/*폰트*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
*{
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: #212121;
}


#hd_wrapper{
    display: flex;
    justify-content:
    space-between;
    width: 75.52vw;
    padding-bottom: 2.08vw;
}
#gnb{border: none; margin-bottom: 0 !important;}
#gnb #gnb_1dul{
    padding-top: 0.3vw;
}
.hd_login .fa-shopping-cart{
    color: #ffffff;
}

/*hdTop*/
#hdTop{
    width: 100%;
    height: 1.56vw;
    background:#014626;
    display: table;
}
#hdTop p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#hdTop p a{
    font-size:0.73vw;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.56em;
}
#tnb .inner{
    width: 75.52vw;
}
#logo a img{
    width: 10.1vw;
}
.hd_login{
    background: #014626;
    padding: 6px 20px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 50vw;
    margin-top: 1vw;
}
.gnb_1da{
    font-size: 0.94vw;
}
/** main페이지 시작 **/
/* mainSlide 시작 */
#mainSlide {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
  }
  .slider-container {
    overflow: hidden;
    position: relative;
  }
  .slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  .slide {
    /* min-width: 75.52vw */;
    flex-shrink: 0;
    margin: 0 10px;
    opacity: 0.5;
    transform: scale(0.9);
    transition: opacity 0.5s, transform 0.5s;
  }
  .slide.active {
    opacity: 1;
    transform: scale(1);
  }
  .slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
  }
  @media (max-width: 500px) {
    .slide {
      min-width: 90%;
    }
  }
/* mainSlide 끝 */
/* newArrival 시작 */
.main h2{
    text-align:center;
    font-size: 1.56vw;
    font-weight: 900;
    letter-spacing: -0.05em;
    color: #767777;
    line-height:  1.56vw;
    margin-bottom: 3.13vw;
}
.main h2 p{
    text-align:center;
    font-size: 1.04vw;
    font-weight: 500;
    letter-spacing: 0;
    color: #212121;
    margin-top: 1.04vw;
    line-height: 1.04vw;
}
.mainSec{
    margin-bottom: 5.21vw;
}
section#newArrival{
    width: 75.52vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
div#type01 .smt_10 .sct_li{
    width: calc(100%/4.6);
    margin-right:2.86vw;
    margin-bottom: 0;
}
div#type01 .smt_10 .sct_li:last-child{
    margin-right: 0 !important;
}
div#type01 .smt_10 .sct_li a img{
    width: 100%;
    height: 16.79vw;
}
div#type01 .smt_10 .sct_li .sct_basic{
    display: none;
}
div#type01 .smt_10 .sct_txt{
    border-bottom: none;
    font-size: 0.94vw;
    letter-spacing: -0.05em;
    margin: 0;
}
div#type01 .smt_10 .sct_cost{
    font-size:0.83vw;
    letter-spacing: -0.05em;
    color: #c7171e;
    margin: 0;
}
div#type01 .smt_10 .sct_ct_wrap{
    border: 1px solid #f2f2f2;
    padding: 1.56vw;
}
/* newArrival 끝 */
/* 광고배너 시작 */
section#adBanner{
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
section#adBanner img{width: 100%;}
/* 광고배너 끝 */
/* MD'S PICK 시작 */
div#type02 {
    background: url('../img/mdBannerBg.png')no-repeat 00/100%;
    width: 47.4vw;
    padding: 4.5vw 4.69vw;
    box-sizing: border-box;
}
div#type02 .smt_20 .sct_li{
    width: 16.67vw;
    margin-right:4.17vw;
    margin-bottom: 0;
}
div#type02 .smt_20 .sct_li a img{
    width: 100%;
    height: 17.79vw;
}
.smt_20 .sct_img{
    background: #ffffff;
    border-radius: 20px;
}
div#type02 .smt_20 .sct_li .sct_basic{
    display: none;
}
div#type02 .smt_20 .sct_txt{
    border-bottom: none;
    padding-left: 1.56vw;
}
div#type02 .smt_20 .sct_txt a{
    font-size: 0.94vw;
    letter-spacing: -0.05em;
    padding-top: 1.56vw;
    margin: 0;
    color: #ffffff;
}
div#type02 .smt_20 .sct_cost{
    font-size:0.83vw;
    letter-spacing: -0.05em;
    color: #ffffff;
    margin: 0;
    padding-left: 1.56vw;
}
section#pick{
    width: 75.52vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.sctrl{
    display: none;
}
#mdBanner{
    display: flex;
}
#mdBanner div:first-child > img{
    width: 28.13vw;
}
/* MD'S PICK 끝 */
/* Best 시작 */
section#best{
    width: 75.52vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
