/* BASIC css start */
#header {border : 0 !important;}

/* 메인 키비주얼 */
.swiper-container.swiper1 {margin:0 0 50px 18px;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide-active .main_txt {left:25px; opacity:1; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.swiper1 .main_txt {position:absolute; left:60px; bottom:80px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.swiper1 .main_txt .t1 {color:#fff; font-size:16px; font-weight:700; line-height:1; margin-bottom:20px;}
.swiper1 .main_txt .t2 {color:#fff; font-size:34px; font-weight:700; line-height:40px; margin-bottom:20px;}
.swiper1 .main_txt .t3 {color:#fff; font-size:16px; line-height:1;}
.swiper-container.swiper1 .swiper-pagination-bullets {display:table; width:auto; left:25px; bottom:30px !important;}
.swiper1 .swiper-pagination-bullet {width:6px; height:6px; margin:0 6px !important; background:#fff; border:3px solid transparent; border-radius:50%; box-sizing:border-box; vertical-align:middle; opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper1 .swiper-pagination-bullet-active {width:6px; height:6px; background-color:transparent; border:3px solid #fff; box-sizing:content-box; opacity:1;}

/* 메인 타이틀 */
.main_title {margin:0 18px 25px;}
.main_title .t1 {color:#1a1a1a; font-size:21px; font-weight:700; line-height:1; margin-bottom:12px;}
.main_title .t1 a {display:inline-block; float:right; margin-top:6px; color:#1a1a1a; font-size:13px; font-weight:400; text-align:right;}
.main_title .t1 a img {height:12px; margin:-3px 0 0 3px; vertical-align: middle;}
.main_title .t2 {color:#1a1a1a; font-size:14px;}

/* 슬라이드 상품진열 */
.swiper-container.swiper_roll {margin-bottom:65px; margin-left: 12px;}
.swiper_roll > ul {padding:0 !important;}
.swiper_roll > ul > li {margin: 0 0 40px;}
.swiper_roll > ul > li a {margin: 0 6px; display: block;}
.swiper_roll > ul > li img {border: none; display: block; width: 100%; vertical-align: top;}
.swiper-container.swiper-container-horizontal > .swiper-scrollbar {left:6px; width:calc(100% - 24px); height:2px; background-color:#e9e9e9;}
.swiper-container .swiper-scrollbar-drag {background:#1a1a1a;}



/* 탭 상품진열 */
.m_tab01 {padding:0 20px;}
.m_tab01 li {display:inline-block; margin-right:8px;margin-bottom:15px; padding-bottom:3px; color:#9a9a9a; font-size:14px; text-align:center; line-height:1;letter-spacing:-0.4px}
.m_tab01 li.current {color:#2a3cf3; border-bottom:2px solid #2a3cf3;}
.tabcontent01 {display:none; margin-top:25px; padding:0px;}
.tabcontent01.current {display:block;}

/* 온라인 단독 특가 */
.online .items {display: table; table-layout: fixed; width: 100%; box-sizing: border-box; font-size: 0; line-height: 0; padding: 0 12px;}
.online .items li {width: 50%; margin-bottom: 35px; display: inline-block; margin: 0 0 14px; vertical-align: top; font-size: 12px; line-height: 1.4;}
.online .items li figure {margin: 0 6px;}
.online .items li figure img {width: 100%;}
.online .items .list_shoppingInfo {text-align: left;}

.btn-add7_product .btn_moreGray {width: calc(100% - 38px); height: 48px; margin: 30px auto; color: #1a1a1a; font-size: 15px; text-align: center; line-height: 46px; border: 1px solid #e5e5e5; box-sizing: border-box; background-color: #fff; font-weight: normal;}
.btn_moreGray span {color: #1a1a1a;}
.btn_moreGray .icoMore {display: inline-block; font-size: 0; line-height: 0; vertical-align:baseline; background: url('/design/k2ksoo/mobile_commonstore/btn_more.png') no-repeat 0 50%; margin: 0 0 2px 8px; width:10px; height:6px; background-size:10px auto;}
/* BASIC css end */

