
/*
*	좌측메뉴 스타일1
*/
#lnb_style1 { position: relative; float: left; width: 200px; margin-top: -30px;margin-left:10px; margin-bottom:30px;}
/*#lnb_style1:before { content: ''; position: absolute; top: -116px; left: 0; width: 282px; height: 146px; background:blue url('../images/sub/bg_lnb_charactor.svg') no-repeat center center; background-size: 100%; }*/
#lnb_style1 .lnb_titbox { position: relative; height: 169px; padding-top: 67px; border-radius: 10px; background-image: linear-gradient(124deg, #004D91, #2c99f8 96%); }
/*#lnb_style1 .lnb_titbox::before { content: ''; position: absolute; top: -0; right: 0; left: 0; height: 16px; background:red url('../images/sub/bg_lnb_title.svg') no-repeat center center; }*/
#lnb_style1 .lnb_titbox .lnb_tit { display: block; position: relative; color: #fff; font-size: 24px; line-height: 35px; font-weight: 700; letter-spacing: -1.2px; text-align: center; }
#lnb_style1 .lnb_list { padding-top: 8px; }
#lnb_style1 .lnb_list>li { margin-top: 8px; }
#lnb_style1 .lnb_list>li>a { display: block; position: relative; padding: 14px 50px 14px 16px; border-radius: 8px; background: #fff; color: #444; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }
#lnb_style1 .lnb_list>li>a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #d4d4d4; border-radius: 8px; }
#lnb_style1 .lnb_list>li>a::before { content: ''; position: absolute; top: 50%; right: 14px; width: 32px; height: 32px; margin-top: -16px; border-radius: 100%; background: url(../../_images/svg/rArrow.svg) no-repeat center center, url(../../_images/svg/rArrow.svg) no-repeat center -999px; background-color: #f1f2f7; background-size: 24px; }
#lnb_style1 .lnb_list>li>a.in_ul::before { background-image: url(../../_images/svg/plus.svg), url(../../_images/svg/plus_white.svg); }
#lnb_style1 .lnb_list>li>a:hover { background: #fbfbfc; }
#lnb_style1 .lnb_list li:hover { background: #fbfbfc; }
#lnb_style1 .lnb_list>li>a:hover::before,
#lnb_style1 .lnb_list>li>a.active::before { background-position: center -999px, center center; background-color: #053863; }
#lnb_style1 .lnb_list>li>a:hover::after,
#lnb_style1 .lnb_list>li>a.active::after { border: 2px solid #053863; }

#lnb_style1 .lnb_list>li>.depths02 { display: none; margin-top: -9px; padding: 8px 10px 0 12px; border: 1px solid #053863; border-radius: 0 0 8px 8px; background: #e6f8f5; }
#lnb_style1 .lnb_list>li>.depths02>li+li { border-top: 1px solid #a3d8cd; }
#lnb_style1 .lnb_list>li>.depths02>li>a { display: block; padding: 9px 9px 9px 21px; background: url(../../_images/svg/rArrow.svg) no-repeat 3px 15px; color: #444; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
#lnb_style1 .lnb_list>li>.depths02>li>a > i {position:absolute; margin-top:1px; margin-left:4px; font-size:17px; color:inherit;}

#lnb_style1 .lnb_list>li>.depths01 {  margin-top: -9px; padding: 8px 10px 0 12px; border: 1px solid #d4d4d4; border-radius: 0 0 8px 8px; background: #fff; }
#lnb_style1 .lnb_list>li>.depths01>li+li { border-top: 1px solid #d4d4d4; }
#lnb_style1 .lnb_list>li>.depths01>li>a { display: block; padding: 9px 9px 9px 21px; background: url(../../_images/svg/rArrow.svg) no-repeat 3px 15px; color: #444; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
#lnb_style1 .lnb_list>li>.depths01>li>a > i {position:absolute; margin-top:1px; margin-left:4px; font-size:17px; color:inherit;}


@media screen and (max-width:1280px){
	#lnb_style1 { width: 226px; }
	#lnb_style1:before { width: 226px; }
}

@media screen and (max-width:1023px) { /* 공통1024px */
	/*#lnb_style1 { display: none; }*/
}

