.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;}
}
				
/* =========================
   메인 슬라이더 전체
   - 방송보기 라인 기준으로 왼쪽 고정
   - 헤더/메뉴 폭과 맞추기 위해 --layout-width 사용
========================= */
.pc_box{
    --layout-width: 1530px;   /* 헤더 내부 폭과 다르면 이 값만 바꾸세요 */
    --swiper-width: 959px;
    --mv-left: 60px;

    width:100% !important;
    max-width:var(--layout-width) !important;
    margin:0 auto 28px auto !important;
    padding:0 !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    box-sizing:border-box !important;
    clear:both !important;
    position:relative !important;
}

.pc_box::after{
    content:"";
    display:block;
    clear:both;
}

.pc_box .mainSwiper{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:var(--swiper-width) !important;
    height:512px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    flex:0 0 var(--swiper-width) !important;
    min-width:0 !important;
}

/* swiper 기본 */
.pc_box .mainSwiper .swiper-wrapper,
.pc_box .mainSwiper .swiper-slide{
    width:100% !important;
    height:100% !important;
}

.pc_box .mainSwiper .swiper-slide{
    position:relative !important;
    overflow:hidden !important;
}

/* 가독성용 오버레이 */
.pc_box .mainSwiper .swiper-slide::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
}

/* =========================
   텍스트 박스
========================= */
.pc_box .mainSwiper .swiper_txtbox{
    position:absolute !important;
    top:45% !important;
    left:var(--mv-left) !important;
    transform:translateY(-50%) !important;
    width:min(62%, 700px) !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    z-index:2 !important;
    box-sizing:border-box !important;
}

.pc_box .mainSwiper .swiper_txt_t1{
    margin:0 !important;
    color:#ffffff !important;
    font-size:45px !important;
    line-height:1.2 !important;
    text-align:left !important;
    word-break:keep-all !important;
    white-space:nowrap !important;
    letter-spacing:-0.02em !important;
    text-shadow:0 2px 8px rgba(0,0,0,0.45) !important;
}

.pc_box .mainSwiper .swiper_txt_t2{
    margin:0 !important;
    padding-top:10px !important;
    color:#ffffff !important;
    font-size:62px !important;
    line-height:1.12 !important;
    font-family:'Giants-Bold' !important;
    text-align:left !important;
    word-break:keep-all !important;
    white-space:nowrap !important;
    letter-spacing:-0.03em !important;
    text-shadow:0 2px 10px rgba(0,0,0,0.50) !important;
}

.pc_box .mainSwiper .swiper_txt_t3{
    margin:0 !important;
    padding-top:12px !important;
    color:#ffffff !important;
    font-size:22px !important;
    line-height:1.4 !important;
    text-align:left !important;
    word-break:keep-all !important;
    white-space:normal !important;
    letter-spacing:-0.02em !important;
    text-shadow:0 2px 8px rgba(0,0,0,0.45) !important;
}

/* PC에서도 br 적용 */
.pc_box .mainSwiper .swiper_txt_t3 br{
    display:block !important;
}

/* =========================
   페이지네이션
========================= */
.pc_box .mainSwiper .main-swiper-pagination{
    position:absolute !important;
    left:var(--mv-left) !important;
    bottom:35px !important;
    z-index:20 !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    color:#ffffff !important;
    font-size:18px !important;
    line-height:1 !important;
}

.pc_box .mainSwiper .swiper-pagination-current{
    color:#ffffff !important;
    font-weight:700 !important;
    font-size:22px !important;
}

.pc_box .mainSwiper .swiper-pagination-total{
    color:#ffffff !important;
    font-size:22px !important;
}

/* =========================
   이전 / 일시정지 / 다음
========================= */
.pc_box .mainSwiper .main-swiper-controls{
    position:absolute !important;
    left:calc(var(--mv-left) + 64px) !important;
    bottom:30px !important;
    z-index:26 !important;
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
}

.pc_box .mainSwiper .main-swiper-controls .swiper-button-prev,
.pc_box .mainSwiper .main-swiper-controls .swiper-button-next,
.pc_box .mainSwiper .main-swiper-controls #play-pause-button{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
}

.pc_box .mainSwiper .main-swiper-controls .swiper-button-prev::after,
.pc_box .mainSwiper .mainSwiper .main-swiper-controls .swiper-button-next::after{
    display:none !important;
}

