@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);
}


/*이미지없을때*/
.back_noimg { position:relative; }
.back_noimg a::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:1; }
.back_noimg img {position:relative; z-index:2; }
.back_noimg::after {content:''; position:absolute; top:50%; left:50%; width:80px; height:75px; background:var(--board_sprite) 0 -46px; transform:translate(-50%, -50%); opacity:0.5; zoom:80%; z-index:0; }


/*검색*/
.board_search { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  background:#f8f8f8; border-radius:1rem; padding:2rem 3rem; margin-bottom:3rem; }
.board_search select,
.board_search input[type="button"],
.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:4.5rem; border-radius:0.4rem; padding:0 1rem; margin:0.2rem; }
.board_search input[type="submit"],
.board_search a,
.board_search button,
.board_search input[type="button"] { align-content:center; padding:0 2rem; border-color:transparent; background:#333; color:#fff; white-space:nowrap; cursor:pointer; }
.board_search div {display:flex;}
.board_search .date {display:flex; align-items:center; }
.board_search .date {width:30%;}
.board_search .date span {width:1rem;}
.board_search .date input { width:calc((100% - 1rem)/2); }
@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:2rem; }
	.board_search .date {width:100%;}
}


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


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


/* 게시판 목록(기본) */
.board_area.room {overflow-y:scroll; height:40rem;}
.board_table { border-top:2px solid #000; border-collapse: separate; width:100%; table-layout:fixed; }
.board_table thead th { position:relative; padding:1rem; border-bottom:1px solid #555; text-align:center;}
.board_table thead th::after {content:''; position:absolute; left:0; top:50%; width:1px; height:1.5rem; 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:0.8rem; align-content:center; }
.board_table .num {width:8%;}
.board_table .writer {width:10%;}
.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:0.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:0.5rem; }
.board_table tbody td .new::before {width:13px; height:13px; background-position:-44px -25px; margin-left:0.5rem; }
.board_table tbody td.subject {display: flex;align-items: center;justify-content: flex-start;}
@media all and (min-width:1024px){
	.user_field td strong.title {display:none;}
}
@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:1rem; }
	.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:1.2rem; background:#ccc; margin:0 1rem; }
	.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:0.5rem 0; }

	.user_field tbody tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:1rem; }
	.user_field tbody td {display:flex; border-bottom:0; width:100% !important; padding:0; margin:0.3rem 0;  text-align:left; }
	.user_field tbody td::before {display:none;}
	.user_field tbody td strong.title { display:inline-flex; flex-shrink:0; margin-right:1.5rem; word-break:keep-all;  }
	.user_field tbody td strong.title::before {content:''; display:block; flex-shrink:0; width:0.4rem; height:0.4rem; background:var(--p_color); border-radius:50%; margin:1.2rem 0.5rem 0 0;}

}


