/* BASIC css start */
/* 메인 좌측 퀵바 스타일 */
#blk_scroll_wings {top:781px !important; }
.wings_fixed {position:fixed !important;}
.left_cate_area {display:block !important;}

/* 메인이미지 */
.swiper1 {width:100%; height:499px; margin:0px auto; border-bottom:1px solid #e5e5e5; background-color:#f5f5f5;}
.swiper1 .swiper-slide {cursor:move;}
.swiper1 .swiper-slide > a > div {background-repeat:no-repeat;width:100%; height:499px; background-position:top center;}
.swiper1 .swiper-navi-box {position:absolute; width:auto; right:50%; margin-right:-600px; bottom:30px; z-index:11;text-align:center;}
.swiper1 .swiper-navi {display:inline-block;width:auto;text-align:center; }
.swiper1 .navi_ar_area {width:90px; height:40px; border-radius:20px; background:rgba(119,119,119,0.3); float:left; position:relative; margin-right:5px;}
.swiper1 .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/main_left.png'); background-size:8px 14px; width:40px; height:40px; margin-top: 0px; top:0px; left:4px;}
.swiper1 .swiper-button-next {background-image: url('/design/shopopen/0772marketo/main_right.png'); background-size:8px 14px; width:40px; height:40px; margin-top: 0px; top:0px; right:4px;}
.swiper1 .icon_start_stop {display:inline-block; width:40px; height:40px; border-radius:40px; background:rgba(119,119,119,0.3);background-image:url('/design/shopopen/0772marketo/main_play.png'); background-size:8px 14px; background-position:center center; background-repeat:no-repeat; cursor:pointer; }
.swiper1 .icon_start_stop.pause {background-image:url('/design/shopopen/0772marketo/main_pause.png');}
.swiper1.cate_mouse_hover {overflow:visible;}

/* HOT EVENT 영역 */
.hot_area {width:1200px; margin:0 auto;}
.hot_area ul li {float:left; }
.hot_area ul li:first-child {padding-left:0px;}
.hot_area ul li:nth-child(4) {padding-left:0px;}
.hot_area ul li:nth-child(4),
.hot_area ul li:nth-child(5),
.hot_area ul li:nth-child(6) {padding-top:20px;}
.hot_area ul .new{width:380px;}
.hot_area ul li {padding-left:29px; padding-bottom:20px;}
.hot_area .ban_thumb {position:relative; width:380px;  height:253px; }
.hot_area .ban_thumb img {  width: 100%; height: 100%;}
.hot_area .ban_ico {position:absolute; left:0px; top:0px;}
.hot_area .ban_txt span:first-child { color:#888; font-size:13px; font-weight:700;  padding-top:22px;}
.hot_area .ban_txt span {display:block; text-align:left; letter-spacing:-0.05em; font-size:22px; line-height:1; padding-top:10px; font-family: 'Nanum Gothic'; font-weight:600; padding-left:10px; color:#222;}
.hot_area .ev_ar {padding-top:22px; padding-right:10px;}

/* 메인 이벤트 배너 */
.ban_event {width:1200px; margin:20px auto;}

/* 메인 상품탭 */
.swiper2 {width:1200px;margin:0px auto;}
.swiper2_text {height:60px; font-size:0; width:1200px; margin-bottom:0px; }
.swiper2_text li:first-child {border-left:1px solid #e5e5e5;}
.swiper2_text li { cursor:pointer; position:relative; display:inline-block;width:200px;border:1px solid #e5e5e5;height:60px;line-height:58px;box-sizing:border-box;border-left:0px;}
.swiper2_text li {color:#888; font-size:16px; text-align:center; font-weight:700; letter-spacing:-0.015em;}
.swiper2_text li.swiper_over { color:#252525;border:2px solid #222; font-weight:1000;}
.swiper2 .swiper-pagination2 {display:none;}
.swiper2 .swiper-slide {display:block;background-color:#fff;border:1px solid #e5e5e5;box-sizing:border-box;padding:40px 30px;}
.swiper2 .prd-list table td {padding-bottom:0;}
.swiper2 .prd-list table .tb-center {width:262px;}
.swiper2 .prd-list table .tb-cente .MS_prod_img_m{height:262px;}

/* OUR BRAND */
.swiper_brand {width:1206px;margin:0 auto;}
.brand_logo_area {width:1206px;margin:0 auto;position:relative;text-align:center;}
.brand_logo_area .swiper-button-prev {background-image:url('/design/shopopen/0772marketo/roll_left.png');left: -19px;top:50%;width:40px;height:40px;background-size:40px 40px;margin-top:-20px;outline:none; }
.brand_logo_area .swiper-button-next {background-image:url('/design/shopopen/0772marketo/roll_right.png');right: -19px;top:50%;width:40px;height:40px;background-size:40px 40px;margin-top:-20px;outline:none; }
.brand_logo_area .br_logo_area {width:1206px; margin:0 auto; overflow:hidden;}
.brand_logo_area .br_logo_area ul {font-size:0px;border:1px solid #e5e5e5;border-top:0;border-left:0;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.brand_logo_area .br_logo_area ul li {float:left;position:relative;border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.brand_logo_area .br_logo_area ul li a {vertical-align:top;}
.brand_logo_area .br_logo_area ul li span {color:#000; position:absolute;left:0;font-size:14px; font-weight:700; letter-spacing:0.025em; line-height:98px;width:100%;height:100%;top:89px;opacity:0;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;background: rgb(202,223,228); background: linear-gradient(300deg, rgba(202,223,228,1) 0%, rgba(246,215,246,1) 100%);}
.brand_logo_area .br_logo_area ul li:hover span { background: rgb(202,223,228); background: linear-gradient(300deg, rgba(202,223,228,1) 0%, rgba(246,215,246,1) 100%);opacity:1;top:0px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

/* 메인 롱 배너 */
.long_ban_area {width:100%; margin:20px 0px;}
.logn_ban_inner {height:390px;background-position:top center;}

/* BRAND! PICK */
.pick_area {width:1200px; margin:0 auto;}
.pick_area .pick_pro_area {border:1px solid #e9e9e9; min-height:788px; width:578px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.pick_area .pick_pro_area:hover {box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.pick_area .pick_pro_area a {vertical-align:top;}
.pick_area .swiper_pick01 {width:516px;padding:0 14px;margin:30px auto;}
.pick_area .swiper_pick01 .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/roll_left.png'); left: 0px; top:102px; width:40px; height:40px; background-size:40px 40px; margin-top:0px;}
.pick_area .swiper_pick01 .swiper-button-next {background-image: url('/design/shopopen/0772marketo/roll_right.png'); right: 0px; top:102px;width:40px; height:40px; background-size:40px 40px ;margin-top:0px;}
.pick_area .swiper_pick02 {width:516px;padding:0 14px;margin:30px auto;}
.pick_area .swiper_pick02 .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/roll_left.png'); left: 0px; top:102px; width:40px; height:40px; background-size:40px 40px; margin-top:0px;}
.pick_area .swiper_pick02 .swiper-button-next {background-image: url('/design/shopopen/0772marketo/roll_right.png'); right: 0px; top:102px;width:40px; height:40px; background-size:40px 40px ;margin-top:0px;}

/* 메인롤링 신상품 grid5  */
.swiper_roll {width:1192px;margin:0 auto !important;padding:0 15px !important;}
.swiper_roll .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/roll_left.png'); left:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}
.swiper_roll .swiper-button-next {background-image: url('/design/shopopen/0772marketo/roll_right.png'); right:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}

/* TREND PICK */
.trend_area {width:1200px; margin:0 auto;}
.trend_area .tr_pro_area {width:378px; border:1px solid #e9e9e9; margin-left:30px; text-align:left; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;float:left;}
.trend_area .tr_pro_area a {vertical-align:top;}
.trend_area .tr_pro_area .prd-list {padding:30px;}
.trend_area .tr_pro_area.first {margin-left:0px;}
.trend_area .tr_pro_area .trend_txt {padding:38px 30px 0px; width:387px; height:121px;}
.trend_area .tr_pro_area .txt1 {line-height:1; font-size:17px; color:#222; font-weight:700; letter-spacing:-0.050em; padding-bottom:18px;}
.trend_area .tr_pro_area .txt2 {line-height:24px; font-size:14px; color:#555; letter-spacing:-0.050em;}
.trend_area .tr_pro_area:hover {box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}

/* 1단진열 상품 스타일 */
.trend_area .tr_pro_area .prd-list table td {border-top:1px solid #e5e5e5;padding:20px 0 0 0; }
.trend_area .tr_pro_area .prd-list table tr:first-child td {padding-bottom:20px; }
.trend_area .tr_pro_area .prd-list .thumb {float:left;width:34.595%; }
.trend_area .tr_pro_area .prd-list table .info {float:left;width:59.4%;padding:10px 0 10px 6%; }
.trend_area .tr_pro_area .prd-list .dsc {margin-top:0; }

/* only on */
.only_area {width:1200px; margin:0 auto;}
.only_area .only_ban {width:210px; text-align:center; font-size:0px;float:left;}
.only_area .only_ban a {vertical-align:top;}
.only_area .only_ban .txt1 {color:#888; font-size:13px; font-weight:700; letter-spacing:-0.025em; padding-top:22px;}
.only_area .only_ban .txt2 { letter-spacing:-0.035em; font-size:18px; line-height:1; padding-top:15px; color:#222222;}
.only_area .only_ban .txt3 { letter-spacing:-0.035em; font-size:13px; line-height:1; padding-top:10px; color:#757575;}
.only_area .only_ban_right {float:center;width:1200px;}
.only_area .only_ban_right table td {width:210px; padding-bottom:0;}
.prd-list .icon{height:35px;}
.prd-list .dscc{height:70px; margin:10px 0; font-weight:400; font-size:14px; color:#151515; border-bottom:solid 1px #e9e9e9;}
.prd-list .price2{margin-top: 5px; font-weight: 700; color: #222; font-size: 20px; font-family: 'Roboto','Nanum Gothic',sans-serif; letter-spacing: -0.035em;}
.prd-list table{text-align:center;}
.prd-list table .tb-center2{width:240px; margin:0 auto; padding:0; text-align:center; position:relative;}
.prd-list table .tb-center2 .box{width:210px; height:370px; padding:20px; margin-bottom:10px;}

/* HOT EVENT 영역 
.hot_area {width:1200px; margin:0 auto;}
.hot_area ul li {float:left;}
.hot_area ul li:first-child {padding-left:0px;}
.hot_area ul li {padding-left:29px;}
.hot_area .ban_thumb {position:relative;}
.hot_area .ban_ico {position:absolute; left:0px; top:0px;}
.hot_area .ban_txt span:first-child {color:#888; font-size:13px; font-weight:700; letter-spacing:-0.025em; padding-top:22px;}
.hot_area .ban_txt span {display:block; text-align:left; letter-spacing:-0.05em; font-size:17px; line-height:1; padding-top:15px; padding-left:10px; color:#222;}
.hot_area .ev_ar {padding-top:22px; padding-right:10px;}*/

#contentWrap {width:100% !important;}
#left_quick {top:762px;}
#comment_top.fixed  #left_quick {top:248px;}


/* 좌측사이즈배너 absolute position 2020-02-24 */
#sidebanner { position:absolute; left:50%; top:790px; margin-left:-800px; z-index:999;}
#sidebanner a img{ display:inline-block;}
#sidebanner .banner1{width:160px; height:200px; padding-bottom:5px;}
#sidebanner .banner2{width:160px; height:350px;}
#sidebanner .banner3{width:160px; height:250px; padding-bottom:5px;}


/* UI 레이아웃 GIF */
.ui_area{ width:1200px; height:350px; margin: 0 auto; overflow:hidden; }
.ui_area li{ float:left; text-align:center;}
.ui_area li div img{ width:550px; height:290px; margin: 0 25px;}
.ui_area li .ban_txt{  font-size:16px; font-weight:bold; padding-top:10px; text-align:left; margin-left:35px;}

.hot_area .ban_txt { width:380px; }


/* 컨텐츠 영역 */
.mainBanner1 { width:1260px; margin: 0px auto 40px; text-align:center; padding-top:70px; }
.mainBanner1 .mbSec { position:relative; width:400px; margin-right:30px; float:left;  overflow:hidden; }
.mainBanner1 .mbSec a {display:block; background:#000; }
.mainBanner1 .mbSec p { position:absolute; top:50%; width:100%; text-align:center; font-size:24px; font-weight:400; color:#fff; }
.mainBanner1 .mbSec img { opacity:0.8; }
.mainBanner1 .mbSec:last-child {margin-right:0;}
.mainBanner1 .mbSec ul li:first-child { margin-right:0.5%; width:400px; height:240px; margin-bottom:30px; overflow:hidden;  }

/* zoom */
.zoom img{-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
}
.zoom:hover img{ transform: scale(1.10);
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
}
/* BASIC css end */