body{ overflow-x: hidden; max-width: 1920px; margin: 0 auto !important; }
.inner{width: 1280px; margin: 0 auto; }
#footer{z-index: 4;position: relative}
.m_bg{position: absolute;top: 0;left:0;width: 100%;overflow: hidden;z-index: -1;position: fixed;transition: 2s}
.m_dim{background: rgba(255,255,255,0.9);width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity:0;transition: 2s}
.m_dim.act{background: rgba(255,255,255,1)}
.m_dim.on{opacity: 1}
.main_visual{height: 100%;position: relative; }
.main_visual .box .in_obj .v_txt{ text-align: center; }
.main_visual .box ul{ display: inline-block; }
.main_visual .box ul:after{content: '';display: block;clear: both}
.main_visual .box ul li{float: left;margin-right: 40px;}
.main_visual .box ul li strong{font-size: 50px;font-weight: 500;display: block;line-height: 60px ;color: #f5f6f8; letter-spacing: 0.08em; }
.main_visual .box ul li:last-child{ margin-right: 0; }
.hidden_layer.all{display: block;}
.hidden_layer.pc{display: block;}
.hidden_layer.mo{display: none;}

.main_visual #videobcg{ display: block; min-height: 100vh; min-width: 100vw; object-fit: fill; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


/* 메인비주얼 */
.main_visual{width:100%;position: relative;z-index: 3; height: 100%;background: #f2f4f5;}
.main_visual .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; background-color: #fff; }
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
width: 100%; height: 100%;
opacity:0;
}
.main_visual .main_slider .slide_box > div{
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.main_visual .main_slider .slide_box .main_img{ position: relative; height: 100%;
-moz-transition: all 8s ;
-webkit-transition: all 8s;
-o-transition: all 8s;
-ms-transition: all 8s ;
transition: all 8s ;
}



.main_visual .main_slider .slide_box .main_img{ transform: scale(1.1); transition: transform 8s; }

.main_visual .main_slider .slide_box div.on .main_img{ transform: scale(1);}

.main_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%;  max-width: auto;height: 100%;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
}


.main_visual .main_slider .slide_box .in_obj{text-align: left; top:0%; width: 100%; z-index: 9}
.main_visual .main_slider .slide_box .in_obj:after{content: ''; display: block}
.main_visual .main_slider .slide_box .in_obj .wrap_t{margin-bottom: 25px;}
.main_visual .main_slider .slide_box div div.wrap_tit{display: block;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.6s;}
.main_visual .main_slider .slide_box div.on div.wrap_tit{
    opacity: 1
}



.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}





