@charset "UTF-8";
@import url('/design2026/common/css/Paperlogy.css');
@import url('/design/common/css/NotoSerifKR.css');

:root {
	--p_color : #00ACA9; /*포인트 색상*/
	--p_color2 : #293768; /*포인트 색상*/
	--b_color : #d9d9d9; /*메뉴 구분선 색상*/
}
::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb {background: #444;}
html,body {  margin: 0;  padding: 0; }
body { font-family:'Paperlogy', sans-serif; font-weight:400; letter-spacing:-0.5rem; font-size:17rem; color:#444; }
input, select, button { letter-spacing:-0.5rem; font-size:16rem; color:#444; }
button {border:0;}
strong {font-weight:600; }
a { color:#444; }

.wrap {width:94%; max-width:1600rem; margin:0 auto;}
@media all and (max-width:1023px){
	html {font-size:0.9px; }
}
@media all and (max-width:768px){
	html {font-size:0.85px; }
}

header {position: absolute; top: 0; left: 0; width: 100%; z-index: 100;}
header > .wrap {display: flex; justify-content: space-between; align-items: center; height:80rem;}
header .logo {display: block;  width: 266rem; height: 36rem; background: url(/design2026/kingmunmu/img/layout/logo_white.svg) no-repeat left center/contain;}
header .pc_nav { flex-grow:1; }
header .pc_nav .depth1 { justify-content:flex-end; }
header .pc_nav .depth1 > li > a { line-height: 80rem; padding: 0 30rem; font-weight: 500; font-size: 20rem; color: #fff;}
header .sitemap { display:flex; flex-direction:column; justify-content:space-between; height:30px; margin-left:40rem; padding:5px 0;}
header .sitemap::before,
header .sitemap::after,
header .sitemap .line { content:''; display:block; width:30px; height:2px; background:#fff; }

header.black .logo {background-image:url('/design2026/kingmunmu/img/layout/logo_color.svg'); }
header.black .pc_nav .depth1 > li > a {color: #444;}
header.black .sitemap::before,
header.black .sitemap::after,
header.black .sitemap .line {background:#333; }
.pc_nav .depth2_wrap { top:75rem; }/*펼침메뉴 위치*/
.pc_nav .depth2 { width:200rem; background:#fff; border-color:#ddd; }/*2차메뉴 가로사이즈, 배경색상, 테두리색상*/
.pc_nav .depth2 > li > a { border-bottom:1px solid #efefef; }/*2차메뉴 구분선 색상*/
.pc_nav .depth3 { left:199rem; width:200rem; background:#efefef; border:1px solid #dedede; }/*3차메뉴 오픈위치, 가로사이즈, 배경색상*/
.m_nav, .m_nav+.nav_bg {height: 100vh;}
#m_nav_open {display:none;}

footer { background: #333; color:#fff; padding:50rem 0; }
footer .wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
footer .wrap:first-of-type { border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:20rem; margin-bottom:20rem; }
footer .wrap .f_logo {width:100%; margin-bottom:20rem;}
footer .wrap .sns,
footer .wrap .address,
footer .wrap .link { display:flex; flex-wrap:wrap; }
footer .wrap .address p {margin-right:40rem;}
footer .wrap .address p strong {margin-right:10rem; }
footer .wrap .sns a {display:flex; align-items:center; justify-content:center; width:38rem; height:38rem; border-radius:50%; background:#fff; margin-left:10rem; }
footer .wrap .sns a:first-of-type {margin-left:0;}
footer .wrap .link a {color:#fff; margin-right:30rem; }
footer .wrap .copy {font-size:14rem; color:#888; }

@media all and (max-width:1200px){
	header .pc_nav .depth1 > li > a {padding:0 20rem;}
	header .sitemap {margin-left:20rem;}
	.pc_nav .depth2 { width:150rem;}
}
@media all and (max-width:1023px){
	.pc_nav,
	header .sitemap  { display:none; }
	#m_nav_open {display:flex;}
}
@media all and (max-width:768px){
	footer .wrap .sns  { width:100%; margin-top:20rem; }
}