@charset "UTF-8";
#container .subContent .content_top .page-title-wrap .breadcrumb-wrap .breadcrumb li .txt {

    text-decoration: underline;
    text-underline-position: under;
    border-bottom: 0;
    padding: 6px;
}
#container .subContent .content_top .btnList {
    display: flex;
    align-items: center;
    gap: 8px;
}
#container .subContent .content_top .btnList > li {
    position: relative;
}
#container .subContent .content_top .btnList > li button {
    width: 40px; height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
}
#container .subContent .content_top .btnList > li .btn_share {
    background-image: url(../images/component/common/ico_share_20.svg);
}
#container .subContent .content_top .btnList > li .btn_print {
    background-image: url(../images/component/common/ico_printer_20.svg);
}

/* tablet */
@media screen and (max-width: 1024px) {
    #container .subContent .content_top .page-title-wrap {
        gap: 4px;
    }
    #container .subContent .content_top .page-title-wrap .breadcrumb-wrap {
        padding: 0;
    }
    #container .subContent .content_top .page-title-wrap .breadcrumb-wrap .breadcrumb li .txt {
        padding: 6px;
        border-bottom: 0;
    }
    #container .subContent .content_top .btnList {
        flex-direction: column;
    }
}

/* mobile */
@media screen and (max-width: 767px) {
    .breadcrumb-wrap .breadcrumb li {
        display: none;
    }
    .breadcrumb-wrap .breadcrumb li:first-child,
    .breadcrumb-wrap .breadcrumb li:last-child {
        display: inline-flex;
    }
    .breadcrumb-wrap .breadcrumb li:last-child > a {
        order: 3;
    }
    .breadcrumb-wrap .breadcrumb li:last-child::before {
        order: 1;
        content: '...';
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        line-height: 1.2;
        border-bottom: 0.1rem solid var(--krds-gray-50);
    }
    .breadcrumb-wrap .breadcrumb li:last-child::after {
        order: 2;
        content: '';
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        width: 1.6rem;
        height: 1.6rem;
        margin-left: var(--krds-spacer-1);
        background: url(../../images/pattern/common/ico_bread_arr_black.svg) no-repeat;
        background-size: contain;
    }
    .breadcrumb-wrap .breadcrumb li:last-child:nth-child(2)::before,
    .breadcrumb-wrap .breadcrumb li:last-child:nth-child(2)::after {
        display: none;
    }
}

/* tab 메뉴 */
/* .tab-area {}
.tab-area .tablist,
.subtab-area .subtablist {
    position: relative;
    display: flex;
    border-bottom: 2px solid #D8D8D8;
}
.subtab-area .subtablist {
    border-bottom: none;
}
.tab-area .tablist .swiper,
.subtab-area .subtablist .swiper {
    width: 100%;
    margin: 0 92px 0 48px;
}
.subtab-area .subtablist .swiper{
    border: solid 1px #D8D8D8;
    border-radius: 12px;
}
.tab-area .tablist .swiper-wrapper,
.subtab-area .subtablist .swiper-wrapper {
    display: flex;
    align-items: center;
}
.tab-area .tablist .swiper-slide,
.subtab-area .subtablist .swiper-wrapper {
    width: 25%;
}
.tab-area .tablist.val2 .swiper-slide {
    width: 50%;
}
.tab-area .tablist.val3 .swiper-slide {
    width: 33.333%;
}
.tab-area .tablist:not(:has(.swiper-slide:nth-child(4))) .swiper-slide {
    width: 33.33%;
}
.tab-area .tablist:not(:has(.swiper-slide:nth-child(3))) .swiper-slide {
    width: 50%;
}
.tab-area .tablist:not(:has(.swiper-slide:nth-child(2))) .swiper-slide {
    width: 100%;
}
.tab-area .tablist .swiper-slide button,
.subtab-area .subtablist .swiper-slide button {
    width: 100%;
    height: 58px;
    font-size: 17px;
    font-weight: 700;
    line-height: 25.5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555555;

    &:hover,
    &:focus {
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 2px;
    }
}
.subtab-area .subtablist .swiper-slide{
    border-right: solid 1px #D8D8D8;
    margin-right: 1px;
}
.subtab-area .subtablist .swiper-slide:not(.active) button:hover,
.subtab-area .subtablist .swiper-slide:not(.active) button:focus{
    text-decoration: none;
    background-color: #EDF8F8;
    color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button::before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button{
    color: #075D5D;
}
.subtab-area .subtablist .swiper-slide.active{
    background-color: #043E3E;
}
.subtab-area .subtablist .swiper-slide.active button{
    color: #fff;
}
.tab-area .tablist .swiepr-move-btn ,
.subtab-area .subtablist .swiepr-move-btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #E4E4E4;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.8);

    &:hover,
    &:focus {
        background-color: #F0F0F0;
    }
}
.tab-area .tablist .swiepr-move-btn.prev,
.subtab-area .subtablist .swiepr-move-btn.prev  {
    left: 0;
    background-image: url(../images/common/ico_prev_black.svg);
}
.tab-area .tablist .swiepr-move-btn.prev.swiper-button-disabled,
.subtab-area .subtablist .swiepr-move-btn.prev.swiper-button-disabled {
    background-image: url(../images/common/ico_prev_gray.svg) !important;
    border: 1px solid #E4E4E4;
    background-color: #F8F8F8;
}
.tab-area .tablist .swiepr-move-btn.next,
.subtab-area .subtablist .swiepr-move-btn.next {
    right: 44px;
    background-image: url(../images/common/ico_next_black.svg);
}
.tab-area .tablist .swiepr-move-btn.next.swiper-button-disabled ,
.subtab-area .subtablist .swiepr-move-btn.next.swiper-button-disabled {
    right: 44px;
    background-image: url(../images/common/ico_next_gray.svg) !important;
    border: 1px solid #E4E4E4;
    background-color: #F8F8F8;
}
.tab-area .tablist-full,
.subtab-area .subtablist-full {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
}
.tab-area .tablist-full-wrap,
.subtab-area .subtablist-full-wrap {
    display: none;
    position: absolute;
    top: 58px;
    right: 0;
    width: 358px;
    max-width: calc(100vw - 48px);
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.tab-area .tablist-full-btn,
.subtab-area .subtablist-full-btn {
    display: flex;
    padding: 8px;
    width: 40px;
    height: 40px;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 1px solid #E4E4E4;
    background-color: rgba(255, 255, 255, 0.80);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/common/ico_tablist_black.svg);
}
.tab-area .tablist-full-wrap .select-list,
.subtab-area .subtablist-full-wrap .subselect-list {
    max-height: 240px;
    overflow-y: auto;
}
.tab-area .tablist-full-wrap .select-list::-webkit-scrollbar,
.subtab-area .subtablist-full-wrap .subselect-list::-webkit-scrollbar  {
    width: 2px;
}
.tab-area .tablist-full-wrap .select-list::-webkit-scrollbar-thumb,
.subtab-area .subtablist-full-wrap .subselect-list::-webkit-scrollbar-thumb  {
    background: #d8d8d8;
}
.tab-area .tablist-full-wrap .select-list > li.active .btn-tab,
.subtab-area .subtablist-full-wrap .subselect-list > li.active .subbtn-tab {
    background: #075D5D;
    color: #fff;
}
.tab-area .tablist-full-wrap .select-list .btn-tab,
.subtab-area .subtablist-full-wrap .subselect-list .subbtn-tab {
    display: flex;
    width: calc(100% - 8px);
    height: 48px;
    padding: 15px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    border-radius: 8px;

    &:hover,
    &:focus {
        background: #EDF8F8;
        text-decoration: underline;
        text-underline-position: under;
    }
}

.tab-area.tab-in {
    margin-bottom: 32px;
}
.tab-area.tab-in .tablist {
    border-bottom: 0;
}
.tab-area.tab-in .tablist .swiper {
    border-radius: 12px;
    border: 1px solid #d8d8d8;
}
.tab-area.tab-in .tablist .swiper-slide + .swiper-slide {
    border-left: 1px solid #d8d8d8;
}
.tab-area.tab-in .tablist .swiper-slide-active {
    border-left: none !important;
}
.tab-area.tab-in .tablist .swiper-slide button {
    &:hover,
    &:focus {
        color: #075d5d;
        background-color: #EDF8F8;
    }
}
.tab-area.tab-in .tablist .swiper-slide.active button {
    color: #fff;
    background-color: #043E3E;
}

@media screen and (max-width: 1024px) {
    .tab-area .tablist .swiper-slide {
        width: 33.33%;
    }
}

@media screen and (max-width: 767px) {
    .tab-area .tablist.val2 .swiper-slide,
    .tab-area .tablist.val3 .swiper-slide,
    .tab-area .tablist .swiper-slide {
        width: 100%;
    }
}

.swiper-button-lock {
    display: block !important;
}
.swiper-button-lock.prev,
.swiper-button-disabled.prev {
    background-image: url(../images/common/ico_prev_d8d8d8.svg) !important;
}
.swiper-button-lock.next,
.swiper-button-disabled.next {
    background-image: url(../images/common/ico_next_d8d8d8.svg) !important;
}
.swiper:has(.nodata) + .swiper-control .play {
    background-image: url(../images/common/ico_play_d8d8d8.svg) !important;
}
.swiper:has(.nodata) + .swiper-control .stop {
    background-image: url(../images/common/ico_stop_d8d8d8.svg) !important;
} */

.tab-area {}
.tab-area .tablist,
.subtab-area .subtablist {
    position: relative;
    display: flex;
    border-bottom: 2px solid #D8D8D8;
    overflow: hidden;
}
.subtab-area .subtablist {
    border-bottom: none;
}
.tab-area .tablist .swiper,
.subtab-area .subtablist .swiper {
    width: 100%;
}
.subtab-area .subtablist .swiper{
    border: solid 1px #D8D8D8;
    border-radius: 12px;
}
.tab-area .tablist .swiper-wrapper,
.subtab-area .subtablist .swiper-wrapper {
    display: flex;
    align-items: center;
}
.tab-area .tablist .swiper-slide,
.subtab-area .subtablist .swiper-wrapper {
    width: auto;
    flex: 1 0 auto;
}
.tab-area .tablist .swiper-slide button,
.subtab-area .subtablist .swiper-slide button {
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #555;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
.tab-area .tablist .swiper-slide button:hover,
.tab-area .tablist .swiper-slide button:focus,
.subtab-area .subtablist .swiper-slide button:hover,
.subtab-area .subtablist .swiper-slide button:focus {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}

.tab-area .tablist .swiper-slide button:focus-visible,
.subtab-area .subtablist .swiper-slide button:focus-visible {
    outline-offset: -0.4rem;
}
.subtab-area .subtablist .swiper-slide{
    border-right: solid 1px #D8D8D8;
    margin-right: 1px;
}
.subtab-area .subtablist .swiper-slide:not(.active) button:hover,
.subtab-area .subtablist .swiper-slide:not(.active) button:focus{
    text-decoration: none;
    background-color: #EDF8F8;
    color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button::before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button{
    color: #075D5D;
}
.subtab-area .subtablist .swiper-slide.active{
    background-color: #043E3E;
}
.subtab-area .subtablist .swiper-slide.active button{
    color: #fff;
}
.tab-area .tablist .swiper-move,
.subtab-area .subtablist .swiepr-move {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: calc(100% + 2px);
    background-color: #fff;
    z-index: 2;
    display: flex;
    align-items: center;
}
.tab-area .tablist .swiper-move.prev,
.subtab-area .subtablist .swiepr-move.prev {
    justify-content: flex-start;
    left: 0;
}
.tab-area .tablist .swiper-move.next,
.subtab-area .subtablist .swiepr-move.next {
    justify-content: flex-end;
    right: 0;
}
.tab-area .tablist .swiper-move.prev::before,
.subtab-area .subtablist .swiepr-move.prev::before {
    content: '';
    display: block;
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.25) 27.34%, #FFF 100%);
}
.tab-area .tablist .swiper-move.next::before,
.subtab-area .subtablist .swiepr-move.next::before {
    content: '';
    display: block;
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 27.34%, #FFF 100%);
}
.tab-area .tablist .swiepr-move-btn,
.subtab-area .subtablist .swiepr-move-btn {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 1px solid #E4E4E4;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.8);

}
.tab-area .tablist .swiepr-move-btn:hover,
.tab-area .tablist .swiepr-move-btn:focus,
.subtab-area .subtablist .swiepr-move-btn:hover,
.subtab-area .subtablist .swiepr-move-btn:focus {
    background-color: #F0F0F0;
}

.tab-area .tablist .swiepr-move-btn.prev,
.subtab-area .subtablist .swiepr-move-btn.prev  {
    background-image: url(../images/common/ico_prev_black.svg);
}
.tab-area .tablist .swiepr-move-btn.next,
.subtab-area .subtablist .swiepr-move-btn.next {
    background-image: url(../images/common/ico_next_black.svg);
}
.tab-area .tablist .swiper-button-disabled,
.subtab-area .subtablist .swiper-button-disabled {
    display: none !important;
}
.tab-area .tablist-full,
.subtab-area .subtablist-full {
    display: none;
}

.tab-area.tab-in {
    margin-bottom: 32px;
}
.tab-area.tab-in .tablist {
    border-bottom: 0;
}
.tab-area.tab-in .tablist .swiper {
    margin: 0 -8px;
    width: calc(100% + 16px);
}
.tab-area.tab-in .tablist .swiper-slide-active {
}
.tab-area.tab-in .tablist .swiper-slide {
    padding: 0 8px;
}
.tab-area.tab-in .tablist .swiper-slide button {
    display: inline-flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid #D8D8D8;
    color: #555;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
}
.tab-area.tab-in .tablist .swiper-slide button:hover,
.tab-area.tab-in .tablist .swiper-slide button:focus {
    background-color: #EDF8F8;
    color: #075D5D;
    text-decoration: none;
}
.tab-area.tab-in .tablist .swiper-slide.active button {
    background: #043E3E;
    border: 1px solid #043e3e;
    color: #FFF;
}
.tab-area.tab-in .tablist .swiper-slide.active button::before {
    display: none;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 767px) {

}

.swiper-button-lock {
    display: block !important;
}
.swiper-button-lock.prev,
.swiper-button-disabled.prev {
    background-image: url(../images/common/ico_prev_d8d8d8.svg) !important;
}
.swiper-button-lock.next,
.swiper-button-disabled.next {
    background-image: url(../images/common/ico_next_d8d8d8.svg) !important;
}
.swiper:has(.nodata) + .swiper-control .play {
    background-image: url(../images/common/ico_play_d8d8d8.svg) !important;
}
.swiper:has(.nodata) + .swiper-control .stop {
    background-image: url(../images/common/ico_stop_d8d8d8.svg) !important;
}


/* 페이지 리뷰 */
.pageReview {
    display: flex;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    background: #F8F8F8;
    margin-top: 80px;
}
.pageReview-top {
    display: flex;
    /* padding-bottom: 16px; */
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    /* border-bottom: 1px solid #D8D8D8; */
}
.pageReview-top.mobile {
    display: none;
}
.pageReview-top > h3 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    position: relative;
    font-size: 19px;
    font-weight: 700;
}
.pageReview-top > h3::before {
    content: '';
    display: inline-flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/sub/ico_pageReview_green.svg);
}
.pageReview-top-cont {
    display: flex;
    align-items: center;
    gap: 16px;
}
.pageReview-top-cont > dl {
    display: flex;
    align-items: center;
}
.pageReview-top-cont > dl > dt {
    color: #555;
    font-size: 15px;
    font-weight: 700;
}
.pageReview-top-cont > dl > dd {
    position: relative;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    margin-left: 8px;
    padding-left: 8px;
}
.pageReview-top-cont > dl > dd::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width:  1px;
    height: 10px;
    background: #C6C6C6;
}
.pageReview-cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px 8px;
    align-self: stretch;
}
.pageReview-write {
    display: flex;
    align-items: center;
    gap: 24px;
}
.input-area {
    display: flex;
    gap: 8px;
    align-items: center;
}
.input-area .pageReview-input {
    display: flex;
    height: 43px;
    padding: 12px 16px;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    font-size: 15px;
}
.input-area .pageReview-input::placeholder {
    font-size: 15px;
    color: #717171;
}
.input-area .pageReview-submit {
    display: flex;
    height: 43px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #075D5D;
    color: #FFF;
    font-size: 15px;
    line-height: 150%; /* 22.5px */
}

