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

/*==============================================
 @ PC 基本 / PC basics
 語言層樣式：只放與這個語言的字型與版面微調；
 共用的版面規則在 assets/css/common4512.css（由 base4512.css 載入）。
==============================================*/
html,
body,
button,
textarea,
select,
input{font-family:'Noto Sans KR', sans-serif; word-break:keep-all; overflow-wrap:anywhere;}

.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;}
}


/*==============================================
 @ 語言層收尾規則（ko）
 韓文：keep-all 讓韓文在詞（空格）之間換行，符合韓文排版；
       搭配 overflow-wrap:anywhere，遇到超長詞時仍可強制斷行，避免橫向溢出。
==============================================*/
/* 內文長字詞安全網：確保任何語言都不會因長字詞而橫向溢出 */
.board-view-detail, .board-view-detail table,
.showcase-list, .main-symbols .inner {
	overflow-wrap: anywhere;
}
/* 內文圖片不超出容器 */
.board-view-detail img, .showcase-list img {max-width: 100%; height: auto;}