@charset "utf-8";

/************************************* 
Main Style Sheet
Version : 1.0
Author : uracle(sejong) - sk.k
Create date : 2025. 05.
*************************************/
html,
body {
	scroll-behavior: auto; /* 스크립트 애니메이션 적용을 위해 auto 유지 */
}
html, 
#header, 
#gnb #head-menu .submenu,
#gnb #head-menu .submenu:before,
#gnb #head-menu .submenu:after,
#gnb #head-menu .submenu .title,
#gnb #head-menu .submenu .depth2{
	background-color: #f5f5f5;
}
#gnb #head-menu .submenu .title:after{
	color: #f5f5f5;
}
a:hover,
a:focus {
	text-decoration: none;
}
html.over {
	overflow: hidden;
}
.aos-init{
	visibility: hidden;
}
.aos-init.aos-animate{
	visibility: visible;
}
#header {
	position: fixed;
	top: 0;
	transition: all 0.5s;
}


/*************** Top Banner ***************/
.top-banner{
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 0;
	background: #edf1f5 url('/resources/images/mps/layout/banner/img-banner-bg.png') 50% 100% repeat;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	text-align: center;
	z-index: 109;
	overflow: hidden;
	visibility: hidden;
	transition: all 0.5s;
}
.top-banner-wrap{
	position: relative;
	max-width: calc(152rem + 6rem);
	height: 100%;
	margin: 0 auto;
	padding: 0 3rem;
}
.top-banner a{
	display: block;
	height: 100%;
	padding: 1rem 0;
}
.top-banner .banner-img{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 10rem;
}
.top-banner .banner-img img{
	width: 100%;
	max-width: 40rem;
}
.banner-close{
	position: absolute;
	right: 3rem;
	top: 50%;
	transform: translateY(-50%);
	width: 4rem;
	height: 4rem;
}
.bannerActive #header{
	margin-top: 10rem;
}
.bannerActive #header .top-banner{
	height: 10rem;
	overflow: visible;
	visibility:visible;
	transition: all 0.5s;
}
.bannerActive #visual{
	height: calc(70rem + 10rem);
	padding-top: 18rem;
	transition: all 0.5s;
}
.bannerActive #visual .weather-box{
	top: 22rem;
	transition: all 0.5s;
}
.bannerActive #quick .quick{
	top: 22rem;
	transition: all 0.5s;
}

/*************** Top Banner ***************/
.title-main {
	display: inline-block;
	margin-bottom: 1rem;
	color: #000;
	font-weight: 700;
	font-size: 2rem;
}
#visual{
	position: relative;
	width: 100%;
	max-width: 152rem;
	margin: 0 auto;
	padding-top: 8rem;
	background-color: #f5f5f5;
	text-align: center;
	overflow: hidden;
	transition: all 0.5s;
}
#mb-temp.main-temp01{
	height: 70rem;
}
.visual-main {
	position: relative;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.visual-img {
	position: relative;
	width: 100%;
	max-width: 192rem;
	height: 100%;
	margin: 0 auto;
}
#visual .swiper,
#visual .swiper-wrapper,
#visual .swiper-slide {
	width: 100%;
	height: 100%;
}
#visual .swiper-slide {
	position: relative;
}
#visual .swiper-slide .bg-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
	text-transform: capitalize;
	text-shadow: -1px 0px #689583, 0px 1px #689583, 1px 0px #689583, 0px -1px #689583;
	/* text-shadow: -1px 0px #8eccb3, 0px 1px #8eccb3, 1px 0px #8eccb3, 0px -1px #8eccb3; */
	/* text-shadow: -1px 0px #898b8f, 0px 1px #898b8f, 1px 0px #898b8f, 0px -1px #898b8f; */
	line-height: 1;
	color: #f5f5f5;
	font-family: 'Gmarket Sans';
	font-size: 13rem;
	cursor: default;
}
#visual .image {
	position: absolute;
	transform: translateY(-35%) scale(0.7);
	transition: all 0.3s ease;
}
#visual .visual-img .image img {
	opacity: 1;
	transform: scale(1);
	filter: blur(0px);
	/* transition: all 0.3s ease; */
}
#visual .visual-img .image img.on {
	position: absolute;
	top: 0;
	left: 0;
}
#visual .visual-img .image .on {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
#visual .visual-img .image.active .on {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}
/**** 봄 ****/
#visual .visual-img.spring .image.img1{top: 52%; left: 5%;}
#visual .visual-img.spring .image.img2{top: 39%; left: 6%;}
#visual .visual-img.spring .image.img3{top: 16%; left: 21%;}
#visual .visual-img.spring .image.img4{top: 53%; left: 30%;}
#visual .visual-img.spring .image.img5{top: 24%; left: 42%;}
#visual .visual-img.spring .image.img6{top: 57%; right: 35%;}
#visual .visual-img.spring .image.img7{top: 41%; right: 25%;}
#visual .visual-img.spring .image.img8{top: 63%; right: 17%;}
#visual .visual-img.spring .image.img9{top: 20%; right: 16%;}
#visual .visual-img.spring .image.img10{top: 40%; right: 6%;}
/**** 봄 ****/

/**** 여름 ****/
#visual .visual-img.summer .image.img1{top: 59%; left: 11%;}
#visual .visual-img.summer .image.img2{top: 25%; left: 19%;}
#visual .visual-img.summer .image.img3{top: 24%; left: 36%;}
#visual .visual-img.summer .image.img4{top: 58%; left: 42%;}
#visual .visual-img.summer .image.img5{top: 25%; right: 30%;}
#visual .visual-img.summer .image.img6{top: 47%; right: 17%;}
#visual .visual-img.summer .image.img7{top: 30%; right: 4%;}
/**** 여름 ****/

/**** 가을 ****/
#visual .visual-img.fall .image.img1{top: 37%;left: 7%;}
#visual .visual-img.fall .image.img2{top: 27%;left: 27%;}
#visual .visual-img.fall .image.img3{top: 60%;left: 24%;}
#visual .visual-img.fall .image.img4{top: 60%;left: 41%;}
#visual .visual-img.fall .image.img5{top: 24%;right: 33%;}
#visual .visual-img.fall .image.img6{top: 58%;right: 20%;}
#visual .visual-img.fall .image.img7{top: 25%;right: 10%;}
#visual .visual-img.fall .image.img8{top: 46%;right: 10%;}
/**** 가을 ****/

/**** 겨울 ****/
#visual .visual-img.winter .image.img1{top: 31%;left: 10%;}
#visual .visual-img.winter .image.img2{top: 49%;left: 19%;}
#visual .visual-img.winter .image.img3{top: 24%;left: 24%;}
#visual .visual-img.winter .image.img4{top: 41%;left: 35%;}
#visual .visual-img.winter .image.img5{top: 58%;right: 34%;}
#visual .visual-img.winter .image.img6{top: 26%;right: 24%;}
#visual .visual-img.winter .image.img7{top: 44%;right: 11%;}
/**** 겨울 ****/

