@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
/* CSS Document */
body {-webkit-text-size-adjust:none}

/* BASIC */
html {margin:0; padding:0;} 
body {margin:0;overflow: hidden; display:block;} 

body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none; font-family:"Rubik",'Noto Sans KR', 'Noto Sans KR',sans-serif !important; letter-spacing:-0.5px;}
/* ������ ���θ�� ���� ũ�� Ȯ�� ����: -webkit-text-size-adjust:none; */
body, input, textarea, select, button {color:#585858; font-size:12px; font-family: Dotum; } 

header, footer, nav, aside, section, article {display:block;} fieldset, img {border:0;} img {-ms-interpolation-mode:bicubic !important; border:0;} table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;} ul, ol {list-style:none;}
a { color:#4073f2; text-decoration:none;}
input,textarea:focus { outline: none; }

@media screen and (max-width: 720px) {
}

@media screen and (max-width: 350px) {
}


.browser_preview_round{width: 100%; max-width: 400px; z-index: 1001; background: #fff; border-radius: 50px; transition: all 0.5s; padding-right: 20px; box-sizing: border-box;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
    -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
    -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);}
.preview_round{position: fixed; bottom: 20px; right: -400px; width: 100%; max-width: 400px; z-index: 1001; background: #fff; border-radius: 50px; transition: all 0.5s; padding-right: 20px;}
.preview_round_profilename{display: inline-block; height:100px; vertical-align: middle;}
.preview_round_profilename>img{height: 84px; width: auto; margin-left: 10px; margin-top: 8px;}
.preview_round_cont{display: inline-block; width: calc(100% - 120px);  vertical-align: middle; padding-left: 10px;}
.preview_round_cont>h2{font-size: 16px; font-weight: bold;}
.preview_round_cont>p{font-size: 15px;}
.preview_round_close_btn{font-size: 14px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);  width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #444; font-weight: 300; text-align: center; color: #fff;}

.mitalk_youtube_video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.mitalk_youtube_video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}