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

header{ width: 100%; height: 2.5rem; margin: auto; background-color: #F1E3C5;}
header > h1{ position: relative; top: auto; left: auto; transform: none; width: 100%; font-size: 0; }
header > h1 > a{ bottom: auto; right: auto;}
header > h1 > a::before{ content: ""; display: block; margin: .7rem; width: 1rem; height: 1.1rem; background: center no-repeat url("/img/mobileHomeIcon.png"); background-size: 100% 100%;}
header > h1 > .logo{ position: absolute; left: 50%; transform: translateX(-50%); line-height: 2.5rem; font-size: .95rem; vertical-align: baseline;}
header > h1 > .logo::before{ content: ""; width: 1.135rem; height: 1.48rem; margin-right: .28rem; vertical-align: text-bottom; background: center no-repeat url("/img/GayaLogo.png"); background-size: 100% 100%;}
header nav{ position: fixed; right: 100%; top: 0; bottom: 0; padding: 0; margin: 0; width: 100%; z-index: 50; background-color: #fff; transition: right .5s;}
header nav .nav-header{ display: none; position: relative; width: 100%; height: 2.5rem; background-color: #29211F;}
header nav .nav-header a{ display: block; position: absolute; top: 0; left: 0; font-size: 0;}
header nav .nav-header a::before{ content: ""; display: block; margin: .7rem; width: 1rem; height: 1.1rem; background: center no-repeat url("/img/mobileNavHomeIcon.png"); background-size: 100% 100%;}
header nav .nav-header .logo{ display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); line-height: 2.5rem; font-size: .95rem; font-family: HanDotum; font-weight: 500; color: #FFFFFF;}
header nav .nav-header .logo::before{ content: ""; display: inline-block; width: 1.135rem; height: 1.48rem; margin-right: .28rem; vertical-align: text-bottom; background: center no-repeat url("/img/mobileLogoIcon.png"); background-size: 100% 100%;}
header nav .nav-header .close{ display: inline-block; position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; background: url("/img/mobileCloseIcon.png") no-repeat center; background-size: 1rem 1rem;}
header nav .quick-menu{ position: static; width: 100%; background-color: #856F57;}
header nav .quick-menu > li{ display: inline-block; position: relative; padding: 0}
header nav .quick-menu > li a{ display: block; padding: 0 1rem; line-height: 2rem; color: #E6DBC4;}
header nav .quick-menu > li .language-box{ width: 4.6rem; background-image: url("/img/language_img01_m.png"); border: .05rem solid #856F57;}
header nav .quick-menu > li .language-box.on a{ color: #62523F;}
header nav .quick-menu > li .language-box a{ padding: 0 0 0 30px;}
header nav .quick-menu > li .language-box ul{top: 2rem; left: -.05rem;}
header nav .quick-menu > li .language-box ul li{ width: 4.6rem; border-width: .05rem;}
header nav .quick-menu > li .language-box ul li a{ padding: 0 0 0 1.5rem; color: #62523F;}
header nav .quick-menu > li .language-box ul li a::before{ top: .85rem; left: .6rem; border-width: .2rem;}
header nav .quick-menu > li .language-box ul li a::after{ top: .95rem; left: .7rem; border-width: .1rem}
header nav .quick-menu > li .language-box ul li::before{ top: -.05rem; width: .2rem; height: .05rem;}
header nav .quick-menu > li .language-box ul li::after{ top: -.05rem; width: .2rem; height: .05rem;}
header nav .quick-menu > li::after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: .05rem; height: .5rem; background-color: #E6DBC4;}
header nav .quick-menu > li:last-child{ padding: 0 0 0 .25rem;}
header nav .gnb{ text-align: left;}
header nav .gnb > li{ display: block; padding: 0; margin: 0 1rem; border-bottom: .05rem solid rgba(133,111,86,0.3); vertical-align: baseline;}
header nav .gnb > li > a{ padding: 0 .5rem; font-size: .8rem; line-height: 2.4rem;}
header nav .gnb > li:hover > a,
header nav .gnb > li > a:focus{ font-weight: normal;}
header nav .gnb > li ul{ position: static; width: 100%;}
header nav .gnb > li ul li{ display: block; float: none;}
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: 0;}
header nav .gnb > li ul li a{ padding: 0 1rem; line-height: 1.75rem; font-size: .7rem; color: #62523F;}
header nav .gnb > li ul li a:hover,
header nav .gnb > li ul li a:focus{ color: #62523F;}
header nav .gnb > li ul li::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: #62523F;}
header nav .gnb > li ul.b-main li::after{ background-color: #fff;}
header nav .gnb > li.on a{ font-weight: 700;}
header nav .gnb > li.on ul{ display: block;}
header nav .gnb > li::before{ content: ""; position: absolute; top: 1.2rem; right: .5rem; width: .55rem; height: .05rem; background-color: #5B5B5B;}
header nav .gnb > li::after{ content: ""; position: absolute; top: 0.95rem; right: .75rem; width: .05rem; height: .55rem; background-color: #5B5B5B;}
header nav .gnb > li:last-child::before,
header nav .gnb > li:last-child::after{ content: none;}
header nav .gnb > li.on::after{ content: none;} 
header nav.on{ right: 0;}
header nav.on .nav-header{ display: block;}
header .btn-nav{ display: block; position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; background: url("/img/btnNavIcon.png") no-repeat center; background-size: 1rem .6rem;}

.bg-header{ height: 2.5rem; background-color: #F1E3C5;}

/* footer */
footer{ height: auto; min-width: auto; background-color: #29211F}
footer .corp-area{ margin: 0; line-height: 1.75rem; border-bottom-width: 0;}
footer .corp-area ul{ display: block;}
footer .corp-area ul li{ padding: 0 .5rem;}
footer .corp-area ul li a{ font-size: .6rem; color: #998465;}
footer .corp-area ul li:first-child{ padding-left: .5rem;}
footer .corp-area ul:first-child{ border-bottom: .05rem solid #707070; }
footer .corp-area ul:last-child{ float: none; margin-top: .5rem; margin-right: 0; margin-left: .25rem;}
footer .corp-area ul:last-child li{ padding:0 .25rem;}
footer .corp-area select{ display: block; float: right; position: static; margin: 3.25rem .5rem 0 auto;}
footer .footer-logo{ display: block; margin: 0 0 0 .5rem;} 
footer .footer-logo span{ font-size: .95rem; line-height: 3.5rem;} 
footer .footer-logo span::before{ padding-right: .3rem; vertical-align: -.5rem;}
footer address{ display: block; margin-top: 0; padding: 0 .5rem 1.85rem;}
footer address p{ margin-bottom: .45rem; font-size: .5rem;}
footer address p:last-of-type{ margin-bottom: .75rem;}
footer address em{ font-size: .5rem;}

/* breadcrumb */
.breadcrumb{ margin-top: .75rem; padding: 0 .75rem;}
.breadcrumb li{ padding-right: .75rem; font-size: 0; vertical-align: baseline;}
.breadcrumb li a{ font-size: .5rem; line-height: .75rem;}
.breadcrumb li:first-child a::before{ content: ""; display: inline-block; width: .5rem; height: .55rem; background: url(/img/breadcrumb/home_icon.png) no-repeat; background-size: cover;}
.breadcrumb li::before{ content: ""; display: inline-block; padding-right: .75rem; width: .315rem; height: .55rem; background: url('/img/breadcrumb/breadCrumbArrow.png') no-repeat; background-size: .315rem .55rem;}

/*개인정보처리방침*/
.policy{ margin: 1.5rem .5rem 1.5rem; width: calc(100% - 1rem);}
.policy p{ margin: .25rem 0; font-size: .6rem;}
.policy p.intro{ padding: .75rem; border: .1rem solid #B8A079;}
.policy p.title{ margin-top: 1.25rem; font-size: .7rem; line-height: 1.5rem; border-bottom: .1rem solid #B8A079;}