/* BASIC css start */
/* 메인 이미지 */
.swiper-container.swiper0 {width:100%;margin:0 auto;}
.swiper0 .swiper-slide div.bg {display:block;}
.swiper0 .swiper-slide div.bg img {width:100%;}

.swiper0 .swiper-pagination-bullet { width:30px; height:2px; display:inline-block; border-radius:0; background:#ccc;border:0; opacity:0.7;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper0 .swiper-pagination-bullet-active { opacity: 1;width:30px; height:2px; background: #4c4c4c;border:0;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper0 .swiper-pagination0 {bottom:30px !important;}

.swiper0 .inner {position:absolute; left:6%; bottom:13%;}
.swiper0 .inner .t01 {font-size:28px; color:#000; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper0 .inner .t02 {font-size:13px; color:#232323; line-height:1.4; font-weight:300; padding-top:15px;} 
.swiper0 .swiper-slide-active .inner {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; }


/* 메인 타이틀 */
.main_title {padding:50px 0px 35px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:30px; color:#000; line-height:1.4; letter-spacing:0.5px; font-weight:500;}
.main_title .t2 {font-size:16px; color:#232323; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:300;}


/* 메인탭01 : 베스트셀러 */
.m_tab01 {font-size:0;text-align:center;margin:0 auto} 
.m_tab01 li {color:#aaa; font-size:14px; text-align:center; cursor:pointer; position:relative; display:inline-block;font-weight:300; margin:0 13px; line-height:1.4; height:25px; position:relative;}
.m_tab01 li.current {color:#111;}
.m_tab01 li.current::after {content:""; position:absolute; width:3px !important; height:3px; background-color:#000; border-radius:50%; bottom:0px; left:50%; margin-left:-2px; width:100%; text-align:center; font-weight:500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.tab_inner {padding:0 3%;}
.tabcontent01 {display:none; margin-top:35px; padding:0px;}
.tabcontent01.current {display: block;}


/* 메인 롤링상품 스타일 */
.swiper_roll {padding-bottom:30px !important;}
.swiper_roll.list_shopping2x ul {display:flex; padding:0; margin:0;}
.swiper_roll .swiper-pagination-bullet { width:30px; height:2px; display:inline-block; border-radius:0; background:#dccfe9; border:0; opacity:0.7;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_roll .swiper-pagination-bullet-active {opacity:1;width:30px; height:2px; background: #000; border:0;}


/* 브랜드포커스 슬라이드 */
.swiper_focus {width:100%;margin:0px auto;}
.swiper_focus .swiper-slide img {width:100%;}
.swiper_focus .swiper-slide:first-child {margin-left:20px;}
.swiper_focus .t01 {color:#000; text-align:left; font-size:18px; line-height:1.4; font-weight:400; letter-spacing:-0.010em; margin-top:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}
.swiper_focus .t02 {color:#232323; text-align:left; font-size:13px; line-height:1.4; font-weight:300; letter-spacing:-0.020em; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}


/* 이벤트 슬라이드 01 */
.swiper-container.swiper_event {margin:60px auto 0; padding-bottom:80px; background-color:#f1f1f1;}
.swiper_event .swiper-slide .ban img {width:100%;}
.swiper_event .swiper-slide .txt {padding:10% 7%;  background-color:#f1f1f1;}
.swiper_event .swiper-slide .txt .t01 {color:#111; font-size:23px; font-weight:300; line-height:1.4;}
.swiper_event .swiper-slide .txt .t02 {color:#888; font-size:14px; font-weight:300; margin-top:10px; line-height:1.6;}
.swiper_event .swiper-slide .txt .t03 {color:#111; margin-top:40px; width:140px; padding:12px 0px; line-height:1; border:1px solid #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px; font-weight:300; padding-left:15px; background:url("/design/d4-3307/mobile_coslab/icon_plus_bk.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}
.swiper_event .swiper-pagination-bullets {bottom:5% !important;left:7% !important;}
.swiper_event .swiper-pagination-bullet {margin-right:8px !important;  margin-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_event .swiper-pagination-bullet {width:30px; height: 2px; float:left; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event .swiper-pagination-bullet-active {opacity: 1;background:#111; }
.swiper_event .swiper-slide-active .txt > div {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* 이벤트 슬라이드 02 */
.swiper-container.swiper_event2 {margin:60px auto 0; padding-bottom:80px; background-color:#f1f1f1;}
.swiper_event2 .swiper-slide .ban img {width:100%;}
.swiper_event2 .swiper-slide .txt {padding:10% 7%;  background-color:#f1f1f1;}
.swiper_event2 .swiper-slide .txt .t01 {color:#111; font-size:23px; font-weight:300; line-height:1.4;}
.swiper_event2 .swiper-slide .txt .t02 {color:#888; font-size:14px; font-weight:300; margin-top:10px; line-height:1.6;}
.swiper_event2 .swiper-slide .txt .t03 {color:#111; margin-top:40px; width:140px; padding:12px 0px; line-height:1; border:1px solid #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px; font-weight:300; padding-left:15px; background:url("/design/d4-3307/mobile_coslab/icon_plus_bk.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}
.swiper_event2 .swiper-pagination-bullets {bottom:5% !important;left:7% !important;}
.swiper_event2 .swiper-pagination-bullet {margin-right:8px !important;  margin-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_event2 .swiper-pagination-bullet {width:30px; height: 2px; float:left; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event2 .swiper-pagination-bullet-active {opacity: 1;background:#111; }
.swiper_event2 .swiper-slide-active .txt > div {-webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* 메인 리뷰 */
.main_re {margin:0px 5%;}
.main_re ul li {border-top:1px solid #f3f3f3; padding-top:25px; margin-top:25px;}
.main_re ul li:first-child {border-top:0;margin-top:0;padding-top:0;}
.main_re .re_ban {width:40%;}
.main_re .re_ban img {width:100%;}
.main_re .re_txt {width:60%; text-align:left;}
.main_re .re_txt .inner {width:90%; margin:0 0 0 10%; font-size:0px; margin-top:15px;}
.main_re .re_txt .t_numb {font-weight:500; font-size:20px; line-height:1; color:#111; margin-bottom:28px;}
.main_re .re_txt .t_numb span {border-bottom:2px solid #111; padding-bottom:2px; }
.main_re .re_txt .t01 {font-size:14px; color:#232323; font-weight:700; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  line-height:1.4;}
.main_re .re_txt .t01 a {color:#232323;}
.main_re .re_txt .t02 {font-size:13px;color:#232323;font-weight:300;margin-top:16px;line-height:1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height:4.8em; }
.main_re .re_txt .t02 a {color:#232323;}
.main_re .re_txt .t03 {padding-top:20px;font-size:14px;letter-spacing:2px;}
.main_re .re_txt .t03 span {font-family:'Noto Sans KR', sans-serif !important;}
.main_re .re_txt .t04 {font-size:12px; color:#232323; font-weight:300; margin-top:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_re .re_txt .t04 .line {width:1px; display:inline-block; height:8px; background-color:#232323; margin:0px 10px;}

.main_re .main_re_link {margin:48px auto 0; text-align:center;}
.main_re .main_re_link a {
    color: #ffffff;
    padding: 0px 10px 0px 0px;
    line-height: 1;
    font-size: 12px;
    font-weight: 300;
    background: #fff url(/design/d4-3307/mobile_coslab/icon_plus_bk.png) no-repeat;
    background-position: 115px 50%;
    display: block;
    border-radius: 0px;
}


/* 메인탭02 : 오직온라인 */
.m_tab02_area {position:relative;margin-top:60px;}
.m_tab02_area .m_tab02_area_bg {background-color:#f2f2f2; width:100%;height:380px;position:absolute; top:0px; left:0px;z-index:-1;}
.m_tab02 {font-size:0;text-align:center;margin:10px auto 0;} 
.m_tab02 li {color:#aaa; font-size:14px; text-align:center; cursor:pointer; position:relative; display:inline-block;font-weight:300; margin:0 13px; line-height:1; height:25px; position:relative;}
.m_tab02 li.current {color:#111;}
.m_tab02 li.current::after {content:""; position:absolute; width:3px !important; height:3px; background-color:#000; border-radius:50%; bottom:0px; left:50%; margin-left:-2px; width:100%; text-align:center; font-weight:500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.tabcontent02 {display:none; margin-top:35px; padding:0px;}
.tabcontent02.current {display: block;}
.swiper_roll2 {padding-bottom:20px !important;}
.swiper_roll2.list_shopping2x ul {display:flex;padding:0;margin:0;}
.swiper_roll2 .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:90% !important;right:0 !important;margin:0 auto;}
.swiper_roll2 .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.main_membership ul li { display: inline-block; padding: 5px 15px; }

/* 베스트리뷰 모음 */
#reviewBoard .review-wrap .tiny a img {width: 45%;}
.best_review_tit {font-size: 20px; text-align: center; margin-top: 20px;}
.best_power_review_list {margin-top:20px;}
.best_review {float:left; width: 45%; border: 1px solid rgb(220, 220, 220); margin-left:10px; margin-bottom:10px;}
.best_review .review {padding:10px; border-bottom: 1px solid rgb(200, 200, 200);}
.best_review .review .review_text {height:30px; padding-top:5px; padding-bottom:5px;}
.click {width:100%;}
.count {float:right;}
.write {padding-top:5px;}
.date {float:right;}
.product_img {width: 40px; margin:5px; float:left;}
.product {width:100%; margin:5px}
.product .product_name {padding-top:5px;}


/* ON-AIR 영역 */
.on_air {width:100%; margin:0 auto;}
.on_air .youtube_area {padding:0 20px;}
.on_air .on_prd_list {padding:0 20px;}
.on_air .items li {display:inline-block;  padding:10px 0; border-bottom:1px solid #ddd;}
.on_air .items .listPic {width:30%; float:left;}
.on_air .items .list_shoppingInfo {width:65%; padding-left:5%; padding-top:0px; float:left; text-align:left;}
.on_air .items .list_shoppingInfo .listName {color:#111; font-size:16px; font-weight:700;word-wrap:keep-all;}
.on_air .items .list_shoppingInfo .listPrice {display:inline-block; font-weight:700;}
.on_air .items .list_shoppingInfo .listPrice span {font-weight:300;}
.on_air .items  .salebox {display:inline-block;}
.on_air .items  .sale_bg2 { color:#e96767; font-size:15px; font-weight:700; font-family:'Monserrat','San-serif'; }


/* 베스트리뷰 모음 */
.main_review_area {width:100%;} 
#reviewBoard .review-wrap .tiny a img {width: 45%;}
.best_review_tit {font-size: 20px; text-align: center; margin-top: 20px;}
.best_power_review_list {margin-top:20px;}
.best_review {float:left; width: 100%; border: 1px solid rgb(220, 220, 220); margin-left:10px; margin-bottom:10px;}
.best_review .product img {height:10px; vertical-align:middle;}
.best_review .review {padding:10px; border-bottom: 1px solid rgb(200, 200, 200);}
.best_review .review .review_text {height:30px; color:#999; padding-top:5px; padding-bottom:5px;}
.click {width:100%;}
.count {float:right;}
.write {padding-top:5px;}
.date {float:right;}
.product_img {width: 40px; margin:5px; float:left;}
.product {width:100%; margin:5px}
.product .product_name {padding-top:5px;}

.swiper_review {padding-bottom:20px !important;}
.swiper_review.list_shopping2x ul {display:flex;padding:0;margin:0;}
.swiper_review .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:90% !important;right:0 !important;margin:0 auto;}
.swiper_review .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}


/* 추가배너 */
.add_ban {max-width:100%; margin:30px auto ; position:relative;padding-bottom:30px;}
.add_ban .swiper-slide .ban {width:100%;margin-bottom:30px;}
.add_ban .swiper-slide .ban img {width:100%;}

div.swiper-container-horizontal>.swiper-pagination-progressbar {left:5% !important; width:90% !important; height:2px !important; background-color:#e9e9e9 !important;  bottom: 0 !important;top:auto !important}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222 !important;}

/*할인율 css*/
.dis { float: right; margin-right: 20px; color: #335173; font-weight: bold; }


/* BASIC css end */