/*공통*/
@import url("reset.css");
@import url("animate.css");
@import url("board.css");


:root {

	--max-w : 1440px;
	--wid-w : 1920px;
	--conts-w : 1280px;
	--vh : 100vh;
	--nvh : calc(var(--vh, 1vh) * 100);

	--main-color : #4B7A4C;
	--begie : #F5EFDF;
	--babygreen : #DAC55D;
	--babyblue : #B3CDD8;
	--darkgreen : #396039;
	--black : #3E3A39;
	--lightgreen : #93AF94;
	--midgreen : #6F9570;

	--Poppins : 'Poppins', sans-serif;
	--Roboto : 'Roboto', sans-serif;
	--Montserrat : 'Montserrat', sans-serif;
	--NanumSquare : 'NanumSquare', sans-serif;
	--Archivo : 'Archivo', sans-serif;
	--KoPubWorld : 'KoPubWorld';
	--Sanchez : "Sanchez", serif;
	--NotoKR : "Noto Sans KR", sans-serif;

	--font-14 : 14px;
	--font-16 : 16px;
	--font-18 : 18px;
	--font-20 : 20px;
	--font-22 : 22px;
	--font-24 : 24px;
	--font-26 : 26px;
	--font-28 : 28px;
	--font-30 : 30px;
	--font-32 : 32px;
	--font-36 : 36px;
	--font-40 : 40px;
	--font-50 : 50px;
	--font-54 : 54px;
	--font-60 : 60px;
	--font-72 : 72px;

	--gap-8 : 8px;
	--gap-16 : 16px;
	--gap-24 : 24px;
	--gap-32 : 32px;
	--gap-40 : 40px;
	--gap-50 : 50px;
	--gap-60 : 60px;
	--gap-80 : 80px;
	--gap-100 : 100px;
	--gap-120 : 120px;
	--gap-140 : 140px;
	--gap-160 : 160px;
	--gap-200 : 200px;

	--radius-8 : 8px;
	--radius-16 : 16px;
	--radius-20 : 20px;
	--radius-24 : 24px;
	--radius-32 : 32px;

}

@media screen and (max-width: 1280px) {
	:root {
		--gap-100 : 80px;
		--gap-120 : 80px;
		--gap-140 : 100px;
		--gap-160 : 140px;
		--gap-200 : 160px;
	}
}

@media screen and (max-width: 1024px) {
	:root {
		--font-18 : 16px;
		--font-20 : 18px;
		--font-22 : 20px;
		--font-26 : 24px;
		--font-28 : 26px;
		--font-30 : 28px;
		--font-32 : 28px;
		--font-36 : 34px;
		--font-40 : 36px;
		--font-50 : 42px;
		--font-54 : 48px;
		--font-60 : 52px;
		--font-72 : 62px;

		--gap-32 : 28px;
		--gap-40 : 36px;
		--gap-50 : 42px;
		--gap-60 : 54px;
		--gap-80 : 70px;
		--gap-140 : 80px;
		--gap-160 : 120px;
		--gap-200 : 140px;
	}
}

@media screen and (max-width: 768px) {
	:root {
		--font-14 : 12px;
		--font-16 : 14px;
		--font-18 : 15px;
		--font-20 : 18px;
		--font-22 : 18px;
		--font-24 : 20px;
		--font-26 : 22px;
		--font-28 : 22px;
		--font-30 : 24px;
		--font-32 : 24px;
		--font-36 : 28px;
		--font-40 : 32px;
		--font-50 : 36px;
		--font-54 : 40px;
		--font-60 : 42px;
		--font-72 : 50px;

		--gap-16 : 14px;
		--gap-24 : 22px;
		--gap-32 : 26px;
		--gap-40 : 32px;
		--gap-50 : 36px;
		--gap-60 : 48px;
		--gap-80 : 60px;
		--gap-100 : 60px;
		--gap-120 : 60px;
		--gap-140 : 60px;
		--gap-160 : 100px;
		--gap-200 : 120px;

		--radius-16 : 12px;
		--radius-20 : 15px;
		--radius-24 : 18px;
		--radius-32 : 26px;
	}
}

