.h2_tit{position:relative;height:50px;line-height:50px;font-size:22px;font-weight:600;color:#000;padding-left:20px;border-bottom:1px solid #ddd;letter-spacing:-1px}
.h2_tit i{position:absolute;left:20px;bottom:0;display:block;width:30px;height:3px;background:#000}


/*메인상단배너 열고 닫기*/
.m_slide_area{position:relative;margin-top:25px}
.m_slide_toggle{text-align:center;}
.m_slide_toggle .toggle{display:inline-block;width:111px;height:35px;background:url('../../images/main/m_sec_toggle_off.png') no-repeat}
.m_slide_toggle.on{border-top:2px solid #16c4d5}
.m_slide_toggle.on .toggle{background:url('../../images/main/m_sec_toggle_on.png') no-repeat}


/* m_sec1 */
.m_sec1{}
.m_sec1 .con1{float:left;width:477px}
.m_sec1 .con1 .area1{background:#fff}
.m_sec1 .con1 .area2{background:#d7d7d7}
.m_sec1 .con1 .c1{position:relative;float:left;width:238px;height:223px;transform:scale(1);transition:0.2s;}
.m_sec1 .con1 .c1:hover{transform:scale(1.05);transition:0.2s;z-index:10;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
.m_sec1 .con1 .c2{position:relative;float:left;width:238px;height:223px;transform:scale(1);transition:0.2s;margin-left:1px}
.m_sec1 .con1 .c2:hover{transform:scale(1.05);transition:0.2s;z-index:10;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}

.m_sec1 .con1 .c3{position:relative;float:left;width:158px;height:220px;transform:scale(1);transition:0.2s}
.m_sec1 .con1 .c3:hover{transform:scale(1.05);transition:0.2s;z-index:10;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
.m_sec1 .con1 .c4{position:relative;float:left;width:158px;height:220px;transform:scale(1);transition:0.2s;margin-left:1px}
.m_sec1 .con1 .c4:hover{transform:scale(1.05);transition:0.2s;z-index:10;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
.m_sec1 .con1 .c5{position:relative;float:left;width:159px;height:220px;transform:scale(1);transition:0.2s;margin-left:1px;background:#fff}
.m_sec1 .con1 .c5:hover{transform:scale(1.05);transition:0.2s;z-index:10;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}

.m_sec1 .con2{float:left;width:453px;height:443px;margin-left:1px;overflow:hidden}

.m_sec1 .con3{float:right;width:268px}
.m_sec1 .con3 .c1{height:223px;background:url('../../images/main/m_sec1_c3_bg.png') no-repeat right bottom #fff}
.m_sec1 .con3 .logout_area{text-align:center;overflow:hidden;display:none}
.m_sec1 .con3 .logout_area strong{display:block;font-size:22px;color:#000;margin:40px 0 0}
.m_sec1 .con3 .logout_area .caption{display:block;margin:10px 0;font-size:14px;font-weight:600;color:#999}
.m_sec1 .con3 .logout_area  a{display:inline-block;width:105px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;background:#2955a4;border-radius:4px;margin:20px 0}

.m_sec1 .con3 .login_area{display:block}
.m_sec1 .con3 .login_area .d1{padding:20px 20px}
.m_sec1 .con3 .login_area .d1 .name{font-size:15px;color:#000;margin:10px 0}
.m_sec1 .con3 .login_area .d1 .name b{font-size:18px}
.m_sec1 .con3 .login_area .d1 .latest{background:#f2f2f2;height:30px;line-height:30px;padding-left:15px;color:#999;font-size:13px;margin:10px 0}
.m_sec1 .con3 .login_area .d1 .modify{display:inline-block;height:26px;line-height:30px;border-bottom:1px solid #000;font-size:16px;color:#000}
.m_sec1 .con3 .login_area .d1 .logout{display:inline-block;height:26px;line-height:26px;float:right;border:1px solid #ccc;padding:0 10px;background:#fff;font-family:'돋움',dotum}
.m_sec1 .con3 .login_area .d2{border-top:1px solid #eee;padding:20px 20px}
.m_sec1 .con3 .login_area .d2 .process{position:relative;z-index:10}
.m_sec1 .con3 .login_area .d2 .process .toggle{display:block;border:1px solid #ddd;height:30px;line-height:30px;font-size:16px;font-weight:600;text-indent:10px;background:url('../../images/main/process_bg.png') no-repeat}
.m_sec1 .con3 .login_area .d2 .process .toggle b{color:#0665c1;font-weight:800}
.m_sec1 .con3 .login_area .d2 .process .pop{display:none;position:absolute;left:0;top:32px;width:500px;height:230px;overflow:auto;background:#fff;border:2px solid #000}
.m_sec1 .con3 .login_area .d2 .process .pop ul{padding:10px 20px 20px 20px}
.m_sec1 .con3 .login_area .d2 .process .pop li{border-top:1px solid #ddd;padding:10px 0;overflow:hidden;background:url('../../images/common/dot_black.gif') no-repeat 10px;padding-left:20px}
.m_sec1 .con3 .login_area .d2 .process .pop li:first-child{border-top:0}
.m_sec1 .con3 .login_area .d2 .process .pop li a{display:inline-block;font-size:16px;font-weight:600;color:#333;text-decoration:underline;line-height:30px}
.m_sec1 .con3 .login_area .d2 .process .pop li span{position:relative;display:block;float:right;width:58px;height:30px;background:#b7b7b7;margin-right:5px}
.m_sec1 .con3 .login_area .d2 .process .pop li span i{position:absolute;display:block;height:100%;background:#f36c4f}
.m_sec1 .con3 .login_area .d2 .process .pop li span b{position:relative;display:block;z-index:10;line-height:30px;text-align:center;font-size:14px;color:#fff;}
.m_sec1 .con3 .login_area .d2 .process.on .pop{display:block}
.m_sec1 .con3 .c2{position:relative}

/*추가css*/
.m_sec1 .con3 .c4{height:223px;background:url('../images/main/m_sec1_c3_bg.png') no-repeat right bottom #fff;text-align:center;overflow:hidden}
.m_sec1 .con3 .c4 strong{display:block;font-size:22px;color:#000;margin:40px 0 0}
.m_sec1 .con3 .c4 .caption{display:block;margin:10px 0;font-size:14px;font-weight:600;color:#999}
.m_sec1 .con3 .c4 .login-btn{display:inline-block;width:105px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;background:#2955a4;border-radius:4px;margin:20px 0}



/* m_sec2 */
.m_sec2{margin:20px 0 0}
.m_sec2 dl{border:1px solid #d4d7e0;background:#fff;overflow:hidden}
.m_sec2 dt,
.m_sec2 dd{float:left;border-left:1px solid #d4d7e0;}
.m_sec2 dd a{display:block;width:248px;height:79px;line-height:79px;font-size:19px;color:#333;letter-spacing:-1px;font-weight:600;text-indent:120px}

.m_sec2 dd.s1{border-left:0}
.m_sec2 dd.s1 a{background:url('../../images/main/m_sec2_ico1.png') no-repeat 22% center}
.m_sec2 dd.s2 a{background:url('../../images/main/m_sec2_ico2.png') no-repeat 22% center}
.m_sec2 dd.s3 a{background:url('../../images/main/m_sec2_ico3.png') no-repeat 22% center}
.m_sec2 dd.s4 a{background:url('../../images/main/m_sec2_ico4.png') no-repeat 22% center}

 
.m_sec2 dd.s1 a:hover{color:#90bf3b}
.m_sec2 dd.s2 a:hover{color:#34bcb6}
.m_sec2 dd.s3 a:hover{color:#3f73b3}
.m_sec2 dd.s4 a:hover{color:#8e52a0}
.m_sec2 dd.s1 a:hover{background:url('../../images/main/m_sec2_ico1_ov.png') no-repeat 22% center}
.m_sec2 dd.s2 a:hover{background:url('../../images/main/m_sec2_ico2_ov.png') no-repeat 22% center} 
.m_sec2 dd.s3 a:hover{background:url('../../images/main/m_sec2_ico3_ov.png') no-repeat 22% center}
.m_sec2 dd.s4 a:hover{background:url('../../images/main/m_sec2_ico4_ov.png') no-repeat 22% center}



/* m_sec3 - 직무분야 추천강좌 */
.m_sec3{margin:20px 0}	

.md-step_banner_v2{position:relative;width:1200px;margin-top:10px}
.md-step_banner_v2 .mask{position:relative;width:1210px;height:320px;overflow:hidden;}
.md-step_banner_v2 .img{position:absolute;height:315px}
.md-step_banner_v2 .img li{float:left;width:290px;height:100%;margin:0;margin-right:15px;border:1px solid #ddd;border-bottom:0;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,0.15);}
.md-step_banner_v2 .img li:hover{border:1px solid #000}
.md-step_banner_v2 .img li .info{padding:15px 15px;background:#fff;margin-top:7px;height:112px/*margin-top 상단라인, height를 줄여 하단라인*/}
.md-step_banner_v2 .img li .info .subject{display:block;width:200px;;min-height:66px;font-size:18px;color:#222;font-weight:600;}
.md-step_banner_v2 .img li .info .cnt span{font-size:13px;color:#333;display:inline-block;margin-right:5px;font-weight:600}
.md-step_banner_v2 .img li .info .cnt span.c1{padding-left:15px;background:url('../../images/common/ico_pen.png') no-repeat 0 center}
.md-step_banner_v2 .img li .info .cnt span.c2{padding-left:15px;background:url('../../images/common/ico_heart.png') no-repeat 0 center}
.md-step_banner_v2 .img li .info .cnt span.c3{float:right;color:#aaa}

.md-step_banner_v2 .img li.cate1{background:#2d71c6}
.md-step_banner_v2 .img li.cate2{background:#01b8ca}
.md-step_banner_v2 .img li.cate3{background:#9661c9}
.md-step_banner_v2 .img li.cate4{background:#e1a841}
.md-step_banner_v2 .img li.cate5{background:#4998f4}
.md-step_banner_v2 .img li.cate6{background:#5dbc58}

.md-step_banner_v2 .img li .thumb{position:relative;}
.md-step_banner_v2 .img li .thumb a{display:block;height:193px;overflow:hidden}
.md-step_banner_v2 .img li .thumb .cate{position:absolute;right:-7px;top:210px;width:70px;height:37px;color:#fff;font-size:13px;text-align:center;line-height:30px}
.md-step_banner_v2 .img li.cate1 .thumb .cate{background:url('../../images/common/cate_flag1.png') no-repeat}
.md-step_banner_v2 .img li.cate2 .thumb .cate{background:url('../../images/common/cate_flag2.png') no-repeat}
.md-step_banner_v2 .img li.cate3 .thumb .cate{background:url('../../images/common/cate_flag3.png') no-repeat}
.md-step_banner_v2 .img li.cate4 .thumb .cate{background:url('../../images/common/cate_flag4.png') no-repeat}
.md-step_banner_v2 .img li.cate5 .thumb .cate{background:url('../../images/common/cate_flag5.png') no-repeat}
.md-step_banner_v2 .img li.cate6 .thumb .cate{background:url('../../images/common/cate_flag6.png') no-repeat}
.md-step_banner_v2 .img li .thumb img{width:100%}

.md-step_banner_v2 .prev{position:absolute;top:-45px;cursor:pointer;right:24px}
.md-step_banner_v2 .next{position:absolute;top:-45px;cursor:pointer;right:0px}


/* m_sec4 - 관심분야 추천강좌 */
.m_sec4{margin:20px 0}

.md-step_banner{position:relative;margin:0 auto}
.md-step_banner .mask{position:relative;height:347px;overflow:hidden;}
.md-step_banner .img{position:absolute;height:347px}
.md-step_banner .img li{float:left;width:301px;height:347px;border-right:1px solid #ddd}
.md-step_banner .img li:hover{background:#e7f5f6}
.md-step_banner .img li .thumb{position:relative;padding:15px}
.md-step_banner .img li .thumb img{width:100%;border:1px solid #ccc}
.md-step_banner .img li .info{padding:0 20px; min-height:130px;}
.md-step_banner .img li .info .subject{display:block;font-size:18px;color:#222;font-weight:600;min-height:30px;margin-bottom:5px;}
.md-step_banner .img li .info .con{font-size:14px;color:#999; line-height:19px;}
.md-step_banner .img li .info .cnt {position: absolute; bottom:22px;}
.md-step_banner .img li .info .cnt span{font-size:13px;color:#333;display:inline-block;margin-right:5px;font-weight:600}
.md-step_banner .img li .info .cnt span.c1{padding-left:15px;background:url('../../images/common/ico_pen.png') no-repeat 0 center}
.md-step_banner .img li .info .cnt span.c2{padding-left:15px;background:url('../../images/common/ico_heart.png') no-repeat 0 center}
.md-step_banner .img li .info .cnt span.c3{margin-left:8px;padding-left:10px;;border-left:1px solid #ccc;color:#999;height:12px;line-height:12px;vertical-align:middle}

.md-step_banner .prev{position:absolute;top:-35px;cursor:pointer;right:39px}
.md-step_banner .next{position:absolute;top:-35px;cursor:pointer;right:15px}

.md-step_banner .img li .thumb .cate{position:absolute;right:8px;top:150px;width:70px;height:37px;color:#fff;font-size:13px;text-align:center;line-height:30px}
.md-step_banner .img li.cate1 .thumb .cate{background:url('../../images/common/cate_flag1.png') no-repeat}
.md-step_banner .img li.cate2 .thumb .cate{background:url('../../images/common/cate_flag2.png') no-repeat}
.md-step_banner .img li.cate3 .thumb .cate{background:url('../../images/common/cate_flag3.png') no-repeat}
.md-step_banner .img li.cate4 .thumb .cate{background:url('../../images/common/cate_flag4.png') no-repeat}
.md-step_banner .img li.cate5 .thumb .cate{background:url('../../images/common/cate_flag4.png') no-repeat}
.md-step_banner .img li.cate6 .thumb .cate{background:url('../../images/common/cate_flag4.png') no-repeat}



/* m_sec6 - 공직직무지식어학 */
.m_sec6{margin:20px 0}	
.m_sec6 .con1{float:left;width:596px}
.m_sec6 .con2{float:right;width:596px}
.m_sec6 .inner{padding:10px 15px}
.m_sec6 ul{}
.m_sec6 li{overflow:hidden;border-top:1px solid #eee;padding:15px 0}
.m_sec6 li:hover{background:#e7f5f6}
.m_sec6 li:first-child{border-top:0}
.m_sec6 li .thumb{float:left;margin:0 20px 0 10px}
.m_sec6 li .thumb img{width:100%;border:1px solid #ccc}
.m_sec6 li .info{line-height:1.4}
.m_sec6 li .info .subject{font-size:18px;color:#000;font-weight:600;margin:10px 0}
.m_sec6 li .info .con{font-size:14px;color:#999;margin:5px 10px 0 ;min-height:50px}
.m_sec6 li .info .cnt{margin-top:10px;}
.m_sec6 li .info .cnt span{font-size:13px;color:#333;display:inline-block;margin-right:5px;font-weight:600}	
.m_sec6 li .info .cnt .c1{padding-left:15px;background:url('../../images/common/ico_pen.png') no-repeat 0 center}
.m_sec6 li .info .cnt .c2{padding-left:15px;background:url('../../images/common/ico_heart.png') no-repeat 0 center}
.m_sec6 li .info .cnt .c3{margin-left:8px;padding-left:10px;;border-left:1px solid #ccc;color:#999;height:12px;line-height:12px;vertical-align:middle}


/* m_sec7 - 신규강좌 */
.m_sec7{margin:20px 0}

/* m_sec8 - 커뮤니티 */
.m_sec8{margin:25px 0 0;background:#dcdde1}
.m_sec8 .container{}		
.m_sec8 .con1{float:left;width:50%;border-right:1px solid #fff}
.m_sec8 .con2{float:right;width:50%;border-left:1px solid #fff}
.m_sec8 .inner{padding:20px 30px}
.m_sec8 h2{font-size:19px;color:#000;padding:20px 10px 10px;border-bottom:1px solid #ccc}
.m_sec8 .more{display:block;float:right;margin-top:-25px;padding-right:20px;background:url('../../images/common/ico_plus.png') no-repeat right center}
.m_sec8 ul{}
.m_sec8 li{overflow:hidden;border-bottom:1px solid #ccc;padding:10px 0}
.m_sec8 li:hover{background:#eeeff1}
.m_sec8 li .thumb{float:left;margin:3px 25px 0 10px}
.m_sec8 li .thumb img{width:115px;height:78px;border:1px solid #ccc;}
.m_sec8 li .info{line-height:1.4}
.m_sec8 li .info .subject{font-size:15px;color:#000;font-weight:600}
.m_sec8 li .info .con{font-size:13px;color:#777;margin:5px 0;min-height:35px}
.m_sec8 li .info .cnt{margin-top:10px}
.m_sec8 li .info .cnt span{font-size:12px;color:#666;display:inline-block;margin-right:5px}
.m_sec8 li .info .cnt .c1{padding-left:13px;background:url('../../images/common/ico_pen.png') no-repeat 0 center}
.m_sec8 li .info .cnt .c2{padding-left:15px;background:url('../../images/common/ico_heart.png') no-repeat 0 center}
.m_sec8 li .info .cnt .c3{margin-left:8px;padding-left:10px;;border-left:1px solid #ccc;color:#999;height:12px;line-height:12px;vertical-align:middle}




/* m_sec9 */
.m_sec9{background:#fff;}
.m_sec9 ul{width:84%;margin:0 auto;overflow:hidden}
.m_sec9 li{float:left;width:20%;margin:40px 0;text-align:center}
.m_sec9 li a{display:inline-block;width:110px;padding-top:120px;font-size:16px;font-weight:600;color:#333}

.m_sec9 li.s1 a{background:url('../../images/main/m_sec9_ico1.png') no-repeat center 0}
.m_sec9 li.s2 a{background:url('../../images/main/m_sec9_ico2.png') no-repeat center 0}
.m_sec9 li.s3 a{background:url('../../images/main/m_sec9_ico3.png') no-repeat center 0}
.m_sec9 li.s4 a{background:url('../../images/main/m_sec9_ico4.png') no-repeat center 0}
.m_sec9 li.s5 a{background:url('../../images/main/m_sec9_ico5.png') no-repeat center 0}

.m_sec9 li.s1 a:hover{color:#ffb834}
.m_sec9 li.s2 a:hover{color:#f9767e}
.m_sec9 li.s3 a:hover{color:#009ccd}
.m_sec9 li.s4 a:hover{color:#9d88d5}
.m_sec9 li.s5 a:hover{color:#8bc53c}