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

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

.table_wrap .tit{border-bottom:1px solid #999;padding:12px 0; background:#f5f5f5; font-size:15px; color:#111;}
.table_wrap .tit strong{ font-weight:normal;}
.board_write .tit{border-top:1px solid #d5d9e0; border-bottom:none; text-align:left; padding-left:25px; font-size:15px}
.board_write tr:first-child .tit{ border-top:none}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ padding:12px 10px; color:#555555; line-height:1.3; border-top:1px solid #dddddd; background:#fff; font-size:14px;}
.table_wrap tr:first-child td{ border-top:none}
.board_write td{ padding:7px 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{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:92%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list .reply td.tt p{ max-width:88%;}
.board_list td.tt p,
.board_list td.tt a{ font-size:14px; color:#555555}
.board_list td.tt a:hover{ color:#1e6dd8;}
.board_list td.tt .file{ vertical-align:middle; margin-left:8px;}
.board_list .icon_reply{ vertical-align:middle; margin-right:8px;}
.board_list tr:hover td{ background:#f9f9f9}
.board_list .notice td{ background:#fafafa; border-bottom:1px solid #ccc;}
.board_list .notice:hover td{ background:#f3f3f3;}

.board_view .title{ padding:12px 0; text-align:center; font-size:15px; color:#111; border-top:0; border-bottom:1px dashed #aaa; background:#fff;}
.board_view th,
.board_view td{ border-top:1px solid #d5d9e0;}
.board_view .tit{ border-bottom:0; padding:8px 10px;}
.board_view td{ padding:8px 15px;}
.board_view tbody tr:first-child th,
.board_view tbody tr:first-child td{ border-top:none;}
.board_view td a{ color:#555555;}
.board_view td a:hover{ color:#1e6dd8;}
.board_view .file_link{ display:inline-block; *display:inline; zoom:1; margin-left:25px;}
.board_view .file_link:first-child{ margin-left:0;}
.board_view .file{ margin-right:8px;}
.board_view .tt_cut{ display:block;}
.board_view .tit .icon_arrow{ margin-right:10px;}

.board_view .view_con{ padding:50px 15px;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */
}
.board_view .view_con img{ max-width:1170px;}
.board_write .smarteditor{ padding:10px 0;}

.board_write p{ margin-top:5px; font-size:14px;}
.board_write p:first-child{ margin-top:0;}

.table_wrap .ex{ display:inline-block; *display:inline; zoom:1; font-size:13px; line-height:1;}
.table_wrap .ex.ex1{ padding-left:15px;}
.table_wrap .ex.ex2{ display:block; padding:5px 0;}
.table_wrap .ex.cr1{ color:#999999;}
.table_wrap .ex.cr2{ color:#333333;}
.table_wrap .ex.cr3{ color:#3974ed;}

.table_wrap .state{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center; height:23px; line-height:23px; min-width:50px; padding:0 10px; border-radius:20px; font-size:13px;}
.table_wrap .state.cr1{ background-color:#555555; border:1px solid #555555; color:#ffffff;}
.table_wrap .state.cr2{ background-color:#f9f9f9; border:1px solid #bbbbbb; color:#222222;}
.table_wrap .state.cr3{ background-color:#1c68b6; border:1px solid #1c68b6; color:#ffffff;}
.table_wrap .state.cr4{ background-color:#333333; border:1px solid #333333; color:#ffffff;}
.table_wrap .state.cr5{ background-color:#ffffff; border:1px solid #999999; color:#111111;}

.table_wrap .calendar{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:3px 0 0 4px; width:23px; height:23px; background:url(../images/inc/icon_calendar.png) no-repeat; cursor:pointer;}

.space_st{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.space_st.Spst1{ margin-left:15px;}
.space_st:first-child{ margin-left:0;}

/*gallery*/
.table_wrap .board_gallery{ padding:15px 0; *zoom:1;}
.table_wrap .board_gallery:after{ content:""; display:block; clear:both;}
.table_wrap .board_gallery .gall_inc{ float:left; width:25%;}
.table_wrap .board_gallery .gall_inc > a{ display:block; margin:10px 10px; border:1px solid #bbb; *cursor:pointer;}
.table_wrap .board_gallery .gall_inc .img{ height:160px; border-bottom:1px solid #ccc; overflow:hidden; position:relative;}
.table_wrap .board_gallery .gall_inc .img img{ width:100%; height:100%; max-width:211px; max-height:160px; position:relative;}
.table_wrap .board_gallery .gall_inc .img .layer_on{ position:absolute; width:100%; height:100%; left:0; top:0; background:#000; filter:alpha(opacity=10); opacity:0.1;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.table_wrap .board_gallery .gall_inc .info{ padding:0 15px 15px 15px;}
.table_wrap .board_gallery .gall_inc .info .tt{ padding:10px 0; height:15px;}
.table_wrap .board_gallery .gall_inc .info .tt strong{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1; color:#111;}
.table_wrap .board_gallery .gall_inc .info .name{ color:#666;}
.table_wrap .board_gallery .gall_inc .info .date{ padding-top:3px;}
.table_wrap .board_gallery .gall_inc .info .date span{ display:inline-block; *display:inline; zoom:1; margin-left:15px; font-size:12px; color:#999;}
.table_wrap .board_gallery .gall_inc .info .date span:first-child{ margin-left:0;}
.table_wrap .board_gallery .gall_inc:hover > a{ border:1px solid #888;}
.table_wrap .board_gallery .gall_inc:hover .img{ border-bottom:1px solid #888;}
.table_wrap .board_gallery .gall_inc:hover .img .layer_on{ filter:alpha(opacity=0); opacity:0;}
.table_wrap .board_gallery .gall_inc:hover .tt strong{ color:#1c68b6;}

/*faq*/
.faq_board .qq{ padding:15px 0; position:relative; z-index:inherit; border-bottom:1px solid #41414d; cursor:pointer}
.faq_board .aa{ padding:30px 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:55px}
.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:#666; font-size:14px}
.faq_board .aa .tt{ color:#777; font-size:14px}
.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 #585860; background:#585860;}
.faq_board .qq.on .tt{ color:#fff}
.faq_board .qq.on .arrow{filter:alpha(opacity=100);opacity:1;}

/*comment*/
.comment_wrap{ margin-top:30px; border-bottom:1px solid #999;}
.comment_wrap .comm_tit{ margin-bottom:10px; padding-left:8px;}
.comment_wrap .comm_tit strong{ font-size:15px; color:#111; font-weight:normal; margin-right:20px;}
.comment_wrap .comm_tit span{ background:url(../images/board/icon_comment.png) no-repeat left 3px; padding-left:23px; font-size:13px; color:#777;}
.comment_wrap .comm_tit b{ font-weight:normal; color:#8f1400;}
.comment_wrap .comm_box{ overflow:hidden;}
.comment_wrap .comm_box .tt{ float:left; width:17%; height:77px; padding:0 10px; border-top:2px solid #333; border-bottom:2px solid #333;}
.comment_wrap .comm_box .tt strong{ display:inline-block; *display:inline; zoom:1; padding-top:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; line-height:1;}
.comment_wrap .comm_box .tt .line{ display:block; margin:5px 0 0 3px; width:25px; height:3px; background:#6b3a93;}
.comment_wrap .comm_box .inp_box{ float:right; width:78%; overflow:hidden;}
.comment_wrap .comm_box .inp_box span{ display:block; vertical-align:top;}
.comment_wrap .comm_box .inp_box .inp_l{ width:83%; float:left;}
.comment_wrap .comm_box .inp_box .inp_r{ width:15%; float:right;}
.comment_wrap textarea.input_st{ padding:15px; border:none; border-top:1px dashed #333; border-bottom:1px dashed #333; border-radius:0; height:48px; width:95%; background:#fff; color:#444; overflow:auto;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.comment_wrap .inp_box .inp_r .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; padding:0 20px; line-height:80px; background:#333; border:1px solid #333; font-size:13px; color:#fff; border-radius:0 4px 4px 0; font-size:15px; width:100%;}

.comment_wrap .comm_list{ padding:15px 10px; border-top:1px solid #ddd;}
.comment_wrap .comm_list:first-child{ border-top:none;}
.comment_wrap .comm_list dt{ margin-bottom:10px;}
.comment_wrap .comm_list dt strong,
.comment_wrap .comm_list dt span,
.comment_wrap .comm_list dt a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.comment_wrap .comm_list dt .name{ font-weight:normal; font-size:14px; color:#6b3a93;}
.comment_wrap .comm_list dt .date{ color:#888; margin:0 20px; font-size:12px;}
.comment_wrap .comm_list dt a{ border:1px solid #ccc; border-radius:3px; color:#555; font-size:11px; width:35px; text-align:center;}
.comment_wrap .comm_list dt a:hover{ text-decoration:none; border:1px solid #aaa; background:#f9f9f9;}
.comment_wrap .comm_list dd{ word-break:keep-all; word-wrap:break-word; line-height:19px; font-size:13px; color:#444;}

/*paging*/
.board_paging{margin:40px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #ccc; background:#fff; width:35px; height:32px; text-align:center; vertical-align:middle; color:#444; *margin:0 2px; cursor:pointer; border-radius:2px; font-size:0.75em;}
.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 #b2030d; background:#b2030d; color:#fff}
.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:0 0 30px 0; background:#fff; }
.board_searching .searching{ text-align:right;}
.board_searching .searching .sel{ width:15%; padding:10px 10px; border:1px solid #999; font-size:0.875em}
.board_searching .searching .inp{ width:25%; padding:11px 10px 11px 10px; border:none;border-bottom:1px solid #999; margin:0 0 0 5px; font-size:0.875em}
.board_searching .searching .btn{display:inline-block; *display:inline; zoom:1; vertical-align:bottom; padding:0 20px; line-height:43px; background:#333; border:1px solid #333; font-size:13px; color:#fff; border-radius:0 4px 4px 0; font-size:0.875em; margin-left:5px;}
.board_searching .board_btn{ text-align:right; margin-top:0}

.board_btn{ margin-top:30px}
.board_btn.left{ overflow:hidden;}
.board_btn.left > div{ float:left; width:50%; text-align:right;}
.board_btn.left > div:first-child{ text-align:left;}
.board_btn .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; padding:0 10px; line-height:43px; border-radius:4px; min-width:90px; font-size:15px}
.board_btn .btn.big{ line-height:45px; padding:0 25px; font-size:15px; min-width:130px}
.board_btn .btn.write{ background:#b2030d; border:1px solid #b2030d; color:#fff}
.board_btn .btn.list{ background:#444444; border:1px solid #444444; color:#fff}
.board_btn .btn.ask{ background:url(../images/inc/system_btn_inquiry.png) no-repeat 10px center #8f1400; padding:0 15px 0 50px; border:1px solid #8f1400; color:#fff}
.board_btn .btn.etc{ background:#fff; border:1px solid #b2030d; color:#b2030d;}


/*icon*/
.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}


/*width 값*/
.w_10{ width:10%;}
.w_15{ width:15%;}
.w_20{ width:20%;}
.w_25{ width:25%;}
.w_30{ width:30%;}
.w_40{ width:40%;}
.w_50{ width:50%;}
.w_60{ width:60%;}
.w_70{ width:70%;}
.w_75{ width:75%;}
.w_80{ width:80%;}
.w_90{ width:90%;}
.w_95{ width:95%;}
.w_96{ width:96%;}
.w_97{ width:97%;}
.w_98{ width:98%;}
.w_99{ width:99%;}
.w_100{ width:100%;}
.w_auto{ width:auto;}


@media all and (max-width:1023px){
.board_write .tit{font-size:0.875em}
.table_wrap .tit{ font-size:0.875em;}
.table_wrap td{font-size:0.875em;}
.board_list td.tt a{ font-size:0.875em;}

/*searching*/
.board_searching .searching .sel{ width:20%;}
.board_searching .searching .inp{ width:30%;}
.board_searching .searching .btn{ padding:0 25px; line-height:35px; font-size:0.875em;}

/*btn*/
.board_btn .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; padding:0 10px; line-height:35px; border-radius:4px; min-width:90px; font-size:0.875em}

/*width 값*/
.w_10{ width:20%;}
.w_15{ width:20%;}
.w_20{ width:30%;}
.w_30{ width:50%;}

}