/* Layout */

#wrap_top {width:1200px; margin:0 auto; background: #fff; position:relative;
	box-shadow: .2em .2em .3em #888;
	-moz-box-shadow: .2em .2em .3em #888;
	-webkit-box-shadow: .2em .2em .3em #888;

	border-bottom-right-radius: 10px; /*W3C*/
	border-bottom-left-radius: 10px; 
	-o-border-bottom-right-radius: 10px; /*Opera*/
	-o-border-bottom-left-radius: 10px; 
	-moz-borde-bottom-right-radius: 10px; /*Firefox*/
	-moz-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; /*Safari & Chrome*/
	-webkit-border-bottom-left-radius: 10px; 
	-ms-border-bottom-right-radius: 10px; /*IE*/
	-ms-border-bottom-left-radius: 10px; 
}

#top{height:40px; margin-bottom:20px;}
#top .center_name{
	display:table-cell; vertical-align: bottom; padding: 14px 0 0 30px; 
	color:#bb0080; font-weight: bold; text-shadow: 2px 2px 2px #efefef; font-size:1em;
	}
#top_bn{float:left; margin:3px 0 0 40px;}
.top_menu{float:right; margin:-13px 20px 0 0; font-size: 0.75em; font-weight: bold}
.top_menu .first{clear:right;}


#wrap {width:1200px; margin:0 auto; background: #fff; position:relative;
	box-shadow: .2em .2em .3em #888;
	-moz-box-shadow: .2em .2em .3em #888;
	-webkit-box-shadow: .2em .2em .3em #888;

	border-top-right-radius: 10px; /*W3C*/
	border-top-left-radius: 10px; 
	-o-border-top-right-radius: 10px; /*Opera*/
	-o-border-top-left-radius: 10px; 
	-moz-borde-top-right-radius: 10px; /*Firefox*/
	-moz-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; /*Safari & Chrome*/
	-webkit-border-top-left-radius: 10px; 
	-ms-border-top-right-radius: 10px; /*IE*/
	-ms-border-top-left-radius: 10px; 
}

/*header*/

#header{width:178px; float:left; padding: 0 32px 0 33px; background: #fff;
 /*W3C*/
	border-top-left-radius: 10px; 
	 /*Opera*/
	-o-border-top-left-radius: 10px; 
	 /*Firefox*/
	-moz-border-top-left-radius: 10px; 
	/*Safari & Chrome*/
	-webkit-border-top-left-radius: 10px; 
	 /*IE*/
	-ms-border-top-left-radius: 10px; 
}/* width:243px */

h1.logo{margin-top:33px;}
#login_icon{visibility: hidden; }

#mem_info{margin-top:50px;}
.user_name{float:right; padding-top: 10px;}
.user_school{padding:20px 0px 20px 0; font-size: 0.75em;float:right;}
.info_link{float:right; font-size: 0.5em;}
.info_link a{padding-left:3px;}
.info_link a img{width:16px;}
#config{visibility: hidden;}

.tooltip { /*작은 아이콘 설명 툴팁*/
	font:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#666; 
	position:relative; }
.tooltip:hover:after{
	 content:attr(data-tooltip);
	 display:block;
	 padding:10px;
	 color:#FFF;
	 background:#999999;
	 position:absolute; top:25px; 
	 white-space:nowrap;
	}
