/* 공통 :s */
@media (max-width: 1399px) {
    .inner {
        width: auto;
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (max-width: 767px) {
    .inner {
        width: auto;
           margin-left: 20px;
           margin-right: 20px;
    }
}
/* 공통 :e */

 

/* header :s */
@media (max-width: 1399px) {
    #header .h_inner {
        margin: 0 40px;
    }
    #header button.plain {
        display: block;
    }
    #header .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
    }
    #header .gbox {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        right: 15%;
        background-color: #fff;
        height: 100vh;
        transform: translateX(-100%);
        transition: all 0.3s;
        z-index: 9999;
        overflow: auto;
    }
    #header .gbox.open {
        transform: translateX(0);
    }
    #header .gnb_mask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 999;
        background-color: #000;
        opacity: 0.6;
    }
    #header .gnb_mask.open {
        display: block;
    }
    #header .m_gnb {
        display: block;
    }

    .mv_wrap .item {
        height: calc(100vw * (750/640)) !important;
    }
    #header .d1 {
        display: block;
        padding: 25px 20px;
        border-top: 10px solid #ebebeb;
    }
    #header .d1tit {
        display: block;
        padding: 15px 0;
        color: #000;
        line-height: 1.5rem;
        background-image: url(/images/arw01.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 16px;
    }
    #header .d2 li:first-child {
        padding-top: 0;
        border-top: 0;
    }
    #header .d1 > li.active .d1tit {
        background-image: url(/images/arw02.png);
    }

    #header .d2 {
        position: static;
        display: none;
        min-width: auto;
        height: auto;
        box-shadow: none;
        transition: all 0.2s;
    }
    #header .d2tit {
        padding: 0;
        line-height: 35px;
        font-size: 18px;
        color: #666;
    }
    #header .close_btn {
        text-align: end;
    }
    #header .close_btn img {
        width: 20px;
        height: 20px;
    }
}


@media (max-width: 767px) {
    #header {
        height: calc(100vw * (80/640));
    }
    #header .h_inner {
        height: calc(100vw * (80/640));
        margin: 0 20px;
    }
    #header .btn_gnb {
        width: calc(100vw * (34/640));
    }

    #header .logo a {
        display: inline-block;
        width: calc(100vw * (152/640));
        height: 100%;
    }
    #header button.plain {
        width: calc(100vw * (34/640));
    }
    #header button.plain img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #header .snb1 li {
        width: 100%;
        height: 100%;
        margin-left: calc(100vw * (25/640)) !important;
    }
    #header .login_box {
        height: auto !important;
    }
    #header .search_click {
        height: 21px !important;
    }
    
    #header .login_box_sub_box {
        margin-top: calc(100vw * (20/640));
    }
    #header .login_box_sub_box a {
        margin: calc(100vw * (5/640)) 0;
        padding: 0 calc(100vw * (25/640));
        font-size: calc(100vw * (14/640));
        line-height: calc(100vw * (30/640));
    }
    
    #header .login_box_sub_box li {
        margin-left: 0;
    }
    #header .d1tit {
        padding: 12px 0;
        font-size: 18px;
        background-size: 14px !important;
    }
}
/* header :e */


/* footer :s */
@media (max-width: 767px) {
    #footer .footer_alt_box {
        display: block;
    }
    #footer .right_box .customer {
        margin-top: 40px;
    }
}

/* footer :e */





/*****************************************************/
/* index :s */

