@charset "UTF-8";

.openstory {
	font-family:'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#333;
	box-sizing:border-box;
	line-height:auto;	
}

.openstory .tips {
	display:none;
}

.openstory p { margin-bottom:0px; }  
.openstory b { font-weight:700;   }  
.openstory a:hover { color:#333;  }

.openstory blockquote {
    padding: 9px 18px;
    margin: 0 0 18px;
    font-size: 16.25px;
    border-left: 5px solid #eee;
}

.openstory ol { list-style-type: decimall; padding-left:40px; margin-bottom:9px; }
.openstory ol li { display:list-item; list-style-type: decimal }

.openstory h1 {
	font-size:24px; color:#333; letter-spacing:-1px
}

.openstory  { margin:0 auto; width:100%; max-width:1110px; clear:both; word-break:break-all; }
.openstory  img { max-width:100% !important; height:auto !important }
.openstory  *   { max-width:100% !important;}
.openstory  ul  { margin-left:40px }
.openstory .storybox { margin:0 auto; }

.CenterBox400 { margin:0 auto; width:100%; max-width:400px !important; border:0px }
.CenterBox450 { margin:0 auto; width:100%; max-width:450px !important; border:0px }
.CenterBox500 { margin:0 auto; width:100%; max-width:500px !important; border:0px }
.CenterBox550 { margin:0 auto; width:100%; max-width:550px !important; border:0px }
.CenterBox600 { margin:0 auto; width:100%; max-width:600px !important; border:0px }
.CenterBox650 { margin:0 auto; width:100%; max-width:650px !important; border:0px }
.CenterBox700 { margin:0 auto; width:100%; max-width:700px !important; border:0px }
.CenterBox750 { margin:0 auto; width:100%; max-width:750px !important; border:0px }
.CenterBox800 { margin:0 auto; width:100%; max-width:800px !important; border:0px } 
.CenterBox850 { margin:0 auto; width:100%; max-width:850px !important; border:0px }


@media screen and (max-width: 800px) {
	.openstory {  }
	.openstory * {  }
	.openstory p string span { font-size:20px; }
	.openstory p string small { display:none }
}