@charset "utf-8";


/* 왼쪽메뉴레이아웃 */
.leftBox{overflow: hidden !important; }
.leftBox *{ box-sizing: border-box;}

/* 왼쪽메뉴 */
#leftMenu { width: 320px; display: inline-block; position: absolute; top:0; left:0;z-index: 55;}

/* 왼쪽메뉴목록 */
#leftMenu li{margin-bottom: 1px;}
#leftMenu .leftMenu a{ font-size:18px; position: relative; display:block;line-height:60px; height: 55px; padding-left: 30%;font-family:"SBAggroL", sans-serif;}

#leftMenu .leftMenu a:hover, 
#leftMenu .leftMenu a:focus {color:#fff; background: #ffce22 url("/images/point/inc/sub_menu_bg01.png") left bottom no-repeat; border-radius: 0 0 30px 0; font-size: 20px;}

#leftMenu .leftMenu a.on {color:#fff; background: #00b16d url("/images/point/inc/sub_menu_bg01.png") left bottom no-repeat; border-radius: 0 0 30px 0; box-shadow: 4px 5px 0 #eee;font-family:"SBAggroM", sans-serif; }

#leftMenu .leftMenu a.on::before{ display: inline-block; content: ''; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 18px; height: 15px; background: url("/images/point/inc/icon_check02.png") center center no-repeat; }


@media all and (max-width :1700px) {
#leftMenu { width: 250px;}
#leftMenu .leftMenu a{ font-size:15px;line-height:50px; height: 45px; padding-left: 15%;}
#leftMenu .leftMenu a:hover, 
#leftMenu .leftMenu a:focus {font-size: 18px;}
}
@media all and (max-width :1600px) {
#leftMenu { width: 200px;}
#leftMenu .leftMenu a{ font-size:14px;line-height:50px; height: 45px; padding-left: 15%;}
#leftMenu .leftMenu a:hover, 
#leftMenu .leftMenu a:focus {font-size: 16px;}
}
	
	


@media all and (max-width :1420px) {
	#leftMenu {display:none; }
}