/* BASIC css start */
/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');

#preview_wrap { display:none}

/* ´Ùã´Ù ÀÚµ¿¿Ï¼º º£ÀÌÁ÷½ÉÇÃ*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:40px; left:0; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:202px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

/* ´Ùã´Ù °Ë»ö ÆÄÀδõ */
#allfinder-layer { z-index: 9999; position: fixed; top: 50px; right: 101px; width: 1000px; zoom: 1; overflow: hidden; }
#allfinder-layer .finder-body { display:none; z-index:1; position: relative; width: 998px; *width:918px; padding:35px 40px 5px; max-height: 800px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; border:1px solid #666; background:#fff; }
#allfinder-layer .finder-body .finder-close { position: absolute; top: 15px; right: 10px; font-size:24px; color:#000; *width:19px; *height:24px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; *background-size:19px 24px; }
#allfinder-ctr { display:none!important; z-index: 10000; position: fixed; top: 50px; right: 0; width: 103px; height:86px; }
#allfinder-ctr a { display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0; }

.all-finder-layer .finder-body .finder-tbl table { border:1px solid #ccc; border-top:1px solid #000; }
.all-finder-layer .finder-body .finder-tbl th, 
.all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 13px; font-family:'Malgun Gothic'; color: #000; }
.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td { border-top:none; }
.all-finder-layer .finder-body .finder-tbl th { padding: 5px 0; background: #f4f4f4; text-align: left; vertical-align:top; }
.all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; padding: 0 20px; margin:3px 0; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:22px; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer { display:none; position:absolute; top:33px; left:52px; width:270px; padding:0 20px 18px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:14px; right:20px; margin:0; font-size:21px; color:#000; outline:none; *width:19px; *height:22px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit { padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold; line-height:15px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt { padding-top:16px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-body .finder-tbl td { padding: 5px 10px; }
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; font-family:'Malgun Gothic'; }
.all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; }
.all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; }
.all-finder-layer .finder-body tr.finder-child-category {display:none;}
.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td { border-top:none; }
.all-finder-layer .finder-body tr.finder-child-category td { background:#fbfbfb; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; vertical-align:top; word-break:break-all; color:#9a9a9a; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check { display:none; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on { font-weight:bold; color:#000; border:0; border-radius:0; box-shadow: unset; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check { display:inline-block; margin-right:3px; }

.all-finder-layer .finder-body .finder-color { padding-left:10px; }
.all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px}
.all-finder-layer .finder-body .finder-price .finder-price-input label { display: inline-block; width: 110px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; color: #666; }
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input { display: inline-block; width: 90px; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: right; }
.all-finder-layer .finder-body .finder-search { position:relative; padding-left:5px; }
.all-finder-layer .finder-body .finder-search label { display: inline-block; width: 320px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; }
.all-finder-layer .finder-body .finder-search label .txt-input { display: block; width:100%; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: left; }
.all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; }
.all-finder-layer .finder-body .finder-btn-c button { display: inline-block; height: 60px; line-height: 57px; padding:0 30px; *padding:0; border:none; border-radius:3px; background: #000; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; font-family:'Malgun Gothic'; cursor:pointer; }
.all-finder-layer .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800; font-size:23px; *vertical-align:middle; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; }
.all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:none; border-radius:3px; background: #999; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 1px; font-family:'Malgun Gothic'; margin-right:15px; }

.all-finder-layer .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; border: 1px solid #fff; vertical-align:top; word-break:break-all; }
.all-finder-layer .finder-body .finder-options.on { font-weight: bold; border: 1px solid #000; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 22px; height: 22px; border-radius:20px; font-size:0; vertical-align:top; }
.all-finder-layer .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding: 0; border: none; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; }
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e;  }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; }
.all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.all-finder-layer .finder-body .finder-search-data .finder-options { border: 1px solid #e5e5e5; box-shadow:none; }
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; }


/* ============= »ó´ÜÅä±Û¹è³Ê =============== */

 /* »ó´Ü¹è³Ê (»ç¿ë¼³Á¤½Ã »èÁ¦ : display:none;) ( »ç¿ëÇÏÁö ¾ÊÀ» °æ¿ì .toggle_box { display:none;} ) */
