@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}
html { line-height: 1 }
ol,
ul { list-style: none }
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption,
td,
th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}
blockquote,
q { quotes: none }
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}
a img { border: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block }
html {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}
a img { border: 0 none }
input,
select { outline-style: none }
b,
strong { font-weight: 700 }
.clear { clear: both }
.close,
label { cursor: pointer }
.btn {
	position: absolute;
	left: 50%;
	text-indent: -9999px;
	cursor: pointer
}
span.btn_span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}
body {
	background-color: #162e4c;
	font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Tahoma, sans-serif;
	height:100%;
}
.wrap {
	min-width: 1280px;
	overflow: hidden
}
.wrap .top_update {
	position: relative;
	z-index: 20
}
.wrap .top_update .btns_group{
	position: fixed;
	top: 90px;
	right: 20px;
}
.wrap .top_update .btns_group li{
	margin-bottom:0px;
}
.wrap .top_update .btns_group li .btns{
	background-image:url(../images/btns.png);
	background-repeat:no-repeat;	
    width: 200px;
    height: 80px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*animation: baloon 3s infinite;*/
}
.wrap .top_update .btns_group li .btns.btns1{
	background-position-y:0px;
}
.wrap .top_update .btns_group li .btns.btns2{
	background-position-y:-80px;
}
.wrap .top_update .btns_group li .btns:hover{
	background-position-x: -200px;
}
@keyframes baloon{
0% { transform:translateY(-10px);}
50% {transform:translateY(10px);}
100% {transform:translateY(-10px);}
}

.wrap .top_update .home {
	position: absolute;
	top: 23px;
	right: 57px;
	width: 130px;
	height: 30px;
	background: transparent url(../images/btn_home.png) no-repeat 0 0
}
.wrap .top_update .home:hover { background-position: 0 -30px }
/*.wrap .top_update .sound {
	position: absolute;
	top: 23px;
	right: 24px;
	width: 30px;
	height: 30px;
	background: transparent url(../images/btn_sound.png) no-repeat 0 0;
	cursor: pointer
}
.wrap .top_update .sound:hover { background-position: 0 -30px }
.wrap .top_update .sound.on { background-position: -30px 0 }
.wrap .top_update .sound.on:hover { background-position: -30px -30px }*/
.wrap .sound {
    opacity: .5;
    width: 50px;
    height: 50px;
    background: transparent url(../images/btn_sound.png) no-repeat -50px 0;
    cursor: pointer;
	transition: opacity ease .3s;
}
.wrap .sound.on {
    background-position: 0 0;
}
.wrap ul.quick_link { position: fixed; top: 20px; right: 20px; /*width: 240px;*/ height: 48px; }
.wrap ul.quick_link li { float: left; margin-right: 13px; }
.wrap ul.quick_link li a { display: block; height: 50px; width: 50px; background-image: url(../images/quick_link.png); background-repeat: no-repeat; background-position: 0 0; opacity: .5; transition: opacity ease .3s; }
.wrap ul.quick_link li a { background-position-x: 0px; }
.wrap ul.quick_link li+li a { background-position-x: -50px; }
.wrap .sound:hover,
.wrap ul.quick_link li a:hover { opacity: 1; }


