@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:1081px; background:url('../images/main_img.jpg') center top no-repeat;}

#nav {position:relative; width:1000px; margin:0 auto;}
/*#nav ul {position:absolute; top:970px; left:-42px; width:1000px; height:65px; overflow:hidden; z-index:1000;}
#nav li {float:left; width:256px; height:65px; margin-left:77px; text-align:center;}*/
#nav .home {position:absolute; top:23px; right:59px; background:url('../images/btn_home.png') center top repeat; width:49px; height:49px; z-index:1000;}
#nav .login {position:absolute; top:23px; right:0; background:url('../images/btn_login.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;} */



.link_wrap { position: absolute; z-index: 1; top: 970px; left: 50%; margin-left: -448px; }
.link_wrap a { float: left; display: block; }
.link_wrap .btn_event1 { margin-right:16px; width: 225px; height: 65px; background: url("../images/nav01_off.png") no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.link_wrap .btn_event1:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.link_wrap .btn_event1:active { -webkit-transform: translateY(0); transform: translateY(0); }
.link_wrap .btn_event1:hover { background: url("../images/nav01_on.png") no-repeat; }
.link_wrap .btn_event1.on { background: url("../images/nav01_on.png") no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.link_wrap .btn_event1.on:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.link_wrap .btn_event1.on:active { -webkit-transform: translateY(0); transform: translateY(0); }
.link_wrap .btn_event2 { margin-right:16px; width: 225px; height: 65px; background: url("../images/nav02_off.png") no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.link_wrap .btn_event2:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.link_wrap .btn_event2:active { -webkit-transform: translateY(0); transform: translateY(0); }
.link_wrap .btn_event2:hover { background: url("../images/nav02_on.png") no-repeat; }
.link_wrap .btn_event2.on { background: url("../images/nav02_on.png") no-repeat;}
.link_wrap .btn_event3 { margin-right:16px; width: 225px; height: 65px; background: url("../images/nav03_off.png") no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.link_wrap .btn_event3:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.link_wrap .btn_event3:active { -webkit-transform: translateY(0); transform: translateY(0); }
.link_wrap .btn_event3:hover { background: url("../images/nav03_on.png") no-repeat; }
.link_wrap .btn_event3.on { background: url("../images/nav03_on.png") no-repeat;}
.link_wrap .btn_event4 { width: 225px; height: 65px; background: url("../images/nav04_off.png") no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.link_wrap .btn_event4:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.link_wrap .btn_event4:active { -webkit-transform: translateY(0); transform: translateY(0); }
.link_wrap .btn_event4:hover { background: url("../images/nav04_on.png") no-repeat; }
.link_wrap .btn_event4.on { background: url("../images/nav04_on.png") no-repeat;}
table.blind { display: block; }



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

.btn_on {position:absolute; top:883px; left:0px;}
.on_txt {position:absolute; top:59px; left:1px; font-size:15px; color:#c73434; width:373px; text-align:center;}
.btn_off {position:absolute; top:883px; left:0px;}
.btn_complete {position:absolute; top:883px; left:0px;}
.complete_txt {position:absolute; top:59px; left:1px; color:#bb9d36; width:373px; text-align:center;}

#pop_chr {width:652px; height:483px; padding:0; margin:0 auto; background:url('../images/pop_chr.png') left top no-repeat;}
#pop_chr .pop_cont {width:627px; height:180px; margin:193px auto 0 auto;}
#pop_chr .input_box {border:0; background-color: #fff; color: #333; text-decoration: none; font-size:12px; padding:7px 0px; height:32px; vertical-align:middle;}
#pop_chr .select {width:690px; margin:0 auto; height:95px; overflow:hidden;}
#pop_chr .select li {float:left; }
#pop_chr .select .server {width:100px; margin:0 120px 0 145px;}
#pop_chr .select .char {width:150px;}
#pop_chr .btn {width:450px; overflow:hidden; margin:0 auto; text-align:center;}
#pop_chr .btn img {margin:0 45px;}
/*#pop_chr .btn_close {position:absolute; width:53px; height:53px; bottom:5px; right:0; left:0; margin:auto; cursor:pointer; z-index:100;}*/


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

.equipment {padding:151px 0 0 0px; width:759px;}
.equipment .tab_wrap {overflow:hidden; width:100%; height:90px;}
.equipment .tab_wrap .equipment_tab {float:left; width:900px;}
.equipment .tab_wrap .equipment_tab li {float:left; margin-right:82px; width:203px; height:90px;}

.pz0101 {position:absolute; top:277px; left:1px; width:214px; height:213px;}
.pz0102 {position:absolute; top:277px; left:190px; width:215px; height:212px;}
.pz0103 {position:absolute; top:277px; left:380px; width:215px; height:212px;}
.pz0104 {position:absolute; top:277px; left:569px; width:189px; height:213px;}

.pz0105 {position:absolute; top:466px; left:1px; width:189px; height:189px;}
.pz0106 {position:absolute; top:466px; left:190px; width:189px; height:189px;}
.pz0107 {position:absolute; top:466px; left:379px; width:189px; height:189px;}
.pz0108 {position:absolute; top:466px; left:568px; width:189px; height:189px;}

.pz0109 {position:absolute; top:631px; left:1px; width:189px; height:214px;}
.pz0110 {position:absolute; top:631px; left:190px; width:189px; height:214px;}
.pz0111 {position:absolute; top:631px; left:379px; width:189px; height:214px;}
.pz0112 {position:absolute; top:631px; left:568px; width:189px; height:214px;}

.pz0113 {position:absolute; top:821px; left:1px; width:214px; height:213px;}
.pz0114 {position:absolute; top:822px; left:190px; width:215px; height:212px;}
.pz0115 {position:absolute; top:822px; left:380px; width:215px; height:212px;}
.pz0116 {position:absolute; top:820px; left:568px; width:189px; height:213px;}


.pz0201 {position:absolute; top:277px; left:1px; width:214px; height:213px;}
.pz0202 {position:absolute; top:277px; left:190px; width:215px; height:212px;}
.pz0203 {position:absolute; top:277px; left:380px; width:215px; height:212px;}
.pz0204 {position:absolute; top:277px; left:569px; width:189px; height:213px;}

.pz0205 {position:absolute; top:466px; left:1px; width:189px; height:189px;}
.pz0206 {position:absolute; top:466px; left:190px; width:189px; height:189px;}
.pz0207 {position:absolute; top:466px; left:379px; width:189px; height:189px;}
.pz0208 {position:absolute; top:466px; left:568px; width:189px; height:189px;}

.pz0209 {position:absolute; top:631px; left:1px; width:189px; height:214px;}
.pz0210 {position:absolute; top:631px; left:190px; width:189px; height:214px;}
.pz0211 {position:absolute; top:631px; left:379px; width:189px; height:214px;}
.pz0212 {position:absolute; top:631px; left:568px; width:189px; height:214px;}

.pz0213 {position:absolute; top:821px; left:1px; width:214px; height:213px;}
.pz0214 {position:absolute; top:822px; left:190px; width:215px; height:212px;}
.pz0215 {position:absolute; top:822px; left:380px; width:215px; height:212px;}
.pz0216 {position:absolute; top:820px; left:568px; width:189px; height:213px;}

.pz0301 {position:absolute; top:277px; left:1px; width:214px; height:213px;}
.pz0302 {position:absolute; top:277px; left:190px; width:215px; height:212px;}
.pz0303 {position:absolute; top:277px; left:380px; width:215px; height:212px;}
.pz0304 {position:absolute; top:277px; left:569px; width:189px; height:213px;}

.pz0305 {position:absolute; top:466px; left:1px; width:189px; height:189px;}
.pz0306 {position:absolute; top:466px; left:190px; width:189px; height:189px;}
.pz0307 {position:absolute; top:466px; left:379px; width:189px; height:189px;}
.pz0308 {position:absolute; top:466px; left:568px; width:189px; height:189px;}

.pz0309 {position:absolute; top:631px; left:1px; width:189px; height:214px;}
.pz0310 {position:absolute; top:631px; left:190px; width:189px; height:214px;}
.pz0311 {position:absolute; top:631px; left:379px; width:189px; height:214px;}
.pz0312 {position:absolute; top:631px; left:568px; width:189px; height:214px;}

.pz0313 {position:absolute; top:821px; left:1px; width:214px; height:213px;}
.pz0314 {position:absolute; top:822px; left:190px; width:215px; height:212px;}
.pz0315 {position:absolute; top:822px; left:380px; width:215px; height:212px;}
.pz0316 {position:absolute; top:820px; left:568px; width:189px; height:213px;}



.attend {position:absolute; top:321px; right:24px; color:#4c3a0a; width:126px; font-size:45px; text-align:center; font-family: 'Jua', sans-serif;}
.puzzle {position:absolute; top:501px; right:24px; color:#4c3a0a; width:126px; font-size:45px; text-align:center; font-family: 'Jua', sans-serif;}
.picture {position:absolute; top:680px; right:24px; color:#131313; width:126px; font-size:45px; text-align:center; font-family: 'Jua', sans-serif;}

.btn_pzon {position:absolute; top:868px; right:-4px; width:196px; height:71px; background:url('../images/btn_pzon.png') center top no-repeat;}
.btn_pzoff {position:absolute; top:868px; right:-4px; width:196px; height:71px; background:url('../images/btn_pzoff.png') center top no-repeat;}

.btn_picon {position:absolute; top:969px; right:-4px; width:196px; height:71px; background:url('../images/btn_picon.png') center top no-repeat;}
.btn_picoff {position:absolute; top:969px; right:-4px; width:196px; height:71px; background:url('../images/btn_picoff.png') center top no-repeat;}
.btn_piccom {position:absolute; top:969px; right:-4px; width:196px; height:71px; background:url('../images/btn_piccom.png') center top no-repeat; cursor:default;}




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

.btn_moon {position:absolute; top:523px; left:87px; width:182px; height:65px; background:url('../images/btn_moon.png') center top no-repeat;}
#pop_moon {position:absolute; width:565px; height:535px; z-index:100;}




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


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





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


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


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





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

.btn_effect {position:absolute; top:651px; right:76px; width:209px; height:59px; background:url('../images/btn_effect.png') center top no-repeat;}

.btn_reward {position:absolute; top:733px; right:76px; width:209px; height:59px; background:url('../images/btn_reward.png') center top no-repeat;}
#pop_reward {position:absolute; width:673px; height:833px; z-index:100;}

.btn_tip {position:absolute; top:817px; right:76px; width:209px; height:59px; background:url('../images/btn_tip.png') center top no-repeat;}


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


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

.btn_1003 {position:absolute; top:917px; left:46px; width:106px; height:106px; background:url('../images/btn_1003.png') center top no-repeat;}

.btn_receive {width:154px; height:58px; background:url('../images/btn_receive.png') center top no-repeat;}
.btn_receiveoff {width:154px; height:58px; background:url('../images/btn_receiveoff.png') center top no-repeat;}
.btn_receivecom {width:154px; height:58px; background:url('../images/btn_receivecom.png') center top no-repeat; cursor:default;}
.e0403 li { float:left; width: 213px; height: 334px; margin-top:459px; margin-right:50px; }
.e0403 li:last-child { margin-right:-2px; }
.e0403 li a { float:left; display:block; margin-top:244px; margin-left:30px; }


#pop_chr2 {width:652px; height:483px; padding:0; margin:0 auto; background:url('../images/pop_chr2.png') left top no-repeat;}
#pop_chr2 .pop_cont {width:627px; height:180px; margin:193px auto 0 auto;}
#pop_chr2 .input_box {border:0; background-color: #fff; color: #333; text-decoration: none; font-size:12px; padding:7px 0px; height:32px; vertical-align:middle;}
#pop_chr2 .select {width:690px; margin:0 auto; height:95px; overflow:hidden;}
#pop_chr2 .select li {float:left; }
#pop_chr2 .select .server {width:100px; margin:0 120px 0 145px;}
#pop_chr2 .select .char {width:150px;}
#pop_chr2 .btn {width:450px; overflow:hidden; margin:0 auto; text-align:center;}
#pop_chr2 .btn img {margin:0 45px;}





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

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