@charset "utf-8";

/**
* default
*/
#board, #board input, #board button, #board select, #board textarea, #board sub { font-family:"Noto Sans CJK KR", "돋움", dotum, Helvetica, sans-serif; color:#6e6e6e; line-height:1.5em; }
#board h4{font-size:24px; line-height:26px;color:#1d1d1d;; font-weight:600; margin-bottom:55px}
#board h4 span{color:#3b6d8c}
#board .detail h4 {font-size:14px; margin-bottom:10px;}

#board .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none; }

#board button { border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; *zoom:1; }
#board button::-moz-focus-inner { padding:0; border:0; }

/**
* list
*/
#board div.board_info{ position:relative; margin-bottom:15px}
#board div.board_info p.txt{margin-bottom:10px; color:#1d1d1d; font-size:12px;height:28px; line-height:28px;}
#board div.board_info p.txt strong{ font-weight:600}
#board div.board_info p.txt strong span{color:#2054a7}
#board div.board_info div.search_area{position:relative;}
#board div.board_info div.search_area ul{width:100%;}
#board div.board_info div.search_area ul:after{ display:block; clear:both; content:""; }
#board div.board_info div.search_area ul li{float:left;}
#board div.board_info div.search_area input{height:40px; border: 1px solid #dbdbdb; box-sizing: border-box; box-Shadow: none;}
#board div.board_info div.search_area input.text{width:100%; background:#fff; box-Shadow: none;}
#board div.board_info div.search_area input.search{position:absolute; right:0; top:0; width:40px; text-align:center;}
/*#board div.board_info div.search_area input.text { width:425px}*/

#board div.board_list div.board_header{display:none;}
#board div.board_info{margin-bottom:13px; font-size: 12px;}
#board div.board_list {border-top: 3px solid #1b3b7b; /* border-bottom: 1px solid #dbdbdb; */}
#board div.board_list span{color:#777;}
#board div.board_list ul li{width:100%; border-bottom: 1px solid #dbdbdb;}
#board div.board_list ul li a{display:block; text-decoration:none;}
#board div.board_list ul li a p.info{padding: 15px 10px;}
#board div.board_list ul li a p.info span{display:block; margin-bottom:5px; font-size: 12px; font-weight: 400;  line-height:150%; }
#board div.board_list ul li a p.info span.no{display:none;}
#board div.board_list ul li a p.info span.subject{display:block; font-size: 15px; font-weight: 700;}
#board div.board_list ul li a p.info span.subject em{display:inline-block; padding-right:2%; font-weight: 500; vertical-align:middle; max-width:86%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#board div.board_list ul li a p.info span.subject span.icon{display:inline-block; margin:5px 2px 0; }
#board div.board_list ul li a p.info span.writer, #board div.board_list ul li a p.info span.date{display:inline-block;}
#board div.board_list ul li a p.info span.writer{padding-right:5px;}
#board div.board_list ul li a:hover span{color:#2054a7;}
#board div.board_list ul li.no_data{height:300px; line-height: 300px; text-align: center; }
#board div.board_list ul li a p.info span.m_hidden{display:none;}

/**
* write
*/
#board h4 {padding-top:30px; margin-bottom:30px; font-size:20px; font-weight:normal; background:url("/img/content/bg_h4.png") 0 0 no-repeat; color:#333;}
#board table.write_table{ border-top:3px solid #2054a7; margin-bottom:20px}
#board table.write_table tr th, 
#board table.write_table tr td{font-size:12px; border-bottom:1px solid #e6e6e6}
#board table.write_table tr th{padding:15px 10px 15px 20px; width:105px; box-sizing: border-box; text-align:left; color:#1d1d1d; font-weight:600; background:#ebf3ff;}
#board table.write_table tr th.required {background:url("./img/ico_required.png") 9px 50% no-repeat #ebf3ff;}
#board table.write_table tr td{padding:15px; text-align:left; color:#646464}
#board table.write_table tr td strong{ font-weight:600}
#board table.write_table tr td label{ display:inline-block; margin-right:10px}
#board table.write_table tr td label input { margin-right:5px; vertical-align:middle; box-Shadow: none;}
#board table.write_table tr td.editor {padding:15px 0}
#board table.write_table tr td.homepage label, #board table.write_table tr td.email label{/* margin-left:10px */}
#board table.write_table tr td.date input.date{margin-right:5px; box-Shadow: none;}
#board table.write_table input.text, #board table.write_table textarea.textarea{width:100%; box-sizing: border-box; box-Shadow: none;}
#board table.write_table input.text{height:40px;}
#board table.write_table tr.email_box th.required {background:url("./img/ico_required.png") 9px 38% no-repeat #ebf3ff;}
#board table.write_table tr.captcha_area td input{width:86px; box-Shadow: none;}
#board table.write_table tr.phone_area td select{width:70px; height:40px; padding-left:5px;box-sizing: border-box; border: 1px solid #dbdbdb; background: url("/img/layout/selecter.jpg") right 50% no-repeat #fff; background-size: 28px; -moz-appearance: none; -webkit-appearance: none;}
#board table.write_table tr.phone_area td select::-ms-expand {display:none;}
#board table.write_table tr.phone_area td input.text{width:70px; box-Shadow: none;}

