﻿@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 
{margin:0; padding:0; border:0; line-height:1.2;}
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:#6f6f6f;}

a {outline:0;}

a:link {color:#6f6f6f; text-decoration:none;}
a:visited {color:#6f6f6f; text-decoration:none;}
a:hover {color:#474747; text-decoration:underline;}
a:active {color:#474747; text-decoration:underline;}

#gnb{min-width:1030px !important}
#gnb .gnb_container{min-width:1030px !important}

.bg_l {overflow:hidden; position:absolute; right:50%; top:30px; width:50%; height:1250px; margin-right:515px; background:url('../images/bg_l.jpg') no-repeat 100% 0}
.bg_r {overflow:hidden; position:absolute; right:0; _right:auto; _left:50%; top:30px; width:50%; height:1250px; background:url('../images/bg_r.jpg') no-repeat 515px 0 }

body:first-of-type .bg_l {left:-515px}
*+html .bg_l {margin-right:514px}
body:first-of-type .bg_r {left:50%}


#event {}
#wrapper {position:relative; width:1030px; margin:0 auto;}

#header {position:relative; height:386px; background:url('../images/header_bg.jpg') no-repeat left top;}
#header h1 {position:absolute; left:4px; top:50px; font-size:0;}

#state {position:relative; height:307px; background:url('../images/state_bg.jpg') no-repeat left top;}
.btn_upgrade {position:absolute; left:534px; top:95px;}
#state ul {position:absolute; left:45px; top:69px;}
#state ul li {float:left; margin-right:43px;}
#state p {position:absolute; left:9px; top:227px;}

#guide {position:relative; height:488px; background:url('../images/guide_bg.jpg') no-repeat left top;}
#guide .first {position:absolute; left:542px; top:53px;}
#guide .first li {float:left; margin-right:8px;}
#guide .last {position:absolute; left:527px; top:269px;}
#guide .last li {margin-bottom:15px;}

#footer {position:relative; height:69px; background:url('../images/footer_bg.jpg') no-repeat left top;}


/* 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;}
caption {display:none;}