@charset "utf-8";

/*common*/
:root { 
	--yellow: #FEED01;
	--lightyellow: #FFFBCC;
	--blue: #4075FF;
	--red: #EF3337;
	--noto-serif: 'Noto Serif KR', serif;
}
html, body {font-size: 10px; overflow-x: clip;}
body {position: initial !important; min-height: initial !important; top: auto !important;}
.global-dim {display: inline-block; position: fixed; bottom: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 999; opacity: 0; visibility: hidden;}
h1,h2,h3,h4,h5,h6 {text-transform: capitalize; line-height: 1.5em; font-weight: 500;}
body,h1,h2,h3,h4,h5,h6,li,a,textarea,div,p,span,td,input,select,button {font-family: 'Noto Sans KR', sans-serif;  /*font-family: 'Cafe24night';*/ color:#000; 
letter-spacing:-0.4px; margin: 0;}
li,a,textarea,div,p,span,td,input,select,button {line-height:1em;}
button, input[type="button"] {border: 0; outline: none; background: transparent;}
.container {max-width:128rem; width:90%; position: relative; margin: 0 auto; padding: 0;}
.table_wrap {display: table; width: 100%;}
.table_wrap > div {display:table-cell; vertical-align:middle;}
.center, .center_align {text-align:center;}
.clear_after:after {content:"";clear:both;display:table;} 
img {width: 100%; max-width: fit-content;}
.noto-serif {font-family: var(--noto-serif);}

input[type="button"],
label[class*="butn_"] {cursor:pointer}

/***display***/
.mo-only {display:none}
.p-none {display:block}
/* .pc-only {display:block} */
.p-only {display:none}

@media ( max-width: 980px) {
	/* .pc-only {display:none} */
}

@media ( max-width: 768px) {
	.mo-only {display:block}
}

@media ( max-width: 480px) {
	.p-none {display:none}
	.p-only {display:block}
}

/***font***/
.font-13 {font-size: 1.3rem;}
.font-14 {font-size: 1.4rem;}
.font-15 {font-size: 1.5rem;}	
.font-16 {font-size: 1.6rem;}	
.font-18 {font-size: 1.8rem;}	
.font-19 {font-size: 1.9rem;}	
.font-20 {font-size: 2rem;}	
.font-22 {font-size: 2.2rem;}	
.font-24 {font-size: 2.4rem;}	
.font-30 {font-size: 3rem;}	
.font-32 {font-size: 3.2rem;}	
.font-34 {font-size: 3.4rem;}	
.font-36 {font-size: 3.6rem;}	
.font-38 {font-size: 3.8rem;}	
.font-40 {font-size: 4rem;}	
.font-42 {font-size: 4.2rem;}	
.font-50 {font-size: 5rem;}	
.font-80 {font-size: 8rem;}	

@media screen and (max-width: 1440px) {
	html, body {font-size: 9.5px}
}

@media screen and (max-width: 1024px) {
 	html, body {font-size: 9px;}

	.font-30 {font-size: 2.8rem;}
	.font-32 {font-size: 3rem;}
	.font-34 {font-size: 3.2rem;}	
	.font-36 {font-size: 3.4rem;}	
	.font-38 {font-size: 3.4rem;}	
	.font-40 {font-size: 3.6rem;}	
	.font-42 {font-size: 3.8rem;}
	.font-50 {font-size: 4.5rem;}
	.font-80 {font-size: 6rem;}	
}

@media screen and (max-width: 768px) {
	html, body {font-size: 8.8px;}
	.font-13 {font-size: 1.5rem;}
	.font-14 {font-size: 1.6rem;}
	.font-15 {font-size: 1.7rem;}	
	.font-16 {font-size: 1.8rem;}
	.font-18 {font-size: 2rem;}
	.font-19 {font-size: 2rem;}
	.font-20 {font-size: 1.8rem;}
	.font-22 {font-size: 2rem;}
	.font-30 {font-size: 2.4rem;}
	.font-32 {font-size: 2.8rem;}
	.font-34 {font-size: 2.8rem;}	
	.font-36 {font-size: 3rem;}	
	.font-38 {font-size: 3rem;}	
	.font-40 {font-size: 3.2rem;}	
	.font-42 {font-size: 3.4rem;}
	.font-50 {font-size: 3.8rem;}
	.font-80 {font-size: 5.6rem;}	
}

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


.center {text-align:center!important}
.br-mb {display: none;}

