/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/

.com_explain_class body
{
	/* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
	background-color: #fff;

	margin: 20px;
}

.com_explain_class .cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

.com_explain_class blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.com_explain_class .cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.com_explain_class .cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.com_explain_class a
{
	color: #0782C1;
}

.com_explain_class ol,.com_explain_class ul,.com_explain_class dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.com_explain_class h1,.com_explain_class h2,.com_explain_class h3,.com_explain_class h4,.com_explain_class h5,.com_explain_class h6
{
	font-weight: normal;
	line-height: 1.2;
	margin:1em;
}

/*폰트크기 추가*/
.mobile_explain_class h1{font-size:1.27em;}
.mobile_explain_class h2{font-size:1.17em;}
.mobile_explain_class h3{font-size:1.14em;}
.mobile_explain_class h4{font-size:1.1em;}
.mobile_explain_class h5{font-size:0.97em;}
.com_explain_class p{margin:1em;}

.com_explain_class hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.com_explain_class img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.com_explain_class img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.com_explain_class pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.com_explain_class .marker
{
	background-color: Yellow;
}

.com_explain_class span[lang]
{
	font-style: italic;
}

.com_explain_class figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.com_explain_class figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

/*a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}*/

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

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

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

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

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

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

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

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

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

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

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




/* =========================================================== */


/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/

.content_class body
{
	/* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
	background-color: #fff;

	margin: 20px;
}

.content_class .cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

.content_class blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.content_class .cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.content_class .cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.content_class a
{
	color: #0782C1;
}

.content_class ol,.content_class ul,.content_class dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.content_class h1,.content_class h2,.content_class h3,.content_class h4,.content_class h5,.content_class h6
{
	font-weight: normal;
	line-height: 1.2;
	margin:1em;
}

/*폰트크기 추가*/
.mobile_explain_class h1{font-size:1.27em;}
.mobile_explain_class h2{font-size:1.17em;}
.mobile_explain_class h3{font-size:1.14em;}
.mobile_explain_class h4{font-size:1.1em;}
.mobile_explain_class h5{font-size:0.97em;}
.content_class p{margin:1em;}

.content_class hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.content_class img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.content_class img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.content_class pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.content_class .marker
{
	background-color: Yellow;
}

.content_class span[lang]
{
	font-style: italic;
}

.content_class figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.content_class figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

/*a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}*/

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

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

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

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

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

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

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

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

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

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

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




/* =========================================================== */


/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/

.w_content_class body
{
	/* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
	background-color: #fff;

	margin: 20px;
}

.w_content_class .cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

.w_content_class blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.w_content_class .cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.w_content_class .cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.w_content_class a
{
	color: #0782C1;
}

.w_content_class ol,.w_content_class ul,.w_content_class dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.w_content_class h1,.w_content_class h2,.w_content_class h3,.w_content_class h4,.w_content_class h5,.w_content_class h6
{
	font-weight: normal;
	line-height: 1.2;
	margin:1em;
}

/*폰트크기 추가*/
.mobile_explain_class h1{font-size:1.27em;}
.mobile_explain_class h2{font-size:1.17em;}
.mobile_explain_class h3{font-size:1.14em;}
.mobile_explain_class h4{font-size:1.1em;}
.mobile_explain_class h5{font-size:0.97em;}
.w_content_class p{margin:1em;}

.w_content_class hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.w_content_class img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.w_content_class img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.w_content_class pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.w_content_class .marker
{
	background-color: Yellow;
}

.w_content_class span[lang]
{
	font-style: italic;
}

.w_content_class figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.w_content_class figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

/*a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}*/

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

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

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

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

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

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

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

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

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

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

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