/* CSS Document */
/* [class*="mot"]{opacity:0; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
[class*="smot"]{opacity:0; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
[class*="moTn"]{opacity:0; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
[class*="-left"] {-webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); transform:translateX(-10%);}
[class*="-right"] {-webkit-transform:translateX(10%); -ms-transform:translateX(10%); transform:translateX(10%);}
[class*="-top"] {-webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
[class*="-bottom"] {-webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px);}
.mtBox [class*="mot"][class$="-left"] { transform: translateX(-100%); -webkit-transform: translateX(-100%);}

.start .active [class*="mot"] {opacity:1;}
.start .active [class*="moTn"] {opacity:1;}
.start .active [class*="mot1"] {-webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.start .active [class*="mot2"] {-webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.start .active [class*="mot3"] {-webkit-transition-delay:0.7s; -ms-transition-delay:0.7s; transition-delay:0.7s;}
.start .active [class*="mot4"] {-webkit-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;}
.start .active [class*="mot5"] {-webkit-transition-delay:1.1s; -ms-transition-delay:1.1s; transition-delay:1.1s;}
.start .active [class*="mot6"] {-webkit-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
.start .active [class*="mot7"] {-webkit-transition-delay:1.5s; -ms-transition-delay:1.5s; transition-delay:1.5s;}
.start .active [class*="mot8"] {-webkit-transition-delay:1.7s; -ms-transition-delay:1.7s; transition-delay:1.7s;}
.start .active [class*="mot9"] {-webkit-transition-delay:1.9s; -ms-transition-delay:1.9s; transition-delay:1.9s;}
.start .active [class*="moTn10"] {-webkit-transition-delay:2s; -ms-transition-delay:2s; transition-delay:2s;}
.start .active [class*="moTn11"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s;}
.start .active [class*="moTn12"] {-webkit-transition-delay:2.2s; -ms-transition-delay:2.2s; transition-delay:2.2s;}
.start .active [class*="moTn13"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s;}
.start .active [class*="moTn14"] {-webkit-transition-delay:2.4s; -ms-transition-delay:2.4s; transition-delay:2.4s;}
.start .active [class*="moTn15"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s;}
.start .active [class*="moTn16"] {-webkit-transition-delay:2.6s; -ms-transition-delay:2.6s; transition-delay:2.6s;}
.start .active [class*="moTn17"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s;}
.start .active [class*="-left"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.start .active [class*="-right"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.start .active [class*="-top"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.start .active [class*="-bottom"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.start .active [class*="-big"] {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

.start .active .content-list:nth-child(2) {transition-delay: 1.0s; opacity:1.0;}
.start .active .content-list:nth-child(3) {transition-delay: 1.2s; opacity:1.0;}
.start .active .content-list:nth-child(4) {transition-delay: 1.4s; opacity:1.0;}
.start .active .content-list:nth-child(5) {transition-delay: 1.6s; opacity:1.0;}
.start .active .content-list:nth-child(6) {transition-delay: 1.8s; opacity:1.0;}
.start .active .content-list:nth-child(7) {transition-delay: 2.0s; opacity:1.0;}
.start .active .content-list:nth-child(8) {transition-delay: 2.2s; opacity:1.0;}
.start .active .content-list:nth-child(9) {transition-delay: 2.4s; opacity:1.0;}
.start .active .content-list:nth-child(10) {transition-delay: 2.6s; opacity:1.0;} */

