/*btns*/
.contact{width:100%; max-width:1200px; text-align:center; margin-bottom:30px;}
.online_btn{display:inline-block; padding:12px 60px; box-sizing:border-box; border:1px solid #ddd; background-color:#284886; color:#fff;}
.online_btn_cancle{display:inline-block; padding:12px 60px; box-sizing:border-box; border:1px solid #284886; background-color:#fff; color:#284886;}
.file_btn{border:1px solid #ddd; width:60px; height:30px; background-color:#284886; color:#fff; font-size:12px;}


/*online_form*/

select,input{margin:3px; border:1px solid #dedede; height:30px; border-radius:5px; width:60%;}
textarea{margin:3px; border:1px solid #dedede; height:30px; border-radius:5px; width:80%;}
.p_data{height:150px;}
.tel_control{width:20%;}
.check_wrap{position:relative; height:15px; margin-bottom:20px;}
.checkbox{width:15px; height:15px; border:1px solid #ddd;}
.check_text{position:absolute; top:2px;}

.online_board{width:100%; max-width:1200px; margin-bottom:30px;}
.board_title{font-size:16px; font-weight:bold; color:#444; margin-bottom:10px;}
.board_title>span{display:inline-block; background-color:#284886; width:20px; height:20px; font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:20px; margin-right:10px;}
.board_title>small{font-size:13px; font-weight:normal; color:#FF0000;}

.online_board>table{width:100%; max-width:1200px;}
.online_board>table>tbody{width:100%; max-width:1200px;}
.online_board>table>tbody>tr>th{width:20%; height:45px; border:1px solid #ddd; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:left;}
.online_board>table>tbody>tr>td{width:80%; height:45px; border:1px solid #ddd; padding:5px; padding-left:10px; box-sizing:border-box;}


/*notice_list*/
/* .notice_board>table{width:100%; max-width:1300px;}
.notice_board>table>tbody{width:100%; max-width:1300px;}
.notice_board>table>tbody>tr>th{height:45px; border:1px solid #ddd; border-top:3px solid #284886; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:center; font-weight:normal;}
.notice_board>table>tbody>tr>td{height:45px; border:1px solid #ddd; padding:5px; padding-left:10px; box-sizing:border-box;}
.notice_board>table>tbody>tr>td.number{width:15%; text-align:center;}
.notice_board>table>tbody>tr>td.title{width:60%;}
.notice_board>table>tbody>tr>td.date{width:25%; text-align:center;} */

.notice_board { max-width: 1300px; border-top:2px solid #284886;}
.notice_board ul{display: flex; align-items: center; flex-wrap: wrap; gap: 35px 4%; margin-top: 35px; padding: 0 1%;}
.board-list {width: 47%; cursor: pointer;}
.board-list a{width: 100%; height: 100%; z-index: 1; }
.board-sub {width: 100%;}
.board-sub img{width: 100%; border-radius: 10px; overflow: hidden;}
.board-sub div{text-align: center;}
.board-sub div p{font-size: 14px; line-height: 21px; padding-top: 10px;}


.notice_view img{width: 100%;}

.board-paging{width:100%; max-width:1300px; margin:40px auto; text-align:center;}
.board-paging>a{display:inline-block; width:30px; height:30px; border:1px solid #ddd; line-height:30px; margin-right:2px; text-align:center;}
.board-paging>a.on{border:1px solid #444; background-color:#444; color:#fff;}

.board-search{width:100%; max-width:1300px; margin:20px auto 40px auto;}
.notice_control{width:15%; border-radius:0;}
.board-search>span>a{display:inline-block; padding:5px 15px; background-color:#284886; color:#fff;}
.board-search>div{float:right;}
.board-search>div>a{display:inline-block; padding:5px 15px; background-color:#284886; color:#fff; margin-left:3px;}


/*notice_view*/
.notice_board_view>table{width:100%;}
.notice_board_view>table>tbody{width:100%;}
.notice_board_view>table>tbody>tr>th{height:45px; border-bottom:1px solid #ddd; border-top:3px solid #284886; font-size:15px; color:#333; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:center; font-weight:normal;}
.notice_board_view>table>tbody>tr>td{width:100%; text-align:center; height:45px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box;}
.notice_board_view>table>tbody>tr>td.form_title{background-color:#f8f8f8;}
.notice_board_view>table>tbody>tr>td.text{width:100%; overflow-x:auto; text-align:left; height:300px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; box-sizing:border-box;}
/*.notice_board_view>table>tbody>tr>td.text img{width:100%;}*/

.notice_board_view{width:100%; max-width:700px;}
.view_ti1{width: 100%; text-align: center;}
.view_title{margin-bottom: 30px;}
.view_title p{height:45px; border-bottom:1px solid #ddd; border-top:3px solid #284886; font-size:15px; color:#333; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:center; font-weight:normal;}
.notice_view {height: 250px;transition: height 0.5s ease;overflow: hidden;}

.notice_view.active {
height: auto;
}

.notice_view_button {
cursor: pointer;padding: 10px 25px;background-color: #284886;color: #fff;border-top: none;
}
.view_mor{width: 100%; border-top: 1px solid #ddd; margin-bottom: 35px;}
/* .notice_board_view>table>tbody{width:100%; max-width:1300px;} */
/* .notice_board_view>table>tbody>tr>td{width:25%; text-align:center; height:45px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box;} */
/* .notice_board_view>table>tbody>tr>td.form_title{background-color:#f8f8f8;} */
/* .notice_board_view>table>tbody>tr>td.text{width:100%; text-align:left; height:300px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; box-sizing:border-box;} */

.view_ti2 {border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 10px; padding: 30px 0;}
.view_ti2>div p{text-align: center; font-size: 18px; color: #000; font-weight: 700;}
.view_ti2 form{max-width: 700px; margin: 0 auto;}
.view_ti2 form fieldset{border: none;}
.view_ti2 form fieldset>ul>li{display: flex; flex-direction: column; padding: 20px 0;}
.view_ti2 form fieldset>ul>li>ul{display: flex; align-items: center; flex-wrap: wrap; gap: 10px 25px; justify-content: space-around; flex-direction: column;}
.view_ti2 form fieldset>ul>li>ul>li{width: 100%; display: flex; align-items: center; white-space: nowrap;height: 40px;}
.view_ti2 form fieldset{text-align: center; padding: 0 3%;}
.form_list>p{width: 75px; font-size: 14px; color: #000; text-align: left;font-weight: 600;}
.individual,
.group_list{border-top: 1px solid #ddd;}
.cl_list ul li div p,
.cl_list ul li div button{display: inline;}
.cl_list ul li div p{padding-left: 20px;}
.cl_list ul li div button{background-color: #284886; color: #fff; padding: 5px 20px;}
.form_list input{border:1px solid #ddd; height: 36px; padding-left: 20px; font-size: 12px;}
.form_list input[type="text"],
.form_list input[type="number"]{width: 100%;}
.form_list input[type="radio"]{margin: 0 10px; height: 20px; width: 25px;}
.form_list input[type="radio"]:checked{background-color: #000;}
.form_list label{font-size: 13.5px;}
.del_btn {text-align: right; padding-top: 10px;}
.del_btn button{background-color: #595959; color: #fff; padding: 5px 20px;}
.del_user_btn{width: 20%;}
.sub_btn{ color: #fff; background-color: #1092ff; padding: 5px 30px;}
input, progress{
    accent-color: #000;}
    .pr_chk label{display: inline-block; vertical-align: middle;}
    .pr_chk input{vertical-align: -55%; margin-left:5px; width: 15px;}
    .pr_chk textarea{
        display: block; width: 100%; padding: 10px 1%; box-sizing: border-box; resize: none; height: 150px;
        margin: 20px auto; transition-duration: 0.35s;
    }
    .pr_chk input[type='checkbox']:checked + textarea{
        height: 0; padding: 0 1%;
    }

#clgAdd{margin-left: auto; padding-right: 3%;}


/*Q&A_list*/
.qna_board>table{width:100%; max-width:1200px;}
.qna_board>table>tbody{width:100%; max-width:1200px;}
.qna_board>table>tbody>tr>th{height:45px; border:1px solid #ddd; border-top:3px solid #284886; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:center; font-weight:normal;}
.qna_board>table>tbody>tr>td{height:45px; border:1px solid #ddd; padding:5px; padding-left:10px; box-sizing:border-box;}
.qna_board>table>tbody>tr>td.number{width:10%; text-align:center;}
.qna_board>table>tbody>tr>td.title{width:60%;}
.qna_board>table>tbody>tr>td.name{width:15%; text-align:center;}
.qna_board>table>tbody>tr>td.date{width:15%; text-align:center;}


/*Q&A_view*/
.qna_board_view>table{width:100%; max-width:1200px;}
.qna_board_view>table>tbody{width:100%; max-width:1200px;}
.qna_board_view>table>tbody>tr>th{height:45px; border:1px solid #ddd; border-top:3px solid #284886; font-size:15px; color:#333; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:center; font-weight:normal;}
.qna_board_view>table>tbody>tr>td{width:25%; text-align:center; height:45px; border:1px solid #ddd; padding:10px; box-sizing:border-box;}
.qna_board_view>table>tbody>tr>td.form_title{background-color:#f8f8f8;}
.qna_board_view>table>tbody>tr>td.text{width:100%; text-align:left; height:300px; border:1px solid #ddd; padding:20px; box-sizing:border-box;}


/*Q&A_write*/
.top_border{border-top:3px solid #284886;}
.qna_write{width:100%; max-width:1200px; margin-bottom:30px;}
.qna_write>table{width:100%; max-width:1200px;}
.qna_write>table>tbody{width:100%; max-width:1200px;}
.qna_write>table>tbody>tr>th{width:20%; height:45px; border:1px solid #ddd; background-color:#efefef; padding:5px; padding-left:15px; box-sizing:border-box; text-align:left;}
.qna_write>table>tbody>tr>td{width:30%; height:45px; border:1px solid #ddd; padding:5px; padding-left:10px; box-sizing:border-box;}