@media screen and (max-width:800px){
    .mo{display: block !important;}
    .pc{display: none !important;}
    .f_mo{display: flex !important;}
    .f_pc{display: none !important;}
    #mainSlide{
        height: 40vh;
    }
    .main h2{
        font-size: 3.13vw;
        line-height: 4vw;
        margin-bottom: 4.13vw;
    }
    div#type01 .smt_10 .sct_txt{
        font-size: 2.25vw;
    }
    #ft_wr{
        width: 95vw;
    }
    .ft_info img{
        width: 30vw;
    }
    #ft_company{
        display: block;
        text-align: center !important;
    }
    .ft_info ul{
        justify-content: center;
    }
    #ft_wr .customer{
        text-align: center;
        font-size: 3vw;
    }
    div#type02 .smt_20 .sct_li a img{
        border-radius: 2vw;
    }
    #mdBanner div:first-child > img {
        width: 30.13vw;
    }
    div#type01 .smt_10 .sct_cost{
        font-size: 2.25vw;
    }
    .main h2 p{
       font-size: 2.5vw; 
    }
    div#type01 .smt_10 .sct_li:last-child{
        display: none;
    }
    div#type01 .smt_10 .sct_li {
        width: calc(100% / 3.25);
    }
    div#type01 .smt_10 .sct_li a img{
        height: 28.79vw;
    }
    div#type02 {
        padding: 2.5vw 4.69vw;
    }
    div#type02 .smt_20 .sct_li {
        width: 20.67vw;
    }
    div#type02 .smt_20 .sct_li a img{
        height: 23.79vw;
    }
    section#notice .pic_lt li a{
        font-size: 2.25vw;
    }
    section#notice::before{
        height: 20vw;
    }
    .mainSec{
        margin-bottom: 7.5vw;
    }
    .slide img{
        width: 80%;
    }
    .slide{
        width: 110vw;
    }
    .slider-container{
        transform: translateX(-1vw);
    }
    section#newArrival{
        width: 90vw;
    }
    div#type01 .smt_10 .sct_li:nth-child(3) {
        margin-right: 0 !important;
    }
    .ft_info ul li a{
        font-size: 2.25vw;
    }
    .ft_info span{
        font-size: 2.25vw;
    }
    #sit_pvi_big{
        float: none !important;
        overflow: hidden;
    }
    #sit_pvi_big img{
        width: 66vw;
    }
    #sit_ov{
      width: 100%;
      padding-top: 5vw;
      float: none !important;
      overflow: hidden;

    }
    #sit_title{
        font-size: 2.75vw;
    }
    #sit_desc{
        font-size: 2.5vw;
    }
    .sit_ov_tbl th, td{
        font-size: 2.5vw;
    }
    .sit_opt_subj{
        font-size: 2.5vw;
    }
    #sit_opt_added .sit_opt_prc{
        font-size: 2.5vw;
    }
    #sit_ov_btn button{
        font-size: 2.5vw !important;
        width: 16.42vw;
    }
    #sit_pvi{
        float: none !important;
    }
    #sit_ov_wrap{padding-left: 0; padding-right: 0;}
    .od_prd_list .td_prd .sod_img{
        position: relative;
        top: 0;
        left: 0;
    }
    .od_prd_list .td_prd{
        padding-left: 10px;
    }
    #sod_list tr td{
        font-size: 3vw;
    }
    .sod_left{
        width: 97vw;
    }
    .sod_right{
        width: 97vw;
    }
    #sod_frm #od_name, #sod_frm #od_tel, #sod_frm #od_hp, #sod_frm #od_pwd, #sod_frm #od_b_name, #sod_frm #od_b_tel, #sod_frm #od_b_hp, #sod_frm #ad_subject, #sod_frm #od_hope_date{
        width: 100%;
    }
    .register{
        width: 95vw;
    }
    #sod_bsk, #smb_my, #forderform, #sod_frm_orderer, #sod_v{
        margin: 0 auto;
        width: 95vw;
    }
    #sod_fin{
        overflow: hidden;
        margin: 0 auto;
        width: 95vw;
    }
    #hd_qnb li{
        font-size: 2vw;
    }
    #hd_wrapper{
        display: block;
        text-align: center;
        overflow: hidden;
    }
    #logo{float: left; margin-bottom: 4vw;}
    #logo a img {width: 30vw; margin: 0 auto; display: block;}
    #gnb{float: right;}
    #gnb .gnb_1dli{float: none;}
    #gnb #gnb_1dul{display: flex; justify-content: center;}
    .gnb_1da{font-size: 3.25vw;}
    .hd_login{display: flex; justify-content: center;padding: 2vw; height: 6vw; width: 40vw; margin: 0 auto;}
    .hd_login>li.login a{font-size: 2vw; line-height: 2vw;}
    #tnb .inner{text-align: center;}
    #hd_qnb{float: none; display: inline-block;}
