/*-------------------------- 헤더 상단 시작 ---------------------------*/
#main_header{
    /*text-align: center;*/
    margin-bottom:203px;
}
#hd{
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;
    background: #ffffff;
}

#hd .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;
    margin-top:1px;
}
#hd .logo_lay li{
    margin-top:32px;
    display: inline-block;
}
#hd .logo_lay .col_left {
    float: left;
    margin-top:43px;
}
#hd .logo_lay .col_center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top:38px;
}
#hd .logo_lay .col_right {
    position: absolute;
    right: 0;
}
#hd .logo_lay .col_right a img {
    margin-right: 10px;
    float:left;
}
#hd .logo_lay .col_right #truck-wrap{
    width:245px;
    text-align: left;
}

#hd .logo_lay .col_right #truck-wrap div:first-child p{
    font-size:1.8rem;
    font-weight: 600;
    line-height: 25px;
    color:#000000;
    font-family: s-core-dream-bold;
    letter-spacing: -1.5px;
}
#hd .logo_lay .col_right #truck-wrap div:first-child p span{
    color:#007236;
    font-weight: bold;
}
#hd .logo_lay .col_right #truck-wrap div:nth-child(2) p{
    font-size:1.4rem;
    padding-top: 6px;
}

#hd .search {
    width: 370px;
    height: 45px;
    border: 2px solid #38b449;
    border-radius: 30px;
    position: relative;
}
#hd .search #search-form {
    border: 0;
    width: 87%;
    line-height: 41px;
    height: 41px;
    font-size: 1.5rem;
    letter-spacing: -1px;
}
#hd .search #search-btn {
    position: absolute;
    top: 11px;
    right: 25px;
}

#hd .ul-on-top{ /*최고 위쪽 메뉴들*/
    float:right;
}
#hd .on-top-left{
    float:left;
}
#hd .ul-on-top li a{ /*최고 위쪽 메뉴들 각개*/
    margin-left: 15px;
    font-size: 1.3rem;
}
#hd .ul-on-top li:nth-child(4) a span{
    color:#00a651;
}
/*-------------------------- 헤더 상단 종료 ------------------------*/
/*-------------------------- 헤더 상단 반응형 시작 ------------------------*/
@media (max-width: 1200px) {
    #main_header{
        margin-bottom:152px;
    }
    #hd .second-top-wrap{
        height: 110px;
    }
    .header-logo-container{
        border-bottom:1px solid #b7b7b7;
    }
    #hd .search{
        width: 325px;
    }
    #hd .search #search-form{
        margin:0;
        padding:0;
    }
    #hd .ul-on-top li{

    }
    #hd .ul-on-top li a{
        margin: 0;
        padding:0 15px;
        border-right: 1px solid #e4e4e4;
    }
    #hd .ul-on-top li:last-child a{
        border-right: 0;
    }
}
@media(max-width: 768px){
    #main_header{
        margin-bottom:102px;
    }
    #hd .on-top-left{
        display: none;
    }
    #hd .ul-on-top{
        width: 100%;
    }
    #hd .ul_hz li{
        width: 25%;
        text-align: center;
    }
    #hd .logo_lay .col_center{
        display: none;
    }
    #hd .second-top-wrap{
        height: 80px;
    }
    #hd .ul-on-top li a{
        padding:0;
        border:0;
    }
    #hd .ul-on-top li{
        position:relative;
    }
    #hd .ul-on-top li:after {
        content: '';
        border-right: 1px solid #e4e4e4;
        position: absolute;
        right: 0;
        height: 19px;
        top: 27%;

    }
    #hd .ul-on-top li:last-child:after{
        display: none;
    }
}
/*-------------------------- 헤더 상단 반응형 종료 ------------------------*/





/*---------------------------- 헤더 메뉴 시작 ------------------------------*/

#hd .container.long.line { /*메뉴 라인*/
    width:100%;
    margin-top: 30px;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    box-sizing: border-box;
    background:none;
}

