@font-face {font:nomal 13px Malgun Gothic; src:url(/font/MalgunGothic.eot);}



/*레이아웃 큰박스 속성*/
#wrap{width:auto;}
/*
#header{ margin: 0 auto; width:1000px; overflow:hidden; }
*/
#header{ margin: 0 auto; width:1000px; }
#historyline { margin: 0 auto; width:1000px; overflow:hidden; }
#contents {margin: 0 auto; width:1000px; overflow:hidden; background-color:#fff}
#footer_wrap { width:100%; overflow:hidden; }
#footer {margin: 0 auto; width:1000px; overflow:hidden;}



/*히스토리 부분*/
#history_text { width:1000px; margin:0 0 9px 0; padding:0; float:left; text-align:right; }

.history_on {font-family:돋움; font-size:11px; color:#4a4a4a; }
.history { font-family:돋움; font-size:11px; color:#bcbcbc;}

a.his:link {font-family:돋움; 	font-size:11px; color:#9e9e9e; text-decoration:none;}
a.his:visited {font-family:돋움; 	font-size:11px; color:#9e9e9e; text-decoration:none; }
a.his:hover {font-family:돋움; 	font-size:11px; color:#9e9e9e; text-decoration:none; }




/*contents 부분*/

/*왼쪽메뉴*/

.join_leftmenu { width:185px; float:left; margin:15px 50px 15px 15px; padding:0; }
.join_leftmenu h1 { padding:11px 0 11px 20px; background-color:#30bded; border:1px solid #28afdd; }
.join_leftmenu li { border-bottom:1px solid #f5f5f5; height:24px; padding:8px 0 0 20px }

.joinon { font-family:Malgun Gothic; font-size:12px; color:#28afdd; letter-spacing:-1px }

a.join_menu:link { font-family:Malgun Gothic; font-size:12px; color:#6d6c6c;  text-decoration:none; letter-spacing:-1px}
a.join_menu:visited { font-family:Malgun Gothic; font-size:12px; color:#6d6c6c;  text-decoration:none; letter-spacing:-1px}
a.join_menu:hover { font-family:Malgun Gothic; font-size:12px; color:#28afdd;  text-decoration:none; letter-spacing:-1px}


/* 오른쪽 컨텐츠 */
#right { width: 735px; float:left; margin:15px 15px 15px 0; }

.join_list { width: 735px; padding:0; margin:3px 0 0 0; float:left;  }
.join_list h1 {font-family:Malgun Gothic; font-size:20px; color:#0c0c0c; border-bottom:2px solid #9e9fa1; padding:0 0 8px 0; margin:0 0 17px 0; }
.join_list li { background:url(../img/dot); background-position:bottom; background-repeat:repeat-x; padding:10px 0 10px 0;}

.join_bottom { width: 734px; float:left; margin:15px 15px 15px 0; }
.join_bottom li { border-bottom:1px solid #e8e8e8; padding:10px 0 16px 0;}

.join_text { font-family:Malgun Gothic; font-size:12px; color:#555; }
.join_text img { padding:6px 0 0 0 }
.join_text2 { font-family:Malgun Gothic; font-size:12px; color:#000; font-weight:bold; letter-spacing:1px; }
.join_tip { padding:0 0 0 60px;  }
.join_select { padding:0 0 0 69px; vertical-align:text-bottom  }
.text_select { padding:0 20px 0 0; }
.join_space { padding:0 0 0 60px }
.join_space2 { padding:0 0 0 48px }
.join_space3 { padding:0 0 0 20px }
.join_space4 { padding:0 0 0 75px }
.join_space5 { padding:0 0 0 84px }
.join_space6 { padding:0 0 0 31px }
.join_space7 { padding:0 0 0 28px }

.join_input {border:1px solid #cdcdcd; background:#fafafa; width:203px; height:21px; vertical-align:middle}
.join_input2 {border:1px solid #cdcdcd; background:#fafafa; width:120px; height:25px; vertical-align:middle }
.join_input3 {border:1px solid #cdcdcd; background:#; width:80px; height:25px; vertical-align:middle }
.join_input4 {border:1px solid #cdcdcd; background:#; width:40px; height:21px; vertical-align:middle }
.join_input5 {border:1px solid #cdcdcd; background:#fafafa; width:80px; height:21px; vertical-align:middle; line-height:14px;}
.join_input6 {border:1px solid #cdcdcd; width:203px; height:21px; vertical-align:middle; line-height:14px;}
.join_checkbox {border:1px solid #cdcdcd; background:#; vertical-align:middle }

.underline { border-bottom:1px solid #eb002c; padding-bottom:1px; }
.join_bt { width:735px; padding:30px 0 150px 0; margin:0; text-align:center; float:left }
.join_bt img { padding:0 5px }


/* 글쓰기 */
.join_write { width: 735px; padding:0; margin:3px 0 0 0; float:left;  }
.join_write h1 {font-family:Malgun Gothic; font-size:20px; color:#0c0c0c; border-bottom:2px solid #9e9fa1; padding:0 0 8px 0; margin:0 0 17px 0; }
.join_write li { padding:0 0 10px 0; margin:0; float:left; }

.write_input {width:162px; border:1px solid #cdcdcd; background:#fafafa; background: transparent url(../img/bg_03.gif) no-repeat;  vertical-align:middle; font-family:Malgun Gothic; font-size:12px; color:#222;}
.write_input3 {width:713px; height:21px; border:1px solid #cdcdcd; vertical-align:middle; font-family:Malgun Gothic; font-size:12px; color:#111; padding:0 10px;}
.write_input4 {width:713px; height:610px; border:1px solid #cdcdcd; vertical-align:middle; font-family:Malgun Gothic; font-size:12px; color:#111; padding:0 10px;}
.write_input5 {width:122px; height:21px; border:1px solid #cdcdcd; background:#fafafa; vertical-align:middle; font-family:Malgun Gothic; font-size:12px; color:#111; padding:0 4px;}
.write_input6 {width:125px; height:23px; border:1px solid #cdcdcd; background:#fff; vertical-align:middle; font-family:Malgun Gothic; font-size:12px; color:#111; padding:0 4px;}

.title_blur { border:#cdcdcd 1px solid; background: transparent url(../img/bg_01.gif) no-repeat; font-size:11px; font-family:돋움; width: 731px; height: 21px; line-height:14px; background-color:#fafafa;} 
.title_focus { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:11px; font-family:돋움; width: 731px; height: 21px; line-height:15px; } 

.subtitle_blur { border:#cdcdcd 1px solid; background: transparent url(../img/bg_02.gif) no-repeat; font-size:11px; font-family:돋움; width: 731px; height:21px; line-height:14px; } 
.subtitle_focus { border:#cdcdcd 1px solid; color:#222; font-size:11px; font-family:돋움; width: 731px; height:21px; line-height:14px; } 



.input_pub { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 300px; height: 21px; line-height:15px; } 
.input_pub_30 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 30px; height: 21px; line-height:15px; } 
.input_pub_50 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 50px; height: 21px; line-height:15px; } 
.input_pub_80 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 80px; height: 21px; line-height:15px; } 
.input_pub_100 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 100px; height: 21px; line-height:15px; } 
.input_pub_120 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 120px; height: 21px; line-height:15px; } 
.input_pub_150 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 150px; height: 21px; line-height:15px; } 
.input_pub_200 { border:#cdcdcd 1px solid; background-color:#fafafa; color:#222; font-size:12px; font-family:돋움; width: 200px; height: 21px; line-height:15px; } 



.tag_blur { border:#cdcdcd 1px solid; background: transparent url(../img/bg_04.gif) no-repeat; font-size:11px; font-family:돋움; width: 731px; height: 21px; line-height:14px; } 
.tag_focus { border:#cdcdcd 1px solid; color:#222; font-size:11px; font-family:돋움; width: 731px; height: 21px; line-height:14px; } 

.with_blur { border:#cdcdcd 1px solid; background: transparent url(../img/hh.png) no-repeat; font-size:11px; font-family:돋움; width: 731px; height: 40px; line-height:14px; overflow: auto;} 
.with_focus { border:#cdcdcd 1px solid; color:#222; font-size:11px; font-family:돋움; width: 731px; height: 40px; line-height:14px; overflow: auto;} 

.write_space { padding:0 0 0 10px }
.comment_input { line-height: 14px; width:722px; height:42px; border-top:1px solid #d1d1d1; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-left:1px solid #d1d1d1; float:left; overflow: auto; overflow-x: hidden; overflow-y: hidden; padding:5px; font-family:Malgun Gothic; font-size:12px; color:#111}
.write_bt { width:734px; padding:30px 0 30px 0; margin:0; text-align:center; float:left }
.write_bt img { padding:0 5px }


/* 내글목록 */
.writing_list { width:735px; border-top:1px solid #eaeaea; margin:0; padding:0; float:left }
.list { width:735px; float:left; margin:24px 0 0 0; padding:0 0 25px 0; border-bottom:1px solid #f5f5f5; }
.list_title2 { font-family:Malgun Gothic; font-size:11px; color:#666;  text-decoration:none; letter-spacing:-1px}
.list_num { width:80px; float:left; margin:0; padding:34px 0 0 0; text-align:center;  }

.list_img { width:195px; float:left; margin:0; padding:0; border:1px solid #ececec }
.list_info { width:428px; float:left; margin:0 0 0 30px; padding:0; }
.list_sub {float:left; width:428px; margin:0; padding:0; margin:5px 0 0 0 }
.list_sub img { padding:4px 0 0 0; }
.list_subname {width:148px; float:right; text-align:right; margin:0; padding:0 }
.list_subtitle {width:280px; float:left; margin:0; padding:0 }

a.list_title:link { font-family:Malgun Gothic; font-size:14px; color:#0c0c0c;  text-decoration:none; letter-spacing:-1px}
a.list_title:visited { font-family:Malgun Gothic; font-size:14px; color:#0c0c0c;  text-decoration:none; letter-spacing:-1px}
a.list_title:hover { font-family:Malgun Gothic; font-size:14px; color:#0c0c0c;  text-decoration:none; letter-spacing:-1px}

a.review_text:link {font-family:Malgun Gothic; font-size:13px; color:#444; letter-spacing:-1px; line-height:22px; text-decoration:none  }
a.review_text:visited {font-family:Malgun Gothic; font-size:13px; color:#444; letter-spacing:-1px; line-height:22px; text-decoration:none }
a.review_text:hover {font-family:Malgun Gothic; font-size:13px; color:#444; letter-spacing:-1px; line-height:22px; text-decoration:none }

a.list_text:link {font-family:Malgun Gothic; font-size:12px; color:#444; letter-spacing:-1px; line-height:19px; text-decoration:none  }
a.list_text:visited {font-family:Malgun Gothic; font-size:12px; color:#444; letter-spacing:-1px; line-height:19px; text-decoration:none }
a.list_text:hover {font-family:Malgun Gothic; font-size:12px; color:#444; letter-spacing:-1px; line-height:19px; text-decoration:none }

.date {font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#b3b3b3; }
.list_name {font-family:Malgun Gothic; font-size:11px; color:#a0a0a0; }
.list_name img { padding: 4px 0 0 0;}

.contents_number { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#b3b3b3; font-size:25px;}


/* 이미지 없는 경우 처리 */
.list_noimage { width:735px; height:100px; float:left; margin:20px 0 0 0; padding:10px 0 10px 0; border-bottom:1px solid #f5f5f5; }
.list_num_noimage { width:80px; float:left; margin:0; padding:10px 0 0 0; text-align:center }
.list_sub_noimage {float:left; width:328px; margin:0; padding:0; margin:5px 0 0 0 }
/* 이미지 없는 컨텐츠 리스트*/
.list_info_text { width:623px; float:left; margin:0 0 0 30px; padding:0; }
.list_info_text_noimage { width:623px; float:left; margin:0 0 0 10px; padding:0; }



/* 공지사항 목록 */
.notice { width: 735px; padding:0; margin:3px 0 0 0; float:left;  }
.notice h1 {font-family:Malgun Gothic; font-size:20px; color:#0c0c0c; border-bottom:2px solid #9e9fa1; padding:0 0 8px 0; margin:0; }

.notice_titleline { width: 735px; background:#fafafa; padding:7px 0 9px 0; margin:o; float:left; border-bottom:1px solid #f5f5f5 } 
.notice_num { width:61px; margin:0; padding:0; float:left; text-align:center; font-family:Malgun Gothic; font-size:12px; color:#666; }
.notice_title { width:518px; margin:0; padding:0; float:left; text-align:center; font-family:Malgun Gothic; font-size:12px; color:#666; }
.notice_date { width:82px; margin:0; padding:0; float:left; text-align:center; font-family:Malgun Gothic; font-size:12px; color:#666; }
.notice_hits { width:74px; margin:0; padding:0; float:left; text-align:center; font-family:Malgun Gothic; font-size:12px; color:#666; }

.notice_list { width: 735px; padding:0; margin:0;  }
.notice_list li {padding:10px 0 11px 0; float:left; background:url(../img/dot); background-repeat:repeat-x; background-position:bottom  }
.notice_num2 { width:61px; margin:0; padding:0; float:left; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#b3b3b3; line-height:18px; }

a.notice_title2:link { width:518px; margin:0; padding:0; float:left; font-family:Malgun Gothic; font-size:13px; color:#0c0c0c; font-weight:bold; line-height:18px; text-decoration:none}
a.notice_title2:visited { width:518px; margin:0; padding:0; float:left; font-family:Malgun Gothic; font-size:13px; color:#0c0c0c; font-weight:bold; line-height:18px; text-decoration:none }
a.notice_title2:hover { width:518px; margin:0; padding:0; float:left; font-family:Malgun Gothic; font-size:13px; color:#0c0c0c; font-weight:bold; line-height:18px; text-decoration:none }

.notice_date2 { width:82px; margin:0; padding:0; float:left; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#b3b3b3;  line-height:18px;}
.notice_hits2 { width:74px; margin:0; padding:0; float:left; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#b3b3b3;  line-height:18px;}


/* 공지사항 내용보기 */
.bbs_title { width:735px; margin:3px 0 0 0; padding:0 0 8px 0; float:left; border-bottom:2px solid #9e9fa1;   }
.notice_menu {font-family:Malgun Gothic; 	font-size:20px; color:#0c0c0c;}
.title { width:705px; padding:9px 15px 8px 15px; margin:0; float:left; font-family:Malgun Gothic; font-size:15px; line-height:22px; color:#111; font-weight:bold; background:#fafafa; border-bottom:1px solid #f5f5f5}
.text13 {font-family:Malgun Gothic; font-size:13px; line-height:20px; color:#555; padding:30px 15px; margin:0; width:705px; float:left;   }
.list_date { width:605px; padding:0 15px; margin:0; float:left; }
.list_hits { width:735px;  padding:8px 0 9px 0; margin:0; float:left; font-family:돋움; font-size:11px; color:#666; background:url(../img/dot.gif); background-repeat:repeat-x; background-position:bottom; }
.bt_list { width:70px; padding:2px 15px 0 15px; margin:0; float:right; text-align:right; }
.bt_list2 { width:705px; padding:15px 15px 30px 15px; margin:0; float:left; text-align:right; border-top:1px solid #cdcdcd }

a.bbslist:link { font-family:돋움; font-size:11px; color:#848484;  text-decoration:none; }
a.bbslist:visited { font-family:돋움; font-size:11px; color:#848484;  text-decoration:none; }
a.bbslist:hover { font-family:돋움; font-size:11px; color:#848484;  text-decoration:none; }



.bbs_subtitle { float:left; margin:0; padding:0; width:735px;  }
.subtop_r {float:right; margin:10px 0 0 0 }
.write_num { font-family:Malgun Gothic; font-size:11px; color:#bdbdbd;  letter-spacing:-1px}
.write_numline { font-family:Malgun Gothic; font-size:12px; color:#b3b3b3;  letter-spacing:-1px}
.write_num2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#b3b3b3;  letter-spacing:1px}
.writer {font-family:Malgun Gothic; font-size:11px; color:#a0a0a0 }
.bbstitle_dotline { width:705px; margin:8px 0 6px 0; background-image:url(../img/dot.gif); background-repeat:repeat-x; float:left; padding:0 15px; }
.write_numline { font-family:Malgun Gothic; font-size:12px; color:#b3b3b3;  letter-spacing:-1px}

.bbs_writer {width:475px; float:left; margin:0; padding:0;  }
.b_title {font-family:Malgun Gothic; 	font-size:20px; color:#0c0c0c;}



/* 페이지 */
#page { width:735px; margin: 28px 0; padding:0; text-align:center; float:left }
#page img {padding:1px 0 0 0 }
#page span { padding: 0 2px; }

a.page_on:link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#f84378; letter-spacing:1px;  text-decoration:none; border:1px solid #ddd; padding:0 6px;  }
a.page_on:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#f84378; letter-spacing:1px;  text-decoration:none; border:1px solid #ddd; padding:0 6px; }
a.page_on:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#f84378; letter-spacing:1px;  text-decoration:none; border:1px solid #ddd; padding:0 6px; }

a.page:link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#a4a4a4; letter-spacing:10px; text-decoration:none  }
a.page:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#a4a4a4; letter-spacing:10px;  text-decoration:none }
a.page:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#a4a4a4; letter-spacing:10px;  text-decoration:none }

/* 페이징 좌우 버튼 이미지 밑으로 내리기 */
.page_image {margin-top:1px;}



/* 페이지 */
.pagenation {width:735px; margin:0 auto;  padding:28px 0; float:left; text-align:center }


/* 컨텐츠 내용 없음 */
.no_contents_list { font-family:Malgun Gothic; font-size:14px; font-weight:bold; color:#28AFDD; line-height:15px; border-bottom:0px solid #e8e8e8; padding:0 0 8px 0; margin:0 0 11px 0; text-align:center  }



/* 나비소개 */
.submenu { width:735px; padding:0 0 8px 0; margin:0; float:left;  font-family:Malgun Gothic; font-size:20px; color:#000; font-weight:bold; border-bottom:2px solid #9e9fa1; }
.nabee { width:735px; margin:0; padding:27px 0 290px 0; float:left; font-family:Malgun Gothic; font-size:12px; color:#444;  line-height:19px; background-image:url(../img/nabee_01.gif); background-position:bottom; background-repeat:no-repeat}
.nabee p {padding:33px 0 0 0}
.nabee_t {font-family:Malgun Gothic; font-size:13px; color:#0798c9; font-weight:bold; }
.nabee_1 {font-family:Malgun Gothic; font-size:15px; color:#003696; font-weight:bold; line-height:27px; }
.nabee_2 {font-family:Malgun Gothic; font-size:15px; color:#f84378; font-weight:bold; line-height:27px; }
.nabee_3 {font-family:Malgun Gothic; font-size:15px; color:#8dc71d; font-weight:bold; line-height:27px; }
.nabee_4 {font-family:Malgun Gothic; font-size:15px; color:#01a0c7; font-weight:bold; line-height:27px; }
.nabee_5 {font-family:Malgun Gothic; font-size:15px; color:#a353b4; font-weight:bold; line-height:27px; }



/*************************** VALIDATION *********************/
#regster caption{text-align:left;font-weight:bold;margin-bottom:5px;}

#regster label.error {
  position: relative;
  margin-left:3px;
  border:0px;
  background:url("/ajax/images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 20px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#regster label.checked {
  background:url("/ajax/images/checked.gif") no-repeat 0px 0px;
}


.reference_write { font-family:Malgun Gothic; font-size:12px; color:#545454; }
a.join_bt:link { font-family:Malgun Gothic; font-size:14px; color:#0c0c0c;  text-decoration:none; letter-spacing:-1px}
a.join_bt:visited { font-family:Malgun Gothic; font-size:14px; color:#0c0c0c;  text-decoration:none; letter-spacing:-1px}
a.join_bt:hover { font-family:Malgun Gothic; font-size:14px; color:#0c0c0c;  text-decoration:none; letter-spacing:-1px}