/* 게시판 목록 (사진) */
.board_photo { display:flex; flex-wrap:wrap; }
.board_photo a {display:block; margin:2rem 0 0 2rem; border:1px solid #ddd; border-radius:1rem; overflow:hidden; }
.board_photo .thumb { position:relative; align-content:center; text-align:center; height:25rem; background:#f7f7f7; overflow:hidden; }
.board_photo .thumb img { height:100%; width:100%; object-fit:cover; transition:0.3s; }
.board_photo .thumb img.no_img { height:auto; width:auto; }
.board_photo a:hover .thumb img { transform:scale(1.1); }
.board_photo dl { padding:2rem; }
.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:1rem; opacity:0.8; }
@media all and (min-width:1023px){
	.board_photo a { width:calc((100% - 4rem)/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% - 2rem)/2);}
	.board_photo a:nth-of-type(2n+1) {margin-left:0;}
}
@media all and (max-width:768px){
	.board_photo .thumb { height:20rem; }
}
@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:4rem;}
.calendar .monthTab > a.arrow { display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; margin:0 2rem; }
.calendar .monthTab > a.arrow.prev::before,
.calendar .monthTab > a.arrow.next::after { content:''; display:flex; width:1rem; height:1rem; 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:2rem; }
.calendar .month_list a { display:flex; align-items:center; justify-content:center;  width:calc((100% - 5.5rem)/12); height:0.4rem; border-radius:0.2rem; 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: 60px;}
.board_view .title h4 {font-weight: 500; font-size:26px; padding: 20px; text-align:center; margin:0 !important; border-top: 2px solid #111;  }
.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:1rem 1.5rem; font-size:0.95em; }
.board_view .title .data{justify-content: center; padding: 15px; background: #f8f8f8; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;}
.board_view .title .data,
.board_view .title .data dl { display:flex; align-items:center; flex-wrap:wrap; font-size: 15px;}
.board_view .title .data dl::after { content:''; display:block; width:1px; height:1.3rem; background:#999; margin:0 2rem; }
.board_view .title .data dl:last-of-type::after {display:none;}
.board_view .title .data dt { padding-right:1.5rem; font-weight:600; color: #555;}
.board_view .title .data dd { display:flex; align-items:center; }
.board_view .title .file div { display:inline-flex; align-items:center;margin:0.2rem 1.5rem 0.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:0.7rem;}
.board_view .title .file div a.review { font-size:0.9em; background:#666; color:#fff; padding:0 0.8rem; border-radius:0.3rem; }
.board_view .title > dd li a {color:#666;}
.board_view .cont { padding:3rem 1rem; border-bottom:1px solid #ddd; font-size: 16px;}
.board_view .cont img { display:block; margin:1rem auto; height:auto !important; }
.board_view .cont video,
.board_view .cont iframe { display:block; width:100%; margin:1rem auto; }
.board_view .cont iframe {height:50rem;}
.board_view .count { display:flex; align-items:center; justify-content:center; margin-top:3rem; }
.board_view .count a {display:flex; align-items:center; font-size:1.1em; font-weight:600; border:1px solid #ddd; box-shadow:0.2rem 0.2rem 0.2rem rgba(0,0,0,0.1); border-radius:1rem; padding:0 2rem; height:5rem; margin:0 0.5rem;}
.board_view .count a span {margin-left:0.5rem; color:var(--blue); }
.board_view .count a.bad span {color:var(--red); }
/*이전다음*/
.view_control {margin-bottom:3rem; }
.view_control a { display:flex; align-items:center; border-bottom:1px solid #ddd; height:5rem; padding:0 1.5rem;}
.view_control a:hover {background:#f5f5f5;}
.view_control a strong { display:flex; align-items:center; font-weight:400; margin-right:3rem; }
.view_control a strong::after {content:''; display:block; width:0; height:0; border-left:0.5rem solid transparent; border-right:0.5rem solid transparent; border-bottom:0.5rem solid #717171; transform:translateY(-50%); margin-left:1.5rem; }
.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:3rem; }
.board_comment .title { font-size:2rem; font-weight:600; margin-bottom:1rem; }
.board_comment .title + .comment_view { border-top:1px solid #000; }
.board_comment .comment_view { border-bottom:1px solid #ddd; padding:1.5rem; }
.comment_info { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1rem; }
.comment_info > div {display:flex; align-items:center;  }
.comment_info > div p {margin-right:1.5rem; }
.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:0.7rem; }
.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:1rem;  }
.commentContent {line-height:1.3;}
.updateComment { background:#efefef; border-radius:0.5rem; text-align:center; padding:2rem; }
.updateComment input,
.updateComment textarea { border:1px solid #ccc; padding:0 1rem; height:3rem; width:20rem;}
.updateComment textarea {width:100%; height:10rem; margin-top:-3rem; }
.updateComment div { margin-top:1rem; }
.updateComment a { display:inline-flex; align-items:center; height:3rem; background:#666; color:#fff; font-size:0.9em; padding:0 1rem; border-radius:0.3rem; margin:0 0.2rem;  }
.comment_write { border:1px solid #ddd; padding:1.5rem; margin-top:2rem; }
.comment_member { display:flex; align-items:center; margin-bottom:1rem;  }
.comment_member label { margin-right:1rem; font-weight:600; }
.comment_member label:nth-of-type(2) {margin-left:2rem;}
.comment_member input { border:1px solid #ddd; width:calc((100% - 12rem)/2); max-width:15rem; height:3.5rem; padding:0 1rem; }
.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:0.5rem; }
.comment_txt2 > div div:last-of-type { font-size:0.85em; color:#666; margin-bottom:0.3rem; }
.comment_txt2 textarea { width:calc(100% - 8rem); height:7rem; }
.comment_txt2 a { display:flex; align-items:center; justify-content:center; width:7rem; height:7rem; background:#444; color:#fff; padding:0 1rem; border-radius:0.3rem; }
@media all and (max-width:768px){
	.board_view .cont iframe {height:40rem;}
}
@media all and (max-width:480px){
	.board_view .cont iframe {height:23rem;}
	.comment_info > div { width:100%; }
	.comment_info .btn1,
	.comment_info .btn2 { width:50%; }
	.board_view .title h4{padding: 17px; font-size: 21px;}
	.board_view .title .data {padding: 10px 15px; flex-direction: column; align-items: flex-start;}
	.board_view .title .data dl{position: relative; margin-bottom: 2px; padding-left: 15px;}
	.board_view .title .data dl:before{position: absolute; top: 8px; left: 0; content:""; display: block; width: 3px; height: 3px; background-color: #333; border-radius: 50%;}
	.board_view .title .data dl:last-child{margin-bottom: 0;}
	.board_view .title .data dl::after{display: none;}
	.board_view .title .data dt{width: 60px; color: #111; font-weight: 500;}
}

/* 게시판 쓰기 & 폼 스타일 */
.form_style {overflow:hidden;}
.form_style dl { display:flex; flex-wrap:wrap; border-top:2px solid #000; border-bottom:1px solid #ddd; margin-left:-1px; }
.form_style dt { align-content:center; flex-shrink:0; width:20%; border-top:1px solid #ddd; border-left:1px dashed #ddd; padding:1rem 2rem; font-weight:600; }
.form_style dt span.red {margin-right:0.5rem; }
.form_style dd { display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:80%; border-top:1px solid #ddd; padding:0.7rem 0.1rem; }
.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:0.3rem; height:0.4rem; padding:0 0.1rem; color:#666; width:100%; margin:0.3rem 0;}
.form_style dd input[type="file"] {padding:0 0.5rem;}
.form_style dd input[type="radio"],
.form_style dd input[type="checkbox"] {margin:0 0.5rem 0 1.2rem; }
.form_style dd input[type="radio"]:first-of-type,
.form_style dd input[type="checkbox"]:first-of-type { margin-left:0;} 
.form_style dd select {width:auto;}
.form_style dd textarea {height:30rem; padding:0.1rem; align-content:flex-start; }
.form_style dd a.btn, .form_style dd button.btn { display:flex; align-items:center; justify-content:center; height:4rem; width:10rem; white-space:nowrap; border-radius:0.3rem; background:var(--p_color); color:#fff; border: 0; cursor: pointer;}
.form_style dd a.btn.red, .form_style dd button.btn.red {background:var(--red);}
.form_style dd a.btn.green, .form_style dd button.btn.green {background:var(--green);}
.form_style dd a.btn.red:hover,
.form_style dd button.btn.red:hover {
  background: var(--red-hover);
}

.form_style dd a.btn.green:hover,
.form_style dd button.btn.green:hover {
  background: var(--green-hover);
}
.form_style dd.id input[type="text"] { width:calc(100% - 1.06rem); }
.form_style dd.id a { display:flex; align-items:center; justify-content:center; height:4rem; width:1rem; white-space:nowrap; border-radius:0.3rem; background:var(--p_color); color:#fff; margin-left:0.6rem; }
.form_style dd.tel input { width:calc((100% - 4rem)/3); }
.form_style dd.tel span { width:2rem; text-align:center; }
.form_style dd.email input,
.form_style dd.email select { width:calc((100% - 4rem)/3); }
.form_style dd.email span { width:2rem; text-align:center; }
.form_style dd.email select {margin-left:2rem;}
.form_style dd.address input:first-of-type { max-width:12rem; }
.form_style dd.address a { display:flex; align-items:center; justify-content:center; height:40rem; width:100rem; white-space:nowrap; border-radius:3rem; background:#444; margin-left:6rem; color:#fff; }
.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 div a.delinput { position:absolute; right:0; top:3rem;  width:90rem; padding:0 5rem; background:#E93D3D; }
.form_style dd.jumin input { width:calc((100% - 126rem)/2); }
.form_style dd.jumin span { width:20rem; text-align:center; }
.form_style dd.jumin a { margin-left:6rem; }
.form_style dd.grow {gap:0 10rem;}
.form_style dd.grow > *:not(span, a.btn) { flex-grow:1; width:auto ;}
.form_style dd.grow > span { text-align:center;}

.form_style.type2 dd,
.form_style dd.short { width:30%; }
.form_style.type3 dt { width:14.1%; }
.form_style.type3 dd { width:19.2%; }

@media all and (max-width:1023px){
	.form_style dt { padding:10rem; }
	.form_style.type2 dd,
	.form_style dd.short { width:80%; }
}
@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;}
}

/* 폼 스타일(보기) */
.form_style dd.file li { display:flex; align-items:center; flex-wrap:wrap; margin:5rem 0; }
.form_style dd.file li::before { content:''; display:block; width:13px; height:13px; background:var(--board_sprite) 0 -25px; margin-right:5rem;}
.form_style dd a.small { height:35rem; margin-left:10rem; }


/* 게시판 비밀번호 */
.board_pw {max-width: 1000px; margin:0 auto; border:1px solid #ddd; border-radius: 10px; padding: 40px 15px; text-align:center;}
.board_pw p.title {font-size: 25px; font-weight: 600;}
.board_pw div p {margin: 20px 0;}
.board_pw input[type="password"] {width:100%;max-width: 500px;align-content:center;border:0;border-radius:3rem;height: 60px;padding: 0 20px;background:#efefef;text-align:center;}
@media all and (max-width:599px){
	.board_pw p.title{font-size: 20px;}
	.board_pw div p{margin: 15px 0; font-size: 15px;}
	.board_pw input[type="password"]{height: 40px; line-height: 40px;}
}

/* 페이징 */
.board_paging {display:flex; flex-flow:row wrap; justify-content:center; text-align:center; margin:3rem auto 0; overflow:hidden;}
.board_paging > * { display:inline-block; margin:0.2rem; border:1px solid #ddd; width:3rem; height:3rem; line-height:3rem; box-sizing:content-box; font-size:1.3rem; }
.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:1.1rem; top:1.1rem; width:0.6rem; height:0.6rem; border-top:1px solid #777; border-left:1px solid #777; transform:rotate(-45deg); }
.board_paging a.arrow::after {left: 1.6rem;}
.board_paging a.prev::before, .board_paging a.next::before { left:1.4rem; }
.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_btn{ text-align:center; margin-top:3rem; }
.board_btn a,
.board_btn input,
.board_btn button { display: inline-flex; align-items:center; justify-content:center; min-width:8rem; height:4rem; padding:0 2rem; background: #444; color: #fff; border-radius: 0.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; }