@charset "euc-kr";
/* CSS Document */

/*board*/ 
.table_wrap{border-top:2px solid #000;border-bottom:1px solid #999;}
.table_wrap .no_con{ padding:120px 0 120px 0; text-align:center; font-weight:600; color:#333;}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ color:#777777; line-height:1.3; border-top:1px dashed #ccc;}
.table_wrap tr:first-child td{ border-top:none}
.table_wrap *{ font-family:ng, "NanumGothic", "dotum", "gulim", sans-serif;}

.table_wrap .tit{border-bottom:1px solid #777;}
.table_wrap .tit strong{ display:inline-block; *display:inline; zoom:1; font-family: 'notokrM', sans-serif; font-size:0.9em; color:#222; letter-spacing:-1px;}
.table_wrap .tit strong span.not_red{ color:red;}
.doc p.not span.not_red{ color:red;}

/*list*/
.board_list .tit{ padding:12px 0; background-color:#f9f9f9;}
.board_list td{ text-align:center; padding:10px 5px; font-size:0.9em;}
.board_list td.tt{ text-align:left;}
.board_list td.tt a{color:#444; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list td.tt a:hover{ color:#0081f9;}
.board_list tr:hover td{ background:#f9f9f9}
.board_list .list_icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:14px; margin:0 2px;}

.board_list .notice td{ background:#fff; color:#000; border-bottom:1px solid #999}
.board_list .notice td a{ color:#333; font-weight:600;}
.board_list .notice:hover td{ background:#f5f8fb}

/*icon*/
.board_list .icon{ border-radius:3px; display:inline-block; *display:inline; zoom:1; padding:3px 6px; vertical-align:middle;}
.board_list .icon_reply{ margin-right:5px;}
.board_icon.notice{ padding:2px 10px; background:#ab0e14; color:#fff;line-height:20px; border-radius:5px; font-size:13px;}

/*write*/
.board_write .tit{ border-top:1px solid #999; border-bottom:none; background-color:#f9f9f9; text-align:left; padding-left:20px;}
.board_write tr:first-child .tit{ border-top:none}
.board_write td{ padding:7px 10px;}
.board_write .smarteditor{ padding:15px 0; border-top:1px solid #999;}
.board_write .txt{ padding:13px 10px;}
.board_write .b_txt{ font-size:15px; color:#2b92fb; font-weight:600;}
.board_write .s_txt{ display:inline-block; *display:inline; zoom:1; padding-left:10px;}
.board_write p{ margin-top:5px;}
.board_write p:first-child{ margin-top:0;}

/*view*/
.board_view .title strong{ color:#111; font-weight:600;}
.board_view .tit{ border-top:1px solid #999; border-bottom:none; background-color:#f9f9f9; text-align:left; padding:13px 5px 13px 20px;}
.board_view td{ padding:10px 5px 10px 15px; line-height:20px;}
.board_view tr:first-child .tit{ border-top:0;}
.board_view td a{ vertical-align:middle;}
.board_view td a:hover{ color:#0081f9; text-decoration:underline;}
.board_view td .icon_file{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px;}
.board_view th .icon_arrow{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.board_view .view_con{ padding:40px 15px; color:#333; border-top:1px solid #999 !important; border-bottom:1px solid #999;}
.board_view .view_con img{ max-width:1070px;}
.board_view .view_con iframe{ max-width:1070px !important;}
.board_view .comment_con{ padding:0; border-bottom:1px solid #999;}
.board_view td .cut_link{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_view td .cut_link:hover{ text-decoration:none;}

/*°¶·¯¸®*/
.table_wrap .board_gallery{ margin:-20px 0 0 -15px; padding:25px 0; *zoom:1;}
.table_wrap .board_gallery:after{ content:""; display:block; clear:both;}
.table_wrap .board_gallery .gall_inc{ float:left; width:23%; margin:20px 0 0 15px;}
.table_wrap .board_gallery .gall_inc > a{ display:block; border:1px solid #bbb; *cursor:pointer;
box-shadow:4px 4px 0 rgba(0,0,0,0.05);
-moz-box-shadow: 4px 4px 0 rgba(34,25,25,0.05);
-webkit-box-shadow: 4px 4px 0 rgba(34,25,25,0.05);
}
.table_wrap .board_gallery .gall_inc .img{ min-height:160px; border-bottom:1px solid #ccc; overflow:hidden; position:relative;}
.table_wrap .board_gallery .gall_inc .img img{ width:70%; 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=20); opacity:0.2;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.table_wrap .board_gallery .gall_inc .info{ padding:0 10px 10px 10px; text-align:center;}
.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; font-weight:600; line-height:1;}
.table_wrap .board_gallery .gall_inc .info .name{ color:#666; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:600; line-height:1; font-size:0.9em;}
.table_wrap .board_gallery .gall_inc:hover > a{ border:1px solid #0081f9;}
.table_wrap .board_gallery .gall_inc:hover .img{ border-bottom:1px solid #0081f9;}
.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:#0081f9;}


/*product*/
.board_photo_wrap{ margin:0 0 -30px -15px}
.board_photo_wrap .list{ float:left; width:25%; cursor:pointer}

.board_photo{ margin:0 0 30px 15px; }
.board_photo .img{ border:1px solid #666; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_photo .img img{ width:100%;}
.board_photo .con{ border-top:1px dashed #666; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666;}
.board_photo .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 0 0;}
.board_photo .photo_tit2{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; overflow:hidden; line-height:1; padding:5px 0 10px; font-size:0.9em; color:#666;}
.board_photo .op{ text-align:center; padding-top:5px}

.board_photo:hover .img,
.board_photo:hover .photo_tit{ background:#3e64b9; color:#fff; transition:0.3s}
.board_photo:hover .photo_tit2{ background:#3e64b9; color:#fff; transition:0.3s}

/*certi*/
.board_certi_wrap{ margin:0 0 -30px -15px}
.board_certi_wrap .list{ float:left; width:25%; cursor:pointer}

.board_certi{ margin:0 0 30px 15px; }
.board_certi .img{ border:1px solid #999; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_certi .img img{ width:100%;}
.board_certi .con{ border-top:1px dashed #999; border-bottom:1px solid #999;}
.board_certi .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:10px 0;}
.board_certi .op{ text-align:center; padding-top:5px}

.board_certi:hover .img,
.board_certi:hover .photo_tit{ background:#3e64b9; color:#fff; transition:0.3s}

/*machine*/
.board_machine_wrap{ margin:0 0 -30px -15px}
.board_machine_wrap .list{ float:left; width:50%; cursor:pointer}

.board_certi{ margin:0 0 30px 15px; }
.board_certi .img{ border:1px solid #999; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_certi .img img{ width:100%;}
.board_certi .con{ border-top:1px dashed #999; border-bottom:1px solid #999;}
.board_certi .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:10px 0;}
.board_certi .op{ text-align:center; padding-top:5px}

.board_certi:hover .img,
.board_certi:hover .photo_tit{ background:#3e64b9; color:#fff; transition:0.3s}





/*comment*/
.comment_area{ margin-top:30px; padding-bottom:60px; border-bottom:1px solid #999;}
.comment_area .com_tit{ margin-bottom:10px;}
.comment_area .com_tit strong{ font-size:15px; color:#444; font-weight:600; margin-right:20px;}
.comment_area .com_tit span{ background:url(../images/board/icon_comment.png) no-repeat left 3px; padding-left:23px; color:#777;}
.comment_area .com_box{ border:1px solid #ddd; padding:25px 25px; background-color:#fcfcfc;}
.comment_area .com_box .input_box{ *zoom:1;}
.comment_area .com_box .input_box:after{ content:""; display:block; clear:both;}
.comment_area .com_box .input_box span{ display:block; vertical-align:top;}
.comment_area .com_box .input_box .input_l{ width:90%; float:left;}
.comment_area .com_box .input_box .input_r{ width:10%; float:right;}
.comment_area .comment_textarea{ height:48px; padding:15px; width:95%; background:#fff; border:1px solid #ddd; color:#666; border-radius:8px; overflow:auto;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.comment_area .btn_inc.comment_btn{ background:#445166; color:#fff; font-weight:600; letter-spacing:0; width:100%; height:80px; border-radius:8px;}

.comment_area dl.comment{ margin-top:20px; padding-top:25px; border-top:1px solid #ddd;}
.comment_area dl.comment:first-child{ border-top:none;}
.comment_area dl.comment dt{ margin-bottom:10px;}
.comment_area dl.comment dt strong,
.comment_area dl.comment dt span,
.comment_area dl.comment dt a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.comment_area dl.comment dt .id_name{ font-weight:600; color:#0f73d9;}
.comment_area dl.comment dt .com_date{ color:#888; margin:0 20px; font-size:12px;}
.comment_area dl.comment dt a{ border:1px solid #ccc; border-radius:3px; color:#555; font-size:11px; width:35px; text-align:center;}
.comment_area dl.comment dt a:hover{ text-decoration:none; border:1px solid #aaa; background:#f9f9f9;}
.comment_area dl.comment dd{ word-break:keep-all; word-wrap:break-word; line-height:19px; color:#444;}

/*paging*/
.board_paging{margin:50px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #dddddd; background:#fff; min-width:36px; *min-width:auto; height:35px; padding:0 9px; margin-left:-5px; *margin-left:-1px; text-align:center; vertical-align:top; font-size:12px; font-weight:600; color:#333;}
.board_paging button:first-child{ margin-left:0;}
.board_paging button.icon{ border:1px solid #dddddd; background:#f9f9f9; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; font-size:0.9em; }
.board_paging button.icon.st_l{ border-radius:8px 0 0 8px;}
.board_paging button.icon.st_r{ border-radius:0 8px 8px 0;}
.board_paging button:focus, 
.board_paging button.on{ border:1px solid #2d80d5; background:#2d80d5; color:#fff}
.board_paging button:hover{ border:1px solid #ccc; background:#ccc; 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:40px 0 0 0; text-align:center;}
.board_searching .searching{ display:inline-block; *display:inline; zoom:1;}
.board_searching .searching input.input_st1{ width:330px;}
.board_searching .searching select.input_st1{ width:110px;}

.board_searching2{ margin:0px 0 50px 0; text-align:right;}
.board_searching2 .searching{ display:inline-block; *display:inline; zoom:1; width:100%;}
.board_searching2 .searching input.input_st1{ width:30%;}
.board_searching2 .searching select.input_st1{ width:20%;}

/*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:8px 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:130px; padding:14px 20px; 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;}



/*input*/
.input_st1{ border:1px solid #ddd; vertical-align:middle; background:#f9f9f9; font-family:ng, "NanumGothic", "dotum", "gulim", sans-serif; font-size:0.9em;}
.input_st1:hover, .input_st1:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st1{ padding:8px 10px 9px 10px; color:#666;}
select.input_st1{padding:7px 5px 8px 10px; color:#666; min-height:34px;}
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:33px;}

/*label*/
.label_wrap{display:inline-block; *display:inline; zoom:1; vertical-align:middle; overflow:hidden;}
.label_wrap.label_mg{ padding-right:15px;}
.label_wrap input{ float:left;}
.label_wrap label{ float:left; margin-left:5px; color:#444; cursor:pointer; line-height:1em; *line-height:1em;}
.label_wrap label:hover{ color:#2b92fb;}

.hidden_elem{display:none;}


/*agree & privacy*/
.agree_area_on{ border:1px solid #ccc; position:relative; overflow-y:scroll; height:200px; background:#f9f9f9; } 
.agree_area_on .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.agree_area_on .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:17px; font-family:notokrB; color:#fff; padding:20px 15px 0;}
.agree_area_on .agree_box_on{ padding:20px 10px 20px 20px; }
.agree_area_on .agree_box_on .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.agree_area_on .agree_box_on .agree_in_on{ height:140px; background:#fff; line-height:18px; overflow-y:scroll; text-align:left; background:#f9f9f9;}
.agree_area_on .agree_box_on .agree_in_on p{ line-height:18px; margin-bottom:15px; font-size:0.9em; font-family:notokrR;}
.agree_area_on .agree_box_on .agree_in_on.h_st{ overflow-y:hidden; height:auto;}
.agree_area_on .agree_box_on .agree_in_on input,
.agree_area_on .agree_box_on .agree_in_on label{ vertical-align:middle; cursor:pointer;}
.agree_area_on .agree_box_on .agree_in_on input{ margin-left:15px;}
.agree_area_on .agree_box_on .agree_in_on label{ margin-left:8px;}
.agree_area_on .agree_box_on .agree_in_on label:hover{ color:#3992ed;}
.acheck_area { border:1px solid #ccc; background:f9f9f9; padding:15px 25px; text-align:center; }
.acheck_area > input { vertical-align:middle; }
.acheck_area > span { padding-left:5px; vertical-align:middle; font-size:14px; font-family:notokrM; }


@media screen and (max-width:1151px){
/*list*/
.board_list .tit{ padding:12px 0; background-color:#f9f9f9;}
.board_list .ar{ display:none;}
.board_list .wri{ display:none;}
.board_list .hit{ display:none;}
.board_list .day{ display:none;}
.board_list col.num{ width:20% !important;}
.board_list col.num2{ width:80% !important;}
.board_list col.del{ width:0% !important;}
.board_list td{ text-align:center; padding:10px 5px; font-size:0.875em;}
.board_list td.tt{ text-align:left;}
.board_list td.tt a{color:#444; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:0.875em;}
.board_list td.tt a:hover{ color:#0081f9;}
.board_list tr:hover td{ background:#f9f9f9}

.board_list .notice td{ background:#fff; color:#000; border-bottom:1px solid #999; font-size:0.875em;}
.board_list .notice td a{ color:#333; font-weight:600; font-size:0.875em;}
.board_list .notice:hover td{ background:#f5f8fb}

/*write*/
.board_write .tit{ border-top:1px solid #999; border-bottom:none; background-color:#f9f9f9; text-align:left; padding-left:0px; font-size:0.875em;}
.board_write tr:first-child .tit{ border-top:none}
.board_write td{ padding:7px 10px;}
.board_write .smarteditor{ padding:15px 0; border-top:1px solid #999;}
.board_write .txt{ padding:13px 10px;}
.board_write .b_txt{ font-size:15px; color:#2b92fb; font-weight:600;}
.board_write .s_txt{ display:inline-block; *display:inline; zoom:1; padding-left:10px;}
.board_write p{ margin-top:5px;}
.board_write p:first-child{ margin-top:0;}

/*icon*/
.board_list .icon{ border-radius:3px; display:inline-block; *display:inline; zoom:1; padding:3px 6px; vertical-align:middle; font-size:0.875em;}
.board_list .icon_reply{ margin-right:5px;}
.board_icon.notice{ padding:2px 10px; background:#ab0e14; color:#fff;line-height:20px; border-radius:5px; font-size:0.875em;}

/*searching*/
.board_searching{ margin:40px 0 0 0; text-align:center;}
.board_searching .searching{ display:inline-block; *display:inline; zoom:1; width:100%;}
.board_searching .searching input.input_st1{ width:30%;}
.board_searching .searching select.input_st1{ width:20%;}

/*Á¦Ç°»ó¼¼*/
.board_searching2{ margin:0px 0 20px 0; text-align:right;}
.board_searching2 .searching{ display:inline-block; *display:inline; zoom:1; width:100%;}
.board_searching2 .searching input.input_st1{ width:35%;}
.board_searching2 .searching select.input_st1{ width:30%;}

.btn_inc{ border:none; padding:8px 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:40px; width:20%; 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:130px; padding:14px 20px; 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:30%; border-radius:0;}


/*certi*/
.board_certi_wrap{ margin:0 0 -30px -15px}
.board_certi_wrap .list{ float:left; width:25%; cursor:default;}

.board_certi{ margin:0 0 30px 15px; }
.board_certi .img{ border:1px solid #999; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_certi .img img{ width:100%;}
.board_certi .con{ border-top:1px dashed #999; border-bottom:1px solid #999;}
.board_certi .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:10px 0; font-size:0.875em }
.board_certi .op{ text-align:center; padding-top:5px}

.board_certi:hover .img,
.board_certi:hover .photo_tit{ background:#fff; color:#000; transition:0.3s}
}

@media screen and (max-width:700px){
/*product*/
.board_photo_wrap{ margin:0 0 -30px -15px}
.board_photo_wrap .list{ float:left; width:50%; cursor:pointer}

.board_photo{ margin:0 0 30px 15px; }
.board_photo .img{ border:1px solid #666; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_photo .img img{ width:100%;}
.board_photo .con{ border-top:1px dashed #666; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666;}
.board_photo .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 0 0;}
.board_photo .photo_tit2{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; overflow:hidden; line-height:1; padding:5px 0 10px; font-size:0.9em; color:#666;}
.board_photo .op{ text-align:center; padding-top:5px}

.board_photo:hover .img,
.board_photo:hover .photo_tit{ background:#3e64b9; color:#fff; transition:0.3s}
.board_photo:hover .photo_tit2{ background:#3e64b9; color:#fff; transition:0.3s}

/*certi*/
.board_certi_wrap{ margin:0 0 -30px -15px}
.board_certi_wrap .list{ float:left; width:50%; cursor:pointer}

.board_certi{ margin:0 0 30px 15px; }
.board_certi .img{ border:1px solid #999; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_certi .img img{ width:100%;}
.board_certi .con{ border-top:1px dashed #999; border-bottom:1px solid #999;}
.board_certi .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:10px 0; font-size:0.875em }
.board_certi .op{ text-align:center; padding-top:5px}

.board_certi:hover .img,
.board_certi:hover .photo_tit{ background:#3e64b9; color:#fff; transition:0.3s;}

}