@charset "utf-8";

#loadings {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;z-index: 999999;}
#loadings_spin {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid rgba(0, 0, 0, .1); /* 컬러 */
    border-radius: 50%;
    border-top-color: #a98bd6; /* 컬러 */
    animation: spin 0.5s ease-in-out infinite;
    -webkit-animation: spin 0.5s ease-in-out infinite;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/* 공통 { */
main {width: 100%; background-color: #fff; height:100%;}
label {word-break: keep-all !important;}
#header {border-bottom: 0px; padding-top: 0px;  position: fixed; top:0px; left: 0px; width: 100%; z-index: 198;background-color:#f9f9f9;}
.main_sec1 {margin-bottom: 50px; box-sizing: border-box;}
.no_data {padding-top: 80px !important; padding-bottom: 110px !important; text-align: center; line-height: 140%; margin-top: 30px; border-bottom: 1px solid #eee; color:#999; border-top:0px !important;}
/* } */

/* { */
.inner {width: 1400px; margin: 0 auto;}
.index {width: 1400px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.sub {margin: 0 auto; padding-top: 50px; padding-bottom: 70px; min-height: 150px;}
/* } */

/* 헤더 { */
.gnb_wrap ul {float:left; line-height: 40px;}
.gnb_wrap nav {float:left; line-height: 40px;}
.gnb_wrap nav a {font-size: 16px; line-height: 40px; display: block; float:left;}
.gnb_wrap .tog_wrap {margin-right: 10px;margin-top:0px;margin-left:0px;z-index:1000;position: relative;}
.gnb_wrap .logo_wrap {margin-left:5px;margin-right: 60px; position: relative;}
.beta_ico {position: absolute; top:12px; right:-40px; color:#fff; background-color:#a98bd6; font-size: 8px; line-height: 15px; padding-left: 5px; padding-right: 5px; border-radius: 15px;}
.gnb_wrap #logo_img .responsive-image {height:40px;}
.gnb_wrap nav a:hover {color:#a98bd6}
.gnb_wrap .snb_wrap {float:right;}
.gnb_wrap .snb_wrap li {float:left;}
.gnb_wrap .snb_wrap .member_info_wrap {font-size: 14px; color:#666; margin-left: 30px;}
.gnb_wrap .snb_wrap .member_info_wrap a {color:#666;}
.gnb_wrap .snb_wrap .member_info_wrap span {color:#25282B;}
.gnb_wrap .snb_wrap .member_info_wrap a span {color:#a98bd6} 
.gnb_wrap .snb_wrap .qm_wrap {position: relative;}
.gnb_wrap .snb_wrap .qm_wrap button {padding-left: 10px; padding-right: 10px; position: relative; float:left; margin-top: 10px;}
.gnb_wrap .snb_wrap .qm_wrap button span {background-color: #a98bd6; color:#fff; font-size: 10px; border-radius: 4px; position: absolute; top:-7px; left:20px; line-height: 18px; padding-left: 5px; padding-right: 5px;}
.gnb_wrap .snb_wrap .qm_wrap a {padding-left: 10px; padding-right: 10px; position: relative; float:left; line-height: 23px; width: 40px; box-sizing: border-box; margin-top: 12px; color:#000;}
.gnb_wrap .snb_wrap .qm_wrap a svg path {fill:#25282B;}
.gnb_wrap .snb_wrap .qm_wrap a span {background-color: #a98bd6; color:#fff; font-size: 10px; border-radius: 4px; position: absolute; top:-7px; left:20px; line-height: 18px; padding-left: 5px; padding-right: 5px;}

.gnb_wrap .snb_wrap .my_btn_wrap {margin-left: 40px;}
.gnb_wrap .inner {box-sizing: border-box;}
.gnb_wrap #ol_after_scrap {margin-top: 10px;}
/* } */

/* 검색창 { */
#search_box_wrap {display: none; position: absolute; top: 55px; left: 0px; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05); width: 400px; box-sizing: border-box; background-color: #fff; padding-bottom: 20px;}
#search_box_wrap ul {position: relative; float:none; display: block; line-height: 100%;}
#search_box_wrap ul.pt20 {padding-top: 30px;}
#search_box_wrap ul li select {height:35px; border-radius: 6px; padding-left: 15px; padding-right: 15px;}
#search_box_wrap li {float:none; display: block; line-height: 100%;}
#search_box_wrap .ser_inner_btn {position: absolute; top:9px; right:20px;}
#search_box_wrap .ser_ul_pd {padding: 10px 30px 5px 30px;}
#search_box_wrap .ser_ul_pd .ser_label {float:none; background-color: #f1f1f1; padding-top: 8px; padding-bottom: 8px; font-size: 13px; border-radius: 4px; margin-top: 0px; display: inline-block; vertical-align: top; width: auto; line-height: 100%; margin-top: 5px;}
#search_box_wrap .ser_ul_pd .ser_label b {color:#a98bd6;}
#search_box_wrap ul input.w100 {padding-right: 60px; box-sizing: border-box; border:0px !important; border-bottom: 1px solid #eee !important; height:60px; border-radius: 10px 10px 0px 0px; background-color: #f9f9f9; color:#a98bd6; padding-left: 30px;}
#search_box_wrap ul input.w100::placeholder {color:#999;}
#search_box_wrap ul button svg path {fill:#000 !important;}
#search_top_btn.ser_open svg path {fill:#a98bd6;}
#search_top_btn:hover {opacity: 0.8}
/* } */


/* 메뉴 { */
.cbp-hrmenu {width: auto;padding-left:0px;}
.cbp-hrmenu > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;margin: 0 auto;padding-top:5px;}
.cbp-hrmenu > ul > li {display: inline-block; padding-left: 20px; padding-right: 50px;}
.cbp-hrmenu > ul > li > a {font-size:20px;color:#ffffff;border-bottom:0px solid #ffffff;}
.cbp-hrmenu > ul > li > a:hover {color:#a98bd6;}
.cbp-hrmenu > ul > li.cbp-hropen a {color:#a98bd6;}
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#a98bd6;border-bottom:0px solid #a98bd6;} 
.hrmenu_right {float:right;padding-top:5px;padding-right:20px;}

.cbp-hrmenu .cbp-hrsub {display: none;position: absolute;background: #fff !important; margin-left: 0px; top:214px;border:2px solid #d8d8d8;border-radius:0px 0px 15px 15px;border-top:0px;  max-width:1400px;width:100%;}
.cbp-hropen .cbp-hrsub {display: block;padding-bottom: 30px; padding-top: 30px; padding-left: 40px; padding-right: 40px;}
.cbp-hrmenu .cbp-hrsub-inner > div {min-width: 150px;float: left;padding: 0 0px 0px 0px;}
.cbp-hrmenu .cbp-hrsub-inner > div > ul {float:none;}
.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {content: " ";display: table;}
.cbp-hrmenu .cbp-hrsub-inner:after {clear: both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {line-height: 130%;color:#999 !important;font-size: 14px;  padding-top: 7px; padding-bottom: 7px; word-break: keep-all; display: block; width: 100%;}
.cbp-hrmenu .cbp-hrsub-inner > div a:hover{color:#000 !important;}
.cbp-hrsub h4 {color: #000;padding: 0px 0 15px;margin: 0;font-size: 18px;line-height: 130%;}

.cbp-hrmenu-btm {position: fixed; top:0px; left: -100%; width: 100%; background-color: #fff; z-index: 98; height:100%; box-shadow: 10px 10px 20px rgba(0,0,0,0.05); overflow-y: scroll; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.cbp-hrmenu-btm > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;padding: 0;}
.cbp-hrmenu-btm > ul > li {display: block;border-bottom: 1px solid #eee; padding-left: 0px; padding-right: 0px; text-indent: 20px;width: 100%; line-height: 55px; font-size: 18px;}
/*.cbp-hrmenu-btm > ul > li > a { display: block;padding: 0; width: 100%; line-height: 60px; font-size: 18px;}*/
.cbp-hrmenu-btm .cbp-hrsub { position: relative;}
.cbp-hrmenu-btm .cbp-hrsub h4 {padding-top:20px; font-size: 16px;}

.cbp-hrmenu-btm .cbp-hrsub-inner > div {width: 100%;float: none;padding: 0;}

.cbp-hrmenu-btm .cbp-hropen .cbp-hrsub {padding-top: 0px; margin-left: 0px; border-radius: 0px; box-shadow: none; top: auto; max-width: inherit; padding-left: 0px; padding-right: 0px;}
.cbp-hrmenu-btm a {float:none; }
.cbp-hrmenu-btm ul {float:none;}
.cbp-hrmenu-btm .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}
.cbp-hrmenu-btm .cbp-hrsub-inner > div  {padding-left: 0px; padding-right: 0px; padding-bottom: 20px;}
.cbp-hrmenu-btm .cbp-hrsub ul li a {padding-top: 5px; padding-bottom: 5px; display: block; font-size: 16px;}

.cbp-hrmenu-btm.active {left: 0%;}
#m_gnb_close_btn {position: fixed; top:20px; right:0px; z-index: 99; display: none; background-color: transparent; width:80px; height:80px;}
#m_gnb_close_btn img {width: 65px;}
#m_gnb_close_btn.active {display: block;}
/* } */

/* 핫픽 박스 */
#newsContainer {display: flex;align-items: center;width: 100%;max-width: 100%;height: 40px;overflow: hidden;position:relative;max-width: 1400px; margin: 0 auto; }
/* 왼쪽 타이틀 */ 
.ticker-title {padding-left:25px;padding-right:20px;} 
/* 뉴스 박스 */ 
.news-wrapper { padding-left:20px;flex: 1; overflow: hidden; height: 40px; display: flex; align-items: center; position: relative; } 
/* 뉴스 리스트 */ 
#newsTicker { list-style: none; padding: 0; margin: 0; width: 100%; height: 40px; position: relative; } 
/* 개별 뉴스 항목 */ 
#newsTicker li { width: 100%; height: 40px; line-height: 40px; text-align: left; padding-left: 10px; font-size: 16px; white-space: nowrap; position: absolute; left: 0; opacity: 0; transform: translateY(100%); transition: transform 0.8s ease-in-out, opacity 0.5s ease-in-out; } 

#newsTicker .ico_val {line-height:22px;margin-top:8px;}

/* 반응형 (모바일 대응) */ 
@media (max-width: 768px) { 
	#newsContainer { height: 32px; } 
	.ticker-title { height: 32px; line-height: 30px; font-size: 14px; padding: 0 10px; } 
	.news-wrapper { height: 32px; } 
	#newsTicker li { height: 32px; line-height: 30px; font-size: 14px;padding-top:4px; } 
	
	#newsTicker .ico_val {line-height:22px;margin-top:4px;}

}


/* 버튼 { */
.btn_round { font-family: 'Escoredream';background-color: #ffffff; border:1px solid #d8d8d8; color:#9560e6; height:40px; border-radius: 5px; padding-left: 20px; padding-right: 20px;}
.btn_round2 { font-family: 'Escoredream';background-color: #9560e6; border:1px solid #9560e6; color:#ffffff; height:40px; border-radius: 5px; padding-left: 20px; padding-right: 20px;}

.arr_bg {background-color: #fff; color:#25282B; border:1px solid #25282B; background-image: url('../rb.img/icon/arr_right.svg'); background-repeat: no-repeat; background-position: center right 20px; padding-right: 40px;}
.tiny_tab_btn {height:24px; background-color: #fff; color:#999; border-radius: 30px; padding-left: 10px; padding-right: 10px; border:1px solid #ddd; font-size: 12px;}
.tiny_tab_btn:hover {border-color:#25282B; color:#25282B}
.tiny_tab_btn.active {border-color:#25282B; color:#25282B}
.btn_round.btn_round_bg {background-color: #a98bd6; border:1px solid #a98bd6; color:#fff; height:40px; border-radius: 40px; padding-left: 25px; padding-right: 25px;}
/* } */

/* 모듈설정OV { */
.content_box {position: relative;}
.content_box .admin_ov {display: none; opacity: 0; position: absolute; top:0px; left: 0px; width: 100%; height:100%; background-color: rgba(255,255,255,0.9); border-radius: 10px; z-index: 97; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);cursor: -moz-progress; cursor: -webkit-progress; cursor:progress }
.content_box .admin_ov .mod_edit {position: relative; width: 100%; height:100%;}
.content_box .admin_ov .mod_edit h2 {font-size: 16px;}
.content_box .admin_ov .mod_edit h2 span {color:#a98bd6;}
.content_box .admin_ov .mod_edit button {margin-top: 5px;}
.content_box .admin_ov .mod_edit h6 {color:#666; font-size: 12px; font-weight: normal; margin-top: 5px; word-break: keep-all; margin-bottom: 15px;}
.content_box_set .admin_ov {display: block;}
.content_box_set:hover .admin_ov {opacity: 1;}
/* } */

/* 모듈박스 { */
.flex_box {display: flex; flex-direction:row; flex-wrap: wrap; list-style-type: none; gap:0px; margin-left: -20px; margin-right: -20px;}
.main_content_left {float:left; width: 70%;}
.main_content_right {floaT:right; width: 30%; padding-left: 50px;}
.content_box {box-sizing: border-box; width: 100%; padding: 20px;}
.add_module_wrap {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}
.add_module_btns {background-color: #f1f1f1; color:#25282B; width: 100%; height:47px; border-radius: 10px; border:0px; margin-bottom: 50px; margin: 0 auto;}
.no_data_section {text-align: center; padding-top: 100px; padding-bottom: 100px; width: 100%; border-radius: 10px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.no_data_section_ul1 {padding-top: 20px; padding-bottom: 20px; font-size: 18px;}
.no_data_section_ul2 {color:#666;}
/* } */

/* 메인광고 { */
.top_ad {position: relative; box-sizing: border-box; cursor: pointer; width: 100% !important; height:auto !important; overflow: hidden;}
.top_ad img {width:100%; height:auto; box-sizing: border-box;}
.ico_ad {position: absolute; top:10px; left: 10px; line-height: 20px; font-size: 10px; color:#fff; background-color: rgba(0,0,0,0.3); border-radius: 4px; padding-left: 7px; padding-right: 7px;}
/* } */

/* 서브광고 { */
.point_ad {position: relative; box-sizing: border-box; cursor: pointer; width: 100%; height:100%; border-radius: 10px; overflow: hidden;}
.point_ad img {width:100%; height:100%; box-sizing: border-box;}
.ico_ad2 {position: absolute; top:10px; right: 10px; line-height: 20px; font-size: 10px; color:#fff; background-color: rgba(0,0,0,0.3); border-radius: 4px; padding-left: 7px; padding-right: 7px;}
/* } */

/* 배너 { */

/* 일반 { */
.default_bn img {box-sizing: border-box;}
.default_bn ul {margin:0px; padding: 0px;}
/* } */

/* 슬라이드 { */
.slide_bn {width: 100% !important; height: auto !important;}
.slide_bn img {box-sizing: border-box;}
.slide_bn .swiper-wrapper {height:auto !important;}


.mb-0 {margin-bottom: 0px !important;}
/* } */

/* 랜덤 { */
.random_bn img {box-sizing: border-box;}
.random_bn ul {margin:0px; padding: 0px;}
/* } */

/* 개별 { */
.each_bn img {box-sizing: border-box;}
/* } */

.bn_border {box-shadow: 0 0 0 1px #ddd, 0 1px 2px 0 rgba(0,0,0,.04);}
.bn_radius {border-radius: 10px;}
/* } */

/* 메인 3버튼 { */
.q_btns {margin-top: -1px;}
.q_btns button {font-size: 15px; background-color: #fff; border:1px solid #ddd; border-radius: 10px; height:47px; width: 100%; margin-top: 12.8px; letter-spacing: -0.5px; box-sizing: border-box;}
.q_btns button:hover {border:1px solid #25282B;}
.q_btns button:first-child {margin-top: 0px;}
.q_btns button i {float:left; margin-top: -2px; margin-right: 10px; margin-left: 20px;}
.q_btns button span {float:left;}
/* } */

/* 컨텐츠 { */
#container_title {color:#999; font-size: 16px; display: block; padding-bottom: 30px;}

.bbs_main_wrap_tit {margin-bottom: 30px;}
.bbs_main_wrap_tit_l {float:left;}
.bbs_main_wrap_tit_l a {font-size: 20px;}
.bbs_main_wrap_tit_r {float:right; position: relative;}
.arr_up_btn {width: 24px; height:24px; border:1px solid #ddd; border-radius: 4px; padding-bottom: 2px;}
.arr_up_btn:hover {border-color: #25282B;}
.arr_down_btn {width: 24px; height:24px; border:1px solid #ddd; border-radius: 4px; padding-bottom: 2px;}
.arr_down_btn:hover {border-color: #25282B;}
.more_btn {height:24px; border:1px solid #ddd; border-radius: 24px; color:#999; padding-left: 10px; padding-right: 10px; font-size: 12px; margin-left: 30px;}
.more_btn:hover {border-color: #25282B; color:#25282B;}
.bbs_main_wrap_con {box-sizing: border-box; position: relative;}
.bbs_main_wrap_con dd {margin-bottom: 10px; position: relative; min-height: 45px;}
.bbs_main_wrap_con dd:last-child {margin-bottom: 0px;}
.bbs_main_wrap_con .bbs_main_wrap_con_ul1 {width: auto; position: absolute; top:0px; left: 0px;}
.bbs_main_wrap_con .bbs_main_wrap_con_ul2 {width: 100%; padding-left: 72px;}
.bbs_main_wrap_con .bbs_main_wrap_con_info {font-size: 12px; color:#999;}
.bbs_main_wrap_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
.bbs_main_wrap_con .bbs_main_wrap_con_cont a {color:#000;}

.ovlay_wrap {}
.prof_image img {width: 52px; height:auto; border-radius: 10px;}
.ovlay {height: 100%; overflow: hidden; box-sizing: border-box;}
.ovlay.active {position: absolute; top:0px; left: 0px; width: 100%; height:auto; background-color: #fff; z-index: 97; padding: 20px; box-sizing: border-box; border:1px solid rgba(0,0,0,0.05); border-radius: 10px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}



.arr_prev_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:120px !important; left: auto !important; padding-bottom: 2px;}
.arr_prev_btn:hover {border-color: #25282B;}
.arr_next_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:90px !important; left: auto !important; padding-bottom: 2px;}
.arr_next_btn:hover {border-color: #25282B;}

.arr_plus_btn {width: 24px !important; height:24px !important; border:1px solid #ddd; border-radius: 4px; top:0px !important; right:90px !important; left: auto !important; padding-bottom: 2px;}
.arr_plus_btn:hover {border-color: #25282B;}

.arr_prev_btn,
.arr_next_btn {
    margin-top: inherit !important;
    display: inherit !important;
    align-items:baseline !important;
    justify-content:flex-end !important;

}

.bbs_main_wrap_point_con {box-sizing: border-box; width: 100%; min-height: 148px;}
.bbs_main_wrap_point_con dd {position: relative;}
.bbs_main_wrap_point_bn {margin-top: 40px;}

.point_list_num {background-color: #aaa; color:#fff; font-size: 10px; line-height: 20px; border-radius: 4px; margin-right: 10px; float:left; text-align: center; width:25px;}
.point_list_name {line-height: 20px; float:left; width: 45%;}
.point_list_point {line-height: 20px; float:right; font-size: 12px;}
.point_list_ch {font-size: 11px; float:right; line-height: 20px; margin-right: 15px;}
.top1_bg {background-color: #a98bd6;}
.top2_bg {background-color: #25282B;}

.bbs_main_wrap_trade_con {box-sizing: border-box; width: 100%}
.bbs_main_wrap_trade_con dd {position: relative;}
.bbs_main_wrap_trade_con dd:last-child {margin-bottom: 0px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ul2 {width: 100%;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_subj {font-size: 16px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 15px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_cont a {color:#666;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 5px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_writer {margin-top: 0px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_writer span {display: inline-block;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ico {margin-bottom: 10px;}
.bbs_main_wrap_trade_con .bbs_main_wrap_con_ico span {display: inline-block;}

.bbs_list_label2 {line-height: 23px; font-size: 12px; border-radius: 4px; padding-left: 7px; padding-right: 7px;}
.bbs_list_label2.label_w1 {background-color: #fff; color:#999; border:1px solid #ddd;;}
.bbs_list_label2.label_w2 {background-color: #fff; color:#25282B; border:1px solid #ddd;}
.bbs_list_label2.label_w3 {background-color: #fff; color:#a98bd6; border:1px solid #ddd;}
/* } */




/* 캡챠 { */
#captcha_info {display: none !important;}
#captcha #captcha_mp3 {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat; border:1px solid #ddd;}
#captcha #captcha_reload {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat 0 -40px; border:1px solid #ddd}
#captcha button:hover {border-color: #000 !important;}
#captcha #captcha_img {border:0px; height:28px; margin-top: 7px; width:auto;}
#captcha #captcha_key {border:1px solid #ddd; font-size: 16px; width:90px; }
#captcha #captcha_key:focus {border:1px solid #000 !important; box-shadow:none;}
#captcha {border:1px solid #ddd; width: auto; padding: 10px; box-sizing: border-box; border-radius: 10px;}
    
#captcha_info {display: none !important;}
#captcha #captcha_mp3 {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat; border:1px solid #ddd}
#captcha #captcha_reload {background: url(../../../theme/rb.basic/rb.img/icon/cp_btn_img.png) no-repeat 0 -40px; border:1px solid #ddd}
#captcha.m_captcha button:hover {border-color: #000 !important;}
#captcha.m_captcha #captcha_img {border:0px; height:28px; margin-top: 7px; width:auto; display:inline;}
#captcha.m_captcha #captcha_key {border:1px solid #ddd; font-size: 16px; background:#fff; height:40px; width:90px; }
#captcha.m_captcha #captcha_key:focus {border:1px solid #000 !important; box-shadow:none;}
#captcha.m_captcha {border:1px solid #ddd; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 6px; text-align:center}

/* } */


/* 기존 스타일 수정 { */

.sv_member .profile_img img {border-radius: 50%; margin-right: 3px; margin-top: -2px;}
.sv_member {font-size: 18px; color:#666666;}
.sv_member:hover {color:#000;}
.sch_word {color:#a98bd6; background: none; padding: 0px; line-height: inherit; margin: 0px;}
.btn_submit {border:0;background:#a98bd6;color:#fff;cursor:pointer;border-radius:3px;font-size:18px;height:50px;}
.btn_submit:hover {background:#a98bd6}
.sv_wrap .sv a {color:#fff !important; font-size: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.1); font-family:'font-R',sans-serif; font-weight: normal;}
.sv_wrap .sv a:first-child {border-top-left-radius: 6px; border-top-right-radius: 6px;}
.sv_wrap .sv a:last-child {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.sv_wrap .sv {margin: 4px 0px; border-radius: 6px; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); z-index: 97;}
.sv_wrap .sv:before {left: 50%; transform: translateX(-50%);}

.new_win #win_title {box-shadow: none; border-bottom: 1px solid #ddd;}
#scrap_do .scrap_tit {font-size: 14px !important; border-radius: 10px; padding: 20px !important; box-sizing: border-box;}
.new_win .win_desc {border-radius: 10px;}
.new_win .win_desc::after {display: none;}
.new_win .btn_submit {font-weight: normal; border-radius: 10px; }
.btn_close {border-radius: 10px; }
.reply_btn {border-radius: 10px !important; font-weight: normal;  line-height: 45px !important;}
.frm_info {display: block; margin-top: 10px; font-size: 12px; color:#999; word-break: keep-all;}

.new_win .win_ul li {border:1px solid #ddd;}
.new_win .win_ul li a {color:#999;}
.new_win .win_ul .selected a {font-weight: normal;}
.new_win .win_ul .selected {background: #a98bd6; border-color: #a98bd6;}
.reply_btn {background: #a98bd6 !important;}
.memo_list .memo_preview a {font-size: 14px !important;}
.memo_list li {padding: 20px 20px !important;}
#memo_list .memo_del {top:20px !important;}
.memo_list .profile_big_img img {border-radius: 10px !important;}
.memo_list .no_read {box-shadow: none !important; background-color: #a98bd6 !important; border:0px !important; width: 14px !important; height:14px !important; bottom:-2px !important; right:-2px !important;}
.memo_list .memo_preview a {padding-top: 5px !important;}
.memo_list .memo_li.memo_name {padding-top: 7px !important;}
.new_win .win_desc i {display: none;}
.new_win .win_total {color:#000; font-weight: normal; font-size: 12px;}
#memo_view p {padding: 20px !important;}
.memo_from li.memo_view_date {font-size: 12px;}
.memo_from li.memo_view_nick {margin-top: 3px;}
.memo_list li.read {background-color: #f9f9f9 !important;}

.pg_wrap {float:none; width: 100%; text-align: center; margin-top: 30px;}
.pg_page {color:#666666; min-width: 40px; height:40px; line-height: 40px; border-radius: 5px; background-color: transparent;}
.pg_current {color: #3b4b8b; border:0px; height:40px; line-height: 40px; min-width: 40px; }

.list_help_wrap {margin-bottom: -30px; margin-top: 20px; background-color: #f9f9f9; padding: 20px; box-sizing: border-box; font-size: 14px; color:#000; border-top-left-radius: 0px; border-top-right-radius: 0px;}

#point .point_status {background-color: #f9f9f9 !important; color:#000 !important;}
#point .point_all .full_li {border: 0px !important;}
#point .point_all {background-color: #a98bd6 !important; border:0px !important; color:#fff !important; border-radius: 10px !important;}
#point .point_all .full_li span {color:#fff !important; font-weight: normal !important; font-family:'Noto Sans KR',sans-serif !important;}
.point_list .txt_expired {font-size: 12px;}
.point_list .point_tit {font-weight: normal !important;}
.point_list .point_date1 {font-size: 12px; color:#999;}
.point_list .point_num {font-weight: normal !important; right:20px !important; font-size: 14px !important; font-family:'Noto Sans KR',sans-serif !important; color:#000 !important;}
.point_list li {padding: 20px !important;}
.point_list .point_num.reds {color:red !important;}
.point_list .point_use {background-color: #f9f9f9 !important;}

#scrap .scrap_datetime {font-size: 12px; color:#999;}
#scrap .scrap_cate {background-color: #f1f1f1 !important; color:#000 !important; margin-top: -2px; padding-left: 6px !important; padding-right: 6px !important;}
#scrap .scrap_tit {font-weight: normal !important;}
#scrap .scrap_del {top:45% !important; transform: translateY(-50%); right:20px !important;}

#ctt {margin: 0px !important; padding: 0px !important;}
#ctt_con {word-break: keep-all;}
#ctt_con p {word-break: keep-all;}
.ctt_admin {display: none !important;}

#hd_pop {position: fixed;margin: 0px; width: 100%; z-index: 99999;}
.hd_pops {background-color: #000 !important; border:0px !important; box-shadow: 30px 30px 60px rgba(0,0,0,0.1); margin: 0 auto;}
.hd_pops_close {padding-left: 20px !important; padding-right: 20px !important;}
.hd_pops_close .fa.fa-times {display: none !important;}
.hd_pops_footer button {font-size: 12px;}
.sv_wrap .sv a {text-align: left;}

.swiper-slide-category {width:auto !important;}
#bo_cate #bo_cate_ul:before {display:none !important;}
#bo_cate{border-bottom: 1px solid rgba(0,0,0,0.1);}
.copymove_current {background-color: #7a40d2; padding-left: 10px; padding-right: 10px; font-size: 12px;  line-height: 100%; margin-right: 15px;}
#copymove .tbl_head01 thead th {padding-top: 15px; padding-bottom: 15px;}
.btn_cancel {background-color: #fff !important; color:#000 !important; border:1px solid #ddd !important;}
#copymove .tbl_wrap {margin: 0px; margin-top: -1px; margin-bottom: 20px;}
/* } */


/* 좌측히든 { */
.user_prof_bg {padding-top:50px !important; padding-bottom: 70px !important; width: 100% !important; margin: 0 !important;}
.user_prof {text-align: center; margin-top: -50px !important;}
.user_prof img {border-radius: 20px;}
.user_prof_bg_info {border-bottom: 0px !important; text-align: center; font-size: 30px; text-indent: 0px !important;}
.user_prof_bg_info span {font-size: 12px;color: #000;background-color: #f1f1f1;padding: 3px 10px 3px 10px;border-radius: 6px;display: inline-block;vertical-align: middle; text-indent: 0px !important;}
.user_prof_bg_info a {color:#000 !important;}
.user_prof_btns {text-align: left; margin-top: 30px; margin-bottom: 30px;padding-left:20px;}
.user_prof_btns button {margin-right:10px;}
/* } */

/* 20240604 추가 { */
#logo_img {height:40px; width:auto;}
/* } */

.container {
	width: 100%;
	max-width: 200px;
	margin: auto;
}
		
.more-btn {
	padding: 10px;
	width: 100%;
		
	background: #0056b3;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 10px;
}
.more-btn:hover {
	background: #007bff;
}

/*방송보기*/

.top_menu_b1_on {float:left;width:50%;background-color:#bab8b8;padding:20px;font-size:20px;border: 1px solid #ccc;}
.top_menu_b1_off {float:left;width:50%;background-color:#f0eeee;padding:20px;font-size:20px;border: 1px solid #ccc;}




.cal_icon {float:right; margin-top:-50px; right:0 }
.cal_icoval { vertical-align:middle; display:inline-block; padding:0 10px; height:24px; line-height:25px; font-size:12px; color:white; text-align:center; font-weight:500; letter-spacing:-0.6px; border-radius:3px  }
.cal_icoval + .cal_icoval { margin-left:6px  }
.cal_icoval.event, .ui-datepicker .calendarDot.event:before { background-color:#7a40d2 }
.cal_icoval.premium, .ui-datepicker .calendarDot.premium:before { background-color:#e2a00c }
.cal_icoval.lecture, .ui-datepicker .calendarDot.lecture:before { background-color:#558cb4 }
.cal_icoval.seminar, .ui-datepicker .calendarDot.seminar:before { background-color:#6e5b9f }
.cal_icoval.openAir, .ui-datepicker .calendarDot.openAir:before { background-color:#617cd6 }
.cal_icoval.memberAir, .ui-datepicker .calendarDot.memberAir:before { background-color:#56c9bc }
.cal_icoval.streamAir, .ui-datepicker .calendarDot.streamAir:before { background-color:#49040f }
.cal_icoval.event:after { content:"이벤트" }
.cal_icoval.premium:after { content:"프리미엄교육" }
.cal_icoval.lecture:after { content:"스페셜교육" }
.cal_icoval.seminar:after { content:"강연회" }
.cal_icoval.openAir:after { content:"공개방송" }
.cal_icoval.memberAir:after { content:"회원방송" }

.cal_icoval.streamAir:after { content:"녹화방송" }


.sche_ico.event { background-color:#d66161;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}
.sche_ico.premium { background-color:#e2a00c;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}
.sche_ico.lecture { background-color:#558cb4;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}
.sche_ico.seminar { background-color:#6e5b9f;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}
.sche_ico.openAir { background-color:#617cd6;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}
.sche_ico.memberAir { background-color:#56c9bc;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}
.sche_ico.streamAir { background-color:#49040f;font-size:16px;color:#ffffff;border-radius:0px 0px 10px 10px;padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:25px;}


/* 기본 스타일 */
.container_box {
    position:absolute;
	margin-top:-62px;
	left:50%;
	margin-left:-125px;
	width:250px;

}

.main_expert-name {    
    padding-top:10px;padding-bottom:13px;padding-left:10px;padding-right:35px;
    background-color: #1997cb;
	color:#ffffff;	
	font-size:16px;
	border-radius:7px 0px 50px 0px;	
}

.main_expert-name1 {    
    padding-top:10px;padding-bottom:13px;padding-left:20px;padding-right:20px;
    background-color: #1997cb;
	color:#ffffff;	
	font-size:16px;
	border-radius:20px;	
	text-align:center;
	border:3px solid #ffffff;
}

.main_expert-name2 {    
    padding-top:10px;padding-bottom:13px;padding-left:10px;padding-right:35px;
    background-color: #9b65ed;
	color:#ffffff;	
	font-size:16px;
	border-radius:15px;	
}

.main_expert-name_over {    
    padding-top:10px;padding-bottom:13px;padding-left:10px;padding-right:35px;
    background-color: #0068dd;
	color:#ffffff;	
	font-size:16px;
	border-radius:7px 0px 50px 0px;	
}

.category-name {
    flex: 3;
    padding-top:20px;padding-bottom:20px;
	color:#ffffff;	
    white-space: nowrap;  /* 텍스트가 줄 바꿈 없이 한 줄로 나오게 설정 */
    overflow: hidden;     /* 넘칠 경우 숨기기 */
    text-overflow: ellipsis;  /* 넘치는 텍스트에 '...' 추가 */

}

/* 작은 화면 (반응형) */
@media screen and (max-width: 768px) {
    
    .main_expert-name,
    .category-name {
        flex: 1;
        width: 100%;  /* 전체 너비를 차지하도록 */
    }
}


.product_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 2개일 때 좌측 정렬 */
    max-width: 1400px;
    margin: 0 auto;
    gap: 20px; /* 아이템 간 간격 추가 */
}



/* 가격 정보 스타일 */
.custom_price_wrap {
	padding-top:10px;
    margin-bottom: 35px;
	text-align:left;
}

.custom_price_wrap .pri {color: #000;font-size: 24px;}
.custom_price_wrap .pri_over {color: #0068dd;font-size: 24px;}
.custom_price_wrap .pri_per {color: #000;font-size: 16px;}

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

.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 8px;
	
}
.button_group .btn_edit {
    background-color: #f6f7fb; /* 수정 버튼 파란색 */
	border:1px solid #d8d8d8;
}

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

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



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

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

.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;
	
}

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

.button_group1 .btn_buy_view {
    background-color: #379e04; /* 보기 버튼 초록색 */
}

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


/* 반응형 */
@media (max-width: 1200px) {
    .product_item {
        /*width: calc(33.333% - 20px);  3개씩 */
		width:100%;
    }
}

@media (max-width: 900px) {
    .product_item {
        /*width: calc(50% - 20px); /* 2개씩 */
		width:100%;
    }
}

@media (max-width: 600px) {
    .product_item {
        width: 100%; /* 1개씩 */
    }
}

/* 이미지 컨테이너 */
.proc_image-container {
	width: 100%;
	max-width:160px;
	text-align:center;
	height: 0;
	padding-top: 100%; /* 정사각형 비율을 유지 (세로 비율을 1:1로 맞춤) */
	position: relative;
	overflow: hidden;
	text-align:center;
}

/* 이미지 스타일링 */
.proc_image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width:160px;
	height: auto;
	max-height:183px;
	object-fit: cover; /* 이미지가 크기를 맞추도록 자르기 (위쪽부터) */
	object-position: top; /* 이미지를 위쪽에 맞추기 */
	text-align:center;
	margin: 0 auto;
}


.promo-title {text-align: center;padding: 10px 0 30px;font-size: 36px;font-weight: bold;}
.promo-title1 {text-align: center;padding: 10px 0 10px;font-size: 30px;font-weight: bold;}
.promo-title2 {text-align: center;padding: 0px 0 30px;font-size: 30px;font-weight: bold;margin-top:-30px;}


.promo-title3 {
  display: flex;
  align-items: center; /* 이미지와 텍스트를 세로로 가운데 정렬 */
  text-align: left;padding: 0px 0 30px;font-size: 28px;margin-top:0px;
}

.promo-title3 img {
  margin-right: 10px; /* 이미지와 텍스트 간의 간격을 조정 */
  vertical-align: middle; /* 텍스트와 이미지의 세로 정렬을 맞춤 */
}

.promo-title4 {
  display: flex;
  align-items: center; /* 세로 중앙 정렬 */
  justify-content: center; /* 가로 중앙 정렬 */
  text-align: center;  
  padding-bottom:50px;
  font-size: 30px;
  margin-top: 0px;
  width: 100%;
}

.promo-title4 img {
  margin-right: 10px; /* 이미지와 텍스트 간의 간격을 조정 */
  vertical-align: middle; /* 텍스트와 이미지의 세로 정렬을 맞춤 */
}

.promo-title_t {text-align: center;padding: 10px 0 10px;font-size: 45px;color:#ffffff;font-weight: bold;}
.promo-title_t_txt {text-align: center;padding-bottom:40px;font-size: 18px;color:#ffffff;}

@media only screen and (max-width: 823px) {
	.promo-title_t {font-size:28px; font-weight: 500;}
	.promo-title_t_txt {font-size:14px;padding-bottom:20px;}
}
	

/* 태블릿 (768px 이하) */
@media screen and (max-width: 768px) {
	.promo-title {font-size: 24px;padding: 8px 0 20px;}
	.promo-title2 {font-size: 24px;padding: 0px 0 20px;margin-top:-25px;}
}

/* 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
	.promo-title {font-size: 20px;padding: 5px 0 15px;}
	.promo-title2 {font-size: 20px;padding: 0 0 15px;margin-top:-25px;}


	.promo-title3 {
	  display: flex;
	  align-items: center; /* 이미지와 텍스트를 세로로 가운데 정렬 */
	  text-align: left;padding: 0px 0 10px;font-size: 22px;margin-top:0px;
	}

	.promo-title4 {
	  display: flex;
	  align-items: center; /* 이미지와 텍스트를 세로로 가운데 정렬 */
	  text-align: center;padding: 0px 0 10px;font-size: 22px;margin-top:0px;
	}

}
		
		
.fixed-login {position: fixed;top: 280px;left: 50%;transform: translateX(-50%);z-index: 1000;margin-left:840px;}

@media (max-width: 1600px) {
  .fixed-login {
    display: none;
  }
}


.view_b_box1 {float:right;padding:15px 20px 15px 20px;font-size:18px;color:#ffffff;text-align:center;border-radius:5px;margin-left:5px;border:1px solid #9560e6;background-color:#9560e6;}
.view_b_box1:hover {background-color:#7a40d2;}
.view_b_box2 {float:right;padding:10px 20px 10px 20px;background-color:#166EA6;color:#ffffff;text-align:center;border-radius:3px;margin-left:5px;}

.view_b_box3 {float:left;padding:0px 15px 0px 15px;height:40px;line-height:40px;color:#9560e6;text-align:center;border-radius:5px;border:1px solid #d8d8d8;}
.view_b_box3:hover {background-color:#efe5fe;}

.view_b_box4 {float:left;margin-left:10px;padding:0px 15px 0px 15px;height:40px;line-height:40px;color:#9560e6;text-align:center;border-radius:5px;border:1px solid #d8d8d8;}
.view_b_box4:hover {background-color:#efe5fe;}

.date_specific1 {width:100%;text-align:center;font-size:17px;font-weight:bold;}

.cont_info_wrap_t .title {font-size:28px;padding-top:30px;padding-bottom:20px;}


@media (max-width:800px) {
	
	.cont_info_wrap_t .title {font-size:18px;padding-top:10px;padding-bottom:20px;padding-left:5px;}

	
	.view_b_box1 {float:right;padding:10px 15px 10px 15px;font-size:16px;background-color:#9560e6;color:#ffffff;text-align:center;border-radius:3px;margin-left:5px;margin-top:0px;}
	.view_b_box2 {float:right;padding:10px 15px 10px 15px;background-color:#166EA6;color:#ffffff;text-align:center;border-radius:3px;margin-left:5px;margin-top:0px;}
	

	.date_specific1 {width:100%;text-align:center;font-size:14px;font-weight:bold;}
}


	

#over_on {font-weight:bold;}
#over_off {font-weight:normal;}


.follow-button {margin-top: 10px;}
.follow-button button {line-height:40px;padding-left:13px;padding-right:11px;font-size: 16px;background-color:#f8f5fe;cursor: pointer;color: #9560e6;border-radius: 5px;border:1px solid #d8d8d8;}
.follow-button .over {background-color:#efe5fe;color:#9560e6;}
.follow-button button:hover {background-color: #efe5fe;color:#9560e6;}



/* 기본 스타일 */
.tmenu_title_table {width: 100%;text-align: center;border-collapse: collapse;line-height:150%;margin-bottom:5px;}
.tmenu_title_cell {width:25%;padding: 20px;border: 1px solid #ccc;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease, transform 0.3s ease;position: relative;  /* 화살표를 위치시키기 위해 상대 위치 지정 */}
.tmenu_title_link {text-decoration: none;color: inherit;display: block;}
.today-text { /*color: #7a40d2;*/}
.date-number {font-size: 24px;font-weight: bold;}

/* 마우스 오버 시 효과 */
.tmenu_title_cell:hover {background-color: #f1f1f1;transform: scale(1.0); /* 확대 효과 */box-shadow: 0 0 10px rgba(255, 16, 0, 0.5); /* 그림자 효과 */color:#7a40d2;}
/* 선택된 날짜 스타일 */
.tmenu_title_cell.selected {background-color: #7a40d2;color: white;}
/* 선택된 날짜 밑에 화살표 스타일 */
.tmenu_title_cell.selected .arrow {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #7a40d2;  /* 화살표 색상 */}

/* 작은 화면에서 글자 크기 및 배치 조정 */
@media (max-width: 768px) {
    .tmenu_title_table {font-size: 14px;}
    .tmenu_title_cell {padding: 5px;font-size:14px;}
    .date-number {font-size: 18px;}
}

/* 더 작은 화면에서는 날짜 세로로 표시 */
@media (max-width: 480px) {
    .tmenu_title_table {font-size: 12px;}	
    .tmenu_title_cell {font-size:12px;/*display: inline-block;width: 100%;margin-bottom: 10px;*/}
	.date-number {font-size: 14px;}
}

.alarm-table {width: 100%;border-collapse: collapse;text-align:center;}
.alarm-table th, .alarm-table td {border: 1px solid #ddd;padding: 10px;text-align: center;}
.alarm-table th {background-color: #f4f4f4;text-align:center;}

.responsive-table {width: 100%;border-collapse: collapse;text-align:center;}
.responsive-table th, .responsive-table td {border: 1px solid #ddd;padding: 10px;text-align: center;font-size:16px;color:#111111;}
.responsive-table th {background-color: #f4f4f4;text-align:center;}



/* 자료 없는 목록 */
.empty_table {width:100%;padding:100px 0 !important;text-align:center}
.empty_list {width:100%;padding:20px 0 !important;text-align:center}

.btn-list {
      background-color: #b59cdb; /* 버튼 배경 색 */
     color: white; /* 글자 색 */
      border: none; /* 테두리 없앰 */
      padding: 10px 20px; /* 안쪽 여백 */
      text-align: center; /* 텍스트 가운데 정렬 */
      text-decoration: none; /* 링크 장식 없애기 */
      display: inline-block; /* 인라인 블록 */
      font-size: 16px; /* 글자 크기 */
      border-radius: 5px; /* 둥근 테두리 */
      cursor: pointer; /* 커서 변경 */
      transition: background-color 0.3s ease; /* 호버 시 배경 색 변경 효과 */
	   margin:0 auto;
    }

    .btn-list:hover {
      background-color: #a98bd6; /* 호버 시 배경 색 */
    }
	
	.b_container {
      display: flex; /* Flexbox 활성화 */
      justify-content: center; /* 수평 가운데 정렬 */
      padding-top: 30px;
	  width:100%;
	  text-align:center;
	 
	 
    }


.rotate-image {
    animation: rotate360 15s linear infinite; /* 5초마다 한 바퀴 돌고 계속 반복 */
  }

  @keyframes rotate360 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  

.proc_box1 {width:100%;text-align:center;max-width:160px;max-height:183px;overflow:hidden;margin:0 auto;margin-top:30px;}
.proc_box1_div1 {height:130px;overflow:hidden;padding-left:10px;padding-right:10px;}
.proc_box1_txt1 {font-size:18px; padding-top:20px;padding-bottom:5px;}
.proc_box1_txt2 {padding-left:10px;padding-right:10px;padding-bottom:10px;}
.proc_box1_txt3 {font-size:20px; padding-top:50px;}
	
.blog_proc_profit {clear:both;width:100%;padding-top:10px;padding-bottom:10px;font-size:12px;color:#333333;}
.blog_proc_profit_txt1 {color:#9f6de6;background-color:#f8f5fe;border:1px solid #9f6de6;border-radius:10px;font-size:12px;padding-left:8px;padding-right:8px;}
	 
.blog_proc_profit2 {clear:both;width:100%;padding-top:0px;padding-bottom:5px;font-size:12px;color:#333333;}
.blog_proc_profit2_txt1 {color:#9f6de6;background-color:#f8f5fe;border:1px solid #9f6de6;border-radius:10px;font-size:12px;padding-left:8px;padding-right:8px;}

/* subpage topmenu */

/* 기본 스타일 */
.categorybox-table {width: 100%;text-align: center;border-collapse: separate;line-height: 150%;margin-bottom: 5px;border-radius: 5px;border-spacing: 0;  /* 셀 간의 간격을 0으로 설정 */}
.categorybox-cell {font-size:18px;padding: 20px;cursor: pointer;transition: background-color 0.3s ease, transform 0.3s ease;position: relative;  /* 화살표를 위치시키기 위해 상대 위치 지정 */}
.categorybox-link {text-decoration: none;color: inherit;display: block;}

.today-text {}  
.date-number {font-size: 24px; font-weight: bold;}  
/*.categorybox-cell:hover {background-color: #f1f1f1; transform: scale(1.0); box-shadow: 0 0 10px rgba(255, 16, 0, 0.5); color:#7a40d2;}  */
.categorybox-cell.selected {background-color: #9560e6; color: white;border-radius:5px 0px 0px 5px;}  
.categorybox-cell.selected2 {background-color: #9560e6; color: white;}  
.categorybox-cell.selected3 {background-color: #9560e6; color: white;border-radius:0px 5px 5px 0px;}  

.categorybox-cell.no_selected {border: 1px solid #ccc;border-right:0px;border-radius:5px 0px 0px 5px;}  
.categorybox-cell.no_selected2 {border: 1px solid #ccc;border-right:0px;}  
.categorybox-cell.no_selected3 {border: 1px solid #ccc;border-radius:0px 5px 5px 0px;}  

.categorybox-cell.selected .arrow {position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #7a40d2;}  

@media (max-width: 768px) { 
	.categorybox-table {font-size: 16px;} 
	.categorybox-cell {padding: 15px 5px 15px 5px; font-size:16px;} 
	.date-number {font-size: 18px;} 
}  
@media (max-width: 480px) { 
	.categorybox-table {font-size: 13px;border-radius: 5px;} 
	.categorybox-cell {font-size:13px;padding-top: 10px;padding-bottom:10px;letter-spacing:-1px;} 
	.date-number {font-size: 14px;} 
}




	.product_item1 {border:1px solid #a7a7a7;border-radius:5px;}
	.product_item1:hover {background-color:#f8f5fe;transition: background-color 0.3s ease;border:1px solid #ccb2f3;}
	.proc_cate1 {float:left;font-size:18px;background-color:#9c7dcd;line-height:40px;width:220px;text-align:center;border-radius:3px 0px 5px 0px;color:#ffffff;}
	.proc_cate2 {float:left;font-size:18px;background-color:#9c7dcd;line-height:40px;width:220px;text-align:center;border-radius:3px 0px 5px 0px;color:#ffffff;}
		
	.product_item1:hover .proc_cate1,
	.product_item1:hover .proc_cate2 {
	  background-color: #9c7dcd; /* 예시 색상 */
	  transition: background-color 0.3s ease;
	}
	
	.product_item2 {border:1px solid #d8d8d8;border-radius:10px;background-color:#f7f7f7;}
	.product_item2:hover {background-color:#f8f5fe;transition: background-color 0.3s ease;}
	.schedule_cate1 {float:left;font-size:18px;background-color:#f2c204;width:145px;line-height:45px;text-align:center;border-radius:0px 0px 10px 10px;color:#ffffff;margin-left:30px;}
	.schedule_cate2 {float:left;font-size:18px;background-color:#ef7a24;width:145px;line-height:45px;text-align:center;border-radius:0px 0px 10px 10px;color:#ffffff;margin-left:30px;}
	.schedule_cate3 {float:left;font-size:18px;background-color:#01b4a0;width:145px;line-height:45px;text-align:center;border-radius:0px 0px 10px 10px;color:#ffffff;margin-left:30px;}
	.schedule_cate4 {float:left;font-size:18px;background-color:#00add2;width:145px;line-height:45px;text-align:center;border-radius:0px 0px 10px 10px;color:#ffffff;margin-left:30px;}
	.schedule_cate5 {float:left;font-size:18px;background-color:#dc3840;width:145px;line-height:45px;text-align:center;border-radius:0px 0px 10px 10px;color:#ffffff;margin-left:30px;}
	.schedule_cate6 {float:left;font-size:18px;background-color:#0065d7;width:145px;line-height:45px;text-align:center;border-radius:0px 0px 10px 10px;color:#ffffff;margin-left:30px;}

	
	.my_proc_box1 {width:100%;font-size:16px;line-height:150%;padding-left:10px;padding-right:10px;}
	.my_proc_padding {clear:both;width:100%;height:18px;}
	.my_proc_padding2 {clear:both;width:100%;height:10px;}
	.my_proc_padding3 {clear:both;width:100%;height:5px;}

	.my_proc_img {float:left;padding-left:30px;padding-right:45px;padding-bottom:30px;}
	.my_proc_sub {float:left;width:50%;}
	.my_proc_b {float:right;margin-top:-50px;}
	
	.my_proc_end_b {float:left;background-color:#5b5d6e;color:#ffffff;padding:10px;border-radius:5px;margin-right:10px;}
	.my_proc_title {float:left;font-size:22px;}

	.my_proc_profit {clear:both;width:100%;padding-top:20px;padding-bottom:5px;font-size:14px;color:#666666;}
	.my_proc_profit_txt1 {color:#9f6de6;background-color:#f8f5fe;border:1px solid #9f6de6;border-radius:10px;font-size:14px;padding-left:10px;padding-right:10px;}
	
	.my_proc_profit2 {clear:both;width:100%;padding-top:0px;padding-bottom:10px;font-size:14px;color:#666666;}
	.my_proc_profit2_txt1 {color:#9f6de6;background-color:#f8f5fe;border:1px solid #9f6de6;border-radius:10px;font-size:14px;padding-left:10px;padding-right:10px;}


	.my_sale_box {float:left;margin-left:0px;width:68px;height:68px;background-image:url(/img/icon_sale.png);line-height:130%;padding-top:16px;text-align:center;color:#ffffff;}
	.my_proc_price1 {font-family: 'Escoredream';margin-left:20px;color:#444444;}
	.my_proc_price2 {font-family: 'Escoredream';margin-left:20px;font-size:32px;font-weight:600;letter-spacing:-2px;}
	
	.my_proc2_price1 {font-family: 'Escoredream';margin-left:10px;color:#444444;font-size:16px;line-height:120%;}
	.my_proc2_price2 {font-family: 'Escoredream';margin-left:8px;font-size:30px;line-height:110%;font-weight:600;letter-spacing:-2px;}


	/* 작은 화면 (반응형) */
@media screen and (max-width: 880px) {
    .my_proc_img, .my_proc_sub, .my_proc_b {
        float: none; /* float 제거 */
        width: 100%;
        text-align: center; /* 가운데 정렬 */
        margin: 0 auto;
    }

	.my_sale_box {float:left;width:68px;height:68px;background-image:url(/img/icon_sale.png);line-height:130%;padding-top:16px;text-align:center;color:#ffffff;}
	
	.my_proc_img {margin:0 auto;max-width:150px;padding-left:0px;padding-right:0px;}
    .my_proc_img img {
        width: 100%;
        height: auto;
    }

    .my_proc_sub {
        padding: 0 10px;
		max-width:380px;
		text-align:center;
    }

	.my_proc_price1 {float:left;}
	.my_proc_price2 {float:left;font-size:30px;}

    .my_proc_b {
		clear:both;width:100%;text-align:center;
        margin-top: 10px;
        padding-bottom: 20px;
    }
	.button_group {clear:both;width:220px;padding-top:20px;text-align:center;margin:0 auto;}
	
	.my_proc_end_b {width:100px;font-size:12px;background-color:#5b5d6e;color:#ffffff;padding:2px;border-radius:5px;margin-right:5px;}


    .my_proc_title{
	width:100%;
        float: none;
        display: inline-block; /* 가운데 정렬을 위한 inline-block */
        vertical-align: middle;
        text-align: center;
		font-size:18px;
    }


	.my_proc_profit {clear:both;width:100%;padding-top:20px;padding-bottom:5px;font-size:12px;color:#666666;text-align:left;}
	.my_proc_profit_txt1 {color:#9f6de6;background-color:#f8f5fe;border:1px solid #9f6de6;border-radius:10px;font-size:12px;padding-left:10px;padding-right:10px;}
	
	.my_proc_profit2 {clear:both;width:100%;padding-top:0px;padding-bottom:10px;font-size:12px;color:#666666;text-align:left;}
	.my_proc_profit2_txt1 {color:#9f6de6;background-color:#f8f5fe;border:1px solid #9f6de6;border-radius:10px;font-size:12px;padding-left:10px;padding-right:10px;}


}


/* 기본 스타일 */
.finished-container {position: relative;width: 100%;border: 2px solid #d8d8d8;border-radius:10px;display: flex;align-items: center;padding: 0;box-sizing: border-box;margin-bottom:20px;}
/*.finished-container:nth-child(odd) { /*홀수일때*/
  /*  margin-right: 2%; 
}*/

.broad_box1 {clear:both;width:100%;padding:25px;}
.broad_box1 .bd_box1 {float:left;max-width:250px;}
.broad_box1 .bd_box2 {float:left;margin-top:-10px;}
.broad_box1 .bd_box3 {float:right;width:210px;}

.broad_box1 .expert_box1 {border:1px solid #919191;border-radius:5px;width:250px;height:150px;overflow:hidden;}
.broad_box1 .expert_txt1 {padding-left:20px;}
.broad_box1 .expert_ico {position:absolute;width:210px;text-align:left;}

.expert_t_box1 {border:1px solid #919191;border-radius:5px;width:320px;height:auto;overflow:hidden;margin-bottom:25px;}

.broadcast-title {font-size: 18px; padding: 5px 0;}
.broadcast-subtitle {font-size: 16px; color: #555;}


/* ✅ 반응형 처리 */
@media (max-width: 768px) {

.finished-container {
  position: relative;
  width: 100%;
  border: 4px solid #d8d8d8;
  display: flex;
  align-items: center;        /* 세로 가운데 정렬 */
  justify-content: center;    /* ➜ 가로 가운데 정렬 추가 */
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 20px;
  
}

.broad_box1 {clear:both;width:300px;padding:25px;margin:0 auto;}
.broad_box1 .bd_box1 {clear:both;max-width:250px;margin:0 auto;text-align:center;width:100%;}
.broad_box1 .bd_box2 {clear:both;width:100%;margin:0 auto;}
.broad_box1 .bd_box3 {clear:both;width:210px;margin:0 auto;height:50px;}

.broad_box1 .expert_txt1 {padding:0px;padding-top:1px;padding-bottom:10px;}

.broad_box1 .expert_ico { left: 50%;transform: translateX(-50%);}


}

.box_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* 검은색 반투명 배경 */
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
  border-radius:8px;
}


.t_box_overlay {
  position: absolute;
  border-radius:5px;
  width: 100%;
  height: 100%;
  max-width:320px;
  max-height:192px;
  background-color: rgba(0, 0, 0, 0.3); /* 검은색 반투명 배경 */
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}

.finished-container:hover .box_overlay {
  opacity: 1;
}

.schedule-item1:hover .t_box_overlay {
  opacity: 1;
}

.broadcast_ico_box {position:absolute;float:left;margin-top:10px;margin-left:-1px;}
.broadcast_ico_1 {float:left;}
.broadcast_ico_3 {float:left;} 

.broadcast_ico_type1 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#f2c204;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_type2 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#ef7a24;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_type3 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#01b4a0;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_type4 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#00add2;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_type5 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#dc3840;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_type6 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#0065d7;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_type7 {float:left;height:30px;line-height:30px;color:#ffffff;background-color:#606878;padding:0px 5px 0 10px;font-size:14px;}

.broadcast_ico_t_box {position:absolute;float:left;margin-top:20px;margin-left:-1px;}

.broadcast_ico_t_type1 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#f2c204;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_t_type2 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#ef7a24;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_t_type3 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#01b4a0;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_t_type4 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#00add2;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_t_type5 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#dc3840;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_t_type6 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#0065d7;padding:0px 5px 0 10px;font-size:14px;}
.broadcast_ico_t_type7 {float:left;height:36px;line-height:36px;color:#ffffff;background-color:#606878;padding:0px 5px 0 10px;font-size:14px;}

.broadcast_time_color1 {padding-top:10px;color:#dc3840;font-family:Giants-Regular;font-size:18px;} 
.broadcast_time_color2 {padding-top:10px;color:#0043a8;font-family:Giants-Regular;font-size:18px;} 
.broadcast_time_color3 {padding-top:10px;color:#919191;font-family:Giants-Regular;font-size:18px;} 

.broadcast_box_bg1 {border:1px solid #0065d7;border-radius:5px;overflow:hidden;}	/* 공개방송 */
.broadcast_box_bg2 {border:1px solid #dc3840;border-radius:5px;overflow:hidden;}	/* 회원방송 */
.broadcast_box_bg3 {border:1px solid #919191;border-radius:5px;overflow:hidden;}

	/* 흐린 배경을 위한 스타일 */
	.all_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5); /* 반투명한 검정 배경 */
		filter: blur(8px); /* 배경 흐림 효과 */
		z-index: 1000;
		display: none; /* 처음에는 보이지 않음 */
	}

	/* 중앙에 위치한 박스 */
	.alarm_box {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); /* 박스를 정확하게 중앙에 배치 */
		width:100%;
		max-width: 500px;
		padding: 0px;
		background-color: #ffffff; /* 투명도 조절 */
		border-radius: 8px;
		text-align: center;
		z-index: 1001; /* 박스가 배경보다 위에 나오도록 설정 */
		display: none; /* 처음에는 보이지 않음 */
		
	}

	/* 텍스트 스타일 */
	.alarm_box h1 {
		margin: 0;
	} 

.broadcast_time_box1 {float:left;margin-top:5px;font-size:15px;background-color:#3f3f3f;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:10px;padding-right:10px;line-height:31px;}
.broadcast_time_box2 {float:left;margin-top:5px;font-size:15px;background-color:#ef5158;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:10px;padding-right:10px;line-height:31px;}
.broadcast_time_box3 {float:left;margin-top:5px;font-size:15px;background-color:#ef5158;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:10px;padding-right:10px;line-height:31px;}
.broadcast_time_box4 {float:left;margin-top:5px;font-size:15px;background-color:#0065d7;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:10px;padding-right:10px;line-height:31px;}
.broadcast_time_box5 {float:left;margin-top:5px;font-size:15px;background-color:#0065d7;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:10px;padding-right:10px;line-height:31px;}	 

.broadcast_time_txt1 {float:left;margin-top:5px;font-size:15px;font-family: 'Escoredream';background-color:#ffffff;border:1px solid #3f3f3f;border-left:0px;border-radius:0px 5px 5px 0px;color:#333333;padding-left:9px;padding-right:9px;line-height:29px;}
.broadcast_time_txt2 {float:left;margin-top:5px;font-size:15px;font-family: 'Escoredream';background-color:#ffffff;border:1px solid #3f3f3f;border-left:0px;border-radius:0px 5px 5px 0px;color:#ef5158;padding-left:9px;padding-right:9px;line-height:29px;}

.broadcast_time_txt3 {float:left;margin-top:5px;margin-left:10px;font-size:15px;font-family: 'Escoredream';background-color:#3f3f3f;border:1px solid #3f3f3f;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:9px;padding-right:9px;line-height:29px;}
.broadcast_time_txt4 {float:left;margin-top:5px;font-size:15px;font-family: 'Escoredream';background-color:#3f3f3f;border:1px solid #3f3f3f;border-radius:5px 0px 0px 5px;color:#ffffff;padding-left:9px;padding-right:9px;line-height:29px;}
.broadcast_time_txt5 {float:left;margin-top:5px;font-size:15px;font-family: 'Escoredream';background-color:#ffffff;border:1px solid #3f3f3f;border-radius:0px 5px 5px 0px;color:#0065d7;padding-left:9px;padding-right:9px;line-height:29px;}


/* 핫픽 아이콘 */
.hotpick_ico1 {float:left;background-color:#31cbbe;color:#ffffff;font-size:13px;border-radius:5px;padding:2px 10px 2px 10px;margin-top:3px;}		/*개별*/
.hotpick_ico2 {float:left;background-color:#70c317;color:#ffffff;font-size:13px;border-radius:5px;padding:2px 10px 2px 10px;margin-top:3px;}		/*유료*/
.hotpick_ico3 {float:left;background-color:#51a3ff;color:#ffffff;font-size:13px;border-radius:5px;padding:2px 10px 2px 10px;margin-top:3px;}		/*무료*/
	
@media screen and (max-width: 1270px) {
	

	.broad_box1 {clear:both;width:300px;padding:15px;margin:0 auto;text-align:center;}
	.broad_box1 .bd_box1 {clear:both;max-width:300px;margin:0 auto;text-align:center;width:100%;}
	.broad_box1 .bd_box2 {clear:both;width:100%;margin:0 auto;text-align:center;}
	.broad_box1 .bd_box3 {clear:both;width:210px;margin:0 auto;height:50px;margin-top:20px;}

	.alarm-settings1 {clear:both;max-width:200px;margin:0 auto;text-align:center;width:100%;}

	.broadcast_time_txt3 {margin-left:0px;}
	.broadcast_time_box4 {margin-left:0px;}
	.broadcast_time_box5 {margin-left:0px;margin-top:5px;} 
	
	
	.broadcast_time_txt1 {margin-left:0px;} 
	.broadcast_time_txt4 {margin-left:0px;margin-top:5px;} 
	
	.broadcast_time_color1 {padding-top:10px;color:#dc3840;font-family:Giants-Regular;font-size:17px;} 
	.broadcast_time_color2 {padding-top:10px;color:#0043a8;font-family:Giants-Regular;font-size:17px;} 
	.broadcast_time_color3 {padding-top:10px;color:#919191;font-family:Giants-Regular;font-size:17px;} 

}


/* 모바일 상단 메뉴 */
#mobileNavSelect_box {display:none;}
#mobileNavSelect_o {display:none;}
@media (max-width: 768px) {
	#mobileNavSelect_box {display: block;width:100%;background-color:#a98bd6;padding:10px;}			
	#mobileNavSelect_o {display: block;
	appearance: none;         /* 기본 화살표 제거 */
	  -webkit-appearance: none; /* Safari */
	  -moz-appearance: none;    /* Firefox */
	width: 100%;color:#353535;padding-left: 10px;height:50px;font-size: 18px;border: 0px solid #d0b1ff;border-radius: 5px;
	background: url('/img/btn_msnb_select_box01_off.png?ver=3') no-repeat right center;background-color: #ffffff;font-size:16px;font-weight:500;
	}
	#mobileNavSelect_o option {
	  background-color: #ffffff;
	  color: #353535;	
	}

}


/* 기본 스타일 */
.calendar-table {width: 100%;text-align: center;border-collapse: collapse;line-height:150%;max-width:1400px;margin:0 auto;background-color:#ffffff;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.calendar-table td {width:5.88%;}
.calendar-cell {padding-top:40px;padding-bottom:16px;font-size: 16px;border-top: 0;cursor: pointer;transition: background-color 0.3s ease, transform 0.3s ease;position: relative;  /* 화살표를 위치시키기 위해 상대 위치 지정 */}
.calendar-link {text-decoration: none;color: inherit;display: block;}
.today-text {color: #666666;padding-top:10px;}
.date-number {font-size: 24px;font-weight: bold;color:#666666;}

/* 마우스 오버 시 효과 */
.calendar-cell:hover {background-color: #f8f5fe;
    transform: scale(1.0); /* 확대 효과 */
    box-shadow: 0 0 10px rgba(255, 16, 0, 0.5); /* 그림자 효과 */
	color:#111111;}

/* 선택된 날짜 스타일 */
.calendar-cell.selected {background-color: #f6f7fb;color: #111111;border-bottom:4px solid #9560e6;}

/* 선택된 날짜 밑에 화살표 스타일 */
.calendar-cell.selected .arrow {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #7a40d2;  /* 화살표 색상 */
}

/* 작은 화면에서 글자 크기 및 배치 조정 */
@media (max-width: 768px) {
    .calendar-table {font-size: 14px; }
    .calendar-cell {padding: 5px;font-size:14px;}

    .date-number {
        font-size: 18px;
    }
}

/* 더 작은 화면에서는 날짜 세로로 표시 */
@media (max-width: 480px) {
    .calendar-table {
        font-size: 12px;
    }
	
    .calendar-cell {
		font-size:12px;
        /*display: inline-block;
        width: 100%;
        margin-bottom: 10px;*/
    }
	.date-number {
        font-size: 14px;
    }
}

/* 상위 div 스타일 */
.tab-container-right {display: flex; justify-content: flex-end; align-items: flex-start; padding-bottom:10px; margin-top:-65px;}

/* 리스트 항목 스타일 */
.tab-list {display: flex; list-style: none; padding: 0;}

.tab-list li.menuValue {padding-top:15px;}
.tab-list li.menuValue2 {padding-top:15px;padding-right:15px;}
.tab-list li.separator {padding:15px;}

/* 링크 기본 스타일 */
.tab-list a {text-decoration: none;}

/* 상태별 강조 스타일 */
.tab-over-on {font-weight:bold;}
.tab-over-off {font-weight:normal;}





/* ON 상태 깜빡이는 효과 */  
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }

/* 전문가 이름 */  
.expert-name1 { font-weight: bold; margin-top: 10px; }

/* 방송 시간 */  
.schedule-time { background-color: #000000; color: white; padding: 5px 10px; border-radius: 10px; margin-top: 10px; }



	
.rb_prof_tab #bo_cate {margin-bottom: 0px; margin-top: 30px; display: flex;}
.rb_prof_tab #bo_cate #bo_cate_ul {flex:1; position: relative;}
.rb_prof_tab #bo_cate a {display: inline-flex; padding: 0px 40px; border:0px; font-size: 20px; color:#000; background-color: transparent; line-height: 56px; position: relative;}
.rb_prof_tab #bo_cate a:first-child {padding-left:0px;}
.rb_prof_tab #bo_cate a:hover {background-color: transparent; color:#9560e6;}
.rb_prof_tab #bo_cate #bo_cate_on {background-color: transparent; font-weight: normal; box-shadow: none; color:#9560e6; border:0px; }
.rb_prof_tab #bo_cate li {padding: 0px; display: inline-block;}
.rb_prof_tab #bo_cate #bo_cate_ul:before {content: "";bottom: 0;position: absolute;width: 100%;margin: 0;height: 2px;background-color: #d8d8d8;}
.rb_prof_tab #bo_cate #bo_cate_on::after {content: "";position: absolute;bottom: 0;right: 40px;left: 0px;height: 3px;background-color: #9560e6;}


.subt-container {padding-top:0px;}

.str_bg {clear: both;width: 100%;}
.str_menu_top_height {clear:both;width:100%;height:75px;}
.str_menu_top_box {clear:both;width:100%;max-width:1400px;margin:0 auto;text-align:left;padding-bottom:1px solid #c0c0c0;}

.str_schedule_box {clear:both;width:100%;background-color:#ffffff;text-align:left;max-width:1400px;margin:0 auto;}
.str_schedule_title {padding-left:30px;padding-top:14px;padding-right:30px;}
.str_schedule_board {padding-left:30px;padding-right:30px;}
.str_date_box {position:absolute;margin-top:-143px;left:50%;margin-left:-70px;border:2px solid #d8d8d8;background-color:#ffffff;border-radius:25px;font-size:20px;color:#111111;padding:10px 20px 10px 20px;}
.str_mem_box {text-align:center;padding:30px 30px 0px 30px;border-bottom:1px solid #d8d8d8;}


/* 스케줄 항목 */  
.schedule-item1 {float:left;width: 50%;text-align: left; overflow: hidden;}

.str_mem_box1 {float:left;width:50%;padding-bottom:25px;}
.str_mem_box2 {float:left;text-align:left;width:50%;text-align:left;}

.str_expert_txt1 {float:left;width:95%;margin-top:-14px;}


/* 레이아웃 */
.tab-wrap {display:flex;align-items:center;}

/* 기본 탭 스타일 */
.tab{
  --skew: 11%;          /* 사선 깊이(퍼센트 낮출수록 각이 완만) */
  --pad-y: 18px;
  --pad-x: 40px;

  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;

  /* 오른쪽이 비스듬한 사다리꼴(텍스트는 왜곡되지 않음) */
  clip-path: polygon(
    0 0, 
    calc(100% - var(--skew)) 0,
    100% 100%,
    0 100%
  );
  width:320px;line-height:60px;font-size:20px;font-weight:600;color:#ffffff;
  padding-right:30px; 
}

.tab:hover{box-shadow: 0 8px 18px rgba(0,0,0,.18);filter: brightness(1.03);}

/* 색상 버전 */
.tab-orange{ background:#e96d1f; }  /* 이미지의 오렌지 */
.tab-blue  { background:#2f89f7; }  /* 이미지의 블루   */

/* 접힘/줄바꿈 대응 */
.tab{ white-space:nowrap; }

/* 다크테마 혹은 배경색 바뀔 때 대비(선택) */
@media (prefers-color-scheme: dark){
  .tab-wrap{ background:transparent; }
}



@media screen and (max-width: 1270px) {
	.str_menu_top_height {clear:both;width:100%;height:35px;}
	.str_menu_top_box {clear:both;width:96%;max-width:1400px;margin:0 auto;text-align:left;}
	.str_menu_top_box img {float:left;max-width:50%;}
	
	.str_schedule_box {clear:both;width:96%;background-color:#ffffff;text-align:left;max-width:1400px;margin:0 auto;}
	.str_schedule_title {padding-left:10px;padding-top:14px;padding-right:10px;}
	.str_schedule_board {padding-left:10px;padding-right:10px;}
	
	
	.str_date_box {display:none;}
	.schedule-item1 {margin:0 auto;}
	
	.str_mem_box1 {clear:both;width:100%;padding-bottom:5px;text-align:center;margin:0 auto;}
	.str_mem_box2 {clear:both;text-align:left;width:100%;margin:0 auto;}
	
	.str_expert_txt1 {float: none; width:320px;padding-bottom:20px;margin:0 auto;}

	.tab-container-right {display:none;}
}

@media screen and (max-width: 810px) {
	.calendar-table {display:none;}
	.str_menu_top_height {clear:both;width:100%;height:35px;}
	.str_menu_top_box {clear:both;width:96%;max-width:1400px;margin:0 auto;text-align:left;}
	.str_menu_top_box img {float:left;max-width:50%;}
	
	.str_schedule_box {clear:both;width:96%;background-color:#ffffff;text-align:left;max-width:1400px;margin:0 auto;}
	.str_schedule_title {padding-left:10px;padding-top:14px;padding-right:10px;}
	.str_schedule_board {padding-left:10px;padding-right:10px;}
	
	
	.str_date_box {display:none;}
	.schedule-item1 {width:100%;margin:0 auto;}
	
	.str_mem_box1 {clear:both;width:100%;padding-bottom:5px;text-align:center;margin:0 auto;}
	.str_mem_box2 {clear:both;width:100%;text-align:center;margin:0 auto;}
	
	.str_expert_txt1 {float: none; width:320px;padding-bottom:20px;margin:0 auto;}
	
	.expert_t_box1 {margin:0 auto;}

	.tab{line-height:50px;font-size:16px;}
}



.main_blog_bg {width:100%;background-image:url(/img/bgline_master_1px.png);background-repeat:repeat-x;}

/* 서브페이지 헤더 스타일 */
.subt-header {
    clear: both;
    width: 100%;
    height: 177px;
    background-image: url(/img/sub_top_bg_08.png);
    background-repeat: repeat-x;
    background-position: center center;
	background-color: rgba(200, 150, 255, 0.4); /* 투명한 보라색 */
    background-blend-mode: lighten; /* 배경 이미지 위에 은은하게 섞임 */
    text-align: center;
    line-height: 177px;
    position: relative;
}



.subt-header2 {
    clear: both;
    width: 100%;
    height: 194px;
    background-image: url(/img/sub_top_img_02.png);
    background-repeat: repeat-x;
    background-position: center center;
	background-color: rgba(200, 150, 255, 0.4); /* 투명한 보라색 */
    background-blend-mode: lighten; /* 배경 이미지 위에 은은하게 섞임 */
    text-align: center;
    line-height: 194px;
    position: relative;
}

.subt-header3 {
    clear: both;
    width: 100%;
    height: 194px;
    background-image: url(/img/sub_top_img_03.png);
    background-repeat: repeat-x;
    background-position: center center;
	background-color: rgba(200, 150, 255, 0.4); /* 투명한 보라색 */
    background-blend-mode: lighten; /* 배경 이미지 위에 은은하게 섞임 */
    text-align: center;
    line-height: 194px;
    position: relative;
}

.subt-header4 {
    clear: both;
    width: 100%;
    height: 194px;
    background-image: url(/img/sub_top_img_01.png);
    background-repeat: repeat-x;
    background-position: center center;
	background-color: rgba(200, 150, 255, 0.4); /* 투명한 보라색 */
    background-blend-mode: lighten; /* 배경 이미지 위에 은은하게 섞임 */
    text-align: center;
    line-height: 194px;
    position: relative;
}

.subt-header5, .subt-header1 {
    clear: both;
    width: 100%;
    height: 194px;
    background-image: url(/img/sub_top_img_05.png);
    background-repeat: repeat-x;
    background-position: center center;
	background-color: rgba(200, 150, 255, 0.4); /* 투명한 보라색 */
    background-blend-mode: lighten; /* 배경 이미지 위에 은은하게 섞임 */
    text-align: center;
    line-height: 194px;
    position: relative;
}

.subt-header6 {
    clear: both;
    width: 100%;
    height: 194px;
    background-image: url(/img/sub_top_img_04.png);
    background-repeat: repeat-x;
    background-position: center center;
	background-color: rgba(200, 150, 255, 0.4); /* 투명한 보라색 */
    background-blend-mode: lighten; /* 배경 이미지 위에 은은하게 섞임 */
    text-align: center;
    line-height: 194px;
    position: relative;
}

/* 서브페이지 제목 */
.subt-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%; /* 반응형 대응 */
    max-width: 497px; /* 기존 고정값 유지 가능 */
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    font-family: 'Giants-Regular';
	
	 /* 줄바꿈 가능하도록 */
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
}

/* 서브페이지 컨테이너 */
.subt-container {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    padding-top: 60px;
}
.subt-container2 {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    padding-top: 30px;
}

/* 반응형 적용 */
@media (max-width: 768px) {
    .subt-header, .subt-header1 {
        height: 150px;
        line-height: 150px;
    }
	.subt-header2 {
        height: 150px;
        line-height: 150px;
    }
	.subt-header3 {
        height: 150px;
        line-height: 150px;
    }
	.subt-header4 {
        height: 150px;
        line-height: 150px;
    }
	.subt-header5 {
        height: 150px;
        line-height: 150px;
    }
	.subt-header6 {
        height: 150px;
        line-height: 150px;
    }

    .subt-title {
        font-size: 24px;
        width: 250px;
    }

    .subt-container {
        padding-top: 40px;
		padding-left:10px;padding-right:10px;
    }
	.subt-container2 {
        padding-top: 10px;
		padding-left:0px;padding-right:0px;
    }
	
	.subt-header div img {height:6px;}
	.subt-header1 div img {height:6px;}
	.subt-header2 div img {height:6px;}
	.subt-header3 div img {height:6px;}
	.subt-header4 div img {height:6px;}
	.subt-header5 div img {height:6px;}
	.subt-header6 div img {height:6px;}
	.subt-header7 div img {height:6px;}
	
}

@media (max-width: 480px) {
    .subt-header, .subt-header1v {
        height: 120px;
        line-height: 120px;
    }
	.subt-header2 {
        height: 120px;
        line-height: 120px;
    }
	.subt-header3 {
        height: 120px;
        line-height: 120px;
    }
	.subt-header4 {
        height: 120px;
        line-height: 120px;
    }
	.subt-header5 {
        height: 120px;
        line-height: 120px;
    }
	.subt-header6 {
        height: 120px;
        line-height: 120px;
    }


    .subt-title {
        font-size: 20px;
        width: 200px;
    }

	.subt-container {
        padding-top: 30px;
		
    }
	
	.subt-header div img {height:6px;}
	.subt-header1 div img {height:6px;}
	.subt-header2 div img {height:6px;}
	.subt-header3 div img {height:6px;}
	.subt-header4 div img {height:6px;}
	.subt-header5 div img {height:6px;}
	.subt-header6 div img {height:6px;}
	.subt-header7 div img {height:6px;}
	
}