.tooltip:hover:before{
	 display:block;
	 content:"";
	 position:absolute; top:20px; 
	 border-right:10px solid transparent; 
	 border-bottom:10px solid #999999; 
	 border-left:10px solid transparent;  
}
.nav {margin-top:50px;}
.nav li {background:url(../images/blit_arrow.png) no-repeat 168px 17px; }
.nav a{
	display: block; width:100%; height:44px; line-height:44px;
	border-bottom:1px solid #cdcdcd; font-weight: bold;
	padding-left:4px; width 178px;
	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 a:hover {color:#fff; text-align:center; padding-left:0;}
.nav li.on_color1 a:hover{background:#ed779e; }
.nav li.on_color2 a:hover{background:#c5d656; }
.nav li.on_color3 a:hover{background:#35baae; }
.nav li.on_color4 a:hover{background:#b9b9da; }
.nav li.on_color5 a:hover{background:#90c4ff; }
.nav li.on_color6 a:hover{background:#f8af5a; }

/*#telnum {border-bottom: 1px; solid #cdcdcd; padding:19px 0 18px 0;}*/
#telnum {display: none;}

#flow {margin-top:25px; width:178px; }
#flow h3{height:23px; font-size: 0.75em; font-weight: bold; float:left;}/* 12px / 16px */
#flow span{float: right; margin-top:5px;}
.flow_list{clear:both;}
.flow_list li{float:left; margin:0 6px 6px 0;}
.flow_list li:nth-child(4n+4){margin-right:0; }

/*
#news{margin-top: 19px; float:left; width:178px;}
#news h3{font-size: 0.75em; font-weight: bold; float: left;}
#news span{height:5px; margin-top: 5p; float:right;}
#news ul{float:left;margin-top: 8px;}
#news li{font-size:0.75em; line-height: 18px; height18px;
	background: url(../images/blit_list.png) no-repeat 2px 7px;
	padding-left:8px; overflow: hidden; width:100%;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	text-overflow: ellipsis;
	-moz-line-clamp:1;
	-webkit-line-clamp:1;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
}
#news li a {color:#888;}


#blog {margin-top:21px; float: left; width: 178px;}
#blog h3{font-size: 0.75em; font-weight: bold; float: left;}
#blog span {float:right; margin-top:5px; height: 5px;}
#blog dl {float: left; font-size: 0.75em; margin-top: 11px; color:#888888; letter-spacing: -1px; width:100%;}
#blog dt strong{display:block; padding:8px 0 7px 0;}
#blog dt.last{margin-top: 22px;}
*/



/* main */
#main {
	margin:0 0 0 243px;border-left:1px solid #ddd;
	min-height:1080px; background: #fff;
	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 */

	border-top-right-radius: 10px; /*W3C*/
	-o-border-top-right-radius: 10px; /*Opera*/
	-moz-borde-top-right-radius: 10px; /*Firefox*/
	-webkit-border-top-right-radius: 10px; /*Safari & Chrome*/
	-ms-border-top-right-radius: 10px; /*IE*/
}

#img_bn_area{width:100%; background: #323532; text-align: center;
	border-top-right-radius: 10px; /*W3C*/
	-o-border-top-right-radius: 10px; /*Opera*/
	-moz-borde-top-right-radius: 10px; /*Firefox*/
	-webkit-border-top-right-radius: 10px; /*Safari & Chrome*/
	-ms-border-top-right-radius: 10px; /*IE*/
}
#img_bn_area img{width:100%;
	border-top-right-radius: 10px; /*W3C*/
	-o-border-top-right-radius: 10px; /*Opera*/
	-moz-borde-top-right-radius: 10px; /*Firefox*/
	-webkit-border-top-right-radius: 10px; /*Safari & Chrome*/
	-ms-border-top-right-radius: 10px; /*IE*/
}


#img_bn_area2{width:100%; background: #323532; text-align: center;
	border-top-right-radius: 10px; /*W3C*/
	-o-border-top-right-radius: 10px; /*Opera*/
	-moz-borde-top-right-radius: 10px; /*Firefox*/
	-webkit-border-top-right-radius: 10px; /*Safari & Chrome*/
	-ms-border-top-right-radius: 10px; /*IE*/
}
#img_bn_area2 img{width:100%;
	border-top-right-radius: 10px; /*W3C*/
	-o-border-top-right-radius: 10px; /*Opera*/
	-moz-borde-top-right-radius: 10px; /*Firefox*/
	-webkit-border-top-right-radius: 10px; /*Safari & Chrome*/
	-ms-border-top-right-radius: 10px; /*IE*/
}

#search_area{background: #323532; padding:0px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.search_box{background: #fff; position:relative; padding:11px; height:27px;}
.search_box .tit_search{position: absolute; top:20px; left:30px; font-size: 0.85em;}
.btn_save{margin:-5px 0 0 20px; width:60px; height:20px; background: #004fa7;
		color:#fff;
		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*/}
.search_box .input_box{margin-left:110px; background: #efefef; height:27px;
	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*/
}
.search_box .input_box input{float: left; .margin-left:-110px; width:75%; color: #000; height:27px; 
	border:none;padding-left: 10px; float:left; line-height: 27px; background: transparent;
}
.search_box .input_box img{float:right;}
#center_name_phone{visibility: hidden;}


#notice{
	width:50%; float: left; padding:20px 15px 25px 30px; .width:48%;
	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 */
}
#notice h2{font-size: 112.5%; letter-spacing: -1px; font-weight: bold; position: relative;}
#notice .btn_more{position: absolute; top:0; right:0;}
#notice ul {margin: 15px 0 10px 0;}
#notice ul li {font-size: 0.75em; line-height:22px; padding-left: 10px;
	background:url(../images/blit_list.png) no-repeat 2px 7px;
	color:#666; overflow: hidden; width: 100%;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	text-overflow: ellipsis;
	-moz-line-clamp:1;
	-webkit-line-clamp:1;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
}

#lec_icons {margin:25px 25px 0 25px; width:100%; height:400px;}
#lec_icons h2{height:23px; font-size: 1.25em; font-weight: bold;}
#lec_icons span{float: right; margin-top:5px;}*/
.lec_icons_list{margin-top:6px;}
.lec_icons_list li{margin:10px 6px 10px 20px;
	padding-top: 15px; padding-left: 15px;
	text-align: left;
	font-size:1em;
	background: #c5d656;
	border: 1px solid #efefef;
	width: 80%; height:25px;	
	border-radius: 10px; /*W3C*/
	-o-border-radius: 10px; /*Opera*/
	-moz-border-radius: 10px; /*Firefox*/
	-webkit-border-radius: 10px; /*Safari & Chrome*/
	-ms-border-radius: 10px; /*IE*/
}
/*.lec_icons_list li:nth-child(4n+4){margin-right:0; }*/


#lec_box{
	width:50%; float: left; padding:20px 15px 25px 30px; .width:48%;
	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 */
}
#lec_box h2{font-size: 112.5%; letter-spacing: -1px; font-weight: bold; position: relative;}
#lec_box .btn_more{position: absolute; top:0; right:0;}
#lec_box ul {margin: 15px 0 10px 0;}
#lec_box ul li{font-size: 0.75em; line-height:22px; padding-left: 10px;
	background:url(../images/blit_list.png) no-repeat 2px 7px;
	color:#666; overflow: hidden; width: 100%;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	text-overflow: ellipsis;
	-moz-line-clamp:1;
	-webkit-line-clamp:1;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
}