/* 타이틀 */
h2.tit1 { color: #000000; display: flex; align-items: center; font-size: 1.75rem; white-space: nowrap; overflow: hidden; }
h2.tit1 > span { font-weight: bold; margin-left: 0.5rem; }

/* 버튼1 */
.btn_more { position: relative; display: inline-block; line-height: 1.5rem; padding-right: 1.5rem; color: #000000; }
.btn_more::before { position: absolute; content: ""; left: 0; bottom: 0; height: 1px; width: 100%; background: #111111; }
.btn_more > span { position: relative; font-weight: bold; }
.btn_more > span::before { position: absolute; content: ""; border-radius: 50%; width: 0.2rem; height: 0.2rem; left: -0.4rem; top: -0.1rem; background: #da1f31; }
.btn_more > i { transition: 0.2s; position: absolute; top: 0.27rem; right: 0; line-height: 1; }
/* 버튼1 : active */
.btn_more:hover > i,
.btn_more:focus > i { transform: rotate(180deg); }

/* 버튼2 */
.btn_more2 { position: absolute; top: 0.45rem; right: 0; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
.btn_more2 > i { transition: 0.2s; }
/* 버튼2 : active */
.btn_more2:hover > i,
.btn_more2:focus > i { transform: rotate(180deg); }

/* 버튼3 */
.btn_more3 { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; width: 2rem; height: 2rem; background: #000; color: #fff; border-radius: 50%; }
.btn_more3 > i { transition: 0.2s; }
/* 버튼3 : active */
.btn_more3:hover > i,
.btn_more3:focus > i { transform: rotate(180deg); }

/* 메인비주얼 */
.visual {position:relative; width: 100%; height: 100%; transition: all 0.15s; }
/* .visual::before { position: absolute; content: ""; width: 8.84rem; height: 100%; right: 100%; top:0; background: #fff; border-bottom: 1px solid #cfcfcf; } */
.swiper {margin-left:0 !important; margin-right:0 !important; }
.thum,
.visual .thumBtn,
.visual .swiper-pagination { display: none !important; }
/* .thum {width: 8.84rem; height: 18.5rem; padding:0 1.45rem 0 1rem !important; margin:1.5rem 0 5rem 0; position: absolute !important; right: 100% !important; top: 0 !important; z-index: 2 !important; }
.thum.notSd { padding: 0 1.225rem !important; }
.visual .thumBtn { position: absolute; bottom: 2rem; right: 103.75%; height: 1.5rem; display: flex; align-items: center; gap: 0.35rem; z-index: 2; width: 3.35rem; }
.visual .thumBtn.notSd { display: none !important; } */
.visual .visualImg .swiper-slide a { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; height: 100%; width: 100%; }
.visual .visualImg .swiper-slide a img { max-width: 100%; height: 100%; object-fit: cover; }
/* .visual .visualImg .swiper-slide.swiper-slide-active { background: #000000; } */
/* .thum .swiper-wrapper {display: flex; flex-direction: column;} */
.visualImg {flex:1; height: 100%;  width: 80rem; }
.swiper-slide {background-size: cover; background-position: center;  display: flex !important; justify-content: center; align-items: center; overflow: hidden;}
/* .thum .swiper-slide {width: 100%; opacity: 0.5;}
.thum .swiper-slide > a { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; height: 100%; }
.thum .swiper-slide > a img { max-width: 100%; width: 100%; height: 100%; object-fit: contain; }
.thum .swiper-slide-active,
.thum.notSd .swiper-slide {opacity: 1 !important;} */
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.visual .visualImg .swiper-slide { justify-content: center; }
.visual .visualImg .swiper-slide iframe { width: 100% !important; max-width: 80rem !important; }
.visual .visualImg .swiper-slide div[id*="video"] { width: 100% !important; height: 100% !important; line-height: 0; }
.visual .visualImg .swiper-slide button.vdoPlay,
.visual .visualImg .swiper-slide button.vdoStop { display: flex; position: absolute; bottom: 1.25rem; right: 2.55rem; padding: 0; width: 6rem; height: 2rem; line-height: 2rem; background: rgba(3,40,45,0.65); border-radius: 1.5rem; color: #fff; align-items: center; justify-content: center; font-weight: 600; gap: 0.5rem; }
.visual .visualImg .swiper-slide button.vdoPlay > i,
.visual .visualImg .swiper-slide button.vdoStop > i { font-weight: 400; font-size: 1.05rem; color: #fff; }
.swiper-pagination-bullet {position: relative; width:2px !important; height: calc(100% / 4) !important; background: #df818a !important; border-radius: 0 !important; transition: 0.3s ease; }
.visual .swiper-scrollbar-drag::before,
.visual .swiper-scrollbar-drag::after {content: ''; border-radius: 50%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#da1f31; }
.visual .swiper-pagination { height: 18.5rem !important; width: 2px !important; bottom: 5rem; right: 100.75% !important; background: #e2e2e2 !important;  display: flex; flex-direction: column; z-index: 10; }
.visual .swiper-scrollbar-drag { background: #0c4b5d !important; width: 100% !important; }
.swiper-button-prev {left:2.7rem !important;}
.swiper-button-next {left:4.55rem !important;}
.progress-box { position: absolute; right:50%; transform: translateX(calc(210%)); bottom:1.5rem; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 0 0.75rem; width: 14.4rem; }
.visual .colWht .control > a,
.colWht .swiper-pagination-fraction { color:  #fff !important; }
.swiper-pagination-fraction {
position: relative;
  display: flex;
  width: calc(100% - 50px) !important;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  color: #000 !important;
  top: auto !important;
  bottom: auto !important;
  gap: 0 0.75rem;
}

.swiper-pagination-fraction .current {font-weight: 600;}

.autoplay-progress {
	position: relative;
	z-index: 10;
	width: 6rem;
	height: 3px;
	background-color: #fff;
  	border-radius: 2px;
}

.autoplay-progress.noSlidr svg { --progress : 100% !important; }

.autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	stroke-width: 5px;
	stroke: #da1f31;
  border-radius: 2px;
	fill: none;
	stroke-dashoffset: calc(100 * (1 - var(--progress)));
	stroke-dasharray: 100;
}
.swiper-button-next-thum.rightBtn, .swiper-button-prev-thum.leftBtn {position: relative !important; top: auto !important; bottom: auto !important; width: 1.5rem !important; height: 1.5rem !important; border-radius: 50%; border:1px solid #111; background: #fff; color: #000 !important; transform: rotate(90deg); right: auto !important; left: auto !important; margin: 0 !important; }

.visual .control { display: flex; align-items: center; }
.visual .control > a { position: relative; right: auto !important; margin: 0 !important; left: auto !important; color: #111111 !important; height: 1.5rem !important; top: auto !important; width: 1.25rem !important; }
.visual .control .btn_pause { border: none !important; }
.btn_pause {display: flex; justify-content: center; align-items: center; width:35px; height:35px; border-radius: 50%; border:1px solid #000;}
.btn_pause::before {content:'\ea3b'; font-family: 'xeicon'; font-size: 1rem;}
.btn_pause.on::before {content:'\ea3e';}

/* 캘린더 */
.gallery { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.gallery .swiper { opacity: 0; visibility: hidden; }
.gallery .swiper.swiper-initialized { opacity: 1; visibility: visible; }
.gallCalender { position: relative; width: 23rem; z-index: 2; }

.gallCalender .titWrap { display: flex; align-items: center; padding-right: 2.4rem; justify-content: space-between; margin-bottom: 0.1rem; }
.gallCalender .titWrap > h2.tit1 { line-height: 2rem; margin: 0; }
.gallCalender .titWrap > h2.tit1 > span { margin: 0; }
.gallCalender .titWrap .dateWrap { display: flex; align-items: center; gap: 0 1.25rem; }
.gallCalender .titWrap .dateWrap > a { border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #d1d1d1; color: #000000; font-size: 1.4rem; width: 2rem; height: 2rem; }
.gallCalender .titWrap .dateWrap > span { font-size: 1.4rem; display: inline-block; color: #000000; font-weight: 500; line-height: 2rem; }
.gallCalender .titWrap .dateWrap > span > em { font-weight: bold; }

.gallCalender .gallCal table thead th {font-family: 'Montserrat';font-size: 0.8rem;font-weight: 600;color: #222222;height: 3.25rem;}
.gallCalender .gallCal table thead th.sun { color: #940000; }
.gallCalender .gallCal table thead th.sat { color: #008494; }

.gallCalender .gallCal table tbody { height: 16.5rem; }

.gallCalender .gallCal table tbody td { position: relative; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; vertical-align: top; padding: 0.4rem; display: table-cell; color: #333333; font-family: 'Montserrat'; font-size: 0.65rem; font-weight: 600; }
.gallCalender .gallCal table tbody td:has(.venueIcon) { cursor: pointer; }
.gallCalender .gallCal table tbody td.dayOff > span { color: #bebebe; }
.gallCalender .gallCal table tbody td.dayOff.today > span { color: #fff !important; }
.gallCalender .gallCal table tbody td.sun > span { color: #a54242; }
.gallCalender .gallCal table tbody td.sat > span { color: #008494; }

.gallCalender .gallCal table tbody td.open > span,
.gallCalender .gallCal table tbody td.open > a > ul > li { position: relative; color: #fff; z-index: 1; }
.gallCalender .gallCal table tbody td.open::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #14454b; z-index: -1; }

.gallCalender .gallCal table tbody td.today > span,
.gallCalender .gallCal table tbody td.today > a > ul > li { color: #fff; }
.gallCalender .gallCal table tbody td.today::before { position: absolute; content: ""; background: #008494; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; }
.gallCalender .gallCal table tbody tr:first-child td { border-top: 2px solid #000000; }
.gallCalender .gallCal table tbody tr td:first-child { border-left: 1px solid #dedede; }
.gallCalender .gallCal table tbody td > span {color: #333333;display: block;font-family: 'Montserrat';font-size: 0.7rem;font-weight: 600;}
.gallCalender .gallCal table tbody td > a { display: block; width: 100%; margin-top: 0.3rem; }
.gallCalender .gallCal table tbody td > a > ul { display: flex; flex-wrap: wrap; gap: 0.1rem 0.2rem; }
.gallCalender .gallCal table tbody td > a > ul > li { font-size: 0.45rem; color: #000000; }

.gallCalender .gallCal table tbody tr:nth-child(n + 3) td .gallLst { top: auto; bottom: 100%; }

.gallCalender .gallCal table tbody td .gallLst { position: absolute; top: 100%; right: 0; border: 1px solid #134349; width: 13.1rem; padding: 0.5rem 0.75rem; background: #fff; z-index: 1; display: none; box-shadow: 8px 8px 15px rgba(0,0,0,0.25); }
.gallCalender .gallCal table tbody td.open .gallLst { display: block; }

.gallCalender .gallCal table tbody td .gallLst > ul { display: flex; flex-direction: column; height: auto; overflow-y: hidden; }

.gallCalender .gallCal table tbody td .gallLst > ul::-webkit-scrollbar,
.gallCalender .gallCal table tbody td .gallLst > ul::-webkit-scrollbar-thumb,
.gallCalender .gallCal table tbody td .gallLst > ul::-webkit-scrollbar-track { width: 0.4rem !important; border-radius: 0 !important; }
.gallCalender .gallCal table tbody td .gallLst > ul::-webkit-scrollbar-thumb { background: #c3c3c3 !important; }
.gallCalender .gallCal table tbody td .gallLst > ul::-webkit-scrollbar-track { background: #e7e7e7 !important; }

.gallCalender .gallCal table tbody td .gallLst > ul > li > a { display: flex; align-items: center; width: 100%; color: #000000; position: relative; border-bottom: 1px solid #dedede; height: 1.5rem; }

.gallCalender .gallCal table tbody td .gallLst > ul > li > a > span {position: relative;padding-left: 0.7rem;display: block;font-size: 0.75rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 400;}
.gallCalender .gallCal table tbody td .gallLst > ul > li > a > span::before { position: absolute; content: ""; left: 0; top: 0.23rem; font-family: 'remixicon'; font-size: 0.5rem; color: #000; line-height: 1; }

.gallCalender .gallCal table tbody td .gallLst > ul > li.nmalO > a > span::before { content: "\f3c1"; }
.gallCalender .gallCal table tbody td .gallLst > ul > li.hae > a > span::before { content: "\f1bc"; }
.gallCalender .gallCal table tbody td .gallLst > ul > li.dal > a > span::before { content: "\ef72"; }
.gallCalender .gallCal table tbody td .gallLst > ul > li.sky > a > span::before { content: "\eba2"; }
.gallCalender .gallCal table tbody td .gallLst > ul > li.byul > a > span::before { content: "\f186"; }

.gallCalender .gallCal table tbody td .gallLst > ul > li > a > p { display: block; font-size: 0.75rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.25rem; }

.gallCalender .gallCal table tbody td .gallLst > a { display: none !important; align-items: center; justify-content: center; font-size: 1rem; color: #000000; position: absolute; right: 0.75rem; top: 0.25rem; font-weight: 400; }

.gallCalender .gallCal table tbody td .gallLst > ul > li > a:hover > p,
.gallCalender .gallCal table tbody td .gallLst > ul > li > a:focus > p { text-decoration: underline; }

/* 마지막 항목(또는 유일한 항목)의 밑줄 제거 */
.gallCalender .gallCal table tbody td .gallLst > ul > li:last-child > a {
  border-bottom: none;
}

.gallWrap { position: relative; width: calc(100% - 27.3rem); }

.gallSd ul {display: flex; }
.gallSd li a {position: relative; display: block; width:100%;}
.gallSd li a .img {width: 100%; height:16.2rem; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.gallSd li a .img::after {content:''; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); transition: all ease-in-out 0.3s; font-size: 0; line-height: 0; width:0; height:0; background: rgba(0,0,0,0.4); border-radius: 50%; }
.gallSd li a .img > img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; }
.gallSd li a .over {position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); opacity: 0; z-index: 2; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.15rem; background: rgba(0,0,0,0.5); border-radius: 1.5rem; display: none; }
.gallSd li a .over > em { display: inline-block; text-align: center; color: #fff; font-weight: bold; line-height: 1.9rem; border-radius: 1.5rem; padding: 0 1rem; border: 2px solid #fff; width: 5.6rem; opacity: 0; transition: all ease-in-out 0.3s; font-size: 0.75rem; }
.gallSd li a .over > img {margin:0 auto; transform: scale(0); transition: 0.3s; }
.gallSd li a .txt { display: flex; flex-wrap: wrap; }
.gallSd li a .txt .title { display: flex; width: 100%; justify-content: start; align-items: start; }
.gallSd li a .txt .title > span {display: inline;text-align: start;width: 100%;height: 100%;color: #666666;white-space: nowrap;overflow: hidden;font-weight: 500;text-overflow: ellipsis;font-size: 0.8rem;}
.gallSd li a .txt .title > em { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #000000; font-weight: 600; padding: 0 0.5rem; min-width: 2.75rem; max-width: calc(100% - 6rem); white-space: nowrap; overflow: hidden; color: #000000; background: #fff; }
.gallSd li a .txt > p {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;color: #000000;font-weight: bold;margin: 1rem 0 0.5rem;width: 100%;}
.gallSd li a .txt .date {display: block;font-size: 0.85rem;color: #666666;width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*250522 달력날짜 줄바꿈수정 */
.gallery .swiper-button-next2, .swiper-button-prev2 {position: absolute; top: 50% !important; color: #000 !important; font-size: 2.5rem; font-weight: 400; cursor: pointer; transform: translateY(-115%) !important; }
.gallery .swiper-button-prev2 {left:-3rem !important;}
.gallery .swiper-button-next2 {right:-3rem !important;}
/* 극장캘린더 : active */
.gallSd li a .img > img { transition: 0.2s; }
.gallSd li a:hover .img > img,
.gallSd li a:focus .img > img { transform: scale(1.2); }
.gallSd li a:hover .over > img,
.gallSd li a:focus .over > img { transform: scale(1); }
.gallSd li a:hover .over > em,
.gallSd li a:focus .over > em,
.gallSd li a:hover .over,
.gallSd li a:focus .over { opacity: 1; }
.gallSd li a:hover .txt > p,
.gallSd li a:focus .txt > p { text-decoration: underline; }

/* Connect with NTOK */
.connectNtok { position: relative; display: flex; align-items: center; margin: 0 auto; justify-content: center; gap: 1rem 3.65rem; }
.connectNtok .txt { font-size: 2rem; color: #000000; font-style: italic; font-family: 'Comic Sans Ms'; }
.connectNtok ul { display: flex; align-items: center; gap: 1rem; }
.connectNtok ul li a { display: flex; align-items: center; justify-content: center; background: #000000; width: 3.5rem; height: 3.5rem; border-radius: 1rem; border: 2px solid transparent; }
.connectNtok ul li a .snsOn { display: none; }
/* Connect with NTOK : active */
.connectNtok ul li a { transition: 0.2s; }
.connectNtok ul li a:hover,
.connectNtok ul li a:focus { border-color: #000000; background: #fff; }
.connectNtok ul li a:hover .sns,
.connectNtok ul li a:focus .sns { display: none; }
.connectNtok ul li a:hover .snsOn,
.connectNtok ul li a:focus .snsOn { display: block; }

/* 이모저모 */
.notice01 { position: relative; width: 100%; }
.notice01 .btn_more2 { right: 0; }
.notice01 .titWrap { display: flex; align-items: center; justify-content: space-between; padding-right: 2rem; width: 100%; position: relative; }
.notice01 .titWrap .tabBox { display: flex; align-items: center; justify-content: start; width: 100%; flex-wrap: wrap; }
.notice01 .titWrap .tabBox > li { max-width: 50%; }
.notice01 .titWrap .tabBox > li > a {position: relative;display: flex;align-items: center;justify-content: center;height: 2.5rem;font-size: 1.2rem;color: #888888;font-weight: 500;padding: 0 1.125rem;font-family: 'Montserrat';text-transform: uppercase;}
.notice01 .titWrap .tabBox > li > a::before { position: absolute; content: "#"; color: #000000; font-size: 1.3rem; left: 0; top: -0.1rem; font-weight: bold; opacity: 0; }
.notice01 .titWrap .tabBox > li > a > span { position: relative; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; }
.notice01 .noticeLst { margin-top: 1.35rem; }
.notice01 .noticeWrap { display: none; }
.notice01 .noticeWrap.on { display: block; }
.notice01 [class^='noticeBox'] { display: none; }
.notice01 [class^='noticeBox'].on { display: block; }
.notice01 [class^='noticeBox'] .item:nth-child(n + 4) { display: none; }
.notice01 [class^='noticeBox'] .item a {width: 100%;display: flex;border-bottom: 1px solid #000000;padding: 1.65rem 7rem 1.65rem 1rem;position: relative;z-index: 1;align-items: center;}
.notice01 [class^='noticeBox'] .item a::after { position: absolute; content: ""; width: 100%; height: calc(100% + 1px); left: 0; top: -1px; border: 1px solid #333333; opacity: 0; background: transparent; z-index: -1; }
.notice01 [class^='noticeBox'] .item a > p {position: relative;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: 'Montserrat';font-weight: bold;color: #000000;font-size: 0.95rem;}
.notice01 [class^='noticeBox'] .no_data { width: 100%; height: 13.65rem; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.9rem; background: #f5f5f5; }
.notice01 [class^='noticeBox'] .item a > em {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);display: flex;align-items: center;gap: 0.4rem;color: #777777;font-size: 0.8rem;}
.notice01 [class^='noticeBox'] .item a > em:not(.notice01 [class^='noticeBox'] .item a > em.date) > i { display: none; }
.notice01 [class^='noticeBox'] .item a > em.sttus > span { display: inline-flex; padding: 0.15rem 0.5rem; width: 3.5rem; justify-content: center; align-items: center; background: #008494; color: #fff; }
.notice01 [class^='noticeBox'] .item a > em.sttus.ready > span { background: #77787b; }
.notice01 [class^='noticeBox'] .item a > em.sttus.end > span { background: #000000; }
/* 극장 이모저모 : active */
.notice01 .titWrap .tabBox > li > a::before,
.notice01 .titWrap .tabBox > li > a { transition: 0.2s; }
.notice01 .titWrap .tabBox > li > a.current,
.notice01 .titWrap .tabBox > li > a:hover,
.notice01 .titWrap .tabBox > li > a:focus { font-weight: bold; color: #111111; }
.notice01 .titWrap .tabBox > li > a.current::before { opacity: 1; }
.notice01 [class^='noticeBox'] .item a:hover,
.notice01 [class^='noticeBox'] .item a:focus { border-bottom: none; }
.notice01 [class^='noticeBox'] .item a:hover::after,
.notice01 [class^='noticeBox'] .item a:focus::after { opacity: 1; }
.notice01 [class^='noticeBox'] .item a:hover,
.notice01 [class^='noticeBox'] .item a:focus { box-shadow: 8px 8px 15px rgba(6,8,33,0.09); }

/* 배너존 */
.bannerzone { position: relative; }
.bannerzone .titWrap { display: flex; align-items: center; justify-content: space-between; height: 2.5rem; }
.bannerzone .titWrap h3.heading { font-family: 'Montserrat'; font-weight: bold; font-size: 1.1rem; text-transform: uppercase; flex: 1; white-space: nowrap; overflow: hidden; margin-right: 0.75rem; }
.bannerzone .titWrap .control { display: flex; align-items: center; gap: 1rem; }
.bannerzone .titWrap .control > a { display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem; color: #7f7f7f; }
.bannerzone .titWrap .control > a.play { display: none; }
.bannerzone .bannerLst { position: relative; margin-top: 2.35rem; border: 1px solid #000000; }
.bannerzone .bannerLst::before { position: absolute; content: ""; height: 0.5px; width: 100%; background: #000000; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.bannerzone .bannerLst .item a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background: #f9f9f9; height: 6.8rem; padding: 0 1rem; }
.bannerzone .bannerLst .item a > img { max-width: 100%; }

/* 팝업존 */
.popupzone { position: relative; /* border: 1px solid #333333; */ padding: 0; text-align: center; height: 100%; }
.popupzone .popLst .item a { display: flex; align-items: center; justify-content: center; width: 100%; height: 17.39rem; font-size: 0; line-height: 0; background: #fff; overflow: hidden; }
.popupzone .popLst .item a > img { max-width: 100%; }
/* .popupzone .item > p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0.75rem 0 1.2rem; font-weight: 600; text-align: start; } */
.popupzone .item > p { display: none; }
.popupzone > .control { display:none; align-items: center; padding: 0.3rem 0.45rem 0.3rem 0.55rem; border-radius: 1.5rem; background: #fff; margin-top: 1.25rem; }
.popupzone > .control > a { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff;  border: 1px solid #cbcbcb; width: 1.1rem; height: 1.1rem; color: #000000; }
.popupzone > .control > a.play { display: none; }
.popupzone > .control > a.play,
.popupzone > .control > a.stop {margin: 0 0.3rem; border: none !important; background: #000000; color: #fff;  }
.popupzone > .control .page { position: relative; display: none; align-items: center; margin-right: 0.5rem; font-size: 0.65rem; font-weight: 600; gap: 1.3rem; }
.popupzone > .control .page::before { position: absolute; content: ""; height: 1px; width: 0.55rem; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #090909; }
.popupzone > .control .page span { color: #828282; }
.popupzone .slick-dots { position: absolute; top: 0.575rem; right: 0.975rem; display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; display: none; }
.popupzone .slick-dots li { display: inline-flex; align-items: center; justify-content: center; background: #fff; padding: 0; background: #e8e8e8; border-radius: 50%; width: 1rem; height: 1rem; color: #333; font-weight: 500; font-size: 0.7rem; }
.popupzone .slick-dots li button { padding: 0; width: 100%; height: 100%; }
.popupzone .slick-dots li.slick-active { color: #fff; background: #008494; border-color: #008494; }
/* 바로가기 */
.link { border: 1px solid #000000; height: 100%; }
.link ul {display: flex; flex-wrap: wrap; height: 100%; }
.link li { width: 100%; height: calc(100% / 4); }
.link li a {display: flex; align-items: center; padding: 0 0 0 1.15rem; height: 100%; border-bottom: 1px solid #cccccc; }
.link li:last-child a { border-bottom: none; }
.link li .img {position: relative; display: flex; align-items: center; justify-content: center; width:2.75rem; height:2.75rem; border-radius: 50%; }
.link li .img .on { display: none; }
.link li .img em {display: inline-flex; align-items: center; justify-content: center; overflow: hidden;}
.link li .img em > img { position: relative; z-index: 1; }
.link li a > span {position: relative;display: inline-flex;align-items: center;padding: 0.5rem 2.5rem 0.5rem 1.3rem;color: #111;font-size: 0.95rem;font-weight: 600;width: calc(100% - 2.75rem);overflow: hidden;font-family: 'Montserrat';}
.link li a > span > em { position: relative;  display: inline-block; overflow: hidden; text-align: center; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; }
.link li a > span::after {content: '\EA6E'; position: absolute; right:1.5rem; top: 50%; transform: translateY(-50%); font-family: 'remixicon'; font-size: 0.9rem; color: #111; opacity: 0; }
/* .masked-image2 {position:absolute; top: 0; left: 0; width:2.75rem; height:2.75rem; border-radius: 50%; transform: rotate(45deg); } */
/* 바로가기 : active */
.link li a:hover,
.link li a:focus { background: #065b65; }
.link li a:hover > span,
.link li a:focus > span {font-weight: bold; color: #fff; }
.link li a:hover > span::after,
.link li a:focus > span::after { opacity: 1; font-weight: 400 !important; color: #fff; }
.link li a:hover .img,
.link li a:focus .img { background: #20717b; }
/* .link li a:hover .masked-image2,
.link li a:focus .masked-image2 {
    background: #20717b;
	mask-image: linear-gradient(#fff 100%, transparent 100%);
    mask-position: left top;
    mask-repeat: no-repeat;
    animation: mask-move2 0.25s cubic-bezier(0.0, 0.0, 0.58, 1.0) alternate;
    animation-fill-mode: both;
	border: 1px solid #20717b;
}
@keyframes mask-move2 {
  0% {mask-size: 0 2.75rem;}
  100% {mask-size: 2.75rem 2.75rem;}
} */

.link li a:hover .img .on,
.link li a:focus .img .on { display: block; }
.link li a:hover .img .off,
.link li a:focus .img .off { display: none; }

/** 애니메이션 **/
@media screen and (min-width: 1241px) {
	/* header */
	/* header { transform: translateY(-10%); opacity: 0; transition: 0.5s; } */

	/* 메인비주얼 */
	/* .visual { transform: translateX(10%); opacity: 0; transition: 0.5s; } */

	/* 공연안내 */
	/* .gallWrap,
	.gallery .tabLst { transform: translateY(10%); opacity: 0; transition: 0.5s; }
	.section2::before { opacity: 0; transition: 0.5s; } */

	/* 이모저모 */
	/* .notice01 { transform: translateY(10%); opacity: 0; transition: 0.5s; }
	.monthPop { transform: translateY(10%); opacity: 0; transition: 0.5s; } */

	/* section04 */
	/* .link { transform: translateY(10%); opacity: 0; transition: 0.5s; } */

	/* active */
	/* .start header.active { transform: translateY(0%); opacity: 1; }
	.start .section1.active .visual { transform: translateX(0%); opacity: 1; transition-delay: 0.2s; }

	.start .section2.active::before { opacity: 1; transition-delay: 0.4s; }
	.start .section2.active .gallery .tabLst { transform: translateY(0%); opacity: 1; transition-delay: 0.4s; }
	.start .section2.active .gallWrap { transform: translateY(0%); opacity: 1; transition-delay: 0.6s; }

	.start .section3.active .notice01,
	.start .section3.active .monthPop { transform: translateY(0); opacity: 1; }

	.start .section4.active .link { transform: translateY(0); opacity: 1; transition-delay: 0.2s; } */
}

/**** 반응형 ****/
@media screen and (max-width: 1920px) {
	/* 메인비주얼 */
	/* .visual { padding-left: 0; width: 100%;}
	.visual .thumBtn { transform: none !important; left: 2.05rem !important; }
	.visual .swiper-pagination { transform: rotate(90deg) !important; left: -1.85rem !important; }
	.visual::before { right: auto; left: 0; width: 8rem; z-index: 2; }

	.visualImg { margin: 0 auto !important; }

	.thum { right: auto !important; width: 8rem; left: 0; } */
}

@media screen and (max-width: 1840px) {
	/* 공연안내 */
	.gallWrap { padding: 0 2rem; }

	.gallery .swiper-button-next2 { right: -0.5rem !important; }
	.gallery .swiper-button-prev2 { left: -0.5rem !important; }
}

@media screen and (max-width: 1761px) {
	/* 메인비주얼 */
	/* .visual { width: 100%; }
	.visualImg { width: 100%; } */
}

@media screen and (max-width: 1740px) {
	/* 메인비주얼 */
	.visual { padding-left: 0; width: 100%;}
	/* .visual .thumBtn { transform: none !important; left: 2.05rem !important; } */
	.visual .swiper-pagination { left: 7.2rem !important; }
	/* .visual::before { right: auto; left: 0; width: 8rem; z-index: 2; } */
	.visual .visualImg .swiper-slide a img { width: 100%; }
	.visualImg { margin: 0 auto !important; }

	.thum { right: auto !important; width: 8rem; left: 0; }

	/* 캘린더 */
	.gallWrap { padding: 0 2rem; width: calc(100% - 25rem); }
	.gallSd li a { width: 100%; }
	.gallery .swiper-button-next2 { right: -1rem !important; }
	.gallery .swiper-button-prev2 { left: -1rem !important; }
}

@media screen and (max-width: 1640px) {
	/* 메인비주얼 */
	.progress-box { transform: none; right: 2rem; }
	.visual .visualImg .swiper-slide button.vdoPlay,
	.visual .visualImg .swiper-slide button.vdoStop { right: auto; left: 50%; transform: translateX(-50%); }
}

@media screen and (max-width: 1600px) {
	/* 메인비주얼 */
	.progress-box { right: 1rem; }
}

@media screen and (max-width: 1440px) {

	/* 공연안내 */
	.gallery .tabLst > ul { width: 100%; flex: none; margin-top: 1.5rem; padding: 0; }
	.gallery .tabLst { flex-wrap: wrap; height: auto; padding: 1rem 1rem 2rem; justify-content: start; }
	.gallery .tabLst > span { width: auto; max-width: calc(100% - 7rem); }
	.gallery .btn_more { position: absolute; right: 1.5rem; top: 1.5rem; }

	/* 바로가기 */
	/* .link li a {  flex-direction: column; padding: 0 0.5rem; }
	.link li a > span { padding: 1rem 0 0; width: 100%; justify-content: center; }
	.link li a > span::before,
	.link li a > span::after { display: none; } */
}

@media screen and (max-width: 1360px) {
	/* 공지사항 */
	/* .notice01 .noticeLst { margin-top: 1.75rem; } */
}

@media screen and (max-width: 1240px) {
	/* 메인비주얼 */
	.visualImg { width: 100%; }
	.visual { padding-left: 0 !important; }
	.visual .thum,
	.swiper-pagination,
	.visual::before,
	.swiper-button-next-thum.rightBtn, .swiper-button-prev-thum.leftBtn,
	.visual .thumBtn { display: none !important; }
	.section1 .swiper-slide iframe { width: 100% !important; }
	.visualImg { width: 100% !important; margin: 0 !important; }
	.visual .visualImg .swiper-slide a > img { max-width: 150%; }

	/* 극장 공연 안내 */
	.gallery .tabLst > span { font-size: 1.1rem; width: auto; max-width: calc(100% - 7rem); }
	.gallery .tabLst .selBox { margin: 0 0 0 1rem; }
	.gallery .tabLst .selBox > ul > li > a { height: 2.25rem; }
	.gallery .tabLst { margin: 1.5rem 0; padding: 1rem 1rem; }
	.gallery .tabLst > ul { margin-top: 2rem; height: 2.5rem; }
	.gallery .monTab > li > a { font-size: 0.95rem; }
	.gallery .monTab > li > a::before { width: 2.5rem; height: 2.5rem; }
	.gallery .monTab > li a > em { background-size: 2.5rem; top: -2rem; }
	.gallery .btn_more { top: 1.25rem; }

	.gallSd li a .txt .date { width: 100%; }
	.gallSd li a .txt > p { margin: 0.75rem 0 0.35rem; }
	/* .gallSd li a .txt .title { margin-top: 0.25rem; width: 100%; } */

}

@media screen and (max-width: 1150px) {

	/* 캘린더 */
	.gallCalender { width: 100%; }
	.gallWrap { width: 100%; margin-top: 3rem; padding: 0 1.5rem; order: 2;  }
	.gallCalender .gallCal table tbody { height: auto; }
	.gallCalender .gallCal table tbody td { height: 5rem !important; }
	.gallCalender .gallCal table tbody td .gallLst { width: 18.5rem; }
	.gallCalender .gallCal table tbody tr td:nth-child(n + 5) .gallLst { left: auto; right: -1px; }
	.gallCalender .gallCal table tbody tr td:nth-child(-n + 3) .gallLst { left: -1px; right: auto; }
	.gallSd li a .img { height: 100%; /* aspect-ratio: 1/1.25 */; }
}

@media screen and (max-width: 1024px) {
	h2.tit1 { font-size: 1.5rem; }
	.btn_more2 { font-size: 1.25rem; }

	/* 바로가기 */
	/* .link { margin-top: 3rem; } */
}

@media screen and (max-width: 968px) {
	/* 메인비주얼 */
	.visualImg .swiper-slide img { max-width: 200%; }

	/* Connect with NTOK */
	.connectNtok { gap: 1rem 2.5rem; }
	.connectNtok .txt { font-size: 1.7rem; }
	.connectNtok ul li a { width: 3.25rem; height: 3.25rem; }
	.connectNtok ul li a > img { max-width: 2.25rem; }

	/* 캘린더 */
	.gallCalender .gallCal table tbody td { height: 4rem !important; }
}

@media screen and (max-width: 860px) {
	/* 캘린더 */
	.gallSd li a .img { background: #f1f1f1; }
}

@media screen and (max-width: 768px) {
	h2.tit1 { font-size: 1.4rem; }
	.btn_more > i { top: 0.35rem; }
	.btn_more > span { display: none; }
	.btn_more2 { top: 0.5rem; font-size: 1.1rem; }

	/* 메인비주얼 */
	.progress-box { bottom: 0.5rem; }
	.visual .visualImg .swiper-slide button.vdoPlay,
	.visual .visualImg .swiper-slide button.vdoStop { bottom: 0.75rem; height: 1.75rem; line-height: 1.75rem; width: 5.5rem; transform: none; left: 1rem; }
	.visual .visualImg .swiper-slide button.vdoPlay > i,
	.visual .visualImg .swiper-slide button.vdoStop > i { font-size: 0.95rem; }

	/* 캘린더 */
	.gallery .swiper-button-next2, .swiper-button-prev2 { font-size: 2rem; }
	.gallSd li a .over > img { max-width: 4.25rem; }
	.gallSd li a .over > em { line-height: 1.5rem; font-size: 0.7rem; width: 5rem; }

	/* Connect with NTOK */
	.connectNtok { flex-direction: column; gap: 1.5rem; }
	.connectNtok ul { gap: 1.5rem; }

	/* 공지사항 */
	.notice01 .noticeLst { margin-top: 0.5rem; }
	.notice01 [class^='noticeBox'] .item a { padding: 1.25rem 7rem 1.25rem 1rem; }
	.notice01 [class^='noticeBox'] .no_data { height: 11.25rem; }

	/* 바로가기 */
	.link li a { padding: 0.75rem 0 0.75rem 1.15rem; }

}

@media screen and (max-width: 680px) {
	/* 배너존 */
	.bannerzone .bannerLst { margin-top: 1.5rem; }
	.bannerzone .bannerLst .item a { height: 5.5rem; }

	/* Connect with NTOK */
	.connectNtok .txt { font-size: 1.5rem; }
	.connectNtok ul li a { width: 3rem; height: 3rem; }

	/* 팝업존 */
	/* .popupzone .popLst .item a { height: auto; }
	.popupzone .popLst .item a > img { object-fit: cover; width: 100%; }

	.link li { width: 50%; height: calc(100% / 2); }
	.link li:nth-child(n + 3) a { border-bottom: none !important; }
	.link li:nth-child(2n) a { border-left: 1px solid #eee; } */

	.link li a { padding: 0.5rem 0 0.5rem 1rem; }
	.link li .img { width: 2rem; height: 2rem; }
	.link li .img em > img { max-width: 1.75rem; }
	.link li a > span { padding: 0.25rem 2.5rem 0.25rem 1rem; }

	.popupzone { height: auto; }
	.popupzone .popLst .item a > img { height: 100%; }
	.popupzone .popLst .item a { height: auto; }

	/* 캘린더 */
	.gallCalender .gallCal table tbody td .gallLst { width: 13rem; }
}

@media screen and (max-width: 580px) {
	/* 메인비주얼 */
	.swiper-pagination-fraction { gap: 0 0.5rem; width: auto !important; font-size: 0.9rem; }
	.autoplay-progress { width: 4.5rem; }
	.autoplay-progress svg { stroke-width: 7px; }
	.progress-box { width: auto; gap: 0.5rem; }

	/* 캘린더 */
	.gallCalender .titWrap { margin-bottom: 0; }
	.gallCalender .titWrap > h2.tit1,
	.gallCalender .titWrap .dateWrap > span { line-height: 1.75rem; }
	.gallCalender .titWrap .dateWrap > a,
	.btn_more3 { width: 1.75rem; height: 1.75rem; font-size: 1.2rem; }
	.gallCalender .gallCal table tbody td { height: 3.5rem !important; }
	.gallCalender .gallCal table tbody td > span { font-size: 0.6rem; }
	.gallCalender .gallCal table tbody td > a { margin-top: 0.2rem; }

	.link li .img { width: 1.75rem; height: 1.75rem; }
	.link li .img em > img { max-width: 1.5rem; }
	.link li a > span { font-size: 0.85rem; padding: 0.25rem 1.5rem 0.25rem 0.75rem; }
	.link li a > span::after { right: 0; }

	/* 캘린더 */
	.gallSd li a .txt .date { width: 100%; }
	.gallSd li a .txt > p { margin: 0.5rem 0 0.25rem; }
	/* .gallSd li a .txt .title { margin-top: 0.25rem; } */

	/* 바로가기 */
	/* .link ul { flex-wrap: wrap; gap: 1.5rem 1rem; }
	.link li { flex: none; width: calc((100% - 2rem) / 3); }
	.link li a > span { padding-top: 0.5rem; } */
}

@media screen and (max-width: 480px) {
	h2.tit1 { font-size: 1.3rem; }
	.btn_more2 { top: 0.35rem; }

	/* 메인비주얼 */
	.visualImg .swiper-slide img { max-width: 250%; }
	.visual .visualImg .swiper-slide button.vdoPlay,
	.visual .visualImg .swiper-slide button.vdoStop { height: 1.5rem; line-height: 1.5rem; width: 5rem; font-size: 0.7rem; bottom: 0.5rem; }
	.visual .visualImg .swiper-slide button.vdoPlay > i,
	.visual .visualImg .swiper-slide button.vdoStop > i { font-size: 0.85rem; }
	.visual .visualImg .swiper-slide a > img { max-width: 170%; }

	/* 캘린더 */
	.gallCalender .titWrap .dateWrap { gap: 0 1rem; }
	.gallCalender .titWrap > h2.tit1,
	.gallCalender .titWrap .dateWrap > span { line-height: 1.5rem; }
	.gallCalender .titWrap .dateWrap > span { font-size: 1.2rem; }
	.gallCalender .titWrap .dateWrap > a,
	.btn_more3 { width: 1.5rem; height: 1.5rem; font-size: 1.1rem; }
	.gallWrap { margin-top: 1.5rem; }

	/* 바로가기 */
	/* .link { margin-top: 1.5rem; } */

	/* Connect with NTOK */
	.connectNtok .txt { font-size: 1.35rem; }
	.connectNtok ul li a { width: 2.75rem; height: 2.75rem; }
	.connectNtok ul li a > img { max-width: 2rem; }

	/* 공지사항 */
	/* .notice01 .noticeLst { margin-top: 1.5rem; } */
	.notice01 .titWrap .tabBox > li { max-width: 100%; }
	.notice01 .titWrap .tabBox > li > a { font-size: 1rem; padding: 0 1rem; }
	.notice01 .titWrap .tabBox > li > a::before { font-size: 1.1rem; }

	/* 배너존 */
	.bannerzone .titWrap h3.heading { font-size: 1rem; }

	/* 바로가기 */
	/* .link li a { padding: 0.6rem 0 0.6rem 1rem; } */
	/* .link li a > span { padding: 0 2rem 0 0.75rem; font-size: 0.85rem; width: calc(100% - 2.5rem); } */
	/* .link li a > span::after { right: 1rem; } */
	/* .link li .img { width: 2.5rem; height: 2.5rem; } */
	/* .link li .img em > img { max-width: 1.6rem; } */

	/* 바로가기 */
	/* .link li a { padding: 0.6rem 0 0.6rem 0.75rem; } */
	/* .link li .img { width: 2.25rem; height: 2.25rem; } */
	.link li .img em > img { max-width: 1.5rem;  }
	/* .link li a > span { width: calc(100% - 2.25rem); font-size: 0.8rem; padding: 0 1.75rem 0 0.5rem; }
	.link li a > span::after { right: 0.75rem; } */
}

@media screen and (max-width: 460px) {
	.link li { width: 50%; height: calc(100% / 2); }
	.link li:nth-child(n + 3) a { border-bottom: none !important; }
	.link li:nth-child(2n) a { border-left: 1px solid #eee; }
}

@media screen and (max-width: 420px) {
	/* 캘린더 */
	.gallCalender .gallCal table tbody td:nth-child(4) .gallLst { left: 50%; transform: translateX(-50%); }
	.gallCalender .gallCal table tbody td .gallLst > ul > li > a > span { font-size: 0.65rem; }
	.gallCalender .gallCal table tbody td .gallLst > ul > li > a > p { font-size: 0.7rem; margin-top: 0.15rem; }
	.gallCalender .gallCal table tbody td .gallLst > ul > li > a > span::before { top: 0.28rem; }
}

@media screen and (max-width: 380px) {
	h2.tit1 { font-size: 1.1rem; }
	.btn_more { text-indent: -9999px; }
	.btn_more > i { text-indent: 0; font-size: 1rem; }
	.btn_more::before { display: none; }
	.btn_more2 { font-size: 1rem; }

	.popupzone > .control { margin-top: 1rem; }

	/* 메인비주얼 */
	.visualImg .swiper-slide img { max-width: 270%; }
	.progress-box { right: 0.75rem; bottom: 0.35rem; }
	.autoplay-progress { width: 3.5rem; }
	.autoplay-progress svg { stroke-width: 9px; }
	.swiper-pagination-fraction { font-size: 0.75rem; }
	.visual .control > a { font-size: 0.75rem; width: 1rem !important; height: 1rem !important; line-height: 0.85rem; }
	.visual .visualImg .swiper-slide button.vdoPlay,
	.visual .visualImg .swiper-slide button.vdoStop { left: auto; right: 0.75rem; font-size: 0.65rem; width: 4.5rem; line-height: 1.25rem; gap: 0.35rem; height: 1.25rem; bottom: 1.75rem; }
	.visual .visualImg .swiper-slide button.vdoPlay > i,
	.visual .visualImg .swiper-slide button.vdoStop > i { font-size: 0.75rem; }

	/* 캘린더 */
	.gallery .swiper-button-next2 { right: -0.75rem !important; }
	.gallery .swiper-button-prev2 { left: -0.75rem !important; }
	.notice01 [class^='noticeBox'] .item a .txt { gap: 0.05rem; }
	/* .gallSd li a .txt .title { height: 1.5rem; } */
	.gallery .btn_more { top: 0.5rem; right: 0.75rem; }

	.gallCalender .titWrap { flex-wrap: wrap; padding-right: 2rem; }
	.gallCalender .titWrap .dateWrap > span { font-size: 1rem; line-height: 1.25rem; }
	.gallCalender .titWrap .dateWrap > a { width: 1.25rem; height: 1.25rem; font-size: 0.9rem; }
	.gallCalender .titWrap .dateWrap { width: calc(100% + 2rem); justify-content: center; margin: 0.5rem -2rem 0.5rem 0; }
	.gallCalender .gallCal table thead th { height: auto; padding: 0.25rem 0 0.5rem; font-size: 0.6rem; }
	.gallCalender .gallCal table tbody td { height: 3rem !important; padding: 0.2rem; }
	.gallCalender .gallCal table tbody td > a > ul > li { font-size: 0.4rem; }
	/* .gallCalender .gallCal table tbody td.today::before { font-size: 0.45rem; width: 1.75rem; top: auto; bottom: -1px; } */
	.gallCalender .gallCal table tbody td .gallLst { width: 11rem; }
	.gallCalender .gallCal table tbody td .gallLst > ul > li > a { height: 1.35rem; }
	.gallCalender .gallCal table tbody td .gallLst > ul { height: 5.4rem; }

	/* 바로가기 */
	.link li a { padding: 0.5rem 0 0.5rem 0.75rem; }
	.link li .img { width: 2rem; height: 2rem; }
	.link li .img em > img { max-width: 1.35rem;  }
	.link li a > span { width: calc(100% - 2rem); font-size: 0.75rem; padding: 0 1.25rem 0 0.5rem; }
	.link li a > span::after { right: 0.5rem; }

	/* Connect with NTOK */
	.connectNtok { gap: 1rem; }
	.connectNtok .txt { font-size: 1.2rem; }
	.connectNtok ul { gap: 1rem; }
	.connectNtok ul li a { width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; }
	.connectNtok ul li a > img { max-width: 1.75rem; }

	/* 공지사항 */
	.notice01 .titWrap .tabBox > li > a { font-size: 0.9rem; padding: 0 0.75rem; height: 2rem; }
	.notice01 .titWrap .tabBox > li > a::before { font-size: 0.9rem; }
	/* .notice01 .noticeLst { margin-top: 1.25rem; } */
	.notice01 [class^='noticeBox'] .no_data { height: 6rem; font-size: 0.8rem; }
	.notice01 [class^='noticeBox'] .item a { padding: 1rem 0.75rem; }
	.notice01 [class^='noticeBox'] .item a > p { font-size: 0.8rem; }
	.notice01 [class^='noticeBox'] .item a > em { display: none; }
	.notice01 [class^='noticeBox'] .item:nth-child(n + 3) { display: none; }

	/* 배너존 */
	.bannerzone .titWrap { height: auto; }
	.bannerzone .bannerLst .item a { height: 5rem; }
	.bannerzone .bannerLst { margin-top: 1.25rem; }

	/* 팝업존 */
	.popupzone .popLst .item a { height: auto; }
	.popupzone .item > p { margin: 0.5rem 0 0.75rem; font-size: 0.75rem; }
}

@media screen and (max-width: 320px) {
	/* 바로가기 */
	.link li .img { display: none; }
	.link li a > span { width: 100%; font-size: 0.7rem; }
}