@charset "UTF-8";
:root {
	--board_sprite : url('/design/common/img/board_sprite.png') no-repeat;
	--blue : #0054c7;
	--red : #c90000;
	--rgba02 : rgba(255,255,255,0.2);
	--rgba03 : rgba(255,255,255,0.3);
	--rgba05 : rgba(255,255,255,0.5);
	--rgba07 : rgba(255,255,255,0.7);
}


/*검색*/
.board_search { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  background:#f8f8f8; border-radius:10rem; padding:20rem 30rem; margin-bottom:30rem; }
.board_search select,
.board_search input[type="text"],
.board_search input[type="submit"],
.board_search input[type="date"],
.board_search a,
.board_search button { border:1px solid #777; height:45rem; border-radius:4rem; padding:0 10rem; margin:2rem; }
.board_search input[type="submit"],
.board_search a,
.board_search button { align-content:center; padding:0 20rem; border-color:transparent; background:#333; color:#fff; }
.board_search .date {display:flex; align-items:center; }
.board_search .date {width:30%;}
.board_search .date span {width:10rem;}
.board_search .date input { width:calc((100% - 10rem)/2); }
.board_search .btw {width:30rem !important; text-align:center;}
@media all and (max-width:1023px){
	.board_search select,
	.board_search input[type="text"],
	.board_search input[type="submit"],
	.board_search input[type="date"] { flex-grow:1; }
}
@media all and (max-width:480px){
	.board_search { padding:20rem; }
	.board_search .date {width:100%;}
}


/* 머릿말 꼬릿말 */
.board_header {margin-bottom:30rem;}
.board_footer {margin-top:30rem;}


/* 페이지 위치 */
.board_page { text-align:right; margin-bottom:15rem; }
.board_page strong {color:var(--red);}


/* 게시판 목록(기본) */
.board_area.room {overflow-y:scroll; height:400rem;}
.board_table { border-top:2px solid #000; border-collapse: separate; width:100%; table-layout:fixed; }
.board_table thead th { position:relative; padding:10rem; border-bottom:1px solid #555; text-align:center;}
.board_table thead th::after {content:''; position:absolute; left:0; top:50%; width:1px; height:15rem; background:#ccc; transform:translateY(-50%); }
.board_table thead th:first-child::after { display:none; }
.board_table tbody td { border-bottom:1px solid #ddd; text-align:center; padding:8rem; align-content:center; }
.board_table .num {width:8%;}
.board_table .writer {width:17%;}
.board_table .cate {width:13%;}
.board_table .date {width:15%;}
.board_table .file {width:8%;}
.board_table .hit {width:8%;}
.board_table .answer {width:8%;}
.board_table tbody td .icon { display:inline-flex; }
.board_table tbody td .icon::before {content:''; display:inline-block;  background:var(--board_sprite); }
.board_table tbody td .icon span {position:absolute; left:-999999rem; height:-999999rem; }
.board_table tbody td .secret { margin-left:5rem;}
.board_table tbody td .secret::before {width:10px; height:12px; background-position:-24px -25px;}
.board_table tbody td .file_icon::before {width:13px; height:13px; background-position:0 -25px;}
.board_table tbody td .reply::before {width:20px; height:9px; background-position:-67px -25px; margin-right:5rem; }
.board_table tbody td .new::before {width:13px; height:13px; background-position:-44px -25px; margin-left:5rem; }
@media all and (max-width:1023px){
	.board_table thead {display:none;}
	.board_table tbody tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:10rem; }
	.board_table tbody td {display:inline-flex; align-items:center; border-bottom:0; width:auto !important; padding:0; }
	.board_table tbody td::before {content:''; display:block; width:1px; height:12rem; background:#ccc; margin:0 10rem; }
	.board_table tbody td:first-of-type::before,
	.board_table tbody td.subject::before,
	.board_table tbody td.subject + td::before {display:none;}
	.board_table tbody td.subject {width:100% !important;}
	.board_table tbody td.subject a { font-size:1.1em; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:5rem 0; }
}


/* 게시판 목록 (사진) */
.board_photo { display:flex; flex-wrap:wrap; }
.board_photo a {display:block; margin:20rem 0 0 20rem; border:1px solid #ddd; border-radius:10rem; overflow:hidden; }
.board_photo .thumb { position:relative; height:250rem; background:#f7f7f7; overflow:hidden; }
.board_photo .thumb:before {content:''; position:absolute; top:50%; left:50%; width:80px; height:75px; background:var(--board_sprite) 0 -46px; transform:translate(-50%, -50%); opacity:0.5; z-index:1; }
.board_photo .thumb img { position:relative; height:100%; width:100%; object-fit:cover; transition:0.3s; z-index:2; }
.board_photo a:hover .thumb img { transform:scale(1.1); }
.board_photo dl { padding:20rem; }
.board_photo dl dt {font-size:1.1em; line-height:1.5; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.board_photo dl dd {font-size:0.95em; margin-top:10rem; opacity:0.8; }
@media all and (min-width:1023px){
	.board_photo a { width:calc((100% - 40rem)/3);}
	.board_photo a:nth-of-type(3n+1) {margin-left:0;}
}
@media (max-width:1023px) and (min-width:481px){
	.board_photo a { width:calc((100% - 20rem)/2);}
	.board_photo a:nth-of-type(2n+1) {margin-left:0;}
}
@media all and (max-width:768px){
	.board_photo .thumb { height:200rem; }
}
@media all and (max-width:480px){
	.board_photo a { width:100%; margin-left:0; }
}


/* 게시판 목록 (달력) */
/* 월 선택 */
.calendar .monthTab { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:40rem;}
.calendar .monthTab > a.arrow { display:flex; align-items:center; justify-content:center; width:40rem; height:40rem; margin:0 20rem; }
.calendar .monthTab > a.arrow.prev::before,
.calendar .monthTab > a.arrow.next::after { content:''; display:flex; width:10rem; height:10rem; border-top:2px solid #666; border-left:2px solid #666; transform:rotate(-45deg); }
.calendar .monthTab > a.arrow.next::after { transform:rotate(135deg); }
.calendar .monthTab > p { font-size:2em; font-weight:600; }
.calendar .month_list { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20rem; }
.calendar .month_list a { display:flex; align-items:center; justify-content:center;  width:calc((100% - 55rem)/12); height:40rem; border-radius:20rem; border:1px solid #ddd; margin:2.5rem 0; }
.calendar .month_list a.on { border:1px solid #222; font-weight:600; }
.calendar .month_list a:hover { background:#f5f5f5; }
/* 달력 */
.calendar_month { text-align:center; font-size:1.8em; font-weight:600; margin-bottom:10rem; }
.calendar_month span {display:block; color:#666; font-size:13rem; }
.calendar_table table { position:relative; width:100%; table-layout:fixed; text-align:center; border-top:1px solid #444;  }
.calendar_table table thead {border-bottom:1px solid #ddd;}
.calendar_table table th { width:calc(100%/7); height:50rem; color:#222; }
.calendar_table table tbody {border-bottom:1px solid #ddd;}
.calendar_table table td { height:50rem; border-left:1px dashed #ddd; border-top:1px dashed #ddd; }
.calendar_table table td:first-child {border-left:0;}
.calendar_table table tr:first-child td {border-top:0;}
.calendar_table table td a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:#f9f9f9; }
.calendar_table table td a.on,
.calendar_table table td a:hover { background:#ddd; font-weight:600; }
.calendar_table table td a.on {text-decoration:underline; outline:1px dashed #999;}
/* 일간달력 타입 */
.day_type { display:flex; justify-content:space-between; }
.day_type .left { width:350rem;}
.day_type .right { width:calc(100% - 400rem); }
.day_type .detail p.title { font-size:1.5em; margin-bottom:10rem; font-weight:600; }
.day_type .detail a { display:block; }
.day_type .detail dl { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:15rem 0; }
.day_type .detail dt { display:flex; align-items:center; width:calc(100% - 200rem); font-size:1.05em; font-weight:600; }
.day_type .detail dt::before { content:''; flex-shrink:0; display:block; width:5rem; height:5rem; border-radius:50%; background:var(--blue); margin-right:10rem; }
.day_type .detail a:hover dt { text-decoration:underline; }
.day_type .detail dt span { display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.day_type .detail dt span::before { font-weight:400; font-size:0.85em; padding:5rem 10rem; margin-right:8rem; border-radius:3rem; color: #fff; }
.day_type .detail dt span.bgp_4::before {content: '주간행사'; background: #3064a7; }
.day_type .detail dt span.bgp_5::before {content: '문화예술'; background: #922f2d; }
.day_type .detail dt span.bgp_6::before {content: '체육행사'; background: #007e68; }
.day_type .detail dd { flex-shrink:0; font-size:0.9em; opacity:0.8; }
@media all and (max-width:1023px){
	.calendar_table table th,
	.calendar_table table td {height:40rem; }
	.day_type .left { width:300rem;}
	.day_type .right { width:calc(100% - 340rem); }
}
@media all and (max-width:768px){
	.calendar .month_list a { width:calc((100% - 25rem)/6); }
	.day_type { flex-wrap:wrap; }
	.day_type .left,
	.day_type .right { width:100%; }
	.day_type .left { margin-bottom:30rem; }
}
@media all and (max-width:480px){
	.day_type .detail dt {width:100%;}
	.day_type .detail dd {width:100%; padding-left:15rem; }
}


/* 게시판 보기 */
.board_view { margin-bottom:30rem;}
.board_view .title h4 { font-size:1.2em !important; padding-bottom:15rem; text-align:center; margin:0 !important; border-bottom:1px solid #777;  }
.board_view .title h4::before,
.board_view .title h4::after {display:none !important;}
.board_view .title > div { background:#f1f1f1; border-bottom:1px solid #ddd; padding:10rem 15rem; font-size:0.95em; }
.board_view .title .data,
.board_view .title .data dl { display:flex; align-items:center; flex-wrap:wrap; }
.board_view .title .data dl::after { content:''; display:block; width:1px; height:13rem; background:#999; margin:0 20rem; }
.board_view .title .data dl:last-of-type::after {display:none;}
.board_view .title .data dt { padding-right:15rem; font-weight:600; }
.board_view .title .data dd { display:flex; align-items:center; }
.board_view .title .file div { display:inline-flex; align-items:center;margin:2rem 15rem 2rem 0; }
.board_view .title .file div::before {content:''; display:block; width:13px; height:15px; background:var(--board_sprite) 0 0; }
.board_view .title .file div a {display:inline-flex; margin-left:7rem;}
.board_view .title .file div a.review { font-size:0.9em; background:#666; color:#fff; padding:0 8rem; border-radius:3rem; }
.board_view .title > dd li a {color:#666;}
.board_view .cont { padding:30rem 15rem; border-bottom:1px solid #ddd;}
.board_view .cont img { display:block; margin:10rem auto; height:auto !important; }
.board_view .cont video,
.board_view .cont iframe { display:block; width:100%; margin:10rem auto; }
.board_view .cont iframe {height:500rem;}
.board_view .count { display:flex; align-items:center; justify-content:center; margin-top:30rem; }
.board_view .count a {display:flex; align-items:center; font-size:1.1em; font-weight:600; border:1px solid #ddd; box-shadow:2rem 2rem 2rem rgba(0,0,0,0.1); border-radius:10rem; padding:0 20rem; height:50rem; margin:0 5rem;}
.board_view .count a::before {content:''; display:block; width:20px; height:20px; background:var(--board_sprite) -77px 0; margin-right:7rem; }
.board_view .count a.bad::before {transform:scaleY(-1); }
.board_view .count a span {margin-left:5rem; color:var(--blue); }
.board_view .count a.bad span {color:var(--red); }
/*이전다음*/
.view_control {margin-bottom:30rem; }
.view_control a { display:flex; align-items:center; border-bottom:1px solid #ddd; height:50rem; padding:0 15rem;}
.view_control a:hover {background:#f5f5f5;}
.view_control a strong { display:flex; align-items:center; font-weight:400; margin-right:30rem; }
.view_control a strong::after {content:''; display:block; width:0; height:0; border-left:5rem solid transparent; border-right:5rem solid transparent; border-bottom:5rem solid #717171; transform:translateY(-50%); margin-left:15rem; }
.view_control a:last-of-type strong::after {transform:rotate(-180deg); }
.view_control a span { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:0.95em; color:#666; }
/*댓글달기*/
.board_comment { margin-bottom:30rem; }
.board_comment .title { font-size:20rem; font-weight:600; margin-bottom:10rem; }
.board_comment .title + .comment_view { border-top:1px solid #000; }
.board_comment .comment_view { border-bottom:1px solid #ddd; padding:15rem; }
.comment_info { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10rem; }
.comment_info > div {display:flex; align-items:center;  }
.comment_info > div p {margin-right:15rem; }
.comment_info > div .name { font-weight:600; }
.comment_info > div .date { font-size:0.9em; }
.comment_info > div a { font-size:0.9em; }
.comment_info > div.btn1 a { display:flex; align-items:center; }
.comment_info > div.btn1 a.good {color:var(--blue); margin-right:7rem; }
.comment_info > div.btn1 a::before { content:''; display:block; width:18px; height:17px; background:var(--board_sprite) -49px 0; margin-right:3rem; }
.comment_info > div.btn1 a.good::before { width:17px; background-position-x:-22px; }
.comment_info > div.btn2 {flex-grow:1; justify-content:flex-end; }
.comment_info > div.btn2 a { display:flex; }
.comment_info > div.btn2 a.del { color:var(--red); margin-left:10rem;  }
.commentContent {line-height:1.3;}
.updateComment { background:#efefef; border-radius:5rem; text-align:center; padding:20rem; }
.updateComment input,
.updateComment textarea { border:1px solid #ccc; padding:0 10rem; height:30rem; width:200rem;}
.updateComment textarea {width:100%; height:100rem; margin-top:-30rem; }
.updateComment div { margin-top:10rem; }
.updateComment a { display:inline-flex; align-items:center; height:30rem; background:#666; color:#fff; font-size:0.9em; padding:0 10rem; border-radius:3rem; margin:0 2rem;  }
.comment_write { border:1px solid #ddd; padding:15rem; margin-top:20rem; }
.comment_member { display:flex; align-items:center; margin-bottom:10rem;  }
.comment_member label { margin-right:10rem; font-weight:600; }
.comment_member label:nth-of-type(2) {margin-left:20rem;}
.comment_member input { border:1px solid #ddd; width:calc((100% - 120rem)/2); max-width:150rem; height:35rem; padding:0 10rem; }
.comment_txt2 {display:flex; flex-wrap:wrap; justify-content:space-between; }
.comment_txt2 > div {display:flex; align-items:flex-end; flex-wrap:wrap; }
.comment_txt2 > div div { margin-right:5rem; }
.comment_txt2 > div div:last-of-type { font-size:0.85em; color:#666; margin-bottom:3rem; }
.comment_txt2 textarea { width:calc(100% - 80rem); height:70rem; }
.comment_txt2 a { display:flex; align-items:center; justify-content:center; width:70rem; height:70rem; background:#444; color:#fff; padding:0 10rem; border-radius:3rem; }
@media all and (max-width:768px){
	.board_view .cont iframe {height:400rem;}
}
@media all and (max-width:480px){
	.board_view .cont iframe {height:230rem;}
	.comment_info > div { width:100%; }
	.comment_info .btn1,
	.comment_info .btn2 { width:50%; }
}

/* 게시판 쓰기 & 폼 스타일 */
.form_style dl { display:flex; flex-wrap:wrap; border-top:2px solid #000; border-bottom:1px solid #ddd; }
.form_style dt { align-content:center; width:20%; border-top:1px solid #ddd; padding:10rem; font-weight:600; }
.form_style dt span.red {margin-right:5rem; }
.form_style dd { display:flex; flex-wrap:wrap; align-items:center; width:80%; border-top:1px solid #ddd; padding:7rem 10rem; }
.form_style dt:first-of-type,
.form_style dd:first-of-type { border-top:0; }
.form_style dd p { font-size:0.95em; color:#666;}
.form_style dd input[type="text"],
.form_style dd input[type="password"],
.form_style dd input[type="file"],
.form_style dd textarea,
.form_style dd select { align-content:center; border:1px solid #ccc; border-radius:3rem; height:40rem; padding:0 10rem; color:#666; width:100%; margin:3rem 0;}
.form_style dd input[type="file"] {padding:0 5rem;}
.form_style dd input[type="radio"] {margin:0 5rem 0 12rem; }
.form_style dd input[type="radio"]:first-of-type { margin-left:0;}
.form_style dd select {width:auto;}
.form_style dd textarea {height:300rem; padding:10rem; align-content:flex-start; }
.form_style dd.id input:first-of-type { width:calc(100% - 106rem); }
.form_style dd.id a { display:flex; align-items:center; justify-content:center; height:40rem; width:100rem; border-radius:3rem; background:var(--p_color); color:#fff; margin-left:6rem; }
.form_style dd.tel input { width:calc((100% - 40rem)/3); }
.form_style dd.tel span { width:20rem; text-align:center; }
.form_style dd.email input,
.form_style dd.email select { width:calc((100% - 40rem)/3); }
.form_style dd.email span { width:20rem; text-align:center; }
.form_style dd.email select {margin-left:20rem;}
.form_style dd.address input:first-of-type { max-width:120rem; }
.form_style dd.address a { display:flex; align-items:center; justify-content:center; height:40rem; width:100rem; border-radius:3rem; background:#444; color:#fff; margin-left:6rem; }
.form_style dd.youtube div { display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-top:7rem;}
.form_style dd.youtube div:first-of-type { margin-top:0; }
.form_style dd.youtube div input[type="text"]:last-of-type { width:calc(100% - 215rem); max-width:120rem; margin-left:5rem; text-align:center; }
.form_style dd.youtube div.del input[type="text"]:last-of-type { width:calc(100% - 295rem); flex-grow:1; margin-right:10rem; }
.form_style dd.youtube div.del_check {width:auto;}
.form_style dd.file div { position:relative; width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-top:7rem; }
.form_style dd.file div:first-of-type { margin-top:0; }
.form_style dd.file div p { width:100rem; }
.form_style dd.file div p.file_name {width:auto; margin-right:10rem; }
.form_style dd.file div.del_check {width:auto; }
.form_style dd.file input[type="file"] { width:calc(100% - 100rem); }
.form_style dd.file a.addinput {display:inline-flex; align-items:center; background:var(--p_color); border-radius:5rem; color:#fff; padding:0 20rem; line-height:40rem; }
.form_style dd.file div a.delinput {position:absolute; right:0; top:3rem; display:inline-flex; align-items:center; justify-content:center; width:90rem; padding:0 5rem; height:40rem; background:#E93D3D; color:#fff; border-radius:5rem; }
.form_style dd.grow {gap:0 10rem;}
.form_style dd.grow > * {flex-grow:1; width:auto !important;}
@media all and (max-width:480px){
	.form_style dt { width:100%; padding-bottom:3rem; }
	.form_style dd { width:100%; border-top:0; padding-top:0; }
	.form_style dd.email input { width:calc((100% - 20rem)/2);}
	.form_style dd.email select {margin-left:0; width:100%;}
	.form_style dd.youtube p {font-size:0.85em;}
}


/* 게시판 비밀번호 */
.board_pw { max-width:500rem; margin:0 auto; border:1px solid #ddd; border-radius:5rem; padding:30rem; text-align:center;}
.board_pw p.title {font-size:1.3em; font-weight:600; }
.board_pw div p {margin:15rem 0 10rem; }
.board_pw input { width:100%; max-width:200rem; align-content:center; border:0; border-radius:3rem; height:40rem; padding:0 10rem; background:#efefef; text-align:center; }


/* 페이징 */
.board_paging {display:flex; flex-flow:row wrap; justify-content:center; text-align:center; margin:30rem auto 0; overflow:hidden;}
.board_paging > * { display:inline-block; margin:2rem; border:1px solid #ddd; width:30rem; height:30rem; line-height:30rem; box-sizing:content-box; font-size:13rem; }
.board_paging strong {background:#444; border:1px solid #444; color:#fff; }
.board_paging a:hover {background:#f0f3f8; }
.board_paging a.on { background:#444; border:1px solid #222; color:#fff; }
.board_paging a.arrow { position:relative; text-indent:-9999rem; }
.board_paging a.arrow::before,
.board_paging a.arrow::after {content:''; position:absolute; left:11rem; top:11rem; width:6rem; height:6rem; border-top:1px solid #777; border-left:1px solid #777; transform:rotate(-45deg); }
.board_paging a.arrow::after {left: 16rem;}
.board_paging a.prev::before, .board_paging a.next::before { left:14rem; }
.board_paging a.prev::after, .board_paging a.next::after {display:none;}
.board_paging a.arrow.next,
.board_paging a.arrow.last {transform:rotate(180deg); }
@media all and (max-width:599px){
	.board_paging {width:260rem;}
}


/*게시판 버튼*/
.board_btn{ text-align:center; margin-top:30rem; }
.board_btn a,
.board_btn input,
.board_btn button { display: inline-flex; align-items:center; justify-content:center; min-width:80rem; height:40rem; padding:0 20rem; background: #444; color: #fff; border-radius: 3rem; cursor:pointer; }
.board_btn a:hover,
.board_btn input:hover,
.board_btn button:hover  {color:#fff; background:#222;}


/* 설문조사 */
/* 목록 */
.survey_area .dateTerm {width:30%;}
.survey_area .answer,
.survey_area .funcBtn {width:8%;}
.survey_area .funcBtn a {display:block; background:var(--blue); color:#fff; border-radius:5rem; padding:0 10rem; }
.survey_area .funcBtn a.status_3 { background:var(--red);}
.survey_area .funcBtn a.status_2 { background:#777;}
/* 참여&결과 */
.survey_top h4 { font-weight:600; font-size:1.3em !important; text-align:center; margin:0 !important; }
.survey_top h4::before,
.survey_top h4::after {display:none !important;}
.survey_top .date { display:flex; align-items:center; justify-content:center; margin:15rem 0 20rem; }
.survey_top .date strong { background:var(--blue); color:#fff; padding: 0 10rem; border-radius:3rem; margin-right:10rem; }
.survey_top div:not(.date) { padding:30rem; background:#f5f5f5; border-radius:10rem; margin-bottom:30rem; }
.survey_area .form_style dt {width:100%; background:#f5f5f5; padding-bottom:10rem;}
.survey_area .form_style dt .sub_title { font-size:0.9em; font-weight:400; padding-left:25rem; }
.survey_area .form_style dd { width:100%; padding:10rem 10rem 20rem; }
.survey_area .form_style dd a {display:inline-flex; align-items:center; height:30rem; background:#555; font-size:0.9em; color:#fff; padding:0 10rem; border-radius:3rem; margin:5rem 0 0 15rem; }
.survey_area .form_style dd img {width:auto !important; height:auto !important; margin:5rem 0 0 15rem; }
/* 참여 */
.survey_paper .form_style dd div { display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; margin:5rem 0;}
.survey_paper .form_style dd input[type="checkbox"],
.survey_paper .form_style dd input[type="radio"] { width:15rem; margin-top:5rem; margin-right:0; }
.survey_paper .form_style dd input[type="text"] { width:calc(100% - 15rem); margin-left:15rem; }
.survey_paper .form_style dd label { display:flex; width:calc(100% - 15rem); padding-left:5rem; line-height:1.5; }
.survey_paper .form_style dd label span:first-of-type { flex-shrink:0; padding:1rem 15rem 0 0; font-size:0.9em;}
/* 결과 */
.survey_result .result_box { width:100%; padding:10rem 0; border-top:1px dashed #ccc; }
.survey_result .result_box:first-of-type { border-top:0; }
.survey_result .quest > div { display:flex; }
.survey_result .quest > div span:first-of-type { flex-shrink:0; padding:1rem 15rem 0 0; font-size:0.9em;}
.survey_result .quest a {display:inline-flex; align-items:center; height:30rem; background:#555; font-size:0.9em; color:#fff; padding:0 10rem; border-radius:3rem; }
.survey_result .answer_list { background:#fafafa; border-radius:5rem; border:1px solid #efefef; padding:10rem 15rem; margin-bottom:10rem; }
.survey_result .answer_list li { font-size:0.9em; }
.survey_result .answer_list li span {font-style:italic; font-weight:600; margin-right:7rem; }
.survey_result .graph { display:flex; align-items:center; }
.survey_result .graph .bar { display:flex; height:7rem; flex-grow:1; background:#efefef; border-radius:3rem; overflow:hidden; }
.survey_result .graph .bar span { background:var(--blue); }
.survey_result .graph .count { font-size:0.85em; margin:0 10rem; white-space:nowrap; }
.survey_result .form_style dd a,
.survey_result .form_style dd img { margin-left:0; }


/*신규타입게시판*/
.report_list {border-top:2px solid #000;}
.report_list > li {border-bottom:1px solid #ddd; padding:30rem;}
.report_list > li > a {display:flex; justify-content:space-between;}
.report_list .report_img {width:300rem; height:160rem;}
.report_list .report_img img {width:100%; height:100%; object-fit:cover; display:block;}
.report_list .report_cont {width:calc(100%  - 330rem); padding-top:10rem;}
.report_list .report_cont .subject {font-size:24rem; font-weight:500; line-height:1.6;}
.report_list .report_cont .classify {display:flex; align-items:center; color:#535353; margin-top:10rem; margin-left:2rem;}
.report_list .report_cont .classify span {display:flex; align-items:center;}
.report_list .report_cont .classify span:after {content:''; flex-shrink:0; flex-grow:0; width:1px; height:15rem; background:#535353; margin:0 20rem;}
.report_list .cont {margin-top:30rem; color:#535353;                
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; height:100%; max-height:5.1em; line-height:1.7em; word-wrap:break-word; text-overflow:ellipsis;}
@media all and (max-width:1240px){
    .report_list .report_cont .classify {flex-wrap:wrap;}
}
@media all and (max-width:768px){
    .report_list > li > a {flex-wrap:wrap;}
    .report_list .report_img {width:100%;}
    .report_list .report_cont {width:100%; padding-top:30rem;}
    .report_list .report_cont .subject {font-size:22rem;             
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; height:100%; max-height:3.2em; line-height:1.6em; word-wrap:break-word; text-overflow:ellipsis;}
    .report_list .report_cont .classify span {width:100%; line-height:1.7;}
    .report_list .report_cont .classify span:after {display:none;}
}



/*dark 모드*/
.dark_mode .board_wrap input[type="text"],
.dark_mode .board_wrap input[type="password"],
.dark_mode .board_wrap input[type="file"],
.dark_mode .board_wrap textarea,
.dark_mode .board_wrap select,
.dark_mode .form_style dd input[type="text"],
.dark_mode .form_style dd input[type="password"],
.dark_mode .form_style dd input[type="file"],
.dark_mode .form_style dd textarea,
.dark_mode .form_style dd select { background:var(--rgba02); color:#fff; border-color:var(--rgba03); }
.dark_mode .board_wrap input::placeholder,
.dark_mode .form_style dd input::placeholder { color: #aaa; }

/*검색*/
.dark_mode .board_search {background:var(--rgba01); }
.dark_mode .board_search input[type="submit"] {background:var(--rgba03);}
.dark_mode .board_search select,
.dark_mode .board_search input[type="text"],
.dark_mode .board_search input[type="date"] { background:none; color:#fff; border-color:var(--rgba03);}
.dark_mode .board_search select option {color:#222;}

/* 게시판 목록(기본) */
.dark_mode .board_table {border-color:var(--rgba07); }
.dark_mode .board_table thead th { border-color:var(--rgba05);}
.dark_mode .board_table tbody td {border-color:var(--rgba02); }

/* 게시판 목록 (사진) */
.dark_mode .board_photo a {border-color:var(--rgba03);}

/* 게시판 목록 (달력) */
.dark_mode .calendar .monthTab > a.arrow.prev::before,
.dark_mode .calendar .monthTab > a.arrow.next::after { border-color:var(--rgba07); }
.dark_mode .calendar .month_list a {  border-color:var(--rgba03); }
.dark_mode .calendar .month_list a.on { border-color:var(--rgba07); background:var(--rgba02); }
.dark_mode .calendar .month_list a:hover { background:var(--rgba02); }
.dark_mode .calendar_table table {border-color:var(--rgba07); }
.dark_mode .calendar_table table thead,
.dark_mode .calendar_table table tbody {border-color:var(--rgba03);}
.dark_mode .calendar_table table th {color:#fff; }
.dark_mode .calendar_table table td {border-color:var(--rgba05);}
.dark_mode .calendar_table table td a {background:var(--rgba02);}
.dark_mode .calendar_table table td a:hover {background:var(--rgba05);}
.dark_mode .calendar_table table td a.on {outline-color:#fff; background:#fff; color:#111; }

/* 게시판 보기 */
.dark_mode .board_view .title h4 { color:#fff !important; border-color:var(--rgba07);}
.dark_mode .board_view .title > div {background:var(--rgba02); border-color:var(--rgba02);  }
.dark_mode .board_view .count a {border:0; background:var(--rgba03);}
.dark_mode .board_view .cont { border-color:var(--rgba03); }
.dark_mode .board_view .count a::before { background-position-x:-134px; }
/*이전다음*/
.dark_mode .view_control a { border-color:var(--rgba02);}
.dark_mode .view_control a:hover {background:var(--rgba02); }
.dark_mode .view_control a span {color:var(--rgba07); }
/*댓글달기*/
.dark_mode .board_comment .title + .comment_view {border-top:1px solid var(--rgba07);}
.dark_mode .board_comment .comment_view {border-color:var(--rgba02);}
.dark_mode .comment_write { border-color:var(--rgba03); }
.dark_mode .comment_txt2 a { background:var(--rgba02); }
.dark_mode .comment_info > div.btn1 a.good {color:#fff;}
.dark_mode .comment_info > div.btn1 a.good::before {background-position-x:-107px;}

/* 게시판 쓰기 & 폼 스타일 */
.dark_mode .form_style dl { border-top-color:var(--rgba07); border-bottom-color:var(--rgba02); }
.dark_mode .form_style dt,
.dark_mode .form_style dd { border-color:var(--rgba02); }
.dark_mode .form_style dd p {color:#fff; }

/* 게시판 비밀번호 */
.dark_mode .board_pw { border-color:var(--rgba03); }

/* 페이징 */
.dark_mode .board_paging > * {border-color:var(--rgba02);}
.dark_mode .board_paging strong {background:var(--rgba02); }
.dark_mode .board_paging a:hover {background:var(--rgba03);}
.dark_mode .board_paging a.arrow::before,
.dark_mode .board_paging a.arrow::after { border-color:var(--rgba07); }

/*게시판 버튼*/
.dark_mode .board_btn a,
.dark_mode .board_btn input,
.dark_mode .board_btn button {background:var(--rgba02);}

/* 설문조사 */
/* 참여&결과 */
.dark_mode .survey_top h4 { color:#fff !important; }
.dark_mode .survey_top div:not(.date) { background:var(--rgba02); }
.dark_mode .survey_area .form_style dt {background:var(--rgba02);}
/*결과*/
.dark_mode .survey_result .answer_list { border:0; background:var(--rgba02); }