/* BASIC css start */
/* 로딩 애니메이션 */
.loading { position:fixed; width:100%; height:100%; background:#fff; z-index:99999; }
.loading .loads_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.loading span { display:inline-block; width:13px; height:13px; margin:0 2.5px; background:gray; border-radius:50%; animation: loading 1s 0s linear infinite; }

.loading span:first-child { animation-delay: 0s; background:red; }
.loading span:nth-child(2) { animation-delay: 0.2s; background:orange; }
.loading span:nth-child(3) { animation-delay: 0.4s; background:yellowgreen; }

@keyframes loading {
    0%,
    100% { opacity:0; transform:scale(0.5); }
    50% { opacity:1; transform:scale(1.2); }
}

/* 상단 띠배너 슬라이드 */
.top_banner { position:absolute; top:0; left:0; width:100%; height:30px; transition: top 0.2s ease-in-out; }
.top_banner.off { display:none; }
.top_banner .banner_slide { width:100%; height:100%; line-height:30px; font-size:14px; text-align:center; }
.top_banner .banner_slide a { font-size:14px; color:#fff; }
.top_banner .banner_slide .close { margin-left:3px; font-size:12px; color:#fff; cursor:pointer; }
.nav-up { 
    top: -35px; /* 헤더 높이와 같게 */
}


/* 메뉴 */
.fixed_top { position:fixed; top:0; left:0; right:0; min-width:1400px; z-index:999; }

.fixed_top .left_menu { position:absolute; top:35px; left:70px; }

.logo { width:200px; margin-bottom:20px; transition:all 0.3s; }
.logo:hover { opacity:0.6; }
.logo img { width:100%; display:block; }


.fixed_top .left_menu .btn_wrap { width:35px; cursor:pointer; }
.fixed_top .left_menu .btn_wrap .bars { width:100%; height:2px; background-color:#007f53; margin:7px 0; }


.fixed_top .right_menu { position:absolute; top:35px; right:70px; }
.fixed_top .right_menu .right_inner { float:left; }


/* 회원정보 */
.fixed_top .right_menu .user_icon { height:35px; position:relative; }
.fixed_top .right_menu .user_icon .log_icon { margin-right:15px; height:100%; display:inline-block; }
.fixed_top .right_menu .user_icon .login { position:relative; }
.fixed_top .right_menu .user_icon .login.cart { margin-right:20px; }
.fixed_top .right_menu .user_icon .login img { height:100%; display:inline-block; }
.fixed_top .right_menu .user_icon .cart #user_basket_quantity { background:#E94A57; position:absolute; bottom:86%; left:80%; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; font-size:12px; color:#fff; }

.fixed_top .right_menu .user_icon .user_icon_at { width:115px; display:none; position:absolute; top:100%; left:0; font-size:16px; padding:10px 0; background:#fff; box-shadow:0px 6px 10px rgb(0 0 0 / 8%); }
.fixed_top .right_menu .user_icon .user_icon_at li a { line-height:1.4; padding:0 15px; display:block; color:#888; transition:all 0.3s; -webkit-transition:all 0.3s; }
.fixed_top .right_menu .user_icon .user_icon_at li a:hover { font-weight:600; color:#007f53; }


/* 검색 */
.fixed_top .right_menu .right_inner .search_click { height:95%; display:inline-block; cursor:pointer; }
.fixed_top .right_menu .right_inner .search_click img { height:100%; display:inline-block; }

.fixed_top .searchArea { position:fixed; top:-350px; left:0; width:100%; opacity:0; height:260px; background:rgb(255,255,255,0.9); box-shadow:0 10px 20px rgb(0 0 0 / 16%); transition:all 0.8s; }
.fixed_top .searchArea.on { top:0; opacity:1; }
.fixed_top .searchArea .search { max-width:700px; margin:0 auto; }
.fixed_top .searchArea .search form { padding-top:80px; }
.fixed_top .searchArea .search form input { width:600px; border-bottom:1px solid #282828; height:45px; padding:0 0 0 5px; color:#282828; font-size:16px; outline:none; }
.fixed_top .searchArea .search form a { display:inline-block; margin-left:10px; width:85px; height:35px; line-height:35px; font-size:16px; color:#fff; text-align:center; border:1px solid #007f53; background:#007f53; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.fixed_top .searchArea .search form a:hover { color:#007f53; background:#fff; }

.fixed_top .searchArea .search .best_search { margin-top:32px; font-weight:500; }
.fixed_top .searchArea .search .best_search .b_title { line-height:34px; margin-right:25px; }
.fixed_top .searchArea .search .best_search li { float:left; }
.fixed_top .searchArea .search .best_search li a { display:block; margin:0 5px; padding:8px 15px; border:1px solid #ddd; border-radius:3px; color:#888; font-size:13px; transition:all 0.6s; }
.fixed_top .searchArea .search .best_search li a:hover { border-color:#282828; color:#282828; }
.fixed_top .searchArea .close { position:absolute; top:100%; left:50%; transform:translateX(-50%); cursor:pointer; width:100px; height:40px; line-height:35px; background:#282828; text-align:center; border-radius:0 0 15px 15px; }
.fixed_top .searchArea .close img { height:15px; }


/* 메뉴 gnb */
.menu_cover { position:fixed; width:450px; height:100%; top:0; left:-450px; z-index:9999; background-color:#fff; transition:all 0.65s; overflow:overlay; }
.menu_cover.on { left:0; }
.menu_cover::-webkit-scrollbar { width:1vw; }
.menu_cover::-webkit-scrollbar-thumb { background-color:hsla(0, 0%, 42%, 0.49); border-radius:30px; }

.menu_cover .close_button { position:absolute; top:25px; right:25px; width:20px; cursor:pointer; }
.menu_cover .close_button img { width:100%; }

.menu_cover .menu_gnb { margin:25px 0 0 70px; width:200px; }
.menu_cover .menu_gnb .logo { margin-bottom:30px; }
.menu_cover .menu_gnb > li { margin-bottom:10px; }
.menu_cover .menu_gnb > li > a { font-weight:600; font-size:24px; }
.menu_cover .menu_gnb > li ul { margin-left:15px; font-size:16px; }
.menu_cover .menu_gnb > li > ul > li { font-weight:500; line-height:1.9; }
.menu_cover .menu_gnb > li > ul > li > ul { font-weight:300; color:#888; }

.overlay { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:9998; display:none; }

/* top 버튼 */
#topButton { z-index:9997; position:fixed; bottom:100px; right:30px; }
#topButton li { width:50px; margin:4px 0; cursor:pointer; }
#topButton li img { width:100%; height:auto; display:block; filter:drop-shadow(3px 5px 5px rgba(0,0,0,0.2)); -webkit-filter:drop-shadow(3px 5px 5px rgba(0,0,0,0.2)); transition:all 0.5s; -webkit-transition:all 0.5s; }
#topButton li:hover img { filter:drop-shadow(3px 5px 7px rgba(0,0,0,0.4)); -webkit-filter:drop-shadow(3px 5px 7px rgba(0,0,0,0.4)); opacity:0.7; }


/* 형관펜 효과 */
.highlight{
  display: inline-block; 
  position: relative;
  transition:all 0.5s;
  z-index:1;
}
.highlight:after{
  content:''; 
  display: inline-block; 
  position:absolute; 
  width:0; 
  height:100%; 
  top:0; 
  left:0; 
  transition:all 0.5s; 
  z-index:-1;
}
.highlight:hover:after { width:100%; }

/*elle 콜라보 메뉴 weight 두껍게*/
#wrap > div.menu_cover.on > ul > li:nth-child(3) > ul > li:nth-child(1) {font-weight:600;}

.submenu2 li {line-height:1.5;}
/* BASIC css end */