@media (max-width: 1399px) {
    /* mv_wrap :s */
    .mv_wrap .item .tit_box {
        margin: 0 calc(100vw * (250/1400));
    }
    .mv_wrap .item .tit_box .sub_tit {
        margin-bottom: calc(100vw * (35/640));
        font-size: calc(100vw * (24/640));
    }
    .mv_wrap .item .tit_box .tit {
        margin-bottom: calc(100vw * (70/1400));
        font-size: calc(100vw * (70/1400));
    }
    .mySwiper .tit_box2 .tit_2 {
        margin-bottom: calc(100vw * (70/1400));
        font-size: calc(100vw * (70/1400));
    }
    /* mv_wrap :e */


    /* best_items :s */
    .best_items {
        padding: calc(100vw * (120/1400)) 0;
    }
    .best_items .main_tit {
        font-size: calc(100vw * (38/1400));
    }
    .best_items .main_sub {
        margin: calc(100vw * (20/1400)) 0 calc(100vw * (70/1400));
        font-size: calc(100vw * (17/1400));
    }
    .best_items .best_list {
        max-height: calc(100vw * (855/1400));
    }
    .best_items .best_list .item {
        margin-bottom: calc(100vw * (80/1400));
        padding: 0 calc(100vw * (15/1400));
    }
    .best_items .best_list .item_img {
        height: auto;
    }
    .best_items .best_list .item_text {
        margin: 0;
    }
    .best_items .best_list .item_text .prod_name {
        font-size: calc(100vw * (16/1400));
    }
    .best_items .best_list .item_text .prod_price {
        margin-top: 10px;
    }
    .best_items .best_list .item_text .percent {
        font-size: calc(100vw * (18/1400));
    }
    .item .num {
        margin-left: calc(100vw * (30/1400));
    }
    .best_items .best_list .item_text .num {
        font-size: calc(100vw * (17/1400));
    }
    .best_items .best_list .item_text .sale {
        font-size: calc(100vw * (14/1400));
    }
    /* best_items :e */


    /* new_items :s */
    .new_items {
        padding: calc(100vw * (120/1400)) 0;
    }
    .new_items .main_tit {
        font-size: calc(100vw * (38/1400));
    }
    .new_items .main_sub {
        margin: calc(100vw * (20/1400)) 0 calc(100vw * (70/1400));
        font-size: calc(100vw * (17/1400));
    }
    .new_items .new_list .item {
        margin-bottom: calc(100vw * (50/640));
        padding: 0 calc(100vw * (10/640));
    }
    .new_items .new_list .item_img {
        height: auto;
    }
    .new_items .new_list .item_text {
        margin: 0;
    }
    .new_items .new_list .item_text .prod_name {
        font-size: calc(100vw * (16/1400));
    }
    .new_items .new_list .item_text .prod_price {
        margin-top: 10px;
    }
    .new_items .new_list .item_text .percent {
        font-size: calc(100vw * (18/1400));
    }
    .item .num {
        margin-left: calc(100vw * (30/1400));
    }
    .new_items .new_list .item_text .num {
        font-size: calc(100vw * (17/1400));
    }
    .new_items .new_list .item_text .sale {
        font-size: calc(100vw * (14/1400));
    }
    /* new_items :e */


    /* main_event :s */
    .main_event {
        padding: calc(100vw * (30/1400)) 0;
        background-color: #f6f6f6;
    }
    .main_event .main_tit {
        font-size: calc(100vw * (38/1400));
    }
    .main_event .main_sub {
        margin: calc(100vw * (20/1400)) 0 calc(100vw * (70/1400));
        font-size: calc(100vw * (17/1400));
    }
    /* main_event :e */


    /* notice_wrap :s */
    .notice_wrap {
        padding: calc(100vw * (30/1400)) 0;
    }
    .notice_wrap .title {
        font-size: calc(100vw * (16/1400));
    }
    .notice_slide_wrap {
        padding-left: calc(100vw * (120/1400));
        padding-right: calc(100vw * (150/1400));
    }
    /* notice_wrap :e */
}