#visual .icon-wheel{
	position: absolute;
	bottom: 14rem;
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: 4.6rem;
	overflow: hidden;
}
#visual .icon-wheel .icon{
	display: block;
}
#visual .icon-wheel .evenodd{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	animation-name: bmove;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	/* animation-timing-function: linear; */
}
@keyframes bmove {
	0% {top: 0;}
	100% {top: 0.5rem;}
}

#visual .wheel-list{
	position: absolute;
	top: auto;
	left: 50%;
	right: auto;
	bottom: 3rem;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	color: #6b6e76;
	font-weight: 500;
	font-size: 1.6rem;
	z-index: 19;
}
#visual .wheel-list > li{	
	all: unset; /* 페이지 네비게이션 셋팅 초기화 */
	cursor: pointer;
}
.wheel-list span{
	display: block;
	min-width: 6.4rem;
	padding: 1.5rem;
	border-radius: 20px;
	text-align: center;
}
.wheel-list > li.swiper-pagination-bullet-active span,
.wheel-list > li.active span{
	background-color: #eee69c;
	color: #000;
	font-weight: 700;
}
/* 기온표시 */
#visual .weather-box {
	position: absolute;
	top: 13rem;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 13rem;
	min-height: 14rem;
	padding: 1rem;
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	z-index: 29;
	transform: scale(0.9);
	transition: all 0.5s;
}
#visual .weather-box .weather-icon {
	width: 6rem;
	height: 4.8rem;
	margin-bottom: 0.5rem;
	overflow: hidden;
}
#visual .weather-box .weather-icon img {
	width: 100%;
	height: 100%;
}
#visual .weather-box .weather-temperature {
	font-weight: 900;
	font-size: 2.2rem;
	color: #000;
	direction: ltr;
}
#visual .weather-box .weather-temperature span {
	font-weight: 400;
	font-size: 1.4rem;
}
#visual .weather-box .weather-status {
	color: #666c74;
}
.visual-banner-wrap{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 19;
	transition: all 0.5s;
	transition-duration: 0.3s !important;
	transition-property: unset !important;
}
#visual .visual-banner{
	position: relative;
	display: block;
	width: 48rem;
	height: 30rem;
	/* background-color: #fff; */
	border-radius: 4rem 0 0 0;
	box-shadow: -20px 20px 30px rgba(60,70,80,0.4);
	transition: all 0.5s;
	opacity: 1;
	visibility: visible;
}
#visual .visual-banner a{
	position: relative;
	display: block;
}
#visual .visual-banner a:focus-visible{
	outline: 0;
}
#visual .visual-banner a:focus-visible::after{
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 2px solid var(--light-color-border-primary);
	box-shadow: 0 0 0 2px #fff;
}
#visual .visual-banner .img{
	display: block;
	width: 100%;
	height: 30rem;
	border-radius: 4rem 0 0 0;
	overflow: hidden;
}
#visual .visual-banner .img img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}
#visual .visual-banner .tit{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	padding: 1.2rem;
	background-color: rgba(255,255,255,0.9);
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-weight: 500;
	font-size: 1.7rem;
	overflow: hidden;
}
.visual-banner .slider-controller{
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	height: 3rem;
	padding: 0 1.2rem;
	background-color: #fff;
	border: 1px #d9d9d9 solid;
	font-weight: 500;
	font-size: 1.6rem;
	z-index: 19;
	opacity: 1;
	visibility: visible;
	transition: all 0.8s;
}
.visual-banner .slider-controller .slide-num{
	display: inline-block;
	letter-spacing: 2px;
	color: #777;
	font-size: 1.5rem;
}
.visual-banner .slider-controller .slide-num .current-slide{
	color: #000;
	font-weight: 700;
}
.visual-banner .slider-controller .slider-btn{
	width: 2.1rem;
	height: 2.1rem;
	color: #777;
}
.visual-banner .slider-controller .slider-btn i{
	display: block;
	line-height: 0;
	pointer-events: none;
	user-select: none;
}
.visual-banner .slider-controller .slider-btn:hover,
.visual-banner .slider-controller .slider-btn:focus-visible,
.visual-banner .slider-controller .slider-btn.active{
	background-color: #e2e2e2;
	border-radius: 50rem;
	color: #000;
}
.visual-banner-wrap .btn-contract{
	position: absolute;
	left: -4rem;
	top: 6rem;
	display: inline-block;
	width: 4rem;
	height: 7rem;
	border-radius: 10px 0 0 10px;
	box-shadow: -20px 20px 30px rgba(60,70,80,0.4);
	background-color: #3d5891;
	color: #fff;
	font-size: 2rem;
}
.visual-banner-wrap .btn-contract:focus-visible{
	outline: 2px solid #fff;
}
.visual-banner-wrap.active{
	right: -48rem;
	transition: all 0.5s;
	transition-timing-function: ease-out !important;
	transition-duration: 0.3s !important;
}
.visual-banner-wrap.active .visual-banner{
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
}
.visual-banner-wrap.active .visual-banner .slider-controller{
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

/************* 문화원 최신 게시물 *************/
#latest{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 4rem;
	margin-bottom: 5rem;
}
.latest-wrap{
	position: relative;
	display: block;
	width: 100%;
	max-width: 256rem;
	margin: 0 auto;
	padding-top: 5rem;
	overflow: hidden;
	z-index: 1;
}
.latest-wrap:before,
.latest-wrap:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 20rem;
	height: 100%;
	background: linear-gradient(90deg, #f5f5f5 30%, transparent);
	z-index: 1;
}
.latest-wrap:after{
	left: auto;
	right: 0;
	background: linear-gradient(-90deg, #f5f5f5 30%, transparent);
}
.latest-slide-wrap{
	display: block;
}
.latest-slide-wrap .latest-slide {
	/* height: 24rem; */
	overflow: visible;
}
.latest-slide-wrap .swiper-slide {
	width: 40rem;
	/* height: 24rem; */
	aspect-ratio: 4/3;
	margin: 0 2rem;
	box-sizing: border-box;
}
.latest-slide .latest-item-wrap{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.latest-slide .latest-item-wrap:hover,
.latest-slide .latest-item-wrap:focus-visible{
	margin-top: -4.4rem;
	height: calc(100% + 4.4rem);
	padding-bottom: 4.4rem;
	transition: all 0.3s;
}
.latest-slide .latest-item-wrap:focus-visible{
	outline: 0;
}
.latest-slide .latest-item-wrap:focus-visible .latest-item{
	outline-offset: 0;
	outline: 2px solid var(--light-color-border-primary);
}
.latest-slide-wrap .latest-item{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 15px 15px 16px rgba(0,0,0,0.05);
	transition: all 0.3s;
}
.latest-slide .latest-item-wrap:hover .latest-item,
.latest-slide .latest-item-wrap:focus-visible .latest-item{
	box-shadow: 15px 15px 16px rgba(0,0,0,0.1);
	transition: all 0.3s;
}
.latest-slide .latest-item:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px transparent solid;
	transition: all 0.3s;
	z-index: 1;
}
.latest-slide .latest-item-wrap:hover .latest-item:after,
.latest-slide .latest-item-wrap:focus-visible .latest-item:after{
	border-color: #bcbcbc;
	transition: all 0.3s;
}
.latest-slide .latest-item .img{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.latest-slide .latest-item img{
	width: 100%;
	height: 100%;
	line-height: 0;
	font-size: 0;
	/* object-fit: cover; */
	transition: all 0.8s;
}
.latest-slide .latest-item:hover img,
.latest-slide .latest-item-wrap:focus-visible .latest-item img{
	transition: all 0.8s;
	transform: scale(1.05);
}
.latest-slide .latest-item .tit{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 1.3rem 1.5rem;
	background-color: rgba(255,255,255,0.8);
	color: #000;
	white-space: nowrap;
	font-weight: 700;
	text-overflow: ellipsis;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s;
	z-index: 1;
}
.latest-slide .latest-item:hover .tit,
.latest-slide .latest-item-wrap:focus-visible .latest-item .tit{
	opacity: 1;
	transition: all 0.3s;
	transition-duration: 0.5s;
	transition-delay: 0.3s;
}
#latest .slider-controller{
	display: flex;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	margin-top: 3.6rem;
}
#latest .slider-btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 5rem;
	height: 5rem;
	background-color: #363D4A;
	border-radius: 50rem;
	color: #fff;
	font-size: 2rem;
	transition: all 0.5s;
}
#latest .slider-btn:hover,
#latest .slider-btn:focus,
#latest .slider-btn.active{
	background-color: #fff;
	border: 1px #777 solid;
	color: #777;
	/* box-shadow: 5px 5px 16px rgba(0,0,0,0.1); */
	transition: all 0.5s;
}
#latest .slider-btn .icon{
	display: inline-block;
	width: 1rem;
	height: 2rem;
	filter: brightness(0) invert(1);
	line-height: 0;
	pointer-events: none;
	user-select: none;
}
#latest .slider-btn .icon img{
	width: 100%;
	height: 100%;
}
#latest .slider-btn:hover .icon,
#latest .slider-btn:focus .icon,
#latest .slider-btn.active .icon{
	filter: brightness(0) invert(0);
}
#latest .splide.is-initialized:not(.is-active) .splide__list{
	display: flex;
}

