#lecture{
	width:100%;
	background:#f7f7f7;
	padding-bottom:4em;
}

#lecture .title{
	width:94%;
	margin:0em auto 0;
	font-size:20px;
	letter-spacing:-0.7px;
	padding-top:2em;
}

#lecture .depth3rd{
	background:#fff;
	border:1px solid #e5e5e5;
	width:94%;
	margin:1em auto 0;
	padding:3%;
	box-sizing:border-box;
}

#lecture .depth3rd .searchInfo{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:1em;
}

#lecture .depth3rd .searchInfo .subjectArea{
	width:100%;
}

#lecture .depth3rd .searchInfo .subjectArea .icon{
	width:25px;
	display:inline-block;
}

#lecture .depth3rd .searchInfo .subjectArea .icon img{
	width:100%;
	vertical-align:middle;
}

#lecture .depth3rd .searchInfo .subjectArea .subject{
	font-size:16px;
	color:#00284a;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}


#lecture .depth3rd .searchInfo .substance{
	font-size:13px;
	color:#777;
	padding-top:0.7em;
	word-break:keep-all;
}

#lecture .depth3rd .selectDepth{
	width:100%;
	margin-top:1em;
}

#lecture .depth3rd .selectDepth select{
	width:100%;
	border:1px solid #e5e5e5;
	padding:10px;
	box-sizing:Border-box;
	background:#fff;
}

.searchLine{
	width:94%;
	border:1px solid #e5e5e5;
	margin:1em auto 0;
	background:#fff;
	display:flex;
}

.searchLine select{
	width:20%;
	border-right:1px solid #e5e5e5;
	font-size:13px;
	background:#fff;
	padding:10px 5px;
	box-sizing:Border-box;
	border-radius:0;
	border-left:0;
	border-top:0;
	border-bottom:0;
}


.searchLine .inputBox{
	width:68%;
	border-right:1px solid #e5e5e5;
	font-size:13px;
	padding:10px 5px;
	box-sizing:Border-box;
	display:inline-block;
	border:0;
}

.searchLine .inputBtn{
	width:30px;
	padding:10px 5px;
	box-sizing:Border-box;
	display:inline-block;
	border:0;
	float:right;
}

.searchLine .inputBtn img{
	width:100%;
}

#lecture .lectureLine{
	width:94%;
	margin:2.5em auto 0;
}

#lecture .lectureLine .commonTab{
	width:100%;
	border-bottom:1px solid #222;
	border-left:1px solid #e5e5e5;
	display:flex;
}

#lecture .lectureLine .commonTab li{
	width:100%;
	text-align:center;
	display:inline-block;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	font-size:14px;
	padding:10px 0px;
}


#lecture .lectureLine .commonTab .on{
	background:#fff;
	border-left:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #222;
}

#lecture .lectureLine .lectureList{
	width:100%;
}

#lecture .lectureLine .lectureList dd{
	width:100%;
	border:1px solid #e5e5e5;
	margin-top:1em;
	box-sizing:Border-box;
	background:#fff;
}

#lecture .lectureLine .lectureList dd .deArea{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:3%;
	box-sizing:border-box;
}

#lecture .lectureLine .lectureList dd .deArea .thum{
	width:80px;
	display:inline-block;
}

#lecture .lectureLine .lectureList dd .deArea .thum img{
	width:100%;
	vertical-align:middle;
}

#lecture .lectureLine .lectureList dd .deArea .textArea{
	width:72%;
	display:inline-block;
	vertical-align:middle;
	padding-left:1em;
	box-sizing:Border-box;
}


#lecture .lectureLine .lectureList dd .deArea .textArea .subject{
	width:100%;
	font-size:15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#lecture .lectureLine .lectureList dd .deArea .textArea .substance{
	width:100%;
	font-size:13px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#777;
	margin-top:5px;
}


#lecture .lectureLine .lectureList dd .opArea{
	width:100%;
	padding:3%;
	box-sizing:border-box;
	display:inline-block;
}

#lecture .lectureLine .lectureList dd .opArea .price{
	font-size:18px;
	color:#d30000;
	font-family:'roboto','noto sans kr';
	display:inline-block;
	margin-top:0.2em;
}

#lecture .lectureLine .lectureList dd .opArea .price span{
	font-size:14px;
}


#lecture .lectureLine .lectureList dd .opArea .subsBTN{
	display:inline-block;
	float:right;
	padding:5px 20px;
	background:#d50d0d;
	color:#fff;
	font-size:13px;
}

#lecture .lectureLine .lectureList dd .opArea .subsBTN a{
	color:#fff;
}




