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

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

.header-inner .logo {width:107px; height:46px;}

.footer-menu-list {max-width:700px;}
.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 {opacity:0;}

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

#downloadPop br.mo-enter {display: none;}
.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:107px; height:42px;}
}

/*==============================================
@ 태블릿 기본
==============================================*/
@media screen and (max-width:1024px) {
	.header-inner .logo {top:13px; left:20px; width:72px; height:30px;}
	.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(5):before,
	.footer-address address > span:nth-child(7):before {opacity:0;}


}


/*==============================================
@ 모바일 기본
==============================================*/
@media screen and (max-width:800px) {
	.main-intro .data-group .btn-client-download {display:inline-flex; width:auto; padding:0 40px;}
	#downloadPop br.mo-enter {
		display: block;
	}
	.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: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,
	.footer-menu-list > li:nth-child(7):before{opacity:0;}

}


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

}