@charset "utf-8";
:root {
    --table-border-color: #00235D;
}

/* 서브 공통 레이아웃 s */
.sub-top {position: relative; width: 100%; margin-top: 60px; padding: 50px 20px 34px; box-sizing: border-box; background-color: #F7F8FB;}
.sub-top>h2 {display: flex; justify-content: center; padding-bottom: 30px; color: var(--black); font-size: 30px; font-weight: 500; letter-spacing: -0.7px; font-family: GANGWONSTATE;}
.homebtn {display: flex;}
.homebtn>a {width: 45px; height: 16px; color: #fff; text-align: right; padding-right: 10px;}
.sub-wrap {position: relative; overflow: hidden;}
.contents {max-width: 1540px; margin: 0 auto; padding: 0 20px 50px; box-sizing: border-box;}
.inner {padding-top: 30px;}
.sub-title {padding-bottom: 30px; font-size: 29px; color: #111; font-weight: 500; text-align: center; letter-spacing: -1.5px; font-family: GANGWONSTATE; font-weight: 600}
.ico-home {display: inline-block; margin-top: 1px; width: 15px; height: 15px; background: url("/_user/img/sub/ico-home.svg") center/ 95% no-repeat;}
.sub-top.scroll-up:before {transform: rotate(3deg); left: -20px;}
.sub-top.resize:before {transition: 0s;}
.point-color {color: var(--point-color);}
.category {position: relative; width: 100%; margin-top: 33px;}
.category-btn {display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; height: 52px; padding: 17px 16px; background: #242B45; color: #fff; font-size: 15px; border-radius: 7px;}
.category-wrap {display: none; width: 100%; position: absolute; overflow-y: auto; z-index: 5; border: 1px solid #e5e5e5; box-sizing: border-box;}
.category-wrap li .tab-btn {display: flex; align-items: center; width: 100%; height: 52px; padding: 17px 16px; box-sizing: border-box; background: #fff; transition: .3s;}
/*.category-wrap li:nth-child(n+2) .tab-btn {border-top: 1px solid #e5e5e5;}*/
.category-btn .arrow {display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; transition: .3s;}
.category-btn.active .arrow {transform: rotate(180deg);}
.category li.active .tab-btn {background: #F6FAFF;}
.category .arrow::before {content: ''; position: absolute; top: 50%; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(135deg);}
.btn-wrap button.delete {background: red; border-color: red; color: #fff;}
.btn-wrap button.delete:hover {background: #bd0404;}
.noti {font-size: 14px;}
.sub-tit {font-size: 30px; font-family: GANGWONSTATE; }
label.btn {cursor: pointer;}
.star {color: #4F77E4; padding-left: 3px;}
.list-label {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px;}
.info-box {padding: 10px; background: #F7F8FB; text-align: center; color: #000; font-weight: 600; font-size: 17px; line-height: 1.4; margin-bottom: 40px; word-break: keep-all;}
.info-box.type2 {}
.info-box.type2 em {width: fit-content; display: block; padding: 9px 27px; font-size: 19px; margin: 0 auto 15px; color: #fff; background: #242B45; border-radius: 30px;}
.sub-section + .sub-section {padding-top: 50px;}

@media screen and (min-width: 1024px) {
    .sub-top {margin-top: 150px; padding: 110px 20px 110px; background: #F7F8FB url("/_user/img/sub/bg-sub-top.svg") no-repeat top 40% right 25% / contain;}
    .sub-top>h2 {justify-content: flex-start; font-size: 36px; letter-spacing: 0; font-weight: 600; max-width: 1540px; margin: 0 auto; padding: 0 40px 30px; box-sizing: border-box;}

    .sub-title {font-size: 47px; text-align: left;}
    .homebtn>a {width: 60px; height: 22px; padding-right: 35px;}
    .contents {padding-top: 70px;}
    .inner {padding-top: 50px; padding-bottom: 120px;}
    .sub-title {padding-bottom: 30px;}
    .ico-home {width: 20px; height: 20px; background-size: 100%;}

    .category {position: absolute; bottom: -30px;}
    .category-wrap {width: fit-content; margin: 0 auto; position: relative !important; display: flex !important; flex-wrap: wrap; justify-content: center; padding: 3px; z-index: 1; border-radius: 90px; box-shadow: 0 0 21px 0 rgba(0, 6, 43, 0.07); border: 1px solid rgba(0, 0, 0, 0.10); background: #fff;}
    .category-btn {display: none;}
    .category-wrap li { background: #fff; width: 20%; min-width: 240px;}
    .category-wrap.col3 li {width: 33.33%;}
    .category-wrap.col4 li {width: 25%;}
    .category-wrap li .tab-btn {height: 60px; justify-content: center; font-size: 20px;}
    .category-wrap li + li .tab-btn {border-left: 1px solid #fff;}
    .category-wrap li.active .tab-btn {color: #fff; background: #242B45;; border-radius: 90px; }

    .info-box {padding: 20px; margin-bottom: 45px;}
    .sub-section + .sub-section {padding-top: 100px;}
}

.breadcrumbs {display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.breadcrumb-area {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px;}
.breadcrumb-item +.breadcrumb-item::before {content: ""; display: inline-block; margin-right: 8px; width: 10px; height: 12px; background: url("/_user/img/sub/ico-bread-arrow.svg") no-repeat center / 10px 20px;}
.breadcrumb-item, .breadcrumb-item a {display: inline-block; color: #484848; font-weight: 400; font-size: 15px; padding-left: 8px;}
.breadcrumb-item:first-of-type, .breadcrumb-item a:first-of-type {padding-left: 0;}
.breadcrumb-item.active {font-weight: 500;}
.ico-home {display: inline-block; text-indent: -9999px; width: 20px; height: 20px; background: url(/_user/img/sub/ico-home.svg) no-repeat center/cover; position: relative;}

@media screen and (min-width: 1024px) {
    .breadcrumb-area {flex-direction: row; justify-content: space-between; gap: 0;}
    .breadcrumbs {gap: 12px; justify-content: flex-start}
    .breadcrumb-item, .breadcrumb-item a, .breadcrumb-item.active {font-size: 17px;}
    .breadcrumb-item +.breadcrumb-item::before {margin-right: 12px; background-size: 13px 23px;}
    .ico-home {width: 20px; height: 20px;}

    .breadclumbs-wrap {display: flex; align-items: center; padding-top: 0;}
    .breadclumbs-wrap>ul, .tools {padding-top: 0;}
    .breadclumbs-wrap>ul {display: none;}
    .breadclumbs-wrap .sub-link {display: flex;}
    .breadclumbs-wrap .sub-link>li {padding-bottom: 10px;}
    .url-copy {padding: 10px 15px; left: auto; right: 7px; transform: translateX(0);}
    .url-copy>button {height: 37px; line-height: 39px; font-size: 18px;}
    .url-copy input {margin-right: 15px;}
    .sub-link .link-print {display: block;}
}

@media screen and (min-width: 1200px) {
    .contents {padding-top: 100px;}
}


/* sub top */


/* sns-link */
.sub-link {display: flex; justify-content: center; align-items: center; padding-top: 34px;}
.breadcrumbs-wrap .sub-link>li {position: unset; width: 45px; height: 45px; margin-left: 10px; padding: 0;}
.sub-link>li:first-child {margin-left: 0;}
.sub-link .link-print {display: none;}
.sub-link>li>button:hover {background-color: #f1f1f1;}
.sub-link .link-sns>ul {position: relative; display: none; z-index: 2;}
.sub-link .link-sns>ul>li {margin-top: 4px;}
.sub-link .link-sns>ul>li>a {display: block;}
.sub-link button {display: inline-block; width: 100%; height: 100%; position: relative; border: 1px solid #dedede; border-radius: 100%; background: #fff;}
.sub-link button.active {background: #394049; border-radius: 100%;}
.sub-link button.active:before {position: absolute; content: ''; width: 11px; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.sub-link button.active:after {position: absolute; content: ''; width: 11px; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
.sub-link button.active>img {display: none;}
.url-copy {display: none; position: absolute; left: 50%; transform: translateX(-50%); max-width: 800px; z-index: 5; margin-top: 5px; padding: 10px; box-sizing: border-box; width: 90%; border-radius: 5px; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.url-copy.on {display: flex; align-items: center;}
.url-copy>button {color: #fff; background-color: var(--point-color); border-radius: 45px; height: 30px; line-height: 30px; width: 80px;}
.url-copy input {margin-right: 5px; width: 100%;}
.sub-link>li:after {display: none;}
@media all and (min-width: 1024px){
    .breadcrumbs-wrap {display: flex; max-width: 1540px; padding: 0 40px; box-sizing: border-box; justify-content: space-between; align-items: center; margin: 0 auto;}
    .sub-link {padding-top: 0;}
}


/* link-btn s */
.link-btn-wrap {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px;}
.link-btn {display: flex; padding: 11px 20px; min-height: 40px; justify-content: center; align-items: center; background: #fff; box-sizing: border-box; color: var(--point-color); border: 1px solid var(--point-color); transition: .4s; font-size: 14px; font-weight: 400;}
.link-btn:hover, .link-btn:focus {background: var(--point-color);  color: #fff; border-color: transparent; box-shadow: 5px 0px 15px 0px rgba(7,41,149,0.32);}
.link-btn:hover .ico-down, .link-btn:focus .ico-down {background-image: url("/_user/img/sub/ico-down-white.svg") !important;}
.link-btn.large {color: #072995; border: 1px solid #072995; padding: 15px;}
.link-btn.small {padding: 7px; font-size: 12px; min-height: 30px;}
.link-btn-wrap .link-btn:last-child {margin-bottom: 0; margin-right: 0;}
.link-btn span {min-width: 17px; background: #6B1685; --svg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='octicon:link-external-16'%3E%3Cpath id='Vector' d='M3.75 2.61914H7.25C7.44891 2.61914 7.63968 2.69816 7.78033 2.83881C7.92098 2.97946 8 3.17023 8 3.36914C8 3.56805 7.92098 3.75882 7.78033 3.89947C7.63968 4.04012 7.44891 4.11914 7.25 4.11914H3.75C3.6837 4.11914 3.62011 4.14548 3.57322 4.19236C3.52634 4.23925 3.5 4.30284 3.5 4.36914V12.8691C3.5 13.0071 3.612 13.1191 3.75 13.1191H12.25C12.3163 13.1191 12.3799 13.0928 12.4268 13.0459C12.4737 12.999 12.5 12.9354 12.5 12.8691V9.36914C12.5 9.17023 12.579 8.97946 12.7197 8.83881C12.8603 8.69816 13.0511 8.61914 13.25 8.61914C13.4489 8.61914 13.6397 8.69816 13.7803 8.83881C13.921 8.97946 14 9.17023 14 9.36914V12.8691C14 13.3333 13.8156 13.7784 13.4874 14.1066C13.1592 14.4348 12.7141 14.6191 12.25 14.6191H3.75C3.28587 14.6191 2.84075 14.4348 2.51256 14.1066C2.18437 13.7784 2 13.3333 2 12.8691V4.36914C2 3.40314 2.784 2.61914 3.75 2.61914ZM10.604 1.61914H14.75C14.8163 1.61914 14.8799 1.64548 14.9268 1.69236C14.9737 1.73925 15 1.80284 15 1.86914V6.01514C15.0001 6.06465 14.9855 6.11307 14.958 6.15427C14.9305 6.19546 14.8915 6.22757 14.8457 6.24653C14.8 6.26549 14.7497 6.27044 14.7011 6.26076C14.6525 6.25108 14.608 6.22719 14.573 6.19214L13.03 4.64914L9.28 8.39914C9.13785 8.53178 8.94975 8.60404 8.75536 8.60069C8.56097 8.59733 8.37548 8.51861 8.238 8.38114C8.10053 8.24366 8.02181 8.05817 8.01846 7.86378C8.0151 7.66939 8.08736 7.48129 8.22 7.33914L11.97 3.58914L10.427 2.04614C10.3919 2.01118 10.3681 1.96659 10.3584 1.91804C10.3487 1.86948 10.3536 1.81915 10.3726 1.77341C10.3916 1.72767 10.4237 1.6886 10.4649 1.66113C10.5061 1.63367 10.5545 1.61905 10.604 1.61914Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")}
.link-btn:hover span {background: #fff;}
/*.ico-link {display: block; width: 17px; height: 13px; margin-left: 17px; background: url("/_user/img/sub/ico-out-link.svg") center no-repeat;}*/
.ico-down {display: block; width: 16px; height: 15px; margin-left: 17px; background: url("/_user/img/sub/ico-down.svg") center no-repeat !important;}
.ico-down.white {display: block; width: 16px; height: 15px; margin-left: 17px; background: url("/_user/img/sub/ico-down-white.svg") center no-repeat;}
.out-link {display: inline-block; width: 15px; height: 12px; margin-left: 5px; margin-bottom: 3px; background: url("/_user/img/sub/ico-link.svg") no-repeat center / contain;}
@media screen and (min-width: 768px) {
    .link-btn-wrap .link-btn {min-width: 220px; margin-bottom: 0; margin-right: 10px;}
    .link-btn.small {min-width: auto;}
}
@media all and (min-width: 1024px){
    .link-btn {padding: 14px 20px; font-size: 16px;}
    .link-btn.large {width: 220px; min-height: 64px;}
    .link-btn.small {font-size: 14px; padding: 7px 17px; min-width: 90px;}
    .ico-link {margin-left: 10px;}
    .out-link {margin-left: 7px; width: 17px; height: 13px;}
}
/* link-btn e */

/* tab 기본 레이아웃 s */
.tab-nav {display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.tab-nav li {background: #F7F7F7; border: 1px solid #DDD; box-sizing: border-box; width: 100%;}
.tab-nav li:nth-child(n+3) {border-left: none;}
.tab-nav li:nth-child(2n) {border-left: none;}
.tab-content .list.on {display: block;}
.tab-content .list {display: none;}
.tab-nav li a {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: 400; height: 100%; min-height: 50px; padding: 11px; position: relative; word-break: break-all; font-size: 15px; line-height: 1.3; box-sizing: border-box; font-family: GANGWONSTATE;}
.tab-nav li.on {background: #111; border: none;}
.tab-nav li.on a {color: #FFF;}
.tab-box {margin-bottom: 30px;}
.tab-nav.type02 {margin-bottom: 10px;}
.tab-nav.type02 li {width: 25%;}
.tab-box .link-btn-wrap {width: 100%;}
.tab-box .link-btn-wrap .link-btn {width: 100%; max-width: 100%;}
.tab-nav li:hover {box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;}
.tab-nav li:hover a {box-shadow: var(--point-color) 0 0 0 1px inset;}

@media all and (min-width: 1024px){
    .tab-nav {width: 100%; margin-bottom: 50px; flex-wrap: nowrap;}
    .tab-box {display: flex; width: 100%;}
    .tab-nav li {transition: 0.3s;}
    .tab-nav li a {font-size: 18px;}
    .tab-box {margin-bottom: 50px;}
    .tab-nav.type02 {margin-bottom: 0; height: 64px;}
    .tab-box .link-btn-wrap {max-width: 220px; margin-left: 23px;}
    .tab-nav li:first-child {border-left: 1px solid #dedede;}
    .tab-nav li.on:first-child {border-left: none;}
    .tab-nav li:nth-child(n+3) {border-top: 1px solid #dedede;}
    .tab-nav li.on:nth-child(n+3) {border: none;}
}
/* tab 기본 레이아웃 e */

/* board list s */
.notice-num {margin-bottom: 20px; letter-spacing: -0.7px; color: #666; font-size: 21px; font-weight: 600;}
.notice-num>span {color: var(--point-color);}
.news-board {margin-bottom: 35px; border-top: 2px solid #242B45;}
.news-board  .board-list-top {display: none; padding: 25px 0; box-sizing: border-box; background-color: #f7f7f7; border-bottom: 1px solid #d9d9d9;}
.board-list li {display: flex; flex-wrap: wrap; align-items:baseline; padding: 20px 5px; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; color: #777;}
.board-list li span {display: inline-block;}
.board-list li span.organ {padding-right: 10px;}
.board-list li span.webshow {display: none;}
.board-list li span>br {display: none;}
.board-list li .num {display: none;}
.board-list li .tit {font-size: 15px; width: 100%; letter-spacing: -0.35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; padding: 5px 0;}
.board-list li .tit:hover, .board-list li .tit:focus {text-decoration: underline; text-underline-position: under;}
.board-list li .tit:hover .icon-review, .board-list li .tit:focus .icon-review {text-decoration: underline white;}
.board-list li .tit + div {position: relative; white-space: nowrap; width: 100%;}
.board-list .flex>* {margin-right: 3%; padding-right: 5px; color: #555;}
.board-list .flex>*:last-child {display: flex; align-items: center; justify-content: center; margin-right: 0; padding-right: 0;}
.board-list li .icon-view {display: inline-block; width: 20px; height: 20px; margin: -1px 5px 0 0;}
.board-list li .regist>span {font-size: 13px; box-sizing: border-box; color: #fff; display: inline-block; padding: 2px 5px 0; border-radius: 3px; margin-bottom: 5px;}
.board-list li .regist .on {background-color: #D44427;}
.board-list li .regist .off, .board-list li .regist .ing {background-color: #4780d5;}
.board-list li .regist .announce, .board-list li .regist .done {background-color: #555;}
.board-list li .icon-area > i {display: inline-block; width: 25px; height: 25px; border: 1px solid #ded6e0; border-radius: 50%; background: url("/_user/img/sub/ico-file.svg") center/13px no-repeat;}
.board-list li .icon-area > a.icon-link {display: inline-block; text-indent: -9999px; position: relative; top: -1px; width: 25px; height: 25px; border-radius: 4px; background: var(--point-color) url("/_user/restructure2022/base/img/sub/icon-link-ff.svg") center/13px no-repeat;}
.board-list li .icon-area .icon-clip {background-image: url("/_user/img/sub/ico-file.svg");}
.board-list li .icon-view {border: none; background: url(/_user/img/sub/ico-view.svg) no-repeat center / contain;}
.board-list li .unit-type1:after {content: '㎡';}
.board-list li.no-board {padding: 30px 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.board-list li.no-board::before{content: ''; display: inline-block; width: 90px; height: 90px; margin-bottom: 8px; background: url("/_user/restructure2022/base/img/sub/icon-noborard.svg") center/contain no-repeat;}
.news-board.mo-nolist .board-list li>div {display: none;}
.news-board.mo-nolist .board-list li .tit {padding-bottom: 0;}
.board-list li .boardlist-noti {display: flex; align-items: center; justify-content: center; color: #fff; width: 50px; height: 29px; border-radius: 5px; background: #242B45; margin: 0 auto;}

/* board view s */
.editor-box {display: flex; justify-content: center; color: #333; min-width: 320px;}
.editor-box>* {max-width: 100%; overflow-x: auto;}
.editor-box p {line-height: 1.5 !important;}
.editor-box table {margin: 0 auto;}
.boardview .boardview-top .view-tit .regist {position: relative; top: 1px; margin-right: 5px;}
.boardview .boardview-top .view-tit .regist>span {font-size: 13px; box-sizing: border-box; color: #fff; display: inline-block; padding: 4px 5px 0; border-radius: 3px; font-weight: 500;}
.boardview .boardview-top .view-tit .regist .announce, .boardview .boardview-top .view-tit .regist .done {background: #555;}
.boardview .boardview-top .view-tit .regist .on {background-color: #D44427;}
.boardview .boardview-top .view-tit .regist .off {background-color: #4780d5;}
@media screen and (min-width: 1024px){
    .boardview .boardview-top .view-tit .regist {top: 2px; margin-right: 10px;}
    .boardview .boardview-top .view-tit .regist>span {font-size: 15px; padding: 5px 5px 2px;}
}

/*자유게시판*/
.board-list li .tit-wrap {max-width: 100%;}
.board-list li .tit-wrap .tit {display: flex;}
.board-list li .tit {box-sizing: border-box;}
.board-list li .tit>span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board-list li .tit.review {padding-bottom: 10px;}
.board-list li .tit.review .icon-review {position: relative; white-space: nowrap; margin-left: 5px; height: 20px; line-height: 20px; letter-spacing: -0.5px; padding: 0 5px; background: #fff; border: 1px solid var(--point-color); color: var(--point-color); border-radius: 3px; font-size: 12px;}
.board-list li .tit.review .icon-review:before {position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: -5px; width: 0; height: 0; border-top: 5px solid var(--point-color); border-left: 4px solid transparent; border-right: 4px solid transparent;}
.board-list li .tit.review .icon-review:after {position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: -3px; width: 0; height: 0; border-top: 4px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent;}
.board-list li .tit-wrap + div {position: relative; white-space: nowrap; width: 100%;}

@media screen and (min-width: 1024px){
    .notice-num {margin-bottom: 35px; font-size: 21px; letter-spacing: -0.4px;}
    .news-board {margin-bottom: 45px; display: table; width: 100%; table-layout: fixed;}
    .news-board .board-list-top {display: table-row; color: #111; font-size: 16px; text-align: center;}
    .news-board .board-list-top>*, .board-list li>* {display: table-cell;}
    .news-board .board-list-top>* {padding: 25px 10px; width: 12%; box-sizing: border-box; border-bottom: 1px solid #242B45; font-size: 17px;}
    .board-list li span.webshow {display: inline-block;}
    .board-list-top .num {width: 12%;}
    .board-list li span>br {display: block;}
    .board-list li .icon-area > a.icon-link {top: 0;}
    .board-list-top .regist, .board-list li .regist {width: 115px;}
    .board-list li .regist>span {font-size: 15px; width: 100%; margin-bottom: 0; padding: 6px 5px 2px;}
    .board-list-top .tit {text-align: center; width: 65%; font-size: 17px;}
    .board-list-top .flex>* {width: 100%; padding: 0 5px; box-sizing: border-box;}
    .board-list-top .day, .board-list .flex .day {min-width: 110px;}
    .board-list-top .file, .board-list .flex .file {max-width: 95px;}
    .board-list-top .view, .board-list .flex .view {max-width: 110px; min-width: 75px;}
    .board-list-top .link, .board-list .flex .link {max-width: 95px; min-width: 70px;}
    .board-list-top .col5 {width: 60%;}
    .board-list-top .col4 {width: 50%;}
    .board-list-top .col3 {width: 40%;}
    .board-list-top .col2 {width: 30%;}
    .board-list-top .col1 {width: 7%;}
    .news-board .board-list-top>div, .news-board .board-list>li>div {padding-left: 0; padding-right: 0; white-space: nowrap; font-size: 17px;}
    .board-list .flex>* {margin-right: 0; width: 100%; padding: 0 5px; box-sizing: border-box;}
    .board-list .flex>*:last-child {padding-right: 5px;}
    .board-list {font-size: 16px; display: table-row-group; text-align: center; position: relative;}
    .board-list li {display: table-row; padding: 0;}
    .board-list li>* {padding: 25px 10px; vertical-align: middle; display: table-cell !important; border-bottom: 1px solid #d9d9d9;}
    .board-list li .tit {text-align: left; font-size: 17px; padding: 0;}
    .board-list li .num {display: table-cell; text-align: center;}
    .board-list li .unit-type1:after {display: none;}
    .board-list li.no-board {padding: 30px 0 40px;}
    .board-list li.no-board::before {background: none; height: 120px;}
    .board-list li.no-board>span {position: absolute; left: 0; top: 0; box-sizing: border-box; background: url("/_user/restructure2022/base/img/sub/icon-noborard.svg") 50% 30px no-repeat; background-size: 90px; display: flex !important; width: 100%; height: 100%; align-items: center; justify-content: center; padding-top: 130px;}
    .news-board.mo-nolist .board-list li>div {display: flex;}

    .board-list li .tit.review {padding-top: 4px; padding-bottom: 0;}
    .board-list li .tit.review .icon-review {top: -3px; line-height: 23px; height: 21px; margin-left: 10px;}
}
/* board list e */

/* search-wrap */
.daterange-wrapper {width: 100%;}
.search-wrap {margin-bottom: 30px;}
.icon-secret {width: 12px;min-width: 12px;height: 17px; text-indent: -9999px; display: inline-block;position: relative;margin-right: 6px;text-indent: -9999px;}
.icon-secret:before {content: ''; position: absolute;left: 2px; top: 1px; width: 5px; height: 5px; border-radius: 4px 4px 0 0; border-top: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7;}
.icon-secret:after {content: ''; color: #b7b7b7; position: absolute; width: 9px; height: 6px; border-radius: 1px; border: 1px solid #b7b7b7; left: 0; top: 7px; background: #e8e8e8;}
.search-box select + select {margin-top: 10px;}
.search-box .search-select.sm {width: 30%}
.search-box .input-box {width: calc(70% - 10px); margin-left: 10px;}
@media screen and (min-width: 768px){
    .search-wrap > form {max-width: unset;}
    .daterange-wrapper {width: auto;}
    .search-wrap-inner {display: flex;}
    .search-wrap {flex-wrap: wrap; gap: 10px; padding: 20px; border-radius: 20px;}
    .search-box select + select, .search-wrap .search-box .btn-search, .search-box .input-box {margin-top: 0;}
    .search-box .btn-search {width: 130px; height: 50px;}
    .search-box {gap: 10px;}
    .search-wrap .search-box .search-select {flex: 1;}
    .search-wrap .search-box .search-select + .input-box {margin-left: 0;}
}

@media screen and (min-width: 1024px){
    .sub-link .link-print {display: block;}
    .search-wrap {margin-bottom: 40px; padding: 32px 5%;}
    .search-wrap .search-box .search-select + .input-box {width: calc(100% - 110px);}
    .search-wrap .search-box .search-select {min-width: 130px; font-size: 16px;}
    .search-wrap .search-box .input-box > input {width: calc(100% - 50px); padding: 0 0 0 10px; box-sizing: border-box;}
    .icon-secret {width: 13px; min-width: 13px; margin-right: 10px;}
    .icon-secret:before {width: 7px; height: 5px; left: 3px;}
    .icon-secret:after {width: 13px; height: 10px; top: 7px;}
    .search-wrap .search-box .btn-search {min-width: 100px; }
}
@media screen and (min-width: 1300px){
    .search-box {flex-wrap: nowrap;}
    .search-wrap {padding: 40px 13%;}
}

/* daterangepicker */
.daterangepicker .start-date.active:after  {position: absolute; content: ''; top: 0; right: -5px; 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: 5; }
.daterangepicker.single .drp-calendar {padding-top: 45px;}
.daterangepicker.single .table-condensed > thead > tr:first-of-type .month {margin-top: -35px;}
.daterangepicker .drp-calendar {max-width: none;}
.fc-time , .fc-title {display: none;}
.daterangepicker select {background: none;}
.daterangepicker select.monthselect {font-weight: 700;}
.daterangepicker .single .month span {display: none;}
.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: 253px;}
    .daterange-wrap #daterange {font-size: 16px;}
    .date-button {right: -50px; width: 50px; height: 50px;}
    .date-button > button {height: 23px;}
    .date-button > button > img {width: 20px;}
    .date-wrap .date > input {width: 80px;}
    .date-wrap .date > input[type="text"] , .date-wrap > em {font-size: 16px; letter-spacing: -0.4px;}
    .daterangepicker {padding: 40px 25px 30px; margin-top: 20px; width: 700px; box-sizing: border-box;}
    .daterangepicker.single {width: auto;}
    .daterangepicker.single .drp-calendar.left {margin-right: 0;}
    .daterangepicker .drp-calendar {max-width: 270px;}
    .table-condensed > thead > tr:first-of-type {display: revert; height: 50px; position: relative;}
    .table-condensed > thead > tr:first-of-type .month, .daterangepicker.single .table-condensed > thead > tr:first-of-type .month {margin-top: 0; top: 5px;}
    .daterangepicker select.monthselect, .daterangepicker select.yearselect {padding-right: 0;}
    .date-wrap .date > input[type="text"]::placeholder {color: #777; font-size: 16px; letter-spacing: -0.4px;}
    .daterange-wrapper > p , .daterange-wrapper > button {font-size: 16px;}
    .daterange-wrapper > 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 > tbody {height: 260px;}
    .table-condensed > thead > tr:first-of-type .prev , .table-condensed > thead > tr:first-of-type .next {width: 34px; height: 34px;}
    .table-condensed > thead > tr:first-of-type .prev {left: 0; top: 0;}
    .table-condensed > thead > 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;}
}


/* 게시판 아이콘 */
.board-list-wrap .board-list tr>td>span {top: -2px;}
.ico-file {position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 0; background: url("/_user/img/sub/ico-file.svg") center / 95% no-repeat;}
.ico-view {position: relative; display: inline-block; width: 16px; height: 11px; margin-right: 10px; background: url("/_user/img/sub/ico-view.svg") center / 95% no-repeat;}
.ico-date {position: relative; display: inline-block; width: 13px; height: 12px; margin-right: 10px; background: url("/_user/img/sub/ico-date.svg") center / 90% no-repeat;}
.ico-download {width: 15px; height: 15px; margin-right: 8px; background: url("/_user/img/layout/ico-download.svg") center no-repeat;}
.ico-writer {position: relative; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: url("/_user/img/sub/ico-writer.svg") no-repeat center / contain;}
.boardview-info > span {display: flex; align-items: center;}
.box-info .ico-date, .box-info .ico-view {margin-right: 7.5px;}
.box-info .ico-date {width: 13px; height: 13px; background-size: 95%; top: 1px;}
.box-info .ico-view {width: 15px; height: 11px; top: 2px;}
.ico-file.type-line {display: flex; width: 25px; height: 25px; border: 1px solid #D8D8D8; background-size: 15px; border-radius: 5px; background-color: #fff; margin-right: 5px;}
@media screen and (min-width: 768px) {
    .board-list-wrap .board-list tr>td>span {top: 3px;}
}

@media screen and (min-width: 1024px) {
    .ico-file {width: 16px; height: 16px; background-size: 100%;}
    .ico-view {width: 19px; height: 14px;}
    .ico-date {width: 15px; height: 15px; background-size: 95%;}
    .box-info .ico-date, .box-info .ico-view {top: 0;}
    .box-info .ico-date {width: 15px; height: 15px; background-size: 95%;}
    .box-info .ico-view {width: 19px; height: 14px; top: 1px;}
}
/* 테이블 추가 e*/


/* full 캘린더 css s */
.event-calender-wrap {position: relative; padding-top: 50px;}
.eventcal-wrap .fc-toolbar.fc-header-toolbar {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}
.month-tabs {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.month-tabs > button {position: relative; width: 16.666%; min-height: 40px; margin-bottom: 4px; display: flex; align-items: center; justify-content: center; color: var(--black); font-size: 16px;}
.month-tabs > button::before {content: ''; position: absolute; width: 85%; height: 1px; bottom: 0; background: #000;}
.month-tabs > button.on {background: #F7F8FB;}
.month-tabs > button.on::before {height: 3px;}
.event-label p {display: flex; align-items: center; padding-top: 20px; font-size: 17px; color: #555;}
.ico-scheduled {display: inline-block; width: 17px; height: 17px; border-radius: 17px; background: #242B45; margin-right: 5px;}
.eventcal-wrap .fc-view-container {border-top: 1px solid #ddd; padding: 0 10px;}
.eventcal-wrap .fc-toolbar h2 {font-size: 28px; font-weight: 400; color: #222;}
.eventcal-wrap .fc-button-primary {background: #fff; border: 1px solid #ddd; width: 34px; height: 34px; box-sizing: border-box; border-radius: inherit; overflow: hidden; box-shadow: none; padding: 0;}
.eventcal-wrap .fc-button-primary:not(:disabled):active, .event-wrap .fc-button-primary:not(:disabled).fc-button-active {background: #fff; border: 1px solid #ddd; box-shadow: none;}
.eventcal-wrap .fc-button-primary:hover, .eventcal-wrap .fc-button-primary:focus {border-color: #00287a;}
.eventcal-wrap .fc-toolbar > * > :not(:first-child) {margin-left: 6px;}
.eventcal-wrap .fc-head-container .fc-row > table > thead > tr >th {font-weight: 500; color: #111; padding: 10px;}
.eventcal-wrap .fc-head-container .fc-row > table > thead > tr .fc-sun {color: #FF0000;}
.eventcal-wrap .fc-head-container .fc-row > table > thead > tr .fc-sat {color: #197CFF;}
.eventcal-wrap .fc-body .fc-content-skeleton>table {color: #111;}
.fc-button .fc-icon {position: relative;}
.eventcal-wrap .fc-prevYear-button {margin-left: 10px;}
.eventcal-wrap .fc-nextYear-button {margin-right: 10px;}
.fc-icon-chevrons-left:before , .fc-icon-chevron-left:before , .fc-icon-chevron-right:before , .fc-icon-chevrons-right:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.fc-icon-chevrons-left:before {background: url("/_user/common/img/layout/icon-prev-year.png") 0 0 no-repeat; width: 14px; height: 14px;}
.fc-icon-chevron-left:before {background: url("/_user/common/img/layout/icon-prev-month.png") 0 0 no-repeat; width: 8px; height: 14px;}
.fc-icon-chevron-right:before {background: url("/_user/common/img/layout/icon-next-month.png") 0 0 no-repeat; width: 8px; height: 14px;}
.fc-icon-chevrons-right:before {background: url("/_user/common/img/layout/icon-next-year.png") 0 0 no-repeat; width: 14px; height: 14px;}
.calendar .fc-scroller.fc-day-grid-container {height: auto !important;}
.calendar .fc-week.fc-widget-content.fc-rigid {height: 50px !important;}
.calendar .fc-row .fc-content-skeleton {padding-top: 5px;}
.calendar .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {font-size: 12px;}
.calendar .fc-unthemed .fc-bg td.fc-today {box-shadow: none;}
.calendar .fc-content-skeleton thead .fc-today>span {position: relative; color: #fff;}
.calendar .fc-content-skeleton thead .fc-today>span:before {content: ''; position: absolute; left: 50%; top: 50%;  margin-left: -8px; margin-top: -9px; z-index: -1; width: 18px; height: 18px; border-radius: 3px; background: #0090DF;}
.fc-unthemed td + td {border-left: 1px solid #ddd;}

@media screen and (min-width: 768px){
    .eventcal-wrap .fc-toolbar h2 {font-size: 36px;}
    .eventcal-wrap .fc-button-primary {width: 40px; height: 40px;}
    .eventcal-wrap .fc-prevYear-button {margin-left: 20px;}
    .eventcal-wrap .fc-nextYear-button {margin-right: 20px;}
    .calendar .fc-week.fc-widget-content.fc-rigid {height: 65px !important;}
    .calendar .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {font-size: 14px;}
    .eventcal-wrap .fc-toolbar.fc-header-toolbar {margin-bottom: 23px;}
    .calendar .fc-content-skeleton thead .fc-today>span:before {width: 22px; height: 22px; margin-left: -10px; margin-top: -11px;}
}
@media screen and (min-width: 1024px){
    .month-tabs > button::before {width: 100%;}
    .eventcal-wrap .fc-view-container {padding: 0;}
    .eventcal-wrap .fc-head-container {font-size: 16px;}
    .eventcal-wrap .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {font-size: 16px;}
    .calendar .fc-week.fc-widget-content.fc-rigid {height: 80px !important;}
    .calendar .fc-row .fc-content-skeleton {padding-top: 18px;}
    .calendar .fc-row.fc-widget-header {padding: 0 10px;}
    .calendar .fc-body .fc-day-grid {padding: 0 10px; box-sizing: border-box;}
    .calendar .fc-content-skeleton thead .fc-today>span:before {width: 26px; height: 26px; margin-left: -12px; margin-top: -12px;}
    .month-tabs {margin-bottom: 50px;}
    .month-tabs > button {min-height: 50px; font-size: 20px;}
    .eventcal-wrap .fc-head-container .fc-row > table > thead > tr >th {padding: 20px 10px; font-size: 22px;}
}

/*풀캘린더 클릭 이벤트*/
.fc-day {position: relative;}
.click-cal {position: absolute; width: 100%; height: 100%;}
.day-list > span {height: 3px; display: block; margin-bottom: 2px;}
.day-list > .red-line {background: #DF0000;}
.day-list > .yellow-line {background: #FFCE47;}
.day-list > .green-line {background: #6FDF00;}
.day-list > .bluegreen-line {background: #00DFB2;}
.day-list > .purple-line {background: #9D00DF;}
.fc-event {border: none; background: none; z-index: -1;}

@media screen and (min-width: 1024px) {
    .day-list > span {height: 5px;}
}
/* full 캘린더 css e */

/* 행사안내 s */
section.job-event {max-width: none; padding: 60px 0 0 0;}
.sec-job-cal {padding: 0 20px; background: #fff;}
.sec-job-cal .sec-tit {padding-bottom: 20px;}
.event-cal .fc-view-container {padding: 0; border: none;}
.event-cal .fc-head {background: linear-gradient(white, white) padding-box, linear-gradient(93deg, #F5373B 12.92%, #353983 48.87%, #037392 77.49%) border-box; border-top: 2px solid transparent;  border-bottom: 1px solid transparent;}
.event-cal .fc-title {display: flex !important; justify-content: center; font-size: 12px; padding: 2px; border-radius: 5px; color: #111;}
.event-cal .fc-day-top.fc-other-month .fc-title {opacity: 0.3;}
.event-cal .fc-sun .fc-day-number {color: #D93E17;}
.event-cal .fc-sat .fc-day-number {color: #3D74D4;}
.event-cal .day-list > span {background-color: transparent !important;}
.event-cal .fc-event:hover {color: inherit;}
.event-cal .available {line-height: 1.4;}
.event-cal .available .fc-title {background: #446adf}
.event-cal .unavailable .fc-title {background: #ff4343;}
.event-cal .popup-btn {display: flex; justify-content: center;}
.event-cal .fc-prevYear-button {margin-left: 0;}
.event-cal .fc-nextYear-button {margin-right: 0;}
.event-cal .fc-toolbar h2 {font-weight: 700;}
.event-cal .fc-content-skeleton thead .fc-today>span:before {background: var(--point-color2);}
.event-cal .fc-button-primary {border-radius: 40px;}
.event-cal .fc-prevYear-button, .event-cal .fc-nextYear-button {min-width: 45px;}
.event-cal .fc-highlight {background: rgba(40, 95, 116, 0.05);; opacity: 1;}
.fc-icon-chevrons-left:before, .fc-icon-chevrons-right:before {background: url(/_user/img/sub/ico-cal-arrow-year.svg) no-repeat center / cover; width: 40px; height: 28px; background-size: 30px;}
.fc-icon-chevrons-right:before, .fc-icon-chevron-right:before {transform: translate(-50%, -50%) rotate(180deg);}
.fc-icon-chevron-left:before, .fc-icon-chevron-right:before {background: url(/_user/img/sub/ico-cal-arrow.svg) no-repeat center / cover; width: 28px; height: 28px; background-size: 20px;}
.sec-event-info {padding: 45px 25px; margin-top: 40px; border-radius: 10px;  box-shadow: 0 0 23px 0 rgba(24, 58, 71, 0.15); background: linear-gradient(white, white) padding-box, linear-gradient(93deg, #F5373B 12.92%, #353983 48.87%, #037392 77.49%) border-box; /* 테두리 그라디언트 */border: 1px solid transparent; box-shadow: 0 0 23px 0 rgba(24, 58, 71, 0.15);}
.sec-event-info .date {font-size: 28px; font-weight: 800; padding-bottom: 30px;}
.sec-event-info .info {font-size: 17px; padding-bottom: 40px;}
.sec-event-info .info em {display: inline-flex; align-items: center; justify-content: center; color: #fff; width: 20px; height: 20px; border-radius: 50px; background: var(--red);}
.sec-event-info .list-box {max-height: 320px; overflow-y: scroll; padding-right: 10px;}
.sec-event-info .list-box li {padding: 15px; border-bottom: 1px solid #242B45; background: #F6F6F6; box-sizing: border-box; border-radius: 5px;}
.sec-event-info .list-box li.none {font-size: 18px; text-align: center; background: transparent; border: none;}
.sec-event-info .list-box li + li {margin-top: 8px;}
.sec-event-info .list-tit {font-size: 19px; font-weight: 600; padding-bottom: 5px;}
.list-date, .list-location, .list-call {color: #555; font-size: 17px; padding-top: 5px;}
.sec-event-info .list-box::-webkit-scrollbar {width: 7px;}
.sec-event-info .list-box::-webkit-scrollbar-track {width: 4px; background-color: #DEDADA;; border-radius: 10px;}
.sec-event-info .list-box::-webkit-scrollbar-thumb {width: 4px;  background-color: #242B45;  border-radius: 10px;}
.sec-event-info .list-box::-webkit-scrollbar-button {display: none;}
.event-cal .fc-content {width: fit-content; display: flex; justify-content: center;}
.event-cal .fc-title {text-indent: -9999px; width: 12px; height: 12px; border-radius: 12px; background: #242B45; padding: 0;}
.cal-list-label {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px;}
.fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td {padding: 0 10px;}
.calendar .fc-week.fc-widget-content.fc-rigid {border-bottom: 1px solid #ddd;}
.sec-event-info .end-dimm::before {bottom: 44px; width: 86%; left: 25px;}

@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1200px) {
    .event-cal .fc-head {border-bottom-width: 2px;}
    .sec-job-cal {position: relative;}
    .event-calender-wrap {display: flex; gap: 40px; align-items: flex-start;}
    .month-tabs > button.on::before {width: 100%; height: 4px;}
    .sec-job-cal {width: 65%; padding: 100px 40px 60px 0;}
    .sec-job-cal .sec-tit {padding-bottom: 60px;}
    .job-event .eventcal-wrap {position: relative;}
    .event-cal .fc-toolbar h2 {font-size: 48px;}
    .event-cal .fc th {text-align: left;}
    .event-cal .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {text-align: left; padding-left: 10px; padding-bottom: 5px;}
    .event-cal .calendar .fc-body .fc-day-grid {padding: 0;}
    .event-cal .popup-btn {display: flex; justify-content: flex-end; background: #EFF5FF; padding-right: 10px; color: var(--point-color2); border-radius: 10px;}
    .event-cal .fc-content-skeleton thead .fc-today>span:before {left: 18px; margin-top: -2px;}
    .event-cal .fc-row .fc-content-skeleton {padding-top: 20px;}
    .event-cal .calendar .fc-week.fc-widget-content.fc-rigid {height: 130px !important;; border-bottom: 1px solid #ddd;}
    .event-cal .fc-row.fc-widget-header {padding: 0;}
    .event-cal .fc-content {position: relative; left: -4px; top: 4px; justify-content: flex-start;}

    .sec-event-info {position: relative; width: 40%; padding: 90px 50px 100px; margin-top: 0; display: flex; flex-direction: column; align-items: start;}
    .sec-event-info .info em {width: 30px; height: 30px; border-radius: 30px; font-size: 22px;}
    .sec-event-info .info {padding-bottom: 40px; font-size: 24px;}
    .sec-event-info .list-box li {padding: 30px 20px; border-radius: 15px;}
    .sec-event-info .list-box li + li {margin-top: 10px;}
    .sec-event-info .list-box {max-height: 760px; padding-right: 20px; min-width: 100%;}
    .sec-event-info .list-tit {font-size: 21px;}
    .list-date, .list-location, .list-call {font-size: 18px; padding-top: 8px;}
    .sec-event-info .list-box li.none {font-size: 21px;}
    .sec-event-info .end-dimm::before {bottom: 94px; width: 90%; left: 25px; height: 60px;}
}
@media screen and (min-width: 1400px){
    .event-calender-wrap {gap: 80px;}
    .sec-job-cal {width: 57%; padding: 100px 0 60px 0;}
    .sec-job-cal  .fc table {font-size: 20px;}
    .sec-event-info {width: 43%;}
    .sec-event-info .date {font-size: 38px;}
    .job-event::after {transform: scale(1.7);}
}
@media screen and (min-width: 1600px){
    .event-cal .fc-toolbar.fc-header-toolbar {position: absolute; right: 0; top: 0; max-width: 500px; width: 100%;}
}
.event-cal .fc-popover {display: none !important;}
/* 행사안내 e */

/*박스 이미지*/
.photo-list {padding-top: 16px;}
.photo-list .box {padding-bottom: 20px;}
.photo-list .box:last-of-type {padding-bottom: 0;}
.photo-list .box a {display: block;}
.photo-list .box:hover .box-hover {position: absolute; background-color: rgba(0,35,93,0.3); width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.photo-list .box:hover .box-hover:before {position: absolute; content: ''; width: 28px; height: 1px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.photo-list .box:hover .box-hover:after {position: absolute; content: ''; width: 1px; height: 28px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.photo-list .box:hover .photo-box img {transform: scale(1.1 ,1.1);}
.photo-list .box .photo-box {background: #F8F8F8 url("/_user/img/sub/ico-photo.svg") center 50% no-repeat; background-size: 49px; height: 0 ; padding-top: 70%; position: relative; overflow: hidden; border: 1px solid #ddd; border-radius: 10px 10px 0 0;}
.photo-list .box .photo-box:after {font-weight: 300; content: '등록된 이미지가 없습니다.'; color: #aaa; font-size: 12px; margin-top: 10px; position: absolute; left: 50%; top: calc(50% + 23px); transform: translateX(-50%);}
.photo-list .box .photo-box>img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all 0.5s; z-index: 1;}
.photo-list .box .text-box {position: relative; z-index: 2; border: 1px solid #ddd; border-top-width: 0; padding: 25px; font-weight: 300; border-radius: 0 0 10px 10px;}
.photo-list .box .text-box .box-tit p {font-size: 19px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.7px; padding-bottom: 13px; font-weight: 700;}
.box-info>span {color: #888; font-size: 17px;}
.photo-item .date {color: #888; font-size: 17px;}
.photo-item .box-info {display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px solid #ddd; align-items: center; margin-top: 15px;}
.photo-list .photo-list-label {display: flex; flex-wrap: wrap; gap: 5px; padding-top: 0; margin-top: 0; border-top: none;}
@media screen and (min-width: 768px) {
    .photo-list {display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 40px; border-top: 2px solid #222;}
    .photo-list .box {width: calc(50% - 10px); margin-right: 20px;}
    .photo-list .box:nth-of-type(2n) {margin-right: 0;}
}
@media screen and (min-width: 1024px) {
    .photo-list .box {width: calc(33.33% - 13.33px); padding-bottom: 30px;}
    .photo-list .box .photo-box {padding-top: 69%;}
    .photo-list .box:nth-of-type(2n) {margin-right: 20px;}
    .photo-list .box:nth-of-type(3n) {margin-right: 0;}
    .photo-list .box .text-box .box-tit p {font-size: 19px; letter-spacing: -0.9px;}
    .photo-list .box .box-info {font-size: 16px;}
    .photo-list .box .text-box {padding: 20px;}
    .photo-list .box .photo-box {background-size: 67px; background-position: center 45%;}
    .photo-list .box .photo-box:after {font-size: 14px;}
}
@media screen and (min-width: 1500px) {
    .photo-list .box {width: calc(25% - 30px); margin-right: 40px; padding-bottom: 40px;}
    .photo-list .box:nth-of-type(2n) {margin-right: 40px;}
    .photo-list .box:nth-of-type(3n) {margin-right: 40px;}
    .photo-list .box:nth-of-type(4n) {margin-right: 0;}
    .photo-list .box .photo-box:after {width: 160px;}
}

/* 준비중 페이지 s */
.preparing-wrap {color: #111; text-align: center;}
.preparing-wrap>img {width: 184px;}
.preparing-wrap>span {display: block; padding-top: 20px; line-height: 21px; letter-spacing: -0.35px; text-align: center; color: #111; font-weight: 300;}
.preparing {color: #111; text-align: center; font-size: 30px; letter-spacing: -0.75px; padding-top: 32px; font-weight: 600;}
.preparing>span {color: var(--point-color);}
.preparing {font-family: GANGWONSTATE;}
.preparing-wrap .txt {display: block; font-size: 14px; padding-top: 10px;}
@media screen and (min-width: 1024px){
    .preparing-wrap>img {width: 172px;}
    .preparing-wrap>span {padding-top: 24px; line-height: 28px; font-size: 18px;}
    .preparing {font-size: 40px; padding-top: 52px;}
    .preparing-wrap .txt {font-size: 20px; padding-top: 20px;}
}
/* 준비중 페이지 e */

/* 테이블 형태 게시판 form s */
.form-wrap select {width: 100%; height: 100%;}
.tbl-labal {display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 20px; background: #222; color: #fff; margin-top: 2px; margin-right: 3px; font-size: 13px;}
.tbl.form-wrap {border: none;}
.tbl.form-wrap colgroup {display: none;}
.tbl.form-wrap tbody {display: flex; flex-direction: column;}
.tbl.form-wrap tr {display: flex; flex-wrap: wrap;  background: #f8f8f8;}
.tbl.form-wrap th {width: 25%; height: auto; padding: 0 15px; text-align: left; border: none; max-width: 230px; word-break: keep-all;}
.tbl.form-wrap td {width: 75%; height: auto; padding: 17px 15px; background: #fff;}
.form-wrap .info {display: block; font-size: 12px; padding-top: 10px;}
@media screen and (min-width: 768px) {
    .form-wrap .info {font-size: 13px;}
}
@media screen and (min-width: 1024px) {
    .tbl-labal {width: 70px; height: 24px; margin-right: 5px; margin-top: 0; font-size: 14px;}
    .tbl.form-wrap {border-bottom: 1px solid #DDD;}
    .tbl.form-wrap colgroup {display: table-column-group;}
    .tbl.form-wrap tbody {display: table-row-group;}
    .tbl.form-wrap tr {display: table-row; border-top: 1px solid #DDD;}
    .tbl.form-wrap th {width: auto;}
    .tbl.form-wrap td {display: table-cell; padding: 16px 10px 16px 30px;}
    .form-input.writer {width: 300px;}
    .form-wrap .info {font-size: 14px;}
    .form-input.input-sel {max-width: 300px;}
}
/* 테이블 형태 게시판 form e */


/* 로그인 s */
.login-wrap {padding: 50px 40px; box-sizing: border-box; text-align: center; max-width: 1500px; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 23px 0 rgba(24, 58, 71, 0.15); background: linear-gradient(white, white) padding-box, linear-gradient(93deg, #F5373B 12.92%, #353983 48.87%, #037392 77.49%) border-box; border: 1px solid transparent;}
.login-wrap .login::before {content: ''; display: inline-block; width: 150px; height: 150px; border-radius: 50%; box-sizing: border-box; background: url("/_user/img/sub/img-login.png")center/ 150px no-repeat;}
.login-wrap .login .text {word-break: keep-all; font-size: 19px; letter-spacing: -0.8px; margin: 20px 0 33px;}
.login-wrap .login .text span:last-child {display: block; margin-top: 14px;}
.login-btn {max-width: 400px; margin: 0 auto; height: 60px; display: flex; align-items: center; justify-content: center; width: 100%; padding: 16px 0; box-sizing: border-box; font-size: 15px; font-weight: 300; letter-spacing: -0.75px; border-radius: 10px;}
.login-btn::before {content: ''; display: inline-block; width: 17px; height: 17px; margin-right: 12px; position: relative; top: -1px;}
.login-naver {background: #03CF5D; color: #fff; margin-bottom: 10px; transition: .3s;}
.login-naver::before {background: url("/_user/img/sub/icon-naver.svg")center/contain no-repeat;}
.login-kakao {background: #FEE500; color: #111; transition: .3s;}
.login-kakao::before {background: url("/_user/img/sub/icon-kakao.svg")center/contain no-repeat;}
@media screen and (min-width: 768px) {
    .login-wrap {padding: 90px 80px;}
    .login-wrap .login .text {font-size: 20px; margin: 50px 0;}
    .login-btn {font-size: 18px;}
    .login-naver {margin-bottom: 15px;}
    .login-naver:hover {background: #03C75A;}
    .login-kakao:hover {background: #FFE600;}
}
/* 로그인 e */

/* 인사말 s */
.greeting {line-height: 1.5; }
.greeting-tit {font-size: 19px; word-break: keep-all; display: block; padding-bottom: 40px; line-height: 1.5; font-weight: 600; font-family: GANGWONSTATE; background: linear-gradient(115deg, #F5373B 12.92%, #353983 48.87%, #037392 77.49%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.greeting-tit em {font-size: 24px;}
.impact {padding-bottom: 8px;}
.greeting img {max-width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.greeting .img-box {display: flex; justify-content: center; padding-bottom: 50px;}
.flex-con .right {padding-top: 30px; display: flex; flex-direction: column; font-size: 20px;}
.flex-con .right span {display: inline-block;}
.flex-con .left span {font-size: 16px;}
.greeting .sign {font-size: 16px; font-weight: 500;}
.greeting .img-sign {vertical-align: middle; margin: unset; max-width: 150px; padding-top: 10px;}
.greeting .sign-box {display: flex; flex-direction: column; align-items: center; text-align: center;}

@media screen and (min-width: 768px){
    .greeting-tit {font-size: 29px;}
    .greeting-tit em {font-size: 35px;}
    .greeting img {padding: 0;}
}
@media screen and (min-width: 1024px){
    .flex-con {display: flex;}
    .flex-con .left {position: relative; width: 35%; line-height: 1.5;}
    .flex-con .left::before {content: ''; width: 770px; height: 252px; background: url("/_user/img/sub/txt-gangwon.png") no-repeat center / contain; position: absolute; bottom: 200px; left: -41%;}
    .flex-con .right {position: relative; padding-top: 0; width: 65%; padding-left: 8%; padding-bottom: 50px;}
    .flex-con .right::before {content: ''; width: 113px; height: 113px; background: url("/_user/img/sub/deco-greeting.png") no-repeat center / contain; position: absolute; bottom: -70px; right: 0;}
    .greeting {font-size: 18px;}
    .greeting-tit {font-size: 42px; letter-spacing: -1.5px; padding-bottom: 50px;}
    .flex-con .left span {font-size: 20px;}
    .greeting .pic {padding-top: 40px; aspect-ratio: 1 / 1; object-fit: contain;}
    .impact {font-size: 20px; padding-bottom: 5px;}
    .greeting .img-box {padding-bottom: 60px;}
    .greeting .sign-box {flex-direction: row; justify-content: flex-end; gap: 20px;}
    .greeting .sign img {width: 135px; position: relative; top: -4px; }
    .greeting .img-sign {padding-top: 0;}
}
@media screen and (min-width: 1200px){
    .flex-con .left {width: 40%;}
    .flex-con .right {width: 60%;}

}
/* 인사말 e */

/* 강원사람온 s*/
.gangwon-wrap {text-align: center;}
.gangwon-tit {display: block; font-size: 22px; font-family: GANGWONSTATE; line-height: 1.6;}
.img-box img {max-width: 100%;}
.gangwon-wrap .txt-box {padding-top: 35px; font-size: 19px; text-align: left; max-width: 1170px; margin: 0 auto; word-break: keep-all; line-height: 1.6;}
@media screen and (min-width: 1024px){
    .gangwon-wrap .mob-br {display: none;}
    .gangwon-tit {position: relative; font-size: 43px; padding-bottom: 50px;}
    .gangwon-tit::before {content: ''; width: 770px; height: 252px; background: url("/_user/img/sub/txt-gangwon.png") no-repeat center / contain; position: absolute; bottom: -130px; right: -220px; z-index: -1;}
    .gangwon-wrap .txt-box {font-size: 20px;}
}
/* 강원사람온 e*/

/* 사이트맵 s*/
.sitemap-wrap .depth1 {display: flex; flex-wrap: wrap; gap: 20px 10px; align-items: flex-start;}
.sitemap-wrap .depth1 .depth1-item {width: 100%; overflow: hidden; border: 1px solid #242B45;}
.sitemap-wrap .depth1 .depth1-item .site-tit {height: 46px;display: flex;align-items: center;justify-content: center; background: #242B45; color: #fff;font-size: 18px;}
.sitemap-wrap .depth1 .depth1-item .site-tit a {color: #fff;}
.sitemap-wrap .depth1 .depth1-item .depth2 li {border-bottom: 1px solid #242B45;}
.sitemap-wrap .depth1 .depth1-item .depth2 li:last-of-type {border-bottom: none;}
.sitemap-wrap .depth1 .depth1-item .depth2-tit {display: flex; align-items: center; box-sizing: border-box;}
.sitemap-wrap .depth1 .depth1-item .depth2-tit>a {display: flex; justify-content: center; align-items: center; width: 100%; min-height: 46px; box-sizing: border-box; padding: 15px 10px;}
.sitemap-wrap .depth1 .depth1-item .depth2-tit>a:hover {color: #242B45; text-decoration: underline; text-underline-position: under; }

@media screen and (min-width: 768px){
    .sitemap-wrap .depth1 .depth1-item {width: calc(50% - 10px);}
}

@media screen and (min-width: 1024px){
    .sitemap-wrap .depth1 {gap: 40px 45px;}
    .sitemap-wrap .depth1 .depth1-item .site-tit {height: 80px; font-size: 22px;}
    .sitemap-wrap .depth1 .depth1-item .depth2-tit>a {padding: 15px 20px; font-size: 18px;}
    .sitemap-wrap .depth1 .depth1-item {width: calc(33% - 29px);}
}
/* 사이트맵 e*/

/*서버중단 및 오류 페이지*/
.mob-br {display: inline-block;}
.wrap {height: 100%; box-sizing: border-box; padding: 20px;}
.error-wrap {position: relative; line-height: 1.5; background-color: #fff; padding: 50px 0; min-width: 320px; min-height: calc(100% - 100px); display: flex; align-items: center; justify-content: center; color: #000; font-size: 15px; flex-direction: column;}
.logo-2 {position: absolute; z-index: 10; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 25px 20px;}
.logo-2>a {display: inline-block;}
.logo-2 img {width: 131px;}
.error-wrap .error {padding: 0 0 30px;}
.error-wrap.renewal {padding-top: 30px; min-height: calc(100% - 80px);}
.error-wrap.renewal .logo-2 {padding-bottom: 30px; width: 180px; position: static;}
.error-wrap.renewal .error {padding: 30px 0; margin: 0 20px; border-top: 1px solid var(--dgray); border-bottom: 1px solid var(--dgray);}
.renewal-info-img {max-width: 100%;}
.error-wrap .error-top {height: 150px; overflow: hidden; text-align: center;}
.error-wrap .error-top img {width: 187px;}
.error-wrap .error-bottom {padding-top: 30px;}
.error-wrap .error-bottom .txt {width: 255px; margin: 0 auto; color: #686868;}
.error-wrap .error strong {color: var(--black); font-size: 24px; font-weight: bold; padding-bottom: 10px; display: block;}
.error-wrap .btn-wrap {font-size: 14px; gap: 5px;}
.error-wrap .btn-wrap>a {min-width: 140px; box-sizing: border-box; justify-content: center; letter-spacing: -1px; color: var(--point-color); border-radius: 45px; border: 2px solid var(--point-color); height: 42px; display: flex; align-items: center; transition: all 0.2s ease-in;}
.error-wrap .btn-wrap>a:hover {color: #fff; background-color: var(--point-color);}
.error-wrap .book-application ul li {min-width: 100px;}
.error-wrap .book-application .icon-img img {width: 38px;}

@media screen and (min-width: 768px) {
    .logo-2 img, .error-wrap.renewal .logo-2 {width: 195px;}
    .error-wrap.renewal .logo-2 {padding-bottom: 50px;}
    .error-wrap.renewal .error {padding: 50px 0;}
    .error-wrap {font-size: 18px;}
    .error-wrap .error-top {height: auto;}
    .error-wrap .error-top img {max-width: 100%; width: 400px;}
    .error-wrap .error-bottom .txt {width: auto; font-weight: 500;}
    .error-wrap .error strong {font-size: 36px; white-space: nowrap;}
    .error-wrap .error-bottom {padding-top: 0; text-align: left; padding-left: 2%; display: flex; flex-direction: column; justify-content: center;}
    .error-wrap .error {display: flex; flex-direction: row; padding: 0 20px 30px;}
    .error-wrap .error>* {width: auto;}
    .error-wrap .btn-wrap {justify-content: flex-start; font-size: 16px; padding-top: 45px; gap: 10px;}
    .error-wrap .btn-wrap>a {height: 50px; width: 100%; max-width: 176px;}
    .error-wrap .book-application {padding: 20px; box-sizing: border-box;}
    .error-wrap .book-application .sub-title {font-size: 20px;}
    .error-wrap .book-application ul {gap: 29px;}
    .error-wrap .book-application ul li {max-width: 255px; border-radius: 20px; min-width: 220px;}
    .error-wrap .book-application ul li a {display: flex; align-items: center; font-weight: 500; height: 98px; justify-content: center; padding: 20px;}
    .error-wrap .book-application .icon-img {margin: 0 20px 0 0; width: 60px; height: 60px;}
    .error-wrap .book-application .icon-img img {width: 46px;}
    .error-wrap .book-application ul li a > p {font-size: 18px; padding-top: 0;}
}
@media screen and (min-width: 1024px) {
    .error-wrap .error strong {font-size: 40px;}
    .error-wrap .btn-wrap>a {border-width: 3px;}
    .error-wrap .book-application ul li {min-width: 255px; height: 100px;}
    .error-wrap .book-application ul li:hover {border-radius: 49px; border: 1px solid var(--point-color); box-shadow: inset 0 0 0 1px var(--point-color);}
}


/* 확대보기 s */
.pop-img-box {position: relative; width: 100%; height: auto; border: 1px solid #ddd; padding: 20px; box-sizing: border-box;}
.pop-img-box>img {display: block; margin: 0 auto; max-width: 100%;}
.pop-img-box .btn-img-popup {position: absolute; left: 0; bottom: 0; height: 34px; padding: 10px 12px; box-sizing: border-box; background: #091C6A; color: #FFF;}
.bigimg-popup {display: none; position: fixed; padding-top: 40px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; width: 90%; height: 400px; overflow: hidden;}
.bigimg-popup .btn-close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #000;}
.bigimg-popup .btn-close:before {content: ''; position: absolute; left: 20px; top: 7px; width: 1px; height: 25px; background: #fff; transform: rotate(45deg);}
.bigimg-popup .btn-close:after {content: ''; position: absolute; left: 20px; top: 7px; width: 1px; height: 25px; background: #fff; transform: rotate(-45deg);}
.bigimg-popup>div {overflow: auto; height: 100%;}
.svg-zoom {display: inline-block; width: 16px; height: 15px; margin-right: 6px; background: url("/_user/img/sub/icon-zoomin.svg") center no-repeat;}

@media screen and (min-width: 768px) {
    .btn-img-popup {display: none;}
}
@media screen and (min-width: 1024px) {
    .pop-img-box {border: none; padding: 0;}
    .bigimg-popup>div>img {width: 100%;}
}
/* 확대보기 e */

/* 이미지 업로드 추가 s */
.update-photo {display: flex; flex-direction: column; gap: 18px;}
.update-photo .noti:first-of-type {padding-top: 20px;}
.update-photo .noti {padding-top: 10px;}
.update-photo .img-view {position: relative; border: 1px solid #DEDEDF; border-radius: 10px; min-width: 150px; min-height: 190px; overflow: hidden; background: #F8F8F9;}
.update-photo .img-view img {max-width: 100%; position: relative; z-index: 1;}
.update-photo .img-view.no-img {background-size: 70px 60px; background: #F8F8F9 url("/_user/img/sub/ico-photo.svg") no-repeat center bottom 80px;}
.update-photo .img-view.no-img:before {content: '등록된 이미지가 없습니다.'; width: 100%; position: absolute; bottom:30px; left: 50%; transform: translateX(-50%); color: #ACACAC; font-size: 14px; max-width: 95px; text-align: center;}
.update-photo .add-file-wrap {display: flex; padding: 0 0 0 5px;}
.form-wrap .flex .btn {display: flex; justify-content: center; align-items: center;}
.form-editor {min-height: 50px;}
@media screen and (min-width: 768px) {
    .update-photo {flex-direction: row;}
}
@media screen and (min-width: 1200px) {
    .update-photo .add-file {min-width: fit-content;}
}
/* 이미지 업로드 추가 e */

/* 도정목표 s */
.about-wrap {max-width: 1400px; margin: 0 auto;}
.about-goal-area-inner {display: flex; flex-direction: column-reverse; align-items: center; }
.about-goal-area .img-box {position: relative; margin-top: 30px;}
.about-goal-area .img-box::before {content: ''; width: 200%; height:130%; background: url("/_user/img/sub/bg-about-m.svg") no-repeat top center / 100% 100%; position: absolute; z-index: -1; top: -16%; left: -50%;}
.goal-list {margin-top: 50px;}
.goal-list > li {}
.goal-list > li + li {margin-top: 45px;}
.goal-list .circle {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-width: 150px; width: 150px; height: 150px; border-radius: 150px; box-sizing: border-box; margin: 0 auto; border: 1px dashed #E60F33; box-shadow: 0 0 36px 4px rgba(230, 15, 51, 0.19);}
.goal-list .circle > p {font-size: 17px;}
.goal-list .circle > em {font-size: 27px; font-family: GANGWONSTATE; color: var(--point-color); text-align: center;}
.goal-list .txt {font-size: 18px; line-height: 1.4; padding: 20px; border-radius: 10px; background: #F7F8FB; margin-top: 20px;}

.about-status-area {padding-top: 55px;}
.about-status-area .sub-tit {text-align: center; padding-bottom: 20px;}
.status-list {display: flex; flex-wrap: wrap; gap: 9px; transition: .3s;}
.status-list > li {display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 5px); padding: 24px 18px; box-sizing: border-box; border-radius: 15px; background: #F7FBF7;}
.status-list > li:nth-of-type(2) {background: #F7F8FB;}
.status-list > li:nth-of-type(3) {background: #FBF7F7;}
.status-list > li:nth-of-type(4) {background: #FBFBF7;}
.status-list > li .tit {font-size: 19px; font-weight: bold; border-bottom: 1px dashed #242B45; padding-bottom: 15px; margin-bottom: 15px;}
.status-list > li .status {display: flex; align-items: baseline; gap: 3px; font-family: GANGWONSTATE; font-size: 16px; padding-bottom: 25px;}
.status-list > li .point {font-size: 24px; color: var(--point-color);}
.status-list > li .inner-list {font-size: 16px;}
.status-list .inner-list > li {display: flex; justify-content: space-between; word-break: keep-all;}
.status-list .inner-list > li + li {padding-top: 7px;}
.status-list .inner-list > li strong {text-align: right;}
.status-list .btn-link {height: 35px; padding: 0 7px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-top: 18px; border-radius: 5px; background: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10); color: #555; font-weight: 600; font-size: 13px; transition: .3s;}
.status-list .btn-link .ico-link {background: #555;}

@media screen and (min-width: 768px) {
    .goal-list > li {position: relative; display: flex; align-items: center; max-width: 700px;}
    .goal-list .circle {background: #fff; position: absolute; left: 0; z-index: 2;}
    .goal-list .txt {margin-top: 0; padding-left: 180px; border-radius: 100px; word-break: keep-all; line-height: 1.5;}
    .status-list .btn-link {font-size: 14px; padding: 0 25px;}
    .about-status-area {padding-top: 100px;}
    .status-list > li {transition: .3s;}
    .status-list > li:hover {box-shadow: 0 0 0 1px #555;}
    .status-list .btn-link:hover {background: var(--point-color); color: #fff;}
    .status-list .btn-link:hover .ico-link {background: #fff; }
}

@media screen and (min-width: 1024px) {
    .sub-tit {font-size: 34px;}
    .sub-tit .mob-br {display: none;}
    .about-goal-area-inner {flex-direction: row; justify-content: space-between; gap: 50px;}
    .goal-list > li:nth-of-type(2) {margin-left: 60px;}
    .about-status-area {padding-top: 150px;}
    .about-status-area .sub-tit {padding-bottom: 40px;}
    .status-list {gap: 30px;}
    .status-list > li {width: calc(25% - 23px); padding: 40px 30px;}
    .status-list > li .status {font-size: 24px;}
    .status-list > li .point {font-size: 36px;}
    .status-list > li .tit {font-size: 24px; padding-bottom: 25px; margin-bottom: 25px;}
    .status-list > li .inner-list {font-size: 18px;}
    .status-list .btn-link {height: 50px; border-radius: 8px; font-size: 17px; margin-top: 55px;}
}

@media screen and (min-width: 1400px) {
    .goal-list > li + li::before {content: ''; width: 150px; height: 135px; background: url("/_user/img/sub/deco-about.png") no-repeat center / contain; position: absolute; left: -32px; bottom: 77px; z-index: 0;}
    .goal-list > li:nth-of-type(2) + li::before {left: 28px; bottom: 81px; transform: rotate(40deg);}
    .goal-list .txt {padding-right: 50px;}
}
/* 도정목표 e */

/* 도민회현황 s*/
.associations-warp .sub-tit {padding-bottom: 20px;}
.type-table-scroll {}
.type-table-scroll th, .type-table-scroll td {text-align: center;}
.type-table-scroll tr {display: table-row;}
.type-table-scroll tbody {display: table-row-group;}
.type-table-scroll colgroup {display: table-column-group;}
.type-table-scroll table {min-width: 1000px;}
.type-table-scroll thead {border-top: 2px solid #285F74;}
.type-table-scroll .type-table-scroll  tr:last-child  {border-bottom: 1px solid #285F74;}
.type-table-scroll tbody td.tit {font-weight: 400;}
@media screen and (min-width: 768px) {
    .associations-warp .sub-tit {padding-bottom: 40px;}
}
/* 도민회현황 e*/

/* 강원사람온 디자인 수정 s*/
.bg-saram {display: block; margin: 0 -20px 0 -20px; min-height: 130px; background: url("/_user/img/sub/bg-saram.png") no-repeat top center / 100% auto; aspect-ratio: 2.77/1;}
.gangwon-saram-tit {display: block; color: #000; font-size: 23px; font-family: GANGWONSTATE; line-height: 1.6; letter-spacing: -0.66px; padding: 50px 0; word-break: keep-all;}
.gangwon-saram-wrap {position: relative; margin-top: -30px;}
.gangwon-saram-wrap .txt-box {font-size: 20px; line-height: 1.6;}
@media screen and (min-width: 1024px) {
    .gangwon-saram-wrap {margin-top: -100px;}
    .gangwon-saram-wrap .txt-area {display: flex; justify-content: flex-end;}
    .bg-saram {background: url("/_user/img/sub/bg-saram-pc.png") no-repeat top center / 100% auto; aspect-ratio: 5.32 / 1; margin: 0;}
    .gangwon-saram-wrap .mob-br {display: none;}
    .gangwon-saram-tit {position: absolute; top: 80px; left: 0; padding-left: 60px; font-size: 30px; box-sizing: border-box;}
    .gangwon-saram-wrap .txt-box {padding-top: 100px; word-break: keep-all;}
}
@media screen and (min-width: 1200px) {
    .gangwon-saram-wrap::before {content: ''; position: absolute; bottom: 0; left: -10%; width: 715px; height: 274px; background: url("/_user/img/sub/txt-gangwon.png") no-repeat center / contain; transform: scale(0.7);}
    .gangwon-saram-tit {font-size: 45px; top: 130px;}
    .gangwon-saram-wrap .txt-box {width: 50%; padding-top: 200px;}
}
@media screen and (min-width: 1600px) {
    .gangwon-saram-wrap::before {transform: scale(1);}
}
/* 강원사람온 디자인 수정 e*/