@charset "utf-8";


@media all and (max-width:1100px){
.footer-top-bg-img {
	display:none;
}

}

@media all and (max-width:1000px){
.footer-top-bg-img {
	display:none;
}


.footer-logo {
	display:none;
}



}

body{
	background:#141414;
}

@font-face {
    font-family: 'coprgt';
    src: url('/font/COPRGTB.TTF') format('truetype');
}

.GAMESMENU {
	display:none;
}

.show_games {
	display:none;
}

.SUPPORTMENU {
	display:none;
}

.show_support { 
	display:none;
}


.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}


.review-item .review-cover {
	position: relative;
	margin-bottom: 30px;
	text-align:center;
}

.review-item .review-cover img {
	width:90%;
}

.review-item .review-text {
	text-align: center;
}

.review-item .review-text h5 {
	margin-bottom: 40px;
}

.review-item .review-text p {
	margin-bottom: 20px;
}

.review-item .rating {
	margin-bottom: 20px;
}

.review-item .rating i {
	font-size: 12px;
}

.review-text h5{
	font-size: 18px;
	font-weight: 600;
}

.review-text p{
	font-size: 16px;
}



/*----------------------
  Footer top Section
------------------------*/

.footer-top-section {
	background-image: url("/images/images/pattern.png");
	background-repeat: repeat;
	padding: 90px 0 60px 0;

}

.footer-top-section .row{
	
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	
	
}

.footer-top-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
}

.footer-top-section .container {
	position: relative;
}

.col-lg-4 {
	flex: 1 0 auto;
	height: 506px;
}

.col-md-8 {
	flex: 0 1 49%;

}

.footer-top-bg2 {
	position: absolute;
	left: 85px;
	bottom: 35px;
	z-index: 2;
}

.footer-top-bg img {
	

}

.footer-top-bg2 img {
	width: 350px;
	opacity:0.2;
    box-shadow: 3px 1.5px 2px 6px;

}

.footer-logo img {
	margin-bottom: 35px;
}


.footer-logo p {
	font-size:1.6vw;
}


.footer-widget {
	flex: 1 0 49%;
	padding: 38px 30px 38px 30px;
	background: #252525;
	border: 1px solid #4a4a4a;
	vertical-align: middle;
	
}

.footer-widget .fw-title {
	color: #fff;
	margin-bottom: 40px;
}

.latest-blog .lb-item {
	margin-bottom: 23px;
	overflow: hidden;

}

.latest-blog .lb-item .lb-thumb {
	width: 213px;
	height: 120px;
	float: left;
	margin-right: 20px;
}

.latest-blog .lb-item .lb-content {
	margin:7px 0 0 0;
	padding-left: 110px;
}

.latest-blog .lb-item .lb-content .lb-date {
	font-size: 16px;
	color: #ffb320;
	margin-bottom: 25px;
	font-weight: 500;
}

.latest-blog .lb-item .lb-content p {
	font-size: 16px;
	margin-bottom: 25px;
	color: #d3d3d3;
}

.latest-blog .lb-item .lb-content .lb-author {
	font-size: 16px;
	color: #d3d3d3;
	font-weight: 500;
}

.top-comment {
	overflow: hidden;
}

.top-comment .tc-item {
	margin-bottom: 23px;
	overflow: hidden;
}

.top-comment .tc-item .tc-thumb {
	width: 63px;
	height: 63px;
	border-radius: 50%;
	float: left;
}

.top-comment .tc-item .tc-content {
	padding-left: 100px;
}

.top-comment .tc-item .tc-content p {
	font-size: 12px;
	color: #d3d3d3;
	margin-bottom: 5px;
}

.top-comment .tc-item .tc-content p a {
	color: #ff205f;
}

.top-comment .tc-item .tc-content p span {
	color: #7a7a7a;
}

.top-comment .tc-item .tc-content .tc-date {
	font-size: 12px;
	color: #ffb320;
}


.top-comment {
	overflow: hidden;
}

.top-comment .tc-item {
	margin-bottom: 23px;
	overflow: hidden;
}

.top-comment .tc-item .tc-thumb {
	width: 63px;
	height: 63px;
	border-radius: 50%;
	float: left;
}

.top-comment .tc-item .tc-content {
	padding-left: 100px;
}

.top-comment .tc-item .tc-content p {
	font-size: 12px;
	color: #d3d3d3;
	margin-bottom: 5px;
}