#board div.img_note{ margin-bottom:20px; padding:20px; border:1px solid #e6e6e6}
#board div.img_note em{font-size:12px; font-weight:600; color:#1d1d1d}
#board div.img_note p{ margin-top:5px; color:#646464}

/**
* agree
*/
#board div.agree_area {margin-top:50px; }
#board div.agree_area em{display:block;font-weight:600; font-size:12px;color:#1d1d1d; margin-bottom:5px}
#board div.agree_area div.text_area{height:108px; border:1px solid #ccc; padding:10px; overflow-y:scroll}
#board div.agree_area div.text_area p{font-size:12px; line-height:18px; color:#646464; margin-bottom:20px}
#board div.agree_area div.text_area dl{ margin-bottom:30px}
#board div.agree_area div.text_area dl.lc{ margin-bottom:0}
#board div.agree_area div.text_area dl dt{font-weight:600;font-size:12px; line-height:18px;}
#board div.agree_area div.text_area dl dd{ padding-left:15px;font-size:12px; line-height:18px;}
#board div.agree_area div.text_area dl dd>ul>li>ul>li{ padding-left:15px;}

#board div.agree_area div.text_area+em{ margin-top:20px}
#board div.agree_area div.text_area+p{ margin-top:5px;}

#board div.agree_area label input { margin-right:5px; vertical-align:middle}

/**
* view
*/
#board div.board_view>dl{ margin-bottom:20px;}
#board div.board_view>dl>dt{position:relative; padding:15px 20px;font-size:18px; color:#1d1d1d; line-height:26px; font-weight:600; border-top:3px solid #2054a7; background:#ebf3ff;}
#board div.board_view>dl>dt span.subject_box{display:block; width:80%;}
#board div.board_view>dl>dt span.state{ position:absolute;top:14px;right:20px}
#board div.board_view>dl>dd{padding:15px 20px;font-size:12px; line-height:15px; color:#646464; border-bottom:1px solid #e6e6e6;}
#board div.board_view>dl>dd>em{display:inline-block; margin-right:10px;font-weight:600}
#board div.board_view>dl>dd>em.state{color:#3b6d8c;}

#board div.board_view>dl>dd .arrow{color:#d4d4d4; display:inline-block; padding:0 10px}
#board div.board_view>dl>dd .file_down{display:inline-block; padding-right:15px; background:url("./img/ico_download.gif") no-repeat 100% 3px; margin-right:10px}
#board div.board_view>dl>dd.cont{font-size:13px; line-height:1.6;color:#646464}
#board div.board_view>dl>dd.cont>div{ min-height:200px; overflow:hidden}
#board div.board_view>dl>dd.cont>div img{max-width:960px;}
#board div.board_view>dl>dd span.state{ position:absolute;top:10px;right:20px}

#board div.board_view div.view_paging{ margin-bottom:20px;border-top:2px solid #2054a7; font-size:13px;}
#board div.board_view div.view_paging dl { border-bottom:1px solid #e6e6e6; height:100%; overflow:hidden; }
#board div.board_view div.view_paging .prev a { color:#3c3c3c;}
#board div.board_view div.view_paging .prev dt { float:left; width:100px; box-sizing: border-box; padding:14px 0 14px 25px; color:#555; background:url("./img/ico_up.gif") 75% 50% no-repeat #ebf3ff; }
#board div.board_view div.view_paging .prev dd { float:left; width:65%; box-sizing: border-box; padding:14px 15px; color:#555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#board div.board_view div.view_paging .next a { color:#3c3c3c;}
#board div.board_view div.view_paging .next dt { float:left; width:100px; box-sizing: border-box; padding:14px 0 14px 25px; color:#555; background:url("./img/ico_down.gif") 75% 50% no-repeat #ebf3ff; }
#board div.board_view div.view_paging .next dd { float:left; width:65%; box-sizing: border-box;padding:14px 15px; color:#555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/**
* comment
*/
#board div.board_view h5{display:block;font-weight:600; font-size:12px;color:#1d1d1d; margin-bottom:5px}