#question{
	width:50%; float: left; padding:20px 15px 25px 30px; .width:48%;
	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 */
}
#question h2{font-size: 112.5%; letter-spacing: -1px; font-weight: bold; position: relative;}
#question .btn_more{position: absolute; top:0; right:0;}
#question ul {margin: 15px 0 10px 0;}
#question ul li{font-size: 0.75em; line-height:22px; padding-left: 10px;
	background:url(../images/blit_list.png) no-repeat 2px 7px;
	color:#666; overflow: hidden; width: 100%;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	text-overflow: ellipsis;
	-moz-line-clamp:1;
	-webkit-line-clamp:1;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
}


/*게시판 관련 = 일반게시판*/

#lec_board {
	/*border :1px solid #abaaa9;*/
	width:100%; float:left; padding-top: 30px; padding-left: 10%;
	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 */
}

#lec_board .btn{/* 쪽지 메뉴 버튼*/
	width:150px; background: #004fa7; color:#fff;height: 25px;
	font-size: .9em;
	margin-top:-10px;
	margin-bottom: 20px;
	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*/
}

.board_table{
	width:90%; border-top: 2px solid #878787; border-bottom:1px solid #abaaa9;
	font-size: .75em; text-align: center; margin:15px 0 10px 0;
	color: #000;
}
.board_table th{
	border-bottom: 1px solid #abaaa9; background: #fff;
	
	/*border-right: 1px solid #000;*/

	height:24px;  line-height: 24px;
	letter-spacing: -1px;
}
/*.board_table th:nth-child(1){width:7%;}
.board_table th:nth-child(2){width:5%;}
.board_table th:nth-child(3){width:55%;}
.board_table th:nth-child(4){width:11%;}
.board_table th:nth-child(5){width:7%;}
.board_table th:nth-child(6){width:15%;}*/
.board_table .num1{width:7%;}
.board_table .num2{width:5%;}
.board_table .num3{width:55%;}
.board_table .num4{width:11%;}
.board_table .num5{width:7%;}
.board_table .num6{width:15%;}

.board_table td{
	height:29px; line-height: 29px; color:#666;
	border-bottom: 1px solid #ddd;
}
.board_table td:nth-child(3){text-align:left;}
.board_table .no_border{
	border-right: none;
}

.page_num{font-size:0.75em; margin-left:-20%;text-align: center;}

.search_form{width:90%;float:left;margin-right:22%; margin-top: 20px;}
.search_form input:nth-child(2){background:#efefef; width:10%; height:17px; line-height: 17px;}
.search_form .search2{clear:left; float:right; margin-top:-18px;}

/* 게시판 글쓰기 양식 관련*/
#board_write {
	/*border :1px solid #abaaa9;*/
	width:100%; float:left; padding-top: 30px; padding-left: 10%;
	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 */
}

