@charset "utf-8"; 


div.purpose	{ float: left; width: 360px; height: 250px; margin: 0px; padding: 0px; background: url(/images/open_content/introduction/purpose/box_bg.png) no-repeat top left; }
div.purpose p	{ display: inline-block; width: 88%; font-size: 16px; line-height: 25px; font-family:  "Noto Sans KR";  font-weight: 400; color: #666; padding: 22px; margin: 0px; overflow: hidden; }

div.photo		{ float: right; width: 487px; margin: 0px; padding: 0px; }


@media(max-width:1216px) {
	div.photo {width:100% !important; text-align:center; }
	div.greeting {width:100% !important}
	div.purpose {width:100% !important; height:auto !important; background:none !important; background-size:100% !important}	
	.photo img {width:100%; margin-bottom: 1px; }
	div.purpose p {width: 92.8%; padding: 3%; border-left: 5px solid #d3170f; border-right: 5px solid #414d76;  border-bottom: 5px solid #414d76;  }
}

@media(max-width: 800px) {
	div.purpose p {width: 92.4%; }
}

@media(max-width: 590px) {
	div.purpose p {width: 91.8%; }
}

@media(max-width:555px) {
div.purpose {width:100% !important; height:auto !important; background:none !important; 	}

div.purpose p {width: 91.2%; }
}