@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/* CSS Document */
body {font-family: 'Nanum Gothic', sans-serif;}

/* 탑 제목 */
.webinar_title-area {position:relative; min-height:264px; 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:30px;}
.webinar_title-wrapper h3 {color: #fff; font-size:40px; font-weight:800; line-height: 1.3; margin-bottom:20px; letter-spacing:0; word-break: keep-all; word-wrap: break-word; font-family: 'Nanum Gothic', sans-serif;}
.webinar_title-wrapper h3 span {display:inline; font-weight:900;}
.webinar_title-wrapper p {color:#fff; font-size:22px; font-weight:600; line-height:1.3; letter-spacing:0; margin-bottom:15px;}

/* 강연자 */
.project-cart .projects__content h3 {letter-spacing:0; font-size:21px; margin-top:10px; margin-bottom:20px;}
.project-cart .projects__content li {color: #838694; font-size: 14px; font-weight: 400; line-height: 1.4; margin-bottom:12px;}
.project-cart .line-top {border-top: 1px solid #e7e7e7; padding-top: 20px;}

.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 ul li {list-style:disc; margin-left:15px; margin-bottom:10px; color:#838694; font-size:12px; line-height:1.1;}

.theme_btn_sy{background:#ffd447; color: #111; padding:15px 30px; font-size:16px; letter-spacing:-0.05em;}
.theme_btn_sy i {margin-left:22px;}
.theme_btn_sy .fa-arrow-right:before{display:none;}

.theme_btn {font-weight: 800; font-family: 'Nanum Gothic', sans-serif;}

.reviewer__content h5 {font-size:20px; font-weight:700; margin-bottom:5px;}
.reviewer__content h5 span {font-size:20px; font-weight: 500;}
.reviewer__content .title {font-size: 16px; font-weight: 500; color: #1a1e2d;}
.reviewer__content p {font-size:14px; font-weight: normal; color: #838694; line-height:1.4; word-break: keep-all; word-wrap: break-word;}
.reviewer__content ul li {list-style: square; margin-left:15px; margin-bottom:10px; color: #838694; font-size:14px; line-height:1.4;}

/* 이벤트 */
.blog-wrapper {padding-left:40px;}
.blog-wrapper .section-title h2 {margin:15px 0 30px; line-height:1.3; font-size:28px; font-weight:800; font-family: 'Nanum Gothic', sans-serif;}
.blog-wrapper .section-title p {margin-bottom:0px; font-size:18px; font-weight:600; color:#fff; line-height:1.8; word-break: keep-all; word-wrap: break-word;}
.blog-wrapper .section-title p span { display: block;}
.blog-wrapper .section-title ul {margin:20px 0 70px;}
.blog-wrapper .section-title ul li {list-style: disc; margin-left: 15px; margin-bottom:8px; color: #666; font-size:16px; line-height:26px; letter-spacing:0;}

.blog-wrapper .theme_btn2 {background:#ffd447; color: #111; font-size:16px; font-weight:800;  padding:15px 30px; letter-spacing:0; font-family: 'Nanum Gothic', sans-serif;}
.blog-wrapper .theme_btn2 i{margin-left:20px; }
.blog-wrapper .theme_btn2 .fa-arrow-right:before{ display:none; }


@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* 탑 제목 */
	.webinar_title-wrapper {padding:75px 25px;}
	.webinar_title-wrapper h3 {font-size:44px; line-height: 1.3; margin-bottom:20px;}
	.webinar_title-wrapper p {font-size:19px;}
	
	/* 동영상 */
	.project-cart .new-tag {font-size:12px;}
	.project-cart .projects__content{ height:auto; }
	.project-cart .projects__content h3 {font-size:22px;}
	.project-cart p{ padding-top:30px; }
	
	/* 강연자 */
	.blog-post-area h4 {font-size:21px;}
	
	/* 이벤트 */
	.blogs__thumb img { width: 100%;}
	
	.blog-wrapper .section-title { margin-right:0px;}
	.blog-wrapper .section-title h2 {font-size:27px; margin-bottom:10px; margin-top: 0px;}
	.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;}
    
    .blog-wrapper .section-title ul {margin:20px 0;}
	
}
@media (max-width: 767px) {	
	/* 탑 제목 */
	.project-image-area.m_bg { background:url(../img/top_img_m.jpg) no-repeat center bottom !important; background-size:cover !important; }
	.webinar_title-wrapper {padding:60px 25px;}
    .webinar_title-wrapper h2  {text-align: center; margin-bottom:30px;}
	.webinar_title-wrapper h3 {font-size:26px; line-height:1.4; margin-bottom:20px; text-align: center; letter-spacing: -1px;}
	.webinar_title-wrapper h3 span {display: block;}
    .webinar_title-wrapper p {font-size:18px;letter-spacing:0; margin-bottom:10px; text-align: center;}
	
	/* 동영상 */
	.project-cart .new-tag {font-size:12px;}
	.project-cart .projects__content h3 {font-size:20px;}
	.project-cart .projects__content h3 span {display: block;}
	
	.project-cart p{ padding-top:30px; }
	/* 강연자 */
	.reviewer { margin-bottom:60px;}
	.reviewer .reviewer__img { text-align: center;}	
	.reviewer__content h5 {text-align: center}	
	.reviewer__content .title {text-align: center; margin-bottom: 20px;}
	
	.blog-post-area h4 {font-size:20px;}
	.blog-post-area h4 span {display: block;}
	/* 이벤트 */
	.blog-wrapper {margin-left:0px; padding: 0 20px;}
	.blog-wrapper .section-title h2 {font-size:26px; margin:30px 0 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 {margin:20px 0;}
	.blog-wrapper .section-title ul li {margin-bottom:10px; line-height:1.3;}
	
	.blogs__thumb {overflow: hidden; margin-top:30px; text-align: center;}
	.blogs__thumb img {width:70%;}
	/*.event-img {display: none;}*/    
   
}