@charset "utf-8";

/******************기본스타일******************/
html, body{height:100%;}
*{margin:0;padding:0;}
ol,ul,li {list-style:none;}
legend, caption {display:none;clear:both;}
body,td,th {font-family:Dotum,"돋움",Gulim,"굴림",Arial;font-size:12px;color:#555;line-height:18px;}
body{background:url(../img/bg.gif)}

img, fieldset {vertical-align:top; border:0;}

A:link	{text-decoration:none;color:#575757;}
A:visited{text-decoration:none;color:#575757;}
A:hover {text-decoration:underline;color:#1c85f2;}
A:active {text-decoration:none;color:#575757;}


/* ==기타설정 == */
.pdTop10{ padding-top:10px;}
.pdTop20{ padding-top:20px;}
.pdTop30{ padding-top:30px;}

.pdBt10{ padding-bottom:10px;}
.pdBt20{ padding-bottom:20px;}

.tSmall {font-size:11px;color:#444444;line-height:16px;}
.tBold {font-weight:bold;}
.tBig {font-size:15px;}
.tNarrow {letter-spacing:-1px;}
.tBlue {color:#5674df;}
.tOrange {color:#ff6600; font-weight:bold;}
.tGray {color:#777;}
.tCenter{text-align:center;}
.tLeft{text-align:left !important;}


.submit_area{text-align:center; padding-top:20px;}

/* == index레이아웃 == */
#wrapperIndex{ background:url(../img/bg_index.jpg) no-repeat 50% 0;height:100%;}
#login_area{position:relative; margin:0 auto; width:800px;height:600px;}
#login_area .login{position:absolute; background:url(../img/login_section.gif) no-repeat; width:234px; padding-left:51px;top:330px;left:263px;}
#login_area .btn_login{position:absolute; top:0; right:0;}
#login_area .btn_join{padding-top:25px;}

#login_area .join_form{ position:absolute; top:60px; left:0; padding-bottom:50px;}
#login_area .form_box{ background-color:#fff; padding:40px;}
#login_area .search_id_form{ position:absolute; top:190px; left:0; padding-bottom:50px;}

table.tb_join{width:100%;}
table.tb_join th{border-bottom:1px solid #ddd;background-color:#fafafa;padding:6px 0 5px 7px; color:#555;}
table.tb_join td{border-bottom:1px solid #ddd;border-left:1px solid #bbb; padding:6px 0 5px 7px;}
table.tb_join th.first, table.tb_join td.first{border-top:2px solid #797979;padding:9px 0 5px 7px;}
table.tb_join th.last, table.tb_join td.last{border-bottom:1px solid #999;padding:6px 0 9px 7px;}
table.tb_join th.th2{border-left:1px solid #bbb;}
table.tb_join td span{font-size:11px; letter-spacing:-1px; color:#999; padding-left:8px;}


/*본문 및 메인레이아웃*/
#wrap{}
#header{position:relative; width:1100px; margin:0 auto; background-color:#fff; z-index:50;}
#header .top_navi{position:absolute; top:33px;right:22px;width:460px;text-align:right;}
#header ul.gnb{background:url(../img/bg_menu.gif) repeat-x;height:42px;}
#header ul.gnb li{position:relative;float:left;background:url(../img/bg_menu_line.gif)  no-repeat;height:42px;}
#header ul.gnb li a{font-family:"Gulim","Dotum";font-weight:bold;line-height:42px;color:white;display:block;font-size:14px;letter-spacing:-1px;padding:0 40px;}
#header ul.gnb li.selected a{color:gold;}

ul.gnb li div{position:absolute;top:42px; height:25px; width:150px;display:none;}
ul.gnb li div a{font-weight:bold; line-height:25px;}
ul.gnb li div a:hover{color:#1c85f2;}
ul.gnb li div.sub5{left:0;width:500px;}



#container{position:relative; width:1100px; margin:0 auto; background-color:#fff;}
#content{margin:0 auto; width:1000px; padding:40px 0 50px;min-height:500px;_height:500px;}
/*메인컨텐츠*/
#content ul.newest{height:100%; overflow:hidden;}
#content ul.newest li{float:left;width:326px;margin-right:11px;}
#content ul.newest li.last{margin-right:0;}
#content ul.newest li div.bg_newest{background:url(../img/bg_newest.gif) no-repeat left bottom;height:100%; overflow:hidden; padding:15px;}
#content ul.newest ul.list li{clear:left;line-height:19px;width:288px; background:url(../img/icon_spot.gif) no-repeat 0 6px; padding-left:7px;}
#content ul.newest ul.list li a{ float:left;}
#content ul.newest ul.list li span{float:right; font-weight:bold;}





/*캘린더*/
div.calendar{position:relative; width:1000px;}
table.tb_calendar th{background-color:#f9f9f9; padding:9px;}
table.tb_calendar th.sun, table.tb_calendar td.sun{ color:#ff3300;}
table.tb_calendar th.sat, table.tb_calendar td.sat{ color:#0066FF;}
table.tb_calendar td{background-color:#fff; padding:7px; vertical-align:top; min-height:70px;_height:70px;}
table.tb_calendar td p{ font-weight:bold; padding-bottom:10px;}
table.tb_calendar td li{ background:url(../img/icon_note.gif) no-repeat 0 0; padding-left:14px; font-size:11px; line-height:15px;}
div.ymd_area{ position:relative;border:1px solid #ddd; border-bottom:none; background-color:#fdfdfd; padding:12px; text-align:center;}
div.ymd_area img, div.ymd_area select{ vertical-align:middle;}

/*캘린더 내용보기*/
div.view_win{position:absolute;width:600px;top:-40px; left:200px; background-color:#fff; border:1px solid #656c70; display:none;}
div.view_win h3.subject{background:url(../img/bg_pop_title.gif) no-repeat; height:36px; line-height:26px; padding-top:9px;
font-family:Gulim; font-size:16px; font-weight:bold; color:#fff; text-align:center;}
div.view_win .content_area{ padding:30px; min-height:250px; _height:250px;}
div.view_win .btn_close{ border-top:1px solid #ededed; text-align:center; padding:20px 0 20px;}


#footer{position:relative; width:1100px; margin:0 auto; background-color:#fff; text-align:center; border-top:1px solid #ededed; padding:40px 0 50px; font-size:11px; font-family:Tahoma, Arial, Dotum;} 


/* =======폼스타일===== */
.inputLogin {font-family: Dotum,"돋움";font-size: 12px;color: #555555;background-color: #fdfdfd;border:1px solid #cccccc;line-height:19px;height:27px;}
.list_box{font-family:Dotum,"돋움",Gulim,"굴림",Arial;font-size:12px;height:28px;color:#666;background-color:#fff;border:solid 1px #d6d6d6;padding:3px;}
.input_box{font-family:Dotum,"돋움",Gulim,"굴림",Arial;font-size:12px;color:#444;background-color:#fdfdfd;border:solid 1px #ccc;padding:2px;line-height:19px;height:22px;}
.text_area{font-family:Dotum,"돋움",Gulim,"굴림",Arial;font-size:12px;color:#444;background-color:#fdfdfd;border:solid 1px #ccc;padding:3px;line-height:18px;}

/* ======이하페이지관련===== */

/*테이블일반*/
table.tb_board th{background-color:#f9f9f9;padding:9px;}
table.tb_board td{background-color:#fff;padding:7px;vertical-align:top;text-align:center;}
table.tb_board td.reply{background-color:#fff !important;background:url(../img/board/icon_reply.gif) no-repeat 8px 9px; padding-left:23px; text-align:left;}
table.tb_board_form td span {line-height:27px;}

/*입력폼*/
table.tb_write_form th{background-color:#f9f9f9;padding:9px;}
table.tb_write_form td{background-color:#fff;padding:7px;}
table.tb_write_form th.section{ background-color:#f0f0f0; color:#1c85f2; font-size:14px; font-family:Gulim;}
/*테이블검색*/
table.tb_search th{background-color:#f9f9f9;padding:4px 8px;letter-spacing:-1px;}
table.tb_search td{background-color:#fff;padding:4px;}

h3.title{ background:url(../img/bg_title.gif) no-repeat; height:36px; line-height:30px; padding-top:9px;
font-family:Gulim; font-size:18px; font-weight:bold; color:#3c4549; padding-left:36px;}

/*페이징*/

.paging {clear:both;font-family:tahoma, Arial, sans-serif;font-size:11px;color:#666666;font-weight:bold;padding-top:25px;text-align:center;}
.paging a {position:relative; display:inline-block; margin-right:1px; padding:2px 8px; color:#666; border:1px solid #ededed; background:#fff; vertical-align:middle; line-height:17px;}
.paging strong {position:relative; display:inline-block; margin-right:1px; padding:2px 8px; color:#ff6600; border:1px solid #ededed; background:#fff; vertical-align:middle; line-height:17px;}
.paging a:hover {background:#ededed; border:1px solid #8a949e; text-decoration:none;}
.paging .pre {margin-right:4px; padding:7px 10px; _padding:7px 10px 0; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover.pre {border:1px solid #444; background:#ccc;}
.paging .next {margin-left:3px; padding:7px 10px; _padding:7px 10px 0; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover.next {border:1px solid #444; background:#ccc;}

/*게시판검색*/
.bd_search {border:solid 1px #ddd; padding:10px; text-align:center;margin-top:30px; background-color:#fdfdfd;}
.bd_search img, .bd_search input, .bd_search select{vertical-align:middle;}

p.total_data{ padding:0 0 5px 14px; background:url(../img/board/icon_note3.gif) no-repeat 0 1px; margin-top:20px;}

/*상세보기*/
#bdView {position:relative;}
#bdView .top_area{ border:1px solid #ddd; background-color:#fdfdfd; padding:20px 25px;}
#bdView .subject {background:url(../img/board/icon_subject.gif) no-repeat 0px 1px;padding:2px 0 0 22px; color:#1c85f2; font-family:Gulim; font-weight:bold; font-size:14px;}
#bdView .etcInfo{ padding:6px 0 0 23px;}
#bdView .multifileArea{ margin:0 0 0 0px;padding:6px 23px;background:#E7E9DF;display:none;}
#bdView .multifileArea ul {}
#bdView .multifileArea li {}
#bdView .imgArea {padding-bottom:30px; text-align:center} /*갤러리 이미지 출력*/
#bdView .viewCon {padding:40px 27px;}
#bdView .view_reply{border: solid 1px #ddd; background:#fdfdfd;color:#1c85f2;padding:27px; margin-bottom:25px; }
#bdView .btnArea {border-top:solid 1px #ddd;padding-top:20px; height:45px;}
#bdView .btnArea .modify{float:left}
#bdView .btnArea .list{float:right}

/*버튼*/
.bd_write{ text-align:right;}


/*상담일지*/
div.consult_form{ position:relative;border:1px solid #d1d1d1; height:100%; overflow:hidden;}
div.consult_form .write_area{width:630px;border-right:1px solid #d1d1d1; padding:10px;}
div.consult_form .search_area{position:absolute; top:0;right:0;width:347px;height:100%;}

div.consult_serach h3, div.consult_search_view h3{background:url(../img/bg_pop_title.gif) repeat-x; height:42px; line-height:42px; 
font-family:Gulim; font-size:16px; font-weight:bold; color:#fff; text-align:center;}}

/*scrolltable*/

div.scrolltable-mask {position:relative;}

div.scrolltable-mask div {position:absolute;width:20px;line-height:18px;right:0;padding:8px 0;background:url(../img/bg_th.gif) repeat-x 0 center;background-color:#cacaca;z-index:9999;border:1px solid #cacaca;border-left:none;}

div.scrolltable {position:relative;}

div.scrolltable table {background-color:#fff;width:`100%;border-collapse:collapse;table-layout:fixed;}

div.scrolltable-header {width:100%;overflow-x:hidden;overflow-y:scroll;}

div.scrolltable-header table th{padding:8px 0; background:url(../img/bg_th.gif) repeat-x 0 center; background-color:#fff;line-height:18px;border:1px solid #cacaca;}

div.scrolltable-header table th.th2{background:none; background-color:#f9f9f9;}

div.scrolltable-body {background-color:#f8f8f8;overflow-x:hidden;overflow-y:scroll;}

div.scrolltable-body table td{background-color:#fff; padding:7px 2px 8px 2px;text-align:center;line-height:18px;border:1px solid #cacaca;}

div.scrolltable-body table td.tal{text-align:left;padding:7px 2px 8px 8px;}

div.scrolltable-body table td.tar{text-align:right;padding:7px 8px 8px 2px;}

div.scrolltable-body table td.talr{padding:7px 8px 8px 8px;}

div.scrolltable th.first, div.scrolltable td.first {border-left:none;}

div.scrolltable th.last, div.scrolltable td.last {border-right:none;}

div.scrolltable-body  tr.selected td{background-color:#d6e8ff;}


#formsearch label { border: 1px solid #DDDDDD; display: inline-block; font-weight: normal; line-height: 22px; padding: 2px 10px; vertical-align: middle; }

/*#searchform label { border: 1px solid #DDDDDD; display: inline-block; font-weight: normal; line-height: 22px; padding: 2px 10px; vertical-align: middle; }*/

span.noresult-tip {color:#aaa;line-height:50px;}