/* responsive web design area */

@media screen and (max-width:1280px){
	#wrap_top{width:95%;}
	#wrap{width:95%;}
	
}

@media screen and (max-width : 1024px){
	#wrap_top{width:100%;}
	#wrap{width:100%;}
	
	#main{margin:0 0 0 243px; min-height: 0; border: none; background: none; 
		border-left: 1px solid #ddd;
		min-height:904px;}
		
	#notice{padding-right:30px; border-left:0; float:none; width:100%;}
	#lec_box{padding-right:30px; border-left:0; float:none; width:100%;}
	#question{padding-right:30px; border-left:0; float:none; width:100%;}
	
	footer{margin:0;}
	/*#contents{margin:0 0 0 243px; width:auto; position:relative;
		clear:left; overflow:auto; padding-bottom: 10px;
		background: #fff;}*/
}

/*@media screen and (max-width : 768px){
	#header {width:178px; padding:0 10px 0 10px; }
	#main{margin: 0 0 0 198px;}
	
	#lec_board {width:97%; padding-left: 3%;}
	.board_table{width:100%;}
	.search_form{width:100%;)	
	#board_write {padding-left:2%;}
	#board_write_form{width: 98%;}
	#btn_wrap{float:right;margin-right:25%; margin-bottom: 10px;}	
	#foot_logo{display: none;}
	#foot_area{text-align: center; width:100%; height:120px; border-left:0;}
	.foot_menu{display: block;margin:30px 0 0 0;}
	.foot_copy{font-size: 10px; color:#999; margin:10px 0 0 0; display: block;}

}*/

@media screen and (max-width : 600px){
	
	body{background: #004fa7;}
	
	#wrap_top{display: none;}
	/*#top_bn{position: absolute; top:30px; left:50%; margin-left:-117px;}*/
	
	#wrap{
	 /*W3C*/
		border-top-right-radius: 0px; /*W3C*/
		border-top-left-radius: 0px; 
		-o-border-top-right-radius: 0px; /*Opera*/
		-o-border-top-left-radius: 0px; 
		-moz-borde-top-right-radius: 0px; /*Firefox*/
		-moz-border-top-left-radius: 0px; 
		-webkit-border-top-right-radius: 0px; /*Safari & Chrome*/
		-webkit-border-top-left-radius: 0px; 
		-ms-border-top-right-radius: 0px; /*IE*/
		-ms-border-top-left-radius: 0px; 

	}
	.t_logo{display: block;position:absolute; top:30px;}/*스마트폰버전 로그인 로고*/
		
	
	#header {width:100%; float:none; padding:0; margin-top: 10px;
	 /*W3C*/
	border-top-left-radius:0px; 
	 /*Opera*/
	-o-border-top-left-radius:0px; 
	 /*Firefox*/
	-moz-border-top-left-radius: 0px; 
	/*Safari & Chrome*/
	-webkit-border-top-left-radius: 0px; 
	 /*IE*/
	-ms-border-top-left-radius:0px; 
	}
	
	h1.logo {text-align:center; margin:0; padding:10px 0;}
	#login_icon{
		float:right; width:45px; height:20px; line-height: 20px;color:#fff;font-size: 0.75em;
		text-align: center; visibility: visible;
		/*background:url(../images/login_icon3.png) no-repeat;*/ margin-right:10px;margin-top:-37px;
		background:#004fa7; ;border:1px solid #004fa7;
		border-radius: 3px; /*W3C*/
		-o-border-radius: 3px; /*Opera*/
		-moz-border-radius: 3px; /*Firefox*/
		-webkit-border-radius: 3px; /*Safari & Chrome*/
		-ms-border-radius: 3px; /*IE*/
	}
	
	
	#mem_info{margin-top:0px;}
	.mem_img{display: none;}
	#mem_info .user_name{float:left; margin-left:-50px; padding-top: 10px;}
	#mem_info .user_school{display: none;}
	.info_link{float:right; margin-right:5px;}
	.info_link a{padding-left:5px;}
	.info_link a img{width:25px;}
	#webconf{display: none;}
	#config{visibility: visible;margin-left:-6px;}
	
	.nav {margin:0; background:#004fa7;
		overflow: hidden; border-top:1px solid #fff;
	}
	.nav li{float:left;width:33.3%; text-align: center; font-size:0.75em;
		border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: none;
		box-sizing:border-box; /* W3C */
		-o-box-sizing:border-box; /* Opera */
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari & Chrome */
		-ms-box-sizing:border-box; /* IE */
	}
	.nav li:nth-child(3n){width:33.4%; border-right:none;}
	nav a{display: block; width:100%; border-bottom: none; color:#fff; text-shadow: 0 0 5px rgba(0,0,0,0.8); font-family:Verdana;}
	
	#telnum{display:none;}
	#flow{display:none;}
	
	#main {border-left:0; margin:0; clear:both;}
	#img_bn_area{display: none;}
	.search_box{padding:5px; height:27px;}
	.search_box .tit_search{top:12px; left:5px; font-size: 0.85em;}
	#center_name_phone{visibility: visible; background:#004fa7; padding:10px 0 10px 10px; color:#fff; ;}
	
	#notice{padding:20px 10px 10px 30px;}
	#notice .btn_more{display: none;}
	#lec_box{padding:20px 10px 10px 30px;}
	#lec_box .btn_more{display: none;}
	#question{padding:20px 10px 10px 30px;}
	#question .btn_more{display: none;}
	
	
	
	#wrap_login{margin-top:10px;}
	#wrap_mem{margin-top:10px;}
	/*#contents {margin:0;}*/
	
	.lec_icons_list li{margin-left:0;}
	
	#lec_board {width:100%; float:left; margin-top:-13px; padding-top: 0px; padding-left: 0px;}
	#lec_board .btn{width:80px;margin:30px 0 0 10px;}/* 쪽지 메뉴 버튼*/
	#lec_board h5{display:none;}
	.board_table{width:100%; border-top: none;}
	.board_table .num1{display: none;}
	.board_table .num2{display: none;}
	.board_table .num3{padding: 10px 0 10px 20px; width:50%;}
	.board_table .num4{padding: 10px 0 10px 0px;}
	.board_table .num6{padding: 10px 0 10px 0px;}
	.board_table .num5{display: none;}
	.board_table .num7{padding: 10px 0 10px 0px;}
	.board_table .num8{padding: 10px 0 10px 0px;}
	
	#board_write {padding-top:0;}
	#board_write_form{border-top:none;}
	
	#board_write_form .first_td {width:25%;}
	
	#view_wrap {padding:0px;}
	#view_wrap .btn{margin-top:10px;}
	
	.search_form{width:100%;margin-right:0; margin-bottom: 10px;}
	.search_form input:nth-child(2){background:#efefef; width:20%; height:17px; line-height: 17px;}
	.search_form .search2{clear:left; float:right; margin-top:-18px;}
	
	#foot_logo{display: none;}
	#foot_area{text-align: center; width:100%; height:120px; border-left:0;}
	.foot_menu{display: block;margin:30px 0 0 0;}
	.foot_copy{font-size: 10px; color:#999; margin:10px 0 0 0; display: block;}
	
	#canvasDiv1 {width:200px;margin:0 auto;}
	#canvas1{margin-left:-50px;width:200px; height: 200px;}
	

	#stat_board .btn {width:70px;}
	
	

	#stat_board table {margin-left: 0px;}		
}

@media screen and (max-width : 480px){
	#wrap{min-width: 300px}
	#question .btn_more{display: none;}
	
}