@media(max-width: 1024px){
}

@media(max-width: 768px){
	.contents_area {
		padding: 50px 20px;
		gap: 50px;
	}
	.main_sec_tit {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.48px;
	}
	.main_sec_desc {
		font-size: 14px;
		line-height: 20px;
		padding: 12px 0;
	}
	
	/* ==============⭐️⭐️⭐️ 메인 배너 ⭐️⭐️⭐️==============*/
	.main_banenr .swiper-slide {
		width: 65% !important;
		position: relative;
	}
	.main_banenr .swiper-slide .txt {
		padding: 20px;
	}
	.main_banenr .swiper-slide .txt h3 {
		font-size: 20px;
		line-height: 28px; 
	}
	.main_banenr .swiper-slide .txt p {
		font-size: 14px;
		line-height: 20px;
	}
	.main_sec01 .sec01_tag_list ul.pc_tag_list, 
	.main_sec02 .sec02_tag_list ul.pc_tag_list {
		display: none;
	}
	.main_sec01 .sec01_tag_list ul,
	.main_sec02 .sec02_tag_list ul {
		gap: 0;
	}
	.main_sec02 .sec02_tag_list .swiper-slide {
		width: fit-content;
	}
	.main_sec01 .sec01_tag_list ul li a {
		padding-bottom: 0;
	}
	.m_tag_list {
		display: block;
	}
	/* wrapper */
	.m_tag_list_wrap {
		position: relative;
		overflow: hidden;
		width: 70%;
	}
	
	/* 양쪽 흐림 */
	.mask-both {
		mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 12%,
			black 88%,
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 12%,
			black 88%,
			transparent 100%
		);
	}
	
	/* 오른쪽만 흐림 (처음 상태) */
	.mask-right {
		mask-image: linear-gradient(
			to right,
			black 0%,
			black 88%,
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			black 0%,
			black 88%,
			transparent 100%
		);
	}
	
	/* 왼쪽만 흐림 (끝 상태) */
	.mask-left {
		mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 12%,
			black 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 12%,
			black 100%
		);
	}
	
	/* tag */
	.m_tag_list .swiper-slide {
		width: fit-content;
	}
	
	
	.sec02_tag_swiper {
		overflow: hidden;
		width: 70%;
	}
	
	.sec02_tag_swiper .swiper-wrapper {
		display: flex;
	}
	
	.sec02_tag_swiper .swiper-slide {
	}
	.main_sec02 .sec02_sisul_list {
		margin-top: 0;
	}
	.main_sec02 .sec02_sisul_list ul {
		gap: 16px;
	}
	.main_sec02 .sec02_sisul_list ul li {
		width: 100%;
	}
	.main_sec02 .sec02_sisul_list ul li a {
		
		display: flex;
		align-items: stretch;
	}
	.main_sec02 .sec02_sisul_list ul li .img {
		display: none;
	}
	.main_sec02 .sec02_sisul_list ul li .img img {
		width: 100%;
	}
	.main_sec02 .sec02_sisul_list ul li .con {
		display: flex;
		flex: 1;
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
		border-radius: 8px;
		background: #FFF;
		font-family: "Pretendard", sans-serif;
		width: 100%;
	}
	.main_sec02 .sec02_sisul_list ul li .txt {
		width: 100%;
	}

	.main_sec02 .sec02_sisul_list ul li .txt .kr_title {
		font-family: "Pretendard", sans-serif;
		color: #000;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
	}
	.main_sec02 .sec02_sisul_list ul li .desc {
		margin-top: 9px;
	}
	.main_sec02 .sec02_sisul_list ul li .cost {
		margin-top: 24px;
	}
	
	.main_sec03 {
		flex-direction: column;
		gap: 24px;
	}
	.main_sec03 .sec03_info {
		width: 100%;
		gap: 16px;
		padding-right: 0;
	}
	.main_sec03 .sec03_info .channel_list {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}
	.main_sec03 .sec03_info .channel_list li {
		padding: 10px 16px;
		border-radius: 8px;
	}
	.main_sec03 .sec03_info .channel_list li .img {}
	.main_sec03 .sec03_info .channel_list li h5 {
		font-size: 14px;
		line-height: 20px; /* 142.857% */
		letter-spacing: -0.28px;
	}
	.main_sec03 .sec03_info .channel_list li a {
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
		border-radius: 4px;
		background: #547095;
		width: 120px;
		height: 36px;
	}
	.main_sec03 .sec03_info .channel_list li:last-child a {
		background: #60B9B7;
	}
	.main_sec03 .sec03_shorts .shorts_swiper {
		overflow: hidden;
	}
	.main_sec03 .sec03_shorts .shorts_swiper .swiper-slide {
		width: 50%;
	}
	.main_sec03 .sec03_shorts .shorts_swiper .swiper-slide img {
		width: 100%;
	}
	.shorts_popup_inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		max-width: auto;
		aspect-ratio: 9 / 16;
	}
	
	.shorts_iframe_wrap {
		position: relative;
		width: 100%;
		height: 100%;
	}

	/* ==============⭐️⭐️⭐️ section04 ⭐️⭐️⭐️==============*/
	.main_sec04 {
		flex-direction: column;
		gap: 16px;
	}
	.main_sec04 h4 {
		font-size: 16px;
		line-height: 24px;
	}
	.main_sec04 > div {
		width: 100%;
	}
	.main_sec04 .sec04_location_con {
		display: flex;
		flex-direction: column;
		padding-right: 0;
	}
	.main_sec04 .sec04_location_con .address {
		padding: 8px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.main_sec04 .sec04_location_con a {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.28px;
		height: 45px;
		margin-top: 10px;
	}
	.main_sec04 .sec04_location_con a img {
		margin-right: 2px;
	}
	.main_sec04 .sec04_map_con {
		width: 100%;
		aspect-ratio: 300 / 180;
	}
	.main_sec04 .sec04_map_con iframe {
		width: 100%;
		height: 100%;
	}
	.main_sec04 .sec04_info_con {
		display: none;
	}
}