@charset "utf-8";

/* 왼쪽 메뉴 열고 닫기 */
.lnb_all_btn{position:fixed; z-index:999; top:90px; left:20px;  display:none; width: 18px;}
.lnb_all_btn .lnb_icon_menu{border-radius: 0 4px 4px 0; background-color: #f4f6fb; font-size: 11px; font-weight: 500; background-repeat: no-repeat; background-position: center; background-size: 7px; text-indent: -9999px; width: 18px; height: 22px;  margin: 2px 0;}
.lnb_all_btn .toggle_open{ background-image:url("../../images/com/arrow_top02.png");}
.lnb_all_btn .toggle_close{ background-image:url("../../images/com/arrow_down02.png");}

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


/* lms 경우만 적용 */

.lnb_select01 {padding: 10px 20px 0 20px;}
.lnb_select01 select{font-size: 14px; font-weight: 600;border: 1px solid #d5e5fd; height: 38px; line-height: 38px; border-radius: 6px; width: 100%;}


.lnb_lms_ti { padding:20px;}
.lnb_lms_ti .lnb_lms_btn a{color: #fff; border-radius: 10px;  padding: 22px 15px 20px 15px; box-shadow: 1px 10px 10px rgba(0,61,180,0.1); background: #3440e2 url("../../images/com/arrow_down05.png") calc(100% - 10px) calc(100% - 12px) no-repeat; position: relative;}

.lnb_lms_ti .lnb_lms_btn i{display: inline-block; padding: 3px 8px; font-size: 10px; background: #fff ;  border: 2px solid #3440e2; border-radius: 30px 30px 30px 0; position: absolute; top:-12px; left:0; color: #3440e2; font-weight: 700;}
.lnb_lms_ti .lnb_lms_btn strong{font-weight: 600; font-size: 15px;}
.lnb_lms_ti .lnb_lms_btn span{margin:3px 0; font-size: 13px;}
.lnb_lms_ti .lnb_lms_btn em{font-size: 12px;}
.lnb_lms_ti .lnb_lms_btn strong,
.lnb_lms_ti .lnb_lms_btn span{  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.lnb_lms_list{ display: none; position: absolute; top:158px; width: 210px; z-index: 2;background: #fff; border-radius:  6px 6px 10px 10px; border: 1px solid #3440e2; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); overflow: hidden;}
.lnb_lms_list_guide{  overflow-y:overlay; max-height: 320px; margin:10px 0 15px 0;}
.lnb_lms_list_guide::-webkit-scrollbar { width:10px; }
.lnb_lms_list_guide::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.1); border-radius: 100px;}

.lnb_lms_list_guide ul li a{border-bottom: 1px dashed #aec3ec;  padding: 15px;}

.lnb_lms_list_guide ul li:last-child a{ border-bottom: none;}
.lnb_lms_list_guide ul li a strong{font-weight: 600; font-size: 14px;}
.lnb_lms_list_guide ul li a span{margin:3px 0; font-size: 13px;}
.lnb_lms_list_guide ul li a em{font-size: 12px;}
.lnb_lms_list_guide ul li a strong,
.lnb_lms_list_guide ul li a span{  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.lnb_lms_list_guide ul li a:hover,
.lnb_lms_list_guide ul li a:focus{ background: #edf8ff }


.lnb_lms_list_guide ul li a:hover strong,
.lnb_lms_list_guide ul li a:focus strong{ color: #3440e2;font-weight: 700;}

@media all and (max-width :1720px) {
.lnb_lms_list{ width: 190px;}
}
@media all and (max-width :1280px) {
.lnb_lms_list{ width: 170px;}
}



/* 아이콘 사용 안하기로함 */
#leftMenu > li > a > strong{background-image: none !important;}

/* 왼쪽메뉴 레이아웃 */
#leftBox{ width: 250px;position: absolute; z-index: 2;top:0; left:20px;min-height: 200px; height: calc(100% - 0px);}

#leftMenu{ margin-top: 135px;  height: calc(100% - 135px); padding-bottom: 30px;}
#leftMenu > li{ position: relative;}
#leftMenu > li > a{padding: 0 30px; border-top: 1px solid #eaf2fe; display: flex; justify-content: space-between; align-items: center;}
#leftMenu > li > a > i{background: url("../../images/com/arrow_down02.png") center no-repeat; text-indent: -9999px; display: inline-block; width: 20px; height: 20px;}
#leftMenu > li:nth-of-type(1) > a{border-top: none; }

#leftMenu > li > a > strong{ font-size:17px;line-height:22px;padding: 15px 0; background-position: left center; background-repeat: no-repeat; display:inline-block;font-weight: 700;}

#leftMenu > li > a:hover strong,
#leftMenu > li > a:focus strong,
#leftMenu > li > a.active strong,
#leftMenu > li > a.on strong{color: #0033ca;}

#leftMenu > li > a:hover,
#leftMenu > li > a:hover{ background-image: linear-gradient(0deg,rgb(240,248,254), rgb(255,255,255));}


/*#leftMenu > li > a.active > i{background-image: url("../../images/com/arrow_top02.png");}
#leftMenu > li > a.active:before{position: absolute; top:0; left:0; width: 100%; content: ''; background-image: linear-gradient(0deg,rgb(240,248,254), rgb(255,255,255)); height: 56px; z-index: -1; }
#leftMenu > li > a > i.on{background-image: url("../../images/com/arrow_top02.png");}*/


#leftMenu > li > a.on > i{background-image: url("../../images/com/arrow_top02.png");}
#leftMenu > li > a.on{background-image: linear-gradient(0deg,rgb(240,248,254), rgb(255,255,255));}



/* 2뎁스 */
/*
#leftMenu > li:nth-of-type(3) > ul,
#leftMenu > li:nth-of-type(5) > ul{ display: none;}  ■■■■■■ 2뎁스 메뉴 숨겨서셔 보기 ■■■■■■■■
*/

#leftMenu > li > ul {display: none; border-top: 1px solid #eaf2fe; padding:20px 30px;}
#leftMenu > li > ul li a span{  background: url("../../images/com/point01.png") left 10px no-repeat;  line-height: 18px; padding: 5px 0 5px 10px ; display: block; font-weight: 500;}
#leftMenu > li > ul li a:hover span,
#leftMenu > li > ul li a:focus span,
#leftMenu > li > ul li a.active span{color: #0033ca; font-weight: 600;}


@media all and (max-width :1720px) {
#leftBox{ width: 230px;}
#leftMenu > li > a{padding: 0 30px;}
#leftMenu > li > ul {padding:15px 30px;}
}
@media all and (max-width :1520px) {
}
@media all and (max-width :1280px) {
#leftBox{ width: 210px;}

#leftMenu > li > a{padding: 0 20px;}
#leftMenu > li > ul {padding:15px 20px;}
}

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