/**
* OLYM Cascading Style Sheets
* File Name : main.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.
*/

/* Layout Selector */
html, body { }
body { font-size:0.75em; font-family:"돋움", "돋움체"; line-height:1.2em; background:url(/project/design/com/bg_main.gif) left top repeat-x; }
#wrap { width:100%; }
#header { width:100%; }
#header_box { width:990px; margin:0 auto; height:131px; position:relative; z-index:20; }
#header_box h1 { padding-top:17px; }
#container { width:100%; }
#contents_box { width:990px; margin:0 auto; position:relative; z-index:70; }

/*상단(로그인 및 이미지)*/
.top { height:259px; background-color:#f6f6f6; border-top:2px solid #281202; border-bottom:1px solid #971908; }
.top .login { margin:21px 0 0 14px; float:left; background:url(/project/design/com/bg_login.png) left top no-repeat; }
.top .login h2 { padding:26px 0 25px 20px; }
.top .login ul { float:left; }
.top .login .input_text { width:124px; height:17px; color:#060606; margin:0 7px 4px 11px; font-size:1em; border:1px solid #e2e2e2; }
.top .login .member { width:225px; margin-top:28px; clear:both; }
.top .top_img { float:right; }
/*상단(로그아웃)*/
.top { height:259px; background-color:#f6f6f6; border-top:2px solid #281202; border-bottom:1px solid #971908; }
.top .logout { margin:21px 0 0 14px; float:left; background:url(/project/design/com/bg_login.png) left top no-repeat; }
.top .logout h2 { padding:26px 0 11px 20px; }
.top .logout p { text-align:center; font-family:"돋움", "돋움체"; font-size:12px; color:#5a5c5b; line-height:-1.8em; margin-bottom:2px; }
.top .logout .out { clear:both; padding:4px 0 24px 0; text-align:center; }
.top .logout .member { width:225px; margin-top:4px; clear:both; }
.top .top_img { float:right; }
/*상단배너*/
.top_ban { height:127px; margin:15px 0 15px 0; }
.top_ban li { float:left; }

/*왼쪽*/
.left_ban { width:250px;  background-color:#f6f6f6; float:left; }
/*일정*/
.left_ban .p_date { text-align:center; color:#1c191a; font-family:verdana; font-size:14px; padding-top:21px; height:25px;}
.left_ban .p_date a:hover { position:relative; top:1px; left:1px;}
.left_ban .p_date img { vertical-align:bottom; }
.left_ban .box_cal { padding:0 13px; }
.left_ban .box_cal .table_cal { border-top:1px solid #595959; background-color:#ffffff; }
.left_ban .box_cal .table_cal th { font-family:"kroeger 05_53"; font-size:8px; height:28px; border-left:1px solid #d3d6de; border-bottom:1px solid #d3d6de; background-color:#f4f4f4; }
.left_ban .box_cal .table_cal td { font-family:Tahoma; font-size:11px; text-align:center; height:20px; border-left:1px solid #d3d6de; border-bottom:1px solid #d3d6de; }
.left_ban .box_cal .table_cal .font_red { color:#ba1c22; }
.left_ban .box_cal .table_cal .font_red2 { color:#ba1c22; font-weight:bold; text-decoration:underline; }
.left_ban .box_cal .table_cal .font_blue { color:#1c66ba; }
.left_ban .box_cal .table_cal .border_right { border-right:1px solid #d3d6de; }
.left_ban .box_cal .table_cal .today { background-color:#e6e6e6; color:#706c6c;  font-weight:bold; text-decoration:underline; }
/*일정-행사계획*/
.left_ban .bg_data { height:21px; margin:11px 0 17px 0; }
.left_ban .p_left { background:url(/project/design/main/bg_date_left.gif) left top no-repeat; }
.left_ban .p_center { font-size:11px; font-family:"돋움", "돋움체", Verdana, Geneva, sans-serif; font-weight:bold; text-align:center; color:#383838; background:url(/project/design/main/bg_date_center.gif) center top repeat-x; }
.left_ban .p_center a { color:#383838; }
.left_ban .p_center a:hover { text-decoration:none; color:#383838; position:relative; top:1px; left:1px; }
.left_ban .p_right { background:url(/project/design/main/bg_date_right.gif) right top no-repeat; }
/*일정-하단텍스트*/
.left_ban .box_text { padding:0 0 18px 41px; }
.left_ban .box_text a { color:#626364; font-size:12px; letter-spacing:-0.02em; }
.left_ban .box_text a:hover { text-decoration:none; position:relative; top:1px; left:1px; }
/*배너*/
.left_ban .ban { width:224px; background:url(/project/design/main/bg_left_line.gif) center top repeat-x; padding:16px 0 8px 0; margin-left:13px; }
.left_ban .ban li { padding-bottom:5px; }

/*공지사항, 갤러리*/
.notice { width:740px; margin:10px 0 0 250px; }
.notice .board { position:relative; width:304px; border-right:1px solid #ededed; float:left; padding:36px 32px 0 36px; }
.notice .board h3 { float:left; margin-bottom:19px; }
.notice .board ul { height:70px; clear:left; }
.notice .board ul li { padding-left:10px; letter-spacing:-0.03em; background:url(/project/design/main/icon_dot.gif) 2px 8px no-repeat; }
.notice .board ul span { height:8px }
.notice .board ul li a { font-size:12px; color:#606060; }
.notice .board ul li a:hover { color:#303030; text-decoration:underline; }
.notice .board .more { position:absolute; right:32px; top:43px; }

.notice .board2 { position:relative; width:304px; float:left; padding:36px 0 0 36px; }
.notice .board2 h3 { float:left; padding-bottom:19px; }
.notice .board2 ul { clear:left; }
.notice .board2 ul li { padding-left:10px; letter-spacing:-0.03em; background:url(/project/design/main/icon_dot.gif) 2px 8px no-repeat; }
.notice .board2 ul li a { font-size:12px; color:#606060; }
.notice .board2 ul li a:hover { color:#303030; text-decoration:underline; }
.notice .board2 .more { position:absolute; right:0; top:43px; }

/*.notice .gallery { width:740px; height:220px; margin-top:32px; position:relative; border-top:1px solid #ededed; float:right; }
.notice .gallery h2 { padding:29px 0 19px 35px; }
.notice .gallery ul { margin-left:30px; } 
.notice .gallery li { float:left; width:91px; height:71px; border:1px solid #d9d9d9; margin-right:17px; padding:6px 0 0 6px; }
.notice .gallery li p { color:#6d6d6e; margin-top:22px; letter-spacing:-0.02em; line-height:12px; }
.notice .gallery li p a { color:#6d6d6e; }
.notice .gallery li p a:hover { color:#6d6d6e; text-decoration:underline; }
.notice .gallery .icon_more { position:absolute; top:29px; right:31px; }*/

/*하단배너*/
.bot_ban { width:717px; height:108px; border-top:1px solid #f1f1f1; float:right; margin-top:68px; padding:24px 0 0 23px; }
.bot_ban li { float:left; }
.bot_ban .ban_right { padding-right:35px; }
.bot_ban .ban_left { padding-left:70px; }
.bot_ban2 li { float:left; padding-right:22px; margin:22px 0 20px 0; }
.bot_ban2 .ban_right { padding-right:0; }

/* footer_box */
#footer { width:100%; min-height:127px; border-top:2px solid #281202; }
#footer .footer_box { width:990px; margin:0 auto; position:relative; padding:33px 0 0 6px; }
#footer .footer_box li { float:left; padding-right:10px; }
#footer .footer_box address { padding:23px 0 6px 0; }
#footer .footer_box .btn_top { position:absolute; top:33px; right:9px; }