@charset "utf-8";

/* board */
/* common */
a:link,
a:visited {}
a:hover,
a:active {}
.f_left { float:left; }
.f_right { float:right; }
.clear { clear:both; }
.clearfix { zoom:1; } /*for IE 5.5-7 */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* btn */
a.btn_medium { display:inline-block; height:38px; padding:0 20px; background-color:#8d95a6; font-family:dotum; font-size:14px; font-weight:bold; color:#ffffff; line-height:38px; text-decoration:none !important; }
a.btn_small { display:inline-block; height:26px; padding:0px 10px; background-color:#8d95a6; font-family:dotum; font-size:13px; font-weight:bold; color:#ffffff; line-height:26px; text-decoration:none !important; vertical-align:middle; }
a.btn_comment { display:inline-block; width:88px; height:88px; border:1px solid #e2e1e6; background-color:#ffffff; font-family:dotum; font-size:13px; font-weight:bold; color:#666666; text-align:center; line-height:88px; text-decoration:none !important; }
a.btn_comment_s { display:inline-block; width:70px; height:70px; border:1px solid #e2e1e6; background-color:#ffffff; font-family:dotum; font-size:13px; font-weight:bold; color:#666666; text-align:center; line-height:70px; text-decoration:none !important; }
a.btn_circle_more { display:inline-block; width:70px; height:70px; text-align:center; font-family:dotum; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:none !important; background:url('/images/board/btn_circle_more.jpg') no-repeat 0 0; }
a.btn_circle_more span.text { display:block; padding-top:38px; }
a.btn_circle_on { display:inline-block; width:70px; height:70px; text-align:center; font-family:dotum; font-size:14px; font-weight:bold; color:#ffffff; line-height:70px; text-decoration:none !important; background:url('/images/board/btn_circle_on.jpg') no-repeat 0 0; }
a.btn_circle_off { display:inline-block; width:70px; height:70px; text-align:center; font-family:dotum; font-size:14px; font-weight:bold; color:#808080; line-height:70px; text-decoration:none !important; background:url('/images/board/btn_circle_off.jpg') no-repeat 0 0; }
a.btn_circle_s_off { display:inline-block; width:60px; height:60px; text-align:center; font-family:dotum; font-size:13px; font-weight:bold; color:#808080; line-height:60px; text-decoration:none !important; background:url('/images/board/btn_circle_s_off.jpg') no-repeat 0 0; }
/* //common */

section.board { font-size:12px; }

/* board_comment */
div.board_comment { padding-bottom:15px; }
div.board_comment ul.list li { padding-left:10px; background:url('/images/board/icon_list.gif') no-repeat 0 50%; }
/* //board_comment */

/* board_search_area */
section.board_search_area { padding-top:20px; vertical-align:middle; text-align:center; }
section.board_search_area .board_search { background-color:#f0f0f2; padding:15px; }
section.board_search_area .board_search a { vertical-align:middle; }
/* //board_search_area */

/* column_search_area */
section.column_search_area { vertical-align:middle; text-align:center; }
section.column_search_area .board_search { padding-bottom:20px; }
section.column_search_area .board_search a { vertical-align:middle; }
section.column_search_area .text_tag a { margin:0 8px; color:#2badd9; font-weight:bold; }
section.column_search_area .text_tag a:hover,
section.column_search_area .text_tag a:active { text-decoration:underline; }
/* //column_search_area */

/* board_list */
table.board_list { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192233; border-bottom:1px solid #192233; }
table.board_list caption { visibility:hidden; font-size:0; line-height:0; }
table.board_list thead th { height:46px; text-align:center; vertical-align:middle; font-weight:bold; color:#808080; border-bottom:1px solid #e2e1e6; }
table.board_list thead th em { font-style:normal; }
table.board_list tbody td { height:46px; text-align:center; vertical-align:middle; border-bottom:1px solid #e2e1e6; }
table.board_list tbody td.last { border-bottom:0; }
table.board_list tbody td.align_l div { padding-left:12px; text-align:left; color:#808080; }
table.board_list tbody td.align_l div a { color:#666; }
table.board_list tbody td.align_l div a:hover { color:#f25831; }
table.board_list tbody td img { vertical-align:middle; }
/* //board_lis */

/* column_list */
ul.column_list { padding-left:5px; }
ul.column_list li { width:230px; float:left; padding-right:30px; margin-top:30px; position:relative; }
ul.column_list li.last { padding-right:0; }
ul.column_list li span.icon_best { position:absolute; top:0; left:5px; }
ul.column_list li a { display:block; padding:4px; border:1px solid #e2e1e6; }
ul.column_list li a:hover,
ul.column_list li a:active { border:1px solid #1b2131; }
ul.column_list li a div.column_cont { height:370px; overflow:hidden; }
ul.column_list li a div.column_tit { width:200px; margin:14px auto; font-size:14px; color:#f57f62; line-height:20px; font-weight:bold; }
ul.column_list li a div.column_text { width:200px; margin:0 auto 16px auto; font-size:12px; color:#808080; line-height:18px; }
ul.column_list li a div.column_date { width:200px; margin:0 auto; padding:10px 0; border-top:1px solid #e2e1e6; font-size:12px; color:#808080; }
/* //column_list */

/* board_view */ 
dl.board_view { border-top:2px solid #192333; border-bottom:1px solid #192233; }
dl.board_view dt.subject { position:relative; height:46px; font:bold 13px/46px Dotum; color:#808080; border-bottom:1px solid #e2e1e6; }
dl.board_view dt.subject span.num { margin-left:20px; }
dl.board_view dt.subject span.name { margin-left:20px; font-size:14px; color:#f57f62; font-weight:bold; }
dl.board_view dt.subject span.sns { margin-right:20px; }
dl.board_view dt.subject span.sns img { vertical-align:middle; }
dl.board_view dt.path { position:relative; height:46px; padding-left:20px; font:13px/46px Dotum; color:#999; border-bottom:1px solid #e2e1e6; }
dl.board_view dt.path span.name_path {}
dl.board_view dt.path span.name_score { margin-right:20px; }
dl.board_view dt.etc { position:relative; height:46px; padding-left:20px; font:13px/46px Dotum; color:#999; border-bottom:1px solid #e2e1e6; }
dl.board_view dt.etc span.write_name {}
dl.board_view dt.etc span.write_date { margin-right:20px; }
dl.board_view dt.etc span.inquiry_num { margin-right:20px; }
dl.board_view dt.etc span.file a { color:#999; text-decoration:underline; }
dl.board_view dd.cont { min-height:110px; _height:110px; padding:25px; color:#666666; line-height:150%; }
dl.board_view dd.cont div.cont_img { padding-bottom:15px; text-align:center;  }
dl.board_view dd.cont pre {}
/* answer_cont_area */
dl.board_view dd.answer_cont_area { padding:0 20px 30px 20px; }
dl.board_view dd.answer_cont_area dl { position:relative; width:100%; }
dl.board_view dd.answer_cont_area dl dt { height:24px; margin-bottom:2px; padding:10px 0 0 20px; font-weight:bold; background:#f8f8f8; color:#dd9382; }
dl.board_view dd.answer_cont_area dl dd.answer_date { position:absolute; right:21px; top:12px; font:11px Dotum; color:#dd9382; }
dl.board_view dd.answer_cont_area dl dd.answer_cont { padding:20px; background:#f8f8f8; color:#333; line-height:150%; }
dl.board_view dd.answer_cont_area dl dd.answer_cont pre { white-space:pre-wrap; word-wrap:break-word; color:#333; line-height:150%; }
/* //answer_cont_area */
/* board_link */
ul.board_link { margin-top:40px; border:1px solid #e3e0de; border-width: 1px 0 1px; }
ul.board_link li { height:35px; }
ul.board_link li a { margin-left:17px; }
ul.board_link li.link_prev { border-bottom: 1px solid #efeeec; line-height:35px; background:url('/images/board/txt_board_prev_link.gif') no-repeat left top; }
ul.board_link li.link_next { line-height:35px; background:url('/images/board/txt_board_next_link.gif') no-repeat left top; }
ul.board_link li span.tit { display:inline-block; width:110px; font-size:11px; font-weight:bold; color:#999; text-align:center; }
/* //board_link */ 
/* //board_view */

/* board_write */
table.board_write { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #192333; border-bottom:1px solid #192333; }
table.board_write caption { visibility:hidden; font-size:0; line-height:0; }
table.board_write th,
table.board_write td { text-align:left; vertical-align:top; border-bottom:1px solid #e2e1e6; }
table.board_write th { font-weight:bold; color:#666666; vertical-align:middle; }
table.board_write th em.left { display:block; font-style:normal; padding-left:20px; }
table.board_write td { padding:10px; }
table.board_write th.last { border-bottom:0; }
table.board_write td.last { border-bottom:0; }
table.board_write td.write { padding:15px 10px 15px 20px; }
table.board_write td div.input_wrap { margin-right:20px; }
table.board_write td p { margin-top:4px; }
/* //board_write */

/* comment */
section.comment_path { border-top:2px solid #e2e1e6; border-bottom:1px solid #e2e1e6; margin-bottom:20px; }
section.comment_path div.comment_path_wrap { height:24px; padding:15px 10px; }
section.comment_path div.comment_path_wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.comment_path div.comment_path_wrap div.text { float:left; height:24px; font-size:12px; line-height:24px; font-weight:bold; }
section.comment_path div.comment_path_wrap div.btn { float:right; }

div.comment_area { clear:both; border-top:2px solid #192233; border-bottom:1px solid #e2e1e6; margin-bottom:20px; }
div.comment_area2 { clear:both; border-top:1px solid #e2e1e6; border-bottom:1px solid #e2e1e6; margin-bottom:20px; margin-top:30px; }
div.comment_area section.select_area { padding:10px 10px 10px 0; }
section.comment_section { background-color:#f0f0f2; padding:10px 10px 8px 10px; }
section.comment_section div.comment_write { position:relative; }
section.comment_section div.comment_write p.right_btn { position:absolute; right:0; top:-1px; }
section.comment_section div.text_num { clear:both; color:#999999; font-family:tahoma; font-size:10px; padding-top:2px; }
div.comment_section_off { text-align:center; padding:5px 0; }
div.comment_section_off a.btn_close { display:inline-block; font-weight:bold; color:#666; background:url('/images/board/icon_arrow_t.gif') no-repeat 100% 50%; }
div.comment_section_off a.btn_close span { display:block; padding-right:13px; }
div.comment_section_off a.btn_close:hover,
div.comment_section_off a.btn_close:active { text-decoration:underline; }
section.cs_area { padding:0 0 10px 0; clear:both; }
ul.comment_list { width:100%; border-top:1px solid #e2e1e6; }
ul.comment_list li.cl_off { border-bottom:1px solid #e2e1e6; clear:both; }
ul.comment_list li.cl_on { border-bottom:1px solid #e2e1e6; }
ul.comment_list li.last { border-bottom:1px solid #e2e1e6; } 
ul.comment_list div.cl_comment { width:100%; padding-top:10px; line-height:18px; }
ul.comment_list div.cl_info { overflow:auto; padding-top:4px; }
ul.comment_list div.cl_info:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
ul.comment_list div.cl_info,
ul.comment_list div.cl_info a { color:#999; }
ul.comment_list div.cl_info a:hover,
ul.comment_list div.cl_info a:active { text-decoration:underline; }
ul.comment_list div.cl_info div.cl_selction_left { float:left; padding-bottom:10px; }
ul.comment_list div.cl_info div.cl_selction_left span { padding-right:5px; }
ul.comment_list div.cl_info div.cl_selction_right { float:right; padding-bottom:10px; }
ul.comment_list div.cl_info div.cl_selction_right span {padding-left:5px;}
ul.comment_list div.cl_info div.cl_selction_right span.cl_recommend_up a { display:inline-block; color:#666; padding-left:17px; background:url('/images/board/icon_recommend_up.gif') no-repeat 0 0; }
ul.comment_list div.cl_info div.cl_selction_right span.cl_recommend_down a {display:inline-block; color:#666; padding-left:17px; background:url('/images/board/icon_recommend_down.gif') no-repeat 0 100%; }
ul.comment_list div.cl_info div.cl_selction_right span.on { color:#f25831; }
ul.comment_list div.cl_info div.cl_selction_right span.off { color:#295da6; }
ul.comment_list div.cl_info div.cl_selction_right span.cl_report { padding-left:5px; }
ul.comment_list div.cl_info div.cl_selction_right span.cl_report a:hover,
ul.comment_list div.cl_info div.cl_selction_right span.cl_report a:active { color:#f25831; }
ul.comment_list div.cl_reply { clear:both; padding-bottom:10px; font-weight:bold; }
ul.comment_list div.cl_reply a { color:#666; }
ul.comment_list div.cl_reply a:hover,
ul.comment_list div.cl_reply a:active { text-decoration:underline; }
ul.comment_list div.cl_reply a.cl_fold { width:60px; display:inline-block; background:url('/images/board/icon_arrow_b.gif') no-repeat 50px 50%; }
ul.comment_list div.cl_reply a.cl_fold span { font-family:tahoma; font-size:10px; font-weight:normal; }
ul.comment_list div.cl_reply a.cl_unfold { width:60px; display:inline-block; background:url('/images/board/icon_arrow_t.gif') no-repeat 50px 50%;}
ul.comment_list div.cl_reply a.cl_unfold span { color:#f25831; font-family:tahoma; font-size:10px; font-weight:normal; }
/* comment_view */
ul.comment_list ul.cl_on_comment { border-top:1px solid #e2e1e6; }
ul.comment_list ul.cl_on_comment li { padding-left:25px; position:relative; *display:inline-block; }
ul.comment_list ul.cl_on_comment li.cl_on_comment_area { border-bottom:1px solid #e2e1e6; }
ul.comment_list ul.cl_on_comment li.comment_spacer { padding:1px 0 1px 25px; }
ul.comment_list ul.cl_on_comment li span.cl_on_subnode { width:20px; height:20px; display:inline-block; color:#999; font-size:15px; position:absolute; left:5px; top:6px; }
/* //comment_view */
/* //comment */

/* paging, btn */
/* board_etc_layout */
table.board_etc_layout { width:100%; border-collapse:collapse; border-spacing:0; }
table.board_etc_layout td.left { width:20%; padding-top:15px; text-align:left; }
table.board_etc_layout td.center { width:60%; padding-top:0; text-align:center; vertical-align:top; }
table.board_etc_layout td.center p.btn { padding-top:15px; }
table.board_etc_layout td.right { width:20%; padding-top:15px; text-align:right; }
/* //board_etc_layout */
/* pagination */
section.pagination { clear:both; width:100%; min-width:340px; padding:20px 0 0 0; text-align:center; }
section.pagination img { vertical-align:middle; }
section.pagination .num { display:inline-block; width:16px; height:16px; margin:0 1px; line-height:21px !important; text-align:center; vertical-align: middle; }
section.pagination .btn_page_prev { margin-right:6px; }
section.pagination .btn_page_next { margin-left:6px; }
section.pagination a { font:11px Dotum; color:#666; }
section.pagination a:hover { color:#f25831; }
section.pagination strong { font:bold 11px Dotum; color:#f25831; }
/* //pagination */

/* column_etc_layout */
div.column_etc_layout { clear:both; padding:20px 200px 0 200px; }
div.column_etc_layout:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.column_etc_layout div.wrap_cont { width:100%; float:left; text-align:center; }
div.column_etc_layout div.wrap_left { float:left; width:200px; position:relative; left:-200px; margin-right:-200px; }
div.column_etc_layout div.wrap_right { float:left; width:200px; position:relative; left:200px; margin-left:-200px; text-align:right; }
/* //column_etc_layout */
/* //paging, btn */


/**/
/* Learning_list */
section.learning_list {}
section.learning_list dl.list_main { margin-bottom:30px; }
section.learning_list dl.last { margin-bottom:0; }
section.learning_list dt.tit { height:38px; line-height:38px; padding-left:10px; border-top:2px solid #e2e1e6; border-bottom:1px solid #e2e1e6; }
section.learning_list dt.tit img { vertical-align:middle; }
section.learning_list dd { padding-top:10px; border-bottom:1px solid #e2e1e6; }
section.learning_list ul.list_sub { width:100%; margin:0 auto; }
section.learning_list ul.list_sub:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
section.learning_list ul.list_sub li { width:148px; height:90px; padding:0 5px 10px 5px; float:left; }
section.learning_list ul.list_sub li a.sub_wrap { width:148px; height:90px; display:block; background-color:#f0f0f2; color:#808080; }
section.learning_list ul.list_sub li a.sub_wrap span.sub_tit { display:block; padding:15px 15px 8px 15px; font-weight:bold; } 
section.learning_list ul.list_sub li a.sub_wrap span.sub_text { display:block; padding:0 15px ; } 
/* //Learning_list */
/**/