@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:50px;}
.sub-tab ul {display:flex; border-bottom:1px solid #0000ff;}
.sub-tab ul li {flex:1; border:1px solid #dfdfdf; border-bottom:0; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #dfdfdf;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; height:48px; padding:0 10px; color:#505050; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-.04em; transition:none;}
.sub-tab ul li.active a {position:relative; color:#0000ff;}
.sub-tab ul li.active a:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:0; border:1px solid #0000ff; border-bottom:0;}
.sub-tab ul li.active a:after {content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:#fff;}

.doc-tab {text-align:center; margin-bottom:50px;}
.doc-tab ul {display:flex;}
.doc-tab ul li {flex:1; border:1px solid #dfdfdf; border-left:0;}
.doc-tab ul li:first-child {border-left:1px solid #dfdfdf;}
.doc-tab ul li a {display:flex; align-items:center; justify-content:center; height:58px; padding:0 10px; color:#505050; font-size:18px; font-weight:400; line-height:1.2em; word-break:break-all; letter-spacing:-.04em; transition:none;}
.doc-tab ul li.active {border-color:#0000ff;}
.doc-tab ul li.active a {background:#0000ff; font-weight:500; color:#fff;}

.doc-table table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:18px; line-height:1.65em; border-top:2px solid #000;}
.doc-table th {padding:11px 20px; border:1px solid #dfdfdf; color:#2c2c2c; font-weight:400; background:#fafafa;}
.doc-table td {padding:11px 20px; border:1px solid #dfdfdf; color:#797979;}
.doc-table tr th:first-child,
.doc-table tr td:first-child {border-left:0;}
.doc-table tr th:last-child,
.doc-table tr td:last-child {border-right:0;}

.greeting {text-align:center;}
.greeting .cnt {position:relative; background:#fff; padding:40px 40px 0; margin:-50px 100px 0; color:#2c2c2c; font-size:20px; line-height:2em; letter-spacing:-.04em;}
.greeting .cnt p {margin-bottom:30px;}
.greeting .cnt p:last-child {margin-bottom:0;}
.greeting .comp {font-size:26px;}

.history {position:relative; background:#fff; padding:45px 45px 0; margin:-50px 100px 0;}
.history .group {position:relative; display:flex;}
.history .group:before {content:""; position:absolute; top:35px; left:101px; width:1px; height:100%; background:#333;}
.history .group:last-child::before {display:none;}
.history .year {width:170px; padding:22px 0; color:#2c2c2c; font-size:24px; font-weight:700; line-height:1.3em; letter-spacing:-.04em;}
.history .dot {position:absolute; top:24px; left:101px; margin-left:-15px; width:30px; height:30px; border-radius:100%; background:rgba(0,0,0,.15);}
.history .dot:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#333; border-radius:100%; margin:-5px 0 0 -5px;}
.history .cnt {flex:1 1 auto; min-width:0; width:1%; padding:25px 0; border-bottom:1px dashed #bcbcbc; font-size:18px; line-height:1.5em; letter-spacing:-.04em;}
.history .cnt .item {display:flex; margin-bottom:16px;}
.history .cnt .item:last-child {margin-bottom:0;}
.history .cnt .item .month {width:35px; text-align:right; font-weight:700; color:#2c2c2c; margin-right:30px;}
.history .cnt .item ul {flex:1 1 auto; min-width:0; width:1%;}
.history .cnt .item ul li {position:relative; padding-left:14px; color:#797979;}
.history .cnt .item ul li:before {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background:#0000ff;}

.org {position:relative; background:#fff; padding:50px 50px 0; margin:-50px 100px 0;}

.factory {margin-top:100px;}
.factory h3 {color:#2c2c2c; font-size:22px; font-weight:500; line-height:1.3em; margin-bottom:22px;}
.factory h3 img {vertical-align:middle; margin:-.3em 10px 0 0;}
.factory table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:18px; line-height:1.5em; border-top:2px solid #000;}
.factory th {padding:11px 30px; border:1px solid #dfdfdf; color:#2c2c2c; font-weight:400; background:#fafafa;}
.factory td {padding:11px 30px; border:1px solid #dfdfdf; color:#797979;}
.factory tr th:first-child,
.factory tr td:first-child {border-left:0;}
.factory tr th:last-child,
.factory tr td:last-child {border-right:0;}

.root_daum_roughmap {width:100% !important; box-shadow:5px 5px 30px rgba(0,0,0,.1);}

.location-info {margin-top:50px; padding:45px 0; border:1px solid #dfdfdf; display:flex; align-items:center;}
.location-info .img {width:334px; text-align:center;}
.location-info .cnt {display:flex; flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.5em; letter-spacing:-.04em;}
.location-info .cnt .col {width:50%; padding-right:20px;}
.location-info .cnt dl {display:flex; margin-bottom:11px;}
.location-info .cnt dl:last-child {margin-bottom:0;}
.location-info .cnt dt {width:83px; color:#2c2c2c;}
.location-info .cnt dd {font-weight:200; flex:1 1 auto; min-width:0; width:1%;}
.location-info .cnt .col:nth-child(2) dt {width:130px;}

.location-btns {text-align:center; margin-top:30px;}
.location-btns a {display:inline-block; width:150px; color:#fff; font-size:18px; line-height:50px; margin:0 8px;}
.location-btns .type1 {background:#02028f}
.location-btns .type2 {background:#4e4e4e}

.compnay-logo {border:1px solid #dfdfdf; padding:39px 20px; background:url("../images/sub/grid.png"); text-align:center; display:flex; align-items:center; justify-content:space-between;}
.compnay-logo div {padding:0 20px;}
.compnay-logo div:nth-child(1) {width:45%}
.compnay-logo div:nth-child(2) {width:55%}

.use-guide {font-size:18px; line-height:1.5em; letter-spacing:-.04em;}
.use-guide .box {padding:50px; margin-bottom:25px; background:#fff; box-shadow:5px 5px 30px rgba(0,0,0,.1);}
.use-guide ol li {position:relative; padding-left:40px; margin-bottom:26px;}
.use-guide ol li:last-child {margin-bottom:0;}
.use-guide ol li .num {position:absolute; top:-1px; left:0; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; background:#02028f; border-radius:100%;}

.process-top {display:flex; align-items:center; justify-content:center; text-align:center; height:250px; margin-bottom:50px; padding:30px; color:#fff; font-size:20px; line-height:1.7em; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.process-top.bg1 {background-image:url("../images/sub/process_top_bg.jpg");}
.process-top.bg2 {background-image:url("../images/sub/process_top_bg2.jpg");}
.process-top.bg3 {background-image:url("../images/sub/process_top_bg3.jpg");}
.process-top.bg4 {background-image:url("../images/sub/process_top_bg4.jpg");}
.process-top.bg5 {background-image:url("../images/sub/process_top_bg5.jpg");}

.process {overflow:hidden;}
.process .row {display:flex; flex-wrap:wrap; margin:-40px;}
.process .col {width:50%; padding:40px;}
.process .box {height:100%; border:1px solid #dfdfdf; border-top:0;}
.process .img {margin:0 -1px;}
.process .cnt {padding:49px; border-top:1px solid #dfdfdf; min-height:238px;}
.process .step {color:#02028f; font-size:18px; line-height:1.3em; margin-bottom:18px;}
.process .tit {color:#2c2c2c; font-size:24px; line-height:1.4em; margin-bottom:13px;}
.process .txt {color:#505050; font-size:18px; line-height:1.5em;}

.process2 {overflow:hidden; text-align:center;}
.process2 .row {display:flex; flex-wrap:wrap; margin:-30px;}
.process2 .col {position:relative; width:33.33333333%; padding:30px;}
.process2 .col:after {content:""; position:absolute; width:30px; height:30px; background-position:50% 50%; background-repeat:no-repeat;}
.process2 .col:last-child::after {display:none;}
.process2 .box {height:100%; border:1px solid #dfdfdf; border-top:0;}
.process2 .img {margin:0 -1px;}
.process2 .cnt {padding:23px; border-top:1px solid #dfdfdf; min-height:114px;}
.process2 .step {color:#02028f; font-size:16px; line-height:1.3em; margin-bottom:12px;}
.process2 .tit {color:#2c2c2c; font-size:22px; line-height:1.4em;}
.process2 .col:nth-child(1) {order:1}
.process2 .col:nth-child(2) {order:2}
.process2 .col:nth-child(3) {order:3}
.process2 .col:nth-child(4) {order:6}
.process2 .col:nth-child(5) {order:5}
.process2 .col:nth-child(6) {order:4}
.process2 .col:nth-child(7) {order:7}
.process2 .col:nth-child(8) {order:8}
.process2 .col:nth-child(9) {order:9}
.process2 .col:nth-child(10) {order:12}
.process2 .col:nth-child(11) {order:11}
.process2 .col:nth-child(12) {order:10}
.process2 .col:nth-child(1)::after,
.process2 .col:nth-child(2)::after,
.process2 .col:nth-child(7)::after,
.process2 .col:nth-child(8)::after {top:50%; right:-15px; margin-top:-15px; background-image:url("../images/sub/arrow_right.png");}
.process2 .col:nth-child(4)::after,
.process2 .col:nth-child(5)::after,
.process2 .col:nth-child(10)::after,
.process2 .col:nth-child(11)::after {top:50%; left:-15px; margin-top:-15px; background-image:url("../images/sub/arrow_left.png");}
.process2 .col:nth-child(3)::after,
.process2 .col:nth-child(6)::after,
.process2 .col:nth-child(9)::after {left:50%; bottom:-15px; margin-left:-15px; background-image:url("../images/sub/arrow_bottom.png");}

.certifications {text-align:center; color:#2c2c2c; line-height:1.5em; word-break:break-all;}
.certifications ul {display:flex; flex-wrap:wrap; margin:0 -27px;}
.certifications ul li {width:25%; padding:0 27px; margin-bottom:55px;}
.certifications ul li img {display:block; margin:0 auto 18px; box-shadow:5px 5px 5px rgba(0,0,0,.1);}

/* 사이트맵 */
.sitemap > ul {display:flex; flex-wrap:wrap; margin:-15px -10px;}
.sitemap > ul > li {width:16.66666666%; padding:15px 10px;}
.sitemap > ul > li > a {display:block; margin-bottom:5px; padding:10px; text-align:center; color:#fff; font-size:17px; font-weight:500; line-height:1.5em; background:#02028f;}
.sitemap .submenu ul li {border-bottom:1px solid #ddd;}
.sitemap .submenu ul li a {display:block; color:#555; font-size:15px; font-weight:400; line-height:1.5em; background:url("../images/sub/dot.gif") 5px 15px no-repeat; padding:8px 0 8px 20px; text-decoration:none;}