/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h2 {font-size:2.250em; display: inline-block; margin:45px 0 18px 0; padding-top:15px; border-top:1px solid #3b3b3b;color:#fff;}
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.list_shopping2x{background-color:#fff;}
.listName{color:#1b1b1b;font-size:14px;}
.listPrice{color:#ea2525;font-weight:bolder;}
.listline {border-bottom:1px solid #9a9a9a;width:95%; padding:5px;}
.listSubName{color:#939393;padding:10px 0px;}
.listPic {width:49%;}
.B_listName{color:#000;font-size:12px;}
.B_listPrice{position:absolute;color:#ea2525;font-weight:bolder;clear:both;padding-left:13%;float:left;font-size: 20px;padding-top: 33px;line-height:25px;}
.B_Dis{background-color:#da0c16;border-radius: 50px;color:#fff;padding: 0 5px;float:left;font-size: 23px;height: 50px;line-height: 2.1;position: relative;margin-left: 30%;margin-top: 10px;width: 40px;font-weight: bolder;}

.sns {font-size:25px;}
.sns_Name{font-size:13px;padding-top:5px; padding-bottom:20px;}

.banner01{min-width:320px; margin-top:40px;}
.banner01 img{width:100%;}
.banner01 ul li.b_01{float:left;width:50%;}

.banner02{min-width:320px;}
.banner02 img{width:100%;}
.banner02 ul li.b_01{float:left;width:50%;}

.banner03{min-width:320px; margin-top:40px;}
.banner03 img{width:100%;}
.banner03 ul li.b_01{float:left;width:31.25%;}
.banner03 ul li.b_02{float:left;width:36.25%;}
.banner03 ul li.b_03{float:left;width:32.5%;}

.info_bx{float:left;position:relative;width:100%;min-width:320px;padding-bottom:5%; margin-top:40px}
.info_bx img{width:100%;}
.info_bx dl dd.left{float:left;padding-top:10px }
.info_bx dl dd.right{float:left;padding-top:10px; padding-left:20px;   width:95%;min-width:64px; border-bottom:1px solid #888; padding-bottom:15px;}
.review1{font-size:14px;color:#000;font-weight:bold;}
.review2{font-size:13px;color:#666;padding-top:2%}
.review3{font-size:14px;color:#666;font-weight:bold;padding-top:2%}
.img640{ clear:both; margin-top:40px;}
.m_maincart{width:100%; margin:0 auto; text-align:center; padding-left:18%}
.maincart{width:150px; margin:0 auto; }
.maincart li{float:left;width:30%; }
 
/* 2013-06-14 by jodalpo */
/* 카테고리형 */
.main .gradient-cat { /* fallback */ background-color: #f4f4f4; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #f4f4f4); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #f4f4f4); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #f4f4f4); }
.main .category-items .categorys { position: relative; padding: 0 3%; border-top: 1px solid #fff; font-size: 0.875em; line-height: 34px; }
.main .category-items .categorys .wrap > ul > li { padding: 0 5px; list-style-type: none; float: left; }
.main .category-items .categorys .wrap > ul > li.now { font-weight: bold; background: url(/images/d3/m_01/bull/info5_dot.gif) no-repeat 0 50%; }
.main .category-items .categorys .wrap > a { display: none; z-index: 1; position: absolute; width: 34px; height: 34px; top: 0; text-indent: -9999px; }
.main .category-items .categorys .wrap > a.prev { left: 0; background: url(/images/d3/m_01/btn/more_btn_prev@2x.gif) no-repeat 50% 50%; background-size: 12px 12px; }
.main .category-items .categorys .wrap > a.next { right: 0; background: url(/images/d3/m_01/btn/more_btn_next@2x.gif) no-repeat 50% 50%; background-size: 12px 12px; }
.main .category-items .more-btn { position: absolute; top: 9px; right: 8px; }
.main .category-items .category-items-wrap { position: relative; padding: 10px 0; width: 100%; overflow: hidden; }
.main .category-items .category-items-wrap .category-wrap-hidden { position: relative; margin-left: 0; }
.main .category-items .category-items-wrap .category-wrap-hidden > div { text-align:center; } 
.items-wrap .items[data-type=category] { text-align:center;  width: 100%; }
.items-wrap .items[data-type=category] > li { float: left; position: relative; width:100%; }
.items-wrap .items[data-type=category] > li > dl { position: relative; padding: 0 1.5%; }
.items-wrap .items[data-type=category] .thumb-img { position: relative; overflow: hidden; width:70%; height: auto !important; margin-bottom: 7px; margin:0 auto; }
.items-wrap .items[data-type=category] .thumb-img img { width:100%; }
.items-wrap .items[data-type=category] .pname { font-weight: normal; height: 17px; margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.items-wrap .items[data-type=category] .price-strike { line-height: 14px; font-weight: normal; text-decoration: line-through;font-size:14px; }
.items-wrap .items[data-type=category] .price { line-height: 15px; font-weight: bold; color: #ea2525; }


.category-items .category-pages-wrap { position: absolute; padding: 10px; margin: 0 10px 20px;top:35%;width:90%;  }
.category-items .category-pages-wrap .category-pages { position: relative; color: #b0b0b0; font-size: .875em; line-height: 26px; }
.category-items .category-pages-wrap .category-pages a { display: inline-block; width: 26px; height: 26px; text-indent: -9999px; }
.category-items .category-pages-wrap .category-pages-prev {float:left; }
.category-items .category-pages-wrap .category-pages-prev a { display: inline-block; width: 26px; height: 26px; text-indent: -9999px;}
.category-items .category-pages-wrap .category-pages-next { float:right; }
.category-items .category-pages-wrap .category-pages-next a{ display: inline-block; width: 26px; height: 26px; text-indent: -9999px;}
.category-items .category-pages-wrap .category-pages-prev a.prev { background: url(/images/d3/m_01/btn/btn_category_page_prev.gif) no-repeat 50% 50%; background-size: 26px 26px; }
.category-items .category-pages-wrap .category-pages-next a.next { background: url(/images/d3/m_01/btn/btn_category_page_next.gif) no-repeat 50% 50%; background-size: 26px 26px; }
.category-items .category-pages-wrap .category-pages strong { color: #000; }
.category-items .category-pages-wrap .category-name { position: absolute; right: 10px; top: 10px; }

/* tab3 */
#column_tab { margin:0 auto; position:relative; width:100%; }
#column_tab .item-wrap-tab { position:relative; width:100%; margin:0 auto; }

.productb_tab {position:relative; width:100%; margin-left:auto;margin-right:auto; height:inherit;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.productb_tab ul {width:100%; height:34px;margin:0 auto; }
.productb_tab li{float:left; width:33.3%; text-align:center   }
.productb_tab li a{display:block; font-family:'Noto Sans KR'; font-size:12px; color:#000; height:32px; line-height:34px;background:#e9e9e9;border-top:2px solid #c9c9c9;}
.productb_tab li a.on{color:#1b1b1b; font-weight:bolder; background:#fff;border-top:2px solid #1b1b1b; }
.productb_tab li a:hover{color:#1b1b1b; font-weight:bolder;  background:#fff;border-top:2px solid #1b1b1b; }
.video-container { position: absolute;width:100%;height:248px;padding-bottom: 26.25%; padding-top: 30px; margin-top: -70%;text-align: center;}
.video-container iframe {width:85%; height:100%;}

    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/* BASIC css end */