.m_tit{margin-bottom: 55px;}
.m_tit strong{font-size: 50px;color: #fff;display: block;line-height: 1; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.m_tit strong:before{content: '';display: inline-block;height: 37px;width: 4px;background: #880505;margin-right: 45px;}
.m_tit p{padding-left: 52px;font-size: 30px;font-weight: 300;color: #281212;letter-spacing: -0.5px;margin-top: 15px;}


.main_visual .thum_box{ position: absolute; left: 0; width: 100%; bottom: 70px; z-index: 10; text-align: center; }
.main_visual .thum_box ul{ display: inline-block; }
.main_visual .thum_box ul li{ float: left; width: 18px; height: 15px; margin-right: 16px; transition: width .6s; }
.main_visual .thum_box ul li span{ display: block; width: 100%; height: 100%; border-radius: 0 10px 0 10px; background-color: #fff; opacity: .5; cursor: pointer; transition: opacity .6s; }
.main_visual .thum_box ul li:last-child{ display: none; }
.main_visual .thum_box ul li.on{ width: 44px; }
.main_visual .thum_box ul li.on span{ opacity: 1; }

/*효과*/
.main_visual .in_inner{width: 1280px;margin: 0 auto;max-width: 100%; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); z-index: 10; }
/* .main_visual .dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;z-index: 9;opacity: 0.9;} */
.main_visual .box.on .dim{opacity: 0.1;transition: 1.5s}
.main_visual .box1.on .dim{opacity: 0.3}
.main_visual .box ul li{overflow: hidden}
.main_visual .box ul li strong{display: block;transform: translateY(100%);}
.main_visual .box.on ul li strong{transform: translateY(0%);transition: transform 1.4s}
.main_visual .box.on ul li:nth-child(1) strong{transition-delay: 0.2s}
.main_visual .box.on ul li:nth-child(2) strong{transition-delay: 0.4s}
.main_visual .box.on ul li:nth-child(3) strong{transition-delay: 0.6s}
.main_visual .box.on ul li:nth-child(4) strong{transition-delay: 0.8s}
.main_visual .box.on ul li:nth-child(5) strong{transition-delay: 1s}
.main_visual .txt, .main_visual .txt2{overflow: hidden}
.main_visual .txt p{display: block;transform: translateY(100%);}
.main_visual .box.on .txt p{transform: translateY(0%);transition: transform 1.4s;transition-delay: 1.2s}
.main_visual .txt2 span{display: block;transform: translateY(100%);}
.main_visual .box.on .txt2 span{transform: translateY(0%);transition: transform 1.4s;transition-delay: 2.7s}

.m_tit strong{opacity: 0;transform: translateY(30px);transition: opacity 1s, transform 1s;}
.on .m_tit strong{opacity: 1; transform: translateY(0);}
.m_tit p{opacity: 0;transform: translateY(30px);transition: opacity 1s, transform 1s;transition-delay: 0.3s}
.on .m_tit p{opacity: 1; transform: translateY(0);}

.main_visual .box1 .v_txt ul li strong{ background-color: #}


/* 메인컨텐츠  공통 */
#main .inner2{ padding: 0 90px; max-width: 1920px; margin: 0 auto; }
#main .inner3{ padding: 0 120px; max-width: 1920px; margin: 0 auto; }

#main .main_tit{ text-align: center; }
#main .main_tit strong{ display: block; font-family: 'GmarketSans', sans-serif; font-size: 60px; line-height: 64px; font-weight: 700; color:#61443a;}
#main .con_w{ padding-top: 110px; }
#main .main_tab{ margin-top: 50px; }
#main .main_tab ul li{ float: left; width: 33.3333333333%; }
#main .main_tab ul li button{ display: block; width: 100%; position: relative; }
#main .main_tab ul li button strong{ display: block; font-size: 32px;  letter-spacing: -0.03em;  font-weight: 500; color:#A57454; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; z-index: 1; }
#main .main_tab ul li button svg{ transition: filter .6s, opacity .6s; opacity: .7; }
#main .main_tab ul li.on button svg { filter: drop-shadow(15px 15px 27px rgba(116,89,71,0.32)); opacity: 1; }
#main .main_tab ul li.on button svg circle{ fill: #fff; }
#main .main_tab ul li.on button svg path{ fill: #a57454; fil}
#main .main_tab ul li.on button strong{ color :#fff; font-weight: 600; }
#main .main_tab ul li:hover button svg{ filter: drop-shadow(10px 10px 20px rgba(116,89,71,0.15)); opacity: 1; }
#main .more_b{ text-align: right; margin-top: 60px; }
#main .more_b .dots{ display: inline-block; margin-left: 15px; transform: translate(0,-8px);}
#main .more_b .dots i{ display: block; float: left;  margin-right: 5px; border-radius: 50%; background-color: #a9856f; width: 5px; height: 5px; }
#main .more_b .dots i:last-child{ margin-right: 0; }
/* #main .more_b .dots i:nth-child(1){ opacity: .3; }
#main .more_b .dots i:nth-child(2){ opacity: .6; } */
#main .more_b a{ display: block; }
#main .more_b a:hover .dots i{
    animation: dots 2s linear infinite;
}

#main .more_b a:hover .dots i:nth-child(1){ animation-delay: 0; }
#main .more_b a:hover .dots i:nth-child(2){ animation-delay: .3s; }
#main .more_b a:hover .dots i:nth-child(3){ animation-delay: .6s; }


@keyframes dots {
    0{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

#main .sub_tab ul li{ float: left; height: 69px; position: relative;  }
#main .sub_tab ul li a{ display: block; line-height: 69px; text-align: center; font-size: 24px; font-weight: 500; color:#a57454; position: relative; z-index: 1; }
#main .sub_tab ul li:before{ content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url('/img/sub/tab_bg01.png') center center no-repeat; background-size: 100% 100%; }
#main .sub_tab ul li:nth-child(2):before{ background-image: url('/img/sub/tab_bg02.png'); }
#main .sub_tab ul li:nth-child(2){ transform: translate(-1.5%,0);}
#main .sub_tab ul li:nth-child(3):before{ background-image: url('/img/sub/tab_bg03.png'); }
#main .sub_tab ul li:nth-child(4):before{ background-image: url('/img/sub/tab_bg04.png'); }
#main .sub_tab ul li:nth-child(1) a{ padding-right: 10px; }

#main .sub_tab ul li.on{ z-index: 1; }
#main .sub_tab ul li.on:after{ content:""; display: block; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; left: 12px; top: 10px; }
#main .sub_tab ul li.on:before{ filter: drop-shadow(20px 20px 27px rgba(45,40,37,0.32)); }
#main .sub_tab ul li.on:nth-child(1):before{ background-image: url('/img/sub/tab_bg01_on.png'); }
#main .sub_tab ul li.on:nth-child(2):before{ background-image: url('/img/sub/tab_bg02_on.png'); }
#main .sub_tab ul li.on:nth-child(2):after{ left: 30px; }
#main .sub_tab ul li.on:nth-child(3):before{ background-image: url('/img/sub/tab_bg03_on.png'); }
#main .sub_tab ul li.on:nth-child(4):before{ background-image: url('/img/sub/tab_bg04_on.png'); }
#main .sub_tab ul li.on a{ color: #fff; }
#main .tab_4 ul li{ width: 25%; }
#main .tab_4 ul li:nth-child(4){ width: 24%; margin-left: 1%; }



/* con01 */
#main .c01{ background: url('/img/main/con01_bg.jpg') left top no-repeat; }
#main .con01 .menu_slide{ height: 550px; }
#main .con01 .p_wrap{ margin-top: 40px; display: none; }
#main .con01 .product01{ display: block; }
#main .con01 .p_wrap .product{ float: left; padding-left: 0; margin-top: 30px; margin-right: 50px; width: 600px; position: relative; }
#main .con01 .p_wrap .product .pro{ position: relative; z-index: 1; transform: rotate(12deg);}
#main .con01 .p_wrap .product .pro img{ margin: 0 auto; display: block; }
#main .con01 .p_wrap .product .leaf01{ position: absolute; left: 17%; top: 25%; }
#main .con01_01 .p_wrap .product .leaf01{ position: absolute; left: 17%; top: 11%; animation: pro3 3s ease-in-out infinite;}
#main .con01_01 .p_wrap .product .pro1{ position: absolute; left: 17%; top: 11%; animation: pro3 3s ease-in-out infinite;}
#main .con01 .p_wrap .product .leaf01.front{z-index: 0}
#main .con01 .p_wrap .product .leaf02.front{z-index: 2}
#main .con01 .p_wrap .product .leaf02{ position: absolute; right: 18%; transform: rotate(15deg); top: 57%; }
#main .con01 .p_wrap .product .fruit{ position: absolute; right: 30%; bottom: -10%; z-index: 2; }
#main .con01_01 .p_wrap .product .fruit{ position: absolute; right: 20%; bottom: -5%; z-index: 2; }
/*#main .con01_01 .p_wrap.product03 .product .fruit{ left: 9%; bottom: -6%; z-index: 2; }*/
#main .con01 .winter .p_wrap .product .pro{ position: relative; z-index: 1; transform: rotate(0deg); animation: pro4 3s ease-in-out infinite;}
#main .con01 .winter .p_wrap .product .pro1{left: -9%;top: -4%;transform: scale(.7); animation: pro4 3s ease-in-out infinite}
#main .con01 .winter .p_wrap .product .pro1 img{transform: scale(.7);opacity: 0;filter: drop-shadow(13px 27px 40px rgba(137, 148, 76, 0.2));animation: pro 2s;animation-delay: .2s;animation-fill-mode: forwards;}
#main .con01 .winter .p_wrap .product{position: relative;left: 5%}

#main .con01 .winter .p_wrap.product_spring .product .pro{transform: rotate(0deg); animation: pro2 3s ease-in-out infinite;left: -40px;}

#main .con01 .p_wrap .product .water01{ transform: translate(-15%, 10%); }
#main .con01 .p_wrap .product .leaf04{ left: 16%; top: 22%;  }

#main .con01 .p_wrap .product .water02{ transform: translate(-85%, -90%); }
#main .con01 .p_wrap .product .leaf05{ left: 67%; top: 73%; }

#main .con01 .p_wrap .product .front{ z-index: 10; }
#main .con01 .product03 .product .leaf04{ z-index: -1; left: 10%; top:15%;}
#main .con01 .product04 .product .leaf04{ z-index: -1; left: 15%; top:15%;}


@keyframes pro3 {
    0%{
        transform: rotate(0deg)
    }
    50%{
        transform: rotate(5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
@keyframes pro4 {
    0%{
        transform: rotate(0deg)
    }
    50%{
        transform: rotate(5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
#main .con01 .p_wrap .p_txt{ float: left; padding-top: 200px; }
#main .con01 .p_wrap .p_txt strong{ display: block; font-size: 52px; font-weight: bold; color:#8b522c; letter-spacing: -0.03em; }
#main .con01 .p_wrap .p_txt p{ font-size: 24px; line-height: 39px; color:#a59b94; letter-spacing: -0.03em; font-weight: 500; margin-top: 30px; }
#main .con01 .p_wrap .p_txt p span{ color:#a67453; }
#main .con01_01 .p_wrap.product_spring .product .leaf01{left: 8%}

@keyframes pro01 {
    0{
        transform: translate(30px, 30px) rotate(0);
    }
    50%{
        transform: translate(40px, 40px) rotate(3deg);
    }
    100%{
        transform: translate(30px, 30px) rotate(0);
    }
}

@keyframes pro02 {
    0{
        transform: translate(66.77px, 30px) rotate(0);
    }
    50%{
        transform: translate(77.77px, 40px) rotate(3deg);
    }
    100%{
        transform: translate(66.77px, 30px) rotate(0);
    }
}

@keyframes pro03 {
    0{
        transform: translate(48.77px, 30px) rotate(0);
    }
    50%{
        transform: translate(58.77px, 40px) rotate(3deg);
    }
    100%{
        transform: translate(48.77px, 30px) rotate(0);
    }
}





/* con02 */
#main .con02 .menu_list{ margin-top: 60px; }
#main .con02 .menu_w ul li{ float: left; width: 23%; margin-right: 2.6666666666%; }
#main .con02 .menu_w{height: 405px;}
#main .con02 .m_list{display: none}
#main .con02 .m_list.on{display: block;}
#main .con02 .menu_w ul li:last-child{ margin-right: 0; }
#main .con02 .menu_w ul li a{ display: block; }
#main .con02 .menu_w .product_img img{ display: block; margin: 0 auto; max-width: 294px; transition: transform .8s, filter .8s; }
#main .con02 .menu_w .txt_box{ text-align: center; padding-top: 105px; margin-top: -80px; background-color: #f8f8f9; padding-bottom: 55px; transition: background-color .4s; }
#main .con02 .menu_w .txt_box strong{ display: block; font-size: 32px; font-weight: 500; letter-spacing: -0.03em; color:#333333; transition: color .4s; }
#main .con02 .menu_w .txt_box p{ font-size: 17px; height: 34px;  font-weight: 500; color:#b8aaa4; margin-top: 10px;  transition: color .4s;  }

#main .con02 .menu_w ul li a:hover .product_img img{ transform: scale(1.1); filter: drop-shadow(30px 30px 40px rgba(108,74,50,0.30)); }
#main .con02 .menu_w ul li a:hover .txt_box strong{ color :#fff; }
#main .con02 .menu_w ul li a:hover .txt_box p{ color :#e0d4cf; }
#main .con02 .menu_w ul li a:hover .txt_box{ background-color: #a57454; }


/* con03 */
#main .con03 .store{ width: 100%; max-width: 1920px; margin: 0 auto; margin-top: 60px; }
#main .con03 .store .left_s{ float: left; width: 50%; }
#main .con03 .store .right_s{ float: left; width: 50%; transform: translateX(-13%); position: relative; top: -1px;}
#main .con03 .store .right_s .search{ position: absolute; left: 180px; top: 100px; }
#main .con03 .store .right_s .search strong{ display: block; font-weight: 300; font-size: 55px; line-height: 75px; color: #fff; letter-spacing: -0.05em; }
#main .con03 .store .right_s .search strong span{ font-weight: 700;}
#main .con03 .store .right_s .search p{ margin-top: 35px; font-size: 28px; color:#ffffff; letter-spacing: -0.03em; }
#main .con03 .store .right_s .search .search_f{ margin-top: 40px; position: relative; }
#main .con03 .store .right_s .search .search_f input{ width: 440px; height: 58px; border:1px solid #fff; background-color: rgba(41,27,16,0.4); color: #fff; font-size: 20px; letter-spacing: -0.03em; padding-left: 25px; }

#main .con03 .store .right_s .search .search_f input::placeholder {
    color: #fff;
}

#main .con03 .store .right_s .search .search_f input::-webkit-input-placeholder {
    color: #fff;
}
#main .con03 .store .right_s .search .search_f input:-ms-input-placeholder {
    color: #fff;
}
#main .con03 .store .right_s .search .search_f .search_icon{ display: block; position: absolute; width: 26px; height: 26px; background: url('/img/main/search_icon.png') center center no-repeat;
    right: 42px; top: 50%; transform: translate(0,-50%);
}


/* con04 */
/*#main .con04{ margin-top: 110px; }*/
#main .con04{ background-color: #f5f4f2; height: 920px; overflow: hidden; position: relative;box-sizing: border-box;}
#main .con04 .more_b{ position: absolute; right: 90px; bottom: 60px; z-index: 1; }
#main .con04 .more_b .dots i{ background-color: #fff; }
#main .con04:before{ content:""; display: block; width: 80%; height: 80%; background-color: #61443a; position: absolute; right: 0; top: 70%;
    transform: skewY(-25deg);
}
#main .con04 .inner{ position: relative; z-index: 1; }
#main .con04 .store_btn{ text-align: center; margin-top: 35px; }
#main .con04 .store_btn ul{ display: inline-block; }
#main .con04 .store_btn ul li{ float: left; margin-right: 8px; width: 190px; }
#main .con04 .store_btn ul li a{ display: block; padding: 13px 0; text-align: center; transition: border-color .4s, background-color .4s, box-shadow .4s; border: 1px solid #61443a; border-radius: 4px; }
#main .con04 .store_btn ul li a img{ max-width: 100%; display: block; margin: 0 auto; }
#main .con04 .store_btn ul li:last-child{ margin-right: 0; }
#main .con04 .phone_img{ margin-top: 35px; height: 700px;}
#main .con04 .phone_img img{ display: block; margin: 0 auto; max-width: 100%; }

#main .con04 .store_btn ul li:hover a{ border-color :#fff; background-color :#fff; box-shadow: 15px 15px 25px rgba(97,68,58,0.12); }

/* con05 */
#main .con05 { padding-bottom: 50px; }
#main .con05 .in_id .p01{ text-align: center; font-size: 30px; color:#bdb9b6; font-weight: 500; margin-top: 15px; display: inline-block; cursor: pointer; }
#main .con05 .in_id { overflow: hidden; text-align: center; }
#main .con05 .news_slide{ margin-top: 100px; }
#main .con05 .news_slide .img_wrap a{ display: block; position: relative; overflow: hidden; }
#main .con05 .news_slide .img_wrap a img{ width: 100%; display: block; transition: transform .8s; }
#main .con05 .news_slide .img_wrap a:hover img{ transform: scale(1.05);}
#main .con05 .news_slide .swiper-wrapper{ height: auto; }
#main .con05 .main_tit{ position: relative; }
#main .con05 .swiper-button-prev{ width: auto; height: auto; margin-top: 0; background-size: auto; left: 90px; font-size: 20px; font-weight: 900; color:#a9856f; transition: transform .6s; }
#main .con05 .swiper-button-next{ width: auto; height: auto; margin-top: 0; background-size: auto; right: 90px; font-size: 20px; font-weight: 900; color:#a9856f; transition: transform .6s;  }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: none; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: none; }

#main .con05 .prev_next > button > .dots{ display: inline-block; }
#main .con05 .prev_next > button > .dots{ display: inline-block; margin-right: 15px; margin-left: 0; transform: translate(0,-5px);}
#main .con05 .prev_next > button > .dots2{ margin-left: 15px; margin-right: 0; }
#main .con05 .prev_next > button > .dots i{ display: block; float: left;  margin-right: 5px; border-radius: 50%; background-color: #a9856f; width: 5px; height: 5px; }
#main .con05 .prev_next > button > .dots i:last-child{ margin-right: 0; }

#main .con05 .prev_next > button > .dots2 i{
    animation: dots 2s linear infinite;
}
#main .con05 .prev_next > button > .dots2 i:nth-child(1){
    animation-delay: 0;
}
#main .con05 .prev_next > button > .dots2 i:nth-child(2){
    animation-delay: 0.3s;
}
#main .con05 .prev_next > button > .dots2 i:nth-child(3){
    animation-delay: 0.6s;
}

#main .con05 .prev_next > button > .dots1 i{
    animation: dots 2s linear infinite;
}
#main .con05 .prev_next > button > .dots1 i:nth-child(1){
    animation-delay: 0.6s;
}
#main .con05 .prev_next > button > .dots1 i:nth-child(2){
    animation-delay: 0.3s;
}
#main .con05 .prev_next > button > .dots1 i:nth-child(3){
    animation-delay: 0;
}

