@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Hahmlet:wght@100..900&display=swap");
@import url('https://fonts.cdnfonts.com/css/gotham-serif-bold');

/*header*/
header{position:fixed;top:0;left:0;z-index:99;width:100%;padding:0 20px;transition:0.3s;box-sizing:border-box; }
header.sub_on{background: #8c6f4f;}
header.sub_on .head-wrap h1 a{background-image:url(../img/h1_logo_w_2.png?ver=2);}
.head-wrap{
	position:relative;
	/* height:55.5px;max-width:600px;
	margin:0 auto; */
	aspect-ratio: 1/calc(180/720);
}
.head-wrap .header_call {position:absolute;left: 3%;top:50%; transform: translate(-50%, -50%); padding: 1.5vw; border-radius: 14vw; background: #fff;}
.head-wrap .header_call a {background:url(../img/tel-on.png) no-repeat 50% 50%; background-size: contain; width: 4.278vw; height: 4.278vw; display: block}
.head-wrap .header_call a::after {position: relative; font-family: 'Gotham Serif', sans-serif; content: '1599.3040'; color: #fff; margin-left: 28px; top: -1.5vw; font-weight: 100; font-size: 3.33vw; letter-spacing: -0.01em;}
.head-wrap .header_call button {background:url(../img/nav-btn-on.png) no-repeat 50% 50%; background-size: contain; }
.head-wrap h1{position:absolute;left:50%;top:50%; transform: translate(-50%, -50%);}
.head-wrap h1 a{
	display:block;
	height:37px;
	width: min(calc(450/720 * 100vw), 450px);
	aspect-ratio: 1/calc(54/450);
	background:url(../img/h1_logo_w_2.png?ver=2) no-repeat left center;
	background-size:contain;transition:0.3s;
  width: 25vw;
}
.header_btn{position:absolute;right:0;top:45%;display:flex;margin-top:-10px;}
.header_btn a{display:block;background:url(../img/call_wh.png) no-repeat center;background-size:contain;width:20px;height:20px;}
.header_btn button{background:url(../img/nav-btn.png) no-repeat center;background-size:contain;width:7.639vw; height: 7.639vw; margin-left:20px;}


header.sub_on .header_btn a {background:url(../img/tel.png) no-repeat center;background-size:contain;}
header.sub_on .header_btn button{ background:url(../img/nav-btn.png) no-repeat center;background-size:contain;}


.main .head-wrap h1 a{
	background:url(../img/h1_logo_2.png?ver=2) no-repeat left center;
	background-size:contain;transition:0.3s;
}



.fp-viewing-0 .head-wrap h1 a,
.fp-viewing-2 .head-wrap h1 a{background-image:url(../img/h1_logo_w_2.png?ver=1);}
.fp-viewing-3 header{display:none;}

/*GNB*/
#gnb {width:100%;height:100%;position:fixed;right:-100%;top:0;z-index:1100;background:#8c6f4f;overflow:auto;transition:0.3s; }
#gnb .menu {overflow:auto; padding: 20px; }
#gnb .menu > li { display: grid; grid-template-columns: 1.5fr 2fr; border-bottom: 1px solid #fff;}
#gnb .menu > li > a {display:block;box-sizing:border-box;padding: 15px;
	/* font-size:16px; */
	font-size: min(calc(40/720 * 100vw), 40px);
	color:#fff;position:relative;font-weight:500;}
#gnb .menu > li ul {display: none;padding:15px;}
#gnb .menu > li ul li a {display:block;box-sizing:border-box;padding:4px;
	/* font-size:14px; */
	line-height: 1.2;
	font-size: min(calc(32/720 * 100vw), 32px);
	color:#fff;
}
#gnb h2 {
	position: relative;
	width: 100%;
	aspect-ratio: 1/calc(180/720);
}
#gnb h2 span.logo {
	position:absolute;
	left:20px;
	top:50%;margin-top:-17px; display:block;
	/* height:37px;width:120px; */
	width: min(calc(450/720 * 100vw), 450px);
	aspect-ratio: 1/calc(54/450);
	background:url(../img/h1_logo_w_2.png?ver=2) no-repeat left center;
	background-size:contain;
	transition:0.3s;
}
#gnb h2 .close {width:20px;height:20px;background: url(../img/m-menu-close.png) no-repeat 50% 50%;background-size: contain;position:absolute;right:20px;top:50%;display:flex;margin-top:-10px;text-indent:-9999px;display:block;}
#gnb.on{right:0;}
/*
#bg {background:#000;position:fixed;width:100%;height:100%;opacity:0.5;z-index:500;display:none;top:0;left:0;}
*/

