@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/hyhappy/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}


/* 찾아오시는 길 */
.NaviMap { margin-bottom:30px;}
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}
.locationMap .boxTy03 { border-radius:0;}
.locationMap .boxTy03 .box{ overflow:hidden; padding: 65px 30px 65px 270px;}
.locationMap .boxTy03 .box > .tit{ position:absolute; text-align:center;  top:50%; margin:-100px 0 0; left:0; width:250px; font-size:24px; color:#002e5f}
.locationMap .boxTy03 .box > .tit img{ display:block; margin:20px auto}
.locationMap .addr{ overflow:hidden}
.locationMap .addr li{line-height:30px; float:left; width:100%; overflow:hidden;  text-align:left;}
.locationMap .addr li span.tit{ float:left; font-weight:bold; display:block; width:60px; padding-left:15px; color:#003267; background:url('/images/org/web/gjedu/sub/map_addr_dot.png') no-repeat 0 13px;}
.locationMap .addr li span.ctxt{ float:left; display:block; width:80%}
.locationMap .addr .arr{ color:#888;}
.locationMap dl  dt.tit2{ font-size:16px; font-weight:bold; margin-bottom:5px}
.locationMap dl + dl { margin-top:10px }
.locationMap dl dd{ margin-left:10px}

/*마을교육자원지도 200206*/
.map_list h3{font-size:18px; font-weight:bold;}
.map_list div{display:inline-block; width:100%;}
.map_list div+div{padding:20px 0; border-top:1px dashed #ccc;}
.map_list .spot, .map_list .spot2{border-top:0}/*190306*/
.map_list div.list_01{padding-bottom:20px;}
.map_list ul li{display:block; width:25%; float:left; margin-top:10px;}
.map_list ul li span{display:inline-block; margin-right:5px; width:20px; height:20px; background:#d4d4d4; border-radius:10px; text-align:center;}
.map_list ul li:hover{text-decoration:underline;}
.map_list span.map_01{position:absolute; top:0; left:50%; margin-left:-225px; width:450px; height:674px;}
.map_list span.map_02{position:absolute; top:50%; left:50%; margin-left:-225px; width:450px; height:228px;}
.map_list a.close{position:absolute; right:20px; top:-45px; padding:10px; background:#555; border-radius:20px; opacity:0.8;}/*190306*/
/*색상*/
.map_list .h3{color:#e23ba9;}
.map_list .list_01 span{background-color:#9e8a00; color:#fff;}
.map_list .list_02 h3{color:#091b88;}
.map_list .list_02 span{background-color:#091b88; color:#fff;}
.map_list .list_03 h3{color:#d16c14;}
.map_list .list_03 span{background-color:#e23ba9; color:#fff;}
.map_list .list_04 h3{color:#00887a;}
.map_list .list_04 span{background-color:#274878; color:#fff;}
.map_list .list_05 h3{color:#c60019;}
.map_list .list_05 span{background-color:#b8560f; color:#fff;}
.map_list .list_06 h3{color:#71a541;}
.map_list .list_06 span{background-color:#077324; color:#fff;}
.map_list .list_07 span{background-color:#c72700; color:#fff;}
.map_list .list_08 span{background-color:#007452; color:#fff;}
.map_list .list_09 span{background-color:#027782; color:#fff;}


@media (max-width:1019px) {



	/*마을교육자원지도 200206*/
	.map_list span.map_01, .map_list span.map_02{left:300px; margin-left:-150px; width:50%;}


}





@media (max-width:800px) {

	/* 안내문 */
	.info-box {margin-bottom:20px}


}

@media (max-width:680px) {

	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}

	/*마을교육자원지도  200206*/
	.map_list ul li{width:50%;}


}

@media (max-width:580px) {


}

@media (max-width:480px) {

	/*마을교육자원지도 200206*/
	.map_list ul li{font-size:12px;}


}

@media (max-width:380px) {



}