.top-comment .tc-item .tc-content p a {
	color: #ff205f;
}

.top-comment .tc-item .tc-content p span {
	color: #7a7a7a;
}

.top-comment .tc-item .tc-content .tc-date {
	font-size: 12px;
	color: #ffb320;
}

/* 모바일용 CSS */
/* 기본 CSS */
.container{
position:relative;
width:90%;
max-width:1800px;
margin:0 auto;
}  

.cfixed:after, .container:after{
display:block;
content:"";
clear:both;
}
    
.blind{
	position:absolute;
	width:0;
	height:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

.sec-tit{
	color:#ffffff;
	font-weight:100;
}


.divider{
	width:90%;
	max-width:1800px;
	margin:0 auto;
	margin-top:77px;
	background:#eee;
}
    
.m-divider{
	width:20px;
	margin:0 auto;
	margin-top:77px;
	background:#3f51b5;
}	

/* 헤더 영역 CSS */
.header{
	/*position:relative;*/
	position:absolute;
	top:0;
	width:90%;
	margin:0 auto;
	padding:15px 5% 15px 5%;
	z-index:100;
	background:#141414;
	border-bottom:1px solid #83714b;
}
    
.header .logo{
	float:left;
	padding-top:10;
}

.header .logo img{

}		

.header .gnb{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#141414;
}


.header .gnb li{
	border-bottom:1px solid #565656;
}

.header .gnb li:first-child{
	border-top:1px solid #565656;
}


.nav_xlg{
	display:none;
}

.GAMESMO{
	display:none;

}



.SUPPORTMO{
	display:none;
}


.header .gnb li a{
	display:block;
	padding:15px 0 15px 5%;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}


.header .gnb li.log a, .header .gnb li.reg a{
	padding-top:15px;
	padding-bottom:15px;
	font-weight:normal;
}

.header .gnb li.ico-m{
	display:none;
}

.header .gnb li.games ul{
	padding-top:9px;
	background:#000;
}

.header .gnb li.support ul{
	display:none;
	padding-top:9px;
}

.header .gnb li.games ul li, .header .gnb li.support ul li{
	border:0;
}

.header .gnb li.games ul li:last-child, .header .gnb li.support ul li:last-child{
	padding-bottom:10px;
}

.header .gnb li.games a{
	color:#ffe095;
}

.header .gnb li.games li a, .header .gnb li.support li a{
	font-size:14px;
	font-weight:normal;
	padding:10px 0 10px 5%;
	color:#d1d1d1;
}

.header .menu-toggle-btn{
	float:right;
	margin-top:4px;
	cursor:pointer;
}
    

/* 슬라이더 영역 CSS */
.slider .main_img, .slider .sub_img{
position:relative;
display:block;
width:100%;
max-width:100%;
background-position:center top;
background-size:cover;
overflow:hidden;
}

.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background: #000;
	  background-position:center top;
	  background-size:cover;

      /* Center slide text vertically 
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  */
    }

.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev{
display:none;
}


.slider .main_img{
height:450px;
}

 .slider .bgs1 { 
	background-image:url('/images/images/slide_12skymreborn_mobile.jpg');
 }

.slider .sub_img{
height:260px;
/* background-image:url('../images/images/img_sub_01.jpg'); */
}
 
/*
 .slider .main_img .main_logo{
 padding-top:150px;
 }

 .slider .main_img .main_logo img{
 width:30%;
 max-width:170px;
 }
 */
 
 .slider .main_img .main_txt{
 width:90%;
 max-width:1800px;
 margin:0 auto;
 padding-top:80px;
 font-size:35px;
 font-weight:bold;
 letter-spacing:-0.02em;
 color:#fff;
 text-shadow:3px 3px 5px rgba(0,0,0,0.4);
 }

.slider .main_img .main_txt span{
font-size:50px;
line-height:1.3;
letter-spacing:0.05em;
color:#ffd146;
text-shadow:0 0 3px #fff000, -1px -2px 0 #fff, 3px 3px 3px rgba(72,44,10,0.8);
display:inline-block;
margin-bottom:30px;
}

.slider .main_img .ani-chips{
display:none;
}

/* 동영상 CSS */
.slider .main_img .container{
position:absolute; 
bottom:0; 
right:0;
}

