@charset "euc-kr";
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; }
img, fieldset { border: 0; }
img, input, select, label, textarea { font-family: "�좎럩伊숋옙�대き占쎄퀣�뺝슖�노쳛占쏙옙�숅뇡癒�퍡�좎럥占쎈Ŋ�뺝뜝�몄눘泥띶뜝�뚮섣占쏙옙", "NanumBarunGothic", "nbg", 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", "nbg", 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; }
hr { display: block; margin: 0; padding: 0; border: 0; }
.blind { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.clearfix:after { content: ''; display: block; visibility: hidden; clear: both; width: 0; height: 0; font-size: 0; }
a#skip_nav { display: block; position: absolute; top: -100px; left: 0; z-index: 500; width: 100%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; }
a#skip_nav:hover, a#skip_nav:focus, a#skip_nav:active { top: 0; background: rgba(0, 0, 0, 0.1); }
.update { position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding-top: 300px; margin: auto; text-align: center; font-size: 24px; color: #ffffff; margin: auto; z-index: 150; background: url("../images/bg_mask.png"); }
.update a { color: #89d1ff; text-decoration: underline; font-weight: bold; }
.update a:hover { color: #a1daff; }
.header { min-width: 1600px; max-width: 1920px; position: relative; margin: auto; z-index: 200; box-sizing: border-box; }
.header dl { width: 550px; font-size: 24px; font-weight: bold; line-height: 1; position: absolute; left: 0; right: 0; top: 35px; z-index: -1; margin: auto; }
.header dl dt { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #89d1ff; }
.header dl dt:after { content: ''; display: inline-block; zoom: 1; *display: inline; width: 1px; height: 20px; vertical-align: top; margin: 0 14px 0 20px; background-color: #89d1ff; opacity: 0.5; filter: alpha(opacity=50); }
.header dl dd { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.header dl dd em { color: #ffffff; }
.header dl dd span { font-size: 16px; color: #cacaca; }
.header a { display: block; transition: 0.2s ease; font-size: 0; }
.header a.home { width: 71px; height: 35px; background: url("../images/btn_on.png") -79px -94px; }
.header a.facebook { width: 112px; height: 35px; background: url("../images/btn_on.png") 0px -49px; }
.header a.login { width: 71px; height: 35px; background: url("../images/btn_on.png") -160px -94px; }
.header a.logout { width: 88px; height: 35px; background: url("../images/btn_on.png") -122px -49px; }
.header a.start { width: 128px; height: 35px; background: url("../images/btn_on.png") -132px 0px; }
.header a.first { width: 69px; height: 38px; background: url("../images/btn_on.png") 0px -94px; }
.header a.today { display: none; width: 122px; height: 39px; background: url("../images/btn_on.png") 0px 0px; }
.header a:hover { background-image: url("../images/btn_on.png"); -webkit-animation: gnb_btn 1s ease infinite; animation: gnb_btn 1s ease infinite; }
.header ul { position: absolute; top: 30px; }
.header ul.gnb_l { left: 15px; }
.header ul.gnb_r { right: 15px; }
.header ul li { float: left; box-sizing: border-box; margin: 0 10px; }
.intro_h dl { display: none; }
.intro_h a { position: relative; }
.intro_h a:before, .intro_h a:after { content: ''; width: 55px; height: 71px; position: absolute; top: -18px; }
.intro_h a:before { left: -55px; }
.intro_h a:after { right: -55px; }
.intro_h a.today { display: block; }
.intro_h ul { top: 60px; }
.intro_h ul:after { content: ''; width: 100%; height: 29px; background: url("../images/intro/gnb_line.png") repeat-x; position: absolute; top: -18px; }
.intro_h ul.gnb_l { left: 80px; }
.intro_h ul.gnb_l:after { right: 100%; margin-right: 42px; }
.intro_h ul.gnb_l a:before { background: url("../images/intro/gnb_lt_before.png") no-repeat; }
.intro_h ul.gnb_l a:after { background: url("../images/intro/gnb_lt_after.png") no-repeat; }
.intro_h ul.gnb_r { right: 80px; }
.intro_h ul.gnb_r:after { left: 100%; margin-left: 42px; }
.intro_h ul.gnb_r a:before { background: url("../images/intro/gnb_rt_before.png") no-repeat; }
.intro_h ul.gnb_r a:after { background: url("../images/intro/gnb_rt_after.png") no-repeat; }
.intro_h ul li { margin: 0; position: relative; }
.intro_h ul li:before { content: ''; width: 100%; height: 71px; position: absolute; top: -18px; left: 0; background: url("../images/intro/gnb_bg.png") repeat-x; }
.intro_h ul li + li { margin-left: 60px; }
[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { cursor: pointer; display: inline; }
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 312px; height: 177px; background: url("../images/gun_off.png") -322px 0px; transition: background-image 0.3s ease; }
[type="checkbox"]:not(:checked) + label[for="gun1-1"]:before, [type="checkbox"]:checked + label[for="gun1-1"]:before {background-position: 0 0px;}
[type="checkbox"]:not(:checked) + label[for="gun1-2"]:before, [type="checkbox"]:checked + label[for="gun1-2"]:before {background-position: -322px 0px;}
[type="checkbox"]:not(:checked) + label[for="gun1-3"]:before, [type="checkbox"]:checked + label[for="gun1-3"]:before {background-position: -644px 0px;}
[type="checkbox"]:not(:checked) + label[for="gun1-4"]:before, [type="checkbox"]:checked + label[for="gun1-4"]:before {background-position: 0px -187px;}
[type="checkbox"]:not(:checked) + label[for="gun1-5"]:before, [type="checkbox"]:checked + label[for="gun1-5"]:before {background-position: -322px -187px;}
[type="checkbox"]:not(:checked) + label[for="gun1-6"]:before, [type="checkbox"]:checked + label[for="gun1-6"]:before {background-position: -644px -187px;}
[type="checkbox"]:not(:checked) + label[for="gun1-7"]:before, [type="checkbox"]:checked + label[for="gun1-7"]:before {background-position: -0px -374px;}
[type="checkbox"]:not(:checked) + label[for="gun1-8"]:before, [type="checkbox"]:checked + label[for="gun1-8"]:before {background-position: -322px -374px;}
[type="checkbox"]:not(:checked) + label[for="gun1-9"]:before, [type="checkbox"]:checked + label[for="gun1-9"]:before {background-position: -644px -374px;}
[type="checkbox"]:not(:checked) + label[for="gun1-10"]:before, [type="checkbox"]:checked + label[for="gun1-10"]:before {background-position: 0px -561px;}
[type="checkbox"]:not(:checked) + label[for="gun1-11"]:before, [type="checkbox"]:checked + label[for="gun1-11"]:before {background-position: -322px -561px;}
[type="checkbox"]:not(:checked) + label[for="gun1-12"]:before, [type="checkbox"]:checked + label[for="gun1-12"]:before {background-position: -644px -561px;}
[type="checkbox"]:not(:checked) + label[for="gun1-13"]:before, [type="checkbox"]:checked + label[for="gun1-13"]:before {background-position: 0px -748px;}
[type="checkbox"]:not(:checked) + label[for="gun1-14"]:before, [type="checkbox"]:checked + label[for="gun1-14"]:before {background-position: -322px -748px;}
[type="checkbox"]:not(:checked) + label[for="gun1-15"]:before, [type="checkbox"]:checked + label[for="gun1-15"]:before {background-position: -644px -748px;}
[type="checkbox"]:not(:checked) + label[for="gun2-1"]:before, [type="checkbox"]:checked + label[for="gun2-1"]:before { background-position: -644px -374px; }
[type="checkbox"]:not(:checked) + label[for="gun2-2"]:before, [type="checkbox"]:checked + label[for="gun2-2"]:before { background-position: 0px -561px; }
[type="checkbox"]:not(:checked) + label[for="gun2-3"]:before, [type="checkbox"]:checked + label[for="gun2-3"]:before { background-position: -322px -561px; }
[type="checkbox"]:not(:checked) + label[for="gun2-4"]:before, [type="checkbox"]:checked + label[for="gun2-4"]:before { background-position: -644px -561px; }
[type="checkbox"]:not(:checked) + label[for="gun2-5"]:before, [type="checkbox"]:checked + label[for="gun2-5"]:before { background-position: 0px 0px; }
[type="checkbox"]:not(:checked) + label[for="gun2-6"]:before, [type="checkbox"]:checked + label[for="gun2-6"]:before { background-position: -322px -748px; }
[type="checkbox"]:not(:checked) + label[for="gun2-7"]:before, [type="checkbox"]:checked + label[for="gun2-7"]:before { background-position: -644px -748px; }
[type="checkbox"]:not(:checked) + label[for="gun2-8"]:before, [type="checkbox"]:checked + label[for="gun2-8"]:before { background-position: -966px 0px; }
[type="checkbox"]:not(:checked) + label[for="gun3-1"]:before, [type="checkbox"]:checked + label[for="gun3-1"]:before { background-position: -966px -187px; }
[type="checkbox"]:not(:checked) + label[for="gun3-2"]:before, [type="checkbox"]:checked + label[for="gun3-2"]:before { background-position: -966px -374px; }
[type="checkbox"]:not(:checked) + label[for="gun3-3"]:before, [type="checkbox"]:checked + label[for="gun3-3"]:before { background-position: -966px -561px; }
[type="checkbox"]:not(:checked) + label[for="gun3-4"]:before, [type="checkbox"]:checked + label[for="gun3-4"]:before { background-position: -966px -748px; }
[type="checkbox"]:not(:checked) + label[for="gun3-5"]:before, [type="checkbox"]:checked + label[for="gun3-5"]:before { background-position: 0px -935px; }
[type="checkbox"]:not(:checked) + label[for="gun3-6"]:before, [type="checkbox"]:checked + label[for="gun3-6"]:before { background-position: -322px -935px; }
[type="checkbox"]:not(:checked) + label[for="gun3-7"]:before, [type="checkbox"]:checked + label[for="gun3-7"]:before { background-position: -644px -935px; }
[type="checkbox"]:not(:checked) + label[for="gun3-8"]:before, [type="checkbox"]:checked + label[for="gun3-8"]:before { background-position: -966px -935px; }
[type="checkbox"]:checked + label:before { background-image: url("../images/gun_on.png"); }
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 0; left: 0; width: 312px; height: 177px; background: url("../images/gun/check_on.png") no-repeat; }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
[type="checkbox"][disabled]:not(:checked) + label:before, [type="checkbox"][disabled]:checked + label:before { background-color: #333; cursor: default; cursor: not-allowed; }
nav { position: absolute; width: 20px; height: 228px; right: 20px; top: 0; bottom: 0; margin: auto; padding: 15px; z-index: 100; }
nav button { display: block; width: 100%; height: 28px; font-size: 15px; letter-spacing: 0.5px; color: #2efff8; position: relative; }
nav button + button { margin-top: 22px; }
nav button:before { content: ''; width: 13px; height: 12px; background: url("../images/btn_off.png") -220px -49px; position: absolute; right: 0; top: 50%; margin-top: -6px; transition: 0.3s ease; }
nav button span { display: block; line-height: 30px; height: 28px; position: absolute; right: 0; top: 0; padding-right: 25px; padding-left: 5px; background: url("../images/nav_line.png") 50% 0 repeat-x; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; transition: 0.3s ease; }
nav button span:before, nav button span:after { content: ''; position: absolute; width: 10px; height: 28px; top: 0; }
nav button span:before { left: -10px; background: url("../images/nav_before.png") no-repeat; }
nav button span:after { right: -10px; background: url("../images/nav_after.png") no-repeat; }
nav button:hover:before { -webkit-transform: rotate(-180deg) scale(1.4); transform: rotate(-180deg) scale(1.4); background-image: url("../images/btn_on.png"); }
nav button:hover span { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; filter: alpha(opacity=100); }
nav button.on:before { background-image: url("../images/btn_on.png"); -webkit-transform: rotate(-180deg) scale(1.4); transform: rotate(-180deg) scale(1.4); -webkit-animation: gnb_btn 1.2s ease-out infinite; animation: gnb_btn 1.2s ease-out infinite; }
.footer { position: relative; margin: -60px 20px 0 0; z-index: 10; text-align: right; box-sizing: border-box; }
.footer .f_btn, .footer .copyright, .footer .evt_btn { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.footer .f_btn + .f_btn { margin-left: 10px; }
.footer .f_btn.naver { width: 88px; height: 17px; background: url("../images/footer_ava.png") 0px -50px; }
.footer .f_btn.kakao { width: 107px; height: 19px; background: url("../images/footer_ava.png") 0px -21px; }
.footer .f_btn.neowiz { width: 94px; height: 16px; background: url("../images/footer_ava.png") -117px -21px; }
.footer .f_btn.redduck { width: 98px; height: 12px; background: url("../images/footer_ava.png") -98px -50px; }
.footer .copyright { width: 215px; height: 11px; background: url("../images/footer_ava.png") 0px 0px; }
.footer .evt_btn.qna { margin-left: 10px; width: 62px; height: 11px; background: url("../images/footer_ava.png") -109px -77px; }
.footer .evt_btn.all { margin-left: 10px; width: 99px; height: 11px; background: url("../images/footer_ava.png") 0px -77px; }
@-webkit-keyframes gnb_btn { 50% { background-image: url("../images/btn_off.png"); } }
@keyframes gnb_btn { 50% { background-image: url("../images/btn_off.png"); } }
@-webkit-keyframes wheel { 70% { -webkit-transform: translateY(5px) scaleY(0.95); transform: translateY(5px) scaleY(0.95); } }
@keyframes wheel { 70% { -webkit-transform: translateY(5px) scaleY(0.95); transform: translateY(5px) scaleY(0.95); } }
@-webkit-keyframes wheel_circle { 0% { opacity: 0; }
  20% { -webkit-transform: translateY(0) sclae(1); transform: translateY(0) sclae(1);
    opacity: 1; }
  100% { -webkit-transform: translateY(25px) scale(0.5); transform: translateY(25px) scale(0.5);
    opacity: 0; } }
@keyframes wheel_circle { 0% { opacity: 0; }
  20% { -webkit-transform: translateY(0) sclae(1); transform: translateY(0) sclae(1);
    opacity: 1; }
  100% { -webkit-transform: translateY(25px) scale(0.5); transform: translateY(25px) scale(0.5);
    opacity: 0; } }
@-webkit-keyframes blinking { 40% { opacity: 0.7;
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg); }
  50% { opacity: 1;
    -webkit-transform: skew(0);
    transform: skew(0); }
  70% { opacity: 0.9;
    -webkit-transform: skew(2deg);
    transform: skew(2deg); } }
@keyframes blinking { 40% { opacity: 0.7;
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg); }
  50% { opacity: 1;
    -webkit-transform: skew(0);
    transform: skew(0); }
  70% { opacity: 0.9;
    -webkit-transform: skew(2deg);
    transform: skew(2deg); } }
@-webkit-keyframes effect { 40% { opacity: 0.1;
    -webkit-transform: skew(-90deg) translateX(-10px);
    transform: skew(-90deg) translateX(-10px); }
  50% { opacity: 1; }
  60% { opacity: 0.6;
    -webkit-transform: skew(80deg) translateX(10px);
    transform: skew(80deg) translateX(10px); } }
@keyframes effect { 40% { opacity: 0.1;
    -webkit-transform: skew(-90deg) translateX(-10px);
    transform: skew(-90deg) translateX(-10px); }
  50% { opacity: 1; }
  60% { opacity: 0.6;
    -webkit-transform: skew(80deg) translateX(10px);
    transform: skew(80deg) translateX(10px); } }
@-webkit-keyframes breath { 50% { opacity: 0.5;
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@keyframes breath { 50% { opacity: 0.5;
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@-webkit-keyframes circle_light { 50% { opacity: 0.7;
    -webkit-transform: scale(0.8) rotate(70deg) skew(30deg);
    transform: scale(0.8) rotate(70deg) skew(30deg); } }
@keyframes circle_light { 50% { opacity: 0.7;
    -webkit-transform: scale(0.8) rotate(70deg) skew(30deg);
    transform: scale(0.8) rotate(70deg) skew(30deg); } }
@-webkit-keyframes fade { 50% { opacity: 0.7; } }
@keyframes fade { 50% { opacity: 0.7; } }
.btn.btn_test_start, .btn.btn_yes, .btn.btn_no, .btn.btn_mode, .btn.btn_branch, .btn.btn_notice, .btn.btn_again, .btn.btn_enter, .btn.btn_get_gun.on, .btn.btn_get2.on { transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.btn.btn_test_start:hover, .btn.btn_yes:hover, .btn.btn_no:hover, .btn.btn_mode:hover, .btn.btn_branch:hover, .btn.btn_notice:hover, .btn.btn_again:hover, .btn.btn_enter:hover, .btn.btn_get_gun.on:hover, .btn.btn_get2.on:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.btn.btn_test_start:active, .btn.btn_yes:active, .btn.btn_no:active, .btn.btn_mode:active, .btn.btn_branch:active, .btn.btn_notice:active, .btn.btn_again:active, .btn.btn_enter:active, .btn.btn_get_gun.on:active, .btn.btn_get2.on:active { -webkit-transform: translateY(1px); transform: translateY(1px); }
.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; }
.btn.btn_test_start { width: 285px; height: 65px; background: url("../images/btn.png") 0px -224px; }
.btn.btn_yes { width: 152px; height: 71px; background: url("../images/btn.png") -162px -371px; }
.btn.btn_no { width: 152px; height: 71px; background: url("../images/btn.png") 0px -371px; }
.btn.btn_mode { width: 152px; height: 51px; background: url("../images/btn.png") -196px -299px; }
.btn.btn_branch { width: 153px; height: 51px; background: url("../images/btn.png") -354px -234px; }
.btn.btn_notice { width: 142px; height: 48px; background: url("../images/btn.png") -358px -299px; }
.btn.btn_again { width: 186px; height: 62px; background: url("../images/btn.png") 0px -299px; }
.btn.btn_enter { width: 344px; height: 102px; background: url("../images/btn.png") 0px 0px; }
.btn.btn_get_gun {width: 344px;height: 102px;background: url("../images/btn.png") 0px -112px;cursor: default;opacity: 0.7;filter: alpha(opacity=70);}
.btn.btn_get_gun.on { opacity: 1; filter: alpha(opacity=100); cursor: pointer; }
.btn.btn_get1 { width: 236px; height: 68px; background: url("../images/btn.png") -354px 0px; cursor: default; }
.btn.btn_get1.on { background-position: -354px -156px; cursor: pointer; }
.btn.btn_get1.complete { background-position: -354px -78px; }
.btn.btn_get2 { width: 105px; height: 31px; background: url("../images/btn.png") -476px -371px; cursor: default; }
.btn.btn_get2.on { background-position: -196px -452px; cursor: pointer; }
.btn.btn_get2.complete { background-position: -81px -452px; }
.modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: 0.4s ease; }
.modal .mask { position: absolute; 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: scale(0); transform: scale(0); transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; z-index: 1010; overflow: hidden; }
.modal .modal_body .close { position: absolute; top: 130px; right: 0; left: 0; margin: auto; display: block; width: 15px; height: 15px; background: url("../images/btn.png") -517px -234px; z-index: 1; transition: 0.4s ease; }
.modal .modal_body .close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.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 { visibility: visible; opacity: 1; filter: alpha(opacity=100); }
.modal.on .modal_body { -webkit-transform: scale(1); transform: scale(1); }
#modal_survey_notice .modal_body { width: 854px; height: 339px; top: 100px; background: url("../images/survey/modal_notice.png") no-repeat; }
#modal_gun_notice .modal_body { width: 1025px; height: 517px; top: 100px; background: url("../images/gun/modal_notice.png") no-repeat; }
#modal_event_notice .modal_body { width: 990px; height: 674px; top: 100px; background: url("../images/event/modal_notice.png") no-repeat; }
#modal_mode_full .modal_body, #modal_branch_full .modal_body, #modal_screenshot_full .modal_body { width: 100%; height: 100%; cursor: pointer; }
#modal_mode_full .modal_body .close, #modal_branch_full .modal_body .close, #modal_screenshot_full .modal_body .close { width: 46px; height: 46px; background: url("../images/btn.png") -600px -380px; left: auto; right: 40px; top: 40px; }
#modal_mode_full .slider h3 { position: absolute; top: 0; }
#modal_mode_full .slider .mode1 { background: url("../images/mode/mode_full1.jpg") 50% 0/cover no-repeat; }
#modal_mode_full .slider .mode1 h3 { width: 792px; height: 127px; background: url("../images/txt.png") 0px -172px; margin-top: 680px; margin-right: -30px; right: 50%; }
#modal_mode_full .slider .mode2 { background: url("../images/mode/mode_full2.jpg") 50% 0/cover no-repeat; }
#modal_mode_full .slider .mode2 h3 { width: 460px; height: 128px; background: url("../images/txt.png") 0px -588px; margin-top: 680px; margin-right: 300px; right: 50%; }
#modal_mode_full .slider .mode3 { background: url("../images/mode/mode_full3.jpg") 50% 0/cover no-repeat; }
#modal_mode_full .slider .mode3 h3 { width: 617px; height: 132px; background: url("../images/txt.png") 0px -309px; margin-top: 680px; margin-right: 140px; right: 50%; }
#modal_mode_full .slider .mode4 { background: url("../images/mode/mode_full4.jpg") 50% 0/cover no-repeat; }
#modal_mode_full .slider .mode4 h3 { width: 535px; height: 127px; background: url("../images/txt.png") 0px -451px; margin-top: 120px; margin-left: 220px; left: 50%; }
#modal_mode_full .slider .mode5 { background: url("../images/mode/mode_full5.jpg") 50% 0/cover no-repeat; }
#modal_mode_full .slider .mode5 h3 { width: 859px; height: 162px; background: url("../images/txt.png") 0px 0px; margin-top: 120px; margin-left: -100px; left: 50%; }
#modal_branch_full [class^="branch"]:before, #modal_branch_full [class^="branch"]:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 100%; background-size: contain; }
#modal_branch_full [class^="branch"]:before { transition: 0.6s ease-in-out; opacity: 0; filter: alpha(opacity=0); }
#modal_branch_full [class^="branch"]:after { transition: 0.8s ease-out; background-position: 250px 50px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(100%); transform: translateX(100%); }
#modal_branch_full [class^="branch"].on:before { opacity: 1; filter: alpha(opacity=100); }
#modal_branch_full [class^="branch"].off:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); transform: translateX(0); }
#modal_branch_full .slider h3 { position: absolute; left: 50%; top: 0; width: 327px; height: 364px; background-repeat: no-repeat; margin-top: 200px; margin-left: 360px; z-index: 1; }
#modal_branch_full .slider .btn_more { position: absolute; left: 50%; top: 0; width: 277px; height: 208px; background-repeat: no-repeat; margin-left: 425px; margin-top: 600px; z-index: 1; }
#modal_branch_full .slider .btn_more:after { content: ''; width: 71px; height: 71px; background: url("../images/btn.png") 0px -452px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s ease; }
#modal_branch_full .slider .btn_more:hover:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#modal_branch_full .slider .btn_more span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
#modal_branch_full .slider .branch1 { background: url("../images/branch/branch_full1.jpg") 50% 0/cover no-repeat; }
#modal_branch_full .slider .branch1 h3 { background-image: url("../images/branch/branch_title1.png"); }
#modal_branch_full .slider .branch1 .btn_more { background-image: url("../images/branch/branch_sm1.png"); }
#modal_branch_full .slider .branch1:before { background-image: url("../images/branch/modal_char1-1.png"); }
#modal_branch_full .slider .branch1:after { background-image: url("../images/branch/modal_char1-2.png"); }
#modal_branch_full .slider .branch1.off:before { background-image: url("../images/branch/modal_char1-1_off.png"); }
#modal_branch_full .slider .branch2 { background: url("../images/branch/branch_full2.jpg") 50% 0/cover no-repeat; }
#modal_branch_full .slider .branch2 h3 { background-image: url("../images/branch/branch_title2.png"); }
#modal_branch_full .slider .branch2 .btn_more { background-image: url("../images/branch/branch_sm2.png"); }
#modal_branch_full .slider .branch2:before { background-image: url("../images/branch/modal_char2-1.png"); }
#modal_branch_full .slider .branch2:after { background-image: url("../images/branch/modal_char2-2.png"); }
#modal_branch_full .slider .branch2.off:before { background-image: url("../images/branch/modal_char2-1_off.png"); }
#modal_branch_full .slider .branch3 { background: url("../images/branch/branch_full3.jpg") 50% 0/cover no-repeat; }
#modal_branch_full .slider .branch3 h3 { background-image: url("../images/branch/branch_title3.png"); }
#modal_branch_full .slider .branch3 .btn_more { background-image: url("../images/branch/branch_sm3.png"); }
#modal_branch_full .slider .branch3:before { background-image: url("../images/branch/modal_char3-1.png"); }
#modal_branch_full .slider .branch3:after { background-image: url("../images/branch/modal_char3-2.png"); }
#modal_branch_full .slider .branch3.off:before { background-image: url("../images/branch/modal_char3-1_off.png"); }
#modal_screenshot_full .modal_body { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); }
#modal_screenshot_full .modal_body div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; visibility: hidden; }
#modal_screenshot_full .modal_body div.photo1 { background-image: url("../images/branch/screenshot1.jpg"); }
#modal_screenshot_full .modal_body div.photo2 { background-image: url("../images/branch/screenshot2.jpg"); }
#modal_screenshot_full .modal_body div.photo3 { background-image: url("../images/branch/screenshot3.jpg"); }
#modal_screenshot_full .modal_body div.on { visibility: visible; }
.tab_nav { margin-top: 80px; }
.tab_nav button { font-size: 28px; line-height: 1; color: #7e8080; padding: 7px 0; position: relative; transition: 0.3s ease; }
.tab_nav button:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-color: #7e8080; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); transition: 0.3s ease; }
.tab_nav button:hover { color: #00ffff; }
.tab_nav button:hover:before { background-color: #00ffff; }
.tab_nav button.on { color: #00ffff; }
.tab_nav button.on:before { bottom: 100%; background-color: #00ffff; box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.5); }
.tab_nav button + button { margin-left: 50px; }
.tab_con { display: none; }
.tab_con.on { display: block; }
.slick-slider { position: relative; display: block; margin: auto; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; height: 100%; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100%; }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:after, .slick-track:before { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-slide { float: left; height: 100%; min-height: 1px; outline: none; cursor: pointer; position: relative; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { position: absolute; display: block; width: 49px; height: 180px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 1; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; filter: alpha(opacity=100); }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; filter: alpha(opacity=25); }
.slick-prev:before, .slick-next:before { content: ''; display: block; opacity: 0.9; filter: alpha(opacity=90); }
.slick-prev { left: 30px; }
.slick-prev:before { width: 49px; height: 180px; background: url("../images/btn.png") -600px -190px; }
.slick-next { right: 30px; }
.slick-next:before { width: 49px; height: 180px; background: url("../images/btn.png") -600px 0px; }
.slick-dots { position: absolute; top: 105px; right: 50%; margin-right: -700px; display: block; text-align: center; }
.slick-dots li { display: inline-block; zoom: 1; *display: inline; margin: 0 7px; }
.slick-dots li button { font-size: 18px; line-height: 1; color: #7e8080; padding: 7px 10px; position: relative; transition: 0.3s ease; }
.slick-dots li button:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-color: #7e8080; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); transition: 0.3s ease; }
.slick-dots li button:hover { color: #00ffff; }
.slick-dots li button:hover:before { background-color: #00ffff; }
.slick-dots li.slick-active button { color: #00ffff; }
.slick-dots li.slick-active button:before { bottom: 100%; background-color: #00ffff; box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.5); }
.popover { display: none; position: absolute; z-index: 100; }
html, body { width: 100%; height: 100%; }
.loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; }
.loading:before, .loading:after { content: ''; position: absolute; width: 50%; height: 100%; top: 0; z-index: -1; }
.loading:before { left: 0; background: url("../images/loading_left.png"); -webkit-animation: fade 4s ease-in-out infinite; animation: fade 4s ease-in-out infinite; }
.loading:after { right: 0; background: url("../images/loading_right.png"); -webkit-animation: fade 4s 2s ease-in-out infinite; animation: fade 4s 2s ease-in-out infinite; }
.loading span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 282px; height: 322px; background: url("../images/loading.png") no-repeat; -webkit-animation: breath 10s ease-in; animation: breath 10s ease-in; }
.loading span i { position: absolute; left: 16px; top: 16px; width: 250px; background: url("../images/loading_on.png") no-repeat; }
.loading span i:after { content: ''; position: absolute; bottom: -83px; left: -61px; width: 372px; height: 158px; background: url("../images/loading_light.png") no-repeat; -webkit-animation: blinking 2s ease-in-out infinite; animation: blinking 2s ease-in-out infinite; }
#wrap { opacity: 0; min-width: 1600px; width: 100%; height: calc(100% - 40px); min-height: 860px; position: relative; overflow: hidden; text-align: center; }
#wrap.page2 nav { top: 396.5px; bottom: auto; }
#wrap.page2 .btn_notice { background-position: -324px -371px; }
#wrap i { display: block; }
#content {position: relative;width: 100%;height: 74%;top: 10px;}
.section1 { width: 100%; height: 1000px;}
.section1 .on { z-index: 5; visibility: visible; }
.section1 .active { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: blinking; animation-name: blinking; }
.section1 .active[class^="noise"] { -webkit-animation-name: effect; animation-name: effect; }
.l { position: absolute; top: 0; left: 0; opacity: 0; }
.r { position: absolute; top: 0; right: 0; opacity: 0; }
[class^="noise"] { position: absolute; left: 50%; right: 50%; top: 0; margin: auto; }
[class^="noise"].noise1 { width: 408px; height: 22px; background: url("../images/effect.png") -279px 0px; }
[class^="noise"].noise2 { width: 269px; height: 33px; background: url("../images/effect.png") 0px -63px; }
[class^="noise"].noise3 { width: 162px; height: 18px; background: url("../images/effect.png") -496px -63px; }
[class^="noise"].noise4 { width: 251px; height: 15px; background: url("../images/effect.png") -279px -32px; }
[class^="noise"].noise5 { width: 207px; height: 33px; background: url("../images/effect.png") -279px -63px; }
[class^="noise"].noise6 { width: 59px; height: 33px; background: url("../images/effect.png") -77px -106px; }
[class^="noise"].noise7 { width: 269px; height: 53px; background: url("../images/effect.png") 0px 0px; }
.inner { max-width: 1920px; min-width: 1600px; width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; }
.video_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.video_wrap:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url("../images/intro/shadow.png") 50%/cover no-repeat; }
.video_wrap:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/intro/pattern.png"); }
video {/* position: absolute; left: -16%; top: 0; right: 0; bottom: 0; margin: auto; min-width: 132%; min-height: 132%; width: auto; height: auto; background: url("../images/intro/bg.jpg") 50%/cover no-repeat; */}
img[usemap] { display: block; position: absolute; left: 0; right: 0; top: 0; margin: auto; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 2; }
area { cursor: pointer; }
#intro h1 { width: 464px; height: 167px; margin-top: 225px; margin-left: -232px; background: url("../images/intro/logo.png") no-repeat; }
#intro p { width: 404px; height: 152px; margin-top: 402px; margin-right: -202px; background: url("../images/intro/txt_intro1.png") no-repeat; }
#intro .wheel { position: absolute; left: 0; top: 0; width: 45px; height: 74px; margin-left: -48px; margin-top: 630px; border-radius: 22.5px; border: 1.5px solid #f2f2f2; opacity: 0; filter: alpha(opacity=0); -webkit-animation: wheel 2s ease infinite; animation: wheel 2s ease infinite; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
#intro .wheel .circle { width: 6px; height: 6px; margin: 14px auto 0; border-radius: 2px; background-color: #fff; -webkit-animation: wheel_circle 2s ease infinite; animation: wheel_circle 2s ease infinite; box-shadow: 0 5px0 15px rgba(0, 0, 0, 0.6) 777; }
#intro .noise1 { margin-left: -730px; margin-top: 228px; }
#intro .noise2 { margin-right: -650px; margin-top: 475px; }
#intro .noise3 { margin-right: -270px; margin-top: 585px; }
#intro .noise4 { margin-left: -470px; margin-top: 795px; }
#survey { background: url("../images/survey/bg.jpg") 50% 0 no-repeat #0f1219; padding-top: 345px; }
#survey .btn_notice { position: absolute; top: 0; left: 50%; margin-left: -71px; margin-top: 170px; z-index: 3; }
#survey h1 { position: absolute; top: 0; right: 50%; width: 468px; height: 177px; margin-right: -234px; margin-top: 230px; background: url("../images/survey/title.png"); -webkit-animation-name: fade; animation-name: fade; }
#survey .test { width: 536px; height: 536px; margin: auto; box-sizing: border-box; position: relative; z-index: 2; }
#survey .test:before { content: ''; position: absolute; width: 975px; height: 888px; left: -180px; top: -190px; background: url("../images/survey/effect2.png") no-repeat; -webkit-animation: circle_light 20s ease infinite; animation: circle_light 20s ease infinite; }
#survey .test:after { content: ''; width: 1189px; height: 948px; position: absolute; left: -326px; top: -206px; z-index: -1; background: url("../images/survey/effect1.png") no-repeat; -webkit-animation: breath 10s ease-in-out infinite; animation: breath 10s ease-in-out infinite; }
#survey .btn_test_start { position: absolute; left: 0; right: 0; top: 230px; margin: auto; }
#survey .question { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#survey .question p { width: 300px; height: 100px; margin: 140px auto 60px; font-size: 40px; line-height: 48px; font-weight: bold; color: #476e98; }
#survey .question p i { display: inline; opacity: 0; }
#survey .question .btn { margin: 0 20px; }
#survey .result { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#survey .result h2 { width: 316px; height: 90px; margin: 90px auto 30px; background: url("../images/survey/txt_result.png") no-repeat; }
#survey .result > div { width: 181px; display: inline-block; zoom: 1; *display: inline; margin: 0 12px 15px; padding-top: 120px; background-position: 50% 0; background-repeat: no-repeat; }
#survey .result .mode[data-result="1"] { background-image: url("../images/survey/mode1.png"); }
#survey .result .mode[data-result="2"] { background-image: url("../images/survey/mode2.png"); }
#survey .result .mode[data-result="3"] { background-image: url("../images/survey/mode3.png"); }
#survey .result .mode[data-result="4"] { background-image: url("../images/survey/mode4.png"); }
#survey .result .branch[data-result="1"] { background-image: url("../images/survey/branch1.png"); }
#survey .result .branch[data-result="2"] { background-image: url("../images/survey/branch2.png"); }
#survey .result .branch[data-result="3"] { background-image: url("../images/survey/branch3.png"); }
#mode { background-color: #22272a; }
#mode.ing:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }
#mode h1 { width: 425px; height: 159px; margin: auto; margin-left: -212.5px; bottom: 0; background: url("../images/mode/title.png"); z-index: 1; }
#mode > div { -webkit-animation-name: none; animation-name: none; background-size: contain; background-repeat: no-repeat; background-position: 50% 0; overflow: hidden; }
#mode > div.on:after { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; filter: alpha(opacity=100); }
#mode > div:after { content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 100%; height: 100%; background: url("../images/mode/mode1_on.png") 50% 0/contain no-repeat; transition: 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); }
#mode .mode_bg1 { width: 2560px; height: 294px; margin-left: -1280px; background-image: url("../images/mode/mode1.png"); }
#mode .mode_bg2 { width: 2560px; height: 300px; margin-right: -1280px; margin-top: 166px; background-image: url("../images/mode/mode2.png"); }
#mode .mode_bg2:after { background-image: url("../images/mode/mode2_on.png"); }
#mode .mode_bg3 { width: 2560px; height: 330px; margin-left: -1280px; margin-top: 398px; background-image: url("../images/mode/mode3.png"); }
#mode .mode_bg3:after { background-image: url("../images/mode/mode3_on.png"); }
#mode .mode_bg4 { width: 2560px; height: 357px; margin-right: -1280px; margin-top: 610px; background-image: url("../images/mode/mode4.png"); }
#mode .mode_bg4:after { background-image: url("../images/mode/mode4_on.png"); }
#mode .mode_bg5 { width: 2560px; height: 331px; margin-left: -1280px; margin-top: 830px; background-image: url("../images/mode/mode5.png"); }
#mode .mode_bg5:after { background-image: url("../images/mode/mode5_on.png"); }
#mode .noise2 { margin-top: 150px; margin-right: -520px; }
#mode .noise3 { margin-top: 280px; margin-left: -800px; }
#mode .noise6 { margin-top: 430px; margin-right: 180px; z-index: 1; }
#mode .noise5 { margin-top: 540px; margin-right: -300px; }
#mode .noise4 { margin-top: 750px; margin-left: -500px; }
#branch { background: url("../images/branch/bg.jpg") 50% 0/cover no-repeat #0f1219; }
#branch h1 { width: 443px; height: 159px; margin: auto; margin-left: -221.5px; bottom: 0; z-index: 1; background: url("../images/branch/title.png") no-repeat; }
#branch [class^="branch_bg"] { overflow: hidden; -webkit-animation-name: none; animation-name: none; background-size: contain; background-repeat: no-repeat; background-position: 50% 0; padding-top: 50px; }
#branch [class^="branch_bg"].active i { transition: 0.3s ease-out; }
#branch [class^="branch_bg"].active .char { opacity: 1; }
#branch i { display: block; position: absolute; }
#branch .bg { width: 644px; height: 1004px; top: 50px; z-index: 1; }
#branch .char { width: 549px; height: 1077px; top: 0; z-index: 2; opacity: 0; }
#branch .branch_bg1 .bg { background: url("../images/branch/branch1.png") no-repeat; }
#branch .branch_bg1 .char { left: 170px; background: url("../images/branch/char1.png") no-repeat; }
#branch .branch_bg1.on .char { left: 140px; }
#branch .branch_bg2 .bg { background: url("../images/branch/branch2.png") no-repeat; }
#branch .branch_bg2 .char { left: 170px; background: url("../images/branch/char2.png") no-repeat; }
#branch .branch_bg2.on .char { left: 140px; }
#branch .branch_bg3 .bg { background: url("../images/branch/branch3.png") no-repeat; }
#branch .branch_bg3 .char { top: -30px; right: 0; background: url("../images/branch/char3.png") no-repeat; }
#branch .branch_bg3.on .char { right: -40px; }
#gun {/* background: url("../images/gun/bg.jpg") 50% 0/cover no-repeat #0f1219; *//* height: 1600px; */}
#gun .btn_notice { margin-top: 170px; background-position: -324px -371px; }
#gun h1 { width: 439px; height: 167px; margin: 30px auto 0; background: url("../images/gun/title.png") no-repeat; }
#gun .tab_con { margin-top: 30px; }
#gun .tab_con ul {width: 1200px;margin: auto;text-align: center;}
#gun .tab_con ul li {width: 312px;height: 177px;margin: 5px 5px;display: inline-block;zoom: 1; *display: inline;position: relative;}
#gun .tab_con ul li:hover [type="checkbox"]:not(:checked) + label:before, #gun .tab_con ul li:hover [type="checkbox"]:checked + label:before { background-image: url("../images/gun_on.png"); }
#gun .tab_con h2 { width: 253px; height: 56px; background: url("../images/txt.png") -545px -451px; margin: 50px auto 0; }
#gun .tab_con .select {margin: 16px auto 7px;}
#gun .tab_con .select li {height: 184px;background: url("../images/gun/gun_spec_bg.png");position: relative;}
#gun .tab_con .select li img { position: absolute; left: 0; top: 0; }
#event { background: url("../images/event/bg.jpg") 50% 0/cover no-repeat #0f1219; height: 1220px; }
#event .btn_notice { margin-left: -71px; margin-top: 170px; -webkit-animation-name: fade; animation-name: fade; }
#event h1 { width: 405px; height: 164px; margin: auto; background: url("../images/event/title.png") no-repeat; margin-right: -202.5px; margin-top: 230px; }
#event .tab_nav { margin-top: 502px; }
#event p { margin: 45px auto 10px; }
#event iframe { margin: 0; width: 800px; height: 1172px; }
#event .noise6 { margin-left: 140px; margin-top: 190px; }
#event .noise2 { margin-top: 230px; margin-right: -360px; }
#event_tab1 p { width: 380px; height: 40px; background: url("../images/txt.png") -470px -588px; }
#event_tab1 ul { width: 1048px; margin: 20px auto 0; }
#event_tab1 ul li { float: left; width: 316px; height: 274px; }
#event_tab1 ul li + li { margin-left: 50px; }
#event_tab1 ul li.evt1 { background: url("../images/event/evt1.png") no-repeat; }
#event_tab1 ul li.evt2 { background: url("../images/event/evt2.png") no-repeat; margin-top: 75px; }
#event_tab1 ul li.evt3 { background: url("../images/event/evt3.png") no-repeat; }
#event_tab1 ul li .btn { margin-top: 206px; }
#event_tab2 { width: 1600px; margin: auto; position: relative; }
#event_tab2:before { content: ''; position: absolute; left: 80px; top: 40px; width: 195px; height: 68px; background: url("../images/txt.png") -627px -309px; }
#event_tab2:after { content: ''; position: absolute; right: 130px; bottom: 0; width: 83px; height: 14px; background: url("../images/txt.png") -627px -414px; }
#event_tab2 p { width: 366px; height: 40px; background: url("../images/txt.png") -470px -638px; }
#event_tab2 ul { width: 1500px; margin: auto; position: relative; }
#event_tab2 ul li { float: left; width: 140px; height: 140px; background: url("../images/evt.png") -150px 0px; margin: 50px 55px; position: relative; }
#event_tab2 ul li.list1 { background-position: -150px 0px; }
#event_tab2 ul li.list10 { background-position: -450px -450px; }
#event_tab2 ul li.list11 { background-position: 0px -150px; }
#event_tab2 ul li.list12 { background-position: -150px -150px; }
#event_tab2 ul li.list13 { background-position: -300px 0px; }
#event_tab2 ul li.list14 { background-position: -300px -150px; }
#event_tab2 ul li.list15 { background-position: 0px -300px; }
#event_tab2 ul li.list16 { background-position: -150px -300px; }
#event_tab2 ul li.list17 { background-position: -300px -300px; }
#event_tab2 ul li.list18 { background-position: -450px 0px; }
#event_tab2 ul li.list19 { background-position: -450px -150px; }
#event_tab2 ul li.list2 { background-position: -450px -300px; }
#event_tab2 ul li.list20 { background-position: 0px -450px; }
#event_tab2 ul li.list21 { background-position: -150px -450px; }
#event_tab2 ul li.list22 { background-position: -300px -450px; }
#event_tab2 ul li.list23 { background-position: 0px 0px; }
#event_tab2 ul li.list24 { background-position: -600px 0px; }
#event_tab2 ul li.list25 { background-position: -600px -150px; }
#event_tab2 ul li.list26 { background-position: -600px -300px; }
#event_tab2 ul li.list27 { background-position: -600px -450px; }
#event_tab2 ul li.list28 { background-position: 0px -600px; }
#event_tab2 ul li.list29 { background-position: -150px -600px; }
#event_tab2 ul li.list3 { background-position: -300px -600px; }
#event_tab2 ul li.list30 { background-position: -450px -600px; }
#event_tab2 ul li.list4 { background-position: -600px -600px; }
#event_tab2 ul li.list5 { background-position: -750px 0px; }
#event_tab2 ul li.list6 { background-position: -750px -150px; }
#event_tab2 ul li.list7 { background-position: -750px -300px; }
#event_tab2 ul li.list8 { background-position: -750px -450px; }
#event_tab2 ul li.list9 { background-position: -750px -600px; }
#event_tab2 ul li:before { content: ''; position: absolute; width: 220px; height: 7px; left: -100%; top: 50%; margin-top: -4px; z-index: -1; background: url("../images/event/line.png"); }
#event_tab2 ul li.list1:before { display: none; }
#event_tab2 ul li.list7:before, #event_tab2 ul li.list13:before, #event_tab2 ul li.list19:before, #event_tab2 ul li.list25:before { width: 7px; height: 190px; left: 0; right: 0; margin: auto; top: -100%; background: url("../images/event/line_v.png"); }
#event_tab2 ul li.list7.on:before, #event_tab2 ul li.list13.on:before, #event_tab2 ul li.list19.on:before, #event_tab2 ul li.list25.on:before { background: url("../images/event/line_v_on.png"); }
#event_tab2 ul li.on:before { background: url("../images/event/line_on.png"); -webkit-animation: fade 1s ease-in-out infinite; animation: fade 1s ease-in-out infinite; }
#event_tab2 ul li.on:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../images/event/stamp.png"); }
#event_tab2 ul li.on.list1:after, #event_tab2 ul li.on.list3:after, #event_tab2 ul li.on.list5:after, #event_tab2 ul li.on.list7:after, #event_tab2 ul li.on.list13:after, #event_tab2 ul li.on.list21:after, #event_tab2 ul li.on.list30:after { background-image: url("../images/event/stamp_lg.png"); }
#event_tab2 ul li .btn { margin-top: 130px; }
#event_tab2 .flr li { float: right; }
#event_tab2 .flr li:before { width: 220px; height: 7px; left: auto; right: -100%; top: 50%; margin-top: -4px; z-index: -1; background: url("../images/event/line.png"); }
#event_tab3 p { width: 205px; height: 17px; background: url("../images/txt.png") -627px -387px; margin-bottom: 40px; }
#new_return h1 { width: 464px; height: 167px; margin-top: 225px; margin-left: -232px; background: url("../images/intro/logo.png") no-repeat; -webkit-animation-name: blinking; animation-name: blinking; }
#new_return .inner:after { content: ''; display: block; width: 484px; height: 19px; position: absolute; top: 730px; left: 0; right: 0; margin: auto; background: url("../images/intro/txt_info2.png") no-repeat; }
#new_return .info { width: 567px; height: 176px; background: url("../images/intro/txt_info.png") no-repeat; position: absolute; right: 25px; bottom: 130px; }
#new_return p.r { width: 392px; height: 157px; background: url("../images/intro/txt_intro2.png") no-repeat; margin-top: 402px; margin-right: -196px; -webkit-animation-name: blinking; animation-name: blinking; -webkit-animation-delay: 1s; animation-delay: 1s; }
#new_return .btn_enter { margin-top: 600px; margin-left: -183px; }
#new_return .noise1 { margin-left: -730px; margin-top: 228px; }
#new_return .noise2 { margin-right: -650px; margin-top: 475px; }
#new_return .noise3 { margin-right: -270px; margin-top: 585px; }
#new_return .noise4 { margin-left: -470px; margin-top: 795px; }