@charset "utf-8";
/* CSS Document */
/*gnb탑시작*/
.top_g{background:#4f5b61; height:34px; position:relative;}
.top_g .top_menu { width:960px; margin:0 auto; }
.top_g .top_menu  a { color:#fff; font-size:12px; font-family:NGBold; }
.top_g .top_menu  a.f_y{ color: #ffe400;} 
.top_g .top_menu .l_m {background: url('../images/CMM/bg_btn_fs_edu.gif') 0 -1px no-repeat #2b3134; display:inline-block; line-height:34px;  width:134px; padding-left:10px;}
.top_g .top_menu .r_m { float:right;}
.top_g .top_menu .r_m span{ background:url('../images/CMM/bg_bar.gif') 0 center no-repeat; padding:0 10px; line-height:34px; display:inline-block;}
.top_g .top_menu .r_m span.name { background:none;}
.top_g .top_menu .r_m span a.name{ color:#65bdd2;}  
/*gnb탑끝*/

/*전체메뉴*/
#all_menu { background:#fff; width:100%;  z-index:999; border-bottom:1px solid #ccc; padding:20px 0;  position:absolute;  top:36px; display:none;}
.wrap_menu { width:960px; margin:0 auto; position:relative; }
.btn_close { position:absolute; right:0px; top:0px;}
.wrap_menu ul {float:left;  }
.wrap_menu li {  width: 185px;  }
.wrap_menu li a{ font-size:14px ; color:#6c6c6c; background:url('../images/CMM/bullet_yellow_5x5.gif') 0 50% no-repeat; background-size:3px; padding-left:8px; 
display:inline-block; line-height:25px;}
.wrap_menu li a.all_tit {font-size:15px; color:#333333; background:none; padding-left:0px;}
.memu_3depth { padding-bottom:8px}
.memu_3depth li a { font-size:12px;line-height:20px ; background:none; color:#999999;}
.memu_3depth li a.org {color:#ff7800;}
/*전체메뉴끝*/

/*gnb-중간메뉴 시작*/
.m_m { background:#fff; height:75px; position:relative;}
.m_m .m_menu{  }
.m_m .m_menu h1{ float:left ;height:75px;}
.m_m .m_menu ul{ float:left}
.m_m .m_menu ul li {float:left;padding-right:20px;}
.m_m .m_menu a.depth1 {height:75px; display:block; font-family:NGBold; font-size:16px; line-height:75px; padding:0 15px;float:left; }
.m_m .m_menu .snote{font-family:NGBold; display:inline-block; float:right; width:93px;padding:0 0 0 12px;text-align:left;font-size:16px;line-height:75px;color:#fff;background:url('../images/CMM/bg_snti.gif') 0 -12px no-repeat;}
.m_m .m_menu .snote.close{font-family:NGBold; display:inline-block; float:right; width:93px;padding:0 0 0 12px;text-align:left;font-size:16px;line-height:75px;color:#fff;background:url('../images/CMM/bg_snti_on.gif') 0 -12px no-repeat;}
/*gnb-중간메뉴 끝*/

/*서브시작*/
.sub_back { background:url('../images/CMM/bg_menu.gif') 0 0 repeat-x #f4f4f4; position:absolute; top: 75px;width:100%; display:none;  left:0;border-bottom:1px solid #999;padding-bottom:20px;}
.sub_back .sub_wrap {width:960px; margin:0 auto; }
.sub_m1 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 205px 0 no-repeat; padding-top:20px;}
.sub_m2 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 320px 0 no-repeat; padding-top:20px}
.sub_m3 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 430px 0 no-repeat; padding-top:20px;}
.sub_m4 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 525px 0 no-repeat;padding-top:20px;}
.sub_m5 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 630px 0 no-repeat; padding-top:20px;}
.sub_m6 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 750px 0 no-repeat; padding-top:20px;}
.sub_m7 {background:url('../images/CMM/bg_mn_dep2_arrow.gif') 760px 0 no-repeat;padding-top:20px}
.sub_wrap .s_tit {float:left; width:130px; }
.sub_wrap .s_tit span{display:block; font-size:20px; font-family:NGBold;}
.sub_wrap .s_tit img{padding-top:25px;}
.sub_wrap .m_line {border-left:1px solid #e6e6e6; float:left;width:152px;  }
.sub_wrap .m_line_maz {border-left:1px solid #e6e6e6; float:left;width:172px;  }
.sub_wrap .m_line_maz li {width:172px;  padding:5px 0 5px 13px; font-size:13px; font-family:NGBold; display:inline-block; }
.sub_wrap li {width:152px;  padding:5px 0 5px 13px; font-size:13px; font-family:NGBold; display:inline-block; }
.sub_wrap li .tit { font-size:16px; color:#222;}
.sub_wrap .dep4 {margin-bottom:5px;}
.sub_wrap .dep4 li {color:#8e8e8e; font-size:12px; padding:3px;}
.sub_wrap .dep4 li a {color:#8e8e8e; padding-left:15px;}


/*학습노트*/
.study_note{ background:url('../images/CMM/bg_note_00.png') 0 0 repeat-x #f9f9f9; border-bottom:2px solid #56a2bd; position:absolute; top:75px; width:100%; display:none;}
.my_note { width:960px; margin:0 auto; height:68px;}
.my_note .tit{font-size:20px; color:#454545; line-height:68px;}
.my_note .tit .name{font-weight:bold;}
.my_note .info {float:right;line-height:68px; color:#454545; font-size:14px; }
.fc_red{color:#ff6a48;}
.fc_blue{color:#6dc4e3;}
.my_note .dash{color:#dcdcdc; padding:0 10px;}
.note_detail { width:960px; margin:0 auto; padding:15px 0; height:190px;}
.note_detail .ing { padding-right:15px; border-right:1px solid #e7e8e8;float:left; width:300px;}
.note_detail .ing .set {padding-top:15px; line-height:230%; position:relative;width:243px;}
.note_detail .ing .set .per {position:absoute; right:0px;top:0px; display:inline-block; float:right;}
.note_detail .tit{color:#6dc4e3; font-size:18px;}
.note_detail .today {float:left; border-right:1px solid #e7e8e8;width:300px; padding-left:20px;line-height:210%}
.note_detail .today .date {padding:13px 40px; }
.note_detail .today .date img { vertical-align:top;}
.note_detail .today .icon_red {border-radius:10px; font-size:13px; line-height:14px;background:#f08066;color:#fff;padding:4px; display:inline-block}
.note_detail .today .icon_blue {border-radius:10px; font-size:13px; line-height:14px;background:#65cbc9;color:#fff;padding:4px; display:inline-block}
.note_detail .book {float:left;width:300px;border-right:1px solid #e7e8e8;padding-left:20px;line-height:180%}
.note_detail .book .mem {display:block; padding-top:20px;}
.note_detail .book .btn_icon {width:250px; border:1px solid #dddddd; border-radius:10px;font-size:13px;padding:2px 10px; display:block; margin:5px 0;}
.note_detail .go_btn {float:left;width:300px;border-right:1px solid #e7e8e8;}
.note_detail .go_btn li {float:left; width:33%;text-align:center; margin-top:5px;}
.note_detail .go_btn span{display:block; text-align:center;}
.my_process {width:243px; height:22px; background:url('../images/CMM/bg_note_ing.png') 0 0 no-repeat; position:relative;}
.my_process .basic {position:absolute; top:0;width:243px; height:22px; left:0px; background:url('../images/CMM/bg_note_ing_red.png') 0 0 no-repeat;}
.my_process .select {position:absolute; top:0;width:243px; height:22px; left:0px; background:url('../images/CMM/bg_note_ing_blue.png') 0 0 no-repeat;}
.sp20 { height:20px; font-size:0pt; clear:both; }
/*학습노트끝*/