/*--------------------------------------------------------------
# 블로그 상세 페이지 에디터 컨텐츠 css
--------------------------------------------------------------*/
.blog_body h2{
	font-family: 'Pretendard-Bold';
    line-height: 3.6rem;
    font-size: 2.8rem;
	margin:0rem 0rem 1.6rem 0rem;
}
.blog_body h2 span {
    /* font-family: 'Pretendard-Bold'!important; */
    line-height: 3.6rem!important;
    font-size: 2.8rem!important;
}

.blog_body h3{
	font-family: 'Pretendard-SemiBold';
    line-height: 3rem;
    font-size: 2.4rem;
	margin:0rem 0rem 1.2rem 0rem;
}
.blog_body h3 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 3rem!important;
    font-size: 2.4rem!important;
}

.blog_body h4{
	font-family: 'Pretendard-SemiBold';
    line-height: 3rem;
    font-size: 2.4rem;
	margin:0rem 0rem 1.2rem 0rem;
}
.blog_body h4 span {
    /* font-family: 'Pretendard-SemiBold'!important; */
    line-height: 3rem!important;
    font-size: 2.4rem!important;.nxb_title h3 a
}

.blog_body a{
	color:blue;
}

.blog_body{
	    text-align: left;
	overflow:hidden;
	font-size:1.8rem;
	/* line-height: 1.8; */
    line-height: 3.4rem;
	font-family: 'Pretendard-Light';
}

.blog_body p {
	overflow:hidden;
	font-size:1.8rem;
	/* line-height: 1.8; */
    line-height: 3.4rem;
	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: 1.7rem;
    line-height: 2.7rem;
    position: relative;
    padding: 0rem 1rem 1rem 1rem;
    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: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #444;
}

.blog_body ol li {
	font-size: 1.7rem;
    line-height: 2.7rem;
	position:relative;
	padding: 0rem 1rem 1rem 1rem;
	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: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    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 tbody tr td {
    padding: 1rem;
    border: 1px solid #ddd;
	font-size:1.5rem;
	font-family: Pretendard;
}
.blog_body table tbody tr:nth-child(1){
	background:#444;
	color:#fff;
	font-size:1.6rem;
	font-family: Pretendard;
}

.blog_body table tbody tr td p{
	font-size:1.5rem;
	font-family: Pretendard;
}
.blog_body table tbody tr td ul li{
	padding: 0rem 0rem 0rem 1rem;
	font-size:1.5rem;
	font-family: Pretendard;
}

.blog_body blockquote {
    font-style: italic;
   font-family: 'Pretendard-Light';
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
	padding-left: 2rem;
    padding-right: 0.8rem;
    border-left-width: 0.5rem;
	font-size: 1.6rem;
    line-height: 2.4rem;
	
}
.blog_body blockquote p {
    font-size: 1.7rem;
    line-height: 2.8rem;
    font-family: 'Pretendard-Light';
}

.blog_body iframe {
    width: 100%!important;
    /* height: 34vw!important; */
	height: 47.3rem!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: 2.8rem;
		font-size: 2.2rem;
		margin:0rem 0rem 1.4rem 0rem;
	}
	.blog_body h2 span {
		letter-spacing: -0.02em;
		line-height: 2.8rem!important;
		font-size: 2.2rem!important;
	}
	
	.blog_body h3{
		line-height: 2.2rem;
		font-size: 1.9rem;
		margin:0rem 0rem 1rem 0rem;
	}
	.blog_body h3 span {
		line-height: 2.2rem!important;
		font-size: 1.9rem!important;
	}
	
	.blog_body h4{
		line-height: 2.2rem;
		font-size: 1.9rem;
		margin:0rem 0rem 1rem 0rem;
	}
	.blog_body h4 span {
		line-height: 2.2rem!important;
		font-size: 1.9rem!important;
	}
	
	.blog_body{
		font-size:1.6rem;
		/* line-height: 1.7; */
		line-height: 2.7rem;
	}
	.blog_body p {
		font-size:1.6rem;
		/* line-height: 1.7; */
		line-height: 2.7rem;
	}
	.blog_body p span{
		font-size: 1.6rem!important;
	}
	
	.blog_body table tbody tr td{
		font-size: 1.4rem;
	}
	.blog_body table tbody tr td span{
		font-size: 1.4rem!important;
	}
	.blog_body table tbody tr td p{
		font-size:1.4rem;
		font-family: Pretendard;
	}
	.blog_body table tbody tr td ul li{
		padding: 0rem 0rem 0rem 1rem;
		font-size:1.4rem;
		font-family: Pretendard;
	}
	
	.blog_body ul li{
		line-height: 2.4rem;
		font-size: 1.5rem;
	}
	.blog_body ul li span{
		font-size: 1.5rem!important;
	}
	.blog_body ul li:before {
		top: 1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.blog_body ol li{
		line-height: 2.4rem;
		font-size: 1.5rem;
	}
	.blog_body ol ol span{
		font-size: 1.5rem!important;
	}
	.blog_body ol li:before {
		top: 1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.blog_body blockquote p {
		font-size: 1.5rem;
		line-height: 2.4rem;
		font-family: 'Pretendard-Light';
	}
	.blog_body blockquote {
		font-style: italic;
		font-family: 'Pretendard-Light';
		padding: 2px 0;
		border-style: solid;
		border-color: #ccc;
		border-width: 0;
		padding-left: 1rem;
		padding-right: 0.5rem;
		border-left-width: 0.4rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}

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