/*--------------------------------------------------------------
# 블로그 상세 페이지 에디터 컨텐츠 css
--------------------------------------------------------------*/
.blog_body h2{
	font-family: 'Pretendard-Bold';
    line-height: 36px;
    font-size: 28px;
	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;
	margin:0px 0px 12px 0px;
}
.blog_body h3 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 30px!important;
    font-size: 22px!important;
}

.blog_body h4{
	font-family: 'Pretendard-SemiBold';
    line-height: 30px;
    font-size: 20px;
	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 a.wikilink {
    text-decoration: none!important;
    color: #357DC0;
	font-family: 'Pretendard-SemiBold';
}
.blog_body a.wikilink:hover{
	text-decoration: underline!important;
}
.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{
	/* float: inherit!important; */
	max-width:100%;
	display:inline-block;
}

.blog_body ul li {
    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 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: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 tbody tr td {
    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;
}

.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: 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 table tbody tr td{
		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;
	}
}

/* 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;
}