@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px !important;}

.doc-tit {font-size:25px; padding-left:35px; margin-bottom:20px; letter-spacing:-.03em; color:#242424; position:relative; font-family:'Pretendard';}
.doc-tit:before {width:24px; height:24px; left:0; top:2px; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.doc-cnt50 {margin-bottom:50px;}
.doc-cnt100 {margin-bottom:100px;}

.color-point {color:#0a51a1 !important;}
.color-point2 {color:#ff6000 !important;}

.greeting {padding-top:300px; background-image:url('../images/sub/greeting.jpg'); background-size:contain; background-repeat:no-repeat; position:relative;}
.greeting .box {padding:70px 50px 0 80px; background-color:#fff; max-width:660px; margin-left:auto;}
.greeting .tit {font-size:28px; line-height:1.357em; letter-spacing:-.02em; font-weight:700; color:#2c2c2c;}
.greeting p {margin-top:25px;}
.greeting p span {font-weight:600;}
.greeting p.last {margin-top:65px; color:#121212;}
.greeting p.last img {margin:-10px 0 0 30px; vertical-align:middle;}
.greeting .ab-txt {font-size:118px; line-height:.9em; position:absolute; bottom:140px; left:0; font-family:'Roboto', sans-serif; letter-spacing:0; font-weight:900; color:#efefef;}

.cert {margin:0 -15px -40px; display:flex; flex-wrap:wrap; text-align:center;}
.cert li {padding:0 15px; margin-bottom:40px; width:33.3333%;}
.cert li p {margin-top:25px;}

.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;} 
.roughmap_lebel_text:after {content:"신화C&S"; font-size:12px; line-height:15px;} 

.root_daum_roughmap {width:100% !important;}

.local {display:flex; align-items:center;}
.local .col {width:50%;}
.local .col-r {padding-left:60px;}
.local .col-r ul li {margin-bottom:30px; display:flex; align-items:center;}
.local .col-r ul li:last-child {margin-bottom:0;}
.local .col-r ul li .cnt {padding-left:20px; flex:1;}
.local .col-r ul li .cnt span {font-size:14px; line-height:1.8em; display:block; font-weight:500;}
.local .col-r ul li .cnt p {font-size:24px; color:#505050; letter-spacing:-.04em;}

.perform {margin:0 -13px -30px; display:flex; flex-wrap:wrap; text-align:center;}
.perform li {padding:0 13px; margin-bottom:30px; width:25%;}
.perform li p {margin-top:15px;}

.catalog {text-align:center;}
.catalog ul {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.catalog ul li {width:33.3333%; padding:0 15px; margin-bottom:30px;}
.catalog ul li a {padding:35px 40px; border:1px solid #ddd; display:block;}
.catalog ul li a .thumb {position:relative; padding-bottom:141%; margin-bottom:15px; overflow:hidden;}
.catalog ul li a .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.catalog ul li a .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}

.pro-depth-2 {margin-bottom:30px; display:flex; flex-wrap:wrap;}
.pro-depth-2 li {width:20%;}
.pro-depth-2 li a {height:60px; border:1px solid #ddd; position:relative; margin:0 0 -1px -1px; display:flex; justify-content:center; align-items:center; line-height:1.4em; letter-spacing:-.04em; background-color:#fafafa;}
.pro-depth-2 li.active a {background-color:#fff; color:#0a51a1; font-weight:600;}
.pro-depth-2 li.active a:after {position:absolute; content:''; left:0; right:0; bottom:0; height:3px; background-color:#0a51a1;}

.pro-depth-3 {margin-bottom:50px; padding:27px 30px; border:1px solid #0a51a1; display:flex; flex-wrap:wrap;}
.pro-depth-3 li {margin-right:20px; line-height:1.3em;}
.pro-depth-3 li a {padding-left:14px; color:#878787; line-height:1.3em; position:relative; display:inline-block;}
.pro-depth-3 li.active a {color:#0a51a1; font-weight:600;}
.pro-depth-3 li a:after {position:absolute; content:''; width:3px; height:3px; top:7px; left:0; background-color:#878787; border-radius:100%;}
.pro-depth-3 li.active a:after {background-color:#0a51a1;}

.proSlider-nav {padding:31px 50px; background-color:#fafafa; border-bottom:1px solid #ddd;}
.proSlider-nav .item {padding:0 5px;}
.proSlider-nav .slick-current .img:after {position:absolute; content:''; top:0; right:0; bottom:0; left:0; border:2px solid #1a208e;}
.proSlider-nav .slick-arrow {position:absolute; width:12px; height:21px; top:50%; transform:translateY(-50%); z-index:90; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.proSlider-nav .slick-prev {left:20px; background-image:url("../images/sub/prd_prev.png");}
.proSlider-nav .slick-next {right:20px; background-image:url("../images/sub/prd_next.png");}

.pop-title {font-size:24px; padding:27px 40px; font-weight:700; letter-spacing:-.02em; line-height:1.3em; color:#fff; background-color:#0a51a1;}

.pop-form {padding:40px 40px 20px;}
.pop-form .board-form table {border-top:0;}
.pop-form .board-form table th {border-right:0; text-align:left; background-color:#fff; color:#2c2c2c;}
.pop-form .board-form table td {height:65px; border-left:0;}
.pop-form .form-agree {margin:25px 0 40px;}

.fancybox-viewpop .fancybox-skin {background-color:#fff !important;}
.fancybox-viewpop .fancybox-close {width:24px; height:24px; top:22px; right:30px; background-size:cover; background-repeat:no-repeat; background-image:url('../images/sub/pop_close.png');}