.text-blue {color: var(--blue)}
.text-red {color: #EF3337}
.text-darkgrey {color: #666;}

/*button*/
.more_btn {display: block; width: 78px; height: 36px; border-radius: 36px; background: #fff; line-height: 36px; text-align: center; box-shadow: 1px 1px 30px 1px rgba(0, 0, 0, 0.1); transition:0.2s ease}
.more_btn:hover {background:var(--sub-key-color); color:#fff}

[class*="butn_"] {color:#000; font-weight:500; text-align:center; border:none; transition:0.2s ease}
[class*="butn_"].line {background: #fff; border: 1px solid #DDD; color: #000;}
[class*="butn_"].line.bk {color:var(--font-bk); box-shadow:0px 0px 0px 1px var(--font-bk)}
[class*="butn_"].lightgrey {background:#f8f8f8; border: 1px solid #F2F2F2; color:#000;}
[class*="butn_"].yellow {background: var(--yellow); color: #000;}

[class*="butn_"].icon:before {content:''; display:inline-block; width:16px; height:16px; background:var(--color-white); vertical-align:middle; margin-right:5px}
[class*="butn_"].icon.dwn:before {-webkit-mask-size: cover; -webkit-mask-image: url("../img/sub/download_icon.svg")}

[class*="butn_"][class*="sns-"] {position:relative;}
[class*="butn_"][class*="sns-"] .ico {display:block; width: 3.4rem; height: 3.4rem; position:absolute; left: 1.5rem; top:50%; transform:translateY(-50%)}
/*[class*="butn_"].sns-naver {background:#49B75B}*/
[class*="butn_"].sns-naver:hover {background:#f7f7f7!important; box-shadow:none}
[class*="butn_"].sns-naver {background:var(--color-white)!important; color:var(--font-bk); box-shadow:0px 0px 0px 1px var(--line)}
[class*="butn_"].sns-naver .ico {background:url("../img/main/icon-naver.svg") no-repeat center / cover}
[class*="butn_"].sns-kakao {background:#FEE500; color:#181600; border-color: #FEE500;}
[class*="butn_"].sns-kakao:hover {background:#EADB00; box-shadow:none; border-color: #EADB00; color:#181600}
[class*="butn_"].sns-kakao .ico {background:url("../img/main/icon-kakao.svg") no-repeat center / cover}
[class*="butn_"].sns-google {background:var(--color-white)!important; color:var(--font-bk); box-shadow:0px 0px 0px 1px var(--line)}
[class*="butn_"].sns-google .ico {background:url("../img/main/icon-google.svg") no-repeat center / cover}
[class*="butn_"].sns-facebook .ico {background:url("../img/main/icon-facebook.svg") no-repeat center / cover}
[class*="butn_"].sns-facebook:hover, [class*="butn_"].sns-google:hover {background:#f7f7f7!important; box-shadow:none}

[class*="butn_"].full {width:100%; display:block}
[class*="butn_"].full + [class*="butn_"].full {margin-top: 1rem}
.butn_style5.full {max-width:100%; padding:12px 10px}

[class*="butn_"][type="button"],
[class*="butn_"][type="submit"],
span[class*="butn_"]{cursor:pointer}
a[class*="butn_"],
span[class*="butn_"]{display:inline-block}

[class*="butn_"].center {margin:0 auto}

.butn_style1 {border-radius: 50px; padding:1.2rem 2rem; min-width:150px; line-height: 1.28em;}
.butn_style1.long {min-width:200px; width: 100%;}
.butn_style1.full {min-width:200px; width: 100%;}
.butn_style2 {border-radius: 50px; padding: 1.2rem 2.5rem; line-height: 1.28em; }
.butn_style3 {border-radius:6px; padding:0 13px; min-width:100px; font-size:15px; line-height:45px}
.butn_style4 {border-radius: 1rem; padding: 1.4rem 1.5rem; min-width: 16rem; line-height: 1.6em}
.butn_style5,
.butn_style6 {padding: 1rem 2.5rem; font-size:14px; font-weight:400; max-width:100px; width:100%}
.butn_style.default {padding: 2rem 3.5rem; line-height: 1.12em; font-size: 1.6rem; border-radius: 999px;}
.butn.default-sm {padding: 1rem 1.5rem; line-height: 1.2em; font-size: 1.3rem; border-radius: 999px;}
.butn.rounded-sm {padding: 1rem 1.5rem; line-height: 1.2em; font-size: 1.3rem; border-radius: 6px; width: 9.8rem; text-align: center;}

.butn_style5 {border-radius:6px}
.butn_style6 {border-radius:30px}

[class*="butns_wrap_"]{display:flex; gap:0 10px}
[class*="butns_wrap_"][class*="center"] {justify-content:center}
[class*="butns_wrap_"][class*="right"] {justify-content:flex-end}

.arrow_btn {display:block; width:24px; height:24px; background:#222; -webkit-mask-size: cover; -webkit-mask-image: url("../img/sub/arrow-up.svg"); transform:rotate(180deg); font-size:0}
.arrow_btn:hover{background:var(--sub-key-color)}
.arrow_btn.reverse {transform:rotate(0deg)}

.banner_butn {display:inline-block; height:40px; line-height:40px; padding:0 15px; border-radius:40px; background:#fff; transition:0.2s ease}
.banner_butn:hover {box-shadow:0px 0px 26px rgb(84 95 138 / 18%)}

.butn {display: inline-block; width: fit-content;}
.butn span {color: inherit;}
.butn font, button font {display: block; text-transform: capitalize;}
.butn.default {display: flex; align-items: center; column-gap: 1rem; border-radius: 999px; padding: 2rem 3.5rem; font-size: 1.6rem; line-height: 1.2em; }
.butn.rounded {border-radius: 6px;}
.butn.black {background: #333; color: #fff;}
.butn.darkgrey {background: #989898; color: #fff;}
.butn.yellow {background: var(--yellow); color: #000;}
.butn.blue {background: var(--blue); color: #fff;}
.butn.transparent, .butn.white {position: relative; overflow: hidden;}
.butn.transparent::before, .butn.white::before {content: ""; display: inline-block; width: 0; height: 100%; position: absolute; top: 0; left: 0; transition: width 0.25s ease; z-index: 0;}
.butn.transparent {background: transparent; color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.60); }
.butn.transparent::before {background: #fff;}
.butn.transparent span, .butn.white span {z-index: 1; position: relative; transition: color 0.25s ease; }
.butn.white {background: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1); color: #000;}
.butn.white::before {background: var(--yellow);}
.butn.borderBlack {background: #fff; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 1); color: #000;}
.butn.borderBlack.default {background: #fff; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1); color: #000;}
.butn.lightgrey {background: #F8F8F8;}
.butn.lightgreyBorder {background: #F8F8F8; border: 1px solid #F1F1F1;} 
.butn.greyBorder {border: 1px solid #E3E3E5; background: #EBECF0;}
.butn.lightgrey2 {background: #EBECF0}
.butn-search::before {content: ""; display: inline-block; width: 2rem; height: 2rem; background: url('../img/main/icon-search.svg') no-repeat center / contain;}
.butn-copy {font-size: 1.3rem; line-height: 1.23em; padding: 4px 1.2rem; cursor: pointer;}

.chip {font-size: 1.2rem; padding: 3px 8px; }
.chip.rounded {border-radius: 4px;}
.chip.grey {background: #EEE; border: 1px solid #E2E2E2;}
.chip.black {background: #333; color: #fff;}
.chip.lightblue {background: #F0F4FF; color: var(--blue);}
.chip.lightred {background: #FDE1E1; color: #EF3337;}

.chip-status {display: inline-block; font-size: 1.3rem; font-weight: 500; padding: 3.5px 1rem 4px; line-height: 1.8em; border-radius: 4px;}
.chip-apply {background: #333; color: #fff;}
.chip-confirm {background: var(--blue); color: #fff;}
.chip-complete {background: var(--blue); color: #fff;}
.chip-cancel {background: #333; color: #fff;}
.chip-refuse {background: #333; color: #fff;}

/* 구글 번역 api */
iframe.goog-te-banner-frame { display: none !important; }
.skiptranslate { display: none !important; }

.goog-logo-link { display:none !important; } 
.goog-te-gadget { color: transparent !important; overflow: hidden;} 
.goog-te-balloon-frame{display: none !important;} 
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}

/* head */
#header_wrap_all {position: fixed;   top: 0;  left: 0;  width: 100%; z-index: 19999;}
#header_wrap_all .container {max-width: 1800px; height: auto;}
#header_wrap_all .logo_section {}
#wrapper {padding-top: 91px; background: #fff;}
.mobile_head_top {display:none}

.header_login_wrap {}
.header_login_wrap .login_wrap {display: flex;   align-items: center;  justify-content: center}
.header_login_wrap .login_wrap a {font-size: 16px; display: inline-block; position: relative; transition:all 0.15s }
.header_login_wrap .login_wrap a:hover {color:var(--sub-key-color); font-weight: 600;}
.header_login_wrap .login_wrap li:last-child a { margin-right:0}
.header_login_wrap .login_wrap li:last-child a:after {content:none}

.head_languate_selector{position: absolute;   right: 40px; top: 0;}
.head_languate_selector .inner_wrap {background: #f5f5f5;  border-radius: 20px;}
.head_languate_selector > div ul ul{display:none;}
.head_languate_selector > div > ul ul li a:hover{ color:var(--blue-color);}
.dropdown_block{display:block !important;}
.head_languate_selector > div > ul li a{  position: relative;  width: 90px;   height: 35px;  padding: 10px; display: flex;  border-radius: 30px;  font-weight: 700;  align-items: center;  background: #f5f5f5;  font-size: 14px;}
.head_languate_selector > div > ul li.current a:after{position:absolute; content:''; width:12px; height:7px; background:url('../img/main/lang_sel_icon.png') no-repeat center;  display:inline-block; right:15px; top:50%; transform: translateY(-50%); }
.head_languate_selector > div > ul li a:hover .txt {color: var(--key-color); font-weight:900}
.head_languate_selector > div > ul .lang_list li a:hover {background: #ece9e9;}
.head_languate_selector .icon {display: inline-block;  margin-right: 5px; }
.header_login_wrap .favorite_wrap .imgs {display:inline-block; width: 26px; height:23px; background-image:url('../img/main/favorite_icon.png'); background-size:cover}
.header_login_wrap .favorite_wrap:hover .imgs { background-image:url('../img/main/favorite_icon_hover.png'); }


/* Main menus */
#hd {position: relative;  z-index: 19999;}
#gnb {display: inline-block; float: none; padding: 0; position: relative; height:100%}
.header_menu_section {  position:relative; border-bottom: 1px solid #ddd; background:#fff; width:100%; height: 100%; transition: all 0.15s;}
.header_menu_section.menu_fixed { position: fixed;   left: 0; top: 0;  }
#gnb>ul {display: flex; height:100%; column-gap: 8.5rem;}
#gnb>ul>li {display: flex;  align-items: center; height: 100%; position: RELATIVE; }


#gnb .gnb_dep1>li>a {color: #222; text-decoration: none; font-weight: 600; font-size: 1.7rem; transition:all 0.15s; display:block; width:100%; height:100%; display:flex; align-items:center}
#gnb .gnb_dep1>li:hover > a,
#gnb .gnb_dep1>li.active > a{color:var(--sub-key-color)}
#gnb .gnb_dep1>li.active:after{opacity:1}
.header_menu_section .gnb_dep1>li:hover >a, .header_menu_section .gnb_dep1>li.current>a { color:#175da9;}
#gnb ul li ul.sub_menu {display:none;position: absolute;  top: 98%;  left: 0; text-align: center;  width: 200px ;z-index: 1999;  background: #fff;    padding: 3.5rem 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); height: 28rem;}
#gnb ul li ul.sub_menu li {line-height:1em; margin-bottom:25px; text-align: left;}
#gnb ul li ul.sub_menu li a {color: #666;  font-size: 1.4rem;  font-weight: 400; line-height: 1.4em;}
#gnb ul li ul.sub_menu li a:hover {color: var(--sub-key-color) !important; font-weight: 600;    text-underline-offset: 2px;}
#gnb ul li ul.sub_menu li.current a {color:var(--key-color) !important; }
#gnb ul li ul.sub_menu li:last-child  {margin-bottom:0;}
#gnb ul li ul.sub_menu li a.sub_click {color:#999; font-size:16px; font-weight:400;}
#gnb ul li ul.sub_menu.active {display:block; box-shadow:none;background: transparent;}
#gnb ul li ul.sub_menu.show_on {display:block; box-shadow:none;background: transparent;}
/* #gnb .gnb_dep1>li.hover_on:hover ul.sub_menu {display:block !important;} */
.sub_menu_bg_area {display:none; position: absolute;  width: 100%;  height: 325px;  top: 100%;   left: 0; background: #fff;    border-top: 1px solid #EEE;border-bottom: 1px solid #ddd;}
.sub_menu_bg_area.active {display:block;}

.header-actions {display: flex; align-items: center; column-gap: 6rem; align-self: stretch;}
.lang {position: relative; z-index: 11; display: flex; align-items: center;}
.lang_btn {display: inline-block; background: url('../img/main/icon-globe.svg') no-repeat 50% 50% / contain; width: 2.4rem; height: 2.4rem;}
.lang_list {width: 12rem; position: absolute; top: 110%; left: -50%; background: #fff; border-radius: 12px; padding: 8px; height: 0; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; box-shadow: 0 3px 10px rgba(52,56,62,0.1)}
.lang_item {text-align: center; padding: 5px 8px; cursor: pointer;}
.lang_item div {word-break: keep-all; padding: 0 8px; font-size: 1.4rem; line-height: 1.6em;}
.lang.active .lang_list {height: auto; opacity: 1; visibility: visible; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}

.header-actions .login_wrap {display: flex; align-items: center; column-gap: 1.5rem;}
.header-actions .header_login_wrap .login_wrap a {margin-right: 0;}
.header-actions .login_wrap .dot {font-size: 0; line-height: 0;}
.header-actions .login_wrap .dot span {display: inline-block; width: 4px; height: 4px; border-radius: 50px; background: #c4c6ca;}
.header-actions .header_hamburger_menu_pc {position: static; transform: translateY(0);}
.header-actions .header_link {height: 100%;}
.header-actions .header_link a {display: flex; align-items: center; justify-content: center; height: 100%; background: var(--lightyellow); padding: 1.5rem 3.5rem; font-weight: 500;}
.header-actions .header_link .mobile-only {display: none;}

.header_hamburger_menu_pc {  position: absolute; right: 0;   top: 50%;  transform: translateY(-50%); cursor:pointer;}
.navbar-toggle {cursor: pointer;color: #fff; }
.header_hamburger_menu.active {position: fixed;  right: 10px;  top: 10px !important;   background: #222935;}
.hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .15s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.hamburger-box {   position: relative;  display: inline-block;  width: 16px;height: 2px; }
.hamburger-inner:after, .hamburger-inner:before {  display: block;   content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 100%; height: 2px; border-radius: 0; }
.hamburger-inner {  margin-top: 1px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {     position: absolute;     left: 0;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #222; }
.hamburger-inner:before {   top: 7px;  transition-property: transform,opacity;}
.hamburger-inner:after {   bottom: -14px; }
.navbar-toggle.active .hamburger-inner {  transform: translate3d(0,7px,0) rotate(45deg);}
.navbar-toggle.active .hamburger-inner:before {  transform: rotate(-45deg) translate3d(0px,0px,0); opacity: 0;}
.navbar-toggle.active .hamburger-inner:after {  transform: translate3d(0,-12px,0) rotate(-90deg); bottom:-12px}
/*.navbar-toggle:hover .hamburger-inner, .navbar-toggle:hover .hamburger-inner:after, .navbar-toggle:hover .hamburger-inner:before {background-color: var(--yellow); }*/


/* Media Query */
@media only screen and ( hover: hover ) {
	[class*="butn_"].light:hover{background:#CECECE}
	[class*="butn_"].line.bk:hover {background-color:#EFEFEF}
	[class*="butn_"].yellow:hover {background: #EADB00}
	[class*="butn_"]:hover{background:var(--key-color);}
	[class*="butn_"].line:hover {background-color:#EBECF0}
	.butn.yellow:hover {background: #EADB00}
	.butn.black:hover {background: var(--yellow); color: #000; border-color: var(--yellow)}
	.butn.black:hover::before {filter: invert(1)}
	.butn.blue:hover {background: #345FCF;}
	.butn.lightgrey:hover {background: #D0D0D0; }
	.butn.lightgrey2:hover {background: #D0D0D0; }
	/*.butn.lightgrey2:hover::before {filter: invert(1);}*/
	.butn.borderBlack.default:hover {background: #EBECF0;}
	.butn.greyBorder:hover {background: #D0D0D0; }
	.butn.transparent:hover::before, .butn.white:hover::before {width: 100%;}
	.butn.transparent:hover span {color: #000;}
	.butn.lightgreyBorder:hover {background: #D0D0D0; }

	.header-actions .header_link a:hover {background: var(--yellow)}
	.lang_item:hover {background: var(--lightyellow)}
}


@media only screen and ( max-width: 1440px ) {
	.gnb_dep1>li>a {font-size: 16px;}
}

@media only screen and ( max-width: 1280px ) {
	/*#header_wrap_all {position:relative}*/
	#header_wrap_all.fixed {position:fixed}
	#header_wrap_all .header_menu_section .header_inner_wrap .header_bottom .hamburger_wrap p {display:none}
	#header_wrap_all .header_menu_section .header_top {border-top:1px solid var(--line-top); border-bottom:none; background:#fff}
	#header_wrap_all .header_menu_section > .container {height:40px}

	#header_wrap_all .header_menu_section .header_top .container {height:50px}
	#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap {transition:.2s ease; visibility:hidden; opacity:0; position: absolute; top: 51px; left: -5.6%; background: #fff; width: calc(100% + 11.2%); padding:10px 0}
	#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap.open {display:block; visibility:visible; opacity:1; border-bottom: 1px solid var(--line)}
	#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap form {display: flex; justify-content: center; padding:0 5%}
	#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap #sch_submit {position: relative; right: -10px; top: 50%; transform: translateY(5px); width: 35px; height: 35px}
	#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap #sch_str {max-width:420px; width:100%}

	.header_notice_wrap {width:100%; padding:0 35px 0 25px; background: url('../img/main/noti_icon_w.svg') no-repeat 0 50%}
	.rolling-list {width:100%; background:transparent}
	.rolling-list li {height:40px}
	.rolling-list li a {color:#fff}

	.header_hamburger_menu {position:absolute; right:0}
	.header_menu_section {display:flex; flex-wrap:wrap; flex-direction: column-reverse; background:var(--sub-key-color)}
	.header_menu_section .header_top {width:100%}

	.header_login_wrap {display:none}

	#wrapper {padding-top:92px}

	/* break point */
	#gnb,#hamburger_for_pc {display:none;}

	#sch_toggle {display:block}

	/*mobile*/
	#mobile_menu_box .mobile_menu_inner_wrap .header_login_wrap {transition:0.3s ease; visibility:hidden; opacity:0; display:block; margin-bottom:20px}
	#mobile_menu_box .mobile_menu_inner_wrap .header_login_wrap.open {visibility:visible; opacity:1}
}

@media only screen and ( max-width: 768px ) {
	.br-mb {display: block;}
	.butn_style1 {padding: 1.4rem 2rem;}
	.butn_style4 {padding: 1rem 1.5rem;}
	.butn.default {padding: 1.6rem 3.5rem 1.5rem}
	.butn.default-sm {font-size: 1.5rem; padding: 1.1rem 1.5rem;}
	.butn-copy {font-size: 1.5rem;}
	.butn.rounded-sm {font-size: 1.5rem; padding: 1rem 1.5rem 0.9rem;}

	#wrapper { padding-top: 70px;}

	.header_login_wrap {height: 30px;}
	.header_login_wrap .login_wrap a {font-size: 13px; margin-right: 0; }
	.header_login_wrap .login_wrap a:after {right: -0.8em;  top: 0.25em;   height: 0.8em;}
	/* .header_login_wrap .login_wrap {margin-right: 100px;} */
	.head_languate_selector > div > ul li a {font-size: 13px; width: 60px;   height: 30px;}
	.head_languate_selector .icon {display:none}
}

@media only screen and (max-width: 480px) {
	.chip {font-size: 1.4rem;}

	.butn.rounded-sm {padding: 1.2rem 1.5rem 1.3rem;}
	.butn.default-sm {padding: 1.2rem 1.5rem 1.3rem;}
}

/*added 2024.08.27 이다혜 head, main menus*/
#header_wrap_all .header_menu_section .container {display:flex; justify-content:space-between; align-items: center}
#header_wrap_all .header_menu_section .header_top {border-bottom:1px solid var(--line-top)}
#header_wrap_all .header_menu_section .header_top .container {height:90px}
#header_wrap_all .header_menu_section .header_top .container .left {display:flex; align-items:center; gap:0 40px; }
#header_wrap_all .header_menu_section > .container {height:60px}

#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap {position:relative}
#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap #sch_str {width:420px; height:48px; background:var(--bg-light); font-size:14px; color:#999; font-family: 'Pretendard', sans-serif; margin-right:0; padding: 0.2em 63px 0.2em 1.5em}
#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap #sch_str::placeholder {color:#fff; opacity:1; color:#999}
#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap #sch_submit {background:url('../img/main/sch_icon_new.svg') no-repeat center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width:63px; height: 100%;}
#header_wrap_all .header_menu_section .header_top .container .left .main_sch_wrap #sch_submit:hover {box-shadow:none}

#header_wrap_all .header_menu_section .header_inner_wrap,
#header_wrap_all .header_menu_section .header_inner_wrap .header_bottom{height:100%;}
#header_wrap_all .header_menu_section .header_inner_wrap .header_bottom {position:relative; display:flex; gap:26px}
#header_wrap_all .header_menu_section .header_inner_wrap .header_bottom .hamburger_wrap {display:flex; height:100%; align-items:center; cursor:pointer}
#header_wrap_all .header_menu_section .header_inner_wrap .header_bottom .hamburger_wrap p {padding-left:33px; transition: all 0.35s}
#header_wrap_all .header_menu_section .header_inner_wrap .header_bottom .hamburger_wrap:hover p {color:var(--sub-key-color)}

.sub_menu_bg_area_hover {background:#fff; position:absolute; width:100%; height: 28rem; left:0; top: 91px; border-top:1px solid var(--line-top); border-bottom:1px solid var(--line-top); display:none}
.sub_menu_bg_area_hover.active {display:block}

/*#gnb ul li ul.sub_menu:not(.show_on), #gnb ul li ul.sub_menu:not(.active) {margin-left:0; background:transparent; box-shadow:none; top:90px; left:50%; height: 28rem; transform:translateX(-50%); width:calc(100% + 10rem); padding:0}
#gnb ul li ul.sub_menu:not(.show_on) li, #gnb ul li ul.sub_menu:not(.active) li {margin-bottom:0}
#gnb .gnb_dep1>li.hover_on:hover ul.sub_menu {padding-top: 2rem; display: flex !important; flex-direction: column; justify-content: flex-start; gap: 25px; align-items: center;}*/

/*#gnb>ul>li:nth-child(1) > ul.sub_menu:not(.show_on){width:calc(100% + 330px); left:0; transform:translateX(0)}
#gnb>ul>li:nth-child(2) > ul.sub_menu:not(.show_on){width:calc(100% + 355px)}
#gnb>ul>li:nth-child(4) > ul.sub_menu:not(.show_on){width: calc(100% + 200px)}*/

/***** 모바일 메뉴 시작 ******/
.header_hamburger_menu { display:none; position: fixed; right: 20px; top: 3.2rem; transform-origin: center; transition: all 0.35s; }
.mobile_menu_inner_wrap {position: absolute; width: 100%; top: 8rem; padding: 0 0; padding-top: 3rem; height: 100vh;  overflow-y: auto; z-index: 5000; background: #fff;}

.header_hamburger_menu .hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .35s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.header_hamburger_menu .hamburger-box {   position: relative;  display: inline-block;  width: 2rem;height: 1.6rem; }
.header_hamburger_menu .hamburger-inner:after,
.header_hamburger_menu .hamburger-inner:before {  display: block;   content: ""; }
.header_hamburger_menu .hamburger-inner,
.header_hamburger_menu .hamburger-inner:after,
.header_hamburger_menu .hamburger-inner:before { width: 100%; height: 2px; border-radius: 0; }
.header_hamburger_menu .hamburger-inner {  margin-top: 1px; }
.header_hamburger_menu .hamburger-inner,
.header_hamburger_menu .hamburger-inner:after,
.header_hamburger_menu .hamburger-inner:before { position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #222;}
.header_hamburger_menu .hamburger-inner:before {top: 6px;  transition-property: transform,opacity;}
.header_hamburger_menu .hamburger-inner:after {bottom: -12px; }

.header_hamburger_menu .navbar-toggle {cursor: pointer; color: #000;}
.header_hamburger_menu.open { transform: rotate(180deg);}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner { transform: translate3d(0,8px,0) rotate(45deg);}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:before {transform: rotate(-45deg) translate3d(0px,0px,0); opacity: 0;}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:after {transform: translate3d(0,-12px,0) rotate(-90deg);}
.header_hamburger_menu .navbar-toggle.open .hamburger-inner,
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:after,
.header_hamburger_menu .navbar-toggle.open .hamburger-inner:before {background-color: #000;}

.mobile_menu_contents { position: fixed;  top: 0; left: 100%; width: 100%; height: 100%; z-index: 1999;}
.mobile_menu_contents.open {left:0;}

#mobile_menu_box .gnb_dep1 { margin-top: 0; padding-left:0}
#mobile_menu_box .gnb_dep1>li { opacity:0; transform: translateY(50px); transition: all 0.35s ease-out; transition-timing-function: ease; border-bottom: 1px solid rgba(255,255,255,0.2);}
#mobile_menu_box .gnb_dep1>li.visible {opacity:1; transform: translateY(0);}
#mobile_menu_box .gnb_dep1>li>a {font-size: 2rem; padding: 15px 0 15px 30px;  height: auto; color: #000; line-height: 1em;  position: relative; display: block;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children .plus {position: absolute; top: 50%;  transform: translateY(-50%); transition: transform 0.3s; right: 25px;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children.open .plus { transform: translateY(-50%) rotate(-180deg);}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children .plus .plus_add {display: block;   width: 20px;  height: 2px;  position: relative;  background: #fff;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children .plus .plus_add:after {content: "";  background: #fff;  width: 100%;  height: 2px;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%) rotate(90deg);  transition: transform 0.3s;}
#mobile_menu_box .gnb_dep1>li.menu-item-has-children.open .plus .plus_add:after {transform: translateY(-50%) rotate(0);}
#mobile_menu_box .sub_menu { width: 100%; line-height: 1em; float: none; margin: 0; padding: 10px 10px 30px 25px;left:0 !important; display:none;}
#mobile_menu_box .sub_menu>li { padding: 10px;}
#mobile_menu_box .sub_menu>li>a { font-size: 1.6rem; font-weight: 500;}



.mobile-container-overlay {  position: fixed; top: -117.5vh; right: -120.5vh; width: 250vh;  height: 250vh;  border-radius: 50%;  background: var(--key-color);  transition: .2s;  z-index: 0; transform: scale(0); z-index: 10;}
.mobile-container-overlay.open  {animation: checked-overlay .8s both;}
.mobile-container-overlay.close  { animation: not-checked-overlay .4s both; }

.mobile_menu_contents .mobile_menu_copyright {color: #fff;   position: absolute;  bottom: 10px;  width: 100%;   text-align: center;  font-size: 12px; opacity:0; transition: all 0.35s ease-out;  transition-delay:1s;}
.mobile_menu_contents.open .mobile_menu_copyright {opacity:1; }

.mobile_menu_logo {display: none}

/*ldh 24.12.04*/
.mobile_menu_inner_wrap {-ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
.mobile_menu_inner_wrap::-webkit-scrollbar {display:none}

@keyframes checked-overlay {
  0% { transform: scale(0); }
  90% { transform: scale(1); }
  100% { transform: scale(1); }
}
@keyframes not-checked-overlay {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}


@media only screen and ( max-width: 1280px ) {
    /* 모바일 메뉴 Break Point */
    .header_hamburger_menu {display:block;z-index: 19999;}
    #logo {display: none}
    .mobile_menu_logo {display: block; position: fixed;   top: 0;  left: 0;  width: 100%;  height: 90px; z-index: 1999;}
    .mobile_menu_logo a {  display: block;  width: 145px;  height: 90px;  background: url(../img/main/logo.png) no-repeat center; background-size: 80% !important; transition: 0.35s ease;}
    .mobile_menu_logo.open a {filter: grayscale(1) brightness(3);}
}

@media only screen and ( max-width: 767px ) {
	/*mobile*/
	.header_login_wrap .login_wrap {margin-right:0}

    .mobile_menu_logo,
    .mobile_menu_logo a { height: 60px; }
}

@media only screen and ( max-width: 480px ) {
	#wrapper {   padding-top: 90px; }
	.mobile_head_top {display: block;  border-bottom: 1px solid #ddd; height:30px; background: #FFF;}
	.mobile_head_top .login_wrap {display: flex;   align-items: center;  justify-content: flex-end;   padding-right: 20px; height: 100%;}
	.mobile_head_top .login_wrap a {font-size: 14px;   display: inline-block;  margin-left: 15px;}

}

/***** 모바일 메뉴 끝 ******/

.footer {border-top: 1px solid #EBECF0}
.footer .container {max-width: 180rem; padding: 6rem 0; display: flex; align-items: flex-start; column-gap: 12.1rem; flex-wrap: wrap;}
.footer .container > div {display: flex; flex-direction: column; row-gap: 5rem; width: calc((100% - 12.1rem) / 2); align-self: stretch;}
.footer .footer-info {position: relative;}
.footer .footer-info::after {content: ""; display: inline-block; width: 0.5px; height: 100%; background: #eee; position: absolute; top: 50%; right: -6rem; transform: translate(-50%, -50%);}
.footer .logo {width: 16.2rem; height: 3.5rem;}
.footer .logo img {width: 100%;}
.footer .footer-info-wrap {display: flex; flex-direction: column; row-gap: 3rem;}
.footer .info-list li {font-size: 1.4rem; line-height: 1.6em; color: #666;}
.footer .info-link {display: flex; align-items: center; flex-wrap: wrap; row-gap: 1rem; column-gap: 1.6rem;}
.footer .info-link a {font-size: 1.3rem; line-height: 1.5em; font-weight: 400;}
.footer .info-link a b {font-weight: 600;}
.footer .copyright {color: #666;}

.footer .footer-title {font-size: 2rem; font-weight: 500;}
.footer .footer-cs .list-title {width: 9rem}
.footer .cs-list {display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 2rem;}
.footer .cs-list li {display: flex; align-items: baseline; column-gap: 2rem;}
.footer .cs-list--info ul {display: flex; flex-direction: column; row-gap: 2.2rem;}
.footer .cs-list--info .list-title {color: #666;}
.footer .cs-list--info .list-content {font-size: 1.4rem; line-height: 1.6em;}
.footer .cs-list--info .info-number .list-content {font-size: 1.9rem;}
.footer .cs-butn-wrap {display: flex; flex-direction: column; row-gap: 2rem;}
.footer .cs-butn-wrap .butn {display: flex; align-items: center; justify-content: center; column-gap: 1rem;}
.footer .cs-butn-wrap .butn::before {content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; background-size: contain; background-position: center;}
.footer .cs-butn-wrap .butn-qa::before {background-image: url('../img/main/icon-qa.svg')}
.footer .cs-butn-wrap .butn-faq::before {background-image: url('../img/main/icon-faq.svg')}
.footer .footer-sns {margin-top: auto;}
.footer .sns-list {display: flex; align-items: center; column-gap: 2rem;}
.footer .sns-list li a {display: inline-block;}
.footer .sns-list .youtube a {background: url('../img/main/footer-icon-youtube.svg') no-repeat center / contain; width: 7.3rem; height: 1.6rem;}
.footer .sns-list .blog a {background: url('../img/main/footer-icon-blog.svg') no-repeat center / contain; width: 3.6rem; height: 3.6rem;}
.footer .sns-list .facebook a {background: url('../img/main/footer-icon-facebook.svg') no-repeat center / contain; width: 3.6rem; height: 3.6rem;}
.footer .sns-list .instagram a {background: url('../img/main/footer-icon-instagram.svg') no-repeat center / contain; width: 3.6rem; height: 3.6rem;}

.quick-menu {position: fixed; right: 3rem; bottom: 4rem; z-index: 20;}
.quick-menu ul {display: flex; flex-direction: column; row-gap: 1rem;}
.quick-menu a {display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 4px; width: 8rem; min-height: 8rem; border-radius: 50px; font-size: 1.2rem; }
.quick-menu .quick-campingcar a {background: #000; padding: 2.4rem 1.5rem;}
.quick-menu .quick-campingcar .quick-item--icon {background: url('../img/main/icon-quickmenu.svg') no-repeat center /contain; width: 2.4rem; height: 2.4rem;}
.quick-menu .quick-campingcar span {color: var(--yellow); text-align: center; line-height: 1.3em;}
.quick-menu .quick-login a {background: #000;}
.quick-menu .quick-login .quick-item--icon svg {width: 2.4rem; height: 2.4rem;}
.quick-menu .quick-login span {color: var(--yellow); text-align: center; line-height: 1.3em;}
.quick-menu .quick-kakao a {background: var(--yellow);}
.quick-menu .quick-kakao .quick-item--icon {background: url('../img/main/f_kakao_icon.svg') no-repeat center /contain; width: 4.2rem; height: 4.2rem;}
.quick-menu .quick-whatsapp a {background: #25d366;}
.quick-menu .quick-whatsapp .quick-item--icon {background: url('../img/main/f_whatsapp_icon.svg') no-repeat center /contain; width: 3.2rem; height: 3.2rem;}
/* 상단이동 버튼 */
.gotoTop-btn {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 999px; background: #F5F6F8;}
.gotoTop-btn svg {width: 3rem; height: 3rem;}

.modal-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #222; z-index: 1000; display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;}
.modal-overlay.show {display: flex; opacity: 1;}
.modal-box {display: flex; flex-direction: column; row-gap: 1.5rem; border-radius: 10px; background: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.20); padding: 2rem 2.5rem 3rem; width: 55rem; max-width: 90%; position: relative;}
.modal-close {position: absolute; top: 1.5rem; right: 1.5rem; width: 2.4rem; height: 2.4rem; cursor: pointer;}
.modal-title {text-align: center; font-size: 1.9rem; font-weight: 500; line-height: 1.5em;}
.modal-box .horizontal-bar {width: 100%; height: 1px; background: #ddd; }
.review-summary {display: flex; align-items: flex-start; column-gap: 1rem;}
.summary-rate {display: flex; align-items: center; column-gap: 5px;}
.summary-rate svg {width: 1.8rem; height: 1.8rem;}
.summary-rate .rate-score {font-size: 1.4rem; font-weight: 500;}
.summary-rate .rate-num {font-size: 1.3rem; font-weight: 400; color: #666;}
.summary-img {width: 4.4rem; height: 4.4rem; border-radius: 6px; overflow: hidden; flex-shrink: 0;}
.summary-img img {min-width: 100%; min-height: 100%; object-fit: cover;}
.review-gallery {display: flex; flex-direction: column; row-gap: 2rem; position: relative;}
.review-gallery .review-main {border-radius: 6px; overflow: hidden; width: 100%; aspect-ratio: 500 / 292;}
/* .review-gallery .review-main {height: 29.2rem;}/ */
.review-gallery .swiper-slide img {min-width: 100%; height: 100%; object-fit: cover;}
.review-gallery .slide-arrow {position: absolute; top: 14.6rem;  z-index: 1; transform: translateY(-50%);}
.review-gallery .slide-arrow.slide-arrow--prev {left: 5px; }
.review-gallery .slide-arrow.slide-arrow--next {right: 5px;}
.review-gallery .review-thumbs {height: 5rem; width: 100%;}
.review-gallery .review-thumbs .swiper-wrapper {justify-content: center;}
.review-gallery .review-thumbs .swiper-slide {border-radius: 6px; overflow: hidden;}
.review-gallery .swiper-slide-thumb-active {border: 2px solid var(--yellow)}
.summary-text {display: flex; flex-direction: column; }
.review-detail .detail-name {line-height: 1.6em;}
.review-detail .detail-rate {display: flex; align-items: center; column-gap: 1.3rem;}
.review-detail .rate-date {color: #686868; font-size: 1.3rem;}
.review-content p {line-height: 1.6em;}

/* 캘린더 헤더 */
.calendar-header { padding-bottom: 2rem; border-bottom: 1px solid #EEE; display: flex; justify-content: space-between; align-items: center; }
.header-left { flex: 1; }
.header-left .calendar-close {display: none;}
.calendar-title { font-size: 18px; font-weight: 600; color: #222; margin-bottom: 4px;}
.calendar-subtitle { font-size: 1.3rem; line-height: 1.6em; color: #717171; }

/* 날짜 선택 필터 */
.date-pills { display: flex; background: #F5F6F8; border-radius: 1rem;}
.date-pill { background: transparent; border-radius: 1rem; padding: 0.8rem 1.8rem; min-width: 18rem; cursor: pointer; position: relative; transition: all 0.2s ease; border: 2px solid transparent;}
.date-pill:hover { border-color: #000; background-color: #fff; }
.date-pill.active { border-color: #000; background-color: #fff;}
.date-pill.selecting { border-color: active; background-color: #fff; }
.pill-label { font-size: 1.3rem; line-height: 1.5em; color: #717171; font-weight: 500; margin-bottom: 2px; }
.date-pill.selecting .pill-label { color: active; }
.pill-date { font-size: 1.4rem; line-height: 1.6em; color: #222; font-weight: 500; }
.pill-close { position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; border-radius: 50%; background: transparent; border: none; font-size: 10px; cursor: pointer; align-items: center; justify-content: center; color: #666; }
.date-pill.has-date .pill-close { display: flex; }
/* .calendar_select_wrap { display:none; position: absolute;   top: 100%;   left: 0;  z-index: 50;  width: 68.8rem;   min-height: 400px;     background: #fff;   padding: 2rem;  border: 1px solid var(--font-gray2);  border-radius: 15px;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.20);} */
.main_calendar_wrap {display: flex;   align-items: center;  justify-content: center;  margin-bottom: 3rem; width: 100%; position: relative; padding-top: 2rem;}
.main_calendar_wrap .calendar-button {position: absolute; bottom: 10rem; transform: translateY(50%);}
.main_calendar_wrap .calendar-button--prev {left: 0;}
.main_calendar_wrap .calendar-button--next {right: 0;}
.main_calendar_wrap .calendar {display: flex; flex-direction: column; row-gap: 1.5rem; padding: 0 2rem; width: 46%;}
.main_calendar_wrap .calendar-title {text-align: center;}
.main_calendar_wrap table {border-collapse: collapse;}
.main_calendar_wrap .calendar th, .main_calendar_wrap .calendar td {width: 12.3%; text-align: center; font-weight: 400; font-size: 1.3rem; padding: 1rem 0.5rem;}
.main_calendar_wrap .calendar th { color: #B2B3B7;}
.main_calendar_wrap .calendar .in-range {position: relative;}
.main_calendar_wrap .calendar .in-range::after {content: ""; display: inline-block; width: 100%; height: 77%; background: var(--lightyellow); position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: -2; }
.main_calendar_wrap .calendar .in-range::before {content: ""; display: inline-block; width: 77%; height: 77%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.main_calendar_wrap .calendar .in-range.start-date::after {border-top-left-radius: 50px; border-bottom-left-radius: 50px; width: 88.5%; right: 0; left: auto;}
.main_calendar_wrap .calendar .in-range.start-date::before {border-radius: 50px; background: var(--yellow);}
.main_calendar_wrap .calendar .in-range.end-date::after {border-top-right-radius: 50px; border-bottom-right-radius: 50px; width: 88.5%; left: 0; }
.main_calendar_wrap .calendar .in-range.end-date::before {border-radius: 50px; background: var(--yellow);}
.main_calendar_wrap .calendar .disabled {color: #B2B3B7; text-decoration-line: line-through;}
.calendar-footer {display: flex; align-items: center; justify-content: flex-end; column-gap: 2rem; padding-top: 2rem; border-top: 1px solid #EEE;}
.calendar-footer .close-calendar {font-size: 1.3rem; line-height: 1.5em; padding: 5px 1rem; border-radius: 6px; background: #000; color: #fff;}
.calendar-footer .clear-dates {font-size: 1.3rem; line-height: 1.5em; text-decoration-line: underline; text-decoration-skip-ink: auto; text-underline-position: from-font;}

/*
.calendar-modal {background: white; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); max-width: 700px; width: 100%; margin: 20px; max-height: 90vh; overflow: hidden; transform: scale(0.95); transition: transform 0.3s ease;}
.modal-overlay.show .calendar-modal {transform: scale(1);}
.calendar-header {padding: 24px 24px 20px; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between; align-items: center;}
.header-left {flex: 1;}
.calendar-title {font-size: 18px; font-weight: 600; color: #222; margin-bottom: 4px;}
.calendar-subtitle {font-size: 13px; color: #717171;}
.date-pills {display: flex; gap: 12px;}
.date-pill {background: white; border: 1px solid #ddd; border-radius: 8px; padding: 8px 12px; min-width: 80px; cursor: pointer; position: relative; transition: all 0.2s ease;}
.date-pill:hover {border-color: #222;}
.date-pill.active {border-color: #222; background-color: #f7f7f7;}
.date-pill.selecting {border-color: #ff385c; background-color: #fff5f5;}
.pill-label {font-size: 10px; color: #717171; font-weight: 600; margin-bottom: 2px;}
.date-pill.selecting .pill-label {color: #ff385c;}
.pill-date {font-size: 13px; color: #222; font-weight: 500;}
.pill-close {position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; border-radius: 50%; background: #ddd; border: none; font-size: 10px; cursor: pointer; display: none; align-items: center; justify-content: center; color: #666;}
.date-pill.has-date .pill-close {display: flex;}
.pill-close:hover {background: #ccc;}
.calendar-container {position: relative; padding: 20px 24px;}
.calendar-navigation {display: flex; justify-content: center; align-items: center; margin-bottom: 24px; position: relative;}
.nav-button {position: absolute; background: none; border: none; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; color: #222; transition: background-color 0.2s; z-index: 10;}
.nav-button:hover {background-color: #f7f7f7;}
.nav-button:disabled {opacity: 0.3; cursor: not-allowed;}
.nav-button:disabled:hover {background-color: transparent;}
.nav-button.prev {left: 0;}
.nav-button.next {right: 0;}
.months-display {font-size: 16px; font-weight: 600; color: #222; text-align: center;}
.calendars-wrapper {display: flex; gap: 40px; justify-content: center;}
.month-calendar {flex: 0 0 280px;}
.month-title {font-size: 14px; font-weight: 600; color: #222; text-align: center; margin-bottom: 16px;}
.weekdays {display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; margin-bottom: 8px;}
.weekday {text-align: center; font-size: 11px; font-weight: 600; color: #717171; padding: 6px 0;}
.days-grid {display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px;}
.day {aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #222; cursor: pointer; position: relative; transition: all 0.1s ease;}
.day:hover:not(.disabled):not(.other-month) {background-color: #f7f7f7; border-radius: 50%;}
.day.disabled {color: #d1d5db; cursor: not-allowed;}
.day.other-month {opacity: 0.3;}
.day.start-date, .day.end-date {background-color: #222; color: white; border-radius: 50%; font-weight: 600;}
.day.in-range {background-color: var(--lightyellow); color: #222;}
.day.in-range::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--lightyellow); z-index: -1;}
.day.start-date.in-range::before {left: 50%;}
.day.end-date.in-range::before {right: 50%;}
.day.start-date.end-date::before {display: none;}
.calendar-footer {padding: 20px 24px; border-top: 1px solid #ebebeb; display: flex; justify-content: space-between; align-items: center;}
.clear-dates {background: none; border: none; color: #222; font-size: 14px; font-weight: 500; text-decoration: underline; cursor: pointer; padding: 8px 0;}
.clear-dates:hover {color: #717171;}
.close-calendar {background: #222; color: white; border: none; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer;}
.close-calendar:hover {background: #404040;}*/


.pg_wrap {width: 100%; display: flex; align-items: center; justify-content: center;}
.pg_wrap .pg {display: flex; align-items: center; justify-content: center; width: 100%; column-gap: 5px;}
.pg_wrap .pg_page {display: flex; align-items: center; justify-content: center; font-size: 1.6rem; width: 3.6rem; height: 3.6rem; background: #fff; color: #999; font-weight: 400; border: 0; border-radius: 6px; line-height: unset; min-width: unset;}
.pg_wrap .pg_page.pg_current {background: #EBECF0; border-radius: 6px; color: #000;}
/*.pg_wrap .pg_next, .pg_wrap .pg_prev {text-indent: 0; border: 0; min-width: unset; line-height: unset; width: auto; padding: 1rem 1.5rem; color: #222; font-weight: 500;}*/
.pg_wrap .pg_page.pg_arrow img {width: 1.8rem; height: 1.8rem;}
.pg_wrap .pg_next img, .pg_wrap .pg_end img {transform: rotate(180deg);}
.pg_wrap .pg_start {margin-right: 2rem;}
.pg_wrap .pg_end {margin-left: 2rem;}
.pg_wrap .pg_prev {margin-right: 3rem;}
.pg_wrap .pg_next {margin-left: 3rem;}

.box {border-radius: 1rem; padding: 3rem 4rem;}
.box-white {background: #fff; border: 1px solid #F0F1F3;}

@media (max-width: 2000px) {
	#gnb>ul {column-gap: 6rem;}
	.header-actions {column-gap: 4rem;}
}

@media (max-width: 1800px) {
	.header-actions {column-gap: 2rem;}
}

@media (max-width: 1600px) {
	#header_wrap_all .header_menu_section .header_top .container {height: 12rem;}
	#header_wrap_all .header_menu_section .container {flex-wrap: wrap;}
	#header_wrap_all .header_menu_section .header_top .container .left {height: 6rem;}
	#gnb {width: 100%; height: 50%; order: 5; }
	#gnb > ul {justify-content: center; column-gap: 10rem;}
	#wrapper {padding-top: 12.1rem;}
	.sub_menu_bg_area_hover {top: 12.1rem;}
}

@media (max-width: 1440px) {
	.main_calendar_wrap .calendar {width: 48%;}

}

@media (max-width: 1280px) {
	#header_wrap_all .header_menu_section .header_top .container {height: 8rem;}
	#wrapper {padding-top: 8rem;}
	.header_bottom {display: none;}
	.header-actions {margin-right: 2rem;} 
	.header_login_wrap .login_wrap {column-gap: 1rem;}
	.header_login_wrap .login_wrap a {width: 12rem;}
}

@media (max-width: 1024px) {
	.main_calendar_wrap .calendar th, .main_calendar_wrap .calendar td {padding: 1.2rem 0.5rem 1.1rem;}

	.footer .container {column-gap: 8.1rem;}
	.footer .container > div {width: calc((100% - 8.1rem) / 2)}
	.footer .footer-info::after {right: -4rem;}
	.footer .cs-butn-wrap {flex-direction: row; column-gap: 1rem;}
}

@media (max-width: 768px) {
	.header-actions .header_link a {padding: 1.5rem 2.4rem}
	.header-actions .header_link .mobile-only {display: flex;}
	.header-actions .header_link .pc-only {display: none;}

	/* .calendar_select_wrap {max-width: 38.8rem; min-height: 20rem; width: 100%;} */
	.calendar-header {flex-direction: column; align-items: flex-start; gap: 16px;} 
	.date-pills {width: 100%; }
	.date-pill {width: 50%; min-width: unset;}
	.main_calendar_wrap {flex-direction: column; max-height: 32rem; row-gap: 4rem; overflow-x: auto; 
	justify-content: flex-start;}
	.main_calendar_wrap .calendar-button {bottom: auto; top: 0; }
	.main_calendar_wrap .calendar-button--prev {left: 4rem;}
	.main_calendar_wrap .calendar-button--next {right: 4rem;}
	.main_calendar_wrap .calendar {width: 100%;}
	.main_calendar_wrap .calendar th, .main_calendar_wrap .calendar td {padding: 1.5rem 0.5rem 1.4rem; font-size: 1.5rem;}
	.calendar-footer .clear-dates, .calendar-footer .close-calendar {font-size: 1.5rem;}

	.footer .container {flex-direction: column-reverse; row-gap: 4rem;}
	.footer .container > div {width: 100%; row-gap: 2rem;}
	.footer .footer-info::after {right: auto; bottom: auto; width: 100%; height: 0.5px; top: -2rem; left: 50%;}
	.footer .footer-info-wrap {row-gap: 1rem;}
	.footer .cs-list--info ul {row-gap: 1rem; width: 100%;}
	.footer .info-list {display: flex; flex-direction: column;}
	.footer .info-list li {display: inline; column-gap: 1rem;}
	.footer .info-list li + li {padding-right: 1rem;}
	.footer .info-list li br {display: none;}
	.quick-menu {right: 1.5rem;}
	.quick-menu ul {row-gap: 0.6rem;}
	.quick-menu .quick-campingcar a {padding: 2rem 0.3rem;}
	.quick-menu .quick-login a {row-gap: 0;}
	.quick-menu .quick-login .quick-item--icon svg {width: 2rem; height: 2rem;}
	.quick-menu a {width: 5.8rem; min-height: 5.8rem;}
	.quick-menu .quick-kakao .quick-item--icon {width: 3.6rem; height: 3.6rem;}
	.quick-menu .quick-whatsapp .quick-item--icon {width: 2.6rem; height: 2.6rem;}
	.gotoTop-btn {height: 5.8rem;}
	.gotoTop-btn svg {width: 2rem; height: 2rem;}

	.pg_wrap .pg_page {width: 3.2rem; height: 3.2rem; font-size: 1.5rem;}
	.pg_wrap .pg_start {margin-right: 1rem;}
	.pg_wrap .pg_end {margin-left: 1rem;}
	.pg_wrap .pg_prev {margin-right: 1rem;}
	.pg_wrap .pg_next {margin-left: 1rem;}

}

@media (max-width: 480px) {
	#header_wrap_all .header_menu_section .header_top .container {height: 6.5rem;}
	#header_wrap_all .header_menu_section .header_top .container .left {height: auto; width: 10rem;}
	.header-actions {margin-right: 4rem; column-gap: 1rem;}
	.header-actions .header_link a {padding: 1.5rem 2.6rem; font-size: 13px;}
	.header_hamburger_menu {top: 2.4rem;}
	.mobile_menu_inner_wrap {top: 6.5rem;}

	#wrapper {padding-top: 6.5rem;}
	/* .calendar_select_wrap {width: 90vw;} */
	/* .calendar-title {font-size: 1.8rem;}
	 .main_calendar_wrap .calendar-button {top: 0.8rem;}
	 .main_calendar_wrap .calendar-button svg {width: 2rem; height: 2rem;} 
	 .filter .calendar_select_wrap {width: 90vw; left: -9rem;}
	 .main_calendar_wrap .calendar th, .main_calendar_wrap .calendar td {padding: 1.1rem 0.5rem 1.2rem;} */
	.review-gallery .slide-arrow {top: 22vw;}

	.header-left {width: 100%; position: relative;}
	.header-left .calendar-close {display: block; position: absolute; right: 0; top: 0; font-size: 2.2rem; font-weight: 500;}

	.footer .container {padding: 4rem 0;}
	.footer .logo {width: 12rem;}

	.pg_wrap .pg_start, .pg_wrap .pg_prev {margin-right: 0;}
	.pg_wrap .pg_end, .pg_wrap .pg_next {margin-left: 0;}

	.review-gallery .review-thumbs {height: 4rem;}
}

@media (max-width: 325px) {
	.footer .cs-list li {flex-direction: column; row-gap: 0.5rem;}
}

@media (hover: hover) {
    .footer .info-link a:hover {text-decoration: underline; text-underline-offset: 3px;}
    .footer .cs-list--info .info-number a:hover {text-decoration: underline; text-underline-offset: 3px;}
}

.calendar_select_wrap {position: absolute; top: calc(100% + 4px); left: 0; z-index: 22; background: none;}
.dual-calendar-container { width: 68.8rem; background: #fff; border-radius: 1rem; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; margin: 0 auto; padding: 2rem;}
.calendar-header {border-bottom: 1px solid #EEE; display: flex; justify-content: space-between; align-items: center; }
.calendar-title { font-size: 2.2rem; font-weight: 700; color: #333; margin-bottom: 4px; }
.calendar-subtitle { font-size: 1.4rem; color: #666; }
.date-pills { display: flex; background: #F5F6F8; border-radius: 1rem;}
.date-pill { display: flex; align-items: flex-start; flex-direction: column; padding: 1rem 1.8rem; background: white; border-radius: 1rem; cursor: pointer; transition: all 0.2s ease; background: #F5F6F8;}
.date-pill:hover, .date-pill.active { border-color: #000; }
.pill-label { font-size: 1.3rem; font-weight: 400; color: #000;}
.pill-date { font-size: 1.4rem; font-weight: 400; color: #666; }
.pill-close { background: none; border: none; cursor: pointer; padding: 2px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.2s ease; }
.pill-close:hover { background: rgba(0,0,0,0.1); }
.dual-calendar-wrapper { position: relative; padding: 2rem 0; }
.calendar-nav { position: absolute; top: 24px; right: 24px; z-index: 10; display: flex; gap: 8px; }
.calendar-button { width: 2.4rem; height: 2.4rem; background: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; position: absolute; top: 57%; }
.calendar-button--prev { left: -30px; }
.calendar-button--next { right: -30px; }
.dual-calendar-content { display: flex; gap: 20px; align-items: flex-start; justify-content: center; }
.calendar-with-nav { display: flex; align-items: flex-start; position: relative; width: 43.6%;}
.calendar { flex: 1;}
.calendar .calendar-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; text-align: center; color: #333; height: 24px; display: flex; align-items: center; justify-content: center; }
.calendar-table { width: 100%; border-collapse: collapse; }
.calendar-table th { padding: 12px 6px; text-align: center; font-size: 14px; font-weight: 500; color: #666; border-bottom: 1px solid #e9ecef; }
.calendar-table td.day { padding: 0; text-align: center; border: none; width: 14.285%; cursor: pointer; transition: all 0.2s ease; position: relative; font-size: 12px; }
.calendar-table .day-inner {display: flex; align-items: center; justify-contenT: center; width: 100%; aspect-ratio: 1/1; z-index: 2; position: relative; }
.calendar-table td.day:not(:empty) span { margin: 0; }
.calendar-table td.day.selected span { background: var(--yellow); color: #000; font-weight: 600; }
.calendar-table td.day.start-date span::after, .calendar-table td.day.end-date span::after {content: ""; display: inline-block; width: 90%; height: 90%; background: var(--yellow); border-radius: 5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.calendar-table td.day.start-date span{ background: #FFFBCC; border-radius: 5rem 0 0 5rem; overflow: hidden;}
.calendar-table td.day.end-date span { background: #FFFBCC; border-radius: 0 5rem 5rem 0; overflow: hidden; }
.calendar-table td.day.in-range span {position: relative;}
.calendar-table td.day.start-date span::before,
.calendar-table td.day.end-date span::before,
.calendar-table td.day.in-range span::before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; height: 90%;  background: #fffbe6; z-index: -2;}
.calendar-table td.day.start-date span::before,
.calendar-table td.day.end-date span::before {width: 95%; height: 90%; left: 5%; transform: translateY(-50%);}
.calendar-table td.day.in-range span::before {left: 50%; transform: translate(-50%, -50%); width: 100%; height: 90%;}

.calendar-table td.day.disabled span { color: #ccc; cursor: not-allowed; }
.calendar-table td.day.disabled:hover { background: none; }
.calendar-footer { padding: 16px 24px; border-top: 1px solid #e9ecef; display: flex; align-items: center; }
.clear-dates { background: none; padding: 0; cursor: pointer; font-size: 1.3rem; line-height: 1.5em; transition: all 0.2s ease; }
.close-calendar { background: #007bff; border: none; color: white; padding: 0.5rem 1rem; border-radius: 6px; cursor: pointer; font-size: 1.3rem; font-weight: 500; transition: all 0.2s ease; }

@media(hover:hover) {
	.calendar-table td.day:hover:not(.disabled) span { background: #fffbe6; }
}

@media (max-width: 680px) { 
	.calendar_select_wrap {position: fixed; top: auto; left: 0; bottom: -100%; width: 100svw; min-height: 50vh; max-height: 90vh; transition: bottom 0.3 ease-in-out;}
	.calendar_select_wrap.on {bottom: 0;}
	#calendar-wrap.inner_wrap {bottom: -100%;}
	.dual-calendar-container {width: 100vw; border-radius: 1rem 1rem 0 0; padding-bottom: 0;}
	.calendar-header {align-items: flex-start;}
	.date-pill {padding: 0.6rem 1.2rem;}
	.pill-close {width: 1.6rem; height: 1.6rem; right: 1rem;}
	.dual-calendar-wrapper {padding: 2rem; position: relative; height: 52rem; overflow-y: auto; }
	.dual-calendar-content { flex-direction: column; gap: 2rem; align-items: center; padding: 0; } 
	.calendar {width: 100%;}
	.calendar-with-nav { flex-direction: column; width: 100%; max-width: unset; position: static; } 
	.calendar-button {position: fixed; width: 2rem; height: 2rem; top: 74%;}
	.calendar-button--prev {left: 2rem; }
	.calendar-button--next {right: 2rem; }
	.calendar-footer {padding: 12px 16px 24px;}
}

@media (max-width: 480px) {
	.dual-calendar-wrapper {height: 86vw;}
	.calendar-button {top: 71%;}

	.global-dim.active {opacity: 1; visibility: visible; transition: all 0.3s ease;}
}

@media (max-width: 350px) {
	.calendar-button {top: 71%;}
}

/* 영문 CSS */
html[lang="ko"] .fixed-en { display:none; }
html[lang="en"] .fixed-ko { display:none; }
[lang="en"] #header_wrap_all .header_menu_section .header_top .container {height: 12rem;}
[lang="en"] #header_wrap_all .header_menu_section .container {flex-wrap: wrap;}
[lang="en"] #gnb {width: 100%; height: 50%; order: 5;}
[lang="en"] #gnb>ul {column-gap: 5rem; justify-content: center;}
[lang="en"] #gnb .gnb_dep1>li>a {font-size: 1.5rem;}
[lang="en"] .sub_menu_bg_area_hover {top: 12.1rem;}	
[lang="en"] #gnb ul li ul.sub_menu {width: calc(100% + 5rem);}
[lang="en"] .header-actions .header_login_wrap .login_wrap a {text-transform: capitalize;}


@media (max-width: 1280px) {
	[lang="en"] #header_wrap_all .header_menu_section .header_top .container {height: 8rem;}
	[lang="en"] .header_login_wrap .login_wrap a {width: auto;}
}

@media (max-width: 480px) {
	[lang="en"] #header_wrap_all .header_menu_section .header_top .container {height: 6.5rem;}
}


/* 팝업 */
#hd_pop {z-index: 999;}
#hd_pop .hd_pops {position: absolute; background: transparent; border: 0; border-radius: 12px; overflow: hidden; box-shadow: 3px 5px 12px rgba(0,0,0,0.20)}
#hd_pop .hd_pops .hd_pops_con {width: auto !important; height: auto !important; max-width: 45rem; }
#hd_pop .hd_pops .hd_pops_con p {font-size: 0;}
#hd_pop .hd_pops .hd_pops_con br {display: none; height: 0;}
#hd_pop .hd_pops_footer {background: #fff;}
#hd_pop .hd_pops_footer button {padding: 20px 12px;}
#hd_pop .hd_pops_footer .hd_pops_reject {font-size: 1.45rem; color: #222; background: #fff; font-weight: 500;}
#hd_pop .hd_pops_footer .hd_pops_close {display: flex; align-items: center; column-gap: 3px; height: 100%; background: #fff; color: #222; font-size: 1.45rem;}
#hd_pop .hd_pops_footer .hd_pops_close i {display: none;}
#hd_pop .hd_pops_footer .hd_pops_close::after {content: "⨉"; display: inline-block; color: #222; font-weight: 500; font-size: 2rem; line-height: 1em; padding-bottom: 3px;}

@media (max-width: 1280px) {
	#hd_pop .hd_pops {left: 50% !important; transform: translateX(-50%); top: 20vh !important; box-shadow: 3px 5px 12px rgba(0,0,0,0.4)}
}

@media (max-width: 480px) {
	#hd_pop .hd_pops .hd_pops_con {width: 80vw !important;}
	#hd_pop .hd_pops_footer button {padding: 14px 10px;}
	#hd_pop .hd_pops .hd_pops_footer .hd_pops_reject, #hd_pop .hd_pops .hd_pops_footer .hd_pops_close {font-size: 1.6rem;}
	#hd_pop .hd_pops_footer .hd_pops_close::after {font-size: 1.8rem; padding-bottom: 0px;}
}

@media (max-width: 360px) {
	#hd_pop .hd_pops .hd_pops_footer .hd_pops_reject, #hd_pop .hd_pops .hd_pops_footer .hd_pops_close {font-size: 1.4rem;}
	#hd_pop .hd_pops .hd_pops_footer .hd_pops_close::after {font-size: 1.6rem;}
}