.pc_box .mainSwiper .main-swiper-controls .swiper-button-prev::after,
.pc_box .mainSwiper .main-swiper-controls .swiper-button-next::after{
    display:none !important;
}

.pc_box .mainSwiper .main-swiper-controls .swiper-button-prev img,
.pc_box .mainSwiper .main-swiper-controls .swiper-button-next img,
.pc_box .mainSwiper .main-swiper-controls #play-pause-button img{
    display:block !important;
    width:20px !important;
    height:auto !important;
}

/* =========================
   1400 이하
========================= */
@media (max-width:1400px){
    .pc_box{
        max-width:calc(100% - 24px) !important;
    }
}

/* =========================
   1200 이하
========================= */
@media (max-width:1200px){
    .pc_box{
        margin-bottom:24px !important;
    }

    .pc_box .mainSwiper{
        --mv-left: 120px;
        width:100% !important;
        max-width:var(--swiper-width) !important;
        flex:0 0 var(--swiper-width) !important;
        height:500px !important;
    }

    .pc_box .mainSwiper .swiper_txtbox{
        width:calc(100% - 220px) !important;
        max-width:620px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t1{
        font-size:38px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t2{
        font-size:54px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t3{
        font-size:20px !important;
    }

    .pc_box .mainSwiper .main-swiper-pagination{
        bottom:20px !important;
    }

    .pc_box .mainSwiper .main-swiper-controls{
        bottom:8px !important;
    }
}

/* =========================
   1050 이하
========================= */
@media (max-width:1050px){
    .pc_box{
        width:100% !important;
        max-width:100% !important;
        margin-bottom:26px !important;
    }

    .pc_box .mainSwiper{
        --mv-left: 88px;
        width:100% !important;
        max-width:100% !important;
        flex:1 1 auto !important;
        height:514px !important;
    }

    .pc_box .mainSwiper .swiper_txtbox{
        width:calc(100% - 150px) !important;
        max-width:none !important;
    }

    .pc_box .mainSwiper .swiper_txt_t1{
        font-size:32px !important;
        white-space:normal !important;
    }

    .pc_box .mainSwiper .swiper_txt_t2{
        font-size:46px !important;
        white-space:normal !important;
    }

    .pc_box .mainSwiper .swiper_txt_t3{
        font-size:18px !important;
        white-space:normal !important;
    }

    .pc_box .mainSwiper .swiper_txt_t3 br{
        display:block !important;
    }

    .pc_box .mainSwiper .main-swiper-pagination{
        left:88px !important;
        bottom:18px !important;
    }

    .pc_box .mainSwiper .main-swiper-controls{
        left:150px !important;
        bottom:76px !important;
    }
}

/* =========================
   모바일
========================= */
@media (max-width:768px){
    .pc_box{
        margin-bottom:22px !important;
    }

    .pc_box .mainSwiper{
        --mv-left: 24px;
        height:308px !important;
    }

    .pc_box .mainSwiper .swiper_txtbox{
        left:24px !important;
        right:20px !important;
        width:auto !important;
        max-width:none !important;
    }

    .pc_box .mainSwiper .swiper_txt_t1{
        font-size:22px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t2{
        font-size:34px !important;
        padding-top:8px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t3{
        font-size:15px !important;
        line-height:1.4 !important;
        padding-top:8px !important;
    }

    .pc_box .mainSwiper .main-swiper-pagination{
        left:34px !important;
        bottom:16px !important;
        font-size:15px !important;
    }

    .pc_box .mainSwiper .swiper-pagination-current,
    .pc_box .mainSwiper .swiper-pagination-total{
        font-size:18px !important;
    }

    .pc_box .mainSwiper .main-swiper-controls{
        left:82px !important;
        bottom:37px !important;
    }

    .pc_box .mainSwiper .main-swiper-controls .swiper-button-prev,
    .pc_box .mainSwiper .main-swiper-controls .swiper-button-next,
    .pc_box .mainSwiper .main-swiper-controls #play-pause-button{
        width:30px !important;
        height:30px !important;
    }

    .pc_box .mainSwiper .main-swiper-controls .swiper-button-prev img,
    .pc_box .mainSwiper .main-swiper-controls .swiper-button-next img,
    .pc_box .mainSwiper .main-swiper-controls #play-pause-button img{
        width:18px !important;
    }
}

/* =========================
   작은 모바일
========================= */
@media (max-width:480px){
    .pc_box{
        margin-bottom:18px !important;
    }

    .pc_box .mainSwiper{
        --mv-left: 18px;
        height:310px !important;
    }

    .pc_box .mainSwiper .swiper_txtbox{
        left:18px !important;
        right:18px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t1{
        font-size:18px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t2{
        font-size:28px !important;
    }

    .pc_box .mainSwiper .swiper_txt_t3{
        font-size:13px !important;
    }

    .pc_box .mainSwiper .main-swiper-pagination{
        left:18px !important;
    }

    .pc_box .mainSwiper .main-swiper-controls{
        left:68px !important;
    }
}


/* ===== index.php extracted inline style blocks ===== */

/* ===== extracted block 1 from index.php ===== */
/* ------------------------------
			   기존 리스트/카드 CSS (당신 코드 기반)
			------------------------------ */
			#youtube-container .ytbox-container{
			  width:100%;
			  max-width:1400px;
			  margin:0 auto;
			  display:grid;
			  gap:14px;
			  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
			}
			#youtube-container .ytbox-item{
			  display:grid;
			  grid-template-columns: 50% 50%;
			  gap:12px;
			  align-items:start;
			  padding:10px 0 20px;
			}
			#youtube-container .ytbox-thumb{
			  width:100%;
			  aspect-ratio:16/9;
			  border-radius:8px;
			  object-fit:cover;
			  transition:transform .2s ease-in-out;
			}
			#youtube-container .ytbox-thumb:hover{ transform:scale(1.03); }

			#youtube-container .ytbox-title{
			  font-size:15px;
			  line-height:1.35;
			  text-align:left;
			  margin:2px 0 6px;
			  display:-webkit-box;
			  -webkit-box-orient:vertical;
			  -webkit-line-clamp:2;
			  overflow:hidden;
			}
			#youtube-container .ytbox-info{
			  font-size:13px;
			  text-align:left;
			  color:#777;
			  margin-top:2px;
			}
			#youtube-container .ytbox-text{ min-width:0; }

			@media (max-width: 640px){
			  #youtube-container .ytbox-container{ grid-template-columns: 1fr; }
			  #youtube-container .ytbox-item{
				grid-template-columns: 1fr;
				padding:5px 0 10px;
			  }
			}

			/* ------------------------------
			   ✅ 모달(오버레이) CSS
			------------------------------ */
			.ytm-overlay{
			  position:fixed;
			  inset:0;
			  background:rgba(0,0,0,.72);
			  display:none;
			  align-items:center;
			  justify-content:center;
			  z-index:99999;
			  padding:16px;
			}
			.ytm-overlay.is-open{ display:flex; }

			.ytm-dialog{
			  width:min(980px, 100%);
			  background:#111;
			  border-radius:12px;
			  overflow:hidden;
			  box-shadow:0 10px 40px rgba(0,0,0,.5);
			}

			.ytm-header{
			  display:flex;
			  align-items:center;
			  justify-content:space-between;
			  padding:10px 12px;
			  background:#0b0b0b;
			  border-bottom:1px solid rgba(255,255,255,.08);
			}
			.ytm-title{
			  color:#fff;
			  font-size:14px;
			  font-weight:700;
			  line-height:1.2;
			  overflow:hidden;
			  text-overflow:ellipsis;
			  white-space:nowrap;
			  padding-right:10px;
			}
			.ytm-close{
			  appearance:none;
			  border:0;
			  background:transparent;
			  color:#fff;
			  font-size:20px;
			  width:40px;
			  height:40px;
			  cursor:pointer;
			  border-radius:8px;
			}
			.ytm-close:hover{ background:rgba(255,255,255,.08); }

			.ytm-body{ padding:0; }
			.ytm-ratio{
			  position:relative;
			  width:100%;
			  aspect-ratio:16/9;
			  background:#000;
			}
			.ytm-ratio iframe{
			  position:absolute;
			  inset:0;
			  width:100%;
			  height:100%;
			}

			/* 모바일에서 여백 줄이고 꽉 차게 */
			@media (max-width: 640px){
			  .ytm-overlay{ padding:10px; }
			  .ytm-dialog{ border-radius:10px; }
			  .ytm-title{ font-size:13px; }
			}

