@charset "UTF-8";

/* @font-face{font-family:'Play Bold'; font-style:normal; src:url(../font/play-v16-latin-700.woff) format("woff"), url(../font/play-v16-latin-700.woff2) format('woff2');}  */

.hisTab{position:relative; padding:30px 0; overflow:hidden;}
.hisTab::after{content:''; width:100%; height:1px; background:#8b8b8b; position: absolute; top:0; left:0;}
.hisTab> ul{display:table; table-layout:fixed; width:100%; }
.hisTab > ul.tab-slider {width: 100%; margin:0 auto;}
.hisTab > ul.tab-slider li{text-align: center; border-right:1px solid #CBCBCB; }
.hisTab > ul.tab-slider li > a{display: block; font-size: 25px; letter-spacing: -.05em; color:#979797; font-family: 'Gmarket Bold';padding: 31px 0;}
.hisTab > ul.tab-slider li + li > a{border-left:none;}
.hisTab > ul.tab-slider li > a._on{color:#000;}
.hisTab > ul.tab-slider li > a span {position: relative;}
.hisTab > ul.tab-slider li > a span::after {content:'*'; position: absolute; right: -25px; top: -18px; line-height: 1; color:#008395; font-size: 40px; font-family: 'Noto bold'; letter-spacing: -.05em; visibility:hidden;}
.hisTab > ul.tab-slider li > a._on span::after {visibility: visible;}
.hisTab .prevnext {position: absolute; top:0; height:100%;}
.hisTab button {position: absolute; width:20px; height: calc(100% - 1px); z-index: 1; text-indent: -9999px; display: inline-block; top: 1px;}
.hisTab .prev {background: #fff url('../images/hist_prev.png') no-repeat left center; left:0;}
.hisTab .next {background: #fff url('../images/hist_next.png') no-repeat right center; right:0;}

.hist-slogan {background:url('../images/slogan-bg.jpg') no-repeat center / cover; position: relative; height: 300px; text-align: center;}
.hist-slogan strong {display:block; font-size: 42px; line-height: 40px; letter-spacing: -.05em; color:#fff; font-family: 'Noto Bold';}


.history-fnct {position: relative; display: flex; flex-wrap:wrap; padding-top: 136px;}
.history-fnct::before {content:''; width:1px; height:100%; background:#DEDEDE; position: absolute; top:0; left:50%; margin-left :-1px;}
.history-fnct::after {content:''; display:block; clear:both;}
/* Hist-Hist-box */
.history-fnct .hist-box {width:50%;} 
/* .history-wrap .hist-box:first-child { margin-top: 60px;} */
/* .history-wrap .hist-box:nth-child(2) {margin-top:132px} */
.history-fnct .hist-box:nth-child(odd) {float:left; position: relative; top:-60px;}
.history-fnct .hist-box:nth-child(even) {float:right; position: relative; top: 13px;}
.history-fnct .hist-box:nth-child(odd) ul{padding-right:40px;}
.history-fnct .hist-box:nth-child(even) ul{padding-left:40px;}
/* Hist-Title */
.history-fnct .hist-box .title {position: relative;}
.history-fnct .hist-box .title h1{font-family: 'Gmarket Bold'; font-size: 50px; letter-spacing: 0; color:#333;}
.history-fnct .hist-box:nth-child(odd) .title{text-align:left;}
.history-fnct .hist-box:nth-child(odd) .title::before {content:''; width: calc(100% - 176px); height:1px; background:#333; position: absolute; top:56%; right:0;}
.history-fnct .hist-box:nth-child(odd) .title::after {content:'' ; width:15px; height:15px; background:#333333; position: absolute; top:57%; right: -8px; margin-top:-8px; border-radius:50%;}
.history-fnct .hist-box:nth-child(even) .title{text-align:right;}
.history-fnct .hist-box:nth-child(even) .title::before {content:''; width: calc(100% - 176px); height:1px; background:#333; position: absolute; top:56%; left:0;}
.history-fnct .hist-box:nth-child(even) .title::after {content:'' ; width:15px; height:15px; background:#333333; position: absolute; top:57%; left: -8px; margin-top:-8px;border-radius:50%;}
.history-fnct .hist-box ul{margin-top: 33px;}
/* Hist-Con */
.history-fnct .hist-con{ font-size: 16px; line-height: 50px; letter-spacing: -.05em; margin-bottom: 17px;}
.history-fnct .hist-con::after {content:''; display:block; clear:both;}
.history-fnct .hist-con strong {font-family: 'Gmarket Medium'; color:#000; float:left; line-height:33px; padding-left:20px; position: relative; font-weight: 700; letter-spacing: normal;} 
.history-fnct .hist-con strong::after {content:''; width:5px; height:5px; background:#068697; border-radius:50%; position: absolute; left:0; top:10px;}
.history-fnct .hist-con .txt1 {display: inline-block; font-family: 'Noto Light'; font-size: 18px; color:#333; padding-left: 19px; float:left; width:calc(100% - 123px); line-height: 1.6;}
.history-fnct .no-data {position: relative; z-index: 1; width: 100%; padding: 10px 0; background: #fff; text-align: center;}

@media all and (max-width:1024px) {
	.hisTab > ul.tab-slider li > a {font-size: 24px;}
	.hisTab > ul.tab-slider li > a::after {font-size: 30px;}
	.hist-slogan strong {font-size: 38px;}
	.hist-slogan{padding: 100px 50px 100px 50px;}
} 
@media all and (max-width:960px) {
	.hist-slogan strong {line-height: 60px;}
}
@media all and (max-width:875px) {
	.history-fnct .hist-box ul {margin-top: 0;}
	.hisTab {padding: 20px 0;}

}

@media all and (max-width:768px) {
	.history-fnct {padding-top: 70px;}
	.history-fnct .hist-box {width:100%; margin-top: 2px;}
	.history-fnct .hist-box:nth-child(odd) {float:unset; top: -40px;}
	.history-fnct .hist-box:nth-child(even) {float:unset; top: -40px;}
	.history-fnct::before{background: none ;}
	.history-fnct .hist-box:nth-child(even) .title {text-align: left;}
	.history-fnct .hist-box:nth-child(even) .title::before {right:0; left: auto;}
	.history-fnct .hist-box:nth-child(odd) .title::after {background: none ;}
	.history-fnct .hist-box:nth-child(even) .title::after {background: none ;}
	.history-fnct .hist-box:nth-child(even) ul {padding-left: 0;}
	.hist-slogan {padding: 50px;}
	.hist-slogan strong {font-size: 32px; word-break: keep-all;}
} 
@media all and (max-width:600px) {
	.history-fnct .hist-con .txt1 {float: none;}
	.history-fnct .hist-con{line-height: 30px; margin-bottom: 15px;}
}
@media all and (max-width:500px) {
	.hisTab > ul.tab-slider li{border-right: 0;}
	.history-fnct .hist-box:nth-child(odd) .title::before {width: calc(100% - 140px);}
}


/* #newHist h3{font-size: 24px;color: #1e5ba8;margin: 40px 0 10px; font-weight:500;}
#newHist{overflow-x:auto; }
#newHist table{margin-bottom:30px;}
#newHist table{border-top:2px solid #6186bf}
#newHist table .year{width:170px;}
#newHist table caption{width:0; height:0; position:relative;}
#newHist table thead th{background-color:#ecf1f6; font-weight:500; border-bottom:1px solid #ddd; padding:10px 5px;border-right:1px solid #ddd; color:#0e2c5d;}
#newHist table thead th:last-child{border-right:none;}
#newHist table tbody td{border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;  border-right:1px solid #ddd; font-weight:300; line-height:1.4;}
#newHist table tbody td:last-child{border-right:none;}
#newHist table tbody th{border-bottom:1px solid #ddd; padding:10px 5px; border-right:1px solid #ddd;background-color:#fbfbfb; font-weight:400; vertical-align:top;}
#newHist table tbody th:last-child{border-right:none;}
#newHist table tbody td._aL{text-align:left;}
@media only screen and (max-width:768px){
	.hisTab > ul > li{display: block; width: calc(50% - 1px); float: left; overflow: hidden; border-left:1px solid #ddd;}
}  */