@font-face{
    font-family: 'r-Montserrat-Thin';
    src: url('/page/video_modal/src/Montserrat/static/Montserrat-Thin.ttf') format('truetype');
}
@font-face{
    font-family: 'r-Montserrat-Light';
    src: url('/page/video_modal/src/Montserrat/static/Montserrat-Light.ttf') format('truetype');
}
@font-face{
    font-family: 'r-Montserrat-Medium';
    src: url('/page/video_modal/src/Montserrat/static/Montserrat-Medium.ttf') format('truetype');
}
@font-face{
    font-family: 'r-Montserrat-SemiBold';
    src: url('/page/video_modal/src/Montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face{
    font-family: 'r-Montserrat-Bold';
    src: url('/page/video_modal/src/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Bold.eot');
    src:
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Bold.ttf') format('truetype'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Bold.woff') format('woff'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Bold.woff2') format('woff2');
}
@font-face{
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Light.eot');
    src:
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Light.ttf') format('truetype'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Light.woff') format('woff'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Light.woff2') format('woff2');
}
@font-face{
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Medium.eot');
    src:
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Medium.ttf') format('truetype'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Medium.woff') format('woff'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Medium.woff2') format('woff2');
}

@font-face{
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Regular.eot');
    src:
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Regular.ttf') format('truetype'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Regular.woff') format('woff'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Regular.woff2') format('woff2');
}

@font-face{
    font-family: 'SpoqaHanSansNeo-Thin';
    src: url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Thin.eot');
    src:
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Thin.ttf') format('truetype'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Thin.woff') format('woff'),
            url('/page/video_modal/src/SpoqaHanSansNeo_all/SpoqaHanSansNeo_TTF_subset/SpoqaHanSansNeo-Thin.woff2') format('woff2');
}

