@charset "EUC-KR";

@font-face {
  font-family: 'NanumSquareRound';
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzFdhnerEbhaqE.rbg);
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzFdhnerEbhaqE.rbg%3S%23vrsvk##iefix)
    format('embedded-opentype'), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzFdhnerE.jbss)
    format('woff');
}

@font-face {
  font-family: 'NanumSquareRoundB';
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzFdhnerEbhaqO.rbg);
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzFdhnerEbhaqO.rbg%3S%23vrsvk##iefix)
    format('embedded-opentype'),
    url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzFdhnerEbhaqO.jbss) format('woff'),
}

@font-face {
  font-family: 'NanumBarunGothic';
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzOnehaTbguvpJro.rbg);
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzOnehaTbguvpJro.rbg%3S%23vrsvk##iefix)
    format('embedded-opentype'),
    url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzOnehaTbguvpJro.jbss) format('woff'),
    url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.abjwrwhgi.pb.xe%2Swf%2Shfre%2Ssbag%2SAnahzOnehaTbguvpJro.ggs) format('truetype');
}

.nowjeju-btn-rounded {
  border-radius: 10px;
  padding: 4px 16px 4px 16px;
}

.main-weather-location>ul {
  list-style: none;
  text-align: center;
}

.main-weather-location ul li {
  margin-right: 5px;
  display: inline-block;
}

.main-content {
  border-bottom: 1px solid #d8d8d8;
  padding: 7.725px 0px;
  font-size: 13px;
}

.main-new-news-div {
  border-bottom: 1px solid;
}

.loading-before {
  transition: all 0.4s;
}

.loading-after {
  transition: all 0.4s;
}

.btn-social-icon {
  height: 30px;
  width: 30px;
  padding: 0;
}

.btn-social-icon>:first-child {
  line-height: 30px;
}

.sweet-alert h2 {
  font-size: 24px !important;
}

.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file
  {
  border-radius: 0 0px 0px 0;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #EE7320 !important;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #bdc2b7;
  opacity: 1;
}

.modal-dialog {
  padding: 20px !important;
}

.config-btn {
  position: absolute;
  margin-top: 13px;
  right: 10px;
  border: 0px;
  font-size: 20px !important;
}

.title-required-mark {
  color: red;
  margin-right: 5px;
  font-size: 9px;
  vertical-align: middle;
  padding-bottom: 4px;
}

.required-mark {
  color: red;
  margin-right: 5px;
  font-size: 9px;
  vertical-align: middle;
  padding-bottom: 3px;
}

.top-navigation .nav>li>a {
  padding: 15px 20px 15px 20px;
  text-align: center;
  color: #676a6c;
  font-size: 17px;
}

.nav>li>a {
  color: #a7b1c2;
  font-weight: 100;
  padding: 14px 20px 14px 25px;
}

.menunickname {
  padding: 15px 20px 15px 20px;
  text-align: center;
  color: #676a6c;
  font-size: 16px;
  font-weight: 600;
}

.top-navigation .navbar-nav .dropdown-menu {
  box-shadow: none;
  border-top: 1px dashed #e7eaec;
  width: 85%;
  margin: auto;
  font-size: 13px;
}

.top-navigation .navbar-nav .open .dropdown-menu>li>a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header
  {
  padding: 5px 15px 5px 20px;
  text-align: center;
}

