@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz24 {font-size:24px !important;}

.doc-cnt70 {margin-bottom:60px !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.cr-1 {color:#242424 !important;}

.sub01-bg {padding-bottom:115px; background-image:url('../images/sub/sub01_01bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}

.about {text-align:center; color:#fff;}
.about .text {margin-bottom:30px;}
.about .text.last {margin-bottom:45px;}
.about .text .en {font-size:36px; line-height:1.3em; letter-spacing:-.03em; font-weight:600;}
.about .text .kr {font-size:28px; margin-top:8px; line-height:1.3em; letter-spacing:-.03em;}

.about p {margin-bottom:28px; line-height:1.7em; letter-spacing:-.03em; color:#d3d3d3;}
.about p:last-child {margin-bottom:0;}

.bnr-slide .rolling {overflow:hidden; max-width:2500px; margin:0 auto;}
.bnr-slide ul {width:99999px;}
.bnr-slide ul li {float:left; line-height:0;}
.bnr-slide img {opacity:.3; filter:grayscale(100%);}
.bnr-slide ul li:hover img {opacity:1;}

.business .item {margin-bottom:120px; display:flex; align-items:center;}
.business .item:last-child {margin-bottom:0;}
.business .img {margin-right:100px;}
.business .cnt {flex:1;}
.business span {font-weight:900; color:#b1b1b1; letter-spacing:-.03em; line-height:1.3em; display:block;}
.business .tit {font-size:40px; margin:15px 0 45px; color:#242424; letter-spacing:-.03em; line-height:1.5em;}
.business p {line-height:1.7em; color:#686868;}
.business .item:nth-child(even) .img {order:2; margin-right:0 !important;}

.portfolio-menu {margin-bottom:95px; text-align:center;}
.portfolio-menu ul {display:flex; justify-content:center; align-items:center;}
.portfolio-menu ul li {padding:0 30px; position:relative;}
.portfolio-menu ul li:after {height:16px; position:absolute; content:''; right:0; background-color:#ddd; width:1px; top:50%; transform:translateY(-50%);}
.portfolio-menu ul li:last-child:after {display:none;}
.portfolio-menu ul li a {font-size:22px; color:#878787; letter-spacing:-.03em; line-height:1.4em;}
.portfolio-menu ul li.active a {font-size:24px; font-weight:600; color:#242424; letter-spacing:-.03em; position:relative;}
.portfolio-menu ul li.active a:after {position:absolute; content:''; bottom:-15px; left:0; right:0; background-color:#000; height:2px;}
.portfolio-menu ul li:hover a {color:#242424;}

.inquiry-wrap {margin-top:120px; display:flex;}
.inquiry-wrap .sub-title {margin-bottom:30px; text-align:left; padding:0;}
.inquiry-head {width:480px;}
.inquiry-head .head h3 {font-size:24px; color:#242424; line-height:1.417em; letter-spacing:-.03em; font-weight:600;}
.inquiry-form {flex:1 1 auto; min-width:0; width:1%;}
.inquiry-form .required {font-size:24px; padding-right:5px; font-weight:600; vertical-align:middle; letter-spacing:-.03em; color:#c1c1c1; display:inline-block;}
.inquiry-form .form {line-height:1.5em; letter-spacing:-.03em;}
.inquiry-form .row {display:flex; flex-wrap:wrap; margin:0 -10px;}
.inquiry-form .form .col {margin-bottom:20px; width:50%; padding:0 10px;}
.inquiry-form .form .col:last-child {margin-bottom:0;}
.inquiry-form .form .col.col-x2 {width:100%;}
.inquiry-form .form dt {margin-bottom:10px; font-weight:600; color:#242424;}
.inquiry-form .form .input {display:block; width:100%; height:60px; padding:15px; font-size:14px; border-radius:5px; line-height:1.5em; background-color:#f8f8f8; border:none;}
.inquiry-form .form select.input {padding-right:30px; background-size:10px auto; background-position:right 10px center;}
.inquiry-form .form textarea.input {height:160px;}
.inquiry-form .submit-area {display:flex; align-items:center; margin-top:50px;}
.inquiry-form .form-agree {margin:0 100px 0 0;}

.board-view.ty2 {border-top:0;}
.board-view.ty2 .board-view-tit {padding:0 15px 35px; text-align:center; border-bottom:2px solid #242424;}
.board-view.ty2 .board-view-tit h3 {font-size:40px; font-weight:700; color:#242424;}
.board-view.ty2 .board-view-tit strong {padding:0 15px; margin-top:20px; color:#a1a1a1; display:inline-block;}
.board-view.ty2 .board-view-cnt {padding:50px 15px 0; border-bottom:0;}

.detailSlide {position:relative; text-align:center;}
.detailSlide .items {padding:0 195px;}
.detailSlide .thumb {position:relative; padding-bottom:75%; overflow:hidden;}
.detailSlide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.detailSlide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:40px; height:60px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain;}
.detailSlide .slick-prev {left:40px; background-image:url("../images/bbs/detail_prev.jpg");}
.detailSlide .slick-next {right:40px; background-image:url("../images/bbs/detail_next.jpg");}
.detailSlide .slick-prev:hover {background-image:url("../images/bbs/detail_prev_on.jpg");} 
.detailSlide .slick-next:hover {background-image:url("../images/bbs/detail_next_on.jpg");}
.detailSlide img {margin:0 auto;}

.detail-tb table {text-align:left; border-top:1px solid #242424; border-collapse:collapse; width:100%;}
.detail-tb th {padding:13px 20px; border-bottom:1px solid #ddd; font-weight:500;}
.detail-tb th span {padding-left:15px; position:relative;}
.detail-tb th span:before {width:4px; height:4px; top:7px; border-radius:100%; position:absolute; content:''; left:0; background-color:#242424;}
.detail-tb td {padding:13px 20px; border-bottom:1px solid #ddd;}