@charset "utf-8";
/* CSS Document */

/*제안서*/
.table_wrap{border-top:2px solid #1d1d21;border-bottom:1px solid #333;}

.table_wrap .tit{border-bottom:1px solid #aaa;padding:15px 0; color:#fff; background:#f5f5f5; font-size:16px; color:#666}
.board_write .tit{border-top:1px solid #d5d9e0; border-bottom:none; text-align:left; padding-left:10px; font-size:14px}
.board_write tr:first-child .tit{ border-top:none}
.board_view .tit{ text-align:center; color:#333; border-bottom:1px dashed #aaa; font-size:18px;}
.board_view .tit_sub{ overflow:hidden; border-bottom:1px solid #d5d9e0}
.board_view .tit_sub dt{float:left; padding:15px 0; background:#f5f5f5; width:10%;  color:#333; text-align:center; font-size:15px}
.board_view .tit_sub dd{float:left; padding:15px 10px; width:20%; color:#777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px}

.board_view .table_wrap{ border-bottom:none}

.board_view .view_con{ padding:50px 0; border-bottom:1px solid #ccc;}
.board_write .smarteditor{ padding:0;}

.table_wrap .tit .icon{ color:#9bc2e5; font-family:Georgia, "Times New Roman", Times, serif}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ padding:15px 10px; color:#777777; line-height:1.3; border-top:1px solid #dddddd; background:#fff; font-size:14px;}
.table_wrap td a{ font-size:14px}
.table_wrap tr:first-child td{ border-top:none}
.board_write td{ padding:4px 10px;}
.board_write td.pd{ padding:15px 10px;}
.board_list td{ text-align:center;}
.board_list td.tt{ text-align:left; }
.board_list td.tt p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list td.tt a{color:#777777}
.board_list .on td, .board_list tr:hover td{ background:#f9f9f9}
.board_list .on td a{ text-decoration: underline; color:#333;}


/*board*/
.board_wrap{ font-size:.813em}
.board_wrap *{ font-family:"ng",sans-serif;}

.board_st th,
.board_st td{ padding:10px 10px; border-bottom:1px solid #ddd; font-size:0.813em;}
.board_st th{ color:#484b51}
.board_st td{ color:#555}

.board_st{table-layout:fixed}
.board_st.list.tit th{ border-top:2px solid #645d5d; border-bottom:1px solid #645d5d;}
.board_st.list .no_con{ padding:100px 0}

.board_st.list td{ text-align:center}
.board_st.list td.b_tit{ text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_st.view td.b_tit a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_st.write td{ padding:5px 10px;}

.board_st.list td a{ color:#555}
.board_st a:hover{ text-decoration:underline}

.board_st.list.notice td{ background:#f9f9f9}
.board_st.list.reply td{ background:#f9f9f9;}

.board_st.view{ border-top:1px solid #ddd}
.board_st.write,
.board_st.view.tit{ border-top:2px solid #645d5d; margin-top:20px}

.board_st.write th,
.board_st.view th{ background:#f5f5f5;}

.board_view_con{ padding:20px}

.board_st.list .b_name, .board_st.list .w_name{ display:none}
.board_st.list .b_hit, .board_st.list .w_hit{ display:none}

/**/
.w_no{ width:60px}
.w_cate{ width:100px}
.w_tit{ width:auto}
.w_name{ width:100px}
.w_date{ width:100px}
.w_down{ width:150px}
.w_hit{ width:100px}
.w_op{ width:100px}
.w_state{ width:150px}
.w_write_th{ width:16%}
.w_auto{ width:auto}

/*board_icon*/
.board_icon{ display:inline-block; *display:inline; zoom:1; text-align:center; margin:0 3px}
.board_icon.new{ background:#645d5d; color:#fff; width:20px; height:20px;font-size:.75em; line-height:20px; border-radius:20px;}
.board_icon.reply{ background:#aaa; color:#fff; width:20px; height:20px;font-size:.75em; line-height:20px; border-radius:5px;}
.board_icon.notice{ padding:5px 8px; background:#111; color:#fff; border-radius:5px; font-size:0.75em;}
.board_icon.down{ background:url(../images/board/icon_down.png) no-repeat; background-size:100% auto; width:14px; height:14px;}

/**/
.faq_tab{ text-align:center; font-size:0; line-height:0; margin:10px 0 30px 0}
.faq_tab > li{ display:inline-block; *display:inline; zoom:1; font-size:20px; padding:15px 0; text-align:center; border:1px solid #194e83; cursor:pointer; width:200px; margin:0; border-radius:5px; color:#194e83; margin:0 5px}
.faq_tab > li:hover{ background:#f1f1f1}
.faq_tab > li.on{ background:#194e83; border:1px solid #194e83; color:#fff}

.faq_board .qq{ padding:20px 0; position:relative; z-index:inherit; border-bottom:1px solid #41414d; cursor:pointer}
.faq_board .aa{ padding:20px 0; position:relative; z-index:inherit; border-bottom:1px solid #41414d; display:none}
.faq_board .icon{ position:absolute; z-index:inherit; display:block; width:60px; height:100%; left:0; top:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#fff; text-align:center; line-height:65px}
.faq_board .qq .icon{ background:#585860}
.faq_board .aa .icon{ background:#8f8f98}
.faq_board .tt{ display:block; padding:0 80px; line-height:1.5}
.faq_board .qq .tt{ color:#111; font-size:16px}
.faq_board .aa .tt{ color:#777; font-size:15px; line-height:1.7}
.faq_board .qq .arrow{ position:absolute; z-index:inherit; display:block; width:60px; height:100%; right:0; top:0; background:url(../images/inc/faq_arrow.png) no-repeat center center;filter:alpha(opacity=30);opacity:0.3;}
.faq_board .qq.on{border-bottom:1px solid #d5d9e0;}
.faq_board .qq.on .arrow{filter:alpha(opacity=100);opacity:1;}

/*paging*/
.board_paging{margin:30px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #ccc; background:#fff; padding:0 8px; min-width:35px; height:32px; text-align:center;vertical-align:middle; color:#444; *margin:0 2px; cursor:pointer; border-radius:2px; font-size:.875em; font-weight:600;}
.board_paging button.icon{ border:1px solid #bbb; background:#f9f9f9; color:#222; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
.board_paging button:hover, 
.board_paging button:focus, 
.board_paging button.on{ border:1px solid #555; background:#555; color:#fff}

.comment_wrap .board_paging button{ padding:0 6px; min-width:30px; height:25px; font-size:.875em;}

.board_paging button.icon:hover, 
.board_paging button.icon:focus, 
.board_paging button.icon.on{ border:1px solid #999; background:#999; color:#fff}

/*searching*/
.board_searching{ margin:40px 0 0 0; text-align:center; font-size:0.75em;}
.board_searching .searching{ width:95%; display:inline-block; *display:inline; zoom:1;}
.board_searching .searching .sel{ width:25%; padding:8px 10px; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle;}
.board_searching .searching .inp{ width:35%; padding:9px 10px 9px 10px; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 0 10px; vertical-align:middle;}
.board_searching .searching .search{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; line-height:33px; background:#585860; border:1px solid #585860; color:#fff; font-weight:600; border-radius:0 4px 4px 0;}
.board_searching .searching .search:hover{ background:#222; border:1px solid #222;}
.board_searching .board_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-top:0;}
.board_searching .board_btn .btn{ line-height:33px;}


/*icon*/
.board_write_icon{ color:#999; padding-right:5px; vertical-align:top}
.board_list .icon{ border-radius:3px; display:inline-block; *display:inline; zoom:1; padding:3px 6px; font-size:86%; vertical-align:middle; border:none;}
.board_list .icon.notice{background:#6b97be;color:#fff}
.board_list .icon.reply{background:#777777;color:#fff}
.board_list .icon.del{background:#dc3a32;color:#fff; cursor:pointer}

/**/
.board_write .inp{ border:1px solid #aaa; line-height:20px; padding:5px 10px; border-radius:2px}
.board_write .inp[type=file]{ background:none; border:1px solid #ddd}

/*write*/
.table_wrap .board_write .tit{border-top:1px solid #999; border-bottom:none; background-color:#f9f9f9; text-align:left; padding-left:10px;}
.table_wrap .board_write .tit .t_st{ display:block; padding-top:3px; font-size:12px; color:#777; font-weight:normal;}
.table_wrap .board_write tr:first-child .tit{ border-top:none}
.table_wrap .board_write th{ word-break:keep-all;}
.table_wrap .board_write td{ padding:7px 10px;}
.table_wrap .board_write td p{ margin-top:5px;}
.table_wrap .board_write .id_font_st{ color:#2b92fb; font-size:14px; font-weight:600;}
.table_wrap .board_write .name_font_st{ color:#222; font-weight:600;}
.table_wrap .board_write .smarteditor{ padding:15px 0; border-top:1px solid #999;} 
.table_wrap .board_write .table_in_txt{ margin-left:10px; color:#777;}
.table_wrap .board_write .size_txt{ display:block; font-weight:normal; color:#777; margin-top:6px;}
.table_wrap .board_write .txt{ padding:13px 10px;}

/*btn*/
.btn_area2{ margin:30px 0 0 0;}
.btn_area2.left{ *zoom:1;}
.btn_area2.left:after{ content:""; display:block; clear:both;}
.btn_area2.left > div{ float:left; width:50%}
.btn_area2.left .board_btn_r{ float:right; text-align:right;}
.btn_area2.center{text-align:center;}

.btn_inc{ border:none; padding:5px 10px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=90);opacity:0.9; font-weight:600; *margin:0 2px; width:auto; min-width:70px; background-color:#fff;}
.btn_inc:hover, .btn_inc:focus{ filter:alpha(opacity=100);opacity:1;}
.btn_inc.c1{ background:#445166;color:#fff; border:1px solid #445166;}
.btn_inc.c2{ background:#10bccd;color:#fff;}
.btn_inc.c3{ background:#888888;color:#fff;}
.btn_inc.size1{ width:110px; font-size:0.9em; height:40px; letter-spacing:-1px; padding:13px 0; margin:0 3px; 
 *margin:0 3px;
 box-shadow: 0 3px 2px rgba(0,0,0,0.15); 
-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, .15); 
-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, .15);
}

/*input*/
.input_st1{ border:1px solid #ddd; border-radius:5px; vertical-align:middle; background:#f9f9f9; font-size:13px;
 box-shadow:inset 2px 2px 0 rgba(0,0,0,0.05); 
-webkit-box-shadow:inset 2px 2px 0 rgba(0, 0, 0, .05); 
-moz-box-shadow:inset 2px 2px 0 rgba(0, 0, 0, .05);
}
.input_st1:hover, .input_st1:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st1{ padding:8px 5px; color:#666;}
select.input_st1{padding:7px 5px; color:#666;}
textarea.input_st1{padding:2%; color:#666;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:28px;}





/*사람과기업 css*/

.board_write th span.red{ color:red;}
.board_write td .select{ padding:8px 0;}
.board_write td .select .inp_chk{ vertical-align:middle;}
.board_write td .select .left{ margin-left:15px; vertical-align:middle; margin-bottom:3px;}
.board_write td .select .left2{ margin-left:26px; vertical-align:middle; margin-bottom:3px;}
p.exp{ margin-bottom:10px; }
p.exp span.red{ color:red;}


/*btn*/
.btn_area{ margin:40px 0 0 0;}
.btn_area.left{ overflow:hidden;}
.btn_area.left > div{ float:left; width:50%}
.btn_area.center{text-align:center;}

.btn_area2{ margin:20px 0 0 0;}

.board_btn{ margin-top:15px;}

.btn_inc{ border:none; padding:5px 10px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=80);opacity:0.8; font-weight:600; *margin:0 2px; width:auto; min-width:70px; font-size:0.9em;}
.btn_inc:hover, .btn_inc:focus{ filter:alpha(opacity=100);opacity:1; transition:all 0.6s}
.btn_inc.quot{ background:#565656;color:#fff;}
.btn_inc.cata{ background:#119d88;color:#fff;}
.btn_inc.search{ background:#999;color:#fff; }
.btn_inc.write{ background:#2d80d5;color:#fff;}
.btn_inc.etc{ background:#888888;color:#fff;}
.btn_inc.del{ border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover{ border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify{ border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover{ border:1px solid #222; background:#222;}
.btn_inc.apply{ border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover{ border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big{ width:100px; padding:0px 15px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.btn_size{ padding:7px 0 9px 0; *padding:6px 8px; width:70px;}
.btn_inc.btn_size2{ width:110px; padding:10px 0;}
.btn_inc.small{ padding:4px 0 4px 0; *padding:4px 5px; width:75px; min-width:75px;}
.btn_inc.board_btn_size{ padding:11px 0 12px 0; *padding:9px 8px; width:85px; border-radius:0;}
.btn_inc.board_btn_size2{ padding:11px 0 12px 0; *padding:9px 8px; width:160px; border-radius:0;}