@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:60px;}
.sub-tab ul {display:inline-flex; flex-wrap:wrap; margin:-5px;}
.sub-tab ul li {padding:5px;}
.sub-tab ul li a {display:block; min-width:150px; padding:0 20px; color:#2d256e; font-size:18px; font-weight:400; line-height:48px; letter-spacing:-.03em; border:1px solid #2d256e; border-radius:30px;}
.sub-tab ul li.active a {color:#fff; background:#2d256e;}

.doc-tit {position:relative; padding-left:30px; margin-bottom:27px; color:#242424; font-size:20px; line-height:1.3em; font-weight:500; letter-spacing:-.03em;}
.doc-tit:before {content:""; position:absolute; top:4px; left:0; width:20px; height:20px; background:url("../images/sub/bullet.png") 50% 100% no-repeat;}
.doc-tit.line {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}

.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}

.table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #2d256e;}
.table table th {padding:14px; border:1px solid #ddd; background:#f0f0f5; font-weight:500; color:#2d256e; font-size:20px; line-height:1.5em;}
.table table td {padding:14px; border:1px solid #ddd; color:#454545; font-size:18px; font-weight:300; line-height:1.5em; text-align:center;}
.table tr th:first-child,
.table tr td:first-child {border-left:0;}
.table tr th:last-child,
.table tr td:last-child {border-right:0;}

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

.dot-list > li {padding-left:.6em; text-indent:-.6em; margin-bottom:2px;}
.dot-list > li:last-child {margin-bottom:0;}

.greetings {text-align:center; line-height:1.688em; background:#f5f5f8 url("../images/sub/greeting_bg.jpg") 50% 100% no-repeat; box-shadow:7px 7px 10px rgba(0,0,0,.1);}
.greetings .cnt {padding:50px;}
.greetings .cnt h3 {color:#242424; font-size:28px; font-weight:500; line-height:1.5em; letter-spacing:-.03em; margin-bottom:30px;}
.greetings .cnt h3 strong {color:#2d256e;}
.greetings .cnt p {margin-bottom:15px;}
.greetings .cnt p:last-child {margin-bottom:0;}
.greetings .cnt .thanks {font-size:17px; font-weight:500;}

.history-tab {margin-bottom:60px; text-align:center;}
.history-tab ul {display:flex;}
.history-tab ul li {flex:1; height:60px; border:1px solid #2d256e; border-left:0;}
.history-tab ul li:first-child {border-left:1px solid #2d256e;}
.history-tab ul li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:2px; color:#2d256e; font-size:20px; font-weight:500; line-height:1.3em;}
.history-tab ul li.active {background:#2d256e}
.history-tab ul li.active a {color:#fff;}

.history .group {display:flex; position:relative; padding-bottom:65px;}
.history .group:before {content:""; position:absolute; top:10px; left:107px; height:100%; width:1px; background:#ddd;}
.history .group .year {width:156px; font-family:'Roboto', sans-serif; color:#2d256e; font-size:28px; font-weight:500; line-height:1.1em;}
.history .group .bullet {position:absolute; top:7px; left:100px; width:15px; height:16px; background:url("../images/sub/his_dot.png") 50% 50% no-repeat;}
.history .group ul {flex:1 1 auto; min-width:0; width:1%;}
.history .group ul li {position:relative; padding-left:55px; margin-bottom:20px; font-size:17px; color:#454545; line-height:1.75em; letter-spacing:-.03em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {position:absolute; top:0; left:0; color:#242424; font-weight:500;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child::before {display:none;}

.vision {text-align:center; line-height:1.688em;}
.vision .img {margin-bottom:22px;}
.vision p {margin-bottom:15px;}
.vision p:last-child {margin-bottom:0;}

.ci-down {display:flex; justify-content:space-between; max-width:600px; margin:0 auto;}
.ci-down a {display:block; width:calc(50% - 10px); padding:0 29px; color:#242424; font-size:18px; font-weight:500; line-height:53px; background:url("../images/sub/icon_down.png") right 29px center no-repeat; border:1px solid #ddd;}
.ci-down a:hover {color:#2d256e;}

.logo-type .img {text-align:center; margin:40px 0;}

.logo-type2 {display:flex; margin:0 -20px;}
.logo-type2 .doc-tit {margin-bottom:16px;}
.logo-type2 .col {width:50%; padding:0 20px;}
.logo-type2 .img {margin-bottom:20px;}

.pantone {text-align:center; font-weight:500;}
.pantone .inner {display:inline-block; text-align:left;}
.pantone .img {margin-bottom:55px; margin-right:70px;}

.management .img {margin-bottom:60px;}
.management .cnt {margin-bottom:60px;}
.management .cnt:last-child {margin-bottom:0;}
.management .hypen-list > li {line-height:1.5em; margin-bottom:6px;}
.management .hypen-list > li:last-child {margin-bottom:0;}
.management .btn {display:inline-block; padding:10px 23px; margin-top:35px; color:#fff; line-height:1.5em; background:#2d256e; border-radius:50px;}

.location-info {margin-bottom:40px;}
.location-info dl {display:flex; margin-bottom:30px;}
.location-info dl:last-child {margin-bottom:0;}
.location-info dt {position:relative; width:120px; margin-right:30px; color:#242424; font-size:18px; line-height:1.6em; font-weight:500;}
.location-info dt:after {content:""; position:absolute; top:6px; right:0; width:1px; height:15px; background:#ddd;}
.location-info dt img {vertical-align:middle; margin:-.2em 15px 0 0;}
.location-info dd {flex:1 1 auto; min-width:0; width:1%; font-size:16px; line-height:1.6em; letter-spacing:-.03em;}
.location-info dd a {text-decoration: underline; color:#0006ff;}

.root_daum_roughmap {width:100% !important;}

.business {margin-bottom:100px;}
.business .doc-cnt {margin-bottom:60px;}
.business .doc-cnt:last-child {margin-bottom:0;}

.quality {display:flex; justify-content:center; align-items:center; text-align:center; margin-bottom:60px;}
.quality .plus {width:21%;}
.quality .circle {display:flex; justify-content:center; align-items:center; width:300px; height:300px; padding:30px; border:1px solid #ddd; border-radius:100%; box-shadow:10px 10px 10px rgba(0,0,0,.13);}
.quality .circle .in {width:100%;}
.quality .circle h4 {font-size:24px; line-height:1.3em; margin-bottom:18px;}
.quality .circle p {font-size:18px; font-weight:500; line-height:1.45em; letter-spacing:-.03em;}
.quality .circle.st1 {border-color:#2d256e;}
.quality .circle.st1 h4 {color:#2d256e;}
.quality .circle.st2 {border-color:#0091d7;}
.quality .circle.st2 h4 {color:#0091d7;}
.quality .circle.st2 p {font-size:16px; line-height:1.625em;}

.quality-bottom {text-align:center; margin-bottom:75px; color:#242424; font-size:20px; font-weight:500; line-height:1.6em;}

.environment {text-align:center; margin-bottom:40px;}
.environment .img {margin-bottom:40px;}
.environment .txt {font-size:18px; font-weight:300; line-height:1.556em;}
.environment .txt strong {color:#242424; font-weight:500;}

.environment2 ol li {display:flex; align-items:center; padding:20px 50px; background:#f0f0f5; margin-bottom:10px; letter-spacing:.01em; font-size:20px; line-height:1.65em;}
.environment2 ol li:last-child {margin-bottom:0;}
.environment2 .num {width:38px; height:38px; margin-right:20px; font-family:"Roboto",sans-serif; color:#fff; font-weight:700; line-height:38px; letter-spacing:0; text-align:center; background:#2d256e; border-radius:100%;}
.environment2 .txt {flex:1 1 auto; min-width:0; width:1%;}

.agree-box {margin-bottom:60px; border:1px solid #ddd; max-height:136px; padding:20px; font-size:15px; font-weight:300; line-height:1.55em; overflow:auto; position:relative;}
.agree-box strong {font-weight:500;}

.status-list .table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.status-list .table table thead th {height:70px; text-align:center; background:#2d256e; font-size:25px; font-weight:500; color:#fff;}
.status-list .table table tbody th {height:55px; background:#f6f6f8; padding-left:20px; border-bottom:1px solid #ddd; font-size:16px; line-height:22px; font-weight:400; color:#454545; letter-spacing:0; text-align:left;}
.status-list .table table tbody td {position:relative; padding:12px 20px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:16px; line-height:22px; font-weight:400; color:#454545; letter-spacing:0; text-align:right;}
.status-list .table table tbody td:first-child {border-left:0; font-size:18px;}
.status-list .table table tbody td .stock-tt {position:absolute; top:12px; left:0; font-weight:300; font-size:16px; color:#686868;}
.status-list .table table tbody td .price strong {display:inline-block; position:relative; padding-left:30px; font-family:'NanumSquare',sans-serif; font-size:60px; 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;}

.krx {display:table; width:100%; margin-top:40px; background:#f8f8f8;}
.krx .link {display:table-cell; vertical-align:middle; background:#313946; color:#fff; width:360px; padding:0 15px;}
.krx .link img {vertical-align:middle; margin-top:-.6em;}
.krx .link a {display:inline-block; border:1px solid #fff; padding:0 10px; border-radius:30px; vertical-align:middle; margin:0 0 0 25px; font-size:14px; line-height:23px;}
.krx .link a:hover {background:#fff; color:#313946}
.krx .text {display:table-cell; vertical-align:middle; text-align:center; padding:16px 15px; font-size:18px; line-height:1.5em;}

.benefit-top {text-align:center; margin-bottom:60px; padding:30px; color:#242424; font-size:18px; font-weight:500; line-height:1.667em; background:#f8f8f8; border-radius:10px;}
.benefit-top strong {color:#2d256e;}

.benefits {text-align:center;}
.benefits .row {display:flex; flex-wrap:wrap; margin:-19px -22px;}
.benefits .col {width:33.33333333%; padding:19px 22px;}
.benefits .box {position:relative; height:100%; padding:53px 30px; border:1px solid #ddd; border-radius:10px;}
.benefits .box .num {position:absolute; top:15px; left:20px; color:#ddd; font-size:34px; font-weight:500; line-height:1em;}
.benefits .box .ico {margin-bottom:13px;}
.benefits .box h4 {color:#242424; font-size:22px; font-weight:500; line-height:1.35em; letter-spacing:-.03em; margin-bottom:13px;}
.benefits .box p {color:#666; font-weight:300;}

.nice-group-top {display:flex; align-items:center; height:400px; padding:30px 100px; color:#fff; background:url("../images/sub/group_top_bg.jpg") 50% 100% no-repeat; background-size:cover;}
.nice-group-top .inner {width:100%;}
.nice-group-top h3 {font-size:32px; font-weight:800; line-height:1.250em; margin-bottom:25px;}
.nice-group-top p {font-size:18px; line-height:1.5em;}

.nice-group-cnt {text-align:center; padding:58px 30px 80px; background:url("../images/sub/group_cnt_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.nice-group-cnt .logo-img {margin-bottom:18px;}
.nice-group-cnt .top-txt {color:#102a8c; font-size:20px; font-weight:500; line-height:1.65em; margin-bottom:55px;}
.nice-group-cnt .row {display:flex; margin:0 -20px;}
.nice-group-cnt .col {width:25%; padding:0 20px;}
.nice-group-cnt .box {background:#fff; margin-bottom:25px; border-radius:10px; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,.2);}
.nice-group-cnt .box dt {padding:17px 5px; color:#fff; font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:800; line-height:1.3em; background:#2d256e;}
.nice-group-cnt .box dd {padding:30px 12px 25px; color:#242424; font-size:15px; line-height:1.6em;}
.nice-group-cnt .box dd img {display:block; margin:0 auto 11px;}
.nice-group-cnt .list {color:#2d256e;}
.nice-group-cnt .list ul li {margin-bottom:7px;}
.nice-group-cnt .list ul li a {display:inline-block; position:relative;}
.nice-group-cnt .list ul li a:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#2d256e; transition:.2s;}
.nice-group-cnt .list ul li a:hover {font-weight:500;}
.nice-group-cnt .list ul li a:hover::after {left:0; width:100%;}