#gnb .header_call {position:absolute;left: 8%;top:50%; transform: translate(-50%, -50%); padding: 1.5vw; border-radius: 14vw; background: #fff;}
#gnb .header_call a {background:url(../img/tel-on.png) no-repeat 50% 50%; background-size: contain; width: 4.278vw; height: 4.278vw; display: block}
#gnb .header_call a::before {position: relative; font-family: 'Gotham Serif', sans-serif; content: '1599.3040'; color: #fff; margin-left: 28px; top: -1.5vw; font-weight: 100; font-size: 3.33vw; letter-spacing: -0.01em;}
#gnb .header_call button {background:url(../img/nav-btn-on.png) no-repeat 50% 50%; background-size: contain; }
#gnb span {position:absolute;left:50%;top:50%; transform: translate(-50%, -50%); display: block;}
#gnb span a{
	display:block;
	height:37px;
	width: min(calc(450/720 * 100vw), 450px);
	aspect-ratio: 1/calc(54/450);
	background:url(../img/h1_logo_w_2.png?ver=2) no-repeat left center;
	background-size:contain;transition:0.3s;
  block; width: 25vw;
}



/*ban*/
.ban{position:fixed;left:0;bottom:0;width:100%;z-index:100;}
.ban a{display:block;background:#897d70 url(../img/ban-arr.png) no-repeat right 20px center;background-size:9px auto;line-height:50px;color:#fff;font-size:16px;text-align:center;border-radius: 30px 30px 0 0;}


.page_location_nav {
	height: 4rem;
	text-align: center;
	width: 100%;
	background: #fff;
}
.page_location_nav.topfix {position: fixed; top: 0; left: 0; right: 0;z-index: 90;}
.page_location_nav nav {font-size: 1rem; text-align: left; white-space: nowrap; position: relative; display: flex; max-width: 1100px; margin: 0 auto; justify-content: flex-end;}
.page_location_nav button {border: 0; background: transparent; outline: 0; font-size: 0;}
.page_location_nav .home {display: inline-block; width: 4rem; height: 4rem; overflow: hidden; position: relative;border-right: 1px solid rgba(255, 255, 255, 0.3);}
.page_location_nav .home a {display: flex; color:#000; align-items: center; justify-content: center; height: 100%; font-size: 1.1rem;  position: relative}
.page_location_nav .home a::after {display: inline-block; content: "|"; position: absolute; right: 0; font-size: 16px; top: 18px; color: #adadad;}
.page_location_nav .path-item {position: relative; min-width: 130px;}
.page_location_nav .path-item dt {
	color: #000;
	border-bottom: 0;
	border-top: 0;
	height: 4rem;
	line-height: 4rem;
	font-size: 1rem;
	border-right: 1px solid rgba(255,255,255,.3);
	position: relative;
}
.page_location_nav nav span.open {margin-left: auto; align-items: center; display: flex;}

.page_location_nav .path-item.path_depth_1 dt {border-left: 0;}
.page_location_nav .path-item dt span {}
.page_location_nav .path-item.path_depth_1 {}
.page_location_nav .path-item.path_depth_2 {}
.page_location_nav .path-item.path_depth_2 dt {}
.page_location_nav .path-item dt,
.page_location_nav .path-item li {padding: 0 1.1rem;}
.page_location_nav .path-item ul {position: absolute; left: 0; right: 0; margin-left:-1px; background: #fff; border: 1px solid #c2c2c2;;}
.page_location_nav .path-item ul li {line-height: 1.6; padding: 0; text-align: left;}
.page_location_nav .path-item dd {display: none; width: 100%;}
.page_location_nav .path-item li a {
	color: #000;
	display: block;
	position: relative;
	padding: 1rem 1.2rem;
	border-bottom: 1px solid #c2c2c2;
	font-size: 0.92rem;
	background: var(--location_nav_menubg);
	transition: all .3s;
}
.page_location_nav .path-item li:last-child a {
	border-bottom: none;
}
.page_location_nav .path-item li a:hover {
	background: var(--location_nav_menuhover);
}
.page_location_nav .path-item.path_depth_1::after {display: inline-block; content: "|"; position: absolute; right: -5px; font-size: 16px; top: 18px; color: #adadad;}
.page_location_nav .path-item.path_depth_1 ul {margin-left: 0;}
.page_location_nav .path-item.path_depth_1 li a {border-left: 0;}
.page_location_nav .path-item li.on a {color: rgba(255,255,255,1);}
.page_location_nav .path-item dd {}
.page_location_nav .path-item .btn-open,
.page_location_nav .path-item .btn-close {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.page_location_nav .path-item .btn-open:after,
.page_location_nav .path-item .btn-close:after {
	content: "";
	background: url(../img/loc_arrow.png);
	width: 8px;
	height: 14px;
	position: absolute;
	top: 1.6rem;
	right: 1rem;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1rem;
	color: #000;
	font-family: 'Linearicons-Free';
	transition: all .3s cubic-bezier(.25, .46, .45, 1);
}

.page_location_nav .path-item .btn-close {display: none;}
.page_location_nav .path-item .btn-close:after {transform: rotate(180deg);}
.page_location_nav .path-item.active {z-index: 22;}
.page_location_nav .path-item.active .btn-open {display: none;}
.page_location_nav .path-item.active .btn-close {display: block;}

.svis {
	width: 100%;
	position: relative;
	background:url(../img/sub_top_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	aspect-ratio: 1/calc(436/720);

	display: flex;
	align-items: center;
	justify-content: center;
}

.svis-tit{
  animation: sub_Tilte 1.0s 0.4s both;
	width: 100%;
	text-align:center;
	position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10vw;
}
.svis-tit h2{
	width: 100%;
	height: 75%;
	font-size: 8.889vw;
	color: #fff;
	font-weight: 600;
	font-family: 'URWClassico', sans-serif;
	line-height: 10vw;
	background:url(../img/prugio.png) no-repeat 50% 50%;
	background-size: 80% auto;
  text-transform: uppercase;
}
.svis-tit p {
  display: block;
  color: #fff;
	font-family: "Noto Serif KR", serif;
  font-size: 2.917vw;
  line-height: 4vw;
}


@keyframes sub_Tilte {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
}
/*footer*/


footer{background-color:#fff;position:relative; padding: 8vw 5vw 10vw; z-index: 2;}
footer .top {
	cursor:pointer;
	left:50%;
	top:-36px;
	width: max-content;
	color: #515f6c;
  margin: 0 auto;
}
footer .top img {width: 10vw;}
footer .foot_logo{margin:0 auto;padding: 5vw 0; display: flex; flex-direction: column; align-items: center; gap: 3vw;}
footer .foot_logo .logo { width: 35vw; }
.foot_ori {
	font-size: 3vw;
	font-weight: 300;
	padding: 5vw 0;
	text-align: left;
}
.foot_ori p { line-height: 1.4; text-indent: -3.5vw; padding: 0 0 0 3.4vw; font-size: 2.2vw; text-align: justify;}
footer address { padding: 3vw 0; font-size: 2.5vw;}
footer .footer_top {
	text-align: center;
	color: #515f6c;
}
footer .foot_sns ul {
	display: flex;
	justify-content: center;
}
/* footer .foot_logo { width:  220px;} */
footer .foot_sns { width:  50%; margin: 0 auto;}
footer .foot_sns ul li { padding: 0 5px;}
footer .privacy a {
	color: #004542;
	border: 1px solid #004542;
	text-align: center;
	padding: 0.5vw 4vw;
	margin: 0 auto;
	line-height: 2;
	font-size: 3.5vw;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10vw;
  width: max-content;
}
footer .footer_top div span {line-height: 5vw;}
.foot_info  {display: flex; font-size: 2.8vw; justify-content: center;}
.foot_info span { margin: 0 1vw; }
.foot_info2  {padding: 0 0 1vw; display: flex; font-size: 2.8vw; flex-wrap: wrap; justify-content: center;;}
.foot_info2 span { margin: 0 1vw; }
/* .foot_info2 span:nth-of-type(1) { width: calc(35% - 2vw); }
.foot_info2 span:nth-of-type(2) { width: calc(40% - 2vw); } */
.foot_info2 span:nth-of-type(3) { width: 100%; }