* {
    font-family: 'Noto Sans KR', sans-serif;
    color: #000;
   box-sizing: border-box;
 }

 html, body {
    padding: 0;
    margin: 0;
    background: #fff;
 }

 .body_wrap {
    max-width: 800px;
    margin:0 auto;
 }

 img {
    max-width: 100%;
    vertical-align: top;
 }

 .width800 {
   max-width: 800px;
   margin:0 auto;
 }
 .width800 img {
   max-width: auto;
   width: 100%;
 }
 .bg_black {
   width: 100%;
   background: #000;
   padding: 100px 0 100px 0;
 }

 .width1200 {
   max-width: 1200px;
   margin: 0 auto;
 }
.width1200 img {
   max-width: auto;
   width: 100%;
 }
 @media screen and (max-width: 720px) {
    .bg_black {
      padding: 40px 0 40px 0;
    }
 }

 .clearfix::before,
.clearfix::after {
   content: " ";
   display: table;
}

.clearfix::after {
   clear: both;
}

.live-status{
   max-width: 1200px;
   margin: 0 auto;
}

.live-status-inner{
   display: flex;
   width: 100%;
   padding: 80px 0;
}

.live-status-inner .head{
   flex: 4;
}
.live-status-inner .head img {
   width: auto;
   max-width: 100%;
}
.live-status-inner .head .pc {
   display: block;
}
.live-status-inner .head .mo {
   display: none;
}
.live-status-inner .body{
   flex: 6;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.main-counsel-list-body {
   margin: 0;
   padding: 0;
}
.main-counsel-list-body .main-counsel-list{
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    font-size: 17px;
    list-style-type: none;
}

.main-counsel-list-body .name{
    float: left;
    width: 70%;
    text-align: center;
}

.main-counsel-list-body .phone{
    float: left;
    width: 60%;
    text-align: center;
}

.main-counsel-list-body .status{
    float: left;
    width: 30%;
    text-align: center;
}


.main-counsel-list-body .status .tag{
    /*background: #b6000c;*/
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 20px;
    width: 80px;
    box-sizing: border-box;
}

.fixed_kakao {
   display: block;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   background: #00538f;
   padding: 5px 10px;
}
.fixed_kakao img {

}

body {
   /* padding-bottom: 200px; */
}

.logo {
   display: block;
   margin: 0 auto;
   width: 400px !important;
   margin-bottom: 20px;
}
@media screen and (max-width: 720px) {
   .live-status-inner .head .pc {
      display: none;
   }
   .live-status-inner .head .mo {
      display: block;
   }

   .live-status-inner {
      display: block;
      padding: 0 0 60px 0;
   }

   .live-status-inner .head {
      width: 100%;
   }
   .live-status-inner .body {
      width: 100%;
      height: 335px;
      border-top: 1px solid #888;
   }
   .main-counsel-list-body .main-counsel-list{
      padding: 15px 0;
      font-size: 13px;
   }
   .main-counsel-list-body .name{
      width: 75%;
      text-align: left;
      box-sizing: border-box;
      padding-left: 10px;
   }
   .main-counsel-list-body .status{
      width: 25%;
      box-sizing: border-box;
      padding-right: 10px;
   }
   .main-counsel-list-body .status .tag{
      width: 65px;
      padding: 5px 7px;
      position: relative;
      top: 1px;
      font-size: 12px;
   }

   body {
      /* padding-bottom: 100px; */
   }
   
   .logo {
      width: 250px !important;
      margin-bottom: 10px;
   }
}