.div-video-wrap { width: 1200px; position: relative; margin: auto;}
#div-vid-player { width: 100%; overflow: hidden; }
.div-live-inner-title { width: 95%; margin: auto;}
.div-live-section { width: 95%; height: 50px; border-bottom: 1px solid #cccccc; margin: auto; line-height: 50px; font-size: 18px; color: #444444; font-weight: 700;}
.div-live-info-wrap { width: 95%; margin: auto; font-size: 14px; line-height: 180%; }
.div-live-inner-title { width: 95%; margin: auto;}
.div-live-info { width: 1200px;  margin: auto; margin-bottom: 20px;overflow: hidden;}
.div-live-title { width: 1200px; margin: auto;  color: #444444; letter-spacing: 0.5px; font-weight: 700; background-color: #444444; color: #ffffff; padding-top: 15px; padding-bottom: 15px;}
.div-live-stext { float: left; border-left: 1px solid #cccccc; padding-left: 40px;}
.div-live-spic { float: left; width: 200px; text-align: center;}
.div-spic { display: inline-block; border-radius: 10px; border: 1px solid #cccccc; overflow: hidden; margin-top: 20px;}
.div-spic  img { display: block;}
.div-msg { width: calc(80% - 20px); background-color: #0084fd; margin: auto; margin-bottom: 10px; padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px; color: #ffffff; border-radius: 10px; position: relative;word-break:break-all; font-size: 12px;margin-right: 2%;}
.div-msg-icon-q {  width: 20px; height: 20px; background-color: #0370d4; border-radius: 20px; color: #ffffff; text-align: center; font-size: 12px; font-family: 'Noto Sans KR',sans-serif; float: left;}
.div-msg-icon-a {  width: 20px; height: 20px; background-color: #0d8034; border-radius: 20px; color: #ffffff; text-align: center; font-size: 12px; font-family: 'Noto Sans KR',sans-serif; float: left;}
.div-reply {width: calc(80% - 20px); background-color: #04cc48; margin: auto; margin-bottom: 10px; padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px; color: #ffffff; border-radius: 10px; position: relative;word-break:break-all; font-size: 12px;margin-left: 2%;}

.div-msg-text { width: calc(100% - 30px);float: left; margin-left: 5px; line-height: 130%;  text-align: justify; }
.div-main-live-chat { width: 100%; height: calc(100% - 71px); overflow-y: scroll; padding-top: 10px;padding-bottom: 10px;}

.btn-live-chat { display:none;width: 45px; height: 45px; background-color: #cccccc; position: absolute; left: -22.5px; top:50%;transform: translateY(-50%); border-radius: 30px; font-size: 20px; line-height: 45px; text-align: center; cursor: pointer;  z-index: 60;}

.div-wowza-player { width: 900px; float: left; position: relative; }
.div-chat-wrap { width: 300px; float: left; background-color: #111111; position: relative;}
.div-chat-text { width: 100%; position: absolute; bottom: 0px; height: 50px; border-top: 1px solid #444444; }
.btn-chat-send { width: 50px; height: 50px; float: left; border-left: 1px solid #444444;color: #cccccc;text-align: center; position: relative; overflow: hidden;}
.btn-chat-send img { width: 100%;}
.div-chat-text-wrap { width: calc(100% - 51px); float: left;}


#show_srv{ display:none; width: 100%; height: 60px; position: relative; margin: auto; }
#btn_show_srv { width: 120px; height: 40px; background-color:#1F68FE ; color: #ffffff; text-align: center; line-height: 40px; border-radius: 10px; margin-top: 10px; margin-left: 10px; cursor: pointer;}
.div-srv-back { width: 100%;  background-color: rgba(0, 0, 0, 0.8); position: fixed; left: 0px; top:0px;z-index: 70; height: 100%; display: none;}
.div-srv-wrap { width: 95%;  background-color: #ffffff; max-width: 800px; overflow-y: scroll; margin: auto; max-height: 90%; position: relative; z-index: 70; top:50%;transform: translateY(-50%); padding-bottom: 20px; }
.div-srv-section { width: 90%; border: 1px solid #cccccc; text-align: center; padding: 10px; margin: auto;margin-top: 10px; font-size: 14px; }
.div-srv-body { width: 90%; border: 1px solid #cccccc; text-align: center; padding: 10px; margin: auto;margin-top: 10px; font-size: 14px;  }
.div-srv-rqt-title { width: 95%; margin: auto; border-bottom:1px solid #cccccc; font-weight: 700; text-align: left; margin-top: 20px; padding-bottom: 5px;}
.div-srv-rqt-title2 { width: 100%; margin: auto; font-weight: 700; text-align: left; margin-top: 20px; padding-bottom: 5px;}

.div-srv-section-wrap {width: 95%; margin: auto;margin-left: 2%;text-align: left; margin-top: 20px;}
#btn-srv-go{ width: 120px; height: 30px; background-color: #1F68FE; font-size: 16px; color: #ffffff; display: inline-block; border-radius: 10px; line-height: 30px; cursor: pointer;}
#btn-srv-close{ width: 120px; height: 30px; background-color: #ae3147; font-size: 16px; color: #ffffff; display: inline-block; border-radius: 10px; line-height: 30px; margin-left: 10px; cursor: pointer;}
#btn_show_srv { width: 140px; height: 40px; background-color:#1F68FE ; color: #ffffff; text-align: center; line-height: 40px; border-radius: 10px;  cursor: pointer; position: absolute; right: 20px; top:10px;  animation: onair 1.5s linear infinite;
-webkit-animation: onair 1.5s linear infinite;
-moz-animation: onair 1.5s linear infinite;
-o-animation: onair 1.5s linear infinite;}

#txt-chat-text:focus { outline: none;}
@media screen and (max-width: 1200px) { 
    .div-video-wrap{ width: 100%;}
    .div-live-title { width: 100%;}
    .div-live-info { width: 100%;}
    .div-wowza-player { width: 100%;}
    .div-chat-wrap { width: 30%; position: absolute; z-index: 10; right: 0px; background-color: rgba(0,0,0,0.5);}
    .btn-live-chat { display: block;}
}

@media screen and (max-width: 500px) { 
   .div-live-stext{border:0px}
 
}