@charset "utf-8";

.item_right_banner .bx-controls-direction {
    display: none;
}

/* moblie */
@media screen and (max-width: 850px) {
    .overview .intro {
        padding: 75px 0 60px;
    }

    .overview .line img {
        width: 211px;
    }

    .overview .ttl {
        font-size: 23px;
        margin-bottom: 35px;
    }

    .overview .intro .impact_visual {
        height: 94.444vw
    }

    /* .overview .intro .impact_visual::after {
        height: 33.333vw;
    } */

    .overview .desc+.desc {
        margin-top: 25px;
    }

    .overview section::after {
        width: 100%;
    }

    .overview section {
        padding: 70px 0 60px;
    }

    .overview .list_style li+li {
        margin-top: 2px;
    }

    /* biogaia */
    .biogaia p {
        font-size: 1.1538em;
    }

    .biogaia .sub_ttl p {
        font-size: 1.0769em;
    }

    .biogaia .sub_ttl h3 {
        font-size: 1.5384em;
        margin: 1.5em 0 1em;
    }

    .biogaia .potential01 {
        padding: 70px 0 60px
    }

    .biogaia .advantage .inner {
        display: block;
    }

    .biogaia .advantage .left {
        width: 100%;
    }

    .biogaia .advantage .right {
        width: 100%;
    }

    .biogaia .advantage .sub_ttl h3 {
        font-size: 20px;
        margin: 15px 0 20px;
    }

    .biogaia .advantage {
        padding: 60px 0;
    }

    .adv_wrap .visual {
        height: 63.888vw;
    }

    .adv_wrap .cont {
        margin: 0;
        padding: 20px 0 50px;
        width: 100%;
    }

    .adv_wrap03 .cont {
        padding-bottom: 0;
    }

    .biogaia .potential02 {
        padding: 75px 0 60px;
    }

    .biogaia .potential02 h3 {
        font-size: 17px;
    }

    .potential02 .inner {
        display: block;
    }

    .biogaia .potential02 .prd {
        width: calc(100% + 15px);
        margin-left: -7.5px;
    }

    .biogaia .potential02 .prd+.prd {
        margin-top: 40px;
    }

    .biogaia .potential02 .prd li {
        padding: 7.5px;
    }

    .biogaia .potential02 .desc h4 {
        font-size: 13px;
        line-height: 1.3;
        margin: 15px 0 10px;
    }

    .biogaia .potential02 .desc p {
        font-size: 0.8461em;

        line-height: 1.25;
    }

    .biogaia .potential02 .line {
        margin: 20px 0 30px;
        text-align: center;
    }

    /* probiotics */
    .probio .intro p {
        font-size: 15px;
    }

    .probio section .ps_txt {
        font-size: 15px;
    }

    .probio section .color_g2.ps_txt {
        font-size: 14px;
    }

    .probio .importance p {
        font-size: 14px;
        line-height: 1.5;
    }

    .probio .cont_wrap {
        display: block
    }

    .probio .importance .visual {
        width: 100% !important;
    }

    .probio .importance .cont_wrap:nth-of-type(2) {
        margin-top: 50px;
    }

    /* .probio .importance .cont_wrap:nth-of-type(2) .visual {
        height: 74.444vw;
    } */

    .probio .importance .cont_wrap:nth-of-type(2) .cont {
        padding: 0;

    }

    .probio .importance .cont {
        width: 100% !important;
    }

    .probio .sub_ttl {
        margin: 25px 0 15px;
    }

    .probio .sub_ttl h3 {
        font-size: 18px;
        line-height: 1.5;
    }

    .probio .intro .visual {
        /* height: 60.06vw; */
        margin: 40px auto 20px;
    }

    /* .cont_wrap.flex__c .visual {
        height: 111.11vw;
    } */

    .probio .importance .ps_txt {
        margin-top: 15px;
    }

    .probio .importance .desc p+p {
        margin-top: 15px;
    }

    .pick_contaciner .cont {
        display: block;
        text-align: left !important;
    }

    .pick_contaciner .pick {
        display: flex;
        width: 100%;
        position: relative;
    }

    .pick_contaciner .pick+.pick {
        margin-top: 35px;
    }

    :root {
        --pick-w: 80px;
        --pick-m: 20px;
    }

    .pick_contaciner .pick_visual {
        position: static;
        margin: 0 25px 0 0;
        width: var(--pick-w);
        height: var(--pick-w);
        box-shadow: inset 0 0 0 2px var(--pt-c);
        margin: 0 var(--pick-m) 0 0;
        border: 4px solid rgba(255, 107, 1, 0.2)
    }

    .pick_contaciner .pick_visual img {
        width: 62%;
    }

    .pick_contaciner .pick_visual::after,
    .pick_contaciner .pick_visual::before {
        display: none;
    }

    .pick_contaciner .pick_visual h3 {
        font-size: 14px;
        position: absolute;
        left: calc(var(--pick-m) + var(--pick-w));
        top: 0;
        width: 100%;
    }

    /* 
    .pick_contaciner .list_style {
        padding-top: 30px;
        width: calc(100% - 100px);
    } */

    .pick_contaciner .list_style li p {
        font-size: 0.923em;
    }

    .pick_visual+* {
        padding-top: 30px;
        width: calc(100% - 100px);
    }

    /* .pick_visual+.list_style p{
        font-size: 0.923em;
    }  */
    /* l.reuteri */
    .l_reuteri p {
        font-size: 1.1538em;
    }

    .clinical_data .ok_btn {
        margin: 3.5em auto 0;
        max-width: 275px;
        height: 3.5em;
        line-height: 3.5em;
        font-size: 1.1111em;
        /* background-position: right 1.2em center; */
        background-size: 1.2em;
        /* padding: 0 1.2em; */
        text-align: left;
        border-radius: 2em;
    }

    .researcher ul {
        display: block;
        margin: 40px 0;
    }



    .researcher ul li {
        display: flex;
        width: 100%;
    }

    .researcher ul li+li {
        margin-top: 20px;
    }

    .researcher ul li .visual {
        /* height: 55vw; */
        width: 50%;

    }

    .researcher ul li .desc {
        margin: 0;
        transform: translate(0, 0);
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .researcher ul li .desc h3 {
        font-size: 14px;
        color: #454545;
    }

    .researcher ul li .desc p {
        font-size: 11px;
        margin-top: 10px;
    }

    .overview .patent .visual {
        /* height: 145.83vw; */
        max-height: none;
    }

    .intake h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .impact_visual {
        width: 100%;
    }

    .impact_visual picture {
        display: block;
    }

    .impact_visual img {
        width: 100%;
    }

    /* 추가 페이지 건강정보 */
    .lv2_wrap {
        padding: 15px 0;
    }

    .lv2_wrap a {
        font-size: 12px;
    }

    .lv2_wrap a.go_home span {
        display: none;
    }

    .lv2_wrap a.go_home i {
        margin-right: 0;
        width: 11px;
        vertical-align: middle;
    }

    .lv2_wrap a+a::before {
        margin: 1px 8px;
    }

    .health_area section {
        padding: 75px 0 60px;
    }

    .health_area section:first-of-type {
        padding: 75px 0;
    }

    .adult_health,
    .pregnancy_health {
        padding-bottom: 60px;
    }

    .health_area .ttl {
        font-size: 1.7692em;
        margin-bottom: 0.9565em;
    }

    .health_area picture img {
        width: 100%;
    }

    .health_area .desc+* {
        margin-top: 30px;
    }

    .health_area ul+picture {
        margin-top: 50px;
    }

    .health_area picture+.ttl {
        margin-top: 50px;
    }

    .health_area .list+.desc,
    .health_area .ttl+.list {
        margin-top: 30px;
    }

    .health_area .desc p {
        font-size: 1.1538em;
    }

    .health_area .list_sect .cont .more,
    .health_area .list_sect .cont p.sub_ttl {
        font-size: 1.0769em;
    }

    .health_area .list_sect .cont h3 {
        font-size: 1.923em;
        margin: 0.8em 0;
    }

    .health_area .list_sect .cont .more {
        margin-top: 1.4285em;
    }

    .health_area .list_sect li .inner {
        justify-content: start;
    }

    .list_sect li:nth-of-type(odd) .inner .cont {
        width: 100%;
    }

    .health_area .list_sect .cont {
        margin-top: 54vw;
        padding-bottom: 3.0769em;
    }

    .list_sect ul li {
        height: auto;
    }

    .infor_main .list_sect .list01 {
        background-image: url(/img/sub/health_list_bg01_mo.jpg);
    }

    .infor_main .list_sect .list02 {
        background-image: url(/img/sub/health_list_bg02_mo.jpg);
    }

    .infor_main .list_sect .list03 {
        background-image: url(/img/sub/health_list_bg03_mo.jpg);
    }

    .infor_main .list_sect .list04 {
        background-image: url(/img/sub/health_list_bg04_mo.jpg);
    }

    .health_area section .list li {
        font-size: 1.1538em;
        padding: 1em 1.3333em;
        border-radius: 5px;
    }

    .health_area .list li i {
        width: 52px;
    }

    .health_area .list li p {
        width: calc(100% - 52px);
    }

    .health_area .list li i img {
        width: 36px;
    }

    .wid100_list li:nth-of-type(n + 2) {
        margin-top: 15px;
    }

    .wid50_list li {
        width: 100%;
    }

    .wid50_list li:nth-of-type(even) {
        margin-left: 0;
    }

    .wid50_list li:nth-of-type(n + 2) {
        margin-top: 15px;
    }

    .wid25_list li {
        width: calc(50% - 7.5px);
    }

    .wid25_list li+li {
        margin-left: 0;
    }

    .wid25_list li:nth-of-type(even) {
        margin-left: 15px;

    }

    .wid25_list li:nth-of-type(n + 3) {
        margin-top: 15px;
    }

    .more_read .more_list li {
        height: 66.666vw;
        padding: 15px;
        font-size: 15px;
    }

    .divide_cont li {
        display: block;
    }

    .divide_cont li+li {
        margin-top: 50px;
    }

    .divide_cont li h4 {
        width: 100%;
        font-size: 1.3846em;
    }

    .divide_cont li .desc {
        width: 100%;
        margin-top: 15px;
    }

    /* child */
    .child_ht .list_sect .list01 {
        background-image: url(/img/sub/child_link_bg01_mo.jpg);
    }

    .child_ht .list_sect .list02 {
        background-image: url(/img/sub/child_link_bg02_mo.jpg);
    }

    .child_ht .list_sect .list03 {
        background-image: url(/img/sub/child_link_bg03_mo.jpg);
    }

    .child_ht .list_sect .list04 {
        background-image: url(/img/sub/child_link_bg04_mo.jpg);
    }

    .child_ht .list_sect .list05 {
        background-image: url(/img/sub/child_link_bg05_mo.jpg);
    }

    .health_area .half_bg::after {
        height: 225px;
    }

    .health_area .line {
        margin: 50px 0;
    }


    /* list */
    .sub .list_ttl {
        font-size: 20px;
        margin: 0 0 30px;
    }

    #container.item_list {
        padding: 50px 0;
    }

    .list_category {
        margin-bottom: 40px;
    }

    .list_category ul li a {
        line-height: 2.769;
    }

    .sub_location {
        display: none;
    }

    .item_list .sub_content {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .item_list #snb {
        position: relative;
        float: none;
        width: 100%;
        /*  display: block; */
    }


    .item_main_banner {
        float: none;
        width: 100%;
    }

    .item_right_banner {
        float: none;
        width: 100%;
        height: auto;
        border: none;
        margin-top: 15px;
        padding: 20px 25px;
    }

    .imb_tab {
        width: 100%;
        margin-left: 0;
    }

    .imb_tab li {
        margin-left: 0;
        line-height: 30px;
        height: 32px;
    }

    .imb_tab li a {
        border-left: none;
        font-size: 13px;
    }

    .imb_tab li:last-child a {
        border-right: none;
    }

    .item_right_banner h3 {
        text-align: center;
    }

    .itme_type03 .thum_img {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .item_right_banner .bx-pager {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 15px;
        text-align: center;
    }

    .item_right_banner .bx-controls-direction {
        display: block;
    }

    .item_right_banner .bx-controls-direction>a {
        position: absolute;
        top: 50%;
        margin-top: -35px;
        width: 18px;
        height: 30px;
        overflow: hidden;
        background: url("/img/sub/btn_arrow01.png") no-repeat;
        overflow: hidden;
        text-indent: -9999em;
        opacity: 0.8;
        z-index: 50;
    }

    .item_right_banner .bx-controls-direction>a.bx-prev {
        left: 3px;
        background-position: left top;
    }

    .item_right_banner .bx-controls-direction>a.bx-next {
        right: 3px;
        background-position: -18px top;
    }

    .sub_top_banners {
        display: block;
        margin-top: 20px;
    }

    .sub_top_banners .main_banner_bottom {
        margin-top: 10px;
    }

    .item_wrap .iw_top {
        text-align: center;
        border-bottom: none;
    }

    .item_detail_search {
        display: none;
    }

    .item_detail_select li {
        margin-top: 5px;
    }

    .item_detail_select select {
        width: 100%;
        height: 40px;
        background-position: 96% 50%;
        font-size: 16px;
        color: #333;
        font-weight: 500;
    }

    .it_listop {
        /* flex-direction: column; */
        align-items: flex-end;
    }

    .it_listop .item_detail_sel select {
        width: 95px;
        border: none;
        font-size: 12px;
    }



    .it_listop .item_detail_tab {
        margin-top: 30px;
    }


    .item_detail_tab button {
        font-size: 13px;
        padding: 0 7px 0 11px;
    }

    .item_detail_tab button:after {
        font-size: 13px;
    }

    .detail_tab_open .item_detail_tab {
        display: block;
    }



    .my_iteminfo {
        display: none;
    }




    /* view item */
    #container.item_view {
        padding-top: 20px;
    }

    .view_top_info .vti_left {
        float: none;
        width: 100%;
        /* padding: 0 40px; */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .vit_img {
        position: relative;
    }

    .vit_img .vti_txt01 {
        text-align: center;
        font-size: 14px;
        padding: 15px 0;
    }

    .vit_main_slider {
        max-width: inherit;
        width: 100%;
        height: auto;
        /* margin-bottom: 0; */
        margin-bottom: 30px;
    }

    .vit_main_slider .vit_ms_img .img_in {
        width: 100%;
        height: auto;
        padding-bottom: 100%;
    }

    .vit_main_slider .vit_ms_img .img_in img {
        display: none;
    }

    .vit_img .slick_total {
        position: absolute;
        top: 15px;
        right: 15px;
        display: flex;
        background: rgba(0, 0, 0, 0.4);
        align-items: center;
        border-radius: 50px;
        align-items: center;
        color: #fff;
        padding: 7.5px 10px;
        font-size: 10px;
    }

    .vit_img .slick_total .slick-arrow {
        font-size: 0;
        color: transparent;
        background: no-repeat center / 5px auto;
        width: 10px;
        height: 26px;

    }

    .vit_img .slick_total .prev {
        margin-right: 4px;
        background-image: url(../img/btn/m_slick_pr.png);
    }

    .vit_img .slick_total .next {
        margin-left: 4px;
        background-image: url(../img/btn/m_slick_ne.png);
    }

    .vit_img .slick_total span.current {
        font-weight: 700;
    }



    .vit_tab_slider .slick-list {
        display: none;
    }

    .vit_tab_slider {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        margin-top: -12px;
    }

    .vit_tab_slider .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        width: 32px;
        height: 32px;
        background-size: 64px;
        z-index: 55;
    }

    .vit_tab_slider .slick-arrow.slick-prev {
        left: -36px;
        background-position: left top;
    }

    .vit_tab_slider .slick-arrow.slick-prev:hover {
        background-position: left -32px;
    }

    .vit_tab_slider .slick-arrow.slick-next {
        right: -36px;
        background-position: -32px top;
    }

    .vit_tab_slider .slick-arrow.slick-next:hover {
        background-position: -32px -32px;
    }

    .view_top_info .vti_right {
        float: none;
        width: 100%;
        padding-top: 0;
    }

    .view_top_info .vti_top .vti_item_tit {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 150%;
    }

    .view_top_info .vti_top .vti_txt02 {
        font-size: 11px;
    }

    .vti_right .vti_top {
        margin-bottom: 12px;
    }

    .vti_right .vti_item_tit {
        /* display: none; */
        font-size: 21px;
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .vti_right .item_more_info {
        padding-bottom: 0;
        border-bottom: none
    }

    .vti_right .vti_info_m .vti_money .m_dc {
        font-size: 38px;
        margin-right: 0px;
    }

    .vti_right .vti_info_m .vti_money .m_num {
        margin-left: 15px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .vti_right .vti_info_m .vti_money .m_num p.m_before {
        font-size: 12px;
        margin-left: 0;
        margin-bottom: 4px;
    }

    .vti_right .vti_info_m .vti_money .m_num p.m_after {
        font-size: 15px;
        margin-left: 3px;
    }

    .vti_right .vti_info_m .vti_money .m_num p.m_after strong {
        font-size: 21px;
        font-weight: 900;
    }

    .vti_right .vti_info_m .vti_money {
        margin-bottom: 19px;
    }

    .vti_right .item_more_info {
        border-top: 1px solid #eee;
        padding: 5px 0;
    }

    .vti_right .item_more_info+.item_more_info {
        margin-top: 0;
    }

    .vti_right .item_more_info li {
        padding: 10px 0;
    }

    .vti_right .item_more_info li+li {
        margin-top: 0;
        border-top: none
    }

    .vti_right .item_more_info li .txt_c01 {
        display: flex;
        align-items: center;
    }

    .vti_right .item_more_info li .txt_c01 strong {
        font-size: 13px;
        margin-right: 12px;
    }

    .vti_right .item_more_info li .depth02 {
        font-size: 13px;
        width: calc(100% - 50px);
    }

    .vti_right .hash_wrap {
        padding: 10px 0;
        border-top: 1px solid #eee;
    }

    .vti_right .hash_wrap a {
        margin: 5px 5px;
        padding: 8px 13px;
    }

    .vit_info_form .info_list {
        padding: 15px 0;
        border-bottom: 1px solid #eeeeee;
    }

    .vit_info_form .info_list li>.vit_iltxt {
        font-size: 13px;
    }

    .vit_info_form .info_list li .il_option {
        padding-top: 10px;
    }

    .vit_info_form .info_list li select {
        height: 40px;
        font-size: 13px;
        background-image: url(../img/btn/item_sel_m.png);
        background-size: 12.5px auto;
    }


    .info_result_box .ir_tit {
        margin-bottom: 10px;
        line-height: 130%;
    }

    .money_total {
        padding: 0;
        margin: 15px 0 0;
        padding-bottom: 13px;
        border-bottom: 1px solid #eeeeee;
        overflow: hidden;
    }

    .money_total .mt_tit p {
        font-size: 13px;
    }

    .money_total .mt_tit,
    .money_total .mt_txt {
        line-height: 1;
    }

    /* 제품 뷰 */
    .vit_info_form .info_result {
        margin-top: 15px;
    }

    .vit_info_form .info_result_box {
        padding: 0;
        background: transparent;

    }

    .vit_info_form .info_result_box:last-child {
        border-bottom: 1px solid #eeeeee;
    }

    .vit_info_form .info_result_box .info_result_box_wrap {
        margin-bottom: 15px;
        padding: 10px 15px;
        background-color: #fff;
    }


    .info_result_box .ir_num_sel button {
        width: 26px;
        height: 26px;
        line-height: 1px;
        font-size: 18px;
    }

    .info_result_box .ir_num_sel span {
        width: 26px;
        line-height: 26px;
        font-size: 13px;
    }

    .info_result_box .ir_num_money {
        padding-right: 30px;
        line-height: 1;
        font-size: 15px;
    }


    .mt_txt .m_txt {
        font-size: 14px;
    }

    .mt_txt .m_txt strong {
        font-size: 17px;
        line-height: 1;
    }

    .info_result_box .ir_num_money .m_txt {
        font-size: 15px;
    }

    .info_result_box .ir_num_money .m_txt strong {
        font-size: 15px;
    }

    .info_result_box .btn_ir_close {
        bottom: -3px;
        width: 21px;
        height: 21px;
        background: url(../img/btn/btn_close03_m.png) no-repeat center / 21px auto;
    }


    .vit_btn_wrap .item_buy {
        width: calc(100% - 48px);
    }

    .vit_btn_wrap .btn_st03 {
        width: calc(50% - 4px);
        height: 38px;
        line-height: 38px;
    }

    .link_buy {
        width: calc(100% - 48px);
    }

    .vit_btn_wrap .btn_st03.c01 {
        margin-left: 5px;
    }

    .vit_btn_wrap .link_buy .btn_st03 {
        width: 100%;
    }

    .vit_btn_wrap .btn_zzim {
        width: 38px;
        height: 38px;
        background-size: 38px auto;
        background-image: url(../img/btn/zzim_m.png);
    }

    .vit_btn_wrap .btn_zzim.active {
        background-image: url(../img/btn/zzim_on_m.png);
    }

    .vit_btn_wrap_m .up_op {
        /* display: none; */
        position: absolute;
        background: #fff;
        bottom: 0;
        left: 0;
        border-top: 1px solid #dbdbdb;
        width: 100%;
        margin: 0 auto;

    }

    .up_op .link_buy {
        width: 100%;
    }


    .vti_popular {
        padding-bottom: 0;
        margin-top: 50px;
    }

    .vti_popular .vit_tit {
        font-size: 15px;
    }

    .itme_type02 .item_content .ic_pay,
    .itme_type02 .item_content .ic_subject a {
        font-size: 11px;
    }

    .my_item_carousel .itme_type02 .slick-slide {
        width: 130px;
    }

    .vc_nav {
        display: none;

    }

    .vc_nav_m {
        display: block;
        padding: 15px 15px 25px;
    }

    .vc_nav_m .vc_nav_sel {
        padding: 0;
    }

    .vc_nav_m .vit_info_form .info_result_box {
        border-bottom: none;
    }

    .vc_nav_m .btn_wrap {
        display: flex;
    }

    .vc_nav_m .btn_wrap .btn_st03.c01 {
        margin-top: 0;
    }

    .vc_nav_m .info_result_box .ir_num_sel span {
        width: 40px;
    }

    .vc_nav_m .info_result_box .ir_num_money {
        padding-right: 30px;
        line-height: 1.5;
        font-size: 15px;
        width: inherit;
        margin-top: 0;

    }

    .vc_nav_m .info_result_box .btn_ir_close {
        bottom: 0;
    }

    .vc_nav_m .vc_nav_total {
        padding: 0;
        border-top: none
            /* border-bottom: 1px solid #ddd; */
    }

    .vit_btn_wrap_m {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
        display: flex;
        align-items: center;
        background: #fff;
        border-top: 1px solid #eeeeee;
        padding: 16px 7px;
        margin: 0;
    }

    .vit_btn_wrap_m .button_down {
        position: absolute;
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 18px;
        z-index: 3;
        background: url(../img/btn/view_close.png) no-repeat center /10px auto;
    }

    .vit_btn_wrap_m .button_down::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: #fff url(../img/btn/view_open.png) no-repeat center /10px auto;
        border: 1px solid #d7d7d7;
        border-bottom: none;
        border-radius: 0.5em 0.5em 0 0;
        transform: perspective(0.5em) rotateX(5deg);
        transform-origin: bottom;
    }

    .vit_btn_wrap_m .button_down.on::before {
        background: #fff url(../img/btn/view_close.png) no-repeat center /10px auto;
    }

    .vit_btn_wrap_m .vc_nav_content {
        display: none;
    }

    .vit_btn_wrap_m .vc_nav_content.on {
        display: block;
    }

    .up_op .vc_nav_sel select {
        width: 100%;
        height: 35px;
        font-size: 12.5px;
        border-color: #cbcbcb;
        background-color: #f9f9f9;
        color: #676767;
        border-radius: 8px;
    }

    .up_op .btn_st03 {
        font-size: 15px;
        line-height: 36px;
        height: 38px;
        width: calc(100% - 5px);
    }

    .up_op .btn_st03+.btn_st03 {
        margin-left: 10px;
    }



    .view_tab {
        height: auto;
    }

    .item_view .list_tab {
        width: 100%;
    }

    .view_tab .tab_list {
        width: 100%;
    }

    .view_tab .tab_list>li {
        width: 33.33%;
    }

    .view_tab .tab_list>li.active>a {
        line-height: 39px;
    }

    .view_tab .tab_list>li>a {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }

    .view_content {
        border-right: none;
    }

    .vc_wrap {
        float: none;
        width: 100%;
        border-right: none;
    }

    /* .vc_wrap .vc_box .ship_info {
        padding: 0 15px;
        box-sizing: border-box;
    } */

    .vc_wrap .vc_box {
        padding: 0;
        padding-top: 30px;
    }

    .vc_wrap .vc_box .vc_tit {
        padding: 0 15px;
    }

    .vc_tit02 {
        line-height: 1;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 10px;
    }


    .ta_list01,
    .ta_list01 tr,
    .ta_list01 td,
    .ta_list01 tbody,
    .ta_list01 th {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ta_list01 tr:after {
        content: "";
        display: block;
        clear: both;
    }

    .ta_list01 th {
        float: left;
        width: 28%;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        padding-left: 10px;
        margin-top: -1px;
    }

    .ta_list01 td {
        float: left;
        width: 72%;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        padding: 0;
        padding-left: 10px;
        margin-top: -1px;
    }

    .review_content .rc_top {
        /* padding: 0 15px; */
    }

    .detail_review_list .rl_txt_box .rl_txt .txt_desc {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.5;
    }

    .detail_review_list .rl_txt_box .rl_info .rli_txt {
        font-size: 12px;
    }

    .detail_review_list .rl_txt_box .rl_info span:first-child {
        margin-right: 8px;
        padding-right: 8px;
    }

    .review_list>li {
        padding: 0 10px;
        height: auto;
    }

    .detail_review_list .rl_txt_box .rl_img span {
        width: 60px;
        height: 60px;
    }

    .detail_review_list .rl_txt_box .rl_img span+span {
        margin-left: 10px;
    }



    .qna_list .que {
        display: block;
    }

    .qna_write_box {
        margin-bottom: 30px;
    }

    .iq_top_list li {
        font-size: 12px;
    }

    .qna_write_box .btn_st04 {
        /*right: 15px;*/
        width: 30%;
    }

    .qna_write_box .iq_input {
        width: 70%;
    }

    .qna_write_box .check_box input+label span {
        font-size: 12px;
        padding-left: 20px;
        margin-top: 10px;
        display: block;
    }

    .qna_cont_wrap {
        width: 100%;
    }

    .que .btn_wrap {
        margin-top: 15px;
        margin-left: 0;
    }

    .qna_list .que,
    .qna_list .ans {
        padding: 20px 0;
    }

    .ship_info_list th {
        width: 28%;
        font-size: 13px;
    }

    .ship_info_list td {
        font-size: 12px;
    }


    .btn_st03 {
        font-size: 14px;
        line-height: 32px;
        height: 34px;
    }

    .order_top {
        height: auto;
        margin: 15px 15px 10px;
        padding-bottom: 0;
        background: #fff;
        flex-direction: column;
    }

    .order_top .ot_tit {
        float: none;
        font-size: 23px;
        line-height: 57px;
    }

    .order_top .ot_list {
        width: 100%;
        text-align: center;
        float: none;
        background: #fafafa;
        font-size: 0;
        margin-bottom: 20px;
    }

    .order_top .ot_list li {
        float: none;
        display: inline-block;
        font-size: 14px;
        line-height: 46px;
    }

    .order_top .ot_list li .num {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }

    .sa_list th {
        width: 100px;
        font-size: 13px;
    }

    .sa_list td input,
    .sa_list td select {
        height: 41px;
        font-size: 13px;
    }

    .sa_list td input[type="text"] {
        height: 41px;
        font-size: 13px;
    }

    .sa_list td .add1 .btn_add {
        width: 70px;
        margin-right: 6px;
    }

    .sa_list td textarea {
        padding: 10px;
        font-size: 13px;
    }

    .point_use .point_apply {
        flex-wrap: wrap;
    }

    .point_use .point_input {
        width: 100%;
        margin-bottom: 10px;
    }

    .point_use .point_apply button {
        width: calc(50% - 5px);
        height: 41px;
        margin: 0;
        font-size: 13px;
    }

    .point_use .point_apply button+button {
        margin-left: 10px;
    }

    .point_use .balance {
        font-size: 12px;
    }

    .point_use dt {
        width: 90px;
        margin-right: 0;
        font-size: 13px;
    }

    .ob_info {
        padding: 10px 0;
        border-bottom: 1px solid #252525;
    }

    .ob_info li span {
        width: 100%;
        font-size: 12px;
    }

    .ob_info li a {
        font-size: 12px;
    }

    .cart table.ol_list tfoot td {
        padding: 15px 0 0;
    }

    .order_total dl dt {}

    .order_total dl:first-child dt {
        display: none;
    }

    .order_total .ot_list th {
        padding-left: 15px;
    }

    .order_total dl dt {
        left: 15px;
        font-size: 20px;
    }

    .order_total dl dd {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .order_total dl .ot_total {
        padding-right: 15px;
    }

    .cart_content .btn_wrap {
        padding: 30px 15px;
    }

    .cart_content .btn_wrap .btn_st06 {
        width: 49%;
        margin-left: 0;
        /* float: right; */
    }

    .cart_content .btn_wrap .btn_st06.c01 {
        float: left;
    }

    .order_content .order_body .ob_left {
        float: none;
        width: 100%;
    }

    .order_top .ot_list {
        text-align: center;
        float: none;
        background: #fafafa;
        font-size: 0;
        margin-bottom: 20px;
    }

    .order_top .ot_list li {
        float: none;
        display: inline-block;
        font-size: 14px;
        line-height: 46px;
    }

    .order_top .ot_list li .num {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }

    .order_content .order_body {
        padding: 40px 10px 0;
    }

    .ob_tit {
        padding-bottom: 15px;
        font-size: 14px;
    }

    .ship_address .sa_tab {
        padding-top: 0;
    }

    .payment_list .pl_radio {
        padding: 15px;
    }

    .payment_list .pl_radio li input+label {
        font-size: 13px;
    }

    .order_content .order_body .ob_right {
        float: none;
        width: 100%;
        max-width: none;
        margin-top: 50px;
    }

    .order_benefit_row {
        padding: 15px;
    }

    .order_benefit_row dt {
        font-size: 13px;
    }

    .order_benefit_row dd {
        font-size: 13px;
    }

    .order_benefit_row dd strong {
        font-size: 16px;
    }

    .order_final_wrap .order_final {
        padding: 15px;
    }

    .order_final_wrap .order_final dt {
        font-size: 13px;
    }

    .order_final_wrap .order_final dd {
        font-size: 13px;
    }

    .order_final_wrap .order_final dd strong {
        font-size: 16px;
    }

    .order_btn_row .btn_payment {
        width: 100%;
        max-width: none;
        height: 41px;
        line-height: 41px;
        font-size: 13px;
    }

    .odok_box .ok_txt02 {
        font-size: 13px;
    }

    .odok_box .ok_txt03 {
        font-size: 13px;
    }

    .odok_info01 .odok_der {
        padding: 20px 15px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .odok_info01 .odok_der dt {
        display: block;
        padding: 0;
        width: 100%;
        text-align: left;
    }

    .odok_info01 .odok_der dd {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 10px;
        line-height: 150%;
        font-size: 12px;
    }

    .odok_info02 .btn_wrap {
        padding-top: 45px;
    }

    /* .cart_list_wrap form .ol_list{
    border-top:1px solid #252525
} */
    .odok_info02 .btn_wrap .btn_st07 {
        width: 45%;
        margin: 5px;
    }

    .ol_list {
        margin-top: 0;
    }

    .ol_list thead {
        display: none;
    }

    .ol_list,
    .ol_list tr,
    .ol_list td,
    .ol_list tbody,
    .ol_list th {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .seller .ol_list,
    .seller .ol_list tr,
    .seller .ol_list td,
    .seller .ol_list tbody,
    .seller .ol_list th {}

    .ol_list tbody tr {
        position: relative;
        border: 1px solid #ddd;
        padding: 20px 15px;
        margin-top: -1px;
    }

    .ol_list tbody td {
        padding: 0;
        border: none;
        text-align: left;
    }

    .ol_list tbody td+td {
        border: none;
    }

    .ol_list tbody td.ol_item {
        padding-left: 0;
    }

    .ol_list tbody td.ol_num {
        position: absolute;
        right: 15px;
        top: 20px;
    }

    .ol_list tbody td.ol_total {
        text-align: right;
        font-size: 20px;
        margin: 15px 0;
    }

    .ol_list .ol_save p {
        font-size: 12px;
    }

    .ol_list .ol_save p br {
        display: none;
    }

    .my_coupon_layer {
        width: 96%;
    }

    .my_cou_body {
        overflow: auto;
    }

    .item_wrap .iw_top {
        padding: 0;
    }

    .item_wrap .iw_top .i_tit {
        display: none;
    }

    .item_search_result {
        width: 100%;
        padding: 0 17px;
        overflow: hidden;
        margin-left: -17px;
        margin-right: -17px;
        background: #f0f0f0;
        border-bottom: 1px solid #ddd;
    }

    .item_search_result .isr_in {
        padding: 12px 0;
        overflow-y: auto;
        background: #f0f0f0;
    }

    .item_search_result .isr_scroll {}

    .item_search_result .isr_list {
        display: table;
        white-space: nowrap;
    }

    .item_search_result .isr_list li {
        display: table-cell;
        padding-left: 10px;
    }

    .item_search_result .isr_list li:first-child {
        padding-left: 0;
    }

    .item_search_result .isr_list li a {
        position: relative;
        display: inline-block;
        max-width: 110px;
        overflow: hidden;
        padding: 0 25px 0 14px;
        line-height: 30px;
        background: #fff;
        border: 1px solid #ddd;
        color: #999;
        font-size: 12px;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .item_search_result .isr_list li a:after {
        content: ">";
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        color: #999;
        font-family: "Gulim";
    }

    .item_search_result .isr_list li.active a {
        border-color: #d21c55;
        color: #d21c55;
    }

    .item_search_result .isr_list li.active a:after {
        color: #d21c55;
    }

    .item_search_result .isr_in>input {
        float: left;
        margin: 0 3% 0 0%;
        width: 75%;
        height: 34px;
    }

    .item_search_result .isr_in>button {
        float: left;
        width: 20%;
        height: 34px;
        line-height: 34px;
        background-color: #777777;
        color: #fff;
        font-size: 15px;
    }

    #snb {
        background-color: #fff;
    }

    #snb h2 {
        padding: 12px 0;
        border-bottom: 1px solid #ddd;
        text-align: center;
        font-size: 16px;
        color: #000;
        font-weight: bold !important;
        background: none !important;
        line-height: 1 !important;
        height: auto !important;
    }

    #snb .num_list,
    #snb .snb_banner {
        display: none;
    }

    .snb_box {
        border: none;
        margin-bottom: 0;
    }

    .snb_search01_in {
        position: relative;
    }

    .snb_search01_in .set {
        border-bottom: 1px solid #bbb;
        height: 40px;
        line-height: 40px;
        padding: 0 17px;
        padding-right: 120px;
    }

    .snb_search01_in .set span {
        display: inline-block;
        font-size: 16px;
        padding-right: 18px;
        background: url("/img/sub/icon_select02.png") no-repeat right center;
        background-size: 10px;
    }

    .snb_search01_in .snb_list {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 41px;
        z-index: 1;
        background: #f0f0f0;
        width: 100%;
        padding: 17px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .snb_search01_in .snb_list:after {
        content: "";
        display: block;
        position: absolute;
        left: 27px;
        top: -8px;
        width: 13px;
        height: 8px;
        background: url("/img/sub/icon_select03.png") no-repeat 0 0;
        background-size: 13px;
    }

    .snb_search01_in .snb_list li {
        float: left;
        width: 33.333333%;
        text-align: center;
        padding: 10px 5px;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .snb_search01_in .snb_list li a {
        display: block;
        border: 1px solid #ddd;
        font-size: 13px;
        color: #000;
        background: #fff;
        font-weight: 500;
    }

    .snb_search01_in .snb_list li.active a {
        background: #3a3a3c;
        border-color: #3a3a3c;
        color: #fff;
    }

    .snb_search_open .snb_search01_in .snb_list {
        display: block;
    }

    .snb_search_open #snb,
    .snb_search_open #header {
        z-index: 100;
    }

    .snb_search_open .layer_bg {
        display: block;
    }

    /* .detail_tab_open .layer_bg {
        display: block;
    } */

    .snb_search_open #header {
        z-index: 999;
    }

    .btn_detil_fi {
        position: absolute;
        top: 41px;
        right: 0;
        width: 120px;
        height: 40px;
        line-height: 40px;
        border-left: 1px solid #bbb;
        text-align: center;
    }

    .btn_detil_fi span {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        font-size: 16px;
        color: #666666;
    }

    .btn_detil_fi span:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        background: url("/img/sub/icon_detail.png") no-repeat 0 0;
        background-size: 16px;
    }

    .btn_detil_fi.active span {
        color: #d21c55;
    }

    .btn_detil_fi.active span:after {
        background-position: 0 -16px;
    }

    .check_list {
        position: fixed;
        right: -70%;
        top: 0;
        bottom: 0;
        z-index: 99;
        background: #f0f0f0;
        width: 70%;
        overflow-y: auto;
        transition: 0.3s all;
    }

    .snb_detail_open {
        overflow: hidden;
    }

    .snb_detail_open .check_list {
        right: 0;
        z-index: 100;
    }

    .snb_detail_open .layer_bg {
        display: block;
    }

    .snb_box .sb_tit02 {
        padding: 38px 20px 12px;
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    .snb_box .sb_tit02 .refresh {
        float: right;
        margin-right: 20%;
        font-size: 12px;
        color: #555;
        padding-right: 18px;
        background: url("/img/mobile/icon_refresh.png") no-repeat right center / contain;
    }

    .snb_box .sb_tit02 .close_btn {
        float: right;
        width: 8%;
        display: block;
    }

    .snb_box .snb_list {
        padding: 0;
    }

    .check_list .snb_list>li {
        padding: 6px 20px;
    }

    .check_list .snb_list>li>a {
        position: relative;
        overflow: hidden;
        background: none;
    }

    .check_list .snb_list>li>a:before {
        display: block;
        content: '';
        position: absolute;
        top: 14px;
        right: 6px;
        width: 10px;
        height: 2px;
        border-radius: 2px;
        background: #aaa;
        transform: rotate(45deg);
        transition: all .2s;
    }

    .check_list .snb_list>li>a:after {
        display: block;
        content: '';
        position: absolute;
        top: 14px;
        right: 0;
        width: 10px;
        height: 2px;
        border-radius: 2px;
        background: #aaa;
        transform: rotate(-45deg);
        transition: all .2s;
    }

    .check_list .snb_list>li>a .ctit {
        font-size: 13px;
        color: #000;
    }

    .check_list .snb_list>li>a .result {
        position: absolute;
        left: 60px;
        right: 22px;
        top: 8px;
        font-size: 11px;
        line-height: 17px;
        color: #555;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .check_list .snb_list>li>a.on {
        background: none;
    }

    .check_list .snb_list>li>a.on:before {
        right: 0;
    }

    .check_list .snb_list>li>a.on:after {
        right: 6px;
    }

    .check_list .snb_list>li>a.re:before {
        background: #d21c55;
    }

    .check_list .snb_list>li>a.re:after {
        background: #d21c55;
    }

    .check_list .snb_list>li.radio_check li {
        overflow: hidden;
    }

    .check_list .snb_list>li.radio_check li label {
        float: left;
        font-size: 12px;
    }

    .check_list .snb_list>li .depth02>li .check_style {
        font-size: 12px;
    }

    .check_list .snb_list>li.radio_check li input[type="radio"] {
        float: right;
    }

    .check_list .snb_list>li .depth02 {
        background: #fff;
        margin-top: 6px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -6px;
    }

    .check_list .snb_list>li .depth02>li {
        padding: 12px 20px;
        border-top: 1px solid #ddd;
    }

    .check_list .snb_list>li .depth02.color_check {
        margin-left: -20px;
        padding: 20px 20px 20px 10px;
    }

    .check_list .snb_list>li .depth02.color_check>li {
        position: relative;
        border-top: 0;
    }

    .check_list .snb_list>li .depth02.color_check>li.active:after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("/img/mobile/icon_check.png") no-repeat 50% 50%;
        background-size: 12px;
        z-index: 1;
    }

    .check_list .snb_list>li>a .unit {
        display: none;
    }

    .color_check .ic_color {
        position: relative;
        width: 24px;
        height: 24px;
    }

    .snb_box .snb_list>li ul li a.only_web {
        display: none;
    }

    .size_check>li {
        width: 100%;
        float: none;
        margin: 0;
        border: none;
        text-align: left;
        text-indent: 0;
        border-top: 1px solid #ddd;
    }

    .size_check {
        width: auto;
    }

    .check_list .snb_list>li .depth02.size_check>li {}

    .size_check .checkmark {
        left: initial;
        right: 20px;
        top: 50%;
        margin-top: -10px;
    }

    /* 상품 목록 필터 수정 */
    .snb_box.snb_search01 {
        height: 81px;
        border-bottom: 1px solid #ddd;
    }

    .snb_box .itme_type02>li {
        display: inline-block;
        width: 49.6%;
        text-align: center;
    }

    .snb_box .itme_type02>li:nth-child(1) {
        margin-top: 0;
    }

    .snb_box .itme_type02>li:nth-child(2) {
        border-top: 0 none;
        margin-top: 0;
    }

    .snb_box .itme_type02>li .thum_img {
        margin: 0 auto 16px auto;
    }

    /*.sub_content > div > */

    /* 박다리매 수정 */
    .snb_search01_in .snb_list .web_no {
        display: none !important;
    }

    /* 주문 결제 new */
    #container.ord_list {
        padding-top: 30px;
    }

    .ord_list .order_top {
        display: none;
    }

    .order_content .order_body {
        flex-direction: column;
        padding: 0;
    }

    .order_content .order_body .ob_left {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .ord_satab {
        padding: 10px 5px 10px 0;
    }

    .ord_satab button {
        width: 80px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }

    .ord_satab .radio_wrap input+label {
        font-size: 14px;
        background: url(../img/btn/radio.png) no-repeat left center/20px;
    }

    .ord_satab .radio_wrap input:checked+label {
        background: url(../img/ico/radio_on.png) left center no-repeat;
        background-size: auto 100%;
    }

    .ord_list .sa_wrap {
        padding: 15px 0;
    }

    .sa_list .sa_row {
        padding: 5px 0;
    }

    .sa_row.info0ne span {
        font-size: 15px;
    }

    .sa_row.info0ne span+span {
        padding-left: 8px;
        margin-left: 8px;
        position: relative;
    }

    .sa_row.info0ne span+span::before {
        height: 12px;
    }

    .sa_row .my_adds {
        font-size: 13px;
        line-height: 1.5;
    }

    .sa_list .sa_row input {
        height: 40px;
        font-size: 13px;
    }

    .sa_list .add1 .btn_add {
        width: 70px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }

    .sa_list .sa_row input.add_search {
        width: calc(100% - 80px);
    }

    .sa_list .sa_row input#receive_name {
        max-width: inherit;
    }

    .sa_list .ph select,
    .sa_list .ph input {
        width: 100%;
        max-width: 140px;
        height: 40px;
        font-size: 13px;
    }

    .ship_address {
        margin-bottom: 45px;
    }

    .ob_tit span {
        font-size: 12px;
        display: inline-block;
        margin-top: 10px;
    }

    .cart_order .order_mylist .ord_infowrap {
        flex-direction: column;
    }

    /* .ol_item_box .item_img_wrap {
        width: 60px !important;
    } */
    .order_mylist .ol_item_box .ol_left {
        width: 70px;
    }

    .order_mylist .ol_item_box .ol_left .img_thurm {
        width: 60px;
        height: 60px;
    }

    .order_mylist .ol_item_box {
        padding: 30px 10px 10px;
    }

    .ol_item_box .item_tit {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 1.3;
    }

    .cart_order .order_mylist .item_info_wrap {
        width: 100%;
    }

    .ol_item_box .item_option {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .cart_order .order_mylist .item_info_wrap .item_tit+* {
        margin-top: 30px;
    }

    .order_mylist .ol_item_box .item_num,
    .order_mylist .ol_item_box .item_pr {
        width: 100%;
        text-align: left;
        font-size: 13px;
        color: #252525;
    }

    .order_mylist .ol_item_box .item_pr {
        margin-top: 20px;
        padding-bottom: 15px;
    }

    .order_mylist .ol_item_box .item_pr strong {
        font-size: 15px;
    }

    .ord_list .up_row {
        flex-direction: column;
        align-items: flex-start;
    }

    .ord_list .up_row>div:first-of-type {
        width: 100%;
        padding: 20px 0 10px;
        font-size: 15px;
    }

    .ord_list .up_row>div:last-of-type {
        width: 100%;
        padding: 0 0 20px;
    }

    .ord_list .up_row .point_apply button {
        font-size: 14px;
        width: 70px;
        margin-left: 10px;
    }

    .ord_list .up_row .point_input {
        position: relative;
        width: calc(100% - 160px);
    }

    .ord_list .up_row>div input {
        height: 40px;
    }

    .ord_list .up_row .balance {
        font-size: 13px;
    }

    .ord_list .up_row .balance strong {
        font-size: 14px;
    }

    .use_ppp {
        margin-bottom: 45px;
    }

    .order_mylist .ol_item_box .ol_right {
        width: 100%;
    }

    .ord_list .pay_lmlist {
        flex-direction: column;
    }

    .ord_pmt .order_guide input+label {
        font-size: 13px;
    }

    .cart_order .order_mylist {
        margin-bottom: 50px;
    }

    .cart_order .payment_list {
        margin-bottom: 0;
    }


    /* 쿠폰 팝업 */
    .coupon_pop .pop_bg {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .coupon_pop .pop_cont {
        padding: 25px 15px 0;
        /* max-height: 600px; */
        overflow-x: hidden;
    }

    .coupon_pop .pop_top h2 {
        font-size: 16px;
    }

    .coupon_pop .pop_top .clo_btn {
        margin-left: auto;
        width: 48px;
        height: 55px;
        background: url(../img/btn/re_closebtn_w_m.png) no-repeat center / 18.5px auto;
    }

    .coupon_pop .pop_cont ul li.pop_ttl {
        display: none;
    }

    .coupon_pop .pop_cont ul li {
        padding: 20px 0px;
        align-items: flex-start;
        flex-direction: column;
    }

    .coupon_pop .pop_cont ul li>div:nth-child(1) {
        width: 100%;
    }

    .coupon_pop .pop_cont ul li>div:nth-child(2) {
        width: 100%;
        padding-left: 75px;
        text-align: left;
        font-size: 14px;
        font-weight: 700;
    }

    .coupon_pop .pop_cont ul li>div:nth-child(3) {
        width: 100%;
        padding-left: 75px;
        margin-top: 12px;
        text-align: center;
    }

    .coupon_pop .pop_cont ul li .cont_area {
        margin-left: 15px;
        font-size: 12.5px;
    }

    .coupon_pop .pop_cont ul li .cont_area span {
        font-size: 11.5px;
        margin-top: 10px;
    }

    .coupon_pop .pop_cont .total {
        margin-top: 25px;
        padding: 20px 0;
    }

    .coupon_pop .pop_cont .total .total_div {
        font-size: 11px;
    }

    .coupon_pop .pop_cont .total .total_div span {
        font-size: 15px;
        margin-top: 5px;
    }

    .coupon_pop .pop_cont .total .total_div span i {
        font-size: 12px;
    }

    .coupon_pop .pop_cont .line span {
        width: 10px;
    }

    .coupon_pop .pop_cont .btn_wrap {
        margin-top: 100px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .coupon_pop .pop_cont .btn_wrap button {
        width: 50%;
        height: 50px;
        font-size: 14px;
    }

    .coupon_pop .pop_cont .btn_wrap button+button {
        margin-left: 0;
    }

    .agree_pop .cu_head {
        padding: 20px 0;
    }

    .agree_pop .cu_head h2 {
        font-size: 16px;
    }

    .agree_pop .cu_head button {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: url(../img/btn/re_closebtn.png) no-repeat center center/cover;
    }

    .agree_pop .cu_body {
        padding: 20px 15px 12px;
    }

    .agree_pop .cu_btn {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }

    /*  ------------------------ // 주문 결제 new */




    /* 주문완료 new */
    #container.cart_order_ok {
        padding-top: 21px;
    }

    .order_top {
        height: auto;
        margin: 0;
        padding-bottom: 0;
        background: #fff;
        flex-direction: column;
    }

    .ob_tit {
        padding-bottom: 15px;
        font-size: 17px;
    }

    .order_top .ot_list {
        display: none;
    }

    .order_top .ot_tit {
        float: none;
        font-size: 15px;
        line-height: 1;
        padding-bottom: 14px;
    }

    .order_ok_body {
        max-width: 800px;
        margin: 60px auto 0;
    }

    .odok_box {
        margin-bottom: 45px;
    }

    .odok_box .ok_txt01 {
        font-size: 18px;
        padding-bottom: 20px;
        margin-bottom: 0;
        line-height: 1.5;
    }

    .odok_box>div {
        padding: 30px 10px;
    }

    .odok_box>div .ok_txt02 {
        font-size: 13px;
        line-height: 1.3;
    }

    .odok_box>div .ok_txt03 {
        font-size: 17px;
        margin: 8px 0;
    }

    .odok_info01 .ok_od_top {
        padding: 20px 0;
    }

    .odok_info01 .ok_od_top div {
        margin-bottom: 10px;
    }

    .odok_info01 .ok_od_top div span {
        font-size: 15px;
    }

    .odok_info01 .ok_od_top div span+span {
        margin-left: 8px;
        padding-left: 8px;
    }

    .odok_info01 .ok_od_top div span+span::after {
        height: 12px;
    }

    .odok_info01 .ok_od_top .ok_add {
        font-size: 13px;
        line-height: 1.5;
    }

    .odok_info01 .odok_der {
        padding: 0;
        display: block;
        margin-top: 12px;
        font-size: 13px;
    }

    .odok_info01 {
        margin-bottom: 60px;
    }

    .odok_info02 .odok_pay {
        padding: 8px 0;
    }

    .odok_info02 .odok_pay li {
        line-height: ;
    }

    .odok_info02 .odok_pay li span {
        font-size: 14px;
    }

    .odok_info02 .odok_pay li strong {
        font-size: 15px;
    }

    .odok_info02 .total_ok {
        padding: 22px 0;
    }

    .odok_info02 .total_ok span {
        font-size: 15px;
    }

    .odok_info02 .total_ok strong {
        font-size: 19px;
    }

    .odok_info02 .total_ok strong span {
        font-size: 16px;
    }

    .odok_info02 .btn_wrap {
        padding-top: 30px;
    }

    .odok_info02 .btn_wrap .btn_st07 {
        width: calc(50% - 5px);
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin: 0;
    }

    .view_top {
        margin-bottom: 28px;
    }

    /*  결제방법   -> mypage_02 일부 이어서   */

    .order_content .order_body .ob_right {
        width: 100%;
        padding-top: 25px;
        border: none;
        margin-top: 25px;
    }

    .ord_pmt {
        width: 100%;
    }

    .ord_pmt .ord_ttl {
        font-size: 17px;
        font-weight: 700;
        color: #252525;
        padding: 0px 0 15px;
    }

    .ord_pmt .ot_list {
        padding: 10px 0;
    }

    .ord_pmt .ot_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .ord_pmt .ot_row .label {
        font-size: 14px;
    }

    .ord_pmt .ot_row .ot_money b {
        font-size: 14px;
    }

    .ord_pmt .ot_row .ot_money {
        font-size: 14px;
    }

    .ord_pmt .ot_pay .ot_money strong {
        font-size: 19px;
    }

    .ord_pmt .ot_pay>p {
        font-size: 12.5px;
        padding: 4px 0 10px;
    }

    .ord_pmt .order_guide {
        font-size: 13px;
        color: #757575;
        margin: 20px 0 20px;
        padding: 0 5px;
        text-align: center;
    }

    .ord_pmt .btn_wrap {
        padding: 0;
    }

    .btn_payment {
        margin: 20px auto 20px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .ord_pmt .guide_list {
        margin-top: 0;
        padding: 0;
    }

    .ord_pmt .guide_list li span {
        font-size: 13px;
    }

    .ord_pmt .guide_list li .more_guide {
        font-size: 12px;
    }

    .ord_pmt .guide_list li+li {
        margin-top: 15px;
    }

    .cart_order .calculate_list li {
        padding: 10px;
    }

    .cart_order .calculate_list li>div:first-child {
        width: 80px;
        font-size: 14px;
        font-weight: 500;
    }

    .cart_order .calculate_list li div:nth-child(2) {
        width: calc(100% - 80px);
    }

    .cart_order .calculate_list li select {
        width: 90px;
        font-size: 13px;
        height: 40px;
    }

    .cart_order .calculate_list li .sel_box+.in_box {
        width: calc(100% - 90px);

    }

    .cart_order .calculate_list li input {
        font-size: 13px;
        height: 40px;
    }

    .calculate .eddypay_info {
        font-size: 13px;
    }

    /* ---------------- // 주문완료 new  -> mypage_02 이어서  */

    /* 장바구니 new */
    .cart_tab {
        margin: 20px 0 15px 0;
    }

    .cart_top_ttl {
        margin-top: 0px;
    }

    .cart .chk_wrap {
        width: 100%;
        padding: 15px 10px;
        margin: 30px 0 0;
    }

    .cart .chk_box input+label {
        font-size: 13px;
    }

    .cart .bbt_wrap button {
        font-size: 13px;
    }

    .cart .bbt_wrap {
        margin-left: 8px;
        padding-left: 8px;
    }

    .cart .bbt_wrap::before {
        height: 12px;
    }

    .cart .ord_pmt .ot_pay {

        padding: 15px 0;
    }

    .cart .ord_pmt .btn_wrap {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        padding-top: 7px;
        border-top: 1px solid #eeeeee;
    }

    .cart .ord_pmt .btn_wrap button {
        height: 44px;
        line-height: 44px;
        font-size: 15px;
    }

    .cart .ord_pmt .btn_wrap button+button {
        margin-top: 0;
    }

    .cart .cart_list>li .ord_infowrap {
        flex-direction: column;
        position: relative;
    }

    .cart .cart_list .ord_infotxt {
        width: 100%;
        padding-right: 0;
    }

    .cart .cart_list .item_info_wrap .item_option {
        font-size: 13px;
    }

    .cart .cart_list .item_info_wrap .item_tit+* {
        margin-top: 30px;
    }

    .cart .cart_list .ol_quantity {
        margin-top: 15px;
    }

    .cart .cart_list .ol_price {
        width: 100%;
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .cart .cart_list .ol_price .ol_money {
        font-size: 15px;
    }

    .cart .cart_list .ol_price .ol_total {
        font-size: 12px;
        margin-left: 6px;
        margin-top: 0;
    }

    .cart .ord_delbtn {
        position: absolute;
        right: 0;
        bottom: 28px;
    }





}

@media screen and (max-width: 360px) {
    .odok_box>div .ok_txt02 {
        font-size: 12px;
    }

    .odok_box>div .ok_txt03 {
        font-size: 15px;
    }

}

@media screen and (max-width: 340px) {
    .view_tab .tab_list>li>a {
        font-size: 12px;
    }

}


@media screen and (max-width: 330px) {
    .point_use .pul01 dd input[type="text"] {
        width: 48%;
    }

    /* 박다리매 수정 */
    .snb_search01_in .snb_list .web_no {
        display: none !important;
    }
}