.video-box{
/* 동영상 이동관련 추가 */
position:absolute;
right:0;
bottom:0;
/* 동영상 이동관련 추가 - end */
/*
box-sizing:border-box;
background:#141414;
border:4px solid;
border-image: linear-gradient(175deg, #fff2db 17%, #f8c16a 17%, #ffdaa6 50%);
border-image-slice: 1;
*/
width:50%;
min-width:280px;
}

.video-box .btn-move{
box-sizing:border-box;
position:absolute; 
top:-35px; 
left:0; 
width:100%;
min-width:280px;
height:35px;
padding-top:12px;
text-align:center;
background: linear-gradient(to right, #e66465, #2d1516 70%);
border-radius:15px 0 0 0;
cursor:pointer;
}

.btn-move .arrow-ro{
display:inline-block;
height:9px;
}

.btn-move .movie-close{
position:absolute;
top:0;
right:0;
}

.video-box .video-cont{
position:relative;
height:0;
padding-bottom:56.25%;
}

.video-box .video-cont iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* 잭팟 영역 CSS */
/* for MS계열 브라우저 */
@keyframes blink{
 0% {background: url('../images/images/bg_1.png') no-repeat center center;}
 50% {background: url('../images/images/bg_2.png') no-repeat center center;}
} 
/* for Chrome, Safari */
@-webkit-keyframes blink{
 0% {background: url('../images/images/bg_1.png') no-repeat center center;}
 50% {background: url('../images/images/bg_2.png') no-repeat center center;}
}
 

/* 뉴스 영역 CSS */
.news-section{
padding:60px 0;
/* background:linear-gradient(to right bottom, #5f09bf, #39057f 50%); */
/*background:linear-gradient(to right bottom, #373f5a, #232734 50%);*/
background: url('/images/images/pattern.png');

}
  
.news-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
}

.news-section .news-caution{
box-sizing:border-box;
border-radius:5px;
padding:25px 35px;
text-align:center;
font-size:1.1rem;
line-height:1.5;
color:#ffedd6;
background:#882424;
}
    
.news-section .news-list ul{
width:100%;
padding:35px 0 40px 0;
font-size:1.5rem;
text-align:center;
color:#fff;
border-bottom:1px solid #7f7f7f;
}

.news-section .news-list ul li{
display:block;
vertical-align:middle;
line-height:1.4;
}

.news-section .news-list ul li:first-child{
padding-bottom:30px;
}
	
.news-section .news-list ul li:nth-child(2){
margin-left:0;
padding-bottom:30px;
}

.news-section .news-list ul li:nth-child(3){
margin-left:0;
}

.news-section .btn-more{
margin-top:30px;
text-align:center;
font-size:1.3rem;
color:#fff;
}

.news-section .btn-more a{
color:#fff;
}

.news-section .btn-more p{
display:inline-block;
border-radius:25px;
padding:15px 35px;
background:#535b71;
}


/* 마우스 오버시 버튼 이미지 변경 */
.store .store-list li a img:last-child{
display:none;
}
.store .store-list li a:hover img:first-child{
display:none;
}
.store .store-list li a:hover img:last-child{
display:inline-block;
}


/* 게임리뷰 영역 CSS */
.review-section{
margin-top:0;
padding:70px 0;
background-color:#fff;
}
.review-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
color:#000;
}
.review-section .row{
display:flex;
justify-content:center;
margin:0 auto; 
width:90%; 
max-width:1200px;
}


/* 게임 영역 CSS */
.game-section{
margin-top:0;
padding:70px 0;
background-image:url('/images/images/img_main_game_bg.jpg');
background-position:center top;
background-size:cover;
}

.game-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
}

.game-section .game-list{
display:flex;
justify-content:center;
margin:0 auto; 
width:90%; 
max-width:1200px;
}

.game-section .game-list li{
width:48%;
margin-left:4%;
margin-bottom:30px;
}

.game-section .game-list li:first-child, .game-section .game-list li:nth-child(3), .game-section .game-list li:nth-child(5){
margin-left:0;
}

.game-section .game-list li:last-child{
margin-bottom:0;
}


.game-section .game-list li .info{
text-align:center;
box-sizing:border-box;
border-radius:10px;
border:1px solid #4a433a;
padding:30px 0;
background:linear-gradient(217deg, rgba(10,10,10,1), rgba(10,10,10,0) 100%),
               linear-gradient(127deg, rgba(70,70,70,1), rgba(70,70,70,0) 100%),
               linear-gradient(336deg, rgba(250,100,50,1), rgba(250,100,50,0) 100%);
}

