/* 
	2022.02.28
	추가 
*/
/* 오디션 지원 랜딩 페이지 */
#page-container.apply-home .page {
    padding: 19vh 8.5%;
}

#page-container.apply-home .page h1 {
    padding-left: 0;
}

#page-container.apply-home .page .audition {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
}

#page-container.apply-home .page .audition .audition-icons ul {
    width: 100%;
    margin-left: 0;
}

#page-container .page .audition .audition-icons ul li .title>.desc {
    font-size: 0.75vw;
}

#page-container.apply-home .page .apply {

    background-color: #eee;
    padding: 3vw;

}

#page-container.apply-home .page .apply-home-col:first-child .apply {
    /* height: 69vw; */
}

#page-container.apply-home .page .apply>form {}

#page-container.apply-home .page .apply .title {
    margin-bottom: 3vw;
}

#page-container.apply-home .page .apply .title .row {
    margin-bottom: 1vh;
}

#page-container.apply-home .page .apply .title h2 {
    font-weight: bold;
    font-size: 3vw;
}

#page-container.apply-home .page .apply .title .row .comment {
    font-size: 1.5vw;
}

#page-container.apply-home .page .apply .apply-content {
    margin-bottom: 0;
}

#page-container.apply-home .page .apply .apply-content .comment {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}

#page-container.apply-home .page .apply .apply-content .comment.sm {
    font-size: 1.25vw;
}

#page-container.apply-home .page .apply .apply-content .comment>strong {
    font-size: 2vw;
}

#page-container.apply-home .page .apply .apply-content .tip {
    width: 100%;
    margin-top: 2.5vh;
}

#page-container.apply-home .page .apply .apply-content .tip>h2 {
    font-size: 2vw;
    font-weight: bold;
    margin-bottom: 1vw;
}

#page-container.apply-home .page .apply .apply-content .tip>.title>h2 {
    font-size: 2vw;
    margin-bottom: .5vw;
}

#page-container.apply-home .page .apply .apply-content .tip>.title>.desc {
    font-size: 1.5vw;
}

#page-container.apply-home .page .apply .apply-content .tip dd>strong {
    font-size: 1.5vw;
}

#page-container.apply-home .page .apply .apply-content .tip dd {
    font-size: 1.25vw;
    color: #000;
}

#page-container.apply-home .page .apply .apply-content .tip dl {
    margin-bottom: 1.5vw;
}

#page-container.apply-home .page .apply .apply-content .row {
    margin-bottom: 2vw;
}


#page-container.apply-home .page .apply .apply-content .row.second {
    /* height: 10vw; */
    display: block;
    padding-bottom: 2vw;
}

#page-container.apply-home .page .apply .apply-content .row>.warn {
    font-size: 0.95vw;
    color: #dc3545;
}

#page-container.apply-home .page .apply .apply-content dd>.warn {
    font-size: 0.95vw;
    color: #dc3545;
}

/*#page-container.apply-home .page .apply .apply-content .row.comment {
    margin-top: -7.5vw;
    margin-bottom: 3vw;
}
#page-container.apply-home .page .apply .apply-content .row.performance {
    height: 28vw;
} */
#page-container.apply-home .page .apply-control {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 2vw;
}

#page-container.apply-home .page .apply-control>a {
    margin-top: -2vw;
    width: 100%;
    font-size: 1.2vw;
    text-align: center;
    color: #fff;
}

#page-container.apply-home .page .apply-control.disabled {}

#page-container.apply-home .page .apply-control.disabled>a {
    border: none;
    cursor: default;
    background-color: rgb(164, 164, 164);
    color: #fff;
}

.apply-home-flex {
    display: flex;
    position: relative;
    /* width: 100%; */
    /* margin-left: -10vw;
    margin-right: -10vw; */
    overflow-x: hidden;
}

.apply-home-flex>.apply-home-col {
    flex: 1 1 auto;
    width: 50%;
}

.apply-home-flex>.apply-home-col:first-child {
    padding-left: 0;
    padding-right: 1.5vw;
}

.apply-home-flex>.apply-home-col:last-child {
    padding-left: 1.5vw;
    padding-right: 0;
}

.audition-list {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 -2vw;
    margin-top: 1.5vw;
}

.audition-list>.item {
    display: inline-block;
    width: 32%;
    padding: 5px;
    padding-bottom: 10px;
}

.audition-list>.item>.date {
    font-weight: bold;
    font-size: 1vw;
    margin-bottom: 0.5vw;
}

.audition-list>.item>.city {
    font-size: 1.6vw;
}

.audition-list>.item.disabled {
    text-decoration: line-through;
    opacity: 0.5;
}

