:root {
    --select-arrow-blue-color: brightness(0) saturate(100%) invert(3%) sepia(3%) saturate(104%) hue-rotate(314deg) brightness(89%) contrast(92%);
    --select-arrow-black-color: brightness(0) saturate(100%) invert(3%) sepia(3%) saturate(104%) hue-rotate(314deg) brightness(89%) contrast(92%);
}

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

    #brand-logo{
        margin-top: unset;
    }
    #brand-logo img{
        width: 108px;
        height: 20px;
    }
    #header{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 15px;
    }
    #header .header-buttons{
        margin-top: unset;
    }
    #header .header-buttons a,
    #header .header-buttons .menu-open-btn img {
        width: 60px;
        height: 60px;
    }

    #wrap.main #header-container{
        top: 25px;
    }
    #wrap.main .container{
        margin-top: 85px;
    }
    #wrap.mobile_view .container{
        margin-top: 0px;
    }

    .container{
        margin-top: 60px;
    }


    .pc {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .pc.table-cell {
        display: none !important;
    }
    .pc.inline {
        display: none !important;
    }
    #top-btn {
        /*display: none;*/
        right: 5%;
        bottom: 17%;
        width: 40px;
        height: 40px;
        font-size: 8px;
        gap: 4px;
    }
    #top-btn .icon-top{
        width: 6px;
        height: 6px;
    }

    #blog-btn{
        right: 5%;
        bottom: calc(7% + 50px);
        width: 40px;
        height: 40px;
        font-size: 8px;
        gap: 4px;
    }
    #kakao-chat-btn {
        /*display: none;*/
        width: 40px;
        height: 40px;
        right: 5%;
        bottom: calc(7% + 50px);
        background-color: #fae300;
        background-image: url('/images/icon-kakao.png');
        background-position: center;
        background-size: 30px 30px;
    }
    #header_banner {
        height: 25px;
    }
    #header_banner .banner_copy {
        font-size: 10px;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
        color: #fff;
    }
    #header {
        width: 100%;
        height: 60px;
    }
    #header .nav-section {
        height: 60px;
        padding: 0 0 0 15px;
    }
    #header .nav-section .logo-box {
        width: 108px;
        height: 20px;
    }
    #header .nav-section .logo-box img {
        width: 108px;
        height: 20px;
    }
    #header .nav-section .buttons .menu-open-btn {
        width: 60px;
        height: 60px;
        margin-right: 0;
    }
    #header .nav-section .buttons .menu-open-btn img {
        width: 60px;
        height: 60px;
    }
    .footer-wrapper {
        width: 100%;
        height: auto;
        padding: 25px 15px 0;
    }
    .board-section-wrap {
        padding: 45px 15px 46px;
        flex-direction: column;
    }
    .board-section-wrap .education-center-boards {
        width: 100%;
        margin: 0 15px;
    }
    .board-section-wrap .education-center-boards .title {
        width: 100%;
        height: 17px;
        font-size: 18px;
        font-weight: bold;
        line-height: 17px;
        color: #111;
        margin: 0 0 14px 0;
    }
    .board-section-wrap .education-center-boards .board-list-box {
        width: 100%;
        height: auto;
        padding: 12px 10px 30px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-header {
        justify-content: space-between;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-header a {
        font-size: 13px;
        font-weight: bold;
        line-height: 1.23;
        text-align: center;
        color: #bbb;
        width: calc(100% / 3 - 4px);
        border-bottom: 2.5px solid #cacaca;
        padding: 6px 0;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-header a div {
        font-size: 13px;
        font-weight: bold;
        line-height: 1.23;
        text-align: center;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-header a.active {
        font-weight: bold;
        line-height: 1.23;
        text-align: center;
        color: #363636;
        border-bottom: 2.5px solid #e25f70;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items {
        padding: 20px 9px 0 9px;
        justify-content: center;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item {
        width: calc(100% / 2 - 30px);
        margin-right: 30px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item:last-child {
        margin-right: 0;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item .thumbnail {
        width: 100%;
        height: unset;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item .thumbnail .thumbnail-img {
        width: 100%;
        height: 100%;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item .thumbnail .play-img {
        width: 30px;
        height: 30px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-item .thumbnail .board-slide-btn {
        width: 20px;
        height: 20px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-item .thumbnail .board-slide-btn.prev {
        left: -10px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-item .thumbnail .board-slide-btn.next {
        right: -10px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item .info {
        margin-top: 12px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item .info .license-name {
        font-size: 10px;
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 5px;
    }
    .board-section-wrap .education-center-boards .board-list-box .board-items .board-item .info .lecture-name {
        font-size: 13px;
        line-height: 1.23;
        color: #111;
    }
    #main-wrap {
        width: 100%;
    }

    .main-visual-slide-wrap.mobile {
        width: 100%;
        height: 180px;
        /*height: 420px;*/
    }

    .main-visual-slide-wrap.mobile .main-visual-banner {
        width: 100% !important;
        /*height: 420px;*/
        height: 180px;
    }

    .main-visual-slide-wrap.mobile .main-visual-banner .img {
        width: 100%;
        height: 420px;
        position: relative;
        display: inline-block;
        background-color: #000;
    }

    .main-visual-slide-wrap.mobile .swiper-button-prev.main-visual-prev {
        left: 0;
        width: 30px;
        height: 30px;
    }

    .main-visual-slide-wrap.mobile .swiper-button-prev.main-visual-prev::after {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url("/images/btn-pre2.png") no-repeat center center/cover;
        /*transform: rotate(180deg);*/
        /*background-size: 15px 30px;*/
    }

    .main-visual-slide-wrap.mobile .swiper-button-next.main-visual-next {
        right: 0;
        width: 30px;
        height: 30px;
    }

    .main-visual-slide-wrap.mobile .swiper-button-next.main-visual-next::after {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url("/images/btn-next2.png") no-repeat center center/cover;
    }
    .banner-nav-pagination{
        padding: 0;
    }

    .main-visual-slide-wrap.mobile .banner-nav.swiper-pagination-clickable.swiper-pagination-bullets {
        width: calc(100% - 30px);
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
        z-index: 20000;
    }

    .main-visual-slide-wrap.mobile .banner-nav a {
        /*width: calc(100% / 2 - 20px);*/
        /*height: 36px;*/
        width: unset;
        height: unset;
        line-height: 36px;
        box-sizing: border-box;
        display: inline-block;
        /*padding: 0;*/
        /*padding: 5px 20px;*/
        padding: 5px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        /*border-bottom: 3px solid #FFFFFF;*/
        opacity: 0.5;
        margin-right: 20px;
        text-align: center;
    }
    .main-visual-slide-wrap.mobile .banner-nav.swiper-pagination-clickable.swiper-pagination-bullets{
        display: flex !important;
    }


    .main-visual-slide-wrap.mobile .banner-nav a.active {
        opacity: 1;
        color: #fff;
        border-bottom: 3px solid #FFFFFF;
    }
    #footer_bar {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #d9d9d9;
        bottom: 264px;
    }
    .main-visual-slide-wrap.mobile .banner-nav a:last-child {
        margin-right: 0;
    }
    .main-visual-slide-wrap.mobile .main-visual-banner .copy-area {
        width: 100%;
        position: absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
    }
    .main-visual-slide-wrap.mobile .main-visual-banner .copy-area .sub-copy {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 0.93;
        text-align: center;
        color: #fff;
    }
    .main-visual-slide-wrap.mobile .main-visual-banner .copy-area .main-copy {
        font-size: 23px;
        font-weight: bold;
        line-height: 1.22;
        text-align: center;
        color: #fff;
    }
    .board-section-wrap .lecture-schedule-calendar {
        width: 100%;
    }
    .board-section-wrap .lecture-schedule-calendar .title-box {
        margin: 50px 0 0 0;
    }
    .board-section-wrap .lecture-schedule-calendar .title-box .title {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #111;
    }

    .lecture-schedule-calendar .view-more>div{
        font-size: 12px;
        line-height: 42px;
    }

    .board-section-wrap .lecture-schedule-calendar .title-box .plus-btn {
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 15px;
        margin-left: 10px;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box {
        width: 100%;
        height: 328px;
        margin: 10px 0 0;
        padding: 19px 10px 25px;
        border-radius: 5px;
        box-shadow: 0 0 8px 0 rgba(139, 139, 139, 0.21);
        background-color: #e25f70;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-list {
        width: 100%;
        height: calc(100% - 32px);
        overflow-y: scroll;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-header .schedule-data {
        font-size: 18px;
        line-height: 0.67;
        text-align: center;
        margin-right: 19px;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-header {
        height: 19px;
        margin-bottom: 13px;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-header a {
        width: 8px;
        height: 19px;
        margin-right: 19px;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-header a img {
        width: 8px;
        height: 19px;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-list .calendar-item {
        width: 100%;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-list .calendar-item .lecture-name {
        font-size: 12px;
        line-height: 1;
        margin-bottom: 0;
    }
    .board-section-wrap .lecture-schedule-calendar .calendar-box .calendar-list .calendar-item .lecture-period {
        font-size: 10px;
        font-weight: 300;
        line-height: 1.2;
    }
    .menu-list-tab-section {
        padding: 25px 15px 25px;
    }
    .menu-list-tab-section .tabs a {
        height: 40px;
        font-size: 13px;
        line-height: 40px;
    }
    .menu-list-tab-section .menu-items .menu-row {
        flex-wrap: wrap;
    }

    .menu-list-tab-section .menu-items .menu-row .menu {
        width: 50%;
        height: 63px;
        padding-left: 15%;
        /*line-height: 63px;*/
        font-size: 12px;
        font-weight: 600;
    }
    .menu-list-tab-section .menu-items .menu-row .menu::before {
        width: 24px;
        height: 23px;
        left: calc(18% - 15px);
    }
    .menu-list-tab-section .menu-items .menu-row .menu::after {
        right: 0;
        height: 20px;
    }

    .menu-list-tab-section .menu-items .menu-row .menu:nth-of-type(2)::after,
    .menu-list-tab-section .menu-items .menu-row .menu:nth-of-type(4)::after,
    .menu-list-tab-section .menu-items .menu-row .menu:nth-of-type(6)::after,
    .menu-list-tab-section .menu-items .menu-row .menu:nth-of-type(8)::after
    {
        border-right: none;
    }



    .faq-section.mobile {
        padding: 45px 15px;
    }
    .faq-section .faq-section-title {
        font-size: 18px;
        line-height: 1.33;
    }

    .faq-section.mobile .faq-section-title .more-btn {
        font-size: 14px;
        right: 0;
        top: 7px;
    }

    .faq-section.mobile .faq-items {
        display: block;
        width: 100%;
        /*height: 130px;*/
        margin: 22px 5px 25px;
        padding: 0;
        border-radius: 5px;
        border: none;
    }
    .faq-section.mobile .faq-plus-btn {
        width: 160px;
        height: 30px;
    }
    .faq-section.mobile .faq-plus-btn .plus-btn {
        font-size: 10px;
        line-height: 30px;
    }
    .faq-section.mobile .faq-items .faq-item {
        width: calc(100% - 20px);
        /*height: 130px;*/
        border-radius: 5px;
        padding: 25px 27px 28px;
        margin: 0;
        /*display: none;*/
        flex-direction: column;
        justify-content: space-between;
    }
    .faq-section.mobile .faq-items .faq-item.active {
        display: flex;
    }
    .faq-section.mobile .faq-items .faq-item-slide-btn {
        width: 20px;
        height: 20px;
    }
    .faq-section.mobile .faq-items .faq-item-slide-btn.prev {
        left: 5px;
    }
    .faq-section.mobile .faq-items .faq-item-slide-btn.next {
        right: 5px;
    }
    .faq-section.mobile .faq-items .faq-item .title {
        font-size: 13px;
        line-height: 1.38;
        /*margin-bottom: 20px;*/
    }
    .faq-section.mobile .faq-items .faq-item .contents {
        font-family: 'Nanum Gothic';
        font-size: 12px;
        line-height: 1.55;
    }

    .faq-section .faq-items .faq-item .contents {
        min-height: 340px;
    }
    .insta-section .insta-section-title {
        font-size: 18px;
        line-height: 1.33;
    }
    
    #footer .menu-section {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }
    #footer .menu-section .menus {
        display: flex !important;
        flex-wrap: wrap;
        margin-bottom: 40px;
        gap: 10px;
    }
    #footer .menu-section .menus .menu {
        /*margin-right: 28px;*/
        margin-right: 0;
        width: calc(33.33333% - 10px);
        align-items: center;
        text-align: center;
    }
    #footer .menu-section .menus .menu .title {
        font-size: 13px;
        line-height: 0.92;
        margin-bottom: 15px;
    }
    #footer .menu-section .menus .menu ul li a {
        font-size: 10px;
        line-height: 1.8;
    }
    #footer .menu-section .menus .menu ul.social li a img {
        width: 24px;
        height: 24px;
    }
    .footer-wrapper .address-section {
        width: 100%;
        height: 168px;
    }
    #footer.mobile .footer-wrapper:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0 56px;
        border-top: 1px solid #d9d9d9;
        height: 264px;
    }
    #footer.mobile .footer-wrapper .address-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 25px;
    }
    #footer .address-section p {
        font-size: 10px;
        line-height: 1.5;
        text-align: center;
        color: #111;
    }
    #footer .footer-wrapper .infos .logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 32px;
    }
    #footer .footer-wrapper .infos .logo h1 {
        font-size: 20px;
        font-weight: bold;
    }
    #footer .footer-wrapper .infos .logo span {
        font-size: 6px;
    }
    #footer .footer-wrapper .infos .info {
        font-size: 12px;
        text-align: center;
        color: #111;
    }

    #footer .footer-wrapper .infos .info .info-item{
        display: flex;
        align-items: flex-start;
        text-align: left;
    }

    #footer .footer-wrapper .infos .info span:first-child
    {
        width: 45px;
    }

    #footer .footer-wrapper .infos .info .email, #footer .footer-wrapper .infos .info .office {
        margin-bottom: 3px;
    }
    #footer .footer-wrapper .infos .info .title {
        font-weight: bold;
    }

    #footer .infos p,
    #footer .infos a
    {
        font-size: 10px;
        line-height: 1.5;
        text-align: center;
        color: #111;
    }

    #sub_nav_wrapper {
        height: 150px;
        background-size: cover;
    }
    #sub_nav_wrapper .mypage-title {
        font-size: 25px;
        font-weight: 500;
        line-height: 150px;
    }
    #sub_nav_wrapper .nav-wrapper {
        bottom: -20px;
        width: 100%;
        height: 40px;
        padding: 10px 0;
    }
    #sub_nav_wrapper .nav-wrapper .home-btn {
        width: 40px;
        height: 20px;
    }
    #sub_nav_wrapper .nav-wrapper .home-btn img {
        width: 12px;
        height: 12px;
    }
    #sub_nav_wrapper .nav-wrapper .nav_depth {
        width: 134px;
        height: 20px;
    }
    #sub_nav_wrapper .nav-wrapper .nav_depth:nth-of-type(2) {
        /*width: calc(100% - 129px - 40px);*/
    }
    /*#sub_nav_wrapper .nav-wrapper .nav_depth:last-child {
        width: calc(100% - 129px - 40px);
    }*/
    #sub_nav_wrapper .nav-wrapper .nav_depth .depth_title {
        height: 20px;
        font-size: 13px;
        line-height: 20px;
        padding: 0 13px;
    }
    #sub_nav_wrapper .nav-wrapper .nav_depth .nav_list {
        top: 30px;
        z-index: 20000;
    }
    #sub_nav_wrapper .nav-wrapper .nav_depth .nav_list .nav_item {
        height: 40px;
    }
    #sub_nav_wrapper .nav-wrapper .nav_depth .nav_list .nav_item a {
        line-height: 40px !important;
        padding: 0 0 0 10px;
        font-size: 13px;
    }
    #contents-wrap {
        width: 100%;
    }
    .intro-contents-wrapper {
        padding: 46px 0 86px;
    }
    .intro-contents-wrapper .section .contents-title {
        font-size: 25px;
        margin-bottom: 38px;
    }
    .intro-contents-wrapper .section .explanation {
        margin-bottom: 40px;
        padding: 0 26px;
    }
    .intro-contents-wrapper .section .explanation p {
        font-size: 15px;
        line-height: 1.33;
    }
    .intro-contents-wrapper .section .story-content-img-box {
        margin-top: 45px;
        flex-direction: column;
    }
    .intro-contents-wrapper .section {
        margin-bottom: 100px;
    }
    .intro-contents-wrapper .section.vision .contents-title {
        margin-bottom: 40px;
    }
    .intro-contents-wrapper .section .vision-list {
        padding: 0 15px;
    }
    .intro-contents-wrapper .section .vision-list .vision-item {
        flex-direction: column;
        height: 315px;
        margin-bottom: 50px;
        position: relative;
    }
    .intro-contents-wrapper .section .vision-list .vision-item:last-child {
        margin-bottom: 0;
    }
    .intro-contents-wrapper .section .vision-list .vision-item .thumbnail {
        width: 190px;
        height: 100px;
        position: absolute;
        top: 0;
        z-index: 1000;
    }
    .intro-contents-wrapper .section .vision-list .vision-item .thumbnail .vision-title {
        width: 130px;
        font-size: 16px;
        line-height: 1.44;
    }
    .intro-contents-wrapper .section .vision-list .vision-item .thumbnail img {
        width: 190px;
        height: 100px;
    }
    .intro-contents-wrapper .section .vision-list .vision-item .vision {
        width: 100%;
        height: auto;
        position: absolute;
        top: 70px;
        font-size: 15px;
        line-height: 1.33;
        padding: 59px 14px 32px;
        text-align: center;
    }
    .intro-contents-wrapper .section .talented-person {
        flex-direction: column;
        padding: 40px 35px 0;
    }
    .intro-contents-wrapper .section .talented-person .person-item {
        width: 100%;
        flex-direction: unset;
        margin: 0 0 30px 0;
    }
    .intro-contents-wrapper .section .talented-person .person-item:last-child {
        margin-bottom: 0;
    }
    .intro-contents-wrapper .section .talented-person .person-item .image-box {
        margin-right: 23px;
        width: 90px;
        height: 90px;
        margin-bottom: 0;
    }
    .intro-contents-wrapper .section .talented-person .person-item .shadow {
        width: 90px;
        height: 81px;
        top: 20px;
        left: -10px;
    }
    .intro-contents-wrapper .section .talented-person .person-item .image-box .icon {
        top: 20px;
        left: 25px;
    }
    .intro-contents-wrapper .section .talented-person .person-item .image-box .icon img {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .intro-contents-wrapper .section .talented-person .person-item .image-box .icon .talent {
        font-size: 12px;
    }
    .intro-contents-wrapper .section .talented-person .person-item .talent-copy-wrap {
        justify-content: center;
        align-items: flex-start;
    }
    .intro-contents-wrapper .section .talented-person .person-item .talent-copy-wrap .english-copy {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .intro-contents-wrapper .section .talented-person .person-item .talent-copy-wrap .korean-copy {
        font-size: 13px;
    }
    .intro-contents-wrapper .section .talented-person .person-item:nth-child(3) .shadow {
        top: -6px;
        left: 13px;
        right: -11px;
    }
    .intro-contents-wrapper .section .talented-person .person-item:nth-child(4) .shadow {
        top: 2px;
        left: 10px;
        right: -10px;
    }
    .intro-contents-wrapper .section.history .explanation {
        margin-bottom: 49px;
    }
    .intro-contents-wrapper .section .schedule-list-wrap {
        padding: 0 15px;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list {
        width: 100%;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item {
        width: 100%;
        margin-bottom: 45px;
        display: flex;
        flex-direction: column;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item:last-child {
        margin-bottom: 0;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .year {
        font-family: Roboto;
        font-size: 30px;
        font-weight: bold;
        color: #e25f70;
        margin-bottom: 10px;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .schedule {
        width: 100%;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list li {
        font-family: NotoSansKkr;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .schedule li {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #dedede;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .schedule li:last-child {
        border-bottom: none;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .schedule li .month {
        width: 58px;
        color: #7e7e7e;
        padding: 15px 0 15px 10px;
        line-height: 1.5;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .schedule li .contents {
        width: calc(100% - 58px);
        display: flex;
        flex-direction: column;
        padding: 15px 0;
    }
    .intro-contents-wrapper .section .schedule-list-wrap .year-list .year-item .schedule li .contents .content {
        width: 100%;
        color: #111;
        line-height: 1.5;
    }
    .intro-contents-wrapper .section .organization-box {
        margin: 0 auto;
        width: 250px;
        height: 559px;
    }
    .intro-contents-wrapper .section .organization-box img {
        width: 250px;
        height: 559px;
    }
    .intro-contents-wrapper .section .classroom-item {
        height: 244px;
        padding: 0 15px;
        border: none;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper .section .classroom-item .classroom .room-title {
        font-size: 16px;
        margin-bottom: 9px;
    }
    .intro-contents-wrapper .section .classroom-item .classroom .room-slide-wrap {
        width: 330px;
        height: 220px;
    }
    .intro-contents-wrapper .section .classroom-item .classroom .room-slide-wrap img {
        width: 330px;
        height: 220px;
    }
    .intro-contents-wrapper .section .classroom-item .title-bar {
        width: 25px;
        height: 2.5px;
        margin: 6px 12px 0 0;
    }
    .intro-contents-wrapper .section .classroom-item .classroom .room-slide-wrap .slide-btn {
        width: 30px;
        height: 30px;
    }
    .intro-contents-wrapper .section .classroom-item .classroom .room-slide-wrap .slide-btn.prev {
        left: 15px;
    }
    .intro-contents-wrapper .section .classroom-item .classroom .room-slide-wrap .slide-btn.next {
        right: 15px;
    }
    .intro-contents-wrapper.people {
        padding: 100px 15px 100px;
    }
    .intro-contents-wrapper.people h1.title {
        font-size: 25px;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people .instructor-list-row {
        flex-direction: column;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item {
        width: 100%;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item:last-child {
        margin-bottom: 0;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item .img {
        width: 120px;
        height: 120px;
        margin-bottom: 30px;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item .img img {
        width: 120px;
        height: 120px;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item .info {
        width: 100%;
        height: auto;
        border-radius: 5px;
        padding: 45px 12px 39px;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item .info ul li {
        font-size: 15px;
        line-height: 1.33;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item .name {
        width: 160px;
        height: 40px;
        top: -20px;
    }
    .intro-contents-wrapper.people .instructor-list-row .instructor-item .name span {
        font-size: 16px;
        line-height: 40px;
    }
    .intro-contents-wrapper.people.location {
        padding: 70px 15px 83px;
    }
    .intro-contents-wrapper.people.location h1.title {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .intro-contents-wrapper.people.location .school-select {
        width: 100%;
        text-align: center;
        height: 40px;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.location .school-select select {
        width: 100%;
        height: 40px;
        padding: 8px 15px;
        box-sizing: border-box;
        background-color: #d8d8d8;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .intro-contents-wrapper.people.location .school-select {
        position: relative;
    }

    .intro-contents-wrapper.people.location .school-select img {
        width: 6px;
        height: 3px;
        position: absolute;
        top: 45%;
        right: 15px;
        filter: var(--select-arrow-blue-color);
    }

    .intro-contents-wrapper.people.location .school-info-row {
        width: 100%;
        margin: 0;
        padding: 30px 0;
        border-bottom: 1px solid #dfdfdf;
        display: flex;
    }
    .intro-contents-wrapper.people.location .school-info-row .icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .intro-contents-wrapper.people.location .school-info-row .icon img {
        width: 18px;
        height: 16px;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info {
        width: 100%;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info .info-title {
        width: calc(100% - 40px);
        height: 30px;
        margin-bottom: 15px;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info .info-title span {
        font-size: 20px;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info .info-content li span {
        /*display: block;*/
        width: auto;
        margin-bottom: 2px;
        min-width: 66px;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info .info-content li {
        margin-bottom: 3px;
        font-size: 14px;
        word-break: keep-all;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info .info-content li:last-child {
        margin-bottom: 0;
    }
    .intro-contents-wrapper.people.license {
        padding: 70px 15px 134px;
    }

    .intro-contents-wrapper.people.license .license-info-table,.intro-contents-wrapper.people.license .license-info-table tr,.intro-contents-wrapper.people.license .license-info-table tbody ,.intro-contents-wrapper.people.license .license-info-table td {
        display:flex;
    }
    .intro-contents-wrapper.people.license .license-info-table thead{
        display:none;
    }

    .intro-contents-wrapper.people.license .license-info-table{
        border:0;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.license .license-info-table tbody{
        flex-direction: column;
        width:100%;
    }
    .intro-contents-wrapper.people.license .license-info-table tr{
        flex-direction: column;
        width:100%;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.license .license-info-table tr:last-child{
        margin-bottom: 0;
    }
    .intro-contents-wrapper.people.license .license-info-table td{
        border:0;
        font-size: 15px;
        padding: 5px 20px;
    }
    .intro-contents-wrapper.people.license .license-info-table td:nth-child(2){
        padding-top: 20px;
        border-top:1px solid #262626;
    }
    .intro-contents-wrapper.people.license .license-info-table td:nth-child(n+2){
        border-right:1px solid #d8d8d8;
        border-left:1px solid #d8d8d8;
        font-weight: bold;
    }
    .intro-contents-wrapper.people.license .license-info-table td:nth-child(n+2) span.mobile {
        margin-right: 5px;
    }
    .intro-contents-wrapper.people.license .license-info-table td:last-child{
        border-bottom:1px solid #d8d8d8;
        padding-bottom: 20px;
        font-weight: normal;
    }
    .intro-contents-wrapper.people.license .title {
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.license .license-info-table td:first-child {
        background-color: #fff;
        padding: 11px 0;
        font-size: 16px;
    }
    .intro-contents-wrapper.people.license .section h3.title {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .intro-contents-wrapper.people.license .section {
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.license .section ul {
        padding: 20px 15px;
    }
    .intro-contents-wrapper.people.license .section ul li {
        font-size: 15px;
        line-height: 1.67;
    }
    .intro-contents-wrapper.people.license .section h3.title {
        margin-bottom: 11px;
        font-size: 16px;
    }
    .intro-contents-wrapper.people.license .section ul {
        padding: 20px 13px;
    }
    .intro-contents-wrapper.people.license .section ul li {
        font-size: 15px;
        line-height: 1.67;
    }
    .intro-contents-wrapper.people.partnership {
        padding: 67px 15px 102px;
    }
    .intro-contents-wrapper.people.partnership .title {
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.partnership .section h3.title {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table,.intro-contents-wrapper.people.partnership .partnership-input-table tr,.intro-contents-wrapper.people.partnership .partnership-input-table tbody ,.intro-contents-wrapper.people.partnership .partnership-input-table td {
        display:flex;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table{
        border:0;
        border-top: 1px solid #262626;
        margin-bottom: 40px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table tbody{
        flex-direction: column;
        width:100%;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table tr{
        flex-direction: column;
        width:100%;
        height: auto;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table th {
        width:100%;
        background-color: #fff;
        padding: 15px 0 0 20px;
        font-size: 15px;
        border: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td {
        border: 0;
        padding: 10px 20px;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table tr:last-child td {
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 22px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td input[type=text] {
        width: 100%;
        font-size: 12px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap {
        width: 100%;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td input[type=text],
    .intro-contents-wrapper.people.partnership .partnership-input-table td select{
        min-width: unset;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .user_tel {
        width: calc( 33% - 16px);
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .company_tel {
        width: calc( 33% - 16px);
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td input[name="COMPANY_FAX[]"] {
        width: calc( 33% - 16px);
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap textarea {
        width: 100%;
        height: 90px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .byte-comment {
        right: 5px;
        bottom: 10px;
        font-size: 10px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .comment {
        font-size: 11px;
        position: absolute;
        bottom: 0;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .select-btn {
        width: 75px;
        font-size: 12px;
        margin: 0 0 0 6px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .attach_input {
        width: 220px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap.attach {
        height: 60px;
        align-items: flex-start;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap.column .email-row {
        margin-bottom: 11px;
        flex-direction: column;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap.column .comment {
        font-size: 11px;
        line-height: 1.5;
        position: relative;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap.column .email-row .email_input,.intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap.column .email-row #email_select {
        width: 100% !important;
        margin: 0 0 10px 0;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap.column .email-row .email_input:last-child {
        margin-bottom: 0;
    }

    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .radio-wrap label{
        display: flex;
        gap: 10px;
    }
    .intro-contents-wrapper.people.partnership .partnership-input-table td .inner-wrap .radio-wrap .label{
        font-size: 14px;
        gap: 5px;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category {
        width: 100%;
        display: flex;
        border-top: solid 1px #262626;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category thead {
        display: none;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category tbody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category tbody tr {
        display: flex;
        flex-direction: column;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category tbody td {
        display: flex;
    }

    .intro-contents-wrapper.people.partnership .buttons {
        height: 40px;
    }
    .intro-contents-wrapper.people.partnership .buttons .button {
        width: 160px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td {
        border: 0;
        padding: 12px 20px;
        font-size: 15px;
        text-align: left;
        display: flex;
        flex-direction: column;
        border-left: solid 1px #d8d8d8;
        border-right: solid 1px #d8d8d8;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td:last-child {
        border-bottom: solid 1px #d8d8d8;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td:last-child .mobile {
        margin-bottom: 9px;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td strong {
        font-weight: bold;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td span {
        margin: 10px 0 0 9px;
        line-height: 1.7;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td .inner-wrap {
        display: flex;
        flex-direction: unset;
        align-items: center;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td .inner-wrap .radio-wrap {
        margin: 0 33px 0 0;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td .inner-wrap .radio-wrap input[type=radio] {
        margin-right: 4px;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td .inner-wrap .radio-wrap .label {
        font-size: 14px;
    }
    .intro-contents-wrapper.people.partnership .info-agree-category td .radio-wrap span {
        margin: 0;
    }
    .intro-contents-wrapper.people.partnership .section.info-agree {
        margin-bottom: 25px;
    }
    .practice-room-wrapper.edu-process {
        /*padding: 0 15px 123px;*/
        padding: 50px 0 123px;
    }
    #contents-wrap .page-title, #contents-wrap .form-title {
        font-size: 26px;
        margin-top: 67px;
    }

    .practice-room-wrapper.edu-process .room-type-select {
        width: 100%;
        height: 40px;
        margin-top: 27px;
        padding: 0 15px;
    }
    .practice-room-wrapper.edu-process .room-type-select select {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        background-color: #d8d8d8;
        padding: 8px 11px;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .practice-room-wrapper.edu-process .room-type-select {
        position: relative;
    }

    .practice-room-wrapper.edu-process .room-type-select img{
        position: absolute;
        width: 6px;
        height: 3px;
        top: 18px;
        right: 30px;
        filter: var(--select-arrow-blue-color);
    }

    .practice-room-wrapper.edu-process .thumbnail-list-wrapper {
        width: 100%;
        border-top: 1px solid #262626;
        margin: 40px 0 25px;
    }
    .practice-room-wrapper.edu-process .thumbnail-list-wrapper .thumbnail-item-row .thumbnail {
        display: none;
    }
    .practice-room-wrapper.edu-process .thumbnail-list-wrapper .thumbnail-item-row {
        height: 118px;
        padding: 20px 9px;
    }
    .practice-room-wrapper.edu-process .thumbnail-list-wrapper .thumbnail-item-row .data {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0;
    }
    .practice-room-wrapper.edu-process .thumbnail-list-wrapper .thumbnail-item-row .data .info {
        font-size: 12px;
        line-height: 1.5;
        flex-wrap: wrap;
    }
    .practice-room-wrapper.edu-process .thumbnail-list-wrapper .thumbnail-item-row .data .title {
        font-size: 15px;
        line-height: 1.33;
    }
    .practice-room-wrapper .pagination {
        margin-bottom: 75px;
    }
    .line {
        /*left: calc(-50vw + 192px);*/
        width: 100%;
        left: 0;
    }
    .practice-room-wrapper.edu-process .curriculum-explanation-section {
        padding-top: 60px;
    }
    .practice-room-wrapper.edu-process .curriculum-explanation-section .title {
        font-size: 20px;
        margin-bottom: 29px;
    }
    .practice-room-wrapper.edu-process .curriculum-explanation-section .sub-title {
        font-size: 15px;
        margin-bottom: 29px;
    }
    .practice-room-wrapper.edu-process .curriculum-explanation-section .text {
        font-size: 15px;
        line-height: 1.4;
    }
    .practice-room-wrapper.edu-process .curriculum-explanation-section .explanation-box {
        padding: 30px 12px 0 20px;
        margin: 51px 0 40px;
    }
    .curriculum-explanation-section .explanation-box .info .icon-box {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .curriculum-explanation-section .explanation-box .info.major-curriculum .icon-box img {
        width: 11px;
        height: 12px;
    }
    .curriculum-explanation-section .explanation-box .info.other-info .icon-box img {
        width: 13px;
        height: 12px;
    }
    .curriculum-explanation-section .explanation-box .info.major-curriculum {
        padding-bottom: 40px;
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text {
        width: calc(100% - 40px);
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text .head-title {
        font-size: 16px;
        margin: 8px 0 20px;
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text .title-text {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text ul li {
        font-size: 15px;
        line-height: 1.33;
    }
    .curriculum-explanation-section .explanation-box .info.other-info {
        padding: 40px 0 38px;
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text table tr {
        height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text table tr:last-child {
        margin-bottom: 0;
    }
    .curriculum-explanation-section .explanation-box .info .curriculum-text table th {
        font-size: 15px;
        width: 100%;
        margin-bottom: 10px;
    }
    .practice-room-wrapper.edu-process .curriculum-explanation-section .explanation-box .info {
        width: 100%;
    }
    .curriculum-explanation-section .explanation-box .curriculum-image-slide-wrap {
        height: 300px;
    }
    .curriculum-explanation-section .explanation-box .curriculum-image-slide-wrap .slide-btn {
        width: 30px;
        height: 30px;
    }
    .curriculum-explanation-section .explanation-box .curriculum-image-slide-wrap .slide-btn.prev {
        left: 15px;
    }
    .curriculum-explanation-section .explanation-box .curriculum-image-slide-wrap .slide-btn.next {
        right: 15px;
    }
    .curriculum-images-wrap{
        padding: 10px 5px;
        gap: 10px;
    }
    .curriculum-images-wrap .image-item{
        width: calc(33.33333% - 10px);
    }

    .practice-room-wrapper.edu-process .button {
        margin-top: 30px;
        height: 40px;
    }
    .practice-room-wrapper.edu-process .button .self-diagnosis-test {
        width: 200px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    #diagnosis-test-form-header {
        width: 100%;
        height: 56px;
        border: 1px solid #d8d8d8;
        display: flex !important;
        align-items: center;
        padding: 12px 15px;
        position: relative;
    }
    #diagnosis-test-form-header .pre-icon {
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    #diagnosis-test-form-header .header-title {
        font-size: 16px;
        font-weight: bold;
        color: #4e4e4e;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #diagnosis-test-form-wrap .test-explanation {
        font-size: 16px;
        line-height: 1.44;
        margin-bottom: 28px;
        padding: 0 44px;
    }
    #diagnosis-test-form-wrap {
        width: 100%;
        padding: 50px 0 127px;
        margin: 0 auto;
    }
    #diagnosis-test-form-wrap .comment {
        font-size: 12px;
        text-align: center;
        line-height: 1.5;
        margin-bottom: 40px;
    }
    #diagnosis-test-form-wrap .section {
        padding: 0 15px;
    }
    #diagnosis-test-form-wrap .section.info .section-title {
        margin-top: 30px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    #diagnosis-test-form-wrap .section .info-input-table {
        width: 100%;
        border-top: 1px solid #262626;
        display: flex;
    }
    #diagnosis-test-form-wrap .section .info-input-table tbody {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #diagnosis-test-form-wrap .section .info-input-table tr {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    #diagnosis-test-form-wrap .section .info-input-table th {
        display: flex;
        width: 100%;
        padding: 20px 15px 0;
        background-color: #fff;
        border: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
    #diagnosis-test-form-wrap .section .info-input-table td{
        display: flex;
        width: 100%;
        padding: 10px 15px;
        border: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
    #diagnosis-test-form-wrap .section .info-input-table td .radio-wrap {
        margin-right: 22px;
    }
    #diagnosis-test-form-wrap .section .info-input-table tr:last-child td{
        padding-bottom: 30px;
        border-bottom: 1px solid #d8d8d8;
    }
    #diagnosis-test-form-wrap .section .info-input-table td input[type=text], #diagnosis-test-form-wrap .section .info-input-table td select {
        width: 100%;
        font-size: 12px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    #diagnosis-test-form-wrap .section .info-input-table .country_select {
        position: relative;
    }

    #diagnosis-test-form-wrap .section .info-input-table .country_select img {
        position: absolute;
        width: 6px;
        height: 3px;
        top: 28px;
        right: 30px;
        filter: var(--select-arrow-black-color);
    }

    #diagnosis-test-form-wrap .section.agree .section-title {
        margin-top: 50px;
        font-size: 16px;
        margin-bottom: 11px;
    }

    #diagnosis-test-form-wrap .section .section-box {
        width: 100%;
        height: 292px;
        padding: 16px 20px 38px;
        border: solid 1px #d0d0d0;
        border-top: 1px solid #262626;
        background-color: #fff;
        overflow-y: auto;
        font-size: 15px;
        line-height: 1.67;
        margin-bottom: 15px;
    }
    #diagnosis-test-form-wrap .section .check-wrap .comment {
        vertical-align: super;
        font-size: 14px;
    }
    #diagnosis-test-form-wrap .section.agree {
        margin-bottom: 27px;
    }
    #diagnosis-test-form-wrap .button {
        padding: 0 15px;
        width: 100%;
        height: 40px;
    }
    #diagnosis-test-form-wrap .button .go-test-btn {
        width: 100%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .custom-input-radio input[type=radio] + span:before {
        width: 11px;
        height: 11px;
        margin-right: 6px;
        background-size: contain;
    }
    .custom-input-radio input[type=radio] + span {
        font-size: 12px;
    }
    #diagnosis-test-form-wrap .section .info-input-table td .contact-certify-row .send-btn {
        width: 100%;
        border-radius: 2.5px;
        font-size: 12px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #diagnosis-test-form-wrap .section .info-input-table td .contact-certify-row {
        width: 100%;
        flex-direction: column;
    }
    #diagnosis-test-form-wrap .section .info-input-table td .contact-certify-row > input[type=text] {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    #diagnosis-test-form-wrap .section .info-input-table td .contact-certify-row .certify-num-input-area{
        width: 100%;
        justify-content: space-between;
    }
    #diagnosis-test-form-wrap .section .info-input-table td .contact-certify-row .certify-num-input-area > input[type=text] {
        width: 70%;
    }
    #diagnosis-test-form-wrap .section .info-input-table td .contact-certify-row .certify-num-input-area .certify-btn {
        width: 30%;
        border-radius: 2.5px;
        font-size: 12px;
    }
    #diagnosis-test-form-wrap .question-section {
        padding-top: 30px;
        justify-content: center;
    }
    #diagnosis-test-form-wrap .question-section .section.question-sheet {
        width: 100%;
        border-top: 0;
    }
    .question-section .section.question-sheet .image-box {
        border-top: 1px solid #262626;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 19px;
        height: 227px;
    }
/*    .question-section .section.question-sheet .image-box img {
        width: 190px;
        height: 205px;
    }*/

    #diagnosis-test-form-wrap .question-section .section.answer-sheet {
        display: none;
    }
    .question-section .section.question-sheet .question {
        font-size: 16px;
        line-height: 1.44;
    }
    .question-section .section.question-sheet .example {
        padding-left: 0;
    }
    .question-section .section.question-sheet .example li {
        border-radius: 2.5px;
        font-size: 15px;
        padding-left: 10px;
    }
    .board-list-wrapper.community {
        padding: 80px 0 103px;
    }
    .qna-list .qna-item .question-contents {
        margin-left: 35px;
    }
    .board-list-wrapper .board-title {
        font-size: 25px;
        top: 72px;
        white-space: nowrap;
    }
    .board-list-wrapper.community.seminar .table-header {
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 20px;
        align-items: flex-start;
        padding-bottom: 20px;
        border-bottom: 1px solid #262626;
    }
    .board-list-wrapper.community.seminar .table-header .count {
        position: relative;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .board-list-wrapper.community .table-header .count span {
        font-size: 12px;
    }
    .board-list-wrapper.community.seminar .table-header .button {
        width: 100%;
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
    }
    .board-list-wrapper.community.seminar .table-header .button .online-lecture-btn {
        width: 100%;
    }
    .board-list-wrapper.community .board-table {
        border-top: 0;
        width: 100%;
        margin-bottom: 30px;
    }
    .board-list-wrapper.community .board-table thead {
        display: none;
    }
    .board-list-wrapper.community .board-table tbody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .board-list-wrapper.community .board-table tr {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 10px;
    }
    .board-list-wrapper.community .board-table tr:last-child {
        margin-bottom: 0;
    }
    .board-list-wrapper.community .board-table th {
        width: 100%;
        display: flex;
        border: 0;

    }
    .board-list-wrapper.community .board-table td {
        width: 100%;
        display: flex;
        border: 0;
    }
    .board-list-wrapper.community .board-table td.title-row {
        border-top: 1px solid #d0d0d0;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        padding: 14px 10px;
    }
    .board-list-wrapper.community .board-table td:nth-child(1) {
        display: none;
    }
    .board-list-wrapper.community .board-table td:nth-child(2) {
        display: none;
    }
    .board-list-wrapper.community .board-table td:nth-child(4) {
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        padding: 0 10px 21px;
        font-family: 'Nanum Gothic';
        font-size: 12px;
        line-height: 1.5;
        color: #000;
        display: flex;
        align-items: center;
    }
    .board-list-wrapper.community .board-table td:nth-child(4) span {
        margin-right: 13px;
    }
    .board-list-wrapper.community .board-table td:nth-child(4) .icon-container {
        display: flex;
        align-items: center;
    }
    .board-list-wrapper.community .board-table td:nth-child(4) .icon-container img {
        width: 15px;
        height: 14px;
        margin-right: 10px;
    }
    .board-list-wrapper.community .board-table td:nth-child(4) .icon-container img:last-child {
        margin-right: 0;
    }
    .board-list-wrapper.community .board-table td:nth-child(5) {
        display: none;
    }

    .board-list-wrapper.community .board-table th:last-child, .board-list-wrapper.community .board-table td:last-child{
        display: none;
    }
    
    .board-list-wrapper.community .board-table colgroup {
        display: none;
    }
    .board-list-wrapper.community .board-table td.title-row .title-box .icon-container {
        display: none;
    }

    .board-list-wrapper.community .board-table td.title-row .title-box .title {
        margin-right: 0;
        font-family: 'Nanum Gothic';
        font-size: 15px;
        font-weight: bold;
        line-height: 1.33;
        color: #000;
    }

    .board-list-wrapper.community .board-table tr.notice-row td.title-row .title-box .title{
        color:#276291;
    }

    .board-list-wrapper.community .pagination {
        padding: 0 45px;
    }
    .pagination a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }
    .pagination a img {
        width: 30px;
        height: 30px;
    }
    .board-list-wrapper.community .search-form {
        width: 100%;
        height: 80px;
        padding: 20px 15px;
    }
/*    .board-list-wrapper.community .search-form .input-row select {
        width: 90px;
    }*/
    .board-list-wrapper.community .search-form .input-row select, .board-list-wrapper.community .search-form .input-row input[type=text] {
        font-size: 12px;
    }
    .board-list-wrapper.community .search-form .input-row input[type=text] {
        /*width: 150px;*/
        width: 100%;
    }
    .board-list-wrapper.community .search-form .input-row .search-btn {
        min-width: 70px;
        font-size: 14px;
    }
    .board-view-wrapper .board-title{
        display:none;
    }
    .board-view-wrapper  h1 + .content-button-wrap{
        display:none;
    }
    .board-view-wrapper{
        padding-top:0;
        padding-bottom: 0;
    }

    .board-view-wrapper .view-data-wrap{
        border:0;
        padding: 20px 15px 0;
        margin: 0;
    }
    .board-view-wrapper .view-data-wrap .title-section .title{
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #111;
        margin-bottom:24px;
    }
    .board-view-wrapper .view-data-wrap .title-section .data{
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #474747;
    }
    .board-view-wrapper .view-data-wrap .file-list-section{
        width:calc(100% + 30px);
        position:relative;
        left:-15px;
        margin-top:20px;
        padding:15px 15px;
        height:auto;
        font-family: 'Nanum Gothic';
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        text-align: left;
        color: #474747;
    }
    .board-view-wrapper .view-data-wrap .file-list-section .file-icon{
        display: none;

    }
    .board-view-wrapper .view-data-wrap .file-list-section .file-list li a .size{
        font-weight:normal;
    }
    .board-view-wrapper .view-data-wrap .comment-section {
        width: calc(100% + 30px);
        position:relative;
        left:-15px;
        margin: 0;
        padding: 0;
    }
    .board-view-wrapper .view-data-wrap .comment-section .title {
        display: none;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item {
        padding: 20px 15px 20px;
    }
    .board-view-wrapper .view-data-wrap .contents {
        width: calc(100% + 30px);
        position:relative;
        left:-15px;
        padding: 54px 30px 58px;
    }
    .board-view-wrapper .view-data-wrap .comment-write-section {
        display: none;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .contents-row .icon {
        display: none;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .contents-row .contents {
        width: 100%;
        padding: 0;
        left: 0;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #484848;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .data-row {
        display: flex;
        align-items: center;
        /*flex-direction: column;*/
        height: auto;
        margin-bottom: 5px;
        gap: 5px;
        flex-wrap: wrap;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .data-row .writer {
        font-family: 'Nanum Gothic';
        font-size: 12px;
        font-weight: bold;
        color: #111;
        margin-right: 0;
        margin-bottom: 0;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .data-row .write-date {
        font-size: 9px;
        font-weight: normal;
        color: #727272;
        margin-right: 0;
        margin-bottom: 0;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .data-row .buttons{
        gap: 0;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .buttons {
        /*width: 100%;*/
        display: flex;
        height: 20px;
        /*margin-top:10px;*/
        margin-top: 0;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .buttons .answer-btn {
        width: 40px;
        height: 20px;
        border: solid 1px #d0d0d0;
        background-color: #fff;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
        color: #111;
        margin-right: 5px;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item.answer {
        padding: 20px 15px 20px;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item.answer .writer {
        display: flex;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item.answer .data-row .icon {
        width: 12px;
        height: 11px;
        margin-right: 9px;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item.answer .data-row .write-date {
        padding-left: 0;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item.answer .contents-row .contents {
        padding: 0 0 0 21px;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .buttons .delete-btn {
        width: 40px;
        height: 20px;
        border: solid 1px #d0d0d0;
        background-color: #fff;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
        color: #111;
    }

    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item .buttons .comment-btn
    {
        width: 60px;
        height: 20px;
        border: solid 1px #d0d0d0;
        background-color: #fff;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
        color: #111;
    }
    .board-view-wrapper .view-data-wrap .comment-section .comment-list .comment-item.answer .buttons {
        padding-left: 21px;
    }
    .board-view-wrapper .content-button-wrap {
        height: 75px;
        padding: 17px 15px;
        box-shadow: 1px 0 20px 0 rgba(91, 91, 91, 0.15);
    }
    .board-view-wrapper > .buttons {
        padding: 20px 15px 56px;
        width: 100%;
        height: 116px;
    }
    .board-view-wrapper > .buttons .write-btn {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: solid 1px #111;
        background-color: #e25f70;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
        display: inline-block;
    }
    .board-view-header {
        width: 100%;
        height: 56px;
        border: 1px solid #d8d8d8;
        display: flex !important;
        align-items: center;
        padding: 12px 15px;
        position: relative;
    }
    .board-view-header .pre-icon {
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    .board-view-header .header-title {
        font-size: 16px;
        font-weight: bold;
        color: #4e4e4e;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .board-view-wrapper .comment-write-section {
        padding: 0 15px 41px;
    }
    .board-view-wrapper .comment-write-section .input-row {
        display: flex;
        flex-direction: column;
        padding: 25px 0 0;
    }
    .board-view-wrapper .comment-write-section .input-row label {
        font-family: 'Nanum Gothic';
        font-size: 15px;
        font-weight: bold;
        color: #111;
        margin-bottom: 10px;
    }
    .board-view-wrapper .comment-write-section .input-row label:last-child {
        margin-bottom: 0;
    }
    .board-view-wrapper .comment-write-section .input-row input[type=text],
    .board-view-wrapper .comment-write-section .input-row input[type=password],
    .board-view-wrapper .comment-write-section .input-row select {
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        border: solid 1px #d8d8d8;
        background-color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        color: #747474;
        margin-bottom: 10px;
    }
    .board-view-wrapper .comment-write-section .input-row input[type=text]:last-child,
    .board-view-wrapper .comment-write-section .input-row select:last-child {
        margin-bottom: 0;
    }
    .custom-input-checkbox input[type=checkbox] + span:before {
        width: 16px;
        height: 16px;
        background-size: contain;
    }
    .custom-input-checkbox input[type=checkbox] + span {
        font-size: 12px;
    }
    .board-view-wrapper .comment-write-section .input-row .captcha-row {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        gap: 5px;
        /*justify-content: space-between;*/
    }
    .board-view-wrapper .comment-write-section .input-row .captcha-row .captcha-img {
        width: 90px;
        height: 30px;
        /*margin-right: 102px;*/
    }
    .board-view-wrapper .comment-write-section .input-row .captcha-row a,
    .board-view-wrapper .comment-write-section .input-row .captcha-row button
    {
        /*width: 90px;*/
        height: auto;
        border: solid 1px #d8d8d8;
        background-color: #f2f2f2;
        /* display: inline-block; */
        font-family: 'Nanum Gothic';
        font-size: 10px;
        font-weight: bold;
        /* line-height: 30px; */
        text-align: center;
        color: #484848;
        padding: 10px 5px;
        white-space: nowrap;
    }
    .board-view-wrapper .comment-write-section .input-row .captcha-row .voice-btn {
        /*margin-right: 10px;*/
    }
    .board-view-wrapper .comment-write-section .input-row .comment {
        font-family: 'Nanum Gothic';
        font-size: 10px;
        line-height: 1.2;
        color: #de3c0a;
        /*margin-top: 10px;*/
    }
    .board-view-wrapper .comment-write-section .input-row textarea {
        width: 100%;
        height: 150px;
        border: solid 1px #d8d8d8;
        background-color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        color: #484848;
        resize: none;
    }
    .board-view-wrapper .comment-write-section .button-row {
        width: 100%;
        height: 40px;
        margin-top: 20px;
    }
    .board-view-wrapper .comment-write-section .button-row .submit-btn {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: solid 1px #111;
        background-color: #e25f70;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }



    .board-view-wrapper .buttons .write-btn {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        background-color: #e25f70;
        border:none;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
        display: inline-block;
    }
    .popup-box.comment-delete-pop {
        width: calc(100% - 60px);
        height: auto;
        padding: 19px 16px 48px;
    }
    .popup-box .popup-header .popup-title {
        font-size: 18px;
    }
    .popup-box .popup-header .popup-close {
        /*width: 20px;
        height: 20px;*/
    }
    .popup-box.comment-delete-pop .popup-contents {
        padding-top: 30px;
    }
    .popup-box.comment-delete-pop .popup-contents .explanation span.point {
        font-size: 15px;
        line-height: 2.08;
    }
    .popup-box.comment-delete-pop .popup-contents .explanation span {
        font-size: 12px;
        line-height: 1.5;
    }
    .popup-box.comment-delete-pop .popup-contents .explanation {
        margin-bottom: 20px;
    }
    .popup-box.comment-delete-pop .popup-contents .password-input-box {
        width: 100%;
        height: 60px;
        padding: 15px 20px;
    }
    .popup-box.comment-delete-pop .popup-contents .password-input-box .input-wrap .label {
        display: none;
    }
    .popup-box.comment-delete-pop .popup-contents .password-input-box .input-wrap input[type=text],
    .popup-box.comment-delete-pop .popup-contents .password-input-box .input-wrap input[type=password]
    {
        font-size: 12px;
        width: calc(100% - 80px);
        height: 30px;
        padding: 6px 8px;
    }
    .popup-box.comment-delete-pop .popup-contents .password-input-box .input-wrap .check-btn {
        width: 70px;
        height: 30px;
        font-size: 10px;
        line-height: 30px;
    }
    .board-view-wrapper .comment-write-section .inner-wrap {
        margin: 50px 0 15px;
        padding: 0 15px 30px;
        border-top: 1px solid #262626;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
    }
    .board-view-wrapper.write-form > .buttons {
        padding: 17px 15px;
        width: 100%;
        height: 75px;
        box-shadow: 1px 0 20px 0 rgba(91, 91, 91, 0.15);
    }

    .seminar-input-wrap{
        width: calc(100% - 30px);
        margin: 40px 15px 15px;
    }

    #seminar-form-wrap {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #seminar-form-wrap .seminar-form-table {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #262626;
        /*border-bottom: 1px solid #262626;*/
        margin: 0;
    }
    #seminar-form-wrap .seminar-form-table tbody{
        display: flex;
        flex-direction: column;
    }
    #seminar-form-wrap .seminar-form-table tr:first-child{
        padding-top: 20px;
    }
    #seminar-form-wrap .seminar-form-table tr:last-child{
        padding-bottom: 20px;
    }
    #seminar-form-wrap .seminar-form-table tr {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        padding: 10px 15px;
        height: auto;
        gap: 10px;
    }

    #seminar-form-wrap .seminar-form-table th {
        width: 100%;
        background-color: #fff;
        border: 0;
        padding-left: 0;
        font-size: 15px;
    }
    #seminar-form-wrap .seminar-form-table td {
        width: 100%;
        border: 0;
        padding: 0;
    }
    #seminar-form-wrap .seminar-form-table td input[type=text] {
        width: 100%;
    }
    #seminar-form-wrap .seminar-form-table td .time-select-wrap {
        width: 100%;
        margin-bottom: 15px;
    }
    #seminar-form-wrap .button {
        width: 100%;
        padding: 0 15px;
    }
    #seminar-form-wrap .check-wrap {
        height: auto;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
        margin: 0;
        gap: 0;
    }
    #seminar-form-wrap .check-wrap .custom-input-checkbox {
        margin-bottom: 10px;
    }
    #seminar-form-wrap .check-wrap .custom-input-checkbox:last-child {
        margin-bottom: 0;
    }

    #seminar-form-wrap .check-wrap .custom-input-checkbox .checkbox{
        white-space: nowrap;

    }
    #seminar-form-wrap .seminar-form-table td .time-select-wrap .date-time-list li {
        border-radius: 2.5px;
    }
    #seminar-form-wrap .seminar-form-table td .time-select-wrap .date-time-list li a {
        font-size: 15px;
        font-weight: normal;
    }
    #seminar-form-wrap .seminar-form-table td .comment-wrap p {
        font-size: 12px;
        line-height: 1.25;
        margin-bottom: 10px;
    }
    #seminar-form-wrap .seminar-form-table td .comment-wrap p:last-child {
        margin-bottom: 0;
    }
    #seminar-form-wrap .seminar-form-table td .route-select-wrap{
        width: 100%;
    }
    #seminar-form-wrap .seminar-form-table td .route-select-wrap .route-list li a {
        font-size: 15px;
        font-weight: normal;
    }
    #seminar-form-wrap .button {
        height: 75px;
        padding-top: 0;
        box-shadow: 1px 0 20px 0 rgba(91, 91, 91, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #seminar-form-wrap .button .submit-btn {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: solid 1px #111;
        background-color: #e25f70;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

    #seminar-form-wrap .seminar-form-table td .route-select-wrap .route-list li .select-btn{
        font-size: 15px;
        font-weight: unset;
    }
    .content-buttons .apply-seminar-btn{
        width: 100%;
    }
    /*#seminar-form-wrap {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #seminar-form-wrap .seminar-form-table {
        width: 100%;
        margin: 40px 15px 0;
        border-top: 1px solid #262626;
    }
    #seminar-form-wrap .seminar-form-table tbody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #seminar-form-wrap .seminar-form-table tr {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    #seminar-form-wrap .seminar-form-table tr:last-child td {
        padding-bottom: 32px;
        border-bottom: 1px solid #d8d8d8;
    }
    #seminar-form-wrap .seminar-form-table th {
        display: flex;
        width: 100%;
        background-color: #fff;
        border: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        padding: 20px 15px 10px;
    }
    #seminar-form-wrap .seminar-form-table td {
        display: flex;
        width: 100%;
        border: 0;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        padding: 0 15px 5px;
        flex-direction: column;
    }
    #seminar-form-wrap .seminar-form-table td input[type=text] {
        width: 100%;
    }
    #seminar-form-wrap .seminar-form-table td .time-select-wrap {
        width: 100%;
        margin-bottom: 15px;
    }
    #seminar-form-wrap .button {
        width: 100%;
    }
    #seminar-form-wrap .check-wrap {
        height: auto;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 15px 45px;
        margin: 0;
    }
    #seminar-form-wrap .check-wrap .point {
        color: #f00;
        margin: 0 5px;
    }
    #seminar-form-wrap .check-wrap .custom-input-checkbox {
        margin-bottom: 10px;
    }
    #seminar-form-wrap .check-wrap .custom-input-checkbox:last-child {
        margin-bottom: 0;
    }
    #seminar-form-wrap .seminar-form-table td .time-select-wrap .date-time-list li {
        border-radius: 2.5px;
    }
    #seminar-form-wrap .seminar-form-table td .time-select-wrap .date-time-list li a {
        font-size: 15px;
        font-weight: normal;
    }
    #seminar-form-wrap .seminar-form-table td .comment-wrap p {
        font-size: 12px;
        line-height: 1.25;
        margin-bottom: 10px;
    }
    #seminar-form-wrap .seminar-form-table td .comment-wrap p:last-child {
        margin-bottom: 0;
    }
    #seminar-form-wrap .seminar-form-table td .route-select-wrap .route-list li a {
        font-size: 15px;
        font-weight: normal;
    }
    #seminar-form-wrap .button {
        height: 75px;
        padding-top: 0;
        box-shadow: 1px 0 20px 0 rgba(91, 91, 91, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #seminar-form-wrap .button .submit-btn {
        width: 330px;
        height: 40px;
        border-radius: 5px;
        border: solid 1px #111;
        background-color: #e25f70;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }*/
    .board-list-wrapper.community.training {
        padding: 150px 0 145px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table {
        border-top: 1px solid #262626;
        border-bottom: 0;
        margin-bottom: 40px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr:first-child td {
        padding-top: 20px;
    }

    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap {
        flex-wrap: wrap;
        gap: 20px;
    }

    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item {
        width: calc(100% / 2 - 10px);
        height: auto;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .thumbnail {
        width: 100%;
        height: auto;
        margin-bottom: 9px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .title {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .price-wrap {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .price-wrap .writer {
        margin-bottom: 20px;
        line-height: 1;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .price-wrap .price {
        font-size: 20px;
        line-height: 1;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap {
        width: 100%;
        height: auto;
        padding: 14px 30px;
        flex-direction: column;
        gap: 10px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap .people-count {
        font-size: 13px;
        line-height: 0.92;
        margin-right: 0;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap .people-icon {
        width: 24px;
        height: 12px;
        margin-right: 8px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap .count {
        margin-bottom: 10px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap .star-mark li {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr:first-child {
        height: auto;
    }
    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap .star-mark {
        width: 100%;
        height: 15px;
        justify-content: center;
    }
    .calendar-wrapper {
        padding: 40px 0 152px;
    }

    .calendar-wrapper .calendar-header {
        display: flex !important;
        justify-content: center;
        margin-bottom: 20px;
    }
    .calendar-wrapper .calendar-header.pc {
        display: none !important;
    }
    .calendar-wrapper .calendar-header .date-title {
        margin: 0 20px;
        font-size: 20px;
        font-weight: bold;
        color: #000;
    }
    .calendar-wrapper .calendar-header .btn {
        width: 20px;
        height: 20px;
        border: solid 0.5px #d0d0d0;
        background-color: #797979;
        padding: 0;
        line-height: 1;
        border-radius: 0;
        transition: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .calendar-wrapper .calendar-header .btn img {
        width: 5px;
        height: 8px;
    }
    .calendar-wrapper #calendar {
        border-top: 1px solid #262626;
        border-bottom: 1px solid #d0d0d0;
        margin-bottom: 40px;
    }
    .calendar-wrapper #calendar thead tr {
        background-color: #fff;
    }
    .calendar-wrapper #calendar th, .calendar-wrapper #calendar td {
        border: 0;
    }
    .practice-room-wrapper.calendar-wrapper #calendar tbody td {
        height: 50px;
    }
    .calendar-wrapper #calendar tbody td {
        height: auto;
        padding: 10px 0;
    }
    .calendar-wrapper #calendar tbody td .day-box .lecture {
        display: none;
    }
    .calendar-wrapper #calendar tbody td.active.blue {
        background-color: #fff;
    }
    .calendar-wrapper #calendar tbody td.active.red {
        background-color: #fff;
    }
    .calendar-wrapper #calendar tbody td .day-box {
        font-size: 12px;
        text-align: center;
        flex-direction: row;
        align-items: center;
        height: 30px;
    }
    .calendar-wrapper #calendar tbody td.active .day-box {

        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    .calendar-wrapper #calendar tbody td.active .day-box .day {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-family: 'Nanum Gothic';
        font-size: 12px;
        text-align: center;
        margin-bottom: 0;
        line-height: 30px;
        color: #fff;
    }
    .calendar-wrapper #calendar tbody td.active.blue .day-box .day {
        background-color: #5a70a9;
    }
    .calendar-wrapper #calendar tbody td.active.red .day-box .day {
        background-color: #e25f70;
    }
    .calendar-wrapper #calendar thead th {
        padding: 20px 0;
        font-family: 'Nanum Gothic';
        height: auto;
    }
    .calendar-wrapper #calendar tbody td .day-box .day {
        width: 100%;
        font-size: 12px;
        text-align: center;
        margin-bottom: 0;
    }
    .calendar-wrapper #calendar tbody tr:last-child td {
        padding-top: 10px;
        padding-bottom: 35px;
    }
    .calendar-wrapper .category-select {
        width: 100%;
        padding: 0 15px;
        height: 40px;
        margin-bottom: 28px;
        display: flex;
        gap: 5px;
    }
    .calendar-wrapper .category-select select {
        width: 100%;
        height: 40px;
        padding: 6px 10px;
        border: solid 1px #d8d8d8;
        background-color: #fff;
        font-size: 18px;
        font-weight: bold;
        color: #000;
        box-sizing: border-box;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .calendar-wrapper .lecture-period-table {
        border-top: 0;
    }
    .calendar-wrapper .lecture-period-table tbody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .calendar-wrapper .lecture-period-table tr {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        border-bottom: 0;
    }
    .calendar-wrapper .lecture-period-table tr:first-child th {
        padding-top: 0;
    }
    .calendar-wrapper .lecture-period-table tr th {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        text-align: left;
        padding: 30px 15px 0;
        border-right: 0;
    }
    .calendar-wrapper .lecture-period-table tr td {
        width: 100%;
        padding: 10px 15px 0;
    }
    /*.calendar-wrapper .lecture-period-table tr td .periods li {
        display: flex;
        flex-direction: column;
    }*/
    .practice-room-wrapper {
        padding: 0 15px 99px;
    }
    .practice-room-wrapper .room-type-select {
        width: 100%;
        height: 40px;
        margin-top: 27px;
        position: relative;
    }

    .practice-room-wrapper .room-type-select img {
        width: 6px;
        height: 3px;
        position: absolute;
        top: 50%;
        right: 15px;
        filter: var(--select-arrow-blue-color);
    }

    .practice-room-wrapper .room-type-select select {
        width: 100%;
        height: 40px;
        background-color: #d8d8d8;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        box-sizing: border-box;
        padding: 6px 15px;
        border: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .practice-room-wrapper .room-select-area {
        margin: 30px 0 40px;
        border-bottom: 0;
    }
    .practice-room-wrapper .room-select-area.mobile {
        margin: 30px 0 30px;
    }
    .practice-room-wrapper .room-select-area .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .practice-room-wrapper .room-select-area .practice-rooms-tabs.mobile {
        display: flex !important;
        justify-content: left;
        height: auto;
        /*height: 40px;*/
        /*margin-bottom: 10px;*/
        gap: 10px;
        flex-wrap: wrap;
    }
    .practice-room-wrapper .room-select-area .practice-rooms-tabs .room-item {
        width: calc(100% / 2 - 10px);
        line-height: 40px;
        font-size: 15px;
    }

    .practice-room-wrapper .room-select-area .practice-rooms-tabs.mobile .room-item {
        border-right: 1px solid #d0d0d0;
    }

    .board-list-wrapper.community .table-header {
        padding-bottom: 7px;
        border-bottom: 1px solid #262626;
        margin-bottom: 20px;
    }
    .board-list-wrapper.community .button {
        margin: 30px 0 25px;
        width: 100%;
        text-align: center;
    }
    .board-list-wrapper.community .thumbnail-list-table {
        width: 100%;
    }
    .board-list-wrapper.community .thumbnail-list-table .protect-wrap {
        width: calc(100% / 2 - 20px);;
        height: auto;
        /*height: 233px;*/
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .board-list-wrapper.community .thumbnail-list-table .protect-wrap .thumbnail-item {
        /*width: calc(100% / 2 - 20px);*/
        height: 100%;
    }
    .board-list-wrapper.community .thumbnail-list-table .protect-wrap .thumbnail-item .thumbnail {
        width: 100%;
        /*height: 115px;*/
        height: auto;
        border: solid 1px #dadada;
        margin-bottom: 15px;
    }
    .thumbnail-list-table .protect-wrap .thumbnail-item .thumbnail img {
        width: 100%;
        height: 115px;
    }
    .board-list-wrapper.community .thumbnail-list-table .protect-wrap .thumbnail-item .title-box {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .thumbnail-list-table .protect-wrap .thumbnail-item .title-box .title {
        font-size: 15px;
        margin-right: 0;
        line-height: 1.33;
    }
    .thumbnail-list-table .protect-wrap .thumbnail-item .hit {
        display: flex;
        align-items: center;
    }
    .thumbnail-list-table .protect-wrap .thumbnail-item .hit .new-icon {
        width: 14px;
        height: 14px;
        margin-left: 10px;
    }
    .board-list-wrapper.community .thumbnail-list-table tr {
        height: auto;
    }
    .application-form-wrapper {
        padding: 10px 15px 129px;
    }
    .application-form-wrapper .application-title {
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        color: #111;
        margin-bottom: 30px;
    }
    .application-form-wrapper .script-box {
        padding: 10px 25px;
        border-top: 1px solid #262626;
    }
    .application-form-wrapper .script-box img {
        width: 100%;
    }
    .application-form-wrapper .application-select {
        width: 100%;
        height: 40px;
        margin-bottom: 30px;
    }
    .application-form-wrapper .application-select select {
        width: 100%;
        height: 40px;
        background-color: #d8d8d8;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        box-sizing: border-box;
        padding: 6px 10px;
        border: 0;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .application-form-wrapper .application-sub-title {
        font-size: 16px;
        margin-bottom: 11px;
        margin-top: 30px;
    }
    .config-row {
        margin-top: 40px;
    }
    .config-row .script-box {
        margin-bottom: 15px;
    }
    .application-form-wrapper .custom-input-checkbox input[type=checkbox] + span {
        font-size: 14px;
    }
    .application-form-wrapper .button-box {
        margin-top: 50px;
    }
    .application-form-table {
        border-top: solid 1px #262626;
    }
    .application-form-table tbody {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .application-form-table tr {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .application-form-table tr:last-child td {
        border-bottom: solid 1px #d8d8d8;
    }
    .application-form-table tr:last-child td:last-child {
        padding-bottom: 40px;
    }
    .application-form-table th {
        width: 100%;
        display: flex;
        border: 0;
        border-left: solid 1px #d8d8d8;
        border-right: solid 1px #d8d8d8;
        padding: 20px 15px 0;
        font-size: 15px;
    }
    .application-form-table td {
        width: 100%;
        display: flex;
        border: 0;
        border-left: solid 1px #d8d8d8;
        border-right: solid 1px #d8d8d8;
        padding: 10px 15px 5px;
    }
    .application-form-wrapper.detail .button-box {
        margin-top: 40px;
    }
    .application-form-wrapper .button-box a {
        width: 160px;
        height: 40px;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: 600;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }
    .application-form-table td .check-btn {
        border-radius: 2.5px;
        font-size: 12px;
        margin-left: 10px;
    }
    .my-information-wrap .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .my-information-wrap .information-area li{
        float: unset;
        width: 100%;
    }

    #test-result-wrap {
        width: 100%;
        padding: 50px 30px;
    }
    .result-text-wrap{
        margin: 38px 0;
        font-size: 16px;
    }
    .result-text-line{
        line-height: 1.56;
    }
    .result-chart-wrap{
        margin: 0;
        gap: 24px;
    }
    .result-chart-wrap .chart-item .title {
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        color: #111;
        margin-bottom: 10px;
    }
    .result-chart-wrap .chart-item{
        font-size: 24px;
        width: 100%;
        padding: 20px;
    }
    .my-information-wrap .information-area {
        padding: 0 15px;
        background-color: #fff;
        border-top: 1px solid #262626;
    }
    .information-area ul li:before{
        width: 3px;
        height: 3px;
    }
    .my-information-wrap .information-area li{
        padding-left: 15px;
    }

    .instructor-item .teacher-img{
        width: 100%;
        margin-bottom: 0;
        border-radius: 50%;
    }
    .video-pop{
        width: 100%;
        padding: 15px;
    }
    .video-pop .popup-contents.video-wrapper{
        width: 100%;
        /*height: auto;*/
    }



    .board-tab-menu{
        width: 100%;
    }
    .board-list-wrapper .board-top-buttons{
        text-align: center;
    }
    .board-list-wrapper .write-btn{
        width: 100%;
    }
    .board-menu-select{
        width: 100%;
        height: 40px;
        margin: 10px 0;
    }
    .board-menu-select.board-select-arrow {
        position: relative;
    }

    .board-menu-select.board-select-arrow img{
        position: absolute;
        width: 6px;
        height: 3px;
        top: 45%;
        right: 15px;
        filter: var(--select-arrow-blue-color);
    }

    .qna-list .qna-item{
        padding: 15px;
    }
    .qna-list .qna-item {
        justify-content: flex-start;
        gap: 15px;
    }
    .qna-list .qna-item .question {
        height: auto;
    }
    .qna-list .qna-item .question .qna-icon{
        min-width: 25px;
        width: 25px;
        height: 25px;
    }
    .qna-list .qna-item .answer .qna-icon {
        width: 25px;
        height: 25px;
    }
    .qna-list .qna-item .question a{
        min-width: 20px;
        margin-left: 10px;
    }

    .qna-list .qna-item .qna-title{
        font-size: 14px;
        margin: 0 auto 0 10px;
    }
    .intro-contents-wrapper .section.vision .vision-content p {
        line-height: 1.44;
    }
    .qna-list .qna-item .qna-arrow{
        width: 15px;
        height: 11px;
    }
    .board-list-wrapper .board-bottom-buttons {
        margin-top: 30px;
    }
    .board-menu-select select{
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        background-color: #d8d8d8;
        padding: 8px 11px;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .board-list-wrapper .more-btn{

        padding: unset;
        width: 80%;
        height: 55px;
    }
    .board-list-wrapper.portfolio {
        padding: 10px 15px 113px;
    }
    .board-list-wrapper.portfolio .doc-type-select {
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
    }
    .board-list-wrapper.portfolio .doc-type-select select {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        background-color: #d8d8d8;
        padding: 8px 11px;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        border: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    #contents-wrap .board-list-wrapper.portfolio .page-title {
        margin: 0 0 30px;
        font-size: 25px;
    }
    .board-list-wrapper.portfolio .board-table {
        margin-top: 20px;
        border-top: 1px solid #262626;
    }
    .board-list-wrapper.portfolio .board-table thead {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table colgroup {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table tbody {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .board-list-wrapper.portfolio .board-table tbody tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding: 20px 15px;
        border-radius: 10px;
        border: solid 1px #d8d8d8;
    }
    .board-list-wrapper.portfolio .board-table tbody td {
        text-align: left;
        border: none;
        line-height: 1;
    }
    .board-list-wrapper.portfolio .board-table tbody td:first-child {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table tbody td:last-child {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table tbody tr:first-child {
        margin-top: 20px;
    }
    .board-list-wrapper.portfolio .board-table tbody tr:last-child {
        margin-bottom: 0;
    }
    .board-list-wrapper.portfolio .board-table tbody tr:nth-child(2n) {
        background-color: #fff;
    }
    .board-list-wrapper.portfolio .board-table tbody td:nth-child(2) {
        font-size: 15px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    .board-list-wrapper.portfolio .board-table tbody td:nth-child(4) {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table tbody td:nth-child(5) {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table tbody td:nth-child(6) {
        display: none;
    }
    .board-list-wrapper.portfolio .board-table tbody td .reg-date {
        margin-bottom: 20px;
    }
    .board-list-wrapper.portfolio .board-table tbody td .check-btn-wrap {
        width: 100%;
        height: 65px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }
    .board-list-wrapper.portfolio .board-table tbody td .check-btn {
        /*width: calc(100% / 3 - 15px);*/
        width: 100%;
        height: 65px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        cursor: pointer;
    }
    .board-list-wrapper.portfolio .board-table tbody td .check-btn strong {
        font-size: 15px;
        font-weight: bold;
        line-height: 1;
        /*color: #000;*/
        margin-bottom: 10px;
    }
    .board-list-wrapper.portfolio .board-table tbody td .check-btn span {
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        /*color: #111;*/
    }

    #contents-wrap .board-list-wrapper.resume_list .buttons{
        margin: 20px 0 ;
    }

    #contents-wrap .board-list-wrapper.resume_list .buttons .write-btn{
        width: 100%;
    }


    .board-list-wrapper.resume_list .board-table tbody td:nth-child(2) {
        padding-left: 0;
    }
    .board-list-wrapper.resume_list .board-table tbody td:nth-child(2) {
        margin-bottom: 10px;
    }
    .board-list-wrapper.resume_list .board-table tbody td .date-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 20px 0;
    }
    .board-list-wrapper.resume_list .board-table tbody td .date-wrap li {
        width: 100%;
        margin-bottom: 10px;
    }
    .board-list-wrapper.resume_list .board-table tbody td .date-wrap li:last-child {
        margin-bottom: 0;
    }
    .board-list-wrapper.resume_list .board-table tbody td .check-btn-wrap {
        width: 100%;
        height: 30px;
    }
    .board-list-wrapper.resume_list .board-table tbody td .check-btn {
        width: 100%;
        height: 30px;
    }
    .board-list-wrapper.resume_request .section table {
        border-top: none;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .resume_request .section table tr {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: auto !important;
        border: 1px solid #d8d8d8;
        padding-bottom: 25px;
        border-top: unset;
    }

    .resume_request .section tr td .label{
        width: 100%;
        padding: 25px 15px 10px 0;
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }
    .resume_request .section tr:first-child td:first-child .label{
        padding-top: 0;
    }
    .resume_request .section table tbody{
        display: flex;
        flex-direction: column;
    }

    .resume_request .section table tr th:first-child{
        padding-top: unset;
    }

    .resume_request .section table tr:first-child{
        padding-top: 25px;
    }
    .board-list-wrapper.resume_request .section table th {
        width: 100%;
        background-color: #fff;
        border: none;
        text-align: left;
        /*border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;*/
        padding: 25px 15px 10px;
        font-size: 14px;
    }
    .board-list-wrapper.resume_request .section table td {
        border: none;
        width: 100%;
        padding: 0 15px;
    }
    .width-10{width: 10% !important;}
    .width-20{width: 20%!important;}
    .width-30{width: 30%!important;}
    .width-40{width: 40%!important;}
    .width-50{width: 50%!important;}
    .width-60{width: 60%!important;}
    .width-70{width: 70%!important;}
    .border-top-0{border-top: none;}
    .border-bottom-0{border-bottom: none;}
    /*.board-list-wrapper.resume_request .section table tr:last-child td:last-child {
        padding-bottom: 30px;
        border-bottom: 1px solid #d8d8d8;
    }*/
    .board-list-wrapper.resume_request .section table td.photo {
        display: none;
        padding: 30px 45px;
    }
    .board-list-wrapper.resume_request .section table td input[type=text] {
        width: 100%;
    }
    .board-list-wrapper.resume_request .section table td .inner-wrap.address .address {
        width: 100%;
        display: flex;
    }
    .board-list-wrapper.resume_request .section table td .inner-wrap.address .detail-address {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .board-list-wrapper.resume_request .section table td .inner-wrap.address .address input[type=text] {
        width: calc(100% - 85px);
    }
    .board-list-wrapper.resume_request .section table td .inner-wrap.address .detail-address input[type=text] {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .board-list-wrapper.resume_request .section table td .inner-wrap.address .detail-address input[type=text]:last-child {
        margin-bottom: 0;
    }
    .board-list-wrapper.resume_request .section table td .inner-wrap.address .address .search-btn {
        width: 75px;
        border-radius: 2.5px;
        font-size: 12px;
    }
    .board-list-wrapper.resume_request .section table td.photo .inner-wrap .image-box {
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
    }
    .board-list-wrapper.resume_request .section table td.photo .inner-wrap .file-btn {
        width: 200px;
        border-radius: 2.5px;
        font-size: 12px;
    }
    .board-list-wrapper.resume_request .section .section-header {
        width: 100%;
        height: 35px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 2.5px 0;
        border-bottom: 1px solid #262626;
    }
    .board-list-wrapper.resume_request .section .section-title {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1;
    }
    .board-list-wrapper.resume_request .section .section-slide-btn {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ededed;
        cursor: pointer;
        border-radius: 50%;
    }
    .board-list-wrapper.resume_request .section .section-slide-btn img {
        width: 10px;
        height: 6px;
    }
    .board-list-wrapper.resume_request .section table thead {
        display: none;
    }
    .board-list-wrapper.resume_request .section table colgroup {
        display: none;
    }
    .board-list-wrapper.resume_request .section.degree-info table tbody td .inner-wrap.major {
        width: calc(100% / 2 - 10px);
        flex-direction: column;
        align-items: flex-start;
    }
    .board-list-wrapper.resume_request .section.degree-info table td.major {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .board-list-wrapper.resume_request .section.degree-info table tbody td .inner-wrap.major input[type=text] {
        width: 100%;
    }
    .board-list-wrapper.resume_request .section.degree-info table tbody td .inner-wrap.major span {
        padding: 25px 0 10px;
        font-size: 15px;
        font-weight: bold;
        color: #000;
    }
    .board-list-wrapper.resume_request .section.degree-info table tr td:last-child {
        padding-bottom: 25px;
        border-bottom: 1px solid #d8d8d8;
    }
    .board-list-wrapper.resume_request .section.license table tr td:last-child {
        padding-bottom: 25px;
        border-bottom: 1px solid #d8d8d8;
    }
    .board-list-wrapper.resume_request .section .button-wrap {
        display: none;
    }
    .board-list-wrapper.resume_request .section .button-wrap.active {
        display: block;
        width: 100%;
        height: 30px;
        margin-top: 20px;
    }
    .board-list-wrapper.resume_request .section .button-wrap .form-add-btn {
        display: none;
    }
    .board-list-wrapper.resume_request .section .button-wrap.active .form-add-btn {
        width: 100%;
        height: 30px;
        border-radius: 5px;
        border: solid 1px #d8d8d8;
        background-color: #f1f1f1;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 12px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        color: #000;
    }
    .board-list-wrapper.resume_request .section.license table tbody td .inner-wrap.major {
        width: calc(100% / 2 - 10px);
        flex-direction: column;
        align-items: flex-start;
    }
    .board-list-wrapper.resume_request .section.license table td.major {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .board-list-wrapper.resume_request .section.license table tbody td .inner-wrap.major input[type=text] {
        width: 100%;
    }
    .board-list-wrapper.resume_request .section.license table tbody td .inner-wrap.major span {
        padding: 25px 0 10px;
        font-size: 15px;
        font-weight: bold;
        color: #000;
    }
    .board-list-wrapper.resume_request .section.license.mobile table tbody th {
        text-align: left;
        padding: 25px 15px 10px;
    }
    .board-list-wrapper.resume_request .section.awarded table tbody td .inner-wrap.major {
        width: calc(100% / 2 - 10px);
        flex-direction: column;
        align-items: flex-start;
    }
    .board-list-wrapper.resume_request .section.awarded table td.major {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .board-list-wrapper.resume_request .section.awarded table tbody td .inner-wrap.major input[type=text] {
        width: 100%;
    }
    .board-list-wrapper.resume_request .section.awarded table tbody td .inner-wrap.major span {
        padding: 25px 0 10px;
        font-size: 15px;
        font-weight: bold;
        color: #000;
    }
    .board-list-wrapper.resume_request .section.awarded table tr td:last-child {
        padding-bottom: 25px;
        border-bottom: 1px solid #d8d8d8;
    }
    .board-list-wrapper.resume_request .section.career table tbody td .inner-wrap.major {
        width: calc(100% / 2 - 10px);
        flex-direction: column;
        align-items: flex-start;
    }
    .board-list-wrapper.resume_request .section.career table td.major {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .board-list-wrapper.resume_request .section.career table tbody td .inner-wrap.major input[type=text] {
        width: 100%;
    }
    .board-list-wrapper.resume_request .section.career table tbody td .inner-wrap.major span {
        padding: 25px 0 10px;
        font-size: 15px;
        font-weight: bold;
        color: #000;
    }
    .board-list-wrapper.resume_request .section.career table tr td:last-child {
        padding-bottom: 25px;
        border-bottom: 1px solid #d8d8d8;
    }
    .board-list-wrapper.resume_request .buttons {
        height: 40px;
        display: flex;
        align-content: center;
        justify-content: space-evenly;
    }
    .board-list-wrapper.resume_request .buttons .button {
        width: calc(100% / 3 - 7px);
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        margin-right: 0;
    }
    .board-list-wrapper.license_list {
        padding: 10px 15px 171px;
    }
    .board-list-wrapper.license_list .page-select {
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
    }
    .board-list-wrapper.license_list .page-select select {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        background-color: #d8d8d8;
        padding: 8px 11px;
        font-size: 18px;
        font-weight: bold;
        color: #e25f70;
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    #contents-wrap .board-list-wrapper.license_list .page-title {
        margin: 0 0 27px;
    }
    .board-list-wrapper.license_list .board-table {
        margin-bottom: 30px;
        margin-top: 15px;
    }
    .board-list-wrapper.license_list .board-table colgroup {
        display: none;
    }
    .board-list-wrapper.license_list .board-table thead {
        display: none;
    }
    .board-list-wrapper.license_list .board-table tbody {
        display: flex;
        flex-direction: column;
    }
    .board-list-wrapper.license_list .board-table tbody tr {
        display: flex;
        flex-direction: column;
        height: auto;
        position: relative;
        margin-bottom: 15px;
        border-radius: 10px;
        border: 1px solid #d0d0d0;
        padding: 30px 15px 20px;
    }
    .board-list-wrapper.license_list .board-table tbody tr .inactive {
        display: none !important;
    }
    .board-list-wrapper.license_list .board-table tbody tr .inactive.show {
        display: block !important;
    }
    .board-list-wrapper.license_list .board-table tbody tr:last-child {
        margin-bottom: 0;
    }
    .board-list-wrapper.license_list .section-slide-btn {
        position: absolute;
        top: 25px;
        right: 20px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ededed;
        cursor: pointer;
        border-radius: 50%;
    }
    .board-list-wrapper.license_list .section-slide-btn img {
        width: 10px;
        height: 6px;
    }
    .board-list-wrapper .board-table th, .board-list-wrapper .board-table td {
        border: none;
    }
    .board-list-wrapper .board-table tbody tr:nth-child(2n) {
        background-color: #fff;
    }
    .board-list-wrapper .board-table tbody tr td {
        text-align: left;
        line-height: 1;
        padding: 10px 0 30px 10px;
    }
    .board-list-wrapper .board-table tbody tr td.section-slide-btn-wrap {
        padding: 0;
    }
    .board-list-wrapper .board-table tbody tr td:last-child {
        padding: 0;
    }
    .board-list-wrapper.license_list .board-table tbody td .print-btn {
        width: 100%;
        border-radius: 5px;
        font-size: 12px;
    }
    .board-list-wrapper.license_list .board-table tbody th {
        font-family: 'Nanum Gothic';
        font-size: 15px;
        font-weight: bold;
        color: #000;
    }
    .board-list-wrapper.license_list .board-table tbody td.row-wrap.inactive {
        display: none !important;
    }
    .board-list-wrapper.license_list .board-table tbody td.row-wrap.inactive.show {
        display: flex !important;
    }
    .board-list-wrapper.license_list .board-table tbody td.row-wrap {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 30px 0;
    }
    .board-list-wrapper.license_list .board-table tbody td .inner-wrap {
        width: calc(100% / 2);
        display: flex;
        flex-direction: column;
    }
    .board-list-wrapper.license_list .board-table tbody td .inner-wrap span.column {
        padding: 0;
        font-family: 'Nanum Gothic';
        font-size: 15px;
        font-weight: bold;
        line-height: 1;
        color: #000;
    }
    .board-list-wrapper.license_list .board-table tbody td .inner-wrap span.value {
        padding: 10px 0 0 10px;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #000;
    }
    .practice-room-wrapper .room-time-table-header.mobile {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .practice-room-wrapper .room-time-table-header .title {
        font-size: 16px;
        font-weight: bold;
        color: #111;
        margin-bottom: 20px;
    }
    .practice-room-wrapper .room-time-table-header .header-inner-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .practice-room-wrapper .room-time-table-header .header-inner-wrap .date-title {
        margin: 0 20px;
        font-size: 20px;
        font-weight: bold;
        color: #000;
    }
    .practice-room-wrapper .room-time-table-header .header-inner-wrap .btn {
        width: 20px;
        height: 20px;
        background-color: #797979;
        padding: 0;
        line-height: 1;
        border-radius: 0;
        transition: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .practice-room-wrapper .room-time-table-header .header-inner-wrap .btn img {
        width: 5px;
        height: 8px;
    }
    .practice-room-wrapper.calendar-wrapper #calendar {
        display: table !important;
        width: calc(100% + 30px);
        border-bottom: 10px solid #e3e3e3;
        left: -15px;
        position: relative;
    }

    .practice-room-wrapper #calendar tbody td .day-box {
        flex-direction: row;
        align-items: center;
    }
    .practice-room-wrapper .bar {
        width: calc(100% + 30px);
        height: 10px;
        background-color: #e3e3e3;
        position: relative;
        left: -15px;
        margin-bottom: 40px;
    }
    .practice-room-wrapper.calendar-wrapper #calendar td.active .day-box .day {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-family: 'Nanum Gothic';
        font-size: 12px;
        text-align: center;
        margin-bottom: 0;
        line-height: 30px;
        color: #fff;
    }
    .practice-room-wrapper.calendar-wrapper #calendar tbody td.active {
        /*padding-top: 0;*/
    }
    .practice-room-wrapper.calendar-wrapper #calendar tbody td.active.orange {
        background-color: #fff;
    }
    .practice-room-wrapper.calendar-wrapper #calendar tbody td.active.orange .day-box .day {
        background-color: #e25f70;
    }
    .practice-room-wrapper .room-select-area .practice-rooms-tabs.time-select-tab .room-item {
        width: calc(100% / 4 - 10px);
    }

    .practice-room-wrapper .room-select-area .practice-rooms-tabs.time-select-tab .room-item.unable{
        /*background-color: #e3e3e3;*/

    }
    .practice-room-wrapper .equipments-list-wrap {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
        background-color: #f7f7f7;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 0;
    }
    .practice-room-wrapper .equipments-list-wrap .equipments {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .practice-room-wrapper.reservation .equipments-list-wrap .equipments li{
        /*width: 50%;*/
        padding: 5px;
    }

    .practice-room-wrapper .equipments-list-wrap .equipments li {
        font-family: 'Nanum Gothic';
        font-size: 15px;
        font-weight: bold;
        line-height: 1.67;
        text-align: center;
        color: #b0b0b0;
    }
    .practice-room-wrapper .equipments-list-wrap .equipments li.active {
        color: #111;
    }

    .practice-room-wrapper .equipments-list-wrap .equipments li.selected{
        background-color: #ea6720;
        color: #fff;
        border: none;
    }
    .practice-room-wrapper.reservation .room-type-tabs {
        width: 100%;
        margin-top: 20px;
    }
    .practice-room-wrapper.reservation .room-type-tabs {
        width: 100%;
    }
    .practice-room-wrapper.reservation .room-type-tabs .tab-item {
        width: calc(100% / 2 - 10px);
        line-height: 40px;
        height: 40px;
        border-bottom: 2.5px solid #d8d8d8;
        font-family: 'Nanum Gothic';
        font-size: 15px;
    }
    .practice-room-wrapper.reservation .room-type-tabs .tab-item.active {
        border-bottom: 2.5px solid #e25f70;
    }
    .practice-room-wrapper.reservation {
        padding: 10px 15px 0;
    }
    .practice-room-wrapper.reservation .footer-btn {
        width: calc(100% + 30px);
        height: 75px;
        position: relative;
        left: -15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 46px;
        box-shadow: 1px 0 20px 0 rgba(91, 91, 91, 0.15);
        padding: 17px 15px;
    }
    .practice-room-wrapper.reservation .footer-btn .reserv-btn {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        background-color: #e25f70;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }
    .popup-box.reservation-pop {
        width: 100%;
        height: auto;
        left: 0;
        top: unset;
        bottom: 0;
        transform: unset;
        padding: 30px 30px 20px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .popup-box.reservation-pop .popup-header .popup-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .popup-box.reservation-pop .popup-header .popup-title span {
        font-size: 16px;
        margin: 0 0 10px 0;
    }
    .popup-box.reservation-pop .popup-header .popup-title span.comment {
        font-size: 12px;
        margin: 0;
    }
    .popup-box.reservation-pop .popup-header {
        align-items: flex-start;
        /*justify-content: flex-start;*/
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .popup-box.reservation-pop .section.info-box .info {
        width: 100%;
        padding: 17px 20px;
        flex-direction: column;
    }
    .popup-box.reservation-pop .section.info-box .info ul {
        width: 100%;
    }
    .popup-box.reservation-pop .section.info-box .info ul li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1;
        color: #111;
    }
    .popup-box.reservation-pop .section.info-box .info ul li strong {
        margin-right: 3px;
    }
    .popup-box.reservation-pop .section.info-box .info ul li:last-child {
        margin-bottom: 10px;
    }
    .popup-box.reservation-pop .section.info-box .info ul:last-child li:last-child {
        margin-bottom: 0;
    }
    .popup-box.reservation-pop .section.info-box .info ul li:before {
        width: 4px;
        height: 4px;
        margin-right: 10px;
    }
    .popup-box.reservation-pop .section {
        border: none;
        margin-bottom: 0;
        padding-bottom: 33px;
    }
    .popup-box.reservation-pop .popup-footer {
        width: calc(100% + 60px);
        position: relative;
        left: -30px;
        padding: 20px 30px 0;
        border-top: 1px solid #d8d8d8;
    }
    .popup-box.reservation-pop .popup-footer .buttons {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .popup-box.reservation-pop .popup-footer .buttons .button {
        width: calc(100% / 2 - 10px);
        height: 40px;
        display: inline-block;
        font-family: 'Nanum Gothic';
        font-size: 14px;
        line-height: 40px;
        border-radius: 20px;
        margin-right: 0;
    }
    .practice-room-wrapper.reservation.study_room .room-select-area .practice-rooms-tabs .room-item {
        width: calc(100% / 2 - 10px);
    }
    .practice-room-wrapper.reservation.study_room .room-select-area .practice-rooms-tabs .room-item.practice_time {
        width: calc(100% / 4 - 10px);
    }
    .practice-room-wrapper.reservation.study_room .bar {
        width: calc(100% + 30px);
        height: 10px;
        background-color: #e3e3e3;
        position: relative;
        left: -15px;
        margin-bottom: 40px;
    }
    .practice-room-wrapper.reservation .room-time-table-header .title {
        font-size: 16px;
    }
    .practice-room-wrapper.reservation .seat-select-area .title {
        font-size: 16px;
        font-weight: bold;
        color: #111;
        margin-bottom: 10px;
    }
    .seat-select-area {
        width: 100%;
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }

    .seat-select-area .seat-box {
        width: 100%;
        margin-bottom: 20px;
        display: grid;
        align-items: center;
        grid-template-columns: 105px auto 105px;
    }

    .seat-select-area .seat-box:last-child {
        margin-bottom: 0;
    }

    .seat-select-area .seat-box .seat-column {
        display: flex;
        flex-direction: column;
    }

    .seat-select-area .seat-box .seat-column .seat-row {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .seat-select-area .seat-box:not(:last-child) .seat-column:last-child .seat-row {
        justify-content: right;
    }

    .seat-select-area .seat-box .seat-column .seat-row:first-child {
        margin-bottom: 5px;
    }

    .seat-select-area .seat-box .seat-column .seat-row .seat {
        display: inline-block;
        margin-right: 5px;
        width: 25px;
        height: 25px;
        border: solid 1px #d0d0d0;
        background-color: #fff;
        font-family: 'Nanum Gothic';
        font-size: 12px;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
        color: #111;
    }

    .seat-select-area .seat-box .seat-column .seat-row .seat:last-child {
        margin-right: 0;
    }

    .seat-select-area .seat-box .seat-column .seat-row .seat.unable {
        border: solid 1px #d0d0d0;
        background-color: #d0d0d0;
        color: #fff;
    }

    .seat-select-area .seat-box .seat-column .seat-row .seat.selected {
        border: solid 1px #ea6720;
        background-color: #ea6720;
        color: #fff;
    }
    .seat-select-area .seat-box .seat-column.enter-row {
        height: 55px;
        display: flex;
        flex-direction: unset;
        align-items: flex-end;
    }
    .seat-select-area .seat-box .seat-column.enter-row img {
        width: 21px;
        height: 23px;
        margin-right: 10px;
    }
    .seat-select-area .seat-box .seat-column.enter-row span {
        font-family: 'Nanum Gothic';
        font-size: 12px;
        font-weight: bold;
        color: #111;
    }
    .seat-select-area .seat-box:last-child {
        grid-template-columns: 105px auto 116px;
    }
    .practice-room-wrapper .equipments-list-wrap .whether {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .practice-room-wrapper .equipments-list-wrap .whether span {
        font-family: 'Nanum Gothic';
        font-size: 15px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        color: #000;
        margin-right: 5px;
    }
    .practice-room-wrapper .equipments-list-wrap .whether span:last-child {
        margin-right: 0;
    }
    .practice-room-wrapper .equipments-list-wrap .whether span.active {
        color: #111111;
        line-height: 2;
    }
    .practice-room-wrapper .equipments-list-wrap .whether span.inactive {
        color: #b0b0b0;
    }
    .practice-room-wrapper.audit .room-time-table-header.mobile {
        margin-top: 40px;
    }
    .practice-room-wrapper.audit .room-select-area .practice-rooms-tabs.mobile:last-child {
        /*justify-content: left;*/
    }
    .practice-room-wrapper.audit .room-select-area .practice-rooms-tabs:last-child .room-item.practice_time {
        /*margin-right: 13.5px;*/
    }
    .practice-room-wrapper.audit .room-select-area .practice-rooms-tabs:last-child .room-item.practice_time:last-child {
        margin-right: 0;
    }

    .practice-room-wrapper .calendar-blur-wrap .calendar-blur .blur-text-wrap .text{
        font-size: 16px;
        padding: 15px 20px;

    }
    
    .menu-list-tab-section .tabs a {
        width: calc(100% / 2);
    }
    #mobile_menu .header .language-wrap{
        width: 70px;
        margin-left: auto;
        margin-right: 10px;
    }

    .language_select_box {
        position: absolute;
        /*left: 1675px;
        top: 81px;*/
        left: 10px;
        top: 20px;
        z-index: 2;
        width: 56px;
        height: 49px;
        /*display: none;*/
        opacity: 0;
    }
    .language_select_box.active ul:before{
        display: none;
    }

    .board-list-wrapper.test_request{
        padding-top: 10px;
    }
    .board-list-wrapper.test_request_form{
        padding-top: 10px;
    }



    #story-content-wrap .story-wrapper{
        width: 100%;
        padding: 45px 0;
        background: url("/images/company-bg@2x.png") no-repeat center center/cover;
    }

    #story-content-wrap .bg-image{
        height: 100vh;
        max-height: 1170px;
    }

    #story-content-wrap .story-wrapper .image-wrapper{
        padding: 30px 15px;
        background: unset;
    }
    #story-content-wrap .image-wrapper .title{
        font-size: 22px;
        line-height: 1.7;
    }
    #story-content-wrap .image-wrapper .title b{
        display: block;
        word-break: keep-all;
        line-height: 1.5;
    }
    #story-content-wrap .image-wrapper .image-list{
        flex-direction: column;
        gap: 30px;
        margin-top : 30px;
        padding:unset;
    }
    #story-content-wrap .image-wrapper .image-item{
        flex-direction: row;
        padding: 15px;
        background: rgba(197,197,197,0.3)
    }
    #story-content-wrap .image-wrapper .image-item img{
        width: 28%;
        height: unset;
    }

    #story-content-wrap .image-wrapper .image-item .explanation p{
        font-size: 16px;
        line-height: 1.3;
    }

    #story-content-wrap .image-wrapper .image-item .explanation{
        margin-top: 10px;
        margin-left: 12px;
        font-size: 14px;
        word-break: keep-all;
    }
    #story-content-wrap .history-wrapper{
        width: 100%;
        padding: 60px 0;
    }
    #story-content-wrap .history-wrapper .title{
        font-size: 1.8rem;
    }

    #story-content-wrap .history-wrapper .sub-title{
        /*padding: 0 10px;
        word-break: keep-all;
        font-size: 15px;*/
    }

    .history-wrapper .history-contents{
        padding:0 1rem;
    }
    .history-wrapper .history-list .history-item .year{
        font-size: 28px;
    }
    .history-wrapper .history-list .history-item{
        padding-left: 25px;
        padding-top: 30px;
    }
    .history-wrapper .history-list .history-item .dot{
        width: 18px;
        height: 18px;
        left: -8px;
        top:36px;
    }
    .history-wrapper .history-list .history-item:first-child .dot{
        top: 8px;
    }
    .history-wrapper .history-list .history-item .dot:after{
        width: 6px;
        height: 6px;
        left: 6px;
        top: 6px;
    }
    .history-wrapper .history-list .history-item .detail{
        margin-left: 30px;
    }
    .history-wrapper .history-list .history-item .detail .month{
        font-size: 18px;
        line-height: 1.3;
    }
    .history-wrapper .history-list .history-item .detail li{
        gap: 10px;

    }
    .history-wrapper .history-list .history-item .detail .contents .text{
        font-size: 14px;
        padding-left: 5px;
        line-height: 1.3;
    }
    .history-wrapper .history-list .history-item .detail .contents .text:before{
        width: 0;
    }

    .history-wrapper .history-list .history-item .detail{
        gap: 15px;
    }
    .history-wrapper .history-list .history-item .dot,
    .history-wrapper .history-list .history-item .history-line{
    }


    #people-content-wrap{
        max-width: unset;
        padding: 45px 0;
    }

    #people-content-wrap .teacher-list-title{
        font-size: 1.2rem;
        padding: 0 10px;
        margin-bottom: 30px;
        line-height: 1.3;
    }

    #people-content-wrap .teacher-list{
        gap: 0;
        margin-bottom: 30px;
    }

    #people-content-wrap .teacher-item{
        flex-direction: column;
        gap: 20px;
        border: 1px solid #dedede;
    }

    #people-content-wrap .teacher-list .teacher-image{
        width: 100%;
        max-height: 200px;
    }

    #people-content-wrap .teacher-list .teacher-image img{
        width: auto;
        object-fit: contain;
    }
    #people-content-wrap .teacher-list .teacher-image .no-img{
        width: 100%;
        max-width: 330px;
    }
    #people-content-wrap .teacher-contents {
        padding: 0 10px 30px 10px;
    }
    #people-content-wrap .teacher-contents .teacher-name{
        line-height: 1.3;
        font-size: 1.3rem;
    }
    #people-content-wrap .teacher-contents .teacher-history,
    #people-content-wrap .teacher-contents .teacher-history  *
    {
        font-size: 14px !important;
    }



    #sub_nav_bg{
        min-height: unset !important;
        height: auto !important;
    }
    #sub_nav_bg .search-box .search-input{
        padding-top: 0;
    }
    #sub_nav_bg .search-box{
        width: 100%;
        padding: 30px 15px;
    }
    #sub_nav_bg .nav-tabs ul > li{
        padding: 15px 8px;
    }
    #sub_nav_bg .nav-tabs ul > li.active{
        padding-bottom: 11px;
    }
    #sub_nav_bg .nav-tabs ul > li a{
        font-size: 13px;
    }
    #sub_nav_bg .nav-tabs ul > li.active:after{
        left: 0;
        width: 100%;
    }
    .search-result-wrap{
        padding: 5px 15px 15px 15px;

    }
    #sub_nav_bg .search-box .form-search-btn{
        width: 30px;
        height: 30px;
        bottom: 7px;
        right: 10px;
    }


    #sub_nav_bg .search-box .search-input input[type=text]{
        padding:15px 65px 15px 20px;
        font-size: 13px;
    }

    #contents-wrap .search-result-wrap .content{
        padding: 20px 0 10px
    }
    #contents-wrap .search-result-wrap .content .search-list{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #contents-wrap .search-result-wrap .content-type{
        margin-bottom: 15px;
    }
    #contents-wrap .search-result-wrap .content-title{
        font-size: 18px;
    }
    #contents-wrap .search-result-wrap .content-title .more-btn{
        line-height: 1.3;
    }
    #contents-wrap .search-result-wrap .content .search-list li{
        gap: 5px;
        margin: 0;
        padding-left: 11px;
    }
    #contents-wrap .search-result-wrap .content .search-list li .title{
        font-size: 16px;
    }
    #contents-wrap .search-result-wrap .content .search-list li .summary,
    #contents-wrap .search-result-wrap .content .search-list li a
    {
        font-size: 13px;
    }

}

@media screen and (min-width: 700px) and (max-width: 1300px) {
    .main-visual-slide-wrap.mobile{
        height: 400px;
    }
    .main-visual-slide-wrap.mobile .main-visual-banner{
        height: 400px;
    }

    .menu-list-tab-section .menu-items .menu-row .menu{
        width: 25%;
        padding-left: 8%;
    }
    .menu-list-tab-section .menu-items .menu-row .menu::before {
        width: 29px;
        height: 28px;
        left: 8%;
    }
    .menu-list-tab-section .menu-items .menu-row .menu:nth-of-type(2)::after,
    .menu-list-tab-section .menu-items .menu-row .menu:nth-of-type(6)::after
    {
        border-right: 1px solid #d8d8d8;
    }
    #footer .menu-section .menus .menu{
        width: calc(16.66666% - 10px);
    }

    #story-content-wrap .history-wrapper .title{
        font-size: 2.3rem;
    }
    #people-content-wrap{
        max-width: 750px;
    }
    #people-content-wrap .teacher-item{
        flex-direction: row;
        border: unset;
    }
    #people-content-wrap .teacher-list .teacher-image{
        width: 45%;
    }

    .intro-contents-wrapper.people.location .school-info-row .school-info .info-title span {
        font-size: 24px;
    }
    .intro-contents-wrapper.people.location .school-info-row .school-info .info-content li{
        font-size: 16px;
    }

    .curriculum-images-wrap{
        padding: 20px 10px;
        gap: 20px;
    }
    .curriculum-images-wrap .image-item{
        width: calc(33.33333% - 20px);
    }
}

@media screen and (max-width: 800px){
    #login-page {
        width: 100%;
    }
    .login-wrapper{
        width: 100%;
        padding: 0 30px;
        min-height: unset;
    }
    .login-wrapper .information-text{
        font-size: 16px;
        margin: 21px 0 15px;
    }

    .login-wrapper .button-wrapper{
        margin: 24px 0;
        gap: 15px;
    }
    .login-wrapper .button-wrapper .login-btn{
        width: 100%;
        height: 40px;
        font-size: 15px;
    }

    .login-wrapper .button-wrapper .login-btn:before{
        content: '';
        display: inline-block;
        position: absolute;
        left: 5%;
        top: calc(50% - 16px);
        width: 32px;
        height: 32px;
    }

    .login-wrapper .section-box h5 {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .login-wrapper .section-box input[type='text'],
    .login-wrapper .section-box input[type='password'] {
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        padding: 6px 6px 6px;
        font-size: 15px;
    }

    .login-wrapper .select-section{
        padding: 30px 0;
    }
    .login-wrapper.find{
        width: 100%;

    }
    .login-wrapper .cert-btn{
        width: 100%;
        height: 40px;
    }
    .login-wrapper .certify-btn{
        width: 100%;
        height: 40px;
    }
    .login-wrapper .d-flex{
        flex-wrap: wrap;
        gap: 5px;
    }
    .login-wrapper .certify-num-input-area .time{
        top:24%;
        right:-18%;
        font-size:12px;
    }
}


@media screen and (min-width:801px) and (max-width: 1300px){
    .top-search-section{
        padding: 0 40px;
    }
    .top-search-section .top-search-wrap{
        padding:40px 60px;
    }

}
@media screen and (max-width: 800px){
    .protect-wrap .sub-info-box .info{
        font-size: 13px;
    }
}
@media screen and (min-width:800px) and (max-width: 1000px){
    .top-search-section .input-group{
        flex-wrap: wrap;
    }
    .top-search-section .search-btn{
        flex:auto;
        width:unset;
        min-width:60px;
    }
}

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

    .top-search-section{
        margin-top: 20px;
    }
    .top-search-section .top-search-wrap{
        flex-direction:column;
        border-radius:0;
        padding:50px 30px;
    }
    .top-search-section .top-search-wrap .map-box{
        height: auto;
        max-height: 450px;
        margin:0 auto
    }
    .top-search-section svg.search_map text{

    }
    .top-search-section .title-wrap .title{
        font-size: 1rem;
    }
    .top-search-section .search-left{
        width:100%;
        max-width: unset;
        border-right: none;
    }
    .top-search-section svg.search_map{
        max-height: 450px;
    }
    .top-search-section .input-group input[type=text], .top-search-section .input-group select{
        padding:5px 2px;
        font-size: 14px;
    }
    .top-search-section .search-btn{
        width:60px;
    }
}

@media screen and (max-width: 400px){
    .top-search-section .top-search-wrap{
        padding:50px 30px;
    }
    .top-search-section .input-group{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 280px){
    .top-search-section .search-btn{
        flex:auto;
    }
}