.head_sub_menu { display:none; opacity:0; transition:all .3s; height:649px; } 
.head_sub_menu.on { display:block; opacity:1; } 
.head_sub_menu { position:fixed; width:1082px; z-index:999; top:157px; left:50%; transform:translateX(-50%); }
.head_sub_menu.scroll { top:107px; }
.headwrap { border:1px solid #e60012; width:351px; left:0; position:relative; background-color:#fff; border-radius:0 0 10px 10px; overflow:hidden; box-shadow:8px 8px 18px rgba(40,40,40,.4); border-top:none; }
.head_sub_menu .menu_01 { position:relative; overflow-y:auto; background-color:#e60012; /*max-height:645px; overflow-x:hidden;*/ }
.head_sub_menu .menu_01>li { width:140px; background-color:#e60012; }
.head_sub_menu .menu_01>li:first-child {  }
/*.head_sub_menu .menu_01>li:last-child { padding-bottom:20px; }*/
.head_sub_menu .menu_01>li:hover { background-color:#fff; }
.head_sub_menu .menu_01>li:hover>p { color:#e60012; font-weight:bold; }
.head_sub_menu .menu_01>li>p { font-size:13px; color:#fff; padding:7px 20px 7px; word-break:break-all; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.head_sub_menu .menu_01 li .menu_02 { position:fixed; left:141px; top:0; width:211px; background-color:#fff; display:none; height:649px; overflow-y:auto; }
.head_sub_menu .menu_01 li .menu_02 li:hover { background-color:#f5f5f5; }
.head_sub_menu .menu_01 li .menu_02 li:hover>p { color:#e60012; font-weight:bold; }
.head_sub_menu .menu_01 li .menu_02 li>p {  color:#626262; font-size:13px; padding:7px 20px 7px; }
.head_sub_menu .menu_01 li:hover .cate_recomprod { display:block; }


.head_sub_menu .menu_01>li.on { background-color:#fff; }
.head_sub_menu .menu_01>li.on>p { color:#e60012; font-weight:bold; }
.head_sub_menu .menu_01>li.on .menu_02 { display:block; }
.head_sub_menu .menu_01>li.on .menu_02 li.on { background-color:#f5f5f5; }
.head_sub_menu .menu_01>li.on .menu_02 li.on >p { color:#e60012; font-weight:bold; }
.head_sub_menu .menu_01 li.on .cate_recomprod { display:block; } 


.menu_02::-webkit-scrollbar { background-color:rgba(0,0,0,0); width:8px; border-radius:10px; position:relative;}
.menu_02::-webkit-scrollbar-thumb { background-color:#e60012; border-radius:10px; }
.cate_recomprod::-webkit-scrollbar { background-color:rgba(0,0,0,0); width:8px; border-radius:10px; position:relative;}
.cate_recomprod::-webkit-scrollbar-thumb { background-color:#e60012; border-radius:10px; }

/*menu_01 스크롤 필요할 때*/
.head_sub_menu .menu_01 li:hover .menu_02 { display:block; }
.head_sub_menu .menu_01 { height:649px; overflow-x:hidden; }

/*menu_01 스크롤 필요없을 때*/
/*.head_sub_menu .menu_01 li:hover .menu_02 { display:block; height:618px; overflow-y:auto; }*/

.head_sub_menu .menu_01 li .cate_recomprod { position:fixed; left:350px; width:325px; top:0; padding:20px; display:none; border-left:1px solid #f5f5f5; height:619px; background:#fff; border-radius:0 0 10px 0; /* overflow:hidden; */  overflow-y: auto;}
.head_sub_menu .menu_01 li .cate_recomprod h3 { font-size:18px; padding:10px 0 10px;; font-weight:800; }
.head_sub_menu .menu_01 li .cate_recomprod .line { height:1px; background-color:#f5f5f5; margin-bottom:20px; }
.head_sub_menu .menu_01 li .cate_recomprod .prod {  }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul { overflow:hidden; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li { width:48%;height: 159px; float:left; margin:0 1% 20px; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li img { width:100px; height:100px; border:1px solid #f5f5f5; border-radius:10px; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li .brand { font-size:13px; font-weight:bold; padding:0; margin-top:10px; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li .tit { word-break:break-all; text-overflow:ellipsis; overflow:hidden; width:140px; white-space:nowrap; font-size:13px; color:#626262; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li .price { overflow:hidden; margin-top:5px; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li .price .sale { float:left; color:#e60012; font-weight:bold; font-size:16px; margin-right:5px; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li .price .real_price { float:left; font-size:13px; color:#626262; }
.head_sub_menu .menu_01 li .cate_recomprod .prod ul li .price .real_price span { font-weight:bold; font-size:16px; }