body {min-width:320px; }
.container{display:none;}
.hub01{display:block !important; }
.gridster{height:800px;}
#wrap{min-width:320px;}

.dt1{position:absolute; width:216px; height:216px; top:6px; left:6px;}
.dt2{position:absolute; width:216px; height:216px; top:6px; left:234px;}
.dt3{position:absolute; width:216px; height:216px; top:6px; left:462px;}
.dt4{position:absolute; width:444px; height:64px; top:6px; left:690px;}
.dt5{position:absolute; width:444px; height:368px; top:82px; left:690px;}
.dt6{position:absolute; width:216px; height:216px; top:234px; left:6px;}
.dt7{position:absolute; width:216px; height:216px; top:234px; left:234px;}
.dt8{position:absolute; width:216px; height:216px; top:234px; left:462px;}
.dt9{position:absolute; width:444px; height:216px; top:462px; left:6px;}
.dt10{position:absolute; width:216px; height:216px; top:462px; left:462px;}
.dt11{position:absolute; width:216px; height:216px; top:462px; left:690px;}
.dt12{position:absolute; width:216px; height:216px; top:462px; left:918px;}



/*공지사항 프레임*/
ul.noti-list{padding-left:47px;}
ul.noti-list li{background:url(../../images/01/dot-cir-white.png) no-repeat left center; padding-left:12px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:345px; color:#fff;}
ul.noti-list li a{color:#fff;}

/*검색영역*/
.srch-area{width:444px; height:64px; background:url(../../images/01/search-back.png) no-repeat;}
.srch-area input{width:340px; height:65px; text-indent:15px; margin-right:7px; color:#666; font-size:15px;}
.srch-area a{display:inline-block; width:97px; height:64px; text-indent:-9999px; overflow:hiddne;}

/*onair*/
.air-board{background:url(../../images/01/airback01.png) no-repeat; width:445px; height:368px; position:relative;}
.air-more{position:absolute;top:30px;right:24px;width:21px; height:21px;text-indent:-999px;overflow:hidden;}
.air-board ul{padding:62px 0 0 35px;}
.air-board ul li{line-height:60px; width:380px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;color:#fff; text-align:left;}
.air-board ul li a{color:#fff;}

/* 고객센터 */
.gridster .dt10{text-align:center; }
.gridster .cst_wrap{background:url(../../images/02/custom-back.png) no-repeat; padding-top:20px; height:216px; border-bottom:5px solid #666;}
.gridster .cst_wrap h3{margin-top:10px; margin-bottom:20px;color:#fff;}
.gridster .cst_wrap>* {display:block; margin-top:10px; }
.gridster .cst_wrap span{color:#fff;}
/* 
@media (max-width: 876px) { 

.container_inner{ width:696px; overflow:hidden;}
.protlet{margin:1px; float:left;}

.gridster{position:relative; height:1200px;}
.gridster .dd:nth-child(2){position:absolute; top:468px; left:12px;}
.gridster .dd:nth-child(3){position:absolute; top:468px; left:240px;}
.gridster .dd:nth-child(4){position:absolute; top:468px; left:468px;}
.gridster .dd:nth-child(5){position:absolute; top:12px; left:12px;}
.gridster .dd:nth-child(6){position:absolute; top:88px; left:12px;}
.gridster .dd:nth-child(7){position:absolute; top:696px; left:12px;}
.gridster .dd:nth-child(8){position:absolute; top:696px; left:240px;}
.gridster .dd:nth-child(9){position:absolute; top:696px; left:468px;}
.gridster .dd:nth-child(10){position:absolute; top:924px; left:12px;}
.gridster .dd:nth-child(11){position:absolute; top:924px; left:468px;}
.gridster .dd:nth-child(12){position:absolute; top:12px; left:468px;}
.gridster .dd:nth-child(13){position:absolute; top:240px; left:468px;}

.gridster .dd:nth-child(2){position:absolute; top:468px; left:12px;}
.gridster .dd:nth-child(3){position:absolute; top:468px; left:240px;}
.gridster .dd:nth-child(4){position:absolute; top:468px; left:468px;}
.gridster .dd:nth-child(5){position:absolute; top:12px; left:12px;}
.gridster .dd:nth-child(6){position:absolute; top:88px; left:12px;}
.gridster .dd:nth-child(7){position:absolute; top:696px; left:12px;}
.gridster .dd:nth-child(8){position:absolute; top:696px; left:240px;}
.gridster .dd:nth-child(9){position:absolute; top:696px; left:468px;}
.gridster .dd:nth-child(10){position:absolute; top:924px; left:12px;}
.gridster .dd:nth-child(11){position:absolute; top:924px; left:468px;}
.gridster .dt11{position:absolute; top:12px; left:468px;}
.gridster .dt12{position:absolute; top:240px; left:468px;}

.gridster .dt4{position:absolute; top:12px; left:12px;}
.gridster .dt5{position:absolute; top:88px; left:12px;}
.gridster .dt11{position:absolute; top:12px; left:468px;}
.gridster .dt12{position:absolute; top:240px; left:468px;}

.gridster .dt1{position:absolute; top:468px; left:12px;}
.gridster .dt2{position:absolute; top:468px; left:240px;}
.gridster .dt3{position:absolute; top:468px; left:468px;}

.gridster .dt6{position:absolute; top:696px; left:12px;}
.gridster .dt7{position:absolute; top:696px; left:240px;}
.gridster .dt8{position:absolute; top:696px; left:468px;}
.gridster .dt9{position:absolute; top:924px; left:12px;}
.gridster .dt10{position:absolute; top:924px; left:468px;}



.container_inner{margin-top:30px;}
} */

/* @media (max-width : 600px){


.gridster .dt4, .gridster .dt5{width:100%;}
.gridster .dt11, .gridster .dt12{width:50%;}

.container_inner{width:90%; }
.gridster{height:1800px;}

.ifr-noti{width:100%;}

.gridster .dd{width:50% !important; }
.gridster .dd>a{display:inline-block;}
.gridster .dt5{width:100% !important; left:auto !important;}
.gridster .dt5 .air-board{margin:0 auto; }
.gridster .dt4{width:100% !important;left:auto !important; text-align:center;}
.gridster .dt4 > .srch-area{display:inline-block; text-align:center; }
.gridster .dt11{top:468px;left:0 !important; }
.gridster .dt12{top:468px;right:0 !important; left:auto !important; text-align:right;}
.gridster .dt1{top:696px;left:0 !important;}
.gridster .dt2{top:696px;right:0 !important; left:auto !important; text-align:right;}
.gridster .dt3{top:924px;left:0 !important;}
.gridster .dt6{top:924px;right:0 !important; left:auto !important; text-align:right;}
.gridster .dt7{top:1152px;left:0 !important;}
.gridster .dt8{top:1152px;right:0 !important; left:auto !important; text-align:right;}
.gridster .dt9{top:1380px;left:0 !important;  width:100% !important; }
.gridster .dt9 .noti{width:100%; text-align:left;}
.gridster .dt10{top:1605px;left:0 !important; width:100% !important; text-align:center; }
.gridster .dt10>img {display:inline-block;} 



}

@media all and (max-width : 512px){
.container_inner{width:100%; }
.gnb li a{font-size:16px !important;}
}
@media (max-width : 470px){
	
.gridster .srch-area{width:100%; background-size:100% auto;}
.gridster .srch-area>input{width:60%;height:auto; margin:15px 0 0 5px;}
.gridster .air-board{width:100%; background-size:100% auto;}
.gridster .dd a img{width:100%;}
.gridster .dt4 > .srch-area{text-align:left;}
.gridster .dt9 .noti{width:100%; background-size:100% auto;}
.ifr-noti{height:150px;}
}
@media (max-width : 420px){
	.gridster {height:1650px;}
	.container_inner{margin-bottom:20px;}
	
	.gridster .dt11{top:418px;}
	.gridster .dt12{top:418px;}
	.gridster .dt1{top:626px;}
	.gridster .dt2{top:626px;}
	.gridster .dt3{top:834px;}
	.gridster .dt6{top:834px;}
	.gridster .dt7{top:1042px;}
	.gridster .dt8{top:1042px;}
	.gridster .dt9{top:1252px;}
	.gridster .dt10{top:1452px;}
	
	.gridster .cst_wrap{height:150px;}
	.air-board ul li{text-overflow:ellipsis; white-space: nowrap; word-wrap:normal;width:95%;}
	ul.noti-list li{text-overflow:ellipsis; white-space: nowrap; word-wrap:normal;width:90%;}
	
}
@media (max-width : 410px){
	.gridster .dt11{top:418px;}
	.gridster .dt12{top:418px;}	
	.gridster .dt1{top:626px;}
	.gridster .dt2{top:626px;}
	.gridster .dt3{top:834px;}
	.gridster .dt6{top:834px;}
	.gridster .dt7{top:1042px;}
	.gridster .dt8{top:1042px;}
	.gridster .dt9{top:1252px;}
	.gridster .dt10{top:1452px;}
	
	ul.noti-list li{margin-bottom:5px;}
	.air-board ul{padding-top:55px;}
}
@media (max-width : 400px){
	.gridster {height:1600px;}
		
	.gridster .dt11{top:398px;}
	.gridster .dt12{top:398px;}
	.gridster .dt1{top:596px;}
	.gridster .dt2{top:596px;}
	.gridster .dt3{top:794px;}
	.gridster .dt6{top:794px;}
	.gridster .dt7{top:992px;}
	.gridster .dt8{top:992px;}
	.gridster .dt9{top:1202px;}
	.gridster .dt10{top:1402px;}
}
@media (max-width : 380px){
	.gridster {height:1500px;}
	
	.gridster .dt11{top:408px;}
	.gridster .dt12{top:408px;}
	.gridster .dt1{top:586px;}
	.gridster .dt2{top:586px;}
	.gridster .dt3{top:764px;}
	.gridster .dt6{top:764px;}
	.gridster .dt7{top:942px;}
	.gridster .dt8{top:942px;}
	.gridster .dt9{top:1132px;}
	.gridster .dt10{top:1322px;}
	.air-board ul{padding:50px 0 0 25px;}
	
}
@media (max-width : 340px){
	.gridster {height:1400px;}
	.gridster .dt11{top:368px;}
	.gridster .dt12{top:368px;}
	.gridster .dt1{top:526px;}
	.gridster .dt2{top:526px;}
	.gridster .dt3{top:684px;}
	.gridster .dt6{top:684px;}
	.gridster .dt7{top:842px;}
	.gridster .dt8{top:842px;}
	.gridster .dt9{top:1012px;}
	.gridster .dt10{top:1182px;}
	
	ul.noti-list li{font-size:13px;}
}

 */

/* 
170126 모바일 작업전 기존 코드

.container{display:none;}
.hub01{display:block;}


.dt1{position:absolute; width:216px; height:216px; top:6px; left:6px;}
.dt2{position:absolute; width:216px; height:216px; top:6px; left:234px;}
.dt3{position:absolute; width:216px; height:216px; top:6px; left:462px;}
.dt4{position:absolute; width:444px; height:64px; top:6px; left:690px;}
.dt5{position:absolute; width:444px; height:368px; top:82px; left:690px;}
.dt6{position:absolute; width:216px; height:216px; top:234px; left:6px;}
.dt7{position:absolute; width:216px; height:216px; top:234px; left:234px;}
.dt8{position:absolute; width:216px; height:216px; top:234px; left:462px;}
.dt9{position:absolute; width:444px; height:216px; top:462px; left:6px;}
.dt10{position:absolute; width:216px; height:216px; top:462px; left:462px;}
.dt11{position:absolute; width:216px; height:216px; top:462px; left:690px;}
.dt12{position:absolute; width:216px; height:216px; top:462px; left:918px;}


@media (max-width: 876px) { 


.container_inner{width:696px; overflow:hidden;}
.protlet{margin:1px; float:left;}

.gridster{position:relative;}
.gridster .dd:nth-child(2){position:absolute; top:468px; left:12px;}
.gridster .dd:nth-child(3){position:absolute; top:468px; left:240px;}
.gridster .dd:nth-child(4){position:absolute; top:468px; left:468px;}
.gridster .dd:nth-child(5){position:absolute; top:12px; left:12px;}
.gridster .dd:nth-child(6){position:absolute; top:88px; left:12px;}
.gridster .dd:nth-child(7){position:absolute; top:696px; left:12px;}
.gridster .dd:nth-child(8){position:absolute; top:696px; left:240px;}
.gridster .dd:nth-child(9){position:absolute; top:696px; left:468px;}
.gridster .dd:nth-child(10){position:absolute; top:924px; left:12px;}
.gridster .dd:nth-child(11){position:absolute; top:924px; left:468px;}
.gridster .dd:nth-child(12){position:absolute; top:12px; left:468px;}
.gridster .dd:nth-child(13){position:absolute; top:240px; left:468px;}



}



공지사항 프레임
ul.noti-list{padding-left:47px;}
ul.noti-list li{background:url(../../images/01/dot-cir-white.png) no-repeat left center; padding-left:12px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:345px; color:#fff;}
ul.noti-list li a{color:#fff;}

검색영역
.srch-area{width:444px; height:64px; background:url(../../images/01/search-back.png) no-repeat;}
.srch-area input{width:340px; height:65px; text-indent:15px; margin-right:7px; color:#666; font-size:15px;}
.srch-area a{display:inline-block; width:97px; height:64px; text-indent:-9999px; overflow:hiddne;}

onair
.air-board{background:url(../../images/01/airback01.png) no-repeat; width:445px; height:368px; position:relative;}
.air-more{position:absolute;top:30px;right:24px;width:21px; height:21px;text-indent:-999px;overflow:hidden;}
.air-board ul{padding:62px 0 0 35px;}
.air-board ul li{line-height:60px; width:380px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;color:#fff; text-align:left;}
.air-board ul li a{color:#fff;}

 */