/*설립이념*/
.charter { border:1px solid #ccc; background:#f5f5f5; padding:1.5%;}
.charter .inner_wrap {background: linear-gradient(to right, #f09b0e, #e2d17f); padding:1.5%;}
.charter .inner {position:relative; background:#fff; padding:2.5rem;}
.charter .inner:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:70px; background-image:url('/images/schl/web/효성중학교/sub/img_0301_01_01.png'), url('/images/schl/web/효성중학교/sub/img_0301_01_02.png'); background-repeat:no-repeat; background-position:left top, right top;}
.charter .inner:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:70px; background-image:url('/images/schl/web/효성중학교/sub/img_0301_01_01.png'), url('/images/schl/web/효성중학교/sub/img_0301_01_02.png'); background-repeat:no-repeat; background-position:left top, right top; transform:rotate(180deg);}
.charter p {font-size:0.9rem; font-family:'SCDream'; font-weight:400;}
.charter p:nth-of-type(1) {font-size:0.9rem; margin-top:1.5rem;}
.charter .box {background:#f9f9f9; margin:2rem 1.5rem 1.5rem; padding:2rem;}
.charter ul {display:inline-block;}
.charter ul li {text-align:left; margin-bottom:0.5rem;}
.charter ul span {color:#0083cb; margin-right:.2rem;}
.charter p:nth-of-type(2) {margin-bottom:3rem; color:#666; font-size:0.85rem;}

@media screen and (max-width :880px) {
	.charter .inner {padding:1.5rem 1rem;}
	.charter .box {margin:2rem 0 1.5rem; 	}
	.charter .inner:before, .charter .inner:after {background-size:50px; height:50px;}
	.charter img:nth-of-type(1) {width:6.15rem; 	} /*상단로고*/
	.charter img:nth-of-type(2) {width:8.55rem;} /*하단로고*/
}

@media screen and (max-width :640px) {
	.charter .box {margin:1rem 0; padding:1.25rem;}
	.charter p:nth-of-type(1) br {display:none;}
	.charter p:nth-of-type(2) {margin-bottom:2rem;}
}