@media (max-width: 767px) {
    /* mv_wrap :s */
    .mv_wrap .item .tit_box {
        margin: 0 calc(100vw * (40/640));
    }
    .mv_wrap .item .tit_box .sub_tit {
        margin-bottom: calc(100vw * (35/640));
        font-size: calc(100vw * (24/640));
    }
    .mv_wrap .item .tit_box .tit {
        margin-bottom: calc(100vw * (50/640));
        font-size: calc(100vw * (55/640));
    }
    
    .mySwiper .tit_box2 .tit_2 {
        margin-bottom: calc(100vw * (50/640));
        font-size: calc(100vw * (55/640));
    }
    /* mv_wrap :e */

    
    /* best_items :s */
    .best_items {
        padding: calc(100vw * (120/1400)) 0;
    }
    .best_items .main_tit {
        font-size: calc(100vw * (32/640));
    }
    .best_items .main_sub {
        margin: calc(100vw * (20/640)) 0 calc(100vw * (50/640));
        font-size: calc(100vw * (15/640));
    }
    .best_items .best_list {
        max-height: calc(100vw * (400/640));
    }
    .best_items .best_list .item {
        width: 50%;
        margin-bottom: calc(100vw * (50/640));
        padding: 0 calc(100vw * (10/640));
    }
    .best_items .best_list .item_text {
        margin: 0;
    }
    .best_items .best_list .item_text .prod_name {
        font-size: calc(100vw * (16/640));
    }
    .best_items .best_list .item_text .prod_price {
        margin-top: 10px;
    }
    .best_items .best_list .item_text .percent {
        font-size: calc(100vw * (18/640));
    }
    .best_items .best_list .item_text .num {
        font-size: calc(100vw * (17/640));
    }
    .best_items .best_list .item_text .sale {
        font-size: calc(100vw * (14/640));
    }
    /* best_items :e */


    /* new_items :s */
    .new_items {
        padding: calc(100vw * (120/1400)) 0;
    }
    .new_items .main_tit {
        font-size: calc(100vw * (32/640));
    }
    .new_items .main_sub {
        margin: calc(100vw * (20/640)) 0 calc(100vw * (50/640));
        font-size: calc(100vw * (15/640));
    }
    .new_items .new_list {
        margin: 0 calc(100vw * (-10/640));
    }
    .new_items .new_list .item {
        width: 50%;
        margin-bottom: calc(100vw * (50/640));
        padding: 0 calc(100vw * (10/640));
    }
    .new_items .new_list .item_text {
        margin: 0;
    }
    .new_items .new_list .item_text .prod_name {
        font-size: calc(100vw * (16/640));
    }
    .new_items .new_list .item_text .prod_price {
        margin-top: 10px;
    }
    .new_items .new_list .item_text .percent {
        font-size: calc(100vw * (18/640));
    }
    .new_items .new_list .item_text .num {
        font-size: calc(100vw * (17/640));
    }
    .new_items .new_list .item_text .sale {
        font-size: calc(100vw * (14/640));
    }
    /* new_items :e */


    /* main_event :s */
    .main_event {
        padding: calc(100vw * (30/640)) 0;
    }
    .main_event .main_tit {
        font-size: calc(100vw * (32/640));
    }
    .main_event .main_sub {
        margin: calc(100vw * (20/640)) 0 calc(100vw * (50/640));
        font-size: calc(100vw * (15/640));
    }
    /* main_event :e */


    /* notice_wrap :s */
    .notice_wrap {
        padding: calc(100vw * (30/640)) 0;
    }
    .notice_wrap .title {
        font-size: calc(100vw * (16/640));
    }
    .notice_slide_wrap {
        padding-left: calc(100vw * (80/640));
        padding-right: 0;
    }
    .text_ov {
        font-size: calc(100vw * (15/640));
    }
    /* notice_wrap :e */
}
/* index :e */
/*****************************************************/



/*****************************************************/
/* sub01 :s */

