/* BASIC css start */
/*메이크샵 기본 코드:lnb메뉴 (건드리지 않았음) */
.lnb_menu .lnb_sub  {
   overflow: hidden;
    display: none;
    padding: 10px 15px 5px 15px;;
}

.lnb_menu .lnb_sub ul li a {font-size:12px !Important;}

.lnb_menu .lnb_sub ul li:last-child  {
    margin-bottom:10px !Important;
}




/* 헤더(header)*/

#header_wrap {}
#header_wrap .header {}

#header_wrap .header .container {
position:fixed;
top:0px;
left:0px;
width:100%;
height:65px;
z-index:9;
}


/* 샘플신청 공지 */

#header_wrap .header .container .sample_notice {
background-color:#fde041;
font-size:15px;
font-weight:bold;
text-align:center;
padding:10px;
font:white;

}

#header_wrap .header .container .sample_notice:hover {
cursor: pointer;
background-color:#f1cd0b;
}



/*구글*/

#___gcse_0 > div{width:300px;}
#adBlock{display:none;}


/* 탑 내비게이션 바(top_nav) */


#header_wrap .header .container .top_nav { 
display:flex; 
width:100%;
position:relative;
justify-content:space-around; 
align-items:center;
background-color:#ECECEC;
}


#header_wrap .header .container .top_nav a:hover{cursor: pointer;}
#header_wrap .header .container .top_nav i { padding:1rem; font-size:28px; font-weight:light; color:black;}
#header_wrap .header .container .top_nav i:hover{color:#facf11;}



/*탑 내비게이션 바 툴팁*/

.tooltiptext {
  position: absolute;
  visibility: hidden;
  display:block;
  height:15px;
  margin-top:5px;
  background-color: #facf11;
  color: black;
  font-size:15px;
  font-weight:normal;
  text-align: center;
  border-radius: 6px;
  padding:10px;

  z-index: 100;
  opacity: 0;
  transition: opacity 0.3s;
}




#header_wrap .header .container .top_nav a:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



/*로고*/


#header_wrap .header .container .top_nav .logo_box{
display:flex;
padding:0.7rem;}

#header_wrap .header .container .top_nav .logo{
display:block;
background:url("/design/jjnorae/pc/img/icon/logo03.png") no-repeat;
background-size:contain;
width:27px;
height:40px;
}

#header_wrap .header .container .top_nav .logo_box:hover .logo{
display:block;
background:url("/design/jjnorae/pc/img/icon/logo07.png") no-repeat;
background-size:contain;
width:27px;
height:40px;
}



/*카테고리 드롭다운 메뉴*/

#header_wrap .header .container .top_nav .cate_box{overflow:hidden;}

#header_wrap .header .container .top_nav .cate_box .cate{
display:inline-block;
text-align:center;
margin:0px 5px 0px 5px;
}

#header_wrap .header .container .top_nav .cate_box .cate_dropdown_wrap {
  display: none;
  position: absolute;
  background-color:#ECECEC;
  border-radius:0 0 50px 50px;
  min-width:150px;
  padding:20px 20px 150px 20px;
  
  z-index: 10;
  margin-top:1px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
}


#header_wrap .header .container .top_nav .cate_box:hover .cate_dropdown_wrap{
display:block;}


#header_wrap .header .container .top_nav .cate_box .cate_dropdown_wrap .cate_dropdown .gnb ul li {margin-bottom:10px}
#header_wrap .header .container .top_nav .cate_box .cate_dropdown_wrap .cate_dropdown .gnb ul li a {font-size:13px;}
#header_wrap .header .container .top_nav .cate_box .cate_dropdown_wrap .cate_dropdown .gnb ul li a:hover {color:tomato; font-weight:bold;}

/* cate_dropdown 볼드 글씨체 */
.gnb > ul:nth-child(1) > li > a, 
.gnb > ul:nth-child(5) > li > a {color: tomato; font-weight:bold;}


.gnb > ul:nth-child(1) > li > a:hover, 
.gnb > ul:nth-child(5) > li > a:hover {background-color: #00000097;padding:1%; border-radius:5%; }







/* 사용자 드롭다운 메뉴*/

#header_wrap .header .container .top_nav .user_box{overflow:hidden;}

#header_wrap .header .container .top_nav .user_box .user{
display:inline-block;
text-align:center;
margin:0px 5px 0px 5px;
}

#header_wrap .header .container .top_nav .user_box .user_menu {
  display: none;
  position: absolute;
  background-color:#ECECEC;
  border-radius:0 0 50px 50px;
  min-width:150px;
  padding:20px;
  z-index: 10;
  margin-top:1px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
}