#main .con05 .swiper-button-prev:hover{ transform: translateX(-10px); }
#main .con05 .swiper-button-next:hover{ transform: translateX(10px); }





/* 효과 */
#main .main_tit{ overflow: hidden; }
#main .main_tit strong{ transform: translateY(100%); transition: transform 1s; }
#main .main_tit img{ display: block; margin: 0 auto; transform: translateY(100%); transition: transform 1.4s; }
#main .active .main_tit strong{ transform: translateY(0); }
#main .active .main_tit img{ transform: translateY(0); }

#main .main_tab ul li{ transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s; }
#main .active .main_tab ul li{ transform: translateY(0); opacity: 1;  }
#main .active .main_tab ul li:nth-child(1){ transition-delay: .6s; }
#main .active .main_tab ul li:nth-child(2){ transition-delay: .9s; }
#main .active .main_tab ul li:nth-child(3){ transition-delay: 1.2s; }
#main .active .main_tab ul li:nth-child(4){ transition-delay: 1.5s; }


#main .con01 .p_wrap .product .pro{ animation: pro2 3s ease-in-out infinite;}
#main .con01 .p_wrap .product .pro img{ transform: scale(.7); opacity: 0; filter: drop-shadow(13px 27px 40px rgba(137, 148, 76, 0.2)); }
#main .con01_01 .winter .p_wrap .product .fruit{right: 30%}
#main .active .con01 .p_wrap .pro img{ animation: pro 2s; animation-delay: .2s; animation-fill-mode: forwards; }
#main .con01_01 .p_wrap .product .pro{z-index: 3}

