/** reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption,
footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body { margin: 0; padding: 0; width: 100%;height:100%; font-family: 'Tahoma', serif; font-size: 16px; color:#3a312a; position:relative; letter-spacing: 0}
body{position:relative; }
img{vertical-align:top; border:0;}
ol, ul, li, dl{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
legend,caption{visibility:hidden;overflow:hidden;height:0;font-size:0;line-height:0}
a{text-decoration:none; color:#333;word-break: break-all;}
div, p, span{word-break: break-all;}
a:hover,a:active,a:focus{text-decoration:none;transition: all 0.3s;}
textarea, input[type="image"],  input[type="text"],  input[type="submit"],  input[type="password"] {-webkit-appearance:none; font-family:'Tahoma', serif;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a, input, button{outline:none; color:#333}
button { cursor: pointer; overflow: visible; border:0; background-color:#fff; padding:0; margin:0; font-size: 100%}
i, em{font-style: normal}
.txt_hidden, caption{display:inline; overflow: hidden; position:absolute; top:0; left:0; font-size:0; text-indent:-9999px;}

/** skipNav **/
#skipNav{position:relative; z-index:100;}
#skipNav a{display: block; overflow: hidden; position:absolute; top:-40px; left:0; width:150px; text-align:center;}
#skipNav a:hover, #skipNav a:active, #skipNav a:focus{top:0; padding:5px; background:#841200 none;  color:#fff; text-align:center;}

/** layout **/
body{min-width:1200px;}
body:after{clear:both;display:block;content:""}
#wrap{width:100%; position: relative; overflow: hidden;}