/**
* password
*/
#board div.board_password{width:100%; height:350px; margin:0 auto; background:#f6f6f6}
#board div.board_password p{ text-align:center; padding:85px 0 20px;font-size:12px;color:#1d1d1d; line-height:20px}
#board div.board_password p em{font-weight:600;font-size:12px}
#board div.board_password ul{ width:340px; margin:0 auto; text-align:center;}
#board div.board_password ul li{ position:relative; margin-top:10px}
#board div.board_password ul li:first-child{ margin-top:0}
#board div.board_password ul li label{display:block; line-height:25px;height:25px}
#board div.board_password ul li label input.text { width:150px; height:40px;}
#board div.board_password ul li.password_box{display:inline-block;}
#board div.board_password .btn{ text-align:center; margin-top:40px}

/**
* button
*/
#board div.list_button{*zoom:1; margin:20px 0}
#board div.list_button:after{clear:both; display:block; content:""}
#board div.list_button p{width:100%;}
#board div.list_button p button{height:50px; line-height:48px; width:100%; border:1px solid #444; /* border-radius:5px; */ font-size:13px;}
#board div.list_button p.left button{background:#fff; color:#444;}
#board div.list_button p.left a{height:50px; line-height:48px; width:100%; border:1px solid #444; font-size:13px; background:#fff; color:#444;}
#board div.list_button p.right button{background:#444; color:#fff;}
#board div.list_button p.right button a{background:#444; color:#fff;}
#board div.list_button p button:hover{background:#000; color:#fff;}
#board div.list_button p button a{display:block; text-decoration:none;}
#board div.list_button p a{display:block; text-decoration:none; background:#444; color:#fff; height:50px; line-height:48px; text-align:center; font-size:13px; border:1px solid #444;}
#board div.list_button p a:hover{background:#000; color:#fff;}
#board div.list_button p button a:hover{background:#000; color:#fff;}
#board div.list_button p.left.view{width:100%;}
#board div.list_button p.right.view button{ margin-top:10px;}
#board div.list_button p.right.view a{ margin-top:10px; box-sizing: border-box;}
#board div.list_button p.right.reply button:last-child{margin-top:10px;}

#board div.write_button{margin:30px 0; text-align:center; }
#board div.write_button button{ vertical-align:middle; height:50px; line-height:48px; width:100%; border:1px solid #444; font-size:13px; background:#444; color:#fff;}
#board div.write_button a.cancel{vertical-align:middle; margin-top:10px;display:inline-block; background:#fff; height:50px; line-height:48px; width:100%; border:1px solid #444;font-size:13px; box-sizing: border-box;}
#board div.write_button button:hover{background:#000;}
#board div.write_button a.cancel:hover{background:#000; color:#fff;} 

/**
* pagination
*/
#board div.pagination { position:relative; height:29px; text-align:center; margin-top:40px}
#board div.pagination a { display:inline-block; margin:0 2px; width:27px; height:27px; line-height:27px; color:#777777; vertical-align:top; border:1px solid #e7e7e7; }
#board div.pagination a.on { color:#fff; width:38px; height:27px; line-height:27px; text-decoration:underline; background-color:#df0202; }
#board div.pagination span.on { display:inline-block; margin:0 2px; color:#fff; width:29px; height:29px; line-height:29px; text-decoration:none; background-color:#3b6d8c; }
#board div.pagination a:hover { color:#fff; width:29px; height:29px; line-height:29px; border:0; text-decoration:none; background-color:#3b6d8c; }
#board div.pagination a.arrow{ padding:0; width:29px; height:29px; border:0; }
#board div.pagination a.arrow:hover { width:29px; height:29px; border:0; }
#board div.pagination a img { vertical-align:top; }