@media (max-width: 1399px) {
    /* .prod_top :s */
    .prod_top {
        margin-top: 100px;
        padding-bottom: calc(100vw * (150/640));
    }
    .prod_top .page_route {
        padding: calc(100vw * (50/1400)) 0 calc(100vw * (80/1400));
    }
    .prod_top .prod_big_wrap {
        flex-wrap: wrap;
    }
    .prod_top .prod_img_zoom {
        width: calc(100vw * (600/1400)) !important;
        height: calc(100vw * (600/1400)) !important;
        margin-bottom: calc(100vw * (20/1400));
        padding-left: calc(100vw * (120/1400));
    }
    /* .prod_top :e */
}
@media (max-width: 767px) {
    /* .prod_top :s */
    .prod_top {
        padding-bottom: calc(100vw * (150/640));
    }
    .prod_top .page_route {
        padding: calc(100vw * (30/640)) 0 calc(100vw * (40/640));
    }
    .prod_top .prod_img_zoom {
        width: calc(100vw * (470/640)) !important;
        height: calc(100vw * (470/640)) !important;
        margin-left: 0;
        margin-bottom: calc(100vw * (20/640));
        padding-left: calc(100vw * (120/640));
    }
    .prod_top .prod_name {
        font-size: calc(100vw * (28/640));
    }
    .prod_top .detail_price {
        margin-top: 15px;
    }
    .prod_top .percent b {
        font-size: calc(100vw * (25/640));
    }
    .prod_top .num {
        font-size: calc(100vw * (25/640));
    }
    .prod_top .num .sale {
        font-size: calc(100vw * (20/640));
    }
    .prod_top .prod_info {
        margin-top: calc(100vw * (30/640));
        padding-top: calc(100vw * (10/640)) 0;
    }
    .prod_top .prod_info li {
        margin-bottom: calc(100vw * (12/640));
        padding-left: calc(100vw * (105/640));
        font-size: calc(100vw * (15/640));
    }
    .prod_top .prod_info .label {
        width: calc(100vw * (100/640));
    }
    .prod_top .prod_selected {
        margin: calc(100vw * (30/640)) 0 calc(100vw * (40/640));
    }
    .prod_top .left_box .opt {
        width: calc(100vw * (100/640));
        line-height: calc(100vw * (30/640));
        font-size: calc(100vw * (15/640));
    }
    .prod_top .left_box #goods_cnt {
        width: calc(100vw * (35/640));
        height: calc(100vw * (28/640));
        padding-left: calc(100vw * (5/640));
        font-size: calc(100vw * (15/640));
    }
    .prod_top .left_box .cart_vol {
        width: calc(100vw * (40/640));
        height: calc(100vw * (28/640));
        padding-right: calc(100vw * (20/640));
    }
    .prod_top .left_box button {
        width: calc(100vw * (20/640));
        height: calc(100vw * (14/640));
    }
    .prod_top .proad_total {
        font-size: calc(100vw * (18/640));
    }
    .prod_top .proad_total .label {
        margin-right: calc(100vw * (15/640));
        font-size: calc(100vw * (18/640));
    }
    .prod_top .proad_total .total_price {
        font-size: calc(100vw * (25/640));
    }
    .prod_top .prod_btns .cart_icon .plain {
        width: calc(100vw * (60/640));
        height: calc(100vw * (60/640));
        margin-right: calc(100vw * (10/640));
        font-size: calc(100vw * (17/640));
    }
    .prod_top .prod_btns .order_btn .plain {
        font-size: calc(100vw * (17/640));
    }
    .shop_tab li a {
        font-size: calc(100vw * (15/640));
        line-height: calc(100vw * (55/640));
    }
    .shop_tab_space {
        margin: 20px 0;
    }
    .shop_tab_space .inner {
        margin-right: 0;
        margin-left: 0;
    }
    /* .prod_top :e */


    /* detail2 :s */
    .detail2 .detail_tit {
        margin-top: calc(100vw * (80/640));
        margin-bottom: calc(100vw * (50/640));
        font-size: calc(100vw * (25/640));
    }
    .detail2 .board_list {
        border-top: 2px solid #000;
    }
    /* detail2 :e */

    
    /* detail3 :s */
    .detail3 .shop_tab_ct {
        margin-top: calc(100vw * (80/640));
        margin-bottom: calc(100vw * (50/640));
    }
    .detail3 .shopt_tb {
        font-size: 0.5rem;
    }
    /* detail3 :e */


    /* detail5 :s */
    .detail5 .detail_tit {
        margin-top: calc(100vw * (80/640));
        margin-bottom: calc(100vw * (50/640));
        font-size: calc(100vw * (25/640));
    }
    .detail5 .board_list {
        border-top: 2px solid #000;
    }
    .detail5 .board_list th {
        font-size: calc(100vw * (16/640));
    }
    /* detail5 :e */
}
/* sub01 :e */
/*****************************************************/