@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: #0e6d62;
    --color2: #189183;
    --color3: #074f47;
    --color4:#dbe9e8;
    --pack1: #156082;
    --pack2: #4ea72e;
    --pack3: #e97132;
    --mono1: #010102;
    --mono2: #2b2b2d;
    --mono3: #4a4a4c;
    --mono4: #818183;
    --mono5: #ababad;
    --mono6: #d7d7d9;
    --mono7: #ebebee;
    --mono8: #f1f1f4;
    --mono9: #f6f6f9;
    --mono10: #fafafc;
}

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 {
    border:0;
    vertical-align:middle;
    line-height:1.4;
    letter-spacing:-0.025em;
}

html {margin:0 !important;}
body {color:var(--mono1);font-family:'Pretendard', sans-serif;}
address {font-style:normal;}

#wpadminbar {display:none !important;}

html, body {height:100%;font-size:16px;background-color:transparent;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
table {border-collapse:collapse;border-spacing:0;}
button {font-family:'Pretendard', sans-serif;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;box-shadow:none;cursor:pointer;}

#container form {width:100%;box-sizing:border-box;}
#container input, 
#container select {height:48px;vertical-align:middle;}
#container input:not([type=radio],[type=checkbox]), 
#container select, 
#container textarea {color:var(--mono2);font-size:1rem;font-weight:400;font-family:'Pretendard', sans-serif;vertical-align:middle;padding:0 0.5rem;margin:0;border:1px solid var(--mono7);border-radius:0.5rem;background-color:var(--mono10);box-sizing:border-box;transition:0.2s;}
#container select {cursor:pointer;}
#container textarea {height:160px;padding:0.5rem;resize:none;}
#container input:not([type=radio],[type=checkbox]):hover, 
#container select:hover, 
#container textarea:hover {border:1px solid var(--color1);}
#container input:not([type=radio],[type=checkbox]):focus, 
#container select:focus, 
#container textarea:focus {color:var(--mono1);border:1px solid var(--color1);outline:1px solid var(--color1);background-color:#fff;}

#container input[type=checkbox], 
#container input[type=radio] {width:15px;height:15px;min-width:unset;margin:0 8px 0 0;border:1px solid var(--mono6);background-color:#ffffff1a;opacity:1;appearance:none;cursor:pointer;}
#container input[type=checkbox]:focus, 
#container input[type=radio]:focus {outline:5px solid #0e6d621f !important;outline-offset:unset !important;}
#container input[type=checkbox] {border-radius:0.25rem;}
#container input[type=checkbox]:checked {border-color:var(--color1);background:var(--color1) url(../images/icon-check-wh.svg) no-repeat center center / 10px;}
#container input[type=checkbox]:checked:before {display:none;}
#container input[type=radio] {border-radius:5rem;}
#container input[type=radio]:checked {border:4px solid var(--color1);}

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

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

::selection {color:var(--mono1);background-color:var(--color1);}

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

/*스킵메뉴*/
#skip_menu {position:absolute;width:240px;z-index:10001;}
#skip_menu a {position:absolute;top:-100px;left:1.25rem;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus {position:absolute;top:0;width:240px;height:32px;line-height:32px;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;margin:0;}
.flex-area.col {flex-flow:column wrap;margin:0;}
.flex-area.row::before,
.flex-area.row::after,
.flex-area.col::before,
.flex-area.col::after {display:none;}

.custom-wrapper {font-size:16px;}
.custom-wrapper * {font-size:100%;font-family:'Pretendard', sans-serif;padding:0;margin:0;list-style:none;}
.custom-wrapper a:hover,
.custom-wrapper a:link,
.custom-wrapper a:visited,
.custom-wrapper a:active {text-decoration:none;}
.center {width:1400px;margin:0 auto;}

/* button */
.button-wrapper {gap:1.25rem;}
.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;text-transform:none;padding:0 1.75rem;border:1px solid transparent;border-radius:1rem;box-sizing:border-box;transition:0.3s;}
.button a:hover,
.button button:hover {text-decoration:none;}
.button.primary a,
.button.primary button {color:#fff;background-color:var(--color1);}
.button.primary a:hover,
.button.primary button:hover {background-color:var(--color2);}
.button.secondary a,
.button.secondary button {color:var(--mono2);background-color:var(--mono9);}
.button.secondary a:hover,
.button.secondary button:hover {color:var(--mono1);background-color:var(--mono7);}
.button.invert a,
.button.invert button {color:var(--mono2);background-color:#fff;}
.button.invert a:hover,
.button.invert button:hover {color:var(--mono1);background-color:var(--mono9);}
.button.lined a,
.button.lined button {color:var(--mono2);border-color:var(--mono6);}
.button.lined a:hover,
.button.lined button:hover {color:var(--mono1);border-color:var(--mono1);background-color:#fff;}
.button.backdrop a,
.button.backdrop button {color:#fff;background-color:#ffffff26;backdrop-filter:blur(4px);}
.button.backdrop a:hover,
.button.backdrop button:hover {color:var(--mono1);background-color:#fff;}
.button.black a,
.button.black button {color:#fff;background-color:var(--mono1);}
.button.black a:hover,
.button.black button:hover {background-color:var(--color1);}

/* content */
.content {width:100%;padding:7.5rem 0;overflow:hidden;}
.content .title-wrap {width:100%;margin-bottom:5rem;}
.content .title-wrap .title {font-size:2.75rem;font-weight:700;text-align:center;}
.content .title-wrap .title.sub {font-size:1.75rem;}
.content .title-wrap .desc {font-size:1.25rem;font-weight:300;text-align:center;margin-top:2.5rem;}
.content .sub-title-wrap {width:100%;}
.content .sub-title-wrap .subject {font-size:2.25rem;font-weight:700;text-align:center;}
.content .sub-title-wrap .desc {font-size:1.25rem;font-weight:300;text-align:center;margin-top:1.75rem;}

/* header */
#header {position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:10000;transition:0.3s;}
#header .header-inner {justify-content:space-between;align-items:center;width:100%;padding:0 7.5rem;box-sizing:border-box;}
#header .header-inner .logo a {justify-content:flex-start;align-items:center;gap:0.25rem;color:#fff;font-size:2rem;transition:0.3s;}
#header .header-inner .logo a span {font-weight:300;}
#header .header-inner .logo a strong {font-weight:700;}
#header .header-inner #nav .nav-list {justify-content:flex-end;align-items:center;gap:5rem;}
#header .header-inner #nav .nav-list > .menu-item {position:relative;}
#header .header-inner #nav .nav-list > .menu-item > a {position:relative;display:block;color:#fff;font-size:1.125rem;font-weight:400;text-align:center;line-height:5rem;transition:0.3s;}
#header .header-inner #nav .nav-list > .menu-item > a::after {content:"";position:absolute;bottom:0;left:50%;display:block;width:0;height:5px;background-color:var(--color1);opacity:0;transform:translateX(-50%);transition:0.3s;}
#header .header-inner #nav .nav-list > .menu-item:hover > a::after {width:100%;opacity:1;}
#header .header-inner #nav .nav-list > .menu-item > .sub-menu {position:absolute;top:100%;left:50%;width:200px;background-color:#000000bf;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:0.3s;}
#header .header-inner #nav .nav-list > .menu-item > .sub-menu > .menu-item + .menu-item {border-top:1px solid #ffffff26;}
#header .header-inner #nav .nav-list > .menu-item > .sub-menu > .menu-item > a {display:block;color:#fff;font-size:1rem;font-weight:300;text-align:center;padding:0.75rem;box-sizing:border-box;transition:0.3s;}
#header .header-inner #nav .nav-list > .menu-item > .sub-menu > .menu-item:hover > a {background-color:var(--color1);}
#header .header-inner #nav .nav-list > .menu-item:hover > .sub-menu {opacity:1;pointer-events:initial;transform:translate(-50%,0);}
#header .header-inner .menu-button {position:relative;display:none;width:48px;aspect-ratio:1 / 1;}
#header .header-inner .menu-button a {display:block;width:100%;height:100%;}
#header .header-inner .menu-button a .line {position:absolute;left:50%;display:block;width:22px;height:2px;background-color:#fff;transform:translateX(-50%);transition:0.3s;}
#header .header-inner .menu-button a .line.no1 {top:15px;}
#header .header-inner .menu-button a .line.no2 {top:23px;background-color:var(--color2);}
#header .header-inner .menu-button a .line.no3 {top:31px;}
#header .header-inner .menu-button.on a .line.no1 {transform:translate(-50%,8px) rotate(45deg);}
#header .header-inner .menu-button.on a .line.no2 {opacity:0;}
#header .header-inner .menu-button.on a .line.no3 {transform:translate(-50%,-8px) rotate(-45deg);}

#header.invert {background-color:#000;}

/* footer */
#footer {width:100%;background-color:#000;}
#footer .top-wrapper {justify-content:space-between;align-items:center;width:100%;padding:2.5rem 0;border-bottom:1px solid #ffffff40;box-sizing:border-box;}
#footer .top-wrapper .footer-logo {justify-content:flex-start;align-items:center;gap:0.25rem;color:#fff;font-size:2rem;transition:0.3s;}
#footer .top-wrapper .footer-logo span {font-weight:300;}
#footer .top-wrapper .footer-logo strong {font-weight:700;}
#footer .top-wrapper .sns-list {justify-content:flex-end;align-items:center;gap:1rem;}
#footer .top-wrapper .sns-list .item {width:56px;aspect-ratio:1 / 1;border-radius:5rem;background-color:#fff;overflow:hidden;}
#footer .top-wrapper .sns-list .item a {display:block;width:100%;height:100%;background:no-repeat center center / cover;}
#footer .top-wrapper .sns-list .item.facebook a {background-image:url(../images/icon-sns-facebook.svg);}
#footer .top-wrapper .sns-list .item.x a {background-image:url(../images/icon-sns-x.svg);opacity:0.9;}
#footer .top-wrapper .sns-list .item.youtube a {background-image:url(../images/icon-sns-youtube.svg);}
#footer .top-wrapper .sns-list .item.instagram a {background-image:url(../images/icon-sns-instagram.svg);}
#footer .top-wrapper .sns-list .item.blog a {background-image:url(../images/icon-sns-blog.svg);}
#footer .top-wrapper .sns-list .item.kakao a {background-image:url(../images/icon-sns-kakao.svg);}
#footer .bottom-wrapper {padding:2.5rem 0;}
#footer .bottom-wrapper .footer-menu-list {justify-content:flex-start;align-items:center;gap:2.5rem;width:100%;margin-bottom:2.5rem;}
#footer .bottom-wrapper .footer-menu-list .item a {display:block;color:#fff;font-size:1.125rem;font-weight:700;}
#footer .bottom-wrapper .footer-menu-list .item a:hover {text-decoration:underline;}
#footer .bottom-wrapper .address {justify-content:flex-start;align-items:center;gap:0.75rem 1.25rem;width:100%;margin-bottom:1.25rem;opacity:0.75;}
#footer .bottom-wrapper .address .line {color:#fff;font-size:1.125rem;}
#footer .bottom-wrapper .address .line .label {font-weight:700;padding-right:0.75rem;}
#footer .bottom-wrapper .address .line .desc {font-weight:300;}
#footer .bottom-wrapper .copyright {display:block;color:#fff;font-size:1rem;font-weight:300;opacity:0.5;}

/* top */
#top-button {position:fixed;bottom:1rem;right:calc(-1rem - 56px);width:56px;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;;z-index:1000;transition:0.3s;}
#top-button.show {right:1rem;}
#top-button a {justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-size:1.25rem;font-weight:700;background-color:var(--color1);transition:0.3s;}
#top-button a:hover {background-color:var(--color2);}

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

    #header .header-inner {padding:0 2rem;}
    #header .header-inner #nav .nav-list {gap:3.75rem;}
}

@media screen and (max-width:1280px){
    #header .header-inner #nav .nav-list {gap:2.5rem;}
    .content .title-wrap .title {font-size:2.25rem;}
    .content .title-wrap .title.sub {font-size:1.5rem;}
    .content .sub-title-wrap .subject {font-size:1.875rem;}
}

@media screen and (max-width:1024px){
    input:not([type=radio],[type=checkbox]), select, textarea {font-size:0.875rem;border-radius:0.5rem;}

    .center {width:calc(100% - 2rem);}

    .button-wrapper {gap:1rem;}
    .button a,
    .button button {gap:0.75rem;height:44px;font-size:1rem;padding:0 1.25rem;border-radius:0.5rem;}

    .content {padding:5rem 0;}
    .content .title-wrap {margin-bottom:3.75rem;}
    .content .title-wrap .title {font-size:2rem;}
    .content .title-wrap .title.sub {font-size:1.25rem;}
    .content .title-wrap .desc {font-size:1rem;margin-top:1.25rem;}
    .content .sub-title-wrap .subject {font-size:1.625rem;}
    .content .sub-title-wrap .desc {font-size:1rem;margin-top:0.75rem;}

    #header {height:64px;background-color:#000;}
    #header .header-inner {height:100%;padding:0 1rem;}
    #header .header-inner .logo a {font-size:1.5rem;}
    #header .header-inner #nav {position:fixed;top:64px;left:0;display:block;width:100%;height:calc(100vh - 64px);background-color:#000;opacity:0;pointer-events:none;transition:0.3s;}
    #header .header-inner #nav.on {opacity:1;pointer-events:initial;}
    #header .header-inner #nav .nav-list {display:block;width:100%;height:100%;overflow-y:auto;}
    #header .header-inner #nav .nav-list > .menu-item {width:100%;border-bottom:1px solid var(--mono2);}
    #header .header-inner #nav .nav-list > .menu-item > a {display:block;width:100%;font-size:1rem;text-align:left;line-height:1.4;padding:1rem;box-sizing:border-box;}
    #header .header-inner #nav .nav-list > .menu-item > a::after {width:100%;height:3px;}
    #header .header-inner #nav .nav-list > .menu-item:hover > a {color:var(--color2);}
    #header .header-inner #nav .nav-list > .menu-item > .sub-menu {position:static;width:100%;background-color:transparent;transform:translate(0,0);}
    #header .header-inner #nav .nav-list > .menu-item > .sub-menu > .menu-item + .menu-item {border-top:0;}
    #header .header-inner #nav .nav-list > .menu-item > .sub-menu > .menu-item > a {width:100%;font-size:0.875rem;text-align:left;padding:0.75rem 0.75rem 0.75rem 1.25rem;background-color:#ffffff12;}
    #header .header-inner #nav .nav-list > .menu-item > .sub-menu > .menu-item:hover > a {background-color:#ffffff26;}
    #header .header-inner #nav .nav-list > .menu-item:hover > .sub-menu {transform:translate(0,0);}
    #header .header-inner #nav.on .nav-list > .menu-item > .sub-menu {opacity:1;pointer-events:initial;}
    #header .header-inner .menu-button {display:block;}

    #footer .top-wrapper {padding:1.75rem 0;}
    #footer .top-wrapper .footer-logo {font-size:1.5rem;}
    #footer .top-wrapper .sns-list {gap:0.5rem;}
    #footer .top-wrapper .sns-list .item {width:44px;}
    #footer .bottom-wrapper {padding:1.75rem 0;}
    #footer .bottom-wrapper .footer-menu-list {gap:1.25rem;margin-bottom:1.75rem;}
    #footer .bottom-wrapper .footer-menu-list .item a {font-size:1rem;}
    #footer .bottom-wrapper .address {margin-bottom:0.75rem;}
    #footer .bottom-wrapper .address .line {font-size:1rem;}
    #footer .bottom-wrapper .address .line .label {padding-right:0.5rem;}
}

@media screen and (max-width:768px){
    .content .title-wrap .title {font-size:1.75rem;}
    .content .title-wrap .title.sub {font-size:1.125rem;}
    .content .sub-title-wrap .subject {font-size:1.375rem;}

    #footer {padding-bottom:56px;}
    #footer .top-wrapper {justify-content:center;gap:1.75rem;}
    #footer .top-wrapper .sns-list {justify-content:center;width:100%;}
    #footer .bottom-wrapper .footer-menu-list {justify-content:center;}
    #footer .bottom-wrapper .address {justify-content:center;}
    #footer .bottom-wrapper .address .line {text-align:center;}
    #footer .bottom-wrapper .copyright {text-align:center;}
}

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

    .content .title-wrap {margin-bottom:2.5rem;}
}