@charset "utf-8";

/*------------------------------------------------------------------*/
/*■ 통합검색 start */
.search-wrap-common {
    display: flex;
    width: 100%;
    gap: 10px;
}

.search-wrap-common.center {
    justify-content: center;
}

.search-menu-wrap .search-wrap-common {
    padding: 0 0 40px;
    margin: 0 40px;
    border-bottom: 1px solid #DDD;
}

.search-menu-wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 140px;
    width: 100%;
    background: #fff;
    z-index: 3;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.search-menu-wrap.active {
    display: block;
}

.search-menu-wrap .search-menu-title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.search-menu-wrap .tag-list-wrap {
    display: flex;
    gap: 12px;
    padding: 10px 0;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.search-menu-wrap .tag-list-wrap button {
    border-radius: 50px;
    border: 1px solid #DADADA;
    display: flex;
    height: 36px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    background: none;
}

.search-menu-wrap .tag-list-wrap.icon-close button {
    gap: 2px;
}

.search-menu-wrap .tag-list-wrap.icon-close > li > button:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_menu_tag_close.svg) no-repeat center;
}

.search-menu-wrap .popup-close {
    display: block;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    text-indent: -99999px;
    background: #F4F6F3 url(../images/icon_popup_close_black.svg) no-repeat center;
}

.search-menu-wrap .header-mo > p {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.search-menu-wrap .search-box {
    max-width: 550px;
    margin: 0 auto;
}

.search-menu-wrap .search-box .search-wrap {
    gap: 10px;
}

.search-menu-wrap .search-box .search-wrap .btn-search {
    border-radius: 50%;
}

.search-menu-wrap .search-box .search-wrap .input-text {
    border-radius: 30px;
    font-size: 18px;
}

.search-menu-wrap .desc {
    display: block;
    padding: 0 0 40px;
    border-bottom: 1px solid #DDD;
    text-align: center;
    margin: 0 0 40px;
    color: #AF5F08;
}

/*■ 통합검색 end */
/*------------------------------------------------------------------*/

.yth-menu-all-popup-wrap {
    height: 100%;
    background: #289667 ;
    background-repeat: repeat-x;
    text-align: left;
}

.yth-menu-all-popup-wrap .popup-header {
    display: flex;
    position: fixed;
    justify-content: space-between;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    background: #289667;
}

.yth-menu-all-popup-wrap .popup-header h1 {
    margin: 0;
}

.yth-menu-all-popup-wrap .popup-header h1 img {
    width: 114px;
}

.blockUI .yth-menu-all-popup-wrap .popup-close {
    position: relative;
    right: 0;
    top: 0;
    background: #2092CB url(../images/specialHall/icon_popup_close.svg) no-repeat center;
}

.blockUI .yth-menu-all-popup-wrap .popup-close:hover {
    border: 1px solid #fff;
}

.yth-menu-all-popup-wrap .box-right span {
    color: #88A8A6;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    margin-right: 14px;
}

.yth-menu-all-popup-wrap .popup-body {
    margin: 128px 0 60px 0;
    height: calc(100vh - 128px);
    overflow: hidden;
    overflow-y: auto;
}

.yth-menu-all-popup-wrap .depth1 {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 60px 0;
}

.yth-menu-all-popup-wrap .depth1 > li {
    display: flex;
}

.yth-menu-all-popup-wrap .depth1 > li > a {
    min-width: 270px;
    color: #F1F5F8;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
}

.yth-menu-all-popup-wrap .depth2 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.yth-menu-all-popup-wrap .depth2 > li > a {
    position: relative;
    display: block;
    color: #F1F5F8;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
    padding-right: 22px;
}

.yth-menu-all-popup-wrap .depth2 > li:hover > a:after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    /*background: url(../images/specialHall/icon_nav_link_white.svg) no-repeat center;*/

}

.yth-menu-all-popup-wrap .depth3 {
    display: flex;
    flex-direction: column;
}

.yth-menu-all-popup-wrap .depth3 > li > a {
    display: flex;
    width: 100%;
    padding: 8px 0;
    color: #88A8A6;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.yth-menu-all-popup-wrap .depth3 > li > a:hover {
    color: #FFF;
    text-decoration-line: underline;
    text-underline-position: under;
}

/* ???????????????????????? */
/*紐⑨옙??? 占???? ????*/
.yth-menu-mo-popup-wrap {
    position: relative;
    height: 100%;
    text-align: left;
}

.yth-menu-mo-popup-wrap .popup-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #074D43 ;
    background-size: cover;
    border-radius: 0px 0px 40px 0px;
    overflow: hidden;
}

.blockUI .yth-menu-mo-popup-wrap .popup-body {
    height: calc(100dvh - 188px);
}

.blockUI .yth-menu-mo-popup-wrap .popup-close {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/icon_popup_close.svg) no-repeat center;
    right: 24px;
    top: 24px;
}

.yth-menu-mo-popup-wrap .popup-header > .container {
    padding: 50px 24px 34px;
}

.yth-menu-mo-popup-wrap .popup-header > .container > p {
    color: #ACACAC;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    margin-bottom: 8px;
}

.yth-menu-mo-popup-wrap .popup-header > .container > a {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
}

.yth-menu-mo-popup-wrap .popup-header > .container > a:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icon_menu_arrow.svg) no-repeat center;
    margin-left: 4px;
}

.yth-menu-mo-popup-wrap .popup-header > .container .logout {
    position: absolute;
    right: 24px;
    bottom: 60px;
    padding: 6px 10px;
    border-radius: 30px;
    border: 1px solid #DADADA;
    font-size: 14px;
    background: #fff;
    font-weight: 500;
}

.yth-menu-mo-popup-wrap .popup-header .link-wrap {
    display: flex;
}

.yth-menu-mo-popup-wrap .popup-header .link-wrap > a {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 48px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    border-top: 1px solid #04352e;
}

.yth-menu-mo-popup-wrap .popup-header .link-wrap > a:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/specialHall/icon_nav_link.svg) no-repeat center;
    filter: invert(1);
}

.yth-menu-mo-popup-wrap .popup-header .link-wrap > a + a {
    border-left: 1px solid #04352e;
}

.yth-menu-mo-popup-wrap .popup-body {
    margin-top: 188px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 188px);
}

.yth-menu-mo-popup-wrap .popup-body .depth1 {
    display: flex;
    gap: 8px;
    padding: 20px 24px;
    overflow: hidden;
    overflow-x: auto;
    position: sticky;
    background: #fff;
    top: 0;
    z-index: 2;
}

.yth-menu-mo-popup-wrap .popup-body .depth1 > li > button {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid #DADADA;
    background: #fff;
    white-space: nowrap;
    font-size: 18px;
}

.yth-menu-mo-popup-wrap .popup-body .depth1 > li > button.active {
    background: #074D43;
    color: #FFF;
}

.yth-menu-mo-popup-wrap .popup-body .depth1 > li > button.active.icon-link:after {
    filter: invert(1);
}

.yth-menu-mo-popup-wrap .popup-body .tabs-contents {
    margin: 10px 0 40px;
}


.yth-menu-mo-popup-wrap .popup-body .depth2 > li > button {
    position: relative;
    width: 100%;
    color: #171A19;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    padding: 15px 24px;
    background: none;
    border: 0;
    text-align: left;
}

.yth-menu-mo-popup-wrap .popup-body .depth2 > li > button:before, .yth-menu-mo-popup-wrap .popup-body .depth2 > li > button:after {
    content: '';
    position: absolute;
    background: #ACACAC;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
}

/*.menu-mo-popup-wrap .popup-body .depth2 > li > button.icon-none:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_nav_link.svg) no-repeat center;
    filter: invert(.8);
}*/

.yth-menu-mo-popup-wrap .popup-body .depth2 > li > button.icon-none:before, .yth-menu-mo-popup-wrap .popup-body .depth2 > li > button.icon-none:after {
    content: none;
}

.yth-menu-mo-popup-wrap .popup-body .depth2 > li > button:before {
    width: 13px;
    height: 1px;
    right: 30px;
}

.yth-menu-mo-popup-wrap .popup-body .depth2 > li > button:after {
    width: 1px;
    height: 13px;
    right: 36px;
}

.yth-menu-mo-popup-wrap .popup-body .depth2 > li > button.active:after {
    content: none;
}

.yth-menu-mo-popup-wrap .popup-body .depth3 {
    display: none;
    background: #F4F6F3;
}

.yth-menu-mo-popup-wrap .popup-body .depth3.active {
    display: block;
}

.yth-menu-mo-popup-wrap .popup-body .depth3 > li > a {
    display: block;
    color: #171A19;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    padding: 10px 24px;
}
/* ???????????????????????? 紐⑨옙??? 占???? ???? end */







html, body {
    min-width: 320px;
}

.d-none {
    display: none!important;
}

.hidden-pc {
    display: none !important;
}

.hidden-mo {
    display: block !important;
}

.page {
    padding-top: 140px;
    min-height: 800px;
}

.container {
    width: 100%;
    max-width: 1488px;
    padding: 0 24px;
    margin: 0 auto;
}

.switch-wrap {
    position: relative;
    height: 30px;
    display: flex;
    gap: 8px;
    align-items: center;
    padding-left: 58px;
}

.switch-wrap label {
    color: #929292;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    cursor: pointer;
}

.switch-wrap input {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.switch-wrap input:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 30px;
    border-radius: 25px;
    background: #D9D9D9;
    cursor: pointer;
}

.switch-wrap input:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
}

.switch-wrap input:checked:before {
    background: #2EA370;
}

.switch-wrap input:checked:after {
    left: 22px;
}

.switch-wrap input:focus-visible + label {
    outline: 1px solid #000;
}

.switch-wrap input:checked + label {
    color: #2EA370;
}


.checkbox-wrap {
    position: relative;
}

.checkbox-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.checkbox-wrap input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.checkbox-wrap label {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.checkbox-wrap input:focus-visible + label {
    outline: 1px solid #000;
}

.checkbox-wrap label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/specialHall/icon_checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.checkbox-wrap input:checked + label:before {
    background-image: url(../images/specialHall/icon_checkbox_active.svg);
}


.ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

select {
    min-width: 140px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #DDD;
    padding: 12px 40px 12px 20px;
    appearance: none;
    background: #fff url(../images/specialHall/icon_select_arrow.svg) no-repeat calc(100% - 10px) 51%/24px auto;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.accordion-wrap {
    border-bottom: 1px solid #D9D9D9;
}

.accordion-wrap .accordion-header .btn-header {
    position: relative;
    width: 100%;
    padding: 20px 60px 20px 20px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.accordion-wrap .accordion-header .btn-header .icon-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(../images/specialHall/icon_accordion_down.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-wrap .accordion-header .btn-header .icon-arrow.active {
    background-image: url(../images/specialHall/icon_accordion_up.svg);
}


.accordion-wrap .accordion-header .inner-box {
    text-align: left;
}

.accordion-wrap .accordion-header .inner-box > span {
    display: block;
    color: #074D43;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px;
}

.accordion-wrap .accordion-header .inner-box > strong {
    color: #171A19;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.accordion-wrap .accordion-header .deco {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #289667;
    border-radius: 50%;
}

.accordion-wrap .accordion-body {
    position: relative;
    display: none;
    padding: 20px 20px 40px 72px;
}

.accordion-wrap .accordion-body * {
    word-break: break-all;
}

.accordion-wrap .accordion-body p {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
}

.accordion-wrap .accordion-body:before {
    content: 'A';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #074D43;
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 7px;
}

.swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
    width: 10px;
    height: 10px;
    background: #D6D6D6;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 35px;
    border-radius: 5px;
    background: #fff;
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 5;
}

header .nav-top {
    border-bottom: 1px solid #DADADA;
}

header .nav-top > .container {
    display: flex;
    justify-content: space-between;
    height: 60px;
}

header .nav-top .link-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

header .nav-top .link-wrap > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    color: #0077B4;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 30px;
    border: 1px solid #0077B4;
}

header .nav-top .link-wrap > a:nth-child(2) {
    color: #0AA562;
    border: 1px solid #0AA562;
}

header .nav-top .link-wrap > a:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/specialHall/icon_nav_link.svg) no-repeat center;
}

header .nav-top .link-wrap > a:first-child:after {
    filter: invert(28%) sepia(70%) saturate(3803%) hue-rotate(182deg) brightness(90%) contrast(103%);
}

header .nav-top .link-wrap > a:nth-child(2):after {
    filter: invert(36%) sepia(71%) saturate(1947%) hue-rotate(133deg) brightness(97%) contrast(92%);
}

header .nav-top .sign-wrap {
    display: flex;
    gap: 22px;
    align-items: center;
}

header .nav-top .sign-wrap > a {
    position: relative;
    display: flex;
    height: 37px;
    align-items: center;
    justify-content: center;
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
}

header .nav-top .sign-wrap > a + a:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: #151515;
}

header .nav-top .login-wrap {
    display: flex;
    gap: 15px;
    align-items: center;
}

header .nav-top .login-wrap .link-mypage {
    color: #289667;
    margin-right: -15px;
}

header .nav-top .login-wrap > p {
    color: #353535;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

header .nav-top .login-wrap > p > span {
    color: #2092CB;
    margin-right: 2px;
}

header .nav-top .login-wrap .btn-logout {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 0 10px;
    height: 29px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    border-radius: 5px;
    background: #289667;
}

header .nav-top .login-wrap .btn-logout:after {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/specialHall/icon_nav_logout.svg) no-repeat center;
}

header .nav {
    border-bottom: 1px solid #DADADA;
}

header .nav > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 78px;
    gap: 40px
}

header .nav .logo > img {
    display: block;
    max-width: 150px;
}

header .nav .menu-wrap{
    width: 100%; max-width: 940px;
}
header .nav .menu-wrap .depth1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


header .nav .menu-wrap .depth1 > li > a {
    display: flex;
    align-items: center;
    height: 78px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    line-height: 120%; /* 24px */
    padding: 0 14px;
}
@media (max-width: 1170px) {
    header .nav .menu-wrap .depth1 > li > a {font-size: 18px; padding: 0 5px;}
}
@media (max-width: 1004px) {
    header .nav .menu-wrap .depth1 > li > a {font-size: 17px; letter-spacing: -1px;}
}

header .nav .menu-wrap .depth1 > li > a:hover, header .nav .menu-wrap > ul > li > a.active {
    color: #2EA370;
}



header .nav .menu-wrap .sub-menu-wrap {
    display: none;
    position: fixed;
    width: 100%;
    max-height: calc(100% - 140px);
    left: 0;
    top: 140px;
    background: #fff;
    border-top: 1px solid #DADADA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow-y: auto;
}

header .nav .menu-wrap .sub-menu-wrap.active {
    display: block;
}

header .nav .menu-wrap .container {
    display: flex;
    min-height: 218px;
}

header .nav .menu-wrap .sub-menu-wrap .menu-title-wrap {
    position: relative;
    width: 20%;
    padding: 46px 24px 0 0;
}

header .nav .menu-wrap .sub-menu-wrap .menu-title-wrap:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 46vw;
    height: 100%;
    background: #E3EEDE url('../images/specialHall/bg_nav_menu.png') no-repeat right -20px top;
    z-index: -1;
}

header .nav .sub-menu-wrap .depth2 {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    width: 75%;
    padding: 45px 20px 45px 45px;
}

header .nav .sub-menu-wrap .depth2 > li {
    flex: 1;
    min-width: calc(20% - 25px);
    max-width: 178px;
}

header .nav .menu-wrap .sub-menu-wrap .menu-title-wrap h2 {
    color: #074D43;
    width: 190px;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    text-align: center;
}

header .nav .menu-wrap .sub-menu-wrap .menu-title-wrap p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}







/* 20250424 이전 탄탄대로 메뉴 스킨
header .nav .sub-menu-wrap .depth2 > li > a {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 15px 35px 15px 5px;
    border-bottom: 1px solid #E5E5E5;
    color: #545454;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
header .nav .sub-menu-wrap .depth2 > li:hover > a {
    color: #2EA370;
    font-weight: 700;
    border-bottom: 1px solid #C5E4DC;
}
header .nav .sub-menu-wrap .depth2 > li:hover > a:after {
    filter: invert(45%) sepia(94%) saturate(315%) hue-rotate(102deg) brightness(99%) contrast(88%);
}
header .nav .sub-menu-wrap .depth2 > li > a:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../images/specialHall/icon_menu_link.svg) no-repeat center;
    filter: invert(100%) sepia(0%) saturate(1011%) hue-rotate(184deg) brightness(85%) contrast(87%);
}
*/


/*20250424 이후 탄탄대로 메뉴 스킨 그린대로 메뉴와 동일하게 변경 */
header .nav .sub-menu-wrap .depth2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 80%;
    padding: 40px 0 40px 40px;
}
header .nav .sub-menu-wrap .depth2 > li {
    flex: 1;
    min-width: calc(25% - 20px);
    max-width: 190px;
}
header .nav .sub-menu-wrap .depth2 > li > a {
    position: relative;
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    border-radius: 30px;
    border: 1px solid #DADADA;
    padding: 11px 45px 11px 24px;
    white-space: nowrap;
    overflow: hidden;
}
header .nav .sub-menu-wrap .depth2 > li > a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background:url(../images/icon_nav_link_gray.svg) no-repeat center;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
header .nav .sub-menu-wrap .depth2 > li:hover > a, header .nav .sub-menu-wrap .depth2 > li > a.active{
    background: #15875E;
    color: #FFF;
}
header .nav .sub-menu-wrap .depth2 > li:hover > a:after, header .nav .sub-menu-wrap .depth2 > li.active > a:after {
    background:url(../images/icon_nav_link_white.svg) no-repeat center;
}















header .nav .sub-menu-wrap .depth3 {
    /* padding-top: 14px; */
    padding: 2px 12px 21px 12px;
}

header .nav .sub-menu-wrap .depth3 > li > a {
    display: block;
    padding: 7px 12px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

header .nav .sub-menu-wrap .depth3 > li > a:hover {
    color: #2EA370;
    text-decoration: underline;
    text-underline-position: under;
}















header .nav .btn-wrap {
    display: flex;
    gap: 15px;
}

.tabs-contents {
    display: none;
}

.tabs-contents.active {
    display: block;
}

.img-list {
    display: block;
    border-radius: 0px 20px 20px 20px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    box-shadow: 0px 5px 19px 0px rgba(166, 166, 166, 0.20);
    overflow: hidden;
}

.img-list .img-wrap {
    position: relative;
    height: 218px;
    overflow: hidden;
}

.img-list .img-wrap > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    object-fit: cover;
    transform: translateX(-50%);
}

.img-list .img-wrap > .tag {
    padding: 5px 15px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 15px;
    background: #E9FFCD;
    color: #2C8244;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.img-list .img-wrap > .tag.type2 {
    color: #70581A;
    background: #FFF4CD;
}

.img-list .img-wrap > .tag.type3 {
    color: #2C5982;
    background: #CDF9FF;
}

.img-list .detail-wrap {
    padding: 20px 20px 40px;
}

.img-list .detail-wrap .location {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 7px;
}

.img-list .detail-wrap .location > span {
    color: #555;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
}

.img-list .detail-wrap > strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    margin-bottom: 10px;
}

.img-list .detail-wrap .sub-title {
    display: block;
    color: #A7A7A7;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    margin-bottom: 15px;
    min-height: 38px;
}

.img-list .detail-wrap .desc-wrap {
    display: flex;
    gap: 20px;
}

.img-list .detail-wrap .desc-wrap > div {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
}

.img-list .detail-wrap .desc-wrap > div > span {
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.img-list .detail-wrap .desc-wrap > div + div:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(117, 117, 117, 0.15);
}

footer {
    padding: 30px 0;
    border-radius: 60px 0px 0px 0px;
    background: #074D43 url(../images/specialHall/bg_footer.png) no-repeat center;
    background-size: cover;
}

footer .footer-top-wrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
}

footer .footer-top-wrap .footer-logo > img {
    display: block;
    max-width: 140px;
    margin-top: 8px;
}

footer .footer-top-wrap > select {
    height: 52px;
    border-radius: 50px;
    border: 1px solid #C7EEC2;
    color: #C7EEC2;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
    padding: 0 24px;
    appearance: none;
    background: transparent url(../images/specialHall/icon_footer_select.svg) no-repeat calc(100% - 20px) 51%/28px auto;
}

footer .footer-top-wrap > select:focus {
    outline: 0;
}

footer .footer-top-wrap > select option {
    background: #074D43;
}

footer .link-list-wrap {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    overflow: hidden;
}

footer .link-list-wrap > a {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 111.111% */
}

footer .link-list-wrap > a.color1 {
    color: #3EFDF1;
}

footer .link-list-wrap > a + a:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: rgba(218, 218, 218, 0.15);
}

footer .link-list-wrap > a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

footer > .container {
    position: relative;
}

footer > .container > p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 12px;
}

footer .sub-text-wrap {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    overflow: hidden;
}

footer .sub-text-wrap > span {
    position: relative;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

footer .sub-text-wrap > span + span:before {
    content: '';
    width: 1px;
    height: 16px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    background: #D5D5D5;
}

footer .container > span {
    color: #C7EEC2;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

footer .family-site {
    position: absolute;
    right: 24px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

footer .family-site .mafra img {
    height: 33px;
    margin-top: 12px;
}

.popup-wrap {
    display: none;
}

.popup-wrap.active {
    display: block;
}

.popup-wrap .dim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: .8;
    z-index: -1;
}

.menu-pc-poup {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: #074D43 url(../images/specialHall/bg_menu_poup.png) no-repeat bottom;
    z-index: 5;
}

.menu-pc-poup .menu-title-wrap {
    display: none;
}

.menu-pc-poup .sub-menu-wrap .container {
    padding: 0;
}

.menu-pc-poup .poup-contents {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1148px;
    max-height: 90vh;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 24px;
}

.menu-pc-poup .popup-header {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    margin-bottom: 85px;
}

.menu-pc-poup .popup-header .btn-wrap > button {
    display: flex;
    gap: 14px;
    align-items: center;
}

.menu-pc-poup .popup-header .btn-wrap button > span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.menu-pc-poup .popup-header .btn-wrap button > img {
    display: block;
    padding: 9px;
    border-radius: 10px;
    border: 1px solid transparent;
}

.menu-pc-poup .popup-header .btn-wrap > button:hover > img {
    border: 1px solid #ABEA88B2;
    filter: invert(50%) sepia(3%) saturate(5729%) hue-rotate(57deg) brightness(111%) contrast(131%);
}

.menu-pc-poup .popup-header .btn-wrap > button:hover > span {
    color: #C7EEC2;
}

.menu-pc-poup .popup-body .depth1 {
    display: flex;
    gap: 40px;
}

.menu-pc-poup .popup-body .depth1 > li {
    flex: 1;
}

.menu-pc-poup .popup-body .depth1 > li > a {
    display: block;
    color: #F1F5F8;
    font-size: 30px;
    font-style: normal;
    height: 75px;/*20250421 추가*/
    font-weight: 700;
    line-height: normal;
}

.menu-pc-poup .popup-body .depth2 {
    margin-top: 15px;
}

.menu-pc-poup .popup-body .depth2 > li:has(.depth3) > a {
    margin-bottom: 0;
    padding-bottom: 3px;
}

.menu-pc-poup .popup-body .depth2 > li > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    color: #F1F5F8;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.menu-pc-poup .popup-body .depth2 > li:hover > a {
    color: #ABEA88;
    text-decoration: underline;
    text-underline-position: under;
}

.menu-pc-poup .popup-body .depth2 > li:hover > a:after {
    content: '';
    width: 14px;
    height: 5px;
    background: url('../images/specialHall/icon_menu_hover_arrow.svg') no-repeat center;
}

.menu-pc-poup .popup-body .depth3 {
    margin-top: 3px;
    margin-bottom: 19px;
}

.menu-pc-poup .popup-body .depth3 > li > a {
    display: block;
    padding: 7px 10px;
    color: #C7EEC2;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.menu-pc-poup .popup-body .depth3 > li:hover > a {
    color: #fff;
    text-decoration: underline;
    text-underline-position: under;
}

.menu-mo-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 5;
}

