html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0; border-style: none;}
img {vertical-align: top;}

html, body {width:100%;height:100%;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}


    
#wrap {
    position:absolute;
    top:0;
    left:0;
    width:100%;
   
    min-height:850px;
    text-align: center;
}
	
	
#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;height: 115%;}
#bg-video .bg-video-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0);}


ul{
   list-style:none;
   }

li{
   list-style:none; 
   }


.gnb {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #f1f1f1;
    width: 100%;
    padding: 2px;
	z-index:50;
}	

.sub_div {position:relative; top:0; left:0; width:100%; text-align: center; z-index:10;} /*카테고리별 */ 	
.sub_div_line {position:relative; top:0; left:0; width:100%;display: flex; justify-content :center;; z-index:10;} /*카테고리별_라인 */ 	


.img_topsns {position:absolute; top:110px; left:50%;width:1920px; z-index:100; margin-left: -960px;} /*1번 SNS */
.img_topcopy {position:absolute; top:80px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*1번 큰카피*/



/* DMM 상단 */
.agree_title {position:absolute; top:510px; left:0px; left:50%; width:730px; z-index:10; margin-left: 90px; font-size:20px; z-index:10;} /*1번 사전예약, 오픈후 타이틀 */
.img_topagree_bg {position:absolute; top:640px; left:50%;width:748px; height:280px; z-index:10; margin-left:90px; text-align: center; background: url("../images/bg_agree.png") no-repeat center; z-index:9;} /*1번 약관동의 배경*/

.agree_left_dmm {position:absolute; top:645px; left:0px; left:50%; width:380px; z-index:10; margin-left: 140px; font-size:40px; font-weight:bold; z-index:10;} /*1번 dmm 좌버튼 */
.agree_left_dmm_text {position:absolute; top:840px; left:0px; left:50%; width:380px; z-index:10; margin-left: 160px; font-size:16px; z-index:10;} /*1번 dmm 좌 체크박스 */

.agree_right_dmm {position:absolute; top:645px; left:0px; left:50%; width:200px; z-index:10; margin-left: 560px; font-size:40px; font-weight:bold; z-index:10;} /*1번 dmm 우버튼 */
.agree_right_dmm_text {position:absolute; top:870px; left:0px; left:50%; width:300px; z-index:10; margin-left: 510px; font-size:14px; z-index:10;} /*1번 dmm 우카피 */


.agree_left_mobile {position:absolute; top:655px; left:0px; left:50%; width:380px; z-index:10; margin-left: 70px; font-size:40px; font-weight:bold; z-index:10;} /*1번 mobile 좌버튼 */
.agree_right_mobile {position:absolute; top:655px; left:0px; left:50%; width:380px; z-index:10; margin-left: 470px; font-size:40px; font-weight:bold; z-index:10;} /*1번 mobile 우버튼 */


/* DMM 하단 */
.agree_left_dmm_m {position:absolute; top:60px; left:0px; left:50%; width:380px; z-index:10; margin-left: -320px; font-size:30px; font-weight:bold; z-index:10;} /*8번 dmm 좌버튼 */
.agree_right_dmm_m {position:absolute; top:60px; left:0px; left:50%; width:200px; z-index:10; margin-left: 120px; font-size:30px; font-weight:bold; z-index:10;} /*8번 dmm 우버튼 */

.agree_left_mobile_m {position:absolute; top:100px; left:0px; left:50%; width:380px; z-index:10; margin-left: -400px; font-size:30px; font-weight:bold; z-index:10;} /*8번 mobile 좌버튼 */
.agree_right_mobile_m {position:absolute; top:100px; left:0px; left:50%; width:380px; z-index:10; margin-left: 20px; font-size:30px; font-weight:bold; z-index:10;} /*8번 mobile 우버튼 */




.img_banner {position:absolute;top:310px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*2번 배너 */
.img_thum {position:absolute; top:790px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*4번 썸네일 */
.img_voice {position:absolute; top:485px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*4번 음성 */
.img_movie {position:absolute; top:375px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*5번 영상 */
.img_shot {position:absolute; top:340px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*6번 스크린샷 */
.img_line {position:absolute; top:365px; left:50%;width:1200px; height:624px; z-index:10; margin-left: -360px; z-index:10;} /*7번 라인 */
.img_footer {position:absolute; top:520px; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:30px; font-weight:bold; z-index:10;} /*8번 링크 */

.img_topbtn2 {position:absolute; top:100px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*8번 사전예약버튼*/



.footer_text01 {position:absolute; top:510px; left:0px; left:50%; width:500px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*좌측글 */
.footer_text02 {position:absolute; top:510px; left:0px; left:50%; width:500px; z-index:10; margin-left: 140px; font-size:20px; z-index:10;} /*우측글 */
.footer_text03 {position:absolute; top:660px; left:0px; left:50%; width:800px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*중앙글 */

.footer_m_text01 {position:absolute; top:540px; left:0px; left:50%; width:500px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*좌측글 */
.footer_m_text02 {position:absolute; top:540px; left:0px; left:50%; width:500px; z-index:10; margin-left: -50px; font-size:20px; z-index:10;} /*우측글 */
.footer_m_text03 {position:absolute; top:630px; left:0px; left:50%; width:800px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*중앙글 */
.footer_m_text04 {position:absolute; top:950px; left:0px; left:50%; width:1000px; z-index:10; margin-left: -380px; font-size:20px; z-index:10;} /*중앙글 버튼아래 */
.footer_m_link01 {position:absolute; top:700px; left:0px; left:50%; width:1000px; z-index:10; margin-left: -500px; font-size:20px; z-index:10;} /*중앙버튼 */



.footer_link01 {position:absolute; top:830px; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:20px; z-index:10;} /*중앙버튼 */
.footer_modal {position:absolute; top:1160px; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:30px; font-weight:bold; z-index:10000;} /*하단 모달 링크 */
.footer_copy {position:absolute; top:1250px; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:20px; z-index:10;} /*최하단 카피라이트 */


input.voice_01 {
  background: url("../images/voice_01.png") no-repeat;
  width: 245px;
  height: 49px;
  border-style: none;
  cursor:pointer;
}
input.voice_02 {
  background: url("../images/voice_02.png") no-repeat;
  width: 245px;
  height: 49px;
  border-style: none;
  cursor:pointer;
}
input.voice_03 {
  background: url("../images/voice_03.png") no-repeat;
  width: 245px;
  height: 49px;
  border-style: none;
  cursor:pointer;
}


a.copy:link {color:ffffff; font-size:30px;  text-decoration:none;}
a.copy:visited {color:ffffff; font-size:30px; text-decoration:none;}
a.copy:hover {color:ffffff; font-size:30px; text-decoration:none;}


/* 스크린샷 */
	* {margin:0;padding:0;}
	.game_ban input[id*="slide"] {display:none;}
	.game_ban .slidewrap {max-width:1700px;margin:0 auto;}
	.game_ban .slidelist {white-space:nowrap;font-size:0;overflow:hidden;position:relative;}
	.game_ban .slidelist > li {display:inline-block;vertical-align:middle;width:100%;transition:all .5s;}
	.game_ban .slidelist > li > a {display:block;position:relative;}
	.game_ban .slidelist > li > a img {width:100%;}
	.game_ban .slidelist label {position:absolute;z-index:10;top:50%;transform:translateY(-50%);padding:50px;cursor:pointer; width: 100px; height: 100px;}
	.game_ban .slidelist .textbox {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.6;text-align:center;}
	.game_ban .slidelist .textbox h3 {font-size:36px;color:#fff;;transform:translateY(30px);transition:all .5s;}
	.game_ban .slidelist .textbox p {font-size:16px;color:#fff;opacity:0;transform:translateY(30px);transition:all .5s;}
	
	/* input에 체크되면 슬라이드 효과 */
	.game_ban input[id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);}
	.game_ban input[id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);}
	.game_ban input[id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);}
	.game_ban input[id="slide04"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-300%);}
	.game_ban input[id="slide05"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-400%);}
	.game_ban input[id="slide06"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-500%);}
	.game_ban input[id="slide07"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-600%);}
	.game_ban input[id="slide08"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-700%);}
	.game_ban input[id="slide09"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-800%);}
	.game_ban input[id="slide10"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-900%);}

	/* input에 체크되면 텍스트 효과 */
	.game_ban input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap li:nth-child(4) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap li:nth-child(4) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap li:nth-child(5) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap li:nth-child(5) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap li:nth-child(6) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap li:nth-child(6) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap li:nth-child(7) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap li:nth-child(7) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap li:nth-child(8) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap li:nth-child(8) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap li:nth-child(9) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap li:nth-child(9) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap li:nth-child(10) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap li:nth-child(10) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}

	/* 좌,우 슬라이드 버튼 */
	.slide-control > div {display:none;}
	.game_ban .left {left:-10px;background:url('../images/left.png') center center / 100% no-repeat;}
	.game_ban .right {right:-10px;background:url('../images/right.png') center center / 100% no-repeat;}
	.game_ban input[id="slide01"]:checked ~ .slidewrap .slide-control > div:nth-child(1) {display:block;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap .slide-control > div:nth-child(2) {display:block;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap .slide-control > div:nth-child(3) {display:block;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap .slide-control > div:nth-child(4) {display:block;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap .slide-control > div:nth-child(5) {display:block;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap .slide-control > div:nth-child(6) {display:block;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap .slide-control > div:nth-child(7) {display:block;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap .slide-control > div:nth-child(8) {display:block;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap .slide-control > div:nth-child(9) {display:block;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap .slide-control > div:nth-child(10) {display:block;}

	/* 페이징 하단 아이콘 */
	.slide-pagelist {text-align:center;padding:2px;}
	.slide-pagelist > li {display:inline-block;vertical-align:middle;}
	.slide-pagelist > li > label {display:block;padding:14px 14px; border-radius:0px; border:1px solid #311500; box-shadow: 2px 0px 2px 0px rgba(236,129,43,0.67); transform: rotate(45deg); background:#fff; margin:20px 10px;cursor:pointer;}
	.game_ban input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {background:#ec812b;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {background:#ec812b;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {background:#ec812b;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(4) > label {background:#ec812b;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(5) > label {background:#ec812b;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(6) > label {background:#ec812b;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(7) > label {background:#ec812b;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(8) > label {background:#ec812b;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(9) > label {background:#ec812b;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(10) > label {background:#ec812b;}
/* 스크린샷 */