@charset "utf-8";

.pc_ver { display:block !important }
.m_ver { display:none !important }

@media screen and (max-width:600px){
	.m_ver { display:block !important }
	.pc_ver { display:none !important }
}

a.btn_more{display:inline-block; padding:10rem 25rem; border:2px solid #fff; background-size:14rem; border-radius:30rem; color:#fff; font-size:15rem}
a.btn_more:hover{background-color:#324471; border:2px solid #324471; }

a.btn2_more{transform: rotate(-0.03deg);display:inline-block; padding:10rem 25rem; background-color:#324471; font-weight:500; border:2px solid #324471; background-size:14rem; border-radius:30rem; color:#fff; font-size:15rem}
a.btn2_more:hover{background-color:#fff; border:2px solid #324471; color:#324471; }

/* 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-top { width: 100%; }
.night {position: relative; height: 90rem; background: url(../img/layout/night_bg.jpg) center top no-repeat; display: flex; align-items: center; justify-content: center;  transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.4s ease, padding 0.4s ease;  max-height: 90px;   opacity: 1;  overflow: hidden;}
.night.hide {
  opacity: 0;
  transform: translateY(-20px); /* 위로 20px 이동 */
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: none; /* 테두리가 있다면 테두리도 제거 */
}
.night h3 {font-size:26rem; font-weight:400; color:#fff; }
.night h3 b {font-weight:800; color:#dab773; }
.night .close-btn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%); /* 세로 가운데 정렬 */
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #868e96;
}
.night .close-btn i {color:#fff;}

.logo-area { padding: 15rem 0; text-align: center; position: relative; }
.logo-area h1 { font-size:0; margin: 0; }
.logo-area h1 a {width: 188rem; height: 78rem; margin: 0 auto; background-size: 100%; background-image: url(../img/layout/logo.png); display: block;}

.logo-area dl { position:absolute; text-align:center; right:0%; transform:translateX(0%); top:22%; display:flex; align-items: center; gap:10px; background:#162636; border-radius:100px; color:#fff; padding:10rem 20rem; }
.logo-area dl dt { font-size:15rem; font-weight:600; }
.logo-area dl dd { font-family: "Roboto Condensed", sans-serif; font-size:22rem; font-weight:600; }

.logo-area .btn_gnb { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #000; }

.mobile_only { display: none; } /* 기본 PC 레이아웃 상태에서는 숨김 */

#header {border-top:1px solid #e2e2e2;}


/* footer */
#footer { padding:50rem 0; margin:0rem 0 0 0; background:#f9f9f9; font-size:18rem; color:#595959}
#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; font-weight:500; margin-right:30rem; }
#footer .list_info li:nth-child(5n){clear:both;}
#footer dl{line-height:2;}
#footer dt, #footer dd { display:inline-block }
#footer dd { margin:0 15rem 0 0rem }
#footer .copyright {font-weight:400; margin:30rem 0 0 0; font-size:15rem; color:#c3c3c3; }

#footer #top_btn { border:0; background:rgba(3,73,63,0.7); font-size:30rem; color:#fff; right:30px; bottom:30px; border-radius:100px; }
#footer #top_btn:hover { background:#03493f; }
#footer #top_btn i { vertical-align:2rem }


@media (min-width:2000px){

}


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

@media (min-width: 1024px) {
	.logo-area { padding: 15rem 0; text-align: center; position: relative; }
	#header {    
	    height: 60rem;     
	    position: -webkit-sticky;    
	    position: sticky;    
	    top: 0;    
	    left: 0;    
	    width: 100%;    
	    z-index: 100;    
	    background: #fff;     
	    box-shadow: 0 1px 3px rgba(0,0,0,0.05);    
	    transition: all .3s;
	}

	#header .gnb { text-align:center; line-height: 60rem; }
	#header .gnb > ul { margin-top: 0; display: inline-flex; justify-content: center; }

	#header .gnb .depth1 { margin: 0 15rem; position:relative; min-width:100rem; text-align:center; }
	#header .gnb .depth1 > a { position: relative; display: block; color:#292929; font-size: 20rem; letter-spacing:-.5px; font-weight:600; font-family:'Pretendard'; }
	#header .gnb .depth1 ul { display: none; width: 240px; padding: 20px 30px; box-sizing: border-box; background-color: #fff; position: absolute; top: 99%; left: 50%; transform: translateX(-50%); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
	#header .gnb .depth1 ul li { text-align:center; line-height: 1.4; }
	#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: #333; word-break: keep-all; }

	#header .gnb .depth1 > a:before { background:#162636; margin-top: 56rem; content:""; height:3px; left:0px; position: absolute; width:0%; transition:0.3s; }
	#header .gnb .depth1:hover > a:before { width:100%; }

	#header.on { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
	header:hover { background: rgba(255,255,255,1); }
	#header:hover .gnb .depth1 > a { color:#000; }
	#header:hover .gnb .depth1:hover > a { color:#162636; }
	
	.mobile-nav { display: none; }
}
@media (max-width:1023px) {.mobile_only { display: block; }
	
	#header { display: none !important; }
	
	.logo-area {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		height: 80rem;    
		background: #fff;  
		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
		z-index: 100;
		box-sizing: border-box;
		padding: 0;
	}
	
	.logo-area h1 { position: absolute; left: 20rem; top: 0; z-index: 8; }
	.logo-area h1 a { width: 100rem; height: 42rem; margin: 18rem 0; background-size: 100%; }
	.logo-area dl { display: none; } 
	
	.logo-area .btn_gnb { 
		display: block !important;
		position: absolute; 
		right: 20rem; 
		top: 39rem; 
		font-size: 22rem; 
		z-index: 115; 
		color: #333;
		margin: 0;
	}
	.logo-area .btn_gnb.on { color: #111; transform: rotate(-90deg); transition: all .3s; }
	.logo-area .btn_gnb.on .fa-bars:before { content: "\f00d"; }

	.mobile-nav { 
		position: fixed; 
		width: 80%;
		background: #fff; 
		height: 100%; 
		top: 0; 
		right: -100%; 
		margin: 0; 
		float: none; 
		z-index: 110; 
		box-shadow: -5px 0 15px rgba(0,0,0,0.1);
		transition: all .3s; 
	}
	.mobile-nav.on { right: 0; }
	
	.mobile-nav > ul { display: block; margin-top: 0rem; padding: 40rem 20rem 0 20rem; border-top: 1px solid #ddd; }
	.mobile-nav .depth1 { float: none; margin-bottom: 20rem; text-align: left; display: block; }
	.mobile-nav .depth1 > a { display: block; height: auto; padding-bottom: 12rem; line-height: 1; color: #222; font-size: 16rem; font-weight: 600; }
	.mobile-nav .depth1 > a:before { display: none; }

	.mobile-nav .depth1 ul { display: none; height: auto; position: static; padding: 20rem; background: #f8f8f8; border-top: 1px solid #b77f63; }
	.mobile-nav .depth1 ul li a { display: block; padding: 0 0 14rem 0; color: #222; text-align: left; font-size: 14rem; }
	.mobile-nav .depth1 ul li:last-child a { padding-bottom: 0; }

	#footer { padding:30rem 0 }
	#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}

	#header .user { margin-right:37rem; margin-top:22rem;  }
	#footer #top_btn { display:none; font-size:17rem; bottom:60rem; right:10rem; width:30px; height:30px; line-height:30px; }
}



@media (max-width:540px) {

	#header .gnb{width:100%}
	#header .btn_gnb{top:26rem}
	.night {height:60rem; }
	.night h3 {font-size:16rem; font-weight:400; color:#fff; }


	.header-login{top:25rem; right:49rem}
	.header-login a{min-width:55rem;padding: 6rem 10rem;font-size:13rem;}
	
	a.btn_more{padding: 5rem 10rem; font-size:12rem}
	a.btn2_more{padding: 5rem 10rem; font-size:12rem}

	#footer{font-size:12rem}
	#footer .list_info li{clear:both;}
	#footer .list_info li:after{display:none;}

	#footer nav {margin-top:20rem;}
	#footer .copyright { font-size:12rem;}
}






/* quick-nav */
.quick-nav {  position: fixed;  bottom: 50%;  transform:translateY(50%);  right: 10px;  width: 84px;  z-index: 9;    background:#fff;   border:1px solid #f7f7f7; border-radius:10px;    overflow:hidden;}
.quick-nav ul{padding:0px 12px;}
.quick-nav li{position:relative;}
.quick-nav li.btn_counsel{display:none;}
.quick-nav li a{display:block;padding:16px 0 12px;text-align:center;border-bottom:1px solid rgba(117,98,103,0.2);}
.quick-nav li:last-child a{border-bottom:0;}
.quick-nav li a:hover{opacity:0.8;}
.quick-nav li a img{width:28px;display:block;margin:0 auto;}
.quick-nav li a figure{margin:0;}
.quick-nav li a figcaption{padding-top:8px;font-size:12px;color:#756267;}
.quick-nav li:nth-child(1) a figcaption{padding-top:8px;font-size:15px;font-weight:600;color:#b77f63; line-height:1.2;}

.quick-nav li.last a{background:#de797f;flex-direction:column;gap:2px;border:0;}
.quick-nav li.last a img{width:8px;}
.quick-nav li.last a figcaption{display:block;font-size:11px;letter-spacing:0;font-weight:600;color:#fff;}
    
@media (max-width: 1500px) { 
    
    .quick-nav{position:fixed;bottom:0;left:0;right:unset;width:100%;height:60px;top:unset;right:unset;transform:none;border:0;border-radius:0;}
    .quick-nav .btn-quick-top{display:none;}
    .quick-nav ul{display:flex;align-items:center;flex-direction:row;gap:0;padding:0;margin:0;}
    .quick-nav ul li{flex:1;padding-left:0;}
    .quick-nav li.btn_counsel{display:block;}
    .quick-nav li a{height:100%;padding:10px 0;border:0;border-right:1px solid rgba(255,255,255,0.2);}
    .quick-nav ul li img{width:24px;}
    .quick-nav ul li figcaption{display:block;text-align:center;padding-top:5px;font-size:10px;}
	.quick-nav li:nth-child(1) a figcaption {font-size:10px; color:#756267; font-weight:400;padding-top:5px;}
    
    .quick-nav li.last{display:none;}
}


.sec_reservation { background: url("../img/layout/reservation_bg.jpg") no-repeat center /cover; height: 400px; display: flex; align-items: center;justify-content: center;} 
.sec_reservation .wrap { width: 100%; } 
.sec_reservation .tt {text-align:center; } 
.sec_reservation .tt i {display:block; margin-bottom:20rem; } 
.sec_reservation .tt i img {width:50rem; } 
.sec_reservation .tt h2{font-size:28rem;font-weight:600;line-height:120%;letter-spacing:-1px;overflow:hidden;color:#fff; }
.sec_reservation .tt p a{display:flex;justify-content:center;align-items:center;width:200px;height:45px;margin:30px auto 0;padding:0 20px;font-size:16rem;border-radius:50px;color:#fff; background:#b98267;}

@media all and (max-width: 1023px){
    .sec_reservation { height: 300px; } 
	.sec_reservation .tt i img {width:40rem; } 
    .sec_reservation .tt h2 {font-size:18rem; letter-spacing:-.5px; line-height:1.5; }
	.sec_reservation .tt p a{font-size:13rem;}
}

/* 2026-08 RIGHT QUICK WIDGET */
.inet-quick-widget { position: fixed; z-index: 950; right: 16px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 8px; }
.inet-quick-widget__item { width: 62px; min-height: 58px; padding: 8px 5px 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border: 1px solid rgba(20,40,59,.12); border-radius: 15px; background: rgba(255,255,255,.97); box-shadow: 0 6px 18px rgba(20,40,59,.12); color: #14283b !important; text-align: center; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.inet-quick-widget__item:hover, .inet-quick-widget__item:focus { transform: translateY(-2px); border-color: rgba(218,183,115,.7); box-shadow: 0 9px 22px rgba(20,40,59,.17); }
.inet-quick-widget__item i, .inet-quick-widget__icon { display: flex; align-items: center; justify-content: center; height: 23px; font-size: 22px; line-height: 1; }
.inet-quick-widget__icon--n { font-family: Arial, sans-serif; font-size: 19px; font-weight: 900; }
.inet-quick-widget__item span:last-child { font-size: 12px; font-weight: 700; line-height: 1.1; letter-spacing: -.4px; }
.inet-quick-widget__item[aria-disabled="true"] { opacity: .62; cursor: default; }
@media (max-width: 1023px) {
  .inet-quick-widget { right: 10px; }
  .inet-quick-widget__item { width: 54px; min-height: 52px; border-radius: 13px; }
}
@media (max-width: 767px) {
  .inet-quick-widget { top: auto; right: 8px; bottom: 76px; transform: none; display: grid; grid-template-columns: repeat(2, 46px); gap: 6px; }
  .inet-quick-widget__item { width: 46px; min-height: 45px; padding: 6px 3px 5px; border-radius: 12px; }
  .inet-quick-widget__item i, .inet-quick-widget__icon { height: 18px; font-size: 18px; }
  .inet-quick-widget__icon--n { font-size: 16px; }
  .inet-quick-widget__item span:last-child { font-size: 10px; }
}