/* BASIC css start */
/* 메인 이미지 */
.swiper-container.swiper0 {margin:0 auto;}
.swiper0 .swiper-slide img {width: 100%;}
.swiper0 .swiper-pagination {width:auto !important;right:10px;left:auto !important;bottom:10px !important;border-radius:20px;padding:5px 10px;font-size:11px;color:#cbcbcb;background-color:rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);font-weight:300;}
.swiper0 .swiper-pagination .swiper-pagination-current {color:#fff !important;}

/* 온스토어 영역 */
.swiper1 {padding-left:10px;margin-bottom:50px;}
.swiper1 .swiper-slide {width:33.33% !important;position:relative;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide a {font-size:0;display:block;}
.swiper1 .swiper-slide .t1 {font-size:16px;color:#111; line-height:1;padding:20px 0 0 5px;font-weight:700;letter-spacing:-0.025em}
.swiper1 .swiper-slide .t2 {font-size:14px;color:#555; line-height:18px;padding:10px 0 0 5px;letter-spacing:-0.025em;}
.swiper1 .swiper-slide .ev_ar {position:absolute;right:5px;bottom:5px;text-align:right; display:none;}
.swiper1 .swiper-slide .ev_ar img {width:80%;text-align:right; display:none;}

/* 중앙이벤트배너 영역 */
.long_ban {margin:0 auto; text-align:center;}
.long_ban a img {width:100%;}

/* 메인 타이틀 */
.main_title {padding:50px 0px 25px; text-align:center; font-size:0px;}
.main_title .t1 {font-size:20px; color:#333; line-height:1; letter-spacing:0; font-weight:700; font-family:'Raleway', sans-serif;}
.main_title .t2 {font-size:13px; color:#999; line-height:1; letter-spacing:-0.2px; padding-top:10px;}

/* 메인 탭상품 */
.swiper2 {width:100%;height:auto;margin:20px auto 0;background-color:#fff;}
.swiper2_text {width:94%;margin:0 auto 10px !important;text-align:center;}
.swiper2_text .swiper-slide {width:auto;height:34px;text-align:center;display:inline-block;padding:0;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.swiper2_text .swiper-slide a {display:block;font-size:14px;color:#888;background-color:#f3f3f3;border:2px solid #f3f3f3;line-height:30px;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;border-radius:30px;}
.swiper2_text .swiper-slide-active a {color:#252525;background-color:#fff;border:2px solid #252525;font-weight:700;}
.swiper-container .swiper-wrapper .swiper-slide .list_shopping2x .items{height:700px;}


/* 오픈 가이드북 영역 */
.hot_area {width:100%; }
.hot_area ul { padding-left:2px; }
.hot_area ul li { float:left; width:50%; } 

.hot_area .ban_thumb {position:relative; width:100%;  height:100%;   }
.hot_area .ban_thumb img {  width: 98%; height: 100%; padding-top:13px;  }
.hot_area .ban_ico {position:absolute; left:0px; top:0px; }
.hot_area .ban_txt span:first-child {color:#888; font-size:14px; font-weight:700; letter-spacing:-0.025em; padding-top:5px; padding-bottom:3px;}
.hot_area .ban_txt span {display:block; text-align:left; letter-spacing:-0.05em; font-size:18px; line-height:1; padding-top:2px;  font-family: 'Nanum Gothic'; font-weight:600; padding-left:10px; color:#222;}


.swiper3 {width:100%;margin:0 auto;}
.swiper3 .swiper-button-prev3 {background-image:url('/design/shopopen/mobile_marketo/icon_ourbrand_left.png') !important;background-size:30px 30px;background-color:#fff;width:30px;height:30px;left:0px;margin-top:-15px;outline:none;}
.swiper3 .swiper-button-next3 {background-image:url('/design/shopopen/mobile_marketo/icon_ourbrand_right.png') !important;background-size:30px 30px;background-color:#fff;width:30px;height:30px;right:2px;margin-top:-15px;outline:none;}
.swiper3 .swiper-slide li {width:33.33%; float:left; border:1px solid #ededed; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-left:-1px;}
.swiper3 .swiper-slide li img {width:100%;}
.swiper3 .swiper-slide li:nth-of-type(4),
.swiper3 .swiper-slide li:nth-of-type(1) {margin-left:0px;}
.swiper3 .swiper-slide li:nth-of-type(4),
.swiper3 .swiper-slide li:nth-of-type(5),
.swiper3 .swiper-slide li:nth-of-type(6) {border-top:0;}

.main_evnet_ban {margin:40px auto 0;}
.main_evnet_ban img {width:100%;}

/* 메인 브랜드픽 */
.swiper4 {margin:0 auto;}
.swiper4 .swiper-slide .br_ban img {width:100%;}
.swiper4 .swiper-pagination {width:auto !important;right:10px;left:auto !important;bottom:auto;border-radius:20px;padding:5px 10px;font-size:11px;color:#cbcbcb;background-color:rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);font-weight:300;}
.swiper4 .swiper-pagination .swiper-pagination-current {color:#fff !important;}

/* 메인 롤링상품 스타일 */
.swiper_roll {padding-bottom:20px !important;}
.swiper_roll.list_shopping2x ul {display:flex;}
.swiper_roll.list_shopping2x li {width:50% !important;}
.swiper-container-horizontal > .swiper-scrollbar {position: absolute;left:2%;bottom:3px;z-index:50;height:3px;width:96%;}
.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {border-radius:0;background:#111;}

/* 메인 트랜드픽 */
.swiper5 {margin:0 auto;border-bottom:1px solid #ececec;}
.swiper5 .swiper-slide .ec-base-product.typeDesc .prdList {padding:0;}
.swiper5 .swiper-slide .list_shopping1x li {padding:10px 5%;width:90%;border-top:1px solid #ececec;}
.swiper5 .swiper-slide .list_shopping1x li:first-child {border-top:0;}
.swiper5 .swiper-slide .list_shopping1x .list_shoppingInfo {padding-top:2%;}
.swiper5 .swiper-slide .tr_ban img {width:100%;}
.swiper5 .swiper-slide .tr_ban_text {background-color:#fff;width:89%;float:right;margin-top:-40px;font-size:22px;font-weight:700;color:#252525;letter-spacing:-0.025em;line-height:1.3em;text-align:left;padding:15px 3% 0 4%;position:relative;z-index:5;}
.swiper5 .swiper-slide .tr_ban_text span {font-size:14px;font-weight:300;color:#333;letter-spacing:-0.030em;display:block;padding-top:5px;}
.swiper5 .swiper-pagination {width:auto !important;right:10px;left:auto !important;bottom:auto;border-radius:20px;padding:5px 10px;font-size:11px;color:#cbcbcb;background-color:rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);font-weight:300;}
.swiper5 .swiper-pagination .swiper-pagination-current {color:#fff !important;}

/* 메인 온리온 */
.swiper6 {margin:0 auto;border-bottom:1px solid #ececec;}
.swiper6 .swiper-slide .list_shopping1x li {padding:10px 5%;width:90%;border-top:1px solid #ececec;}
.swiper6 .swiper-slide .list_shopping1x li:first-child {border-top:0;}
.swiper6 .swiper-slide .list_shopping1x .list_shoppingInfo {padding-top:2%;}
.swiper6 .swiper-slide .on_ban img {width:100%; display:none;}
.swiper6 .swiper-slide .on_ban_text {background-color:#fff;width:89%;float:right;margin-top:-40px;font-size:22px;font-weight:700;color:#252525;letter-spacing:-0.025em;line-height:1.3em;text-align:left;padding:15px 3% 0 4%;position:relative;z-index:5; display:none;}
.swiper6 .swiper-slide .on_ban_text span {font-size:14px;font-weight:300;color:#333;letter-spacing:-0.030em;display:block;padding-top:5px; display:none;}
.swiper6 .swiper-pagination {width:auto !important;right:10px;left:auto !important;bottom:auto;border-radius:20px;padding:5px 10px;font-size:11px;color:#cbcbcb;background-color:rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);font-weight:300; display:none;}
.swiper6 .swiper-pagination .swiper-pagination-current {color:#fff !important; display:none;}

/* 핫이벤트 영역 */
.swiper7 {padding-left:10px;margin-bottom:50px; display:none;}
.swiper7 .swiper-slide {width:65% !important;position:relative; display:none;}
.swiper7 .swiper-slide img {width:100%; display:none;}
.swiper7 .swiper-slide a {font-size:0;display:block; display:none;}
.swiper7 .swiper-slide .t1 {font-size:14px;color:#555; line-height:18px;padding:20px 0 0 5px;letter-spacing:-0.025em; display:none;}
.swiper7 .swiper-slide .t2 {font-size:16px;color:#111; line-height:1;padding:10px 0 0 5px;font-weight:700;letter-spacing:-0.025em display:none;}
.swiper7 .swiper-slide .ev_ar {position:absolute;right:5px;bottom:10px;text-align:right; display:none;}
.swiper7 .swiper-slide .ev_ar img {width:80%;text-align:right; display:none;}

/* UI 레이아웃 GIF */
.ui_area{ width:100%; height:auto; margin: 0 auto; overflow:hidden; }
.ui_area li{ text-align:center;}
.ui_area li div img{ width:300px; height:170px; margin: 0 auto;}
.ui_area li .ban_txt{ width:300px; font-size:12px; font-weight:bold; padding:10px 0 15px 0; text-align:left; margin: 0 auto;}
.ui_area li .ban_txt span{ margin-left:5px;}


/* 컨텐츠 영역 */
/* 메인배너 */
.mainBanner1 {display:inline-block; width:100%; margin:13% 0 0; padding:0 13px; box-sizing:border-box; }
.mainBanner1 ul li { position:relative; width:33.3%;  float:left; box-sizing:border-box; padding-right:1%; }
.mainBanner1 ul li a {display:block; background:#000; }
.mainBanner1 ul li p { position:absolute; top:50%; width:100%; text-align:center; font-size:14px; font-weight:500; color:#fff; }
.mainBanner1 ul li img { opacity:0.8; width:100%; }
/* BASIC css end */