﻿/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {margin:0; padding:0;}


body {font-size:12px; font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, AppleSDGothicNeo, sans-serif;}
/* button, input, select, table, textarea {font-size:12px; font-family:'나눔고딕', NanumGothic, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, AppleSDGothicNeo, sans-serif;} */
/* button, input, select, table, textarea {font-family:'나눔고딕', NanumGothic, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, AppleSDGothicNeo, sans-serif; font-size:12px;} */
fieldset, img {border:0;}

body, html {width:100%; height:100%;}
body {overflow-y:auto; text-align:left; background:#e0e2e7;}

address, body, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, iframe, input, li, object, ol, p, select, textarea, ul {margin:0; padding:0;}
fieldset, iframe, img {border:none;}
iframe {display:block;}
li {list-style-type:none;}
table {border-collapse:collapse;}
address, em {font-style:normal;}
input {wpadding-right:1px;}
ol, ul {list-style:none;}
a {color:inherit; text-decoration:none;}
legend, caption {height:0; overflow:hidden;}

button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; cursor:pointer;}
input, select, textarea, button {font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-size:100%; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
a, button {
	-webkit-transition:background-color .25s ease-out, color .25s ease-out; 
	-moz-transition:background-color .25s ease-out, color .25s ease-out; 
	-ms-transition:background-color .25s ease-out, color .25s ease-out; 
	transition:background-color .25s ease-out, color .25s ease-out; 
;}
button {margin:0; padding:0; border:0;}

input {margin:0; padding:0; border:0;}

input[type="checkbox"] {width:13px; height:13px; background:url(../img/bg_checkboxW_off.png) no-repeat 0 0;}
input[type="checkbox"]:checked {background-image:url(../img/bg_checkboxW_on.png);}
input[type="checkbox"]:checked + label {color:#1c32f7;}
input[type="radio"] {width:13px; height:13px; background:url(../img/bg_radioW_off.png) no-repeat 0 0;}
input[type="radio"]:checked {background-image:url(../img/bg_radioW_on.png);}
input[type="radio"]:checked + label {color:#1c32f7;}
.mainchart input[type="checkbox"] {vertical-align:-2px;}
.rts_popup input[type="checkbox"] {vertical-align:0;}



#rts_wrap {width:100%; position:relative; background:#e0e2e7;}
#rts_header {width:100%; position:relative; background:#fff; height:100px; overflow:hidden;}
#rts_header .global_section {position:relative; height:50px; z-index:10; margin:0 auto; width:1248px; font-family:Nanum Gothic, sans-serif;}
#rts_header .global_section h1 {position:absolute; left:0; top:0;}
#rts_header .global_section h1.logoWoori {height:50px; padding-top:15px;}
#rts_header .global_section h1.logoWoori a {display:block; width:170px; height:22px; font-size:0; line-height:0; background:url(../img/logoWooribank.png) 0 center no-repeat; overflow:hidden;}

#rts_header .global_section h1.logoRTS {height:50px; padding-top:18px;}
#rts_header .global_section h1.logoRTS a {display:block; padding-left:50px; font-weight:bold; font-size:18px; background:url(../img/logoRTS.png) 0 3px no-repeat; overflow:hidden;}
#rts_header .global_section h1.logoRTS a span {display:inline-block; padding-left:1px; font-size:14px; color:#444;}

#rts_header .global_section ul {position:absolute; top:10px; right:0; height:30px;}
#rts_header .global_section ul li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-right:5px;}
#rts_header .global_section ul li:last-child {padding-right:3px;}
#rts_header .global_section ul li.joinps {color:#bababa; font-size:14px; line-height:30px;}
#rts_header .global_section ul li.joinps a {font-family:Nanum Gothic, sans-serif; color:#fff; text-decoration:underline;}
#rts_header .global_section a.logout {padding:0 15px; background:#484854; color:#fff; font-size:14px; line-height:30px; height:30px; display:block ;}
#rts_header .global_section a.logout:hover {background:#007ccb;}
#rts_header .global_section a.amenu {display:block; width:30px; height:28px; background:url(../img/btn_menu.png) 50% 50% no-repeat; border:1px solid #484854; font-size:0;}
#rts_header .global_section a.amenu:hover {background:url(../img/btn_menu.png) 50% 50% no-repeat #00bdcb; border:1px solid #00bdcb;}


#rts_header .m_search {position:absolute; top:10px; left:50%; transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#rts_header .m_search span.s_title {display:inline-block; padding-top:7px; font-size:14px; color:#080808; font-weight:700; margin-right:2px; vertical-align:top;}
#rts_header .m_search span.formElement {}
#rts_header .m_search select {padding:0 30px 0 5px; border:0; border-radius:3px; background:#1c32f7 url(../img/m_select_arrow.png) no-repeat 100% 50%; 
	font-family:Nanum Gothic, sans-serif; font-weight:700; font-size:14px; color:#fff; height:28px; line-height:28px;}
#rts_header .m_search .add_bmark {position:absolute; left:0; top:-7px; width:33px; height:33px; background:url(../img/btn_addbookmark.png)0 0 no-repeat; font-size:0;}
#rts_header .m_search .add_bmark:hover {background:url(../img/btn_addbookmark_on.png) no-repeat;}
#rts_header .m_search .open_bmark {position:absolute; left:35px; top:-7px; width:33px; height:33px; background:url(../img/btn_openbookmark.png)0 0 no-repeat; font-size:0;}
#rts_header .m_search .open_bmark:hover {background:url(../img/btn_openbookmark_on.png) no-repeat;}


#rts_header .gnbwrap {width:100%; background:#fff; height:50px; overflow:hidden;}
#rts_header .gnb {position:relative; z-index:10; width:1248px; height:50px; margin:0 auto;}
#rts_header .gnb li {float:left;}
#rts_header .gnb li .btn {position:relative; display:block;}
#rts_header .gnb li .btn span {display:block; height:50px; padding:0 9px; font-weight:700; font-size:14px; color:#080808; line-height:50px; word-break:break-all; text-align:center; vertical-align:middle;}
#rts_header .gnb li .btn:hover span {color:#1c32f7;}
#rts_header .gnb li .btn.on span {display:inline-block; width:100%; height:50px; color:#1c32f7; border-bottom:2px solid #1c32f7; box-sizing:border-box;}


#rts_header .dpform_jbo {position:absolute; right:3px; top:10px;}
#rts_header .dpform {}
#rts_header .dpform li {float:left; margin-left:2px;}
#rts_header .dpform li .btn {display:block; width:30px; height:30px; padding:0; border-radius:3px; background-position:50% 50%; background-repeat:no-repeat; background-color:#bfc4ce; overflow:hidden; font-size:0; background-size:17px 15px;}
#rts_header .dpform li a.on,
#rts_header .dpform li a:hover {background-color:#1c32f7;}
#rts_header .dpform li .btn.view01 {background-image:url(../img/menu_ca01.png);}
#rts_header .dpform li .btn.view02 {background-image:url(../img/menu_ca02.png);}
#rts_header .dpform li .btn.view03 {background-image:url(../img/menu_ca03.png);}
#rts_header .dpform li .btn.view04 {background-image:url(../img/menu_ca04.png);}

#contents {*display:inline-block; margin:20px auto 10px; width:1248px;}
#contents:after {display:block; clear:both; content:'';}
.mainchart.col1 {margin-bottom:0;}
.mainchart.col2 {margin-bottom:4px;}
.mainchart.col3 {margin-bottom:5px;}
.mainchart.col4 {margin-bottom:12px;}
.mainchart.col1,
.mainchart.col2,
.mainchart.col3,
.mainchart.col4 {float:left; background:#fff; overflow:hidden;}
.mainchart.col1 {width:1248px; height:800px; margin:0 0 16px 0;}
.mainchart.col2 {width:616px; height:500px; margin:0 0 16px 16px;}
.mainchart.col3 {width:406px; height:330px; margin:0 0 15px 15px;}
.mainchart.col4 {width:306px; height:260px; margin:0 0 8px 8px;}
.mainchart.col2:nth-of-type(2n-1) {margin-left:0 !important;}
.mainchart.col3:nth-of-type(3n-2) {margin-left:0 !important;}
.mainchart.col4:nth-of-type(4n-3) {margin-left:0 !important;}
.mainchart:after {content:''; display:block; clear:both;}
.mainchart.blank {display:block; background:#e9e9ea; border:1px solid #b7b7ba; background-position:50% 50%; background-image:url(../img/btn_add.png); background-repeat:no-repeat; font-size:0;}
.mainchart_blank.col4 {float:left; position:relative; margin:0 3px 5px 2px; width:305px; height:253px; background:url(../img/btn_add.png) 50% 50% no-repeat #e9e9ea; border:1px solid #b7b7ba;}
.mainchart_blank.col3 {float:left; position:relative; margin:0 3px 5px 2px; width:409px; height:330px; background:url(../img/btn_add.png) 50% 50% no-repeat #e9e9ea; border:1px solid #b7b7ba;}
.mainchart_blank.col2 {float:left; position:relative; margin:0 3px 5px 2px; width:617px; height:500px; background:url(../img/btn_add.png) 50% 50% no-repeat #e9e9ea; border:1px solid #b7b7ba;}
.mainchart_blank.col1 {float:left; position:relative; margin:0 3px 5px 2px; width:1240px; height:800px; background:url(../img/btn_add.png) 50% 50% no-repeat #e9e9ea; border:1px solid #b7b7ba;}
.mainchart_blank.col4 a.addchart {display:block; font-size:0; width:305px; height:253px;}
.mainchart_blank.col3 a.addchart {display:block; font-size:0; width:409px; height:330px;}
.mainchart_blank.col2 a.addchart {display:block; font-size:0; width:617px; height:500px;}
.mainchart_blank.col1 a.addchart {display:block; font-size:0; width:1240px; height:800px;}

.mainchart.col4 #chBody0 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody1 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody2 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody3 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody4 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody5 {overflow:hidden; height:230px;}
.mainchart.col4 #chBody6 {overflow:hidden; height:230px;}
.mainchart.col4 #chBody7 {overflow:hidden; height:230px;}
.mainchart.col4 #chBody8 {overflow:hidden; height:230px;}
.mainchart.col4 #chBody9 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody10 {overflow:hidden; height:221px;}
.mainchart.col4 #chBody11 {overflow:hidden; height:221px;}

.mainchart .chartzone {text-align:center; padding:5px; overflow:hidden;}
.mainchart .chartzoneRow2 {text-align:center; padding:5px; overflow:hidden;}
.mainchart.col4 .chartzone {width:296px; height:186px;} /* -10, -74 */
.mainchart.col3 .chartzone {width:399px; height:256px;}
.mainchart.col2 .chartzone {width:607px; height:426px;}
.mainchart.col1 .chartzone {width:1230px; height:726px;}
.mainchart.col4 .chartzoneRow2 {width:296px; height:164px;} /* 검색영역 2줄 */
.mainchart.col3 .chartzoneRow2 {width:399px; height:242px;}
.mainchart.col2 .chartzoneRow2 {width:607px; height:412px;}
.mainchart.col1 .chartzoneRow2 {width:1230px; height:712px;}
.mainchart.col4 .chartzoneHis {width:296px; height:179px;} /* 히스토리차트는 col4 외에서 20크게하여 아래로 좀 내려오게끔함 */
.mainchart.col3 .chartzoneHis {width:399px; height:286px;}
.mainchart.col2 .chartzoneHis {width:607px; height:456px;}
.mainchart.col1 .chartzoneHis {width:1230px; height:756px;}
.mainchart.col4 .chartzoneRow2His {width:296px; height:164px;} /* 히스토리차트는 col4 외에서 20크게하여 아래로 좀 내려오게끔함 */
.mainchart.col3 .chartzoneRow2His {width:399px; height:272px;}
.mainchart.col2 .chartzoneRow2His {width:607px; height:442px;}
.mainchart.col1 .chartzoneRow2His {width:1230px; height:742px;}
.mainchart.col4 .chartzoneNP {width:306px; height:198px; padding:0px;} /* 검색영역 1줄 Padding없음 :부동산정책 */
.mainchart.col3 .chartzoneNP {width:409px; height:263px; padding:0px;}
.mainchart.col2 .chartzoneNP {width:617px; height:433px; padding:0px;}
.mainchart.col1 .chartzoneNP {width:1240px; height:733px; padding:0px;}
.mainchart.col4 .chartzoneRow2NP {width:306px; height:174px; padding:0px;} /* 검색영역 2줄 Padding없음 :전입/전출지도 */
.mainchart.col3 .chartzoneRow2NP {width:409px; height:242px; padding:0px;}
.mainchart.col2 .chartzoneRow2NP {width:617px; height:412px; padding:0px;}
.mainchart.col1 .chartzoneRow2NP {width:1240px; height:712px; padding:0px;}

/* 히스토리영역 */
/***
.mainchart.col4 .rMateH5__Area2DChart {height:0px;} 
.mainchart.col3 .rMateH5__Area2DChart {height:70px;}
.mainchart.col2 .rMateH5__Area2DChart {height:80px;}
.mainchart.col1 .rMateH5__Area2DChart {height:120px;}
***/

#zoomBody .chartzone,
#zoomBody .chartzoneRow2,
#zoomBody .chartzoneHis,
#zoomBody .chartzoneRow2His,
#zoomBody .chartzoneNP,
#zoomBody .chartzoneRow2NP {width:606px; height:412px; margin:5px;}

.mainchart .header {position:relative; background:#24252a; height:30px; padding:0 60px 0 10px;}
.mainchart .header h2 {line-height:30px; font-size:13px; color:#fff;}
.mainchart .header a {width:28px; height:30px; background-position:50% 50%; background-repeat:no-repeat; font-size:0;}
.mainchart .header a:hover {background-color:#1c32f7;}
.mainchart .header .close {display:none; position:absolute; right:0; top:0; background-image:url(../img/icon_closeW.png);}
.mainchart .header .zoom {position:absolute; right:0; top:0; background-image:url(../img/icon_zoomW.png);}


#rts_footer {clear:both; height:50px; background:#2c2c2d; overflow:hidden;}
#rts_footer .inr {width:1260px; margin:0 auto; padding:15px 0;}
#rts_footer .inr p {color:#fff; font-size:12px; line-height:1.3;}
#rts_footer .inr p.copyright {padding-bottom:5px;}
#rts_footer .inr p span {padding:0 4px; font-size:9px; vertical-align:top;}



.tbList table {width:100%; border:0; border-top:1px solid #3c3c3c; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-size:12px;}
.tbList th,
.tbList td {padding:5px 5px 3px; border:0; vertical-align:middle; color:#505050;}
/***
.tbList thead th {border-bottom:1px solid #a1b1c6; background:#f7f7f7; font-size:12px; color:#333; line-height:20px;}
***/
.tbList thead th {border-bottom:1px solid #a1b1c6; background:#f7f7f7; font-size:12px; color:#333; line-height:20px; text-align:center;}
.tbList tbody th {border-bottom:1px solid #ddd; font-weight:normal;}
.tbList tbody td {border-bottom:1px solid #ddd; letter-spacing:0; line-height:20px; vertical-align:middle; min-height:20px;}


.rts_popup {display:none; position:fixed; top:50%; left:50%; width:620px; margin-left:-310px; margin-top:-250px; padding:0 2px 2px 2px; background:#24252a; z-index:100000; box-sizing:border-box;}
.rts_popup .zoomout {position:absolute; display:block; top:0; right:0; width:50px; height:50px; background-image:url(../img/icon_zoomoutW.png); background-position:50% 50%; background-repeat:no-repeat; font-size:0;}
.rts_popup .zoomout:hover {background-color:#1c32f7;}
.rts_popup .popup_title {position:relative;}
.rts_popup h2 {padding:0 50px 0 12px; line-height:50px; font-size:20px; color:#fff; font-weight:600; font-family:Nanum Gothic;}
.rts_popup .p_search {height:42px; background:#f0f1f3; text-align:center; font-size:14px; font-family:Nanum Gothic, sans-serif; color:#212121; border-bottom:1px solid #a5a5ac;}
.rts_popup .p_contents {background:#fff; padding:0px; width:100%; overflow:hidden;}


.rts_detail {display:none; position:fixed; top:50%; left:50%; width:620px; margin-left:-310px; margin-top:-250px; padding:0 2px 2px 2px; background:#24252a; z-index:100000; box-sizing:border-box;}
.rts_detail .zoomout {position:absolute; display:block; top:0; right:0; width:50px; height:50px; background-image:url(../img/icon_zoomoutW.png); background-position:50% 50%; background-repeat:no-repeat; font-size:0;}
.rts_detail .zoomout:hover {background-color:#1c32f7;}
.rts_detail .detail_title {position:relative; height:50px;}
.rts_detail h2 {padding:0 50px 0 12px; line-height:50px; font-size:20px; color:#fff; font-weight:600; font-family:Nanum Gothic;}
.rts_detail .p_search {height:42px; background:#efeff5; text-align:center; font-size:14px; font-family:Nanum Gothic, sans-serif; color:#212121; border-bottom:1px solid #a5a5ac;}
.rts_detail .p_contents {background:#fff; padding:0px; width:616px; overflow:hidden;}

.p_formElement {margin-right:2px; line-height:42px; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:14px; color:#212121; position:relative;}
.p_formElement input[type="radio"] {position:relative; top:5px;}
.p_formElement .radio {display:inline-block; padding-right:20px; line-height:30px; font-size:14px;}
.p_formElement input[type="checkbox"] {position:relative; top:5px;}
.p_formElement .checkbox {display:inline-block; padding-right:20px; line-height:30px; font-size:14px;}
.p_formElement select {margin-top:0; padding:4px 18px 4px 4px; border:1px solid #a4a3a8; background:url(../img/select_arrow.png) no-repeat 100% 14px #fff; vertical-align:middle; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:14px; color:#707070; height:32px;}

.rts_pop {position:absolute; filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='135',strength='3'); line-height:normal;}
.rts_pop img {border:none;}
.rts_pop_content {position:relative; z-index:20; border:1px solid #252a30; background:#323e4c;}
.rts_pop_content .ly_close {position:absolute; top:9px; right:9px;}
.rts_pop .ly_header {margin:0 0 5px; padding:8px 0 7px 15px; background:#232d39; color:#fff; font-family:Nanum Gothic; font-size:16px; font-weight:600;}
.rts_pop .ly_body {margin:0 10px; padding:5px 0 10px; color:#fff; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-size:12px;}
.rts_pop .ly_body li:hover {background-color:#005ca9;}
.rts_pop .ly_body li {background-image:url(../img/li_bg.png); background-position:0 100%; background-repeat:repeat-x; height:24px; padding:6px 0 0 10px; cursor:pointer ;}
.rts_pop .ly_body li.btm {background-image:none;}
.rts_pop .ly_body li span {display:block; padding:2px 0 0 25px ; height:14px; line-height:16px; background-position:0 50%; background-repeat:no-repeat;}
.rts_pop .ly_body li span.graph01 {background-image:url(../img/icon_graph01.png);}
.rts_pop .ly_body li span.graph02 {background-image:url(../img/icon_graph02.png);}
.rts_pop .ly_body li span.graph03 {background-image:url(../img/icon_graph03.png);}
.rts_pop .ly_body li span.graph04 {background-image:url(../img/icon_graph04.png);}
.rts_pop .ly_body li span.graph05 {background-image:url(../img/icon_graph05.png);}
.rts_pop .shadow {_display:none; overflow:visible; position:absolute; z-index:10; width:100%; height:100%;}
.rts_pop .shadow2 {top:3px; left:3px; background:url(../img/shadow.png);}
.rts_pop .shadow3 {top:2px; left:2px; background:url(../img/shadow02.png);}

.help {display:inline-block; width:15px; height:15px; margin-top:8px; padding-left:5px; font-size:0; line-height:0; background:url(../img/icon_helpW.png) 50% 50% no-repeat; vertical-align:top;}
.help02 {margin:2px 0 5px 3px; display:inline-block; overflow:hidden; width:15px; height:15px; font-size:0; vertical-align:middle; background:url(../img/icon_helpW.png) 50% 50% no-repeat;}

.rts_help {display:none; position:absolute; z-index:1000; width:340px; margin-left:4px; margin-top:5px; border:1px solid #57575b; background:#fff; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.35);}
.rts_help strong {display:block; margin-right:-6px; padding:9px 9px 0 9px; font-size:14px; color:#2c2c2c; letter-spacing:0px;}
.rts_help p {padding:8px 9px 6px 9px; font-size:12px; color:#626262; line-height:16px; letter-spacing:0px;}
.rts_help .edge {position:absolute; top:0px; left:20px; width:12px; height:7px; margin-top:-7px; background:url(../img/edge_top.png) no-repeat 0 0; font-size:0;}

.mainchart.col4 .rts_help {display:none; position:absolute; z-index:1000; width:292px; margin-left:6px; margin-top:5px; border:1px solid #252a30; background:#f0f0f4; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.mainchart.col4 .rts_help strong {display:block; margin-right:-6px; padding:9px 9px 0 9px; font-size:14px; color:#2c2c2c; letter-spacing:0px;}
.mainchart.col4 .rts_help p {padding:8px 9px 6px 9px; font-size:12px; color:#080808; line-height:16px; letter-spacing:0px;}

.mainchart.col3 .rts_help {display:none; position:absolute; z-index:1000; width:394px; margin-left:4px; margin-top:5px; border:1px solid #252a30; background:#f0f0f4; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.mainchart.col3 .rts_help strong {display:block; margin-right:-6px; padding:9px 9px 0 9px; font-size:14px; color:#2c2c2c; letter-spacing:0px;}
.mainchart.col3 .rts_help p {padding:8px 9px 6px 9px; font-size:12px; color:#626262; line-height:18px; letter-spacing:0px;}

.mainchart.col2 .rts_help {display:none; position:absolute; z-index:1000; width:604px; margin-left:4px; margin-top:5px; border:1px solid #252a30; background:#f0f0f4; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.mainchart.col2 .rts_help strong {display:block; margin-right:-6px; padding:9px 9px 0 9px; font-size:16px; color:#2c2c2c; letter-spacing:0px;}
.mainchart.col2 .rts_help p {padding:8px 9px 6px 9px; font-size:14px; color:#626262; line-height:22px; letter-spacing:0px;}

.mainchart.col1 .rts_help {display:none; position:absolute; z-index:1000; width:70%; margin-left:4px; margin-top:5px; border:1px solid #252a30; background:#f0f0f4; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.mainchart.col1 .rts_help strong {display:block; margin-right:-6px; padding:9px 9px 0 9px; font-size:20px; color:#2c2c2c; letter-spacing:0px;}
.mainchart.col1 .rts_help p {padding:8px 9px 6px 9px; font-size:16px; color:#626262; line-height:24px; letter-spacing:0px;}


.c_red {color:#FF0000 !important; font-weight:bold;}

/* 그래프 팝업 적용 전 */
.search {height:28px; background:#bfc4ce; overflow:hidden; font-family:'돋움', Dotum, Helvetica, AppleSDGothicNeo, sans-serif; font-size:11px; box-sizing:border-box;}
.search.line00 {height:32px; padding:6px;}
.search.line01 {padding:6px 6px 2px;}
.search.line02 {padding:2px 6px 6px;}
.rts_popup .search.line00 {height:43px;}
.rts_popup .search.line01 {padding-bottom:3px;}
.rts_popup .search.line02 {padding-top:3px;}
.formElement {line-height:20px; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:12px; color:#212121; position:relative;}
.formElement input[type="radio"] {position:relative; top:2px;}
.formElement .radio {display:inline-block; padding-right:10px; line-height:26px; font-size:12px;}
.formElement .checkbox {display:inline-block; line-height:26px; font-size:12px;}
.formElement input[type="text"] {height:20px; margin:0; padding:0 3px; border:1px solid; border-color:#bfbfbf #d0d0d0 #eaeaea; line-height:20px; font-size:12px; color:#3e3e3e; text-align:right;}
.formElement select {height:20px; padding:0 15px 0 3px; border:1px solid #9ca2ae; border-radius:1px; background:url(../img/select_arrow.png) no-repeat 100% 50% #fff; box-sizing:border-box;
font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:11px; color:#212121; line-height:20px; vertical-align:top;}

.formElement02 {line-height:15px; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:11px; color:#212121; position:relative;}
.formElement02 input[type="radio"] {position:relative; top:3px;}
.formElement02 .radio {display:inline-block; line-height:15px; font-size:11px;}
.formElement02 input[type="checkbox"] {position:relative; top:3px;}
.formElement02 .checkbox {display:inline-block; line-height:15px; font-size:11px;}
.formElement02 input[type="text"] {height:20px; margin:0; padding:0 3px; border:1px solid; border-color:#bfbfbf #d0d0d0 #eaeaea; line-height:20px; font-size:12px; color:#3e3e3e; text-align:right; box-sizing:border-box; vertical-align:middle;}
.formElement02 input.unusal {background-color:#ececed; color:#6e6e6e;}
.formElement02 select {padding:0 15px 0 3px; margin-top:1px; border:1px solid #ccc; background:url(../img/select_arrow.png) no-repeat 100% 50% #fff; vertical-align:middle; 
	font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:11px; color:#212121; height:20px; line-height:20px; box-sizing:border-box;}
.formElement02.mgr_05 {margin-right:5px;}

.formElement03 {font-family:Nanum Gothic; color:#666;}
.formElement03 select {margin-top:-2px; padding:6px; border:1px solid #dadada; background:url(../img/popup_select_arrow.png) no-repeat 100% 14px #fff; vertical-align:middle; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:14px; color:#707070; height:35px;}
.formElement03 input[type="checkbox"] {width:20px; height:20px; background:url(../img/popup_checkbox_off.gif) no-repeat 0 0;}
.formElement03 input[type="checkbox"]:checked {background-image:url(../img/popup_checkbox_on.gif);}
.formElement03 input[type="radio"] {width:20px; height:20px; background:url(../img/popup_radio_off.gif) no-repeat 0 0;}
.formElement03 input[type="radio"]:checked {background-image:url(../img/popup_radio_on.gif);}
.formElement03 input[type="text"],
.formElement03 input[type="password"],
.formElement03 input[type="email"],
.formElement03 input[type="number"] {height:33px; padding-left:10px; border:1px solid #dadada; background-color:#fff; line-height:33px; font-weight:normal; font-size:14px; color:#666; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.formElement03 input[type="radio"] {position:relative; top:5px;}
.formElement03 .radio {display:inline-block; padding-right:20px; line-height:30px; font-size:14px;}
.formElement03 input[type="checkbox"] {position:relative; top:5px;}
.formElement03 .input {display:inline-block; padding-right:20px; padding-left:5px; line-height:30px; font-size:14px; font-family:Nanum Gothic;}

.formElement04 {line-height:19px; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:600; font-size:13px; color:#212121; position:relative;}
.formElement04 select {padding:0 15px 0 3px; border:none; background-image:url(../img/iv_select_arrow.png); background-position:100% 50%; background-repeat:no-repeat; vertical-align:middle; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:13px; color:#212121; height:38px; line-height:38px; letter-spacing:-1px !important;}

#zoomBody .formElement input[type="checkbox"] {position:relative; top:2px;} /* 팝업창에서 올라감 */

.w30 {width:30px;} /* 팝업창에서 늘어남 */
.w40 {width:40px;} /* 팝업창에서 늘어남 */
.w50 {width:48px;} /* 팝업창에서 늘어남 */
.w60 {width:60px;} /* 팝업창에서 늘어남 */
.w70 {width:72px;} /* 팝업창에서 늘어남 */
.w80 {width:83px;} /* 팝업창에서 늘어남 */
.w90 {width:96px;} /* 팝업창에서 늘어남 */
.w100 {width:100px;} /* 팝업창에서 늘어남 */
.w15h15 {width:18px; height:18px; margin-top:-3px; vertical-align:middle;} /* 팝업창에서 늘어남 */
.w20h20 {width:20px; height:20px; vertical-align:middle;} /* 팝업창에서 늘어남 */
.w31h15 {width:43px; height:20px; vertical-align:top;} /* 추가+ 버튼 팝업창에서 늘어남 */
.w46h15 {width:53px; height:18px; vertical-align:middle;} /* 팝업창에서 늘어남 */
.w51h15 {width:65px; height:18px; vertical-align:middle;} /* 팝업창에서 늘어남 */
.w48h18 {width:48px; height:18px; vertical-align:-1px;} /* 팝업창에서 늘어남 */
.w90h18 {width:90px; height:18px; vertical-align:top;} /* 팝업창에서 늘어남 */
.w100h18 {width:100px; height:18px; vertical-align:top;} /* 팝업창에서 늘어남 */

/* 그래프 팝업 적용 후 */
.rts_popup .search {height:39px; background:#bfc4ce; font-size:14px; font-family:Nanum Gothic, sans-serif; color:#212121;}
.rts_popup .formElement {margin-right:2px; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:14px; color:#212121; position:relative;}
.rts_popup .formElement input[type="radio"] {position:relative; top:1px;}
.rts_popup .formElement .radio {display:inline-block; padding-right:20px; line-height:30px; font-size:14px;}
.rts_popup .formElement input[type="checkbox"] {position:relative; top:5px;}
.rts_popup .formElement .checkbox {display:inline-block; padding-right:20px; line-height:30px; font-size:14px;}
.rts_popup .formElement select {margin-top:0; padding:4px; border:1px solid #a4a3a8; background:url(../img/select_arrow.png) no-repeat 100% 13px #fff; vertical-align:middle; 
font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:14px; color:#707070; height:30px;}
.rts_popup .w30 {width:45px;}
.rts_popup .w40 {width:60px;}
.rts_popup .w50 {width:75px;}
.rts_popup .w60 {width:90px;}
.rts_popup .w70 {width:105px;}
.rts_popup .w80 {width:120px;}
.rts_popup .w90 {width:135px;}
.rts_popup .w100 {width:150px;}
.rts_popup .w15h15 {width:30px; height:30px; margin-top:0; vertical-align:middle;}
.rts_popup .w20h20 {width:40px; height:40px; vertical-align:middle;}
.rts_popup .w31h15 {width:65px; height:30px; vertical-align:middle;}
.rts_popup .w46h15 {width:92px; height:30px; vertical-align:middle;}
.rts_popup .w51h15 {width:102px; height:30px; vertical-align:middle;}
.rts_popup .w48h18 {width:85px; height:32px; vertical-align:middle;}
.rts_popup .w90h18 {width:162px; height:30px; vertical-align:top;}
.rts_popup .w100h18 {width:180px; height:30px; vertical-align:top;}
.rts_popup .imgS {display:none !important;}
.rts_popup .imgW {display:inline-block !important;}

/* 2015-10-10 KoreaChart */
.circle_icon {vertical-align:top; border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px;}
.cllipsis {text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.py {font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; background-color:#4481ff; border-radius:8px; color:#FFFFFF; padding:3px 5px 3px; vertical-align:middle;}
.py_off {font-weight:normal; font-size:11px;}
.py_on {font-weight:normal; font-size:12px;}

/* 버튼 */
.btnWrap {margin:15px 0 15px; text-align:right; position:relative;}
.btnWrap .selectall {position:absolute; bottom:0; right:5px;}
.btnWrap span {margin-left:5px;}
.btnWrap span.btnleft {display:block; position:absolute; top:0; left:-5px;}
.btnWrap.left {text-align:left;}
.btnWrap.center {text-align:center;}
.btnWrap.center span {margin:0 5px;}
.btnWrap.joinstep {text-align:center; background:url(../images/line_dot.png)0 10px repeat-x; padding-top:30px;}


.btnBasic button {display:inline-block; *display:inline; *zoom:1; height:33px; padding:0 25px; border:1px solid #2e3137; background-color:#2e3137; line-height:33px; font-family:Nanum Gothic; font-weight:normal; font-size:16px; color:#fff;}
.btnBasic.light button {height:33px; padding:0 25px; border:1px solid #afafaf; background-color:#e6e6e6; line-height:33px; color:#555;}
.btnBasic.blue button {height:33px; padding:0 25px; border:1px solid #5a89e9; background-color:#77a3e0; line-height:33px; color:#fff;}
.btnLarge button {display:inline-block; *display:inline; *zoom:1; height:48px; padding:0 35px; border:1px solid #5a89e9; background-color:#77a3e0; line-height:48px; font-family:Nanum Gothic; font-weight:normal; font-size:18px; color:#fff;}
.btnLarge.light button {display:inline-block; *display:inline; *zoom:1; height:48px; padding:0 35px; border:1px solid #afafaf; background-color:#e6e6e6; line-height:48px; font-family:Nanum Gothic; font-weight:700; font-size:18px; color:#555;}



.btnBasic a {display:inline-block; *display:inline; *zoom:1; height:31px; padding:0 25px; border:1px solid #2e3137; background-color:#2e3137; line-height:31px; font-family:Nanum Gothic; font-weight:700; font-size:16px; color:#fff; text-decoration:none; position:relative; top:-1px;}
.btnBasic.light a {height:31px; padding:0 25px; border:1px solid #afafaf; background-color:#e6e6e6; line-height:31px; color:#555; text-decoration:none;}
.btnBasic.blue a {height:31px; padding:0 25px; border:1px solid #5a89e9; background-color:#77a3e0; line-height:31px; color:#fff; text-decoration:none;}
.btnLarge a {display:inline-block; *display:inline; *zoom:1; height:46px; padding:0 35px ; border:1px solid #5a89e9; background-color:#77a3e0; line-height:46px; font-family:Nanum Gothic; font-weight:bold; font-size:18px; color:#fff; text-decoration:none; position:relative; top:-1px;}
.btnLarge.light a {display:inline-block; *display:inline; *zoom:1; height:46px; padding:0 35px; border:1px solid #afafaf; background-color:#e6e6e6; line-height:46px; font-family:Nanum Gothic; font-weight:bold; font-size:18px; color:#555; text-decoration:none;}


.btnTable a {display:inline-block; *display:inline; *zoom:1; height:33px; padding:0 15px; background-color:#949494; line-height:33px; font-family:Nanum Gothic; font-weight:normal; font-size:14px; color:#fff;}
.btnTable a {text-decoration:none; position:relative; top:1px;}



/*********************************/
.none {display:none !important;}
.location .loc_view {background:#24252a !important;}
.location .loc_view .sel {margin:0 !important; padding-top:9px !important;}
.location .formElement02 {color:#fff;}
.location input[type="radio"]:checked + label {color:#4481ff;}
#locationArea .selectbox-label {height:20px !important; color:#fff !important; line-height:20px !important;}
.sel div span {color:#fff !important;}
.location .loc_view .bar {background-image:url(/rts/navigator/image/bg_location_barW.png) !important;}
#locationArea .selectbox-box {background:url(/rts/navigator/image/btn_arrowW.png) no-repeat right center !important;}

.tbList table {border:1px solid #e5e5e5 !important;}
.tbList thead th {color:#fff; border-width:1px; border-style:solid; border-color:#e5e5e5 !important; background:#5d5d5d; box-sizing:border-box;}
.tbList thead th.bgc {color:#fff; border-color:#24252a !important; background:#24252a;}
.tbList thead th.bgc a.rank_down {color:#f99 !important; background-image:url(/rts/img/btn_down2.png) !important;}
.tbList thead th.bgc a.rank_up {color:#f99 !important; background-image:url(/rts/img/btn_up2.png) !important;}
.tbList thead th.bgc a.rank_updown {background-image:url(/rts/img/btn_updown.png) !important;}
.tbList thead th.bgc a:hover {color:#4481ff;}

.quote {display:none; position:absolute; right:2px; bottom:2px; left:2px; padding:8px 10px 10px; color:#333; text-align:right; background:#fff; z-index:9999;}
.rts_popup .quote {display:block;}
.rts_popup .chart1-2,
.rts_popup .chart1-6,
.rts_popup .chart1-11, 
.rts_popup .chart1-12 {height:392px !important; padding-bottom:34px;}

/* 입주물량 */
.moveinW1 .location {border:0;}
.moveinW2 > div {border:0 !important;}
.moveinW2 .tbList {margin-top:0 !important;}

.icoPin5 {width:25px !important; height:38px !important; box-sizing:border-box;}
.icoPin5 + div {padding-right:4px;}
.icoPin5 > img {display:none;}
.icoPin5.pin5_0 {background:url(/rts/navigator/image/iconW_pin5.png) no-repeat 0 7px;}
.icoPin5.pin5_1 {background:url(/rts/navigator/image/iconW_pin5_1.png) no-repeat 0 7px;}
.icoPin5.pin5_2 {background:url(/rts/navigator/image/iconW_pin5_2.png) no-repeat 0 7px;}
.icoPin5.pin5_3 {background:url(/rts/navigator/image/iconW_pin5_3.png) no-repeat 0 7px;}


/* 투자분석 */
.investorW .ranktable thead th {width:86px;}
.btnDanjiView {display:inline-block; padding:2px 6px; color:#fff; letter-spacing:-0.04em; line-height:1; border-radius:8px; background:#666;}


/* 도시계획 */
.btnListOpen {vertical-align:text-bottom;}


/* 택지 */
.HSLegend {position:absolute; top:13px; border-color:#aaa !important; box-sizing:border-box;}
.HSLegend + div  {padding:0 5px 0 30px !important; box-sizing:border-box;}


/* 분양 */
.bunyangIframe {position:relative; float:left; /*width:583px; height:780px;*/width:620px; height:100%; border:1px solid #b9b9be; background:#fff;}
.bunyangIframe iframe {width:100%; height:100%;}
.bunyangVR {position:absolute; top:0; right:1px; width:620px; height:100%; /*height:780px;*/ border:1px solid #b9b9be; background:#fff;}
.bunyangVR iframe {width:100%; height:100%;}
.vr_close {position:absolute; right:20px; top:10px; display:block; width:32px; height:32px; background:url(/app/images/ico_exit3.png) no-repeat center center; text-indent:-9999em;}/*/rts/img/vr_close.png*/

.bunyangTab {position:relative; height:40px; border-bottom:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.bunyangTab > a {display:block; float:left; width:50%; height:39px; font-family:'Nanum Gothic'; font-weight:600; font-size:15px; line-height:39px; background:#f0f1f3; text-align:center;}
.bunyangTab > a.on {color:#fff; background:#24252a;}

/* 학군 */
.schlSel {margin-top:9px;}

/* 순위분석 */
.rankingList {padding:15px 16px;}
.rankingList .ttl {font-family:'Nanum Gothic'; font-weight:600; font-size:17px;}
.rankingList .sbttl {padding-top:8px; font-family:'Nanum Gothic'; font-size:13px; color:#8e8e8e;}
.rankingList > ul {padding-top:3px;}
.rankingList > ul > li {margin-top:8px; }
.rankingList > ul > li:first-child {margin-top:0;}
.rankingList > ul > li > a {display:block; padding:12px 16px; letter-spacing:-0.03em; border:2px solid #bbb; border-radius:3px;}
.rankingList > ul > li > a:hover,
.rankingList > ul > li > a.on {border-color:#4481ff;}
.rankingList > ul > li > a > strong {display:block; font-family:"NSR"; font-weight:700; font-size:15px; color:#080808;}
.rankingList > ul > li > a > span {display:block; padding-top:3px; font-size:13px; color:#080808;}


/* loading */
.loading {position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px;}
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #1c32f7 ;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