/* ===== extracted block 2 from index.php ===== */
.star {
					display: inline-block;
					width: 16px;
					height: 16px;
					background-color: #ccc;
					clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
					margin-right: 2px;
				}

				.star.full {
					background-color: gold; /* 꽉 찬 별 */
				}

				.star.half {
					background: linear-gradient(90deg, gold 50%, #ccc 50%); /* 반 별 */
				}

				.star.empty {
					background-color: #ccc; /* 빈 별 */
				}
			
					/* 기본 스타일 */
					.review-item {
						display: flex;
						flex-direction: column;
						padding: 15px;
						margin-bottom: 20px;
						border-bottom: 1px solid #ddd;
					}

					.profile-img {
						width: 100%;
						max-width: 90px;
						margin-bottom: 10px;
						display: flex;
						justify-content: center;
					}

					.review-details {
						display: flex;
						flex-direction: column;
					}

					.meta-rating {
						font-size: 16px;
					}

					.meta-info {
						font-size: 12px;
						padding-top: 15px;
					}

					.meta-writer, .meta-date {
						display: inline-block;
						margin-right: 10px;
					}

					/* 모바일 반응형 */
					@media (max-width: 768px) {
						.review-item {
							flex-direction: column;
							text-align: center;
						}

						.profile-img {
							max-width: 80px;
							margin:0 auto;
						}

						.review-details {
							padding-top: 10px;
						}

						.meta-rating {
							font-size: 14px;
						}

						.meta-info {
							font-size: 12px;
						}
					}

					/* 태블릿 및 데스크탑 반응형 */
					@media (min-width: 768px) {
						.review-item {
							flex-direction: row;
							justify-content: flex-start;
						}

						.profile-img {
							margin-right: 20px;
						}

						.review-details {
							text-align: left;
						}
					}
					.one-line-subject {
						display: block;
						max-width: 90%;
						white-space: nowrap;      /* 줄바꿈 금지 */
						overflow: hidden;         /* 넘친 내용 숨김 */
						text-over표시: ellipsis;  /* 말줄임표 (...) */
					}

/* ===== extracted block 3 from index.php ===== */
.custom-first-slide {	
		  /*border:5px solid #233870 !important; /* 예제: 첫 번째 슬라이드 배경색 변경 */
		 
		}

/* ===== extracted block 4 from index.php ===== */
/* =========================
   SECTION SPACING
========================= */
.main_schedule_box{
  padding-top:30px;
  padding-bottom:40px;
}

/* =========================
   최신 상품 영역(섹션 느낌)
========================= */
.pax-prod-wrap{
  margin-top:24px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:22px;
  padding:22px 22px 26px;
  background:linear-gradient(180deg, rgba(122,68,255,.04), rgba(0,0,0,0));
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

/* ====== HEAD ====== */
.pax-prod-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:35px;
  margin-bottom:20px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(0,0,0,.06);
}

.pax-prod-titlebox{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* 메인 타이틀 */
.pax-prod-title{
  font-weight:600;
  font-size:25px;
  letter-spacing:-0.4px;
  color:#1a1a1a;
  line-height:1.5;
  position:relative;
  padding-left:14px;
  padding-top:10px;
}



/* 서브 문구 */
.pax-prod-sub{
  font-size:18px;
  font-weight:500;
  color:#666666;
  padding-left:14px;
  letter-spacing:-1px;
}

/* 전체보기 버튼 */
.pax-prod-more{
  font-weight:900;
  font-size:13px;
  text-decoration:none;
  color:#7A44FF;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(122,68,255,.08);
  border:1px solid rgba(122,68,255,.18);
  transition:all .15s ease;
  white-space:nowrap;
}
.pax-prod-more:hover{
  background:rgba(122,68,255,.14);
  transform:translateY(-1px);
}

/* ====== GRID ====== */
/* PC 3 / Tablet 2 / Mobile 1 */
.pax-prod-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:25px;
}

/* ====== CARD ====== */
.pax-prod-card{
  position:relative;
  display:block;
  text-decoration:none;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 18px rgba(0,0,0,.05);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.pax-prod-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.09);
  border-color:rgba(122,68,255,.22);
}

