body {min-width:320px; }
.container{display:none;}
.hub07{display:block !important;}
.gridster{height:1000px;}
#wrap {min-width:320px; }

.dt1{position:absolute; width:1140px; height:268px; top:6px; left:6px;}
.dt2{position:absolute; width:276px; height:128px; top:286px; left:6px;}
.dt3{position:absolute; width:276px; height:128px; top:286px; left:294px;}
.dt4{position:absolute; width:276px; height:128px; top:286px; left:582px;}
.dt5{position:absolute; width:276px; height:128px; top:286px; left:870px;}
.dt6{position:absolute; width:180px; height:128px; top:426px; left:6px;}
.dt7{position:absolute; width:180px; height:128px; top:426px; left:198px;}
.dt8{position:absolute; width:180px; height:128px; top:426px; left:390px;}
.dt9{position:absolute; width:180px; height:128px; top:426px; left:582px;}
.dt10{position:absolute; width:180px; height:128px; top:426px; left:774px;}
.dt11{position:absolute; width:180px; height:128px; top:426px; left:966px;}
.dt12{position:absolute; width:564px; height:268px; top:566px; left:6px;}
.dt13{position:absolute; width:276px; height:268px; top:566px; left:582px;}
.dt14{position:absolute; width:276px; height:268px; top:566px; left:870px;}



