body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;font-family: 'Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif;font-weight: normal;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}
*{box-sizing: border-box;outline: none;}
i{font-style: normal;}

body,textarea{}
body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family: 'Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif;}
body{font-size: 16px;color: #666; font-weight: normal;overflow: hidden;height: 100%;}

input[type="file"], input[type="text"], input[type="password"], select{border: 1px solid #dfdfdf;color: #666;}
input,textarea,select,button {font-size: 16px;vertical-align: middle;font-family: 'Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif;}
legend {margin: 0;padding: 0;display: none;}
pre{white-space: pre;font-family: 'Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif;white-space: pre-wrap;word-wrap: break-word;}
textarea{height:initial;resize: none;}

img{border: 0 none;vertical-align: middle;}
ul,ol,li,dl,dt,dd{list-style: none;padding:0;}
a{text-decoration: none;color: #666;font-family: 'Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif;display: inline-block;transition: all 0.3s ease;}
a:link {color:#666; text-decoration:none !important; font-size:16px;}
a:focus, a:hover{text-decoration:none !important;color:#666;}
table {border-collapse: separate;border-collapse: collapse;width: 100%;position: relative;}
table caption{width: 0;height: 0;font-size: 16px;overflow: hidden;text-indent: -999em;}

.hidden {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	top: -9999px;
	left: -9999px;
	line-height: 0;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 0;
	border: none;
}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

#login-page{max-width: 320px;margin: 0 auto;position: relative;}
#login-page h1{width: 154px;height: 42px;margin: 0 auto 15px;}
#login-page h1 img{width: 154px;}
.page {width: 100%;height: 200px;overflow: hidden;z-index: -1;position:relative;}
.page img{height: 32px;}
.page .test1{display: inline-block;position: absolute;}
.login-input li{margin-top: 5px;}
.login-input input[type="text"]{width: 100%;padding: 0 30px 0 10px;font-size: 13px;color: #333;border: 1px solid #bbbbbb;letter-spacing: -1px;height: 40px;border-radius: 3px;}
.login-input input[type="password"]{width: 100%;padding: 0 30px 0 10px;font-size: 13px;color: #333;border: 1px solid #bbbbbb;letter-spacing: -1px;height: 40px;border-radius: 3px;}
.login-input input::placeholder { color: #b3b3b3; }
.login-input input:focus::placeholder { color: #222; }
.login-input input:focus + .log-reset { display: block; }
a.login-button{margin-top: 20px;text-align: center;color: #fff;display: block;background: #4279ff;height: 40px;line-height: 40px;font-size: 17px;border-radius: 3px;}
a.login-button:hover{background: #3163dd;}

button.login-button{margin-top: 20px;text-align: center;color: #fff;display: block;background: #4279ff;height: 40px;line-height: 40px;font-size: 17px;border-radius: 3px;width:100%;}
button.login-button:hover{background: #3163dd;}

#login-page .log-retain { margin: 0 5px 0 0; padding-bottom: 10px; margin: 10px 0 0; border-bottom: 1px solid #ededee; }
#login-page .log-retain input { -webkit-appearance:none; appearance: none; width: 13px; height: 13px;  border-radius: 50%; vertical-align:1px;  border: 1px solid #919191;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill-rule='evenodd'  fill='%23979797' d='M16.432 1.447c.581-.59 1.531-.597 2.121-.015.59.581.597 1.531.015 2.121l-9.858 10c-.566.575-1.487.598-2.082.053L2.486 9.808c-.61-.56-.651-1.509-.092-2.12.56-.61 1.51-.651 2.12-.091l3.075 2.82 8.843-8.97z'/%3e%3c/svg%3e");
background-size:80% 80%; background-position:50% 50%; background-repeat:no-repeat; }
#login-page .log-retain input:checked { border-color: #4279ff; background-color: #4279ff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill-rule='evenodd'  fill='%23fff' d='M16.432 1.447c.581-.59 1.531-.597 2.121-.015.59.581.597 1.531.015 2.121l-9.858 10c-.566.575-1.487.598-2.082.053L2.486 9.808c-.61-.56-.651-1.509-.092-2.12.56-.61 1.51-.651 2.12-.091l3.075 2.82 8.843-8.97z'/%3e%3c/svg%3e"); }
#login-page .log-retain label { margin-right: 10px; color:#fff; font-size: 13px; vertical-align: 2px;  }
#login-page .find-info { margin: 30px 0 25px; text-align:center; }
#login-page .find-info { font-size: 0; }
#login-page .find-info a { font-size: 12px; color:#fff; text-decoration: none; }
#login-page .find-info .bar { margin:0 9px; font-size: 12px; color:#ddd; vertical-align: 1px;}
#login-page .sns-join{margin-top: 20px;}
#login-page .sns-join li{margin-top: 7px;}
#login-page .sns-join li a{position:relative;display:block;height:40px;line-height:40px;text-align:center;border-radius:3px;font-size:14px;position: relative;}
#login-page .sns-join li a.naver{color:#fff; background-color: #1ec800;}
#login-page .sns-join li a.naver::before{content: "";background: url(../images/naver.png) no-repeat center center;width: 22px;height: 22px;background-size: 100% 100%;position: absolute;left: 14px;top: 10px;}
#login-page .sns-join li a.kakao{color:#000; background-color: #fee500;}
#login-page .sns-join li a.kakao::before{content: "";background: url(../images/kakao.png) no-repeat center center;width: 25px;height: 23px;background-size: 100% 100%;position: absolute;left: 14px;top: 10px;}
#login-page .sns-join li a.apple{color:#fff; background-color: #000;}
#login-page .sns-join li a.apple::before{content: "";background: url(../images/iphone.png) no-repeat center center;width: 24px;height: 22px;background-size: 100% 100%;position: absolute;left: 14px;top: 9px;}

.header{background: #212020;min-width: 320px;position: fixed;z-index: 300;top : 0;left: 0;width: 100%;height: 48px;overflow-y: visible !important;}
.video-more{background: #000;height: 100%;}
.video-more .prev{position: absolute;top: 0;left: 0;z-index: 1;width: 54px;height: 48px;background: none;overflow: hidden;display: inline-block;border: none;outline: none;text-indent: -9999px;cursor: pointer;border-radius: 0;}
.video-more .prev span{position: absolute;top: 17px;left: 18px;width: 16px;height: 14px;transition: all .2s ease-out;background: url(/images/img_web.png) no-repeat;display: inline-block;z-index: 1;background-size: 320px 250px;background-position: -116px 0;}
#playerTopMenu h1 {overflow: hidden;margin: 0 140px 0 55px;line-height: 50px;font-size: 1.214em;color: #fff;text-overflow: ellipsis;white-space: nowrap;}
#playerTopMenu .txt-bj{display: block;position: absolute;top: 0;right: 10px;line-height: 50px;font-size: 0.857em;color: #9fc3f5;}
#playerTopMenu .bookmark{position: relative;display: inline-block;width: 30px;height: 30px;margin: 0 0 3px 2px;vertical-align: middle;background: none;padding: 0;border: 0;}
#playerTopMenu .bookmark span{position: absolute;top: 6px;left: 7px;display: block;overflow: hidden;border: none;width: 17px;height: 17px;text-indent: -9999px;background: url(/images/img_web.png) no-repeat;background-size: 320px 250px;}
#playerTopMenu .bookmark span.off{background-position: -225px 0;}
#playerTopMenu .bookmark span.on{background-position: -207px 0;}
.video-more .video-iframe-box{width: 100%;z-index: 1;margin-top: 48px;position: relative;}
.video-more .video-iframe{width: 100%;height: 100%;vertical-align: top;}
.vedio-box{width: 100%;position: fixed;bottom: 44px;left: 0;}
.vedio-box *{font-family: 'S-CoreDream', sans-serif;}
.vedio-bar{width: 100%;padding: 0 35px 60px 15px;height: 100%;overflow-y: auto;overflow-x: hidden;background: #fff;}
a.yn-button{background: url(/images/img_web.png) no-repeat;background-position: -263px -82px;text-indent: -9999em;width: 25px;height: 25px;background-size: 320px 250px;position: absolute;right: 11px;top: 14px;transition: all 0s ease;}

a.yn_ice{    
    width: 53px;
    height: 18px;
    position: absolute;
    right: 9px;
    top: 3px;
    color: #fff;
    border: 1px solid #212020;
    background-color: #212020;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    line-height: 16px;}

a.yn-button.on{top: 4px !important;background: url(/images/img_web.png) no-repeat -291px -82px;background-size: 320px 250px;}
.info-app.aos{padding-top: 10px;text-align: center;}
.info-app p{color: #adaeb6;font-size: 14px;letter-spacing: -1px;}
.info-app p span{color: #fefefe;}
.info-app .app-view{display: inline-block;min-width: 182px;padding: 0 5px;height: 44px;line-height: 44px;margin: 12px auto 0;background-color: #212020;border-radius: 2px;color: #fff;font-size: 14px;letter-spacing: -1px;}
.chatting-box dl{margin: 10px 0 0;position: relative;width: 100%;color: #fff;}
.chatting-box dl::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.chatting-box dl dt{float: left;font-size: 14px;font-family: 'S-CoreDream', sans-serif;}
.chatting-box dl dt img{display: inline-block;margin-right:5px;vertical-align: -2px;}
.chatting-box dl dd{padding-left: 123px;font-size: 14px;font-family: 'S-CoreDream', sans-serif;}
.chatting-box .st1 {color:#ffff00}
.chatting-box .st2 {color:#ff2437}
.chatting-box .st3 {color:#2f85cd}
.chatting-box .st4 {color:#ff4e00}
.chatting-box .st5 {color:#9e8dff}
.chatting-box .st6 {color:#ff00a8}
.chatting-box .st7 {color:#60ff00}
.chatting-box .st8 {color:#7d7f88}
.chatting-box .st8 span {color:#adaeb6}
.chatting-box .st9 {color:#b67a62}
.chatting-box .st10 {color:#000;font-weight:bold;}
.ment{text-align:left;}
.levelicon{width:17px;}

.chatting-box .st9 dt span {display:inline-block;width:23px;height:18px;background:url(/images/icon_whisper.png) 0 0 no-repeat;background-size:23px 18px;text-indent:-99999em;margin:0 0 0 3px;vertical-align:middle}
.chat-g{position: fixed;bottom: 0;left: 0;width: 100%;height: 32px;z-index: 50;padding: 0 64px 0 44px;background: #fff;}
.chat-g .btn-gift {position: absolute;
    top: -1px;
    left: 7px;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    border: none;
    outline: none;
    background: url(/images/gift.png) no-repeat 0 0;}
.chat-g .btn-send {position: absolute;top: 0;right: 6px;display: block;width: 52px;height: 32px;text-indent: -9999px;border: none;outline: none;background-color: #212020;color: #fff;text-indent: 0;border-radius: 20px;}
.chat-g .chat-input {display: block;padding: 0 20px;width: 100%;line-height: 32px;height: 32px;white-space: nowrap;outline: none;border: 0;appearance: none;background: #f0f0f2;border-radius: 32px;}
::placeholder {font-size: 13px;color: #999;}
.btn-gift-box{background: rgba(0, 0, 0, 0.7);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 299;display: none;}
.btn-gift-bar{width: 100%;position: fixed;bottom: 0;left: 0;}
.btn-gift-con{position: relative;background: #1e1e1e;}
.btn-gift-con > ul li{float: left;width: 50%;}
.btn-gift-con > ul li a{display: block;color: #fff;text-align: center;background: #353535;height: 33px;line-height: 34px;}
.btn-gift-con > ul li a.on{background: #2682ff;}
.btn-gift-con li em {display: inline-block;vertical-align: -7px;margin: -5px 3px 1px 0;background: url(/images/img_web.png) no-repeat;background-size: 320px 250px;}
.btn-gift-con li em.star {width: 23px;height: 23px;background-position: -94px -223px;}
.btn-gift-con li em.gather_balloon {width: 23px;height: 23px;background: url(/images/img_web2_img.png) no-repeat;background-size: 100% 100%;}
.btn-gift-con .my-item{padding: 10px 10px 0 10px;}
.btn-gift-con .my-item span{color: #2691ff;font-size: 14px;}
.btn-gift-con .my-item a{display: inline-block;height: 23px;line-height: 25px;padding: 0 10px;margin: 0 0 2px 11px;vertical-align: middle;border: 1px solid #858585;border-radius: 2px;color: #ccc;font-size: 14px;}
.btn-gift-con .inner-scroll{position: relative;overflow-x: auto;overflow-y: hidden;height: 125px;padding: 7px 10px;}
.btn-gift-con .inner-scroll ul{display: table;}
.btn-gift-con .inner-scroll li{display: table-cell;vertical-align: middle;text-align: center;padding-right: 13px;}
.btn-gift-con .inner-scroll li img{width: 91px;border: 2px solid #646464;border-radius: 8px;}
.btn-gift-con .inner-scroll li img.checked{border: 2px solid #2691ff;}
.btn-gift-con .live-motion{background: #1e1e1e;padding: 0 10px;}
.btn-gift-con .live-motion .innr{display: flex;justify-content: space-between;align-items: center;padding: 13px 0;border-top: 1px solid #333;position: relative;}
.btn-gift-con .live-motion .innr p {color: #999;font-size: 12px;letter-spacing: -1px;}
.btn-gift-con .live-motion .innr .chk-wrap{display: block;position: relative;width: 37px;height: 20px;margin-left: 6px;}
.btn-gift-con .live-motion .innr .chk-wrap input[type=checkbox] {position: absolute;top: -9999em;left: -9999em;}
.btn-gift-con .live-motion .innr .chk-wrap label {display: block;position: absolute;top: 0;left: 0;background: #c3c3c3;width: 37px;height: 20px;border-radius: 100px;transition: all 0.3s ease-in-out;}
.btn-gift-con .live-motion .innr .chk-wrap input[type=checkbox]:checked+label {background: #437cfa;}
.btn-gift-con .live-motion .innr .chk-wrap label i {display: block;position: absolute;top: 1px;left: 1px;background: #fff;width: 18px;height: 18px;border-radius: 50%;transition: all 0.3s ease-in-out;}
.btn-gift-con .live-motion .innr .chk-wrap input[type=checkbox]:checked+label i {left: 17px;}
.btn-gift-con .live-motion .innr .chk-wrap label:after {content: "";display: block;position: absolute;top: 50%;left: 5px;background: url(/images/img_chk_pay.png) 0 0 no-repeat;background-size: 8px auto;width: 8px;height: 6px;opacity: 0;transform: translateY(-50%);transition: all 0.3s ease-in-out;}
.btn-gift-con .live-motion .innr .chk-wrap input[type=checkbox]:checked+label:after {opacity: 1;}
.btn-gift-con .close {position: absolute;top: -31px;right: 8px;}
.btn-gift-con .close button {display: block;width: 28px;height: 27px;text-indent: -9999px;border: 0 none;background: url(/images/img_web.png) no-repeat;background-size: 320px 250px;background-position: -169px -223px;}
.voice_input {position: relative;height: 44px;padding: 0 10px;background: #1e1e1e;}
.voice_input > div {position: relative;margin-right: 102px;height: 34px;border-radius: 17px;background-color: rgba(135,140,153,0.14);}
.voice_input > div .contenteditable_wrap {overflow: hidden;position: relative;height: 100%;margin: 0 12px;}
.voice_input > div div[contenteditable=true] {position: absolute;top: 0;left: 0;bottom: 0;width: 100%;line-height: 34px;color: #fff;outline: none;letter-spacing: -1px;word-break: break-all;white-space: nowrap;}
.voice_input > div div[contenteditable=true]:before {content: attr(placeholder);display: none;position: absolute;top: 0;bottom: 0;left: 12px;height: auto;font-size: 13px;color: rgba(255,255,255,0.3);}
.voice_input > div div[contenteditable=true]:empty:before {display: block;}
.voice_input .btn_voice_select {position:absolute;top:0;right:10px;width:96px;height:34px;margin:0 0 0 6px;border-radius:17px;font-size:12px;letter-spacing:-1px;border:solid 1px #4279ff;color:#4279ff;background-color:transparent;}
.voice_input .btn_voice_select img {display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;}
.voice_input .btn_voice_select span {vertical-align: middle;}
.btn-gift-con .item_v {position:relative;height:47px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:5px 113px 0 100px;border-top:1px solid #0a0a0a;background:#333;}
.btn-gift-con .item_v .checkbox {position:absolute;top:15px;left:0;width:100px;letter-spacing:-1px;text-align:center;}
.btn-gift-con .item_v .checkbox input {position:absolute;width:0;height:0;border:none;font:0/0 a;}
.btn-gift-con .item_v .checkbox label {position: relative;display: inline-block;font-size: 13px;color: #b3b3b3;}
.btn-gift-con .item_v .checkbox .tooltip {box-sizing:border-box;position:absolute;z-index:1;left:5px;bottom:30px;padding:10px 26px 10px 10px;width:320px;text-align:left;border-radius:6px;background-color:rgba(66,121,255,0.9);}
.btn-gift-con .item_v .checkbox .tooltip strong {font-size: 15px;color: #fff;display: none;}
.btn-gift-con .item_v .checkbox .tooltip p {font-size: 13px;color: #fff;}
.btn-gift-con .item_v .checkbox .tooltip button {position:absolute;top:12px;right:12px;width:12px;height:12px;font:0/0 a;border:none;background:url(/images/close.png);background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;}
.btn-gift-con .item_v .inputbox {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;padding:0 30px 0 14px;border-radius:2px;border:1px solid #1a1a1a;color:#8d8d8d;background:#262626;transition:all 0.3s cubic-bezier(0.56,0.12,0.12,0.98);}
.btn-gift-con .item_v .inputbox input {width:100%;height:34px;background:none;border:0 none;color:#006bfe;text-align:right;font-size: 14px;}
.btn-gift-con .item_v .inputbox em {position:absolute;top:10px;right:14px;transition:all 0.3s cubic-bezier(0.56,0.12,0.12,0.98);font-style: normal;font-size: 14px;}
.btn-gift-con .item_v button.plus {position:absolute;opacity:0;right:80px;top:11px;width:24px;height:24px;font:0/0 a;border-radius:50%;background-color:#333;border:none;transition:all 0.3s cubic-bezier(0.56,0.12,0.12,0.98);}
.btn-gift-con .item_v button.plus:after {height: 2px;width: 12px;top: 11px;left: 6px;}
.btn-gift-con .item_v button.plus:before, .btn-gift-con .item_v button.plus:after {content: '';position: absolute;display: block;background-color: #8c8c8c;width: 2px;height: 12px;top: 6px;left: 11px;}
.btn-gift-con .item_v .btn_submit {position:absolute;top:5px;right:10px;display:block;width:97px;height:36px;border:0 none;border-radius:2px;text-align:center;color:#fff;background:#2682ff;font-size: 14px;}
.btn-gift-con .item_v .checkbox label em{border: 1px solid #b3b3b3;display: inline-block;width: 13px;height: 13px;border-radius: 100%;vertical-align: -1px;}
.btn-gift-con .item_v .checkbox input:checked +label::before {content:"\2714";display:block;text-align:center;color:#fff;position:absolute;left:0;top:1px;width:13px;height:13px;font-size: 10px;background: #2682ff;border-radius: 100%;}
.btn-gift-con .gather_balloon-a-con .title {position:relative;padding:10px;height:26px;line-height:26px;color:#fff;}
.btn-gift-con .title{position:relative;padding:10px;height:26px;line-height:26px;color:#fff;}
.btn-gift-con .gather_balloon-a-con .title h3{font-size: 1.17em;color: #fff;}
.btn-gift-con .gather_balloon-a-con .title span {position: absolute;top: 10px;right: 10px;font-size: 12px;color: #8c8c8c;}
.btn-gift-con .gather_balloon-a-con ul {overflow:hidden;overflow:auto;padding:0 4px;display: table;width: 100%;margin-top: 5px;}
.btn-gift-con .gather_balloon-a-con ul li.list_none {position:relative;width:100% !important;height:200px;text-align:center;vertical-align: middle;display: table-cell;}
.btn-gift-con .gather_balloon-a-con ul li.list_none span {font-size:15px;color:#d9d9d9;}
.ta{display: none;}
.this-about-con{padding: 17px 15px 12px;display:none;}
.this-about-con h3{font-size: 20px;color: #000;font-weight: bold;margin-top: 10px;}
.this-about-clear{display: table;width: 100%;margin-top: 10px;}
.this-about-clear > div{display: table-cell;vertical-align: middle;}
.this-about-clear > div.left{font-size: 14px;}
.this-about-clear > div.left img{display: inline-block;}
.this-about-clear > div.right{width: 55px;}
.this-about-clear > div.right a{color: #999;margin-left: 10px;}
.this-about-clear > div.right a.on{color:red;}
.this-about{width: 100%;display: block;padding: 9px 0 10px;text-align: center;background: #fff;line-height: 0;}
.this-about span{display: inline-block;background: #e0dee1;width: 33px;height: 4px;border-radius: 4px;}
.this-about.on{background: #fefcff;box-shadow: 0 0 5px #eee inset;}
.play-with{background: #f2f2f4;border-radius: 3px;margin: 0 auto;width: 96%;}
.play-with > a{padding: 7px;background: url(/bbs/img/icon4.gif) no-repeat 98% center;display: block;color: #646466;font-size: 13px;text-decoration: none;}
.play-with > a.on{background: url(/bbs/img/icon4_on.gif) no-repeat 98% center;}
.play-with > a:focus, .play-with > a:hover{color: #646466;}
.play-with > a img{display: inline-block;vertical-align: -5px;}
.play-with-txt{padding: 7px;min-height: 100px;}
.play-with-box{display: none;}
.play-with-button{border-top: 1px solid #eaeaec;}
.play-with-button > li{float: left;width: 50%;}
.play-with-button > li:first-child{border-right: 1px solid #eaeaec;}
.play-with-button > li > a{text-align: center;line-height: 36px;height: 36px;display: block;font-size: 14px;color: #646466;}
.my-status{padding: 2px;text-align:center;color: #89a3c2;font-size:14px;}