html{font-size: 10px;}

/*--------------------------------------------- 헤더 시작 -------------------------------------------------*/

.container.long{
    width:100%;
    max-width: 100%;
}
#hd .col_top {
    width: 100%;
    text-align: right;
    height: 40px;
    line-height: 40px;
    background-color: #f7f7f7;
}
#hd .second-top-wrap{
    height: 80px;
}
#hd .logo_lay {
    position: relative;
    height: 80px;
    text-align: center;
}
#hd .logo_lay li{
    margin-top:32px;
    display: inline-block;
}
#hd .logo_lay .col_left {
    float: left;
}
#hd .logo_lay .col_center {
    width: 100%;
}
#hd .logo_lay .col_center a{text-align:center; width:100%; display:block;}
#hd .logo_lay .col_right {
    float: right;
    position: absolute;
    right: 0;
}
#hd .logo_lay .col_right #truck-wrap div{

}

#hd .logo_lay .col_right #truck-wrap{
    margin-left: 15px;
}
#hd .logo_lay .col_right #truck-wrap div:first-child{
    font-size:16px;
    font-weight: 600;
    line-height: 25px;
    color:#000000;
}
#hd .logo_lay .col_right #truck-wrap div:nth-child(2){
    font-size:12px;
}

#hd .search {
    width: 370px;
    height: 45px;
    border: 2px solid #6c9d37;
    border-radius: 30px;
    position: relative;
    /* display: none; */
}
#hd .search #search-form {
    border: 0;
    width: 300px;
    line-height: 41px;
    margin-left: 18px;
    padding-left: 10px;
    height: 41px;
    font-size: 15px;
}
#hd .search #search-btn {
    position: absolute;
    top: 11px;
    right: 25px;
}

#hd .container.long.line {
    width:100%;
    margin-top: 30px;
    /* border-top: 1px solid #dadada; */
    /* border-bottom: 1px solid #dadada; */
    box-sizing: border-box;
    /* background:linear-gradient(180deg, #8bc43e 50%, #84ba3b 50%); */
}

#hd .header_wrap {
    margin: 0 auto;
    position: relative;
    height: 50px;
    padding: 0;
    border-right: 1px solid #ffffff;
    margin-bottom: 20px;
}
#hd .ul-on-top{ /*최고 위쪽 메뉴들*/
    float:right;
}
#hd .ul-on-top li { /*최고 위쪽 메뉴들 각개*/
    margin-left: 29px;
    font-size: 14px;
    position:relative;
}
#hd .ul-on-top li:last-child:after{display:none;}
#hd .ul-on-top li:after{
    width:1px;
    height: 13px;
    background-color: #ccc;
    display:block;
    clear: both;
    content:"";
    top: 14px;
    position:absolute;
    right: -15px;
}
.header-logo-container.container{
    /* padding:0; */
}
.main_visual_area{max-width: 1200px;margin:0 auto;}
/*----------------- 헤더 메뉴 ----------------------*/

/*-------------- hdmenu----------------------*/
#hd .hd_menu {background: linear-gradient(180deg, #8bc43e 50%, #84ba3b 50%);box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.15);width: 1200px;margin: 0 auto;}
#hd .hd_menu:after{
    display:block;
    clear:both;content:"";
}
#hd .hd_menu .ul_10 {
    display: block;
    font-size: 0;
    width: 80%;
    text-align: center;
    float: left;
}
#hd .hd_menu .ul_10 > li {
    padding: 0;
    display: inline-block;
    border-right: 1px solid #ffffff;
    width:25%;
}
#hd .hd_menu .ul_10>li:first-child{
    border-left: 1px solid #ffffff;
}
#hd .hd_menu .ul_10 .menu_1dp {
    position: relative;
    height:50px;
}
#hd .hd_menu .ul_10 .menu_1dp > a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    line-height: 50px;
    display: block;
}
#hd .hd_menu .ul_10 .menu_2dp {
    position: absolute;
    top: 50px;
    left: -1px;
    width:calc(100% + 2px);
    background-color: #ffffff;
    z-index: 10;
    display: none;
}
#hd .hd_menu .ul_10 .menu_2dp > li{
    border-right:1px solid rgb(108, 157, 55);
    border-left:1px solid rgb(108, 157, 55);
    border-bottom:1px solid rgb(108, 157, 55);
    height: 50px;
}
#hd .hd_menu .ul_10 .menu_2dp a {
    font-size: 15px;
    color: #393939;
    padding: 0 18px;
    display: block;
    text-align: left;
    line-height: 50px;
    text-align: center;
}
#hd .hd_menu .ul_10 .menu_2dp a:hover{
    color:#84ba3b;
}