/* tablet */
@media screen and (max-width: 1024px) {
    /* .pageReview-top.pc {
        display: none;
    } */
    .pageReview-top.mobile {
        display: block;
    }
    .pageReview-write {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .input-area {
        width: 100%;
    }
    .input-area .pageReview-input {
        width: 100%;
    }
}


@media screen and (max-width: 767px) {
    .pageReview {
        padding: 16px 24px;
    }
    .pageReview-top.pc {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .pageReview-top-cont {
        width: 100%;
        padding-top: 16px;
        border-top: 1px solid #E4E4E4;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .pageReview-write .chk-area {
        flex-direction: column;
        gap: 8px;
    }
    .input-area {
        flex-direction: column;
    }
    .input-area .pageReview-submit {
        width: 100%;
    }
}
/* 준비중 */
.preparing {
    display: flex;
    width: 100%;
    height: 755px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:#F8F8F8;
}
.preparing_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.preparing_wrap > img {
    max-width: 100%;
}
.preparing_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.preparing_cont > .tit {
    color: #1D1D1D;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 150%; /* 37.5px */
}
.preparing_cont > .tit > span {
    color: #097C7C;
}
.preparing_cont > .cont {
    color: #1D1D1D;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 150%; /* 25.5px */
}

/* 준비중 */
.preparing {
width: 100%;
min-height: 936px;
background-color: #F8F8F8;
display: flex;
align-items: center;
justify-content: center;
}
.preparing-wrap {
display: inline-flex;
flex-direction: column;
max-width: 391px;
}
.preparing-wrap .imgBox {
position: relative;
width: 64px;
height: 61px;
margin: 0 auto;
}
.preparing-wrap .imgBox .img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-image: url(../images/component/common/ico_logo.svg);
}
.preparing-wrap .tit {
font-size: 25px;
font-weight: 700;
line-height: 150%;
text-align: center;
margin-top: 24px;
}
.preparing-wrap .tit > span {
color: #097C7C;
}
.preparing-wrap .cont {
font-size: 17px;
font-weight: 500;
line-height: 150%;
text-align: center;
margin-top: 16px;
}
/* tablet */
@media screen and (max-width: 1279px) {
.preparing {
    min-height: 600px;
}
}
/* mobile */
@media screen and (max-width: 767px) {
.preparing {
    min-height: 400px;
}
.preparing-wrap {
    max-width: 326px;
}
}


/* ** sub99 : 이용안내 - 통합예약 > 이용안내,시설선택 ** */
#contents_inner div.facility_reservation h5:after{display:none;}
div.facility_reservation ol.process_tab{
    overflow:hidden;
    padding-bottom: 40px;
    border-bottom: solid 1px #D8D8D8;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
div.facility_reservation ol.process_tab li{
    position:relative;
    flex: 1 0 0;
    padding: 0 16px;
}
div.facility_reservation ol.process_tab li a{
    display:block;
    width:100%;
    color: #717171;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
div.facility_reservation ol.process_tab li .ico{
    display:block;
    width: 80px;
    height: 80px;
    margin:0 auto 8px;
    border-radius:50%;
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    background-color: #EDF8F8;
    position: relative;
}
div.facility_reservation ol.process_tab li .ico::before{
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 48px 48px;
    background-image: url(../images/sub/sub99/ico_step_01.svg);
}
div.facility_reservation ol.process_tab li:nth-child(2) .ico::before{
    background-image: url(../images/sub/sub99/ico_step_02.svg);
}
div.facility_reservation ol.process_tab li:nth-child(3) .ico::before{
    background-image: url(../images/sub/sub99/ico_step_03.svg);
}
div.facility_reservation ol.process_tab li:nth-child(4) .ico::before{
    background-image: url(../images/sub/sub99/ico_step_04.svg);
}
div.facility_reservation ol.process_tab li.active a{
    color:#1D1D1D;
    font-weight:700;
}
div.facility_reservation ol.process_tab li.active .ico{
    background: linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%),
                linear-gradient(168deg, #EBEBEB 8.78%, #EFEFEF 140.2%);
}
div.facility_reservation ol.process_tab li.active .ico::before{
    background-image: url(../images/sub/sub99/ico_step_01_active.svg);
}
div.facility_reservation ol.process_tab li.active:nth-child(2) .ico::before{
    background-image: url(../images/sub/sub99/ico_step_02_active.svg);
}
div.facility_reservation ol.process_tab li.active:nth-child(3) .ico::before{
    background-image: url(../images/sub/sub99/ico_step_03_active.svg);
}
div.facility_reservation ol.process_tab li.active:nth-child(4) .ico::before{
    background-image: url(../images/sub/sub99/ico_step_04_active.svg);
}
div.facility_reservation ol.process_tab li:after{
    content:'';
    display:inline-block;
    width: 24px;
    height: 24px;
    position:absolute;
    top:50%;
    right: -20px;
    transform: translateY(-50%) translateX(50%);
    background-image: url(../images/sub/sub99/ico_step_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
div.facility_reservation ol.process_tab li:last-child:after{
    display: none;
}
.facility_reservation .info_box{
    margin-top: 40px;
}
.txt_bold{
    font-weight: 700;
}
div.facility_reservation div.section ol{
    position:relative;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.facility_reservation div.section ol:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
    display: block;
    width:100%;
    height: 1.4px;
    /* z-index:-1; */
    background-color: #C6C6C6;
}
div.facility_reservation div.section ol li{
    float:left;
    width: 180px;
    height:56px;
    line-height:56px;
    position:relative;
    font-size:17px;
    font-weight:700;
    text-align:center;
    border-radius:30px;
    background-color:#FFF;
    color:#555;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding-left: 48px;
}
div.facility_reservation div.section ol li span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    position:absolute;
    top:50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 15px;
    text-align:center;
    border-radius: 50%;
    background: linear-gradient(168deg, #A365F1 8.78%, #6DC3C3 140.2%),
                linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%),
                linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset,
                4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    color:#FFF;
}
div.facility_reservation div.section > ul{
    /* border-bottom: 1px solid #D8D8D8; */
}
div.facility_reservation div.section > ul > li{
    overflow:hidden;
    padding: 24px 0;
    border-bottom:1px solid #bebebe;
    display: flex;
    align-items: flex-start;
    position: relative;
}
/* div.facility_reservation div.section > ul > li:last-child{
    border-bottom:none;
} */
div.facility_reservation div.section > ul > li div.bg{
    width: 240px;
    height: 150px;
    margin-right: 24px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
div.facility_reservation div.section > ul > li div.bg span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
div.facility_reservation div.section > ul > li div.info{
    width: calc(100% - 372px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* height: 150px; */
}
div.facility_reservation div.section > ul > li div.info .subtit_dot{
    margin-top: 0px;
    font-weight: 700;
}
div.facility_reservation div.section > ul > li div.info ul{
    margin-top: 4px;
}
div.facility_reservation div.section > ul > li div.info + a,
div.facility_reservation div.section > ul > li div.info + span{
    width: 94px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 17px;
    border-radius: 8px;
    margin-left: 14px;
}
div.facility_reservation div.section > ul > li div.info + a{
    background: #097C7C;
    color:#fff;
    position: absolute;
    bottom: 24px;
    right: 0;
}
div.facility_reservation div.section > ul > li div.info + a:hover,
div.facility_reservation div.section > ul > li div.info + a:focus-visible{
    background: #043E3E;
}
div.facility_reservation div.section > ul > li div.info + a:active{
    background: #021F1F;
}
div.facility_reservation div.section > ul > li div.info + span{
    background-color: #D8D8D8;
    color: #717171;
}
div.facility_reservation div.section > ul + .txt{
    font-size: 17px;
    margin-top: 16px;
}
div.facility_reservation .subtit_l {
    margin-bottom: 24px;
}
div.facility_reservation div.section .table_data_row {
    margin-top: 0;
}

div.facility_reservation .btn_group .btn {
    display: flex;
    margin: 0;
    padding: 16px 24px 16px 20px;
}
div.facility_reservation .radioBox {}
div.facility_reservation .radioBox label {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 100%;
    max-width: 100%;
}
div.facility_reservation .radioBox label > div {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}
div.facility_reservation .radioBox label input {}
div.facility_reservation .radioBox label input[type="radio"] {
    display: inline-block !important;
    vertical-align: middle;
    appearance: none;
    outline: 1px solid #717171;
    outline-offset: -1px;
    background-color: #fff;
    border-radius: 50%;
    position: relative !important;
    width: 20px !important;
    min-width: 20px;
    height: 20px !important;
    margin: 0 !important;
}

div.facility_reservation .radioBox label input[type="radio"]:checked {
    border: 0.4em solid #fff !important;
    background-color: #075d5d;
    outline: 1px solid #075d5d;
    outline-offset: -1px;
}
div.facility_reservation .radioBox label input[type="radio"]:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: -2px;
}

div.facility_reservation .radioBox label input[type="radio"]:checked {

}

div.facility_reservation label input[type="checkbox"] {
    display: inline-block;
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #075D5D;
    border-radius: 8px;

}
div.facility_reservation label input[type="checkbox"]:checked {

}

div.facility_reservation .radioBox label > div > span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px;
    color:  #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
@media screen and (max-width: 1024px) {
    div.facility_reservation div.section ol{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }
    div.facility_reservation div.section ol:before{
        display: none;
    }
    div.facility_reservation div.section ol li{
        width: 100%;
    }

}
@media screen and (min-width: 769px) {
    div.facility_reservation div.section .scroll_inner {
        width: 100% !important;
    }
}
@media screen and (max-width: 767px) {
    div.facility_reservation ol.process_tab {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 40px;
    }
    div.facility_reservation ol.process_tab li:last-child {
        grid-column: initial;
    }
    div.facility_reservation ol.process_tab li:nth-child(2n):after{
        display: none;
    }
    div.facility_reservation div.section ol{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    div.facility_reservation div.section > ul > li{
        flex-direction: column;
        align-items: flex-start;
    }
    div.facility_reservation div.section > ul > li div.bg{
        width: 100%;
        height: 0;
        padding-bottom: 55.87%;
    }
    div.facility_reservation div.section > ul > li div.info{
        width: 100%;
        height: auto;
        margin-top: 16px;
    }
    div.facility_reservation div.section > ul > li div.info + a,
    div.facility_reservation div.section > ul > li div.info + span{
        margin-left: 0;
        margin-top: 14px;
    }
    div.facility_reservation div.section > ul > li div.info + a {
        position: relative;
        bottom: initial;
        right: initial;
    }
}

@media screen and (max-width: 345px){
    div.facility_reservation div.section ol {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* ** sub99 : 이용안내 - 통합예약 > 이용안내,시설선택 ** */

/* ** sub99 : 이용안내 - 통합예약 > 날짜선택 ** */
div.facility_reservation .table-area .tbl-wrap {
    margin-top: 0;
}
div.facility_reservation .table-area .tbl-wrap .table_calReservation {
    margin-top: 0;
}
div.facility_reservation ol.process_tab + div.selected_box,
div.facility_reservation .reservationComplete .selected_box{
    margin-top: 40px;
    padding: 16px;
    border-radius: 50px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
    text-align: center;
}
div.facility_reservation ol.process_tab + div.selected_box p,
div.facility_reservation .reservationComplete .selected_box p{
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.facility_reservation ol.process_tab + div.selected_box p span.ico,
div.facility_reservation .reservationComplete .selected_box p span.ico{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(168deg, #A365F1 8.78%, #6DC3C3 140.2%),
                linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset,
                4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
    margin-right: 8px;
}
div.facility_reservation ol.process_tab + div.selected_box p span.ico::before,
div.facility_reservation .reservationComplete .selected_box p span.ico::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../images/sub/sub99/ico_selecttitle.svg);
}
div.facility_reservation ol.process_tab + div.selected_box p span:not(.ico),
div.facility_reservation .reservationComplete .selected_box p span:not(.ico){
    font-size: 19px;
    transform: translateY(1px);
}
div.facility_reservation ol.process_tab + div.selected_box p span:last-child,
div.facility_reservation .reservationComplete .selected_box p span:last-child{
    font-weight: 700;
    margin-left: 16px;
    position: relative;
}
div.facility_reservation ol.process_tab + div.selected_box p span:last-child:before,
div.facility_reservation .reservationComplete .selected_box p span:last-child:before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #8E8E8E;
    position: absolute;
    top: 5px;
    left: -8px;
}
div.facility_reservation .calendar_wrap {
    margin-top: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
}
div.facility_reservation > *:first-child {
    margin-top: 0 !important;
}
div.facility_reservation .calendar_wrap > div {
    flex: initial;
    width: calc(50% - 12px);
}
div.facility_reservation .calendar_wrap .calendar {
    display: flex;
    flex-direction: column;
}
div.facility_reservation .calendar_wrap > div.icon_desc {
    width: 100%;
    margin-top: 16px;
}
div.facility_reservation .calendar_wrap > div.icon_desc span {
    color:#555;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
div.facility_reservation .calendar_wrap > div.icon_desc span.selected:before {
    width: 24px;
    height: 24px;
    background-color: #9DD7D7;
    margin-right: 4px;
    border-radius: 50%;
}
div.facility_reservation .calendar_wrap > div.icon_desc span.full_reserve:before {
    width: 24px;
    height: 24px;
    border: 1px solid #d8d8d8;
    background-color: #f8f8f8;
    border-radius: 50%;
    background-image: none;
    margin-right: 4px;
}
div.facility_reservation .calendar_wrap .calendarDate {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}
div.facility_reservation .calendar_wrap .calendarDate > p {
    color: #1D1D1D;
    font-size: 25px;
    font-weight: 700;
    line-height: 150%; /* 37.5px */
}
div.facility_reservation .calendar_wrap .calendarDate button {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
div.facility_reservation .calendar_wrap .calendarDate #prev_month {
	background-image: url(../images/board/ico_arrow_left.svg);
}
div.facility_reservation .calendar_wrap .calendarDate #next_month {
	background-image: url(../images/board/ico_arrow_right.svg);
}
div.facility_reservation .calendar_wrap .calendarView {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #D8D8D8;

}
div.facility_reservation .calendar_wrap .type_calendar {
    table-layout: fixed;
}
div.facility_reservation .calendar_wrap .type_calendar thead {}
div.facility_reservation .calendar_wrap .type_calendar thead tr {}
div.facility_reservation .calendar_wrap .type_calendar thead tr th {
    text-align: center;
    padding: 8px 16px;
    background-color: #E4E4E4;
}
div.facility_reservation .calendar_wrap .type_calendar tbody {}
div.facility_reservation .calendar_wrap .type_calendar tbody tr {}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td {}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td a {

}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td a:hover {
    background-color: #EDF8F8;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td + td {
    border-left: 1px solid #D8D8D8;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr + tr td {
    border-top: 1px solid #d8d8d8;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td.full {}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td .calendarDay {
    display: flex;
    position: relative;
    padding: 4px 8px 8px 8px;
    min-height: 67px;
    box-sizing: border-box;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td.full .calendarDay {
    background-color: #F8F8F8;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td.selected a.calendarDay {
    background-color: #9DD7D7;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td > a {
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td .calendarDay .day {
    position: absolute;
    top: 4px;
    left: 8px;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td.day_Today {
    background-color: #FFF8E9;;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td.day_Today .calendarDay .day:after {
	content: '오늘';
	display: inline-block;
	color: #1D1D1D;
	font-size: 12px;
	font-weight: 400;
	line-height: 200%;
	margin-left: 4px;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td .calendarDay .num {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #ffEDC2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
div.facility_reservation .calendar_wrap .cal_detailList {
    height: 381px;
    margin-bottom: 0;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td span {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td span.full_sun {
    color: #EA0000;
}
div.facility_reservation .calendar_wrap .type_calendar tbody tr td span.full_sat {
    color: #0076CC;
}

div.facility_reservation.event .calendar_wrap .calendarDate {
    margin-bottom: 16px;
}
div.facility_reservation.event .calendar_wrap .calendar {
    width: 100%;
}
.btn_apply_event {
    padding: 4px 12px;
	border-radius: 8px;
	background: #075D5D;
	border: 1px solid #075D5D;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	margin: 0 auto;
	line-height: 150%;
}
.btn_apply_event:hover,
.btn_apply_event:focus {
    color: #fff;
    text-decoration: underline;
}
@media screen and (max-width: 1024px) {
    div.facility_reservation .calendar_wrap > div {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    div.facility_reservation ol.process_tab + div.selected_box{
        margin-top: 32px;
    }
}
@media screen and (max-width: 424px) {
    div.facility_reservation .calendar_wrap .type_calendar tbody tr td .calendarDay {
        padding: 4px;
    }
    div.facility_reservation .calendar_wrap .type_calendar tbody tr td .calendarDay .day {
        left: 4px;
    }
    div.facility_reservation .calendar_wrap .type_calendar tbody tr td.day_Today .calendarDay .day:after {
        font-size: 10px;
    }
}
/* ** sub99 : 이용안내 - 통합예약 > 날짜선택 ** */

/* ** sub99 : 이용안내 - 통합예약 > 예약신청 ** */
/* 개인정보 수집/이용 동의 */
.facility_reservation.step3 .section{
    margin-top: 40px;
}
.facility_reservation.step3 .section .con .row li:nth-child(2),
.modal .newsletter .form_wrap .section .con .row li:nth-child(2){
    margin-top: 16px;
}
.facility_reservation.step3 .section .con .row li.titBox,
.newsletter .titBox{
    border-bottom: solid 1px #D8D8D8;
    text-align: center;
    width: 100%;
}
.facility_reservation.step3 .section .con .row li.titBox p,
.newsletter .titBox p{
    font-size: 19px;
    color: #043E3E;
    font-weight: 700;
    padding-bottom: 16px;
    width: 100%;
}
.facility_reservation.step3 .section .con .agree_wrap .agree_desc{
    background-color: #fff;
    margin-top: 24px;
    padding: 16px 8px 16px 16px;
    border-radius: 12px;
    border: 1px solid #C6C6C6;
}
.facility_reservation.step3 .section .con .agree_wrap .agree_desc .descBox{
    padding-right: 16px;
    height: 300px;
    overflow-y: auto;
}
.facility_reservation.step3 .section .con .agree_wrap .agree_desc .descBox::-webkit-scrollbar {
    width: 2px;
}
.facility_reservation.step3 .section .con .agree_wrap .agree_desc .descBox::-webkit-scrollbar-thumb {
    background-color: #1C1C1C;
}
.facility_reservation.step3 .section .con .agree_wrap .agree_desc .descBox::-webkit-scrollbar-track {
    background-color: #D4D4D4;
}
.facility_reservation.step3 .section .con .agree_wrap > .agree_desc + div {
    margin-top: 8px;
}
/* 예약 폼 */
.facility_reservation.step3 .input_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 16px;
}
.facility_reservation.step3 .input_wrap .subtit_dot{
    margin-top: 0px;
    margin-bottom: 8px;
}
.facility_reservation.step3 .input_wrap .radioBox{
    gap: 24px;
}
.facility_reservation.step3 .input_wrap .textBox{
    margin-top: 16px;
}
.facility_reservation.step3 .input_wrap .textBox span{
    color: #555555;
    font-size: 17px;
}
.facility_reservation.step3 .input_wrap .input_inr{
    display: flex;
    align-items: center;
    gap: 4px;
}
.facility_reservation.step3 .input_wrap .input_inr > .num_inr{
    display: flex;
    align-items: center;
    gap: 4px;
}
.facility_reservation.step3 .input_wrap .input_inr select {
    display: flex;
    height: 50px;
    padding: 12px;
    padding-right: 40px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #c6c6c6;
    background: #FFF;
    background-image: url(../images/board/ico_select_down.svg);
	background-repeat: no-repeat;
	background-position: center right 16px;
}
.facility_reservation.step3 textarea[name="content"] {
    width: 100%;
    height: 50px;
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background:#FFF;
}
.facility_reservation.step3 .input_wrap .input_inr input[name="attendance_num"]{
    width: 100px;
}
.facility_reservation.step3 .input_wrap .reservation_check button:disabled {
    background-color: rgba(239, 239, 239, 0.3);
    border: 1px solid #c6c6c6;
    color: #1d1d1d;
    cursor: default;
}
.facility_reservation.step3 .input_wrap .reservation_check button:disabled:hover,
.facility_reservation.step3 .input_wrap .reservation_check button:disabled:focus {
    background-color: rgba(239, 239, 239, 0.3);
    border: 1px solid #c6c6c6;
    color: #1d1d1d;
    cursor: default;
}
.facility_reservation.step3 .input_wrap .check_wrap{
    margin-top: 8px;
}
.facility_reservation.step3 .input_wrap .check_wrap label:has(input:disabled),
.facility_reservation.step3 .input_wrap .check_wrap input:disabled {
    cursor: default;
}
/* 자동입력 방지 */
.facility_reservation.step3 .input_box{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
    padding: 16px;
    margin-top: 16px;
}
.facility_reservation.step3 .radioBox.min-h50{
    height: 50px;
}
.facility_reservation.step3 .input_inr.in_num span{
    color: #717171;
}
.facility_reservation.step3 .input_box .select{
    width: 33%;
    height: 50px;
}
.facility_reservation.step3 .input_box .catpcha_box .catpcha_img img,
.facility_reservation.step3 .input_box .catpcha_box .catpcha_sound,
.facility_reservation.step3 .input_box .catpcha_box #reLoad {
	height: 50px;
    line-height: 50px;
}
.facility_reservation.step3 .input_box .catpcha_box{
    justify-content: left;
}
.facility_reservation.step3 .input_box .catpcha_box .catpcha_sound {
    min-width: 50px;
}
.facility_reservation.step3 .catpcha_box .inr{
    flex: none;
    margin: 0;
    padding: 0;
}
.facility_reservation.step3 .catpcha .catpcha_sound {
	width: 50px;
	height: 50px;
	background-size: 32px 32px;
}
.facility_reservation.step3 .catpcha_box #reLoad {
	height: 56px;
	line-height: 1;
	text-align: center;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid #075D5D;
	background: #fff;
	display: inline-block;
	line-height: 56px;
	color: #075D5D;
	font-size: 19px;
	font-weight: 400;
}
@media screen and (max-width: 1024px) {
    .facility_reservation.step3 .input_wrap .input_inr.in_num.column{
        flex-direction: column;
        gap: 8px;
    }
    .facility_reservation.step3 .input_wrap .input_inr.in_num > .num_inr{
        width: 100%;
    }
    .facility_reservation.step3 .input_wrap .input_inr.in_num .btn_check{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .facility_reservation.step3 .section .con .agree_wrap > div{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px ;
    }
    .facility_reservation.step3 .input_wrap{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .facility_reservation.step3 .catpcha_box{
        flex-direction: column;
        align-items: flex-start;
    }
    .facility_reservation.step3 .radio_wrap.min-h50{
        height: auto;
    }
    .facility_reservation.step3 .catpcha_box .catpcha_img img{
        min-width: 137px;
    }
}
/* ** sub99 : 이용안내 - 통합예약 > 예약신청 ** */

/* ** sub99 : 이용안내 - 통합예약 > 예약완료 ** */
div.facility_reservation.step4 ol.process_tab{
    border-bottom: none;
}
div.facility_reservation.step4 .reservationComplete,
div.facility_reservation.stepView .reservationComplete{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    text-align: center;
    padding: 24px 40px 48px 40px;
}
div.facility_reservation.stepView .reservationComplete{
    margin-top: 40px;
    padding: 40px;
}
div.facility_reservation.step4 .reservationComplete .imgBox{
    width: 500px;
    height: 320px;
    border-radius: 200px;
    margin: auto;
    background-image: url(../images/sub/sub99/img_reservationComplete.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
div.facility_reservation.step4 .reservationComplete .tit{
    font-size: 32px;
    font-weight: 700;
}
div.facility_reservation.step4 .reservationComplete .txt{
    margin-top: 4px;
}
div.facility_reservation.step4 .reservationComplete .selected_box{
    margin-top: 24px;
    width: 522px;
    margin: 24px auto 0;
}
div.facility_reservation.stepView .reservationComplete .selected_box{
    background: #EDF8F8;
    border: none;
    margin-top: 0;
}
div.facility_reservation.step4 .reservationComplete .table_data_row{
    margin-top: 40px;
}
.table_textBox .subtit_dot{
    margin-top: 0px;
}
.table_textBox .subtit_dot + .subtit_dot{
    margin-top: 10px;
}
div.facility_reservation.stepView div.search_box {
    margin-top: 16px !important;
    padding: 16px 24px;
}
div.facility_reservation.stepView div.search_box div.search_form {
    padding: 0;
}
div.facility_reservation.stepView div.search_box div.search_form div.keyword{
    padding-right: 0;
    width: auto;
}
div.facility_reservation.stepView div.search_box div.search_form div.keyword input[type=text]{
    height: 43px;
}
div.facility_reservation.stepView .table_data_row,
div.facility_reservation.stepView .tbl{
    margin-top: 40px;
}
@media screen and (max-width: 1024px) {
    div.facility_reservation.stepView div.search_box div.search_form div.keyword{
        width: 223px;
    }
}
@media screen and (max-width: 767px) {
    div.facility_reservation.step4 .reservationComplete{
        padding: 24px;
    }
    div.facility_reservation.step4 .reservationComplete .imgBox{
        width: 310px;
        height: 310px;
    }
    div.facility_reservation.step4 .reservationComplete .tit{
        font-size: 25px;
    }
    div.facility_reservation.step4 .reservationComplete .selected_box{
        margin-top: 24px;
        width: 100%;
    }
    div.facility_reservation.stepView div.search_box .search_form .search_inr .search_title{
        display: block;
        margin-right: 0px;
    }
    div.facility_reservation.stepView div.search_box .search_form .search_inr .search_title::before{
        display: none;
    }
    div.facility_reservation.stepView div.search_box.search_table .search_form .search_inr{
        gap: 16px;
        align-items: center;
    }
    div.facility_reservation.stepView div.search_box.search_table .search_form .search_inr .div_inr{
        justify-content: center;
    }
    div.facility_reservation.stepView .reservationComplete{
        padding: 24px;
    }
}
@media screen and (max-width: 400px) {
    div.facility_reservation.step4 .reservationComplete .imgBox{
        width: 100%;
        height: auto;
        padding-bottom: 100%;
    }
    div.facility_reservation.stepView div.search_box div.search_form div.keyword{
        width: calc(100% - 43px);
    }
    div.facility_reservation.stepView div.search_box div.search_form div.keyword input[type=text]{
        width: 100%;
    }
}
/* ** sub99 : 이용안내 - 통합예약 > 예약완료 ** */


/* ********** sub01 ********** */

/* sub01  : 업무계획 > 중소기업 육성 종합계획 */
.poster .poster_bg{
    text-align: center;
    padding: 60px 40px;
    border-radius: 16px;
    background: linear-gradient(0deg,
                rgba(0, 0, 0, 0.65) 0%,
                rgba(0, 0, 0, 0.65) 100%),
                url(../images/sub/sub_01/bg_poster.jfif)  lightgray 50% / cover no-repeat;
}
.poster .poster_bg p{
    color: #fff;
}
.poster .poster_bg p.tit{
    font-size: 36px;
    font-weight: 700;
}
.poster .poster_bg p.tit span{
    color: #9DD7D7;
}
.poster .poster_bg p.txt{
    margin-top: 16px;
    display: inline-flex;
    padding: 8px 24px;
    border-radius: 38px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    font-size: 19px;
    font-weight: 700;
}
.poster .plan_con{
    margin-top: 16px;
    display: flex;
    gap: 16px;
}
.poster .plan_con .plan_btn{
    flex: 1;
    text-align: center;
}
.poster .plan_con .plan_btn .text{
    border-radius: 12px 12px 0px 0px;
    border:solid 1px #D8D8D8;
    padding: 32px 0px 24px 0px;
}
.poster .plan_con .plan_btn .text .img_box{
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset,
    4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
}
.poster .plan_con .plan_btn .text .img_box.jobPlan01{
    background: linear-gradient(168deg, #1470C6 8.78%, #6DC3C3 140.2%);
}
.poster .plan_con .plan_btn .text .img_box.jobPlan02{
    background: linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%);
}
.poster .plan_con .plan_btn .text .img_box.jobPlan03{
    background: linear-gradient(168deg, #208B0E 8.78%, #6DC3C3 140.2%);
}
.poster .plan_con .plan_btn .text .img_box::before{
    content: '';
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.poster .plan_con .plan_btn .text .img_box.jobPlan01::before{
    background-image: url(../images/sub/sub_01/ico_plan01.svg);
}
.poster .plan_con .plan_btn .text .img_box.jobPlan02::before{
    background-image: url(../images/sub/sub_01/ico_plan02.svg);
}
.poster .plan_con .plan_btn .text .img_box.jobPlan03::before{
    background-image: url(../images/sub/sub_01/ico_plan03.svg);
}
.poster .plan_con .plan_btn .text p{
    font-size: 19px;
    font-weight: 700;
    margin-top: 16px;
}
.poster .plan_con .plan_btn .text p > b{
    font-size: 19px;
    font-weight: 700;
    color: #097C7C;
}
.poster .plan_con .plan_btn .sub_box{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 0px 0px 12px 12px;
    border: 1px solid #D8D8D8;
    border-top: none;
    background: #F8F8F8;
    padding: 12px 16px;
}
.poster .plan_con .plan_btn .sub_box .ico{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
}
.poster .plan_con .plan_btn .sub_box.down .ico{
    background-image: url(../images/sub/sub_01/ico_download.svg);
    background-size: 12px 12px;
}
.poster .plan_con .plan_btn .sub_box.link .ico{
    background-image: url(../images/sub/sub_01/ico_link.svg);
    background-size: contain;
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 767px) {
    .poster .poster_bg{
        padding: 24px;
    }
    .poster .poster_bg p.tit{
        font-size: 25px;
    }
    .poster .poster_bg p.txt{
        font-size: 17px;
    }
    .poster .plan_con{
        flex-wrap: wrap;
    }
    .poster .plan_con .plan_btn{
        flex: 0 0 100%;
    }
}
/* sub01  : 업무계획 > 중소기업 육성 종합계획 */


/* sub01  : 정책자료 > 정책자료 */
.sub_select{
    margin: 0;
    padding: 0 !important;
}
.sub_select .inner{
    padding: 0;
    gap: 24px;
}
.sub_select .main-tit-wrap{
    justify-content: space-between;
}
.sub_select .tit{
    font-size: 25px;
    font-weight: 700;
}
.swiper-button-autoplay.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    background-color: #F0F0F0;
    opacity: 1;
    border: none;
}
.swiper-button-next.swiper-button-disabled::after {
    background-image: url(../images/main/ico_btn_next_gray.svg);
}
.swiper-button-prev.swiper-button-disabled::after {
    background-image: url(../images/main/ico_btn_prev_gray.svg);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #0B9B9B;
}
.swiper-pagination .swiper-pagination-bullet{
    background-color: #8E8E8E;
    opacity: 1;
}
.sub_select .d-card.line {
    padding: 24px;
    border-radius: 12px;
    background: #FFF;
    border: none;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
}
.sub_select .d-card.line:hover .c-tit,
.sub_select .d-card.line:focus .c-tit{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.sub_select .d-card.line:hover .btn.sm,
.sub_select .d-card.line:focus .btn.sm{
    background: none;
    color: #075D5D;
}
.sub_select .d-card.line:hover .btn.sm::after,
.sub_select .d-card.line:focus .btn.sm::after {
    background-image: url(../images/component/common/ico_more_hover.svg);
}
.sub_select .d-card.line .c-tit{
    line-height: 150%;
    -webkit-line-clamp: 2;
}
.sub_select .d-card .in{
    gap: 16px;
}
.sub_select .swiper{
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    transform: translateX(-8px) translateY(-8px);
    padding: 8px;
}
.sub_select .krds-badge{
    padding: 2px 8px;
    background: #EFF5FF;
    border-radius: 4px;
    color: #163ECA;
}
.sub_select .d-card.line .c-btn{
    border-top:solid 1px #D8D8D8;
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sub_select .d-card.line .c-btn .date{
    color: #555;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
}
.btn-txt.ico-more::after {
    background-image: url(../images/component/common/ico_more.svg);
}
.sub_select .btn.sm{
    color: #555;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .sub_select .d-card.line .c-tit {
        font-size: 17px;
        -webkit-line-clamp: 2;
    }
}

/* 분야별 최신 정책자료 */
.tab_contents{
    margin-top: 52px;
    border-radius: 24px;
    background: #EDF8F8;
}
.tab_contents .inner{
    padding: 40px;
    padding-bottom: 32px;
    position: relative;
}
.sub_select.tab_contents .krds-badge{
    padding: 2px 12px;
    background: #097C7C;
    color: #fff;
}
.sub_select a.btn.sm {
    position: absolute;
    top: 46px;
    right: 40px;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
}
.sub_select a.btn.sm:hover,
.sub_select a.btn.sm:focus {
    background: none;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #097C7C;
    transition: 0.3s ease;
}
.sub_select a.btn.sm:hover:after,
.sub_select a.btn.sm:focus:after{
    background-image: url(../images/component/common/ico_pluse_green.svg);
    transition: 0.3s ease;
}
.btn-txt.ico-plus::after{
    background-image: url(../images/component/common/ico_pluse.svg);
    background-size: 16px 16px;
}
.tab_contents .main-tit-wrap .in_tab{
    display: flex;
    align-items: center;
    gap: 16px;
}
.tab_contents .tablist{
    display: flex;
    align-items: center;
    gap: 8px 4px;
    flex-wrap: wrap;
}
.tab_contents .tablist .btn-tab{
    border-radius: 62px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}
.tab_contents .tablist .btn-tab:hover,
.tab_contents .tablist .btn-tab:focus{
    border-color: #075D5D;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.tab_contents .tablist .active .btn-tab{
    border-color: #075D5D;
    background: #075D5D;
    color: #fff;
    padding-left: 36px;
    position: relative;
}
.tab_contents .tablist .active .btn-tab::before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../images/component/common/ico_tab_active.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center left;
    transform: translateX(-24px);
}
.tab_contents .swiperWrap {
    visibility: hidden;
    height: 0;
    padding: 0;
}
.tab_contents .swiperWrap.active{
    visibility: initial;
    height: calc(100% + 16px);
    padding: 0;
}
.tab_contents .swiperWrap a.btn.sm {
    right: 40px;
}

@media screen and (max-width: 767px) {
    .tab_contents .swiperWrap a.btn.sm {
        right: 0;
    }
}
/* 소식지 최신 */
.section.letter{
    margin-top: 60px;
    display: flex;
    gap: 48px;
}
.section.letter .box{
    flex: 1;
}
.section.letter .box .subtitle {
    white-space: nowrap;
}
.section.letter .more{
    text-indent: -9999px;
    overflow: hidden;
    width: 24px;
    height: 24px;
    background-image: url(../images/sub/sub_01/ico_more.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
}
.section.letter .box_inr{
    display: block;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20);
    border-radius: 12px;
    overflow: hidden;
    margin-top: 16px;
}
.section.letter .bg{
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
    background-color: #F8F8F8;
    background-image: url(../images/sub/sub_01/img_letter_no.svg);
    background-repeat: no-repeat;
    background-size: 210px 44px;
    background-position: center center;
}
.section.letter .bg .img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.section.letter .bg span{
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
}
.section.letter .info{
    /*background: #097C7C;*/
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section.letter .box.type1 .info{
    background: #097C7C;
    height: 101px;
}
.section.letter .box.type2 .info{
    background: #075D5D;
    height: 101px;
}
.section.letter .box.type3 .info{
    background: #043E3E;
    height: 101px;
}
.section.letter .info p{
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.section.letter .info .button{
    width: 100%;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.section.letter .info .button a{
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    padding-right: 20px;
    position: relative;
    background: initial;
    border: none;
}
.section.letter .info .button a:hover,
.section.letter .info .button a:focus {
    text-decoration: underline;
}
.section.letter .info .button a:before{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.section.letter .info .button a.apply {
    padding: 0;
    padding-right: 20px;
}
.section.letter .info .button a.apply:before{
    background-image: url(../images/sub/sub_01/ico_heart.svg);
}
.section.letter .info .button a.view:before{
    background-image: url(../images/sub/sub_01/ico_view.svg);
}
.sub_select .BoardNotice-list.null{
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    width: 100%;
    height: 181px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}
.sub_select.tab_contents .BoardNotice-list.null{
    background-color: #fff;
}
.sub_select .BoardNotice-list.null .imgbox,
.section.letter .BoardNotice-list.null .imgbox{
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background-image: url(../images/sub/sub_01/ico_null.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.sub_select .BoardNotice-list.null span,
.section.letter .BoardNotice-list.null span{
    color: #717171;
    font-size: 17px;
    font-weight: 500;
}
.section.letter .BoardNotice-list.null{
    border:solid 1px black;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 481px;
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
}
@media screen and (max-width: 1080px) and (min-width: 1025px) {
    .tab_contents .main-tit-wrap .in_tab{
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
@media screen and (max-width: 1024px) {
    .section.letter{
        gap: 24px;
    }
}
@media screen and (max-width: 767px) {
    .tab_contents{
        margin-top: 32px;
        border-radius: 0px;
        position: relative;
    }
    .tab_contents::before{
        position: absolute;
        content: '';
        width: calc(100% + 32px);
        height: 100%;
        transform: translateX(-16px);
        background: #EDF8F8;
    }
    .tab_contents > *{
        position: relative;
        z-index: 1;
    }
    .tab_contents .inner{
        padding: 40px 0px 40px 16px;
    }
    .tab_contents .main-tit-wrap .in_tab{
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .sub_select .main-tit-wrap{
        position: relative;
    }
    .sub_select .main-tit-wrap .btn.sm{
        position: absolute;
        right: 0;
        top: 4px;
    }
    .section.letter{
        flex-direction: column;
        gap: 40px;
    }
    .section.letter .bg{
        height: auto;
        padding-bottom: 135.75%;
    }
    .section.letter .box.type1 .info,
    .section.letter .box.type2 .info,
    .section.letter .box.type3 .info{
        height: auto;
    }
}
/* sub01  : 정책자료 > 정책자료 */

/* sub01  : 법령정보 > 소관법률 */
ul.jurisdiction_law{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
ul.jurisdiction_law li a.link_type_blank {
    display: table;
    border-spacing: 0;
    position: relative;
    width: 100%;
    min-height: 58px;
    height: 100%;
    border-radius: 12px;
    background-color: #EDF5F5;
    padding: 16px;
    padding-right: 74px;
}
ul.jurisdiction_law li a.link_type_blank span{
    color: #1D1D1D;
}
a.link_type_blank {
    position: relative;
}
a.link_type_blank:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 58px;
    height: 100%;
    border: none;
    border-radius: 0 12px 12px 0;
    background-color: #097C7C;
    background-image: url(../images/sub/sub_01/ico_link_white.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    transition: all 0.3s;
}
@media screen and (max-width: 767px) {
    ul.jurisdiction_law{
        margin-top: 24px;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
}
/* sub01  : 법령정보 > 소관법률 */

/* ********** sub01 ********** */

/* ********** sub02 ********** */
.letter_view{
    max-width: 850px;
    width: 100%;
    margin: 40px auto 0;
}
.letter_view > .img {
    max-width: 100%;
    height: auto !important;
}

.letter_view > div:has(img) {
    max-width: 100% !important;
}
@media screen and (max-width: 767px) {
    .letter_view{
        margin-top: 24px;
    }
}
/* ********** sub02 ********** */


/* ** sub05 ** */

/* 정보공개안내 */
.informationBox{
    padding: 60px 40px;
    border-radius: 16px;
    text-align: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%,
            rgba(0, 0, 0, 0.65) 100%),
            url(../images/sub/sub_05/bg_information.png) lightgray 50% / cover no-repeat;
}
.informationBox .tit{
    font-size: 36px;
    font-weight: 700;
    line-height: 150%;
    color: #fff;
}
.informationBox .tit b{
    color: #9DD7D7;
    font-size: 36px;
    font-weight: 700;
    line-height: 150%;
}
.informationBox .txt{
    display: inline-flex;
    margin-top: 16px;
    padding: 8px 24px;
    border-radius: 38px;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
}
.information_infoBox{
    margin-top: 40px;
}
.information_infoBox li {
    border-top: 1px solid #E4E4E4;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px #0000001F;
    padding: 24px 32px 32px 32px;
    border-radius: 12px;
}
.information_infoBox li + li{
    margin-top: 16px;
}
.information_infoBox li .tit{
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 16px;
    color: #075D5D;
    font-family: Pretendard;
    font-size: 21px;
    font-weight: 700;
}
.information_infoBox li .txt{
    font-size: 17px;
    font-weight: 400;
    margin-top: 16px;
}
.information_infoBox li .txt strong{
    font-weight: 700;
}
/* 사전정보공표 > 세입·세출 현황 */
.table-area.table_wrap{
    max-width: 936px;
    width: 100%;
}
.table-area.table_wrap .tbl{
    margin-top: 40px;
}
.table-area.table_wrap .mobile_minwidth .txt_ex_scroll{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/component/sub/ico_scroll_horizon.svg) no-repeat center 45px;
    background-size: 70px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 5;
}
/* 공공데이터 */
.info_box .subtit_l_con{
    margin-top: 0;
    padding: 0;
}
.frame_wrap{
    margin-top: 40px;
    width: 100%;
    /* min-height: 1000px; */
    border: solid 1px #d8d8d8;
}
.frame_wrap iframe{
    width: 100%;
    height: 100%;
}
/* 공공데이터 오류신고 */
.public_data_system{
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
}
.public_data_system > div{
    position: relative;
}
.public_data_system > div::before{
    content: '';
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.80);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%) translateX(100%);
    background-image: url(../images/sub/sub_05/ico_systemarrow.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
}
.public_data_system > div:last-child::before{
    display: none;
}
.public_data_system > div .inr{
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 12px 0px #0000001F;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    overflow: hidden;
}
.public_data_system .inr > h1{
    background: #097C7C;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 25.5px;
}
.public_data_system .inr .system_text{
    padding: 16px;
}
.public_data_system .inr .system_text  ul li:first-child > *{
    margin-top: 0;
}
.public_data_system .inr .system_text + .system_text{
    border-top: 1px solid #D8D8D8
}
@media screen and (max-width: 1024px) {
    .public_data_system{
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px;
    }
    .informationBox .tit,
    .informationBox .tit b{
        font-size: 30px;
    }
    .informationBox .txt{
        font-size: 17px;
    }
    .public_data_system .inr{
        min-height: 226px;
    }
    .public_data_system > div:nth-child(2n):before{
        display: none;
    }
    /* 사전정보공표 > 세입·세출 현황 */
    .table-area.table_wrap{
        /* max-width: 102 7px; */
    }
}
@media screen and (max-width: 767px) {
    .informationBox{
        padding: 32px;
    }
    .information_infoBox li {
        padding: 24px;
    }
    .public_data_system{
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .public_data_system .inr {
        min-height: auto;
    }
    .public_data_system > div:nth-child(2n):before{
        display: block;
    }
    .public_data_system > div:last-child::before{
        display: none;
    }
    .public_data_system > div::before{
        top: auto;
        right: auto;
        left: 50%;
        bottom: 0;
        transform: translateY(100%) translateX(-50%) rotate(90deg);
    }
    .table-area.table_wrap .tbl{
        margin-top: 0px;
    }
    .table-area.table_wrap .tbl-wrap{
        margin-top: 0px;
    }
    /* 공공데이터 */
    .frame_wrap{
        margin-top: 24px;
    }
}
/* ** sub05 ** */


/* ** sub06 ** */

/* 주요업무 */
.link_down_Box.right{
    justify-content: right;
}
.mss_intro{
    width: 100%;
    padding-bottom: 74.15%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.mss_intro .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../images/sub/sub_06/bg_mssIntro.png);
}
.mss_introList{
    margin-top: 40px;
}
.mss_introList ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.mss_introList ul li{
    padding: 24px;
    border: 1px solid #E4E4E4;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
}
.mss_introList ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.mss_introList ul li .imgBox{
    width: 64px;
    height: 64px;
    border-radius: 50%;
	border-radius: 40px;
	background: linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%);
	box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset,
				4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
}
.mss_introList ul li .imgBox::before{
    width: 32px;
    height: 32px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.mss_introList ul li .imgBox.ico01::before{
    background-image: url(../images/sub/sub_06/ico_mssIntro_01.svg);
}
.mss_introList ul li .imgBox.ico02::before{
    background-image: url(../images/sub/sub_06/ico_mssIntro_02.svg);
}
.mss_introList ul li .imgBox.ico03::before{
    background-image: url(../images/sub/sub_06/ico_mssIntro_03.svg);
}
.mss_introList ul li .imgBox.ico04::before{
    background-image: url(../images/sub/sub_06/ico_mssIntro_04.svg);
}
.mss_introList ul li .tit{
    font-size: 17px;
    font-weight: 700;
}
/* 연혁 */
.history-wrap{
    margin-top: 24px;
    padding-left: 20px;
    background-image: url(../images/sub/sub_06/bg_history.png);
	background-repeat: no-repeat;
    background-position: top right;
    background-size: 300px 300px;
}
.history-wrap .history_list{
    padding-left: 27px;
    position: relative;
}
.history-wrap .history_list::before{
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: calc(100% - 15px);
    background: #E4E4E4;
}
.history-wrap .history_list > li{
    display: flex;
    gap: 16px;
}
.history-wrap .history_list > li + li{
    margin-top: 24px;
}
.history-wrap .history_list > li .year{
    font-size: 17px;
    font-weight: 700;
    color: #1D1D1D;
    width: 44px;
    position: relative;
}
.history-wrap .history_list > li .year::before{
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    top: 7.5px;
    left: -15px;
    transform: translateX(-100%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../images/sub/sub_06/ico_history_dot.svg);
}
.history-wrap .history_list > li:first-child .year::before{
	background-image: url(../images/sub/sub_06/ico_historyFirst_dot.svg);
	background-size: cover;
}
.history-wrap .history_list .info li + li{
    margin-top: 8px;
}
.history-wrap .history_list .info li .title{
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
.history-wrap .history_list .info li .title .date{
    color: #075D5D;
    font-size: 17px;
    font-weight: 700;
    width: 51px;
    display: inline-block;
    position: relative;
}
.history-wrap .history_list .info li .title .date::before{
    content: '';
    position: absolute;
    top: 5px;
    right: -16px;
    width: 1px;
    height: 16px;
    background-color: #d8d8d8;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.history-wrap .history_list .info li .desc{
    padding-left: 83px;
}
.history-wrap .history_list .info li .desc p{
    margin-top: 8px;
    color: #555555;
    font-size: 15px;
    font-weight: 400;
}
/* mi */
.mi_imgBox{
    margin-top: 24px;
    width: 100%;
    padding-bottom: 19.23%;
    position: relative;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    overflow: hidden;
}
.mi_imgBox .img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: calc(100% + 4px);
    background-image: url(../images/sub/sub_06/img_mi.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.link_down_Box.mi_down{
    margin-top: 16px;
    justify-content: center;
}
.mi_colors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 24px;
    gap: 16px;
}
.mi_colors li .main_color {
    height: 64px;
    border-radius: 12px;
}
.mi_colors li.type1 .main_color {
	background-color: #043763;
}
.mi_colors li.type2 .main_color {
	background-color: #E4012E;
}
.mi_colors li.type3 .main_color {
	background-color: #575756;
}
.mi_colors li.type4 .main_color {
	background-color: #fff;
    border: 1px solid #D8D8D8;
}
.mi_colors li div.info {
    margin-top: 16px;
}
.mi_colors li div.info ul li{
    font-size: 15px;
    font-weight: 400;
    color: #555;
}
.mi_colors li div.info ul li b{
    font-weight: 700;
    display: block;
    color: #555;
}
.mi_colors li div.info ul li + li {
    margin-top: 8px;
}
.mi_colors li div.info ul li .color_tit{
    font-size: 19px;
    font-weight: 700;
}
.mi_colors li div.info ul li .color_tit{
    font-size: 19px;
    font-weight: 700;
}
.mi_colors li.type1 div.info ul li .color_tit {
    color: #043763;
}
.mi_colors li.type2 div.info ul li .color_tit {
    color: #E4012E;
}
.mi_colors li.type3 div.info ul li .color_tit {
    color: #575756;
}
.mi_colors li.type4 div.info ul li .color_tit {
    color: #1d1d1d;
}
.mi_signature{
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    text-align: center;
}
.mi_signature li .image{
    border: 1px solid #D8D8D8;
    background-color: #fff;
    padding: 24px;
    border-radius: 12px;
    width: 100%;
    height: 228px;
}
.mi_signature li .image .img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.mi_signature li .image .img.img01{
    background-image: url(../images/sub/sub_06/img_mi01.png);
}
.mi_signature li .image .img.img02{
    background-image: url(../images/sub/sub_06/img_mi02.png);
}
.mi_signature li .image .img.img03{
    background-image: url(../images/sub/sub_06/img_mi03.png);
}
.mi_signature li .image .img.img04{
    background-image: url(../images/sub/sub_06/img_mi04.png);
}
.mi_signature li .text{
    margin-top: 8px;
    font-size: 17px;
    font-weight: 700;
}
/* 역대 차장관 */
.chief_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.chief_list li{
    border: 1px solid #E4E4E4;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 24px;
}
.chief_list li .photo{
    width: 127px;
    height: 154px;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}
.chief_list li .photo .img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.chief_list li .photo .img.img05{
    background-image: url(../images/sub/sub_06/chief/img_chief01_05.png);
}
.chief_list li .photo .img.img04{
    background-image: url(../images/sub/sub_06/chief/img_chief01_04.png);
}
.chief_list li .photo .img.img03{
    background-image: url(../images/sub/sub_06/chief/img_chief01_03.png);
}
.chief_list li .photo .img.img02{
    background-image: url(../images/sub/sub_06/chief/img_chief01_02.png);
}
.chief_list li .photo .img.img01{
    background-image: url(../images/sub/sub_06/chief/img_chief01_01.png);
}
.chief_list.chief_02 li .photo .img.img06{
    background-image: url(../images/sub/sub_06/chief/img_chief02_06.png);
}
.chief_list.chief_02 li .photo .img.img05{
    background-image: url(../images/sub/sub_06/chief/img_chief02_05.png);
}
.chief_list.chief_02 li .photo .img.img04{
    background-image: url(../images/sub/sub_06/chief/img_chief02_04.png);
}
.chief_list.chief_02 li .photo .img.img03{
    background-image: url(../images/sub/sub_06/chief/img_chief02_03.png);
}
.chief_list.chief_02 li .photo .img.img02{
    background-image: url(../images/sub/sub_06/chief/img_chief02_02.png);
}
.chief_list.chief_02 li .photo .img.img01{
    background-image: url(../images/sub/sub_06/chief/img_chief02_01.png);
}
.chief_list.chief_03 li .photo .img.img14{
    background-image: url(../images/sub/sub_06/chief/img_chief03_14.png);
}
.chief_list.chief_03 li .photo .img.img13{
    background-image: url(../images/sub/sub_06/chief/img_chief03_13.png);
}
.chief_list.chief_03 li .photo .img.img12{
    background-image: url(../images/sub/sub_06/chief/img_chief03_12.png);
}
.chief_list.chief_03 li .photo .img.img11{
    background-image: url(../images/sub/sub_06/chief/img_chief03_11.png);
}
.chief_list.chief_03 li .photo .img.img10{
    background-image: url(../images/sub/sub_06/chief/img_chief03_10.png);
}
.chief_list.chief_03 li .photo .img.img09{
    background-image: url(../images/sub/sub_06/chief/img_chief03_09.png);
}
.chief_list.chief_03 li .photo .img.img08{
    background-image: url(../images/sub/sub_06/chief/img_chief03_08.png);
}
.chief_list.chief_03 li .photo .img.img07{
    background-image: url(../images/sub/sub_06/chief/img_chief03_07.png);
}
.chief_list.chief_03 li .photo .img.img06{
    background-image: url(../images/sub/sub_06/chief/img_chief03_06.png);
}
.chief_list.chief_03 li .photo .img.img05{
    background-image: url(../images/sub/sub_06/chief/img_chief03_05.png);
}
.chief_list.chief_03 li .photo .img.img04{
    background-image: url(../images/sub/sub_06/chief/img_chief03_04.png);
}
.chief_list.chief_03 li .photo .img.img03{
    background-image: url(../images/sub/sub_06/chief/img_chief03_03.png);
}
.chief_list.chief_03 li .photo .img.img02{
    background-image: url(../images/sub/sub_06/chief/img_chief03_02.png);
}
.chief_list.chief_03 li .photo .img.img01{
    background-image: url(../images/sub/sub_06/chief/img_chief03_01.png);
}
.chief_list li .info{
    width: calc(100% - 151px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
}
.chief_list li .info .inr span{
    display: flex;
}
.chief_list li .info .inr span.number{
    color: #097C7C;
    font-size: 15px;
    font-weight: 700;
}
.chief_list li .info .inr span.name{
    margin-top: 4px;
    color:#1D1D1D;
    font-size: 21px;
    font-weight: 700;
}
.chief_list li .info .inr span.date{
    margin-top: 8px;
    padding-top: 8px;
    border-top: solid 1px #C6C6C6;
    color: #555555;
    font-size: 15px;
    font-weight: 700;
}
.chief_list li .info button{
    background: #EDF8F8;
    border: 1px solid #CEEBEB;
    border-radius: 8px;
    height: 32px;
    color: #043E3E;
    font-size: 15px;
    font-weight: 400;
}
.chief_list li .info button:hover,
.chief_list li .info button:focus{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.chief_list li .info button:active{
    background: #CEEBEB;
}
.modal .modal-dialog:has(.chief_view_title) {
    height: auto;
}
.modal .modal-dialog:has(.chief_view_title) .modal_inr.scroll .modal-conts {
    height: auto;
    max-height: calc(100vh - (8rem + 183px));
}
.modal .modal-dialog .modal-conts.chief{
    padding: 24px;
}

.modal-conts.chief .chief_view_title{
    border-radius: 16px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    padding: 24px;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 24px;
}
.chief_view_title .photo{
    width: 127px;
    height: 154px;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}
.chief_view_title .photo .img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.chief_view_title .info{
    width: calc(100% - 151px);
    display: flex;
    flex-direction: column;
}
.chief_view_title .info span{
    line-height: 150%;
}
.chief_view_title .info .number{
    color: #097C7C;
    font-size: 21px;
    font-weight: 700;
}
.chief_view_title .info .name{
    color: #1D1D1D;
    font-size: 32px;
    font-weight: 700;
    margin-top: 8px;
}
.chief_view_title .info .date{
    color: #555555;
    font-size: 19px;
    font-weight: 700;
    margin-top: 16px;
    padding-top: 16px;
    display: inline-block;
    position: relative;
}
.chief_view_title .info .date::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 322px;
    height: 1px;
    background-color: #C6C6C6;
}

@media screen and (max-width: 767px) {

}
@media screen and (max-width: 425px) {
    .modal-conts.chief .chief_view_title {
        flex-direction: column;
    }
    .modal-conts.chief .chief_view_title .photo {
        margin: 0 auto;
    }
    .modal-conts.chief .chief_view_title .info {
        width: 100%;
    }
}

/* 장관소개 */
.vice_ministor_wrap.hello{
    border-radius: 12px;
    padding: 40px;
    height: 250px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #075D5D 0%,
                rgba(7, 93, 93, 0.70) 30%,
                rgba(7, 93, 93, 0.00) 70%),
                url(../images/sub/sub_06/img_viceMinistorWrap_01.png) lightgray 50% / cover no-repeat;
    background-position: center right;
}
.vice_ministor_wrap.hello .inr > p{
    font-size: 32px;
    font-weight: 400;
    color: #fff;
}
.vice_ministor_wrap.hello .inr > p > strong{
    font-weight: 700;
}
.vice_ministor_wrap.hello .inr > span{
    margin-top: 12px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    display: block;
}
.vice_ministor_wrap.text{
    margin-top: 40px;
}
.vice_ministor_wrap.text p{
    font-size: 19px;
    font-weight: 400;
    color: #1d1d1d;
}
.vice_ministor_wrap.list{
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
.vice_ministor_wrap.list > .vice_ministor_list{
    width: calc(100% - 240px);
}
.vice_ministor_wrap.list .vice_ministor_profile{
    width: 220px;
}
.vice_ministor_wrap.list .vice_ministor_profile .imgBox{
    width: 100%;
    height: 260px;
    border-radius: 12px;
    background-image: url(../images/sub/sub_06/img_viceMinstor_profile_06.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.vice_ministor_wrap.list .vice_ministor_profile .infoBox{
    margin-top: 16px;
}
.vice_ministor_wrap.list .vice_ministor_profile .infoBox .name{
    text-align: center;
    color: #1D1D1D;
    font-size: 25px;
    font-weight: 700;
    line-height: 150%;
}
.vice_ministor_wrap.list .vice_ministor_profile .infoBox .name span{
    font-size: 15px;
    font-weight: 400;
}
.vice_ministor_wrap.list .vice_ministor_profile .infoBox .spec{
    margin-top: 10px;
    padding-top: 10px;
    color: #1D1D1D;
    font-size: 19px;
    font-weight: 400;
    position: relative;
    text-align: center;
}
.vice_ministor_wrap.list .vice_ministor_profile .infoBox .spec::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #1AC0C0 0%, #097C7C 100%), #C6C6C6;
}
.vice_ministor_wrap.list > .vice_ministor_list > ul{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 20px;
    margin-top: 16px;
}
.vice_ministor_wrap.list > .vice_ministor_list > ul li{
    display: flex;
    gap: 16px;
}
.vice_ministor_wrap.list > .vice_ministor_list > ul li + li{
    margin-top: 16px;
}
.vice_ministor_wrap.list > .vice_ministor_list > ul li .year{
    width: 89px;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    position: relative;
}
.vice_ministor_wrap.list > .vice_ministor_list > ul li .year:before{
    content: '';
    position: absolute;
    right: -8px;
    top: 5px;
    width: 1px;
    height: 16px;
    background: #D8D8D8;
}
.vice_ministor_wrap.list > .vice_ministor_list > ul li .desc{
    font-size: 17px;
    font-weight: 400;
    width: calc(100% - 105px);
}
@media screen and (max-width: 1024px) {
    /* 주요업무 */
    .mss_introList ul li a{
        flex-direction: column;
    }
    /* 연혁 */
    .history-wrap{
		background: none;
	}
    /* mi */
    .mi_imgBox{
        padding-bottom: 25.57%;
    }
    .mi_colors {
        grid-template-columns: repeat(2, 1fr);
    }
    .mi_signature{
        grid-template-columns: 1fr;
    }
    /* 역대장차관 */
    .chief_list{
        gap: 16px;
    }
    /* 장관소개 */
    .vice_ministor_wrap.hello{
        height: 187px;
    }
    .vice_ministor_wrap.hello .inr > p{
        font-size: 25px;
    }
    .vice_ministor_wrap.text{
        margin-top: 24px;
    }
}
@media screen and (max-width: 767px) {
    /* 주요업무 */
    .mss_intro{
        padding-bottom: 250.28%;
    }
    .mss_intro .img{
		width: 100%;
        height: 100%;
		background-image: url(../images/sub/sub_06/bg_mssIntro_m.png);
    }
    .mss_introList{
        margin-top: 24px;
    }
    .mss_introList ul {
        grid-template-columns: repeat(2 , 1fr);
    }
    /* 연혁 */
    .tab-conts.his.active{
        gap: 0;
    }
    /* mi */
    .mi_imgBox{
        padding-bottom: 50%;
    }
    .link_down_Box.mi_down{
        flex-direction: column;
    }
    .link_down_Box.mi_down .down {
        width: 100%;
    }
    .mi_colors {
        grid-template-columns: 1fr;
    }
    /* 역대장차관 */
    .chief_list{
        grid-template-columns: 1fr;
    }
    .modal .modal-dialog .modal-conts.chief{
        padding: 8px;
    }
    .chief_view_title .info .number{
        font-size: 17px;
    }
    .chief_view_title .info .name{
        font-size: 25px;
    }
    .chief_view_title .info .date{
        margin-top: 8px;
        padding-top: 8px;
        font-size: 17px;
    }
    .chief_view_title .info .date::before{
        width: 100%;
    }
    /* 장관소개 */
    .vice_ministor_wrap.hello{
        padding: 32px;
        height: 160px;
    }
    .vice_ministor_wrap.hello .inr > p{
        font-size: 21px;
        font-weight: 500;
    }
    .vice_ministor_wrap.hello .inr > span{
        display: none;
    }
    .vice_ministor_wrap.text p{
        font-size: 17px;
    }
    .vice_ministor_wrap.list{
        flex-direction: column;
        align-items: center;
    }
    .vice_ministor_wrap.list > .vice_ministor_list{
        width: 100%;
    }
}



/* 장관과의 대화 */
.br_1120{
    display: block;
}
.iframe-wrap.vice_ministor{
    width: 100%;
    margin-top: 24px;
    border: solid 1px #d8d8d8;
}
@media screen and (max-width: 1120px) {
    .br_1120{
        display: none;
    }
}
/* 차관소개 */
.vice_ministor_wrap.list.type_02 .vice_ministor_profile .imgBox{
    background-image: url(../images/sub/sub_06/img_viceMinstor_profile_03.png);
    border: 1px solid #D8D8D8;
}
.vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul.education li .year{
    width: 46px;
}
.vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul.career li .year{
    width: 173px;
}
.vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul.career li .desc{
    width: calc(100% - 193px);
}
/* 조직도 */
/* 본부 조직도 */
div.organization_wrap > *{
    position: relative;
    z-index: 1;
}
div.organization_wrap a:hover{
    text-decoration: underline;
    text-underline-offset: 3px;
}
div.organization_wrap li.ministor_wrap::after{ display:block; clear:both; content:"";}
div.organization_wrap li.vice_ministor_wrap::after { display:block; clear:both; content:"";}
div.organization_wrap li.bottom_chart::after { display:block; clear:both; content:"";}

div.organization_wrap li.ministor_wrap,
div.organization_wrap li.vice_ministor_wrap {
    text-align: center;
    display:block;
    width: 704px;
    margin:0 auto;
}
div.organization_wrap li.ministor_wrap a.ministor {
    display: block;
    border-radius: 8px;
    width: 160px;
    line-height: 58px;
    font-size: 17px;
    font-weight: 700;
    margin:0 auto;
    background-color: #043E3E;
    color: #fff;
}
div.organization_wrap li.vice_ministor_wrap a.vice_ministor  {
    display: block;
    border-radius: 8px;
    width: 160px;
    line-height: 58px;
    font-size: 17px;
    font-weight: 700;
    margin:0 auto;
    background-color: #075D5D;
    color: #fff;
}
div.organization_wrap ul.office_group {
    display:block;
}
div.organization_wrap ul.office_group::after {
    display:block;
    clear:both;
    content:"";
}
div.organization_wrap ul.office_group > li {
    width: 50%;
    float: left;
    position:relative;
    display: flex;
    flex-direction:column;
}
div.organization_wrap ul.office_group > li.right{
    align-items: flex-end;
}
div.organization_wrap ul.office_group > li a {
    width: 160px;
    display: block;
    text-align: center;
    margin: 0;
    line-height: 42px;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    margin-top: 4px;
    color: #555;
    font-weight: 700;
}
div.organization_wrap ul.office_group > li a.red_circle {
    width: 160px;
    display: inline-block;
    text-align: center;
    margin: 0px;
    line-height: 58px;
    border-radius: 8px;
    border: 1px solid #9DD7D7;
    background: #EDF8F8;
    color: #555;
    font-weight: 700;
}
/* 조직도 라인 */
div.organization_wrap > .center_chart_wrap > ul > li.ministor_wrap,
div.organization_wrap > .center_chart_wrap > ul > li.vice_ministor_wrap{
    position: relative;
}
div.organization_wrap > .center_chart_wrap > ul > li.ministor_wrap::before,
div.organization_wrap > .center_chart_wrap > ul > li.vice_ministor_wrap::before {
    position: absolute;
    z-index: -999;
    content: "";
    background-color: #555;
    right: 50%;
    top: 0px;
    width: 1px;
    height: 100%;
}
div.organization_wrap > .center_chart_wrap > ul > li.vice_ministor_wrap::before{
    height: calc(100% + 31px);
}
div.organization_wrap ul.office_group > li.left::before {
    content: "";
    background-color: #555 ;
    width: 200%;
    padding: 0.1px;
    position: absolute;
    z-index: -9999;
    left: 0;
    top: 26px;
}
div.organization_wrap ul.office_group > li.left:last-child::before {
    width: 100%;
    z-index: -9999;
    left: 0;
    top: 19px;
}
div.organization_wrap li.bottom_chart>ul>li>a.bg_red::before {
    content: "";
    background-color: #999;
    height: 24px;
    padding: 0.1px;
    position: absolute;
    z-index: -9999;
    left: 50%;
    top: -24px;
}
div.organization_wrap li.bottom_chart>ul{
    position: relative;
    margin-top: 55px;
}
div.organization_wrap li.bottom_chart>ul::before {
    content: "";
    background-color: #999;
    width: 76.5%;
    position: absolute;
    z-index: -9999;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
    background-color: #555;
    height: 1px;
}

/* 조직도 하단 */
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul {
    width:100%;
    box-sizing: border-box;
    background: #fff;
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul{
    display: flex;
    gap: 16px;
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li {
    display:inline-block;
    vertical-align: top;
    position:relative;
    flex: 1;
}

div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li>a.bg_red {
    display: block;
    height: 52px;
    line-height: 52px;
	font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 12px;
    background: linear-gradient(90deg, #0B9B9B 0%, #097C7C 100%);
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li> .inr{
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 8px;
    border: 1px solid #D8D8D8;
    text-align: center;
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li> .inr > a{
    border-bottom: 1px solid #D8D8D8;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #1D1D1D;
    padding: 12px 16px;
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li> .inr > ul{
    background: #F8F8F8;
    padding: 12px;
    text-align: left;
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li> .inr > ul li + li{
    margin-top: 8px;
}
div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul>li> .inr > ul li a{
    padding-left: 11px;
    background-image: url(../images/sub/sub_06/ico_floorDot.svg);
    background-size: 5px 5px;
    background-position: top  7px left;
    background-repeat: no-repeat;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    color: #1D1D1D;
}

/* 조직도 - 지방청 */
div.organization_wrap li.cheif_wrap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
div.organization_wrap li.cheif_wrap:first-child {
    margin-top: 0;
}
div.organization_wrap li.cheif_wrap a.cheif {
    display: flex;
    width: 180px;
    padding: 16px 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: #043E3E;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
    position: relative;
}
div.organization_wrap li.cheif_wrap a.cheif::before {
    width: 1px;
    height: 69px;
    background: #555;
    right: calc(50% - 1px);
    transform: translateX(-50%);
    top: unset;
    bottom: -40px;
}
div.organization_wrap li.cheif_wrap ul.office_group {
    display: flex;
    margin: 0 -10px;
    width: calc(100% + 20px);
    margin-top: 40px;
}
div.organization_wrap li.cheif_wrap ul.office_group::before {
    height: 1px;
    background-color: #555;
    padding: 0;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}
div.organization_wrap li.cheif_wrap ul.office_group::after {
    display: none;
}
div.organization_wrap li.cheif_wrap ul.office_group > li {
    flex: 1;
    width: 100%;
    padding: 0 10px;
    padding-top: 24px;
    margin-top: 0;
    min-width: 0;
    border-top: 1px solid #555;
}
div.organization_wrap li.cheif_wrap ul.office_group > li:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    background-color: #fff;
    width: calc(50% - 0.5px);
    height: 1px;
}
div.organization_wrap li.cheif_wrap ul.office_group > li:last-child:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff;
    width: calc(50% - 0.5px);
    height: 1px;
}
div.organization_wrap li.cheif_wrap ul.office_group > li::after {
    display: none;
}
div.organization_wrap li.cheif_wrap ul.office_group > li a.red_circle {
    position: relative;
    width: 100%;
    height: 55px;
    padding: 0 4px;
    border-radius: 12px;
    background: #097C7C;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
 .mbr {display: none;}
div.organization_wrap li.cheif_wrap ul.office_group > li a.red_circle::before {
    width: 1px;
    height: 24px;
    background-color: #555;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}
div.organization_wrap li.cheif_wrap ul.office_group > li a.red_circle + ul {
    display: flex;
    flex-direction: column;
}
div.organization_wrap li.cheif_wrap ul.office_group > li a.red_circle + ul > li {
    padding-top: 8px;
    position: relative;
}
div.organization_wrap li.cheif_wrap ul.office_group> li a.gray_circle {
    width: 100%;
    height: 39px;
    display: flex;
    padding: 8px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #F0F0F0;
    margin-top: 0;
    border: none;
    color: #1D1D1D;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
    padding: 0 4px;
}
div.organization_wrap li.cheif_wrap ul.office_group> li a.gray_circle::before {
    background-color: #555;
    width: 1px;
    height: 8px;
    padding: 0;
    top: -9px;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    div.organization_wrap li.cheif_wrap ul.office_group {
        margin: 0 -1px;
        margin-top: 40px;
        width: calc(100% + 2px);
    }
    div.organization_wrap li.cheif_wrap ul.office_group > li {
        padding: 0 1px;
        padding-top: 24px;
        word-break: break-all;
    }
    div.organization_wrap li.cheif_wrap ul.office_group > li a.red_circle {
        padding: 4px 4px;
        /* height: 78px; */
    }
    div.organization_wrap li.cheif_wrap ul.office_group> li a.gray_circle {
        height: auto;
        padding: 8px 8px;
        word-break: break-all;
        font-weight: 600;
    }
    div.organization_wrap li.cheif_wrap ul.office_group:has(li:nth-child(4)) > li a.gray_circle{
        padding: 8px 12px;
    }
    div.organization_wrap li.cheif_wrap ul.office_group:has(li:nth-child(5)) > li a.gray_circle{
        padding: 8px 6px;
    }
    div.organization_wrap ul.office_group > li a.red_circle::before { content: "";}
	div.organization_wrap ul.office_group > li a.gray_circle::before { content: ""; }
    div.organization_wrap li.cheif_wrap ul.office_group br.mbr {
        display: block;
    }
}


div.organization .go_back_orgChart.link {
    position: absolute;
    top: -12px;
    right: 0;
    border: 1px solid #075d5d;
    border-radius: 8px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #075d5d;
    gap: 4px;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
div.organization .go_back_orgChart.link::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/icon_org_arrow.svg);
}

.link_down_Box.org{
    margin-top: 64px;
}
.goto_link{
    border-radius: 8px;
    border: 1px solid #075D5D;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 16px;
    font-size: 17px;
    font-weight: 400;
    color: #075D5D;
}
.goto_link .ico{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/sub/sub_06/ico_arrow_right.svg);
}
/* 지방청 */
.org-step-office,
.type_orggrid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.org-step-office > li,
.type_orggrid > li{
    overflow: hidden;
    text-align: center;
}
.org-step-office > li .org-wrap-box,
.type_orggrid > li .chart_header{
    border-radius: 12px 12px 0 0 ;
    border: 1px solid #D8D8D8;
    border-bottom: none;
    overflow: hidden;
}
.org-step-office > li .org-wrap-box > a,
.type_orggrid > li .chart_header > a{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.org-step-office > li .org-wrap-box > a .logo,
.type_orggrid > li .chart_header > a .logo{
    width: 100%;
    height: 70px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.org-step-office > li .org-wrap-box > a .logo.img01{
    background-image: url(../images/sub/sub_06/org/img_org01.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img02{
    background-image: url(../images/sub/sub_06/org/img_org02.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img03{
    background-image: url(../images/sub/sub_06/org/img_org03.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img04{
    background-image: url(../images/sub/sub_06/org/img_org04.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img05{
    background-image: url(../images/sub/sub_06/org/img_org05.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img06{
    background-image: url(../images/sub/sub_06/org/img_org06.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img07{
    background-image: url(../images/sub/sub_06/org/img_org07.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img08{
    background-image: url(../images/sub/sub_06/org/img_org08.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img09{
    background-image: url(../images/sub/sub_06/org/img_org09.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img10{
    background-image: url(../images/sub/sub_06/org/img_org10.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img11{
    background-image: url(../images/sub/sub_06/org/img_org11.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img12{
    background-image: url(../images/sub/sub_06/org/img_org12.png) ;
}
.org-step-office > li .org-wrap-box > a .logo.img13{
    background-image: url(../images/sub/sub_06/org/img_org13.png) ;
}
.type_orggrid > li .chart_header > a .logo.img01{
    background-image: url(../images/sub/sub_06/org/img_school01.png) ;
}
.type_orggrid > li .chart_header > a .logo.img02{
    background-image: url(../images/sub/sub_06/org/img_school02.png) ;
}
.type_orggrid > li .chart_header > a .logo.img03{
    background-image: url(../images/sub/sub_06/org/img_school03.png) ;
}
.org-step-office > li .org-wrap-box > a .text,
.type_orggrid > li .chart_header > a .text{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    vertical-align: middle;
    color: #555;
    font-size: 17px;
    font-weight: 700;
    border-top: 1px solid #D8D8D8;
    background: #F8F8F8;
}
.org-step-office > li .org-wrap-box > a .text:hover,
.org-step-office > li .org-wrap-box > a .text:focus
.type_orggrid > li .chart_header > a .text:hover,
.type_orggrid > li .chart_header > a .text:focus{
    background: #075D5D;
    color: #fff;
}
.org-step-office > li .org-wrap-box > a .text:hover .ico,
.org-step-office > li .org-wrap-box > a .text:focus .ico,
.type_orggrid > li .chart_header > a .text:hover .ico,
.type_orggrid > li .chart_header > a .text:focus .ico{
    background-image: url(../images/sub/sub_06/ico_orglink_white.svg);
}
.type_orggrid > li .chart_header > a .text .ico,
.org-step-office > li .org-wrap-box > a .text .ico{
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 8px;
    background-image: url(../images/sub/sub_06/ico_orglink.svg);
}
.org-step-office > li .inner-org,
.type_orggrid > li .chart_list{
    border:solid 1px #D8D8D8;
    border-top: none;
    border-radius: 0 0 12px 12px ;
    overflow: hidden;
}
.org-step-office > li .inner-org a,
.type_orggrid > li .chart_list > ul > li > a{
    border-top : solid 1px #D8D8D8;
    display: block;
    padding: 16px;
}
.org-step-office > li .inner-org li.office a {
    background: #EDF8F8;
}
.org-step-office > li .inner-org li.office a:hover{
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media screen and (max-width: 1024px) {
    /* 지방청 */
    .type_orggrid,
    .org-step-office{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    /* 본부 */
    div.organization_wrap li.ministor_wrap,
    div.organization_wrap li.vice_ministor_wrap {
        width: 100%;
    }
    div.organization_wrap ul.office_group{
        margin-top: 24px;
    }
    div.organization_wrap > .center_chart_wrap > ul > li.vice_ministor_wrap {
        margin-top: 24px;
    }
    div.organization_wrap > .center_chart_wrap > ul > li.ministor_wrap::before{
        height: calc(100% + 24px);
    }
    div.organization_wrap li.bottom_chart>ul>li>a.bg_red::before {
        display: none;
    }
    div.organization_wrap li.bottom_chart>ul::before {
        display: none;
    }
    div.organization_wrap li.bottom_chart>ul{
        margin-top: 24px;
    }
    div.organization_wrap div.center_chart_wrap ul li.bottom_chart>ul{
        flex-direction: column;
        gap: 24px;
    }
    .link_down_Box.org{
        margin-top: 40px;
    }
    /* 지방청 */
    .type_orggrid,
    .org-step-office{
        grid-template-columns:  1fr;
    }
}



/* 찾아오시는 길 */
.center_location .clearfix{
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
}
.center_location .clearfix .left{
    /* width: 540px; */
    width: 100%;
    /* height: 340px; */
    border-radius: 12px;
    /*border: 1px solid #E4E4E4;*/
    overflow: hidden;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 36%;
}
.center_location .clearfix .left .map-image{
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/provincialoffice/img_map_main.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.center_location .clearfix .right{
    /* width: calc(100% - 540px); */
    width: 100%;
}
.center_location .clearfix .right .text{
    display: flex;
    flex-direction: column;
}
.center_location .clearfix .right .text .title{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 19px;
    font-weight: 700;
    margin-top: 24px;
}
.center_location .clearfix .right .text .title:first-child{
    margin-top: 0;
}
.center_location .clearfix .right .text .title .ico{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
}
.center_location .clearfix .right .text .title .ico::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.center_location .clearfix .right .text .title .ico.address{
    background: linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%),        linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.center_location .clearfix .right .text .title .ico.phone{
    background: linear-gradient(168deg, #FA55AE 8.78%, #FFA082 140.2%);
}
.center_location .clearfix .right .text .title .ico.fax{
    background: linear-gradient(168deg, #339DFF 8.78%, #17BC63 140.2%);
}
.center_location .clearfix .right .text .title .ico.address::before{
    background-image: url(../images/sub/sub_06/ico_address.svg);
    width: 17px;
    height: 17px;
}
.center_location .clearfix .right .text .title .ico.phone::before{
    background-image: url(../images/sub/sub_06/ico_phone.svg);
}
.center_location .clearfix .right .text .title .ico.fax::before{
    background-image: url(../images/sub/sub_06/ico_fax.svg);
}
.center_location .clearfix .right .text .desc{
    margin-top: 8px;
    display: flex;
    flex-direction: column;
}
.center_location .top_notice{
    margin-top: 16px;
    border-radius: 50px;
    background: #EDF8F8;
    padding: 16px 20px 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.center_location .top_notice > div{
    display: flex;
    align-items: center;
    gap: 8px;
}
.center_location .top_notice > div .icon{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
}
.center_location .top_notice > div .icon::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.center_location .top_notice.car > div .icon::before{
    background-image: url(../images/sub/sub_06/ico_car.svg);
}
.center_location .top_notice.bus > div .icon::before{
    background-image: url(../images/sub/sub_06/ico_bus.svg);
}
.center_location .top_notice.train > div .icon::before{
    background-image: url(../images/sub/sub_06/ico_train.svg);
}
.center_location .top_notice.map > div .icon::before{
    background-image: url(../images/sub/sub_06/ico_map.svg);
}
.center_location .top_notice.location > div .icon::before{
    background-image: url(../images/sub/sub_06/ico_map.svg);
}
.center_location .top_notice > div .txt{
    font-size: 19px;
    font-weight: 700;
}
.center_location .top_notice > a.map_link{
    padding-right: 20px;
    background-image: url(../images/sub/sub_06/ico_link.svg);
    background-size: 16px 16px;
    background-position: right center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .center_location .clearfix {
        padding-bottom: 24px;
    }
}
/* 층별안내 */
.floor_intro .floor{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px;
    margin-top: 16px;
}
.floor_intro .floor .tit{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 19px;
    font-weight: 700;
}
.floor_intro .floor .tit .ico{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
}
.floor_intro .floor .tit .ico::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-image: url(../images/sub/sub_06/ico_floor.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.floor_intro .floor ul{
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.floor_intro .floor ul li a{
    padding-left: 11px;
    background-image: url(../images/sub/sub_06/ico_floorDot.svg);
    background-size: 5px 5px;
    background-position: top  7px left;
    background-repeat: no-repeat;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
}

.elevatorBox{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    margin-top: 16px;
    height: 284px;
    overflow: hidden;
}
.elevatorBox .imgBox{
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/sub_06/img_elevator.png);
    background-size: contain ;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
    /* 찾아오시는 길 */
    .center_location .clearfix{
        flex-direction: column;
    }
    .center_location .clearfix .left,
    .center_location .clearfix .right{
        width: 100%;
    }
    /* 층별안내 */
    .floor_intro .floor ul{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    /* 장관과의 대화 */
    .iframe-wrap.vice_ministor{
        margin-bottom: 60px;
    }
    /* 차관소개  */
    .vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul li{
        flex-direction: column;
        gap: 8px;
    }
    .vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul li .year:before{
        display: none;
    }
    .vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul.career li .year{
        width: 100%;
    }
    .vice_ministor_wrap.list.type_02 > .vice_ministor_list > ul.career li .desc{
        width: 100%;
    }
    /* 찾아오시는 길 */
    .center_location .top_notice{
        flex-direction: column;
        margin-top: 40px;
    }

    /* 층별안내 */
    .floor_intro .floor ul{
        grid-template-columns: 1fr;
    }
}


/* ** sub99 ** */
/* 누리집 이용안내 */
.a_col_gray{
    color: #555;
    font-size: 17px;
    font-weight: 400;
}
.browsers{
    display: flex;
    gap: 16px;
    margin-top: 16px;
}
.browsers .item{
    flex: 1;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    overflow: hidden;
}
.browsers .item .img{
    height: 120px;
    position: relative;
}
.browsers .item .img::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.browsers .item .img.img01::before{
    background-image: url(../images/sub/sub99/img_browser01.png);
}
.browsers .item .img.img02::before{
    background-image: url(../images/sub/sub99/img_browser02.png);
}
.browsers .item .img.img03::before{
    background-image: url(../images/sub/sub99/img_browser03.png);
}
.browsers .item .img.img04::before{
    background-image: url(../images/sub/sub99/img_browser04.png);
}
.browsers .item .txt{
    padding: 16px;
    border-top: 1px solid #D8D8D8;
    background: #F8F8F8;
    height: 100%;
}
.browsers .item .txt p{
    color: #555;
    font-size: 17px;
    font-weight: 700;
}
.browsersView{
    display: flex;
    gap: 24px;
    margin-top: 16px;
}
.browsersView .inr{
    flex: 1;
}
.browsersView .inr .tit{
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 16px;
    border-radius: 8px;
    background: #075D5D;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.browsersView .inr .imgBox{
    margin-top: 8px;
    width: 100%;
    padding-bottom: 102.27%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.browsersView .inr .imgBox > div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.browsersView .inr .imgBox > div.imgedge{
    background-image: url(../images/sub/sub99/img_edge.png);
}
.browsersView .inr .imgBox > div.imgchrome{
    background-image: url(../images/sub/sub99/img_chrome.png);
}
@media screen and (max-width: 767px) {
    .browsers{
        flex-wrap: wrap;
    }
    .browsers .item{
        flex: 0 0 calc(50% - 8px);
    }
    .browsersView{
        flex-direction: column;
    }
}
/* 누리집 안내지도 */
.mms_sitemap{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
}
.mms_sitemap > div {
    width: 100%;
}
.mms_sitemap > div > .title > a{
    background: linear-gradient(90deg, #0B9B9B 0%, #097C7C 100%);
    padding: 16px 24px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    display: flex;
    border-radius: 12px 12px 0px 0px;
}
.mms_sitemap > div > ul{
    border: solid 1px #D8D8D8;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}
.mms_sitemap > div > ul > li > .tit > a{
    display: flex;
    padding: 16px 24px;
    padding-right: 52px;
    position: relative;
    flex-wrap: wrap;
    border-top:solid 1px #D8D8D8;
    font-size: 19px;
    font-weight: 700;
}
.mms_sitemap > div > ul > li:first-child > .tit > a{
    border-top: none;
}
.mms_sitemap > div > ul > li:has(.depth03) > .tit > a::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    width: 16px;
    height: 16px;
    background-image: url(../images/sub/sub99/ico_arrowb.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mms_sitemap > div > ul > li.link > .tit > a::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    width: 20px;
    height: 20px;
    background-image: url(../images/sub/sub99/ico_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mms_sitemap > div > ul > li > ul{
    background-color: #F8F8F8;
    border-top: solid 1px #D8D8D8;
    padding: 16px 24px;
}
.mms_sitemap > div > ul > li > ul > li{
    padding-left: 11px;
    position: relative;
}
.mms_sitemap > div > ul > li > ul > li::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7.5px;
    left: 0;
    background-image: url(../images/sub/sub99/ico_dot.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.mms_sitemap > div > ul > li > ul > li + li{
    margin-top: 16px;
}
.mms_sitemap > div > ul > li > ul > li.link{
    position: relative;
    padding-right: 26px;
}
.mms_sitemap > div > ul > li > ul > li.link::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/sub/sub99/ico_link.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
    .mms_sitemap{
        gap: 40px 16px;
    }
}
@media screen and (max-width: 767px) {
    .mms_sitemap{
        margin-top: 24px;
        grid-template-columns: repeat(2 , 1fr);
        gap: 32px 8px;
    }
}
@media screen and (max-width: 480px) {
    .mms_sitemap{
        grid-template-columns: 1fr;
    }
}

/* 개인정보처리방침 */
.tabContBox {
    display: none;
}
.tabContBox.active {
    display: block;
}

.priv_label{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border: 2px solid #CEEBEB;
    margin-top: 16px;
    border-radius: 12px;
}
.priv_label .label_img{
    text-align: center;
}
.priv_label .label_img .img{
    width: 80px;
    height: 80px;
    margin: auto;
    background-size: 64px 64px;
    background-position: center;
    background-repeat: no-repeat;
}
.priv_label .label_img.num1 .img{
    background-image: url(../images/sub/sub99/priv/ico_label_01.svg);
}
.priv_label .label_img.num2 .img{
    background-image: url(../images/sub/sub99/priv/ico_label_02.svg);
}
.priv_label .label_img.num3 .img{
    background-image: url(../images/sub/sub99/priv/ico_label_03.svg);
}
.priv_label .label_img.num4 .img{
    background-image: url(../images/sub/sub99/priv/ico_label_04.svg);
}
.priv_label .label_img.num5 .img{
    background-image: url(../images/sub/sub99/priv/ico_label_05.svg);
}
.priv_label .label_img.num6 .img{
    background-image: url(../images/sub/sub99/priv/ico_label_06.svg);
}
.priv_label .label_img p {
    margin-top:8px;
    word-break: keep-all;
    font-size: 15px;
    font-weight: 700;
    color: #555555;
}
.priv_label span.priv_label_text {
    display: none;
    position: absolute;
    width: 200px;
    z-index: 9999;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    padding: 5px;
    word-break: keep-all;
    font-size: 14px;
    text-align: center;
}
div.priv_label div.label_img.num1:hover > span {display:block; }
div.priv_label div.label_img.num2:hover > span {display:block; }
div.priv_label div.label_img.num3:hover > span {display:block; }
div.priv_label div.label_img.num4:hover > span {display:block; }
div.priv_label div.label_img.num5:hover > span {display:block; }
div.priv_label div.label_img.num6:hover > span {display:block; }

.priv_list{
    border: 2px solid #CEEBEB;
    padding: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 24px;
    border-radius: 12px;
    margin-top: 16px;
}
.priv_list li > .inr{
    display: flex;
    padding: 4px;
    gap: 8px;
    align-items: flex-start;
    border-radius: 8px;
}
.priv_list li .inr:hover,
.priv_list li .inr:focus{
    background-color: #EDF8F8;
}
.priv_list li .inr:hover a,
.priv_list li .inr:focus a{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.priv_list li .icon{
    width: 40px;
    height: 40px;
    background-size: 32px 32px;
    background-position: center;
    background-repeat: no-repeat;
}
.priv_list li .icon.ico01,
.terms_box .titleBox .icon.ico01::before{
    background-image: url(../images/sub/sub99/priv/ico_list_01.svg);
}
.priv_list li .icon.ico02,
.terms_box .titleBox .icon.ico02::before{
    background-image: url(../images/sub/sub99/priv/ico_list_02.svg);
}
.priv_list li .icon.ico03,
.terms_box .titleBox .icon.ico03::before{
    background-image: url(../images/sub/sub99/priv/ico_list_03.svg);
}
.priv_list li .icon.ico04,
.terms_box .titleBox .icon.ico04::before{
    background-image: url(../images/sub/sub99/priv/ico_list_04.svg);
}
.priv_list li .icon.ico05,
.terms_box .titleBox .icon.ico05::before{
    background-image: url(../images/sub/sub99/priv/ico_list_05.svg);
}
.priv_list li .icon.ico06,
.terms_box .titleBox .icon.ico06::before{
    /* background-image: url(../images/sub/sub99/priv/ico_list_06.svg); */
    background-image: url(../images/sub/sub99/priv/ico_label_05.svg);
}
.priv_list li .icon.ico07,
.terms_box .titleBox .icon.ico07::before{
    background-image: url(../images/sub/sub99/priv/ico_list_07.svg);
}
.priv_list li .icon.ico08,
.terms_box .titleBox .icon.ico08::before{
    background-image: url(../images/sub/sub99/priv/ico_list_08.svg);
}
.priv_list li .icon.ico09,
.terms_box .titleBox .icon.ico09::before{
    background-image: url(../images/sub/sub99/priv/ico_list_09.svg);
}
.priv_list li .icon.ico10,
.terms_box .titleBox .icon.ico10::before{
    background-image: url(../images/sub/sub99/priv/ico_list_10.svg);
}
.priv_list li .icon.ico11,
.terms_box .titleBox .icon.ico11::before{
    background-image: url(../images/sub/sub99/priv/ico_list_11.svg);
}
.priv_list li .icon.ico12,
.terms_box .titleBox .icon.ico12::before{
    background-image: url(../images/sub/sub99/priv/ico_list_12.svg);
}
.priv_list li .icon.ico13,
.terms_box .titleBox .icon.ico13::before{
    background-image: url(../images/sub/sub99/priv/ico_list_13.svg);
}
.priv_list li .icon.ico14,
.terms_box .titleBox .icon.ico14::before{
    background-image: url(../images/sub/sub99/priv/ico_list_14.svg);
}
.priv_list li .icon.ico15,
.terms_box .titleBox .icon.ico15::before{
    background-image: url(../images/sub/sub99/priv/ico_list_15.svg);
}
.priv_list li .icon.ico16,
.terms_box .titleBox .icon.ico16::before{
    background-image: url(../images/sub/sub99/priv/ico_list_16.svg);
}
.priv_list li .icon.ico17,
.terms_box .titleBox .icon.ico17::before{
    background-image: url(../images/sub/sub99/priv/ico_list_17.svg);
}
.priv_list li .icon.ico18,
.terms_box .titleBox .icon.ico18::before{
    background-image: url(../images/sub/sub99/priv/ico_list_18.svg);
}
.terms_box .titleBox .icon.ico08_01::before{
    background-image: url(../images/sub/sub99/priv/ico_list_08_01.svg);
}
.terms_box .titleBox .icon.ico13_01::before{
    background-image: url(../images/sub/sub99/priv/ico_list_13_01.svg);
}
.priv_list li a{
    width: calc(100% - 48px);
    padding: 7px 0;
    line-height: 25.5px;
}
.terms_box{
    margin-top: 40px;
}
.terms_box .titleBox{
    display: flex;
    gap: 4px;
    align-items: center;
}
.terms_box .titleBox .icon{
    width: 40px;
    height: 40px;
    position: relative;
}
.terms_box .titleBox .icon::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.terms_box .titleBox .title{
    font-size: 19px;
    color: #1D1D1D;
    font-weight: 700;
    width: calc(100% - 44px);
}
.priv_searchBox{
    margin-top: 24px;
    display: flex;
    flex-direction: column;
}
.priv_searchBox .titleBox{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.priv_searchBox .titleBox .tit{
    border: 2px solid #C6C6C6;
    background: #FFFFFF;
    display: inline-flex;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 19px;
    font-weight: 700;
    position: relative;
}
.priv_searchBox .titleBox .tit::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    width: 2px;
    height: 35px;
    background-color: #C6C6C6;
    z-index: -1;
}
.priv_searchBox .titleBox .borderBox{
    margin-top: 30px;
    display: inline-flex;
    width: 50%;
    height: 32px;
    border:solid 2px #C6C6C6;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
}
.priv_searchBox .contBox{
    display: flex;
    gap: 32px;
}
.priv_searchBox .contBox .inr{
    flex: 1;
}
.priv_searchBox .contBox .con{
    background: #EDF8F8;
    padding: 24px;
    border-radius: 12px;
    text-align: center;
}
.priv_searchBox .contBox .con.c_02{
    background: #FFF8E8;
}
.priv_searchBox .contBox .con .tit{
    font-size: 17px;
    font-weight: 700;
}
.priv_searchBox .contBox .con .progress{
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.priv_searchBox .contBox .con .progress .txt{
    background-color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    width: 100%;
}
.priv_searchBox .contBox .ico_arrowb{
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin: 4px 0;
    background-image: url(../images/sub/sub99/ico_arrowb.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.priv_searchBox .contBox .sub_con{
    display: flex;
    gap: 16px;
}
.priv_searchBox .contBox .sub_con .sub_inr{
    flex: 1;
    text-align: center;
}
.priv_searchBox .contBox .sub_con .text{
    border-radius: 8px;
    padding: 8px 16px;
}
.priv_searchBox .contBox .sub_con .text.type_01{
    border: 2px solid #9DD7D7;
    background: #EDF8F8;
}
.priv_searchBox .contBox .sub_con .text.type_02{
    border: 2px solid #C6C6C6;
    background: #F8F8F8;
}
.priv_searchBox .contBox .sub_con .text.type_03{
    border: 2px solid #FFDB87;
    background: #FFF8E8;
}
.priv_searchBox .contBox .sub_con .txt{
    border-radius: 8px;
    background: #9DD7D7;
    padding: 8px 16px;
}
.priv_searchBox .contBox .sub_con .txt p{
    font-weight: 700;
}
.prev_terms{
    border:solid 1px black;
    margin-top: 24px;
    border-radius: 12px;
    padding: 24px;
    border: 2px solid #CEEBEB;
}
.prev_terms .subtit_l{
    margin-top: 0;
    padding-bottom: 16px;
    border-bottom: 2px solid #9DD7D7;
}
.prev_terms ul{
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 24px;
}
.prev_terms ul li{
    border-radius: 8px;
    padding: 4px;
    padding-left: 21px;
}
.prev_terms ul li:hover,
.prev_terms ul li:focus{
    background: #EDF8F8;
}
.prev_terms ul li:hover a,
.prev_terms ul li:focus a{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.prev_terms ul li a{
    color: #555555;
    position: relative;
}
.prev_terms ul li.active a{
    font-weight: 700;
    color: #075D5D;
}
.prev_terms ul li a::before{
    content: '';
    position: absolute;
    left: -8px;
    top: 10px;
    background-image: url(../images/sub/sub99/ico_dash.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 6px;
    height: 1.4px;
}
@media screen and (max-width: 767px) {
    .priv_label {
        flex-wrap: wrap;
    }
    .priv_label .label_img {
        flex: 1 0 calc(33.33% - 12px);
    }
    .priv_list {
        grid-template-columns: 1fr;
    }
    .priv_searchBox .contBox{
        flex-direction: column;
        padding-left: 32px;
        margin-top: 16px;
    }
    .priv_searchBox .titleBox .tit{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .priv_searchBox .titleBox .tit::before{
        left: 16px;
        height: 150px;
    }
    .priv_searchBox .titleBox .borderBox{
        display: none;
    }
    .priv_searchBox .contBox{
        position: relative;
    }
    .priv_searchBox .contBox .borderBox{
        position: absolute;
        left: 0;
        top: 118px;
        display: inline-flex;
        border:solid 2px #C6C6C6;
        border-right: none;
        background-color: #fff;
        border-radius: 12px 0 0 12px;
        width: 32px;
        height: 394px;
    }
    .prev_terms{
        padding: 16px
    }
    .prev_terms ul{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 425px) {
    .priv_label .label_img {
        flex: 1 0 calc(50% - 8px);
    }
}

/* 개인정보처리방침 - 이전 */
div.privacyBefore div.section ~ div.section {margin-top:52px;}
div.privacyBefore div.section div.terms_box ~ div.terms_box {margin-top: 40px;}

div.privacyBefore div.section li p.express {padding-left:0px;}
div.privacyBefore div.section p.express {padding-left:30px; word-break: keep-all;font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color: #1d1d1d;margin-bottom: 10px;}
div.privacyBefore div.section p.express > b {font-weight:500;}
div.privacyBefore div.section p.express > a.terms_link_btn {display: inline-block; padding: 12px 16px; border: 1px solid #003A88; border-radius: 10px; margin: 10px 0; transition: .3s all; color:#003a88;}
div.privacyBefore div.section p.express > a.terms_link_btn:hover { border: 1px solid #003A88; color:#fff; background-color:#003a88;}
div.privacyBefore div.section p.express > a.terms_link_btn::after { content: ""; display: inline-block; vertical-align: sub; width: 20px; height: 20px; margin-top: 0; margin-left: 4px;background:url(/images/np_new/ico_blank_blue2.png);transition: .3s all;}
div.privacyBefore div.section p.express > a.terms_link_btn:hover::after {background:url(/images/np_new/ico_blank_white.png);}

div.privacyBefore div.bg_gray {
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #C6C6C6;
    background: #F8F8F8;
}
div.privacyBefore div.bg_gray h4.title {
    color: #1D1D1D;
    font-size: 25px;
    font-weight: 700;
    line-height: 100%;
    padding-left: 36px;
    position: relative;
}
div.privacyBefore div.bg_gray h4.title::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/component/common/ico_infotitle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
div.privacyBefore div.bg_gray h4.title span {	display: inline-block;	margin-left: 10px;	font-size: 18px;color: #1d1d1d;}
div.privacyBefore div.bg_gray h5.title {margin: 8px 0;}
div.privacyBefore div.bg_gray h5.title::before {display:none;}
div.privacyBefore div.bg_gray h5.title:after {	display: none;}
div.privacyBefore div.bg_gray p.express {
    margin-top: 16px;
    font-size: 19px;
    word-break: keep-all;
    color: #1d1d1d;
}

div.privacyBefore div.prev_terms h4.title {padding: 20px 0;font-size: 18px;font-weight: 500;text-align: center;	border-bottom: 1px solid #e0e0e0;	background-color: #f7f7f7;	color: #1d1d1d;}


div.privacyBefore div.priv_label {all: unset;}
div.privacyBefore div.priv_label h4 { margin-top:30px; padding-left: 32px; margin-bottom: 12px; text-indent: -32px; word-break: keep-all; font-weight: 700; font-size: 16px; line-height: 1.45; letter-spacing: -0.025em; color: #1d1d1d; }
div.privacyBefore div.priv_label h5 {
    margin-top: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: top 5px left 6.5px;
    background-image: url(../images/component/sub/ico_subtit_l.svg);
    padding-left: 33px;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
    position: relative;
    color: #1D1D1D;
}
div.privacyBefore div.priv_label div.priv_label_img {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border: 2px solid #CEEBEB;
    margin-top: 16px;
    border-radius: 12px;
}
div.privacyBefore div.priv_label div.priv_label_img div.label_img:hover > p { text-decoration:underline;}
div.privacyBefore div.priv_label div.priv_label_img div.label_img {text-align: center; cursor:pointer; position:relative; width:20%; }
div.privacyBefore div.priv_label div.priv_label_img div.label_img p { margin-top:10px; word-break: keep-all; font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -0.05em; color: #1d1d1d; }
div.privacyBefore div.priv_label div.priv_label_img span.priv_label_text { display:none; position: absolute; width: 200px; z-index: 9999; border: 1px solid #dfdfdf; box-sizing: border-box; border-radius: 10px; background-color: #fff; padding: 5px; word-break: keep-all;}
div.privacyBefore div.priv_label div.priv_label_img .num1:hover > span {display:block; }
div.privacyBefore div.priv_label div.priv_label_img .num2:hover > span {display:block; }
div.privacyBefore div.priv_label div.priv_label_img .num3:hover > span {display:block; }
div.privacyBefore div.priv_label div.priv_label_img .num4:hover > span {display:block; }
div.privacyBefore div.priv_label div.priv_label_img .num5:hover > span {display:block; }
div.privacyBefore div.priv_label div.priv_label_img .num6:hover > span {display:block; }
div.privacyBefore div.priv_label div.priv_label_img + p.express {padding-left: 0;}

div.privacyBefore div.priv_index {
    border: 2px solid #CEEBEB;
    border-radius: 12px;
}
div.privacyBefore div.priv_index h5 { padding:24px; padding-bottom: 0; text-align:center; word-break: keep-all; font-weight: 700; font-size: 20px; line-height: 1.45; letter-spacing: -0.025em; color: #1d1d1d; }
div.privacyBefore div.priv_index ul { display:flex; font-size: 16px; padding:24px; flex-wrap:wrap; gap: 10px;}
div.privacyBefore div.priv_index ul li { width:calc(50% - 5px); display:block; }
div.privacyBefore div.priv_index ul li a { padding: 5px; display: inline-block;  }
div.privacyBefore div.priv_index ul li img {width: 30px; display: inline-block; padding-left: 5px;}


div.privacyBefore div.section div.terms_box {
    display: flex;
    flex-wrap: wrap;
}
div.privacyBefore div.section div.terms_box::after {display:block; clear:both; content:"";}
div.privacyBefore div.section div.terms_box img {display: inline-block; width: 32px; min-width: 32px; height: 32px; margin-right: 4px; top: -3px;}
div.privacyBefore div.section div.terms_box h5.title {
    font-size: 19px;
    color: #1D1D1D;
    font-weight: 700;
    line-height: 150%;
 }
div.privacyBefore div.section div.terms_box:has(h5.title + img) h5.title:has(+ img) {position: relative; order: 2;}
div.privacyBefore div.section div.terms_box:has(h5.title + img) > img {position: relative; order: 1;}
div.privacyBefore div.section div.terms_box:has(h5.title + img) > * {order: 3;}
div.privacyBefore div.section div.terms_box p.express {width: 100%;}
div.privacyBefore div.section div.terms_box p.desc {width: 100%;}
div.privacyBefore div.section div.terms_box ol.desc {width: 100%;}
div.privacyBefore div.section div.terms_box div.detail {width: 100%;}
div.privacyBefore div.section div.terms_box > .file_wrap {padding-left: 30px;}
div.privacyBefore div.section div.terms_box p.express + ol.desc {margin-top: 10px;}
div.privacyBefore div.section div.terms_box ol {padding-left:30px;}
div.privacyBefore div.section div.terms_box ol > li {display: table;margin-bottom: 10px;word-break: keep-all;font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color: #1d1d1d;}
div.privacyBefore div.section div.terms_box ol > li:before {display: table-cell;padding-right: 8px;}
div.privacyBefore div.section div.terms_box ol > li.table {width:100%;}
div.privacyBefore div.section div.terms_box ol.desc>li:first-child:before {content: '1.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(2):before{content: '2.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(3):before{content: '3.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(4):before{content: '4.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(5):before{content: '5.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(6):before{content: '6.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(7):before{content: '7.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(8):before{content: '8.';}
div.privacyBefore div.section div.terms_box ol.desc>li:nth-child(9):before{content: '9.';}
div.privacyBefore div.section div.terms_box img.priv_img {display: block; padding: 40px; width: 80%; }
div.privacyBefore div.section div.terms_box div.detail.video_list {padding-left: 20px}
div.privacyBefore div.section div.terms_box div.detail.rating_list {padding-left: 20px; width:50%;}
div.privacyBefore div.section div.terms_box div.detail.rating_list table th {width:20%;}
div.privacyBefore div.section div.terms_box div.detail {margin: 10px 0; padding-left: 30px}
div.privacyBefore div.section div.terms_box .desc li div.detail{padding-left:0px}
div.privacyBefore div.section div.terms_box div.detail a {font-weight:500;color:#003A88;}
div.privacyBefore div.section div.terms_box div.detail a.call_btn {font-weight:500;color:inherit;}
div.privacyBefore div.section div.terms_box div.detail ul{}
div.privacyBefore div.section div.terms_box div.detail ul>li {padding-left:12px;word-break: keep-all;text-indent:-12px;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-0.05em;color: #1d1d1d;}
div.privacyBefore div.section div.terms_box div.detail ul>li + li {margin-top:4px;}
div.privacyBefore div.section div.terms_box div.detail ul>li:before {content:"";display:inline-block;vertical-align:top;width:6px;margin-top:0.75em;margin-right:6px;border-top:2px solid #CBCBCB;}
div.privacyBefore div.section div.terms_box h6 { margin-bottom: 10px; font-size: 18px; color: #1d1d1d;}
div.privacyBefore div.section div.terms_box table {margin: 10px 0;}
div.privacyBefore div.section div.terms_box table th {text-align: center;}
div.privacyBefore div.section div.terms_box .priv_table table th {width:50%;}


div.privacyBefore div.info.terms_box {margin-bottom: 65px;}
div.privacyBefore div.info.terms_box h5.title {
    margin-top: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: top 5px left 6.5px;
    background-image: url(../images/component/sub/ico_subtit_l.svg);
    padding-left: 33px;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
    position: relative;
    color: #1D1D1D;
}
div.privacyBefore div.info.terms_box p.express {
    display: block;
    position: relative;
    padding-left: 11px;
    font-size: 17px;
    line-height: 150%;
    font-weight: 400;
    margin-top: 8px;
}
div.privacyBefore div.info.terms_box p.express::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #FF6A33;
    border-radius: 50%;
}

div.privacyBefore div.section p.desc {	font-size: 16px;padding-left: 30px;	word-break: keep-all;	color: #1d1d1d;}
div.privacyBefore div.section .desc li .desc{	padding-left: 0px;}
div.privacyBefore div.section p.desc a {font-weight: 500;	color: #01317b;}


div.privacyBefore div.prev_terms {	margin-top: 15px;	border: 1px solid #e0e0e0;}
div.privacyBefore div.prev_terms ul {	padding: 25px 30px;}
div.privacyBefore div.prev_terms ul li {	margin-bottom: 10px;}
div.privacyBefore div.prev_terms ul li:last-child {margin-bottom: 0;}
div.privacyBefore div.prev_terms ul li a {	padding: 5px 0 0 0;	font-size: 16px;color: #1d1d1d;margin-bottom:5px;}
div.privacyBefore div.prev_terms ul li a:hover{text-decoration: underline;}
div.privacyBefore div.prev_terms ul li a:before {	content: '-';	display: inline-block;	margin-right: 5px;}
div.privacyBefore div.prev_terms ul li.active a {	border-bottom: 1px solid #004d97;	color: #004d97;}


div.privacyBefore div.section div.terms_box img.priv_img {display: block; padding: 40px; width: 80%; }
div.privacyBefore div.section div.terms_box div.detail.video_list {padding-left: 20px}
div.privacyBefore div.section div.terms_box div.detail.rating_list {padding-left: 20px; width:50%;}
div.privacyBefore div.section div.terms_box div.detail.rating_list table th {width:20%;}
div.privacyBefore div.section div.terms_box div.detail {margin: 10px 0; padding-left: 30px}
div.privacyBefore div.section div.terms_box .desc li div.detail{padding-left:0px}
div.privacyBefore div.section div.terms_box div.detail a {font-weight:500;color:#003A88;}
div.privacyBefore div.section div.terms_box div.detail a.call_btn {font-weight:500;color:inherit;}
div.privacyBefore div.section div.terms_box div.detail ul{/* padding-left:30px; */}
div.privacyBefore div.section div.terms_box div.detail ul>li {padding-left:12px;word-break: keep-all;text-indent:-12px;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-0.05em;color:#424242;}
div.privacyBefore div.section div.terms_box div.detail ul>li + li {margin-top:4px;}
div.privacyBefore div.section div.terms_box div.detail ul>li:before {content:"";display:inline-block;vertical-align:top;width:6px;margin-top:0.75em;margin-right:6px;border-top:2px solid #CBCBCB;}


div.privacyBefore div.section div.file_wrap {margin-bottom: 10px;}
div.privacyBefore div.section div.file_wrap p.desc {margin-top: 15px;}
div.privacyBefore div.section div.file_wrap a.link_type_blank{width: auto;position: relative;}
div.privacyBefore div.section div.file_wrap a.link_type_blank {display:table;border-spacing:0;position: relative;width:100%;height:60px;border-radius:10px;background-color:#F4F6F8;}
div.privacyBefore div.section div.file_wrap a.link_type_blank span {display:table-cell;vertical-align:middle;position: relative;padding:6px 83px 6px 16px;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-0.05em;color: #1d1d1d;}
div.privacyBefore div.section div.file_wrap a.link_type_blank:before {content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 0;height:60px;border-radius:10px;background-color:#003A88;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}
div.privacyBefore div.section div.file_wrap a.link_type_blank:after {content: "";position: absolute;z-index: 2;top: 0;right: 0;box-sizing:border-box;width:60px;height:60px;border:2px solid #818181;border-radius:0 10px 10px 0;background:#818181 url(/images/np_new/ico_blank_white.png) no-repeat 50% 50%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;
	transition-delay:0.1s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;
}
div.privacyBefore div.section div.file_wrap a.link_type_down {display:table;border-spacing:0;position: relative;width:100%;height:60px;border-radius:10px;background-color:#F4F6F8;}
div.privacyBefore div.section div.file_wrap a.link_type_down span {display:table-cell;vertical-align:middle;position: relative;padding:6px 83px 6px 16px;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-0.05em;color: #1d1d1d;}
div.privacyBefore div.section div.file_wrap a.link_type_down i {position: absolute;z-index: 2;top: 0;right: 0;box-sizing:border-box;width:60px;height:60px;border:2px solid #818181;border-radius:0 10px 10px 0;background-color:#818181;text-align:center;font-size:20px;line-height:60px;color:#fff;
	transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;
	transition-delay:0.1s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;
}
div.privacyBefore div.section div.file_wrap a.link_type_down:before {content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 0;height:60px;border-radius:10px;background-color:#003A88;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}
div.privacyBefore div.section div.file_wrap a.link_type_down:hover span, a.link_type_down:focus span {z-index: 3;color: #fff;}
div.privacyBefore div.section div.file_wrap a.link_type_down:hover i, a.link_type_down:focus i {border-color:#003A88;background-color:#fff;color:#003A88;}
div.privacyBefore div.section div.file_wrap a.link_type_down:hover:before, a.link_type_down:focus:before {width: 100%;}
div.privacyBefore div.section div.file_wrap a.down::after{	background:#818181 url(/images/np_new/ico_down_white.png) no-repeat 50% 50%;}
div.privacyBefore div.section div.file_wrap a.down:hover::after{background-image:url(/images/np_new/ico_down_navy.png);	background-color: #fff;}


div.privacyBefore table.type_horizontal thead th {
    background: #F8F8F8;
    border-bottom: 1px solid #097C7C;
    padding: 14px 16px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
}

div.privacyBefore table.type_horizontal thead + tbody th {background-color:#fafafa;}
div.privacyBefore table.type_horizontal tbody th {
    background: #F8F8F8;
    padding: 14px 16px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
}
div.privacyBefore table.type_horizontal tbody tr:first-child th + td {
    border-top: 1px solid #d8d8d8;
}
div.privacyBefore table.type_horizontal tbody td {
    padding: 18px 16px;
    text-align: center;
    color: #1d1d1d;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 1px solid #D8D8D8;
}

div.privacyBefore table.type_horizontal tbody td.al_left {
	text-align: left;
}

div.privacyBefore table.type_horizontal tbody td.al_left > span { padding-left:14px;}


@media all and (min-width:768px) and (max-width:1027px) {
	div.privacyBefore div.section {
		margin-bottom: 45px;
	}
	div.privacyBefore div.section div.terms_box {
		margin-top: 30px;
	}
	div.privacyBefore div.section p.express {
		font-size: 16px;
	}
	div.privacyBefore div.section div.terms_box p.express+ol.desc {
		margin-top: 5px;
	}
	div.privacyBefore div.section div.terms_box ol.desc>li {
		margin-bottom: 5px;
	}
	div.privacyBefore div.section div.terms_box ol.desc>li:before {
		padding-right: 6px;
	}
	div.privacyBefore div.section div.terms_box div.detail {
		margin: 8px 0;
	}
	div.privacyBefore div.section div.terms_box div.detail ul>li {
		margin-bottom: 8px;
		font-size: 15px;
	}
	div.privacyBefore div.section div.terms_box div.detail ul>li:before {
		padding-right: 6px;
	}
	div.privacyBefore div.section div.terms_box h6 {
		margin-bottom: 8px;
		font-size: 16px;
	}
	div.privacyBefore div.section div.terms_box table {
		margin: 8px 0;
	}
	div.privacyBefore div.section div.file_wrap {
		margin-top: 10px;
	}
	div.privacyBefore div.section div.file_wrap p.desc {
		margin-top: 10px;
	}
	#contents_inner.terms_wrap div.bg_gray h5.title {
		margin-bottom: 8px;
	}
	div.privacyBefore div.bg_gray {
		margin-bottom: 45px;
		padding: 35px 45px;
	}
	div.privacyBefore div.bg_gray h4.title span {
		margin-left: 8px;
		font-size: 16px;
	}
	div.privacyBefore div.bg_gray p.express {
		font-size: 16px;
	}
	div.privacyBefore div.section p.desc {
		font-size: 14px;
	}
	div.privacyBefore div.prev_terms h4.title {
		padding: 15px 0;
		font-size: 16px;
	}
	div.privacyBefore div.prev_terms ul {
		padding: 20px 25px;
	}
	div.privacyBefore div.prev_terms ul li a {
		font-size: 14px;
	}
	div.privacyBefore div.prev_terms ul li a:before {
		margin-right: 4px;
	}
}

@media screen and (max-width: 767px) {
	div.privacyBefore div.section {
		margin-bottom: 25px;
	}
	div.privacyBefore div.section div.terms_box {
		margin-top: 20px;
	}
	div.privacyBefore div.section p.express {
		font-size: 14px;
	}
	div.privacyBefore div.section div.terms_box p.express+ol.desc {
		margin-top: 3px;
	}
	div.privacyBefore div.section div.terms_box ol.desc>li {
		margin-bottom: 3px;
		font-size: 14px;
	}
	div.privacyBefore div.section div.terms_box ol.desc>li:before {
		padding-right: 4px;
	}
	div.privacyBefore div.section div.terms_box div.detail:has(table) {
		margin: 6px 0;
		display:block;
		overflow-x:scroll;
	}
	div.privacyBefore div.section div.terms_box div.detail ul>li {
		margin-bottom: 3px;
		font-size: 13px;
	}
	div.privacyBefore div.section div.terms_box div.detail ul>li:before {
		padding-right: 4px;
	}
	div.privacyBefore div.section div.terms_box h6 {
		margin-bottom: 6px;
		font-size: 14px;
	}
	div.privacyBefore div.section div.terms_box table {
		margin: 6px 0;
	}
	div.privacyBefore div.section div.file_wrap {
		margin-top: 8px;
	}
	div.privacyBefore div.section div.file_wrap a.link_type_blank span {font-size:14px;}
	div.privacyBefore div.section div.file_wrap p.desc {
		margin-top: 8px;
	}
	div.privacyBefore div.section div.terms_box div.detail.rating_list {width:100%;}
    div.privacyBefore div.bg_gray {
		margin-bottom: 25px;
		padding: 24px
	}
	div.privacyBefore div.bg_gray h4.title span {
		margin-left: 5px;
		font-size: 17px;
	}
	div.privacyBefore div.bg_gray h5.title {
		margin-bottom: 6px;
	}
	div.privacyBefore div.bg_gray p.express {
		font-size: 14px;
		padding-left: 0px;
	}
	div.privacyBefore div.section p.desc {
		font-size: 13px;
	}
	div.privacyBefore div.prev_terms h4.title {
		padding: 10px 0;
		font-size: 14px;
	}
	div.privacyBefore div.prev_terms ul {
		padding: 10px;
	}
	div.privacyBefore div.prev_terms ul li a {
		font-size: 13px;
	}
	div.privacyBefore div.prev_terms ul li a:before {
		margin-right: 2px;
	}

	div.privacyBefore div.priv_label div.priv_label_img { margin-top:20px; padding:30px 40px; border: 1px solid #dfdfdf; display: block; justify-content: space-evenly; }
	div.privacyBefore div.priv_label div.priv_label_img div.label_img { padding:10px; display:inline-block; width:100%; }
	div.privacyBefore div.priv_label div.priv_label_img span.priv_label_text {display: block; height: auto; left:0; right:0; width: 100%; position: inherit;}
	div.privacyBefore div.priv_index ul { font-size: 13px;  padding: 10px 10px 20px; }
	div.privacyBefore div.priv_index ul li {width:100%;}
}


/* 운영정책 */
a.tel{
    color: #097C7C;
    font-size: 17px;
    font-weight: 700;
}
.kogl_img{
    border-radius: 12px;
    border: 2px solid #CEEBEB;
    margin-top: 40px;
    text-align: center;
    padding: 24px;
}
.kogl_img .txt{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 16px;
}
.kogl_img .img{
    width: 340px;
    height: 131px;
    background-image: url(../images/sub/sub99/img_kogl.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .kogl_img .img{
        width: 100%;
    }
}

/* 스마트폰 어플 */
.app_features{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px;
    margin-top: 16px;
}
.app_features li + li{
    margin-top: 16px;
}
.app_features li{
    font-size: 17px;
    font-weight: 700;
    color: #2D2D2D;
    padding-left: 34px;
    position: relative;
}
.app_features li::before{
    content: '01';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    border-radius: 8px;
    width: 26px;
    height: 26px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.app_features li:nth-child(2):before{
   content: '02';
}
.app_features li:nth-child(3):before{
content: '03';
}
.app_features li:nth-child(4):before{
content: '04';
}
.app_features li:nth-child(5):before{
content: '05';
}
.app_down{
    display: flex;border: 1px solid #E4E4E4;
    padding: 24px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 12px;
    margin-top: 16px;
}
.app_down .text_inr .tit{
font-size: 19px;
font-weight: 700;
color: #2D2D2D;
}
.app_down .text_inr .tit span{
    font-size: 15px;
    font-weight: 400;
}
.app_down .qr_inr .qr{
    width: 80px;
    height: 80px;
    background-image: url(../images/sub/sub99/img_qr.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/* 관련누리집 */
.bannerList ul li .link_box{
    gap: 8px;
}
.bannerList ul li .link_box .tit{
    width: calc(100% - 24px);
}
.bannerList.related_site ul li .imgBox .img{
    background-size: contain;
}
.bannerList.related_site ul li:nth-child(1) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_01.png);
}
.bannerList.related_site ul li:nth-child(2) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_02.png);
}
.bannerList.related_site ul li:nth-child(3) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_03.png);
}
.bannerList.related_site ul li:nth-child(4) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_04.png);
}
.bannerList.related_site ul li:nth-child(5) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_05.png);
}
.bannerList.related_site ul li:nth-child(6) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_06.png);
}
.bannerList.related_site ul li:nth-child(7) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_07.png);
}
.bannerList.related_site ul li:nth-child(8) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_08.png);
}
.bannerList.related_site ul li:nth-child(9) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_09.png);
}
.bannerList.related_site ul li:nth-child(10) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_10.png);
}
.bannerList.related_site ul li:nth-child(11) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_11.png);
}
.bannerList.related_site ul li:nth-child(12) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_12.png);
}
.bannerList.related_site ul li:nth-child(13) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_13.png);
}
.bannerList.related_site ul li:nth-child(14) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_14.png);
}
.bannerList.related_site ul li:nth-child(15) .imgBox .img {
    background-image: url(../images/sub/sub99/relatedSite/img_relatedSite_15.png);
}
/* faq */
.mss_faq li + li{
    margin-top: 8px;
}
.mss_faq li .faq_tit{
    border: solid 1px #d8d8d8;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
}
.mss_faq li.view .faq_tit{
    border-bottom: none;
    border-radius: 12px 12px 0 0;
}
.mss_faq li .faq_tit .icon_arrow{
    width: 20px;
    height: 20px;
    position: relative;
}
.mss_faq li .faq_tit .icon_arrow::before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url(../images/board/ico_arrow_down.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.mss_faq li.view .faq_tit .icon_arrow::before{
    transform: rotate(180deg);
}
.mss_faq li .faq_tit .tit{
    font-size: 17px;
    font-weight: 700;
    padding-left: 48px;
    position: relative;
}
.mss_faq li .faq_tit .tit::before{
    content: 'Q';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    width: 32px;
    height: 32px;
    background: #075D5D;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}
.mss_faq li .faq_desc{
    padding: 16px;
    border-radius: 0 0 12px 12px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    display: none;
}
.mss_faq li.view .faq_desc{
    display: flex;
}
.mss_faq li .faq_desc .tit{
    font-size: 17px;
    font-weight: 400;
    padding-left: 48px;
    position: relative;
}
.mss_faq li .faq_desc .tit::before{
    content: 'A';
    position: absolute;
    left: 0;
    top: -4px;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    display: inline-flex;
    width: 32px;
    height: 32px;
    background: #EDF8F8;
    border:solid 2px #075D5D;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #075D5D;
}


/* ** sub 04 ** */

/* 민원이용안내 > 이용안내 */
div.complain_banner {
    position:relative;
    border-radius: 16px;
    background: #EDF8F8;
    padding: 40px;
    padding-right: 250px;
    margin-top: 77px;
    margin-bottom: 40px;
}
div.complain_banner::after {
    content:"";
    position:absolute;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 250px;
    background-image: url(../images/sub/sub_04/bg_complain_top.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
div.complain_banner ul {
    overflow: hidden;
    padding-top:1px;
    display: flex;
    gap: 4px 24px;
    align-items: center;
    flex-wrap: wrap;
}
div.complain_banner ul li {
    display:inline-block;
    vertical-align:middle;
    font-size: 25px;
    font-weight: 700;
}
div.complain_banner ul li span.sky {color: #448FDB;}
div.complain_banner ul li span.purple {color: #705D9B;}
div.complain_banner ul li span.yellow {color: #D77200;}
div.complain_banner ul li span.pink {color: #D84362;}
div.complain_banner ul li a {display:inline-block;vertical-align:top; font-size:0;}
div.complain_banner ul li a > span {
    display:inline-block;
    vertical-align:middle;
    font-size: 25px;
    font-weight: 700;
}
div.complain_banner ul li a > b {
    display:inline-block;
    vertical-align:middle;
    font-size: 25px;
    font-weight: 700;
}
div.complain_banner ul li a > b > span {display:inline-block;vertical-align:top;}
div.complain_banner p.desc {
    font-size: 19px;
    margin-top: 8px;
}
@media screen and (max-width: 1024px) {
    div.complain_banner {
        padding-right: 40px;
    }
    div.complain_banner::after{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    div.complain_banner{
        margin-bottom: 24px;
        padding: 24px;
    }
    div.complain_banner ul{
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    div.complain_banner ul li {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    div.complain_banner ul li,
    div.complain_banner ul li a > span,
    div.complain_banner ul li a > b {
        font-size: 21px;
    }
    div.complain_banner p.desc {
        font-size: 17px;
    }
}
.complain_process{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 48px;
}
.complain_process li{
    width: 100%;
    max-width: 300px;
    border:solid 1px black;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 16px 24px;
    position: relative;
}
.complain_process li::before{
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
    width: 40px;
    height: 40px;
    background-image: url(../images/sub/sub_04/ico_arrow_right.svg);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
}
.complain_process li:last-child::before{
    display: none;
}
.complain_process li:nth-child(n + 4){
    transform: translateX(calc(100% / 2 + 24px));
}
.complain_process li .process_num{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: linear-gradient(168deg, #FFD600); */
    background: #FFD600;
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #1d1d1d;
    margin: auto
}
.complain_process li div{
    margin-top: 8px;
}
.complain_process li div .title{
    font-size: 17px;
    font-weight: 700;
}
.complain_process li div .desc{
    font-size: 15px;
    margin-top: 4px;
}
.complain_btn{
    margin-top: 64px;
    display: flex;
    justify-content: center;
    gap: 16px;
}
.complain_btn a{
    border-radius: 8px;
    background: #043E3E;
    padding: 16px 24px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    border:none;
    display: flex;
    align-items: center;
    gap: 4px;
}
.complain_btn a:hover,
.complain_btn a:focus{
    background: #043E3E;
}
.complain_btn a.question{
    background: #097C7C;
}
.complain_btn a.question:hover,
.complain_btn a.question:focus{
    background: #097C7C;
}
.complain_btn a i{
    width: 24px;
    height: 24px;
    display: flex;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.complain_btn a i.ico_question{
    background-image: url(../images/sub/sub_04/ico_question.svg);
}
.complain_btn a i.ico_page{
    background-image: url(../images/sub/sub_04/ico_page.svg);
}
.txt_point{
    font-weight: 700;
    color: #075D5D;
}
.myComplain{
    margin-top: 16px;
    border-radius: 12px;
    border: 1px solid #C6C6C6;
    padding: 24px 0px;
}
.myComplain > div{
    width: 656px;
    margin: auto;
}
.myComplain > div.border{
    width: 472px;
    height: 48px;
    background-image: url(../images/sub/sub_04/ico_border.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.myComplain > div.inr{
    display: flex;
    justify-content: center;
    gap: 48px;
    height: 92px;
}
.myComplain > div.inr > div{
    flex: 1;
    height: 100%;
}
.myComplain > div.inr > .process._01{
    background: #075D5D;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.myComplain > div.inr > .process._01 > span{
    color: #fff;
    font-weight: 700;
}
.myComplain > div.inr > .process._02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-direction: column;
}
.myComplain > div.inr > .process._02 > div{
    flex: 1;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFEDC2;
}
.myComplain > div.inr > .process._02 > div >  span{
    color: #043E3E;
    font-weight: 700;
}
.myComplain > div.inr > .process._03{
    background: #FFEDC2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    text-align: center;
}
.myComplain > div.inr > .process._03 > span{
    color: #043E3E;
    font-weight: 700;
}
.myComplain > div.inr > div:first-child,
.myComplain > div.inr > div:nth-child(2){
    position: relative;
}
.myComplain > div.inr > div:first-child::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%) translateX(100%);
    width: 48px;
    height: 58px;
    background-image: url(../images/sub/sub_04/ico_processarrow_01.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* z-index: -1; */
}
.myComplain > div.inr > div:nth-child(2)::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(100%);
    width: 48px;
    height: 58px;
    background-image: url(../images/sub/sub_04/ico_processarrow_02.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* z-index: -1; */
}
.invite{
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    padding: 40px;
    display: flex;
    gap: 40px;
}
.invite .imgBox{
    width: 232px;
    height: 196px;
    background-color: #FFEDC2;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
.invite .imgBox::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/sub_04/img_invite.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.3);
}
.invite .txtBox{
    width: calc(100% - 272px);
}
.invite .txtBox h5{
    font-size: 21px;
    font-weight: 700;
}
.invite .txtBox h5 span b{
    color: #F00;
    font-size: 21px;
    font-weight: 700;
}
.invite .txtBox h5 span b.highlighter,
.invite .txtBox h5 span b.highlighter a{
    color: #075D5D;
    font-size: 21px;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    .complain_btn{
        margin-top: 40px;
    }
    .invite{
        flex-direction: column;
    }
    .invite .imgBox{
        width: 100%;
        height: auto;
        padding-bottom: 51.28%;
    }
    .invite .imgBox::before{
        transform: scale(1);
    }
    .invite .txtBox{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .complain_process{
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .complain_process li{
        max-width: 100%;
    }
    .complain_process li:nth-child(n + 4){
        transform: translateX(0);
    }
    .complain_process li::before{
        right: 50%;
        top: 100%;
        transform: translateY(2px) translateX(50%) rotate(90deg);
    }
    .complain_btn{
        margin-top: 24px;
        gap: 8px;
        flex-direction: column;
    }
    .myComplain{
        padding: 24px;
    }
    .myComplain > div.inr{
        flex-direction: column;
        gap: 48px;
        height: auto;
        width: 100%;
    }
    .myComplain > div.inr > .process._01,
    .myComplain > div.inr > .process._03{
        padding: 8px 16px;
    }
    .myComplain > div.inr > div:first-child::before{
        position: absolute;
        top: 100%;
        right: 50%;
        transform: translateY(0) translateX(50%);
        width: 159px;
        height: 48px;
        background-image: url(../images/sub/sub_04/ico_processarrow_m_01.svg);
        background-size: contain;
    }
    .myComplain > div.inr > .process._02{
        flex-direction: row;
    }
    .myComplain > div.inr > .process._02 > div{
        padding: 8px 16px;
    }
    .myComplain > div.inr > div:nth-child(2)::before{
        position: absolute;
        top: 100%;
        right: 50%;
        transform: translateY(0) translateX(50%);
        width: 159px;
        height: 48px;
        background-image: url(../images/sub/sub_04/ico_processarrow_m_02.svg);
        background-size: contain;
    }
    .myComplain > div.border{
        width: 100%;
        background-image: url(../images/sub/sub_04/ico_border_m.svg);
        background-size: contain;
    }
    .invite{
        gap: 24px;
        padding: 24px;
    }
    .invite .txtBox h5,
    .invite .txtBox h5 span b,
    .invite .txtBox h5 span b.highlighter,
    .invite .txtBox h5 span b.highlighter a {
        font-size: 19px;
    }
}

/* ***** 민원이용안내 ***** */

/* 민원참여 */
.complain_list{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.complain_list dl{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    padding: 24px;
    text-align: center;
}
.complain_list dl dt{
    font-size: 19px;
    font-weight: 700;
    position: relative;
}
.complain_list dl dt > span{
    color: #097C7C;
}
.complain_list dl .icon{
    margin: 16px auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border-radius: 40px;
box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
position: relative;
}
.complain_list dl .icon.ico01{
    background: linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%);
}
.complain_list dl .icon.ico02{
    background: linear-gradient(168deg, #FA55AE 8.78%, #FFA082 140.2%);
}
.complain_list dl .icon.ico03{
    background: linear-gradient(168deg, #339DFF 8.78%, #17BC63 140.2%);
}
.complain_list dl .icon::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.complain_list dl .icon.ico01::before{
    background-image: url(../images/sub/sub_04/ico_complain01.svg);
}
.complain_list dl .icon.ico02::before{
    background-image: url(../images/sub/sub_04/ico_complain02.svg);
}
.complain_list dl .icon.ico03::before{
    background-image: url(../images/sub/sub_04/ico_complain03.svg);
}
.complain_list dl dd + dd{
    margin-top: 8px;
}
.complain_list dl dd a{
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    width: 100%;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
/* .complain_list dl:last-child dd a{
    height: 47px;
} */
.complain_list dl dd a span.link{
    position: relative;
    display: inline-flex;
    width: 16px;
    height: 16px;
}
.complain_list dl dd a span.link::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    right: 0;
    transform: unset;
    background-image: url(../images/sub/sub_04/ico_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.complainList_pc{
    display: none;
}
.complainList_t{
    display: none;
}
@media screen and (max-width: 1235px) {
    .complain_list dl dt {
        height: 86px;
    }
}
@media screen and (max-width: 1024px) {
    .complain_list dl dt {
        height: auto;
    }
    .complain_list dl dd a {
        height: auto;
        padding: 8px 0;
    }

}
@media screen and (max-width: 938px) {
    .complain_list dl dt {
        height: 86px;
    }
}
@media screen and (max-width: 767px) {
    .complain_list dl dt {
        height: auto;
    }
}
@media screen and (min-width: 780px) and (max-width: 1140px) {
    /* .complainList_t{
        display: block;
    } */
}
.complain_banner.complain_quick_solved{
    margin-top: 40px;
    padding-right: 300px;
}
.complain_banner.complain_quick_solved .txt{
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 4px;
}
.complain_banner.complain_quick_solved .clearfix{
    margin-top: 16px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: row;
}
.complain_banner.complain_quick_solved .clearfix a{
    border-radius: 8px;
    background: #075D5D;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.complain_banner.complain_quick_solved .clearfix a span{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.complain_banner.complain_quick_solved .clearfix a i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.complain_banner.complain_quick_solved .clearfix a i.call{
    background-image: url(../images/sub/sub_04/ico_call.svg);
}
.complain_banner.complain_quick_solved .clearfix a i.link{
    background-image: url(../images/sub/sub_04/ico_link_white.svg);
}
.more_solved{
    border:solid 1px red;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    display: flex;
    gap: 40px;
    padding: 40px;
}
.more_solved .imgBox{
    width: 220px;
    height: 140px;
    background-color: #FFF0F0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
.more_solved .imgBox::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-image: url(../images/sub/sub_04/img_moreSolved.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.more_solved .inr{
    width: calc(100% - 260px);
}
.more_solved .inr h5{
    font-size: 21px;
    font-weight: 700;
}
.more_solved .inr .clearfix{
    margin-top: 16px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: row;
}
.more_solved .inr .clearfix a{
    border-radius: 8px;
    border: 1px solid #075D5D;
    background: #FFF;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.more_solved .inr .clearfix a span{
    color: #075D5D;
}
.more_solved .inr .clearfix a[target="_blank"]{
    padding-right: 36px;
    position: relative;
}
.more_solved .inr .clearfix a[target="_blank"]::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(../images/sub/sub_04/ico_link_green.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 767px) {
    .complain_banner.complain_quick_solved .clearfix {
        flex-direction: column;
    }
    .complain_banner.complain_quick_solved .clearfix > li {
        width: 100%;
    }
    .complain_banner.complain_quick_solved .clearfix > li > a {
        width: 100%;
    }
    .more_solved .inr .clearfix > li {
        width: 100%;
    }
    .more_solved .inr .clearfix > li > a{
        width: 100%;
    }
}

/* 확인서 발급 신청안내 */
.confirm_print{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.confirm_print > li{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px;
}
.confirm_print > li .title2{
    padding-bottom: 16px;
    border-bottom: 1px solid #D8D8D8;
    font-size: 21px;
    font-weight: 700;
}
.confirm_print > li > .subtit_l_con{
    padding-left: 0px;
}
.confirm_print > li > .subtit_l_con .link{
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.confirm_print > li > .subtit_l_con .link a{
    border-radius: 12px;
    background: #EDF5F5;
    padding: 16px;
    padding-right: 72px;
    position: relative;
}
.confirm_print > li > .subtit_l_con .link a > span {
    padding: 0;
}
.confirm_print > li > .subtit_l_con .link a:hover > span,
.confirm_print > li > .subtit_l_con .link a:focus > span {
    text-decoration: underline;
    text-underline-position: under;
}
/* 민원서비스헌장 */
ol.num_list{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}
ol.num_list li,
ol.num_list li > div.inr{
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
ol.num_list li:has(.inr){
    flex-direction: column;
    gap: 0;
}
ol.num_list li .num{
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 26px;
}
ol.num_list li .text{
    width: calc(100% - 26px);
    color: #2D2D2D;
    font-weight: 700;
}
ol.num_list li .text{
    width: calc(100% - 26px);
    color: #2D2D2D;
    font-weight: 700;
}
ol.num_list li .inr .subtit_m_con{
    width: 100%;
    padding-left: 34px;
    margin-top: 0;
}
ol.num_list li .inr .subtit_m_con .subtit_dot{
    margin-top: 10px;
}
ol.num_list li .inr .subtit_m_con .subtit_m2{
    margin-top: 10px;
}
.subtit_m2.num_03::before{
    content: '3' !important;
}
.subtit_m2.num_05::before{
    content: '5' !important;
}
.subtit_m2.num_07::before{
    content: '7' !important;
}
.bg_whiteText{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px;
}
.subtextBox{
    margin-top: 16px;
    padding-left: 20px;
}
/* 중소기업통합콜센터 */
.call_center_top{
    border-radius: 16px;
    background: #EDF8F8;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.call_center_top .imgBox{
    width: 471px;
    height: 367px;
    background-image: url(../images/sub/sub_04/bg_complain_top.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.call_center_top .imgBox .txtBox{
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 16px;
    text-align: right;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}
.call_center_top .imgBox .txtBox .tit{
    color: #075D5D;
    font-size: 19px;
    font-weight: 700;
}
.call_center_top .imgBox .txtBox .txt{
    font-size: 17px;
    font-weight: 700;
    margin-top: 4px;
}
.call_center_top .inr{
    width: calc(100% - 471px);
}
.call_center_top .info h3 small{
    font-size: 19px;
    font-weight: 700;
}
.call_center_top .info h3 small strong{
    font-size: 25px;
    color: #075D5D;
}
.call_center_top .info h3 span{
    font-size: 25px;
    font-weight: 700;
}
.call_center_top .info h3 b{
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}
.call_center_top .info h3 b.sky {color: #448FDB;}
.call_center_top .info h3 b.purple {color: #705D9B;}
.call_center_top .info h3 b.yellow {color: #D77200;}
.call_center_top .info h3 b.pink {color: #D84362;}
.call_center_top .info p{
    margin-top: 8px;
    font-size: 19px;
}
.call_center_top .info p > span{
    color: #075D5D;
    font-weight: 700;
}
.call_center_top .info p > strong{
    font-weight: 700;
}
.call_center.one_stop{
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    box-sizing: border-box;
}
.call_center.one_stop > li{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}
.call_center.one_stop > li .text .title{
    color: #043E3E;
    font-weight: 700;
}
.call_center.one_stop > li .text .desc{
    font-size: 15px;
    margin-top: 8px;
}
.call_center.one_stop > li .util a{
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    display: flex;
    padding: 8px 0;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #1D1D1D;
    font-weight: 400;
    font-size: 17px;
    width: 100%;
}
.call_center.one_stop > li .util a .ico{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/sub/sub_04/ico_link.svg);
}
.call_center.one_stop > li .util a.add_friend{
    background: #FED308;
    border: none;
}
.history-wrap.call_center{
    background-image: none;
    margin-top: 16px;
}
.history-wrap.call_center .history_list > li{
    gap: 32px;
}
.history-wrap.call_center .history_list > li .date{
    display: flex;
    gap: 4px;
    width: 82px;
    position: relative;
}
.history-wrap.call_center .history_list > li .date::before{
    content: '';
    position: absolute;
    top: 5px;
    right: -16px;
    width: 1px;
    height: 16px;
    background: #D8D8D8;
}
.history-wrap.call_center .history_list > li .date .month{
    color: #075D5D;
    font-size: 17px;
    font-weight: 700;
}
.history-wrap.call_center .history_list > li .info{
    width: calc(100% - 82px);
}
.history-wrap.call_center .history_list > li .info .desc{
    display: block;
}
.history-wrap.call_center .history_list > li .info .desc.ex{
    margin-top: 4px;
    color: #555;
    font-size: 15px;
}
@media screen and (max-width: 1024px) {
    div.complain_banner.complain_quick_solved::after{
        display: block;
    }
    .more_solved .imgBox{
        display: none;
    }
    .more_solved .inr{
        width: 100%;
    }
    /* 중소기업통합콜센터 */
    .call_center_top{
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }
    .call_center_top .inr{
        width: 100%;
        text-align: center;
    }
    .call_center.one_stop{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .complain_list{
        margin-top: 24px;
        grid-template-columns: repeat(1, 1fr);
    }
    .complain_list dl{
        padding: 16px;
    }
    div.complain_banner.complain_quick_solved::after{
        display: none;
    }
    .complain_banner.complain_quick_solved{
        padding: 24px;
    }
    .more_solved{
        padding: 24px;
    }
    /* 확인서 발급 신청안내 */
    .confirm_print{
        grid-template-columns: repeat(1, 1fr);
    }
    /* 중소기업통합콜센터 */
    .call_center_top{
        padding: 24px;
    }
    .call_center_top .imgBox{
        width: 310px;
        height: 440px;
    }
    .call_center.one_stop{
        grid-template-columns: repeat(1, 1fr);
    }
    .call_center_top .info p {
        font-size: 15px;
    }
}
/* ***** 민원이용안내 ***** */

/* 전자민원 */
.bold{
    font-weight: 700;
}
.iframe_box_mgt24{
    width: 100%;
    height: 627px;
    margin-top: 24px;
    border:solid 1px #D8D8D8;
}
.tab_margin{
    margin-top: 40px;
}

/* 불공정거래신고안내 */
.confirm_print.report_list{
    margin-top: 40px;
}
.txt_gray{
    color: #555;
}
.iframe_box_mgt40{
    width: 100%;
    height: 627px;
    margin-top: 40px;
    border:solid 1px #d8d8d8;
}
a.down_type_blank:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 58px;
    height: 100%;
    border-radius: 0 12px 12px 0;
    background-color: #097C7C;
    background-image: url(../images/sub/sub_04/ico_down_white.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    transition: all 0.3s;
}
.report_process{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    margin-top: 40px;
}
.report_process > li{
    text-align: center;
    border-radius: 12px;
    background: #F8F8F8;
    padding: 16px 24px;
    position: relative;
}
.report_process > li::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(100%);
    width: 40px;
    height: 40px;
    background-image: url(../images/sub/sub_04/ico_arrow_right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.report_process > li:last-child::before{
    display: none;
}
.report_process > li > .process_num{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: auto;
}
.report_process > li > div{
    margin-top: 8px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.report_process > li > div > .title{
    font-weight: 700;
    font-size: 17px;
}
/* 신고완료 */
.report_registration{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    padding: 24px 40px 48px 40px;
    text-align: center;
}
.report_registration .imgBox{
    width: 500px;
    height: 320px;
    border-radius: 200px;
    margin: auto;
    background-image: url(../images/sub/sub99/img_reservationComplete.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.report_registration .tit{
    font-size: 32px;
    font-weight: 700;
}
.report_registration .txt{
    margin-top: 4px;
}
.btn_inr a.report_view{
    border-radius: 8px;
    background: var(--teal-075D5D, #075D5D);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 16px 24px;
    margin-top: 24px;
    height: auto;
}
.btn_inr a.report_view:hover,
.btn_inr a.report_view:focus {
    background: var(--teal-075D5D, #075D5D);
    text-decoration: underline;
    text-decoration-color: #fff;
    text-underline-position: under;
}
.btn_inr a.report_view span{
    color: #fff;
    font-weight: 700;
    line-height: 150%;
}
.btn_inr a.report_view span.ico{
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(../images/board/ico_reservation.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* 기술침해행위신고 */
.confirm_print > li.span_2{
    grid-column: span 2;
}
/* 벤처투자 부당행위 신고 */
.report_process.process_04{
    grid-template-columns: repeat(4, 1fr);
}
.mss_case li{
    border-bottom: 1px solid #D8D8D8;
}
.mss_case li .case_desc{
    display: none;
    margin-bottom: 24px;
    border-radius: 12px;
    background: #F8F8F8;
    padding: 16px;
}
.mss_case li .case_tit{
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between ;
    gap: 16px;
}
.mss_case li .case_tit > .title{
    width: calc(100% - 24px);
    display: flex;
    align-items: center;
    gap:  16px;
}
.mss_case li .case_tit > .title > .num{
    border-radius: 8px;
    background: linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    display: inline-flex;
    width: 55px;
    padding: 4px 0px;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.mss_case li .case_tit > .title > .tit{
    color: #2D2D2D;
    font-size: 17px;
    font-weight: 700;
    width: calc(100% - 55px);
}
.mss_case li .case_tit > .icon_arrow{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #EDF8F8;
    background-image: url(../images/sub/sub_04/ico_arrow_down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.mss_case li.view .case_tit > .icon_arrow{
    transform: rotate(180deg);
}
.mss_case li.view .case_tit{
    padding-bottom: 16px;
}
/* 국민추천 */
.process_tab.recommendation{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
}
.process_tab.recommendation > li{
    width: 100%;
    padding: 0 16px;
    position: relative;
}
.process_tab.recommendation > li::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 40px;
    height: 40px;
    background-image: url(../images/sub/sub_04/ico_arrow_right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.process_tab.recommendation > li:last-child:before{
    display: none;
}
.process_tab > li > .icon{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: auto;
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    position: relative;
}
.process_tab > li > .icon.ico01{
    background: linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.process_tab > li > .icon.ico02{
    background: linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.process_tab > li > .icon.ico03{
    background: linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.process_tab > li > .icon::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.process_tab > li > .icon.ico01::before{
    background-image: url(../images/sub/sub_04/ico_recommendation01.svg);
}
.process_tab > li > .icon.ico02::before{
    background-image: url(../images/sub/sub_04/ico_recommendation02.svg);
}
.process_tab > li > .icon.ico03::before{
    background-image: url(../images/sub/sub_04/ico_recommendation03.svg);
}
.process_tab > li > .pr_text{
    margin-top: 8px;
    font-weight: 700;
}
.process_tab > li > .pr_text > span{
    display: block;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 400;
}
.msg_box{
    margin-top: 40px;
    border: 1px solid #C6C6C6;
    background-color: #F8F8F8;
    padding: 40px;
    padding-left: 136px;
    border-radius: 16px;
    position: relative;
}
.msg_box::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    width: 64.001px;
    height: 61.997px;
    background-image: url(../images/sub/sub_04/ico_msg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.msg_box p b{
    font-weight: 700;
}
.btn_inr.center{
    margin-top: 16px;
    display: flex;
    justify-content: center;
}
.business_recommendationList {
    margin-top: 16px;
}
.business_recommendationList > li + li{
    margin-top: 16px;
}
.business_recommendationList > li{
    border-radius: 12px;
    border: 1px solid #C6C6C6;
    padding: 32px;
    display: flex;
}
.business_recommendationList > li > div{
    flex: 1;
}
.business_recommendationList > li > .main_inr{
    border-right: 1px solid #D8D8D8;
    padding-right: 32px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 24px;
}
.business_recommendationList > li > .main_inr .bg{
    width: 100%;
    padding-bottom: 60%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.business_recommendationList > li > .main_inr .bg .img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.business_recommendationList > li > .main_inr .bg .img.img01{
    background-image: url(../images/sub/sub_04/img_businessRecommendation01.png);
}
.business_recommendationList > li > .main_inr .bg .img.img02{
    background-image: url(../images/sub/sub_04/img_businessRecommendation02.png);
}
.business_recommendationList > li > .main_inr .bg .img.img03{
    background-image: url(../images/sub/sub_04/img_businessRecommendation03.jpg);
}
.business_recommendationList > li > .main_inr .bg .img.img04{
    background-image: url(../images/sub/sub_04/img_businessRecommendation04.png);
}
.business_recommendationList > li > .main_inr .bg .img.img05{
    background-image: url(../images/sub/sub_04/img_businessRecommendation05.png);
}
.business_recommendationList > li > .main_inr .recommend_Text h6{
    font-size: 21px;
    font-weight: 700;
}
.business_recommendationList > li > .main_inr .recommend_Text p{
margin-top: 4px;
}
.business_recommendationList > li > .main_inr .btn_recommend{
    margin-top: 24px;
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #075D5D;
}
.business_recommendationList > li > .main_inr .btn_recommend.off{
    background: #C6C6C6;
    pointer-events: none;
}
.business_recommendationList > li > .main_inr .btn_recommend span{
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    padding-left: 28px;
    position: relative;
}
.business_recommendationList > li > .main_inr .btn_recommend span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(../images/sub/sub_04/ico_recommendation.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.business_recommendationList > li > .info_inr{
    padding-left: 24px;
}
.business_recommendationList > li > .info_inr > ul > li > .subtit_dot{
    margin-top: 14px;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    /* 기술침해행위신고 */
    .report_process{
        grid-template-columns: repeat(3, 1fr);
        gap: 24px 40px;
        width: 545px;
        margin: 40px auto 0;
    }
    .report_process li{
        width: 155px;
    }
    .report_process > li:nth-child(3)::before{
        display: none;
    }
    .report_process > li:nth-child(n+4){
        transform: translateX(calc(50% + 20px));
    }
    /* 벤처투자 부당행위 신고 */
    .report_process.process_04{
        grid-template-columns: repeat(2, 1fr);
        width: 520px;
    }
    .report_process.process_04 > li:nth-child(n+4){
        transform: translateX(0);
    }
    .report_process.process_04 li{
        width: 240px;
    }
    .report_process.process_04 > li:nth-child(3)::before{
        display: block;
    }
    .report_process.process_04 > li:nth-child(2)::before{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .tab_margin{
        margin-top: 24px;
    }
    .iframe_box_mgt24{
        margin-top: 24px;
    }
    /* 불공정거래신고안내 */
    .confirm_print > li.span_2{
        grid-column: span 1;
    }
    /* 기술침해행위신고 */
    .report_process{
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 40px;
        width: 350px;
    }
    .report_process > li:nth-child(3){
        grid-column: span 2;
        transform: translateX(calc(50% + 20px));
    }
    .report_process > li:nth-child(n+4){
        transform: translateX(0);
    }
    .report_process > li:nth-child(2)::before{
        display: none;
    }
    .report_process > li:nth-child(3)::before{
        display: block;
    }
    .report_process > li:nth-child(3)::after{
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) translateX(-100%);
        width: 40px;
        height: 40px;
        background-image: url(../images/sub/sub_04/ico_arrow_right.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px 24px;
    }
    .report_registration .imgBox{
        width: 310px;
        height: 310px;
    }
    .report_registration .tit{
        font-size: 25px;
    }
    /* 벤처투자 부당행위 신고 */
    .report_process.process_04{
        grid-template-columns: repeat(1, 1fr);
        width: 240px;
        gap: 40px;
    }
    .report_process.process_04 > li:nth-child(3){
        grid-column: span 1;
        transform: translateX(0);
    }
    .report_process.process_04 > li:before,
    .report_process.process_04 > li:nth-child(2)::before{
        display: block;
        top: 100%;
        right: 50%;
        transform: translateY(0) translateX(50%) rotate(90deg);
    }
    .report_process.process_04 > li:last-child::before,
    .report_process.process_04 > li:after{
        display: none;
    }
    /* 국민추천 */
    .process_tab.recommendation{
        grid-template-columns: repeat(2, 1fr);
        gap: 0 40px;
    }
    .process_tab > li:last-child{
        grid-column: span 2;
    }
    .process_tab > li:nth-child(2)::before{
        display: none;
    }
    .msg_box{
    padding: 24px;
    padding-top: 120px;
    }
    .msg_box::before{
        top: 24px;
        left: 50%;
        transform: translateY(0) translateX(-50%);
    }
    .business_recommendationList > li{
        flex-direction: column;
        position: relative;
        padding: 24px;
    }
    .business_recommendationList > li > .main_inr{
        padding-right: 0;
        border-right: none;
        padding-bottom: 24px;
        border-bottom: 1px solid #D8D8D8;
    }
    .business_recommendationList > li > .info_inr{
        padding-left: 0;
        padding-top: 24px;
    }
    .business_recommendationList > li{
        padding-bottom: 109px;
        position: relative;
    }
    .business_recommendationList > li > .main_inr .btn_recommend{
        margin-top: 0;
        position: absolute;
        bottom: 24px;
        width: calc(100% - 48px);
    }

}


/* ***** 규제개혁 ***** */

/* 규제 신문고 */
.mmsbetter .mainInfo{
    border:solid 1px #D8D8D8;
    border-radius: 12px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.mmsbetter .mainInfo .imgBox{
    width: 252px;
    height: 252px;
    background-color: #EBF2FF;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
.mmsbetter .mainInfo .imgBox::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/sub_04/img_mmsbetter.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.mmsbetter .mainInfo .txtBox{
    width: calc(100% - 292px);
}
.mmsbetter .mainInfo .txtBox .tit{
    font-size: 21px;
    font-weight: 700;
}
.mmsbetter .mainInfo .txtBox ul{
    margin-top: 16px;
}
.mmsbetter .mainInfo .txtBox ul li b,
.mmsbetter .mainInfo .txtBox ul li a{
    color: #075D5D;
    font-weight: 700;
}
/* 규제혁신과제 */
.mmsbetter .iframeBox{
    margin-top: 40px;
    width: 100%;
    height: 750px;
}
/* 규제입증요청 */
.egulatory-proof-notice{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    margin-top: 24px;
}
.egulatory-proof-notice li{
    text-align: center;
    position: relative;
    padding: 0 16px;
}
.egulatory-proof-notice li::before{
    content: '';
    width: 40px;
    height: 40px;
    position:absolute;
    top: 50%;
    right: 0;
    transform: translateX(100%) translateY(-50%);
    background-image: url(../images/sub/sub_04/ico_arrow_right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.egulatory-proof-notice li:last-child:before{
    display: none;
}
.egulatory-proof-notice li .pr_imgBox{
    background: linear-gradient(168deg, #A365F1 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin:auto;
    position: relative;
}
.egulatory-proof-notice li .pr_imgBox::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.egulatory-proof-notice li:nth-child(1) .pr_imgBox::before{
    background-image: url(../images/sub/sub_04/ico_notice01.svg);
}
.egulatory-proof-notice li:nth-child(2) .pr_imgBox::before{
    background-image: url(../images/sub/sub_04/ico_notice02.svg);
}
.egulatory-proof-notice li:nth-child(3) .pr_imgBox::before{
    background-image: url(../images/sub/sub_04/ico_notice03.svg);
}
.egulatory-proof-notice li:nth-child(4) .pr_imgBox::before{
    background-image: url(../images/sub/sub_04/ico_notice04.svg);
}
.egulatory-proof-notice li:nth-child(5) .pr_imgBox::before{
    background-image: url(../images/sub/sub_04/ico_notice05.svg);
}
.egulatory-proof-notice li .pr_text{
    margin-top: 8px;
    font-weight: 700;
}
.egulatory-proof-notice li .pr_text small{
    font-weight: 400;
    font-size: 15px;
}
.application{
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px #0000001F;
    padding: 24px;
    border-radius: 12px;
    margin-top: 16px;
}
.application ol li+li{
    margin-top: 16px;
}
.application ol li{
    display: flex;
    gap: 8px;
}
.application ol li .num{
    width: 26px;
    height: 26px;
    margin-right: 8px;
    border-radius: 8px;
    background: linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 26px;
}
.application ol li .text{
    width: calc(100% - 26px);
    color: #2D2D2D;
    font-weight: 700;
}
.application ol li .text ul li{
    margin-top: 0;
}
.application ol li .text ul li a{
    color: #555;
}
.c_gray{
    color: #555;
}
.tbl-wrap .tbl.data tbody tr th.bg{
    background: #F0F0F0;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    /* 규제 신문고 */
    .mmsbetter .mainInfo{
        flex-direction: column;
    }
    .mmsbetter .mainInfo .imgBox,
    .mmsbetter .mainInfo .txtBox{
        width: 100%;
    }
    /* 규제입증요청 */
    .egulatory-proof-notice{
        grid-template-columns: repeat(3, 1fr);
        gap: 8px 40px;
    }
    .egulatory-proof-notice li:nth-child(n + 4){
        transform: translateX(calc(50% + 20px));
    }
    .egulatory-proof-notice li:nth-child(3):before{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    /* 규제 신문고 */
    .mmsbetter .mainInfo{
        padding: 24px;
        gap: 24px;
    }
    /* 규제혁신과제 */
    .mmsbetter .iframeBox{
        margin-top: 24px;
    }
    /* 규제입증요청 */
    .egulatory-proof-notice{
        grid-template-columns: repeat(2, 1fr);
    }
    .egulatory-proof-notice li:nth-child(2)::before{
        display: none;
    }
    .egulatory-proof-notice li:nth-child(3) {
        grid-column: span 2;
        justify-self: center;
    }
    .egulatory-proof-notice li:nth-child(3):before{
        display: block;
    }
    .egulatory-proof-notice li:nth-child(3)::after{
        content: '';
        width: 40px;
        height: 40px;
        position:absolute;
        top: 50%;
        left: 0;
        transform: translateX(-100%) translateY(-50%);
        background-image: url(../images/sub/sub_04/ico_arrow_right.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px 24px;
    }
    .egulatory-proof-notice li:nth-child(n + 4){
        transform: translateX(0%);
    }
}
/* ***** 규제개혁 ***** */

/* sub04 form */
.section_consent{
    border-radius: 16px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 24px;
}
.section_consent.mgt{
    margin-top: 40px;
}
.consent_title_txt{
    font-size: 25px;
    font-weight: 700;
    padding-left: 36px;
    position: relative;
}
.consent_title_txt::before{
    content: '';
    width: 32px;
    height: 32px;
    background-image: url(../images/board/ico_formwrap.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .consent_title_txt{
        font-size: 21px;
    }
    .consent_title_txt::before {
        top: 0;
        transform: initial;
    }
}
.section_consent .type_horizontal > .info_wrap{
    margin-top: 24px;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    padding: 16px;
}
.section_consent .type_horizontal > .info_wrap .txtBox{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #D8D8D8;
    text-align: center;
}
.section_consent .type_horizontal > .info_wrap .txtBox .tit{
    color: #043E3E;
    font-size: 19px;
    font-weight: 700;
}
.section_consent .type_horizontal > .info_wrap > ul li{
    padding-left: 120px;
    position: relative;
}
.section_consent .type_horizontal > .info_wrap.type_02 > ul li{
    padding-left: 212px;
}
.section_consent .type_horizontal > .info_wrap.type_02 > ul li:not(:last-child) .green {
    font-size: 17px;
}
.section_consent .type_horizontal > .info_wrap > ul li + li{
    margin-top: 8px;
}
.section_consent .type_horizontal > .info_wrap > ul li .green{
	color: #075D5D;
	font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.section_consent .type_horizontal > .info_wrap > ul li .green.bold{
	font-size: 24px;
    text-decoration: underline;
    text-underline-offset: 6px;
}
.section_consent .type_horizontal > .info_wrap > ul li span{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #717171;
    font-size: 17px;
    font-weight: 400;
}
.section_consent .type_horizontal > .agree_wrap{
    margin-top: 24px;
}
.section_consent .type_horizontal > .agree_wrap .agreeBox{
    margin-top: 16px;
    border-radius: 12px;
    background: #EDF8F8 ;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:  10px;
}
.section_consent .type_horizontal > .agree_wrap .agreeBox .agree-area{
    display: flex;
    gap: 16px;
}
.subtitBox.consent_mg{
    margin-top: 40px ;
}
.subtit_l.consent_mg{
    margin-top: 32px ;
}
.form_container{
    margin-top: 16px;
}

.form_container .important,
span.important {
    color: #F00;
}
.form_container > ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.form_container > ul > li{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
    padding: 16px;
}
.form_container > ul > li.span_2{
    grid-column: span 2;
}
.form_container > ul > li label{
    display: inline-flex;
    position: relative;
}
.form_container > ul > li > label:not(:has(.subtit_dot)) {
    padding-left: 11px;
}
.form_container > ul > li > label:not(:has(.subtit_dot)):before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #FF6A33;
    border-radius: 50%;
}
.form_container > ul > li label .subtit_dot{
    margin-top: 0;
    margin-bottom: 8px;
}
.form_container > ul > li label .subtit_dot::before {

}
.form_container > ul > li .input_inr,
.form_container > ul > li .textarea_inr{
    width: 100%;
}
.form_container > ul > li .input_inr input{
    width: 100%;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 16px;
    height: 50px;
}
.form_container > ul > li .input_inr input::placeholder{
    color: #717171;
}
.form_container > ul > li .input_inr input:focus{
    outline: 2px solid #075D5D;
    outline-offset: 0px;
}
.form_container > ul > li .inputBtn_inr {
    display: flex;
    gap: 8px;
}
.form_container > ul > li .inputBtn_inr .checkBox {
    display: flex;
    height: 50px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #075D5D;
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.form_container > ul > li .chk-area{
    height: 50px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.form_container > ul > li .form-check input[type=radio] ~ label,
.form_container > ul > li  .form-check input[type=checkbox] ~ label{
    font-weight: 400;
}
.form_container > ul > li .select_inr .select{
    width: 100%;
}
.form_container > ul > li .select_inr.type_02 .select{
    width: 200px;
}
.form_container > ul > li .select_inr .select .selectbox > button{
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 16px;
    height: 50px;
}
.form_container > ul > li .input_inr.type_number,
.form_container > ul > li .input_inr.type_number_02{
    display: flex;
    gap: 4px;
    align-items: center;
}
.form_container > ul > li .input_inr.type_number.in_select .select{
    width: 33%;
    height: 50px;
}
.form_container > ul > li .input_inr.type_number.in_select input{
    width: 33%;
}
.form_container > ul > li .input_inr.type_number .select .selectbox > button{
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 12px;
    height: 50px;
}
.form_container > ul > li .select .selectbox > button:after{
    width: 16px;
    height: 16px;
    min-width: 16px;
}
.form_container > ul > li .input_inr.type_flex{
    display: flex;
    gap: 10px;
    align-items: center;
}
.form_container > ul > li .input_inr.type_email{
    display: flex;
    gap: 10px;
    align-items: center;
}
.form_container > ul > li .input_inr.type_email .inr{
    width: 70%;
    display: flex;
    align-items: center;
    gap: 4px;
}
.form_container > ul > li .input_inr.type_email .select_inr{
    width: 30%;
    min-width: 109px;
}
.form_container > ul > li .input_inr.type_email.type_02 .select_inr{
    width: 30%;
    min-width: 200px;
}
.form_container > ul > li .textareaBox{
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 16px;
    padding-right: 8px;
    height: 400px;
}
.form_container > ul > li .textareaBox > textarea{
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
     resize: none;
    padding-right: 8px;
}
.form_container > ul > li .textareaBox > textarea:focus{outline: none;}
.form_container > ul > li .file_inr{

}
.form_container > ul > li .file_inr .fileBox{
    display: flex;
    align-items: center;
    gap: 10px;
}
.form_container > ul > li .file_inr .fileBox .file_ex_txt{
    color: #717171;
    display: inline-block;
    margin-top: 0px;
}
.form_container > ul > li .file_inr .fileList{
    margin-top: 16px;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
}
.form_container > ul > li .file_inr .fileList .file_item{
    padding: 16px 0;
}
.form_container > ul > li .file_inr .fileList .file_item .file_name{
    padding-right: 20px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    overflow: hidden;
}
.form_container > ul > li .file_inr .fileList .file_item .file_name .btn_delete{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url(../images/sub/sub_04/ico_delete.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form_container > ul > li .file_inr input[type="file"]{
    width: 91px;
    overflow: hidden;
}
.file_input{
    border-radius: 8px;
}
.file_input:focus{
    outline: 2px solid #075D5D;
    outline-offset: 2px;
}
.file_input::-webkit-file-upload-button {
    visibility: hidden;
}
.file_input::before {
    content: '파일 선택';
    display: inline-flex;
    background: #075D5D;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: none;
    font-weight: 400;
    color: #FFF;
    font-size: 17px;
    width: 91px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .file_input:hover::before {
    border-color: black;
  }
  .file_input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  }
.form_container > ul > li .file_ex_txt{
    margin-top: 8px;
}
.form_container > ul > li .textareaBox > textarea::-webkit-scrollbar {
    width: 2px;
}
.form_container > ul > li .textareaBox > textarea::-webkit-scrollbar-thumb {
    background-color: #1C1C1C;
}
.form_container > ul > li .textareaBox > textarea::-webkit-scrollbar-track {
    background-color: #D4D4D4;
}
.form_container > ul > li .input_birth{
    width: 100%;
    outline: none;
    height: 50px;
    border: solid 1px #C6C6C6;
    background: #FFF;
    padding: 12px 16px;
    border-radius: 8px;
}
.form_container > ul > li .input_birth::-webkit-scrollbar{
    display: none;
}

@media screen and (max-width: 767px) {
    .section_consent .type_horizontal > .info_wrap > ul li {
        padding-left: 0;
    }
    .section_consent .type_horizontal > .info_wrap.type_02 > ul li {
        padding-left: 0;
    }
    .section_consent .type_horizontal > .info_wrap > ul li span {
        display: flex;
        width: 100%;
        margin-bottom: 4px;
        position: relative;
        top: initial;
        left: initial;
        transform: initial;
    }
    .section_consent .type_horizontal > .info_wrap > ul li + li {
        margin-top: 16px;
    }
}

/* 중기부 관련 이력 */
.mss_history_list{
    margin-top: 8px;
}
.mss_history_list .history_Wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}
.mss_history_list .history_Wrap + .history_Wrap{
    margin-top: 8px;
}
.mss_history_list .history_Wrap .btn_inr .add_btn{
    display: flex;
    width: 91px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #075D5D;
    color: #FFF;
    font-weight: 400;
}
.mss_history_list .history_Wrap .btn_inr .add_btn:focus{
    outline: 2px solid #075D5D;
    outline-offset: 2px;
}
.mss_history_list .history_Wrap .btn_inr .del_btn{
    display: flex;
    width: 91px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #717171;
    color: #FFF;
    font-weight: 400;
}
.mss_history_list .history_Wrap .btn_inr .del_btn:focus{
    outline: 2px solid #717171;
    outline-offset: 2px;
}
.mss_history_list .history_Wrap .history_inr{
    width: calc(100% - 91px);
    height: 50px;
    display: flex;
    gap: 24px;
}
.mss_history_list .history_Wrap .history_inr > div{
    display: flex;
    align-items: center;
    gap: 8px;
}
.mss_history_list .history_Wrap .history_inr > div label{
    font-weight: 400;
}
.mss_history_list .history_Wrap .history_inr .info_inr{
    width: 40%;
}
.mss_history_list .history_Wrap .history_inr .date_inr{
    width: 60%;
}
.mss_history_list .history_Wrap .history_inr .date_inr .input_inr.date{
    display: flex;
    align-items: center;
    gap: 4px;
}


@media screen and (max-width: 1210px) {
    .form_container > ul > li .input_birth{
        height: 76px;
    }
}
.form_container > ul > li .catpcha_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.form_container > ul > li .catpcha_box .inr{
    flex: none;
}
.form_container > ul > li .catpcha_box .catpcha_img{
    width: 137.5px;
    min-width: 137.5px;
    height: 50px;
}
.form_container > ul > li .catpcha_box .catpcha_img img{
    width: 100%;
    height: 100%;
    min-width: 137.5px;
}
.form_container > ul > li .catpcha_box .catpcha_sound{
    width: 50px;
    height: 50px;
}
.form_container > ul > li .catpcha_box #refresh{
    height: 50px;
    line-height: 50px;
}
.form_container > ul > li .catpcha_box #refresh:focus{
    outline: 2px solid #075D5D;
    outline-offset: 0px;
}
.form_container > ul > li .catpcha_box input[type="text"]{
    height: 50px;
    line-height: 50px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background: #FFF;
}
.form_container > ul > li .catpcha_box input[type="text"]:focus{
    outline: 2px solid #075D5D;
    outline-offset: 0px;
}
.form_container.progress_btn{
    margin-top: 32px;
    text-align: center;
}
.form_container.progress_btn .exTxt{
    color: #F00;
    display: block;
    margin-bottom: 16px;
}
.form_container.progress_btn .btn_inr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.form_container.progress_btn .btn_inr a{
    display: flex;
    width: 186px;
    height: 61px;
    padding: 16px 24px 16px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.form_container.progress_btn .btn_inr a span{
    color: #FFF;
    font-size: 19px;
    font-weight: 700;
    padding-left: 28px;
    position: relative;
}
.form_container.progress_btn .btn_inr a span::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form_container.progress_btn .btn_inr a.prev{
    background: #097C7C;
}
.form_container.progress_btn .btn_inr a.next{
    background: #043E3E;
}
.form_container.progress_btn .btn_inr a.prev span::before{
    background-image: url(../images/sub/sub_04/ico_prev.svg);
}
.form_container.progress_btn .btn_inr a.next span::before{
    background-image: url(../images/sub/sub_04/ico_next.svg);
}

@media screen and (max-width: 767px) {
    .form_container.progress_btn .btn_inr {
        flex-direction: column;
    }
    .form_container.progress_btn .btn_inr > a {
        width: 100%;
    }
}

/* 중복추천버튼 */
.input_inr.type_inbutton{
    display: flex;
    align-items: center;
    gap: 8px;
}
.input_inr.type_inbutton input{
    width: calc(100% - 150px);
}
.input_inr.type_inbutton a.check_link_box{
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #075D5D;
    border-radius: 8px;
    color: #fff;
    padding: 8px 16px;
}
/* 중복확인 팝업 */
.form_container > ul > li.popup_check{
    border: solid 1px black;
    position: relative;
}
.form_container > ul > li.popup_check > .modalContent{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    width: calc(100% - 70px);
    height: auto;
    background: #fff;
    border: solid 1px #C6C6C6;
    z-index: 9999;
    display: block;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
}
.form_container > ul > li.popup_check > .modalContent .modal-header{
    border-bottom: solid 1px #C6C6C6;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form_container > ul > li.popup_check > .modalContent .modal-header .btn-close{
    width: 24px;
    height: 24px;
    background-image: url(../images/sub/sub_04/ico_close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 1024px) {
    .form_container > ul > li.media_span{
        grid-column: span 2;
    }
    .form_container > ul > li .input_inr input[id="unfair_user_hp1"],
    .form_container > ul > li .input_inr input[id="unfair_user_hp2"],
    .form_container > ul > li .input_inr input[id="unfair_user_hp3"]{
        width: 132px;
    }
}
@media screen and (max-width: 767px) {
    .section_consent.mgt{
        margin-top: 40px;
    }
    .section_consent .type_horizontal > .agree_wrap .agreeBox{
        flex-direction: column;
        align-items: flex-start;
    }
    .subtitBox.consent_mg{
        margin-top: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .subtit_l.consent_mg{
        margin-top: 24px;
    }
    .form_container > ul{
        /* grid-template-columns: repeat(1, 1fr); */
        display: flex;
        flex-direction: column;
    }
    .form_container > ul > li.media_span{
        grid-column: span 1;
    }
    .form_container > ul > li.span_2{
        grid-column: span 1;
    }
    .form_container > ul > li .input_birth{
        height: 50px;
    }
    .form_container > ul > li .input_inr.type_email{
        flex-direction: column;
    }
    .form_container > ul > li .input_inr.type_email .select_inr,
    .form_container > ul > li .input_inr.type_email .inr{
        width: 100%;
    }
    .form_container > ul > li .input_inr input[id="unfair_user_hp1"],
    .form_container > ul > li .input_inr input[id="unfair_user_hp2"],
    .form_container > ul > li .input_inr input[id="unfair_user_hp3"]{
        width: 100%;
    }
    .form_container > ul > li .catpcha_box{
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }
    /* 중기부 관련 이력 */
    .mss_history_list .history_Wrap{
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .mss_history_list .history_Wrap + .history_Wrap{
        margin-top: 24px;
    }
    .mss_history_list .history_Wrap .history_inr,
    .mss_history_list .history_Wrap .btn_inr{
        width: 100%;
    }
    .mss_history_list .history_Wrap .btn_inr .add_btn,
    .mss_history_list .history_Wrap .btn_inr .del_btn{
        width: 100%;
    }
    .mss_history_list .history_Wrap .history_inr{
        flex-direction: column;
        height: auto;
        gap: 8px;
    }
    .mss_history_list .history_Wrap .history_inr .info_inr,
    .mss_history_list .history_Wrap .history_inr .date_inr{
        width: 100%;
    }
    .mss_history_list .history_Wrap .history_inr > div label{
        width: 45px;
    }
    .mss_history_list .history_Wrap .history_inr .info_inr .input_inr,
    .mss_history_list .history_Wrap .history_inr .date_inr .input_inr{
        width: calc(100% - 45px);
    }
    .form_container > ul > li .input_inr.type_email.type_02 .select_inr{
        width: 100%;
        min-width: 100%;
    }
    /* 중복추천버튼 */
    .input_inr.type_inbutton{
        flex-direction: column;
        align-items: flex-start;
    }
    .input_inr.type_inbutton input{
        width: 100%;
    }
    .form_container > ul > li .inputBtn_inr {
        flex-direction: column;
    }
}
@media screen and (max-width: 455px) {
    .form_container > ul > li .input_birth{
        height: 76px;
    }
}

.link_down_Box .appliview,
.link_down_Box .newsletter{
    background: #075D5D;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    color: #fff;
}
.link_down_Box .appliview .ico,
.link_down_Box .newsletter .ico{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/sub/sub_04/ico_next.svg);
}
.link_down_Box .newsletter .ico.heart{
    background-image: url(../images/sub/sub_04/ico_heart.svg);
}

/* ** sub 04 ** */



/* sub03 지도 */
/* 지표 */
.donutchart{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 16px;
}
.donutchart .inr .chartBox{
    margin-top: 8px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 48.48%;
    position: relative;
}
.donutchart .inr .chartBox .chartImg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.donutchart .inr .chartBox .chartImg.chart_01{
    background-image: url(../images/sub/sub_03/img_graph_01.png);
}
.donutchart .inr .chartBox .chartImg.chart_02{
    background-image: url(../images/sub/sub_03/img_graph_02.png);
}
.donutchart .inr .chartBox .chartImg.chart_03{
    background-image: url(../images/sub/sub_03/img_graph_03.png);
}
.donutchart .inr .chartBox .chartImg.chart_04{
    background-image: url(../images/sub/sub_03/img_graph_04.png);
}
.donutchart .inr .chartBox .chartImg.chart_05{
    background-image: url(../images/sub/sub_03/img_graph_05.png);
}
.donutchart .inr .chartBox .chartImg.chart_06{
    background-image: url(../images/sub/sub_03/img_graph_06.png);
}
.donutchart .inr .chartBox .chartImg.chart_07{
    background-image: url(../images/sub/sub_03/img_graph_07.png);
}
.donutchart .inr .chartBox .chartImg.chart_08{
    background-image: url(../images/sub/sub_03/img_graph_08.png);
}
.tbl-wrap .tbl.data.chart tbody th[scope="row"]{
    background-color: #f8f8f8;
    border-right: solid 1px #d8d8d8;
}
/* 지역별 통계 */
div.location_wrap {
	overflow: hidden;
    display: flex;
    gap: 16px;
}
div.location_stat{
    flex: 1;
    border: 1px solid #D8D8D8;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}
div.location_stat .title{
    font-size: 21px;
    font-weight: 700;
}

.statusMap{
	width: 326px;
	height: 507px;
	position:relative;
	margin:0 auto;
	background-image: url(../images/sub/sub_03/img_map01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.statusMap ul{display:block;}
.statusMap ul li{
	display:block;
	position:absolute;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	padding: 2px 4px;
	color: #1D1D1D;
	font-size: 13px;
	font-weight: 400;
}
.statusMap ul li.area1{
	left:95px;top:111px;
}
.statusMap ul li.area2{
	left:255px;top:341px;
}
.statusMap ul li.area3{
	left:158px;top:231px;
}
.statusMap ul li.area4{
	left:15px;top:131px;
}
.statusMap ul li.area5{
	left:45px;top:316px;
}
.statusMap ul li.area6{
	left:45px;top:231px;
}
.statusMap ul li.area7{
	left:255px;top:281px;
}
.statusMap ul li.area8{
	left:85px;top:191px;
}
.statusMap ul li.area9{
	left:35px;top:71px;
}
.statusMap ul li.area10{
	left:155px;top:71px;
}
.statusMap ul li.area11{
	left:135px;top:161px;
}
.statusMap ul li.area12{
	left:5px;top:191px;
}
.statusMap ul li.area13{
	left:45px;top:277px;
}
.statusMap ul li.area14{
	left:45px;top:367px;
}
.statusMap ul li.area15{
	left:205px;top:191px;
}
.statusMap ul li.area16{
	left:155px;top:311px;
}
.statusMap ul li.area17{
	left:85px;top:447px;
}
.statusMap ul li.area18{
	left:245px;top: 91px;
}
.statusMap .spec{
	display:block;
	position:absolute;
	bottom:0;right:0;
	font-size:13px;color:#555;
}
@media screen and (max-width: 1024px) {
    div.location_wrap {
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .donutchart{
        grid-template-columns: repeat(1, 1fr);
    }
}


@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 767px) {

}



/* 임시 컨텐츠 이미지 */
.ex_imgBox > .img{
    width: 100%;
    padding-bottom: 48%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/sub/img_test/01_01_01.png);
}
.ex_imgBox > .img.img_02{
    background-image: url(../images/sub/img_test/01_01_02.png);
}

/* 지표 > 주요 통계 */
.table_ex{
    text-align: right;
    font-size: 15px;
    font-weight: 400;
}
.table_ex_bottom{
    font-size: 15px;
    font-weight: 400;
    margin-top: 8px;
}

/* 통계 iframe */
.frame_box_24{
    width: 100%;
    height: 804px;
    border: solid 1px #d8d8d8;
    margin-top: 24px;
}
.frame_box_24 .iframe_external{
    width: 100%;
    height: 100%;
}

/* tab in tab */
.subtab-conts {
    display: none;
    margin-top: 40px;
}
.subtab-conts.active{
    display: block;
}
.link_down_Box .appliview,
.link_down_Box .newsletter{
    background: #075D5D;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    color: #fff;
}
.link_down_Box .appliview .ico,
.link_down_Box .newsletter .ico{
    width: 16px;
    height: 16px;
    border:solid 1px #fff;
    display: inline-block;
}


.chartBox{
    width: 100%;
    padding: 24px;
    border: 1px solid #D8D8D8;
    border-radius: 12px;
}
.chartBox .chart_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chartBox .chart_title .tit{
    font-size: 15px;
}
.chartBox .chart_title .sort_option{
    display: flex;
    align-items: center;
    gap: 8px;
}
.chartBox .chart_title .sort_option li{
    border: 1px solid #D8D8D8;
    background-color: #fff;
    padding: 4px 12px;
    border-radius: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.chartBox .chart_title .sort_option li span{
    font-size: 15px;
}
.chartBox .chart_title .sort_option li span.ico{
    width: 16px;
    height: 16px;
    border: solid 1px #fff;
    display: none;
}
.chartBox .chart_title .sort_option li.active{
    background: #075D5D;
    border: transparent;
}
.chartBox .chart_title .sort_option li.active span{
    color: #fff;
}
.chartBox .chart_title .sort_option li.active span.ico{
    display: inline-block;
}
.barChart{
    width: 100%;
    height: 176px !important;
    margin-top: 24px;
    display: none !important;
}
.barChart.active {
    display: block !important;
}
.hidden{
    display: none;
}

/* 현장이야기 - date */
div.ministor_main {}

div.ministor_main div.visual {
	position: relative;
}

div.ministor_main div.visual div.visual_slide_wrap {
	position: relative;
}

div.ministor_main div.visual div.visual_slide_wrap div.bx-pager {
	display: none;
}

div.ministor_main div.visual div.visual_slide_wrap div.bx-controls {
	position: relative;
}

div.ministor_main div.visual div.visual_slide_wrap div.bx-controls-direction
	{
	width: 100%;
	max-width: 1510px;
	margin-top: -380px;
	margin-left: -705px;
	padding:0 35px;
	position: absolute;
	top: 50%;
	left: 50%;
}

div.ministor_main div.visual div.visual_slide_wrap div.bx-controls-direction a
	{
	width: 125px;
	height: 125px;
	text-indent: -9999px;
	background: url(/images/np/bg_ministor_slide_white_arrow.png) no-repeat
		0 0;
	z-index: 20;
}

div.ministor_main div.visual div.visual_slide_wrap div.bx-controls-direction a.bx-prev
	{
	position: absolute;
	left: -170px;
}

div.ministor_main div.visual div.visual_slide_wrap div.bx-controls-direction a.bx-next
	{
	position: absolute;
	right: -170px;
	transform: rotate(180deg);
}

div.ministor_main div.visual div.visual_slide_wrap ul.visual_list>li {
	height: 640px;
}

div.ministor_main div.visual div.visual_slide_wrap ul.visual_list>li {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

div.ministor_main div.visual div.visual_slide_wrap ul.visual_list>li.first
	{
	background-image: url(/images/np/bg_ministor_visual_04.jpg)
}

div.ministor_main div.visual div.visual_slide_wrap ul.visual_list>li.second
	{
	background-image: url(/images/np/bg_ministor_visual_05.jpg)
}

div.ministor_main div.visual div.visual_slide_wrap ul.visual_list>li.third
	{
	background-image: url(/images/np/bg_ministor_visual_02.jpg)
}

div.ministor_main div.visual div.slogan {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 1510px;
	margin-top: 90px;
	margin-left: -705px;
	padding:0 35px;
}

div.ministor_main div.visual div.slogan div.text {
	user-select: none;
	transition: all 0.3s;
	color: #fff;
	text-shadow: #000 2px 2px 4px;
}

div.ministor_main div.visual div.slogan div.text.white {
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.8) 3px 3px 5px;
}

div.ministor_main div.visual div.slogan div.text p.title {
	line-height: 80px;
	font-size: 60px;
	font-weight: 700;
}

div.ministor_main div.visual div.slogan div.text p.title strong {
	font-size: 72px;
	font-weight: 900;
}

div.ministor_main div.visual div.slogan div.text p.desc {
	font-size: 24px;
	margin: 30px 0;
}

div.ministor_main div.visual div.slogan ul.link {
	overflow: hidden;
	width: 100%;
	max-width: 1510px;
	margin: 0 auto;
	padding:0 35px;
}

div.ministor_main div.visual div.slogan ul.link li {
	float: left;
	margin-right: 20px;
}

div.ministor_main div.visual div.slogan ul.link li:last-child {
	margin-right: 0;
}

div.ministor_main div.visual div.slogan ul.link li a {
	display: inline-block;
	padding: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

div.ministor_main div.visual div.slogan ul.link li:nth-child(2) a {
	color: #0a4894;
}

div.ministor_main div.visual div.slogan ul.link li.hello a:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 12px 0 20px;
	vertical-align: top;
	background: url(/images/np/bg_ministor_talk.png) no-repeat;
}

div.ministor_main div.visual div.slogan ul.link li.talk a:before
{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 12px 0 20px;
	vertical-align: top;
	background: url(/images/np/bg_ministor_talk_face.png) no-repeat;
}

div.ministor_main div.visual div.slogan ul.link li a:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 11px;
	margin: 2px 0 2px 25px;
	background: url(/images/np/bg_video_hover_icon.png) no-repeat 0 0/7px
		11px;
}

div.ministor_main div.visual div.slogan ul.link li:nth-child(2) a:after
	{
	width: 11px;
	height: 11px;
	background: url(/images/np/bg_ministor_arrow.png) no-repeat 0 0/11px
		11px;
}

div.ministor_main div.visual div.slogan ul.link li.hello a {
	background-color: #0a4894;
}

div.ministor_main div.visual div.slogan ul.link li.talk a {
	background-color: #c7ebff;
}

div.ministor_main div.visual div.schedule {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    border-radius: 12px;
    background: #F0F0F0;
}
div.ministor_main div.visual div.schedule .schedule_tit {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: 24px;
    margin-right: 24px;
    position: relative;
}
div.ministor_main div.visual div.schedule .schedule_tit:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #8E8E8E;
}
div.ministor_main div.visual div.schedule h3 {
    color: #555;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
    white-space: nowrap;
}

div.ministor_main div.visual div.schedule .date {
    display: inline-flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #075D5D;
    background: #FFF;
    color: #075D5D;
    font-size: 17px;
    font-weight: 500;
    line-height: 150%; /* 25.5px */
    margin-left: 8px;
}

div.ministor_main div.visual div.schedule p.empty {
	padding-top: 40px;
	font-size: 22px;
	text-align: center;
	color: #000;
}

div.ministor_main div.visual div.schedule div.slide_wrap {
	position: relative;
	box-sizing: content-box;
    width: calc(100% - 200px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-next,
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-prev {
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    margin: 0;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex !important;
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-next:after {
    background-image: url(../images/common/ico_next_black.svg);
    background-size: 20px;
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-prev:after {
    background-image: url(../images/common/ico_prev_black.svg);
    background-size: 20px;
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-lock {
    cursor: default;
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-lock:hover,
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-lock:focus {
    background-color: #fff;
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-next.swiper-button-lock:after {
    display: flex;
    background-image: url(../images/common/ico_next_gray.svg);
}
div.ministor_main div.visual div.schedule div.slide_wrap .swiper-button-prev.swiper-button-lock:after {
    display: flex;
    background-image: url(../images/common/ico_prev_gray.svg);
}
div.ministor_main div.visual div.schedule div.slide_wrap ul.schedule_list{
    display: flex;
    width: calc(100% - 96px);
    align-items: center;
}

div.ministor_main div.visual div.schedule div.slide_wrap ul.schedule_list li{
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

div.ministor_main div.visual div.schedule div.slide_wrap ul.schedule_list li span {
    color: #075D5D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

/* 현장이야기 - gallery */
div.ministor_main div.story {
	padding: 60px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.ministor_main div.story h2 {
    color: #1D1D1D;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 150%; /* 48px */
}

div.ministor_main div.story h3.date {
    display: inline-flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background:#075D5D;
    color: #fff;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
    margin-top: 16px;
    margin-bottom: 24px;
}

div.ministor_main div.story h3.date .month {
    margin-left: 10px;
}

div.ministor_main div.story ul.story_list {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 24px;
    display: flex;
    flex-wrap: wrap;
}

div.ministor_main div.story ul.story_list:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
	display: block;
    width: 2px;
    height: 1053px;
	height: calc(100% - 35px);
    background: #E4E4E4;
}

div.ministor_main div.story ul.story_list:after {
    content: '';
	display: block;
    background-image: url(../images/sub/ico_storyStartHistory.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

div.ministor_main div.story ul.story_list>li {
	position: relative;
	z-index: 3;
	width: 50%;
}
div.ministor_main div.story ul.story_list>li + li {
    margin-top: 30px;
}
div.ministor_main div.story ul.story_list>li:nth-child(odd) {
    top: 30px;
}
div.ministor_main div.story ul.story_list>li:nth-child(even) {
    top: 60px;
}

div.ministor_main div.story ul.story_list>li div.wrap {
	width: 100%;
	height: 100%;
}
div.ministor_main div.story ul.story_list>li div.wrap::before {
    content: '';
    display: block;
    background-image: url(../images/sub/ico_stroyHistory.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 12px;
    height: 12px;
    position: absolute;
}
div.ministor_main div.story ul.story_list>li:nth-child(odd) div.wrap {
    padding-right: 60px;
    position: relative;
}
div.ministor_main div.story ul.story_list>li:nth-child(odd) div.wrap::before {
    top: 100px;
    right: -6px;
}

div.ministor_main div.story ul.story_list>li:nth-child(even) div.wrap {
    padding-left: 60px;
    position: relative;
}
div.ministor_main div.story ul.story_list>li:nth-child(even) div.wrap::before {
    top: 230px;
    left: -6px;
}


div.ministor_main div.story ul.story_list>li div.wrap a.video div.bg:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
}

div.ministor_main div.story ul.story_list>li div.wrap a.video div.bg:before {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 58px;
	margin: -16px 0 0 -60px;
	content: '';
	border: 2px solid #fff;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.5) url(/images/np/bg_video_hover_icon.png)
		no-repeat 50% 50%/20px 25px;
}

div.ministor_main div.story_thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    box-sizing: border-box;
}
div.ministor_main div.story_thumb img {
    position: absolute;
	top: 0;
    bottom: 0;
	left: 0;
    right: 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
	transition: all 0.3s;
}
/* div.ministor_main div.story_thumb .image {
	position: absolute;
	top: 0;
    bottom: 0;
	left: 0;
    right: 0;
	width: 100%;
	height: 100%;
    background-image: url(../images/sub/img_storyThumb.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.3s;
} */
div.ministor_main div.story ul.story_list>li div.wrap a:hover div.story_thumb .img {
	transform: scale(1.1);
}

div.ministor_main div.story_info {
    margin-top: 12px;
}
div.ministor_main div.story_info .date {
    color: #097C7C;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    margin-bottom: 4px;
}
div.ministor_main div.story_info .tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #555;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
div.ministor_main div.story_info .txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--teal-555555, #555);
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    margin-top: 8px;
}

div.ministor_main div.story ul.story_list>li div.wrap button.share {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 30px;
	height: 30px;
	background: url(/images/np/bg_ministor_more.png) no-repeat 0 0;
}

div.ministor_main div.sns_link {
	position: absolute;
	top: 15px;
	right: 15px;
	visibility: hidden;
	padding: 0;
}

div.ministor_main div.sns_link.active {
	visibility: visible;
	width: auto;
}

div.ministor_main div.sns_link:after {
	position: absolute;
	z-index: 1;
	right: -3px;
	bottom: -3px;
	width: 100%;
	height: 100%;
	content: '';
	border-radius: 40px;
	background: #d4dde8;
}

div.ministor_main div.sns_link ul {
	position: relative;
	z-index: 3;
	overflow: hidden;
	padding: 12px;
	border: 1px solid #c7c7c7;
	border-radius: 40px;
	background-color: #fff;
	background-color: #fff;
}

div.ministor_main div.sns_link ul li {
	float: left;
	margin-right: 13px;
}

div.ministor_main div.sns_link ul li:last-child {
	margin-right: 0;
}

div.ministor_main div.sns_link ul li a {
	position: relative;
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
}

div.ministor_main div.sns_link ul li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	text-indent: -9999px;
	background-image: url(/images/np/bg_footer_sns_icon.png);
	background-repeat: no-repeat;
	background-size: 104px 26px;
}

div.ministor_main div.sns_link ul li.fb a {
	background-color: #3b5999;
}

div.ministor_main div.sns_link ul li.tw a {
	background-color: #3899ec;
}

div.ministor_main div.sns_link ul li.nb a {
	background-color: #4db921;
}

div.ministor_main div.sns_link ul li.ka a {
	background-color: #ffd133;
}

div.ministor_main div.sns_link ul li.close a {
	background-color: #eee;
}

div.ministor_main div.sns_link ul li.fb a span {
	background-position: 0 0;
}

div.ministor_main div.sns_link ul li.tw a span {
	background-position: -26px 0;
}

div.ministor_main div.sns_link ul li.nb a span {
	background-position: -52px 0;
}

div.ministor_main div.sns_link ul li.ka a span {
	background: url(/images/np/bg_sns_kakao_icon.png) no-repeat 0 0/26px
		26px;
}

div.ministor_main div.sns_link ul li.close a span {
	background: url(/images/np/bg_share_close_icon.png) no-repeat 0 0/26px
		26px;
}

@media screen and (max-width: 767px){
    div.ministor_main div.visual div.schedule {
        flex-direction: column;
    }
    div.ministor_main div.visual div.schedule div.slide_wrap {
        width: 100%;
        gap: 8px;
    }
    div.ministor_main div.visual div.schedule .schedule_tit {
        width: 100%;
        justify-content: center;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 16px;
        margin-bottom: 16px;
        padding-right: 0;
        margin-right: 0;
    }
    div.ministor_main div.visual div.schedule .schedule_tit:after {
        display: none;
    }
    div.ministor_main div.visual div.schedule div.slide_wrap ul.schedule_list {
        width: calc(100% - 96px);
    }


    div.ministor_main div.story {
        padding: 40px 0 60px;
    }
    div.ministor_main div.story ul.story_list:before {
        display: none;
    }
    div.ministor_main div.story ul.story_list:after {
        display: none;
    }
    div.ministor_main div.story ul.story_list>li {
        width: 100%;
        top: 0;
    }
    div.ministor_main div.story ul.story_list>li:nth-child(odd),
    div.ministor_main div.story ul.story_list>li:nth-child(even) {
        top: 0;

    }
    div.ministor_main div.story ul.story_list>li:nth-child(odd) div.wrap,
    div.ministor_main div.story ul.story_list>li:nth-child(even) div.wrap {
        padding: 0;
    }
    div.ministor_main div.story ul.story_list>li div.wrap::before {
        display: none;
    }
    div.ministor_main div.story ul.story_list>li + li {
        margin-top: 40px;
    }
}

.info_list {
    margin-top: 16px;
}

.bullet_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bullet_list li {
    padding-left: 12px;
    position: relative;
}
.bullet_list li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #555555;
    margin-right: 11px;
}

.bullet_list li p {
    color: #555;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}



.auth_container {
    margin-top: 40px;
    display: flex;
    width: 100%;
    border: 1px solid #C6C6C6;
    border-radius: 16px;
    overflow: hidden;
}
.auth_l_container {
    width: 260px;
}
.auth_r_container {
    width: calc(100% - 260px);
    display: flex;
    padding: 40px;
    gap: 32px;
    flex-direction: column;
    justify-content: space-between;
}

.auth_container .computer_logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E8F1F1;
}
.auth_container .computer_logo > img {
    width: 160px;
    object-fit: cover;
}
.auth_desc_container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.auth_desc_container .auth_title {
    padding-left: 38px;
    position: relative;
    color: #1D1D1D;
    font-size: 21px;
    font-weight: 700;
    line-height: 150%; /* 31.5px */
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../images/sub/auth/auth_logo.svg);
}
.auth_desc_container .auth_desc p {
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.auth_button_container {
    display: flex;
    align-items: center;
}
.auth_button_container .auth_button {
    display: inline-flex;
    width: 160px;
    height: 56px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: #075D5D;
    color: #fff;
    white-space: nowrap;
}

@media screen and (max-width: 1120px) and (min-width: 1024px) {
    .auth_r_container {
        flex-direction: column;
    }
}


@media screen and (max-width: 1024px) {
    .auth_container {
        flex-direction: column;
    }
    .auth_l_container {
        width: 100%;
    }
    .auth_container .computer_logo {
        padding: 40px;
    }
    .auth_container .computer_logo > img {
        width: 240px;
    }
    .auth_r_container {width: 100%;}
}

/* mobile */
@media screen and (max-width: 767px) {
    .auth_r_container {
        flex-direction: column;
        padding: 24px;
        gap: 16px;
    }
    .auth_button_container .auth_button {
        width: 100%;
    }

}

/* 주요통계 */
.mss_indicator {}
.mss_indicator .type_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 8px;
}
.mss_indicator .scroll_table {
    position: relative;
}
.mss_indicator .scroll-guide {}
.mss_indicator table {table-layout: fixed;}
.mss_indicator table thead {}
.mss_indicator table thead tr {}
.mss_indicator table thead tr th {
    padding: 4px;
    background-color: #F8F8F8;
    border-bottom: 1px solid #097c7c;
    color: #1D1D1D;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
}
.mss_indicator table tbody {}
.mss_indicator table tbody tr {}
.mss_indicator table tbody tr td {
    padding: 4px;
    color: #555;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.data_desc {
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}

@media screen and (max-width: 767px) {
    .mss_indicator .scroll_table {
        min-width: 739px;
    }
    .mss_indicator .scroll-guide {
        display: block;
        position: absolute;
        top: 25px;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/component/sub/ico_scroll_horizon.svg) no-repeat center 45px;
        background-size: 70px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 5;
    }
}

/* 신고완료페이지 */
.ReportComplete{
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    text-align: center;
    padding: 24px 40px 48px 40px;
}
.ReportComplete{
    margin-top: 40px;
    padding: 40px;
}
.ReportComplete .imgBox{
    width: 500px;
    max-width: 100%;
    height: 320px;
    border-radius: 200px;
    margin: auto;
    background-image: url(../images/sub/sub99/img_reservationComplete.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
 .ReportComplete .tit{
    font-size: 32px;
    font-weight: 700;
}
.ReportComplete .txt{
    margin-top: 4px;
}

/* tab 영역 수정 */
.contents > .tab-area {
    margin-bottom: 16px;
    position: relative;
}
.contents > .tab-area#tab {
    z-index: 6;
}
.contents > .tab-area#tab-in-tab {
    z-index: 5;
}
.contents > .tab-area:not(:has(.swiper-slide)){
    margin-bottom: 0;
}
.contents > .tab-area + br {
    display: none;
}

@media screen and (max-width: 767px) {
    .contents > .tab-area {
        margin-bottom: 24px;
    }
}

div.facility_reservation .radioBox label {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 100%;
    max-width: 100%;
}
div.facility_reservation .radioBox label > div {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}
div.facility_reservation .radioBox label input {}
div.facility_reservation .radioBox label input[type="radio"] {
    display: inline-block !important;
    vertical-align: middle;
    appearance: none;
    outline: 1px solid #717171;
    outline-offset: -1px;
    background-color: #fff;
    border-radius: 50%;
    position: relative !important;
    width: 20px !important;
    min-width: 20px;
    height: 20px !important;
    margin: 0 !important;
}

div.facility_reservation .radioBox label input[type="radio"]:checked {
    border: 0.4em solid #fff !important;
    background-color: #075d5d;
    outline: 1px solid #075d5d;
    outline-offset: -1px;
}
div.facility_reservation .radioBox label input[type="radio"]:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: -2px;
}

div.facility_reservation .radioBox label input[type="radio"]:checked {

}

div.facility_reservation label input[type="checkbox"] {
    display: inline-block;
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #075D5D;
    border-radius: 8px;

}
div.facility_reservation label input[type="checkbox"]:checked {

}

div.facility_reservation .radioBox label > div > span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px;
    color:  #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

 /* 기업제품 홍보(목록) */
 .company_product_list {
    overflow: hidden;
    margin-top: 16px;
 }
 .company_product_list > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 0;
    margin: 0 -12px;
    width: calc(100% + 24px);
 }
 .company_product_list > ul > li {
    width: calc((100% / 3));
    padding: 24px 12px;
    padding-top: 0;
    border-bottom: 1px solid #d9d9d9;
 }
 .company_product_list > ul > li > a {
    display: flex;
    flex-direction: column;
    gap: 16px;
 }
 .company_product_list > ul > li .photo {
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
 }
 .company_product_list > ul > li .photo .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
 }
 .company_product_list > ul > li .text {
    display: flex;
    flex-direction: column;
    gap: 8px;
 }
 .company_product_list > ul > li .text .val {
    display: inline-flex;
    height: 24px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #EDF8F8;
 }
 .company_product_list > ul > li .text .title {
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
 }
 .company_product_list > ul > li .text > ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
 }
 .company_product_list > ul > li .text > ul > li {
    display: flex;
    align-items: center;
 }
 .company_product_list > ul > li .text > ul > li .name {
    display: inline-block;
    width: 60px;
    min-width: 60px;
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
 }
 .company_product_list > ul > li .text > ul > li .name:after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #C6C6C6;
    position: absolute;
    right: 0;
    top: 6px;
}
.company_product_list > ul > li .text > ul > li .desc {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.company_product_btns {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}
.company_product_btns .btn_reg {
    display: flex;
    padding: 16px 24px 16px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: #075D5D;
}
.company_product_btns .btn_reg > span {
    color: #FFF;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../images/sub/ico_product_reg.svg);
}
.company_product_list > ul.nodata{
	border-top: solid 2px #075D5D;
	border-bottom: solid 1px #D8D8D8;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 16px;
}
.company_product_list > ul.nodata li{
    width: auto;
    padding: 0;
	margin: 0;
	border: none;
}
.company_product_list > ul.nodata li:before{
	display: none;
}
.company_product_list > ul.nodata span {
	letter-spacing: -0.7px;
	padding-left: 28px;
	position: relative;
}
.company_product_list > ul.nodata li span::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 24px; height: 24px;
	background-image: url(../images/board/ico_nodata.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (max-width: 1024px) {
    .company_product_list > ul > li {
        width: calc((100% / 2));
    }
}

@media screen and (max-width: 767px) {
    .company_product_list > ul > li {
        width: 100%;
    }
}


/* 컨텐츠 : 청장 인사말  */
.introduce .top_box {position: relative; z-index: 1; display:flex; flex-direction: column; justify-content: center; gap:12px; width:100%; height:250px; padding:34px 40px; background-repeat: no-repeat; background-position: center center; background-size:cover; border-radius: 12px; overflow:hidden;}
.introduce .top_box::after {content:''; z-index: -1; position: absolute; left:0; top: 0; right: 0; bottom: 0; background: linear-gradient(90deg, #075D5D 0%, rgba(7, 93, 93, 0.7) 30%, rgba(7, 93, 93, 0) 70%);}
.introduce .top_box .tit {color:#FFF; font-size:32px; line-height: 48px; font-weight: 400;}
.introduce .top_box .txt {color:#FFF; font-size:17px; line-height: 25.5px; font-weight: 400;}
.introduce .bottom_box {margin-top: 40px;}
.introduce .bottom_box .message {font-size: 19px; line-height: 28.5px; font-weight: 400;}
.introduce .bottom_box .sign_box {display: flex; justify-content: flex-end; align-items: center; gap:5px; margin-top: 40px;}
.introduce .bottom_box .sign_box .txt {color:#1D1D1D; font-size: 17px; line-height: 25.5px; font-weight: 400;}
.introduce .bottom_box .sign_box strong {color:#1D1D1D; font-size: 19px; line-height: 28.5px; font-weight: 700;}

@media screen and (max-width: 767px) {
  .introduce .top_box {height: 0; padding:32px 16px; padding-bottom: 24%;}
  .introduce .top_box .tit {font-size: 19px; line-height: 31.5px; position: absolute; top: 50%; transform: translateY(-50%); max-width: 50%;}
  .introduce .top_box .txt {display: none;}
}

@media screen and (max-width: 425px) {
  /* .introduce .top_box {height:160px; padding:32px;} */
  .introduce .top_box .tit {font-size: 17px; line-height: 150%;}
  .introduce .top_box .txt {display: none;}
  .introduce .bottom_box {margin-top: 16px;}
  .introduce .bottom_box .message {font-size: 17px; line-height: 25.5px;}
  .introduce .bottom_box .sign_box {margin-top: 16px;}
}

/* 찾아오시는 길 */
.map_wrap .top_notice {display: flex; justify-content: space-between; margin-top: 16px; align-items: center; padding:16px; height:64px; border-radius: 50px; background: #EDF8F8;}
.map_wrap .top_notice + .subtit_l_con + .top_notice {margin-top: 40px !important;}
.map_wrap .top_notice .tit_box {display: flex; align-items: center; gap:8px;}
.map_wrap .top_notice .tit_box .tit {color:#1D1D1D; font-size: 18px; line-height: 28.5px; font-weight: 700;}
.map_wrap .top_notice .tit_box .icon {display: block; width: 32px; height: 32px;}
.map_wrap .top_notice.car .tit_box .icon {background: url(../images/sub/provincialoffice/ico_notice_car.svg) no-repeat 0 0 /100%;}
.map_wrap .top_notice.bus .tit_box .icon {background: url(../images/sub/provincialoffice/ico_notice_bus.svg) no-repeat 0 0 /100%;}
.map_wrap .top_notice.train .tit_box .icon {background: url(../images/sub/provincialoffice/ico_notice_train.svg) no-repeat 0 0 /100%;}
.map_wrap .top_notice .btn_link {display: block; padding-right: 20px; color:#1D1D1D; font-size: 17px; line-height: 25.5px; font-weight: 400; background:url(../images/sub/provincialoffice/ico_link_goto_black.svg) no-repeat right center /16px;}
.map_wrap .map_box {display: flex; flex-wrap: wrap; gap:24px; margin-top: 24px;}
.map_wrap .map_box .map {flex:100%; height:0; padding-bottom: 36%; border-radius: 12px; border:1px solid #E4E4E4; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.map_wrap .map_box .map_info_box {flex:1; display: flex; flex-direction: column; gap:24px;}
.map_wrap .map_box .map_info_box .map_info {display: flex; flex-direction: column; gap:8px;}
.map_wrap .map_box .map_info_box .map_info .tit {display: flex; align-items: center; color:#1D1D1D; font-size: 19px; line-height: 29px; font-weight: 700; gap:4px;}
.map_wrap .map_box .map_info_box .map_info .tit .icon {display: block; width: 32px; height: 32px;}
.map_wrap .map_box .map_info_box .map_info .tit.addr .icon {background:url(../images/sub/provincialoffice/ico_map_addr.svg) no-repeat 0 0 / 100%;}
.map_wrap .map_box .map_info_box .map_info .tit.tel .icon {background:url(../images/sub/provincialoffice/ico_map_tel.svg) no-repeat 0 0 / 100%;}
.map_wrap .map_box .map_info_box .map_info .tit.fax .icon {background:url(../images/sub/provincialoffice/ico_map_fax.svg) no-repeat 0 0 / 100%;}
.map_wrap .map_box .map_info_box .map_info .tit.email .icon {background:url(../images/sub/provincialoffice/ico_map_email.svg) no-repeat 0 0 / 100%;}
.map_wrap .map_box .map_info_box .map_info .txt {display: flex; flex-direction: column; align-items: flex-start; color:#1D1D1D; font-size: 17px; line-height: 27px; font-weight: 400; gap:8px;}
.map_wrap .map_box .map_info_box .map_info .btn_link {display: inline-flex; padding:0 16px; align-items: center; height:42px; gap:4px; color:#075D5D; border:1px solid #075D5D; border-radius: 8px; font-size: 17px; font-weight: 400;}
.map_wrap .map_box .map_info_box .map_info .btn_link .icon {display: block; width: 16px; height: 16px; background: url(../images/sub/provincialoffice/ico_link_goto_green.svg) no-repeat 0 0 /100%;}
.map_wrap .section_item + .section_item {margin-top: 40px;}
@media screen and (max-width: 1280px) {
  /* .map_wrap .map_box .map {flex:1;} */
}

@media screen and (max-width: 767px) {
  .map_wrap .map_box {flex-wrap:wrap;}
  .map_wrap .map_box .map {flex:100%;}
}

@media screen and (max-width: 530px) {
  .map_wrap .top_notice {flex-direction: column; padding:16px; height:auto; justify-content: center; gap:10px;}
  .map_wrap .top_notice .tit_box {flex:100% 0 0; }
}


/* ABOUT ENG */
/* Minister*/
.minister_wrap .minister_box {display: flex; gap:40px;}
.minister_wrap .minister_box .photo_box {display: flex;flex-direction: column; flex:230px 0 0; gap:16px; width:220px; margin:0 auto;}
.minister_wrap .minister_box .photo_box .photo {width: 100%; height:260px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 12px;}
.minister_wrap .minister_box .photo_box .photo_info_box {display: flex; flex-direction: column;}
.minister_wrap .minister_box .photo_box .photo_info_box .name {display: flex; justify-content: center; align-items: center; height:38px; font-size: 15px; line-height: 150%; font-weight: 400;}
.minister_wrap .minister_box .photo_box .photo_info_box .name strong {margin-left: 8px; font-size: 22px; line-height: 150%; font-weight: 700;}
.minister_wrap .minister_box .photo_box .photo_info_box .position {position: relative; padding-top: 10px; font-size: 17px; line-height: 150%; font-weight: 400; text-align: center;}
.minister_wrap .minister_box .photo_box .photo_info_box .position::before {content:''; position: absolute; left:0; top:0; right:0; height:2px; background: linear-gradient(90deg, #1AC0C0 0%, #097C7C 100%), #C6C6C6;}
.minister_wrap .minister_box .minister_info_box {flex:1;}
.minister_wrap .minister_box .minister_info_box .list_minister_info {display: flex; flex-direction: column; gap:16px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12); padding:20px; border-radius: 12px; margin-top: 16px;}
.minister_wrap .minister_box .minister_info_box .list_minister_info li {display: flex; flex-direction: column; gap:4px;}
.minister_wrap .minister_box .minister_info_box .list_minister_info .tit {color: #1D1D1D; font-size: 17px; line-height: 150%; font-weight: 700;}
.minister_wrap .minister_box .minister_info_box .list_minister_info .txt {color: #1D1D1D; font-size: 17px; line-height: 150%; font-weight: 400;}
@media screen and (max-width: 767px) {
  .minister_wrap .minister_box {flex-direction: column;}
}


/* Headquarters */
.organization_wrap.newStyle1 .ministor_wrap .ministor {display: inline-flex; justify-content: center; align-items: center; width:160px; height: 58px; background: #043e3e; border-radius: 8px; color:#FFF; font-size: 17px; line-height: 150%; font-weight: 400;}
.organization_wrap.newStyle1 .ministor_wrap .office_group {margin-top: 24px; font-size: 15px; line-height: 150%; font-weight: 400;}
.organization_wrap.newStyle1 .ministor_wrap .office_group .red_circle {display: flex; justify-content: center; align-items: center; width:321px; height: 55px; padding: 16px; border: 1px solid #9DD7D7; border-radius: 8px; background: #EDF8F8;}
.organization_wrap.newStyle1 .ministor_wrap .office_group .red_circle + ul li {margin-top: 4px;}
.organization_wrap.newStyle1 .ministor_wrap .office_group > li ul {width:321px;}
.organization_wrap.newStyle1 .ministor_wrap .office_group > li ul span {display: flex; justify-content: center; align-items: center; width: 100%; height:39px; background: #F8F8F8; border: 1px solid #D8D8D8; border-radius: 8px; padding: 8px 4px;}

.organization_wrap.newStyle1 .vice_ministor_wrap .vice_ministor {margin-top: 24px; display: inline-flex; justify-content: center; align-items: center; width:160px; height: 58px; background: #043e3e; border-radius: 8px; color:#FFF; font-size: 17px; line-height: 150%; font-weight: 400;}
.organization_wrap.newStyle1 .vice_ministor_wrap .office_group {margin-top: 24px; font-size: 15px; line-height: 150%; font-weight: 400;}
.organization_wrap.newStyle1 .vice_ministor_wrap .office_group .red_circle {display: flex; justify-content: center; align-items: center; width:321px; height: 55px; padding: 16px; border: 1px solid #9DD7D7; border-radius: 8px; background: #EDF8F8;}
.organization_wrap.newStyle1 .vice_ministor_wrap .office_group .red_circle + ul li {margin-top: 4px;}
.organization_wrap.newStyle1 .vice_ministor_wrap .office_group > li ul {width:321px;}
.organization_wrap.newStyle1 .vice_ministor_wrap .office_group > li span {display: flex; justify-content: center; align-items: center; width: 100%; height:39px; background: #F8F8F8; border: 1px solid #D8D8D8; border-radius: 8px; padding: 8px 4px;}
.organization_wrap.newStyle1 .vice_ministor_wrap .office_group > li > span {width:321px;}

.organization_wrap.newStyle1  ul.office_group > li.left::before {top:20px;}

.organization_wrap.newStyle1 .bottom_chart > ul {gap:35px 10px !important;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office .bg_red {position: relative; display: flex; justify-content: center; align-items: center; height: 78px; padding: 16px 4px; background: #097C7C; border-radius: 8px 8px 0px 0px; color: #FFFFFF; font-weight: 700; font-size: 15px; line-height: 150%; text-align: center;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office .bg_red::before {content: ""; z-index: 1; background-color: #999; height: 24px; padding: 0.1px; position: absolute; left: 50%; bottom: 100%;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office .red_box {margin-top: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 4px; gap: 4px; height: 62px; background: #555555; font-weight: 700; font-size: 15px; line-height: 150%; color: #FFFFFF; text-align: center;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office > ul {margin-top: 2px; border: 1px solid #D8D8D8;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office > ul li {position: relative; padding:8px;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office > ul li + li::before {content:''; position: absolute; left:8px; top:0; right:8px; height:1px; background: #D8D8D8;}
.organization_wrap.newStyle1 .bottom_chart > ul .bt_office > ul li div {display: flex; flex-direction: row; justify-content: center; align-items: center; color: #1D1D1D; font-weight: 400; font-size: 15px; line-height: 150%; text-align: center;}

@media screen and (max-width: 1280px) {
  .organization_wrap.newStyle1 div.center_chart_wrap ul li.bottom_chart>ul {flex-wrap:wrap;}
  .organization_wrap.newStyle1 div.center_chart_wrap ul li.bottom_chart>ul>li {flex:calc(50% - 5px);}
  .organization_wrap.newStyle1 li.bottom_chart > ul::before {display: none;}
  .organization_wrap.newStyle1 li.bottom_chart > ul > li::before { content: ""; width: calc(50%); position: absolute; z-index: 1; left: 0; top: -24px; background-color: #555; height: 1px;}
  /* .organization_wrap.newStyle1 li.bottom_chart > ul > li:first-child::before {width:calc(50% + 10px); left:50%; }
  .organization_wrap.newStyle1 li.bottom_chart > ul > li:last-child::before {width:calc(50% + 10px); left:-10px; } */
  .organization_wrap.newStyle1 li.bottom_chart > ul > li:nth-child(even)::before {width:calc(50% + 10px); left:-10px;}
  .organization_wrap.newStyle1 li.bottom_chart > ul > li:nth-child(odd)::before {width:calc(50% + 10px); left:50%;}
  .organization_wrap.newStyle1 .ministor_wrap .office_group > li ul span {height:auto;}
  .organization_wrap.newStyle1 .vice_ministor_wrap .office_group > li span {height:auto;}
}

@media screen and (max-width: 767px) {
  .organization_wrap.newStyle1 .ministor_wrap .office_group {gap:62px; justify-content: space-between;}
  .organization_wrap.newStyle1 .ministor_wrap .office_group .red_circle {width:calc(100% - 31px); height:auto;}
  .organization_wrap.newStyle1 .vice_ministor_wrap .office_group .red_circle {width:calc(100% - 31px); height:auto;}
  .organization_wrap.newStyle1 .ministor_wrap .office_group > li ul {width:calc(100% - 31px); height:auto;}
  .organization_wrap.newStyle1 .vice_ministor_wrap .office_group li > ul {width:calc(100% - 31px); height:auto;}
  .organization_wrap.newStyle1 .vice_ministor_wrap .office_group > li > span {width:calc(100% - 31px); height:auto;}

  .organization_wrap.newStyle1 li.bottom_chart > ul > li::before { display: none;}
  .organization_wrap.newStyle1 li.bottom_chart > ul > li:first-child::before {display: none;}
  .organization_wrap.newStyle1 li.bottom_chart > ul > li:last-child::before {display: none;}
  .organization_wrap.newStyle1 .bottom_chart > ul .bt_office .bg_red::before {display: none;}
}


/* Regional Offices */
.office-wrap.newStyle1 .org-step-office {gap:24px 16px; display: grid; grid-template-columns: repeat(4, 1fr);}
.office-wrap.newStyle1 .org-step-office li .org-wrap {display: flex; flex-direction: row; justify-content: center; align-items: center; padding:8px 4px; background: #043E3E; border-radius: 12px 12px 0px 0px;}
.office-wrap.newStyle1 .org-step-office li .org-wrap p {color:#FFF; font-weight: 700; font-size: 15px; line-height: 150%;}
.office-wrap.newStyle1 .org-step-office li .inner-org {border: 1px solid #D8D8D8; border-radius: 0px 0px 12px 12px;}
.office-wrap.newStyle1 .org-step-office li .inner-org li {position: relative; padding:8px;}
.office-wrap.newStyle1 .org-step-office li .inner-org li + li::before {content:''; position: absolute; left:8px; right:8px; top:0px; height:1px; background: #D8D8D8;}
.office-wrap.newStyle1 .org-step-office li .inner-org li span {color:#1D1D1D; font-style: normal; font-weight: 400; font-size: 15px; line-height: 150%;}
.office-wrap.newStyle1 .org-step-office li .inner-org li.org-st-blue span {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px 0px; background: #F0F0F0; border-radius: 8px; gap: 10px; font-weight: 400; font-size: 15px; line-height: 150%; color: #1D1D1D;}
@media screen and (max-width: 1280px) {
  .office-wrap.newStyle1 .org-step-office {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 767px) {
  .office-wrap.newStyle1 .org-step-office {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 530px) {
  .office-wrap.newStyle1 .org-step-office {grid-template-columns: repeat(1, 1fr);}
}

/* Meister High Schools */
.school-wrap.newStyle1 .org-step-school {gap:24px; display: grid; grid-template-columns: repeat(3, 1fr);}
.school-wrap.newStyle1 .org-step-school li .org-wrap {display: flex; flex-direction: row; justify-content: center; align-items: center; padding:8px 4px; background: #043E3E; border-radius: 12px 12px 0px 0px;}
.school-wrap.newStyle1 .org-step-school li .org-wrap p {color:#FFF; font-weight: 700; font-size: 15px; line-height: 150%;}
.school-wrap.newStyle1 .org-step-school li .org-st-logo {display: flex; justify-content: center; align-items: center; height:70px; border-width:0 1px 1px 1px; border-style: solid; border-color: #D8D8D8;}
.school-wrap.newStyle1 .org-step-school li .org-st-logo img {height: 100%;}
.school-wrap.newStyle1 .org-step-school li .inner-org li {height:58px; display: flex; justify-content: center; align-items: center; border-width: 0px 1px 0 1px; border-style: solid; border-color: #D8D8D8;}
.school-wrap.newStyle1 .org-step-school li .inner-org li:last-child {border-width: 1px 1px 1px 1px; border-style: solid; border-color: #D8D8D8; border-radius: 0px 0px 12px 12px;}
.school-wrap.newStyle1 .org-step-school li .inner-org li p {color: #1D1D1D; font-weight: 400; font-size: 17px; line-height: 150%;}
@media screen and (max-width: 1280px) {
  .school-wrap.newStyle1 .org-step-school {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 767px) {
  .school-wrap.newStyle1 .org-step-school {grid-template-columns: repeat(1, 1fr);}
}

/* Affiliated Organizion */
.ao_logo_box {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.ao_logo_box .logo_ao_top {display: block; width: 416px; height: 188px; background: url(../images/sub/about/img_affiliatedoranizion_top.svg) no-repeat 0 0 /100%;}
.ao_logo_box .list_logo {display:grid; grid-template-columns: repeat(4, 1fr); gap:1px; border: 2px solid #9DD7D7; border-radius: 12px; background:#D8D8D8; overflow:hidden;}
.ao_logo_box .list_logo li {position: relative; background:#FFF; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; gap:8px; padding:16px;}
.ao_logo_box .list_logo li img {width: 202px; height: 100px;}
.ao_logo_box .list_logo li .tit_ao_logo {color:#1D1D1D; font-weight: 700; font-size: 17px; line-height: 150%;}
.ao_logo_box .list_logo li .txt_ao_logo {color:#1D1D1D; font-weight: 400; font-size: 15px; line-height: 150%;}
@media screen and (max-width: 767px) {
  .ao_logo_box .list_logo {grid-template-columns: repeat(2, 1fr);}
  .ao_logo_box .logo_ao_top {width: 285px; height: 189px; background-image: url(../images/sub/about/img_affiliatedoranizion_top_small.svg);}
}

/* Statistics */
.guide-unit {font-weight: 400; font-size: 15px; line-height: 150%; text-align: right; color: #555555;}
.guide-source {font-weight: 400; font-size: 15px; line-height: 150%; text-align: right; color: #555555;}
.guide-text {font-weight: 400; font-size: 15px; line-height: 150%; color: #1D1D1D;}

/* Status of Korean SMEs */
.status-dia-wrap {display:flex;}
.status-dia-wrap li {flex:1;}
.status-dia-wrap li .img-wrap {display:block; width:100%;}
.status-dia-wrap li .img-wrap img {width: 100%;}

/* Laws */
.laws_wrap {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap:16px;}
.laws_wrap .section-area {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px; background: #F8F8F8; border-radius: 16px;}
.laws_wrap .section-area .h3-tit {color:#1D1D1D; font-weight: 700; font-size: 21px; line-height: 150%;}
.laws_wrap .section-area .h3-text {margin-top: 8px; color:#1D1D1D; font-weight: 400; font-size: 19px; line-height: 150%;}
.laws_wrap .section-area .btn-laws-file {margin-top: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 36px 8px 16px; gap: 4px; background: #075D5D url(../images/sub/KoreanSMEs/ico_btn_down.svg) no-repeat right 16px center / 16px; border-radius: 8px; color: #FFFFFF; font-weight: 400; font-size: 17px; line-height: 150%;}
@media screen and (max-width: 767px) {
  .laws_wrap .section-area {padding:24px;}
}

/* 우문현답 - 정책제안 */
.talk_intro {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.talk_intro .mainBox {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 80px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 24px;
    background: #F7FDFF;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/sub/img_talkintro.png);
    padding-right: calc(50% - 60px);
}
.talk_intro .mainBox p {
    display: flex;
    align-items: flex-end;
    color: #1D1D1D;
    font-size: 21px;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

.talk_intro .mainBox p.title {
    font-size: 25px;
    font-weight: 700;
}
.talk_intro .mainBox p.subTitle {
    white-space: nowrap;
}
.talk_intro .mainBox p .sgt {
    display: inline-flex;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #1D1D1D;
    font-size: 25px;
    font-weight: 700;
    line-height: 150%; /* 37.5px */
    border-radius: 8px;
    background: #ABEBEB;
    margin-right: 4px;
}
.talk_intro .mainBox p .sgt:nth-of-type(n + 2) {
    margin-left: 16px;
}
.talk_intro .mainBox p .sgt.gray {
    background: #E4E4E4;
}
.talk_intro .mainBox p .sgt.red {
    background: #FFB7B7;
}
.talk_intro .mainBox p .sgt.yellow {
    background: #FFE293;
}
.talk_intro .mainBox p.subText {
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.talk_intro .box {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
}
.talk_intro .box > p {
    width: 100%;
    text-align: center;
    color: #2D2D2D;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
.talk_service {
    margin-top: 40px;
}
.talk_service .con {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.talk_service .con .btns {
    display: inline-flex;
    justify-content: center;
    gap: 8px;
}
.talk_service .con .btn {
    display: inline-flex;
}
.talk_service .con .btn.btnProp,
.talk_service .con .btn.btnMyProp {
    display: flex;
    height: 56px;
    padding: 0 24px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 19px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    transition: none;

    border: 1px solid #075D5D;
    background: #FFF;
    color: #075D5D;

}
.talk_service .con .btn.btnProp:hover,
.talk_service .con .btn.btnProp:focus,
.talk_service .con .btn.btnMyProp:hover,
.talk_service .con .btn.btnMyProp:focus {
    border: 1px solid #043E3E;
    background-color: #CEEBEB;
    text-decoration: none;
}
.talk_service .con .btn.btnMyProp {
    padding: 0 16px;
}
.talk_service .con .btn.btnProp.active,
.talk_service .con .btn.btnMyProp.active {
    border: 1px solid #075D5D;
    background: #075D5D;
    color: #fff;
    font-weight: 700;
}
.talk_service .tab_contents {
    display: none;
    background: #fff;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    border-radius: 0;
}
.talk_service .tab_contents.active {
    display: block;
}
.talk_service .tab_contents::before {
    display: none;
}
br.subMobilde {
    display: none;
}

@media screen and (max-width: 1024px) {
    .talk_intro .mainBox {
        padding-right: initial;
        padding: 40px 80px;
        background-image: initial;
        align-items: center;
    }
    .talk_intro .mainBox p.subText {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .talk_intro .mainBox {
        padding: 24px;
    }
    .talk_intro .mainBox p {
        font-size: 15px;
    }
    .talk_intro .mainBox p.title {
        font-size: 21px;
    }
    .talk_intro .mainBox p .sgt {
        width: 32px;
        height: 32px;
        font-size: 17px;
    }
    .talk_intro .mainBox p .sgt:nth-of-type(n + 2) {
        margin-left: 4px;
    }
}
@media screen and (max-width: 425px) {
    .talk_intro .mainBox p.subTitle {
        flex-wrap: wrap;
        white-space: wrap;
    }
    br.subMobilde {
        display: flex;
        width: 100%;
    }
}

/* 통계안내 */

/* 통계안내 - 지역별 통계 */
.subMain.sub04 .subMainContent {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.subMain.sub04 .subMainContent .indexOf {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.subMain.sub04 .subMainContent .indexOf_01 {
    display: flex;
    gap: 16px;
    z-index: 1;
}
.subMain.sub04 .subMainContent .indexOf_02 {
    display: flex;
    gap: 16px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: start;
    max-height: 900px;
}
.subMain.sub04 .subMainContent .contBox {
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    position: relative;
    width: calc(50% - 8px);
    padding: 24px 0;
}
.subMain.sub04 .subMainContent .contBox.mainItem1 {
    width: calc(((100% /6) * 4) - 8px);
}
.subMain.sub04 .subMainContent .contBox.mainItem2 {
    width: calc(((100% /6) * 2) - 8px);
}
.subMain.sub04 .subMainContent .contBox p.tit {
    color: #1D1D1D;
    font-size: 21px;
    font-weight: 700;
    line-height: 150%; /* 31.5px */
    padding: 16px 24px;
    padding-top: 0;
}
.subMain.sub04 .subMainContent .contBox.mainItem6 p.tit {
    padding-bottom: 0;
}
.subMain.sub04 .subMainContent .contBox.mainItem3 p.tit,
.subMain.sub04 .subMainContent .contBox.mainItem4 p.tit,
.subMain.sub04 .subMainContent .contBox.mainItem5 p.tit {
    text-align: center;
}
.subMain.sub04 .subMainContent .contBox.mainItem3 .btnMore,
.subMain.sub04 .subMainContent .contBox.mainItem4 .btnMore,
.subMain.sub04 .subMainContent .contBox.mainItem5 .btnMore,
.subMain.sub04 .subMainContent .contBox.mainItem6 .btnMore {
    position: absolute;
    top: 24px;
    right: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_mainItem_more2.svg);
    width: 20px;
    height: 20px;
}
.subMain.sub04 .subMainContent .ListPop > ul {
    display: flex;
    width: 100%;
}
.subMain.sub04 .subMainContent .ListPop > ul > li {
    width: 100%;
    position: relative;
}
.subMain.sub04 .subMainContent .ListPop > ul > li + li {
    border-left: 1px solid #D8D8D8;
}
.subMain.sub04 .subMainContent .ListPop > ul > li > a {
    display: flex;
    justify-content: center;
    width: 100%;
}
.subMain.sub04 .subMainContent .ListPop > ul > li > a > div {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    gap: 8px;
}
.subMain.sub04 .subMainContent .ListPop > ul > li > a > div  > p > span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 26px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/sub/ico_mainItem_more.svg);
}
.subMain.sub04 .subMainContent .ListPop > ul > li > a .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    box-shadow: -4px -4px 8px 0px rgba(255, 255, 255, 0.25) inset, 4px 4px 8px 0px rgba(255, 255, 255, 0.25) inset;
}
.subMain.sub04 .subMainContent .ListPop > ul > li > a .icon > i {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
}
.subMain.sub04 .subMainContent .ListPop ul > li.icon1 > a .icon {
    background: linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.subMain.sub04 .subMainContent .ListPop ul > li.icon2 > a .icon {
    background: linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.subMain.sub04 .subMainContent .ListPop ul > li.icon3 > a .icon {
    background: linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #0B9B9B 8.78%, #6DC3C3 140.2%);
}
.subMain.sub04 .subMainContent .ListPop ul > li.icon4 > a .icon {
    background: linear-gradient(168deg, #043E3E 8.78%, #6DC3C3 140.2%), linear-gradient(168deg, #097C7C 8.78%, #6DC3C3 140.2%);
}
.subMain.sub04 .subMainContent .ListPop ul > li.icon5 > a .icon {
    background: linear-gradient(168deg, #FF8F66 8.78%, #FFD600 140.2%), linear-gradient(168deg, #075D5D 8.78%, #6DC3C3 140.2%);
}
.subMain.sub04 .subMainContent .ListPop ul > li.icon6 > a .icon {
    background: linear-gradient(168deg, #FF6A33 8.78%, #FFD600 140.2%), linear-gradient(168deg, #043E3E 8.78%, #6DC3C3 140.2%);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon01 {
    background-image: url(../images/sub/ico_mainItem1_01.svg);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon02 {
    background-image: url(../images/sub/ico_mainItem1_02.svg);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon03 {
    background-image: url(../images/sub/ico_mainItem1_03.svg);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon04 {
    background-image: url(../images/sub/ico_mainItem1_04.svg);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon05 {
    background-image: url(../images/sub/ico_mainItem1_05.svg);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon06 {
    background-image: url(../images/sub/ico_mainItem1_06.svg);
}
.subMain.sub04 .subMainContent .ListPop ul > li > a .icon > i.icon07 {
    background-image: url(../images/sub/ico_mainItem1_07.svg);
}
.subMain.sub04 .subMainContent .ListPop .subPop {
    display: none;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 24px);
    left: 0;
    width: 358px;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    z-index: 1;
}
.subMain.sub04 .subMainContent .ListPop.mainItem2 li:nth-child(even) .subPop {
    left: unset;
    right: 0;
}
.subMain.sub04 .subMainContent .ListPop .subPop.active {
    display: flex;
}
.subMain.sub04 .subMainContent .ListPop .subPop .subPopHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    padding: 16px;
}
.subMain.sub04 .subMainContent .ListPop .subPop .subPopHeader .subPop_tit {
    font-size: 19px;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
}
.subMain.sub04 .subMainContent .ListPop .subPop .subPopHeader .popClose {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_subPopClose.svg);
}
.subMain.sub04 .subMainContent .ListPop .subPop ul {
    display: flex;
    flex-direction: column;
    padding: 8px;
    max-height: 240px;
    overflow-y: auto;
}
.subMain.sub04 .subMainContent .ListPop .subPop ul::-webkit-scrollbar {
    width: 8px;
}
.subMain.sub04 .subMainContent .ListPop .subPop ul::-webkit-scrollbar-button {
    height: 6px;
}
.subMain.sub04 .subMainContent .ListPop .subPop ul::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-right: 4px solid #fff;
}
.subMain.sub04 .subMainContent .ListPop .subPop ul::-webkit-scrollbar-track {}
.subMain.sub04 .subMainContent .ListPop .subPop ul > li > a {
    display: flex;
    align-items: center;
    padding: 15px;
}
.subMain.sub04 .subMainContent .ListPop .subPop ul > li > a:hover,
.subMain.sub04 .subMainContent .ListPop .subPop ul > li > a:focus {
    text-decoration: underline;
}
.subMain.sub04 .subMainContent .tabTitles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.subMain.sub04 .subMainContent .tabTitles > li button {
    border-radius: 62px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    padding: 4px 12px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
}
.subMain.sub04 .subMainContent .tabTitles > li.on button {
    color: #fff;
    background-color: #075D5D;
    border: 1px solid #075D5D;
}
.subMain.sub04 .subMainContent .TabPage {
    display: none;
}
.subMain.sub04 .subMainContent .TabPage.on {
    display: block;
}
.subMain.sub04 .subMainContent .TabPage .barChart {
    display: flex !important;
    justify-content: center;
    max-height: 190px !important;
    height: 190px !important;
    min-width: 368px;
}
.subMain.sub04 .subMainContent .scrollWrap {
    overflow-x: auto;
}
.subMain.sub04 .subMainContent .PAGE {
    display: none;
}
.subMain.sub04 .subMainContent .PAGE.on {
    display: block;
    overflow-x: auto;
}
.subMain.sub04 .subMainContent .subtit {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
.subMain.sub04 .subMainContent .subtit > span {
    position: relative;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    padding-left: 11px;
}
.subMain.sub04 .subMainContent .subtit > span::before {
    content: '';
    display: block;
    background: #FF6A33;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.subMain.sub04 .statusMap{
	width: 326px;
    min-width: 400px;
	height: 507px;
	position:relative;
	margin:0 auto;
	background-image: url(../images/sub/sub_03/img_map01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.subMain.sub04 .statusMap ul{
    display:block;
}
.subMain.sub04 .statusMap ul li{
	display:block;
	position:absolute;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	padding: 2px 4px;
	color: #1D1D1D;
	font-size: 13px;
	font-weight: 400;
    line-height: 100%;
}
/* .subMain.sub04 .statusMap ul li.area1{
	left:95px;top:111px;
}
.subMain.sub04 .statusMap ul li.area2{
	left:255px;top:341px;
}
.subMain.sub04 .statusMap ul li.area3{
	left:158px;top:231px;
}
.subMain.sub04 .statusMap ul li.area4{
	left:15px;top:131px;
}
.subMain.sub04 .statusMap ul li.area5{
	left:45px;top:316px;
}
.subMain.sub04 .statusMap ul li.area6{
	left:45px;top:231px;
}
.subMain.sub04 .statusMap ul li.area7{
	left:255px;top:281px;
}
.subMain.sub04 .statusMap ul li.area8{
	left:85px;top:191px;
}
.subMain.sub04 .statusMap ul li.area9{
	left:35px;top:71px;
}
.subMain.sub04 .statusMap ul li.area10{
	left:155px;top:71px;
}
.subMain.sub04 .statusMap ul li.area11{
	left:135px;top:161px;
}
.subMain.sub04 .statusMap ul li.area12{
	left:5px;top:191px;
}
.subMain.sub04 .statusMap ul li.area13{
	left:45px;top:277px;
}
.subMain.sub04 .statusMap ul li.area14{
	left:45px;top:367px;
}
.subMain.sub04 .statusMap ul li.area15{
	left:205px;top:191px;
}
.subMain.sub04 .statusMap ul li.area16{
	left:155px;top:311px;
}
.subMain.sub04 .statusMap ul li.area17{
	left:85px;top:447px;
}
.subMain.sub04 .statusMap ul li.area18{
	left:245px;top: 91px;
} */
.subMain.sub04 .statusMap ul li.area1{
	left: 113px;
	top: 122px;
}
.subMain.sub04 .statusMap ul li.area2{
	left: 312px;
	top: 347px;
}
.subMain.sub04 .statusMap ul li.area3{
	left: 228px;
	top: 253px;
}
.subMain.sub04 .statusMap ul li.area4{
	left: 20px;
	top: 105px;
}
.subMain.sub04 .statusMap ul li.area5{
	left: 28px;
	top: 345px;
}
.subMain.sub04 .statusMap ul li.area6{
	left: 112px;
	top: 249px;
}
.subMain.sub04 .statusMap ul li.area7{
	left: 331px;
	top: 306px;
}
.subMain.sub04 .statusMap ul li.area8{
	left: 119px;
	top: 196px;
}
.subMain.sub04 .statusMap ul li.area9{
	left: 95px;
	top: 60px;
}
.subMain.sub04 .statusMap ul li.area10{
	left: 217px;
	top:71px;
}
.subMain.sub04 .statusMap ul li.area11{
	left: 168px;
	top: 159px;
}
.subMain.sub04 .statusMap ul li.area12{
	left: 52px;
	top: 178px;
}
.subMain.sub04 .statusMap ul li.area13{
	left: 100px;
	top: 295px;
}
.subMain.sub04 .statusMap ul li.area14{
	left: 85px;
	top: 384px;
}
.subMain.sub04 .statusMap ul li.area15{
	left: 259px;
	top:191px;
}
.subMain.sub04 .statusMap ul li.area16{
	left: 199px;
	top: 329px;
}
.subMain.sub04 .statusMap ul li.area17{
	left: 120px;
	top: 483px;
}
.subMain.sub04 .statusMap ul li.area18{
	left: 360px;
	top: 86px;
}
.subMain.sub04 .statusMap .spec{
	display:block;
	position:absolute;
	bottom:0;right:0;
	font-size:13px;color:#555;
}
.subMain.sub04 .subMainContent .contBox .barTable {
    padding: 0 24px;
}
.subMain.sub04 .subMainContent .contBox .barTable .tbl-wrap .tbl.data tbody th,
.subMain.sub04 .subMainContent .contBox .barTable .tbl-wrap .tbl.data tbody td {
    height: auto;
}
.subMain.sub04 .subMainContent .contBox .exp {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    padding: 0 24px;
    margin-top: 4px;
    text-align: center;
}
.subMain.sub04 .subMainContent .contBox.mainItem4 .bullet {
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 126px;
}
.subMain.sub04 .subMainContent .contBox.mainItem4 .bullet > li {
    display: flex;
    justify-content: flex-start;
}
.subMain.sub04 .subMainContent .contBox.mainItem4 .bullet > li > a {
    position: relative;
    padding-left: 13px;
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #1D1D1D;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.subMain.sub04 .subMainContent .contBox.mainItem4 .bullet > li > a::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #FF6A33;
}
.subMain.sub04 .subMainContent .contBox.mainItem6 .btns {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    padding: 0 24px;
}
.subMain.sub04 .subMainContent .contBox.mainItem6 .btnLink {
    display: flex;
    justify-content: center;
    position: relative;
    gap: 4px;
    padding: 8px 16px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #075D5D;
    background: #fff;
    color:#075D5D;
    font-size: 17px;
    font-weight: 400;
    line-height: 100%;
}
.subMain.sub04 .subMainContent .contBox.mainItem6 .btnLink:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_mainItem_btnLInk.svg);
}
@media screen and (max-width: 1200px) {
    .subMain.sub04 .subMainContent .indexOf_01 {
        flex-wrap: wrap;
    }
    .subMain.sub04 .subMainContent .contBox.mainItem1 {
        width: 100%;
    }
    .subMain.sub04 .subMainContent .contBox.mainItem2 {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .subMain.sub04 .subMainContent .indexOf_02 {
        height: auto;
        max-height: unset;
    }
    .subMain.sub04 .subMainContent .contBox {
        width: 100%;
    }
    .subMain.sub04 .subMainContent .contBox.mainItem3 {
        order: 1;
    }
    .subMain.sub04 .subMainContent .contBox.mainItem4 {
        order: 3;
    }
    .subMain.sub04 .subMainContent .contBox.mainItem5 {
        order: 2;
    }
    .subMain.sub04 .subMainContent .contBox.mainItem6 {
        order: 4;
    }
}
@media screen and (max-width: 767px) {
    .subMain.sub04 .subMainContent .ListPop.mainItem1 > ul {
        flex-wrap: wrap;
        gap: 16px 0;
    }
    .subMain.sub04 .subMainContent .ListPop.mainItem1 > ul > li {
        width: 50%;
    }
    .subMain.sub04 .subMainContent .ListPop.mainItem1 > ul > li:nth-child(3) {
        border-left: none;
    }
    .subMain.sub04 .subMainContent .ListPop.mainItem1 > ul > li:nth-child(even) .subPop {
        left: initial;
        right: 0;
    }
}

/* 중복추천여부확인 */
.form_container > ul > li .inputBtn_inr:has(.check_div_dupli) {
    position: relative;
}
.check_div_dupli {
    position: absolute;
    top: calc(100% + 16px);
    left: 0;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    background-color: #fff;
    z-index: 1;
    overflow: hidden;
}
.check_div_dupli_head {
    padding: 16px;
    border-bottom: 1px solid #C6C6C6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.check_div_dupli_head p.title {
    color: #1D1D1D;
    font-size: 25px;
    font-weight: 700;
    line-height: 150%; /* 37.5px */
}
.check_div_dupli_head .close_btn {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/common/ico_modal_close.svg);
    background-size: cover;
    text-indent: -9999px;
    overflow: hidden;
}
.check_div_dupli_cont {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.check_div_dupli_cont .guide {
    color: #F00;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.check_div_dupli_cont .empty {
    color: #1D1D1D;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    margin-bottom: 16px;
}
.check_div_dupli_cont .result {
    border-top: 1px solid #D8D8D8;
    padding-top: 16px;
    color: #1D1D1D;
    text-align: center;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.check_div_dupli_cont ul {
    border-radius: 12px;
    background: #EDF8F8;
    display: flex;
    flex-direction: column;
    padding: 16px;
    justify-content: flex-start;
    align-items: center;
}
.check_div_dupli_cont ul > li {
    width: 100%;
    color: #043E3E;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
.check_div_dupli_cont .check_wrap_btn {
    display: flex;
    gap: 8px;
}
.check_div_dupli_cont .check_wrap_btn .checkProgress {
    flex: 1;
    display: flex;
    height: 56px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color:  #FFF;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */

}
.check_div_dupli_cont .check_wrap_btn .Y_checkProgress {
    background-color: #075D5D;
}
.check_div_dupli_cont .check_wrap_btn .N_checkProgress {
    background-color: #8E8E8E;
}

/*
    **버튼 스크롤 이동**
    지방청 - KOLAS
  */
.btnScrollList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 16px;
}
.btnScrollItem {
    flex: 1;
    max-width: calc((100% / 5) - 6.4px);
}
.btnScrollItem > a {
    position: relative;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #9DD7D7;
    background: #EDF8F8;
    white-space: nowrap;
}
.btnScrollItem > a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_scrollmove.svg);
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
    .btnScrollList {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .btnScrollItem {
        flex: initial;
        width: 100%;
        max-width: calc((100% / 3) - 5.4px);
    }
}

@media screen and (min-width: 768px) and (max-width: 880px) {
    .btnScrollList {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .btnScrollItem {
        flex: initial;
        width: 100%;
        max-width: calc((100% / 3) - 5.4px);
    }
}

@media screen and (max-width: 767px) {
    .btnScrollList {
        flex-direction: column;
    }
    .btnScrollItem {
        width: 100%;
        max-width: 100%;
    }
}

/*
    지방청 - 시험,분석지원분야
    지방청 - 교정지원 분야 및 항목
*/
.categoryList {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.categoryItem {
    width: calc((100% / 3) - 11px);
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFF;
}
.categoryItem > .inner {
    height: 100%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
}
.categoryItem .img {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}
.categoryItem .tit {
    color: #1D1D1D;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
}
.categoryItem .sub {
    color: #555;
    min-height: 51px;
    text-align: center;
    margin: 0 -12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.categoryItem .btn {
    position: relative;
    display: flex;
    width: 100%;
    height: 42px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background:#F8F8F8;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.categoryItem .btn::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_category.svg);
}
.categoryItem.category01 .img {
    background-image: url(../images/sub/ico_categoryList01.svg);
}
.categoryItem.category02 .img {
    background-image: url(../images/sub/ico_categoryList02.svg);
}
.categoryItem.category03 .img {
    background-image: url(../images/sub/ico_categoryList03.svg);
}
.categoryItem.category04 .img {
    background-image: url(../images/sub/ico_categoryList04.svg);
}
.categoryItem.category05 .img {
    background-image: url(../images/sub/ico_categoryList05.svg);
}

@media screen and (max-width: 767px) {
    .categoryList {
        flex-direction: column;
    }
    .categoryItem {
        width: 100%;
    }
    .categoryItem .sub {
        min-height: auto;
    }
}

/* 직원검색 - 조직도 보기 */
.org_link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.org_link .btn_link {
    position: relative;
    border: 1px solid #075d5d;
    border-radius: 8px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #075d5d;
    gap: 4px;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.org_link .btn_link::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/icon_org_arrow.svg);
}

.board.type_table:has(.org_link) {
    margin-top: 0;
}
.org_link + .mobile_scroll .tbl-wrap {
    margin-top: 8px;
}

/* input placeholder 다른 태그작성 텍스트 */
.placeText {
    margin-top: 8px;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}