.btn-kakao {
  color: #371f1f;
  background-color: #F6E14A;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-kakao:focus, .btn-kakao.focus {
  color: #371f1f;
  background-color: #F6E14A;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-kakao:hover {
  color: #371f1f;
  background-color: #CFBD41;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-kakao:active, .btn-kakao.active, .open>.dropdown-toggle.btn-kakao {
  color: #371f1f;
  background-color: #F6E14A;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-kakao:active:hover, .btn-kakao.active:hover, .open>.dropdown-toggle.btn-kakao:hover,
  .btn-kakao:active:focus, .btn-kakao.active:focus, .open>.dropdown-toggle.btn-kakao:focus,
  .btn-kakao:active.focus, .btn-kakao.active.focus, .open>.dropdown-toggle.btn-kakao.focus
  {
  color: #371f1f;
  background-color: #F6E14A;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-kakao:active, .btn-kakao.active, .open>.dropdown-toggle.btn-kakao {
  background-image: none
}

.btn-kakao.disabled, .btn-kakao[disabled], fieldset[disabled] .btn-kakao,
  .btn-kakao.disabled:hover, .btn-kakao[disabled]:hover, fieldset[disabled] .btn-kakao:hover,
  .btn-kakao.disabled:focus, .btn-kakao[disabled]:focus, fieldset[disabled] .btn-kakao:focus,
  .btn-kakao.disabled.focus, .btn-kakao[disabled].focus, fieldset[disabled] .btn-kakao.focus,
  .btn-kakao.disabled:active, .btn-kakao[disabled]:active, fieldset[disabled] .btn-kakao:active,
  .btn-kakao.disabled.active, .btn-kakao[disabled].active, fieldset[disabled] .btn-kakao.active
  {
  background-color: #F6E14A;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-kakao .badge {
  color: #55acee;
  background-color: #fff
}

.footer_logo {
  list-style: none;
  text-align: center;
  margin-bottom: 40px;
}

.footer_logo li {
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
}

.dot {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dotdot {
  height: 40px;
}

.dotdotdot {
  height: 60px;
}

.dotdotdotdot {
  height: 72px;
}

.btn-info {
  background-color: transparent;
  border-color: #E1E2E4;
  color: black;
}

.btn {
  font-size: 12px;
}

.label-main-vod {
  background-color: #3B74DB;
  color: #FFFFFF;
  font-size: 12px;
}

.label {
  border-radius: 0;
}

a {
  color: #676a6c;
}

a:hover {
  color: #3A73DB;
}

body {
  font-family: NanumBarunGothic !important;
  font-size: 13px;
  color: #777;
  overflow-x: hidden;
}

.label {
  font-family: NanumBarunGothic !important;
}

.p-w-xxs {
  padding-left: 5px;
  padding-right: 5px;
}

.bj-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 58.3%;
}

.main-bj-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
}

.bj-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.thumbnail-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.jejunow-wrap {
  width: 100%;
  background-color: black;
}

.jejunow-img {
  position: relative;
  padding-bottom: 70%; /* 1:1 ratio */
  overflow: hidden;
}

.jejunow-img .centered {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.jejunow-img .centered img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.jejunow-img .centered-height img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.jeju-pic-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 67.7%;
}

.jeju-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.pic-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
}

.vod-pic-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 130%;
}

.pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.pic-square-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
}