#hd .hd_menu #mini-icons-wrap{ /*메뉴바 장바구니 아이콘*/
    display: block;
    /* margin-left: 3px; */
    /* margin-bottom:21px; */
    vertical-align: text-bottom;
    width: 20%;
    float: left;
    line-height: 50px;
}
#hd .hd_menu #mini-icons-wrap .cart-top-icon .cart-wrap{
    position:relative;
    text-align: center;
    width: 100%;
}
#hd .hd_menu #mini-icons-wrap .cart-top-icon .cart-wrap p{
    color:#ffffff;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    width: 100%;
}
#hd .hd_menu #mini-icons-wrap .cart-top-icon .cart-wrap .in-to-the-img{
    position:absolute;
    top:0;
    right:5px;
    color:#59812e;
    font-weight: bold;
}
.menuM10{
    display: none;
}
.btn_menu_on {
    display: none;
}
.add-green{background-color:#84ba3b;}
.add-white{background-color:#ffffff;}


.index-content-container{
    max-width: 1200px !important;
    padding: 0px !important;
}
.index-content-container .sct_li{margin-right: 25px;width: calc(25% - 18.75px) !important;}
.index-content-container .sct_li:nth-child(4n){margin-right:0px;}

/*--------------------------------- 헤더 끝 ----------------------------------------------*/
/*--------------------------------- 헤더 반응형 ----------------------------------------------*/
@media (max-width: 1200px) {
    .index-content-container{
        padding: 0 20px !important;
    }
    .menuM10 {
        display: block;
        height: 150px;
        border-bottom:2px solid #59812e;
    }
    .menuM10 .col_right .ul_10 li {
        padding-left: 15px;
        padding-right: 15px;
        margin-top:40px;
    }
    .menuM10 .col_left{
        display: inline-block;
        margin-top:25px;
        margin-left: 20px;
    }
    .menuM10 .col_right{
        display: inline-block;
        float: right;
        /*padding-top:25px;*/
    }
    .menuM10 .select_icon{
        background-image: url("../../img/green_down_icon.png");
        background-repeat: no-repeat;
    }

    /*----------- 여기부터 버튼 메뉴 온 -----------------*/

    /*모바일메뉴*/
    .btn_menu{width: 35px;height: 30px;position: relative;display: inline-block;vertical-align: middle;cursor: pointer;}
    .btn_menu .btn_icon{width: 100%;height: 3px;background-color: #8cbf48;position: absolute;top: 50%;left: 0;margin-top: -1.5px;transition: .2s;}
    .btn_menu .btn_icon:before {top: 13px;}
    .btn_menu .btn_icon:after {top: -13px;}
    .btn_menu .btn_icon:before, .btn_menu .btn_icon:after {
        content: '';position: absolute;width: 100%;height: 3px;background-color: #8cbf48;transition: .5s;right: 0;
    }
    .btn_menu.moves .btn_icon {background: rgba(0,0,0,0);}
    .btn_menu.moves .btn_icon:before{top: 0px;transform: rotate(45deg);}
    .btn_menu.moves .btn_icon:after{top: 0px;transform: rotate(135deg);}

    .btn_menu_on{width: 100%;position: absolute;top: 150px;z-index: 9999;transition: height 0.5s;display: none;overflow: auto;height: 50vh;left: 0;}
    .btn_menu_on .menu_center{position: relative;}
    .btn_menu_on .menu_center > div{padding: 6px 0 11px 25%; overflow: hidden; position: absolute; left: 0; opacity: 0; transition: opacity 0.65s; width: 100%}
    .btn_menu_on .menu_center ul{float: left; padding-left: 30px; padding-right: 30px;}
    .btn_menu_on .menu_center ul:first-child{padding-left: 0;}
    .btn_menu_on .menu_center ul:last-child{padding-right: 0;}

    .btn_menu_on .menu_center ul li{font-size: 14px; line-height: 35px;}
    .btn_menu_on .menu_center ul li:first-child{font-size: 15px; line-height: 40px;}
    .btn_menu_on .menu_center ul:hover > li:first-child a{color: #b52228}
    .btn_menu_on .menu_center ul li a{color: #555555}
    .btn_menu_on .menu_center ul li a:hover{color: #b52228}

    .btn_menu_on .menu_center-m{
        background-color: #ffffff;
        display: none;
        transition: transform 0.5s,opacity 0.75s;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .btn_menu_on .menu_center-m.moves{
        opacity: 1; animation: down_slide .3s linear;
    }
    @keyframes down_slide {
        0%{top: -15px;}
        100%{top: 0;}
    }
    .btn_menu_on .menu_center-m .menu_1dp {color: #252525; font-size: 16px; line-height: 45px;overflow: hidden;}
    .btn_menu_on .menu_center-m .menu_1dp .menu_name{padding: 0 20px; position: relative; color: #252525;font-size: 16px;}
    .btn_menu_on .menu_center-m .menu_1dp .menu_name a{color: #555555;font-size: 15px;font-weight: bold;}
    .btn_menu_on .menu_center-m .menu_1dp li{border-bottom: 1px solid #cdcdcd;position: relative; width: 100%;text-align: left;}
    .btn_menu_on .menu_center-m .menu_1dp .select_icon{position: absolute; width: 17px; height: 8px; right: 20px; top: 50%; transform: translateY(-50%)}
    /*.btn_menu_on .menu_center-m .menu_1dp .select_icon:before{content: ""; width: 10px; height: 2px; background-color: #ffffff; position: absolute; top: 50%; transform: rotate(45deg); transition: .3s;}*/
    /*.btn_menu_on .menu_center-m .menu_1dp .select_icon:after{content: ""; width: 11px; height: 2px; background-color: #ffffff; position: absolute; top: 50%; right: 0; transform: rotate(135deg); transition: .3s;}*/
    .btn_menu_on .menu_center-m .menu_1dp li.on .select_icon:before{transform: rotate(-45deg);background-color: #ffffff;}
    .btn_menu_on .menu_center-m .menu_1dp li.on .select_icon:after{transform: rotate(45deg);background-color: #ffffff;}
    .btn_menu_on .menu_center-m .menu_1dp .li_last{padding: 0 20px;font-size: 0;}
    .btn_menu_on .menu_center-m .menu_1dp .li_last a{display: inline-block;font-size: 15px;color: #fbfbf9;margin-left: 25px;position: relative;padding-left: 12px;}
    .btn_menu_on .menu_center-m .menu_1dp .li_last a:first-child{margin-left: 0;}
    .btn_menu_on .menu_center-m .menu_1dp .li_last a img{position: absolute;top: 50%;left: 0;margin-top: -4px;}
    .btn_menu_on .menu_center-m .menu_2dp_boby{display: none;padding: 0 0 10px;}
    .btn_menu_on .menu_center-m .menu_2dp{}
    .btn_menu_on .menu_center-m .menu_2dp li{border:0}
    .btn_menu_on .menu_center-m .menu_2dp li a{font-size: 14px; color: #252525; padding: 0 30px; line-height: 30px; border: 0;}
    .btn_menu_on .menu_center-m .menu_2dp > li > a{display: block; width: 100%;}
    .btn_menu_on .menu_center-m .s_member{width: 100%}
    .btn_menu_on .menu_center-m .s_member li{
        width: 50%;
        background-color: #f5f5f5;
        border: 1px solid #d5d5d5;
        border-top: 0;
    }
    .btn_menu_on .menu_center-m .s_member li:first-child{
        border-right: 0;
    }
    .btn_menu_on .menu_center-m .s_member li a{
        width: 100%;
        text-align: center;
        display: block;
        font-size: 16px;
        color: #252525;
        line-height: 50px;
    }
}
@media(max-width: 768px){
    .index-content-container{
        padding: 0 10px !important;
    }
    .menuM10{height: 120px;}
    .menuM10 .btn_menu{width: 25px;}
    .btn_menu .btn_icon{height: 2px;}
    .btn_menu .btn_icon:before{top:10px; height: 2px;}
    .btn_menu .btn_icon:after{top:-10px; height: 2px;}
    .menuM10 .col_left{width:130px;margin-left: 10px;}
    .menuM10 .col_left a{}
    .menuM10 .col_left a img{width: 100%;}
    .btn_menu_on{top:120px;}
    .menuM10 .col_right .ul_10 li{padding-right: 10px;}
    .menuM10 .col_right .ul_10 li:first-child{margin-top:30px;}
    .menuM10 .col_right .ul_10 li:last-child{margin-top:27px;}
}




/*---------------------------------인덱스 상단 슬라이드 이미지-------------------------------------*/
.main_visual_area .slick-dots{ /*상단 슬라이더 도트*/
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 53px;
}
.main_visual_area .slick-dots li{ /*상단 슬라이더 도트*/
    display: inline-block;
}
.main_visual_area .slick-dots li button{ /*상단 슬라이더 도트*/
    display: block;
    bottom: 20px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    margin: 0 3px;
}
.main_visual_area  li.slick-active button{ /*상단 슬라이더 도트*/
    background: none;
    border: 2px solid #ffffff;
}

.main_visual_area .main_visual .mv{ /*전체 이미지 - 각개 설정해야 할수도 있음*/
    position:relative;
}
.main_visual_area .main_visual .mv div:first-child{ /*슬라이드 이미지 div */

}
.main_visual_area .main_visual .mv div:nth-child(2){ /*텍스트 묶음*/
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.main_visual_area .main_visual .mv div:nth-child(2) p:first-child{ /*농가에서 직접 재배하는*/
    font-size: 30px;
    color:#ffffff;
    line-height: 35px;
    font-family: 's-core-dream-medium';


}
.main_visual_area .main_visual .mv div:nth-child(2) p:last-child{ /*맛있고 싱싱한 단감*/
    font-size:64.5px;
    color:#ffffff;
    line-height: 89px;
    font-weight: 900;
    text-shadow: 0px 8px 10px #252525;
    font-family: 's-core-dream-heavy';
}

.main_visual_area .main_visual .mv div:nth-child(2) p:last-child span{ /*단감*/
    color:#ff7800;
}

/*----------------------- 인덱스 상단 슬라이드 반응형------------------------*/
@media(max-width: 1200px){
    .main_visual_area .main_visual .mv div:nth-child(2){
        width: 100%;
    }
}
@media(max-width: 768px){
    .main_visual_area .main_visual .mv div:nth-child(2) p:first-child{
        font-size: 4.5vw;
        margin-top:18vw;
    }
    .main_visual_area .main_visual .mv div:nth-child(2) p:last-child{
        font-size: 8vw;
        line-height: 9vw;
    }
    .main_visual_area .slick-dots{
        display: none!important;
    }

    .main_visual_area .main_visual .mv div{
        position:relative;
        width:100%;
        height: 0;
        overflow:hidden;
        padding-bottom:56.26%;
    }
    .main_visual_area .main_visual .mv div img{
        position:absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

/*-----------------------------------------베스트 프로덕트--------------------------- */
.weekly-best-title{
    font-size: 32px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 600;
}

.smt_50 li{
    width: calc(25% - 2px);
    display:inline-block;
}
.smt_50 li .sct_rank{
    display:none;
}
.smt_50 li div{
    width: 100%;
    display: block;
}
.sct_10 .sct_img a img{
    height: 280px;
    width: 280px;
}
.sct_10 .sct_txt{
    font-size: 17px;
    text-align: left;
    margin-left: 25px;
    font-weight: initial;
}
.sct_10 .sct_txt a{
    color:#000000;
}
.sct_10 .sct_cost{
    font-size: 17px;
    text-align:left;
    margin-left: 25px;
}
.sct_10 .sct_cost .pay-count{
    color:#ff6f36;
}
.sct_10 .sct_cost .pay-count-wrap{
    float: left;
    margin-right: 10px;
}
.sct_10 .sct_icon{
    margin:0;
}
.sct_10 .sct_icon span{
    font-size: 12px;
    display: inline-block;
    width: 47px;
    text-align: center;
}
.sct_10 .shop_icon_1{
    background:#6c9d37;
}
.sct_10 .shop_icon_2{
    background:#ffb128;
}
.sct_10 .shop_icon_3{
    background:#2aa974;
}
.sct_10 .shop_icon_4{
    background:#ff6528;
}
.sct_10 .shop_icon_5{
    background:#1ea1f2;
}
.sct_10 .shop_icon_soldout{
    color:#636363;
    background:0;
    border:1px solid #636363;
    box-sizing: border-box;
    line-height: 17px;
}
.sct_10 .shop_icon_6{
    background:#43641f;
}
.sct_10 .shop_icon_7{
    background:#37679d;
}
.sct_10 .shop_icon_coupon{
    background: #3f51b5;
}
.sct_10 .sct_li{
    margin-bottom:30px;
}

/*------------------------------- 베스트 프로덕트 완료 -----------------------------*/
/*--------------------------------- 베스트 프로덕트 반응형----------------------------*/
@media(max-width:1200px){
    .sct_10 .sct_icon{
        /* height: 50px; */
    }
    .sct_10 .sct_cost{
        min-height: 44px;
    }
    .sct_10 .sct_li{
        width: calc(50% - 15px) !important;
    }
    .index-content-container .sct_li {
        /* margin-right: 25px; */
        margin: 0 7.5px 15px 7.5px !important;
    }
    .sct_10 .sct_img a img{
        width:100%;
        height:auto;
    }
}
@media(max-width: 768px){
    .weekly-best-title{
        margin-top:25px;
        margin-bottom:25px;
        font-size: 18px;
    }
    .sct_10 .sct_txt{
        margin-left: 10px;
    }
    .sct_10 .sct_cost{
        margin-left: 10px;
    }
    .sct_10 .sct_txt a{
        font-size: 13px;
    }
    .sct_10 .sct_cost .pay-count-wrap{
        float:initial;
        margin-bottom:5px;
    }
    .sct_10 .sct_li{
        min-height: 270px;
        margin-bottom: 10px;
        margin: 0 5px 0px 5px !important;
        width: calc(50% - 10px) !important;
    }
    #hd .ul-on-top li{
        margin-left: 15px;
    }
    #hd .ul-on-top li:after{
        right: -8px;
    }
}


/*--------------------------------- 메인페이지 하단 지도 & 공지사항 ------------------*/
.main-bottom-content{
    overflow: hidden;
    /* margin-top:50px; */
    /* margin-bottom:50px; */
}
.main-bottom-content .bottom-left{
    float: left;
    position:relative;
    width:67%;
}
.bottom-left .bottom-bg-wrap{

}
.bottom-left .bottom-bg-wrap div{
    background-image: url('../../img/main_bottom_map.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 350px;
    background-size:cover;
}
.main-bottom-content .bottom-right{
    float: right;
    width: 32%;
}
.main-bottom-content .bottom-right .answer-question .lat{
    width: 100%;
    height: 350px;
}
.bottom-right .answer-question .lat .lat_title{
    background:#6d9d37;
}
.bottom-right .answer-question .lat .lat_title a{
    font-size: 2rem;
    color: #ffffff;
}
.bottom-right .answer-question .lat .lat_title a:after{
    display: none;
}
.bottom-right .answer-question .lat .lt_more {
    top: 0;
    right: 0;
    width: 49px;
    height: 49px;
    background-color: #5a812e;
    background-image: url("../../img/aq_cross.png");
    background-repeat: no-repeat;
    background-position: center;
}
.bottom-right .answer-question .lat .lt_more .fa {
    font: normal normal normal 14px/3 FontAwesome;
    font-size: large;
    color: #ffffff;
    display: none;
}
.lat li .new_icon{
    display: none;
}
.lat li .hot_icon{
    display: none;
}
.lat li{
    padding-right: 10px;
    line-height: 17px;
    margin-bottom:10px;
}
.lat li:before{
    top:18px;
    background:#5c0d0d;
}
.lat li a{
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;
    line-height: 30px;
    color:#252525;
}
.lat .lt_member{
    font-size: 14px;
    color:#888888;
}
.lat .lt_date{
    font-size: 14px;
    position: relative;
    float:right;
    top:0;
}
/*--------------------------------- 메인페이지 하단 지도 & 공지사항 종료 ------------------*/
/*--------------------------------- 메인페이지 하단 지도 & 공지사항 반응형 시작 ------------------*/
@media(max-width: 768px){

}


/*--------------------------------- 메인페이지 하단 지도 & 공지사항 반응형 종료 ------------------*/


/*-------------------------- 하단 맵 안쪽 텍스트 ------------------------*/
.main-bottom-content .bottom-left .bottom-map-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 450px;
}
.bottom-left .bottom-map-text div:first-child span{
    font-size: 19px;
    color:#ffffff;
    line-height: 80px;
    text-decoration: none;
    border-bottom:1px solid #ffffff;
    padding-bottom:5px;
}
.bottom-left .bottom-map-text p:nth-child(2){
    font-size: 20px;
    line-height: 30px;
    color:#ffffff;
}
.bottom-left .bottom-map-text p:nth-child(3){
    font-size: 20px;
    line-height: 30px;
    color:#ffffff;
}


/*-------------------------- 하단 맵 안쪽 텍스트 종료 ------------------------*/

/*-------------------------- 하단 맵 안쪽 크로스 ------------------------*/
.bottom-left .bottom-link-cross{
    position: absolute;
    top:0;
    right: 0;
}
.bottom-left .bottom-link-cross img{
    width: 49px;
    height: 49px;
}

/*-------------------------- 하단 맵 안쪽 크로스 종료 ------------------------*/
/*----------------------------- 하단 쪽 반응형 ---------------------------*/
@media(max-width: 1200px){
    .main-bottom-content .bottom-left{
        width:100%;
    }
    .main-bottom-content .bottom-right{
        margin-top:20px;
        width: 100%;
    }
    .main-bottom-content .bottom-right .answer-question .lat{
        height: 210px;
    }
    .bottom-left .bottom-map-text{
        overflow: hidden;
    }
}
@media(max-width: 768px){
    .main-bottom-content .bottom-left .bottom-map-text{
        width:85%;
        margin-top: -11px;
    }
    .main-bottom-content .bottom-left .bottom-map-text p{
        word-break: keep-all;
        font-size: calc(10px + 1.5vw);
        line-height: 6.5vw;
    }
    .bottom-left .bottom-bg-wrap div{
        height: 58vw;
    }
    .bottom-left .bottom-map-text div:first-child span{
        font-size: 5vw;
        line-height: 80px;
    }

}




/*----------------------------- 하단 맵 공지사항 반응형 종료 ---------------------------*/


/*--------------------------- 푸터 상단 --------------------------------------*/
.ft-container-long{
    /* background-color: #5a812e; */
}
.ft-container-long .ft-container-normal{
    /* background-color: #5a812e; */
    height: 230px;
}
#ft-top{
    /* background-color: #5a812e; */
    margin-bottom:0;
    display: table;
    width: 100%;
    padding-top: 10px;
}
#ft-top > div{
    /* padding-top:20px; */
    /* padding-bottom:20px; */
}
#ft-top>div:nth-child(1){ /*첫번째 블록*/
    /* display: table-cell; */
    /* background-color: #5a812e; */
    width: 33.3333333%;
}
#ft-top>div:nth-child(1) div{
    /* margin:0 auto; */
    /* display: table; */
}
#ft-top div p:nth-child(1){
    font-family: s-core-dream-medium;
    color: #59812e;
    font-size: 20px;
    line-height: 50px;
}
#ft-top div p:nth-child(1) img{position:relative; top:-1.5px}
#ft-top>div:nth-child(1) p:nth-child(2){ /*전화번호 큰부분*/
    /* color:#ffffff; */
    font-size: 29px;
    font-weight: 600;
    font-family: s-core-dream-bold;
    letter-spacing: -1px;
}
#ft-top>div:nth-child(1) p:nth-child(3){ /*전화번호 큰부분*/
    /* color:#ffffff; */
    font-size: 26.5px;
    font-weight: 600;
    font-family: s-core-dream-bold;
    margin-top: 9px;
    letter-spacing: -1px;
}
#ft-top .col1 .fax{
    font-size: 20px;
    font-family: s-core-dream-bold;
    margin-top: 11px;
    color:#3f3f3f;
    letter-spacing: -1px;
}


#ft-top>div:nth-child(1) p:nth-child(3){ /*전화번호 작은부분*/
    /* color:#ffffff; */
    /* font-size: 16px; */
    /* line-height: 40px; */
}

#ft-top>div:nth-child(2){ /*두번째 블록*/
    /* display: table-cell; */
    /* background-color: #5a812e; */
    /* border-right: 1px solid #ffffff; */
    border-left: 1px solid #ffffff;
    width: 33.3333333%;
}
#ft-top>div:nth-child(2)>div{
    /* display: table; */
    /* margin:0 auto; */
}
#ft-top>div:nth-child(2)>div>div:nth-child(1){
    /*background-color: red;*/
} /*무통장 입금안내 블록*/
#ft-top>div:nth-child(2)>div>div:nth-child(2){
    /*background-color: gray;*/
} /*계좌번호 블록*/
#ft-top>div:nth-child(2)>div>div:nth-child(3){
    /*background-color: blue;*/
} /*예금주 블록*/
#ft-top>div:nth-child(2)>div>div:nth-child(1) p{
    font-family: s-core-dream-medium;
    line-height: 50px;
    font-size: 20px;
    /* color:#ffffff; */
} /*무통장 텍스트*/
#ft-top>div:nth-child(2)>div>div:nth-child(2) p{
    font-family: s-core-dream-bold;
    font-size: 20.5px;
    color: #222;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.5;
} /*계좌번호 텍스트*/
#ft-top>div:nth-child(2)>div>div:nth-child(3) p{
    line-height: 40px;
    font-size: 16px;
    color: #222;
    font-family: 'Noto Sans KR';
    font-weight: bold;
} /*예금주 텍스트*/

