@charset "utf-8";

/*****************************************************
 공통 
******************************************************/
html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden; background-color:#edf2fe; font-weight:300; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:1.5625; overflow-y:auto; }
body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legent,input,textarea,button,select,strong,b,span,em,i { margin:0; padding:0; font-family:'NotoKr','MalgunGothic','맑은 고딕',Sans-Serif; letter-spacing:-0.05em; font-style:normal; }
strong,b { font-weight:500; }
li { list-style:none; }
i,em,address { font-style:normal; }
a { text-decoration:none; }
a:link,a:visited { color:#000; }
table { border-collapse:collapse; border-spacing:0; }
caption { overflow:hidden; top:-1000em; left:0; width:0; height:0; }
select { appearance:none; -webkit-appearance:none; -moz-appearance:none; }


/*****************************************************
 민원지도 메인
******************************************************/
body .m_bg1 { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:url('/resource/evlmap/images/m_bg2.png') no-repeat -200px 400px; }
body .m_bg2 { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:url('/resource/evlmap/images/m_bg1.png') no-repeat right -200px top -220px; }

.map_main { padding:70px 40px; overflow:hidden; }
.map_main h1 { font-size:50px; font-weight:700; color:#001030; margin-top:50px; }
.map_main h1 em { color:#0036a5; }
.map_main h2 { font-size:34px; font-weight:300; }
.map_main .text { font-size:17px; font-weight:100; margin-top:40px; word-break:keep-all; }

.map_menu { margin-top:60px; width:100%; }
.map_menu li { float:left; width:23.5%; margin-left:2%; }
.map_menu li:first-child { margin-left:0; }
.map_menu li:hover { transform:translateY(-5px); transition:all 0.2s linear; }
.map_menu li a { display:block; width:100%; height:150px; background:#fff; text-align:center; box-shadow:10px 10px 10px rgb(0,0,0,0.2); font-size:22px; color:#00227f; font-weight:500; padding-top:50px; transition:all 0.2s linear; }
.map_menu li a .detail { display:block; font-size:15px; padding:7px 0; border:1px solid #00227f; border-radius:40px; width:110px; margin:15px auto; background:#fff; }
.map_menu li a:hover { background:#071b53; color:#fff; }
.map_menu li a:hover .detail { color:#00227f; }

.map_main .btn_area { width:100%; float:left; text-align:center; margin-top:70px; }
.map_main .btn_area .btn_url { background:#808ba3 url('/resource/evlmap/images/btn_url.png') no-repeat 25px 12px; color:#fff; padding:5px 25px 6px 55px; border-radius:30px; }

@media (max-width:900px) {
	body .m_bg1 { background-size:500px; background-position:-200px 330px; }
	body .m_bg2 { background-size:500px; }
	.map_main { padding:70px 30px; }
	.map_main h1 { font-size:40px; margin-top:30px; }
	.map_main h2 { font-size:30px; }
	.map_main .text { font-size:16px; margin-top:20px; }
	.map_menu { margin-top:50px; }
	.map_menu li a { font-size:18px; height:120px; padding-top:40px;}
	}
	
@media (max-width:640px) {	
	body .m_bg1 { background-size:400px; background-position:-150px 260px; }
	body .m_bg2 { background-size:400px; }
	.map_main { padding:50px 20px; }
	.map_main .logo img { width:100px; }
	.map_main h1 { font-size:30px; margin-top:20px; }
	.map_main h2 { font-size:20px; }
	.map_main .text { font-size:14px; }
	.map_main .text br { display:none; }
	.map_menu li { width:49%; max-width:49%; margin-bottom:2%; }
	.map_menu li:nth-child(3) { margin-left:0; }
	.map_menu li:hover { transform:translateY(0); }
	.map_menu li a { font-size:16px; height:90px; padding-top:20px; }
	.map_menu li a .detail { font-size:13px; margin:10px auto; width:90px; padding:4px 0; }
	.map_main .btn_area { margin-top:40px; }
	.map_main .btn_area .btn_url { background-position:20px 12px; font-size:15px; padding:5px 20px 6px 45px; }
	}

@media (max-width:320px) {	
	.map_main .layout { padding:0; }
	.map_main h1 { font-size:26px; }
	.map_main h2 { font-size:18px; }
	}
	
	
	
	
/*****************************************************
 민원지도 서브
******************************************************/

/* 서브 헤더 영역 */
.header { position:relative; background:#18223e; height:50px; padding:25px 0; }
.header * { color:#fff; }
.header h1 { font-weight:500; font-size:30px; display:inline-block; position:relative; width:130px; margin-right:20px; }
.header h2 { font-weight:300; font-size:22px; display:inline-block; }
.header h1:after { position:absolute; top:10px; right:0; content:''; width:2px; height:30px; background:#5e6578; }
.header .util { float:right; padding-top:6px; display:flex; }
.header .util li { display:inline-flex; margin-left:10px; }
.header .util li * { font-size:16px; font-weight:300; line-height:37px; }
.header .util a.btn_home { display:block; background:#fff; color:#000; text-align:center; width:130px; }
.header .util select { background:#18223e url('/resource/evlmap/images/select_bg.png') no-repeat right 13px top 50%; color:#fff; height:37px; border:1px solid #fff; padding:0 30px 0 13px; width:150px; }

/* 서브 본문 영역 */
.layout { position:relative; max-width:940px; margin:0 auto; padding:0 30px; }
.contents .guide { position:absolute; top:20px; left:30px; background:url('/resource/evlmap/images/icon_info.png') no-repeat 0 3px; padding-left:25px; font-weight:100; z-index:100;}
.contents .guide strong { color:#072473; }

/* 등급 */
.contents .grade{ position:absolute; top:50%; right:30px; background:rgba(255,255,255,0.5); width:100px; text-align:center; padding:20px 10px; border-radius:10px; box-shadow:4px 4px 4px rgba(0,0,0,0.1); margin-top:-170px; }
.contents .grade h3 { font-size:15px;}
.contents .grade ul { border-top:1px solid #555; display:inline-block; margin:5px auto 0 auto; padding-top:6px; width:100%; }
.contents .grade ul li { padding:4px 0; min-height:40px; }
.contents .grade ul li span { display:inline-block; vertical-align:middle; }
.contents .grade ul li span.per { width:45px; font-size:14px; text-align:left; padding-left:3px; color:#555; letter-spacing:0; }
.contents .grade ul li .grade_가,
.contents .grade ul li .grade_나,
.contents .grade ul li .grade_다,
.contents .grade ul li .grade_라,
.contents .grade ul li .grade_마 { width:40px; height:40px; line-height:40px; font-size:18px; }
.grade_가 { display:inline-block; width:26px; height:26px; line-height:26px; font-size:15px; border-radius:50%; font-weight:500; text-align:center; color:#000; background:#98e2af; }
.grade_나 { display:inline-block; width:26px; height:26px; line-height:26px; font-size:15px; border-radius:50%; font-weight:500; text-align:center; color:#000; background:#8bdcfa; }
.grade_다 { display:inline-block; width:26px; height:26px; line-height:26px; font-size:15px; border-radius:50%; font-weight:500; text-align:center; color:#000; background:#ffe396; }
.grade_라 { display:inline-block; width:26px; height:26px; line-height:26px; font-size:15px; border-radius:50%; font-weight:500; text-align:center; color:#000; background:#ffa76c; }
.grade_마 { display:inline-block; width:26px; height:26px; line-height:26px; font-size:15px; border-radius:50%; font-weight:500; text-align:center; color:#000; background:#ff8888; }

/* 지도 - 공통 */
.map_area { text-align:center; padding:30px 0; }
.map_area .list_area_01,
.map_area .list_area_02,
.map_area .list_area_03,
.map_area .list_area_04 { position:relative; margin:10px auto 0 auto; width:calc(100% - 100px); max-width:416px; height:auto; } /* 전국지도만 해당 */
.map_area > div > img { height:auto; }
.map_area > div ul li { position:absolute; word-break:keep-all; }
.map_area > div ul li a { background:rgba(0,0,0,0.5); border-radius:20px; color:#fff; padding:0 10px; display:inline-block; }
.map_area > div ul li a:hover { background:rgba(194,36,38,1); }

/* 중앙행정기관 : 전국지도 */
.list_area_01 ul li.name_01 { top:17%; left:22%; } /* 서울권 */
.list_area_01 ul li.name_02 { top:17%; left:55%; } /* 강원권 */
.list_area_01 ul li.name_03 { top:25%; left:22%; } /* 인천,경기권 */
.list_area_01 ul li.name_04 { top:39%; left:19%; } /* 대전,세종,충청권 */
.list_area_01 ul li.name_05 { top:48%; left:50%; } /* 부산,대구,울산,경상권 */
.list_area_01 ul li.name_06 { top:64%; left:14%; } /* 광주,전라,제주권 */

/* 광역자치단체, 기초자치단체, 교육청 : 전국지도 */
.list_area_02 ul li.name_01 { top:17%; left:22%; } /* 서울 */
.list_area_02 ul li.name_02 { top:25%; left:27%; } /* 경기 */
.list_area_02 ul li.name_03 { top:20%; left:6%; }  /* 인천 */
.list_area_02 ul li.name_04 { top:15%; left:54%; } /* 강원 */
.list_area_02 ul li.name_05 { top:43%; left:31%; } /* 대전 */
.list_area_02 ul li.name_06 { top:40%; left:18%; } /* 충남 */
.list_area_02 ul li.name_07 { top:32%; left:40%; } /* 충북 */
.list_area_02 ul li.name_08 { top:54%; left:27%; } /* 전북 */
.list_area_02 ul li.name_09 { top:70%; left:24%; } /* 전남 */
.list_area_02 ul li.name_10 { top:63%; left:18%; } /* 광주 */
.list_area_02 ul li.name_11 { top:40%; left:65%; } /* 경북 */
.list_area_02 ul li.name_12 { top:62%; left:52%; } /* 경남 */
.list_area_02 ul li.name_13 { top:50%; left:60%; } /* 대구 */
.list_area_02 ul li.name_14 { top:57%; left:76%; } /* 울산 */
.list_area_02 ul li.name_15 { top:65%; left:76%; } /* 부산 */
.list_area_02 ul li.name_16 { top:36%; left:28%; } /* 세종 */
.list_area_02 ul li.name_17 { top:90%; left:12%; } /* 제주 */

/* 기초자치단체 : 서울 */
.list_area_0301 { position:relative; margin:10px auto 0 auto; width:calc(100% - 100px); max-width:666px; height:auto; }
.list_area_0301 ul li.name_01 { top:19%; left:52%; } /* 강북구 */
.list_area_0301 ul li.name_02 { top:10%; left:59%; } /* 도봉구 */
.list_area_0301 ul li.name_03 { top:15%; left:69%; } /* 노원구 */
.list_area_0301 ul li.name_04 { top:25%; left:35%; } /* 은평구 */
.list_area_0301 ul li.name_05 { top:43%; left:34%; } /* 서대문구 */
.list_area_0301 ul li.name_06 { top:38%; left:46%; } /* 종로구 */
.list_area_0301 ul li.name_07 { top:34%; left:55%; } /* 성북구 */
.list_area_0301 ul li.name_08 { top:42%; left:62%; } /* 동대문구 */
.list_area_0301 ul li.name_09 { top:36%; left:73%; } /* 중랑구 */
.list_area_0301 ul li.name_10 { top:50%; left:30%; } /* 마포구 */
.list_area_0301 ul li.name_11 { top:49%; left:51%; } /* 중구 */
.list_area_0301 ul li.name_12 { top:58%; left:48%; } /* 용산구 */
.list_area_0301 ul li.name_13 { top:51%; left:62%; } /* 성동구 */
.list_area_0301 ul li.name_14 { top:54%; left:72%; } /* 광진구 */
.list_area_0301 ul li.name_15 { top:48%; left:9%; }  /* 강서구 */
.list_area_0301 ul li.name_16 { top:64%; left:16%; } /* 양천구 */
.list_area_0301 ul li.name_17 { top:72%; left:14%; } /* 구로구 */
.list_area_0301 ul li.name_18 { top:62%; left:28%; } /* 영등포구 */
.list_area_0301 ul li.name_19 { top:84%; left:26%; } /* 금천구 */
.list_area_0301 ul li.name_20 { top:69%; left:40%; } /* 동작구 */
.list_area_0301 ul li.name_21 { top:82%; left:39%; } /* 관악구 */
.list_area_0301 ul li.name_22 { top:76%; left:53%; } /* 서초구 */
.list_area_0301 ul li.name_23 { top:74%; left:67%; } /* 강남구 */
.list_area_0301 ul li.name_24 { top:68%; left:78%; } /* 송파구 */
.list_area_0301 ul li.name_25 { top:50%; left:87%; } /* 강동구 */

/* 기초자치단체 : 경기 */
.list_area_0302 { position:relative; margin:10px auto 0 auto; width:calc(100% - 100px); max-width:476px; height:auto; }
.list_area_0302 ul li.name_01 { top:12%; left:32%; } /* 연천군 */
.list_area_0302 ul li.name_02 { top:18%; left:50%; } /* 포천시 */
.list_area_0302 ul li.name_03 { top:26%; left:65%; } /* 가평군 */
.list_area_0302 ul li.name_04 { top:28%; left:15%; } /* 파주시 */
.list_area_0302 ul li.name_05 { top:24%; left:35%; } /* 동두천시 */
.list_area_0302 ul li.name_06 { top:32%; left:31%; } /* 양주시 */
.list_area_0302 ul li.name_07 { top:37%; left:34%; } /* 의정부시 */
.list_area_0302 ul li.name_08 { top:38%; left:0%; }  /* 김포시 */
.list_area_0302 ul li.name_09 { top:42%; left:16%; } /* 고양시 */
.list_area_0302 ul li.name_10 { top:41%; left:46%; } /* 남양주시 */
.list_area_0302 ul li.name_11 { top:46%; left:38%; } /* 구리시 */
.list_area_0302 ul li.name_12 { top:52%; left:44%; } /* 하남시 */
.list_area_0302 ul li.name_13 { top:54%; left:75%; } /* 양평군 */
.list_area_0302 ul li.name_14 { top:61%; left:52%; } /* 광주시 */
.list_area_0302 ul li.name_15 { top:67%; left:78%; } /* 여주시 */
.list_area_0302 ul li.name_16 { top:72%; left:62%; } /* 이천시 */
.list_area_0302 ul li.name_17 { top:72%; left:46%; } /* 용인시 */
.list_area_0302 ul li.name_18 { top:87%; left:50%; } /* 안성시 */
.list_area_0302 ul li.name_19 { top:54%; left:7%; }  /* 부천시 */
.list_area_0302 ul li.name_20 { top:52%; left:20%; } /* 광명시 */
.list_area_0302 ul li.name_21 { top:56%; left:30%; } /* 과천시 */
.list_area_0302 ul li.name_22 { top:60%; left:38%; } /* 성남시 */
.list_area_0302 ul li.name_23 { top:60%; left:10%; } /* 시흥시 */
.list_area_0302 ul li.name_24 { top:60%; left:24%; } /* 안양시 */
.list_area_0302 ul li.name_25 { top:64%; left:33%; } /* 의왕시 */
.list_area_0302 ul li.name_26 { top:68%; left:13%; } /* 안산시 */
.list_area_0302 ul li.name_27 { top:64%; left:20%; } /* 군포시 */
.list_area_0302 ul li.name_28 { top:70%; left:31%; } /* 수원시 */
.list_area_0302 ul li.name_29 { top:75%; left:21%; } /* 화성시 */
.list_area_0302 ul li.name_30 { top:77%; left:36%; } /* 오산시 */
.list_area_0302 ul li.name_31 { top:88%; left:29%; } /* 평택시 */

/* 기초자치단체 : 인천 */
.list_area_0303 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:588px; height:auto; }
.list_area_0303 ul li.name_01 { top:20%; left:34%; } /* 강화군 */
.list_area_0303 ul li.name_02 { top:70%; left:42%; } /* 중구 */
.list_area_0303 ul li.name_03 { top:50%; left:70%; } /* 서구 */
.list_area_0303 ul li.name_04 { top:54%; left:85%; } /* 계양구 */
.list_area_0303 ul li.name_05 { top:66%; left:82%; } /* 부평구 */
.list_area_0303 ul li.name_06 { top:68%; left:70%; } /* 동구 */
.list_area_0303 ul li.name_07 { top:74%; left:73%; } /* 미추홀구 */
.list_area_0303 ul li.name_08 { top:79%; left:85%; } /* 남동구 */
.list_area_0303 ul li.name_09 { top:86%; left:70%; } /* 연수구 */
.list_area_0303 ul li.name_10 { top:55%; left:28%; } /* 옹진군 */

/* 기초자치단체 : 강원 */
.list_area_0304 { position:relative; margin:10px auto 0 auto; width:calc(100% - 100px); max-width:614px; height:auto; }
.list_area_0304 ul li.name_01 { top:18%; left:9%; }  /* 철원군 */
.list_area_0304 ul li.name_02 { top:24%; left:23%; } /* 화천군 */
.list_area_0304 ul li.name_03 { top:39%; left:25%; } /* 춘천시 */
.list_area_0304 ul li.name_04 { top:50%; left:38%; } /* 홍천군 */
.list_area_0304 ul li.name_05 { top:63%; left:38%; } /* 횡성군 */
.list_area_0304 ul li.name_06 { top:76%; left:28%; } /* 원주시 */
.list_area_0304 ul li.name_07 { top:22%; left:36%; } /* 양구군 */
.list_area_0304 ul li.name_08 { top:34%; left:48%; } /* 인제군 */
.list_area_0304 ul li.name_09 { top:60%; left:54%; } /* 평창군 */
.list_area_0304 ul li.name_10 { top:74%; left:65%; } /* 정선군 */
.list_area_0304 ul li.name_11 { top:85%; left:54%; } /* 영월군 */
.list_area_0304 ul li.name_12 { top:88%; left:77%; } /* 태백시 */
.list_area_0304 ul li.name_13 { top:16%; left:56%; } /* 고성군 */
.list_area_0304 ul li.name_14 { top:25%; left:62%; } /* 속초시 */
.list_area_0304 ul li.name_15 { top:36%; left:64%; } /* 양양군 */
.list_area_0304 ul li.name_16 { top:55%; left:74%; } /* 강릉시 */
.list_area_0304 ul li.name_17 { top:68%; left:84%; } /* 동해시 */
.list_area_0304 ul li.name_18 { top:80%; left:85%; } /* 삼척시 */

/* 기초자치단체 : 대전 */
.list_area_0305 { position:relative; margin:20px auto 0 auto; width:calc(100% - 100px); max-width:480px; height:auto; }
.list_area_0305 ul li.name_01 { top:30%; left:27%; } /* 유성구 */
.list_area_0305 ul li.name_02 { top:20%; left:59%; } /* 대덕구 */
.list_area_0305 ul li.name_03 { top:74%; left:18%; } /* 서구 */
.list_area_0305 ul li.name_04 { top:67%; left:43%; } /* 중구 */
.list_area_0305 ul li.name_05 { top:54%; left:65%; } /* 동구 */

/* 기초자치단체 : 충남 */
.list_area_0306 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:606px; height:auto; }
.list_area_0306 ul li.name_01 { top:25%; left:4%; }  /* 태안군 */
.list_area_0306 ul li.name_02 { top:27%; left:18%; } /* 서산시 */
.list_area_0306 ul li.name_03 { top:13%; left:30%; } /* 당진시 */
.list_area_0306 ul li.name_04 { top:22%; left:51%; } /* 아산시 */
.list_area_0306 ul li.name_05 { top:20%; left:67%; } /* 천안시 */
.list_area_0306 ul li.name_06 { top:43%; left:27%; } /* 홍성군 */
.list_area_0306 ul li.name_07 { top:34%; left:42%; } /* 예산군 */
.list_area_0306 ul li.name_08 { top:60%; left:27%; } /* 보령시 */
.list_area_0306 ul li.name_09 { top:55%; left:40%; } /* 청양군 */
.list_area_0306 ul li.name_10 { top:72%; left:43%; } /* 부여군 */
.list_area_0306 ul li.name_11 { top:85%; left:34%; } /* 서천군 */
.list_area_0306 ul li.name_12 { top:48%; left:56%; } /* 공주시 */
.list_area_0306 ul li.name_13 { top:66%; left:69%; } /* 계룡시 */
.list_area_0306 ul li.name_14 { top:78%; left:63%; } /* 논산시 */
.list_area_0306 ul li.name_15 { top:84%; left:84%; } /* 금산군 */

/* 기초자치단체 : 충북 */
.list_area_0307 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:636px; height:auto; }
.list_area_0307 ul li.name_01 { top:18%; left:75%; } /* 단양군 */
.list_area_0307 ul li.name_02 { top:8%; left:58%; }  /* 제천시 */
.list_area_0307 ul li.name_03 { top:15%; left:40%; } /* 충주시 */
.list_area_0307 ul li.name_04 { top:22%; left:20%; } /* 음성군 */
.list_area_0307 ul li.name_05 { top:29%; left:8%; }  /* 진천군 */
.list_area_0307 ul li.name_06 { top:34%; left:19%; } /* 증평군 */
.list_area_0307 ul li.name_07 { top:37%; left:35%; } /* 괴산군 */
.list_area_0307 ul li.name_08 { top:47%; left:11%; } /* 청주시 */
.list_area_0307 ul li.name_09 { top:58%; left:29%; } /* 보은군 */
.list_area_0307 ul li.name_10 { top:72%; left:22%; } /* 옥천군 */
.list_area_0307 ul li.name_11 { top:86%; left:34%; } /* 영동군 */

/* 기초자치단체 : 전북 */
.list_area_0308 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:659px; height:auto; }
.list_area_0308 ul li.name_01 { top:19%; left:20%; } /* 군산시 */
.list_area_0308 ul li.name_02 { top:12%; left:36%; } /* 익산시 */
.list_area_0308 ul li.name_03 { top:18%; left:52%; } /* 완주군 */
.list_area_0308 ul li.name_04 { top:35%; left:66%; } /* 진안군 */
.list_area_0308 ul li.name_05 { top:24%; left:86%; } /* 무주군 */
.list_area_0308 ul li.name_06 { top:34%; left:28%; } /* 김제시 */
.list_area_0308 ul li.name_07 { top:34%; left:45%; } /* 전주시 */
.list_area_0308 ul li.name_08 { top:50%; left:12%; } /* 부안군 */
.list_area_0308 ul li.name_09 { top:58%; left:29%; } /* 정읍시 */
.list_area_0308 ul li.name_10 { top:60%; left:52%; } /* 임실군 */
.list_area_0308 ul li.name_11 { top:54%; left:74%; } /* 장수군 */
.list_area_0308 ul li.name_12 { top:77%; left:11%; } /* 고창군 */
.list_area_0308 ul li.name_13 { top:78%; left:42%; } /* 순창군 */
.list_area_0308 ul li.name_14 { top:80%; left:65%; } /* 남원시 */

/* 기초자치단체 : 전남 */
.list_area_0309 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:726px; height:auto; }
.list_area_0309 ul li.name_01 { top:14%; left:25%; } /* 영광군 */
.list_area_0309 ul li.name_02 { top:10%; left:42%; } /* 장성군 */
.list_area_0309 ul li.name_03 { top:14%; left:53%; } /* 담양군 */
.list_area_0309 ul li.name_04 { top:21%; left:67%; } /* 곡성군 */
.list_area_0309 ul li.name_05 { top:19%; left:80%; } /* 구례군 */
.list_area_0309 ul li.name_06 { top:29%; left:29%; } /* 함평군 */
.list_area_0309 ul li.name_07 { top:46%; left:6%; }  /* 신안군 */
.list_area_0309 ul li.name_08 { top:53%; left:19%; } /* 목포시 */
.list_area_0309 ul li.name_09 { top:42%; left:24%; } /* 무안군 */
.list_area_0309 ul li.name_10 { top:38%; left:38%; } /* 나주시 */
.list_area_0309 ul li.name_11 { top:36%; left:55%; } /* 화순군 */
.list_area_0309 ul li.name_12 { top:38%; left:73%; } /* 순천시 */
.list_area_0309 ul li.name_13 { top:35%; left:87%; } /* 광양시 */
.list_area_0309 ul li.name_14 { top:53%; left:34%; } /* 영암군 */
.list_area_0309 ul li.name_15 { top:56%; left:49%; } /* 장흥군 */
.list_area_0309 ul li.name_16 { top:52%; left:62%; } /* 보성군 */
.list_area_0309 ul li.name_17 { top:81%; left:14%; } /* 진도군 */
.list_area_0309 ul li.name_18 { top:77%; left:30%; } /* 해남군 */
.list_area_0309 ul li.name_19 { top:66%; left:41%; } /* 강진군 */
.list_area_0309 ul li.name_20 { top:90%; left:40%; } /* 완도군 */
.list_area_0309 ul li.name_21 { top:68%; left:69%; } /* 고흥군 */
.list_area_0309 ul li.name_22 { top:55%; left:87%; } /* 여수시 */

/* 기초자치단체 : 광주 */
.list_area_0310 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:636px; height:auto; }
.list_area_0310 ul li.name_01 { top:40%; left:24%; } /* 광산구 */
.list_area_0310 ul li.name_02 { top:23%; left:66%; } /* 북구 */
.list_area_0310 ul li.name_03 { top:55%; left:51%; } /* 서구 */
.list_area_0310 ul li.name_04 { top:77%; left:52%; } /* 남구 */
.list_area_0310 ul li.name_05 { top:65%; left:78%; } /* 동구 */

/* 기초자치단체 : 경북 */
.list_area_0311 { position:relative; margin:10px auto 0 auto; width:calc(100% - 100px); max-width:638px; height:auto; }
.list_area_0311 ul li.name_01 { top:27%; left:11%; } /* 문경시 */
.list_area_0311 ul li.name_02 { top:44%; left:9%; }  /* 상주시 */
.list_area_0311 ul li.name_03 { top:66%; left:9%; }  /* 김천시 */
.list_area_0311 ul li.name_04 { top:57%; left:20%; } /* 구미시 */
.list_area_0311 ul li.name_05 { top:76%; left:16%; } /* 성주군 */
.list_area_0311 ul li.name_06 { top:69%; left:26%; } /* 칠곡군 */
.list_area_0311 ul li.name_07 { top:87%; left:18%; } /* 고령군 */
.list_area_0311 ul li.name_08 { top:30%; left:24%; } /* 예천군 */
.list_area_0311 ul li.name_09 { top:17%; left:30%; } /* 영주시 */
.list_area_0311 ul li.name_10 { top:12%; left:45%; } /* 봉화군 */
.list_area_0311 ul li.name_11 { top:12%; left:63%; } /* 울진군 */
.list_area_0311 ul li.name_12 { top:34%; left:40%; } /* 안동시 */
.list_area_0311 ul li.name_13 { top:26%; left:56%; } /* 영양군 */
.list_area_0311 ul li.name_14 { top:39%; left:64%; } /* 영덕군 */
.list_area_0311 ul li.name_15 { top:48%; left:33%; } /* 의성군 */
.list_area_0311 ul li.name_16 { top:48%; left:54%; } /* 청송군 */
.list_area_0311 ul li.name_17 { top:60%; left:62%; } /* 포항시 */
.list_area_0311 ul li.name_18 { top:68%; left:48%; } /* 영천시 */
.list_area_0311 ul li.name_19 { top:79%; left:43%; } /* 경산시 */
.list_area_0311 ul li.name_20 { top:90%; left:41%; } /* 청도군 */
.list_area_0311 ul li.name_21 { top:80%; left:62%; } /* 경주시 */
.list_area_0311 ul li.name_22 { top:10%; left:86%; } /* 울릉군 */

/* 기초자치단체 : 경남 */
.list_area_0312 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:596px; height:auto; }
.list_area_0312 ul li.name_01 { top:10%; left:14%; } /* 거창군 */
.list_area_0312 ul li.name_02 { top:25%; left:29%; } /* 합천군 */
.list_area_0312 ul li.name_03 { top:39%; left:38%; } /* 의령군 */
.list_area_0312 ul li.name_04 { top:28%; left:49%; } /* 창녕군 */
.list_area_0312 ul li.name_05 { top:32%; left:67%; } /* 밀양시 */
.list_area_0312 ul li.name_06 { top:38%; left:83%; } /* 양산시 */
.list_area_0312 ul li.name_07 { top:25%; left:3%; }  /* 함양군 */
.list_area_0312 ul li.name_08 { top:41%; left:14%; } /* 산청군 */
.list_area_0312 ul li.name_09 { top:55%; left:29%; } /* 진주시 */
.list_area_0312 ul li.name_10 { top:49%; left:45%; } /* 함안군 */
.list_area_0312 ul li.name_11 { top:55%; left:58%; } /* 창원시 */
.list_area_0312 ul li.name_12 { top:49%; left:72%; } /* 김해시 */
.list_area_0312 ul li.name_13 { top:60%; left:8%; }  /* 하동군 */
.list_area_0312 ul li.name_14 { top:68%; left:23%; } /* 사천시 */
.list_area_0312 ul li.name_15 { top:70%; left:39%; } /* 고성군 */
.list_area_0312 ul li.name_16 { top:86%; left:17%; } /* 남해군 */
.list_area_0312 ul li.name_17 { top:83%; left:40%; } /* 통영시 */
.list_area_0312 ul li.name_18 { top:82%; left:58%; } /* 거제시 */

/* 기초자치단체 : 대구 */
.list_area_0313 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:419px; height:auto; }
.list_area_0313 ul li.name_01 { top:23%; left:50%; } /* 군위군 */
.list_area_0313 ul li.name_02 { top:52%; left:36%; } /* 북구 */
.list_area_0313 ul li.name_03 { top:50%; left:58%; } /* 동구 */
.list_area_0313 ul li.name_04 { top:58%; left:32%; } /* 서구 */
.list_area_0313 ul li.name_05 { top:58%; left:44%; } /* 중구 */
.list_area_0313 ul li.name_06 { top:65%; left:28%; } /* 달서구 */
.list_area_0313 ul li.name_07 { top:64%; left:43%; } /* 남구 */
.list_area_0313 ul li.name_08 { top:64%; left:55%; } /* 수성구 */
.list_area_0313 ul li.name_09 { top:76%; left:20%; } /* 달성군 */

/* 기초자치단체 : 울산 */
.list_area_0314 { position:relative; margin:30px auto 0 auto; width:calc(100% - 100px); max-width:606px; height:auto; }
.list_area_0314 ul li.name_01 { top:30%; left:30%; } /* 울주군 */
.list_area_0314 ul li.name_02 { top:27%; left:80%; } /* 북구 */
.list_area_0314 ul li.name_03 { top:36%; left:64%; } /* 중구 */
.list_area_0314 ul li.name_04 { top:50%; left:69%; } /* 남구 */
.list_area_0314 ul li.name_05 { top:46%; left:88%; } /* 동구 */

/* 기초자치단체 : 부산 */
.list_area_0315 { position:relative; margin:10px auto 0 auto; width:calc(100% - 100px); max-width:626px; height:auto; }
.list_area_0315 ul li.name_01 { top:20%; left:74%; } /* 기장군 */
.list_area_0315 ul li.name_02 { top:31%; left:53%; } /* 금정구 */
.list_area_0315 ul li.name_03 { top:47%; left:64%; } /* 해운대구 */
.list_area_0315 ul li.name_04 { top:38%; left:41%; } /* 북구 */
.list_area_0315 ul li.name_05 { top:42%; left:51%; } /* 동래구 */
.list_area_0315 ul li.name_06 { top:48%; left:52%; } /* 연제구 */
.list_area_0315 ul li.name_07 { top:55%; left:58%; } /* 수영구 */
.list_area_0315 ul li.name_08 { top:58%; left:18%; } /* 강서구 */
.list_area_0315 ul li.name_09 { top:55%; left:33%; } /* 사상구 */
.list_area_0315 ul li.name_10 { top:54%; left:44%; } /* 부산진구 */
.list_area_0315 ul li.name_11 { top:63%; left:56%; } /* 남구 */
.list_area_0315 ul li.name_12 { top:60%; left:46%; } /* 동구 */
.list_area_0315 ul li.name_13 { top:70%; left:32%; } /* 사하구 */
.list_area_0315 ul li.name_14 { top:64%; left:40%; } /* 서구 */
.list_area_0315 ul li.name_15 { top:68%; left:46%; } /* 중구 */
.list_area_0315 ul li.name_16 { top:75%; left:48%; } /* 영도구 */

/* 레이어팝업 */
.layer_pop { position:absolute; top:50%; left:50%; background:#fff; border:2px solid #18223e; box-shadow:10px 10px 10px rgba(0,0,0,0.3); min-height:300px; margin-top:-200px; z-index:100; }
.layer_pop.wide { width:70%; margin-left:-35%; }
.layer_pop.medium { width:45%; margin-left:-22.5%; }
.layer_pop.medium table { border-top:1px solid #ccc; }
.layer_pop.medium table tbody th { background:#f8f8f8; width:50%; }
.layer_pop.small { width:300px; margin-left:-150px; min-height:150px; margin-top:-120px; }
.layer_pop.small .total_grade { margin:10px 0; }
.layer_area { position:relative; padding:30px; }
.layer_area h3 { font-size:20px; padding-right:50px; }
.layer_area h3 span { font-size:15px; font-weight:100; display:inline-block;}
.layer_area .btn_close { position:absolute; top:30px; right:30px; width:19px; height:19px; text-indent:-10000px; background:url('/resource/evlmap/images/btn_close.png') no-repeat 0 0;  }
.layer_area .tbl_area { max-height:300px; overflow-y:auto; margin-top:10px; }
.layer_area table { width:100%; }
.layer_area table th, .layer_area table td { font-weight:300; font-size:14px; text-align:center; }
.layer_area table thead th { background:#18223e; color:#fff; padding:5px 0; position:sticky; top:0; }
.layer_area table tbody td img { width:26px; height:26px; }
.layer_area table tbody th, .layer_area table tbody td { padding:5px 0; border-bottom:1px solid #ddd; }
.layer_area table thead th.total { background:#e4383b; }
.layer_area table tbody td.total { background:#fff1f1; }
.total_grade { border:2px solid #8ba4e1; background:#f4f7fd; text-align:center; padding:10px 0; margin:10px 0 20px 0;}
.total_grade p, .total_grade span { display:inline-block; vertical-align:middle; }
.total_grade p { margin-right:5px; color:#0057cd; font-weight:500; }
.content_x { text-align:center; margin-top:10px; background:#f8f8f8; padding:10px 0; }


@media(max-width:1000px) {
	/* 서브 본문 영역 */
	.contents img { max-width:100%; }
	
	/* 서브 헤더 영역 */
	.header .util a.btn_home { width:100px; }
	}
	
@media(max-width:767px) {
	/* 레이어팝업 */
	.layer_pop.medium { width:60%; margin-left:-30%; }
	
	/* 서브 헤더 영역 */
	.header { height:40px; padding:15px 0; }
	.header h1 { font-size:22px; width:91px; margin-right:8px; }
	.header h2 { font-size:18px; }
	.header h1:after { top:8px; height:22px; }
	.header .util { padding-top:3px; }
	.header .util li { margin-left:5px; }
	.header .util li * { font-size:14px; line-height:32px; }
	.header .util a.btn_home { width:90px; }
	.header .util select { height:32px; width:130px; }
	
	/* 서브 본문 영역 */
	.layout { padding:0 20px; }
	.contents .guide { left:20px; padding-left:25px; }
	.contents * { font-size:14px; }
	
	/* 등급 */
	.contents .grade { right:20px; padding:10px; width:90px; }
	.contents .grade h3 { font-size:14px; font-weight:300; }
	.contents .grade ul li { min-height:30px; }
	.contents .grade ul li span.per { font-size:13px; }
	.contents .grade ul li .grade_가,
	.contents .grade ul li .grade_나,
	.contents .grade ul li .grade_다,
	.contents .grade ul li .grade_라,
	.contents .grade ul li .grade_마 { width:30px; height:30px; line-height:30px; font-size:16px; }
	
	/* 레이어팝업 */
	.layer_pop.wide { width:90%; margin-left:-45%; } 
	}
	
@media(max-width:640px) {
	/* 서브 본문 영역 */
	.contents * { font-size:13px; }
	
	/* 서브 헤더 영역 */
	.header { padding:15px 0; height:auto; overflow:hidden; }
	.header .util { width:100%; padding-top:10px; }
	.header .util li { display:flex; width:100%; margin-left:2%; }
	.header .util li:first-child { margin:0; }
	.header .util li * { font-size:13px; line-height:28px; }
	.header .util a.btn_home { width:100%; }
	.header .util select { width:100%; display:block; height:28px; padding:0 28px 0 10px; background-position:right 10px top 50%; }
		
	/* 지도 - 공통 */
	.map_area { padding-top:50px; }
	
	/* 레이어팝업 */
	.layer_pop { margin-top:-150px; }
	.layer_pop.wide { width:90%; margin-left:-45%; } 
	.layer_pop.small { width:230px; margin-left:-115px; min-height:100px; }
	.layer_area { padding:15px; }
	.layer_area h3 { font-size:16px; padding-right:20px; }
	.layer_area h3 span { font-size:13px; }
	.layer_area .btn_close { top:15px; right:15px; }
	.layer_area table * { font-size:13px !important; }
	}

@media(max-width:520px) {
	/* 레이어팝업 */
	.layer_pop.medium { width:90%; margin-left:-45%; }
	.layer_pop.medium table tbody th { width:55%; }
	.layer_pop.wide table thead th { font-size:10px !important; }
	.layer_pop.wide table thead th:nth-child(3) { width:18%; }
	}

@media(max-width:480px) {
	/* 서브 헤더 영역 */
	.header h1 { font-size:18px; width:75px; margin-right:7px; }
	.header h2 { font-size:16px; }
	.header h1:after { top:6px; height:18px; }
	.header .util li:last-child { min-width:40%; }
	
	/* 서브 본문 영역 */
	.contents * { font-size:14px; }
	.contents .guide { position:relative; top:0; left:0; margin-top:20px; }
	
	/* 등급 */
	.contents .grade { position:relative; top:0; left:0; width:calc(100% - 10px); text-align:center; padding:10px 5px; margin-top:10px; }
	.contents .grade h3 { float:left; width:50px; margin:0; padding:4px 10px 0 10px; }
	.contents .grade ul { display:table; vertical-align:middle; border:0; padding:0; margin:0; width:calc(100% - 70px); }
	.contents .grade ul li { display:table-cell; vertical-align:middle; width:20%; border-left:1px solid #e4e4e4; }
	.contents .grade ul li span { display:block; }
	.contents .grade ul li span.per { padding:0; width:100%; text-align:center; }
	.contents .grade ul li .grade_가,
	.contents .grade ul li .grade_나,
	.contents .grade ul li .grade_다,
	.contents .grade ul li .grade_라,
	.contents .grade ul li .grade_마 { width:24px; height:24px; line-height:24px; font-size:14px; margin:0 auto; }
	
	/* 지도 - 공통 */
	.map_area { padding-top:15px; }
	.map_area > div ul li a { font-size:11px; padding:0 5px; }
	.map_area .list_area_01,
	.map_area .list_area_02,
	.map_area .list_area_03,
	.map_area .list_area_04,
	.map_area .list_area_0301,
	.map_area .list_area_0302,
	.map_area .list_area_0303,
	.map_area .list_area_0304,
	.map_area .list_area_0305,
	.map_area .list_area_0306,
	.map_area .list_area_0307,
	.map_area .list_area_0308,
	.map_area .list_area_0309,
	.map_area .list_area_0310,
	.map_area .list_area_0311,
	.map_area .list_area_0312,
	.map_area .list_area_0313,
	.map_area .list_area_0314,
	.map_area .list_area_0315 { position:relative; margin:0 auto; width:100%; }
	}

@media(max-width:360px) {
	/* 서브 헤더 영역 */
	.header .util li * { font-size:11px; }
	.header .util select { padding:0 18px 0 5px; background-position:right 5px top 50%; }
	
	/* 서브 본문 영역 */
	.contents * { font-size:12px; }
	}
@media(max-width:300px) {
	/* 등급 */
	.contents .grade { padding:5px; }
	.contents .grade h3 { width:100%; margin:0; padding:0; }
	.contents .grade ul { width:100%; }
	.contents .grade ul li:first-child { border-left:0; }
	.contents .grade ul li span.per { font-size:12px; }
}