.wrap .top_update .join {
	position: absolute;
	top: 56px;
	right: 107px;
	width: 80px;
	height: 30px;
	background: transparent url(../images/btn_join.png) no-repeat 0 0
}
.wrap .top_update .join:hover { background-position: 0 -30px }
.wrap .top_update .start {
	position: absolute;
	top: 56px;
	right: 24px;
	width: 80px;
	height: 30px;
	background: transparent url(../images/btn_start.png) no-repeat 0 0
}
.wrap .top_update .start:hover { background-position: 0 -30px }
.wrap .top_update .not_today {
	position: absolute;
	right: 24px;
	top: 89px;
	width: 130px;
	height: 26px;
	background: transparent url(../images/btn_today.png) no-repeat 0 0
}
.wrap .top_update .not_today input[type=checkbox] {
	float: left;
	margin: 7px 0 0 108px
}
.wrap .top_update .not_today label {
	float: left;
	display: block;
	width: 130px;
	height: 21px;
	margin-top: -17px;
	text-indent: -9999px;
	cursor: pointer
}
.teaser .tbox {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 2000px;
	height: 1080px;
	background: transparent url(../images/teaser_bg.jpg) no-repeat center 0;
	overflow: hidden
}
.teaser .tbox:after {
	position: absolute;
	height: 100%;
	display:block;
	content:"";
	width:100%;
	background-image:url(../images/mask.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	z-index:5;
}
.teaser .tbox .title {
	display: none;
	position: absolute;
	left: 50%;
	top: 570px;
	margin-left: -410px;
	width: 900px;
	height: 340px;
	background: transparent url(../images/title.png) no-repeat center 0;
	background-size: 100% 200%;
	text-indent: -9999px;
	z-index: 6
}
.teaser .tbox .title span {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../images/title.png) no-repeat center bottom;
	background-size: 100% 200%
}
.teaser .tbox .sub_title {
	display: none;
	position: absolute;
	left: 50%;
	top: 820px;
	margin-left: -390px;
	width: 840px;
	height: 80px;
	background: transparent url(../images/sub_title.png) no-repeat center 0;
	z-index: 7
}
.teaser .tbox .btn_mov {
	display: none;
	position: absolute;
	left: 50%;
	top: 430px;
	margin-left: -20px;
	width: 152px;
	height: 150px;
	background: transparent url(../images/btn_mov.png) no-repeat center 0;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 8
}
.teaser .tbox div[class*=char] {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0
}
.teaser .tbox .char1 {
	margin-left: -824px;
	width: 1034px;
	height: 1080px;
	background: transparent url(../images/char_1.png) no-repeat center 0;
	z-index: 2
}
.teaser .tbox .char1 span {
	display: block;
	position: absolute;
	top: 382px;
	left: 355px;
	height: 280px;
	width: 300px;
	background: transparent url(../images/weapon_light1.png) no-repeat 0 0
}
.teaser .tbox .char2 {
	margin-left: -48px;
	width: 747px;
	height: 1080px;
	background: transparent url(../images/char_2.png) no-repeat center 0;
	z-index: 1
}
.teaser .tbox .char2 span {
	display: block;
	position: absolute;
	top: 207px;
	left: 319px;
	height: 660px;
	width: 390px;
	background: transparent url(../images/weapon_light2.png) no-repeat 0 0
}
.teaser .tbox .weapon_effect {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	width: 2000px;
	height: 100%;
	z-index: 4
}
.teaser .tbox .weapon_effect span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: transparent url(../images/weapon_effect.png) no-repeat 0 0
}
.teaser .tbox .particle_light {
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1000px;
	height: 100%;
	z-index: 4
}
.teaser .tbox .particle_light.pl1 {
	width: 1920px;
	background: transparent url(../images/shine1.png) no-repeat center 0
}
.teaser .tbox .particle_light.pl2 {
	width: 1940px;
	background: transparent url(../images/shine2.png) no-repeat center 0
}
.pop_mov,
.war_pop_mov {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -270px;
	margin-left: -480px;
	width: 960px;
	height: 540px;
	background-color: #000;
	z-index: 99
}
.pop_mov iframe,
.war_pop_mov iframe {
	display: block;
	width: 100%;
	height: 100%
}
.pop_mov .close,
.war_pop_mov .close {
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 50px;
	background: transparent url(../images/pop_close.png) no-repeat 0 0
}
.dimmed {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../images/dimmed.png) repeat;
	z-index: 98
}
.nav_toggle {
	position: fixed;
	left: 240px;
	top: 50%;
	margin-top: -68px;
	width: 36px;
	height: 137px;
	background: transparent url(../images/nav_toggle.png) no-repeat -36px 0;
	cursor: pointer;
	z-index: 11
}
.nav_toggle.hide { background-position: 0 0 }
.nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 240px;
	height: 100%;
	background: transparent url(../images/nav_bg.jpg) no-repeat 0 0;
	background-color: #131414;
	z-index: 10
}
.nav.hide { left: -230px }
.nav .happyoz { /*padding-top: 35px*/ }
.nav .naver { padding-top: 60px }
.nav .logo {
	margin: 23px auto 0;
	width: 128px;
	height: 78px;
	background: transparent url(../images/nav_logo.png) no-repeat 0 0;
	background-size:cover;
}
.nav .logo_update {
	height: 120px;
	background: transparent url(../images/nav_logo_update.png) no-repeat center center;
	cursor: pointer;
	text-indent: -9999px
}
.nav .logo_update a {
	display: block;
	height: 100%;
	width: 100%
}
.nav ul {
	margin: 10px auto;
	width: 220px;
	height: auto
}
.nav ul li {
	width: 204px;
	margin: 9px auto;
	height: 46px;
	background: transparent url(../images/nav_tab.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer
}
.nav ul li:first-child {
	width: 220px;
	height: 30px;
	background: transparent url(../images/nav_tab_title.png) no-repeat center 0;
	cursor: default
}
.nav ul li.on,
.nav ul li:hover { background-position-x: -204px }
.nav ul.update li:first-child { background-position: center 0!important }
.nav ul.update li:first-child+li { background-position-y: 0 }
.nav ul.update li:first-child+li+li { background-position-y: -46px }
.nav ul.update li:first-child+li+li+li { background-position-y: -92px }
.nav ul.update li:first-child+li+li+li+li { background-position-y: -138px }
.nav ul.update li:first-child+li+li+li+li+li { background-position-y: -184px }
.nav ul.update li:first-child+li+li+li+li+li+li { background-position-y: -230px; position:relative; top:60px; }
.nav ul.event { margin-top: -35px }
.nav ul.event li:first-child { background-position: center -30px!important }
.nav ul.event li:first-child+li { background-position-y: -230px; background-image:none;}
.nav ul.event li a {
	display: block;
	height: 100%;
	width: 100%
}
.nav .nav_footer {
	margin-top: 30px;
	padding-top: 44px;
	padding-bottom: 20px;
	width: 240px;
	height: 150px;
	background: transparent url(../images/nav_footer.png) no-repeat center 0;
	text-align: center;
	font: 10px/14px Tahoma, "돋움", sans-serif;
	letter-spacing: -.05em;
	color: #959698
}
.cont {
	position: relative;
	min-height: 1080px
}
.cont:after {
	position: absolute;
	height: 100%;
	display:block;
	content:"";
	width:100%;
	background-image:url(../images/mask.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	z-index:3;
}
.cont.bg1 {
	background: transparent url(../images/bg.jpg) no-repeat center 0 fixed;
	background-size: cover
}
.cont>h1 {
	position: absolute;
	left: 0;
	top: 93px;
	width: 100%;
	height: 60px;
	text-indent: -9999px;
	z-index: 5
}
.cont .sub_nav {
	position: absolute;
	    left: 500px;
    top: 174px;
    width: 46%;
	height: 37px;
	text-align: center;
	font-size: 0;
	z-index: 5
}
.cont .sub_nav li {
	display: inline-block;
	position: relative;
	margin: 0 17px 20px;
	width: 183px;
	height: 37px;
	text-indent: -9999px
}
.cont .sub_nav li span {
	display: block;
	width: 100%;
	height: 100%
}
.cont .sub_nav li.on,
.cont .sub_nav li:hover { background-position-y: -37px!important }
.cont .sub_nav li:after {
	display: block;
	position: absolute;
	right: -37px;
	top: 18px;
	width: 40px;
	height: 3px;
	background: transparent url(../images/sub_nav_deco3.png) no-repeat 0 0;
	content: ""
}
.cont .sub_nav li:nth-child(1):before {
	display: block;
	position: absolute;
	left: -90px;
	top: 18px;
	width: 90px;
	height: 3px;
	background: transparent url(../images/sub_nav_deco1.png) no-repeat 0 0;
	content: ""
}
.cont .sub_nav li:last-child:after {
	display: block;
	position: absolute;
	right: -90px;
	top: 18px;
	width: 90px;
	height: 3px;
	background: transparent url(../images/sub_nav_deco2.png) no-repeat 0 0;
	content: ""
}
.cont .thumb_nav {
	position: absolute;
	top: 250px;
	left: 0;
	width: 100%;
	height: 126px;
	text-align: center;
	font-size: 0;
	z-index: 5
}
.cont .thumb_nav li {
	position: relative;
	display: inline-block;
	margin: 0 11px;
	width: 101px;
	height: 126px
}
.cont .thumb_nav li.on,
.cont .thumb_nav li:hover { background-position-y: -126px!important }
.cont .thumb_nav li span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}
.cont .dot_nav {
	top: 295px;
	left: 50%;
	margin-left: -450px;
	position: absolute;
	font-size: 0;
	z-index: 5
}
.cont .dot_nav li {
	display: inline-block;
	height: 32px;
	width: 34px;
	cursor: pointer;
	background: transparent url(../images/dot_nav.png) no-repeat 0 0
}
.cont .dot_nav li.on,
.cont .dot_nav li:hover { background-position: 0 -32px }
.cont .sub_tab { position: relative }
.cont .tbox {
	position: absolute;
	z-index: 3
}
.cont.cont1>h1 { background: transparent url(../images/job_title.png) no-repeat center center }
.cont.cont1 .sub_nav li { background: transparent url(../images/job_sub_nav.png) no-repeat 0 0 }
.cont.cont1 .sub_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont1 .sub_nav li:nth-child(2) { background-position-x: -183px }
.cont.cont1 .sub_nav li:nth-child(3) { background-position-x: -366px }
.cont.cont1 .stab1:after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	height: 1080px;
	width: 1300px;
	background: transparent url(../images/story_img.png) no-repeat 0 0
}
.cont.cont1 .stab1 h2 {
	position: absolute;
	top: 360px;
	left: 50%;
	margin-left: -450px;
	height: 43px;
	width: 367px;
	background: transparent url(../images/story_title.png) no-repeat 0 0;
	text-indent: -9999px
}
.cont.cont1 .stab1 .tbox {
	top: 435px;
	left: 50%;
	margin-left: -450px;
	height: 414px;
	width: 750px
}
.cont.cont1 .stab1 .tbox.t1 { background: transparent url(../images/story_text1.png) no-repeat 0 0 }
.cont.cont1 .stab1 .tbox.t2 { background: transparent url(../images/story_text2.png) no-repeat 0 0 }
.cont.cont1 .stab1 .tbox.t3 { background: transparent url(../images/story_text3.png) no-repeat 0 0 }
.cont.cont1 .stab2 { display: none }
.cont.cont1 .stab2 .thumb_nav {
	left: 50%;
	margin-left: -450px;
	text-align: left
}
.cont.cont1 .stab2 .thumb_nav li { background: transparent url(../images/job_thumb_nav.png) no-repeat 0 0 }
.cont.cont1 .stab2 .thumb_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont1 .stab2 .thumb_nav li:nth-child(2) { background-position-x: -101px }
.cont.cont1 .stab2 .thumb_nav li:nth-child(3) { background-position-x: -202px }
.cont.cont1 .stab2 .thumb_nav li:nth-child(4) { background-position-x: -303px }
.cont.cont1 .stab2 .job_bg {
	position: absolute;
	top: 160px;
	right: -100px;
	height: 920px;
	width: 1450px
}
.cont.cont1 .stab2 .job_bg.job_bg1 { background: transparent url(../images/job_img1.png) no-repeat 0 0 }
.cont.cont1 .stab2 .job_bg.job_bg2 { background: transparent url(../images/job_img2.png) no-repeat 0 0 }
.cont.cont1 .stab2 .job_bg.job_bg3 { background: transparent url(../images/job_img3.png) no-repeat 0 0 }
.cont.cont1 .stab2 .job_bg.job_bg4 { background: transparent url(../images/job_img4.png) no-repeat 0 0 }
.cont.cont1 .stab2 .tbox {
	top: 408px;
	left: 50%;
	margin-left: -441px;
	height: 510px;
	width: 540px
}
.cont.cont1 .stab2 .tbox.t1 { background: transparent url(../images/job_text1.png) no-repeat 0 0 }
.cont.cont1 .stab2 .tbox.t2 { background: transparent url(../images/job_text2.png) no-repeat 0 0 }
.cont.cont1 .stab2 .tbox.t3 { background: transparent url(../images/job_text3.png) no-repeat 0 0 }
.cont.cont1 .stab2 .tbox.t4 { background: transparent url(../images/job_text4.png) no-repeat 0 0 }
.cont.cont1 .stab3 {
	display: none;
	height: 2000px;
	background: transparent url(../images/war.png) no-repeat center 271px
}
.cont.cont1 .stab3 .war_mov {
	position: absolute;
	top: 1012px;
	left: 50%;
	margin-left: -494px;
	width: 988px
}
.cont.cont1 .stab3 .war_mov:after {
	display: block;
	content: "";
	clear: both
}
.cont.cont1 .stab3 .war_mov li {
	float: left;
	height: 273px;
	width: 474px;
	margin: 0 10px 20px;
	cursor: pointer;
	text-indent: -9999px
}
.cont.cont1 .stab3 .war_mov li:hover { background: transparent url(../images/war_play.png) no-repeat 193px 82px }
.cont.cont2>h1 { background: transparent url(../images/map_title.png) no-repeat center center }
.cont.cont2 .sub_nav li { background: transparent url(../images/map_sub_nav.png) no-repeat 0 0 }
.cont.cont2 .sub_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont2 .sub_nav li:nth-child(2) { background-position-x: -183px }
.cont.cont2 .stab1 .tbox {
	top: 375px;
	left: 50%;
	margin-left: -450px;
	height: 616px;
	width: 679px
}
.cont.cont2 .stab1 .tbox:after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	height: 1080px;
	width: 1300px
}
.cont.cont2 .stab1 .tbox.t1 { background: transparent url(../images/scenario_text1.png) no-repeat 0 0 }
.cont.cont2 .stab1 .tbox.t1:after { background: transparent url(../images/scenario_img1.png) no-repeat 0 0 }
.cont.cont2 .stab1 .tbox.t2 { background: transparent url(../images/scenario_text2.png) no-repeat 0 0 }
.cont.cont2 .stab1 .tbox.t2:after { background: transparent url(../images/scenario_img2.png) no-repeat 0 0 }
.cont.cont2 .stab1 .tbox.t3 { background: transparent url(../images/scenario_text3.png) no-repeat 0 0 }
.cont.cont2 .stab1 .tbox.t3:after { background: transparent url(../images/scenario_img3.png) no-repeat 0 0 }
.cont.cont2 .stab2 { display: none }
.cont.cont2 .stab2 .thumb_nav li { background: transparent url(../images/map_thumb_nav.png) no-repeat 0 0 }
.cont.cont2 .stab2 .thumb_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont2 .stab2 .thumb_nav li:nth-child(2) { background-position-x: -101px }
.cont.cont2 .stab2 .thumb_nav li:nth-child(3) { background-position-x: -202px }
.cont.cont2 .stab2 .thumb_nav li:nth-child(4) { background-position-x: -303px }
.cont.cont2 .stab2 .btn {
	top: 827px;
	width: 210px;
	height: 44px;
	background: transparent url(../images/map_btn_info.png) no-repeat 0 0;
	border: none;
	z-index: 5
}
.cont.cont2 .stab2 .btn.btn_story1 { margin-left: -220px }
.cont.cont2 .stab2 .btn.btn_story2 {
	margin-left: 10px;
	background-position-x: -210px
}
.cont.cont2 .stab2 .btn:hover { background-position-y: -44px }
.cont.cont2 .stab2 .tbox {
	left: 0;
	top: 0;
	width: 100%;
	height: 1080px;
	z-index: 1
}
.cont.cont2 .stab2 .tbox.t1 {
	background: transparent url(../images/map_bg2.jpg) no-repeat center 0;
	background-size: cover
}
.cont.cont2 .stab2 .tbox.t2 {
	background: transparent url(../images/map_bg3.jpg) no-repeat center 0;
	background-size: cover
}
.cont.cont2 .stab2 .tbox.t3 {
	background: transparent url(../images/map_bg4.jpg) no-repeat center 0;
	background-size: cover
}
.cont.cont2 .stab2 .tbox.t4 {
	background: transparent url(../images/map_bg5.jpg) no-repeat center 0;
	background-size: cover
}
.cont.cont3>h1 { background: transparent url(../images/bosmon_title.png) no-repeat center center }
.cont.cont3 .thumb_nav { top: 176px }
.cont.cont3 .thumb_nav li { background: transparent url(../images/bosmon_thumb_nav.png) no-repeat 0 0 }
.cont.cont3 .thumb_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont3 .thumb_nav li:nth-child(2) { background-position-x: -101px }
.cont.cont3 .thumb_nav li:nth-child(3) { background-position-x: -202px }
.cont.cont3 .tbox {
	top: 0;
	left: 50%;
	margin-left: -700px;
	height: 1080px;
	width: 1700px
}
.cont.cont3 .tbox.t1 { background: transparent url(../images/bosmon_img1.png) no-repeat 0 0 }
.cont.cont3 .tbox.t2 { background: transparent url(../images/bosmon_img2.png) no-repeat 0 0 }
.cont.cont3 .tbox.t3 { background: transparent url(../images/bosmon_img3.png) no-repeat 0 0 }
.cont.cont3 .tbox img { margin: 345px 0 0 250px }
.cont.cont4>h1 { background: transparent url(../images/mon_title.png) no-repeat center center }
.cont.cont4 .thumb_nav { top: 176px }
.cont.cont4 .thumb_nav li { background: transparent url(../images/mon_thumb_nav.png) no-repeat 0 0 }
.cont.cont4 .thumb_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont4 .thumb_nav li:nth-child(2) { background-position-x: -101px }
.cont.cont4 .thumb_nav li:nth-child(3) { background-position-x: -202px }
.cont.cont4 .thumb_nav li:nth-child(4) { background-position-x: -303px }
.cont.cont4 .thumb_nav li:nth-child(5) { background-position-x: -404px }
.cont.cont4 .thumb_nav li:nth-child(6) { background-position-x: -505px }
.cont.cont4 .thumb_nav li:nth-child(7) { background-position-x: -606px }
.cont.cont4 .tbox {
	top: 311px;
	left: 50%;
	margin-left: -625px;
	width: 1350px;
	height: 740px
}
.cont.cont4 .tbox.t1 { background: transparent url(../images/mon_img1.png) no-repeat 0 0 }
.cont.cont4 .tbox.t2 { background: transparent url(../images/mon_img2.png) no-repeat 0 0 }
.cont.cont4 .tbox.t3 { background: transparent url(../images/mon_img3.png) no-repeat 0 0 }
.cont.cont4 .tbox.t4 { background: transparent url(../images/mon_img4.png) no-repeat 0 0 }
.cont.cont4 .tbox.t5 { background: transparent url(../images/mon_img5.png) no-repeat 0 0 }
.cont.cont4 .tbox.t6 { background: transparent url(../images/mon_img6.png) no-repeat 0 0 }
.cont.cont4 .tbox.t7 { background: transparent url(../images/mon_img7.png) no-repeat 0 0 }
.cont.cont5.bg1 {
	background: transparent url(../images/npc_bg.jpg) no-repeat center 0 fixed;
	background-size: cover
}
.cont.cont5.bg2 {
	background: transparent url(../images/teaser_bg.jpg) no-repeat center 0 fixed;
	background-size: cover
}
.cont.cont5.bg3 {
	background: transparent url(../images/npc_bg.jpg) no-repeat center 0 fixed;
	background-size: cover
}
.cont.cont5.bg4 {
	background: transparent url(../images/teaser_bg.jpg) no-repeat center 0 fixed;
	background-size: cover
}
.cont.cont5>h1 { background: transparent url(../images/npc_title.png) no-repeat center center }
.cont.cont5 .thumb_nav { top: 176px }
.cont.cont5 .thumb_nav li { background: transparent url(../images/npc_thumb_nav.png) no-repeat 0 0 }
.cont.cont5 .thumb_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont5 .thumb_nav li:nth-child(2) { background-position-x: -101px }
.cont.cont5 .thumb_nav li:nth-child(3) { background-position-x: -202px }
.cont.cont5 .thumb_nav li:nth-child(4) { background-position-x: -303px }
.cont.cont5 .thumb_nav li:nth-child(5) { background-position-x: -404px }
.cont.cont5 .thumb_nav li:nth-child(6) { background-position-x: -505px }
.cont.cont5 .npc_bg {
	position: absolute;
	top: 0;
	height: 1080px;
	width: 1002px
}
.cont.cont5 .npc_bg.npc_bg1,
.cont.cont5 .npc_bg.npc_bg3,
.cont.cont5 .npc_bg.npc_bg5 { left: -20px }
.cont.cont5 .npc_bg.npc_bg2,
.cont.cont5 .npc_bg.npc_bg4,
.cont.cont5 .npc_bg.npc_bg6 { right: 90px }
.cont.cont5 .npc_bg.npc_bg1 { background: transparent url(../images/npc_img1.png) no-repeat 0 0 }
.cont.cont5 .npc_bg.npc_bg2 { background: transparent url(../images/npc_img2.png) no-repeat 0 0 }
.cont.cont5 .npc_bg.npc_bg3 { background: transparent url(../images/npc_img3.png) no-repeat 0 0 }
.cont.cont5 .npc_bg.npc_bg4 { background: transparent url(../images/npc_img4.png) no-repeat 0 0 }
.cont.cont5 .npc_bg.npc_bg5 { background: transparent url(../images/npc_img5.png) no-repeat 0 0 }
.cont.cont5 .npc_bg.npc_bg6 { background: transparent url(../images/npc_img6.png) no-repeat 0 0 }
.cont.cont5 .tbox {
	left: 50%;
	top: 300px;
	margin-left: -634px;
	width: 1170px;
	height: 780px;
	z-index: 1
}
.cont.cont5 .tbox.t1 { background: transparent url(../images/npc1.png) no-repeat 0 0 }
.cont.cont5 .tbox.t2 {
	display: none;
	background: transparent url(../images/npc2.png) no-repeat 0 0
}
.cont.cont5 .tbox.t3 {
	display: none;
	background: transparent url(../images/npc3.png) no-repeat 0 0
}
.cont.cont5 .tbox.t4 {
	display: none;
	background: transparent url(../images/npc4.png) no-repeat 0 0
}
.cont.cont5 .tbox.t5 {
	display: none;
	background: transparent url(../images/npc5.png) no-repeat 0 0
}
.cont.cont5 .tbox.t6 {
	display: none;
	background: transparent url(../images/npc6.png) no-repeat 0 0
}
.cont.cont6>h1 { background: transparent url(../images/event_title.png) no-repeat center center }
.cont.cont6 .tbox {
    left: 50%;
    top: 150px;
    margin-left: -634px;
    width: 1170px;
    height: 780px;
    z-index: 1;
}
.cont.cont6.bg1 {
	background: transparent url(../images/bg.jpg) no-repeat center 0 fixed;
}

