@charset "UTF-8";

/* reset style [start] */
html, body, div, p, span, a, img, ul, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, input, form, fieldset, legend 
{margin:0; padding:0; border:0; line-height:1.2;}
ol, ul, li {margin:0; padding:0; list-style:none;}

body {font-size:75%; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#7b7b7b; background:#fbfbfb;}

a {outline:0}
a:link {color:#6f6f6f; text-decoration:none;}
a:visited {color:#6f6f6f; text-decoration:none;}
a:hover {color:#f0e8dd; text-decoration:underline;}
a:active {color:#f0e8dd; text-decoration:underline;}

html, body{height:100%}

#wrapper{height:100%}

#wrap{height:100%;position:relative;background:#050507}

/** header **/

#header{position:fixed;top:0;left:0;width:200px;height:100%;background:#171920}
#header{_position:absolute;_height:960px}
.h_1000{_height:880px !important}

#header h1{height:87px;background:url("../img/bg_header_title.jpg") no-repeat;padding:33px 0 0 28px}
#header h1 a{display:block;width:144px}
#header h1 img{display:block}
#header .btn_gomain{position:absolute;left:21px;top:467px}

#header .login_part{position:fixed;top:436px;left:21px}
#header .login_part{_position:absolute}
#header .login_part li{float:left;height:30px;margin-right:10px}
#header .login_part li.join{width:45px}
#header .login_part li.last{width:50px}
#header .login_part li.home{width:154px}
#header .login_part li a{display:block;width:40px;height:20px;text-indent:-9999px;overflow:hidden}
#header .login_part li.join a{width:45px}
#header .login_part li.last a{width:50px}
#header .login_part li.home a{width:154px;height:30px}
#header .login_part li.home a img{display:block}

#header .tab_menu{height:100%;min-height:630px;background:url("../img/bg_left.jpg") repeat-y}
#header .tab_menu li{width:200px;height:100px}
#header .tab_menu li{*font-size:0}
#header .tab_menu li a{display:block;width:200px;height:100px;background:url("../img/spr_menu.gif") no-repeat}
#header .tab_menu a.tab_2{background-position:0 -100px}
#header .tab_menu a.tab_3{background-position:0 -200px}
#header .tab_menu a.tab_1:hover{background-position:-200px 0}
#header .tab_menu a.tab_2:hover{background-position:-200px -100px}
#header .tab_menu a.tab_3:hover{background-position:-200px -200px}
#header .tab_menu .on a.tab_1{background-position:-400px 0 !important}
#header .tab_menu .on a.tab_2{background-position:-400px -100px !important}
#header .tab_menu .on a.tab_3{background-position:-400px -200px !important}

#header .btn_check{position:absolute;top:498px;left:21px}
#header .btn_main{top:468px}


/** container **/

#container{height:100%;margin-left:200px}

.bg_main{background:url("../img/bg_cont_main.jpg") no-repeat 200px 0 fixed}
.bg_camp{background:url("../img/bg_cont_camp.jpg") no-repeat 200px 0 fixed;min-height:1080px}
.bg_part{background:url("../img/bg_cont_part.jpg") no-repeat 200px 0 fixed;min-height:1150px}
.bg_event{background:url("../img/bg_cont_event.jpg") no-repeat 200px 0 fixed;min-height:1080px}
.bg_left{_height:1080px !important}

.flash_wrap{width:100%;height:100%;overflow:hidden}
.flash_wrap{_height:1000px}
.bg_left .flash_wrap{position:fixed;top:0;left:200px;width:240px}
.bg_left .flash_wrap{_position:absolute}

.bg_left .contents{padding:71px 0 0 47px;margin-left:240px}
.bg_left .contents .camp_info{position:relative;background:url("../img/bg_camp_line.gif") no-repeat;padding-top:41px}
.bg_left .contents li{position:relative}

.bg_camp .contents h3{width:468px;height:94px;background:url("../img/bg_camp_title.png") no-repeat;margin-bottom:22px}
.bg_camp .contents p{width:558px;height:47px;background:url("../img/bg_camp_txt_1.png") no-repeat;margin-bottom:25px}
.bg_camp .contents li a{position:absolute;left:4px;display:block}
.bg_camp .contents .li_1{width:397px;height:128px;background:url("../img/bg_camp_li_1.png") no-repeat}
.bg_camp .contents .li_1 a{top:68px}
.bg_camp .contents .li_2{width:454px;height:141px;background:url("../img/bg_camp_li_2.png") no-repeat}
.bg_camp .contents .li_2 a{top:70px}
.bg_camp .contents .li_2 span{position:absolute;top:104px;left:5px;display:block;width:207px;height:13px;text-indent:-9999px;background:url("../img/bg_camp_li_2_sub.png") no-repeat;overflow:hidden}
.bg_camp .contents .li_3{width:132px;height:46px;background:url("../img/bg_camp_li_3.png") no-repeat;margin-bottom:26px}
.bg_camp .contents .li_4{width:249px;height:56px;background:url("../img/bg_camp_li_4.png") no-repeat;margin-bottom:23px}
.bg_camp .contents .li_5{width:450px;height:37px;background:url("../img/bg_camp_li_5.png") no-repeat;padding-top:193px}
.bg_camp .contents .li_5 p{width:221px;height:37px;background:url("../img/bg_camp_txt_2.png") no-repeat;margin:0}

.bg_part .contents h3{width:547px;height:150px;background:url("../img/bg_part_title.png") no-repeat;margin-bottom:22px}
.bg_part .contents p{width:359px;height:47px;background:url("../img/bg_part_txt_1.png") no-repeat;margin-bottom:25px}
.bg_part .contents .li_1{width:399px;height:125px;background:url("../img/bg_part_li_1.png") no-repeat;margin-bottom:40px}
.bg_part .contents .li_2{width:536px;height:171px;background:url("../img/bg_part_li_2.png") no-repeat;margin-bottom:49px}
.bg_part .contents .li_3{width:454px;height:127px;background:url("../img/bg_part_li_3.png") no-repeat;margin-bottom:39px}
.bg_part .contents .notice{position:relative;width:660px;height:207px;background:url("../img/bg_part_notice.png") no-repeat}
.bg_part .contents a.btn_faq{position:absolute;bottom:13px;left:20px}


.bg_event .contents{padding:71px 0 0 0;margin-left:240px}
.bg_event .contents{_height:931px}
.bg_event .contents h3{width:620px;height:94px;background:url("../img/bg_event_title.png") 47px 0 no-repeat;margin:0 0 22px 0;padding-left:47px}
.bg_event .contents p{width:284px;height:47px;background:url("../img/bg_event_txt_1.png") no-repeat;margin:0 0 25px 47px}
.bg_event .contents .camp_info{background-position:47px 0;padding-top:19px}
.bg_event .contents li{padding-left:40px}
.bg_event .contents .li_1{width:589px;height:158px;background:url("../img/bg_event_li_1.png") 40px 0 no-repeat;margin-bottom:24px}
.bg_event .contents .li_2{width:602px;height:158px;background:url("../img/bg_event_li_2.png") 40px 0 no-repeat;margin-bottom:9px}
.bg_event .contents .li_3{width:604px;height:165px;background:url("../img/bg_event_li_3.png") 40px 0 no-repeat;margin-bottom:4px}
.bg_event .contents .li_4{width:558px;height:135px;background:url("../img/bg_event_li_4.png") 40px 0 no-repeat}

#container{_background-position:0 0}

/* popup */

.popup_wrap{position:fixed;top:0;left:0;bottom:0;right:0;z-index:30}
.popup_wrap{_position:absolute;width:100%;height:100%}
.popup_wrap .bg_wrap{width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60)}
.popup_wrap .bg_wrap{_height:1000px}
.layer_wrap{position:absolute;top:238px;width:100%}
.popup{position:relative;width:381px;height:382px;margin:0 auto}
.pop_2{background:url("../img/bg_popup_li_2.png") no-repeat}
.pop_3{background:url("../img/bg_popup_li_3.png") no-repeat}
.popup a{position:absolute;top:28px;right:10px;display:block;width:32px;height:32px;text-indent:-9999px;overflow:hidden}


/** footer **/

#footer{position:fixed;left:0;bottom:30px}
#footer{_position:absolute}
#footer .sns{position:absolute;top:-65px;left:17px;width:166px;height:65px;background:url("../img/bg_sns_bar.gif") 0 100% no-repeat}
#footer .sns li{display:block;_font-size:0;margin-bottom:7px;padding-left:5px}
#footer .sns a img{display:block}
#footer div{width:200px;height:76px;background:url("../img/bg_footer.jpg") no-repeat}
#footer div a{display:block;position:absolute;top:28px;left:20px;width:82px;height:20px}


/** layer_pop **/
.layer_wrap{position:fixed;top:0;left:0;bottom:0;right:0;z-index:20}
.layer_wrap{_position:absolute;_width:100%;_height:1000px}
.layer_wrap .bg_layer{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.6;filter:alpha(opacity=60)}
.layer_wrap .bg_layer{_position:absolute;_width:100%;_height:1000px}
.layer_wrap .pop_layer{position:relative;top:294px;width:706px;height:336px;background:url("../img/bg_layer_check_win.png") no-repeat;margin:0 auto}
.layer_wrap .pop_layer a{display:block;position:absolute;top:24px;right:28px;width:27px;height:27px}
.layer_wrap .pop_layer a.btn_check{top:237px;right:218px;width:198px;height:42px}



/* Layout */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
.blind {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden}
legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%}