/* BASIC css start */
/* 오른쪽퀵버튼 */
#fix_pagescroll {position:fixed;right:-50px;bottom:50px;z-index:99999;  -webkit-transition:all 1s;moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
#fix_pagescroll.active {right:20px;bottom:50px;}
.updown > div {margin-top:0; 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;}
.updown > div:hover {opacity:0.8;}
.updown div.r_icon { cursor:pointer; position:relative; width:38px; height:38px; line-height:38px; background-color:#fff; border:1px solid #ddd; border-bottom: 0px; text-align:center; box-sizing:border-box; display: flex; justify-content: center; align-items: center;}
.updown div.r_icon i {font-size:14px; color:#999;}
.updown > div.r_icon:last-child { border-bottom: 1px solid #ddd; z-index: 99;}
.updown img { width:38px;height:38px; }
.mask {	display:none; position:fixed; top:0; left:0; width:100%; height:100%; /*background:#000; opacity:0.5; filter:alpha(opacity=50);*/ z-index:990 }
/* .kakao {background-color:#ffe712!important;} */

.instagram-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C2.5 7.522 2.5 5.282 3.891 3.891C5.282 2.5 7.521 2.5 12 2.5C16.478 2.5 18.718 2.5 20.109 3.891C21.5 5.282 21.5 7.521 21.5 12C21.5 16.478 21.5 18.718 20.109 20.109C18.718 21.5 16.479 21.5 12 21.5C7.522 21.5 5.282 21.5 3.891 20.109C2.5 18.718 2.5 16.479 2.5 12Z' stroke='%23040000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.508 6.5H17.498M16.5 12C16.5 13.1935 16.0259 14.3381 15.182 15.182C14.3381 16.0259 13.1935 16.5 12 16.5C10.8065 16.5 9.66193 16.0259 8.81802 15.182C7.97411 14.3381 7.5 13.1935 7.5 12C7.5 10.8065 7.97411 9.66193 8.81802 8.81802C9.66193 7.97411 10.8065 7.5 12 7.5C13.1935 7.5 14.3381 7.97411 15.182 8.81802C16.0259 9.66193 16.5 10.8065 16.5 12Z' stroke='%23040000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.youtube-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.26 17.21H6.56C5.46 17.21 4.07 17.1 3.28 16.44C2.26 15.6 2 14.06 2 12.64V9.57C2 8.35 2.13 6.88 2.91 6.06C3.74 5.18 5.26 5 6.57 5H15.27C16.69 5 18.25 5.23 19.09 6.24C19.74 7.03 19.84 8.46 19.84 9.57V12.64C19.84 13.87 19.72 15.31 18.93 16.13C18.1 16.99 16.57 17.21 15.27 17.21H15.26Z' fill='%23040000'/%3E%3Cpath d='M9 8V13.24L13.52 10.62L9 8Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.kakao-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.499 0C16.299 0 21 3.664 21 8.185C21 12.705 16.299 16.369 10.5 16.369C9.92262 16.368 9.34585 16.3312 8.773 16.259L4.365 19.142C3.864 19.407 3.687 19.378 3.893 18.729L4.785 15.051C1.905 13.591 0 11.061 0 8.185C0 3.665 4.7 0 10.5 0M16.408 8.06L17.878 6.636C17.9628 6.54791 18.0101 6.43033 18.01 6.30804C18.0098 6.18575 17.9622 6.06829 17.8772 5.98041C17.7922 5.89252 17.6763 5.84107 17.5541 5.83689C17.4319 5.83271 17.3128 5.87613 17.222 5.958L15.294 7.824V6.282C15.294 6.15682 15.2443 6.03676 15.1558 5.94825C15.0672 5.85973 14.9472 5.81 14.822 5.81C14.6968 5.81 14.5768 5.85973 14.4882 5.94825C14.3997 6.03676 14.35 6.15682 14.35 6.282V8.839C14.3334 8.91206 14.3334 8.98793 14.35 9.061V10.5C14.35 10.6252 14.3997 10.7452 14.4882 10.8338C14.5768 10.9223 14.6968 10.972 14.822 10.972C14.9472 10.972 15.0672 10.9223 15.1558 10.8338C15.2443 10.7452 15.294 10.6252 15.294 10.5V9.137L15.721 8.724L17.149 10.757C17.1847 10.8078 17.23 10.851 17.2823 10.8842C17.3347 10.9175 17.3931 10.9401 17.4542 10.9508C17.5153 10.9615 17.5779 10.96 17.6384 10.9465C17.699 10.933 17.7562 10.9077 17.807 10.872C17.8578 10.8363 17.901 10.791 17.9342 10.7387C17.9675 10.6863 17.9901 10.6279 18.0008 10.5668C18.0115 10.5057 18.01 10.4431 17.9965 10.3826C17.983 10.322 17.9577 10.2648 17.922 10.214L16.408 8.06ZM13.45 9.984H11.99V6.297C11.9844 6.17571 11.9323 6.06123 11.8445 5.97737C11.7567 5.89351 11.6399 5.84672 11.5185 5.84672C11.3971 5.84672 11.2803 5.89351 11.1925 5.97737C11.1047 6.06123 11.0526 6.17571 11.047 6.297V10.456C11.047 10.716 11.257 10.928 11.518 10.928H13.45C13.5752 10.928 13.6952 10.8783 13.7838 10.7898C13.8723 10.7012 13.922 10.5812 13.922 10.456C13.922 10.3308 13.8723 10.2108 13.7838 10.1222C13.6952 10.0337 13.5752 9.984 13.45 9.984ZM7.593 8.893L8.289 7.185L8.927 8.892L7.593 8.893ZM10.116 9.38L10.118 9.364C10.1177 9.24511 10.0723 9.13076 9.991 9.044L8.945 6.244C8.90115 6.11057 8.81763 5.99369 8.70559 5.90899C8.59355 5.8243 8.45833 5.7758 8.318 5.77C8.17677 5.76994 8.03882 5.81259 7.92227 5.89237C7.80573 5.97215 7.71605 6.08531 7.665 6.217L6.003 10.292C5.95566 10.4079 5.9563 10.5379 6.00478 10.6533C6.05325 10.7687 6.1456 10.8602 6.2615 10.9075C6.3774 10.9548 6.50736 10.9542 6.62279 10.9057C6.73822 10.8572 6.82966 10.7649 6.877 10.649L7.209 9.836H9.279L9.577 10.636C9.59733 10.6958 9.62945 10.7509 9.67147 10.7981C9.71348 10.8452 9.76453 10.8835 9.8216 10.9105C9.87866 10.9376 9.94058 10.9529 10.0037 10.9557C10.0668 10.9584 10.1298 10.9484 10.189 10.9263C10.2481 10.9042 10.3023 10.8704 10.3482 10.8271C10.3941 10.7837 10.4308 10.7315 10.4561 10.6737C10.4815 10.6158 10.495 10.5535 10.4958 10.4903C10.4967 10.4272 10.4848 10.3645 10.461 10.306L10.116 9.38ZM6.793 6.302C6.79326 6.24003 6.78127 6.17861 6.7577 6.12129C6.73414 6.06397 6.69947 6.01188 6.6557 5.96801C6.61192 5.92414 6.5599 5.88936 6.50263 5.86568C6.44536 5.84199 6.38397 5.82987 6.322 5.83H3.077C2.95182 5.83 2.83176 5.87973 2.74325 5.96825C2.65473 6.05676 2.605 6.17682 2.605 6.302C2.605 6.42718 2.65473 6.54724 2.74325 6.63575C2.83176 6.72427 2.95182 6.774 3.077 6.774H4.237V10.51C4.237 10.6352 4.28673 10.7552 4.37525 10.8438C4.46376 10.9323 4.58382 10.982 4.709 10.982C4.83418 10.982 4.95424 10.9323 5.04275 10.8438C5.13127 10.7552 5.181 10.6352 5.181 10.51V6.774H6.321C6.38306 6.77426 6.44455 6.76224 6.50194 6.73861C6.55932 6.71498 6.61146 6.68023 6.65534 6.63634C6.69923 6.59246 6.73398 6.54032 6.75761 6.48294C6.78124 6.42555 6.79326 6.36406 6.793 6.302Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
.naver-icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 5H5V25H25V5Z' fill='%23040000'/%3E%3Cpath d='M15.9427 11.0645V14.1575L13.2975 11.0645H10.1904V18.9581H13.2975V15.851L15.9427 18.9581H19.0498V11.0645H15.9427Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}


#fix_pagescroll .plus-btn {
    position: absolute;
    z-index: 11;
    width: 38px;
    height: 38px;
    border-radius: 1px solid #ddd;
}
#fix_pagescroll .todaygoods-btn { 
    position: absolute;
    top: -38px; 
    z-index: 10;
    transition: all 0.5s ease;
}
#fix_pagescroll .market-btn {
    position: absolute;
    top: -76px;
    z-index: 9;
    transition: all 0.5s ease; 
}

