@charset "UTF-8";
/*사용자설정 시작*/
:root {
	--p_color : #323232 !important;
	--p_color2 : #323232;
}
.pc_nav .depth2_wrap,
.pc_nav .depth2_wrap::after { top:80rem; }/*펼침메뉴 위치*/
.pc_nav+.nav_bg { top:80rem; }/*검은배경 위치*/
.pc_nav .depth2_wrap .wrap { max-width:1600px; } /*펼침메뉴 가로사이즈*/
/*사용자설정 끝*/

body {font-family:'Paperlogy', '맑은 고딕', sans-serif; font-weight:400; font-size:17rem; color:#323232; /*letter-spacing:-0.03em;*/ letter-spacing:0.2rem; line-height: 1.6;}
input, button, textarea, select {font-family:'Pretendard GOV Variable', '맑은 고딕', sans-serif; font-weight:400; font-size:16rem; color:#323232; letter-spacing:-0.25rem;}
button, input[type="submit"] {cursor:pointer;}
h1, h2, h3, h4, h5 {font-size:17rem; line-height:1.3;}
a {color:inherit;}
b, strong {font-weight:600;}

.wrap {width:100%; max-width:1600rem; margin:0 auto;}
@media all and (max-width: 1600px) {
	html {font-size:0.95px;}
	.wrap {width: calc(100% - 80rem);}
}
@media all and (max-width: 1024px) {
	.wrap {width: calc(100% - 40rem);}
}
@media all and (max-width: 768px) {
	html {font-size:0.9px;}
}

#header {position: fixed; top: 0; left: 0; width: 100%; z-index: 20; background: #ffffff; z-index: 100;}
#header > .wrap {display: flex; justify-content: space-between; align-items: center; height: 80rem;}
#header > .wrap > .right {display: flex; align-items: center; gap: 40rem;}
#header .logo {font-size: 28rem; font-weight: 900;}
.pc_nav.ver2 dl dd {display: none;}
#header .pc_nav.ver2 dl::before {background: url(/design2025/usyc/img/layout/nav_bg.png) no-repeat 0 0/400%;}
#header .pc_nav.ver2 .depth1 > li:nth-child(1) dl::before {background-position-x: 0;}
#header .pc_nav.ver2 .depth1 > li:nth-child(2) dl::before {background-position-x: 33.33%;}
#header .pc_nav.ver2 .depth1 > li:nth-child(3) dl::before {background-position-x: 66.66%;}
#header .pc_nav.ver2 .depth1 > li:nth-child(4) dl::before {background-position-x: 100%;}
.pc_nav .depth1 {gap: 10rem;}
.pc_nav .depth1 > li > a {padding: 8rem 10rem; font-size: 20rem;}
.pc_nav.ver2 .depth2 > li > a {border-radius: 0;}
/* .pc_nav .depth1 > li > a > span {text-box-trim: trim-both;} */
#header .sitemap {display: block; text-indent: -999999rem; width: 30rem; height: 30rem; background: url(/design2025/usyc/img/layout/sitemap.png) no-repeat center center/contain;}
#header .sitemap.mobile {display: none;}
@media all and (max-width: 1240px) {
	.pc_nav .depth1, #header .sitemap.pc {display: none;}
	#header .sitemap.mobile {display: block;}
}
@media all and (max-width: 768px) {
	#header .logo {font-size: 22rem;}
}

#footer {background: #323232; color: #ffffff; padding: 50rem 0;}
#footer .f_logo {font-size: 28rem; font-weight: 900; margin-bottom: 35rem;}
#footer .address {display: flex; flex-wrap: wrap; gap: 10rem 30rem;}
#footer .address b {margin-right:10rem;}
#footer .bottom {border-top: 1px solid #dddddd; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20rem; padding-top: 20rem; margin-top: 20rem;}
#footer .f_list {display: flex; flex-wrap: wrap; gap: 10rem 20rem;}
#footer .f_list .privacy {color: #FFCC00; font-weight: 700;}
#footer .copyright {font-size: 14rem; color: #dddddd;}