@charset "utf-8";

.sub-tab {margin-bottom:40px;}
.sub-tab ul {display:flex; justify-content:center;}
.sub-tab ul li {margin:0 5px;}
.sub-tab ul li a {display:inline-flex; justify-content:center; align-items:center; min-width:200px; height:50px; text-align:center; padding:0 15px; font-size: 18px; font-weight:500; letter-spacing:-.03em; line-height:1.33em; color: #454545; border:1px solid #ddd; border-radius:25px;}
.sub-tab ul li.active a {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}

.doc-tit {margin-bottom:60px; font-size:30px; font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.02em; text-align:center;}
.doc-tit:after {display:block; content:''; width:35px; height:2px; background:#ddd; margin:14px auto 0;}

.doc-txt {margin-bottom:53px; text-align:center;}

.doc-cnt:not(:last-child) {margin-bottom:96px;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #686868; text-align:center;}
.table01 table thead th {padding:18px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f8f8f8; color:#242424; font-size:17px; font-weight:500; letter-spacing:-.02em; line-height:1.4em;}
.table01 table tbody td {padding:34px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing:-.02em;}
.table01 table thead th:last-child,
.table01 table tbody td:last-child {border-right:0;}

.greeting {padding:100px 0 94px; text-align:center; position:relative; color:#fff;}
.greeting:before {content:''; position: absolute; left:50%; transform:translateX(-50%); top:0; width:100vw; height:100%; background:url('../images/sub/greeting-bg.jpg') no-repeat 50% 50% / cover; z-index:-1;}
.greeting .bar {margin:31px auto 26px; height:2px; width:30px; background:rgba(255,255,255,0.3); }
.greeting h2 {margin-bottom:29px; font-size:25px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.greeting .text-mg p {margin-bottom:25px; letter-spacing:-.03em; font-weight:300;}
.greeting .text-mg p:nth-child(5) {margin-bottom:49px;}
.greeting .text-mg p:last-child {margin-bottom:0;}

.history-wrap {display:flex;}
.history-nav {position:sticky; top:120px; width:72px; margin-right:120px; text-align:center;}
.history-nav .slick-arrow {width:14px; height:9px; background-size:contain; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%;font-size:0; line-height:0; border:0; z-index:3;}
.history-nav a {display:inline-block; position:relative; margin:9px 0; transition:.1s; font-size:30px; font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.history-nav a:after {content:""; opacity:0; transition:.2s; position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--color-primary);}
.history-nav .items {display:flex; flex-direction:column; align-items:center;}
.history-nav .slick-list {margin:15px 0;}
.history-nav .slick-arrow:hover {height:9px;}
.history-nav .slick-prev {background-image:url('../images/sub/history-prev.png');}
.history-nav .slick-prev:hover {background-image:url('../images/sub/history-prev-on.png');}
.history-nav .slick-next {background-image:url('../images/sub/history-next.png');}
.history-nav .slick-next:hover {background-image:url('../images/sub/history-next-on.png');}
.history-nav a:hover {color:var(--color-primary);}
.history-nav a:hover:after {opacity:1;}

.history {flex:1 1 auto; min-width:0; width:1%;}
.history .row:not(:last-child) {margin-bottom:83px;}
.history .year {padding-bottom:5px; font-size:50px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.history .list {border-top:2px solid #868686;}
.history .list li {padding:28px 0; display:flex; border-bottom:1px solid #ddd; font-size:17px; line-height:1.4em; color:#454545; letter-spacing:-.03em;}
.history .list strong {min-width:50px; font-size:19px; font-weight:600; color:#242424;}

.jobs-top {display:flex; align-items:center;}
.jobs-top .cnt {flex:1 1 auto; min-width:0; width:1%;}
.jobs-top .cnt h2 {margin-bottom:16px; font-size:28px; font-weight:600; letter-spacing:-.015em; line-height:1.43em; color:#242424;}
.jobs-top .cnt p {letter-spacing:-.02em;}
.jobs-top .img {width:700px;}

.process ul {display:flex; margin:-47px;}
.process ul li {position:relative; width:25%; padding:47px; text-align:center;}
.process ul li:before {content:''; position: absolute; left:0; top:50%; margin:-9px 0 0 -8px; width:19px; height:16px; background:url('../images/sub/arr-process.png') no-repeat 50% 50% / contain;}
.process ul li:first-child:before {display:none;}
.process .box {min-height:230px; padding:22px 10px; border-radius:10px; border:1px solid #ddd;}
.process .order {margin-top:15px; font-weight:500; letter-spacing:-.02em; line-height:1.5em; color:var(--color-primary);}
.process .tit {font-size:18px; font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:#282828;}

.contact-info {margin-top:50px; border-top:2px solid #868686;}
.contact-info .row {display:flex; align-items:center; padding:34px 33px; border-bottom:1px solid #ddd;}
.contact-info .ico {width:83px;}
.contact-info .info {flex:1 1 auto; min-width:0; width:1%;}
.contact-info .info .bar {width:2px; height:12px; margin:0 12px; background:#e6e6e6;}
.contact-info .info dt {margin-bottom:14px; font-size:18px; font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.contact-info .info dd {display:flex; align-items:center; letter-spacing:0; line-height:1.4em;}
.contact-info .lines {display:flex; align-items:center; margin-right:10px;}
.contact-info .badge {display:inline-block; margin-right:5px; padding:0 8px; font-size:15px; color:#fff; font-weight:400; letter-spacing:-.02em; line-height:21px; border-radius:11px;}
.contact-info .badge:last-child {margin-right:0;}
.contact-info .badge.st1 {background:#3155b5;}
.contact-info .badge.st2 {background:#8c8621;}
.root_daum_roughmap .cont {display:none;}

.bg-title {padding:24px; border-radius:10px; text-align:center; background:#eff1f6; font-size:24px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}

.mro-img {margin:60px 0 90px;}

.inquiry-info {margin-bottom:50px;}
.inquiry-info ul {display:flex; margin:-15px;}
.inquiry-info ul li {width:33.333%; padding:15px; text-align:center;}
.inquiry-info .box {min-height:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd;}
.inquiry-info .tit {color:var(--color-primary); font-weight:500; letter-spacing:-.02em; line-height:1.4em;}
.inquiry-info .txt {color:#242424; font-size:25px; font-weight:600; letter-spacing:-.02em; line-height:1.4em;}