@charset "utf-8";

/* --------------------------------------------
 * HanbitSoft Service Development Team
 * 썸머오디션 상단바 이벤트 Stylesheet
 * Author - njs2000@hanbitsoft.co.kr 20160715
----------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, footer, header, menu, nav, section{display:block;}
body, input, button, textarea, select, table, kbd{line-height:1.2; font-family:Malgun Gothic, '맑은 고딕', '돋움', dotum, Helvetica, sans-serif; font-size:12px; color:#000;}
img{vertical-align:middle;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#000;}
a:hover, a:focus, a:active{text-decoration:none; color:#181c26;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}

/* Styles
-------------------------------------------------------------- */
#summer_bar{z-index: 100;position:absolute;left:0;top:40px;width:100%;height:80px;background: url(../images/bar/bg_top_bar.png) repeat 0 0}

#summer_bar .in{z-index:50;position:relative;width:1200px;margin:0 auto;}
#summer_bar .bg_over{position:absolute;left:0;top:80px;width:100%;height:173px;background:url(../images/bar/bg_over_bar.png) repeat-x 0 0}
#summer_bar h1{width:160px;float:left;margin-top:10px}
#ev_list{margin-left:160px;background:url(../images/bar/spr_ev_menu.png) no-repeat 0 0}
#ev_list li{float:left;text-align: center}
#ev_list li{float:left;width:148px;height:80px;}
#ev_list li strong{display:block;width:148px;height:80px;background:url(../images/bar/spr_ev_menu.png) no-repeat 0 0;text-align:center;text-indent:-9999px;font-size: 0}
#ev_list li a{position: relative;display:block;width:100%;height:113px;padding-top: 60px;background:url(../images/bar/spr_ev_tit.png) no-repeat 0 20px}
#ev_list li a:hover{background-image: url(../images/bar/spr_ev_tit_over.png);}
#ev_list li a:hover:after{position: absolute;left:50%;top:60px;margin-left:-44px;content:'';display:block;width:88px;height:88px;background:url(../images/bar/empty_circle.png) no-repeat 0 0}
#ev_list li.ev0 strong{background-position:0 0}
#ev_list li.ev1 strong{background-position:-148px 0}
#ev_list li.ev2 strong{background-position:-296px 0}
#ev_list li.ev3 strong{background-position:-444px 0}
#ev_list li.ev4 strong{background-position:-592px 0}
#ev_list li.ev5 strong{background-position:-740px 0}
#ev_list li.ev6 strong{background-position:-888px 0}
#ev_list .ev0.all strong, #ev_list .ev0.on strong, #ev_list .ev0:hover strong{background-position:0 -80px}
#ev_list .ev1.all strong, #ev_list .ev1.on strong, #ev_list .ev1:hover strong{background-position:-148px -80px}
#ev_list .ev2.all strong, #ev_list .ev2.on strong, #ev_list .ev2:hover strong{background-position:-296px -80px}
#ev_list .ev3.all strong, #ev_list .ev3.on strong, #ev_list .ev3:hover strong{background-position:-444px -80px}
#ev_list .ev4.all strong, #ev_list .ev4.on strong, #ev_list .ev4:hover strong{background-position:-592px -80px}
#ev_list .ev5.all strong, #ev_list .ev5.on strong, #ev_list .ev5:hover strong{background-position:-740px -80px}
#ev_list .ev6.all strong, #ev_list .ev6.on strong, #ev_list .ev6:hover strong{background-position:-888px -80px}
#ev_list .ev0 a{background-position:0 20px}
#ev_list .ev1 a{background-position:-148px 20px}
#ev_list .ev2 a{background-position:-296px 20px}
#ev_list .ev3 a{background-position:-444px 20px}
#ev_list .ev4 a{background-position:-592px 20px}
#ev_list .ev5 a{background-position:-740px 20px}

#summer_bar .btn_wrap{position:absolute;right:4px;top:0;}
#summer_bar .btn_wrap a{display:block;float:left;width:74px;height:80px;font-size:0;text-indent:-9999px}
#summer_bar .btn_wrap a:hover{background:url(../images/bar/spr_ev_menu.png) no-repeat -888px -80px}
#summer_bar .btn_wrap a.btn_go_home:hover{background-position:-888px -80px}
#summer_bar .btn_wrap a.btn_go_gate:hover{background-position:-962px -80px}