/**
* OLYM Cascading Style Sheets
* File Name : sub.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_sub.gif) center 348px repeat-y; }
#wrap { width:100%; }
#header { width:100%; background:url(/project/design/com/bg_lnb.gif) left top repeat-x;}
#header_box { width:990px; margin:0 auto; height:131px; position:relative; z-index:20; }
#header_box h1 { padding-top:17px; }
#container { width:100%; }

/*상단(로그인 및 이미지)*/
.top { height:197px; background-color:#f6f6f6; border-top:2px solid #281202; border-bottom:1px solid #971908; }
.top .login { width:230px; height:150px; margin:21px 0 0 13px; 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:12px; color:#060606; margin:0 7px 4px 11px; font-size:1em; border:1px solid #e2e2e2; background-color:#fff; }
.top .top_img { float:right; }
.top_ban { height:127px; margin:15px 0 15px 0; }
.top_ban li { float:left; }

/*상단(로그아웃)*/
.top { height:197px; 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; }

#container_box { width:990px; margin:0 auto; position:relative; }
#snb { width:250px; height:100%; float:left; margin:0 20px 0 0; border-top:17px solid #ffffff}
#snb h2 { padding:31px 0 27px 0; text-align:center; }
#snb li { padding-left:20px; }
#snb li ul {margin-left:-20px;}

#snb .snb_ban { padding:27px 0 200px 0; }
#snb .snb_ban li { padding-left:0; }
#contents { float:right; width:705px; min-height:400px; padding-bottom:20px; }

/* contents */
.stle { float:right; width:720px; color:#4d4d4d; font-size:0.95em; letter-spacing:-0.05em; height:46px; border-bottom:1px solid #ededed; margin-top:17px; }
.stle h3 { float:left; padding:17px 0 0 20px; background:url(/project/design/stle/bg_stle.gif) 5px 19px no-repeat; }
.stle ul { float:right; padding:21px 10px 0 0; }
.stle li { float:left; }
.stle .stle_over { font-weight:bold; color:#383838; }
.img_ready { text-align:center; }

/* footer_box */
#footer { width:100%; min-height:127px; border-top:2px solid #281202; background-color:#FFF; }
#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; }