/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
#footer {margin-top:0 !important;}


/* 메인비주얼 */
.swiper_main {width:100%;max-width:1920px;opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper_main .swiper-slide img {width:100%;}
.swiper_main .swiper-slide div.bg {display:block; }
.swiper_main .swiper-pagination-bullets {bottom:50px !important; font-size: 0px;}
.swiper_main .swiper-pagination-bullet {margin:0 15px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_main .swiper-pagination-bullet {width:12px;height: 12px;display: inline-block; border-radius:50%; background: transparent; opacity:1;border:1px solid #000}
.swiper_main .swiper-pagination-bullet-active {opacity:1; background:#000;}
.swiper_main .swiper-button-prev-main {background-image:url('/design/alleco/0775coslab/m_l_ar.png'); left:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .swiper-button-next-main {background-image:url('/design/alleco/0775coslab/m_r_ar.png'); right:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .inner {position:absolute; left:50%; margin-left:80px; top:280px;}
.swiper_main .inner .t_title {font-size:16px; line-height:1; font-weight:300; color:#111; font-family: 'Roboto','Noto Sans KR',sans-serif;}
.swiper_main .inner .t_title span:first-child {font-weight:500; color:#111;}
.swiper_main .inner .t_title span:first-child::after {content:"I"; font-weight:300; padding:0px 8px;}
.swiper_main .inner .t01 {font-size:54px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500; padding-top:40px;}
.swiper_main .inner .t02 {font-size:18px; color:#333; line-height:1.6; font-weight:300; padding-top:30px;} 
.swiper_main .inner .t03 {width:180px; font-size:15px; color:#111; border:1px solid #111; display:block; margin-top:55px; padding:15px 0px 15px 20px; line-height:1; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background:url('/design/alleco/0775coslab/event_ar2.png') no-repeat; background-position:145px 50%;} 
.swiper_main .swiper-slide-active .inner {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; }



/* 메인 타이틀 기본 */
.main_title {text-align:center; max-width:1280px; margin:100px auto 0px;}
.main_title .t01{color:#000; font-size:40px; font-weight:700;line-height:1 }

.main_title a {font-size:15px; color:#888; font-weight:300; letter-spacing:-0.020em; position:absolute; bottom:0px; right:0px; background:url("/design/alleco/0775coslab/main_title_cr.png") no-repeat; padding-right:20px; background-position:99% 50%}
.main_title a:hover {color:#111;}



/* 메인탭01 : 베스트셀러 */
.m_tab01_area {padding-top:0px;}
.m_tab01 {font-size:0;padding-top:40px;}
.m_tab01 li {color:#8d8d8d; font-size:20px; text-align:right; cursor:pointer; position:relative; display:inline-block;  font-family:'Roboto', 'Noto Sans KR',sans-serif; font-weight:700; margin-left:60px; line-height:1;  position:relative;box-sizing:border-box;border-bottom:2px solid #fff}
.m_tab01 li:first-child {margin-left:0px !important;}
.m_tab01 li.current {color:#111;border-bottom:2px solid #000}
.tabcontent01 {display:none; margin-top:55px; padding:0px;}
.tabcontent01.current {display: block;}


.m_tab01_area .prd-list .tb-center2 {width:360px;float:left;position:relative;text-align:center}
.m_tab01_area .prd-list .tb-center2 .box {width:360px;max-width:360px;}
.m_tab01_area .prd-list > div:nth-child(2) { margin:0 100px;}
.m_tab01_area .prd-list .tb-center2 .dsc  {text-align:center; font-size:16px;color:#000}
.m_tab01_area .prd-list .tb-center2 .price {  font-weight: 700;  color: #000;  text-align: center;  margin: 10px auto 0;  font-size: 18px;  font-family: 'Roboto', sans-serif;}
.m_tab01_area .prd-list .tb-center2 .consumer {   margin-right: 4px;  color: #8d8d8d;  font-size: 16px;  text-decoration: line-through; font-weight:600;font-family: 'Roboto', sans-serif;}
.m_tab01_area .prd-list .tb-center2:hover .icon_list {top:50%; opacity:1;}
.m_tab01_area .prd-list .tb-center2:hover #sale_bg {-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background-color:#111; color:#fff;}

	
																										
/* 메인 롱배너 */
.swiper_long {width:100%; margin-top:220px;}
.swiper_long .swiper-slide {width:100%;}
.swiper_long .swiper-slide.bg1 { }
.swiper_long .swiper-slide.bg2 {background:#111}
.swiper_long .swiper-slide.bg3 {background:#ffdf10}
.swiper_long .swiper-slide div {display:block;height:300px;width:100%;text-align:center;margin:0 auto;}
.swiper_long .swiper-pagination-bullets {bottom:20px !important; font-size: 0px;}
.swiper_long .swiper-pagination-bullet {margin:0 7.5px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_long .swiper-pagination-bullet {width:12px;height: 12px;display: inline-block; border-radius:50%; background: #fff; opacity:1;border:1px solid #000}
.swiper_long .swiper-pagination-bullet-active {opacity:1; background:#000;}




/* 메인 리뷰 영역 ★ 리뷰 한개 430  리뷰 3개 1280 */
.main_review_area {padding-top:120px;}
.main_review_area .main_re {max-width:1280px;  margin:55px auto 0; }
.main_review_area .main_re ul li {float:right; width:50%;margin-bottom:50px;}
.main_review_area .main_re .re_ban {width:500px;}
.main_review_area .main_re .re_ban img {width:100%; max-width:500px;}
.main_review_area .main_re .re_txt {width:340px; text-align:left;}
.main_review_area .main_re .re_txt .inner {float:left;; font-size:0px; margin-top:30px;margin-left:15px;width:80%;;font-family:'Noto Sans KR', sans-serif }
.main_review_area .main_re .re_txt .t01 {font-size:16px;  color:#000;  font-weight:600; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  line-height:1.2;}
.main_review_area .main_re .re_txt .t01 a {font-size:16px;  color:#000; }
.main_review_area .main_re .re_txt .t03 {padding-top:15px;font-size:15px;letter-spacing:1px;}
.main_review_area .main_re .re_txt .t02 {font-size:14px;  color:#8d8d8d;  font-weight:300; margin-top:20px;  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_review_area .main_re .re_txt .t02 a {font-size:14px;  color:#8d8d8d;}
.main_review_area .main_re .re_txt .t04 {font-size:12px; color:#8d8d8d; font-weight:300; margin-top:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_review_area .main_re .re_txt .t04 .line {width:1px; display:inline-block; height:8px; background-color:#e1e1e1; margin:0px 10px;}

.main_review_area .main_re_btn a {display:block;width:146px;height:42px;line-height:42px;border:1px solid #8d8d8d;font-size:15px;  color:#8d8d8d; text-align:center;margin:0 auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.main_review_area .main_re_btn a:hover {border:1px solid #000;background:#000;width:180px;color:#fff;}


.brand_story {width:100%;margin:220px auto ;padding:120px 0 120px;text-align:center;background:#fafafa; }
.brand_title {color:#000; font-size:40px; font-weight:700;line-height:1;border-bottom:2px solid #000;display: inline-block;padding-bottom:20px;} 
.brand_box {width:1280px;height:450px;text-align:center;margin:120px auto 0;}

.brand_img	 {float:left;width:640px;}
.brand_info	 {float:left;width:585px;height:380px;background:#fff;padding-top:70px;padding-left:55px;;font-family:'Noto Sans KR', sans-serif;text-align:left; }
.brand_info .txt01 {font-size:15px;color:#000;line-height:18px;font-family: 'Roboto', sans-serif;}
.brand_info .txt02 {font-size:30px;color:#000;line-height:40px;font-weight:700;margin-top:30px;}
.brand_info .txt03 {font-size:13px;color:#000;line-height:18px;margin-top:30px;}
.brand_info .txt04 a  {display:block;width:146px;height:42px;line-height:42px;margin-top:70px;border:1px solid #8d8d8d;font-size:15px;  color:#8d8d8d; text-align:center; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.brand_info .txt04 a:hover {border:1px solid #000;background:#000;width:180px;color:#fff;}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media screen and (max-width: 1279px)
{ 
	.main_review_area .main_re .re_txt .t02 { line-height:1.6; -webkit-line-clamp: 2; /* 라인수 */ height: 3.2em; }
}

.swiper-button-next:after, 
.swiper-button-prev:after {content:'' !important;}



        #instagram {overflow: hidden;width: 100%;}
        .instagram_item {float: left;width: 20%;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);}
        .instagram_item > a:hover:before {opacity: 1;}
        .instagram_item > a:hover p {opacity: 1;}


video {
   outline: none;
   border: none;
}

/* 파워리뷰 메인 포토리뷰 */
.main_power_review_list { width:100%; border:1px solid red; margin:auto; display: inline-block; }
.main_power_review_list .title { font-size:28px; text-align:center; margin:10px;}
.main_power_review_list li { float:left; padding:2px; }
.main_power_review_list li img { width:316px; }
.main_power_review_list:after { content: ''; display: block; clear: both; }


/* BASIC css end */