/* 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; left:15px;}

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


/* 이슈 */
.issue_area {width:100%; float:left; padding-bottom:30px;}
.issue_area .issue {width:100%; padding:15px; float:left; box-sizing:border-box;}
.issue_area .issue img {width:100%;}
.issue_area .issue .t01 {height:40px; font-size:12px; font-weight:300;}


/* 메인 타이틀 */
.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:500;}
.main_title .t2 {font-size:13px; color:#999; line-height:16px; letter-spacing:-0.2px; padding-top:8px; font-weight:300;}
.main_title .t3 {font-size:13px; padding-top:30px;}


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


.main_bb_video {width:100%; margin:100px auto;}
.main_bb_video .ban {width:100%;}
.main_bb_video .ban:first-child {height:220px;}
.main_bb_video .ban:last-child {background:#000; height:350px;}
.main_bb_video .ban iframe {width:100%; height:250px;}
.main_bb_video .ban .txt {padding:50px 0 0 30px;}
.main_bb_video .ban .txt .title {font-size: 30px; font-weight: 300; line-height: 40px; color: white; }
.main_bb_video .ban .txt .content {font-size: 16px; color: #c5c5c5; margin-top: 25px; line-height: 30px;}
.main_bb_video .ban .txt .btn {color: #fff; margin-top: 40px; width: 140px; padding: 12px 0px; border: 1px solid #fff; box-sizing: border-box; font-size: 12px; font-weight: 300;
    padding-left: 15px; background: url(/design/bsco2013/9544/icon_plus_wh.png) no-repeat; background-position: 90% 50%; background-size: 9px 9px;}


/* 브랜드포커스 슬라이드 */
.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.6; font-weight:300; letter-spacing:-0.020em; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}

.swiper_special {width:100%;margin:0px auto; padding-bottom:30px !important;}
.swiper_special .swiper-slide img {width:100%;}
.swiper_special .swiper-slide .ban .sale_per {width:30px; height:30px; position:absolute; top:4%; right:8%; border:1px solid #333; border-radius:50%; color:#333; font-size:11px; line-height:30px; text-align:center;}
.swiper_special .swiper-slide:first-child {margin-left:20px;}
.swiper_special .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_special .t02 {color:#999; text-align:left; font-size:13px; line-height:1.6; font-weight:300; letter-spacing:-0.020em; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:5px;}


/* 이벤트 슬라이드 01 */
.swiper-container.swiper_event {margin:60px auto 0; padding-bottom:60px; background-color:#111;}
.swiper_event .swiper-slide .ban img {width:100%;}
.swiper_event .swiper-slide .ban iframe {width:100%; height:300px;}
.swiper_event .swiper-slide .txt {padding:20px 7%; background-color:#111;}
.swiper_event .swiper-slide .txt .sub_t {color:#ccc; font-size:13px; font-weight:300; margin-bottom:10px;}
.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/bsco2013/9544/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;}


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


/* 메인 리뷰 */
.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 img {width:100%;}
.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 .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/bsco2013/9544/icon_plus_bk.png') no-repeat;
    background-position: 115px 50%;
    display: block;
    border-radius: 30px;
    background-size: 9px 9px;
}


/* 메인탭02 : 오직온라인 */
.m_tab02_area {position:relative;margin-top:60px;}
.m_tab02_area .m_tab02_area_bg {background-color:#f2f2f2; width:100%;height:380px;position:absolute; top:0px; left:0px;z-index:-1;}
.m_tab02 {font-size:0;text-align:center;margin:10px auto 0;} 
.m_tab02 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_tab02 li.current {color:#111;}
.m_tab02 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;}
.tabcontent02 {display:none; margin-top:35px; padding:0px;}
.tabcontent02.current {display: block;}
.swiper_roll2 {padding-bottom:20px !important;}
.swiper_roll2.list_shopping2x ul {display:flex;padding:0;margin:0;}
.swiper_roll2 .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:90% !important;right:0 !important;margin:0 auto;}
.swiper_roll2 .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}

@-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 */