@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 100;
  src: local('notokr-light');
  src: url('/incc/fonts/notokr-light.eot');
  src: url('/incc/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
      url('/incc/fonts/notokr-light.woff2') format('woff2'),
      url('/incc/fonts/notokr-light.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 400;
  src: local('notokr-regular');
  src: url('/incc/fonts/notokr-regular.eot');
  src: url('/incc/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
      url('/incc/fonts/notokr-regular.woff2') format('woff2'),
      url('/incc/fonts/notokr-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 700;
  src: local('notokr-semi');
  src: url('/incc/fonts/notokr-semi.eot');
  src: url('/incc/fonts/notokr-semi.eot?#iefix') format('embedded-opentype'),
      url('/incc/fonts/notokr-semi.woff2') format('woff2'),
      url('/incc/fonts/notokr-semi.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 800;
  src: local('notokr-medium');
  src: url('/incc/fonts/notokr-medium.eot');
  src: url('/incc/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
      url('/incc/fonts/notokr-medium.woff2') format('woff2'),
      url('/incc/fonts/notokr-medium.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 900;
  src: local('notokr-medium');
  src: url('/incc/fonts/notokr-medium.eot');
  src: url('/incc/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
      url('/incc/fonts/notokr-medium.woff2') format('woff2'),
      url('/incc/fonts/notokr-medium.woff') format('woff');
}


body{ font-family: 'Noto Sans Korean', 'malgun Gothic', '¸¼Àº°íµñ', 'dotum', 'µ¸¿ò', sans-serif; font-weight: 400; color: #444; letter-spacing:-0.03em; line-height:1.6; font-size: 0.937em; }

h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans Korean', Sans-serif;  }
caption { position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; }
ul { list-style: none; }

a.green { color: #046f52; font-weight:600; }
a.gray { color: #656363; font-weight:600; }
a.red { color: #a13207; font-weight:600; }

a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#369; text-decoration:underline;}



#calendar a:link, #calendar a:visited { color: #fff; }

a:hover .box_btn, 
a:focus .box_btn { background: #ddd; color:#000; }

.fs-2em { font-size: 2em; }


.box_h210 { position:relative; min-height:210px; border: #ded6ce 1px solid; }
.box_h210 .img-fluid { width: 100%; min-height:152px; }
.box_h210 .caption { position:absolute; left:0; bottom:0; width:100%; height:30px; padding-top:5px; background-color:#899c96; filter:Alpha(opacity:90); opacity:0.9; color:#fff; overflow:hidden; text-align:center; z-index:1; }

#vodlayer a {color:#fff; text-decoration:none;}
#vodlayer a:link, 
#vodlayer a:visited {color:#fff; text-decoration:none;}
#vodlayer a:active,
#vodlayer a:focus,
#vodlayer a:hover {color:#fff; text-decoration:underline;}

.box_h170 { min-height:170px; border: #ded6ce 1px solid; }

.box_btn { width:50%; height:40px; text-align:center; padding-top:10px; }
.box_btn_left { border-left: #ded6ce 1px solid; border-right: #ded6ce 1px solid; border-bottom: #ded6ce 1px solid; }
.box_btn_right { border-right: #ded6ce 1px solid; border-bottom: #ded6ce 1px solid; }

.memberbox { min-height:170px; border: #ddd 1px solid; margin-bottom:20px; }

/* ÀÇ»çÀÏÁ¤ ÀÏÀÚÇ¥½Ã */
.circle_badge { display: table-cell; text-align: center; vertical-align: middle; border-radius: 50%; letter-spacing:-0.1em; }
.circle_badge_60 { height: 60px; width: 60px; background: #c34311; }
.circle_badge .divider { color:#ee6a37; padding:0 3px; }

.circle_badge_50_blue { height: 50px; width: 50px; background: #f1f7fc; }

.mainthumbnailgroup { max-height:100%; min-height:200px; padding:15px; background: #c9d8ee; }
.mainthumbnailgroup h5 { margin-bottom:0; }

.thumbnailgroup { max-height:100%; min-height:200px; padding:15px; background: #fff; }
.thumbnailgroup .thumbnail { border: #c8c8c8 1px solid; }
.thumbnailgroup h5 { margin-bottom:0; }


.history { width:100%; border-spacing: 0px; }
.history td { padding:5px 10px; border-bottom:1px solid #cecece; }
.history .series { color:#1b5bd0; font-weight:700; font-size:20px; text-align:center;}

.map_area { width: 100%; height: 363px; }

/* ÀÇ¿ø¼Ò°³ ·¹ÀÌ¾î ³ÑÄ§ ¹æÁö */
.cycle-slideshow { height:124px; overflow:hidden; z-index: 7;}

.list_detail { width:100%; padding:0 10px; }
.list_detail li { position: relative; padding-left:15px; }
.list_detail li + li { margin-top:5px; }
.list_detail li:before {position: absolute; top: 50%; margin-top: -2px; left: 0; content:""; display: block; width: 5px; height: 5px; background: #d6d6d6; border-radius: 50%; }
.list_detail li > a { width: 100%; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }

.list_detail2 { width:100%; padding:0 10px; }
.list_detail2 li { position: relative; padding-left:15px; }
.list_detail2 li + li { margin-top:5px; }
.list_detail2 li > a { width: 95%; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }


#div_committee select { max-width:300px; }

.box-lightyellow { color:#111; background-color:#faf9e5 !important; }

.btn-shadow {
  background-color: rgba(255,255,255,0.8);
  border-radius: 50rem!important;
  box-shadow: 0 1px 3px 0 rgba(50,50,93,.15),0 4px 6px 0 rgba(112,157,199,.15)!important;
}