#fix_pagescroll .qeustion-btn {
    position: absolute;
    top: -114px;
    z-index: 8;
    transition: all 0.5s ease; 
}

#fix_pagescroll .btn-hide { 
    top:0;
}

.xi-plus {
    transition: all 0.3s;
}

.plus-btn-x { 
    transform: rotate(45deg);
}

.material-symbols-outlined { 
    color: #999;
    font-weight: 200;
}

.today_ico {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 2px;
    font-weight: 100;
    line-height: 11px;
    color: #fe959c; 
    z-index:12;
}

#fix_pagescroll .r_icon.wrap {
    border-top: 0;
}


/* ============= 사이드 메뉴 ============= */

#asideMenu { position:fixed; top:0; left:-100%; width:80%; height:100%;  background: /*#F5DADF*/#FFF;  overflow-y:auto; overflow-x:hidden ;  z-index:9999; }
#asideMenu  .close {  width:100%; text-align:right;  border:0px solid #fff;  }
#asideMenu  #asideClose {  width:40px; height:40px; line-height:45px;  cursor:pointer;   }
#asideMenu  #asideClose i { color:#000; font-size:20px;  padding:10px; font-weight: bold; cursor:pointer; }
#asideMenu  #asideClose:hover {  transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
#asideMenu .logo { text-align:center; }
#asideMenu .logo a { color:#000; font-size:20px; font-weight: 700; } /* 햄버거 메뉴 로고 컬러 */
#asideMenu .logo img { width:25%; }
/*.strnm {margin:20px;}*/0

