@charset "utf-8";
a.btn_more{display:inline-block; padding:18rem 70rem 18rem 35rem; background:#c5a56e url(../img/layout/icon_btn.svg) no-repeat right 35rem center; background-size:14rem; border-radius:30rem; color:#fff; font-size:15rem}
a.btn_more:hover{background-color:#654423;}

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer > header { background:#576f8d; height:46px; border-radius:0; }
.pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20rem; text-align:center; width:20rem; height:20rem; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% }
.pop_layer > header + .con { padding:30rem; padding-bottom:40rem }
.pop_layer .btn_add i { font-size:19rem }
.pop_layer .btn_area { text-align:center; margin:30rem 0 0 0 }
.pop_layer .btn_area .btn { min-width:150rem }

.wrap {width:1400rem; margin:0 auto; position:relative }

#header {height: 100rem;position:fixed;top:0;lefT:0;width:100%;z-index:100;color:#fff;background: #fff;transition:all .3s;display: flex;align-items: flex-start;justify-content: space-between;}
#header h1 {z-index:51; position:absolute; left:0; top:10rem; font-size:0; text-align:center;}
#header h1 a {width: 250rem;height: 70rem;background-size:100%;background-image: url(../img/layout/logo.png);display: block;}
#header .gnb {position: relative;margin:0 auto;/* text-align:right; */float: right;}
#header .gnb:before{content:'';position:absolute;left:0;top:0;display:block;}
#header .gnb > ul{display:inline-block; margin-top:47rem}

#header .gnb .depth1 {margin: 0 25rem;position:relative;min-width:100rem;display: inline-block; text-align:center;}
#header .gnb .depth1 > a {color:#111;display:inline-block;font-size: 18rem;font-weight:600;font-family:'Pretendard';}
#header .gnb .depth1 ul {padding-top:0;transition:all .3s;height:0;overflow:hidden;width: 100%;position: absolute;left: 0;top: 80rem;}
#header .gnb .depth1 ul li{text-align:center;}
#header .gnb .depth2 > a {display:inline-block;font-weight:500;font-size:16rem;line-height:1.4;padding:7rem 0;letter-spacing:-1px;font-family:'Pretendard';color: #fff;word-break: keep-all;}
#header .btn_user { float:right; margin:35rem 0 0 0; display:block; font-size:19px }
#header .user { float:right; right:-35rem; margin-top:42rem;  transition:all .3s }
#header .user a {  display:block;  line-height:37px; font-size:20rem; font-weight:800; padding:0 12rem; text-transform:uppercase; letter-spacing:.5px;  text-align:center; color:rgba(0,0,0,0.8); }
#header .user a:hover { color:#222 }
#header .user.on { opacity:1 }
#header .user.on a { height:40rem }
#header .gnb .depth1 > a:before {background:#57ba47 ;margin-top: 63rem;content:"";height:3px;left:0px; position: absolute;width:0%;transition:0.3s;}
#header .gnb .depth1:hover > a:before { width:100%; }

#header.down {height: 470rem; background: #fff;}
#header.down a {}
#header.down .gnb .depth1 > a { margin-bottom:8rem }
#header.down .gnb .depth1 ul { height:100%; overflow:visible  }
#header.down .gnb .depth2 > a:hover { color:#000  }

#header.on { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2) }
#header.on a {}
#header.down .gnb .depth2 > a{color:#222;}
.header-login{position:absolute; right:0; top:-6rem; display:flex; align-items:center;}
.header-login a{color:#fff; white-space:nowrap;}
.header-inner.wrap{}
.header-login li:nth-child(1) a{color:#248689;}
.header-login  a{display:block; padding:8rem 14rem; background:#fff; font-weight:500; font-size:15rem; text-align:center; min-width:82rem;}
.header-login li:nth-child(2) a{background:#15686c;}

/* footer */
#footer { padding:50rem 0; margin:0rem 0 0 0; background:#000; font-size:16rem; color:#ddd}
#footer b{display:block; margin-bottom:8rem; color:#fff;}
#footer h1 { float:left }
#footer h1 a { text-indent:-9000px; font-size:0; width:200rem; height:29rem; background-image:url(../img/ci.png); background-position:0 29rem; display:block; overflow:hidden; background-size:100% }
#footer nav { position:absolute; right:0; top:0 }
#footer nav li { float:left; margin:0 0 0 17px; }
#footer .list_info li{word-break: keep-all; line-height:1.7; float:left; margin-right:30rem;}
#footer .list_info li:nth-child(5n){clear:both;}
#footer dl{margin-bottom:20rem; display:flex;gap:20px; }
#footer dl dd a {color:#ddd; }

#footer .copyright {font-weight:300; margin:30rem 0 0 0; color:#a8a8a8; }
#footer #top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30rem; color:#fff; right:30px; bottom:30px }
#footer #top_btn:hover { background:rgba(0,0,0,1) }
#footer #top_btn i { vertical-align:2rem }



@media (min-width:2000px){

}


@media (max-width:1480px){
	.wrap{width:100%; padding:0 30rem;}
	
	#header h1{left:30rem}
	#header .user  {margin-top:33rem; }
}


@media (max-width:1023px) {
	#header { height:80rem }
	#header::before{height:80rem}
	#header.down { height:0 }
	#header h1 {left:15rem;top: 0;}
	#header h1 a{width:150rem; height:45rem; margin:16rem 0;}
	.header-login{right:65rem; top:20rem}
	#header .btn_user { position:absolute; right:70rem; top:25rem; font-size:22rem; z-index:8; float:none; margin:0 }
	#header .btn_gnb { position:absolute; right:20rem; top:25rem; font-size:22rem; z-index:15; color:#111;}
	#header .btn_gnb.on { color:#111; transform:rotate(-90deg) }
	#header .btn_gnb.on .fa-bars:before{content: "\f00d";}
	#header .gnb { position:fixed; width:100%; background:#fff; height:100%; top:0; right:-100%; margin:0; float:none; z-index:9; transition:all .3s }
	#header .gnb.on {z-index:11; right:0;}
	#header .gnb > ul{display:block; margin-top:80rem; padding-top:40rem; border-top:1rem solid #ddd;}
	#header .gnb:before{display:none;}
	#header.down .gnb a { color: #fff }
	#header.down .gnb .depth1 > a { margin-bottom:0 }
	#header.down .gnb .depth1:hover > a { color:#fff }
	#header .gnb.on .depth1 ul {display:none;height: auto;position: static; padding:20rem; background:#f8f8f8; border-top:1rem solid #57ba46; transition: none;}
	#header .gnb.on .depth1 ul li a{display:block; padding:0 0 14rem 0; color:#222; text-align:left;}
	#header .gnb.on .depth1 ul li:last-child a{padding-bottom:0}

	#header .gnb .depth1 > a:before { display:none }
	#header .gnb .depth1 {float:none;margin-bottom:20rem;text-align: left;display: block;}
	#header .gnb .depth1 > a {display:block; height:auto; padding-bottom:12rem; line-height:1; color:#222; }

	#header .user  {margin-right:20rem; margin-top:20rem; }
	#header .user a {font-size:15rem; }
	#header .user.on a { color:rgba(0,0,0,0.7) }

	#header.on { background:#fff }
	#header.on .gnb a { color:#222; font-size:20rem; }
	#header.on .gnb .depth1 ul li a{font-size:17rem;}

	#footer { padding:30rem 0 70rem; }
	#footer h1 { display:none }
	#footer .f_left { float:none !important; margin:0; }
	#footer nav { position:static; margin:0 0 10rem }
	#footer nav li { margin:0 17px 0 0 }
}


@media (max-width:860px){	
	#header .gnb .depth1 {margin-bottom:10rem}.
	
}



@media (max-width:540px) {

	#header .gnb{width:100%}
	#header .btn_gnb{top:24rem}
	#header .user  {margin-top:25rem; }
	
	.header-login{top:25rem; right:49rem}
	.header-login a{min-width:55rem;padding: 6rem 10rem;font-size:13rem;}
	
	a.btn_more{padding: 10rem 55rem 10rem 25rem; background: #c5a56e url(../img/layout/icon_btn.svg) no-repeat right 25rem center; background-size:12rem; font-size:12rem}

	#footer{font-size:13rem; }
	#footer .list_info li{clear:both;}

	#footer dl{margin-bottom:20rem; display:flex;gap:10px; }
	#footer dl dd {font-size:12rem; }
}

@media (max-width:440px) {

	#header .user  {margin-top:21rem; }
}





/* quickmenu */
.quickmenu{ position: fixed; bottom:30%;right:30rem;z-index: 7000;}
.quickmenu li {margin-top:10px; text-align:right;}
.quickmenu li a {display:inline-block;width: 38px;height: 38px;border-radius:50rem;overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.quickmenu li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px}
.quickmenu li a:before {display:inline-block;width:38px;height:38px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important;background-position: 50% 50% !important; background-size: 25px auto}

.quickmenu li:nth-child(1) a {background-color:#4a4741;}
.quickmenu li:nth-child(1) a:before {background-image:url('../img/layout/ico_reservation.png');background-color:#4a4741; background-size:60%;}

.quickmenu li:nth-child(2) a {background-color:#4a4741;}
.quickmenu li:nth-child(2) a:before {background-image:url('../img/layout/ico_blog.png');background-color:#4a4741; background-size:50%;}

.quickmenu li:nth-child(3) a {background-color:#4a4741;}
.quickmenu li:nth-child(3) a:before {background-image:url('../img/layout/ico_youtube.png');background-color:#4a4741; background-size:50%;}

.quickmenu li:nth-child(4) a {background-color:#4a4741;}
.quickmenu li:nth-child(4) a:before {background-image:url('../img/layout/ico_instagram.png'); background-color: #4a4741; background-size:60%;}


.quickmenu li a:hover {padding-left: 38px;width:auto;min-width: 38px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);}
.quickmenu li a:hover:before,
.quickmenu li a:hover i{ left:0px;}
.quickmenu li a:hover span {display:inline-block;width:auto;padding-right:1.5em;font-size: 13px;font-weight:400 !important;line-height: 36px;text-indent:0;color:#fff;}

.quickmenu-bottom {display:none !important}
.quickmenu-bottom  {position: fixed; bottom:50rem;right:30rem;z-index: 7000;}

.quickmenu-bottom li {margin-top:10px; text-align:right;}
.quickmenu-bottom li a {display:inline-block;width: 38px;height: 38px;border-radius:50rem;overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.quickmenu-bottom li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu-bottom li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px}
.quickmenu-bottom li a:before {display:inline-block;width:38px;height:38px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important;background-position: 50% 50% !important; background-size: 25px auto}
.quickmenu-bottom li:nth-child(1) a {background-color:#000;}
.quickmenu-bottom li:nth-child(1) a:before  {background-image:url('../img/layout/ico_reservation.png'); background-color: #333333; background-repeat:no-repeat; background-size:25px;}
.quickmenu-bottom li:nth-child(2) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(2) a:before  {background-image:url('../img/layout/ico_blog.png'); background-color: #cdb88d; background-repeat:no-repeat; background-size:20px;}
.quickmenu-bottom li:nth-child(3) a {background-color:#000;}
.quickmenu-bottom li:nth-child(3) a:before {background-image:url('../img/layout/ico_youtube.png'); background-color: #000; background-size:20px;}
.quickmenu-bottom li:nth-child(4) a {background-color:#000;}
.quickmenu-bottom li:nth-child(4) a:before {background-image:url('../img/layout/ico_instagram.png'); background-color: #302e2e;background-repeat:no-repeat; background-size:25px;}



@media only screen and (max-width: 1200px){ 

	.quickmenu{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; border-top: 1px solid #1a416d; display:none;}
	.quickmenu li {margin:0px;text-align: center;float: left;width: 25%;;}
	.quickmenu li:nth-child(2) {position: relative;}
	.quickmenu li:nth-child(2):before,
	.quickmenu li:nth-child(2):after{ content: ""; width: 1px; height: 50px; background-color: rgba(0,0,0,.21); position: absolute; top:50%; margin-top: -25px}
	.quickmenu li:nth-child(2):before{ left: 0}
	.quickmenu li:nth-child(2):after{ right: 0}
	.quickmenu li a {width: 100%;height: 50px;border-radius:0;background-color: transparent !important;}
	.quickmenu li a span {display:inline-block;width:auto;font-size: 14px;font-weight:400 !important;line-height: 50px;text-indent:0;color:#666; vertical-align: top; padding-right: 15px;color: #fff;}
	.quickmenu li a i,
	.quickmenu li a:before{position:relative; left:inherit; top:inherit;vertical-align: top;width: 35px; height: 50px;line-height:50px; font-size: 18px; color: #fff}

	.quickmenu li a:hover {padding-left: 0;width:100%;min-width:inherit;box-shadow:none; line-height: 45px; }
	.quickmenu li a:hover:before,
	.quickmenu li a:hover i{ left:inherit;width: 35px; height: 50px;line-height:50px;}
	.quickmenu li a:hover span {line-height: 50px; width: auto; font-size: 14px;padding-right: 15px; color: #000}

	.quickmenu-bottom{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; border-top: 1px solid #1a416d;display:block !important}
	.quickmenu-bottom li {margin:0px;text-align: center;float: left;width: 25%;}
	.quickmenu-bottom li a {width: 100%;height: 50px;border-radius:0;background-color: transparent !important;}
	.quickmenu-bottom li a span {display:inline-block;width:auto;font-size: 14px;font-weight:400 !important;line-height: 50px;text-indent:0;color:#666; vertical-align: top; padding-right: 15px;color: #fff;}
	.quickmenu-bottom li a i,
	.quickmenu-bottom li a:before{position:relative; left:inherit; top:inherit;vertical-align: top;width: 35px; height: 50px;line-height:50px; font-size: 18px; color: #fff}

	.quickmenu-bottom li a:hover {padding-left: 0;width:100%;min-width:inherit;box-shadow:none; line-height: 45px; }
	.quickmenu-bottom li a:hover:before,
	.quickmenu-bottom li a:hover i{ left:inherit;width: 35px; height: 50px;line-height:50px;}
	.quickmenu-bottom li a:hover span {line-height: 50px; width: auto; font-size: 14px;padding-right: 15px; color: #000}

	.quickmenu-bottom li:nth-child(1),
	.quickmenu-bottom li:nth-child(1) a,
	.quickmenu-bottom li:nth-child(1) a:before {background-color: #4a4741;}
	.quickmenu-bottom li:nth-child(2),
	.quickmenu-bottom li:nth-child(2) a,
	.quickmenu-bottom li:nth-child(2) a:before {background-color: #4a4741}	
	.quickmenu-bottom li:nth-child(3),
	.quickmenu-bottom li:nth-child(3) a,
	.quickmenu-bottom li:nth-child(3) a:before {background-color: #4a4741}	
	.quickmenu-bottom li:nth-child(4),
	.quickmenu-bottom li:nth-child(4) a,	
	.quickmenu-bottom li:nth-child(4) a:before {background-color: #4a4741}

  }

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

	.quickmenu li a:hover {padding-left:0;width:100%;min-width: 100%;box-shadow:none}
	.quickmenu li a:hover,
	.quickmenu li a  {height: 50px;background-color: transparent !important;}
	.quickmenu li:nth-child(2):before,
	.quickmenu li:nth-child(2):after { height: 50px}
	.quickmenu li a span,
	.quickmenu li a:hover span{display:block;width:100%;font-size: 12px;line-height: 20px;height: 20px;padding-right: 0px;position: absolute;left: 0;top: 26px;color: #fff;}
	.quickmenu li a i,
	.quickmenu li a:before,
	.quickmenu li a:hover i,
	.quickmenu li a:hover:before {position:relative;left:0;top:2px;width: 100%;height: 26px;line-height:26px;font-size: 16px;}
	
	.quickmenu-bottom li a:hover {padding-left:0;width:100%;min-width: 100%;box-shadow:none}
	.quickmenu-bottom li a:hover,
	.quickmenu-bottom li a  {height: 50px;background-color: transparent !important;}
	.quickmenu-bottom li a span,
	.quickmenu-bottom li a:hover span{display:block;width:100%;font-size: 12px;line-height: 20px;height: 20px;padding-right: 0px;position: absolute;left: 0;top: 26px;color: #fff;}
	.quickmenu-bottom li a i,
	.quickmenu-bottom li a:before,
	.quickmenu-bottom li a:hover i,
	.quickmenu-bottom li a:hover:before {position:relative;left:0;top:2px;width: 100%;height: 26px;line-height:26px;font-size: 16px;}
}

/* AIN CHILD DEVELOPMENT CENTER QUICK MENU - v1.0.0 FINAL */
.ain-quickmenu{position:fixed;right:24px;bottom:22%;z-index:7000}
.ain-quickmenu ul{overflow:hidden;border:1px solid #e3e8e5;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(36,55,48,.12)}
.ain-quickmenu li{margin:0!important;text-align:center!important;border-bottom:1px solid #edf0ee}
.ain-quickmenu li:last-child{border-bottom:0}
.ain-quickmenu li a,.ain-quickmenu li a:hover{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:84px!important;height:76px!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.ain-quickmenu li a:before,.ain-quickmenu li a:hover:before{position:static!important;display:block!important;width:26px!important;height:26px!important;margin:0 auto 7px;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;content:""}
.ain-quickmenu li.q-consult a:before{background-image:url('../img/layout/quick_consult.svg')!important}
.ain-quickmenu li.q-kakao a:before{background-image:url('../img/layout/quick_kakao.svg')!important}
.ain-quickmenu li.q-phone a:before{background-image:url('../img/layout/quick_phone.svg')!important}
.ain-quickmenu li.q-map a:before{background-image:url('../img/layout/quick_map.svg')!important}
.ain-quickmenu li a span,.ain-quickmenu li a:hover span{position:static!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;text-indent:0!important;color:#3a4843!important;white-space:nowrap}
.ain-quickmenu li a:hover{background:#f7faf8!important}

@media all and (max-width:1024px){
    .ain-quickmenu{display:none!important}
    .ain-quickmenu-bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:62px!important;display:block!important;z-index:8000!important;background:#fff!important;border-top:1px solid #dde5e1!important;box-shadow:0 -4px 18px rgba(36,55,48,.08)}
    .ain-quickmenu-bottom ul{display:flex;height:100%}
    .ain-quickmenu-bottom li{float:none!important;width:25%!important;height:100%!important;margin:0!important;background:#fff!important;border-right:1px solid #edf0ee}
    .ain-quickmenu-bottom li:last-child{border-right:0}
    .ain-quickmenu-bottom li a,.ain-quickmenu-bottom li a:hover{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:62px!important;padding:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
    .ain-quickmenu-bottom li a:before,.ain-quickmenu-bottom li a:hover:before{position:static!important;display:block!important;width:23px!important;height:23px!important;margin:0 0 4px!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;content:""}
    .ain-quickmenu-bottom li.q-consult a:before{background-image:url('../img/layout/quick_consult.svg')!important}
    .ain-quickmenu-bottom li.q-kakao a:before{background-image:url('../img/layout/quick_kakao.svg')!important}
    .ain-quickmenu-bottom li.q-phone a:before{background-image:url('../img/layout/quick_phone.svg')!important}
    .ain-quickmenu-bottom li.q-map a:before{background-image:url('../img/layout/quick_map.svg')!important}
    .ain-quickmenu-bottom li a span,.ain-quickmenu-bottom li a:hover span{position:static!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;font-size:11px!important;font-weight:700!important;line-height:1.15!important;text-indent:0!important;color:#34443e!important}
    body{padding-bottom:62px}
}

/* K-REA HEADER / FOOTER FINAL OVERRIDE */
#header h1 a{width:285rem;height:72rem;background-image:url(../img/layout/logo.png);background-repeat:no-repeat;background-position:left center;background-size:contain}
#header .gnb .depth1{margin:0 18rem;min-width:92rem}
#header .gnb .depth1 > a:before{background:#168258}
#header.down .gnb .depth2 > a:hover{color:#168258}
.krea-footer{margin:0!important;background:#12251e!important}
.krea-footer b{font-size:18rem}
.krea-footer .copyright{clear:both;padding-top:10rem}
@media(max-width:1480px){#header h1 a{width:260rem}.header-inner.wrap{padding-left:30rem;padding-right:30rem}#header .gnb .depth1{margin:0 13rem;min-width:86rem}}
@media(max-width:1024px){#header h1 a{width:205rem;height:55rem;margin:12rem 0}#header .gnb .depth1{margin:0 0 10rem}}
@media(max-width:768px){#header h1 a{width:180rem;height:48rem;margin:11rem 0}}

/* K-REA v1.0.1 semantic quickmenu icons */
.ain-quickmenu li.q-notice a:before{background-image:url('../img/layout/quick_notice.svg')!important}
.ain-quickmenu li.q-archive a:before{background-image:url('../img/layout/quick_archive.svg')!important}
@media all and (max-width:1024px){
    .ain-quickmenu-bottom li.q-notice a:before{background-image:url('../img/layout/quick_notice.svg')!important}
    .ain-quickmenu-bottom li.q-archive a:before{background-image:url('../img/layout/quick_archive.svg')!important}
}

/* =========================================================
   K-REA v1.0.4 - FOOTER CONTACT INFORMATION
   ========================================================= */
.krea-footer .krea-footer-en{
    margin:0 0 14rem;
    color:#bdcbc5;
    font-size:14rem;
    line-height:1.6;
}
.krea-footer .krea-footer-contact{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5rem 22rem;
    margin:0;
    font-style:normal;
    color:#d6dfdb;
    font-size:15rem;
    line-height:1.75;
}
.krea-footer .krea-footer-contact span{
    position:relative;
    display:inline-block;
}
.krea-footer .krea-footer-contact span + span:before{
    position:absolute;
    left:-12rem;
    top:50%;
    width:1px;
    height:12rem;
    margin-top:-6rem;
    background:rgba(255,255,255,.20);
    content:"";
}
.krea-footer .krea-footer-contact em{
    margin-left:4rem;
    font-style:normal;
    color:#aebdb6;
}
.krea-footer .krea-footer-contact a{
    color:#fff;
    text-decoration:none;
}
.krea-footer .krea-footer-contact a:hover,
.krea-footer .krea-footer-contact a:focus{
    color:#b8dfcd;
    text-decoration:underline;
}
.krea-footer .copyright{
    margin-top:18rem!important;
    padding-top:0!important;
}
@media(max-width:768px){
    .krea-footer .krea-footer-en{margin-bottom:10rem;font-size:13rem}
    .krea-footer .krea-footer-contact{display:block;font-size:13.5rem;line-height:1.75}
    .krea-footer .krea-footer-contact span{display:block}
    .krea-footer .krea-footer-contact span + span:before{display:none}
    .krea-footer .krea-footer-address em{display:inline-block;margin-left:3rem}
    .krea-footer .copyright{margin-top:14rem!important}
}

/* =========================================================
   K-REA v1.0.6 - HORIZONTAL BRAND LOGO FINAL
   ========================================================= */
#header h1 a{
    width:350rem;
    height:72rem;
    background-image:url(../img/layout/logo.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:contain;
}
#header .gnb{
    margin-left:350rem;
    margin-right:0;
}
@media(max-width:1480px){
    #header h1 a{
        width:315rem;
    }
    #header .gnb{
        margin-left:315rem;
    }
}
@media(max-width:1200px){
    #header h1 a{
        width:270rem;
    }
    #header .gnb{
        margin-left:270rem;
    }
    #header .gnb .depth1{
        margin-left:8rem;
        margin-right:8rem;
        min-width:76rem;
    }
}
@media(max-width:1024px){
    #header h1 a{
        width:225rem;
        height:55rem;
        margin:12rem 0;
    }
    #header .gnb{
        margin-left:0;
        margin-right:0;
    }
}
@media(max-width:768px){
    #header h1 a{
        width:205rem;
        height:48rem;
        margin:11rem 0;
    }
}
@media(max-width:420px){
    #header h1 a{
        width:184rem;
    }
}

/* =========================================================
   K-REA v1.0.7 - HEADER UTIL / SITEMAP / SEARCH LAYER FINAL
   ========================================================= */
.krea-header-util{
    position:absolute;
    right:0;
    top:10rem;
    z-index:55;
}
.krea-header-util ul{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
}
.krea-header-util li{
    position:relative;
    list-style:none;
}
.krea-header-util li + li:before{
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:10rem;
    margin-top:-5rem;
    background:#d7ddd9;
    content:"";
}
.krea-header-util a,
.krea-header-util .krea-util-button{
    display:block;
    padding:5rem 10rem;
    border:0;
    background:transparent;
    color:#68736e;
    font-family:'Pretendard';
    font-size:12.5rem;
    font-weight:500;
    line-height:1.2;
    cursor:pointer;
}
.krea-header-util a:hover,
.krea-header-util a:focus,
.krea-header-util .krea-util-button:hover,
.krea-header-util .krea-util-button:focus{
    color:#168258;
}
.krea-mobile-util{display:none}
body.krea-layer-open{overflow:hidden}
.krea-global-layer{
    position:fixed;
    left:0;
    top:0;
    z-index:10000;
    width:100%;
    height:100%;
    visibility:hidden;
    opacity:0;
    transition:opacity .22s ease, visibility .22s ease;
}
.krea-global-layer.is-open{
    visibility:visible;
    opacity:1;
}
.krea-layer-dim{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(5,22,16,.48);
}
.krea-layer-panel{
    position:relative;
    z-index:1;
    max-height:88vh;
    overflow-y:auto;
    padding:46rem 0 54rem;
    background:#fff;
    box-shadow:0 20rem 60rem rgba(0,0,0,.16);
    transform:translateY(-20rem);
    transition:transform .25s ease;
}
.krea-global-layer.is-open .krea-layer-panel{transform:translateY(0)}
.krea-layer-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    padding-bottom:24rem;
    border-bottom:1px solid #dfe8e3;
}
.krea-layer-head p,
.krea-search-inner > p{
    margin:0 0 8rem;
    color:#168258;
    font-size:13rem;
    font-weight:700;
    letter-spacing:.12em;
}
.krea-layer-head h2,
.krea-search-inner h2{
    margin:0;
    color:#172c24;
    font-size:32rem;
    font-weight:750;
    line-height:1.2;
}
.krea-layer-close{
    width:46rem;
    height:46rem;
    border:1px solid #dce5e0;
    border-radius:50%;
    background:#fff;
    color:#263a32;
    font-family:Arial,sans-serif;
    font-size:31rem;
    font-weight:300;
    line-height:40rem;
    cursor:pointer;
}
.krea-layer-close:hover,
.krea-layer-close:focus{
    border-color:#168258;
    color:#168258;
}
.krea-sitemap-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:38rem 34rem;
    padding-top:34rem;
}
.krea-sitemap-group{
    min-height:180rem;
    padding:0 8rem 8rem 0;
}
.krea-sitemap-no{
    margin:0 0 6rem;
    color:#72a991;
    font-size:12rem;
    font-weight:700;
    letter-spacing:.08em;
}
.krea-sitemap-group h3{
    margin:0 0 16rem;
    padding-bottom:12rem;
    border-bottom:2px solid #168258;
    font-size:20rem;
    font-weight:700;
}
.krea-sitemap-group h3 a{color:#173d2f}
.krea-sitemap-group ul{margin:0;padding:0}
.krea-sitemap-group li{margin:0;padding:0;list-style:none}
.krea-sitemap-group li a{
    display:block;
    padding:5rem 0;
    color:#59655f;
    font-size:15rem;
    line-height:1.45;
}
.krea-sitemap-group h3 a:hover,
.krea-sitemap-group h3 a:focus,
.krea-sitemap-group li a:hover,
.krea-sitemap-group li a:focus{color:#168258}
.krea-search-panel{
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    width:calc(100% - 40rem);
    max-width:880rem;
    padding:58rem 64rem 54rem;
    border-radius:20rem;
    background:#fff;
    box-shadow:0 28rem 80rem rgba(0,0,0,.20);
    transform:translate(-50%,-47%);
    transition:transform .25s ease;
}
.krea-global-layer.is-open .krea-search-panel{transform:translate(-50%,-50%)}
.krea-search-panel > .krea-layer-close{
    position:absolute;
    right:24rem;
    top:24rem;
}
.krea-search-inner{text-align:center}
.krea-search-form{
    display:flex;
    align-items:stretch;
    max-width:720rem;
    margin:30rem auto 16rem;
    border:2px solid #168258;
    border-radius:9rem;
    overflow:hidden;
    background:#fff;
}
.krea-search-form input[type="text"]{
    flex:1;
    min-width:0;
    height:60rem;
    padding:0 22rem;
    border:0;
    outline:0;
    background:#fff;
    color:#25362f;
    font-family:'Pretendard';
    font-size:17rem;
}
.krea-search-form input[type="text"]::placeholder{color:#9ba6a1}
.krea-search-form button{
    width:112rem;
    border:0;
    background:#168258;
    color:#fff;
    font-family:'Pretendard';
    font-size:16rem;
    font-weight:700;
    cursor:pointer;
}
.krea-search-form button:hover,
.krea-search-form button:focus{background:#0f6945}
.krea-search-inner > span{
    color:#78847e;
    font-size:14rem;
    line-height:1.6;
}
@media(max-width:1480px){
    .krea-header-util{right:30rem}
}
@media(max-width:1200px){
    .krea-header-util a,
    .krea-header-util .krea-util-button{padding-left:7rem;padding-right:7rem;font-size:12rem}
    .krea-sitemap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
    .krea-header-util{display:none}
    .krea-mobile-util{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:7rem;
        margin:20rem 20rem 34rem;
        padding-top:18rem;
        border-top:1px solid #e2e8e5;
    }
    .krea-mobile-util a,
    .krea-mobile-util button{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:42rem;
        padding:8rem 4rem;
        border:1px solid #dce6e1;
        border-radius:7rem;
        background:#fff;
        color:#405149;
        font-family:'Pretendard';
        font-size:13rem;
        font-weight:650;
        text-align:center;
    }
    .krea-mobile-util button{cursor:pointer}
    .krea-mobile-util a:hover,
    .krea-mobile-util a:focus,
    .krea-mobile-util button:hover,
    .krea-mobile-util button:focus{border-color:#168258;color:#168258}
    .krea-layer-panel{padding-top:34rem;padding-bottom:42rem}
    .krea-sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28rem 24rem}
}
@media(max-width:768px){
    .krea-layer-panel{max-height:92vh;padding:26rem 0 34rem}
    .krea-layer-head{align-items:center;padding-left:20rem;padding-right:20rem;padding-bottom:18rem}
    .krea-layer-head h2,.krea-search-inner h2{font-size:27rem}
    .krea-layer-close{width:40rem;height:40rem;font-size:27rem;line-height:34rem}
    .krea-sitemap-grid{display:block;padding:20rem}
    .krea-sitemap-group{min-height:0;padding:18rem 0;border-bottom:1px solid #e4ebe7}
    .krea-sitemap-group:first-child{padding-top:0}
    .krea-sitemap-group h3{margin-bottom:9rem;padding-bottom:8rem;font-size:18rem}
    .krea-sitemap-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14rem}
    .krea-sitemap-group li a{padding:5rem 0;font-size:14rem}
    .krea-search-panel{padding:50rem 22rem 34rem;border-radius:14rem}
    .krea-search-panel > .krea-layer-close{right:14rem;top:14rem}
    .krea-search-form{margin-top:24rem}
    .krea-search-form input[type="text"]{height:54rem;padding:0 15rem;font-size:15rem}
    .krea-search-form button{width:82rem;font-size:14rem}
}
@media(max-width:480px){
    .krea-mobile-util{grid-template-columns:repeat(2,1fr)}
    .krea-sitemap-group ul{grid-template-columns:1fr}
    .krea-search-inner > span{font-size:13rem}
}