#main .con01 .p_wrap .product .leaf01 img{ transform: scale(.7); opacity: 0; }
#main .active .con01 .p_wrap .leaf01 img{ animation: pro 2s; animation-delay: .8s; animation-fill-mode: forwards; }
#main .con01 .p_wrap .product .leaf02 img{ transform: scale(.7); opacity: 0; }
#main .active .con01 .p_wrap .leaf02 img{ animation: pro 2s; animation-delay: 1s; animation-fill-mode: forwards; }


#main .con01_01 .p_wrap.product03.product03_fall .product{margin-top: 70px;}
#main .con01_01 .p_wrap.product03.product03_fall .pro{transform: rotate(0); animation: pro3 3s ease-in-out infinite;;}



#main .con01 .p_wrap .product .fruit img{ transform: scale(.7); opacity: 0; drop-shadow(13px 27px 40px rgba(137, 148, 76, 0.2)); }
#main .active .con01 .p_wrap .fruit img{ animation: pro 2s; animation-delay: 1.2s; animation-fill-mode: forwards; }

#main .con01 .p_wrap .product .fruit{ animation: pro03 2s ease-in-out infinite; animation-delay: 1s; }
#main .con01_01 .p_wrap .product .fruit{ z-index: 4 }


#main .con01 .mongs .product03 .pro3{ transform: rotate(0); animation: pro3 3s ease-in-out infinite; }
#main .con01 .mongs .product04 .pro3{ transform: rotate(0); animation: pro3 3s ease-in-out infinite; }



@keyframes pro03 {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}


@keyframes pro {
    0%{
        transform: scale(.7); opacity: 0;
    }
    50%{
        transform: scale(1.05); opacity: 1;
    }
    100%{
        transform:scale(1); opacity: 1;
    }
}

@keyframes pro2 {
    0%{
        transform: rotate(15deg)
    }
    50%{
        transform: rotate(20deg)
    }
    100%{
        transform:rotate(15deg)
    }
}



#main .con01 .p_wrap .p_txt strong{ transform: translateX(50px); opacity: 0;  }
#main .con01 .p_wrap .p_txt p{ transform: translateX(50px); opacity: 0;  }


#main .active .con01 .p_wrap.on .p_txt strong{ transform: translateX(0); opacity: 1; transition: transform 1s, opacity 1s; transition-delay: .6s; }
#main .active .con01 .p_wrap.on .p_txt p{  transform: translateX(0); opacity: 1; transition: transform 1s, opacity 1s; transition-delay: .9s; }


#main .con02 .menu_w{ transform: translateY(50px); opacity: 0; transition: transform 1.4s, opacity 1s; transition-delay: 1s; }
#main .active .con02 .menu_w{ transform: translateY(0); opacity: 1; }





#main .con03 .store .left_s{ transform: translateX(-60px); opacity: 0; transition: transform 1.4s, opacity 1s; }
#main .active .con03 .store .left_s{ transform: translateX(0); opacity: 1; transition-delay: .6s;}
#main .con03 .store .right_s{ transform: translateX(-5%); opacity: 0; transition: transform 1.4s, opacity 1s; }
#main .active .con03 .store .right_s{ transform: translateX(-13%); opacity: 1; transition-delay: .6s;}

#main .con04 .store_btn ul li{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; }
#main .active .con04 .store_btn ul li{ transform: translateY(0); opacity: 1; }
#main .active .con04 .store_btn ul li:nth-child(1){ transition-delay: .6s; }
#main .active .con04 .store_btn ul li:nth-child(2){ transition-delay: .8s; }

#main .con04 .phone_img img{ transform: translateY(70px); opacity: 0; transition: transform 1.4s, opacity 1s; }
#main .active .con04 .phone_img img{ transform: translateY(0); opacity: 1; transition-delay: 1.2s; }



#main .con05 .p01{ line-height: 32px; transform: translateY(100%); transition: transform 1s; }
#main .active .con05 .p01{ transform: translateY(0); transition-delay: .4s; }
#main .con05 .inner3{ transform: translateY(70px); opacity: 0; transition: transform 1.4s, opacity 1s; }
#main .active .con05 .inner3{ transform: translateY(0); opacity: 1; transition-delay: .8s; }
#main .con01{transform: scale(0.9);padding-top: 50px}
#main .con02{transform: scale(0.9);padding-top: 50px}
#main .con04 {padding-top: 50px;}
#main .con04 .inner{transform: scale(0.9);}
#main .con03 .main_tit{transform: scale(0.9);}
#main .con05{transform: scale(0.85);}


.fp-viewing-footer #main .con05 .inner3{ transform: translateY(0); opacity: 1; transition-delay: .8s; }


.c01 .fp-tableCell{ vertical-align: top; padding-top: 50px; }
.c02 .fp-tableCell{ vertical-align: top; padding-top: 50px; }
.c04 .fp-tableCell{ vertical-align: top; padding-top: 50px; }

#main .main_tab2{margin-top: 50px;}
#main .main_tab2 ul li{ float: left; height: 69px; position: relative;  }
#main .main_tab2 ul li button{ display: block; line-height: 69px; text-align: center; font-size: 26px; font-weight: 600; color:#a57454; position: relative; z-index: 1; ;width: 100%}
#main .main_tab2 ul li.on button strong{color: #fff}
#main .main_tab2 ul li:before{ content:""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url('/img/sub/tab_bg01.png') center center no-repeat; background-size: 100% 100%; }
#main .main_tab2 ul li:nth-child(2):before{ background-image: url('/img/sub/tab_bg02.png'); }
#main .main_tab2 ul li:nth-child(2){ transform: translate(-1.5%,0);}
#main .main_tab2 ul li:nth-child(3):before{ background-image: url('/img/sub/tab_bg03.png'); }
#main .main_tab2 ul li:nth-child(4):before{ background-image: url('/img/sub/tab_bg04.png'); }
#main .main_tab2 ul li:nth-child(1) a{ padding-right: 10px; }