.toggle_box { position:relative; width:100%;  }
.toggle_box .toggle_banner { margin:0px auto ;width:100%; text-align:center;overflow:hidden;  z-index:99; background:#111; }
.toggle_box .btnarea-open { position:relative; width:100% ; margin: 0 auto ;height:0px; z-index:99; border:0px  solid #FF0000}  
.toggle_box .btnarea-closed { position:relative;  width:100% ; margin: 0 auto ; height:0px;z-index:99;}  

.toggle_box .btnarea-open .openbtn { width:30px;height:30px;  position:absolute;  top:0px;  left:50% !important; margin-left:650px;   background:#f2f2f2 ; text-align:center;} /* ¿­±â¹öÆ°À§Ä¡ */
.toggle_box .btnarea-closed .closebtn { width:30px;height:30px; z-index:99; position:absolute; top:0px;  left:50% !important; margin-left:650px;   background:#f2f2f2 ; text-align:center; }   /* ´Ý±â¹öÆ°À§Ä¡ */

.toggle_box .btnarea-open .openbtn i,.toggle_box .btnarea-closed .closebtn i {  font-size:16px;line-height:30px;color:#333; }


.toggle_box .closebtn {cursor:pointer;margin:0 auto;position:relative;}
.toggle_box .openbtn {display:none;cursor:pointer;margin:0 auto;position:relative;}

.toggle_box .img_bg { background-repeat:no-repeat; background-position:top center;}
.toggle_box .img_bg a {  display:block; }
.toggle_banner_img {  }
.toggle_box .tmslide .toggle_banner_img { margin:0px auto ;width:100%;text-align:center; display:block;   }
.toggle_box .tmslide .toggle_banner_img a { font-size:14px; color:#fff; font-weight:400; display:block; text-align:center; line-height:35px; }
.toggle_box .tmslide .toggle_banner_img a span { font-weight:600; }
.toggle_box .tmslide .toggle_banner_img a font { font-family:'Noto Color Emoji'; }
.toggle_box .tmslide .img_bg { padding:0; margin:0px auto ; list-style:none; width:100%;  }
.toggle_box .nav { position:relative;top:0px;width:0px;height:0px;z-index:3;margin:0 auto;}
.toggle_box .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;}
.toggle_box .next { position:absolute;cursor:pointer;margin:0 auto;display:block;}
.toggle_box .nav {}

.toggle_box .openbtntxt { display:none; }
.toggle_box .closebtntxt { display:none; }
.toggle_box .prevtxt {display:none;}
.toggle_box .nexttxt {display:none;}
.toggle_box_top .toggle_banner { height:35px; }
.toggle_box_top .tmslide .img_bg { height:35px; }
.toggle_box_top .prev { top:5px; left:650px;}
.toggle_box_top .next { top:65px; left:650px;}
.toggle_box_top .prev {opacity:0.7; width:15px; height:10px; background:url(/design/nbmart/wizdesign/btn_up.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.toggle_box_top .next {opacity:0.7; width:15px; height:10px; background:url(/design/nbmart/wizdesign/btn_down.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.toggle_box_top .prev:hover {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; }
.toggle_box_top .next:hover { 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;}





/* ============= »ó´Ü¿µ¿ª =============== */



#header {position:relative;margin:0 auto;z-index:25;width:100%;background: #fff;}
#header .top-inner-box.fixed {width:100%;position:fixed;margin:0 auto;top:0px;background: #fff;/* height:40px; */border-bottom:1px solid ##ddd;z-index:6} 
#header .top-inner-box {width:100%;margin:0 auto;z-index:6;background: #fff;} 
#header .top-inner  {max-width: 1560px;margin:0 auto;height: 50px;padding:0;}

#header .top-inner ul.top-inner-left {float:left;text-align:center }
#header .top-inner ul.top-inner-left > li { float:left;position:relative;margin-left:15px;white-space:nowrap }
#header .top-inner ul.top-inner-left > li > a{ font-size:14px;line-height:40px;color:#000;letter-spacing:0.5px;white-space:nowrap }
#header .top-inner ul.top-inner-left > li.board > a {color:#333; letter-spacing:0.5px }
#header .top-inner ul.top-inner-left > li:hover > a{ color:#333; font-weight:bold;}

#header .top-inner ul.top-inner-left > li.home{ width:50px;background-color:rgba(55,55,55,0.9);margin-right:16px }
#header .top-inner ul.top-inner-left > li.home:hover{background-color:rgba(55,55,55,0.7);}
#header .top-inner ul.top-inner-left > li.home a {color:#fff;display:block }
#header .top-inner ul.top-inner-left > li.home i { font-size:25px; line-height:40px; }
#header .top-inner ul.top-inner-left > li.home2:hover { opacity: 0.7; }

#header .top-inner ul.top-inner-left > li:first-child { position:absolute; height:0;margin-left:0;overflow:hidden;-o-transition:height 0.3s 0.3s ease;-ms-transition:height 0.3s 0.3s ease;-moz-transition:height 0.3s 0.3s ease;-webkit-transition:height 0.3s 0.3s ease;transition:height 0.3s 0.3s ease;}
#header .top-inner-box.fixed ul.top-inner-left > li:first-child {height:40px;-o-transition:height 0.3s 0.6s ease;-ms-transition:height 0.3s 0.6s ease;-moz-transition:height 0.3s 0.6s ease;-webkit-transition:height 0.3s 0.6s ease;transition:height 0.3s 0.6s ease;}
#header .top-inner ul.top-inner-left > li:nth-child(2){margin-left:0;-o-transition:margin-left 0.3s 0.6s ease;-ms-transition:margin-left 0.3s 0.6s ease;-moz-transition:margin-left 0.3s 0.6s ease;-webkit-transition:margin-left 0.3s 0.6s ease;transition:margin-left 0.3s 0.6s ease;}
#header .top-inner-box.fixed ul.top-inner-left > li:nth-child(2) {margin-left:70px;-o-transition: margin-left 0.3s 0.3s ease;-ms-transition:margin-left 0.3s 0.3s ease;-moz-transition:margin-left 0.3s 0.3s ease;-webkit-transition:margin-left 0.3s 0.3s ease;transition:margin-left 0.3s 0.3s ease;}
#header .top-inner ul.top-inner-left > li:before {float:left;display:block;content:""; width:1px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px }
#header .top-inner ul.top-inner-left > .add:before { float:left;display:block;content:""; width:0px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px }
#header .top-inner  ul.top-inner-left li i{ font-size:13px;line-height:40px;margin:0 5px 0 0;}


#header .top-inner  ul.top-inner-left > li.board:after{content:"";  display:none;   }
#header .top-inner  ul.top-inner-left > li.board:hover:after{display:block }
#header .top-inner  ul.top-inner-left > li.board:hover ul.-ly {display:block }
#header .top-inner  ul.top-inner-left > li.board ul.-ly {display:none; }
#header .top-inner  ul.top-inner-left > li.board ul.-ly li { min-width:100px;text-align:left; border-top:1px solid #eee; }
#header .top-inner  ul.top-inner-left > li.board ul.-ly li:first-child{border-top:0px solid #ddd;}
#header .top-inner  ul.top-inner-left > li.board ul.-ly li a {display:block;font-size:11px;line-height:30px;padding:0 13px;color:#999}
#header .top-inner  ul.top-inner-left > li.board ul.-ly li:hover a{background:#efefef }


#header .top-inner .top-inner-right {float:right; text-align:center ; width:500px; }
#header .top-inner .top-inner-right li {float:left;position:relative;margin-right:19px;white-space:nowrap;}
#header .top-inner .top-inner-right li:last-of-type { margin-right:0; }
#header .top-inner .top-inner-right li a {font-size: 13px;line-height: 50px;color: #111;white-space:nowrap}
#header .top-inner .top-inner-right li:nth-child(1) a {color: #b81212;}

#header .top-inner .top-inner-right li.search_btn a {
    display: block;
    width: 21px;
    height: 50px;
    background: url(/design/nbmart/1101/pc/ic_search.png) no-repeat;
    background-position: center;
    background-size:21px auto;
}

#header .top-inner .top-inner-right li.basket_btn a {
    display: block;
    width: 24px;
    height: 50px;
    background: url(/design/nbmart/1101/pc/ic_cart.png) no-repeat;
    background-position: center;
}


#header .top-inner .top-inner-right li .count{margin:0 0 0 3px;background: #c12f2f;border-radius:50%;text-align:center;color:#fff;font-size: 11px;font-weight: 700;width: 14px;height: 14px;line-height: 14px;display: inline-block;position: absolute;bottom: 11px;right: -6px;}


#header .top-inner .top-inner-right li.myshop > a  {}
#header .top-inner .top-inner-right li.myshop {
    padding-right: 14px;
    background: url(/design/nbmart/1101/pc/header_menu_arrow.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
#header .top-inner .top-inner-right li.myshop:after{ content:""; display:none;  }
#header .top-inner .top-inner-right li.myshop:hover:after{display:block ;}
#header .top-inner .top-inner-right li.myshop:hover ul.-ly {display:block;  }
#header .top-inner .top-inner-right li.myshop ul.-ly {display:none;}
#header .top-inner .top-inner-right li.myshop ul.-ly li:before { width:0px;}
#header .top-inner .top-inner-right li.myshop ul.-ly li {/* min-width:100px; */text-align: center;margin: 0 auto;margin-bottom:15px;float: none;}
#header .top-inner .top-inner-right li.myshop ul.-ly li:last-of-type { margin-bottom:0; }
#header .top-inner .top-inner-right li.myshop ul.-ly li:first-child{/* border-top:0px solid #ddd; */}
#header .top-inner .top-inner-right li.myshop ul.-ly li a {display:block;font-size: 13px;/* padding:0 13px; */color: #111;line-height: 1;text-align: center;}



/* ·¹À̾î¸Þ´º */
.-ly {position:absolute;top: 45px;left:50%;transform: translateX(-50%);padding: 25px 0;border: 1px solid #efefef;background-color: #fff;z-index:103;text-align: center;width: 145px;box-sizing: border-box;}





/* Æ÷ÀÎÆ®¹«ºñ */
#header .top-inner .top-inner-right li.join { position:relative; }
#header .top-inner .top-inner-right li.join .pointBox {position:absolute;z-index:90;top:22px; left:50%;-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0); }
#header .top-inner .top-inner-right li.join .pointBox > i{ display:block;color:#000;font-size:20px }
#header .top-inner .top-inner-right li.join .pointBox > span{ margin:-9px 0 0 0;display:block;padding:1px 10px;background:#000;border-radius:5px;font-size:11px;line-height:18px;color:#fff;letter-spacing:0.5px }
#header .top-inner .top-inner-right li.join .pointBox { -o-animation:animate-pointBox 0.7s linear infinite;-ms-animation:animate-pointBox 0.7s linear infinite;-moz-animation:animate-pointBox 0.7s linear infinite;-webkit-animation:animate-pointBox 0.7s linear infinite;animation:animate-pointBox 0.7s linear infinite;}
@-o-keyframes animate-pointBox{50%{margin-top:4px }}
@-ms-keyframes animate-pointBox{50%{margin-top:4px }}
@-moz-keyframes animate-pointBox{50%{margin-top:4px }}
@-webkit-keyframes animate-pointBox{50%{margin-top:4px }}
@keyframes animate-pointBox{50%{margin-top:4px }}


/* °Ë»öâ */
.sch-box {   position:relative; }
.sch-box .sch  { background:none; height:26px; width:180px; margin-top:7px;border-bottom:2px solid #000;  line-height: 26px;}
.sch-box .sch input { border:0 }
.sch-box .sch .keyword { background:none; width:140px;height:22px;padding:2px 0px 0 0px;line-height:20px;font-size:13px;color:#666; }
.sch-box .sch i { font-size:14px;  }
.sch-box .sch a { display:inline-block;color:#000;font-size:14px; position:absolute;top:-5px;right:7px }



#header-inner { position:relative;  /* background:#fff; */ width:100%;  }



/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å »ó´Ü½½¶óÀ̵å¹è³Ê¿µ¿ª ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

#top_LBox { position:absolute; left:50% !important;overflow:hidden;  margin-left:-630px; top:15px;  width:200px; height:140px;  z-index:2; }

.Lslide .s-item { position:relative;display:block; height:120px; text-align:center; margin:0 auto;}
.Lslide .s-item img{ text-align:center;  margin:0 auto; }





.Lslide .slick-prev,.Lslide .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;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */
.Lslide .slick-prev{left:50%;margin-left:-80px;background:url(/design/jclassic/wizdesign/slide3_prev.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
.Lslide .slick-next{right:50%;margin-right:-80px;background:url(/design/jclassic/wizdesign/slide3_next.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

.Lslide:hover .slick-prev{margin-left:-100px;opacity:1;filter:alpha(opacity=100);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
.Lslide:hover .slick-next{margin-right:-100px;opacity:1;filter:alpha(opacity=100);}  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

.Lslide .slick-prev:hover{background:url(/design/jclassic/wizdesign/slide3_prev.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
.Lslide .slick-next:hover{background:url(/design/jclassic/wizdesign/slide3_next.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* ´ÙÀ½È­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */

.Lslide .slick-prev,.Lslide .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;}
.Lslide .slick-slider{margin-bottom:0;}

.Lslide .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;}
.Lslide:hover .slick-dots{ opacity:1;filter:alpha(opacity=100);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
.Lslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.Lslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.Lslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.Lslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.Lslide .slick-dots li button:before{display:block;width:5px;height:5px;content: "";;background:#888; 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;}
.Lslide .slick-dots li.slick-active button:before {   background:#333; width:20px;  /* µµÆ®»çÀÌÁî */ opacity: 1; }  /* ÇöÀ絵Ʈ»çÀÌÁî */
 


#top_RBox { position:absolute; left:50% !important; overflow:hidden; margin-left:400px; top:0px;  width:240px; height:150px;  z-index:2;  border:0px solid #000 }

.Rslide .s-item { position:relative;display:block; height:150px; text-align:center; margin:0 auto;}
.Rslide .s-item img{ text-align:center;    /* height:px; */ }

.Rslide .slick-prev,.Rslide .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:30px;font-size:0;margin-top:0px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */
.Rslide .slick-prev{top:0%; right:0; background:url(/design/jclassic/wizdesign/arr-topr-up.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
.Rslide .slick-next{top:30px;right:0;;background:url(/design/jclassic/wizdesign/arr-topr-down.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

.Rslide:hover .slick-prev{ opacity:0.5;filter:alpha(opacity=50);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
.Rslide:hover .slick-next{ opacity:0.5;filter:alpha(opacity=50);}  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

.Rslide .slick-prev:hover{background:url(/design/jclassic/wizdesign/arr-topr-up.png) 50% 50% no-repeat; opacity:0.8; filter:alpha(opacity=80);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
.Rslide .slick-next:hover{background:url(/design/jclassic/wizdesign/arr-topr-down.png) 50% 50% no-repeat; opacity:0.8; filter:alpha(opacity=80);}  /* ´ÙÀ½È­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */

.Rslide .slick-prev,.Rslide .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;}
.Rslide .slick-slider{margin-bottom:0;}

.Rslide .slick-dots{position:absolute;bottom:5px;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;}
.Rslide:hover .slick-dots{ opacity:1;filter:alpha(opacity=100);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
.Rslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.Rslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.Rslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.Rslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.Rslide .slick-dots li button:before{display:block;width:5px;height:5px;content: "";;background:#888; 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;}
.Rslide .slick-dots li.slick-active button:before {   background:#333; width:20px;  /* µµÆ®»çÀÌÁî */ opacity: 1; }  /* ÇöÀ絵Ʈ»çÀÌÁî */
 





/* ============= ·Î°í¿µ¿ª =============== */
#header-inner .hd_logo_box { position:relative;height:130px;margin:0 auto; clear:both;   }
#header-inner .hd_logo {position:relative; z-index:2; width:110px;height:110px; margin:0 auto; text-align:center; }
#header-inner .hd_logo img{ position:absolute; left:0;  }
#header-inner .hd_logo .off{top:0;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
#header-inner .hd_logo:hover .off{top:-15px;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
#header-inner .hd_logo .on{top:15px;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;}
#header-inner .hd_logo:hover .on{top:0;visibility:visible;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}







/* ============= ÁÖ¸Þ´º¿µ¿ª =============== */


#header #hd_Allbox.fixed {width:100%;position:fixed;margin:0 auto;/* box-shadow:0 3px 4px rgba(0,0,0,0.15); */top: 50px;}
#header #hd_Allbox {width:100%;margin:0 auto;background: #fff;box-shadow:none;transition:box-shadow 1s ease;-webkit-transition:box-shadow 1s ease;} 


#hd_Allbox {width:100%;margin:0 auto;/* height: 50px; */border:0px solid #FF9696;position:relative;filter:alpha(opacity=100);opacity:1;}
#hd_menu {max-width: 1560px;margin:0 auto;height: 74px;position:relative;background: #fff;}

#hd_menu .allmenu { width:50px;height:50px ; float:left; display:table-cell; position:relative;} 
#hd_menu .btn-allmenu { display:block; position:absolute;top:12px;left:13px;-o-transition:background 0.15s 0.0s ease-in-out;-ms-transition:background 0.15s 0.0s ease-in-out;-moz-transition:background 0.15s 0.0s ease-in-out;-webkit-transition:background 0.15s 0.0s ease-in-out;transition:background 0.15s 0.0s ease-in-out;}
#hd_menu .allmenu:hover  { color:#fff; background:#333;-o-transition:background 0.15s 0.0s ease-in-out;-ms-transition:background 0.15s 0.0s ease-in-out;-moz-transition:background 0.15s 0.0s ease-in-out;-webkit-transition:background 0.15s 0.0s ease-in-out;transition:background 0.15s 0.0s ease-in-out;}
#hd_menu .allmenu:hover  .btn-allmenu { display:block; color:#fff; -o-transition:background 0.15s 0.0s ease-in-out;-ms-transition:background 0.15s 0.0s ease-in-out;-moz-transition:background 0.15s 0.0s ease-in-out;-webkit-transition:background 0.15s 0.0s ease-in-out;transition:background 0.15s 0.0s ease-in-out;}



.all_Wrap {float:left;width: 26px;height: 74px;position:relative;cursor:pointer;font-size:0;transition-delay:.05s;-webkit-transition-delay:.05s;color:#000;font-size:12px;background: url(/design/nbmart/1101/pc/pc_hamburger.png);background-position: 0 53%;background-repeat: no-repeat;padding-right: 25px;}
.all_Wrap span { position:absolute;top:18px; left:40px; }
.all_btn {position:absolute;top:18px; left:15px; width:20px;height:17px;overflow:visible;cursor:pointer;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;}
.all_btn .line {position:absolute;background-color:#000;overflow:hidden;width:20px;height:2px;left:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;}
.all_btn .line:nth-child(1) {top:0;left:0;animation-delay:0.33s;}
.all_btn .line:nth-child(2) {top:6px;left:0;animation-delay:0s; }
.all_btn .line:nth-child(3) {top:12px;left:0;animhd_menuation-delay:0.66s;}
.all_Wrap.clicked {
    background: url(/design/nbmart/1101/pc/hamburger_close.png);
    background-position: 0 53%;
    background-repeat: no-repeat;
}
.all_Wrap.clicked .all_btn .line:nth-child(1) {-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:20px;}
.all_Wrap.clicked .all_btn .line:nth-child(2) {opacity:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:13px;}
.all_Wrap.clicked .all_btn .line:nth-child(3) {-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:20px;}


/* Àüü¸Þ´º */
#hd_menu nav {  }
#allMenu {position: fixed;width: 100%;top: 159px;left:0;display:none;background-color: #fff;text-align:left;z-index:99;height: 605px;}
.allMenu_inner {max-width:1360px;min-width:1200px;margin:0 auto;overflow: hidden;}
#allMenu .special { padding-left:40px; padding-top:15px; padding-bottom:15px; border-bottom: 1px #eaeaea solid; }
#allMenu .special li {  font-size:15px; color:#000; }
#allMenu .special li > a {  font-size:15px; color:#000; }
#allMenu .special li > a:hover { color:#9e2b2f;  }

#allMenu .allLeft {float:left;width: 61.3%;vertical-align:top;text-transform:uppercase;}
#allMenu .allLeft .mCSB_inside > .mCSB_container{}
#allMenu .allLeft_inner ul {  font-size:0; line-height:0; letter-spacing:0;text-align:left; }
#allMenu .allLeft_inner .cate1ul {}
#allMenu .allLeft_inner .cate1 {width: calc(100% / 6);display:inline-block;vertical-align:top;padding-top: 50px;box-sizing: border-box;min-height: 260px;}
#allMenu .allLeft_inner .cate1 > a {width:100%;color: #111;font-size: 15px;height:auto;font-weight:500;display:block;line-height: 1;margin-bottom: 20px;}
#allMenu .allLeft_inner .cate1 > a:hover { color:#940000;  }

#allMenu .allLeft_inner .cate2 li { position:relative;  width:100%; display:block;margin-bottom:15px; }
#allMenu .allLeft_inner .cate2 li > i { position:absolute; z-index:9; right:0px;top:8px; color:#999; font-size:12px; }

#allMenu .allLeft_inner .cate2 a {display:block;font-size: 13px;color: #111;font-weight: 400;line-height: 1; width:fit-content; position:relative;}
#allMenu .allLeft_inner .cate2 a.on { padding-right:9px; }
#allMenu .allLeft_inner .cate2 a.on:after {content:'';position:absolute;right:0;top: 0;width:5px;height:5px;background:;border-radius:50%;}

#allMenu .allLeft_inner .cate2 a.up {padding-right: 21px;}
#allMenu .allLeft_inner .cate2 a.up font {position:absolute;right:0;top: -2px;font-size: 12px;color: #1b62f2;font-weight: 700;}



/* ÁߺзùÄ«Å×°í¸® */
.allLeft_inner .cate2 .cate3 {  position:absolute; z-index:9; left:50%; transform:translateX(40%);   width: 150px  !important;border-radius:4px;border:1px solid #eaeaea;background:rgba(255,255,255,0) !important; padding: 5px; top:0px;  visibility:hidden; 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;}
.allLeft_inner .cate2 li:hover .cate3 { top:0px;opacity:1; visibility:visible; background:rgba(255,255,255,1) !important; }
.allLeft_inner .cate2 > ul.cate3  { background-color:rgba(25,25,25,0.8)  !important; padding: 5px 0px; width: 200px  !important;  }
.allLeft_inner .cate2 > li:hover > ul.cate3  > li { display:block; margin: 0px; background:rgba(255,255,255,1) !important;  }
.allLeft_inner .cate2 > ul.cate3  > li > a { display: block;width:100%;color: #bdbdbd;line-height: 24px;font-size: 10px; text-align: center; font-weight:600; }
.allLeft_inner .cate2 > ul.cate3  > li:hover > a { color:#fff; background-color:rgba(0,0,0,0.5);}


#allMenu .allRight {width: 31.7%;background:#fff;display:table-cell;vertical-align:top;float: right;text-transform:uppercase;padding-top: 50px;}

.allmenu_banner {
    float: right;
}

.allmenu_banner a {
    float: left;
    margin-left: 0px; /* ¿øº» 12px; */
    width: calc((100% - 12px) / 2);
}

.allmenu_banner a:first-of-type { margin-left:0; }

#allMenu .allRight .all_board_li h2{color:#222;font-size:11px;padding:6px 5px;line-height:16px;height:auto;margin-bottom:6px;font-weight:500;display:block;border-bottom:1px #eaeaea solid;}
#allMenu .allRight .all_board_inner .all_board_li {margin:0 5% 10px;width:39.5%;display:inline-block;zoom:1;*display:inline;vertical-align:top;}

#allMenu .allRight .all_cs_center .all_board_li{margin:0 5% 10px;width:90%;}
#allMenu .allRight .all_board_li .cs_tel_inner{padding-left:6px;font-size:11px;color:#555;line-height:160%;}
#allMenu .allRight .all_board_li .cs_tel_inner .cs_tel{font-family:Oswald;font-size:15px;color:#333;padding:5px 0 6px;}
#allMenu .allRight .all_board_li .cs_tel_inner .cs_time{ font-size:11px;color:#333;padding:5px 0 6px;} 

#allMenu .allRight .all_bank_center .all_board_li{margin:0 5% 20px;width:90%;} 
#allMenu .allRight .all_board_li .cs_bank_inner {padding-left:6px;font-size:11px;color:#555;line-height:160%;}
#allMenu .allRight .all_board_li .cs_bank_inner .cs_bank{font-family:Oswald;font-size:13px;color:#333;padding:5px 0 6px;}
#allMenu .allRight .all_board_li .cs_bank_inner .cs_bank{ font-size:11px;color:#333;padding:5px 0 6px;} 
 


#hd_menu .hd_left {/*float:left;*/ border:0px #000 solid;text-align:center;width: fit-content;margin: 0 auto;}



/* Ä«Å×°í¸® */
.category {box-sizing:border-box; font-size:0; line-height:0; width:1000;}
.category li {position:relative; display:inline-block;margin: 0 18px;}

.category li > a {display:block;color: #111;letter-spacing:0;line-height: 74px;font-size: 15px;font-weight:500;}  /* ¸Þ´º°£°Ý */
.category li.title_menu > a {font-size: 16px;}
.category li:last-child > a { margin-right:0;}

.category li font {position:absolute;right:0;top: 33px;font-size: 12px;color: #1b62f2;font-weight: 700;}

/* ÁߺзùÄ«Å×°í¸® */
.category .sub-category { visibility:hidden; opacity:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;  }
.category > li:hover .sub-category { top:50px;opacity:1; visibility:visible; }
.category .sub-category > ul { border:0px solid #eee; background-color:rgba(255,255,255,0.95); width: 130px; border-radius:0px;}
.category .sub-category > ul > li { display:block; margin: 0px;  }
.category .sub-category > ul > li > a { display: block; color: #000; line-height: 30px; font-size: 13px; padding:0 10px;  text-align: left;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
.category .sub-category > ul > li:hover > a {  color:#fff; background:#fff; border-radius:3px; }

/* ·¹À̾îÈ­»ìÇ¥*/
.-ly1 { position:absolute; top:55px;left:50%;  transform:translateX(-50%);   padding:5px; border:1px solid #eee; background-color:rgba(255,255,255,0.95);z-index:90 ; }
.-ly1:after, .-ly1:before { bottom: 100%;left: 50%; border: solid transparent;content: " "; height: 0;width: 0; position: absolute;pointer-events: none; }
.-ly1:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px;margin-left: -5px;}
.-ly1:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #dddddd; border-width: 6px;margin-left: -6px;}

.category .sub-category li { position:relative;  width:96%;  text-align: left !important;}
.category .sub-category li > i { position:absolute; z-index:9; right:0px;top:8px; color:#999; font-size:12px; }
.category .sub-category a {  display:block; position:relative; padding:4px 5px;line-height:18px; border-radius:3px; -webkit-border-radius:3px;display:block;white-space:normal; background:rgba(255,255,255,0);-webkit-transition:background 200ms linear;transition:background 200ms linear;}
.category .sub-category li:hover > a:hover{  color:#333; background:#fff; }
.category .sub-category li:hover > i { color:#fff;  }

/* ¼ÒºÐ·ùÄ«Å×°í¸® */
.category .sub-category .cate3 {  position:absolute; z-index:9; left:50%; transform:translateX(50%);   width: 130px  !important;border-radius:0px;border:1px solid #eaeaea;background:rgba(255,255,255,0) !important; padding: 5px; top:0px;  visibility:hidden; 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;}
.category .sub-category li:hover .cate3 { top:0px;opacity:1; visibility:visible; background:rgba(255,255,255,1) !important; }



#hd_menu .time { float:right; border-left:1px #eee solid; border-right:1px #eee solid; width:100px;  line-height:50px; height:50px;text-align:center;   background-color:#9e2b2f;}
#hd_menu .time a { display:block; color:#fff; font-weight:bold;  line-height:50px; }
#hd_menu .time i { font-size: 15px; margin-top:5px; margin-right:5px; }


/* ÇÖµô */

.timeWarp { margin:0 auto 50px; position:relative; text-align:center; width:1300px; height:300px; / *background:url(/design/nbmart/wizdesign/time-bg.gif) 50% 50% no-repeat; */ padding-top:40px; background-image:url('https://nbmart.cafe24.com/main_2022/timesale_bychome_2022_w.jpg'); }  /* ÇÖµô ¹è°æÀ̹ÌÁö */


.timeWarp:after { content: ""; display: block; clear: both; }
.timeWarp p { margin-bottom:5px; }


.timeWarp .txt  { position: absolute; top: 50px;left: 50%;border: 0px solid #000; margin-left:-240px; }

.timeWarp .txt2 { font-size: 33px; color:#fff;  font-family:'Montserrat','Roboto Condensed'; font-weight:550; padding-bottom:20px ;  }
.timeWarp .txt3 { font-size: 18px; color:#fff;}
.timeWarp .txt4 { font-size: 18px; color:#fff;  padding-bottom:20px ; }
.timeWarp .count {  }





/*! CountdownTimer for jQuery @version2.0.0 (https://harshen.github.io/jQuery-countdownTimer/).
 *  Written by Harshen Pandey (https://remote.com/harshen) January 2014.
 *  @license MIT (https://github.com/harshen/jQuery-countdownTimer/blob/master/LICENSE.md)
 *  and GPLv3 (https://github.com/harshen/jQuery-countdownTimer/blob/master/LICENSE-GPL.md).
 *  @release - 27/10/2017
 *  Copyright (c) 2017 - 2020 Harshen Pandey
 *  Please attribute the author if you use it.
 */
/* jQuery.countdownTimer.css*/

.style {
   width: 100%;
   font-family: sans-serif;
   font-weight: bold;
   border-style: solid;
}

.colorDefinition {

    margin:0 auto;
    background: ;
    color : #000;
border : 0;
font-family:'Montserrat','Roboto Condensed'; font-weight:800;  
}

.size_xl {
   font-size:50px;
   border-width: 8px;
   border-radius: 6px;
}

.size_lg {
   font-size:40px;
   border-width: 7px;
   border-radius: 5px;
}

.size_md {
   font-size:30px;
   border-width: 5px;
   border-radius: 4px;
}

.size_sm {
   font-size:20px;
   border-width: 3px;
   border-radius: 3px;
}

.size_xs {
   font-size:15px;
   border-width: 2px;
   border-radius: 2px;
}

.lang-rtl {
	direction: rtl;
}

.displaySection {
	display: inline-block;
	margin:0 3px;
	font-size: 75%;
	text-align: center;
	border-right: 0px solid #F0068E;
        border-radius: 5px;
        background: #fff;
        padding:3px 0;
}

.timerDisplay > span.displaySection:last-child {
	border-right: none;
}

.label6 .displaySection {
    width: 15%;
}

.label5 .displaySection {
    width: 18%;
}

.label4 .displaySection {
    width: 23.5%;
}

.label3 .displaySection {
    width: 31.8%;
}

.label2 .displaySection {
    width: 48.6%;
}

.label1 .displaySection {
    width: 98%;
}

.numberDisplay {
	font-size: 200%;
}

.periodDisplay {
	display: block;
}

.timerDisplay {
	clear: both;
	width: 100%;
	padding: 8px 4px;
	text-align: center;
	float: left;
}

.labelformat {
	display: inline-block;
	width: 460px;
	font-size: 15px;
    border-width: 7px;
    border-radius: 5px;
}


span.dot {
    display: inline-block;
    width: 17px;
    height: 74px;
    /* line-height: 50px; */
    /* line-height: 50; */
    vertical-align: top;
    position: relative;
}

span.dot:after { content:''; background:#ddd; width:4px; height:4px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; }
.link_logo {float:left;height: 74px;}
.link_logo a {display:block;padding: 27px 0;padding-top: 30px;}






/* list_form */
.list_box .items {font-size: 0;}
.list_box .items li {display: inline-block;width: calc((100% - 48px) / 4);margin-right: 16px;margin-bottom: 65px;box-sizing:border-box;position: relative;vertical-align: top;}
.list_box .items li figure {margin:0;padding:0;position: relative;}
.list_box .items li:nth-child(4n) {margin-right:0;}
.list_box .items li .thumb {position: relative;overflow: hidden;vertical-align: top;}
.list_box .items li .thumb a { vertical-align:top; }
.list_box .items li .thumb .pre_btn { width: 16%; height:16%; position:absolute; bottom:0; right:0; }
.list_box .items li .thumb .pre_btn img { width:100%; }
.list_box .items li .thumb img.listPic {width: 100%;margin: 0 auto;border-radius: 0px;}


.list_box .items li .thumb .sale_circle span {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

.list_box .items li .list_shoppingInfo {padding: 25px 0px 0;text-align: left;  box-sizing:border-box; position:relative; }
.prd_btn_top {
    position: relative;
    height: 20px;
}
.list_box .items li .prd_cart {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
}
.list_box .items li .prd_cart img {width:100%;vertical-align: middle;margin-top: -10px;}
.list_box .items li .brand_name {
    font-size: 13px;
    color: #999;
    font-weight: 400;
    margin-bottom: 14px;
}
.list_box .items li .list_shoppingInfo .listName {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    letter-spacing: -0.5px;
    line-height: 1;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.list_box .items li .list_shoppingInfo .sub-name {font-size: 13px;color: #888;font-weight: 400;letter-spacing: -0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 8px;}

.list_box .items li .list_shoppingInfo .price_top_box {margin-top: 0;position:relative;}

.list_box .items li .list_shoppingInfo .price_top_box span {margin-right: 5px; line-height:1; }
.list_box .items li .list_shoppingInfo .listPrice {font-size: 14px;font-weight: 700;color:#111;letter-spacing: -0.5px;}
.list_box .items li .list_shoppingInfo .listPrice font {font-size: 14px;}
.list_box .items li .list_shoppingInfo .consumer {font-size: 14px;font-weight: 400;color: #999;letter-spacing: -0.5px;}
.list_box .items li .list_shoppingInfo .consumer font {font-size: 14px;}

.list_box .items li .list_shoppingInfo .price_top_box span.off_txt {color: #c12f2f;font-weight: 700;font-size: 14px;letter-spacing: -0.5px;}
.list_box .items li .list_shoppingInfo .price_top_box span.off_txt em {font-size: 14px;/* margin-right: 1px; */}

.sold_thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
}
.time_sale_txt {background: rgb(137, 48, 220) ;width: 60px;height: 60px;border-radius: 50%;text-align: center;font-size: 18px;letter-spacing: -0.5px;font-family: 'Lust Script';position: absolute;left: 10px;top: 40px;z-index: 10; color:#faff7d; box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);}
.time_sale_txt em { position:absolute;top: 54%; left:50%; transform:translate(-50%,-50%); line-height:1.4;width: 100%;font-family: 'Lust Script', 'Noto Sans KR';}
.time_sale_txt em span {display:block;font-family: 'Noto Sans KR';font-weight: 500;font-size: 14px;}


.sold_thumb span { font-size:35px; color:#000; font-weight:700; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }

span.my-wish-list {z-index: 15;/* position: absolute; *//* top: 8px; *//* right: 6px; */width: 56px;height: 48px;display: inline-block;line-height: 48px;text-align: center;}
span.my-wish-list img { width: 18px;
    /* filter: drop-shadow(1px 1px 1px rgba(87,87,87,0.6)); */
}
.cart_open_btn {width: 56px;height: 48px;text-align: center;line-height: 48px;/* position: absolute; *//* top: -8px; *//* right: 6px; */cursor: pointer;display: inline-block;border-left: 1px solid #cccccc;}
.cart_open_btn img {width: 19px;vertical-align: middle;}
.sale_box {
    width: 20%;
    padding: 5px;
    background: #333;
    color: #fff;
    font-size: 13px;
    margin: 10px auto 0;
}



.list_box .items li p.listSoldout {
    font-size: 16px;
    font-weight: 500;
}

.prd_bottom_div2 {
    overflow: hidden;
    margin-top: 0;
    border-top: 1px solid #ddd;
}

.prd_bottom_div2 .prd_bottom_div_left {
    float: left;
}

.prd_bottom_div2 .prd_bottom_div_right {
    float: right;
}

.hash_box {
    padding-top: 6px;
}

.hash_box {
    margin-right: 5px;
    font-size: 13px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing:-0.5px;
}

.best_icon_div {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.3);
    z-index: 10;
}

.best_icon_div span { font-size:16px; color:#fff; font-weight:500;  text-align:center; line-height:40px; display:block;}


span.MK-product-icons {
    display: block;
    margin: 10px 0 0;
}

.list_box .items li.color_prd_li {
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
    font-size: 0;
}

.list_box .items li.color_prd_li font {
    width: 18px;
    height: 4px;
    display: inline-block;
    font-size: 0;
    margin-right: 3px;
    border:1px solid transparent;
    box-sizing:border-box;
}

.list_box .items li.color_prd_li font[title="È­ÀÌÆ®"], .list_box .items li.color_prd_li font[title="¾ÆÀ̺¸¸®"] {
    border-color: #e7e7e7;
}


.list_Info_top { font-size:0; }

.list_box .items li .crema-product-reviews-count {
    font-size: 13px;
    font-weight:500;
    color: #999;
    display: block;
    margin: 6px 0;
    text-align: right;
}



.search_back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 105;
    display:none;
}


.search_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 645px;
    background: #fff;
}

.search_inner {
    width: 1260px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.header__search-box {
    padding: 200px 0;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.searchArea {
    width: 530px;
    height: 64px;
    line-height: 64px;
    border: 2px solid #111;
    box-sizing: border-box;
    padding: 0 20px;
}

.searchArea .MS_search_word {
    height: 60px;
    box-sizing: border-box;
    vertical-align: top;
    width: calc(100% - 21px);
    font-size: 16px;
    color: #111;
    font-weight: 400;
    float: left;
    border: none;
    background: none;
}
.searchArea .MS_search_word::placeholder { color:#999; }
.searchArea a {
    width: 21px;
    height: 60px;
    line-height: 60px;
    float: left;
    background: url(/design/nbmart/1101/pc/ic_search.png) no-repeat;
    background-position: center;
    background-size:21px auto;
}

.search_close_btn {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 60px;
    background: url(/design/nbmart/1101/pc/hamburger_close.png);
    cursor: pointer;
}

.header_keyword {box-sizing:border-box;-webkit-box-sizing:border-box;margin-top: 80px; width:530px; }
.header_keyword>h1 {font-size: 16px;color: #111;font-weight: 600;margin-bottom: 5px;}
.header_keyword ul { font-size:0; }
.header_keyword ul li {cursor:pointer; border-radius:50px;cursor:pointer;padding: 0 12px;text-align:center;font-size:13px;color: #111;font-weight:400;margin-right:4px;margin-top: 12px;letter-spacing:-0.035em;background:#f7f7f7;height:28px;line-height:28px;width: fit-content;display: inline-block;}
.header_keyword__close {
    position: absolute;
    right: 24px;
    top: 22px;
    cursor:pointer;
}

#header #hd_Allbox.fixed #allMenu {
    top: 124px;
}


.allmenu_back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 10;
    display:none;
}

.tmslide {
    height: 35px;
}

/* Ä«Å×°í¸® Ä÷¯ Àû¿ë ¹× Æ÷ÀÎÆ® Ãß°¡ 240524 Àû¿ë */
/* ¸ÞÀÎ Ä«Å×°í¸® ½ºÅ¸ÀÏ */
.category.upper li a {
  position: relative;
  text-decoration: none;
  color: #000; /* ±âº» ÅؽºÆ® »ö»ó */
  transition: color 0.3s, background-color 0.3s;
}

/* ¸ÞÀÎ Ä«Å×°í¸® È£¹ö ½ºÅ¸ÀÏ */
.category.upper li a:hover {
  color: #ff0000; /* È£¹ö ½Ã ÅؽºÆ® »ö»ó */
}

/* ¼­ºê Ä«Å×°í¸® ½ºÅ¸ÀÏ */
.sub-category ul li a {
  position: relative;
  text-decoration: none;
  color: #000; /* ±âº» ÅؽºÆ® »ö»ó */
  transition: color 0.3s;
}

/* ¼­ºê Ä«Å×°í¸® È£¹ö ½ºÅ¸ÀÏ */
.sub-category ul li a:hover {
  color: #F39C98; /* È£¹ö ½Ã ÅؽºÆ® »ö»ó */
}

/* ¼­ºê Ä«Å×°í¸® µ¿±×¶ó¹Ì ½ºÅ¸ÀÏ */
.sub-category ul li a::after {
  content: '';
  position: absolute;
  width: 8px; /* µ¿±×¶ó¹Ì Å©±â */
  height: 8px;
  background-color: #F39C98;
  border-radius: 50%; /* µ¿±×¶ó¹Ì ¸ð¾ç */
  right: -5px; /* ÅؽºÆ® ¿À¸¥ÂÊÀ¸·Î À§Ä¡ Á¶Á¤ */
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s;
}

.sub-category ul li a:hover::after {
  transform: translateY(-50%) scale(1);
}

/* Àüü ¸Þ´º ¼­ºê Ä«Å×°í¸® ¿À¹ö½Ã Ä÷¯º¯°æ */
/* ¼­ºê Ä«Å×°í¸® ½ºÅ¸ÀÏ */
#allMenu .allLeft_inner .cate2 li a {
  color: #000; /* ±âº» ÅؽºÆ® »ö»ó */
  transition: color 0.3s;
}

/* ¼­ºê Ä«Å×°í¸® È£¹ö ½ºÅ¸ÀÏ */
#allMenu .allLeft_inner .cate2 li a:hover {
  color: #F39C98;
  
  



/* BASIC css end */