/* layout css */
html, body{height: 100%;width: 100%;word-wrap: break-word;background: url("../images/body_bg.jpg") 0 0 ;background-size: 46px 42px;}
#wrap{width: 100%;position: relative;}
.scr-fix{overflow: hidden;}
.content-wrap{padding-bottom: 50px;}

.bannerDiv{position: relative;}
.bannerDiv img{display:block;width:100%;position:relative;}
.bannerBG{background-color: #1d0e26;}

.sample-tab_btn{position: absolute;right: 0;left: 0;bottom: 0;width: 100%;}
/* 메인배너 버튼 구역 */
.common-btn{display: block;width: 100%;position: absolute;top:0;left:0;right:0;bottom:0;padding: 0 4.8056vw;}


.eventList{width: 51.6133vw;position: absolute;top: 4vw;font-size: 0;left: 50%;transform: translateX(-50%);}
.eventList>li{/* position: absolute; */text-indent: -9999px;width: 15.5250vw;height: 21.7708vw;display: inline-block;margin-right: 2.5083vw;position: relative;}
.eventList>li:nth-child(3n){margin-right: 0;}
.eventList>li:nth-child(3n) ~ li{margin-top: 8.0813vw;}
.eventList>li:nth-child(1){}
.eventList>li:nth-child(2){}
.eventList>li:nth-child(3){
   
}
.eventList>li:nth-child(4){
   
}
.eventList>li:nth-child(5){
  
}
.eventList>li:nth-child(6){
  
}
.eventList>li>a{display: block;width: 100%;height: 100%;}
.eventList>li>a>img{display: block;width: 100%;}

#wrap .iconBG{position: absolute;top:0;right: 0;width: 62.9167vw;}
.eventList>li.on{}
.eventList>li.on:after{display: block;content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index: -1;}

iframe{width: 42.5000vw !important;height:24.6875vw !important;display: block;position: absolute;bottom: 5vw;left: 50%;transform: translateX(-50%);}
.span-dim{position: absolute;top: 0;left:0;width: 83vw;height: 52px;display:block;}
.bottom-dim{position: absolute;bottom: 0;right: 59px; width: 67px;height: 48px;display:block;}