@charset "utf-8";


/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


/* ******************* *
* GLOBAL
* ******************* */
:root {
    --font-Pretendard: "Pretendard";
    --font-Gmarket: "GMarketSans";
    --font-Outfit: "Outfit";
    --color-main: #2F8745;
    --color-main-hover: #2A7A3E;
}

.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a,a:hover,a:focus {text-decoration: none;}
ul, li, ol {list-style: none;padding: 0;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{max-width: 100%;border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;font-family: var(--font-Pretendard);font-size: inherit;}
p{padding:0;margin:0;word-break: keep-all;}
em {font-style: normal;}
address {margin: 0;padding: 0;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
.line-br {display: block;}

.tb-only {display: none;}
.tb-m-only {display: none;}
.mo-only {display: none;}


html.lock, html.lock body {overflow: hidden;}
html, body {font-size: 20px;font-family: var(--font-Pretendard);line-height: 1.4;word-break: keep-all;word-wrap: break-word;color:#000;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;scroll-behavior: smooth;overflow-x: clip;}
body {position: static !important;}
.cinner {max-width: 1400px;width: 92%;margin: 0 auto;}


@media (max-width: 1399px){
	.cinner {width: auto;margin: 0 50px;}
}
@media  (max-width: 1199px) {
    
}
@media (max-width: 1024px){
    html, body {font-size: 18px;}
	.cinner {margin: 0 30px;}
    .tb-only {display: block;}
}
@media (max-width: 768px){
	html, body {font-size: 17px;}
	.cinner {margin: 0 20px;}
    .tb-m-only {display: block;}
}
@media  (max-width: 640px) {
    .mo-only {display: block;}
}


/* ******************* *
* SCROLLBAR
* ******************* */
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-thumb {background-color: var(--color-main);}
body::-webkit-scrollbar-track {background-color: #f9f9f9;}



/* ******************* *
* POPUP
* ******************* */
#hd_pop {z-index:1000;position:relative;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img {max-width:100%;width: 100%;height: auto;}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff;font-size: 14px;}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left;font-size: 14px;}
.hd_pops_footer .hd_pops_close {width: 58px;height: 100%;padding: 0;background:#393939;position:absolute;top:0;right:0}

@media (max-width: 1024px){
    #hd_pop {max-width: 100%;width: 100%;margin: 0 auto;}
    .hd_pops {max-width: 90%;width: 100%;position: fixed;top: 50% !important;left:50% !important;transform: translate(-50%, -50%);}
    .hd_pops_con {width: 100% !important;height: auto !important;}
    .hd_pops_footer .hd_pops_reject {font-size: 10px;}
    .hd_pops_footer .hd_pops_close {width: 45px;font-size: 10px;}
}



/* ******************* *
* HEADER
* ******************* */
#header {width: 100%;}
#header.hide {display: none;}
.header__top {width: 100%;height: 50px;background: #429D39;color: #fff;font-family: var(--font-GMarketSans);font-size: 17px;font-weight: 500;}
.header__top .cinner {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;height: 100%;}
.header__nav {height: 110px;}
.header__nav .nav {display: block;height: 100%;}
.header__nav .cinner {height: 100%;position: relative;}
.header__logo {position: absolute;top: 0;left: 20px;bottom: 0;margin: auto;}
.header__logo > a {display: flex;align-items: center;height: 100%;}
.header__logo > a > img {max-height: calc(100% - 30px);height: 100%;aspect-ratio: 2.225 / 1;}
.header__cont {display: flex;justify-content: flex-end;align-items: center;width: 100%;height: 100%;box-sizing: border-box;}
#main-nav {height: 100%;}
.main-nav__depth1 {height: 100%;}
.main-nav__depth1 .mn-ul1 {display: flex;gap: 80px;height: 100%;}
.main-nav__depth1 .mn-li1 {position: relative;}
.main-nav__depth1 .mn-a1 {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #000;font-family: var(--font-GMarketSans);font-weight: 500;text-align: center;transition: .35s;position: relative;}
.main-nav__depth1 .mn-s1 {position: relative;}
.main-nav__depth1 .mn-s1::after {content: '';display: block;width: 0;height: 2px;background: #fff;position: absolute;left: 0;bottom: -2px;transition: .35s;}
.main-nav__depth1 .mn-li1:hover .mn-s1::after,
.main-nav__depth1 .mn-li1:focus .mn-s1::after {width: 100%;}
.main-nav__depth2 {display: none;max-width: 200px;width: 100vw;border-radius: 0 25px 25px 25px;background: var(--color-main);position: absolute;top: calc(100% - 30px);left: 50%;transform: translateX(-50%);z-index: 990;text-align: center;}
.main-nav__depth2 .mn-ul2 {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 12px 0;width: 100%;height: 100%;min-height: 30px;padding: 20px 0;box-sizing: border-box;}
.main-nav__depth2 .mn-li2 {width: 100%;position: relative;}
.main-nav__depth2 .mn-a2 {display: block;padding: 5px 20px;color: rgba(0,0,0,.3);font-size: 18px;font-weight: 500;line-height: 1.3;transition: .35s;position: relative;}
.main-nav__depth2 .mn-a2:hover {color: #fff;}
.main-nav__depth2 .mn-s2 {display: inline-block;position: relative;}
.main-nav__depth2 .mn-s2::after {content: '';display: block;width: 0;height: 2px;background: #fff;position: absolute;top: calc(100% + 4px);left: 0;transition: .35s;}
.main-nav__depth2 .mn-a2:hover .mn-s2::after {width: 100%;}
/* .main-nav__depth2 .mn-a2.sub-icon::after {content: "\f105";display: block;width: 9px;height: 26px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;font-family: "FontAwesome";position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;} */
.main-nav__depth3 {display: none;background: #fff;position: absolute;top: 0;left: 100%;z-index: 101;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.main-nav__depth3 .mn-li3:not(:last-child) {border-bottom: 1px solid #eee;box-sizing: border-box;}
.main-nav__depth3 .mn-a3 {display: block;width: 160px;padding: 15px 16px;color: #000;font-size: .90em;text-align: center;line-height: 1.3;}
.main-nav__depth3 .mn-a3:hover {color: var(--color-main);}
.header__nav .nav__btn {display: none;}
.header__nav .nav__btn a {display: flex;align-items: center;width: 30px;height: 23px;position: relative;}
.header__nav .nav__btn a::before,
.header__nav .nav__btn a::after {content: '';display: block;width: 100%;height: 3px;background: #111;position: absolute;left: 0;right: 0;margin: auto;}
.header__nav .nav__btn a::before {top: 0;}
.header__nav .nav__btn a::after {bottom: 0;}
.header__nav .nav__btn a span{display: block;width: 100%;height: 3px;background: #111;}

@media (max-width: 1399px){
    .main-nav__depth1 .mn-ul1 {gap: 60px;}
}
@media (max-width: 1199px){
    .header__nav {height: 100px;}
    .header__logo {left: 0;}
    .main-nav__depth1 .mn-ul1 {gap: 50px;}
    .main-nav__depth1 .mn-a1 {font-size: max(.90em, 18px);}
}
@media (max-width: 1024px){
    .header__top {height: 40px;font-size: 15px;}
    .header__nav {height: 90px;}
    .header__logo > a > img {max-height: calc(100% - 20px);}
    #main-nav {display: none;}
    .header__nav .nav__btn {display: block;}
}
@media (max-width: 768px){
    .header__nav {height: 80px;}
    .header__nav .nav__btn a {width: 26px;height: 21px;}
}
@media (max-width: 640px ){
    .header__top p.pc-only {display: none;}
}




/* ******************* *
* FOOTER
* ******************* */
.footer__content {padding: 40px 0 75px;font-size: 16px;}
.footer__title {margin-bottom: 20px;font-weight: 500;}
.footer__info {display: flex;flex-wrap: wrap;gap: 5px 20px;max-width: 722px;}
.footer__links {display: flex;justify-content: space-between;align-items: center;gap: 8px 30px;margin-top: 28px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,.1);box-sizing: border-box;}
.footer__copyright {color: #808080;font-size: 14px;}
.footer__links-list {display: flex;gap: 20px;}
.footer__links-item a,
.footer__links-item span {color: #808080;font-size: 14px;transition: .35s;}
.footer__links-item a:hover {color: var(--color-main);}
.footer__links-item .footer__privacy {color: var(--color-main);font-weight: 700;cursor: pointer;}

@media (max-width: 768px){
    .footer__content {flex-direction: column-reverse;gap: 20px;font-size: 14px;}
    .footer__info {gap: 6px 12px;}
}
@media (max-width: 640px){
    .footer__content {align-items: center;}
    .footer__info {justify-content: center;}
    .footer__item {text-align: center;}
    .footer__links {flex-direction: column;gap: 20px;}
    .footer__copyright {text-align: center;}
}


/* ******************* *
* QUICK MENU
* ******************* */
#quickMenu {width: 60px;position: fixed;right: 20px;bottom: 20px;/* bottom: 11%; *//* right: min(7.70em, calc((100% - 1400px) / 2 + 20px)); *//* transform: translateX(100%); */z-index: 998;transition: 0.35s;}
#quickMenu.show {transform: translateY(-60px);}
#quickMenu ul {width: 100%;transition: transform .35s ease;}
#quickMenu ul > li {width: 100%;margin-bottom: 10px}
#quickMenu ul > li > a {display: blcok;width: 100%;}
#quickMenu ul > li img {width: 100%;}
#quickMenu #top_btn {width: 100%;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--color-main);color: #fff;font-size:15px;text-align: center;box-shadow: 0 10px 20px 0 rgba(0, 5, 18, 0.10);position: absolute;top: 100%;left: 0;transition: .35s;opacity: 0;transform: translateY(10px);}
#quickMenu #top_btn:hover {background:var(--color-main-hover);padding-bottom: 15px;}
#quickMenu.show #top_btn {opacity:1;transform: translateY(0px);}


@media (max-width: 1399px){
    #quickMenu {width: 60px;right: 20px;bottom: 20px;}
    #quickMenu.show {transform: translateY(-60px);}
}
@media (max-width: 640px){
    #quickMenu {width: 50px;right: 10px;bottom: 10px;}
    #quickMenu.show {transform: translateY(-50px);}
}



/* ******************* *
* 개인정보처리방침
* ******************* */
[class*=policy_con] {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 1200px;height: calc(100% - 40px);max-height: 600px;z-index: 999999;background: #fff;border: 1px solid var(--color-main);box-sizing: border-box;}
[class*=policy_con] .top{height: 70px;width: 100%;background: var(--color-main);text-align: center;position: relative;top: 0;left: 0;}
[class*=policy_con] .top p{line-height: 70px;color: #fff;font-family: var(--font-Pretendard);font-size:20px;font-weight: bold;}
[class*=policy_con] .top span{position: absolute;top: 0;right: 0;height: 100%;width: auto;aspect-ratio: auto 1 / 1;cursor: pointer;}
[class*=policy_con] .top span::after{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
[class*=policy_con] .top span::before{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
[class*=policy_con] #policy_content{border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px;}
[class*=policy_con] #policy_content>b{display: block; margin-bottom: 20px; word-break: keep-all; font-size:17px; color: #000000;}
[class*=policy_con] #policy_content>.list{}
[class*=policy_con] #policy_content>.list li{display: flex; align-items: flex-start; line-height: 22px;margin-bottom: 10px;}
[class*=policy_con] #policy_content>.list li span{display: block;word-break: keep-all;margin-right: 10px; color: #666666;font-size:17px;}
[class*=policy_con] #policy_content>.list li p{display: block;word-break: keep-all; color: #666666;font-size:17px;}
[class*=policy_con] #policy_content>.list_con{margin-top: 30px;}
[class*=policy_con] #policy_content>.list_con li{margin-bottom: 30px;}
[class*=policy_con] #policy_content>.list_con li:last-child{margin-bottom:0px;}
[class*=policy_con] #policy_content>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
[class*=policy_con] #policy_content>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
[class*=policy_con] #policy_content>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size:17px;margin-bottom: 10px;line-height: 20px;}
[class*=policy_con] #policy_content>.list_con li>span{display: block;word-break: keep-all; color: #666666; font-size:15px;margin-bottom: 10px;}
[class*=policy_con] #policy_content .date_wrap{margin-top: 100px;}
[class*=policy_con] #policy_content .date_wrap p{display: block;word-break: keep-all;font-size: 15px;font-weight: 500;color: #000;}

@media (max-width : 1199px){
    [class*=policy_con] #policy_content{ width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0;}
}
@media (max-width : 1024px){
    [class*=policy_con] .top{height: 50px;}
    [class*=policy_con] .top p{line-height: 50px;}
}
@media (max-width : 640px){
    [class*=policy_con] #policy_content{width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset;}
}