/*     .gnb_1da:hover ~ .gnb_2dul{display: block;}
 */    section#notice::before{
        top:9.29vw
    }
    .bo_v_nb li{display: none;}
    #sod_frm{
        width: 85vw;
    }
    #sod_bsk #sod_bsk_tot li span{
        display: block;
        float: none;
        text-align: left;
        line-height: 6vw;
    }
    #sod_bsk #sod_bsk_tot li{
        text-align: left;
        padding: 15px;
    }
    #gnb_1dul:hover + #gnb_all{display: block !important;}
    #gnb_1dul li:nth-child(n+2){display: none;}
    #gnb .gnb_menu_btn{background: none;}



}
@media screen and (max-width:500px){
    .mo{display: block !important;}
    .pc{display: none !important;}
    .f_mo{display: flex !important;}
    .f_pc{display: none !important;}
    #sit_title{font-size: 4.44vw;}
    #sit_desc{font-size: 3.11vw;}
    .sit_ov_tbl th, td{font-size: 3.11vw;line-height: 5vw;}
    .sit_opt_subj{font-size: 3.11vw;}
    #sit_opt_added .sit_opt_prc{font-size: 3.11vw;}
    #sit_ov_btn button{font-size: 3.11vw !important; width: 25vw;}
    #sit_rel h2{font-size: 3.11vw;}
    .hd_login{display: flex; justify-content: center; clear: both; padding: 2vw; height: 6vw; width: 85vw; margin: 0 auto;}
    #logo{margin-bottom: 8vw;}
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before{font-size: 6vw;}
    #hd_wrapper{overflow: visible;}
    #gnb_all .gnb_al_li{float: none; width: 100%; min-height: auto; padding: 0; border: none; margin-bottom: 10px;}
    .gnb_al_ul{padding: 20px;}
    #gnb_all .gnb_al_li .gnb_al_a{color: #014626;}
    #gnb_all h2{border: none;}
    #gnb_all{
        width: 85vw;
        right: 0;
    }
    #mainSlide{
        height: 30vh;
    }
    .slide img{
        border-radius: 5px;
    }
    .main h2{
        font-size: 4.4vw;
        line-height: 7vw;
        margin-bottom: 6.5vw;
    }
    .main h2 p{
        font-size: 3.6vw;
    }
    div#type01 .smt_10 .sct_li:last-child{
        display: block;
    }
    div#type01 .smt_10 .sct_li{
        width: calc(100%/2.1);
        margin-right: 2.86vw;
    }
    div#type01 .smt_10 .sct_li:nth-child(2n){
        margin-right: 0;
    }
    div#type01 .smt_10 .sct_li:nth-child(n+3){
        margin-top: 2.86vw;
    }
    div#type01 .smt_10 .sct_li:nth-child(3){
        margin-right: 2.86vw !important;
    }
    div#type01 .smt_10 .sct_li a img {
        height: 40.79vw;
    }
    div#type01 .smt_10 .sct_txt{
        font-size: 3.2vw;
    }
    div#type01 .smt_10 .sct_cost{
        font-size: 3.2vw;
    }
    section#newArrival{
        width: 85vw;
    }
    section#pick{
        width: 85vw;
    }
    #pick .smt_10 .sct_li:nth-child(n+3){
        display: none !important;
    }
    #pick .smt_10 .sct_li:nth-child(2){
        margin-right: 0;
    }
    .gnb_1da{
        font-size: 4vw;
    }
    .hd_login>li.login a{
        font-size: 2.8vw;
        line-height: 5.2vw;
    }
    .hd_login>li.login a{
        padding: 2vw;
    }
    .hd_login{
        height: 8vw;
        margin-top: 4vw;
    }
    #hd_qnb li a{
        font-size: 2.4vw;
    }
    .pic_lt li{
        width: calc(100%/2);
    }
    section#notice .pic_lt li .lt_img{
        width: 100%;
        height: 36.79vw;
    }
    section#notice .pic_lt{
        margin-top: 8vw;
    }
    section#notice::before {
        top: 12.29vw;
        height: 70vw;
    }
    section#notice .pic_lt li:nth-child(n+3){
        margin-top: 2.86vw;
    }
    section#notice .pic_lt .lt_more{
        font-size: 2.4vw;
        width: 15.21vw;
    }
    .gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {
        top: 9vw;
    }
    #bo_list{
        width: 85vw !important;
    }
    #sod_frm, #sod_frm_orderer{
        width: 85vw;
        margin: 0 auto;
    }
    .pagetitleEn{
        font-size: 4.4vw;
        line-height: 7vw;
    }
    .pagetitle{
        font-size: 3.6vw;
    }
    .tbl_head01 table tr th{
        font-size: 2.8vw;
        line-height: 5vw;
    }
    .tbl_head01 table tr td a{
        font-size: 2.8vw;
        line-height: 5vw;
    }
    .is_community .tbl_head01 td{
        font-size: 2.8vw;
        line-height: 5vw;
    }
    .bo_v_tit{
        font-size: 2.8vw !important;
        line-height: 5vw;
    }
    #bo_v_info .if_date{
        font-size: 2.4vw !important;
        line-height: 3vw;
    }
    .bo_v_com{
        margin: 0;
    }
    #bo_v_con{
        font-size: 2.8vw !important;
        line-height: 5vw;
    }
    #sct{
        width: 85vw !important;
    }
    #sct_ct_1 li a{
        font-size: 2.4vw;
        line-height: 4vw;
    }
    #sct_ct_1 li{
        width: calc(100%/4);
    }
    .sct_10 .sct_li{
        width: calc(100%/2.1);
        padding: 0;
    }
    .sct_10 .sct_li:nth-child(2n-1){
        margin-right: 2.86vw;;
        margin-left: 0;
        margin-bottom: 2.86vw;
    }
    .sct_10 .sct_li:nth-child(2n){
        margin-left: 0;
        margin-right: 0;
    }
    .sct_10.lists-row{
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .sct_10 .sct_txt{
        font-size: 3.2vw;
    }
    .sct_10 .sct_cost{
        font-size: 3.2vw;
    }
    .tbl_head03{
        overflow-x: scroll;
    }
    .tbl_head03 table{
        width: 180%;
    }.od_prd_list .total_prc{
        font-size: 3.2vw;
    }

    .hd_login .fa-shopping-cart{
        font-size: 4vw;
        line-height: 5vw;
    }
    .od_prd_list .td_prd .prd_name{
        font-size: 4vw;
        display: block;
        margin-top: 2vw;
    }
    #sit_tab .tab_con{
        padding: 0 !important;
    }
    .is_item{
        width: 85vw !important;
    }



}