.audition-list.t2>.item {
    width: 33.333333%;
}

.audition-popup {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100000;
}

.audition-popup>.wrap {
    display: block;
    margin-top: 120px;
    margin-left: 10vh;
    margin-right: 10vh;

}

.audition-popup>.wrap>.con {
    background-color: #fff;
}

.audition-popup>.wrap>.con>.header {
    position: relative;
    background-color: #000;
    font-size: 2vw;
    color: #fff;
    padding: 2vh 3vw;
}

.audition-popup>.wrap>.con>.header>a {
    color: #fff;
    position: absolute;
    right: 5vw;
}

.audition-popup>.wrap>.con>.body {
    padding: 2vh 3vw;
}

.audition-popup>.wrap>.con>.body>.audition-list {
    margin: 0;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul {
    width: 100%;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li {}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item {
    display: flex;
    position: relative;
    padding: 2vh 0;
    text-align: left;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl {
    flex: 1 1 auto;
    width: 80%;
    padding: 1vh 0;
    padding-right: 1vw;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl>dt {
    font-size: 1.5vw;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl>dd {
    font-size: 2vw;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl>dd>.warn {
    text-align: right;

}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control {
    flex: 0 0 auto;
    width: 20%;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control>.warn {
    color: #dc3545;
    font-size: 1vw;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control>.warn.disabled {
    opacity: 0.2;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control>a {
    width: 100%;
    font-size: 1vw;
    padding: 2vw 2vw;
    text-align: center;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item.disabled {
    opacity: 0.3;
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item.disabled>dl>dt {
    /* color: #999; */
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item.disabled>dl>dd {
    /* color: #999; */
}

.audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item.disabled>.control>a {
    border: none;
    cursor: default;
}

/* 오디션 상세 페이지 */
#page-container.apply-home-detail .page {
    padding: 19vh 8.5%;
}

#page-container.apply-home-detail .page h1 {
    font-size: 8.5vw;
    padding-left: 0;
    margin-bottom: 5vw;
}

#page-container.apply-home-detail .page .audition {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
}

#page-container.apply-home-detail .page .audition .audition-icons ul {
    width: 100%;
    margin-left: 0;
}

#page-container .page .audition .audition-icons ul li .title>.desc {
    font-size: 0.75vw;
}

#page-container.apply-home-detail .page .apply {

    background-color: #eee;
    padding: 3vw;

}

#page-container.apply-home-detail .page .apply-home-col:first-child .apply {
    /* height: 69vw; */
}

#page-container.apply-home-detail .page .apply>form {}

#page-container.apply-home-detail .page .apply .title {
    margin-bottom: 3vw;
}

#page-container.apply-home-detail .page .apply .title .row {
    margin-bottom: 1vh;
}

#page-container.apply-home-detail .page .apply .title h2 {
    font-weight: bold;
    font-size: 3vw;
}

#page-container.apply-home-detail .page .apply .title .row .comment {
    font-size: 1.5vw;
}

#page-container.apply-home-detail .page .apply .apply-content {
    margin-bottom: 0;
}

#page-container.apply-home-detail .page .apply .apply-content .comment {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}

#page-container.apply-home-detail .page .apply .apply-content .comment.sm {
    font-size: 1.25vw;
}

#page-container.apply-home-detail .page .apply .apply-content .comment>strong {
    font-size: 2vw;
}

#page-container.apply-home-detail .page .apply .apply-content .tip {
    margin-top: 2.5vh;
}

#page-container.apply-home-detail .page .apply .apply-content .tip>h2 {
    font-size: 2vw;
    font-weight: bold;
    margin-bottom: 1vw;
}

#page-container.apply-home-detail .page .apply .apply-content .tip>.title>h2 {
    font-size: 2vw;
    margin-bottom: .5vw;
}

#page-container.apply-home-detail .page .apply .apply-content .tip>.title>.desc {
    font-size: 1.5vw;
}

#page-container.apply-home-detail .page .apply .apply-content .tip dd>strong {
    font-size: 1.5vw;
}

#page-container.apply-home-detail .page .apply .apply-content .tip dd {
    font-size: 1.25vw;
}

#page-container.apply-home-detail .page .apply .apply-content .tip dl {
    margin-bottom: 1.5vw;
}

#page-container.apply-home-detail .page .apply .apply-content .row {
    margin-bottom: 2vw;
}


#page-container.apply-home-detail .page .apply .apply-content .row.second {
    /* height: 10vw; */
    display: block;
}

#page-container.apply-home-detail .page .apply .apply-content .row>.warn {
    font-size: 1.25vw;
    color: #dc3545;
}