.navCustomer .offline .sub_tit { font-size: 15px; padding-bottom:5px; }
.navCustomer .offline { position:relative; width:auto; height:auto; padding-bottom:10px; margin-left:5px; }
.navCustomer .cscenter .sub_tit { font-size: 15px; padding-bottom:5px; }
.navCustomer .cscenter { position:relative; width:auto; height:auto; padding-bottom:10px; margin-left:5px; }
.navCustomer .tt_bank .sub_tit { font-size: 15px; padding-bottom:5px; }
.navCustomer .tt_bank { position:relative; width:auto; height:auto; padding-bottom:10px; margin-left:5px; }
/*
.navCustomer .tt_bank dl {
    position: absolute;
    right: 13%;
    top: -76px; }*/


.navCustomer .sns{  text-align:center; padding-top:27px; padding-bottom:15px; }
.navCustomer .sns li {position:relative; display:inline-block; /*display:inline;*/ height:30px;margin:3px 2px; text-align:center; width: 20%;} 
.navCustomer .sns li a{ display:block;height:25px; /*border-radius:100%; background:rgba(102,102,102,0.3); font-size:14px; color:#fff;text-align:center;*/ transition:all .8s ease;-webkit-transition:all .8s ease;}
/*.sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}*/
.navCustomer .sns li a i{line-height:50px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1; zoom:1;}

/*
.sns a .Facebook {display:block;width:25px;height:25px;  background:#5c84d7 ;border-radius:100%;}
.sns a .Twitter {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.sns a .Instagram  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.sns a .Blog {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.sns a .Kakao {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}
 */

