@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{ background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; font-size:15px; font-weight:400; letter-spacing:0; color:#0e0303;}
body,input,select,textarea,button,pre {border:none; font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color:inherit; line-height:1.2; letter-spacing:0}
body * { box-sizing: border-box; }
body *::before {box-sizing: border-box;}
body.fixed{overflow-y: hidden;}
ul,ol,li{list-style:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em { font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{text-decoration:none;}
a {color:inherit;}
button { cursor: pointer; color:inherit; font-weight:300; background-color: transparent;} /* outline: none; */
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
pre{font-size: 16px; letter-spacing: -.8px;}
/* Form */
textarea { border:1px solid rgba(0, 0, 0, 0.25);}
select { padding-left: 12px; height:48px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,.inp {font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#333333; border:1px solid #EBEDEE; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] {padding:0; padding-left:12px; height: 48px;}
input::-webkit-input-placeholder{color:rgba(36, 46, 71, 0.4); font-size:15px; line-height:100%;}
textarea {padding:12px; resize: none;}
textarea::placeholder {color:rgba(36, 46, 71, 0.4);} 


input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:40px; margin:0; padding:0 10px; border:1px solid #d8d8da; font-size:18px; color:#151515;}
input[type="file"] {height:40px; font-size:16px;}
select {height:40px; padding-left:10px; padding-right:20px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
textarea {padding:10px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
button, select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
	font:inherit;
}
select::-ms-expand {display: none;}
select{	
	/* background: #fff url('../images/icon/icon_sel_arr02.jpg') 100% 50% no-repeat !important;	 */

}

body {top:0 !important;}

/* 구글 번역 위젯 완전 숨김 */
#google_translate_element {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* 상단에 자동으로 생기는 번역 툴바 숨기기 */
.goog-te-banner-frame {
    display: none !important;
}

/* 언어 선택 메뉴 iframe도 숨기기 */
.goog-te-menu-frame {
    display: none !important;
}

/* body가 밀리는 현상 방지 */
body {
    top: 0px !important;
}

/* 번역 위젯 관련된 버튼들도 숨김 */
.goog-te-gadget,
.goog-logo-link,
.goog-te-gadget-simple {
    display: none !important;
}


table {border-collapse: collapse;border-spacing: 0}

.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
strong {font-weight:700;}



body.pop_open {overflow: hidden; position:fixed; padding-right: 0; touch-action: none; width:100%; height: 100%;}

img {max-width:100%;}


.fc_primary {color:#ef5400 !important;}
.fc_primary2 {color:#ff7200 !important;}
.fc_green {color:#2b3f07 !important;}
.fc_red {color:#cb1818 !important;}

html {font-size:10px;}
.m_block {display:none;}
@media (max-width:1500px){
	html {font-size:calc(1000vw/1500);}
}
@media (max-width:1024px){
	html {font-size:10px;}
}
@media (max-width:600px){
	html {font-size:calc(1000vw/580);}
	.m_none {display:none;}
	.m_block {display:block;}
}




#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:40px; background:#21272e;color:#fff;font-size:20px;font-weight:bold;text-align:center;text-decoration:none;line-height:2}

.container {width:94%; max-width:1500px; margin:auto;}

#header {font-family: "GmarketSans", sans-serif; letter-spacing:0;}



#header_mobile {display:none;}
#header {position:fixed; top:0px; left:0; width:100%; z-index:1001; height:12.6rem; text-align:center; transition:all 0.6s;}
#header::before {position:absolute; top:12.6rem; left:0; right:0; z-index:3; height:1px; background:rgba(0,0,0,0.2); content:''; opacity:0; transition:all 0.6s;}
#header .logo {position:absolute; top:2rem; left:8rem;}
#header .logo a {display:block; overflow:hidden; position:relative; width:21.2rem; height:10.6rem; filter: brightness(0) invert(1); background:url('../images/common/logo.png') no-repeat center/contain; transition:all 0.6s;}
#header .gnb_wrap {overflow:hidden; height:12.6rem; padding-left:31rem; padding-right:54rem; transition:all 0.6s;}
#header .gnb_list {display:flex; justify-content:center; width:96%; max-width:1200px; margin:auto; padding-top:2.3rem; transition:all 0.6s;}
#header .gnb_list > li {position:relative;}
#header .gnb_list > li > a {display:flex; align-items:center; justify-content:center; position:relative; padding:0 2.5rem; height:10.3rem; font-size:1.8rem; color:#fff; font-weight:500; transition:all 0.6s;}
#header .gnb_list > li > a::after {position:absolute; left:50%; right:50%; top:2.4rem; transform:translateY(-1rem); width:0.8rem; height:0.8rem; border-radius:100%; opacity:0; background:#ccae9d; content:''; transition:all 0.6s;}
#header .gnb_list > li:hover > a::after {opacity:1; transform:translateY(0);}
#header .gnb_list > li:hover .sub {background:#fff6f2}
#header .gnb_list .sub {height:52rem; padding:2.5rem 0; transition:background 0.4s;}
#header .gnb_list > li+li .sub {border-left:1px solid rgba(0,0,0,0.2);}
#header .gnb_list .sub li+li {margin-top:2.2rem;}
#header .gnb_list .sub a {display:inline-block; position:relative; white-space:nowrap; text-align:center; font-size:1.7rem; line-height:1.2; color:#3a3a3a; transition:all 0.6s;}
#header .gnb_list .sub a::after {position:absolute; left:0; right:0; bottom:0; height:0.2rem; background:#f7a579; content:''; opacity:0; transition:all 0.4s;}
#header .gnb_list .sub a:hover {color:#ef5400;}
#header .gnb_list .sub a:hover::after {opacity:1;}
#header .top_util {display:flex; align-items:center; gap:4rem; position:absolute; top:2.3rem; right:8rem; height:10.3rem;}
#header .mem {position:relative;}
#header .mem > a {display:block; width:4.8rem; height:4.8rem; filter: brightness(0) invert(1); background:url('../images/common/icon_mem.png') no-repeat center/contain; transition:all 0.6s;}
#header .mem ul {display:none; position:absolute; top:5.5rem; left:50%; transform:translateX(-50%); min-width:10rem; padding:0.7rem 0; border-radius:1rem; border:1px solid #d3d3d3; text-align:left; background:rgba(255,255,255,0.95); box-shadow: 0.02rem 0.2rem .3rem rgba(0, 0, 0, 0.15);}
#header .mem ul a {display:block; padding:0 2rem; font-size:1.4rem; color:#000000; line-height:2.4rem; white-space:nowrap; transition:all 0.6s;}
#header .mem ul a:hover {color:#ef5400;}
#header .btn_reservation {display:flex; align-items:center; gap:1rem; padding:0 0.5rem 0 1rem; border-radius:1rem; border:0.3rem solid #fff; height:5rem; font-size:1.5rem; color:#fff; font-weight:500; transition:all 0.4s;}
#header .btn_reservation::after {width:3.3rem; height:2.5rem; filter: brightness(0) invert(1); background:url('../images/common/icon_reservation.png') no-repeat center/contain; content:''; transition:all 0.4s;}
#header .btn_reservation:hover {border-color:#fff; color:#000; background:#fff;}
#header .btn_reservation:hover::after {filter:none;}
#header .lang {position:relative;}
#header .lang > button {overflow:hidden; width:4.8rem; height:4.8rem; filter: brightness(0) invert(1); text-indent:-999px; background:url('../images/common/icon_lan.png') transparent no-repeat center/contain; transition:all 0.6s;}
#header .lang ul {display:none; position:absolute; top:5.5rem; left:50%; width:8rem; margin-left:-4rem; padding:0.7rem 0; border-radius:1rem; border:1px solid #d3d3d3; background:#fff; box-shadow: 0.02rem 0.2rem .3rem rgba(0, 0, 0, 0.15);}
#header .lang a {display:block; font-size:1.4rem; color:#363636; line-height:2.4rem; white-space:nowrap; text-align:center; transition:all 0.6s;}
#header .lang a:hover {color:#ef5400;}
#header .btn_menu {z-index:10001; width:6.6rem; height:2.9rem; filter: brightness(0) invert(1); background:url('../images/common/icon_menu.png') no-repeat center/contain; transition:all 0.6s;}

#header.navi_hide {top:-13rem;}

#header.open {height:50rem; border-bottom:1px solid #d1d2d1; background:#fff;}
#header.open::before {opacity:1;}
#header.open .gnb_wrap {height:50rem;}
#header.open .logo a {filter: none;}
#header.open .gnb_list > li > a {padding:0 3rem; color:#000000;}
#header.open .mem > a {filter: none;}
#header.open .btn_reservation {border-color:#000; color:#000;}
#header.open .btn_reservation::after {filter: none;}
#header.open .lang > button {filter: none;}
#header.open .btn_menu {filter: none;}

#header.light.open {background:#fff;}
#header.light .logo a {filter: none;}
#header.light .gnb_list > li > a {color:#000000;}
#header.light .mem > a {filter: none;}
#header.light .btn_reservation {border-color:#000; color:#000;}
#header.light .btn_reservation::after {filter: none;}
#header.light .lang > button {filter: none;}
#header.light .btn_menu {filter: none;}

#header.light .btn_reservation:hover {border-color:#000; color:#fff; background:#000;}
#header.light .btn_reservation:hover::after {filter: brightness(0) invert(1);}


#sitemap {display:none; align-items:center; overflow-y:auto; -webkit-overflow-scrolling: touch; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; font-family: "GmarketSans", sans-serif; color:#fff; background:rgba(0,0,0,0.85);}
#sitemap.open {display:flex;}
#sitemap .cbox {width:92%; max-width:1500px; margin:auto;}
#sitemap .top {display:flex; align-items:center; gap:4rem; padding-bottom:2rem; position:relative; border-bottom:4px solid #ef5400;}
#sitemap .top h2 {font-size:7rem; font-weight:700; color:#ef5400;}
#sitemap .mem_btn {display:flex; gap:2rem; position:relative; top:-0.5rem;}
#sitemap .mem_btn a {border:2px solid #ff7f39; width:17.7rem; padding-top:0.3rem; border-radius:2.8rem; font-size:2.5rem; font-weight:300; color:#fff; text-align:center; line-height:4.8rem; transition:all 0.4s;}
#sitemap .mem_btn a:hover {color:#fff; background:#ff7f39;}
#sitemap .btn_menu_close {width:6.6rem; height:6.6rem; margin-left:auto; background:url('../images/common/icon_menu_close.png') no-repeat center/contain;}
#sitemap .gnb_list {display:flex; text-align:center; justify-content:space-between; padding-top:3.5rem;}
#sitemap .gnb_list > li {} 
#sitemap .gnb_list > li > a {display:block; font-size:4rem; color:#ff6a1a; font-weight:700;}
#sitemap .gnb_list > li:hover > a {font-weight:700;}
#sitemap .gnb_list .sub {padding-top:5rem;}
#sitemap .gnb_list .sub li+li {margin-top:4rem;}
#sitemap .gnb_list .sub a {display:inline-block; position:relative; font-size:2rem; font-weight:300; transition:all 0.4s;}
#sitemap .gnb_list .sub a::before {position:absolute; left:50%; right:50%; bottom:0; height:2px; opacity:0; background:#ff6a1a; border-radius:1px; content:''; transition:all 0.4s;}
#sitemap .gnb_list .sub a:hover {font-weight:500;}
#sitemap .gnb_list .sub a:hover::before {opacity:1; left:0; right:0;}


html[lang="en"] #sitemap .gnb_list > li > a {width:30rem;}

.btn_top {position:fixed; right:3rem; bottom:3rem; z-index:1000; width:6.8rem; height:6.8rem; background:url('../images/common/top.png') no-repeat center/contain;}



#footer {position:relative; z-index:20; font-family: "Noto Sans KR", sans-serif; color:#fff; font-weight:300; background:#222222;}
#footer .container {max-width:1200px;}
#footer .footer_top {background:#000000;}
#footer .footer_top > div {display:flex; align-items:center; height:6.4rem;}
#footer .footer_top .blogo {width:14.7rem; height:3.1rem; margin-right:18rem; background:url('../images/common/logo.png') no-repeat center/contain; filter: brightness(0) invert(1);}
.fmenu {display:flex; font-size:1.8rem; font-weight:300;}
.fmenu li {position:relative; padding:0 4rem;}
.fmenu li+li::before {position:absolute; top:0; left:-4rem; width:8rem; text-align:center; content:'|'; transition:color 0.4s;}
.fmenu a {white-space:nowrap; transition:color 0.4s;}
.fmenu a:hover {color:#ff9c90;}
#footer .footer_bottom {display:flex; gap:14rem; padding:4rem 0;}
#footer h3 {display:inline-block; min-width:13.5rem; padding-bottom:2rem; border-bottom:1px solid #fff; font-size:3rem; font-weight:300;}
#footer .about {max-width:55rem;}
#footer .about .txt {margin-top:2.5rem; line-height:1.25; font-size:1.6rem;}
#footer .about .txt p {margin-bottom:1rem; font-size:1.125em;}
#footer .tel .txt {margin-top:2.5rem;}
#footer .tel .txt strong {display:block; margin-bottom:0.7rem; font-size:3.5rem; font-weight:300;}
#footer .etc_wrap {display:flex; align-items:center; gap:2.5rem; margin-top:2rem;}
.family_site {position:relative; z-index:2; width:128px;}
.family_site > button  {width:100%; height:27px; padding-left:15px; border:1px solid #e0e0e0; font-family:'돋움', sans-serif; letter-spacing:0; text-align:left; font-size:12px; color:#93989e; background:url('../images/common/icon_family_arr.png') no-repeat right 11px center #fff;}
.family_site ul {display:none; position:absolute; left:0; right:0; bottom:27px; border:1px solid #e0e0e0; border-bottom:0; white-space:nowrap; background:#fff;}
.family_site ul a {display:block; padding:0 15px; font-size:13px; color:#000; line-height:2; transition:background 0.4s;}
.family_site ul a:hover {background:#e0e0e0}


.sns_link {display:flex; gap:1.5rem;}
.sns_link a {display:flex; align-items:center; transition:color 0.4s;}
.sns_link a::before {width:25px; height:25px; background:no-repeat center/contain; content:'';}
.sns_link a:hover {color:#ff9c90;}
.sns_link .insta a::before {background-image:url('../images/common/icon_footer_insta.png');}
.sns_link .facebook a::before {width:13px; background-image:url('../images/common/icon_footer_facebook.png');}

.blogo {width:21.2rem; height:6rem; background:url('../images/common/blogo.png') no-repeat center/contain;}


.btn_top {position:fixed; right:3rem; bottom:3rem; z-index:1000; width:7.1rem; height:7.1rem; background:url('../images/common/top.png') no-repeat center/contain;}



@media (max-width:1750px){
	#header .gnb_wrap {padding-left:27rem; padding-right:30rem;}
	#header .logo {left:5rem;}
	#header .btn_reservation {display:none;}
	#header .top_util {right:5rem;}
}
@media (max-width:1500px){
	#header .gnb_wrap {display:none;}
}
@media (max-width:1280px){
	
}
@media (max-width:1024px){
	#header {height:10rem;}
	#header .logo {top:1rem; left:4%;}
	#header .logo a {height:9rem;}
	#header .top_util {gap:2rem; top:1rem; right:4%; height:9rem;}
	#header .mem > a {width:4rem; height:4rem;}
	#header .lang > button {width:4rem; height:4rem;}
	#header .btn_menu {width:4rem;}
	
	#sitemap {align-items:flex-start; padding:5rem 0;}
	#sitemap .top {gap:3rem; border-width:2px;}
	#sitemap .top h2 {font-size:4.5rem;}
	#sitemap .btn_menu_close {width:4rem; height:4rem;}
	#sitemap .mem_btn {top:0rem; gap:1rem;}
	#sitemap .mem_btn a {width:13rem; padding-top:0.1rem; border-width:1px; font-size:1.8rem; line-height:4rem;}
	#sitemap .gnb_list {flex-wrap:wrap; text-align:left; gap:4rem;}
	#sitemap .gnb_list > li {width:100%;}
	#sitemap .gnb_list > li > a {font-size:3.2rem;}
	#sitemap .gnb_list .sub {display:flex; flex-wrap:wrap; gap:1rem 2rem; padding-top:1.5rem;} 
	#sitemap .gnb_list .sub li+li {margin-top:0;}
	
	#footer .footer_top > div {flex-wrap:wrap; height:auto; padding:3rem 0;}
	#footer .footer_top .blogo {width:16rem; margin-right:0; margin-bottom:2rem;}
	.fmenu {width:100%; margin-left:-2rem;}
	.fmenu li {padding:0 2rem;}
	.fmenu li+li::before {left:-2rem; width:4rem;}
	#footer .footer_bottom {flex-wrap:wrap; gap:5rem; padding-bottom:5rem;}
	#footer .about {width:100%;}
}



.mt_20 {margin-top:2rem !important;}
.mt_30 {margin-top:3rem !important;}
.mt_60 {margin-top:6rem;}
.mt_100 {margin-top:10rem;}