/**
* File Name : sub.css
* Description : 서브 스타일시트
* Author : Web business Team / White
* Date : 2015.03.20
* Update : 2015.03.20
*/

/* Layout Selector */
#container { position:relative;}
#contents { z-index:1; width:800px; float:left;}
.contents_box { width:780px; min-height:700px;margin:0 auto;}

/* snb */
#snb { width:224px; float:left;}
#snb h2 { width:224px; height:160px;}

.snb_navi { background:#909090;}
.snb_dep1 a.snb_idx { display:block; padding:8px 0 7px 20px; color:#fff; font-weight:bold; font-size:14px; letter-spacing:-0.05em;border-top:1px solid #fff;}
.snb_dep1 a.snb_idx:hover, .snb_dep1 .on { background:#00b3c5;}
.snb_dep2 { background:#636363; padding:10px 0 15px 0;}
.snb_dep2 a { display:block; padding:3px 0 3px 35px; color:#fff; letter-spacing:-0.05em; background:url('../image/sub/snb_sub_off.gif') no-repeat 26px center;}
.snb_dep2 a:hover, .snb_dep2 .on { color:#fffc2a; background:url('../image/sub/snb_sub_on.gif') no-repeat 26px center;}

.snb_ban li { padding-top:10px;}


/* stle */
#stle { width:800px; height:50px; margin-bottom:30px; position:relative; border-bottom:solid 1px #d9d9d9;}
#stle h2 { color:#252525; font-size:24px; letter-spacing:-0.075em; line-height:24px; padding:10px 0 0 30px; background:url('../image/sub/ico_stle.gif') no-repeat 5px 12px;}
#stle ul { position:absolute; right:10px; top:15px;}
#stle li { float:left; color:#90949a; letter-spacing:-0.05em;}
#stle li span { color:#3a3e44; font-weight:bold;}

.title_box {position:relative; float:left; width:224px; height:167px; background:#0e024c;margin-bottom:10px;}
.txt1 {position:relative; float:left; padding:0 0 0 26px; margin:35px 0 7px 0; font-size:2.50em; color:#fff; line-height:1.10em; font-weight:600; clear:both;}
.txt2 {position:relative; float:left; padding:0 0 0 26px; margin:2px 0 0 0; color:#8fdfe9; font-size:1.33em; line-height:1.0em; clear:both;}
/*
#stle { float:right; position:relative; width:800px; padding-top:10px; margin-bottom:40px; border-bottom:solid 1px #d9d9d9;}
#stle h3.stle { font-size:27px; line-height:27px; font-weight:bold; color:#4a4a4a; letter-spacing:-0.075em; padding-bottom:15px;}
#stle ul { position:absolute; bottom:15px; right:0;}
#stle li { color:#6f6f6f; font-size:14px; float:left;}
*/

#quick { position:absolute; top:10px; right:-10px;}
#quick_menu { border:solid 1px #cacaca;}


/* member 공통 */
.member_box { width:460px; padding:30px; margin:0 auto; border-top:solid 1px #e9e9e9; border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; border-left:solid 1px #e9e9e9;}
.member_box:after { content:" "; display:block; clear:both; overflow:hidden;}
.member_box_id { width:460px; height:230px;padding:30px; margin:0 auto; border-top:solid 1px #e9e9e9; border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; border-left:solid 1px #e9e9e9;}
.member_box_pw { width:460px; height:260px;padding:30px; margin:0 auto; border-top:solid 1px #e9e9e9; border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; border-left:solid 1px #e9e9e9;}

/* 버튼공통 */
.btn_center { text-align:center;}

/* login */
.login_footer { padding-top:20px; margin-top:20px; background:url(../design/contents/bg_dotline.gif) repeat-x left top;}

/* 수강신청 메뉴바 */
.tab_select_list {width:100%;height:28px;border-bottom:1px solid #a6a6a6}
.tab_select_list.month {margin:22px 0 25px 0}
.tab_select_list li {float:left; height:29px;margin-right:2px;background:url(../images/bg_tab2_new.png) no-repeat 0 0}
.tab_select_list li a {display:inline-block;float:left;height:19px;padding:10px 17px 0 19px;background:url(../images/bg_tab2_new.png) no-repeat 100% 0 !important;text-decoration:none}
.tab_select_list.month li a {padding:10px 28px 0 27px;}
.tab_select_list li.on {position:relative;background:url(../images/bg_tab2_new.png) no-repeat 0 -39px}
.tab_select_list li.on a {background:url(../images/bg_tab2_new.png) no-repeat 100% -39px !important}
.tab_select_list li.on strong {color:#222}
.tab_select_list li.rss a {padding-right:30px;}
.tab_select_list li a.btn_rss {position:absolute;float:none;height:auto;padding:0;top:11px;right:17px;}

/*고객센터*/
#cscenter2 {position:relative; float:left; width:224px; height:162px; background:#666666;}
#cscenter2 .call {position:relative; float:right; width:206px; height:162px; padding-bottom:14px;}
#cscenter2 .call li {font-size:1.04em; color:#ffffff; line-height:1.44em;}