@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"); }
@font-face { font-family: 'BMJUA'; font-style: normal; font-weight: normal; src: url(../fonts/BMJUA_ttf.ttf) format('woff');}


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 {position:relative; width:100%; height:950px; background:url('../images/main_img.jpg') center top no-repeat;}

#gnb {position:absolute; width:1000px; top:0; left:0; right:0; margin:auto;}
.home {position:absolute; top:24px; right:62px; background:url('../images/blank.png') center top repeat; width:49px; height:49px; z-index:1000;}
.login {position:absolute; top:24px; right:3px; background:url('../images/blank.png') center top repeat; width:49px; height:49px; z-index:1000;}

#container {position:relative; z-index:0; width:100%; overflow:hidden;}
#content {position:relative; width:1000px; margin:0 auto; overflow:hidden; z-index:100;}
#content img {vertical-align:top;}
#footer {position:absolute; width:100%; height:105px; bottom:0; z-index:100; text-align:center; overflow:hidden; background:url('../images/footer.png') center top no-repeat;}
#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: 739px; left: 50%; margin-left: -487px; }
.link_wrap a { float: left; display: block; }
.link_wrap .btn_event1 { margin-right:95px; width: 270px; height: 67px; 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:95px; width: 270px; height: 67px; 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 { width: 270px; height: 67px; 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;}
table.blind { display: block; }

.btn { display: inline-block; zoom: 1; *display: inline; position: relative; background-repeat: no-repeat; }
.btn > span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.btn:disabled { cursor: default; } 




.e0101 {position:relative; width:100%; height:882px; background:url('../images/0101.jpg') center top no-repeat;}
.e0102 {position:relative; width:100%; height:1519px; background:url('../images/0102.jpg') center top no-repeat;}
.e0103 {position:relative; width:100%; height:1201px; background:url('../images/0103.jpg') center top no-repeat;}
.e0104 {position:relative; width:100%; height:365px; background:url('../images/0104.jpg') center top no-repeat;}

.e0201 {position:relative; width:100%; height:830px; background:url('../images/0201.jpg') center top no-repeat;}
.e0202 {position:relative; width:100%; height:748px; background:url('../images/0202.jpg') center top no-repeat;}
.e0203 {position:relative; width:100%; height:872px; background:url('../images/0203.jpg') center top no-repeat;}
.e0204 {position:relative; width:100%; height:355px; background:url('../images/0204.jpg') center top no-repeat;}

.e0301 {position:relative; width:100%; height:405px; background:url('../images/0301.jpg') center top no-repeat;}
.e0302 {position:relative; width:100%; height:616px; background:url('../images/0302.jpg') center top no-repeat;}
.e0303 {position:relative; width:100%; height:798px; background:url('../images/0303.jpg') center top no-repeat;}
.e0304 {position:relative; width:100%; height:435px; background:url('../images/0304.jpg') center top no-repeat;}


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


.pop .btn_close {position:absolute; width:53px; height:53ps; bottom:1px; right:0; left:0; margin:auto; cursor:pointer; z-index:100;}




/** 1¹ø À̺¥Æ® **/
.btn.btn_see { position: absolute; top: 741px; left: 50%; margin-left: -451px; width: 112px; height: 38px; background: url("../images/btn_see.png") no-repeat; margin-top: 0px; -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; }
.btn.btn_see:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.btn.btn_see:active { -webkit-transform: translateY(0); transform: translateY(0); }



/** 2¹ø À̺¥ **/



/** 3¹ø À̺¥ **/

/** TOP 1 È®ÀÎÇϱâ **/
.tab_nav { display: inline-block; zoom: 1; *display: inline; margin:93px 0 0 49px; }
.tab_nav .btn_tab1 { width: 150px; height: 62px; background: url("../images/tab01_off.jpg") center top no-repeat; }
.tab_nav .btn_tab1:hover { background: url("../images/tab01_on.jpg") center top no-repeat; }
.tab_nav .btn_tab1.on { background: url("../images/tab01_on.jpg") center top no-repeat; }
.tab_nav .btn_tab2 { width: 150px; height: 62px; background: url("../images/tab02_off.jpg") center top no-repeat; }
.tab_nav .btn_tab2:hover { background: url("../images/tab02_on.jpg") center top no-repeat; }
.tab_nav .btn_tab2.on { background: url("../images/tab02_on.jpg") center top no-repeat; }
.tab_nav .btn_tab3 { width: 150px; height: 62px; background: url("../images/tab03_off.jpg") center top no-repeat; }
.tab_nav .btn_tab3:hover { background: url("../images/tab03_on.jpg") center top no-repeat; }
.tab_nav .btn_tab3.on { background: url("../images/tab03_on.jpg") center top no-repeat; }
.tab_nav .btn_tab4 { width: 150px; height: 62px; background: url("../images/tab04_off.jpg") center top no-repeat; }
.tab_nav .btn_tab4:hover { background: url("../images/tab04_on.jpg") center top no-repeat; }
.tab_nav .btn_tab4.on { background: url("../images/tab04_on.jpg") center top no-repeat; }

.tab_content { display: none; }
.tab_content.on { display: block; }

#tab1 { width: 967px; height: 387px; background: url("../images/tab1_con.png") no-repeat; margin:-71px 0 0 43px;}
#tab1 .btn { margin: 270px 0 0 447px; }
#tab2 { width: 967px; height: 387px; background: url("../images/tab2_con.png") no-repeat; margin:-71px 0 0 43px;}
#tab2 .btn { margin: 270px 0 0 447px; }
#tab3 { width: 967px; height: 387px; background: url("../images/tab3_con.png") no-repeat; margin:-71px 0 0 43px;}
#tab3 .btn { margin: 270px 0 0 447px; }
#tab4 { width: 967px; height: 387px; background: url("../images/tab4_con.png") no-repeat; margin:-71px 0 0 43px;}
#tab4 .btn { margin: 270px 0 0 447px; }

.itemname {position: absolute; top: 260px; left: 271px; font-family: 'NanumBG'; font-weight: bold; font-style: normal; font-size: 32px; text-align: left; color:#6fa5fd; text-shadow: 3px 3px 2px #28204f;}
.itempoint {position: absolute; top: 304px; left: 274px; font-family: "BMJUA"; transform: skew(-0.03deg); font-style: normal; font-size: 28px; text-align: left; color:#fff; text-shadow: 3px 3px 2px #28204f;}

.btn.btn_item { width: 214px; height: 65px; background: url("../images/btn_item.png") center top 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; cursor: pointer; }
.btn.btn_item:not(.off):hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.btn.btn_item:active { -webkit-transform: translateY(0); transform: translateY(0); }


/** ÅõÇ¥Çϱâ **/
.tab_nav { display: inline-block; zoom: 1; *display: inline; margin:93px 0 0 49px; }
.tab_nav .btn_tab5 { width: 150px; height: 62px; background: url("../images/tab02_off.jpg") center top no-repeat; }
.tab_nav .btn_tab5:hover { background: url("../images/tab02_on.jpg") center top no-repeat; }
.tab_nav .btn_tab5.on { background: url("../images/tab02_on.jpg") center top no-repeat; }
.tab_nav .btn_tab6 { width: 150px; height: 62px; background: url("../images/tab03_off.jpg") center top no-repeat; }
.tab_nav .btn_tab6:hover { background: url("../images/tab03_on.jpg") center top no-repeat; }
.tab_nav .btn_tab6.on { background: url("../images/tab03_on.jpg") center top no-repeat; }
.tab_nav .btn_tab7 { width: 150px; height: 62px; background: url("../images/tab04_off.jpg") center top no-repeat; }
.tab_nav .btn_tab7:hover { background: url("../images/tab04_on.jpg") center top no-repeat; }
.tab_nav .btn_tab7.on { background: url("../images/tab04_on.jpg") center top no-repeat; }


#tab5 { width: 918px; height: 462px; background: url("../images/tab5_con.png") no-repeat; margin:0 0 0 44px; }
#tab5 .votebtn:first-child { margin-left:23px; }
#tab5 .btn { float:left; margin:349px 0 0 24px; z-index:999; }
#tab5 .votecount {position:absolute; top:326px; left:91px;}
#tab5 .votecount li {margin-right:24px; float:left;}
#tab5 .votecount li span {width:145px; text-align:center; font-size:13px; float:left; font-family: "BMJUA"; transform: skew(-0.03deg); color: #cfe8ff;}

#tab6 { width: 918px; height: 462px; background: url("../images/tab6_con.png") no-repeat; margin:0 0 0 44px; }
#tab6 .votebtn:first-child { margin-left:23px; }
#tab6 .btn { float:left; margin:349px 0 0 24px; z-index:999; }
#tab6 .votecount {position:absolute; top:326px; left:91px;}
#tab6 .votecount li {margin-right:24px; float:left;}
#tab6 .votecount li span {width:145px; text-align:center; font-size:13px; float:left; font-family: "BMJUA"; transform: skew(-0.03deg); color: #cfe8ff;}

#tab7 { width: 918px; height: 462px; background: url("../images/tab7_con.png") no-repeat; margin:0 0 0 44px; }
#tab7 .votebtn:first-child { margin-left:23px; }
#tab7 .btn { float:left; margin:349px 0 0 24px; z-index:999; }
#tab7 .votecount {position:absolute; top:326px; left:91px;}
#tab7 .votecount li {margin-right:24px; float:left;}
#tab7 .votecount li span {width:145px; text-align:center; font-size:13px; float:left; font-family: "BMJUA"; transform: skew(-0.03deg); color: #cfe8ff;}

.btn.btn_vote { width: 145px; height: 41px; background: url("../images/btn_voteon.png") center top 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; cursor: pointer; }
.btn.btn_vote:not(.off):hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.btn.btn_vote:active { -webkit-transform: translateY(0); transform: translateY(0); }
.btn.btn_vote.off { background: url("../images/btn_voteoff.png") center top no-repeat; cursor: default;}
.btn.btn_vote.com { background: url("../images/btn_votecom.png") center top no-repeat; cursor: default;}

.badge {float:left; z-index:9999; width:1000px;}
.badge li {float:left;}
.badge .one {position:absolute; top:365px; left:103px; width:54px; height:85px;}
.badge .two {position:absolute; top:365px; left:272px; width:54px; height:85px;}
.badge .three {position:absolute; top:365px; left:441px; width:54px; height:85px;}
.badge .four {position:absolute; top:365px; left:610px; width:54px; height:85px;}
.badge .five {position:absolute; top:365px; left:779px; width:54px; height:85px;}


/** ¸Ç³¡¹öÆ° **/
.btn.btn_itemeffect { position:absolute; top:432px; right:18px; width: 94px; height: 103px; background: url("../images/btn_itemeffect.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; }
.btn.btn_itemeffect:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.btn.btn_itemeffect:active { -webkit-transform: translateY(0); transform: translateY(0); }

#modal_itemeffect .modal_body { width: 835px; height: 744px; background: url("../images/modal_itemeffect.png") no-repeat; }





/** °øÅë **/
.btn.btn_faq { width: 301px; height: 70px; background: url("../images/btn_faq.png") no-repeat; margin-top: 0px; -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; }
.btn.btn_faq:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.btn.btn_faq:active { -webkit-transform: translateY(0); transform: translateY(0); }

#modal_faq .modal_body { width: 867px; height: 674px; background: url("../images/modal_faq.png") no-repeat; }

.modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: 0.4s ease; transition: 0.4s ease; }
.modal .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/bg_mask.png"); }
.modal .modal_body { position: absolute; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; z-index: 1010; }
.modal .modal_body .close { position: absolute; bottom: -105px; left: 50%; margin-left: -26px; display: block; width: 55px; height: 55px; background: url("../images/btn_close.png") no-repeat; }
.modal .modal_body .close span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.modal.on { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.modal.on .modal_body { -webkit-transform: translateY(0); transform: translateY(0); }