.cont.cont6 .btn {
	top: 2960px;
	width: 21px;
	height: 21px;
	background: transparent url(../images/item_btn_info.png) no-repeat 0 0;
	border: none;
	z-index: 5;
	margin-left: -336px
}
.cont.cont6 .btn:hover { background-position-y: -21px; }
.cont.cont6 .btn.btn_item1 { top: 2350px; }
.cont.cont6 .btn.btn_item2 { top: 2450px; }
.cont.cont6 .btn.btn_item3 { top: 2550px; }



.pop_evt {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -373.5px;
	margin-top: -243px;
	width: 747px;
	height: 486px;
	z-index: 99
}
.pop_evt .close {
	position: absolute;
	right: 19px;
	top: 23px;
	width: 28px;
	height: 28px
}
.pop_evt.p6 {
	margin-left: -370x;
	margin-top: -380px;
	width: 737px;
	height: 763px;
}
.pop_evt.p6a { background: transparent url(../images/pop_evta.png) no-repeat 0 0 }
.pop_evt.p6b { background: transparent url(../images/pop_evtb.png) no-repeat 0 0 }
.pop_evt.p6c { background: transparent url(../images/pop_evtc.png) no-repeat 0 0 }




.cont.cont6 .sub_tab {
	top: 0;
    left: 50%;
    margin-left: -700px;
    width: 1700px;
	padding-bottom:100px;
}