.pic-square {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.img-page {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30% !important;
}

.button, input, select, textarea {
  font-family: NanumBarunGothic;
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #eee;
}

.title-font {
  font-family: NanumSquareRound !important;
}

.title-font-size {
  font-size: 20px;
}

.title-bold-font {
  font-family: NanumSquareRoundB;
  font-weight: 600;
}

.main-title {
  font-size: 21px;
}

.detail-title {
  font-size: 21px;
  font-weight: 500;
  color: #000;
}

@media ( min-width : 1200px) {
  footer {
    max-width: 1200px;
  }
}

@media ( max-width :767px) {
  .head-menu-active{
  
  }
  .mobile-menu-content{
   padding: 10px 10px 10px 20px;
   text-align: left;
   color: #676a6c;
   font-size: 14px;
  }
  .mobile-menu-content ul{
    list-style: none;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
  }
  .mobile-menu-content ul li{
    float: left;
    padding: 7px 0px 0px 0px;
  }
  .mobile-menu-content ul li a{
    color: #14488D;
  }
  .mobile-menu-content ul li:nth-child(2n+2){
    float: left;
    padding: 7px 2px 0px 2px;
  }
  .mobile-menu-line{
    width: 110px;
    margin-left: 20px;
    border-top: 1px solid #676a6c;
  }
  .top-navigation .nav>li>.mobile-top-menu {
    padding: 10px 0px 10px 20px;
    text-align: left;
    color: #14488D;
    font-size: 18px;
    font-weight: 700;
  }
  .mobile-menu{
    display: block !important;
  }
  .pc-menu{
    display: none;
  }
  .header-width-back{
    display:none;
  }
  .top-navigation .nav>li>a {
    text-align: left;
  }
  .search-div {
    padding: 0px 5px;
  }
  #top-slider-pc{
    display: none !important;
  }
  .mobile-on {
    display: block !important;
  }
  .noMobile {
    display: none;
  }
  .top-navigation .navbar-brand {
    left: 10px;
    position: absolute !important;
  }
  .sns-box, .top-sns, .thirdmenulist {
    display: none;
  }
  .sns {
    display: inherit;
  }
  .board-contents img {
    max-width: 100%;
    height: auto;
  }
  .board-contents iframe {
    max-width: 100%;
    height: auto;
  }
  .more-btn {
    width: 100%;
  }
  .del-mark {
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
  }
  .top-navigation .navbar-right {
    margin-right: 0px;
    text-align: center;
  }
  .navbar-top-links li {
    display: block;
  }
  .header-left {
    /* 		width: 100%; */
    text-align: center;
  }
  .header-left li {
    /* 		float: left; */
    color: white;
    font-size: 16px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 10px;
    margin-bottom: 3px;
    display: inline-block;
  }
  .header-left li a {
    color: white;
  }
  .header-right {
    /* 		width: 100%; */
    text-align: right;
  }
  .header-right li {
    /* 		float: left; */
    color: inherit;
    font-size: 13px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .header-right li a {
    color: black;
  }
  .cctv-box1 {
    padding-right: 5px;
  }
  .cctv-box2 {
    padding-left: 5px;
    padding-right: 15px;
  }
}

@media ( min-width :992px) {
  .yolowa-img {
    margin-top: 10px;
  }
}

@media ( min-width :768px) {
  .mobile-header-right{
    display: none !important;
  }
  .search-div {
    padding: 0px 5px;
  }
  .search-div:nth-child(2n+2){
    padding: 0px;
  }
  .cctv-box1 {
    padding-right: 10px;
  }
  .cctv-box2 {
    padding-left: 13px;
    padding-right: 13px;
  }
  .cctv-box3 {
    padding-left: 10px;
  }
  .title-lr {
    display: block;
  }
  .sns, .dropdown-menu {
    display: none;
  }
  .navbar-nav {
    float: left;
    margin: 0;
    position: inherit;
    top: 0px;
  }
  .top-navigation .navbar-header {
    display: block;
    float: none;
    text-align: center;
    height: 75px;
  }
  .del-mark {
    cursor: pointer;
  }
  .detail-box .video {
    height: 700px;
  }
  .header-left {
    list-style: none;
    display: inline;
  }
  .header-left li {
    float: left;
    font-size: 23px;
    margin-right: 12px;
    margin-top: 5px;
    /*	margin-bottom: 5px; */
  }
  .header-left li a {
    color: inherit;
  }
  .header-left li a .fa-facebook-square {
    color: #395CA9;
  }
  .header-left li a .fa-rss-square {
    color: #04BF35;
  }
  .header-left li a .fa-instagram {
    color: #986950;
  }
  .header-left li a .fa-youtube-square {
    color: #FF0000;
  }
  .header-right {
    list-style: none;
    display: inline;
  }
  .header-right li {
    color: inherit;
    font-size: 13px;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .header-right li a {
    color: inherit;
  }
}

@media ( min-width :1200px) {
  .header-menu {
    max-width: 1200px;
    margin: auto;
  }
  .more-btn {
    width: 200px;
  }
  .header-width-menu {
    width: 1200px;
    margin: auto;
  }
}

.header-width-back {
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
}

.displayUserMenu {
  display: inline-block;
}

.hiddenUserMenu {
  display: none;
}

.comment-add {
  width: 100%;
  height: 75px;
}

.detail-box {
  border: 1px solid #d9d9d9;
  border-bottom: 3px solid #d9d9d9;
}

.detail-box .title {
  font-size: 22px;
}

.detail-box .date {
  color: #929292;
  font-size: 12px;
}

.detail-box .date ul {
  list-style: none;
}

.detail-box .date ul li {
  display: inline-block;
  border-left: 1px solid;
  padding-left: 5px;
}

.detail-box .date ul li:FIRST-CHILD {
  display: inline-block;
  border-left: 0;
}

.footer-menu a {
  color: black;
}

.footer-menu a:hover, .footer-menu a:active, .footer-menu a:focus {
  color: black;
}

.footer-menu ul {
  list-style: none;
  text-align: center;
}

.footer-menu ul li {
  display: inline-block;
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid black;
}

.footer-menu ul li:first-child {
  border-left: 0px solid;
}

.footer-address ul {
  list-style: none;
  text-align: center;
}

.footer-address ul li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid black;
}

.footer-sns ul li {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}

.footer-address ul li:first-child {
  border-left: 0px solid;
}

.text-blue {
  color: #3B74DB;
}

.slick-slider {
  margin-bottom: 0px;
}

.third-menu ul {
  list-style: none;
  text-align: center;
}

.third-menu ul li {
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
}

.third-menu ul li>a {
  color: #929292;
}

.third-menu ul li>a:hover {
  color: #155ead;
  border-bottom: 3px solid #155ead;
  padding-bottom: 5px;
}

.third-menu-active {
  color: #155ead !important;
  border-bottom: 3px solid #155ead;
  padding-bottom: 5px;
}

.third-menu hr {
  margin-top: 0px;
  width: 450px;
}

.first-slide-l {
  cursor: pointer;
}

.first-slide-r {
  cursor: pointer;
}

.box-title-sm {
  color: black;
  font-size: 16px;
}

.box-title {
  color: black;
  font-size: 18px;
}

.box-title-border-bottom {
  border-bottom: 1px solid #929292;
  width: 60px;
}

.box-content-right {
  right: 20px;
  position: absolute;
}

#info+[data-readmore-toggle], #info[data-readmore] {
  display: block;
  width: 100%;
}

