/* BASIC css start */
/* 롤링배너 */
/* main01 */
#main01  {position: relative;width:100%;overflow:hidden;}
#main01 .slider {position: relative;width:100%;overflow:hidden;height:100vh;height: calc(100vh - var(--announcement-height, 20px));}
#main01 .slider .slide_tit {display: flex;position: absolute;bottom:20px!important;left: 50%!important;z-index: 100;transform: translate(-50%,0);max-width:320px;}
#main01 .slider .slide_tit > li {display: flex;flex:1 1 0;justify-content: center;align-items: center;position: relative;width:60px;height:2px!important;margin:0 5px;padding: 0 10px;background: rgba(0,0,0,0.3);border-radius:0;font-size: 16px;letter-spacing:-0.025em;color: rgb(255, 255, 255);opacity: 1;}
#main01 .slider .slide_tit > li.swiper-pagination-bullet-active {}
#main01 .slider .slide_tit > li .bar {position: absolute;bottom: 0;left: 0;width:0;height: 5px;background: #111;}
#main01 .slider .slide_tit > li.swiper-pagination-bullet-active .bar {animation-name: countingBar;animation-duration: 3s;animation-timing-function: linear;animation-fill-mode:forwards;}
@keyframes countingBar {
	0% {width: 0;}
	100% {width:100%;}
}
#main01 .swiper-slide {overflow:hidden;position:relative;height:100%;}
#main01 .swiper-slide .txt-area {display:none;font-family: 'Spoqa Han Sans Neo','sans-serif';position:absolute;bottom:15%;left:5%;}
#main01 .swiper-slide .txt-area .txt01 {font-size:1.95rem;display:block;font-weight: 700;margin-bottom:30px;color: #fff;opacity : 0.7;text-shadow:2px 2px 4px gray;}
#main01 .swiper-slide .txt-area .txt02 {font-weight: 400;font-size: 1.05rem;color: #2b2b2b;}

#main01 .slider .control {display: flex;justify-content: center;align-items: center; position: absolute;bottom: 100px;left:50%; width: 15%; height: 30px; background-color: rgb(0, 0, 0, 0.3);border-radius:15px;z-index: 9;}
#main01 .slider .control .btn {display: flex;align-items: center;font-size: 16px;font-weight: 400;letter-spacing:-0.025em;color: #fff;cursor: pointer;}
#main01 .slider .control .num {margin: 0 7px;font-size: 16px;font-weight: 300;letter-spacing:-0.025em;color: #fff;}

#main01 .slider .swiper-slide-active .main_top_area {animation-name:plus;animation-duration: 3s;animation-timing-function: linear;animation-fill-mode:forwards;width: 100%;height:100%;background-position:0 center;background-repeat:no-repeat;}
@keyframes plus {
	0% {transform: scale(1.1);}
	100%  {transform: scale(1.0);}
 }



/* 메인배너교체시 이미지경로 변경 */
#main01 .slider .slide-bg1 {width: 100%;height:100%;background-image:url('/design/heimish/renewal2019/mb/banner/M_main33.jpg');background-size:cover;}
#main01 .slider .slide-bg2 {width: 100%;height:100%;background-image:url('/design/heimish/renewal2019/mb/banner/M_matcha.jpg');background-size:cover;}
#main01 .slider .slide-bg3 {width: 100%;height:100%;background-image:url('/design/heimish/renewal2019/mb/banner/M_watermelon.jpg');background-size:cover;}
#main01 .slider .slide-bg4 {width: 100%;height:100%;background-image:url('/design/heimish/renewal2019/mb/banner/M_allclean.jpg');background-size:cover;}
#main01 .slider .slide-bg5 {width: 100%;height:100%;background-image:url('/design/heimish/renewal2019/mb/banner/M_main_mascara.jpg');background-size:cover;}

#main01 .slider a {display:block;width:100%;height:100%;}