/* ✅ 이미지 영역: 상단만 둥글게 (카드 상단 모서리와 동일) */
.pax-prod-thumb{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  background:rgba(0,0,0,.03);

  /* 핵심 1) 여기서 마스킹 */
  overflow:hidden;

  /* 핵심 2) 카드 상단 라운드와 동일하게 */
  border-radius:16px 16px 0 0;

  /* hover 확대 시 미세 깨짐 방지(브라우저 렌더링) */
  transform:translateZ(0);
}

/* 핵심 3) get_it_image2()가 감싸는 래퍼까지 radius 상속 */
.pax-prod-thumb *{
  border-radius:inherit;
}

/* img가 래퍼 안에 있어도 꽉 차게 */
.pax-prod-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
 
  transform:scale(1.01);
  transition:transform .18s ease;

  /* 렌더링 안정화 */
  backface-visibility:hidden;
  will-change:transform;
}

.pax-prod-card:hover .pax-prod-thumb img{
  transform:scale(1.05);
}


/* NEW 배지 */
.pax-prod-badge{
  position:absolute;
  top:17px;
  left:17px;
  z-index:2;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  color:#fff;
  background:linear-gradient(135deg, #7A44FF, #ef5158);
  box-shadow:0 10px 16px rgba(122,68,255,.18);
  letter-spacing:-0.1px;
}

/* 본문 */
.pax-prod-body{
  padding:12px 12px 14px;
}
.pax-prod-name{
  font-weight:500;
  font-size:20px;
  line-height:1.5;
  letter-spacing:-0.2px;
  color:rgba(0,0,0,.86);
  word-break:break-word;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:36px;
}
.pax-prod-desc{
  margin-top:1px;
  font-size:16px;
  color:rgba(0,0,0,.56);
  line-height:1.45;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
}

/* ✅ 수강기간 라인 */
.pax-prod-period{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 0px;
  border-radius:12px;
}
.pax-prod-period-label{
  flex:0 0 auto;
  font-size:13px;
  font-weight:900;
  color:#4b2bd6;
  padding:10px 10px;
  border-radius:999px;
  background:rgba(122,68,255,.12);
  line-height:1;
  white-space:nowrap;
  margin-top:-8px;
}
.pax-prod-period-text{
  font-size:14px;
  font-weight:700;
  color:rgba(0,0,0,.72);
  line-height:1.35;
  word-break:break-word;
}


/* 가격 */
.pax-prod-price{
  margin-top:10px;
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.pax-prod-old{
  font-size:15px;
  color:rgba(0,0,0,.48);
  text-decoration:line-through;
}
.pax-prod-sale{
  font-size:15px;
  font-weight:950;
  color:#ef5158;
  background:rgba(239,81,88,.10);
  border:1px solid rgba(239,81,88,.18);
  padding:4px 8px;
  border-radius:999px;
  line-height:1;
}
.pax-prod-final{
  font-size:18px;
  font-weight:600;
  color:#4b2bd6;
  letter-spacing:-0.2px;
  text-shadow:0 6px 16px rgba(122,68,255,.14);
}

.pax-prod-empty{
  grid-column:1 / -1;
  padding:10px 0;
  color:rgba(0,0,0,.55);
  font-size:13px;
}

/* 반응형 */
@media (max-width: 980px){
  .pax-prod-list{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
	.main_schedule_box {padding-left:10px;padding-top:0px;padding-bottom:0px;padding-right:10px;}
  .pax-prod-wrap{ padding:14px; border-radius:16px; }
  .pax-prod-title{ font-size:18px; }
  .pax-prod-sub{ font-size:12px; }
  .pax-prod-head{ margin-bottom:16px; padding-bottom:10px; }
  .pax-prod-list{ grid-template-columns:repeat(1, minmax(0, 1fr)); gap:12px; }
  .pax-prod-name{ font-size:15px; }
  .pax-prod-final{ font-size:17px; }
  
  .pax-prod-period{ padding:9px; }
  .pax-prod-period-label{ font-size:12px; padding:6px 9px; }
  .pax-prod-period-text{ font-size:13px; }
  
}

/* ===== extracted block 5 from index.php ===== */
.price-box {
  display: inline-flex;
  align-items: center; /* 수직 가운데 정렬 */
  gap: 6px; /* 두 요소 사이 간격 */
  padding-left:12px;
}

.old-price {
  font-size: 13px;
  font-family: 'Giants-Regular';
  color: #444444;
  line-height: 1; /* 줄 높이 균일 */
  vertical-align: middle;
  font-weight:normal;
}

.sale-price {
  font-size: 13px;
  font-family: 'Giants-Regular';
  color: #ef5158;
  line-height: 1;
  vertical-align: middle;
}