/**
* input & textarea
*/
input.text { padding-left:5px; height:23px; line-height:23px; border:1px solid #dfdfdf; text-align:left; background-color:#fff;  box-Shadow: none;}
input.date, 
input.number { padding:0; text-align:center; }
input.file { height:23px; line-height:23px; text-align:left; }
textarea.textarea { height:300px; padding:10px; border:1px solid #dfdfdf; text-align:left; background-color:#fff; box-Shadow: none;}
/*input[name=wr_subject]{width:840px}*/

/**
* jquery ui
*/
div.ui-datepicker { width:20em; }
div.ui-datepicker div.ui-datepicker-header { padding:5px 0; }
div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev { top:5px; }
div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next { top:5px; }
div.ui-datepicker div.ui-datepicker-header select { padding:2px; }
div.ui-datepicker table.ui-datepicker-calendar { font-size:1em; }
div.ui-datepicker table.ui-datepicker-calendar tr th { padding:5px; }
div.ui-datepicker table.ui-datepicker-calendar tr td { padding:1px; }
div.ui-datepicker table.ui-datepicker-calendar tr td a { padding:5px 8px 5px 2px; text-align:right; }
div.ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-week-end a { color:#3b6d8c; }
div.ui-datepicker table.ui-datepicker-calendar tr > td:first-child a { color:#d31f26; }

@media screen and (min-width: 740px){

#board div.board_info{height:40px;}
#board div.board_info div.search_area{position:absolute; right:0; top:0; width:460px;}
#board div.board_info div.search_area select{display:inline-block; padding-left: 5px; width:110px; height:40px; border: 1px solid #dbdbdb; background: url("./img/selecter.jpg") no-repeat right top; background-size: 38px; -moz-appearance: none; -webkit-appearance: none;}
#board div.board_info div.search_area select::-ms-expand {display:none;}
#board div.board_info div.search_area input.text{width:345px;}
#board div.board_list div.board_header{display:block;}
#board div.board_list div.board_header p.info{padding: 20px 10px; border-bottom: 1px solid #dbdbdb;}
#board div.board_list div.board_header span{display:inline-block; text-align:center; font-size: 13px; font-weight:300;}
#board div.board_list div.board_header span.no{ width:10%;}
#board div.board_list div.board_header span.situation{width:10%;}
#board div.board_list div.board_header span.subject{width:50%;}
#board div.board_list div.board_header span.writer, #board div.board_list div.board_header span.date{ width:12%;}
#board div.board_list ul li{width:100%; border-bottom: 1px solid #dbdbdb;}
#board div.board_list ul li a{display:block; text-decoration:none;}
#board div.board_list ul li a p.info > span{display:inline-block; margin-bottom:5px; font-size: 14px; font-weight: 400;  line-height:150%; vertical-align:middle; text-align:center;}
#board div.board_list ul li a p.info span.no{display:inline-block; width:10%; }
#board div.board_list ul li a p.info span.situation{width:10%;}
#board div.board_list ul li a p.info span.subject{display:inline-block; box-sizing: border-box; padding-left:2%; width:50%;font-size: 14px; text-align:left;}
#board div.board_list ul li a p.info span.writer, #board div.board_list ul li a p.info span.date{display:inline-block; width:12%;}
#board div.board_list ul li a p.info span.writer{padding-right:0;}
#board div.board_list ul li a p.info span.m_hidden{display:inline-block;}

#board table.write_table tr th{width:15%; font-size:14px;}
#board table.write_table tr td{width:85%; box-sizing: border-box; font-size:14px;}



#board div.list_button p{width:120px;}
#board div.list_button p.left{float:left;}
#board div.list_button p.right{float:right;}
#board div.list_button p.left.view{width:120px;}
#board div.list_button p.right.view button{width:120px; float:right; margin-left: 5px;}
#board div.list_button p.right.view button:first-child{border:1px solid #2054a7;}
#board div.list_button p.right.view button:first-child a{background:#2054a7;}
#board div.list_button p.right.view button:first-child:hover{border:1px solid #444;}
#board div.list_button p.right.view button:first-child a:hover{background:#000;}
#board div.list_button p.right.view{width:375px;}
#board div.list_button p.right.view button a{display:block; color:#fff;}
#board div.list_button p.right.view a{width:120px; float:right; margin-top:0;}
#board div.list_button p.right.view a.ans_button{margin-left: 5px; background:#2054a7; border:none;}

#board div.list_button p.right.reply{width:250px;}
#board div.list_button p.right.reply a{display:inline-block; width:120px; float:right; margin-left: 5px;}
#board div.list_button p.right.reply a:last-child{margin-top:0px; margin-left: 0px;}


#board table.write_table tr th{width:15%;}
#board div.board_view div.view_paging .prev dt, #board div.board_view div.view_paging .next dt{width:150px;}
#board div.write_button button{width:120px;}
#board div.write_button a.cancel{margin-top:0px; width:120px;}
#board div.list_button p.right.view button{margin-top:0px;}
}