/* 복주머니 */
.luckyletter-wrap {
	position: absolute;
	bottom: -30rem;
	right: 0px;
	width: 80rem;
	max-width: 100%;
	height: 50rem;
	margin: 0 auto;
	/* overflow: hidden; */
	z-index: 0;
}
.pouch {
	position: absolute;
	left: 70%;
	top: 50%;
	display: block;
	width: 24.2rem;
	height: 25.7rem;
	transform: translate(-50%, -50%);
	z-index: 0;
	object-fit: contain;
	pointer-events: none;
	user-select: none;
}
.pouch img{
	width: 100%;
	height: 100%;
	transform: rotate(3deg);
}
.paper {
	position: absolute;
	width: 9.8rem;
	height: 7.9rem;
	background: url('/resources/images/mps/main/img-letter.svg') no-repeat center/contain;
	cursor: grab;
	transition: transform 0.3s ease;
	z-index: 1;
}


/************* 문화원 활동 콘텐츠 *************/
#activity{
	margin: 5rem 0;
}
#activity .tab-nav{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 3rem;
}
#activity .tab-nav h3{
	font-weight: inherit;
}
#activity .tab-nav > li button{
	display: inline-block;
	padding: 0.8rem 2.2rem;
	border-radius: 50rem;
	background-color: #d9d9d9;
	color: #000;
	transition: all 0.5s;
}
#activity .tab-nav > li.active button{
	background-color: #205abf;
	color: #fff;
	transition: all 0.5s;
}
#activity .data-aos{
	width: 100%;
	overflow: hidden;
}
#activity .tab-box{
	position: relative;
	display: block;
	min-height: 54rem;
}
#activity .tab-cont{
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 3rem);
	/* height: 100%; */
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.3s;
}
#activity .tab-cont.active{
	position: unset;
	opacity: 1;
	visibility: visible;
	overflow: visible;
	transition: all 0.3s;
}
.activity-slide-wrap .slick-track{
	display: flex;
}
.activity-slide-wrap .slide{
	width: 36rem;
	height: auto;
	padding: 0 3rem 3.6rem 0;
	transition: all 0.3s;
	opacity: 1;
}
.activity-slide-wrap [class*="item-cate"]{
	position: relative;
	display: flex;
	flex-direction: column;
	aspect-ratio: 1/1.3;
	background-color: #f5f5f5;
	color: #fff;
	box-shadow: 20px 20px 16px rgba(0,0,0,0.15);
}
.activity-slide-wrap [class*="item-cate"]:focus-visible{
	position: relative;
	outline: 2px solid var(--light-color-border-primary);
	outline-offset: -4px;
}
.activity-slide-wrap [tabindex="-1"] a{
	box-shadow: 20px 20px 16px rgba(0,0,0,0.15);
}
.activity-slide-wrap [class*="item-cate"] .txt-box{background-color: #363d4a;}
#activity .tab-nav > li.tab-tit01.active button,
.activity-slide-wrap .item-cate01 .txt-box{ background-color: #363d4a;}
#activity .tab-nav > li.tab-tit02.active button,
.activity-slide-wrap .item-cate02 .txt-box{ background-color: #00a6c3;}
#activity .tab-nav > li.tab-tit03.active button,
.activity-slide-wrap .item-cate03 .txt-box{ background-color: #14a56b;}
#activity .tab-nav > li.tab-tit04.active button,
.activity-slide-wrap .item-cate04 .txt-box{ background-color: #1442a5;}

#activity .tab-nav > li.active button{
	font-weight: 700;
	text-decoration: underline;
}

.activity-slide-wrap .txt-box{
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 2rem 2.5rem;
}

.activity-slide-wrap .activity-item .img{
	display: block;
	width: 100%;
	/* height: 28rem; */
	aspect-ratio: 4/3;
	overflow: hidden;
}
.activity-slide-wrap .activity-item img{
	width: 100%;
	height: calc(100% + 0.05rem);
	line-height: 0;
	font-size: 0;
	/* object-fit: cover; */
	transition: all 0.5s;
}
/* 문화원 활동 콘텐츠 - 최신게시물-영화 게시물에서만 이미지 크기 변경 */
.activity-slide-wrap .activity-item.item-movie img{
	object-fit: cover;
}
.activity-slide-wrap .activity-item:hover img{
	transition: all 0.5s;
	transform: scale(1.05);
}
.activity-slide-wrap .txt-box .cate{
	display: block;
	margin-bottom: 0.5rem;
	line-height: 1.3;
	font-weight: 700;
	font-size: 1.6rem;
}
.activity-slide-wrap .txt-box .tit{
	display: -webkit-box;
	height: calc((2.6rem * 1.2) * 2);
	margin-bottom: 1.2rem;
	line-height: 1.2;
	font-weight: 700;
	font-size: 2.6rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.activity-slide-wrap .txt-box .txt{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: calc((1.6rem * 1.5) * 2);
	line-height: 1.5;
	color: #f3f3f3;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 1.6rem;
	overflow: hidden;
}

#activity .slider-controller{
	position: relative;
	display: flex;
	justify-content: center;
	gap: 2rem;
	width: 100%;
	z-index: 19;
}
#activity .slider-btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 5rem;
	height: 5rem;
	background-color: #363D4A;
	border-radius: 50rem;
	color: #fff;
	font-size: 2rem;
	transition: all 0.5s;
}
#activity .slider-btn:hover,
#activity .slider-btn:focus{
	background-color: #fff;
	border: 1px #205abf solid;
	color: #205abf;
	/* box-shadow: 5px 5px 16px rgba(0,0,0,0.1); */
	transition: all 0.5s;
}
#activity .slider-btn .icon{
	display: inline-block;
	width: 1rem;
	height: 2rem;
	filter: brightness(0) invert(1);
	line-height: 0;
	pointer-events: none;
	user-select: none;
}
#activity .slider-btn .icon img{
	width: 100%;
	height: 100%;
}
#activity .slider-btn:hover .icon,
#activity .slider-btn:focus .icon{
	filter: brightness(0) invert(0);
}
#activity .slick-disabled{
	opacity: 0.2;
	pointer-events: none;
}
#activity .slick-disabled:focus-visible{
	opacity: 1;
}

