@charset "utf-8";

/* sub-common : s */
.doc-tit {font-size:28px; font-weight:700; color:#2c2c2c; padding-left:36px;  background:url("../images/sub/sub_dot.png")top left no-repeat; letter-spacing:-.04em; margin-bottom: 27px; line-height: 1.1em;}
.sub-tit {font-size:22px; font-weight:500; color:#005aab; padding-left:34px;  background:url("../images/sub/sub_chek.png")top 1px left no-repeat; letter-spacing:-.04em; margin-bottom: 15px; line-height: 1em;}
.doc-cnt {margin-bottom: 55px;}
/* sub-common : e */


/* 회사소개 */
.greeting {position: relative; padding-top: 62px;}
.greeting .title {position:absolute; font-size: 80px; font-weight: 700; color: #f4f4f4; letter-spacing: -.04em; line-height: 0.7em;  z-index: -1; top:0; left: 0;}
.greeting-box {background:#f4f4f4; padding: 53px 60px 38px 62px; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.2); }
.greeting-box .cnt {display: flex;}
.greeting-box .cnt .txt {flex:1 1 auto; min-width:0; width:1%; }
.greeting-box .cnt .txt h2 {font-size: 26px; font-weight: 700; letter-spacing: -.04em; line-height: 1.45em; color: #2c2c2c; margin-bottom: 20px;}
.greeting-box .cnt .txt h2 span{color: #005aab;}
.greeting-box .cnt .txt p {margin-bottom: 17px;}
.greeting-box .cnt .img-box { width:516px; text-align: right;padding-top: 60px;}
.greeting-box .cnt .img-box img {box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.greeting-box .cnt .img-box .inner {position: relative;}
.greeting-box .cnt .img-box .inner:after {content: ""; position: absolute; background:url("../images/sub/greeting_logo.png")no-repeat; bottom:-60px; right: 0; width:293px; height: 68px;}

.partner-wrap {background:url("../images/sub/partner_img.jpg")left top no-repeat; background-size: 1055px;}
.partner-wrap .cnt:after {clear: both; content: ""; display: block;}
.partner-wrap .cnt .txt-box {float:right; background: #fff; padding: 71px 49px 76px; margin-top: 96px; margin-bottom: 80px;}
.partner-wrap .cnt .txt-box h2 {font-size: 34px; font-weight: 500; letter-spacing: -.04em; line-height: 1.5em; color: #2c2c2c; margin-bottom: 13px;}
.partner-wrap .cnt .txt-box h2 span {color: #005aab;}
.partner-wrap .cnt .txt-box p {font-size: 18px; letter-spacing: -.04em; line-height: 1.8em;}
.partner-wrap .partnerlist ul {display: flex; align-items:center; margin: 0 -10px;}
.partner-wrap .partnerlist ul li {width:33.3333%; margin: 0 10px; background-color:#fff; border: 1px solid #dfdfdf; text-align: center; } 
.partner-wrap .partnerlist ul li a {display: block; padding: 27px 10px;}
.partner-wrap .partnerlist ul li:hover {box-shadow:1px 1px 8px 0px rgba(0, 0, 0, 0.15);}



.org-box {text-align: center;}
.org-m {display: none;}

.designation {text-align: center;}
.designation .title-img {margin-bottom: 82px;}
.designation .img-line-box:last-child {margin-bottom: 0px;}
.designation .img-line-box .tit {position: absolute; z-index: 1; padding:11px 40px; font-size: 17px; font-weight: 700; color: #fff; background:#0b77c4; letter-spacing: -.03em; top:-25px; left:50%; margin-left: -85px; border-radius:50px;}

.partners ul {display:flex; flex-wrap:wrap; padding-left:1px;}
.partners ul li {width:25%;  border: solid 1px #dfdfdf; margin-left:-1px; margin-bottom:-1px;  padding:35.5px 5px; text-align:center;}
.partners ul li .tit {margin:20px 0 15px; color: #454545; font-size:16px; line-height:1.4em; padding:0 5px}



.location-map {width:100%; height:550px;}
.location-map .root_daum_roughmap {width:100% !important;}
.location-map .wrap_map {width:100% !important;}
.wrap_controllers {display:none;}
.root_daum_roughmap, .wrap_map {width:100% !important;height:100% !important;}
.location-info .info-list {padding-top: 85px; padding-bottom: 70px;}
.location-info .info-list ul {display: flex; text-align: center;}
.location-info .info-list ul li {position: relative; width:33.3333%; padding: 0 5px;}
.location-info .info-list ul li:nth-child(n+2):after {position: absolute; content: ""; width:1px; height: 210px; background: #dfdfdf; left: 0; top:-18px;}
.location-info .info-list ul li .icon-box {margin-bottom: 20px;}
.location-info .info-list ul li .tit {font-size: 18px; font-weight: 700; color: #005aab; letter-spacing: -.04em; line-height: 1.4em; margin-bottom: 5px;}
.location-info .info-list ul li .txt {font-size: 24px; font-weight: 300; letter-spacing: -.04em; line-height: 1.7em;}
.location-info .info-list ul li .txt.type2 {font-size: 18px; font-weight: 300; letter-spacing: -.04em; line-height: 1.7em; margin-top: -2px;}
.location-info table.location-table {width:100%; border-collapse:collapse; border-spacing:0px; border-top: 3px solid #005aab; margin-bottom: 50px;}
.location-info table.location-table:last-child {margin-bottom: 0px;}
.location-info .location-table th {background: #f4f4f4; font-size: 20px; font-weight: 500; color: #2c2c2c; border-bottom: 1px solid #dfdfdf; padding: 17px 5px;}
.location-info .location-table td.tit {font-size: 18px; font-weight: 500; color: #2c2c2c; line-height: 1.4em; border-bottom: 1px solid #dfdfdf; padding:17px 5px 17px 20px;}
.location-info .location-table td.txt {font-weight: 300; line-height: 1.4em; border-bottom: 1px solid #dfdfdf; padding:17px 5px ;}
.location-info .location-table td.txt span{display: inline-block; font-size: 12px; font-weight: 500; background:#257eca; border-radius:5px; color: #fff; padding: 0 6px 0 5px; margin-right: 10px;}
.location-info .location-table td.txt span:last-child {background:#1ab056; margin-left: 20px;}
.location-info table th:first-child,
.location-info table td:first-child {border-left:0;}
.location-info table th:last-child,
.location-info table td:last-child {border-right:0;}

/*제품소개*/
.product {display: flex; padding-bottom: 60px; border-bottom: 1px solid #dfdfdf; margin-bottom: 60px;}
.product .row {}
.product .slider-for {border: 1px solid #dfdfdf;}
.product  .product-img {flex:1 1 auto; min-width:0; width:1%; }
.product-img .big-image {margin-bottom: 20px;}
.product-img .big-image .for-item {position:relative; }
.product-img .big-image .for-item .caption {position:absolute; color: #fff; background:rgba(0,0,0,0.7); text-align: center; bottom:0; left:0; width:100%; padding: 11px 5px;}
.images-list .slider-nav .for-item {border: 1px solid #dfdfdf; width:100%;}
.images-list .slider-nav .for-item img {width:100%; height: 100%;}
.images-list .slick-slide {margin: 0 4.5px;}
.images-list .slider-nav .for-item img {}
.images-list .slider-nav .slick-current .for-item {border: 2px solid #005aab;}
.images-list .slick-track {margin-left: 0;}

.product .product-txt {width:50%; padding-left: 45px; margin-top: 45px;}
.product .product-txt .tit {font-size: 24px; font-weight: 500; color: #2c2c2c; letter-spacing: -.04em; line-height: 1.3em;}
.product .product-txt .table-box table {width:100%; border-collapse:collapse; border-spacing:0px; border-top: 3px solid #005aab; margin-top: 17px;}
.product .product-txt .pro-table th{background: #f4f4f4; font-size: 18px; font-weight: 700; color: #2c2c2c; border-bottom: 1px solid #dfdfdf; padding:17px 5px 17px 20px; text-align: left;}
.product .product-txt .pro-table td{font-size: 18px; color: #2c2c2c; line-height: 1.4em; border-bottom: 1px solid #dfdfdf; padding:20px 5px 20px 20px;}

.num-list {color: #2c2c2c; font-size: 18px; }
.num-list > li {color: #2c2c2c; font-size: 18px; letter-spacing: -.04em; line-height: 1.55em; margin-bottom: 15px; }
.num-list > li:last-child {margin-bottom: 0;}
.num-list > li span {display: block; padding-left: 17px; font-size: 16px; font-weight: 400; margin-bottom: 5px;}
.num-list > li p {padding-left: 17px; font-size: 16px; letter-spacing: -.04em; font-weight: 300; color: #505050; line-height: 1.65em;}
.num-list > li .cols-list {padding-left: 16px; margin-bottom: 3px; margin-top: 8px;}
.num-list > li .cols-list li {font-size: 16px; font-weight: 300; color: #505050; line-height: 1.4em; margin-bottom: 10px;}
.b-dot-list {display:flex;}
.b-dot-list > li {position: relative;padding: 0 28px 0 12px; color: #005aab; line-height: 1.6em; margin-top: 4px;}
.b-dot-list li:before {content: ""; position: absolute ; background:#005aab; width:5px; height: 5px; border-radius: 100%; top:14px; left:0px;}
.num-list > li {}


.doc-video {margin-bottom:70px; position:relative; width:100%;}
.doc-video .inner {position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;}
.doc-video .inner video {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:fill; }



/*지원안내*/