/* BASIC css start */
#footer {margin-top:0 !important;}
.height122 {height:0 !important;}
#header {background-color:transparent !important;}
#header .header_sec01 {border:0 !important;background-color:transparent;}

/* 메인비주얼 */
.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;height:818px;}
.swiper_main .swiper-pagination-bullets {bottom:25px !important; font-size: 0px;}
.swiper_main .swiper-pagination-bullet {margin:0 4px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_main .swiper-pagination-bullet {width:32px;height: 8px;display: inline-block; border-radius:8px; background: #4c4c4c; opacity:0.3;}
.swiper_main .swiper-pagination-bullet-active {opacity:1; background:#4c4c4c;}
.swiper_main .swiper-button-prev-main {background-image:url('/design/moltonb/0775coslab/m_l.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/moltonb/0775coslab/m_r.png'); right:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .inner {position:absolute; top:40%; right:12%; width:330px; height:177px; background-color:rgba(255, 255, 255, 0.6);}
.swiper_main .inner .t01 {font-size:18px; color:#000; letter-spacing:-0.020em; line-height:1.2; font-weight:500; text-align:center; margin-top:30px;}
.swiper_main .inner .t02 {font-size:30px; color:#000; line-height:1.6; font-weight:bold; text-align:center;} 
.swiper_main .inner .t03 {width:163px; height:30px; line-height:30px; font-size:16px; color:#fff; background-color:#000; text-align:center; margin: 0 auto; margin-top:5px;} 
.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:1920px; margin:70px auto 50px;  line-height:1; font-size:0px; position:relative;}
.main_title img {margin-right:10px;}
.main_title span:first-child {color:#111; font-size:20px; font-weight:500;}
.main_title span {color:#aaa; font-size:15px; font-weight:300; display:block; margin-top:10px;}
.main_title a {font-size:15px; color:#888; font-weight:300; letter-spacing:-0.020em; position:absolute; bottom:0px; right:0px; background:url("/design/moltonb/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:50px;}
.m_tab01 {font-size:0; text-align:center;}
.m_tab01 li {color:#aaa; font-size:14px; cursor:pointer; display:inline-block;  font-family:'Josefin Sans', 'Noto Sans KR',sans-serif; font-weight:300;  line-height:35px; height:35px; width:auto; position:relative; border:1px solid #d5d5d5; padding:2px 20px; margin:0 5px;}
.m_tab01 li.current {color:#111; border:1px solid #111;}
.tabcontent01 {display:none; margin-top:50px; padding:0px;}
.tabcontent01.current {display: block;}

/* 메인 6단 컨텐츠 배너 */
.contents_ban_area {max-width:1720px; min-width:1200px; text-align:center; margin:0 auto;}
.contents_ban_area .ban {width:100%; max-width:550px; display:inline-block; padding:20px 10px;}
.contents_ban_area .ban .brand_thumb {width:100%; height:100%;}
.contents_ban_area .inner {text-align:center;}
.contents_ban_area .inner .t01 {font-size:18px; margin-top:15px; font-weight:bold;}
.contents_ban_area .inner .t02 {font-size:12px; margin-top:5px; color:#000000;}
.contents_ban_area .inner .t03 { width:145px; height:35px; line-height:35px; margin:0 auto; margin-top:12px;}
.contents_ban_area .inner .t03:hover {background-color:#000;}
.contents_ban_area .inner .t03 a {border:2px solid #000; font-size:16px; color:#000; display:block; line-height:30px; padding-top:2px;}
.contents_ban_area .inner .t03 a:hover {color:#fff; display:block;}

/* 브랜드포커스 슬라이드 */
.swiper_focus {max-width:1720px; margin:0px auto;}
.swiper_focus .swiper-slide img {width:100%; max-width:420px;  text-align:left; -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_focus .swiper-slide:hover img {opacity:0.4; -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_focus .swiper-slide .ban {background:#fff; position:relative; padding:5px;}
.swiper_focus .swiper-slide:hover .ban:after { display:block; width:calc(100% - 10px); height:calc(100% - 10px); background:#000; position:absolute; top:5px; bottom:0; left:5px; right:0; content:''; opacity:0.6; }
.swiper_focus .swiper-slide .ban span.ar {position:absolute; width:100%; height:80px; z-index:100; margin-top:-40px; top:55%; left:0; background-image:url("/design/moltonb/0775coslab/focus_ar.png"); background-size:80px 80px; background-repeat:no-repeat; background-position:center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; opacity:0;}
.swiper_focus .swiper-slide:hover .ban span.ar {top:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; opacity:1;} 
.swiper_focus .swiper-button-prev-focus {background-image:url('/design/moltonb/0775coslab/focus_left.png'); left:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:0; top:40%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus .swiper-button-next-focus {background-image:url('/design/moltonb/0775coslab/focus_right.png'); right:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:0; top:40%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus:hover .swiper-button-prev-focus {left:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus:hover .swiper-button-next-focus {right:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s; }

/* 일러스트 배너영역 */
.illus {text-align:center; margin:100px 0 60px;}
.illus .text {margin-top:50px;}
.illus .text .t01 {font-size:30px; font-weight:bold;}
.illus .text .t02 {font-size:16px; font-weight:400; margin-top:10px;}

/* sns 영역 */
.sns_area {margin-bottom:60px;}
.sns_area ul {text-align:center;}
.sns_area ul li{display:inline-block; padding:20px;}

/* 아이콘 배너 영역 */
.icon_area {width:100%; height:210px; background-color:#eee;}
.icon_area .icon_area_ul {max-width:1720px; text-align:center; margin:0 auto;}
.icon_area .icon_area_ul li {display:inline-block; padding:50px; margin-top:15px;}
.icon_area .icon_area_ul li p {margin-top:10px;}


/* 메인 스크롤 상품 */
.swiper_roll {max-width:1740px;margin:0 auto;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_roll .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:100% !important; max-width:1720px ;}
.swiper_roll .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}
.swiper_roll .tb-center {padding:0 0 100px 0;}
.swiper_roll .tb-center .box {max-width:330px;margin:0 10px;}
.swiper_roll .prd-list .info {text-align:left;}

@-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: 1599px)
{ 
	.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;}


/* BASIC css end */