/* 상단 롤링 */
.mainSwiper {float:left;max-width:959px;width: 100%;max-height: 558px;overflow: hidden;position: relative;margin-top:3px;}
.mainSwiper .swiper-slide {width: 100%;height: 558px;object-fit: cover;overflow: hidden;}
.main-swiper-pagination {position: absolute;top:79%;padding-left: 7%;z-index: 20;color:#ffffff;font-size:18px;}
.main-swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background: #ff6b6b;opacity: 0.5;border-radius: 50%;transition: all 0.3s ease;color:#ffffff;}
.main-swiper-pagination .swiper-pagination-bullet-active {background: #ff3b3b;opacity: 1;width: 16px;height: 16px;}
.mainSwiper .swiper-button-prev, .mainSwiper .swiper-button-next {position: absolute;top: 85%;transform: translateY(-50%);width: 50px;height: 50px;z-index: 50;display: flex;align-items: center;justify-content: center;}
.mainSwiper .swiper-button-prev {left: 90px;}
.mainSwiper .swiper-button-next {left: 180px;}
@media only screen and (max-width: 768px) {

.mainSwiper .swiper-button-prev {left: 5px;} .mainSwiper .swiper-button-next {right: 5px;}
.mainSwiper .swiper-slide {width: 100%;height: auto;object-fit: cover;}

}
.mainSwiper .swiper-button-prev::after, .mainSwiper .swiper-button-next::after {font-size: 20px;}
.swiper-pagination .swiper-pagination-current {color: #ffffff;font-weight:bold;font-size:22px;}
.swiper-pagination .swiper-pagination-total {color: #ffffff;font-size:22px;}
#play-pause-button {padding-left: 150px;font-size: 16px;border: none;cursor: pointer;position:absolute;top:79.5%;}
#play-pause-button:hover {}


.profile-image-wrapper {position: relative;width: 84px;height: 84px;margin: 0 auto;margin-top:2px;} 
.profile-image img {width: 86px;height:86px;border-radius: 50%;overflow: hidden;object-fit: cover;background-color:#edf0f5;} 
.profile-image2 img {width: 76px;height:76px;border-radius: 50%;overflow: hidden;object-fit: cover;background-color:#edf0f5;} 

.scroll-container {padding: 0px 10px 10px 0px;width:100%;height:290px;overflow-y: scroll;} 
.scroll-container::-webkit-scrollbar {width: 12px;} 
.scroll-container::-webkit-scrollbar-track {background: #d4d6e3;border-radius: 10px;} 
.scroll-container::-webkit-scrollbar-thumb {background: #b5b5b5;border-radius: 10px;border: 3px solid #d4d6e3;} 
.scroll-container::-webkit-scrollbar-thumb:hover {background: #555;} 
.menu-section {clear: both;width: 100%;height: 122px;background: linear-gradient(to right, #9560e6 50%, #cfbbed 50%);} 
.menu-container {max-width: 1400px;margin: 0 auto;width: 100%;text-align: center;position: relative;} 
.menu-logo {position: absolute;top: -70px;left: 0;z-index: 20;} 
.menu-text {position: absolute;top: -33px;left: 37px;z-index: 21;} 
.main_menu-item {float: left;padding-left: 55px;padding-right:90px;height: 93px;color: #ffffff;font-size: 25px;background-color: #9560e6;padding-top: 60px;} 
.main_menu-item a {color: #ffffff;text-decoration: none;font-family: 'Giants-Regular';} 
.main_menu-item2 {float: left;padding-left: 100px;padding-right:100px;height: 122px;color: #ffffff;font-size: 25px;background-color: #a98bd6;padding-top: 60px;} 
.main_menu-item2 a {color: #ffffff;text-decoration: none;font-family: 'Giants-Regular';} 
.menu-options {float: left;background-color: #9560e6;height: 122px;width: 0;overflow: hidden;white-space: nowrap;transition: width 0.5s ease-in-out;} 
.menu-options.active {width: 653px;} 
.menu-options .option {float: left;padding-left:20px;padding-right:20px;height: 56px;font-size: 16px;margin-top:32px;} 
.menu-options .option a {color: #ffffff;text-decoration: none;}

#open_view_2 {background-color: #a98bd6;} 
#open_view_2 .option {padding-left:20px;padding-right:20px;} 

.menu-bg {float: left;width:62px;height:122px;background-color:#9560e6;border-radius:0% 62px 62px 0px;} 
.menu-bg2 {float: left;width:62px;height:122px;background-color:#a98bd6;border-radius:0% 62px 62px 0px;} 

.swiper-button-prev1, .swiper-button-next1 {float:left;width: 50px;height: 50px;z-index: 50;display: flex;align-items: center;justify-content: center;} 
.swiper-button-prev1 {left: 10px;} 
.swiper-button-next1 {left: 50px;} 

#play-pause-button1 {padding-top:15px;font-size: 16px;border: none;cursor: pointer;float:left;padding-left:10px;padding-right:10px;} 
.event-badge1 {position: absolute;top: 0px;left: 10%;background: #9560e6;color: #fff;font-size: 18px;line-height:36px;padding-left:20px;padding-right:20px;border-radius: 0px 0px 10px 10px;text-align: center;font-weight: 500;z-index: 10;} 
.event-badge2 {position: absolute;top: 0px;left: 10%;background: #0999c8;color: #fff;font-size: 18px;line-height:36px;padding-left:20px;padding-right:20px;border-radius: 0px 0px 10px 10px;text-align: center;font-weight: 500;z-index: 10;} 
.event-badge3 {position: absolute;top: 0px;left: 10%;background: #4b5aec;color: #fff;font-size: 18px;line-height:36px;padding-left:20px;padding-right:20px;border-radius: 0px 0px 10px 10px;text-align: center;font-weight: 500;z-index: 10;} 


@media (max-width: 768px) {
	.event-badge1 {position: absolute;top: 0px;left: 10%;background: #9560e6;color: #fff;font-size: 15px;line-height:26px;padding-left:15px;padding-right:15px;border-radius: 0px 0px 5px 5px;text-align: center;font-weight: 500;z-index: 10;} 
	.event-badge2 {position: absolute;top: 0px;left: 10%;background: #0999c8;color: #fff;font-size: 15px;line-height:26px;padding-left:15px;padding-right:15px;border-radius: 0px 0px 5px 5px;text-align: center;font-weight: 500;z-index: 10;} 
	.event-badge3 {position: absolute;top: 0px;left: 10%;background: #4b5aec;color: #fff;font-size: 15px;line-height:26px;padding-left:15px;padding-right:15px;border-radius: 0px 0px 5px 5px;text-align: center;font-weight: 500;z-index: 10;} 

} 

/* ===== 진행중 전용 하이라이트 (추가) ===== */

/* 공통: 진행중이면 배경에 그라데이션 흐름 추가 */
.event-badge1.is-live,
.event-badge2.is-live,
.event-badge3.is-live {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.08), rgba(255,255,255,0.18), rgba(255,255,255,0.08));
  background-size: 200% 200%;
  background-blend-mode: overlay; /* 기존 배경색 위로 은은히 입히기 */
  animation: badgeGradientMove 2s ease infinite, textFlashFast 1.1s ease-in-out infinite;
  /* 글자 가독성 */
  text-shadow: 0 0 4px rgba(0,0,0,0.12), 0 0 10px rgba(255,255,255,0.25);
  font-weight: normal; /* 살짝만 강조 */
}

/* 모바일에서도 동일하게 적용(선택: 속도만 살짝 완화) */
@media (max-width: 768px) {
  .event-badge1.is-live,
  .event-badge2.is-live,
  .event-badge3.is-live {
    animation: badgeGradientMove 2.2s ease infinite, textFlashFast 1.2s ease-in-out infinite;
  }
}

/* 배경 그라데이션 이동 */
@keyframes badgeGradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* 텍스트: 화이트 ↔ 노랑(보라와 고대비) 번쩍 */
@keyframes textFlashFast {
  0%, 100% {
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0,0,0,0.12), 0 0 8px rgba(255,255,255,0.25);
  }
  50% {
    color: #ffe600; /* ⚡ 고대비 노랑 */
    text-shadow: 0 0 12px rgba(255,230,0,0.9), 0 0 24px rgba(255,234,117,0.85);
  }
}




.main_onair {position:absolute;margin-top:-20px;left:50%;z-index:100;margin-left:240px;background-color:#ffffff;border:8px solid #ffffff;border-radius:20px;box-shadow: 6px 6px 6px 6px rgba(0,0,0,.25);} 
.main_onair_box {width:440px;height:560px;background-color:#ededed;border-radius:20px;}
.main_onair_bg {width:100%;height:60px;}
.main_onair_title1 {float:left;padding-left:40px;padding-top:30px;}
.main_onair_title2 {float:right;font-size:18px;padding-top:27px;padding-right:20px;color:#606060;}
.main_onair_title2 a {color:#606060;}
.main_onair_bar {float:right;color:#606060;font-size:18px;width:20px;text-align:center;padding-top:27px;}
.main_onair_title3 {float:right;font-size:18px;text-align:center;padding-top:27px;color:#606060;}
.main_onair_title3 a {color:#606060;}

.main_onair_box2 {border:6px solid #b59cdb;margin-top:1px;border-radius:10px;margin-left:10px;margin-right:10px;background-color:#ffffff;}
.main_onair_box2_type2 {border:6px solid #b59cdb;margin-top:1px;border-radius:10px;margin-left:10px;margin-right:10px;background-color:#ffffff;}
.main_onair_box2_type3 {border:1px solid #d4d6e3;margin-top:1px;min-height:140px;border-radius:10px;background-color:#ffffff;}
.main_onair_box2_type4 {border:1px solid #b59cdb;margin-top:1px;}


.main_onair_box2_padding {padding:12px;}
.main_onair_box2_padding2 {padding:8px;}

.main_onair_box2_leftbox1 {float:left;}
.main_onair_box2_leftbox2 {float:left;width:290px;padding-left:20px;}
.main_onair_box2_leftbox3 {float:left;width:250px;padding-left:20px;padding-top:4px;}

.main_onair_leftbox1_img1 {position:absolute;padding-left:5px;z-index:100;}
.main_onair_leftbox1_img2 {position:relative;padding-left:5px;z-index:100;}

.main_onair_leftbox1_bg {margin-top:0px;width:90px;height:90px;overflow:hidden;}
.main_onair_leftbox2_bg {margin-top:0px;width:90px;height:90px;overflow:hidden;}
.main_onair_leftbox3_bg {margin-top:0px;width:90px;height:90px;overflow:hidden;background-color:#f7f3ef;border-radius:50%;}
.main_onair_leftbox4_bg {margin-top:0px;width:80px;height:80px;overflow:hidden;background-color:#f7f3ef;border-radius:50%;}


.main_onair_leftbox2_txt1 {color:#dc3840;font-size:18px;font-family:Giants-Regular;}
.main_onair_leftbox2_txt1_type2 {color:#7a40d2;font-size:22px;font-family:Giants-Regular;}
.main_onair_leftbox2_txt1_type3 {color:#dc3840;font-size:16px;font-family:Giants-Regular;}
.main_onair_leftbox2_txt1_type4 {color:#333333;font-size:16px;font-family:Giants-Regular;}

.main_onair_leftbox2_txt2 {color:#111111;font-size:18px;padding-top:5px;font-weight:500;}
.main_onair_leftbox2_txt3 {color:#444444;font-size:16px;padding-top:5px;}


.main_onair_leftbox2_txt4 {color:#111111;font-size:16px;padding-top:5px;font-weight:500;}
.main_onair_leftbox2_txt5 {color:#333333;font-size:14px;padding-top:5px;}

.main_onair_schedule {padding:0px;margin: 0;border-collapse: collapse;}
.main_onair_schedule1 {padding:0px;background: linear-gradient(to bottom, #d4d6e3 0%, #d4d6e3 100%); height: 100%; width: 1px;}
.main_onair_schedule2 {font-size:20px;color:#111111;padding-left:15px;padding-right:10px;vertical-align: top;padding-bottom:15px;font-family:Giants-Regular;}
.main_onair_schedule3 {position:relative;width:8px;height:28px;background-color:#ffffff;margin-left:-19px;margin-top:-38px;}
.main_onair_schedule4 {position:relative;width:8px;height:8px;background-color:#d4d6e3;margin-left:-19px;border-radius:50%;margin-top:-5px;}
.main_onair_schedule5 {position:relative;width:8px;height:8px;background-color:#d4d6e3;margin-left:-19px;border-radius:50%;margin-top:-18px;}
.main_onair_schedule6 {padding-left:10px;vertical-align: top;padding-top:5px;padding-bottom:15px;font-size:16px;}

/* 모바일에서 다른 이미지 보이기 */
@media only screen and (max-width: 1400px) {
	.menu-section {display: none;}
}


@media only screen and (max-width: 1040px) {
	.pc_box {margin-top: -21px;} 
	#mobile_val {padding-left:10px;padding-right:10px;}
	
	.pc_images_rolling {display: none !important;} 
	.mo_images_rolling {display: block !important;}
	
	.main_onair {display: none;}
	.menu-section {display: none;}
	
	.swiper-button-prev {display:none !important;}
	.swiper-button-next {display:none !important;}
	#play-pause-button {display:none;}
	
	.main-swiper-pagination {position: absolute;top:79%;left: 6%;z-index: 20;color:#ffffff;font-size:18px;}
	
	
}
@media only screen and (max-width: 768px) {
	.pc_box {max-width: 100%;margin-left: auto;margin-top: -22px;position:relative;z-index:15;max-width:1400px;} 
	.pc_images_rolling {display: none !important;} 
	.mo_images_rolling {display: block !important;}
}
@media only screen and (min-width: 769px) {
	.pc_box {max-width: 100%;margin-left: auto;margin-top: -22px;position:relative;z-index:15;max-width:1400px;} 
	.pc_images_rolling {display: block !important;} 
	.mo_images_rolling {display: none !important;}
	
	
}



/* 프로모션 */

.promotion_bg {clear:both;width:100%;margin:0 auto;padding-top:60px;padding-bottom:60px;max-width:1400px;background-image:url(/img/txt_promotion.png);background-position:left top 80px;background-repeat:no-repeat;}
.promotion_title1 {float:left;width:380px;padding-top:155px;}
.promotion_title2 {font-size:55px;color:#000000;padding-top:5px;font-weight: 500;font-family:Giants-Regular;}
.promotion_title3 {font-size:22px;color:#666666;padding-top:5px;padding-bottom:30px;}
.promotion_box {width:1020px;overflow:hidden;padding-right:10px;padding-bottom:15px;}

.m_promotion_title1 {display: none;}

.mySwiper2 {display: none;}
.more_box {display:none;}

.more_box {border:1px solid #d6d4e9;text-align:center; font-size: 15px; margin-top:30px;border-radius:5px;background-color:#ffffff;padding-top:10px;padding-bottom:10px;}

@media only screen and (max-width: 1420px) {
	
	.promotion_title1 {float:left;width:25%;padding-top:155px;}
	.promotion_box {max-width:1020px;overflow:hidden;padding-right:10px;padding-bottom:15px;}

}

@media only screen and (max-width: 1370px) {
	
	.promotion_title1 {display: none;}
	.m_promotion_title1 {display: block;}
	
	.m_promotion_title1 {clear:both;width:100%;padding-bottom:20px;}
	.m_promotion_title2 {float:left;font-size:28px;font-weight: 500;color:#000000;padding:0 0 5px 0px; }
	.m_promotion_title2 .text_pr {padding-left: 10px;/*text-indent: 10px; border: 1px solid gray;*/}
	.m_promotion_title3 {clear:both;font-size:24px;color:#666666;}
	
	.promotion_title1 {float:left;width:20%;padding-top:155px;}
	.promotion_box {max-width:100%;width:100%;overflow:hidden;padding-right:10px;padding-bottom:15px;}
	

}

@media only screen and (max-width: 1290px) {
	
	.promotion_title1 {display: none;}
	.m_promotion_title1 {display: block;}

	.m_promotion_title1 {clear:both;width:100%;padding-bottom:20px;}
	.m_promotion_title2 {float:left;font-size:24px;font-weight: 500;color:#000000;padding:0 0 5px 0px; }
	.m_promotion_title2 .text_pr {padding-left: 10px;/*text-indent: 10px; border: 1px solid gray;*/}
	.m_promotion_title3 {clear:both;font-size:17px;color:#666666;}
}

@media only screen and (max-width: 1050px) {
	.promotion_bg {clear:both;width:100%;margin:0 auto;padding-top:20px;max-width:1400px;padding-left:10px;padding-right:10px;padding-bottom:30px;}
	.mySwiper {display: none;}
	.mySwiper2 {display:block;}
}




		
		
/* 방송 */	
		
.tab-content {float:left;width:32%;font-size: 16px;margin-top:50px;} 
.tab-content.active {display: block;} 
.tab_more {float:right;padding-top:5px;}

.tab_title_001 {padding-bottom:10px;}
.tab_title_001_txt {float:left;font-size:25px;font-weight:600;}
.tab_title_001_txt2 {float:left;font-size:25px;font-weight:600;color:#ea2d2d;}

.responsive-container {border:1px solid #d4d6e3;border-top:13px solid #d5d5d5;padding:25px 20px 25px 20px;border-radius:0px 0px 10px 10px;background-color:#f4f4f4;} 
.responsive-container2 {border:1px solid #ff4040;border-top:13px solid #ff4040;padding:25px 20px 25px 20px;border-radius:0px 0px 10px 10px;background-color:#fff8f8;} 


.main_expert-info {float:left;max-width:210px;max-height:120px;overflow:hidden;border:0px solid #111;border-radius:5px;} 
.main_expert-info img {width: 100%;height: auto;border-radius: 5px;} 
.main_expert-info2 {clear:both;width:100%;max-width:400px;height:100%;max-height:240px;overflow:hidden;border-radius: 5px;border:0px solid #111;} 
.main_expert-info2 img {width: 100%;max-width:400px;height:100%;max-height:240px;border-radius: 5px;} 
.main_expert-info2_txt {width:100%;padding-top:20px;min-height:77px;}

.main_expert-info_txt {
  float: left;
  width: calc(100% - 210px - 20px);
  padding-left: 20px;
}

/*메인_ 실시간 방송*/
.main_expert-info3 {clear:both;width:100%;max-width:400px;height:100%;max-height:240px;overflow:hidden;border:0px solid #111;border-radius:5px;} 
.main_expert-info3 img {width: 100%;max-width:400px;height:100%;max-height:240px;border-radius: 5px;} 
.main_expert-txt1 {width:100%;padding-top:10px;min-height:80px;}
.main_expert-txt1_span {font-size:18px;}
 
/*메인_ 실시간 방송(작은 부분)*/
.main_expert-info4 {float:left;max-width:210px;max-height:117px;overflow:hidden;border:0px solid #111;border-radius:5px;} 
.main_expert-info4 img {width: 100%;height: auto;border-radius: 5px;} 

.main_expert-txt2 {float:left;width:185px;padding-left:15px;} 


.expert-card {clear:both;padding-bottom:30px;} 
.expert-time {font-size:15px;color:#666666;}


.main_content_width {float:left;width:2%;}
.content_box_width {max-width:1400px;width:100%;margin:0 auto;}

@media only screen and (max-width: 1210px) {
	.tab-content {clear:both;width:100%; margin-top:30px;padding-left:10px;padding-right:10px;}
	.main_content_width {display:none;}
	.tab_more {display:none;}
	
	.tab_title_001 {padding-bottom:10px; }
	.tab_title_001_txt {float:left;font-size:20px;font-weight:600;}
	.tab_title_001_txt2 {float:left;font-size:20px;font-weight:600;color:#ea2d2d;}
	
	.main_expert-info2 {clear:both;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;border-radius: 5px;border:2px solid #111;} 
	.main_expert-info2 img {width: 100%;max-width:100%;height:100%;max-height:100%;border-radius: 5px;} 
	.main_expert-info2_txt {width:100%;padding-top:15px;min-height:auto;}

	.main_expert-info3 {clear:both;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;border:3px solid #111;border-radius:5px;} 
	.main_expert-info3 img {width: 100%;max-width:100%;height:100%;max-height:100%;border-radius: 5px;} 

	.responsive-container {border:1px solid #d4d6e3;border-top:13px solid #d5d5d5;padding:20px 15px 20px 15px;border-radius:0px 0px 10px 10px;background-color:#f4f4f4;} 
	.responsive-container2 {border:1px solid #ff4040;border-top:13px solid #ff4040;padding:20px 15px 20px 15px;border-radius:0px 0px 10px 10px;background-color:#fff8f8;} 



	.more_box {display:block;}
	
	.main_expert-txt2 {float: left;width: calc(100% - 210px - 20px);padding-left: 20px;} 

	.content_box_width {max-width:1400px;width:100%;margin:0 auto;}


}



/* ===== 주요뉴스 외 게시판 (반응형 전체 CSS) ===== */

.commu_box {
  clear: both;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 50px 0;
  box-sizing: border-box;
}

/* 좌/우 영역 */
.commu_box1 { float: left; width: 920px; }
.commu_box2 { float: right; width: 448px; }

/* 타이틀 */
.commu_title { float: left; width: 100%; border-bottom: 3px solid #cecece; padding-bottom: 20px; }
.commu_title1 { float: left; font-size: 26px; color: #000; font-weight: 600; }
.commu_title2 { float: left; font-size: 16px; color: #666; padding-left: 20px; padding-top: 10px; }

/* 상단 두 박스 래퍼 */
.commu_sbox_round { float: left; width: 100%; }

/* 좌/우 박스 (고정폭 제거 → 유동) */
.commu_sbox  { float: left; width: 100%; max-width: 440px; padding-top: 32px; }
.commu_sbox2 { float: right; width: 100%; max-width: 440px; padding-top: 32px; }

/* 썸네일, 제목, 요약, 날짜 */
.commu_txt1 { text-align: left; }
.commu_txt1 img { width: 100%; height: auto; display: block; border-radius: 10px; }

.commu_txt2 { font-size: 18px; color: #111; padding-top: 15px; line-height: 1.5; }
.commu_txt3 { font-size: 16px; color: #333; padding-top: 10px; line-height: 1.6; }
.commu_txt4 { font-size: 16px; color: #666; padding-top: 10px; }

/* 리스트(작은 카드) 한 행 */
.commu2_box {
  display: flex;
  align-items: flex-start;
  gap: 12px;            /* 이미지-텍스트 간격 */
  width: 100%;
  padding-bottom: 20px;
  box-sizing: border-box;
}

/* 작은 썸네일 영역: 모바일 기준 적당한 고정폭 */
.commu2_txt1 {
  flex: 0 0 140px;      /* 필요 시 100~140px로 조절 */
  max-width: none;
}
.commu2_txt1 img { width: 100%; height: auto; display: block; border-radius: 10px; }

/* 작은 텍스트 영역: 남는 공간 모두 사용 */
.commu2_txt2 {
  flex: 1 1 auto;
  min-width: 0;         /* 말줄임 안정화 */
  padding-left: 0;      /* 기존 padding은 gap으로 대체 */
  max-width: none;
  font-size: 16px;
  color: #111;
  line-height: 1.5;
}
.commu2_txt3 { padding-top: 6px; font-size: 16px; color: #666; }

/* 오른쪽 사이드(시황) */
.commu3_box   { float: left; width: 100%; border-bottom: 3px solid #cecece; padding-bottom: 20px; }
.commu3_title { float: left; font-size: 26px; color: #000; font-weight: 600; }

.commu3_title2 {
  float: left;
  font-size: 16px;
  color: #666;
  padding: 10px 10px;
  height: 250px;
  overflow: hidden;
  line-height: 1.6;
  box-sizing: border-box;
}

.commu3_txt1 { font-size: 18px; color: #111; padding-top: 15px; line-height: 1.5; }
.commu3_txt2 { font-size: 16px; color: #333; padding-top: 10px; line-height: 1.6; }
.commu3_txt3 { font-size: 16px; color: #666; padding-top: 10px; }

/* 시황 목록 라인 (말줄임 + 날짜 우측 정렬) */
.commu3_txt4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #333;
  padding-top: 12px;
  width: 100%;
  gap: 8px;
  box-sizing: border-box;
}
.commu3_txt4_1 {
  flex: 1 1 auto;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  padding-left: 1%;
}
.commu3_txt5 {
  flex: 0 0 auto;
  font-size: 16px; color: #666;
  text-align: right; white-space: nowrap; padding-right: 1%;
}

/* 테이블 기본 */
.my_proc_table th, td { font-size: 18px; font-weight: normal; }

/* ===== 반응형 ===== */

/* 1385px 이하: 한 줄 정리 */
@media only screen and (max-width: 1385px) {
  .commu_box1, .commu_box2 { width: 100%; float: none; padding: 0 10px; }
  .commu_title1 { font-size: 26px; }
  .commu_title2 { font-size: 16px; padding-left: 0; padding-top: 10px; }
}

/* 823px 이하: 폰트/여백/썸네일 폭 조정 */
@media only screen and (max-width: 823px) {
  .commu_sbox, .commu_sbox2 { max-width: 100%; width: 100%; }

  .commu_title1 { font-size: 24px; font-weight: 500; }
  .commu_title2 { font-size: 14px; padding-left: 0; padding-top: 10px; }

  .commu_txt2 { font-size: 17px; }
  .commu_txt3, .commu_txt4 { font-size: 15px; }

  .commu2_txt1 { flex-basis: 110px; }   /* 모바일에서 이미지 조금 더 줄이기 */
  .commu2_txt2 { font-size: 16px; }
  .commu2_txt3 { font-size: 14px; }

  .commu3_box { border-bottom: 2px solid #000; padding-bottom: 10px; }
  .commu3_title { font-size: 24px; font-weight: 500; }
  .commu3_title2 { font-size: 15px; height: 210px; padding: 10px; }

  .commu3_txt1 { font-size: 17px; }
  .commu3_txt2 { font-size: 15px; }
  .commu3_txt3 { font-size: 15px; }

  .commu3_txt4 { font-size: 14px; padding-top: 10px; }
  .commu3_txt4_1 { padding-left: 1%; }
  .commu3_txt5 { font-size: 12px; padding-right: 2%; }
}

/* 480px 이하: 작은 화면 최적화 (오른쪽 여백 제거를 위해 전체 폭 사용) */
@media only screen and (max-width: 480px) {
  .commu_box { padding: 30px 10px; }
  .commu2_txt1 { flex-basis: 100px; }
  .commu_txt2 { font-size: 16px; }
  .commu_txt3, .commu_txt4 { font-size: 14px; }
}




/* 추천상품 */

.recom_box {clear:both;clear:both;width:100%;max-width:1400px;margin:0 auto;padding-top:20px;}


	
	
.swiper-button-prev3 {position: absolute;top: 55%;transform: translateY(-50%);width: 50px;height: 50px;z-index: 50;display: flex;align-items: center;justify-content: center;} 
.swiper-button-next3 {position: absolute;top: 55%;right:0px;transform: translateY(-50%);width: 50px;height: 50px;z-index: 50;display: flex;align-items: center;justify-content: center;}
.swiper-button-prev3 {left: 0px;}

@media only screen and (max-width: 768px) {
	.swiper-button-prev2 {left: 5px;} 
	.swiper-button-next2 {right: 5px;}
}

.swiper-button-prev3::after, .swiper-button-next2::after {font-size: 20px;}


.product_item {
	background-color:#f8f8f8;
    width: 100%;text-align: center;box-sizing: border-box;
	border-top:5px solid #ffffff;border-left:5px solid #ffffff;border-right:5px solid #ffffff;border-radius:10px 10px 0px 0px;
	 /* ✅ 그림자 추가 
    box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.15);*/
	border:1px solid #dfdfdf;
}

/* 버튼 영역 */
.main_button_group {
    display: flex;
    width: 100%;
    margin-top: 0px;

	
}
.main_button_group .a1 {
    flex: 1; /* 50%씩 차지 */
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px 0px 10px 0px;
}

.main_button_group .a2 {
    flex: 1; /* 50%씩 차지 */	
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px 0px 0px 10px;
	
}

.main_button_group .a3 {
    flex: 1; /* 50%씩 차지 */
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px 0px 10px 10px;
}

.main_button_group .btn_edit {			
    background-color:#525252;
	border:1px solid #d4d6e3;
}

.main_button_group .btn_proc_edit {
    background-color: #f6f7fb; /* 수정 버튼 파란색 */
	color:#9560e6;
	border-radius:5px;
	padding:5px;
	border:0px solid #d4d6e3;
}

.main_button_group .btn_view {
    background-color: #f6f7fb; /* 보기 버튼 초록색 */
	color:#9560e6;
	border-radius:5px;
	padding:5px;
	border:0px solid #d4d6e3;
}
.main_button_group .btn_buy_view {
    background-color: #379e04; /* 보기 버튼 초록색 */
	color:#ffffff;
	border:0px;
	
}

.main_button_group .btn_buy_view_all {
    background-color: #443232; /* 보기 버튼 초록색 */
	color:#ffffff;
	border:0px solid #d4d6e3;
	
}

.main_button_group .btn_edit:hover {
    background-color: #000000; /* 수정 버튼 파란색 */
}
.main_button_group .btn_proc_edit:hover {
    background-color: #f8f5fe; /* 수정 버튼 파란색 */
}
.main_button_group .btn_view:hover {
    background-color: #f8f5fe; /* 보기 버튼 초록색 */
}

/* 버튼 영역 */
.main_button_group1 {
    display: flex;
    width: 100%;
    margin-top: 0px;
}
.main_button_group1 .a1 {
    flex: 1; /* 50%씩 차지 */
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px 0px 28px 0px;
}

.main_button_group1 .a2 {
    flex: 1; /* 50%씩 차지 */
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px 0px 0px 8px;
	
}

.main_button_group1 .a3 {
    flex: 1; /* 50%씩 차지 */
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px 0px 28px 8px;
}


.main_button_group1 .btn_edit {
    background-color: #9560e6; /* 수정 버튼 파란색 */
}
.main_button_group1 .btn_view {
    background-color: #ef5158; /* 보기 버튼 초록색 */
}

.main_button_group1 .btn_buy_view {
    background-color: #ef5158; /* 보기 버튼 초록색 */
}

.main_button_group1 .btn_edit:hover {
    background-color: #666666; /* 수정 버튼 파란색 */
}
.main_button_group1 .btn_view:hover {
    background-color: #7d7d7d; /* 보기 버튼 초록색 */
}



	
/* 스케쥴 */


	.main_schedule_box {clear:both;width:100%;max-width:1400px;margin:0 auto;padding-top:80px;}
	.main_schedule_title {width:100%;height:140px;background-color:#c47fd7;border-radius:10px 10px 0px 0px;}
	.main_schedule_title_txt1 {font-size:36px;color:#ffffff;text-align:center;font-weight:bold;padding-top:25px;}
	.main_schedule_title_txt2 {font-size:16px;color:#ffffff;text-align:center;padding-top:10px;}

	.main_schedule_sbox {padding:35px;border:1px solid #d4d6e3;}


.schedule-table {width: 100%;border-top: 2px solid #dfdfdf;border-bottom: 2px solid #dfdfdf;border-collapse: collapse;display: flex;flex-wrap: nowrap;overflow-x: auto; /* 테이블이 넘칠 때 가로 스크롤 활성화 */}
.schedule-cell {text-align: center;width: 90px;padding: 10px;cursor: pointer;box-sizing: border-box;font-size:14px;}



/* 반응형 디자인을 위한 미디어 쿼리 */
@media (max-width: 768px) {
    .schedule-table {width: 100%;display: block;overflow-x: scroll;white-space: nowrap;}
    .schedule-cell {display: inline-block;min-width: 70px;font-size: 14px;}
    .arrow-left, .arrow-right {display: block;position: absolute;top: 50%;transform: translateY(-50%);}
	
	.main_schedule_title_txt1 {font-size:26px;color:#ffffff;text-align:center;font-weight:bold;padding-top:20px;}
	.main_schedule_title_txt2 {font-size:14px;color:#ffffff;text-align:center;padding-top:10px;}
	
}

@media (max-width: 480px) {
    .schedule-table {display: block;overflow-x: scroll;}
    .schedule-cell {display: inline-block;min-width: 50px;  /* 셀 크기 더욱 줄이기 */font-size: 12px;}
    .arrow-left, .arrow-right {display: block;}
}

.schedule_info_box {padding:35px;border-left:1px solid #d4d6e3;border-right:1px solid #d4d6e3;border-bottom:1px solid #d4d6e3;border-radius:0px 0px 15px 15px;}

.schedule_info1 {float:left;width:420px;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;}
.schedule_info2 {float:left;width:420px;margin-left:33px;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;}
.schedule_info3 {float:left;width:420px;margin-left:33px;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;}

@media (max-width: 1430px) {
.schedule_info1 {float:left;width:32%;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;}
.schedule_info2 {float:left;width:32%;margin-left:1.5%;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;}
.schedule_info3 {float:left;width:32%;margin-left:1.5%;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;}

}

@media (max-width: 1200px) {
	.schedule_info1 {float:left;width:100%;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;margin-bottom:40px;}
	.schedule_info2 {float:left;width:100%;margin-left:0%;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;margin-bottom:40px;}
	.schedule_info3 {float:left;width:100%;margin-left:0%;height:185px;border:1px solid #d4d6e3;border-radius:0px 15px 15px 15px;background-color:#f6f7fb;margin-bottom:0px;}
}