/*#page-container.apply-home-detail .page .apply .apply-content .row.comment {
    margin-top: -7.5vw;
    margin-bottom: 3vw;
}
#page-container.apply-home-detail .page .apply .apply-content .row.performance {
    height: 28vw;
} */
#page-container.apply-home-detail .page .apply-control {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 2vw;
}

#page-container.apply-home-detail .page .apply-control>a {
    margin-top: -2vw;
    width: 100%;
    font-size: 1.5vw;
    text-align: center;
    color: #fff;
}

#page-container.apply-home-detail .page .apply-control.disabled {}

#page-container.apply-home-detail .page .apply-control.disabled>a {
    border: none;
    cursor: default;
    background-color: rgb(164, 164, 164);
    color: #fff;
}

@media (min-width: 1200px) and (max-width: 1399px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 1023px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 768px) and (max-width: 840px) {}

@media (max-width: 1023px) {
    .audition-list>.item {
        padding: 0;
        padding-bottom: 10px;
    }

    .audition-popup>.wrap {
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 10vh;
    }

    .audition-popup>.wrap>.con>.header {
        font-size: 4vw;
    }

    .audition-popup>.wrap>.con>.body {
        padding: 10px 3vw;
    }

    .audition-popup>.wrap>.con>.body>.audition-list {
        margin: 0;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item {
        display: block;
        padding: 0;
        padding-bottom: 2vh;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl {
        flex: none;
        padding: 1vh 0;
        padding-bottom: 0;
        padding-right: 0;
        width: 100%;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control {
        flex: none;
        width: 100%;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li {
        margin-bottom: 1.5vh;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control>.warn {
        font-size: 2.5vw;
        text-align: right;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>.control>a {
        width: 100%;
        padding: 2vw 2vw;
        font-size: 2.5vw;
        text-align: center;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl>dt {
        font-size: 2.5vw;
    }

    .audition-popup>.wrap>.con>.body>.audition-list>ul>li>.item>dl>dd {
        font-size: 3.5vw;
    }

}


@media (max-width: 767px) {

    /* 2022.02.28  */
    /* 	추가 by 희문 */
    .btn-black {
        padding: 10px 18px;
        letter-spacing: 0.08rem;
        width: 60%;
    }

    .apply-home-flex {
        display: block;
    }

    .apply-home-flex>.apply-home-col {
        flex: none;
        padding: 0 !important;
        width: 100%;
        margin-bottom: 5vh;
    }

    #page-container .page .audition .audition-icons ul li .title>.desc {
        font-size: 2vw;
    }


    #page-container.apply-home .page .audition .audition-icons ul li .title>.desc {
        font-size: 2vw;
    }

    #page-container.apply-home .page .apply {
        padding-bottom: 6vw;
    }

    #page-container.apply-home .page .audition {
        padding-left: 0;
        padding-right: 0;
    }

    #page-container.apply-home .page .apply .title {
        margin-bottom: 3vh;
        height: auto;
    }

    #page-container.apply-home .page .apply .title .row {
        display: block;
        margin-bottom: 0.5vh;
    }

    #page-container.apply-home .page .apply .title h2 {
        font-size: 5vw;
    }

    #page-container.apply-home .page .apply .apply-content .comment {
        display: block;
        position: relative;
        width: 100%;
        font-size: 3vw;
    }

    #page-container.apply-home .page .apply .apply-content .row>.warn {
        font-size: 2.5vw;
    }

    #page-container.apply-home .page .apply .apply-content dd>.warn {
        font-size: 2.5vw;
    }


    #page-container.apply-home .page .apply .title .row .comment {
        width: 100%;
        font-size: 3vw;
    }

    #page-container.apply-home .page .apply .apply-content .comment.sm {
        font-size: 3vw;
    }

    #page-container.apply-home .page .apply .apply-content .comment>strong {
        font-size: 4vw;
    }

    #page-container.apply-home .page .apply .apply-content .row {
        margin-bottom: 1vw;
    }

    #page-container.apply-home .page .apply .apply-content .row.second {
        height: auto;
        margin-bottom: 3vh;
    }

    #page-container.apply-home .page .apply .apply-content .tip {
        margin-top: 1.5vw;
        width: 100%;
    }

    #page-container.apply-home .page .apply .apply-content .tip>.title {
        margin-bottom: 4vw;
    }

    #page-container.apply-home .page .apply .apply-content .tip>.title>h2 {
        font-size: 4vw;
        margin-bottom: .5vw;
    }

    #page-container.apply-home .page .apply .apply-content .tip>.title>.desc {
        font-size: 3vw;
    }

    #page-container.apply-home .page .apply .apply-content .tip>h2 {
        font-size: 4vw;
        margin-bottom: 4vw;
    }


    #page-container.apply-home .page .apply .apply-content .tip dl {
        margin-bottom: 1vw;
        width: 100%;
    }

    #page-container.apply-home .page .apply .apply-content .tip dd {
        font-size: 3vw;
        width: 100%;
    }

    #page-container.apply-home .page .apply .apply-content .tip dd>strong {
        font-size: 3.5vw;
        width: 100%;
    }

    #page-container.apply-home .page .audition .audition-icons ul {}

    #page-container.apply-home .page .audition .audition-icons ul li .title {
        width: 90%;
        font-size: 3vw;
    }

    #page-container.apply-home .page .apply-control {
        display: block;
        position: relative;
        width: 100%;
        text-align: right;
    }

    #page-container.apply-home .page .apply-control>a {
        width: 80%;
        margin-right: 4vw;
        margin-top: -4vw;
        font-size: 4vw;
        padding-right: 45px;
    }

    #page-container .page .audition .audition-icons ul li .title>.desc {
        font-size: 2vw;
    }


    /* 오디션 상세보기 */
    #page-container.apply-home-detail .apply-home-flex>.apply-home-col {
        margin-bottom: 0;
        margin-top: -5px;
    }

    #page-container.apply-home-detail .page .audition .audition-icons ul li .title>.desc {
        font-size: 2vw;
    }

    #page-container.apply-home-detail .page .apply {
        padding-bottom: 6vw;
        padding-bottom: 0;
    }

    #page-container.apply-home-detail .page .audition {
        padding-left: 0;
        padding-right: 0;
    }

    #page-container.apply-home-detail .page .apply .title {
        margin-bottom: 3vh;
        height: auto;
    }

    #page-container.apply-home-detail .page .apply .title .row {
        display: block;
        margin-bottom: 0.5vh;
    }

    #page-container.apply-home-detail .page .apply .title h2 {
        font-size: 5vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .comment {
        display: block;
        position: relative;
        width: 100%;
        font-size: 3vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .row>.warn {
        font-size: 2.5vw;
    }

    #page-container.apply-home-detail .page .apply .title .row .comment {
        width: 100%;
        font-size: 3vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .comment.sm {
        font-size: 3vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .comment>strong {
        font-size: 4vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .row {
        margin-bottom: 1vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .row.second {
        height: auto;
        margin-bottom: 3vh;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip {
        margin: 3vw 0;
        width: 100%;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip>.title {
        margin-bottom: 4vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip>.title>h2 {
        font-size: 4vw;
        margin-bottom: .5vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip>.title>.desc {
        font-size: 3vw;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip>h2 {
        font-size: 4vw;
        margin-bottom: 1vw;
    }


    #page-container.apply-home-detail .page .apply .apply-content .tip dl {
        margin-bottom: 1vw;
        width: 100%;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip dd {
        font-size: 3vw;
        width: 100%;
    }

    #page-container.apply-home-detail .page .apply .apply-content .tip dd>strong {
        font-size: 3.5vw;
        width: 100%;
    }

    #page-container.apply-home-detail .page .audition .audition-icons ul {}

    #page-container.apply-home-detail .page .audition .audition-icons ul li .title {
        width: 90%;
        font-size: 3vw;
    }

    #page-container.apply-home-detail .page .apply-control {
        display: block;
        position: relative;
        width: 100%;
        text-align: right;
    }

    #page-container.apply-home-detail .page .apply-control>a {
        width: 50%;
        margin-right: 4vw;
        margin-top: -4vw;
        font-size: 4vw;
    }

    .audition-list {
        margin-top: 3vw;
    }

    .audition-list>.item>.date {
        font-size: 3vw;
    }

    .audition-list>.item>.city {
        font-size: 3.5vw;
    }
}

.btn-black {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
    text-align: left;
    padding: 2rem 18px;
    background-repeat: no-repeat;
    border-radius: 0;
    font-size: 1.2rem;
    font-weight: 600;
    width: 322px;
    letter-spacing: 0.1rem;
    transition: background-position .6s ease
}

.btn-black:hover {
    color: #fff;
    background-position: 93% center;
}

.btn-black-arrow {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
    background-image: url(../images/ico-apply-btn.png);
    background-position: 90% center;
    text-align: left;
    padding: 2rem 18px;
    background-repeat: no-repeat;
    border-radius: 0;
    font-size: 1.2rem;
    font-weight: 600;
    width: 322px;
    letter-spacing: 0.1rem;
    transition: background-position .6s ease
}

.btn-black-arrow:hover {
    color: #fff;
    background-position: 93% center;
}


.apply .apply-content .tip dd>strong {
    color: #212529;
}