/* base */
caption { position: absolute; top: -9999px; left: -9999px; z-index: -1;}

/* contents tabs */
#page .con-tab-menu {text-align:center; overflow:hidden; }
#page .con-tab-menu li{ float:left; width:100%;   border:1px solid #ddd; border-left:0;}  
#page .con-tab-menu li a{height:65px; position:relative; text-align:center; display: block; cursor:pointer; background:#fff;}
#page .con-tab-menu li a span{position:absolute; width:100%; font-size:18px;  left:0; top:50%; transform:translateY(-50%); line-height:1.3;}
#page .con-tab-menu li a.active{background:#014099; color:#fff;}  
#page .con-tab-menu li:first-child{border-left:1px solid #ddd;}
#page .con-tab{ display: none; padding:80px 0 0;} 
#page .con-tab.active{ display: block;}  
#page .con-tab-menu li:first-child:nth-last-child(2),  
#page .con-tab-menu li:first-child:nth-last-child(2)~li{ width: 50%; } 
#page .con-tab-menu li:first-child:nth-last-child(3),  
#page .con-tab-menu li:first-child:nth-last-child(3)~li{ width: 33.333%; max-width:none;}  
#page .con-tab-menu li:first-child:nth-last-child(4),  
#page .con-tab-menu li:first-child:nth-last-child(4)~li{ width: 25%; }  	
#page .con-tab-menu li:first-child:nth-last-child(5),  
#page .con-tab-menu li:first-child:nth-last-child(5)~li{ width: 20%; } 
#page .con-tab-menu li:first-child:nth-last-child(6),  
#page .con-tab-menu li:first-child:nth-last-child(6)~li{ width: 16.666%; }  
#page .con-tab-menu li:first-child:nth-last-child(7),  
#page .con-tab-menu li:first-child:nth-last-child(7)~li{ width: 14.285%; }  
#page .con-tab-menu li:first-child:nth-last-child(8),  
#page .con-tab-menu li:first-child:nth-last-child(8)~li{ width: 12.5%; }  
@media screen and (max-width:1024px){ 
	#page .con-tab-menu li a span{font-size:14px;} 
}
@media screen and (max-width:480px){
	#page .con-tab-menu li a{height:50px;}
	#page .con-tab-menu {border-top:1px solid #e8e8e8;}
	#page .con-tab-menu li a span{font-size:12px; padding:0 10px;}
	#page .con-tab-menu li:first-child:nth-last-child(2),  
	#page .con-tab-menu li:first-child:nth-last-child(2)~li,
	#page .con-tab-menu li:first-child:nth-last-child(4),  
	#page .con-tab-menu li:first-child:nth-last-child(4)~li{float:none; display:inline-block; width: 50%; margin:-1px -2px 0; border-left:1px solid #e8e8e8;} 
	#page .con-tab-menu li:first-child:nth-last-child(3),  
	#page .con-tab-menu li:first-child:nth-last-child(3)~li,  	
	#page .con-tab-menu li:first-child:nth-last-child(5),  
	#page .con-tab-menu li:first-child:nth-last-child(5)~li,
	#page .con-tab-menu li:first-child:nth-last-child(6),  
	#page .con-tab-menu li:first-child:nth-last-child(6)~li,
	#page .con-tab-menu li:first-child:nth-last-child(7),  
	#page .con-tab-menu li:first-child:nth-last-child(7)~li,
	#page .con-tab-menu li:first-child:nth-last-child(8),  
	#page .con-tab-menu li:first-child:nth-last-child(8)~li{ width: 33.333%; margin-top:-1px;}  
	#page .con-tab-menu li:nth-child(3n+1){border-left:1px solid #e8e8e8;} 
}
	

@media screen and (min-width: 992px){
	.none-lg { display: none !important;}
}


.board-list-wrap,.board-view-wrap,.board-write-wrap{line-height:22px;font-size:14px;color:#222}
.board-list-wrap.wide,.board-view-wrap.wide,.board-write-wrap.wide{font-size:16px}
.board-list-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;width:100%;margin-bottom:15px}
@media screen and (min-width: 768px){
	.board-list-header{margin-bottom:30px}
}
@media screen and (min-width: 768px){
	.board-list-body [class*="rp-table-"]{text-align:center}
}
.board-list-bottom{position:relative;display:flex;flex-direction:column;margin-top:25px}
@media screen and (min-width: 768px){
	.board-list-bottom{margin-top:45px}
}
.total-count{line-height:22px;font-size:14px;color:#666;margin-top:30px}
@media screen and (min-width: 768px){
	.total-count{order:1;margin-top:0}
}
.total-count .num{letter-spacing:0.02em;margin-right:1px}
.board-list-wrap .searcher-st3{width:100%}
@media screen and (min-width: 768px){
	.board-list-wrap .searcher-st3{width:350px;margin-left:auto}
}

.board-list-wrap{position:relative; font-family: "NanumSquareNeo", sans-serif; font-weight:300; font-size:16px; }
.board-list-wrap .touch-info-bg{position:absolute;z-index:100;top:145px;left:50%;transform:translate(-50%, 0);width:220px;height:220px;background-image:url(img/slide-notice-graphic.svg);background-size:100%;background-repeat:no-repeat;transition:all 0.4s;opacity:0;visibility:hidden}
.board-list-wrap .touch-info-bg.active{opacity:1;visibility:visible}
.board-list-body{overflow-x:auto}
.table-unpaid-wrap{border-top:1px solid #000;min-width:800px}
table-unpaid-wrap table {width:100%;}
.table-unpaid-wrap thead th{position:relative;height:52px;font-size:13px;font-weight:400;line-height:1.38;background-color:#f8f8f8;padding:10px 10px;text-align:center;}
@media screen and (min-width: 992px){
	.table-unpaid-wrap thead th{height:72px;padding:5px 10px;font-size:15px;line-height:1.33;letter-spacing:-0.75px}
}
.table-unpaid-wrap thead th:after{content:'';position:absolute;right:0;top:15px;bottom:15px;width:1px;background-color:#ddd}
.table-unpaid-wrap thead th:last-child:after{display:none}
.table-unpaid-wrap tbody tr{border-bottom:1px solid #ddd}
.table-unpaid-wrap tbody tr td{font-size:13px;height:53px;text-align:center;padding:17px 5px}
@media screen and (min-width: 992px){
	.table-unpaid-wrap tbody tr td{font-size:15px;height:72px;padding:15px 5px}
}