/*
*	좌측메뉴 스타일2
*/
/* lnb_style2 
.sub_content .inner_center.hasLeft{display:flex;}
.sub_content .inner_center.hasLeft .rightcont{width:calc(100% - 310px);}
*/
.lnb_style2{width:200px; margin-right:50px;}
.lnb_style2 .menu_wrap_style2{margin-top:0px;}
.lnb_style2 .menutop_style2{height:150px; background:RGBa(32,128,213,.7) url('/_academys/_images/svg/_dohyung.svg') no-repeat;background-size:cover;line-height:150px;text-align:center; border-radius:10px 0 0 0; color:#fff; font-weight:bold; font-size:28px;}
.lnb_style2 .menulist-style2{background:#fff;}
.lnb_style2 .menulist-style2 > ul{border:1px solid #ddd; border-top:0;}
.lnb_style2 .menulist-style2 > ul > li{}
.lnb_style2 .menulist-style2 > ul > li + li{border-top:1px solid #ddd;}
.lnb_style2 .menulist-style2 > ul > li > a{position:relative; display:block; line-height:20px; font-size:16px; padding:20px 50px 20px 20px; transition:.2s;}
.lnb_style2 .menulist-style2 > ul > li > a:hover{color:#0f4c77; text-decoration:underline;}
.lnb_style2 .menulist-style2 > ul > li > ul{background:#f5f5f5; padding: 20px 0px 20px 10px;}
.lnb_style2 .menulist-style2 > ul > li > ul > li{}
.lnb_style2 .menulist-style2 > ul > li > ul > li + li{margin-top:14px;}
.lnb_style2 .menulist-style2 > ul > li > ul > li > a{position:relative; display:block; line-height:20px; font-size:15px; padding-left:22px; background:url('/_academys/_images/svg/checklist.svg') 0 center no-repeat;}
.lnb_style2 .menulist-style2 > ul > li > ul > li.active-style2 > a,
.lnb_style2 .menulist-style2 > ul > li > ul > li > a:hover{color:#0f4c77; text-decoration:underline;}

.lnb_style2 .menulist-style2 > ul > li.active-style2 > a{background: #324164;color:#fff;font-weight:bold;}
.lnb_style2 .menulist-style2 > ul > li.active-style2 > a:after{content:''; position:absolute; top:0; right:-30px; border-bottom: 30px solid transparent; border-top: 30px solid transparent; border-left: 30px solid #324164;}

.lnb_style2 .menulist-style2 > ul > li.hasDepth-style2 > a:before{content:''; position:absolute; width:14px; height:8px; right:20px; top:50%; margin-top:-4px; background:url('/_academys/_images/svg/arrow_drop_up.svg') 0 0 no-repeat;}
.lnb_style2 .menulist-style2 > ul > li.hasDepth-style2.active-style2 > a:before{background:url('/_academys/_images/svg/arrow_drop_down.svg') 0 0 no-repeat;}

@media screen and (max-width:1024px){
	.sub_content .inner_center.hasLeft{display:block;}
	.sub_content .inner_center.hasLeft .rightcont{width:auto;}
	.lnb_style2{display:none;}
}

/*
*	좌측메뉴 스타일3
*/
.lnb_style3 {}
.lnb_style3 .head_style3 {background:#fff;background: linear-gradient(to right, #053863, #053863); color:#fff; border-radius:15px 0 0 0;margin-bottom:7px;position:relative;}
.lnb_style3 .head_style3 span {display:block;margin:0 auto;padding:60px 0;text-align:center; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.3); font-size:23px;letter-spacing:-2px;}
.lnb_style3 .body_style3 ul.depth1_style3 { padding:10px;}
.lnb_style3 .body_style3 ul.depth1_style3 > li {margin-bottom:5px;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a {background:#fff;transition: all .15s ease-in;border-radius:0 0 20px 0; display:block; font-size:16px; font-weight:500; color:#434343; letter-spacing:-1px; border:1px solid #e0e0e0;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a > span {transition: all .15s ease-in; padding:10px 10px; display:block;  background:url('/_academys/_images/png/icon_arrow6.png') no-repeat 80% center;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a.on > span {display:block; background:url('/_academys/_images/png/icon_arrow7.png') no-repeat 90% center;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a.on {font-weight:bold; border:1px solid #053863;background:#f9f9f9;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a.on:hover {border:1px solid #053863;background:#f9f9f9;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a.on:hover span {background:url('/_academys/_images/png/icon_arrow7.png') no-repeat 90% center;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a:hover {border:1px solid #aaaaaa;}
.lnb_style3 .body_style3 ul.depth1_style3 > li > a:hover > span {background:url('/_academys/_images/png/icon_arrow7.png') no-repeat 90% center;}

@media screen and (max-width: 1399px) {
  .lnb_style3 {display:none; float:none;}
}