.activity-slide-wrap.movie-slide-wrap [class*="item-cate"]{
	position: relative;
	overflow: hidden;
}
.activity-slide-wrap.movie-slide-wrap .activity-item .img{
	height: 100%;	
	aspect-ratio: unset;
}
.activity-slide-wrap.movie-slide-wrap [class*="item-cate"] .txt-box{
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.activity-slide-wrap.movie-slide-wrap [class*="item-cate"]:hover .txt-box{
	bottom: 0;
	opacity: 1;
	transition: all 0.5s;
}


/************* 문화원 일정 *************/
#schedule{
	position: relative;
	margin: 10rem 0;
}
#schedule .container{
	position: relative;
}
#schedule .title-main{
	position: absolute;
	left: 0;
	top: 0;
}
.schedule-area .sc-header{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	width: 50%;
	margin: 0 auto 2rem;
}
.schedule-area .sc-header .nowdate{
	display: inline-block;
	font-weight: 500;
	font-size: 2.8rem;
}
.schedule-area .sc-header .MoveWeekPrev,
.schedule-area .sc-header .MoveWeekPext{
	display: inline-block;
	color: #898aa5;
	font-size: 2.8rem;
	transition: all 0.2s;
}
.schedule-area .sc-header .MoveWeekPrev:hover,
.schedule-area .sc-header .MoveWeekPext:hover{
	color: #000;
	transition: all 0.2s;
}
/* .schedule-area .sc-body{
	overflow: hidden;
} */
.schedule-area .wk-day-header {
	display: block;
	margin-bottom: 2.2rem;
}
.schedule-area .wk-day-header .wk-day-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	width: 100%;
}
.schedule-area .wk-day-header .wk-day-list > li{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.schedule-area .wk-day-header .wk-day-list .num,
.schedule-area .wk-day-header .more{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 9rem;
	height: 9rem;
	margin-bottom: 0.5rem;
	background-color: #fff;
	border-radius: 100rem;
	color: #909396;
	font-size: 2.8rem;
	transition: all 0.2s;
}
.schedule-area .wk-day-header .more i{
	transform: rotate(0);
	transition: all 0.2s;
}
.schedule-area .wk-day-header .wk-day-list .txt{
	display: block;
	text-align: center;
	/* text-transform: uppercase; 요일 소문자 표시가 필요해 주석처리*/
	color: #31405f;
	font-weight: 700;
	font-size: 1.6rem;
}
.schedule-area .wk-day-header .wk-day-list > li.active .num{
	background-color: #4373c6;
	box-shadow: 10px 10px 10px rgba(117,148,207,0.25);
	color: #fff;
	transition: all 0.2s;
}
.schedule-area .wk-day-header .wk-day-list > li.holtext .num{
	color: #e4022d;
}
.schedule-area .wk-day-header .more:hover,
.schedule-area .wk-day-header .more:focus{
	background-color: #fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
	color: #000;
	transition: all 0.2s;
	
}
.schedule-area .wk-day-header .more:hover i,
.schedule-area .wk-day-header .more:focus i{
	transform: rotate(360deg);
	transition: all 0.2s;
}
.schedule-area .wk-day-cont{
	display: flex;
	flex-flow:row wrap; 
	gap: 3.5rem;
	width: calc(100% + 3.5rem);
}
.schedule-area .wk-day-cont + .wk-day-cont{
	margin-top: 3.5rem;
}
.schedule-area p.wk-day-cont{
	display: block;
	width: 100%;
	padding: 5rem;
	text-align: center;
	font-size: 1.8rem;
}
.schedule-area .wk-day-cont > li{
	width: calc(100% / 3 - 3.5rem);
}
.schedule-area .wk-day-cont .wkd-cont{
	position: relative;
	display: flex;
	width: 100%;
	padding: 2rem;
	background-color: #fff;
	font-weight: 500;
}
/* .schedule-area .wk-day-cont .wkd-cont:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0%;
	height: 100%;
	background-color: #4373c6;
	z-index: -1;
	transition: all 0.8s;
} */
.schedule-area .wk-day-cont .wkd-cont:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 4px;
	height: 100%;
	background-color: #6180b6;
	transition: all 0.3s;
}
.schedule-area .wk-day-cont .holLine:after{
	background-color: #e4022d;
}
.schedule-area .wk-day-cont .wkd-cont.red:after{
	background-color: #e4022d;
	
}
.schedule-area .wk-day-cont a.wkd-cont:hover,
.schedule-area .wk-day-cont a.wkd-cont:focus{
	/* color: #fff; 
	background-color: transparent;*/
	transition: all 0.3s;
}
/* .schedule-area .wk-day-cont .wkd-cont:hover:before{
	width: 100%;
	transition: all 0.8s;
} */
.schedule-area .wkd-cont .day-date{
	display: inline-block;
	margin-right: 1.6rem;
}
.schedule-area .wkd-cont .day-tit{
	flex: 1;
	display: block;
	width: calc(100% - 11rem);
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
	overflow: hidden;
	transition: all 0.3s;
}
.schedule-area .wk-day-cont a.wkd-cont:hover .day-tit,
.schedule-area .wk-day-cont a.wkd-cont:focus .day-tit{
	font-weight: 500;
	text-decoration: underline;
	transition: all 0.3s;
}

