@media ( max-width : 1280px) {
	.area .wrap .content .inner-content .inner-title {
		width: 100%;
		height: 62px;
		font-family: 'Pretendard';
		font-style: normal;
		font-weight: 700;
		font-size: 30px;
		line-height: 62px;
		text-align: center;
		letter-spacing: -0.02em;
		color: #141E28;
	}
	.area .wrap .content .inner-content .select-div {
		display: flex;
		flex-direction: column;
		position: relative;
		justify-content: center;
		align-items: center;
		padding: 10px 0px 0px;
		gap: 8px;
		width: 100%;
		height: 54px;
	}
	.area .wrap .email_content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0px 10px;
		width: 100%;
	}
	.area .wrap .email_content .inner-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 10px 20px 0px;
		gap: 30px;
		width: 100%;
	}
	.area .wrap .email_content .inner-content .email-title {
		width: 100%;
		height: 42px;
		font-family: 'Pretendard';
		font-style: normal;
		font-weight: 700;
		font-size: 30px;
		line-height: 42px;
		text-align: center;
		letter-spacing: -0.02em;
		color: #141E28;
	}
	.area .wrap .content {
		padding: 0px 10px;
	}
	.area .wrap {
		width: 100%;
		padding: 0px 16px;
	}
	.area .wrap .content .inner-content {
		width: 100%;
		max-width: 1040px;
	}
	.main-field .wrap .wrap_field .field .txt_box {
		width: 315px;
	}
	.main-field .wrap .wrap_field {
		width: 95%;
		margin: 0 auto;
	}
	.visual-wrapper {
		
	}
	.main-container .main-area {
		padding-top: 80px;
	}
	.main-container .main-area .wrap .wrap_content {
		width: 90%;
		gap: 60px;
	}
	.main-container .main-area .wrap .wrap_title span {
		font-size: 20px;
		line-height: 35px;
	}
	.main-container .main-area .wrap .wrap_content .wrap-text {
		font-size: 35px;
		line-height: 45px;
	}
	.main-container .main-area .wrap .wrap_content .main-logo {
		width: 100%;
		height: 70px;
		overflow: hidden;
		padding: 10px 0;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 12px;
		position: relative;
	}
	.main-container .main-area .wrap .wrap_content .m_logo {
		display: block;
	}
	.main-logo .logo-track {
		display: flex;
		align-items: center;
		gap: 17px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		will-change: transform;
	}
	.main-case .wrap .wrap_content {
		width: 100%;
		padding-top: 130px;
		gap: 30px;
	}
	.main-case .wrap .wrap_content .wrap_title {
		width: 100%;
		gap: 5px;
		height: 130px;
	}
	.main-case .wrap .wrap_content .wrap_title .content {
		font-size: 35px;
		justify-content: center;
	}
	.main-case .wrap .wrap_slide {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img img {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div {
		width: 100%;
		/* 		height: 270px; */
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text
		{
		width: 100%;
	}
	.main-field .wrap {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.wrap .wrap_title .content {
		font-size: 35px;
		justify-content: center;
	}
	.main-field .wrap .wrap_title {
		height: 130px;
	}
	.main-field .wrap .wrap_field .field {
		width: 40%;
		padding: 15px;
		gap: 15px;
		height: 300px;
	}
	.main-field .wrap .wrap_field .field .img_box {
		width: 75px;
		height: 75px;
	}
	.main-field .wrap .wrap_field .field .img_box img {
		width: 75px;
		height: 75px;
	}
	.main-benefit .wrap {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-benefit .wrap .wrap_title {
		height: 130px;
	}
	.main-news .wrap .wrap_title {
		height: 120px;
	}
	.main-news .wrap .wrap_field {
		height: 100%;
	}
	.main-news .wrap .wrap_field ul {
		flex-wrap: wrap;
		height: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.main-news .wrap .wrap_field ul li {
		flex-wrap: wrap;
		height: 100%;
		width: 22%;
		gap: 10px;
	}
	.main-benefit .wrap .wrap_field .field {
		width: 46%;
		padding: 15px;
		height: 148px;
	}
	.main-benefit .wrap .wrap_field .field .text {
		align-self: center;
	}
	.main-news .wrap {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-news .wrap .wrap_field .img {
		height: 100%;
	}
	.main-news .wrap .wrap_field .img img {
		height: 200px;
	}
	.main-news .wrap .wrap_field ul li .text .title {
		width: 100%;
	}
}

@media ( max-width : 768px) {
	.main-field .wrap .wrap_field .field .txt_box .title{
		font-size:21px;
	}
	.main-field .wrap .wrap_field .field .txt_box {
		width: 274px;
	}
	.main-container .main-area {
		padding-top: 80px;
	}
	.main-container .main-area .wrap .wrap_content {
		width: 90%;
		gap: 60px;
	}
	.main-container .main-area .wrap .wrap_title span {
		font-size: 20px;
		line-height: 35px;
	}
	.main-container .main-area .wrap .wrap_content .wrap-text {
		font-size: 30px;
		line-height: 45px;
	}
	.main-container .main-area .wrap .wrap_content .main-logo {
		width: 100%;
		height: 70px;
		overflow: hidden;
		padding: 10px 0;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 12px;
		position: relative;
	}
	.main-container .main-area .wrap .wrap_content .m_logo {
		display: block;
	}
	.main-logo .logo-track {
		display: flex;
		align-items: center;
		gap: 17px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		will-change: transform;
	}
	.main-case .wrap .wrap_content {
		width: 100%;
		padding-top: 130px;
		gap: 30px;
		padding-bottom: 50px;
	}
	.main-case .wrap .wrap_content .wrap_title {
		width: 100%;
		gap: 5px;
		height: 130px;
	}
	.main-case .wrap .wrap_content .wrap_title .content {
		font-size: 35px;
		justify-content: center;
	}
	.main-case .wrap .wrap_slide {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track {
		/* 		width: 95%; */
		margin: 0 auto;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case {
		flex: 0 0 calc(( 100% - 0px)/1) /* 		width: 93%; */ 
			/* 		padding: 15px; */ /* 		gap:16px; */
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case:hover {
		/* 		box-sizing: border-box; */
		/* 		display: flex; */
		/* 		flex-direction: column; */
		/* 		align-items: center; */
		/* 		position: relative; */
		/* 		width: 93%; */
		border: 1px solid #00B894;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img img {
		width: 100%;
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div {
		width: 100%;
		/* 		height: 270px; */
	}
	.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text
		{
		width: 100%;
	}
	.main-field .wrap {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.wrap .wrap_title .content {
		font-size: 35px;
		justify-content: center;
	}
	.main-field .wrap .wrap_title {
		height: 130px;
	}
	.main-field .wrap .wrap_field {
		justify-content: center;
	}
	.main-field .wrap .wrap_field .field {
		width: 95%;
		height: 100%;
		padding: 15px;
		gap: 15px;
	}
	.main-field .wrap .wrap_field .field .img_box {
		width: 75px;
		height: 75px;
	}
	.main-field .wrap .wrap_field .field .img_box img {
		width: 75px;
		height: 75px;
	}
	.main-benefit .wrap {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-benefit .wrap .wrap_title {
		height: 130px;
	}
	.main-news .wrap .wrap_title {
		height: 120px;
	}
	.main-news .wrap .wrap_field {
		height: 100%;
	}
	.main-news .wrap .wrap_field ul {
		flex-wrap: wrap;
		height: 100%;
		width: 92%;
		margin: 0 auto;
	}
	.main-news .wrap .wrap_field ul li {
		flex-wrap: wrap;
		height: 100%;
		width: 60%;
		gap: 10px;
	}
	.main-benefit .wrap .wrap_field {
		justify-content: center;
	}
	.main-benefit .wrap .wrap_field .field {
		width: 92%;
		padding: 15px;
		height: 148px;
	}
	.main-benefit .wrap .wrap_field .field .text {
		align-self: center;
		width:100%;
	}
	.main-news .wrap {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.main-news .wrap .wrap_field .img {
		height: 100%;
	}
	.main-news .wrap .wrap_field .img img {
		height: 200px;
	}
	.main-news .wrap .wrap_field ul li .text .title {
		width: 100%;
	}
}

@media ( max-width : 992px) {
	.main-scroll{
		display: none !important;
	}
}

@media ( max-width : 576px) {
	.main-container .main-area {
		gap: 30px;
	}
	.main-container {
		height: 91vh;
	}
	.visual-wrapper {
		height: 102vh;
		margin-top: -25px;
		padding-top: 0px;
	}
	.main-news .wrap .wrap_field ul li {
		width: 100%;
	}
	.price-lay {
		padding: 0px;
	}
	.area .wrap .email_content .inner-content .email-title {
		font-size: 24px;
	}
	
	
}