.cont.cont6 .sub_tab { background: transparent url(../images/scenario_img1-2.png) no-repeat 690px 150px; }
/*.cont.cont6 .sub_tab.stab1 { background: transparent url(../images/scenario_img1.png) no-repeat 690px 150px; }
.cont.cont6 .sub_tab.stab2 { background: transparent url(../images/stab2.png) no-repeat 1000px 496px; }
.cont.cont6 .sub_tab.stab3 { background: transparent url(../images/stab3.png) no-repeat 1010px 444px; }
.cont.cont6 .sub_tab.stab4 { background: url(../images/stab4.png) no-repeat 900px 424px,
										 url(../images/stab42.png) no-repeat 450px 790px
}*/
.cont.cont6 .sub_tab.stab5 { background: url(../images/scenario_img1-2.png) no-repeat 690px 150px,
										 url(../images/stab52.png) no-repeat 950px 690px,
										 url(../images/stab52.png) no-repeat 950px 690px
}
.cont.cont6 .sub_tab.stab7 {  }

.cont.cont6 .stab2,
.cont.cont6 .stab3,
.cont.cont6 .stab4,
.cont.cont6 .stab5,
.cont.cont6 .stab6,
.cont.cont6 .stab7 { display: none }
.cont.cont6 .sub_tab img {
    margin: 345px 0 0 250px;
}
.cont.cont6 .stab7 { position:relative;}
.cont.cont6 .stab7 a.fans,
.cont.cont6 .stab7 a.google { 
	display:block;
	position:absolute;
	top: 480px;
    left: 366px;
	width:120px;
	height:30px;
	white-space:nowrap;
	text-indent:100%;
	overflow: hidden;
	/*background-color:rgba(255,255,255,.5);*/
}
.cont.cont6 .stab7 a.google { 
	top: 537px;
}
.cont.cont6 .stab1 a.coupon { 
	display:block;
	position:absolute;
	top: 571px;
    left: 556px;
    width: 85px;
	height:30px;
	white-space:nowrap;
	text-indent:100%;
	overflow: hidden;
	/*background-color:rgba(255,255,255,.2);*/
}