/* 로그인 메뉴 */
.loginBox { clear:both; /*margin:10px 10px 20px 10px;*/ text-align:left; border-bottom:1px solid #666; margin-bottom:10px; padding:0 10px 10px 10px }
.loginBox ul { margin-top:15px; }
.loginBox li { clear:both; display:inline-block; height:35px; text-align:center;  padding-right:8px  }
.loginBox li a { display:block; font-size:11px; color:#3B3B3B; letter-spacing:0; line-height:35px;      /*font-weight: 700;*/  } /* 햄버거 메뉴 로고 밑에 로그인메뉴 */



/* 카테고리메뉴 */
aside .asideTop { text-align:center; font-size: 0.875em;  overflow:hidden; padding: 0px 0px 10px; margin:0 10px;}
aside .asideTop a:first-child { border-left: 0px solid #eee;}
aside .asideTop a { width:33.33%; height:35px; line-height: 35px;  font-size:11px;  font-weight:400;  position:relative; font-weight:normal; border-left: 1px solid #666; -webkit-box-sizing:border-box; border-left: 0px; background:#B5B5B5; color:#fff; display:inline-block; box-sizing: border-box;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act { background:#1c1c1c; color:#fff; font-weight:400; }
aside .asideTop a.act em { position:absolute; left:44%; bottom:-5px; border-top:6px solid #1c1c1c; border-left:4px solid transparent; border-right:4px solid transparent;}

.navCategory > nav {padding: 5px 0;}
aside nav li .categoryTitle {display: block;height: 38px;line-height: 38px;padding: 0px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#3B3B3B; font-size:14px; font-weight:600;}

aside .navCategory { margin:0 10px; border:0px solid #666;  /* background:rgba(0,0,0,0.7); */ }
aside nav li { /*border-bottom:1px solid #333;*/ position:relative;}
aside nav li a { display: block; height:40px; line-height: 40px;  padding:0 0 0 20px; font-size:13px; color:#000; font-weight:normal;  margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px; color:#000; }
aside nav li > ul { display:none; /*border-top:1px solid #333;*/}
aside nav li > ul > li {border-bottom:0px none; /*border-top:1px solid #333;*/}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; /*border-top:1px solid #333;*/}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; font-weight:normal; }
aside nav li > ul > li > ul > li > ul > li a {padding:0 0 0 50px; margin: 0; }

aside .navCommunity {display:none; margin:0 10px; border:0px solid #eee; }
aside .navMypage {display:none; margin:0 10px; border:0px solid #eee;}

aside .navCustomer { margin:20px 10px 10px; border:0px solid #eee; }
aside .navCustomer nav li { border-bottom:1px solid #eee; position:relative;}
aside .navCustomer nav p { display: block; height:30px; line-height: 20px;  padding:0 0 0 20px; font-size:11px; color:#000; font-weight:700;  margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; }
aside .navCustomer nav p span { font-weight:700; color:#747474; }
aside .navCustomer .cscenter .phone a { font-weight:700; font-size:16px;  color:#1c1c1c; padding:0 0 5px 0px; }
aside .navCustomer nav p.tel  { display: block;  height:35px; line-height:35px;   background:#747474; width:90%; text-align:center; margin:10px auto ;  padding:0 !important; }
aside .navCustomer nav p.tel a { color:#fff;  font-weight:800; font-size:14px;  letter-spacing:0.1em;}


.h_layerTitle { height:30px; line-height:30px; padding:0 !important; margin-bottom:0px;  border-bottom:0px solid #333;   }
.h_layerTitle h3 { font-weight:900; color:#000; font-size:15px; }
.h_layerTitle .fa-times {float:right; margin-top: 5px;}


#header { position:fixed; left:0; top:0; border-bottom:0px solid #ddd; z-index:5;  width:100%; text-align:center;  } 
#header .header-top { position:relative; width:100%; height:60px; text-align:center;  }
#header .header-top .logo img {
    width: auto;
    height: 20px;
    margin-top: -3px;
}
#header .header-top:hover  { background:rgba(255,255,255,0.75);  }



/* ============= 스크롤후 위치영역 =============== */
#header.active .header-top  { background:rgba(255,255,255,0.95);  }


/* ============= 스크롤후 위치영역 =============== */
#header.small .header-top { background:rgba(255,255,255,0.95);    }
#header.small:hover { background:rgba(255,255,255,0.95);     }



.sub_list_title {  border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }


#header .header-top h1 a {
    display: inline-flex;
    font-family: Montserrat, "Roboto";
    font-weight: 700;
    font-size: 20px;
    height: 60px;
    color: #222;
    letter-spacing: 1px;
    align-items: center;
}

#header .header-top p.category {
    position: absolute;
    top: 17px;
    left: 10px;
}

#header .header-top p.category .line:after {
    display: block;
    height: 1px;
}

#header .header-top p.category a {
    display: block;
    position: relative;
    width: 30px;
    height: 26px;
}

#header .header-top p.category span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 1);
    transform: translate(0, -50%);
    color: transparent;
}

#header .header-top p.category span:before,
#header .header-top p.category span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 1);
}

#header .header-top p.category span:before {
    top: -6px;
}

#header .header-top p.category span:after {
    top: 6px;
}

#header .header-top p.category i {
    display: block;
    font-size: 26px;
    color: #666666;
    cursor: pointer
}

#header .header-top p.cart {
    position: absolute;
    top: 17px;
    right: 47px;
}

#header .header-top p.cart span {
    width: 22px;
    height: 18px;
    display: block;
    position: relative;
    color: transparent;
}

#header .header-top p.cart .css-cart {
    width: 18px;
    height: 16px;
    background: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border: 1px solid #333;
    position: relative;
}

#header .header-top p.cart .css-cart:before {
    content: '';
    height: 8px;
    width: 10px;
    border: 1px solid #333;
    border-bottom: none;
    border-radius: 50px 50px 0 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    position: absolute;
    top: -7px;
    left: 3px;
}

#header .header-top p.cart a .count {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    color: #000;
    font-size: 0.5rem;
    font-weight: 300;
    z-index: 99;
}

#header .header-top p.cart a i {
    font-size: 26px;
    color: #666666;
}

/* 검색 */
#header .header-top p.searchToggle {
    position: absolute;
    top: 17px;
    right: 10px;
}

