/* BASIC css start */
body{overflow-x:hidden;}
img{max-width:100%;height:auto;}
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%; position:relative;}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .headerTop {min-width:275px; text-align:center; padding-right:45px; background-color:#3e4347;}
#header .headerTop a {width:25%; height: 36px; line-height: 36px; background-color:#3e4347; color:#fff; display:inline-block; border-left:1px solid #373737; margin-left:-1px;}
#header .headerTop a .fa {vertical-align:top; position: relative; top:12px;}
#header #menu .fa {top:5px;}
#header .headerBottom {padding:0 10px; margin-bottom: 20px;}
#header .headerBottom h1 {font-size:2.333em;}
#header .headerBottom .headerBottomLeft {float:left; margin-top: 22px;}
#header .headerBottom .headerBottomRight {float:right; margin-top: 20px;}
#header .headerBottom .headerBottomRight a {margin-left:17px; color:#7d7d7d;}
#header .headerBottom .headerBottomRight a .fa-bookmark-o {color:#f1494d;}
#header .headerBottom .headerBottomRight .cart {position:relative;}
#header .headerBottom .headerBottomRight .cart sup {width:12px; height:12px; background-color:#9fc301; color:#fff; border-radius:6px; position:absolute; top:-12px; right:-5px; text-align: center; line-height: 12px;}



/* 카테고리 */
aside {position:fixed; width:100%; height:100%; top:0px; left:-100%; bottom:0; background:rgba(0,0,0,0.9); overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:200; }
aside .side-wrap {padding: 25px 32px 85px;}
aside .side-wrap .close-btn{float:right; width:21px;}
aside .side-wrap .close-btn img {width:100%;}
aside .side-wrap .side-top {padding-bottom:24px; margin-bottom:20px; border-bottom:1px solid #fff;}
aside .side-wrap .side-top .login {display:inline-block;}
aside .side-wrap .side-top .login a {display:inline-block; color:#fff; font-size:20px; font-family: 'Montserrat', sans-serif;}
aside .side-wrap .side-top .login a:nth-child(2) {margin-left:30px;}
aside .side-wrap .side-top .country-wrap {display:inline-block; position:relative;}
aside .side-wrap .side-top .country-wrap li > a {display:inline-block; color:#fff; font-size:20px;font-family: 'Montserrat', sans-serif;}
aside .side-wrap .side-top .country-wrap li > a > img {width:11px; vertical-align:middle;}
aside .side-wrap .side-top .country-wrap .gl-box {display:none; position: absolute;top: 33px;left: -5px; background: #fff; padding: 18px 0px !important; z-index:99; width: 65px;text-align: center; border: 1px solid #a8a8a8; box-sizing: border-box;}
aside .side-wrap .side-top .country-wrap .gl-box > a{display:block; margin-bottom:14px;}
aside .side-wrap .side-top .country-wrap .gl-box > a:nth-child(4) {margin-bottom:0px;}
aside .side-wrap .side-top .country-wrap .gl-box > a > img {width:24px;}
aside .side-wrap .search_box{width:100%; margin:0 auto 20px; box-sizing:border-box; position:relative; z-index:1;}
aside .side-wrap .search_box #keyword{border:0px; width:100%; height: 41px; line-height: 41px; border-bottom: 3px solid #fff; background: transparent;color: #fff; font-size: 17px; padding:0px 0px 15px 0px;}
aside .side-wrap .search_box .searchBox{}
aside .side-wrap .search_box .searchBox .btn_search{position:absolute; top:0px; right:0px; z-index:2;}
aside .side-wrap .search_box .searchBox .btn_search img{width:27px;}
aside .asideTop {text-align:center;}
aside .asideTop a {width:33.33%; height:62px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;}
aside .asideTop a:nth-child(1) {border-right:0px;}
aside .asideTop a:nth-child(2) {border-left:0px;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color:#ab3e41; border-bottom:2px solid #ab3e41;}

aside nav li {position:relative;}
aside nav li a {display: block; height: 42px; line-height:42px; /*margin-right: 40px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff;font-size:20px;font-family: 'Montserrat', sans-serif; font-weight:500;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 42px; line-height:42px; color:#fff; background:url(/design/iblank/wib/m/img/side_arr_move.png)no-repeat; background-size:12px auto;background-position: right center;}
aside nav li .fa.fa-angle-down:before {content:"" !important;}
aside nav li.toggle .fa { background:url(/design/iblank/wib/m/img/side_arr_open.png)no-repeat; background-size:21px auto;background-position: right center;}
aside nav li.toggle .fa.fa-rotate-180 {background-position: 0px center;}
aside nav li > ul {display:none; padding:0 0 10px 19px;}
aside nav li > ul > li {}
aside nav li > ul > li:first-child {}
aside nav li > ul > li a {height: 35px; line-height:35px; padding-left: 3px; margin: 0; color:#aaa; font-size:17px;font-family: 'Montserrat', sans-serif; font-weight:normal;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
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; background-color: #DDDDDD;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/*
#leftside-navigation ul li.active ul { display: block;}
*/
#leftside-navigation ul li a {
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

#leftside-navigation ul li a span {display: inline-block;}
#leftside-navigation ul li a i { width: 20px;}
#leftside-navigation ul li a i .fa-angle-left,#leftside-navigation ul li a i .fa-angle-right {padding-top: 3px;}
#leftside-navigation ul ul { display: none;}

/* //카테고리 */

.mobile-category-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  padding: 8px 12px;
  position: relative;
  z-index: 1000;
  margin-top: 16px;
  margin-bottom: 4px;

  scrollbar-width: none;          /* Firefox용 스크롤바 숨김 */
  -ms-overflow-style: none;       /* IE 10+ */
}
.mobile-category-scroll::-webkit-scrollbar {
  display: none;                  /* Chrome, Safari */
}

/* 카테고리 목록 */
.mobile-category-list {
  display: inline-flex;
  gap: 20px;
}

.mobile-category-list a {
  position: relative;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  padding: 6px 2px;
  flex-shrink: 0;
  position: relative;
}

.mobile-category-list a.active {
  font-weight: bold;
  border-bottom: 2px solid #000;
  color: #000;
  border-bottom: none;
}

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

@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;}
}




/* wib 추가 */

/* 상단 띠배너 */
.top_evt_banner {width:100%; height:0; text-align: center; overflow:hidden; position:relative; z-index:1;}
.top_evt_banner.cookie {height:auto;}
.top_evt_banner .in_b{position:absolute; top:0px; left:50%; z-index:1; width:100%; transform: translate(-50%,0);}
.top_evt_banner .in_b > div > a > img {width:100%;}
.top_evt_banner .closebtnWrap{ width:100%; height:46px; margin:0 auto; position: relative; }
.top_evt_banner .closebtnWrap .close_box {position:absolute; right:12px; top:16px; z-index:5; width:16px; height:16px;}
.top_evt_banner .closebtnWrap .close_box img {width:100%;}

/* 로그인영역 */
#header .header_top {width: 100%; position: relative; height:59px; margin:0 0 7px;}
#header .header_top .header_wrap {text-align:center; background:#fff;}
#header .header_top .header_wrap .top-pt-02 {z-index: 10; position: fixed;top: 0;left: 0; width: 100%; }
#header .header_top .header_wrap .logo {width:83px; height:auto; display: inline-block; margin: 12px auto 13px;}
#header .header_top .header_wrap .logo img{width:100%;}
#header .header_top .header_wrap #menu {width:24px; height:19px; position: absolute; top: 19px; left: 11px;}
#header .header_top .header_wrap #menu img {width:100%;}
#header .header_top .header_wrap #cart {width:25px; height:27px; position: absolute; top: 15px; right: 18px;}
#header .header_top .header_wrap #cart img {width:100%;}
#header .header_top .header_wrap #cart span {font-size: 12px;color: #ffffff;vertical-align: middle; background: #76a2e5;top: -3px; position: absolute; border-radius: 10px; right: -7px; width: 16px; height: 16px; text-align: center; line-height: 16px;}


/* 상단 고정 카테고리 */
#header .top_cate {font-size:0; border-top: 0px solid #cecece; border-bottom:1px solid #cecece; margin:10px 0 0;}
#header .top_cate a { display:inline-block; width:25%; font-weight:700; font-size:13px; color:#000; font-family: 'Montserrat', sans-serif;  text-align:center; padding:13px 0;}
#header .top_cate a:nth-of-type(1) {width: 25%;}
#header .top_cate a:nth-of-type(3) {width: 25%;}

/* 게시판 공통 상단 */
.board-hd {font-size:0;}
.board-hd > a {display:inline-block; width:25%; font-size:12px; text-align:center; box-sizing:border-box; border-right:1px solid #cecece; height:35px; line-height:35px; color:#858585; font-weight:bold;}
.board-hd > a:nth-child(4) {border-right:0px;}


/* custom */
#header .MS_search_word{height:26px;}


.side_search {margin-bottom:10px}
.side_search input{background-color:transparent}
.side_search a{color:#fff;font-size:18px;margin:5px 0 0 5px}
.MS_search_word{color:#fff}

/* BASIC css end */