@charset "utf-8";

* { -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    font-family: 'NanumSquareRoundEB'; }

input[type="radio"], textarea { -webkit-user-select: auto;
   -moz-user-select: auto;
   -ms-user-select: auto;
    user-select: auto;
    outline: none; }

@font-face {
    font-family: 'NanumSquareRoundEB';
    font-weight: 400;
    src: url(../fonts/NanumSquareRoundEB.woff) format('woff');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-weight: 400;
    src: url(../fonts/NanumMyeongjoBold.woff) format('woff');
}

@font-face {
    font-family: 'NanumSquareEB';
    font-weight: 400;
    src: url(../fonts/NanumSquareEB.woff) format('woff');
}

@font-face {
    font-family: 'BMJUA';
    font-weight: 400;
    src: url(../fonts/BMJUA.woff) format('woff');
}

@font-face {
    font-family: 'cafe';
    font-weight: 400;
    src: url(../fonts/Cafe24Ssurround.woff) format('woff');
}

body { overflow: hidden; width: 100%; height: 100%; }
body::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/new_map/splash.gif); width: 400px; height: 280px; background-size: 100% 100%; }

.wrap { width:1920px; height:1080px; position: relative; top:0; left:0; overflow: hidden; opacity: 0; }
.container { width: 100%; height: 100%; background-size:100% 100%; display: none; position: absolute; top:0; left:0; }
.container.on { display: block; }
.container > div { position: absolute; }

.bg-img { width:100%; height:100%; position: absolute; top:0; left:0; pointer-events: none; display: block; }

