/*--------------------------------------------------------------
# 블로그 상세 페이지 에디터 컨텐츠 css
--------------------------------------------------------------*/
ul.blogWriteIndexList li:before{
	content:none!important;
	list-style:none;
}
ul.blogWriteIndexList li{
	padding: 0px 0px 20px 0px!important;
}
ul.blogWriteIndexList li ul li{
	padding: 10px 0px 0px 10px!important;
}


.blog_body h2.blogWriteIndex{
	padding:0;
}
.blog_body h2{
	font-family: 'Pretendard-Bold';
    line-height: 36px;
    font-size: 28px;
	padding:80px 0 0 0;
	margin:0px 0px 16px 0px;
}
.blog_body h2 span {
    /* font-family: 'Pretendard-Bold'!important; */
    line-height: 36px!important;
    font-size: 28px!important;
}

.blog_body h3{
	font-family: 'Pretendard-SemiBold';
    line-height: 30px;
    font-size: 22px;
	padding:40px 0 0 0;
	margin:0px 0px 12px 0px;
}
.blog_body h3 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 30px!important;
    font-size: 24px!important;
}

.blog_body h4{
	font-family: 'Pretendard-SemiBold';
    line-height: 30px;
    font-size: 20px;
	padding:20px 0 0 0;
	margin:0px 0px 12px 0px;
}
.blog_body h4 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 30px!important;
    font-size: 24px!important;
}

.blog_body a{
	color:blue;
}

.blog_body{
	/* overflow:hidden; */
	font-size:18px;
	/* line-height: 1.8; */
    line-height: 34px;
	font-family: 'Pretendard-Light';
}

.blog_body p {
	overflow:hidden;
	font-size:18px;
	/* line-height: 1.8; */
    line-height: 34px;
	font-family: 'Pretendard-Light';
}
.blog_body p span{
	font-family: 'Pretendard-Light';
}


.blog_body .marker
{
	font-family: 'Pretendard-Medium';
	background-color: Yellow;
}

.blog_body .marker2
{
	font-family: 'Pretendard-Medium';
	background-color: Cyan;
}

.blog_body img{
	border-radius: 13px;
	/* float: inherit!important; */
	max-width:100%;
	display:inline-block;
}

.blog_body ul li {
	list-style: none;
    font-size: 17px;
    line-height: 27px;
    position: relative;
    padding: 0px 10px 10px 10px;
    font-family: 'Pretendard-Light';
}
.blog_body ul li span{
	font-family: 'Pretendard-Light';
}
.blog_body ul li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    width: 4px;
    height: 4px;
    background: #444;
}

.blog_body ol{
	margin:10px 0;
}
.blog_body ol li {
	font-size: 17px;
    line-height: 27px;
	position:relative;
	padding: 0px 10px 10px 10px;
	font-family: 'Pretendard-Light';
}
.blog_body ol li span{
	font-family: 'Pretendard-Light';
}
.blog_body ol li::marker{content:none;}
.blog_body ol li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    width: 4px;
    height: 4px;
    background: #444;
}

.tacenter table{
	margin:0 auto;
	float:none;
}
.taleft table{
	margin:0 auto 0 0;
	float:none;
}
.taright table{
	margin:0 0 0 auto;
	float:none;
}

