@charset "utf-8";


/*이전 다음*/
.program--contents .cardNews--view .context{position:relative;}
.program--contents .cardNews--view .context .slick-arrow{position:absolute;z-index:10;width: 80px;height: 80px;}
.program--contents .cardNews--view .context .slick-arrow:before{width: 80px;height: 80px;/* background-color:#fff; */}
.program--contents .cardNews--view .context .slick-arrow:after{display:inline-block;width: 20px;height: 20px;content:"";transform: rotate(45deg);}
.program--contents .cardNews--view .context .prev{top:0;left:0;}
.program--contents .cardNews--view .context .prev:after{border-left:2px solid #000;border-bottom:2px solid #000;left: 0;}


.program--contents .cardNews--view .context .b-slider__carousel--screen .slick-arrow:after{width:40px;height:40px;}
.program--contents .cardNews--view .context .b-slider__carousel--screen .prev:after{border-left:2px solid #666;border-bottom:2px solid #666;}
.program--contents .cardNews--view .context .b-slider__carousel--screen .next:after{border-top:2px solid #666;border-right:2px solid #666;}


.program--contents .cardNews--view .context .next{top:0;right:0;}
.program--contents .cardNews--view .context .next:after{border-top:2px solid #000;border-right:2px solid #000;right: 0;}
.program--contents .cardNews--view .context .next:before{left: 0px;}
.b-slider__carousel--thumbs .slick-track .slick-slide{width:110px !important;}
button.slick-arrow[data-control="prev"]::before, button[data-control="next"]::before{transform: rotate(0deg);border-style: none;}




.cardNews--view{border-top: 2px solid #d71a1f;}
.cardNews--view .cardNews--view--header .cardNews--view--tit{text-align:center;margin-bottom:0; font-size:20px;}
.cardNews--view .cardNews--view--header{padding: 20px 15px;border-bottom: 1px dashed #999;}
.cardNews--view .cardNews--view--opt{padding:15px 10px;text-align:right;border-bottom:1px solid #dcdcdc}
.cardNews--view .cardNews--view--opt:after{clear:both;display:block;content:""}
.cardNews--view .cardNews--view--opt span{padding-left:8px;display:inline-block;font-size:0.938em;line-height:1.3333em;color:#767676;letter-spacing:-0.03333em}
.cardNews--view .cardNews--view--opt span i{position:relative;padding-right:8px;margin-right:8px;font-weight:400;color:#444;font-style:normal}
.cardNews--view .cardNews--view--opt span i:after{position:absolute;top:3px;right:0;width:1px;height:14px;background:#dcdcdc;content:""}
.cardNews--view .cardNews--view--opt .info > span ~ span{margin-left:20px}


.cardNews--list .obj.col3{width:calc(100% + 15px);margin:0 0 0 -15px}
.cardNews--list .obj .col{float:left;position:relative;width:calc(33.333% - 15px) !important;height: 303px;margin:10px 0 10px 15px;}
.cardNews--list .detail--link{display:block;position:absolute;top:2px;left:2px;right:2px;bottom:2px;width:calc(100% - 4px);height:calc(100% - 4px);overflow:hidden}
.cardNews--list .detail--link:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;border:1px solid #e0e0e0;content:'';}
.cardNews--list .detail--link>a{display:block;position:relative;z-index:1;padding:1px;}
.cardNews--list .detail--link>a:hover{text-decoration:none}
.cardNews--list .detail--link>a:hover:before{border-bottom-color:#2678cc}
.cardNews--list .detail--link>a:focus .thm--box {height: 170px;}
.cardNews--list .detail--link>a:focus .thm--box img {top: 0;}
.cardNews--list .detail--link>a:focus .link{margin-top:10px;}
.cardNews--list .title{display:block;position:relative;margin:20px 15px 0 15px;/* padding-right:30px; */color:#000;font-size: 18px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cardNews--list .link{display:inline-block;width:calc(100% - 30px);height:36px;margin:35px 15px 0 15px;background-color:#d51a23;border-radius:3px;text-align:center;cursor:pointer}
.cardNews--list .link em{display:inline-block;padding:7px 0 0;color:#fff}
.cardNews--list .link em:after{display:inline-block;margin:-3px 0 0 10px;color:#fff;font-size:18px}
.cardNews--list .thm--box{display:block;position:relative;top:0;overflow:hidden;width:100%;height: 205px;background-color:#f7f7f7;transition:all .3s;z-index:0}
.cardNews--list .thm--box .inner img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;margin:auto;border:none;transition:all .3s}
.cardNews--list .detail--link.active .thm--box,.cardNews--list .detail--link:hover .thm--box{height:170px}
.cardNews--list .detail--link.active .thm--box img,.cardNews--list .detail--link:hover .thm--box img{top:0}
.cardNews--list .detail--link.active .link,.cardNews--list .detail--link:hover .link{margin-top:10px;}
.cardNews--list .p-info{display:block;margin:5px 15px 0 15px;}
.cardNews--list .p-info span:nth-child(1){float:left;}
.cardNews--list .p-info span:nth-child(2){float:right;}
.cardNews--list .p-info span{display:inline-block;font-size:16px;line-height:17px;}
.cardNews--list .p-info .views{color:#666;}
.cardNews--list .p-info .views i{color:#969696;font-style: normal;}
.cardNews--list .p-info .address{float:right;}
.cardNews--list .p-info:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width:768px){
.cardNews--list .obj .col{width:calc(100% - 15px) !important;}	
}

/* 이전 다음 */
.preview_area{width:100%;padding:0;}
.preview_area:after {content:""; clear:both; display:block;}
.preview_area p{display:block;vertical-align:middle;text-align:left;width:50%;float:left;position:relative; }
.preview_area p a{display:block;position:relative;height:100%;line-height:30px;padding:15px 0 15px 90px;font-size:16px;color:#444;font-weight:500;background: url(/images/program/cardNews/btn_before_view.png) no-repeat 0 50%;box-sizing:border-box;}
.preview_area p a *{vertical-align: middle;}
.preview_area p a span{overflow:hidden;vertical-align:top;display:inline-block;margin:0 0 0 20px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;}
.preview_area .next-view{text-align:right;}
.preview_area .next-view a{text-align:right;padding-right:110px;background:url(/images/program/cardNews/btn_next_view.png) no-repeat 100% 50%;}
.preview_area .next-view a span{display:inline-block;margin:0 20px 0 0;padding-right:20px;background:url(/images/program/cardNews/bg_preview_area.png) no-repeat 100% 0;width:100%;}
.preview_area .before-view a span{margin:0 0 0 20px;padding-left:20px;background:url(/images/program/cardNews/bg_preview_area.png) no-repeat 0 0;}
.preview_area .before-view a em{position:absolute;top:12px;left:45px;}
.preview_area .next-view a em{position:absolute;top:12px;right:45px;}


.cardNews--list .program--count{margin-left:10px;}

.bbs--view  .context.bg .galleryWrap:not(.hasThumb) ~ .fileList {margin-top:-10px;} 
.bbs--view  .context.bg .galleryWrap {padding:52px;}
.bbs--view  .context.bg .galleryWrap .imgArea img {max-width:980px;}
.bbs--view  .context.bg .galleryWrap.hasThumb .imgArea {display: table;width:100%;/* height:490px; *//* padding: 0 52px; */}
.bbs--view  .context.bg .galleryWrap.hasThumb .imgArea .img {vertical-align: middle;}
.bbs--view  .context.bg .galleryWrap.hasThumb .imgArea img {max-width:840px; max-height:840px;}


.galleryWrap:after {content:""; clear:both; display:block;}
.galleryWrap .imgArea {position:relative; text-align: center; box-sizing:border-box; }
.bbs--view .context.bg .galleryWrap.hasThumb .imgArea img {margin:0 auto;}

.galleryWrap .imgArea button {position:absolute; top:50%; min-width:0; margin-top:-17px; display: inline-block; width:45px; height: 45px; background: url('/images/program/cardNews/btn_bbs.png') no-repeat 0 0; background-color:rgba(255,255,255,0.5);border:1px solid #888; border-radius: 4px; transition:background-color ease-out 0.125s; box-sizing: border-box;}
.galleryWrap .imgArea button.btnPrev {left:10px; background: #fff url('/images/program/cardNews/btn_bbs.png') no-repeat -27px 5px;}
.galleryWrap .imgArea button.btnNext {right:10px; background: #fff url('/images/program/cardNews/btn_bbs.png') no-repeat -60px 5px;}
.galleryWrap .imgArea button:hover, .boxGallery button:focus {background-color: #eee}
.galleryWrap .imgArea button[disabled] {opacity: 0.4; cursor: default;}
.galleryWrap .imgArea button[disabled]:hover {background-color: #fff}

.galleryWrap .galleryThum {position:relative;/* float:right; *//* width:290px; */box-sizing:border-box;margin-top:20px;text-align:center}
.galleryWrap .galleryThum:after {content:''; display:block; clear:both;}
.galleryWrap .galleryThum li {position:relative; float:left;width:10.6%; margin-top:5px; padding:0 5px; box-sizing:border-box; margin-left:-5px;}
.galleryWrap .galleryThum li img {position:relative; z-index:1; width:100%; transition: transform ease-in-out 0.25s; margin:0;}
.galleryWrap .galleryThum li.on:after {content:''; position:absolute; top:0; bottom:0; left:5px; right:5px; z-index:1; background-color:#0063CC; opacity:0.5; pointer-events: none;}
.galleryWrap .galleryThum li a {display:block; width:100%;  overflow:hidden}
.galleryWrap .galleryThum li a:hover img, .galleryThum li a:focus img {transform:scale(1.2); opacity:0.4}

.bbs--view  .galleryTxt{margin-left:52px; padding-top:20px;}
.bbs--view  .galleryTxt ~ .fileList {margin-left:52px; padding-left:0 !important; padding-top:20px; border-top:1px solid #d2d2d2;}


.galleryOption{margin-top:30px;text-align:center}
.galleryOption *{vertical-align: middle;}




.b-slider .b-slider__item {
  position: relative;
  vertical-align: middle;
  display: none;
}
.b-slider .b-slider__item:first-child, .slick-initialized .b-slider .b-slider__item {
  display: block;
}
.b-slider .b-slider__carousel {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-slider .slick-slide {
  outline: none;
}
.b-slider .slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.b-slider .slick-arrow {
  position: absolute;
  z-index: 9;
}
.b-slider .slick-slider.slick-dotted ~ .slick-slider {
  display: none;
}
.b-slider .slick-slider.slick-vertical .slick-slide {
  border: 0;
}
.b-slider .slick-slider.slick-vertical .slick-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.b-slider .slick-slider.slick-vertical .slick-arrow[class*="left"], .b-slider .slick-slider.slick-vertical .slick-arrow[class*="prev"] {
  top: 0;
}
.b-slider .slick-slider.slick-vertical .slick-arrow[class*="next"], .b-slider .slick-slider.slick-vertical .slick-arrow[class*="next"] {
  bottom: 0;
}
.b-slider .slick-slider:not(.slick-vertical) .slick-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="left"], .b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="prev"] {
  left: 0;
}
.b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="right"], .b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="next"] {
  right: 0;
}
.b-slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  line-height: 1;
}
.b-slider .slick-dots button {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  display: block !important;
  outline: none;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen a[data-fancybox] {
  cursor: zoom-in;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow {
  font-size: 30px;
  
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="left"], .b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="prev"] {
  left: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="right"], .b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="next"] {
  right: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow:hover {
  opacity: 1;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs {
  overflow: hidden;
  margin-top: 10px;
  padding: 0 50px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item {
  position: relative;
  height:80px;
  background-color:#ddd;
  overflow:hidden;
}
.program--contents .cardNews--view .context .b-slider__carousel--thumbs .b-slider__item img{
  position:absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #7f7f7f;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item:hover::after {
  border-color: #000;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item img {
  opacity: .75;
  cursor: pointer;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item:hover img {
  opacity: 1;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-list {
  margin: 0 -5px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-slide > * {
  padding: 0 5px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-current img {
  opacity: 1;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-current .b-slider__item {
  position: relative;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-current .b-slider__item::after {
  border-color: red;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow {
  font-size: 30px;
  color: #7f7f7f;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="left"], .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="prev"] {
  left: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="right"], .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="next"] {
  right: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow:hover {
  color: #000;
}
.b-slider--horizontal-tm-1 .slick-dots {
  margin: 15px 0 0;
}
.b-slider--horizontal-tm-1 .slick-dots button {
  border-radius: 50%;
  background: #7f7f7f;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.b-slider--horizontal-tm-1 .slick-dots .slick-active button {
  background: red;
}
@media (min-width: 1200px) {
  .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="left"], .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="prev"] {
    left: 0;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="right"], .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="next"] {
    right: 0;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs {
    margin-top: 15px;
    padding: 0 60px;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-list {
    margin: 0 -7.5px;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-slide > * {
    padding: 0 7.5px;
  }
}