@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* 공통 */
.gray-bg {background:#fafafa;}

/* .greetings */
.greetings .img img {width:100%;}
.greetings .contain {position:relative; padding-top:237px; max-width:1260px;}
.greetings .contain:before {content:""; position:absolute; right:-100px; top:-38px; background:url("../images/sub/greetings_txt1.png") 50% 50% no-repeat; background-size:contain; width:455px; height:59px;}
.greetings .contain:after {content:""; position:absolute; left:-100px; top:100px; z-index:-1; background:url("../images/sub/greetings_txt2.jpg") 50% 50% no-repeat; background-size:contain; width:784px; height:174px;}
.greetings .cnt p {margin-bottom:27px; font-size:18px; color:#454545; font-weight:400; letter-spacing:-.03em; line-height:1.556em;}		
.greetings .cnt p:last-child {margin-bottom:0;}
.greetings .cnt strong {font-size:35px; font-weight:700; color:#333; line-height:1.286em;}
.greetings .cnt .sign strong{font-size:22px; margin-left:8px;}

/* work */
.work .list-wrap {padding:50px 50px 100px;}
.work .list {margin-bottom:65px;}
.work .list:last-child {margin-bottom:0;}
.work ul {display:flex; margin:0 -121px;}	
.work li {position:relative; text-align:center; width:25%; padding:0 121px;}
.work li:after {content:""; position:absolute; top:87px; background:url("../images/sub/work_arrow.png") 50% 50% no-repeat; background-size:contain; width:13px; height:22px;}
.work .list1 li:after {right:0;}
.work .list2 li:after {left:0; transform:rotate(180deg);}
.work .list1 li:last-child:after {right:50%; top:auto; bottom:-40px; transform:rotate(90deg); margin-right:-6.5px; margin-bottom:-6.5px;}
.work .list2 li:last-child:after {display:none;}
.work .list2 ul {flex-direction:row-reverse;}
.work .img {margin-bottom:13px;}
.work .order {margin-bottom:-24px; position:relative; z-index:10; font-family:Montserrat, sans-serif; color:#333; font-size:36px; font-weight:600; letter-spacing:0; line-height:1.4em;}
.work .en-tit {font-family:Montserrat, sans-serif; color:#333; font-size:18px; font-weight:600; letter-spacing:0; line-height:1.556em;}
.work .ko-tit {color:#454545; font-size:16px; font-weight:400; letter-spacing:0; line-height:1.625em;}

/* licence */
.licence {display:flex;}
.licence .img img {border:1px solid #e7e7e7;}
.licence .tab-content-wrap {margin-right:100px; width:470px;}
.licence .tab-content {text-align:center;}
.licence .tab-content .img {margin-bottom:20px;}
.licence .t1 {font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.licence .tabs-wrap {flex:1 1 auto; width:1%; min-width:0;}
.licence .tabs {display:flex; flex-wrap:wrap; margin:-32px -11.5px;}
.licence .tabs li {width:25%; padding:32px 11.5px; text-align:center;}
.licence .tabs li.active .img:before {content:""; position:absolute; left:0; right:0; bottom:0; top:0;  border:3px solid #8c1d22;}
.licence .tabs li.active .t2 {color:#8c1d22;}
.licence .tabs li .t2 {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.375em; color:#454545;}
.licence .tabs .img {margin-bottom:7px; position:relative;}

/* partner */
.partner ul {display:flex; flex-wrap:wrap; margin:-17.5px -10.5px;}
.partner ul li {width:16.666666%; padding:17.5px 10.5px; text-align:center;}
.partner .img {margin-bottom:9px;}
.partner p {font-size:18px; color:#222; font-weight:500; letter-spacing:-.03em; line-height:1.556em;}

/* contact */
.contact .contain {display:flex; justify-content:space-between;}
.contact .txt-send-wrap {margin-bottom:135px;}
.contact .txt-cnt dl {margin-bottom:30px;}
.contact .txt-cnt dl:last-child {margin-bottom:0;}
.contact .txt-cnt dt {margin-bottom:10px;}
.contact .txt-cnt dd {font-size:16px; color:#555; font-weight:400; letter-spacing:0; line-height:1.625em;}
.contact .root_daum_roughmap {width:100% !important;}
.contact .root_daum_roughmap .wrap_map {height:500px !important;}

/* project_view */
.sub-title.detail {padding-bottom:65px;}
.project-view .tit-input-box {padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.project-view .input-box {display:flex;}
.project-view .input-box dl {margin-right:80px;}
.project-view .input-box dl:last-child {margin-right:0;}
.project-view .input-box dt {margin-bottom:5px; color:#999; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.project-view .input-box dd {color:#333; font-size:18px; font-weight:600; letter-spacing:-.03em line-height:1.4em;}
.project-view h3 {margin-bottom:20px; line-height:1.4em; font-size:40px; font-weight:600; letter-spacing:-.03em; color:#333;}
.project-view .cnt ul {display:flex; flex-direction:column; align-items:center;}
.project-view .cnt li {margin-bottom:50px;}
.project-view .cnt li:last-child {margin-bottom:0;}
.project-view a {font-family:Montserrat, sans-serif; font-size:18px; font-weight:500; letter-spacing:0; line-height:1.4em; color:#fff; margin:109px auto 0; background:#c30e23; display:flex; justify-content:center; align-items:center; max-width:130px; height:50px;}