@charset "UTF-8";

:root {
  --border-radius:20rem;
  --padding:40rem;
  --btn-padding:7rem 15rem;
}
@media (max-width:1440px) {
  :root {
    --padding:30rem;
  }
}
@media (max-width:768px) {
  :root {
  	--border-radius:10rem;
  }
}
@media (max-width:321px) {
	:root {
  	--padding:25rem;
  }
}

input, button, textarea, select {font-family:'Pretendard_subset', 'Pretendard', '맑은 고딕', sans-serif; font-weight:400; font-size:17rem; color:#323232; border-radius:0; vertical-align:middle; border:1px solid #ddd;}
button, input[type="submit"] {cursor:pointer;}
select {background:#fff;}
pre {font-family:'Pretendard_subset', 'Pretendard', '맑은 고딕', sans-serif; font-weight:400; font-size:18rem; color:#323232; letter-spacing:-0.5px; word-break:keep-all; white-space:break-spaces;}
legend {position:absolute; left:-9999rem;}

.boardSbox ul {display:flex; flex-wrap:wrap; margin-bottom:40rem; }
.boardSbox ul li { width:calc(14.28% + 1px); margin:-1px 0 0 -1px; border:1px solid #ddd; background:#fafafa; }
.boardSbox ul li a { display:flex; align-items:center; justify-content:space-between; padding:0 20rem; height:50rem; }
.boardSbox ul li.on a,
.boardSbox ul li a:hover { background:#fff; color:var(--p_color); font-weight:600; }
.boardSbox ul li.on a::after,
.boardSbox ul li a:hover::after {content:''; display:block; width:6rem; height:9rem; border-right:2px solid var(--p_color); border-bottom:2px solid var(--p_color); transform:rotate(45deg);}
.boardSbox ul li.on {border-color:var(--p_color); box-shadow:0 0 3rem rgba(0,0,0,0.5); z-index:1; }
@media all and (max-width:768px){
	.boardSbox ul li { width:calc(33.33% + 1px); }
}
@media all and (max-width:480px){
	.boardSbox ul li { width:calc(50% + 1px); }
}

/*게시판버튼*/
.confirm a,
.modify_f_btn button,
.board_btn_write a,
.btn_board a,
.btn_board button {vertical-align:middle; display:inline-block; margin:2rem; height:40rem; line-height:40rem; padding:var(--btn-padding); padding-top:0; padding-bottom:0; border:0; background:#333; color:#fff; font-size:16rem;}
.btn_board {overflow:hidden; clear:both;}
.btn_board_left2 {float:left; display:flex; margin:0 -2rem;}
.btn_board_left2 a:first-child {background:#005db6;}
.btn_board_right {float:right; display:flex; margin:0 -2rem;}
.board_btn_write {text-align:right;}
.board_btn_write,
.btn_board {margin:20rem 0 40rem;}
.btn_board .bg {background:#005db6;}

/*
.board_search_wrap legend,
.board_search_wrap label {position:absolute; left:-9999rem;}
.board_search_wrap {margin-bottom:30rem; margin-top:-40rem;}
.board_search {display:flex; align-items:center;justify-content:center;background:#f7f8f9;padding:var(--padding);}
.board_search * {display:block; margin:3rem; height:40rem; border:1px solid #ddd;}
.board_search select {padding:0 10rem; width:100rem !important; flex-shrink:0;}
.board_search input[type="text"] {padding:0 10rem;}
.board_search button {padding:var(--btn-padding); border:0; background:#333; color:#fff; font-size:16rem;}
@media all and (max-width:768px){
	.board_search input[type="text"] {width:100%;}
}
@media all and (max-width:599px){
	.board_search {flex-wrap:wrap; justify-content:flex-start;}
	.board_search select {flex-grow:1;}
	.board_search input[type="text"] {width:calc(100% - 73rem);}
	.board_search button {width:61rem; padding:0;}
}
*/
/*검색*/
.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); }
@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%;}
}



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



/*목록*/
.bod_page_wrap {display:flex; justify-content:space-between; align-items:center; margin-bottom:10rem;}
.bod_page_wrap a {display:inline-block; align-content:center; border:1px solid #999; height:40rem; border-radius:20rem; padding:0 30rem; font-size:17rem;}
/*.bod_page {margin-bottom:20rem; }*/
.tbl_board { table-layout:fixed; }
.board_list {clear:both; border-top:2px solid #222;}
.board_list table * {line-height:1.5; font-size:17rem;}
.board_list table colgroup {display:none;}
.board_list table thead th {padding:13rem 20rem; border-bottom:1px solid #222; text-align:center;}
.board_list table tbody tr {border-bottom:1rem solid #ddd; }
.board_list table tbody td {padding:13rem 20rem; text-align:center; word-break:break-all;}
.board_list table tbody td.b_title {text-align:left; line-height:1.5;}
.board_list table tbody td a:hover {text-decoration:underline;}
.board_list table .notice {background:#323232; color:#fff; font-size:15rem; padding:5rem 7rem;}
.board_list table .subject a {font-weight:600; }
.board_list table .num {width:8%;}
.board_list table .writer {width:17%;}
.board_list table .cate {width:13%;}
.board_list table .date {width:15%;}
.board_list table .file {width:8%;}
.board_list table .hit {width:8%;}
/*
.b_no {width:100px;}
.b_title {}
.b_date {width:150px;}
.b_file  {width:5%}
.b_hit {width:100px;}
.b_regist {width:200px;}
.b_company {width:220px;}
.board_list tbody td.b_address {text-align:left;}
.b_name {width:100px;}
*/
.b_state {width:100px}
.state { display: inline-flex; align-items: center; gap:4px; color:rgba(46, 54, 67, 0.7); line-height: 1; }
.state::before {flex:none; content:''; display:inline-block; width:8px; height:8px; border-radius:50%; background-color:rgba(46, 54, 67, 0.2);}
.state.ok::before {background-color:#00a651;}
.state.no::before {background-color:#ed1c24;}
@media all and (max-width:1640px){
  .b_hit {display:none;}
}
@media all and (min-width:1024px){
	.board_list table.user_field td strong.title {display:none;}
}
@media all and (max-width:1023px){
	.board_list table.basic thead {display:none;}
	.board_list table.basic tbody tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:10rem; }
	.board_list table.basic tbody td {display:inline-flex; align-items:center; border-bottom:0; width:auto !important; padding:0; }
	.board_list table.basic tbody td::before {content:''; display:block; width:1px; height:12rem; background:#ccc; margin:0 10rem; }
	.board_list table.basic tbody td:first-of-type::before{display:none;}
	.board_list table.basic tbody td.subject::before,
	.board_list table.basic tbody td.subject + td::before {display:none;}
	.board_list table.basic tbody td.subject {width:100% !important;}
	.board_list table.basic tbody td.subject a,
	.board_list table.basic tbody td.b_company { font-size:1.1em; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:5rem 0; }
	.board_list table.basic tbody td.num,
	.board_list table.basic tbody td.cate::before {display:none;}

	.board_list table.user_field thead {display:none;}
	.board_list table.user_field tbody tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:10rem; }
	.board_list table.user_field tbody td {display:flex; border-bottom:0; width:100% !important; padding:0; margin:3rem 0;  text-align:left; }
	.board_list table.user_field tbody td strong.title { display:inline-flex; flex-shrink:0; margin-right:15rem; word-break:keep-all;  }
	.board_list table.user_field tbody td strong.title::before {content:''; display:block; flex-shrink:0; width:4rem; height:4rem; background:var(--p_color); border-radius:50%; margin:9rem 5rem 0 0;}
}
@media all and (max-width:480px){
	.board_list table .btn {padding:5rem 10rem;}
	.board_list table .btn.sm { height:auto; }
	.board_list table.user_field tbody td strong.title { width:120rem; }
}
/*
@media all and (max-width:1440px){
  .b_no {display:none;}
  .b_file  {display:none;}
  .b_hit {display:none;}
}
@media all and (max-width:1023px){
  .b_date {display:none;}
  .b_statue {display:none;}
}
*/

/*갤러리게시판*/
.gallery_list > ul {display:flex; flex-wrap:wrap; margin:-10rem;}
.gallery_list > ul > li {width:calc(33.333% - 20rem); margin:10rem; border:1px solid #e7e7e7; border-radius:10rem;}
.gallery_list > ul > li.no_list {width:100%; border:0; padding:20rem 0; text-align:center;}
.gallery_list > ul > li > a {display:block; padding:25rem;}
.gallery_list > ul > li > a > div {text-align:center;}
.gallery_list > ul > li > a > div img {height:248rem; object-fit:cover; display:block; width:100%; margin:0 auto; border-radius:6rem;}
.gallery_list .title {padding:20rem 0 7rem; font-size:20rem; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; /*margin-left:-10rem;*/}
/* .gallery_list .title img {display:none;} */
.gallery_list .info {color:#333; font-size:16rem;}
.gallery_list .user {padding:0 20rem 20rem 20rem;}
.gallery_list .user a {background:var(--blue); display:block; border-radius:6rem; color:#fff; font-size:14rem; text-align:center; text-transform:uppercase; padding:6rem; letter-spacing:0.4rem;}
@media all and (max-width:1023px){
	.gallery_list > ul > li {width:calc(50% - 20rem);}
}
@media all and (max-width:768px){
	.gallery_list a {display:block; padding:20rem;}
	.gallery_list a > div img {height:200rem;}
}
@media all and (max-width:480px){
	.gallery_list > ul {margin:-10rem 0;}
	.gallery_list > ul > li {width:100%; margin:10rem 0;}
}


/*동영상갤러리*/
.mov_warp .mov iframe { height:500rem;  }
.mov_warp .mov_discription {text-align:center; font-size:20rem; font-weight:600; margin:20rem 0 30rem; }
.gallery_wrap {display:flex; flex-wrap:wrap; gap:20rem; }
.gallery_wrap .gallery {width:calc((100% - 60rem)/4);  }
.gallery_wrap .gallery a {display:block; }
.gallery_wrap .gallery img {width:100% !important; height:auto !important; }
@media all and (max-width:768px){
	.gallery_wrap .gallery {width:calc((100% - 20rem)/2);  }
}


/*보기*/
.write_wrap {margin:-40rem 0 0 0;}
.write_wrap .tle_wrap3 {display:flex; align-items:center; justify-content:space-between; padding:20rem; border-top:2px solid #222;}
.write_wrap .tle_left3 {font-weight:600; font-size:21rem; line-height:1.5; padding-right:40rem;}
.write_wrap .tle_right2 {font-size:16rem; color:#4f4f4f; letter-spacing:0; flex-shrink:0; flex-grow:0;}
.write_wrap .tle_wrap,
.write_wrap .tle_wrap2 {padding:20rem 10rem; background:#f6f6f6; display:flex; font-size:17rem; color:#4f4f4f;}
.write_wrap .tle_left_r {font-weight:600; margin:0 13rem;}
.write_wrap .tle_right,
.write_wrap .tle_file_right {margin:0 20rem 0 0;}
.write_wrap .count {display:flex;}
.write_wrap .tle_wrap2 {display:flex; border-top:1px solid #ddd;}
.write_wrap .tle_file {margin:-2rem 0;}
.write_wrap .tle_file a {display:inline-block; margin:2rem 0; color:#4f4f4f;}
/*.write_wrap .tle_file img {display:none;}*/
.write_wrap .tle_file .blank {display:inline-block;}
.write_wrap .tle_file .blank:before {content:'['}
.write_wrap .tle_file .blank:after {content:']'}
.write_wrap .write_ctn_wrap {padding:var(--padding); border-bottom:1px solid #ddd;}
.write_wrap .write_ctn_wrap img,
.write_wrap .write_ctn_wrap video {display:block; margin:0 auto; max-width:100% !important; height:auto !important;}
.nextprew {border-top:2px solid #222; margin-bottom:60rem;}
.nextprew ul li {border-bottom:1px solid #ddd; padding:15rem 20rem; display:flex; align-items:center; font-size:17rem;}
.nextprew ul li span:first-child {display:inline-block; font-weight:600; text-transform:uppercase; font-size:16rem; letter-spacing:0; position:relative; margin-right:40rem; padding-left:25rem; flex-shrink:0; flex-grow:0;}
.nextprew ul li span:last-child {width:100%;}
.nextprew ul li span a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:95%;}
.nextprew_next:before {content:''; position:absolute; top:10rem; left:0; width:0; height:0; border-style:solid; border-width:0px 5px 6px 5px; border-color:transparent transparent #323232 transparent;}
.nextprew_prev:before {content:''; position:absolute; top:10rem; left:0; width:0; height:0; border-style:solid; border-width:6px 5px 0px 5px; border-color:#323232 transparent transparent transparent;}
@media all and (max-width:1023px){
	.write_wrap .tle_wrap3 {flex-wrap:wrap;}
	.write_wrap .tle_left3 {width:100%;}
	.write_wrap .tle_right2 {width:100%; margin:7rem 0 0 2rem;}
}
@media all and (max-width:599px){
	.write_wrap .tle_wrap {flex-wrap:wrap;}
	.write_wrap .count {flex-wrap:wrap; width:100%;}
	.write_wrap .tle_file a {display:block; margin-bottom:-26rem;}
	.write_wrap .tle_file a.bt_white_s {margin-bottom:-20rem;}
	.write_wrap .tle_file .blank {display:block;}
	.nextprew ul li {flex-wrap:wrap;}
	.nextprew ul li span:first-child {margin-bottom:7px;}
}
/*홍보영상*/
.video_box .video_btn {display:none;}
.video_box .close {display:none;}
.video_box .video_txt {border:1px solid #ddd; padding:var(--padding); height:300px; overflow-y:auto;}
/*갤러리*/
.gallery_viewimg { padding:var(--padding) var(--padding) 10rem; }
.gallery_thum { display:flex; flex-wrap:wrap; gap:10rem; padding:0 var(--padding) var(--padding); }
.gallery_thum li { width:calc((100% - 50rem)/6); }
.gallery_thum li a { position:relative; display:block; cursor:pointer; }
.gallery_thum li.present a::before { content:''; position:absolute; left:0; top:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid var(--p_color); }
.gallery_thum li a img { width:100% !important; height:auto !important; }
#photo-ctn { padding-bottom:20rem; }
@media all and (max-width:768px){
	.gallery_thum li { width:calc((100% - 30rem)/4); }
}
@media all and (max-width:480px){
	.gallery_thum li { width:calc((100% - 20rem)/3); }
}

/*쓰기*/
.write_wrap2 {margin:-40rem 0 0 0;}
.write_wrap2 img {display:none;}
.write_wrap2 input[type="file"],
.write_wrap2 input[type="text"],
.write_wrap2 input[type="password"],
.write_wrap2 select,
.write_wrap2 textarea {height:50rem; width:calc(100% - 6rem) !important; padding:0 10rem; margin:3rem;}
.write_wrap2 input[type="file"] {padding:0 8rem; line-height:50rem;}
.write_wrap2 input[type="checkbox"] {margin:0 7rem;}
.write_wrap2 input[type="checkbox"]+label {display:inline-block; margin-right:15rem;}
.write_wrap2 input[type="radio"] {margin:0 7rem;}
.write_wrap2 input[type="radio"]+label {display:inline-block; margin-right:15rem;}
.write_wrap2 textarea {height:300rem; padding:10rem;}
.write_wrap2 > div > p {margin:5rem 0; min-height:50rem; display:flex; align-items:center; flex-wrap:wrap;}
.write_wrap2 .tle_wrap,
.write_wrap2 .tle_wrap2 {display:flex; flex-wrap:wrap; align-items:center;}
.write_wrap2 .tle_left,
.write_wrap2 .tle_left2 {width:200rem; flex-shrink:0; flex-grow:0;}
.write_wrap2 .tle_left label,
.write_wrap2 .tle_left2 label,
.write_wrap2 .write_ctn_wrap label {font-weight:600; padding-left:5rem;}
.write_wrap2 .tle_right {width:calc(100% - 200rem); position:relative;}
.write_wrap2 .write_ctn_wrap > div {display:flex; align-items:center;}
.write_wrap2 .write_ctn_wrap > div label {width:200rem; flex-shrink:0; flex-grow:0; padding-left:5rem;}
.write_wrap2 .write_ctn_wrap > div textarea {width:calc(100% - 200rem);}
.write_wrap2 .fnt11 {font-size:16rem; position:absolute; right:20rem;}
.write_wrap2 .pos {flex-wrap:nowrap;}
.write_wrap2 .pos label {padding:0 20rem 0 6rem;}
.write_wrap2 .pos input[type="text"] {margin-right:20rem;}
#bod_isNotice+label+label { margin-right:20rem;}
#bod_startDate,
#bod_endDate {width:200rem !important;}
@media all and (max-width:1240px){
	.write_wrap2 .tle_left,
	.write_wrap2 .tle_left2 {width:120rem;}
	.write_wrap2 .tle_right {width:calc(100% - 120rem);}
	.write_wrap2 .write_ctn_wrap > div label {width:120rem;}
	.write_wrap2 .write_ctn_wrap > div textarea {width:calc(100% - 120rem);}
	.write_wrap2 .pos {flex-wrap:wrap;}
	.write_wrap2 .pos label {width:100rem; padding:0 0 0 6rem;}
	.write_wrap2 .pos input[type="text"] {margin-right:0; width:calc(100% - 106rem) !important;}
}
@media all and (max-width:376px){
	.write_wrap2 input[type="file"],
	.write_wrap2 input[type="text"],
	.write_wrap2 input[type="password"],
	.write_wrap2 select,
	.write_wrap2 textarea {width:100% !important; margin:3rem 0;}
	.write_wrap2 > div > p {margin:0;}
	.write_wrap2 .tle_left,
	.write_wrap2 .tle_left2 {width:100%; margin-top:15rem;}
	.write_wrap2 .tle_left label,
	.write_wrap2 .tle_left2 label,
	.write_wrap2 .write_ctn_wrap label {padding-left:0;}
	.write_wrap2 .tle_right {width:100%;}
	.write_wrap2 .write_ctn_wrap > div {flex-wrap:wrap; margin-top:15rem;}
	.write_wrap2 .write_ctn_wrap > div label {width:100%; min-height:50rem; display:flex; align-items:center; padding-left:0;}
	.write_wrap2 .write_ctn_wrap > div textarea {width:100%;}
	.write_wrap2 .fnt11 {position:static; padding:10rem 0 0 3rem;}
	.write_wrap2 .pos label {padding:0;}
}

/*폼스타일*/
.formStyle {margin:0 auto;}
.formStyle dl {overflow:hidden; border-top:2rem solid #666; border-bottom:1rem solid #eee; margin:10rem 0 30rem;}
.formStyle dt { clear:both; float:left; width:20%; font-size:17rem; border-top:1rem solid #eee; padding:20rem 20rem 20rem 10rem; box-sizing:border-box; }
.formStyle dd {float:left; width:80%; border-top:1rem solid #eee; padding:10rem 0; }
.formStyle dd p {font-size:15rem; color:#666;}
.formStyle dd input[type="text"], .formStyle dd input[type="password"], .formStyle dd textarea, .formStyle dd select {border:1rem solid #ccc; border-radius:5rem; line-height:35rem; height:35rem; padding:0 10rem; font-size:16rem; color:#666; box-sizing:border-box; width:100%; margin:5rem 0;}
/*.formStyle dd input[type="radio"], .formStyle dd input[type="checkbox"] {margin:15rem 5rem 0 10rem;}*/
.formStyle dd textarea {height:300rem; line-height:1.5; padding:10rem; }
.formStyle dd .tel {width:29.33% !important;}
.formStyle dd .add {width:29.33% !important;}
.formStyle dd .jumin {width:47% !important;}
.formStyle dd .dash {display:inline-block; width:6%; text-align:center;}
.formStyle dd a.findAdd {display:inline-block; width:31.33%; margin-right:3%; border-radius:5rem; color:#fff; text-align:center; background:#353d4a; line-height:37rem; font-size:14rem; }
.formStyle dd a.find {display:inline-block; border-radius:5rem; color:#fff; text-align:center; background:#353d4a; line-height:37rem; padding:0 20rem; margin-left:10rem;}
.formStyle dt.content {position:absolute; left:-9999rem; top:-9999rem;}
.formStyle dd.content {width:100%;}
.formStyle dd .agreeBox {background:#f1f1f1; border:1rem solid #c9c9c9; padding:15rem 20rem; margin-top:10rem;}
.formStyle dd label.fileAlt, .formStyle dd label.fileName {float:left; width:20%; line-height:30rem; clear:both; margin:3rem 0; font-weight:500;}
.formStyle dd input.fileAlt, .formStyle dd input.fileName, .formStyle dd div.fileName {float:left; width:80%; line-height:30rem; min-height:30rem; font-size:14rem; margin:3rem 0;}
.formStyle dd label.fileAlt, .formStyle dd input.fileAlt {margin:3rem 0 15rem;}
.formStyle dd div.fileName input[type="checkbox"] {margin:0;}
.formStyle dl.in {border-bottom:0; margin:10rem 0; border:0; background:#f1f1f1; padding:15rem; }
.formStyle dl.in dt { width:20%; font-size:14rem; border-top:0; padding:10rem; }
.formStyle dl.in dd { width:80%; border-top:0; padding:0; }
.formStyle dl.in dd input[type="text"], .formStyle dl.in dd input[type="password"], .formStyle dl.in dd select {line-height:30rem; height:30rem;}
.formStyle dl dd input[type="radio"], .formStyle dl dd input[type="checkbox"] {width:17rem; height:17rem; vertical-align: middle;}
.formStyle dd .radio_area {display:inline-block; margin-top:10rem;}
@media all and (max-width:768px){
  .formStyle dt {font-size:15rem; width:35%;}
  .formStyle dd {width:65%;}
  .formStyle dd label.fileAlt, .formStyle dd label.fileName { width:25%; }
  .formStyle dd input.fileAlt, .formStyle dd input.fileName, .formStyle dd div.fileName { width:75%; }
  .formStyle dl.in dt { width:30%; }
  .formStyle dl.in dd { width:70%; }
}
@media all and (max-width:480px){
  .formStyle dd a.findAdd {width:100%;}
  .formStyle dd .add {width:47% !important;}
  .formStyle dd label.fileAlt, .formStyle dd label.fileName {width:35%;}
  .formStyle dd input.fileAlt, .formStyle dd input.fileName, .formStyle dd div.fileName { width:65%; }
  .formStyle dl.in dt {padding:10rem 0 0 0;}
  .formStyle dl.in dt, .formStyle dl.in dd {width:100%;}
}

/*게시판-쓰기*/
.boardBtn{ width: 100%; text-align: center;}
.boardBtn a{display: inline-block; width: 80rem; text-align: center; background: #444; color: #fff; padding: 3rem; border-radius: 3rem; margin-left: 5rem;}
.boardBtn a:hover {color:#fff; background:#222;}
.boardBtn .bt2{width: 80rem; text-align: center; background: #444; color: #fff; border-radius: 3rem; margin-left: 5rem; padding:3rem; border:none; }
.boardBtn a.btn_write{float: right;}
.boardBtn input{padding: 6rem; border: 1rem solid #444; cursor: pointer;}

.link_news {margin-top:30rem; text-align:center;}

/*본인인증*/
.confirm {background:#fff; max-width:450rem; margin:80rem auto; text-align:center; padding:var(--padding); padding-top:220rem; box-shadow:0 0 20px rgba(0,0,0,0.05); border-radius:var(--border-radius); position:relative;}
.confirm:before {content:''; position:absolute; top:40rem; left:50%; width:184rem; height:148rem; background:url('/dgTown/design/main/img/content/board.png') no-repeat 100% 0/200% auto; margin-left:-92rem;}
.confirm .conf_tit {font-size:31rem; font-weight:600; line-height:1.4; margin:0 0 15rem;}
.confirm ul li {font-size:17rem; margin:5rem 0; line-height:1.5;}
.confirm a { margin-top:20rem;}
@media all and (max-width:599px){
	.confirm {padding-top:200rem;}
	.confirm:before {width:162rem; height:130rem; margin-left:-81rem;}
}

/*게시판-수정*/
.boradPassword {max-width:500rem; margin:0 auto; margin-bottom: 50rem; border:1px solid #ddd; border-radius:15rem; padding:30rem; text-align:center;}
.boradPassword p.title {font-size:22rem; font-weight:500;}
.boradPassword p.title span {background:url('/design/img/sub/ico_view.png') no-repeat left center; padding-left:30rem;}
.boradPassword p.caution {font-size:16rem; margin-top:20rem;}
.boradPassword input {border:1px solid #ccc; border-radius:3rem; color:#666; width:150rem; text-align:center; margin-top:20rem;}


/*비밀번호입력*/
.modify_wrap {background:#fff; max-width:450rem; margin:0rem auto 60rem; text-align:center; padding:var(--padding); padding-top:220rem; box-shadow:0 0 20px rgba(0,0,0,0.05); border-radius:var(--border-radius); position:relative;}
.modify_wrap:before {content:''; position:absolute; top:40rem; left:50%; width:184rem; height:148rem; background:url('/dgTown/design/main/img/content/board.png') no-repeat 0 0/200% auto; margin-left:-92rem;}
.modify_wrap .modify_f {font-size:31rem; font-weight:600; line-height:1.4; margin:0 0 10rem;}
.modify_wrap .input_box p {font-size:17rem; margin:5rem 0; line-height:1.5;}
.modify_wrap input[type="password"] {height:50rem; padding:0 10rem; margin:20rem 0; width:60% !important;}
.modify_f_btn button:first-of-type {background:var(--blue)}
@media all and (max-width:599px){
	.modify_wrap {padding-top:200rem;}
	.modify_wrap:before {width:162rem; height:130rem; margin-left:-81rem;}
}
@media all and (max-width:376px){
	.modify_wrap input[type="password"] {width:100% !important;}
}

/*관리자로그인했을때*/
.write_wrap .floatleft,
.write_wrap .floatright {font-size:16rem; margin:20rem 5rem;}
.write_wrap .floatleft {float:left;}
.write_wrap .floatright {float:right;}
.btn_board_manage {display:flex; flex-wrap:wrap; justify-content:flex-end; margin:20rem -5rem;}
.btn_board_manage .btn_report {display:block; margin:3rem; font-size:16rem; padding:var(--btn-padding);}
@media all and (max-width:768px){
	.write_wrap .floatleft,
	.write_wrap .floatright {margin:20rem 0 0 0; float:none;}
	.write_wrap .floatright {margin-top:5rem;}
}

/*사이트맵*/
.sitemap01 > a { display:inline-block; font-size:25rem; color:var(--p_color); margin:40rem 0 20rem; font-weight:700; }
.sitemap_sub02 { display:flex; flex-wrap:wrap; margin:-10rem;}
.sitemap_sub02 > li {margin:10rem;  width:calc(25% - 20rem); padding:0; }
.sitemap_sub02 > li > a {position:relative; display:flex; align-items:center; justify-content:space-between; border:1px solid #a6afbd; height:50rem; padding:0 20rem; border-radius:5rem; font-weight:600; font-size:1em;}
.sitemap_sub02 > li > a::after { content:''; display:block; flex-shrink:0; width:8rem; height:8rem; border-right:2px solid #a6afbd; border-bottom:2px solid #a6afbd; transform:rotate(45deg); }
.sitemap_sub03 {padding:10rem 20rem 0;}
.sitemap_sub03  > li > a { position:relative; display:block; padding:5rem 0 5rem 13rem; }
.sitemap_sub03  > li > a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd; }
#sitemap {margin-top:-40rem;}
#sitemap a[target="_blank"]::after {content:'';width:13px;height:13px;background:url('/dgTown/design/common/template/sprite.png') no-repeat 0 0; margin:2rem 0 0 5rem; transform:none; border:0;}
#sitemap .sitemap01 > a[target="_blank"] {display:inline-flex;}
#sitemap .sitemap_sub03  > li > a[target="_blank"] {display:inline-flex;}
@media all and (max-width:1200px){
	.sitemap_sub02 > li {margin:10rem;  width:calc(33.333% - 20rem);}
}
@media all and (max-width:768px){
	.sitemap_sub02 {margin:-5rem 0;}
	.sitemap_sub02 > li {margin:5rem;  width:calc(50% - 10rem);}
	.sitemap_sub02 > li > a {padding: 0 15rem;}
	.sitemap_sub03 {padding:10rem 10rem 0;}
}
@media all and (max-width:321px){
	.sitemap_sub02 > li {margin:5rem 0; width:100%;}
}

/*검색결과*/
#contents_search .search_result {border-top:1px solid #ddd; margin-top:70rem; padding-top:50rem; padding-left:5rem; padding-right:5rem;}
#contents_search .search_result:nth-child(3) {border-top:0 !important; margin-top:0 !important;}
#contents_search .search_Tle {font-weight:700; font-size:33rem; margin:0 0 30rem;}
#contents_search .search_list {margin:0 0 40rem 3rem;}
#contents_search .li_tl a {display:block; color:#1a0dab; font-size:21rem; font-weight:600; line-height:1.5;}
#contents_search .li_tl a:visited {color:#681da8;}
#contents_search .li_tl a:hover {text-decoration:underline;}
#contents_search .li_Txt {font-size:16rem; margin:10rem 0;}
#contents_search .li_link a {font-size:15rem; color:#5f5f5f; display:inline-block; margin-left:3rem; word-break:break-all;}
#contents_search .more_Btn {display:flex; align-items:center; margin:20rem 0 0 0; justify-content:flex-end;}
#contents_search .more_Btn a {display:block; padding-right:5rem; font-weight:600;}
#contents_search .more_Btn:after {content:''; width:7rem; height:7rem; border-top:2px solid #323232; border-right:2px solid #323232; transform:rotate(45deg);}
#contents_search .menu .search_list {margin:0 0 10rem 3rem; display:flex; align-items:center;}
#contents_search .menu .search_list:last-child {margin-bottom:0;}
#contents_search .menu .search_list .li_tl2 {margin-right:15rem; display:flex; align-items:center; font-weight:500;}
#contents_search .menu .search_list .li_tl2:before {content:''; width:4px; height:4px; margin-right:15rem;  background:#666; flex-shrink:0; flex-grow:0;}
#contents_search .menu .search_list .li_link a {margin-left:0rem;}
#contents_search .boxstyle03 {margin-bottom:20rem;}
#contents_search .boxstyle03 p {font-size:27rem; font-weight:500; line-height:1.5; text-align:left; padding:10rem;}
#contents_search .boxstyle03 p span {color:var(--p_color); font-weight:700;}
#contents_search .search_Mnu {border:1px solid #ddd; background:#f6f6f6; padding:13rem 20rem; border-radius:6rem;}
#contents_search .search_Mnu ul {display:flex; flex-wrap:wrap;}
#contents_search .search_Mnu ul li a {display:block; text-align:center; font-weight:500; padding:5rem 15rem;}
#contents_search .search_Mnu ul li.on a {font-weight:700; color:var(--p_color)}
@media all and (max-width:1440px){
	#contents_search .menu .search_list {flex-wrap:wrap;}
	#contents_search .menu .search_list .li_tl2 {margin-right:0; width:100%; align-items:flex-start;}
	#contents_search .menu .search_list .li_tl2:before {margin-top:13rem;}
	#contents_search .menu .search_list .li_link a {padding-left:20rem;}
}

/*만족도조사*/
#satisfy { border:1px solid #ddd; margin-top:80rem; background:#fff;}
#satisfy dt { font-size:18rem; font-weight:600; padding-top:25rem;}
#satisfy dd {padding-bottom:10rem;}
#satisfy dt,
#satisfy dd {padding-left:40rem; padding-right:40rem;}
#satisfy .value_point form {display:flex; align-items:center; justify-content:space-between; }
#satisfy .value_point ul {display:flex; flex-wrap:wrap; gap:10rem 30rem; color:#444; font-size:0.9em; margin:20rem 40rem 15rem 0; }
#satisfy .value_point ul li,
#satisfy .value_point ul li label {display:flex; align-items:center; }
#satisfy .value_point ul li label::before { content:''; display:block; width:25px; height:25px; background:url('/dgTown/design/common/template/sprite.png') 0 -298px; margin:0 5rem; }
#satisfy .value_point ul li:nth-of-type(2) label::before {background-position-x:-30px;}
#satisfy .value_point ul li:nth-of-type(3) label::before {background-position-x:-60px;}
#satisfy .value_point ul li:nth-of-type(4) label::before {background-position-x:-90px;}
#satisfy .value_point ul li:nth-of-type(5) label::before {background-position-x:-120px;}
#satisfy .value_point a {display:inline-block; align-content:center; border:1px solid #999; height:40rem; border-radius:20rem; padding:0 30rem; font-size:17rem;}
#satisfy dd:last-child {padding:0;}
#satisfy dd:last-child ul { display:flex; align-items:center; border-top:1px solid #ddd; background:#f2f2f2; padding:10rem 40rem; gap:40rem; font-size:17rem;}
#satisfy dd:last-child .tit_dept { margin-right:15rem; font-weight:600; }
@media all and (max-width:1023px){
	#satisfy dt,
	#satisfy dd {padding-left:30rem; padding-right:30rem;}
	#satisfy dd:last-child ul {padding:10rem 30rem;}
}
@media all and (max-width:768px){
	#satisfy .value_point a {margin:20rem 0;}
	#satisfy dd:last-child ul {flex-wrap:wrap; gap:0;}
	#satisfy dd:last-child ul li {width:100%; margin:2rem 0;}
}
@media all and (max-width:480px){
	#satisfy .value_point form {flex-wrap:wrap;  justify-content:center;}
	#satisfy .value_point ul {margin-right:0;}
}

/*게시판-보기*/
.boardView {border-top:2rem solid #434b59; margin-bottom: 50rem;}
.boardView .title > dt { font-size:20rem; padding:20rem 0; text-align:center; border-bottom:1px solid #999; }
.boardView .title > dd { font-size:15rem; background:#f1f1f1; border-bottom:1rem solid #ddd; padding:15rem; }
.boardView .title .data {overflow:hidden; font-size:16rem; color:#666;}
.boardView .title .data dt {position:relative; float:left; padding-right:15rem; font-weight:600; margin-left:40rem; }
.boardView .title .data dt::before {content:''; position:absolute; left:-20rem; top:50%; width:1px; height:13rem; background:#999; transform:translate(0, -50%); }
.boardView .title .data dt:first-of-type {margin-left:0;}
.boardView .title .data dt:first-of-type::before {display:none;}
.boardView .title .data dd {float:left;}
.boardView .title > dd li p.file {background:url('/dgTown/design/main/img/content/boardFile.png') no-repeat left 7rem; padding:3rem 0 3rem 24rem; margin-right:10rem; display:inline-block;}
.boardView .title > dd li p.file a .down_icon { font-size:0.9em; background:#666 url('/dgTown/design/main/img/content/boardDown.png') no-repeat 8rem 6rem; color:#fff; padding:5rem 10rem 5rem 30rem; border-radius:3rem; margin-left:7rem; }
.boardView .title > dd li a {color:#666;}
.boardView .cont {padding:30rem; border-bottom:1rem solid #ddd;}
.boardView .cont img {height:auto !important; display:block; margin:0 auto;}
.boardView .cont figure {margin:15rem;}
.boardView .cont figcaption {margin-top:5rem; text-align:center; color:#666;}


/*이전다음*/
.viewCont {margin-bottom:30rem; }
.viewCont li {border-bottom:1rem solid #ddd;}
.viewCont li:hover {background:#f1f1f1;}
.viewCont li a { position:relative; display:block; line-height:50rem; padding: 0 40rem 0 150rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#555; font-size:16rem; }
.viewCont li a span {position:absolute; left:0; top:0; height:100%; padding:0 40rem; color:#666; font-size:17rem; }
.viewCont li a span::before {content:''; position:absolute; top:50%; right:15rem; width:0; height:0; border-left:6rem solid transparent; border-right:6rem solid transparent; border-bottom:6rem solid #717171; transform:translateY(-50%);}
.viewCont li:last-child a span::before {transform:rotate(-180deg); margin-top:-3rem;}