@charset "utf-8";


.n-museum-visual .swiper-slide {width: 100%; height: 520px; overflow: hidden; position: relative;}

.n-museum-visual .swiper-slide .item_2 {display:flex; flex-direction: column; justify-content: center; align-items: flex-start; width:100%; max-width:1280px; height:100%; margin:0 auto; box-sizing: border-box; position: relative; z-index: 5; }
.n-museum-visual .swiper-slide .item_2 .text_1 {color: #fff; font-size: 40px; font-weight: 700; font-family:"pretendard"; line-height: 1.3;}
.n-museum-visual .swiper-slide .item_2 .text_2 {margin-top: 8px; color: rgba(255, 255, 255, 0.8); font-weight: 400; font-size: 20px; line-height: 1.6;}
.n-museum-visual .swiper-slide:first-child .text_1 span {color:#fff}
.n-museum-visual .swiper-slide:last-child .text_1 span {color:#fff}
/* .n-museum-visual .swiper-slide .item_2 .text_2 span{display:table; height:48px; line-height: 48px; margin-top: 24px; padding:0 24px; color: #fff; font-weight: 500; border-radius: 100px;  background:#222; font-size: 18px;;}
.n-museum-visual .swiper-slide .item_2 .text_2 span:after {content: ''; position: relative; top: -1px; display:inline-block; width:11px; height:11px; margin-left: 4px; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.n-museum-visual .swiper-slide .item_2 .text_2 span:hover {color: #fff;} */

.n-museum-visual .swiper-slide .item_2 .text_2 span{display:table; height:48px;	line-height:48px; margin-top:24px; padding:0 24px; color:#fff;	font-weight:500; border-radius:100px; background:rgba(34,34,34,.88); backdrop-filter:blur(8px); font-size:18px; transition:all .35s ease;}
.n-museum-visual .swiper-slide .item_2 .text_2 span:after{content:''; position:relative; top:-1px; display:inline-block; width:11px; height:11px;	margin-left:4px; border:1px solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg) translateX(0); transition:transform .35s ease;}

/* hover */
.n-museum-visual .swiper-slide a:hover .text_2 span{background:#fff; color:#222; transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.18);}
.n-museum-visual .swiper-slide a:hover .text_2 span:after{	border-color:#222;	transform:rotate(45deg) translate(3px,-3px);}

.n-museum-visual .swiper-slide .text_1,
.n-museum-visual .swiper-slide .text_2 {opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease;}
.n-museum-visual .swiper-slide-active .text_1 {opacity:1; transform:translateY(0); transition-delay:.15s;}
.n-museum-visual .swiper-slide-active .text_2 {opacity:1; transform:translateY(0); transition-delay:.35s;}

.n-museum-visual .visual-btn {display:table; height:48px; line-height: 48px; margin-top: 24px; padding:0 24px; color: #fff; font-weight: 500; border-radius: 100px;  background:#222;}
.n-museum-visual .visual-btn span:after {content: ''; position: relative; top: -1px; display:inline-block; width:12px; height:12px; margin-left: 4px; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.n-museum-visual .visual-btn:hover {color: #fff;}

.n-museum-visual .swiper-button-prev svg,
.n-museum-visual .swiper-button-next svg{display: none;}

.n-museum-visual .swiper-button-prev,
.n-museum-visual .swiper-button-next {width:64px; height: 64px; border-radius: 50%; top: 50%; transform: translateY(-50%); margin-top: 0; background: rgba(255,255,255,0.2);}
.n-museum-visual .swiper-button-prev {left: calc(50% - 640px - 120px) !important;}
.n-museum-visual .swiper-button-prev:before {content: ''; display: block; width:32px; height:32px; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); background:url(/sites/agrimuseum/images/chevron_left.png) center center / cover no-repeat;}
.n-museum-visual .swiper-button-next {right:calc(50% - 640px - 120px) !important;}
.n-museum-visual .swiper-button-next:before {content: ''; display: block; width:32px; height:32px; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); background:url(/sites/agrimuseum/images/chevron_right.png) center center / cover no-repeat;}

.br-change {display: block;}

.n-museum-visual .swiper-slide:nth-child(1) {background: #3268B8;}
.n-museum-visual .swiper-slide:nth-child(2) {background: #329E56;}

@media (max-width: 1600px) {
	
	.n-museum-visual .swiper-button-prev, 
	.n-museum-visual .swiper-button-next {display:none;}
	.n-museum-visual .swiper-slide .item_2 {padding:0 40px; }

}

@media (max-width: 1400px) {

	.n-museum-visual .swiper-slide .item_2 {background-size: 540px auto !important;}
	.n-museum-visual .swiper-slide {height:480px;}
	

}

@media (max-width: 1280px) {

	.n-museum-visual .swiper-slide .item_2 {padding: 0 40px;}
	.n-museum-visual .swiper-slide .item_2 .text_1 {margin-top:-60px; font-size: 34px;}
	.n-museum-visual .swiper-slide .item_2 .text_2 {font-size: 18px;}

}

@media (max-width: 1024px) {

	.n-museum-visual .swiper-slide .item_2 {padding: 0 24px; background-size: 480px auto !important;}
	.n-museum-visual .swiper-slide .item_2 .text_1 {font-size: 30px;}
	.n-museum-visual .swiper-slide .item_2 .text_2 {font-size: 16px;}

}

@media (max-width: 768px) {

	.n-museum-visual .swiper-slide {height:540px; justify-content: center; align-items: flex-start; } 
	.n-museum-visual .swiper-slide .item_2 {padding: 40px 24px; justify-content: flex-start; align-items: flex-start; background-size: 425px auto !important; background-position: center bottom !important;}
	.n-museum-visual .swiper-slide .item_2 .text_1 {margin-top:20px; font-size: 26px; line-height: 1.4;}
	.n-museum-visual .swiper-slide .item_2 .text_2 {font-size: 14px;}

	.n-museum-visual .swiper-slide .item_2 .text_2 span{height:40px; line-height: 40px; margin-top:16px; padding:0 20px; font-size: 14px;}
	.n-museum-visual .swiper-slide .item_2 .text_2 span:after {width: 9px; height: 9px;}



}