	#aside_toggle>img{display:none}
	#aside_toggle>img.on{display:block}
	#aside>.area>.top>.logo{text-indent: -2999px; display: block; height: 195px;}
    #aside>.area>.top>.logo>a>img{float: left;}
	#aside>.area>.top>.brand{margin-top:35px;height:35px;}
	#aside>.area>.top>.text{height:65px}
	#aside>.area>.top>.text>p{letter-spacing: 3px;line-height:1.1rem;color:#fff;padding:0 30px;font-size:1rem;}
	#aside>.area>.top>.line{height:60px;padding:0 30px;}
	#aside>.area>.top>.line>.ln{height:1px;width:20px;position: absolute;top: 40px;left: 30px;background:#fff;}
	#aside>.area>.top>.banner>.slide{display:none}
	#aside>.area>.top>.banner>.ig{width:180px;height:180px;}
	#aside>.area>.top>.banner>.ig .item{width:180px;height:180px;}
	#aside>.area>.menu>div{background:#2a2a2c}
	#aside>.area>.menu>div>.top{border-bottom:1px solid #1c1c1f;padding-right:30px;cursor:pointer}
	#aside>.area>.menu>div>.top>.arrow>.on{display:none}
	#aside>.area>.menu>div>.sub{display:none;padding:0 25px;padding-top:8px;padding-bottom:25px;}
	#aside>.area>.menu>div>.sub>.txt>a{height:24px;line-height:24px;cursor:pointer;color:#fff}
	#aside>.area>.menu>div>.top>.txt{margin-left:20px;height:42px;line-height:42px;font-size:1.165rem;color:#abafb5;}
	#aside>.area>.menu>div>.top>.arrow{position: absolute;top: 17px;right: 20px;}
	#aside>.area>.menu>.on{background:#ff2a00}
	#aside>.area>.menu>.on>.top{border-bottom:0}
	#aside>.area>.menu>.on>.top>.txt{color:#fff}
	#aside>.area>.menu>.on>.top>.arrow>.on{display:block}
	#aside>.area>.menu>.on>.top>.arrow>.off{display:none}

	#header div{box-sizing: border-box;}
	#header>div>.area{width:1200px;margin:0 auto;height:100%;}
	#header>div>.area>div{display:inline-block}
	#header>.office{width:100%;height:35px;border-bottom:1px solid #eeeff0}
	#header>.office>.area>div{height: 35px;}
	#header>.office>.area>.c.on{background:#4d4c51;color:#fff}
	#header>.office>.area>.c>a{font-size:1.1rem;line-height: 34px;padding: 0 13px;cursor:pointer;color:#000}
	#header>.office>.area>.c.on>a{color:#fff}
	#header>.office>.area>.logout{line-height: 34px;}
	#header>.office>.area>.sns>a{display:inline-block;margin-top:9px}
	#header>.office>.area>.sns>a.sh{margin: 0 10px;background: #eeeff0;width: 1px;height: 14px;}
	#header>.top{height:100px;}
	#header>.top>.area>.l{left: 10px;}
	#header>.top>.area>.l>.area>div{display:inline-block}
	#header>.top>.area>.l>.area>.r{margin-left: 15px;}
	#header>.top>.area>.l>.area>.r>div{height:25px}
	#header>.top>.area>.l>.area>.r>.course>span{display:inline-block;margin-right:10px;font-size: 1.15rem;font-weight:bold;}
	#header>.top>.area>.l>.area>.r>.course>.office{color:#fff;background:#abafb5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 0 9px 2px;font-size: 1rem;font-weight: normal;}
	#header>.top>.area>.l>.area>.r>.day>span{display:inline-block;margin-right:2px;background:#2e2624;color:#fff;height: 100%;padding: 0 8px;font-size: 1.3rem;}
	#header>.top>.area>.brand.slide{width:268px;height:56px;display:none}
	#header>.top>.area>.r{right: 30px;}
