/* 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 .t01 {font-size:28px; color:#111; letter-spacing:-0.020em; line-height:1.2; font-weight:500;}
.swiper0 .inner .t02 {font-size:13px; color:#333; line-height:1.6; 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; }


/* 메인탭01 : 베스트셀러 */
.m_tab01 {font-size:0;text-align:center;margin:0 auto; margin-top:50px;} 
.m_tab01 li {color:#aaa; font-size:14px; text-align:center; cursor:pointer; position:relative; display:inline-block;font-weight:300; margin:0 5px; line-height:35px; height:35px; position:relative; border:1px solid #dedede; width:auto; padding:0 20px;}
.m_tab01 li.current {color:#111; border:1px solid #111;}
.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;}


/* 메인 6단 컨텐츠 배너 */
.contents_ban_area .ban {padding-top:30px;}
.contents_ban_area .ban .brand_thumb {text-align:center;}
.contents_ban_area .ban .brand_thumb a img {width:90%;}
.contents_ban_area .ban .inner {width:90%; margin:0 auto; text-align:center;}
.contents_ban_area .ban .inner .t01 {font-size:15px; font-weight:bold; padding:10px 0 10px; font-family:'Noto Sans KR', Dotum, AppleGothic, Helvetica, sans-serif;}
.contents_ban_area .ban .inner .t02 {font-size:12px; font-family:'Noto Sans KR', Dotum, AppleGothic, Helvetica, sans-serif;}
.contents_ban_area .ban .inner .t03 {background-color:#000; width:160px; height:25px; line-height:25px; margin:0 auto; margin-top:15px; padding-top:4px;}
.contents_ban_area .ban .inner .t03 a {color:#fff; font-size:12px;}


/* 브랜드포커스 슬라이드 */
.main_title {padding:50px 0px 25px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:18px; color:#111; line-height:1; letter-spacing:-0.5px; font-weight:500;}
.main_title .t1 img{height:16px; margin-right:8px;}
.main_title .t2 {font-size:13px; color:#999; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:300;}

.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:400; letter-spacing:-0.010em; margin-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:300; letter-spacing:-0.020em; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}

/* 일러스트 배너 */
.illus {text-align:center; margin-top:50px;}
.illus img {width:70%;}
.illus .t01 {font-size: 23px; line-height: 32px; font-weight: 700; margin-top: 30px;}
.illus .t02 {margin-top: 10px; font-size: 11px; font-weight: 500;}

/* sns 영역 */
.sns_area {text-align:center; margin-top:50px;}
.sns_area li {display:inline-block; padding:10px;}
.sns_area li a img {height:25px;;}

/* 하단 아이콘 배너 영역 */
.icon_area {width:100%; height:150px; background-color:#eeeeee; text-align:center; margin-top:50px;}
.icon_area li {display:inline-block; margin-top:20px; padding:10px;}
.icon_area_ul li p {font-size:11px; font-weight:500; margin-top:5px;}

#footer {margin-top:0 !important;}
/* BASIC css end */