.menu-mo-popup .popup-header {
    position: relative;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #289667;
}

.menu-mo-popup .popup-header .container {
    padding: 80px 24px 48px;
}


.menu-mo-popup .container > p {
    color: #ACACAC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    margin-bottom: 8px;
}

.menu-mo-popup .btn-login {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
}

.menu-mo-popup .btn-login:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/specialHall/icon_login_arrow.svg) no-repeat center;
}


.menu-mo-popup .popup-header .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 4px;
}

.menu-mo-popup .popup-header .link-wrap {
    display: flex;
}

.menu-mo-popup .popup-header .link-wrap > a {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 48px;
    color: #545454;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    background: #fff;
    border-bottom: 1px solid #D1D1D1;
}

.menu-mo-popup .popup-header .link-wrap > a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/specialHall/icon_nav_link.svg) no-repeat center;
    filter: invert(30%) sepia(7%) saturate(8%) hue-rotate(349deg) brightness(98%) contrast(85%);
}

.menu-mo-popup .popup-header .link-wrap > a + a {
    border-left: 1px solid #D1D1D1;
}

.menu-mo-popup .popup-body {
    height: calc(100vh - 233px);
    overflow: hidden;
    overflow-y: auto;
    margin-top: 233px;
    padding-top: 45px;
}

.menu-mo-popup .popup-header .login-wrap {
    display: flex;
    gap: 20px;
    align-items: center;
}

.menu-mo-popup .popup-header .login-wrap .name {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 115.385% */
}

.menu-mo-popup .popup-header .login-wrap .btn-logout {
    display: flex;
    gap: 5px;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 187.5% */
    border-radius: 3px;
    background: #2EA370;
}

.menu-mo-popup .popup-header .login-wrap .btn-logout:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/specialHall/icon_nav_logout.svg') no-repeat center;
}

.menu-mo-popup .popup-body .depth1 > li > button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    padding: 15px 0;
    color: #171A19;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.menu-mo-popup .popup-body .depth1 > li > button:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../images/specialHall/icon_menu_plue.svg') no-repeat center;

}

.menu-mo-popup .popup-body .depth1 > li > button.active:after {
    background: url('../images/specialHall/icon_menu_minus.svg') no-repeat center;
}

.menu-mo-popup .popup-body .depth2 {
    padding: 24px;
    background: #F3F9FF;
}

.menu-mo-popup .popup-body .depth2 > li > button, .menu-mo-popup .popup-body .depth2 > li > a {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    text-align: left;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 112.5% */
    padding: 10px 0;
}

.menu-mo-popup .popup-body .depth2 > li > button:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../images/specialHall/icon_news_more.svg') no-repeat center;
    background-size: cover;
}

.menu-mo-popup .popup-body .depth3 > li > a {
    display: block;
    color: #B0B0B0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    padding: 5px 10px;
}

.menu-mo-popup .popup-body .depth1 ul {
    display: none;
}

.visual-wrap {
    background-image: url(../images/specialHall/bg_visual01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0px 0px 50px 0px;
    padding: 56px 0 55px;
}

/*.visual-wrap.type2 {
    background-image: url(../images/specialHall/bg_visual02.png);
}

.visual-wrap.type3 {
    background-image: url(../images/specialHall/bg_visual03.png);
}

.visual-wrap.type4 {
    background-image: url(../images/specialHall/bg_visual04.png);
}*/

.visual-wrap .sub-page-title {
    position: relative;
    z-index: 1;
}

.visual-wrap .sub-page-title > strong {
    display: block;
    color: #074D43;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.visual-wrap .sub-page-title > span {
    color: #074D43;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.visual-wrap > .container {
    position: relative;
}

.visual-wrap .sub-page-title > p {
    color: #545454;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

.visual-wrap .img-deco {
    position: absolute;
    top: -56px;
    right: 0;
}

.breadcrumb-wrap > ul {
    height: 50px;
    display: flex;
    gap: 36px;
    align-items: center;
}

.breadcrumb-wrap > ul > li {
    position: relative;
}

.breadcrumb-wrap > ul > li + li:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 12px;
    background: url(../images/specialHall/icon_breadcrumb_arrow.svg) no-repeat center;
}

.breadcrumb-wrap > ul > li > a {
    color: #545454;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    pointer-events: none;
}

.breadcrumb-wrap > ul > li:last-child > a {
    color: #151515;
}

.breadcrumb-wrap > ul > li > a > img {
    display: block;
}

.page-contents {
    padding: 60px 0;
}

.tit {
    display: block;
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 19px;
}

.sub-tit {
    display: block;
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 19px;
}

.tabs-wrap {
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 20px;
    overflow-y: auto;
}

.tabs-wrap > button {
    position: relative;
    padding: 0 12px;
    flex: 1;
    height: 64px;
    align-items: center;
    color: #666;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    border: 1px solid #D1D1D1;
    background: #F3F8F6;
    white-space: nowrap;
}

.tabs-wrap > button:first-child {
    border-radius: 5px 0 0 5px;
}

.tabs-wrap > button:last-child {
    border-radius: 0 5px 5px 0;
}

.tabs-wrap > button + button {
    border-left: 0;
}

.tabs-wrap > button.active {
    color: #fff;
    background: #074D43;
    border: 1px solid #074D43;
}

.tabs-wrap > button.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background: #074D43;
    border-radius: 0 0 4px 0;
}

.btn-wrap {
    display: flex;
    gap: 15px;
}

.btn-wrap.left {
    justify-content: flex-start;
}

.btn-wrap.center {
    justify-content: center;
}

.btn-wrap.right {
    justify-content: flex-end;
}

.btn {
    height: 48px;
    padding: 0 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    border-radius: 5px;
    background: #AF5F08;
}

.btn.small {
    height: 30px;
    padding: 0 7px;
    font-size: 14px;
    gap: 5px;
    line-height: 16px; /* 114.286% */
    letter-spacing: -0.7px;
}

.btn.middle {
    height: 38px;
    padding: 0 15px;
}

.btn:hover {
    background: #cd6d05;
}

.btn.primary {
    background: #289667;
}

.btn.primary:hover {
    background: #074D43;
}

.btn > img {
    display: block;
}

.btn.line {
    border: 1px solid #289667;
    background: #FFF;
    color: #289667;
}

.btn.line:hover {
    background: #289667;
    color: #fff;
}

.btn-search-wrap {
    margin-bottom: 20px;
}

.table-wrap {
    border-top: 1px solid #B0B0B0;
}

.table-wrap.fixed table {
    table-layout: fixed;
}

.table-wrap .secret, .mo-list-table .secret {
    display: inline-block;
    margin-right: 2px;
    vertical-align: text-bottom;
}

.table-wrap .secret > img, .mo-list-table .secret > img {
    display: block;
}

.table-wrap th {
    background: #F5F6F7;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 18px 8px;
}

.table-wrap tr.notice-tr, .mo-list-table li.notice-tr {
    background: #F3F9FF;
}

.table-wrap .deco-notice, .mo-list-table .deco-notice {
    border-radius: 10px;
    background: #E5F1FD;
    color: #2092CB;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    padding: 8px 16px;
}

.table-wrap .new, .mo-list-table .new {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #D35F2E;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 0% */
    margin-right: 10px;
    vertical-align: text-top;
}

.table-wrap td {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    padding: 18px 40px;
    vertical-align: middle;
}

.table-wrap td button {
    margin: 0 auto;
}

.table-wrap td.left, .table-wrap td.left a {
    text-align: left !important;
}

.table-wrap td.center, .table-wrap td.center a {
    text-align: center !important;
}

.table-wrap td.right, .table-wrap td.right a {
    text-align: right !important;
}

.table-wrap tr {
    border-bottom: 1px solid #D9D9D9;
}

.table-wrap tr td a {
    display: block;
}

.table-wrap tr:hover td a {
    text-decoration: underline;
    text-underline-position: under;
}

.table-wrap tr td p {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
}

.table-wrap tr td p + p {
    margin-top: 12px;
}

.table-wrap tr td img {
    display: block;
    max-width: 100%;
}

.table-wrap tr td .img-list-wrap {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.table-wrap tr td .img-list-wrap > img {
    display: block;
}

.cpif .search-total {
    padding: 40px 0;
}

.cpif .search-total > p {
    text-align: center;
    color: #171A19;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cpif .search-total > p span {
    color: #289667;
    font-size: 36px;
}

.re-search-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 50px;
    background: #F5F6F7;
}

.re-search-wrap .inner-box {
    display: flex;
    gap: 50px;
    align-items: center;
    flex-wrap: wrap;
}

.re-search-wrap .inner-box .item-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.re-search-wrap .inner-box .select-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

.list-wrap {
    margin-bottom: 40px;
}

.list-wrap > ul > li {
    position: relative;
    border-radius: 10px;
    border: 1px solid #DDD;
    padding: 30px 40px;
}

.list-wrap > ul > li + li {
    margin-top: 15px;
}

.list-wrap .list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin-bottom: 20px;
}

.list-wrap .header-tag {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.list-wrap .header-tag > li {
    display: flex;
    height: 23px;
    padding: 0px 13px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #289667;
    color: #171A19;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.list-wrap .header-tag > li.active {
    background: #289667;
    color: #fff;
}

.list-wrap .list-sub-contents ul {
    display: flex;
    gap: 15px;
    align-items: center;
}

.list-wrap .list-sub-contents li.hidden-text {
    opacity: 0;
}

.list-wrap .list-sub-contents li p {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.list-wrap .list-sub-contents li span {
    color: #757575;
    font-size: 16px;
}

.list-wrap .list-sub-contents li span.area {
    color: #000;
}

.list-wrap .list-sub-contents li button {
    position: relative;
    padding: 0 0 0 28px;
}

.list-wrap .list-sub-contents li .btn-img-heart:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../images/specialHall/icon_list_heart.svg) no-repeat center;
}

.list-wrap .list-sub-contents li .btn-img-heart.active:before {
    background: url(../images/specialHall/icon_list_heart_active.svg) no-repeat center;
}

.list-wrap > ul > li .title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.list-wrap > ul > li .contents-text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin-bottom: 15px;
}

.list-wrap > ul > li .sub-text {
    display: block;
    color: #2092CB;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.pagination-wrap {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.pagination-wrap .pagination-mo {
    display: none;
}

.pagination-wrap .page-wrap {
    display: flex;
    gap: 5px;
    margin: 0 5px;
}

.pagination-wrap .btn-page {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.pagination-wrap > a, .pagination-wrap > strong {
    display: flex;
    min-width: 36px;
    height: 36px;
    padding: 0 4px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: 400;
}

.pagination-wrap > strong {
    color: #FFF;
    background: #074D43;
    border: 1px solid #074D43;
}

.pagination-wrap .tui-first {
    background-image: url(../images/specialHall/icon_pagination_first.svg);
}

.pagination-wrap .tui-prev {
    background-image: url(../images/specialHall/icon_pagination_prev.svg);
}
.pagination-wrap .tui-next {
    background-image: url(../images/specialHall/icon_pagination_next.svg);
}
.pagination-wrap .tui-last {
    background-image: url(../images/specialHall/icon_pagination_last.svg);
}

#tab2 .sub-title {
    color: #171A19;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 14px 0;
}

#tab2 .sub-title > span:first-child {
    color: #289667;
}

#tab2 .sub-title > span {
    color: #E54E2B;
}

#tab2 .table-wrap {
    border: 0;
}

#tab2 .table-wrap tr {
    border-bottom: 0;
}

#tab2 .table-wrap td {
    vertical-align: middle;
    text-align: center;
    padding: 18px 20px;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

#tab2 .table-wrap .title-wrap {
    text-align: left;
    padding: 0;
}

#tab2 .table-wrap .link {
    color: #2092CB;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

#tab2 .table-wrap .delete {
    display: flex;
    align-items: center;
    color: #E54E2B;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    border: 0;
    background: none;
    margin: 0 auto;
    padding: 0;
}

#tab2 .table-wrap .title-wrap .toggle-title {
    width: 100%;
    text-align: left;
    padding: 18px 20px;
    border: 0;
    background: none;
    color: #171A19;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

#tab2 .table-wrap .title-wrap .detail-wrap {
    display: none;
    padding: 0 20px 30px 18px;
}

#tab2 .table-wrap tr.active  {
    border-bottom: 1px solid #D9D9D9;
}

#tab2 .table-wrap .title-wrap .detail-wrap .detail-title {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin-bottom: 30px;
}

#tab2 .table-wrap .title-wrap .detail-wrap .detail-title + p {
    color: #171A19;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

#tab2 .table-wrap .title-wrap .detail-wrap > span {
    display: block;
    color: #2EA370;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 25px;
}

#tab2 .table-wrap .title-wrap .detail-wrap .count-wrap {
    display: flex;
}

#tab2 .table-wrap .title-wrap .detail-wrap .count-wrap > div {
    display: flex;
    align-items: center;
    gap: 4px;
}

#tab2 .table-wrap .title-wrap .detail-wrap .count-wrap > div img {
    width: 16px;
    height: 16px;
}

#tab2 .table-wrap .title-wrap .detail-wrap .count-wrap > div > span {
    color: #757575;
    font-weight: 500;
    line-height: normal;
}

#tab2 .table-wrap .title-wrap .detail-wrap .count-wrap > div + div {
    margin-left: 15px;
}

#tab2 .list-wrap li .btn-delete-mo {
    position: absolute;
    right: 20px;
    top: 24px;
    display: flex;
    gap: 2px;
    color: #929292;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

#tab2 .list-wrap li .btn-delete-mo > img {
    vertical-align: middle;
}

#tab2 .list-wrap .list-sub-contents li button {
    pointer-events: none;
}

#tab2 .list-wrap .list-sub-contents li .btn-img-heart:before {
    background: url(../images/specialHall/icon_list_heart_active.svg) no-repeat center;
    background-size: cover;
}

.compare-search-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 20px;
    border: 1px solid #E4DCD3;
    background: #F8F4EF;
}

.compare-search-wrap .inner-box {
    display: flex;
    gap: 20px;
    align-items: center;
}

.compare-search-wrap .inner-box .input-text {
    min-width: 450px;
    height: 48px;
}

.compare-search-wrap .inner-box .item-box {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.compare-search-wrap .select-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

.compare .sub-title {
    padding: 18px 0;
    color: #171A19;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.compare .sub-title > span {
    color: #E54E2B;
}

.compare .sub-title > span:first-child {
    color: #289667;
}

.compare-box {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.compare-box .compare-item {
    flex: 1;
    padding: 20px 30px 30px;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    background: #FFF;
    width: calc(50% - 24px);
}

.compare-box .compare-item .header {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 20px;
}

.compare-box .compare-item .header > p {
    color: #171A19;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.compare-box .compare-item .header .btn-delete {
    display: flex;
    gap: 2px;
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    pointer-events: none;
}

.compare-box .compare-item .header .btn-delete:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/specialHall/icon_list_delete_gray.svg');
    background-size: cover;
}

.compare-box .compare-item .header .btn-delete.active {
    color: #DC362E;
    pointer-events: inherit;
}

.compare-box .compare-item .header .btn-delete.active:after {
    background-image: url('../images/specialHall/icon_list_delete_red.svg');
}

.compare-box .compare-item .body {
    min-height: 180px;
}

.compare-box .body .no-data {
    text-align: center;
    padding: 80px 12px;
    background: #F5F6F7;
    color: #929292;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.compare-box .list-wrap {
    margin: 0;
}

.compare-box .list-wrap > ul > li {
    padding: 0;
    border: 0;
}

.compare .list-wrap > ul > li .sub-text {
    color: #AF5F08;
    margin-bottom: 15px;
}

.compare .list-wrap .list-sub-contents {
    border-top: 1px solid #D9D9D9;
    padding-top: 10px;
}

.compare .list-wrap .list-sub-contents > p, .compare .list-wrap .list-sub-contents span {
    color: #929292;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-compare-wrap {
    margin-bottom: 50px;
}

.board-total-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
}

.board-total-wrap strong {
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}

.board-total-wrap strong > span {
    color: #2EA370;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.list-wrap.column3 > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.list-wrap.column3 > ul > li {
    padding: 20px;
    width: calc(33.3333% - 16px);
    cursor: pointer;
}

.list-wrap.column3 > ul > li + li {
    margin-top: 0;
}

.compare-poup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.compare-poup .poup-contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1440px;
    max-height: 90vh;
    border-radius: 10px;
    background: #FFF;
    padding: 30px;
}

.compare-poup .poup-contents .scroll {
    max-height: calc(100vh - 208px);
    overflow-y: auto;
}

.compare-poup .popup-header {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.compare-poup .popup-header > strong {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.compare-poup .popup-header .btn-close {
    position: relative;
    border-radius: 10px;
    background: #D1D1D1;
    width: 48px;
    height: 48px;
}

.compare-poup .popup-header .btn-close:hover {
    background: #289667;
}

.compare-poup .popup-header .btn-close > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
}

.compare-poup .popup-body {
    display: flex;
    gap: 24px;
}

.compare-poup .popup-body .item-box {
    flex: 1;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    background: #FFF;
    padding: 20px 30px;
    width: calc(50% - 24px);
}

.compare-poup .popup-body .item-box .title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    text-align: center;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 10px;
}

.compare-poup .popup-body .item-box strong {
    display: block;
    color: #171A19;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
}

.compare-poup .popup-body .contnets-wrap {
    position: relative;
    border: 1px solid #D1D1D1;
    height: calc(100vh - 350px);
    overflow: auto;
    padding: 12px;
}

.compare-poup .popup-body .contnets-wrap iframe {
    height: 500px;
}


.compare-poup .popup-body .contnets-wrap > .no-data {
    position: absolute;
    width: 90%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #929292;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.search-box {
    padding: 20px 0;
    margin-bottom: 25px;
    border-radius: 20px;
}

.page-contents .search-box {
    border: 1px solid #E4DCD3;
    background: #F8F4EF;
}

.search-box .inner-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.search-box .item-box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.search-box .item-box select {
    min-width: 112px;
}

.search-box .item-box .input-wrap input {
    min-width: 300px;
    height:48px;
}

.search-box .search-wrap {
    display: flex;
}

.search-box .search-wrap .input-text {
    flex: 1;
    min-width: 400px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 0 20px;
    color: #171A19;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.search-box .search-wrap .input-text::placeholder {
    color: #949494;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.search-box .search-wrap .btn-search {
    min-width: 48px;
    height: 48px;
    border-radius: 0px 5px 5px 0px;
    background: #AF5F08;

}

.page-contents .search-box .search-wrap .btn-search {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 20px;
}

.page-contents .search-box .search-wrap .btn-search > span {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}

.list-style-wrap {
    margin-bottom: 40px;
}

.list-style-wrap.column4 > ul {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}

.list-style-wrap.column4 > ul > li {
    width: 100%;
    max-width: calc(25% - 20px);
}

.detail-contents-wrap {
    margin-bottom: 50px;
}

.detail-contents-wrap .detail-top {
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
}

.detail-contents-wrap .detail-top .tag-wrap {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.detail-contents-wrap .detail-top .tag-wrap > span {
    position: relative;
    color: #929292;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.detail-contents-wrap .detail-top .tag-wrap > span + span:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(117, 117, 117, 0.15);
}

.detail-contents-wrap .detail-top .title {
    margin-bottom: 20px;
    color: #171A19;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.detail-contents-wrap .detail-top .inner-box {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.detail-contents-wrap .detail-top .inner-box .info-wrap {
    display: flex;
    gap: 20px;
}

.detail-contents-wrap .detail-top .inner-box .info-wrap > span {
    position: relative;
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.detail-contents-wrap .detail-top .inner-box .info-wrap > span + span:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(117, 117, 117, 0.15);
}

.detail-contents-wrap .detail-top .inner-box .view-wrap {
    display: flex;
    gap: 10px;
}

.detail-contents-wrap .detail-top .reply {
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    background: gray;
    padding: 4px 8px;
    margin-bottom: 8px;
    font-size: 14px;
}

.detail-contents-wrap .detail-top .reply.complate {
    background: #E5F1FD;
    color: #2092CB;
}

.detail-contents-wrap .detail-reply {
    padding: 20px;
    background: #f1f1f1;
    border-radius: 10px;
    margin-top: 10px;
}

.detail-contents-wrap .detail-reply .user-date {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    font-weight: bold;
}

.detail-contents-wrap .detail-reply .user-date::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/ico_16_reply_n.png) no-repeat left top;
    background-size: cover;
}

.detail-contents-wrap .detail-reply .comm-txt {
    margin-top: 10px;
}

.detail-contents-wrap .detail-reply .comm-txt * {
    word-break: break-all;
    line-height: 1.2;
}

.detail-contents-wrap .detail-reply .sBtn {
    margin-top: 10px;
}

.detail-contents-wrap .detail-reply .sBtn span {
    color: #88898a;
    font-size: 14px;
}

.share-wrap {
    position: relative;
}

.share-box {
    display: none;
    position: absolute;
    top: 46px;
    top: 24px;
    right: 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    z-index: 1;
}

.share-box strong {
    color: #000;
    font-size: 16px;
}

.share-box .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/ico_20_close_n.png) no-repeat left top;
    background-size: cover;
}