/*
	#header>.menu{height:60px;border-top: 1px solid #eeeff0;}
	#header>.menu>.area{text-align: center;}
	#header>.menu>.area>.line{background-color:red;height:3px;width:0;position: absolute;top: 0;left: 92px;}
	#header>.menu>.area>.m{cursor:pointer;font-size: 1.3rem;font-weight:bold;height:100%;}
	#header>.menu>.area>.m>.line{height:3px;width:90%;margin: 0 auto;background:#fff;}
	#header>.menu>.area>.m>span{margin:0 21px;height: 57px;line-height: 57px;}
	#header>.menu>.sub{position: absolute;top: 59px;left: 0;display:none;width:100%;background:#f5f5f5;z-index:2}
	#header>.menu>.sub>div{width:1127px;margin:0 auto;display:none;}
	#header>.menu>.sub, #header>.menu>.sub>div{height:auto}
	#header>.menu>.sub>div>div{float:left;padding-bottom: 10px;}
	#header>.menu>.sub>div>.s1.s1f{margin-right:50px;width: 540px;}
	#header>.menu>.sub>div>.s1.s1l{margin-left:25px;width: 510px;}
	#header>.menu>.sub>div>.s2:first-child{margin-right:50px}
	#header>.menu>.sub>div>div>.st1{padding:20px 0 15px}
	#header>.menu>.sub>div>div>.st2{float:left;width:250px;height:157px}
	#header>.menu>.sub>div>div>.st2:last-child{margin-left:10px}
	#header>.menu>.sub>div>div>.st1>.ln{background:#ccc;width:1px;height:140px;position: absolute;top: 58px;right: -12px}
	#header>.menu>.sub>div>div>.st2 .t1{margin-bottom:5px}
	#header>.menu>.sub>div>div>.st2 .t1 a.lnk{width:165px;display:inline-block;color:#000}
	#header>.menu>.sub>div>div>.st2 .red_box, #header>.menu>.sub>div>div>.st2 .black_box, #header>.menu>.sub>div>div>.st2 .green_box{margin-right:4px;display:inline-block;padding: 0px 7px 1px;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;}
	#header>.menu>.sub .course_banner{float: none;margin-top: 20px;text-align: center;}
	#header>.menu>.sub .course_banner>a, #header>.menu>.sub .course_banner img{display: inline-block;}
*/
        #header>.menu{height:60px;border-top: 1px solid #eeeff0;}
        /*수정부분 */
        #header>.menu>.area{/*text-align: center;*/display: flex;flex-wrap: wrap; justify-content: space-between;/*justify-content: center;align-items:center;*/}
         /*수정부분 */
        #header>.menu>.area>.line{background-color:red;height:3px;width:0;position: absolute;top: 0;left: 92px;}
        #header>.menu>.area>.m{cursor:pointer;font-size: 1.3rem;font-weight:bold;height:100%;}
        #header>.menu>.area>.m>.line{height:3px;width:90%;margin: 0 auto;background:#fff;}
        #header>.menu>.area>.m>span{margin:0 21px;height: 57px;line-height: 57px;}
        #header>.menu>.sub{position: absolute;top: 59px;left: 0;display:none;width:100%;background:#f5f5f5;z-index:2;}
         /*수정부분 */
        #header>.menu>.sub>div{width:1200px;margin:0 auto;display:none;}
         /*수정부분 */

     /*231218 코드 수정부분*/
     #header > .menu > .sub,
     #header > .menu > .sub > div {
       height: 550px;
     }
     #header > .menu > .sub > div > div {
       float: left;
       padding-bottom: 10px;
     }
     #header > .menu > .sub > div > .s1.s1f {
       margin-right: 10px;
       width: 1200px;
     }
  
     #header > .menu > .sub > div > .s2:first-child {
       margin-right: 30px;
     }
     #header > .menu > .sub > div > div > .st1 {
       padding: 40px 0 15px;
       overflow: hidden;
      /*width:580px;*/
     }
     #header > .menu > .sub > div > div > .st2 {
       float: left;
       width: 580px;
       height: 200px;
       /* background-color: yellowgreen; */
       overflow: auto;
     }

    #header > .menu > .sub > div > div > .st2.course_banner {
       overflow: hidden;
     }
     #header > .menu > .sub > div > div > .st2::-webkit-scrollbar {
       width: 6px;
     }
     #header > .menu > .sub > div > div > .st2::-webkit-scrollbar-thumb {
       height: 30%;
       background: #777;
       border-radius: 10px;
     }
     #header > .menu > .sub > div > div > .st2::-webkit-scrollbar-track {
       background: #ddd;
     }

     #header > .menu > .sub > div > div > .st2:last-child {
       margin-left: 40px;
     }

     #header > .menu > .sub > div > div > .st1 > .ln {
       background: #ccc;
       width: 1px;
       height: 140px;
       position: absolute;
       top: 58px;
       right: -12px;
     }
     #header > .menu > .sub > div > div > .st2 .t1 {
       margin-bottom: 8px;
     }

     #header > .menu > .sub > div > div > .st2 .t1 a.lnk {
       width: 380px;
       color: #000;
     }
     #header > .menu > .sub > div > .s1.s1f > .st2 .t1 a.lnk {
       width: 530px;
       color: #000;
     }
     #header > .menu > .sub > div > div > .st2 .red_box,
     #header > .menu > .sub > div > div > .st2 .black_box,
     #header > .menu > .sub > div > div > .st2 .green_box {
       margin-right: 4px;
       display: inline-block;
       padding: 0px 4px 1px;
       -moz-border-radius: 9px;
       -webkit-border-radius: 9px;
       border-radius: 9px;
     }


     #header > .menu > .sub .course_banner {
      width: 580px;
    }

    #header > .menu > .sub .st2_www .course_banner {
      width: 580px;
      height:200px;
      padding-top:60px;

    }
    

     #header > .menu > .sub .course_banner > a,
     #header > .menu > .sub .course_banner img {
      width: 580px;

     }

     #header > .menu > .sub .t1{
			width:560px;
			overflow:hidden;
			-webkit-line-clamp : 1;
			word-wrap:break-word;
			text-overflow:ellipsis;
			-webkit-box-orient:vertical;
			display:-webkit-box;

			}

      #header > .menu > .sub > div > div > .st1 >div {
				float:left;
				width:600px;
			 }
			 #header > .menu > .sub > div > div > .st1 > .st1_sub{
				 padding-left:20px;
			 }


      /* 재직자 실업자 일반과정 */

      #header > .menu > .sub > div > .s1.s1l {
        width: 1200px;
       
        /*display: flex;*/
      }

      #header > .menu > .sub > div > .s1.s1l > .st2 .t1 {
        width: 365px;
      }

       #header > .menu > .sub > div > .s1.s1l > .st2 {
        /*overflow: hidden;*/
      }

      #header > .menu > .sub > div > .s1.s1l > .st2 {
        /*width: 387px;*/
      }
      #header > .menu > .sub > div > .s1.s1l > .st2 ~ .st2 {
        margin-left: 20px;
      }
      #header > .menu > .sub > div > .s1.s1l > .st2 > .st1 {
        /*padding: 30px 0 15px;*/
      }

       #header > .menu > .sub .s1l .st1 {
				width:1200px;
			 }

       #header > .menu > .sub .s1l .st1>div {
        float:left;
				width:387px;
			 }

       #header > .menu > .sub .s1l .st1>div:nth-child(2) {
        padding-left:20px;
			 }
       #header > .menu > .sub .s1l .st1>div:nth-child(3) {
        padding-left:38px;
			 }


       #header > .menu > .sub .s1l .st2 {
        float: left;
        width: 386px;
        height: 150px;
        overflow-y: scroll;
      }

      /* 재직자 실업자 일반과정 */
    

     /*231218 코드 수정부분*/

		/*
        #header>.menu>.sub, #header>.menu>.sub>div{height:auto}
        #header>.menu>.sub>div>div{float:left;padding-bottom: 10px;}
        #header>.menu>.sub>div>.s1.s1f{margin-right:10px;width: 583px;}
        #header>.menu>.sub>div>.s1.s1l{margin-left:24px;width: 583px;}
        #header>.menu>.sub>div>.s2:first-child{margin-right:30px}
        #header>.menu>.sub>div>div>.st1{padding:20px 0 15px}
        #header>.menu>.sub>div>div>.st2{float:left;width:280px;height:157px}
        #header>.menu>.sub>div>div>.st2:last-child{margin-left:20px}
        #header>.menu>.sub>div>div>.st1>.ln{background:#ccc;width:1px;height:140px;position: absolute;top: 58px;right: -12px}
        #header>.menu>.sub>div>div>.st2 .t1{margin-bottom:5px}
        #header>.menu>.sub>div>div>.st2 .t1 a.lnk{width:225px;display:inline-block;color:#000}
        #header>.menu>.sub>div>div>.st2 .red_box, #header>.menu>.sub>div>div>.st2 .black_box, #header>.menu>.sub>div>div>.st2 .green_box{margin-right:4px;display:inline-block;padding: 0px 4px 1px;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;}
        #header>.menu>.sub .course_banner{float: none;margin-top: 20px;text-align: center;}
        #header>.menu>.sub .course_banner>a, #header>.menu>.sub .course_banner img{display: inline-block;}
		*/

        .mCSB_inside > .mCSB_container{margin-right:0 !important;}


	#quick{position:fixed; top:243px; right:20px; z-index:99; width:86px; height:354px;}
	#quick>.area{width:100%;}
	#quick>.area>.area_3{width:84px; height:246px; margin-bottom:20px; background-color:rgba(92,100,114,0.5); border:2px solid #7b7f86; border-radius:15px 15px; box-sizing:border-box;}
	#quick>.area .q4{width:84px; height:84px; background-color:rgba(92,100,114,0.5); border:2px solid #7b7f86; border-radius:15px 15px; box-sizing:border-box;}
	#quick>.area .q4>a{display:block; width:80px; height:80px;}
	#quick>.area>.area_3>div{height:80px; border-bottom:1px solid #7b7f86;}
	#quick>.area>.area_3>div>a{display:block; width:80px; height:80px;}
	#quick>.area>.area_3 .q3{border-bottom:none;}
	/*
		#quick{position: fixed;top: 170px;right: 20px;z-index: 99;}
		#quick>.area>.q1{z-index: 2;}
		#quick>.area>.q1>.ig>a>.txt{text-align: center;position: absolute;top: 14px;left: 0;color: #fff;font-weight: bold;width: 100%;}
		#quick>.area>.q1>.ig>a>.txt>.txt1{font-size: 1.2rem;}
		#quick>.area>.q1>.ig>a>.txt>.txt2{font-size: 1.5rem;line-height: 20px;letter-spacing: 1.2px;-webkit-transform:scale(1.2,1);-moz-transform:scale(1.2,1);-ms-transform:scale(1.2,1);-o-transform:scale(1.2,1);transform:scale(1.2,1);}
		.scrollb .mCSB_dragger .mCSB_dragger_bar{ background-color: red; }
		#quick>.area>.q1>div img {position: absolute; top: -60px;}
		#quick>.area>.q1_1>div img {position: absolute;top: -60px;opacity: 0;}
		#quick>.area>.qb>div img{position: absolute;top:-100px;z-index: -1;}
		.nOn img{animation: ani01 0.7s 2;}
		.rOn img{animation: ani02 0.7s 2;}
		@keyframes ani01{0%{transform: rotate(0deg);}50%{transform: rotate(5deg);}100%{transform: rotate(0deg);}}
		@keyframes ani02{0%{opacity:0;transform: rotate(0deg);}50%{opacity:1;transform: rotate(5deg);}100%{opacity:0;transform: rotate(0deg);}}
	*/

	#bg{width:0;height:0;background:rgba(0,0,0,.8);position: fixed;top: 0;left: 0;z-index: 9999;display:none}
	.right{position: absolute; right: 0; top: 0;}