#header .header-top p.searchToggle span {
    width: 22px;
    height: 22px;
    display: block;
    position: relative;
    color: transparent;
    transition: all 0.6s;
}

#header .header-top p.searchToggle .css-ser:before {
    content: '';
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    border: 1px #333 solid;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

#header .header-top p.searchToggle .css-ser:after {
    content: '';
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    background: #333;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 14px;
    left: 17px;
}

#header .header-top p.searchToggle i {
    font-size: 26px;
    color: #666666;
}


#header .header-top p.searchToggle.active .css-ser { border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; background:#333;  transition:all 0.6s;}
#header .header-top p.searchToggle.active .css-ser:before, #header .header-top p.searchToggle.active .css-ser:after{ border:0px #333 solid; height:1px; width:22px; display:block; background:#fff; position:absolute; top:10px; left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#header .header-top p.searchToggle.active .css-ser:after{ content:''; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}


/* 이미지로사용시
#header .header-top p.searchToggle a { display:block; width:30px; height:30px; background:url('/design/d4-0278/wizmobile/t_ser_b.png') no-repeat center / 22px 22px;}
#header .header-top p.searchToggle a.active {background-image:url('/design/d4-0278/wizmobile/t_cart_b.png'); background-size:13px;} */

#header .header-top .searchLy { display:none; position:absolute; top:60px; left:0; padding:18px 5% 18px;  background:#f5f5f5; z-index:100; width:90% }
#header .header-top .searchLy .search { position:relative; text-align:center; }
#header .header-top .searchLy .search input { width:100%; height:30px; border:none; border-radius:5px; outline:none }
#header .header-top .searchLy .search .btn_search { position:absolute; right:0px; top:0px; border:0; border-radius:5px; background:#fff; padding:6px 8px 5px; }
#header .header-top .searchLy .search .btn_search i{width:18px; height:18px; line-height:18px; font-size:15px;  border-radius:20px;text-align:center; background:#eee;}
#header .header-top .searchLy .search .delete_btn { position:absolute; top:0px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 } /* 검색어삭제 */
#header .header-top .searchLy .clearTag { height:200px ; }

