@charset "utf-8";

.font_B{font-weight: bold;}


/* 안내문 */
.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/template/00006/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}

/* 타이틀 */
.tit_bg_bl { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#479ee1; margin-bottom:7px}
.tit_bg_gr { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#1a99aa; margin-bottom:7px}
.tit_bg_pp { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#8f6bc5; margin-bottom:7px}
.tit_bg_yw { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#f1ac1d; margin-bottom:7px}

/* 텍스트 */
.fs_14 {font-size:14px !important;}
.fs_16 {font-size:16px !important;}
.fs_18 {font-size:18px !important;}
.fs_20 {font-size:20px !important;}

/* 찾아오시는길 */
.map .map_wrap{width: 100% !important;}

/*마을교육자원지도 190305*/
.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:33.3%; 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;}

div.spot {position: absolute; left: 1%; top: 2%; z-index:2; border-top:0}
div.spot2 { position: absolute; left: 1%; top: 11%; z-index:3; border-top:0} 

span.map_01 img.imgmap_01{  width:462px; height:700px; }
span.map_02 img.imgmap_02{ width:462px; height:228px;}

span.map_01 a.close, span.map_02 a.close{position:absolute; right:-15px; top:-15px; padding:10px; background:#555; border-radius:20px; opacity:0.8;}/*190306*/

.btndiv{ padding: 0px 0px 15px;    border-bottom: 1px dashed #ccc;}
.btndiv li{display:inline-block; margin: 12px 5px 10px;}
.btn_openmap{border: 2px solid #6580c1; font-weight: bold; padding: 6px; color: #fff; font-size: 17px; background-color:#6580c1}
.btn_openmap2{border: 2px solid #ee7950; font-weight: bold; padding: 6px; color: #fff; font-size: 17px; background-color:#ee7950}


 /*색상*/
.map_list div.list_01 h3{color:#2297d3;}
.map_list div.list_01 span{background-color:#2297d3; color:#fff;}
.map_list div.list_02 h3{color:#174e9e;}
.map_list div.list_02 span{background-color:#174e9e; color:#fff;}
.map_list div.list_03 h3{color:#d16c14;}
.map_list div.list_03 span{background-color:#d16c14; color:#fff;}
.map_list div.list_04 h3{color:#00887a;}
.map_list div.list_04 span{background-color:#00887a; color:#fff;}
.map_list div.list_05 h3{color:#c60019;}
.map_list div.list_05 span{background-color:#c60019; color:#fff;}
.map_list div.list_06 h3{color:#71a541;}
.map_list div.list_06 span{background-color:#71a541; color:#fff;}

/* 찾아오시는 길 */
.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: 40px 30px 40px 270px;}
.locationMap .boxTy03 .box > .tit{ position:absolute; text-align:center;  top:50%; margin:-100px 0 0; left:0; width:250px; font-size:22px; 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:75px; padding-left:15px; color:#003267; background:url('/images/org/web/gcedu/sub/map_addr_dot.png') no-repeat 0 13px;}
.locationMap .addr li span.ctxt{ float:left; display:block; width:78%}
.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}

@media screen and  (max-width:1019px) {
	
	/*마을교육자원지도 190306*/
	.map_list span.map_01, .map_list span.map_02{left:300px; margin-left:-150px; width:50%;}
	
	/* div.spot {  left: 0%; top: 0%; z-index:2; }
	div.spot2 { left: 0%; top: 0%; z-index:3;} */


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

	/* 안내문 */
	.info-box {margin-bottom:20px}
	
	/* 학교지원사업 */
	.business .fl { display:none}
	.business .fr.w70p.pd15 { box-sizing:border-box; width:100%; padding:5px 0 !important}
	
	span.map_01 img.imgmap_01{  width:300px; height:449px; }
	span.map_02 img.imgmap_02{  width:300px; height:152px; }
	div.spot2 { top: 7%;}
}
@media screen and  (max-width:680px) {
	
	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}

	/*마을교육자원지도 190305*/
	.map_list ul li{width:50%;}
	span.map_01 a.close, span.map_02 a.close{position:absolute; right:-15px; top:-15px; padding:4px; background:#555; border-radius:20px; opacity:0.8;}/*190306*/
}
@media screen and  (max-width:580px) {

	span.map_01 img.imgmap_01{  width:230px; height:344px; }
	span.map_02 img.imgmap_02{  width:230px; height:117px; }
	
	div.spot2 { top: 5%;}
}
@media screen and  (max-width:480px) {
	
	/*마을교육자원지도 190305*/
	.map_list ul li{font-size:12px;}
	
	span.map_01 img.imgmap_01{  width:200px; height:300px; }
	span.map_02 img.imgmap_02{  width:200px; height:102px; }
	
	
}
@media screen and  (max-width:380px) {
		
	span.map_01 img.imgmap_01{  width:170px; height:255px; }
	span.map_02 img.imgmap_02{  width:170px; height:86px; }
	
}