#main .main_tab2 ul li.on{ z-index: 1; color: #fff}
#main .main_tab2 ul li.on:after{ content:""; display: block; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; left: 12px; top: 10px; }
#main .main_tab2 ul li.on:before{ filter: drop-shadow(20px 20px 27px rgba(45,40,37,0.32)); }
#main .main_tab2 ul li.on:nth-child(1):before{ background-image: url('/img/sub/tab_bg01_on.png'); }
#main .main_tab2 ul li.on:nth-child(2):before{ background-image: url('/img/sub/tab_bg02_on.png'); }
#main .main_tab2 ul li.on:nth-child(2):after{ left: 30px; }
#main .main_tab2 ul li.on:nth-child(3):before{ background-image: url('/img/sub/tab_bg03_on.png'); }
#main .main_tab2 ul li.on:nth-child(4):before{ background-image: url('/img/sub/tab_bg04_on.png'); }
#main .main_tab2 ul li.on button{ color: #fff; }
#main .main_tab2 ul li{ width: 25%; }
#main .main_tab2 ul li:nth-child(4){ width: 24%; margin-left: 1%; }


@media (max-width: 1350px){
    #header .wrap{ padding: 0 40px; }
    #header .gnb > ul > li{ padding: 0 20px; }
    #quick{ right: 40px; bottom: 40px; }
    #quick .pop{ right: 110px; }
    #quick ul{ height: 300px; }
    .fp-viewing-home #quick ul{ height: 190px; }
    #quick ul li button{ width: 90px; height: 90px; }
    #quick ul li button strong{ font-size: 16px; }
    #quick ul li button i img{ width: 30px; }
    #quick ul li.top{ margin-top: 40px; }
    #main .main_tab ul li button strong{font-size: 24px; }
    #main .inner2{ padding: 0 40px; }
    #main .con02 .menu_w .txt_box strong{ font-size: 24px; }
    #main .con02 .menu_w .txt_box p{ font-size: 15px; }
    #main .con02 .menu_w{height: auto;}
     #main .sub_tab ul li a{ font-size: 18px; }
    #main .sub_tab ul li{ height: 50px; }
    #main .sub_tab ul li a{ line-height: 50px; }
}

@media (max-width: 1320px){
    .inner{ width: 100%; padding: 0 30px; }
    #main .main_tab ul li button svg{ width: 100%; height: auto; }
    #main .main_tit strong{ font-size: 48px; line-height: 52px; }
}

@media (max-width: 1200px){
  .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell, .fp-tableCell{height: auto !important}
}
@media (max-width: 1216px){
    #main .con02 .menu_w .product_img img{ max-width: 120px; }
    #main .con03 .store .right_s .search strong{ font-size: 42px; line-height: 60px; }
    #main .con03 .store .right_s .search p{ font-size: 20px; }
    #main .con03 .store .right_s .search .search_f input{ width: 320px; }
    #main .main_tit img{ width: 300px; }
    #main .con04 .store_btn ul li a{ padding: 8px 0; }
    #main .con04 .phone_img img{ max-width: 700px;}
    #main .con04{ height: 500px !important; }
    #main .con04 .more_b{ right: 40px; }
    #main .more_b img{ width: 90px; }
    #main .con05 .swiper-button-prev{ left: 40px; }
    #main .con05 .swiper-button-next{ right: 40px; }
    #main .con05 .in_id .p01{ font-size: 24px; }
    .main_visual{height: 100vh}
    #main{width: 100%;overflow-x: hidden;}
}

@media (max-width: 1150px){
    #main .con01 .p_wrap .product{ width: 48%; margin-right: 4%; }
    #main .con01 .p_wrap .p_txt{ width: 48%; }
    #main .con01 .p_wrap .product svg{ max-width: 100%; height: auto; }
    #main .con01 .menu_slide{ height:522px; }
}

@media (max-width: 1050px){
    #header .gnb > ul > li > a{ font-size: 18px; }
    #header .gnb > ul > li > ul li a{ font-size: 14px; }
    #header h1{ transform: translateY(2px);}
    #header h1 a img{ width: 200px; }
    #header.on h1 a:after{ background-size: 100% 100% !important; height: 11.66px}
    .fp-responsive #header h1 a:after{ background-size: 100% 100% !important; height: 11.66px}
    .fp-responsive #header{ padding-top: 32px; }
    #header{ padding-top: 32px; }
    #header.on{ padding-top: 32px; }
    #header .wrap{ padding: 0 30px; }
    #quick{ right: 30px; }
    #main .con02 .menu_w ul li{ width: 48%; margin-right: 4%; margin-bottom: 20px; }
    #main .con02 .menu_w ul li:nth-child(2n+0){ margin-right: 0; }
    #main .more_b{ margin-top: 30px; }
    #main .con04 .phone_img img{ width:580px; }
    #main .con04{ height: 805px !important; }
    #main .con04 .more_b{ bottom: 30px; }
    #main .con03 .store .right_s .search p{word-break: keep-all; line-height: 28px; }
    .fp-viewing-new #header{ padding-top: 32px; }
    .fp-viewing-menu #header{ padding-top: 32px; }
    .fp-viewing-store #header{ padding-top: 32px; }
    .fp-viewing-order #header{ padding-top: 32px; }
    .fp-viewing-news #header{ padding-top: 32px; }
}

@media (max-width: 980px){
#main .con01 .p_wrap .p_txt{ padding-top: 130px; }
#main .con01 .p_wrap .p_txt strong{ font-size: 40px; }
#main .con01 .p_wrap .p_txt p{ font-size: 18px; line-height: 36px; margin-top: 15px; }
#main .main_tab ul li button strong{ font-size: 18px; }
    #header .gnb{ display: none; }
    #quick .pop .s_wrap strong{ font-size: 20px;}
    #quick .pop .s_wrap .s_input{ font-size: 15px; }
    #quick .pop .s_wrap .s_sel{ font-size: 15px; }
    #quick .pop .go_btn a{ height: 62px; font-size: 18px; line-height: 62px; }
    #quick .pop.widget ul li a .txt{ height: 62px; font-size: 18px; line-height: 62px; }
    #quick .pop.widget ul li a .txt >*{ font-size: 18px }
    #main .con03 .store .left_s{ width: 30%; }
    #main .con03 .store .right_s{ width: 70%; }
    #header .all_menu_b{ display: block; }
    #main .con01 .p_wrap .pro img{ width: 220px; }
    #main .con01 .p_wrap .pro1 img{ width: 190px; }
    #main .con01 .product01 .fruit img{ width: 140px; }
    #main .con01 .p_wrap .leaf01 img{ width: 100px; }
    #main .con01 .p_wrap .leaf02 img{ width: 120px; }
    #main .con01 .product02 .fruit img{ width: 140px; }
    #main .con01 .product03 .fruit img{ width: 160px; }
    #main .con01_01 .product03 .fruit img{ width: 130px; }
    #main .con01_01 .product03 .leaf01 img{ width: 140px; }

	#main .con01_01 .p_wrap.product03.product03_fall .product{padding-top: 90px}
    #quick .pop.widget ul li a .img img{height: 50px;}
    #quick .pop.widget ul li a .img{height: 65px;}
	#main .con01 .p_wrap .product .water01 img{ width: 120px; }
	#main .con01 .p_wrap .product .leaf04{ left: 43%; }
	#main .con01 .p_wrap .product .leaf05 img{ width: 30px; }
	#main .con01 .p_wrap .product .leaf03 img{ width: 60px; }
	#main .con01 .p_wrap .product .leaf04 img{ width: 50px; }
	#main .con01 .product01 .product .leaf04 img{ width: 30px; }
}