.game-section .game-list li .info img{
width:90%;
max-width:176px;
margin-bottom:20px;
}

.game-section .game-list li .info h3{
font-size:20px;
color:#fde9aa;
font-weight:normal;
}


/* 가이드 영역 CSS */
.guide-section{
padding:45px 0 55px;
background-image:url('../images/images/bg_guide.jpg');
background-position:center top;
background-size:cover;
}

.guide-section .g-img{
text-align:center;
margin-bottom:50px;
}

.guide-section .g-img img{
width:100%;
max-width:661px;
}

.guide-section .g-txt{
text-align:center;
}

.guide-section .g-txt .bn_txt{
font-family:DroidSans,serif;
margin-bottom:25px;
font-size:1.35rem;
line-height:1.4;
color:#ffffff;
}

.guide-section .g-txt a .bn_btn{
display:inline-block;
margin:0 auto;
padding:13px 37px;
border:2px solid #2c99ff;
border-radius:5px;
font-size:1.5rem;
color:#2c99ff;
background:#000000;
}

.guide-section .g-txt a:hover .bn_btn{
border:2px solid #dceeff;
color:#dceeff;
}


/* 스토어 영역 CSS */
.store-section{
padding-bottom:70px;
background-image:url('../images/images/bg_store.jpg');
background-position:center top;
background-size:cover;
}

.store-section .s-logo{
text-align:center;
padding-top:60px;
}

.store-section .s-logo img{
width:45%;
min-width:260px;
}

.store-section ul{
margin-top:40px;
text-align:center;
}

.store-section ul li{
margin-bottom:15px;
}

.store-section ul li img{
width:35%;
min-width:200px;
}

    
/* 푸터 영역 CSS */
.footer{
background:#0f0f0f;
}
    
.footer .container{
padding:45px 0 60px;
text-align:center;
}

.footer .img_logo{
margin-bottom:35px;
}

.footer .img_logo img{
opacity:0.7;
}

.footer .policy{
margin-bottom:35px;
}

.footer .policy li{
display:inline-block;
background: url('../images/images/img_policy_li.png') no-repeat left center;
line-height:2.3;
}

.footer .policy li:first-child{
background: none;
}

.footer .policy li a{
color:#e8e8e8;
padding:7px 17px;
}

.footer address{
margin:0 auto 45px;
max-width:500px;
font-size:0.8rem;
color:#8e8e8e;
line-height:1.5;
font-style: normal;
}

.footer address ul li{
display:inline-block;
margin-left:10px;
}

.footer .c-center{
margin-bottom:70px;
color:#e8e8e8;
line-height:1.7;
font-size:0.95rem;
}

.footer .c-center span{
font-weight:bold;
font-size:1.2rem;
}

.footer .copyright{
font-size:0.8rem;
color:#8e8e8e;
}

.storicon{
	margin-right:5px;
}

.storiconlast{
	margin-right:25px;
}

/*                                                                 Ford CSS                                                            */
@media all and (max-width:320px){
	.header{
	/*position:relative;*/
	padding:15px 5%;

}
	.storicon{
		margin-right:0px;
	}

	.storiconlast{
		margin-right:5px;
	}
}


