@charest "utf-8";

@import url(basic.css);
@import url(layout.css);

.spot{overflow:hidden;position:relative;width:100%;text-align:center;}
.spot ul.visualbox{display:-webkit-box;overflow:hidden;position:relative;text-align:center;}
.spot ul.visualbox li{position:relative;overflow:hidden;float:left;width:100%;font-size:0;line-height:0;}
.spot ul.visualbox img{width:100%;}

.spot ul.btn_roll{position:absolute;bottom:10px;left:50%;margin-left:-20px;z-index:50;}
.spot ul.btn_roll li{float:left;width:9px;height:9px;padding-left:9px;cursor:pointer;}
.spot ul.btn_roll .on{background:url(../image/main/btn_roll_on.png) no-repeat;background-size:9px auto;}
.spot ul.btn_roll .off{background:url(../image/main/btn_roll_off.png) no-repeat;background-size:9px auto;}
.spot p.prev{position:absolute;top:45%;left:0;margin-left:5px;}
.spot p.next{position:absolute;top:45%;right:0;margin-right:5px;}

.banner_box{overflow:hidden;width:100%;padding:15px 0;background:url(../image/main/bg_visual_shadow.png) no-repeat top center #f1f1f1;background-size:320px auto;}
.banner_box ul.left_area{float:left;width:47.5%;margin-left:2%;clear:both;}
.banner_box ul.left_area li{font-size:0;line-height:0;}
.banner_box ul.right_area{float:right;width:47.5%;margin:1.5% 2% 0 0;}
.banner_box ul.right_area li{font-size:0;line-height:0;}
.banner_box ul.right_area span{float:left;width:49%;}


/* 이벤트 */
.event_box{float:right;position:relative;width:47.5%;margin-right:2%;font-size:0;line-height:0;}
.event_box .img{overflow:hidden;width:47.5%;}
.event_box .img ul li{position:absolute;top:0;left:0;}
.event_box .btn{position:absolute;top:10px;right:10px;z-index:5;}
.event_box .btn ul li{float:left;margin-left:2px;}
.event_box .btn .on {width:11px;height:11px;cursor:pointer;background:url(../image/main/btn_event_on.gif) no-repeat;background-size:cover;}
.event_box .btn .off {width:11px;height:11px;cursor:pointer;background:url(../image/main/btn_event_off.gif) no-repeat;background-size:cover;}

/*
.event_box{float:right;position:relative;width:47.5%;margin-right:2%;font-size:0;line-height:0;}
.event_box .img{overflow:hidden;width:47.5%;}
.event_box .img ul li{position:absolute;top:0;left:0;}
.event_box .btn{position:absolute;top:10px;right:10px;z-index:5;}
.event_box .btn ul li{float:left;margin-left:2px;}
.event_box .btn .on{width:11px;height:11px;cursor:pointer;background:url(../image/main/btn_event_on.gif) no-repeat;background-size:cover;}
.event_box .btn .off{width:11px;height:11px;cursor:pointer;background:url(../image/main/btn_event_off.gif) no-repeat;background-size:cover;}
*/