@charset "utf-8";

/*-------------------------------------------------------------------
    @genaral
-------------------------------------------------------------------*/
/* grid */

/*-------------------------------------------------------------------
    @elements
-------------------------------------------------------------------*/
/* button */
.btn-wrap.v1 {display: flex; align-items: center; justify-content: center; gap: 0 0.8rem}
.btn-wrap.v1 .btn { max-width: 50rem;}
.btn-wrap.v2 {display: flex; align-items: center; justify-content: center; gap: 0 1.6rem}
.btn-wrap.v3 {display: flex; align-items: center; justify-content: flex-end; gap: 0 1.6rem}
.btn-wrap.v3 .btn {width: fit-content; min-width: 12rem;}
.btn-wrap.v4 {display: flex; align-items: center; justify-content: space-between; gap: 1.2rem 1.2rem;}
.btn-wrap.v4 .item {display: flex; gap: 0 1.2rem}
.btn-wrap.v4 .item .btn {flex: 1 0; min-width: 12rem;}
.btn-wrap.v5 {display: flex; align-items: center; gap: 1.5rem 1.5rem}
.btn-wrap.v5 .btn {flex: 1 0; min-width: 0;}
.btn-wrap.v6 {display: flex; align-items: center; justify-content: center; gap: 0 0.8rem}
.btn-wrap.v6 .btn {width: fit-content; min-width: 12rem;}
.btn-wrap.v7 {display: flex; align-items: center; justify-content: center; gap: 0 1.6rem}
.btn-wrap.v7 .btn {width: fit-content; min-width: 21.4rem;}
.btn-wrap.v8 {display: flex; justify-content: space-between; gap: 1.2rem 1.2rem;}
.btn-wrap.v8 .btn {min-width: 12rem; max-width: fit-content; flex: 1 0;}
.btn-wrap.v8 .benchmark {margin-left: auto;}

.btn {border: 0.1rem solid transparent; padding: 0 0; margin: 0 0; width: 100%; display: flex; align-items: center; justify-content: center;}
.btn-ic {border: none; padding: 0; margin: 0; display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; background-position: center;}

.btn.xxs {height: 3.2rem; font-size: clamp(11px, 1.4rem, 1.4rem); font-weight: 700; border-radius: 0.6rem; padding: 0 1.2rem; gap: 0 0.4rem;}
.btn.xs {height: 3.5rem; font-size: clamp(11px, 1.5rem, 1.5rem); font-weight: 700; border-radius: 1rem; padding: 0 1.4rem; gap: 0 0.4rem;}
.btn.sm {height: 4.8rem; font-size: clamp(12px, 1.6rem, 1.6rem); font-weight: 800; border-radius: 0.8rem; padding: 0 3.2rem; gap: 0 0.4rem;}
.btn.md {height: 6rem; font-size: clamp(12px, 1.8rem, 1.8rem); font-weight: 800; border-radius: 0.8rem; padding: 0 3.2rem; gap: 0 0.4rem;}

