@charset "euc-kr";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@keyframes appear{
	0%{
		opacity: 0;
		transform: translateY(20px) scale(1);
	}
	100%{
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

body{min-width: 1280px;}

p.login_error_msg{
	position: relative;
	padding: 0 1em;
    border-radius: 4px;
    line-height: 15px;
    font-size: 12px;
    background-color: #F2DEDE;
    top: -32px;
    left: 0;
    color: #B94A48 !important;
}
p.login_error_msg a{
	display: inline-block;
}

nav#top_menu div.nav-in ul li.nav-item{position: absolute; top: 10px;}
nav#top_menu div.nav-in ul li.nav-item:nth-child(1){left: 120px;}
nav#top_menu div.nav-in ul li.nav-item:nth-child(2){right: 120px;}
nav#top_menu div.nav-in ul li.nav-item:nth-child(3){right: 28px;} 
nav#top_menu div.nav-in ul li.nav-item a.nav-text{position: relative; display: block; margin-top: 0px; font-size: 16px; color: rgba(255,255,255,0.7); font-family: 'Noto Sans KR', sans-serif;} 
nav#top_menu div.nav-in ul li.nav-item a.nav-text:after{
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('/_FishingHero/_event/top_menu/images/arrow_open.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	right: -16px;
	opacity: 0.7;
	transform: scale(0.8);
}
nav#top_menu div.nav-in ul li.nav-item.active a.nav-text:after{
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('/_FishingHero/_event/top_menu/images/arrow_close.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	right: -16px;
	opacity: 0.7;
	transform: scale(0.8);
}
nav#top_menu div.nav-in ul li.nav-item a.nav-text:hover{color: #fff;}
nav#top_menu div.nav-in ul li.nav-item a.nav-text:hover:after,
nav#top_menu div.nav-in ul li.nav-item.active a.nav-text:hover:after{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item:nth-child(2) a.nav-text:after{display:none;}

nav#top_menu div.nav-in ul li.nav-item01 div.dropdown{display: none; position: absolute; top: 24px; left: -460px; width: 1920px; height: 342px; background: url('/_DKOnline/images/layout/down_bg.png'); border-radius: 0;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown{display: block;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in{width: 1240px; margin: 0 auto; margin-top: 30px;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game_center{margin: 0 auto; width: max-content;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game{display: inline-block; width: 120px; height: 80px; margin: 20px 14px;  opacity: 0; transform: translateY(20px);}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game a.game_text{display: block; margin-top: -25px; cursor: pointer; text-align: center; font-size: 13px; color: #797a80; text-decoration: none;font-family: 'Noto Sans KR', sans-serif;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game:hover a.game_text{color: #ced0d9;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game1 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/dk_logo.png') center 15px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game1 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/dk_logo_on.png') center 15px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game1:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game1{animation: appear 1s 0.1s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game2 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/pt_logo.png') center 10px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game2 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/pt_logo_on.png') center 10px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game2:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game2{animation: appear 1s 0.2s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game3 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/cc_logo.png') center 6px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game3 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/cc_logo_on.png') center 6px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game3:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game3{animation: appear 1s 0.3s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game4 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/lh_logo.png') center 6px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game4 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/lh_logo_on.png') center 6px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game4:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game4{animation: appear 1s 0.4s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game5 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/gz_logo1.png') center 9px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game5 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/gz_logo_on.png') center 9px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game5:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game5{animation: appear 1s 0.5s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game6 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/ao_logo.png') center 3px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game6 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/ao_logo_on.png') center 3px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game6:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game6{animation: appear 1s 0.6s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game7 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/fh_logo.png') center 3px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game7 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/fh_logo_on.png') center 3px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game7:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game7{animation: appear 1s 0.7s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game8 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/sr_logo.png') center 3px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game8 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/sr_logo_on.png') center 3px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game8:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game8{animation: appear 1s 0.8s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game9 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/nx_logo.png') center 3px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game9 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/nx_logo_on.png') center 3px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game9:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game9{animation: appear 1s 0.9s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game10 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/ac_logo.png') center 14px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game10 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/ac_logo_on.png') center 14px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game10:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game10{animation: appear 1s 1.0s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game11 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/ao_logo2.png') center 10px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game11 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/ao_logo2_on.png') center 10px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game11:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game11{animation: appear 1s 1.1s forwards;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game12 a.dropdown-item{display: block; width: 120px; height: 80px; margin: auto; background: url('/_FishingHero/_event/top_menu/images/ad_logo.png') center 10px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game12 a.dropdown-item:before{
	display: block;
	clear: both;
	content: '';
	width: 120px; height: 80px;
	background: url('/_FishingHero/_event/top_menu/images/ad_logo_on.png') center 10px no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in div.game12:hover a.dropdown-item:before{opacity: 1;}
nav#top_menu div.nav-in ul li.nav-item01.active div.dropdown div.game_in div.game12{animation: appear 1s 1.2s forwards;}

nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in a.masang_launcher{margin: 0 auto; margin-top: 20px; display: block; width: 295px; height: 50px; text-align: center; line-height: 50px;
color: #797a80; font-size: 16px; text-decoration: none;font-family: 'Noto Sans KR', sans-serif; background: url('/_FishingHero/_event/top_menu/images/masang_logo.png') 58px 18px no-repeat;}
nav#top_menu div.nav-in ul li.nav-item01 div.dropdown div.game_in a.masang_launcher:hover{background: url('/_FishingHero/_event/top_menu/images/masang_logo_on.png') 58px 18px no-repeat; color: #ced0d9;}

nav#top_menu div.nav-in ul li.nav-item03 div.dropdown{display: none; position: absolute; top: 25px; left: -230px;  width: 304px; height: 134px;
background: url('/_FishingHero/_event/top_menu/images/logout_bg.png') no-repeat;}
nav#top_menu div.nav-in ul li.nav-item03.active div.dropdown{display: block;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown a.dropdown-item{position: absolute; top: 27px; left: 50%; margin-left: -131px; display: block; width: 262px; height: 42px;
background: url('/_FishingHero/_event/top_menu/images/logout_btn.png') no-repeat; cursor: pointer;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown a.dropdown-item:hover{background: url('/_FishingHero/_event/top_menu/images/logout_btn_on.png') no-repeat;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown div.join{} 
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown div.join a{position: absolute; top: 95px; left: 23px; display: block; width: 120px; height: 30px; 
background: url('/_FishingHero/_event/top_menu/images/icon_join.png') 0 7px no-repeat;
font-size: 16px; color: #cccccc; font-family: 'Noto Sans KR', sans-serif; text-decoration: none; text-align: center; line-height: 30px;} 
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown div.join a:hover{background: url('/_FishingHero/_event/top_menu/images/icon_join_on.png') 0 7px no-repeat; color: #fff;}

div.nav-background{display: none; position: absolute; top: 0; left: 0; z-index: 997; width: 100%; height: 100vh; background: rgba(0,0,0,0.7); cursor: pointer;}
div.nav-background.active{display: block;}

nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box{display: none; position: absolute;  right: -5px; width: 304px; height: 178px;
background: url('/_FishingHero/_event/top_menu/images/login_bg.png') no-repeat;}
nav#top_menu div.nav-in ul li.nav-item03.active div.dropdown.login_box{display: block;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.user{position: absolute; top: 28px; left: 20px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.user p{font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.user p.name{color: #00aeff; font-size: 17px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.user p.account{color: #808080; font-size: 13px; margin-top: 5px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.icon_management{position: absolute; top: 94px; left: 20px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.icon_management a{display: block; width: 120px; height: 30px;
background: url('/_FishingHero/_event/top_menu/images/icon_account.png') 0 7px no-repeat;
font-size: 16px; color: #cccccc; font-family: 'Noto Sans KR', sans-serif; text-decoration: none; text-align: center; line-height: 30px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.icon_management a:hover{background: url('/_FishingHero/_event/top_menu/images/icon_account_on.png') 0 7px no-repeat; color: #fff;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.icon_logout{position: absolute; top: 138px; left: 20px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.icon_logout a{display:block; width: 120px; height: 30px;
background: url('/_FishingHero/_event/top_menu/images/icon_logout.png') 0 7px no-repeat;
font-size: 16px; color: #cccccc; font-family: 'Noto Sans KR', sans-serif; text-decoration: none; text-align: center; line-height: 30px;}
nav#top_menu div.nav-in ul li.nav-item03 div.dropdown.login_box.login_box div.icon_logout a:hover{background: url('/_FishingHero/_event/top_menu/images/icon_logout_on.png') 0 7px no-repeat; color: #fff;}

/*reset css*/
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,form,input,td,select{margin:0;padding:0;font-size:12px;font-family:dotum;color:#575757}
table{border-collapse:collapse;border-spacing:0;}
em,address,var{font-style:normal;}
dl,ul,ol{list-style:none;}
img,fieldset{border:0;}
button{margin:0;padding:0;overflow:hidden;cursor:pointer;border:0;}
legend, caption{overflow:hidden;visibility:hidden;height:0;font-size:0;line-height:0;}
a { text-decoration:none;} a:hover, a:active, a:focus {text-decoration:underline;}
.hide{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
br {letter-spacing:0}
.page {text-align:center;margin-top:30px}
.page table {margin:0 auto}

html,body {min-height:100%;*height:100%;}
.wrap_body{position:relative;width:100%;min-height:100%;*height:100%;text-align:center;margin-top: 46px;}
.wrap_body .side_left{position:absolute;top:0;left:-490px;width:50%;height:1400px;}
.wrap_body .side_left div{position:absolute;top:0;left:0;width:100%;height:1400px;background:url(/_Gunz/img/main/k_top_left.jpg) 100% 0 no-repeat;}
.wrap_body .side_right{position:absolute;top:0;right:1px;*right:0;width:50%;height:1400px;}
.wrap_body .side_right div{position:absolute;top:0;left:0;width:100%;height:1400px;background:url(/_Gunz/img/main/k_top_right.jpg) 490px 0 no-repeat;}

#SkyBannerBox {margin:0 auto;width:980px;position:relative;background:url(/_Gunz/img/main/k_top.jpg) 50% 0 no-repeat;}
#SkyBannerBox .bg_left_sky, #SkyBannerBox .bg_right_sky {display:none}
#SkyBanner {display:none}

#SkyBannerBox.wd_1280 {position:relative;width:1240px;text-align:center;}
#SkyBannerBox.wd_1280 .bg_left_sky {position:absolute;top:0;left:0;width:130px;height:1400px;background:url(/_Gunz/img/main/k_top_left.jpg) 100% 0 no-repeat;display:block}
#SkyBannerBox.wd_1280 .bg_right_sky {position:absolute;top:0;right:0;width:130px;height:1400px;background:url(/_Gunz/img/main/k_top_right.jpg) 0 0 no-repeat;display:block}
#SkyBannerBox.wd_1280 #SkyBanner {position:absolute;width:120px;height:510px;right:0;top:687px;z-index:100;text-align:left;display:block}
#SkyBanner .ssBanner {position:absolute;left:5px;top:5px;width:110px;height:500px;}
#SkyBanner .ssBanner img {width:110px;height:500px;border:0}
#SkyBanner .ssRound {position:absolute;width:120px;height:510px;z-index:2;cursor:pointer;background:url(/_Gunz/img/main/rd_skybanner.gif) 0 0 no-repeat}

.minsize {width:100%;text-align:center;position:absolute;left:0;top:0;text-align:center;z-index:10}

/* �÷��ÿ��� ������ css */
#wrap {position:relative;background: url('http://web-files-tokyo-cdn.masangsoft.com/common/20160607/1465272083/6e647c7fac37c5c68fdc33f4664e2d8d.jpg') no-repeat scroll 0 0 transparent;width:980px;height:464px;margin:0 auto;z-index:8888;}
#wrap .logo {width:246px;height:97px;position:absolute;z-index:9999;top:21px;left:383px;overflow:hidden}
#wrap .btn_start {width:419px;height:112px;position:absolute;z-index:9999;top:313px;left:413px}
#gnb_wrap .DB_wrap{position:relative;overflow:hidden;width:980px}
#gnb_wrap .DB_wrap .DB_main li{float:left;margin-top:20px}
#gnb_wrap .DB_wrap .DB_main li:nth-child(1) {margin-left:25px}
#gnb_wrap .DB_wrap .DB_main li:nth-child(4) {margin-left:300px}
#gnb_wrap .DB_wrap .DB_main li a {display:block;width:103px;height:40px}
#gnb_wrap .DB_wrap .DB_main li a span {display:none}

#gnb_wrap .DB_mask{position:absolute;width:980px;height:147px/*����޴���ü����*/;overflow:hidden;display:none}
#gnb_wrap .DB_mask .DB_move{background: url('http://web-files-tokyo-cdn.masangsoft.com/common/20160607/1465272057/3a70e075777a4e087dc895da643162cd.png') no-repeat scroll 0 0 transparent;position:relative;width:100%;height:147px}
#gnb_wrap .DB_mask .DB_move .DB_subSet{position:relative;width:980px;height:147px;overflow:hidden}
#gnb_wrap .DB_mask .DB_move .DB_subSet ul{float:left;width:103px;height:100px;padding-top:10px;text-align:center}
#gnb_wrap .DB_mask .DB_move .DB_subSet li a {text-decoration:none;color:#919191;font-size:11px;font-weight:bold;letter-spacing:-1px;line-height:22px}
#gnb_wrap .DB_mask .DB_move .DB_subSet li a:hover {color:#fff}
#gnb_wrap .DB_mask .DB_move .DB_subSet .sub1 {margin-left:20px;background:url('http://web-files-tokyo-cdn.masangsoft.com/common/20160607/1465272121/e45cd589cb5abd9c5541ad1c33124c1a.png') no-repeat scroll ;background-position:right}
#gnb_wrap .DB_mask .DB_move .DB_subSet .sub2 {margin-left:4px;background:url('http://web-files-tokyo-cdn.masangsoft.com/common/20160607/1465272121/e45cd589cb5abd9c5541ad1c33124c1a.png') no-repeat scroll ;background-position:right}
#gnb_wrap .DB_mask .DB_move .DB_subSet .sub3 {margin-left:-1px}
#gnb_wrap .DB_mask .DB_move .DB_subSet .sub4 {margin-left:313px}
#gnb_wrap .DB_mask .DB_move .DB_subSet .sub5 {background:url('http://web-files-tokyo-cdn.masangsoft.com/common/20160607/1465272121/e45cd589cb5abd9c5541ad1c33124c1a.png') no-repeat scroll ;background-position:left}
#gnb_wrap .DB_mask .DB_move .DB_subSet .sub6 {margin-left:-2px;background:url('http://web-files-tokyo-cdn.masangsoft.com/common/20160607/1465272121/e45cd589cb5abd9c5541ad1c33124c1a.png') no-repeat scroll ;background-position:left}

#lavalamp {
    background: url('/_Gunz/img/main/lavalamp.png') no-repeat scroll 0 0 transparent;
    width: 120px;
    height: 60px;
	top:120px;
    left: 420px;
    position: absolute;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
.DB_subSet .sub1:hover ~ #lavalamp {left:20px;}
.DB_subSet .sub2:hover ~ #lavalamp {left:120px;}
.DB_subSet .sub3:hover ~ #lavalamp {left:225px;}
.DB_subSet .sub4:hover ~ #lavalamp {left:640px}
.DB_subSet .sub5:hover ~ #lavalamp {left:740px}
.DB_subSet .sub6:hover ~ #lavalamp {left:840px}
/* �÷��ÿ��� ������ css ��*/

.cont_top{position:relative;width:100%;height:464px;margin:0 auto}
.origin{position:relative;width:980px;;text-align:left;margin:0 auto;background:url(/_Gunz/img/common/k_btm.jpg) 0 100% no-repeat;display:inline-block;}
.container {position:relative;width:980px;zoom:1;display:inlnie-block;height:759px;}
.container:after{content:".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.sidebar {float:left;position:relative;width:221px;}
.contents{float:left;position:relative;width:688px;text-align:left;margin-left:47px;}

#divLogin {position:relative;}
#BeforeLogin {position:relative;width:221px;height:134px;background:url(/_Gunz/img/main/login_before.jpg) 0 0 no-repeat;display:block}
#BeforeLogin .s1 { position:absolute; right:90px;; top:3px; white-space:nowrap; }
#BeforeLogin .s1 a { color:#000000; font-size:11px; letter-spacing:-1px; }
#BeforeLogin .s1 strong { color:#EC1B1B; font:bold 11px dotum; letter-spacing:-1px; margin-left:-1px; }
#BeforeLogin .s2 { position:absolute; top:3px;*top:2px;right:0; white-space:nowrap; background:url(/_Gunz/img/main/login_bar01.gif) 0 0 no-repeat; *background-position:0 2px;padding-left:15px; line-height:14px; }
#BeforeLogin .s2 a { color:#CCCCCC; font:11px dotum; letter-spacing:-1px; }
#BeforeLogin .s2 label { margin-right:4px; }
#BeforeLogin .s2 .ichk { position:relative; width:14px; height:14px; vertical-align:middle;border:0}
#BeforeLogin #tooltip { background:url(/_Gunz/img/common/login_tooltip.gif) 0 0 no-repeat; color:#6A6C73; font-size:11px; display:block; text-align:center; letter-spacing:-1px; padding-top:12px; width:140px; height:17px; *height:29px;position:absolute; top:81px; left:0; z-index:2; display:none; }
#BeforeLogin #tooltip strong { color:#EC1B1B; }
#BeforeLogin .bt { background:url(/_Gunz/img/main/login_btn.jpg) 0 0 no-repeat; width:84px; height:49px; position:absolute; left:137px; top:24px; border:0 }
#BeforeLogin .bt span { display:none; }
#BeforeLogin dt { display:none; }
#BeforeLogin .bgid {background:url(/_Gunz/img/main/login_k_id.gif) 11px 8px no-repeat;}
#BeforeLogin .bgpw { background:url(/_Gunz/img/main/login_k_pwd.gif) 11px 8px no-repeat;}
#BeforeLogin .bgnone {background:transparent !important;}
#BeforeLogin .bgon {background:transparent !important;}
#BeforeLogin #uid {position:absolute;width:133px;height:23px;left:0;top:26px;border:0;color:#C0C0C0;font:11px dotum;padding:2px 0 0 10px;*padding:6px 0 0 10px;}
#BeforeLogin #upw { position:absolute;width:133px;height:23px;left:0;top:53px;border:0;color:#C0C0C0;font:11px dotum;padding:2px 0 0 10px;*padding:6px 0 0 10px;}
#BeforeLogin .link {position:absolute; top:86px; left:0;}
#BeforeLogin .link em {display:none}
#BeforeLogin .link a {float:left;display:block;height:23px;background:url(/_Gunz/img/common/trans.gif)}
#BeforeLogin .link .l1 a{width:63px}
#BeforeLogin .link .l2 a{width:75px}
#BeforeLogin .link .l3 a{width:83px}

#AfterLogin {position:relative;}
#AfterLogin .my_id {position:relative;width:100%;height:25px;background:url(/_Gunz/img/main/login_stl.jpg) 0 0 no-repeat;display:inline-block}
#AfterLogin .my_id strong {color:#FF4C15;margin:6px 0 0 15px;display:block}
#AfterLogin .chr {width:59px;height:59px;}
#AfterLogin .info1{position:relative;height:68px;margin-top:7px;}
#AfterLogin .info1 dl{padding-top:5px;}
#AfterLogin .info1 dd a{color:#E0E4EB}
#AfterLogin dt {position:absolute;left:0;top:0;}
#AfterLogin dd {margin-left:71px;height:15px;color:#E0E4EB;font:11px dotum}
#AfterLogin dd span{float:left;display:inline-block;width:38px;color:#C8CBD5}
#AfterLogin .no_chr{letter-spacing:-1px;line-height:15px;}
#AfterLogin .no_chr em{color:#FF4C15}
#AfterLogin dd .no_clan{position:absolute;width:100px;color:#C8CBD5}
#AfterLogin dd .up{color:#EC0101}
#AfterLogin dd .down{color:#5294FF}
#AfterLogin #MyClan{position:relative;height:33px;background:url(/_Gunz/img/main/login_clan.gif) 0 0 no-repeat;}
#AfterLogin #MyClan.on{background-position:0 -35px}
#AfterLogin #MyClan .bt01{position:relative;left:0;top:0;}
#AfterLogin #MyClan .bt02{display:block;position:absolute;left:98px;top:0;width:123px;height:24px;cursor:pointer}
#AfterLogin #MyClan .bt02 .t1{display:none}
#AfterLogin #MyClan .clan_list{position:absolute;border:1px solid #000000;border-top:0;width:219px;*width:221px;margin-bottom:10px;display:none;background:#1E1E21;z-index:3}
#AfterLogin #MyClan.on .clan_list{display:inline-block}
#AfterLogin #MyClan .clan_list .t2{text-align:center;padding:20px 0;font-size:11px;color:#878798}
#AfterLogin #MyClan .clan_list .t3 {margin:17px 0 13px 15px}
#AfterLogin #MyClan .clan_list .t3 li{height:15px;background:url(/_Gunz/img/main/bu_clan.gif) 0 5px no-repeat;*background-position:0 3px;padding-left:7px;font:11px dotum;color:#878798}
#AfterLogin #MyClan .clan_list .t3 li a{color:#878798}

#divNateLogin {position:relative;width:221px;}
#divNateLogin .nate01 {position:relative;width:221px;height:92px;margin-top:10px;background:url(/_Gunz/img/main/nate_login.gif) 0 0 no-repeat}
#divNateLogin .nate02 {position:relative;width:221px;height:92px;margin-top:10px;background:url(/_Gunz/img/main/nate_login.gif) -250px 0 no-repeat}
#divNateLogin .nate03 {position:relative;width:221px;height:92px;margin-top:10px;background:url(/_Gunz/img/main/nate_login.gif) -500px 0 no-repeat}
#divNateLogin .t1 {display:none}
#divNateLogin .bt {position:absolute;left:40px;top:54px;width:142px;height:25px;display:block;background:url(/_Gunz/img/common/trans.gif)}
#divNateLogin .bt span{display:none}	

.container h4 {position:relative;height:35px;z-index:1;display:block;}

.mbx1 {position:relative;height:205px;z-index:2}

.m_item{position:relative;float:left;width:600px;height:100px;margin-top:22px;display:inline-block;border:0px solid #F00}
.m_item .m_item_img{float:left;width:550px;height:160px;overflow:hidden;margin-right:4px}
/* 2�� �̻� ��� �ϰ�� Ȱ��ȭ ����
.m_item .m_item_img li{display:none}
 2�� �̻� ��� �ϰ�� Ȱ��ȭ ��*/
.m_item .m_item_img li img{width:550px;height:160px;}
.m_item .m_item_img .on{display:block}
.m_item .m_item_list {float:left;width:192px;}
.m_item .m_item_list li {float:left;position:relative;width:64px;height:60px;}
.m_item .m_item_list li a {width:60px;height:56px;border:0}
.m_item .m_item_list .current a {position:relative;width:60px;height:56px;display:block}
.m_item .m_item_list .current a img{position:absolute;width:60px;height:56px;left:0;top:0;}
.m_item .m_item_list .current a span{position:absolute;width:56px;height:52px;*width:60px;*height:56px;left:0;top:0;border:2px solid #47484D}
.m_item .more{position:absolute;top:0;left:514px;z-index:2;}

.m_login {float:right;position:relative;width:221px;}
.m_login .bt_download {margin-top:2px;}

.mbx2 {position:relative;height:247px;z-index:1}

.m_news {float:left;position:relative;width:483px;margin-top:26px;}
.m_news dl {height:110px;}
.m_news dt{float:left;width:157px;}
.m_news dt img{width:138px;height:94px;border:1px solid #393A3D;display:block;}
.m_news dd{float:left;width:271px;}
.m_news .stl{font-size:14px;color:#E02A00;line-height:18px;font-weight:bold;letter-spacing:-1px;margin:2px 0 4px 0;display:block}
.m_news .stl a{color:#E02A00;}
.m_news .txt{color:#484747;line-height:18px;padding-right:10px;}
.m_news .more{position:absolute;top:0;left:379px;;z-index:2;}
.m_news .list {}
.m_news .list li {height:20px;}
.m_news .list .t1 {float:left;width:363px;}
.m_news .list .t1 em{font-weight:bold}
.m_news .list .t1 a{color:#484747}
.m_news .list .t2 {display:none}
.m_news .list .t3 {float:left;width:65px;text-align:center;font:normal 10px tahoma;color:#585858}

.m_topic {float:left;position:relative;width:276px;margin-top:26px;}
.m_topic .bx {position:relative;width:219px;height:141px;background:url(/_Gunz/img/main/bg_topic.jpg) 0 0 no-repeat;display:inline-block}
.m_topic .bx .txt {margin:17px 15px 0 14px;line-height:16px;display:block}
.m_topic .bx .txt a {color:#333333}
.m_topic .bx .bt_survey {position:absolute;left:15px;top:87px;}

.m_rank {float:left;position:relative;width:221px;margin-top:26px;}
.m_rank h5{display:none}
.m_rank .tbx{display:none}
.m_rank .tbx ul {width:188px;margin:21px 0 0 11px}
.m_rank .tbx li {float:left;width:188px;height:19px;}
.m_rank .tbx .t1 {float:left;}
.m_rank .tbx .t1 img{vertical-align:-4px;margin-right:13px}
.m_rank .tbx .t2 {float:right}
.m_rank .more{position:absolute;top:0;left:180px;;z-index:2;}

.tab_rank {position:relative;width:221px;height:26px;background:url(/_Gunz/img/main/tab_rank.gif) 0 0 no-repeat;}
.tab_rank span a {position:absolute;display:block;height:26px;background:url(/_Gunz/img/common/trans.gif) 0 0 no-repeat; }
.tab_rank span .on {background:url(/_Gunz/img/main/tab_rank.gif) no-repeat;z-index:2;display:block}
.tab_rank span em { display:none }
.tab_rank .tc0 a {width:73px;left:0}
.tab_rank .tc1 a {width:74px;left:72px}
.tab_rank .tc2 a {width:76px;left:145px}
.tab_rank .tc0 .on {left:0;background-position:0 -26px}
.tab_rank .tc1 .on {left:72px;background-position:-72px -26px }
.tab_rank .tc2 .on {left:145px;background-position:-145px -26px }
#divRank_sub1 { display:block }

.mbx3 {position:relative;height:200px}

.m_community {margin-top:0;}

.m_replay {float:left;position:relative;width:276px;margin-top:0;}
.m_replay .bx{position:relative;width:219px;height:141px;}
.m_replay .player{position:absolute;left:0;top:0;width:219px;height:141px;display:block;background:url(http://c2.img.netmarble.kr/_Gunz/img/main/mov_player.png) 0 0 no-repeat; display:block; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c2.img.netmarble.kr/_Gunz/img/main/mov_player.png', sizingMethod='crop'); cursor:pointer}
.m_replay a{position:absolute;left:0;top:0;width:219px;height:141px;display:block;background:url(/_Gunz/img/common/trans.gif);cursor:pointer;color:#AEAFB4}
.m_replay a span{display:block;margin:120px 0 0 12px;font-weight:bold;color:#AEAFB4}

.m_bnr {float:left;position:relative;width:221px;}
.m_bnr .bnr1{position:relative;display:inline-block;margin-bottom:8px;}
.m_bnr .bnr1 li{float:left;height:50px;}
.m_bnr .bnr1 li img{display:block}
.m_bnr .bnr2 {position:relative;}
.m_bnr .bnr2 li{position:absolute;left:1px;top:0;height:75px;}
.m_bnr .bnr2 img{display:block;width:219px;height:75px;}


#Footer_Area {height:177px;}
#Footer {position:relative;width:980px;margin:0 auto;height:177px;font:normal 11px dotum;text-align:left;}
#Footer .ft_logo span{position:absolute; display:none; text-indent:-10000px }
#Footer .ft_logo span a{display:block; width:100%; height:100%; }
#Footer .ft_logo .logo1{width:129px;height:46px;left:18px;top:41px;display:block;background:url(/_Gunz/img/common/logo.png) 0 0 no-repeat;}
#Footer .ft_logo .logo2{width:68px;height:43px;left:116px;top:49px;display:block;background:url(/_Gunz/img/common/foot_logo_maiet.jpg) 0 0 no-repeat;}
#Footer .ft_bx_txt{padding:42px 0 0 200px;}
#Footer .ft_mnu{width:530px;height:18px;border-bottom:1px solid #323232;}
#Footer .ft_mnu li{float:left;padding-right:10px;margin-right:10px;background:url(/_Gunz/img/common/foot_bar.gif) 100% 2px no-repeat;}
#Footer .ft_mnu li a{font:normal 11px dotum;color:#999999;letter-spacing:-1px}
#Footer .ft_mnu .ft_t1{font-weight:bold;}
#Footer .ft_mnu .ft_x{margin:0;padding:0;background:none}
#Footer .ft_txt{font-size:11px;line-height:14px;padding:8px 0 0 0;color:#484848;letter-spacing:-1px}
#Footer .ft_copy{display:block;font:bold 9px verdana;color:#484848;margin-top:4px;letter-spacing:0}
#FooterGrade{position:absolute;width:241px;height:49px;right:0;top:42px;background:url(/_Gunz/img/common/foot_grade_111222.gif) 0 0 no-repeat;}
#FooterGrade span{display:none;}

#Footer.foot_nat .ft_logo .logo1{width:62px;height:31px;left:34px;top:80px;display:block;background:url(/_Gunz/img/common/foot_logo_cj_s.jpg) 0 0 no-repeat;}
#Footer.foot_nat .ft_logo .logo2{width:49px;height:31px;left:105px;top:85px;display:block;background:url(/_Gunz/img/common/foot_logo_maiet_s.jpg) 0 0 no-repeat;}
#Footer.foot_nat .ft_logo .logo3{width:114px;height:26px;left:34px;top:42px;display:block;background:url(/_Gunz/img/common/foot_logo_sk.jpg) 0 0 no-repeat;}

.lp_msg {position:absolute;left:50%;top:300px;margin-left:-170px;width:331px;height:210px;background:#35353D;border:1px solid #000000}
.lp_msg .lp_tl{width:100%;height:57px;background:url(/_Gunz/img/common/lp_top.jpg) 50% 0 no-repeat}
.lp_msg .lp_tl strong{display:none}
.lp_msg .lp_tb {width:100%;height:106px;}
.lp_msg .lp_tb td {color:#F7F8FB;text-align:center;line-height:18px;letter-spacing:-1px}
.lp_msg .lp_btn {text-align:center}

.pop_notice {position:absolute;left:50%;top:300px;width:400px;height:464px;background:url(/_Gunz/img/pop/bg_notice.jpg) 0 0 no-repeat;margin-left:-200px;}
.pop_notice h4 {display:none}
.pop_notice .bx_notice {height:292px;margin-top:111px;line-height:20px;color:#73706B}
.pop_notice .bx_cont {width:342px;height:271px;margin-left:38px;padding-top:18px;letter-spacing:-1px;line-height:18px;overflow:auto}
.pop_notice .bx_cont .t1 {color:#E96503}
.pop_notice .bt_btm {text-align:center}
.pop_event {position:relative;width:400px;height:464px;background:url(/_Gunz/img/pop/bg_event.jpg) 0 0 no-repeat}

/* ���� ���� ���� �ȳ� ���̾� */
.ly_end_info{border:solid 3px #0d2a59;background:#fffdea;}
.ly_end_info .ly_top{text-align:left;}
.ly_end_info .ly_top a{position:absolute;top:-3px;right:-3px;z-index:10}
.ly_end_info .txt_img{text-align:center;padding-top:60px;}
.ly_end_info .ly_cont{padding:0px 26px 0 38px;text-align:center;color:#666;}
.ly_cont .info_txt{padding-top:19px;line-height:18px}
.ly_cont .info_txt2{padding-top:50px;text-align:left;font-weight:bold;font-size:14px;color:#002e78;letter-spacing:-1px;}
.ly_cont .info_txt2 img{vertical-align:middle;}
.ly_cont table{margin-top:10px;width:480px;text-align:left;border:1}
.ly_cont table tbody tr th,
.ly_cont table tbody tr td{padding-left:20px;height:32px;background:#fff;text-align:left}
.ly_cont table tbody tr th{font-weight:bold;background:#d5dce7;border-bottom:1px solid #fff}
.ly_cont table tbody tr th.bg_y{border-bottom:1px solid #d5dce7;}
.ly_cont table tbody tr td{border:1px solid #d5dce7;}
.ly_cont table tbody tr td.none{padding:5px 0 !important;border:none;background:none}
.ly_cont .line{padding-top:70px;border-bottom:1px solid #c4ccd2}
.ly_cont .ly_bot{position:relative;padding-top:20px;text-align:left;height:35px;}
.ly_cont .ly_bot .today_ck{position:absolute;top:26px;right:0;height:25px;line-height:25px;color:#888;font-size:11px}
.ly_cont .ly_bot .today_ck input{vertical-align:middle;border:none}

.ly_reload .ly_cont{padding:28px 26px 0 28px; width:554px;height:567px;background:url(/web/cp2/hounds/v/img/bg_ly_reload.jpg) 0 0 no-repeat;}
.ly_reload .ly_bot{position:absolute;padding-top:20px;top:546px;left:22px;width:100%}
.ly_reload .ly_bot .today_ck{right:52px;}
.ly_reload .ly_bot a{padding-right:6px;}

.ly_refund .ly_cont{padding:28px 26px 0 28px; text-align:left;}
.ly_refund .info_txt{padding-top:0}
.ly_refund .info_txt2{padding-top:20px}
.ly_refund .info_txt3{padding:20px 0 12px;line-height:20px}
.ly_refund .info_txt3 span{color:#cc0000}
.ly_refund table{margin-left:10px;}
.ly_refund tbody tr td{padding:10px;line-height:20px;background:#fff;border:1px solid #d5dce7}
.ly_refund .type2 tr td{padding:0 0 0 15px;line-height:20px;background:#fff;border:1px solid #d5dce7}
.ly_refund tbody tr td.bg_y{padding:0;text-align:center;font-weight:bold;background:#d5dce7;border-bottom:1px solid #fff}
.ly_refund .line{padding-top:0px;border-bottom:1px solid #b8b7af}
.ly_refund .ly_bot a{padding-right:6px;}

.table_cont tr th,.table_cont tr td{padding:12px 0;font-size:14px;font-weight:bold;text-align:center}
.ly_end_request .btn{position:absolute;z-index:20;text-indent:-9999em;display:block;background:url(/_Gunz/img/common/trans.gif)}
.ly_end_request .bt_01{top:377px;left:28px;width:164px;height:35px}
.ly_end_request .bt_02{top:377px;left:202px;width:166px;height:35px}