@media all and (max-width:767px) {
    .pc_ver {display: none !important;}
    .m_ver {display: block !important;}
    .t_ver {display: none !important;}
    .pc_ver_flex {display: none !important;}
    .m_ver_flex {display: flex !important;}
    .t_ver_flex {display: none !important;}

    header {
        position: relative;
        width: 90%;
        max-width: 90%;
        min-width: 90%;
        margin: 0 auto;
    }
    header > div {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 20px;
    }
    header > div h1 {
        width: 40px;
        height: 42px;
        background: url("/resources/images/logo_w.svg");
        background-size: contain;
    }
    header > div ul {
        display: none;
        justify-content: center;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
    }
    header > div ul li {
        padding:0 20px;
    }
    header > div > div {
        color: #fff;
        cursor: pointer;
        font-size: 14px;
    }
    header > div > div ul.lang {
        position: absolute;
        background: white;
        line-height: 30px;
        font-size: 14px;
        padding: 10px 0px;
        margin-left: -10px;
    }
    header > div > div ul.lang li {
        color: #000
    }

    section {
        width: 100%;
        margin:0 auto;
    }
    section.mc_visual {
        width: 100%;
        height: auto;
        margin-bottom: 60px;
    }
    section.mc_visual img {
        width: 100%;
    }
    .mc_cont_title_c {
        font-size: 18px;
        color: #eb5468;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
    .mc_cont_title {}
    .mc_cont_title img {
        width: 100%;
    }
    section.mc_info {
        width: 100%;
        margin-bottom: 80px;
    }
    section.mc_info .mc_info_slide_m {
        display: flex;
        justify-content: space-between;
    }
    section.mc_info .mc_info_slide_m .mc_info_img {

    }
    section.mc_info .mc_info_slide_m .mc_info_img li {

    }
    section.mc_info .mc_info_slide_m .mc_info_img li img {
        width: 100%;
    }
    section.mc_info .mc_cont_title_c {
        margin-bottom: 50px;
    }
    section.mc_info .mc_info_txt {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: block;
        font-size: 16px;
        text-align: center;
    }
    section.mc_info .mc_info_txt .mc_info_txt_l > .mc_cont_title {
        margin-bottom: 20px;
    }
    section.mc_info .mc_info_txt .mc_info_txt_r {
        text-align: center;
        line-height: 160%;
        margin-bottom: 40px;
    }
    section.mc_info .mc_info_slide {}
    section.mc_boast {
        width: 100%;
        text-align: center;
        background: #eaf6ff;
        padding: 60px 0;
        font-size: 16px;
        margin-bottom: 60px;
    }
    section.mc_boast .mc_cont_title_c {
        margin-bottom: 30px;
    }
    section.mc_boast .mc_cont_title {
        margin-bottom: 20px;
    }
    section.mc_boast .mc_cont_text {
        margin-bottom: 40px;
    }
    section.mc_boast > ul {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    section.mc_boast > ul li img {
        width: 100%;
        max-width: 100%;
    }
    section.mc_ambassador {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 60px;
    }
    section.mc_ambassador .mc_cont_title_c {
        margin-bottom: 30px;
    }
    section.mc_ambassador .mc_ambassador_txt {
        display: block;
        font-size: 16px;
        margin-bottom: 40px;
        text-align: center;
    }
    section.mc_ambassador .mc_ambassador_txt .mc_ambassador_txt_l > .mc_cont_title {
        margin-bottom: 20px;
    }
    section.mc_ambassador .mc_ambassador_txt .mc_ambassador_txt_r {
        line-height: 160%;
    }
    section.mc_ambassador .mc_ambassador_img {
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    section.mc_ambassador .mc_ambassador_img li img.picture {
        display: block;
        width: 100%;
        max-width: 280px;
        height: auto;
        max-height: 405px;
        background: #00349f;
        border-radius: 200px 200px 50px 50px;
        margin-bottom: 15px;
    }
    section.mc_ambassador .mc_ambassador_img li img.name {
        width: 50%;
    }
    section.mc_ambassador .mc_ambassador_img li:nth-child(2) img.picture, section.mc_ambassador .mc_ambassador_img li:nth-child(4) img.picture {
        background: #e4f3ff;
    }
    section.mc_ambassador .mc_ambassador_img li span {
        display: block;
        font-size: 14px;
        letter-spacing: -1px;
    }
    section.mc_movie {
        width: 100%;
        padding: 60px 0;
        background: url("/resources/images/mc_movie_bg.png"), #00349f;
        background-position: bottom center;
        color: #fff;
        margin-bottom: 60px;
    }
    section.mc_movie .mc_movie_container {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: block;
    }

    section.mc_movie .mc_movie_container > p img {
        width: 100%;
    }
    section.mc_movie .mc_movie_container > div .mc_cont_title img {
        margin-bottom: 20px;
    }
    section.mc_movie .mc_movie_container > div .mc_cont_text {
        font-size: 16px;
        line-height: 160%;
        margin-bottom: 20px;
        margin-left: 5%;
    }
    section.mc_movie .mc_cont_title_c {
        color: #fff;
        background: #eb5468;
        display: inline-block;
        padding: 0 20px;
        border-radius: 20px;
        margin-bottom: 30px;
        margin-left: 5%;
    }
    section.mc_movie .mc_btn {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: right;
    }
    section.mc_movie button {
        height: 40px;
        background: #fff;
        color: #00349f;
        font-size: 20px;
        padding: 0 30px;
        border-radius: 20px;
    }
    section.mc_movie button:hover {
        height: 60px;
        background: #000;
        color: #fff;
        transition: ease 0.5s;
    }
    section.mc_movie .mc_movie_container > p {
        width: 90%;
        margin: 0 auto;
    }
    section.mc_movie button:not(:hover) {
        transition: ease 0.2s;
    }
    section.mc_community {
        display: block;
        margin-bottom: 60px;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    section.mc_community .mc_notice {
        margin-bottom: 40px;
    }
    section.mc_community > div {
        width: 100%;
        max-width: 100%;
    }
    section.mc_community > div:first-child {
        margin-right: 0px;
    }
    section.mc_community .mc_comm_title {
        margin-bottom: 20px;
    }
    section.mc_community .mc_comm_title .title img {
        width: 100%;
    }

    section.mc_community .mc_comm_title .more {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: end;
        font-size: 14px;
        font-weight: 500;
        color: #0529a4;
    }
    section.mc_community .mc_comm_title .more span {
        color: #221e1f;
        font-size: 13px;
        display: block;
        font-weight: normal;
    }
    section.mc_community .mc_comm_text {
        border-top: 1px solid #000;
        width: 90%;
        max-width: 90%;
        min-width: 90%;
        margin: 0 auto;
    }
    section.mc_community .mc_comm_text li {
        display: block;
        font-size: 16px;
        height: auto;
        line-height: inherit;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }
    section.mc_community .mc_comm_text li span.title {
        display: block;
        cursor: pointer;
    }
    section.mc_community .mc_comm_text li span.date {
        display: block;
        color: #777;
        font-size: 14px;
    }

    footer {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
        margin:0 auto;
        border-top: 1px solid #000;
        padding: 20px 0;

    }
    footer .footer_info {
        display: flex;
        justify-content: space-between;
    }
    footer .footer_info_tit {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 30px;
    }
    footer .footer_info_logo {
        margin-bottom: 10px;
    }
    footer .footer_info_logo img {
        width: 100%;
    }
    footer .footer_info_copy {
        font-size: 14px;
        color: #777;
        margin-bottom: 20px;
    }
    footer .footer_info > div {
        width: 45%;
    }
    footer .footer_info > div:first-child {
        width: 25%;
    }
    footer .footer_info > div > ul {
        font-size: 14px;
        color: #777
    }
    footer .footer_info > div > ul li {
        line-height: 160%;
    }
    footer .footer_info > div > ul li img {
        width: 100%;
    }
    footer .footer_sns ul {
        display: flex;
        justify-content: end;
    }
    footer .footer_sns ul li {
        margin-right: 15px;
    }
    footer .footer_sns ul li:last-child {
        margin-right: 0;
    }
    footer .footer_copyInfo {
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }
    footer .footer_copyInfo > div {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }
    footer .footer_copyInfo > div > p {
        width: 33%;
    }
    footer .footer_copyInfo > div > ul {
        width: 67%;
    }
    footer .footer_copyInfo > div > ul li {
        font-size: 13px;
    }
    footer .footer_copyInfo .logoHost li img {
        width: 40%;
    }
}