@media screen and (max-width: 480px) {
	:root {
		--font-14 : 11px;
		--font-16 : 13px;
		--font-18 : 14px;
		--font-20 : 16px;
		--font-22 : 16px;
		--font-24 : 17px;
		--font-26 : 18px;
		--font-28 : 18px;
		--font-30 : 20px;
		--font-32 : 20px;
		--font-36 : 22px;
		--font-40 : 24px;
		--font-50 : 32px;
		--font-54 : 32px;
		--font-60 : 36px;
		--font-72 : 42px;

		--gap-8 : 5px;	
		--gap-16 : 10px;
		--gap-24 : 18px;
		--gap-32 : 22px;
		--gap-40 : 24px;
		--gap-50 : 28px;
		--gap-60 : 32px;
		--gap-80 : 40px;
		--gap-100 : 40px;
		--gap-120 : 40px;
		--gap-140 : 40px;
		--gap-160 : 80px;
		--gap-200 : 100px;

		--radius-8 : 4px;
		--radius-16 : 6px;
		--radius-20 : 10px;
		--radius-24 : 12px;
		--radius-32 : 16px;
	}
}

body {width:100%;}
body.fix {overflow:hidden;}

#wrap {min-width:320px;}

header {width:100%; position:absolute; left:0; top:0; z-index:100;}
header > .wrap {width:95%; max-width:var(--max-w); margin:0 auto; position:relative; z-index:11;}
header .header-top {width:100%; height:100px; padding:var(--gap-8) 0; border-bottom:1px solid var(--begie);}
header .header-top .header-menu {width:100%; height:100%; display:flex; align-items:flex-end; justify-content:flex-end; gap:var(--gap-40);}
header .header-top .header-menu a {font-size:var(--font-16); color:var(--begie); font-weight:500; font-family:var(--KoPubWorld);}
header .header-top .header-menu a:hover {text-decoration:underline;}
header .header-bottom {width:100%; padding:50px 0;}
header .header-bottom > .inner {width:100%; height:80px; display:flex; align-items:center; justify-content:space-between;}
header .header-bottom .logo {width:167px; height:62px; background:url(/img/com/logo.svg) center no-repeat; background-size:cover; font-size:0; display:block;}
header .header-bottom .header-conts {display:flex; align-items:center; justify-content:space-between; gap:80px;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box {display:flex; align-items:center; justify-content:flex-end; gap:160px;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb {position:relative;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb > a {font-size:var(--font-20); font-weight:700; font-family:var(--NotoSans); color:var(--begie); height:80px; display:flex; align-items:center; justify-content:center;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap {width:max-content; border-radius:var(--gap-8); background:rgba(62,58,57,0.9); position:absolute; left:50%; top:80px; transform:translateX(-50%); padding:0 var(--gap-8); display:none;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box {width:100%; border-top:1px solid #807971; padding:var(--gap-16);}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box:first-child {border-top:none;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box dl > * {margin-top:5px;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box dl > *:first-child {margin-top:0;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box dl dt a {font-family:var(--Sanchez); font-size:var(--font-18); color:var(--begie);}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box dl dt a span {font-family: var(--KoPubWorld); font-size:var(--font-16); color:var(--begie); display:block;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box dl dt .link-box a {display:block;}
header .header-bottom .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap .snb-box dl dd a {font-size:var(--font-16); color:var(--begie);}
header .header-bottom .sub-menu {display:flex; align-items:center; gap:40px;}
header .header-bottom .sub-menu .btn-search {width:32px; height:32px; background:url(/img/com/icon_search.svg) center no-repeat; background-size:cover; cursor:pointer; font-size:0;}
header .header-bottom .sub-menu .book-now {width:160px; height:44px; background:var(--main-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-18); font-weight:500; color:var(--begie); transition:background 0.3s ease-in-out; border-radius:4px;}
header .header-bottom .sub-menu .book-now:hover {background:var(--darkgreen);}
header .header-bottom .sub-menu .btn-sitemap {width:32px; height:25px; position:relative; font-size:0; cursor:pointer; display:none;}
header .header-bottom .sub-menu .btn-sitemap span {width:100%; height:3px; background:var(--begie); position:absolute; left:0; top:50%; transform:translateY(-50%); transition:opacity 0.3s ease-in-out;}
header .header-bottom .sub-menu .btn-sitemap:before,
header .header-bottom .sub-menu .btn-sitemap:after {content:""; width:100%; height:3px; background:var(--begie); position:absolute; left:0; transition:transform 0.3s ease-in-out;}
header .header-bottom .sub-menu .btn-sitemap:before {top:0;}
header .header-bottom .sub-menu .btn-sitemap:after {bottom:0;}
header .header-bottom .sub-menu .btn-sitemap.active span {opacity:0;}
header .header-bottom .sub-menu .btn-sitemap.active:before {transform:translateY(10px) rotate(-45deg); background:var(--main-color);}
header .header-bottom .sub-menu .btn-sitemap.active:after {transform:translateY(-12px) rotate(45deg); background:var(--main-color);}

header.fix {background:#5D865C; position:relative; left:auto; top:auto;}

header.over .header-top {border-bottom-color:var(--main-color);}
header.over .header-top .header-menu a {color:var(--main-color);}
header.over .header-bottom .logo {background-image:url(/img/com/logo_on.svg);}


@media screen and (max-width: 1440px) {
	header .header-bottom .header-conts .gnb-wrap ul.gnb-box {gap:100px;}
}

@media screen and (max-width: 1280px) {
	header .header-bottom .header-conts {gap:40px;}
	header .header-bottom .header-conts .gnb-wrap ul.gnb-box {gap:50px;}
}

@media screen and (max-width: 1024px) {
	header .header-top {height:80px;}
	header .header-bottom .header-conts .gnb-wrap {display:none;}
	header .header-bottom .sub-menu {gap:30px;}
	header .header-bottom .sub-menu .btn-sitemap {display:block;}
}

@media screen and (max-width: 768px) {	
	header .header-top {height:60px;}
	header .header-bottom {padding:30px 0;}
	header .header-bottom > .inner {height:70px;}
	header .header-bottom .logo {width:135px; height:50px;}
	header .header-bottom .sub-menu {gap:20px;}
	header .header-bottom .sub-menu .book-now {width:140px; height:40px;}
}

@media screen and (max-width: 480px) {
	header .header-top {height:50px;}
	header .header-bottom {padding:20px 0;}
	header .header-bottom > .inner {height:60px;}
	header .header-bottom .logo {width:95px; height:35px;}
	header .header-bottom .sub-menu .btn-search {width:30px; height:30px;}
	header .header-bottom .sub-menu .book-now {display:none;}
	header .header-bottom .sub-menu .btn-sitemap {width:30px; height:21px;}
	header .header-bottom .sub-menu .btn-sitemap span,
	header .header-bottom .sub-menu .btn-sitemap:before,
	header .header-bottom .sub-menu .btn-sitemap:after {height:2px;}
	header .header-bottom .sub-menu .btn-sitemap.active:after {transform:translateY(-9px) rotate(45deg);}
}


header .sitemap {width:100%; height:var(--nvh); position:fixed; left:0; top:0; z-index:10; background:var(--begie); padding-top:260px; padding-bottom:80px; display:none;}
header .sitemap .sitemap-wrap {width:95%; height:100%; max-width:var(--max-w); margin:0 auto; overflow-y:auto;}
header .sitemap .sitemap-wrap .sitemap-conts {width:100%;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb {width:100%;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box {width:100%;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .gnb {width:100%; min-height:60px; display:flex; align-items:center; position:relative; font-size:var(--font-20); font-weight:700; color:var(--main-color); padding-right:16px; border-bottom:2px solid var(--main-color); padding:var(--gap-8) 0;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .gnb:after {content:""; width:16px; height:16px; background:url(/img/com/sitemap_arrow.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap {width:100%; display:none;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box {width:100%; border-top:1px solid var(--main-color);}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box:first-child {border-top:0;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl > * {border-top:1px solid #9FB495;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl > *:first-child {border-top:none;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl > * a {width:100%; display:flex; align-items:center; min-height:40px; padding:var(--gap-8) 0; color:var(--main-color); font-size:var(--font-18);}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl dt a {font-family: (var(--Sanchez)); }
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl dt a span {margin-left:var(--gap-8); font-size:var(--font-14); font-family: "Noto Sans", sans-serif;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl dt .link-box {width:100%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box dl dt .link-box a {width:max-content;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box.active {border-bottom:2px solid var(--main-color);}
header .sitemap.active {display:block;}
header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box.active .gnb:after {transform:translateY(-50%) scaleY(-1);}

@media screen and (max-width: 1024px) {
    header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box .mobile_menu_title_main{font-family: (var(--Sanchez)); background-color: #ffffffe1; padding: var(--gap-8) var(--gap-16); font-weight: 600;}
    header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box .mobile_menu_title_main01{background-color: #ffffffe1; padding: 0 var(--gap-16);}
    header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box .mobile_menu_title_main02{font-weight: 600;}
    header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .snb-wrap .snb-box .mobile_menu_title_sub{background-color: #ffffff9c; padding: var(--gap-8) var(--gap-32); }

}

@media screen and (max-width: 768px) {
	header .sitemap {padding-top:190px;}
}


@media screen and (max-width: 480px) {
	header .sitemap {padding-top:150px;}
	header .sitemap .sitemap-wrap .sitemap-conts .sitemap-gnb .gnb-box .gnb:after {width:12px; height:12px;}
}




footer {width:100%; background:var(--main-color); padding:var(--gap-40) 0;}
footer > .inner {width:95%; max-width:var(--conts-w); margin:0 auto; display:flex; align-items:center;}
footer .logo {width:30%; display:flex; align-items:center; justify-content:center;}
footer .logo span {font-size:0; width:113px; height:42px; background:url(/img/com/logo.svg) center no-repeat; background-size:cover; font-size:0;}
footer .footer-conts {font-family:var(--KoPubWorld); font-size:var(--font-14); color:var(--begie); font-weight:500;}
footer .footer-conts .info-wrap {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:0 var(--gap-24);}
footer .footer-conts .info-wrap span {position:relative;}
footer .footer-conts .info-wrap span:before {content:""; width:1px; height:60%; box-sizing:border-box; border-left:1px solid var(--begie); position:absolute; right:calc((var(--gap-24) / 2) * -1); top:50%; transform:translateY(-50%);}
footer .footer-conts .info-wrap span:last-child:before {display:none;}
footer .footer-conts .info-wrap span a {font-family:var(--KoPubWorld); font-size:var(--font-14); color:var(--begie); font-weight:500; cursor:text;}
footer .footer-conts .copyright {width:100%; display:flex; align-items:center; gap:0 var(--gap-16); flex-wrap:wrap;}
footer .footer-conts .copyright .policy-wrap {display:flex; align-items:center; gap:var(--gap-16);}
footer .footer-conts .copyright a {font-family:var(--KoPubWorld); font-size:var(--font-14); font-weight:700; color:var(--begie); position:relative;}
footer .footer-conts .copyright a:before {content:""; width:1px; height:60%; box-sizing:border-box; border-left:1px solid var(--begie); position:absolute; left:calc((var(--gap-16) / 2) * -1); top:50%; transform:translateY(-50%);}
footer .footer-conts .copyright a:first-child:before {display:none;}

@media screen and (max-width: 900px) {
	footer > .inner {flex-wrap:wrap; gap:var(--gap-24);}
	footer .logo {width:100%;}
	footer .footer-conts {width:100%; text-align:left;}
	footer .footer-conts .info-wrap, footer .footer-conts .copyright {justify-content:flex-start;}
}

@media screen and (max-width: 480px) {
	footer .logo span {width:97px; height:35px;}
}


.quick {width:100%; position:fixed; left:0; bottom:0; z-index:101; display:none; opacity:1; visibility:visible; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.quick ul {width:100%; display:flex; align-items:center;}
.quick ul li {width:25%;}
.quick ul li a {width:100%; height:65px; display:flex; align-items:center; justify-content:center; text-align:center; padding:5px; background:#EEEEEF; font-size:10px; font-weight:600; line-height:1.3;}
.quick ul li:last-child a {background:var(--midgreen); color:var(--begie);}
.quick.hide {opacity:0; visibility:hidden;}

@media screen and (max-width: 480px) {
	.quick {display:block;}
}


.btn-top {width:50px; height:50px; position:fixed; right:50px; bottom:20px; background:#fff; font-size:0; display:block; border:1px solid #fff; transition:background 0.5s ease-in-out; visibility:hidden; z-index:100;}
.btn-top:before {content:""; width:10px; height:10px; background:url(/img/com/arrow_top.svg) center no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.btn-top:hover {background:var(--begie); border-color:var(--main-color);}
.btn-top:hover:before {background-image:url(/img/com/arrow_top_on.svg);}
.btn-top.active {opacity:0.7; visibility:visible;}

@media screen and (max-width: 480px) {
	.btn-top {width:35px; height:35px; right:20px; bottom:80px;}
	.btn-top:before {width:8px; height:8px;}
}


.modal {width:100%; height:var(--nvh); position:fixed; left:0; top:0; z-index:1000; background:rgba(0,0,0,0.7);}
.modal .modal-popup {width:90%; max-width:600px; min-width:200px; box-sizing:border-box; border-radius:var(--gap-16); background:#fff; border:1px solid var(--main-color); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:var(--gap-32);}
.modal .modal-popup > .inner {width:100%; position:relative;}
.modal .modal-popup .btn-close {width:24px; height:24px; background:url(/img/conts/icon_close.svg) center no-repeat; background-size:cover; font-size:0; display:block; position:absolute; right:0; top:0;}
.modal .modal-popup .title {font-size:var(--font-20); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-24);}
.modal .modal-popup .conts {font-family:var(--KoPubWorld); font-size:var(--font-18); font-weight:500;}


.modal .photo-popup {width:85%; max-width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.modal .photo-popup .slide-conts {width:100%;}
.modal .photo-popup .slide-conts .slide-wrap {width:100%;}
.modal .photo-popup .slide-conts .slide-wrap .slide-box {width:100%;}
.modal .photo-popup .slide-conts .slide-wrap .slide-box span {display:block; width:100%; height:0; padding-bottom:calc(800 / 1200 * 100%); position:relative; overflow:hidden;}
.modal .photo-popup .slide-conts .slide-wrap .slide-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.modal .btn-com-close {width:var(--gap-32); height:var(--gap-32); background:url(/img/conts/icon_close_w.svg) center no-repeat; background-size:cover; position:absolute; right:1%; top:3%; font-size:0; cursor:pointer;}
.modal .slide-control button {width:calc(var(--gap-80) * 0.7); height:calc(var(--gap-80) * 0.7); background:rgba(255,255,255,0.3); position:absolute; top:50%; transform:translateY(-50%); font-size:0; cursor:pointer;}
.modal .slide-control button.btn-prev {left:1%;}
.modal .slide-control button.btn-next {right:1%;}
.modal .slide-control button:before {content:""; width:100%; height:100%; background:url(/img/conts/slide_arrow.svg) center no-repeat; background-size:auto 50%; position:absolute; left:0; top:0;}
.modal .slide-control button.btn-next:before {transform:scaleX(-1);}

@media screen and (max-width: 768px) {
	.modal .photo-popup {width:95%;}
	.modal .slide-control button.btn-prev {left:2.5%;}
	.modal .slide-control button.btn-next {right:2.5%;}
}


.loading {width:100%; height:var(--nvh); background:rgba(0,0,0,0.65); position:fixed; left:0; top:0; z-index:100; display:none; align-items:center; justify-content:center;}
.loading.on {display:flex;}
.loading span {display:block; width:40px; height:40px; position:relative; border:5px solid rgba(255,255,255,0.8); border-top:5px solid var(--main-color); border-radius:50%; animation:spin 1s linear infinite; font-size:0; z-index:10;}
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}



#copyright-policy-popup .copyright-policy h2 {font-size:var(--font-16); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-24);}
#copyright-policy-popup .copyright-policy .conts-box {width:100%; font-size:var(--font-16);}
#copyright-policy-popup .copyright-policy .conts-box em {font-weight:600;}
#copyright-policy-popup .copyright-policy .conts-box span {color:var(--main-color);}





@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 480px) {}