#ft-top>div:nth-child(3){ /*세번째 블록*/
    /* display: table-cell; */
    /* background-color: #5a812e; */
    /* width: 20%; */
}
#ft-top > div:nth-child(3)>div{
    /* display:table; */
    /* margin:0 auto; */
}
#ft-top>div:nth-child(3) p{
    font-family: s-core-dream-medium;
    /* color:#ffffff; */
    font-size: 20px;
    line-height: 50px;
} /*택배조회*/
#ft-top>div:nth-child(3)>div>a>div{
    height: 57px;
    line-height: 57px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #59812e;
    border-radius: 10px;
    color: #59812e;
    width: 146px;
    text-align: center;
    font-size: 14px;
} /*한진택배*/
#ft-top>div:nth-child(3)>div>a>div i{font-style:normal;margin-left: 50px;}
#ft-top .col{
    background: #f8f8f8;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 33.3333333%;
    float: left;
    padding: 15px 30px;
    position: relative;
    height: 193px;
    border-top: 1px solid #ccc;
}
#ft-top .col span{position:absolute;right: 30px;bottom: 45px;}
#ft-top .col1{
    border-left: 1px solid #ccc;
}
#ft-top .col2{}
#ft-top .col3 .txt{
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 15px;
}




@media(max-width: 1200px){
    #ft-top{padding-top:0px;}
    #ft-top>div:nth-child(2)>div>div:nth-child(2) p{
        font-size: 18.5px;
    }
    #ft-top>div:nth-child(1) p:nth-child(2){
        font-size: 27px;
    }
    #ft-top>div:nth-child(1) p:nth-child(3){
        font-size: 25px;
    }
}
@media(max-width: 1100px){
    #ft-top .col span{display:none;}
}

