@charset "utf-8";
/* CSS Document */
/* 메인 */
#main {
	padding:var(--header_h) 0px 0px;
	transition: all 0.5s ease-in-out;
}
#main .wrap {
}
#main .main_box {
}
#main .main_box .main_l {
	/*width:fit-content;height:fit-content;*/
	overflow:hidden;
	width:100%;
	max-width:960px;
}
.main_swiper {
	position:relative;
	width:100%;
	max-width:960px;
	aspect-ratio:16 / 9;
	overflow: hidden;
}
/* Swiper 공통 스타일 */
.swiper-slide {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}
.main_l_slide_control {
	position:absolute;
	bottom:1.25rem;
	right:1.25rem;
	z-index:10;
}
.swiper-slide[class*="main_l_slide_card"] {
	display:flex!important;
	flex-wrap:wrap;
	justify-content:space-between;
	height:100%;
	padding:4rem 1rem 1rem 4rem;
	z-index:9;
}
.swiper-slide[class*="main_l_slide_card"] .txt {
	align-self:flex-start;
	width:auto;
	display:grid;
}
.swiper-slide[class*="main_l_slide_card"] .txt a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:180px;
	min-width:180px;
	max-width:180px;
		text-align:center;
	white-space:nowrap;
	overflow:hidden;
	padding:0.5rem 1.5rem;
	transition:background-color var(--q_trans),color var(--q_trans);
	text-align:center;
}
.swiper-slide[class*="main_l_slide_card"] .txt a:hover {
	background-color:var(--point);
	color:var(--white);
}
.swiper-slide[class*="main_l_slide_card"] .txt .medium {
	line-height:1.125!important;
}
.swiper-slide[class*="main_l_slide_card"] img {
	object-fit:cover;
	align-self:flex-end;
	transition:all var(--q_trans);
}
.main_l_slide_card_01 {
	background-image:linear-gradient(149deg,#cbe0ff,#ccc9f5 )
}
.main_l_slide_card_02 {
	background-image:linear-gradient(149deg,#e7e5fd,#ffd2da )
}
.main_l_slide_card_03 {
	background-image:linear-gradient(149deg,#ffd2da,#cbe0ff )
}
#main .main_box .main_r {
	width:auto;
	flex-direction:column;
}
#main .main_box .main_r>div {
	height:auto;
	width:auto;
	min-width:250px;
}
#main .main_box .main_r .main_r_slide {
	padding:2.2rem;
}
#main .main_box .main_r .main_r_slide p {
	display:inline-block;
	width: 80%;
}
/* 오른쪽 작은 슬라이드 */
#main .main_box .main_r .main_r_slide .main_right_swiper {
	width:100%;
	max-width:236px;
	height:auto;
	overflow:hidden;
	box-shadow:0 0.2rem 0.5rem 0 rgba(0,0,0,0.25);
	margin:0!important;
}
#main .main_box .main_r .main_quickform {
	height:auto;
	width:100%;
	min-width:250px;
	box-shadow:0 0.2rem 0.5rem 0 rgba(51,33,130,0.25);
}
.gradient_border {
	width:100%;
	height:100%;
	padding:1.7rem 2.2rem;
	border:2px solid transparent;
	background-image:linear-gradient(#fff,#fff),linear-gradient(to bottom right,#bc5df3,#564be4,#332182);
	background-origin:border-box;
		background-clip: padding-box,border-box;
}
/* ==================== 해상도 1380px 이상 ==================== */
@media screen and (min-width:1280px) {
}
/* ==================== 모바일 레이아웃 ==================== */
@media ( max-width:1380px ) {
	#main {
		padding:calc(var(--header_h) * 1.25) 0px 0px;
		transition:all 0.5s ease-in-out;
	}
	#main .main_box .main_l {
			width:100%;
			max-width:100%;
	}
	.main_swiper {
			width:100%;
			max-width:100%;
			height:100%;
			aspect-ratio:unset;
	}
	.swiper-slide[class*="main_l_slide_card"] {
			width:100%;
	}
	.swiper-slide[class*="main_l_slide_card"] .txt {
			transform:scale(1.4);
			transform-origin:top left;
			z-index:77;
	}
	.swiper-slide[class*="main_l_slide_card"] img {
			margin-top:1.5rem;
			margin-left:auto;
			height:75%;
			object-fit:unset;
			z-index:66;
	}
	.main_l_slide_control button {
			width:3rem;
			height:3rem;
	}
	#main .main_box .main_r {
			width:100%;
			flex-direction:row;
			gap:15px;
	}
			#main .main_box .main_r>div {
				width:fit-content;
				min-width:unset;
	}
		#main .main_box .main_r .main_quickform {
				width:100%;
				min-width:unset;
	}
}
@media ( max-width:900px ) {
	.swiper-slide[class*="main_l_slide_card"] img {
			height:65%;
	}
}
@media ( max-width:600px ) {
	#main .main_box .main_r {
			gap:4px;
	}
	#main .main_box .main_r .main_r_slide {
			padding:1rem;
	}
	#main .main_box .main_r>div,#main .main_box .main_r .main_quickform {
				width:50%;
				min-width:unset;
	}
		.gradient_border {
		padding:1rem;
	}
		.swiper-slide[class*="main_l_slide_card"] img {
			height: 50%;
	}
}
/***** 가로모드 *****/
@media screen and (orientation:landscape) and ( max-width:900px ) {
}
/* ========================================================================== */