.share-box .linkBox {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.share-box .linkBox a {
    position: relative;
    display: block;
    padding-top: 48px;
    color: #000;
    font-size: 14px;
    text-align: center;
    min-width: 40px;
}

.share-box .linkBox a:after {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.share-box .linkBox .kaka::after {
    content: "";
    position: absolute;
    margin: auto;
    width: 40px;
    height: 40px;
    background: url(../images/img_kakaoshare.png) no-repeat center top;
}

.share-box .linkBox .twit::after {
    content: "";
    position: absolute;
    margin: auto;
    width: 40px;
    height: 40px;
    background: url(../images/img_twittershare.png) no-repeat center top;
}

.share-box .linkBox .face::after {
    content: "";
    position: absolute;
    margin: auto;
    width: 40px;
    height: 40px;
    background: url(../images/img_facebookshare.png) no-repeat center top;
}

.share-box .linkBox .naver::after {
    content: "";
    position: absolute;
    margin: auto;
    width: 40px;
    height: 40px;
    background: url(../images/img_navershare.png) no-repeat center top;
}

.share-box .linkBtn {
    display: flex;
    margin-top: 24px;
}

.share-box .linkBtn .linkInp {
    width: 159px;
}

.share-box .linkBtn .linkInp:valid {
    color: #101314;
    font-size: 14px;
}

.share-box .linkBtn .lickCopy {
    width: 60px;
    height: 40px !important;
    margin-left: 3px;
    font-size: 14px;
    border-radius: 8px !important;
}


.detail-contents-wrap .file-down-wrap {
    position: relative;
    border-radius: 10px;
    background: #F5F6F7;
    padding: 20px 60px 20px 20px;
    margin-top: 40px;
}

.detail-contents-wrap .file-down-wrap > strong {
    display: block;
    margin-bottom: 12px;
    color: #171A19;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.detail-contents-wrap .file-down-wrap .bar-wrap > span {
    color: #929292;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
}

.detail-contents-wrap .file-down-wrap .btn-down {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.img-text {
    display: flex;
    align-items: center;
    gap: 4px;
}

.img-text > img {
    display: block;
}

.img-text {
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.img-text > span {
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.detail-body {
    padding: 30px 0 30px;
    border-bottom: 1px solid #D9D9D9;
}

.detail-body .thumbnail-wrap {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #D9D9D9;
}

.detail-body .thumbnail-wrap > img {
    max-height: 142px;
    border-radius: 10px;
    overflow: hidden;
}

.detail-body .thumbnail-wrap > .txt-wrap {
    flex: 1;
    display: flex;
    align-items: center;
}

.detail-body .thumbnail-wrap .inner-box strong {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.detail-body .thumbnail-wrap .inner-box span {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
}

.detail-body .text-box {
    min-height: 400px;
}

.detail-body .text-box * {
    word-break: break-all;
    max-width: 100%;
}

.detail-body .text-box img {
    max-width: 100%;
}

.detail-body .text-box iframe {
    width: 100%;
}

.detail-body iframe {
    max-width: 100%;
}

.comment-wrap {
    padding: 30px;
    border-radius: 10px;
    background: #F5F5F5;
    margin: 40px 0 24px;
}

.comment-wrap .comment-count {
    display: block;
    color: #171A19;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.comment-wrap .comment-count > span {
    color: #2EA370;
}

.comment-wrap .d-flex, .comment-list-wrap .d-felx {
    display: flex;
    gap: 10px;
}

.comment-wrap .checkbox-wrap label, .comment-list-wrap .checkbox-wrap label {
    color: #929292;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.comment-list-wrap .checkbox-wrap label {
    margin-left: -14px;
}

.comment-wrap .name {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 8px;
}

.comment-wrap .name > span {
    font-weight: 600;
}

.comment-wrap textarea {
    display: block;
    width: 100%;
    resize: none;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 10px;
    margin-bottom: 12px;
    height: 84px;
}

.comment-wrap textarea {
    color: #171A19;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.comment-wrap textarea::placeholder {
    color: #949494;
}

.comment-list-wrap {
    margin-bottom: 50px;
}

.comment-list-wrap .list-item {
    padding: 20px;
}

.comment-list-wrap > .list-item {
    border-bottom: 1px solid #D9D9D9;
}

.comment-list-wrap .list-item .list-top {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8px;
}

.comment-list-wrap .list-item .list-top .item-box {
    display: flex;
    gap: 8px;
    align-items: center;
}

.comment-list-wrap .list-item .list-top .item-box.left {
    gap: 24px;
}

.comment-list-wrap .list-item .list-top .item-box.left > strong {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.comment-list-wrap .list-item .list-top .item-box.left > strong > span:first-child {
    font-weight: 600;
}

.comment-list-wrap .list-item .list-top .item-box.left > p {
    position: relative;
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-list-wrap .list-item .list-top .item-box.left > p:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(117, 117, 117, 0.15);
}

.comment-list-wrap .list-item > .text {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.comment-list-wrap .list-item.secret .text {
    padding: 10px 12px;
    border-radius: 8px;
    background: #FCF8F3;
    border-radius: 8px;
    border: 1px solid #ECECEC;
}

.comment-list-wrap .list-item .text.secret-icon {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #DC362E;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    padding: 10px 12px;
    border: 0;
}

.comment-list-wrap .list-item > .text[contenteditable="true"] {
    border: 1px solid #D9D9D9;
    padding: 4px 10px;
    margin-bottom: 8px;
}

.comment-list-wrap .list-item .list-item {
    position: relative;
    padding: 20px 0 0 68px;
}

.comment-list-wrap .list-item .list-item.active {
    display: block;
}

.comment-list-wrap .list-item .list-item:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 40px;
    width: 16px;
    height: 16px;
    background: url(../images/specialHall/icon_reply.svg) no-repeat center;

}

.comment-list-wrap .list-item textarea {
    display: block;
    width: 100%;
    height: 84px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 10px;
    margin-bottom: 8px;
    color: #171A19;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    resize: none;
}

.comment-list-wrap .list-item textarea::placeholder {
    color: #949494;
}

.list-nav-wrap {
    padding: 20px 0;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 30px;
}

.list-nav-wrap > button {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    padding: 10px 0;
}

.list-nav-wrap > button .item-box {
    display: flex;
    align-items: center;
    gap: 4px;
}

.list-nav-wrap > button .item-box > span {
    color: #171A19;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.list-nav-wrap > button > p {
    color: #171A19;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

.site-info .table-wrap {
    margin-bottom: 40px;
}

.site-info .table-wrap td {
    text-align: center;
    padding: 18px 10px;
}

.mo-list-table {
    margin-bottom: 30px;
}

.mo-list-table > ul > li {
    border-bottom: 1px solid #D9D9D9;
    padding: 20px 10px;
}

.mo-list-table > ul > li:first-child {
    border-top: 1px solid #D9D9D9;
}

.bar-wrap {
    display: flex;
    gap: 17px;
    align-content: center;
    flex-wrap: wrap;
}

.bar-wrap > span {
    position: relative;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.bar-wrap > span + span:before {
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #D1D1D1;
}

.site-info .bar-wrap {
    padding: 6px 0;
}

.mo-list-table ul li > a {
    color: #2092CB;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    padding: 4px 0;
}

.mo-list-table ul li .desc {
    padding: 10px 0;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 137.5% */
}

.region-find .table-wrap {
    margin-bottom: 40px;
}

.region-find .table-wrap td {
    text-align: center;
    padding: 18px 10px;
}

.region-find .bar-wrap span {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px; /* 137.5% */
}

.region-find .mo-list-table ul li > a {
    color: #171A19;
}

.notice .table-wrap {
    margin-bottom: 40px;
}

.notice .table-wrap td {
    text-align: center;
    padding: 18px 10px;
}

.notice .mo-list-table .deco-notice {
    display: table;
    color: #2092CB;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    padding: 6px 10px;
}

.notice .mo-list-table .text {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-right: 16px;
}

.notice .mo-list-table .d-flex {
    display: flex;
    padding: 6px 0;
}
.notice .mo-list-table .d-flex > a {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

.notice .mo-list-table .new {
    margin-right: 4px;
}

.notice .mo-list-table .bar-wrap > span {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

.qna .table-wrap {
    margin-bottom: 40px;
}

.qna .table-wrap td {
    padding: 18px 10px;
    text-align: center;
}

.qna .mo-list-table > ul > li > span {
    display: block;
    padding: 6px 0;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.qna .mo-list-table > ul > li > a {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

.qna .mo-list-table .bar-wrap {
    padding: 7px 0;
}

.qna .mo-list-table .bar-wrap > span {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px; /* 137.5% */
}

.qna .btn-wrap {
    margin-top: 30px;
}

.table-wrap.form-style {
    margin-bottom: 40px;
}

.table-wrap.form-style td {
    padding: 20px;
}

.table-wrap.form-style tbody th {
    vertical-align: middle;
}

.table-wrap.form-style .inner-box {
    display: flex;
    gap: 12px;
}

.input-wrap {
    display: flex;
    gap: 2px;
    flex-direction: column;
}

.input-wrap > label {
    color: #171A19;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.input-wrap .helper-text {
    color: #171A19;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

input[type="text"] {
    padding: 10px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    color: #171A19;

}

input[type="text"]::placeholder {
    color: #929292;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

input[type="text"]:focus-visible {
    outline: 1px solid #2092CB;
}

.input-wrap.error input[type="text"] {
    border: 1px solid #A52923;
}

.input-wrap.error input[type="text"]:focus-visible {
    outline: 1px solid #A52923;
}

input[type="text"]:disabled {
    border: 1px solid #D9D9D9;
    background: #F5F6F7;
}

.input-wrap .error-text {
    display: flex;
    gap: 2px;
    align-items: center;
    color: #DC362E;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.input-wrap .error-text:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/specialHall/icon_input_error.svg) no-repeat center;
}

.radio-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
}

.radio-wrap input {
    position: relative;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #289667;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
}

.radio-wrap input:checked:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #289667;
    border-radius: 50%;
}

.radio-wrap input + label {
    cursor: pointer;
}


.table-wrap.form-style .inner-box {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.qna-detail .table-wrap.form-style .title .input-wrap input {
    width: 440px;
    max-width: 100%;
}

.qna-detail .table-wrap.form-style .edit-box {
    width: 100%;
}

.qna-detail .table-wrap.form-style .edit-box iframe {
    max-width: 100%;
}

.table-wrap.form-style .file-wrap {
    position: relative;
    display: flex;
    gap: 30px;
}

.table-wrap.form-style .file-wrap .file-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.table-wrap.form-style .file-wrap .file-list .list-item {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 27px;
    padding: 0 8px;
    border-radius: 3px;
    background: #F5F6F7;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    margin: 0;
}

.table-wrap.form-style .file-wrap .file-list .list-item:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/specialHall/icon_file_delete.svg) no-repeat center;

}

.file-wrap .hidden-file {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
}

.table-wrap.form-style .error-text {
    display: flex;
    gap: 2px;
    align-items: center;
    margin-top: 4px;
    color: #DC362E;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.table-wrap.form-style .error-text:before {
    content: '';
    display: block;
    min-width: 14px;
    height: 14px;
    background: url(../images/specialHall/icon_input_error.svg) no-repeat center;
    background-size: cover;
}

.news .table-wrap {
    margin-bottom: 40px;
}

.news .table-wrap td {
    padding: 18px 10px;
    text-align: center;
}

.news .mo-list-table li > span {
    padding: 6px 0;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.news .mo-list-table li > .d-flex {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 6px 0;
}

.news .mo-list-table li > .d-flex > a {
    flex: 1;
}

.news .mo-list-table li > .d-flex .btn {
    width: 32px;
}

.news .mo-list-table .bar-wrap > span {
    color: #171A19;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px; /* 137.5% */
    padding: 7px 0;
}

.downloads .table-wrap {
    margin-bottom: 40px;
}

.downloads .table-wrap td {
    padding: 18px 10px;
    text-align: center;
}

.downloads .mo-list-table > ul > li > span {
    display: inline-block;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    padding: 6px 0;
}

.downloads .mo-list-table .d-flex {
    display: flex;
    gap: 5px;
    padding: 6px 0;
    align-items: center;
}

.downloads .mo-list-table .bar-wrap {
    padding: 7px 0;
}

.downloads .mo-list-table .bar-wrap > span {
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 137.5% */
}

.startup-guide-wrap {
    display: flex;
    gap: 24px;
    margin-bottom: 280px;
    margin-top: -20px;
    flex-wrap: wrap;
}

.startup-guide-wrap .item-box {
    width: calc(33.3333% - 16px);
}

.startup-guide-wrap .item-box .header {
    position: relative;
    border-radius: 10px 10px 0px 0px;
    background: #70BA4A;
    padding: 0 20px 20px;
    margin-top: 60px;
}

.startup-guide-wrap .item-box:nth-child(2) .header {
    background: #0AA661;
}

.startup-guide-wrap .item-box:nth-child(3) .header {
    background: #678E0A;
}

.startup-guide-wrap .item-box .header:after {
    content: '';
    position: absolute;
    right: 0;
    top: -87px;
    width: 280px;
    height: 187px;
    background-image: url(../images/specialHall/bg_startup_guide01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.startup-guide-wrap .item-box:nth-child(2) .header:after {
    background-image: url(../images/specialHall/bg_startup_guide02.png);
}

.startup-guide-wrap .item-box:nth-child(2) .header .txt-box, .startup-guide-wrap .item-box:nth-child(2) .header  .txt-box > .deco {
    color: #0AA661;
}

.startup-guide-wrap .item-box:nth-child(3) .header:after {
    background-image: url(../images/specialHall/bg_startup_guide03.png);
}

.startup-guide-wrap .item-box:nth-child(3) .header .txt-box, .startup-guide-wrap .item-box:nth-child(3) .header  .txt-box > .deco {
    color: #678E0A;
}

.startup-guide-wrap .item-box .header > strong {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100px;
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.startup-guide-wrap .item-box .header > p {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}

.startup-guide-wrap .item-box .header .txt-box {
    padding: 20px;
    border-radius: 20px;
    background: #FFF;
    color: #70BA4A;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
}

.startup-guide-wrap .item-box .header .txt-box > .deco {
    position: relative;
    display: block;
    color: #70BA4A;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    padding-left: 14px;
}

.startup-guide-wrap .item-box .header .txt-box > .deco:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #70BA4A;
}


.startup-guide-wrap .item-box .body {
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    background: #D6EDCB;
}

.startup-guide-wrap .item-box:nth-child(2) .body {
    background: #D1E8DE;
}

.startup-guide-wrap .item-box:nth-child(3) .body {
    background: #E3EAD1;
}

.startup-guide-wrap .item-box .body > .title {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    padding: 18px 10px;
    background: #F5F6F7;
    border-bottom: 1px solid #D1D1D1;
}

.startup-guide-wrap .item-box .body > ul > li > a {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 60px;
    padding: 0 10px;
    color: #70BA4A;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 200px;
    background: #FFF;
}

.startup-guide-wrap .item-box:nth-child(2) .body > ul > li > a {
    color: #0AA661;
}

.startup-guide-wrap .item-box:nth-child(3) .body > ul > li > a {
    color: #678E0A;
}

.startup-guide-wrap .item-box .body > ul > li > a > span {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    height: 40px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background: #70BA4A;
}

.startup-guide-wrap .item-box:nth-child(2) .body > ul > li > a > span {
    background: #0AA661;
}

.startup-guide-wrap .item-box:nth-child(3) .body > ul > li > a > span {
    background: #678E0A;
}


.startup-guide-wrap .item-box .body > ul > li > a > span:before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/specialHall/icon_guide_deco01.svg);
}

.startup-guide-wrap .item-box .body > ul > li > a > span.icon2:before {
    background-image: url(../images/specialHall/icon_guide_deco02.svg);
}

.startup-guide-wrap .item-box .body > ul > li > a > span.icon3:before {
    background-image: url(../images/specialHall/icon_guide_deco03.svg);
}

.startup-guide-wrap .item-box .body > ul > li > a > span.icon4:before {
    background-image: url(../images/specialHall/icon_guide_deco04.svg);
}

.startup-guide-wrap .item-box .body > ul > li > a > span.icon5:before {
    background-image: url(../images/specialHall/icon_guide_deco05.svg);
}

.startup-guide-wrap .item-box .body > ul > li > a > span.icon6:before {
    background-image: url(../images/specialHall/icon_guide_deco06.svg);
}

.startup-guide-wrap .item-box .body > ul > li + li > a {
    margin-top: 12px;
}

.startup-guide-wrap .item-box .body > ul > li > a:hover {
    color: #2092CB;
    text-decoration-line: underline;
    text-underline-position: under;
}

.startup-guide-detail .table-wrap.form-style td:first-child {
    font-weight: 700;
}

.startup-guide-detail .table-wrap.form-style td {
    font-weight: 500;
}

.community .sub-tit {
    display: block;
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.community .sub-tit > .color {
    color: #AF5F08;
}

.community .community-swiper {
    margin-bottom: 20px;
    padding-bottom: 28px;
}

.community .community-swiper .swiper-pagination {
    bottom: 0;
}

.community .community-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}

.community .community-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #03957B;
    width: 24px;
}

.community-swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 15px;
}

.community-swiper .swiper-button-prev:after {
    width: 40px;
    height: 40px;
    border-radius: 15px;
    background: #C2D6EB url(../images/specialHall/icon_self_slider_perv.svg) no-repeat center;
    color: transparent;
}

.community-swiper .swiper-button-prev.swiper-button-disabled, .community-swiper .swiper-button-next.swiper-button-disabled {
    opacity: .8;
}

.community-swiper .swiper-button-prev.swiper-button-disabled:after, .community-swiper .swiper-button-next.swiper-button-disabled:after {
    background-color: #D9D9D9;
}

.community-swiper .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 15px;
}

.community-swiper .swiper-button-next:after {
    width: 40px;
    height: 40px;
    border-radius: 15px;
    background: #C2D6EB url(../images/specialHall/icon_self_slider_next.svg) no-repeat center;
    color: transparent;
}

.community .btn-wrap.right {
    margin-bottom: 40px;
}

.community-list-wrap {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-bottom: 40px;
}

.community-list-wrap.column2 {
    flex-wrap: wrap;
    flex-direction: row;
}

.community-list-wrap.column2 .community-list {
    width: calc(50% - 10px);
}

.community-list {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #D9D9D9;
}

.community-list .inner-box {
    display: flex;
    gap: 16px;
}

.community-list .item-box.left {
    min-width: 118px;
    height: 118px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.community-list .item-box.left > img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.community-list .item-box.right {
    max-width: calc(100% - 135px);
}

.community-list .item-box.right .color {
    display: block;
    margin-bottom: 8px;
    color: #C4763D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.community-list .item-box.right .title {
    display: block;
    margin-bottom: 8px;
    color: #171A19;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.community-list .item-box.right .sub-title {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    color: #929292;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.community-list .item-box.right .desc-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.community-list .item-box.right .desc-wrap > div {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.community-list .item-box.right .desc-wrap > div > span {
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.self-introduce .table-wrap {
    margin-bottom: 40px;
}

.self-introduce .table-wrap td {
    text-align: center;
}

.self-introduce .bar-wrap > span {
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.self-introduce .bar-wrap:last-of-type {
    gap: 10px;
}

.self-introduce .bar-wrap:last-of-type > span {
    font-size: 16px;
}

.self-introduce .bar-wrap:last-of-type > span + span:before {
    left: -5px;
}

.self-introduce .pagination-wrap {
    margin-bottom: 30px;
}

.self-introduce-modify .form-style input {
    width: 100%;
}

.self-introduce-modify .form-style select {
    min-width: 120px;
}

.agree-wrap .checkbox-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 24px;
}

.agree-wrap .checkbox-wrap > button {
    background: none;
    border: none;
    color: #9fa1a1;
    font-size: 16px;
    letter-spacing: -0.29px;
    text-decoration: underline;
}

.map-wrap .inner-box {
    display: flex;
    border-radius: 10px 10px 60px 10px;
    border: 1px solid #D6D6D6;
    overflow: hidden;
}

.map-wrap .inner-box .item-box {
    position: relative;
    flex: 1;
}

.map-wrap .inner-box .item-box.left {
    background: #074D43;
    padding: 72px 12px 36px;
}

.map-wrap .inner-box .item-box .map-img-wrap img {
    display: block;
    margin: auto;
}

.map-wrap .inner-box .item-box .txt-wrap {
    position: absolute;
    left: 31px;
    top: 40px;
    text-align: left;
}

.map-wrap .inner-box .item-box.left {
    text-align: center;
}

.map-wrap .inner-box .item-box.left .txt-wrap > strong {
    display: block;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.map-wrap .inner-box .item-box.left .txt-wrap > p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}

.map-img-wrap {
    position: relative;
    display: inline-block;
}

.map-img-wrap .map-list {
    position: absolute;
    left: 0;
    top: 0;
}

.map-img-wrap .map-list > button {
    position: absolute;
    left: 0;
    top: 0;
}

.map-img-wrap .map-list > button > img {
    position: relative;
    display: block;
    opacity: 0;
}

.map-img-wrap .map-list > button:hover > img, .map-img-wrap .map-list > button.active > img {
    opacity: 1;
}

.map-img-wrap .map-list > button.active > img {
    filter: drop-shadow(2px 4px 6px black);
}

.map-img-wrap .map-list .incheon {
    left: 49px;
    top: 94px;
    z-index: 2;
}

.map-img-wrap .map-list .seoul {
    left: 136px;
    top: 120px;
    z-index: 2;
}

.map-img-wrap .map-list .gyeonggi {
    left: 49px;
    top: 36px;
    z-index: 1;
}

.map-img-wrap .map-list .gangwon {
    left: 184px;
    top: 0px;
}

.map-img-wrap .map-list .chungnam {
    left: 53px;
    top: 206px;
}

.map-img-wrap .map-list .sejong {
    left: 168px;
    top: 258px;
    z-index: 2;
}

.map-img-wrap .map-list .daejeon {
    left: 177px;
    top: 294px;
    z-index: 2;
}

.map-img-wrap .map-list .chungbuk {
    left: 185px;
    top: 191px;
    z-index: 1;
}

.map-img-wrap .map-list .jeonbuk {
    left: 73px;
    top: 340px;
}

.map-img-wrap .map-list .gyeongbuk {
    left: 245px;
    top: 172px;
    z-index: 1;
}

.map-img-wrap .map-list .daegu {
    left: 299px;
    top: 375px;
}

.map-img-wrap .map-list .daegu {
    left: 299px;
    top: 375px;
    z-index: 1;
}

.map-img-wrap .map-list .jeonnam {
    left: 0px;
    top: 433px;
}

.map-img-wrap .map-list .gwangju {
    left: 92px;
    top: 466px;
    z-index: 1;
}

.map-img-wrap .map-list .gyeongnam {
    left: 205px;
    top: 383px;
}

.map-img-wrap .map-list .busan {
    left: 346px;
    top: 469px;
    z-index: 1;
}

.map-img-wrap .map-list .ulsan {
    left: 373px;
    top: 420px;
    z-index: 1;
}

.map-img-wrap .map-list .jeju {
    left: 365px;
    top: 589px;
}

.map-img-wrap .map-list > button:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    padding: 5px 20px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    border-radius: 15px;
    background: #289667;
}

.map-img-wrap .map-list > button:hover:after, .map-img-wrap .map-list > button.active:after {
    display: inline-block;
}

.map-img-wrap .map-list > button:hover:after {
    display: inline-block;
    background: #fff;
    border: 1px solid #065633;
    color: #065633;
}

.map-img-wrap .map-list > button.active:hover:after {
    background: #065633;
    color: #FFF;
    border: 0;
}

.map-img-wrap .map-list > button.incheon:after {
    content: '인천광역시';
    top: 0px;
}

.map-img-wrap .map-list > button.seoul:after {
    content: '서울특별시';
    top: 0px;
}

.map-img-wrap .map-list > button.gyeonggi:after {
    content: '서울ㆍ경기';
    top: 104px;
    left: 131px;
}

.map-img-wrap .map-list > button.gangwon:after {
    content: '강원특별자치도';
}

.map-img-wrap .map-list > button.chungnam:after {
    content: '충청남도';
}

.map-img-wrap .map-list > button.sejong:after {
    content: '세종시';
    top: 0px;
}

.map-img-wrap .map-list > button.daejeon:after {
    content: '대전광역시';
    top: 0px;
}

.map-img-wrap .map-list > button.chungbuk:after {
    content: '충청북도';
    top: 40px;
    left: 70px;
}

.map-img-wrap .map-list > button.jeonbuk:after {
    content: '전북특별자치도';
}

.map-img-wrap .map-list > button.gyeongbuk:after {
    content: '경상북도';
    top: 156px;
    left: 104px;
}

.map-img-wrap .map-list > button.daegu:after {
    content: '대구광역시';
    top: 0px;
}

.map-img-wrap .map-list > button.jeonnam:after {
    content: '전라남도';
    top: 74px;
    left: 127px;
}

.map-img-wrap .map-list > button.gwangju:after {
    content: '광주광역시';
    top: -8px;
}

.map-img-wrap .map-list > button.gyeongnam:after {
    content: '경상남도';
}

.map-img-wrap .map-list > button.busan:after {
    content: '부산광역시';
    top: 0px;
}

.map-img-wrap .map-list > button.ulsan:after {
    content: '울산광역시';
    top: 0px;
}

.map-img-wrap .map-list > button.jeju:after {
    content: '제주특별자치도';
    top: 0;
}

.map-wrap {
    margin-bottom: 41px;
}

.map-wrap .inner-box .item-box.right {
    position: relative;
    text-align: center;
}

.map-wrap .inner-box .item-box.right .title {
    position: absolute;
    top: 35px;
    left: 42px;
    text-align: left;
    color: #545454;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.map-wrap .inner-box .item-box.right .map-detail-wrap {
    display: none;
    position: relative;
    height: 100%;
    padding: 125px 0;
}

.map-wrap .inner-box .item-box.right .map-detail-wrap.active {
    display: block;
}

.map-wrap .inner-box .item-box.right .map-item-box {
    position: relative;
    display: inline-block;
}

.map-wrap .inner-box .item-box.right .map-item-box > img {
    max-width: 520px;
}

.map-wrap .inner-box .item-box.right .btn-list-wrap {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.map-wrap .item-box.right .btn-list-wrap > button {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-50%);
    pointer-events: none;
}

.map-wrap .item-box.right .btn-list-wrap > button > span {
    white-space: nowrap;
}

.map-wrap .item-box.right .btn-list-wrap > button.active {
    pointer-events: inherit;
}

.map-wrap .item-box.right .btn-list-wrap > button.active:hover {
    transform: translateX(-50%) scale(1.2);
    z-index: 2;
}


.map-wrap .inner-box .item-box.right .btn-list-wrap > button .name {
    display: inline-block;
    padding: 5px 8px;
    color: #171A19;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 202px;
    background: #D1D1D1;
    pointer-events: none;
}

.map-wrap .inner-box .item-box.right .btn-list-wrap > button.active .name {
    color: #fff;
    background: #289667;
}

.map-wrap .inner-box .item-box.right .btn-list-wrap > button.active .data {
    color: #fff;
}

/*강원도*/
.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area1 {
    left: 62px;
    top: 85px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area2 {
    left: 140px;
    top: 113px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area3 {
    left: 210px;
    top: 110px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area4 {
    left: 303px;
    top: 59px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area5 {
    left: 330px;
    top: 119px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area6 {
    left: 147px;
    top: 187px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area7 {
    left: 271px;
    top: 143px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area8 {
    left: 348px;
    top: 169px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area9 {
    left: 222px;
    top: 236px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area10 {
    left: 225px;
    top: 302px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area11 {
    left: 302px;
    top: 297px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area12 {
    left: 404px;
    top: 259px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area13 {
    left: 173px;
    top: 360px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area14 {
    left: 302px;
    top: 406px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area15 {
    left: 362px;
    top: 354px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area16 {
    left: 443px;
    top: 326px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area17 {
    left: 415px;
    top: 420px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area18 {
    left: 462px;
    top: 390px;
}

.map-wrap .map-detail-wrap.gangwon .btn-list-wrap .area18 {
    left: 462px;
    top: 390px;
}

/*경기도*/
.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area1 {
    left: 296px;
    top: 48px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area2 {
    left: 229px;
    top: 133px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area3 {
    left: 305px;
    top: 116px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area4 {
    left: 357px;
    top: 98px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area5 {
    left: 402px;
    top: 158px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area6 {
    left: 177px;
    top: 181px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area7 {
    left: 231px;
    top: 200px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area8 {
    left: 300px;
    top: 178px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area9 {
    left: 317px;
    top: 229px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area10 {
    left: 335px;
    top: 259px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area11 {
    left: 344px;
    top: 202px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area12 {
    left: 262px;
    top: 236px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area13 {
    left: 209px;
    top: 248px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area14 {
    left: 234px;
    top: 267px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area15 {
    left: 275px;
    top: 267px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area16 {
    left: 204px;
    top: 290px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area17 {
    left: 248px;
    top: 287px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area18 {
    left: 245px;
    top: 307px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area19 {
    left: 278px;
    top: 302px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area20 {
    left: 208px;
    top: 320px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area21 {
    left: 269px;
    top: 336px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area22 {
    left: 283px;
    top: 148px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area23 {
    left: 307px;
    top: 288px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area24 {
    left: 351px;
    top: 302px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area25 {
    left: 433px;
    top: 269px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area26 {
    left: 223px;
    top: 371px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area27 {
    left: 276px;
    top: 381px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area28 {
    left: 332px;
    top: 364px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area29 {
    left: 393px;
    top: 375px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area30 {
    left: 450px;
    top: 351px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area31 {
    left: 258px;
    top: 428px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area32 {
    left: 345px;
    top: 432px;
}

.map-wrap .map-detail-wrap.gyeonggi .btn-list-wrap .area33 {
    left: 154px;
    top: 231px;
}

/*경상남도*/
.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area1 {
    left: 98px;
    top: 45px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area2 {
    left: 46px;
    top: 111px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area3 {
    left: 148px;
    top: 105px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area4 {
    left: 82px;
    top: 157px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area5 {
    left: 190px;
    top: 156px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area6 {
    left: 249px;
    top: 128px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area7 {
    left: 328px;
    top: 143px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area8 {
    left: 396px;
    top: 176px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area9 {
    left: 52px;
    top: 244px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area10 {
    left: 144px;
    top: 221px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area11 {
    left: 220px;
    top: 199px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area12 {
    left: 272px;
    top: 230px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area13 {
    left: 342px;
    top: 212px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area14 {
    left: 117px;
    top: 270px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area15 {
    left: 183px;
    top: 289px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area16 {
    left: 211px;
    top: 331px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area17 {
    left: 273px;
    top: 347px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area18 {
    left: 93px;
    top: 334px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area19 {
    left: 455px;
    top: 129px;
}

.map-wrap .map-detail-wrap.gyeongnam .btn-list-wrap .area20 {
    left: 409px;
    top: 242px;
}

/*경상북도*/
.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area1 {
    left: 92px;
    top: 103px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area2 {
    left: 152px;
    top: 117px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area3 {
    left: 190px;
    top: 66px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area4 {
    left: 273px;
    top: 45px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area5 {
    left: 374px;
    top: 65px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area6 {
    left: 62px;
    top: 181px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area7 {
    left: 188px;
    top: 211px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area8 {
    left: 234px;
    top: 159px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area9 {
    left: 320px;
    top: 125px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area10 {
    left: 305px;
    top: 214px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area11 {
    left: 373px;
    top: 187px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area12 {
    left: 460px;
    top: 37px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area13 {
    left: 505px;
    top: 58px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area14 {
    left: 49px;
    top: 282px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area15 {
    left: 126px;
    top: 255px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area16 {
    left: 84px;
    top: 337px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area17 {
    left: 146px;
    top: 310px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area18 {
    left: 201px;
    top: 276px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area19 {
    left: 266px;
    top: 315px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area20 {
    left: 338px;
    top: 280px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area21 {
    left: 97px;
    top: 391px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area22 {
    left: 225px;
    top: 380px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area23 {
    left: 217px;
    top: 423px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area24 {
    left: 328px;
    top: 378px;
}

.map-wrap .map-detail-wrap.gyeongbuk .btn-list-wrap .area25 {
    left: 169px;
    top: 363px;
}

/*부산*/
.map-wrap .map-detail-wrap.busan .btn-list-wrap .area1 {
    left: 226px;
    top: 180px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area2 {
    left: 295px;
    top: 154px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area3 {
    left: 398px;
    top: 101px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area4 {
    left: 284px;
    top: 202px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area5 {
    left: 100px;
    top: 308px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area6 {
    left: 193px;
    top: 266px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area7 {
    left: 252px;
    top: 261px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area8 {
    left: 286px;
    top: 233px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area9 {
    left: 362px;
    top: 234px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area10 {
    left: 321px;
    top: 262px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area11 {
    left: 220px;
    top: 305px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area12 {
    left: 269px;
    top: 302px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area13 {
    left: 179px;
    top: 345px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area14 {
    left: 242px;
    top: 338px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area15 {
    left: 309px;
    top: 315px;
}

.map-wrap .map-detail-wrap.busan .btn-list-wrap .area16 {
    left: 286px;
    top: 365px;
}

/*전라남도*/
.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area1 {
    left: 164px;
    top: 49px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area2 {
    left: 240px;
    top: 43px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area3 {
    left: 303px;
    top: 51px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area4 {
    left: 371px;
    top: 86px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area5 {
    left: 446px;
    top: 81px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area6 {
    left: 181px;
    top: 98px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area7 {
    left: 42px;
    top: 201px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area8 {
    left: 122px;
    top: 197px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area9 {
    left: 144px;
    top: 146px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area10 {
    left: 225px;
    top: 143px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area11 {
    left: 308px;
    top: 153px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area12 {
    left: 408px;
    top: 166px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area13 {
    left: 486px;
    top: 156px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area14 {
    left: 211px;
    top: 199px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area15 {
    left: 230px;
    top: 266px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area16 {
    left: 270px;
    top: 247px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area17 {
    left: 340px;
    top: 217px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area18 {
    left: 477px;
    top: 224px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area19 {
    left: 88px;
    top: 317px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area20 {
    left: 169px;
    top: 287px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area21 {
    left: 222px;
    top: 357px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area22 {
    left: 382px;
    top: 298px;
}

.map-wrap .map-detail-wrap.jeonnam .btn-list-wrap .area23 {
    left: 263px;
    top: 97px;
}

/*전라북도*/
.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area1 {
    left: 120px;
    top: 61px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area2 {
    left: 208px;
    top: 40px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area3 {
    left: 281px;
    top: 70px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area4 {
    left: 452px;
    top: 98px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area5 {
    left: 159px;
    top: 119px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area6 {
    left: 245px;
    top: 122px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area7 {
    left: 345px;
    top: 130px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area8 {
    left: 79px;
    top: 173px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area9 {
    left: 157px;
    top: 204px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area10 {
    left: 272px;
    top: 222px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area11 {
    left: 386px;
    top: 196px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area12 {
    left: 55px;
    top: 269px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area13 {
    left: 235px;
    top: 294px;
}

.map-wrap .map-detail-wrap.jeonbuk .btn-list-wrap .area14 {
    left: 330px;
    top: 296px;
}

/*광주*/
.map-wrap .map-detail-wrap.gwangju .btn-list-wrap .area1 {
    left: 147px;
    top: 147px;
}

.map-wrap .map-detail-wrap.gwangju .btn-list-wrap .area2 {
    left: 359px;
    top: 83px;
}

.map-wrap .map-detail-wrap.gwangju .btn-list-wrap .area3 {
    left: 289px;
    top: 187px;
}

.map-wrap .map-detail-wrap.gwangju .btn-list-wrap .area4 {
    left: 306px;
    top: 263px;
}

.map-wrap .map-detail-wrap.gwangju .btn-list-wrap .area5 {
    left: 423px;
    top: 224px;
}

/*충청남도*/
.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area1 {
    left: 46px;
    top: 107px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area2 {
    left: 123px;
    top: 113px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area3 {
    left: 201px;
    top: 59px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area4 {
    left: 310px;
    top: 114px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area5 {
    left: 394px;
    top: 111px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area6 {
    left: 174px;
    top: 203px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area7 {
    left: 242px;
    top: 154px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area8 {
    left: 161px;
    top: 306px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area9 {
    left: 245px;
    top: 267px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area10 {
    left: 343px;
    top: 253px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area11 {
    left: 187px;
    top: 413px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area12 {
    left: 247px;
    top: 360px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area13 {
    left: 354px;
    top: 389px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area14 {
    left: 375px;
    top: 337px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area15 {
    left: 461px;
    top: 430px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area16 {
    left: 405px;
    top: 220px;
}

.map-wrap .map-detail-wrap.chungnam .btn-list-wrap .area17 {
    left: 443px;
    top: 328px;
}

/*충청북도*/
.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area1 {
    left: 63px;
    top: 161px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area2 {
    left: 114px;
    top: 123px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area3 {
    left: 224px;
    top: 90px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area4 {
    left: 326px;
    top: 83px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area5 {
    left: 414px;
    top: 94px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area6 {
    left: 117px;
    top: 202px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area7 {
    left: 201px;
    top: 200px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area8 {
    left: 63px;
    top: 258px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area9 {
    left: 67px;
    top: 309px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area10 {
    left: 167px;
    top: 319px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area11 {
    left: 136px;
    top: 396px;
}

.map-wrap .map-detail-wrap.chungbuk .btn-list-wrap .area12 {
    left: 196px;
    top: 471px;
}

/*인천*/
.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area1 {
    left: 251px;
    top: 114px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area2 {
    left: 232px;
    top: 304px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area3 {
    left: 384px;
    top: 221px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area4 {
    left: 464px;
    top: 240px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area5 {
    left: 375px;
    top: 302px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area6 {
    left: 451px;
    top: 296px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area7 {
    left: 349px;
    top: 337px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area8 {
    left: 404px;
    top: 340px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area9 {
    left: 390px;
    top: 382px;
}

.map-wrap .map-detail-wrap.incheon .btn-list-wrap .area10 {
    left: 471px;
    top: 368px;
}

/*제주*/
.map-wrap .map-detail-wrap.jeju .btn-list-wrap .area1 {
    left: 248px;
    top: 75px;
}

.map-wrap .map-detail-wrap.jeju .btn-list-wrap .area2 {
    left: 280px;
    top: 169px;
}

/*대전*/
.map-wrap .map-detail-wrap.daejeon .btn-list-wrap .area1 {
    left: 141px;
    top: 180px;
}

.map-wrap .map-detail-wrap.daejeon .btn-list-wrap .area2 {
    left: 304px;
    top: 153px;
}

.map-wrap .map-detail-wrap.daejeon .btn-list-wrap .area3 {
    left: 155px;
    top: 367px;
}

.map-wrap .map-detail-wrap.daejeon .btn-list-wrap .area4 {
    left: 260px;
    top: 344px;
}

.map-wrap .map-detail-wrap.daejeon .btn-list-wrap .area5 {
    left: 371px;
    top: 306px;
}

/*세종*/
.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area1 {
    left: 74px;
    top: 17px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area2 {
    left: 83px;
    top: 111px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area3 {
    left: 180px;
    top: 132px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area4 {
    left: 257px;
    top: 213px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area5 {
    left: 180px;
    top: 262px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area6 {
    left: 112px;
    top: 406px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area7 {
    left: 286px;
    top: 429px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area8 {
    left: 234px;
    top: 364px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area9 {
    left: 296px;
    top: 330px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area10 {
    left: 377px;
    top: 369px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area11 {
    left: 184px;
    top: 397px;
}

.map-wrap .map-detail-wrap.sejong .btn-list-wrap .area12 {
    left: 278px;
    top: 494px;
}

/*대구*/
.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area1 {
    left: 102px;
    top: 167px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area2 {
    left: 246px;
    top: 108px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area3 {
    left: 361px;
    top: 93px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area4 {
    left: 214px;
    top: 180px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area5 {
    left: 281px;
    top: 185px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area6 {
    left: 195px;
    top: 246px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area7 {
    left: 270px;
    top: 228px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area8 {
    left: 337px;
    top: 234px;
}

.map-wrap .map-detail-wrap.daegu .btn-list-wrap .area9 {
    left: 150px;
    top: 341px;
}

/*울산*/
.map-wrap .map-detail-wrap.ulsan .btn-list-wrap .area1 {
    left: 223px;
    top: 230px;
}

.map-wrap .map-detail-wrap.ulsan .btn-list-wrap .area2 {
    left: 347px;
    top: 162px;

}

.map-wrap .map-detail-wrap.ulsan .btn-list-wrap .area3 {
    left: 426px;
    top: 110px;
}

.map-wrap .map-detail-wrap.ulsan .btn-list-wrap .area4 {
    left: 382px;
    top: 228px;
}

.map-wrap .map-detail-wrap.ulsan .btn-list-wrap .area5 {
    left: 468px;
    top: 213px;
}

/*서울*/
.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area1 {
    left: 324px;
    top: 35px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area2 {
    left: 198px;
    top: 114px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area3 {
    left: 296px;
    top: 82px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area4 {
    left: 376px;
    top: 70px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area5 {
    left: 304px;
    top: 143px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area6 {
    left: 400px;
    top: 144px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area7 {
    left: 68px;
    top: 202px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area8 {
    left: 173px;
    top: 209px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area9 {
    left: 204px;
    top: 181px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area10 {
    left: 264px;
    top: 173px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area11 {
    left: 347px;
    top: 173px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area12 {
    left: 282px;
    top: 205px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area13 {
    left: 338px;
    top: 218px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area14 {
    left: 405px;
    top: 225px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area15 {
    left: 478px;
    top: 230px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area16 {
    left: 263px;
    top: 246px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area17 {
    left: 106px;
    top: 261px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area18 {
    left: 173px;
    top: 263px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area19 {
    left: 108px;
    top: 308px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area20 {
    left: 217px;
    top: 291px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area21 {
    left: 153px;
    top: 367px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area22 {
    left: 220px;
    top: 346px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area23 {
    left: 295px;
    top: 317px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area24 {
    left: 350px;
    top: 302px;
}

.map-wrap .map-detail-wrap.seoul .btn-list-wrap .area25 {
    left: 428px;
    top: 289px;
}




















.region-find .container > .inner-box {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.region-find .container > .inner-box > .tit {
    margin-bottom: 0;
}


.region-find .sub-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.region-find .sub-title-wrap .sub-title {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.region-find .sub-title-wrap .count, .region-find .sub-title-wrap .count span {
    color: #289667;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.region-find .select-wrap {
    display: none;
}

.region-list-wrap {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.region-list-wrap > li {
    width: 100%;
    max-width: calc(50% - 12px);
}

.region-popup-wrap-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 5;
    background: rgba(0, 0, 0, .6);
}

.region-popup-wrap-bg.active {
    display: block;
}

.region-popup-wrap-bg .region-popup-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 100%;
    max-width: 1440px;
    max-height: 90vh;

}

.region-popup-wrap .popup-contents {
    padding: 40px;
    max-height: 95vh;
}

.region-popup-wrap .popup-close {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 48px;
    height: 48px;
    background: #074D43 url(../images/icon_popup_close.svg) no-repeat center;
    text-indent: -9999px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    z-index: 2;
}

.region-popup-wrap .popup-body > strong {
    display: block;
    text-align: left;
    font-size: 20px;
    margin-bottom: 12px;
}

.region-popup-wrap .table-wrap.search .inner-box {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.region-popup-wrap .table-wrap.search th {
    vertical-align: middle;
    font-size: 16px;
}

.region-popup-wrap .table-wrap.search .input-wrap {
    flex: 1;
    height: 48px;
}

.region-popup-wrap .table-wrap.search .input-wrap > input {
    height: 100%;
}

.region-popup-wrap .table-wrap.search .radio-wrap label {
    font-size: 16px;
    font-weight: 500;
}

.region-popup-wrap .table-wrap.list {
    overflow: auto;
}

.region-popup-wrap .table-wrap.list td {
    text-align: center;
}


.region-popup-wrap .popup-body .pagination-wrap {
    margin-top: 24px;
}

.img-card-list {
    display: flex;
    gap: 24px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 24px;
}

.img-card-list .img-wrap {
    min-width: 135px;
    height: 135px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.img-card-list .img-wrap > img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-card-list .item-box {
    flex: 1;
    max-width: calc(100% - 159px);
}

.img-card-list .item-box .bar-wrap {
    margin-bottom: 8px;
}

.img-card-list .item-box .bar-wrap > span {
    color: #545454;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.img-card-list .item-box .name {
    display: block;
    color: #171A19;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.img-card-list .item-box .type {
    color: #929292;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.img-card-list .item-box .addr {
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    margin-bottom: 8px;
}

.img-card-list .item-box .desc-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.img-card-list .item-box .desc-wrap > div {
    display: flex;
    gap: 4px;
    align-items: center;
}

.img-card-list .item-box .desc-wrap > div > span {
    color: #929292;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    word-break: break-all;
}

/*팝업*/
.blockOverlay {
    cursor: default !important;
    touch-action: none;
}

.blockMsg {
    border-radius: 20px;
    background: none;
}

.popup-contents .bg-deco {
    border-radius: 0;
}

.popup-contents {
    border-radius: 20px;
    background: #FFF;
    overflow: hidden;
    overflow-y: auto;
}

.popup-contents .mo-header {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 76px;
    padding: 30px 24px;
    background: #074D43;
    z-index: 1;
}

.popup-contents .mo-header h2 {
    width: 90%;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}

.blockUI .popup-close {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 48px;
    height: 48px;
    background: #15875E url(../images/icon_popup_close.svg) no-repeat center;
    text-indent: -9999px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    z-index: 2;
}

.synthesis-popup {
    display: flex;
}

.synthesis-popup .menu-wrap {
    width: 380px;
    height: 90vh;
    overflow-y: auto;
    padding: 60px 40px;
    text-align: left;
    background: #F5F6F7;
}

.synthesis-popup .menu-wrap > h2 {
    color: #171A19;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px; /* 107.143% */
    margin-bottom: 50px;
}

.synthesis-popup .menu-wrap > p {
    color: #171A19;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
}

.synthesis-popup .accodian-wrap > li > button {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px  15px;
    color: #171A19;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    background: none;
    border: 0;
}

.synthesis-popup .accodian-wrap > li > button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #289667;
    border-radius: 50%;
}

.synthesis-popup .accodian-wrap > li > button:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../images/icon_accodian_arrow.svg) no-repeat center;
}

.synthesis-popup .accodian-wrap > li > button.active:after {
    transform: translateY(-50%) rotate(180deg);
}

.synthesis-popup .accodian-wrap > li > button.arror-none:after {
    content: none;
}

.synthesis-popup .accodian-wrap > li > button {
    border-bottom: 1px solid #DDD;
}

.synthesis-popup .accodian-wrap > li > ul {
    display: none;
}

.synthesis-popup .accodian-wrap > li > ul button {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    color: #171A19;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px; /* 175% */
    padding: 12px 45px;
    background: none;
    border: 0;
}

.synthesis-popup .accodian-wrap > li > ul button:before {
    content: '';
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #C4763D;
    border-radius: 50%;
}

.synthesis-popup .contenst-wrap {
    width: calc(100% - 380px);
    height: 90vh;
    overflow-y: auto;
    padding: 62px 70px;
    text-align: left;
}

.synthesis-popup .breadcrumb-wrap {
    margin-bottom: 50px;
}

.synthesis-popup .breadcrumb-wrap ul {
    display: flex;
    height: auto;
    gap: 0;
    justify-content: flex-start;
}

.synthesis-popup .breadcrumb-wrap ul li {
    position: relative;
}

.synthesis-popup .breadcrumb-wrap ul li + li {
    padding-left: 12px;
}

.synthesis-popup .breadcrumb-wrap ul li + li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(../images/icon_popup_arrow.svg) no-repeat center;

}

.synthesis-popup .breadcrumb-wrap ul li a {
    padding: 0 15px;
    color: #171A19;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

}

.synthesis-popup .breadcrumb-wrap ul li:first-child a {
    padding-left: 0;
}

.synthesis-popup .breadcrumb-wrap ul li.active a {
    color: #289667;
}

.synthesis-popup .table-wrap th {
    padding: 0 20px;
    text-align: left;
}

.synthesis-popup .table-wrap td {
    display: flex;
    padding: 20px 30px;
    gap: 25px;
    flex-wrap: wrap;
}

.synthesis-popup .table-wrap td > div {
    width: 30%;
}

.synthesis-popup .table-wrap .select-wrap select {
    width: 100%;
}


.synthesis-popup .table-wrap .icon-reset {
    white-space: nowrap;
    padding: 20px;
}

.synthesis-popup .table-wrap .icon-reset button {
    border: 0;
    background: none;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding: 0;
}

.synthesis-popup .table-wrap .icon-reset button img {
    display: inline-block;
    margin-right: 5px;
    margin-top: -4px;
}

.synthesis-popup .select-list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.synthesis-popup .select-list-wrap li button {
    position: relative;
    border-radius: 20px;
    border: 1px solid #2092CB;
    background: #FFF;
    padding: 4px 10px;
    color: #2092CB;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

.synthesis-popup .select-list-wrap li button:after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 13px;
    background: url(../images/icon_list_cancel.svg) no-repeat center;
    margin-left: 5px;
}

.synthesis-popup .btn-wrap {
    margin-top: 40px;
}

.synthesis-popup .input-wrap.w100 {
    width: 100%;
}

.synthesis-popup .input-wrap input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    color: #171A19;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #929292;
}

.table-show-hide {
    margin-top: 12px;
    width: 100%;
    border-top: 1px solid #999;
}

.table-show-hide th {
    padding: 12px 0 12px;
    background: #f8f8f8;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #191919;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}

.table-show-hide th:last-child {
    border-right: none;
}

.table-show-hide td {
    padding: 5px 16px 3px;
    background: #fff;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    color: #282b2c;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}

.table-show-hide td:last-child {
    border-right: none !important;
}

.table-show-hide td .btn {
    line-height: 38px;
}

.detail-body .text-box .table-show-hide td {
    padding: 29px 30px;
    text-align: left;
    word-break: break-all;
}

.table-show-hide td a {
    color: #007bff;
}

.detail-body .text-box .table-show-hide td iframe {
    height: 500px;
}

.file-wrap #file-attach {
    display: flex;
    align-items: center;
    gap: 10px;
}

#newList {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

#newList .-file {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 6px 8px;
    border-radius: 3px;
    background: #F5F6F7;
    color: #171A19;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    margin: 0;
    flex-direction: row-reverse;
}

#newList .-file > button {
    font-size: 20px;
    color: #ff4f4f;
}

.cpif .interest-table .no-data {
    display: block;
    padding: 16px;
    text-align: center;
    background: #F5F6F7;
    font-size: 18px;
    font-weight: bold;
    border-radius: 0 0 20px 20px;
    color: #007bff;
}

.cpif .interest-table .no-data:hover {
    color: #0056b3;
}

.terms {
    font-size: 16px;
    letter-spacing: -0.42px;
    color: #4d4b4b;
    line-height: 1.2;
    margin-bottom: 20px;
}

.terms h4 {
    font-size: 16px;
    font-weight: 800;
}

.terms li {
    margin-top: 20px;
}


.table-view table {
    border-top: 1px solid #333;
    margin-bottom: 15px;
}
.table-view table caption {
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: block;
    text-indent: 1000px;
    font-size: 0px;
}
.table-view table tr th {
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: 1.2;
}
.table-view table tr td {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: 1.2;
}

.agree-popup-wrap .popup-contents {
    padding: 24px;
    text-align: left;
}

.agree-popup-wrap .title {
    display: block;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
}

/*통합검색*/
/* 통합검색_검색없음 */
.aedata.search-result-non {
    width: 100%;
    padding: 150px 0;
    text-align: center;
}
.aedata.search-result-non .none-search {
    display: block;
    margin: auto;
    width: 120px;
    height: 120px;
    background: url(../images/img_none_search_n.png) no-repeat center;
    background-size: cover;
}
.aedata.search-result-non .txt {
    margin-top: 20px;
    color: #2ea370;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 1.5;
}

.aedata.search-result-non .txt span {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color:#C4763D;
}

.aedata.search-result-non .stxt {
    margin-top: 7px;
    color: #8b8b8b;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.6px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: center;

}

.search-page {
    margin-bottom: 100px;
}

.search-page .visual-wrap {
    margin-bottom: 24px;
}

.search-page .visual-wrap .search-wrap .search-inner-wrap {
    display: flex;
    gap: 10px;
    width: 100%;
    max-width: 965px;
    margin: 0 auto;
}

.search-page .visual-wrap .search-wrap .input-wrap {
    position: relative;
    flex: 1;
}

.search-page .visual-wrap .search-wrap .input-text {
    width: 100%;
}

.search-page .search-total-wrap {
    margin-bottom: 40px;
}

.search-page .search-total-wrap p {
    color: #163925;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

.search-page .search-total-wrap p span.color1 {
    color: #C4763D;
    font-size: 36px;
}

.search-page .search-total-wrap p span.color2 {
    color: #2EA370;
    font-size: 36px;
}

.search-page .search-total-wrap p span.color2 span {
    color: #2EA370;
    font-size: 36px;
}

.search-page .search-box {
    margin-bottom: 0;
}

.search-page .search-wrap.adata .desc {
    display: block;
    text-align: center;
    padding: 0 20px;
    color: #AF5F08;
}

.tab-scrolling-wrap {
    display: flex;
    gap: 13px;
}

.tab-scrolling-wrap .btn-more-wrap {
    position: relative;
}

.tab-scrolling-wrap .btn-tab-more {
    width: 45px;
    height: 45px;
    background: #F4F6F3;
    border: 0;
    border-radius: 50%;
}

.tab-scrolling-wrap .btn-more-wrap .more-tab-popup {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: 150px;
    max-height: 230px;
    overflow-y: auto;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 8px 10px;
    z-index: 2;
}

.tab-scrolling-wrap .btn-more-wrap .more-tab-popup.active {
    display: block;
}

.tab-scrolling-wrap .btn-more-wrap .more-tab-popup button {
    width: 100%;
    text-align: left;
    color: #171A19;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #D9D9D9;
    background: transparent;
}

.tab-scrolling {
    flex: 1;
}

.tab-scrolling ul {
    display: flex;
}

.tab-scrolling ul li {
    background: transparent;
    padding: 0;
    margin-right: 10px;
}

.tab-scrolling ul li button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 25px;
    color: #171A19;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    background: #fff;
    white-space: nowrap;
}

.tab-scrolling ul li.tab_selected button {
    border: 1px solid #C4763D;
    background: #C4763D;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.tab-scrolling ul li.tab_selected button span {
    color: #FFF;
}

.search-page .contents-list-wrap {
    display: flex;
    gap: 24px;
}

.search-page .contents-list-wrap .left-contents {
    flex: 2;
    width: calc(100% - 340px);
}

.search-page .contents-list-wrap .right-contents {
    flex: 1;
    padding-top: 60px;
    max-width: 340px;
    width: 100%;
}

.search-page .title-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 60px 0 10px 0;
}

.search-page .title-wrap .center {
    display: flex;
    text-align: left;
    align-items: center;
    flex: 1;
}

.search-page .title-wrap .left {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #171A19;
}

.search-page .title-wrap .left strong {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.search-page .title-wrap .left p {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
}

.search-page .title-wrap .left p > span {
    color: #2EA370;
}

.search-page .title-wrap .right {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #171A19;
}

.search-page .title-wrap .right p {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.search-page .title-wrap .select-styled {
    height: 40px;
    min-width: 134px;
}

.search-page .title-wrap.type2 {
    margin-top: 10px;
    border-bottom: 1px solid #D9D9D9;
}

.search-page .synthesis-info-page .list-wrap > ul > li {
    padding: 30px;
    overflow: hidden;
}

.search-page .synthesis-info-page .list-wrap > ul > li + li {
    margin-top: 20px;
}

.search-page .synthesis-info-page .list-wrap > ul > li .btn-link {
    display: flex;
    align-items: center;
    gap: 9px;
    float: right;
    margin-top: 20px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #C4763D;
    height: 45px;
    padding: 0 20px;
    border-radius: 30px;
}

.search-page .synthesis-info-page .list-wrap > ul > li .btn-link:hover {
    text-decoration: none;
}

.search-page .synthesis-info-page .list-wrap > ul > li .btn-link:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_similar.svg) no-repeat center;
}

.search-page .synthesis-info-page .list-wrap {
    margin-bottom: 0px;
}

.search-page .btn-more {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 12px;
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    color: #171A19;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    margin-top: 10px;
}

.search-page .btn-more:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icon_search_more.svg) no-repeat center;
}

.search-page .right-contents .ranking-title {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 10px;
}

.search-page .search-ranking-wrap {
    margin-bottom: 45px;
}

.search-page .search-ranking-tab {
    display: flex;
    border-radius: 5px 5px 0px 0px ;
    border: 1px solid #D9D9D9;
    border-bottom: 0;
    overflow: hidden;
}

.search-page .search-ranking-tab li {
    min-width: 33.3333%;
}

.search-page .search-ranking-tab li + li {
    border-left: 1px solid #D9D9D9;
}

.search-page .search-ranking-tab li button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    border: 0;
    background: none;
    color: #929292;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin: 0;
    padding: 0 8px;
}

.search-page .search-ranking-tab li button.active {
    background: #C4763D;
    color: #fff;
}

.search-page .search-ranking-list {
    border-top: 1px solid #C4763D;
}

.search-page .search-ranking-list li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 60px 15px 10px;
    color: #171A19;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    border-bottom: 1px solid #D9D9D9;
}

.search-page .search-ranking-list li span {
    display: inline-block;
    min-width: 30px;
    color: #929292;
    text-align: center;
}

.search-page .search-ranking-list li a:after {
    content: 'ㅡ';
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    text-align: center;
    color: #171A19;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}

.search-page .search-ranking-list li a.up:after {
    content: '▲';
    color: #DC362E;
}

.search-page .search-ranking-list li a.down:after {
    content: '▼';
    color: #2092CB;
}

.search-page .mysearch-ranking-wrap .search-ranking-list li a {
    padding: 15px 10px;
}

.search-page .mysearch-ranking-wrap .search-ranking-list li a:after {
    content: none;
}

.text-editor-view {
    margin-bottom: 24px;
}

.text-editor-view img {
    max-width: 100%;
}

.text-editor-view {
    word-break: break-all;
}

.search-page .border-style {
    padding: 30px 40px;
    border-radius: 30px;
    border: 1px solid #D9D9D9;
}

.search-page .border-style + .border-style {
    margin-top: 20px;
}

.search-page .border-style .sub-title {
    color: #C4763D;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.search-page .border-style .sub-title span {
    color: #C4763D;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.list-style-wrap > li > a {
    display: block;
    border-bottom: 1px solid #D9D9D9;
    padding: 20px 0;
}

.list-style-wrap > li > a strong {
    display: block;
    color: #171A19;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.list-style-wrap > li > a:hover strong {
    text-decoration: underline;
}

.list-style-wrap > li > a p {
    color: #929292;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-style-wrap > li ul.desc {
    display: flex;
    gap: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    flex-wrap: wrap;
}

.list-style-wrap > li ul.desc li {
    display: flex;
    gap: 4px;
}

.list-style-wrap > li ul.desc li.view-wrap {
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.search-page .left-contents .adata.edu-request-list > li {
    width: calc(50% - 12px);
}

.search-page .edu-list .edu-place li strong {
    font-weight: 700;
}

.search-page .left-contents .village-life-list > li {
    width: calc(33.3333% - 16px);
}

.search-sub-tab {
    display: flex;
    gap: 20px;
}

.search-sub-tab li button {
    display: flex;
    height: 52px;
    align-items: center;
    background: transparent;
    border: 0;
    color: #929292;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.search-sub-tab li button span {
    color: #929292;
}

.search-sub-tab li button.active {
    color: #2092CB;
    border-bottom: 3px solid #2092CB;
}

.search-sub-tab li button.active > span {
    color: #2092CB;
}

.search-page .list-style-wrap.bt0 {
    border-top: 0;
}

.search-detail-popup-wrap .popup-body {
    max-height: 90vh;
    padding: 40px;
    overflow: hidden;
    overflow-y: auto;
}

.search-detail-popup-wrap .popup-body .title {
    display: block;
    color: #171A19;
    text-align: left;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.search-detail-popup-wrap .table-wrap > dt {
    clear: both;
    float: left;
    width: 20%;
    background: #F5F6F7;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    padding: 18px 8px;
    border-bottom: 1px solid #D9D9D9;
    min-height: 73px;
}

.search-detail-popup-wrap .table-wrap > dd {
    width: 80%;
    float: left;
    border-bottom: 1px solid #D9D9D9;
    color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 18px 40px;
    text-align: left;
}

.search-detail-popup-wrap .select-styled {
    height: 40px;
}

.search-detail-popup-wrap table {
    clear: both;
}

.adata.commnt-table .date-wrap {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

.disabled {
    pointer-events: none;
}

.adata.commnt-table .date-wrap .form-control {
    max-width: 130px !important;
    font-size: 13px;
}

.adata.commnt-table .date-wrap.disabled .form-control {
    background: #F5F6F7;
}

.search-detail-popup-wrap .popup-body .btn-poopup-search {
    float: right;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 48px;
    border-radius: 30px;
    background: #15875E;
    color: #fff;
    padding: 0 20px;
}

.adata.answer-write-wrap .sign-page, .adata.answer-write-wrap .sign-page {
    min-height: 0;
}

.adata.answer-write-wrap .title-wrap > strong {
    display: block;
    color: #101314;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.adata.answer-write-wrap .title-wrap > p {
    color: #101314;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 10px;
}

.master .adata.answer-write-wrap .input-box {
    margin: 0;
}

.master .adata.answer-write-wrap .commnt-table .btn {
    border: 0 !important;
}

.adata.answer-write-wrap .-list-wrap-new {
    margin: 0;
    display: flex;
    gap: 4px;
}

.adata.answer-write-wrap .-list-wrap-new .-file {
    word-break: break-all;
}

.adata.answer-write-wrap .-list-wrap-new .-file + .-file {
    margin: 0;
}

.adata.answer-write-wrap .bottom-btn-wrap {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 50px;
}

.adata.answer-write-wrap .bottom-btn-wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 30px;
    background: #C4763D;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding: 0 20px;
    min-width: 120px;
}

.adata.answer-write-wrap .bottom-btn-wrap .btn.cancel_btn {
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    color: #171A19;
    background: #fff;
}

.adata.answer-write-wrap .adata.option-wrap {
    margin: 20px 0 60px;
}

.application-list .total {
    margin-bottom: 20px;
}

.application-list .option-wrap {
    margin-bottom: 20px;
}

.bscmnty h3.tit {
    margin-top: 20px;
}

.search-page .aedata_master {
    margin: 0;
}

.search-detail-popup-wrap .table-wrap .inner-box {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.search-detail-popup-wrap .table-wrap th {
    vertical-align: middle;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    min-width: 0;
    width: 45%;
    height: 29px;
}

.adata.edu-request-list {
    width: 100%;
    gap: 24px;
}

.adata.edu-request-list > li {
    height: auto;
    margin: 0;
}

.adata .field-title {
    gap: 10px;
    overflow: auto;
    padding-bottom: 6px;
}

.adata .field-title::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*스크롤바 배경*/
.adata .field-title::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 30px;
}

/*스크롤바*/
.adata .field-title::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 30px;
}

.adata .field-title .badge {
    padding: 8px 16px;
}

.adata .field-title li {
    margin: 0;
    white-space: nowrap;
}

.adata .field-title li.srch {
    color: #C4763D;
    background: #FFEBDC;
}

.adata .field-title li.def {
    color: #279B69;
    background: #E6F5E9;
}

.adata .field-title li.rec {
    color: #2092CB;
    background: #E0F1FA;
}

.adata .field-title li.dead {
    color: #666666;
    background: #d9d9d9;
}

.adata .edu-list {
    max-width: 100%;
    padding-bottom: 70px;
}

.adata .edu-list a {
    height: auto;
    color: #171A19;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    -webkit-line-clamp: 1;
}

.adata .edu-list .edu-place {
    margin-top: 0;
    min-height: 0;
    margin-bottom: 30px;
}

.adata .edu-list .edu-place > li {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.adata .edu-list {
    height: 100%;
    margin-top: 0;
    position: relative;
}

.adata .edu-list .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 20px;
    margin-top: 0;
}

.adata .edu-list .btn-wrap .btn {
    height: 48px;
    margin: 0;
    border-radius: 30px;
    background: #C4763D;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.search-sub-tab {
    display: flex;
    gap: 20px;
}

.search-sub-tab li button {
    display: flex;
    height: 52px;
    align-items: center;
    background: transparent;
    border: 0;
    color: #929292;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.search-sub-tab li button.active {
    color: #2092CB;
    border-bottom: 3px solid #2092CB;
}

.select {min-width:110px;height:40px;display:inline-block;}
.select select {width:100%;height:38px;border:none;background:none;color:#000;font-size:14px;line-height:1.43;letter-spacing:-0.28px;}

.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select-box {cursor: pointer;position: relative;width: 100%;}
.select-box .select-box {display:none;}
.select-styled {
    padding: 0 20px;
    display: flex;
    height: 48px;
    background: #fff;
    white-space: nowrap;
    border-radius: 30px;
    border: 1px solid #ddd;
    align-items: center;
    color: #171A19;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
    min-width: 150px;
    justify-content: space-between;
}

.select-styled:hover {color:#000;}
.select-styled:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ico_16_drop_n.png) no-repeat right center;
    background-size: cover;
    margin-left: 20px;
}

.select-styled.active:after {transform: rotate(180deg);}
.select-styled:focus{outline:2px solid #000;}
.select-options-wrap {display:none;position:absolute;top:43px;left:0;width:100%;min-width:110px; padding:10px 6px 10px 12px;background:#fff;border:1px solid #cfd0d0;border-radius:8px;z-index: 100;}
.select-options-wrap .select-options {max-height: 192px;padding-right: 4px;overflow-y: auto;}
.select-options-wrap .select-options a {display: block;width:100%;padding:8px 0;outline:none;color:#000;border:1px solid #fff; color: #171A19;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}
.select-options-wrap .select-options a:hover,
.select-options-wrap .select-options a:focus{background-color: #f8f8f8;border:1px solid #999}
.select-options-wrap .select-options::-webkit-scrollbar {width: 5px;height:2px;border-radius: 2px;}
.select-options-wrap .select-options::-webkit-scrollbar-thumb {background-color: #b8b9b9;}
.select-options-wrap .select-options::-webkit-scrollbar-track {background-color: transparent;}

.select-options li {border-bottom:1px solid #e8e8e8;color:#000;font-size:14px;letter-spacing:-0.28px;font-weight:normal;white-space:nowrap;}
.select-options li:first-child {padding-top:0;}
.select-options li:last-of-type {padding-bottom: 0; border-bottom:none;}

.select-bd {padding:0 0 0 0;min-width:110px;}
.select-bd select {border:none;background:none;color:#101314;font-size:14px;line-height:1.43;letter-spacing:-0.28px;}

.search-page .list-style-wrap > li > a * {
    max-width: 100%;
}
.adata.tui-pagination .tui-page-btn {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 50%;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 30px !important;
}

/* 페이징 수정 */
.tui-pagination {margin:40px 0 0 0 !important;height:auto !important; display: block !important; overflow: hidden; width:100%; }
.tui-pagination .tui-page-btn {overflow:hidden;text-overflow:ellipsis;width:34px !important;height:34px !important;margin:0 2px !important;padding:0 8px !important;border:1px solid #dee2e6 !important;border-radius:4px;color:#767676 !important;font-size:13px !important;line-height:32px !important;}
.tui-pagination .tui-page-btn:hover {border:1px solid #101314 !important;}
.tui-pagination > a > .tui-ico-first,
.tui-pagination > a > .tui-ico-prev,
.tui-pagination > a > .tui-ico-next,
.tui-pagination > a > .tui-ico-last,
    /*.tui-pagination .tui-next-is-ellip {display:none !important;}*/
.tui-pagination .tui-is-selected,
.tui-pagination .tui-is-selected:hover { background:#ee8508 !important; border:none !important;color:#fff !important;}
.tui-pagination.cpif .tui-is-selected,
.tui-pagination.cpif .tui-is-selected:hover { background:#15875E !important; border:none !important;color:#fff !important;}
.tui-pagination .tui-first {background:url(../images/btn_34_pagination_prev_n.png) no-repeat left top;background-size:cover;border:none !important;}
.tui-pagination .tui-first.tui-is-disabled {background:url(../images/btn_34_pagination_prev_d.png) no-repeat left top;background-size:cover;border:none !important;pointer-events:none;}
.tui-pagination .tui-prev {background:url(../images/btn_34_pagination_left_n.png) no-repeat left top;background-size:cover;border:none !important;}
.tui-pagination .tui-prev.tui-is-disabled {background:url(../images/btn_34_pagination_left_d.png) no-repeat left top;background-size:cover;border:none !important;pointer-events:none;}
.tui-pagination .tui-next {background:url(../images/btn_34_pagination_right_n.png) no-repeat left top;background-size:cover;border:none !important;}
.tui-pagination .tui-next.tui-is-disabled {background:url(../images/btn_34_pagination_right_d.png) no-repeat left top;background-size:cover;border:none !important;pointer-events:none;}
.tui-pagination .tui-last {background:url(../images/btn_34_pagination_next_n.png) no-repeat left top;background-size:cover;border:none !important;}
.tui-pagination .tui-last.tui-is-disabled {background:url(../images/btn_34_pagination_next_d.png) no-repeat left top;background-size:cover;border:none !important;pointer-events:none;}

.adata.tui-pagination > a > .tui-ico-first,
.adata.tui-pagination > a > .tui-ico-prev,
.adata.tui-pagination > a > .tui-ico-next,
.adata.tui-pagination > a > .tui-ico-last,
.adata.tui-pagination .tui-is-selected,
.adata.tui-pagination .tui-is-selected:hover {
    background: #163925 !important;
    border: 1px solid #163925 !important;
    color: #fff !important;
}

.adata.tui-pagination .tui-first {
    background: url(../images/icon_page_first.svg) no-repeat center;
}

.adata.tui-pagination .tui-prev {
    background: url(../images/icon_page_prev.svg) no-repeat center;
}

.adata.tui-pagination .tui-next {
    background: url(../images/icon_page_next.svg) no-repeat center;
}

.adata.tui-pagination .tui-last {
    background: url(../images/icon_page_last.svg) no-repeat center;
}

.adata.tui-pagination .tui-is-disabled {
    filter: invert(1);
    border: 1px solid #1c1c1c !important;
}

.adata.tui-pagination .pagination-mo {
    display: none;
}

.edu-request-list {display:flex;flex-wrap:wrap;}
.edu-request-list > li {width:calc(25% - 18px);margin-top:24px;border:1px solid #e2e2e2;border-radius:20px; height: 315px}
.edu-request-list > li + li {margin-left:24px;}
.edu-request-list > li:nth-child(4n+1) {margin-left:0;}
.edu-request-list > li .edu-list {border:none;border-radius:0;}
.adata.edu-request-list {
    width: 100%;
    gap: 24px;
}

.adata.edu-request-list > li {
    height: auto;
    margin: 0;
}

.cmmnty-create-popup {
    padding: 30px 20px 20px;
}

.cmmnty-create-popup .popup-body > p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}

.cmmnty-create-popup .popup-body .info-list {
    text-align: left;
    background: #F8F5F1;
    padding: 16px 20px;
    margin-bottom: 8px;
    border-radius: 5px;
}

.cmmnty-create-popup .popup-body .info-list li {
    margin-bottom: 8px;
    line-height: 1.5;
}

.cmmnty-create-popup .popup-footer .btn, .cmmnty-info-popup .popup-footer .btn {
    background: #C4763D;
    color: #FFF;
}

.cmmnty-create-popup .checkbox-wrap label {
    justify-content: center;
}

.cmmnty-create-popup .btn-wrap {
    margin-top: 16px;
}

.field-title {display:flex;}

.adata .badge {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px; /* 125% */
    padding: 8px 16px;

}

.adata .badge-primary {
    color: #C4763D !important;
    background: #FFEBDC !important;
}

.adata .edu-list {
    max-width: 100%;
    padding-bottom: 70px;
}

.adata .edu-list a {
    height: auto;
    color: #171A19;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    -webkit-line-clamp: 1;
}

.adata .edu-list .edu-place {
    margin-top: 0;
    min-height: 0;
    margin-bottom: 30px;
}

.adata .edu-list .edu-place > li {
    overflow: hidden;
    text-overflow: ellipsis;
}

.adata .edu-list {
    height: 100%;
    margin-top: 0;
    position: relative;
}

.adata .edu-list .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 20px;
    margin-top: 0;
}

.adata .edu-list .btn-wrap .btn {
    height: 48px;
    margin: 0;
    border-radius: 30px;
    background: #C4763D;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.search-page .edu-list .edu-place li strong {
    font-weight: 700;
}

.edu-list {margin: 0px !important; margin-bottom:12px;padding:20px;border:1px solid #e2e2e2;border-radius:20px; max-width:290px;}

.edu-list .field-title {
    margin-bottom: 12px;
}

.edu-list a {height:48px;color:#101314;font-size:16px;font-weight:500;letter-spacing:-0.32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.edu-list a span {color:#ee8508;}
.edu-list .edu-place {margin-top:12px; min-height:152px;}
.edu-list .edu-place li strong {margin-right:8px;color:#101314;font-size:15px;font-weight:500; }
.edu-list .edu-place li span {color:#282b2c;font-size:15px;font-weight:normal;}
.edu-list .edu-place li + li {margin-top:2px;}
.edu-list .btn {margin-top:16px;width:100%;}
.edu-list .edu-place li + li {margin-top:2px;}
.village-life-list {margin-top:16px;display:flex;flex-wrap:wrap;}
.village-life-list > li {width:calc(25% - 18px);}
.village-life-list > li + li {margin-left:24px;}
.village-life-list > li:nth-child(4n+1) {margin-left:0;}
.village-life-list .img {position:relative;overflow:hidden;width:282px;height:158px;border-top-left-radius:20px;border-top-right-radius:20px;}
.village-life-list .img img {position:absolute;top:-9999px;left:-9999px;bottom:-9999px;right:-9999px;margin:auto;width:282px;}

.village-life-list .img .type {position:absolute;left:16px;top:12px;padding:2px 4px 2px 4px;background:rgba(232,232,232,0.9);border-radius:3px;color:#585a5b;font-size:12px;font-weight: 800;}
.village-life-list .txt {padding:12px 20px 20px;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.village-life-list .txt .area {color:#88898a;font-size:14px;font-weight:500;letter-spacing:-0.28px;}
.village-life-list .txt .tit {margin-top:2px;height:48px;color:#101314;font-size:16px;font-weight:500;letter-spacing:-0.32px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.live-container .village-life-list .txt .tit {height:auto;}
.village-life-list .movein-date {margin-top:12px;}
.village-life-list .movein-date li + li {margin-top:2px;}
.village-life-list .movein-date li strong {margin-right:8px;color:#101314;font-size:15px;font-weight:500;}
.village-life-list .movein-date li span {color:#282b2c;font-size:15px;}
.village-life-list .v-content {padding:20px 20px 57px;position:relative;width:282px;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.village-life-list .v-content .stxt {margin-top:10px;height:40px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#101314;font-size:14px;line-height:1.43;}
.village-life-list .v-content .type-date {margin-top:16px;display:flex;justify-content:space-between;}
.village-life-list .v-content .type-date p {color:#848484;font-size:14px;}
.village-life-list .v-content .type-date em {color:#88898a;font-size:14px;font-style:normal;}
.adata .village-life-list .img, .adata .village-life-list .v-content {
    width: 100%;
}
.adata .village-life-list .v-content {
    padding: 20px 10px;
    height: calc(100% - 210px);
    box-shadow: none;
}
.live-container .search-box .inner-box .input-box {margin:0 16px;padding:0;position: relative;}
.live-container .option-box .btn--group .sec-box:nth-child(2) .area-layer {width:270px;}
.live-container .option-box .btn--group .sec-box:nth-child(5) .area-layer {width:270px;}
.live-container .tit {color:#101314;font-size:28px;text-align:left;}
.live-container .stit {margin:40px 0 0 0;color:#101314;font-size:20px;font-weight:bold;letter-spacing:-1px;}
.live-container .stit:first-child {margin:0;}
.live-container .txt {color:#282b2c;font-size:18px;}
.live-container .business-purpose {margin-top:16px;padding:33px 0;background:#f1f8ed;border-radius:12px;}
.live-container .business-purpose ul {display:flex;align-items:center;justify-content:center;}
.live-container .business-purpose ul > li {display:flex;align-items:center;justify-content:center;text-align:center;}
.live-container .business-purpose ul > li:nth-child(1) {width:120px;height:120px;border:2px solid #59a530;border-radius:100%;color:#4d4b4b;font-size:16px;line-height:1.2;font-weight:500;letter-spacing:-0.8px;}
.live-container .business-purpose ul > li:nth-child(2) {width:94px;height:120px;}
.live-container .business-purpose ul > li:nth-child(3) {width:120px;height:120px;border:2px dashed #59a530;border-radius:100%;color:#4d4b4b;font-size:16px;line-height:1.75;font-weight:500;letter-spacing:-0.8px;}
.live-container .business-purpose ul > li:nth-child(4) {width:114px;height:120px;}
.live-container .business-purpose ul > li:nth-child(5) {width:120px;height:120px;background:#59a530;border-radius:100%;color:#fff;font-size:16px;line-height:1.75;font-weight:500;letter-spacing:-0.8px;}
.live-container .business-guide {margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.live-container .business-guide > dl {width:384px;}
.live-container .business-guide > dl:nth-child(1) dt {background:url(../images/img_guide01.jpg) no-repeat left top;background-size:cover;}
.live-container .business-guide > dl:nth-child(2) dt {background:url(../images/img_guide02.jpg) no-repeat left top;background-size:cover;}
.live-container .business-guide > dl:nth-child(3) dt {background:url(../images/img_guide03.jpg) no-repeat left top;background-size:cover;}
.live-container .business-guide > dl > dt {padding:30px;height:140px;overflow:hidden;border-radius:12px;color:#101314;font-size:26px;}
.live-container .business-guide > dl > dd {margin:24px 0 0 0;padding:32px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;}
.live-container .business-guide > dl > dd strong {color:#101314;font-size:18px;letter-spacing:-0.9px;}
.live-container .business-guide > dl > dd .dot-txt {margin-top:16px;}
.live-container .business-guide > dl > dd .dot-txt li {color:#101314;}
.live-container .pro-major {margin-top:24px;}
.live-container .pro-major .pm-img-txt {display:flex;justify-content:space-between;}
.live-container .pro-major .pm-img-txt + .pm-img-txt {margin-top:60px;}
.live-container .pro-major .pm-img-txt > .img {width:570px;overflow:hidden;border-radius:12px;}
.live-container .pro-major .pm-img-txt > .img img {width:100%;}
.live-container .pro-major .pm-img-txt > .txt {margin-top:0;width:570px;}
.live-container .pro-major .pm-img-txt > .txt strong {color:#59a530;font-size:28px;font-weight:normal;font-family:'NanumSquareRound';}
.live-container .pro-major .pm-img-txt > .txt > p {margin-top:16px;color:#282b2c;font-size:18px;line-height:1.67;}
.live-container .pro-major .pm-img-txt.img-right > .img {order: 2;}
.live-container .pro-major .pm-img-txt.img-right > .txt {order: 1;}
.live-container .step-box {margin-top:24px;}
.live-container .step-box > li {position:relative;min-height:114px;padding:35px 42px 34px;border:2px solid #59a530;border-radius:8px;display:flex;align-items:center;}
.live-container .step-box > li::after {content:'';position:absolute;bottom:-17px;left:0;right:0;margin:auto;width:23px;height:17px;background:url(../images/bottom_arrow01.jpg) no-repeat left top;background-size:cover;}
.live-container .step-box > li:nth-child(2)::after {content:'';position:absolute;bottom:-17px;left:0;right:0;margin:auto;width:23px;height:17px;background:url(../images/bottom_arrow02.jpg) no-repeat left top;background-size:cover;}
.live-container .step-box > li:last-child::after {display:none;}
.live-container .step-box > li strong {flex-grow:1;flex-basis:0;color:#101314;font-size:18px;font-weight:normal;letter-spacing:-0.9px;font-family:'NanumSquareRound';line-height:1;}
.live-container .step-box > li > p {flex-grow:6;flex-basis:0;color:#101314;font-size:16px;line-height:1.75;letter-spacing:-0.8px;}
.live-container .step-box.case > li strong {flex-grow:1;flex-basis:0;color:#101314;font-size:20px;font-weight:normal;letter-spacing:-0.9px;font-family:'NanumSquareRound';line-height:1;}
.live-container .step-box.case > li > p {flex-grow:4;flex-basis:0;color:#101314;font-size:16px;line-height:1.75;letter-spacing:-0.8px;}
.live-container .step-box.case > li > ul {flex-grow:4;flex-basis:0;color:#101314;font-size:16px;line-height:1.75;letter-spacing:-0.8px;display:flex;flex-wrap:wrap;}
.live-container .step-box.case > li > ul > li + li {position:relative;margin-left:4px;padding-left:20px;}
.live-container .step-box.case > li > ul > li + li::after {content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:16px;height:16px;background:url(../images/ico_16_next_p.png) no-repeat left top;background-size:cover;}
.live-container .step-box.case > li > ul > li.non {margin-left:0;padding-left:0;}
.live-container .step-box.case > li > ul > li.non::after {display:none;}
.live-container .propel {margin-top:24px;}
.live-container .propel > dl {width:384px;margin:0 auto;}
.live-container .propel > dl > dt {padding:17px 0 16px;background:#9bce80;border-radius:8px;color:#101314;font-size:18px;font-weight:500;letter-spacing:-0.9px;text-align:center;}
.live-container .propel > dl > dd {margin:15px 0 0 0;padding:32px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;}
.live-container .propel > dl > dd .dot-txt {margin-top:0;}
.live-container .propel .dl-wrap {position:relative;padding-top:21px;display:flex;flex-wrap:wrap;justify-content:space-around;}
.live-container .propel .dl-wrap::before {content:'';position:absolute;top:0;left:0;right:0;margin:auto;width:1px;height:20px;background:#e8e8e8;}
.live-container .propel .dl-wrap::after {content:'';position:absolute;top:21px;left:0;right:0;margin:auto;width:600px;height:1px;background:#e8e8e8;}
.live-container .propel .dl-wrap dl {position:relative;margin-top:20px;width:384px;}
.live-container .propel .dl-wrap dl::before {content:'';position:absolute;top:-20px;left:0;right:0;margin:auto;width:1px;height:20px;background:#e8e8e8;}
.live-container .propel .dl-wrap dl > dt {padding:17px 0 16px;background:#cfd0d0;border-radius:8px;color:#101314;font-size:18px;font-weight:500;letter-spacing:-0.9px;text-align:center;}
.live-container .propel .dl-wrap dl > dd {margin:15px 0 0 0;padding:32px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;}
.live-container .propel .dl-wrap dl > dd .dot-txt {margin-top:0;}
.live-container .propel .dl-wrap .dl-two dl:last-child dt {background:#f5b66b;}
.live-container .step-box > li + li {margin-top:35px;}
.live-container .step-box > li:nth-child(even) {border:2px solid #ee8508;}
.live-container .step-map {margin-top:24px;padding:34px 68px;background:#f5f5f5;border:2px solid #cfd0d0;border-radius:20px;}
.live-container .step-map ol {padding:0;display:flex;flex-wrap:wrap;}
.live-container .step-map ol > li {margin:20px 36px;position:relative;width:190px;text-align:center;}
.live-container .step-map ol > li::after {content:'';position:absolute;top:0;right:-48px;bottom:0;margin:auto;width:24px;height:24px;background:url(../images/ico_24_next_n.png) no-repeat left top;background-size:cover;}
/*.live-container .step-map ol > li:nth-child(5)::after,*/
/*.live-container .step-map ol > li:nth-child(7)::after {display:none;}*/
/*7단계 4단계로 인자 변경*/
.live-container .step-map ol > li:nth-child(4)::after {display:none;}
.live-container .step-map ol > li > i {margin:auto;position:relative;display:block;width:80px;height:80px;background:#fff;border-radius:50%;}
.live-container .step-map ol > li > strong {margin-top:20px;display:block;color:#101314;font-size:18px;letter-spacing:-0.9px;font-weight:normal;}
.live-container .step-map ol > li > p {margin-top:8px;color:#4d4b4b;font-size:16px;font-weight:500;letter-spacing:-0.8px;}
.live-container .step-map ol > li:nth-child(1) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_01.png) no-repeat left top;background-size:cover;}
.live-container .step-map ol > li:nth-child(2) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_02.png) no-repeat left top;background-size:cover;}
.live-container .step-map ol > li:nth-child(3) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_03.png) no-repeat left top;background-size:cover;}
.live-container .step-map ol > li:nth-child(4) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_04.png) no-repeat left top;background-size:cover;}
.live-container .step-map ol > li:nth-child(5) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_05.png) no-repeat left top;background-size:cover;}
.live-container .step-map ol > li:nth-child(6) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_06.png) no-repeat left top;background-size:cover;}
.live-container .step-map ol > li:nth-child(7) > i::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:56px;height:56px;background:url(../images/ico_56_edutops_07.png) no-repeat left top;background-size:cover;}
.live-container .vi-infor {margin-top:24px;padding:40px;background:#f1f8ed;border-radius:12px;}
.live-container .vi-infor strong {display:flex;align-items:center;color:#101314;font-size:28px;line-height:1;}
.live-container .vi-infor .mark {margin-left:12px;padding:8px 16px;background:#e8e8e8;border:1px solid #ccc;border-radius:20px;color:#707172;font-size:16px;font-weight:500;}
.live-container .vi-infor p {margin-bottom:10px;color:#101314;font-size:16px;letter-spacing:-0.8px;}
.live-container .vi-infor dl {margin:26px 0 0 0;display:flex;align-items:center;}
.live-container .vi-infor dl dt {margin:0 14px 0 0;color:#101314;font-size:18px;font-weight:normal;letter-spacing:-0.9px;}
.live-container .vi-infor dl dd {margin:0;color:#101314;font-size:18px;font-weight:500;letter-spacing:-0.9px;}
.live-container .vi-infor dl dd + dt {margin-left:18px;padding-left:19px;position:relative;}
.live-container .vi-infor dl dd + dt::before {content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:1px;height:16px;background:#cfd0d0;}
.live-container .commnt-table {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.live-container .commnt-table > dt {padding-left:20px;display:block;color:#262626;font-size:16px;font-weight:bold;}
.live-container .commnt-table > dt.col-md-2 {flex:0 0 14%;max-width:14%;}
.live-container .commnt-table > dd.col-md-10 {flex:0 0 86%;max-width:86%;}
.live-container .commnt-table > dt.col-md-auto {flex-grow:1;}
.live-container .commnt-table > dd.col-md-auto {flex-grow:1;}
.live-container .commnt-table > dt > p {font-weight:normal;}
.live-container .commnt-table > dd {display:flex;align-items:center;}
.live-container .commnt-table dd .txt {margin-top:0;font-size:16px;}
.live-container .commnt-table dd .txt2 {margin:0 8px;font-size:16px;}
.live-container .commnt-table > dd .select {min-width:100px;}
.live-container .commnt-table > dd .select .select-options-wrap {min-width:100%;}
.live-container .commnt-table > dd .input-box {width:80px;}
.live-container .commnt-table > dd .input-box.certNo {width:100px;}
.live-container .commnt-table > dd dl {margin:0;display:flex;align-items:center;}
.live-container .commnt-table > dd dl > dt {margin-right:16px;width:60px;padding:0;border-bottom:none;color:#101314;font-size:16px;font-weight:normal;}
.live-container .commnt-table > dd dl > dd {padding:0;border-bottom:none;column-gap:0;display:flex;align-items:center;}
.live-container .commnt-table > dd dl > dd .iw80 {width:80px;}
.live-container .commnt-table > dd dl > dd + dt {margin-left:30px;}
.live-container .commnt-table > dd dl > dd .select {min-width:80px;}
.live-container .commnt-table > dd dl > dd .select + .input-box {margin-left:6px;}
.live-container .commnt-table > dd dl > dd .select + .input-box + .input-box {margin-left:6px;}
.live-container .commnt-table > dd ul {width:100%;display:flex;flex-wrap:wrap;align-items:center;}
.live-container .commnt-table > dd ul > li:nth-child(odd) {flex:1 35%;}
.live-container .commnt-table > dd ul > li:nth-child(even) {flex:1 65%;}
.live-container .commnt-table > dd ul > li:nth-child(odd) dt {width:60px;margin-right:16px;}
.live-container .commnt-table > dd ul > li:nth-child(even) dt {width:80px;margin-right:16px;}
.live-container .commnt-table > dd ul > li:nth-child(n+3):nth-child(-n+6) {margin-top:12px;}
.live-container .commnt-table > dd .iw253 {width:253px;}
.live-container .commnt-table > dd .iw536 {width:536px;}
.live-container .commnt-table > dd ul > li:nth-child(2) span {color:#101314;font-size:16px;font-weight:normal;}
.live-container .commnt-table > dd ul > li:nth-child(2) strong {margin-left:10px;color:#101314;font-size:16px;font-weight:500;}
.live-container .commnt-table > dd ul > li:nth-child(2) strong + span {margin-left:30px;}
.live-container .matter {margin-top:24px;padding:24px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;}
.live-container .matter strong {color:#282b2c;font-size:16px;}
.live-container .matter .dot-txt li {color:#282b2c;font-size:15px;}
.live-container .matter .dot-txt li::after {top:11px;width:3px;height:3px;}
.live-container .matter .star-light {color:#88898a;}
.live-container .check-list {margin-top:12px;display:flex;flex-wrap:wrap;}
.live-container .check-list li {margin-top:12px;width:33.33%;display:flex;align-items:center;}
.live-container .check-list li .input-box {margin-left:8px;width:256px;}
.live-container .introduce-box dt {margin:24px 0 0 0;color:#101314;font-size:16px;font-weight:500;letter-spacing:-0.8px;}
.live-container .introduce-box dd {margin:16px 0 0 0;}
.live-container .introduce-box dd textarea {padding:16px;width:100%;height:94px;background:#fff;border:1px solid #d8d8d8;border-radius:8px;color:#707172;font-size:14px;letter-spacing:-0.25px;}
.live-container .btn-right {margin-top:24px;}
.live-container .total {margin-top:24px;}
.live-container .total .total-input .input-box {width:308px;}
.live-container .table-list {margin-top:16px;}
.live-container .table-list th {text-align:center;}
.live-container .table-list td {border-left:1px solid #eaeaea;text-align:center;}
.live-container .table-list td:first-child {border-left:none;}
.live-container .village-life-list {margin-top:24px;border-top:1px solid #999;}
.live-container .village-life-list > li {margin-top:24px;}
.live-container .village-life-list li .img .recruit {position:absolute;top:12px;right:12px;padding:2px 4px;background:#ffe5cc;border-radius:3px;color:#ff7f00;font-size:12px;font-weight:bold;}
.live-container .village-life-list li .img .recruit-complate {position:absolute;top:12px;right:12px;padding:2px 4px;background:#e2f1db;border-radius:3px;color:#70b949;font-size:12px;font-weight:bold;}
.adata.live-container .village-life-list {
    margin: 0;
    border: 0;
}

.adata.live-container .village-life-list {
    gap: 24px;
}

.adata.live-container .village-life-list > li {
    margin: 0;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    overflow: hidden;
}

.adata .village-life-list .img, .adata .village-life-list .v-content {
    width: 100%;
}

.adata .village-life-list .img img {
    width: 100%;
    min-height: 210px;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
}

.adata .village-life-list .img {
    position: relative;
    height: 210px;
    background: #cccccc;
}

.adata .village-life-list .img.icon-video:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/play.png) no-repeat center;
    background-size: cover;
    opacity: .5;
}


.adata .village-life-list a {
    position: relative;
    display: block;
    height: 100%;
}

.adata .village-life-list a > .type {
    position: absolute;
    left: 0;
    top: 194px;
    padding: 4px 16px;
    border-radius: 0px 15px 15px 15px;
    background: #C5763D;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
    z-index: 1;
}

.adata .village-life-list a > .type2 {
    position: absolute;
    right: 0;
    top: 194px;
    padding: 4px 16px;
    border-radius: 15px 0px 15px 15px;
    background: #279B69;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
    z-index: 1;
}

.adata .village-life-list a > .desc {
    display: flex;
    width: calc(100% - 16px);
    gap: 4px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.adata .village-life-list a > .desc > span {
    padding: 4px 16px;
    border-radius: 15px;
    background: #E6F5E9;
    color: #279B69;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.adata .village-life-list a > .desc > span.color1 {
    color: #C4763D;
    background: #FFEBDC;
}

.adata .village-life-list a > .desc > span.color2 {
    color: #2092CB;
    background: #E0F1FA;
}

.adata .village-life-list a > .desc > span.color3 {
    color: #666666;
    background: #d9d9d9;
}

.adata .village-life-list .v-content {
    padding: 20px 10px;
    height: calc(100% - 210px);
    box-shadow: none;
}

.adata .village-life-list .txt .area {
    margin-bottom: 4px;
}

.adata .village-life-list .edu-place {
    margin-bottom: 4px;
}

.adata .village-life-list .edu-place li {
    line-height: normal;
    margin-bottom: 4px;
}

.adata .village-life-list .edu-place li strong {
    color: #171A19;
    font-weight: 700;
    line-height: normal;
    font-size: 14px;
    margin-right: 4px;
}

.adata .village-life-list .edu-place li span {
    color: #88898a;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
}

.adata.live-container .village-life-list .txt .tit {
    margin: 0 0 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #171A19;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}

.adata.live-container .village-life-list .v-content .stxt {
    margin: 0 0 18px;
}

.adata .village-life-list .view-like {
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
    align-items: center;
}

.adata .village-life-list .view-like span {
    position: relative;
    color: #929292;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.adata .village-life-list .view-like span + span {
    margin: 0;
}

.adata .village-life-list .view-like span + span:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(117, 117, 117, 0.15);
    margin: 0;
}

.adata .village-life-list .view-like > span {
    padding-left: 20px;
}

.adata .village-life-list .view-like > span:nth-child(1), .adata .village-life-list .view-like > span:nth-child(2) {
    padding: 0;
}

.adata .village-life-list .view-like > span:after {
    width: 16px;
    height: 16px;
}

.commnt-list {margin-top:17px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.commnt-list li {margin:12px 0 0 10px;width:calc(50% - 12px);display:flex;padding:24px;background:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 3px 10px 0 rgba(161, 105, 18, 0.05);}
.commnt-list li:nth-child(1),
.commnt-list li:nth-child(2) {margin-top:0;}
.commnt-list li:nth-child(odd) {margin-left:0;}
.commnt-list li .c-img {flex-shrink:0;overflow:hidden;width:120px;height:120px;border:1px solid #e6e7e7;border-radius:12px;}
.commnt-list li .c-img img {width:100%;height:100%; object-fit: cover;}
.commnt-list li .c-txt {flex-grow: 1;margin-left:16px;position:relative;}
.commnt-list li .c-txt a {
    display: block;
}
.commnt-list li .c-txt h4 {margin:0;color:#101314;font-size:20px;line-height:1.5;letter-spacing:-1px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.commnt-list li .c-txt p {margin-top:8px;color:#757575;font-size:15px;line-height:1.67;letter-spacing:-0.45px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.commnt-list li .c-txt .i-wrap {position:absolute;left:0;bottom:4px;display:flex;flex-wrap: wrap;}
.commnt-list li .c-txt .i-wrap .i-memb {margin-right:16px;position:relative;padding-left:29px;color:#848484;font-size:14px;line-height:1.43;font-weight:500;}
.commnt-list li .c-txt .i-wrap .i-memb::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_member_n.png) no-repeat left top;background-size:cover;}
.commnt-list li .c-txt .i-wrap .i-writing {position:relative;padding-left:29px;color:#848484;font-size:14px;line-height:1.43;font-weight:500;}
.commnt-list li .c-txt .i-wrap .i-writing::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_writing_n.png) no-repeat left top;background-size:cover;}
.adata.commnt-list {
    gap: 24px;
}


.content-txt .adata.commnt-list {
    margin-bottom: 24px;
}


.adata.commnt-list li {
    border: 1px solid #D9D9D9;
    margin: 0;
    padding: 24px;
}

.adata.commnt-list li .c-img {
    position: relative;
    border: 1px solid #d9d9d9;
}

.adata.commnt-list li .c-img > span {
    position: absolute;
    min-width: 43px;
    text-align: center;
    left: 0;
    top: 0;
    padding: 2px 10px;
    border-radius: 8px 0px;
    background: #C4763D;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    z-index: 1;
}

.adata.commnt-list li .c-txt p {
    margin-bottom: 12px;
    word-break: break-all;
}

.adata.commnt-list li .c-txt a > span {
    display: block;
    margin-bottom: 8px;
    color: #C4763D;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.adata.commnt-list li .c-txt .i-wrap {
    position: relative;
    bottom: 0;
    left: 0;
}

.adata.commnt-list li .c-txt h4 {
    color: #171A19;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.commnt-list li .c-txt p {
    color: #929292;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    -webkit-line-clamp: 1;
    margin: 0;
}

.adata.commnt-list li .c-txt .i-wrap > span {
    padding-left: 20px;
    margin-right: 10px;
    color: #929292;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.adata.commnt-list li .c-txt .i-wrap > span {
    position: relative;
}

.adata.commnt-list li .c-txt .i-wrap > span::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.adata.commnt-list li .c-txt .i-wrap .i-memb::after {
    background: url(../images/ico_20_member_n.svg) no-repeat center;
}

.adata.commnt-list li .c-txt .i-wrap .i-writing::after {
    background: url(../images/ico_20_writing_n.svg) no-repeat center;
}

.adata.commnt-list li .c-txt .i-wrap .i-comment::after {
    background: url(../images/ico_20_comment_n.svg) no-repeat center;
}

.adata.commnt-list li .c-txt .i-wrap .i-heart::after {
    background: url(../images/ico_20_heart_n.svg) no-repeat center;
}

.adata.commnt-list li .c-txt .i-wrap .i-view::after {
    background: url(../images/ico_20_view_n.svg) no-repeat center;
}

.adata.commnt-list li .c-txt .i-wrap .date {
    padding: 0;
}
.name-area {display:flex;margin-top:4px;}
.name-area li {color:#88898a;font-size:14px;font-weight:500;}
.name-area li + li {position:relative;margin-left:6px;padding-left:6px;}
.name-area li + li::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:2px;height:2px;background:#88898a;}
.view-like {display:flex;margin-top:16px;}
.view-like span + span {margin-left:16px;}
.view-like .view-num {position:relative;padding-left:24px;color:#88898a;font-size:14px;font-weight:500;margin-left:10px;}
.view-like .view-num::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_view_n.png) no-repeat left top;background-size:cover;}
.view-like .like-num {position:relative;padding-left:24px;color:#88898a;top:1px;font-size:14px;font-weight:500;border:none;background:none;}
.view-like .like-num::after {content:"";position:absolute;top:1px;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_like_n.png) no-repeat left top;background-size:cover;}
.view-like .like-num.active::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:18px;height:16px;background:url(../images/ico_20_like.png) no-repeat left top;background-size:cover;}
.view-like .cmt-num {position:relative;padding-left:24px;color:#88898a;font-size:14px;font-weight:500;}
.view-like .cmt-num::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_reply_n.png) no-repeat left top;background-size:cover;}
.qna-wrap {margin-top:-8px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.qna-wrap .qna-list {margin-top:24px;width:calc(50% - 12px);position:relative;/*min-height: 254px;*/padding:24px;border:1px solid #e2e2e2;border-radius:20px; box-shadow: 0 3px 10px 0 rgba(161, 105, 18, 0.05);}
.qna-wrap .qna-list .field-wrap {display:flex;}
.qna-wrap .qna-list .field-wrap .field {color:#ee8508;font-size:13px;font-weight:bold;}
.qna-wrap .qna-list .q-tit {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:333px;width:100%;padding-bottom: 16px; color:#101314;font-size:20px;letter-spacing:-1.1px;font-weight:bold;border-bottom: 1px solid #f2f2f2;}
.qna-wrap .qna-list .q-tit span {color:#ee8508;}
.qna-wrap .qna-list .q-answer {margin-top: 16px;color:#101314}
.qna-wrap .qna-list .q-txt {overflow: hidden;display: -webkit-box;min-height: 72px;margin-top: 8px; -webkit-line-clamp:3;-webkit-box-orient: vertical;color:#757575;font-size:15px;line-height:1.66;letter-spacing: -0.45px;}
.qna-wrap .qna-list .q-txt span {color:#ee8508;}
.qna-wrap .qna-list .qna-number {margin-top:20px;padding:0;color:#848484;font-size:14px;font-weight:400;}
.qna-wrap .qna-list .qna-number span {position: relative;margin-left: 16px;}
.qna-wrap .qna-list .qna-number span:before {content: "";position: absolute;left:-8px;top:4px;width: 1px;height: 13px;background-color: #e8e8e8;}
.qna-wrap .qna-list .qna-number span:first-child{margin-left: 0;}
.qna-wrap .qna-list .qna-number span:first-child::before{display: none;}
.comment-share {display:flex;}
.comment-share > li {display:flex;align-items:center;}
.comment-share > li + li {margin-left:12px;}
.comment-share span,
.comment-share button {color:#1e1e1e;font-size:14px;}
.comment-number {position:relative;padding-left:26px;}
.comment-number::after {content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_reply_n.png) no-repeat left top;background-size:cover;}
.expt-answer {position:relative;padding-left:26px;}
.expt-answer::after {content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/ico_20_writing_n.png) no-repeat left top;background-size:cover;}
.page-list {position:relative;padding-left:26px;cursor:pointer;}
.page-list::after {content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/btn_24_icon_menu_d.png) no-repeat left top;background-size:cover;}
.comment-share .comment-number em {font-style: normal;font-weight:bold;}
.comment-share .comment-like em {font-style: normal;font-weight:bold;}
.comment-share .share {position:relative;padding:0 0 0 22px;background:none;border:none;}
.comment-share .share::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:16px;height:16px;background:url(../images/ico_16_share.png) no-repeat left top;background-size:cover;}
.comment-share > li:last-child {position:relative;}
.comment-share > li .share-box {top:24px;}
.comment-share > li .like {position:relative;padding-left:26px;background:none;border:none;}
.comment-share > li .like::before {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:20px;height:20px;background:url(../images/btn_20_icon_like_p.png) no-repeat left top;background-size:cover;}
.aedata_master .qna-wrap {
    margin-top: -20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.aedata_master .qna-wrap .qna-list {
    margin-top: 24px;
    width: calc(50% - 12px);
    position: relative;
    padding: 24px;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    box-shadow: none;
}

.aedata_master .qna-wrap .qna-list .q-tit{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: none;
    width: 100%;
    padding-bottom: 16px;
    color: #101314;
    font-size: 20px;
    letter-spacing: -0.8px;
    font-weight: bold;
    border-bottom: 1px solid #f2f2f2;
}

.aedata_master .qna-wrap .qna-list .q-answer {
    margin-top: 16px;
    font-size: 18px;
    color:#101314;
}

.aedata_master .qna-wrap .qna-list .q-txt {
    overflow: hidden;
    display: -webkit-box;
    min-height: 72px;
    margin-top: 8px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #545454;
    font-size: 16px;
    line-height: 1.76;
    letter-spacing: -0.5px;
}
.search-page .list-style-wrap > li > a * {
    max-width: 100%;
}

.search-page .search-box .search-wrap .input-text {
    min-width: 700px;
}

.search-page .search-box .search-wrap .btn-search {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #fff;
    font-size: 16px;
    padding: 0 14px;
}

#supData2 *, #supData1 * {
    max-width: 100%;
    word-break: break-all;
}

/*2024-05-22 ljb*/
.yth-main-popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.70);
}

.yth-main-popup .main-popup {
    position: absolute;
    width: 95%;
    max-width: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
}

.yth-main-popup .main-popup .header {
    display: flex;
    padding: 12px;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.yth-main-popup .main-popup .header h4 {
    font-size: 16px;
    color: #15875E;
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
}

.yth-main-popup .main-popup .header .close {
    width: 24px;
    height: 24px;
    background: url(../images/ico_close_n_black.png) no-repeat center;
    background-size: cover;
    border: 0;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
}

.yth-main-popup .main-popup img {
    display: block;
    width: 100%;
}

.yth-main-popup .main-popup .footer {
    border-top: 1px solid #DADADA;
}

.yth-main-popup .main-popup .footer button {
    border: 0;
    float: left;
    width: 50%;
    padding: 12px 0;
    color: #171A19;
    background: #fff;
    font-size: 16px;
}

.yth-main-popup .main-popup .footer button + button {
    color: #fff;
    background: #15875E;
}

.yth-main-popup .main-popup #ythMainPopup .swiper-pagination {
    position: relative;
    bottom: 0;
    padding: 4px 0;
    background: #fff;
}

.yth-main-popup .main-popup #ythMainPopup .swiper-slide {
    max-height: calc(100vh - 161px);
    overflow: hidden;
    overflow-y: auto;
}

.yth-main-popup .main-popup #ythMainPopup .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    opacity: 1;
    background: none;
    border: 2px solid #15875E;
}

.yth-main-popup .main-popup #ythMainPopup .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 50%;
    background: #15875E ;
}

/*asdf*/

























@media (max-width: 1440px) {
    .search-page .left-contents .commnt-list li, .search-page .left-contents .adata.edu-request-list > li, .search-page .left-contents .village-life-list > li {
        width: 100%;
    }

    header .nav .menu-wrap .depth1 {
        width: auto;
    }

    header .nav .sub-menu-wrap .depth2 > li {
        min-width: calc(25% - 25px);
    }

    .compare-poup .poup-contents {
        max-width: 95vw;
    }

    .synthesis-popup .menu-wrap {
        padding: 32px 30px;
    }

    .synthesis-popup .contenst-wrap {
        padding: 32px 30px;
    }

    .synthesis-popup .table-wrap td > div {
        width: auto;
    }

    .modal-full {margin:auto;}
    .modal-full .modal-content {border-radius:0;height:100vh;}
    .modal-full .modal-content .modal-header {margin-top:24px;border-bottom:1px solid #ededed;}
    .modal-full .modal-content .modal-header .modal-title {font-weight:bold;}
    .modal-full .modal-content .modal-body {padding-top:0;overflow-y:scroll;}
    .modal-full .modal-content .modal-body.recom {padding-top:24px;}
    .modal-full .modal-content .modal-body.recom h6 {margin:24px 0 0;color:#101314;font-size:18px;font-weight:bold;}
    .modal-full .modal-content .modal-body.recom .recom-search {margin-top:4px;}
    .modal-full .modal-content .modal-body.recom .recom-search li {margin-top:14px;}
    .modal-full .modal-content .modal-body.recom .recom-search li > a {color:#626572;font-size:16px;letter-spacing:-0.48px;}
    .modal-full .modal-content .modal-body.recom .recom-search li > a:hover {border-bottom:none;}
    .no-radius {border-radius:0;}

}

@media (max-width: 1200px) {
    /* 현장의 달인 메인_2023*/
    .aedata_master .qna-wrap.result-list .qna-list {
        width: calc(50% - 12px);
    }

    .aedata_master .qna-wrap.result-list .qna-list:nth-child(2n + 1) {
        margin-left:0;
    }
    .aedata_master .qna-wrap.result-list .qna-list:nth-child(4n) {
        margin-left:24px;
    }
    .aedata_master .qna-wrap.result-list .qna-list:nth-child(10n) {
        margin-left:24px;
    }

    header .nav .menu-wrap > ul {
        width: auto;
    }

    header .nav .sub-menu-wrap .depth2 > li {
        min-width: calc(33.3333% - 25px);
    }

    .list-style-wrap.column4 > ul > li {
        max-width: calc(33.3333% - 18px);
    }

    .map-wrap .inner-box .item-box.left {
        display: none;
    }

    .map-wrap .inner-box {
        flex-direction: column;
    }

    .region-find .select-wrap {
        display: block;
    }

    .region-find .select-wrap select {
        min-width: 100%;
        margin-bottom: 24px;
    }

    .map-wrap .inner-box .item-box.right .map-detail-wrap {
        padding: 60px 8px;
    }

    .map-wrap .inner-box .item-box.right .title {
        left: 25px;
        top: 25px;
    }
}


@media (max-width: 960px) {
    .search-page .search-wrap.adata .desc {
        margin-top: 20px;
    }

    .search-detail-popup-wrap .table-wrap > dt {
        width: 100%;
        min-height: 0;
        line-height: normal;
        padding: 12px 20px;
    }

    .search-detail-popup-wrap .table-wrap > dd {
        width: 100%;
        min-height: 0;
        line-height: normal;
        padding: 12px;
    }

    .search-page .search-box .search-wrap .input-text {
        min-width: 0;
    }

    .adata.live-container .village-life-list .txt .tit {
        padding: 0;
    }

    /* 현장의 달인 메인_2023*/
    .aedata_master .qna-wrap.result-list .qna-list {
        width: 100%;
    }
    .aedata_master .qna-wrap.result-list .qna-list + .qna-list {
        margin-left: 0;
    }

    .adata .village-life-list .v-content {
        height: auto;
    }

    .adata .edu-list {
        padding: 20px 20px 70px;
    }

    .page-contents .search-box .search-wrap .btn-search {
        justify-content: center;
        width: 48px;
        padding: 0;
    }

    .page-contents .search-box .search-wrap .btn-search > span {
        display: none;
    }

    .cmmnty-create-popup {
        padding: 24px 20px;
    }

    .blockUI.cmmnty-popup-wrap, .blockUI.cmmnty-info-popup-wrap {
        overflow: auto;
    }

    .blockUI.cmmnty-popup-wrap .popup-close, .blockUI.cmmnty-info-popup-wrap .popup-close {
        filter: invert(1);
    }

    .cmmnty-create-popup .checkbox-wrap label {
        font-size: 16px;
    }

    .cmmnty-create-popup .popup-body .info-list li {
        font-size: 14px;
    }

    .adata.tui-pagination {
        display: flex !important;
        justify-content: center;
    }

    .adata.tui-pagination .mo-hidden {
        display: none;
    }

    .adata.tui-pagination .pagination-mo {
        display: block;
    }

    .adata.tui-pagination .pagination-mo {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #171A19;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
        margin: 0 8px;
    }

    .search-page .synthesis-info-page .list-wrap > ul > li > a {
        padding-bottom: 0;
    }

    .search-page .synthesis-info-page .list-wrap > ul > li .btn-link {
        margin: 0px 0 30px 0;
    }

    .search-page .contents-list-wrap {
        flex-direction: column;
    }

    .search-page .contents-list-wrap > div {
        width: 100% !important;
    }

    .search-page .visual-wrap .search-wrap {
        margin-bottom: 0;
    }

    .search-page .search-total-wrap p {
        font-size: 24px;
    }

    .search-page .search-total-wrap p span {
        font-size: 28px !important;
    }

    .search-page .search-total-wrap {
        margin-bottom: 20px;
    }

    .tab-scrolling-wrap .btn-tab-more {
        position: relative;
        display: none;
    }

    .search-page .title-wrap:first-child {
        margin-top: 20px;
    }

    .search-page .synthesis-info-page .list-wrap > ul > li {
        padding: 15px 10px 30px;
    }

    .search-page .border-style {
        padding: 15px 20px;
    }

    .search-page .border-style .sub-title {
        margin-bottom: 14px;
    }

    .list-style-wrap > li > a {
        padding: 12px 0;
    }

    .search-page .adata.edu-request-list {
        padding: 0;
    }

    .search-page .contents-list-wrap .right-contents {
        max-width: 100%;
    }

    .search-detail-popup-wrap .popup-body {
        padding: 24px;
    }

    .search-detail-popup-wrap .popup-body .btn-poopup-search {
        width: 100%;
    }

    .search-page .title-wrap.type2 {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .search-page .visual-wrap {
        padding-bottom: 40px;
    }

    .search-page .title-wrap.type2 .left {
        width: 100%;
        border-bottom: 1px solid #D9D9D9;
        background: #F5F6F7;
    }

    .search-page .title-wrap.type2 .right {
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .hidden-pc {
        display: block !important;
    }

    .hidden-mo {
        display: none !important;
    }

    header .nav > .container {
        height: 60px;
    }

    header .nav-top, header .nav .menu-wrap {
        display: none;
    }

    .page {
        padding-top: 60px;
    }

    header .nav .logo > img {
        width: 112px;
    }

    header .nav .btn-wrap {
        gap: 8px;
    }

    header .nav .btn-wrap button > img {
        width: 24px;
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-pagination .swiper-pagination-bullet-active {
        width: 24px;
    }

    footer {
        padding: 20px 0;
        border-radius: 40px 0 0 0;
    }

    footer .footer-top-wrap {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    footer .footer-top-wrap select {
        height: 48px;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 128.571% */
    }

    footer .link-list-wrap > a {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
    }

    footer .link-list-wrap {
        gap: 16px;
        margin-bottom: 14px;
    }

    footer .link-list-wrap > a + a:before {
        left: -8px;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background: #fff;
    }

    footer .sub-text-wrap {
        margin-bottom: 2px;
        gap: 20px;
    }

    footer > .container > p, footer .sub-text-wrap > span{
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 200% */
        margin-bottom: 2px;
    }

    footer .sub-text-wrap > span + span:before {
        left: -10px;
    }

    footer .family-site {
        position: relative;
        right: 0;
        gap: 10px;
    }

    footer .family-site img {
        height: 24px;
    }

    footer .family-site .mafra img {
        height: 27px;
        margin-top: 8px;
    }

    footer .container > span {
        display: block;
        margin-bottom: 10px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 166.667% */
    }

    .menu-pc-poup {
        display: none !important;
    }

    .tabs-wrap {
        margin-bottom: 24px;
    }

    .tabs-wrap > button {
        height: 50px;
        padding: 0 15px;
        font-size: 16px;
    }

    .btn {
        width: 100%;
    }

    .btn-search-wrap {
        margin-bottom: 24px;
    }

    .table-wrap th {
        font-size: 16px;
        padding: 18px 10px;
    }

    .table-wrap td {
        padding: 18px 10px;
        font-size: 16px;
    }

    .cpif .search-total > p {
        font-size: 20px;
    }

    .cpif .search-total > p span {
        font-size: 24px;
    }

    .re-search-wrap {
        flex-direction: column;
        border-radius: 10px;
    }

    .re-search-wrap .inner-box {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .re-search-wrap .inner-box .item-box {
        flex-wrap: wrap;
    }

    .list-wrap > ul > li {
        padding: 20px 20px 50px;
    }

    .list-wrap .list-header {
        margin-bottom: 15px;
        align-items: flex-start;
    }

    .list-wrap .list-sub-contents {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }

    .list-wrap .list-sub-contents ul {
        justify-content: space-between;
        padding-top: 10px;
        border-top: 1px solid #ddd;
    }

    .list-wrap > ul > li .title {
        font-size: 16px;
    }

    .list-wrap > ul > li .contents-text {
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
    }

    .list-wrap > ul > li .sub-text {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .pagination-wrap .page-wrap {
        display: none;
    }

    .pagination-wrap .pagination-mo {
        display: flex;
        gap: 7px;
        align-items: center;
        justify-content: center;
        height: 30px;
        margin: 0 15px;
    }

    .pagination-wrap > a {
        min-width: 30px;
        height: 30px;
        padding: 0;
    }

    .pagination-wrap > a, .pagination-wrap > strong {
        display: none;
    }

    .pagination-wrap .tui-first, .pagination-wrap .tui-prev, .pagination-wrap .tui-next, .pagination-wrap .tui-last {
        display: block;
    }

    .pagination-wrap .pagination-mo > span {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 171.429% */
    }

    .pagination-wrap .pagination-mo > span:first-child {
        color: #289667;
        font-weight: 600;
    }

    .page-contents {
        padding: 50px 0 40px;
    }

    .tit {
        text-align: center;
        font-size: 24px;
        margin-bottom: 24px;
        padding: 0 12px;
    }

    .visual-wrap {
        padding: 40px 24px 80px;
    }

    .visual-wrap > .container {
        padding: 0;
    }

    .visual-wrap .img-deco {
        display: none;
    }

    .visual-wrap .sub-page-title {
        text-align: center;
    }

    .visual-wrap .sub-page-title > strong {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .visual-wrap .sub-page-title > span {
        margin-bottom: 5px;
    }

    .breadcrumb-wrap {
        margin-top: -70px;
    }

    .breadcrumb-wrap > ul {
        justify-content: center;
    }

    .list-wrap .list-sub-contents li .btn-img-heart {
        padding: 0 0 0 24px;
    }

    .list-wrap .list-sub-contents li .btn-img-heart:before {
        width: 16px;
        height: 16px;
        background-size: cover;
    }

    .list-wrap .list-sub-contents li .btn-img-heart.active:before {
        background-size: cover;
    }

    #tab2 .sub-title {
        font-size: 12px;
    }

    .compare .list-wrap .list-sub-contents {
        position: relative;
        bottom: 0;
        padding: 10px 0 0 0;
    }

    .compare-search-wrap {
        padding: 20px 24px;
    }

    .compare-search-wrap .inner-box {
        flex-direction: column;
        width: 100%;
        gap: 14px;
    }

    .compare-search-wrap .inner-box .input-text {
        min-width: 0;
        width: 100%;
    }

    .compare .sub-title {
        font-size: 14px;
        padding: 15px 0;
    }

    .compare-box {
        flex-direction: column;
        gap: 10px;
    }

    .compare-box .compare-item {
        padding: 20px;
        width: 100%;
    }

    .compare-box .body .no-data {
        font-size: 14px;
    }

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

    .compare-poup .poup-contents {
        padding: 0;
        height: 100vh;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        top: 0;
        transform: translate(0);
        border-radius: 0;
        border: 0;
    }

    .compare-poup .popup-header {
        background: #074D43;
        height: 76px;
        padding: 0 24px;
        margin-bottom: 0;
    }

    .compare-poup .popup-header > strong {
        color: #fff;
        font-size: 18px;
    }

    .compare-poup .popup-header .btn-close {
        background: transparent;
        width: 24px;
        height: 24px;
    }

    .compare-poup .popup-header .btn-close:hover {
        background: transparent;
    }

    .compare-poup .poup-contents .scroll {
        padding: 20px 24px;
        max-height: calc(100% - 76px);
        overflow-y: auto;
    }

    .compare-poup .popup-body {
        flex-direction: column;
        gap: 10px;
    }

    .compare-poup .popup-body .item-box {
        padding: 10px 20px 24px;
        width: 100%;
    }

    .compare-poup .popup-body .contnets-wrap {
        min-height: 360px;
    }

    .img-list .img-wrap {
        height: 252px;
    }

    .img-list .detail-wrap .location > span {
        font-size: 14px;
    }

    .img-list .detail-wrap > strong {
        font-size: 20px;
    }

    .list-style-wrap.column4 > ul {
        gap: 24px;
    }

    .list-style-wrap.column4 > ul > li {
        max-width: calc(50% - 12px);
    }

    .list-style-wrap .img-list .img-wrap {
        height: 218px;
    }

    .search-box {
        padding: 0;
    }

    .page-contents .search-box {
        background: transparent;
        border: 0;
    }

    .search-box .inner-box {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .search-box .item-box {
        width: 100%;
    }

    .search-box .item-box select {
        flex: 1;
    }

    .search-box .search-wrap {
        flex: 5;
    }

    .list-style-wrap {
        margin-bottom: 30px;
    }

    .detail-contents-wrap .detail-top .title {
        font-size: 18px;
        font-weight: 600;
    }

    .comment-wrap .comment-count {
        font-size: 18px;
    }

    .comment-wrap .name {
        font-size: 18px;
        font-weight: 300;
    }

    .comment-wrap .name > span {
        font-weight: 700;
    }

    .comment-list-wrap > .list-item {
        padding: 20px 0;
    }

    .comment-list-wrap .list-item .list-top .item-box.left > strong {
        font-size: 16px;
    }

    .comment-list-wrap .list-item > .text {
        font-size: 16px;
        font-weight: 300;
    }

    .comment-list-wrap .list-item .list-item:before {
        left: 20px;
    }

    .comment-list-wrap .list-item .list-item {
        padding: 20px 0 0 48px;
    }

    .qna .btn-wrap {
        margin-top: 20px;
    }

    .table-wrap.form-style {
        margin-bottom: 20px;
    }

    .table-wrap.form-style table, .table-wrap.form-style tbody, .table-wrap.form-style tr, .table-wrap.form-style td, .table-wrap.form-style tbody th {
        display: block;
    }

    .table-wrap.form-style tbody th {
        padding: 20px 0 10px;
        text-align: left;
        background: #fff;
    }

    .table-wrap.form-style tbody td {
        padding: 0 0 20px;
        font-size: 16px;
    }

    .table-wrap tr td > p {
        font-size: 16px;
    }

    .qna-detail .table-wrap.form-style .title .input-wrap input {
        width: auto;
    }

    .input-wrap {
        width: 100%;
    }

    .table-wrap.form-style .inner-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .table-wrap.form-style .file-wrap {
        flex-direction: column;
        gap: 12px;
    }

    .startup-guide-wrap {
        flex-direction: column;
    }

    .startup-guide-wrap .item-box {
        width: 100%;
    }

    .startup-guide-wrap .item-box .header {
        padding: 25px 20px;
    }

    .startup-guide-wrap .item-box .header > strong {
        height: 40px;
        font-size: 20px;
    }

    .startup-guide-wrap .item-box .header:after {
        right: 0px;
        top: -57px;
        width: 220px;
        height: 127px;
    }

    .startup-guide-wrap .item-box .header > p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .startup-guide-wrap .item-box .header .txt-box {
        font-size: 14px;
        padding: 12px;
        line-height: 1.2;
        border-radius: 10px;
    }

    .startup-guide-wrap .item-box .header .txt-box > .deco {
        font-size: 14px;
        line-height: 1.2;
    }

    .startup-guide-wrap .item-box .body > .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    .startup-guide-wrap .item-box .body > ul > li > a {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px; /* 137.5% */
        min-height: 40px;
        gap: 4px;
    }

    .startup-guide-wrap .item-box .body > ul > li > a > span {
        height: 24px;
        font-size: 14px;
        min-width: 100px;
    }

    .startup-guide-wrap .item-box .body > ul > li > a > span:before {
        width: 16px;
        height: 16px;
        background-size: cover;
    }

    .startup-guide-wrap {
        margin-bottom: 40px;
    }

    .community .sub-tit {
        text-align: center;
        font-size: 20px;
    }

    .community-list .item-box.right .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px; /* 133.333% */
    }

    .community-list-wrap.column2 .community-list {
        width: 100%;
    }

    .img-card-list {
        padding: 12px;
    }

    .region-list-wrap {
        flex-direction: column;
    }

    .region-list-wrap > li {
        max-width: 100%;
    }

    .img-card-list .item-box .name {
        font-size: 18px;
    }

    .region-find .sub-title-wrap {
        margin-bottom: 10px;
    }

    .region-find .sub-title-wrap .sub-title {
        font-size: 20px;
    }

    .region-find .sub-title-wrap .count, .region-find .sub-title-wrap .count span {
        font-size: 18px;
    }

    .map-wrap {
        display: none;
        margin-bottom: 30px;
    }

    .synthesis-popup .breadcrumb-wrap {
        margin: 0 0 30px;
    }

    .synthesis-popup {
        display: block;
    }

    .synthesis-popup .menu-wrap {
        width: 100%;
        height: auto;
        padding: 50px 0 0;
    }

    .synthesis-popup .contenst-wrap {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .blockMsg {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        border-radius: 0 !important;
    }

    .popup-contents {
        padding-top: 76px;
        border-radius: 0;
    }

    .blockMsg .popup-body {
        height: calc(100dvh - 76px);
        overflow: hidden;
        overflow-y: auto;
    }

    .synthesis-popup .menu-wrap {
        background: none;
        padding-top: 0;
    }

    .synthesis-popup .menu-wrap > h2 {
        display: none;
    }

    .synthesis-popup .menu-wrap > p {
        padding: 0 24px;
        margin-bottom: 30px;
    }

    .synthesis-popup .accodian-wrap > li > button {
        padding: 15px 40px;
    }

    .synthesis-popup .accodian-wrap > li > button:before {
        left: 24px;
    }

    .synthesis-popup .accodian-wrap > li > ul button {
        padding: 12px 55px;
    }

    .synthesis-popup .accodian-wrap > li > ul button:before {
        left: 40px;
    }

    .synthesis-popup .accodian-wrap > li > button:after {
        right: 24px;
    }

    .synthesis-popup .breadcrumb-wrap {
        display: none;
        padding: 20px 24px;
        margin: 0;
    }

    .synthesis-popup .breadcrumb-wrap ul li a {
        font-size: 14px;
        padding: 0 5px;
        font-weight: 700;
    }

    .synthesis-popup .breadcrumb-wrap ul li + li {
        padding-left: 5px;
    }

    .synthesis-popup .breadcrumb-wrap ul li + li:before {
        width: 7px;
        height: 7px;
        background-size: cover;
    }

    .synthesis-popup .table-wrap th {
        display: block;
        padding: 15px 24px;
        text-align: center;
    }

    .table-wrap tr th, .table-wrap tr td {
        padding: 25px 24px;
    }

    .synthesis-popup .table-wrap .icon-reset button {
        font-size: 14px;
    }

    .synthesis-popup .table-wrap .icon-reset button img {
        width: 14px;
    }

    .synthesis-popup .table-wrap .select-list-wrap {
        padding-top: 0;
        background: #F5F6F7;
    }

    .synthesis-popup .select-list {
        gap: 8px;
    }

    .synthesis-popup .select-list-wrap li button {
        display: flex;
        gap: 4px;
        align-items: center;
        font-size: 14px;
    }

    .synthesis-popup .select-list-wrap li button:after {
        width: 12px;
        height: 12px;
    }

    .synthesis-popup .button-wrap {
        text-align: center;
        margin-bottom: 40px;
    }

    .button-wrap button {
        width: calc(100% - 48px);
        font-size: 12px;
    }

    .blockUI .popup-close {
        width: 24px;
        height: 24px;
        right: 24px;
        top: 26px;
        background: url(../images/icon_popup_close.svg) no-repeat center;
    }

    .popup-contents .mo-header {
        display: block;
    }

    .synthesis-popup .table-wrap td > div, .select-wrap select {
        width: 100%;
    }

    .synthesis-info-page .sub-title {
        font-size: 12px;
        margin-bottom: 40px;
    }

    .synthesis-popup .btn-wrap {
        margin-bottom: 40px;
        padding: 0 30px;
    }

    .file-wrap #file-attach {
        flex-direction: column;
        align-items: flex-start;
    }

    .search-menu-wrap {
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
    }

    .search-menu-wrap > .container {
        padding: 60px 24px;
    }

    .search-menu-wrap .search-box {
        padding: 30px 0 20px;
    }

    .search-menu-wrap .desc {
        padding-bottom: 20px;
    }

    .search-menu-wrap .tag-list-wrap {
        margin-bottom: 20px;
    }

    .region-popup-wrap-bg .region-popup-wrap {
        width: 100%;
        height: 100vh;
        max-height: 100vh;
    }

    .region-popup-wrap .popup-contents, .agree-popup-wrap .popup-contents {
        height: 100vh;
        max-height: 100vh;
        padding: 0;
    }

    .region-popup-wrap .popup-body, .agree-popup-wrap .popup-body {
        padding: 24px;
    }

    .region-popup-wrap .popup-close, .agree-popup-wrap .popup-close {
        top: 22px;
        filter: invert(1);
        width: 24px;
        height: 24px;
        right: 24px;
        background: url(../images/icon_popup_close.svg) no-repeat center;
    }

    .region-popup-wrap .table-wrap th, .region-popup-wrap .table-wrap td {
        padding: 12px;
    }



}

@media (max-width: 768px) {
    .adata .edu-list .btn-wrap {
        position: relative;
        bottom: 0;
        left: 0;
        padding: 0;
    }

    .aedata_master .qna-wrap {
        flex-direction: column;
    }
    .aedata_master .master .qna-wrap {
        margin: 12px 0 0 0;
        justify-content: center;
    }
    .aedata_master .qna-wrap .qna-list {
        width: 100%;
        min-height: auto;
        margin: 20px 0 0 0;
        padding: 24px 20px 16px;
    }

    .edu-request-list > li .edu-list {
        padding: 12px;
        margin-bottom: 0;
    }

    .list-style-wrap.column4 > ul > li {
        max-width: 100%;
    }

    .list-style-wrap .img-list {
        display: flex;
    }

    .list-style-wrap .img-list .img-wrap {
        min-width: 120px;
        max-width: 120px;
        height: auto;
        flex: 1;
        border-radius: 0px 20px 0px 0px;
    }

    .img-list .detail-wrap {
        width: calc(100% - 120px);
    }

    .list-style-wrap .img-list .img-wrap img {
        width: auto;
        height: 100%;
    }

    .img-list .detail-wrap {
        padding: 20px;
        flex: 1.4;
    }

    .search-box .item-box {
        flex-direction: column;
    }

    .search-box .search-wrap .input-text, .search-box .item-box .input-wrap input {
        min-width: 0;
    }

    .search-box .item-box select {
        flex: auto;
    }

    .img-card-list .img-wrap {
        min-width: 100px;
    }

    .img-card-list .item-box {
        max-width: calc(100% - 124px);
    }

    .map-wrap .inner-box .item-box.right .map-item-box {
        transform: scale(.8);
        margin-top: -50px;
    }

    .map-wrap .inner-box .item-box.right .map-detail-wrap {
        padding: 60px 8px 0;
    }

    .detail-body .thumbnail-wrap {
        flex-direction: column;
        gap: 16px;
    }

    .detail-body .thumbnail-wrap > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

@media (max-width: 575px) {
    .map-wrap .inner-box .item-box.right .map-item-box {
        left: 50%;
        transform: translateX(-50%) scale(.7);
        margin-top: -70px;
    }

    .search-detail-popup-wrap .select {
        width: 100%;
    }

    .search-detail-popup-wrap .select + .select {
        margin-top: 8px;
    }
}

@media (max-width: 425px) {
    .re-search-wrap {
        padding: 20px 10px;
    }

    .re-search-wrap .inner-box .item-box {
        gap: 4px;
    }

    select {
        min-width: 0;
        padding: 12px 30px 12px 10px;
        background: #fff url(../images/specialHall/icon_select_arrow.svg) no-repeat calc(100% - 5px) 51%/24px auto;
    }

    .map-wrap .inner-box .item-box.right .map-item-box {
        transform: translateX(-50%) scale(.5);
    }

}

/* dim  비밀번호 변경 안내 팝업 모달 css 추가 */
.modal {background:rgba(16,19,20,0.4);}
.modal-dialog{margin:0 auto;}
.modal-w320 {max-width:320px;}
.modal-w346 {max-width:346px;}
.modal-w356 {max-width:356px;}
.modal-w400 {max-width:400px;padding:0 16px;}
.modal-w410 {max-width:410px;}
.modal-w419 {max-width:419px;}
.modal-w448 {max-width:448px;}
.modal-w457 {max-width:457px;}
.modal-w461 {max-width:461px;}
.modal-w467 {max-width:467px;}
.modal-w475 {max-width:475px;}
.modal-w500 {max-width:500px;padding:0 16px;}
.modal-w624 {max-width:624px;}
.modal-w648 {max-width:648px;}
.modal-w680 {max-width:680px;}
.modal-w795 {max-width:795px;}
.modal-w848 {max-width:848px;}
.modal-hin300 {min-height:150px;}
.modal-backdrop {z-index:998;}
.modal-content {border-radius:16px;;}
.modal-content .modal-header {padding:24px 24px 0 24px;border-bottom:none;}
.modal-content .modal-head-mobile {padding:24px 24px 0 24px;border-bottom:none;width: 130px;height: 70px;}
.modal-content .modal-head-mobile .modal-title2 {margin-bottom: 0; width: 600px;height: 40px;background:url(../images/img_logo4_m.png) no-repeat; background-size:contain;}

.modal-content .modal-body {padding:16px 24px;}
.modal-content .modal-body .tit16 {color:#101314;font-size:16px;font-weight:bold;letter-spacing:-0.48px;}
.modal-content .modal-body .txt14 {color:#101314;font-size:14px;letter-spacing:-0.47px;}
.modal-content .modal-body .txt14 .orangecolor {color:#ee8508;}
.modal-content .modal-body .txt12 {color:#88898a;font-size:12px;letter-spacing:-0.36px;}
.modal-content .modal-body .tit-com {color:#101314;font-size:24px;font-weight:bold;letter-spacing:-1.2px;}
.modal-content .modal-body .txt-btn {position:relative;margin-top:30px;padding:17px 12px;border:1px solid #e3e3e3;border-radius:4px;}
.modal-content .modal-body .txt-btn p {position:relative;color:#262626;font-size:15px;line-height:1.47;}
.modal-content .modal-body .txt-btn .smal-arrow-btn {position:absolute;top:0;right:12px;bottom:0;margin:auto;padding-right:18px;background:none;border:none;color:#4d4b4b;font-size:13px;letter-spacing:-0.39px;}
.modal-content .modal-body .txt-btn .smal-arrow-btn::after {content:"";position:absolute;top:0;right:0;bottom:0;margin:auto;width:16px;height:16px;background:url(../images/ico_16_next_n.png) no-repeat left top;background-size:cover;}
.modal-content .modal-body .txt-btn + .txt-btn {margin-top:12px;}
.modal-content .modal-body .txt14 + .d-flex {margin-top:12px;}
.modal-content .modal-body .txt14 + .d-flex .select + .select {margin-left:8px;}
.modal-content .modal-body .closure-box + .select {margin-top:20px;}
.modal-content .modal-body .closure-box + .select .select-options {width:100%;}
.modal-content .modal-body .phone-num {margin-top:16px;padding:23px 16px;background:#f8f8f8;border-radius:8px;}
.modal-content .modal-body .phone-num strong {color:#101314;font-size:15px;font-weight:500;}
.modal-content .modal-body .phone-num span {margin-left:8px;color:#282b2c;font-size:15px;}
.modal-content .modal-footer {padding:0 24px 24px 24px;border-top:none;justify-content: center;}
.modal-content .modal-body .table-scroll {
    overflow: auto;
}
.modal-w500 .modal-content .modal-body .custom-control {margin-top:28px;}

.modal-content > .close {position:absolute;top:26px;right:26px;}
.modal-content > .close-mobile {position:absolute;top:9px;right:26px;}

/* 비밀번호 변경안내 */
.passwordChange {display: flex;align-items: center;margin-bottom: 16px;padding-bottom: 16px; border-bottom: 1px solid #e8e8e8;column-gap: 16px;}
.passwordChange img {width:56px;}
.passwordChange h5 {font-size: 18px;margin-bottom: 2px;}
.passwordChange p {color:#88898a;font-size: 15px;}

.modal-footer .btn-right {
    display: flex;
    margin-top: 24px;
    text-align: left;
    gap: 15px;
}

.modal-footer .btn-right .btn-orange {
    background:#C4763D;
    color:#fff;
}
.modal-footer .btn-right .btn-orange:hover {
    background:#a86535;
    color:#fff;
}

.modal-footer .btn-right .btn-outline-white {
    background-color: white;
    color : black;
    padding:0 20px;
    border:1px solid #968f8f;
    border-radius:24px;
}

.modal-footer .btn-right .btn-outline-white:hover {
    background-color:rgba(232, 232, 232, 0.5);
    border-color: #101314;
}

.modal-footer .btn-right .btn-outline-white48 {
    padding:0 25px;
    border:1px solid #968f8f;
    border-radius:24px;
}

.modal-footer .btn-right .btn-outline-white:hover {
    background-color:rgba(232, 232, 232, 0.5);
    border-color: #101314;
}

.modal-footer .btn-right .btn-black48 {
    height:48px;
    padding:0 20px;
    font-size:18px;
    border-radius: 24px;
}

.myphone > p {color:#101314;font-size:14px;letter-spacing:-0.42px;}
.myphone .accordion {margin-top:12px;border-top:1px solid #999;}
.myphone .accordion .card {padding:0;border-radius:0 !important;border:none !important;border-bottom:1px solid #e8e8e8 !important;}
.myphone .accordion .card + .card {margin-top:0;}
.myphone .accordion .card-header {padding:11px 0;}
.myphone .accordion .card-header .custom-radio {display:inline-block;width:100%;margin-right:0;padding-left:32px;}
.myphone .accordion .card-header .custom-radio .custom-control-label {width:100%;padding-right:15px;background:url(../images/btn_20_icon_drop_n.png) no-repeat right center;background-size:16px;}
.myphone .accordion .card-header .custom-radio .custom-control-label.collapsed {background:url(../images/ico_16_drop_n.png) no-repeat right center;background-size:16px;}
.myphone .accordion .card-header .custom-radio .custom-control-label::before {left:-32px;}
.myphone .accordion .card-header .custom-radio strong {color:#000;font-size:15px;letter-spacing:-0.3px;font-weight:500;}
.myphone .accordion .card-header .custom-radio p {margin-top:2px;color:#88898a;font-size:14px;letter-spacing:-0.28px;}
.myphone .accordion .card-header::after {display:none;}
.myphone .accordion .card-body {padding:4px 0 16px;border:none;}
.myphone .accordion .card-body .phone-number {display:flex;}
.myphone .accordion .card-body .phone-number .input-box {flex-grow:1;}
.myphone .accordion .card-body .phone-number .btn {margin-left:8px;}
.myphone .accordion .card-body .phone-certified {margin-top:8px;}
.myphone .accordion .card-body .phone-certified .input-box {width:100%;}
.myphone .accordion .card-body .txt-error {margin:4px 0 0 0;}
.myphone .accordion .card-body .time {margin-top:4px;color:#cf1f25;font-size:12px;letter-spacing:0;}
.myphone .accordion .card-body .phone-certified + .btn,
.myphone .accordion .card-body .txt-error + .btn,
.myphone .accordion .card-body .time + .btn {margin-top:12px;}
.myphone .accordion .card-body > .btn {width:100%;}
.myphone .accordion + p {margin-top:12px;}
.myphone .accordion + p a {color:#e08a34;text-decoration: underline;}

.changePasswordForm li{padding-bottom: 16px;}
.changePasswordForm li .tit {font-size: 14px;}
.changePasswordForm .msg {padding-bottom: 8px;}

.error-bd {border:1px solid #e54e2b !important;}
.txt-msg {position:relative;color:#8b8b8b;font-size:12px;}
.txt-complete {position:relative;margin-left:8px;padding-left:18px;color:#59a530;font-size:12px;}
.txt-complete::after {content:"";position:absolute;top:2px;left:0;width:16px;height:16px;background:url(../images/ico_16_complete.png) no-repeat left top;background-size:cover;}
.txt-error {position:relative;margin-left:8px;padding-left:18px;color:#cf1f25 !important;font-size:12px !important;}
.txt-error::after {content:"";position:absolute;top:2px;left:0;width:16px;height:16px;background:url(../images/ico_16_error.png) no-repeat left top;background-size:cover;}





.filter-tab {margin-top:20px;padding:20px 16px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:12px;}
.filter-tab .all-area {display:flex;width:100%;padding-bottom:12px;border-bottom:1px solid #e8e8e8;}
.filter-tab .all-area a {position:relative;width:auto;margin:0;padding:0;background:none;border:none;}
.filter-tab .all-area a,
.filter-tab .all-area span {position:relative;color:#848484;font-size:14px;letter-spacing:-0.34px;}
.filter-tab .all-area span {color:#2c2c2c;}
.filter-tab .all-area span,
.filter-tab .all-area a + a {margin-left:4px;padding-left:16px;}
.filter-tab .all-area span::after,
.filter-tab .all-area a + a::after {content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;width:12px;height:12px;background:url(../images/ico_12_area.png) no-repeat left top;background-size:cover;}
.filter-tab .line {margin:0 -4px 0 -4px;padding-top:8px;display:flex;flex-wrap:wrap;}
.filter-tab button {width:calc(20% - 8px);margin:8px 4px 0 4px;padding:14px 0;background:#fff;border:1px solid #dedede;border-radius:8px;color:#101314;font-size:16px;line-height:1.5;font-weight:500;}
.filter-tab button.active {background:#ee8508;color:#fff;border: 0;}

.adata.filter-tab button.active {
    background: #C4763D;
    color: #fff;
}
.adata.filter-tab button.active .ctpv_sgg_nm {
    color: #fff;
}
.adata.filter-tab button.active .ctpv_sgg_cmmnty_cnt {
    color: #fff;
}
.adata.filter-tab button.active .thema_nm {
    color: #fff;
}
.adata.filter-tab button.active .thema_cmmnty_cnt {
    color: #fff;
}

.adata.filter-tab button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(20% - 16px);
    height: 48px;
    color: #171A19;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.adata.filter-tab .line {
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 12px;
}

.adata.filter-tab .all-area {
    margin-bottom: 20px;
}
.bscmnty h3.tit {margin-top: 20px;}
h3.tit {margin:0 auto;color:#101314;font-size:24px;line-height:1.5;font-weight:bold;text-align:left; margin-top: 20px;}
h3.tit strong {color:#BE7B4B;}

h3.sc-tit2 {color:#101314;font-size:24px;line-height:1.5;font-weight:bold;text-align:left; margin-top: 20px;}
h3.sc-tit2 strong {color:#BE7B4B;}

.aedata_commu .inner .tit-wrap {
    margin: 40px 0 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.aedata_commu .tab-switch {
    display: inline-flex;
    padding: 3px;
    border-radius: 26px;
    border: none;
    background-color: #e6e6e6;
}

.aedata_commu .tab-switch li .nav-link {
    padding: 11px 16px;
    border-radius: 30px;
    background: transparent;
    border: none;
    color: #101314;
    font-size: 16px;
}

.aedata_commu .tab-switch li .active {
    padding: 11px 16px;
    border-radius: 30px;
    box-shadow: none;
    background-color: #C4763D;
    color: #fff;
}

.morebtn {margin-top:24px;text-align:center;}

.btn-outline-frame44 {
    padding: 10px 20px;
    border-color: #929292;
    color: #101314;
    font-size: 16px;
}

.btn-outline-frame44:hover {
    border-color: #101314;
    background-color: rgba(232, 232, 232, 0.5);
}

.tab_box_new{max-width: 650px; margin: 0 auto;}
.tab_box_new .tabs-wrap{display: flex; align-items: center; justify-content: space-between;}
.tab_box_new .tabs-wrap>li{width: calc(50% - 10px);}
.tab_box_new .tabs-wrap>li>button{display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; color: #171A19; border: 1px solid #dedede; font-size: 16px; border-radius: 8px; font-weight: 500; line-height: normal; margin: 0;}
.tab_box_new .tabs-wrap>li>button.active{background: #15875E; color: #fff;}
.tab_box_new .tabs-wrap>li>button:hover{background: #15875E; color: #fff;}

.w100 {
    width: 100% !important;
}

.adata.filter-tab {padding: 20px;}

.search-txt p strong {
    color: #ee8508;
    font-weight: 500;
}

.btn-more-button {
    height: 48px;
    padding: 0 20px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    border: 1px solid #929292;
    border-color: #929292;
}

.pagination-new {
    text-align: center;
}

.pagination-new .tui-page-btn {
    display: inline-block;
}
.pagination-new .tui-page-btn:hover {
    display: inline-block;
}

.thema_more_btn {
    height: 48px;
    padding: 0 20px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    border: 1px solid #929292;
    border-color: #929292;
}

.location_more_btn {
    height: 48px;
    padding: 0 20px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    border: 1px solid #929292;
    border-color: #929292;
}