@charset "utf-8";
/* CSS Document */

/* 탑 제목 */
.webinar_title-area {position: relative; min-height:384px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.webinar_title-area img {max-width:100%;}

.webinar_title-wrapper {padding:80px 0px;}
.webinar_title-wrapper h2 {margin-bottom: 20px;}
.webinar_title-wrapper h3 {color: #131022; font-size:42px; font-weight:900; line-height: 1.3; margin-bottom: 20px; letter-spacing: -0.1rem;}
.webinar_title-wrapper h3 span {display:block; font-weight:900;}
.webinar_title-wrapper p {color: #1967dc; font-size:42px; font-weight:900; letter-spacing:-0.1rem; line-height:0.6;  }
.webinar_title-wrapper p span {display: block;}

/* 강연자 */
.project-cart .projects__content { 
	min-height: 564px;
	width: 373px;
 }
 .project-video {
	height: 100%;
    min-height: 564px; /* 기존 510px에서 변경 */
    display: flex;
    flex-direction: column;
 }
.project-cart .projects__content h3 { font-size:22px; margin-top:5px; margin-bottom:17px; font-weight:800; }
.project-cart .projects__content li {color: #838694; font-size: 16px; line-height: 26px;}
.project-cart .projects__manager .name h5 {margin-bottom:5px; font-weight:800; }
.project-cart .projects__manager .name address { line-height: 1.5;}
.project-cart .line-top {border-top: 1px solid #e7e7e7; padding-top: 20px;}

.project-video .project-img::before {background:#281c40; opacity: 0.8;}

.blog-post-area {padding-top:30px; border-top: 2px solid #e7e7e7; border-bottom:none;}
.blog-post-area h4 {font-weight: 800; line-height: 1.4;}
.blog-post-area h5 {font-size: 16px;}
.blog-post-area p {font-size: 14px; color: #838694; line-height: 1.4;}
.blog-post-area .stitle {}
.blog-post-area ul li {list-style: disc; margin-left: 15px; color: #838694; font-size:14px; line-height: 24px;}

.reviewer__content h5 { font-size:22px; font-weight: 800; }
.reviewer__content h5 span {font-size: 16px;}
.reviewer__content .title {font-size: 18px; color: #1a1e2d; font-weight:bold;}
.reviewer__content .title span {font-size: 16px; color: #1a1e2d; font-weight:bold; display:inline;}
.reviewer__content p {font-size:15px; font-weight: normal; color:#838694; line-height:1.6;}
.reviewer__content p span {display: block; font-size:15px; color:#838694;}

.reviewer__img {margin-right: 30px;}

/* 이벤트 */
.blog-wrapper {margin-right:32px;}
.blog-wrapper .section-title p {margin-bottom:20px; font-size:16px; font-weight:500; color:#292a2e; }
.blog-wrapper .section-title p span { display: block;}
.blog-wrapper .section-title ul {margin:15px 0;}
.blog-wrapper .section-title ul li {list-style: disc; margin-left: 15px; margin-bottom:5px; color: #ee6b5b; font-size:16px; line-height:1.3;}

.blog-wrapper .theme_btn2 {background:#ee8073; color: #fff;}

@media only screen and (min-width: 768px) and (max-width: 991px) {    
	/* 탑 제목 */
    .project-image-area {background-position :72% 0%;}
	.webinar_title-wrapper {padding:75px 25px;}
	.webinar_title-wrapper h3 {font-size:32px;  line-height: 1.1; margin-bottom:20px;}
	.webinar_title-wrapper p {font-size:16px;}
	
	/* 동영상 */
	.project-cart .new-tag {font-size:12px;}
	.project-cart .projects__content h3 {font-size:22px;}

	
	/* 강연자 */
	.blog-post-area h4 {font-size:21px;}
    .reviewer__content p span {display:inline;}
	
	/* 이벤트 */
	.blogs__thumb img { width: 100%;}	
	.blog-wrapper .section-title { margin-right:0px;}
	.blog-wrapper .section-title h2 {font-size:30px; margin-bottom:10px;}
	.blog-wrapper .section-title h2 span {font-size: 18px; font-weight: bold; display: block;}
	.blog-wrapper .section-title h6 {font-size:18px;}
	.blog-wrapper .section-title ul li {margin-bottom:10px; line-height:1.3;}
	.blog-wrapper .section-title p span {display:inline;}	
}
@media (max-width: 767px) {	
	/* 탑 제목 */	
    .project-image-area.m_bg { background:url(../img/640x540.jpg) no-repeat center bottom !important; background-size:cover !important; }
	.webinar_title-wrapper {padding:60px 25px;}
	.webinar_title-wrapper h3 {font-size:31px; line-height: 1.3;  text-align: center; margin-bottom: 0px;}
	.webinar_title-wrapper h3 span {display: block;}
    .webinar_title-wrapper p {font-size: 30px; line-height: 1.3; text-align: center;}
    .webinar_title-wrapper p span {display: inline;}
	
	/* 동영상 */
	.project-cart .new-tag {font-size:12px;}
	.project-cart .projects__content h3 {font-size:20px;}
	.project-cart .projects__content h3 span {display: block;}
	
	/* 강연자 */
	
	.reviewer .reviewer__img { text-align: center;}	
	.reviewer__content h5 {text-align: center}	
	.reviewer__content .title {text-align: center}
    .reviewer__content .title span {display: block;}
	.reviewer ul {padding-left:0 !important;}
	.blog-post-area h4 {font-size:20px;}
	.blog-post-area h4 span {display: block;}
	/* 이벤트 */
	.blog-wrapper {margin:0px; padding: 0 20px;}
	.blog-wrapper .section-title h2 {font-size:26px; margin-bottom:10px;}
	.blog-wrapper .section-title h2 span {font-size: 18px; font-weight: bold; display: block;}
	.blog-wrapper .section-title h6 {padding-left:0px; padding-right:0px; font-size: 20px;}
	.blog-wrapper .section-title ul li {margin-bottom:10px; line-height:1.3;}
	.blog-wrapper .section-title p span {display:inline;}	
	.blogs__thumb {/*height:150px;*/ overflow: hidden; margin-bottom:0px; text-align: center;}
	.blogs__thumb img {width:100%; height: auto; }
	/*.event-img {display: none;}*/
}

.btn-primary {
	background-color : #1a1886;
	border-color: #1a1886;
	border-radius: 100px;
}

.footer-bottom-flex {
    display: flex;
    align-items: center;       /* 세로 중앙 정렬 */
    justify-content:间;  /* 텍스트와 버튼 사이 간격 조절 (선택 사항) */
    gap: 20px;                 /* 텍스트와 버튼 사이 여백 */
    margin-top: 20px;
}

.footer-bottom-flex p {
    margin-bottom: 0;          /* p태그 기본 하단 여백 제거 */
    flex: 1;                   /* 텍스트가 남은 공간을 차지하도록 설정 */
}

.footer-bottom-flex .blogs__thumb {
    flex-shrink: 0;            /* 버튼 크기가 줄어들지 않도록 설정 */
	margin-top: -20px;
}

/* 모바일에서는 다시 위아래로 나오게 설정 (반응형) */
@media (max-width: 767px) {
    .footer-bottom-flex {
        flex-direction: column;  /* 위아래 정렬 */
        align-items: flex-start; /* 왼쪽 정렬 */
        gap: 15px;
    }
}


/* webinar_plateer.css 하단에 추가 */

/* 강연자 프로필 영역 완벽한 수직 중앙 정렬 */
.project-cart .projects__manager {
    display: flex !important;
    align-items: center !important; /* 위아래 중앙 정렬 */
}

/* 이미지 컨테이너 여백 초기화 */
.project-cart .projects__manager .manager-img {
    margin-bottom: 0;
    line-height: 0; /* 이미지 하단 미세 공백 제거 */
	margin-top : -20px;
}

/* 텍스트 컨테이너 여백 초기화 및 정렬 */
.project-cart .projects__manager .name {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.project-cart .projects__manager .name h5 {
    margin-bottom: 3px !important; /* 이름과 소속 사이 간격 최소화 */
}

.project-cart .projects__manager .name address {
    margin-bottom: 0 !important; /* address 기본 하단 여백 완벽 제거 */
}

.service_bold {
	font-weight: 700;
}

@media (min-width: 1200px) {
    .video-col {
        flex: 0 0 740px;
        height: 564px;
    }
    
    .info-col {
        flex: 0 0 374px;
        max-width: 374px;
        height: 564px;
    }
}

/* 왼쪽 동영상 영역 높이 및 이미지 채우기 */
.video-col .project-video {
    height: 100%;
    min-height: 564px;
    display: flex;
    flex-direction: column;
}

.video-col .project-img {
    height: 100%;
    flex: 1;
}

.video-col .project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지가 찌그러지지 않고 영역에 맞게 잘림 */
}

/* 오른쪽 카드 영역 높이 맞춤 */
.info-col .project-cart {
    height: 100%;
}

.info-col .projects__content { 
    height: 100%;
    box-sizing: border-box;
}