@charset "utf-8";

.sub-tab {text-align:center; margin-top:-45px; margin-bottom:60px;}
.sub-tab ul {display:flex; border-bottom:1px solid #ccc;}
.sub-tab ul li {width:190px; border:1px solid #ccc; border-left:0; margin-bottom:-1px;}
.sub-tab ul li:first-child {border-left:1px solid #ccc;}
.sub-tab ul li a {display:flex; justify-content:center; align-items:center; height:58px; padding:0 15px; color:#555; font-size:20px; font-weight:500; line-height:1.25em; letter-spacing:-.025em;}
.sub-tab ul li.active {border-color:#3c73b5; background:#3c73b5;}
.sub-tab ul li.active a {color:#fff;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.625em; border-top:2px solid #3c73b5;}
.table-style table th {padding:14px; border:1px solid #d4d4d4; background:#fafafa;}
.table-style table td {padding:14px; color:#555; text-align:center; border:1px solid #d4d4d4;}
.table-style table td.left {text-align:left; padding-left:22px; padding-right:22px;}
.table-style table tr th:first-child,
.table-style table tr td:first-child {border-left:0;}
.table-style table tr th:last-child,
.table-style table tr td:last-child {border-right:0;}
.table-style.st2 table td {font-weight:500;}

.doc-tit {position:relative; padding-left:19px; margin-bottom:10px; font-size:24px; line-height:1.3em; letter-spacing:-.03em;}
.doc-tit:before {content:""; position:absolute; top:10px; left:0; width:11px; height:11px; background:url('../images/sub/bullet.png') 50% 50% no-repeat;}

.sub-sec {margin-bottom:75px;}
.sub-sec:last-child {margin-bottom:0;}

.cnt-indent {margin-left:19px;}

.dot-list > li {position:relative; padding-left:15px; color:#555;}
.dot-list > li:before {content:"·"; position:absolute; top:-2px; left:0; color:#3c73b5; font-size:1.3em; font-weight:700;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

.sub-top-txt {font-size:20px; line-height:1.5em; margin-bottom:45px;}

.company-overview {display:flex; color:#555; margin-bottom:55px;}
.company-overview .img {width:300px; margin-right:55px;}
.company-overview .cnt {flex:1 1 auto; min-width:0; width:1%;}

.vision {max-width:1202px; margin:0 auto; margin-top:100px;}
.vision .head {text-align:center; margin-bottom:60px;}
.vision .head h3 {color:#2a869d; font-size:46px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:5px;}
.vision .head p {font-size:28px; font-weight:300; line-height:1.286em; letter-spacing:-.03em;}
.vision .con-1 {color:#fff; padding:27px 60px; border-radius:12px; background:#759d2a url("../images/sub/vision_bg.png") 100% 100% no-repeat;}
.vision .con-1 h4 {font-size:36px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:5px;}
.vision .con-1 ul {margin-left:4px;}
.vision .con-1 ul li {position:relative; padding-left:29px; line-height:1.556em;}
.vision .con-1 ul li:before {content:""; position:absolute; top:4px; left:0; width:19px; height:19px; background:url('../images/sub/check.png') 50% 50% no-repeat;}
.vision .arrow {text-align:center; padding:12px 0;}
.vision .arrow2 {text-align:center; padding:27px 0 0;}
.vision .con-2 {display:flex; margin:-9px; text-align:center;}
.vision .con-2 dl {width:calc(25% - 18px); margin:9px; border:1px solid #dadada; border-radius:6px;}
.vision .con-2 dt {margin:-1px -1px 0 -1px; padding:9px; font-size:22px; font-weight:700; line-height:1.3em; color:#fff; border-radius:6px 6px 0 0; background:#2a869d;}
.vision .con-2 dd {padding:15px 15px 23px; font-weight:500;}
.vision .con-3 {margin-top:-16px; text-align:center;}
.vision .con-3 ul {display:flex; justify-content:center;}
.vision .con-3 ul li {width:167px; margin:0 20px; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.04em;}
.vision .con-3 ul li .circle {position:relative; padding-bottom:100%; color:#fff; background-color:#55b18b; background-position:50% 50%; background-repeat:no-repeat; border-radius:100%;}
.vision .con-3 ul li .circle span {position:absolute; top:50%; left:0; width:100%; padding:10px; transform:translateY(-50%);}
.vision .con-3 ul li .circle.st1 {background-image:url("../images/sub/vision_icon1.png");}
.vision .con-3 ul li .circle.st2 {background-image:url("../images/sub/vision_icon2.png");}
.vision .con-3 ul li .circle.st3 {background-image:url("../images/sub/vision_icon3.png");}
.vision .con-3 ul li .circle.st4 {background-image:url("../images/sub/vision_icon4.png");}
.vision .con-4 {font-size:20px; text-align:center; margin-top:47px;}

.biz-area {position:relative; text-align:center; height:610px; background:url("../images/sub/biz_area_bg.png") 90% 100% no-repeat;}
.biz-area .item {position:absolute; border-radius:100%; color:#fff; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.biz-area .item:before {content:""; display:block; width:100%; padding-bottom:100%;}
.biz-area .item .in {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.biz-area .item .ico {margin-bottom:14px; margin-top:-3px;}
.biz-area .item .ko {font-size:26px; line-height:1.3em; margin-bottom:2px;}
.biz-area .item .en {font-size:20px; font-weight:300; line-height:1.3em;}
.biz-area .item.st1 {left:2.8%; top:25%; width:20%; max-width:278px; background-image:url("../images/sub/biz_area_img1.png");}
.biz-area .item.st2 {left:27%; top:5%; width:24%; max-width:336px; background-image:url("../images/sub/biz_area_img2.png");}
.biz-area .item.st3 {left:52%; top:45%; width:21%; max-width:289px; background-image:url("../images/sub/biz_area_img3.png");}
.biz-area .item.st4 {left:71%; top:6%; width:23%; max-width:322px; background-image:url("../images/sub/biz_area_img4.png");}

.greetings {display:flex; align-items:flex-end;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%; padding:0 0 44px;}
.greetings .cnt h3 {font-size:36px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:15px;}
.greetings .cnt h3 span {display:inline-block;}
.greetings .cnt h3 .text-gray {color:#555;}
.greetings .cnt .txt {color:#555; letter-spacing:-.03em;}
.greetings .cnt .sign strong {margin-right:20px;}
.greetings .img {width:30%; max-width:400px; padding:0 25px; text-align:right;}

.greetings-bottom {text-align:center; height:256px; padding:30px; color:#fff; font-size:48px; font-weight:200; line-height:1.3em; letter-spacing:.6em; display:flex; align-items:center; justify-content:center; background:url("../images/sub/greetings_img.jpg") 100% 100% no-repeat; background-size:cover;}

.history {display:flex; align-items:flex-start;}
.history .title {padding:35px 40px; margin-right:90px; width:470px; height:280px; color:#fff; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.history .title.st1 {background-image:url("../images/sub/history_img1.jpg");}
.history .title.st2 {background-image:url("../images/sub/history_img2.jpg");}
.history .title h3 {font-size:70px; font-weight:100; line-height:1.1em; letter-spacing:-.05em;}
.history .title p {font-size:28px; font-weight:500; line-height:1.3em;}
.history .content {flex:1 1 auto; min-width:0; width:1%;}
.history .content .group {display:flex;}
.history .content .group .year {width:140px; margin-top:-5px; color:#333; font-size:40px; font-weight:700; line-height:1em; letter-spacing:-.03em;}
.history .content .group ul {position:relative; padding-bottom:60px; flex:1 1 auto; min-width:0; width:1%;}
.history .content .group ul:before {content:""; position:absolute; top:10px; left:0; width:1px; height:100%; background:#e4e5e8}
.history .content .group ul li {position:relative; padding-left:85px; margin-bottom:10px; color:#555;}
.history .content .group ul li:before {content:""; position:absolute; top:11px; left:-3px; width:7px; height:7px; background:#1858af; border-radius:100%;}
.history .content .group ul li:last-child {margin-bottom:0;}
.history .content .group ul li .month {position:absolute; top:0; left:36px; color:#000; font-weight:700;}
.history .content .group:last-child ul {padding-bottom:0;}

.certifications ul {display:flex; flex-wrap:wrap; margin:-20px -18px;}
.certifications ul li {width:25%; padding:20px 18px;}
.certifications ul li img {box-shadow:8px 8px 4px rgba(0,0,0,.1);}

.product {display:flex; margin-top:100px;}
.product .img {width:50%; margin-right:80px;}
.product .cnt {flex:1 1 auto; min-width:0; width:1%; padding:55px 60px 0;}
.product .cnt .head {border-bottom:1px solid #dadada; padding-bottom:33px; margin-bottom:40px;}
.product .cnt .head h3 {font-size:46px; line-height:1.3em; letter-spacing:-.025em; margin-bottom:15px;}
.product .cnt .head p {font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.025em;}
.product .cnt .txt {color:#555;}
.product .cnt .txt ul li {position:relative; padding-left:15px;}
.product .cnt .txt ul li:before {content:"·"; position:absolute; top:0; left:0;}
.product.st2 .img {padding-top:55px;}

.pro-list {margin-top:100px; text-align:center;}
.pro-list ul {display:flex; flex-wrap:wrap; margin:-40px -30px;}
.pro-list ul li {width:50%; padding:40px 30px; font-size:20px; font-weight:700; line-height:1.3em;}
.pro-list ul li a {display:block;}
.pro-list ul li img {display:block; margin:0 auto 30px;}

.bottom-btn {text-align:center; border-top:1px solid #bdbdbd; padding-top:55px; margin-top:55px;}

.rnd-top {display:flex; align-items:center; margin:-80px 0 15px; font-size:20px; font-weight:500; line-height:1.65em; letter-spacing:-.025em;}
.rnd-top .txt {flex:1 1 auto; min-width:0; width:1%;}
.rnd-top .img {width:30%; text-align:right; padding:0 15px; margin-left:30px;}

.rnd-box {text-align:center; background:#f7f7f7; padding:65px; border-radius:20px;}

.rnd-team {text-align:center; display:flex; margin-top:27px;}
.rnd-team dl {width:33%; max-width:323px; margin:0 26px 0 0; padding:0 13px 15px 13px; border:1px solid #a6caf0; border-radius:6px;}
.rnd-team dl:last-child {margin-right:0;}
.rnd-team dt {padding:28px 0 17px 0; font-size:22px; font-weight:700; line-height:1.3em; color:#3c73b5; letter-spacing:-.04em;}
.rnd-team dd {display:flex; align-items:center; justify-content:center; min-height:59px; padding:7px; color:#fff; font-weight:500; line-height:1.3em; letter-spacing:-.04em; background:#3f4f6b; border-radius:6px;}

.inq-top {display:flex; align-items:center; margin-bottom:22px; color:#505f7b; font-weight:500; line-height:1.65em;}
.inq-top .ico {width:150px; text-align:center; margin-right:10px;}
.inq-top .txt {flex:1 1 auto; min-width:0; width:1%;}

.world-map {margin-bottom:50px;}
.world-map .inner {position:relative;}
.world-map .pos {position:absolute;}
.world-map .pos:before {content:""; position:absolute; top:0; left:0; margin:-3px 0 0 -3px; width:7px; height:7px; background:#006ae1; border-radius:100%;}
.world-map .pos .link {position:absolute; white-space:nowrap; padding:5px 12px; color:#000; font-size:12px; font-weight:700; line-height:1.4em; letter-spacing:-.025em; background:#fff; border:1px solid #ddd; border-radius:30px;}
.world-map .pos .link.cn {font-family:'Noto Sans SC',sans-serif;}
.world-map .pos .link:hover {background:#1c89cf; color:#fff; border-color:#006ae1;}
.world-map .pos-1 {left:37.2%; top:47%;}
.world-map .pos-1 .link {left:5px; top:0;}
.world-map .pos-2 {left:13%; top:35%;}
.world-map .pos-2 .link {left:14px; top:-10px;}
.world-map .pos-3 {left:27.7%; top:57.5%;}
.world-map .pos-3 .link {right:5px; top:0;}
.world-map .pos-4 {left:33.2%; top:66%;}
.world-map .pos-4 .link {right:8px; top:-13px;}
.world-map .pos-5 {left:33.9%; top:67.5%;}
.world-map .pos-5 .link {left:8px; top:-13px;}

.agent {display:flex; flex-wrap:wrap; justify-content:center; padding:25px 10px; border:1px solid #d1d1d1; border-radius:20px; text-align:center;}
.agent .group {width:20%; padding:20px 10px;}
.agent .mark {margin-bottom:18px;}
.agent .tit {font-size:20px; font-weight:700; line-height:1.3em; margin-bottom:12px;}
.agent .cn {font-family:'Noto Sans SC',sans-serif; word-break:break-all;}
.agent .txt {font-size:18px; font-weight:700; line-height:1.3em; margin-bottom:12px;}
.agent .link {display:inline-block; word-break:break-all; color:#1c89cf; font-size:16px; font-weight:200; line-height:1.3em;}
.agent .link:hover {text-decoration:underline;}

.root_daum_roughmap {width:100% !important;}

.addr-info {margin:47px 20px 67px;}
.addr-info .group {display:flex; align-items:center; margin-bottom:38px;}
.addr-info .group:last-child {margin-bottom:0;}
.addr-info .ico {width:74px; margin-right:20px;}
.addr-info .cnt {flex:1 1 auto; min-width:0; width:1%; color:#555; font-weight:500;}
.addr-info .cnt h3 {color:#333; font-size:20px; line-height:1.3em; margin-bottom:5px;}
.addr-info .cnt p span {display:inline-block;}
.addr-info .cnt p span:first-child {margin-right:40px;}

.nav-info {display:flex; align-items:center; border-radius:6px; background:#efefef; padding:47px 58px;}
.nav-info .ico {width:100px;}
.nav-info .cnt {flex:1 1 auto; min-width:0; width:1%; color:#555; font-weight:500;}
.nav-info .cnt strong {color:#333;}

.status-list .table {margin-bottom:40px;}
.status-list .table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.status-list .table table thead th {height:95px; text-align:center; background:#114470; font-size:30px; font-weight:700; line-height:1.3em; color:#fff;}
.status-list .table table tbody th {height:59px; background:#fafafa; padding-left:20px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; letter-spacing:0; text-align:left;}
.status-list .table table tbody td {position:relative; padding:12px 24px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; font-weight:500; color:#555; text-align:right;}
.status-list .table table tbody td:first-child {border-left:0;}
.status-list .table table tbody td.bg {background:#fafafa; color:#000; font-weight:700;}
.status-list .table table tbody td .stock-tt {position:absolute; top:50%; left:24px; font-weight:700; color:#000; transform:translateY(-50%);}
.status-list .table table tbody td .price strong {display:inline-block; position:relative; padding-left:30px; font-size:50px; line-height:1.3em; font-weight:700; color:#000;}
.status-list .table table tbody td .price strong:after {content:" "; position:absolute; top:50%; left:0; width:15px; height:32px; margin-top:-16px; background-image:url('../images/sub/price_icon.png'); background-position:center center; background-repeat:no-repeat;}
.status-list .table table tbody td .price strong.icon-up:after {content:" "; background-image:url('../images/sub/price_icon_up.png');}
.status-list .table table tbody td .price strong.icon-down:after {content:" "; background-image:url('../images/sub/price_icon_down.png');}
.status-list .table table tbody td .contrast strong {position:relative; font-size:10px; color:#cecece; padding-right:5px;}
.status-list .table table tbody td .contrast strong.icon-up {color:#d80c18;}
.status-list .table table tbody td .contrast strong.icon-down {color:#1191ec;}
.status-list .btn-zone {text-align:right;}

.hub-center {max-width:584px; margin:0 auto; position:relative;}
.hub-center .pos {position:absolute;}
.hub-center .pos:before {content:""; position:absolute; top:0; left:0; margin:-7px 0 0 -7px; width:14px; height:14px; background:#006ae1; border-radius:100%;}
.hub-center .pos .link {position:absolute; top:-18px; left:13px; min-width:66px; text-align:center; white-space:nowrap; padding:4px 15px; color:#000; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.025em; background:#fff; border:1px solid #ddd; border-radius:30px;}
.hub-center .pos .link:hover {background:#1c89cf; color:#fff; border-color:#006ae1;}
.hub-center .pos-1 {left:27.7%; top:37%;}
.hub-center .pos-2 {left:22%; top:29%;}
.hub-center .pos-3 {left:28%; top:22.5%;}

.center-layer {width:100%; max-width:600px; border:6px solid #ddd; padding:33px;}
.center-layer p {color:#555; font-size:20px; font-weight:700; line-height:1.4em; letter-spacing:-.025em;}
.center-layer .img {text-align:center; margin-top:55px;}