@media(max-width:992px) {
    .sub-wrapper {
        font-size: 15px;
    }
    .sub-wrapper h1.s-title {
        font-size: 24px;
        font-weight: 700;
        font-family: "gotham", sans-serif;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .sub-wrapper h1.s-title.underline {
        border-bottom: none;
    }
    .sub-wrapper h2.s-title {
        font-size: 20px;
        font-weight: 600;
        font-family: "gotham", sans-serif;
        margin-bottom: 15px;
        text-transform: capitalize;
    }
    .sub-wrapper .host {
        background: url("../../libx/img/sub/host_bg.png");
        background-repeat: no-repeat;
        background-position: 130% 0;
        background: none;
    }
    .sub-wrapper .host .message {
        width: 100%;
    }
    .sub-wrapper h2.host__title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;

    }
    .sub-wrapper .host .image {
        text-align: center;
        margin-top: 30px;
    }
    .sub-wrapper .host .image img {
        width: 160px;
    }

    .sub-wrapper .host_slider {
        margin-top: 40px;
    }
    .host_slider .slick-list {
        margin: 0 -20px;

    }
    .host_slider .slick-slide {
        margin: 0 20px;
    }
    .host_slider .section-slider {
        width: 100%;
        overflow: hidden;
    }
    .sub-wrapper .host .host_news {
        margin-top: 40px;
    }
    .sub-wrapper .host .host_news h2.title {
        font-size: 19px;
        font-weight: 800;
        border-bottom: 1px #ddd solid;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .sub-wrapper .host .host_news .list-wrap {
        margin-top: 30px;
        display: block;
    }
    .sub-wrapper .host .host_news .list-wrap .wrap {
        margin-bottom: 20px;
        border-bottom: 1px #ddd solid;
        padding-bottom: 20px;
    }
    .sub-wrapper .host .host_news .list-wrap .wrap h2 {
        font-size: 17px;
        font-weight: 600;
    }
    .sub-wrapper .host .host_news .list-wrap .wrap ol {
        list-style-type: decimal;
        margin-left: 20px;
        margin-top: 20px;
    }
    .sub-wrapper .host .host_news .list-wrap .wrap ol li {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .sub-wrapper .host .host_news .list-wrap .wrap .text {
        padding-top: 20px;
    }
    /* .sub-wrapper .host .host_news .list-wrap li a {
    display: inline-block;
    position: relative;
    margin-bottom: 6px;
}
.sub-wrapper .host .host_news .list-wrap li a::before {
    content: "· ";
} */
    .sub-wrapper .sponsor .list_wrap {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 30px;
        margin-top: 50px;
    }
    .sub-wrapper .sponsor .list_wrap .box h4 {
        text-align: center;
        font-size: 19px;
        margin-top: 8px;
    }
    .hotel .text h2 {
       font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
        font-family: "gotham", sans-serif;

    }
    .hotel .pic_wrap {
        /* display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:20px; */
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        margin-top: 40px;
        position: relative;
    }
    .hotel .pic_wrap .box {
        width: 100%;
        position: relative;
    }
    .hotel .pic_wrap .box img {
        /* width: 100%; */
    }
    .hotel .list_wrap {
        margin-top: 50px;
        padding-top: 50px;
        border-top: 1px #ddd solid;
    }
    .hotel .list_wrap .box {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #ddd solid;
        align-items: center;
    }
    .hotel .list_wrap .box:last-child {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .hotel .list_wrap .box .left {
        width: 100%;
    }
    .hotel .list_wrap .box .right {
        width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }
    .hotel .list_wrap .box .left img {
        width: 100%;
    }
    .hotel .list_wrap .box .right h3 {
        font-size: 19px;
        font-weight: 600;
    }
    .hotel .list_wrap .box .right ul {
        margin-top: 20px;
    }
    .hotel .list_wrap .box .right ul li {
        text-indent: -10px;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .hotel .list_wrap .box .right ul li::before {
        content: "· ";
    }
    .map_pager_wrap {
        position: absolute;
        top: 42%;
        width: 100%;
        z-index: 999999;
        display: flex;
        left: 0;
        justify-content: space-between;
    }

    .map_pager_wrap .map_prev {
        margin-left: 0;
    }
    .map_pager_wrap .map_next {
        margin-right: -0px;
    }
    .map_pager_wrap .arr i {
        font-size: 32px;
        color: #fff;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.3);
        width: 61px;
        height: 68px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;

    }
    /* .hotel .m_flex {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .hotel .m_flex .text {
        width: 100%;
    }
    .hotel .m_flex .image {
        width: 100%;
        margin-left: 0;
    }
    .hotel .m_flex .image .box img {
        width: 100%;
    }
    .hotel .m_flex .text .hotel__title {
        border-bottom: 1px #ddd solid;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .hotel .m_flex .text .hotel__title h2 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
        font-family: "gotham", sans-serif;

    }
    .hotel .m_flex .text .order h3 {
        font-size: 18px;
        font-weight: 600;
    }
    .hotel .m_flex .text .order a {
        background: #88ce39;
        color: #fff;
        width: 100%;
        height: 50px;
        display: flex;
        border-radius: 0.6em;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        font-weight: 500;

    } */
    /* 이코디언 */
    .accordion {
        margin-top: 30px;
        border-top: 1px solid #ddd;

    }

    .accordion-item {
        border-bottom: 1px solid #ddd;
    }
    .accordion-item:last-child {
        /* border: 0; */
    }
    .accordion-header {
        padding: 15px;
        font-weight: bold;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: color 0.2s ease;
        border-bottom: none;
        font-size: 22px;

        /* 중복 방지 */
    }

    .accordion-header.active {
        color: #66bb33;
    }

    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0 15px;
        border: none;
        outline: none;

    }
    /* 맨 마지막 항목이 열렸을 때만 아래 라인 유지 */
    .accordion-item:last-child .accordion-content {
        border-bottom: 1px solid #ddd;
    }

    .accordion-content p {
        margin: 20px 0 30px;
        font-size: 18px;
    }

    .accordion-header .arrow {
        background: #e3e3e3;
        width: 33px;
        height: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border-radius: 0.2em;
        transition: transform 0.3s ease;

    }
    .accordion-header.active .arrow {

        background: #88ce39;
    }
    .accordion-header.active .arrow i {
        transform: rotate(180deg);
        color: #fff;
    }
    /* 이코디언 마감 */
    .sub-wrapper .map {
        margin-top: 36px;
        width: 100%;
        clear: both;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        border: 0;
        line-height: 0;
        /* inline 여백 방지 */
        overflow: hidden;

    }
    /* .sub-wrapper .contact .flex {
    display:flex;
}
.sub-wrapper .contact .text {
    width: 45%;
    padding-right: 120px;
}
.sub-wrapper .contact .image {
    width: 55%;
} */

    .sub-wrapper .contacts .text ul {
        margin-top: 30px;
    }
    .sub-wrapper .contacts .text ul li {
        font-weight: 500;
        margin-bottom: 6px;
    }
    .sub-wrapper .contacts .map {
        margin-top: 50px;
        width: 100%;
        clear: both;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        border: 0;
        line-height: 0;
        /* inline 여백 방지 */
        overflow: hidden;

    }
    .sub-wrapper .contacts iframe {
        display: block;
        width: 100%;
        height: 500px;
        border: 0;

    }
    .sub-wrapper .contacts .text a.reg {
        background: #88ce39;
        color: #fff;
        width: 310px;
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        font-weight: 500;

    }
    .sub-wrapper .exh .title {
        font-size: 15px;
        font-weight: 400;
    }
    .sub-wrapper .exh .title .image {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .sub-wrapper .exh section.section01 dl {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #ddd solid;
    }
    .sub-wrapper .exh section.section01 dl:last-child {
        border: 0;
    }

    .sub-wrapper .exh section.section01 dl dt {
        width: 100%;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
    }
    .sub-wrapper .exh section.section01 dl dt::before {
        position: absolute;
        width: 30px;
        height: 1px;
        background: #000;
        content: '';
        margin-top: 60px;
        display: none;
    }

    .sub-wrapper .exh section.section01 dl dd {
        width: 100%;
        padding-left: 0;
    }
    .sub-wrapper .exh section.section01 dl dd h4 {
        font-weight: 500;
        margin-bottom: 20px;
    }
    .sub-wrapper .exh section.section01 dl dd ul {
        margin-left: 20px;
    }
    .sub-wrapper .exh section.section01 dl dd ul li {
        margin-bottom: 12px;
    }
    .sub-wrapper .exh section.section02 {
        border-top: 1px #ddd solid;
        padding-top: 40px;
        /* border: 1px #ddd solid;
    padding: 40px 42px; */
    }
    .sub-wrapper .exh section.section02 h3 {
        font-size: 24px;
        font-weight: 600;

    }
    .sub-wrapper .exh section.section02 ol {
        list-style: decimal;
        margin-left: 1.5em;
        margin-top: 30px;
    }
    .sub-wrapper .exh section.section02 ol li {
        margin-bottom: 14px;
    }

    .sub-wrapper .exh_layout section .box {
        padding: 20px 0;
        border: 1px #ddd solid;
        margin-bottom: 20px;
    }
    .sub-wrapper .exh_layout section .box h2 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 16px;
        text-align: center;

    }
    .sub-wrapper .exh_layout section .box .image {}
    .sub-wrapper .exh_layout section .box .image img {
        width: 100%;
    }
    .sub-wrapper .exh_card .grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .sub-wrapper .exh_card .grid .card {
        background: #fff;
        border-bottom: 1px #ddd solid;
        border-radius: 0.6em;
        padding: 20px 0;
    }
    .sub-wrapper .exh_card .grid .flex {
        display: flex;
    }
    .sub-wrapper .exh_card .grid .flex .image {
        width: 25%;
    }

    .sub-wrapper .exh_card .grid .flex .company {
        width: 75%;
        padding-left: 14px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sub-wrapper .exh_card .grid .flex .company h2 {
        font-size: 16px;
        font-weight: 600;
    }
    .sub-wrapper .exh_card .grid .flex .company .num {
        background: #fff;
        display: inline-block;
        margin-top: 0;
        border-radius: 0.7em;
        font-size: 12px;
        padding: 6px 16px 6px 0;
        position: relative;
        font-weight: 500;

    }
    .sub-wrapper .exh_card .grid .flex .company .num::before {
        font-family: 'xeicon';
        content: "";
        margin-right: 6px;
    }

    .sub-wrapper .exh_card .grid .flex .company .num span {
        font-size: 15px;
        font-weight: 700;
        display: inline-block;
        background: #f6f6f6;
        color: #000;
        padding: 3px 12px;
        border-radius: 0.4em;
        margin-left: 5px;

    }

    .sub-wrapper .exh_card .grid .flex .image p {
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        border-radius: 0.4em;
        border: 1px #ddd solid;
    }
    .sub-wrapper .exh_card .grid .flex .image img {
        width: 100%;
        padding: 8px;
    }
    .sub-wrapper .exh_card .grid .text {
        margin-top: 12px;
        font-size: 15px;
    }
    .sub-wrapper .events .wrap {
        /* border:1px #e2e2e2 solid; */
        border-radius: 0;
        margin-bottom: 20px;

    }
    .sub-wrapper .events .wrap h2 {
        font-size: 19px;
        font-weight: 800;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px #e2e2e2 solid;
        padding-left: 40px;
        background: url("../../libx/img/main/about_h1_logo.png");
        background-repeat: no-repeat;
        line-height: 25px;
        background-size: 28px;
    }
    .sub-wrapper .events .box {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
        margin-bottom: 0;
    }
    .sub-wrapper .events .box .title {
        width: 100%;
        background: url("../../libx/img/sub/events_sh.png");
        background-repeat: no-repeat;
        padding-left: 32px;
        background-size: 20px;
        background-position: 0 0;

    }
    .sub-wrapper .events .box .content {
        width: 100%;
    }
    .sub-wrapper .events .box .title h3 {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }
    .sub-wrapper .events .box .title h3 p {
        font-size: 15px;
        margin-top: 12px;
        font-weight: 500;
        color: #979797;
    }

    .sub-wrapper .events .box .content ul {
        margin-top: 20px;
    }
    .sub-wrapper .events .box .content ul li {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .sub-wrapper .events .box .content ul li span {
        background: #f4f4f4;
        padding: 7px 9px;
        line-height: 20px;
        min-width: auto;
        text-align: center;
        display: inline-block;
        height: auto;
        border-radius: 6px;
        margin-right: 0;
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 10px;

    }
    .sub-wrapper .events #al_05 .box {
        border-top: 1px #ddd solid;
        margin-top: 50px;
    }

    .sub-wrapper .events #al_05 .box.non-line {
        border: 0;
        margin: 0;
    }
    .sub-wrapper .events .tip {
        margin: 0;
        text-align: left;
        font-weight: 600;
        background: #f3f3f3;
        padding: 15px 20px;
        border-radius: 0.6em;

    }
    .sub-wrapper .events .tip.last {
        padding-bottom: 20px;

    }
    .sub-wrapper .events .tip::before {
        content: ' ';
        font-family: 'xeicon';
    }
    .sub-wrapper .events .box .content ul li::after {
        /* content: "· ";
    margin-right: 12px; */
    }
    /* .sub-wrapper .events .box .content ul ul.dubble {
     position: relative;
     display:block;
}
.sub-wrapper .events .box .content ul ul.dubble li {
    display:block;
} */

    .sub-wrapper .sponsor .wrap {}
    .sub-wrapper .sponsor h1 {
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px #000 solid;
        padding-bottom: 10px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .sub-wrapper .sponsor .wrap .box {
        border-bottom: 1px #ddd solid;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .sub-wrapper .sponsor .wrap .box.last {
        border: 0;
        padding-bottom: 20px;
    }
    .sub-wrapper .sponsor .wrap .bank h2,
    .sub-wrapper .sponsor .wrap .box h2 {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .sub-wrapper .sponsor .wrap .bank h2 span,
    .sub-wrapper .sponsor .wrap .box h2 span{
        padding-right: 7px;
    }
    .sub-wrapper .sponsor .wrap .box h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 25px;

    }
    .sub-wrapper .sponsor .wrap .box h3.mt {
        margin-top: 20px;
    }
    .sub-wrapper .sponsor .wrap .box ol {
        list-style-type: upper-alpha;
        margin-left: 20px;
    }
    .sub-wrapper .sponsor .wrap .box ul.dot {
        margin-left: 20px;
    }
    .sub-wrapper .sponsor .wrap .box ul.dot li {
        position: relative;
    }
    .sub-wrapper .sponsor .wrap .box ul.dot li::before {
        content: "· ";
    }

    .sub-wrapper .sponsor .wrap .box ol li,
    .sub-wrapper .sponsor .wrap .box ul li {
        padding-bottom: 6px;
    }
    .sub-wrapper .sponsor .wrap .box .text {
        padding-left: 0;
        padding-right: 0;
    }

    .sub-wrapper .sponsor .wrap .box a.mailto {
        /* background: #f2f8df; */
        color: #559a1c;
        /* padding: 6px 30px;
    border-radius: 3em; */
        font-weight: 500;
        position: relative;

    }
    .sub-wrapper .sponsor .wrap .box a.mailto::before {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #7eca40;
        content: '';
        margin-top: 26px;
        display: none;
    }
    .sub-wrapper .sponsor .wrap .bank {
        border: 1px #ddd solid;
        padding: 35px 40px;
        border-radius: 0.8em;
        margin-top: 30px;
    }

    .sub-wrapper .sponsor .wrap .bank dl {
        display: flex;
    }
    .sub-wrapper .sponsor .wrap .bank dl dt {
        width: 120px;
        font-weight: 500;
        padding-bottom: 6px;
    }
    .sub-wrapper section.spon {
        background: #fff;
        padding-top: 0;
        margin-top: 40px;
    }
    .sub-wrapper section.spon .pager_wrap {
        display: none;
    }
    .sub-wrapper section.spon .spon_slider {
        margin-top: 0;
    }
    .sub-wrapper section.spon h1 {
        font-size: 20px;
        font-weight: 800;
        font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
        text-transform: uppercase;
        border: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .sub-wrapper section.spon .slick-list {
        margin: 0 -3px;
    }
    .sub-wrapper section.spon .slick-slide {
        margin: 0 3px;
    }
    .sub-wrapper section.spon .slider {
        border: 1px #ddd solid;
        padding: 20px 15px;
        height: auto;
        min-height: 170px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .sub-wrapper .reg .flex {
        display: flex;
        flex-direction: column;
    }
    .sub-wrapper .reg .flex .text {
        width: 100%;
    }
    .sub-wrapper .reg .flex .registration-form {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .sub-wrapper .reg .flex .registration-form .form-group .flex {
        display: flex;
    }
    .sub-wrapper .reg .flex .text ul {
        margin-top: 30px;
    }
    .sub-wrapper .reg .flex .text ul li {
        font-family: 'Poppins', 'Noto Sans KR', sans-serif;
        font-weight: 500;
        margin-bottom: 6px;
    }
    .sub-wrapper .exh_fees .card-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;

    }
    .sub-wrapper .exh_fees .card-wrap .box {
        /* background: #f0fae2; */
        background: #f8f8f8;
        padding: 20px;
        border-radius: 0.67em;
        position: relative;
        border-left: 1px #ddd solid;
        border-right: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
    }
    .sub-wrapper .exh_fees .card-wrap .box h4 {
        font-size: 15px;
        background: #76c30a;
        color: #fff;
        padding: 9px 16px;
        font-weight: 600;
        border-radius: 0;
        display: inline-block;
        font-family: 'Poppins', 'Noto Sans KR', sans-serif;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        border-top-left-radius: 0.67em;
        border-top-right-radius: 0.67em;
    }
    .sub-wrapper .exh_fees .card-wrap .box .pay-flex {
        display: flex;
        flex-direction: column;
        margin-top: 18px;
        align-items: flex-start;
    }
    .sub-wrapper .exh_fees .card-wrap .box .pay-flex .left {
        width: 100%;
        font-weight: 600;
        font-size: 32px;
        font-family: 'Poppins', 'Noto Sans KR', sans-serif;
        padding-top: 30px;
    }
    .sub-wrapper .exh_fees .card-wrap .box .pay-flex .right {
        width: 100%;
        padding-left: 30px;
        background: url("../../libx/img/main/Early_icon.png");
        background-position: 0 20px;
        background-size: 20px;
        background-repeat: no-repeat;
        font-size: 16px;
        font-weight: 700;
        padding-top: 20px;

    }
    .sub-wrapper .exh_fees .card-wrap .box .pay-flex .right span.d {
        font-size: 15px;
        font-weight: 400;
        color: #76c30a;
        padding-left: 12px;

    }
    .sub-wrapper .exh_fees .card-wrap .box .pay-flex .right span.p {
        font-size: 24px;
        font-weight: 700;
        color: #76c30a;
        font-family: 'Poppins', 'Noto Sans KR', sans-serif;

    }
    .sub-wrapper .exh_fees .card-wrap .box .text {
        border-top: 1px #ddd solid;
        padding-top: 12px;
        margin-top: 20px;
        font-size: 13px;
        text-align: left;
    }
    .sub-wrapper .exh_fees .list-wrap {
        margin-top: 40px;
    }
    .sub-wrapper .exh_fees .list-wrap .box {
        margin-bottom: 30px;
    }
    .sub-wrapper .exh_fees .list-wrap .box h2 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 800;
        margin-bottom: 16px;
        padding-bottom: 14px;
        border-bottom: 1px #e2e2e2 solid;
        padding-left: 40px;
        background: url("../../libx/img/main/about_h1_logo.png");
        background-repeat: no-repeat;
        background-size: 30px;

    }
    .sub-wrapper .exh_fees .list-wrap .box .flex {
        display: flex;
        flex-direction: column;
        padding-top: 12px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .left {
        width: 100%;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right {
        width: 100%;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right h4 {
        font-weight: 600;
        font-size: 15px;
        padding-bottom: 16px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right h4::after {
        font-family: 'xeicon';
        content: " ";
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right h4::before {
        /* content: "- "; */
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .left ul li {
        padding-bottom: 6px;
        font-weight: 600;
        font-size: 15px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .left ul li ul li::before {
        content: "- ";
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right ul {
        list-style: none;
        counter-reset: alpha-counter;
        padding-left: 0;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right ul li {
        counter-increment: alpha-counter;
        position: relative;
        padding-left: 24px;
        margin-bottom: 8px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex .right ul li::before {
        content: counter(alpha-counter, upper-alpha) ". ";
        position: absolute;
        font-weight: 500;
        left: 0;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex.tour {
        border-bottom: 1px #ddd solid;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex.tour .title {
        width: 100%;
        background: url("../../libx/img/sub/events_sh.png");
        background-repeat: no-repeat;
        padding-left: 30px;
        padding-bottom: 0;
        background-size: 18px;
        background-position: 0 0;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex.tour .content {
        width: 100%;
        margin-top: 16px;
        padding-left: 5px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex.tour .title h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
    }

    .sub-wrapper .exh_fees .list-wrap .box .flex.tour .content ul li {
        padding-bottom: 6px;
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex.tour .content ul li::before {
        content: "· ";
    }
    .sub-wrapper .exh_fees .list-wrap .box .flex.tour .content .tip {
        margin-top: 20px;
        font-weight: 600;
    }

    .sub-wrapper .exh_fees .list-wrap .box.etc .text,
    .sub-wrapper .exh_fees .list-wrap .box.etc ul {
        background: #f2f2f2;
        padding: 20px;
        border-radius: 0.4em;
    }
    .sub-wrapper .exh_fees .list-wrap .box.etc h2 {
        border: 0;
        margin-bottom: 0;
    }
    .sub-wrapper .exh_fees .list-wrap .box.etc ul.a {
        list-style: none;
        counter-reset: alpha-counter;
    }
    .sub-wrapper .exh_fees .list-wrap .box.etc ul.a li {
        counter-increment: alpha-counter;
        position: relative;
        padding-left: 24px;
        margin-bottom: 20px;
    }
    .sub-wrapper .exh_fees .list-wrap .box.etc ul.a li::before {
        content: counter(alpha-counter, upper-alpha) ". ";
        position: absolute;
        font-weight: 500;
        left: 0;
    }

    .registration-form {
        /* max-width: 700px; */
        margin: 0 auto;
        padding: 0;
        /* background: #f9f9f9; */
        background: #fff;
        border-radius: 0;
        /* border: 1px solid #ddd; */
        border-top: 1px #ddd solid;
        padding-top: 30px;
    }

    .registration-form .form-group {
        margin-bottom: 20px;
    }

    .registration-form label {
        display: block;
        /* font-weight: bold; */
        margin-bottom: 5px;
        font-size: 15px;
    }
    .registration-form label.title {
        font-weight: 600;
    }
    .registration-form label span {
        font-weight: normal;
        font-size: 0.85em;
        color: #888;
        margin-left: 8px;
    }

    .registration-form input[type="text"],
    .registration-form input[type="email"],
    .registration-form input[type="file"],
    .registration-form select,
    .registration-form textarea {
        width: 100%;
        padding: 12px 14px;
        font-size: 15px;
        border: 1px solid #dbdee3;
        border-radius: 6px;
        box-sizing: border-box;
        transition: border 0.3s;
        background: #fff;
    }

    .registration-form input[readonly] {
        background: #eee;
        cursor: not-allowed;
    }

    .registration-form textarea {
        resize: vertical;
        min-height: 200px;
    }

    .registration-form .form-group input[type="checkbox"],
    .registration-form .form-group input[type="radio"] {
        margin-right: 6px;
    }

    .form-buttons {
        text-align: center;
        margin-top: 30px;
    }

    .form-buttons input {
        padding: 12px 35px;
        font-size: 16px;
        font-weight: 500;
        background: rgba(86, 188, 61, 1);
        border: none;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

    .form-buttons input[type="reset"] {
        background: #999;
    }

    .form-buttons input:hover {
        opacity: 0.9;
    }
}