@charset "utf-8";

.red {color:red;}
.blue {color: blue;}
.green {color:#008149;}
h2 {margin:3% 1%; font-size:25px;}
h2 p {font-size:40px;}
h2 em {font-style:normal; font-weight:normal}
.subtxt {margin:0 2% 3%; color:#505050; font-size:19px;}
.subtxt2 {margin:0 2% 3%; color:#505050; font-size:19px; text-align:center;}
.date {margin:0 1% 3%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.date:after {content:''; display:block; clear:both;}
.date em {display:block; float:left; font-style:normal; font-size:13px; color:#999; margin-top:10px;}
.date .abc {float:right; display:block; width:69px;}

.cont {display: block; margin:1em 2.5% 1.5em; text-align: justify; word-break: break-all; font-size:18px; color:black; line-height:1.6;}
.mgt {position:relative; z-index:-1; margin-top:-100px;}
.cont2 {font-size:25px;}
.15 {font-size:30px;}
.ac {text-align:center;}

.form-preset {padding:0;}
.form-preset table {background:#f4f4f4; border:10px solid #f4f4f4;}
.form-preset.white table {background:#392810; border:15px solid #392810;}
.form-preset.pink {border:20px solid #eb1078}
.form-preset.pink table {background:#fff; border:10px solid #fff;}
.form-preset.pink .btnac {background:#eb1078; margin-top:20px;}
.form-preset table>tbody>tr>th {text-align:center;}
.form-preset table>tbody>tr>td {padding:5px 10px;}
.form-preset table>tbody>tr>td label {color:#666; font-size:15px;}
.form-preset input[type=radio], .form-preset input[type=checkbox] {vertical-align:middle;}
.btnac {text-align:center;}
.btnac a {display:inline-block; margin:25px 0; width:70%;}
.rdo label {display:inline-block; font-size:12px; margin:0 5px 3px 0;}

.form-presetM table>tbody>tr>th {color: #fff;}
.form-presetM .form-control {height:50px;}

.formArea {border:20px solid #206cb6; border-top:0; text-align:center;}
.formArea:after {content:''; display:block; clear:both;}
.formArea ul {padding-top:30px; text-align:left;}
.formArea ul li {margin-bottom:5px;}
.formArea ul li b {display:inline-block; width:20%; text-align:center;}
.formArea .btna {display:inline-block; width:35%; margin:20px 0;}
.formArea .form-control {padding:6px;}

.form2 {background:#fafafa; padding:20px 0; text-align:center;}
.form2>p {margin-bottom:10px; font-size:19px;}
.form2 .form-control {width:20%;}

#view-app {padding-bottom:155px;}
#footLayer {position:fixed; bottom:0; left:50%; width:680px; margin-left:-340px;}
#footLayer .formCont {position:absolute; bottom:20px; right:10px; text-align:right;}
#footLayer .formCont p {display:inline-block;}
#footLayer .formCont input[type=text] {display:inline-block; padding:3px; border:0; width:100%; height:27px; border-radius:5px; vertical-align:middle;}
#footLayer .formCont .w2 input[type=text] {width:30%;}
#footLayer .formCont .w2 select {display:inline-block; width:28%; padding:5px; border:0; height:27px;vertical-align:middle;}
#footLayer .formCont .w1 {width:14%;}
#footLayer .formCont .w2 {width:44%; text-align:left;}
#footLayer .w3 {display:block; width:22%; position:absolute; top:55px; right:17px;}

.arLayer {position:fixed; top:50px; right:10px; z-index:10;}

.contLayer {position:relative;}
.contLayer .layerTxt {position:absolute; top:69%; left:2%; width:96%; text-align:center;}
.contLayer .layerTxt .btnL {display:inline-block; width:40%;}
.contLayer .layerTxt .contL {display:none; text-align:left; position:absolute; top:90px; right:0px; padding:20px 160px 20px 20px; background:#fff url(../img/layer_bg.png) right bottom no-repeat;}
.contLayer .layerTxt .contL em {display:inline-block; font-style:normal; background:#fffd7f;}

@media (max-width: 640px) {
    .fixbanner {position:fixed; bottom:0%; right:0; width:23%; height:23%; z-index:9999; text-align:center:}}
@media (min-width: 640px) {
    .fixbanner {position:fixed; bottom:35%; right:0; width:135px; height:270px; z-index:9999; text-align:center:}}

@media screen and (max-width:414px) {
h2 {margin:3% 5%; font-size:20px;}
h2 p {font-size:28px;}
.subtxt {margin:0 3% 3%;}
.cont {font-size:18px;}
#view-app {padding-bottom:82px;}
#footLayer {left:0; width:100%; margin-left:0;}
#footLayer .formCont {bottom:8px;}
#footLayer .w3 {width:20%; top:30px;}
#footLayer .w2 {width:46%; text-align:right;}
#footLayer .w2 select {font-size:10px;}

.contLayer .layerTxt .contL {top:49px; padding:20px; background-size:150px;}
.contLayer .layerTxt .contL .mpd {display:block; padding-right:80px;}

.form-preset table>tbody>tr>td label {min-width:11%; font-size:13px;}
}

#view-app {padding-bottom: 0 !important;}
#footLayer {display: none;}
/* 실시간부분 */
.mark_01 {
  background: #ffff8b;
  color: red;
}

.bg_change {
  background: red;
  animation-name: border;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes border {
  0% {
    background: #947a3d;
  }

  50% {
    background: #0d0d0d;
  }

  100% {
    background: #947a3d;
  }
}
/*vticker*/
.vticker_wrap {
  height: 260px !important;
  top: 0 !important;
  margin-top: 0px;
  border: 0px solid #5897e6;
  overflow: hidden;
}

  .vticker_wrap .vticker {
    width: 100%;
    background: #fff;
  }

    .vticker_wrap .vticker li {
      width: 100% !important;
      height: 54px;
      text-align: center;
      background: #f9f9f9;
      border-bottom: 1px solid #eee;
      font-size: 16.8px;
      font-weight: bold;
    }

      .vticker_wrap .vticker li:first-child {
        background: #fff2c4;
      }

      .vticker_wrap .vticker li span {
        margin: 10px 0 !important;
        padding: 0 4%;
        display: inline-block;
      }

      .vticker_wrap .vticker li .relist {
        padding-right: 4%;
        border-right: 3px solid #ccc;
      }

      .vticker_wrap .vticker li .mark {
        background: none;
        color: #f43636;
        padding: 3px 2.5% 0 5% !important;
        border-radius: 2px;
        border: 0px solid #fc5100;
        font-weight: bold;
      }

    .vticker_wrap .vticker li {
      height: 54px;
      font-size: 18.9px;
      padding: 0px 5% !important;
      letter-spacing: -1.5px;
    }

.c_wrap {
  margin: 0 auto;
  padding: 20px 0px;
  text-align: center;
  background-color: #111;
}

.c_t {
  display: inline-block;
  font-size: 1.5em;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1.3;
}

  .c_t .live-t {
    font-size: 0.65em;
    color: red;
    display: inline-block;
  }

.counsel_nu {
  display: inline-block;
  width: 38px;
  text-align: right;
}

  .counsel_nu .list {
    border-bottom: 3px solid red;
    display: inline-block;
    width: 100%;
  }

    .counsel_nu .list .list_inner {
      margin: -2px auto;
      overflow: hidden;
    }

      .counsel_nu .list .list_inner li {
        font-size: 1.5em;
        text-align: center;
        line-height: 1.3;
        padding: 0;
        margin: 0;
        display: table;
        table-layout: fixed;
        float: none;
        color: red;
        font-weight: bold;
      }

        .counsel_nu .list .list_inner li span {
          display: table-cell;
        }

          .counsel_nu .list .list_inner li span.text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

.end {
  font-weight: bold;
  animation: bling 1s linear infinite;
}

@keyframes bling {
  0% {
    color: #e50c0c;
  }

  30% {
    color: #e50c0c;
  }

  31% {
    color: #ffd800;
  }

  70% {
    color: #ffd800;
  }

  71% {
    color: #e50c0c;
  }

  100% {
    color: #e50c0c;
  }
}

.vticker_li {
  margin: 0px;
  padding: 0 5%;
}

  .vticker_wrap .vticker li .relist {
    padding: 0 3%;
    border-right: 1px solid #ccc;
  }

  .vticker_wrap .vticker li {
    height: 48px;
    font-size: 12.5px;
    padding: 0px 1.5% !important;
    letter-spacing: -1.5px;
  }

    .vticker_wrap .vticker li .mark {
      padding: 3px 1.5% 0 3%;
    }

  .vticker_li {
    margin: 0px;
    padding: 0 3%;
  }

  .c_t {
    display: inline-block;
    font-size: 1.3em;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.3;
  }
}

}

/*실시간부분끝*/