@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
.lexend-deca-logo {
    font-family: "Lexend Deca", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
.petit-formal-script-regular {
    font-family: "Petit Formal Script", cursive;
    font-weight: 400;
    font-style: normal;
  }
  

.swiper-scrollbar {
    width: 89%;
    height: 3px;
    background: var(--swiper-scrollbar-bg-color, #d9d9d9);
    border-radius: var(--swiper-scrollbar-border-radius, 0);
    position: relative;
    touch-action: none;

}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    margin: 0 auto ;
    height: 3px;
    width:80%
}
  
.swiper-scrollbar-drag {
    height: 3px;
    background: var(--swiper-scrollbar-drag-bg-color, #1A2924);
    border-radius: var(--swiper-scrollbar-border-radius, 0);
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
/* .plantation .swiper-slide{
    width: 72.2% !important;
    
} */
.plantation .swiper-wrapper{
    display: flex;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: rgba(245, 245, 220, 0);
    background: url(../img/main/arrow-right_circle.png) no-repeat center/cover;
    width: 36px; height: 36px;
}
.swiper-button-prev:after{
    background-image: url(../img/main/arrow-left_circle.png);
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 36px;
    height: 36px;
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


*{margin: 0; padding: 0; box-sizing: border-box;}
html{font-size: 0.625em;}
body{font-family: Pretendard-Regular;}
body h2, h3{
    font-family: Petit Formal Script;
    font-weight: 400;
    word-break: keep-all;
}
a{text-decoration: none; color: #000;}
li{list-style: none;}
p{
    letter-spacing: -0.04em;
    line-height: 1;
    word-break: keep-all;
}
.screen_out {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }

/* parallax */
@keyframes top{
    from{
        transform:translateY(120px);
        opacity:0;
    }

    to{
        transform:translateY(0);
        opacity:1;
    }
}
@keyframes topBlur{
    from{
        transform:translateY(120px);
        opacity:0;
        filter: blur(5px);
    }

    to{
        transform:translateY(0);
        opacity:1;
        filter: blur(0);
    }
}
@keyframes op{
    from{
        opacity: 0;
        filter: blur(5px);
    }

    to{
        opacity: 1;
        filter: blur(0);
    }
}
@keyframes slide_left {
    from {
      transform: translateX(-30px);
      opacity: 0;
    }
    to {
      transform: translateX(0); 
      opacity: 1;
    }
}
@keyframes slide_left_b {
    from {
      transform: translateX(-30px);
      opacity: 0;
      filter: blur(5px);
    }
    to {
      transform: translateX(0); 
      opacity: 1;
      filter: blur(0);
    }
}
@keyframes slide_right_b {
    from {
      transform: translateX(30px);
      opacity: 0;
      filter: blur(5px);
    }
    to {
      transform: translateX(0); 
      opacity: 1;
      filter: blur(0);
    }
}
@keyframes scaleY{
    from{
        transform: scaleY(0);
    }
    to{
        transform: scaleY(1);
    }
}

.tea_story_line{
    transform: scaleY(0);
    transform-origin: top;
}
.tea_story_line.on{
    animation: scaleY 1s forwards;
}

.unique_text_wrap, .pure_inner, .plantation_inner, .tea_story_text, .since_intro_wrap{
    opacity: 0;
}
.from_jeju_inner, .jeju_home_text, .tealife_text_wrap, .tea_origin_text, .t_seokwang_text, .t_stone_text, .t_hannam_text, .living_text, .tea_field_img, .y_img, .tea_story_img_wrap{
    opacity: 0;
    filter: blur(5px);
}
.visual_inner, .sub_visual_inner>strong, .sub_visual_inner>h3{
    animation:topBlur .5s forwards;
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}
.unique_text_wrap.on, .pure_inner.on, .plantation_inner.on, .tea_story_text.on, .since_intro_wrap.on{
    animation:top .5s forwards;
    opacity: 1;
}
.from_jeju_inner.on, .jeju_home_text.on, .tealife_text_wrap.on , .tea_origin_text.on, .t_seokwang_text.on, .t_stone_text.on, .t_hannam_text.on, .living_text.on, .tea_field_img.on, .y_img.on, .tea_story_img_wrap.on{
    animation:op .5s forwards;
}

.bestnew_text_wrap{
    opacity: 0;
    transform: translateX(-30px);
}
.bestnew_text_wrap.on{
    animation: slide_left .5s ease-out forwards;
    opacity: 1;
}
.get_text_wrap, .awake_text_wrap, .banner_text_wrap, .cultivating_text, .y1979_text, .y2024_text{
    opacity: 0;
    transform: translateX(-30px);
    filter: blur(5px);
}
.get_text_wrap.on, .awake_text_wrap.on, .banner_text_wrap.on, .cultivating_text.on, .y1979_text.on, .y2024_text.on{
    opacity: 1;
    animation: slide_left_b .5s ease-out forwards;
    filter: blur(0);
    
}
.enjoy_text_wrap, .theharmony_text, .y2013_text{
    opacity: 0;
    transform: translateX(30px);
    filter: blur(5px);
}
.enjoy_text_wrap.on, .theharmony_text.on, .y2013_text.on{
    opacity: 1;
    animation: slide_right_b .5s ease-out forwards;
    filter: blur(0);
}

/* header영역 */
header{
    background: rgb(255, 255, 255);
    height: 70px;
    width: 100%;
    position: fixed;
    padding-top: 30px;
    z-index: 99999;
}

.header_inner{
    height: 30px;
    margin: 0 10%;
    position: relative;
}
.header_inner h1{
    position: absolute;
    top: 0; left: 0;
    font-family: Lexend Deca;
    font-size: 2.4rem;
    font-weight: 600;
}

.header_nav{
    display: none;
}
.header_nav h2{}
.header_nav ul{}
.header_nav ul li{}
.header_nav ul li a{
}

.header_menu{
    width: 108px; 
    height: 24px;
    position: absolute;
    top: 3px; right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_menu a:nth-child(1){
    display: inline-block;
    width: 20px; height: 20px;
    background: url(../img/nav/search.jpg) no-repeat center/contain;
    text-indent: -9999px;
    overflow: hidden;
}
.header_menu a:nth-child(2){display: none;}
.header_menu a:nth-child(3){
    display: inline-block;
    width: 24px; height: 24px;
    background: url(../img/nav/shopping-cart.jpg) no-repeat center/contain;
    text-indent: -9999px;
    overflow: hidden;
}
.header_menu a:nth-child(4){display: none;}
.header_menu button{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}
.header_menu button span{
    text-indent: -9999px;
    overflow: hidden;
    width: 24px; height: 2px;
    background-color: #000;
}

.header_nav_menu{
    display: none;
    background: #fff;
    padding: 0 10% 50px;
    height: 100%;
    position: fixed;
    width: 100%;
}
.header_nav_menu .big{
    padding-top:60px;
}
.header_nav_menu .big li{
    margin-top: 60px;
}
.header_nav_menu .big li:first-child{
    margin: 0;
}
.header_nav_menu .big li a{
    font-size: 2rem;
    font-weight: 500;
    position: relative;
}
.header_nav_menu .big li a::after{
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: calc(80vw - 100% - 30px);
    border-top: 1px dashed #89a335;
    margin-left: 30px;
}
.header_nav_menu .line{
    width: 100%; height: 2px;
    background: #515C30;
    margin: 100px auto 50px;
}
.header_nav_menu .small{
    margin-bottom: 80px;
}
.header_nav_menu .small li{
    display: inline-block;
}
.header_nav_menu .small li a{
    font-size: 1.6rem;
    font-weight: 500;
    color: #676767;
    margin-right: 36px;
}
.header_nav_menu .header_nav_footer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_nav_menu .logo{
    text-indent: -9999px;
    background: url(../img/main/logo.png) no-repeat center/cover;
    width: 96px; height: 96px;
    display: inline-block;
    margin-right: 13.88%;
}
.header_nav_menu .header_nav_text{
    display: inline-block;
}
.header_nav_menu .header_nav_text p{
    margin-top: 12px;
}
.header_nav_menu .header_nav_text p:first-child{
    margin: 0;
}
.header_nav_menu .header_nav_text p a{
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.04em;

}

/* 햄버거 */
.header_nav_menu.open{display: block;}
.header_menu.open .menu_01{display:none}
.header_menu.open .menu_03{display:none}
.header_menu.open {width:auto;}
/* visual영역 */

.visual{
    margin-bottom: 100px;
}

.visual .visual_inner{
    width: 80%;
    position: relative;
    padding-top: 160px;
    margin: 0 auto;
    text-align: center;
    /* background-color: aquamarine; */
}
.visual .visual_inner strong{
    font-family: Lexend Deca;
    font-size: 5.8rem;
    font-weight: 700;
    z-index: 99;
}
.visual .visual_inner .visual_inner_leaf{
    width: 94px;
    height: 81px;
    background: url(../img/visual/visual_leaf.png) no-repeat center/cover;
    position: absolute;
    top: 164px; left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}
.visual .visual_inner .visual_inner_background{
    width: 100%;
    height: 370px;
    background: url(../img/visual/bg.jpg) no-repeat center/cover;
    margin: -22px auto 20px;
    display: block
}
.visual .visual_inner p{
    font-family: Pretendard-Regular;
    font-weight: 500;
    color: #515c30;
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    padding: 0 3.47%;
}

/* from jeju 영역 */

.from_jeju{}

.from_jeju .from_jeju_inner{
    width: 239px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.from_jeju .from_jeju_inner .line{
    width: 2px; 
    height: 150px;
    background-color: #89a335;
    margin: 0 0 50px;
    
}
.from_jeju .from_jeju_inner .line:last-of-type{
    margin: 50px 0 0;
}
.from_jeju .from_jeju_inner h3{
    font-size: 2.4rem;
    color: #515c30;
}
.from_jeju .from_jeju_inner .icon_story01{
    width: 30px;
    height: 30px;
    background: url(../img/main/fromjeju_leaf.jpg) no-repeat center/cover;
    margin: 20px 0 20px;
}
.from_jeju .from_jeju_inner p{
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
}
/* .from_jeju .from_jeju_inner p span{
    font-weight: 600;
} */


/* jeju_home 영역 */

.jeju_home{
    margin: 180px 0 180px;
}
.jeju_home .jeju_home_inner{
    position: relative;
}

.jeju_home_text{
    width: 79.44%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.jeju_home_text .jeju_home_title{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.jeju_home_text .jeju_home_title .icon_story02{
    width: 24px;
    height: 24px;
    background: url(../img/main/jeju_home_leaf.png) no-repeat center/cover;
    margin-right: 15px;
}
.jeju_home_text .jeju_home_title h2{
    width: 213px;
    font-size: 2.4rem;
    color: #515c30;
    text-align: center;
}
.jeju_home_text p{
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    width: 79.47%; max-width: 416px;
    z-index: 99;
}
/* .jeju_home_text p span{
    font-weight: 600
} */
.jeju_home_text .img_teapowder{
    width: 170px;
    height: 170px;
    background: url(../img/main/powder.jpg) no-repeat center/cover;
    bottom: 0;
}

.jeju_home_slider{
    margin-left: 10%;
}
.jeju_home_slider .jeju_home_slider_inner{
    margin-bottom: 50px;
}
.jeju_home_slider .box{
    width: 250px;
    height: 360px;
    background: url(../img/main/jejuhome_fog.jpg) no-repeat center/cover;
    display: flex;
    align-items: center;
}
.jeju_home_slider .box .box_inner{
    color: #fff;
    margin-left: 30px;
}
.jeju_home_slider .box:nth-of-type(2n){
    margin-top: 35px;
}
.jeju_home_slider .box .box_inner h3{
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    font-family: Pretendard-Regular;
}
.jeju_home_slider .box .box_inner h4{
    font-size: 1.4rem;
    font-weight: 500;
    margin: 12px 0 35px;
}
.jeju_home_slider .box .box_inner p{
    width: 190px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.jeju_home_slider .soil,
.jeju_home_slider .water,
.jeju_home_slider .wind,
.jeju_home_slider .weather{
    /* display: none; */
}
.jeju_home_slider .soil{
    background-image: url(../img/main/jejuhome_soil.jpg);
}

.jeju_home_slider .water{
    background-image: url(../img/main/jejuhome_water.jpg);
}

.jeju_home_slider .wind{
    background-image: url(../img/main/jejuhome_wind.jpg);
}

.jeju_home_slider .weather{
    background-image: url(../img/main/jejuhome_weather.jpg);
}


/* plantation영역 */

.plantation{
    position: relative;
    padding-bottom: 70px;
}
.plantation .plantation_inner{}

.plantation .plantation_inner .plantation_text{
    display: flex;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
}
.plantation .plantation_inner .plantation_text h2{
    width: 236px;
    font-size: 2.4rem;
    color: #515C30;
    text-align: center;
    margin-bottom: 50px;
}
.plantation .plantation_inner .plantation_text p{
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    width: 76.66%; max-width: 537px;
}

.plantation_content_wrap{
    margin-top: 50px;
}
.plantation_content_wrap .plantation-button-next{
    right: 2.2%;
}
.plantation_content_wrap .plantation-button-prev{
    left: 2.2%;
}
.plantation_content .box{
    /* width: 260px; max-width: 470px; */
    width: clamp(260px, 72.22%, 470px);
    aspect-ratio: 260 / 370;
    max-height: 580px;
    background: url(../img/main/plantation_seokwang.jpg) no-repeat center/cover;
    border-radius: 1000px;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.plantation_content .box .box_inner{
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.plantation_content .box .box_inner h3{
    font-family: Pretendard-Regular;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.plantation_content .box .box_inner p{
    margin: 11.53% 0 11.53%;
    font-size: 1.6rem;
    line-height: 1.5;
    width: 86.15%; /*224px*/
    height: 96px;
    overflow: hidden;
    
}
.plantation_content .box .box_inner .more{
    width: 153px;
    height: 41px;
    border: 2px #fff solid;
    border-radius: 72px;
}
.plantation_content .box .box_inner a{
    font-size: 1.4rem;
    color: #fff;
    line-height: 41px;
}
.plantation_content .box .box_inner a span{
    background: url(../img/main/arrow-right.png) no-repeat center/cover;
    width: 18px;
    height: 13px;
    display: inline-block;
    margin-left: 10px;
}

.plantation_content .seokwang{}

.plantation_content .stone{
    background-image: url(../img/main/plantation_stone.jpg);
    /* display: none; */
}

.plantation_content .hannam{
    background-image: url(../img/main/plantation_hannam.jpg);
    /* display: none; */
}

.plantation .plantation_bg{
    position: absolute;
    height: 50%;
    width: 100%;
    background: #EBEEEB;
    bottom: 0;
    z-index: -99;
}

/* unique영역 */

.unique{
    margin: 180px 0;
}
.unique .unique_text_wrap{
    margin: 0 auto 83px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.unique .unique_text_wrap h2{
    width: 249px;
    color: #515C30;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 50px;
}
.unique .unique_text_wrap p{
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
    width: 77.22%; max-width: 510px;
}

.unique .unique_text_wrap .unique_visual{
    position: relative;
    height: 192px;
    width: 100%;
}
.unique .unique_text_wrap .unique_visual p{
    font-family: Petit Formal Script;
    font-weight: 400;
    font-size: 4.4rem;
    color: #515C30;
    opacity: 0.35;
    line-height: 1.1;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    width: 92.5%;
    max-width: 510px;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    text-transform: capitalize;
}
.unique .unique_text_wrap .unique_visual .greentea{
    width: 151.25px;
    height: 176px;
    background: url(../img/main/unique_tea.png) no-repeat center/cover;
    position: absolute;
    left: 50%; transform: translateX(-50%);
    top: 16px;
}

.unique .unique_content{
    color: #fff;
}
.unique .unique_content ul{
    position: relative;
    width: 80%;
    margin: 0 auto
}
.unique .unique_content ul li{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 57px 8.33% 0;
    width: 100%;
    height: 150px;
    background: url(../img/main/unique_content01.png) no-repeat center/cover;
    transition-property: all;
    transition-duration: 0.5s;
}
.unique .unique_content ul li .text_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.unique .unique_content ul li h3{
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.04em;
    font-family: Pretendard-Regular;
}
.unique .unique_content ul li .arrowicon{
    width: 36px;
    height: 36px;
    background: url(../img/main/arrow-under.png) no-repeat center/cover;
    display: inline-block;
}
.unique .unique_content ul li .arrowicon.open{
    background-image: url(../img/main/arrow-up.png);
}
.unique .unique_content ul li .text_wrap{
    width: 79.16%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
.unique .unique_content ul li .text_wrap p{
    font-size: 1.6rem;
    line-height: 1.5;
}
.unique .unique_content ul li .text_wrap p:first-child{margin-bottom: 50px;}

.unique .unique_content ul .content02{background-image: url(../img/main/unique_content02.png);}
.unique .unique_content ul .content03{background-image: url(../img/main/unique_content03.png);}
.unique .unique_content ul .content04{background-image: url(../img/main/unique_content04.png);}

/* .unique .unique_content ul li:active{
    height: 600px;
    position: relative;
    top: 0;
    z-index: 99;
    transition: all 0.3s ease-in-out;
}
.unique .unique_content ul li:active .text_wrap{
    display: block;
    bottom: 50px;
    position: absolute;
} */

/* bestnew영역 */

.bestnew{
    background: #F4F4F4;
    padding: 100px 0 100px;
}
.bestnew .bestnew_inner{
    margin: 0 auto;
    width: 80%;
}
.bestnew .bestnew_inner .bestnew_text_wrap{
    border-left: 2px solid #89a335;
}
.bestnew .bestnew_inner .bestnew_text_wrap h2{
    font-size: 2.4rem;
    color: #515C30;
    font-weight: 400;
    margin: 0 0 50px 20px ;
}
.bestnew .bestnew_inner .bestnew_text_wrap p{
    font-size: 1.6rem;
    line-height: 1.5;
    margin-left: 20px;
    width: 254px;
}
.bestnew .bestnew_inner .bestnew_text_wrap a{
    display: none;
}
.bestnew .bestnew_inner .shopnow_mobile{
    text-align: center;
}
.bestnew .bestnew_inner .shopnow_mobile a{
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    font-weight: 500;
    color: #1A2924;
    border-bottom: 2px solid #1A2924;
    display: inline-block;
}

.bestnew_slider{
    margin: 62px auto 100px;
}
.bestnew_slider .bestnew_slider_inner{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 16px;
}
.bestnew_slider .bestnew_slider_inner .product{
    /* width: 47.22%; */
    width: calc(50% - 8px);
}
.bestnew_slider .bestnew_slider_inner .product .product_img{
    width: 100%;
    height: 210px; 
    /* padding-top: 154%; */
    background: #fff url(../img/main/bestnew_product01.png) no-repeat center/contain; /*cover*/
}
.bestnew_slider .bestnew_slider_inner .product .product_img_02{background-image: url(../img/main/bestnew_product02.png);}
.bestnew_slider .bestnew_slider_inner .product .product_img_03{background-image: url(../img/main/bestnew_product03.png);}
.bestnew_slider .bestnew_slider_inner .product .product_img_04{background-image: url(../img/main/bestnew_product04.png);}
.bestnew_slider .bestnew_slider_inner .product .product_text{
    margin-left: 7.35%;
}
.bestnew_slider .bestnew_slider_inner .product .product_text>span:first-child{
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
    margin: 20px 0 4px;
}
.bestnew_slider .bestnew_slider_inner .product span{
    font-weight: 400;
    margin: 0;
    font-size: 1.6rem;
    letter-spacing: -0.04em;
}
.bestnew_slider .bestnew_slider_inner .product_03 .product_text>div{
    display: inline-block;
}
.bestnew_slider .bestnew_slider_inner .product_03 .product_text>div span:first-child, .bestnew_slider .bestnew_slider_inner .product_04 .product_text>div span:first-child {
    font-size: 1.4rem;
    color: #f03e2e;
    padding-top: 2px;
    margin-right: 6px;
}


/* banner영역 */

.banner{
    background: url(../img/main/banner_bg.png) no-repeat center/cover;
    /* background-size: auto 100%; */
    height: 400px;
    padding-top: 167px;
    margin: 180px 0 180px;
}
.banner .banner_inner{
    margin: 0 auto;
    width: 80%;
}

.banner .banner_inner .banner_text_wrap{
    color: #fff;
    line-height: 1.5;
}
.banner .banner_inner .banner_text_wrap h3{
    font-family: Pretendard-Regular;
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: -0.04em;
}
.banner .banner_inner .banner_text_wrap p{
    font-size: 1.6rem;
    font-weight: 400;
    margin: 24px 0 30px;
    width: 93.4%;
    line-height: 1.5;
}
.banner .banner_inner .banner_text_wrap a{
    font-size: 1.6rem;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 148px;
    height: 51px;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 0 15px;
}
.banner .banner_inner .banner_text_wrap a span{
    display: inline-block;
    width: 22px; height: 15px;
    background: url(../img/main/arrow-right.png) no-repeat center/cover;
}


/* matcha 영역 */
.matcha{}

.pure{
    background: #515C30;
    padding: 100px 0 ;
    margin-bottom: 100px;
}
.pure .pure_inner{
    width: 80%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}
.pure .pure_inner .pure_icon{
    width: 36px; height: 36px;
    background: url(../img/main/pure_icon.png) no-repeat center/cover;
}
.pure .pure_inner h2{
    font-size: 2.4rem;
    font-weight: 400;
    margin: 50px 0;
}
.pure .pure_inner p{
    font-size: 1.6rem;
    line-height: 1.5;
}
.pure .pure_inner .line{
    width: 2px;
    height: 110px;
    background: #fff;
    margin-top: 50px;
}

.matcha_content{
    width: 80%;
    margin: 0 auto;
}
.matcha_content>div{
    margin-bottom: 100px;
}
.matcha_content h3{
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #515C30;
    margin:  0 0 20px 30px;
}
.matcha_content p{
    font-size: 1.6rem;
    line-height: 1.5;
    margin-left: 30px;
}
/* .get_text_wrap, .awake_text_wrap, .enjoy_text_wrap{
    width: 295px;
} */
.matcha_content .get{
    /* margin-left: 36px; */
}
.matcha_content .get .get_text_wrap{
    border-left: 3px solid #515C30;
    margin-bottom: 30px;
}
.matcha_content .get .get_text_wrap h3{}
.matcha_content .get .get_text_wrap p{}
.matcha_content .get .get_img{
    background: url(../img/main/get_img.png) no-repeat center/cover;
    width: 100%;
    height: 260px;
}

.matcha_content .enjoy{
    text-align: right;
    /* margin-right: 36px; */
}
.matcha_content .enjoy .enjoy_text_wrap{
    border-right: 3px solid #515C30;
    margin-bottom: 30px;
    text-align: right;
    padding-right: 30px;
}
.matcha_content .enjoy .enjoy_text_wrap h3{
    margin-bottom: 20px;
}
.matcha_content .enjoy .enjoy_text_wrap p{
    margin-left: 0;
}
.matcha_content .enjoy .enjoy_img{
    background: url(../img/main/enjoy_img.png) no-repeat center/cover;
    width: 100%;
    height: 260px;
    display: inline-block;
}
.matcha_content .awake{
    /* padding-left: 36px; */
    display: flex;
    width: 100%;
    flex-direction: column;
}
.matcha_content .awake .awake_text_wrap{
    border-left: 3px solid #515C30;
    margin-bottom: 30px;
    order: 1;
}
.matcha_content .awake .awake_text_wrap h3{}
.matcha_content .awake .awake_text_wrap p{}
.matcha_content .awake .awake_img{
    order:2;
    width: 100%;
    height: 260px;
    display: flex;
    justify-content: space-between;
}
.matcha_content .awake .awake_img .awake_img_big{
    background: url(../img/main/awake_img_big.png) no-repeat center/cover;
    width: 69.445%;
    height: 260px;
    display: inline-block;
}
.matcha_content .awake .awake_img .awake_img_small{
    background: url(../img/main/awake_img_small.png) no-repeat center/cover;
    width: 26.39%;
    height: 260px;
    display: inline-block;
}


/* tealife영역 */

.tealife{
    margin: 180px 0;
}
.tealife .tealife_inner{
    background: #eff4ee;
}
.tealife .tealife_inner .tealife_imgwrap{
    font-size: 0;
}

.tealife .tealife_inner .img{
    display: inline-block;
    width: 50%; height: 250px;
    background: url(../img/main/tealife_img01.png) no-repeat center/cover;
}
.tealife .tealife_inner .tealife_img01{}
.tealife .tealife_inner .tealife_img02{
    background-image: url(../img/main/tealife_img02.png)
}

.tealife .tealife_inner .tealife_text_wrap{
    text-align: center;
    margin: 0 auto;
    padding: 70px 0;
}
.tealife .tealife_inner .tealife_text_wrap h2{
    font-size: 2.4rem;
    font-weight: 400;
    color: #515C30;
}
.tealife .tealife_inner .tealife_text_wrap h3{
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: Pretendard-Regular;
    letter-spacing: -0.04em;
    width: 123px;
    margin: 50px auto 50px;
}
.tealife .tealife_inner .tealife_text_wrap p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    width: 288px;
    margin: 0 auto;
}
.tealife .tealife_inner .tealife_text_wrap a{
    width: 36px; height: 36px;
    background: url(../img/main/arrow-right_circle.png) no-repeat center/cover;
    display: inline-block;
    margin-top: 50px;
    text-indent: -9999px;
}

.tealife .tealife_inner .tealife_img03{
    background-image: url(../img/main/tealife_img03.png)
}
.tealife .tealife_inner .tealife_img04{
    background-image: url(../img/main/tealife_img04.png)
}

/* footer영역 */
footer{
    margin-bottom: 100px;
}
footer .footer_inner{
    text-align: center;
}
footer .footer_inner .logo{
    width: 126px; height: 126px;
    background: url(../img/main/logo.png) no-repeat center/cover;
    display: inline-block;
    margin-bottom: 50px;
}
footer .footer_inner .footer_csccsns{
    margin: 0 auto;
}
footer .footer_inner .footer_csccsns>div{
    margin-bottom: 50px;
}
footer .footer_inner .footer_csccsns>div h3{
    font-family: Pretendard-Regular;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.04em;
}
footer .footer_inner .footer_csccsns>div ul{
    margin-top: 8px;
}
footer .footer_inner .footer_csccsns>div ul li{
    margin-top: 10px;
}
footer .footer_inner .footer_csccsns>div ul li a{
    font-size:1.6rem;
    letter-spacing: -0.04em;
    color: #000;
}
footer .footer_inner .footer_csccsns .sns ul li{
    display: inline-block;
}
footer .footer_inner .footer_csccsns .sns ul li a{
    text-indent: -9999px;
    width: 24px; height: 24px;
    display: inline-block;
    background: url(../img/main/footer_kakaotalk.png) no-repeat center/cover;
    margin: 0 8px;
}
footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(2) a{
    background-image: url(../img/main/footer_insta.png);
}
footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(3) a{
    background-image: url(../img/main/footer_you.png);
}
footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(4) a{
    background-image: url(../img/main/footer_tik.png);
}
footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(5) a{
    background-image: url(../img/main/footer_x.png);
}

footer .line{
    width: 80%;
    height: 2px;
    background: #515C30;
    margin: 0 auto 50px;
}

footer .footer_wrap{
    width: 80%;
    margin: 0 auto 50px;
}
footer .footer_wrap .footer_menu{
    display: none;
}
footer .footer_wrap .footer_menu li{}
footer .footer_wrap .footer_menu li a{}

footer .footer_wrap .footer_info{}
footer .footer_wrap .footer_info p{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
footer .footer_wrap .footer_info p:last-child{
    display: none;
}
footer .footer_wrap .footer_info p a{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: underline;
}

/* 서브페이지 */
/* sub_visual 영역*/
.sub_header li:first-child a{
    color: #515c30;
    font-weight: 600;
}
.sub_visual .sub_visual_inner{
    width: 80%;
    padding-top: 260px;
    margin: 0 auto;
}
.sub_visual .sub_visual_inner strong{
    font-size: 4.8rem;
    font-family:Lexend Deca;
    font-weight: 700;
    letter-spacing: -0.04em;
    width: 225px;
    display: block;
    line-height: 1;
}
.sub_visual .sub_visual_inner h3{
    font-size: 2rem;
    margin: 40px 0 100px 30.55%;
    font-family: Pretendard-Regular;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.sub_visual .sub_visual_inner .line{
    width: 100%; height: 4px;
    background: #515C30;
}

/* brand_intro 영역*/
.brand_intro{
    margin: 240px 0 180px;
}
.brand_intro .brand_intro_inner{
    width: 80%;
    margin: 0 auto;
}

.brand_intro_inner .text{}
.brand_intro_inner .text h2{
    font-size: 3.2rem;
    font-weight: 400;
    color: #515C30;
}
.brand_intro_inner .text h3{
    font-size: 2rem;
    font-family: Pretendard-Regular;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.5;
    margin: 30px 0;
}
.brand_intro_inner .text p{
    font-size: 1.6rem;
    line-height: 1.5;
}

.brand_intro .brand_intro_inner .theharmony{
    margin-bottom: 180px;
}
.theharmony .theharmony_img{
    width: 100%; height: 360px;
    background: url(../img/main/theharmony_img.png) no-repeat center/cover;
    margin-bottom: 50px;
}
.cultivating .cultivating_img01{display: none;}
.cultivating .cultivating_img02{
    width: 100%; height: 360px;
    background: url(../img/main/cultivating_img02.png) no-repeat center/cover;
    margin-bottom: 50px;
}


/* tea_story영역 */
.tea_story{
    margin-bottom: 100px;
}
.tea_story .tea_story_inner{
    width: 80%;
    margin: 0 auto;
}

.tea_story .tea_story_inner .tea_story_text{
    text-align: center;
    margin-bottom: 100px;
}
.tea_story .tea_story_inner .tea_story_text .tea_story_icon{
    width: 48px; height: 48px;
    background: url(../img/main/tea_story_icon.png) no-repeat center/cover;
    margin: 0 auto;
}
.tea_story .tea_story_inner .tea_story_text h2{
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: -0.04em;
    margin: 50px 0;
    font-weight: 400;
    color: #515C30;
}
.tea_story .tea_story_inner .tea_story_text p{
    font-size: 1.6rem;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
}

.tea_story .tea_story_inner .tea_story_img_wrap{
    margin: 0 auto;
}
.tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img01{
    width: 47.22%; height: 200px;
    background: url(../img/main/tea_story_img01.png) no-repeat center/cover;
}
.tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img02{
    width: 47.22%; height: 200px;
    background: url(../img/main/tea_story_img02.png) no-repeat center/cover;
    margin: -100px 0 0 52.77%;
}
.tea_story .tea_story_inner .line{
    width: 3px; height: 100px; 
    background: #515C30;
    margin: 100px auto 0;
}


/* tea_fields영역 */
.tea_fields{}
.tea_fields .tea_fields_inner{}

.tea_fields .tea_origin{
    position: relative;
    width: 100%;
}
.tea_fields .tea_origin .tea_origin_img{
    width: 26.66%; height: 400px;
    background: url(../img/main/tea_origin_img01.png) no-repeat center/cover;
    position: absolute;
}
.tea_fields .tea_origin .tea_origin_img01{
    top: 150px; left: 0;
}
.tea_fields .tea_origin .tea_origin_text{
    text-align: center;
}
.tea_fields .tea_origin .tea_origin_text h2{
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.04em;
    width: 37.77%;
    font-family: Pretendard-Regular;
    margin: 0 auto 50px;
    padding-top: 221px;
    height: 550px;
    vertical-align: middle;
}
.tea_fields .tea_origin .tea_origin_text p{
    width: 80%;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 auto;
}
.tea_fields .tea_origin .tea_origin_img02{
    background-image: url(../img/main/tea_origin_img02.png);
    top: 0; right: 0;
}

.tea_fields .tea_fields_list{
    width: 80%;
    margin: 0 auto;
}
.tea_fields .tea_fields_list span{
    font-size: 5.6rem;
    color: #515C30;
    opacity: 0.7;
    line-height: 1.5;
    letter-spacing: -0.04em;
    display: block;
    font-family: Petit Formal Script;
    font-weight: 400;
}
.tea_fields .tea_fields_list h3{
    font-size: 2.4rem;
    font-family: Pretendard-Regular;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.04em;
}
.tea_fields .tea_fields_list h4{
    font-size: 1.8rem;
    font-weight: 500;
    margin: 20px 0 50px;
    line-height: 1.5;
    letter-spacing: -0.04em;
}
.tea_fields .tea_fields_list p{
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -0.04em;
}
.tea_fields .tea_fields_list p:nth-of-type(1){
    margin-bottom: 30px;
}
.tea_fields .tea_fields_list .tea_field_img{
    width: 87.5%; height: 200px;
    background: url(../img/main/t_seokwang_img.png) no-repeat center/cover;
}

.tea_fields .tea_fields_list .t_seokwang{
    margin: 180px 0 ;
}
.tea_fields .tea_fields_list .t_seokwang .t_seokwang_text{
    margin-top: 50px;
}

.tea_fields .tea_fields_list .t_stone .t_stone_text{
    margin-top: 50px;
    text-align: right;
}
.tea_fields .tea_fields_list .t_stone .t_stone_img{
    background-image: url(../img/main/t_stone_img.png);
    margin-left: 12.5%;
}
.tea_fields .tea_fields_list .t_hannam{
    margin-top: 180px;
}
.tea_fields .tea_fields_list .t_hannam .t_hannam_text{
    margin-top: 50px;
}
.tea_fields .tea_fields_list .t_hannam .t_hannam_img{
    background-image: url(../img/main/t_hannam_img.png);
}


/* since 영역 */
.since{
    margin: 180px 0;
}
.since .since_inner{}

.since .since_inner .since_intro{
    width: 100%;
    background: #F4F4F4;
    padding: 150px 0;
}
.since .since_inner .since_intro .since_intro_img{
    width: 232px; height: 260px;
    background: url(../img/main/since_intro_img.png) no-repeat center/cover;
    margin: 0 auto;
}
.since .since_inner .since_intro .since_intro_text{
    text-align: center;
    margin: 50px auto 0;
    width: 80%;
}
.since .since_inner .since_intro .since_intro_text h2{
    font-size: 2.4rem;
    letter-spacing: -0.04em;
    line-height: 1.5;
    color: #515C30;
}
.since .since_inner .since_intro .since_intro_text p{
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 50px;
}
.since .since_year{
    margin-top: 100px;
}
.since .since_year>div{
    margin-bottom: 150px;
}
.since .since_year .y_img{
    width: 90%; height: 270px;
    background: url(../img/main/y1979_img.png) no-repeat center/cover;
    margin-bottom: 50px;
}
.since .since_year .y_text{
    width: 76.38%;
    margin-left: 13.61%;
}
.since .since_year .y_text h3{
    font-size: 8rem;
    letter-spacing: -0.04em;
    color: #515C30;
    opacity: 0.3;
    width: fit-content;
}
.since .since_year .y_text p{
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: -22px;
}

.since .since_year .y1979 .y1979_text h3{
    margin-left: 33.45%;
}


.since .since_year .y2013 .y2013_img{
    background-image: url(../img/main/y2013_img.png);
    margin-left: 10%;
}

.since .since_year .y2013 .y2013_text{
    text-align: right;
    margin-left: 10%;
    margin-right: 0;
}
.since .since_year .y2024 .y2024_img{
    background-image: url(../img/main/y2024_img.png);
}
.since .since_year .y2024 .y2024_text h3{
    margin-left: 29.09%;
}


/* living영역 */
.living{
    background: #f4f4f4;
    padding: 100px 0;
    margin-bottom: 180px;
}
.living .living_inner{}
.living .living_inner .living_img_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.living .living_inner .living_img{
    background: url(../img/main/living_img02.png) no-repeat center/cover;
}
.living .living_inner .living_img02{
    width: 37.5%; height: 150px;
}
.living .living_inner .living_img03{
    width: 58.33%; height: 150px;
    background-image: url(../img/main/living_img03.png);
    margin-left: 4.16%;
}
.living .living_inner .living_img04{
    width: 100%; height: 170px;
    background-image: url(../img/main/living_img04.png);
    margin-top: 4.16%;
}

.living_img01, .living_img05, .living_img06{display: none;}

.living .living_inner .living_text{
    width: 80%;
    margin: 50px auto 0;
    text-align: center;
}
.living .living_inner .living_text h3{
    font-size: 2.4rem;
    font-weight: 400;
    color: #515C30;
}
.living .living_inner .living_text p{
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 50px 0;
}
.living .living_inner .living_text .line{
    width: 2px; height: 160px;
    background: #515C30;
    margin: 0 auto;
}



@media screen and (min-width:500px){
    .plantation_content_wrap .plantation-button-next{
        right: 5%;
    }
    .plantation_content_wrap .plantation-button-prev{
        left: 5%;
    }
}
@media screen and (min-width:768px){
    
    /* header영역 */
    header{
        height: 80px;
    }
    .header_inner{
        margin: 0 5.2%;
        height: 38px;
    }
    .header_inner h1{
        font-size: 3rem;
    }
    .header_menu{
        top: 7px;
    }
    .header_nav_menu{
        padding: 0 11.06% 70px;
    }
    .header_nav_menu .big{
        padding-top:70px;
    }
    .header_nav_menu .big li{
        margin-top: 70px;
    }
    .header_nav_menu .logo{
        margin-right: 15.697%;
        width: 126px; height: 126px;
    }
    .header_nav_menu .big li a{
        font-size: 2.8rem;
    }
    .header_nav_menu .big li a::after{
        width: calc(77.86vw - 100% - 30px);
    }


    /* visual영역 */
    .visual .visual_inner{
        width: 73.95%;
        padding-top: 172px;
    }
    .visual .visual_inner strong{
        font-size: 11.6rem;
    }
    .visual .visual_inner .visual_inner_leaf{
        width: 191px; height: 164px;
        top: 182px;
    }
    .visual .visual_inner .visual_inner_background{
        height: 440px;
        margin-top: -42px;
    }
    .visual .visual_inner p{
        font-size: 1.6rem;
        padding: 0 9.15%;
    }


    /* from jeju 영역 */
    .from_jeju .from_jeju_inner{
        width: 298px;
    }
    .from_jeju .from_jeju_inner .line{
        height: 192px;
    }
    .from_jeju .from_jeju_inner h3{
        font-size: 3rem;
    }
    .from_jeju .from_jeju_inner .icon_story01{
        width: 40px; height: 40px;
    }
    .from_jeju .from_jeju_inner p{
        font-size: 2rem;
    }

    /* jeju_home 영역 */
    .jeju_home{
        margin: 200px 0 200px;
    }
    .jeju_home_text{
        width: 54.16%;
    }
    .jeju_home_text .jeju_home_title .icon_story02{
        width: 34px; height: 34px;
        margin-right: 21px;
    }
    .jeju_home_text .jeju_home_title h2{
        width: 336px;
        font-size: 3rem;
    }
    .jeju_home_text p{
        font-size: 2rem;
        width: 416px;
    }
    .jeju_home_text .img_teapowder{
        width: 196px; height: 196px;
    }
    .jeju_home_slider{
        margin-left: 5.2%;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
        width: 89.58%;
    }
    .jeju_home_slider .box{
        width: 320px;
        height: 400px;
    }
    .jeju_home_slider .box .box_inner{
        margin-left: 40px;
    }
    .jeju_home_slider .box:nth-of-type(2n){
        margin-top: 40px;
    }
    .jeju_home_slider .box .box_inner h3{
        font-size: 2.2rem;
    }
    .jeju_home_slider .box .box_inner h4{
        font-size: 1.6rem;
    }
    .jeju_home_slider .box .box_inner p{
        font-size: 1.8rem;
        width: 240px;
    }


    /* plantation영역 */
    .plantation{
        padding-bottom: 100px;
    }
    .plantation .plantation_inner .plantation_text h2{
        width: 477px;
        font-size: 3rem;
    }
    .plantation .plantation_inner .plantation_text p{
        font-size: 2rem;
    }
    .plantation_content .box{
        width: clamp(470px, 61.2%, 520px);
        aspect-ratio: 470 / 600;
        max-height: 660px;
    }
    .plantation_content .box .box_inner h3{
        font-size: 2.8rem;
    }
    .plantation_content .box .box_inner p{
        margin: 10.63% 0 10.63%;
        font-size: 1.8rem;
        width: 83.8%;
        height: 108px;
    }
    .plantation_content .box .box_inner .more{
        width: 191px;
        height: 57px;
    }
    .plantation_content .box .box_inner a{
        font-size: 2rem;
        line-height: 53px;
    }
    .plantation_content .box .box_inner a span{
        width: 22px; height: 17px;
        margin-left:10px;
    }
    .plantation_content_wrap .plantation-button-next{
        width: 50px; height: 50px;
        right: 9%;
    }
    .plantation_content_wrap .plantation-button-prev{
        width: 50px; height: 50px;
        left: 9%;
    }
    .plantation_content_wrap .plantation-button-next::after, .plantation_content_wrap .plantation-button-prev::after{
        width: 50px; height: 50px;
    }

    
    /* unique영역 */
    .unique{
        margin: 200px 0;
    }
    .unique .unique_text_wrap{
        margin-bottom: 80px;
    }
    .unique .unique_text_wrap h2{
        width: auto;
        font-size: 3rem;
    }
    .unique .unique_text_wrap p{
        font-size: 2rem;
        width: 583px; max-width: none;
    }
    .unique .unique_text_wrap .unique_visual{
        height: 208px;
    }
    .unique .unique_text_wrap .unique_visual p{
        font-size: 6rem;
        width: 727px; max-width: none;
    }
    .unique .unique_text_wrap .unique_visual .greentea{
        width: 179px; height: 208px;
        top: 14px;
    }
    .unique .unique_content ul{
        width: 89.58%;
    }
    .unique .unique_content ul li{
        padding: 76px 4.36% 0;
        height: 200px;
    }
    .unique .unique_content ul li .text_btn{
        justify-content: right;
    }
    .unique .unique_content ul li h3{
        font-size: 2rem;
        margin-right: 30px;
    }
    .unique .unique_content ul li .arrowicon{
        width: 48px; height: 48px;
    }
    .unique .unique_content ul li .text_wrap{
        width: 64.8%;
    }
    .unique .unique_content ul li .text_wrap p{
        font-size: 1.8rem;
    }
    /* .unique .unique_content ul li:active{
        height: 470px;
    }
    .unique .unique_content ul li:active .text_wrap{
        text-align: right;
        right: 4.36%;
    } */


    /* bestnew영역 */
    .bestnew .bestnew_inner{
        width: 89.58%;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap h2{
        font-size: 3rem;
        margin-left: 30px;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap p{
        font-size: 1.8rem;
        margin-left: 30px;
        width: 323px;
    }
    .bestnew_slider{
        margin: 80px auto 100px;
    }
    .bestnew_slider .bestnew_slider_inner{
        gap: 30px 20px;
    }
    .bestnew_slider .bestnew_slider_inner .product{
        width: calc(50% - 10px);
    }
    .bestnew_slider .bestnew_slider_inner .product .product_img{
        height: 420px;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text{
        margin-left: 1.45%;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text>span:first-child{
        font-size: 1.8rem;
        margin: 18px 0 10px;
    }
    .bestnew_slider .bestnew_slider_inner .product span{
        font-size: 1.8rem;
    }
   
    .bestnew_slider .bestnew_slider_inner .product_03 .product_text>div span:first-child, .bestnew_slider .bestnew_slider_inner .product_04 .product_text>div span:first-child{
        font-size: 1.6rem;
    }
    /* banner영역 */
    .banner{
        height: 330px;
        padding-top: 72px;
        margin: 200px 0 200px;
    }
    .banner .banner_inner{
        margin: 0 0 0 129px;
        width: 313px;
    }
    .banner .banner_inner .banner_text_wrap h3{
        font-size: 2rem;
    }
    .banner .banner_inner .banner_text_wrap p{
        font-size: 1.8rem;
        width: auto;
    }

    /* matcha 영역 */
    .pure{
        margin-bottom: 100px;
    }
    .pure .pure_inner{
        width: 72.38%;
    }
    .pure .pure_inner .pure_icon{
        width: 50px; height: 50px;
    }
    .pure .pure_inner h2{
        font-size: 3rem;
    }
    .pure .pure_inner p{
        font-size: 2rem;
    }
    .matcha_content{
        width: 89.58%;
    }
    .matcha_content h3{
        font-size: 3rem;
    }
    .matcha_content p{
        font-size: 1.8rem;
        width: 72.67%;
    }
    .matcha_content .get .get_text_wrap{
        margin-bottom: 50px;
    }
    .matcha_content .enjoy .enjoy_text_wrap{
        margin-bottom: 50px;
    }
    .matcha_content .enjoy .enjoy_text_wrap p{
        display: inline-block;
    }
    .matcha_content .enjoy .enjoy_img{
        height: 190px;
    }
    .matcha_content .awake .awake_text_wrap{
        margin-bottom: 50px;
    }
    .matcha_content .awake .awake_img{
        height: 380px;
    }
    .matcha_content .awake .awake_img .awake_img_big{
        width: 76.16%;
        height: 380px;
    }
    .matcha_content .awake .awake_img .awake_img_small{
        width: 22.38%;
        height: 380px;
    }


    /* tealife영역 */
    .tealife{
        margin: 200px 0;
    }
    .tealife .tealife_inner .img{
        height: 420px;
    }
    .tealife .tealife_inner .tealife_text_wrap{
        padding: 100px 0;
    }
    .tealife .tealife_inner .tealife_text_wrap h2{
        font-size: 3rem;
    }
    .tealife .tealife_inner .tealife_text_wrap h3{
        font-size: 2rem;
        width: 136px;
    }
    .tealife .tealife_inner .tealife_text_wrap p{
        font-size: 1.8rem;
        width: 354px;
    }
    .tealife .tealife_inner .tealife_text_wrap a{
        width: 52px; height: 52px;
    }


    /* footer영역 */
    footer{
        margin-bottom: 150px;
    }
    footer .footer_inner .logo{
        width: 200px; height: 200px;
        margin-bottom: 100px;
    }
    footer .footer_inner .footer_csccsns{
        display: flex;
        width: 68.22%;
        justify-content: space-between;
    }
    footer .footer_inner .footer_csccsns>div h3{
        text-align: left;
    }
    footer .footer_inner .footer_csccsns>div ul{
        margin-top: 20px;
        text-align: left;
    }
    footer .footer_inner .footer_csccsns>div ul li{
        margin-top: 16px;
        display: block;
    }
    footer .footer_inner .footer_csccsns .sns ul li{
        display: block;
    }
    footer .footer_inner .footer_csccsns .sns ul li a{
        text-indent: 0;
        width: auto; height: auto;
        background: none;
        display: block;
        margin: 0;
    }
    footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(2) a,footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(3) a,footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(4) a,footer .footer_inner .footer_csccsns .sns ul li:nth-of-type(5) a{
        background: none;
    }
    footer .line{
        width: 89.58%;
    }
    footer .footer_wrap .footer_menu{
        display: block;
        margin: 50px 0;
    }
    footer .footer_wrap .footer_menu li{
        display: inline-block;
        margin: 0 14px;
    }
    footer .footer_wrap .footer_menu li a{
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: -0.04em;
    }
    footer .footer_wrap .footer_info p:last-child{
        display: block;
    }


    /* 서브페이지 */
    /* sub_visual 영역 */
    .sub_visual .sub_visual_inner{
        width: 100%;
        padding-top: 278px;
        margin: 0;
    }
    .sub_visual .sub_visual_inner strong{
        font-size: 6.4rem;
        width: 300px;
        margin-left: 16.79%;
    }
    .sub_visual .sub_visual_inner h3{
        margin-left: 38.02%;
    }
    .sub_visual .sub_visual_inner .line{
        width: 80.729%;
        margin: 0 auto;
    }

    /* brand_intro 영역*/
    .brand_intro{
        margin: 300px 0 200px;
    }
    .brand_intro .brand_intro_inner{
        width: 89.58333%;
    }
    .brand_intro_inner .text{
        display: inline-block;
        width: 54.21%;
        order: 1;
    }
    .brand_intro_inner .text h2{
        font-size: 4rem;
    }
    .brand_intro_inner .text h3{
        font-size: 2.4rem;
        margin: 50px 0;
    }
    .brand_intro_inner .text p{
        font-size: 1.8rem;
        width: 77.47%;
    }
    .brand_intro .brand_intro_inner .theharmony{
        margin-bottom: 200px;
        display: flex;
        justify-content: space-between;
    }
    .theharmony .theharmony_text{
        transform: translateX(55px);
        margin-top: 26px;
    }
    .theharmony .theharmony_img{
        width: 43.6%; height: 380px;
        display: inline-block;
        order: 2;
        margin-bottom: 0;
        background-position-x: 20%;
    }

    .cultivating .cultivating_text{
        width: 55.66%;
        vertical-align: top;
        margin-top: 49px;
    }
    .cultivating .cultivating_text h2{
        width: 86.42%;
    }
    .cultivating .cultivating_text p{
        width: auto;
    }
    .cultivating .cultivating_img02{
        width: 39.97%; height: 480px;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 4%;
    }


    /* tea_story영역 */
    .tea_story{
        margin-bottom: 150px;
    }
    .tea_story .tea_story_inner{
        width: 66.53%;
        margin: 0 auto;
    }
    .tea_story .tea_story_inner .tea_story_text h2{
        width: 87.32%;
        margin: 50px auto;
    }
    .tea_story .tea_story_inner .tea_story_text p{
        font-size: 1.8rem;
        width: 100%;
    }
    .tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img01{
        width: 46.78%; height: 220px;
    }
    .tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img02{
        width: 42.88%; height: 210px;
        margin-left: 56.72%;
    }
    .tea_story .tea_story_inner .line{
        margin-top: 150px;
    }


    /* tea_fields영역 */
    .tea_fields .tea_origin .tea_origin_img{
        width: 23.43%; height: 570px;
    }
    .tea_fields .tea_origin .tea_origin_text h2{
        font-size: 3rem;
        width: 31.51%;
        height: auto;
        vertical-align: auto;
    }
    .tea_fields .tea_origin .tea_origin_text p{
        font-size: 1.8rem;
        width: 44.92%;
    }
    .tea_fields .tea_fields_list{
        width: 81.77%;
    }
    .tea_fields .tea_fields_list span{
        font-size: 7.2rem;
    }
    .tea_fields .tea_fields_list h3{
        font-size: 2.8rem;
    }
    .tea_fields .tea_fields_list h4{
        font-size: 2rem;
    }
    .tea_fields .tea_fields_list p{
        font-size: 1.8rem;
    }
    .tea_fields .tea_fields_list p:nth-of-type(1){
        margin-bottom: 50px;
    }
    .tea_fields .tea_fields_list .tea_field_img{
        width: 81.21%; height: 300px;
    }
    .tea_fields .tea_fields_list .t_seokwang{
        margin: 230px 0 200px;
    }
    .tea_fields .tea_fields_list .t_seokwang .t_seokwang_text{
        width: 81.21%;
    }
    .tea_fields .tea_fields_list .t_stone{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .tea_fields .tea_fields_list .t_stone .t_stone_text{
        width: 81.21%;
    }
    .tea_fields .tea_fields_list .t_stone .t_stone_img{
        margin-left: 0;
    }
    .tea_fields .tea_fields_list .t_hannam{
        margin-top: 200px;
    }
    .tea_fields .tea_fields_list .t_hannam .t_hannam_text{
        width: 81.21%;
    }


    /* since 영역 */
    .since{
        margin: 200px 0;
    }
    .since .since_inner{}
    .since .since_inner .since_intro .since_intro_img{
        width: 276px; height: 310px;
    }
    .since .since_inner .since_intro .since_intro_text{
        width: 74.74%;
    }
    .since .since_inner .since_intro .since_intro_text h2{
        font-size: 3rem;
    }
    .since .since_inner .since_intro .since_intro_text p{
        font-size: 2rem;
    }

    .since .since_year{
        width: 89.5833%;
        margin: 100px auto 0;
    }
    .since .since_year .y_img{
        width: 43.6%;
        margin-bottom: 0;
        display: inline-block;
    }
    .since .since_year .y_text{
        width: 45.05%;
        margin-left: 5.2%;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 20px;
    }
    .since .since_year .y_text h3{
        font-size: 10rem;
    }
    .since .since_year .y_text p{
        font-size: 1.8rem;
        margin-top: -30px;
    }
    .since .since_year .y1979 .y1979_text h3{
        margin-left: 28.7%;
    }
    .since .since_year .y2013{
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .since .since_year .y2013 .y2013_img{
        order: 2;
        margin-left: 0;
    }
    .since .since_year .y2013 .y2013_text{
        order: 1;
        margin-left: 0;
        margin-right: 5.81%;
    }
    .since .since_year .y2024 .y2024_text h3{
        margin-left: 23.54%;
    }

    /* living영역 */
    .living{
        padding: 150px 0;
        margin-bottom: 200px;
    }
    .living .living_inner .living_img_wrap{
        width: 89.5833%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
    }
    .living .living_inner .living_img02{
        width: 23.255%; height: 170px;
    }
    .living .living_inner .living_img03{
        width: 49.418%; height: 250px;
        margin-left: 0;
    }
    .living .living_inner .living_img04{
        width: 23.255%; height: 170px;
    }
    .living .living_inner .living_text{
        width: 377px;
        margin-top: 150px;
    }
    .living .living_inner .living_text h3{
        font-size: 3rem;
    }
    .living .living_inner .living_text p{
        font-size: 2rem;
    }
    .living .living_inner .living_text .line{
        height: 195px;
    }
    
}
@media screen and (min-width:1024px){
    /* header영역 */
    .header_inner{
        margin: 0 4.88%;
    }
    .header_inner h1{
        font-size: 3.6rem;
        z-index: 99;
        line-height: 1;
    }
    .header_nav{
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .header_nav ul{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header_nav ul li{
        display: inline-block;
        white-space: nowrap;
        margin-right: 3%;
    }
    .header_nav ul li a{
        font-size: 2rem;
        font-weight: 500;
        line-height: 38px;
    }
    .header_nav ul li:last-child{
        margin: 0;
    }
    .header_menu{
        width: 144px;
    }
    .header_menu a:nth-child(2){
        display: inline-block;
        width: 22px; height: 22px;
        background: url(../img/nav/language.png) no-repeat center/cover;
        text-indent: -9999px;
        overflow: hidden;
    }
    .header_menu a:nth-child(4){
        display: inline-block;
        width: 18px; height: 20px;
        background: url(../img/nav/login.png) no-repeat center/cover;
        text-indent: -9999px;
        overflow: hidden;
    }
    .header_menu button{
        display: none;
    }
    .header_nav_menu{
        display: none !important;
    }

    /* visual영역 */
    .visual .visual_inner{
        width: 74.8%;
        padding-top: 186px;
    }
    .visual .visual_inner strong{
        font-size: 16rem;
    }
    .visual .visual_inner .visual_inner_leaf{
        width: 290px; height: 248px;
        top: 201px;
    }
    .visual .visual_inner .visual_inner_background{
        height: 393px; margin-top: -60px;
    }
    .visual .visual_inner p{
        font-size: 2rem;
        padding: 0 8.79%;
    }

    /* from jeju 영역 */
    .from_jeju .from_jeju_inner{
        width: 358px;
    }
    .from_jeju .from_jeju_inner h3{
        font-size: 3.6rem;
    }
    .from_jeju .from_jeju_inner .icon_story01{
        width: 48px; height: 48px;
    }
    .from_jeju .from_jeju_inner p{
        font-size: 2.4rem;
    }


    /* jeju_home 영역 */
    .jeju_home{
        height: 2750px;
        margin-top: 100px;
        margin-bottom: 200px;
    }
    .jeju_home .jeju_home_inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        padding: 0 4.88%;
        
    }
    .jeju_home_text{
        width: 392px;
        top: 0;
        margin: 0 0 0 3.9%;
        position: sticky;
        height: 1030px;
        
        padding-top: 200px;
    }
    .jeju_home_text .jeju_home_title .icon_story02{
        width: 42px; height: 42px;
        margin-right: 7px;
    }
    .jeju_home_text .jeju_home_title h2{
        font-size: 3.6rem;
    }
    .jeju_home_text p{
        width: 376px;
    }
    .jeju_home_text .img_teapowder{
        width: 272px; height: 272px;
    }
    .jeju_home_slider{
        width: 452px;
        margin: 0;
        padding-top: 100px;
    }
    .jeju_home_slider .jeju_home_slider_inner{
        display: inline-block;
        width: 452px;
    }
    .jeju_home .jejuhome-scrollbar{
        display: none;
    }
    .jeju_home_slider .box{
        width: 355px; height: 470px;
        margin-bottom: 50px !important;
    }
    /* .jeju_home_slider .scroll_icon{
        width: 27px; height: 52.95px;
        background: url(../img/main/scroll.png) no-repeat center/cover;
        margin-bottom: 40px;
        display: block;
        position: absolute;
        top: 30px; left: 164px;
    } */
    
    .jeju_home_slider .box:nth-of-type(2n){
        margin-left: 95px;
        margin-top: 0;
    }
    .jeju_home_slider .box .box_inner h3{
        font-size: 2.4rem;
    }
    .jeju_home_slider .box .box_inner h4{
        font-size: 1.6rem;
        margin: 12px 0 50px;
    }
    .jeju_home_slider .box .box_inner p{
        width: 274px;
        font-size: 1.8rem;
    }


    /* plantation영역 */
    .plantation{
        padding-bottom: 150px;
    }

    .plantation .plantation_inner .plantation_text h2{
        font-size: 3.6rem;
        width: auto;
    }
    .plantation .plantation_inner .plantation_text p{
        font-size: 2.4rem;
        width: 760px;
        max-width: none;
    }
    .plantation_content .box{
        width: clamp(520px, 50.78%, 600px);
        aspect-ratio: 520 / 660;
        max-height: none;
    }
    .plantation_content .box .box_inner h3{
        font-size: 3.2rem;
    }
    .plantation_content .box .box_inner p{
        font-size: 2rem;
        margin: 7.69% 0;
        height: auto;
    }
    .plantation_content_wrap .plantation-button-next, .plantation_content_wrap .plantation-button-prev{
        width: 72px; height: 72px;
    }
    .plantation_content_wrap .plantation-button-next::after{
        right: 12%;
        width: 72px; height: 72px;
    }
    .plantation_content_wrap .plantation-button-prev::after{
        left: 12%;
        width: 72px; height: 72px;
    }

    /* unique영역 */
    .unique .unique_text_wrap{
        margin-bottom: 200px;
    }
    .unique .unique_text_wrap h2{
        font-size: 3.6rem;
    }
    .unique .unique_text_wrap p{
        font-size: 2.4rem;
        width: 699px;
    }
    .unique .unique_text_wrap .unique_visual{
        height: 264px;
    }
    .unique .unique_text_wrap .unique_visual p{
        font-size: 8rem;
        width: 936px;
    }
    .unique .unique_text_wrap .unique_visual .greentea{
        width: 216px; height: 252px;
        top: 23px;
    }
    .unique .unique_content ul{
        width: 74.8%;
    }
    .unique .unique_content ul li{
        padding: 80px 5.22% 0;
        height: 220px;
    }
    .unique .unique_content ul li h3{
        font-size: 2.4rem;
    }
    .unique .unique_content ul li .arrowicon{
        width: 60px; height: 60px;
    }
    .unique .unique_content ul li .text_wrap{
        width: 65.27%;
    }
    .unique .unique_content ul li .text_wrap p{
        font-size: 2rem;
    }
    /* .unique .unique_content ul li:active{
        height: 520px;
    }
    .unique .unique_content ul li:active .text_wrap{
        right: 5.22%;
    } */


    /* bestnew영역 */
    .bestnew{
        padding: 150px 0;
    }
    .bestnew .bestnew_inner{
        width: 100%;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap{
        margin-left: 4.88%;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap h2{
        font-size: 3.6rem;
        margin-left: 50px;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap p{
        font-size: 2rem;
        margin-left: 50px;
        width: 323px;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap a{
        display: inline-block;
        font-size: 2rem;
        letter-spacing: -0.04em;
        font-weight: 500;
        color: #1A2924;
        border-bottom: 2px solid #1A2924;
        margin: 50px 0 0 50px;
    }
    .bestnew .bestnew_inner .shopnow_mobile a{
        display: none;
    }
    .bestnew_slider{
        display: flex;
        width: 84.37%;
        margin-left: 15.625%;
        margin-bottom: 0;
        padding-left: 200px;
        opacity: 0;
        transition: all 1s ease-in;
    }
    .bestnew_slider.on{
        animation: left 1.5s forwards;
        opacity: 1;
        padding-left: 0;
    }    
    .bestnew_slider .bestnew_slider_inner{
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
    }
    .bestnew_slider .bestnew_slider_inner .product{
        width: 442px; height: 614px;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_img{
        height: 550px;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text{
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text>span:first-child{
        margin: 40px 0 0;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text>span:last-child{
        margin: 40px 0 0 ;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text>div{
        margin: 40px 0 0;
    }
    .bestnew_slider .bestnew_slider_inner .product span:nth-of-type(1){
        display: inline-block;
    }

    /* banner영역 */
    .banner{
        height: 400px;
        padding-top: 82px;
        background-position-x: 10%;
        background-size: 120%;
    }
    .banner .banner_inner{
        width: 336px;
    }
    .banner .banner_inner .banner_text_wrap h3{
        font-size: 2.4rem;
    }
    .banner .banner_inner .banner_text_wrap p{
        font-size: 2rem;
    }
    .banner .banner_inner .banner_text_wrap a{
        width: 172px; height: 66px;
        font-size: 2rem;
        padding: 0 22px;
    }


    /* matcha 영역 */
    .pure{
        margin-bottom: 200px;
        padding: 150px 0;
    }
    .pure .pure_inner{
        width: 48.04%;
    }
    .pure .pure_inner .pure_icon{
        width: 60px; height: 60px;
    }
    .pure .pure_inner h2{
        font-size: 3.6rem;
    }
    .pure .pure_inner p{
        font-size: 2.4rem;
    }
    .pure .pure_inner .line{
        height: 200px;
    }
    
    .matcha_content{
        width: 90.23%;
        position: relative;
    }
    .matcha_content>div{
        margin-bottom: 0;
    }
    .matcha_content h3{
        font-size: 3.6rem;
        margin: 0 0 50px;
        width: 336px;
    }
    .matcha_content p{
        font-size: 2rem;
        width: 100%;
        margin: 0;
    }
    .matcha_content .get .get_text_wrap, .matcha_content .enjoy .enjoy_text_wrap, .matcha_content .awake .awake_text_wrap{
        border: none;
        margin-bottom: 0;
        width: 42.2%;
    }
    .matcha_content .get{
        margin-bottom: 128px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: left;
    }
    .matcha_content .get .get_text_wrap{
        margin-left: 58px;
    }
    .matcha_content .get .get_text_wrap h3{}
    .matcha_content .get .get_text_wrap {}
    .matcha_content .get .get_img{
        width: 40.47%; height: 427px;
        margin: 0;
    }
    .matcha_content .enjoy{
        margin: 128px 0 100px;
        text-align: left;
        
    }
    .matcha_content .enjoy .enjoy_text_wrap{
        padding: 0;
        width: 42.31%;
        text-align: left;
        margin-right: 40px;
        display: inline-block;
        margin-left: 14.07%;
    }
    .matcha_content .enjoy .enjoy_text_wrap h3{
        margin-bottom: 50px;
    }
    .matcha_content .enjoy .enjoy_img{
        width: 40.47%; height: 361px;
        position: absolute;
        top: 353px; right: 0;
    }
    .matcha_content .awake{
        margin-top: 100px;
    }
    .matcha_content .awake .awake_text_wrap{
        width: 44.8%;
        position: absolute;
        top: 958px; right: 0;
    }
    .matcha_content .awake .awake_text_wrap h3{
        width: 423px;
    }
    .matcha_content .awake .awake_img{
        display: inline-block;
        height: auto;
    }
    .matcha_content .awake .awake_img .awake_img_big{
        width: 48.91%; height: 507px;
    }
    .matcha_content .awake .awake_img .awake_img_small{
        width: 21.86%; height: 252px;
        margin-left: 1.948%;
        margin-bottom: -67px;
    }


    /* tealife영역 */
    .tealife{
        background: #eff4ee;
        margin: 267px 0 250px;
    }
    .tealife .tealife_inner{
        width: 90.23%;
        position: relative;
        margin: 0 auto;
        background-color: transparent;
    }
    .tealife .tealife_inner .img{
        position: absolute;
    }
    .tealife .tealife_inner .tealife_img01{
        width: 207px; height: 231px;
        top: 121px; left: 0;
    }
    .tealife .tealife_inner .tealife_img02{
        width: 190px; height: 217px;
        top: 220px; right: 0;
    }
    .tealife .tealife_inner .tealife_text_wrap{
        padding: 150px 0 240px;
        background-color: transparent;
    }
    .tealife .tealife_inner .tealife_text_wrap h2{
        font-size: 3.6rem;
    }
    .tealife .tealife_inner .tealife_text_wrap h3{
        font-size: 2.4rem;
        width: 162px;
    }
    .tealife .tealife_inner .tealife_text_wrap p{
        font-size: 2rem;
        width: 394px;
    }
    .tealife .tealife_inner .tealife_text_wrap a{
        width: 72px; height: 72px;
        background-image: url(../img/main/tealife_arrow.png);
    }
    .tealife .tealife_inner .tealife_img03{
        width: 152px; height: 226px;
        top: 427px; left: 9.09%;
    }
    .tealife .tealife_inner .tealife_img04{
        width: 302px; height: 246px;
        top: 520px; right: 4.22%;
    }


    /* footer영역 */
    footer .footer_inner{
        text-align: center;
    }
    footer .footer_inner .logo{
        margin: -20px 0 0;
        vertical-align: top;
    }
    footer .footer_inner .footer_csccsns{
        display: inline-block;
        margin: 0;
        padding-left: 5.8%;
        width: 53.9%;

    }
    footer .footer_inner .footer_csccsns>div{
        display: inline-block;
        vertical-align: top;
    }
    footer .footer_inner .footer_csccsns>div h3{
        font-size: 1.8rem;
    }
    footer .footer_inner .footer_csccsns>div ul li a{
        font-size: 1.8rem;
    }
    footer .footer_inner .footer_csccsns .cs, footer .footer_inner .footer_csccsns .customercare{
        margin-right: 12.68%;
    }
    footer .footer_inner .footer_csccsns .sns{
        margin-right: 0;
    }
    footer .line{
        width: 90.23%;
    }
    footer .footer_wrap .footer_menu li a{
        font-size: 1.6rem;
    }
    footer .footer_wrap .footer_info p{
        font-size: 1.6rem;
    }
    footer .footer_wrap .footer_info p a{
        font-size: 1.6rem;
    }

    /* 서브페이지 */
    /* sub_visual 영역 */
    .sub_visual .sub_visual_inner{
        width: 74.8%;
        padding-top: 358px;
        margin: 0 auto;
    }
    .sub_visual .sub_visual_inner strong{
        font-size: 10rem;
        width: 468px;
        margin-left: 0;
    }
    .sub_visual .sub_visual_inner h3{
        margin-left: 39.68%;
        font-size: 2.4rem;
    }
    .sub_visual .sub_visual_inner .line{
        width: 100%;
    }
    


    /* brand_intro 영역*/
    .brand_intro .brand_intro_inner{
        width: 90.23%;
    }
    .brand_intro_inner .text{
        width: 48.81%;
    }
    .brand_intro_inner .text h2{
        font-size: 4.8rem;
    }
    .brand_intro_inner .text h3{
        font-size: 2.8rem;
    }
    .brand_intro_inner .text p{
        font-size: 2rem;
        width: 94.45%;
    }
    .theharmony .theharmony_text{
        transform: none;
        margin-top: 80px;
        margin-left: 6.49%;
    }
    .theharmony .theharmony_img{
        width: 40.04%; height: 470px;
    }
    .cultivating .cultivating_text{
        width: 57.14%;
        margin-top: 208px;
    }
    .cultivating .cultivating_text h2{
        width: 100%;
    }
    .cultivating .cultivating_text p{
        width: 92.42%;
    }
    .cultivating .cultivating_img02{
        width: 37.87%; height: 610px;
        margin-right: 4.7%;
    }


    /* tea_story영역 */
    .tea_story .tea_story_inner{
        width: 78.22%; /*801px*/
    }
    .tea_story .tea_story_inner .tea_story_text{
        margin-bottom: 150px;
    }
    .tea_story .tea_story_inner .tea_story_text .tea_story_icon{
        width: 68px; height: 68px;
    }
    .tea_story .tea_story_inner .tea_story_text h2{
        width: 70.41%;
        font-size: 3.6rem;
    }
    .tea_story .tea_story_inner .tea_story_text p{
        font-size: 2rem;
    }
    .tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img01{
        width: 49.93%; height: 350px;
    }
    .tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img02{
        width: 44.94%; height: 360px;
        margin-left: 55.05%;
        margin-top: -250px;
    }


    /* tea_fields영역 */
    .tea_fields .tea_origin{
        height: 1000px;
    }
    .tea_fields .tea_origin .tea_origin_img{
        width: 25.97%; height: 850px;
    }
    .tea_fields .tea_origin .tea_origin_text{
    }
    .tea_fields .tea_origin .tea_origin_text h2{
        font-size: 3.6rem;
        width: 28.32%;
        vertical-align: top;
        padding-top: 350px;
    }
    .tea_fields .tea_origin .tea_origin_text p{
        font-size: 2rem;
        width: 39.06%;
        padding-bottom: 42px;
    }
    .tea_fields .tea_fields_list{
        width: 74.41%;
    }
    .tea_fields .tea_fields_list span{
        font-size: 9.6rem;
    }
    .tea_fields .tea_fields_list h3{
        font-size: 3.2rem;
    }
    .tea_fields .tea_fields_list h4{
        font-size: 2.4rem;
    }
    .tea_fields .tea_fields_list p{
        font-size: 2rem;
    }
    .tea_fields .tea_fields_list .tea_field_img{
        width: 90.28%; height: 350px;
    }
    .tea_fields .tea_fields_list .t_seokwang{
        margin-top: 150px;
    }
    .tea_fields .tea_fields_list .t_seokwang .t_seokwang_text, .tea_fields .tea_fields_list .t_stone .t_stone_text, .tea_fields .tea_fields_list .t_hannam .t_hannam_text{
        width: 85.95%;
    }


    /* since 영역 */
    .since .since_inner .since_intro .since_intro_img{
        width: 356px; height: 400px;
    }
    .since .since_inner .since_intro .since_intro_text{
        width: 56.05%;
    }
    .since .since_inner .since_intro .since_intro_text h2{
        font-size: 3.6rem;
    }
    .since .since_inner .since_intro .since_intro_text p{
        font-size: 2.4rem;
    }

    .since .since_year{
        width: 90.23%;
    }
    .since .since_year>div{
        margin-bottom: 100px;
    }
    .since .since_year .y_img{
        width: 48.7%; height: 400px;
    }
    .since .since_year .y_text{
        width: 40.04%;
        margin-left: 4.32%;
        margin-bottom: 60px;
    }
    .since .since_year .y_text h3{
        font-size: 12.8rem;
    }
    .since .since_year .y_text p{
        font-size: 2rem;
        margin-top: -44px;
    }
    .since .since_year .y1979 .y1979_text h3{
        margin-left: 20.54%;
    }
    .since .since_year .y2024 .y2024_text h3{
        margin-left: 11.89%;
    }
    .since .since_year .y2013 .y2013_text{
        margin-right: 4.32%;
        margin-left:0;
    }


    /* living영역 */
    .living .living_inner .living_img_wrap{
        width: 90.234%;
    }
    .living .living_inner .living_img02, .living .living_inner .living_img04{
        width: 23.37%; height: 240px;
    }
    .living .living_inner .living_img03{
        width: 48.917%; height: 330px;
    }
    .living .living_inner .living_text{
        width: 452px;
    }
    .living .living_inner .living_text h3{
        font-size: 3.6rem;
    }
    .living .living_inner .living_text p{
        font-size: 2.4rem;
    }
}

@media screen and (min-width:1650px){
    
    /* header 영역*/
    header{
        width: 100%;
    }
    .header_inner{
        width: 1600px;
        margin: 0 auto;
        
    }
    .header_nav{
        width: auto;
    }
    .header_nav ul{
        width: 599px;
    }
    .header_nav ul li{
        margin-right: 58px;
    }
    .header_menu{
        width: 174px;
    }

    /* visual영역 */
    
    .visual .visual_inner{
        width: 1060px;
        margin: 0 auto;
    }
    .visual .visual_inner strong{
        font-size: 21rem;
    }
    .visual .visual_inner .visual_inner_leaf{
        width: 425px; height: 364px;
        top: 151px;
    }
    .visual .visual_inner .visual_inner_background{
        width: 1060px; height: 543px;
        margin-top: -88px;
    }
    .visual .visual_inner p{
        padding: 0;
        width: 583px;
        margin: 0 auto;
    }


    /* jeju home 영역 */
    .jeju_home{
        margin-bottom: 200px;
        height: auto;
    }
    .jeju_home .jeju_home_inner{
        width: 1600px;
        margin: 0 auto;
        padding: 0;
    }
    .jeju_home_text{
        width: 497px;
        margin-left: 135px;
        padding-top: 230px;
    }
    .jeju_home_text p{
        font-size: 2.4rem;
        width: 497px;
        max-width: none;
    }
    .jeju_home_slider{
        width: 820px;
    }
    .jeju_home_slider .jeju_home_slider_inner{
        width: 820px;
        display: flex;
        flex-wrap: wrap;
    }
    .jeju_home_slider .box{
        width: 385px; height: 570px;
    }
    .jeju_home_slider .box:nth-of-type(3), .jeju_home_slider .box:nth-of-type(5){margin-top: -285px;}
    .jeju_home_slider .box:nth-of-type(2n){
        margin-left: 50px;
        margin-top: 285px;
    }
    .jeju_home_slider .box:nth-of-type(4){
        margin-top: 0px;
    }
    .jeju_home_slider .box .box_inner{
        margin-left: 34px;
    }
    .jeju_home_slider .box .box_inner h3{
        font-size: 2.8rem;
    }
    .jeju_home_slider .box .box_inner h4{
        font-size: 1.8rem;
    }
    .jeju_home_slider .box .box_inner p{
        font-size: 2rem;
        width: 318px;
    }
    

    /* plantation영역 */
    .plantation .swiper-slide{
        all: unset;
        /* flex-shrink: 1;
        margin: 0 40px;
        width: 480px; */
    }
    .plantation_content_wrap{
        width: 1600px;
        margin: 50px auto 0;
    }
    .plantation_content{
        margin: 0 auto;
        width: 1600px;
    }
    .plantation_content .box{
        border-radius: 0;
        width: 480px; height: 660px;
        aspect-ratio: auto;
        padding: 0;
    }
    .plantation_content .stone{
        margin: 80px 80px 0;
    }
    .plantation_content .box .box_inner p{
        display: none;

    }
    .plantation_content .box .box_inner .more{
        display: none;
    }
    .plantation_content_wrap .plantation-button-next, .plantation_content_wrap .plantation-button-prev{
        display: none;
    }
    .plantation_content .box:hover .box_inner p, .plantation_content .box:hover .box_inner .more{
        display: block;

    }
    .plantation_content .box:hover{
        border-radius: 1000px;
        transition-property: all;
        transition-duration: .5s;
    }

    /* unique영역 */
    .unique .unique_text_wrap .unique_visual p{
        font-size: 9.6rem;
        width: 1138px;
    }
    .unique .unique_text_wrap .unique_visual .greentea{
        width: 250px; height: 290px;
    }
    .unique .unique_content ul{
        width: 1600px;
        display: flex;
    }
    .unique .unique_content ul li{
        padding: 0 24px;
        width: 400px; height: 650px;
        flex-direction: column-reverse;
        padding-bottom: 45px;
    }
    .unique .unique_content ul li .text_btn{
        justify-content: space-between;
    }
    .unique .unique_content ul li h3{
        width: 145px;
        margin: 0;
    }
    .unique .unique_content ul li .arrowicon{
        background-image: url(../img/main/arrow-right-white.png);
        width: 72px; height: 72px;
        flex-shrink: 0;
    }

    /* bestnew영역 */
    .bestnew .bestnew_inner{
        width: 100%;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap{
        margin: 0 auto;
        width: 1595px;
    }
    .bestnew .bestnew_inner .bestnew_text_wrap p{
        width: 250px;
    }
    .bestnew_slider{
        margin-left: auto;
        margin-right: 0;
        width: calc((100% - 1600px) / 2 + 1195px);
        margin-top: -257px;
    }
    .bestnew_slider .swiper-wrapper{
        width: fit-content;
    }
    .bestnew_slider .bestnew_slider_inner{
        gap: 20px;
    }
    .bestnew_slider .bestnew_slider_inner .product{
        width: 520px; height: 714px;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_img{
        width: 520px; height: 650px;
    }
    .bestnew .swiper-slide{
        margin-right: 0px !important;
    }
    .bestnew_slider .bestnew_slider_inner .product .product_text>span:first-child{
        font-size: 2rem;
    }
    .bestnew_slider .bestnew_slider_inner .product span{
        font-size: 2rem;
    }

    /* banner영역 */
    .banner{
        background-size: 110%;
    }
    .banner .banner_inner{
        width: 1330px;
        margin: 0 auto;
    }
    .banner .banner_inner .banner_text_wrap{
        width: 400px;
    }


    /* matcha 영역 */
    .pure .pure_inner{
        width: 484px;
    }
    .pure .pure_inner .pure_icon{
        width: 66px; height: 66px;
    }
    .matcha_content{
        width: 1600px;
    }
    .matcha_content h3{
        width: auto;
    }
    .matcha_content p{
        width: 510px;
    }
    .matcha_content .get .get_text_wrap, .matcha_content .enjoy .enjoy_text_wrap, .matcha_content .awake .awake_text_wrap{
        width: auto;
    }
    .matcha_content .get .get_text_wrap{
        margin: 20px 0 0 110px;
    }
    .matcha_content .get .get_img{
        width: 545px; height: 620px;
    }
    .matcha_content .enjoy{
        margin: 171px 0 179px;
    }
    .matcha_content .enjoy .enjoy_text_wrap{
        width: auto;
        margin-right: 40px;
        margin-left: 322px;
    }
    .matcha_content .enjoy .enjoy_img{
        width: 655px; height: 630px;
        top: 385px;
    }
    .matcha_content .awake{
        margin-top: 226px;
    }
    .matcha_content .awake .awake_text_wrap{
        width: auto;
        top: 1394px;
        right: 20px;
    }
    .matcha_content .awake .awake_img .awake_img_big{
        width: 655px; height: 740px;
    }
    .matcha_content .awake .awake_img .awake_img_small{
        width: 320px; height: 400px;
        margin-left: 20px;
        margin-bottom: -116px;
    }

    
    /* tealife영역 */
    .tealife{
        margin-top: 316px;
        background-color: #eff4ee;
    }
    .tealife .tealife_inner{
        width: 1600px;
        margin: 0 auto;
    }
    .tealife .tealife_inner .tealife_img01{
        width: 270px; height: 300px;
    }
    .tealife .tealife_inner .tealife_img02{
        width: 248px; height: 280px;
        top: 191px;
    }
    .tealife .tealife_inner .tealife_text_wrap h3{
        width: 162px;
    }
    .tealife .tealife_inner .tealife_text_wrap p{
        width: 394px;
    }
    .tealife .tealife_inner .tealife_img03{
        width: 198px; height: 300px;
        top: 479px; left: 214px;
    }
    .tealife .tealife_inner .tealife_img04{
        width: 395px; height: 320px;
        top: 427px; right: 69px;
    }

    /* footer영역 */
    footer .footer_inner .footer_csccsns{
        padding-left:0;
        width: 652px;
        margin-left: 428px;
    }
    footer .line{
        width: 1600px;
    }
    footer .footer_wrap .footer_menu li{
        margin: 0 37px 0 0;
    }
    footer .footer_wrap .footer_menu li:last-child{
        margin-right: 0;
    }


    /* 서브페이지 */
    /* sub_visual 영역 */
    .sub_visual .sub_visual_inner{
        width: 1330px;
    }
    .sub_visual .sub_visual_inner h3{
        margin-left: 304px;
    }


    /* brand_intro 영역*/
    .brand_intro .brand_intro_inner{
        width: 1600px;
    }
    .brand_intro_inner .text{
        width: 520px;
    }
    .brand_intro_inner .text h2{
        width: 451px;
    }
    .brand_intro_inner .text p{
        font-size: 2.4rem;
        width: 100%;
    }
    .theharmony .theharmony_text{
        margin-left: 0;
    }
    .theharmony .theharmony_img{
        width: 1020px;
    }
    .cultivating .cultivating_text{
        width: 582px;
        margin-top: 184px;
    }
    .cultivating .cultivating_text h2{
        width: 528px;
    }
    .cultivating .cultivating_text p{
        width: 100%;
    }
    .cultivating .cultivating_img01{
        width: 470px; height: 610px;
        display: inline-block;
        background: url(../img/main/cultivating_img01.png) no-repeat center/cover;
        margin-right: 14px;
    }
    .cultivating .cultivating_img02{
        width: 470px;
        margin-right: 50px;
    }


    /* tea_story영역 */
    .tea_story{
        margin-bottom: 200px;
    }
    .tea_story .tea_story_inner{
        width: 1120px;
    }
    .tea_story .tea_story_inner .tea_story_text h2{
        width: 882px;
    }
    .tea_story .tea_story_inner .tea_story_text p{
        font-size: 2.4rem;
    }
    .tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img01{
        width: 450px; height: 400px;
    }
    .tea_story .tea_story_inner .tea_story_img_wrap .tea_story_img02{
        width: 440px; height: 440px;
        margin-left: 680px;
        margin-top: -300px;
    }
    .tea_story .tea_story_inner .line{
        display: none;
    }


    /* tea_fields영역 */
    .tea_fields .tea_origin .tea_origin_img{
        width: 27.86%;
    }
    .tea_fields .tea_origin .tea_origin_text h2{
        width: 290px;
    }
    .tea_fields .tea_origin .tea_origin_text p{
        width: 38.33%;
    }

    .tea_fields .tea_fields_list{
        width: 1600px;
    }
    .tea_fields .tea_fields_list>div{
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-start;
        align-items: center;
    }
    .tea_fields .tea_fields_list .tea_field_img{
        width: 670px; height: 670px;
        border-radius: 1000px;
    }
    .tea_fields .tea_fields_list .t_seokwang{
        margin-top: 100px;
    }
    .tea_fields .tea_fields_list .t_seokwang .t_seokwang_text, .tea_fields .tea_fields_list .t_stone .t_stone_text, .tea_fields .tea_fields_list .t_hannam .t_hannam_text{
        width: 655px;
    }
    .tea_fields .tea_fields_list .t_seokwang .t_seokwang_text, .tea_fields .tea_fields_list .t_hannam .t_hannam_text{
        margin-right: 140px;
    }
    .tea_fields .tea_fields_list .t_stone{
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .tea_fields .tea_fields_list .t_stone .t_stone_text{
        margin-left: 140px;
        text-align: left;
    }


    /* since 영역 */
    .since .since_inner .since_intro .since_intro_text{
        width: 574px;
    }
    .since .since_year{
        width: 1060px;
    }
    .since .since_year .y_img{
        width: 480px; height: 400px;
    }
    .since .since_year .y_text{
        width: 415px;
        margin-left: 40px;
        margin-bottom: 50px;
    }
    .since .since_year .y_text p{
        font-size: 2.4rem;
    }
    .since .since_year .y1979 .y1979_text h3{
        margin-left: 111px;
    }
    .since .since_year .y2024 .y2024_text h3{
        margin-left: 98px;
    }
    .since .since_year .y2013 .y2013_text{
        margin-right: 40px;
    }
    .since .since_year .y2013 .y2013_text h3{
        margin-left: 10px;
    }


    /* living영역 */
    .living{
        padding: 0 0 150px;
    }
    .living .living_inner .living_img_wrap{
        width: 100%;
        position: relative;
    }
    .living_img01, .living_img05, .living_img06{
        display: block;
    }
    .living .living_inner .living_img{
        position: absolute;
    }
    .living .living_inner .living_img01{
        width: 550px; height: 630px;
        background-image: url(../img/main/living_img01.png);
        top: 246px; right: 71.35%;
    }
    .living .living_inner .living_img02{
        width: 240px; height: 240px;
        top: 150px; right: 17.39%;
        
    }
    .living .living_inner .living_img03{
        width: 440px; height: 330px;
        margin: 318px auto 0;
        position: static;

        
    }
    .living .living_inner .living_img04{
        width: 270px; height: 350px;
        top: 358px; right: 0; margin-top: 0;
        
    }
    .living .living_inner .living_img05{
        width: 450px; height: 320px;
        background-image: url(../img/main/living_img05.png);
        right:68.229%; top: 963px;
    }
    .living .living_inner .living_img06{
        width: 600px; height: 470px;
        background-image: url(../img/main/living_img06.png);
        top: 794px; right: 0;
    }
    .living .living_inner .living_text{
        width: 483px;
    }

}