@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap');

/*==============================================
@ PC 기본
==============================================*/
html,
body,
button,
textarea,
select,
input{font-family:'Noto Sans', sans-serif;}

.header-inner .logo {width:109px; height:42px;}

.footer-menu-list {max-width:700px;}
.footer-menu-list > li:before {opacity:1;}
.footer-menu-list > li:nth-child(1):before,
.footer-menu-list > li:nth-child(5):before{opacity:0;}

.footer-address address > span:nth-child(1):before,
.footer-address address > span:nth-child(2):before,
.footer-address address > span:nth-child(3):before,
.footer-address address > span:nth-child(4):before,
.footer-address address > span:nth-child(5):before,
.footer-address address > span:nth-child(6):before,
.footer-address address > span:nth-child(7):before{opacity:1;}
.footer-address address > span:nth-child(1):before,
.footer-address address > span:nth-child(4):before,
.footer-address address > span:nth-child(7):before {opacity:0;}

.boss-detail-header .item-name {line-height:1.2;}

.map-background-item:nth-child(2) {top:28.8%; left:32.3%; width:42.8%; height:71.2%;}

.btn-go-discord {background-image:url(../../images/icons/icon-header-discord.png);}

/*==============================================
@ PC 고해상도
==============================================*/
@media screen and (min-width:1921px) {

}


@media screen and (max-width:1280px) {	
	.header-inner .logo {top:13px; width:109px; height:42px;}
}

/*==============================================
@ 태블릿 기본
==============================================*/
@media screen and (max-width:1024px) {
	.header-inner .logo {top:13px; left:20px; width:82px; height:32px;}

	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(2):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(6):before{opacity:1; display:flex;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(5):before{opacity:0;} 

	.footer-address address > span:nth-child(1):before,
	.footer-address address > span:nth-child(2):before,
	.footer-address address > span:nth-child(3):before,
	.footer-address address > span:nth-child(4):before,
	.footer-address address > span:nth-child(5):before,
	.footer-address address > span:nth-child(6):before,
	.footer-address address > span:nth-child(7):before{opacity:1;}
	.footer-address address > span:nth-child(1):before,
	.footer-address address > span:nth-child(3):before,
	.footer-address address > span:nth-child(4):before,
	.footer-address address > span:nth-child(5):before,
	.footer-address address > span:nth-child(7):before {opacity:0;}

}


/*==============================================
@ 모바일 기본
==============================================*/
@media screen and (max-width:800px) {
	.window-pop-inner .item-title {line-height: 30px;line-height: 30px;}
	.window-pop-inner .item-desc {margin-top:25px;}

	.download-pop-inner .item-title > em {
		padding:0 32px;
	}
}
@media screen and (max-width:768px) {
	.footer-menu-list {max-width:340px;}
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(2):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(6):before,
	.footer-menu-list > li:nth-child(7):before{opacity:1;} 

	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(7):before{opacity:0;} 
}


/*==============================================
@ 모바일 해상도별 분기
==============================================*/
@media screen and (max-width:390px) {
	.footer-menu-list {max-width:320px;}
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(2):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(6):before{opacity:1;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(5):before{opacity:0;} 

}