/*--------------------------- 푸터 상단 종료 --------------------------------------*/
/*----------------------------- 푸터 상단 반응형 -------------------------------------*/
@media(max-width: 850px){
    #ft-top .col{height:auto;padding: 15px 20px;padding-bottom: 28px;}
    .footer{border-top: 0px !important;}
    #ft-top .col span{display:block;}
    .ft-container-long .ft-container-normal{
        height: initial;
    }
    #ft-top{display: block;}
    #ft-top .col1{border-left:0px;border-right:0px;}
    #ft-top .col3{border-left:0px; border-right:0px;}
    #ft-top>div:nth-child(1){display: block;width: 100%;border-bottom: 1px solid #8ba76d;/* padding-bottom: 33px; */}
    #ft-top>div:nth-child(2){display: block; width: 100%; border:none;}
    #ft-top>div:nth-child(3){display: block; width: 100%; border-top: 1px solid #8ba76d;}
    /*첫번째 블록 */
    #ft-top>div:nth-child(1) div{margin:0;}


    #ft-top>div:nth-child(1) p:nth-child(2){
        font-size: 24px;
    }
    #ft-top .col1 .fax{font-size:18px;margin-top: 16px;}
    #ft-top>div:nth-child(1) p:nth-child(3){
        font-size: 22px;
    }
    /*두번째 블록*/
    #ft-top>div:nth-child(2)>div>div:nth-child(1) p{
        font-size: 20px;

    }
    #ft-top>div:nth-child(2)>div>div:nth-child(2) p{
        line-height: 23px;
        font-size: 18px;
    }
    #ft-top>div:nth-child(2)>div{
        margin:0;
    }
    #ft-top > div:nth-child(3)>div{
        margin:0;
    }
    #ft-top{
        padding-bottom:40px;
        /* padding-top:20px; */
    }
    #ft-top .col span{bottom:30px; right:20px;}
    #ft-top .col span img{width:60px;}
    #ft-top>div:nth-child(3)>div>a>div{
        width: 120px;
        height: 48px;
        line-height: 48px;
    }
    #ft-top>div:nth-child(3)>div>a>div i{
        margin-left: 23px;
    }
}




