@charset "utf-8";


#top_search{width:815px;margin:0;}

.table{}
.table .title_area{position:relative;margin-top:30px;
margin-bottom: 14px;  line-height:1; }
.table .title_area i{display: inline-block; line-height: 1; vertical-align: top; font-size: 19px; color: #4ab9fc;}
.table .title_area .p1{display: inline-block; font-size: 19px; font-weight: 600; color: #333; vertical-align: top;}
.table .title_area .exp{position:absolute;width:400px;bottom:0px;right:0px;font-size:12px;color:#999;letter-spacing:-1px;text-align:right; vertical-align: top;}
.table .title_area img{margin-top: 12px; margin-right: 4px;}

.table_wrap{min-height:500px;position: relative;}
.table_wrap .table{width:815px;min-height:500px;float:left;}
.table_wrap .right_ban{width:200px;min-height:500px;float: right;margin-top:-100px;}

.table_wrap .table table{width:100%;}
.table_wrap .table table th{font-size:13px;text-align: center;color:#333;letter-spacing:-1px;padding:8px 0 10px;background:url(/img/bg_th_boodong.gif) repeat-x 0 0;background-size:auto 100%;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}


.table_wrap .table table tr:nth-child(odd){background-color:#f7f7f7;}
.table_wrap .table table tr td{}
.table_wrap .table table tr:hover{background-color:#EEF8F8;cursor:pointer;}
.table_wrap .table table tr.selected{background-color:#D5F4F1;}
.table_wrap .table table tr.selected:hover{background-color:#D5F4F1;}
.table_wrap .table table td{text-align: center;padding:8px 0 10px;color: #333;font-size:14px;}
.table_wrap .btn_more{border-top:1px solid #ddd;padding:15px 0 20px;text-align:center;}
.table_wrap .btn_more a{border:1px solid #dedede; border-radius: 3px; padding:9px 25px; font-size: 12.4px; color: #333; letter-spacing: -1px; font-weight: 500; display: inline-block; margin-top: 10px; background: rgb(242,242,242);
background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);}

.table_wrap .right_ban h2{width: 100%; height: 47px; background: rgb(108,85,201);
background: linear-gradient(0deg, rgba(108,85,201,1) 0%, rgba(148,125,240,1) 100%); border:1px solid #5942b6; color: #fff; font-size:16px; line-height: 45px; font-weight: 500; letter-spacing: -0.5px; border-radius: 4px 4px 0 0; padding-left: 13px;}
.table_wrap .right_ban h2 img{margin-top: 10px; margin-right: 5px;}

.table_wrap .right_ban ul{padding:7px 10px 2px;min-height:384px; background: #f8f8f8; border-radius: 0 0 4px 4px;}
.table_wrap .right_ban ul li{background-color:#f8f8f8;padding:15.5px 15px 14px;font-size:12px;line-height:17px;margin-bottom:8px; border-bottom: 1px dotted #e2e2e2;}
.table_wrap .right_ban ul li:last-child{border-bottom:none;}
.table_wrap .right_ban ul li a:hover{text-decoration:none;color:#c23b4c;}
.table_wrap .right_ban ul li p.title{font-weight:500;font-size:14px;letter-spacing:-1px;line-height:16px;color:#333; margin-bottom: 5px;}
.table_wrap .right_ban .info{font-size:13px;line-height:20px;padding-top:3px;}
.table_wrap .right_ban .info p.bo{overflow:hidden;text-overflow:ellipsis;}
.table_wrap .right_ban .info strong{font-weight: 500;}
.table_wrap .right_ban ul li.bg2{background-color:#e0ebf4;}




/*미디어쿼리 start*/
@media screen and (max-width:768px) {
	.table_wrap{min-height:400px;position: relative;}
	.table_wrap .table{width:100%;min-height:100px;float:none;margin-top:10px;}
	.table_wrap .right_ban{display:none;}
	.table_wrap .table table tr:first-child{background:none; background-color: #efefef; border-top:none;}
	.table_wrap .table table tr{border-top: 1px solid #efefef;}
	#top_search{width:100%;}
	
	.table_wrap .table table td{padding:15px 0 16px;font-size:13px;}
	.table_wrap .table table td .fw_b{font-weight: 500!important;} 
	.table_wrap .btn_more a{ padding:7px 20px; }
}

@media screen and (max-width:480px) {

}
/*end 미디어쿼리*/


.premium{display: flex; flex-wrap: wrap; justify-content: space-between;}
.premium>div{width: 32.5%; margin-bottom: 12px;  background: #f6f6f6; border:1px solid #a1a1a1; border-radius: 3px; overflow: hidden;}
.premium>div a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.premium>div a:hover{opacity:0.5;}
.premium>div .img{width: 105px;position:relative;}
.premium>div .img span{position:absolute;top:0;right:0;display:block;width:64px;background-color:rgba(0,0,0,0.65);border-radius:0 0 0 5px;
font-size:11.4px;color:#fff;font-weight:600;line-height:19px;text-align:center;}
.premium>div .p_cont{width:calc(100% - 105px); padding: 13px 10px 0 13px; line-height: 1.4}
.premium>div .p_cont .p1{font-weight: 600; color: #222;}
.premium>div .p_cont .p2{font-size: 12px;}
.premium>div .p_cont .p3{ color: #50a3ee; margin-top: 10px; }

@media screen and (max-width:768px) {
.premium>div{width: 49.5%; margin-bottom: 10px;}
.premium>div .img{width: 90px;}
.premium>div .p_cont{width:calc(100% - 90px); padding: 9px 7px 0 9px; }
.premium>div .p_cont .p1{font-size: 13px;}
.premium>div .p_cont .p2{font-size: 11px;}
.premium>div .p_cont .p3{  margin-top: 7px; font-size: 12px;}
.premium>div:last-child{display:none;}
}

@media screen and (max-width:480px) {
.premium>div{width: 49%; margin-bottom: 17px; padding:0px; background: none; border:none; text-align: center;  border-radius: 0!important;}
.premium>div .img{width: 100%; border-radius: 0!important;}
.premium>div .img img{width: 100%;border-radius: 0!important;}
.premium>div .p_cont{width:100%; padding: 8px 5px 0 ; }
.premium>div .p_cont .p1{font-size: 13px;}
.premium>div .p_cont .p2{font-size: 12px;}
.premium>div .p_cont .p3{  margin-top: 4px; font-size: 13px;}
}