@charset "euc-kr";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
/********************************************************************************************************************************
* sub main
********************************************************************************************************************************/
.Noto {
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
	image-rendering: -webkit-optimize-contrast; 
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto;
	}

article.lec-sub-main-new {clear : both;}
	article.lec-sub-main-new section {
		clear : both;
		position: relative;
		padding: 70px 0 115px 0;
		}
		article.lec-sub-main-new section .title-icon{text-align:center; margin-bottom: 70px;}

.sub-lecture .big-Banner {position: relative; height: 550px; text-align: center; background: #30b5ff url('/pds/images/sub/lecture/top_bg.png') no-repeat 50% 50%; overflow: hidden;}
	.sub-lecture .big-Banner .big-Banner-img {position: relative; z-index: 2;}
	.sub-lecture .big-Banner video {position : absolute; top: 0; left: 0; right: 0; width : 100%; height : auto; z-index : 1; opacity:0.1;}


/*----- Ä«Å×°í¸® -----*/
.sub-main-container{position: relative; background: #54248f; box-shadow: 5px 5px 10px 0 rgba(0,0,0, 0.2); z-index: 2;}
.sub-main-container .sub-menu {
	display: grid; grid-template-columns: repeat(4, 1fr);
	position: relative;
	z-index: 2;
	}
	.sub-main-container .sub-menu a {
		display: inline-flex; justify-content: center; align-items: center;
		position: relative; bottom :0;
		height: 80px;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 23px; color: rgba(255,255,255, 0.8); letter-spacing: -1px; line-height: 0; text-decoration: none; font-weight: 300; text-align: center;
		transition: all 0.1s;
		}
		.sub-main-container .sub-menu a:hover {bottom: -1px; color: #fff; text-shadow: 0 0 2px rgba(0,0,0, 0.9);}
		.sub-main-container .sub-menu a::before {
			content: "";
			display: block;
			position: absolute; top: 50%; right: -3px;
			width: 2px; height: 34px;
			margin: -17px 0 0 0;
			border-left: 1px solid #090a0c; border-right: 1px solid rgba(255,255,255, 0.25);
			}
		.sub-main-container .sub-menu a:last-child::before {display: none;}

		.sub-main-container .sub-menu a.member::after {
			content: "À¯·áȸ¿ø Àü¿ëÇýÅÃ";
			position: absolute; top: -11px; left: 50%;
			width: 100px; height: 22px;
			margin: 0 0 0 -50px;
			font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
			font-size: 10.5px; color: #3f1376; letter-spacing: -0.5px; line-height: 17px; font-weight: 500; text-align: center;
			text-shadow: none !important;
			border: 2px solid #6020ad;
			border-radius: 24px;
			background: #fff;
			box-shadow: 0px 3px 6px 0 rgba(0,0,0, 0.2);
			z-index: 3;
			}


/*--- ¼öÁ¤(2023-07-05) ---*/
.sub-lecture-submain-wp {
	position: relative; 
	min-width: 1300px; height: 600px; 
	margin: 0 0 0px 0; 
	text-align: center; 
	background: #212bff;
	overflow: hidden;
	z-index: 1;
	}
	.sub-lecture-submain-wp .banner h1 {position: relative; margin: 0; z-index: 3;}
	.sub-lecture-submain-wp .banner .dot {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.05) url('/pds/images/sub/taxnet_post/main_visual_dot3.png') repeat; z-index: 2;}
	.sub-lecture-submain-wp .banner video {position : absolute; top: 0; left: 0; right: 0; width : 100%; height : auto; z-index : 1;}

.sub-lecture-TopBanner {background: url('/pds/images/sub/lecture/sub_Main_BannerBg.png') repeat-x 0 0;}
	.sub-lecture-TopBanner .img {position: relative; min-width: 1300px; height: 650px; font-size: 0; background: url('/pds/images/sub/lecture/sub_Main_Banner(n).jpg') no-repeat 50% 0; image-rendering: crisp-edges; transform: translateZ(0);}
		.sub-lecture-TopBanner .img img {display: block; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -600px;}

	

/********************************************************************************************************************************
* ½Ç¹«°­ÀÇ
********************************************************************************************************************************/
section.lecture{background: #ecf9ff url('/pds/images/sub/lecture/lec_Bg.png') no-repeat 50% 50%; }
.lecture .media-field-main .submain{float: left; width:49%;} 
.lecture .media-field-main .submain::after, .lecture .media-field-main .lec-List::after{
	content: ""; display: block;
    position: absolute; top: 0; right: -25px;
    width: 20px; height: 230px;
    background: #EDF5F9; z-index: 10;
} 

/* ±âÃÊ°­ÀÇ */
.lecture .media-field-main .lec-List-container{float: right; width:49%; position: relative;} 

	.lecture .media-field-main .lec-List-container .lec-List {overflow: hidden;}
	.lecture .media-field-main .lec-List-container .comm-lec-List{overflow: hidden;}
	.lecture .media-field-main .lec-List-container .comm-lec-List li .thmubs {height: 160px; margin-bottom: 20px;}
	.lecture .media-field-main .lec-List-container .comm-lec-List li .subj {
		margin: 0 0 12px 0; padding: 0 2px;
		font-size: 22px; letter-spacing: -1.5px;
		-webkit-line-clamp: 1;
		overflow: hidden;
		}
	.lecture .media-field-main .lec-List-container .comm-lec-List li .etc .lecturer {display: block; float: none;}

/* ·Ñ¸µ ÅýºÆ® */
.lecture .media-field-main .lec-list-sub
	{
	position: relative; width: 600px; height: 64px;
	padding: auto; margin: -20px auto 50px auto;
	background-color: #00c0ff; border-radius: 32px;
	} 
	.lec-list-sub > .wrap{position: relative; width: auto; height: 100%; overflow: hidden;} 
	.lec-list-sub > .lec-list-sub-title {
		font-weight: bold; font-size: 23px;  letter-spacing: -0.5px; line-height: 64px;
		float: left; padding-right: 30px; margin-left:30px;  color: #fff;
		} 
		.lec-list-sub > .lec-list-sub-title .fa-search {position: absolute; right: 25px; top:20px;}
		.lecture .media-field-main .lec-list-sub li{position: absolute; top: -64px;}
		.lecture .media-field-main .lec-list-sub li.prev{top: 64px; transition: top 0.5s ease;}
        .lecture .media-field-main .lec-list-sub li.current{top: 0; transition: top 0.5s ease;}
        .lecture .media-field-main .lec-list-sub li.next{top: -64px;}
			.lecture .media-field-main .lec-list-sub li a{
			display: block;
			font-size: 23px; color: #fff; letter-spacing: -1px; line-height: 64px; text-decoration: none; font-weight: 300; text-align: center;
			-webkit-line-clamp: 1;
            -webkit-box-orient:vertical;
            overflow: hidden;
			} 
			.lecture .media-field-main .lec-list-sub li a:hover{color: #ff5529;}
				.lecture .media-field-main .lec-list-sub li a strong {color: #fff604; font-size: 25px;}
	
/* Btn */
.lecture .media-field-main .lec-List .update-btns {position: absolute; top: 35px; left: 260px; width: 92px; z-index: 10;}
.lecture .media-field-main .lec-List-container .sil-btns {position: absolute; top: 35px; left: 315px; width: 92px; z-index: 30;}

	

/********************************************************************************************************************************
* ÆÄÀϺÏ
********************************************************************************************************************************/
/* new book */
.new-book-list li {float: left; padding: 0 10px;}
	.new-book-list li a {display: block; position: relative; color: #333; text-decoration: none !important;;}

		.new-book-list li img {display: block; width: auto; height: 240px; margin: 0 auto; border: 1px solid #e7e7e7;}
		.new-book-list li .subj {
		display: block;
		display: -webkit-box;
		margin: 10px 0 10px 0; padding: 0 5px;
		height: 40px;
		font-size: 15px; letter-spacing: -0.5px; line-height: 140%; font-weight: normal; text-align: left;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		word-wrap: break-word; text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		}
		.new-book-list li .etc {display: block; position: relative;  margin: 0 6px; font-size: 12px; color: #777; overflow: hidden;}
		.new-book-list li .etc .name {display: inline-block; max-width: 82px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
		.new-book-list li .etc .price {float: right;}

/* ÀÌ¿ë¾È³» */
.file-book .guide-tit {clear: both; position: relative; margin: 0 0 14px 0; font-size: 22px; color: #333; letter-spacing: -1px; line-height: 120%; font-weight: 600;}
.file-book .guide-box {
		position: relative;
		padding: 15px 20px 20px 20px;
		font-size: 14px; line-height: 150%;
		border: 1px solid #e3e3e3; background-color: #f9f9f9;
		}
		.file-book .guide-box ul {margin: 5px 0 0 0;}
		.file-book .guide-box li {margin: 0 0 5px 0; padding: 0 0 0 20px; font-size: 13px; color: #555; line-height: 150%; background: url('/pds/images/comm/ic_dot1.gif') no-repeat 8px 8px;}
			.file-book .guide-box li:last-child {margin-bottom: 0;}


/********************************************************************************************************************************
* À¯Æ©ºê
********************************************************************************************************************************/
section.youtube{background: url('/pds/images/sub/lecture/youtube_Bg.png') no-repeat 0% 50%; color: #fff; }

#iframe1 {
		width: 100%; height: 100%;
		margin: 0; padding: 0;
		background: transparent;
		overflow: hidden; overflow-x: hidden; ;
		}
		.youtube-wp .list{padding: 50px 0 !important; border-bottom:none !important;}
		.youtube-wp .list .subj{color: #fff;}

.tab-menu-youtube li{float: left; cursor: pointer;}
.tab-menu-youtube li a{
		display: flex; 
		position: relative; bottom: 0;
		height: 45px;
		margin: 0 0 6px 0;
		font-size: 16px; color: #3622f6; letter-spacing: -0.5px; line-height: 48px; font-weight: 400; 
		text-align: center; justify-content: center; align-items: center;
		border: 1px solid #d3d3d3;
		background: #fafafa;
		transition: bottom 0.1s;
		z-index:10;
		}
		.tab-menu-youtube li a:hover {bottom: -2px; color: #fff; border-color: #544ba7; background: #544ba7; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.08); text-decoration: none;}
		.tab-menu-youtube li.active a {bottom: -3px; color: #fff; border-color: #473e92; background: #473e92; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.08); text-decoration: none;}


/********************************************************************************************************************************
* ½Ç¹«°­ÀÇ
********************************************************************************************************************************/
.lec-submain .big-Banner {
	height: 550px;
	text-align: center;
	background: #638bea url('/pds/images/sub/lecture/subMain_visual.jpg') no-repeat 50% 0;
	overflow: hidden;
	}
/*
	.lec-submain .big-Banner .container-n .bg-cover {
		position: absolute; top: 50%; left: -80px; 
		width: 600px; height: 600px; 
		margin: -50px 0 0 0; 
		background: url('/pds/images/sub/lecture/bg-cover.png') no-repeat 0 0;
		background-size: 100% 100%;
		transform: rotate(0deg);
		animation: bg_cover_ani 10s linear infinite;
		opacity: 0.1;
		}
		@keyframes bg_cover_ani {
			100% {transform: rotate(360deg);}
			}
*/

/*----- Ä«Å×°í¸® -----*/
.lec-submain .lec-category {
	position: relative;
	height: 80px;
	border-top: 1px solid #1c2027; border-bottom: 1px solid #272c36;
	background: #2c323d;
	box-shadow: 5px 5px 10px 0 rgba(0,0,0, 0.2);
	z-index: 2;
	}
	.lec-submain .lec-category ul {float: left; width: 100%;}
	.lec-submain .lec-category li {float: left; position: relative;}
	.lec-submain .lec-category li.silmu::after {
		content: "ÇÁ¸®¹Ì¾ö ¿Â¶óÀα³À°";
		position: absolute; top: -13px; left: 50%;
		width: 108px; height: 22px;
		margin: 0 0 0 -54px;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 10.5px; color: #1f2450; letter-spacing: -0.5px; line-height: 17px; font-weight: 500; text-align: center;
		border: 2px solid #1f2450;
		border-radius: 24px;
		background: #fff;
		box-shadow: 0px 3px 6px 0 rgba(0,0,0, 0.2);
		z-index: 3;
		}

	.lec-submain .lec-category li a {
		display: block;
		position: relative; bottom :0;
		height: 80px;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 23px; color: rgba(255,255,255, 0.8); letter-spacing: 0.5px; line-height: 78px; text-decoration: none; font-weight: 300; text-align: center;
		text-shadow: 0 0 2px rgba(0,0,0, 0.8);
		transition: all 0.1s;
		}
	.lec-submain .lec-category li a:hover {bottom: -1px; color: #fff; text-shadow: 0 0 2px rgba(0,0,0, 0.9);}
	.lec-submain .lec-category li:first-child a {color: #fff; text-shadow: 0 0 2px rgba(0,0,0, 0.9);}
	.lec-submain .lec-category li a::before {
		content: "";
		display: block;
		position: absolute; top: 50%; right: -3px;
		width: 2px; height: 34px;
		margin: -17px 0 0 0;
		border-left: 1px solid #090a0c; border-right: 1px solid rgba(255,255,255, 0.2);
		}
	.lec-submain .lec-category li:last-child a::before {display: none;}

	.lec-submain .lec-category li i {display: block; position: absolute; top: -5px; left: 10px; font-size: 20px; color: #f6884d; z-index: 2;}
	.lec-submain .lec-category li i::before {content: "\f02e";}

.lec-silmu-icon {display: inline-block; height: 40px; margin: 0 0 4px 8px; vertical-align: middle;}


/*------ °Ë»ö -----*/
.lec-submain .total-search {
	position: relative;
	height: 150px;
	margin: 0 0 70px 0; padding: 44px 0 0 200px;
	text-align: center;
	background: #3c4a64;
	}
	.lec-submain .total-search::after {
		content: "";
		position: absolute; bottom: -50px; left: 50%;
		width: 0px; height: 0px;
		margin: 0 0 0 -25px;	
		border: 25px solid;
		border-color: #3c4a64 transparent transparent transparent;
		}

	.lec-submain .total-search span.stit {
		display: inline-block;
		position: absolute; top: 2px; left: 0px;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 14px; color: rgba(255,255,255,0.5); line-height: 140%; font-weight: 100; text-align: left;
		}
		.lec-submain .total-search span.stit strong {display: block; margin: 10px 0 0 0; font-size: 30px; color: #afd1ff; letter-spacing: -1px; font-weight: 700;}

	.lec-submain .total-search input {
		display: inline-block;
		width: 500px; height: 60px;
		padding: 0 8px 0 12px; 
		font-size: 16px; line-height: auto; text-transform: none; vertical-align: middle;
		border: 4px solid #1c2027 !important;
		border-radius: 0;
		background: #fff !important;	
		}

	.lec-submain .total-search select {
		display: inline-block;
		width: 110px; height: 60px;
		margin: 0 -9px 0 60px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;
		font-size: 16px;
		border: 4px solid #1c2027;
		border-radius: 0;
		}

	.lec-submain .total-search .Btn {
		width: 80px; height: 60px;
		margin: 0 0 0 -8px; padding: 0 0 5px 0;
		font-size: 30px; line-height: 30px;
		border-color: #1c2027;
		background-color: #1c2027;
		transition: all 0.3s;
		}
	.lec-submain .total-search .Btn:hover	{border-color: #000; background-color: #000;}
	.lec-submain .total-search .Btn:active	{bottom: 0;}
	.lec-submain .total-search .Btn i		{margin: 0;}


/*----- Half ¹è³Ê -----*/
.lec-submain .half-banner {margin: -20px 0 60px 0; overflow: hidden;}
	.lec-submain .half-banner .rt {float: right;}

	.lec-submain .half-banner.middle a {
		display: inline-block; 
		background-color: transparent;
		background-position: -50% 50%;
		background-repeat: no-repeat;
		background-size: 100% auto;
		}
		.lec-submain .half-banner.middle a.rt {float: right;}


/* ¸ñ·Ï ¹è°æ */
.lec-submain .submain-lec {margin: 60px 0 60px 0; padding: 60px 0 65px 0; background: #ecf9ff url('/pds/images/sub/lecture/subMain_lecBg.png') no-repeat 50% 50%;}
	.lec-submain .submain-lec .comm-lec-List li .keywords span.tag {background: #dcedf5;}
	.lec-submain .submain-lec .comm-lec-List li .keywords span.tag:hover {color: #fff; background-color: #f47d31;}


/*----- Áß°£ ¹è³Ê -----*/
.lec-submain .submain-lec-middleBanner {
	height: 120px;
	margin: 60px 0 0 0;
	text-align: center;
	background: #618bef;
	background: -moz-linear-gradient(left,  #618bef 51%, #ff643c 52%);
	background: -webkit-linear-gradient(left,  #618bef 51%,#ff643c 52%);
	background: linear-gradient(to right,  #618bef 51%,#ff643c 52%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618bef', endColorstr='#ff643c',GradientType=1 );
	overflow: hidden;
	}

/*----- ½Ç¹«±âÃÊ -----*/
.lec-submain .submain-lec-silmu {
	margin: 0px 0 0 0; padding: 60px 0 70px 0;
	background: #ebeff4;
	overflow: hidden;
	}

	.lec-submain .submain-lec-silmu .tit {
		margin: 0 0 55px 0;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 17px; color: #777; letter-spacing: -0.5px; line-height: 160%; font-weight: 300; text-align: center;
		}
		.lec-submain .submain-lec-silmu .tit strong {display: block; margin: 15px 0 0 0; font-size: 50px; color: #1f2450; letter-spacing: -3px; font-weight: 700;}
	
	.lec-submain .submain-lec-silmu .lec-List {overflow: visible;}
	.lec-submain .submain-lec-silmu .comm-lec-List {overflow: visible;}

	.lec-submain .submain-lec-silmu .comm-lec-List a.lec			{padding: 30px 20px 26px 20px; border: 1px solid #ddd; background-color: #fff;}
	.lec-submain .submain-lec-silmu .comm-lec-List li:hover a.lec	{border-color: #777; box-shadow: 4px 4px 1px 0 rgba(0,0,0, 0.1);}
	.lec-submain .submain-lec-silmu .comm-lec-List li .thmubs {height: 194px; margin-bottom: 15px;}
	.lec-submain .submain-lec-silmu .comm-lec-List li .subj {
		height: 30px;
		margin: 0 0 12px 0; padding: 0 2px;
		font-size: 25px; letter-spacing: -1.5px;
		-webkit-line-clamp: 1;
		overflow: hidden;
		}
	.lec-submain .submain-lec-silmu .comm-lec-List li .etc .lecturer {display: block; float: none;}

	.lec-submain .submain-lec-silmu .comm-lec-List li::after {
		content: "";
		display: block;
		position: absolute; top: -30px; left: -20px;
		width: 105px; height: 104px;
		background: url('/pds/images/sub/lecture/icon_silmu.png') no-repeat 0 0;
		z-index: 10;
		}



/********************************************************************************************************************************
* CardÇü List
********************************************************************************************************************************/
/*----- ListÇü -----*/
.media-field {position: relative; margin: 0 0 50px 0; overflow: hidden;}
	.media-field:last-child {margin-bottom: 0;}

	.media-field .column-half {float: left; width: 50%;}
	.media-field .column-half:nth-child(1) {padding: 0 25px 0 0;}
	.media-field .column-half:nth-child(2) {padding: 0 0 0 25px;}


.lec-List {position: relative;} /* overflow-x: hidden; */
	.lec-List .comm-lec-List {margin: 0 -25px 0 0; overflow: hidden;}

	.lec-List.page {padding: 5px 0 5px 0;}
	.lec-List.page .comm-lec-List li {margin-bottom: 55px;}

	/* Btn */
	.lec-List.submain .btns {position: absolute; top: -22px; left: 260px; width: 92px; z-index: 10;}
	.lec-List .btns {position: absolute; top: 35px; left: 260px; width: 92px; z-index: 10;}
	.lec-List.five .btns {top: -22px; left: 200px;}

	.lec-List .btns div {
		position: absolute; top: 0px;
		width: 34px; height: 22px;
		color: #000;
		border: 1px solid transparent;
		border-radius: 3px;
		background-color: rgba(0,0,0, 0.08);
		background-size: auto 12px;
		transition: all 0.2s;
		}
	.lec-List .btns div:hover {background-color: #ff643c !important;}
	
	/* count º¯°æ */
	.lec-List .count {position: absolute; top: -36px; left: 0; font-size: 16px; color: #777; z-index: 10;}
		.lec-List .count strong {display: inline-block; margin: 0 2px 0 0; font-size: 20px; color: #e94e1b; letter-spacing: -0.5px;}

/*------ List -----------------------------------------*/
.comm-lec-List {
	clear: both;
	position: relative;
	margin: 0 -25px 0 0; padding: 0 0 5px 0;
	}
	.comm-lec-List ul {float: left; width: 100%;}
	.comm-lec-List li {
		float: left;
		position: relative;
		margin: 0 0 0px 0; padding: 0 25px 0 0;
		transition: all 0.3s;
		}

		.comm-lec-List li a.lec {
			display: block;
			position: relative;
			text-decoration: none;
			z-index: 1;
			}

		.comm-lec-List li .thmubs {
			position: relative;
			height: 160px;
			margin: 0 0 50px 0;
			text-align: center;
			align-items: center;
			-webkit-align-items: center;
			border-radius: 6px;
			background: url('/pds/images/comm/no_image.png') no-repeat center center;
			background-size: 100% auto;
			transition: all 0.2s;
			overflow: hidden;
			}
		.comm-lec-List li .thmubs::before {
			content: "";
			display: block;
			position: absolute; top: 0; bottom: 0px; left: 0; right: 0;
			background: rgba(0,0,0, 0.1);
			transition: all 0.3s;
			z-index: 2;
			}
		.comm-lec-List li .thmubs::after {
			content: "";
			display: block;
			position: absolute; top: 50%; left: 50%;
			width: 60px; height: 60px;
			margin: -30px 0 0 -30px;
			background: url('/pds/images/comm/media_playBtn.png') no-repeat 0 0;
			background-size: 50px auto;
			transition: all 0.3s;
			z-index: 3;
			}
		.comm-lec-List li a.lec:hover .thmubs			{box-shadow: 4px 4px 8px 0 rgba(0,0,0, 0.25);}
		.comm-lec-List li a.lec:hover .thmubs::before	{opacity: 0;}
		.comm-lec-List li a.lec:hover .thmubs::after	{transform: scale(1.1);}

		/* ½Ã¸®Áî */
		.comm-lec-List.series li .thmubs {margin-bottom: 15px;}

		.comm-lec-List li .thmubs img {
			display: inline;
			width: 100%; height: 100%;
			margin: 0 auto;
		/*	-o-object-fit: cover;
			object-fit: cover;
			-o-object-position: center;
			object-position: center;	*/
			transform: scale(1);
			transition: all 0.1s;
			}
		.comm-lec-List li a.lec:hover .thmubs img {transform: scale(1.05);}

		.comm-lec-List li .keywords {
			display: block;
			display: -webkit-box;
			position: absolute; top: 174px; left: 0; right: 0;
			width: 96%; height: 24px;
			margin: 0 0 10px 0; padding: 0 2px;
			color: #fff;
			word-wrap: break-word; text-overflow: ellipsis;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			z-index: 2;
			}
		.comm-lec-List li .keywords span.tag {
			display: inline-block;
			height: 24px;
			margin: 0 0px 0 0; padding: 0 8px;
			font-size: 11px; color: #666; letter-spacing: -0.5px; line-height: 23px; font-weight: 300; vertical-align: text-bottom;
			border-radius: 4px;
			background-color: #eee;
			transition: all 0.1s;
			cursor: pointer;
			}
		.comm-lec-List li .keywords span.tag:last-child {margin-right: 0;}
		.comm-lec-List li .keywords span.tag:hover {color: #fff; background-color: #f47d31;}

		.comm-lec-List li .subj {
			display: -webkit-box;
			position: relative;
			height: 74px;
			margin: 0 0 10px 0; padding: 0 2px;
			font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
			font-size: 19px; color: #111; letter-spacing: -0.8px; line-height: 130%; font-weight: 500;
			word-wrap: break-word; text-overflow: ellipsis;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			transition: all 0.2s;
			overflow: hidden;
			}
		.comm-lec-List li a.lec:hover .subj {color: #ff643c !important;}

		.comm-lec-List li .etc {
			position: relative;
			padding: 0 2px; font-size: 14px; color: #666699; line-height: 150%; font-weight: 400;
			}
		.comm-lec-List li .etc .lecturer {display: inline-block; float: right; color: #555;}

		.comm-lec-List li .summary {
			display: -webkit-box;
			position: relative;
			height: 34px;
			margin: 8px 0 0 0; padding: 0 2px;
			font-size: 12px; color: #999; letter-spacing: -0.5px; line-height: 140%; font-weight: 100;
			word-wrap: break-word; text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			transition: all 0.2s;
			overflow: hidden;
			}
		.comm-lec-List li:hover .summary {color: #000;}

		/* data- ·Î ÇÒ °æ¿ì */
		.comm-lec-List li .summary[data-summary] {position: relative; height: 34px;}
		.comm-lec-List li .summary[data-summary]::after {
			content: attr(data-summary);
			display: block;
			display: -webkit-box;
			min-height: 34px;
			position: absolute; top: 0; bottom: 0; left: 0; right: 0;
			font-size: 12px; color: #999; letter-spacing: -0.5px; line-height: 140%; font-weight: 100;
			word-wrap: break-word; text-overflow: ellipsis;
			word-wrap: break-word; text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			transition: all 0.2s;
			overflow: hidden;
			}
			.comm-lec-List li:hover .summary[data-summary]::after {color: #000;}
			
		.comm-lec-List li .icon {
			display: block;
			position: absolute; top: 0px; left: 8px;
			width: 34px; height: 26px;
			font-size: 11px; color: #fff; letter-spacing: 0.5px; line-height: 26px; font-weight: 300; text-align: center;
			background: #e83e1d;
			box-shadow: 2px 2px 1px 0 rgba(0,0,0, 0.1);
			z-index: 2;
			}
		
		/* ½Ç¹«±âÃÊÀÇ °æ¿ì */
		.comm-lec-List.academy					{overflow: visible;}
		.comm-lec-List.academy li				{margin-bottom: 60px;}
			.comm-lec-List.academy li::after {
				content: "";
				display: block;
				position: absolute; top: -15px; left: -25px;
				width: 70px; height: 70px;
				background: url('/pds/images/sub/lecture/icon_silmu(s).png') no-repeat 0 0;
				background-size: auto 60px;
				z-index: 10;
				}
		.comm-lec-List.academy li .thmubs		{margin-bottom: 15px;}
		.comm-lec-List.academy li .subj			{height: 55px; margin-bottom: 10px; font-size: 20px; -webkit-line-clamp: 2;}
		.comm-lec-List.academy li .etc			{padding-bottom: 10px; font-size: 13px; letter-spacing: -0.5px;}
		.comm-lec-List.academy li .summary		{height: 50px; -webkit-line-clamp: 3;}
		.comm-lec-List.academy li .etc::before	{
			content: "¿Â¶óÀα³À°";
			position: absolute; top: 2px; left: 0;
			height: 16px;
			padding: 0 6px;
			font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
			font-size: 10px; color: #fff; letter-spacing: -0.5px; line-height: 15px; font-weight: 300; text-align: center;
			border-radius: 16px;
			background: #e05555;
			z-index: 2;
			}
		
		/* ¿ÂÅÃÆ® °­ÁÂÀÇ °æ¿ì */
		.comm-lec-List.ontect									{overflow: visible;}
			.comm-lec-List.ontect li							{margin-bottom: 60px;}
				.comm-lec-List.ontect li .thmubs				{height: 210px; margin-bottom: 15px;}
					.comm-lec-List.ontect li .thmubs:after		{display: none;}
				.comm-lec-List.ontect li .subj					{height: 74px; margin-bottom: 4px; font-size: 20px;}
				.comm-lec-List.ontect li .etc					{margin-bottom: 8px;}
				.comm-lec-List.ontect li .etc .date				{display: block; margin-bottom: 5px; font-size: 15px; color: #666699; font-weight: 500;}
					.comm-lec-List.ontect li .etc .date strong	{font-size: 18px;}
				.comm-lec-List.ontect li .etc .price			{position: absolute; top: 26px; right: 0px; font-size: 15px; font-weight: 400;}
					.comm-lec-List.ontect li .etc .price .free	{display: inline-block; height: 18px; margin: 0 0 2px 0; padding: 0 7px; font-size: 12px; color: #fff; line-height: 18px; font-weight: 600; vertical-align: text-bottom; border-radius: 18px; background: #cb0a0a;}
				.comm-lec-List.ontect li .etc .lecturer			{float: none; font-size: 13px; color: #555; letter-spacing: -0.5px;}
				.comm-lec-List.ontect li .Btns					{position: relative; margin: 14px 0 0 0; padding: 0 0 5px 0px; overflow: hidden;}
					.comm-lec-List.ontect li .Btns a			{height: 35px; padding: 0 12px; font-size: 12px; line-height: 33px; font-weight: normal; border-radius: 4px;}
					.comm-lec-List.ontect li .Btns a:nth-of-type(1) {width: 70%; font-size: 14px; font-weight: 600;}
					.comm-lec-List.ontect li .Btns a:nth-of-type(2) {float: right; letter-spacing: -0.5px;}
				
				.comm-lec-List.ontect li a:first-of-type		{text-decoration: none !important;}
			
			/* ÁøÇàÁß */
			.comm-lec-List.ontect li.onAir::after			{
				content: "Ready";
				display: flex;
				position: absolute; top: -18px; left: -22px;
				width: 44px; height: 44px;
				padding: 0 0 2px 0;
				font-size: 11px; color: #fff; line-height: 120%; font-weight: 400; text-align: center;
				justify-content: center; align-items: center;
				border: 1px solid rgba(255,100,60,1);
				border-radius: 100%;
				/* background: #ff643c; */
				background: linear-gradient(135deg, rgba(255,100,60,1) 10%,rgba(255,174,0,1) 50%,rgba(255,100,60,1) 85%);
				box-shadow: 2px 4px 4px 0 rgba(0,0,0, 0.15);
				animation: ani_updown2 0.5s linear;
				animation-iteration-count: infinite;
				z-index: 10;
				}
				@keyframes ani_updown2 {
					0%		{transform: translateY(0);}
					50%		{transform: translateY(-4px);}
					100%	{transform: translateY(0);}
					}
				
				.comm-lec-List.ontect li.onAir .thmubs			{box-shadow: 5px 5px 12px 0 rgba(0,0,0, 0.3);}

				.comm-lec-List.ontect li.onAir .summary.wait	{height: 52px; -webkit-line-clamp: 3 !important;}
				
			/* Á¾·á */
			/*
			.comm-lec-List.ontect li.Finish .thmubs	img			{filter: grayscale(50%) blur(2px);}
			.comm-lec-List.ontect li.Finish .thmubs::before		{
				content: "";
				display: block;
				position: absolute; top: 0; bottom: 0px; left: 0; right: 0;
				background: rgba(0,0,0, 0.5) url('/pds/images/sub/taxnet_post/main_visual_dot3.png') repeat;
				z-index: 2;
				}
			.comm-lec-List.ontect li.Finish .thmubs::after		{
				content: "Á¾·áµÈ °­ÀÇÀÔ´Ï´Ù.";
				display: block;
				position: absolute; top: 50%; left: 50%;
				width: 200px; height: 40px;
				margin: -20px 0 0 -100px;
				font-size: 16px; color: #fff; line-height: 40px; font-weight: 600; text-align: center;
				border-radius: 40px;
				background: #000;
				z-index: 3;
				}
				.comm-lec-List.ontect li.Finish .etc .price .free {background: #999;}
				.comm-lec-List.ontect li.Finish .summary		{color: #aaa;}
				.comm-lec-List.ontect li.Finish .Btns::after	{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent;}
				.comm-lec-List.ontect li.Finish .Btns a			{border-color: #c4c9cf; background-color: #c4c9cf;}
			*/
			/* 2024-08-02 À̿츮 ¼öÁ¤¿äû */
			.comm-lec-List.ontect li.Finish .thmubs	img			{filter: grayscale(60%) blur(0);}
			.comm-lec-List.ontect li.Finish .thmubs::before		{
				content: "";
				display: block;
				position: absolute; top: 0; bottom: 0px; left: 0; right: 0;
				background: rgba(0,0,0, 0.4) url('/pds/images/sub/taxnet_post/main_visual_dot3.png') repeat;
				z-index: 2;
				}
			.comm-lec-List.ontect li.Finish .thmubs::after		{
				content: "Á¾·á";
				display: block;
				position: absolute; top: 37px; left: 6px;
				width: 80px; height: 18px;
				font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
				font-size: 11px; color: #fff; letter-spacing: -1px; line-height: 16px; font-weight: 400; text-align: center;
				background: #9a0000;
				box-shadow: 2px 2px 2px 0 rgba(0,0,0, 0.1);
				transform: rotate(-45deg);
				z-index: 100;
				}
				.comm-lec-List.ontect li.Finish .etc .price .free {background: #999;}
				.comm-lec-List.ontect li.Finish .summary		{color: #aaa;}
				/*.comm-lec-List.ontect li.Finish .Btns::after	{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent;}	*/
				.comm-lec-List.ontect li.Finish .Btns a			{border-color: #c4c9cf; background-color: #c4c9cf;}
				.comm-lec-List.ontect li.Finish .Btns .onAir	{cursor: default; color: rgba(255,255,255, 0.6) !important; font-weight: normal;}
					.comm-lec-List.ontect li.Finish .Btns::after {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 110px; background: transparent;}



/********************************************************************************************************************************
* ½Ç¹«°­ÀÇ > °øÅë
********************************************************************************************************************************/
.sub-lec-Banner {
	position: relative; height: 250px; margin: 0px 0 0px 0; text-align: center;
	background: #e7e7e7;
	background: -moz-linear-gradient(left,  #5a52c9 51%, #e7e7e7 52%);
	background: -webkit-linear-gradient(left,  #5a52c9 51%,#e7e7e7 52%);
	background: linear-gradient(to right,  #5a52c9 51%,#e7e7e7 52%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a52c9', endColorstr='#e7e7e7',GradientType=1 );
	}
	.sub-lec-Banner.lec5 {background: #d5e2ec url('/pds/images/sub/lecture/lec(5)_top_bg.png') no-repeat 50% 0;}
	.sub-lec-Banner.silmu {
		background: #e7e7e7;
		background: -moz-linear-gradient(left,  #e05555 51%, #e7e7e7 52%);
		background: -webkit-linear-gradient(left,  #e05555 51%,#e7e7e7 52%);
		background: linear-gradient(to right,  #e05555 51%,#e7e7e7 52%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05555', endColorstr='#e7e7e7',GradientType=1 );
		}
	.sub-lec-Banner.ontect {
		background: #e7e7e7;
		background: -moz-linear-gradient(left,  #4957ad 51%, #e7e7e7 52%);
		background: -webkit-linear-gradient(left,  #4957ad 51%,#e7e7e7 52%);
		background: linear-gradient(to right,  #4957ad 51%,#e7e7e7 52%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4957ad', endColorstr='#e7e7e7',GradientType=1 );
		}
	
	.sub-lec-Banner .subHome-Btn {
		display: block;
		position: absolute; bottom: 15px; right: 0;
		height: 40px;
		padding: 0 20px;
		font-size: 27px; color: #fff; line-height: 32px; text-align: center;
		border-radius: 40px;
		background: rgba(31,36,80, 1);
		box-shadow: 1px 2px 1px 0 rgba(0,0,0, 0.1);
		animation: subHome_ani 0.8s infinite;
		}
		.sub-lec-Banner .subHome-Btn:hover {bottom: 14px; background: #18269f;}
		/*
		@keyframes subHome_ani {
			50% {bottom: 18px;}
			}
		*/

/* tab ºÎºÐ */
.comm-pTabmenu.lecture {overflow: visible;}
.comm-pTabmenu.lecture li.silmu a::after {
		content: "ÇÁ¸®¹Ì¾ö ¿Â¶óÀα³À°";
		position: absolute; top: -13px; left: 50%;
		width: 108px; height: 20px;
		margin: 0 0 0 -54px;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 10.5px; color: #1f2450; letter-spacing: -0.5px; line-height: 17px; font-weight: 400; text-align: center;
		border: 1px solid #373d76;
		border-radius: 20px;
		background: #fff;
		box-shadow: 0px 2px 4px 0 rgba(0,0,0, 0.1);
		z-index: 3;
		}
		.comm-pTabmenu.lecture li.silmu.active a::after {color: #fff; border-color: #c74242; background: #d34646;}


/*------ °­ÀÇ View -----------------------------------------*/
.video-wp {
	clear: both;
	position: relative;
	width: 1200px;
	margin: -20px auto 40px auto;
	border-radius: 10px;
	box-shadow: 4px 4px 3px rgba(0,0,0, 0.15);
	overflow: hidden;
	}
	.video-wp.normal  {width: auto; margin: 0;  border-radius: 0; box-shadow: none;}
	.video-wp.normal2 {margin: 0 0 30px 0; padding: 20px; border-radius: 0; background: #555; box-shadow: none;}

	.video-wp video {
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		user-select: none;
		}

	.video-wp video ~ *, .video-wp video ~ *::before, .video-wp video ~ *::after {color: #fff !important;}
	.vjs-icon-placeholder, .vjs-remaining-time-display,
	.vjs-play-progress, .vjs-slider-bar {color: #fff !important;}
	.vjs-playback-rate .vjs-playback-rate-value {padding-top: 5px; font-size: 17px !important; color: #fff !important;}
	.vjs-menu li {font-size: 17px !important; color: #fff !important;}
	.vjs-menu li.vjs-selected {color: #000 !important;}
	.video-js .vjs-volume-level:before {color: #fff !important;}

	.video-downLoad-txt {position: absolute; bottom: -25px; left: 0; font-size: 13px;}

	.video-wp .vjs-poster {background-repeat: no-repeat; background-size: 100% 100% !important;}

.media-view-wp.basic {padding-top: 15px;}

/*--- zoneplay Reset ---*/
.skin-catvod > * div {color: #fff; font-weight: 300;}
/* ¼³Á¤ */
.skin-catvod .mpv-view-box {right: 0;}


/*----- Tag -----*/
.media-view-wp .tag {margin: 0 0 45px 0;}
	.media-view-wp .tag span {
		display: inline-block;
		height: 30px;
		margin: 0 5px 6px 0; padding: 0 12px;
		font-size: 13px; color: #fff; line-height: 30px; text-align: center; text-decoration: none !important;
		border-radius: 40px;
		background: #5c6a7c;
		}
.media-view-wp .keywords {margin: -10px 0 25px 0;}
	.media-view-wp .keywords a {
		display: inline-block;
		height: 30px;
		margin: 0 5px 6px 0; padding: 0 12px;
		font-size: 13px; color: #fff; letter-spacing: -0.5px; line-height: 30px; text-decoration: none;
		border-radius: 4px;
		background-color: #8e9aa8;
		cursor: pointer;
		}
	.media-view-wp .keywords a:hover {background-color: #768393;}

.media-view-wp .title {
	position: relative;
	margin: 0 0 40px 0; padding: 20px 0 25px 0;
	font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
	font-size: 28px; letter-spacing: -1px; font-weight: 500;
	border-bottom: 1px solid #ddd;
	}
	.media-view-wp .title.member {padding: 0 0 30px 0;}
	.media-view-wp .title .etc {
		display: inline-block;
		position: absolute; top: 5px; right: 0;
		font-size: 20px; letter-spacing: -0.5px;
		}
	.media-view-wp .txt-bar {
		display: inline-block;
		margin: 0 12px 6px 12px;
		font-size: 12px; color: #ccc; line-height: 0; vertical-align: middle;
		}

/*----- ½Ç¹«±âÃÊ -----*/
.media-view-wp.basic .title {margin: 0; border-bottom: none;}
.media-view-wp .title .icon {
	display: inline-block;
	height: 28px;
	margin: 0 6px 2px 0; padding: 0 12px;
	font-size: 15px; color: #fff; letter-spacing: 0; line-height: 28px; font-weight: 300; text-align: center; vertical-align: middle;
	}
.media-view-wp .title .icon.cate01,
.media-view-wp .title .icon.tax		{background: #32818a;}
.media-view-wp .title .icon.cate02,
.media-view-wp .title .icon.acc		{background: #3a7b4d;}
.media-view-wp .title .icon.cate03,
.media-view-wp .title .icon.labor	{background: #7e6d38;}
.media-view-wp .title .icon.cate04,
.media-view-wp .title .icon.basic	{background: #e05555;}
.media-view-wp .title .icon.cate05	{background: #f9c905;}
.media-view-wp .title .icon.cate07	{background: #03c75a;}
.media-view-wp .title .icon.series	{margin-left: -8px; background: #00a0d4;}

.media-view-wp .detail {
	position: relative;
	margin: 0 0 30px 0; padding: 5px 0 50px 0;
	font-size: 100%; line-height: 170%;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	}

/* 5ºÐƯ°­ */
.media-view-wp .detail h1 {display: block; margin: 0 auto 0px auto; font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic'; font-size: 35px; margin: 0 0 20px 0; letter-spacing: -0.5px; line-height: 170%; font-weight: 500; text-align: center;}
.media-view-wp .detail h2 {display: block; margin: 30px auto 10px auto; font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic'; font-size: 26px; letter-spacing: -0.5px; line-height: 170%; font-weight: 400;}

/* À̳ª¿ì½º¾ÆÄ«µ¥¹Ì ¸Àº¸±â¿ë ÄÜÅÙÃ÷ ½ºÅ¸ÀÏ */
.media-view-wp .detail h4 {
	display: block;
	margin: 10px 0 10px 0;
	font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
	font-size: 22px; color: #f25a28; letter-spacing: -0.5px; line-height: 120%; font-weight: 500;
	}
	.media-view-wp .detail h4 strong {font-weight: 500;}

.media-view-wp .detail table {width: 90%; table-layout: fixed; margin: 15px 0 10px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #d9d9d9;}
	.media-view-wp .detail table tr:last-child td {border-bottom: none;}

	.media-view-wp .detail table th {
		padding: 10px 0;
		font-size: 13px; color: #777; line-height: 120%; text-align: center; font-weight: 500; vertical-align: middle;
		border-bottom: 1px solid #ddd; border-right: 1px solid #e5e5e5;
		background: #f5f5f5;
		}
		.media-view-wp .detail table th:last-child {border-right: none;}

	.media-view-wp .detail table td {
		padding: 10px 20px 10px 20px;
		font-size: 13px; line-height: 150%; text-align: left; vertical-align: middle;
		border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;
		}
		.media-view-wp .detail table td:last-child {border-right: none;}

		.media-view-wp .detail table td.bg {background: #fafafa;}

		.media-view-wp .detail table td p {font-size: 13px; line-height: 150%; text-align: left;}

.media-view-wp .detail .inaus-Btn {display: inline-block; position: relative; bottom: 0; height: 60px; margin: 40px auto 40px 0; padding: 0 40px; font-size: 18px; color: #fff; letter-spacing: -1px; line-height: 60px; text-decoration: none !important; border-radius: 10px; background: #e05555; box-shadow: 0 3px 2px 0 rgba(0,0,0, 0.1);}
	.media-view-wp .detail .inaus-Btn:hover {bottom: -2px; background: #bf3434;}


/*----- °­»çÀÇ ´Ù¸¥ °­ÀÇ -----*/
.lec-List-tuNo {height: 80px; font-size: 15px; color: #999; line-height: 80px; text-align: center; border: 1px solid #eee; border-top-color: #ddd;}


/*----- Icon -----*/
.Lec-tabIcon {
	display: block;
	position: absolute; top: 10px; left: 10px;
	width: 48px; height: 48px;
	padding: 15px 0 0 0;
	font-size: 13px; color: rgba(255,255,255, 0.9); text-align: center;
	border-radius: 100%;
	box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.15);
	z-index: 5;
	}
	.Lec-tabIcon::before {
		content: "";
		display: block;
		position: absolute; top: 3px; left: 3px;
		width: 42px; height: 42px;
		border: 1px dashed rgba(255,255,255, 0.4);
		border-radius: 100%;
		}
	.Lec-tabIcon.free  {background: #da0909;}	/* #34a02c */

.Lec-tabIcon-new {
	display: block;
	position: absolute; top: 10px; left: 10px;
	z-index: 5;
	}
	.Lec-tabIcon-new .tabicon {
		display: inline-block;
		position: relative;
		width: 40px; height: 40px;
		font-size: 10px; color: rgba(255,255,255, 0.9); letter-spacing: 0px; line-height: 38px; text-align: center;
		border-radius: 100%;
		box-shadow: 2px 2px 2px 0 rgba(0,0,0, 0.2);
		}
	.Lec-tabIcon-new .tabicon::before {display: none;}
	.Lec-tabIcon-new .tabicon.free   {background: #da0909;}
	.Lec-tabIcon-new .tabicon.series {font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic'; font-size: 9px; padding-top: 9px; letter-spacing: -0.5px; line-height: 115%; font-weight: 200; background: #00a0d4;}
	.Lec-tabIcon-new .tabicon.series.one {padding: 0; font-size: 10px; line-height: 40px;}


/*------ 5ºÐƯ°­ -----*/
.media-5min-info-new {
	margin: 30px 0 20px 0;
	font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
	font-size: 30.5px; letter-spacing: -0.5px; line-height: 120%; font-weight: 400; text-align: center;
	}
	.media-5min-info-new strong {color: #3e32c3;}

.media-5min-tag {margin: 0 0 -20px 0; text-align: center;}
	.media-5min-tag a {
		display: inline-block;
		height: 40px;
		padding: 0 30px;
		font-size: 15px; color: #3e32c3; letter-spacing: -1px; line-height: 38px; text-decoration: none; text-align: center;
		border: 1px solid #3e32c3;
		border-radius: 40px;
		}
	.media-5min-tag a.active {color: #fff; background: #3e32c3;}
	.media-5min-tag a:hover	 {color: #fff; background: #3e32c3;}


/*----- ½Ç¹«±âÃÊ -----*/
.silmu-lec-guide {
	position: relative;
	height: 80px;
	margin: 0 0 45px 0; padding: 0 120px 0 0;
	font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
	font-size: 18px; color: #222; letter-spacing: -0.2px; line-height: 80px; font-weight: 400; text-align: center;
	background: #d7dbed;
	}
	.silmu-lec-guide a {
		display: inline-block;
		position: absolute; top: 50%; right: 30px;
		height: 26px;
		margin: -13px 0 0 0; padding: 0 30px 0 10px;
		font-size: 11px; color: #fff; letter-spacing: 0; line-height: 25px; font-weight: 300; text-decoration: none; text-align: center;
		background: #2a2a41;
		}
		.silmu-lec-guide a .ic {display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 22px; font-size: 10px !important; color: rgba(255,255,225, 0.4); text-align: center; background: #12121c;}

.silmu-lec-List li {
	position: relative;
	margin: 0 0 40px 0; padding: 25px 35px 25px 35px;
	border: 1px solid #dfdfdf; border-bottom-color: #cfcfcf;
	background: #fafafa;
	transition: all 0.2s;
	}
	.silmu-lec-List li:hover {border-color: #777; background: #fff; box-shadow: 5px 5px 10px 0 rgba(0,0,0, 0.2);}
	.silmu-lec-List li:last-child {margin-bottom: 0;}

	.silmu-lec-List li::before, .silmu-lec-List li::after {content: ""; display: block; position: absolute; width: 20px; height: 20px;}
	.silmu-lec-List li::before {top: -2px; left: -2px; border-top: 3px solid #e05555; border-left: 3px solid #e05555;}
	.silmu-lec-List li::after  {bottom: -2px; right: -2px; border-bottom: 3px solid #e05555; border-right: 3px solid #e05555;}

	.silmu-lec-List li a {display: block; position: relative; transition: all 0.2s;}
	.silmu-lec-List li a::before {
		content: "\f055";
		position: absolute; bottom: -61px; left: 50%;
		width: 30px; height: 30px;
		margin: 0 0 0 -14px;
		font-family: 'FontAwesome'; font-size: 30px; color: #d7dbed; line-height: 100%; text-align: center;
		z-index: 2;
		}
		.silmu-lec-List li:last-child a::before {display: none;}
	.silmu-lec-List li a::after {
		content: "";
		display: block;
		position: absolute; top: -10px; left: -25px;
		width: 70px; height: 70px;
		background: url('/pds/images/sub/lecture/icon_silmu(s).png') no-repeat 0 0;
		}

	.silmu-lec-List li .thumb {
		display: inline-block;
		float: left;
		position: relative;
		width: 230px; height: 130px;
		text-align: center;
		overflow: hidden;
		}
	.silmu-lec-List li .thumb:after {
		content: "";
		display: block;
		position: absolute; top: 50%; left: 50%;
		width: 60px; height: 60px;
		margin: -30px 0 0 -30px;
		border-radius: 100%;
		background: rgba(0,0,0, 0.1) url('/pds/images/comm/media_playBtn.png') no-repeat 0 0;
		background-size: 60px auto;
		z-index: 2;
		}
	.silmu-lec-List li .thumb img {width: 231px; height: 130px; transform: scale(1); transition: all 0.2s;}
		.silmu-lec-List li:hover .thumb img {transform: scale(1.05);}

	.silmu-lec-List li .info {
		display: inline-block;
		float: left;
		width: 840px;
		padding: 15px 0 0 30px;
		}
	.silmu-lec-List li .info .subj {
		display: inline-block;
		position: relative;
		margin: 0 0 20px 0;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 28px; letter-spacing: -1px; font-weight: 500;
		}
		.silmu-lec-List li .info .subj::before {
			content: "¿Â¶óÀα³À°";
			position: absolute; top: 50%; right: -90px;
			width: 70px; height: 20px;
			margin: -9px 0 0 0;
			font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
			font-size: 11px; color: #fff; letter-spacing: -0.5px; line-height: 18px; font-weight: 300; text-align: center;
			border-radius: 20px;
			background: #3c4a64;
			z-index: 2;
			}
	.silmu-lec-List li .info .summary {
		display: block;
		display: -webkit-box;
		position: relative;
/*		height: 38px;	*/
		margin: 0 0 10px 0; padding: 0 0 0 15px;
		font-size: 13px; color: #555; line-height: 140%;
		word-wrap: break-word; text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		}
	.silmu-lec-List li .info .summary::before {content: ""; display: block;	position: absolute; top: 3px; bottom: 6px; left: 0; width: 2px; background: #8680bc;}
	.silmu-lec-List li .info .lecturer {display: block; color: #777;}

	.silmu-lec-List li i {
		position: absolute; top: 50%; right: -20px;
		width: 30px; height: 80px;
		margin: -40px 0 0 0;
		font-size: 50px; color: #c6c5dc; line-height: 78px;
		transition: all 0.2s;
		}
	.silmu-lec-List li:hover i {color: #e05555;}

.silmu-lec-guideTxt {
	clear: both;
	position: relative;
	margin: 40px 0 0 0;
	overflow: hidden;
	}
	.silmu-lec-guideTxt.mrg-bottom {padding-bottom: 50px;}
	.silmu-lec-guideTxt.btLine {padding-bottom: 20px; border-bottom: 1px dotted #aaa;}

	.silmu-lec-guideTxt li {
		margin: 0 0 2px 0; padding: 5px 0 0 12px;
		font-size: 15px; color: #444; line-height: 160%; text-align: justify;
		background: url('/pds/images/comm/ic_gray4.png') no-repeat 0 16px;
		}
		.silmu-lec-guideTxt li:last-child {margin-bottom: 0;}


/*----- À̺¥Æ®¿ë °­ÀÇ style Ãß°¡ -----------------------------------------*/
/* ¼­ºê¸ÞÀÎ ½Ç¹«±âÃÊ list ºÎºÐ */
/*
.comm-lec-event-lock ~ .comm-lec-List li:first-child span.lock {
	display: block;
	position: absolute; top: 0; bottom: 0; left: 0; right: 25px;
	background: rgba(0,0,0, 0.1) url('/pds/images/comm/pattern3.png') repeat 0 0;
	z-index: 10;
	}
	.comm-lec-event-lock ~ .comm-lec-List li:first-child span.lock::after {
		content: "º» À̺¥Æ® °­ÀÇ´Â 1¿ù 9ÀÏ¿¡ ¿Àǵ˴ϴÙ.";
		display: block;
		position: absolute; top: 50%; left: 50%;
		width: 250px; height: 30px;
		margin: -15px 0 0 -125px;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 13px; color: #fff; letter-spacing: -0.2px; line-height: 29px; font-weight: 400; text-align: center;
		background: #bf3434;
		box-shadow: 0 6px 10px 0 rgba(0,0,0, 0.5);
		}
*/
/* ½Ç¹«±âÃÊ List ºÎºÐ */
/*
.comm-lec-event-lock ~ .silmu-lec-List.academy li:nth-of-type(1)::before {
	content: "EVENT";
	display: block;
	position: absolute; top: -15px; left: -25px;
	width: 50px; height: 30px;
	font-size: 11px; color: #fff; line-height: 30px; text-align: center;
	border: 0;
	border-radius: 30px;
	background: #cc3d3d;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.3);
	z-index: 10;
	}
.comm-lec-event-lock ~ .silmu-lec-List.academy {position: relative;}
.comm-lec-event-lock ~ .silmu-lec-List.academy li:first-of-type {
	padding: 25px 35px 25px 35px;
	border: 2px solid #e05555;
	}
	.comm-lec-event-lock ~ .silmu-lec-List.academy span.lock {
		display: block;
		position: absolute; top: 3px; left: 3px;
		width: 1194px; height: 180px;
		background: rgba(0,0,0, 0.1) url('/pds/images/comm/pattern3.png') repeat 0 0;
		z-index: 10;
		}
		.comm-lec-event-lock ~ .silmu-lec-List.academy span.lock::after {
			content: "º» À̺¥Æ® °­ÀÇ´Â 1¿ù 9ÀÏ¿¡ ¿Àǵ˴ϴÙ.";
			display: block;
			position: absolute; top: 50%; left: 50%;
			width: 360px; height: 40px;
			margin: -20px 0 0 -180px;
			font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
			font-size: 18px; color: #fff; letter-spacing: -0.2px; line-height: 39px; font-weight: 500; text-align: center;
			background: #bf3434;
			box-shadow: 0 6px 10px 0 rgba(0,0,0, 0.5);
			}
*/


.info-guide-box {margin: 10px 0 0px 0; padding: 18px 20px 18px 20px; font-size: 14px; color: #555; letter-spacing: -0.5px; line-height: 150%; font-weight: 400; border: 1px solid #ddd; background: #fafafa;}
	.info-guide-box li {margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 14px; color: #555; letter-spacing: -0.5px; line-height: 150%; background: url('/pds/images/comm/ic_gray.gif') no-repeat 0 9px;}
		.info-guide-box li:last-child {margin-bottom: 0;}

.silmu-lec-info {margin: 0px 0 30px 0; padding: 18px 20px 18px 20px; font-size: 14px; color: #555; letter-spacing: -0.5px; line-height: 150%; font-weight: 400; border: 1px solid #dadada; background: #fafafa;}



/********************************************************************************************************************************
* ½Ç¹«°­ÀÇ > °øÅë(±âÁ¸)
********************************************************************************************************************************/
/*----- ¼ö°­½Åû, µµ¼­±¸¸Å ¾È³» -----*/
.media-bottom-guide {position: relative; padding: 20px 20px 24px 20px; font-size: 100%; line-height: 1.2em; text-align: center; border: 3px solid #eee;}
	.media-bottom-guide a {height: 35px !important; margin: 15px 5px 0 0; padding: 0 20px !important; line-height: 31px !important; border-radius: 4px;}
	.media-bottom-guide a:last-child {margin-right: 0;}

/*---- ½Ã¸®Áî List ----*/
.series-List th.Left {
	padding-left: 25px;
	font-size: 105% !important; color: #777 !important;
	}
	.series-List th.Left strong {color: #333;}

.series-List .series-media {
	clear: both;
	display: block;
	position: relative;
	padding: 16px 0 16px 25px;
	font-size: 100%; color: #333; line-height: 1.4em; text-align: left;
	transition: all 0.3s;
	overflow: hidden;
	}
	.series-List .series-media:hover {text-decoration: none;}
	.series-List .series-media .thumb {
		display: inline-block;
		float: left;
		position: relative;
		width: 230px; height: 130px;
		text-align: center;
	/* background: red; */
		overflow: hidden;
		}
	.series-List .series-media .thumb:after {
		content: "";
		display: block;
		position: absolute; top: 50%; left: 50%;
		width: 40px; height: 40px;
		margin: -15px 0 0 -15px;
		border-radius: 100%;
		background: rgba(0,0,0, 0.1) url('/pds/images/comm/media_playBtn.png') no-repeat 0 0;
		background-size: 30px auto;
		z-index: 2;
		}
	.series-List .series-media .thumb img {width: 231px; height: 130px;}

	/*----- ½Ç¹«±âÃÊ -----*/
	.series-List.basic .series-media {padding: 6px 0 6px 20px;}
	.series-List.basic .series-media .thumb {width: auto; height: 50px;}
	.series-List.basic .series-media .thumb img {width: auto; height: 50px;}

	.series-List .series-media .info {
		display: inline-block;
		float: left;
		width: 900px;
		padding: 3px 0 0 30px;
		transition: all 0.3s;
		}
	.series-List .series-media .info .subj {
		display: block;
		margin: 0 0 12px 0;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 18px; letter-spacing: -0.5px; font-weight: 400;
		transition: all 0.3s;
		}
	.series-List .series-media:hover .info .subj {color: #ff5529; text-decoration: none;}
	.series-List.basic .series-media .info .subj {margin-bottom: 5px; font-size: 18px;}

	.series-List .series-media .info .detail {
		display: block;
		display: -webkit-box;
		height: 40px;
		margin: 0 0 10px 0;
		font-size: 13px; color: #555; line-height: 1.4em;
		word-wrap: break-word; text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		}
	.series-List .series-media .info .detail.new {padding-right: 120px;}
	.series-List .series-media .info .time {display: block; color: #777; font-size: 14px;}
	.series-List .series-media .info .time.inline {display: inline-block;}
	.series-List .series-media .info .lecturer {display: block; color: #777;}
	.series-List .series-media .info .txt-bar {
		display: inline-block;
		margin: 0 12px 6px 12px;
		font-size: 12px; color: #ccc; line-height: 0; vertical-align: middle;
		}

	.series-List .series-media .btn {
		position: absolute; top: 50%; right: 20px;
		margin: -15px 0 0 0;
		letter-spacing: -0.5px;
		border-color: #a4acb4 !important; background-color: #acb4bc  !important;
		border-radius: 4px;
		transition: all 0.3s;
		}
		.series-List .series-media .btn::before {content: "µ¿¿µ»ó º¸±â";}

	/*----- playÁß -----*/
	.series-List .series-media.playing {background: #fff6f4;}
	.series-List .series-media.playing .info .subj {
		display: inline-block;
		padding-right: 40px;
		color: #ff5529; font-weight: 700; text-decoration: none;		
		background: url('/pds/images/sub/silmu/playing.png') no-repeat right 3px;
		}
	.series-List .series-media.playing .btn {border-color: #f66039 !important; background-color: #ff643c !important;}
		.series-List .series-media.playing .btn::before {content: "¼±ÅÃÇÑ °­ÀÇ"}

/*---- ±³Àç¾È³» ----*/
.media-basic-book {
	padding: 30px 20px 30px 20px;
	border-color: #d7d7d7 !important;
	}
	.media-basic-book .Lt {width: 280px; padding: 0 0 0 15px; text-align: center;}
	.media-basic-book .book-thumb {
		display: block;
		width: 260px; height: 230px;
		margin: 5px auto 0 auto;
		text-align: center;
		background: #fff;
		}
	.media-basic-book .book-thumb img {width: auto; height: 230px;}
	.media-basic-book .Lt .btn-type {
		margin-top: 25px;
		font-size: 15px;
		}
	
	/* ¿¡µàÅýº³Ý ȸ¿ø¿ë */
	.media-basic-book .Lt a[href^="###"].btn-type {display: none;}


	.media-basic-book .Rt {width: 860px; padding: 0 40px 0 0; line-height: 1.4em;}
	.media-basic-book .main-info {
		display: block;
		margin: 10px 0 0 2px;
		color: #666;
		}
	.media-basic-book .main-info strong {
		display: block;
		margin: 0 0 12px 0;
		font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic';
		font-size: 27px; color: #333; letter-spacing: -0.5px; font-weight: 500;
		}
	.media-basic-book .main-info .bar {
		display: inline-block;
		margin: 0 7px 2px 7px;
		font-size: 10px; color: #999; font-weight: normal; vertical-align: middle;
		}
	.media-basic-book .main-info .summary {
		display: block;
		margin: 15px 0 12px 0;
		color: #36517b; letter-spacing: -0.5px; font-weight: bold;
		}

	.media-basic-book ul.import {
		margin: 0 60px 15px 0; padding: 8px 0 10px 0; 
		border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;
		background: #f8f8f8;
		}
	.media-basic-book ul.import li	{
		padding: 2px 0 2px 20px;
		font-size: 14px; line-height: 1.4em;
		}
	.media-basic-book .detail-info {
		display: block;
		display: -webkit-box;
		height: 125px;
		margin: 0 0 10px 2px;
		font-size: 12px;
		word-wrap: break-word; text-overflow: ellipsis;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		}
	.media-basic-book .arrow {margin: 0 3px 0 2px; font-size: 85%; color: blue;}

	.media-basic-book-txt {padding: 12px 0 0 0; font-sizE: 14px; color: #999;}
		.media-basic-book-txt a {color: #999;}



/********************************************************************************************************************************
* ¿ÂÅÃÆ® > À̺¥Æ®¼º »ó¼¼³»¿ë(2024-08-05)
********************************************************************************************************************************/
.comm-lec-info-wp {position: relative; min-height: 400px; margin: 0 0 80px 0;}

	/* title */
	.comm-lec-info-wp .lec-subj {
		position: relative;
		margin: -4px 0 30px 0; padding: 0 60px 18px 0;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
		font-size: 32px; letter-spacing: -1px; line-height: 120%; font-weight: 700;
		border-bottom: 2px solid #444;
		}
		.comm-lec-info-wp .lec-subj .icon {
			display: inline-block;
			height: 30px;
			margin: 0 -4px 0 0; padding: 0 6px;
			font-size: 13px; color: #fff; letter-spacing: -0.5px; line-height: 30px; font-weight: 400; text-align: center;
			border-radius: 2px;
			}
			.comm-lec-info-wp .lec-subj .icon:last-child	{margin-right: 5px !important;}
			.comm-lec-info-wp .lec-subj .icon.ontact		{background: #e05555;}
			.comm-lec-info-wp .lec-subj .icon.refund, .non-mobile		{background: #686faf;}
			.comm-lec-info-wp .lec-subj .icon.non-refund	{background: #27ae60;}
			.comm-lec-info-wp .lec-subj .icon.best			{background: #cb0a0a;}
			.comm-lec-info-wp .lec-subj .icon.recom			{background: #378cd5;}
			.comm-lec-info-wp .lec-subj .icon.edu-member	{background: #03c75a;}

		.comm-lec-info-wp .lec-subj .subj {display: inline-block; padding: 0 0 0 12px; vertical-align: middle;}

		.comm-lec-info-wp .lec-subj .list-btn {
			position: absolute; top: 10px; right: 0px;
			height: 34px;
			padding: 0 12px;
			font-size: 14px; line-height: 32px; font-weight: 400;
			box-shadow: none !important;
			}

	/* Thumbs */
	.comm-lec-info-wp .photo {
		float: left;
		position: relative;
		width: 450px; height: 250px;
		margin: 0 0 20px 0;
		text-align: center;
		align-items: center;
		-webkit-align-items: center;
		border-radius: 6px;
		background: url('https://www.inausacademy.com/site_share/images/2021/no_image_bg.png') no-repeat center center;
		background-size: 100% auto;
		overflow: hidden;
		}
		.comm-lec-info-wp .photo img {
			display: inline;
			width: 100%; min-height: 100%;
		/*	-o-object-fit: cover;
			object-fit: cover;
			-o-object-position: center;
			object-position: center;	*/
			}

	/* Info */
	.comm-lec-info-wp .info {float: right; width: 690px; padding: 5px 0 0 0;}
		.comm-lec-info-wp .info ul {padding: 0 30px 0 0;}
		.comm-lec-info-wp .info li {
			position: relative;
			margin: 0 0 8px 0; padding: 0 0 0 115px;
			font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
			font-size: 16px; line-height: 140%;
			}
		.comm-lec-info-wp .info li:last-child {margin-bottom: 0;}

		.comm-lec-info-wp .info li .subj {
			display: block;
			position: absolute; top: 1px; left: 0;
			padding: 0 0 0 11px;
			font-size: 15px !important; color: #888 !important; letter-spacing: -0.2px; font-weight: 400 !important;
			background: url('https://www.inausacademy.com/site_share/images/2021/icon/ic_gray.gif') no-repeat 0 10px;
			}

		.comm-lec-info-wp .info li .more-btn {margin: 0 0 3px 8px; padding: 0 7px; vertical-align: text-bottom;}
			.comm-lec-info-wp .info li .more-btn.question {line-height: 10px; border-radius: 3px;}
			.comm-lec-info-wp .info li .more-btn.question i {margin: 0;}

		.comm-lec-info-wp .info li.price {margin-bottom: 9px; padding-top: 5px;}
		.comm-lec-info-wp .info li.price .subj {top: 7px;}
		.comm-lec-info-wp .info li.price strong {display: inline-block; margin: 0 3px 0 0; font-size: 26px; letter-spacing: -0.8px; font-weight: 700;}

		.comm-lec-info-wp .info .line {
			display: block;
			height: 2px;
			margin: 16px 0 12px 0;
			border-top: 1px dashed #d5d5d5;
			}

		.comm-lec-info-wp .info li.refund .bIcon {width: 54px; font-weight: 500;}

		.comm-lec-info-wp .info li table.tbl {margin: 10px 0 0 0; border: 1px solid #d7d7d7;}
		.comm-lec-info-wp .info li table.tbl th {
			padding: 0 10px 0 10px;
			font-size: 14px; vertical-align: middle;
			border-right: 1px solid #ddd;
			background: #f7f7f7;
			}
		.comm-lec-info-wp .info li table.tbl th.bottom-Line {border-bottom: 1px solid #ddd;}
		.comm-lec-info-wp .info li table.tbl td {
			padding: 5px 20px 5px 20px;
			font-size: 14px; line-height: 120%; text-align: left; vertical-align: middle;
			border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;
			}
		.comm-lec-info-wp .info li table.tbl td.Right {padding-left: 24px; padding-right: 24px; text-align: right;}

		.comm-lec-info-wp .info li table.tbl.edu th {padding: 3px 8px 3px 8px;}
		.comm-lec-info-wp .info li table.tbl.edu th .radio-field {padding-left: 27px;}
		.comm-lec-info-wp .info li table.tbl.edu td {padding: 5px 15px;}

		.comm-lec-info-wp .info .Btns {margin: 40px 0 0 115px; text-align: left;}

		.comm-lec-info-wp .info .Btns .btn-type {
			height: 60px;
			margin-right: 8px;
			font-size: 21px; letter-spacing: -0.5px; line-height: 58px; font-weight: 400;
			border-radius: 4px;
			}
			.comm-lec-info-wp .info .Btns .btn-type i.lec-start-Btn {font-size: 18px; margin: 0 10px 5px 0; vertical-align: middle;}

		.comm-lec-info-wp .info li.save {padding-left: 180px;}
			.comm-lec-info-wp .info li.save .box {
				display: none;
				position: absolute; top: -1px; left: 25px;
				width: 280px;
				padding: 15px 20px 15px 20px;
				font-size: 14px; color: #555; line-height: 130%; font-weight: 400; text-align: left;
				border: 1px solid #ccc;
				background: #fff;
				box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.08);
				animation: modal_Ani 0.2s ease-out;
				z-index: 10;
				}
			.comm-lec-info-wp .info li.save .box strong {display: block; margin: 0 0 2px 0; font-size: 15px; color: #333; font-weight: 500;}
			.comm-lec-info-wp .info li.save .more-btn.question:hover .box {display: block}

		.comm-lec-info-wp .info li.option {margin: 12px 0 12px 0;}

		.comm-lec-info-wp .info li.summary2 {
			display: -webkit-box;
			margin-bottom: 12px;
			font-size: 14px; color: #777; line-height: 140%; font-weight: 400;
			word-wrap: break-word; text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			}

	/* Summary */
	.comm-lec-info-wp .summary {
		position: absolute; top: 365px; left: 0;
		width: 450px;
		padding: 0 10px;
		font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
		font-size: 13px; color: #999; line-height: 135%; font-weight: 400; text-align: justify;
		}
		.comm-lec-info-wp .summary strong {display: block; margin: 0 0 4px 0; color: #666; font-weight: 700;}


.comm-lec-detail-wp {position: relative; padding: 20px 0 0 0;}
	.comm-lec-detail-wp .title {position: relative; margin: 0 0 30px 0; padding: 0 0 15px 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 27px; letter-spacing: -1px; line-height: 120%; font-weight: 700; border-bottom: 1px solid #ddd; overflow: hidden;}
	.comm-lec-detail-wp .detail {text-align: center;}
		.comm-lec-detail-wp .detail img {display: block; margin: 0 auto;}
		.comm-lec-detail-wp .detail video {margin: 0 auto; width: 1000px; height: 1279px; border: none;}

	.comm-lec-detail-wp .btn-fd {display: block; position: relative;}
		.comm-lec-detail-wp .btn-fd a {display: block; position: absolute; bottom: 120px; left: 50%; width: 440px; height: 100px; margin: 0 0 0 -220px; z-index: 100;}