<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
:root {--point-color: #00B3B5;}
/* daterangepicker */
.daterangepicker .start-date.active:after  {position: absolute; content: ''; top: 0; right: -6px; width: 0; height: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 6px solid #0090DF;}
.daterangepicker .end-date.active:after {position: absolute; content: ''; top: 0; left: -6px; width: 0; height: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-right: 6px solid #0090DF;}
.daterangepicker .start-date.end-date.active:after {opacity: 0;}
.daterangepicker {left: 50% !important; transform: translateX(-50%); z-index: 1;}
.daterangepicker .drp-calendar {max-width: none;}
.fc-time , .fc-title {display: none;}
.daterangepicker select {background: none;}
.daterangepicker select.monthselect {font-weight: 700;}
.daterangepicker .drp-buttons .clearBtn {margin-left: 5px; font-size: 12px; padding: 5px 12px; border-radius: 3px; color: #fff; background: #3A6DD5;}

@media screen and (min-width: 768px) {
    .daterange-wrap {width: 285px;}
    .daterange-wrap #daterange {font-size: 16px;}
    .date-button {right: -50px; width: 50px; height: 50px;}
    .date-button &gt; button {height: 23px;}
    .date-button &gt; button &gt; img {width: 20px;}
    .date-wrap .date &gt; input {width: 80px;}
    .date-wrap .date &gt; input[type="text"] , .date-wrap &gt; em {font-size: 16px; letter-spacing: -0.4px;}
    .daterangepicker {padding: 40px 25px 30px; margin-top: 20px; width: 700px; box-sizing: border-box;}
    .daterangepicker .drp-calendar {max-width: 270px;}
    .table-condensed &gt; thead &gt; tr:first-of-type {display: revert; height: 50px; position: relative;}
    .table-condensed &gt; thead &gt; tr:first-of-type .month {margin-top: 0; top: 5px;}
    .daterangepicker select.monthselect, .daterangepicker select.yearselect {padding-right: 0;}
    .date-wrap .date &gt; input[type="text"]::placeholder {color: #777; font-size: 16px; letter-spacing: -0.4px;}
    .daterange-wrapper &gt; p , .daterange-wrapper &gt; button {font-size: 16px;}
    .daterange-wrapper &gt; button {width: 91px; height: 50px; line-height: 50px; border-radius: 25px;}
    .daterangepicker .drp-calendar.left , .daterangepicker .drp-calendar.right {min-width: 300px;}
    .daterangepicker .drp-calendar.left {padding: 0; margin-right: 40px;}
    .daterangepicker .drp-calendar.right {padding: 0;}
    .daterangepicker .drp-calendar.left .calendar-table {padding-right: 0;}
    .table-condensed &gt; tbody {height: 260px;}
    .table-condensed &gt; thead &gt; tr:first-of-type .prev , .table-condensed &gt; thead &gt; tr:first-of-type .next {width: 34px; height: 34px;}
    .table-condensed &gt; thead &gt; tr:first-of-type .prev {left: 0; top: 0;}
    .table-condensed &gt; thead &gt; tr:first-of-type .next {right: 0; top: 0;}
    .daterangepicker .start-date.active:after {right: -11px; border-bottom: 21.665px solid transparent; border-top: 21.665px solid transparent; border-left: 12px solid #0090DF;}
    .daterangepicker .end-date.active:after {left: -11px; border-bottom: 21.665px solid transparent; border-top: 21.665px solid transparent; border-right: 12px solid #0090DF;}
}
@media screen and (min-width: 1024px) {
    .daterangepicker {margin-top: 33px; padding: 40px 50px 30px; width: 745px;}
    .daterangepicker .drp-buttons .btn {width: 55px;}
    .daterangepicker .drp-buttons .clearBtn {height: 30px; font-size: 14px;}
}

/* 게시판 */
.boardview-con a {color: var(--point-color);}
.boardview-top {border-top: none;}

/* 버튼 호버 */
.btn-wrap .hover-lightpurple:hover,
.btn-wrap .hover-lightpurple:focus {background-color: #D9F4F4;}


/* 인사말 */
.greeting {padding-top: 95px; position: relative;}
.greeting:before {content: ''; position: absolute; left: 0; top: 0; width: 110%; height: 50%; background: url('/_user/restructure2022/village/sinbuk-eup/images/sub/bg-greet.png') 0 0 no-repeat; background-size: 380px; z-index: -1;}
.greeting-tit {margin-bottom: 20px;}
.greeting-tit &gt; p {font-size: 24px; font-weight: 700; letter-spacing: -0.6px;}
.greeting-tit .wel-txt {margin-top: 15px; font-size: 16px; font-weight: 700; color: #333; letter-spacing: -0.4px; word-break: keep-all;}
.greeting-txt p {margin-bottom: 30px; line-height: 2; word-break: keep-all; letter-spacing: -0.35px;}
.signature {font-size: 16px; display: flex; align-items: center; justify-content: flex-end; padding-top: 30px; border-top: 1px solid #D5D5D5; color: #333; font-weight: bold;}
.signature img {width: 88px; margin-left: 20px; padding-bottom: 10px;}
@media screen and (min-width: 768px){
    .greeting {padding-top: 140px;}
    .greeting:before {background-size: 650px;}
}
@media screen and (min-width: 1024px){
    .greeting {padding-top: 190px; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
    .greeting:before {background-size: 867px;}
    .greeting .left, .greeting .right {width: 48%;}
    .greeting-tit {margin-bottom: 35px; line-height: 1.4;}
    .greeting-tit &gt; p {font-size: 40px; letter-spacing: -1px;}
    .greeting-tit .wel-txt {margin-top: 20px; font-size: 18px; letter-spacing: -0.45px;}
    .greeting-txt p {margin-bottom: 23px;}
    .signature {width: 100%; font-size: 18px; padding-top: 50px; margin-top: 30px;}
    .signature img {width: auto;}
}

/* 인구 및 세대수 */
.tit-list {display: flex; align-items: baseline; font-size: 16px; letter-spacing: -0.4px; color: #333; margin-bottom: 10px;}
.contents-bottom {margin-top: 35px;}
.tbl-guid {display: flex; align-items: center;justify-content: center; width: 100%; line-height: 44px; background-color: #f7f7f7; border: 1px solid #dedede; margin: 0 0 14px; }
.tbl-guid &gt; span {display: flex; align-items: center; position: relative;}
.tbl-guid &gt; span::before {content: ""; display: inline-block; margin-right: 6px; width: 24px; height: 24px; background: url("/_user/restructure2022/village/sinbuk-eup/images/sub/icon-scroll.svg") 0 0/contain no-repeat;}
.tbl-guid &gt; span::after {content: ""; display: inline-block; position: absolute; top: 17px; width: 17px; height: 17px; background: url("/_user/restructure2022/village/sinbuk-eup/images/sub/icon-scroll-hand.svg") 0 0/contain no-repeat; animation: handloop 1s infinite;}
.tbl-wrap-com {overflow-x: scroll;}
@keyframes handloop{
    0%{left:0;}
    50%{left:10px;}
    100%{left:0;}
}
@media screen and (min-width: 1024px){
    .tbl-guid {display: none;}
}

/* 연혁 및 유래 */
.con-list {margin-bottom: 30px;}
.con-list &gt; p {font-size: 20px; letter-spacing: -0.5px; color: #333; font-weight: 700;}
.txt-list {letter-spacing: -0.35px; color: #777;}
.txt-list &gt; li {display: flex; align-items: baseline;  margin-bottom: 15px;}
.txt-list li &gt; .place span.ft-bk {min-width: 115px;}
.txt-list &gt; li:last-of-type {margin-bottom: 0;}
.ml12 {margin-left: 12px;}
@media screen and (min-width: 1024px){
    .con-list {margin-bottom: 40px;}
    .con-list &gt; p {font-size: 24px; letter-spacing: -0.6px;}
    .txt-list {margin-top: 15px;}
    .txt-list &gt; li &gt; .place {display: flex;}
    .txt-list li &gt; .place span.ft-bk {min-width: 115px;}
    .txt-list li &gt; .place span:last-of-type {max-width: 1120px;}
}

/*사이트 맵*/
.site-map {display: flex; flex-wrap: wrap;}
.site-map&gt;li {width: calc(50% - 5px); margin-right: 10px;}
.site-map&gt;li:nth-child(2n) {margin-right: 0;}
.site-map .dep1 {color: #fff; font-size: 16px; border-radius: 5px; height: 40px; display: flex; align-items: center; padding: 0 15px; background: #63A1FF;}
.site-map ul {padding: 15px 10px 30px;}
.site-map ul&gt;li {display: flex; padding-top: 5px;}
.site-map ul&gt;li:before {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #666; display: block; margin-right: 7px; margin-top: 7px;}
.site-map .dep2:hover {color: #3A6DD5; transition: all 0.25s;}

@media screen and (min-width: 768px){
    .site-map&gt;li {width: calc(33.33% - 7px);}
    .site-map&gt;li:nth-child(2n) {margin-right: 10px;}
    .site-map&gt;li:nth-child(3n) {margin-right: 0;}
}
@media screen and (min-width: 1024px){
    .site-map&gt;li {width: calc(25% - 15px); margin-right: 20px;}
    .site-map&gt;li:nth-child(2n), .site-map&gt;li:nth-child(3n) {margin-right: 20px;}
    .site-map&gt;li:nth-child(4n) {margin-right: 0;}
    .site-map ul {padding: 20px 20px 60px;}
    .site-map ul&gt;li {padding-top: 10px;}
    .site-map ul&gt;li:before {margin-top: 9px;}
    .site-map .dep1 {font-size: 20px; height: 50px; padding: 0 20px;}
}</pre></body></html>