/* 공통 CSS START */
caption { display:none; }
.input_ { height:15px; padding:3px 2px 1px 2px; font-size:12px; border:1px solid #d0d0d0; color:#666; vertical-align:middle; }
.search_input { height:19px; width:180px; padding:5px 2px 2px 2px; font-size:12px; border:1px solid #d0d0d0; color:#666; vertical-align:top; }
.search_input_focus { height:18px; padding:4px 1px 0 1px; border:2px solid #6ea7d1; }
.text_ { padding:3px 2px 1px 2px; border:1px solid #d0d0d0; color:#666; vertical-align:middle; }
.input_focus,
.text_focus { padding:2px 1px 0 1px; border:2px solid #6ea7d1; }
.input_wrap { margin-right:1px; position:relative; _display:inline; float:left; }
.input_wrap label { top:5px; left:6px; position:absolute; font:12px dotum; letter-spacing:-1px; color:#999; }
.search_input_wrap { position:relative; _display:inline; float:left; margin-right:1px; }
.search_input_wrap label { position:absolute; top:8px; left:6px; font-size:12px; line-height:12px; color:#999; }
.fl { float:left; }
.fr { float:right; }
.mT5 { margin-top:5px; }
.mT10 { margin-top:10px; }
.mL2 { margin-left:2px; }
.btn_area { width:100%; margin-top:10px; text-align:center; }
.w200 { width:200px; }
/* 공통 CSS END */

/* 게시판 리스트 START */
.uboard { padding-bottom:10px; }
.uboard .ubo_top { height:19px; margin-bottom:10px; }
.uboard .ubo_top span.board_txt { padding:8px 0 0 7px; font:12px dotum; display:block; color:#404040; background:url("./img/ico_dot01.gif") no-repeat 0 12px; }
.uboard .ubo_top span.board_txt em { color:#bd2f3c; font-weight:bold; font-style:normal; }
.uboard .list_tb { width:100%; font-size:15px; color:#909090; border-top:2px solid #585858; border-bottom:1px solid #d0d0d0; }
.uboard .list_tb th { font-weight:bold; text-align:center;  border-bottom:1px solid #a0a0a0; -background:url("./img/th_bg.gif") repeat-x; color:#000;}
.uboard .list_tb th span { padding:18px 0 18px 0; line-height:20px; -background:url("./img/th_line.gif") no-repeat left; display:block; }
.uboard .list_tb th span.first { background:none; }
.uboard .list_tb td { padding:30px 0; vertical-align:middle; -text-align:center; border-bottom:1px solid #d0d0d0; } 
.uboard .list_tb td.text_area { padding-left:30px;}
.uboard .list_tb td.text_area .sj { margin-bottom:20px; }
.uboard .list_tb td.text_area .sj a { font-weight:bold; font-size:17px; }
.uboard .list_tb td.text_area .date { font-size:13px; color:#b8b8b8; }
.uboard .list_tb td.empty_list { height:200px; text-align:center; }
.uboard .list_tb .now_list { background-color:#f8f8f8; }
.uboard .list_tb tr.nt { background-color:#eef2fa; }
.uboard .list_tb .cmt { padding-left:10px; font:11px dotum; color:#ff7200; }
.uboard .list_tb .nsj { padding-left:10px; text-align:left; }
.uboard .list_tb .nsj a { color:#404040; }
.uboard .ubo_btm { height:36px; padding:14px 0 3px 0; -border-bottom:1px solid #ededed; }
.uboard .ubo_btm:after { clear:both; display:block; content:""; }
.ubo_btm .usel_n a { background-position:58px 10px; }
.ubo_btm .usel_u a { background-position:58px -6px; }
.ubo_top .uselect { width:110px; height:17px; }
.ubo_top .uselect .selected { padding:3px 0 2px 0; }
.ubo_top .uselect ul { top:19px; }
.ubo_top .usel_n a { background-position:98px 7px; }
.ubo_top .usel_u a { background-position:98px -9px; }
/* 게시판 리스트 END */

/* 게시판 글쓰기 START */
.uboard_write { *zoom:1; border-top:2px solid #585858; }
.uboard_write:after { clear:both; content:""; display:block; }
.write_top { padding:1px; margin-top:10px; *zoom:1; border:1px solid #d0d0d0; }
.write_top:after { clear:both; content:""; display:block; }
.write_top_focus { padding:0; border:2px solid #6ea7d1; }
.write_top .usel_n { background:url("./img/ico_line.gif") no-repeat right 7px; }
.write_top .uselect { float:left; height:auto; border:none; background:#fff;}
.write_top .uselect .selected { padding:8px 0 7px 0; text-indent:9px; font-size:12px; background-position:86px -1098px; overflow:hidden;}
.write_top .usel_n { width:105px; }
.write_top .usel_n a { background-position:82px 10px; }
.write_top .usel_u a { background-position:82px -6px; }
.write_top .uselect ul { top:32px; left:-2px; }
.write_top .write_zone { float:left; position:relative; }
.write_top .write_zone label { position:absolute; top:8px; left:10px; font-size:12px; color:#999; letter-spacing:-1px; }
.write_top .input_subject { width:100%; height:15px; padding:8px 0 6px 7px; font-size:12px; color:#333; border:0;}
.write_mid {  }
.write_mb { padding:10px; margin-top:10px; *zoom:1; border:1px solid #e3e3e3; }
.write_mb:after {clear:both; display:block; content:"";}
.write_mb span.input_wrap {float:left; position:relative; display:block;}
.write_mb span.input_wrap label {position:absolute; top:6px; left:6px; font-size:11px; color:#999;}
.write_option { padding:0 10px; margin-top:10px; border:1px solid #d0d0d0; border-bottom:none; background:#fafafa; *zoom:1; }
.write_option:after { clear:both; content:""; display:block; }
.write_option .checkbox { padding:10px 0 9px 0; float:left; }
.write_option .checkbox label { margin-right:10px; line-height:13px; float:left; color:#999; }
.write_prevent { height:35px; padding:10px; margin-top:10px; border:1px solid #d0d0d0; }
.write_prevent:after { clear:both; display:block; content:""; }
.write_prevent .access_word { margin-left:5px; padding-top:7px; color:#909090; font-size:12px; font-family:dotum; }
.write_btm { margin-top:10px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0; font-family:dotum; }
.write_btm:after { clear:both; display:block; content:""; }
.write_btm ul li { width:49.9%; padding:5px 0 5px 0; float:left; text-align:center; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background-color:#fafafa; }
.write_btm .on { background-color:#fff; border-bottom:none; }
.write_btm .on span { font-weight:bold; }
.write_btm ul li.last { height:20px; border-right:none; }
.write_btm ul li a { padding:0 5px 5px 17px; line-height:20px; }
.write_btm_sub { padding:15px; margin-top:-1px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; display:none; }
.write_btm_sub:after { clear:both; display:block; content:""; }
.write_btm_sub ul li { padding-bottom:5px; }
.write_btm_sub .file_area { *padding-top:13px; *zoom:1; }
.write_btm_sub .file_area:after { clear:both; display:block; content:""; }
.write_btm_sub .file_area p.file_btn { float:left; position:relative; margin:0; padding:0 0 0 10px; height:27px; overflow:hidden; }
.write_btm_sub .file_area p.file_btn span { width:97px; height:27px; background:url("./img/bt_file_add.gif") no-repeat 0 0; }
.write_btm_sub .file_area p.file_btn span input { cursor:pointer; }
.write_btm_sub .file_area p.file_btn .file_ { position:absolute; top:0; left:0; width:97px; height:27px; opacity:0; filter:alpha(opacity=0); border:0; }
.write_btm_sub .file_area select { float:left; margin-right:3px; height:59px; border:1px solid #d0d0d0; }
.write_btm_sub .file_area img { float:left; margin:3px 0 0 10px; }
.write_btn { padding-top:10px; text-align:center; }
/* 게시판 글쓰기 END */


/* 게시판 상세보기 START */
.posts_head { border-top:2px solid #585858; border-bottom:1px solid #d0d0d0; }
.posts_btn { padding:20px 20px 0 0; float:right; }
h4.posts_tit { padding:17px 20px 16px 20px; margin:0; font-size:17px; font-weight:bold; color:#101010; border-bottom:1px solid #d0d0d0; background:#fafafa; }
.posts_info { padding:10px 20px 9px 20px; *zoom:1; }
.posts_info:after {content:""; display:block; clear:both;}
.posts_body { min-height:200px; padding:0; font-size:12px; line-height:1.6; border-bottom:1px solid #d0d0d0; }
.posts_body * { white-space:normal; }
.posts_body .posts_link { font-size:12px;  border-bottom:1px solid #d0d0d0; }
.posts_body .posts_link li { padding:3px 0 2px 20px; }
.posts_body .posts_contents { padding:20px 0; color:#444; word-wrap:break-word; *zoom:1; }
.posts_body .posts_contents a { color:#0066cc !important; }
.posts_body .posts_contents:after { clear:both; content:""; display:block; }
.posts_body .posts_file { padding:5px 20px; font-size:12px;  border-top:1px solid #d0d0d0; }
.posts_body .posts_file img { vertical-align:middle; }
.posts_foot { padding:10px 0; *zoom:1; position:relative; }
.posts_foot:after { clear:both; content:""; display:block; }

/* 게시판 상세보기 END */

/* 게시판 코멘트 START */
.posts_comment { margin-top:20px; border-top:2px solid #585858; }
.posts_comment .comment_top { padding:10px; background-color:#fafafa; border-bottom:1px solid #d0d0d0; }
.posts_comment .comment_top span#cmt_cnt { font:11px dotum; color:#ff7200; }
.posts_comment .comment_write { padding:10px; margin-top:10px; border:1px solid #d0d0d0; background-color:#fafafa; }
.posts_comment .comment_write .comment_mb { padding-bottom:5px; *zoom:1; }
.posts_comment .comment_write .comment_mb:after { clear:both; content:''; display:block; }
.posts_comment .comment_write .comment_input { position:relative; *zoom:1; }
.posts_comment .comment_write .comment_input label { top:10px; left:10px; font-size:12px; position:absolute; color:#999; }
.posts_comment .comment_write .comment_btn { padding-top:5px; *zoom:1; }
.posts_comment .comment_write .comment_btn:after { clear:both; content:''; display:block; }
.posts_comment .comment_write .comment_btn .checkbox label { line-height:12px; float:left; color:#707070; }
.cmt_tb { width:100%; font-family:dotum; }
.cmt_tb td { padding:7px 5px 7px 5px; border-bottom:1px solid #dedede; }
.cmt_tb .cmt_body { padding:3px 0 3px 0; color:#909090; }
.cmt_tb span.name { font-size:12px; font-weight:bold; }
.cmt_tb span.date { font-size:11px; color:#909090; }
.cmt_tb span.cmt_contents { font-size:12px; color:#999; position:relative; }
.cmt_tb .mod { width:9px; height:9px; padding-right:5px; text-indent:-9000px; background:url("./img/ico_cmt_btn.gif") no-repeat; float:left; }
.cmt_tb .del { width:9px; height:9px; text-indent:-9000px; background:url("./img/ico_cmt_btn.gif") no-repeat 0 -26px; float:left; }
.cmt_tb .mod_on { width:9px; height:9px; padding-right:5px; text-indent:-9000px; background:url("./img/ico_cmt_btn.gif") no-repeat 0 -12px; float:left; }
.cmt_tb .del_on { width:9px; height:9px; text-indent:-9000px; background:url("./img/ico_cmt_btn.gif") no-repeat 0 -38px; float:left; }
.cmt_tb td.empty { height:100px; text-align:center; }
/* 게시판 코멘트 END */

/* 게시판 코멘트 비밀번호 START */
.cmt_pwd { padding:5px; margin:12px 0 0 -160px; position:absolute; border:1px solid #d0d0d0; background-color:#fff; }
.cmt_pwd img { vertical-align:middle }
/* 게시판 코멘트 비밀번호 END */

/* 게시판 코멘트 수정 START */
p.cmt_foot { padding-top:8px; margin:0; *zoom:1; position:relative; }
p.cmt_foot:after { clear:both; content:""; display:block; }
/* 게시판 코멘트 수정 END */

/* 게시물 프린트 START */
.posts_plink { padding:10px; font:12px dotum; color:#404040; border-bottom:1px solid #d0d0d0; }
/* 게시물 프린트 END */

/* 비밀번호 START */
.uboard_pwd_area { width:573px; height:282px; margin:0 auto; background:url("./img/password_bg.gif") no-repeat; }
.uboard_pwd_area .uboard_pwd { padding-top:100px; padding-left:320px; position:relative; }
.uboard_pwd_area .uboard_pwd .ubp_input { padding:32px 10px 0 0; float:left; }
.uboard_pwd_area .uboard_pwd .ubp_btn { padding-top:20px; }
/* 비밀번호 END */

span.ico_secret { height:15px; padding-left:15px; background:url("./img/ico_secret.gif") no-repeat 0 -2px; display:block; float:left; color:#ff0000; }

/* uselect */
.uselect { width:71px; height:25px; margin-right:2px; position:relative; float:left; border:1px solid #d0d0d0; }
.uselect a { font:12px dotum; color:#666; background:url('./img/ico_sel.gif') no-repeat; }
.uselect .selected { float:left; padding:7px 0 4px 0; width:100%; text-indent:5px; _margin-right:-5px; }
.uselect ul { position:absolute; top:28px; *top:28px; left:-1px; margin:0; padding:px 0; width:100%; border:1px solid #d3d3d3; background-color:#fff; z-index:100; display:none; }
.uselect li { width:100%; text-indent:5px; list-style:none; *margin-bottom:-4px; }
.uselect li a { float:left; margin-right:5px; padding:4px 0 2px; width:100%; overflow:hidden; background:none; }
.uselect li a:hover { background-color:#f0f0f0; }
.uselect li.on a { background-color:#f0f0f0 !important; }

/* checkbox */
.checkbox .ui-button { margin:0; display:inline-block; *display:inline; cursor:pointer; }
.checkbox .ui-button-text { display:block; height:13px; padding:1px 0 0 12px; text-indent:5px; }
.checkbox .ui-state-default, .ui-state-hover { background:url("./img/ico_checkbox.gif") no-repeat 0 0; }
.checkbox .ui-state-active { background:url("./img/ico_checkbox.gif") no-repeat 0 -18px; }
.checkbox .ui-helper-hidden-accessible { position:absolute; left:-9000px; }

/* paging */
.paging { width:100%; margin:40px auto; text-align:center; font-size:12px; -font-family:dotum; -color:#707070; }
.paging .c { line-height:20px; }
.paging .c a { display:inline-block; width:30px; height:30px; line-height:30px; font-weight:600; color:#4d4d4d; background:#fff; border:1px solid #dedede; }
.paging .now_page { font-weight:bold; background:#737373; color:#fff; width:30px; height:30px; line-height:30px;-border:1px solid #dedede; padding:9px 12px; }
.paging .bt_p { -background:url("./img/bt_p_line.gif") no-repeat right 2px; }
.paging span { padding:0 7px 0 7px; }
.paging img {margin:0; padding:0;}




@media screen and (max-width:640px){

	.dp_none {display:none;}
	.mobile {width:23% !important;}

	.posts_body .posts_contents img { width:100%; }
	.posts_btn {display:none;}
	.posts_info .fl { margin-bottom:5px; }
	.posts_info .fr { float:left; }

	h4.posts_tit { padding:17px 10px 16px 10px; }
	.posts_info { padding:10px 10px 9px 10px; }

	.paging { font-size:13px; margin:12px auto;  color:#707070; }
	.paging .c a { display:inline-block; width:18px; height:18px; line-height:30px; font-weight:200; color:#4d4d4d; background:#fff; border:0; }
	.paging .now_page { color:#c8317d;  background:none;width:18px; height:18px; padding:0px 8px 0 5px;}
	.paging span { padding:0 10px 0 5px; }
	.paging img {width:25px; height:25px; vertical-align:-8px;}


	.uboard .list_tb {font-size:13px;}
	.uboard .list_tb th span { padding:12px 0; line-height:20px; display:block; }
	.uboard .list_tb td { padding:15px 0; width:100%; }

.uboard .list_tb th span { -padding:18px 0 18px 0; line-height:20px; display:block; }
.uboard .list_tb td { padding:15px 0; vertical-align:middle; -text-align:center; border-bottom:1px solid #d0d0d0; } 
.uboard .list_tb tr td:first-child { display:none; }
.uboard .list_tb td.text_area { padding:15px 10px;}
.uboard .list_tb td.text_area .sj { margin-bottom:0px; }
.uboard .list_tb td.text_area .sj a { font-weight:bold; font-size:16px; }
.uboard .list_tb td.text_area .cont, .uboard .list_tb td.text_area .date { display:none; }


}