@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);

/**
 * reset
 */

*,*:before,*:after{box-sizing:border-box}
*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}
html{font-size:62.5%}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    @media screen and (max-width:320px){
        html{font-size:56%}
    }
    @media screen and (min-width:405px){
        html{font-size:70%}
    }
}
html,body{height:100%}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{overflow-x:hidden;background-color:#fff;word-break:break-all;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,p,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,iframe{padding:0;margin:0}
body,th,td,input,select,textarea,button{color:#444;font-size:1.6rem;line-height:1;font-family:'Noto Sans KR','SF Pro Display','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
hr{display:none}
img,fieldset,iframe,button{border:0}
img,iframe{vertical-align:top}
dl,ul,ol,li{list-style:none}
i,em,address{font-style:normal}
a{color:inherit;text-decoration:none}
/*button,input,select,textarea{outline:0;border-radius:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}*/
button{background-color:transparent;line-height:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
button[disabled],input[disabled],input[disabled]+label{cursor:default!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[readonly]{outline:0;pointer-events:none}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}
input::-ms-clear,input::-ms-reveal{display:none}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::placeholder{color:#999;opacity:1}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;empty-cells:show}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind{overflow:hidden;position:absolute !important;clip:rect(0,0,0,0);width:1px;height:1px;padding:0 !important;margin:-1px !important;background:none !important;line-height:0 !important}
mark{background-color:#ffff00;color:inherit}

/**
 * common
 */


/**
 * layout
 */

/* header */
.header{position:relative;z-index:999;border-top:13px solid #3c6b3b;background-color:#fff;animation:slide 1s}
@keyframes slide{
    0%{transform:translate(0,-12rem)}
    100%{transform:translate(0,0)}
}
.header.fixed{position:fixed;top:0;right:0;left:0;box-shadow:0 3px 6px 0 rgb(0,0,0,.1);opacity:1;transition:all .8s}
.header .inner_head{position:relative;min-width:108rem;margin:0 auto}
.header .inner_head:after{display:block;clear:both;content:''}
.header .logo{width:18rem;padding:2.7rem 0 .4rem;margin:0 auto}
.header .logo a{display:block;width:100%;height:7rem;margin:0 auto;background:url(../images/main_2024/logo.png) 0 0 no-repeat;background-size:100% auto}
.nav_menu{display:flex;justify-content:center}
.nav_menu ul{display:flex}
.nav_menu li{padding:0 3rem}
.nav_menu li a{display:block;position:relative;padding:2rem 0;color:#3c6b3b;font-weight:500;font-size:1.7rem;line-height:2.5rem;letter-spacing:-.05rem/*;opacity:.8*/}
.nav_menu li a:after{position:absolute;top:1rem;right:100%;left:0;height:1px;background-color:#3c6b3b;content:'';transition:all 500ms}
/*.nav_menu li a:hover{opacity:1}*/
.nav_menu li a:hover:after{right:0}
.head_search{position:absolute;top:2.2rem;right:17.2rem;z-index:1;width:24rem}
.head_search .tf_keyword{width:100%;height:4rem;padding:0 5rem 0 1.5rem;border:1px solid #d2d2d2;background-color:#fff;color:#666;font-weight:500;font-size:1.3rem;line-height:normal;transition:all .3s ease}
.head_search .tf_keyword:focus{border-color:#3c6b3b}
.head_search .btn_search{position:absolute;top:0;right:.7rem;width:4rem;height:4rem;background:url(../images/main_2024/ico_search.png) 50% 50% no-repeat;background-size:3.8rem auto}
.header .btn_srch{display:none}
.header .btn_mypage,.header .btn_cart{display:block;position:absolute;top:2.2rem;width:4rem;height:4rem;background-position:50% 50%;background-repeat:no-repeat;background-size:3.2rem auto}
.header .btn_mypage{right:11.6rem;background-image:url(../images/main_2024/ico_mypage.png)}
.header .btn_cart{right:6rem;background-image:url(../images/main_2024/ico_cart.png)}
.header .desc{position:absolute;top:2.6rem;left:4.3rem}
.header .desc p{position:relative;padding-left:3.3rem;color:#3c6b3b;font-weight:500;font-size:1.6rem;line-height:2.4rem;letter-spacing:-.05rem}
.header .desc p:before{position:absolute;top:50%;left:0;width:2.5rem;height:2.4rem;background:url(../images/main_2024/ico_location.png) 0 0 no-repeat;background-size:6rem auto;content:'';transform:translateY(-50%)}
.header .btn_side{display:none;position:absolute;top:1.9rem;left:1.8rem;width:3rem;height:3rem}
.header .btn_side:before,.header .btn_side:after{display:block;position:absolute;top:50%;left:50%;width:2.5rem;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.header .btn_side:before{height:2rem;border:2px solid #818181;border-width:2px 0}
.header .btn_side:after{height:2px;background-color:#818181}
.aside{display:none;overflow:hidden;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;background-color:rgba(255,255,255,.8)}
.aside ul{overflow:hidden;overflow-y:scroll;position:fixed;left:0;width:80%;height:100%;padding:2rem 0;background-color:#fff;box-shadow:0 3px 6px 0 rgb(0,0,0,.1)}
.aside li a{display:block;padding:1.5rem 2rem 1.5rem 5rem;color:#333;font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}
.aside li a:hover,.aside li a:active{color:#3c6b3b}
@media (min-width:1026px){
	.head_search{display:block !important}
}

/* footer */
.footer{background-color:#222;clear:both}
.footer .inner_foot{width:calc(100% - 10rem);max-width:108rem;margin:0 auto}
.footer .inner_foot:after{display:block;clear:both;content:''}
.footer .sns{display:flex;align-items:center;justify-content:space-between}
.footer .sns h3{color:#fff;font-weight:400;font-size:1.8rem;line-height:6.4rem}
.footer .link_sns{display:flex;align-items:center;gap:1rem}
.footer .link_sns a{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:3.8rem;height:3.8rem;border-radius:50%;border:1px solid #666;background-color:#222;opacity:.8;transition:all 0.3s ease}
.footer .link_sns a:hover{border-color:#fff;background-color:#000;opacity:1.0}
.footer .box{display:flex;justify-content:space-between;padding:4rem 0;border:1px solid #333;border-width:1px 0}
.footer .box .customer h4{color:#fff;font-weight:500;font-size:1.4rem;line-height:1}
.footer .box .customer .info{padding:1.5rem 0}
.footer .box .customer .info span{display:inline-block;color:#fff;font-weight:600;line-height:1;font-family:'Montserrat',sans-serif}
.footer .box .customer .info .tel{font-size:3rem}
.footer .box .customer .info .email{margin-left:2rem;font-size:1.6rem}
.footer .box .customer .txt{color:#999;font-size:1.2rem;line-height:1.5}
.footer .box .customer .btn_subscribe{display:block;width:60%;margin-top:2rem;border:1px solid rgba(255,255,255,.4);border-radius:.7rem;background-color:rgba(65,65,65,.4);color:#fff;font-size:1.4rem;line-height:3.8rem;text-align:center;transition:all .3s}
.footer .box .customer .btn_subscribe:hover{background-color:rgba(65,65,65,0);transition:all .3s}
.footer .box .info_corp{max-width:40rem}
.footer .box .info_corp ul{display:flex;gap:4.5rem}
.footer .box .info_corp li a{display:block;color:#fff;font-weight:600;font-size:1.4rem;line-height:4rem;letter-spacing:-.05rem;white-space:nowrap}
.footer .box .info_corp .address{color:#999;font-size:1.2rem;line-height:1.6;letter-spacing:-.05rem}
.footer .copy{padding:2.5rem 0;color:#808080;font-size:1.1rem;line-height:1}


@media (max-width:1025px){
	/* header */
    .header{border-top:0}
    .header .inner_head{min-width:auto}
    .header .logo{width:9rem;padding:1.5rem 0 1.7rem}
    .header .logo a{height:3.5rem}
    .nav_menu{display:none}
    .head_search{display:none;top:2rem;right:7.8rem;width:3rem;height:3rem}
    .head_search .tf_keyword{position:absolute;top:0;left:0;width:10rem;height:3rem;padding:0 1rem 0 3rem;border-radius:100px}
    .head_search .btn_search{top:0;right:0;width:3rem;height:3rem;background-size:2.4rem auto}
	.header .btn_srch{display:block;position:absolute;top:2rem;right:7.8rem;width:3rem;height:3rem;background:url(../images/main_2024/ico_search.png) 50% 50% no-repeat;background-size:2.4rem auto}
    .header .btn_mypage,.header .btn_cart{top:2rem;width:3rem;height:3rem;background-size:2.4rem auto}
    .header .btn_mypage{right:4.5rem}
    .header .btn_cart{right:1.2rem}
	.header .desc{display:flex;justify-content:center;position:static;background-color:#3c6b3b;text-align:center}
    .header .desc p{padding-left: 2.3rem;color:#fff;font-weight:400;font-size: 1.3rem;line-height: 2.8rem;}
    .header .desc p:before{width: 1.8rem;height: 1.5rem;background-position: -2rem 0;background-size: 4rem auto;}
    .header .btn_side{display:block}

    /* footer */
    .footer .inner_foot{width:calc(100% - 6rem);max-width:100%}
    .footer .sns h3{font-size:1.6rem;letter-spacing:-.05rem}
    .footer .box{justify-content:unset;flex-direction:column}
    .footer .box .customer .info{padding:1.5rem 0 1rem}
    .footer .box .customer .info .email{margin:1rem 0 0;font-size:1.4rem}
    .footer .box .customer .txt{font-size:1.1rem}
    .footer .box .info_corp{max-width:100%;margin-top:1.5rem}
    .footer .box .info_corp ul{gap:2.5rem}
    .footer .box .info_corp li a{font-size:1.2rem;line-height:4rem}
    .footer .box .info_corp .address{font-size:1.1rem;line-height:1.6}
	
}