@charset "utf-8";

@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:400;
    src:local(Montserrat-Light),
    url(/mc-static-root/fonts/Montserrat-Light.woff2) format("woff2"),
    url(/mc-static-root/fonts/Montserrat-Light.woff) format("woff");
}
@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:500;
    src:local(Montserrat),
    url(/mc-static-root/fonts/Montserrat-Regular.woff2) format("woff2"),
    url(/mc-static-root/fonts/Montserrat-Regular.woff) format("woff");
}
@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:700;
    src:local(Montserrat-SemiBold),
    url(/mc-static-root/fonts/Montserrat-SemiBold.woff2) format("woff2"),
    url(/mc-static-root/fonts/Montserrat-SemiBold.woff) format("woff");
}
@font-face {
    font-family:'NotoSansCJKkr';
    font-style:normal;
    font-weight:400;
    src:local(NotoSansKR),
    url(/mc-static-root/fonts/NotoSansKR-Regular.woff2) format("woff2"),
    url(/mc-static-root/fonts/NotoSansKR-Regular.woff) format("woff");
}
@font-face {
    font-family:'NotoSansCJKkr';
    font-style:normal;
    font-weight:500;
    src:local(NotoSansKR),
    url(/mc-static-root/fonts/NotoSansKR-Medium.woff2) format("woff2"),
    url(/mc-static-root/fonts/NotoSansKR-Medium.woff) format("woff");
}
@font-face {
    font-family:'NotoSansCJKkr';
    font-style:normal;
    font-weight:700;
    src:local(NotoSansKR),
    url(/mc-static-root/fonts/NotoSansKR-Bold.woff2) format("woff2"),
    url(/mc-static-root/fonts/NotoSansKR-Bold.woff) format("woff");
}
@font-face {font-family: 'Dovemayo-Medium'; src: url('/mc-static-root/fonts/dovemayo/Dovemayo-Medium.woff') format('woff'); font-weight: normal; font-style: normal;}

