.enable-js,.browsehappy{
  background:#e3e3e3;
  color:#000;
  font-size: 0.88em;
  margin-bottom:.2em;
  padding: 0.5em;
  text-align:center;
  line-height:1.3;
}
.enable-js a,.browsehappy a{
  font-weight:bold;
}
.site-head:after,.foot-nav:after{
  clear:both;
  content:"";
  display:table;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 none;
  list-style: none outside none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
  /*font-size: 14px;*/
  /*font-size: 16.8px;*/
  min-width: 320px;
  letter-spacing: -0.5px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  display:block;
}
[hidden],template{
  display:none;
}
a{
  color: inherit;
  /*color: #000000;*/
  text-decoration: none;
}
a:active,a:hover{
  outline:0;
}
b,strong{
  font-weight:bold;
}
h1,h2,h3,h4,h5{
  font-size:2em;
  margin:0.67em 0;
}
small{
  font-size:80%;
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sup{
  top:-0.5em
}
sub{
  bottom:-0.25em
}
svg:not(:root){
  overflow:hidden;
}
figure{
  margin:1em 40px
}
hr{
  box-sizing:content-box;
  height:0
}
button,input,optgroup,select,textarea{
  color:inherit;
  font:inherit;
  margin:0;
}
button{
  overflow:visible;
  background: none;
}
button,select{
  text-transform:none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
  -webkit-appearance:button;
  cursor:pointer;
}
button[disabled],html input[disabled]{
  cursor:default;
}
button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0;
}
input{
  line-height:normal;
}
input[type="checkbox"],input[type="radio"]{
  box-sizing:border-box;
  padding:0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
  height:auto;
}
input[type="search"]{
  -webkit-appearance:textfield;
  box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}
