@charset "utf-8";



.basic_box {position:relative;display:block;margin-bottom:10px;padding:15px 20px 10px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 10px;color:#666;font-size:14px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e03321;}
.board_total .bold{font-weight:bold;}
.basic_box .inner:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:block;position:relative;width:100%;}
.basic_search .grap select{margin-bottom:5px;padding:0 10px;width:100%;height:28px;border:1px solid #ddd;line-height:36px;}
/*.basic_search .searchinput{position:relative;padding-right:50px;width:100%;border:1px solid #ddd;}*/
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;width:48px;height:34px;border:none;font-size:0;line-height:0;}
.basic_search .searchinput input[type="submit"]:focus{outline:1px dotted #666;}
.basic_search .searchinput input[type="text"]{/*width:100%;*/height:34px;padding:0 50px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:31px;}

.basic_search input[name^="searchKeyword"] {width: 169px;margin-left:3px;height: 28px;}


@media only screen and (min-width:480px) {
    .basic_search .grap,
    .basic_search .searchinput{display:inline-block;width:auto;}
    .basic_search .grap select{margin-bottom:0;width:86px;height:34px;}
    .basic_search .searchinput input[type="text"]{width:240px;}
}

@media only screen and (min-width:640px) {
    .board_total{display:inline-block;float:left;}
    .basic_search{display:inline-block;float:right;padding-left:0;}
    .basic_search .searchinput{}
    .bbs_searchbox input[type="text"]{width:100%;}
}




.basic_table {width:100%;table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;box-sizing:border-box}
.basic_table th , .basic_table td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table thead th {padding:15px 10px;background:#efefef; border:1px solid #ddd; border-bottom:0; line-height:17px; font-size:15px; color:#333}
.basic_table tbody th{border:1px solid #ddd; text-align:center; color:#47464c;background:#efefef;}
.basic_table th > label {background:#efefef;border-bottom:0; line-height:15px; font-size:15px; color:#47464c}
.basic_table td {border:1px solid #e8e8f0; text-align:center;  color:#727177}
.basic_table tbody td *{vertical-align:middle;height: 28px;}
.basic_table tbody td *{vertical-align:middle;}
.basic_table tfoot th,
.basic_table tfoot td{border:1px solid #ddd; text-align:center;color:#666;background-color:#fafafa;}

.basic_table tbody tr.problem th:first-child{border-left:none;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
.tablewrap .note{margin-top:10px;}


.noStyle{}
.noStyle th,
.noStyle td{border:none}

.ui-border-block {padding: 30px;border: 1px solid #ddd;}
.form_post .post_btn{line-height:12px;}
/*.buttons-grap input[name^="appl"]{height:46px;}*/

/*.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}
.basic_search .searchinput {border:none;padding:0;}
.basic_search .searchinput input[type="text"]{width:240px;border: 1px solid #ddd;}*/
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}

.basic_search .grap select[name^="area"]{width:215px;}
.buttons-grap input[type="submit"]{height:47px;}



/*수정,삭제버튼*/
.button span .modit,
.button span .modit:link,
.button span .modit:visited{padding-left:38px;background-image:url(/images/prog/board/btn_modit.png);background-repeat:no-repeat;background-position: 6px 48%;padding: 2px 8px 0 28px;}
.button span .modit:hover,
.button span .modit:focus,
.button span .modit:active{background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:6px 48%;padding: 2px 8px 0 28px;}
.button span .delete,
.button span .delete:link,
.button span .delete:visited{padding-left:35px;background-image:url(/images/prog/board/btn_delete.png);background-repeat:no-repeat;background-position:6px 48%;padding: 2px 8px 0 28px;}
.button span .delete:hover,
.button span .delete:focus,
.button span .delete:active{background-image:url(/images/prog/board/btn_delete_ov.png);background-repeat:no-repeat;background-position:6px 48%;padding: 2px 8px 0 28px;}

/* 게시판버튼 */
.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.center{text-align:center}
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"],
.button span a{display:inline-block;position:relative;border:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:10px 15px 8px 15px;font-size:14px;line-height:1.42857143;}
.button span a{border:1px solid transparent;border-radius:0;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;}
.button span a *{vertical-align:middle}
.button span a:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.button span a:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"]{height:40px;border-radius:0;}


.button .typeA input[type="button"],
.button .typeA input[type="button"].disabled, 
.button .typeA input[type="button"],
.button .typeA input[type="button"]:link,
.button .typeA input[type="button"]:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA input[type="button"]:hover,
.button .typeA input[type="button"]:focus,
.button .typeA input[type="button"]:active{background-color:#424242;border-color:#424242;color:#fff;}
.button span input[type="button"]{border:1px solid transparent;}
.button span input[type="button"]{padding: 4px 8px 4px 8px;line-height: 12px;    height: 30px;}
.button .typeA input[type="button"],
.button .typeA input[type="reset"],
.button .typeA input[type="submit"],
.button .typeA a, 
.button .typeA a.disabled, 
.button .typeA a,
.button .typeA a:link,
.button .typeA a:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA a:hover,
.button .typeA a:focus,
.button .typeA a:active{background-color:#424242;border-color:#424242;color:#fff;}

.button .typeB input[type="button"],
.button .typeB input[type="reset"],
.button .typeB input[type="submit"],
.button .typeB a, 
.button .typeB a.disabled, 
.button .typeB a,
.button .typeB a:link,
.button .typeB a:visited{background-color:#eb3b4b;border-color:#d71f30;color:#fff;}
.button .typeB a:hover,
.button .typeB a:focus,
.button .typeB a:active{background-color:#d71f30;color:#fff;}


.button span .writing[type="button"],
.button span .writing[type="reset"],
.button span .writing[type="submit"],
.button span .writing{padding-left:35px;border-radius:0;background-image:url(/images/prog/board/btn_writ.png);background-repeat:no-repeat;background-position:15px 50%;}

.button span .writing:hover,
.button span .writing:focus{background-color:#fff;border-color:#ddd;color:#d71f30;}

.button span .modit,
.button span .modit:link,
.button span .modit:visited{padding-left:38px;background-image:url(/images/prog/board/btn_modit.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .modit:hover,
.button span .modit:focus,
.button span .modit:active{background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .delete,
.button span .delete:link,
.button span .delete:visited{padding-left:35px;background-image:url(/images/prog/board/btn_delete.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .delete:hover,
.button span .delete:focus,
.button span .delete:active{background-image:url(/images/prog/board/btn_delete_ov.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .list,
.button span .list:link,
.button span .list:visited{padding-left:38px;background-image:url(/images/prog/board/btn_list.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .list:hover,
.button span .list:focus,
.button span .list:active{background-image:url(/images/prog/board/btn_list_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .notify,
.button span .notify:link,
.button span .notify:visited{padding-left:38px;background-image:url(/images/prog/board/btn_notify.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .notify:hover,
.button span .notify:focus,
.button span .notify:active{background-image:url(/images/prog/board/btn_notify_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .reply,
.button span .reply:link,
.button span .reply:visited{padding-left:38px;background-image:url(/images/prog/board/btn_reply.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .reply:hover,
.button span .reply:focus,
.button span .reply:active{background-image:url(/images/prog/board/btn_reply_ov.png);background-repeat:no-repeat;background-position:15px 48%;}


.button span .excel,
.button span .excel:link,
.button span .excel:visited{padding-left:38px;background-image:url(/images/prog/board/btn_excel.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .excel:hover,
.button span .excel:focus,
.button span .excel:active{background-image:url(/images/prog/board/btn_excel_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.board_butt .button span a{border-radius:0;}

.tbl_basic{margin-bottom:10px;width:100%;border-top:2px solid #000;border-bottom:1px solid transparent;}
.tbl_basic thead th{background:none;}
.tbl_basic tbody th{background:none;}
input[name^="addr"],input[name^="email"],input[name^="detail_adres"]{width: 270px;}
input[name^="emailyn"]{width:14px;}

.post_btn .typeA a{padding: 4px 8px 4px 8px;}
.typeB .btn_type{height: 30px;line-height: 10px;}
.typeA .btn_type{height: 30px;line-height: 10px;}

.tbl_basic.tbl_type1{border-top-color:#000;border-bottom-color:#ddd;border-collapse:separate;}