@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

*{font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; outline: none;  outline:0 !important; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption, ul, li, a {margin:0;padding:0; list-style: none; text-decoration: none;}
html, body{width:100%; height: 100%;  -webkit-text-size-adjust:none; }
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.05rem;
	width:100%;
	min-width:280px;
	word-break: keep-all;
	background:#FFFFFF;
}

.fal, .far {font-family: "Font Awesome 5 Pro"!important;}

/* header */
header { width: 100%; margin: 0 auto;}
header a { color:#000;}
header h1 { display: inline-block;}
header h1 a { display: block; width: 340px; background: url("/img/logo2.png") no-repeat; background-size: 100%; text-indent: -99999rem;  }
header nav a { display: block; position: relative; height: 50px; line-height: 50px; font-size:20px; font-weight: 500;}
header nav a:hover:before {width: 100%;}
header .close,
header .all,
header .left > div > div,
header h2 { display: none;}
header .left > div nav li { padding: 0 ;}
header a { text-decoration: none; padding: 0 0.5rem;}
header .all {  padding: 0.2rem 0; }

header .sch { display: inline-block; float: right; position: relative; margin: 0rem 1rem 0; border-bottom: 2px solid #CCC;}
header .sch input { width: 75%; border: none;  padding: 0.3rem; }
header .sch button { border: none; text-indent: -99999rem; background: url('/img/sch.png')no-repeat; background-size: 100%; width: 1.2rem; position: absolute; right: 0.5rem; top:0.5rem; cursor: pointer;}




.main {background: #f2f2f3; width: 100%; }
.main_txt a  { color: #fff; }
.play a {  position:absolute;	left:50%;	top:50%;	transform:translate(-50%, -50%); display: inline-block; width: 100%; height: 100%;}
.play a:hover {
    opacity: 0.75;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.play a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px!important;
  min-width: 90px;
  height: 90px;
  margin: -50px 0 0 -50px;
 }


.weekly, .flash, .mTs { width:100%;}
.weekly a, .mTs a, .flash a {color:#000;}


.list_tab{width:100%; overflow:hidden; border-bottom:1px solid #ddd; }
.list_tab ul{}
.list_tab li{list-style:none;position:relative;float:left;width:25%;}
.list_tab li a:hover{text-decoration:none}
.list_tab li.active a{border-bottom: 6px solid #ed1c24; color: #ed1c24; font-weight: 800;}
.list_tab li.active a:hover{text-decoration:none}

/*페이징 */
.boardPageNav {width: 100%;text-align: center; position: relative;overflow: hidden; margin-top: 50px;min-height:50px;}
.boardPageNav ul{display:inline-block; zoom:1;*display:inline;}
.boardPageNav ul li{display:inline;}
.boardPageNav ul li.br a{border-top: 1px #ddd solid;  border-bottom: 1px #ddd solid; }
.boardPageNav ul li:last-child a{border-right: 1px #ddd solid; }
.boardPageNav ul li.first a{background: url('/images/default/content/btn_first.png') no-repeat 0 0;  }
.boardPageNav ul li.prev a{background: url('/images/default/content/btn_prev.png') no-repeat 0 0;  }
.boardPageNav ul li .on { background:#ed1c24; color: #fff;   }
.boardPageNav ul li.prev_on a{background: url('/images/default/content/btn_prev.png') no-repeat 0 0; }
.boardPageNav ul li.next_on a{background: url('/images/default/content/btn_next.png') no-repeat 0 0; }
.boardPageNav ul li.next a{background: url('/images/default/content/btn_next.png') no-repeat 50% 50%; }
.boardPageNav ul li.last a{background: url('/images/default/content/btn_last.png') no-repeat 50% 50%; }

.ui-datepicker-trigger{cursor: pointer;}
/*datepicer input 롤오버 시 손가락 모양 표시*/
.hasDatepicker{cursor: pointer;}
/*ui-datepicker-trigger에서 9px를 올려준 것은 이미지가 살짝 위로 올라가서 위치를 조정하기 위해서 */
.ui-datepicker-trigger{
    position:relative;
    top:9px;
}

.main_notice { max-width:1200px; margin:20px auto 0;padding:10px 0;background:#222222;color:#FFFFFF;text-align:center;font-size:18px;letter-spacing:1 }