/*--------------------------------- 푸터 사이드바 -------------------------------------*/
#top_btn{display: none;}

.quick{
    position: absolute;
    right: 0;
    top:460px;
    background: #6d9d37;
    width: 80px;
    text-align: center;
    z-index: 9999;
    display: inline-block;
}

.no_product_img_up{
    background-image:url("../../img/normal_arrow_up.png");
    height: 20px;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
}
.no_product_img_down{
    background-image:url("../../img/normal_arrow_down.png");
    height: 10px;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
}

/*우측 플로팅 메뉴*/
.quick ul{}
.quick li{}
.right-float-selector {
    border-bottom: 1px solid #ffffff;
}
.quick li:first-child a{padding:0;}
.quick li a{padding: 17px 0;display:block;}
.quick li span{
    cursor: pointer;padding-top:20px;  display:block;
}
.quick li .img{}
.quick li .txt{
    color: #fff;
    margin-top: 10px;
    font-size: 13px;
}

.quick .today-view{
    padding-top:20px;
    padding-bottom:10px;
    font-family: 'Malgun Gothic', dotum, sans-serif;
}
.quick .today-view-count{
    font-size: 1.3rem;
    color:#ffffff;
    font-weight: 200;
}
.quick .today-view-title{
    font-size: 1.3rem;
    color:#ffffff;
    font-weight: 200;
}