#board_write_form{
	width:90%;
	border-top: 1px solid #878787; 
	font-size: .75em; text-align: center; margin:15px 0 10px 0;
	color: #000;
}
#board_write_form .first_td {width:15%; text-align: left; padding-left: 10px; height: 20px; line-height: 20px;}
#board_write_form tr td input{float: left; background:#efefef; height:17px; line-height: 17px; width:80%;}
#board_write_form .textarea{float:left; margin-top:20px;margin-left: 10px;margin-bottom: 10px; border:1px solid #efefef; height:350px; width:95%;}
#btn_wrap{float:right;margin-right:20%}
#btn_wrap .submit{
	width:100px; background: #004fa7; color:#fff; height: 25px;
	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*/
}

/*쪽지쓰기 양식*/
#mail_write {
	/*border :1px solid #abaaa9;*/
	width:100%; float:left; padding-top: 30px; padding-left: 5%;
	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 */
}
#mail_write_form{
	width:95%;
	border-top: 1px solid #878787; 
	font-size: .75em; text-align: center; margin:15px 0 10px 0;
	color: #000;
}
#mail_write_form .first_td {width:25%; text-align: left; padding-left: 10px; height: 25px; line-height: 25px;}
#mail_write_form tr td input{float: left; background:#efefef; height:17px; line-height: 17px; width:90%;}
#mail_write_form .textarea{float:left; margin-top:20px;margin-left: 10px;margin-bottom: 10px; border:1px solid #efefef; height:200px; width:95%;}

/* 게시판 글 보기 양식 관련*/
#view_wrap {
	
	width:100%; float:left; padding:30px;
	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 */
}
#view_wrap .btn{
	width:70px; background: #efefef; color:#878787; height: 25px;
	margin-left: 10px;
	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*/
}
/*#view_wrap .btn:nth-child(2){float:right; margin-right:10px;}*/

#view_wrap .inner {
	margin-top: 10px; border :1px solid #abaaa9;
	padding:20px 20px 20px 20px;	
}
#view_table{width:100%; font-size: 0.75em; color:#454545;
}

#view_table tr th span{color:#878787;} 
#view_table .first{text-align:left;}
#view_table .second{text-align:right;width:50%;}
#view_table .first_tr{border-bottom: 1px dashed #454545;}
#view_table tr td{padding-top:15px;}
#view_table .bottom {height:100px;}
#view_table .ip_bottom{border-top:1px dashed #abaaa9; text-align:right; color: #abaaa9;}

/* 덧글 쓰기 관련*/

#ripple_area{background: #eeeeee; padding:10px; }
#ripple_write_form{width:100%; font-size:0.75em;}
#ripple_write_form tr td:nth-child(1){width:30px;}
#ripple_write_form tr td:nth-child(3){width:30px;}
#ripple_write_form .textarea{border:1px solid #abaaa9; height:100px; width:100%;}
#ripple_write_form .btn{
	width:30px; background: #ffffff; color:#555555; height: 20px;
	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*/
}

#ripple_list{width:100%; font-size:1em; border-bottom: 1px solid #c1c1c1;}
#ripple_list .first{padding-left: 15px;}
#ripple_list .second{width:90%; font-size:1em; padding-left: 15px; text-align:left;}
#ripple_list .third{width:10%;text-align:right;}

/* 멤버리스트 */

.btn_admin_tel{width:50px; height:20px; vertical-align: middle; background:#90c4ff;}

/*contents*/

#contents {width:220px; position:absolute; top:0; right:0; background: #24bbaf;}



/*footer*/

#foot{clear:both; height:120px; border-top:1px solid #ddd;background: #fff;}
#foot_logo {float:left; width:243px;}
#foot_logo img {margin:25px 0 0 60px;}
#foot_area{float:left; border-left: 1px solid #e9e9e9; height: 120px;}
.foot_menu{margin:15px 0 0 30px;}
.foot_menu a{font-size:0.625em; color:#999; margin-right: 12px;}
.foot_menu a strong{color:#222;}
.foot_copy{font-size: 0.625em; color:#999; margin:10px 0 0 30px; line-height: 14px;}
/*#foot .right_area{background: #fff; float:right; width:220px; height: 120px; 
	border-left:1px solid #e9e9e9;
}*/