/** header **/
header{position: absolute; width:100%; height:100px; z-index: 51;background-color:rgba(0,0,0,0.5); -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
header .menuLine{opacity:0;position: absolute; width:100%; top:100px; border-top:1px solid #111;-webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
header .menuArea{width:1200px; height:100%; margin:0 auto;}
header h1{float:left; width:112px; height:61px; margin-top:17px;}
header .nav{float: right; width:1000px; }
header .nav > li{float:left; width:200px; height:100px; line-height:100px; text-align: center;  }
header .nav > li > a{width:100%; height:100px; display:block; box-sizing: border-box;  font-size: 20px; color: #fff; }
header .nav li ul{width:100%; height:0; opacity:0; margin-top:33px; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
header .nav li ul li{display: none; width:100%;height:30px; line-height:30px; text-align: center;}
header .nav li ul li a{display:block; width:100%; margin-top:5px;color:#7e7e7e; font-size: 16px;}
header .nav li ul li a:hover{color:#87c7e2}
header:hover{height:325px; box-sizing: border-box; background-color:#000; }
header:hover .menuLine, header:hover .nav li ul{opacity:1;-webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
header:hover .nav li ul{height:100%;}
header:hover .nav li ul li{display: block}
header .nav > li:hover > a{color:#87c7e2; border-bottom:2px solid #87c7e2; }

/** footer **/
footer{ width:100%; height:380px;}
footer .terms{position: relative; width:100%; height:90px;  border-bottom:1px solid #eee;}
footer .terms ul{width:1200px; margin:0 auto; text-align: center; padding-top:35px; box-sizing: border-box ; border-top:1px solid #eee}
footer .terms ul li{display:inline-block; margin-right: 17px; padding-left:17px; background:url('../images/common/fbar.jpg')no-repeat left center;}
footer .terms ul li:first-child{background:none; padding-left:0;}
footer .terms ul li:last-child{margin-right:0;}
footer .terms ul li a{display:block; font-size:14px; color:#979797}
footer .ft{position: relative; width:1200px; height:100%; margin:0 auto;}
footer .ft h1{position: absolute; top:27px; left: 50%; margin-left:-68px; }
footer .ft .company{position: absolute; top:80px; left:226px; font-size:13px; color:#898989; text-align: center}
footer .ft .company a{color:#898989; }
footer .ft p.copyright{top:160px; left: 425px;}
footer .ft p{position: absolute; top:160px; left: 287px; font-size:13px; color:#898989;}
footer .gameInfo span { position: absolute; top:200px; left: 50%; margin-left:-62px; display: inline-block; width: 125px; height: 70px; overflow: hidden; text-indent: -10000px; background: url('../img/img_violenceAgeLimits.png') no-repeat 0 0; }
footer .gameInfo table { position: absolute; top: 200px; right: 350px; width: 372px; height: 47px; overflow: hidden; text-indent: -10000px; background: url('../images/common/txt_gameInfo.jpg') no-repeat 0 0; }

/* sub_banner */
.sub_banner{position: relative;	width:100%; height:325px; z-index: 30; background-color:#000; text-align: center;}

/** container **/
#container{width:1200px; margin:0 auto 0; box-sizing: border-box;}
#container:after{display:block; content:""; clear:both;}
.sub_page{padding:60px 0}

/** contents **/
.contents {position:relative; float: left; width:890px; min-height:700px;}
.contents:after {clear:both;display:block;content:""}
.big_tit{width:100%; height:55px;border-bottom:1px solid #151111; }
.big_tit h1{float:left;font-size:34px; font-weight: 700;}
.big_tit .tabMenu{float:right;}
.big_tit .tabMenu a{font-size:14px; float:left; display:block; width:123px; height:40px; line-height:40px; border:1px solid #ddd; border-right:0; background-color:#fff; color:#3a312a; box-sizing:border-box;text-align: center}
.big_tit .tabMenu .on{ background-color:#8f877f; color:#fff; border:none }
.big_tit .tabMenu a:last-child{border-right: 1px solid #ddd;}
.info {width:100%; height:20px;margin-top:10px;}
.info span.type {float:left;font-size:16px;}
.info span.date {float:right;font-size:16px;}

/** game_contents **/
.game_contents {margin-top:25px; width:100%; line-height:30px; box-sizing: border-box; word-break: break-all; display: block;}
.game_contents h1 {font-size:2.00em; line-height:60px}
.game_contents h2 {font-size:1.50em; line-height:35px}
.game_contents h3 {font-size:1.25em; font-weight: normal;}
.game_contents h4 {font-size:1.00em; font-weight: normal;}
.game_contents h5 {font-size:0.75em; font-weight: normal;}
.game_contents h6 {font-size:0.50em; font-weight: normal;}
.game_contents p {font-size:1.0em;}
.game_contents ul li {font-size:1.0em;}

/* sideAre */
.sideArea {position:relative; float: left; margin-left:20px; width:290px; height:140px;}
.sideArea .btnArea .disabledStart{display: block; overflow: hidden;  }
.sideArea .btnArea .disabledStart p{position: absolute; left:0; top:0; width:100%; height:140px; display:block; background-color:rgba(0,0,0,0.85); font-size:30px; text-align: center; font-weight:bold; line-height: 140px; color:#fff; z-index: 6;}
.sideArea .btnArea .btnStart{position:relative; display:block; width:100%; height:100%; margin-bottom:10px; z-index: 5;}
.sideArea .btnArea .loginArea, .sideArea .btnArea .logoutArea{width:100%; height:80px;}
.sideArea .btnArea .btnLogin{float:left;width:175px; height:80px; margin-right:3px}
.sideArea .btnArea .snsLogin a{float:left;}
.sideArea .btnArea .snsLogin a.loginNaver{margin-right: 1px; margin-bottom: 1px}
.sideArea .btnArea .snsLogin a.loginGoogle{margin-left: 1px;}
.sideArea .imgArea{overflow:hidden; position:relative; width:100%; height:334px; margin-top:10px;}
.sideArea .imgArea a{display:block}

/** table_style **/
.table_style{width:100%; font-size:16px; font-style:normal; table-layout: fixed; text-decoration: none; color:#3a312a; border-collapse:collapse; margin-top:5px}
.table_style tr {height:50px; line-height:50px; background-color:#fff}
.table_style tr:hover{background-color:#f9fafb; }
.table_style td {vertical-align: middle; box-sizing: border-box;text-align: center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.table_style td.title{vertical-align: top;text-align: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:340px;line-height: 30px; padding-top:10px}
.table_style td.date{vertical-align: bottom;font-size:12px; color:#b7b7b7}
.table_style td.num{width:210px; height:115px}
.table_style td.num img{width:201px; height:107px; margin-top 3px}
.table_style .title a {float:left; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: bold; margin-left:10px;}
.table_style .title p {float:left; font-size:14px; font-weight: normal;}
.table_style .title p.type {font-size:12px; color:#b7b7b7; margin-left:10px}

/** blind **/
.blind{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; z-index:52; }

/*
==============================================
rotate
==============================================
*/

.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}
@keyframes rotate{
	100%{transform:rotate(360deg);}
}

@-webkit-keyframes rotate {
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 650px;
	top: 0;
	background-image: url("");
	background-repeat: repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index: 1;
	pointer-events: none;
}

@media only screen and (max-width: 1200px) {

html {
	-ms-text-size-adjust: 100%;
	 -webkit-text-size-adjust: 100%;
}

.game_contents h1 {font-size:3.25vw; line-height:60px}
.game_contents h2 {font-size:2.50vw; line-height:35px}
.game_contents h3 {font-size:2.25vw; font-weight: none;}
.game_contents h4 {font-size:2.00vw;  font-weight: none;}
.game_contents h5 {font-size:1.75vw;  font-weight: none;}
.game_contents h6 {font-size:1.50vw ;  font-weight: none;}
.game_contents p {font-size:2.00vw;}
.game_contents ul li {font-size:2.00vw;}

.contents {width: 1130px; margin: 30px;}
.sideArea {display:none;}

.img_mainslide {object-fit: cover; width: 1200px;	height: 580px;}
.img_subslide {object-fit: cover; width: 1200px; height: 325px;}

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box: center;
}
.top-rated-container-1 {
  width: 100%;
  margin: 0 auto;
}
.video-container {
  width: 100%;
  border: 1px solid black;
}
.video-container video {
  width: 1920px;
  height: 528px;
}