#header_wrap .header .container .top_nav .user_box:hover .user_menu{
display:block;
}

#header_wrap .header .container .top_nav .user_box .user_menu ul li {margin-bottom:10px}
#header_wrap .header .container .top_nav .user_box .user_menu ul li a {font-size:13px;}
#header_wrap .header .container .top_nav .user_box .user_menu ul li a:hover {color:tomato; font-weight:bold;}



/*장바구니 드롭다운 메뉴*/


#header_wrap .header .container .top_nav div.cart #user_basket_quantity {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    color: #000;
    padding: 2px 8px 1px 8px;
    font-size: 10px;
    border:1px solid black;
    display: flex;
    margin-top: -9px;
    margin-left: 15px;
}



#header_wrap .header .container .top_nav .cart_box{overflow:hidden;}

#header_wrap .header .container .top_nav .cart_box .cart{
display:inline-block;
text-align:center;
margin:0px 5px 0px 5px;
}

#header_wrap .header .container .top_nav .cart_box .cart_dropdown {
  display: none;
  position: absolute;
  background-color:#ECECEC;
  border-radius:0 0 50px 50px;
  min-width:150px;
  padding:20px;
  z-index: 10;
  margin-top:1px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
}


#header_wrap .header .container .top_nav .cart_box:hover .cart_dropdown{
display:block;
}



/*인포메이션 드롭다운 메뉴*/


#header_wrap .header .container .top_nav .info_box{overflow:hidden;}

#header_wrap .header .container .top_nav .info_box .info{
display:inline-block;
text-align:center;
margin:0px 5px 0px 5px;
}

#header_wrap .header .container .top_nav .info_box .info_dropdown {
  display: none;
  position: absolute;
  background-color:#ECECEC;
  border-radius:0 0 50px 50px;
  min-width:150px;
  padding:20px;
  z-index: 10;
  margin-top:1px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
}


#header_wrap .header .container .top_nav .info_box:hover .info_dropdown{
display:block;}


#header_wrap .header .container .top_nav .info_box .info_dropdown .gnb ul li {margin-bottom:10px}
#header_wrap .header .container .top_nav .info_box .info_dropdown .gnb ul li a {font-size:13px;}
#header_wrap .header .container .top_nav .info_box .info_dropdown .gnb ul li a:hover {color:tomato; font-weight:bold;}



#header_wrap .header .info_dropdown .gnb2_menu {padding-top:10px;}
#header_wrap .header .info_dropdown .gnb2_menu div {margin-bottom:10px}
#header_wrap .header .info_dropdown .gnb2_menu div a {color:#000; font-size:13px;}
#header_wrap .header .info_dropdown .gnb2_menu div a:hover {color:tomato; font-weight:bold;}



#header_wrap .header .info_dropdown .paylater ul {margin-top:10px; }
#header_wrap .header .info_dropdown .paylater ul li  {padding: 10px;}
#header_wrap .header .info_dropdown .paylater ul li .sample {color:tomato; font-weight:bold;font-size:13px;}
#header_wrap .header .info_dropdown .paylater ul li a {color:#000; font-size:13px; line-height:20px; text-align:left;}
#header_wrap .header .info_dropdown .paylater ul li .sample:hover {background-color: #00000097;padding:1%; border-radius:5%; }
#header_wrap .header .info_dropdown .paylater ul li .laterlater:hover {color:tomato; font-weight:bold;}
#header_wrap .header .info_dropdown .paylater ul li .fromorder:hover {color:tomato; font-weight:bold;}




/*------검색창 관련 start----*/
/*돋보기 아이콘 클릭하면 검색창 나오게 토글*/

#search_hidden{
background-color:white;
width:100%;
height:200px;}

.hidden{display:none;}

.show {
display:block;}


/*검색창*/


 .searchBox #close {
 position:relative;
  top:2px;
  left:10px;
  color: #aaa;
  font-size: 40px;
  font-weight: bold;

}
.searchBox i {
  color: #aaa;
  font-size: 22px;
  font-weight: bold;
}

.searchBox #close:hover,
#close:focus, i:hover, i:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  
}

 


 
  /* 3) 다찾다 자동완성*/
.searchBox { position:relative; }
.search-auto-complete-list { display:none; z-index:1; position:absolute; ;border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff;}
.search-auto-complete-list ul { width:480px; 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; }


.searchBox form {display:block;text-align:center; position:relative; }
.searchBox .MS_search_word {
    width: 400px;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    margin:50px 20px 50px 100px;
    border-radius:50px;
    font-size:25px;
    color:#999;
    background-color:#F1F1F1;
    
    
    
    /*------검색창 관련 end----*/  

/* BASIC css end */