.quick .prd_img{
    margin-top:5px;
    margin-bottom:5px;
}
.quick li span{
    padding-top:20px;
}
.quick #stv_pg{
    color:#ffffff;
    font-weight: 200;
    padding-top:0;
}
.quick .txt{
    font-weight: 200;
}
.li_empty{
    height: 140px;
    line-height: 105px;
    font-size: 13px;
    background-color: #ffffff;
    vertical-align: middle;
    border-right:1px solid #6d9d37;
    border-left:1px solid #6d9d37;
}

#top_button{
    padding-top:5px;
    padding-bottom:5px;
}
.quick #up{
    position:relative;
    background: url(/theme/basic/img/normal_arrow_up.png) no-repeat 50% 50%;
    border:none;
}
.quick #down{
    position:relative;
    background: url(/theme/basic/img/normal_arrow_down.png) no-repeat 50% 50%;
    border:none;
}
.quick #stv_ul{
    background-color:#ffffff;
    border-left: 1px solid #6d9d37;
    border-right: 1px solid #6d9d37;
    padding-top:10px;
    padding-bottom:10px;
}

/*--------- 오늘 본 상품 종료 ----------*/

/*---------------------- 푸터 사이드바 반응형 -------------------*/
@media(max-width: 1200px){
    .quick{
        display: none;
    }
}