#hd .header_wrap {
    margin: 0 auto;
    position: relative;
    height: 50px;
    border-right: 1px solid #ffffff;
}

#hd .hd_menu .ul_10 {
    display: inline-block;
    font-size: 0;
    text-align: left;
    width: calc(100% - 300px);
    vertical-align: top;
    margin-left: 60px;
}
#hd .hd_menu .ul_10 > li {
    padding: 0;
    display: inline-block;
    border-right: 1px solid #ffffff;
    margin-right: 60px;
    text-align: center;
}
#hd .hd_menu .ul_10>li:first-child{
    border-left: 1px solid #ffffff;
}
#hd .hd_menu .ul_10 .menu_1dp > a {
    font-size: 1.7rem;
    color: #000000;
    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;
    line-height: 50px;
    text-align: center;
}
#hd .hd_menu .ul_10 .menu_2dp a:hover{
    color:#84ba3b;
}

#hd .hd_menu #mini-icons-wrap{ /*메뉴바 장바구니 아이콘*/
    display: inline-block;
    vertical-align: text-bottom;
    float:right;
    line-height: 50px;
}
#hd .hd_menu #mini-icons-wrap .cart-top-icon{
    height: 100%;
    display: inline-block;
}
#hd .hd_menu #mini-icons-wrap .mypage-top-icon {
    display: inline-block;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;

}
#hd .hd_menu #mini-icons-wrap .cart-top-icon .cart-wrap{
    position:relative;
    border-right: 1px solid #b7b7b7;
}
#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;
}
#hd .hd_menu #mini-icons-wrap .cart-top-icon .cart-wrap img{
    width: 100%;
    height: 100%;
    padding:0 13px;
}
#hd .hd_menu #mini-icons-wrap .mypage-top-icon img{
    width: 100%;
    height: 100%;
    padding:0 13px;
}