/* main02 */
#main02 {width:100%;margin:80px auto 0;}
#main02 .item-wrap {width:100%;position:relative;margin:0 auto;padding:0 0 0 5%;}
#main02 .item-wrap .mySwiper {padding-bottom:100px;} 
#main02 .item-wrap .item-list .item-type-1 li {position:relative;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap  {font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .ranking {position:absolute;left:0;top:1px;width: 25px;height: 25px;background: rgba(17, 17, 17, 0.6);color:#fff;font-size: 0.95rem;line-height:25px;text-align:center;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .prd-thumb {width:100%;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .prd-thumb img {width:100%;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info {margin:10px 0; }
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info p {margin-bottom:10px;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info .prd-name {height:37px; overflow:hidden; }
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info .prd-name a {font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-style: normal;font-weight: 500;font-size: 0.85rem;color: #111111; }
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info .discount {font-weight: 500;font-size: 0.95rem;color: #D70D42;padding-right:5px;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info .price {font-weight: 500;font-size: 0.95rem;color: #111111;padding-right:5px;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info strike {font-weight: 500;font-size: 0.8rem;color: #999999;}
#main02 .item-wrap .item-list .item-type-1 li .prd-wrap .info .prd-review { font-weight: 400;font-size: 0.8rem;color: #999999;}
.item-hd {font-family: 'Poppins';color:#111111;font-size:28px;text-align:center;font-weight: 500;margin-bottom:30px;}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:95%!important;height: var(--swiper-pagination-progressbar-size,2px)!important;top:85%!important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#111!important;}
#main02 swiper-horizontal>.swiper-pagination-bullets, #main02 .swiper-pagination-bullets.swiper-pagination-horizontal, #main02 .swiper-pagination-custom, #main02 .swiper-pagination-fraction {bottom:var(--swiper-pagination-bottom,58px)!important;}


/* main03 */
#main03 {width:100%;padding:40px 0;background:#F5F5F5;position:relative;}
#main03 .sec_inner { width:70%;margin:0 auto;}
#main03 .li_review .rv_main{ }
#main03 .li_review .rv_main .thumb{width:100%;}
#main03 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#main03 .li_review .rv_main .thumb a img {width: 100%; height: 100%; object-fit: cover;}
#main03 .li_review .rv_main .rv_main_cont {width: 100%; padding: 10px 0;}
#main03 .li_review .rv_main .rv_main_cont .rv_info { padding-bottom:20px;text-align:center;border-bottom:1px solid #EDEDED;}
#main03 .li_review .rv_main .rv_main_cont .rv_info a {text-align:center;font-size:0.95rem; text-overflow: ellipsis; overflow: hidden;font-family: 'Spoqa Han Sans Neo';font-weight: 500;color: #111111; }
#main03 .li_review .rv_main .rv_cont {padding:20px 0;text-align:center;font-size:0.85rem; text-overflow: ellipsis; overflow: hidden;font-family: 'Spoqa Han Sans Neo';font-weight: 400;color: #111111; }
#main03 .li_review .rv_main .rv_star { text-align:center;font-family: 'Noto Sans KR';font-weight: 700;font-size: 16px;line-height: 20px;color: #111111; }
#main03 .li_review .rv_main .rv_star img {margin-right:5px;}


/* main04 */
#main04 {margin:30px auto 0;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-weight:400;color:#111;text-align:center;}
#main04 .banner__heading {font-size:1.95rem;font-weight:500;width:90%;margin:0px auto 30px; }
#main04 .banner__text h2 { font-size: 1.05rem;font-weight:400;width:90%;margin:0 auto 20px;}
#main04 .banner__box {  }
#main04 .banner__box .banner__heading {}
#main04 .banner__box a {width:90%;position:relative;padding:10px 0;transition: all 250ms linear;display:inline-block;font-family: 'Poppins';color: #111;margin-top:20px;position:relative;font-size:0.95rem;box-sizing: border-box;background-color:#111;color:#fff;border:1px solid #111;}

@media screen and (max-width: 749px)
.banner--mobile-bottom .banner__box {
    padding: 1.5rem 0 0!important;;
}
.banner--mobile-bottom .banner__box {
    padding: 1.5rem 0 0!important;;
  }

  .banner--mobile-bottom.banner--stacked .banner__box {
    padding: 1.5rem 0!important;;
  }
.banner__box > * + * {
    margin-top: 1rem!important;
}

/* main05,main06 */
#main05 {width:100%;margin:80px auto 0;}
.section-top {position:relative;}
.section-top .section-bg img {width:100%;}
.section-top .section-txt {font-family: 'Poppins', sans-serif;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align:center;color: #111111;}
.section-top .section-txt .title {font-size:1.95rem;font-weight:500; }
.section-top .section-txt .title02 {font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size:1.05rem;font-weight:400;margin:20px 0; }
.section-top .section-txt .link a {display:inline-block;padding:10px 40px;font-family: 'Poppins', sans-serif;font-size:0.85rem;border: 1px solid #111111; background: #000000; color: #FFFFFF; }
.item-wrap {width:100%;padding:30px 5%;box-sizing: border-box;}
#main05 .swiper-horizontal>.swiper-pagination-bullets, #main05 .swiper-pagination-bullets.swiper-pagination-horizontal, #main05 .swiper-pagination-custom, #main05 .swiper-pagination-fraction {bottom:var(--swiper-pagination-bottom,0px);}
#main05 .swiper {padding-bottom:50px;}
#main06 .swiper-horizontal>.swiper-pagination-bullets, #main05 .swiper-pagination-bullets.swiper-pagination-horizontal, #main05 .swiper-pagination-custom, #main05 .swiper-pagination-fraction {bottom:var(--swiper-pagination-bottom,0px);}
#main06 .swiper {padding-bottom:50px;}

/* main07 */
#main07 {margin:30px 5% ;}
#main07 h2.title {text-align:center;font-family: 'Poppins';font-size:1.85rem;color:#111;font-weight: 400;}
#main07 h2.title p {padding:10px 0 30px;text-align:center;font-size:0.95rem;color:#999999;font-weight: 400;letter-spacing: 0.6em;text-transform: uppercase;}


/* 공통 */
.swiper-button-next:after, .swiper-button-prev:after {font-size:0!important;}
.swiper-button-prev:after, .swiper-button-next:after { content: ''!important;}
.swiper-button-prev {left: var(--swiper-navigation-sides-offset,10px)!important;right: auto;}
.swiper-button-next {right: var(--swiper-navigation-sides-offset,10px)!important;left:auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {  opacity: 1!important;  cursor: auto; pointer-events: none;}

.dn {display:none;}
.item-wrap .item-list .item-type-1 li { }
.item-wrap .item-list .item-type-1 li .prd-wrap  {font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.item-wrap .item-list .item-type-1 li .prd-wrap .ranking {position:absolute;left:0;top:1px;width: 46px;height: 46px;background: rgba(17, 17, 17, 0.6);color:#fff;font-size:20px;line-height:45px;text-align:center;}
.item-wrap .item-list .item-type-1 li .prd-wrap .prd-thumb {width:100%;}
.item-wrap .item-list .item-type-1 li .prd-wrap .prd-thumb img {width:100%;}
.item-wrap .item-list .item-type-1 li .prd-wrap .info {margin:15px 0; }
.item-wrap .item-list .item-type-1 li .prd-wrap .info p {margin-bottom:15px;}
.item-wrap .item-list .item-type-1 li .prd-wrap .info .prd-name a {font-style: normal;font-weight: 500;font-size: 0.85rem;color: #111111;}
.item-wrap .item-list .item-type-1 li .prd-wrap .info .discount {font-weight: 500;font-size: 0.85rem;;color: #d40022;padding-right:5px;}
.item-wrap .item-list .item-type-1 li .prd-wrap .info .price {font-weight: 500;font-size: 0.95rem;color: #111111;padding-right:5px;}
.item-wrap .item-list .item-type-1 li .prd-wrap .info strike {font-weight: 500;font-size: 0.8rem;color: #999999;}
.item-wrap .item-list .item-type-1 li .prd-wrap .info .prd-review { font-weight: 400;font-size: 0.8rem;color: #999999;}

.image-animate {
    animation: zoom-in-zoom-out 1s ease infinite; animation: zoom-fade var(--duration-animate) ease forwards;
}
@keyframes image-animate {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

.main {margin-top:0px!important;}




.newpd .swiper-pagination-bullet-active, #main02 .swiper-pagination-bullet-active  {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #111;
}






/* BASIC css end */