/*                                                                 태블릿용 CSS                                                            */
@media all and (min-width:768px){

/* 기본 CSS */
.header{
	/*position:relative;*/
	padding:15px 5%;

}


.divider{
margin-top:124px;
}    
    
.m-divider{
margin-top:124px;
}

 /* 슬라이더 영역 CSS */
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev{
display:block;
}


 .slider .main_img{
 height:500px;
 }



 .slider .main_img .main_txt{
 padding-top:100px;
 font-size:45px;
 }

.slider .main_img .main_txt span{
font-size:65px;
}

.slider .main_img .ani-chips{
display:block;
position:absolute;
right:10%;
top:800px;
}

.slider .main_img .ani-chips img{
width:450px;
}

 .slider .sub_img{
 height:280px;
 }


/* 동영상 CSS */
.video-box{
position:absolute;
right:0;
top:50px;
background:#141414;
border:4px solid;
border-image: linear-gradient(175deg, #fff2db 17%, #f8c16a 17%, #ffdaa6 50%);
border-image-slice: 1;
width:300px;
}



/* 뉴스 영역 CSS */   
.news-section .sec-tit{
font-size:50px;
margin-bottom:45px;
} 

.news-section .news-list ul{
text-align:left;
font-size:clamp(1.4rem, 1.6vw, 1.6rem);
padding:27px 0 30px 0;
}	

.news-section .news-list ul li{
display:inline-block;
}


.news-section .news-list ul li:first-child{
text-align:center;
padding-bottom:0;
width:20%;
}	

.news-section .news-list ul li:nth-child(2){
font-size:clamp(1rem, 1.6vw, 1.6rem);
margin-left:0;
padding-bottom:0;
width:10%;
}


.news-section .news-list ul li:nth-child(3){
width:62%;
padding-bottom:0;
}


/* 게임리뷰 영역 CSS */
.review-section{
margin-top:0;
padding:70px 0;
background-color:#fff;
}
.review-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
color:#000;
}
.review-section .row{
display:flex;
justify-content:center;
margin:0 auto; 
width:90%; 
max-width:1200px;
}


/* 게임 영역 CSS */
.game-section .game-list li{
width:18%;
margin-left:2.5%;
margin-bottom:0;
}

.game-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
}

.game-section .game-list li:nth-child(3), .game-section .game-list li:nth-child(5){
margin-left:2.5%;
}

.game-section .game-list li .info{
padding:35px 0;
}

.game-section .game-list li .info img{
margin-bottom:25px;
}


.game-section .game-list li .info h3{
font-size:20px;
}


/* 가이드 영역 CSS */
.guide-section .g-txt .bn_txt{
font-size:1.5rem;
}

.guide-section .g-txt a .bn_btn{
padding:15px 45px;
font-size:1.6rem;
}


/* 스토어 영역 CSS */
.store-section{
padding-bottom:85px;
}

.store-section .s-logo{
padding-top:65px;
}

.store-section .s-logo img{
width:95%;
max-width:350px;
}

.store-section ul{
margin-top:50px;
}

.store-section ul li{
margin-bottom:20px;
}

.store-section ul li img{
width:80%;
max-width:270px;
}



.latest-blog .lb-item .lb-content .lb-date {
	font-size: 16px;
	color: #ffb320;
	margin-bottom: 25px;
}

.latest-blog .lb-item .lb-content p {
	font-size: 16px;
	margin-bottom: 25px;
	color: #d3d3d3;
}

.latest-blog .lb-item .lb-content .lb-author {
	font-size: 16px;
	color: #d3d3d3;
	opacity: 0.45;
}


/* 푸터 영역 CSS */ 
}






/*                                                                 헤더변경 CSS                                                            */


@media all and (min-width:1000px){


.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-nt-20,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}




