<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> @charset "utf-8";
/* doc.cssëŠ” ë””ìžì¸íŽ˜ì´ì§€ ìŠ¤íƒ€ì¼ì„ ì&nbsp;•ì˜í•©ë‹ˆë‹¤. */

.doc-title {position:relative; font-size:20px; line-height:1.3em; color:#2c2c2c; font-weight:500; padding-left:25px; margin-bottom:10px;}
.doc-title:before {content:"";position:absolute; top:4px; left:0; width:20px; height:20px; background:url('../images/sub/doc_dot.png') 50% 50% no-repeat; background-size:contain;}

.product-video {margin-bottom:40px;}
.product-video .video-container:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dfdfdf}
.product-video ul {display:flex; flex-wrap:wrap; margin:40px -20px -40px;}
.product-video ul li {width:50%; padding:0 20px; text-align:center; margin-bottom:40px;}
.product-video ul li .tit {font-size:18px; line-height:1.4em; font-weight:300; margin-top:10px;}
 
.product-tit {color:#022e5f; font-size:26px; line-height:1.4em; font-weight:500; margin-bottom:10px;}
.product-text {}
.product-text ul li {position:relative; font-size:18px; line-height:1.6em; margin-bottom:5px; padding-left:15px;}
.product-text ul li:before {content:"";position:absolute; top:10px; left:0; width:6px;height:6px; background:#022e5f; border-radius:100%;}

.product-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #022e5f; border-bottom:1px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.product-table table thead th {padding:12px 20px; border:1px solid #dfdfdf; border-top:0; background:#e5e9ee; font-size:20px; line-height:1.4em; font-weight:500; color:#2c2c2c;}
.product-table table tbody th {padding:12px 20px; border:1px solid #dfdfdf; background:#fafafa; font-weight:500; color:#2c2c2c;}
.product-table table tbody td {padding:12px 20px; border:1px solid #dfdfdf;  text-align:center; color:#505050;}
.product-table tr th:first-child,
.product-table tr td:first-child {border-left:0;}
.product-table tr th:last-child,
.product-table tr td:last-child {border-right:0;}
.product-table strong {font-weight:500;}

.partner-list ul {display:flex; flex-wrap:wrap; margin-left:-22px; margin-bottom:-60px;}
.partner-list ul li {width:16.666666%; padding-left:22px; margin-bottom:60px;}
.partner-list .thumb {position:relative; height:0; padding-bottom:100%; background:#f4f4f4; border-radius:100%; overflow:hidden}
.partner-list .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%; min-height:100%; object-fit:contain; transition:0.3s;}


.one-page-nav.fixed {position:fixed !important; top:0; left:0; background:#fff; width:100%; z-index:100}

.company {height:870px; width:100%; display:table;text-align:center; color:#fff;  background:url('../images/sub/company_bg.jpg') 50% 50% no-repeat; background-size:cover}
.company .cell {width:100%; height:100%; display:table-cell; vertical-align:middle;}
.company .cnt {font-size:24px; line-height:1.6em; text-shadow:3px 3px 3px rgba(0,0,0,.35); margin-bottom:30px;}
.company .tit {font-size:36px; line-height:1.6em; font-weight:500; text-shadow:3px 3px 3px rgba(0,0,0,.35);}
.company .bar {padding:0 35px;}

.history {}
.history .row {position:relative;  display:flex; justify-content:flex-end; padding-bottom:30px;}
.history .row:after {content:"";position:absolute; top:0; left:50%; width:1px; height:100%; background:#dfdfdf; margin-left:-.5px; z-index:-1}
.history .row:last-child {padding-bottom:0;}
.history .row:last-child:after {display:none}
.history .row .col {width:50%; position:relative; padding-left:80px;}
.history .row .col:before {content:"";position:absolute; top:0; left:-20px; width:40px;height:40px; background:#fff; border:14px solid #022e5f; border-radius:100%;}
.history .row .col .year {color:#022e5f; font-size:26px; line-height:1.4em; font-weight:700; margin-bottom:10px;}
.history .row .col ul li {margin-bottom:10px; font-size:16px; line-height:1.4em;}
.history .row .col ul li:last-child {margin-bottom:0;}
.history .row:nth-child(even) {justify-content:flex-start}
.history .row:nth-child(even) .col {padding-right:80px;  text-align:right; padding-left:0;}
.history .row:nth-child(even) .col:before {left:auto; right:-20px}


.business-product {max-width:1045px; margin:0 auto;}
.business-product ul {display:flex; flex-wrap:wrap; margin-left:-80px; margin-bottom:-80px;}
.business-product ul li {width:25%; padding-left:80px; margin-bottom:80px; text-align:center;}
.business-product .icon {margin-bottom:25px;}
.business-product .tit {border-top:2px solid #dfdfdf; padding-top:15px; font-size:18px; line-height:1.4em; color:#2c2c2c; font-weight:500;}

.location-row {background:#f4f4f4; padding:80px 0;}
.location-row .sub-title {margin-top:0;}
.location-row .row {display:flex; margin:0 -20px;}
.location-row .col {width:50%; padding:0 20px;}

.root_daum_roughmap {width:100% !important; height:400px !important;}
.root_daum_roughmap .wrap_map {height:400px !important;}

.location-info {padding-top:20px;}
.location-info .group {margin-bottom:20px; font-size:18px ;line-height:1.4em; color:#2c2c2c;}
.location-info .group:last-child {margin-bottom:0;}
.location-info .group .tit {display:inline-block; color:#0a70ae;font-weight:500;}
.location-info .group .info {display:inline-block; padding-left:20px; font-size:20px;}
.location-info .group .bar {padding:0 30px;}

#overview,#history,#business,#cert {padding-bottom:40px;}
</pre></body></html>