@media (max-width: 900px){
    #footer .f_left{ margin-right: 30px; }
    #ft .f_left{ margin-right: 30px; }
}


@media (max-width: 850px){
  #main .con04 .phone_img{height: auto}
  .c04 .fp-tableCell{padding-top: 0}
  #main .con03 .store .bg_wrap img{display: block;}
    .main_visual .box ul li strong{ font-size: 34px; line-height: 38px; }
    .main_visual .box ul li{ margin-right: 20px; }
    #main .con01 .p_wrap .p_txt strong{font-size: 32px; }
    #main .con01 .menu_slide{ height: 450px; }
    #main .con01{ background-position: center bottom; }
    #main .con_w{ padding-top: 70px; }
    #main .main_tit strong{ font-size: 36px; line-height: 40px; }
    #main .main_tab{ margin-top: 30px; }
    #main .con02 .menu_w .txt_box strong{ font-size: 20px; }
    #main .con02 .menu_w .txt_box p{ font-size: 13px; letter-spacing: -0.025em; }
    #main .con02 .menu_w .txt_box{ padding-top: 80px; padding-bottom: 35px; }
    #main .con03 .store .bg_wrap img{ height: 500px; }
    #main .con03 .store .right_s .search{ left: 118px; top: 80px; }
    #main .con03 .store .right_s .search strong{ font-size: 30px; line-height: 48px; }
    #main .con03 .store .right_s .search p{ font-size: 16px; line-height: 26px; margin-top: 10px; }
    #main .con03 .store .right_s .search .search_f{ margin-top: 20px; }
    #main .con03 .store .right_s .search .search_f input{ width: 300px; font-size: 16px; height: 42px; }
    #main .con03 .store .right_s .search .search_f .search_icon{ width: 18px; height: 18px; background-size: 100% 100%; right: 18px; }
    #main .con03 .store .right_s .search .search_f input{ padding-left: 15px; }
    #main .main_tit img{ width: 200px; }
    #main .con04 .store_btn ul li a img{ width: 100px; }
    /* #main .con04 .store_btn ul li{ width: 140px; } */
    #main .con04 .store_btn ul li{width: 78px}
    #main .con04 .phone_img img{ width: 400px; }
    #main .con04{ height: 468px !important; padding-top: 60px !important;}
    #main .more_b img{ width: 70px; }
    #main .more_b .dots i{ width: 4px; height: 4px; }
    #main .more_b .dots{ transform: translate(0,-5px); margin-left: 8px; }
    #main .con03 .store{ margin-top: 30px; }
    #main .con05 .news_slide { margin-top: 30px; }
    #main .con05 .in_id .p01{ font-size: 18px; line-height: 22px; }
    #main .con05 .swiper-button-prev{ font-size: 14px; }
    #main .con05 .swiper-button-next{ font-size: 14px; }
    #main .con05 .prev_next > button > .dots{ transform: translate(0,-3px); }
    #main .con05 .prev_next > button > .dots{ margin-right: 8px; }
    #main .con05 .prev_next > button > .dots2{ margin-left: 8px; }
    #main .con05 .prev_next > button > .dots i{ width: 4px; height: 4px;margin-right: 3px; }
    #footer .wrap{ width: 100%; }
    #footer .wrap .f_left{ width: 100%; float: none; margin-right: 0 ;}
    #footer .f_right{ width: 100%; float: none; margin-top: 30px; }
    #footer .f_right dl{ margin-bottom: 6px; }
    #footer .f_left .f_logo img{ width: 90px; }
    #ft .wrap{ width: 100%; }
    #ft .wrap .f_left{ width: 100%; float: none; margin-right: 0 ;}
    #ft .f_right{ width: 100%; float: none; margin-top: 30px; }
    #ft .f_right dl{ margin-bottom: 6px; }
    #ft .f_left .f_logo img{ width: 90px; }

    #main .con01 .p_wrap{ padding-bottom: 70px; }
    #main .con01 .p_wrap .p_txt p{ line-height: 28px; }
    #main .con01 .p_wrap .product{ float: none; width: 100%; margin-right: 0; padding-left: 0; }
    #main .con01 .p_wrap .product svg{ height: 400px; margin: 0 auto; display: block; transform: translate(30px);}
    #main .con01 .p_wrap .p_txt{ float: none; width: 100%; margin-right: 0; text-align: center; padding-top: 0 ;}
    #main .main_tab ul li:hover button svg{ filter: drop-shadow();; }
    #main .con01 .menu_slide{height: auto; }
    #main .con01 .p_wrap .p_txt strong{ transform: translateY(40px);  }
    #main .con01 .p_wrap .p_txt p{ transform: translateY(40px);  }
    #main .con01{transform: scale(1);}
    #main .con02{transform: scale(1);}
    #main .con04 .inner{transform: scale(1);}
    #main .con03 .main_tit{transform: scale(1);}
    #main .con05{transform: scale(1);}
    #main .con04{height: 100%}
    #main .con01 .p_wrap .product .leaf01{ left: 32%; }
    #main .con01 .p_wrap .product .leaf02{ right: 31%; }
    #main .con01 .p_wrap .p_txt{ margin-top: 60px; }
    #main .con01 .p_wrap .product .fruit{ right: 40%; }
	#main .con01_01 .p_wrap .product .fruit{right: 29%}
    .hidden_layer.all{display: block !important;}
    .hidden_layer.pc{display: none !important;}
    .hidden_layer.mo{display: block !important;}
    #main .main_tab2.main_tab ul li{width: 48.5%;margin-right: 3%;margin-bottom: 3%}
    #main .main_tab2.main_tab ul li:nth-child(2n){margin-right: 0}
    #main .main_tab2.main_tab ul li{height: auto}
    #main .main_tab.main_tab2 ul li:nth-child(3n){margin-right: 3%}
    #main .main_tab.main_tab2 ul li:nth-child(3n){margin-left: 0}
    #main .main_tab.main_tab2 ul li:nth-child(4){margin-left: 0}
    #main .main_tab2.main_tab ul li button{line-height: 44px;font-size: 14px;}
	#main .con01_01 .p_wrap .product .leaf01{right: 22%}
	#main .con01_01 .p_wrap.product03.product03_fall .product{width: 400px;margin: 0 auto}
	#main .con01_01 .p_wrap.product03.product03_fall .product{padding-top: 10px}

}

@media (max-width: 1600px){
    #main .con04:before{ top: 80%; }
}

