@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px; letter-spacing:-.04em;}
.fz24 {font-size:24px;}
.fz30 {font-size:30px;}

.lh-18 {line-height:1.889em;}

.c-wh {color:#fff !important;}
.color-1 {color:#111480 !important;}
.color-2 {color:#b7b7b7 !important;}
.color-24 {color:#242424 !important;}

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

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

.greeting strong {line-height:1.467em; display:block; color:#242424; letter-spacing:-.04em;}
.greeting p {line-height:1.889em; letter-spacing:-.04em;}

.greetingbg {height:360px; max-width:1920px; margin:0 auto; background-image:url('../images/sub/greeting.jpg'); background-size:contain; background-position:100% 0; background-repeat:no-repeat;}

.philosophy {display:flex;}
.philosophy .col-l {flex:1 300px; max-width:300px; width:1%;}
.philosophy .col-r {flex:1 1 auto; width:1%;}
.philosophy .col-r ol li {padding:20px; margin-bottom:10px; border-radius:7px; display:flex; background-color:#f8f8f8;}
.philosophy .col-r ol li:last-child {margin-bottom:0;}
.philosophy .col-r ol li strong {width:30px; height:30px; margin-right:15px; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:100%; background-color:#111480;}
.philosophy .col-r ol li p {flex:1;}

.sales-list li {display:block !important;}
.sales-list .etc {margin-top:30px;}
.sales-list .etc span {padding-right:30px; letter-spacing:-.03em;}
.sales-list .etc span:last-child {padding-right:0;}
.sales-list .flex {display:flex; align-items:center;}
.sales-list .content {margin-top:30px; padding:30px 30px 80px; display:none; background-color:#f4f4f4;}
.sales-list .wrap {display:flex; align-items:center; position:relative;}
.sales-list .closebtn {min-width:70px; font-size:14px; bottom:-50px; text-align:center; position:absolute; right:0; background-color:#fff; color:#686868; border:1px solid #ddd;}
.sales-list .closebtn img {margin:-1px 5px 0 0; vertical-align:middle;}
.sales-list .col-l {display:flex;}
.sales-list .img {position:relative; overflow:hidden; display:block;}
.sales-list .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.sales-list .img 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;}
/* .sales-list .img 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;} */
.sales-list .leftimg {margin-right:10px; width:310px;}
.sales-list .leftimg .img {padding-bottom:68%;}
.sales-list .rightimg {width:143px;}
.sales-list .rightimg .img {margin-bottom:10px; padding-bottom:70%;}
.sales-list .rightimg .img:hover {opacity:.6;}
.sales-list .rightimg .img:last-child {margin-bottom:0;}
.sales-list .col-r {margin-left:30px; flex:1;}
.sales-list table {border-collapse:collapse; width:100%;}
.sales-list table th {padding:11px 20px; letter-spacing:-.03em; background-color:#fff; font-weight:500; color:#242424; border:1px solid #ddd;}
.sales-list table td {padding:11px 20px; letter-spacing:-.03em; background-color:#fff; color:#686868; border:1px solid #ddd;}

.quotation {padding:60px 0; background-color:#f4f4f4;}

.root_daum_roughmap {width:100% !important;}

.gmap iframe {width: 100%; height: 440px;}

.address-info {position:relative;}
.address-info .addr {font-size:28px; margin:10px 0 20px; line-height:1.3em; letter-spacing:-.04em;}
.address-info .etc span {margin-right:35px; color:#686868;}
.address-info .etc span:last-child {margin-right:0;}
.address-info .mail {position:absolute; top:50%; transform:translateY(-50%); right:0;}
.address-info .mail img {vertical-align:middle; margin:-1px 20px 0 0;}

.prd-control {margin-top:30px; display:flex; align-items:center; justify-content:center; line-height:0;}
.prd-control .slick-arrow {width:16px; height:18px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.prd-control .slick-prev {background-image:url("../images/bbs/prd_prev.png");}
.prd-control .slick-next {background-image:url("../images/bbs/prd_next.png");}
.prd-control .slick-dots {margin:0 20px;}
.prd-control .slick-dots li {padding:0 10px; display:inline-block;}
.prd-control .slick-dots li button {position:relative; font-size:0; border:2px solid transparent; background:transparent; text-indent:-9999px;}
.prd-control .slick-dots li button:after {background:#c2c2c2; border-radius:100%; content:" "; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:0;}
.prd-control .slick-dots li button, .prd-control .slick-dots li button:after {width:10px; height:10px;}
.prd-control .slick-dots li.slick-active button:after {background:#111480;}