/* 테블릿 세로 고해상도 (해상도 ~ 479px)*/

@media (min-width: 717px) and (max-width: 1024px) and (orientation: landscape) {
    .content_wrap .title h2 {
        font-size: 5em !important;
    }
    .content_wrap .title {
        height: 37vh !important;
    }
}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media (min-width: 717px) and (max-width: 1024px) {

    /*
    div, p, h1, h2, h3, h4, h5 {
        box-shadow: 0 0 0 3px #f00 inset;
    }
*/

    .top_sub A .logo {
        content: url("../img/common/CI.png");
    }

    .top_sub .info_menu .btn_inofi {
        width: 79px;
        height: 80px;
        background-color: transparent;
        border: 0px;
        cursor: pointer;
        background-image: url(../img/common/btn_inofi_border_nor.png);
        background-repeat: no-repeat;
        background-position: left top;
    }

    .top .info_menu .btn_inofi:hover {
        background-image: url(../img/common/btn_inofi_border_over.png);
    }

    .top_sub .info_menu .btn_inofi img {
        width: 79px;
        height: 80px;
        animation: play 6s linear infinite;
        margin-left: -5px;
        margin-top: -2px;
        transform-origin: 50% 50%;
        content: url(../img/common/btn_inofi_icon_nor.png);
    }

    .top_sub .info_menu .btn_menu {
        width: 80px;
        height: 80px;
        background-image: url(../img/common/btn_menu_nor.png);
        background-size: 80px 80px;
        background-color: transparent;
        border: 0px;
        cursor: pointer;
    }

    .top .info_menu .btn_inofi img{
        width: 79px;
        height: 80px;
        animation: play 6s linear infinite;
        margin-left: -5px;
        margin-top: -2px;
        transform-origin: 50% 50%;
        content: url(../img/common/btn_inofi_icon_nor.png);
    }

    .top_sub .email_and_next .btn_next {
        width: 80px;
        height: 80px;
        background-image: url(../img/common/btn_next_b_nor.png);
        background-size: 80px 80px;
        background-color: transparent;
        border: 0px;
        cursor: pointer;
    }

    .content_wrap .title {
        height: 35vh;
        color: #ffffff;
        font-size: 1.5rem;
        text-align: left;
        background-color: #000000;
    }

    .content_wrap .title h2 {
        font-size: 12vw;
        font-family: Helvetica;
        font-weight: var(--font-weight-bold);
        margin-top: 20%;
        background-color: inherit;
        color: #ffffff;
        text-align: left;
    }

    .content_wrap .title .email,
    .content_wrap .title .url,
    .content_wrap .title .address {
        margin-top: 5px;
        color: #ffffff;
    }


    .content_wrap .title a:hover,
    .content_wrap .title a:before,
    .content_wrap .title a:after,
    .content_wrap .title a:link,
    .content_wrap .title a:visited {
        color: #000000;
        color: #ffffff;
    }

    .content_wrap .content {
        height: calc(var(--vh, 1vh) * 100);
        padding-top: 35vh;
        background-color: initial;
        background-color: #ffffff;
    }

    .content_wrap .content .container input,
    .content_wrap .content .container textarea {
        margin-top: 2%;
    }

    .content_wrap .content .container textarea {
        width: 96%;
    }

    .content_wrap .content .container input:first-child {
        margin-top: 20px;
    }

    .content_wrap .content .container .btn_wrap {
        text-align: center;
        margin-top: 5%;
        width: 100%;
    }

    .content_wrap .content .container .btn_wrap button {
        height: 50px;
        width: initial;
        font-family: Helvetica;
        font-size: 1.5rem;
        line-height: 50px;
        color: #000000;
        text-align: center;
        background-color: #ffffff;
        padding-left: 25px;
        padding-right: 25px;
        border: 2px solid #000000;
    }

    .content_wrap .content .container .btn_wrap button:hover {
        color: #ffffff;
        text-align: center;
        background-color: #000000;
    }

    /* info fi 다시 정의*/
    .top .info_menu .btn_inofi {
        width: 80px;
        height: 80px;
        background-image: url(../img/common/btn_inofi_2_nor.png);
        background-color: transparent;
        border: 0px;
        cursor: pointer;
    }

    .top .info_menu .btn_inofi:hover {
        background-image: url(../img/common/btn_inofi_2_over.png);
    }

    .top .info_menu .btn_menu {
        width: 80px;
        height: 80px;
        background-image: url(../img/common/btn_menu_nor.png);
        background-color: transparent;
        border: 0px;
        cursor: pointer;
    }

    .top .info_menu .btn_menu:hover {
        background-image: url(../img/common/btn_menu_nor.png);
    }
}