@media (max-width: 640px){
    .main_visual .box ul li strong{ font-size: 24px; }
    .main_visual .box ul li{ margin-right: 12px; }
    .main_visual .thum_box ul li{ width: 12px; height: 10px; margin-right: 10px; }
    .main_visual .thum_box ul li.on{ width: 28px; }
    .main_visual .thum_box ul li span{ border-radius: 0 5px 0 5px; }
    .main_visual .thum_box{ bottom: 40px;  }
    #quick ul li button{ width: 70px; height: 70px; border-radius: 12px ;}
    #quick ul li button strong{ font-size: 14px; }
    #quick ul li button i img{ width: 24px;  }
    #quick ul li.top{ margin-top: 30px; }

    #quick ul{ height: 250px; }
    .fp-viewing-home #quick ul{ height: 150px; }

    #footer .f_right address{ font-size: 13px; line-height: 22px; }
    #ft .f_right address{ font-size: 13px; line-height: 22px; }
    #main .main_tab ul li button strong{ font-size: 14px; }
    #main .main_tab ul li button svg{ height: 42px; }
    .inner{ padding: 0 20px; }
    #main .main_tit strong{  font-size: 30px; }
    #main .con05 .in_id .p01{ font-size: 16px; margin-top: 8px;  }
    #main .con05 .swiper-button-prev { left: 20px; }
    #main .con05 .swiper-button-next{ right: 20px; }
    #quick{ right: 20px; bottom: 20px; }
    #main .inner2{ padding: 0 20px; }
    #main .con02 .menu_w .product_img img{ width: 150px; max-width: 150px}
    #main .con02 .menu_list{ margin-top: 30px; }
    #main .con04{padding-top: 85px}
    #main .con04 .inner{height: 100%}
    #main .con04 .phone_img{position: absolute;bottom: -80px}
    #main .con01 .p_wrap .pro img{ width: 170px;  }
	#main .con01 .winter .p_wrap .product .pro1{left: 17%}
    #main .con01 .p_wrap .pro1 img{ width: 140px;  }
    #main .con01 .product01 .fruit img{ width: 100px; }
    #main .con01 .p_wrap .leaf01 img{ width: 80px; }
    #main .con01 .p_wrap .leaf02 img{ width: 100px; }
    #main .con01 .product02 .fruit img{ width: 100px; }
    #main .con01 .product03 .fruit img{width: 120px; }
    #main .con01 .product04 .fruit img{width: 120px; }
    #main .con04 .phone_img{left: 50%;transform: translateX(-50%);}
    /* 효과 */
    #main .main_tit{ overflow: hidden; }
    #main .main_tit strong{ transform: translateY(100%); transition: transform 1s; }
    #main .main_tit img{ display: block; margin: 0 auto; transform: translateY(100%); transition: transform 1.4s; }
    #main  .main_tit strong{ transform: translateY(0); }
    #main  .main_tit img{ transform: translateY(0); }

    #main .main_tab ul li{ transform: translateY(30px); opacity: 0; transition: transform 1s, opacity 1s; }
    #main  .main_tab ul li{ transform: translateY(0); opacity: 1;  }
    #main  .main_tab ul li:nth-child(1){ transition-delay: .6s; }
    #main  .main_tab ul li:nth-child(2){ transition-delay: .9s; }
    #main  .main_tab ul li:nth-child(3){ transition-delay: 1.2s; }
    #main .con01 .p_wrap .pro img{ animation: pro 2s; animation-delay: .5s; animation-fill-mode: forwards; }


    #main .con01 .p_wrap .product{ transform: translateY(50px); opacity: 0; transition: transform 1.2s, opacity 1s; }
    #main .con01 .p_wrap .product{ transform: translateY(0); opacity: 1; }
    #main .con01 .p_wrap .p_txt strong{ transform: translateX(50px); opacity: 0; transition: transform 1s, opacity 1s; }
    #main .con01 .p_wrap .p_txt p{ transform: translateX(50px); opacity: 0; transition: transform 1s, opacity 1s; }
    #main .con01 .p_wrap .p_txt strong{  transform: translateX(0); opacity: 1; transition-delay: .4s; }
    #main .con01 .p_wrap .p_txt p{  transform: translateX(0); opacity: 1; transition-delay: .6s; }

    #main .con02 .menu_w{ transform: translateY(50px); opacity: 0; transition: transform 1.4s, opacity 1s; }
    #main .con02 .menu_w.on{ transform: translateY(0); opacity: 1; }

    #main .con03 .store .left_s{ transform: translateX(-60px); opacity: 0; transition: transform 1.4s, opacity 1s; }
    #main .con03 .store .left_s{ transform: translateX(0); opacity: 1; transition-delay: .6s;}
    #main .con03 .store .right_s{ transform: translateX(-5%); opacity: 0; transition: transform 1.4s, opacity 1s; }
    #main .con03 .store .right_s{ transform: translateX(-13%); opacity: 1; transition-delay: .6s;}

    #main .con04 .store_btn ul li{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; }
    #main .con04 .store_btn ul li{ transform: translateY(0); opacity: 1; }
    #main .con04 .store_btn ul li:nth-child(1){ transition-delay: .6s; }
    #main .con04 .store_btn ul li:nth-child(2){ transition-delay: .8s; }

    #main .con04 .phone_img img{ transform: translateY(70px); opacity: 0; transition: transform 1.4s, opacity 1s; }
    #main .con04 .phone_img img{ transform: translateY(0); opacity: 1; transition-delay: 1.2s; }



    #main .con05 .p01{ line-height: 32px; transform: translateY(100%); transition: transform 1s; }
    #main .con05 .p01{ transform: translateY(0); transition-delay: .4s; }
    #main .con05 .inner3{ transform: translateY(70px); opacity: 0; transition: transform 1.4s, opacity 1s; }
    #main .con05 .inner3{ transform: translateY(0); opacity: 1; transition-delay: .8s; }
    #main .con02 .menu_w{transform: translateY(0); opacity: 1; transition-delay: .8s; }
    body{overflow: scroll !important;}
    .main_visual{height: 650px;}
    .main_visual .main_slider .slide_box > div{position: absolute;;}
    .main_visual .main_slider .slide_box > div:nth-child(1){position: relative;}
    .main_visual{height: auto}
    .main_visual #videobcg, .main_visual .main_slider .slide_box .main_img{height: auto}
    .main_visual #videobcg{transform: none}
    .main_visual #videobcg{position: static;}
    #quick.on ul li.top{opacity: 1}
    #quick ul li.top > button{width: 50px;height: 50px;}

}
@media (max-width: 540px){
            #main .main_tab ul li button strong i{display: block}

    .main_visual .main_slider .slide_box .main_img img{ position: relative; top: 0; left: 0; transform: translate(0,0);}
    #main .con03 .store .right_s .search strong{ font-size: 24px; line-height:36px; }
    #main .con03 .store .left_s{ display: none; }
    #main .con03 .store .right_s{ width: 100%; }
    #main .con03.on .store .right_s{ transform: translateX(-18%); }
    #main .con03 .store .right_s .search{ left: 115px; }
    #main .con03 .store .bg_wrap img{ height: 410px; }
    #main .con03 .store .right_s .search{ top: 68px; }
    #main .con04 .phone_img img{ width: 300px; }
    /* #main .con04{ height: 500px; } */
    #footer .f_right dl dt{ font-size: 12px; line-height: 14px; width: 162px; }
    #footer .f_right dl dd{ font-size: 14px; line-height: 14px; }
    #footer .f_right address{ font-size: 12px; line-height: 20px; }
    #ft .f_right address{ font-size: 12px; line-height: 20px; }
    #footer .f_right .copy{ font-size: 12px; margin-top: 15px; }
    #ft .f_right .copy{ font-size: 12px; margin-top: 15px; }
    #footer .wrap{ padding: 45px 0; }

    #ft .f_right dl dt{ font-size: 12px; line-height: 14px; width: 162px; }
    #ft .f_right dl dd{ font-size: 14px; line-height: 14px; }
    #ft .f_right address{ font-size: 12px; line-height: 20px; }
    #ft .f_right .copy{ font-size: 12px; margin-top: 15px; }
    #ft .wrap{ padding: 45px 0; }
    #main .main_tab{ margin-top: 15px; }
    #main .con01 .p_wrap .p_txt strong{ font-size: 24px; }
    #main .con01 .p_wrap .p_txt p{ font-size: 15px; line-height: 27px; }
    #main .con02 .menu_w .txt_box strong{ font-size: 17px; }
    #main .con02 .menu_w .txt_box p{ font-size: 12px; margin-top: 5px; }
    #main .con04 .more_b{ bottom: 20px; right: 20px; }
    #main .con04 .more_b img{ width: 60px; }
    #main .more_b .dots i{ margin-right: 3px;}
    #main .con05 .in_id .p01{ font-size: 14px; line-height: 16px; }
    #main .con05 .prev_next{ display: none; }
    #main .main_tit img{ width: 160px; }
    #header .wrap{ padding: 0 20px; }
    #header h1 a img{ width: 160px; }
    #header{ padding-top: 20px; height: 56px; }
    #header.on{ padding-top: 20px; }

    .fp-responsive #header{ padding-top: 20px; }

    .fp-viewing-new #header{ padding-top: 20px; }
    .fp-viewing-menu #header{ padding-top: 20px; }
    .fp-viewing-store #header{ padding-top: 20px; }
    .fp-viewing-order #header{ padding-top: 20px; }
    .fp-viewing-news #header{ padding-top: 20px; }

    #main .con04 .store_btn ul li{ width: 100px; }
    #main .con04 .store_btn ul li a img{ width: auto; max-width: 85%; margin: 0 auto; }

    #main .con01 .p_wrap .product svg{ height: 280px; }
    #main .con02 .menu_w ul li{ width: 100%; margin-right: 0; }
    /* #main .con04{ height: 440px; } */
    #main .con04:before{ width: 100%; }
    #main .con04 .store_btn{ margin-top: 20px; }
    #main .main_tab ul li{ width: 31.3333%; margin-right: 3%; }
    #main .main_tab ul li:nth-child(3){ margin-right: 0; }
    #main .main_tab ul li svg{ display: none; }
    #main .main_tab ul li button{ background-color: #efe8e3; border-radius: 8px; height: 44px; width: 100%; }
    #main .main_tab ul li.on button{ background-color: #a57454; }
    #quick .pop{ position: fixed; z-index: 1; left: 50%; top: 50% !important; transform: translate(-50%,-50%); bottom: auto !important; }
    #main .c01{ background-position: left 40% bottom; }
    #main .inner3{ padding: 0 30px; }
    #main .con03 .store .bg_wrap img{ transform: translate(-60px,0); }
    #main .con01 .winter .p_wrap.product_spring .product .pro{left: 0}
    #main .con03 .store .right_s .search{ z-index: 1; }
    #main .con01 .p_wrap .pro img{ width: 120px; }
	#main .con01 .winter .p_wrap .pro img{width: 150px;}
	#main .con01 .winter .p_wrap.product_spring .product .pro img{width: 120px;}
	#main .con01 .winter .p_wrap .pro1 img{width: 120px;}
    #main .con01 .p_wrap .leaf01 { left: 30% !important; }
    #main .con01 .p_wrap .leaf01 img{width: 60px; }
    #main .con01 .p_wrap .leaf02 img{width: 70px; }
    #main .con01 .p_wrap .leaf02 { right: 31% !important; }
    #main .con01 .product01 .fruit img{ width: 70px; }
    #main .con01 .product02 .fruit img{ width: 70px; }
    #main .con01 .product03 .fruit img{ width: 80px; }
	#main .con01 .winter .p_wrap .p_txt{margin-top: 30px}
    #main .con01 .product04 .fruit img{ width: 80px; }
	#main .con01 .winter .p_wrap .product .pro1{left: 14%}
    .main_visual #videobcg{ height: auto; min-height: auto; width: 100%; }
    .fp-tableCell{height: auto !important}
    .main_visual{padding-top: 56px; }
    /* {height: 650px; */
    /* .main_visual #videobcg{position: relative;top: 0;left: 0;  transform: translate(0%,0%);}
    .main_visual .main_slider .slide_box > div{position: relative;} */
    #main .con_w{padding-top: 45px;}
    #main .main_tit strong{font-size: 26px;}
    #main .con01 .p_wrap{height: 500px;}
    #main .con01 .p_wrap .product .pro{height: 220px;}
    #ft .f_right address i{display: block;}
	#main .con01_01 .p_wrap .product .fruit{right: 36%}
	#main .con01_01 .p_wrap.product03.product03_fall .product{width: 240px}
	#main .con01_01 .p_wrap.product03 .pro{height: 220px}
    #main .sub_tab ul li a{ font-size: 14px; }
    #main .sub_tab ul li.on:after{ width: 5px; height: 5px; left: 6px; top: 6px;  }
    #main .sub_tab ul li{ height: 42px; }
    #main .sub_tab ul li a{ line-height: 42px; }
    #main .sub_tab ul li.on:nth-child(2):after{ left: 12px; }
    #main .main_tab2 ul li button {
        background-color: #efe8e3;
        border-radius: 8px;
        height: 44px;
        width: 100%;
        font-size: 14px;line-height: 1.5
    }
    #main .main_tab2 ul li button strong{font-size: 14px;line-height: 1.5}
