@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color1:#667729;
    --color2:#f6f7e8;
    --color3:#ab8635;
    --color4:#1e292f;
    --mono1:#141415;
    --mono2:#323234;
    --mono3:#646466;
    --mono4:#878789;
    --mono5:#bcbdbd;
    --mono6:#d3d4d6;
    --mono7:#e5e6e8;
    --mono8:#f1f2f4;
    --mono9:#f7f8fa;
}

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 {
    font-size:100%;
	padding:0;
    margin:0;
    border:0;
    vertical-align:middle;
    line-height:1.4;
    word-break:keep-all;
    letter-spacing:-0.025em;
}

body {color:var(--mono1);font-size:16px;font-family:'Montserrat', sans-serif;}
address {font-style:normal;}
a {display:block;}
a:link, a:visited, a:active, a:hover {color:var(--mono1);text-decoration:none;}

html, body {height:100%;background-color:transparent;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}

form {width:100%;box-sizing:border-box;}
input, select {vertical-align:middle;}
input:not([type=radio],[type=checkbox]), select, textarea {color:var(--mono2);font-size:1em;font-weight:400;font-family:'Montserrat', sans-serif;vertical-align:middle;padding:0 0.75rem;margin:0;border:1px solid var(--mono7);border-radius:12px !important;background-color:#fff;box-sizing:border-box;transition:0.3s;}
select {cursor:pointer;}
textarea {padding:0.75rem;resize:none;}
input:not([type=radio],[type=checkbox]):hover, select:hover, textarea:hover {border:1px solid var(--color1);}
input:not([type=radio],[type=checkbox]):focus, select:focus, textarea:focus {color:var(--mono1);border-color:var(--color1) !important;outline:1px solid var(--color1) !important;}
button {font-family:'Montserrat', sans-serif;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;box-shadow:none;cursor:pointer;}
button:hover {text-decoration:none;}

input[type=checkbox], input[type=radio] {width:15px;height:15px;margin:0 8px 0 0;border:1px solid var(--mono7);background-color:#fff;appearance:none;cursor:pointer;}
input[type=checkbox]:focus, input[type=radio]:focus {outline:5px solid #ab86351f;}
input[type=checkbox] {border-radius:4px;}
input[type=checkbox]:checked {border-color:var(--color1);background:var(--color1) url(/wp-content/uploads/2025/07/icon-check-wh.svg) no-repeat center center / 10px;}
input[type=radio] {border-radius:50px;}
input[type=radio]:checked {border:4px solid var(--color1);}

::placeholder {color:var(--mono5);}
::-webkit-input-placeholder {color:var(--mono5);}
::-ms-input-placeholder {color:var(--mono5);}

img { border:none;vertical-align:top;}

::selection {color:#fff;background-color:var(--color3);}

.clearfix:after {content:"";display:block;clear:both;}
.site-wrap {position:relative;overflow:hidden;}
.hidden {position:absolute;top:-99999px;left:-99999px;color:transparent;font-size:0;width:0;height:0;line-height:0;}

/*스킵메뉴*/
#skip_menu {position:absolute;width:300px;z-index:9999;}
#skip_menu a {position:absolute;top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus {position:absolute;top:0;width:300px;height:20px;display:block;color:#fff;font-size:16px;font-weight:700;text-align:center;background-color:#333;}

/* flex-area */
.flex-area {display:flex;}
.flex-area.row {flex-flow:row wrap;}
.flex-area.col {flex-flow:column wrap;}

.center {width:1400px;margin:0 auto;}

/* button */
.button {padding:0;background-color:transparent;}
.button a,
.button button {display:inline-flex;justify-content:center;align-items:center;gap:1.25rem;height:56px;font-size:1.25rem;font-weight:700;padding:0 2rem;border:1px solid transparent;border-radius:50px;box-sizing:border-box;transition:0.3s;}
.button a .text,
.button button .text {font-family:'Montserrat', sans-serif;}
.button a .arrow,
.button button .arrow {font-family:'Pretendard', sans-serif;}
.button.default a,
.button.default button {color:#fff;background-color:var(--color1);}
.button.default a:hover,
.button.default button:hover {background-color:var(--color3);}
.button.invert a,
.button.invert button {color:#fff;background-color:#ffffff26;}
.button.invert a:hover,
.button.invert button:hover {color:var(--color1);background-color:#fff;}
.button.color-sub a,
.button.color-sub button {color:var(--color1);background-color:var(--color2);}
.button.color-sub a:hover,
.button.color-sub button:hover {color:#fff;background-color:var(--color1);}
.button.mono-sub a,
.button.mono-sub button {color:var(--mono2);background-color:var(--mono9);}
.button.mono-sub a:hover,
.button.mono-sub button:hover {color:var(--color1);background-color:var(--color2);}

/* header */
#header {position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--mono8);background-color:#fff;z-index:10000;transition:0.3s;}
#header .inner {justify-content:space-between;align-items:center;width:1400px;margin:0 auto;box-sizing:border-box;}
#header .inner .logo {width:116px;aspect-ratio:116 / 53;}
#header .inner .logo a {display:block;width:100%;height:100%;background:url(/wp-content/uploads/2025/07/logo-sample.png) no-repeat center center / contain;}
#header .inner .menu-wrapper #nav .nav-list {justify-content:flex-end;align-items:center;}
#header .inner .menu-wrapper #nav .nav-list .menu-item > a {display:block;color:var(--mono1);font-size:1.25rem;font-weight:700;line-height:100px;padding:0 1.75rem;transition:0.3s;}
#header .inner .menu-wrapper #nav .nav-list .menu-item > a:hover {color:var(--color3);}
#header .inner .menu-wrapper .menu-button {position:relative;display:none;width:48px;aspect-ratio:1 / 1;}
#header .inner .menu-wrapper .menu-button a {display:block;width:100%;height:100%;}
#header .inner .menu-wrapper .menu-button a .line {position:absolute;left:50%;display:block;width:22px;height:2px;background-color:var(--mono1);transform:translateX(-50%);transition:0.3s;}
#header .inner .menu-wrapper .menu-button a .line.no1 {top:15px;}
#header .inner .menu-wrapper .menu-button a .line.no2 {top:23px;background-color:var(--color3);}
#header .inner .menu-wrapper .menu-button a .line.no3 {top:31px;}
#header .inner .menu-wrapper .menu-button.on a .line.no1 {transform:translate(-50%,8px) rotate(45deg);}
#header .inner .menu-wrapper .menu-button.on a .line.no2 {opacity:0;}
#header .inner .menu-wrapper .menu-button.on a .line.no3 {transform:translate(-50%,-8px) rotate(-45deg);}

/* footer */
#footer {width:100%;background-color:#f4f5f7;}
#footer .inner {justify-content:space-between;width:1400px;padding:5rem 0;margin:0 auto;box-sizing:border-box;}
#footer .inner .logo {width:116px;aspect-ratio:116 / 53;background:url(/wp-content/uploads/2025/07/logo-sample.png) no-repeat center center / contain;}
#footer .inner .info-wrapper {width:calc(100% - 116px - 100px);}
#footer .inner .info-wrapper .address {justify-content:flex-start;align-items:center;gap:0.75rem 2.5rem;width:100%;margin-bottom:0.75rem;}
#footer .inner .info-wrapper .address .line {position:relative;justify-content:flex-start;align-items:center;gap:1.25rem;}
#footer .inner .info-wrapper .address .line .label {display:block;color:var(--mono3);font-size:1.125rem;font-weight:700;}
#footer .inner .info-wrapper .address .line .text {display:block;color:var(--mono4);font-size:1.125rem;font-weight:400;}
#footer .inner .info-wrapper .address .line a {display:block;color:var(--mono3);font-size:1.125rem;font-weight:700;}
#footer .inner .info-wrapper .address .line a:hover {text-decoration:underline;}
#footer .inner .info-wrapper .address .line + .line {padding-left:2.5rem;}
#footer .inner .info-wrapper .address .line + .line::before {content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:12px;background-color:var(--mono4);transform:translateY(-50%);}
#footer .inner .info-wrapper .copyright {display:block;color:var(--mono4);font-size:1.125rem;font-weight:400;}

/* agree cookie */
#agree-cookie {position:fixed;bottom:0;left:0;width:100%;background-color:#f7f8facc;backdrop-filter:blur(12px);z-index:9;}
#agree-cookie .inner {justify-content:space-between;align-items:center;width:100%;padding:2.5rem calc((100% - 1400px) / 2);box-sizing:border-box;}
#agree-cookie .inner .text-wrap {color:var(--mono2);font-size:1rem;font-weight:400;}
#agree-cookie .inner .text-wrap a {display:inline;color:var(--mono1);text-decoration:underline;}

/* top */
#top {position:fixed;bottom:20px;right:calc(-45px - 20px);z-index:10;transition:0.3s;}
#top.show {right:20px;}
#top a {justify-content:center;align-items:center;width:45px;aspect-ratio:1 / 1;color:#fff;font-size:1.25rem;font-weight:700;font-family:'Pretendard', sans-serif;border-radius:50px;background-color:var(--color1);transition:0.3s;}
#top a:hover {background-color:var(--color4);}

/* responsive */
@media screen and (max-width:1450px){
    .center {width:calc(100% - 100px);}

    #header .inner {width:calc(100% - 100px);}

    #footer .inner {width:calc(100% - 100px);}

    #agree-cookie .inner {padding:2rem 50px;padding-right:120px;}
}

@media screen and (max-width:1280px){
    .center {width:calc(100% - 64px);}

    #header .inner {width:calc(100% - 64px);}
    #header .inner .menu-wrapper #nav .nav-list .menu-item > a {font-size:1.125rem;padding:0 1.25rem;}

    #footer .inner {width:calc(100% - 64px);}
    #footer .inner .info-wrapper {width:calc(100% - 116px - 60px);}
    #footer .inner .info-wrapper .address {gap:0.75rem 1.25rem;}
    #footer .inner .info-wrapper .address .line + .line {padding-left:1.25rem;}
    #footer .inner .info-wrapper .address .line .label {font-size:1rem;}
    #footer .inner .info-wrapper .address .line .text {font-size:1rem;}
    #footer .inner .info-wrapper .address .line a {font-size:1rem;}
    #footer .inner .info-wrapper .copyright {font-size:1rem;}
}

@media screen and (max-width:1024px){
    .center {width:calc(100% - 32px);}
    
    .button a,
    .button button {gap:1rem;height:48px;font-size:1rem;padding:0 1.5rem;}

    #header {height:64px;box-sizing:border-box;}
    #header .inner {width:calc(100% - 32px);height:100%;}
    #header .inner .logo {width:70px;}
    #header .inner .menu-wrapper #nav {position:fixed;top:64px;left:0;display:block;width:100%;height:calc(100vh - 64px);background-color:#fff;opacity:0;pointer-events:none;transition:0.3s;}
    #header .inner .menu-wrapper #nav.on {opacity:1;pointer-events:initial;}
    #header .inner .menu-wrapper #nav .nav-list {width:100%;}
    #header .inner .menu-wrapper #nav .nav-list .menu-item {width:100%;}
    #header .inner .menu-wrapper #nav .nav-list .menu-item + .menu-item {border-top:1px solid var(--mono8);}
    #header .inner .menu-wrapper #nav .nav-list .menu-item > a {width:100%;font-size:1rem;line-height:1.4;padding:0.75rem 1rem;}
    #header .inner .menu-wrapper .menu-button {display:block;}

    #footer .inner {justify-content:center;gap:1.75rem;width:calc(100% - 32px);padding:2.5rem 0;}
    #footer .inner .logo {width:70px;}
    #footer .inner .info-wrapper {width:100%;}
    #footer .inner .info-wrapper .address {justify-content:center;gap:0.5rem;}
    #footer .inner .info-wrapper .address .line {gap:0.5rem;}
    #footer .inner .info-wrapper .address .line + .line {padding-left:0;}
    #footer .inner .info-wrapper .address .line + .line::before {display:none;}
    #footer .inner .info-wrapper .address .line .label {font-size:0.875rem;}
    #footer .inner .info-wrapper .address .line .text {font-size:0.875rem;}
    #footer .inner .info-wrapper .address .line a {font-size:0.875rem;}
    #footer .inner .info-wrapper .copyright {font-size:0.875rem;text-align:center;}

    #agree-cookie .inner {justify-content:flex-start;padding:1.25rem 16px;}
    #agree-cookie .inner .text-wrap {width:100%;margin-bottom:1.25rem;}
    
    #top {bottom:16px;right:calc(-45px - 16px);}
    #top.show {right:16px;}
}

@media screen and (max-width:768px){
    
}

@media screen and (max-width:480px){
    .button a,
    .button button {height:40px;font-size:0.875rem;}
}