@import url('../../common/css/font.css');
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,form,td,th,span,select {margin:0;padding:0;}
body,html {font-family:'S-CoreDream-3Light', sans-serif;color:#161616;height:100%;letter-spacing:-0.05em;font-size:12px;background:#ffffff; min-height: 900px;  transform: rotate(0deg);    transform-origin: center;}
a {color:#161616; text-decoration:none; display:block;}
@media only screen and (max-width:415px){body,html { min-height: inherit;}}
img {border:0;vertical-align:top;}
ul,li {list-style:none;}

@media (max-width: 910px) {
  body {
    transform: rotate(0deg);
    transform-origin: center;
  }
}

/*br*/

@media only screen and (min-width:480px){.mbr_n01 {display: none;}}
@media only screen and (max-width:320px){.mbr_n01 {display: none;}}
@media only screen and (max-width:320px){.mbr_n02 {display: none;}}

@media only screen and (min-width:415px){.mbr {display: none;}}

@media only screen and (max-width:540px){.mbr02 {display: none;}}

@media only screen and (min-width:540px){.mbr03 {display: none;}}
@media only screen and (max-width:320px){.mbr03 {display: none;}}

@media only screen and (max-width:910px){.mbr04 {display: none;}}
@media only screen and (max-width:320px){.mbr04 {display: none;}}

@media only screen and (min-width:910px){.mbr05 {display: none;}}
@media only screen and (max-width:320px){.mbr05 {display: none;}}

@media only screen and (min-width:685px){.mbr06 {display: none;}}
@media only screen and (max-width:320px){.mbr06 {display: none;}}

@media only screen and (min-width:1120px){.ni01_br01 {display: none;}}
@media only screen and (min-width:500px){.ni01_br02 {display: none;}}

@media only screen and (min-width:391px){.ni02_br01 {display: none;}}
@media only screen and (max-width:580px){.ni02_br02 {display: none;}}
@media only screen and (min-width:581px){.ni02_br03 {display: none;}}
@media only screen and (max-width:390px){.ni02_br03 {display: none;}}
@media only screen and (min-width:391px){.ni02_br04 {display: none;}}
@media only screen and (max-width:330px){
	.ni02_br02 {display: none;}
	.ni02_br03 {display: none;}
	.ni02_br04 {display: none;}
}

@media only screen and (min-width:691px){.ni03_br01 {display: none;}}
@media only screen and (max-width:320px){.ni03_br01 {display: none;}}
@media only screen and (max-width:690px){.ni03_br02 {display: none;}}

@media only screen and (min-width:600px){.ni04_br01 {display: none;}}
/*@media only screen and (min-width:768px){.mbr02 {display: none;}}
@media only screen and (min-width:1120px){.mbr03 {display: none;}}
@media only screen and (min-width:850px){.mbr05 {display: none;}}
@media only screen and (min-width:414px){.mbr06 {display: none;}}

@media only screen and (max-width:370px){.mbr {display: none;}}
@media only screen and (max-width:370px){.mbr02 {display: none;}}
@media only screen and (max-width:370px){.mbr04 {display: none;}}*/



.header_box {padding:0 140px;}
@media only screen and (max-width:1180px){.header_box {padding:0 70px;}}
@media only screen and (max-width:680px){.header_box {padding:0 14px;}}
.header {width:100%;height: 114px; display: table;position: relative;}
@media only screen and (max-width:680px){.header {height: 90px;;}}
.hd_logo_box {position: absolute;top:0; left: 0;display: table;}
.hd_logo {height: 114px;padding:0 0 0 60px;display: table-cell;vertical-align: middle;}
@media only screen and (max-width:1180px){.hd_logo {padding:0;}}
@media only screen and (max-width:680px){.hd_logo {height: 90px;}}
@media only screen and (max-width:680px){.hd_logo img {width:50px;}}
.hd_menu {float: right; height: 90px; display: table-cell;vertical-align: middle;position: relative;}

.tbt { padding:0 14px;position: relative;}

.swiper01 {width: 100%; height: 100%;overflow: hidden;position: relative;}
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {height: 100%; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;position: relative;}
.hide {display:none;}
.GAME-hide {display:none;}
.ABOUT-hide {display:none;}
@media only screen and (max-width:1600px){.mpddg {padding:0 70px;height: 100%;}}
@media only screen and (max-width:970px){.mpddg {padding:0 14px;}}

/*PC 헤더*/
header{width: 100%;color:#fff;position:absolute; top:0; left:0; z-index: 7;}

.swiper-pagination {position:relative;}
.swiper-pagination-bullet {float: left;padding:55px 70px 0 70px;width: auto;height: auto;font-size: 30px; font-weight: bold;background: transparent; opacity: 1; color:#fff;font-family:'S-CoreDream-6Bld', sans-serif;cursor: pointer;}
@media only screen and (max-width:912px) {.swiper-pagination-bullet {padding:55px 30px 0 30px;}}
@media only screen and (max-width:680px) {.swiper-pagination-bullet {padding:35px 10px 0 10px;font-size: 17px;}}
.swiper-pagination-bullet-active div {/*border-bottom:2px solid #31ffb0;*/ color:#31ffb0; display: block; /* border-top: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid pink; transition: all .5 ease-in-out;*/ }

.swiper-pagination > div:last-child {padding:55px 0 0 77px;}
@media only screen and (max-width:912px){.swiper-pagination > div:last-child {padding:55px 0 0 20px;}}
@media only screen and (max-width:680px){.swiper-pagination > div:last-child {padding:35px 0 0 10px;}}


/*동영상제어*/
.bg-crop {width: -webkit-fill-available;;height: 100%;overflow: hidden;position: relative;background:#96c5e1;}
.bg-cat {width: fit-content; top:50%;left:50%;	transform: translate(-50%, -50%);position: absolute;}
	
@media only screen and (max-width:1590px)
{		
	.bg-crop {width: -webkit-fill-available;position: relative;	height: 100%;}
	.bg-cat {width: fit-content;position: absolute;height: 100%;top: 50%; left: 50%;transform: translate(-50%, -50%);}
}
@media only screen and (min-width:1921px)
{		
.bg-crop {width: 100%;height: 100%;overflow: hidden;position: relative;}
.bg-cat {width:100%;top:50%;left:50%;	transform: translate(-50%, -50%);position: absolute;}
.bg-cat img {width: 100%;text-align: center;}
}

/*top_banner*/
.top_bn_txt {width: 100%; position: absolute;left:50%;top:50%;transform : translate(-50%, -50%);margin:0 auto;display: table;color:#fff;text-align: center;z-index: 6;}
@media only screen and (max-width:320px){.top_bn_txt {top:42%;}}
.tbt01 {position: absolute;top:5%;left:50%;transform: translate(-50%, -50%);opacity: 0;}
@media only screen and (max-width:680px){.tbt01 img {width: 80%;}}
.tbt02 {padding:220px 0 0 0;font-size: 80px; line-height: 86px;opacity: 0;}
@media only screen and (max-width:912px){.tbt02 {font-size: 55px; line-height: 60px;}}
@media only screen and (max-width:600px){.tbt02 {font-size: 33px; line-height: 42px;}}
.tbt02 font {color:#31ffb0;font-family:'S-CoreDream-6Bold', sans-serif;}
.tbt03 {padding:60px 0 0 0; line-height: 50px; font-size: 36px;opacity: 0;}
@media only screen and (max-width:912px){.tbt03 {font-size: 36px;}}
@media only screen and (max-width:767px){.tbt03 {font-size: 28px;line-height: 36px;}}
@media only screen and (max-width:461px){.tbt03 {font-size: 20px;line-height: 26px;}}
.tbt04 {padding:60px 0 0 0; line-height: 65px; font-size: 55px;font-weight: bold;font-family:'S-CoreDream-6Bold';opacity: 0;}
@media only screen and (max-width:560px){.tbt04 {font-size: 45px;line-height: 50px;}}
@media only screen and (max-width:460px){.tbt04 {font-size: 33px;line-height: 42px;}}
@media only screen and (max-width:360px){.tbt04 {font-size: 28px;line-height: 34px;}}
.top_bn_vm {width:100%;height: 100%;background:#000;opacity:0.6;position: absolute;top:0;left:0;z-index: 5}

/*섹션1*/
.nns_img01_txt_box {width: 100%; position: absolute;top:120px;left: 0; z-index: 10;}
.nns_img01_txt {margin: 0 auto; width: 1600px;}
@media only screen and (max-width:1600px){.nns_img01_txt {width: 100%;}}
.ni01ta {font-size: 90px; color:#24457f;font-family:'S-CoreDream-7ExtraBold', sans-serif;opacity: 0;}
@media only screen and (max-width:1600px){.ni01ta {line-height: 90px;}}
@media only screen and (max-width:680px){.ni01ta {font-size: 70px;line-height: 60px;}}
@media only screen and (max-width:440px){.ni01ta {line-height: 50px;}}
@media only screen and (max-width:375px){.ni01ta {font-size: 50px;}}

.ni01ta font {font-size:60px;}
@media only screen and (max-width:680px){.ni01ta font {font-size:35px;}}

.ni01tb {padding:60px 0 0 0;font-size: 55px; color:#24457f;font-family:'S-CoreDream-6Bold', sans-serif;opacity: 0;}
@media only screen and (max-width:1024px){.ni01tb {font-size:40px;}}
@media only screen and (max-width:1023px){.ni01tb {font-size:50px;}}
@media only screen and (max-width:680px){.ni01tb {font-size:40px;}}
@media only screen and (max-width:440px){.ni01tb {font-size:30px;}}

.nns_img01_chr {position: absolute;bottom:0;left:30%;transform: translate(-50%, 0);z-index: 10;text-align: center;opacity: 0;}
@media only screen and (max-width:1024px){.nns_img01_chr {transform: translate(-15%, 0);z-index: 10;}}
@media only screen and (max-width:1023px){.nns_img01_chr {width: inherit; transform: translate(-50%,0);z-index: 10;}}
@media only screen and (max-width:414px){.nns_img01_chr {}}

@media only screen and (max-width:1120px){.nns_img01_chr img {width:700px}}
@media only screen and (max-width:1024px){.nns_img01_chr img {width:685px}}
@media only screen and (max-width:912px){.nns_img01_chr img {width:1000px}}
@media only screen and (max-width:911px){.nns_img01_chr img {width:750px}}
/*@media only screen and (max-width:680px){.nns_img01_chr img {width:440px}}*/
@media only screen and (max-width:414px){.nns_img01_chr img {width:550px}}
@media only screen and (max-width:375px){.nns_img01_chr img {width:440px}}
@media only screen and (max-width:360px){.nns_img01_chr img {width:550px}}
							
.nns_img01_btn {position: absolute;bottom:50px;left:50%;transform: translate(-50%, -50%);z-index: 11;cursor: pointer;}
.nib {animation: nib 0.3s linear infinite alternate;}
@keyframes nib {0% {margin-top:0;}100% {margin-top:10px;}}

@media only screen and (max-width:540px){.nns_img01_btn {bottom:30px;}}
@media only screen and (max-width:539px){.nns_img01_btn {width:100%;}}
@media only screen and (max-width:540px){.nns_img01_btn img {width:300px;}}
@media only screen and (max-width:539px){.nns_img01_btn img {width:100%;}}

/*섹션2*/
.nns_img02_txt_box {width: 100%; position: absolute;top:50%; left:50%;transform: translate(-50%, -50%); z-index: 10;text-align: center;}
.nns_img02_txt {margin: 0 auto; width: 1600px;}
@media only screen and (max-width:1600px){.nns_img02_txt {width: 100%;}}
.ni02ta {font-size: 55px; color:#fff;font-family:'S-CoreDream-6Bold', sans-serif;opacity: 0;}
@media only screen and (max-width:970px){.ni02ta {font-size:40px;}}
@media only screen and (max-width:830px){.ni02ta {font-size:30px;}}
.ni02tb {padding:60px 0 0 0;font-size: 90px; line-height: 105px; color:#fff;font-family:'S-CoreDream-7ExtraBold', sans-serif;opacity: 0;}
@media only screen and (max-width:970px){.ni02tb {font-size: 76px;line-height: 86px;}}
@media only screen and (max-width:830px){.ni02tb {font-size: 60px;line-height: 66px;}}
@media only screen and (max-width:450px){.ni02tb {font-size: 52px;line-height: 66px;}}

/*섹션3*/
.nns_img03_txt_box {width:100%; position: absolute;top:50%; left:50%;transform: translate(-50%, -50%); z-index: 10;text-align: center;}
@media only screen and (max-width:1600px){.nns_img03_txt_box { position: absolute;top:40%; left:50%;}}
@media only screen and (max-width:1020px){.nns_img03_txt_box { position: absolute;top:30%; left:50%;}}
.nns_img03_txt {margin: 0 auto; width: 1600px;}
@media only screen and (max-width:1600px){.nns_img03_txt {width: 100%;}}
.ni03ta {font-size: 90px; color:#93e765;font-family:'S-CoreDream-7ExtraBold', sans-serif;opacity: 0;}
@media only screen and (max-width:580px){.ni03ta {font-size: 70px;line-height: 76px;}}
@media only screen and (max-width:480px){.ni03ta {font-size: 60px;line-height: 66px;}}
@media only screen and (max-width:375px){.ni03ta {font-size: 40px;line-height: 46px;}}
.ni03tb {padding:60px 0 0 0;font-size: 35px; color:#fff;opacity: 0;}
@media only screen and (max-width:500px){.ni03tb{font-size:26px;}}
.ni03tc {padding:60px 0 0 0;font-size: 55px; color:#fff;font-family:'S-CoreDream-6Bold', sans-serif;opacity: 0;}
@media only screen and (max-width:500px){.ni03tc{font-size:40px;}}

							
.nns_img03_btn {position: absolute;bottom:50px;left:50%;transform: translate(-50%, -50%);z-index: 11;cursor: pointer;}
.nib {animation: nib 0.3s linear infinite alternate;}
@keyframes nib {0% {margin-top:0;}100% {margin-top:10px;}}

@media only screen and (max-width:540px){.nns_img03_btn {bottom:30px;}}
@media only screen and (max-width:539px){.nns_img03_btn {width:100%;}}
@media only screen and (max-width:540px){.nns_img03_btn img {width:300px;}}
@media only screen and (max-width:539px){.nns_img03_btn img {width:100%;}}

.nns_img03_chr01 {position: absolute;top:50%;left:-20%;transform: translate(0, -50%);z-index: 10;}
@media only screen and (max-width:1900px){.nns_img03_chr01 {top:50%;left:-25%;transform: translate(-10%, -50%);}}
@media only screen and (max-width:1600px){.nns_img03_chr01 {bottom:0;left:-25%;transform: translate(0, 0);}}
@media only screen and (max-width:540px){.nns_img03_chr01 {bottom:0;left:-40%;transform: translate(0, 0);}}
@media only screen and (max-width:414px){.nns_img03_chr01 {bottom:0;left:-40%;transform: translate(0, 0%);}}
@media only screen and (max-width:375px){.nns_img03_chr01 {bottom:0;left:-40%;transform: translate(0, 0);}}

.nns_img03_chr02 {position: absolute;top:50%;right:-20%;transform: translate(0, -50%);z-index: 10;}
@media only screen and (max-width:1600px){.nns_img03_chr02 {bottom:0;right:-20%;left: inherit; transform: translate(0, 0);}}
@media only screen and (max-width:414px){.nns_img03_chr02 {bottom:0;right:-40%;left: inherit; transform: translate(0, 0);}}
@media only screen and (max-width:375px){.nns_img03_chr02 {bottom:0;right:-40%;left: inherit; transform: translate(0, 0);}}
					
@media only screen and (max-width:1900px){.nns_img03_chr01 img {width:700px}}
@media only screen and (max-width:1900px){.nns_img03_chr02 img {width:600px}}
@media only screen and (max-width:1600px){.nns_img03_chr01 img {width:360px}}
@media only screen and (max-width:1600px){.nns_img03_chr02 img {width:360px}}
@media only screen and (max-width:414px){.nns_img03_chr01 img {width:330px}}
@media only screen and (max-width:414px){.nns_img03_chr02 img {width:330px}}
@media only screen and (max-width:375px){.nns_img03_chr01 img {width:250px}}
@media only screen and (max-width:375px){.nns_img03_chr02 img {width:250px}}

/*섹션4*/
.nns_img04_txt_box {width: 100%; position: absolute;top:50%; left:50%;transform: translate(-50%, -50%); z-index: 10;text-align: center;}
.nns_img04_txt {margin: 0 auto; width: 1600px;}
@media only screen and (max-width:1600px){.nns_img04_txt {width: 100%;}}
.ni04ta {padding:60px 0 0 0;font-size: 90px; color:#fff;font-family:'S-CoreDream-7ExtraBold', sans-serif;opacity: 0; }
@media only screen and (max-width:970px){.ni04ta {font-size: 70px;line-height: 76px;}}
@media only screen and (max-width:770px){.ni04ta {font-size: 60px;line-height: 66px;}}
@media only screen and (max-width:500px){.ni04ta {font-size: 50px;line-height: 66px;}}

/*섹션5*/
.nns_img05_txt_box {width: 100%; position: absolute;top:50%; left:50%;transform: translate(-50%, -50%); z-index: 10;text-align: center;}
@media only screen and (max-width:970px){.nns_img05_txt_box {top:40%;}}
@media only screen and (max-width:414px){.nns_img05_txt_box {top:35%;}}
@media only screen and (max-width:412px){.nns_img05_txt_box {top:40%;}}
.nns_img05_txt {margin: 0 auto; width: 1600px;}
@media only screen and (max-width:1600px){.nns_img05_txt {width: 100%;}}
.ni05ta {padding:60px 0 0 0;font-size: 100px; color:#fff;font-family:'S-CoreDream-7ExtraBold', sans-serif;}
@media only screen and (max-width:970px){.ni05ta {font-size: 70px;line-height: 76px;}}
@media only screen and (max-width:770px){.ni05ta {font-size: 60px;line-height: 66px;}}
@media only screen and (max-width:440px){.ni05ta {font-size: 40px;line-height: 46px;}}
.ni05tb {padding:60px 0 0 0;font-size: 55px; color:#fff;}
@media only screen and (max-width:870px){.ni05tb {font-size: 40px;line-height: 76px;}}
@media only screen and (max-width:580px){.ni05tb {font-size: 30px;line-height: 36px;}}
@media only screen and (max-width:414px){.ni05tb {font-size: 20px;line-height: 26px;}}
.ni05tc {padding:60px 0 0 0;padding:130px 0 0 0;}
@media only screen and (max-width:1300px){.ni05tc {padding:50px 0 0 0;}}
@media only screen and (max-width:1024px){.ni05tc {padding:20px 0 0 0;}}
@media only screen and (max-width:870px){.ni05tc img {width:500px;}}
@media only screen and (max-width:580px){.ni05tc img {width:300px;}}
@media only screen and (max-width:414px){.ni05tc img {width:250px;}}
.ni05td {padding:60px 0 0 0;font-size: 55px; line-height: 65px; color:#fff;font-family:'S-CoreDream-6Bold', sans-serif;}
@media only screen and (max-width:970px){.ni05td {font-size: 40px;line-height: 46px;}}
@media only screen and (max-width:640px){.ni05td {font-size: 30px;line-height: 36px;}}
.ni05td font {color:#00b3e4;}
.nns_img05_chr01 {position: absolute;bottom:0;left:-30%;transform: translate(0, 0);z-index: 10;}
@media only screen and (max-width:1600px){.nns_img05_chr01 {bottom:0;left:-15%;transform: translate(0, 0%);}}
@media only screen and (max-width:540px){.nns_img05_chr01 {bottom:0;left:-15%;transform: translate(0, 0%);}}
@media only screen and (max-width:414px){.nns_img05_chr01 {bottom:40px;left:-15%;transform: translate(0, 0%);}}
@media only screen and (max-width:375px){.nns_img05_chr01 {bottom:100px;left:-10%;transform: translate(0, 0%);}}

@media only screen and (max-width:1600px){.nns_img05_chr01 img {width:360px}}
@media only screen and (max-width:1300px){.nns_img05_chr01 img {width:300px}}
@media only screen and (max-width:1024px){.nns_img05_chr01 img {width:230px}}
@media only screen and (max-width:414px){.nns_img05_chr01 img {width:250px}}
@media only screen and (max-width:375px){.nns_img05_chr01 img {width:200px}}

/*푸터*/
@media only screen and (max-width:1023px){.mf {display: none}}
footer {width: 100%; background:#fff;position: absolute ;bottom:0;z-index: 10;}
.footer {padding:14px; margin:0 auto; display: table;position: relative;}
.ft_logo_box {margin:0 auto; display: table;}
.ft_logo {height: 20px; display: table-cell;vertical-align: middle;}
.ft_logo img {width: 30px;}
.ft_copy {padding:0 0 0 10px;height: 20px;font-size: 11px; display: table-cell;vertical-align: middle;letter-spacing: 0;}
				.ft_info {padding:0 0 10px 0;line-height: 21px; font-size: 13px; color:#202020;}
.fti_box {width: 100%; display: table;}
.fti_box font {font-weight: bold;color:#a1a1a1;}
.fti {float: left;}
.fti a {color:#6e6d6d; text-decoration:none; display:contents !important;}
.ft_sns {position: absolute;top:10px;right:-150px;;display: table;}
@media only screen and (max-width:1368px){.ft_sns { right: -100px;}}
@media only screen and (max-width:900px){.ft_sns {top:10px; right: 0;}}
@media only screen and (max-width:768px){.ft_sns {top:5px; right: 14px;}}
.fts {float: left;padding:0 0 0 10px;}

/*PROJECT SS 팝업 S*/
.sct04_slider {width:1600px; position: fixed;top:50%;left: 50%; transform: translate(-50%, -50%); z-index: 21; display: none;}
@media only screen and (max-width:820px){.sct04_slider {width:100%;}}
@media only screen and (max-width:820px){.wbn {display: none!important;}}
@media only screen and (min-width:821px){.mbn {display: none!important;}}
.mask {width: 100%; height: 100%; background:#000; opacity: 0.8; position: fixed; z-index: 20; display: none;}
.slider_box {position: relative;}
.sld_x_btn {position: absolute; right: 20px; top: 20px;z-index: 30; cursor: pointer;}
@media only screen and (max-width:820px){.sld_x_btn {top: -40px;}}
.variable img {width:100%;}
/*PROJECT SS 팝업 E*/