@charset "utf-8";


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

.leftBox{width: 1340px; margin: -125px auto 30px auto;z-index: 1; position: relative; }


/* 왼쪽메뉴 */
#leftMenu { display: flex; gap:15px; justify-content: flex-start; margin-left: 380px;}
/* 왼쪽메뉴목록 */
#leftMenu li{position: relative;}
#leftMenu li:before{position: absolute; content: ''; display: block; width: 6px;  height: 6px; background: #aaabc1; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
#leftMenu li:first-of-type:before{display: none;}
#leftMenu .leftMenu a{ font-size:20px; position: relative; display:block;line-height:45px; height: 45px; padding: 0 30px; color: #000; font-weight: 600; white-space: nowrap;}
#leftMenu .leftMenu a:hover, 
#leftMenu .leftMenu a:focus,
#leftMenu .leftMenu a.on {color: #fff;font-size: 18px; font-weight: 600; background: #3161f1; border-radius: 0 25px 25px; margin-right: 15px; box-shadow: 1px 10px 10px rgba(0,0,0,0.2);}

@media all and (max-width :1520px) {
.leftBox{width: 100%;}
.leftBox{margin: -102px auto 18px auto;}
#leftMenu { margin-left:0; justify-content:center;}
}

@media all and (max-width :1280px) {
.leftBox{margin: -85px auto 15px auto;}
#leftMenu { gap:10px;}
#leftMenu .leftMenu a{ font-size:15px;line-height:40px; height: 40px;}
#leftMenu .leftMenu a:hover, 
#leftMenu .leftMenu a:focus {font-size: 15px;}
#leftMenu .leftMenu a.on {font-size: 15px;}

}
@media all and (max-width :1023px) {
.leftBox{margin: -75px auto 8px auto;}
#leftMenu .leftMenu a{  padding: 0 20px;line-height:35px; height: 35px;}
#leftMenu .leftMenu a:hover, 
#leftMenu .leftMenu a:focus,
#leftMenu .leftMenu a.on {box-shadow: 1px 10px 10px rgba(0,0,0,0.1);}

}

@media all and (max-width :767px) {
 .leftBox{ display: none;}
}