#header .search .searchBox { position:relative; width:100%; }

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:33px; left:50%; width:100%; margin-left:-50%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); border-radius: 5px; }
.search-auto-complete-list ul { width:100%; padding:8px 0 10px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'malgun gothic'; font-size:11px; 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:#666; font-size:11px; }

/* 인기검색어 */
.hit-keyword { background: #fff; margin-top: 20px;}
.hit-keyword ul { overflow-y:auto; text-align:left; max-height:100px; padding:8px; }
.hit-keyword li { display:inline-block; vertical-align:top; }
.hit-keyword li a { display:block; color:#666; background:#f8f8f8; border-radius:25px;  font-size:10px; margin:3px;   padding:5px 10px; }


#top_menu.fixed { opacity: 1; /* visibility: visible;*/ background:rgba(255,255,255,0.95);left:0; top:50px;  }
#top_menu { opacity: 0; /* visibility: hidden;*/ position:fixed; left:0; top:-50px; width:100%; -webkit-transition:all 0.3s ease,-webkit-transform 0.3s ease-out;-moz-transition:all 0.3s ease,-moz-transform 1s ease-out;-ms-transition:all 0.3s ease,-ms-transform 0.3s ease-out;  }

.top_menu { position:relative;  }
.top_menu .swiper-container { overflow:hidden; height:40px; padding-right:30px;    }
.top_menu .swiper-slide { text-align: center; font-size: 18px;  width:auto; padding:0 5px;
 /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
.top_menu .swiper-wrapper .swiper-slide span { display:block; overflow:hidden; text-overflow:ellipsis; width:100%; height:40px; line-height:40px; padding:0 5px; color:#222; font-size:12px; font-family:Montserrat,'Roboto' !important;font-weight:700;  white-space:nowrap; ; }


/* 전체메뉴버튼 */
/*.all_menu { position:absolute; right:0; top:0px; z-index:10; overflow:hidden;  width:30px; height:100%;  background:rgba(255,255,255,1); border-left:0px solid #ddd; transition:all 0.35s;}
.all_menu span:before{content:''; height:10px; width:10px; display:block; border:1px solid #222; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:20px; left:10px; transition:all 0.35s ease;}
.all_menu.active span:before{ content:''; height:10px; width:10px; display:block; border:1px solid #222; border-left-width:0; border-bottom-width:0;  transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:15px; left:10px;}*/

.top_menu .allmenuLy {display:none; position:absolute; top:39px; left:0; padding:15px 4% 5px;  background:#FFF; z-index:100; width:100%; box-sizing: border-box}
.top_menu .allmenuLy h2 { text-align:left; padding-bottom:5px;  color:#222; font-size:10px;  font-weight:700;  }

.allmenuLy .inner_menu { width:100%;  background:rgba(255,255,255,0.95);  overflow:hidden; margin-bottom:10px;}
.allmenuLy .inner_menu:after { content: ""; display: block; clear: both; }

/* 가로5개 */
.allmenuLy .inner_menu ul.grid5 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.allmenuLy .inner_menu ul.grid5 > li {float:left; width:calc(20% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.allmenuLy .inner_menu ul.grid5 > li:nth-child(5n+5) {border-right:0;}

/* 가로4개 */
.allmenuLy .inner_menu ul.grid4 { overflow:hidden; position:relative; z-index:1; width:100%; /*margin-bottom:-1px;*/}
.allmenuLy .inner_menu ul.grid4 > li {float:left; width:calc(25% - 2px ); /*margin:-1px 0px 0 -1px;*/ border:1px solid #f5f5f5; text-align:center; }
.allmenuLy .inner_menu ul.grid4 > li:nth-child(4n+4) {/*border-right:0;*/}

/* 가로3개 */
.allmenuLy .inner_menu ul.grid3 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.allmenuLy .inner_menu ul.grid3 > li {float:left; width:calc(33.33% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.allmenuLy .inner_menu ul.grid3 > li:nth-child(3n+3) {border-right:0;}

.allmenuLy .inner_menu ul > li a {display:block; overflow:hidden; height:40px; padding:0 5px; line-height:40px; color:#222; font-size:11px; font-weight:500;    }
/*
.allmenuLy .inner_menu ul.smenu  > li:nth-child(2) a { color:#ad4d4d; }
.allmenuLy .inner_menu ul.smenu  > li:nth-child(1) a { color:#ad864d; }
*/


@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
    .navCustomer .lang li a {left:40%}
}


.new {display: block; height: 52px; line-height: 52px;}
.new img { position:relative; width:34px; height:auto; margin-top:15px; margin-left:2px; }
.new .today_ico {
    position: absolute;
    top: 14px;
    right: 2px;
    font-size: 10px;
    font-weight: 600;
    line-height: 11px;
    color: #fe959c; z-index:12;}
.store_icon { position:fixed; z-index:100; right:10px; bottom:20px; width:50px; height:50px; }
.store_icon .store_img { position: absolute; width: 50px; height:auto; z-index:3; }
.store_icon .store_txt img { position: absolute; top: 10px; right: 60px; width: 135px; height:auto; z-index:2; animation: fadeOutRight 3s; -moz-animation: fadeOutRight 3s; /* Firefox */ -webkit-animation: fadeOutRight 3s; /* Safari and Chrome */
  -o-animation: fadeOutRight 3s; /* Opera */  animation-delay: 5s; animation-fill-mode: forwards; }
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-moz-keyframes fadeOutRight { /* Firefox */
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-o-keyframes fadeOutRight { /* Opera */
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.lang {
    margin-left: -5px;
}

.lang li {
    display: inline;
}

.lang li a {
    display: inline-flex;
    vertical-align: bottom;
    color: #333;
    font-weight: 400;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 10px;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: -2px;
    line-height: 10px;
    background: url(https://msdance-jp.com/storage/msdanceJP/www/frontstore/defaultJP/JP/Mobile/img/foot_bar.png) no-repeat right;
    align-items: center;
    gap: 5px;
}

.lang li .ls-last {
    background: none;
}

.memu-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 15.1916H27.8607M3 22.3831H27.8607M3 8H27.8607' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    top:14px;
    left:10px;
}

.cart-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3H7.2325L9.87537 16.0754L10.6751 20.0021H24.8159' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M9.80701 15.719H24.8158L27.0003 6.47852H7.93457' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M14.0165 24.705C14.0165 25.7176 13.237 26.4998 12.3222 26.4998C11.4074 26.4998 10.6279 25.7176 10.6279 24.705C10.6279 23.6924 11.4074 22.9102 12.3222 22.9102C13.237 22.9102 14.0165 23.6924 14.0165 24.705Z' fill='%23999999' stroke='%23999999'/%3E%3Cpath d='M23.3387 24.705C23.3387 25.7176 22.5593 26.4998 21.6445 26.4998C20.7296 26.4998 19.9502 25.7176 19.9502 24.705C19.9502 23.6924 20.7296 22.9102 21.6445 22.9102C22.5593 22.9102 23.3387 23.6924 23.3387 24.705Z' fill='%23999999' stroke='%23999999'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 14px;
    right: 50px;
}

.search-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7159 22.1704C18.0818 22.1704 22.4318 17.8789 22.4318 12.5852C22.4318 7.29144 18.0818 3 12.7159 3C7.34995 3 3 7.29144 3 12.5852C3 17.8789 7.34995 22.1704 12.7159 22.1704Z' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M21.5186 21.5996L26.9999 26.9999' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 14px;
    right:10px;
}

.kakao-icon-gray {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3E%3Cpath fill='%2344403C' d='M49.75 10C73.912 10 93.5 25.267 93.5 44.104c0 18.834-19.588 34.1-43.75 34.1a56.265 56.265 0 0 1-7.196-.458L24.187 89.758c-2.087 1.105-2.825.984-1.966-1.72l3.716-15.325C13.938 66.629 6 56.088 6 44.104 6 25.271 25.587 10 49.75 10Zm24.612 33.583 6.126-5.933a1.967 1.967 0 0 0-2.734-2.825L69.721 42.6v-6.425a1.967 1.967 0 1 0-3.934 0v10.654a1.963 1.963 0 0 0 0 .925v5.996a1.967 1.967 0 1 0 3.934 0v-5.68l1.779-1.72 5.95 8.47a1.968 1.968 0 1 0 3.22-2.262l-6.308-8.979v.004ZM62.038 51.6h-6.084V36.237a1.967 1.967 0 0 0-3.929 0v17.33c0 1.083.875 1.966 1.962 1.966h8.05a1.967 1.967 0 1 0 0-3.933Zm-24.405-4.55 2.9-7.112 2.659 7.112h-5.559Zm10.513 2.033.008-.066a1.955 1.955 0 0 0-.529-1.334l-4.358-11.666a2.875 2.875 0 0 0-2.613-1.975 2.9 2.9 0 0 0-2.72 1.862l-6.921 16.98a1.966 1.966 0 1 0 3.641 1.487l1.375-3.388h8.625l1.246 3.334a1.965 1.965 0 0 0 3.828-.607 1.966 1.966 0 0 0-.145-.768l-1.437-3.859ZM34.304 36.258a1.967 1.967 0 0 0-1.962-1.966H18.82a1.967 1.967 0 1 0 0 3.933h4.833v15.567a1.967 1.967 0 1 0 3.933 0V38.225h4.75a1.967 1.967 0 0 0 1.967-1.967Z'/%3E%3C/svg%3E");
}

#fix_side_menu_kakao {display:none; position: fixed;
    right: 15px;
    bottom: 120px;
    z-index: 99999;
    padding: 10px;
    border: 1px solid;
    background-color: #fff;
    border-radius: 10px; }

.korea-logo{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 15px;
    border: 0.1mm solid #f1f3f5;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' fill='none'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3Cpath fill='%23232C80' fill-rule='evenodd' d='M14 7.5a3.5 3.5 0 1 1-7 0c0-1.12 2.35-1.59 4.328-1.413A2.61 2.61 0 0 1 12 6c1.105 0 2 .672 2 1.5Z' clip-rule='evenodd'/%3E%3Cpath fill='%23F93939' fill-rule='evenodd' d='M10 7s.895-1 2-1 2 .672 2 1.5a3.5 3.5 0 0 0-6.664-1.498C7 7 7 7.292 7 7.5c.5.5 1.056.5 1.5.5.444 0 .843-.193 1.118-.5L10 7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23151515' fill-rule='evenodd' d='M15 5h2l-2-2h-1l1 2ZM6 5H4l2-2h1L6 5Zm9 5h2l-2 2h-1l1-2Zm-9 0H4l2 2h1l-1-2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.eng-logo{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3Cpath fill='%231A47B8' fill-rule='evenodd' d='M0 0h9v7H0V0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23F93939' fill-rule='evenodd' d='M9 0v1h12V0H9Zm0 2v1h12V2H9Zm0 2v1h12V4H9Zm0 2v1h12V6H9ZM0 8v1h21V8H0Zm0 2v1h21v-1H0Zm0 2v1h21v-1H0Zm0 2v1h21v-1H0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1 1v1h1V1H1Zm2 0v1h1V1H3Zm2 0v1h1V1H5Zm2 0v1h1V1H7ZM6 2v1h1V2H6ZM4 2v1h1V2H4ZM2 2v1h1V2H2ZM1 3v1h1V3H1Zm2 0v1h1V3H3Zm2 0v1h1V3H5Zm2 0v1h1V3H7ZM1 5v1h1V5H1Zm2 0v1h1V5H3Zm2 0v1h1V5H5Zm2 0v1h1V5H7ZM6 4v1h1V4H6ZM4 4v1h1V4H4ZM2 4v1h1V4H2Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.jpn-logo{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 15px;
    border: 0.1mm solid #f1f3f5;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' fill='none'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3Cpath fill='%23F93939' d='M10.5 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3C/svg%3E");
}

/* BASIC css end */