/* Best 끝 */
/* Notice 시작 */
section#notice{
    width: 75.52vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
section#notice::before{
    content: "";
    width: 100vw;
    height: 16.25vw;
    background: #f2f2f2;
    display: block;
    position: absolute;
    top: 6.29vw;
    z-index: -1;
    left: -12.3vw;
}
section#notice h2{
    margin-bottom: 6.25vw;
}
section#notice .pic_lt{
    background: none;
}
section#notice .lat_title{
    display: none;
}
section#notice .pic_lt .lt_more{
    position: relative;
    margin-top: 3.13vw;
    font-size: 0.94vw;
    color: #014626;
    padding: 5px 0;
    border: 1px solid #014626;
    width: 5.21vw;
    margin-left: auto;
    margin-right: auto;
}
section#notice .pic_lt li .lt_img{
    width: 16.67vw;
    height: 16.67vw;
}
section#notice .pic_lt li .lt_img img, .pic_lt li .lt_img video{
    height: 100%;
}
section#notice .lt_info, .new_icon{
    display: none !important;
}
section#notice .pic_lt li{
    text-align: center;
}
section#notice .pic_lt li a{
    font-size:0.94vw;
    color: #212121;
    letter-spacing: -0.05em;
    font-weight: 700;
}
section#notice .lt_img{
    margin-bottom: 1.56vw;
}
.smt_10{
    margin: 0;
}
/* Notice 끝 */
#ft b{color: #ffffff !important;}
#ft span{color: #ffffff !important;}
.ft_info span{
    font-size: 0.83vw;
}
.ft_info img{width: 14.06vw}
#ft_wr{width: 75.52vw; margin: 0 auto;}
.ft_info ul{
    display: flex;
    margin-top: 2.6vw;
    margin-bottom: 3.65vw;
}
.ft_info ul li{
    margin-right: 1.04vw;
}
.ft_info ul li:last-child{
    margin-right: 0;
}
.ft_info ul li a{
    font-size: 0.83vw;
    color: #ffffff;
    letter-spacing: -0.05em;
}
#ft_company{
    display: flex;
    justify-content: space-between;
}
#ft_wr .customer{text-align: right; padding-top: 3vw;}
#ft_wr .customer a{color: #ffffff;}
#ft_wr .customer h4{font-size:3.13vw; margin:2.6vw 0 3.13vw 0;}
#ft{margin-top: 5vw;}
/**main페이지 끝**/