#info[data-readmore] {
  transition: height 100ms;
  overflow: hidden;
}

#info+.readmore-js-toggle {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #999;
  font-weight: bold;
}

.bottom-more {
  border-top: 1px solid #dbdbdb;
  bottom: 15px;
  right: 10px;
  width: 100%;
  display: block;
  cursor: pointer;
  color: #6c6c6c;
  font-size: 12px;
  font-weight: normal;
}

.bottom-more em {
  position: relative;
  top: -1px;
  margin: 0 auto;
  display: block;
  height: 25px;
  width: 100px;
  border: 1px solid #dbdbdb;
  text-align: center;
  border-top: 1px solid #fff;
}

.form-horizontal .control-label {
  text-align: left;
}

.head-menu-active {
  color: #2177e2 !important;
}

.btn-nowjeju-white {
  color: #1D8ED1;
  background-color: #fff;
  border-color: #1D8ED1
}

.btn-nowjeju-white.focus, .btn-nowjeju-white:focus {
  color: #1D8ED1;
  background-color: #fff;
  border-color: #1D8ED1
}

.btn-nowjeju-white:hover {
  color: #fff;
  background-color: #326B9C;
}

.btn-nowjeju-white.active, .btn-nowjeju-white:active, .open>.dropdown-toggle.btn-nowjeju-white
  {
  color: #1D8ED1;
  background-color: #fff;
  border-color: #1D8ED1
}

.btn-nowjeju-white.active.focus, .btn-nowjeju-white.active:focus,
  .btn-nowjeju-white.active:hover, .btn-nowjeju-white:active.focus,
  .btn-nowjeju-white:active:focus, .btn-nowjeju-white:active:hover,
  .open>.dropdown-toggle.btn-nowjeju-white.focus, .open>.dropdown-toggle.btn-nowjeju-white:focus,
  .open>.dropdown-toggle.btn-nowjeju-white:hover {
  color: #1D8ED1;
  background-color: #fff;
  border-color: #1D8ED1
}

.btn-nowjeju-white.active, .btn-nowjeju-white:active, .open>.dropdown-toggle.btn-nowjeju-white
  {
  background-image: none
}

.btn-nowjeju-white.disabled.focus, .btn-nowjeju-white.disabled:focus,
  .btn-nowjeju-white.disabled:hover, .btn-nowjeju-white[disabled].focus,
  .btn-nowjeju-white[disabled]:focus, .btn-nowjeju-white[disabled]:hover,
  fieldset[disabled] .btn-nowjeju-white.focus, fieldset[disabled] .btn-nowjeju-white:focus,
  fieldset[disabled] .btn-nowjeju-white:hover {
  color: #1D8ED1;
  background-color: #fff;
  border-color: #1D8ED1
}

.btn-nowjeju-white .badge {
  color: #1D8ED1;
  background-color: #fff
}

.btn-nowjeju {
  color: #fff;
  background-color: #1D8ED1;
}

.btn-nowjeju.focus, .btn-nowjeju:focus {
  color: #fff;
  background-color: #326B9C;
}

.btn-nowjeju:hover {
  color: #fff;
  background-color: #326B9C;
}

.btn-nowjeju.active, .btn-nowjeju:active, .open>.dropdown-toggle.btn-nowjeju
  {
  color: #fff;
  background-color: #326B9C;
}

