.mobile-only {
    display: none;
}

.pc-only {
    display: block;
}

/* ½º¸¶Æ®Æù ¿ë */
@media screen and (max-device-width: 768px) {



    .showSchedule {
        display: none;
    }

    .pc-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    /*.side-menu {*/
    /*    display: block;*/
    /*    height: 100%;*/
    /*    width: 100%;*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: -800px;*/
    /*    background-color: #EA4D1D;*/
    /*    overflow-x: hidden;*/
    /*    transition: 0.3s;*/
    /*    padding-top: 0;*/
    /*    z-index: 1999;*/
    /*    color: #fff;*/
    /*}*/

    /*.side-menu-header {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    margin: 70px 20px 35px;*/
    /*}*/

    /*.side-menu-header .blank1 {*/
    /*    width: 32px;*/
    /*}*/

    /*.side-menu-header i {*/
    /*    width: 20px;*/
    /*    font-size: 20px;*/
    /*}*/

    /*.side-menu-sub {*/
    /*    margin-left: 55px;*/
    /*    font-size: 25px;*/
    /*    font-weight: 700;*/
    /*    height: 38px;*/
    /*    margin-top: 5px;*/
    /*    margin-bottom: 5px;*/
    /*}*/

    /*.side-menu .side-menu-wrap {*/
    /*    margin-left: 75px;*/
    /*}*/

    /*.side-menu ul {*/
    /*}*/

    /*.side-menu .side-menu-wrap li {*/
    /*    list-style: disc;*/
    /*    height: 37px;*/
    /*    font-size: 18px;*/
    /*    letter-spacing: 0;*/
    /*}*/

    /*.side-menu .side-menu-sub a {*/
    /*    color: #fff;*/
    /*}*/

    /*.side-menu .side-menu-wrap li a {*/
    /*    color: #fff;*/
    /*}*/

    .overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 1;
    }

    .main-vendor-img {
        display: none;
    }

    html, body {
        overflow-x: hidden;
        width: 100%;
        height: 100%;
        max-width: 100%;
        -webkit-text-size-adjust: 100%;

    }

    header {
        display: none;
    }

    .mobile-header {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 25px 0;
    }

    .mobile-header i {
        font-size: 26px;
        color: #67686B;
    }

    .main-content-1 {
        width: 100%;
        margin: 50px 0 0;
    }

    .main-content-1 h2 {
        font-size: 26px;
        font-weight: 700;
    }

    .main-content-1 h3 {
        font-size: 16px;
        font-weight: 400;
        width: 80%;
        margin: 10px auto;
    }

    .main-content-5 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .main-content-5 .class-box-wrap {
        width: 100%;
        padding: 0;
    }

    .main-content-5 .class-box-wrap .img-box {
        padding-left: 40px;
    }

    .main-content-5 .class-box-wrap .class-box {
        width: 100%;
        /*margin: 0 auto;*/
    }

    .main-content-5 .class-box-wrap .class-box .img-wrap {
        width: 100%;
        height: auto;
    }

    .main-content-5 .class-box-wrap .class-box .img-wrap img {
        width: 360px;
        height: auto;
    }

    .main-content-2 {
        width: 100%;
        margin-top: 20px;
    }

    .main-content-2 h2 {
        font-size: 26px;
        font-weight: 700;
        margin-top: 50px;
    }

    .main-content-2 h3 {
        font-size: 16px;
        font-weight: 400;
        width: 80%;
        margin: 10px auto;
    }

    .mobile-vendor-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        background: #e7e7e7;
        padding: 10px 0;
    }

    .mobile-vendor-list-wrap {
        display: block;
        width: 100%;
        padding: 20px 30px;
        background: #e7e7e7;
    }

    .mobile-vendor-list img {
        margin: 0;
    }

    .main-content-3 {
        width: 100%;
        margin: 50px 0 0;
    }

    .main-content-3 h2 {
        font-size: 26px;
        font-weight: 700;
    }

    .main-content-3 h3 {
        font-size: 16px;
        font-weight: 400;
        width: 80%;
        margin: 10px auto;
    }

    .main-content-3 .main-vendor-section {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .main-content-3 .main-vendor-section a {
        width: 50%;
    }

    .main-content-3 .main-vendor-section .vendor-info {
        padding: 10px 10px 30px 10px;
        width: 94%;
        height: auto;
        margin: 10px;
    }

    .main-content-3 .main-vendor-section .vendor-info h3 {
        margin: 0;
        font-size: 13px;
    }

    .main-content-3 .main-vendor-section .vendor-info div {

    }

    .main-content-3 .main-vendor-section .vendor-info div img {
        transform: scale(0.8);
    }

    .main-content-3 .main-vendor-section .vendor-info-hidden {
        width: 10px;
    }

    .main-content-4 {
        width: 94%;
        height: auto;
        border: 1px solid #ea4d1d;
        margin: 20px auto;
        padding: 50px 0;
    }

    .main-content-4 h3 {
        width: 70%;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 800;
        text-align: center;
    }

    .main-content-4 p {
        width: 70%;
        font-size: 16px;
    }

    .main-content-4 button {
        width: 280px;
        font-size: 20px;
        font-weight: 700;
        color: #ffffff;
        background: #EA4D1D;
    }

    .news-content-2 {
        margin-bottom: 0;
    }

    .news-content-3 {
        width: 430px !important;
        margin: 0 auto;
    }

    .news-content-3 .class-card {
        width: 390px !important;
        height: 600px !important;
        margin: 20px;
    }

    .news-content-3 .class-card div {
        width: 100%;
    }

    .news-content-3 .class-card .class-card-wrap .img-container {
        width: 340px;
        height: 360px;
        margin: 0 auto;
    }

    .news-content-3 .class-card h3 a {
        font-size: 18px;
    }

    .news-content-3 .class-card p {
        font-size: 16px;
        width: 90%;
    }

    .news-content-3 .class-card .card-bottom {
        margin-top: 100px;
        width: 100%;
    }

    .news-content-3 .class-card .card-bottom .views {
        text-align: left;
        font-size: 14px;
    }

    .news-content-3 .class-card .card-bottom .share {
        display: flex;
        justify-content: right;
        margin: 0 0;
    }

    .news-content-3 .class-card .card-bottom .share img {
        margin-right: 0;
    }

    .news-content-4 {
        width: 100%;
    }

    .news-view-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .news-view-wrap .part-left {
        display: none;
    }

    .news-view-wrap .part-right {
        width: 100%;
        margin: 0 auto;
    }

    .news-view-wrap .part-right .content-1 {
        margin: 30px 0 0 10px;
        font-size: 24px;
        font-weight: 700;
    }

    .news-view-wrap .part-right .title-bar {
        padding-top: 10px;
        display: block;
    }

    .news-view-wrap .part-right .title-bar .title {
        font-size: 20px;
    }

    .news-view-wrap .part-right .title-bar .views {
        width: 90%;
        display: flex;
        justify-content: space-between;
        margin: 10px auto;
    }

    .news-view-wrap .part-right .content-2 {
        width: 90%;
        height: auto;
        padding: 0;
        margin: 20px auto;
    }

    .news-view-wrap .part-right .content-3 {
        width: 90%;
        margin: 0 auto;
        color: #333;
    }

    .news-view-wrap .part-right .content-2 img {
        width: 100%;
        padding: 0;
    }

    .news-view-wrap .part-right .back-btn-bar {
        width: 90%;
        margin: 30px auto;
    }

    .news-views-list-wrap {
        display: none;
    }

    .train-content-3 .class-card {
        width: 390px !important;
        height: 380px !important;
        margin: 20px;
        padding: 10px 10px 30px !important;
    }

    .train-content-3 .class-card .card-part-1 {
        width: 300px;
        margin: 20px auto 0;
        font-size: 16px;
    }

    .train-content-3 .class-card .card-part-2 {
        width: 300px;
        height: 100px;
        margin: 0 auto;
        font-size: 20px;
    }

    .train-content-3 .class-card .card-part-3 {
        width: 300px;
        height: 120px;
        margin: 0 auto 20px;
        padding-bottom: 20px;
        font-size: 16px;
    }

    .train-content-3 .class-card .card-part-4 {
        width: 300px;
        margin: 10px auto;
    }

    .main-news-wrap .news-content-2 {
        padding-top: 0;
    }

    .main-upcoming-wrap .train-content-2 {
        padding-top: 0;
    }

    .train-content-3 {
        width: 100% !important;
    }

    .detail-content-1 {
        width: 100%;
        margin-top: 0;
    }

    .detail-content-1 .info-area {
        width: 100%;
        margin-left: 0;
    }

    .detail-content-1 .info-area .class-category {
        width: 100%;
        margin-top: 20px;
    }

    .detail-content-1 .info-area .desc-wrap {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .detail-content-1 .info-area .desc-wrap .part-left {
        width: 100%;
    }

    .detail-content-1 .info-area .desc-wrap .part-left img {
        width: 100%;
        margin: 0;
    }

    .detail-content-1 .info-area .desc-wrap .part-left .view-list {
        display: none;
    }

    .detail-content-1 .info-area .desc-wrap .part-left div {
        width: 100%;
    }

    .detail-content-1 .info-area .desc-wrap .part-right {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 20px auto;
        align-items: center;
    }

    .detail-content-1 .info-area .desc-wrap .part-right form {
        width: 85%;
    }

    .detail-content-1 .info-area .desc-wrap .part-right .class-title {
        width: 85%;
        padding: 0;
    }

    .detail-content-1 .info-area .desc-wrap .part-right .class-desc {
        width: 85%;
        padding: 20px 0;
    }

    .detail-content-1 .info-area .class-desc {
        width: 85%;
    }

    .detail-content-1 .info-area .desc-wrap .part-right .toggle-button-wrap {
        width: 100%;
    }

    .toggle-button {
        width: 100%;
    }

    .detail-content-1 .info-area .desc-wrap .part-right .class-price {
        width: 100%;
    }

    .detail-content-1 .info-area .desc-wrap .part-right select {
        width: 100%;
        border: 1px solid #c8c8c8;
        margin-bottom: 10px;
    }

    .detail-content-1 .info-area .desc-wrap .part-right .class-btn-area {
        width: 100%;
        padding-top: 20px;
    }

    .detail-content-1 .info-area .desc-wrap .part-right .class-btn-area .class-btn {
        width: 100%;
        color: #fff;
        background-color: #EA4D1D;
        padding-top: 10px;
    }

    .detail-content-2 {
        width: 100%;
        margin: 40px auto 0;
    }

    .detail-content-2 .class-content-area hr {
        width: 100%;
        margin-bottom: 0;
    }

    .detail-content-2 .class-content-area .line-2 {
        margin: 20px 0;
    }

    .detail-content-2 .class-content-area .line-2 .box-content-2 img {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

    .detail-content-2 .class-content-area .non-box-content-2 {
        width: 100%;
    }

    .detail-content-2 .class-content-area .non-box-content-2 img {
        width: 100%;
    }

    .detail-content-2 .class-content-area .non-box-content-2 h2 {
        width: 100%;
    }

    .detail-content-2 .class-content-area div .non-box-content-full {
        width: 100%;
        padding: 0;
    }

    .detail-content-2 .class-content-area .non-box-content-2 {
        padding-top: 40px;
        border: 0;
    }

    .top-blank {
        display: none;
    }

    .detail-content-2 .left-blank {
        display: none;
    }

    .detail-content-2 .class-content-area .line-2 {
        width: 100%;
    }

    .detail-content-2 .class-content-area hr {
        width: 100%;
    }

    .detail-content-2 .class-content-area .line-2 .box-content-2 {
        flex-direction: column;
        border: 0;
    }

    .detail-content-2 .class-content-area .line-2 .box-content-2 div {
        padding: 0;
    }

    .detail-content-2 .class-content-area .line-2 .box-content-2 div h2 {
        width: 85%;
        margin: 50px auto 0;
    }

    .detail-content-2 .class-content-area .line-2 .box-content-2 div p {
        width: 85%;
        margin: 0 auto;
    }

    .footer-wrap {
        display: none;
    }

    .mobile-footer-wrap {
        display: block;
        margin-top: 100px;
        padding-top: 50px;
        background: #063369;
        height: 480px;

    }

    .mobile-footer-wrap div p,
    .mobile-footer-wrap div p a {
        color: #fff;
        text-align: center;
        font-weight: 300;
        font-size: 13px;
        line-height: 200%;
    }

    .mobile-footer-wrap .logo-part {
        display: flex;
        justify-content: center;
        padding: 60px 0;
    }

    .mobile-footer-wrap .logo-part img {
        padding: 60px;
    }

    .mobile-footer-wrap .info .part-2 {
        margin-top: 50px;
    }

    .content-wrap-1 {
        width: 100%;
        margin: 20px auto;
    }

    .content-wrap-1 .list-content-1 {
        width: 90%;
        padding: 40px 20px 10px;
        font-size: 16px;
    }

    .content-wrap-1 .list-content-1 p {
        padding-top: 15px;
    }

    .content-wrap-1 .list-content-1 .partner-img {
        display: none;
    }

    .content-wrap-1 .list-content-2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .content-wrap-1 .list-content-2 a {
        all: unset;
        width: 90%;
    }

    .content-wrap-1 .list-content-2 .cate-wrap {
        width: auto;
        flex-grow: 1;
        margin: 10px;
    }

    .content-wrap-1 .list-content-2 .cate-wrap:hover {
        background-color: #173042;
        color: #fff;
    }

    .content-wrap-1 .list-content-2 .cate-wrap:hover .category {
        background-color: #173042;
        color: #fff;
        transform: translateX(0);
    }

    .content-wrap-1 .list-content-2 .cate-wrap:hover .eclipse-1 {
        transform: scale(1);
    }

    .content-wrap-2 {
        width: 90%;
        padding-top: 10px;
        margin: 0 auto;
    }

    .content-wrap-2 h2 {
        font-size: 20px;
    }

    .content-wrap-2 .title-wrap {
        width: 100%;

    }

    .content-wrap-2 .item-wrap {
        width: 100%;

    }

    .content-wrap-2 .item-wrap .item-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 30px;

    }

    .content-wrap-2 .item-wrap .item-box:hover {
        box-shadow: 3px 4px 12px 0 rgba(0, 0, 0, 0.24);
        transform: translateX(0);
    }


    .content-wrap-2 .item-wrap .item-box .pic {
        width: 100%;
        height: auto;
    }

    .content-wrap-2 .item-wrap .item-box .pic img {
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .content-wrap-2 .item-wrap .item-box .desc {
        padding: 20px 20px;
    }

    .content-wrap-2 .item-wrap .item-box .desc h3 {
        font-size: 20px;
    }

    .content-wrap-2 .item-wrap .item-box .desc p {
        padding-top: 10px;
        font-size: 16px;
    }

    .content-wrap-2 .item-wrap .item-box .etc {
        max-width: 100% !important;
        margin: 10px 20px;
        display: flex;
        justify-content: space-between; /* Á¿ì Á¤·Ä */
        align-items: end;
        padding: 0 0 20px 0;
        border: 0;
    }
    .content-wrap-2 .item-wrap .item-box .etc .etc-wrap {

    }

    /* ¿ÞÂÊ ±×·ì */
    .content-wrap-2 .item-wrap .item-box .etc .part-1,
    .content-wrap-2 .item-wrap .item-box .etc .part-2,
    .content-wrap-2 .item-wrap .item-box .etc .part-3 {
        display: flex;
        /*flex-direction: column;*/
        align-items: flex-start;
        gap: 5px;

    }

    /* ¿À¸¥ÂÊ Á¤·Ä (part-4¸¸) */
    .content-wrap-2 .item-wrap .item-box .etc .part-4 {
        margin-left: auto;
    }

    .grey-rectangle {
        display: none;
    }

    .contact-page-title {
        display: none;
    }

    .contact-content-1 {
        width: 100%;
        margin-top: 0px;
        background-color: #f7f7f7;
    }

    .contact-content-1 .content-part {
        width: 85%;
        margin: 0 auto;
    }

    .contact-content-1 .content-part h2 {
        margin: 0 auto;
    }

    .mobile-contact-title {
        display: block;
        padding-top: 30px;
        background-color: #f7f7f7;
        width: 100%;
        margin: 10px auto 0;
    }

    .mobile-contact-title h2 {
        font-size: 24px;
        font-weight: 700;
        width: 85%;
        margin: 20px auto 0;
    }

    .contact-content-1 .content-part h2 {
        font-size: 16px;
        font-weight: 400;
        color: #787878;
    }

    .contact-content-1 div .margin-top-70 {
        margin-top: 20px;
    }

    .contact-content-1 .content-part .path {
        flex-wrap: wrap;
    }

    .contact-content-1 .content-part .path .sub-title {
        white-space: nowrap;
    }

    .custom-radio {
        white-space: nowrap;
    }

    .width-140 {
        width: auto;
        padding-right: 10px;
    }

    .path .width-140:nth-child(4) {
        margin-left: 100px;
    }

    .contact-content-2 {
        width: 100%;
    }

    .contact-content-2 div:first-child {
        display: none;
    }
    .contact-content-2 div:nth-child(2) {
        width: 100%;
        margin: 0 auto;
        background-color: #EDEDED;
        padding: 60px 40px;
        height: auto;
        border-radius: 0;
    }

    .contact-content-3 {
        width: 100%;
    }

    .contact-content-3 div:first-child {
        display: none;
    }

    .contact-content-3 div:nth-child(2) {
        margin: 0 auto;
    }

    .news-page-title {
        display: none;
    }

    .news-content-1 {
        display: none;
        margin-top: 20px;
    }

    .news-content-2 {
        margin-top: 50px;
    }

    .news-content-2 .title {
        font-size: 24px;
        font-weight: 700;
    }

    .news-content-3 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .news-content-3 .class-card {
        width: 100%;
    }

    .auth-wrap {
    }

    .auth-wrap .auth-section-1 .close-btn {
        top: 30px;
        right: 30px;
    }

    .auth-section-2 {
        margin-top: 60px;
    }

    .auth-wrap .input-container {
        width:360px;
        margin: auto;
    }

    .auth-wrap .input-container:first-child {
        margin-top: 40px;
    }

    .auth-wrap .input-container:nth-child(2) {
        margin-top: 18px;
    }

    .auth-wrap .text-input {
        width: 360px;
        letter-spacing: 0;
    }

    .auth-wrap .long-btn {
        width: 360px;
    }

    .mobile-menu-bottom {
        height: 100px;
    }

    .signup-wrap {
        margin: 10px auto;
    }

    .signup-wrap .signup-section-1 .close-btn {
        top: 30px;
        right: 30px;
    }

    .signup-section-2 {
        margin-top: 60px;
    }

    .signup-wrap .input-container {
        width: 360px;
        margin: auto;
    }

    .signup-wrap .text-input {
        width: 360px;
        letter-spacing: 0;
    }

    .input-container .width-331 {
        width: 240px;
    }

    .margin-top-18 {
        margin-top: 18px !important;
    }

    .margin-top-40 {
        margin-top: 40px !important;
    }

    .signup-wrap .signup-ment-1 {
        width: 360px !important;
        margin: 10px auto 0;
    }

    .signup-wrap .input-wrap-with-btn {
        width: 360px !important;
        margin: 18px auto 0;
    }

    .signup-wrap .input-wrap-with-btn .signup-btn-gray {
        width: 160px !important;
        font-size: 16px;
    }

    .signup-wrap .signup-ment-2 {
        width: 360px !important;
        margin: 10px auto 18px;
    }

    .signup-wrap .agree-check {
        width: 360px;
        margin: 0 auto;
    }

    .signup-submit-btn {
        width: 360px;
    }

    .about-page-title {
        height: 270px;
        background-image: url('/v1/assets/images/mobile-about-page-title.png');
        background-size: 430px 270px !important;
        margin-top: 20px;
        align-items: start;
    }

    .about-page-title .page-title-text .sub-text {
        text-align: center;
        margin-top: 45px;
        font-size: 20px !important;
    }

    .about-page-title .page-title-text .main-text {
        text-align: center;
        font-size: 36px;
    }

    .about-section-1 {
        width: 100%;
        margin-top: 50px;
    }

    .about-section-1 .grey-rectangle {
        display: none;
    }

    .about-section-1 .text-box {
        width: 100%;
        margin: 0 auto;
    }

    .about-section-1 .text-box h2 {
        text-align: center;
        font-size: 28px;
    }

    .about-section-1 .text-box h3 {
        text-align: center;
        font-size: 24px;
        margin-top: 0;
    }

    .about-section-1 .text-box p {
        width: 85%;
        margin: 25px auto 0;
    }

    .about-section-2 {
        width: 100%;
        text-align: center;
        margin: 60px 0;
    }

    .about-section-2 img {
        width: 90%;
        height: auto;
        margin-bottom: 10px;
    }

    .about-section-3 {
        width: 100%;
        height: auto;
        margin-top: 50px;
    }

    .about-section-3 .text-box {
        width: 100%;
        margin: 0 auto;
    }

    .about-section-3 .text-box h2 {
        text-align: center;
        font-size: 28px;
    }

    .about-section-3 .text-box h3 {
        text-align: center;
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .about-section-3 .text-box p {
        width: 85%;
        height: auto;
        margin: 25px auto;
    }

    .about-section-4 {
        display: none;
    }

    .mobile-about-section-4 {
        display: block;
        text-align: center;
    }

    .about-section-5 {
        width: 100%;
        margin: 50px auto 0;
    }

    .about-section-5 .text-box {
        width: 100%;
        margin: 0 auto;
    }

    .about-section-5 .text-box h2 {
        text-align: center;
        font-size: 28px;
    }

    .about-section-5 .text-box h3 {
        text-align: center;
        font-size: 24px;
        margin-top: 0;
    }

    .about-section-5 .text-box p {
        width: 85% !important;
        height: auto !important;
        margin: 25px auto;
    }

    .about-section-6 {
        display: none;
    }

    .mobile-about-section-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .about-section-7 {
        width: 100%;
        margin: 80px auto 0;
    }

    .about-section-7 .text-box {
        width: 100%;
        margin: 0 auto;
    }

    .about-section-7 .text-box h2 {
        text-align: center;
        font-size: 28px;
    }

    .about-section-7 .text-box h3 {
        text-align: center;
        font-size: 24px;
        margin-top: 0;
    }

    .about-section-7 .text-box p {
        width: 85% !important;
        height: auto !important;
        margin: 25px auto;
    }

    .about-section-8,
    .about-section-9 {
        width: 100%;
        margin-top: 18px;
        justify-content: space-between;
        gap: 18px;
        flex-direction: column;
        align-items: center;
    }

    .greeting-page-title {
        height: 270px;
        background-image: url('/v1/assets/images/mobile-greeting-page-title.png');
        background-size: 430px 270px !important;
        margin-top: 20px;
        align-items: start;
    }

    .greeting-page-title .page-title-text .sub-text {
        text-align: center;
        margin-top: 45px;
        font-size: 20px !important;
    }

    .greeting-page-title .page-title-text .main-text {
        text-align: center;
        font-size: 36px;
    }

    .greeting-content-1 {
        width: 90%;
        margin: 50px auto;
        font-size: 28px;
        font-weight: 200;
    }

    .greeting-content-2 {
        width: 85%;
        margin: 0 auto;
        font-size: 16px;
    }

    .about-section-2 {
        display: none;
    }

    .mobile-about-section-2 {
        display: flex;
        flex-direction: column;
    }

    .about-section-1 .text-box h3 {
        width: 85%;
        margin: 0 auto;
        text-align: left;
    }

    .global-section-3 {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .global-section-3 .text-box h2 {
        padding: 0 0 30px 0;
        justify-content: center;
    }

    .global-section-3 .site-lists {
        margin: 30px auto 0;
        gap: 30px;
    }

    .global-section-3 .site-lists img {
        margin: 0 auto;
    }

    .location-wrap {
        width: 100%;
        padding-top: 50px;
    }

    .location-wrap h2 {
        font-size: 22px;
        font-weight: bold;
    }

    .location-wrap h3 {
        margin: 40px 0 0 20px;
        font-size: 25px;
    }

    .location-wrap h3 i {
        margin-right: 10px;
    }

    .location-wrap h4 {
        margin: 20px 0 0 30px;
        font-size: 18px;
        font-weight: 600;
    }

    .location-wrap p {
        margin: 18px 0 0 30px;
        width: 85%;
    }

    #map1, #map2 {
        width: 100%;
        height: 560px;
    }

    .mypage-wrap {
        margin: 20px auto 0;
        padding-top: 0;
        width: 100%;
    }

    .mypage-wrap h1 {
        padding: 40px 0 15px 30px;
        font-size: 24px;
    }

    .mypage-wrap h2 {
        padding: 40px 0 0 30px;
        font-size: 20px;
    }

    .mypage-wrap li {
        padding: 15px 0 0 30px;
        list-style: none;
        width: 95%;
        font-size: 14px;
    }

    .mypage-wrap .mobile-only {
        border-top: 1px solid #787878;
        margin-top: 30px;
    }

    .mypage-wrap .course-wrap,
    .mypage-wrap .inquiry-wrap{
        border-bottom: 1px solid #aaa;
        padding: 25px 0 25px 30px;
    }

    .mypage-wrap .course-wrap .course-data,
    .mypage-wrap .inquiry-wrap .inquiry-data{
        display: flex;
        justify-content: flex-start;
    }

    .mypage-wrap .course-wrap .course-data .left,
    .mypage-wrap .inquiry-wrap .inquiry-data .left{
        width: 100px;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .mypage-wrap .course-wrap .course-data .right,
    .mypage-wrap .inquiry-wrap .inquiry-data .right {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        letter-spacing: 0;
    }

    .mypage-wrap .inquiry-wrap .inquiry-content {
        font-size: 14px;
        line-height: 150%;
        width: 90%;
        margin-top: 10px;
    }

    .mypage-wrap .course-wrap-no-data,
    .mypage-wrap .inquiry-wrap-no-data{
        border-bottom: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 150px;
    }

    .mypage-wrap .course-wrap-no-data .no-data,
    .mypage-wrap .inquiry-wrap-no-data .no-data{
        color: #787878;
    }

    .mypage-wrap .course-wrap-no-data .no-data i,
    .mypage-wrap .inquiry-wrap-no-data .no-data i {
        margin-right: 10px;
    }

    .mypage-wrap h2.tpadding-200 {
        padding-top: 50px;
    }

    .enroll-page-title {
        margin: 60px 0 10px;
        padding-left: 30px;
        font-size: 22px;
        font-weight: 800;
    }

    .enroll-page-wrap {
        width: 100%;
        flex-direction: column;
    }

    .enroll-page-wrap .part-left {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0 0 20px;
    }

    .enroll-page-wrap .part-left .subtitle,
    .enroll-page-wrap .part-left .subtitle2 div:first-child {
        font-size: 20px;
        font-weight: 400;
    }

    .enroll-page-wrap .part-left table {
        width: 95%;
        margin-left: 0;
    }

    .enroll-page-wrap .part-left table th {
        width: 100px;
        vertical-align: top;
    }

    .enroll-page-wrap .part-left table td {
        width: 300px;
    }

    .enroll-page-wrap .part-left .select-area-1 {
        width: 95%;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .enroll-page-wrap .part-left .select-area-1 .width-200 {
        width: 150px;
    }

    .enroll-page-wrap .part-left .margin-top-100 {
        margin-top: 60px;
    }

    .enroll-page-wrap .part-left .select-wrap {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;

    }

    .enroll-page-wrap .part-left .select-wrap .select-area-3 input {
        border: 1px solid #aaa;
    }

    .enroll-page-wrap .part-left .select-wrap .select-area-4 {
        margin-left: 0;
    }

    .enroll-page-wrap .part-left .select-wrap .select-area-4 select {
        height: 0;
        border: 0;

    }

    .enroll-page-wrap .part-left .select-wrap .select-area-4 .applicant-list-preview {
        margin-top: 10px;
        padding: 10px;
        border: 1px solid #ddd;
        background-color: #f9f9f9;
        border-radius: 6px;
        font-size: 14px;
    }

    .enroll-page-wrap .part-left .select-wrap .select-area-4 .applicant-item {
        margin-bottom: 5px;
        padding: 4px 8px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
    }


    .enroll-page-wrap .part-left .select-wrap .select-area-4 input {
        margin-bottom: 20px;
    }

    .enroll-page-wrap .part-right {
        margin-top: 30px;
        width: 100%;
    }

    .enroll-page-wrap .part-right .input-container label input {
        width: 90%;
    }

    .enroll-submit-btn-area {
        width: 100%;
        margin-top: 30px;
    }

    .enroll-submit-btn-area .part-left {
        display: none;
    }

}