/************* 문화원 소식 *************/
#news{
	position: relative;
	margin: 10rem 0;
}
.news-layout{
	display: flex;
	justify-content: space-between;
	gap: 4rem;
	width: 100%;
}
#news .news-section{
	display: flex;
	gap: 9.4rem;
	width: calc(100% - 52rem - 7.6rem);
	height: 100%;
}
#news .tab-nav{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 18rem;
	padding-bottom: 5rem;
}
#news .tab-nav > li{
	padding: 1.5rem 0 1rem;
}
#news .tab-nav .title-tab{
	position: relative;
	display: block;
	padding-right: 4rem;
	line-height: 1.3;
	word-break: break-word;
	color: #898c90;
	font-weight: 400;
	font-size: 2.8rem;
}
#news .tab-nav .title-tab a{
	display: block;
}
#news .tab-nav .title-tab a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 1rem;
	display: block;
	width: 3.5rem;
	height: 2.4rem;
	background: url('/resources/images/mps/main/icon-right.svg') 50% 50% no-repeat;
	background-size: contain;
	opacity: 0;
	transition: all 0.5s;
}
#news .tab-nav .more{
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	min-width: 16rem;
	padding: .8rem 2.7rem; 
	border: 1.5px #000 solid;
	border-radius: 2px;
	text-align: center;
	font-weight: 400;
	font-size: 1.6rem;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
#news .tab-nav .more:hover,
#news .tab-nav .more:focus{
	background-color: #000;
	color: #fff;
	transition: all 0.5s;
}
#news .tab-nav > li.active .title-tab{
	color: #31405f;
	font-weight: 700;	
	transition: all 0.2s;
}
#news .tab-nav > li.active .title-tab a:after{
	opacity: 1;
}
#news .tab-nav .title-tab a:hover:after,
#news .tab-nav .title-tab a:focus:after{
	opacity: 1;
	transform: translateX(1rem);
	transition: all 0.5s;
}
#news .tab-nav > li.active .more{
	opacity: 1;
	visibility: visible;
	transition: all 0.5s;
}
#news .tab-nav > li.active .more:focus-visible{
	outline: 2px solid #fff;
}
#news .tab-box{
	position: relative;
	/* background-color: #fff; */
	width: calc(100% - 18rem - 9.4rem);
	/* height: 33rem; */
}
#news .tab-cont{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
#news .tab-cont .news-list{
	height: 33rem;
	background-color: #fff;
	box-shadow: 20px 20px 16px rgba(0,0,0,0.05);
	text-align: left;
}
#news .tab-cont .more{
	display: none;
	padding: 0.8rem 2.7rem;
	border: 1px #000 solid;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
}
#news .tab-cont.active{
	position: unset;
	opacity: 1;
	visibility: visible;
	/* overflow: visible; */
	transition: all 0.3s;
}
.news-list > li{
	position: relative;
	display: block;
}
.news-list > li + li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 0.9px;
	background-color: #e6e9ee;
}
.news-list > li a{
	display: block;
	padding: 1.25rem 2.4rem;
}
.news-list .tit{
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-weight: 400;
	font-size: 2rem;
	overflow: hidden;
}
.news-list .date{
	display: block;
	height: 2.5rem;
	color: #818589;
	font-weight: 400;
	font-size: 1.6rem;
}

.popup-kocis{
	position: relative;
	display: inline-block;
	width: 52rem;
	height: 33rem;
	background-color: #fff;
	box-shadow: 20px 20px 16px rgba(0,0,0,0.05);
}
.popup-kocis .popup-kocis-slide{
	display: block;
	width: 100%;
	height: 100%;
	padding: 1.2rem 1rem 4.5rem 1rem;
	overflow: hidden;
}
.popup-kocis .popup-kocis-slide .slide{
	display: block;
	width: 100%;
	height: 27.25rem;
}
.popup-kocis .popup-kocis-slide a{
	display: block;
	width: 100%;
	height: 100%;
}
.popup-kocis .popup-kocis-slide img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}
.popup-kocis .slider-controller{
	position: absolute;
	left: 50%;
	bottom: 0.9rem;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	/* justify-content: space-between; */
	align-items: center;
	gap: 1rem;
	width: 100%;
	padding: 0 1rem;
	z-index: 19;
}
/* .popup-kocis .slider-controller-btn{
	display: flex;
	align-items: center;
	gap: 0.5rem;
} */
.popup-kocis .slider-controller .slider-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	padding: 0.5rem;
	background-color: #e2e2e2;
	border-radius: 50rem;
}
.popup-kocis .slider-controller .slider-btn:hover,
.popup-kocis .slider-controller .slider-btn:focus,
.popup-kocis .slider-controller .slider-btn.active{
	background-color: #000;
	color: #fff;
}
.popup-kocis .slider-controller .slider-btn:focus-visible{
	outline: 2px solid #fff;
}
.popup-kocis .slider-controller .slider-btn-play,
.popup-kocis .slider-controller .slider-btn-pause{
	padding: 0.7rem 0.8rem;
}
.popup-kocis .slider-controller .icon{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	filter: brightness(0) invert(1);
	line-height: 0;
	pointer-events: none;
	user-select: none;
}
.popup-kocis .slider-controller .icon img{
	width: 100%;
	height: 100%;
}
.popup-kocis .slider-controller .slide-num{
	display: flex;
	align-items: baseline;
	gap: 0.25rem;
	/* margin: 0 1rem; */
	letter-spacing: 2px;
	color: #777;
	font-size: 1.5rem;
}
.popup-kocis .slider-controller .slide-num .current-slide{
	color: #000;
	font-weight: 700;
}

