@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body { margin: 0px; padding: 0px; }
a, a:link { text-decoration: none; }
	a:visited, a:hover, a:active{text-decoration:none;}

/* Header CSS */
h1 { font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #390; height: 30px; text-align: left; background-image: url(../images/bg_top.JPG); padding: 15px; }

ul {list-style-type: none;overflow:hidden;box-sizing:border-box;}
li {box-sizing:border-box;}

body header div h1 a { color: #A9F539; text-decoration: none; }

.header { background-color: #fff; } .main_menu { font-family: "돋움", "돋움체";  font
size: 14px;  text-decoration: none;  border: 1px  solid #999;  background-color:
#CCC; width:  100%; }  .main_menu li  { float:  left; width:  25%; height: 25px;
text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom:  0px;
padding-left: 0px; background-color:  #CCC; border-top-width: 0px;  border-right
width: 0px; border-bottom-width: 0px; border-left-width: 0px;  border-top-style:
solid; border-right-style: solid; border-bottom-style: solid; border-left-style:
solid;  border-top-color: #999;  border-right-color: #999;  border-bottom-color:
#999; border-left-color: #999; }

img {border:0px;}




input {margin-top:10px;padding-left:10px;padding-right:10px;height:35px;vertical-align:bottom;border:1px solid #ddd;background-color:#ffffff;overflow:hidden;box-sizing:border-box;}
select {margin-top:10px;height:35px;background:#ffffff;vertical-align:bottom;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;}

article {background-color:#ecedef;overflow:hidden;}



.id_jung{margin-top:10px;padding-top:8px;padding-bottom:8px;width:20%;height:17px;border:1px solid #ddd; font-size:12px; text-align:center;background-color:#ffffff;float:right;}

.login_btn {
	margin-top:15px;
	padding:10px;
	box-sizing:border-box;
	width:100%;
	height:45px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	background-color:#ffd511;
	border-bottom:5px solid #c8a501;
	}
.login_btn:hover{background-color:#ffe153;}

.license_go_btn {
	margin:15px 10px 15px 10px;
	padding:15px;
	box-sizing:border-box;
	overflow:hidden;

	height:50px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	background-color:#468ce4;
	border:1px solid #0d54ae;
	}
.license_go_btn:hover{background-color:#589aec;}

.home_btn {padding:13px 10px 7px 10px;background-color:#27507e;}
.home_btn a img{height:30px;}
.left_menu_top {border-bottom:1px solid #d4d4d4;}
.left_menu_top li {float:left;border-right:1px solid #d4d4d4;overflow:hidden;box-sizing:border-box;}
.left_menu_top li:nth-child(3){float:left;border-right:0px solid #d4d4d4;}
.left_menu_top li a img:nth-child(1){height:75px;display:block;}
.left_menu_top li a img:nth-child(2){height:75px;display:block;}
.left_menu_top li a img:nth-child(3){height:75px;display:block;}

.left_menu {background-color:#ffffff;}
.left_menu li{padding:10px 10px 10px 40px;width:300px; background-color:#ffffff;border-bottom:1px solid #d4d4d4;z-index:400;}
.left_menu li:hover{background-color:#ffe153;}
.left_menu ol:nth-child(1){font-size:14px;padding:10px;width:150px; float:left;text-align:center;background-color:#f8f8f8;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;overflow:hidden;box-sizing:border-box;}
.left_menu ol:nth-child(2){font-size:14px;padding:10px;width:150px; float:none;text-align:center;background-color:#f8f8f8;border-bottom:1px solid #d4d4d4;overflow:hidden;box-sizing:border-box;}
.left_menu ol:hover{background-color:#ffe153;}



.header {overflow:hidden;}
.header .menu img{width:auto;height:30px;overflow:hidden;position: absolute;}
.header .logo img{width:auto;height:40px;overflow:hidden;position: absolute;left: 50%;margin: 1px 0 0 -50px;}
.header .login img{width:auto;height:40px;overflow:hidden;position: absolute;right: 0px;margin: 0 10px 0 0;}

.back_btn {width:100%;overflow:hidden;border-bottom:1px solid #333333;border-top:1px solid #ddd; box-sizing:border-box;height:40px;background-color:#ffffff;}
.back_btn li {padding:5px;width:10%;height:40px;float:left; box-sizing:border-box;font-weight:bold; font-size:20px;text-align:center;background-color:#27507e;border-bottom:0px solid #ffffff;}
.back_btn li:nth-child(2) {padding-right:10%;padding-bottom:10px;width:90%;font-weight:bold;background-color:#27507e;color:#ffffff;font:18px '맑은 고딕';}
.back_btn:hover{background-color:#ffffa4;}

.title_02 {padding:15px 10px 0px 10px;width:100%;overflow:hidden;}
.title_02 li{text-align:center; float:left;font-size:16px;color:#333333;font-weight: bold;}
.title_02 li:nth-child(2){text-align:center; float:left;font-size:12px;color:#333333;font-weight: bold;}

.list_no {margin:10px;background-color:#ffffff;}
.list_no li{width:100%;padding-top:110px;height:150px;color:#676767;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa;background:url('/images/my_room/no_img.jpg') center no-repeat;background-size:65px;}



.top_title {padding:0px 10px 0px 10px;margin:9px 0px 1px 0px;width:100%;overflow:hidden;height:50px;}
.top_title li {float:left;height:45px;}
.top_title li:nth-child(1){width:15%;background:url('/images/top/menu_btn.jpg') left no-repeat;background-size:35px;}
.top_title li:nth-child(2){width:70%;background:url('/images/top/logo_gnb.png') center no-repeat;background-size:220px;}
.top_title li:nth-child(3){width:15%;background:url('/images/top/login_btn.jpg') right no-repeat;background-size:35px;}

.top_menu { width:100%;}
.top_menu li { padding:7px; text-align:center; float:left; width:50%;  background-color:#ffffff;font-size:16px;color:#333333;font-weight: bold;}
.top_menu li:nth-child(1) { border:1px solid #cccccc;}
.top_menu li:nth-child(2) { border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.top_menu li:hover{background-color:#ffffff;}

.img_list {margin:10px 10px 0px 10px;}
.img_list li {float:left; width: 33.3%; }
.img_list li:nth-child(1){clear:both;}
.img_list li:nth-child(4){clear:both;}
.img_list li:nth-child(7){float:none;}
.img_list li img{width:100%;border:1px solid #ddd; display:block;}
.img_list li a img{width:100%;border:1px solid #ddd; display:block;}








.lecture_list_img {margin:10px 5px 0px 5px;overflow:hidden; border:1px solid #ddd; box-sizing:border-box;background-color:#ffffff;}
.lecture_list_img .title{padding:10px;overflow:hidden;font-weight:bold; font-size:16px;letter-spacing:-0.2px;color:#ffffff;}
.lecture_list_img ul{padding:5px;width:50%;float:left; background-color:#ffffff;}
.lecture_list_img ul li { border:1px solid #ddd; box-sizing:border-box;font-weight:bold; font-size:12px;line-height:30px;text-align:center;}
.lecture_list_img ul li a {font-weight:bold; font-size:12px;line-height:30px;color:#ffffff;}
.lecture_list_img ul li a img{width:100%; display:block; }
.lecture_list_img ul li img{width:100%; display:block; }
.lecture_list_img ul li:hover{border:1px solid #ddd;}


.lecture_in_list {margin:10px 0px 0px 0px;overflow:hidden; border-top:1px solid #666666; border-bottom:1px solid #666666; box-sizing:border-box;}
.lecture_in_list ul{border-bottom:1px solid #ddd;background-color:#ffffff;}
/* .lecture_in_list ul:hover{background-color:#ffffe4;} */
.lecture_in_list ul:active{}
.lecture_in_list ul li{padding:10px; overflow:hidden;float:left;}
.lecture_in_list ul li:nth-child(1){width:20%;text-align:center;}
.lecture_in_list ul li:nth-child(2){width:80%;border-left:1px solid #ddd;}


.lecture_in_list li a {font-weight:bold; font-size:11px;letter-spacing:-1px;line-height:30px;color:#ffffff;text-align:center;}



.license_in {margin-top:10px;overflow:hidden; border-top:1px solid #666666; border-bottom:1px solid #666666; box-sizing:border-box;}
.license_in ul{border-bottom:1px solid #ddd;background-color:#ffffff;}
.license_in ul li{padding:10px; float:left;}
.license_in ul li:nth-child(1){padding-top:17px;width:30%;height:55px;text-align:center;font-weight:bold;background-color:#f5f5f5;}
.license_in ul li:nth-child(2){width:70%;border-left:1px solid #ddd;}


.license_in_list {margin-top:10px;overflow:hidden; border-top:1px solid #666666; border-bottom:1px solid #666666; box-sizing:border-box;}
.license_in_list ul{border-bottom:1px solid #ddd;background-color:#ffffff;}
.license_in_list ul li{padding:10px; float:left;}
.license_in_list ul li:nth-child(1){padding-top:10px;width:70%;height:40px;background-color:#f5f5f5;}
.license_in_list ul li:nth-child(2){padding-top:10px;width:30%;height:40px;text-align:center;background-color:#f5f5f5;border-left:1px solid #ddd;}



.main_img_1 {margin:20px 10px 0px 10px;background-color:#ffffff;}
.main_img_1 li {padding:15px;float: left;font-size:14px; width: 50%; font-weight:bold;border:1px solid #ddd; display:block;}
.main_img_1 li:hover{background-color:#ffffe4;}
.main_img_1 li img{width:100%;}

.main_img_2 {margin:20px 10px 0px 10px;background-color:#ffffff;}
.main_img_2 li {padding:15px;float: left;font-size:14px; width: 50%; font-weight:bold;border:1px solid #ddd; display:block; background:url('/images/arrow_right.jpg') 90% center no-repeat;background-size:20px;}
.main_img_2 li:hover{background-color:#ffffe4;}
.main_img_2 li img{width:100%;}

.img_list3 { margin:20px 10px 0px 10px;}
.img_list3 li { margin:0px 0px 10px 0px; width: 100%; text-align:center;}
.img_list3 select {margin-top:5px;vertical-align:middle;}
.img_list3 li img{width:100%;display:block;}
.img_list3 li a img{width:100%;display:block;}

.btns {position:relative;margin-left:-100px;padding-top:25px;left:50%;width:200px;height:40px;font-weight:bold;text-align:center;background:url('/images/btn.png') center no-repeat;background-size:200px;}
.mess {position:relative;margin-left:-150px;padding-top:25px;left:50%;width:300px;font-weight:bold;text-align:center;}


.notice { background-color: #A9F539; height: 20px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #690; border-bottom-color: #690; font-size: 12px; float: left; width: 100%; margin-top: 10px; color: #060; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }





.lecture_list {margin:20px 0px 0px 0px;}
.lecture_list li {
	padding:10px;
	float: left;
	width: 25%;
	font-weight:bold;
	color:#777777;
	font-size:13px;
	text-align:center;
	border:1px solid #ddd;
	border-top:3px solid #323335;
	background-color:#ffffff;
	display:block;
}
.lecture_list li a img{width:100%;}


.lecture_list2 {margin:20px 10px 0px 10px;}
.lecture_list2 li {
	padding:10px;
	float: left;
	width: 100%;
	color:#777777;
	font-size:14px;
	border:1px solid #ddd;
	background-color:#ffffff;
	display:block;
}
.lecture_list2 li a img{width:100%;}

.img_list4 {margin:20px 10px 20px 10px;border:1px solid #ddd;}
.img_list4 li {font-size:14px;color:#333333;padding:15px;float: left; background-color:#ffffff; display:block; }
.img_list4 li:nth-child(1){width: 100%;clear:both;}
.img_list4 li:nth-child(2){width: 100%; color:#ffffff; background-color:#2d3e50;text-align:center;}
/*.img_list4 li:nth-child(3){width: 50%; color:#323335; background-color:#ffd511;}*/
.img_list4 li a{color:#ffffff;}
.img_list4 li a img{width:100%;}
.img_list4 li pre{font-size:22px;color:#333333;font-weight:bold;}


.sub_list {margin:10px 10px 0px 10px;border:1px solid #ddd; background-color:#ffffff; display:block;}
.sub_list li {padding:10px;font-weight:bold;color:#666666;list-style-type: none;font-size:13px; border-top:1px solid #ddd;}
.sub_list li:nth-child(2n-1){width: 20%; background-color:#f6f6f6; float:left; text-align:center;}
.sub_list li:nth-child(2n-2){width: 80%; background-color:#ffffff;float:left; text-align:left;border-left:1px solid #ddd;}



.study_list {margin:10px 10px 0px 10px;}
.study_list li {
	background-color:#ffffff;
	padding:10px; 
	float: left;
	width: 100%;
	border-bottom:1px solid #ddd;
	display:block;
}
.study_list li:hover{background-color:#ffffe4;}



.exam_list {margin:10px 5px 10px 5px;;border:1px solid #ddd;}
.exam_list li {
	background-color:#ffffff;
	padding-bottom:10px;
	width: 100%;
	display:block;
}
input[type="radio"] { display: inline-block; width: 15px; height: 17px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0;  }
input[type="radio"] { background: url("/images/radio_button_off.png") no-repeat;background-size:15px; }
input[type="radio"]:checked{background: url("/images/radio_button_on.png") no-repeat;background-size:15px;}
.input_chk[type="radio"]{background: url("/images/radio_button_chk.jpg") no-repeat;background-size:15px;}
.input_nochk[type="radio"]{background: url("/images/radio-button-nochk.jpg") no-repeat;background-size:15px;}

/*.exam_list li:hover{background-color:#ffffe4;}*/
.mun{padding:10px;width:100%;font-size:14px;color:#333333;font-weight:bold;line-height:140%;background-color:#eef9ff;}
.yemun_box{margin:10px;font-size:12px;color:#555555;border:1px solid #e7e7e7;background-color:#e7e7e7;box-sizing:border-box;overflow:hidden;}
.yemun_subject{padding:5px;float: left;font-size:12px;font-weight:bold;color:#555555;box-sizing:border-box;overflow:hidden;}
.yemun{padding:5px;font-size:12px;color:#555555;background-color:#ffffff;box-sizing:border-box;overflow:hidden;}
.bogi_text{width:100%;padding:5px 15px 5px 15px;font-size:12px;color:#555555;box-sizing:border-box;}

.exam_num {position: fixed;bottom: 0px; width:100%; overflow: hidden;background-color:#f4f4f4;}
.exam_num li {
	border:1px solid #ddd;
	background-color:#f4f4f4;
	padding:8px 2px 8px 2px;
	font-weight:bold;
	color:#aaaaaa;
	font-size:9px;
	text-align:center;
	float: left;
	width: 7.6%;
	display:block;
}
.exam_top {position: fixed;top: 0px; width:100%;  overflow: hidden;}
.exam_top li {
	height:40px;
	background-color:#3d3d3d;
	padding:12px 2px 8px 2px;
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	float: left;
	width: 100%;
	display:block;
}
.exam_ye{padding-right:15px;position:relative;float: left;top:-45px;width:40px;height:40px;background:url('/images/my_room/book.png')no-repeat;background-size:40px;}
.exam_start{position:relative;float: left;top:-45px;width:40px;height:40px;background:url('/images/my_room/yellow_arrow.png')no-repeat;background-size:40px;}

.lecturesubject {margin:10px 10px 0px 10px;padding:10px;background-color:#4a4a4a;color:#ffffff;}
.study {margin:10px 10px 0px 10px;}
.study li {
	background-color:#ffffff;
	padding:10px; 
	float: left;
	width: 100%;
	border-bottom:1px solid #ddd;
	display:block;
}
/*background:url('/images/my_room/jin_do.jpg')no-repeat;background-size:80px;*/
.subject{padding-bottom:5px;width:65%;height:24px;font-size:14px;color:#333333;font-weight:bold}
.texts{padding:3px;font-size:10px;color:#676767;width:100%;height:20px;text-align:center;color:#618fcb;float: left;}
.date_text{padding-left:3px;font-size:12px;color:#686868;float:top;}
.book_img{padding-right:15px;position:relative;float: left;top:-20px;width:40px;height:40px;background:url('/images/my_room/book.png')no-repeat;background-size:40px;}
.yellow_arrow_img{position:relative;float: left;top:-20px;width:40px;height:40px;background:url('/images/my_room/yellow_arrow.png')no-repeat;background-size:40px;}

.subject_end{padding-top:10px;float:left;width:80%;height:24px;font-size:14px;color:#333333;font-weight:bold}



.board {margin:15px;box-sizing:border-box;overflow:hidden;}
.board ul {float:left; width: 100%; list-style-type: none;background-color:#ffffff;}
.board ul li {padding:15px;font-size:15px;color:#545454;border-bottom:1px solid #ddd;}
.board ul li:nth-child(1){border-top:2px solid #666;}

.board ul li:hover{background-color:#ffffe4;}

/* notice CSS */
.notice span { font-weight: bold; color: #330; margin-left: 10px; }


/* footer CSS */
.footer {background-color: #1e1f21; text-align: center; border-top-width: 2px; border-top-style: solid; border-top-color: #666; font-family: "돋움", "돋움체"; font-size: 15px; width: 100%; overflow:hidden;}
.footer ul { margin-top: 15px; margin-bottom: 15px; overflow:hidden;}
.footer ul li { display: inline-block; height: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.footer ul li a { font-size: 15px; text-decoration: none; color: #666; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; letter-spacing: -1px; }
.footer input { width:60px; margin:20px 0px 0px 0px;font-size: 80%; color: #343434; letter-spacing: -1px; text-align: center; height: 25px; padding-right: 8px; padding-left: 8px; border: 1px solid #b8b8b8; background-color: #ffffff;}
.foot_text { width: 100%; margin-top: 12px;  color:#555555; font-size: 11px; letter-spacing: -1px; overflow:hidden;line-height:14px;}
.footer .foot_text a { color: #666; text-decoration: none; }
.foot_end { font-size: 0.65em; background-color: #333; color: #999; font-family: Verdana, Geneva, sans-serif; height: 40px; }
.foot_text .copy { padding-left: 10px;  padding-top: 15px; overflow:hidden;}
.foot_end a img { float: right; margin-top: 10px; margin-right: 15px; }









.leftmenu {
	position: absolute;
	left: -302px;
	top: 45px;
	bottom: 1px;
	width: 300px;
	height:100%;
	list-style: none;
	background-color: #262a2d;
	border: 1px solid #999;
	border-radius: 2px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition-duration: 1s;
	-webkit-animation-duration: 1s;
}
.in {
	overflow:hidden;
	-webkit-transform: translateX(302px);
}
.leftmenu img {
	float:left;
	width: 50px;
	height: 50px;
}



.leftmenu li {
float:left;
	font-family:바른고딕;
	font-weight:bold;
	color:#333333;
	width:300px;
	height:40px;
	line-height:260%;
	padding-left:15px;
	letter-spacing:-1px;
	background-color:#ebebeb;
	border-bottom: 1px solid #d4d4d4;
}
.leftmenu ol {
	font-family:바른고딕;
	font-weight:bold;
	color:#747474;
	float:left;
	width:134px;
	height:40px;
	line-height:260%;
	letter-spacing:-1px;
	padding-left:15px;
	background-color:#ffffff;
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
}



.text_list {padding:0px 20px 20px 20px;letter-spacing:-0.2px}
.text_list li {
	padding-bottom:0px;
	padding-top:5px;
	font:13px '맑은 고딕';
	float: left;
	width: 100%;
	color:#6e6e6e;
	border:1px solid #ddd;
	background-color:#ffffff;
	display:block;
	background:url('/images/lectures_list/one.png')no-repeat 0px 11px;
	background-size:5px;
	padding-left:10px;
	border:0px solid #ffffff;
}




.top_td{
	padding:5px;font:bold 12px '맑은 고딕';text-align:center;background:#cccccc;
}