@charset "utf-8";
@import url("font.css");
/* style reset */

/*라디오박스*/
.radio_box, .check_box {position: relative; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items: center;}
input[type=radio] + label ,
input[type=checkbox] + label {display:inline-block; vertical-align:middle}
input[type=radio],
input[type=checkbox] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:0}

.radio_box > li {margin-right: 30px;}
.radio_box > li:last-child {margin-right: 0 !important;}
.radio_box input[type=radio] + label {position: relative; padding-left: 30px; display: block; line-height: 22px; cursor:pointer;}
.radio_box input[type=radio] + label::after, 
.radio_box input[type=radio] + label::before {content: ''; position: absolute; border-radius: 100%;}
.radio_box input[type=radio] + label::before {left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #d7d7d7;}
.radio_box input[type=radio] + label.on::after, 
.radio_box input[type=radio]:checked  + label::after {left: 6px; top: 6px; width: 10px; height: 10px; background-color: #1b1b1b;}

/*라벨*/
.title-label{display:inline-block; width:4px;height:22px; margin:0px 8px;}
.title-label::before,
.title-label::after{content:""; width:100%; display:block;}
.title-label::before{height:35%; background-color:#1387EE;}
.title-label::after{height:65%; background-color:#091152;}

/*select 포맷*/
select.select-format {-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;}
select.select-format::-ms-expand {display: none;}
select.select-format{background:url('/images/web/select_polygon.png') no-repeat 97% 50%/15px auto; background-size: 14px 9px; }
select.select-format.ver2 {height: 35px; background:url('/images/web/select_polygon_ver2.png') no-repeat 97% 50%/15px auto; background-size: 20px 20px;}

/*input 포맷*/
.input-format {padding: 0 12px; color:#000; width: 150px; height: 35px; position: relative; background: url('/images/adm/calendar-line.png') no-repeat 97%; border: 1px solid #C3C0C0; padding-right: 10px;}
.input-format.dateKeyDown {background:none; width: 80% !important;}
.input-format.hidden {color: transparent; padding:0; border:none; background: transparent; width: 0; height: 0;}
input[type="date"]::-webkit-clear-button,
input[type="date"].input-format.ver2 { background: url('/images/web/calendar-ver2.png') no-repeat 97%;}
input[type="date"].input-format::-webkit-inner-spin-button,
input[type="date"].input-format:not(:focus):invalid::-webkit-datetime-edit-text,
input[type="date"].input-format:not(:focus):invalid::-webkit-datetime-edit-month-field,
input[type="date"].input-format:not(:focus):invalid::-webkit-datetime-edit-day-field,
input[type="date"].input-format:not(:focus):invalid::-webkit-datetime-edit-year-field{-webkit-appearance: none;display:none;}
input[type="date"].input-format::-webkit-calendar-picker-indicator{position: absolute; left:0; right:9; width:100%; height:100%; background:transparent; color:transparent;}
input[type="date"].input-format::before{position:absolute; content: attr(data-placeholder); width:100%; color:#B6B6B6;}
input[type="date"].input-format:valid::before{display:none;}
input[type='checkbox'].input-format {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border-radius: 4px; cursor: pointer; height: 13px; outline: 0; width: 13px; border: 1px solid #bebfc5; border-radius: 0px; position: relative;}
input[type='checkbox'].input-format::before {content: ''; background-image: url('/images/web/rect-check.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; opacity: 0.3; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
input[type='checkbox'].input-format::after {border: 1px solid #C3C0C0; border-width: 0 2px 2px 0; content: ''; display: none; height: 40%; left: 35%; position: relative; top: 20%; transform: rotate(45deg); width: 15%;}
input[type='checkbox'].input-format:checked {border:1px solid #C3C0C0; background: #F5F2F2; border: none;}
input[type='checkbox'].input-format:checked::after {display: block;}
input[type="radio"].input-format{position:static !important; background:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 18px; height: 18px !important; border: 2px solid #000; border-radius: 50%; outline: none; cursor: pointer;}
input[type="radio"].input-format:checked{border: none; background-image: url('/images/web/radio-check.png'); min-width: 18px; background-position: center; height:18px; background-size: cover;}


/*최신순*/
.radio_box.type2 > li {margin-right: 20px;}
.radio_box.type2 input[type=radio] + label {padding-left: 12px; color: #999; font-size: 15px;}
.radio_box.type2 input[type=radio] + label::before {display: none;}
.radio_box.type2 input[type=radio] + label.on,
.radio_box.type2 input[type=radio]:checked  + label {color: #333;}
.radio_box.type2 input[type=radio] + label.on::after, 
.radio_box.type2 input[type=radio]:checked  + label::after {left: 0; top: calc(50% - 4px); width: 9px; height: 7px; background-color: transparent; background-image: url('../../images/web/icon_check.png'); background-repeat: no-repeat; background-position: center center; background-size: 9px; border-radius: 0;}
/*버튼만 있는 경우*/
.radio_box input[type=radio] + label.hidden {padding-left: 0; margin: 0 auto; font-size: 0; color: transparent; width: 20px; height: 20px;}
.radio_box input[type=radio] + label.hidden::before {border: 1px solid #d2d2d2;}
.radio_box input[type=radio] + label.hidden.on::after, 
.radio_box input[type=radio]:checked  + label.hidden::after {left: 5px; top: 5px;}
.radio_box input[type=radio] + label.hidden.on::before, 
.radio_box input[type=radio]:checked  + label.hidden::before {border-color: #1b1b1b;}


/*체크박스*/
.check_box > li {margin-right: 30px;}
.check_box > li:last-child {margin-right: 0;}
.check_box > li.others {display: flex; display:-webkit-flex; align-items: center; width: 100%;}
.check_box > li.others input[type=checkbox] + label {flex: none;}
.check_box > li.others .inpbox {width: 100%;}
.check_box input[type=checkbox] + label {position: relative; padding-left: 28px; display: block; line-height: 18px; cursor:pointer;}
.check_box input[type=checkbox] + label::after {content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 2px solid #d2d2d2;}
.check_box input[type=checkbox] + label.on::after, 
.check_box input[type=checkbox]:checked  + label::after {background-color: #0478e5; background-image: url('../../images/web/icon_check_on.png'); background-position: center center; background-repeat: no-repeat; border-color: #0478e5;}
/*체크박스만 있는 경우*/
.check_box input[type=checkbox] + label.hidden {padding-left: 0; margin: 0 auto; width: 18px; height: 18px; color: transparent; font-size: 0;}
.check_box input[type=checkbox] + label.hidden::after {width: 16px; height: 16px; border: 1px solid #d2d2d2;}
.check_box input[type=checkbox] + label.hidden.on::after, 
.check_box input[type=checkbox]:checked  + label.hidden::after {background-color: #fff; background-image: url('../../images/web/icon_check2_on.png'); border-color: #505050;}
/*체크박스 좋아요*/
.check_box.good input[type=checkbox] + label {padding-left: 20px; height: 14px; line-height: 14px; color: #535353; background-position: left center; background-repeat: no-repeat; background-image: url('../../images/web/icon_good_off.png');}
.check_box.good input[type=checkbox] + label::after {display: none;}
.check_box.good input[type=checkbox] + label.on, 
.check_box.good input[type=checkbox]:checked  + label {background-image: url('../../images/web/icon_good_on.png');}
/*체크박스만 있는 경우*/
.check_box.good input[type=checkbox] + label.hidden {padding-left: 0; margin: 0; width: 17px;}

.optionbox, .inpbox {position: relative; height: 35px; border: 1px solid #e1e1e1;}
.optionbox::after {content: ''; position: absolute; right: 40px; top: calc(50% - 2px); width: 0; height: 0; color: transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #111;}
textarea {border:1px solid #e1e1e1;}
.calendarbox {display: flex; display:-webkit-flex;}
.calendarbox .inpbox {overflow: hidden; width: 180px;}
.calendarbox .inpbox .ui-datepicker-trigger {position: absolute; top: 0; right: 0; width: 40px; height: 100%; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center; background-image: url('../../images/web/icon_calendar.png');}
.file_box {}
.file_box a {position: relative; display: block;}
.file_box a::after {content: ''; position: relative; top: 3px; margin-left: 10px; display: inline-block; width: 17px; height: 18px; background-repeat: no-repeat; background-position: center center; background-image: url('../../images/web/icon_file.png');}

.no_list {width: 100% !important;}

/*목록 상단검색 기본*/
.boardlist_top_txt {margin-bottom: 15px; color: #555;}
.boardlist_top_txt span {color: #000; font-weight: 600;}
.boardlist_top {position: relative; padding: 40px; margin-bottom: 40px; background-color: #fafafa;}
.boardlist_top .box {display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; align-items: center;}
.boardlist_top .box .optionbox {margin-right: 10px; width: 150px; height: 45px;}
.boardlist_top .box .optionbox:last-child {margin-right: 0;}
.boardlist_top .box .optionbox select {padding: 0 20px;}
.boardlist_top .box .inpbox {margin-right: 10px; width: 500px; height: 45px;}
.boardlist_top .box .inpbox.w_100 {margin-right: 0;}
.boardlist_top .box .inpbox input.txt {padding: 0 20px;}
.boardlist_top .box .btn2 {width: 110px;}
.boardlist_top .box .calendarbox {width: 100%;}
.boardlist_top .box .calendarbox .inpbox {margin-right: 0; width: 100% !important;}
.boardlist_top .box .calendarbox .character {margin: 0 10px;}
.boardlist_top .box label {flex: none; color: #333;}
/*목록 상단검색 제목포함*/
.boardlist_top ul.box {margin-top: 20px; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: space-between;}
.boardlist_top ul.box:first-child {margin-top: 0;}
.boardlist_top ul.box > li {margin-right: 20px; width: 100%; display: flex; display:-webkit-flex; align-items: center; line-height: 45px;}
.boardlist_top ul.box > li:last-child {margin-right: 0;}
.boardlist_top ul.box > li label {width: 78px; margin-right:20px;}
.boardlist_top .button_box {position: absolute; right: 269px; bottom: 40px; margin: 0; width: auto;}
.boardlist_top .button_box2 {position: absolute; right: 269px; bottom: 105px; margin: 0; width: auto;}
/*설문조사*/
.boardlist_top .box.type2 {}
.boardlist_top .box.type2 label {margin-right: 20px;}
.boardlist_top .box.type2 .inpbox {}
.boardlist_top .box.type2 .button_box {position: relative; right: inherit; bottom: 0;}
.boardlist_top .box.type2 .button_box button {}

/*일반게시판 검색바*/
.board_top {margin-bottom: 15px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: flex-end;}
.board_top .all {color: #555;}
.board_top .all span {color: #000; font-weight: 600;}
.board_top .boardschbox {display: flex; display:-webkit-flex; background:#F2F3F5; border-radius:4px; padding:20px 40px;}
.board_top .boardschbox.sec {background:transparent; padding:0;}
.board_top .boardschbox .optionbox {border:none; height: auto !important;}
.board_top .boardschbox .optionbox select {border:none; width:177px; height:45px; border-radius:4px; padding: 0 25px 0 40px; color:#111;}
.board_top .boardschbox .optionbox:has(#my_post)::after{right:15px;}
.board_top .boardschbox .optionbox select#my_post{padding-left:20px;}
.board_top .boardschbox .inp_search {width:100%;}
.board_top .boardschbox .inpbox {border: 0; height:45px;}
.board_top .boardschbox .inpbox .txt {width:100%; padding: 0 15px; color: #555; border-radius:4px; font-size: 16px; height:100%;}
.board_top .boardschbox .btn2{background:#193B94; border-radius:4px; height:45px;}
.board_top .boardschbox .label select{width:143px; border:1px solid #DDDDDD; padding:9px 12px; -webkit-appearance: auto !important; appearance: auto !important;}
.board_top .pageList a{padding:15px 5px; background:#c2c2c2; color:#fff; font-weight:600; font-size:16px; border-radius:4px;}
.board_top .pageList a.on{padding:15px 5px; background:#5f76b1;}
.contentsarea_board .board_top{position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:0;}
.contentsarea_board .board_top.title{padding-bottom:20px; border-bottom: 3px solid #1D2076;}
.contentsarea_board .board_top.title h2{font-size: 25px; font-weight:700; color:#333; position:relative;}
.contentsarea_board .board_top .all{display:flex; gap:15px; align-items:flex-end;}
.contentsarea_board .board_top .all select{padding-left:10px; -webkit-appearance:auto; appearance: auto; width:77px; height:35px; border: 1px solid #C3C0C0;}
.contentsarea_board .board_top .all div{display:flex; flex-direction:column;}
.contentsarea_board .board_top .all div span{font-size:18px; font-weight:500; color:#111;}
.contentsarea_board .board_top .all div span strong{font-size:18px; font-weight:500; color: #193B94;}

/*게시판(공지사항) 리스트*/
.boardlist {overflow: hidden; width: 100%; border-top: 1px solid #b5b5b5;}
.boardlist.organize {border-top:none;}
.boardlist.blue{border-top:3px solid #134B8D !important;}
.boardlist table {width:100%; table-layout:fixed;}
.boardlist table thead tr {border-bottom: 1px solid #b5b5b5;}
.boardlist.organize table thead tr {border-bottom: 1px solid #dbdbdb;}
.boardlist table thead tr th {font-size:16px; font-weight:600; padding: 15px 5px; color: #333; background:#F2F3F5;}
.boardlist table tbody tr {border-bottom: 1px solid #dbdbdb;}
.boardlist table tbody tr td {color:#333; font-size: 16px; padding: 17px 5px; text-align: center; text-wrap:nowrap;}
.boardlist.organize table tbody tr td {padding:12px 5px;}
.boardlist.organize table tbody tr:last-of-type {border:none;}
.boardlist table tbody tr td.m_hidden {display: table-cell !important;}
.boardlist table tbody tr td .qa{margin: 0 auto;}
.boardlist table tbody tr.notice_line {background-color: #f7f9fa;}
.boardlist table tbody tr.notice_line td .notice {padding: 3px 10px; color: #fff; font-size: 14px; font-weight: 500; background-color: #0478e5; border-radius: 27px;}
.boardlist table tbody tr td.title_box .title {display: flex; display:-webkit-flex; align-items: center;}
.boardlist table tbody tr td.title_box .title a {color:#333; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.boardlist table tbody tr td.title_box .title.q-detail {cursor:pointer;}
.boardlist table tbody tr td.title_box a {display: block;}
.boardlist table tbody tr td.title_box span {margin-left: 5px; flex: none; display: block;}
.boardlist table tbody tr td.title_box span.new {width: 20px; height: 20px; color: transparent; font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: center center; background-image: url('../../images/web/icon_new.png'); background-color: #ec6d66; border-radius: 100%;}
.boardlist table tbody tr td.title_box span.answer {width: 65px; height: 26px; font-size: 13px; border-radius: 3px;}
.boardlist table tbody tr td.title_box span.bg_blue {background-color: #106ec6;}
.boardlist table tbody tr td.title_box span.bg_white {color: #106ec6; border-color: #106ec6;}
table tbody tr td .btn_more {padding: 0 10px; display: inline-block; min-width: 60px; width: auto; height: 26px; text-align: left; color: #106ec6; font-size: 13px; border: 1px solid #106ec6; border-radius: 3px;}
table tbody tr td .btn_more span.arrow {padding-right: 13px;}
table tbody tr td .btn_more span.arrow::after {display: none;}
table tbody tr td .btn_more span.arrow::before {top: calc(50% - 2px); width: 5px; height: 5px; background-color: transparent; border-color: #106ec6;}
.boardlist table tbody tr td .stxt {display: block; font-size: 13px; line-height: 18px;}

/*new side메뉴*/
.board_con{display:flex; gap:60px;}
.board_side{height:fit-content; margin-top: 0; min-width:330px; display:flex; flex-direction:column; position:relative; border-radius: 10px; }
.board_side span.big_span{border-bottom: 3px solid #1D2076; color: #333; font-size: 25px; font-weight: 700; padding: 0 0 20px 0;}
.board_side span.big_span strong{font-size:12px; color:#333; font-weight:200; margin-top:5px; position: relative; top: 5px;}
.board_side .list_gnb_title {padding:15px; background:#193B94; border-radius:5px;}
.board_side .list_gnb_title span{font-size: 22px; font-weight:600; color:#fff;}
.board_side .list_gnb_title .toggle_list{cursor:pointer; width:26px; height:26px; background:#fff; border-radius:50%;}
.board_side .list_gnb a{font-size: 19px; color:#111111;}
.board_side .list_gnb a.on{color:#193B94; font-weight:500;}
.board_side .list_gnb img{display:none;}
.board_side .list_gnb div {padding:0 15px;}
.board_side .list_gnb div:has(a.on) img{display:block;}

.gallery_go{border:1px solid #DBDBDB; border-radius:5px; padding:5px; color:#111;}
.gallery_go img:first-child{padding:10px 15px; border-right:1px solid #DBDBDB; font-size:16px;}
.gallery_go div{padding:0 15px;}

.list_go{border:1px solid #DBDBDB; border-radius:5px; padding:10px; color:#111;}
.list_go div:first-child {border-bottom:1px solid #dbdbdb;}
.list_go div a{width:100%;}
.list_go div:first-child a{padding:5px 30px 10px;}
.list_go div:nth-child(2) a{padding:10px 30px 5px;}
.list_go div a:first-child{border-right:1px solid #dbdbdb;}
.list_go div a span{font-size:16px; color:#111;}

/*게시판(시민단체 참여 공모) 리스트*/
.boardlist2 {padding: 20px 0; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; border-top: 2px solid #222;}
.boardlist2 > li {margin: 10px 20px 10px 0; padding: 15px 20px; width: calc(25% - 15px); border: 1px solid #ddd;}
.boardlist2 > li:nth-child(4n) {margin-right: 0;}
.boardlist2 > li a {display: block; height: 212px;}
.boardlist2 > li a h3 {overflow: hidden; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 48px; -webkit-line-clamp: 2; color: #333; font-size: 16px; line-height: 24px;}
.boardlist2 > li a .text {overflow: hidden; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 72px; -webkit-line-clamp: 3;}
.boardlist2 > li a p {font-size: 14px;}
.boardlist2 > li .num_box {margin-top: 15px; padding-top: 15px; display: flex; display:-webkit-flex; line-height: 22px; border-top: 1px solid #ddd;}
.boardlist2 > li .num_box li {width: 100%; font-size: 14px; background-repeat: no-repeat; background-position: left center;}
.boardlist2 > li .num_box li.good {padding-left: 29px; background-image: url('../../images/web/icon_good.png');}
.boardlist2 > li .num_box li.comment {padding-left: 27px; background-image: url('../../images/web/icon_comment.png');}
.boardlist2 > li .num_box li.headcount {padding-left: 24px; background-image: url('../../images/web/icon_headcount.png');}

/*FAQ*/
.qa_con{width:1244px; background-color:#f4f4f4; padding:17px 30px;}
.qa_txt{display:flex; min-height:185px; flex-direction:column; width:100%; border-radius: 10px; border: 1px solid #146DAA; background: #FFF; padding:11px;}
.qa_top{display:flex; gap:6px; align-items:center;}
.qa_top .qa-line{width:100%; height: 1px; background-color:#146DAA;}
.qa_box{padding: 20px 40px; color: #5A5C5E; font-size: 17px; font-weight: 600;}
.qa{display:block; width: 38px; height: 23px; font-size:17px; font-weight:600; color:#fff; font-family: "Crimson Text"; background-color:#146DAA; text-align:center; line-height:21px; border-radius:5px;}

/*검색창*/
.search-wrap input[type="text"]{font-size:14px; min-width:182px; padding:0 12px; height:40px; border:1px solid #ddd;}

/*하단 버튼*/
.button_box {margin-top: 30px; display: flex; display:-webkit-flex; align-items: center; justify-content: flex-end;}
.button_box.ar {margin-top: 10px; justify-content: flex-end;}
.button_box button {margin-left: 10px;}
.button_box button:first-child {margin-left: 0 !important;}
.button_box.typeD {justify-content: center;}
.button_box.typeD button{width:245px; height:45px; font-size:16px; background:#193b94; border-radius:5px; color:#fff;}

/*페이징*/
.button-wrap .paging{width:auto !important; position:static !important; margin-top:0;}
.button-wrap button.flex{min-width: 74px; padding: 9px 12px; color:#fff;}
.button-wrap button.big{height:60px;}
.paging {margin-top: 25px; display: flex; display:-webkit-flex; justify-content: center;}
.paging a {margin: 0 1px; display: block; width: 33px; height: 33px; color: #222; text-align:center; line-height: 31px; font-weight: 500; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.paging a:hover, .paging a.on {color: #fff; background: #193B94; border-radius:50%;}
.paging button {width: 33px; height: 33px; /*border: 1px solid #959595;*/ text-indent:-999px; font-size:0; background-repeat: no-repeat; background-position: 50%; opacity: 1;}
.paging button.btn-paging-first {margin-right: 5px; background-image:url('../../images/web/paging_first.png'); display:none;}
.paging button.btn-paging-pre {margin-right: 9px; background-image: url('../../images/web/left_arrow_b.png');}
.paging button.btn-paging-next {margin-left: 9px; background-image: url('../../images/web/right_arrow_b.png');}
.paging button.btn-paging-last {margin-left: 5px; background-image: url('../../images/web/paging_last.png'); display:none;}
.contentsarea_board .paging{position: relative;}

/*일반게시판 상세*/
.board_detail .title_box {color:#111; font-size:18px; padding: 20px; display: flex; display:-webkit-flex; justify-content:center;}
.board_detail .title_box h2 {color:#1D1D1E; font-size:21px; font-weight:600;}
.board_detail .title_box .color_blue {margin-right: 15px; flex: none; font-weight: 500;}

/*new 상세*/
.board_detail .top-line{border:1px solid #DBDBDB; border-style:solid none solid;}
.board_detail .top-line.first{border-style:solid none none;}
.board_detail .top-line div strong {width:35%; padding:10px; background:#f2f3f5; font-size:16px; font-weight:600; color:#333;}
#inqQlfSearch .board_detail .top-line div strong {text-align:center;}
.board_detail .top-line div span {width:65%; padding:10px; font-size:16px; color:#333;}
.board_detail .top-line .dep {width:65%; padding:10px;}
.board_detail .top-line .dep span {width:100%; padding:0; font-size:16px; color:#333;}
.board_detail .top-line div span.noResult {padding:30px 10px;}

.board_detail .list, .board_detail > .check_box, .board_detail > .radio_box, .board_detail > .subjective, .board_detail > .map {border-bottom: 1px solid #e4e4e4;}
.board_detail .list {padding: 16px 20px; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.board_detail .list li {position: relative; margin-right: 30px; padding-right: 31px; font-size: 15px;}
.board_detail .list li::after {content: ''; position: absolute; right: 0; top: calc(50% - 7px); width: 1px; height: 14px; background-color: #999;}
.board_detail .list li:last-child {margin: 0; padding: 0;}
.board_detail .list li:last-child::after {display: none;}
.board_detail .list.type2 {margin-top: -1px; padding: 20px; background-color: #f5f6f6;}
.board_detail .list.type2 li {margin-right: 20px; padding-right: 21px; font-size: 16px; color: #333;}
.board_detail .list.type2 li span {margin-right: 15px;}
.board_detail .file_box {padding: 15px 20px;}
.board_detail .file_box a {margin-bottom: 5px; font-size: 15px;}
.board_detail .file_box a:last-child {margin-bottom: 0;}
.board_detail .list_type {padding: 10px 20px;}
.board_detail .list_type li {margin-bottom: 10px;}
.board_detail .list_type li:last-child {margin-bottom: 0;}
.board_detail .list_type li h4 {width: 120px;}
.board_detail .content {padding:40px 0 20px; min-height:285px; border-bottom:1px solid #DBDBDB;}
.board_detail .content .box {margin-bottom: 20px;}
.board_detail .content .box .list {padding: 10px 0; border-bottom: 0;}
.board_detail .content .box .list li {margin-right: 15px; padding-right: 16px; font-size: 15px;}
.board_detail .content .source {color: #333;}
.board_detail .content .check_box.good {margin-top: 30px;}
.board_detail .video_box {padding: 30px;}
.board_detail .video_box .video {position: relative; padding-bottom: 56.25%; padding-top: 32px; height: 0;}
.board_detail .video_box .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.board_detail .video_box .video .video-js {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.board_detail .video_box .video .video-js .vjs-big-play-button {left: calc(50% - 45px); top: calc(50% - 22px); width: 60px; height: 60px; border: 3px solid #fff; border-radius: 100%;}
.board_detail .video_box .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {top: 5px;}
.board_detail .video_content {overflow-y: auto; padding: 20px; max-height: 130px;}
.board_detail .content img {max-width: 100%;}
/*이미지 포함된 내용*/
.board_detail .img_type {padding: 20px 20px 0; display: flex; display:-webkit-flex; border-bottom-width: 0;} 
.board_detail .img_type .img_box {width: 300px;}
.board_detail .img_type .img_box img {width: 100%;}
.board_detail .img_type .list_type {padding: 0 0 0 50px;}
.board_detail .slide {position: relative; padding: 40px 0;}
.board_detail .slide .slick-arrow {top: calc(50% - 30px); width: 60px; height: 60px; background-color: #fff; border: 1px solid #c1c1c1; border-radius: 100%;}
.board_detail .slide .slick-arrow::after, 
.board_detail .slide .slick-arrow::before {left: 24px; width: 14px; background-color: #888;}
.board_detail .slide .slick-prev {left: calc(50% - 515px);}
.board_detail .slide .slick-next {right: calc(50% - 515px);}
.board_detail .slide .slick-list {margin: 0 auto; width: 850px;}
.board_detail .slide .slick-list .slick-slide div {display: flex; display:-webkit-flex; justify-content: center; align-items: center; width: 100%; height: 567px;}
.board_detail .slide .slick-list .slick-slide div img {display: block !important; max-width: 100%; max-height: 100%;}
.board_detail .survey {padding: 25px 20px;}
.board_detail .survey h4 {margin-bottom: 20px; color: #000; font-size: 18px;}
.board_detail .survey .survey_list dl {margin-bottom: 10px; display: flex; display:-webkit-flex;}
.board_detail .survey .survey_list dl:last-child {margin-bottom: 0;}
.board_detail .survey .survey_list dl dt {margin-right: 15px; flex: none; width: 58px; height: 29px; color: #0478e5; font-size: 14px; font-weight: 500; text-align: center; background-color: #fff; border: 1px solid #0478e5; border-radius: 29px;}
.board_detail .survey .survey_list dl dd {padding-top: 2px;}
.board_detail .map {padding: 20px;}
.board_detail > .button_box {margin-top: 0; padding: 20px 15px 10px; justify-content: flex-end; border-bottom: 0;}
.board_detail .button_box button {width: 80px;}
/*설문조사 결과 및 참여*/
.survey_detail > dl {margin-bottom: 30px; border-top: 2px solid #222;}
.survey_detail > dl:last-child {margin-bottom: 0;}
.survey_detail > dl > dt {padding: 15px 20px; color: #333; font-size: 16px; border-bottom: 1px solid #9ba5af; background-color: #f8fafb;}
.survey_detail > dl > dt.point_box::before {content: '*'; position: relative; top: 3px; margin-right: 3px; font-size: 15px; color: #fd0000;}
.survey_detail > dl > dd {padding: 15px 20px; border-bottom: 1px solid #e4e4e4;}
.survey_detail .check_box > li {margin: 8px 30px 8px 0;}
.survey_detail .check_box > li:last-child {margin: 8px 0;}
.survey_detail .check_box > li.others {display: flex; display:-webkit-flex; align-items: center; width: 100%;}
.survey_detail .check_box > li.others input[type=checkbox] + label {margin-right: 20px; flex: none;}
.survey_detail .check_box > li.others .inpbox {width: 100%;}
.survey_detail .radio_box > li {margin: 8px 30px 8px 0;}
.survey_detail .radio_box > li:last-child {margin: 8px 0;}
.survey_detail .subjective {padding: 20px;}
.survey_detail dl dd ul.result_list {margin: 0 auto; width: 80%; counter-reset: num;}
.survey_detail dl dd ul.result_list li {position: relative; margin: 0; padding: 10px 0 10px 60px; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.survey_detail dl dd ul.result_list li::before {content: counter(num); counter-increment: num 1; position: absolute; left: 0; top: 11px; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; background-color: #8f969c; border-radius: 100%;}
.survey_detail dl dd ul.result_list li .text {margin-bottom: 10px; width: 100%; color: #666; line-height: 16px;}
.survey_detail dl dd ul.result_list li .graph {position: relative; width: calc(100% - 125px); height: 15px; background-color: #f3f3f3;}
.survey_detail dl dd ul.result_list li .graph span {position: absolute; left: 0; top: 0; height: 100%; background-color: #fe7b74;}
.survey_detail dl dd ul.result_list li .percent {width: 125px; text-align: right; line-height: 15px;}
.survey_detail dl dd ul.result_list li .btn4 {margin-top: 10px;}

/*이전글 다음글*/
.view_bottom {margin-top: 13px; display:flex; flex-direction:column; gap:5px;}
.view_bottom dl {display: flex; display:-webkit-flex; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9;}
.view_bottom dl dt {padding: 15px 15px; background-color: #F4F4F4; color: #75737B; font-size: 15px; font-weight:500; text-align: center;}
.view_bottom dl dt span {position: relative; padding-left: 25px;}
.view_bottom dl dt span::after {content: ''; position: absolute; left: 2px; width: 0; height: 0; border-style: solid; border-width: 0px 8px 13.856px 8px; border-color: transparent transparent #848282 transparent;}
.view_bottom dl.next dt span::after {top: calc(50% - 9px); transform: rotate(60deg);}
.view_bottom dl.prev dt span::after {top: calc(50% - 7px);}
.view_bottom dl dd {padding-left: 30px; width: calc(100% - 120px); padding:15px 15px;}
.view_bottom dl dd a {overflow: hidden; display: block; font-size: 17px; color: #5A5C5E; font-weight: 500; text-overflow: ellipsis; white-space: nowrap;}

/*댓글입력*/
.comment_area {margin-top: 45px;}
.comment_area .board_top {margin: 10px 0;}
.comment_area .name_box .name {display: flex; display:-webkit-flex;}
.comment_area .name_box .name li {margin-right: 10px; color: #146bbd; font-size: 14px;}
.comment_area .name_box .name li:last-child {margin-right: 0;}
.comment_area .name_box .name li.date {color: #999; font-size: 13px;}
.comment_area .text_box textarea {width: 100%; height: 86px; font-size: 14px; border-color: #d2d2d2;}
.comment_area .text_box .button_box button {margin-left: 5px;}
.comment_area .button_box {margin-top: 10px; justify-content: flex-end;}
.comment_area .byte {font-size: 12px; text-align: right; font-family: 'Dotum', sans-serif;}
.comment_area .comment_write {position: relative; color: #333; font-size: 15px;}
.comment_area .comment_write .text_box .button_box {margin-top: 5px; align-items: center;}
.comment_area .comment_write .byte {padding-right: 5px;}
/*댓글목록*/
.comment_area .comment_list {color: #333; font-size: 15px; border-top: 1px solid #6b727b;}
.comment_area .comment_list > li {border-bottom: 1px solid #e4e4e4;}
.comment_area .comment_list > li:last-child {border-bottom: 1px solid #6b727b;}
.comment_area .comment_list > li .reply_box {padding: 20px;}
.comment_area .comment_list > li .reply_box .name_box {position: relative; display: flex; display:-webkit-flex; line-height: 20px;}
.comment_area .comment_list > li .reply_box .name_box .button_box {margin-top: 0; margin-left: 20px;}
.comment_area .comment_list > li .reply_box .name_box .button_box button {margin-left: 5px; width: 50px; height: 21px; font-size: 12px; border-radius: 3px;}
.comment_area .comment_list > li .reply_box .name_box .check_box.good {position: absolute; right: 0; top: 0;}
.comment_area .comment_list > li .reply_box .text_box {margin-top: 5px;}
.comment_area .comment_list > li .reply_box .text_box textarea {height: 50px;}
.comment_area .comment_list > li .reply_box .byte {}
.comment_area .comment_list > li.reply {padding: 0 20px; background-color: #f6f7f8;}
.comment_area .comment_list > li.reply .reply_box {position: relative; padding: 20px; border-bottom: 1px solid #e4e4e4;}
.comment_area .comment_list > li.reply .reply_box::before {content: ''; position: absolute; left: 0; top: 23px; width: 9px; height: 8px; border-left: 1px solid #cfcece; border-bottom: 1px solid #cfcece;}
.comment_area .comment_list > li.reply .reply_box:last-child {border-bottom: 0;}
.comment_area .comment_list > li.reply .reply_box .name_box .check_box.good {right: -20px;}

/*게시판 글쓰기 타입1-일반글쓰기*/
.boardview {overflow:hidden; width: 100%; border-top: 2px solid #222;}
.boardview table {width: 100%; table-layout: fixed;}
.boardview table tr {border-bottom: 1px solid #e4e4e4;}
.boardview table tr th {padding: 13px 17px; width: 190px; color: #333; font-weight: 500; text-align: left; background-color: #f9f9f9;}
.boardview table tr th span.point::after {content: '*'; position: relative; top: 4px; padding-left: 3px; color: #ff0000;}
.boardview table tr td {padding: 13px 15px;}
.boardview table tr td .optionbox {width: 200px;}
.boardview table tr td textarea {height: 160px; word-wrap: break-word;  white-space: pre-wrap; word-break: break-word;}
.boardview table tr td .character {margin: 0 10px;}
.boardview table tr td .text {margin-top: 5px; color: #f80101; font-size: 14px;}
.boardview table tr td .box {display: flex; display:-webkit-flex; align-items: center;}
.boardview table tr td .box.tel .optionbox, .boardview table tr td .box.tel .inpbox {width: 110px;}
.boardview table tr td .box.email .optionbox {margin-left: 10px;}
.boardview table tr td .box.email .inpbox {width: 200px;}
.boardview table tr td .box.inp_btn .inpbox {width: 350px;}
.boardview table tr td .box.inp_btn .btn_check {margin-left: 10px; flex: none;}
.boardview table tr td .box.time .optionbox {margin-left: 10px; width: 90px;}
.boardview table tr td .box.waste {width: 100%;}
.boardview table tr td .box.waste > div {margin-right: 10px; width: 100%;}
.boardview table tr td .box.waste > div:last-child {margin-right: 0;}
.boardview table tr td .box.waste > div > div {margin-right: 10px;}
.boardview table tr td .box.waste > div > div:last-child {margin-right: 0;}
.boardview table tr td .box.waste .optionbox {width: 100%;}
.boardview table tr td .box.waste .inpbox {width: 100%;}
.boardview table tr td .box.waste .button_box {padding: 0; margin-top: 0; flex: none; width: auto;}
.boardview table tr.editor td {padding: 10px 0;}
.boardview table tr td .btn_more {width: 70px; height: 30px; color: #0478e5; font-size: 15px; border: 1px solid #0478e5; border-radius: 0;}
.boardview table tr td button.btn_more:hover {color: #fff !important; background-color: #0478e5; border-color: #0478e5;}
.boardview table tr td .btn_more span.arrow {padding-right: 16px;}
.boardview table tr td .btn_more span.arrow::after {display: none;}
.boardview table tr td .btn_more span.arrow::before {top: calc(50% - 3px); width: 5px; height: 5px; border-color: #0478e5;}
.boardview table tr td .btn_more:hover span.arrow::before {border-color: #fff;}
.boardview table tr td .apply_list {overflow: hidden; margin-top: 10px;}
.boardview table tr td .apply_list li {margin-right: 20px; float: left; display: flex; display:-webkit-flex; align-items: center;}
.boardview table tr td .apply_list li:last-child {margin-right: 0;}
.boardview table tr td .apply_list li p {font-size: 15px;}
.boardview table tr td .apply_list li .btn_delete {margin-left: 5px;}
.boardview table tr td .attachment-file-edit {width: 100%; align-items: center;}
.boardview table tr td .attachment-file {position:relative; overflow: hidden; margin-top: 10px; display: flex; display:-webkit-flex; align-items: center;}
.boardview table tr td .attachment-file:first-child {margin-top: 0;}
.boardview table tr td .attachment-file .inpbox {position:relative; width: 340px;}
.boardview table tr td .attachment-file .ipfile {position: relative; margin-right: 10px; flex: none; width: 80px; height: 35px;}
.boardview table tr td .attachment-file .ipfile input[type="file"] {overflow: hidden; position:absolute; width: 1px; height: 1px; margin: -1px; cursor: pointer;}
.boardview table tr td .attachment-file .ipfile input.file {position:absolute; z-index:5; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.boardview table tr td .attachment-file .ipfile span {position: absolute; z-index: 2; display: block; left: 0; top: 0; color: #fff; width:100%; height:100%; text-align:center; background:#6b6e7b; line-height:35px; font-size: 12px; font-family: 'Dotum'; border-radius: 3px; cursor:pointer;}
.boardview table tr td .attachment-file .button_box {margin-top: 0; margin-left: 10px;}
.boardview table tr td .attachment-file .button_box .btn5 {flex: none;}
.boardview table tr td .attachment-list {margin-top: 10px; width: 100%;}
.boardview table tr td .attachment-list li {display: flex; margin-bottom: 5px;}
.boardview table tr td .attachment-list li:last-child {margin-bottom: 0;}
.boardview table tr td .attachment-list li a {overflow: hidden; max-width: calc(100% - 26px); color: #5e626a; font-size: 14px; text-decoration: underline; text-underline-position: under; line-height: 20px; white-space: nowrap; text-overflow: ellipsis;}
.boardview table tr td .attachment-list li button {position: relative; top: 2px; margin-left: 10px; width: 16px; height: 16px; border: 1px solid #5e626a;}
.boardview table tr td .attachment-list li button::after, .boardview table tr td .attachment-list li button::before {content: ''; position: absolute; left: 2px; top: 6px; width: 10px; height: 1px; background-color: #5e626a;}
.boardview table tr td .attachment-list li button::after {transform: rotate(45deg);}
.boardview table tr td .attachment-list li button::before {transform: rotate(-45deg);}

/*썸네일게시판*/
.thumbnaillist {overflow: hidden; width:100%; border-top: 2px solid #222;}
.thumbnaillist > li {overflow: hidden; position: relative; padding: 30px; display:flex; display:-webkit-flex; border-bottom: 1px solid #e5e5e5;}
.thumbnaillist > li:last-child {border-color: #767676;}
.thumbnaillist > li .img_box {margin-right: 30px; display: block; width: 260px; height: 180px; flex: none; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.thumbnaillist > li .text_box {width: 100%;}
.thumbnaillist > li .text_box .tit {overflow: hidden; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 56px; -webkit-line-clamp: 2; color: #333; font-size: 18px; line-height: 28px; font-weight: 600;}
.thumbnaillist > li .text_box .tit.type2 {font-size: 20px;}
.thumbnaillist > li .text_box .text {overflow: hidden; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 78px; -webkit-line-clamp: 3;}
.thumbnaillist > li .text_box .state {padding: 0 20px; margin-bottom: 15px; display: inline-block; color: #fff; font-size: 15px; font-weight: 500; line-height: 30px; border-radius: 30px;}
.thumbnaillist > li .list_type > li {margin-bottom: 10px;}
.thumbnaillist > li .list_type > li:last-child {margin-bottom: 0;}
.thumbnaillist > li .list_type > li h4 {width: 95px;}
.thumbnaillist > li .list {float: right; padding-left: 30px; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; width: calc(100% - 260px);}
.thumbnaillist > li .list li {color: #888; font-size: 14px;}
.thumbnaillist > li .list li::after {content: 'ㅣ'; margin: 0 5px;}
.thumbnaillist > li .list li:last-child::after {display: none;}
.thumbnaillist > li .keyword {overflow: hidden; margin-top: 10px; font-size: 15px; line-height: 20px; font-weight: 500;}
.thumbnaillist > li .keyword li {margin-right: 5px; margin-bottom: 5px; float: left;}
.thumbnaillist > li .keyword li::before {content: '#';}
.thumbnaillist > li .button_box {position: absolute; right: 30px; bottom: 30px;}
.thumbnaillist > li .button_box button {width: 36px;}

/*갤러리형 게시판*/
.gallaylist {overflow: hidden; gap:10px; padding: 10px 0; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; border-top: 3px solid #000; /*border-bottom: 1px solid #767676; */    -webkit-flex-wrap: wrap; width:100%;}
/* .gallaylist > li {padding: 20px; width: 25%;} */
.gallaylist > li {overflow:hidden; position:relative; margin-bottom:33px; width: calc(100% / 3 - 7px);}
.gallaylist > li a .img_box {margin-bottom: 15px; width: 100%; height: 255px; background-repeat: no-repeat; background-position: center center; background-size: cover;background-color: #cecece;}
.gallaylist > li a .noimg {background-color: #cecece; background-size:unset; }
.gallaylist > li a .tit {overflow: hidden; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; /* max-height: 48px; */ height:48px; -webkit-line-clamp: 2; color: #333; font-size: 16px; line-height: 24px; font-weight: 500;}
.gallaylist > li a > ul {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.gallaylist > li a .list {color: #888; font-size: 14px; line-height: 14px;}
.gallaylist > li a .list.ar {justify-content: flex-end;}
.gallaylist > li a .list li::after {content: 'ㅣ'; margin: 0 5px;}
.gallaylist > li a .list li:last-child::after {display: none;}
.gallaylist > li a .keyword {margin-top: 10px; font-size: 15px; line-height: 20px;}
.gallaylist > li a .keyword li {margin-right: 5px;}
.gallaylist > li a .keyword li::before {content: '#';}

/*기업csr 목록*/
.csrlist {border-top: 2px solid #222;}
.csrlist > li {position: relative; padding: 25px 0 25px 30px; display:flex; display:-webkit-flex; align-items: center; border-bottom: 1px solid #e5e5e5;}
.csrlist > li:last-child {border-bottom-color: #767676;}
.csrlist > li h3 {flex: none; width: 170px; color: #333; font-size: 20px; font-weight: 600;}
.csrlist > li .list {width: 100%;}
.csrlist > li .list > li {margin-bottom: 10px; padding-right: 50px; display:flex; display:-webkit-flex;}
.csrlist > li .list > li:last-child {margin-bottom: 0;}
.csrlist > li .list > li h4 {position: relative; padding-left: 25px; flex: none; width: 120px; color: #0579e5; font-size: 16px;}
.csrlist > li .list > li h4::after {content: ''; position: absolute; left: 0; top: 12px; width: 15px; height: 2px; background-color: #0579e5;}
.csrlist > li .list > li .detail {}
.csrlist > li .list > li .detail a {margin-bottom: 10px; display:flex; display:-webkit-flex;}
.csrlist > li .list > li .detail a:last-child {margin-bottom: 0;}
.csrlist > li .list > li .detail a p {}
.csrlist > li .list > li .detail a:hover p {color: #0478e5;}
.csrlist > li .list > li .detail a p.date {flex: none; width: 155px; font-weight: 500;}
.csrlist > li .list > li .detail a p.text {width: 100%;}
.csrlist > li .list > li.charge {padding-right: 0;}
.csrlist > li .list > li.charge dl {display:flex; display:-webkit-flex; justify-content: flex-end; width: 100%; font-size: 15px;}
.csrlist > li .list > li.charge dl dt {font-weight: 600;}
.csrlist > li .list > li.charge dl dd {margin-right: 15px;}
.csrlist > li .list > li.charge dl dd:last-child {margin-right: 0;}
.csrlist > li .list > li.charge dl dd::before {content: ':'; padding: 0 3px;}
.csrlist > li button {position: absolute; right: 0; top: 30px;}
.csrlist > li button img {}

/*상세보기 일반 테이블(세로)*/
.tablebasic {clear:both; overflow-x: auto; border-top: 2px solid #222;}
.tablebasic table {width:100%; table-layout:fixed;}
.tablebasic table thead tr {border-bottom-color: #929bac;}
.tablebasic table thead tr th:last-child {border-right: 0;}
.tablebasic table tr {border-bottom: 1px solid #e4e4e4;}
.tablebasic table tr th {padding: 15px 5px; color: #333; background-color: #f9f9f9; border-right: 1px solid #e4e4e4;}
.tablebasic table tr td {padding: 15px 5px; text-align: center; border-right: 1px solid #e4e4e4;}
.tablebasic table tr td:last-child {border-right: 0;}

.tablebasic.type2 {border-top: 1px solid #222;}
.tablebasic.type2 table tbody tr {border-bottom: 1px solid #929bac;}
.tablebasic.type2 table tbody tr:last-child {border-bottom: 1px solid #e4e4e4;}
.tablebasic.type2 table tr .bg1 {background-color: #f9f9f9;}
.tablebasic.type2 table tr th {padding: 18px 5px; background-color: #f3f3f3;}
.tablebasic.type2 table tr th.bg1 {color: #888;}
.tablebasic.type2 table tr td {padding: 0;}
.tablebasic.type2 table tr td.bg1 {color: #333; font-weight: 500;}
.tablebasic.type2 table tr td button {position: relative; padding-top: 10px; width: 100%; min-height: 110px; font-weight: 600; word-break: break-word;}
.tablebasic.type2 table tr td button span {display: inline-block;}
.tablebasic.type2 table tr td button span.txt {width: 100%;}
.tablebasic.type2 table tr td button span.txt i {display: inline-block; font-style: normal; color: #333; font-size: 32px;}
.tablebasic.type2 table tr td button span.arrow {width: 26px; height: 26px; background-color: #a6a6a6; background-image: url('../../images/web/icon_arrow3.png'); background-repeat: no-repeat; background-position: center center; border-radius: 100%;}
.tablebasic.type2 table tr td button.active {background-color: #f5faff;}
.tablebasic.type2 table tr td button.active span i {color: #0478e5;}
.tablebasic.type2 table tr td button.active span.arrow {background-color: #0478e5;}

.tablebasic.type3 {border-top: 1px solid #e4e4e4;}
.tablebasic.type3 .bg1 {background-color: #f9f9f9;}
.tablebasic.type3 .bg2 {background-color: #f5faff;}
.tablebasic.type3 table tr th {padding: 13px 5px; background-color: #fff;}
.tablebasic.type3 table tr th.bg1 {font-weight: 500;}
.tablebasic.type3 table tr th.bg2 {font-weight: 500;}
.tablebasic.type3 table tr td {padding: 13px 20px;}

/*게시판 포맷*/
table.typeTwo thead tr, table.typeTwo tbody tr{border:none; cursor:pointer;}
table.typeTwo thead tr th{color: #3C3B3B; background-color: #F5FAFE; padding:15px 0px; border:1px solid #BFBDBD;}
table.typeTwo tbody tr td{color: #3C3B3B; text-align:center; background-color: #fff; padding: 12px 0px; border:1px solid #B6B3B3; border-style:none solid solid solid;}
table.typeTwo tbody tr td div.pop{justify-content:center; gap:15px;}
table.typeTwo tbody tr td div strong{font-size: 16px; font-weight: 600; line-height:28px;}
table.typeTwo tbody tr td strong.red{color:#FB2727 !important;}
table.typeTwo tbody tr td strong.blue{color:#185AFF !important;}
table.typeTwo tbody tr td div button{color:#fff; position:relative; width:71px; height: 28px; cursor: pointer;}

.tempBtn{background: #146DAA; padding: 5px; font-size:11px; border-radius: 5px; color: #fff;}

/*등록창 포맷*/
.ad_boardwrite .rect{width: 15px; height: 15px; border: 2px solid #146DAA; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);} 
.ad_boardwrite .reserveIn-con div {align-items: center; gap:10px;}
.ad_boardwrite .reserveIn-con div span{color: #3F4142; font-size: 20px; font-weight: 600; }
.ad_boardwrite .reserveIn-con table, .item-con table{width:100%; border-top: 3px solid #302F2F; margin-top:10px;}
.ad_boardwrite .reserveIn-con table th, .item-con table th{text-align: center; background: #F1F1F1; font-size: 18px; color: #3F4142; font-weight:600; padding:12px 15px; border-bottom:1px solid #D7D7D7;}
.ad_boardwrite .reserveIn-con table th.borders{border:1px solid #D7D7D7; border-style:none solid solid none;}
.ad_boardwrite .reserveIn-con table td{padding-left: 26px; padding-right:30px; border-bottom:1px solid #D7D7D7; vertical-align: middle;}
.ad_boardwrite .reserveIn-con table td div{justify-content: space-between;}
.ad_boardwrite .reserveIn-con table td div.radio{gap:60px; justify-content: flex-start;}
.ad_boardwrite .reserveIn-con table td span{display: flex; flex-direction: row; gap: 8px; align-items: center; color: #727070; font-size: 12px; font-weight: 600;}
table td span.green{color: #37A637 !important;}
.ad_boardwrite .reserveIn-con table span input[type="checkbox"]{width:21px !important; height:21px !important;}
.ad_boardwrite .reserveIn-con table .search-pop{cursor:pointer; border: 1px solid #78797A; background: #78797A; margin-left: 15px; width: 71px; height: 31px; color:#fffafa;}
.ad_boardwrite .reserveIn-con table td input[type="text"]{width:100%; border: 1px solid #C3C0C0; background: #F5F2F2; padding:4px 10px; outline: none; color:#727070;}
.ad_boardwrite .reserveIn-con table td input[type="text"].big{width:80%;}
.ad_boardwrite .reserveIn-con table td input[type="text"].white{background:#fff;}
.ad_boardwrite .reserveIn-con table td input[type="date"]{width:210px;}
.ad_boardwrite .reserveIn-con table td select{width: 203px; height: 31px; border: 1px solid #C3C0C0; padding:0 5px 0 10px; color: #727070; font-weight: 600; font-size: 14px;}
.ad_boardwrite .reserveIn-con table td select.gray{background-color: #F5F2F2;}
.ad_boardwrite .reserveIn-con table td select.small{width:101px;}
.ad_boardwrite .item-con{margin-top:60px; width:100%; flex-direction: column;} 
.ad_boardwrite .item-con .item-top{justify-content: space-between; width:100%;}
.ad_boardwrite .item-con .item-top div.flex {align-items: center; gap:10px;}
.ad_boardwrite .item-con .item-top div.flex span{color: #3F4142; font-size: 20px; font-weight: 600;}
.ad_boardwrite .item-con .item-top div.flex button{cursor: pointer;}
.ad_boardwrite .item-con .item-top div.flex button.b_green{display:flex; align-items: center; gap:5px; margin-left:10px; background: #37A637; border: 1px solid #37A637; padding:0 16px; height:35px;}
.ad_boardwrite .item-con .item-top div.flex button.b_green span{font-size: 14px; font-weight:500; color:#fff;}
.ad_boardwrite .item-con .item-top .flex.b button{width: 80px; height: 35px; font-size: 16px; color:#fffdfd;}
.ad_boardwrite .item-con .item-top .flex.b button:nth-of-type(1){background: #518ADF;}
.ad_boardwrite .item-con .item-top .flex.b button:nth-of-type(2){background: #FF4747;}

.ad_boardwrite .item-con table th, .item-con table td{text-align: center; padding:8px 3px; border:1px solid #D7D7D7; border-style:none solid solid none; font-size:13px;}
.ad_boardwrite .item-con table td span{display:flex; align-items: center; justify-content: center; gap:13px;}
.ad_boardwrite .item-con table td span input[type="text"]{width:70%;}
.ad_boardwrite .item-con table td input{width:80%;}
.ad_boardwrite .item-con table td select{width:80%; height: 31px; border: 1px solid #C3C0C0; padding:0 5px 0 10px; color: #727070; font-weight: 600; font-size: 11px;}
.ad_boardwrite .item-con table td select.gray{background-color: #F5F2F2;}
.ad_boardwrite .item-con table input[type="checkbox"]{width:23px !important; height:23px; color:#000; border: 1px solid #C3C0C0; outline:none;}
.ad_boardwrite .item-con table td input[type="text"]{height:35px; border: 1px solid #C3C0C0; background: #FFFEFE;} 
.ad_boardwrite .item-con table td input[type="text"]:read-only{background: #F5F2F2; color:#727070; outline:none;} 
.ad_boardwrite .item-con table td strong{color: #727070; font-size: 16px; font-weight: 600;} 
.item-bottom{width:100%; margin-top:15px; gap:10px;}
.item-bottom button{text-wrap:nowrap; min-width: 74px; padding: 9px 12px; cursor: pointer; font-size: 14px; color:#fffdfd; border-radius:4px;}

/*검사일정*/
.calender-wrap{width:100%; background:#fff; gap:40px;}
.calender-top{gap:20px; align-items: center;}
.calender-top h3{font-size: 28px; font-weight: 600; color:#000;}
.calender-top div{gap:8px; display: flex; height:fit-content;}
.calender-top div img{width:30px; height:30px; cursor: pointer;}
.calender{margin-top: 60px; width:100%; display:flex; flex-direction: column;}
.calender-week{width:100%;}
.calender-week span{display: flex; justify-content:center; align-items:center; padding:0 5px; width:calc(100% / 7); height:60px; background: #F5FAFE; border: 1px solid #c3c3c3; border-style: solid none none solid; color:#000; font-size: 14px; font-weight:700;}
.calender-week span:first-child{border-style: solid none none solid;}
.calender-week span:first-child , .calender-day span:nth-child(7n + 1){color: #FF0F0F;}
.calender-week span:last-child, .calender-day span:nth-child(7n){color: #397FFF; border-style:solid solid none solid;}
.calender-day{width:100%; flex-wrap: wrap;}
.calender-day span{display:block; width:calc(100% / 7); height:110px; border: 1px solid #C3C3C3; border-style: solid none none solid; color:#000; text-align:left; padding:5px; font-size: 12px; font-weight:700; position: relative;}
.calender-day span:nth-child(7n + 1){border-style:solid none none solid;}
.calender-day span:nth-child(29){border-style:solid none solid solid !important;}
.calender-day span:nth-child(n+29):nth-child(-n+35){border-style:solid none solid solid;}
.calender-day span:nth-child(35){border-style:solid solid solid solid !important;}
.calender-day span:nth-child(n+36):nth-child(-n+42){border-style:none none solid solid;}
.calender-day span:nth-child(42){border-style:none solid solid solid !important;}
.calender-day span strong{position: relative; top:40%; left:14%; color:#000; font-size: 12px; font-weight:700;}
.calender-day span p {min-width: 0; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px;}
.list-wrap{flex-direction: column; width:35%; padding:10px 0;}
.day-wrap{width:100%; flex-direction: column; align-items: flex-end;}
.day-wrap div{width:100%; gap:10px; align-items: center; padding: 5px 0px; justify-content: space-between;}
.day-wrap div span{color: #464545; font-size:16px;  font-weight:700; text-wrap: nowrap;}
.day-wrap div.border{align-items:center; border-bottom:1px solid #1C1B1B; padding-bottom:10px;}
.day-wrap div.border button{width:80px; height:35px; border: 1px solid #1A3153; background: #1A3153; color:#fffafa; text-align:center; line-height:35px;}
.day-wrap .day-content{flex-direction:column; padding:0 16px;}
.day-wrap .day-content .border{padding-bottom:5px;}
.day-wrap .day-content div div{justify-content:flex-end; padding:0;}
.day-wrap .day-content div div strong{display:block; line-height:17px; width:46px; height:19px; font-size:10px; color:#f32525; border:1px solid #f32626; border-radius: 5px; text-align:center; }
.day-wrap .day-content div div span{font-size:13px; color:#302f2f; font-weight:600; line-height:21px;}
.day-wrap .day-content div div span, .day-wrap .day-content div div strong{margin-top:20px;}
.day-wrap .day-content .day-box{padding:19px 11px; border: 1px solid #146DAA; min-height:182px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)}
.day-wrap .day-content .day-box:has(.date-choose) {text-align:center;}
.day-wrap .day-content .day-box span.date-choose{line-height:128px;}

/*게시판 E*/

@media screen and (max-width:1240px) {
    
}
@media screen and (max-width:1024px) {
    
    .radio_box li {margin-right: 20px;}
    .radio_box input[type=radio] + label {padding-left: 20px; line-height: 15px;}
    .radio_box input[type=radio] + label::before {width: 13px; height: 13px; border: 1px solid #d7d7d7;}
    .radio_box input[type=radio] + label.on::after, 
    .radio_box input[type=radio]:checked  + label::after {left: 4px; top: 4px; width: 7px; height: 7px; background-color: #1b1b1b;}
    /*최신순*/
    .radio_box.type2 > li {margin-right: 5px;}
    .radio_box.type2 input[type=radio] + label {padding-left: 10px; font-size: 12px;}
    .radio_box.type2 input[type=radio] + label.on::after, 
    .radio_box.type2 input[type=radio]:checked  + label::after {top: calc(50% - 4px); width: 7px; height: 5px; background-size: 7px;}
    /*버튼만 있는 경우*/
    .radio_box input[type=radio] + label.hidden {width: 15px; height: 15px;}
    .radio_box input[type=radio] + label.hidden.on::after, 
    .radio_box input[type=radio]:checked  + label.hidden::after {left: 4px; top: 4px;}
    
    /*체크박스*/
    .check_box > li {margin-right: 20px;}
    .check_box input[type=checkbox] + label {padding-left: 20px; line-height: 15px;}
    .check_box input[type=checkbox] + label::after {width: 12px; height: 12px; border-width: 1px;}
    /*체크박스만 있는 경우*/
    .check_box input[type=checkbox] + label.hidden {padding: 0 8px; width: 45px; height: 20px; color: #fff; font-size: 10px; text-align: right; background-color: #ccc; border-radius: 20px;}
    .check_box input[type=checkbox] + label.hidden::after {left: 5px; top: 5px; width: 10px; height: 10px; border: 0; background-color: #fff; border-radius: 100%;}
    .check_box input[type=checkbox] + label.hidden.on, 
    .check_box input[type=checkbox]:checked  + label.hidden {background-color: #1b1b1b;}
    .check_box input[type=checkbox] + label.hidden.on::after, 
    .check_box input[type=checkbox]:checked  + label.hidden::after {background-size: auto 4px;}
    /*체크박스 좋아요*/
    .check_box.good input[type=checkbox] + label {font-size: 10px;}
    .check_box.good input[type=checkbox] + label.on, 
    .check_box.good input[type=checkbox]:checked  + label {background-image: url('../../images/web/icon_good_on.png');}
    /*체크박스만 있는 경우*/
    .check_box.good input[type=checkbox] + label.hidden {font-size: 0; color: transparent; background-color: transparent; border-radius: 0;}

    /* .optionbox, */
     .inpbox {height: 30px;}
    .optionbox::after {transform: scale(0.86);}
    
    .calendarbox .inpbox .ui-datepicker-trigger {width: 30px; background-size: 19px;}
    .file_box a::after {width: 13px; height: 14px; background-size: 100%;}

    /*목록 상단검색 기본*/
    .boardlist_top_txt {padding: 0 15px; margin-bottom: 5px;}
    .boardlist_top {padding: 20px 15px; margin-bottom: 30px;}
    .boardlist_top .box.mb65 {margin-bottom: 0 !important;}
    .boardlist_top .box .optionbox {width: 120px; height: 30px;}
    .boardlist_top .box .optionbox select {padding: 0 10px;}
    .boardlist_top .box .inpbox {width: calc(100% - 230px); height: 30px;}
    .boardlist_top .box .inpbox input.txt {padding: 0 10px;}
    .boardlist_top .box .btn2 {width: 90px;}
    /*목록 상단검색 제목포함*/
    .boardlist_top ul.box {margin-top: 10px; justify-content: space-between;}
    .boardlist_top ul.box > li {margin-right: 10px; line-height: 30px;}
    .boardlist_top ul.box > li label {width: 60px;}
    .boardlist_top ul.box > li .optionbox {width: 100% !important;}
    .boardlist_top ul.box > li .inpbox {width: calc(100% - 290px) !important;}
    .boardlist_top ul.box > li.input {width: 100%;}
    .boardlist_top ul.box > li.input .optionbox {margin-right: 5px; width: 110px !important; flex: none;}
    .boardlist_top ul.box > li.input .inpbox {margin-right: 0; width: 100% !important;}
    .boardlist_top .button_box {position: relative; padding: 0; right: 0; bottom: 0; margin-top: 10px;}
    /*설문조사*/
    .boardlist_top .box.type2 {}
    .boardlist_top .box.type2 label {margin-right: 10px; width: 60px;}
    .boardlist_top .box.type2 .inpbox {margin: 0; width: calc(100% - 70px);}
    .boardlist_top .box.type2 .button_box {width: 100%;}
    .boardlist_top .box.type2 .button_box button {width: 100%;}

    /*일반게시판 검색바*/
    .board_top {padding: 0 15px;}
    .board_top:has(.boardschbox),.board_top:has(.pageList),.board_top:has(.all){padding:0 !important;}
    .board_top .boardschbox {display: flex; display:-webkit-flex; padding:10px !important;}
    /* .board_top .boardschbox .optionbox {height: 25px;} */
    .board_top .boardschbox .optionbox select {font-size: 12px;}
    .board_top .boardschbox .search_box .inpbox {height: 25px;}
    .board_top .boardschbox .search_box .inpbox input.txt {font-size: 12px;}
    .board_top .boardschbox .search_box .btn_search span {top: -2px; left: -2px; transform: scale(0.67);}

    /*게시판(공지사항) 리스트*/
/*     .boardlist.blue:has(.typeTwo){overflow-x:scroll;} */
/*     .boardlist table.typeTwo{min-width:1040px;}    */
    .boardlist table thead tr th {font-size:14px;}
    .boardlist table tbody tr td {font-size:14px;}
	.boardlist table tbody tr.notice_line td .notice {font-size:12px;}
	
	.ad_boardwrite .reserveIn-con table th, .item-con table th{font-size:15px;}
    
    /*게시판(시민단체 참여 공모) 리스트*/
    .boardlist2 {padding: 7px 7px; border-top: 1px solid #222;}
    .boardlist2 > li {margin: 8px; padding: 10px; width: calc(25% - 16px); border: 1px solid #ddd;}
    .boardlist2 > li:nth-child(4n) {margin: 8px;}
    .boardlist2 > li a {height: 140px;}
    .boardlist2 > li a h3 {margin-bottom: 5px; max-height: 32px; font-size: 12px; line-height: 16px;}
    .boardlist2 > li a .text {margin-bottom: 5px; max-height: 48px; font-size: 12px; line-height: 16px;}
    .boardlist2 > li a p {font-size: 10px;}
    .boardlist2 > li .num_box {margin-top: 10px; padding-top: 10px; line-height: 22px;}
    .boardlist2 > li .num_box li {padding: 20px 0 0 !important; font-size: 10px; line-height: 10px; text-align: center; background-position: center top; background-size: auto 16px;}

    /*하단 버튼*/
    .button_box {margin-top: 20px; padding: 0 15px; display: flex; display:-webkit-flex; justify-content: space-between;}
    .button_box.ar {margin-top: 10px;}
    .button_box button {margin-left: 5px; width: 100%;}

    /*페이징*/
    .paging {margin-top: 207px; width: 115%; display: flex!important;}
    .paging a {margin: 0 2px; width: 25px; height: 25px; line-height: 23px; font-size: 10px;}
    .paging button {width: 25px; height: 25px; background-size: auto 7px;}
    .paging button.btn-paging-first {margin-right: 2px;}
    .paging button.btn-paging-pre {margin-right: 5px;}
    .paging button.btn-paging-next {margin-left: 5px;}
    .paging button.btn-paging-last {margin-left: 2px;}
    
    /*일반게시판 상세*/
    .detail_con .board_detail {padding-top:40px; border-top:1px solid #DBDBDB;}    
    .board_detail .title_box {padding: 7px 15px 30px 15px; position:relative;}
    .board_detail .title_box::after {content:''; width:27px; height:3px; background:#1d2076; position:absolute; top:35px; left:50%; transform: translateX(-50%);}
    .board_detail .title_box h3 {font-size: 14px; line-height: 18px;}
    .board_detail .title_box h4 {font-size: 12px; line-height: 16px;}
    .board_detail .title_box .color_blue {margin-right: 10px; font-size: 12px;}
    .board_detail .list {padding: 7px 15px;}
    .board_detail .list li {margin-right: 10px; padding-right: 11px; font-size: 10px;}
    .board_detail .list li::after {top: calc(50% - 3px); height: 10px;}
    .board_detail .list.type2 {padding: 10px 15px;}
    .board_detail .list.type2 li {font-size: 13px;}
    .board_detail .list.type2 li::after {top: calc(50% - 5px);}
    .board_detail .file_box {padding: 7px 15px;}
    .board_detail .file_box a {font-size: 10px; line-height: 14px;}
    .board_detail .list_type {padding: 10px 15px;}
    .board_detail .list_type li h4 {width: 65px;}
    .board_detail .content {padding: 15px;}
    .board_detail .content .check_box.good {margin-top: 10px;}
    .board_detail .video_box {padding: 10px 15px;}
    .board_detail .video_box .video .video-js .vjs-big-play-button {transform: scale(0.7);}
    .board_detail .video_content {padding: 7px 15px; max-height: initial;}
    /*이미지 포함된 내용*/
    .board_detail .img_type {padding: 20px 15px; border-bottom-width: 1px;} 
    .board_detail .img_type .img_box {width: 145px;}
    .board_detail .img_type .list_type {padding: 0 0 0 10px;}
    .board_detail .slide {padding: 10px 25px;}
    .board_detail .slide .slick-arrow {top: calc(50% - 15px); width: 30px; height: 30px;}
    .board_detail .slide .slick-arrow::after, 
    .board_detail .slide .slick-arrow::before {left: 11px; width: 7px; height: 1px;}
    .board_detail .slide .slick-prev {left: 10px;}
    .board_detail .slide .slick-next {right: 10px;}
    .board_detail .slide .slick-list {width: 100%;}
    .board_detail .slide .slick-list .slick-slide div {width: 100%; height: auto;}
    .board_detail .button_box {padding: 10px 15px;}
    .board_detail .button_box button {width: 30px;}
    .board_detail .button_box button img {width: 100%;}
    .board_detail .survey {padding: 10px 15px;}
    .board_detail .survey h4 {margin-bottom: 15px; font-size: 14px;}
    .board_detail .survey .survey_list dl dt {margin-right: 10px; width: 55px; font-size: 12px; line-height: 27px;}
    .board_detail .survey .survey_list dl dd {padding-top: 0; font-size: 12px;}

    /*설문조사 결과 및 참여*/
    .survey_detail h3.h3 {padding: 0 15px;}
    .survey_detail > dl > dt {padding: 7px 15px; font-size: 14px;}
    .survey_detail > dl > dt.point_box::before {font-size: 12px;}
    .survey_detail > dl > dd {padding: 10px 15px;}
    .survey_detail .check_box > li {margin: 5px 15px 5px 0;}
    .survey_detail .check_box > li:last-child {margin: 5px 0;}
    .survey_detail .check_box > li.others {display: block; display:-webkit-block;}
    .survey_detail .check_box > li.others input[type=checkbox] + label {margin-right: 0;}
    .survey_detail .check_box > li.others .inpbox {margin-top: 10px;}
    .survey_detail .radio_box > li {margin: 5px 15px 5px 0;}
    .survey_detail .radio_box > li:last-child {margin: 5px 0;}
    .survey_detail .subjective {padding: 10px 15px;}
    
    .survey_detail dl dd ul.result_list {width: 100%;}
    .survey_detail dl dd ul.result_list li {padding: 0; margin-bottom: 10px;}
    .survey_detail dl dd ul.result_list li:last-child {margin-bottom: 0;}
    .survey_detail dl dd ul.result_list li::before {top: 0; width: 30px; height: 30px; line-height: 30px;}
    .survey_detail dl dd ul.result_list li .text {padding-left: 40px; margin-bottom: 10px; min-height: 30px; display: flex; display:-webkit-flex; align-items: center;}
    .survey_detail dl dd ul.result_list li .graph {margin-bottom: 5px; width: 100%; height: 20px;}
    .survey_detail dl dd ul.result_list li .percent {width: 100%; font-size: 12px;}
    .survey_detail dl dd ul.result_list li .btn4 {position: absolute; right: 0; top: 5px; margin-top: 0;}
    
    /*이전글 다음글*/
    .view_bottom {margin-top: 30px;}
    .view_bottom dl dt {width: 100px; font-size: 12px;}
    .view_bottom dl dt span {padding-left: 25px;}
    .view_bottom dl dd {padding: 0 10px; width: calc(100% - 100px);}
    .view_bottom dl dd a {font-size: 12px;}

    /*댓글입력*/
    .comment_area .board_top {margin: 10px 0 5px;}
    .comment_area .name_box .name li {font-size: 10px;}
    .comment_area .name_box .name li.date {font-size: 10px;}
    .comment_area .text_box textarea {height: 60px; font-size: 10px;}
    .comment_area .button_box {margin-top: 10px; padding: 0; justify-content: flex-end;}
    .comment_area .button_box .btn3 {width: 55px;}
    .comment_area .byte {font-size: 9px;}
    .comment_area .comment_write {padding: 0 15px; font-size: 10px;}
    /*댓글목록*/
    .comment_area .comment_list {font-size: 10px;}
    .comment_area .comment_list > li .reply_box {padding: 10px 15px !important;}
    .comment_area .comment_list > li .reply_box .name_box {display: block; display:-webkit-block;}
    .comment_area .comment_list > li .reply_box .name_box .button_box {margin-left: 0; margin-top: 5px;}
    .comment_area .comment_list > li .reply_box .name_box .button_box button {font-size: 10px;}
    .comment_area .comment_list > li .reply_box .name_box .check_box.good {position: absolute; right: 0; top: 0;}
    .comment_area .comment_list > li .reply_box .text_box textarea {height: 30px;}
    .comment_area .comment_list > li.reply {padding: 0;}
    .comment_area .comment_list > li.reply .reply_box {border-bottom: 1px solid #fff;}
    .comment_area .comment_list > li.reply .reply_box::before {left: 15px; top: 12px;}
    .comment_area .comment_list > li.reply .reply_box:last-child {border-bottom: 0;}
    .comment_area .comment_list > li.reply .reply_box .name_box {padding-left: 20px;}
    .comment_area .comment_list > li.reply .reply_box .name_box .check_box.good {right: 0;}
    
    /*게시판 글쓰기 타입1-일반글쓰기*/
    .boardview table,
    .boardview table tbody,
    .boardview table tr,
    .boardview table tr th {display: block;}
    .boardview table tr th {padding: 10px 15px; width: 100%;}
    .boardview table tr td {padding: 10px 15px; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; gap:5px;}
    .boardview table tr td .inpbox {width: 100%;}
    .boardview table tr td .optionbox {width: 100%;}
    .boardview table tr td textarea {height: 60px;}
    .boardview table tr td .box {width: 100%;}
    .boardview table tr td .box.tel .optionbox, .boardview table tr td .box.tel .inpbox {width: 100%;}
    .boardview table tr td .box.email .inpbox {width: 100%;}
    .boardview table tr td .box.inp_btn .inpbox {width: calc(100% - 85px);}
    .boardview table tr td .box.time {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .boardview table tr td .box.time .calendarbox {width: 100%;}
    .boardview table tr td .box.time .box {margin-top: 10px; width: auto;}
    .boardview table tr td .box.time .optionbox {margin-left: 0; width: 70px;}
    .boardview table tr.editor td {padding: 10px 15px;}
    .boardview table tr td .btn_more {width: 60px; height: 24px; font-size: 12px;}
    .boardview table tr td .btn_more span.arrow {padding-right: 12px;}
    .boardview table tr td .apply_list {margin-top: 5px;}
    .boardview table tr td .apply_list li {margin: 2px 20px 2px 0;}
    .boardview table tr td .apply_list li:last-child {margin: 2px 0;}
    .boardview table tr td .apply_list li p {font-size: 12px;}
    .boardview table tr td .attachment-file .inpbox {width: 100%;}
    .boardview table tr td .attachment-file .ipfile {width: 55px; height: 30px;}
    .boardview table tr td .attachment-file .ipfile span {line-height: 30px; font-size: 11px;}
    .boardview table tr td .attachment-file .button_box {padding: 0;}
    .boardview table tr td .attachment-list {margin-top: 10px; width: 100%;}
    .boardview table tr td .attachment-list li {display: flex; margin-bottom: 5px;}
    .boardview table tr td .attachment-list li:last-child {margin-bottom: 0;}
    .boardview table tr td .attachment-list li a {overflow: hidden; max-width: calc(100% - 26px); color: #5e626a; font-size: 14px; text-decoration: underline; text-underline-position: under; line-height: 20px; white-space: nowrap; text-overflow: ellipsis;}
    .boardview table tr td .attachment-list li button {position: relative; top: 2px; margin-left: 10px; width: 16px; height: 16px; border: 1px solid #5e626a;}
    .boardview table tr td .attachment-list li button::after, .boardview table tr td .attachment-list li button::before {content: ''; position: absolute; left: 2px; top: 6px; width: 10px; height: 1px; background-color: #5e626a;}
    .boardview table tr td .attachment-list li button::after {transform: rotate(45deg);}
    .boardview table tr td .attachment-list li button::before {transform: rotate(-45deg);}
    
    /*썸네일게시판*/
    .thumbnaillist > li {padding: 10px 15px; border-bottom: 1px solid #e5e5e5;}
    .thumbnaillist > li .img_box {margin-right: 10px; width: 200px; height: 130px;}
    .thumbnaillist > li .text_box .tit {margin-bottom: 5px; max-height: 40px; font-size: 14px; line-height: 20px;}
    .thumbnaillist > li .text_box .tit.type2 {margin-top: 5px; font-size: 15px;}
    .thumbnaillist > li .text_box .text {margin-bottom: 10px; max-height: 52px;}
    .thumbnaillist > li .text_box .state {padding: 0 15px; margin-bottom: 5px; font-size: 13px; line-height: 19px;}
    .thumbnaillist > li .list_type > li {margin-bottom: 5px;}
    .thumbnaillist > li .list_type > li h4 {width: 55px;}
    .thumbnaillist > li .list {padding-left: 10px; width: calc(100% - 200px)}
    .thumbnaillist > li .list li {font-size: 10px;}
    .thumbnaillist > li .keyword {margin-top: 5px; font-size: 12px; line-height: 18px;}
    .thumbnaillist > li .keyword li {margin-bottom: 0;}
    .thumbnaillist > li .button_box {position: relative; right: 0; bottom: 0; padding: 0;}
    .thumbnaillist > li .button_box button {width: 30px;}
    .thumbnaillist > li .button_box button img {width: 100%;}
    
    /*갤러리형 게시판*/
    .gallaylist {padding: 0px;}
    .gallaylist > li {padding: 8px; width: calc(25% - -7px);margin-right: -8px;margin-bottom: 0px;}
    .gallaylist > li a {display:block; border: 1px solid #cecece; width:100%;}
    
    /* .gallaylist > li a .img_box {margin-bottom: 10px; height: 150px;} */
    .gallaylist > li a .img_box {width:100%; height:112px;background-color: #cecece;background-repeat: no-repeat;background-size: 198px; margin-bottom: 5px;}
    .gallaylist > li a .noimg {background-size: 70px;}
    .gallaylist > li a .title_box {padding: 5px}
    /* .gallaylist > li a .tit {margin-bottom: 5px; max-height: 38px; font-size: 12px; line-height: 19px;background-position: center center;background-size: 180px;}
    .gallaylist > li a .list li {font-size: 10px; line-height: 10px;} */
    
    /*기업csr 목록*/
    .csrlist {border-top: 1px solid #222;}
    .csrlist > li {padding: 10px 15px;}
    .csrlist > li h3 {width: 110px; font-size: 16px;}
    .csrlist > li .list > li {padding-right: 0;}
    .csrlist > li .list > li h4 {padding-left: 15px; width: 90px; font-size: 14px;}
    .csrlist > li .list > li h4::after {top: 8px; width: 8px; height: 1px;}
    .csrlist > li .list > li .detail a p.date {width: 120px;}
    .csrlist > li .list > li.charge {padding-right: 40px;}
    .csrlist > li .list > li.charge dl {font-size: 12px;}
    .csrlist > li button {right: 15px; top: initial; bottom: 5px;}
    .csrlist > li button img {width: 30px;}
    
    .tablebasic.type2 table tr td button {padding-top: 5px; min-height: 50px; font-size: 10px; line-height: 12px;}
    .tablebasic.type2 table tr td button span.txt {margin-bottom: 3px;}
    .tablebasic.type2 table tr td button span.txt i {font-size: 16px; line-height: 18px;}
    .tablebasic.type2 table tr td button span.arrow {width: 15px; height: 15px; background-size: 10px;}
    
    .tablebasic.type3 table tr th {padding: 10px 5px;}
    .tablebasic.type3 table tr td {padding: 10px 5px;}
    
    .paging {margin-top: 45px; width: 100%; display: flex!important;}
    .web_flex_only {
    	display: none!important;
    }
    
    /*테이블 컬럼자르기*/
    .fmrm th:nth-child(3),.fmrm th:nth-child(7),.fmrm th:nth-child(8),.fmrm th:nth-child(9),
    .fmrm td:nth-child(3),.fmrm td:nth-child(7),.fmrm td:nth-child(8),.fmrm td:nth-child(9),
     .fmrm col:nth-child(3),.fmrm col:nth-child(7),.fmrm col:nth-child(8),.fmrm col:nth-child(9){
    	display:none;
    }
    
    .temp th:nth-child(4),.temp th:nth-child(6),.temp th:nth-child(7),.temp th:nth-child(8), 
    .temp td:nth-child(4),.temp td:nth-child(6),.temp td:nth-child(7),.temp td:nth-child(8),
    .temp col:nth-child(4),.temp col:nth-child(6),.temp col:nth-child(7),.temp col:nth-child(8){
    	display:none;
    }
    
    .refe th:nth-child(4),.refe th:nth-child(6),.refe th:nth-child(7), 
    .refe td:nth-child(4),.refe td:nth-child(6),.refe td:nth-child(7),
    .refe col:nth-child(4),.refe col:nth-child(6),.refe col:nth-child(7){
    	display:none;
    }
    
    .care th:nth-child(2), 
    .care td:nth-child(2),
    .care col:nth-child(2){
    	display:none;
    }
    
    /*등록 페이지 세로 반응형*/
    .block_reactive_table table tr, .block_reactive_table table tbody,
    .block_reactive_table table th, .block_reactive_table table td {display:block;}
    
    .block_reactive_table table th.borders {margin:20px; border: 3px solid #D7D7D7;}
    .block_reactive_table.borders_care table th.borders {margin:0px; border: 1px solid #D7D7D7;}
    
    .block_reactive_table table td{text-align:center;}
    .block_reactive_table table td div, .block_reactive_table table td span{justify-content:center !important;}    
    
    .block_reactive_table table td {padding:10px 5px;}
    .block_reactive_table table td input[type='text']{width:100% !important; text-align:center;}
    
    .block_reactive_table.borders_care .flex {flex-direction:column; gap:5px;}
    .block_reactive_table.borders_care .flex .ml10 {margin:0 !important;}
    
    
    /*상세 페이지 및 등록 페이지 스크롤 반응형*/
    .reactive_table{overflow-x: auto; padding-bottom: 15px;}
    .reserveIn-con .reactive_table table, .item-con .reactive_table table{min-width:900px;}    
	.requ-con .reactive_table table{min-width:732px;}    
    .reactive_table::-webkit-scrollbar {height:6px;} 
	.reactive_table::-webkit-scrollbar-thumb {background:#ddd; border-radius:10px;}
	.reactive_table::-webkit-scrollbar-track{background:#f2f3f5; border-radius:10px;}
	
	.ad_boardwrite .item-con .item-top.appIns{flex-wrap:wrap;}	
	.ad_boardwrite .item-con .item-top.appIns .flex.b {flex-wrap:wrap;}
}
@media screen and (max-width:784px){
    .boardview table tr td .box.waste {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .boardview table tr td .box.waste > div {margin-right: 0; margin-bottom: 10px;}
    .boardview table tr td .box.waste > div:last-child {margin-bottom: 0;}
    .boardview table tr td .box.waste .button_box {width: 100%;}
    .boardview table tr td .box.waste .button_box .btn5 {margin-left: 10px; flex: auto; width: 100% !important;}
    
    

    /*갤러리형 게시판*/
    .gallaylist > li dl dt a img {
    	height : 100%!important;
    }
    /* .gallaylist {padding: 5px 10px;}
    .gallaylist > li {padding: 10px 5px; width: 33.33%;}
    .gallaylist > li a .img_box {height: 120px;} */
    
    .gallaylist > li{width:100%;}
    
    .ad_boardwrite .reserveIn-con div span, .ad_boardwrite .item-con .item-top div.flex span{font-size:15px;}    
    .ad_boardwrite .item-con .item-top .flex.b button {width:70px; font-size:13px;}
}
@media screen and (max-width:640px){
    /*목록 상단검색 기본*/
    .boardlist_top .box .optionbox {margin: 0 5px 10px 0; width: 100%;}
    .boardlist_top .box .optionbox select {padding: 0 5px;}
    .boardlist_top .box .inpbox {margin: 0 0 10px; width: 100%;}
    .boardlist_top .box .inpbox input.txt {padding: 0 5px;}
    .boardlist_top .box .calendarbox .character {margin: 0 5px;}
    /*목록 상단검색 제목포함*/
    .boardlist_top ul.box {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .boardlist_top ul.box > li {margin-right: 0; margin-bottom: 10px; width: 100%;}
    .boardlist_top ul.box > li:last-child {margin-bottom: 0;}
    .boardlist_top ul.box > li.w_35 {width: 100% !important;}
    .boardlist_top ul.box > li .optionbox {margin-bottom: 0; width: calc(100% - 55px) !important;}
    .boardlist_top ul.box > li .inpbox {margin-bottom: 0; width: calc(100% - 55px) !important;}
    .boardlist_top ul.box > li.input .optionbox {width: 80px !important;}
    .boardlist_top ul.box > li.input .inpbox {margin-right: 0;}
    
    /*일반게시판 검색바*/
    .board_top {position: relative; padding: 0 15px; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .board_top .pageList {flex-wrap:wrap;}
    .board_top .pageList {justify-content:flex-start !important;}
    .board_top .pageList a{width:31% !important;}
    .board_top .all {width: 100%;}
    /* .board_top .boardschbox {margin-top: 10px; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between; width: 100%;} */
   /*  .board_top .boardschbox .optionbox {margin-right: 4px; width: calc(50% - 9px);} */    
   	.board_top .boardschbox .optionbox select {padding:0 5px !important; width:76px !important;}
   	.board_top .boardschbox .optionbox::after {right:5px !important; border-top: 8px solid #111 !important;  top: calc(50% - 3px) !important;}
    .board_top .boardschbox .search_box {margin-top: 10px; width: 100%;}
    .board_top .boardschbox .inpbox .txt {font-size:14px !important;}
    .board_top .boardschbox .btn2{min-width:45px !important;}
    .board_top .boardschbox .btn2 img{width:17px;}
    .board_top .boardschbox .radio_box.type2 {position: absolute; right: 15px; top: 0; width: 100px; justify-content: flex-end;}
    .board_top .boardschbox .radio_box.type2 li {margin-bottom: 5px;}
    .board_top .boardschbox .radio_box.type2 li:nth-child(2n) {margin-right: 0;}
    
    #inqQlfSearch .board_top .boardschbox{flex-direction:column;}
    #inqQlfSearch .board_top .boardschbox .optionbox {width:100%;}
    #inqQlfSearch .board_top .boardschbox .optionbox select {width:100% !important;}
    
    /*게시판(시민단체 참여 공모) 리스트*/
    .boardlist2 {padding: 0; border-top: 1px solid #222;}
    .boardlist2 > li {margin: 0; padding: 15px 8px; width: 50%; border: 0; border-bottom: 1px solid #ddd;}
    .boardlist2 > li:nth-child(4n) {margin: 0;}
    .boardlist2 > li a {padding: 0 7px;}
    .boardlist2 > li .num_box {margin: 10px 7px 0; width: calc(100% - 14px);}
    .boardlist2 > li .num_box li {padding: 20px 0 0 !important; font-size: 10px; line-height: 10px; text-align: center; background-position: center top; background-size: auto 16px;}
    
    .board_detail .list.type2 li {margin: 3px 0; padding-right: 0; min-width: 50%;}
    .board_detail .list.type2 li::after {right: 10px;}
    .board_detail .list.type2 li:nth-child(2n)::after {display: none;}
    .board_detail .list.type2 li span {margin-right: 10px;}
    .board_detail .list_type {border-bottom: 1px solid #e4e4e4;}
    /*이미지 포함된 내용*/
    .board_detail .img_type .list_type {border-bottom: 0;}
    
    /*이전글 다음글*/
    .view_bottom dl {padding: 7px 15px; display: block; display:-webkit-block;}
    .view_bottom dl dt {margin-bottom: 10px; width: 100%; text-align: left;}
    .view_bottom dl dd {padding: 0; width: 100%;}
    
    /*썸네일게시판*/
    .thumbnaillist > li .img_box {width: 135px; height: 102px;}
    .thumbnaillist > li .text_box .text {margin-bottom: 0; max-height: 52px;}
    .thumbnaillist > li .list {padding: 5px 0 0; width: 100%;}
    
    /*기업csr 목록*/
    .csrlist > li {display:block; display:-webkit-block;}
    .csrlist > li h3 {margin-bottom: 20px; width: 100%; text-align: center;}
    .csrlist > li .list > li {display:block; display:-webkit-block;}
    .csrlist > li .list > li h4 {margin-bottom: 5px; padding-left: 0; padding-top: 3px; width: 100%;}
    .csrlist > li .list > li h4::after {top: 0;}
    .csrlist > li .list > li .detail a {position: relative; margin-bottom: 5px; padding-left: 8px; display:block; display:-webkit-block;}
    .csrlist > li .list > li .detail a::after {content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: #666;}
    .csrlist > li .list > li .detail a p.date {width: 100%;}
    .csrlist > li .list > li.charge {padding-right: 35px;}
    .csrlist > li .list > li.charge dl {flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: flex-start;}
    .csrlist > li .list > li.charge dl dd {margin-right: 10px;}
    
    .paging {margin-top: 40px; }
    
    /*테이블*/    
    .boardlist table thead tr th {font-size:11px;}
    .boardlist table tbody tr td {font-size:11px;}
    .boardlist table tbody tr.notice_line td .notice {padding:2px 5px !important;}
    
    .board_detail .title_box h2 {font-size:17px;}
    .board_detail .top-line .top-box {height:48px;}
    #inqQlfSearch .board_detail .top-line .top-box {height:auto;}
    .board_detail .top-line{flex-direction: column;}
    .board_detail .top-line .top-box:first-child{border-bottom:1px solid #dbdbdb;}
    
  	/*검사결과 조회*/
  	.boardlist:has(.checTable) {min-width:100%; overflow-x:scroll !important; padding-bottom:15px;}
    .boardlist:has(.checTable)::-webkit-scrollbar {height:4px;}
    .boardlist:has(.checTable)::-webkit-scrollbar-thumb {width:10%; background:#5F76B1; border-radius:10px;}
    .boardlist:has(.checTable)::-webkit-scrollbar-track{background:#f2f3f5; border-radius:10px;}
    .checTable{min-width:650px;}
}
@media screen and (max-width:480px){
    
    .boardview table tr td .box.time .box {width: 100%;}
    .boardview table tr td .box.time .optionbox {width: calc(50% - 40px);}
    .boardview table tr td .box.time .character {margin: 0 5px;}
    
    /* 갤러리형 게시판 */
     .gallaylist > li dl dt a img {
    	height : 100%!important;
    }
    /* .gallaylist {padding: 0 10px;}	
    .gallaylist > li {padding: 10px 5px; width: 100%;} */
    
    .board_top .pageList a {width:30% !important;}
        
    .board_detail .title_box h2 {font-size:15px;}
    .board_detail .top-line div strong {font-size:14px;}
    .board_detail .top-line div span {font-size:14px;}
    
    .ad_boardwrite .reserveIn-con table th, .item-con table th{font-size:12px;}
    
    .calender-week span {font-size:12px;}
} 

@media screen and (max-width:473px){
	/*검사신청 등록*/
	.appIns{flex-direction:column; gap:10px;}
	.ad_boardwrite .item-con .item-top.appIns div.flex button.b_green {margin-left:0;}
	.ad_boardwrite .item-con .item-top.appIns div.flex span{text-wrap:nowrap;}
	.singleBtn {width:100%; justify-content:flex-end;}
}


@media screen and (max-width:414px) {
	.paging{width: 67%; margin-top: -200px;}
	.button_box {padding:0;}
	.button_area .button_box .line{margin: 0 10px;}
	.boardview.mypage tr:nth-of-type(n+6):nth-of-type(-n+8) input{width:calc(90%/3) !important;}
	.boardview.mypage tr:nth-of-type(10) input{width:calc(80%/2) !important;}
	
	.boardlist table tbody tr th {font-size:10px;}
	.boardlist table tbody tr td {font-size:9px;}
	 
}

@media screen and (max-width:375px) {	
	.paging{width: 105%; margin-top: 180px;}
	.contentsarea_board .board_top.title h2 {font-size:19px;}
	.button_box.typeD button {height:35px; font-size:14px;}
}

@media screen and (max-width:360px){
    /*게시판 글쓰기 타입1-일반글쓰기*/
    .boardview table tr td .box.tel .optionbox, .boardview table tr td .box.tel .inpbox {width: 100%;}
    .boardview table tr td .box.email {flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;}
    .boardview table tr td .box.email .inpbox {width: calc(50% - 5px);}
    .boardview table tr td .box.email .inpbox:first-child {margin-bottom: 10px; width: calc(100% - 20px);}
    .boardview table tr td .box.email .optionbox {width: calc(50% - 5px);}
    .boardview table tr td .box.email .character {margin: 0 0 10px; line-height: 30px;}
    .boardview table tr td .box .character {margin: 0 5px;}
    .boardview table tr.editor td {padding: 10px 15px;}
    .boardview table tr td .attachment-file .inpbox {width: 100%;}
    .boardview table tr td .attachment-file .ipfile {width: 55px; height: 30px;}
    .boardview table tr td .attachment-file .ipfile span {line-height: 30px; font-size: 11px; border-radius: 0;}
    .boardview table tr td .attachment-file .button_box {padding: 0;}
    .boardview table tr td .attachment-list {margin-top: 10px; width: 100%;}
    .boardview table tr td .attachment-list li {display: flex; margin-bottom: 5px;}
    .boardview table tr td .attachment-list li:last-child {margin-bottom: 0;}
    .boardview table tr td .attachment-list li a {overflow: hidden; max-width: calc(100% - 26px); color: #5e626a; font-size: 14px; text-decoration: underline; text-underline-position: under; line-height: 20px; white-space: nowrap; text-overflow: ellipsis;}
    .boardview table tr td .attachment-list li button {position: relative; top: 2px; margin-left: 10px; width: 16px; height: 16px; border: 1px solid #5e626a;}
    .boardview table tr td .attachment-list li button::after, .boardview table tr td .attachment-list li button::before {content: ''; position: absolute; left: 2px; top: 6px; width: 10px; height: 1px; background-color: #5e626a;}
    .boardview table tr td .attachment-list li button::after {transform: rotate(45deg);}
    .boardview table tr td .attachment-list li button::before {transform: rotate(-45deg);}
    
    /*갤러리형 게시판*/
     .gallaylist > li dl dt a img {
    	height : 100%!important;
    }
    /* .gallaylist > li a .img_box {height: 100px;} */    
}

.ad_paging a:hover, .ad_paging a.active {color: #005ba9; border-color: #005ba9;}
.paging_area.small .ad_paging {margin:0 auto;}
.ad_paging {overflow:hidden; margin: 20px auto 0; display: flex; display:-webkit-flex; justify-content: center; flex-wrap:wrap; gap:5px;}
.ad_paging a {margin: 0 6px; display: block; width: 30px; height: 30px; text-align:center; line-height: 27px; font-size: 14px; border: 1px solid #999; border-radius: 0px; background-repeat: no-repeat; background-position: center center;}
.ad_paging a.btn-paging-first {background-image:url('/images/adm/icon_first.png');}
.ad_paging a.btn-paging-pre {background-image: url('/images/adm/icon_prev.png');}
.ad_paging a.btn-paging-next {background-image: url('/images/adm/icon_next.png');}
.ad_paging a.btn-paging-last {background-image: url('/images/adm/icon_last.png');}