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

.swiper0 .swiper-pagination-bullet { width:9px; height:9px; display:inline-block; border-radius:10; 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:9px; height:9px; background: #4c4c4c;border:0;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}
.swiper0 .swiper-pagination0 {bottom:10px !important;}

.swiper0 .inner {position:absolute; left:6%; top:8%;}
.swiper0 .inner .t01 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper0 .inner .t02 {font-size:14px; color:#333; line-height:1.6; font-weight:300; padding-top:15px;} 
.swiper0 .inner .t03 {color:#222; margin-top:30px; width:140px; padding:12px 0px; line-height:1; border:1px solid #222; -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/alleco/mobile_coslab/icon_plus_bk.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}

.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; }



.swiper-container.swiper9 {width:100%;margin:0 auto;}
.swiper9 .swiper-slide a.bg {display:block;}
.swiper9 .swiper-slide a.bg img {width:100%;}

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

.swiper9 .inner {position:absolute; left:6%; top:8%;}
.swiper9 .inner .t01 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper9 .inner .t02 {font-size:14px; color:#333; line-height:1.6; font-weight:300; padding-top:15px;} 
.swiper9 .inner .t03 {color:#222; margin-top:30px; width:140px; padding:12px 0px; line-height:1; border:1px solid #222; -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/alleco/mobile_coslab/icon_plus_bk.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}

.swiper9 .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; }





 .swiper-container.swiper5 {width:100%;margin:0 auto;}
.swiper5 .swiper-slide a.bg {display:block;}
.swiper5 .swiper-slide a.bg img {width:100%;}

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

.swiper5 .inner {position:absolute; left:6%; top:8%;}
.swiper5 .inner .t01 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper5 .inner .t02 {font-size:14px; color:#333; line-height:1.6; font-weight:300; padding-top:15px;} 
.swiper5 .inner .t03 {color:#222; margin-top:30px; width:140px; padding:12px 0px; line-height:1; border:1px solid #222; -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/alleco/mobile_coslab/icon_plus_bk.png") no-repeat;  background-position:90% 50%; background-size: 9px 9px;}

.swiper5 .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; }

 
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next {
  background: url('https://allfouyou.kr/images/rightb.gif') no-repeat;
  background-size: 50% auto;
  background-position: center; 
  outline:none;
}

.swiper-button-prev {
  background: url('https://allfouyou.kr/images/leftb.gif') no-repeat;
  background-size: 50% auto;
  background-position: center;
  outline:none;
}



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

.main_title {padding:50px 0px 35px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:27px; color:#111; line-height:1; letter-spacing:0.5px; font-weight:600;}
.main_title .t2 {font-size:13px; color:#999; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:300;}


/* 메인탭01 : 베스트셀러 */
.m_tab01 {font-size:0;text-align:center;margin:10px auto 0} 
.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; 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:25px; padding:0px;}
.tabcontent01.current {display: block;}


#tab1_1 A:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}

#tab1_1 A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}

#tab1 img { border:0;  }


/* 메인 롤링상품 스타일 */
.swiper_roll {padding-bottom:30px !important;}
.swiper_roll.list_shopping2x ul {display:flex; padding:0; margin:0;}
.swiper_roll.list_shopping1x ul {display:flex; padding:0; margin:0;}
.swiper_roll.list_shopping1x ul li {width:80% !important;margin:0 10%;border:0px;vertical-align:top}
.swiper_roll.list_shopping1x li img.listPic {width:100%;margin-bottom:0;}
.swiper_roll.list_shopping1x .list_shoppingInfo	{width:100%;margin-top:0px; text-align:center; font-size:12px; margin:0;padding:0px;text-align:center;min-height: 130px;}


.swiper_roll.list_shopping1x li a {padding:5% 5% 0% 5%;}
.swiper_roll.list_shopping1x li:first-child a {padding:5% 5% 0% 5%;}
.swiper_roll.list_shopping1x li {border-top: 0px ;}

.swiper_roll .swiper-pagination {bottom:0px !important}
.swiper_roll .swiper-pagination-bullet { width:9px; height:9px; display:inline-block; border-radius:10; 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:9px; height:9px; background: #4c4c4c;border:0;}



/* 브랜드포커스 슬라이드 */
.swiper_focus {width:100%;margin:0px auto;}
.swiper_focus .swiper-slide {}
.swiper_focus .swiper-slide img {width:100%;border:1px solid #f1f1f1;box-sizing:border-box;}
.swiper_focus .swiper-slide .inner {width:100%;text-align:left;margin:15px  0;}
.swiper_focus .swiper-slide .t01 {font-size:16px;color:#111;font-weight:500;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height:1.3;letter-spacing:-0.5px;}
.swiper_focus .swiper-slide .t02  {font-size:13px;color:#777;font-weight:300;margin-top:10px;line-height:1.3;letter-spacing:-1px; }
.swiper_focus .swiper-slide .t04 {font-size:12px; color:#999; font-weight:300; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiper_focus .swiper-slide .t04 .line {width:1px; display:inline-block; height:8px; background-color:#e1e1e1; margin:0px 10px;}

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


/* 이벤트 슬라이드 01 */
.swiper-container.swiper_event {margin:50px auto 0; padding-bottom:1px; background-color:#111;}
.swiper_event .swiper-slide .ban img {width:100%;}
.swiper_event .swiper-slide .txt {padding:10% 7%; background-color:#111;}
.swiper_event .swiper-slide .txt .t01 {color:#fff; 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:#fff; margin-top:40px; width:140px; padding:12px 0px; line-height:1; border:1px solid #fff; -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/alleco/mobile_coslab/icon_plus_wh.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:#fff; }
.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;}


/* 이벤트 슬라이드 01 */


/* 이벤트 슬라이드 02 */
.swiper-container.swiper_event2 {margin:0px auto 0; padding-bottom:40px; ;}
.swiper_event2 .swiper-slide  img {width:100%;}
.swiper_event2  .swiper-scrollbar { width:90% !important; height:2px !important;margin:0 5% !important;}
.swiper_event2 .swiper-scrollbar-drag {background:#1a1a1a !important; left:0% !important;}



/* 메인 리뷰 */
.main_re {margin:0px 5%;}
.main_re ul li {}
.main_re .re_ban {width:100%;}
.main_re .re_ban img {width:100%;}
.main_re .re_txt {width:100%; text-align:center;}
.main_re .re_txt .inner {width:90%; margin:0 5%; 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:#111;font-weight:300;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height:1.2;}
.main_re .re_txt .t01 a {color:#111;}
.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;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: #111;
    padding: 15px 10px 15px 0px;
    line-height: 1;
    font-size: 12px;
    font-weight: 300;
    background: #eee url(/design/alleco/mobile_coslab/icon_plus_bk.png) no-repeat;
    background-position: 115px 50%;
    display: block;
    border-radius: 30px;
    background-size: 9px 9px;
}


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


.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; }
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}



 #instagram {overflow: hidden;   }
        .instagram_item {float: left; padding-right: 1px; padding-bottom: 1px;}
        .instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
        .instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
        .instagram_item p {width: 100%;padding: 19px 0px;position: absolute;left: 0;top: 50%;font-size: 16px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
     


/* BASIC css end */