.blog_body table{width:100%;}
.blog_body table thead tr th{
	background:#444;
	color:#fff;
	font-size:16px;
	font-family: Pretendard;
	padding: 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.blog_body table tbody{
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.blog_body table tbody tr td {
	border: 1px solid #ddd;
	border-collapse: collapse;
    padding: 10px;
    /* border: 1px solid #ddd; */
	font-size:15px;
	font-family: Pretendard;
}
/* .blog_body table tbody tr:nth-child(1) td{ */
	/* background:#444; */
	/* color:#fff; */
	/* font-size:16px; */
	/* font-family: Pretendard; */
/* } */

.blog_body table tbody tr td p{
	font-size:15px;
	font-family: Pretendard;
}
.blog_body table tbody tr td ul li{
	padding: 0px 0px 0px 10px;
	font-size:15px;
	font-family: Pretendard;
}


/* 인용구 타입 1 */
.blog_body blockquote {
	position:relative;
    margin: 0 0 0 80px!important;
    border-radius: 0px 20px 20px 20px!important;
    border: 1px solid #E5E5E5;
    background: #FFF;
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05)!important;
    padding: 20px!important;
}
.blog_body blockquote:before{
	content:'';
	position:absolute;
	left: -80px;
	top:0;
	width:54px;
	height:54px;
	background: url(../img/blog/blockquote_preson.png) no-repeat center / cover;
}
.blog_body blockquote:after {
    content: '';
    position: absolute;
    left: -17px;
    top: -1px;
    width: 17px;
    height: 17px;
    background: url(../img/blog/blockquote_corner.png) no-repeat center / cover;
}
.blog_body blockquote p{
	color: #000;
	font-family: Pretendard;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.blog_body blockquote p span{
	font-size: 17px!important;
}
.blog_body blockquote a span {
    font-family: 'Pretendard-SemiBold';
    font-style: inherit!important;
    background-color: inherit!important;
    color: #2167FF;
    text-decoration: underline;
}

/* 인용구 타입 2 */
.blog_body blockquote.ver2 {
    position: relative;
    border-radius: 20px!important;
    border: 1px solid #328D50!important;
    background: #F4FFF8!important;
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05)!important;
    margin: 0!important;
    padding: 52px 20px 20px 20px!important;
	color: #000;
	font-family: Pretendard;
	font-size: 17px!important;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.blog_body blockquote.ver2 p{
	color: #000;
	font-family: Pretendard;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.blog_body blockquote.ver2 p span{
	font-size: 17px!important;
}
.blog_body blockquote.ver2:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 15px;
    width: 140px;
    height: 42px;
    background: url(../img/blog/blockquotever2_img.png) no-repeat center / cover;
}
.blog_body blockquote.ver2:after {
    content: none!important;
}


.blog_body iframe {
    width: 100%!important;
    /* height: 34vw!important; */
	height: 473px!important;
}

@media (max-width: 991px) {
	.blog_body table{
		width:100%!important;
	}
	
	.blog_body iframe {
		width: 100%!important;
		height: 50vw!important;
	}
}
@media (max-width: 880px) {
	.blog_body img{
		display:inline-block!important;
		height:auto!important;
	}
}
@media (max-width: 880px) {
	.blog_body h2{
		padding:70px 0 0 0;
	}
}

@media (max-width: 767px) {
	.blog_body h2{
		line-height: 28px;
		font-size: 22px;
		margin:0px 0px 14px 0px;
	}
	.blog_body h2 span {
		letter-spacing: -0.02em;
		line-height: 28px!important;
		font-size: 22px!important;
	}
	
	.blog_body h3{
		line-height: 22px;
		font-size: 19px;
		margin:0px 0px 10px 0px;
	}
	.blog_body h3 span {
		line-height: 22px!important;
		font-size: 19px!important;
	}
	
	.blog_body h4{
		line-height: 22px;
		font-size: 19px;
		margin:0px 0px 10px 0px;
	}
	.blog_body h4 span {
		line-height: 22px!important;
		font-size: 19px!important;
	}
	
	.blog_body{
		font-size:16px;
		/* line-height: 1.7; */
		line-height: 27px;
	}
	.blog_body p {
		font-size:16px;
		/* line-height: 1.7; */
		line-height: 27px;
	}
	.blog_body p span{
		font-size: 16px!important;
	}
	
	.blog_body img {
		border-radius: 6px;
	}
	
	.blog_body table thead tr th {
		padding: 8px 2px;
		font-size: 14px;
	}
	.blog_body table tbody tr td{
		padding: 8px 2px;
		font-size: 14px;
	}
	.blog_body table tbody tr td span{
		font-size: 14px!important;
	}
	.blog_body table tbody tr td p{
		font-size:14px;
		font-family: Pretendard;
	}
	.blog_body table tbody tr td ul li{
		padding: 0px 0px 0px 10px;
		font-size:14px;
		font-family: Pretendard;
	}
	
	.blog_body ul li{
		line-height: 24px;
		font-size: 15px;
	}
	.blog_body ul li span{
		font-size: 15px!important;
	}
	.blog_body ul li:before {
		top: 10px;
		width: 4px;
		height: 4px;
	}
	
	.blog_body ol li{
		line-height: 24px;
		font-size: 15px;
	}
	.blog_body ol ol span{
		font-size: 15px!important;
	}
	.blog_body ol li:before {
		top: 10px;
		width: 4px;
		height: 4px;
	}
	
	
	/* 인용구 타입 1 */
	.blog_body blockquote {
		margin: 0 0 0 50px !important;
        padding: 14px !important;
		border-radius: 0px 14px 14px 14px!important;
		box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05)!important;
	}
	.blog_body blockquote p {
		font-size: 15px!important;
		line-height: 24px!important;
	}
	.blog_body blockquote:before {
		left: -50px;
		top: 0;
		width: 34px;
		height: 34px;
	}
	.blog_body blockquote:after {
		left: -14px;
		top: -1px;
		width: 14px;
		height: 17px;
	}
	.blog_body blockquote p span{
		font-size: 15px!important;
	}
	
	
	/* 인용구 타입 2 */
	.blog_body blockquote.ver2 {
		position: relative;
		border-radius: 14px!important;
		border: 1px solid #328D50!important;
		background: #F4FFF8!important;
		box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05)!important;
		margin: 0!important;
		padding: 42px 14px 14px 14px!important;
		font-size: 15px!important;
		line-height: 24px!important;
	}
	.blog_body blockquote.ver2 p {
		font-size: 15px!important;
		line-height: 24px!important;
	}
	.blog_body blockquote.ver2 p span{
		font-size: 15px!important;
	}
	.blog_body blockquote.ver2:before {
		content: '';
		position: absolute;
		left: 10px;
		top: 10px;
		width: 110px;
		height: 32px;
		background: url(../img/blog/blockquotever2_img.png) no-repeat center / cover;
	}
}

/* Widget Styles */
.code-featured
{
	border: 5px solid red;
}

.math-featured
{
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}

.image-clean
{
	border: 0;
	background: none;
	padding: 0;
}

.image-clean > figcaption
{
	font-size: .9em;
	text-align: right;
}

.image-grayscale
{
	background-color: white;
	color: #666;
}

.image-grayscale img, img.image-grayscale
{
	filter: grayscale(100%);
}

.embed-240p
{
	max-width: 426px;
	max-height: 240px;
	margin:0 auto;
}

.embed-360p
{
	max-width: 640px;
	max-height: 360px;
	margin:0 auto;
}

.embed-480p
{
	max-width: 854px;
	max-height: 480px;
	margin:0 auto;
}

.embed-720p
{
	max-width: 1280px;
	max-height: 720px;
	margin:0 auto;
}

.embed-1080p
{
	max-width: 1920px;
	max-height: 1080px;
	margin:0 auto;
}