@charset "utf-8";


/* 왼쪽메뉴목록 */
.left_box_gudie{margin-left: 20px;position: relative;}

.left_box_gudie .leftmenu_close{ display: none;}
#leftBox h2{ font-weight: 600;padding:15px 0; font-size: 20px; background: #373b53; text-align: center; color: #fff; border-radius: 0px 15px 5px 5px;}

#leftMenu > li{  border-bottom: 1px solid #ddd;}
#leftMenu > li.leftMenu > a{ font-size:17px; position: relative; display:block;line-height:22px; background-position: center top; font-weight: 600;background: url("../images/shop/arrow_next05.png") calc(100% - 10px) center no-repeat; padding:18px 18px 18px 10px; word-break: keep-all;}

#leftMenu > li.leftMenu > a:hover, 
#leftMenu > li.leftMenu > a:focus,
#leftMenu > li.leftMenu > a.on {color:#2764d0; background-image: url("../images/shop/arrow_next05_01.png");}

#leftMenu > li.leftMenu > ul{padding:12px 10px 12px 20px; background: #f9f9f9;}
#leftMenu > li.leftMenu > ul > li > a{line-height:18px;  display: block;background: url("../images/shop/point01.png") left 14px no-repeat; background-size: 4px; font-weight: 500;padding: 6px 5px 6px 10px;}
#leftMenu > li.leftMenu > ul > li > a:hover,
#leftMenu > li.leftMenu > ul > li > a:focus,
#leftMenu > li.leftMenu > ul > li > a.on{color:#2764d0;}


@media all and (max-width :1280px) {
#leftBox h2{font-size: 17px;}
#leftMenu > li.leftMenu > a{ font-size:16px; line-height:20px;}
#leftMenu > li.leftMenu > a:hover, 
#leftMenu > li.leftMenu > a:focus {font-size: 16px;}
#leftMenu > li.leftMenu > a.on {font-size: 16px;}
#leftMenu > li.leftMenu > ul > li > a{ font-size: 14px;}
}



@media all and (max-width :1024px) {

/* ※※※※※※※※ 왼쪽 메늅 숨기기  ※※※※※※※※ */
.left_box_gudie{ display: none;}



#leftBox h2{font-size: 15px;padding: 10px;text-align: left;}
.left_box_gudie .leftmenu_close{ display:inline-block; position: absolute;top:10px; right:10px; width: 30px; height: 30px;padding: 0; background: #f9f9f9; border-radius: 50%; }
.left_box_gudie{position: absolute; top:-102px; left:0; background: #fff; z-index: 6; box-shadow: -1px -10px 20px rgba(0,0,0,0.3); border-radius: 0 20px 20px 0; padding: 15px; border: 1px solid #efefef;margin-left: 0;width: 180px;}

.left_box_gudie #leftMenu > li.leftMenu > a{ font-size:15px;line-height:17px;  padding: 12px 20px 12px 10px; background-size: 5px;background-position: calc(100% - 5px) 15px;}

#leftMenu > li.leftMenu > ul{padding:10px;}
#leftMenu > li.leftMenu > ul > li > a{line-height:15px;padding: 7px 5px 7px 10px; font-size: 13px;}
#leftMenu > li:last-child{  border-bottom:0;}
}

@media all and (max-width :767px) {
.left_box_gudie{ top:-67px}
}