/************* 외부링크타입 게시판 추가 (2026.09.) *************/
#blankLink-board{
	margin-bottom: 10rem;
}
#blankLink-board .title-main i{
	display: inline-block;
	margin: 0 0.5rem;
	font-weight: normal;
}
#blankLink-board .blankLink-list{
	display: flex;
	gap: 2rem;
}
#blankLink-board .blankLink-list > li{
	flex: 1;
box-shadow: 15px 15px 16px rgba(0,0,0,0.05);
}
#blankLink-board .blankLink-list a{
	position: relative;
	display: block;
}
#blankLink-board .blankLink-list .thumb{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	aspect-ratio: 4 / 3;
	background-position: 50% 50%;
	background-size: 100%;
	overflow: hidden;
}
#blankLink-board .blankLink-list .thumb:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 104%;
	height: 104%;
	background-color: rgba(255, 255, 255, 0.5);
	filter: blur(2px);
	backdrop-filter: blur(2px);
}
#blankLink-board .blankLink-list .thumb img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	z-index: 9;
}
#blankLink-board .blankLink-list .desc{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 19;
}
#blankLink-board .blankLink-list .tit{
	display: block;
	width: calc(100% - 3.4rem);
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: clamp(1.6rem, 1.6vw, 2rem);
	font-weight: 500;
	overflow: hidden;
}
#blankLink-board .blankLink-list .tit:after{
	content: "\f5de";
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(2rem, 2vw, 3.4rem);
	height: clamp(2rem, 2vw, 3.4rem);
	line-height: 1;
	font-family: 'remixicon';
	font-weight: normal;
	font-size: clamp(2rem, 2vw, 2.6rem);
}
/************* 외부링크타입 게시판 추가 (2026.09.) *************/

/************* 문화원 정보 *************/
#info{
	margin: 10rem 0;
}
#info .info-area{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2rem 5rem;
	padding: 2rem;
	padding-right: 25rem;
	background-color: #4466a5;
	color: #fff;
}
#info .info-area:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 32rem;
	height: 100%;
	/* background-color: #4466a5; */
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -2;
}
#info .info-area-ngr:before{background-image: url('/resources/images/mps/main/img-info-ngr.jpeg');}
#info .info-area-sa:before{background-image: url('/resources/images/mps/main/img-info-sa.jpg');}
#info .info-area-germany:before{background-image: url('/resources/images/mps/main/img-info-germany.jpg');}
#info .info-area-russia:before{background-image: url('/resources/images/mps/main/img-info-russia.jpg');}
#info .info-area-mexico:before{background-image: url('/resources/images/mps/main/img-info-mexico.jpg');}
#info .info-area-vietnam:before{background-image: url('/resources/images/mps/main/img-info-vietnam.jpg');}
#info .info-area-brussels:before{background-image: url('/resources/images/mps/main/img-info-brussels.jpg');}
#info .info-area-brazil:before{background-image: url('/resources/images/mps/main/img-info-brazil.jpeg');}
#info .info-area-sweden:before{background-image: url('/resources/images/mps/main/img-info-sweden.jpg');}
#info .info-area-spain:before{background-image: url('/resources/images/mps/main/img-info-spain.jpg');}
#info .info-area-uae:before{background-image: url('/resources/images/mps/main/img-info-uae.jpg');}
#info .info-area-argentina:before{background-image: url('/resources/images/mps/main/img-info-argentina.jpg');}
#info .info-area-vienna:before{background-image: url('/resources/images/mps/main/img-info-vienna.jpg');}
#info .info-area-washingtondc:before{background-image: url('/resources/images/mps/main/img-info-washingtondc.jpg');}
#info .info-area-egypt:before{background-image: url('/resources/images/mps/main/img-info-egypt.jpg');}
#info .info-area-italia:before{background-image: url('/resources/images/mps/main/img-info-italia.jpg');}
#info .info-area-india:before{background-image: url('/resources/images/mps/main/img-info-india.jpg');}
#info .info-area-id:before{background-image: url('/resources/images/mps/main/img-info-id.jpg');}
#info .info-area-kaz:before{background-image: url('/resources/images/mps/main/img-info-kaz.JPG');}
#info .info-area-canada:before{background-image: url('/resources/images/mps/main/img-info-canada.jpg');}
#info .info-area-thailand:before{background-image: url('/resources/images/mps/main/img-info-thailand.jpg');}
#info .info-area-tr:before{background-image: url('/resources/images/mps/main/img-info-tr.jpg');}
#info .info-area-pl:before{background-image: url('/resources/images/mps/main/img-info-pl.jpeg');}
#info .info-area-phil:before{background-image: url('/resources/images/mps/main/img-info-phil.jpg');}
#info .info-area-hungary:before{background-image: url('/resources/images/mps/main/img-info-hungary.jpg');}
#info .info-area-hk:before{background-image: url('/resources/images/mps/main/img-info-hk.jpg');}
#info .info-area-au:before{background-image: url('/resources/images/mps/main/img-info-au.png');}
#info .info-area-uk:before{background-image: url('/resources/images/mps/main/img-info-uk.jpg');}
#info .info-area-la:before{background-image: url('/resources/images/mps/main/img-info-la.jpg');}
#info .info-area-sh:before{background-image: url('/resources/images/mps/main/img-info-sh.jpg');} /* 상하이 */
#info .info-area-china:before{background-image: url('/resources/images/mps/main/img-info-china.jpeg');} /* 북경, 베이징 */
#info .info-area-my:before{background-image: url('/resources/images/mps/main/img-info-my.jpg');} /* 말레이시아 */
#info .info-area:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #4466a5 60%, #4466a5 80%, transparent);
}
#info .info-area > li{
	display: flex;
	align-items: center;
	z-index: 9;
}
#info .info-area .dt{
	position: relative;
	display: inline-block;
	/* max-width: 20rem; */
	margin-right: 1.4rem;
	padding-left: 2.4rem;
	color: #fff;
	font-weight: 700;
	font-size: 1.8rem;
}
#info .info-area .dt i{
	position: absolute;
	left: 0;
	top: 0.4rem;
	width: 1.8rem;
	height: 2rem;
	display: inline-block;
	font-weight: normal;
}
#info .info-area .dt i img{
	width: 100%;
	height: 100%;
}
#info .info-area .dd{
	display: inline-block;
	/* flex: calc(100% - 20rem); */
	font-weight :400;
	font-size: 1.8rem;
}
#info .info-area .dd.list{
	position: relative;
	font-size: 1.6rem;
}
#info .info-area .dd.list > li{
	position: relative;
	padding-left: 14px;
}
#info .info-area .dd.list > li:before{
	content: "";
	position: absolute;
	left: 0.6rem;
	top: 1.1rem;
	display: block;
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 50px;
}

