@charset "utf-8";
/* CSS Document */

/*=======================================================================================
	공통 레이아웃
=======================================================================================*/
html{height:auto;min-height:100%;overflow-y:scroll;}
body{height:auto;min-height:100%;}
table, input, textarea, select, button{font-family:'Noto Sans KR', sans-serif;font-size:12px;letter-spacing:0;line-height:1.4em;letter-spacing:0;}
#k_wrap_main{height:auto;min-height:100%;font-size:12px;letter-spacing:0;background:#FFF url(../../Content/images/common/top_bg.jpg) repeat-x 0 0;}
#k_wrap{height:auto;min-height:100%;font-size:12px;letter-spacing:0;background:url(../../Content/images/common/top_bg.jpg) repeat-x 0 0}
#k_wrap_class{height:auto;min-height:100%;font-size:12px;letter-spacing:0;background:#f9f9f9 url(../../Content/images/common/top_bg_class.jpg) repeat-x 0 0;}
.k_header{width:1000px;height:70px;margin:auto;padding-right:24px;padding-top:27px;overflow:hidden;}
.k_container.class{clear:both;width:1024px;height:auto;min-height:100%;margin:auto;background:#FFF url(../../Content/images/common/left_bg.gif) repeat-y 0 0;overflow:hidden;}
.k_container.sub{clear:both;width:1024px;height:auto;min-height:100%;margin:auto;background:url(../../Content/images/common/left_bg.gif) repeat-y 0 0;overflow:hidden;}
.k_left{float:left;width:200px;height:100%;min-height:640px;background-color:#f9f9f9;/padding-bottom:65px;*/}
#k_wrap_class .k_left .minheight{min-height:1300px;}
.k_right{float:left;width:760px;height:100%;padding-left:40px;padding-right:24px;padding-bottom:40px;}
.k_right_class{float:left;width:760px;height:100%;background:url(../../Content/images/common/top_cont_bg.jpg) repeat-x 0 0;padding-left:40px;padding-right:24px;padding-bottom:40px;}
.k_cnt{clear:both;overflow:hidden;}
/* 푸터영역 */
hr{clear:both;display:block;width:100%;border-color:#f7f7f7;}
.k_footer{width:1000px;margin:auto;margin-bottom:80px;}
.footer_logo{float:left;margin-right:10px;}
address{float:left;font-size:11px;color:#959595;line-height:1.6em;}
.copyright{color:#c0c0c0;}
.bmenu{float:right;color:#959595;font-size:11px;}
.bmenu li{float:left;}
.bmenu li a{color:#959595;}
.bmenu li span{display:inline-block;width:22px;color:#e3e3e3;text-align:center;}


/*=======================================================================================
	테이블 스타일 정의
=======================================================================================*/
 /* 강의정보표시 테이블 */
table.tbl_sty01{width:100%;margin-top:18px;}
table.tbl_sty01 th{color:#717171;text-align:left;vertical-align:top;}
table.tbl_sty01 td{padding-bottom:9px;color:#404040;}
table.tbl_sty01 td ul{padding-bottom:10px;line-height:1.4em;}

/* 일반 테이블 */
table.tbl_sty02{width:100%;margin:5px 0;}
table.tbl_sty02 tr{clear:both;}
table.tbl_sty02 tr:hover{ background-color: #FAF4C0;}
table.tbl_sty02 th{font-family:'Noto Sans KR', sans-serif;height:30px;background-color:#1D68C6;color:#FFF;text-align:center;font-weight:bold;border:1px solid #DEDEDE;}
table.tbl_sty02 th span a{color:#FFF;}
table.tbl_sty02 tr.quit{background-color:#f8f8f8;}

table.tbl_sty02 tr.week{border-top:1px solid #bebebe;border-bottom:1px solid #e6e6e6;}
table.tbl_sty02 tr.week.st1{background-color:#f8f8f8;border-bottom:1px solid #868686;}
table.tbl_sty02 tr.week.st1 th.week{background-color:#f8f8f8;color:#404040;background:url(../../Content/images/class/week_th_bg.gif) no-repeat left bottom;}
table.tbl_sty02 td{padding:10px 4px;text-align:center;color:#404040;border:1px solid #f0f0f0;}
table.tbl_sty02 td span.status_icon{display:inline-block;width:20px;text-align:left;}
table.tbl_sty02 td span.no{display:inline-block;width:15px;vertical-align:top;color:#717171;}
/*table.tbl_sty02 td span.period{color:#9f9e9e;}*/
table.tbl_sty02 td.left{text-align:left;padding-left:15px;}
table.tbl_sty02 td.left strong{color:#000;}
table.tbl_sty02 td.em{color:#000;font-weight:bold;}
table.tbl_sty02 td span.pic{display:block;text-align:center;}
table.tbl_sty02 td.bdr{border-right:1px solid #f0f0f0;}
/*table.tbl_sty02 td.bg{background-color:#f9f7e6;}*/
table.tbl_sty02 td.bg1{background-color:#f5fcfe;}

/* 큰 팝업창에 삽입되는 테이블 */
table.tbl_sty03{width:100%;margin:10px 0;border-top:1px solid #ebebeb;}
table.tbl_sty03 tr:hover{ background-color: #FAF4C0;}
table.tbl_sty03 tr.quit{background-color:#f8f8f8;}
table.tbl_sty03 th, .tbl_sty03 td{padding:9px 10px;border:1px solid #ebebeb;}
table.tbl_sty03 th{font-family:'Noto Sans KR', sans-serif;text-align:center;font-weight:bold;background-color:#eef6fe;color:#004188; border:1px solid #fff}
table.tbl_sty03 th.st1{ font-weight:normal;font-family:'Noto Sans KR', sans-serif;}
table.tbl_sty03 th.bg{background-color:#eef6fe;}
table.tbl_sty03 td{text-align:left;color:#363636;}
table.tbl_sty03 td.txtC{text-align:center;}
table.tbl_sty03 td.ht200{height:200px;vertical-align:top;padding:10px;}
table.tbl_sty03 td input.intext{width:460px;height:30px;border:1px solid #bfbfbf;padding-left:7px;}
table.tbl_sty03 td input.intext.st1{width:97%;line-height:18px;padding-left:7px;}
table.tbl_sty03 td input.intext.st2{width:150px;line-height:18px;padding-left:7px;}
table.tbl_sty03 td input.intext.st3{width:45px;line-height:18px;text-align:center;}
table.tbl_sty03 td input.intext.st4{width:320px;line-height:18px;padding-left:7px;}/*file업로드시 input*/
/*table.tbl_sty03 td input.intext[value]{color:#a5a5a5;}*/
table.tbl_sty03 td input.intext.em[value]{color:#ee3124;padding-left:0;}
table.tbl_sty03 td textarea{width:460px;height:75px;border:1px solid #bfbfbf;padding:7px;overflow:auto;}
table.tbl_sty03 td textarea.st1{width:97%;}
table.tbl_sty03 td textarea.st1.ht150{width:97%;height:150px;}
table.tbl_sty03.mt0{margin-top:0;}
table.tbl_sty03.mt0 th{background-color:#e2efff; border:1px solid #ffffff; color:#004188;}
table.tbl_sty03.mt0 td{background-color:#eef6fe; border:1px solid #ffffff; color:Black;}
table.tbl_sty03 td.center{text-align:center;}
table.tbl_sty03 td.height{height:160px;vertical-align:top;}
table.tbl_sty03 div.s_tit01{float:left;width:60px;margin-left:8px;margin-right:10px;font-weight:bold;color:#404040;}
table.tbl_sty03 div.s_tit01 span{display:inline-block;text-align:right;width:14px;height:9px;font-size:9px;color:#404040;border-right:1px solid #ebebeb;margin-right:0px;}
table.tbl_sty03 td div.caution{color:#ee3124;}

/* 작은 팝업창에 삽입되는 테이블 */
table.tbl_sty04{width:310px;border-top:1px solid #868686;border-bottom:1px solid #ebebeb;}
table.tbl_sty04 tr{border-bottom:1px solid #ebebeb;}
table.tbl_sty04 th{width:70px;height:30px;line-height:20px;text-align:right;font-family:'Noto Sans KR', sans-serif;font-size:12px;font-weight:bold;}
table.tbl_sty04 th span.div{float:right;display:block;width:8px;height:20px;border-right:1px solid #868686;vertical-align:middle;}
table.tbl_sty04 td{width:260px;padding:10px 0 10px 10px;text-align:left;}
table.tbl_sty04 td input.intext{width:224px;border:1px solid #bfbfbf;padding-left:7px;}
table.tbl_sty04 td select{width:234px;border:1px solid #bfbfbf;color:#a5a5a5;padding-left:7px;}
table.tbl_sty04 td select.st1{width:100px;}
table.tbl_sty04 td textarea{width:220px;border:1px solid #bfbfbf;color:#a5a5a5;padding:7px;}

/* 공지사항 이전다음 테이블 */
table.tbl_sty05{clear:both;width:100%;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
table.tbl_sty05 tr{border-bottom:1px solid #ebebeb;}
table.tbl_sty05 th{height:29px;line-height:29px;text-align:center;font-family:'Noto Sans KR', sans-serif;font-size:12px;font-weight:bold;}
table.tbl_sty05 td{height:29px;line-height:29px;padding-left:15px;text-align:left;}
table.tbl_sty05 th a, table.tbl_sty05 td a{display:block;}

/* 게시판 아래 페이지 영역 */
.k_page_area{margin:30px;text-align:center;font-size:11px;font-weight:bold;}
.k_page_area span a{display:inline-block;width:20px;height:11px;line-height:11px;text-align:center;color:#999;}
.k_page_area span a img{vertical-align:top;margin-top:2px;}
.k_page_area ul{float:left;}
.k_page_area span.num{width:20px;height:11px;line-height:11px;background:#FFF url(../../Content/images/common/bbs_page_bd.gif) no-repeat 0 1px;text-align:center;}
.k_page_area span a.on{color:#ee3124;}

/*=======================================================================================
	폼 스타일 정의
=======================================================================================*/
/*input - text스타일*/
input.intext{width:73%;height:18px;line-height:18px;padding-left:7px;border:1px solid #bfbfbf;background-color:#FFF;}
input.intext.st1{width:145px;}
input.intext.st2{width:408px;height:28px;line-height:28px;}
input.intext.st3{width:30px;text-align:center;padding-left:0}/*점수*/
input.intext.st4{width:168px;}
input.intext.st5{width:150px;height:28px;line-height:28px;margin-right:5px;}
input.intext.st6{width:168px;height:23px;line-height:23px;margin-right:5px;}/* 비밀번호 변경 */
input.intext.st7{width:100px;line-height:18px;padding-left:7px;}/* 일정등록 팝업창 */
input.intext[value]{color:#404040;}
input.em[value]{width:85px;color:#ee3124;font-weight:bold;background-color:#FFF;}
input.intext[type="file"]{width:200px;height:22px;line-height:1.6em;border:1px solid #bfbfbf;}

/* textarea 스타일 */
textarea.intext{width:560px;height:55px;line-height:1.5em;padding:7px;overflow-y:auto;border:1px solid #bfbfbf;overflow-y:auto;}
textarea.intext1{width:580px;height:250px;line-height:1.5em;padding:7px;overflow-y:auto;border:1px solid #bfbfbf;overflow-y:auto;}

/* select 스타일 */
select{width:273px;padding-left:7px;height:22px;line-height:21px;font-size:12px;background:#FFF url(../../Content/images/common/select_arr.gif) no-repeat right center;border:1px solid #bababa;color:#828282;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	-ms-appearance: none;	
}
select::-ms-expand {  display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
select.st1{width:500px;}
select.st2{width:120px;}
select.st3{width:55px;}
select.st4{width:86px;margin-left:50px;}
select.st5{width:80px;}

/* input - file 스타일*/
.file_input_textbox {float:left; width:200px;height:18px;border:1px solid #cccccc; font-family:'dotum'; resize:none; line-height:14px;} 
.file_input_div {position:relative;float:left; width:60px;height:18px;padding-left:5px;overflow: hidden;} 
.file_input_button {position:absolute;top:0px;width:59px;height:18px;background:url(../../Content/images/class/btn_file_select.gif) no-repeat 0 0;} 
.file_input_hidden {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} 

/* radio 스타일 */
.radio_area{padding:0 10px 0 15px;overflow:hidden;}
.radio_area span{display:inline-block;margin-right:5px;}

.search_area{float:right;overflow:hidden;}

/*=======================================================================================
	버튼 스타일 정의
=======================================================================================*/
div.k_btn_area{margin:45px auto;overflow:hidden;text-align:center;}
div.k_btn_area_r{width:100%;padding:10px 0;text-align:right;}
button.btn_sty01{width:72px;height:29px;background:url(../../Content/images/common/btn_bg.gif) no-repeat 0 0;font-family:'Noto Sans KR', sans-serif;font-size:12px;color:#454545;line-height:29px;text-align:center;}
span.btn_sty02 a:hover{background-color:#000;opacity:.5;}
button.btn_sty03{width:90px;height:29px;background:url(../../Content/images/common/btn_bg_long.gif) no-repeat 0 0;font-family:'Noto Sans KR', sans-serif;font-size:12px;color:#454545;line-height:29px;text-align:center;}
div.k_btn_area button{height:30px;padding:0 5px;}

/*=======================================================================================
	상단 gnb 
=======================================================================================*/
.k_header .k_logo{float:left;width:400px;height:42px;font-size:14px;line-height:14px;font-style:normal;overflow:hidden;}
.k_header .k_logo a span.k_logo_txt{display:inline-block;color:#333366;vertical-align:middle;letter-spacing:-1px;margin-top:6px;}
.k_header .k_logo a img{margin-right:10px;}
.k_header .k_gnb ul{float:left;margin-top:14px;padding-left:20px;}
.k_header .k_gnb li{float:left;}
.k_header .k_gnb li a{display:inline-block;}
.k_header .k_gnb li span.div{display:inline-block;width:60px;text-align:center;color:#cacaca;font-size:12px;font-weight:normal;}
.k_header .k_loginfo{float:right;width:139px;margin-top:7px;}
.k_header .k_loginfo ul.log_layer1{overflow:hidden;margin-bottom:8px;color:#404040;}
.k_header .k_loginfo ul.log_layer1 li.log_name1 a{display:block;width:117px;text-align:right;padding-top:3px;}
.k_header .k_loginfo ul.log_layer1 li.btn_logout a{text-align:right;margin-left:5px;margin-top:-3px;padding:0 2px;}
.k_header .k_loginfo ul.log_layer1 li{float:left;font-size:11px;line-height:10px;}
.k_header .k_loginfo div.log_layer2{float:left;font-size:11px;line-height:10px;}
.k_header .k_loginfo div.log_layer2 span{color:#a5a5a5;margin-right:3px;}
.k_header .k_loginfo div.log_layer3{text-align:right;margin-top:5px;}

/*=======================================================================================
	왼쪽 lnb 
=======================================================================================*/
/* 강의실 lnb */
.k_left .copy{margin:160px 0 25px 20px;display:none;}
.k_class_lnb{min-height:1020px;}
.k_class_lnb li a{display:block;text-decoration:none;}
.k_class_lnb>ul>li:first-child{border-top:none;}
.k_class_lnb li .lnbMain a{padding-left:20px;height:34px;line-height:34px;background:#DEDEDE url(../../Content/images/class/lnbMain_icon.gif) no-repeat 180px center;font-weight:bold;color:#000;}
.k_class_lnb .lnbSub{background:#EAEAEA url(../Content/images/class/lnb_subli_bg.gif) no-repeat 0 0;}
.k_class_lnb .lnbSub li{height:28px;line-height:28px;}
.k_class_lnb .lnbSub li a{margin-left:20px;padding-left:13px;background:url(../../Content/images/class/lnbSub_icon.gif) no-repeat 0 center;color:#555;}
.k_class_lnb .lnbSub li:last-child{background:none;}
.k_class_lnb li .lnbMain a.on{color:#FFF;background-color:#0082cc;font-weight:bold;border:none;}
.k_class_lnb .lnbSub li.on a{font-weight:bold; font-size:13px;color:#0066CC;}

/* 서브메뉴 lnb */
.k_lnb{border-bottom:1px solid #bebebe;overflow:hidden;}
.k_lnb p{border-bottom:1px solid #868686;}
.k_lnb li a{display:block;height:38px;line-height:38px;border-bottom:1px solid #FFF;color:#616161;font-weight:bold;text-align:right;padding-right:28px;background:url(../..//Content/images/common/k_lnb_off.gif) no-repeat right center, url(../../Content/images/common/pattern_left.jpg) repeat 0 0;}
.k_lnb li.on a{color:#ee3124;}

/*=======================================================================================
	오른쪽 컨텐츠
=======================================================================================*/
/* 컨텐츠상단 타이틀 영역 */
.k_cnt_top{height:94px;margin-bottom:10px;}
.k_cnt_top .k_cnt_tit{float:left;}
.k_cnt_top .k_cnt_tit h2{margin-top:27px;margin-bottom:12px;font-size:26px;font-weight:normal;font-family:'Noto Sans KR', sans-serif;color:#0082cc;}
.k_cnt_top .k_info{float:right;margin-top:57px;}
.k_cnt_top .k_info li{float:left;margin-right:8px;line-height:18px;}
.k_cnt_top .k_info li:last-child{margin-right:0;}
.k_cnt_top .k_info li span{margin-left:5px;font-weight:bold;}
.k_cnt_top .k_info li.div{width:6px;text-align:center;}
.k_cnt_tit1 h3{font-size:16px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;color:#404040;margin-bottom:20px;}
.curr{clear:both;font-size:11px;color:#959595;text-align:right;}
.curr span.curr_space{display:inline-block;width:25px;text-align:center;color:#959595;}
.k_cnt_top2{height:54px;border-bottom:1px solid #868686;margin-bottom:16px;}
.k_cnt_top2 .k_cnt_tit h3{float:left;margin-top:25px;font-size:16px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;color:#404040;}
.k_cnt_top2 .k_cnt_tit .curr{clear:none;float:right;margin-top:30px;}


/* 컨텐츠 서브타이틀 이하 */
.k_cnt .bbs{clear:both;margin-bottom:50px;overflow:hidden;}
.k_cnt .bbs .bbs_tit{float:left;width:120px;}
.k_cnt .bbs .bbs_list{float:right;width:640px;}
.k_cnt .bbs .bbs_list li{width:300px;height:22px;line-height:22px;}
.k_cnt .bbs .bbs_list li a:hover{/*color:#cd1b0d;*/color:#404040;}
.k_cnt .bbs .bbs_list li span.bbs_subj{display:block;float:left;width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.k_cnt .bbs .bbs_list li span.bbs_date{float:right;width:70px;text-align:right;}
.class_sche{clear:both;}

/* 다운로드 리스트 보이기닫기 */
.download_area{position:relative;width:20px;height:20px;margin:auto;}
.down_btn{cursor:pointer;}
.down_list_wrap{display:none;position:absolute;right:22px;top:-7px;width:175px;background:url(../../Content/images/common/pop_box_arr.png) no-repeat right 10px;z-index:100;}
.download_area .down_list{width:170px;border-radius:3px;background-color:#565656;padding-bottom:10px;color:#FFF;}
.download_area .down_list p{height:28px;line-height:24px;border-radius:3px;text-align:left;background-color:#404040;padding-left:13px;font-weight:bold;}
.download_area .down_list p .pop_close{display:inline-block;float:right;padding:2px 5px;cursor:pointer;}
.download_area .down_list ul{padding:5px 0;}
.download_area .down_list li a{display:block;width:150px;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding-left:13px;color:#FFF;}

.casement_area{position:relative;width:15px;height:15px;margin:auto;}
.case_list_wrap{display:none;position:absolute;right:16px;top:-5px;width:135px;background:url(../../Content/images/common/pop_box_arr.png) no-repeat right 10px;z-index:100;}

.case_btn{cursor:pointer;}
span.bul_week, span.bul_week a{display:inline-block;width:20px;height:19px;line-height:19px;border-radius:4px;text-align:center;color:#404040;font-weight:bold;font-size:11px;letter-spacing:-1px;}
span.bul_test, span.bul_test a{display:inline-block;width:20px;height:19px;line-height:19px;border-radius:4px;text-align:center;background-color:#fc7950;color:#FFF;font-weight:bold;font-size:11px;letter-spacing:-1px;}
span.bul_result, span.bul_result a{display:inline-block;width:20px;height:19px;line-height:19px;border-radius:4px;text-align:center;background-color:#ee8b2b;color:#FFF;font-weight:bold;font-size:11px;letter-spacing:-1px;}
span.bul_check, span.bul_check a{display:inline-block;width:20px;height:19px;line-height:19px;border-radius:4px;text-align:center;background-color:#c6ad08;color:#FFF;font-weight:bold;font-size:11px;letter-spacing:-1px;}
span.bul_test a, span.bul_result a,  span.bul_check a{display:block;color:#FFF;}
.case_btn span.on{border:2px solid #f00;}
.case_btn span.bul_test.on{border:2px solid #ff0;}
.case_btn span.bul_result.on{border:2px solid #f90;}
.case_btn span.bul_check.on{border:2px solid #09f;}
.casement_area .case_list{width:130px;border-radius:3px;background-color:#565656;padding-bottom:10px;color:#FFF;}
.casement_area .case_list p{height:28px;line-height:24px;border-radius:3px;text-align:left;background-color:#404040;padding-left:13px;font-weight:bold;}
.casement_area .case_list p .pop_close{display:inline-block;float:right;padding:4px 5px;cursor:pointer;}
.casement_area .case_list ul{}
.casement_area .case_list li a{display:block;width:150px;height:24px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding-left:13px;color:#FFF;}


/* 오시는길 정보표시 */
.location_info{width:600px;margin:auto;white-space:normal;line-height:26px;}
.location_info strong{display:inline-block;width:70px;vertical-align:top;}
.location_info .div{display:inline-block;width:20px;text-align:center;color:#ebebeb;vertical-align:top;}
.location_info ul{display:inline-block;}


/*=======================================================================================
	강의실
=======================================================================================*/
/* 강의실 상세정보 */
.myclass_intro{margin:17px 0 37px;padding:8px 18px;font-size:16px;color:#404040;font-family:'Noto Sans KR', sans-serif;overflow:hidden;border:1px solid #0082cc;}
.myclass_intro:after{display:block;content:"";clear:both;}
.myclass_name{float:left;font-weight:bold;line-height:24px;}
.myclass_room {float:right;}
.myclass_room li{float:left;padding-right:35px;}
.myclass_room li img{margin-right:15px;}
.myclass_room li span{color:#0082cc;font-weight:bold;}

/* 강의실 홈 회차현황 그래프 */
.class_info_area{width:760px;height:83px;margin-bottom:45px;overflow:hidden;}
.class_info_area:after{display:block;content:"";clear:both;}
.class_info_tit{float:left;margin-top:40px;}

.class_info{position:relative;float:right;width:653px;height:36px;margin-bottom:5px;overflow:hidden;background:#FFF url(../../Content/images/class/class_info_txt.gif) no-repeat right 18px;z-index:9990;}
.class_info .layer_th{width:26px;height:29px;margin-bottom:9px;background:#FFF url(../../Content/images/class/class_info_th.gif) no-repeat 0 0;text-align:center;padding-top:3px;font-weight:bold;color:#FFF;z-index:9999;}
.class_info .layer_base{position:absolute;left:13px;top:0;width:450px;height:34px;border-bottom:2px solid #d3d3d3;}
.class_info .layer_line{position:absolute;left:13px;top:0;height:34px;border-bottom:2px solid #fc7950;}

.class_info1{position:relative;float:right;width:640px;height:42px;border-radius:2px;background:url(../../Content/images/class/class_info_bar.gif) no-repeat 0 0;overflow:hidden;}
.class_info1 .layer_status{position:absolute;left:0;top:0px;max-width:450px;height:42px;line-height:42px;background-color:#fc7950;font-family:'Noto Sans KR', sans-serif;font-size:12px;text-align:right;font-weight:bold;color:#FFF;}
.class_info1 .layer_status span{font-size:24px;}
.class_info1 .layer_total{position:absolute;right:118px;top:0px;width:70px;max-width:190px;height:42px;line-height:42px;font-family:'Noto Sans KR', sans-serif;font-size:12px;text-align:center;font-weight:bold;color:#FFF;}
.class_info1 .layer_total span{display:inline-block;font-size:24px;z-index:900;}

/* 더보기버튼 */
.btn_more_area{float:right;position:relative;width:61px;margin-left:10px;z-index:100;}
.btn_more{cursor:pointer;}
.btn_more_on{display:none;position:absolute;left:0;top:0;width:61px;background:#FFF url(../../Content/images/common/btn_more_on_bk.gif) no-repeat center bottom;font-size:11px;color:#7d7d7d;text-align:center;cursor:pointer;z-index:101;}
.btn_more_on ul{width:53px;margin:auto;}
.btn_more_on ul li a{display:block;line-height:1.2em;padding:5px 0;border-bottom:1px dotted #e1e1e1;}
.btn_more_on .bottom{height:6px;line-height:0;}

/* 범례 */
.info_txt{color:#787878;line-height:1.4em;}
.info_txt dt{clear:both;line-height:20px;margin-top:15px;}
						

/*=======================================================================================
	탭 스타일 정의
=======================================================================================*/
.tab_three{position:relative;width:100%;height:35px;border-bottom:1px solid #c9c9c9;padding-top:5px;margin-bottom:23px;}
.tab_three:after{display:block;content:"";clear:both;}
.tab_three ul.tab_list{display:table;border-collapse:collapse;width:100%;margin-bottom:10px;font-family:'Noto Sans KR', sans-serif;}
.tab_three ul.tab_list li{display:table-cell;float:left;width:150px;height:34px;line-height:34px;background-color:#fafafa;text-align:center;border:1px solid #dfdfdf;border-bottom:none;color:#9f9e9e;font-weight:bold; font-size:13px;}
*+html body .tab_three ul.tab_list li{float:left;width:150px;}/* ie7 hack */
.tab_three ul.tab_list li a{display:block;color:#717171;}
.tab_three ul.tab_list li.on{background-color:#FFF;border:1px solid #c9c9c9;border-bottom:1px solid #FFF; border-top:2px solid #0066cc;}
.tab_three ul.tab_list li.on a{display:block;color:#0066cc;}

.tab_select{*zoom:1;}
.tab_select:after{display:block;content:"";clear:both;}
.tab_select ul{position:relative;display:table;border-collapse:collapse;width:100%;margin-bottom:15px;font-family:'Noto Sans KR', sans-serif; font-size:13px;}
.tab_select li{display:table-cell;float:left;width:118px;height:34px;line-height:34px;background-color:#fafafa;text-align:center;border:1px solid #dfdfdf;border-bottom:1px solid #c9c9c9;color:#9f9e9e;font-weight:bold;}
*+html body .tab_select li{float:left;width:118px;}/* ie7 hack */
.tab_select li a{display:block;}
.tab_select li.on{background-color:#FFF;border:1px solid #c9c9c9;border-bottom:1px solid #FFF; border-top:2px solid #0066cc;}
.tab_select li.on a{color:#0082cc;}
.tab_select li.tab_select_space{width:520px;border:none;background:none;border-bottom:1px solid #c9c9c9;}

.tab_area .charge{clear:both;overflow:hidden;}
.tab_area .charge li{float:left;}
.tab_area .charge li.on{color:#000;font-weight:bold;}
.tab_area .charge li a{display:block;color:#404040;}
.tab_area .charge li.div{display:inline-block;width:21px;text-align:center;color:#ccc;}

.option_area{position:relative;height:25px;padding-top:5px;}
.option_area_r{float:right;width:300px;height:25px;margin-bottom:5px;overflow:hidden;}
*+html body div.option_area_r{float:right;width:335px;height:22px;margin-bottom:0;overflow:hidden;}
.option_area_r:after{display:block;content:"";clear:both;}
.btn_down{position:absolute;top:8px;right:20px;}

/*=======================================================================================
	교수정보 photo
=======================================================================================*/
.photo_info_area{clear:both;width:765px;border-top:1px solid #bebebe;border-bottom:1px solid #f0f0f0;padding-bottom:9px;color:#404040;overflow:hidden;}
.photo_info_area div.photo_img{position:relative;float:left;width:150px;margin-top:18px;margin-right:55px;text-align:center;}
div.photo_img li{text-align:center;}
div.photo_img img{margin-bottom:8px;}
.photo_info_area div.photo_img .photo_mark{position:absolute;right:5px;top:5px;}
.photo_info_area div.photo_info{float:left;width:560px;text-align:left;margin-top:18px;}
.photo_info_area div.photo_info div.photo_name{height:20px;font-size:14px;border-bottom:1px solid #868686;margin-bottom:10px;}
.photo_info_area div.photo_info dt{clear:both;float:left;width:62px;height:25px;line-height:25px;font-weight:bold;color:#717171;}
.photo_info_area div.photo_info dt.st1{clear:none;float:left;}
.photo_info_area div.photo_info dd{float:left;line-height:25px;}
.photo_info_area div.photo_info dd ul{padding-bottom:15px;line-height:1.4em;}

/* 상세팝업창에서 사진정보 photo */
.photo_info_area.st1{width:600px;}
.photo_info_area div.photo_info.st1{width:390px;margin-top:10px;}

/*=======================================================================================
	댓글정보
=======================================================================================*/
.reply_area{width:720px;padding:12px 20px;background-color:#fafafa;overflow:hidden;}
.reply_area .txt{color:#a5a5a5;font-weight:bold;margin-bottom:9px;}
.reply_area textarea{width:634px;height:48px;overflow:auto;padding:3px 8px;border:1px solid #eee;color:#0082cc;}
.reply_area button{vertical-align:top;margin-bottom:12px;}
.reply_list{clear:both;overflow:hidden;padding:12px 0;border-bottom:1px dotted #e1e1e1;}
.reply_list li .re_name{color:#404040;width:50px;font-weight:bold;}
.reply_list li .re_date{color:#898989;}
.reply_list li .reply_in{clear:both;width:670px;padding:10px 10px 0 0;}

/*=======================================================================================
	마이페이지>일정관리
=======================================================================================*/
.sche_view_today{width:726px;padding:10px 20px 20px;background-color:#f9f9f9;border-top:1px solid #bebebe;overflow:hidden;}
.sche_view{float:left;width:220px;}
.sche_view_tit_wrap{position:relative;}
.sche_view_tit{font-size:14px;border-bottom:1px dotted #313131;text-align:center;padding-bottom:10px;;}
.sche_view_tit span{color:#404040;font-weight:bold;letter-spacing:1px;}
.sche_arr_l a{position:absolute;left:0;top:0;display:block;}
.sche_arr_r a{position:absolute;right:0;top:0;display:block;}
.tbl_sche_view{width:218px;color:#616161;text-align:center;background-color:#FFF;}
.tbl_sche_view th{width:30px;height:24px;line-height:24px;border:none;background-color:#f9f9f9;}
.tbl_sche_view td{width:30px;height:30px;line-height:30px;border:1px solid #bebebe;}
.tbl_sche_view td div.on{width:27px;height:28px;line-height:28px;text-align:center;padding-left:1px;border:1px solid #ee3124;}
.tbl_sche_view td div.bg{background-color:#dadada;}

.sche_today{float:right;width:480px;}
.sche_today_tit{border-bottom:1px solid #868686;color:#a5a5a5;font-weight:bold;padding-bottom:10px;overflow:hidden;}
.sche_today_tit span{color:#404040;font-size:14px;}
.sche_today ul{clear:both;margin-top:20px;line-height:20px;}

/*=======================================================================================
	센터소개>교수진
=======================================================================================*/
.prof_info_area{clear:both;margin-bottom:25px;overflow:hidden;}
.prof_info_area li{float:left;height:330px;color:#404040;line-height:1.2em;}
.prof_info{width:180px;margin-right:110px;}
.prof_info_mr{width:180px;margin-right:0px;}
.prof_info img, .prof_info_mr img{margin-bottom:8px;}
.p_name{height:20px;line-height:20px;font-size:14px;color:#404040;font-weight:bold;}
.p_pos{display:inline-block;color:#9a9a9a;}
.p_hr{height:1px;border-bottom:1px solid #868686;margin:8px 0;}
.p_tit{color:#717171;font-weight:bold;font-family:'Noto Sans KR', sans-serif;margin-right:10px;}

/*=======================================================================================
	팝업창
=======================================================================================*/
/* 교과목상세 */
.k_pop_box1{width:600px;padding:22px 20px 40px;letter-spacing:0;overflow:hidden;border:1px solid #ddd;}
.k_pop_tit{font-size:16px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;margin-bottom:20px;}
.k_pop_tit span{color:#276fb7;}
.k_sub_tit{color:#404040;font-weight:bold;margin-bottom:10px;line-height:11px;}
.k_sub_tit span a img{margin-top:-3px;}
.k_script{width:590px;padding:15px 5px 35px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.k_script .nodata{height:70px;text-align:center;padding-top:30px;vertical-align:middle;color:#a5a5a5;}

/* 작은 팝업창 */
.k_pop_box2{width:310px;padding:28px 20px;letter-spacing:0;overflow:hidden;border:1px solid #ddd;}

/* 일정관리 팝업창 */
.k_pop_box3{width:420px;padding-bottom:40px;border-radius:4px;letter-spacing:0;overflow:hidden;border:1px solid #ddd;}
.k_pop_box3 .k_pop_box_tit{position:relative;height:28px;line-height:28px;background-color:#00b3e3;padding-left:20px;color:#FFF;font-weight:bold;font-size:14px;}
.k_pop_box3 .k_pop_box_tit .win_close{position:absolute;right:20px;top:0;}
.k_pop_box3>table{width:380px;margin:20px auto;color:#717171;}
.k_pop_box3>table td.left{color:#414141;}
.txt_data_box{width:576px;height:520px;padding:16px 12px;border:1px solid #bfbfbf;white-space: pre-wrap;line-height:1.4em;overflow-y:auto;}

/* 로그인 팝업창 */
.k_pop_box4{width:363px;height:282px;overflow:hidden;border:1px solid #ddd}
.k_pop_box4 p{padding:32px 0 0 45px;}
.pop_log_logo{padding:24px 0 8px 57px;}
.pop_log_in{background-color:#ebebeb;overflow:hidden;}
.pop_log_in ul{width:282px;margin:7px auto 5px;}
.pop_log_in ul input[type="text"], .pop_log_in ul input[type="password"]{width:190px;padding-left:10px;height:23px;line-height:23px;border:1px solid #bebebe;margin-bottom:2px;background-color:#FFF;color:#0082cc;}


/*=======================================================================================
	기타
=======================================================================================*/
.k_tit{font-size:14px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;color:#414141;background:#FFF url(../../Content/images/common/bbs_tit0.gif) no-repeat 2px center;padding-left:20px;}
.k_title{font-size:14px;font-weight:bold;font-family:'Noto Sans KR', sans-serif;color:#414141;}
.desc{color:#a5a5a5;margin-top:5px;}
.space{margin-left:20px;}
.mt_space{margin-top:25px;}
.btn_space{margin-right:2px;}
.nodata{height:30px;padding-top:20px;vertical-align:middle;color:#898989;}
.pt0{padding-top:0;}
.mt5{margin-top:5px;}
.star{color:#ee3124;font-size:11px;margin-right:5px;vertical-align:top;}
.bold{font-weight:bold;color:#ee3124;}
.last{margin-right:0;}



.k_Button1 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#363636;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 9px;
	text-decoration:none;
	margin-right:4px;
}
.k_Button1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.k_Button1:active {
	position:relative;
	top:1px;
}

.k_Button2 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0066CC), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #0066CC 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #0066CC 5%, #378de5 100%);
	background:-o-linear-gradient(top, #0066CC 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #0066CC 5%, #378de5 100%);
	background:linear-gradient(to bottom, #0066CC 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CC', endColorstr='#378de5',GradientType=0);
	background-color:#0066CC;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 9px;
	text-decoration:none;
	margin-right:4px;
}
.k_Button2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #0066CC));
	background:-moz-linear-gradient(top, #378de5 5%, #0066CC 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #0066CC 100%);
	background:-o-linear-gradient(top, #378de5 5%, #0066CC 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #0066CC 100%);
	background:linear-gradient(to bottom, #378de5 5%, #0066CC 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#0066CC',GradientType=0);
	background-color:#378de5;
}
.k_Button2:active {
	position:relative;
	top:1px;
}


.j_tit {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
    margin-bottom: 20px;
    color: #000000;
}

table.tbl_journal{width:100%;margin:10px 0;border-top:1px solid #ebebeb;}
table.tbl_journal th, .tbl_sty03 td{padding:9px 10px;border:1px solid #ebebeb;}
table.tbl_journal th{font-family:'Noto Sans KR', sans-serif;text-align:center;font-weight:bold;background-color:#ffffff;color:#000000; border:1px solid #fff}
table.tbl_journal td{text-align:left; color:#363636; padding: 9px 10px}
table.tbl_journal td.txtC{text-align:center;}
table.tbl_journal.mt0{margin-top:0;}
table.tbl_journal.mt0 th{background-color:#F2F2F2; border:1px solid #000000; color:#000000;}
table.tbl_journal.mt0 td{background-color:#ffffff; border:1px solid #000000; color:#000000;}
table.tbl_journal td.center{text-align:center;}
table.tbl_journal td.height{height:160px;vertical-align:top;}
table.tbl_journal div.s_tit01{float:left;width:60px;margin-left:8px;margin-right:10px;font-weight:bold;color:#404040;}
table.tbl_journal div.s_tit01 span{display:inline-block;text-align:right;width:14px;height:9px;font-size:9px;color:#404040;border-right:1px solid #ebebeb;margin-right:0px;}