@charset "utf-8";
/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : 한국교육공학회 기본 스타일시트
* Author : Web business Team / Kim Youn Ho
* Email : designyh@olymcompnay.com
* Date : 2013.05.03
* Update : 2013.05.03
* Copyright(c) 2013 OLYM Communications. All Rights Reserved.
*/

/* 기본설정 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
	line-height:18px;
	color:#808183;
}
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
form, fieldset, img { border:0; }
address, caption, em {
	font-weight:normal;
	font-style:normal;
}
/* anchor - 지정순서 link, visited, hover, active */
a { text-decoration:none; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
/* 숨김영역 */
#accessibility, #accessibility_footer, .skip, hr, legend {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
caption { display:none; }
/* ie6에서 이미지 공백 0으로 조절 */
img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:top;
}
/* float 속성 초기화 */
.space {
	clear: both;
	display: block;
	float: none;
	font-size: 0 !important;
	height: 0;
	line-height: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
	width: 100%;
}
/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align: middle; }
input, textarea, select { font-family:"돋움", Dotum, "굴림", Gulim, Sans-serif; }
/* table caption 숨김*/
table caption { display:none; }
/* form css */
.input_form {
	height:13px;
	padding:4px 0 1px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	color:#565656;
	background:#fff;
	font-size:1em;
}
.select_form {
	padding:0 0 0 3px;
	height:20px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	color:#565656;
	background:#fff;
	font-size:0.95em;
}
.input_file {
	height:20px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	color:#565656;
	background:#fff;
	font-size:1em;
}
.textarea_form {
	border:1px solid #dbe1e7;
	font-size:0.95em;
	padding:3px 0 0 3px;
	color:#767676;
	background:#fff;
	margin:8px 0 9px 0;
}

a { outline:none; select-dummy: expression(this.hideFocus=ture);}


/* gnb */
#gnb { position:absolute; top:18px; right:0; }
#gnb li { float:left; padding-left:16px; }
/* lnb */
#lnb { width:745px; position:absolute; top:37px; left:245px; float:right; }
#lnb li { float:left; }
#lnb li ul { position:absolute; top:54px; left:0;}
#lnb li ul li { height:12px; }
#lnb li ul a { padding:0 8px 0 8px; display:block; }
#lnb .sub01 { left:10px; }
/*#lnb .sub02 { left:-250px;  width:1030px; }*/
#lnb .sub02 { left:110px; }
#lnb .sub03 { left:180px; }
#lnb .sub04 { left:330px; }
#lnb .sub05 { left:300px; }

/* CALENDAR 게시판 (행사일정) */
#board_top .date_num { width:180px; margin:0 auto; height:30px; position:relative;}
#board_top .date_num .btn_prev { float:left; padding-right:10px;}
#board_top .date_num li { float:left; position:relative; padding-top:2px;}
#board_top .date_num .btn_next { float:left; padding-left:10px;}
#calendar_list { padding-bottom:10px; position:relative;}
#calendar_list .table_calendar, .table_calendar th, .table_calendar td { border-collapse:collapse; border:1px solid #e4e6ec; font-size:1em; line-height:1.4em; }
#calendar_list .table_calendar caption { display:none; }
#calendar_list .table_calendar th { background:#5f6c80; padding:10px 0; width:13%; }
#calendar_list .table_calendar .th_sunday { background:#e54e54;}
#calendar_list .table_calendar .th_saturday { background:#107ec5;}
#calendar_list .table_calendar td { text-align:left; color:#6d6d6d; height:60px; padding:5px; vertical-align:top;}
#calendar_list .table_calendar td:hover { background-color:#f7f7f7; }
#calendar_list .table_calendar .td_sunday { color:#e54e54;}
#calendar_list .table_calendar .td_saturday { color:#107ec5;}
#calendar_list .table_calendar a { color:#04498a; font-weight:bold;}
#calendar_list .table_calendar a:hover {color:#1685c8;}