@charset "utf-8";
.sub-visual {background:url(/gtci/resources/images/common/visual-zone-bg3.jpg) 100% 100% no-repeat; background-size:cover;}

/* table style */
#table{ width: 100%; border: 1px solid #444444; border-collapse: collapse;}
#table th, #table td {border:1px solid #444444; padding:.4em 0; font-size:16px; font-weight:400; color:#2e2b2b;}
#table span {font-size:16px; font-weight:400; color:#2e2b2b;}
#table th {font-weight:600;}

/* 연도 선택 TAB */
.Depth-top{position:relative; display:flex; justify-content:center; width:100%; height:auto;}
.Depth-top a{display:inline-block; width:auto; height:auto; padding:14px 30px; font-weight:600; line-height:40px; text-align:center; color:#b2aaaa; font-size:26px; transition:.3s;}
.Depth-top a.on,
.Depth-top a:hover{color:#2e2b2b;}
.Depth-top a.on::before {content:''; display:inline-block; width:32px; height:32px; background:url(/gtci/resources/images/common/content-menu-tab-icon.png) 100% 100% no-repeat; background-size:32px 32px;}

/* 통계 레이아웃 */
.Depth-body {position:relative; width:100%; height:auto; margin-top:30px;}
.Depth-body .Depth-body-bg {position:relative; width:100%; height:20px; background:url(/gtci/resources/images/common/content-list-bg.png) 100% 100% repeat-x; overflow:hidden;}
.Depth-body .Depth-body-content {position:relative; width:calc(100% - 60px); height:auto; padding:30px; background:#fff; box-shadow:0px 12px 10px 4px rgba(0,0,0,.1);}
.Depth-body .Depth-body-content-noData {position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.Depth-body .Depth-body-content-noData .nodata-wrap {display:inline-block; width:auto; height:274px; text-align:center;}
.Depth-body .Depth-body-content-noData .nodata-wrap img {display:block; margin:0 auto; margin-bottom:20px;}
.Depth-body .Depth-body-content-noData .nodata-wrap p {display:block; font-size:26px; font-weight:600; color:#8c98be;}
.Depth-body .Depth-body-content .thumbImg-wrap {position:relative; width:1000px;padding:0 0 30px 0; margin:0 auto;}
.Depth-body .Depth-body-content .thumbImg-wrap img {display:block; width:100%}

/* sub > 기본통계 */
.acWrap{clear:both;position:relative;margin-bottom:30px; }
/* .acWrap ul{clear:both;width:100%;height:auto;min-height:80px;} */
.acWrap ul{clear:both;width:100%;height:auto;}
.acWrap ul li{display:inline-block;width:18.8%; padding: 5px 0.5%}
.acWrap ul li a{display:block;padding:0 0 0 3%; width:97%;  background:url(/gtci/resources/images/common/br_link.png) 100% 100% no-repeat;font-size:15px; letter-spacing: -0.5px; line-height:33px;font-weight:300;color:#121212; border: 1px solid #c4c6cc; border-radius: 4px}
.acWrap ul li a.open{background:url(/gtci/resources/images/common/br_open.png) 100% 100% no-repeat;}
.acWrap ul li a:hover{background:url(/gtci/resources/images/common/br_link.png) 100% 0 no-repeat; background-color: #f9a459; color: #fff; border-color: #b5c9f0}
.acWrap ul li a.open:hover{background:url(/gtci/resources/images/common/br_open.png) 100% 0 no-repeat; background-color: #f9a459; color: #fff; border-color: #b5c9f0}
.acWrap p {font-size:14px; font-weight:300; color:#424242; text-indent:10px;}

.graphWrap{clear:both;position:relative; margin-top: 40px; text-align:center;}

.graphWrap .bay1{display:inline-block;width:1400px;padding:0 0 30px 0; margin-top: 150px;}
.graphWrap .bay2{display:inline-block;width:1000px;padding:0 0 30px 0; margin-top: 73px;}
h3, .graphWrap .bay2 h3, .graphWrap .bay1 h3{clear:both;position:relative;height:60px;margin-bottom:20px;padding-left:40px;border-bottom:1px solid #cfcdcd;text-align:left;color:#272635;font-size:20px;font-weight:600;line-height:60px;background:url(/gtci/resources/images/sub/basic/br_h.gif) 0 50% no-repeat;}
.graphWrap .bay2 h3 span, .graphWrap .bay1 h3 span{display:block;position:absolute;top:6px;right:10px;font-size:15px;font-weight:300;}
.graphWrap .bay2 .bay_cont, .graphWrap .bay1 .bay_cont{clear:both;position:relative;}

/* 통계차트 출처 */
p.chartSource{float:right; margin-top:-35px; padding-right:15px; font-size:14px; color:#000; font-weight:lighter;}
p.chartSourceCircle{float:right; margin-top:-70px; padding-right:15px; font-size:14px; color:#000; font-weight:lighter;}

select[name='searchSelect']:nth-of-type(1){position: absolute; right: 200px;}
select[name='searchSelect']:nth-of-type(2){position: absolute; right: 50px;}

p.chartSource span { font-size: 12px;}

#searchSelect1{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/goyang/image/file/1957) 100% 50% no-repeat; border: 1px solid #e8ecf5; background-color: #fff; color: #8b95a9; width: 145px; height: 33px; margin: 0; padding: 0; margin-left: 15px; padding-left: 10px; top:110px;}
#searchSelect2{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/goyang/image/file/1957) 100% 50% no-repeat; border: 1px solid #e8ecf5; background-color: #fff; color: #8b95a9; width: 121px; height: 33px; margin: 0; padding: 0; margin-left: 15px; padding-left: 10px; top:110px;}


/* 미디어쿼리 */
@media screen and (max-width:1300px) {
	.Depth-body .Depth-body-content-noData .nodata-wrap {padding:20px 0 70px 0;}
	.Depth-body .Depth-body-content-noData .nodata-wrap p {word-break:keep-all; line-height:1.2em;}
	.Depth-body .Depth-body-content .thumbImg-wrap {width:100%;}
	.graphWrap .bay2 {width:100%; margin-top:0;}
	.graphWrap .bay2 .bay_cont, .graphWrap .bay1 .bay_cont {overflow-x:scroll; overflow-y:hidden;}
	.graphWrap .bay2 h3 span, .graphWrap .bay1 h3 span {position:relative; top:0; right:0; width:100%; float:left; text-align:right;}
}

@media screen and (max-width:1023px) {
	body {height:100%;}
	.sub-content {min-height:100%; height:auto;}

	.Depth-top {display:inline-block; width:100%; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
	.Depth-top a {width:auto; padding:0 10px;}
	.Depth-top a:first-child {padding:0 10px 0 0;}
	.Depth-top a:last-child {padding:0 0 0 10px;}
}

@media screen and (max-width:720px) {
	.Depth-body .Depth-body-content {width:calc(100% - 36px); padding:0 18px;}
}