.full_menu_wrap{
 display: inline-block;
    height: 50px;
    background:#f3f3f3;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #b7b7b7;
    border-left:  1px solid #b7b7b7;
}
#hd .full_menu_controller_icon {
    display: block;
    width: 24px;
    height: 19px;
    position: absolute;
    left: 38px;
    top: 50%;
    margin-top: -8.5px;
    margin-left: 0;
}
#hd .full_menu_controller_line {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background: #636363;
    -webkit-transition: background 300ms;
    transition: background 300ms;
}
#hd .full_menu_controller_line_01 {
    top: 0;
}
#hd .full_menu_controller_line_02 {
    top: 8px;
}
#hd .full_menu_controller_line_03 {
    bottom: 1px;
}
#hd .full_menu_wrap.moves .full_menu_controller_line_02{background: rgba(0,0,0,0);}
#hd .full_menu_wrap.moves .full_menu_controller_line_01{top: 10px;transform: rotate(45deg); transition:all ease 0.5s;}
#hd .full_menu_wrap.moves .full_menu_controller_line_03{top: 10px;transform: rotate(135deg); transition:all ease 0.5s;}
#hd .menuM10{
    display: none;
}
/*---------------------------- 헤더 메뉴 종료 ------------------------------*/
/*---------------------------- 헤더 메뉴 반응형 시작 ------------------------------*/
@media (max-width: 1200px) {
    .all_search{
        display: none;
    }
    #hd .full_menu_wrap_m.moves .full_menu_controller_line_02{background: rgba(0,0,0,0);}
    #hd .full_menu_wrap_m.moves .full_menu_controller_line_01{top: 10px;transform: rotate(45deg); transition:all ease 0.5s;}
    #hd .full_menu_wrap_m.moves .full_menu_controller_line_03{top: 10px;transform: rotate(135deg); transition:all ease 0.5s;}
    #hd .full_menu_controller_icon{
        left: initial;
        right: 19px;
        top: 69%;
    }
    #hd .full_menu_wrap{
        background:0;
        border:0;
    }


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

    .btn_menu_on{width: 100%;position: absolute;top: 151px;z-index: 6;transition: height 0.5s;display: none;height: 90vh;overflow: auto;}
    .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{
        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;border: 1px solid #000;}
    .btn_menu_on .menu_center-m .menu_1dp .menu_name{background-color: #f3f3f3; padding: 0 20px; position: relative; font-weight: bold; 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.on .menu_name{color: #0c8145;background-color: #f3f3f3;}
    .btn_menu_on .menu_center-m .menu_1dp li{border-bottom: 1px solid #cdcdcd ; border-top: 0; position: relative; width: 100%; background: #ffffff;}
    .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: #000;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: #000;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: #000;}
    .btn_menu_on .menu_center-m .menu_1dp li.on .select_icon:after{transform: rotate(45deg);background-color: #000;}
    .btn_menu_on .menu_center-m .menu_2dp_boby{display: none;padding: 10px 0;background-color: #f3f3f3;}
    .btn_menu_on .menu_center-m .menu_2dp{}
    .btn_menu_on .menu_center-m .menu_2dp li{background-color: #ffffff;}
    .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: #555555; padding: 0 20px; line-height: 30px; border: 0;}
    .btn_menu_on .menu_center-m .menu_2dp > li > a{display: block; width: 100%; background-color: #f3f3f3}
    .btn_menu_on .menu_center-m .menu_2dp > li > a:hover{color:#000;}
    .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){
    .btn_menu .btn_icon:before{
        top:9px;
    }
    .btn_menu .btn_icon:after{
        top:-9px;
    }
    .btn_menu_on .menu_center-m{
        top:0;
    }
    .btn_menu_on{
        top:101px;
    }
    #hd .second-top-wrap{
        height: 60px;
    }
    #hd .logo_lay{
        height: 60px;
    }
    #hd .logo_lay li{
        margin-top:20px;
    }
    #hd .logo_lay .col_left{
        margin-top:24px;
    }
    #hd .logo_lay .col_left a img{
        width: 115px;
    }
    .all_search{
        display: inline-block;
        float:left;
        margin-top:5px;
    }
    .btn_menu{
        float:left;
        width: 26px;
        height: 20px;
    }

}


/*---------------------------- 헤더 메뉴 반응형 종료 ------------------------------*/






/*-------------------------------------------팝업메뉴-----------------------------------------------*/


.all_menu {
    background: #fff;
    color: transparent;
    height: 190px;
    position: absolute;
    top: 202px;
    left: 50%;
    margin-left: -600px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    padding: 30px 30px 30px;
    width: 1200px;
    z-index: 10;
    border-top: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;

}
.all_menu .ul_20 .menu_1dp{
    text-align: center;
}
.all_menu .ul_20{
    padding-left: 30px;
}
.all_menu .ul_20 > li{
    vertical-align: top;
    display: inline-block;
    width: 16%;
}
.all_menu .ul_20 .menu_2dp{
    margin-top:20px;
}
.all_menu .ul_20 > li:nth-child(1) .menu_2dp > li{
    margin-left: 58px;
}
.all_menu .ul_20 > li:nth-child(2) .menu_2dp > li{
    margin-left: 52px;
}
.all_menu .ul_20 > li:nth-child(3) .menu_2dp > li{
    margin-left: 48px;
}
.all_menu .ul_20 > li:nth-child(4) .menu_2dp > li{
    margin-left: 58px;
}
.all_menu .ul_20 > li:nth-child(5) .menu_2dp > li{
    margin-left: 58px;
}
.all_menu .ul_20 > li:nth-child(6) .menu_2dp > li{
    margin-left: 58px;
}
.all_menu .ul_20 .menu_2dp > li{
    text-align: left;
}
.all_menu .ul_20 .menu_2dp > li > a{
    font-size: 1.5rem;
    color:#7d7d7d;
    line-height: 3rem;
}
.all_menu .ul_20 .menu_1dp  > a{
    font-size: 1.6rem;
    color:#555555;
}



/*---------------------------- 팝업 메뉴 종료 ------------------------------*/