.cont.cont6 .sub_nav li { background: transparent url(../images/event_sub_nav.png) no-repeat 0 0 }
.cont.cont6 .sub_nav li:nth-child(1) { background-position-x: 0 }
.cont.cont6 .sub_nav li:nth-child(2) { background-position-x: -183px }
.cont.cont6 .sub_nav li:nth-child(3) { background-position-x: -366px }
.cont.cont6 .sub_nav li:nth-child(4) { background-position-x: -549px }
.cont.cont6 .sub_nav li:nth-child(5) { background-position-x: -732px }
.cont.cont6 .sub_nav li:nth-child(6) { background-position-x: -915px }
.cont.cont6 .sub_nav li:nth-child(7) { background-position-x: -1098px }



.cont.cont6 .sub_nav li:after,
.cont.cont6 .sub_nav li:nth-child(1):before,
.cont.cont6 .sub_nav li:last-child:after {
	/*background-image:none;*/
}


.pop_map {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -333px;
	margin-top: -295px;
	width: 665px;
	height: 600px;
	z-index: 99
}
.pop_map .close {
	position: absolute;
	left: 50%;
	margin-left: -115px;
	bottom: 0;
	width: 230px;
	height: 60px
}
.pop_map.p1a { background: transparent url(../images/pop_map1a.png) no-repeat 0 0 }
.pop_map.p2a { background: transparent url(../images/pop_map2a.png) no-repeat 0 0 }
.pop_map.p3a { background: transparent url(../images/pop_map3a.png) no-repeat 0 0 }
.pop_map.p4a { background: transparent url(../images/pop_map4a.png) no-repeat 0 0 }
.pop_map.p1b { background: transparent url(../images/pop_map1b.png) no-repeat 0 0 }
.pop_map.p2b { background: transparent url(../images/pop_map2b.png) no-repeat 0 0 }
.pop_map.p3b { background: transparent url(../images/pop_map3b.png) no-repeat 0 0 }
.pop_map.p4b { background: transparent url(../images/pop_map4b.png) no-repeat 0 0 }