/*------------------------------- 푸터 최하단 -------------------------------------*/

.footer{border-top:1px solid #dfdfdf;margin-top: 10px;}

.ft-bottom-container{
    height:210px;
}


.terms-wrap{
    margin-top:17px;
    margin-bottom:10px;
}
.terms-wrap div{
    display: inline-block;
    margin-right: 25px;
}
.terms-wrap div a{
    line-height: 50px;
}
.terms-wrap .privacy-div a{ /*개인정보 텍스트*/
    font-size:14px;
    color:#6c9d37;
}
.terms-wrap .provision-div a{
    font-size:14px;
    color:#6c9d37;
    font-weight: 800;
}
#ft-bottom .under-info .under-info-main{
    font-size: 15px;
}
#ft-bottom .under-info{
    display: inline-block;
}
#ft-bottom  .under-logo{
    display: inline-block;
    vertical-align: top;
    float: right;
}
#ft-bottom .under-info .under-info-main span{
    line-height: 23px;
    margin-right: 10px;
    color:#6b6b6b;
}
#ft-bottom .under-info .under-info-main .info-title{
    font-weight: 600;
}
#ft-bottom .under-info .under-info-copyright{
    font-size: 15px;
    line-height: 45px;
    color:#6b6b6b;
}
/*푸터 최하단 반응형 1200*/
@media(max-width: 1200px){
    #ft-bottom .under-info .under-info-main span{
        margin-right: 6px;
    }
    #ft-bottom .under-logo{
        margin-top:-40px;
    }

}
@media(max-width: 768px){
    #ft-bottom .under-info .under-info-main{
        font-size: 12px;
    }
    #ft-bottom .under-info .under-info-copyright{
        font-size: 13px;
    }

}
/*약관*/
.agree_content_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 99999;display: none;}
.agree_content{
    position: fixed;width: 90%;max-width: 1200px;top:50%; left:50%;background-color: #f5f5f5;padding: 50px;
    box-shadow: 5px 5px 10px;display: none;z-index: 999999;height: 80vh;margin-top: calc(80vh / 2 * -1);margin-left: -600px;
}
.agree_content .block{height: 100%;}
.agree_content .icon_img{margin-right: 10px;vertical-align: sub;}
.agree_content .close_btn{float: right;}

.agree_content .row_10{font-size: 25px;color: #252525;margin-bottom: 35px;}
.agree_content .row_20{border: 1px solid #b7b7b7;background-color: #ffffff;padding: 30px;font-size: 15px;line-height: 24px;overflow-y: scroll;color: #252525;height: calc(100% - 64px)}

@media (max-width: 1200px) {
    .agree_content{margin-left: calc(90% / 2 * -1);}
}

@media (max-width: 768px) {
    .terms-wrap div{margin-top:15px;}
    .agree_content{padding: 20px;}
    .agree_content .row_10{font-size: 18px;margin-bottom: 15px;}
    .agree_content .icon_img,
    .agree_content .close_btn img{height: 20px;}
    .agree_content .row_20{height: calc(100% - 36px);padding: 10px;font-size: 13px;line-height: 20px;}
}