@charset "utf-8";

/************************************
	main 페이지
*************************************/

/* main_추천과정 */
ul.lecture_tab {
	width: 100%;
	overflow: hidden;
	background: #fff;
}
ul.lecture_tab li {
	float: left;
	width: 33.33%;
	display: block;
}
ul.lecture_tab li span {
	display: block;
	height: 36px;
	background: #fff;
	border-right: 1px solid #d0d0d0;
	line-height: 36px;
	text-align: center;
	font-size: 1em;
	cursor: pointer;
}
ul.lecture_tab li.tab_on span, 
ul.lecture_tab li span:hover {
	background: #c9252b;
	border: none;
	color: #fff;
}
div.lecture_box {
	width: 97%;
	overflow-x: scroll;
	margin:3% 0 10px 3%;
}
div.disp_none {
	display:none;
}
ul.lecture_list {
	width: 470px;
	overflow: hidden;
	text-align: left;
	font-size:1em;
	line-height:1.2em;
	position: relative;
	margin: 0 auto;
}
ul.lecture_list li {
	width: 12em;
	float: left;
	position: relative;
	font-size: 0.8em;
	line-height: 1em;
	vertical-align: middle;
	margin-right:2%;
}
ul.lecture_list li div {
	margin-bottom: 5px;
}
ul.lecture_list li h5 {
	line-height: 1.2em;
	width: 12em;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
ul.lecture_list li a {
	font-size: 1.2em;
	color: #3e3e3e;
	line-height: 1.2em;
	width: 12em;
}
ul.lecture_list li div img {
	width: 10em;
	height: auto;
}

/* main_class_bn */
div.class_bn {
	padding: 3% 3% 0 3%;
}
ul.class_bn_box {
	width: 100%;
	overflow: hidden;
}
ul.class_bn_box li {
	width: calc(50% - 1px);
	float:left;
}
ul.class_bn_box li:nth-child(1) {
	padding:0 1px 1px 0;
}
ul.class_bn_box li:nth-child(2) {
	padding:0 0 1px 1px;
}
ul.class_bn_box li:nth-child(3) {
	padding:1px 1px 0 0;
}
ul.class_bn_box li:nth-child(4) {
	padding:1px 0 0 1px;
}

/* main_커뮤니티 부분 */
.community_list {
	width: 90%;
	height: 150px;
	padding: 5% 5% 5% 5%;
	background: #fff;
	margin-bottom:1%;
}
.community_list h4 {
	font-size: 1.4em;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px solid #848484;
	padding: 0 0 8px 0;
}
.community_list h4 a {
	font-size: 0.6em;
	color: #c9252b;
	line-height: 30px;
	float: right;
	font-weight: normal;
}
.community_list ul {
	padding: 10px 0px 20px 0px;
}
.community_list ul li {
	position: relative;
}
.community_list ul li.notice_bold {
	font-weight: bold;color: #f60;
}
.community_list ul li.notice_bold a {
	color: #f60;
}
.community_list ul li p {
	width: 70%;
	line-height: 1.4em;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.community_list ul li p a {
	color: #424242;
	font-size: 1em;
}
.community_list ul li p span {
	position: absolute;
	top: 2px;
	right: 0px;
	color: #828282;
}

/* main_고객센터 */
.service_center {
	background:#fff;
	margin-bottom:3%;
	padding:5%;
}
.service_center h4 {
	font-size: 1.4em;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1.4em;
}
.service_center p.service_number {
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
}
.service_center p.service_number strong {
	width: 60%;
	font-size: 1.5em;
	line-height: 1.6em;
	color:#c9252b;
	float:left;
}
.service_center p.service_number span {
	width: 40%;
	font-size: 0.7em;
	line-height: 1.6em;
	float:right;
	margin-top: 13px;
	text-align:right;
}
.service_center p.service_time span {
	color:#c9252b;
}


/* 231205 메인 ui 변경 */
/* main */

/* main_추천과정 */
div.disp_none {
	display:none;
}
div.lecture_box {
    width: 94%;
	height: 68vw;
    overflow-x: hidden;
    margin: 0 auto;
	position: relative;
}

.lec_tit{
    width: 20vw;
    max-width: 88px;
    margin: 3% 0;
}
ul.lecture_list {
	width: 100%;
	overflow: visible;
	text-align: left;
	font-size:1em;
	line-height:1.2em;
	position: relative;
	margin: 0 auto;
	height: auto;
}
ul.lecture_list li {
	width: 55.5%;
/* 	min-width: 200px; */
	float: left;
	position: relative;
	font-size: 0.8em;
	line-height: 1em;
	vertical-align: middle;
	margin-right:0;
	text-align: center;
}
ul.lecture_list li div {
	margin-bottom: 5px;
}
ul.lecture_list li h5 {
	line-height: 1.2em;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	margin-top: 5%;
}
ul.lecture_list li a {
	font-size: 1.3em;
	color: #000;
	line-height: 1.3em;
	width: 100%;
	font-weight: 600;

}
ul.lecture_list li p {
	font-size: 1.1em;
	color: #000;
	line-height: 1.1em;
	width: 100%;
	margin-top: 2%;
}
ul.lecture_list li div img {
	width: 100%;
	height: auto;
}

.lecture_box .swiper-pagination01,
.lecture_box .swiper-pagination02,
.lecture_box .swiper-pagination03   {
    position: absolute;
    text-align: center;
    z-index: 10;
	bottom: 0;
	left: 50%;
	width: 100px;
	height: 20px;
}

.lecture_box .swiper-pagination01 .swiper-pagination-bullet,
.lecture_box .swiper-pagination02 .swiper-pagination-bullet,
.lecture_box .swiper-pagination03 .swiper-pagination-bullet { width: 8px; height: 8px; background: transparent; background-color: #d9d9d9; opacity: 1; }

.lecture_box .swiper-pagination01 .swiper-pagination-bullet-active,
.lecture_box .swiper-pagination02 .swiper-pagination-bullet-active,
.lecture_box .swiper-pagination03 .swiper-pagination-bullet-active  { width: 22px; transition: width .5s; border-radius: 5px; background: #da0020; border: 1px solid transparent; }

/* event_bn */
.event_bn .event_bn_tit{position: relative;}
.event_bn .event_bn_tit h4{width: 28.6vw;max-width: 120px;margin-bottom: 3%;}
.event_bn .event_bn_tit a{position: absolute;right: 0;top: 0;width: 5.6vw;max-width: 22px;}
.event_bn_box li{margin-bottom: 2%;}

.community_list {
    width: 90%;
    height: auto;
    padding: 5% 5% 5% 5%;
    background: #fff;
    margin-bottom: 3%;
}

.community_list .community_list_tit{position: relative;border-bottom: 1px solid #848484;}
.community_list .community_list_tit h4{width: 28.6vw;border-bottom: none;}
.community_list .community_list_tit a{position: absolute;right: 0;top: 0;width: 5.6vw;max-width: 22px;}

.community_list ul {
    padding: 10px 0px 0 0px;
}

.service_center .service_time{border-bottom: 1px solid #848484;padding-bottom: 3%;}
.service_center .service_con{margin-top: 3%;text-align: center;}
.service_center .service_con td{padding-top: 2%;border-right: 1px solid #848484;}
.service_center .service_con td:last-of-type{border: none;}
.service_center .service_con td span{width: 46px;height: 46px;display: block;margin: 0 auto;}
.service_center .service_con td span img{width: 100%;height: 100%;object-fit: contain;}

/* 240109 이벤트 배너 수정 */
.event_bn_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.event_bn_box li{width: 49%;}
.event_bn_box li:first-child{width: 100%;}