@charset "utf-8";

@import url(/html/css/NotoSansKR-Hestia.css);
.noto_sans_kr {font-family: 'Noto Sans KR', sans-serif;}
/*
.noto_sans_kr {font-family: 'Noto Sans KR', sans-serif;}
.jeju_gothic {font-family: 'Jeju Gothic', sans-serif;}
.kopub_batang {	font-family: 'KoPub Batang', serif;}
.nanum_brush_script {font-family: 'Nanum Brush Script', cursive;}
.nanum_gothic {font-family: 'Nanum Gothic', sans-serif;}
.nanum_gothic_coding {font-family: 'Nanum Gothic Coding', monospace;}
.nanum_myeongjo {font-family: 'Nanum Myeongjo', serif;}
.nanum_pen_script {font-family: 'Nanum Pen Script', cursive;}
*/


/* base */
* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; }
body {margin:0 auto;  width: 100%; min-width: 1008px; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; }
table { border-collapse:collapse;table-layout: fixed; }
caption{visibility:hidden; font-size:0; width:0; height:0; overflow:hidden;line-height:0px;}
img { border: 0; }
ul, li { list-style: none; padding:0; margin:0;}
a { color: #808080; text-decoration: none; }
a:hover { text-decoration: none; }
input.txt { height: 15px; width:119px; padding-left: 2px; padding-top: 3px; color: #888888; font-size: 12px; font-family: Dotum; border: 1px solid #e8e8e8; }
input.file { height: 20px; padding-left: 2px; padding-top: 3px; color: #888888; font-size: 12px; font-family: Dotum; border: 1px solid #e8e8e8; }
input.radio { vertical-align: -2px; margin: 0 3px 0 0; }
input.checkbox { vertical-align: -2px; margin: 0 0 0 8px; border: none; background: none; }
input.checkbox2 { vertical-align: -2px; border: none; background: none; }
select { height: 19px; font: 12px Dotum; color: #999999;border:1px solid #c9c9c9; }
textarea { padding: 8px; color: #888888; line-height: 17px; font: 12px Gulim; overflow: auto; background: #ffffff; border: 1px solid #e5e5e5; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #e5e5e5; scrollbar-highlight-color: #e5e5e5; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #e5e5e5; }
div#contentsarea object#CC_Object_id{display:none;}
.hide {display:none;background:none;}



/***상단***/
#main_pop_wrep {
    margin:0 auto;
    width:100% ;
    height:120px;
    background-color: #18284f;
    text-align: left;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
    position: relative;
}
#main_pop_wrep a{text-decoration: none;}
#main_pop {position:relative;margin:0 auto;height:120px; width:1020px ;background-color: #18284f;}
#main_pop a {color: #ffffff}
#main_pop_btn{position: relative;right: 70px;top: 0px;font-size: 12px;}
#main_pop_nview{position: absolute;right: 0px;bottom: 0px;font-size: 12px;font-family: '돋움', sans-serif}
#main_pop_close{position: absolute;right: 0px;top: 0px;font-size: 40px; font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}

#main_pop ul{height:120px;border: 0px solid #fff;}
#main_pop li{margin-top:15px;display: inline-block;border: 0px solid #fff;}

/*
#main_pop_wrep {
    margin:0 auto;
    width:100% ;
    height:120px;
    background-color: #18284f;
    line-height: 120px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 48px;
    color: #fff;
    position: relative;
}
#main_pop_wrep a{text-decoration: none;}
#main_pop {position:relative;margin:0 auto;height:120px; width:1020px ;background-color: #18284f;}
#main_pop a {color: #ffffff}
#main_pop_btn{position: relative;right: 70px;top: 14px;font-size: 12px;}
#main_pop_nview{position: absolute;right: 0px;top: 45px;font-size: 12px;font-family: '돋움', sans-serif}
#main_pop_close{position: absolute;right: 0px;top: -40px;font-size: 40px; font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}

#main_pop ul{margin:0;padding:0;}
#main_pop li{display: inline;margin: 0px;padding: 0px}
*/


#main_header_n {
    margin:0 auto;
	margin-top:-10px;
    height:40px;
    width:940px;
    background-color: #00b0ec;
    line-height: 40px;
    text-align: center;
    display:block;
    font-family: 'Noto Sans KR', sans-serif;
    color: #e1f3f9;
    font-weight: 700;
    font-size: 13px;


}
.main_header_n_wrep{z-index:50;margin:0 auto;height:40px; width:100%;background-color: #00b0ec;}

#gnb_header {float:right;padding:0px 0px 0px 0px;position:relative;}
#gnb_header li {width: 80px;float:left;padding:0px 0px 0px 0px;}
#gnb_header li:first-child{background:none}
#gnb_header li.btn_favorite{padding:5px 8px 10px 0;background:none}
#gnb_header a{
  list-style:none;
  display:block;
  color:#e1f3f9;
  text-transform:uppercase;
  text-decoration:none;
  color: #c0ebfa;
}


#main_header_back {z-index:50;position:relative;margin: 0px auto;line-height:57px;height:50px;width:1020px;padding: 20px 0px 20px 0px;text-align: center;}
#main_header_back h1 {float: left;padding: 0px;}

#main_menu_list_wrep{z-index:5;height:75px;}
#main_menu_list {z-index:5;float:right;padding:0px 0px 0px 0px;position:relative;}
#main_menu_list li {
    list-style:none;
    display:block;
    float:left;
    text-transform:uppercase;
    text-decoration:none;
    padding: 0px 0px 0px 20px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 18px;
    z-index:5;
}
#main_menu_list a {z-index:5;
      text-decoration:none;
}
#main_menu_list li:last-child{padding-left: 10px;background:none}





.main_quick_counsel {width:340px;height:177px;text-align: left;position: relative;}
.main_quick_counsel li{padding:6px 0}
.main_quick_counsel li input {height:22px;border:1px solid #c9c9c9;padding:2px 4px}
.main_quick_counsel li select {height:22px;border:1px solid #c9c9c9;}

.left_error li {height:63px}
.left_error li.h64 {height:64px}

.left_info li {height:27px}
.left_info li.h50 {height:50px}
.left_info li.h48 {height:48px}





/**mid_content**/
#main_container {clear:both;margin:0 auto; width:1020px;background-color:white;}
#contents {float:right;width:796px;background-color:white;}
#subcontents {float:right;width:750px;padding-bottom:20px;background-color:white;}



/*아이콘 메뉴*/
ul.iconmenu {clear:both;position:relative;width:1020px;height:198px;}
ul.iconmenu li {float:left;padding:0px;width:145px;height:198px;text-align: center;}
ul.iconmenu li a { display:block; }
ul.iconmenu li img { padding:0 0 0 0; }

/*아이콘 메뉴 아래 텍스트 공지*/
#contents_notice {position:relative;overflow:hidden; margin:0 auto;height:50px; width:1020px;background-color: #f2f2f2;text-align: center;}
#contents_notice_wrep{margin:0 auto;height:50px;line-height:50px; width:100%;background-color: #f2f2f2;}


/*콘텐츠 본문 셀*/
#contents_cell{float:left;width:340px;height: 183px;margin-top: 20px;margin-bottom: 20px}
#contents_cell_line{float:left;width: 1020px;height: 1px;border-bottom : 1px solid #c9c9c9 }

.cell_wrep_l{text-align:left;width:340px;height:177px;}
.cell_wrep_c{text-align:center;width:340px;height:177px;}
.cell_wrep_r{text-align:right;width:340px;height:177px;}

/*콘텐츠 본문 셀 타이틀*/
.contents_cell_title_l {position:relative;margin-left: 30px;text-align: left;}
.contents_cell_title_r {position:relative;margin-left: 30px;text-align: left;}
.contents_cell_title_c {position:relative;margin-left: 15px;text-align: left;}

/*콘텐츠 본문 셀 내용*/
.contents_cell_in_l {margin-left:30px;margin-top: 20px;}
.contents_cell_in_r {margin-left:30px;margin-top: 20px; border: 0px solid #555555}
.contents_cell_in_c {margin-left:15px;margin-top: 20px;margin-right: 15px;}

/*아이콘 줄*/
#icon_line{float:left;width: 1020px;height: 183px;margin-top: 20px;margin-bottom: 20px}
.icon_cell{width: 145px;}



/*공지사항*/
#main_notice{width: 100%;height:183px;position:relative; }
.main_notice_list {clear:both;text-align: left;width: 310px;height:183px;position:relative;}
.main_notice_list ul{margin-top: 0px;width: 310px;}
.main_notice_list li{position:relative ;padding-left:8px;margin:0px; line-height:28px;background:url(/html/images/common/bul_dot01.gif) no-repeat left 10px}
.main_btn_more{position:absolute;top: -40px;right:0px;}


/*롤링 메인배너*/
#main_banner_wrep{z-index:10;margin:0 auto;height:301px; width:100%;background:url(../images/home/banner/slide_back.gif) no-repeat center 0px;background-color: #eaf7fe}
.main_banner_btn01 img{width:125px;height:25px;}
.main_banner_btn02 img{width:160px;height:25px;}
.main_banner_btn03 img{width:120px;height:25px;}

.main_banner_btn01 {position:absolute;left:510px;top:250px;z-index:10;}
.main_banner_btn02 {position:absolute;left:640px;top:250px;z-index:10;}
.main_banner_btn03 {position:absolute;left:805px;top:250px;z-index:10;}
#visual01{z-index:11;}
#visual02{z-index:11;}
#visual03{z-index:11;}
#visual04{z-index:11;}

.main_banner_ent01{position:absolute;left:510px;top:100px;z-index:10;font-family: 'Noto Sans KR', sans-serif;font-size:39px;color:#000}
.main_banner_ent02{position:absolute;left:510px;top:170px;z-index:10;font-family: 'Noto Sans KR', sans-serif;font-size:18px;color:#959595;font-weight:300;}
.main_banner_ent03{position:absolute;left:510px;top:205px;z-index:10;font-family: 'Noto Sans KR', sans-serif;font-size:18px;color:#959595;font-weight:300;}

/*본문 헤더*/
#main_title_n {
    /* //width: 205px;
    //height: 77px;
    //line-height: 77px; */
    padding: 0px;
    text-align:  left;
    color: #555555 ;
    font-family: 'Noto Sans KR', sans-serif;
    font-size:23px;
    font-weight: 600;
    /* //text-shadow: rgba(255,0,0,.5) 1px 1px 1px; */
}

#main_title_n {
    /* width: 205px; */
    /* height: 77px; */
    /* line-height: 77px; */
    padding: 0px;
    text-align:  left;
    color: #555555 ;
    font-family: 'Noto Sans KR', sans-serif;
    font-size:23px;
    font-weight: 600;
    /* text-shadow: rgba(255,0,0,.5) 1px 1px 1px; */
}

/*서브 메뉴위 타이틀 */
#sub_banner_wrep{ float: left; position: relative;margin:0 auto;height:160px; width:100%;background-color: #eaf7fe}
#sub_banner{ position: relative;margin:0 auto;height:160px; width:1020px;background-color: #eaf7fe}

#sub_menu_header {
    width: 205px;
    height: 77px;
    line-height: 77px;
    background:url(../images/home/menu_bg_head.gif)  no-repeat center 0px;
    padding: 0px;
    text-align: center;
    color: #ffffff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size:24px;
    font-weight: 500;
    text-shadow: rgba(255,0,0,.5) 1px 1px 1px;
}




/**왼쪽**/
#leftmenus {float: left;width:209px;padding-bottom:20px}

.quick_counsel {width:190px;height:177px;background:url(../images/common/left_quickcounsel_bg.gif) no-repeat left top}
.quick_counsel h4{padding:10px 10px 5px}
.quick_counsel {padding:3px 10px}
.quick_counsel li{padding:1px 0}
.quick_counsel li input {height:16px;border:1px solid #c9c9c9;padding:2px 4px}
.quick_counsel li select {height:22px;border:1px solid #c9c9c9;}

.left_error li {height:63px}
.left_error li.h64 {height:64px}

.left_info li {height:27px}
.left_info li.h50 {height:50px}
.left_info li.h48 {height:48px}

/**mid_content**/
#container {clear:both;margin:0 auto; width:1020px;}
#contents {float:right;width:796px}
#subcontents {float:right;width:750px;padding-bottom:20px}


/***서브공통**/
#subvisual{width:1020px;position:relative}

#sslogin {position:relative;}
#sslogin h4{padding:12px 0 15px 14px}
#sslogin .login_gongin{position:absolute;right:10px; top:11px}
.sslogin_form {position:relative;padding:5px 10px}
.sslogin_form li:first-child{padding-bottom:1px}
.sslogin_form input {height:26px;font-size:18px;border:1px solid #c9c9c9;padding:2px 4px}
.sslogin_form select {height:23px;font-size:12px;border:1px solid #c9c9c9;}
.btn_sublogin {position:absolute;top:30px;right:13px}
.sslogin_setting{margin:5px 10px 0px 10px;border: 1px solid #bfbfbf;padding: 8px 0px 8px 0px; background-color: #f0fbff;}
.sslogin_setting input{*margin:-3px;vertical-align:middle}
.sslogin_setting img{vertical-align:middle}


#sublogining { position:absolute;top:10px;left:10px;width:190px; height:156px;background:url(../images/common/left_logining_bg02.gif) no-repeat left top}
#sublogining .subloging_user { margin:35px 10px 20px}
.subloging_user_info { margin:0 10px}
.subloging_user_info  li{ margin:0px 10px ;line-height:18px; padding-left:8px;background:url(../images/common/bul_dot02.gif) no-repeat left 5px}

/*롤링 하단배너*/
#rollingbanner_n{clear:both;width:1020px;margin:0px auto;position:relative;padding: 0px;margin-bottom: 20px;}
#rollingbanner_n span.btn_pre{position:absolute;top:-7px;left:0}
#rollingbanner_n span.btn_next{position:absolute;top:-7px;right:0}
.banner_list_n {padding:0 0 0 25px}
.banner_list_n li{float:left;padding:0 4px 5px}
.banner_list_n li img{border:1px solid #c9c9c9}

/***footer***/
#footer_wrep_n {clear:both;position:relative;margin:0 auto;width:100%;height:170px;padding:10px 0;background-color: #555555;}
#footer_n{clear:both;position:relative;margin:0 auto;width:1020px;height:30px;padding:0px 0;background-color: #555555;}
#footer_bottom{clear:both;position:relative;margin:0 auto;width:1020px;height:135px;padding:0px 0;background-color: #555555;}

#footer_menu .banner_01_n {margin:5px auto;width:650px;height:30px;}
.banner_01_n li {float:left;padding:0 11px;font-size:12px;background:url(../images/common/footer_menu_bar.gif) no-repeat left top;}
.banner_01_n li:first-child{background:none}
.banner_01_n li a{color:#a2a2a2;}

#footer_menu h1{clear:both;padding-top:10px;float:left}
.copyright_wrap{float:right;width:650px;padding:22px 140px 0 0;}
.copyright_wrap p{padding:2px 0;font-size:12px;color:#a2a2a2;}
.copyright_n{margin: 20px 0px 0px 0px}

.footer_mark1{position:absolute;left:30px;top:0px}
.footer_mark2{position:absolute;right:80px;top:20px}
.footer_mark3{position:absolute;right:10px;top:20px}

#footer_line{width: 100%;height: 1px;border-bottom : 1px solid #666666;}


/**font**/
.fBlod {font-weight:bold}
.fBrown{color:#d0860d}
.fRed {color:#da2e48}




/**margin**/
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}

.ml3{margin-left:3px}
.ml5{margin-left:5px}
.ml8{margin-left:8px}
.ml10{margin-left:10px}
.ml100{margin-left:100px}
.ml200{margin-left:200px}
.ml230{margin-left:230px}
.ml250{margin-left:250px}
.ml320{margin-left:320px}
.ml600{margin-left:600px}
.ml655{margin-left:655px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}

.pt3{padding-top:3px}












#left_banner{clear:both;width: 206px;padding-top: 10px;padding-bottom: 10px}

/***********************좌측메뉴***********************/
#lmenus{
  width:205px;
  margin:0px;
}
#lmenus ul{
  list-style:none;
}
#lmenus li{
  list-style:none;
  display:block;
  background:url(../images/home/menu_bg_off.gif) no-repeat;
  text-indent:21px;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenus li a.menu{
  list-style:none;
  display:block;
  background:url(../images/home/menu_bg_off.gif) no-repeat;
  text-indent:21px;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenus li a{
  list-style:none;
  display:block;
  color:#636262;
  text-transform:uppercase;
  font-size:16px;
  text-decoration:none;
  height:41px;
  line-height:36px;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenus li a:hover{
  background:url(../images/home/menu_bg_on.gif) no-repeat;
  height:41px;
  line-height:36px;
  color:#636262;
  text-decoration:none;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenus li a.on, #menu li a:hover.on{
  list-style:none;
  display:block;
  background:url(../images/home/menu_bg_on.gif) no-repeat;
  color:#636262;
  text-transform:uppercase;
  font-size:18px;
  text-decoration:none;
  height:41px;
  line-height:36px;
  font-family: 'Noto Sans KR', sans-serif ;
  font-weight: bold;
}

/***********************좌측메뉴 서브***********************/
#lmenu_sub{
  width:205px;
  margin:0px;
  border-bottom:1px solid #e5e5e5;
}
#lmenu_sub ul{
  list-style:none;
}
#lmenu_sub li{
  list-style:none;
  display:block;
  background:url(../images/home/menu_bg_sub.gif) no-repeat;
  text-indent:31px;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenu_sub li a.menu{
  list-style:none;
  display:block;
  background:url(../images/home/menu_bg_sub.gif) no-repeat;
  text-indent:31px;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenu_sub li a{
  list-style:none;
  display:block;
  color:#8b8b8b;
  text-transform:uppercase;
  font-size:14px;
  text-decoration:none;
  height:25px;
  line-height:25px;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenu_sub li a:hover{
  background:url(../images/home/menu_bg_sub.gif) no-repeat;
  height:25px;
  line-height:25px;
  color:#636262;
  text-decoration:none;
  font-family: 'Noto Sans KR', sans-serif;
}
#lmenu_sub li a.on, #menu li a:hover.on{
  list-style:none;
  display:block;
  background:url(../images/home/menu_bg_sub.gif) no-repeat;
  color:#636262;
  text-transform:uppercase;
  font-size:14px;
  text-decoration:none;
  height:25px;
  line-height:25px;
  font-family: 'Noto Sans KR', sans-serif ;
  font-weight: bold;
}



/***********************상단메뉴 상세***********************/
#snb {z-index:5;position:absolute;left:0px;top:90px;display:none ; width:100%; height: 400px; background-color: #ffffff;border: 1px solid #e5e5e5}
#submenu {z-index:5;width:1020px; margin:0 auto;background-color: #ffffff;}
#submenu ul{z-index:5;padding-left: 0px;padding-top: 0px;margin-top:0px;}
#submenu li {z-index:5;
        list-style:none;
        display:block;
        text-indent:28px;
        height:28px;
        line-height:25px;        
        font-family: 'Noto Sans KR', sans-serif;
}

#submenu li a{z-index:5;
        list-style:none;
        display:block;
        color:#8b8b8b;
        text-transform:uppercase;
        font-size:14px;
        text-decoration:none;
        height:28px;
        line-height:25px;
        font-family: 'Noto Sans KR', sans-serif;
}
#submenu li a:hover{z-index:5;
        list-style:none;
        display:block;
        color: #ffffff;
        height:28px;
        line-height:25px;
        font-family: 'Noto Sans KR', sans-serif;
        background-color: #00b0ec;

}
#submenu li a.on{z-index:5;
        list-style:none;
        display:block;
        color:#ffffff;
        background-color: #00b0ec;
        text-transform:uppercase;
        font-size:14px;
        text-decoration:none;
        height:28px;
        line-height:25px;
        font-family: 'Noto Sans KR', sans-serif ;

}

#submenu1 {float:left; text-align:left; width:203px; border-left: 0px solid #e5e5e5;height: 400px;}
#submenu2 {float:left; text-align:left; width:203px; border-left: 1px solid #e5e5e5;height: 400px;}
#submenu3 {float:left; text-align:left; width:203px; border-left: 1px solid #e5e5e5;height: 400px;}
#submenu4 {float:left; text-align:left; width:203px; border-left: 1px solid #e5e5e5;height: 400px;}
#submenu5 {float:left; text-align:left; width:203px; border-left: 1px solid #e5e5e5;height: 400px;}

#submenu_head{
        list-style:none;
        display:block;
        color:#636262;
        text-transform:uppercase;
        font-size:23px;
        text-decoration:none;
        height:23px;
        line-height:23px;
        font-family: 'Noto Sans KR', sans-serif ;
        font-weight:  500;
        text-indent: 0px;
        margin: 10px 0px 30px 20px;
}
#submenu_head.on{
        list-style:none;
        display:block;
        color:#00b0ec;
        text-transform:uppercase;
        font-size:23px;
        text-decoration:none;
        height:23px;
        line-height:23px;
        font-family: 'Noto Sans KR', sans-serif ;
        font-weight:  500;
        text-indent: 0px;
        margin: 10px 0px 30px 20px;
}




/*서브 로그인 전*/
#login_before_sub{position:relative;margin-bottom:10px;width:203px;border: 1px solid #039ed3; background-color: #fff;overflow: hidden;}
#login_before_sub .l_head{margin-bottom:5px;padding-left:7px;height: 40px;line-height: 40px;font-family: 'Noto Sans KR', sans-serif ;color: #ffffff;font-size: 20px;font-weight: 400;background-color: #039ed3;border-bottom: 2px solid #039ed3;}

#login_before_sub .l_pic{float:left;width:90px;height: 100px;padding:0px;margin:0px;color: #ffffff;border: 0px solid #039ed3;}

#login_before_sub .l_block{float:left;padding-left:20px;height: 25px;line-height: 25px;width:200px;color:  #636262;font-size: 14px;}

#login_before_sub ul{margin-top:0px;float:left;width: 100%;height:36px;border: 0px solid #039ed3}
#login_before_sub ul>li{width: 49%;height:40px;line-height:36px;font-size:14px;float: left;text-align: center;font-family: 'Noto Sans KR', sans-serif ;color: #ffffff;}

#login_before_sub .l_logout a{background-color: #e1f3f9;text-decoration:none; color: #555555}
#login_before_sub .l_classroom a{text-decoration:none;color: #ffffff}

#login_before_sub .l_logout{background-color: #e1f3f9;color: #555555}
#login_before_sub .l_classroom{background-color:#00b0ec;}

#login_before_sub .l_red{color:red;}
#login_before_sub .l_sky{color: #00b0ec;}
#login_before_sub .l_bold{font-weight:bold;}

#login_before_sub .l_login_wrep{position:relative;margin-top:0px;border-top:1px solid #00b0ec;}
#l_login_menu{border-bottom: 0px solid #0094ff;height: 40px;width: 203px;background-color: #e1f3f9;}
#login_before_sub .l_id_box{margin-top:10px;margin-left:5px;border:1px solid #e5e5e5;width:125px;height:25px;}
#login_before_sub .l_pass_box{margin-top:5px;margin-left:5px;border:1px solid #e5e5e5;width:125px;height:25px;}
#login_before_sub .l_btn{position: absolute;top: 10px;right: 5px;}
#login_before_sub .l_bottom{border-top:1px solid #039ed3;margin-top:5px;padding:5px;text-align:center;background-color:#e1f3f9}


/*로그인 후*/
#login_after{margin-top:0px;border: 2px solid #039ed3;padding: 0px; width: 306px;height: 177px;overflow: hidden;}
#login_after .l_head{padding-left:7px;height: 40px;line-height: 40px;font-family: 'Noto Sans KR', sans-serif ;color: #ffffff;font-size: 20px;font-weight: 400;background-color: #039ed3;border-bottom: 2px solid #039ed3;}

#login_after .l_pic{float:left;width:90px;height: 100px;padding:0px;margin:0px;color: #ffffff;border: 0px solid #b3b3b3;}

#login_after .l_block{float:left;padding-left:20px;height: 33px;line-height: 33px;width:195px;color:  #636262;font-size: 14px;}

#login_after ul{float:left;width: 100%;height:36px;border-top: 1px solid #039ed3}
#login_after ul>li{width: 50%;height:40px;line-height:36px;font-size:14px;float: left;text-align: center;font-family: 'Noto Sans KR', sans-serif ;color: #ffffff;}

#login_after .l_logout a{text-decoration:none; color: #555555}
#login_after .l_classroom a{text-decoration:none;color: #ffffff}

#login_after .l_logout{background-color: #e1f3f9;color: #555555}
#login_after .l_classroom{background-color:#00b0ec;}

#login_after .l_red{color:red;}
#login_after .l_sky{color: #00b0ec;}
#login_after .l_bold{font-weight:bold;}



#login_after_sub{margin-bottom:10px;height: 167px;width:203px;border: 1px solid #039ed3; background-color: #fff;overflow: hidden;}
#login_after_sub .l_head{margin-bottom:5px;padding-left:7px;height: 40px;line-height: 40px;font-family: 'Noto Sans KR', sans-serif ;color: #ffffff;font-size: 20px;font-weight: 400;background-color: #039ed3;border-bottom: 2px solid #039ed3;}

#login_after_sub .l_pic{float:left;width:90px;height: 100px;padding:0px;margin:0px;color: #ffffff;border: 0px solid #b3b3b3;}

#login_after_sub .l_block{float:left;padding-left:20px;height: 25px;line-height: 25px;width:200px;color:  #636262;font-size: 14px;}

#login_after_sub ul{margin-top:5px;float:left;width: 100%;height:36px;border-top: 1px solid #039ed3}
#login_after_sub ul>li{width: 50%;height:40px;line-height:36px;font-size:14px;float: left;text-align: center;font-family: 'Noto Sans KR', sans-serif ;color: #ffffff;}

#login_after_sub .l_logout a{text-decoration:none; color: #555555}
#login_after_sub .l_classroom a{text-decoration:none;color: #ffffff}

#login_after_sub .l_logout{width: 100px;background-color: #e1f3f9;color: #555555}
#login_after_sub .l_classroom{width: 103px;background-color:#00b0ec;}

#login_after_sub .l_red{color:red;}
#login_after_sub .l_sky{color: #00b0ec;}
#login_after_sub .l_bold{font-weight:bold;}




/*S 레이어팝업*/
#layer_popup_container {clear:both;margin:0 auto; width:1020px;z-index:99;position:relative;}
	#l_pop{
		z-index:99;width:402px; height:400px; background:#3d3d3d; color:#fff; 
		position:absolute; 
		top:100px; 
		left: 50%;
		margin-left: -150px;
		margin-top: 0px; 
		border:2px solid #000;
		text-align:center; 
		}

	#check{position:absolute;top:5px;right:5px;font-size:26px;}
	#check a{cursor:pointer;text-decoration:none;color:#fff;}
	#close{position:absolute;bottom:0px;right:0px;font-size:13px; padding:5px;}
	#close a{cursor:pointer;text-decoration:none;color:#fff;}	
/*E 레이어팝업*/

/* button 
---------------------------------------------- */
.button_n {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button_n:hover {
text-decoration: none;
}
.button_n:active {
position: relative;
top: 1px;
}
.bigrounded {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.medium {
font-size: 12px;
padding: .4em 1.5em .42em;
}
.small {
font-size: 11px;
padding: .2em 1em .275em;
}
/* color styles 
---------------------------------------------- */
/* black */
.black {
color: #d7d7d7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top,  #666,  #000);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top,  #444,  #000);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top,  #000,  #444);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* gray */
.gray {
color: #e9e9e9;
border: solid 1px #555;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top,  #888,  #575757);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
color: #afafaf;
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background: -moz-linear-gradient(top,  #575757,  #888);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* white */
.white {
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top,  #fff,  #ededed);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top,  #ededed,  #fff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */
.orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.red {
color: #faddde;
border: solid 1px #980c10;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top,  #c9151b,  #a11115);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
color: #de898c;
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* blue */
.blue {
color: #d9eef7;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top,  #00adee,  #0078a5);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top,  #0095cc,  #00678e);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
color: #80bed6;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top,  #0078a5,  #00adee);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* rosy */
.rosy {
color: #fae7e9;
border: solid 1px #b73948;
background: #da5867;
background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
background: #ba4b58;
background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
color: #dca4ab;
background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* green */
.green {
color: #e8f0de;
border: solid 1px #538312;
background: #64991e;
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
background: #538018;
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
color: #a9c08c;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* pink */
.pink {
color: #feeef5;
border: solid 1px #d2729e;
background: #f895c2;
background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
background: #d57ea5;
background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
color: #f3c3d9;
background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}