/***** 기본게시판 스타일 *****/
.basic_board_sty01 {float:left; width:100%; overflow:hidden;}
.basic_board_sty01 table{float:left; width:100%; border-top:2px solid #003876;}
.basic_board_sty01 th, .basic_board_sty01 td{color:#222; border-bottom:1px solid #e9ebee; line-height:22px; text-align:center;}
.basic_board_sty01 th{padding:12px 10px; font-size:16px; font-weight:400; text-align:center; max-width:234px;}
.basic_board_sty01 td{padding:16px 10px; font-size:16px; font-weight:400;}
.basic_board_sty01 td a{display:inline-block; float:left; width:calc(100% - 24px); height:24px; font-size:16px; font-weight:400; color:#222; text-align:left; overflow:hidden;}
.basic_board_sty01 td a:hover{color:#003876;}
.basic_board_sty01 td .board_file{display:inline-block; float:left; width:24px; height:24px; background:url(../images/board_file.png) no-repeat left center; cursor:pointer;}
.basic_board_sty01 td.board_prev a{color:#555;}
.basic_board_sty01 td.board_next a{color:#555;}
.basic_board_sty01 td.board_reply{background:#f8f8f8 url(../images/contents/reply.png) no-repeat left 15px top 18px; padding:10px 10px 10px 30px;}
.basic_board_sty01 td.board_reply ul{display:block; float:left; width:100%; margin:0;}
.basic_board_sty01 td.board_reply ul li{display:inline-block; float:left; margin-left:4px; font-size:16px; font-weight:300; color:#666; line-height:28px;}
.basic_board_sty01 td.board_reply ul li:first-child{margin-left:0px; font-weight:500; color:#333;}
.basic_board_sty01 td.board_reply div{display:inline-block; float:left; width:100%; font-size:16px; font-weight:300; color:#333; line-height:28px; text-align:left;}
.basic_board_sty01 td .new_ico{display:inline-block; float:left; width:17px; height:17px; background-size:17px; background:url(../images/new_ico.png) no-repeat left center; cursor:pointer; margin-right:10px; margin-top:4px;}


.basic_board_sty01 .file_board td{padding:20px 20px;}
.basic_board_sty01 .file_board td h4{float:left; width:100%; font-size:15px; font-weight:300; color:#333; text-align:left; padding:0; margin:0;}
.basic_board_sty01 .file_board td h3{float:left; width:100%; font-size:20px; font-weight:400; color:#333; text-align:left; line-height:30px; padding:0; margin:0;}
.basic_board_sty01 .file_board td .file_down{float:right; width:28px; height:28px; background:url(../images/contents/download_btn.png) no-repeat; text-indent:-10000px;}

/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.basic_board_sty01 .list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.basic_board_sty01 .list_go:hover{font-size:16px; font-weight:400; color:#fff;}




/* 일반게시판_상세 스타일 수정 */
.dev_board_width{width:100% !important; padding:0 !important;}
.dev_board_width table th{padding:12px 0px; color:#333; background:#f8f8f8; font-size:15px; font-weight:400; border-top:2px solid #17a3dd; border-bottom:1px solid #e9ebee; text-align:center !important; }
.dev_board_width table th.th_list_tit{background:#fff; color:#222; padding:12px 0; font-size:16px; font-weight:400;}
.dev_board_width table th.th_title{padding:12px 10px;}
.dev_board_width table th.th_normal{border-top:1px solid #e9ebee;}
.dev_board_width table th.th_left{border-left:1px solid #e9ebee; text-align:left !important; background:#fff; padding:0 10px;}
.dev_board_width table th .writer_name{display:inline-block; font-size:15px; font-weight:400; color:#333; line-height:22px;}
.dev_board_width table th .writer_mail{display:inline-block; width:98px; font-size:13px; font-weight:400; color:#f98217; line-height:22px; background:url(../images/contents/ibtn_mail.gif) no-repeat left 10px center; border:1px solid #f98217; margin-left:10px; text-indent:26px;}
.dev_board_width table td{padding:10px 0px;text-align:center; border-bottom:1px solid #e9ebee; color:#555; font-size:15px; font-weight:400; letter-spacing:-0.05em; }
.dev_board_width table td a{width:100%; color:#444; font-size:15px; font-weight:400; height:auto;}
.dev_board_width table td a:hover{color:#444; font-weight:400;}
.dev_board_width table td.td_subject{text-align:left;}
.dev_board_width table td.td_content{text-align:left; padding:20px 10px; font-weight:400; line-height:24px;}
.dev_board_width table td.td_content p img{width:auto !important; height:auto !important; max-width:100% !important; display:block;}
.dev_board_width table td.td_list{padding:14px 0; color:#333; font-size:15px; font-weight:400;}
.dev_board_width table td.td_list a{color:#333; font-size:15px; font-weight:400; height:22px; display:inline-block; overflow:hidden; padding-right:10px;}
.dev_board_width table td.td_list a:hover{color:#333;}
.dev_board_width table td a.report_btn{display:inline-block; padding:4px 10px; background:#17a3dd; text-align:center; font-size:13px; font-weight:400; color:#fff;}
.dev_board_width table td.dev_board_20110103000000000001_form_title{border-right:1px solid #e9ebee;}
.dev_board_width table td.dev_board_20110103000000000001_form_cont{padding:10px; text-align:left;}

.dev_board_prev_next_title{display:inline-block; width:60px !important; font-size:14px; line-height:26px;}
.dev_board_prev_next_cont{display:inline-block; width:calc(100% - 60px); color:#555; font-size:14px !important; font-weight:400; line-height:26px;}
.dev_board_prev_next_cont a{display:inline-block; color:#555; font-size:14px !important; font-weight:400; line-height:28px;}
.dev_board_prev_next_cont:hover{font-weight:400 !important;}

.dev_btn_align_right{margin:0 !important; text-align:center !important;}
.dev_btn_align_right ul{display:block; float:left; width:100%; text-align:right; margin-top:20px;}
.dev_btn_align_right ul li{display:inline-block; margin-left:4px;}
.dev_btn_align_right ul li:first-child{margin-left:0;}
.dev_btn_align_right ul li a{display:block; float:left; padding:8px 16px; margin:0 0 20px 0; font-size:13px; font-weight:400; color:#333; border:1px solid #e9ebee;}

.dev_pagging{margin-top:20px;}
.dev_pagging img{margin:0 5px !important;}


/********************

board_detail_sty01

*********************/

.board_detail_sty01 {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit {width:100%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.board_detail_sty01 > .tit ul {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit ul li {float:left; padding:0 10px; box-sizing:border-box; position:relative; color:#555;}
.board_detail_sty01 > .tit ul li:first-child {padding-left:0; color:#222;}
.board_detail_sty01 > .tit ul li:not(:last-child)::before {position:Absolute; content:''; right:0; top:53%; transform:translateY(-50%); width:1px; height:10px; background:#dddddd;}

.board_detail_sty01 > .tit > h2 {display:block; width:100%; font-size:30px; color:#222; padding:10px 0;}
.board_detail_sty01 > .tit .cat {margin-top: -4px; vertical-align: middle;}
.board_detail_sty01 > .wrap_con {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.board_detail_sty01 > .wrap_con > .con {padding:30px 0 90px 0; font-size:16px; color:#333;}

.board_detail_sty01 > .wrap_con > .con_file {position:relative; width:100%; overflow:hidden; border-top:1px solid #ddd; padding:18px 0;}
.board_detail_sty01 > .wrap_con > .con_file > h3 {position:absolute; left:0; width:80px; text-align:center; top:50%; transform:translateY(-50%); color:#444; font-weight:500;}
.board_detail_sty01 > .wrap_con > .con_file > ul {float:right; width:calc(100% - 100px);}
.board_detail_sty01 > .wrap_con > .con_file > ul li {float:left; width:100%; margin:2px 0;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background:url(/images/board_ico/ico_file.png) no-repeat 0 center; color:#555; padding-left:30px; box-sizing:border-box;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a:hover {border-bottom:1px solid #555;}


.prve_next_list {float:left; position:relative; margin-top:60px;}
.prve_next_list::after {position:absolute; content:''; width:1px; height:13px; background:#bbb; left:50%; top:50%; transform:translateY(-50%);}
.prve_next_list ul li {float:left; padding:0 22px; position:relative; font-size:15px; color:#555555; cursor:pointer; font-weight:500;}
.prve_next_list ul li.none_con {color:#888888; font-weight:300;}
.prve_next_list ul li:first-child {padding-left:30px;}
.prve_next_list ul li:last-child {padding-right:30px;}
.prve_next_list ul li:first-child::before {position:absolute; content:''; left:0; top:52%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border:0; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d;}
.prve_next_list ul li:first-child::after {position:absolute; content:''; left:0; width:17px; height:1px; top:50%; background:#2d2d2d;}

.prve_next_list ul li:last-child::before {position:absolute; content:''; right:0; top:52%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border:0; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d;}
.prve_next_list ul li:last-child::after {position:absolute; content:''; right:0; width:17px; height:1px; top:50%; background:#2d2d2d;}


.prve_next_list ul li.none_con:first-child::before {position:absolute; content:''; left:0; top:52%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border:0; border-top:1px solid #949494; border-right:1px solid #949494;}
.prve_next_list ul li.none_con:first-child::after {position:absolute; content:''; left:0; width:17px; height:1px; top:50%; background:#949494;}

.prve_next_list ul li.none_con:last-child::before {position:absolute; content:''; right:0; top:52%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border:0; border-top:1px solid #949494; border-right:1px solid #949494;}
.prve_next_list ul li.none_con:last-child::after {position:absolute; content:''; right:0; width:17px; height:1px; top:50%; background:#949494;}

/********************

//board_detail_sty01

*********************/



/****** 게시판 검색 ******/
.board_search_sty01 {float:left; width:100%; margin:40px 0;}
.board_search_sty01 .search_wrap{width:100%; max-width:370px; height:42px; margin:0 auto; border:2px solid #003876; overflow:hidden;} 
.board_search_sty01 .search_wrap .search_input{float:left; width:calc(100% - 42px); height:38px; overflow:hidden;}
.board_search_sty01 .search_wrap .search_input input{display:block; float:left; width:100%; height:38px; padding:0 10px; margin:0; border:0;}
.board_search_sty01 .search_wrap .search_btn{display:block; float:left; width:42px; height:38px; background:url(../images/search_btn.png) no-repeat center; text-indent:-10000px;}


/****** 게시판넘버 ******/
.page_num{float:left; width:100%; height:38px; text-align:center; margin-top:40px;}
.page_num span{display:inline-block;}
.page_num span a{display:inline-block; color:#666; background:#fff; padding:0px; margin:0; font-size:15px; font-weight:300; line-height:35px; width:35px; height:35px; border:1px solid #e9ebee;}
.page_num span a.page_on{background:#003876; color:#fff; font-weight:400;}
.page_num span a:hover{background:#003876; color:#fff;}
.page_num .buttomDiv {float:right;}








@media screen and (max-width:991px){
/* 일반게시판 - 기본형 */
.basic_board_sty01 th, .basic_board_sty01 td{line-height:22px;}
.basic_board_sty01 th{padding:10px 10px; font-size:15px;}
.basic_board_sty01 td{padding:14px 10px; font-size:15px;}
.basic_board_sty01 td a{width:calc(100% - 24px); height:24px; font-size:15px;}
.basic_board_sty01 td .board_file{width:24px; height:24px; background:url(../images/board_file.png) no-repeat left center;}
.basic_board_sty01 td .new_ico{width:14px; height:14px; background-size:14px;}

/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.basic_board_sty01 td.board_reply ul li{font-size:15px; line-height:26px;}
.basic_board_sty01 td.board_reply div{font-size:15px; line-height:26px;}


/* 게시판넘버 */
.page_num{margin-top:30px;}


/* 게시판 검색 */
.board_search_sty01 {margin:30px 0;}
}

.board_search {display: flex; align-items: center;}
.board_search .count span {font-weight: 600; color: #0075cf;}
.search-wrap {display: flex; width: 360px;}
.search-wrap input {flex-grow: 1;border: 1px solid #ccc; padding: 0 20px; box-sizing: Border-box; height: 44px; line-height: 44px;}
.search-wrap button {background: #6a6a6a; border: 0; height: 44px; line-height: 44px; width: 100px; margin-left: 10px; color: #fff; vertical-align: top; outline: none; transition: background-color ease 0.4s; cursor: pointer;}
.actSorting {display: flex; margin-left: auto; overflow: hidden; gap: 36px; margin-right: 40px;}
.actSorting li {position: relative;}
.actSorting li::before {content: ''; position: absolute; top: 5px; left: -18px; width: 1px; height: 15px; background-color: #ccc;}
.actSorting a {color: #999;}
.actSorting a.active {color: #222; font-weight: 500;}
.thumb-table {margin-top: 20px; border-top: 2px solid #000000;}
.thumb-table li + li {border-top: 1px solid #ddd;}
.thumb-table a {display: flex; padding-block: 30px; gap: 30px;}
.thumb-table .thumb {flex-shrink: 0;width: 350px; height: 233px;}
.thumb-table .thumb img {width: 100%; height: 100%; object-fit: cover;}
.thumb-table .content {padding-block: 10px; flex-grow: 1; min-width: 0;}
.thumb-table .etc {display: flex; gap: 30px; overflow: hidden; margin-block: 10px;}
.thumb-table .etc span {position: relative; font-weight: 300; display: flex; align-items: center; gap: 3px;}
.thumb-table .etc span::after {content: ''; position: absolute; top: 6px; left: -15px; width: 1px; height: 13px; background-color: #ccc;}
.thumb-table .etc .date {color: #888;}
.thumb-table .etc .hits {color: #bbb;}
.thumb-table .etc .hits::before {content: ''; margin-top: 2px; width: 16px; height: 9px; background: url(/images/board_ico/eyeIcon.jpg) no-repeat center / contain;}
.thumb-table .title-wrap {display: flex; align-items: center; gap: 10px;}
.cat {font-size: 15px; display: inline-flex; align-items: center; justify-content: center; text-align: center; flex-shrink: 0; background-color: #222; width: 80px; height: 34px; color: #fff;}
.iconbgTogether {background-color: #4584b0;}
.iconbgSupport {background-color: #39b3be;}
.iconbgPerson {background-color: #d0ba00;}
.iconbgBusiness {background-color: #dc7848;}
.thumb-table .title-wrap .tit {font-size: 24px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.thumb-table .script {line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


@media screen and (max-width:767px){
/* 일반게시판 - 기본형 */
.basic_board_sty01 th, .basic_board_sty01 td{line-height:20px;}
.basic_board_sty01 th{padding:8px 6px; font-size:13px;}
.basic_board_sty01 td{padding:12px 6px; font-size:13px;}
.basic_board_sty01 td a{width:calc(100% - 20px); height:20px; font-size:13px;}
.basic_board_sty01 td .board_file{width:20px; height:20px; background-size:14px auto;}
.basic_board_sty01 td .new_ico{width:12px; height:12px; background-size:12px;}


/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.basic_board_sty01 td.board_reply ul li{font-size:13px; line-height:24px;}
.basic_board_sty01 td.board_reply div{font-size:13px; line-height:24px;}


/* 게시판넘버 */
.page_num{height:28px; margin-top:20px;}
.page_num span a{font-size:13px; line-height:28px; width:28px; height:28px;}



/* 일반게시판 구 */
.dev_board_width table th{padding:10px 0; font-size:14px;}
.dev_board_width table th.th_list_tit{font-size:14px; padding:16px 0; height:auto;}
.dev_board_width table td.td_list{font-size:13px; padding:8px 0; height:auto;}
.dev_board_width table td.td_list a{font-size:13px; height:22px;}
.dev_board_width table th .writer_name{font-size:14px;}
.dev_board_width table td{font-size:13px; line-height:22px;}
.dev_board_width table td.td_content p iframe{width:100% !important;}
.dev_board_prev_next_cont{font-size:13px !important; line-height:26px; display:inline-block; width:calc(100% - 60px); text-align:left;}
.dev_board_prev_next_cont a{font-size:13px !important; line-height:26px;}


/* 게시판 검색 */
.board_search_sty01 {margin:20px 0;}
.board_search_sty01 .search_wrap {max-width:100%; height:36px;} 
.board_search_sty01 .search_wrap .search_input {width:calc(100% - 36px); height:34px;}
.board_search_sty01 .search_wrap .search_input input {height:34px;}
.board_search_sty01 .search_wrap .search_btn {width:36px; height:34px; background-size:18px auto;}



}

@media screen and (max-width:767px){

/********************

board_detail_sty01

*********************/
.board_detail_sty01 > .tit > h2 {font-size:6vw; padding:2vw 0;}
.board_detail_sty01 > .wrap_con > .con {padding:6vw 0 18vw 0; font-size:3.6vw;}

.board_detail_sty01 > .wrap_con > .con_file > h3 {width:16vw;}
.board_detail_sty01 > .wrap_con > .con_file > ul {width:calc(100% - 20vw);}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background-size:3.6vw auto; padding-left:6vw;}
.board_detail_sty01 > .wrap_con > .con_file {padding:3.6vw 0;}

.prve_next_list ul li {padding:0 4.4vw; font-size:3.6vw;}
.prve_next_list ul li:first-child {padding-left:6vw;}
.prve_next_list ul li:last-child {padding-right:6vw;}

.prve_next_list ul li:first-child::before,.prve_next_list ul li:last-child::before,.prve_next_list ul li.none_con:first-child::before,.prve_next_list ul li.none_con:last-child::before {width:1.6vw; height:1.6vw; top:50%;}
.prve_next_list ul li:last-child::after,.prve_next_list ul li.none_con:first-child::after,.prve_next_list ul li.none_con:last-child::after,.prve_next_list ul li:first-child::after {width:3.4vw;}

.prve_next_list {margin-top:12vw;}

.prve_next_list::after {height:2.6vw;}

.board_bt_set01 {margin-top:10vw;}
.board_bt_set01 a {height:9.2vw; line-height:8.8vw; padding:0 7vw;}
.board_bt_set01 a span {padding-left:6.6vw; background-size:3.4vw auto!important;}

.board_detail_sty01 > .tit {padding-bottom:2vw;}
/********************

//board_detail_sty01

*********************/




/********************

board_basic_type01

*********************/

.board_basic_type01 .board_basic_type01_col01 {width:15%;}
.board_basic_type01 .board_basic_type01_col02 {width:20%;}
.board_basic_type01 .board_basic_type01_col03 {width:;}
.board_basic_type01 .board_basic_type01_col04 {width:20%;}

.board_basic_type01 table td {padding:3vw 1vw;}
.ico_notice {width:6vw;}
.ico_clip {width:4vw; margin-left:1vw; margin-top:1vw;}

.board_basic_type01 table td:last-child {font-size:3vw;}
/********************

//board_basic_type01

*********************/
.thumb-table a {padding-block: 6vw; gap: 4vw; flex-direction: column;}
.thumb-table .thumb {overflow: hidden; width: 100%; aspect-ratio: 317 / 211; height: auto;}
.thumb-table .title-wrap .tit {line-height: 1.58; font-size: 4.4vw; white-space: unset; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumb-table .content {padding-block: 0;}

.thumb-table .etc {gap: 7vw; margin-block: 2vw;}
.thumb-table .etc span {gap: 1.4vw;}
.thumb-table .etc .hits::before {margin-top: 0.5vw; width: 4vw; height: 2.5vw;}
.thumb-table .etc span::after {top: 0.9vw; left: -3.3vw; height: 3.6vw;}
}