/* 공통 CSS START */
.input_ { height:15px; padding:3px 2px 1px 2px; font-size:12px; border:1px solid #d0d0d0; color:#666; vertical-align:middle; }
.search_input { height:18px; padding:5px 2px 2px 2px; font-size:12px; border:1px solid #d0d0d0; color:#666; vertical-align:middle; }
.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; 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 */

/* FAQ 검색폼 START */
.faq_search:after { clear:both; display:block; content:""; }
.faq_search { width:100%; padding:25px 0; background:url("./img/faq_topBg.gif") no-repeat center 25px; border-top:5px solid #ededed; border-bottom:5px solid #ededed; }
.faq_search p { text-align:center; margin-top:100px; font-size:16px; }
.faq_search .search_bar {width:312px; margin:15px auto 5px;}
.faq_search .search_bar input.input_bar { vertical-align:top; width:230px; height:40px; padding-left:10px;
 background-color:#e3e3e3;
 box-shadow:none;
 border:none;}
.faq_search .search_bar input.input_btn { }

/*.faq_tab { height:29px; padding-top:15px; background:url("./img/tab_bg.gif") repeat-x 0 15px; overflow:hidden; }*/
.faq_tab { width:100%; max-width:1160px; margin:50px auto 30px; font-family:'Nanum Barun Gothic','Nanum Gothic','나눔고딕','Malgun Gothic','맑은고딕'; font-size:17px; background:url('./img/tabs_line.gif') repeat 0 0; overflow:hidden; }
.faq_tab:after { clear:both; content:''; display:block; }
/*.faq_tab .on { height:30px; padding:3px 4px 0 4px; background:url("./img/tab_on_left.gif") no-repeat; position:relative; font-weight:bold; }*/
.faq_tab .on a { color:#000; background:#fff;border:1px solid #000; border-bottom:none; }
.faq_tab .on div { -width:4px; -height:29px; -top:0; -right:0; -position:absolute; -background:url("./img/tab_on_right.gif") no-repeat;  -float:left; }
.faq_tab ul > li a { -padding:7px; -line-height:12px; display:block; }
.faq_tab .off { -height:30px; -padding:3px 4px 0 4px; -background:url("./img/tab_off_left.gif") no-repeat; -position:relative; }
.faq_tab .off div { -width:4px; -height:29px; -top:0; -right:0; -position:absolute; -background:url("./img/tab_off_right.gif") no-repeat;  -float:left; }
/*.faq_tab ul li { float:left; }*/
.faq_tab ul li { float:left; background:#c8317d; width:25%; text-align:center; }
.faq_tab ul li a { display:block; color:#fff; line-height:44px; border-bottom:1px solid #000; border-right:1px solid #fff; }

.qa_info { height:30px; padding:0 0px 4px 0px; font-size:13px; border-bottom:1px solid #bfbfbf; }
.qa_info .b { font-weight:bold; color:#ff5400; }
/* FAQ 검색폼 END */

/* 게시판 리스트 START */
.uboard { padding-bottom:10px; }
.uboard .faq_list .q { -height:30px; padding:13px 10px 15px; border-bottom:1px solid #d0d0d0; }
.uboard .faq_list .q ul li { -height:20px; padding:0 3px 0 3px; float:left; }
.uboard .faq_list .q ul li.sj { -margin-top:3px;  padding-left:35px; background:url("./img/ico_q.gif") no-repeat 3px 3px; }
.uboard .faq_list .q ul li a.bt_q { cursor:pointer; }
.uboard .faq_list .q .fl { float:left; }
.uboard .faq_list .q .fr { float:right; }
.uboard .faq_list .q:after { clear:both; display:block; content:""; }
.uboard .faq_list .a { padding:25px 47px; text-align:left; word-wrap:break-word; overflow:hidden; display:none; background:url("./img/ico_a.gif") no-repeat 14px 27px; background-color:#fafafa; border-bottom:1px solid #d0d0d0; }
.uboard .faq_list .empty_list { height:100px; padding-top:80px; text-align:center; border-bottom:1px solid #d0d0d0; }

.uboard .ubo_top { height:19px; margin-bottom:5px; }
.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:#ff6f00; font-weight:bold; font-style:normal; }
.uboard .ubo_btm { height:30px; padding:6px 0 3px 0; border-bottom:1px solid #d0d0d0; }
.uboard .ubo_btm:after { clear:both; display:block; content:""; }
/* 게시판 리스트 END */

/* 게시판 글쓰기 START */
.uboard_write { *zoom:1; border-top:2px solid #4f80d3; }
.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 .uselect { float:left; height:auto; border:none; background:#fff url("./img/ico_line.gif") no-repeat right 7px;}
.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; 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 #4f80d3; border-bottom:1px solid #d0d0d0; }
.posts_btn { padding:15px 20px 0 0; float:right; }
h4.posts_tit { padding:17px 20px 16px 20px; margin:0; font-size:14px; 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; font-family:Dotum, AppleGothic, Sans-serif; border-bottom:1px solid #d0d0d0; }
.posts_body * { white-space:normal; }
.posts_body .posts_link { font-size:12px; font-family:dotum; border-bottom:1px solid #d0d0d0; }
.posts_body .posts_link li { padding:3px 0 2px 20px; }
.posts_body .posts_contents { padding:20px 20px 50px 20px; 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; font-family:dotum; 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 #4f80d3; }
.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 { 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:13px auto; text-align:center; font-size:12px; font-family:dotum; color:#707070; }
.paging .c { line-height:20px; }
.paging .now_page { font-weight:bold; color:#ff6f00; }
.paging .bt_p { background:url("./img/bt_p_line.gif") no-repeat right 2px; }
.paging span { padding:0 7px 0 7px; }





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

	.uboard .faq_list .q { -height:30px; padding:10px 10px 12px; border-bottom:1px solid #d0d0d0; }
	.uboard .faq_list .q ul li { -height:20px; padding:3px; float:left; }


}