@charset "utf-8";

/* 메인화면 */
.recent_title{font-size:16px;font-family:'malgun gothic';font-weight:bold;letter-spacing:-2px;color:#000;display:block;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:10px;margin-top:20px;}

/* 좌측메뉴 */
.leftmenu{padding-top:75px;border-bottom:1px solid #eee;}
.leftmenu_title{font-size:17px;height:20px;font-family:'malgun gothic';font-weight:bold;letter-spacing:-2px;color:#F4008C;text-align:left;width:100%;border-bottom:3px solid #ccc;padding-bottom:10px;margin-bottom:10px;text-indent:20px}
.leftmenu a{display:block;padding-left:20px;margin-bottom:5px}

/* 상단메뉴 */
#top_menu{position:relative;z-index:500}
#top_menu a.topmenu_title{font-weight:bold;color:white;font-size:16px;font-family:'malgun gothic';letter-spacing:-2px;margin-top:2px}
#top_menu a.topmenu_title:visited{color:white;}
#top_menu a.topmenu_title:hover{font-weight: bold;}
#top_menu ul.dropdown{position:absolute;top:28px;left:0;width:200px;background:#F0008C;color:#fff;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:10px 0 20px 0;z-index:500}
#top_menu ul.dropdown li{display:block;clear:both;z-index:500;width:200px;text-align:left;}
#top_menu ul.dropdown a{color:white;}
#top_menu ul.dropdown a:hover{font-weight: bold;}
#top_menu ul.dropdown a:visited{color:white}

#topmenu_dummy{position:absolute;top:100px;right:0px;width:650px;height:600px;background:#F0008C;color:#fff;z-index:1000;padding:30px 50px;border-radius:10px;}
#topmenu_dummy .nav2{text-align:left;width:650px;}
#topmenu_dummy li.first{display:none}
#topmenu_dummy li.topmenu_item{position:relative;float:left;width:180px;height:210px;}
#topmenu_dummy li.topmenu_item ul{position:relative}
#topmenu_dummy li.topmenu_item ul li{display:block;float:none;text-align:left;height:13px;padding-left:0}
#topmenu_dummy a.topmenu_title{font-weight:bold;color:white;font-size:16px;font-family:'malgun gothic';letter-spacing:-2px;margin-top:2px;text-align:left;border-bottom:1px solid #fff}
#topmenu_dummy li.item_7{margin-top:-35px;}
#topmenu_dummy ul.dropdown{width:200px;}
#topmenu_dummy ul.dropdown a{color:white;}
#topmenu_dummy ul.dropdown a:hover{font-weight: bold;}
#topmenu_dummy ul.dropdown a:visited{color:white}
#topmenu_dummy .close{position:absolute;right:15px;top:15px;cursor:pointer;font-famliy:'tahoma';font-weight:thin;font-size:18px;color:#fff;}




/* Common */
a {color:#555;text-decoration:none;line-height:20px;}
a:link {color:#555;text-decoration:none;}
a:hover {color:#e7008a;text-decoration:none;}
a:active {color:#ef4f8f;text-decoration:none;}
a:focus {color:#ef4f8f;text-decoration:none;}
a:focus {outline:none;}
a { outline:none; select-dummy: expression(this.hideFocus=true);}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;}
body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset{border:0;vertical-align:middle;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}


body{background:url(/img/bg.gif) 0 0 repeat-x;background-color:transparent;}

/* Layout */
#wrap{width:908px;margin:0 auto;}
#header{width:908px; position:relative; z-index:100;}
#container{width:908px; clear:both; position:relative;}
#container:after{display:block;clear:both;content:''}
#content{float:right;width:705px; padding-top:20px;}
#footer_wrap { width:100%; margin-top:30px; text-align:center; background:#efeff1;color:#999;}
#footer { margin:0 auto; width:908px; margin-top:30px; background:#efeff1;color:#999; }
.left_menu{float:left;width:200px}
.clear{display:block;clear:both;content:''}

#wrap2{width:908px;margin:0 auto;}
#header2{width:908px; position:relative; z-index:100;}
#container2{width:918px; clear:both; position:relative;}
#container2:after{display:block;clear:both;content:''}
#content2{float:right;width:705px;padding:20px 0 0 0;}
.left_menu2{float:left;width:200px}
.clear{display:block;clear:both;content:''}

/* header */
#header .top_left{height:98px;width:223px;float:left; padding-left:40px;}
#header .top_right{height:68px;width:640px;float:right;text-align:right; margin:0; margin-top:20px;}
#header #top_menu { clear:both; width:908px; height:38px; vertical-align:middle;}

/*2011.08.31.김승민추가 */
#header .top_left2{height:98px;width:223px;float:left; padding-left:20px;}
#header .top_right2{height:68px;width:640px;float:right;text-align:right; margin:0; margin-top:20px;}
#header #top_menu2 { clear:both; width:908px; height:38px; vertical-align:middle;}

/*
#header #top_menu ul{ text-align:left; }
#header #top_menu ul li {display:inline; position:relative; padding:0 0 0 36px;}
#header #top_menu ul li.first{padding:0 25px 0 0;}
*/

.nav { position:relative; margin:0; padding:0; list-style:none; text-align:left; }
.nav li {float:left; display:block; width:142px; position:relative;	z-index:500; margin:0; padding:0px 0; text-align:right;}
.nav li.first { padding:0 0 0 14px; text-align:left; width:170px;  }
.nav li a { overflow:hidden; display:block; padding:10px 0; color:#d4cbb7; font-family:dotum; font-size:12px; }
.nav li.first a { padding:0 }
.nav li a:hover { color:#fff; }
.nav li ul { display:none; }

.nav2 { position:relative; margin:0; padding:0; list-style:none; text-align:left;width:908px; }
.nav2 li {float:left; display:block; position:relative;	z-index:500; margin:0; padding:5px 20px 0 12px; text-align:left;}
.nav2 li.first { padding:0 0 0 14px; text-align:left; width:60px;}
.nav2 li a { overflow:hidden; display:block; padding:1px 0; color:#d4cbb7; font-family:dotum; font-size:12px; }
.nav2 li.first a { padding:0 }
.nav2 li a:hover { color:#fff; }
.nav2 li ul { display:none; }

#smenu_wrap {  margin:0;padding:0; }
#smenu { position:absolute; top:137px; left:130px; display:none; margin:0; overflow:hidden; border:1px solid #ddd; padding:7px; z-index:99; background-color:#fff;}
#smenu ul { list-style:none; margin:0; padding:0; text-align:center; }
#smenu li {position:relative;float:left;display:inline;text-align:left;vertical-align:middle;padding:0 10px;color:#888; }
#smenu li a { color:#888; }
#smenu li a:hover {color:#e7008a;}

#smenu2_wrap { margin:0;padding:0; }
#smenu2 { position:absolute; top:137px; left:130px; display:none; margin:0; overflow:hidden; border:1px solid #ddd; padding:7px; z-index:99; background-color:#fff; width:170px}
#smenu2 ul { list-style:none; margin:0; padding:0; text-align:center; }
#smenu2 li {position:relative;text-align:left;vertical-align:middle;padding:0 10px;color:#888;}
#smenu2 li a { color:#888; }
#smenu2 li a:hover {color:#e7008a;}

#footer address{text-align:center;margin:0 auto;}

/* calendar */
#calendar{width:705px;height:490px;background:url(/img/cal_bg.gif) no-repeat top left;}
#calendar table.calendar{width:705px;border-collapse:collapse;}
#calendar table.calendar td,table th{border:0;}
#calendar table.calendar th{height:20px;}
#calendar table.calendar td{height:77px; width:12.5%; vertical-align:top; overflow:hidden; }
#calendar table.calendar td .dayCnt { padding:8px; text-align:right; }
#calendar table.calendar td img { padding:0 5px; text-align:left; }
#calendar table.calendar caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
#calendar.calendar .col_0{color:red;}
#calendar.calendar .col_6{color:#8c7fff;}
#calendar #exp ul { padding:0; margin:0; width:100%; }
#calendar #exp ul li { padding:0; margin:0; }
#calendar #exp ul li img {  }
#calendar #exp ul li div { }
.holiday{color:red}



/* main_bbs */
#main_bbs{width:705px}
.bbs_left{float:left;width:245px;}
.bbs_right{float:right;width:455px;text-align:left;vertical-align:top;}

#main_bbs2{width:705px}
.bbs2_left{float:left;width:245px;}
.bbs2_right{float:right;width:455px;text-align:left;vertical-align:top;}


/* list */
#list table{width:705px;border:0;border-top:1px solid #ccc;border-spacing:0}
#list table td,
#list table th{border:0;border-bottom:1px solid #ccc;padding:5px;color:#555}
#list table th{background:#eee;}
#list table td{font-size:11px;text-align:center}

.bbs{width:100%;font-size:12px;}
.bbs table {font-size:12px;border-collapse:collapse;margin:0 auto;text-align:left;width:100%;border-top:2px solid #ccc;}
.bbs th {background:#eee;font-weight:normal;text-align:center;vertical-align:middle;height:30px;border-top:1px solid #ddd;}
.bbs td {text-align:center;vertical-align:middle;height:30px;padding:6px 0;color:#666;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:18px;}
.bbs td.suj{text-align:left;vertical-align:middle;height:30px;padding:6px 6px 0 6px;color:#666;border:1px solid #ddd;}

.page_title { font-size:14px; font-weight:bold; padding:30px 0 10px 0; }
.mgr_list { width:100%; margin:20px 0;  background: #ffffff; width: 100%; border-collapse:collapse; border-top: #999 solid 3px;}
.mgr_list th,
.mgr_list td { padding:2px; height:25px;  border:1xp solid #999; }

.mgr_reg input,
.mgr_reg select { height:22px; }

.mgr_search { width:100%; margin:30px 0; }

.bbs .button_area { padding:20px 0; text-align:center; }


#main_bbs {}
#main_bbs .new_document { list-style-type:none; margin-left:0px; }
#main_bbs .new_document li { clear:both; height:70px; padding:3px 0;}
#main_bbs .new_document li div { height:70px; padding:5px; overflow:hidden;}
#main_bbs .new_document .title { float:left; width:210px; font-size:11px;color:#999; }
#main_bbs .new_document .nick_name { float:left; width:50px; }
#main_bbs .new_document .uploaded_img { float:left; width:70px; text-align:center; }
#main_bbs .new_document .uploaded_img img { height:60px; }
#main_bbs .new_document .regdate { width:80px; font-size:11px;color:#999;}


/* 회원가입 */
.join {margin:35px 0 0 20px; text-align:left;}
.information {margin-top:10px;text-align:left;line-height:18px}
.information a {color:#456dc1;text-decoration:underline;}
.reference {margin-top:30px;margin-bottom:2px;}
.reference em {font-style:normal;color:#FE632B;}
.reference em img {vertical-align:middle;}
.member_join {margin:0 auto;border-top:2px solid #D7D7D7;text-align:left;width:100%}
.member_join fieldset {border:0;}
.member_join legend {display:none;}
.member_join table {font-size:12px;border-collapse:collapse;width:100%}
/*.member_join tr {background:url("../img/bg_dt.gif") repeat-y;}*/
.member_join tr.last_child th, .member_join tr.last_child td {background-image:none;border-bottom:2px solid #D7D7D7;width:auto;}
.member_join th {padding:14px 0 10px 16px;background:#F5F5F5 url("/img/xline_dot.gif") repeat-x left bottom;font-weight:normal;text-align:left;vertical-align:top;}
.member_join th label * {vertical-align:middle;}
.member_join th em {padding-right:8px;font-style:normal;}
.member_join td {padding:10px 0;background:url("/img/xline_dot.gif") repeat-x left bottom;color:#666;}
.member_join td p {padding:3px 0 3px 15px;}
.member_join td p.description {margin-top:6px;}
.member_join td p.reference {margin-top:21px;}
.member_join td p * {vertical-align:middle;}
.member_join tr.first_child th {background-image:none;}
.member_join tr.first_child td {background:none;}

.i_text{position:relative;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;width:98%;font-size:12px;}
.text_field {height:16px;padding-top:1px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;} /* standards mode 와 height 차이 */
.checkbox_area {color:#000;}
.pwd_question {width:355px;}
.pwd_answerer {width:246px;}
.caution_msg {margin-top:2px;line-height:16px;color:#fe612c;}
.my_email {width:100px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.email_company {width:109px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.title_input {width:98%;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.mail_check {margin-top:6px;}
.tel, .md5pwd {width:66px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.contoll_box {margin:20px 0;text-align:center;}
.contoll_box a {margin-left:2px;}
.i_check{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle;font-size:12px}
.news_letter{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle;font-size:12px}

#event_tab_menu { list-style:none; padding:0; margin:20px 0;}
#event_tab_menu li { display:inline; padding:8px 8px 18px 8px; margin:0; cursor:pointer; color:#fff; background:url(/sub2/img/tab_bg.gif) no-repeat 50% 50%; height:40px;}
#event_tab_menu li.on {  background:url(/sub2/img/tab_bg_on.gif) no-repeat 50% 50%;}

/*강좌소개텝 김승민 수정*/
#event_tab_menu2 { list-style:none; padding:0; margin:20px 0;}
#event_tab_menu2 li { display:inline; padding:8px 8px 18px 8px; margin:0; cursor:pointer; color:#fff; background:url(/sub2/img/tab_bg.gif) no-repeat 5% 50%; height:40px;}
#event_tab_menu2 li.on {  background:url(/sub2/img/tab_bg_on.gif) no-repeat 50% 50%;}


#link{position:relative;list-style:none;display:block;float:left;margin:10px 0;padding:0;*zoom:1;overflow:hidden;}
#link:after {content:""; display:block; clear:both; }
#link li {position:relative;float:left;display:inline;text-align:left;vertical-align:middle;padding:0;}

#link2{position:relative;list-style:none;display:block;float:left;margin:10px 0;padding:0;*zoom:1;overflow:hidden;}
#link2:after {content:""; display:block; clear:both; }
#link2 li {position:relative;text-align:left;vertical-align:middle;padding:0;line-height:0px}

.menu_on { display:block; }

.main_board .new_document { margin-left:0px; margin-top:5px; padding-left:0px;}
.main_board .new_document li a { line-height:15px; }

/*메인게시판수정 김승민 */
.main_board2 .new_document { margin-left:0px; margin-top:0; padding-left:0px;}
.main_board2 .new_document li a { line-height:18px; }

/* 김승민수정 */
/*
#board_together2 {}
#board_together2 .new_document .title { float:left; width:280px; }
#board_together2 .new_document .uploaded_img { float:left; width:80px; text-align:left; }
#board_together2 .new_document .uploaded_img img { height:60px; }
#board_together2 .new_document .title { font-size:11px;color:#999; }
#board_together2 .new_document .contents { padding-top:0px; }
*/
/* 김동완 수정 2011-09-21 */
#board_together3 { overflow:hidden;}
#board_together3 .new_document li { float:left; padding:3px; }
#board_together3 .new_document li div { border:1px solid #fff;}
#board_together3 .new_document .title { text-align:center;}
#board_together3 .new_document .uploaded_img { }
#board_together3 .new_document .uploaded_img img { width:118px; }
#board_together3 .new_document .title { font-size:11px; color:#999; }
#board_together3 .new_document .contents { display:none; }
#board_together3 .new_document .comment { display:none; }

#board_together2 { height:100px; overflow:hidden;}
#board_together2 .new_document li { float:left; padding:3px; height:100px;}
#board_together2 .new_document li div { border:1px solid #fff;}
#board_together2 .new_document .title { text-align:center;}
#board_together2 .new_document .uploaded_img { }
#board_together2 .new_document .uploaded_img img { width:75px; }
#board_together2 .new_document .title { font-size:11px; color:#999; }
#board_together2 .new_document .contents { display:none; }
#board_together2 .new_document .comment { display:none; }

/* board_together */
#board_together {}
#board_together .new_document .title { float:right; width:280px; }
#board_together .new_document .uploaded_img { float:left; width:80px; text-align:center; }
#board_together .new_document .uploaded_img img { height:70px; }
#board_together .new_document .title { font-size:11px;color:#999; }
#board_together .new_document .contents { padding-top:8px; }


.left_menu .sub_menu { margin:20px 0 0 0; }


.left_menu2 .sub_menu { margin:20px 0 0 0; line-height:1px;}
.left_menu2 .sub_menu {}

#main_afternote { margin-top:20px; margin-bottom:30px;}
#main_afternote li { width:48%; float:left; }


/* 김승민 추가*/
#main_class {position:relative;float:left margin-top:50px; margin-bottom:30px;}

/* page */
h1.h1{color:#95ADDB;font-weight:bold;font-family:'malgun gothic';font-size:30px;letter-spacing:-3px;padding:0 0 10px 20px;border-bottom:1px solid #ccc;margin:20px 0 20px 0;}
h1.h1 b{color:#EF5BA1}
h1.h1 .desc{color:#aaa;font-size:12px;font-weight:normal;letter-spacing:-1px;}