.btn-nowjeju.active.focus, .btn-nowjeju.active:focus, .btn-nowjeju.active:hover,
  .btn-nowjeju:active.focus, .btn-nowjeju:active:focus, .btn-nowjeju:active:hover,
  .open>.dropdown-toggle.btn-nowjeju.focus, .open>.dropdown-toggle.btn-nowjeju:focus,
  .open>.dropdown-toggle.btn-nowjeju:hover {
  color: #fff;
  background-color: #1D3E5E;
}

.btn-nowjeju.active, .btn-nowjeju:active, .open>.dropdown-toggle.btn-nowjeju
  {
  background-image: none
}

.btn-nowjeju.disabled.focus, .btn-nowjeju.disabled:focus, .btn-nowjeju.disabled:hover,
  .btn-nowjeju[disabled].focus, .btn-nowjeju[disabled]:focus,
  .btn-nowjeju[disabled]:hover, fieldset[disabled] .btn-nowjeju.focus,
  fieldset[disabled] .btn-nowjeju:focus, fieldset[disabled] .btn-nowjeju:hover
  {
  background-color: #326B9C;
}

.btn-nowjeju .badge {
  color: #1D8ED1;
  background-color: #fff
}

.bg-grey {
  background-color: #eee;
}

.btn-grey {
  color: #000;
  background-color: #D3D4D3;
}

.btn-grey.focus, .btn-grey:focus {
  color: #000;
  background-color: #9EA1A1;
}

.btn-grey:hover {
  color: #000;
  background-color: #9EA1A1;
}

.btn-grey.active, .btn-grey:active, .open>.dropdown-toggle.btn-grey {
  color: #fff;
  background-color: #9EA1A1;
}

.btn-grey.active.focus, .btn-grey.active:focus, .btn-grey.active:hover,
  .btn-grey:active.focus, .btn-grey:active:focus, .btn-grey:active:hover,
  .open>.dropdown-toggle.btn-grey.focus, .open>.dropdown-toggle.btn-grey:focus,
  .open>.dropdown-toggle.btn-grey:hover {
  color: #fff;
  background-color: #626666;
}

.btn-grey.active, .btn-grey:active, .open>.dropdown-toggle.btn-grey {
  background-image: none
}

.btn-grey.disabled.focus, .btn-grey.disabled:focus, .btn-grey.disabled:hover,
  .btn-grey[disabled].focus, .btn-grey[disabled]:focus, .btn-grey[disabled]:hover,
  fieldset[disabled] .btn-grey.focus, fieldset[disabled] .btn-grey:focus,
  fieldset[disabled] .btn-grey:hover {
  background-color: #D3D4D3;
}

.btn-grey .badge {
  color: #D3D4D3;
  background-color: #fff
}

.btn-bitbucket {
  color: #777;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:focus, .btn-bitbucket.focus {
  color: #fff;
  background-color: #f1f2f1;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:hover {
  color: #fff;
  background-color: #f1f2f1;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket
  {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open>.dropdown-toggle.btn-bitbucket:hover,
  .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open>.dropdown-toggle.btn-bitbucket:focus,
  .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open>.dropdown-toggle.btn-bitbucket.focus
  {
  color: #fff;
  background-color: #f1f2f1;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket
  {
  background-image: none
}

.btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket,
  .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover,
  fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus,
  .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus,
  .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus,
  fieldset[disabled] .btn-bitbucket.focus, .btn-bitbucket.disabled:active,
  .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active,
  .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active,
  fieldset[disabled] .btn-bitbucket.active {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff
}

.btn-trans {
  background: transparent !important;
}

.play-warp {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.play-warp-main {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 30%;
  height: 150%;
}

.btn-default.focus, .btn-default:focus {
  background-color: #fff;
}

.play-icon-normal {
  font-size: 90px !important;
  color: white;
  opacity: 0.7;
  z-index: 999;
}

.play-icon-main {
  font-size: 40px !important;
  color: white;
  opacity: 0.7;
  z-index: 999;
}

.top-navigation .navbar-brand {
  position: relative;
}

.nickname {
  color: #89A8D2;
  font-size: 12px;
}

.label {
  font-size: 100%;
}

.label-live {
  color: white;
  background-color: #E76129;
  font-weight: normal;
}

@media ( max-width :1023px) {
  .cctv-sns-img {
    height: 159px;
  }
}

@media ( min-width :1024px) and (max-width :1199px) {
  .cctv-sns-img {
    height: 114px;
  }
}

@media ( min-width :1200px) {
  .cctv-center-img {
    height: 282px;
  }
  .cctv-sns-img {
    height: 133px;
  }
}