@charset "UTF-8";
@import url("/_templet7/css/main.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600&display=swap");
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2020-10-30
-------------------------------------------------*/
.visual .desc strong { font-family: "Noto Serif KR", "Noto Sans KR"; }

.visual .desc strong span { letter-spacing: 0; }

#popupzone .video { background: #9c1c2b url("../img/main/video_link.png") no-repeat right bottom; background-size: contain; color: rgba(255, 255, 255, 0.7); text-align: left; padding: 2rem 1.75rem; font-size: .75rem; letter-spacing: -0.03rem; }

#popupzone .video strong { font-size: 1.2rem; font-weight: 500; color: #fff; padding-bottom: .9rem; display: inline-block; letter-spacing: -0.02rem; line-height: 1.5rem; }

#popupzone .video a { padding-top: .5rem; display: inline-block; border-bottom: 2px solid #fff; -webkit-transition: all .3s; transition: all .3s; }

#popupzone .video a:hover { padding-right: .8rem; }

#popupzone.program { overflow: visible; position: relative; z-index: 0; max-height: inherit; padding: 1.5rem 13% 1.25rem 2rem; background-color: #9c1c2b; color: #fff; text-align: left; }

#popupzone.program::after { position: absolute; right: 0; bottom: 0; z-index: -1; width: 49%; height: calc(100% + 2rem); background: url("../img/main/program.png") no-repeat right bottom; background-size: 100% auto; content: ''; }

#popupzone.program h3 { margin: 0 0 0.75rem; padding: 0; font-size: 1rem; text-align: left; }

#popupzone.program .bul1 { overflow: hidden; margin: 0; padding: 0; }

#popupzone.program .bul1 > li { float: left; width: 50%; margin-bottom: 0.15rem; padding-bottom: 0; color: #fff; }

#popupzone.program .bul1 > li::before { left: 0; width: 0.15rem; height: 0.15rem; background-color: #fff; }

#popupzone.program .bul1 > li a { position: relative; }

#popupzone.program .bul1 > li a::after { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#popupzone.program .bul1 > li a:hover::after, #popupzone.program .bul1 > li a:focus::after { width: 100%; }

.banner a .icon { top: 1.5rem; }

#MainContents .calender:last-child { margin-bottom: 0; }

#MainContents .calender .group1 { padding-bottom: 1.5rem; }

#MainContents .PhotoWrap ul li a .title { height: 3.5rem; }

#MainContents .PhotoWrap .more { display: none; }

@media (max-width: 768px) { .banner a .icon { top: 1rem; }
  #popupzone.program { padding-right: 25%; }
  #popupzone.program::after { background-size: auto 100%; } }

@media (max-width: 530px) { .visual .desc strong { line-height: 1.3; font-size: 1.6rem; }
  #MainContents .latest .group.group3 h3 a { left: 12rem; }
  #MainContents .latest .group.active .more { display: none; }
  .banner a .icon { top: 0.75rem; }
  #popupzone.program::after { background-size: 100% auto; }
  #popupzone.program .bul1 > li { float: none; width: 100%; }
  #popupzone .video { background-size: 28%; } }