/************* 코리아넷 뉴스 *************/
#koreanews{
	margin: 10rem 0;
}
#koreanews .Koreanet-list{
	display: flex;
	gap: 3.6rem;
}
#koreanews .Koreanet-list > li{
	position: relative;
}
#koreanews .Koreanet-list .konet-img{
	position: relative;
	display: block;
	width: 100%;
	max-height: 26rem;
	height: 100%;
	overflow: hidden;
}
#koreanews .Koreanet-list .konet-img:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 18.19%, rgba(0,0,0,0.8) 66.71%);
}
#koreanews .Koreanet-list .konet-img img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	transition: all 0.5s;
}
#koreanews .Koreanet-list a:hover .konet-img img,
#koreanews .Koreanet-list a:focus .konet-img img{
	transition: all 0.5s;
	transform: scale(1.05);
}

#koreanews .Koreanet-list .konet-txt{
	position: absolute;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	height: calc((1.8rem * 1.3) * 2);
	width: 100%;
	padding: 0 2rem;
	margin: 1rem 0;
	color: #fff;
	line-height: 1.3;
	font-weight: 400;
	font-size: 1.8rem;
	z-index: 1;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
#koreanews .Koreanet-list .date{
	display: none;
}


/********* object_202601 CSS *********/
.wheel-list span.swiper-pagination-bullet{width: 1.6rem; min-width: inherit; height: 1.6rem; padding: inherit; transition: all 0.5s;}
.wheel-list span.swiper-pagination-bullet-active{width: 5rem; background-color: #000;}

#visual .object_202601 .visual-img [class^="image"]{transform: unset; border-radius: 50%;}
#visual .object_202601 .visual-img .image.img0{top: 7%; left: 50%; transform: translateX(-50%); width: inherit; max-width: inherit;}
#visual .object_202601 .visual-img .image.img1{top: 14%; left: 50%; transform: translateX(-50%);}
#visual .object_202601 .visual-img .image.img0.active img{opacity: 0.8 !important;}
#visual .object_202601 .visual-img .image.img2{top: 0%; left: 8%;}
#visual .object_202601 .visual-img .image.img3{top: 8%; right: 8%;}
#visual .object_202601 .visual-img .image.img4{top: 50%; left: 10%;}
#visual .object_202601 .visual-img .image.img5{top: 49%; right: 11%;}
#visual .object_202601 .visual-img .image.img6{top: 11%; left: 15%;}
#visual .object_202601 .visual-img .image.img7{top: 9%; right: 12%;}
#visual .object_202601 .visual-img .image.img8{top: 51%; left: 8%;}
#visual .object_202601 .visual-img .image.img9{top: 45%; right: 15%;}
#visual .object_202601 .visual-img .image.img10{top: 40%; left: 50%; transform: translate(-50%, -50%);}

@media only screen and (max-width: 1950px){
	#visual .object_202601 .visual-img .image img.on{left: 0; transform: unset;}
}
@media only screen and (max-width:1440px) {
	#visual .object_202601 .visual-img [class^="image"]{transform: translateY(10%);}
	#visual .object_202601 .visual-img [class^="image"] img{scale: 0.9;} 
	#visual .object_202601 .visual-img .image.img9{transform: translateX(38%);}
}
@media only screen and (max-width:1200px) {
	#visual .object_202601 .visual-img [class^="image"] img{scale: 0.8;}
	#visual .object_202601 .visual-img .image.img0 img{scale: 0.9;}
}
@media only screen and (max-width:1080px) {
	#visual .object_202601 .visual-img [class^="image"] img{scale: 0.75;}
}
@media only screen and (max-width:980px) {
	#visual .visual-main.editSlide202601 .swiper{padding-bottom: 0;}
	#visual .object_202601 .image{transform: translateY(-30%); width: 35vw;}

	#visual .object_202601 .visual-img .image.img0{top: 10%;}
	#visual .object_202601 .visual-img .image.img1{top: 25%;}
	#visual .object_202601 .visual-img .image.img1 img{scale: 1;}
	#visual .object_202601 .visual-img .image.img2{left: 1%;}
	#visual .object_202601 .visual-img .image.img3{right: 0%;}
	#visual .object_202601 .visual-img .image.img4{left: 2%;}
	#visual .object_202601 .visual-img .image.img5{right: 3%;}

	#visual .object_202601 .visual-img .image.img6{top: 0%; left: 3%;}
	#visual .object_202601 .visual-img .image.img7{top: 5%; right: 2%;}
	#visual .object_202601 .visual-img .image.img8{left: 4%;}
	#visual .object_202601 .visual-img .image.img9{right: 15%;}
}
@media only screen and (max-width:440px) {
	#visual .object_202601 .image{width: 45%;}
	#visual .object_202601 .visual-img .image.img6{left: 0;}
	#visual .object_202601 .visual-img .image.img10{top: 50%;}
}
@media only screen and (max-width:380px) {
	#visual .object_202601 .visual-img [class^="image"]{transform: translateY(30%);}

	#visual .object_202601 .visual-img .image.img0{top: 15%;}
	#visual .object_202601 .visual-img .image.img1{top: 30%;}
	#visual .object_202601 .visual-img .image.img3{top: 0;}
	#visual .object_202601 .visual-img .image.img9{right: 10%;}
	#visual .object_202601 .visual-img .image.img10{top: 55%;}
}
/********* object_202601 CSS *********/

/********* object_202608 CSS *********/
#visual .object_202608 .visual-img [class^="image"]{transform: unset; max-width: initial; border-radius: 50%;}
#visual .object_202608 .visual-img a{display: block;}
#visual .object_202608 .visual-img .image.img0{top: 7%; left: 50%; transform: translateX(-50%); width: inherit; max-width: inherit; user-select: none;}
#visual .object_202608 .visual-img .image.img1{top: 14%; left: 0%;}
#visual .object_202608 .visual-img .image.img2{top: 50%; left: 2%;}
#visual .object_202608 .visual-img .image.img3{top: 11%;left: 49%;transform: translateX(-50%);}
#visual .object_202608 .visual-img .image.img4{top: 0%;right: 5%;}
#visual .object_202608 .visual-img .image.img5{top: 55%; right: 4%;}
#visual .object_202608 .visual-img .image.img6{top: 8%; left: 1%;}
#visual .object_202608 .visual-img .image.img7{top: 50%; left: 5%;}
#visual .object_202608 .visual-img .image.img8{top: 14%; left: 33%;}
#visual .object_202608 .visual-img .image.img9{top: 7%; right: 11%;}
#visual .object_202608 .visual-img .image.img10{top: 56%; right: 4%;}

@media only screen and (max-width: 1950px){
	#visual .object_202608 .visual-img .image img.on{left: 0; transform: unset;}
	#visual .object_202608 .visual-img [class^="image"]{max-width: clamp(15rem, 30vw, 45vw);}
}
@media only screen and (max-width:980px) {
	#visual .object_202608 .image{transform: translateY(-30%); width: 35vw;}
	#visual .object_202608 .visual-img .image.img0{top: 5%;}
	#visual .object_202608 .visual-img .image.img1{top: 21%; left: 0%;}
	#visual .object_202608 .visual-img .image.img2{top: 55%; left: 0%;}
	#visual .object_202608 .visual-img .image.img3{top: 31%; left: 50%; transform: translateX(-50%);}
	#visual .object_202608 .visual-img .image.img4{top: 18%; right: 0%;}
	#visual .object_202608 .visual-img .image.img5{top: 64%; right: 3%;}

	#visual .object_202608 .visual-img .image.img6{top: 21%; left: 1%;}
	#visual .object_202608 .visual-img .image.img7{top: 55%; left: 0%;}
	#visual .object_202608 .visual-img .image.img8{top: 31%; left: 50%; transform: translateX(-50%);}
	#visual .object_202608 .visual-img .image.img9{top: 18%; right: 3%; max-width: clamp(10rem, 20vw, 45vw);}
	#visual .object_202608 .visual-img .image.img10{top: 70%; right: 2%;}
}
@media only screen and (max-width:580px) {
	#visual .object_202608 .visual-img [class^="image"]{width: inherit;}
}
/********* object_202601 CSS *********/


/********* 비주얼 템플릿(2,3) ::  2026.03.23 *********/
#mb-temp.main-temp02 .visual-banner-wrap,
#mb-temp.main-temp03 .visual-banner-wrap,
#mb-temp.main-temp02 .visual-banner,
#mb-temp.main-temp03 .visual-banner{
	all: unset;
}
#mb-temp.main-temp .main-banner .swiper-horizontal,
#mb-temp.main-temp .main-banner a{
	display: block;
	width: 100%;
	height: 100%;
}
#mb-temp.main-temp .main-banner .img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}
#mb-temp.main-temp .main-banner .img img{
	display: block;
	width: 100%;
	height: 100%;
}
#mb-temp.main-temp .item-box{
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 80%;
	padding: 1rem 2rem;
	text-align: left;
	z-index: 9;
}
#mb-temp.main-temp .item-box:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 120%;
	height: 100%;
	background: linear-gradient(90deg, #f5f5f5 50%, transparent);
	opacity: 0.8;
	z-index: -1;
}
#mb-temp.main-temp .item-box .cat{
	display: inline-block;
	margin-bottom: 1rem;
	padding: 0.35rem 1rem;
	background-color: #e60000;
	line-height: 1.3;
	color: #fff;
	font-size: 1.4rem;
}
#mb-temp.main-temp .item-box .tit{
	all: unset;
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: #f5f5f5;
	line-height: 1.3;
	font-size: clamp(2.5rem, 3vw, 3.6rem);
	font-weight: 600;
}
#mb-temp.main-temp .item-box .txt{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: calc((1.6rem * 1.5) * 2);
margin: 0.5rem 1.5rem;
	line-height: 1.5;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 1.6rem;
	overflow: hidden;
}
#mb-temp.main-temp .slide-dots{
	position: absolute;
	left: 0;
	bottom: 2rem;
	display: flex !important;
	justify-content: center;
	width: 100%;
	z-index: 1;
}
#mb-temp.main-temp .swiper-pagination-bullet{
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem;
	margin: 0 0.5rem;
	background-color: #8B8B8B;
	border-radius: 50rem;
	font-size: 0;
	opacity: 1;
	transition: all 0.5s;
}
#mb-temp.main-temp .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 5rem;
	background-color: #000;
}
#mb-temp.main-temp .swiper-pagination-bullet:focus-visible{
	outline: 2px solid #fff;
}
#mb-temp.main-temp02{
	display: flex;
	height: 53rem;
	margin-bottom: 8rem;
}
#mb-temp.main-temp02 .main-banner{
	position: relative;
	width: 70%;
}
#mb-temp.main-temp02 .main-banner .swiper-slide:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 12rem;
	height: 100%;
	background-color: #f5f5f5;
	clip-path: polygon(0 101%, 101% 0, 101% 101%);
	z-index: 1;
}
#mb-temp.main-temp02 .visual-object{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	height: 100%;
}
#mb-temp.main-temp02 .object-slide{
	width: 100%;
	height: 100%;
}
#mb-temp.main-temp02 .visual-object .image{
	position: relative;
	transform: scale(0.7);
	display: block;
	width: 100%;
	max-width: 100%;
	height: 53rem;
	transition: all 0.5s ease;
}
#mb-temp.main-temp02 .visual-object .swiper-slide-active .image{
	transform: scale(1);
	transition: all 0.3s ease;
}
#mb-temp.main-temp02 .visual-object .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	max-width: 100%;
	opacity: 1;
	filter: blur(0px);
}
#mb-temp.main-temp02 .visual-object .image .on{
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
#mb-temp.main-temp02 .visual-object .image.active .on{
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}
#mb-temp.main-temp03 .main-banner{
	height: 53rem;
	margin-bottom: 8rem;
}
#mb-temp.main-temp03 .item-box{
	bottom: 0;
	align-items: center;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
