@charset "utf-8";

/* Works */
.works .workCate{margin-bottom:20px;}
/*.works .workCate select{width:256px;height:30px;font-size:1.8rem;border:0;border-bottom:1px solid #a2a2a2;}*/
.works .workCate select{width:325px;height:30px;font-size:1.8rem;border:0;border-bottom:1px solid #a2a2a2;}
.works #lightgallery{display:flex;flex-wrap:wrap;}
.works #lightgallery > li{width:325px;margin-bottom:44px;position:relative;}
.works #lightgallery > li:nth-child(3n+2){margin-right:30px;margin-left:30px;}
.works #lightgallery > li .itemTitle{width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.8rem;font-weight:500;letter-spacing:-0.03em;margin-top:10px;}
.works #lightgallery > li .viewMore{display:none;}
.works #lightgallery > li:hover .imgBox{position:relative;}
.works #lightgallery > li:hover .imgBox:after{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(32, 22, 19, .6);content:"";}
.works #lightgallery > li:hover .viewMore{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;left:0;top:0;z-index:10;}
.works #lightgallery > li:hover .viewMore span{border-bottom:1px solid rgba(255, 255, 255, .5);}
.works #lightgallery .empty{width:100%;text-align:center;margin-top:50px;}
.works .readMore{text-align:center;}
.works .readMore button{background:none;border-bottom:3px solid #333;font-weight:500;padding:0 27px 5px;}
#objPopupLayer{transform:translate(-50%, -50%);}
.portfolioViewWrap{height:797px;padding:0 64px;background:#fff;overflow-y:scroll;overflow-x:hidden;}
.portfolioViewCont{position:relative}
.portfolioViewCont .topBox{text-align:center;margin-top:60px;}
.portfolioViewCont .portfolioTitle{position:relative;margin:31px 0 25px;}
.portfolioViewCont .portfolioTitle h2{font-size:3.3rem;font-weight:700;}
.portfolioViewCont .portfolioTitle h2 br{display:none;}
.portfolioViewCont .viewInfo{font-size:1.7rem;}
.portfolioViewCont .viewInfo ul{display:flex;flex-wrap:wrap;}
.portfolioViewCont .viewInfo ul li{margin:5px 10px 5px 0;padding-right:14px;position:relative;}
.portfolioViewCont .viewInfo ul li:after{width:1px;height:17px;background:#ccc;position:absolute;right:0;top:4px;content:"";}
.portfolioViewCont .viewInfo ul li:last-child:after{display:none;}
.portfolioViewCont .viewInfo ul li dl{display:flex;font-weight:500;color:#797979;}
.portfolioViewCont .viewInfo ul li dl dd{margin-left:3px;}
.portfolioViewCont .viewCont{letter-spacing:-0.03em;line-height:1.8;margin:10px 0 30px;}
.portfolioViewCont .portfolioViewImg{width:100%;text-align:center;position:relative;padding:20px 0 0;}
.portfolioViewCont .portfolioViewImg .bgWhite{width:100%;height:10px;background:#fff;position:absolute;top:0;left:0;}
.portfolioViewCont .portfolioViewImg .imgList{margin-bottom:30px;}

/* About */
.about .aboutLogo{margin-bottom:32px;}
.about .name{margin:56px 0 25px;}
.about .name strong{width:110px;display:inline-block;}
.about .name .koName{font-size:1.9rem;font-weight:700;}
.about .name .koName strong{font-size:2.7rem;}
.about .name .enName{color:#999;margin-top:2px;}
.about .name .enName strong{font-weight:400;}

/* Service */
.service .serviceList{display:flex;flex-wrap:wrap;justify-content:center;}
.service .serviceList > li{margin:15px;}
.service .serviceList > li .serviceLayer{display:none;}
.service .serviceList > li.active .serviceLayer{width:100%;height:100%;background:rgba(0, 0, 0, .5);display:block;position:fixed;left:0;top:0;z-indeX:1000;}
.service .serviceList .serviceLayer .contBox{width:650px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;}
.service .serviceList .serviceLayer .contBox .contTitle{background:#f6f6f6;margin:80px 0 0;padding:15px 0 35px 58px;}
.service .serviceList .serviceLayer .contBox .contTitle h4{font-size:3.5rem;font-weight:700;letter-spacing:-0.03em;margin-bottom:20px;position:relative;}
.service .serviceList .serviceLayer .contBox .contTitle h4:after{width:15px;height:2px;background:#ee1f24;position:absolute;left:0;bottom:-7px;content:"";}
.service .serviceList .serviceLayer .contBox .contTitle .enName{font-weight:500;color:#797979;letter-spacing:-0.03em;}
.service .serviceList .serviceLayer .contBox .infoList{padding:40px 0 90px 60px;}
.service .serviceList .serviceLayer .contBox .infoList li{position:relative;padding-left:10px;line-height:2.1;letter-spacing:-0.01em;}
.service .serviceList .serviceLayer .contBox .infoList li:before{position:absolute;left:0;top:0;content:"-";}
.service .serviceList .serviceLayer .contBox .btnClose{position:absolute;right:23px;top:30px;}

/* Community */
.tabDesign{margin-bottom:40px;}
.tabDesign ul{display:flex;justify-content:center;}
.tabDesign ul li{margin:0 15px;}
.tabDesign ul li a{font-size:2rem;color:#a8a8a8;}
.tabDesign ul li a span{font-family: 'Lora', serif;font-weight:500;}
.tabDesign ul li.tabActive a{color:#333;border-bottom:1px solid #333;}
.searchForm{text-align:right;}
.searchForm select{width:80px;height:28px;border:0;margin-right:10px;}
.searchForm input[type="text"]{width:180px;height:28px;border:0;outline:none;}
.searchForm input[type="submit"]{width:24px;height:23px;background:url(/img/common/btn_search.gif) no-repeat left top;border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}
.boardList{border-top:1px solid #333;margin-top:18px;}
.boardList li{display:flex;justify-content:space-between;padding:25px 20px 28px;border-bottom:1px solid #ddd;}
.boardList li a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:2rem;letter-spacing:-0.01em;display:block;}
.boardList li span{font-size:1.8rem;color:#b8b8b8;}
.pageNum{display:flex;justify-content:center;align-items:center;margin-top:34px;}
.pageNum img{vertical-align:0;}
.pageNum a{font-weight:300;color:#666;margin:0 8px;line-height:1.4;}
.pageNum a.pageActive{font-weight:700;border-bottom:1px solid #333;color:#333;}
.pageNum a.pagePrev{margin-right:25px;}
.pageNum a.pageNext{margin-left:25px;}
.noticeView .noticeTitle{border-top:1px solid #333;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:25px 20px 28px;}
.noticeView .noticeTitle h4{width:80%;font-size:2rem;letter-spacing:-0.01em;}
.noticeView .noticeTitle span{font-size:1.8rem;color:#b8b8b8;}
.noticeView .noticeCont{min-height:350px;padding:10px 20px;border-bottom:1px solid #ddd;letter-spacing:-0.01em;}
.noticeView .btnList{text-align:center;margin-top:40px;}
.noticeView .btnList a{width:180px;height:67px;line-height:65px;font-size:2rem;font-weight:500;letter-spacing:-0.05em;border:1px solid #999;display:inline-block;}

/* Question */
.question .titleCont{padding:110px 0 126px;text-align:center;color:#fff;background:url(/img/community/question_bg.jpg) no-repeat center top/cover;}
.question .titleCont h4{font-size:3.3rem;font-weight:700;letter-spacing:-0.01em;line-height:1.5;margin-bottom:3px;}
.question .titleCont p{font-size:2.8rem;font-family: 'Lora', serif;font-weight:300;}
.question .titleCont p span{display:inline-block;}
.question .titleCont p .lineCont{width:1px;height:21px;background:#fff;opacity:.5;vertical-align:-2px;margin:0 15px;}
.question .questionForm{margin-top:30px;}
.question .questionForm li{margin-bottom:10px;}
.question .questionForm li input,
.question .questionForm li textarea{width:100%;padding-left:10px;border:1px solid #ccc;font-size:1.8rem;color:#666;letter-spacing:-0.01em;font-weight:500;}
.question .questionForm li input{height:52px;}
.question .questionForm li textarea{height:175px;}
.question .btnSubmit{text-align:center;margin-top:30px;}
.question .btnSubmit input{width:180px;height:67px;color:#fff;background:#333;font-size:2rem;font-weight:500;letter-spacing:-0.05em;border:0;}




@media screen and (max-width:1150px){
/* Works */
.works #lightgallery > li{width:32%;}
.works #lightgallery > li:nth-child(3n+2){margin-right:2%;margin-left:2%;}
#objPopupLayer{width:95% !important;}
#objPopupLayer > iframe{width:100% !important;height:600px !important;}
}

@media screen and (max-width:979px){
}

@media screen and (max-width:767px){
/* Works */
.works #lightgallery{justify-content:space-between;}
.works #lightgallery > li{width:49%;margin-bottom:2%;}
.works #lightgallery > li:nth-child(3n+2){margin-right:0;margin-left:0;}
.works .readMore{margin-top:40px;}
#objPopupLayer > iframe{height:500px !important;}
.portfolioViewWrap{height:500px;padding:0 20px;}
.portfolioViewCont .portfolioTitle{margin:15px 0;}
.portfolioViewCont .viewInfo ul li{margin-right:7px;padding-right:11px;}
.portfolioViewCont .viewInfo ul li:after{height:12px;top:5px;}


/* About */
.about .aboutLogo img{width:200px;}
.about .name{margin:30px 0 20px;}

/* Service */
.service .serviceList .serviceLayer .contBox{width:90%;}
.service .serviceList .serviceLayer .contBox .contTitle{background:#f6f6f6;margin:80px 0 0;padding:15px 0 20px 30px;}
.service .serviceList .serviceLayer .contBox .infoList{padding:20px 0 60px 30px;}

/* Community */
.tabDesign{margin-bottom:20px;}
.tabDesign ul li{margin:0 7px;}
.tabDesign ul li a{font-size:1.6rem;}
.boardList li{padding:15px;}
.noticeView .noticeTitle{padding:15px;}
.noticeView .noticeTitle h4{width:100%;}
.noticeView .noticeCont{min-height:200px;padding:15px;}
.noticeView .btnList a{width:140px;height:45px;line-height:43px;}

/* Question */
.question .titleCont{padding:55px 0 60px;}
.question .titleCont p span{display:block;}
.question .titleCont p .lineCont{display:none;}
.question .btnSubmit input{width:140px;height:45px;}
}

@media screen and (max-width:501px){
}