/*공지사항 프레임*/
ul.noti-list{padding-left:24px;}
ul.noti-list li{background:url(../../images/15/dot-cir-gray.png) no-repeat left center; padding-left:12px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:495px; color:#666;}
ul.noti-list li a{color:#666;}
ul.faq-list{padding-left:35px;}
ul.faq-list li{background:url(../../images/15/dot-cir-gray.png) no-repeat left center; padding-left:12px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:205px; color:#666;}
ul.faq-list li a{color:#666;}
.point-color{color:#d37b28;}


/*onair*/
.air-board{background:url(../../images/07/airback01.png) no-repeat; width:276px; height:268px; position:relative;}
.air-more{position:absolute;top:26px;right:17px;width:21px; height:21px;text-indent:-999px;overflow:hidden;}
.air-board ul{padding:72px 0 0 35px;}
.air-board ul li{width:220px; margin-bottom:28px; min-height:40px; text-align:left; overflow:hidden;}
.air-board ul li a{color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* @media (max-width: 900px) { 


.container_inner{width:576px; overflow:hidden; } 576px
.protlet{margin:1px; float:left;}
.utill{width:100%;}
.gridster{height:1400px;}

.gridster{position:relative;}

.gridster .dd:nth-child(2){display:none;}
.gridster .dd:nth-child(3){position:absolute; top:6px; left:6px;}
.gridster .dd:nth-child(4){position:absolute; top:6px; left:294px;}
.gridster .dd:nth-child(5){position:absolute; top:146px; left:6px;}
.gridster .dd:nth-child(6){position:absolute; top:146px; left:294px;}
.gridster .dd:nth-child(7){position:absolute; top:286px; left:6px;}
.gridster .dd:nth-child(8){position:absolute; top:286px; left:198px;}
.gridster .dd:nth-child(9){position:absolute; top:286px; left:390px;}
.gridster .dd:nth-child(10){position:absolute; top:426px; left:6px;}
.gridster .dd:nth-child(11){position:absolute; top:426px; left:198px;}
.gridster .dd:nth-child(12){position:absolute; top:426px; left:390px;}
.gridster .dd:nth-child(13){position:absolute; top:566px; left:6px;}
.gridster .dd:nth-child(14){position:absolute; top:846px; left:6px;}
.gridster .dd:nth-child(15){position:absolute; top:846px; left:294px;}

.gridster .dt1{width:calc(100% - 12px); text-align:center; position:relative; overflow:hidden;}
.gridster .dt1 img{position:absolute; top:0; left:50%; margin-left:-570px;}
.gridster .dt2{position:absolute; top:280px; left:6px;}
.gridster .dt3{position:absolute; top:280px; left:294px;}
.gridster .dt4{position:absolute; top:415px; left:6px;}
.gridster .dt5{position:absolute; top:415px; left:294px;}
.gridster .dt6{position:absolute; top:550px; left:6px;}
.gridster .dt7{position:absolute; top:550px; left:198px;}
.gridster .dt8{position:absolute; top:550px; left:390px;}
.gridster .dt9{position:absolute; top:686px; left:6px;}
.gridster .dt10{position:absolute; top:686px; left:198px;}
.gridster .dt11{position:absolute; top:686px; left:390px;}
.gridster .dt12{position:absolute; top:822px; left:6px;}
.gridster .dt13{position:absolute; top:1098px; left:6px;}
.gridster .dt14{position:absolute; top:1098px; left:294px;}

.fline2{width:100%;}
} */

/* 
@media (max-width: 600px) {
.gridster{height:1350px;}
.container_inner{width:100%;}

.dd a {width:100% !important;}
.dd a img{width:100%;}
.gridster .dt2{top:6px; left:0; width:49%;}
.gridster .dt3{top:6px; left:51%; width:49%;}
.gridster .dt4{top:146px; left:0;width:49%;}
.gridster .dt5{top:146px; left:51%;width:49%;}
.gridster .dt6{top:286px; left:0;width:33.3%;}
.gridster .dt7{top:286px; left:33.3%;width:33.3%;}
.gridster .dt8{top:286px; left:66.6%;width:33.3%;}
.gridster .dt9{top:426px; left:0;width:33.3%;}
.gridster .dt10{top:426px; left:33.3%;width:33.3%;}
.gridster .dt11{top:426px; left:66.6%;width:33.3%;}
.gridster .dt12{top:566px; left:0;}
.gridster .dt13{top:786px; left:0;}
.gridster .dt14{top:1026px; left:0; width:100%;}
.dt6 a,.dt7 a,.dt8 a,.dt9 a,.dt10 a,.dt11 a{display:inline-block;overflow:hidden; text-align:center;position:relative;width:100%;height:128px;}
.dt6 a img,.dt7 a img,.dt8 a img,.dt9 a img,.dt10 a img,.dt11 a img{width:180px;display:inline-block;position:absolute;left:50%;margin-left:-90px;}

.gridster .dt12{background:none; border-top:1px solid #e0e0e0; width:100%;}
.gridster .dt13{background:none; border-top:1px solid #e0e0e0;width:100%; }
.faq-more,.noti-more,.air-more{text-indent:initial;right:auto;font-weight:bold;font-size:18px; margin-left:15px;}
.air-more{color:#fff;}
ul.faq-list{padding-left:24px;}

.ifr-faq,.ifr-noti{top:60px;width:100%;box-sizing:border-box;}
ul.faq-list li,ul.noti-list li{width:90%; text-overflow: ellipsis; white-space:nowrap;word-wrap:normal;}

.air-board{background:url(../../images/07/airback01_2.png) repeat; width:100%;}
.air-board ul{padding-left:20px;}
.air-board ul li:before{content:'·  ';color:#fff;}
.air-board ul li{width:95%; text-overflow: ellipsis; white-space:nowrap;word-wrap:normal;}
.air-board ul li a{padding-left:5px;}
}

@media (max-width: 500px) {
.gridster{height:1300px;}
.gridster .dt2{top:6px; }
.gridster .dt3{top:6px; }
.gridster .dt4{top:126px; }
.gridster .dt5{top:126px; }
.gridster .dt6{top:256px; }
.gridster .dt7{top:256px; }
.gridster .dt8{top:256px; }
.gridster .dt9{top:396px; }
.gridster .dt10{top:396px; }
.gridster .dt11{top:396px; }
.gridster .dt12{top:546px; }
.gridster .dt13{top:766px; }
.gridster .dt14{top:986px; }



}
@media (max-width: 450px) {
.gridster{height:1200px;}
.gridster .dt2{top:6px; }
.gridster .dt3{top:6px; }
.gridster .dt4{top:106px; }
.gridster .dt5{top:106px; }
.gridster .dt6{top:206px; }
.gridster .dt7{top:206px; }
.gridster .dt8{top:206px; }
.gridster .dt9{top:336px; }
.gridster .dt10{top:336px; }
.gridster .dt11{top:336px; }
.gridster .dt12{top:496px; }
.gridster .dt13{top:706px; }
.gridster .dt14{top:936px; }
}
 */

/* 
170126 모바일 작업 전 

.container{display:none;}
.hub07{display:block !important;}


.dt1{position:absolute; width:1140px; height:268px; top:6px; left:6px;}
.dt2{position:absolute; width:276px; height:128px; top:286px; left:6px;}
.dt3{position:absolute; width:276px; height:128px; top:286px; left:294px;}
.dt4{position:absolute; width:276px; height:128px; top:286px; left:582px;}
.dt5{position:absolute; width:276px; height:128px; top:286px; left:870px;}
.dt6{position:absolute; width:180px; height:128px; top:426px; left:6px;}
.dt7{position:absolute; width:180px; height:128px; top:426px; left:198px;}
.dt8{position:absolute; width:180px; height:128px; top:426px; left:390px;}
.dt9{position:absolute; width:180px; height:128px; top:426px; left:582px;}
.dt10{position:absolute; width:180px; height:128px; top:426px; left:774px;}
.dt11{position:absolute; width:180px; height:128px; top:426px; left:966px;}
.dt12{position:absolute; width:564px; height:268px; top:566px; left:6px;}
.dt13{position:absolute; width:276px; height:268px; top:566px; left:582px;}
.dt14{position:absolute; width:276px; height:268px; top:566px; left:870px;}

@media (max-width: 900px) { 


.container_inner{width:576px; overflow:hidden;}
.protlet{margin:1px; float:left;}

.gridster{position:relative;}

.gridster .dd:nth-child(2){display:none;}
.gridster .dd:nth-child(3){position:absolute; top:6px; left:6px;}
.gridster .dd:nth-child(4){position:absolute; top:6px; left:294px;}
.gridster .dd:nth-child(5){position:absolute; top:146px; left:6px;}
.gridster .dd:nth-child(6){position:absolute; top:146px; left:294px;}
.gridster .dd:nth-child(7){position:absolute; top:286px; left:6px;}
.gridster .dd:nth-child(8){position:absolute; top:286px; left:198px;}
.gridster .dd:nth-child(9){position:absolute; top:286px; left:390px;}
.gridster .dd:nth-child(10){position:absolute; top:426px; left:6px;}
.gridster .dd:nth-child(11){position:absolute; top:426px; left:198px;}
.gridster .dd:nth-child(12){position:absolute; top:426px; left:390px;}
.gridster .dd:nth-child(13){position:absolute; top:566px; left:6px;}
.gridster .dd:nth-child(14){position:absolute; top:846px; left:6px;}
.gridster .dd:nth-child(15){position:absolute; top:846px; left:294px;}


}



공지사항 프레임
ul.noti-list{padding-left:24px;}
ul.noti-list li{background:url(../../images/15/dot-cir-gray.png) no-repeat left center; padding-left:12px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:495px; color:#666;}
ul.noti-list li a{color:#666;}
ul.faq-list{padding-left:35px;}
ul.faq-list li{background:url(../../images/15/dot-cir-gray.png) no-repeat left center; padding-left:12px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:205px; color:#666;}
ul.faq-list li a{color:#666;}
.point-color{color:#d37b28;}

onair
.air-board{background:url(../../images/07/airback01.png) no-repeat; width:276px; height:268px; position:relative;}
.air-more{position:absolute;top:26px;right:17px;width:21px; height:21px;text-indent:-999px;overflow:hidden;}
.air-board ul{padding:72px 0 0 35px;}
.air-board ul li{width:220px; margin-bottom:28px; min-height:40px; text-align:left; overflow:hidden;}
.air-board ul li a{color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
 */