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

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


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


.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 {opacity:0;}

.board-view-detail table,
.board-view-detail {word-break:break-all;}

.footer-limit-info {display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1.5; color:rgba(255, 255, 255, 0.30); text-align:left;}
.footer-limit-info img {flex:0 0 auto; margin-right:12px;}

.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:97px; height:42px;}



	.footer-menu-list {max-width:600px;}
	.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,
	.footer-menu-list > li:nth-child(7):before{opacity:1;display: flex;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(6):before{opacity:0;display: flex;}
}


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


/*==============================================
@ 모바일 기본
==============================================*/
@media screen and (max-width:800px) {
	.window-pop-inner .item-title {line-height: 30px;}
	.window-pop-inner .item-desc {margin-top:35px;line-height: 30px;}
	.window-pop-inner .item-btns {margin-top:35px;}
}
@media screen and (max-width:768px) {
	.footer-menu-list {max-width:300px;}
	.footer-menu-list > li:nth-child(1):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,
	.footer-menu-list > li:nth-child(7):before{opacity:1;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(7):before{opacity:0;} 

	.footer-limit-info {font-size:12px;}
	
}


/*==============================================
@ 모바일 해상도별 분기
==============================================*/
@media screen and (max-width:420px) {

}
