@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
   font-family: 'S-CoreDream';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: 'S-CoreDream';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

:root {
   --color-brown:#ac8956;
   --color-choco:#7b5e57;
   --font-score:'S-CoreDream';
   --inner-width:1600px;
}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; line-height:160%; font-family: "Pretendard" !important;}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a:where(:not(.wp-block-button__link)), #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {color: #111;}


html, body {font-family: 'Pretendard' , sans-serif; color:#111; font-size:16px; font-weight:400;}

address { font-style:normal;}
a { display:block; color: #111; text-decoration: none;}
html, body { height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
sup { font-variant-position: super; }   
ol li, ul li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align:initial; }
img { border:none; vertical-align:top; outline: none; max-width: 100%; }

/* common */
.section {margin-top: 9.375rem;}
.section-inner, .inner {width: var(--inner-width); margin: 0 auto; }
.btn {color: #fff; background: var(--color-brown); padding: 0.75rem 2rem; border-radius: 2rem; display: inline-block;} 
.btn:hover {background: var(--color-choco);}
.btn .i-more {display: inline-block; font-weight: 600; margin-left: 0.625rem;}
.color-brown {color: var(--color-brown);}
.flex {display: flex;}
.flex.row { align-items: center;}
.flex.justify-between {justify-content: space-between;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}

/* header */
#site-header {position: absolute; left: 0; top: 0; width: 100%;}
.header-inner {height: 100px;}

.gnb {}
.gnb .primary-menu {display: flex; gap: 6.25rem;}
.gnb .primary-menu > li > a {line-height: 40px; padding: 0; font-size: 1.125rem; font-weight: 600;}
.primary-menu > li > a, .primary-menu li.current-menu-item > a, body:not(.overlay-header) .primary-menu > li > a {color: #fff;}
.primary-menu li.current-menu-item > a:hover {}
.gnb .primary-menu > li > .icon {display: none;}
header .btn {padding: 0.75rem 2rem; border-radius: 2rem; background: rgba(255, 255, 255, 0.15); font-weight: 600; color: #fff; transition: 0.2s all linear;}
header .btn:hover {background: var(--color-brown); transition: 0.2s all linear;}
.primary-menu ul {padding: 1rem 0; font-size: inherit; text-align: center; width: 200px;}
.primary-menu ul li a {padding: 0; line-height: 2;}
body:not(.overlay-header) .primary-menu ul {background: var(--color-brown);}
body:not(.overlay-header) .primary-menu > li > ul:after {border-bottom-color: var(--color-brown);}


/* footer */
#site-footer {background: #2d2623; color: rgba(255,255,255,0.7); padding: 3.75rem 0; }
#site-footer .con-left {width: 160px;}
#site-footer .con-right {flex-direction: row-reverse; justify-content: space-between; width: calc(100% - 160px); font-weight: 300;}
#site-footer .con-right a {color: #fff;}
#site-footer .con-right a b {font-weight: 600;}
#site-footer .con-right .bar {display: inline-block; margin: 0 0.75rem; font-size: 80%;}
#site-footer .copyright {margin-top: 1.5rem;} 
#site-footer .ft_menu {gap: 2rem;}

.to-the-top {position: fixed; right: 2%; bottom: 5%; background: var(--color-brown); color: #fff; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 1.25rem; font-weight: 600;}