#MCX {
	position:relative;
	width:750px;
	height:485px;
	background: url(/src/img/subimg/page0203_02.jpg) no-repeat;
}
#MCX a {
	border:none;
	cursor:pointer;
	background:none;
	position:absolute;
	width:21px;
	height:21px;
	z-index:99999999;
}
#MCX .mapimage {position:absolute;top:0;left:0;z-index:0;}
#MCX a img {display:none;margin-left:30px;}
#MCX a.mcx1 {left:145px;top:191px;}
#MCX a.mcx2 {left:62px;top:157px;}
#MCX a.mcx3 {left:196px;top:119px;}
#MCX a.mcx4 {left:286px;top:93px;}
#MCX a.mcx5 {left:346px;top:127px;}
#MCX a.mcx6 {left:405px;top:112px;}
#MCX a.mcx7 {left:489px;top:140px;}
#MCX a.mcx8 {left:542px;top:169px;}
#MCX a.mcx9 {left:638px;top:149px;}
#MCX a.mcx10 {left:548px;top:222px;}
#MCX a.mcx11 {left:557px;top:284px;}
#MCX a.mcx12 {left:507px;top:344px;}
#MCX a.mcx13 {left:327px;top:365px;}
#MCX a.mcx14 {left:209px;top:345px;}
#MCX a.mcx15 {left:234px;top:275px;}




/*0203 마을개요*/
.page0203 {

}
	.page0203 .depp {margin:1% 0 3% 0;}
	.page0203 .depp > a {padding:0 3%; display:inline-block; height:50px; margin-right:1%; background:#8498c2; font-size:1.4em; text-align:center; color:#fff; line-height:50px;}
	.page0203 .depp > a:hover {font-weight:bold; box-shadow:2px 2px 0 #b2b2b2; transition:0.3s ease;}

	.page0203 .depp > .on {background:#59709f}
    .page0203 ul {margin-right:3%; float:left;}

    .page0203 ul li {
        margin:20px 0;
        font-size:15px;
        line-height:180%;
    }
	.page0203 ul li > a {font-weight:bold; text-decoration:underline; color:#6bbb30;}

	ul.img_box { min-height:300px; margin-bottom:2%; background:url("../img/subimg/page0203_img1.jpg")no-repeat; background-size:contain;}
	ul.img_box > li {width:33%; margin:10% 0; text-align:center; float:left; text-shadow:2px 2px 0 #333;}
	ul.img_box > li > a {font-size:1.8em; font-weight:bold; color:#c5ff9a; text-decoration:none;}

	.m_sneakpeak {display:none;}
	p.course_title {font-size:24px; color:#2d83ca; margin:20px 0 0 0; text-align:center; font-weight:600;}
	ul.course {text-align:center; margin:0; width:750px;}
	ul.course > li {margin:10px 0; color:#333;}

    @media (max-width:759px) {
        .page0203 ul {float:none; width:100%}
        .page0203 ul li > img {width:100%;}
		ul.img_box > li > a { font-size:1.3em;}
       	.page0203 .subs_ {display:none}
		.m_sneakpeak {display:block; text-align:center;}
		.m_display {display:none;}
		.page0203 .depp {margin:1% 0 3% 0}
		.page0203 .depp > a:first-child {margin-top:0}
		.page0203 .depp > a {margin:1.5% 0 0; padding:0 3%; width:94%; height:50px; display:block}    

        }

/*블로그홍보*/
	.page0503 {width:100%;}
	.blog {}
	.blog > li {margin:20px 0;}
	dl.blog_txt {}
	dl.blog_txt dt {margin:10px 0;}
	dl.blog_txt dt a {font-size:1.5em; color:#3e66a1; font-weight:bold; }
	dd.blog_con,dd.blog_link {line-height:170%;}
	dd.blog_link a {color:#95c459;text-overflow:ellipsis;white-space: nowrap;display: block;overflow: hidden;}

	@media (max-width:759px) {
		.page0503 {width:100%;}
		.blog{margin:0}
		.blog > li {width:100%; margin:5% 0;}
		.img_thum {width:40%; margin-right:2%;}
		.img_thum a img {width:100%; }
		dl.blog_txt {width:96%;}
		dl.blog_txt dt {margin:2% 0;}
		dl.blog_txt dt a {font-size:1.1em;}
		dd.blog_con,dd.blog_link {font-size:0.8em; line-height:150%;}
        }