.btn.fill-green {background-color: #0A6E23; border-color: #0A6E23; color: #ffffff;}
.btn.fill-blue {background-color: #3375D7; border-color: #3375D7; color: #ffffff;}
.btn.fill-gray {background-color: #EDE9E9; border-color: #EDE9E9; color: #555555;}

.btn.line-gray {background-color: #ffffff; border-color: #DDDDDD; color: #000000;}
.btn.line-red {background-color: #ffffff; border-color: #E32D23; color: #E32D23;}
.btn.line-dark {background-color: #ffffff; border-color: #4C4C4C; color: #4C4C4C;}
.btn.line-blue {background-color: #ffffff; border-color: #3375D7; color: #3375D7;}

.btn-login {font-size: 1.5rem; font-weight: 700; padding-left: 2.2rem; background: url('../img/icon/ic_login.png') no-repeat left center/1.6rem; color: #6C6C6C;}
.btn-mysesac {font-size: 1.5rem; font-weight: 700; padding-left: 1.1rem; background: url('../img/icon/ic_mysesac.png') no-repeat left top 0.3rem /2.7rem; color: #000000; height: 3.9rem;}
.btn-logout {font-size: 1.5rem; font-weight: 700; padding-left: 2.2rem; background: url('../img/icon/ic_logout.png') no-repeat left center/1.6rem; color: #6C6C6C;}
.btn-search-total {width: 3rem; height: 3rem; background-image: url('../img/icon/ic_search_total.png');}
.btn-search {width: 4.5rem; height: 4.5rem; background-image: url('../img/icon/ic_search.png');}
[class*="btn-swiper-"] {width: 5.5rem; height: 5.5rem; border-radius: 50%; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); top: 50%; z-index: 1;}
[class*="btn-swiper-"]::after {display: none;}
/* [class*="btn-swiper-"].swiper-button-disabled {opacity: 1;} */
.btn-swiper-prev {background-image: url('../img/icon/ic_arr_slide_prev.png'); left: 0; transform: translate(-50%, -50%);}
.btn-swiper-next {background-image: url('../img/icon/ic_arr_slide_next.png'); right: 0; transform: translate(50%, -50%);}
.btn-top {width: 4.5rem; height: 4.5rem; background-color: #ffffff; background-image: url('../img/icon/ic_top.png'); background-size: 2.4rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 50%; text-indent: -9999px;}
.btn-reset {width: 4rem; height: 4rem; background-color: #ffffff; background-image: url('../img/icon/ic_reset.png'); background-size: 1.6rem; border: 1px solid #DDDDDD; border-radius: 50%; text-indent: -9999px;}
.btn-pop-close {width: 4.5rem; height: 4.5rem; background: #FFFFFF url('../img/icon/ic_pop_close.png') no-repeat center/2.4rem; border-radius: 50%;box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.btn-share {width: clamp(24px, 3.2rem, 3.2rem); height: clamp(24px, 3.2rem, 3.2rem); background-color: #ffffff; background: url('../img/icon/ic_share.png') no-repeat center/clamp(14px, 2rem, 2rem); border-radius: 10rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border: 0.1rem solid #DDDDDD}
.btn-download {padding-right: 2.4rem; background: url('../img/icon/ic_download_default.png') no-repeat right center/2rem; font-size: 1.7rem; line-height: 1.177;}
.btn-download:hover {color: #0A6E23; background: url('../img/icon/ic_download_hover.png') no-repeat right center/2rem;}
[class*="btn-room-"] {width: 4rem; height: 4rem; border-radius: 50%; z-index: 1;}
[class*="btn-room-"]::after {display: none;}
.btn-room-prev {background-image: url('../img/icon/ic_arr_room_prev.png');}
.btn-room-next {background-image: url('../img/icon/ic_arr_room_next.png');}
.btn-erase {width: 2rem; height: 2rem; background-image: url('../img/icon/ic_erase.png');}
.btn-more {padding: 0.8rem 2rem; background: #EDE9E9; border-radius: 4rem; font-size: 1.7rem; font-weight: 500; text-align: center; width: fit-content; display: block;}
.btn-setting {padding: 0 2.4rem; background: #F3F3F3 url('../img/icon/ic_setting.png') no-repeat right 2.4rem center/2.4rem; border-radius: 6rem; font-size: 1.5rem; font-weight: 600; text-align: left; width: 100%; display: block; height: 5rem;}
.btn-apply {padding: 0 1.5rem; height: 3.5rem; background: #ffffff; border-radius: 1rem; font-size: 1.5rem; font-weight: 700; text-align: center; width: fit-content; display: block; text-decoration: underline; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); color: #3375D7;}
.btn-shadow {padding: 0 1.5rem; height: 3.6rem; background: #ffffff; border-radius: 1rem; font-size: 1.5rem; font-weight: 700; text-align: center; width: fit-content; display: flex; align-items: center; gap: 0 0.4rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.btn-time-close {width: 3.2rem; height: 3.2rem; background-image: url('../img/icon/ic_time_close.png');}
.btn-delete {width: 2.4rem; height: 2.4rem; background-image: url('../img/icon/ic_delete.png');}
.btn-event-close {padding-right: 2rem; background: url('../img/icon/ic_event_close.png') no-repeat right center/1.6rem; font-size: 1.6rem; line-height: 1;}
.btn-exit {width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 0; background: #ffffff url('../img/icon/ic_exit.png') no-repeat center/1.6rem; text-indent: -9999px; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.btn-chat-close {width: 2.8rem; height: 2.8rem; background-image: url('../img/icon/ic_chat_close.svg'); background-size: 2.4rem auto;}
.btn-delete-file {width: 2rem; height: 2rem; background-image: url('../img/icon/ic_delete_file.svg');}

.btn-acc-controller {height: 6rem; padding: 0 2rem; gap: 0 0.4rem; border: 0.1rem solid #0A6E23; border-radius: 0.8rem; font-size: clamp(12px, 1.8rem, 1.8rem); font-weight: 800; line-height: 1.5; color: #333333; width: calc(105px, 16rem, 16rem);}
.btn-acc-controller::after {content: ""; width: 2.4rem; height: 2.4rem; background: url('../img/icon/ic_fold_off.png') no-repeat center/100%; display: block; flex: none;}
.btn-acc-controller.on::after {background: url('../img/icon/ic_fold_on.png') no-repeat center/100%;}

.btn-fold {min-width: 2.4rem; min-height: 2.4rem; position: relative;}
.btn-fold::after {content: ""; width: 2rem; height: 2rem; background: url('../img/icon/ic_fold.png') no-repeat center/100%; position: absolute; right: 0.2rem; top: 0.2rem;}
.btn-fold p {font-size: 1.5rem; line-height: 1.6; padding-right: 3rem;}

.btn-fold.on::after {transform: rotate(-180deg);}

.btn-all {width: 4.5rem; height: 4.5rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.btn-all span,
.btn-all span::before,
.btn-all span::after {width: 2.1rem; height: 0.2rem; background-color: #0A6E23; border-radius: 0.2rem; transition: top 0.3s ease, transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;}
.btn-all span {position: relative;}
.btn-all span::before,
.btn-all span::after {content: ""; position: absolute; left: 50%; transform: translateX(-50%);}
.btn-all span::before {top: -0.6rem;}
.btn-all span::after {bottom: -0.6rem;}

.btn-all.on span {background-color: transparent;}
.btn-all.on span::before {top: 50%; transform: translateX(-50%) rotate(45deg);}
.btn-all.on span::after {top: 50%; transform: translateX(-50%) rotate(-45deg);}

.btn-gnb {width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center;}
.btn-gnb span,
.btn-gnb span::before,
.btn-gnb span::after {width: 3.6rem; height: 0.4rem; background-color: #0A6E23; border-radius: 0.6rem; transition: top 0.3s ease, transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;}
.btn-gnb span {position: relative;}
.btn-gnb span::before,
.btn-gnb span::after {content: ""; position: absolute; left: 50%; transform: translateX(-50%);}
.btn-gnb span::before {top: -1rem;}
.btn-gnb span::after {bottom: -1rem;}

.btn-gnb.on span {background-color: transparent;}
.btn-gnb.on span::before {top: 50%; transform: translateX(-50%) rotate(45deg);}
.btn-gnb.on span::after {top: 50%; transform: translateX(-50%) rotate(-45deg);}

.btn-toggle span {position: relative; width: 3.2rem; height: 3.2rem; display: block;}
.btn-toggle span::before,
.btn-toggle span::after {content: ""; position: absolute; left: 50%; top: 50%; width: 2rem; height: 0.4rem; background-color: #000000; transform-origin: center; transition: all 0.3s ease; border-radius: 0.4rem;}
.btn-toggle span::before {transform: translate(-50%, -50%) rotate(0deg);}
.btn-toggle span::after {transform: translate(-50%, -50%) rotate(90deg);}

.btn-toggle.on span::before {transform: translate(-50%, -50%) rotate(-90deg); opacity: 0;}
.btn-toggle.on span::after {transform: translate(-50%, -50%) rotate(0deg); background-color: #0A6E23;}

.btn-etc.btn-like {font-size: 1.5rem; color: #555555; background-color: #ffffff; background-repeat: no-repeat; background-image: url('../img/icon/ic_like_off.png'); background-position: 0.6rem center; background-size: 2rem; border-radius: 10rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); height: 3.2rem; padding: 0 1.2rem 0 4.6rem;}

.btn-etc.btn-like.on {background-image: url('../img/icon/ic_like_on.png');}

.btn-ic.btn-like {width: clamp(24px, 3.2rem, 3.2rem); height: clamp(24px, 3.2rem, 3.2rem); background-color: #ffffff; background-repeat: no-repeat; background-image: url('../img/icon/ic_like_c_off.png'); background-position: center; background-size: clamp(14px, 2rem, 2rem); border-radius: 10rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border: 0.1rem solid #DDDDDD}

.btn-ic.btn-like.on {background-image: url('../img/icon/ic_like_on.png');}

/* icon */
i[class^='ic-'] {display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; flex: none;}

.ic-schedule {width: 1.8rem; height: 1.8rem; background-image: url('../img/icon/ic_schedule.png');}
.ic-stack {width: 2.4rem; height: 2.4rem; background-image: url('../img/icon/ic_stack.png');}
.ic-offline {width: 2rem; height: 2rem; background-image: url('../img/icon/ic_offline.png');}
.ic-online {width: 2rem; height: 2rem; background-image: url('../img/icon/ic_online.png');}
.ic-share-url {width: 6.4rem; height: 6.4rem; background-image: url('../img/icon/ic_share_url.png');}
.ic-share-facebook {width: 6.4rem; height: 6.4rem; background-image: url('../img/icon/ic_share_facebook.png');}
.ic-share-naver {width: 6.4rem; height: 6.4rem; background-image: url('../img/icon/ic_share_naver.png');}
.ic-tooltip {width: 2rem; height: 2rem; background-image: url('../img/icon/ic_tooltip.png');}
.ic-view {width: 2rem; height: 2rem; background-image: url('../img/icon/ic_view.png');}
.ic-address {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_address.png');}
.ic-admit {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_admit.png');}
.ic-area {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_area.png');}
.ic-call {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_call.png');}
.ic-navigation {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_navigation.png');}
.ic-bus {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_bus.png');}
.ic-subway {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_subway.png');}
.ic-mail {width: 3.3rem; height: 3.3rem; background-image: url('../img/icon/ic_mail.png');}
.ic-chat-reset {width: 1.6rem; height: 1.6rem; background-image: url('../img/icon/ic_chat_reset.png');}
.ic-no-course {width: 9rem; height: 7.6rem; background-image: url('../img/icon/ic_no_course.svg');}
.ic-list-new {width: 3rem; height: 4rem; background-image: url('../img/icon/ic_list_new.png');}

.ic-chat-arrow {width: 2.4rem; height: 2.4rem; position: relative; display: flex !important; align-items: center; justify-content: center; flex-direction: column;}
.ic-chat-arrow::before,
.ic-chat-arrow span,
.ic-chat-arrow::after {display: block; width: 1.4rem; height: 0.8rem; top: 0; left: 0; background: url('../img/icon/ic_chat_arr.png') no-repeat center/1.4rem; opacity: .1; animation: scrollArrow 1.2s ease-in-out infinite;}
.ic-chat-arrow::before,
.ic-chat-arrow::after {content: "";}
.ic-chat-arrow span {animation-delay: .8s;}
.ic-chat-arrow::after {animation-delay: .4s;}

@keyframes scrollArrow{
    0%{
        opacity: .1;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: .1;
    }
}

/* line */
hr.line.v1 {margin: 0; border: 0; border-top: 0.1rem solid #DDDDDD;}

/* label */
.label.v1 {display: inline-block; padding: 0.8rem 1.5rem; line-height: 1.2; font-size: 1.5rem; font-weight: 700; text-align: center; border-radius: 3.4rem; min-width: 8rem;}
.label.v1.clr01 {background-color: #CBFACE; color: #0B4C1B;}
.label.v1.clr02 {background-color: #CBE7FF; color: #333333;}
.label.v1.clr03 {background-color: #FFF7B1; color: #BB5008;}
.label.v1.clr04 {background-color: #DDDDDD; color: #111111;}
.label.v1.clr05 {background-color: #FFDBDB; color: #C50000;}

.label.v2 {display: inline-block; padding: 0.8rem 2rem; line-height: 1.2; font-size: 1.5rem; font-weight: 700; text-align: center; border-radius: 3.4rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.label.v2.clr01 {background-color: #CBFACE; color: #0B4C1B;}
.label.v2.clr02 {background-color: #DDDDDD; color: #222222;}
.label.v2.clr03 {background-color: #CCE7FF; color: #111111;}

/* dot */
.dot-list.v1 > ul > li {position: relative; padding-left: 1.2rem; font-size: 1.5rem; line-height: 1.5; letter-spacing: -0.03em; color: #555555}
.dot-list.v1 > ul > li::before {content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #1D1D1D; position: absolute; left: 0; top: 0.95rem;}

.dot-list.v2 > ul > li {display: flex; align-items: flex-start;}
.dot-list.v2 > ul > li + li {margin-top: 2rem;}
.dot-list.v2 > ul > li > .num-area {flex: none; width: 2.4rem;}
.dot-list.v2 > ul > li > .num-area > p {font-size: 1.9rem; line-height: 1.211; font-weight: 600;}
.dot-list.v2 > ul > li > .cont-area {flex: 1 0; min-width: 0;}
.dot-list.v2 > ul > li > .cont-area > .tit {font-size: 1.9rem; line-height: 1.211; font-weight: 600;}
.dot-list.v2 > ul > li > .cont-area > .txt {font-size: 1.7rem; line-height: 1.5; color: #555555;}
.dot-list.v2 > ul > li > .cont-area > .tit + .txt {margin-top: 0.4rem;}

.dot-list.v3 > ul > li {display: flex; align-items: flex-start;}
.dot-list.v3 > ul > li + li {margin-top: 1.6rem;}
.dot-list.v3 > ul > li > .num-area {flex: none; width: 2rem;}
.dot-list.v3 > ul > li > .num-area > p {font-size: 1.9rem; line-height: 1.211;}
.dot-list.v3 > ul > li > .cont-area {flex: 1 0; min-width: 0;}
.dot-list.v3 > ul > li > .cont-area > .tit {font-size: 1.9rem; line-height: 1.211;}
.dot-list.v3 > ul > li > .cont-area > .txt {font-size: 1.7rem; line-height: 1.5; color: #555555;}
.dot-list.v3 > ul > li > .cont-area > .tit + .txt {margin-top: 0.4rem;}

.dot-list.v4 > ul > li {position: relative; padding-left: 1.8rem;}
.dot-list.v4 > ul > li::before {content: ""; width: 0.6rem; height: 0.6rem; border-radius: 50%; position: absolute; top: 1rem; left: 0.4rem; background-color: #0A6E23;}
.dot-list.v4 > ul > li + li {margin-top: 0.4rem;}
.dot-list.v4 > ul > li > .tit {font-size: 1.7rem; line-height: 1.5; letter-spacing: -0.03em; color: #0A6E23; font-weight: 700;}
.dot-list.v4 > ul > li > .txt {font-size: 1.7rem; line-height: 1.5; letter-spacing: -0.03em; color: #555555;}

.dot-list.v5 > ul > li {position: relative; padding-left: 1.4rem;}
.dot-list.v5 > ul > li::before {content: ""; width: 0.4rem; height: 0.1rem; border-radius: 50%; position: absolute; top: 1.1rem; left: 0.5rem; background-color: #555555;}
.dot-list.v5 > ul > li > p {font-size: 1.5rem; line-height: 1.5; letter-spacing: -0.03em; color: #555555;}

.dot-list.v6 > ul > li {position: relative; padding-left: 2rem;}
.dot-list.v6 > ul > li::before {content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; position: absolute; top: 1.2rem; left: 0.8rem; background-color: #333333;}
.dot-list.v6 > ul > li > p {font-size: 1.7rem; line-height: 1.706; color: #333333;}

/* list */
.list-wrap{}

.list-wrap.v1 > ul {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 3.5rem 2rem;}
.list-wrap.v1 > ul > li {width: calc(calc(100% - 6rem)/4); background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; transition: all 0.3s ease;}
.list-wrap.v1 > ul > li .cont-wrap {padding: 1.6rem 1.2rem;}
.list-wrap.v1 > ul > li .cont-wrap .tag-list + .data-area,
.list-wrap.v1 > ul > li .cont-wrap .tag-list + .tit {margin-top: 1.6rem;}
.list-wrap.v1 > ul > li .cont-wrap .tit {font-size: 2rem; line-height: 1.2; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 4.8rem;}
.list-wrap.v1 > ul > li .cont-wrap .tit + .data-area {margin-top: 0.8rem;}
.list-wrap.v1 > ul > li .cont-wrap .data-area dl {display: flex; align-items: flex-start; gap: 0 2rem;}
.list-wrap.v1 > ul > li .cont-wrap .data-area dl dt {display: flex; align-items: center; gap: 0 0.5rem; font-size: 1.6rem; font-weight: 500; line-height: 1.25;}
.list-wrap.v1 > ul > li .cont-wrap .data-area dl dd {flex: 1 0; min-width: 0; font-size: 1.6rem; line-height: 1.25; font-weight: 300; letter-spacing: -0.05em;}
.list-wrap.v1 > ul > li .thumb-area {position: relative; padding-top: 74.33%; border: 0.1rem solid #DDDDDD; border-radius: 0 0 2rem 2rem; overflow: hidden;}
.list-wrap.v1 > ul > li .thumb-area img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.list-wrap.v1 > ul > li .thumb-area .btn-like {position: absolute; right: 1.2rem; top: 1.2rem; z-index: 1;}
.list-wrap.v1 > ul > li .thumb-area .ic-list-new {position: absolute; left: 2rem; top: 0rem; z-index: 1;}

.list-wrap.v2 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem;}
.list-wrap.v2 > ul > li + li {margin-top: 2rem;}
.list-wrap.v2 > ul > li > a {display: block; padding: 3rem 3rem 2rem}
.list-wrap.v2 > ul > li .tit {font-size: 2rem; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-wrap.v2 > ul > li .txt {font-size: 1.7rem; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333;}
.list-wrap.v2 > ul > li .tit + .txt {margin-top: 0.5rem;}
.list-wrap.v2 > ul > li .loc {font-size: 1.7rem; font-weight: 800; color: #003694;}
.list-wrap.v2 > ul > li .txt + .loc {margin-top: 1.5rem;}

.list-wrap.v3 > ul > li {display: flex; align-items: center; gap: 0.8rem 0.8rem; position: relative;}
.list-wrap.v3 > ul > li:has(> i) {padding-left: 2.8rem;}
.list-wrap.v3 > ul > li + li {margin-top: 1.6rem; border-top: 0.1rem solid #DDDDDD; padding-top: 1.6rem;}
.list-wrap.v3 > ul > li i {flex: none; position: absolute; left: 0; top: 0.3rem;}
.list-wrap.v3 > ul > li + li i {top: 1.9rem;}
.list-wrap.v3 > ul > li .tit-area {flex: 1 0; min-width: 0; max-width: 100%;}
.list-wrap.v3 > ul > li .tit-area .tit {font-size: clamp(12px, 1.7rem, 1.7rem); line-height: 1.53;}
.list-wrap.v3 > ul > li .data-area {display: flex; align-items: center; gap: 0 1.6rem}
.list-wrap.v3 > ul > li .data-area p {font-size: clamp(12px, 1.7rem, 1.7rem); position: relative;}
.list-wrap.v3 > ul > li .data-area p + p::before {content: ""; width: 0.1rem; height: 1.6rem; background-color: #DDDDDD; position: absolute; left: -0.8rem; top: 50%; transform: translateY(-50%);}

.list-wrap.v4 table {width: 100%; table-layout: fixed; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.list-wrap.v4 table thead tr {border-bottom: 0.1rem solid #DDDDDD; background-color: #E0F0E9;}
.list-wrap.v4 table thead tr th {vertical-align: middle; height: 5.6rem; text-align: center; font-size: 1.7rem; font-weight: 600;}
.list-wrap.v4 table tbody tr {}
.list-wrap.v4 table tbody tr + tr {border-top: 0.1rem solid #DDDDDD;}
.list-wrap.v4 table tbody tr td {height: 5.6rem; vertical-align: middle; text-align: center; padding: 1rem 1.2rem; color: #333333; font-size: 1.7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-wrap.v4 table tbody tr td .label-notice {width: 6rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2.5rem; background-color: #0A6E23; margin: 0 auto; color: #ffffff; font-weight: 700; font-size: 1.7rem; text-align: center;}
.list-wrap.v4 table tbody tr .item-tit a {display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; transition: all 0.3s ease;}
.list-wrap.v4 table tbody tr.lock .item-tit a {padding-left: 2.8rem; background: url('../img/icon/ic_lock.png') no-repeat left center/2rem;}
.list-wrap.v4 table tbody tr.accent {background-color: #F5FFF4;}

.list-wrap.v5 > ul {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 3.5rem 2rem;}
.list-wrap.v5 > ul > li {width: calc(calc(100% - 4rem)/3); background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; transition: all 0.3s ease;}
.list-wrap.v5 > ul > li .cont-wrap {padding: 1.6rem 1.2rem;}
.list-wrap.v5 > ul > li .cont-wrap .tag-list + .data-area,
.list-wrap.v5 > ul > li .cont-wrap .tag-list + .tit {margin-top: 1.6rem;}
.list-wrap.v5 > ul > li .cont-wrap .tit {font-size: 2rem; line-height: 1.2; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 4.8rem;}
.list-wrap.v5 > ul > li .cont-wrap .tit + .data-area,
.list-wrap.v5 > ul > li .cont-wrap .tit + .abridge-area {margin-top: 0.8rem;}
.list-wrap.v5 > ul > li .cont-wrap .data-area > ul > li {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v5 > ul > li .cont-wrap .data-area > ul > li > .view-area {display: flex; align-items: flex-start;}
.list-wrap.v5 > ul > li .cont-wrap .data-area > ul > li > .view-area .tit-view {display: flex; align-items: center; gap: 0 0.5rem; font-size: 1.6rem; font-weight: 500; line-height: 1.25; flex: none; width: 8rem;}
.list-wrap.v5 > ul > li .cont-wrap .data-area > ul > li > .view-area .value {flex: 1 0; min-width: 0; font-size: 1.6rem; line-height: 1.25; font-weight: 300; letter-spacing: -0.05em;}
.list-wrap.v5 > ul > li .cont-wrap .data-area > ul > li > .date {font-size: 1.6rem; line-height: 1.25; font-weight: 300; letter-spacing: -0.05em;}
.list-wrap.v5 > ul > li .cont-wrap .abridge-area {display: flex; gap: 0 2rem;}
.list-wrap.v5 > ul > li .cont-wrap .abridge-area p {position: relative; font-size: 1.6rem; line-height: 1.25; font-weight: 500;}
.list-wrap.v5 > ul > li .cont-wrap .abridge-area p + p::before {content: ""; width: 0.1rem; height: 1.5rem; background-color: #DDDDDD; position: absolute; left: -1rem; top: 0.2rem}
.list-wrap.v5 > ul > li .thumb-area {position: relative; padding-top: 74.33%; border: 0.1rem solid #DDDDDD; border-radius: 0 0 2rem 2rem; overflow: hidden;}
.list-wrap.v5 > ul > li .thumb-area img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.list-wrap.v5 > ul > li .thumb-area .btn-like {position: absolute; right: 1.2rem; top: 1.2rem; z-index: 1;}

.list-wrap.v6 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; padding: 2rem 2rem;}
.list-wrap.v6 > ul > li + li {margin-top: 2rem;}
.list-wrap.v6 > ul > li .data-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v6 > ul > li .data-area .publish-area {display: flex; align-items: center; gap: 0 1.6rem;}
.list-wrap.v6 > ul > li .data-area .publish-area p {font-size: 1.5rem; line-height: 1.4; letter-spacing: -0.03em; position: relative;}
.list-wrap.v6 > ul > li .data-area .publish-area p + p::before {content: ""; width: 0.1rem; height: 1.2rem; background-color: #DDDDDD; position: absolute; left: -0.8rem; top: 0.3rem}
.list-wrap.v6 > ul > li .data-area .publish-area p.name {font-weight: 600;}
.list-wrap.v6 > ul > li .data-area .publish-area p.date {color: #555555}
.list-wrap.v6 > ul > li .data-area + .tit {margin-top: 0.8rem;}
.list-wrap.v6 > ul > li .tit {font-size: 1.7rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2;}
.list-wrap.v6 > ul > li .tit + .cont-area {margin-top: 1.6rem;}
.list-wrap.v6 > ul > li .cont-area p {font-size: 1.7rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.list-wrap.v6 > ul > li .cont-area + .btn-fold {margin-top: 0.8rem;}
.list-wrap.v6 > ul > li.on .cont-area p {display: block;}

.list-wrap.v7 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; padding: 3rem 3rem;}
.list-wrap.v7 > ul > li + li {margin-top: 2rem;}
.list-wrap.v7 > ul > li .info-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v7 > ul > li .info-area .etc-area {display: flex; align-items: center; gap: 0 2rem;}
.list-wrap.v7 > ul > li .info-area .etc-area dl {display: flex; align-items: center; gap: 0 1.6rem;}
.list-wrap.v7 > ul > li .info-area .etc-area dl dt {font-size: 1.7rem; color: #0A6E23; font-weight: 600;}
.list-wrap.v7 > ul > li .info-area .etc-area dl dd {font-size: 1.7rem; color: #5A5A5A; font-weight: 600;}
.list-wrap.v7 > ul > li .info-area + .tit {margin-top: 2.4rem;}
.list-wrap.v7 > ul > li .tit {font-size: 2.2rem; line-height: 1.182; font-weight: 700;}
.list-wrap.v7 > ul > li .tit + .data-area {margin-top: 1.2rem;}
.list-wrap.v7 > ul > li .data-area dl {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 1.8rem;}
.list-wrap.v7 > ul > li .data-area dl dt {font-size: 1.7rem; font-weight: 600; color: #0A6E23; line-height: 1.2;}
.list-wrap.v7 > ul > li .data-area dl dd {font-size: 1.7rem; font-weight: 600; color: #5A5A5A; line-height: 1.2;}
.list-wrap.v7 > ul > li .data-area + .procedure-area {margin-top: 2.5rem;}
.list-wrap.v7 > ul > li .procedure-area {display: flex; gap: 2.4rem 2rem; align-items: stretch;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area {flex: 1 0; min-width: 0; display: flex; align-items: stretch; gap: 1rem 1.6rem; flex-wrap: wrap;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 3rem; height: 100%; flex: 1 0; padding: 3rem 1rem 0; min-height: 130px;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl dt .tit {font-size: 1.9rem; line-height: 1.211; font-weight: 600; text-align: center;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl dd {display: flex; margin-top: 1.4rem; gap: 0.8rem 0.8rem; align-items: center; justify-content: center; min-height: 3.6rem;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl dd .val {flex: none; text-align: center; font-size: 2.5rem; font-weight: 700; color: #333333;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl dd button {width: fit-content;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl.wait dd .val {color: #5A5A5A;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl.approve dd .val {color: #3375D7;}
.list-wrap.v7 > ul > li .procedure-area .feedback-area dl.pending dd .val {font-size: 1.9rem; color: #5A5A5A;}
.list-wrap.v7 > ul > li .procedure-area .btn-area {flex: none; width: 21.079%; display: flex; flex-direction: column; gap: 1rem 1.2rem;}
.list-wrap.v7 > ul > li .procedure-area .btn-area .btn {padding: 0;}
.list-wrap.v7 > ul > li.no-data {min-height: 32.9rem; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.list-wrap.v7 > ul > li.no-data img {width: 10rem;}
.list-wrap.v7 > ul > li.no-data .txt-nodata {text-align: center; font-size: 2.4rem; line-height: 1.25; font-weight: 700; margin-top: 1.6rem;}

.list-wrap.v8 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; padding: 3rem 3rem;}
.list-wrap.v8 > ul > li + li {margin-top: 2rem;}
.list-wrap.v8 > ul > li .info-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v8 > ul > li .info-area .etc-area {display: flex; align-items: center; gap: 0 2rem;}
.list-wrap.v8 > ul > li .info-area .etc-area dl {display: flex; align-items: center; gap: 0 1.6rem;}
.list-wrap.v8 > ul > li .info-area .etc-area dl dt {font-size: 1.7rem; color: #0A6E23; font-weight: 600;}
.list-wrap.v8 > ul > li .info-area .etc-area dl dd {font-size: 1.7rem; color: #5A5A5A; font-weight: 600;}
.list-wrap.v8 > ul > li .info-area + .tit-area {margin-top: 1.4rem;}
.list-wrap.v8 > ul > li .tit-area {display: flex; align-items: center;}
.list-wrap.v8 > ul > li .tit-area .tit {flex: 1 0; min-width: 0; font-size: 2.2rem; line-height: 1.182; font-weight: 700;}
.list-wrap.v8 > ul > li .tit-area .btn-apply {flex: none;}
.list-wrap.v8 > ul > li .tit-area + .procedure-area {margin-top: 4rem;}
.list-wrap.v8 > ul > li .procedure-area {display: flex; align-items: center; gap: 2rem 1.2rem}
.list-wrap.v8 > ul > li .procedure-area .schedule-area {flex: 1 0; min-width: 0; display: flex; align-items: center; gap: 0 1.8rem;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .tit {font-size: 1.7rem; font-weight: 600; color: #0A6E23}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont {display: flex; align-items: center; gap: 0 0.8rem; flex: none; position: relative;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .txt {font-size: 1.7rem; font-weight: 500; color: #333333;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .time-list {position: absolute; right: 0; top: 100%; background-color: #ffffff;; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 1.6rem; width: 32rem; margin-top: 1rem; padding: 0 1.6rem; display: none; z-index: 1;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .time-list.on {display: block;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .time-list .list-head {display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 0; border-bottom: 0.1rem solid #0A6E23;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .time-list .list-head .tit {font-size: 1.9rem; font-weight: 500;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .time-list .list-body {padding-bottom: 1.2rem;}
.list-wrap.v8 > ul > li .procedure-area .schedule-area > .cont .time-list .list-body ul li {border-bottom: 0.1rem solid #DDDDDD; padding: 0.4rem 1.2rem; font-size: 1.7rem; line-height: 1.5;}
.list-wrap.v8 > ul > li .procedure-area .btn-area {flex: none; display: flex; align-items: center; gap: 0 1.2rem;}
.list-wrap.v8 > ul > li .procedure-area .btn-area .btn {width: 21.5rem;}
.list-wrap.v8 > ul > li.no-data {min-height: 24.4rem; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.list-wrap.v8 > ul > li.no-data img {width: 10rem;}
.list-wrap.v8 > ul > li.no-data .txt-nodata {text-align: center; font-size: 2.4rem; line-height: 1.25; font-weight: 700; margin-top: 1.6rem;}

.list-wrap.v9 > ul > li {display: flex; align-items: center;}
.list-wrap.v9 > ul > li + li {margin-top: 1rem;}
.list-wrap.v9 > ul > li .tit {flex: 1 0; min-width: 0; font-size: 1.7rem; font-weight: 500; color: #333333;}
.list-wrap.v9 > ul > li .tit a {display: block; width: fit-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease;}
.list-wrap.v9 > ul > li .label {flex: none;}
.list-wrap.v9 > ul > li.no-data .txt-nodata {width: 100%; flex: 1 0; min-width: 0; text-align: center; font-size: 1.7rem; font-weight: 500; color: #333333;}

.list-wrap.v10 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; padding: 3rem 3rem;}
.list-wrap.v10 > ul > li + li {margin-top: 2rem;}
.list-wrap.v10 > ul > li .info-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v10 > ul > li .info-area .etc-area {display: flex; align-items: center; gap: 0 2rem;}
.list-wrap.v10 > ul > li .info-area .etc-area dl {display: flex; align-items: center; gap: 0 1.6rem;}
.list-wrap.v10 > ul > li .info-area .etc-area dl dt {font-size: 1.7rem; color: #0A6E23; font-weight: 600;}
.list-wrap.v10 > ul > li .info-area .etc-area dl dd {font-size: 1.7rem; color: #5A5A5A; font-weight: 600;}
.list-wrap.v10 > ul > li .info-area + .tit {margin-top: 2.4rem;}
.list-wrap.v10 > ul > li .tit {font-size: 2.2rem; line-height: 1.182; font-weight: 700;}
.list-wrap.v10 > ul > li .tit + .data-area {margin-top: 1.2rem;}
.list-wrap.v10 > ul > li .data-area dl {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 1.8rem;}
.list-wrap.v10 > ul > li .data-area dl dt {font-size: 1.7rem; font-weight: 600; color: #0A6E23; line-height: 1.2;}
.list-wrap.v10 > ul > li .data-area dl dd {font-size: 1.7rem; font-weight: 600; color: #5A5A5A; line-height: 1.2;}
.list-wrap.v10 > ul > li .data-area + .procedure-area {margin-top: 2.5rem;}
.list-wrap.v10 > ul > li .procedure-area {display: flex; gap: 1.6rem 2rem; align-items: center; justify-content: space-between;}
.list-wrap.v10 > ul > li .procedure-area .state-area {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); height: 6rem; border-radius: 6rem; padding: 1.2rem 3rem; display: flex; align-items: center; gap: 0 4rem;}
.list-wrap.v10 > ul > li .procedure-area .state-area .title {font-size: 1.6rem; font-weight: 600; color: #0A6E23}
.list-wrap.v10 > ul > li .procedure-area .state-area .value-area {display: flex; align-items: flex-end; gap: 0 1.2rem;}
.list-wrap.v10 > ul > li .procedure-area .state-area .value-area .value {font-size: 2.9rem; font-weight: 600; line-height: 1.207;}
.list-wrap.v10 > ul > li .procedure-area .state-area .value-area .page {font-size: 1.7rem; font-weight: 600; color: #5A5A5A; line-height: 1.6;}
.list-wrap.v10 > ul > li .procedure-area .btn-area {flex: none; display: flex; justify-content: flex-end; gap: 1rem 1.6rem; flex: 1 0;}
.list-wrap.v10 > ul > li .procedure-area .btn-area .btn {flex: 1 0; max-width: 21.4rem; padding: 0;}

.list-wrap.v11 > ul {display: flex; gap: 3rem 2rem; flex-wrap: wrap;}
.list-wrap.v11 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; padding: 2rem 2.4rem; width: calc(calc(100% - 2rem)/2); flex: none;}
.list-wrap.v11 > ul > li .btn-delete {margin-left: auto;}
.list-wrap.v11 > ul > li .btn-delete + .info-area {margin-top: 1rem;}
.list-wrap.v11 > ul > li .info-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v11 > ul > li .info-area .etc-area {display: flex; align-items: center; gap: 0 0.5rem;}
.list-wrap.v11 > ul > li .info-area .etc-area dl {display: flex; align-items: center; gap: 0 1rem;}
.list-wrap.v11 > ul > li .info-area .etc-area dl dt {font-size: 1.7rem; color: #0A6E23; font-weight: 600;}
.list-wrap.v11 > ul > li .info-area .etc-area dl dd {font-size: 1.7rem; color: #5A5A5A; font-weight: 600;}
.list-wrap.v11 > ul > li .info-area + .tit {margin-top: 2.4rem;}
.list-wrap.v11 > ul > li .tit {flex: 1 0; min-width: 0; font-size: 2.2rem; line-height: 1.182; font-weight: 700;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 5.2rem;}
.list-wrap.v11 > ul > li .tit + .info-area {margin-top: 2rem;}
.list-wrap.v11 > ul > li .info-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v11 > ul > li .info-area .data-area dl {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 1.6rem;}
.list-wrap.v11 > ul > li .info-area .data-area dl dt {font-size: 1.7rem; font-weight: 600; line-height: 1.2; color: #0A6E23;}
.list-wrap.v11 > ul > li .info-area .data-area dl dd {font-size: 1.7rem; font-weight: 600; line-height: 1.2; color: #5A5A5A;}

.list-wrap.v12 > ul > li {background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; padding: 2rem 3rem;}
.list-wrap.v12 > ul > li + li {margin-top: 2rem;}
.list-wrap.v12 > ul > li .btn-delete {margin-left: auto;}
.list-wrap.v12 > ul > li .lecture-area .tag-list + .tit {margin-top: 2rem;}
.list-wrap.v12 > ul > li .lecture-area .tit {font-size: 2.2rem; line-height: 1.182; font-weight: 700;}
.list-wrap.v12 > ul > li .lecture-area .tit + .data-area {margin-top: 2rem;}
.list-wrap.v12 > ul > li .lecture-area .data-area dl {display: flex; align-items: center; gap: 0 1rem;}
.list-wrap.v12 > ul > li .lecture-area .data-area dl dt {font-size: 1.7rem; color: #0A6E23; font-weight: 600;}
.list-wrap.v12 > ul > li .lecture-area .data-area dl dd {font-size: 1.7rem; color: #5A5A5A; font-weight: 600;}
.list-wrap.v12 > ul > li .review-area {margin-top: 2rem; padding-top: 2rem; border-top: 0.1rem solid #DDDDDD;}
.list-wrap.v12 > ul > li .review-area .user-area {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v12 > ul > li .review-area .user-area .publish-area {display: flex; align-items: center; gap: 0 1.6rem;}
.list-wrap.v12 > ul > li .review-area .user-area .publish-area p {font-size: 1.5rem; line-height: 1.4; letter-spacing: -0.03em; position: relative;}
.list-wrap.v12 > ul > li .review-area .user-area .publish-area p + p::before {content: ""; width: 0.1rem; height: 1.2rem; background-color: #DDDDDD; position: absolute; left: -0.8rem; top: 0.3rem}
.list-wrap.v12 > ul > li .review-area .user-area .publish-area p.name {font-weight: 600;}
.list-wrap.v12 > ul > li .review-area .user-area .publish-area p.date {color: #555555}
.list-wrap.v12 > ul > li .review-area .user-area + .tit {margin-top: 0.8rem;}
.list-wrap.v12 > ul > li .review-area .tit {font-size: 1.7rem; letter-spacing: -0.03em; line-height: 1.2; font-weight: 700;}
.list-wrap.v12 > ul > li .review-area .tit + .txt {margin-top: 1.6rem;}
.list-wrap.v12 > ul > li .review-area .txt {font-size: 1.7rem; letter-spacing: -0.03em; line-height: 1.5;}

.list-wrap.v13 > ul > li {display: flex; align-items: center; flex-wrap: wrap; padding: 1.6rem 0; border-bottom: 0.1rem solid #DDDDDD; gap: 1.6rem 2rem;}
.list-wrap.v13 > ul > li .cont-area {flex: 1 0;}
.list-wrap.v13 > ul > li .tit-area .tit {font-size: clamp(12px, 1.7rem, 1.7rem); line-height: 1.5;}
.list-wrap.v13 > ul > li .tit-area + .data-area {margin-top: 0.8rem;}
.list-wrap.v13 > ul > li .data-area {display: flex; gap: 0 1.6rem;}
.list-wrap.v13 > ul > li .data-area p {font-size: clamp(11px, 1.5rem, 1.5rem); line-height: 1.5; position: relative;}
.list-wrap.v13 > ul > li .data-area p + p::before {content: ""; width: 0.1rem; height: 1.6rem; background-color: #DDDDDD; position: absolute; left: -0.8rem; top: 0.4rem;}
.list-wrap.v13 > ul > li .progress-area dl {display: flex; align-items: center; gap: 0 0.8rem;}
.list-wrap.v13 > ul > li .progress-area dl dd {font-size: 2.4rem; font-weight: 600; min-width: 6.4rem; text-align: right;}
.list-wrap.v13 > ul > li .btn-area .btn {min-width: 21.5rem;}

.list-wrap.v14 table {width: 100%; table-layout: fixed; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.list-wrap.v14 table thead tr {border-bottom: 0.1rem solid #DDDDDD; background-color: #E0F0E9;}
.list-wrap.v14 table thead tr th {vertical-align: middle; height: 5.6rem; text-align: center; font-size: 1.7rem; font-weight: 600;}
.list-wrap.v14 table tbody tr {}
.list-wrap.v14 table tbody tr + tr {border-top: 0.1rem solid #DDDDDD;}
.list-wrap.v14 table tbody tr td {height: 5.6rem; vertical-align: middle; text-align: center; padding: 1rem 1.2rem; color: #333333; font-size: 1.7rem;}
.list-wrap.v14 table tbody tr td .btn {width: fit-content; margin: 0 auto;}
.list-wrap.v14 table tbody tr .item-tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}

.list-wrap.v15 > ul > li {border-radius: 2rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 2.4rem 2.4rem; display: flex; align-items: flex-start; gap: 0 2.4rem;}
.list-wrap.v15 > ul > li + li {margin-top: 1.6rem;}
.list-wrap.v15 > ul > li .img-area {flex: none; width: 7.5rem; height: 7.5rem; border-radius: 50%; border: 0.1rem solid #DDDDDD; position: relative; overflow: hidden;}
.list-wrap.v15 > ul > li .img-area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.list-wrap.v15 > ul > li .cont-area {flex: 1 0; min-width: 0; min-height: 7.5rem;}
.list-wrap.v15 > ul > li .cont-area .tag-list + .tit-area {margin-top: 1.6rem;}
.list-wrap.v15 > ul > li .cont-area .tit-area .tit {font-size: 2rem; line-height: 1.2; font-weight: 700;}

.list-wrap.v16 > ul {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 3.5rem 2rem;}
.list-wrap.v16 > ul > li {width: calc(calc(100% - 6rem)/4); background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; transition: all 0.3s ease;}
.list-wrap.v16 > ul > li .cont-wrap {padding: 1.6rem 1.2rem;}
.list-wrap.v16 > ul > li .cont-wrap .tag-list + .data-area,
.list-wrap.v16 > ul > li .cont-wrap .tag-list + .tit {margin-top: 1.6rem;}
.list-wrap.v16 > ul > li .cont-wrap .tit {font-size: 2rem; line-height: 1.2; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 4.8rem;}
.list-wrap.v16 > ul > li .cont-wrap .tit + .data-area,
.list-wrap.v16 > ul > li .cont-wrap .tit + .abridge-area {margin-top: 0.8rem;}
.list-wrap.v16 > ul > li .cont-wrap .data-area > ul > li {display: flex; align-items: center; justify-content: space-between;}
.list-wrap.v16 > ul > li .cont-wrap .data-area > ul > li > .view-area {display: flex; align-items: flex-start;}
.list-wrap.v16 > ul > li .cont-wrap .data-area > ul > li > .view-area .tit-view {display: flex; align-items: center; gap: 0 0.5rem; font-size: 1.6rem; font-weight: 500; line-height: 1.25; flex: none; width: 8rem;}
.list-wrap.v16 > ul > li .cont-wrap .data-area > ul > li > .view-area .value {flex: 1 0; min-width: 0; font-size: 1.6rem; line-height: 1.25; font-weight: 300; letter-spacing: -0.05em;}
.list-wrap.v16 > ul > li .cont-wrap .data-area > ul > li > .date {font-size: 1.6rem; line-height: 1.25; font-weight: 300; letter-spacing: -0.05em;}
.list-wrap.v16 > ul > li .cont-wrap .abridge-area {display: flex; gap: 0 2rem;}
.list-wrap.v16 > ul > li .cont-wrap .abridge-area p {position: relative; font-size: 1.6rem; line-height: 1.25; font-weight: 500;}
.list-wrap.v16 > ul > li .cont-wrap .abridge-area p + p::before {content: ""; width: 0.1rem; height: 1.5rem; background-color: #DDDDDD; position: absolute; left: -1rem; top: 0.2rem}
.list-wrap.v16 > ul > li .thumb-area {position: relative; padding-top: 74.33%; border: 0.1rem solid #DDDDDD; border-radius: 0 0 2rem 2rem; overflow: hidden;}
.list-wrap.v16 > ul > li .thumb-area img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.list-wrap.v16 > ul > li .thumb-area .btn-like {position: absolute; right: 1.2rem; top: 1.2rem; z-index: 1;}

/* img list */
.img-list{}

.img-list.v1{}

/* title */
.tit-wrap{}
.tit-wrap .tit{}

.tit-wrap.v1 {display: flex; align-items: center; justify-content: space-between; gap: 1.6rem 1.6rem;}
.tit-wrap.v2 {display: flex; align-items: center; justify-content: space-between;}
.tit-wrap.v2 .tit-area {display: flex; align-items: center; justify-content: flex-start; gap: 0 0.8rem;}

.tit.v1 {font-size: clamp(20px, 2.7rem, 2.7rem); line-height: 1.1875; font-weight: 700;}
.tit.v2 {font-size: clamp(17px, 2.2rem, 2.2rem); line-height: 1.182; font-weight: 700;}
.tit.v2 strong {font-weight: 700; font-size: clamp(17px, 2.2rem, 2.2rem); display: inline-block; text-decoration: underline; color: #0B4C1B;}
.tit.v3 {font-size: clamp(20px, 2.6rem, 2.6rem); line-height: 1.193; font-weight: 700;}
.tit.v4 {font-size: clamp(17px, 2.2rem, 2.2rem); line-height: 1.182; font-weight: 700; color: #0A6E23;}

/* text */
.txt-warning{}
.txt-comment{}
.txt-caution {font-size: 1.5rem; letter-spacing: -0.03em; line-height: 1.5; color: #E32D23;}
.txt-required {text-align: right; font-size: 1.5rem; letter-spacing: -0.03em; line-height: 1.5;}
.txt-required span { color: #E32D23;}
.txt-download {width: fit-content; border-bottom: 0.1rem solid #333333; font-size: 1.6rem; letter-spacing: -0.02em; line-height: 1.375; padding-right: 2.4rem; background: url('../img/icon/ic_download.png') no-repeat right top/2rem; cursor: pointer;}
.txt-like {padding-left: 3rem; font-size: 1.5rem; font-weight: 600; color: #5A5A5A; background: url('../img/icon/ic_like_on.png') no-repeat left center/2.4rem; line-height: 1.6;}
.txt-stress {font-weight: 700; color: #E32D23}

/* table */
.tbl-wrap{}
.tbl-wrap table{ width: 100%; table-layout: fixed; }

.tbl-wrap.v1 {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 2rem 2rem;}
.tbl-wrap.v1 .cell {width: 100%;}
.tbl-wrap.v1 .cell .cell-tit .tit {font-size: 1.9rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.07rem;}
.tbl-wrap.v1 .cell .cell-tit + .cell-cont {margin-top: 1.2rem;}
.tbl-wrap.v1 .cell .cell-cont {padding: 0.4rem 0;}
.tbl-wrap.v1 .cell .cell-cont p {font-size: 1.7rem; line-height: 1.412; color: #555555;}
.tbl-wrap.v1 .cell.v2 {width: calc(calc(100% - 2rem)/2);}

.tbl-wrap.v2 table thead tr th {height: 5.6rem; background-color: #E0F0E9; text-align: center; vertical-align: middle; font-weight: 600; font-size: 1.5rem; border-bottom: 0.1rem solid #DDDDDD;}
.tbl-wrap.v2 table tbody tr td {height: 5.6rem; border-bottom: 0.1rem solid #DDDDDD; padding: 1rem 0; font-size: 1.5rem; line-height: 1.2; text-align: center; vertical-align: middle;}

/* paging */
.paging {}
.paging ul {display: flex; align-items: center;}
.paging ul li {}
.paging ul li a {width: 4rem; height: 4rem; display: block; border-radius: 0.6rem; text-align: center; line-height: 4rem; font-size: 1.7rem; color: #464C53;}
.paging ul li.front a,
.paging ul li.prev a,
.paging ul li.next a,
.paging ul li.back a {text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 2rem;}
.paging ul li.on a {background-color: #0A6E23; color: #ffffff; font-weight: 700;}
.paging ul li.front a {background-image: url('../img/icon/ic_arr_paging_front_off.png');}
.paging ul li.prev a {background-image: url('../img/icon/ic_arr_paging_prev_off.png');}
.paging ul li.next a {background-image: url('../img/icon/ic_arr_paging_next_off.png');}
.paging ul li.back a {background-image: url('../img/icon/ic_arr_paging_back_off.png');}
.paging ul li.front.on a,
.paging ul li.prev.on a,
.paging ul li.next.on a,
.paging ul li.back.on a {background-color: transparent;}
.paging ul li.front.on a {background-image: url('../img/icon/ic_arr_paging_front_on.png');}
.paging ul li.prev.on a {background-image: url('../img/icon/ic_arr_paging_prev_on.png');}
.paging ul li.next.on a {background-image: url('../img/icon/ic_arr_paging_next_on.png');}
.paging ul li.back.on a {background-image: url('../img/icon/ic_arr_paging_back_on.png');}

/* tab */
.tab-wrap.v1 > .tab-btn-area {display: flex; align-items: center; justify-content: center; gap: 0 12.4rem;}
.tab-wrap.v1 > .tab-btn-area > .btn-tab {position: relative; padding-bottom: 0.8rem; font-size: 1.8rem; line-height: 1.1667; font-weight: 500; color: #555555; flex: none; width: fit-content;}
.tab-wrap.v1 > .tab-btn-area > .btn-tab::after {content: ""; height: 0.3rem; left: 50%; bottom: 0; border-radius: 0.3rem; transform: translateX(-50%); position: absolute; background-color: #0A6E23; display: none; width: 100%;}
.tab-wrap.v1 > .tab-btn-area > .btn-tab.on {color: #0A6E23; font-weight: 700;}
.tab-wrap.v1 > .tab-btn-area > .btn-tab.on::after {display: block;}
.tab-wrap.v1 > .tab-cont-area > .tab-cont {padding-top: 3rem;}

.tab-wrap.v2 > .tab-btn-area {display: flex; align-items: center; justify-content: center; gap: 0 1rem;}
.tab-wrap.v2 > .tab-btn-area > .btn-tab {padding: 0 2.5rem; height: 4.2rem; text-align: center; flex: none; border: 0.1rem solid #000000; border-radius: 4.2rem; font-size: 1.9rem; background-color: #ffffff; font-weight: 600;}
.tab-wrap.v2 > .tab-btn-area > .btn-tab.on {background-color: #000000; color: #ffffff;}
.tab-wrap.v2 > .tab-cont-area > .tab-cont {padding-top: 4.5rem;}
    
.tab-wrap.v3 > .tab-btn-area {display: flex; align-items: center; justify-content: space-between;}
.tab-wrap.v3 > .tab-btn-area > .btn-area {display: flex; align-items: center; justify-content: flex-start; gap: 0 1rem; flex: 1 0; overflow: auto;}
.tab-wrap.v3 > .tab-btn-area > .btn-area > .btn-tab {padding: 0 2.5rem; height: 3.6rem; text-align: center; flex: none; border: 0.1rem solid #000000; border-radius: 3rem; font-size: 1.5rem; background-color: #ffffff; font-weight: 600;}
.tab-wrap.v3 > .tab-btn-area > .btn-area > .btn-tab.on {background-color: #000000; color: #ffffff;}
.tab-wrap.v3 > .tab-cont-area > .tab-cont {padding-top: 3rem;}
    
.tab-wrap.v4 > .tab-btn-area {display: flex; align-items: center; justify-content: space-between;}
.tab-wrap.v4 > .tab-btn-area > .btn-tab {flex: 1 0; text-align: center; height: 6.6rem; font-size: 2.2rem; font-weight: 700; padding: 2rem 0; position: relative;}
.tab-wrap.v4 > .tab-btn-area > .btn-tab::after {content: ""; width: 100%; height: 0.1rem; background-color: #DDDDDD; position: absolute; left: 0; bottom: 0;}
.tab-wrap.v4 > .tab-btn-area > .btn-tab.on::after {height: 0.4rem; background-color: #0A6E23;}
.tab-wrap.v4 > .tab-btn-area > .tab-select {flex: 1 0; display: none;}
.tab-wrap.v4 > .tab-btn-area > .tab-select > select {display: block; width: 100%; border: 0; height: 6rem; background: #0A6E23 url('../img/icon/ic_arr_select_w.png') no-repeat right 1.6rem center/2.4rem; padding: 0 1.6rem; border-radius: 0.8rem; flex: 1 0; color: #ffffff; font-weight: 500; font-size: clamp(12px, 1.7rem, 1.7rem)}
.tab-wrap.v4 > .tab-cont-area > .tab-cont {padding-top: 4rem;}

/* 아코디언 탭 */
.acc-wrap.v1 .acc-top {display: flex; align-items: center; justify-content: space-between;}
.acc-wrap.v1 .acc-top .data-area {display: flex; align-items: center; gap: 0 0.8rem;}
.acc-wrap.v1 .acc-top .data-area .cnt {font-size: clamp(12px, 1.7rem, 1.7rem); font-weight: 700; line-height: 1.5;}
.acc-wrap.v1 .acc-top .data-area .cnt strong {color: #0A6E23}
.acc-wrap.v1 .acc-top .data-area .unit {font-size: clamp(11px, 1.7rem, 1.7rem); line-height: 1.5; letter-spacing: -0.07rem;}
.acc-wrap.v1 .acc-top + ul {margin-top: 1.2rem;}
.acc-wrap.v1 > ul > .acc-list + .acc-list {margin-top: 0.8rem;}
.acc-wrap.v1 > ul > .acc-list > .acc-tit {display: flex; align-items: center; gap: 0.8rem 1.6rem; border-radius: 2rem; background-color: #E0F0E9; padding: 2.4rem 2.4rem 2.4rem 6.4rem; z-index: 1; position: relative;}
.acc-wrap.v1 > ul > .acc-list > .acc-tit::before {content: ""; width: 2.4rem; height: 2.4rem; background: url('../img/icon/ic_arr_acc.png') no-repeat center/100%; transition: all 0.3s ease; position: absolute; left: 2.4rem; top: 2.7rem;}
.acc-wrap.v1 > ul > .acc-list > .acc-tit .tit {flex: 1 0; font-size: clamp(13px, 2rem, 2rem); line-height: 1.5; font-weight: 600; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.acc-wrap.v1 > ul > .acc-list > .acc-tit .total {font-size: clamp(12px, 1.7rem, 1.7rem); font-weight: 600; line-height: 1.765}
.acc-wrap.v1 > ul > .acc-list > .acc-cont {margin-top: -1.8rem; padding: 3.4rem 4rem 1.6rem; border-radius: 0 0 2rem 2rem; border: 1px solid #DDDDDD; border-top: 0; display: none;}
.acc-wrap.v1 > ul [data-click] {cursor: pointer;}

.acc-wrap.v1 > ul > .acc-list.on > .acc-tit::before {transform: rotate(180deg);}

.acc-wrap.v2 > ul > .acc-list {padding: 2rem 2rem; border-radius: 2rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); background-color: #ffffff;}
.acc-wrap.v2 > ul > .acc-list + .acc-list {margin-top: 1.6rem;}
.acc-wrap.v2 > ul > .acc-list > .acc-tit {display: flex; gap: 0 1.6rem; align-items: flex-end;}
.acc-wrap.v2 > ul > .acc-list > .acc-tit .deco {flex: none; font-size: 2.4rem; font-weight: 700; line-height: 1.25; color: #0A6E23;}
.acc-wrap.v2 > ul > .acc-list > .acc-tit .tit-area {display: grid; grid-template-columns: 1fr auto; gap: 0.4rem 1.6rem; flex: 1 0;}
.acc-wrap.v2 > ul > .acc-list > .acc-tit .tit-area .category {grid-column: 1 / 3; font-size: 1.7rem; line-height: 1.177; color: #555555; font-weight: 500;}
.acc-wrap.v2 > ul > .acc-list > .acc-tit .tit-area .tit {grid-column: 1 / 2; grid-row: 2 / 3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 2rem; line-height: 1.5; font-weight: 600;}
.acc-wrap.v2 > ul > .acc-list > .acc-tit .tit-area .btn-fold {grid-column: 2/3; grid-row: 2 / 3; margin-top: 0.3rem;}
.acc-wrap.v2 > ul > .acc-list > .acc-cont {padding-top: 1.6rem; display: none;}
.acc-wrap.v2 > ul > .acc-list > .acc-cont .cont-area {border: 0.1rem solid #DDDDDD; border-radius: 1.6rem; padding: 2rem 2rem; background-color: #F8F8F8;}
.acc-wrap.v2 > ul > .acc-list > .acc-cont .cont-area p {font-size: 1.7rem; line-height: 1.5;}

/* 체크 드랍다운 */
.check-drop.v1 {width: 100%; position: relative;}
.check-drop.v1 .dropdown-value .btn-dropdown {width: 100%; border: 0.1rem solid #DDDDDD; padding: 0 1.6rem; height: 6rem; text-align: left; border-radius: 0.8rem; background: url('../img/icon/ic_arr_select.png') no-repeat right 1.6rem center/2rem; position: relative; z-index: 1;}
.check-drop.v1 .dropdown-list {position: absolute; top: calc(100% - 1rem); padding-top: 1rem; width: 100%; border-radius: 0 0 0.8rem 0.8rem; border: 0.1rem solid #DDDDDD; border-top: 0; background-color: #FFFFFF; display: none;}
.check-drop.v1 .dropdown-list ul li {padding: 0.8rem 1.6rem; display: flex; align-items: center; justify-content: flex-start; min-height: 5.6rem;}
.check-drop.v1 .dropdown-list ul li + li {border-top: 0.1rem solid #DDDDDD;}
.check-drop.v1.on .dropdown-list {display: block;}

/*-------------------------------------------------------------------
    @collections
-------------------------------------------------------------------*/
/* form group */
.form-wrap.v1 {display: flex; flex-direction: column; gap: 2rem 0;}

.form-group.v1 {display: flex; flex-direction: column; gap: 2rem 0}

.form-group.v2 {display: flex; flex-wrap: wrap; gap: 2rem 2rem}
.form-group.v2 .form {min-width: 0; width: calc(calc(100% - 2rem)/2)}

.form.row {display: flex; flex-direction: column; gap: 1.2rem 0;}
.form.row .form-tit .tit-area {display: flex; align-items: center; gap: 0 0.4rem;}
.form.row .form-tit .tit {font-size: 1.9rem; font-weight: 700; color: #333333;}

input[type="text"],
input[type="password"] {display: block; width: 100%; height: 6rem; border: 1px solid #dddddd; border-radius: 0.8rem; padding: 0 1.6rem; font-size: 1.7rem;}

textarea {display: block; resize: none; width: 100%; border: 1px solid #DDDDDD; border-radius: 0.8rem; height: 11rem; padding: 1.6rem 1.6rem; font-size: 1.7rem; line-height: 1.5; letter-spacing: -0.03em;}

.select.v1 {display: block; width: 100%; height: 6rem; border-radius: 0.8rem; background: #ffffff url('../img/icon/ic_arr_select.png') no-repeat right 1.6rem center/2.4rem; font-size: 1.7rem; padding: 0 5.6rem 0 1.6rem; border: 0.1rem solid #DDDDDD}

.select.v2 {display: block; width: 100%; height: 5.2rem; border-radius: 1rem; background: #ffffff url('../img/icon/ic_arr_select.png') no-repeat right 1.8rem center/2.2rem; font-size: 1.8rem; padding: 0 5.8rem 0 1.8rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border: none;}

.radio-group.v1 {display: flex; align-items: center; justify-content: center; gap: 1.2rem 1.2rem; flex-wrap: wrap;}
.radio-group.v2 {display: flex; align-items: center; justify-content: flex-start; gap: 0 1.6rem; flex-wrap: wrap;}
.radio-group.v2 .radio {flex: 1 0; max-width: 14.5rem; width: fit-content;}
.radio-group.v3 {display: flex; align-items: center; justify-content: flex-start; gap: 0 2.4rem; padding: 1.5rem 1.6rem}
.radio-group.v4 {display: flex; align-items: center; justify-content: flex-start; gap: 0 2.4rem;}

.radio.v1 {width: fit-content; position: relative;}
.radio.v1 input[type="radio"] {border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v1 input[type="radio"] + label {display: block; position: relative; min-width: 8rem; min-height: 3.5rem; width: fit-content; padding: 0.8rem 2.5rem; border: 0.1rem solid #dddddd; border-radius: 10rem; cursor: pointer;}
.radio.v1 input[type="radio"] + label p {font-size: 1.5rem; color: #000000; line-height: 1.2; text-align: center; font-weight: 600;}
.radio.v1 input[type="radio"]:focus,
.radio.v1 input[type="radio"]:active {width: 2.4rem; height: 3rem; margin: 0; overflow: visible; clip-path: none; white-space: normal;}
.radio.v1 input[type="radio"]:checked + label {background-color: #0A6E23; border-color: #0A6E23;}
.radio.v1 input[type="radio"]:checked + label p {color: #ffffff;}

.radio.v2 {width: fit-content; position: relative;}
.radio.v2 input[type="radio"] {border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v2 input[type="radio"] + label {display: block; width: fit-content; padding: 2rem 2rem; border: 0.1rem solid #dddddd; border-radius: 0.8rem; width: 100%; cursor: pointer;}
.radio.v2 input[type="radio"] + label p {font-size: 1.9rem; line-height: 1.053; text-align: center; font-weight: 800;}
.radio.v2 input[type="radio"]:focus,
.radio.v2 input[type="radio"]:active {width: 2.4rem; height: 3rem; margin: 0; overflow: visible; clip-path: none; white-space: normal;}
.radio.v2 input[type="radio"]:checked + label {background-color: #0A6E23; border-color: #0A6E23;}
.radio.v2 input[type="radio"]:checked + label p {color: #ffffff;}

.radio.v3 {width: fit-content; position: relative;}
.radio.v3 input[type="radio"] {border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v3 input[type="radio"] + label {position: relative; min-width: 2rem; min-height: 2rem; width: fit-content; display: block; cursor: pointer;}
.radio.v3 input[type="radio"] + label p {padding-left: 2.8rem; font-size: 1.7rem; line-height: 1.53;}
.radio.v3 input[type="radio"] + label::before {content: ""; width: 2rem; height: 2rem; background: url('../img/icon/ic_radio_03_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.radio.v3 input[type="radio"]:focus,
.radio.v3 input[type="radio"]:active {width: 2.4rem; height: 3rem; margin: 0; overflow: visible; clip-path: none; white-space: normal;}
.radio.v3 input[type="radio"]:checked + label::before {background: url('../img/icon/ic_radio_03_on.png') no-repeat center; background-size: 100%;}

.radio.v4 {width: fit-content; position: relative;}
.radio.v4 input[type="radio"] {border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v4 input[type="radio"] + label {display: flex; position: relative; min-width: 10rem; min-height: 6rem; width: fit-content; border: 0.1rem solid #dddddd; border-radius: 1rem; align-items: center; justify-content: center; cursor: pointer;}
.radio.v4 input[type="radio"] + label p {font-size: 1.7rem; color: #333333; line-height: 1.2; text-align: center; font-weight: 500;}
.radio.v4 input[type="radio"]:focus,
.radio.v4 input[type="radio"]:active {width: 100%; height: 100%; margin: 0; overflow: visible; clip-path: none; white-space: normal;}
.radio.v4 input[type="radio"]:checked + label {background-color: #000000; border-color: #000000;}
.radio.v4 input[type="radio"]:checked + label p {color: #ffffff;}

.check-group.v1 {border: 0.1rem solid #DDDDDD; border-radius: 0.8rem; padding: 2rem 1.6rem;}
.check-group.v1 .check + .check {margin-top: 2rem;}

.check.v1 {width: fit-content; position: relative;}
.check.v1 input[type="checkbox"] {border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v1 input[type="checkbox"] + label {position: relative; min-width: 2.4rem; min-height: 3rem; width: fit-content; display: block; cursor: pointer;}
.check.v1 input[type="checkbox"] + label p {padding: 0.2rem 0 0.2rem 3.2rem; font-size: 1.7rem; line-height: 1.5; color: #333333;}
.check.v1 input[type="checkbox"] + label::before {content: ""; width: 2.4rem; height: 2.4rem; background: url('../img/icon/ic_check_01_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0.3rem;}
.check.v1 input[type="checkbox"]:focus,
.check.v1 input[type="checkbox"]:active {width: 2.4rem; height: 3rem; margin: 0; overflow: visible; clip-path: none; white-space: normal;}
.check.v1 input[type="checkbox"]:checked + label::before {background: url('../img/icon/ic_check_01_on.png') no-repeat center; background-size: 100%;}

/* form mixins */
.form-tel {display: flex; align-items: center; gap: 0 1.6rem}
.form-tel .select,
.form-tel input[type="text"] {flex: 1 0;}
.form-tel .unit {flex: none; font-size: 2rem; line-height: 1.5; letter-spacing: -0.007rem;}

.form-email {display: flex; align-items: center; gap: 1.6rem 1.6rem; flex-wrap: wrap;}
.form-email .select,
.form-email input[type="text"]:nth-of-type(2) {flex: 1 0; max-width: 30.5rem;}
.form-email input[type="text"]:nth-of-type(1) {flex: 1 0; min-width: 50%; max-width: 100%;}
.form-email .unit {flex: none; font-size: 2rem; line-height: 1.5; letter-spacing: -0.007rem;}

.form-address {display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem 1.6rem; grid-template-rows: 1fr 1fr;}
.form-address .code-area {display: flex; align-items: center; gap: 1.6rem 1.6rem;}
.form-address .code-area input[type="text"] {flex: 1 0; min-width: 0;}
.form-address .code-area .btn {flex: none; width: fit-content;}
.form-address > input[type="text"]:nth-of-type(1) {grid-column: 1 / 2; grid-row: 2 / 3;}
.form-address > input[type="text"]:nth-of-type(2) {grid-column: 2 / 3; grid-row: 2 / 3;}

.form-date input[type="text"] {background: url('../img/icon/ic_inp_date.png') no-repeat right 1.6rem center/2.4rem; padding-right: 5.6rem;}

.form-rectal {display: flex; gap: 1.6rem 1.6rem; flex-wrap: wrap;}
.form-rectal .radio {min-width: 12rem;}
.form-rectal input[type="text"] {flex: 1 0; min-width: 0;}

.form-textarea .cnt {text-align: right; margin-top: 0.4rem; font-size: 1.5rem; line-height: 1.5; color: #555555;}
.form-textarea .cnt strong {font-weight: 400; color: #0A6E23}

.form-people input[type="text"] {width: 16rem; text-align: center;}

.form-period {display: flex; align-items: center; gap: 1.6rem 1.6rem; justify-content: flex-start; flex-wrap: wrap;}
.form-period .form-date {width: 21rem}

.form-file.v1 {position: relative; display: flex; gap: 1rem 1rem;}
.form-file.v1 .cont-area {flex: 1 0; min-width: 0;}
.form-file.v1 .cont-area input {width: 100%;}
.form-file.v1 .cont-area ul {width: 100%;}
.form-file.v1 .cont-area ul li {display: flex; border-radius: 1rem; border: 0.1rem solid #DDDDDD; background-color: #F9F9F9; display: flex; align-items: center; justify-content: space-between; padding: 1.9rem 2rem; position: relative;}
.form-file.v1 .cont-area ul li + li {margin-top: 0.8rem;}
.form-file.v1 .cont-area ul li .file-name {font-size: 1.7rem; line-height: 1.177; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; max-width: 100%;}
.form-file.v1 .cont-area ul li .btn-delete-file {position: absolute; right: 2rem; top: 50%; transform: translateY(-50%);}
.form-file.v1 .file-area .btn {width: 12rem}
.form-file.v1 .file-area input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.form-editor {border-radius: 0.8rem; border: 0.1rem solid #DDDDDD; background: #ffffff; padding: 2rem 2rem;}

.form-write textarea {height: 29.5rem}

/*-------------------------------------------------------------------
    @element
-------------------------------------------------------------------*/
/* 키워드 */
.keyword-list ul {display: flex; gap: 1rem 1rem; flex-wrap: wrap;}
.keyword-list ul li {flex: none;}
.keyword-list ul li a {display: block; width: fit-content; padding: 0.8rem 2.5rem; border: 0.1rem solid #dddddd; border-radius: 3.6rem; background-color: #ffffff; font-size: 1.5rem; font-weight: 600; max-width: 16rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; letter-spacing: -0.02em;}

/* 태그 */
.tag-list ul {display: flex; gap: 0.5rem 0.8rem; flex-wrap: wrap;}
.tag-list ul li {flex: none; display: block; width: fit-content; padding: 0.8rem 2rem; border-radius: 3.4rem; font-size: 1.5rem; font-weight: 700; min-width: 8rem; text-align: center;}
.tag-list ul li.clr01 {background-color: #CBFACE; color: #0B4C1B;}
.tag-list ul li.clr02 {background-color: #EDE9E9; color: #000000;}
.tag-list ul li.clr03 {background-color: #3375D7; color: #FFFFFF;}
.tag-list ul li.clr04 {background-color: #CCE7FF; color: #171857;}
.tag-list ul li.clr05 {background-color: #555555; color: #ffffff;}

/* 조회 */
.lookup {box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 2.5rem 2.5rem; border-radius: 3rem;}
.lookup .tit {font-size: 1.9rem; font-weight: 600; line-height: 1.211; color: #0A6E23;}
.lookup .tit + .filter {margin-top: 1rem;}
.lookup .search {display: flex; flex-wrap: wrap; gap: 1.5rem 1.5rem;}
.lookup .search .select {width: 16rem; flex: none;}
.lookup .search .word {flex: 1 0; display: flex; gap: 0 1.5rem;}
.lookup .search .word input[type="text"] {flex: 1 0; min-width: 0;}
.lookup .search .word .btn {width: 12rem;}
.lookup .search > .btn {width: fit-content;}
.lookup .search .technology-area {width: 100%; display: flex; align-items: center; gap: 0 1.6rem;}
.lookup .search .technology-area .btn-reset {flex: none;}
.lookup .search .technology-area .text {font-size: 1.7rem; color: #555555}
.lookup .filter {display: flex; flex-wrap: wrap; gap: 1.5rem 2rem;}
.lookup .filter .form-period {flex:1 0;}
.lookup .filter .form-period .form-date {flex:1 0;}
.lookup .filter .form-period .form-date input[type="text"] {background: none; padding-right: 1.6rem;}
.lookup .filter .form-period .btn {width: 14.5rem;}

/* 리스트 상단 */
.list-top {display: flex; align-items: flex-end; justify-content: space-between;}
.list-top .data-area .cnt {font-size: 1.7rem; font-weight: 700; color: #333333}
.list-top .data-area .cnt strong {color: #0A6E23;}
.list-top .etc-area .select.v1 {width: 16.4rem;}

/* 리스트 하단 */
.list-bottom {display: flex; justify-content: center; position: relative;}

/* 그림자 박스 */
.box-area {padding: 3rem 3rem; border-radius: 2rem; background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);}
.box-area + .box-area {margin-top: 3rem;}
.box-area .inner {max-width: 73.5rem; width: calc(100% - 60.5rem);}

/* 라인박스 */
.particle-area {padding: 3rem 3rem; border-radius: 2rem; background-color: #ffffff; border: 0.1rem solid #DDDDDD;}
.particle-area + .particle-area {margin-top: 2rem;}

/* 툴팁 */
.ui-tooltip {border: 0 !important; box-shadow: none; padding: 0; font-family: 'Pretendard';}
.tooltip-wrap.help {position: relative; padding: 2.4rem 2.4rem; border: 1px solid #DDDDDD; border-radius: 1.2rem;}
.tooltip-wrap.help::before,
.tooltip-wrap.help::after {content: ""; position: absolute; left: 50%; transform: translateX(-50%); border-left: 1.1rem solid transparent; border-right: 1.1rem solid transparent}
.tooltip-wrap.help::before {border-bottom: 1.2rem solid #dddddd; top: -1.2rem;}
.tooltip-wrap.help::after {border-bottom: 1.2rem solid #ffffff; top: -1.1rem;}
.tooltip-wrap.help .tootip-tit {font-size: 1.7rem; font-weight: 700; line-height: 1.5; color: #000000;}
.tooltip-wrap.help .tootip-tit + .dot-list {margin-top: 1.6rem;}

/* 달력 */
.ui-datepicker {width: 34rem; border: 0.1rem solid #DDDDDD !important; border-radius: 1.2rem; padding: 1.6rem 1.6rem; font-family: 'Pretendard';}
.ui-datepicker .ui-datepicker-header {padding: 0.8rem 0.8rem; background: none; border: 0; position: relative;}
.ui-datepicker .ui-datepicker-header .ui-corner-all {width: 3.2rem; height: 3.2rem; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover {border: 0; background-color: transparent;}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {left: 0; background-image: url('../img/icon/ic_arr_datepicker_prev.png');}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {right: 0; background-image: url('../img/icon/ic_arr_datepicker_next.png');}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {display: flex; align-items: center; margin: 0; justify-content: center;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {display: block; font-size: 1.9rem; font-weight: 700; width: fit-content; position: relative; z-index: 1;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {order: 0;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {order: 1;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {padding: 0.55rem 0.8rem;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year::after {content: "년";}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {padding: 0.55rem 2.8rem 0.55rem 0.8rem; border: 0; background: url('../img/icon/ic_arr_datepicker_select.png') no-repeat right 0.8rem center/1.6rem; font-family: 'Pretendard';}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title:has(select)::before {content: "년"; position: absolute; font-size: 1.9rem; font-weight: 700; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: -2.6rem}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {padding-right: 4.4rem;}
.ui-datepicker .ui-datepicker-calendar {margin-bottom: 0;}
.ui-datepicker .ui-datepicker-calendar thead tr th {height: 5.2rem; padding: 0; vertical-align: middle; font-size: 1.5rem; font-weight: 400;}
.ui-datepicker .ui-datepicker-calendar thead tr th:nth-of-type(1) {color: #E32D23}
.ui-datepicker .ui-datepicker-calendar thead tr th:nth-of-type(7) {color: #256EF4}
.ui-datepicker .ui-datepicker-calendar tbody tr td {position: relative; height: 4rem; padding: 0.2rem 0.2rem; width: calc(100% / 7);}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {width: 100%; max-width: 4rem; height: 100%; max-height: 4rem; border-radius: 50%; text-align: center; line-height: 4rem; padding: 0 0; display: flex; align-items: center; justify-content: center; border: 0; background: none; font-size: 1.7rem; color: #000000; margin: 0 auto;}
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(1) .ui-state-default {color: #E32D23}
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(7) .ui-state-default {color: #256EF4}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-default,
.ui-datepicker .ui-datepicker-calendar tbody tr td.in-range .ui-state-default {background-color: #E0F0E9;}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-inactive,
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-holiday {opacity: 1;}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-inactive .ui-state-default {text-decoration: line-through; color: #747474}

@media screen and (min-width: 1130px) {
    /* list */
    .list-wrap.v1 > ul > li:hover,
    .list-wrap.v1 > ul > li:has(a:focus) {box-shadow: 0 0 2rem 0 #7DEFAB;}

    .list-wrap.v4 table tbody tr .item-tit:hover a,
    .list-wrap.v4 table tbody tr .item-tit a:focus {color: #0A6E23}

    .list-wrap.v5 > ul > li:hover,
    .list-wrap.v5 > ul > li:has(a:focus) {box-shadow: 0 0 2rem 0 #7DEFAB;}

    .list-wrap.v9 > ul > li .tit a:hover,
    .list-wrap.v9 > ul > li .tit a:focus {color: #0A6E23}

    .list-wrap.v16 > ul > li:hover,
    .list-wrap.v16 > ul > li:has(a:focus) {box-shadow: 0 0 2rem 0 #7DEFAB;}
}

/* 작은 PC */
@media screen and (max-width: 1449px) {
    /* list */
    .list-wrap.v1 > ul > li {width: calc(calc(100% - 4rem)/3)}
    .list-wrap.v1 > ul > li .cont-wrap {padding: 1.2rem 1rem}

    .list-wrap.v7 > ul > li .data-area + .procedure-area {margin-top: 1.5rem;}
    .list-wrap.v7 > ul > li .procedure-area {flex-direction: column-reverse;}
    .list-wrap.v7 > ul > li .procedure-area .feedback-area dl {flex: none; width: calc(calc(100% - 1.6rem)/2)}
    .list-wrap.v7 > ul > li .procedure-area .btn-area {width: 100%; flex-direction: row;}

    .list-wrap.v8 > ul > li .procedure-area .btn-area .btn {width: 14rem;}

    .list-wrap.v13 > ul > li {align-items: flex-end;}
    .list-wrap.v13 > ul > li .progress-area dl dd {min-width: 0;}
    .list-wrap.v13 > ul > li .btn-area {width: 100%;}

    /* 그림자 박스 */
    .box-area .inner {width: calc(100% - 47.5rem);}

    /*-------------------------------------------------------------------
        @element
    -------------------------------------------------------------------*/
    .lookup .filter .form-period {flex: none; width: 100%;}
}

/* 태블릿1 */
@media screen and (max-width: 1129px) {
    /* button */
    .btn-login {padding: 0; text-indent: -9999px; width: 4.5rem; height: 4.5rem; background: url('../img/icon/ic_login.png') no-repeat left center/100%;}
    .btn-logout {padding: 0; text-indent: -9999px; width: 4.5rem; height: 4.5rem;  background: url('../img/icon/ic_logout.png') no-repeat left center/100%;}
    .btn-search-total {width: 4.5rem; height: 4.5rem;}

    /* list */
    .list-wrap.v1 > ul > li {width: calc(calc(100% - 2rem)/2)}
    .list-wrap.v1 > ul > li .cont-wrap .data-area dl {gap: 0 1.2rem;}

    .list-wrap.v8 > ul > li .procedure-area .btn-area .btn {width: 21.5rem;}

    .list-wrap.v11 > ul > li {width: calc(calc(100% - 2rem)/2);}

    /*-------------------------------------------------------------------
        @element
    -------------------------------------------------------------------*/
    /* 태그 */
    .tag-list ul {gap: 0.5rem 0.5rem;}

    /* 그림자 박스 */
    .box-area .inner {width: 100%;}
}

/* 태블릿2 */
@media screen and (max-width: 959px) {
    /* button */
    .btn {max-width: 100%;}

    .btn-wrap.v8 .btn {min-width: 0; max-width: 12rem;}

    /* list */
    .list-wrap.v4 table {display: block; box-shadow: none; border-top: 0.2rem solid #0A6E23; border-bottom: 0.1rem solid #dddddd;}
    .list-wrap.v4 table colgroup {display: none;}
    .list-wrap.v4 table thead {display: none;}
    .list-wrap.v4 table tbody {display: block;}
    /* .list-wrap.v4 table tbody tr {display: grid; grid-auto-columns: auto 1fr; gap: 1.6rem 1.6rem; padding: 2rem 0;}
    .list-wrap.v4 table tbody tr .hide {display: none;}
    .list-wrap.v4 table tbody tr .item-tit {order: 0; grid-column: 1 / 3; }
    .list-wrap.v4 table tbody tr .item-campus {order: 1; grid-column: 1 / 2; grid-row: 2 / 3;}
    .list-wrap.v4 table tbody tr .item-date {order: 1; grid-column: 2 / 3; grid-row: 2 / 3; position: relative}
    .list-wrap.v4 table tbody tr .item-date::before {content: ""; width: 0.1rem; height: 1.2rem; background-color: #DDDDDD; position: absolute; top: 50%; left: -0.8rem; transform: translateY(-50%);}
    .list-wrap.v4 table tbody tr .item-category {order: 1; grid-column: 1 / 2; grid-row: 2 / 3;}
    .list-wrap.v4 table tbody tr td {padding: 0 0; height: auto; text-align: left; line-height: 1.6;}
    .list-wrap.v4 table tbody tr td.item-tit {display: flex; align-items: center; gap: 0 0.8rem}
    .list-wrap.v4 table tbody tr td
    .list-wrap.v4 table tbody tr.accent {background-color: transparent;}
    .list-wrap.v4 table tbody tr.accent td.item-tit::before {content: "공지"; display: block; flex: none; width: 6rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background-color: #0A6E23; border-radius: 2.5rem; color: #ffffff; font-weight: 700; font-size: 1.5rem;}
    .list-wrap.v4 table tbody tr td.item-tit a {font-size: 1.7rem; line-height: 1.5;} */
    
    .list-wrap.v4 table tbody tr {display: flex; flex-wrap: wrap; gap: 1.6rem 1.6rem; padding: 2rem 0;}
    .list-wrap.v4 table tbody tr .hide {display: none;}
    .list-wrap.v4 table tbody tr .item-tit {order: -1; width: 100%;}
    .list-wrap.v4 table tbody tr td {padding: 0 0; height: auto; text-align: left; line-height: 1.6;}
    .list-wrap.v4 table tbody tr td + td {position: relative;}
    .list-wrap.v4 table tbody tr .item-tit {display: flex; align-items: center; gap: 0 0.8rem}
    .list-wrap.v4 table tbody tr .item-tit::before {display: none;}
    .list-wrap.v4 table tbody tr .item-tit ~ td::before {content: ""; width: 0.1rem; height: 1.2rem; background-color: #DDDDDD; position: absolute; top: 50%; left: -0.8rem; transform: translateY(-50%);}
    .list-wrap.v4 table tbody tr .item-campus {order: 0;}
    .list-wrap.v4 table tbody tr:has(.hide + .item-tit) .item-tit + td::before {display: none;}
    .list-wrap.v4 table tbody tr.accent {background-color: transparent;}
    .list-wrap.v4 table tbody tr.accent .item-tit::before {content: "공지"; display: block; flex: none; width: 6rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background-color: #0A6E23; border-radius: 2.5rem; color: #ffffff; font-weight: 700; font-size: 1.5rem;}
    
    .list-wrap.v5 > ul {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 2rem 2rem;}
    .list-wrap.v5 > ul > li {width: calc(calc(100% - 2rem)/2)}

    .list-wrap.v8 > ul > li .tit-area + .procedure-area {margin-top: 1rem;}
    .list-wrap.v8 > ul > li .procedure-area {flex-direction: column; align-items: flex-start;}
    .list-wrap.v8 > ul > li .procedure-area .btn-area {width: 100%;}
    .list-wrap.v8 > ul > li .procedure-area .btn-area .btn {flex: 1 0;}

    .list-wrap.v10 > ul > li .tit + .procedure-area {margin-top: 1.6rem;}
    .list-wrap.v10 > ul > li .procedure-area {flex-direction: column; align-items: flex-start;}
    .list-wrap.v10 > ul > li .procedure-area .state-area .value-area .value {font-size: 2.4rem;}
    .list-wrap.v10 > ul > li .procedure-area .btn-area {width: 100%; justify-content: flex-start;}
    .list-wrap.v10 > ul > li .procedure-area .btn-area .btn {max-width: none;}

    .list-wrap.v11 > ul > li {width: 100%;}

    .list-wrap.v14 table {display: block; box-shadow: none; border-top: 0.2rem solid #0A6E23; border-bottom: 0.1rem solid #dddddd;}
    .list-wrap.v14 table colgroup {display: none;}
    .list-wrap.v14 table thead {display: none;}
    .list-wrap.v14 table tbody {display: block;}
    .list-wrap.v14 table tbody tr {display: flex; flex-wrap: wrap; gap: 1.6rem 1.6rem; padding: 2rem 0; width: 100%;}
    .list-wrap.v14 table tbody tr .hide {display: none;}
    /* .list-wrap.v14 table tbody tr .item-tit {order: -1; width: 100%;} */
    .list-wrap.v14 table tbody tr .item-tit {flex: 1 0;}
    .list-wrap.v14 table tbody tr td {padding: 0 0; height: auto; text-align: left; line-height: 1.6;}
    .list-wrap.v14 table tbody tr td + td {position: relative;}
    .list-wrap.v14 table tbody tr .item-tit {display: flex; align-items: center; gap: 0 0.8rem}

    .list-wrap.v15 > ul > li .cont-area .tag-list ul {max-width: none;}
    
    .list-wrap.v16 > ul {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 2rem 2rem;}
    .list-wrap.v16 > ul > li {width: calc(calc(100% - 2rem)/2)}

    /* title */
    .tit-wrap.v1 {flex-direction: column; align-items: flex-start;}
    .tit-wrap.v1 > * {width: 100%;}

    /* table */
    .tbl-wrap.v1 {flex-direction: column;}
    .tbl-wrap.v1 .cell {width: 100%;}
    .tbl-wrap.v1 .cell.v2 {width: 100%;}

    /* tab */
    .tab-wrap.v4 > .tab-btn-area > .btn-tab {display: none;}
    .tab-wrap.v4 > .tab-btn-area > .tab-select {display: block;}

    /*-------------------------------------------------------------------
        @collections
    -------------------------------------------------------------------*/
    /* form group */
    .form-group.v2 {display: flex; flex-wrap: wrap; gap: 2rem 2rem}
    .form-group.v2 .form {min-width: 0; width: 100%}
    
    .radio-group.v2 .radio {flex: 1 0; min-width: 14.5rem; max-width: none;}

    /* form mixins */
    .form-email .select,
    .form-email input[type="text"]:nth-of-type(2) {width: calc(calc(100% - 1.6rem)/2); max-width: 100%; flex: none;}

    .form-address {grid-template-rows: 1fr 1fr 1fr;}
    .form-address .code-area {grid-column: 1 / 3;}
    .form-address > input[type="text"]:nth-of-type(1) {grid-column: 1 / 3; grid-row: 2 / 3;}
    .form-address > input[type="text"]:nth-of-type(2) {grid-column: 1 / 3; grid-row: 3 / 4;}

    .form-rectal.v1 .radio {width: calc(calc(100% - 3.2rem)/3);}
    .form-rectal.v2 .radio {width: calc(calc(100% - 1.6rem)/2);}
    .form-rectal .radio:last-of-type {flex: none; width: 12rem;}
    .form-rectal input[type="text"] {width: calc(100% - 13.6rem); flex: none;}

    .form-period .check {width: 100%;}

    /*-------------------------------------------------------------------
        @element
    -------------------------------------------------------------------*/
    /* 태그 */
    .tag-list ul {max-width: 24rem;}

    /* 조회 */
    .lookup .search .select {flex: 1 0;}
    .lookup .search .word {width: 100%; flex: none;}
    .lookup .search > .btn {width: 100%;}
    .lookup .filter .radio-group.v1 {width: 100%;}
    .lookup .filter .radio-group.v1 .radio.v4 {flex: 1 0;}
    .lookup .filter .radio-group.v1 .radio.v4 input[type="radio"] + label {width: 100%;}
}

/* 모바일 */
@media screen and (max-width: 639px) {
    /* button */
    .btn-wrap.v3 {gap: 0 1.2rem}
    .btn-wrap.v3 .btn {flex: 1 0;}
    .btn-wrap.v4 {flex-direction: column; align-items: flex-start;}
    .btn-wrap.v4 .item {width: 100%;}
    .btn-wrap.v5 {flex-direction: column;}
    .btn-wrap.v5 .btn {flex: none;}
    .btn-wrap.v7 .btn {flex: 1 0;}
    .btn-wrap.v8 {flex-wrap: wrap;}
    .btn-wrap.v8 .btn {min-width: calc(calc(100% - 1.6rem)/2); max-width: none; flex: 1 0;}
    .btn-wrap.v8 .benchmark {order: -2}
    .btn-wrap.v8 .benchmark + .btn {order: -1}

    [class*="btn-swiper-"] {width: 3.6rem; height: 3.6rem; border-radius: 50%; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); top: 50%;}

    /* list */
    .list-wrap.v1 > ul > li .cont-wrap .tag-list + .tit {margin-top: 1rem;}
    .list-wrap.v1 > ul > li .cont-wrap .data-area dl {gap: 0 1rem;}

    .list-wrap.v3 > ul > li {flex-direction: column; align-items: flex-start;}

    .list-wrap.v7 > ul > li .procedure-area .feedback-area dl {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 3rem; min-height: 0; height: 9.5rem}
    .list-wrap.v7 > ul > li .procedure-area .feedback-area dl dd {margin-top: 0; gap: 0 1.2rem;}
    .list-wrap.v7 > ul > li.no-data {min-height: 0;}
    .list-wrap.v7 > ul > li.no-data img {width: 8rem;}
    .list-wrap.v7 > ul > li.no-data .txt-nodata {font-size: 2.2rem;}
    
    .list-wrap.v8 > ul > li.no-data {min-height: 0;}
    .list-wrap.v8 > ul > li.no-data img {width: 8rem;}
    .list-wrap.v8 > ul > li.no-data .txt-nodata {font-size: 2.2rem;}
    
    /* 아코디언 탭 */
    .acc-wrap.v1 > ul > .acc-list > .acc-tit {flex-direction: column; align-items: flex-start;}

    /* tab */
    .tab-wrap.v1 .tab-btn-area {gap: 0 8.5rem;}
    .tab-wrap.v1 .tab-btn-area .btn-tab {font-size: 2.5rem; line-height: 1.2;}
    .tab-wrap.v1 .tab-cont-area .tab-cont {padding-top: 2.5rem;}

    /*-------------------------------------------------------------------
        @collections
    -------------------------------------------------------------------*/
    /* form mixins */
    .form-period .form-date {flex: 1 0; min-width: 0;}

    /*-------------------------------------------------------------------
        @element
    -------------------------------------------------------------------*/
    .lookup .filter .form-period .btn {width: 13.5rem;}
}