/* BASIC css start */
/* 위클리 베스트 */
.main-wb-x20-tab li a {background:#fff; color:#666}
.main-wb-x20-tab li.active a {background:#796F65; color:#fff; }
.prod_box .prod_info {margin-top:13px; }
.prod_box .prod_info h5 { font-size:13px; color:#4D4D4D;}
.prod_box .prod_info .sz-price-wrap {margin-top:4px; }
.prod_box .prod_info .sz-price-wrap span.szm-regular-price {color:#BDBDBD}
.prodSwiper {padding-bottom:30px; width:1220px;}
.prodSwiper .swiper-scrollbar {width:100% !important; height:1px !important; position:static !important; border-radius:0; opacity:1; background:#DEDEDE; margin:21px auto 0 }
.prodSwiper .swiper-scrollbar-drag {background:#796F65; border-radius:0;}


.img img{width:26px;}


.tb-left, .tb-center, .tb-right {padding:0px !important;}

span.szm-regular-price {
    padding-right: 3px;
}

/********************마우스오버용 css*************/
.thumb2 {
    overflow: hidden;
    position: relative;
}


.thumb2 .over {
    display: none;
    text-align:center;            
           color:#000;
           padding-top:30px !important;
}

.thumb2:hover .over{ /*캡션 텍스트*/
    display: block;
    /*background: #000;*/
           /*ilter:alpha(opacity=70); */
           /*opacity:0.7;*/
    position: absolute;
    bottom: 0px;
    width: 100%; 
    height:100%;
           background: url(http://www.mayblue.co.kr/design/mayblue/wib/image/ov_box_bg.png) 0 0;

}


.pd div {text-align:left;}
.pd {padding-bottom:80px;}

.MS_prod_img_s {border:4px solid transparent;}


img{border:0;}


/* */
#mainroll4{position:relative; width:579px; height:502px;}
#smTable4 div.smTrendWrap4 { left:0; top:0px; width:579px; height:500px; }
#smtNavi4 { position:absolute; top:-33px; text-align:right; right:0px; width:320px; z-index:9999;}
#smtItem4 { position:absolute; top:0px;}
#smtNavi4 div.smtNavi4 { cursor:pointer;  height:11px; float:left; margin:0 0px 0 0px;}

#smtNavi4 div.smtNavi4_0 { width:66px; background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn01.gif') no-repeat; }
#smtNavi4 div.smtNavi4_1 { width:64px; background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn02.gif') no-repeat; }
#smtNavi4 div.smtNavi4_2 { width:74px; background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn03.gif') no-repeat; }
#smtNavi4 div.smtNavi4_3 { width:64px; background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn04.gif') no-repeat; }
#smtNavi4 div.smtNavi4_4 { width:45px; background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn05.gif') no-repeat; }

#smtNavi4 div.smtNavi4_0_hover { background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn01_on.gif') no-repeat; }
#smtNavi4 div.smtNavi4_1_hover { background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn02_on.gif') no-repeat; }
#smtNavi4 div.smtNavi4_2_hover { background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn03_on.gif') no-repeat; }
#smtNavi4 div.smtNavi4_3_hover { background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn04_on.gif') no-repeat; }
#smtNavi4 div.smtNavi4_4_hover { background:url('http://www.mayblue.co.kr/design/mayblue/wib/image/na_btn05_on.gif') no-repeat; }


#smtItem4 div.smtItem4 { display:none; width:579px; height:502px; border:0;}
#smtItem4 div.smtItem4_0 { display:block; }


.border_bod{
    border:1px solid #d1d1d1;
}

.border_bod2{
    border-right: 1px solid #d1d1d1;
}

.border_bod3{
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.vet_top table td{vertical-align:top;}


.mainaddsub_title {
    font-family: '돋움';
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    display: block;
}
.td_top_vert table td{vertical-align:top;}


span.mk_discount_box span.mk_origin_price{
color:#7a7a7a;
}
div.shipMain img { border:0; }
div.shipMain ul, div.shipMain li { margin:0; padding:0; list-style:none; border:0;}
div.smContainer { position:relative; width:897px; height:482px; border:0; margin:0 auto; left:0;} /*배너롤링*/
#smArrowl { cursor:pointer; position:absolute; left:15px; top:120px; width:9px; height:23px; background:url("/design/mayblue/wib/image/left.png") no-repeat; z-index:9;}
#smArrowr { cursor:pointer; position:absolute; right:15px; top:120px; width:9px; height:23px; background:url("/design/mayblue/wib/image/right.png") no-repeat; z-index:9;}

#mainroll{position:relative; width:100%; height:680px;}
#smTable div.smTrendWrap {width: 100%;}
#smtNavi { position:absolute; bottom:20px; left:0; width:100%; z-index:100; text-align:center;}
#smtItem {overflow:hidden; position:absolute; top:0px; border:0; left:0px;  width: 100%; height: 680px}
#smtNavi a { 
    display: inline-block; position: relative;
    cursor:pointer; border:0; padding: 4px; margin:0 0px 0 12px; color: #fff;
}
#smtNavi a.activeSlide {text-indent:-9999px; font-size:0;}
#smtNavi a.activeSlide::after {
    content: ''; display: inline-block; position: absolute; left: 0; top: 0; vertical-align: top;
	border-top: 1px solid #fff; width: 10px; margin: 3.5px 0 0;
}


#smtNavi div.smtNavi_0_hover { background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/mbt_on_01.gif) no-repeat; }
#smtNavi div.smtNavi_1_hover { background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/mbt_on_02.gif) no-repeat; }
#smtNavi div.smtNavi_2_hover { background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/mbt_on_03.gif) no-repeat; }
#smtNavi div.smtNavi_3_hover { background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/mbt_on_04.gif) no-repeat; }
#smtNavi div.smtNavi_4_hover { background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/mbt_on_05.gif) no-repeat; }
#smtNavi div.smtNavi_5_hover { background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/mbt_on_06.gif) no-repeat; }

#smtItem div.smtItem { display:none; width:897px; height:482px;}
#smtItem div.smtItem_0 { display:block; }
#smtItem div.smtItem img { width:897px; height:482px; border:0px; }

.smTableWrap .prev {position:absolute; left:15px; top:325px; margin-top:-25px; z-index:100; cursor: pointer;}
.smTableWrap .next {position:absolute; right:15px; top:325px; margin-top:-25px; z-index:110; cursor: pointer;}


.mainprice_td img {display:none;}
.Main_recomHeight, .Main_newHeight {padding-bottom:15px!important;}

.MK_addproductimg1 #imglink img {width:150px!important;}
.MK_addproductimg2 #imglink img {width:150px!important;}
.MK_addproductimg3 #imglink img {width:150px!important;}
.MK_addproductimg4 #imglink img {width:150px!important;}
.MK_addproductimg5 #imglink img {width:150px!important;}


.main_brandname1 {width:235px; font-size:12px; font-weight:bold; color:#898989; font-family:돋움; text-decoration:none; line-height:15px; height:15px;}
.main_brandname1 a:link {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.main_brandname1 a:visited {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.main_brandname1 a:hover {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.main_brandname1 a:active {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}


.maincusprice {text-decoration:line-through;}

.Main_newHeight {padding-bottom:20px;}
.mainbrandname {font-size:12px; font-weight:bold; color:#898989; font-family:돋움; text-decoration:none; line-height:15px;}
.mainbrandname a:link {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.mainbrandname a:visited {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.mainbrandname a:hover {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.mainbrandname a:active {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}

.main_brandname2 {font-size:12px; font-weight:bold; color:#898989; font-family:돋움; text-decoration:none; line-height:15px;}
.main_brandname2 a:link {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.main_brandname2 a:visited {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.main_brandname2 a:hover {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.main_brandname2 a:active {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}

.mk_price {font-weight:500; color:#7a7a7a!important; margin-top:5px; }
#imglink img {width:235px;}


.pro_cont_img img{width:150px;}
.pro_cont_img2 img{width:150px;}
.pro_cont_wrap2 {width:165px; height:240px; text-align:center;}
.pro_cont_name2 {width:150px; overflow:hidden; margin:auto; }


.pro_cont_name2 {font-size:12px; color:#898989; font-family:돋움; text-decoration:none; height:16px; padding-top:5px;}
.pro_cont_name2 a:link {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}


.pro_cont_name2 a:visited {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.pro_cont_name2 a:hover {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}
.pro_cont_name2 a:active {font-size:12px; color:#898989; font-family:돋움; text-decoration:none;}


.brandaddsub_title_space {font-weight:normal; padding-top:0; width:235px;}
.main_brandname1 .brandaddsb_title_space {width:235px;}
.mainbrandname {width:277px; overflow:hidden;}

nobr {display:none;}


.prod_empty {display:none!important;}

/* .sz-main-content{padding-bottom:50px;} */

/* banner */
.mainroll-wrap{margin-bottom:70px;}
.szbnr-hashtag{margin-bottom:40px;}
.hashtag-banner{padding:40px;text-align:center;}
.hashtag-banner li{display:inline-block;padding:0 24px;}
.hashtag-banner li a{
    font-size: 17px;
    line-height: 1.3;
    font-weight: normal;
    color: #505050;
}

.hashtag-banner li a:hover,
.hashtag-banner li a:focus {
    color: #d19494;
}

.szbnr-colbanner{margin-bottom:100px;overflow:hidden;}
.main-col-banner{margin-left:-10px;margin-right:-10px}
.main-col-banner li{
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding:0 10px;
}

.sz-main-mid-banner{text-align:center;}
.col-bnr-slider-1{width:100%;height:320px;overflow:hidden;}
#colBnrSlider1_Nav {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    z-index: 9;
    text-align: center;
}
#colBnrSlider1_Nav a {
    display: inline-block;
    margin: 0 3.5px;
    padding: 0;
    width: 8px;
    height: 8px;
    text-indent:-9999px;
    font-size:0; 
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    background-color: #999;
}
#colBnrSlider1_Nav a.activeSlide {
    background-color: #333;
}

/* main section */
.sz-main-section{position: relative; margin: 50px 0;}
.sz-sec-head{text-align: center; margin-bottom: 50px;}
.sz-sec-head h2{
    font-size: 26px; line-height: 1.3; font-weight: 500;
    letter-spacing: 1.5px; color: #111;
}
.sz-sec-head .sb {margin-top: 10px; font-size: 16px; color: #aaa;}

/* weekly*/
.weeklyWrap, .newArrivalWrap {position:relative; width:100%; height:auto; margin:0 auto;}

.weeklyWrap .prev,
.newArrivalWrap .prev {position:absolute; left:-40px; top:125px; margin-top:-25px; z-index:100; cursor: pointer;}

.weeklyWrap .next,
.newArrivalWrap .next {position:absolute; right:-40px; top:125px; margin-top:-25px; z-index:110; cursor: pointer;}

.newArrivalWrap .newArrivalArea {width: 100%; height: 385px}

.weekly,
.arrival {width:100%; margin:0 auto;}

.weekly .inner,
.arrival .inner {width:100%; height:auto; margin:0 auto;}

.weekly .item,
.arrival .item {position:relative; float:left; width:157px; height:214px; margin-left:18px; margin-bottom:20px;}

.weekly .item a,
.arrival .item a {display:block;}

.weekly .item .imgWrap img,
.arrival .item .imgWrap img {width:100%; border:0!important;}

.weekly .item:first-child,
.arrival .item:first-child {width:299px; height:446px;margin-left:0; margin-bottom:0;}

.weekly .item .ov_box,
.arrival  .item .ov_box {display:none; position:absolute; top:0; left:0; z-index:3000; width:100%; height:100%; background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/ov_box_bg.png) 0 0;}

.weekly .item .ov_box.on,
.arrival .item .ov_box.on {display:block;}

.weekly .item .ov_box div,
.arrival .item .ov_box div {color:#fff; text-align:center; line-height:1.6}

.weekly .item .ov_box div .mk_price,
.arrival .item .ov_box div .mk_price {color:#fff!important}

.weekly .item .ov_box div .icon,
.arrival .item .ov_box div .icon {display:none;}

/* product table */
.sz-main-prd-table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

/* .sz-main-prd-table .szm-cont{width:297px;} */
.sz-main-prd-table .szm-thumb{margin-bottom: 8px;}
.sz-main-prd-table .szm-extra{max-width: 300px; margin-bottom: 12px;}
.sz-main-prd-table .szm-soldout{color:#c74037;}
.sz-main-prd-table .szm-name{color:#3b3b3b;font-size:13px}
.sz-main-prd-table .szm-name b{font-weight:normal;font-size:inherit}
.sz-main-prd-table .szm-subname{margin-top: 7px;}
.sz-main-prd-table .szm-p-line{margin-top: 12px;font-size:13px}
.sz-main-prd-table .szm-regular-price{float:left;margin-right:6px;}
.sz-main-prd-table .szm-subname b{font-weight:normal;}


.sz-main-prd-table .szm-cont .prd-color {margin-bottom:17px;line-height:5px}
.sz-main-prd-table .szm-cont .prd-color > span {display:block;float:left;width:14px;height:3px;margin-right:5px;}


/* instagram */
.szsec-instagram .sz-sec-head h2{
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
}
.szsec-instagram .sz-sec-head .subtitle{
    margin-top: 7px;
    font-size: 14px;
}

.szsec-instagram .h-icon{margin-bottom:3px;text-align:center;}
.szsec-instagram .h-icon img{width:43px;height:43px;}

.font0 {font-size:0;}


.ov_box {display:none; position:absolute; top:0; left:0; z-index:3000; width:100%; height:100%; background:url(http://www.mayblue.co.kr/design/mayblue/wib/image/ov_box_bg.png) 0 0;}
.ov_box.on {display:block;}
.ov_box div {color:#fff; text-align:center; line-height:1.6}
.ov_box div .mk_price {color:#fff!important}
.ov_box div .icon {display:none;}


/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }


/* 2018년 8월 리뉴얼 관련 스타일 코드 */
.sz-main-sw4-banner__w {position: relative;}
.sz-main-sw4-banner__w .swiper-button-next::after,
.sz-main-sw4-banner__w .swiper-button-prev::after {overflow: hidden; text-indent: -999px;}
.sz-main-sw4-banner__w .swiper-button-next,
.sz-main-sw4-banner__w .swiper-button-prev {
    width: 100px; height: 100px; top: 95px; margin-top: 0;
    background-repeat: no-repeat; background-position: center; background-size: contain;
    
}
.sz-main-sw4-banner__w .swiper-button-next {right: -100px; background-image: url(/design/mayblue/smartskin_re/img/re2023/arrow5-r.png);}
.sz-main-sw4-banner__w .swiper-button-prev {left: -100px; background-image: url(/design/mayblue/smartskin_re/img/re2023/arrow5-l.png);}
.sz-main-sw4-banner__w .swiper-button-next.swiper-button-disabled,
.sz-main-sw4-banner__w .swiper-button-prev.swiper-button-disabled {display: none;}

.sz-main-sw4-banner .ssitem {display: block; line-height: 1.3;}
.sz-main-sw4-banner .ssitem img {display: block;}
.sz-main-sw4-banner .ssitem h5 {letter-spacing: 1.5px;margin-top: 14px; font-size: 17px; font-weight: 500; color: #111;}
.sz-main-sw4-banner .ssitem p {margin-top: 2px; font-size: 13px; color: #999;font-weight: 400;}


.sz-main-fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.sz-main-fullwidth img {
    max-width: 100%;
}

.img-text-banner-article {
    text-align: center;
}

.img-text-banner-article h3 {
    margin-top: 32px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #3b3b3b;
}

.img-text-banner-article p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #3b3b3b;
}

.main-text-roll-wrap {
  width: 1220px;
  margin: 60px auto 0;
}

#main-text-roll {
  position: relative;
  width: 100%;
  height: 160px;
}

#smtTextItem {
  overflow: hidden;
  position: absolute;
  top: 0px;
  border: 0;
  left: 0px;
  width: 100%;
  height: 160px;
  background-color: #f9f2ec;
}

#smtTextItem a {
  display: block;
  width: 1220px;
  height: 43px;
  text-align: center;
}

#smtTextItem h3 {
  font-size: 30px;
  padding-top: 45px;
  padding-bottom: 15px;
  line-height: 1;
  color: #000;
}

#smtTextItem p {
  font-size: 15px;
  color: #000;
}

#smtTextNavi,
#smtWbNavi {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 9;
  text-align: center;
}

#smtTextNavi a,
#smtWbNavi a {
  cursor: pointer;
  border: 0;
  padding: 4px;
  margin: 0 0px 0 12px;
  background: url(/design/mayblue/wib/image/main_roll_dot_off.gif) no-repeat;
  text-indent: -9999px;
  font-size: 0;
}

#smtTextNavi a.activeSlide,
#smtWbNavi a.activeSlide { 
  background: url("/design/mayblue/wib/image/main_roll_dot_ov.gif") no-repeat;
}

.smTextTableWrap .prev {
  position: absolute;
  left: 200px;
  top: 80px;
  margin-top: -25px;
  z-index: 100;
  cursor: pointer;
}

.smTextTableWrap .next {
  position: absolute;
  right: 200px;
  top: 80px;
  margin-top: -25px;
  z-index: 100;
  cursor: pointer;
}


.snz-main-tff-list li {
    float: left;
}

.szsec-new .szm-cont,
.szsec-best .szm-cont {
    min-height: 605px;
}

.szsec-add5 .szm-thumb .MS_prod_img_m {
    border: 4px solid transparent;
}

.szsec-add5 .szm-thumb .MS_prod_img_m:hover {
    border: 4px solid rgb(248, 213, 201);
}

.szsec-new .szm-cont .szm-thumb img,
.szsec-best .szm-cont .szm-thumb img {
    width: 297px;
}

.szm-extra-wrapper .szm-p-line {
    margin-top: -4px;
}


.szm-cont .szm-thumb {
    margin-bottom: 8px;
}

.szm-cont .szm-extra-wrapper {
    padding:0 4px;
    line-height: 1.5;
}

#mainTextRollWrap {
    background-color: #f9f2ec;
}

.szsec-add5 .sz-main-prd-table .pd .szm-cont,
.szsec-add6 .sz-main-prd-table .pd .szm-cont {
    width: 305px;
}

.szsec-add5 .sz-main-prd-table .pd .szm-cont .szm-thumb img,
.szsec-add6 .sz-main-prd-table .pd .szm-cont .szm-thumb img {
    width: 297px;
}
.szsec-new .szm-cont {width: 305px;}
.main-wb-x20 {padding: 75px 0 125px; background-color: #f7f7f7;}
.main-wb-x20 .wb-tit {margin-bottom: 24px;}
.main-wb-x20-tab {margin-bottom: 32px;}
.main-wb-x20-tab ul {display: flex; justify-content: center; gap: 14px;}
.main-wb-x20-tab li a {
    display: block; min-width: 100px; padding: 9px 10px; border-radius: 20px; box-sizing: border-box;
    font-size: 15px; line-height: 1.25; text-align: center;
    color: #3b3b3b; background-color: #fff; transition: color .3s, background .3s;
}
.main-wb-x20-tab li.active a {color: #fff; background-color: #796F65;}
.main-wb-x20-list {display: none;}
.main-wb-x20-list.active {display: flex; gap: 5px;}
.main-wb-x20__l {flex: 0 0 552px;}
.main-wb-x20__r {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px;}
.wb-item-x2 .ov-link {display: block; position: relative;}
.wb-item-x2 .ov-link > img {display: block; max-width: 100%;}
.wb-item-x2 .MS_prod_img_s {border: 0;}
.wb-item-x2 .ov-info {
    position: absolute; left: 0; bottom: 0; width: 100%; min-height: 120px; box-sizing: border-box; 
    padding: 25px; background-color: rgba(255,255,255,.85); opacity: 0; transition: opacity .3s;
}
.wb-item-x2 .ov-link:hover .ov-info,
.wb-item-x2 .ov-link:focus-visible .ov-info {opacity: 1;}
.wb-item-x2 .ov-info h5 {margin-bottom: 12px; font-size: 13px; color: #000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wb-item-x2 .ov-info .sz-price-wrap {font-size: 13px; color: #000;}
.wb-item-x2 .ov-info .szm-regular-price {color: #666;}
.wb-item-x2 .ov-info .szm-discount {margin-left: 5px;}
.wb-item-x2 .ov-info .dc-info {margin-left: 5px; color: #fa5500; font-weight: 700;}
.wb-item-x2.rt .ov-info {min-height: 90px; padding: 12px 20px 15px;}

.sz-mid2rb.swiper {overflow: visible;}
.sz-mid2rb.swiper .swiper-slide {position: relative; transform: scale(0.83) translateX(-30px); transition: transform .3s;}
.sz-mid2rb.swiper .swiper-slide.swiper-slide-prev {transform: scale(0.83) translateX(30px)}
.sz-mid2rb.swiper .swiper-slide.swiper-slide-active,
.sz-mid2rb.swiper .swiper-slide.swiper-slide-next {transform: scale(1);}
.sz-mid2rb .b-a {display: block;}
.sz-mid2rb .b-a img {display: block; max-width: 100%;}
.sz-mid2rb.swiper .swiper-slide::after {
    content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,.5);
}
.sz-mid2rb.swiper .swiper-slide.swiper-slide-active::after,
.sz-mid2rb.swiper .swiper-slide.swiper-slide-next::after {content: none; display: none;}

.mid2-rolling-banner {margin-bottom: 150px;}
.mid2-rolling-banner .swiper-button-next::after,
.mid2-rolling-banner .swiper-button-prev::after {overflow: hidden; text-indent: -999px;}
.mid2-rolling-banner .swiper-button-next,
.mid2-rolling-banner .swiper-button-prev {
    width: 120px; height: 120px; top: 50%; margin-top: -60px;
    background-repeat: no-repeat; background-position: center; background-size: 100px 100px;
    background-color: rgba(255,255,255,.3);
}
.mid2-rolling-banner .swiper-button-next {right: -166px; background-image: url(/design/mayblue/smartskin_re/img/re2023/arrow4-r.png);}
.mid2-rolling-banner .swiper-button-prev {left: -166px; background-image: url(/design/mayblue/smartskin_re/img/re2023/arrow4-l.png);}
.mid2-rolling-banner .swiper-button-next.swiper-button-disabled,
.mid2-rolling-banner .swiper-button-prev.swiper-button-disabled {display: none;}

.szmain-prom-section {padding: 85px 0;}
.szmain-prom-section.gr {background-color: #f7f7f7;}
.szmain-prom-fx {display: flex;}
.szmain-prom-fx .fx-c1 {flex: 0 0 305px;}
.szmain-prom-fx .fx-c2 {min-width: 0;}
.szmain-prom-fx .fx-c1 h3 {padding-top: 2px; margin-bottom: 16px; font-size: 28px; color: #111;}
.szmain-prom-fx .fx-c1 .m8 {font-size: 16px; color: #aaa;}
.szmain-prom-fx .fx-c1 .m8::after {
    content: ''; display: inline-block; margin-left: 4px; width: 12px; height: 12px;
    background: url(/design/mayblue/smartskin_re/img/re2023/more8.png) center / contain no-repeat;
}
.sz-main-sw4-banner__w.szmain-promo-sww__c .swiper-button-next,
.sz-main-sw4-banner__w.szmain-promo-sww__c .swiper-button-prev {top: 145px;}


/* 아워브랜드 */
.ourbrandSwiper .swiper-slide {width:calc(33.33% - 1px)}
.ourbrandSwiper .swiper-slide a { position:relative; display:block; }
.ourbrandSwiper .swiper-slide a .txt_box {position:absolute; bottom:32px; left:0;text-align:center; width:100%  }
.ourbrandSwiper .swiper-slide a .txt_box .tt {font-size:16px; color:#fff;  font-weight:600; }
.ourbrandSwiper .swiper-slide a .txt_box .des {font-size:9.5px; color:#fff;  font-weight:300; margin-top:10px;  }
.ourbrandSwiper .swiper-slide a img {width:100%}


.sz-sec-body { width: 1220px; margin: 0 auto; }

 /* .promotionTxt_box {margin:24px 0 52px} */
.promotionTxtSwiper {padding:0 10px; }
.promotionTxtSwiper:last-child {padding-top:7px}
.promotionTxtSwiper .swiper-slide {width: auto !important;}
.promotionTxtSwiper .swiper-slide a {box-sizing:border-box;border:1px solid #D9D9D9;padding:5px 15px 5px 8px; display:flex;align-items: center;justify-content: center; border-radius:30px; }
.promotionTxtSwiper .swiper-slide a .img {display:inline-block; margin-right:5px; }
.promotionTxtSwiper .swiper-slide a .txt {display:inline-block;font-size:1.2rem; }


/*텍스트 배너*/
/* .promotionTxt_box  {margin:60px 0} */
.promotionTxt_list { text-align:center; }
.promotionTxt_list li {margin-right:8px; margin-bottom:10px; display:inline-block;  }
.promotionTxt_list li a {box-sizing:border-box;border:1px solid #D9D9D9;padding:7px 15px 7px 8px; display:flex;align-items: center;justify-content: center; border-radius:30px; }
.promotionTxt_list li a .img {display:inline-block; margin-right:5px; }
.promotionTxt_list li a .txt {display:inline-block;font-size:14px; font-weight: 500; color: #000 ! important; }


/* 팝업 */
.main_popUp_box { position: absolute; top: 0; left: 0; width:320px; height:auto; padding:0; z-index: 9999; box-sizing:border-box; display: none;}
.main_popUp_wrap { width:100%;  } 
.main_popUp_con { display:block; width:100%; position:relative; }
.main_popUp_swiper  {overflow:hidden; position:relative;  }
.main_popUp_con .swiper-slide a {display:inline-block; width:100%; height:100%; }
.main_popUp_con .swiper-slide img {width:100%}
.main_popUp_con .swiper-pagination {bottom:0px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#000}
.main_popUp_btn {display:block;width:100%;display:flex;align-items: flex-start;justify-content: flex-start; background-color: #ddd}
.main_popUp_btn .btn_today_close {width:50%; height:32px; cursor: pointer; }
.main_popUp_btn .btn_today_close label {display:flex;align-items:center;justify-content: center;font-size:13px;font-weight: 400;border-right: 1px solid #c6c6c6;box-sizing:border-box;width:100%;height:100%;position: relative;color: #393939;cursor: pointer;}
.main_popUp_btn .btn_today_close label input {visibility:hidden; opacity:0; position:absolute; top:0; right:0}
.main_popUp_btn .btn_close {width:50%;height:32px;display:flex;align-items: center;justify-content: center;font-size:13px;font-weight: 400;box-sizing:border-box;color: #393939;}


/* BASIC css end */