@charset "utf-8";
@font-face{ font-family: 'HanDotum'; src: url('/fonts/HANDotum.woff2') format('woff2'), src: url('/fonts/HANDotum.woff') format('woff');}
@font-face{ font-family: 'Dinot'; src: url('/fonts/Diont_Font.woff2') format('woff2'); src: url('/fonts/Diont_Font.woff') format('woff');}

header{ position: relative; width: 1320px; height: 120px; margin: 0 auto; background-color: #F8EAD0;}
header > h1{ position: absolute; top: 50%; left: 67px; transform:translateY(-50%); font-size: 0; }
header > h1 > a{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 0;}
header > h1 > .logo{ display: inline-block; height: 100%; font-size: 30px; font-family: HanDotum; font-weight: 700; color: #2B2923; vertical-align: top; }
header > h1 > .logo::before{ content: url("/img/GayaLogo.png"); display: inline-block; margin-right: 8px; vertical-align: top;} 
header nav{ padding-top: calc(120px - 44px); margin-right: 60px;}
header nav .nav-header{ display: none; }
header nav .gnb{ text-align: right; font-size: 0; }
header nav .gnb > li{ display: inline-block; position: relative; padding: 0 20px; vertical-align: top; }
header nav .gnb > li > a{ display: block; position: relative; padding: 0 20px; font-size: 18px; font-weight: 500; line-height: 44px; color: #2B2923;}
header nav .gnb > li:hover > a,
header nav .gnb > li > a:focus{ color: #856F57;}
header nav .gnb > li ul{ display: none; position: absolute; width: max-content; z-index: 10;}
header nav .gnb > li:nth-child(4) ul,
header nav .gnb > li:nth-child(5) ul,
header nav .gnb > li:nth-child(6) ul{ right: 0; margin-right: 20px;}
header nav .gnb > li ul li{ display: inline-block; position: relative; float: left;}
header nav .gnb > li ul li a{ display: block; padding: 0 20px; line-height: 50px; font-size: 16px; font-weight: 500; color: #E6DBC4;}
header nav .gnb > li ul li a:hover,
header nav .gnb > li ul li a:focus{ color: #fff;}
header nav .gnb > li ul li::after{ content: ""; position: absolute; top: 20px; right: 0px; width: 1px; height: 10px; background-color: #E6DBC4;}
header nav .gnb > li ul li:last-child::after{ content: none; }
header nav .gnb > li ul.b-main li a{ color: #62523F;}
header nav .gnb > li ul.b-main li a:hover,
header nav .gnb > li ul.b-main li a:focus{ color: #2B2923;}
header nav .gnb > li ul.b-main li::after{ background-color: #62523F;}
header nav .gnb > li:last-child{ background-color: #957E50;}
header nav .gnb > li:last-child > a{ color: #fff;}
header nav .gnb > li:last-child:hover > a,
header nav .gnb > li:last-child > a:focus{ color: #fff;}
header nav .quick-menu{ position: absolute; top: 15px; right: 65px; font-size: 0;}
header nav .quick-menu > li{ display: inline-block; position: relative; padding: 0 10px;}
header nav .quick-menu > li a{ display: block; padding: 0 10px; line-height: 18px; font-size: 12px; color: #62523F;}
header nav .quick-menu > li .language-box{ display: block; position: relative; width: 92px; border: 1px solid #F8EAD0; background: no-repeat center url("../img/language_img01.png"); box-sizing: border-box;}header .quick-menu > li .language-box.on{ border-color: #62523F;background-image: url("../img/language_img02.png"); background-color: #FFFAF2;}
header nav .quick-menu > li .language-box a{ display: block; padding: 5px 0 5px 30px;}
header nav .quick-menu > li .language-box ul{ display: none; position: absolute; top: 29px; left: -1px; z-index: 1;}
header nav .quick-menu > li .language-box ul.on{ display: block;}
header nav .quick-menu > li .language-box ul li{ position: relative; width: 92px; border: 1px solid #62523F; border-top-width: 0; background-color: #FFFAF2; box-sizing: border-box;}
header nav .quick-menu > li .language-box ul li a{ position: relative; padding: 5px 0 5px 30px;}
header nav .quick-menu > li .language-box ul li a::before{ content: ""; position: absolute; top: 11px; left: 12px; border: 4px solid #62523F; border-radius: 50%;}
header nav .quick-menu > li .language-box ul li a::after{ content: ""; position: absolute; top: 13px; left: 14px; border: 2px solid #FFFAF2; border-radius: 50%;}
header nav .quick-menu > li .language-box ul li::before{ content: ""; position: absolute; top: -1px; left: 0; width: 4px; height: 1px; background-color: #FFFAF2; }
header nav .quick-menu > li .language-box ul li::after{ content: ""; position: absolute; top: -1px; right: 0; width: 4px; height: 1px; background-color: #FFFAF2; }
header nav .quick-menu > li::after{ content: ""; position: absolute; top: 4px; right: 0px; width: 1px; height: 10px; background-color: #62523F;}
header nav .quick-menu > li:last-child{ font-size: 0; padding: 0 0 0 5px;}
header nav .quick-menu > li:last-child::after{ content: none; }
header .btn-nav{ display: none;} 

.bg-header{ position: absolute; left: 0; right: 0; top: 0; height: 120px; background-color: #F8EAD0; z-index: -1;}
.bg-gnb{ display: none; position: absolute; left: 0; right: 0; top: 120px; height: 50px; background-color: #856F57; z-index: 2;}
.bg-gnb.b-main{ background-color: rgba(255,255,255,0.78);}



/* footer */
footer{ width:100%; min-width: 1320px; height: 210px; background-color: #29211F}
footer .corp-area{ position: relative; margin: 0 60px; font-size: 0; line-height: 40px; border-bottom: 1px solid #707070;}
footer .corp-area ul{ display:inline-block; font-size: 0;}
footer .corp-area ul li{ display: inline-block; padding: 0 15px;}
footer .corp-area ul li a{ font-size: 12px; color: #B8A079; vertical-align: middle;}
footer .corp-area ul li:first-child{ padding-left: 20px;}
footer .corp-area ul:last-child{ float: right; margin-right: 15px; }
footer .corp-area ul:last-child li{ padding:0 5px;}
footer .corp-area ul:last-child li a{ font-size: 0;}
footer .corp-area ul:last-child li:nth-child(1) a::before{ content: url("/img/footer/facebook.png"); line-height: 0; vertical-align: middle;}
footer .corp-area ul:last-child li:nth-child(2) a::before{ content: url("/img/footer/instagram.png"); line-height: 0; vertical-align: middle;}
footer .corp-area ul:last-child li:nth-child(3) a::before{ content: url("/img/footer/blog.png"); line-height: 0; vertical-align: middle;}
footer .corp-area ul:last-child li:nth-child(4) a::before{ content: url("/img/footer/navercafe.png"); line-height: 0; vertical-align: middle;}
footer .corp-area select{ position: absolute; top: 76px; right: 15px; border-radius: 0; }
footer .footer-logo{ display: inline-block; margin: 0 43px 0 80px;} 
footer .footer-logo span{ display: inline-block; font-size: 22px; line-height: 169px; font-family: HanDotum; color: rgba(255,255,255,.6);}
footer .footer-logo span::before{ content: url("/img/footer/footerLogo.png"); display: inline-block; padding-right: 6px; line-height: 0; vertical-align: text-bottom; }

footer address{ display: inline-block; margin-top: 35px; font-size: 0; vertical-align: top;}
footer address p{ margin-bottom: 9px; font-size: 12px; color: rgba(255,255,255,.6);}
footer address p a{ color: rgba(255,255,255,.6);}
footer address em{ font-size: 12px; color: #828282;}

/* breadcrumb */
.breadcrumb{ margin-top: 60px; padding: 0 60px;}
.breadcrumb li{ display: inline-block; padding-right:15px; vertical-align: bottom;}
.breadcrumb li a{ font-size: 14px; color: #222222;}
.breadcrumb li:first-child a{ font-size: 0;}
.breadcrumb li:first-child a::before{ content: url("/img/breadcrumb/home_icon.png");}
.breadcrumb li::before{ content: url('/img/breadcrumb/breadCrumbArrow.png'); padding-right: 15px;}
.breadcrumb li:first-child::before{ content: none;}

/*개인정보처리방침*/
.policy{ margin: 58px auto 60px; width: 800px; }
.policy p{ margin: 10px 0; font-size: 14px; color: #222222; }
.policy p.intro{ padding: 15px; border: 2px solid #B8A079;}
.policy p.title{ margin-top: 30px; font-size: 16px; line-height: 30px; border-bottom: 2px solid #B8A079;}
.policy p.implement{ margin: 0;}

/* 영문처리 */
.en header nav .gnb > li > a{ padding: 0; }
.en{ word-break: keep-all; font-family: 'Dinot';}
.en a,.en span,.en h2,.en h3,.en h4,.en h5,.en div,.en p,.en th,.en td,.en figcaption,.en em{ font-weight: 700 !important;}
.en main .room-detail .equipped-list-bar li span{ min-width: 65px; }