@media (min-width:992px){
.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-nt-20{-ms-flex:0 0 22%;flex:0 0 22%;max-width:22%}.col-nt-30{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.text-white{color:#fff!important}

.col-nt-30 {
	-ms-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width:100%;
}

.col-lg-4 {
	width:100%;
	flex: 0 1 45%;
}

.col-lg-6 {
	width:100%;
	flex: 0 0 45%;
}


.nav_xlg {
	display:block;
}

/* 헤더 영역 CSS */

.header{
	position:fixed;
	padding:15px 5% 15px 5%;
}


.header .logo{
padding-top:6px;
}

.header .gnb{
display:block !important;
position:static;
float:left;
width:88%;
background:none;
}
    
.header .gnb li{
float:left;
margin-left:5px;
border-bottom:0;
}

/*
.header .gnb li.log, .header .gnb li.reg, .header .gnb li.ico-m{
float:right;
margin-left:25px;
}

.header .gnb li.ico-m{
display:block;
margin-top:7px;
opacity:0.25;
}
*/
/*20220426 로로관련 수정*/
.header .gnb li.log, .header .gnb li.reg, .header .gnb li.ico-m{
float:right;
margin-left:15px;
}

.header .gnb li.ico-m{
display:block;
margin-top:7px;
opacity:1;
}
/*20220426 로로관련 수정*/

.header .gnb li:first-child{
margin-left:10px;
border-top:0;
}

.header .gnb li.games ul, .header .gnb li.support ul{
display:none;

}

.header .gnb li a{
padding:12px 10px;
font-size:16px;
font-weight:600;
color:#a3a3a3;
transition:all 0.15s;
}

.header .gnb li a:hover{
color:#ffffff;
}

.header .gnb li.log a, .header .gnb li.reg a{
margin-top:12px;
padding:0 0 3px 0;
font-size:14px;
font-weight:normal;
}

.header .gnb li.log a:hover, .header .gnb li.reg a:hover{
color:#ffe095;
background:#4e4e4e;
}

	.header .gnb_m{
	float:right;
	}

	.header .gnb_m li {
	padding:0;
	font-size:14px;
	color:#a3a3a3;
	}

	.header .gnb_m li a{
	padding:0;
	font-size:14px;
	color:#a3a3a3;
	font-weight:bold;
	}

	.header .gnb li a:hover, .header .gnb_m li a:hover{
	color:#ffffff;
	}

	.header .gnb li a:active{
	color:#f0e095;
	}


	.header .menu-toggle-btn{
	display:none !important;
	}



	.nav_lg {
		display:none;
	}

	.show_games {
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		min-height:250px;
		top:71px;
		left:0;
		background:linear-gradient(to bottom, #000000, #1e1e1e);
		z-index:100;
		position:absolute;	
		border-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#83714b;

	}

	.show_games li{
		display:flex;
		justify-content:center;
		min-width:180px;
		text-align:center;
		padding-right: 35px;
		padding-left: 35px;
	}


	.show_games li p{
		font-size:18px;
		font-weight:normal;
		color:#fff;
		margin-top:20px;
	}

	.show_support {
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		min-height:250px;
		top:71px;
		left:0;
		background:linear-gradient(to bottom, #000000, #1e1e1e);
		z-index:100;
		position:absolute;
		border-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#83714b;
	}

	.show_support li{
		display:flex;
		justify-content:center;
		text-align:center;
	}

	.show_support .support_front{
		min-width:150px;
	}

	.show_support .support_rear{
		min-width:135px;
	}



	.show_support li p{
		font-size:15px;
		font-weight:normal;
		color:#fff;
		margin-top:20px;
	}


.latest-blog .lb-item .lb-content .lb-date {
	font-size: 16px;
	color: #ffb320;
	margin-bottom: 25px;
}

.latest-blog .lb-item .lb-content p {
	font-size: 16px;
	margin-bottom: 25px;
	color: #d3d3d3;
}

.latest-blog .lb-item .lb-content .lb-author {
	font-size: 16px;
	color: #d3d3d3;
	opacity: 0.45;

}



}









/*                                                                                PC용 CSS                                                                     */
@media all and (min-width:1200px){


/* 헤더 영역 CSS */
.header{
	/*position:relative;*/
	padding:15px 8% 15px 2%;

}
.header .gnb{
width:90%;
}

.header .gnb li{
margin-left:15px;

}

.header .gnb li:first-child{
margin-left:20px;
}


 /* 슬라이더 영역 CSS */

 .slider .main_img{
 height:720px;
 }

 .slider .bgs1 { 
	background-image:url('/images/images/slide_12skymreborn.jpg');
 }

 .slider .main_img .main_txt{
 padding-top:130px;
 font-size:70px;
 }

.slider .main_img .main_txt span{
font-size:85px;
}

.slider .main_img .ani-chips{
right:15%;
}

.slider .main_img .ani-chips img{
width:600px;
}

 .slider .sub_img{
 height:310px;
 }


/* 동영상 CSS */
.video-box{
position:absolute;
right:0;
top:40px;
background:#141414;
border:4px solid;
border-image: linear-gradient(175deg, #fff2db 17%, #f8c16a 17%, #ffdaa6 50%);
border-image-slice: 1;
width:350px;
}




/* 뉴스 영역 CSS */
.news-section{
padding:90px 0;
}

.news-section .sec-tit{
font-size:60px;
margin-bottom:50px;
} 	

.news-section .news-list ul{
font-size:clamp(1rem, 1.6vw, 2rem);
}	

.news-section .news-list ul li{
display:inline-block;
}


.news-section .news-list ul li:first-child{
text-align:center;
padding-bottom:0;
width:15%;
}	

.news-section .news-list ul li:nth-child(2){
font-size:clamp(1rem, 1.6vw, 2rem);
margin-left:0;
padding-bottom:0;
width:17%;
}

.news-section .news-list ul li:nth-child(3){
width:66%;
padding-bottom:0;
}

.news-section .btn-more{
font-size:1.4rem;
} 

/* 게임리뷰 영역 CSS */
.review-section{
margin-top:0;
padding:70px 0;
background-color:#fff;
}
.review-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
color:#000;
}
.review-section .row{
display:flex;
justify-content:center;
margin:0 auto; 
max-width:100%; 
max-width:1800px;
}



/* 게임 영역 CSS */
.game-section{
padding:90px 0;
}

.game-section .sec-tit{
font-size:40px;
margin-bottom:40px;
text-align:center;
}

.game-section .game-list li .info{
padding:50px 0;
}

.game-section .game-list li .info img{
margin-bottom:30px;
}

.game-section .game-list li .info h3{
font-size:25px;
}

/* 가이드 영역 CSS */
.guide-section .g-img{
float:left;
width:45%;
margin-left:2%;
margin-bottom:0;
}

.guide-section .g-txt{
float:right;
width:53%;
margin-top:70px;
}


/* 스토어 영역 CSS */
.store-section{
padding-bottom:95px;
}

.store-section .s-logo{
padding-top:75px;
}

.store-section ul{
margin-top:60px;
}



/* 푸터 영역 CSS */


}


.game_sm{
	position:relative;
	width:100%;
	background:#000000;
	z-index:200000;
	border:0;
}

.game_sm li.game_sm_st{
	border:0;
}




.game_sm li.top a {
	padding-top:20px;
}

.game_sm li.bot a {
	padding-bottom:20px;
}

.support_sm{
	position:relative;
	width:100%;
	background:#000000;
	z-index:200000;
}


.support_sm li.game_sm_st{
	border:0;
}


.support_sm li.game_sm_st a {
	font-size:14px; 
	font-weight:normal;
	color:#d1d1d1;
	padding:10px 0 10px 5%;

}

.support_sm li.top a {
	padding-top:20px;
}

.support_sm li.bot a {
	padding-bottom:20px;
}


@media all and (max-width:1200px){
	.header{
	/*position:relative;*/
	position:absolute;
	top:0;
	width:90%;
	margin:0 auto;
	padding:15px 5% 15px 5%;
	z-index:100;
	background:#141414;
	border-bottom:1px solid #83714b;
}

.header .logo{
	padding-top:3;
}
	
	
	.show_games {
		min-height:210px;
	}

	.show_games li{
		display:flex;
		justify-content:center;
		min-width:175px;
		text-align:center;
		padding-right: 35px;
		padding-left: 35px;
	}

	.show_games li img{
		width:130px;	
	}

	.show_games li p{
		font-size:13px;
		font-weight:normal;
		color:#fff;
		margin-top:20px;
	}

	.show_support li .{
		display:flex;
		justify-content:center;
		text-align:center;
	}

	.show_support li img{
		width:70px;	
	}

	.show_support .support_front{
		min-width:130px;
	}

	.show_support .support_rear{
		min-width:115px;
	}


	.show_support {
		min-height:210px;
	}

	.show_support li p{
		font-size:13px;
		font-weight:normal;
		color:#fff;
		margin-top:20px;
	}


}



@media all and (min-width:1200px){
.col-nt-30 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width:100%;
}

.game_sm li.game_sm_st a {
	font-size:14px; 
	font-weight:normal;
	color:#d1d1d1;
	padding:10px 0 10px 5%;

}
}

@media all and (min-width:1000px) and (max-width:1199px) {

.header .gnb li a {
    padding: 15px 0 15px 5%;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

}


@media all and (min-width:788px) and (max-width:999px){
.col-nt-30 {
	-ms-flex: 0 0 44.5%;
	flex: 0 0 44.5%;
	max-width:50%;
	max-height:50%;
}

.review-cover img {
	width :50%;
}

}

@media all and (min-width:458px)  and (max-width:787px) {
.col-nt-30 {
	-ms-flex: 0 0 90%;
	flex: 0 0 90%;
	width:80%;
	height:80%;
}
}


@media all and (min-width:240px) and (max-width:1199px) {
.header .gnb li a{
    border-bottom: 1px solid #565656;
    background: #141414;

}


}

@media all and (min-width:240px) and (max-width:1000px) {
.game_sm li.top a {
	padding-top:15px;
}
}