@charset "utf-8";

/* 안내문 */
.info-box {position:relative; padding:20px 20px 20px 120px; color:#333; border:1px solid #d1d8e4; font-size:14px; line-height:140%; margin-bottom:30px; letter-spacing:-0.3px;}
.info-box:before {position:absolute; top:50%; left:25px; margin-top:-36px; content:''; display:block; width:72px; height:72px; background:url('/images/org/web/yshappy/sub/infobox_ico.png') no-repeat -90px 0}
.info-box.ico01:before { background-position:0 0}
.info-box.ico03:before { background-position:-180px 0}
.info-box.ico04:before { background-position:-270px 0}
.info-box.ico05:before { background-position:-360px 0}

/* 인사말 */
.greeting {position:relative; height:724px; overflow:hidden}
.greeting img { position:absolute; top:0; left:0}
.greeting .txt_box { border:5px solid #90c334; width:445px; padding:60px 50px; margin:40px auto 0; border-radius:20px;}
.greeting .txt_box p { font-size:17px; line-height:1.5;}

/* 찾아오시는 길 */
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}

/* 플롯 리스트 */
.li_30p { overflow:hidden}
.li_30p li{ width:32%; float:left}


@media screen and (max-width:1019px) {
	
	/* 인사말 */
	.greeting { height:auto; padding:8% 0 36%}
	.greeting img { max-width:100%; top:auto; bottom:0}
	.greeting .txt_box { position:relative; z-index:1; border:3px solid #90c334; width:90%; background-color:#fff; box-sizing:border-box; padding:4% 6%; margin:0 auto; border-radius:10px;}
	.greeting .txt_box p { font-size:17px; line-height:1.5;}
	
	/* 플롯 리스트 */
	.li_30p li{ box-sizing:border-box; width:50%}

	
}





@media screen and (max-width:800px) {
	
	/* 안내문 */
	.info-box {margin-bottom:20px}
	

}

@media screen and (max-width:680px) {
	
	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}
	
	/* 플롯 리스트 */
	.li_30p li{width:100%}

	
}

@media screen and (max-width:580px) {

	
}

@media screen and (max-width:480px) {

	
}

@media screen and (max-width:380px) {
		

	
}