#sct{width: 75.52vw; margin: 0 auto;}
#wrapper_title{text-align: center;}
#sct_location{display: none;}
.pagetitleEn{font-size: 1.56vw; color: #767777; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; margin-bottom: 1.04vw; font-weight: 700;}
.pagetitle{font-size: 1.04vw; color: #212121; letter-spacing: -0.03em; text-align: center; margin-bottom: 6.25vw;}
.sct_10 .sct_txt{border: none;}
.sct_10 .sct_li{margin-right: 2.24vw; margin-left: 2.24vw; width: calc(100% / 3.4); box-sizing: border-box;}
.sct_10 .sct_li:nth-child(3n){margin-right: 0;}
.sct_10 .sct_li:nth-child(3n-2){margin-left: 0;}
.lists-row .sct_img img{width: 100%;}
.sct_10 .sct_txt{margin: 0;}
.sct_ct_wrap{border: 1px solid #f2f2f2; padding: 1.56vw;}
.sct_10 .sct_cost{color: #c7171e; font-size: 0.83vw;}
.sct_10 .sct_txt{font-size: 0.94vw; font-weight: 700;}
.sct_ct{border-top:2px solid #014626}
#sct_ct_1 li a{font-size: 0.73vw;}
#sct_ct_1 li {text-align: center;}
.sct_10{margin: 1.3vw 0;}
#gnb .gnb_1dli:hover > a{color: #014626;}
.gnb_1dli_on .gnb_1da:after{display: none;}
.gnb_1dli_on .gnb_1da{background-color: none; color: #014626;;}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul{top:2vw; left:0vw; z-index: 1000; background: none;}
.gnb_2dul{padding: 0; border: none;}
.gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before{display: none;}
.gnb_2dul .gnb_2dul_box{
    border: none;
    box-shadow: none;
    position: relative;
    z-index: 1000;
}
#wrapper{
    z-index: 1;
}
a.gnb_2da:hover{
    color: #014626;
}
#bo_list{
    width: 75.52vw !important;
    margin: 0 auto;
}
.tbl_head01 thead th{
    border-top: 2px solid #014626;
    font-size: 0.63vw;
}
.is_community .tbl_head01 td{
    font-size: 0.63vw;
}
#bo_list tbody tr:hover{
    border-left: 2px solid #014626;
}
#bo_gall{
    width: 75.52vw !important;
    margin: 0 auto;
}
#bo_gall #gall_ul > li{
    width: calc(100%/3.4);
    margin-right: 2.24vw;
    margin-left: 2.24vw;
}
#bo_gall #gall_ul > li:nth-child(3n-2){
    width: calc(100%/3.4);
    margin-left: 0
}
#bo_gall #gall_ul > li:nth-child(3n){
    width: calc(100%/3.4);
    margin-right: 0
}
#bo_gall .gall_img{
    border: none;
}
#bo_gall .bo_tit{
    font-size: 0.94vw;
    color: #212121;
}
#bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view{
    color: #767777 !important;
    font-size: 0.94vw;
}
.fa-clock-o:before{
    display: none;
}
#bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view{
    margin-left: 0;
}
#bo_gall .gall_img{
    height: 20.34vw !important;
    max-height: 20.34vw !important;
    border-radius: 20px;
}
#bo_gall .gall_img a, #bo_gall .gall_img .no_image, #bo_gall .gall_img .is_notice{
    width: 100%;
    height: 100%;
}
#bo_gall .gall_img img, #bo_gall .gall_img video{
    width: 100%;
    height: 100% !important;
}
.gall_row .col-gn-0, .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .gall_row .col-gn-10{
    padding-left: 0;
    padding-right: 0;
}
#bo_v{
    width: 75.52vw !important;
    margin: 0 auto;
}
.bo_v_tit{
    color: #212121 !important;
    font-size: 0.94vw !important;
}
#bo_v_info .if_date{
    font-size: 0.83vw !important;
    color: #767777 !important;
}
#bo_v_con{
    font-size: 0.83vw !important;
    color: #212121 !important;
}
.bo_v_nb li{
    font-size: 0.63vw !important;
}
#sct_location.view_location{
    display: none ;
}
.is_item{
    width: 75.52vw !important;
    margin: 0 auto;
}
#sit_ov_wrap{
    width: 75.52vw !important;
    margin: 0 auto;
}
#sit_title{
    font-size: 1.15vw;
}
#sit_ov{
    width: 31.25vw;
}
#sit_desc{
    font-size: 0.73vw;
}
.sit_ov_tbl th, td{
    font-size: 0.83vw;
    line-height: 0.83vw;
}
.sit_opt_subj{
    color: #767777 !important;
    font-size: 0.73vw;
}
#sit_opt_added li{
    background: #f2f2f2;
}
#sit_opt_added .sit_opt_prc{
    color: #c7171e !important;
    font-size: 0.73vw;
}
#sit_ov_btn button{
    font-size: 0.83vw !important;
}
.sit_btn_buy{
    background: #014626 !important;
    border: 1px solid #014626;
}
#sit_buy{display: none;}
#sit_tab{width: 100%;}
#sit_tab .tab_tit li .selected:after{
    background: #014626;
}
a.btn02{ 
    background: #014626 !important;
    border: 1px solid #014626;
}
#sit_pvi_big img{
    width: 26.04vw;
}
#sit_ov_btn button{
    width: 10.42vw;
}
#sit_rel h2{
    font-size: 1.15vw;
}
.sod_left{
    width: 70vw;
}
.sod_right{
    width: 25vw;
}
#forderform{
    width: 97vw;
}
.register{
    width: 75.52vw;
}
#sod_bsk, #smb_my, #forderform, #sod_frm_orderer, #sod_v{
    margin: 0 auto;
    width: 75.52vw;
}
#sod_fin{
    overflow: hidden;
    margin: 0 auto;
    width: 75.52vw;
}
.chk_li{
    color: #212121 !important;
}
.smt_10 .sct_img{
    background: #f2f2f2;
}

@media screen and (min-width:841px){
    .mo{display: none !important;}
    .pc{display: block !important;}
    .f_pc{display: flex !important;}
    .f_mo{display: none !important;}
    
}