@charset "utf-8";
@import url(/css/web_font/nanumgothic.css);

@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@300;400;500;600&family=Nanum+Myeongjo&display=swap');


/* 원스토어 모바일POP체 */
@font-face {
    font-family: 'ONE-Mobile-POP';
    src: url('/css/web_font/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 원스토어 모바일고딕 제목체 */
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('/css/web_font/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 원스토어 모바일고딕 본문체 */
@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('/css/web_font/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 신라문화체 */
@font-face {
    font-family: 'Shilla_CultureB-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 정묵바위체 */
@font-face {
    font-family: 'SangSangRock';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 워헤이븐 */
@font-face {
    font-family: 'WarhavenB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/WarhavenB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 던파 연단된칼날 */
@font-face{
font-family:'DNFForgedBlade300';font-style:normal;font-weight:300;
src:url('//cdn.df.nexon.com/img/common/font/DNFForgedBlade-Light.otf')format('opentype')}

@font-face{
font-family:'DNFForgedBlade500';font-style:normal;font-weight:500;
src:url('//cdn.df.nexon.com/img/common/font/DNFForgedBlade-Medium.otf')format('opentype')}

@font-face{
font-family:'DNFForgedBlade700';font-style:normal;font-weight:700;
src:url('//cdn.df.nexon.com/img/common/font/DNFForgedBlade-Bold.otf')format('opentype')}




body {	font-size:14px; font-family:Nanum Gothic; line-height: 160%; margin:0; background-color: #ffffff;}
td {font-size:14px; font-family:Nanum Gothic; line-height: 160%;}

.text {position:absolute;bottom:20px; margin:0 auto; width:100%; float:center; z-index:11;}
.text_s {position:absolute;top:15px; width:100%; z-index:11;}
.text_big {position:absolute;top:-120px; margin:0 auto; width:93%; float:center; z-index:11;}
.text_button {position:absolute;bottom:-40px; width: 100%; margin:0 auto; width:93%; float:center; z-index:11;}

.big_logo {font-size:10vh; font-family:SangSangRock; line-height:160%; color:rgba(255, 255, 255, 255);}
.m4_big {font-size:2vh; font-family:DNFForgedBlade300; line-height:160%; color:rgba(255, 255, 255, 0.9);}
.m4_small {font-size:1.3vh; font-family:DNFForgedBlade300; line-height:160%; color:rgba(255, 255, 255, 0.7);}
.m4_small2 {font-size:1.2vh; font-family:DNFForgedBlade300; line-height:160%; color:rgba(255, 255, 255, 0.7);}


.container {
  display: flex;
  width: 120vh;
  padding: 4% 2%;
  box-sizing: border-box;
  height: 60vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
 }

.box {
	position: relative;
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 0.7%;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);
  line-height: 0;
}

.box > img {
  width: 100%;
  height: calc(100% - 0vh);
  -o-object-fit: cover;
     object-fit: cover;
  transition: .5s;
}

.box > span {
  font-size: 3vh;
  display: block;
  text-align: center;
  height: 10vh;
  line-height: 0.6;
}

.box:hover {
  flex: 1 1 40%;
}

.box:hover > img {
  width: 100%;
  height: 100%;
}


a:link		 {color:#363636; font-size:14px;	font-family:"Nanum Gothic";	text-decoration:none; line-height: 160%;}
a:visited	 {color:#363636; font-size:14px;	font-family:"Nanum Gothic";	text-decoration:none; line-height: 160%;}
a:hover 	 {color:#363636; font-size:14px;	font-family:"Nanum Gothic";	text-decoration:underline; line-height: 160%;}


#gameStart	{position:absolute; z-index:4;}
#gameStart	img	{cursor:pointer;}
#gameStart a {display:block;}
#gameStart .off {position:absolute; top:0; left:0; z-index:1;}
#gameStart .over {position:absolute; top:0; left:0; z-index:2; display:none;}

 #img1 {position:absolute; width:257px; height:200px; z-index:1; visibility:hidden;}
 #img2 {position:absolute; width:257px; height:200px; z-index:2}


#bg-video {overflow: hidden;position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
#bg-video video {position: absolute;left: 0;top: 0;/* width:auto; *//* width: 100%; */height: auto;width: 100%; }
#bg-video .bg-video-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.1);}



.inputbox
	{ 
	font-size:10pt; color:#666666; 
	font-family:Nanum Gothic; border-top:1px #A2A2A2 solid; border-right:1px #DEDEDE solid; 
	border-bottom:1px #DEDEDE solid; border-left:1px #A2A2A2 solid; padding:3 0 0 3 
	}
	
.inputbox_g
	{ 
	font-size:10pt; color:#c7c7c7; background-color:#6a6a6a;
	font-family:Nanum Gothic; border-top:1px #313131 solid; border-right:1px #22201A solid; 
	border-bottom:1px #131008 solid; border-left:1px #454032 solid; padding:3 0 0 3 
	}

.inputbox_search
	{ 
	font-size:10pt; color:#003440; 
	font-family:Nanum Gothic; border-top:3px #623827 solid; border-right:3px #623827 solid; 
	border-bottom:3px #623827 solid; border-left:3px #623827 solid; padding:3 0 0 3 
	}




/* 전체레이아웃 */
#gnb{position:relative;margin:0 auto; z-index:10000;}
#html {width:100%; margin:0 auto;}
#bgmovie {width:100%; margin:0 auto;}
#wrap {width:1450px; margin:0 auto;}
#main{position:relative;margin:0 auto; width:1180px; absolute;top:330px; z-index:11;}

#login_main {position:absolute;top:664px; left:50%;margin-left:325px; z-index:500;}
#login_sub {position:absolute;top:435px; left:50%;margin-left:173px; z-index:500;}
#m_link_sub {position:absolute;top:452px; left:50%;margin-left:-600px; z-index:500;}




#wrap_m {width:1510px; margin:0 auto;}
#main_m {position:relative;margin:0 auto; width:1510px; absolute;top:-167px; z-index:11;} /*빅배너 공간만큼 아래로 공간띄우기 */
#main_sub {position:relative;margin:0 auto; width:1180px; absolute;top:393px; z-index:11;} /*서브배너 공간만큼 아래로 공간띄우기 */

#sel_table {width:800px; margin:43 left;}
#sel_table2 {width:1220px; margin:0 auto;}

#sel {width:100%; margin:0 auto;}
#login{position:relative;margin:0 auto; width:300px;height:0px; absolute;top:330px; z-index:9; float:right;}
#main_left {width:1180px; float:left;}
#main_right {width:300px; margin-left:20px; float:right;}
#footer {position:relative;margin:0 auto; width:100%; float:center; z-index:11;}
/*#footer {width:100%; margin:0 auto;}*/


#main_right_ban {position:absolute;top:-470px;left:1200px; } /*spop 원래위치 */

/* #main_right_ban {position:absolute;top:-345px;left:1058px;}  spop 위치안쪽으로 변경 */
#main_right_01 {position:absolute;top:-640px; left:50%;margin-left:-200px;} /* 날짜 안내등 표기 */
#main_right_02 {position:absolute;top:-643px; left:50%;margin-left:-660px; z-index:1000;} /* 텍스트배너 */
#main_left_roll {position:absolute;top:-560px; left:50%;margin-left:-840px; z-index:99999999;} /* 좌측롤링배너 */
#main_ban_roll {position:absolute;top:69px; left:50%;margin-left:-235px; z-index:999999;} /* 중앙 뉴스 롤링배너 */


#main_count {position:absolute;top:-626px;left:1100px; z-index:1000;} /* 정식오픈 카운트다운 */
/* #main_right_02 {position:absolute;top:-350px;left:1180px; z-index:1000;} 우측사람배너 */
/* #main_right_02 {position:absolute;top:30px;left:1180px;} 우하단으로 이동*/

/*#main_right_ban {position:absolute; left:50%; top:50%; margin:-340px 0 0 590px;}*/


 /* #main_bg { position: absolute; left: 50%; overflow: hidden; width: 2560px; height: 1600px; margin-left: -1280px;  z-index:1; } 메인 좌우여자 */
#main_bg { position: absolute; left: 50%; top: 0px; overflow: hidden; width: 2560px; height: 1600px; margin-left: -1280px;  z-index:1; }  /* 메인 하단가리기 */
#main_bg_left { position: absolute; left: 50%; top: 665px; overflow: hidden; width: 1160px; height: 630px; margin-left: -1280px;  z-index:1; }  /* 메인 좌우여자 */
#main_bg_right { position: absolute; right: 50%; overflow: hidden; width: 780px; height: 1662px; margin-right: -1280px;  z-index:1; }  /* 메인 좌우여자 */

 
 
/* 빙글빙글 */
img.infinite_rotating_play{
    animation: rotate_image 20s linear infinite;
    transform-origin: 50% 50%;
}
 
@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
.mtt { position:absolute; left:50%; margin-left:-440px; top:7%; z-index:10;} /*중앙의 내용/버튼*/


 

/* 로그인 */
#namebox {width:300px; height:40px; position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; text-align: center; margin:0 auto; }
.selbox {width:300px; position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; text-align: center; margin:0 auto; }



/* 셀 */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute; 
  left:0;
  top:0;
  width:1280px;
  height:720px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:1280px; 
  height:720px;
  padding:0px;
  background-color:;
}


/* 일반 */
a.login_c:link {color:a9a9a9; font-size:15px; font-family:Nanum Gothic; line-height:140%;}
a.login_c:visited {color:a9a9a9; font-size:15px; font-family:Nanum Gothic; line-height:140%;}
a.login_c:hover {color:a9a9a9; font-size:15px; font-family:Nanum Gothic; line-height:140%; text-decoration:none;}


.centext {font-size:34px; font-family: 'Hahmlet', serif; line-height:140%;}  /* 메인중앙 롤링텍스트 */


.one_pop12 {font-size:12px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop13 {font-size:13px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop14 {font-size:14px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop15 {font-size:15px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop16 {font-size:16px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop18 {font-size:18px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop20 {font-size:20px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop26 {font-size:26px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop30 {font-size:30px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop40 {font-size:40px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop50 {font-size:50px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop60 {font-size:60px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop70 {font-size:70px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop80 {font-size:80px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop90 {font-size:90px; font-family:ONE-Mobile-POP; line-height:100%;}
.one_pop100 {font-size:100px; font-family:ONE-Mobile-POP; line-height:100%;}

.one_big11 {font-size:11px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big12 {font-size:12px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big13 {font-size:13px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big14 {font-size:14px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big15 {font-size:15px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big16 {font-size:16px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big18 {font-size:18px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big20 {font-size:20px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big26 {font-size:26px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big30 {font-size:30px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big34 {font-size:34px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big40 {font-size:40px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big50 {font-size:50px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big60 {font-size:60px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big70 {font-size:70px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big80 {font-size:80px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big90 {font-size:90px; font-family:ONE-Mobile-Title; line-height:140%;}
.one_big100 {font-size:100px; font-family:ONE-Mobile-Title; line-height:140%;}

.one_sub11 {font-size:11px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub12 {font-size:12px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub13 {font-size:13px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub14 {font-size:14px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub16 {font-size:16px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub18 {font-size:18px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub20 {font-size:20px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub26 {font-size:26px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub30 {font-size:30px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub34 {font-size:34px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub40 {font-size:40px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub50 {font-size:50px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub60 {font-size:60px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub70 {font-size:70px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub80 {font-size:80px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub90 {font-size:90px; font-family:ONE-Mobile-Regular; line-height:140%;}
.one_sub100 {font-size:100px; font-family:ONE-Mobile-Regular; line-height:140%;}




.m12 {font-size:13px; font-family:Nanum Gothic; line-height:140%;}
.m13 {font-size:13px; font-family:Nanum Gothic; line-height:140%;}
.m14 {font-size:14px; font-family:Nanum Gothic; line-height:140%;}
.m15 {font-size:15px; font-family:Nanum Gothic; line-height:140%;}
.m16 {font-weight:bold; font-size:16px; font-family:Nanum Gothic; line-height:140%;}
.m20 {font-weight:bold; color:000000; font-size:20px; font-family:Nanum Gothic; line-height:140%;}
.m26 {font-weight:bold; color:000000; font-size:26px; font-family:Nanum Gothic; line-height:140%;}
.m40 {font-weight:bold; color:000000; font-size:40px; font-family:Nanum Gothic; line-height:140%;}
.m90 {color:ffd200; font-size:90px; font-family:Nanum Gothic; line-height:140%;}

.cash_b {color:#331a00; font-size:20px; font-family:Nanum Gothic; font-weight:bold; line-height:140%;}
.cash_s {color:#000000; font-size:15px; font-family:Nanum Gothic; font-weight:bold; line-height:140%;}
.cash_line {text-decoration: line-through; color:#000000; font-size:15px; font-family:Nanum Gothic; font-weight:bold; line-height:140%;}


.small {color:A7A7A7; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_red {color:FFA200; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_red2 {color:E08D00; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_dark {color:687783; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_dark2 {color:535353; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_navy {color:837668; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_blue {color:5F4A30; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_white {color:ffffff; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.small_brown {color:4A452C; font-size:12px; font-family:Nanum Gothic; line-height:160%;}
.bold_agree {font-weight:bold; color:ffffff; font-size:30px; font-family:Nanum Gothic; line-height:160%;}
.text_agree_b {font-weight:bold; color:000000; font-size:16px; font-family:Nanum Gothic; line-height:180%;}
.text_agree {color:1c1c1c; font-size:13px; font-family:Nanum Gothic; line-height:180%;}
.name {color:5a3e29; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
.bbsread {color:777777; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
.copy_black {color:888888; font-size:13px; font-family:Nanum Gothic; line-height:160%;}

.bold {font-weight:bold; color:000000; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
.bold_blue {font-weight:bold; color:298CE0; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
.bold_big {font-weight:bold; color:ffffff; font-size:20px; font-family:Nanum Gothic; line-height:160%;}
.bold_big2 {font-weight:bold; color:ffffff; font-size:14px; font-family:Nanum Gothic; line-height:140%;}
.bold_big3 {font-weight:bold; color:000000; font-size:15px; font-family:Nanum Gothic; line-height:150%;}
.bold_big3s {color:000000; font-size:13px; font-family:Nanum Gothic; line-height:150%;}
.bold_big4 {font-weight:bold; color:ffa200; font-size:20px; font-family:Nanum Gothic; line-height:140%;}
.bold_agree {font-weight:bold; color:ffffff; font-size:30px; font-family:Nanum Gothic; line-height:160%;}
.text_agree_b {font-weight:bold; color:ffffff; font-size:15px; font-family:Nanum Gothic; line-height:180%;}
.text_agree {font-color:ffffff; font-size:13px; font-family:Nanum Gothic; line-height:180%;}
.board_tt {font-weight:bold;color:#666666; font-size:13px; font-family:Nanum Gothic; line-height:160%;}


.server01 {font-weight:bold; color:ffffff; font-size:15px; font-family:Nanum Gothic; line-height:120%;}
.server02 {font-weight:bold; color:ffffff; font-size:15px; font-family:Nanum Gothic; line-height:120%;}
.server03 {font-weight:bold; color:ffffff; font-size:18px; font-family:Nanum Gothic; line-height:120%;}
.server_s {color:b1b1b1; font-size:12px; font-family:Nanum Gothic; line-height:130%;}


/* 링크 */
a.login_c:link {color:a9a9a9; font-size:15px; font-family:Nanum Gothic; line-height:140%;}
a.login_c:visited {color:a9a9a9; font-size:15px; font-family:Nanum Gothic; line-height:140%;}
a.login_c:hover {color:a9a9a9; font-size:15px; font-family:Nanum Gothic; line-height:140%; text-decoration:none;}


a.red_b:link {font-weight:bold; color:ED6A00; font-size:9pt; font-family:Nanum Gothic; line-height:160%;}
a.red_b:visited {font-weight:bold; color:ED6A00; font-size:9pt; font-family:Nanum Gothic; line-height:160%;}
a.red_b:hover {font-weight:bold; color:F07B1D; font-size:9pt; font-family:Nanum Gothic; line-height:160%;	text-decoration:none;}

a.copy:link {color:b0b0b0; font-size:9pt; font-family:Nanum Gothic; line-height:160%;}
a.copy:visited {color:b0b0b0; font-size:9pt; font-family:Nanum Gothic; line-height:160%;}
a.copy:hover {color:b0b0b0; font-size:9pt; font-family:Nanum Gothic; line-height:160%; text-decoration:none;}

a.sel_link:link {font-weight:bold; color:ffcc66; font-size:16px; font-family:Nanum Gothic; line-height:160%;}
a.sel_link:visited {font-weight:bold; color:ffcc66; font-size:16px; font-family:Nanum Gothic; line-height:160%;}
a.sel_link:hover {font-weight:bold; color:ffcc66; font-size:16px; font-family:Nanum Gothic; line-height:160%;	text-decoration:none;}


a.notice:link {color:b0b0b0; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
a.notice:visited {color:b0b0b0; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
a.notice:hover {color:b0b0b0; font-size:13px; font-family:Nanum Gothic; line-height:160%;}

a.mnotice:link {color:ffffff; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
a.mnotice:visited {color:ffffff; font-size:13px; font-family:Nanum Gothic; line-height:160%;}
a.mnotice:hover {color:ffffff; font-size:13px; font-family:Nanum Gothic; line-height:160%;}

a.noti_tt:link {font-weight:bold; font-size:19px; font-family:Nanum Gothic; line-height:160%;}
a.noti_tt:visited {font-weight:bold; font-size:19px; font-family:Nanum Gothic; line-height:160%;}
a.noti_tt:hover {font-weight:bold; font-size:19px; font-family:Nanum Gothic; line-height:160%;	text-decoration:none;}

a.normal_link:link {font-size:13px; font-family:Nanum Gothic; line-height:160%;}
a.normal_link:visited {font-size:13px; font-family:Nanum Gothic; line-height:160%;}
a.normal_link:hover {font-size:13px; font-family:Nanum Gothic; line-height:160%;	text-decoration:none;}




/* 테이블 색상 */
.table01 {background-color:#D0D7DA;}
.table02 {background-color:#F4F6F7;}
.table03 {background-color:#E4E8EB;}
.table_back {background-color:#FFFFFF;}
.table_line01 {background-color:#5d5d5d;}
.table_s {border:1px solid #666666;background-color:transparent;}


#q_pagelink {height:20px;padding:5px 0;text-align:center;display:block;}
#q_pagelink .pg_num {cursor:pointer;border:#929292 solid 1px;padding:4px 8px;margin:0px 2px;font-family:arial;font-size:13px;}
#q_pagelink .pg_num1 {cursor:pointer;border:#929292 solid 1px;padding:4px 8px;margin:0px 2px;font-weight:normal;font-family:arial;font-size:13px;}
#q_pagelink .pg_num:hover {border:#424242 solid 1px;color:#424242;}
#q_pagelink .pg_num1:hover {border:#424242 solid 1px;color:#424242;}
#q_pagelink .pg_num_select {border:#000000 solid 1px;background-color:#000000;color:#fff;padding:4px 8px;margin:0 2px;font-weight:bold;font-family:arial;font-size:13px;}
#q_pagelink .skipl {padding-right:6px;color:#c0c0c0;}
#q_pagelink .skipr {padding-left:6px;color:#c0c0c0;}


/* 메인하단3개 롤오버 */
.wrapEvent{*zoom:1}.wrapEvent:after{content:"";display:table;clear:both}.wrapEvent .boxThemeContents{position:relative}.wrapEvent .boxType{display:block;height:296px;cursor:pointer}.wrapEvent .boxType:hover{text-decoration:none}.wrapEvent .boxType:hover h2{text-decoration:underline}.wrapEvent .boxType:hover .thumb img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transition:-moz-transform 0.4s ease-in;-o-transition:-o-transform 0.4s ease-in;-webkit-transition:-webkit-transform 0.4s ease-in;transition:transform 0.4s ease-in}.wrapEvent .boxType .thumb{height:296px; overflow:hidden}





/* 게임스타트 
game_area video{width:290px; height:170px; position:absolute; left:0; top:0; transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -webkit-transition:opacity 0.3s ease;}
.game_area #video_default{z-index:2;}
.game_area .game_start a {width:290px; height:132px; background:url(http://s.nx.com/s2/game/tera/site/common/space.gif); text-indent:-9999px; position:absolute; left:0; top:0; z-index:30;}
 게임스타트 */







/* 메인메뉴 */
#common-masthead { position: absolute; top: 0; left: 0; width: 100%; min-width: 1300px; height: 145px; background: url(/images/m_top_bg.png); border-top: 1px solid #2e2e2e; border-bottom: 0px solid #151515; z-index: 1000; }



#common-masthead.open .common-gnb-sub, #common-masthead.open .menu_banner { display: block; }

.common-masthead-wrap { position: relative; width: 1300px; height: 100%; margin: 0 auto; text-align: center; }
.common-masthead-wrap .masthead-inner { margin-right: 270px; height: 100%; }
.common-masthead-wrap .logo { position: absolute; top: 2px; left: 0; height: 35px; z-index:10000;}
.common-masthead-wrap .logo a { display: block;  z-index:10000;}
.common-masthead-wrap .sub_search { *zoom: 1; position: absolute; right: 0; top: 10px; text-align: left; z-index: 999; border: none; width: 174px; height: 28px;}

#common-navi { position: relative; height: 100%; z-index: 1001; margin-left: 210px; display: inline-block; zoom: 1; }
#common-navi .gnb-on { display: none; position: absolute; top: -1px; left: 0; width: 130px; height: 188px; background: url(/images/m_tap_bg.png); z-index: 1000; border-top: 1px solid #ff0000; } /* 온 탭 */
/* #common-navi .gnb-on { display: none; position: absolute; top: -1px; left: 0; width: 130px; height: 188px; background-color: #000000; z-index: 1000; border-top: 3px solid #ff0000; }  온 탭 */

.common-gnb { *zoom: 1; height: 100%; }
.common-gnb:before, .common-gnb:after { content: ''; display: table; }
.common-gnb:after { clear: both; }
.common-gnb .common-gnb-menu { position: relative; float: left; width: 130px; height: 100%; text-align: center; }
.common-gnb .common-gnb-menu > a { position: relative; color: #e8e8e8; font-size: 17px; font-weight: bold; letter-spacing: -1px; display: block; width: 100%; height: 25px; padding-top: 20px; zoom: 1; *display: inline; z-index: 1001; outline: 0 none !important; }
.common-gnb .common-gnb-menu > a:focus { color: #ff0000; text-decoration: none; font-weight: bold; }

.common-gnb .common-gnb-menu:hover > a, .common-gnb .common-gnb-menu.on > a, .common-gnb .common-gnb-menu.active > a { color: #ffa800; text-decoration: none; font-weight: bold;} /* 대메뉴 */
.common-gnb.disabled span { color: #ffffff; font-size: 17px; line-height: 68px; letter-spacing: -1px; font-weight: bold; }

.common-gnb-sub { display: none; position: relative; top: 0; left: 0; padding-top: 7px; padding-bottom: 12px; z-index: 1001; }
.common-gnb-sub li.on a, .common-gnb-sub li.active a { text-decoration: none; color: #ffffff; }
.common-gnb-sub li a { display: block; color: #bfbfbf; font-size: 13px; padding: 2px 0 5px; outline: 0 none !important; }
.common-gnb-sub li a:hover, .common-gnb-sub li a:focus { text-decoration: none; color: #f1f1f1;} /* 소메뉴 */

.menu_banner { position: absolute; bottom: 30px; left: 0; width: 200px; height: 118px; z-index: 1000; display: none; }
.menu_banner a { display: block; height: 100%; }
.menu_banner a img { width: 200px; height: 118px; }

ul, ol, dl { list-style: none; }
.txt_hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.wrapper-main { position: relative; width: 100%; overflow: hidden; }

/* 메인메뉴 */









/* 눈내리기 */

#wrapper {position:relative;width:100%;height:100%;min-width:1000px;min-height:1028px;z-index:20000;overflow:hidden;background-size:cover;background:url('http://bomgames.com/images/snow.png') no-repeat center top;}
.snow {position: relative;top:0;right: 0;bottom:0;left:0;width: 6px;height: 6px;margin: auto;border-radius: 50%;
	-webkit-animation: snow 14000ms linear infinite;
	animation: snow 14000ms linear infinite;
}
.snow:nth-child(2) {left: 200px;
	-webkit-animation-delay: 8888.88889ms;
	animation-delay: 8888.88889ms;
}
.snow:nth-child(3) {right: 200px;
	-webkit-animation-delay: 4444.44444ms;
	animation-delay: 4444.44444ms;
}
@-webkit-keyframes snow {
	0% {
	box-shadow: 62vw -145vh 6px 4px #fff, -54vw -134vh 19px 17px #fff, 10vw -55vh 6px 3px #fff, -71vw -141vh 7px 3px #fff, 6vw -110vh 12px 12px #fff, -98vw -84vh 5px 2px #fff, 34vw -119vh 4px 6px #fff, -73vw -51vh 8px 10px #fff, 81vw -135vh 8px 7px #fff, -55vw -69vh 7px 5px #fff, 1vw -111vh 8px 4px #fff, -2vw -138vh 7px 4px #fff, 27vw -88vh 2px 5px #fff, -3vw -118vh 6px 2px #fff, 15vw -131vh 5px 3px #fff, 15vw -75vh 6px 4px #fff, -9vw -70vh 13px 11px #fff, -41vw -118vh 1px 4px #fff, -3vw -82vh 3px 1px #fff, -14vw -72vh 5px 3px #fff, 25vw -98vh 18px 11px #fff, -84vw -99vh 6px 1px #fff, 69vw -75vh 3px 5px #fff, -41vw -95vh 14px 16px #fff, -4vw -89vh 5px 2px #fff;
	}
	100% {
	box-shadow: 82vw 101vh 2px 4px #fff, -12vw 133vh 11px 9px #fff, 29vw 113vh 6px 1px #fff, -72vw 82vh 6px 5px #fff, 11vw 130vh 18px 11px #fff, -15vw 88vh 5px 5px #fff, 38vw 122vh 4px 5px #fff, 3vw 99vh 13px 10px #fff, 11vw 136vh 12px 8px #fff, -25vw 118vh 5px 5px #fff, 48vw 95vh 8px 1px #fff, -8vw 150vh 6px 3px #fff, -3vw 127vh 5px 3px #fff, -79vw 90vh 8px 2px #fff, -20vw 149vh 2px 3px #fff, -8vw 128vh 3px 3px #fff, 21vw 128vh 11px 15px #fff, 20vw 58vh 5px 1px #fff, 90vw 62vh 2px 2px #fff, -5vw 72vh 7px 1px #fff, 28vw 103vh 15px 13px #fff, -57vw 89vh 5px 1px #fff, 99vw 104vh 4px 5px #fff, -41vw 136vh 14px 17px #fff, 68vw 119vh 7px 1px #fff;
	}
}
@keyframes snow {
	0% {
	box-shadow: 62vw -145vh 6px 4px #fff, -54vw -134vh 19px 17px #fff, 10vw -55vh 6px 3px #fff, -71vw -141vh 7px 3px #fff, 6vw -110vh 12px 12px #fff, -98vw -84vh 5px 2px #fff, 34vw -119vh 4px 6px #fff, -73vw -51vh 8px 10px #fff, 81vw -135vh 8px 7px #fff, -55vw -69vh 7px 5px #fff, 1vw -111vh 8px 4px #fff, -2vw -138vh 7px 4px #fff, 27vw -88vh 2px 5px #fff, -3vw -118vh 6px 2px #fff, 15vw -131vh 5px 3px #fff, 15vw -75vh 6px 4px #fff, -9vw -70vh 13px 11px #fff, -41vw -118vh 1px 4px #fff, -3vw -82vh 3px 1px #fff, -14vw -72vh 5px 3px #fff, 25vw -98vh 18px 11px #fff, -84vw -99vh 6px 1px #fff, 69vw -75vh 3px 5px #fff, -41vw -95vh 14px 16px #fff, -4vw -89vh 5px 2px #fff;
	}
	100% {
	box-shadow: 82vw 101vh 2px 4px #fff, -12vw 133vh 11px 9px #fff, 29vw 113vh 6px 1px #fff, -72vw 82vh 6px 5px #fff, 11vw 130vh 18px 11px #fff, -15vw 88vh 5px 5px #fff, 38vw 122vh 4px 5px #fff, 3vw 99vh 13px 10px #fff, 11vw 136vh 12px 8px #fff, -25vw 118vh 5px 5px #fff, 48vw 95vh 8px 1px #fff, -8vw 150vh 6px 3px #fff, -3vw 127vh 5px 3px #fff, -79vw 90vh 8px 2px #fff, -20vw 149vh 2px 3px #fff, -8vw 128vh 3px 3px #fff, 21vw 128vh 11px 15px #fff, 20vw 58vh 5px 1px #fff, 90vw 62vh 2px 2px #fff, -5vw 72vh 7px 1px #fff, 28vw 103vh 15px 13px #fff, -57vw 89vh 5px 1px #fff, 99vw 104vh 4px 5px #fff, -41vw 136vh 14px 17px #fff, 68vw 119vh 7px 1px #fff;
	}