#lecture .lectureView{
	width:100%;
}

#lecture .lectureView .topInfo{
	width:100%;
}

#lecture .lectureView .topInfo .thum{
	width:100%;
	display:block;
}

#lecture .lectureView .topInfo .thum img{
	width:100%;
}

#lecture .lectureView .topInfo .infoArea{
	width:94%;
	display:block;
	margin:0 auto;
}

#lecture .lectureView .topInfo .infoArea .subjectLine{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:10px 0px;
}


#lecture .lectureView .topInfo .infoArea .subjectLine .option{
	width:100%;
	display:block;
}



#lecture .lectureView .topInfo .infoArea .subjectLine .subject{
	width:100%;
	display:block;
	font-size:16px;
	color:#222;
	margin-top:10px;
}


#lecture .lectureView .topInfo .infoArea .priceLine{
	width:100%;
	padding:20px 0px;
	display:inline-block;
}

#lecture .lectureView .topInfo .infoArea .priceLine .price{
	font-size:20px;
	color:#d50d0d;
	font-family:'roboto','noto sans kr';
	display:inline-block;
	margin-top:0.2em;
}

#lecture .lectureView .topInfo .infoArea .priceLine .price span{
	font-size:14px;
}


#lecture .lectureView .topInfo .infoArea .priceLine .sampleView{
	display:inline-block;
	float:right;
	padding:5px 10px;
	background:#fff;
	border:1px solid #e5e5e5;
}

#lecture .lectureView .topInfo .infoArea .priceLine .sampleView .text{
	font-size:13px;
	color:#222;
	display:inline-block;
	vertical-align:middle;
}


#lecture .lectureView .topInfo .infoArea .priceLine .sampleView .icon{
	width:15px;
	display:inline-block;
	margin-left:15px;
}

#lecture .lectureView .topInfo .infoArea .priceLine .sampleView .icon img{
	width:100%;
	vertical-align:middle;
}

#lecture .lectureView .topInfo .infoArea .infoList{
	width:100%;
	border-top:1px solid #e5e5e5;
	padding:20px 0px;
}

#lecture .lectureView .topInfo .infoArea .infoList li{
	width:100%;
	display:block;
	margin-top:7px;
}


#lecture .lectureView .topInfo .infoArea .infoList li .subject{
	width:20%;
	font-size:13px;
	display:Inline-block;
	vertical-align:middle;
}

#lecture .lectureView .topInfo .infoArea .infoList li .substance{
	width:79%;
	font-size:13px;
	display:Inline-block;
	vertical-align:middle;
	color:#777;
}



#lecture .lectureView .topInfo .infoArea .exList{
	width:100%;
	
}


#lecture .lectureView .topInfo .infoArea .exList li{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:20px 0px;
}

#lecture .lectureView .topInfo .infoArea .exList li:first-child{
	border-top:1px solid #e5e5e5;
}


#lecture .lectureView .topInfo .infoArea .exList li .subject{
	width:20%;
	font-size:13px;
	color:#222;
	display:inline-block;
}
#lecture .lectureView .topInfo .infoArea .exList li .substance{
	width:79%;
	font-size:13px;
	color:#777;
	display:inline-block;
}

#lecture .lectureView .topInfo .infoArea .exList li .substance .deCheck{
	display:inline-block;
	text-align:Right;
	float:Right;
}

#lecture .lectureView .topInfo .infoArea .allPrice{
	width:100%;
	margin-top:20px;
	text-align:Right;
	font-size:18px;
	color:#d50d0d;
}


#lecture .lectureView .topInfo .infoArea .buttonArea{
	width:100%;
	margin-top:2.5em;
	text-align:center;
}

#lecture .lectureView .topInfo .infoArea .buttonArea .heart{
	width:55px;
	padding:15px;
	box-sizing:border-box;
	background:#e5e5e5;
	display:inline-block;
}
#lecture .lectureView .topInfo .infoArea .buttonArea .heart img{
	width:100%;
}

#lecture .lectureView .topInfo .infoArea .buttonArea .heart_on{
	width:40px;
	padding:10px;
	box-sizing:border-box;
	background:#d50d0d;
	display:inline-block;
}

#lecture .lectureView .topInfo .infoArea .buttonArea .heart_on img{
	width:100%;
}

#lecture .lectureView .topInfo .infoArea .buttonArea .cart{
	width:39%;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	border:1px solid #d30000;
	color:#d30000;
	padding:15px 0px;
	text-align:center;
	font-size:14px;
}


#lecture .lectureView .topInfo .infoArea .buttonArea .cart a{
	color:#d30000;
}

