/* BASIC css start */
#contentWrap { width:100%; }
#wrap #w1300 { max-width:1560px; }
#header { border-bottom:0px solid #F6F6F6 !important;   }  /* 메인상단영역아래 라인 없애기 */
#header:after { content: ""; clear: both; display: block; }


/* 메인큰이미지영역  */
#section01 { width:100%;overflow:hidden; }
#section01:after { content: ""; clear: both; display: block; }
.mainimg { width: 100%; overflow:hidden; margin-bottom:30px;}
.main_slider {position:relative;width:100%; min-width:1300px; height:600px; overflow:hidden;text-align:center; background:#fff;}
.main_slider .main_img_box {position:absolute; left:50%; width:1300px; margin-left:-650px}
.main_slider .main_img_box li {width:1300px; overflow:hidden;}
.main_slider .main_img_box li img {display:block; width:1300px; height:600px;}
.main_slider .tempWrap {overflow:visible !important;}
.main_slider .tempWrap ul {margin-left:-1300px !important;}
.main_slider .main_img_icon {position:absolute; z-index:1; left:0; bottom:30px;width:100%; height:8px;text-align:center;}
.main_slider .main_img_icon li{display:inline-block;width:50px; height:0px; margin:0 5px; overflow:hidden; background:url(../img/slider_off.png) no-repeat; cursor:pointer; font-size:0;}
.main_slider .main_img_icon li.on { background:url(../img/slider_on.png) no-repeat; }
.main_slider .main_img_btn {position:absolute; z-index:1; top:0px;width:100%; height:600px;cursor:pointer;}
.main_slider .prev {left:-50%; margin-left:-650px;}
.main_slider .next {left:50%; margin-left:650px;}
.main_slider .main_img_btn .blackBg {display:block; position:absolute; top:0; left:0;width:100%; height:600px;background:#000; opacity:0.5;filter:alpha(opacity=50);}
.main_slider .main_img_btn .arrow { display:block; position:absolute; z-index:1; top:50%;margin-top:-30px;width:32px; height:600px; }
.main_slider .main_img_btn .arrow:hover { opacity:0.8; filter:alpha(opacity=60); }
.main_slider .prev .arrow { right:-70px;background:url(/design/nbmart/wizdesign/slide_prev_w.png) no-repeat; }
.main_slider .next .arrow { left:-70px; background:url(/design/nbmart/wizdesign/slide_next_w.png) no-repeat; }


#main_slide {  position:relative; width:100%; clear: both;}
#main_slide .mslide { position:absolute; width:5000px;  height:auto; top:0;  left:50% !important; margin-left:-2500px; z-index:3  }
#main_slide .s-item { position:relative;display:block; text-align:center;  }  
#main_slide .s-item img{ margin:0 auto;  /* height:px; */ text-align:center;}
#main_slide .slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
#main_slide .mslide .slick-slider:hover .slick-next,#main_slide .mslide .slick-slider:hover .slick-prev{display:block !important;}
#main_slide .mslide .invisible{visibility: hidden;}
#main_slide .mslide .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
#main_slide .mslide .slick-list:focus{outline: none;}
#main_slide .mslide .slick-list.dragging{cursor: pointer;cursor: hand;}
#main_slide .mslide .slick-slider .slick-track,#main_slide .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#main_slide .mslide .slick-track{position: relative;left:0;top:0;display:block;}
#main_slide .mslide .slick-track:before,.slick-track:after{content: "";display: table;}
#main_slide .mslide .slick-track:after{clear:both;}
#main_slide .mslide .slick-loading .slick-track{visibility: hidden;}
#main_slide .mslide .slick-slide{ float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .mslide .slick-slide{ }
#main_slide .mslide .slick-slide img{ display:block; }
#main_slide .mslide .slick-slide.slick-loading img{display: none;}
#main_slide .slick-slide.dragging img{pointer-events: none;}
#main_slide .slick-initialized .slick-slide {display:block;}
#main_slide .mslide .slick-loading .slick-slide{visibility: hidden;}
#main_slide .mslide .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
#main_slide .mslide .slick-prev,#main_slide .mslide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:63%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */
#main_slide .mslide .slick-prev{left:50%;margin-left:-645px;background:url(/design/nbmart/wizdesign/slide_prev.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
#main_slide .mslide .slick-next{right:50%;margin-right:-645px;background:url(/design/nbmart/wizdesign/slide_next.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
#main_slide .mslide:hover .slick-prev{margin-left:-690px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
#main_slide .mslide:hover .slick-next{margin-right:-690px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
#main_slide .mslide .slick-prev:hover{ opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
#main_slide .mslide .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */
#main_slide .mslide .slick-prev,#main_slide .mslide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
#main_slide .mslide .slick-slider{margin-bottom:0;}
#main_slide .mslide .slick-dots{position:absolute;bottom:15px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
#main_slide .mslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#main_slide .mslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#main_slide .mslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#main_slide .mslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#main_slide .mslide .slick-dots li button:before{display:block;width:8px;height:8px;content: "";;background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
#main_slide .mslide .slick-dots li.slick-active button:before {   background:#333; width:25px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


#mainSpot {position:relative;width:100%; max-width: 1920px;min-width:1024px;overflow:hidden;margin: 0 auto 110px;}
#mainSpot .swiper-slide { width:100%; }
#mainSpot .swiper-slide img {width:100%;}
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }
#mainSpot .swiper_progress {margin:6px 0;margin-right: 20px;width: 1000px;height: 1px;background-color: #fff;float: left;}
#mainSpot .swiper_progress span {background: #c12f2f;}
#mainSpot .spotSlider { width:1920px; }


.bottom_btn_list {position:absolute;left: 50%;transform: translateX(-50%);bottom: 40px;z-index:10;opacity: 1;width: max-content;}
.bottom_btn_list>div {position:relative!important;float:left;height: 14px;}
.bottom_btn_list>div.swiper_fraction {font-size: 14px;color: #fff;font-weight: 500;display: flex;align-items: center;margin-right:18px;float: left;}
.bottom_btn_list>div.slide_button { float:right; cursor:pointer;line-height: 14px; width:10px;}
.bottom_btn_list>div.slide_button>img {
    padding-bottom: 2px;
}

.main_banner_arrow {width: 95vw; height:0; min-width: 1024px;max-width: 1840px;position: absolute;top: calc(50%);left:50%;z-index:10;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.main_banner_arrow .left_arrow { width:60px;float:left; }
.main_banner_arrow .right_arrow {width:60px; float:right; }
.bottom_btn_list>div.swiper_fraction span {
    color: #fff;
    margin: 0 2px;
}


.plan_list { text-align:center; margin-bottom:150px; }
.plan_list ul { font-size:0; display:inline-block; vertical-align:top; }
.plan_list ul li { float:left; margin-right:50px; vertical-align:top; }
.plan_list ul li a { display:block; }
.plan_list ul li span { display:block; font-size:14px; color:#111; font-weight:700; margin-top:16px; }
.plan_list ul li:last-of-type { margin-right:0; }


.tabs { margin-bottom:150px; }
.tabs_default > DIV {margin-top: 56px;padding-bottom:7px;}
.tabs_default .horizontal {position:relative;list-style: none outside none;width: 100%;text-align: center;border:0px solid #000;}
.tabs_default .horizontal p {margin-bottom: 40px;text-align: center;color:#000;font-size: 34px;font-weight: 500;line-height: 1;}

.tabs_default .horizontal:after{clear:both;content:'';display:block;}
.tabs_default .horizontal li {display: inline-block;padding:0 23px;vertical-align: top;}
.tabs_default .horizontal a {display: inline-block;width:100%;color: #bbb;text-align:center;font-size: 17px;font-weight: 700;line-height:20px;}
.tabs_default .horizontal li:first-child{ margin-left:0px; border-left:0;padding-left:0; }
.tabs_default .horizontal li.active a {color: #111;border-bottom:2px solid #000;padding-bottom: 4px;}
.tabs .item_box .besttit { position:absolute; top:10px; left:10px;  z-index:2; }
.tabs .item_box .besttit .box { padding:5px; color:#000;  font-size:22px; letter-spacing:-0.5px; font-weight:bold;text-decoration: underline; }


.list_box .items.tab_box li { margin-right:16px!important; }

.best_bottom { font-size:0; text-align:center; }
.best_bottom>div {display: inline-block!important; cursor:pointer; }
.best_bottom .prev_btn {
    width: 8px;
    height: 14px;
    background: url(/design/nbmart/1101/pc/best_arrow_l.png);
}

.best_bottom .next_btn {
    width: 8px;
    height: 14px;
    background: url(/design/nbmart/1101/pc/best_arrow_r.png);
}


.best_bottom .pagingInfo {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    margin: 0 32px;
    vertical-align: middle;
    margin-top: -15px;
}


.brand_img {
    position: relative;
    width: 30%;
    float: left;
}

.brand_img>img {
    position: relative;
    z-index: 0;
    width: 100%;
}

.brand_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.brand_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 10;
    width: 100%;
    text-align: center;
}

.brand_text h1 {
    color: #fff;
    z-index: 12;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
}

.brand_text a {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
        letter-spacing: -0.035em;
}

.brand_text a img {
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 5px;
}

.brand_list.list_box {
    overflow: hidden;
}

.side_prd {
    float: right;
    width: 65%;
}

.list_box .side_prd .items li .best_icon_div {
    display: none;
}

.list_box .side_prd .items li {
    width: calc((100% - 32px) / 3);
    margin-right: 16px!important;
    margin-bottom:30px;
}

.list_box .side_prd .items li:nth-of-type(3n) { margin-right:0!important; }


.center_banner {
    position: relative;
    margin-bottom: 150px;
}

.center_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    cursor:pointer;
    z-index:10;
}

.center_arrow.center_prev {
    left: 0;
    background: url(/design/nbmart/1101/pc/center_banner_arrow_l.jpg);
}

.center_arrow.center_next {
    right: 0;
    background: url(/design/nbmart/1101/pc/center_banner_arrow_r.jpg);
}


.new_more {
    width: 320px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    border: 1px solid #111;
    box-sizing: border-box;
        letter-spacing: -0.035em;
}

.new_more img {vertical-align:middle;margin-top: -4px;margin-left: 3px;}


.lab_banner {
    width: 100%;
    height: 360px;
    background: url(/design/nbmart/1101/pc/main_Bottom_2023.jpg);
    background-position: center;
}

.lab_banner .lab_inner { max-width:1560px; height:100%; min-width:1200px; margin:0 auto; position:relative; }
.lab_banner .lab_inner .lab_text {
    position: absolute;
    left: 0;
    bottom: 58px;
    color: #fff;
    z-index: 10;
    /* width: 100%; */
    text-align: left;
}

.lab_banner .lab_inner .lab_text h1 {
    color: #111;
    z-index: 12;
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
}

.lab_banner .lab_inner .lab_text a {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #111;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.035em;
}

.lab_banner .lab_inner .lab_text a img { vertical-align:middle;margin-top: -4px;margin-left: 3px; }

.lab_right_text {
    position: absolute;
    right: 0;
    bottom: 58px;
    color: #fff;
    z-index: 10;
    /* width: 100%; */
    text-align: left;
}


.lab_right_text h1 { font-size:26px; color:#fff; font-weight:500; line-height:1; margin-bottom:22px;}
.lab_right_text p { font-size:15px; color:#111; font-weight:400; line-height:1.7; }


.insta_box {
    padding: 150px 0 100px;
}

.insta_box>h1 {
    font-weight: 500;
    color: #111;
    font-size: 34px;
    /* font-family: 'Noto Sans KR'; */
    text-align: center;
    line-height: 1;
    margin-bottom: 24px;
}

.insta_box .new_more {
    width: 200px;
    border-radius: 60px;
    border-color: #bbb;
    font-size: 13px;
    height: 40px;
    line-height: 38px;
}


.insta_list {
    max-width: 1560px;
    min-width: 1200px;
    margin: 0 auto;
    margin-top: 56px;
}

.insta_list ul {
    overflow: hidden;
}

.insta_list ul li {
    float: left;
    margin-right: 4px;
    width: calc((100% - 24px) / 7);
    position:relative;
}

.insta_list ul li a { display:block; width:100%; height:100%; position:relative; }
.insta_list ul li img { width:100%; }
.insta_list ul li:nth-of-type(7) { margin-right:0; }
.insta_list ul li a:after {display:none; content:'';width:100%;height:100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.4) url(/design/nbmart/1101/pc/insta_hover.png);background-repeat: no-repeat;background-position: center;}
.insta_list ul li:hover a:after { display:block; }


/* 탭상품진열 */

.tap-list { zoom: 1; }
.tap-list:after { content: ""; clear: both; display: block; }
.tap-list .item { float: left; width: 325px; text-align: center;  padding-bottom: 1px;  border:0px solid #ccc; }
.tap-list .item .item_hover{ width: 324px; margin: 0 auto; position:relative; }
.tap-list .item .item_hover .thumb { width:324px; height: auto; }
.tap-list .item .item_hover .thumb img { width:324px; height: auto;    }
.tap-list .item .item_hover .-imgcont_box {display:none; position:absolute;width:100%;height:100%;top:0;left:0;  background:rgba(0,0,0,0.6);  }
.tap-list .item .item_hover .-imgcont_box .-imgcont_out { display:table;height:100%;width:100%;  }
.tap-list .item .item_hover .-imgcont_box .-imgcont { width:100%; height:100%;   display:table-cell; vertical-align:middle;  padding:0 25px;}
.tap-list .item .item_hover .-imgcont li { padding:5px 0; text-align:center; line-height:19px; }
.tap-list .item .item_hover .-imgcont .name {padding-bottom: 5px; font-size:12px; color: #fff;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.tap-list .item .item_hover .-imgcont .subname { color: #fff; font-size:12px; }
.tap-list .item .item_hover .-imgcont .color { padding-top: 10px; }
.tap-list .item .item_hover .-imgcont .price01 { font-weight:none; color:#fff; padding-right:10px; text-decoration:line-through; }
.tap-list .item .item_hover .-imgcont .price02 { font-weight:none; color:#fff; }


/* 상품슬라이드 */
.item-silde {  width:100%; margin:0 auto 50px; position:relative; border:0px solid #000 }
.item-silde .s-item { display:block; padding:5px; position:relative;  }
.item-silde .s-item .item-thumb { position:relative;  }
.item-silde .s-item > img {  max-width: 100%; /* height:px; */  }

.slick-slider { display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider:hover .slick-next, .item-silde .slick-slider:hover .slick-prev{display:block !important;}
.invisible{visibility: hidden;}
.slick-list{ overflow: hidden; display:block; margin:0;padding:10px 0 50px;}
.slick-list:focus{outline: none;}
.slick-list.dragging{ cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slick-track{  left:0;top:0;display:block;}
.slick-track:before,.slick-track:after{content: "";display: table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide { float:left; height:100%; min-height:1px;display: none;}
[dir="rtl"] .slick-slide { position:relative; }
.slick-slide img {  max-width:100%;  }
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide{visibility: hidden;}

.item-silde .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.item-silde .slick-prev, .item-silde .slick-next{ position:absolute;display:block !important;cursor: pointer;width:61px;height:14px;font-size:0;top:33%; outline: none;padding:0;border:0; opacity:0.3; filter:alpha(opacity=30);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.item-silde .slick-prev { left:30px;background:url(/design/nbmart/wizdesign/arr-week-left.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.item-silde .slick-next{right:30px;background:url(/design/nbmart/wizdesign/arr-week-right.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.item-silde:hover .slick-prev{ left:10px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.item-silde:hover .slick-next{ right:10px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
.item-silde .slick-prev:hover{ opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
.item-silde .slick-next:hover{ opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */
.item-silde .slick-prev, .item-silde .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.item-silde .slick-slider{margin-bottom:0;}

.item-silde .slick-dots { position:absolute;bottom:0px;left:-0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%; border:0px solid #000; }
.item-silde .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.item-silde .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.item-silde .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.item-silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.item-silde .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.item-silde .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


.slick-slide img {display:inline-block !important; }

.bnr3 {}
.bnr3 li { float:left;width:calc(100% / 3); }


/* 슬라이드 + 배너5개 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#rollbnr-box { width:1300px;margin:0 auto; position:relative;  clear: both ;  padding-top:80px; }
#rollbnr-box .item01 {float:left; width:400px; height:550px; overflow: hidden;}
#rollbnr-box .item01 .s-item {position:relative;display:block; /* height:px; */  text-align:center;margin:0 auto;}
#rollbnr-box .item01 .s-item img{ margin:0 auto;  /* height:px; */ }

#rollbnr-box .item01 .slick-prev,#rollbnr-box .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:50px;font-size:0; top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */
#rollbnr-box .item01 .slick-prev{ left:-20px; background:url(/design/nbmart/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
#rollbnr-box .item01 .slick-next{ right:-20px; background:url(/design/nbmart/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
#rollbnr-box .item01:hover .slick-prev{ left:0px; margin-left:0px;opacity:0.7;filter:alpha(opacity=70);} /* 이전마우스오버시 위치 */
#rollbnr-box .item01:hover .slick-next{ right:0px;  margin-right:0px;opacity:0.7;filter:alpha(opacity=70);}  /* 다음마우스오버시 위치 */
#rollbnr-box .item01 .slick-prev:hover{ left:0px;opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
#rollbnr-box .item01 .slick-next:hover{ right:0px;opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */
#rollbnr-box .item01 .slick-prev,#rollbnr-box .item01 .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
#rollbnr-box .item01 .slick-slider{margin-bottom:0;}
#rollbnr-box .item01 .slick-dots{ position:absolute;bottom:20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
#rollbnr-box .item01 .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#rollbnr-box .item01 .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#rollbnr-box .item01 .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#rollbnr-box .item01 .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#rollbnr-box .item01 .slick-dots li button:before{display:block;width:7px;height:7px;content: ""; background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
#rollbnr-box .item01 .slick-dots li.slick-active button:before {   background:#333; width:25px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */

#rollbnr-box .item02 {float:left; width:580px; padding:0 20px;}
#rollbnr-box .item02 .item02-1 { }
#rollbnr-box .item02 .item02-2 { clear: both ;padding-top:20px; }
#rollbnr-box .item03 {float:right;}
#rollbnr-box img {  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
#rollbnr-box img:hover {  opacity:0.7;filter:alpha(opacity=70);  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
 

.more_btn {  margin:50px auto 80px; text-align:center; }
.more_btn a {font-size:16px; color:#000;border:1px solid #000;  font-weight:400; padding:20px 30px;   background: #fff;  -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.more_btn a:hover { color:#fff;border:1px solid #000;  background: #000; }


/* 슬라이드배너  sbnr2 */

#sbnr_box { width:100%; padding:50px 0 ;position:relative;  clear: both; background:rgba(245,245,245,0.5);overflow: hidden;   } 

.review_box {padding-top:100px;background:#f7f7f7;padding-bottom: 80px;}
.box-txt {margin:0 auto;width:1560px;position:relative;height:50px;text-align: center;margin-bottom: 50px;}
.box-txt .mtit {font-weight: 500;color: #111;font-size: 34px;/* font-family: 'Noto Sans KR'; */text-align: center;}
.box-txt .more { position:absolute;right:0px; top:0px; display:none;    }
.box-txt .more a {font-size:15px; font-weight:400; color:#000;border:1px solid #000; padding:5px 10px;   background: #fff;  -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.box-txt .more a:hover { color:#fff;border:1px solid #000; padding:5px 10px;   background: #000; }


.sbnr2 { max-width:1300px; margin:0 auto 0px;height:autox; overflow: hidden;}
.sbnr2 .s-item { position:relative;display:block; /* height:px; */  text-align:center;margin:0 auto;  background:#fafafa; }
.sbnr2 .s-item img{ margin:0 auto; -o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;- }
.sbnr2 .s-item img:hover { margin:0 auto; opacity:0.7;filter:alpha(opacity=70);}
.sbnr2 .slick-prev,.sbnr2 .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:50px;font-size:0; top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.sbnr2 .slick-prev{ left:-20px; background:url(/design/nbmart/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.sbnr2 .slick-next{ right:-20px; background:url(/design/nbmart/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.sbnr2:hover .slick-prev{ left:0px; margin-left:0px;opacity:0.7;filter:alpha(opacity=70);} /* 이전마우스오버시 위치 */
.sbnr2:hover .slick-next{ right:0px;  margin-right:0px;opacity:0.7;filter:alpha(opacity=70);}  /* 다음마우스오버시 위치 */
.sbnr2 .slick-prev:hover{ left:0px;background:url(/design/nbmart/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
.sbnr2 .slick-next:hover{ right:0px;background:url(/design/nbmart/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */
.sbnr2 .slick-prev,.sbnr2 .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.sbnr2 .slick-slider{margin-bottom:0;}
.sbnr2 .slick-dots{ position:absolute;bottom:20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
.sbnr2 .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.sbnr2 .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.sbnr2 .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.sbnr2 .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.sbnr2 .slick-dots li button:before{display:block;width:7px;height:7px;content: ""; background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1; -o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.sbnr2 .slick-dots li.slick-active button:before {   background:#333; width:25px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */
 

/* 동영상배너 movie */

#movie { width:100%; margin:0 auto 50px; position:relative;  clear: both;  background:rgba(245,245,245,0.9); height:430px; padding:50px 0 50px;   }    /* 메인동영상영역 */
#movie .movie-box { width:1300px; margin:0 auto;  }
#movie .movie-box  .movie-l { float:left;  width:550px;  }
#movie .movie-box  .movie-l .movie_txt1 {font-size:30px; line-height:50px; color:#000; letter-spacing:0px; padding:20px 0 15px; font-weight:700; }
#movie .movie-box  .movie-l .movie_txt2 {font-size:12px;   line-height:12px; color:#191e21;  padding-bottom:5px;}
#movie .movie-box  .movie-l .movie_txt3 {font-size:25px; color:#191e21; text-align:left; line-height:30px; letter-spacing:-0.3px;}
#movie .movie-box  .movie-l .movie_txt4 {font-size:15px; color:#999999; line-height:23px; padding-top:18px; letter-spacing:-0.3px;}
#movie .movie-box  .movie-l .movie_txt5 { }
#movie .movie-box  .movie-l .movie_txt5 a {  display: block; background:rgba(0,0,0,0.9); width:200px; padding:5px 10px;  font-size:13px; color:#fff; letter-spacing:0; margin-top:30px;}

#movie .movie-box  .movie-l .movie_txt5 a:hover {  background:#999; color:#fff; }

#movie .movie-box  .tit { line-height:50px; font-size:13px; font-family:'Libre Baskerville', 'arial', 'Nanum Gothic'; font-weight:normal; font-style:italic; color:#555; letter-spacing:1px;}
#movie .movie-box  .move-r { float:right; }
#movie .movie-box img { -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
#movie .movie-box img:hover { opacity:0.8;filter:alpha(opacity=80);  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}


/* 메인상품타이틀코드 */

.mtitbox {  display: block; width: 100%; margin: 0px auto 0px; padding: 50px 0 30px;  color:#000; font-size:24px; font-weight:700;  font-family: 'Noto Sans KR' }


/* 상품공통 */
#proWarp { width:1300px; margin:0 auto; position:relative;  clear: both ; padding:50px 0 ;}  /* 메인 신상품영역 */


/* 상품슬라이드 */
.item-silde-re {  width:100%; margin:0 auto 50px; position:relative; border:0px solid #000 }
.item-silde-re .s-item { display:block; padding:5px; position:relative;  overflow:hidden;  }
.item-silde-re .s-item > img {  max-width: auto; /* height:px; */ overflow:hidden;  }
.item-wrap .item-thumb a img { width: 100%; transition:opacity 0.25s ease-in-out;  }

.item-silde-re .slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.item-silde-re .slick-prev, .item-silde-re .slick-next{ position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:40%; outline: none;padding:0;border:0; opacity:0.3; filter:alpha(opacity=30);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.item-silde-re .slick-prev{left:20px; background:url(/design/nbmart/wizdesign/slide_prev.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.item-silde-re .slick-next{right:20px;background:url(/design/nbmart/wizdesign/slide_next.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.item-silde-re:hover .slick-prev{ left:10px;  opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.item-silde-re:hover .slick-next{ right:10px; opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
.item-silde-re .slick-prev:hover{ opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
.item-silde-re .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */

.item-silde-re .slick-prev, .item-silde-re .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.item-silde-re .slick-slider{margin-bottom:0;}

.item-silde-re .slick-dots { position:absolute;bottom:-30px;left:-0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%; border:0px solid #000; }
.item-silde-re .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.item-silde-re .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.item-silde-re .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.item-silde-re .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.item-silde-re .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.item-silde-re .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


.swiper-slide img { width:100% }

.swiper-pagination  { position:absolute;bottom:30px !important;left:-0px; }

.swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
line-height: 20px ;
    display: inline-block !important;
    border-radius: 0 !important;
    background: #fff !important;
    opacity: 1 !important;
font-size: 12px;
      background: #fff;
      padding:3px;
}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: #efefef !important;
}


/* 상품명 + 추가상품명 */

.item-wrap .item-thumb .binWrap { width: 210px; height:210px; background:rgba(0,0,0,0.6);  }
.item-wrap .item-thumb .binimg {  width: 210px; height:100%;  display:table; text-align:center; }
.item-wrap .item-thumb .binimg .txt { width:100%; height:100%;  color:#F6F6F6; display:table-cell; vertical-align:middle;  text-align:center;}
.item-info-re .item-pro { padding-top: 10px; font-size:13px; color:#333; font-weight:bold; }
.item-info-re .item-name { padding-top: 10px; font-size:12px; color:#666;  letter-spacing:0px;}
.item-info-re .item-subname { padding-top: 10px; font-size:12px; color:#999; }

.main_title {text-align:center; }
.main_title h1 { font-size:38px; padding-bottom:5px; font-weight:600; color:#414141; text-transform:uppercase;letter-spacing:-1px; margin-top:100px; }
.main_title .subtxt { font-size:16px; color:#000; font-weight:300; margin:0 0 30px 0; }
.main_title .btn {  text-align:center;  margin:0 auto 30px; width:200px;  }
.main_title .btn a { display:block; text-align:center; color:#333; font-size:14px; font-weight:bold; border:3px solid #333; border-radius:15px; background: #f2f2f2;  height: 36px; line-height: 34px; ;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;  }
.main_title .btn a:hover { display:block; color:#fff; background: #333;  }


/* -- 플로팅팝업 -- */
#popupWrap #popupBox {position:fixed;left:30px;bottom:10px; width:400px; height: 400px; z-index:999;  display:none;background: none; 
-webkit-animation:swing .8s; 
-ms-animation:swing .8s; 
-moz-animation:swing .8s; 
animation:swing .8s; 
}

/* 열기버튼 */
#popupWrap .popup_open { position:fixed; left:10px; bottom:20px; height:100px; width:100px; background: none; z-index:50; cursor:pointer; }
/* 닫기버튼 */
#popupWrap .popup_close { position:absolute; top:10px; right:40px; text-align:center; cursor:pointer;  z-index:100;}
#popupWrap .popup_close i { position:relative; width:30px; height:30px; border-radius:5px; background:#f3f3f3; border: 2px solid #333; font-size:20px !important; color:#222; line-height:30px;  z-index:130; }
#popupWrap #popupcheckbox { position:absolute; width:30px; height:30px; top:0px; right:0px;border-radius: 5px ;cursor:pointer;  z-index:110;color:#fff; font-weight:400; display:none; overflow:hidden; background:#333; border: 2px solid #333; box-shadow: 0 2px 2px rgba(0,0,0,0.4); }
/* 열지않기 버튼 */
#popupWrap .popup_close:hover #popupcheckbox {width:190px; }
#popupWrap .popupcheck { float:left; height: 22px !important; width: 22px !important; margin-top:4px; margin-left:12px; cursor: pointer;  }
#popupWrap .popupcheckinput { float:left; line-height:30px;  margin-left:6px; font-size:13px; color:#fff  }


/* -- 인트로팝업 -- */
#introWrap { position:fixed; height:100%; width:100%; z-index: 2000; top:0; left:0; display:none; }
#introWrap .reveal-modal-bg { top:0;left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5) ; z-index: 2001; }
#introWrap #introBox {  position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-350px; width:500px; height:650px; z-index:2002; display:block; background:none; 

   -webkit-animation:pulse .8s;  
   -moz-animation:pulse .8s;  
   -ms-animation:pulse .8s;  
    animation:pulse .8s;  
}

/* 열기버튼 */
.intro_open { position:fixed; left:10px;bottom:100px; height:100px; width:100px; border-radius:0; background:none; z-index:50; cursor:pointer;  }
/* 닫기버튼 */
#introWrap .intro_close {position:absolute; top:-15px; right:-15px; text-align:center; cursor:pointer; z-index:100; }
#introWrap .intro_close i { position:relative; width:30px; height:30px; border-radius:5px; background:#f3f3f3; border: 2px solid #333; font-size:20px !important; color:#222; line-height:30px;  z-index:130; }
#introWrap #introcheckbox { position:absolute; width:30px; height:30px; top:0px; right:0px;border-radius: 5px ;cursor:pointer;  z-index:110;color:#fff; font-weight:400; display:none; overflow:hidden; background:#333; border: 2px solid #333; box-shadow: 0 2px 2px rgba(0,0,0,0.4); }
#introWrap .intro_close:hover #introcheckbox { width:190px; }

/* 열지않기 버튼 */
#introWrap .introcheck {  float:left; height: 22px !important; width: 22px !important; margin-top:4px; margin-left:12px; cursor: pointer;   }
#introWrap .introcheckinput { float:left; line-height:30px;  margin-left:6px; font-size:13px; color:#fff  }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 인트로팝업영역 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.intro_slide .s-item { position:relative;display:block; height:650px; text-align:center; margin:0 auto;}
.intro_slide .s-item img{ text-align:center;  margin:0 auto; }
.intro_slide .slick-prev,.intro_slide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */

.intro_slide .slick-prev{left:50%;margin-left:-300px;background:url(/design/jclassic/wizdesign/slide_prev_w.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.intro_slide .slick-next{right:50%;margin-right:-300px;background:url(/design/jclassic/wizdesign/slide_next_w.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.intro_slide:hover .slick-prev{ margin-left:-310px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.intro_slide:hover .slick-next{ margin-right:-310px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
.intro_slide .slick-prev:hover{ }  /* 이전화살표 마우스오버시 효과 */
.intro_slide .slick-next:hover{ }  /* 다음화살표 마우스오버시 효과 */
.intro_slide .slick-prev,.intro_slide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important; -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.intro_slide .slick-slider{margin-bottom:0;}
.intro_slide .slick-dots{position:absolute;bottom:-15px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;  opacity:0; filter:alpha(opacity=0); -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.intro_slide:hover .slick-dots{ opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.intro_slide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.intro_slide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.intro_slide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.intro_slide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.intro_slide .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#000; border-radius:5px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.intro_slide .slick-dots li.slick-active button:before {   background:#fff; width:20px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


/* BASIC css end */