.full{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.w-100{
    width: 100%;
}

.th_animation{
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.th_animation_slow{
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.drop-shadow{
    filter: drop-shadow( 0px 4px 10px rgba(0, 0, 0, 0.16));
}

.box-shadow{
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
}
.box-shadow2{
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}
.break_word{
    word-break: keep-all;
    word-wrap: break-word;
}

/* margin global setting */
.mt-150{
    margin-top: 7.8125vw !important;
}
.mt-120{
    margin-top: 6.25vw !important;
}
.mt-115{
    margin-top: 5.989583333vw !important;
}
.mb-115 {
    margin-bottom: 5.989583333vw !important;
}
.pt-115{
    padding-top: 5.989583333vw !important;
}
.mt-110{
    margin-top: 5.729166667vw !important;
}
.mt-100{
    margin-top: 5.208333333vw !important;
}
.mt-95{
    margin-top: 4.947916667vw !important;
}
.mt-90{
    margin-top: 4.6875vw !important;
}
.mt-85{
    margin-top: 4.427083333vw !important;
}
.mt-80{
    margin-top: 4.166666667vw !important;
}
.mt-70{
    margin-top: 3.645833333vw !important;
}
.mt-65{
    margin-top: 3.385416667vw !important;
}
.mt-60{
    margin-top: 3.125vw !important;
}
.mt-55{
    margin-top: 2.864583333vw !important;
}
.ml-55{
    margin-left: 2.864583333vw !important;
}
.mt-50{
    margin-top: 2.604166667vw !important;
}
.mt-45{
    margin-top: 2.34375vw !important;
}
.mt-40{
    margin-top: 2.083333333vw !important;
}
.mt-35{
    margin-top: 1.822916667vw !important;
}
.mt-30{
    margin-top: 1.5625vw !important;
}
.mt-25{
    margin-top: 1.302083333vw !important;
}
.mt-20{
    margin-top: 1.041666667vw !important;
}
.mt-15{
    margin-top: 0.78125vw !important;
}
.mt-12{
    margin-top: 0.625vw !important;
}
.mt-10{
    margin-top: 0.5vw !important;
}
.mt-8{
    margin-top: 0.4166666667vw !important;
}
.mt-5{
    margin-top: 0.25vw !important;
}
.mt-2{
    margin-top: 0.1041666667vw !important;
}
.mb-110{
    margin-bottom: 5.729166667vw !important;
}
.mb-40{
    margin-bottom: 2.083333333vw !important;
}
.mb-30{
    margin-bottom: 1.5625vw !important;
}
.mb-20{
    margin-bottom: 1.041666667vw !important;
}
.mb-15{
    margin-bottom: 0.78125vw !important;
}
.mt-18{
    margin-top: 0.9375vw !important;
}
.mt-15{
    margin-top: 0.78125vw !important;
}
.mt-12{
    margin-top: 0.625vw !important;
}
.mt-10{
    margin-top: 0.5208333333vw !important;
}
.mb-10{
    margin-bottom: 0.5208333333vw !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.pt-40{
    padding-top: 2.083333333vw !important;
}
.pt-110{
    padding-top: 5.729166667vw !important;
}
.pb-110{
    padding-bottom: 5.729166667vw !important;
}
.pb-40{
    padding-bottom: 2.083333333vw !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}
.mr-35{
    margin-right: 1.822916667vw;
}
.mr-20{
    margin-right: 1.041666667vw;
}
.mr-10{
    margin-right: 0.5208333333vw;
}
.m-b{
    font-family: 'r-Montserrat-Bold', Sans-serif !important;
}
.m-sb{
    font-family: 'r-Montserrat-SemiBold', Sans-serif !important;
}
.m-m{
    font-family: 'r-Montserrat-Medium', Sans-serif !important;
}
.s-r{
    font-family: 'SpoqaHanSansNeo-Regular', Sans-serif !important;
}
.s-m{
    font-family: 'SpoqaHanSansNeo-Medium', Sans-serif !important;
}
.s-b{
    font-family: 'SpoqaHanSansNeo-Bold', Sans-serif !important;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.font-32{
    font-size: 1.666666667vw !important;
}
.font-18{
    font-size: 0.9375vw !important;
}
.fs-1{
    font-size: 1vw;
}
.fs-1_5{
    font-size: 1.5vw;
}
.fs-2{
    font-size: 2vw;
}
.fs-2_5{
    font-size: 2.5vw;
}
.fs-3{
    font-size: 3vw;
}
.h-s-s{
    display: flex !important;
    justify-content: start;
    align-items: start;
}
.h-c-s{
    display: flex !important;
    justify-content: center;
    align-items: start;
}
.h-c-c{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.h-b-s{
    display: flex !important;
    justify-content: space-between;
    align-items: start;
}
.h-b-c{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.h-s-c{
    display: flex !important;
    justify-content: start;
    align-items: center;
}
.h-e-c{
    display: flex !important;
    justify-content: end;
    align-items: center;
}
.h-e-s{
    display: flex !important;
    justify-content: end;
    align-items: start;
}
.h-e-e{
    display: flex !important;
    justify-content: end;
    align-items: end;
}
.h-b-e{
    display: flex !important;
    justify-content: space-between;
    align-items: end;
}
.h-a-c{
    display: flex !important;
    justify-content: space-around;
    align-items: center;
}
.h-a-s{
    display: flex !important;
    justify-content: space-around;
    align-items: start;
}
.c-s-b{
    display: flex !important;
    flex-direction: column;
    justify-content: start;
    align-items: flex-end;
}
.c-s-s{
    display: flex !important;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.c-c-c{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.c-s-c{
    display: flex !important;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.c-c-s{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.c-b-s{
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.w-100{
    width: 100%;
}
.w-20{
    width: 20vw;
}
.w-15{
    width: 15vw;
}
.w-12{
    width: 12vw;
}
.w-10{
    width: 10vw;
}
.w-7{
    width: 7vw;
}
.cont_100{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.cont_65{
    position: relative;
    width: 100%;
    padding-bottom: 65%;
}
br.mobile{
    display: none;
}
br.all{
    display: block;
}
@media screen and (max-width: 767px) {
    .m-w-100{
        width: 100%;
    }
    .m-h-s-s{
        display: flex !important;
        justify-content: start;
        align-items: start;
    }
    .m-h-c-s{
        display: flex !important;
        justify-content: center;
        align-items: start;
    }
    .m-h-c-c{
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .m-h-b-s{
        display: flex !important;
        justify-content: space-between;
        align-items: start;
    }
    .m-h-b-c{
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    .m-h-s-c{
        display: flex !important;
        justify-content: start;
        align-items: center;
    }
    .m-h-e-c{
        display: flex !important;
        justify-content: end;
        align-items: center;
    }
    .m-h-e-s{
        display: flex !important;
        justify-content: end;
        align-items: start;
    }
    .m-h-a-c{
        display: flex !important;
        justify-content: space-around;
        align-items: center;
    }
    .m-c-s-b{
        display: flex !important;
        flex-direction: column;
        justify-content: start;
        align-items: flex-end;
    }
    .m-c-s-s{
        display: flex !important;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }
    .m-c-c-c{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .m-c-s-c{
        display: flex !important;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }
    .m-c-c-s{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }
    .m-mt-120{
        margin-top: 32vw !important;
    }
    .m-mt-80 {
        margin-top: 21.33333333vw !important;
    }
    .m-mt-60 {
        margin-top: 16vw !important;
    }
    .m-mt-55{
        margin-top: 14.66666667vw !important;
    }
    .m-mb-60{
        margin-bottom: 16vw !important;
    }
    .m-mt-50{
        margin-top: 13.33333333vw !important;
    }
    .m-mb-50{
        margin-bottom: 13.33333333vw !important;
    }
    .m-mt-45{
        margin-top: 12vw !important;
    }
    .m-mt-40{
        margin-top: 10.6vw !important;
    }
    .m-mb-40{
        margin-bottom: 10.6vw !important;
    }
    .m-mt-45{
        margin-top: 12vw !important;
    }
    .m-mt-35{
        margin-top: 9.333333333vw !important;
    }
    .m-mt-30 {
        margin-top: 8vw !important;
    }
    .m-mt-25{
        margin-top: 6.666666667vw !important;
    }
    .m-mt-20{
        margin-top: 5.3vw !important;
    }
    .m-mb-20{
        margin-bottom: 5.3vw !important;
    }
    .m-pt-20{
        padding-top: 5.3vw !important;
    }
    .m-mb-18{
        margin-bottom: 4.8vw !important;
    }
    .m-pb-20{
        padding-bottom: 5.3vw !important;
    }
    .m-pb-30{
        padding-bottom: 8vw !important;
    }
    .m-pb-40{
        padding-bottom: 10.66666667vw !important;
    }
    .m-pt-30{
        padding-top: 8vw !important;
    }
    .m-pt-40{
        padding-top: 10.66666667vw !important;
    }
    .m-pt-60{
        padding-top: 16vw !important;
    }
    .m-pl-20{
        padding-left: 5.333333333vw !important;
    }
    .m-mt-15{
        margin-top: 4vw !important;
    }
    .m-mb-15{
        margin-bottom: 4vw !important;
    }
    .m-mt-13 {
        margin-top: 3.466666667vw !important;
    }
    .m-mt-12 {
        margin-top: 3.2vw !important;
    }
    .m-mt-10 {
        margin-top: 2.666666667vw !important;
    }
    .m-mt-8{
        margin-top: 2.133333333vw !important;
    }
    .m-mt-5{
        margin-top: 1.333333333vw !important;
    }
    .m-mt-4{
        margin-top: 1.066666667vw !important;
    }
    .m-mt-0 {
        margin-top: 0 !important;
    }
    .m-pt-0{
        padding-top: 0 !important;
    }
    .m-mb-80 {
        margin-bottom: 21.33333333vw !important;
    }
    .m-pb-80{
        padding-bottom: 21.33333333vw !important;
    }
    .m-pb-60{
        padding-bottom: 16vw !important;
    }
    .m-mb-0 {
        margin-bottom: 0 !important;
    }
    .m-mb-10{
        margin-bottom: 2.666666667vw !important;
    }
    .m-mb-12{
        margin-bottom: 3.2vw !important;
    }
    .m-mb-15{
        margin-bottom: 4vw !important;
    }
    .m-mb-20{
        margin-bottom: 5.333333333vw !important;
    }
    .m-mb-30{
        margin-bottom: 8vw !important;
    }
    .m-mb-40{
        margin-bottom: 10.66666667vw !important;
    }
    .m-pb-20{
        padding-bottom: 5.333333333vw !important;
    }
    .m-pb-0{
        padding-bottom: 0 !important;
    }
    .m-ml-20{
        margin-left:  5.333333333vw !important;
    }
    .m-font-30{
        font-size: 8vw !important;
    }
    .m-font-25{
        font-size: 6.666666667vw !important;
    }
    .m-font-22 {
        font-size: 5.866666667vw !important;
    }
    .m-font-20{
        font-size: 5.333333333vw !important;
    }
    .m-font-16 {
        font-size: 4.266666667vw !important;
    }
    .m-font-15{
        font-size: 4vw !important;
    }
    .m-font-14 {
        font-size: 3.733333333vw !important;;
    }
    .m-font-13 {
        font-size: 3.466666667vw !important;;
    }
    .m-font-12 {
        font-size: 3.2vw !important;
    }
    .m-w-332 {
        width: 88.53333333vw !important;
    }
    .m-w-180 {
        width: 48vw !important;
    }
    .m-m-b{
        font-family: 'r-Montserrat-Bold', Sans-serif !important;
    }
    .m-m-sb{
        font-family: 'r-Montserrat-SemiBold', Sans-serif !important;
    }
    .m-m-m{
        font-family: 'r-Montserrat-Medium', Sans-serif !important;
    }
    .m-s-r{
        font-family: 'SpoqaHanSansNeo-Regular', Sans-serif !important;
    }
    .m-s-m{
        font-family: 'SpoqaHanSansNeo-Medium', Sans-serif !important;
    }
    .m-s-b{
        font-family: 'SpoqaHanSansNeo-Bold', Sans-serif !important;
    }
    .m-box-shadow{
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
    }
    br.mobile{
        display: block;
    }
    br.all{
        display: block;
    }
}