@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body{margin:0;padding:0;}
html,body,table,input,textarea,select,button{font-family:'NanumGothic', 'Malgun Gothic', '맑은고딕', dotum;font-size:13px;color:#343434;}

img{margin:0;padding:0;border:none;vertical-align:top;}

a{color: #444;text-decoration: none;}
a:hover{text-decoration:none;}

ul{list-style:none;margin:0;padding:0;}
ol{margin:0;padding:0 0 0 20px;}
dl,dt,dd{margin:0;padding:0;}

table{border-spacing:0;border-collapse:collapse;table-layout:fixed;}
table caption{width:0;height:0;overflow:hidden;}
table,th,td{font-size:13px;margin:0;padding:0;line-height:1.5em;border:none;box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0;font-size:1em;}

em,small{font-style:normal;}
p{margin:0px;padding:0px;}
strong{font-weight:600;}
address{font-style:normal;}

button{border:none;background-color:none;cursor:pointer;}

body{background-color:#efe9dc;}

/* main */
body.main{background:url(../img/main_bg.png) left top repeat-x;}

/* width */
.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}
.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}


/* content */
.mapTitle{position:absolute;left:30px;top:30px;z-index:10;font-size:32px;font-weight:600;color:#b52b10;padding-left:15px;}
.mapTitle span{font-size:15px;font-weight:normal;padding-left:5px;}
.mapTitle:before{position:absolute;left:0;top:5px;content:'';width:5px;height:28px;border-radius:3px;background-color:#b52b10;}

.mapContainer{position:relative;z-index:0;}
.mapContainer .legend{position:absolute;right:27px;bottom:30px;}

.btn-back{position:absolute;right:30px;top:30px;}
.btn-back a{display:block;height:40px;line-height:40px;border-radius:20px;border:1px solid #333;padding:0 40px;font-size:15px;font-weight:bold;}

.guide-wrap{position:absolute;left:30px;top:80px;z-index:10;padding:10px;border:1px solid #b52b10;}
.guide-txt-top{position:relative;z-index:10;padding-left:15px;line-height:1.25em;color:#727272;font-size:12px;}
.guide-txt-top .bullet{position:absolute;left:0;top:0;}
.guide-txt{position:absolute;right:30px;bottom:10px;}

.btns{position:absolute;right:20px;top:30px;}
.btns a{display:block;display:block;height:30px;line-height:30px;padding:0 40px 0 20px;margin-bottom:5px;position:relative;}
.btn2017{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2017:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2017:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}
.btn2018{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2018:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2018:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}
.btn2019{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2019:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2019:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}

.btn2020{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2020:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2020:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}

.btn2021{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2021:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2021:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}

.btn2022{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2022:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2022:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}

.btn2023{background:linear-gradient( rgb(173, 237, 236), rgb(145, 225, 222));color:#1f6469;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #35847e;}
.btn2023:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btn2023:hover{background:linear-gradient(rgb(145, 225, 222), rgb(173, 237, 236));}

.btnMain{background:linear-gradient( rgb(148, 205, 90), rgb(132, 197, 55));color:#326200;font-size:14px;font-weight:600;border-radius:3px;border-bottom:1px solid #1c704e;}
.btnMain:after{display:block;width:17px;height:18px;content:'';background:url(../img/btn_move_arr.png) 0 0 no-repeat;position:absolute;right:15px;top:50%;margin-top:-9px;}
.btnMain:hover{background:linear-gradient(rgb(132, 197, 55), rgb(148, 205, 90));}

/* layor */
.viewContent{position:absolute;left:0;top:0;padding:0;z-index:99;display:none;}
.viewContent .con{padding:20px;position:relative;background-color:#fff;box-shadow:2px -1px 4px rgba(0,0,0,0.2);}
.viewContent .con.up:before{position:absolute;left:50%;top:-21px;margin-left:-8px;width:16px;height:22px;content:'';background:url(../img/con_arr_up.png) 0 0 no-repeat;}
.viewContent .con.down:after{position:absolute;left:50%;bottom:-21px;margin-left:-8px;width:16px;height:22px;content:'';background:url(../img/con_arr.png) 0 0 no-repeat;}
.viewContent.pop .con:after{display:none;}
.viewContent .close{position:absolute;right:-40px;top:0;overflow:hidden;text-align:left;text-indent:-999px;background:#333;width:30px;height:30px;border:none;border-radius:15px;}
.viewContent .close:before{position:absolute;left:0;top:0;background:url(../img/btn_close_pop.png) center center no-repeat;background-size:15px auto;width:30px;height:30px;content:'';}

.mapArea:active,
.mapArea:focus{outline:none;}

/* data */
.area-con{display:none;}

.con-title{margin-bottom:10px;font-size:20px;}

.con-wrap{line-height:1.25em;max-height:500px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;}
.con-wrap th,
.con-wrap td{white-space:nowrap;}

.con-wrap .data-table2{width:160px;}
.con-wrap .data-table2 th{width:110px;}
.con-wrap .data-table2 tr:first-child td{font-weight:bold;}
.con-wrap .data-table2 th,
.con-wrap .data-table2 td{text-align:left;padding:0 5px;background-color:#f4f4f4;border-bottom:1px solid #fff;}
.con-wrap .data-table2 tr.grade1 th,
.con-wrap .data-table2 tr.grade1 td{background-color:#ffec00;}
.con-wrap .data-table2 tr.grade2 th,
.con-wrap .data-table2 tr.grade2 td{background-color:#ffb832;}
.con-wrap .data-table2 tr.grade3 th,
.con-wrap .data-table2 tr.grade3 td{background-color:#fb4b2f;color:#fff;}
.con-wrap .data-table2 tr.grade4 th,
.con-wrap .data-table2 tr.grade4 td{background-color:#a00b00;color:#fff;}
.con-wrap .data-table2 tr.grade5 th,
.con-wrap .data-table2 tr.grade5 td{background-color:#5a0026;color:#fff;}

.con-wrap .data-table{table-layout:fixed;width:680px;}
.hospital .con-wrap .data-table{table-layout:fixed;width:720px;}
.con-wrap .data-table thead th{border:1px solid #fff;text-align:center;padding:5px;background-color:#666;color:#fff;}
.con-wrap .data-table tbody tr td:nth-child(1){border:1px solid #fff;padding:5px 10px;text-align:center;font-weight:bold;}
.con-wrap .data-table tbody tr td:nth-child(1) + td{font-weight:bold;}
.con-wrap .data-table tbody td{border:1px solid #fff;padding:5px 10px;text-align:center;background-color:#f9f9f9;}
.con-wrap .data-table .grade1 td:nth-child(1){background-color:#ffec00;}
.con-wrap .data-table .grade1 td:nth-child(2){background-color:#ffec00;}
.con-wrap .data-table .grade2 td:nth-child(1){background-color:#ffb832;}
.con-wrap .data-table .grade2 td:nth-child(2){background-color:#ffb832;}
.con-wrap .data-table .grade3 td:nth-child(1){background-color:#fb4b2f;color:#fff;}
.con-wrap .data-table .grade3 td:nth-child(2){background-color:#fb4b2f;color:#fff;}
.con-wrap .data-table .grade4 td:nth-child(1){background-color:#a00b00;color:#fff;}
.con-wrap .data-table .grade4 td:nth-child(2){background-color:#a00b00;color:#fff;}
.con-wrap .data-table .grade5 td:nth-child(1){background-color:#5a0026;color:#fff;}
.con-wrap .data-table .grade5 td:nth-child(2){background-color:#5a0026;color:#fff;}
.con-wrap .data-table .grade- td:nth-child(1){background-color:#d1d1d1;}
.con-wrap .data-table .grade- td:nth-child(2){background-color:#d1d1d1;}