.titleBox { top: 31px; left: 122px; }
.titleBox::after { content: ""; display: block; position: absolute; top: -23px; left: -97px; width: 74px; height: 105px; background-size: 100% 100%; }
.wrap.grade3 .titleBox::after { background-image: url(../images/new_map/character3.png); }
.wrap.grade4 .titleBox::after { background-image: url(../images/new_map/character4.png); }
.titleBox > span { display: inline-block; vertical-align: middle; color: #fff; }
.titleBox .subTitle { font-size: 36px; font-family: 'cafe'; }
.titleBox .titleSymbol { width: 2px; height: 25px; background-color: #5188C8; margin: 0 20px; margin-top: -5px; }
.titleBox .title { font-size: 32px; margin-top: -4px; }

.map { background-color: #fff; position: absolute; }

.magnify_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.magnify_range { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 924px; overflow: hidden; }
.tool_box > img { height: 100%; width: auto; pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tool_box > img.width100 { width: 100%; height: auto; }
.magnifier_range { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }

.tool_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transform-origin: 0% 0%; }
.tool_box canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#draw2 { opacity: 0.5; }
.tool_box > div { position: absolute; pointer-events: auto; }

.tool_box input[type=text] { position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); font-size:10px; width:100%; padding:5px; border:0; pointer-events: auto;  outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* 크기 조절 */
.rangeBox { bottom: 20px; right: 20px; width: 300px; height: 60px; position: absolute; background-color: #DAEEFE; border-radius: 50px; }
.rangeBg { top: 50%; left: 50%; transform: translate(-50%, -50%); height: 19px; width: 172px; position: absolute; }
.range { height: 100%; background-color: transparent; box-sizing: border-box; border: 2px solid #3E94ED; width: 8px; margin: 0 2px; display: inline-block; border-radius: 5px; cursor: pointer; background-color: #fff }
.range.on { background-color:#3E94ED; }

.rangeBtn { position: absolute; top:50%; transform: translateY(-50%); width:39px; height:40px; cursor: pointer; background-size: 100% 100%; }
.plusRange { right:10px; background-image: url(../images/new_map/btn_plus.png); }
.plusRange.hover { background-image: url(../images/new_map/btn_plus_h.png); }
.minusRange { left:10px; background-image: url(../images/new_map/btn_minus.png); }
.minusRange.hover { background-image: url(../images/new_map/btn_minus_h.png); }

.rangeBox span { display: block; position: absolute; color:#3E94ED; top:43px; font-size:12px; pointer-events: none; }
.rangeBox span:nth-of-type(1) { left:55px; }
.rangeBox span:nth-of-type(2) { left:135px; }
.rangeBox span:nth-of-type(3) { left:215px; }

/* 첫화면 맵 */
.mapBox { top: 110px; left: 400px; width: 1474px; border-radius: 40px; height: 924px; border: 8px solid #DBE4FB; overflow: hidden; }
.container[data-index="0"] .map { top: 0px; left: 0px; width: 1474px; height: 924px; }
.container[data-index="0"] .magnify_range { width: 1474px; }

/* 상단 */
.searchBox { background-image: url(../images/new_map/search_bg.png); width: 461px; height: 69px; background-size: 100% 100%; top: 15px; left: 440px; }
.searchInput { position: absolute; top: 12px; left: 20px; border: 0; outline: 0; font-size: 20px; width: 345px; padding: 10px; background-color: transparent; }
.searchBtn { background-image: url(../images/new_map/icon_zoom.png); width: 29px; height: 28px; background-size: 100% 100%; cursor: pointer; position: absolute; top: 16px; left: 409px; }
.searchBtn.hover { background-image: url(../images/new_map/icon_zoom_h.png); }

.searchData { position: absolute; border: 5px solid #F39CC5; border-radius: 20px; width: 380px; height: 400px; top: 83px; left: 452px; background-color: #fff; overflow: hidden; display: none; }
.searchData.on { display: block; }
.searchDataList { overflow: hidden; width: 100%; height: 100%; }
.searchDataList > div { padding: 15px; font-size: 21px; padding-bottom: 14px; border-bottom: 1px dotted #aaa; cursor: pointer; display: none; }
.searchDataList > div.on { display: block; }

.seeNameBtn { background-image: url(../images/new_map/btn_address.png); width: 159px; height: 54px; background-size: 100% 100%; cursor: pointer; top: 22px; left: 910px; }
.seeNameBtn.hover { background-image: url(../images/new_map/btn_address_h.png); }
.seeNameBtn.on { background-image: url(../images/new_map/btn_address_off.png); }
.seeNameBtn.on.hover { background-image: url(../images/new_map/btn_address_off_h.png); }
.seeNameBtn.disabled { pointer-events: none; opacity: 0.5; }

.moveContainerBtn[data-index="1"] { background-image: url(../images/new_map/btn_location.png); width: 194px; height: 54px; background-size: 100% 100%; cursor: pointer; top: 22px; left: 1070px; }
.moveContainerBtn[data-index="1"].hover { background-image: url(../images/new_map/btn_location_h.png); }

.menuBox { position: absolute; top: 30px; left: 1360px; font-size: 0; }
.menuBox > div { cursor: pointer; background-size: 100% 100%; display: inline-block; height: 35px; margin: 0 25px; position: relative; }
.menuBox > div.guide { background-image: url(../images/new_map/btn_guide.png); width: 93px; }
.menuBox > div.guide.hover { background-image: url(../images/new_map/btn_guide_h.png); }
.menuBox > div.save { background-image: url(../images/new_map/btn_save.png); width: 77px; }
.menuBox > div.save.hover { background-image: url(../images/new_map/btn_save_h.png); }
.menuBox > div.print { background-image: url(../images/new_map/btn_print.png); width: 76px; }
.menuBox > div.print.hover { background-image: url(../images/new_map/btn_print_h.png); }
.menuBox > div.guide::after, .menuBox > div.save::after { content: ""; display: block; position: absolute; width: 2px; height: 23px; right: -25px; top: 6px; background-color: #4E92DF; }

.saveBg { width: 100%; height: 100%; background-size: 100% 100%; z-index: 99; display: none; }
.wrap.grade3 .saveBg { background-image: url(../images/new_map/save_grade3.png); }
.wrap.grade4 .saveBg { background-image: url(../images/new_map/save_grade4.png); }
.saveBg.on { display: block; }
.saveBg input { position: absolute; top: 596px; left: 1048px; width: 452px; border: 0; outline: 0; background-color: transparent; height: 61px; padding: 0 10px; font-size: 35px; }
.saveBg div { position: absolute; top:712px; width:144px; height:70px; cursor: pointer; background-size: 100% 100%; }
.saveBoxNo { left:1120px; background-image: url(../images/new_map/btn_cancel.png); }
.saveBoxOk { left:1300px; background-image: url(../images/new_map/btn_ok.png); }
.saveBoxNo.hover { background-image: url(../images/new_map/btn_cancel_h.png); }
.saveBoxOk.hover { background-image: url(../images/new_map/btn_ok_h.png); }

.retryBtn { background-image: url(../images/new_map/btn_retry.png); width: 148px; height: 59px; background-size: 100% 100%; cursor: pointer; top: 20px; left: 1760px; }
.retryBtn.hover { background-image: url(../images/new_map/btn_retry_h.png); }

/* 툴 */
.toolList { width: 356px; height: 940px; top: 110px; left: 30px; background-color: #DBE4FB; border-radius: 40px; }
.upperTool { width: 100%; background-color: #6084CD; border-radius: 35px 35px 0 0; height: 50px; font-size: 0; }
.upperTitle { color: #fff; font-family: 'cafe'; font-size: 18px; line-height: 55px; margin-left: 20px; display: inline-block; margin-right: 10px; }

.listBox { background-color: #fff; border-radius: 35px; margin: 0 auto; width: 340px; margin-top: 8px; position: relative; }
.drag_tool { height: 678px; }
.pen_tool, .text_tool{ height: 115px; }
.pen_tool { pointer-events: none; opacity: 0.5; }
.pen_tool.on { pointer-events:auto; opacity: 1; }

/* 드래그 */
.chooseDragTitle { width: 100%; height: 50px; display: inline-block; background-color: #6084CD; border-radius: 35px 35px 0 0; vertical-align: middle; position: relative; cursor: pointer; }
.chooseDragTitle > span { position: absolute; top: 50%; transform: translateY(-50%); width: 264px; left: 25px; font-size: 21px; height: 23px; color: #fff; margin-top: 2px; }
.chooseDragTitle .arrow { background-size: 100% 100%; width:15px; height:13px; position: absolute; top:50%; transform: translateY(-50%); right:25px; background-image: url(../images/new_map/arrow.png); }
.chooseDragTitle.select .arrow { transform: translateY(-50%) rotate(180deg); }

.chooseDragChoice { position: absolute; top: 50px; left: 0; border-radius: 0 0 35px 35px; border: 2px solid #ADC4F5; background-color: #fff; width: 336px; display: none; overflow: hidden; z-index: 1; }
.chooseDragChoice.on { display: block; }
.chooseDragChoice > span { display: block; text-indent: 40px; color: #4B5779; border-bottom: 1px solid #EEF2FD; padding: 10px 0; position: relative; cursor: pointer; }
.chooseDragChoice > span:last-child { border-bottom: 0; }
.chooseDragChoice > span::after { content: ""; display: block; position: absolute; top: 15px; left: 25px; width: 8px; height: 8px; background-color: #AFC5F5; border-radius: 50%; }
.chooseDragChoice > span.hover, .chooseDragChoice > span.select { border-bottom: 1px solid #6084CD; color: #fff; background-color: #6084CD; }

.chooseDragListBox { display: none; position: relative; }
.chooseDragListBox.on { display: block; }
.chooseDragList { width: 85%; margin: 10px auto 15px; height: 603px; overflow: hidden; font-size: 0; }
.dragList { width: 120px; cursor: pointer; margin: 5px 12px; display: inline-block; height: 110px; vertical-align: middle; }
.dragList img { width: 100%; height: 100%; display: block; }

/* 그리기 */
.pen, .line, .eraserAll { background-size: 100% 100%; cursor: pointer; display: inline-block; width: 38px; height: 38px; vertical-align: middle; margin-top: -10px; margin-right: 4px; }
.pen1 { background-image: url(../images/new_map/btn_pencil.png); }
.pen1.hover, .pen1.select { background-image: url(../images/new_map/btn_pencil_h.png); }
.pen2 { background-image: url(../images/new_map/btn_pen.png); }
.pen2.hover, .pen2.select { background-image: url(../images/new_map/btn_pen_h.png); }
.pen3 { background-image: url(../images/new_map/btn_part_earser.png); }
.pen3.hover, .pen3.select { background-image: url(../images/new_map/btn_part_earser_h.png); }
.line1 { background-image: url(../images/new_map/btn_draw.png); }
.line1.hover, .line1.select { background-image: url(../images/new_map/btn_draw_h.png); }
.line2 { background-image: url(../images/new_map/btn_line.png); }
.line2.hover, .line2.select { background-image: url(../images/new_map/btn_line_h.png); }
.eraserAll { background-image: url(../images/new_map/btn_all_earser.png); }
.eraserAll.hover { background-image: url(../images/new_map/btn_all_earser_h.png); }

.colorPalette, .textColorPalette { position: absolute; width: 59px; height: 58px; cursor: pointer; }
.colorPalette { top: 158px; left: 46px; }
.textColorPalette { top: 106px; left: 196px; }

.drawWidth { cursor: pointer; background-color: #ECECEC; border-radius: 50%; display: inline-block; width: 20px; height: 20px; position: absolute; top: 72px; }
.drawWidth[data-width="1"] { left: 255px; }
.drawWidth[data-width="10"] { left: 283px; }
.drawWidth[data-width="20"] { left: 310px; }

.drawWidth::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; background-color: #000; border-radius: 50%; }
.drawWidth[data-width="1"]::before { width: 8px; height: 8px; }
.drawWidth[data-width="10"]::before { width: 13px; height: 13px; }
.drawWidth[data-width="20"]::before { width: 19px; height: 19px; }
.drawWidth.hover::after, .drawWidth.select::after { content:""; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border:3px solid #FFFC36; border-radius: 50%; width: 20px; height: 20px; }

.penColorBg, .textColorBg { width: 250px; display: flex; font-size: 0; z-index: 2; justify-content: space-between; margin-left: 13px; margin-top: 21px; position: relative; }
.penColorBg { width: 220px; }
.penColorBg::after { content: ""; display: block; position: absolute; width: 2px; height: 22px; background-color: #CFE4FA; top: 0; right: -11px; }

.colorBg > div { position: relative; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; display: inline-block; border: 1px solid #C2C2C2; }
.colorBg > div:nth-child(1) { background-color: #000000; }
.colorBg > div:nth-child(2) { background-color: #FFFFFF; }
.colorBg > div:nth-child(3) { background-color: #FF0000; }
.colorBg > div:nth-child(4) { background-color: #FF8A00; }

.colorBg > div:nth-child(5) { background-color: #FCFF00; }
.colorBg > div:nth-child(6) { background-color: #30C225; }
.colorBg > div:nth-child(7) { background-color: #2079FF; }
.colorBg > div:nth-child(8) { background-color: #7A1EEC; }

.colorBg > div.hover::after, .colorBg > div.select::after { content:""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20px; height: 20px; border:3px solid #ff0; border-radius: 50%; }

.drawOnOff { position: absolute; background-image: url(../images/new_map/draw_off.png); width: 83px; height: 83px; bottom: 10px; left: 10px; cursor: pointer; background-size: 100% 100%; z-index: 1; }
.drawOnOff.on { background-image: url(../images/new_map/draw_on.png); }

/* 텍스트 */
.fontF { cursor: pointer; width: 86px; height: 40px; background-size: 100% 100%; display: inline-block; vertical-align: middle; margin-top: -11px; margin-right: 5px; }
.fontF[data-family="NanumSquareB"] { background-image: url(../images/new_map/btn_text1.png); }
.fontF[data-family="NanumSquareB"].select { background-image: url(../images/new_map/btn_text1_h.png); }
.fontF[data-family="NanumMyeongjo"] { background-image: url(../images/new_map/btn_text2.png); }
.fontF[data-family="NanumMyeongjo"].select { background-image: url(../images/new_map/btn_text2_h.png); }

.chooseFS { width: 84px; height: 39px; display: inline-block; background-color: #D9EAFF; border-radius: 40px; vertical-align: middle; margin-top: -12px; position: relative; cursor: pointer; }
.chooseFS > span { position: absolute; top: 50%; transform: translateY(-50%); width: 64px; text-align: center; left: 0px; font-size: 23px; height: 23px; color: #4465AB; }
.chooseFS .arrow { background-size: 100% 100%; width:15px; height:13px; position: absolute; top:50%; transform: translateY(-50%); right:8px; background-image: url(../images/new_map/arrow1.png); }
.chooseFS.select .arrow { transform: translateY(-50%) rotate(180deg); }
.fsBg { color: #fff; background-color: #D9EAFF; position: absolute; width: 55px; top: 44px; left: 261px; z-index: 2; display: none; }
.fsBg.on { display: block; }
.fsBg > span { display: block; width: 100%; padding:3px 0; text-align: center; cursor: pointer; }
.fsBg > span.hover, .fsBg > span.select { color:#626262; }

.textOk { width: 64px; height: 47px; cursor: pointer; background-image: url(../images/new_map/btn_add.png); display: inline-block; background-size: 100% 100%; position: absolute; top: 60px; left: 273px; }
.textOk.hover { background-image: url(../images/new_map/btn_add_h.png); }

/* 맵상 close */
.deleteBtn { position: absolute; top:-35px; right:-13px; background-image: url(../images/new_map/btn_x.png); width:28px; height:28px; background-size: 100% 100%; cursor: pointer; }

.rotateBtn { position: absolute; left:50%; transform: translateX(-50%); top: -28px; width:18px; height:24px; cursor: pointer; background-size: 100% 100%; background-image: url(../images/new_map/icon_rotate.png); }
.rotateBox { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; }
.scaleTarget { pointer-events: none; }

.figureBox { z-index: 1; transform: translateZ(0); }
.figureBox.on .widthBox > div { display: block; }
.figureBox.on .widthBox { border: 1px solid; }
.widthBox { position: absolute; }
.widthBox > div { display: none; }
.dotBox { width: 100%; height: 100%; }
.dotBox .dot { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #000; cursor: pointer; }
.dotBox .dot:nth-child(1) { top: -5px; left: -5px; }
.dotBox .dot:nth-child(2) { top: -5px; left: calc(50% - 5px); }
.dotBox .dot:nth-child(3) { top: -5px; right: -5px; }
.dotBox .dot:nth-child(4) { top: calc(50% - 5px); left: -5px; }
.dotBox .dot:nth-child(5) { top: calc(50% - 5px); right: -5px; }
.dotBox .dot:nth-child(6) { bottom: -5px; left: -5px; }
.dotBox .dot:nth-child(7) { bottom: -5px; left: calc(50% - 5px); }
.dotBox .dot:nth-child(8) { bottom: -5px; right: -5px; }

/* textBox */
.textBg { width:100%; height:100%; position: absolute; top:0; left:0; z-index: 999; display: none; }
.textBg.on { display: block; } 
.textBox { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-image: url(../images/new_map/text_pop.png); width:529px; height:330px; background-size: 100% 100%; }
.textBox input { position: absolute; top: 128px; left: 50px; width: 419px; border: 0; outline: 0; background-color: transparent; height: 55px; padding: 0 5px; font-size: 30px; }
.textBox div { position: absolute; top:227px; width:122px; height:59px; cursor: pointer; background-size: 100% 100%; }
.textBoxNo { left:130px; background-image: url(../images/new_map/btn_cancel.png); }
.textBoxOk { left:280px; background-image: url(../images/new_map/btn_ok.png); }
.textBoxNo.hover { background-image: url(../images/new_map/btn_cancel_h.png); }
.textBoxOk.hover { background-image: url(../images/new_map/btn_ok_h.png); }

/* 두번째 화면 */
.main { top: 110px; left: 30px; width: 1844px; border-radius: 40px; height: 924px; border: 8px solid #DBE4FB; overflow: hidden; }
.main > div { position: absolute; }

.container[data-index="1"] .map { top: 0px; left: 254px; width: 1590px; height: 924px; background-color: #fff; }

.container[data-index="1"] .magnify_range { width: 1590px; }

.mapList { top: 0px; left: 0px; height: 100%; background-color: #e7eeff; border: 2px solid #B6CAF6; border-radius: 32px 0 0 32px; box-sizing: border-box; }
.mapList > div { width: 250px; height: 50px; line-height: 50px; cursor: pointer; font-size: 21px; color: #495577
    ; position: relative; border-bottom: 1px solid #DBE6FD; }
.mapList > div:first-child { padding-top: 3px; }
.mapList > div:last-child { padding-bottom: 3px; border-bottom: 0; }
.mapList > div.select, .mapList > div.hover { color: #fff; background-color: #6084CD; border-bottom: 1px solid #6084CD; }

.mapList > div::before { display: inline-block; content: ""; width:10px; height:10px; border-radius: 50%; background-color: #AFC5F5; vertical-align: middle; margin:0 5px; margin-left: 20px; }
.mapList > div.select::before, .mapList > div.hover::before { background-color:#FC7BCA; }
.mapList > div > span { position: relative; vertical-align: middle; }

.subList { background-color: #F1F5FF; font-size: 21px; top: 0px; z-index: 1; width: 200px; height: 100%; left:249px; display: none; border: 2px solid #B6CAF6; border-radius: 0 32px 32px 0; border-left: 0; box-sizing: border-box; color: #495577; overflow: hidden; }
.subList.on { display: block; }
.subOver { height: 100%; overflow: hidden; }
.subList .subOver > div { cursor: pointer; cursor: pointer; height: 50px; line-height: 50px; position: relative; border-bottom: 1px solid #DBE6FD; }
.subList .subOver > div:first-child { padding-top: 3px; }
.subList .subOver > div:last-child { padding-bottom: 3px; border-bottom: 0; }
.subOver > div.select, .subOver > div.hover { color: #fff; background-color: #6084CD; border-bottom: 1px solid #6084CD; }
.subOver > div::before { display: inline-block; content: ""; width:10px; height:10px; border-radius: 50%; background-color: #AFC5F5; vertical-align: middle; margin:0 5px; margin-left: 20px; }
.subOver > div.select::before, .subOver > div.hover::before { background-color:#FC7BCA; }

.moveContainerBtn[data-index="0"] { background-image: url(../images/new_map/btn_make.png); width: 191px; height: 59px; background-size: 100% 100%; cursor: pointer; top: 20px; left: 1720px; }
.moveContainerBtn[data-index="0"].hover { background-image: url(../images/new_map/btn_make_h.png); }

/* scroll */
.scrollBox::-webkit-scrollbar { display: none; }
.scrollBg { position: absolute; }
.scrollSize { position: relative; }
.scrollMove { top: 0; left: 0; position: absolute; cursor: pointer; width: 100%; }
.scrollBg { top: 20px; right:10px; background-color: #e9e9e9; border-radius: 20px; width: 10px; height: calc(100% - 40px); }
.scrollSize { width: 100%; height: 100%; }
.scrollMove { background-color: #5e6fdb; border-radius: 20px; height: 150px; }
.searchData .scrollMove { background-color: #F39CC5; height: 100px; }

/* 맵 오버 */
.mapOver { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none !important; }
.mapOver div { position: absolute; background-size: 100% 100%; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; }
/* 강원특별자치도 */
.mapOver[data-map="강원특별자치도"] div:nth-child(1) { background-image: url(../images/map/sub/강원특별자치도_춘천시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(2) { background-image: url(../images/map/sub/강원특별자치도_원주시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(3) { background-image: url(../images/map/sub/강원특별자치도_강릉시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(4) { background-image: url(../images/map/sub/강원특별자치도_동해시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(5) { background-image: url(../images/map/sub/강원특별자치도_태백시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(6) { background-image: url(../images/map/sub/강원특별자치도_속초시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(7) { background-image: url(../images/map/sub/강원특별자치도_삼척시.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(8) { background-image: url(../images/map/sub/강원특별자치도_홍천군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(9) { background-image: url(../images/map/sub/강원특별자치도_횡성군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(10) { background-image: url(../images/map/sub/강원특별자치도_영월군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(11) { background-image: url(../images/map/sub/강원특별자치도_평창군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(12) { background-image: url(../images/map/sub/강원특별자치도_정선군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(13) { background-image: url(../images/map/sub/강원특별자치도_철원군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(14) { background-image: url(../images/map/sub/강원특별자치도_화천군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(15) { background-image: url(../images/map/sub/강원특별자치도_양구군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(16) { background-image: url(../images/map/sub/강원특별자치도_인제군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(17) { background-image: url(../images/map/sub/강원특별자치도_고성군.png); }
.mapOver[data-map="강원특별자치도"] div:nth-child(18) { background-image: url(../images/map/sub/강원특별자치도_양양군.png); }

/* 경기도 */
.mapOver[data-map="경기도"] div:nth-child(1) { background-image: url(../images/map/sub/경기도_고양시.png); }
.mapOver[data-map="경기도"] div:nth-child(2) { background-image: url(../images/map/sub/경기도_과천시.png); }
.mapOver[data-map="경기도"] div:nth-child(3) { background-image: url(../images/map/sub/경기도_광명시.png); }
.mapOver[data-map="경기도"] div:nth-child(4) { background-image: url(../images/map/sub/경기도_광주시.png); }
.mapOver[data-map="경기도"] div:nth-child(5) { background-image: url(../images/map/sub/경기도_구리시.png); }
.mapOver[data-map="경기도"] div:nth-child(6) { background-image: url(../images/map/sub/경기도_군포시.png); }
.mapOver[data-map="경기도"] div:nth-child(7) { background-image: url(../images/map/sub/경기도_김포시.png); }
.mapOver[data-map="경기도"] div:nth-child(8) { background-image: url(../images/map/sub/경기도_남양주시.png); }
.mapOver[data-map="경기도"] div:nth-child(9) { background-image: url(../images/map/sub/경기도_동두천시.png); }
.mapOver[data-map="경기도"] div:nth-child(10) { background-image: url(../images/map/sub/경기도_부천시.png); }
.mapOver[data-map="경기도"] div:nth-child(11) { background-image: url(../images/map/sub/경기도_성남시.png); }
.mapOver[data-map="경기도"] div:nth-child(12) { background-image: url(../images/map/sub/경기도_수원시.png); }
.mapOver[data-map="경기도"] div:nth-child(13) { background-image: url(../images/map/sub/경기도_시흥시.png); }
.mapOver[data-map="경기도"] div:nth-child(14) { background-image: url(../images/map/sub/경기도_안산시.png); }
.mapOver[data-map="경기도"] div:nth-child(15) { background-image: url(../images/map/sub/경기도_안성시.png); }
.mapOver[data-map="경기도"] div:nth-child(16) { background-image: url(../images/map/sub/경기도_안양시.png); }
.mapOver[data-map="경기도"] div:nth-child(17) { background-image: url(../images/map/sub/경기도_양주시.png); }
.mapOver[data-map="경기도"] div:nth-child(18) { background-image: url(../images/map/sub/경기도_여주시.png); }
.mapOver[data-map="경기도"] div:nth-child(19) { background-image: url(../images/map/sub/경기도_오산시.png); }
.mapOver[data-map="경기도"] div:nth-child(20) { background-image: url(../images/map/sub/경기도_용인시.png); }
.mapOver[data-map="경기도"] div:nth-child(21) { background-image: url(../images/map/sub/경기도_의왕시.png); }
.mapOver[data-map="경기도"] div:nth-child(22) { background-image: url(../images/map/sub/경기도_의정부시.png); }
.mapOver[data-map="경기도"] div:nth-child(23) { background-image: url(../images/map/sub/경기도_이천시.png); }
.mapOver[data-map="경기도"] div:nth-child(24) { background-image: url(../images/map/sub/경기도_파주시.png); }
.mapOver[data-map="경기도"] div:nth-child(25) { background-image: url(../images/map/sub/경기도_평택시.png); }
.mapOver[data-map="경기도"] div:nth-child(26) { background-image: url(../images/map/sub/경기도_포천시.png); }
.mapOver[data-map="경기도"] div:nth-child(27) { background-image: url(../images/map/sub/경기도_하남시.png); }
.mapOver[data-map="경기도"] div:nth-child(28) { background-image: url(../images/map/sub/경기도_화성시.png); }
.mapOver[data-map="경기도"] div:nth-child(29) { background-image: url(../images/map/sub/경기도_가평군.png); }
.mapOver[data-map="경기도"] div:nth-child(30) { background-image: url(../images/map/sub/경기도_양평군.png); }
.mapOver[data-map="경기도"] div:nth-child(31) { background-image: url(../images/map/sub/경기도_연천군.png); }

/* 충청남도 */
.mapOver[data-map="충청남도"] div:nth-child(1) { background-image: url(../images/map/sub/충청남도_계룡시.png); }
.mapOver[data-map="충청남도"] div:nth-child(2) { background-image: url(../images/map/sub/충청남도_공주시.png); }
.mapOver[data-map="충청남도"] div:nth-child(3) { background-image: url(../images/map/sub/충청남도_논산시.png); }
.mapOver[data-map="충청남도"] div:nth-child(4) { background-image: url(../images/map/sub/충청남도_당진시.png); }
.mapOver[data-map="충청남도"] div:nth-child(5) { background-image: url(../images/map/sub/충청남도_보령시.png); }
.mapOver[data-map="충청남도"] div:nth-child(6) { background-image: url(../images/map/sub/충청남도_서산시.png); }
.mapOver[data-map="충청남도"] div:nth-child(7) { background-image: url(../images/map/sub/충청남도_아산시.png); }
.mapOver[data-map="충청남도"] div:nth-child(8) { background-image: url(../images/map/sub/충청남도_천안시.png); }
.mapOver[data-map="충청남도"] div:nth-child(9) { background-image: url(../images/map/sub/충청남도_금산군.png); }
.mapOver[data-map="충청남도"] div:nth-child(10) { background-image: url(../images/map/sub/충청남도_부여군.png); }
.mapOver[data-map="충청남도"] div:nth-child(11) { background-image: url(../images/map/sub/충청남도_서천군.png); }
.mapOver[data-map="충청남도"] div:nth-child(12) { background-image: url(../images/map/sub/충청남도_예산군.png); }
.mapOver[data-map="충청남도"] div:nth-child(13) { background-image: url(../images/map/sub/충청남도_청양군.png); }
.mapOver[data-map="충청남도"] div:nth-child(14) { background-image: url(../images/map/sub/충청남도_태안군.png); }
.mapOver[data-map="충청남도"] div:nth-child(15) { background-image: url(../images/map/sub/충청남도_홍성군.png); }

/* 충청북도 */
.mapOver[data-map="충청북도"] div:nth-child(1) { background-image: url(../images/map/sub/충청북도_제천시.png); }
.mapOver[data-map="충청북도"] div:nth-child(2) { background-image: url(../images/map/sub/충청북도_청주시.png); }
.mapOver[data-map="충청북도"] div:nth-child(3) { background-image: url(../images/map/sub/충청북도_충주시.png); }
.mapOver[data-map="충청북도"] div:nth-child(4) { background-image: url(../images/map/sub/충청북도_괴산군.png); }
.mapOver[data-map="충청북도"] div:nth-child(5) { background-image: url(../images/map/sub/충청북도_단양군.png); }
.mapOver[data-map="충청북도"] div:nth-child(6) { background-image: url(../images/map/sub/충청북도_보은군.png); }
.mapOver[data-map="충청북도"] div:nth-child(7) { background-image: url(../images/map/sub/충청북도_영동군.png); }
.mapOver[data-map="충청북도"] div:nth-child(8) { background-image: url(../images/map/sub/충청북도_옥천군.png); }
.mapOver[data-map="충청북도"] div:nth-child(9) { background-image: url(../images/map/sub/충청북도_음성군.png); }
.mapOver[data-map="충청북도"] div:nth-child(10) { background-image: url(../images/map/sub/충청북도_증평군.png); }
.mapOver[data-map="충청북도"] div:nth-child(11) { background-image: url(../images/map/sub/충청북도_진천군.png); }

/* 경상남도 */
.mapOver[data-map="경상남도"] div:nth-child(1) { background-image: url(../images/map/sub/경상남도_거제시.png); }
.mapOver[data-map="경상남도"] div:nth-child(2) { background-image: url(../images/map/sub/경상남도_김해시.png); }
.mapOver[data-map="경상남도"] div:nth-child(3) { background-image: url(../images/map/sub/경상남도_밀양시.png); }
.mapOver[data-map="경상남도"] div:nth-child(4) { background-image: url(../images/map/sub/경상남도_사천시.png); }
.mapOver[data-map="경상남도"] div:nth-child(5) { background-image: url(../images/map/sub/경상남도_양산시.png); }
.mapOver[data-map="경상남도"] div:nth-child(6) { background-image: url(../images/map/sub/경상남도_진주시.png); }
.mapOver[data-map="경상남도"] div:nth-child(7) { background-image: url(../images/map/sub/경상남도_창원시.png); }
.mapOver[data-map="경상남도"] div:nth-child(8) { background-image: url(../images/map/sub/경상남도_통영시.png); }
.mapOver[data-map="경상남도"] div:nth-child(9) { background-image: url(../images/map/sub/경상남도_거창군.png); }
.mapOver[data-map="경상남도"] div:nth-child(10) { background-image: url(../images/map/sub/경상남도_고성군.png); }
.mapOver[data-map="경상남도"] div:nth-child(11) { background-image: url(../images/map/sub/경상남도_남해군.png); }
.mapOver[data-map="경상남도"] div:nth-child(12) { background-image: url(../images/map/sub/경상남도_산청군.png); }
.mapOver[data-map="경상남도"] div:nth-child(13) { background-image: url(../images/map/sub/경상남도_의령군.png); }
.mapOver[data-map="경상남도"] div:nth-child(14) { background-image: url(../images/map/sub/경상남도_창녕군.png); }
.mapOver[data-map="경상남도"] div:nth-child(15) { background-image: url(../images/map/sub/경상남도_하동군.png); }
.mapOver[data-map="경상남도"] div:nth-child(16) { background-image: url(../images/map/sub/경상남도_함안군.png); }
.mapOver[data-map="경상남도"] div:nth-child(17) { background-image: url(../images/map/sub/경상남도_함양군.png); }
.mapOver[data-map="경상남도"] div:nth-child(18) { background-image: url(../images/map/sub/경상남도_합천군.png); }

/* 경상북도 */
.mapOver[data-map="경상북도"] div:nth-child(1) { background-image: url(../images/map/sub/경상북도_경산시.png); }
.mapOver[data-map="경상북도"] div:nth-child(2) { background-image: url(../images/map/sub/경상북도_경주시.png); }
.mapOver[data-map="경상북도"] div:nth-child(3) { background-image: url(../images/map/sub/경상북도_구미시.png); }
.mapOver[data-map="경상북도"] div:nth-child(4) { background-image: url(../images/map/sub/경상북도_김천시.png); }
.mapOver[data-map="경상북도"] div:nth-child(5) { background-image: url(../images/map/sub/경상북도_문경시.png); }
.mapOver[data-map="경상북도"] div:nth-child(6) { background-image: url(../images/map/sub/경상북도_상주시.png); }
.mapOver[data-map="경상북도"] div:nth-child(7) { background-image: url(../images/map/sub/경상북도_안동시.png); }
.mapOver[data-map="경상북도"] div:nth-child(8) { background-image: url(../images/map/sub/경상북도_영주시.png); }
.mapOver[data-map="경상북도"] div:nth-child(9) { background-image: url(../images/map/sub/경상북도_영천시.png); }
.mapOver[data-map="경상북도"] div:nth-child(10) { background-image: url(../images/map/sub/경상북도_포항시.png); }
.mapOver[data-map="경상북도"] div:nth-child(11) { background-image: url(../images/map/sub/경상북도_고령군.png); }
.mapOver[data-map="경상북도"] div:nth-child(12) { background-image: url(../images/map/sub/경상북도_봉화군.png); }
.mapOver[data-map="경상북도"] div:nth-child(13) { background-image: url(../images/map/sub/경상북도_성주군.png); }
.mapOver[data-map="경상북도"] div:nth-child(14) { background-image: url(../images/map/sub/경상북도_영덕군.png); }
.mapOver[data-map="경상북도"] div:nth-child(15) { background-image: url(../images/map/sub/경상북도_영양군.png); }
.mapOver[data-map="경상북도"] div:nth-child(16) { background-image: url(../images/map/sub/경상북도_예천군.png); }
.mapOver[data-map="경상북도"] div:nth-child(17) { background-image: url(../images/map/sub/경상북도_울릉군.png); }
.mapOver[data-map="경상북도"] div:nth-child(18) { background-image: url(../images/map/sub/경상북도_울진군.png); }
.mapOver[data-map="경상북도"] div:nth-child(19) { background-image: url(../images/map/sub/경상북도_의성군.png); }
.mapOver[data-map="경상북도"] div:nth-child(20) { background-image: url(../images/map/sub/경상북도_청도군.png); }
.mapOver[data-map="경상북도"] div:nth-child(21) { background-image: url(../images/map/sub/경상북도_청송군.png); }
.mapOver[data-map="경상북도"] div:nth-child(22) { background-image: url(../images/map/sub/경상북도_칠곡군.png); }

/* 전라남도 */
.mapOver[data-map="전라남도"] div:nth-child(1) { background-image: url(../images/map/sub/전라남도_광양시.png); }
.mapOver[data-map="전라남도"] div:nth-child(2) { background-image: url(../images/map/sub/전라남도_나주시.png); }
.mapOver[data-map="전라남도"] div:nth-child(3) { background-image: url(../images/map/sub/전라남도_목포시.png); }
.mapOver[data-map="전라남도"] div:nth-child(4) { background-image: url(../images/map/sub/전라남도_순천시.png); }
.mapOver[data-map="전라남도"] div:nth-child(5) { background-image: url(../images/map/sub/전라남도_여수시.png); }
.mapOver[data-map="전라남도"] div:nth-child(6) { background-image: url(../images/map/sub/전라남도_강진군.png); }
.mapOver[data-map="전라남도"] div:nth-child(7) { background-image: url(../images/map/sub/전라남도_고흥군.png); }
.mapOver[data-map="전라남도"] div:nth-child(8) { background-image: url(../images/map/sub/전라남도_곡성군.png); }
.mapOver[data-map="전라남도"] div:nth-child(9) { background-image: url(../images/map/sub/전라남도_구례군.png); }
.mapOver[data-map="전라남도"] div:nth-child(10) { background-image: url(../images/map/sub/전라남도_담양군.png); }
.mapOver[data-map="전라남도"] div:nth-child(11) { background-image: url(../images/map/sub/전라남도_무안군.png); }
.mapOver[data-map="전라남도"] div:nth-child(12) { background-image: url(../images/map/sub/전라남도_보성군.png); }
.mapOver[data-map="전라남도"] div:nth-child(13) { background-image: url(../images/map/sub/전라남도_신안군.png); }
.mapOver[data-map="전라남도"] div:nth-child(14) { background-image: url(../images/map/sub/전라남도_영광군.png); }
.mapOver[data-map="전라남도"] div:nth-child(15) { background-image: url(../images/map/sub/전라남도_영암군.png); }
.mapOver[data-map="전라남도"] div:nth-child(16) { background-image: url(../images/map/sub/전라남도_완도군.png); }
.mapOver[data-map="전라남도"] div:nth-child(17) { background-image: url(../images/map/sub/전라남도_장성군.png); }
.mapOver[data-map="전라남도"] div:nth-child(18) { background-image: url(../images/map/sub/전라남도_장흥군.png); }
.mapOver[data-map="전라남도"] div:nth-child(19) { background-image: url(../images/map/sub/전라남도_진도군.png); }
.mapOver[data-map="전라남도"] div:nth-child(20) { background-image: url(../images/map/sub/전라남도_함평군.png); }
.mapOver[data-map="전라남도"] div:nth-child(21) { background-image: url(../images/map/sub/전라남도_해남군.png); }
.mapOver[data-map="전라남도"] div:nth-child(22) { background-image: url(../images/map/sub/전라남도_화순군.png); }

/* 전북특별자치도 */
.mapOver[data-map="전북특별자치도"] div:nth-child(1) { background-image: url(../images/map/sub/전북특별자치도_군산시.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(2) { background-image: url(../images/map/sub/전북특별자치도_김제시.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(3) { background-image: url(../images/map/sub/전북특별자치도_남원시.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(4) { background-image: url(../images/map/sub/전북특별자치도_익산시.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(5) { background-image: url(../images/map/sub/전북특별자치도_전주시.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(6) { background-image: url(../images/map/sub/전북특별자치도_정읍시.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(7) { background-image: url(../images/map/sub/전북특별자치도_고창군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(8) { background-image: url(../images/map/sub/전북특별자치도_무주군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(9) { background-image: url(../images/map/sub/전북특별자치도_부안군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(10) { background-image: url(../images/map/sub/전북특별자치도_순창군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(11) { background-image: url(../images/map/sub/전북특별자치도_완주군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(12) { background-image: url(../images/map/sub/전북특별자치도_임실군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(13) { background-image: url(../images/map/sub/전북특별자치도_장수군.png); }
.mapOver[data-map="전북특별자치도"] div:nth-child(14) { background-image: url(../images/map/sub/전북특별자치도_진안군.png); }

/* 제주특별자치도 */
.mapOver[data-map="제주특별자치도"] div:nth-child(1) { background-image: url(../images/map/sub/제주특별자치도_서귀포시.png); }
.mapOver[data-map="제주특별자치도"] div:nth-child(2) { background-image: url(../images/map/sub/제주특별자치도_제주시.png); }

/* 서울특별시 */
.mapOver[data-map="서울특별시"] div:nth-child(1) { background-image: url(../images/map/sub/서울특별시_종로구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(2) { background-image: url(../images/map/sub/서울특별시_중구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(3) { background-image: url(../images/map/sub/서울특별시_용산구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(4) { background-image: url(../images/map/sub/서울특별시_성동구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(5) { background-image: url(../images/map/sub/서울특별시_광진구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(6) { background-image: url(../images/map/sub/서울특별시_동대문구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(7) { background-image: url(../images/map/sub/서울특별시_중랑구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(8) { background-image: url(../images/map/sub/서울특별시_성북구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(9) { background-image: url(../images/map/sub/서울특별시_강북구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(10) { background-image: url(../images/map/sub/서울특별시_도봉구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(11) { background-image: url(../images/map/sub/서울특별시_노원구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(12) { background-image: url(../images/map/sub/서울특별시_은평구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(13) { background-image: url(../images/map/sub/서울특별시_서대문구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(14) { background-image: url(../images/map/sub/서울특별시_마포구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(15) { background-image: url(../images/map/sub/서울특별시_양천구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(16) { background-image: url(../images/map/sub/서울특별시_강서구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(17) { background-image: url(../images/map/sub/서울특별시_구로구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(18) { background-image: url(../images/map/sub/서울특별시_금천구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(19) { background-image: url(../images/map/sub/서울특별시_영등포구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(20) { background-image: url(../images/map/sub/서울특별시_동작구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(21) { background-image: url(../images/map/sub/서울특별시_관악구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(22) { background-image: url(../images/map/sub/서울특별시_서초구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(23) { background-image: url(../images/map/sub/서울특별시_강남구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(24) { background-image: url(../images/map/sub/서울특별시_송파구.png); }
.mapOver[data-map="서울특별시"] div:nth-child(25) { background-image: url(../images/map/sub/서울특별시_강동구.png); }

/* 부산광역시 */
.mapOver[data-map="부산광역시"] div:nth-child(1) { background-image: url(../images/map/sub/부산광역시_강서구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(2) { background-image: url(../images/map/sub/부산광역시_금정구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(3) { background-image: url(../images/map/sub/부산광역시_남구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(4) { background-image: url(../images/map/sub/부산광역시_동구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(5) { background-image: url(../images/map/sub/부산광역시_동래구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(6) { background-image: url(../images/map/sub/부산광역시_부산진구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(7) { background-image: url(../images/map/sub/부산광역시_북구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(8) { background-image: url(../images/map/sub/부산광역시_사상구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(9) { background-image: url(../images/map/sub/부산광역시_사하구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(10) { background-image: url(../images/map/sub/부산광역시_서구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(11) { background-image: url(../images/map/sub/부산광역시_수영구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(12) { background-image: url(../images/map/sub/부산광역시_연제구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(13) { background-image: url(../images/map/sub/부산광역시_영도구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(14) { background-image: url(../images/map/sub/부산광역시_중구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(15) { background-image: url(../images/map/sub/부산광역시_해운대구.png); }
.mapOver[data-map="부산광역시"] div:nth-child(16) { background-image: url(../images/map/sub/부산광역시_기장군.png); }

/* 인천광역시 */
.mapOver[data-map="인천광역시"] div:nth-child(1) { background-image: url(../images/map/sub/인천광역시_중구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(2) { background-image: url(../images/map/sub/인천광역시_동구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(3) { background-image: url(../images/map/sub/인천광역시_미추홀구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(4) { background-image: url(../images/map/sub/인천광역시_연수구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(5) { background-image: url(../images/map/sub/인천광역시_남동구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(6) { background-image: url(../images/map/sub/인천광역시_부평구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(7) { background-image: url(../images/map/sub/인천광역시_계양구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(8) { background-image: url(../images/map/sub/인천광역시_서구.png); }
.mapOver[data-map="인천광역시"] div:nth-child(9) { background-image: url(../images/map/sub/인천광역시_강화군.png); }
.mapOver[data-map="인천광역시"] div:nth-child(10) { background-image: url(../images/map/sub/인천광역시_옹진군.png); }

/* 대구광역시 */
.mapOver[data-map="대구광역시"] div:nth-child(1) { background-image: url(../images/map/sub/대구광역시_남구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(2) { background-image: url(../images/map/sub/대구광역시_달서구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(3) { background-image: url(../images/map/sub/대구광역시_동구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(4) { background-image: url(../images/map/sub/대구광역시_북구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(5) { background-image: url(../images/map/sub/대구광역시_서구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(6) { background-image: url(../images/map/sub/대구광역시_수성구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(7) { background-image: url(../images/map/sub/대구광역시_중구.png); }
.mapOver[data-map="대구광역시"] div:nth-child(8) { background-image: url(../images/map/sub/대구광역시_군위군.png); }
.mapOver[data-map="대구광역시"] div:nth-child(9) { background-image: url(../images/map/sub/대구광역시_달성군.png); }

/* 대전광역시 */
.mapOver[data-map="대전광역시"] div:nth-child(1) { background-image: url(../images/map/sub/대전광역시_동구.png); }
.mapOver[data-map="대전광역시"] div:nth-child(2) { background-image: url(../images/map/sub/대전광역시_중구.png); }
.mapOver[data-map="대전광역시"] div:nth-child(3) { background-image: url(../images/map/sub/대전광역시_서구.png); }
.mapOver[data-map="대전광역시"] div:nth-child(4) { background-image: url(../images/map/sub/대전광역시_유성구.png); }
.mapOver[data-map="대전광역시"] div:nth-child(5) { background-image: url(../images/map/sub/대전광역시_대덕구.png); }

/* 광주광역시 */
.mapOver[data-map="광주광역시"] div:nth-child(1) { background-image: url(../images/map/sub/광주광역시_광산구.png); }
.mapOver[data-map="광주광역시"] div:nth-child(2) { background-image: url(../images/map/sub/광주광역시_남구.png); }
.mapOver[data-map="광주광역시"] div:nth-child(3) { background-image: url(../images/map/sub/광주광역시_동구.png); }
.mapOver[data-map="광주광역시"] div:nth-child(4) { background-image: url(../images/map/sub/광주광역시_북구.png); }
.mapOver[data-map="광주광역시"] div:nth-child(5) { background-image: url(../images/map/sub/광주광역시_서구.png); }

/* 울산광역시 */
.mapOver[data-map="울산광역시"] div:nth-child(1) { background-image: url(../images/map/sub/울산광역시_남구.png); }
.mapOver[data-map="울산광역시"] div:nth-child(2) { background-image: url(../images/map/sub/울산광역시_동구.png); }
.mapOver[data-map="울산광역시"] div:nth-child(3) { background-image: url(../images/map/sub/울산광역시_북구.png); }
.mapOver[data-map="울산광역시"] div:nth-child(4) { background-image: url(../images/map/sub/울산광역시_중구.png); }
.mapOver[data-map="울산광역시"] div:nth-child(5) { background-image: url(../images/map/sub/울산광역시_울주군.png); }

/* 프린트 */
@media print and (color) {
    * { -webkit-print-color-adjust: exact; }
}
@media print {
    @page {
        padding: 0;
        margin: 0;
        size: landscape;
    }
}

.PRINT_MODE_BODY { background-color: transparent;  width: 297mm; height: 209mm; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.PRINT_MODE { transform:none !important; top: 0 !important; left: 0 !important; width: 980px; height: 650px; border: 1px solid; background-color: #ccc; }
.PRINT_MODE .container { display: none !important; }
.PRINT_MODE .map { position: relative; width: 1474px; height: 924px; /* 980 650 */ transform: scale(0.6648); transform-origin: 0% 0%; top: 18px; }
.PRINT_MODE .magnify_range { width: 1474px; }
.PRINT_MODE .drawOnOff, .PRINT_MODE .rangeBox { display: none; }
.PRINT_MODE .widthBox { display: none !important; }

.SAVE_MODE .drawOnOff, .SAVE_MODE .rangeBox { display: none; }
.SAVE_MODE .widthBox { display: none !important; }