@font-face { font-family: 'NanumBG'; font-style: normal; font-weight: normal; src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot"); src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf") format("truetype"); }
@font-face { font-family: 'NanumBG'; font-style: normal; font-weight: bold; src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot"); src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf") format("truetype"); }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after { content: ''; }
q:before, q:after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; width:100%;}
img, fieldset { border: 0; }
img, input, select, label, textarea { font-family: "³ª´®¹Ù¸¥°íµñ", "NanumBarunGothic", "NanumBG", sans-serif; vertical-align: middle; }
address, caption, em { font-weight: normal; font-style: normal; }
body { width: 100%; font-size: 14px; line-height: 1.5; font-family: "³ª´®¹Ù¸¥°íµñ", "NanumBarunGothic", "NanumBG", sans-serif; color: #333; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; color: #333; }
a { margin: 0; padding: 0; font-size: 1em; line-height: 1.5; color: #333; text-decoration: none; }
img { max-width: 100%; }
button { background: none; border: 0; font: inherit; cursor: pointer; overflow: visible; white-space: nowrap; padding: 0; outline: none; vertical-align: middle;}

.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.blind {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; position:absolute;}
h1 {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; position:absolute;}

*body {
scrollbar-3dlight-color:#262626;
scrollbar-arrow-color:#676767;
scrollbar-track-color:#141414;
scrollbar-darkshadow-color:#212121;
scrollbar-face-color:#1e1e1e;
scrollbar-highlight-color:#484848;
scrollbar-shadow-color:#1b1b1b;
}

html, body {height:100%;}

a:link	{color: #636363; text-decoration: none;}
a:hover	{color: #dec084; text-decoration: underline;}


/** input style **/
.input_box {border:1px solid #93b434; background-color: #244407; color: #efffc4; text-decoration: none; font-size:12px; height:25px; vertical-align:middle;}

.input_txt	{border:1px solid #313131; background-color: #ffffff; color: #313131; text-decoration: none; font-size:12px;height:21px; CURSOR: hand;
word-break: break-all;
scrollbar-3dlight-color:#1e0000;
scrollbar-arrow-color:#9f8080;
scrollbar-track-color:#230000;
scrollbar-darkshadow-color:#1e0000;
scrollbar-face-color:#3b0101;
scrollbar-highlight-color:#4a1c1a;
scrollbar-shadow-color:#330101;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} 



/** 1003 **/
#wrap {position:relative; width:100%; min-width: 1000px; top:0px; right:0px; _right:0; margin:0; padding:0;}

.main_img {width:100%; height:1089px; background:url('../images/main_img.jpg') center top no-repeat;}

#nav {position:relative; width:1000px; margin:0 auto;}
#nav ul {position:absolute; top:1010px; left:0px; width:1000px; height:150px; overflow:hidden; z-index:1000;}
#nav li {float:left; width:245px; height:79px; margin-right:5px; text-align:center;}
#nav .home {position:absolute; top:23px; right:59px; background:url('../images/blank.png') center top repeat; width:49px; height:49px; z-index:1000;}
#nav .login {position:absolute; top:23px; right:0; background:url('../images/blank.png') center top repeat; width:49px; height:49px; z-index:1000;}
#nav span {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; position:absolute;}

#container {position:relative; z-index:0; width:100%; overflow:hidden;}
#content {position:relative; width:1000px; margin:0 auto; overflow:hidden; z-index:100;}
#footer {position:absolute; width:100%; height:110px; z-index:999; text-align:center; overflow:hidden; background:url('../images/footer.png') center top no-repeat; margin-top:-110px;}
#inner {position:relative; width:1000px; margin:0 auto;}
/* #inner a > span {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; position:absolute;} */





/** 1¹ø À̺¥Æ® **/
.e0101 {position:relative; width:100%; height:1078px; background:url('../images/event0101.jpg') center top no-repeat;}

.e0102 {position:relative; width:100%; height:1085px; background:url('../images/event0102.jpg') center top no-repeat;}




/** 2¹ø À̺¥Æ® **/
.e0201 {position:relative; width:100%; height:1221px; background:url('../images/event0201.jpg') center top no-repeat;}


.e0202 {position:relative; width:100%; height:671px; background:url('../images/event0202.jpg') center top no-repeat;}


.e0203 {position:relative; width:100%; height:744px; background:url('../images/event0203.jpg') center top no-repeat;}


.btn_effect {position:absolute; top:32px; right:0px; width:62px; height:59px; background:url('../images/blank.png') center top no-repeat;}
#pop_effect {position:absolute; width:899px; height:888px; z-index:100;}




/** 3¹ø À̺¥Æ® **/
.e0301 {position:relative; width:100%; height:1236px; background:url('../images/event0301.jpg') center top no-repeat;}


.e0302 {position:relative; width:100%; height:1236px; background:url('../images/event0302.jpg') center top no-repeat;}





/** 4¹ø À̺¥Æ® **/
.e0401 {position:relative; width:100%; height:1313px; background:url('../images/event0401.jpg') center top no-repeat;}

.btn_star1 {position:absolute; top:504px; left:410px; width:62px; height:59px; background:url('../images/blank.png') center top no-repeat;}
.btn_star2 {position:absolute; top:504px; left:926px; width:62px; height:59px; background:url('../images/blank.png') center top no-repeat;}

.btn_interface {position:absolute; top:1144px; left:26px; width:214px; height:56px; background:url('../images/blank.png') center top no-repeat;}
#pop_interface {position:absolute; width:1011px; height:610px; z-index:100;}

.btn_reward {position:absolute; top:1144px; left:244px; width:214px; height:56px; background:url('../images/blank.png') center top no-repeat;}
#pop_reward {position:absolute; width:913px; height:798px; z-index:100;}


.e0402 {position:relative; width:100%; height:809px; background:url('../images/event0402.jpg') center top no-repeat;}





/** °ø¿ë **/
#pop_faq {position:absolute; width:899px; height:626px; z-index:100;}
.pop .btn_close {position:absolute; width:53px; height:53px; bottom:-65px; right:0; left:0; margin:auto; cursor:pointer; z-index:100;}

.bottom1 {width:100%; height:435px; background:url('../images/bottom1.jpg') center top no-repeat; text-align:center;}
.bottom1 img {margin-top:30px;}

.bottom2 {width:100%; height:435px; background:url('../images/bottom2.jpg') center top no-repeat; text-align:center;}
.bottom2 img {margin-top:30px;}

.bottom3 {width:100%; height:435px; background:url('../images/bottom3.jpg') center top no-repeat; text-align:center;}
.bottom3 img {margin-top:30px;}

.bottom4 {width:100%; height:435px; background:url('../images/bottom4.jpg') center top no-repeat; text-align:center;}
.bottom4 img {margin-top:30px;}