select, input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
legend{
  border:0;
  padding:0;
}
textarea{
  overflow:auto;
}
optgroup{
  font-weight:bold;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
td,th{
  padding:0;
}
img{
  max-width:100%;
  height:auto;
  border:0;
  display: inline-block;
  vertical-align: top;
}
img.full{
  width:100%;
  display:block;
}
[class^="icon-"]::before,[class*=" icon-"]::before,[class^="icon-"]:before,[class*=" icon-"]:before{
  display:none;
}
button:focus,input:focus,select:focus,textarea:focus{
  outline:0;
}
label{
  cursor:pointer;
}
figure,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{
  margin:0;
}
dl,ul,ol{
  padding:0;
}
ol,ul{
  list-style:none;
}
li.current a{
  color: #27c9ba;
}
.no-js .keyword button,
.no-js .logoBox .arrow,
.no-js .thumbBox-controls,
.no-js .cmTv .titleBox .arrow { display: none; }
.visually-hidden {
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px !important;
}
/**brand logo color: #26bcb7; brand-line: #27c9c3; gray-line:#d6d6d6; gray-border:#eaeaea;
/*main page*/
.container:after{
  clear:both;
  content:"";
  display:table;
}
.container{
  padding-left:10px;
  padding-right:10px;
  /*max-width: 962px;*/
  max-width: 1180px;
  margin:0 auto;
}
/**Style**/
.pb15{
  padding-bottom: 15px;
}
.pb15:after {
  content: '';
  display: table;
  clear: both;
}
.blue{
  color:#1c8ccc; 
}
.float_left{
  float: left;
}
.float_right{
  float: right;
}
/*header*/
.site-head{
  margin-bottom: 10px;
  border-bottom: 3px solid #27c9c3;
}
.site-head .container{
  position: relative;
}
.util, .quicklink, .keyword, .keywordOver, .site-nav-desktop nav, .leftBn, .rightBn{
  display: none;
}
.site-nav-desktop .nav-toggle{
  position: absolute;
  left:10px;
  bottom:10px;
}
.topbar .logo{
  text-align: center;
  padding: 8px 0 5px 0;
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
}
.topbar .logo img{
  height: 28px;
}
.site-nav-desktop .search-toggle{
  position: absolute;
  right: 10px;
  bottom: 8px;
}

.search {
  position: absolute;
  left: 0;
  width: 100%;
  color: #626262;
  background: #fff;
  top:0;

  /* toggle search */
  z-index: -2;
  opacity: 0;
  transition: opacity 0.25s;
}
/* toggle search */
.search.active {
  z-index: 0;
  opacity: 1;
}
.search .container { position: relative; }
.site-nav-desktop .search{
  top:5px;
}
.search .btn-close{
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.search form{
  border-bottom: 2px solid #000;
  width: 70%;
  margin: 0 auto;
  font-size: 1.3em;
  position: relative;
}
.search input{
  padding: 10px;
  font-size: 0.8em;
  font-weight: bold;
}
.site-head-search button{
  position: absolute;
  right:7px;
  bottom: 6px;
}

.panup {
  position: relative;
}
.panup > li, .panup > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0s,
                              transform 0s;
     -moz-transition:    -moz-transform 0s,
                              transform 0s;
      -ms-transition:     -ms-transform 0s,
                              transform 0s;
       -o-transition:      -o-transform 0s,
                      -webkit-transform 0s,
                              transform 0s;
          transition: -webkit-transform 0s,
                         -moz-transform 0s,
                          -ms-transform 0s,
                           -o-transform 0s,
                              transform 0s;
}
.lt-ie9 .panup > li, .lt-ie9 .panup > div {
  position: static;
}
.panup > .in {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
.panup > .out {
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.panup.active > .in, .panup.active > .out {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.lt-ie9 .panup > li, .panup > div { display: none; }
.lt-ie9 .panup > .in { display: block; }

.nav-wrap{
  position:fixed;
  top:0;
  left:-240px;
  width:240px;
  height:100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index:200;
  background-color:#f0f4f5;
  border-right: 1px solid #ccc;
  padding:24px;
  font-size: 1.2em;

  /* transform styles */
  transition: left 0.25s;
}
/* transform styles */
.nav-wrap.active { left: 0; }
.lt-ie9 .nav-wrap { display: none; }
.lt-ie9 .nav-wrap.active { display: block; }

.nav-wrap .btn-close{
  float: right;
  font-size: 1.3em;
}
.site-nav li{
  padding: 10px 0;
  font-weight: bold;
  font-size: 1em;
}
.site-nav li.login{
  padding-top: 20px;
}
.site-nav li.login a{
  background-color: #fff;
  border-radius: 13px;
  border:1px solid #717171;
  padding: 5px 20px;
  color: #717171;
}
.site-nav li a:hover{
  color: #26bcb7;
}
/*Content*/
.main-container a:hover{
    color:#268abc;
}
.mainBox{
  background: #f4f5f7;
  border:1px solid #d8dcdd;
  padding: 18px;
}
.mainBox .thumbBox, .cmTv .thumbBox {
  overflow: hidden;
  clear: none;
}
.mainBox .thumbBox ul, .cmTv .thumbBox ul {
  margin-right: -14px;
  font-size: 0;
}
.mainBox .thumbBox li, .cmTv .thumbBox li{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-right: 14px;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mainBox li img{
  width: 100%;
}
.des{
  padding: 6px 0 15px 0;
  font-weight: bold;
  font-size: 0.9em;
}
.titleBox .view{
  background: url(../img/ic-arrow.gif) no-repeat right 9px;
  padding-right: 10px;
}
.titleBox{
  overflow: hidden;
}
.titleBox li{
  float: left;
  padding-bottom: 8px;
}
.titleBox li.current a, .titleBox li a:hover{
  color: #268abc;
}
.titleBox li a{
  font-weight: bold;
}
.no-js .tab { display: none; }
.tab { overflow: hidden; }
.tab > div{
  float: left;
  text-align: center;
  width: 33%;
  padding: 5px 0;
  font-weight: bold;
  background: #fff;
  cursor: pointer;
}
.tab .tns-nav-active {
  background: #27c9c3;
  color: #fff;
}
.thumbBox{
  overflow: hidden;
  clear: both;
}
.thumbBox img{
  width: 100%;
}
.thumbBox ul li p{
  overflow: hidden;
  height: 38px;
  line-height: 1.3em;
}
.mainBox2{
  border:1px solid #d8dcdd;
}
.prayerRQ, .logoBox, .titleBox, .logoList, .rightBox,.dailyQT,.mainBox,.mainBox2,.featuredBox{
  clear: both;
  overflow: hidden;
}
.musicChart{
  border:1px solid #d8dcdd;
}
.musicChart .mcTitle{
  border-bottom:1px solid #d8dcdd;
  overflow: hidden;
  font-weight: bold;
  padding: 8px 10px;
}
.musicChart .mcTitle span{
  float: left;
}
.musicChart .mcTitle a{
  color: #717171;
  float: right;
  cursor: pointer;
}
.mcTitle .more{
  font-size: 0.8em;
  background: url(../img/ic-arrow.gif) no-repeat right 8px;
  padding-right: 7px;
  padding-top:2px;
}
.musicChart .mcTitle a:hover{
  color: #27c9ba;
}
.musicChart ul{
  padding-top: 10px;
}
.musicChart ul li{
  padding:7px 10px;
  font-weight: bold;
  overflow: hidden;
  clear: both;
}
.musicChart ul li .number{
  float: left;
  width: 14px;
  color: #fff ;
  background: #6a9acb ;
  text-align: center;
  font-size: 0.79em;
  /*margin-top: 3px;*/
}
.musicChart ul li .thumbImg{
  float: left;
  padding:0 5px 0 7px;
}
.musicChart ul li .thumbImg img{
  float: left;
  width: 50px;
  height: 50px;
  border:1px solid #d8dcdd;
  cursor: pointer;
}
.musicChart ul li a:hover{
  color: #27c9ba;
}
.musicChart ul li .songTxt{
  float: left;
  width: 100px;
  width: calc(100% - 5.6em);
  font-size: 0.89em;
}
.musicChart ul li .songTxt a{
  color: #717171;
}
.musicChart ul li .songTxt .song{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:0 0 1px 0;
}
.musicChart ul li .songTxt .song a{
  color: #000;
}
.musicChart ul li .songTxt .song a:hover{
  color: #27c9ba;
}

.newsBox{
  padding:15px;
}
.photoNews{
  position: relative;
  /*cursor: pointer;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;*/
}
.photoNews li{
  position: relative;
  break-inside: avoid;
}
@media (max-width: 719px) {
  .photoNews {
    overflow: hidden;
  }
  .photoNews ul:after {
    content: '';
    display: table;
    clear: both;
  }
  .photoNews ul {
    font-size: 0;
    margin-right: -10px;
  }
  .photoNews li {
    font-size: 16px;
    font-size: 1rem;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
  }
}
.photoNews img{
  width: 100%;
}
.photoNews h2{
  font-size: 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
}

.photoNews h2 a{
  color: #fff;
}

.category{
  font-size: 0.85em;
  color: #26bcb7;
}
.newsBox .list li{
  padding: 5px 0;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.prayerRQ{
  background: #f4f4f4;
  position: relative;
}
.prayerRQ strong{
  float: left;
  background: #3492c5;
  color: #fff;
  padding: 6px 10px;
  font-size: 0.86em;
}
.prayerRQ .blue{
  padding:0 10px;
  float: left;
}
.prayerRQ .topic{
  position: relative;
  float: left;
  width: 60%;
  margin:5px 0 0 5px;
  height: 21px;
  overflow: hidden;
}
.prayerRQ ul{
  float: left;
  width: 100%;
  height: 22px;
  overflow: hidden;
}
.prayerRQ li{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 22px;
  line-height: 1.2em;
  font-size: 0.86em;
}
.prayerRQ .more{
  position: absolute;
  right: 10px;
  top:7px;
  font-size: 0.79em;
  font-weight: bold;
}

.logoBox{
  border-top: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd;
}
.logoBox .titleBox{
  padding:10px 13px 0 13px;
  font-size: 0.86em;
  position: relative;
}
.logoBox .titleBox a{
  display: inline-block;
  padding: 5px 7px;
}
.logoBox .titleBox li a{
  color: #666;
}
.logoBox .titleBox .tns-nav-active a {
  color: #000;
  background: #f2f2f2;
}
.logoBox .titleBox .arrow{
  position: absolute;
  right: 13px;
}
.logoBox .titleBox .arrow a{
  border:1px solid #d8dcdd;
  width: 18px;
  height: 18px;
  float: left;
  cursor: pointer;
}
.logoBox .titleBox .arrow a:first-child{
  border-right:0;
  background: url(../img/arrow-pre.gif) no-repeat center center;
}
.logoBox .titleBox .arrow a:last-child{
  background: url(../img/arrow-next.gif) no-repeat center center;
}

.logoBox .logoList li{
  width: 20%;
  border-top: 1px solid #e9ecf1;
  border-right: 1px solid #e9ecf1;
  float: left;
  text-align: center;
  padding:15px 0;
}
.logoBox .logoList li:nth-child(5),.logoBox .logoList li:nth-child(10){
  border-right:none;
}
.rightBox{
  padding: 15px;
}
.dailyWord{
  background-color: #ecf5fe;
  padding:13px 14px;
  color: #717171;
  position: relative;
  margin-bottom: 15px;
}
.dailyWord .title .blue{
  font-weight: bold;
}
.dailyWord .title span:last-child{
  float: right;
}
.word{
  padding:13px 0 8px 0;
  color: #222222;
  font-weight: bold;
}
.verse{
  font-size: 0.9em;
  font-weight: bold;
}
.dailyQT{
  position: relative;
  font-weight: bold;
}
.qttitle{
  padding-bottom: 10px;
  float: left;
}
.dailyQT .photo{
  background-size:cover;
  height: 290px;
  width: 100%;
}
.qttxt{
  font-family: 'Nanum Myeongjo', serif;
  font-size: 1.6em;
  position: absolute;
  top: 160px;
  width: 100%;
  text-align: center; 
}
.qttxt a{
  color: #fff;
  text-shadow: 2px 2px 8px #000;
  padding: 0 10px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cmTv{
  clear: both;
  margin-top:15px;
  border:1px solid #999;
  padding:21px;
  position: relative;
}
.cmTv .thumbBox ul li>a{
  position: relative;
  display: block;
}
.cmTv .titleBox ul{
  color: #333;
}
.cmTv .titleBox li, .cmTv .titleBox h2{
  padding:0 5px 15px 5px;
}
.cmTv .titleBox h2 {
  float: left;
  font-size: inherit;
}
.cmTv .titleBox h2 span{
  background: #268abc;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
}
.cmTv-nav .tns-nav-active {
  color:#268abc;
}
.arrow{
  float: right;
  padding-top: 4px;
  color: #666;
}
.arrow img{
  float: right;
}

.arrowPrev, .arrowNext{
  position: absolute;
  width:34px;
  text-align: center;
  padding: 15px 0;
  font-size: 1.6em;
  color: #fff;
  top:20%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  cursor: pointer;
}
.arrowPrev{
  left:0;
}
.arrowNext{
  right: 0;
}

.featuredBox{
  padding-top: 20px;
}
.featuredBox .titleBox h2{
  float: left;
  font-size: 1em;
  margin-right: 10px;
}
/*.featuredBox .titleBox li, .featuredBox .titleBox h2{
  padding: 0 5px 10px 0;
}*/
.featuredBox .titleBox li a{
  padding:3px 10px;
}
.featuredBox .tns-nav-active a{
  background: #268abc;
  border-radius: 3px;
  color: #fff;
}
.featuredBox .tns-nav-active a:hover{
  color: #fff;
}
.featuredBox .thumbBox {
  overflow: hidden;
}
.featuredBox .thumbBox ul {
  font-size: 0;
  margin-right: -15px;
}
.featuredBox .thumbBox li{
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 15px;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 12px;
}
@supports (column-count: 2) or (-webkit-column-count: 2) or (-moz-column-count: 2) {
  .featuredBox .thumbBox ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .featuredBox .thumbBox li{
    display: block;
    width: 100%;
    break-inside: avoid;
  }
}
.featuredBox .thumbBox .des{
  padding: 0;
  border:1px solid #ddd;
  border-top: 0;
}
.featuredBox .thumbBox p{
  padding: 10px 13px;
  height: 100%;
  font-weight: normal;
}

.footer{
  clear: both;
  margin-top: 20px;
  overflow: hidden;
  border-top:1px solid #d3d3d3;
  padding:20px 0;
  text-align: center;
}
.footer ul li a{
  color: #717171;
}
.footer .ftLogo img{
  height: 22px;
  margin-bottom: 15px;
}
.footer ul li i, .footer ul li a:hover{
  color: #27c9ba;
}
.footer ul li i{
  padding-right: 8px;
}
.footer .copy{
   color: #999;
   font-size: 0.9em; 
   padding-top: 20px;
   letter-spacing: 0;
}
.address{
  color: #717171;
  text-align: center;
  padding-bottom: 20px;
  font-size: 14px;
}


/**Mediaquery**/
@media (max-width: 460px){
  .prayerRQ .more{
    display: none;
  }
}
@media (max-width: 719px){
  .newsBox .list{
    padding: 10px 0;
  }    

  .todayColumn .column{
    width: 100%;
  }
  .todayColumn a.more{
    display: none;
  }
  .todayColumn .columnTitle{
    float: left;
    width: 100%;
  }

}
@media (min-width: 720px){
  .util, .quicklink, .keyword, .site-nav-desktop nav{
    display: block;
  }
  .site-head{margin-bottom: 20px;}
  .util{
    display: block;
  }
  .util{
    font-size: 0.86em;
    font-weight: bold;
    background: #f5f5f5;
    height: 31px;
  }
  .util .cm{
    float: left;
    font-size: 0.79em;
    padding-right: 10px;
    padding-top: 0.64em;
    background: url(../img/ic-g-arrow.gif) no-repeat right 0.86em;
  }
  .util .cm a{
    color: #939393;
  }
  .util .login{
    padding-top: 0.45em;
  }
  .util .login a{
    color: #5c5c5c;
    padding-left: 4px;
    font-size: 0.93em;
  }
  .util .login a:first-child{
    color: #26bcb7;
    padding-right: 8px;
    border-right: 1px solid #d6d6d6;
  }
  .util .login{
    float: right;
  }
  .topbar{
    border-bottom: 1px solid #d6d6d6;
    height: 71px;
    padding-top: 5px;
  }
  .topbar .container{
    position: relative;
  }
  .quicklink{
    position: absolute;
    /*left:0;*/
    bottom: 3px;
    font-weight: bold;
    font-size: 0.93em;
  }
  .quicklink span, .quicklink a:hover{
    color: #26bcb7;
  }
  .quicklink a{
    padding:0 5px;  
    color: #5c5c5c;
  }
  .quicklink a:last-child{
    background: url(../img/dot.gif) no-repeat left center;
    padding-left: 8px;
  }
  .site-nav-desktop .logo{
    padding:15px 0px 0px 0px;
  }
  .topbar .logo img{
    height: 42px;
    width: 140px;
  }
  .keyword{
    overflow:hidden;
    width: 190px;
    height: 1.43em;
    line-height: 1.43;
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  .keyword li{
    padding: 0 20px;
    /*background: url("../img/arrow-down.gif") no-repeat right center;*/
    /*color: #fff;*/
    font-weight: bold;
    overflow: hidden;
    /*cursor: pointer;*/
  }
  .keyword span{
    display: inline-block;
    vertical-align: middle;
    color: #26bcb7;
  }
  .keyword a{
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    white-space: nowrap; 
    width: 80%;
    width: -webkit-calc(100% - 2em);
    width: -moz-calc(100% - 2em);
    width: calc(100% - 2em);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .keyword button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
  }
  /*.keyword .expanded {
    transform: scaleY(-1);
  }*/
  .keyword button img {
    vertical-align: middle;
  }
  .keywordOver{
    border:1px solid #dbdbdb;
    position: absolute;
    z-index: 9999999;
    width: 200px;
    right: 0;
    padding:10px;
    background: #fff;
  }
  .keywordOver.active { display: block; }
  .keywordOver li{
    line-height: 2em;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #26bcb7;
  }
  .keywordOver li:first-child{
    font-weight: bold;
    padding:0 0 4px 8px;
    color: #000;
  }
  .keywordOver span{
    float: left;
    width: 28px;
    text-align: center;
  }
  .keywordOver a{
    color: #717171;
    font-weight: bold;
  }
  .keywordOver a:hover{
    color: #26bcb7;
  }
  .site-nav-desktop nav{
    text-align: center;
/*    display: flex;
    justify-content: center;
*/
  }
  /*.site-nav-desktop nav ul{
    float: left;
  }*/
  .site-nav-desktop nav ul li{
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    padding:10px;
    font-size: 1em;
    font-weight: bold;
    /*font-family: 'Nanum Gothic', sans-serif;*/
  }
  .site-nav-desktop nav ul li a:hover, .site-nav-desktop nav ul li.current a{
    color: #26bcb7;
  }
  /*.site-nav-desktop .nav-toggle{
    left:0;
  }*/
  /*.site-nav-desktop .search-toggle{
    right: 0;
  }*/
  .search{
    top:105px;
  }
  /*.search .btn-close{
    right: 0;
  }*/
  /*Contents*/
  .mainBox{
    float: left;
    width:60%;
    /*max-width: 562px;*/
    margin-right: 10px;
  }
  .musicChart{
    float: right;
    width:38%;
  }

  .leftBox{
    width: 60%;
    /*max-width:562px;*/
    float: left;
    border-right: 1px solid #d8dcdd;
  }
  .rightBox{
    width: 38%;
    clear: none;
    margin: 0 auto;
  }

  .photoNews{
    position: relative;
    /*cursor: pointer;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;*/
    width: 40%;
    float: left;
    margin-right: 10px;
  }
  .photoNews li{ margin-bottom: 10px; }

  @supports (object-fit: cover) or (-o-object-fit: cover) {
    .photoNews img{
      height: 126px;
      -o-object-fit: cover;
      object-fit: cover;
    }
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .photoNews img{
        height: 126px;
        max-height: 126px;
  }

  }
  .titleBox li{
    font-size: 1em;
  }
  .titleBox li a{
    margin-right: 10px;
  }
  .titleBox li:first-child a, .titleBox li:last-child a{
    border-right:none;
  }
  .cmTv-slider > div:after {
    content: '';
    display: table;
    clear: both;
  }
  .cmTv .thumbMain{
    float: left;
    width: 49%;
  }
  .cmTv .thumbMain + ul {
    float: right;
    width: 49%;
  }
  @supports (object-fit: cover) or (-o-object-fit: cover) {
    .cmTv .thumbMain > a {
      display: block;
      position: relative;
      padding-bottom: 137%;
    }
    .cmTv .thumbMain img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
  }
  .featuredBox .thumbBox li {
    width: 25%;
  }
  .featuredBox .titleBox{
    padding: 13px 0 6px 0;
  }
  @supports (column-count: 2) or (-webkit-column-count: 2) or (-moz-column-count: 2) {
    .featuredBox .thumbBox ul{
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
    }
    .featuredBox .thumbBox li {
      width: 100%;
    }
    .featuredBox .thumbBox li>a:first-child{
      border:1px solid #ddd;
    }
  }
}

@media (max-width: 961px){
  .mainBox .thumbBox li, .cmTv .thumbBox li {
    width: 50%;
  }
  .mainBox{
    margin-bottom: 18px;
  }
}
@media (min-width: 962px){
  /*Contents*/
  .todayColumn .columnTitleBox{
    width: 70%;
  }
  .todayColumn .columnTitle ul{
    width: 100%;
  }
  .rightBox{
    width:40%;
    float: right;
  }
  /*.thumbBox ul li a{*/
  .img-scaleup {
    overflow: hidden;
    display: block;
  }
  /*.newsBox .photoNews img, .photoNews img, .thumbBox ul li a img{*/
  .img-scaleup img {
    transition: transform 0.3s;
  }
  /*.newsBox .photoNews:hover img, .photoNews:hover img, .thumbBox ul li a:hover img{*/
  .img-scaleup:hover img{
    transform: scale(1.1);
  }
  .newsBox ul li h2{
    letter-spacing: -0.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:1em;
    line-height: 1.45em;
    width: 100%;
  }
  .newsBox ul li{
    letter-spacing: -0.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:1em;
    line-height: 1.5em;
  }
  .logoBox{
    border-bottom:none;
  }
  .logoBox .logoList li{
    width: 20%;
    padding:17px 0;
  }
  .logoBox .logoList li:nth-child(3),.logoBox .logoList li:nth-child(9), .logoBox .logoList li:nth-child(15){
    border-right: 1px solid #e9ecf1;
  }
  
  .mainBox .thumbBox li, .cmTv .thumbBox li{
    width: 33.3333%;
  }
  .cmTv .thumbBox{
    padding: 0 15px;
  }
  .cmTv .thumbMain{
    /*max-width: 360px;*/
    width: 41.5%;
    /*padding-right: 13px;*/
    /*padding-right: 1.5%;*/
  }
  .cmTv .thumbMain + ul {
    width: 57%;
  }
  @supports (object-fit: cover) or (-o-object-fit: cover) {
    .cmTv .thumbMain > a { padding-bottom: 75%; }
  }
  .cmTv .des{
    height: 47px;
    padding-top:4px;
  }
  .arrowPrev, .arrowNext{
    top:45%;
  }

  .footer{
    padding: 20px 0 0 0;
    border-bottom: 1px solid #d3d3d3;
    font-size: 0.9em;
  }
  .footer .ftLogo{
    float: left;
    padding-right: 20px;
  }
  .footer ul li{
    float: left;
    line-height: 1.6em; 
  }
  .footer ul li a{
    border-right:1px solid #d9d9d9;
    padding:0 12px; 
  }
  .footer ul li:first-child a{
    padding-left:0;
  }
  .footer ul li:last-child a{
    border-right:0;
  }
  .footer .copy{
    float: right;
    padding:7px 0 0 0;
    font-size: 0.8em;
  }
  .address{
    text-align: left;
    padding:20px 0;
  }

}
@media (min-width: 962px) and (max-width: 1079px){
  .musicChart{
    margin-bottom: 18px;
  }
  .thumbBox1 .photoNews{
    float: left;
    width: 76%;
    max-width: 567px;
  }
  .thumbBox1 ul{
    float: right;
    width: 23%;
    max-width: 179px;
  }
}
@media (max-width : 1079px){
  .bnRight{
    display: none;
  }
  .musicChart ul li .songTxt{
    width: 60%;
  }
}
@media (min-width: 1080px){
  /*.mainBox{ height: 429px; }*/

  .musicChart{
    width: 190px;
    width: -webkit-calc(40% - 190px - 20px);
    width: -moz-calc(40% - 190px - 20px);
    width: calc(40% - 190px - 20px);
    margin-right: 10px;
    /*height: 429px;*/
    float: left;
  }
  .musicChart ul li .thumbImg img{
    width: 40px;
    /*height: 40px;*/
  }
  /*.rightBox{ width:398px; }*/
  .leftCon{
    width: 760px;
  }
  .util{left:0;}
  .thumbBox1 .photoNews{
    float: left;
    width: 567px;
  }
  .thumbBox1{
    padding-bottom: 2px;
  }
  .thumbBox1 ul{
    float: right;
    width: 179px;
  }
  .des{
    padding-top: 8px;
  }
}

@media (min-width: 1390px){
  .main-container{
    position: relative;
    width: 1390px;
    margin: 0 auto;
    overflow: hidden;
  }
  .leftBn{
    display: block;
    position: absolute;
    left:10px;
    top:0;
    width: 80px;
  }
  .leftBn ul li{
    padding: 5px 10px;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
  }
  .leftBn ul li a{
    font-size: 0.86em;
    color: #666;
  }
  .rightBn{
    display: block;
    position: absolute;
    right:0px;
    top:0;
    width: 90px;
  }
  .rightBn div{
    padding-bottom: 15px;
  }

}