#lecture .lectureView .topInfo .infoArea .buttonArea .buy{
	width:39%;
	display:inline-block;
	vertical-align:middle;
	background:#d30000;
	border:1px solid #d30000;
	color:#fff;
	padding:15px 0px;
	text-align:center;
	font-size:14px;
}


#lecture .lectureView .topInfo .infoArea .buttonArea .buy a{
	color:#fff;
}









#lecture .lectureView .otherLecture{
	width:94%;
	margin:2.5em auto 0;
}

#lecture .lectureView .otherLecture .title{
	font-size:18px;
	color:#222;
	letter-spacing:-0.7px;
	width:100%;
}


#lecture .lectureView .otherLecture .otherList{
	width:100%;
	margin-top:1em;
	text-align:center;
}

#lecture .lectureView .otherLecture .otherList li{
	width:31%;
	display:Inline-block;
	vertical-align:top;
	margin-left:2%;
}

#lecture .lectureView .otherLecture .otherList li img{
	width:100%;
}

#lecture .lectureView .otherLecture .otherList li:first-child{
	margin-left:0px;
}



#lecture .lectureView #outline{
	width:94%;
	margin:4em auto 0;
}

#lecture .lectureView .cont{
	width:100%;
	margin-top:2.5em;
}

#lecture .lectureView .cont .sec{
	width:100%;
	margin-top:1.5em;
}

#lecture .lectureView .cont .sec:first-child{
	margin-top:0px;
}


#lecture .lectureView .cont .sec .subject{
	font-size:18px;
	letter-spacing:-0.7px;
	color:#222;
}


#lecture .lectureView .cont .sec .list{
	width:100%;
	margin-top:20px;
	padding-left:20px;
}


#lecture .lectureView .cont .sec .list li{
	width:100%;
	list-style:disc;
	font-size:13px;
	color:#444;
}


#lecture .lectureView .cont .sec .text{
	width:100%;
	font-size:13px;
	color:#444;
	word-break:keep-all;
	margin-top:1em;
}


#lecture .lectureView #toContents{
	width:94%;
	margin:4em auto 0;
}

#lecture .lectureView #toContents .cont .sec .List{
	width:100%;
	margin-top:1em
}

#lecture .lectureView #toContents .cont .sec .List li{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:1em 0px;
}

#lecture .lectureView #toContents .cont .sec .List li:first-child{
	border-top:1px solid #e5e5e5;
}

#lecture .lectureView #toContents .cont .sec .List li .num{
	width:10%;
	text-align:Center;
	font-family:'roboto';
	color:#00284a;
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
}

#lecture .lectureView #toContents .cont .sec .List li .subj{
	width:89%;
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
}




#lecture .lectureView #textbook{
	width:94%;
	margin:4em auto 0;
}

#lecture .lectureView #textbook .cont .book{
	width:100%;
}

#lecture .lectureView #textbook .cont .book .bookThum{
	width:200px;
	margin:0 auto;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}

#lecture .lectureView #textbook .cont .book .bookThum img{
	width:100%;
	vertical-align:bottom;
}


#lecture .lectureView #textbook .cont .book .textArea{
	width:100%;
	margin-top:1.5em;
	box-sizing:border-box;
	vertical-align:bottom;
}

#lecture .lectureView #textbook .cont .book .textArea .bookName{
	font-size:16px;
	font-family:'roboto','noto sans kr';
	color:#222;
	text-align:center;
}

#lecture .lectureView #textbook .cont .book .textArea .bookSubs{
	font-size:13px;
	font-family:'roboto','noto sans kr';
	color:#444;
	margin-top:15px;
	letter-spacing:-0.7px;
	word-break:keep-all;
	text-align:center;
}





#lecture .lectureView #howtouse{
	width:94%;
	margin:4em auto 0;
}

#lecture .lectureView #howtouse .cont .contBox{
	width:100%;
	border:1px solid #e5e5e5;
	background:#fff;
}

#lecture .lectureView #howtouse .cont .contBox .thumLine{
	width:100%;
	display:block;
	padding:1.5em;
	box-sizing:border-box;
}

#lecture .lectureView #howtouse .cont .contBox .thumLine img{
	width:100%;
	vertical-align:middle;
}

#lecture .lectureView #howtouse .cont .selectLine{
	width:100%;
	background:#fff;
	text-align:center;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:15px 0px;
}


#lecture .lectureView #howtouse .cont .selectLine li{
	background:#f7f7f7;
	border:1px solid #e5e5e5;
	display:inline-block;
	text-align:Center;
	padding:10px;
	font-size:13px;
	font-family:'roboto';
	margin:3px 0px;
	cursor:pointer;
}