#mb-temp.main-temp03 .item-box:after{
	background: rgba(0,0,0,0.4);
}
#mb-temp.main-temp03 .item-box .cat{
	position: absolute;
	top: -1.25rem;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}
#mb-temp.main-temp03 .item-box .cat + .tit{
	margin-top: 1.5rem;
}
#mb-temp.main-temp03 .item-box .tit{
	padding: 0;
	background-color: transparent;
	color: #fff;
}
#mb-temp.main-temp03 .item-box .txt{	
	color: #fff;
}
#mb-temp.main-temp02 + .weather-box,
#mb-temp.main-temp03 + .weather-box{
	left: 1.5rem;
	width: auto;
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;	
}

/* 언어별 css 추가 20250904 */
html:lang(hu) .activity-slide-wrap .txt-box{
	word-break: keep-all;
}
/* 프랑스문화원 */
/* 뉴스레터 추가 */
html.france #newsletter .container{
	background-color: #fff;
}
html.france #newsletter iframe{
	display: block;
	max-width: 70rem; 
	margin: 0 auto;
}

/* html.france img, */
html.france #visual .visual-banner .img img,
html.france #mb-temp.main-temp .main-banner .img img,
html.france .latest-slide .latest-item img,
html.france .activity-slide-wrap .activity-item img,
html.france .popup-kocis .popup-kocis-slide img,
html.france #koreanews .Koreanet-list .konet-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}