.ttl_board{background-color: #01b497;}

/* 검색창 */
.search-wrap{width: 100%; padding: 120px 0 60px; background-color: #f0f6f6;}
div.board-search { display: flex; justify-content: center;align-items: center; margin: 0 auto;  width: 1440px;}
div.board-search label:first-child{width: 10%;}
div.board-search label:nth-child(2){width: 79%; margin: 0 1% 0 0 ;}
#board-slct { font-size: 1.2rem; text-align: center; width: 100%;  border: none; background-color: #01b497; color:#fff; height: 64px; box-sizing: border-box;}
input.board-search { 
    box-sizing: border-box; 
    height: 64px; 
    border: none; 
    border: 2px solid #01b497; 
    box-sizing: border-box; 
    width: 100%; 
    font-size: 1.2rem;
    padding-left: 12px;
}
input.board-search:focus, #board-slc:focus, button.board-btn{outline:none;}
button.board-btn {
    width: 10%;
    height: 64px;
    line-height: 64px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: none;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    background-color: #030504; 
    color: #fff;
}
button.board-btn:hover { background-color: #fff; color: #030504; box-shadow: 4px 4px 10px #03050410;}

.board-wrap {  width: 100%; background-color: #f0f6f6;}
.board-wrap table.board { margin: 0 auto; width: 1440px; border-bottom: 1px solid #e3e8e7; border-top: 1px solid #e3e8e7; border-collapse: collapse; background-color: #fff;}
.board thead,
.board tbody,
.board tr,
.board td,
.board th { border-top: 1px solid #e3e8e7; border-left: none; border-right: none; font-size: 1.2rem;}
.board-no { width: 10%;}
.board-view { width: 9%;}
.board-title { width: 59%;}
.board-date { width: 12%;}

/* 220722 width값 수정 9% --> 10% */
.board-author { width: 10%;}
.board thead tr { border-bottom: none;}
.board thead tr th {border-top: 1px solid #e3e8e7; border-bottom: none; font-weight: normal; padding: 20px 0;}
.board th, .board td { font-weight: normal; padding: 20px;}
.board th[colspan="5"] { padding: 20px;}
.board .board-cnt-title { display: table; table-layout: fixed; width: 100%; border: none;}
.board .board-cnt-title:hover a { border: none; text-decoration:underline #e3e8e7; text-underline-offset:4px;}
.board .board-cnt-title:hover a b { color:#e3e8e7;}
.board .board-cnt-title a {
    /* 제목 길이 조절 */
    width: auto;
	margin:0;
    margin-left: 4px;
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	transition:0.3s;
}
.board .board-cnt-title img { margin:0;}
.ellipsis { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board th a, .board td a { height: 100%; line-height: 50px;}

/* 게시판 버튼 */
.board-btns{width: 1440px; margin: 40px auto 0; padding-bottom: 120px; position: relative;}
.paging-wrap { height: 48px;}
div.paging { position: relative; height: 100%}
div.paging ul { display: flex; flex-direction: row; margin: 0; justify-content: center; align-items: center; height: 100%;}
div.paging ul li { 
    width: 48px;
    height: 48px;
    margin: 0;
    text-align: center;
    line-height: 48px;}
div.paging ul li a { text-align: center;  position: relative; font-size: 1.2rem;}
div.paging ul li.page_hover a { text-align: center;  position: relative;}
div.paging ul li.page_hover {position:relative;}
div.paging ul li.page_hover::before { content: '·'; position: absolute; top: -15px; font-size: 30px; left: 40%; transform: translateX(-50%); animation: scaleup 0.2s; }
.page_current{background-color: #01b497; color: #fff; border-radius: 50%;}

.wrt_btn{position: absolute; right: 0; top: 0; width: 100px; height: 48px; line-height: 48px; text-align: center; background-color: #01b497; color: #fff;}
.wrt_btn:hover{background-color: #fff; color: #01b497; box-sizing: border-box; border: 1px solid #01b497; box-shadow: 4px 4px 8px #03050401;}

.board-list-wrap { position: absolute; right: 0; top: 0;}
a.board-list { width: 80px; height: 40px; line-height: 40px; box-sizing: border-box;}



/* 작성 페이지 */
.board_write{background-color: #f0f6f6; padding: 120px 0;}
.board_write .container{ background-color: #fff; padding-top: 0;}
.write{width: 100%; margin: 0 auto; padding: 80px 0 0; box-sizing: border-box;}
.write dl{width: 100%; margin: 20px 0 0; display: flex; justify-content: start; align-items: center;}
.write dl:last-child{align-items: flex-start;}
.write dl:last-child dt{margin-top: 8px;}
.write dl dt{width: 10%; text-align: right; padding-right: 12px; box-sizing: border-box;}
.write dl dt label {width: 100%; display: block;}
.write dl dd {width: 100%; box-sizing: border-box;}
.write dl dd input, .write dl dd textarea{width: 100%; border: 1px solid #6e758c; padding: 8px; box-sizing: border-box;}
.write dl dd input{height: 48px;}
.write dl dd textarea{min-height: 600px;}
.write_btn_wrap {margin: 40px auto 0; display: flex; justify-content: end; padding: 0 40px 80px; width: 80%;}
.write_btn_wrap button{width: 200px; padding: 0; height: 48px; line-height: 50px; font-weight: bold; margin: 0; font-weight: 500;}
.write_btn_wrap button.cancel{background-color: #6e758c50;}
.write_btn_wrap button.write{background-color: #01b497; color: #fff; margin-left: 20px;}
.write_btn_wrap button.cancel:hover{background-color: #fff; color: #6e758c; outline:1px solid #6e758c; box-sizing: border-box;}
.write_btn_wrap button.write:hover{background-color: #fff; color: #01b497; margin-left: 20px; box-sizing: border-box; outline: 1px solid #01b497;}

.board_password_wrap{width: 100%; height: 400px; position: relative; margin: 0 auto;}
.board_password{width: 400px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board_password label{display: block; font-size: 1.3rem;}
.board_password input{border: 1px solid #c9c9c9; width: 100%; height: 48px; line-height: 48px; margin-top: 12px; box-sizing: border-box;}
.board_password input:hover,
.board_password input:active,.board_password input:focus{border: 2px solid #01b497;}
.board_password input:focus{outline: none;}
.board_password .pwd_btn{width: 100%; display: flex; justify-content: end; margin: 12px 0 0;}
.pwd_btn button{width: 120px; height: 44px; line-height: 44px;}
.board_password button.cancel{background-color: #6e758c50;}
.board_password button.submit{background-color: #01b497; color: #fff; margin-left: 20px;}
.board_password button.cancel:hover{background-color: #fff; color: #6e758c; outline:1px solid #6e758c; box-sizing: border-box;}
.board_password button.submit:hover{background-color: #fff; color: #01b497; margin-left: 20px; box-sizing: border-box; outline: 1px solid #01b497;}

.board-cnt-wrap{padding-bottom: 120px;}
.board_cnt{width: 100%; background-color: #fff; padding: 80px; margin: 0 auto; box-sizing: border-box;}
.board_cnt h4{border-top: 2px solid #030504; padding: 16px 0; border-bottom: 1px solid #01b497;}
.board_cnt_info{display: flex; justify-self: start; align-items: center; padding: 16px 0; margin: 0;width: 100%;}
.board_cnt_info dl{margin: 0; display: flex; justify-self: start; align-items: center; margin-right: 20px;}
.board_cnt_body{width: 100%; padding: 80px 0; border-top: 1px solid #01b497;}
.board_cnt_file{border-top: 1px solid #01b497; border-bottom: 2px solid #030504; padding: 20px 0;}
.board_cnt_btns{margin-top: 40px; display: flex; justify-content: end; align-items: center;}
.board_cnt_btns button{margin-left: 20px; width: 100px; height: 48px; text-align: center; line-height: 48px;}
.board_cnt_btns button.delete{background-color: #6e758c50; color: #fff;}
.board_cnt_btns button.fix{background-color: #01b497; color: #fff;}
.board_cnt_btns button.list{background-color: #030504; color: #fff;}
.board_cnt_btns button.delete:hover{color: #fff; background-color: #cc0000; border: 1px solid #cc0000; box-sizing: border-box;}
.board_cnt_btns button.fix:hover{color: #01b497; background-color: #fff; border: 1px solid #01b497; box-sizing: border-box;}
.board_cnt_btns button.list:hover{color: #030504; background-color: #fff; border: 1px solid #030504; box-sizing: border-box;}

/* 11월22일 추가 board_write  */

.agreeBox { margin: 40px auto 80px; text-align: center; display: flex;justify-content: center; align-items: center; font-size: 1rem;}
.agreeBox input{width: 24px; height: 24px; border: 1px solid #030504 !important; border-radius: none !important;}
.write dl{width: 80%; margin: 20px auto 0;}
.write dl dt label{font-size: 1.2rem;}
.write dl dd select, .write dl dd input, .write dl dd textarea{outline: none; font-size: 1.2rem;}
.write dl dd select:focus, .write dl dd input:focus, .write dl dd textarea:focus{border: 1.2px solid #01b497;}
.write select{ width: 100%; height: 48px; line-height: 48px;}
.write dl.wrt_optn dd{width: 50%;}
.write dl.wrt_optn dd.wrt_call,
.write dl.wrt_optn dd.wrt_email {display: flex; margin: 0; justify-content: space-between; align-items: center;}
.write dl.wrt_optn dd.wrt_call select{width: 30%; margin: 0;}
.write dl.wrt_optn dd.wrt_call span{width: 2%; margin: 0;}
.write dl.wrt_optn dd.wrt_call input{width: 32%; margin: 0;}
.write dl.wrt_optn dd.wrt_email input{width: 24%; margin: 0;}
.write dl.wrt_optn dd.wrt_email input.email2{width: 32%; margin: 0;}
.write dl.wrt_optn dd.wrt_email p{width: 5%; text-align: center; margin: 0 auto;}
.write dl.wrt_optn dd.wrt_email select{width: 40%; margin-left: 2%;}
.write dl.wrt_ttl dd{width: 90%; display: flex; justify-content: start; align-items: center; margin: 0; flex-wrap: wrap;}
.write dl.wrt_ttl dd input{width: 100%; margin: 0;}
.write dl.wrt_area{align-items: start;}
.write dl.wrt_area dd{width: 90%;}
.write div.secret_chk{margin: 20px auto 0; width: 80%; display: flex; justify-content: end; align-items: center;}
.write div.secret_chk input{width: 20px; height: 20px;}
.secret_chk{margin-top: 40px !important; padding-top: 40px; border-top: 1px solid #030504;}
.write dl.wrt_file dd{width: 90%; display: flex; align-items: center; margin: 0; justify-content: start;}
.write dl.wrt_file dd input{border: none; height: 48px; line-height: 48px; width: auto; padding: 0; border-bottom: 1px solid #030504;}
.write dl.wrt_manage_01 {margin-top: 40px; padding-top: 40px; border-top: 1px solid #030504;}
.write dl.wrt_manage_01  dd {display: flex; align-items: center; flex-wrap: wrap; justify-content: start;}
.write dl.wrt_manage_01  dd select{width: 200px; margin: 0;}
.write dl.wrt_manage_01  dd span{width: auto; margin: 0 8px 0 4px; text-align: center;}
.write div.tt{width: 20%; margin: 0; text-align: left;}
.write dl.wrt_manage_02 dd{width: 100%;}
.write dl.wrt_manage_02 dd input{width: 20%;}
.write dl.wrt_key{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #030504;}
.write dl.wrt_key dd{width: 100%;}
.write dl.wrt_key dd input{width: 20%;}

/* //11월22일 추가 board_write  */


@media screen and (max-width:1440px) {
    .write_h { width: 12%; margin: 0; }
    .write_input { width: 84%; }
    .label_r input[type='radio'] { height: 16px; width: 16px; }
	.board_cnt div.pdt40.pdb40 p span {font-size:16px !important;}
	.board_cnt div.pdt40.pdb40 p b {font-size:16px !important;}
}

@media screen and (max-width:1280px) {
    .board thead, .board tbody, .board tr, .board td, .board th{border-left: none !important; border-right: none !important;}
    .board-btns{width: 90%; margin-top: 20px;}

    .board th, .board td { padding: 0; }
    .board_write .container{margin-bottom: 80px;}
    /* 검색창 */
    .search-wrap{ padding: 80px 0 40px; flex-wrap: wrap; background-color: #fff;}
    div.board-search {width: 90%;}
    div.board-search label:first-child{width: 20%;}
    div.board-search label:nth-child(2){width: 59%;}
    #board-slct { font-size: 1rem; height: 48px; box-sizing: border-box;}
    input.board-search { height: 48px; width: 100%; }
    button.board-btn {height: 48px; line-height: 48px; width: 20%;}
    .search-btn {background-color: #030504; color: #fff;}

    /* 게시판 레이아웃 변경 */
    .board-wrap{padding-top: 0; background-color: #fff;}
    .board-wrap table.board { width: 90%; border: none;}

    /* 게시판 table colgroup 수정 */
    .board-no { width: 0; }
    .board-title { width: 0; }
    .board-date { width: 0; }
    .board-author { width: 0; }
    .board-view { width: 0; }
    .board thead tr { display: none; }

    /* 220722 padding 수정 */
    .board tr { width: 100%; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; margin: 0; box-sizing: border-box; padding-top: 4px; padding-left: 0; border-top: none; border-left: none; border-right: none;}
    .board tr td { height: 40px; line-height: 40px; border: none; border-left: none; border-right: none; }
    .board .board-no { width: 20%; margin: 0 auto; padding: 0; display: none; }
    .board-tit { width: 100%; }
    .board .board-cnt-title a { height: 40px; line-height: 40px; vertical-align: top; }
    .board tr td.board-date,
    .board tr td.board-author,
    .board tr td.board-view { margin: 0; width: auto; height: 20px; line-height: 10px; font-size: 1rem; text-align: left; margin-top: 4px; color: #999;}
    div.paging ul li { width: 23px; height: 23px; line-height: 23px;}
    div.paging ul li:first-child { width: 26px; }
    .board tbody tr:hover { background-color: #fff; }
    .board tbody tr:hover td { border: none; }

    /* board 스타일 */
    .submit-wrap .board-wrap .board tr { display: table-row; flex-wrap: unset; flex-direction: unset; }
    .board-date::before { content: '작성일: '; }
    .board-author::before { content: '작성자: '; margin-left: 10px; }
    .board-view::before { content: '조회: '; margin-left: 10px; }
    .write_h { width: 15%; margin: 0; }
    .write_input { width: 85%; }
    label.label_r { margin: 0 2% 0 0; }

    /* 게시판 말줄임 */
    .ellipsis { margin-left: 0; }

    /* 게시판 글쓰기 버튼 */
    .board-write { margin-top: 20px; width: 60px; height: 40px; line-height: 40px; padding: 0 0 20px; box-sizing:border-box;}
    .paging-wrap { height: 40px; padding-bottom: 0;}
    .board .toggle-cnt td { padding: 20px 0; }
    .board_write ul { margin-top: 10px; border-bottom: none; flex-direction: column; }
    .write_h { width: 100%; text-align: left; background: #fff; line-height: 1; margin: 0; padding: 0; }
    .board_write ul:first-of-type li { padding-top: 10px; }
    .board_write ul:last-of-type li { padding-bottom: 10px; padding-top: 0; }
    
    .write_input { width: 100%; padding: 10px 0 0; margin: 0; }
    .write_input textarea { width: 100%; border: 1px solid #6e758c; padding: 10px; box-sizing: border-box; }
    .write_input input[type="file"] { padding-left: 0; }
    
    #write_author, #write_email { width: 100%; }
    .write_btn_wrap button { width: 39%; height: 40px; font-size: 16px; }
    .write_btn_wrap .write_submit { width: 59%; }

    .board_cnt_info { margin-top: 10px; padding-bottom: 10px; }
    .board_cnt_info dl { margin-right: 20px; }
    .board_cnt { padding: 0 0 20px; margin-top: 10px; }
    .board_write ul li {padding-top: 10px; }
    .board_write ul.r_slct_wrap { margin: 0; padding-top: 20px; border-bottom: 1px solid #d1d6e5; }
    .board_write ul:first-of-type li { padding-top: 10px; flex-wrap: wrap; justify-content: space-between;}
    label.label_r { width: 49%; height: 44px; margin: 0 0 10px; position: relative; }
    .label_r input[type='radio'] { width: 100%; height: 44px; margin: 0; border-radius: 0; }
    .label_r span { margin: 0; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .label_r input:checked+span { color: #fff; border: 1px solid #0C20BB; }
	.board_cnt img {width:100%;}
    .board_cnt div.pdt40.pdb40 p span {font-size:14px !important;}
	.board_cnt div.pdt40.pdb40 p b {font-size:14px !important;}

    .board_password{width: 300px; margin: 40px auto;}


    /* 작성 페이지 */
    .board_write{ padding: 60px 0 0; background-color: #fff;}
    .write{padding: 0;}
    .write dl{width: 100%; margin: 20px auto 0; display: block;}
    .write dl dt{width: 100%; text-align: left; padding-right: 0;}
    .write dl dt label {width: 100%; display: block;}
    .write dl dd {width: 100%; box-sizing: border-box; margin-top: 8px;}
    .write dl dd input, .write dl dd textarea{width: 100%; border: 1px solid #6e758c; padding: 8px; box-sizing: border-box;}
    .write dl dd input{height: 48px;}
    .write dl dd textarea{min-height: 400px;}
    .write_btn_wrap {margin: 24px auto 0; padding: 0; width: 100%;}
    .write_btn_wrap button{width: 200px; padding: 12px 0; font-weight: bold; margin: 0; line-height: 1;}
    .write_btn_wrap button.cancel{background-color: #6e758c50;}
    .write_btn_wrap button.write{background-color: #01b497; color: #fff; margin-left: 12px;}
    .write_btn_wrap button.cancel:hover{background-color: #fff; color: #6e758c; outline:1px solid #6e758c; box-sizing: border-box;}
    .write_btn_wrap button.write:hover{background-color: #fff; color: #01b497; margin-left: 20px; box-sizing: border-box; outline: 1px solid #01b497;}

    .board_password{width: 80%;}

    .wrt_btn{position: unset; margin: 40px auto 0; width: 100%;}


    /* 11월22일 추가 board_write  */
    .write dl{width: 100%;}
    .write select{ width: 100%; height: 48px; line-height: 48px;}
    .write dl.wrt_optn dd{width: 100%;}
    .write dl.wrt_optn dd.wrt_call span{width: 2%; margin: 0;}
    .write dl.wrt_optn dd.wrt_call input{width: 32%; margin: 0;}
    .write dl.wrt_optn dd.wrt_email{flex-wrap: wrap;}
    .write dl.wrt_optn dd.wrt_email input{width: 30%; margin: 0;}
    .write dl.wrt_optn dd.wrt_email p{width: 5%; text-align: center; margin: 0;}
    .write dl.wrt_optn dd.wrt_email input.email2{width: 65%; margin: 0;}
    .write dl.wrt_optn dd.wrt_email select{width: 100%; margin-top: 12px;margin-left: 0;}
    .write dl.wrt_ttl dd{width: 100%;margin-top: 8px;}
    .write div.secret_chk{margin: 10px 0; width: 100%; justify-content: start;}
    .write div.secret_chk input{width: 20px; height: 20px;}
    .write dl.wrt_file dd{width: 100%; display: block;}
    .write dl.wrt_file dd input{border: none; height: 48px; line-height: 48px; width: 100%; padding: 0; border-bottom: 1px solid #03050450;}
    .write dl.wrt_file dd span{width: 100%;display: block; margin-top: 8px;}
    .write dl.wrt_manage_01  dd{flex-wrap: wrap;}
    .write dl.wrt_manage_01  dd select{width: 25%; margin: 0;}
    .write dl.wrt_manage_01  dd span{width: 5%; margin: 0 auto; text-align: center;}
    .write div.tt{width: 100%; margin: 10px 0; text-align: left;}
    .write dl.wrt_manage_02 dd {width: 100%; display: block;}
    .write dl.wrt_manage_02 dd input{width: 100%;}
    .write dl.wrt_manage_02 dd span{display: block; margin-top: 8px;}
    .write dl.wrt_key dd font:first-of-type{font-size: 1.4rem; display: block; width: 100%; margin-top: 8px;}
    .write dl.wrt_key dd font:last-of-type{margin-top: 8px;}
    .write dl.wrt_area dd{width: 100%;}
    .write dl.wrt_key dd{width: 100%;}
    .write dl.wrt_key dd input{width: 100%;}
}