html, body {width:100%;height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;overscroll-behavior: contain;}
body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address,
ul, ol, li, dl, dt, dd, form, fieldset, input, select, label, textarea, img, a {margin:0; padding:0; border:0;}
body {background-color:#fff;color:#50585f;-webkit-text-size-adjust:none;}
ul, ol {list-style:none;}
table {border-spacing:0; border:0; border-collapse:collapse;}
img, input, select, textarea, button {border:0; vertical-align:top; color:#50585f;}
hr {display:none;}
a {color:#50585f; text-decoration:none;}

* {box-sizing:border-box;letter-spacing:0;word-spacing:0;font-family:-apple-system,BlinkMacSystemFont,'AppleSDGothicNeo','NotoSansCJKkr','Roboto','Montserrat',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;}
html {overflow-x:hidden;}

.live_cover {position:relative;height:100%;background:center no-repeat;background-size:cover;overflow: hidden;}
.live_cover.loading {animation-name: fadeIn;animation-duration: 1s;animation-fill-mode: forwards;}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.live_cover * {position:absolute;z-index:19;color:#ffffff;}
.live_cover .live_wrapper {top: 28%;width: 100%;}
.live_cover .live_wrapper h1 {position: relative;left: 5.5px;top: 3px;margin-bottom: 20px;height: 56px;width: calc(100% - 5px);background: center no-repeat url(/mc-static-root/image/etc/live_logo_black.png);background-size: 200px 49px;font-size: 0;}
.live_cover .live_wrapper .broadcast_text_1, .broadcast_text_2 {width:100%;position:static;text-align:center;font-size:16px;color:#000;font-weight:normal;}

.live_cover .dim-white {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.5);z-index: 0;}
.live_cover .dim {width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 0;}

.live_cover h1 {top:34%;width: 100%;height: 56px;font-size:0;background: center no-repeat url(/mc-static-root/image/etc/live_logo.png);background-size:auto 100%;}
.live_cover h2 {top:90%;width: 100%;height: 56px;font-size:0;background: center no-repeat url(/mc-static-root/image/etc/live_olive_logo.png);background-size:auto 50%;}
.live_cover p1 {top:calc(34% + 76px);width:100%;text-align:center;font-size:16px;}
.live_cover p2 {top:calc(34% + 96px);width:100%;text-align:center;font-size:16px;}
.live_cover button {top:12px;right:12px;width:24px;height:24px;background:center no-repeat transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 5.03 13.03 12 20 18.972 18.97 20 12 13.03 5.03 20 4 18.972 10.97 12 4 5.03 5.03 4 12 10.97 18.97 4z' fill='%23000' /%3E%3C/svg%3E%0A");}

.live_enter_pop {position: fixed;left: 0;bottom: 0;transition:0.2ms transform ease-out 0.2ms;transform: translateY(101%);padding: 19px 15px;padding-bottom: calc(15px + env(safe-area-inset-bottom));width: 100%;background-color: #fff;border-radius: 18px 18px 0 0;z-index: 20;}
.live_enter_pop.on {transform: translateY(0);}
.live_enter_pop .head {display: flex;align-items: center;justify-content: space-between;}
.live_enter_pop .head strong {font-size:18px;color:#131518;}
.live_enter_pop .head button {width: 20px;height: 20px;font-size: 0;background: url(/mc-static-root/image/mypage/icon-cancel-20-line.svg) no-repeat 0 0/20px auto;}
.live_enter_pop .body .cont {position:relative;margin-top: 19px;}
.live_enter_pop .body .cont p {line-height:1.38;font-size:15px;color:#1b1d1f}
.live_enter_pop .body .cont span,
.live_enter_pop .body .cont input {margin-bottom:24px;height:50px;font-family:-apple-system, BlinkMacSystemFont,'AppleSDGothicNeo', 'Montserrat', 'NotoSansCJKkr', 'Roboto', sans-serif;}
.live_enter_pop .body .cont input + p {position:absolute;top:57px;font-size:12px;}
.live_enter_pop .body .cont span {position:absolute;top:17px;right:37px;font-size:13px;color:#c9cdd2;}
.live_enter_pop .body .cont span + span {right:15px;}
.live_enter_pop .body .cont span + span:before {content:'';position:absolute;top:3px;left:-4px;width:1px;height:11px;background-color:#c9cdd2;}
.live_enter_pop .body .cont .warn {color:#f81542 !important;}
.live_enter_pop .body .btn {display: flex;margin-top:29px;}
.live_enter_pop .body .btn button {display:block;width:100%;height:50px;font-size: 16px;font-weight: 700;border-radius:4px;}
.live_enter_pop .body .btn button.primary {background-color:#9ac75b;}
.live_enter_pop .body .btn button + button {margin-left:11px;}

.adult_form_close {background-color:#fff; border: 1px solid #E5E7EA;}
.move_adult_auth {background-color:#131518; color: white;}
.live.loading_ico {display: inline-block;position: fixed;top: calc(28% + 145px + 16px);left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 75px;height: 50px;text-indent: -9999px;z-index: 19;background: url(/mc-static-root/image/comm/loading_dot.png) 0 0/100% auto no-repeat;}

.live_toast {position: fixed;left: 0;bottom: 66px;bottom: calc(66px + env(safe-area-inset-bottom));bottom: calc(66px + constant(safe-area-inset-bottom));transition:300ms all ease-out;transform: translateY(100%);padding: 0 15px;width: 100%;text-align:center;z-index: 100;opacity:0;}
.live_toast p {display:inline-block;padding: 10px 20px;font-size:14px;color:#fff;border-radius: 4px;background-color: rgba(0, 0, 0, 0.8);}

.live_dim { position: absolute; top: 0; left: 0; z-index: 19; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); }
.live_alert { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 20; display: inline-block; border-radius: 14px; background: rgba(242, 242, 242, 0.80); backdrop-filter: blur(11px); text-align: center;}
.live_alert .txt {padding: 16px; border-bottom: 0.5px solid rgba(60, 60, 67, 0.36); font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.078px; white-space: nowrap; color: #000000; }
.live_alert .btn_wrap {display: flex;justify-content: center;align-items: center;height: 44px;}
.live_alert .btn_wrap button {width: 50%;height: 100%;font-size: 17px;font-weight: 400;line-height: 22px;letter-spacing: -0.408px;color: #007aff;background: transparent;-webkit-tap-highlight-color: transparent;}
.live_alert .btn_wrap button.type_bold {border-left: 0.5px solid rgba(60, 60, 67, 0.36);font-weight: 600;}

.dim {display:none;position: fixed;top: 0;right: 0;width: 100vw; height: 100vh;background: rgba(0,0,0,0.8);opacity: 1;z-index:18;cursor:pointer;}

.blind {
    position: absolute;
    top: -10000px;
    left: 0;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -10000px;
    overflow: hidden;
}

#liveHealthCheckPopup {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    background-color: #fff;
}

#liveHealthCheckPopup .pip {
    display: none;
}

#liveHealthCheckPopup .pip img {
    width: 100%;
}

#liveHealthCheckPopup .full img {
    display: block;
    margin: 0 auto 22px;
    width: 158px;
}

#liveHealthCheckPopup .full p:first-child {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    color: #131518;
}

#liveHealthCheckPopup .full p {
    line-height: 20px;
    font-size: 14px;
    color: #50585F;
}

#liveHealthCheckPopup .full a {
    display: inline-block;
    margin: 14px 5px 0;
    max-width: 167.5px;
    width: calc(167 / 375 * 100vw);
    height: 42px;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid;
    border-radius: 4px;
}

#liveHealthCheckPopup .full a.btn-back {
    color: #50585F;
    border-color: #E5E7EA;
}
#liveHealthCheckPopup .full a.btn-live {
    font-weight: bold;
    color: #fff;
    background-color: #131518;
    border-color: #131518
}

@media screen and (max-width: 279px) {    
    #liveHealthCheckPopup .full {
        display: none;
    }

    #liveHealthCheckPopup .pip {
        display: block;
    }
}