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

.swiper0 .swiper-pagination-bullet { width:15px; 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:15px; height:2px; background: #4c4c4c;border:0;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper0 .swiper-pagination0 {bottom:17px !important;}

.swiper0 .inner {position:absolute; left:6%; bottom:13%;}
.swiper0 .inner .t01 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:700;}
.swiper0 .inner .t01 span { color:#509938; }
.swiper0 .inner .t02 {font-size:13px; color:#333; line-height:1.6; font-weight:700; 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; }

.swiper0 .inner2 {position:absolute; left:6%; top:5%;}
.swiper0 .inner2 .t01 {font-size:24px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:300;}
.swiper0 .inner2 .t01 span { font-weight:700; }
.swiper0 .inner2 .t02 { margin:15px 0; font-size:26px; color:#509938; letter-spacing:-0.020em; line-height:1.2; font-weight:700;}
.swiper0 .inner2 .t03 { font-size:16px; color:#333; line-height:1.4; font-weight:400; } 
.swiper0 .inner2 .t03 span { font-weight:700; }
.swiper0 .swiper-slide-active .inner2 {-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 a { display:block; }
.main_re .re_ban a img { width:100%; text-align:center; vertical-align:middle; }
.main_re .re_ban a .none_img { width:100%; padding-top:25px; text-align:center; vertical-align:middle;}
.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 .t02 {font-size:13px;color:#777;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:#777;}
.main_re .re_txt .t03 {padding-top:20px;font-size:14px; color:#406618; 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:#999; 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:#e1e1e1; margin:0px 10px;}

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


/* 메인 타이틀 */
.main_title {padding:50px 0px 35px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:20px; color:#111; line-height:1; letter-spacing:0.5px; font-weight:700;}
.main_title .t2 {font-size:13px; color:#999; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:400;}


/* 메인탭01 : 베스트셀러 */
.m_tab01 {font-size:0;text-align:center;margin:0 auto} 
.m_tab01 li { min-width:120px !important; width:28.5% !important; padding-bottom:10px; color:#aaa; font-size:13px; text-align:center; cursor:pointer; position:relative; display:inline-block; font-weight:700; line-height:1.1; word-break:keep-all; position:relative;}
.m_tab01 li.current {color:#a0bb50;}
.m_tab01 li.current::after {content:""; position:absolute; width:100%; height:2px; background-color:#a0bb50; bottom:0; left:0; 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:#ccc;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: #4c4c4c;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:#111; text-align:left; font-size:18px; line-height:1; font-weight:700; letter-spacing:-0.010em; padding-top:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}
.swiper_focus .t02 {color:#999; text-align:left; font-size:13px; line-height:1; font-weight:700; letter-spacing:-0.020em; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}

/* 유튜브 영역 */
.main_video_area { margin-top:60px; }

/* 이벤트 슬라이드 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:700; line-height:1.4;}
.swiper_event2 .swiper-slide .txt .t02 {color:#888; font-size:14px; font-weight:700; 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:400; padding-left:15px; background:url("/design/pulmaru/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;}


/*인스타그램 영역 타이틀 */
.insta_title01 { margin-top:30px; font-size:15px; letter-spacing:3px; color:#000; text-align:center; font-family:"Roboto";}
.insta_title02 {font-size:12px; letter-spacing:0px; color:#999; text-align:center; font-family:"Roboto"; padding:3px 0px 20px;}

/* 메인 인스타그램 관련 */
.sns_sample { width:92%;margin:0 auto;text-align:center; }
.sns_sample ul {font-size:0;}
.sns_sample li{width:18.3333%; display:inline-block; margin:0.3333%;}
.sns_sample li img {width:100%;}

/* 롱배너 영역 */
.main_long_ban { margin-top:30px;} 
.main_long_ban img { width:100%; }

@-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);
  }
}

/* BASIC css end */