/*    #main .main_tab2 ul li button strong i{display: block}*/
    #main .main_tab2 ul li:before{display: none}
    #main .main_tab2 ul li{width: 49%;margin-right: 2%}
    #main .main_tab2 ul li:nth-child(2n){margin-right: 0}
    #main .main_tab2 ul li:nth-child(4){width: 49%;margin-left: 0}
    #main .main_tab2 ul li.on button{background: #a57454}
    #main .main_tab2 ul li{height: 42px;margin-bottom: 10px}
    #main .main_tab2{margin-top: 15px;}
    #main .con01 .p_wrap .product{margin-top: 15px;}
        #main .con01 .p_wrap.product_spring .leaf01 {
        left: 29% !important;
    }
    
    #main .con01_01 .product03.p_wrap .pro3 img{ width: 240px !important; }
    #main .con01_01 .product04.p_wrap .pro3 img{ width: 240px !important; }
    #main .con01_01 .mongs .product03.p_wrap .product .fruit{ right:13% !important; }
    #main .con01_01 .mongs .product04.p_wrap .product .fruit{ right:13% !important; }
}



@media (max-width: 390px){
#main .con03 .store .right_s .search{ left: 98px; }
}

@media (max-width: 290px){
    .main_visual .box ul li strong{ font-size: 16px; }
    #main .main_tab ul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 8px; }
    #main .con01 .p_wrap .product svg{ height: 220px; }
    #main .con01 .p_wrap .product svg{
    transform: translate(16px); }
    #main .con03.on .store .right_s{ transform: translateX(-28%); }
    #main .con03 .store .right_s .search .search_f input{ width: 240px; }
    #main .con03 .store .right_s .search{ top: 51px; }
    #quick{ right: 10px; }
    #quick ul li button{ width: 60px; height: 60px; }
    #quick ul li button strong{ font-size: 12px; }
    #quick ul li button i img{ width: 20px; }

    #quick ul{ height: 220px; }
    .fp-viewing-home #quick ul{ height: 130px; }
}