.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.3em; letter-spacing:-.04em; border-top: 2px solid #242424;}
.sub-table th {padding:14px 8px; font-weight:500; background:#f0f0f0; border:1px solid #ddd; color:#242424;}
.sub-table thead th {background:#f0f0f0;}
.sub-table tbody th {background:#fff;}
.sub-table td {padding:14px 8px; border:1px solid #ddd; color:#454545; text-align:center;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

.doc-tit {position: relative; font-weight: 500; font-size: 22px; line-height: 1.5em; letter-spacing: -.03em; color: #242424; padding-left: 30px; margin-bottom: 17px;}	
.doc-tit:before {content:""; position: absolute; top: 8px; left: 0; width: 20px; height: 20px; background-image:url("../images/sub/bullet.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-tit.border {padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.doc-cnt {margin-bottom: 40px;}
.doc-cnt.pd30 {padding-left: 29px;}
.doc-cnt:last-child {margin-bottom: 0;}
.doc-cnt .tit {color: #454545;font-size: 18px;font-weight: 500;line-height: 1.556em;letter-spacing: -.03em;}
.doc-cnt .tit.dot {position: relative; padding-left:14px;}
.doc-cnt .tit.dot:before {content:""; width:6px; height:6px; border-radius:100%; position:absolute; top:11px; left:0; background:#454545;}
.doc-cnt p {color: #454545;}
.doc-cnt p.hypen {padding-left: 0.438em; text-indent: -0.438em;}

.doc-cnt .imgs {margin-bottom: 30px;}
.doc-cnt .imgs.center {justify-content: center;}
.doc-cnt .imgs p{margin-bottom: 10px;}
.doc-cnt .imgs ul {display: flex;flex-wrap:wrap; margin-bottom: -22px; text-align: center;}
.doc-cnt .imgs ul li {margin-bottom: 22px;}
.doc-cnt .imgs ul li p {margin-top: 12px;margin-bottom: 0;}

.doc-cnt .imgs.length2 ul {margin: 0 -14px;}
.doc-cnt .imgs.length3 ul {margin: 0 -11px;}
.doc-cnt .imgs.length4 ul {margin: 0 -9px;}
.doc-cnt .imgs.length6 ul {margin: 0 -6px;}
.doc-cnt .imgs.length2 ul li {width: 50%; padding: 0 14px;}
.doc-cnt .imgs.length3 ul li {width: 33.3333333%; padding: 0 11px;}
.doc-cnt .imgs.length4 ul li {width: 25%; padding: 0 9px;}
.doc-cnt .imgs.length6 ul li {width: 16.6666666%; padding: 0 6px;}

.border-box {border: 1px solid #ddd; border-radius:5px; padding: 5px; margin-bottom: 20px;}
.border-box:last-child {margin-bottom: 0;}
.border-box .imgs {display: flex;}

.product .col-2 {display: flex; margin: 0 -5px;}
.product .col-3 {display: flex; margin: 0 -5px;}
.product .col-2 > li {width: 50%; padding: 0 5px;}
.product .col-3 > li {width: 33.3333333%; padding: 0 5px;}

.txt-mainColor {color: #00ccff;}
.txt-blue {color: #0054a6;}
.txt-medium {font-weight: 500;}

.mgt25 {margin-top: 25px !important;}

.flex-center {display: flex; justify-content: center; align-items: center;}

/* greetings */
.greetings {display: flex;}
.greetings .img {width: 50%;padding-right: 30px;}
.greetings .img img {box-shadow:rgba(0,0,0,.2) 20px 20px 30px;}
.greetings .txt {width: 50%;}
.greetings .txt h3 {font-size: 20px;font-weight: 500;line-height: 1.75em;letter-spacing: -.03em; margin-bottom: 15px;}
.greetings .txt h3 strong {font-size: 24px;font-weight: 700;}
.greetings .txt p {margin-bottom: 25px;}
.greetings .txt p.sign {margin-top: 35px;}
.greetings .txt p.sign span {font-size: 20px; font-weight: 500;}
.greetings .txt p:last-child {margin-bottom: 0;}

/* rnd */
.rnd .img {width: 46.25%; padding-right: 20px;}
.rnd .img img {box-shadow:none;}
.rnd .txt {width: 53.75%;}
.rnd .txt h3 {margin-bottom: 25px;}

/* history */
.intro-history {background: #e5f7fc;padding-top: 40px;}
.intro-history .contain {position:relative;}
.intro-history .contain:after {content:""; display:block; clear:both;}

.intro-history .intro-history-moving-area{float:left; margin-top:45px;}
.intro-history .intro-history-moving-area.is-fixed{position:fixed;top:70px;}
.intro-history .intro-history-moving-area.is-not-fixed {position:absolute; left:30px;}
/* .intro-history .intro-history-moving-area.is-not-fixed{position:fixed;top:96px;} */
.intro-history .intro-history-moving-area.is-not-fixed{position:absolute;/* top:auto; */left: 30px;/* bottom: 340px; */}

.intro-history .intro-history-box{float: right; padding-left: 62px; width: calc(100% - 216px);}

.intro-history .history-year-front,
.intro-history .history-year{display:block;font-family: 'Roboto', sans-serif; font-size: 200px;font-weight: 500;letter-spacing: -.03em;line-height: 1em;}

.intro-history-list > li{position:relative;}
.intro-history-list:last-child {padding-bottom:100px;}
.intro-history-list .history-year{position:absolute;left:-62px;top:45px}
.intro-history-list .history-img{padding-top:180px}
.intro-history-list .history-month{margin-top:22px}

.intro-history-list .history-month li{font-size: 18px;line-height: 1.75em;letter-spacing: -.03em;}


/* location */
.root_daum_roughmap {width:100% !important;}

.location {margin-top: 60px;}
.location ul {display: flex;flex-wrap:wrap; margin: 0 -19px;}
.location ul li {width: 33.3333333%;height: 100%;padding: 0 19px;cursor: pointer;}
.location ul li .box {min-height: 200px;background: #e5f7fc;padding: 30px 10px;text-align: center;}
.location ul li .tit {font-size: 22px;font-weight: 500;line-height: 1.5em;letter-spacing: -.03em;margin-bottom: 20px;}
.location ul li .info {max-width: 282px;margin: 0 auto;}
.location ul li .info p {}

.map {position: relative;width: 100%;height: 500px;}
.map li {position: absolute; width: 100%; height: 100%; z-index: -1;}
.map li.on {z-index: 1;}

.inquiry {display: flex;}
.inquiry > div {width: 50%;}
.inquiry-info {padding-right: 60px;}
.inquiry-info .num-list {}
.inquiry-info .num-list > li {margin-bottom: 40px;}
.inquiry-info .num-list > li:last-child {margin-bottom: 0;}
.inquiry-info .num-list > li .term {display: flex;align-items: center;color: #242424;font-size: 18px;font-weight: 500;line-height: 1.444em;letter-spacing: -.03em;margin-bottom: 10px;}
.inquiry-info .num-list > li .term .num {flex:0 0 30px;margin-right: 12px;width: 30px;height: 30px;border-radius:100%;background: #1baae6;font-family: 'Roboto', sans-serif;color: #fff;font-size: 20px;line-height: 30px;letter-spacing: -.03em;text-align: center;}
.inquiry-info .num-list > li .desc {/* padding-left: 42px; */}
.inquiry-info .num-list > li .desc .box {display: flex;flex-wrap:wrap;border: 1px solid #ddd;border-bottom: 0;border-right: 0;}
.inquiry-info .num-list > li .desc .box > li {display: flex;align-items: center;width: 50%;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 15px 20px;}
.inquiry-info .num-list > li .desc .box > li .license-number {color: #454545;font-size: 14px;line-height: 1.857em;letter-spacing: -.03em;}
.inquiry-info .num-list > li .desc .box > li .license-name {color: #1baae6;font-size: 15px;font-weight: 500;line-height: 1.5em;letter-spacing: -.03em;margin-bottom: 10px;}
.inquiry-info .num-list > li .desc .box > li .license-tit {color: #242424;font-size: 18px;font-weight: 500;line-height: 1.5em;letter-spacing: -.03em;}