﻿@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%;}
body {overflow-y: scroll;text-align:left;background:#dfdfe1}

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_checkbox_off.gif) no-repeat 0 0;}
input[type="checkbox"]:checked {background-image:url(../img/bg_checkbox_on.gif); }
input[type="radio"] {width:13px; height:13px; background:url(../img/bg_radio_off.gif) no-repeat 0 0;}
input[type="radio"]:checked {background-image:url(../img/bg_radio_on.gif);}


#rts_wrap{width:100%;position:relative; }
#rts_header {width:100%;position:relative;background:#dfdfe1; height:52px; overflow:hidden}
#rts_header .global_section {position: relative; height: 55px; z-index: 10; margin:0 auto;width: 1248px;font-family:"Noto Sans KR", sans-serif;}
#rts_header .global_section h1{position:absolute; left:0; top:0; width:274px; height:55px; background:url(../img/logo_ex02_company.png)0 50% no-repeat; }
#rts_header .global_section h1 a {display:block;width:100%; height:55px; overflow: hidden;	font-size: 0; line-height: 0; }

#rts_header .global_section ul {position:absolute; right:0; top:16px; 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:rgba(255,255,255,0.6);font-size:14px;line-height:30px}
#rts_header .global_section ul li.joinps a{font-family:"Noto Sans KR", sans-serif; color:#f8df00; text-decoration:underline}
#rts_header .global_section a.logout{padding:0 15px; background:#f8df00; color:#3a1e1d; font-size:14px; line-height:30px; height:30px; display:block }
#rts_header .global_section a.logout:hover{background:#3a1e1d; color:#f8df00; }
#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_searchXX {position:absolute; top:12px; left:50%; margin-left:-240px; width:480px;text-align:center; height:30px}
#rts_header .m_search {position:absolute; top:12px; right:10px; text-align:center; height:30px}
#rts_header .m_search span.s_title { float:left;display:inline-block;font-size:14px; color:#fff; font-weight:400; line-height:30px; height:30px;}
#rts_header .m_search span.formElement {float:left;margin-left:5px;line-height:30px;height:30px; font-family:"Noto Sans KR", sans-serif; font-weight:normal; font-size:14px; color:#fff;position:relative}
#rts_header .m_search select {float:left;padding:0 30px 0 5px;border:1px solid rgba(255,255,255,0.2);; background:transparent url(../img/m_select_arrow.png) no-repeat 100% 50%; vertical-align:middle; font-family:"Noto Sans KR", sans-serif; font-weight:normal; font-size:14px; color:#f8df00; height:30px; line-height:30px}
#rts_header .m_search select option {padding: 0px; color:#3a1e1d; line-height:30px}
#rts_header .m_search .add_bmark, #rts_header .m_search .open_bmark {float:left;display:inline-block;width:30px; height:30px; background-repeat:no-repeat; background-position:0 0;font-size:0;}
#rts_header .m_search .add_bmark:hover, #rts_header .m_search .open_bmark:hover {background-color:#f8df00;background-position:-30px 0;}
#rts_header .m_search .add_bmark {background-image:url(../img/btn_addbookmark_kakao.png);}
#rts_header .m_search .open_bmark {background-image:url(../img/btn_openbookmark_kakao.png);}


#rts_header .gnbwrap {width:100%; height:50px; overflow:hidden}
#rts_header .gnb {position: relative; height: 50px; z-index: 10; margin:0 auto;width: 1248px; background-color:#2f8cc1;}
#rts_header .gnb li {float:left;display:table-cell; vertical-align:middle; }
/* jbo #rts_header .gnb li .btn {display: block; word-break: break-all;padding:0 40px;border-right:1px solid #2b2b5e;height:50px;line-height:45px; background:#1e1e47; text-align:center;vertical-align:middle; color:#fff; font-family:"Noto Sans KR"; font-size:18px; font-weight:600} */
#rts_header .gnb li .btn {display: block; word-break: break-all;padding:0 18px; height:50px;line-height:50px; text-align:center;vertical-align:middle; color:#ffffff; font-family:"Noto Sans KR"; font-size:16px; font-weight:600}
#rts_header .gnb li a:hover {background:#2171a2;color:#ffffff; background-repeat:no-repeat; background-position:50% 50%; }
#rts_header .gnb li .btn.on {background:#2171a2; color:#ffffff;}

#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; background-position:50% 50%; background-repeat:no-repeat; background-color:#5DA8D3; overflow:hidden; font-size:0; padding:0; border-right:none; background-size:17px 15px}
#rts_header .dpform li a:hover{ background-color:#2f8cc1}
#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)}
#rts_header .dpform li .btn.roadview{ background-image:url(../img/menu_roadview.png)}
#rts_header .dpform li .btn.bookmark{ background-image:url(../img/menu_bookmark.png); background-size:30px 30px;}
#rts_header .dpform li .btn.map{ background-image:url(../img/menu_map.png)}

#contents {*display:inline-block;margin:10px auto; width:1248px;}
#contents:after{display:block;clear:both;content:''}
.mainchart.col4{*display:inline-block;float:left; position:relative; margin:0 3px 5px 2px; width:305px; height:253px; background:#fff; border:1px solid #4c5057}
.mainchart.col3{*display:inline-block;float:left; position:relative; margin:0 3px 5px 2px; width:409px; height:330px; overflow:hidden; background:#fff; border:1px solid #4c5057}
.mainchart.col2{*display:inline-block;float:left; position:relative; margin:0 3px 5px 2px; width:617px; height:500px; overflow:hidden; background:#fff; border:1px solid #4c5057}
.mainchart.col1{*display:inline-block;float:left; position:relative; margin:0 3px 5px 2px; width:1240px; height:800px; overflow:hidden; background:#fff; border:1px solid #4c5057}
.mainchart:after{display:block;clear:both;content:''}
.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:221px;}
.mainchart.col4 #chBody6{overflow:hidden; height:221px;}
.mainchart.col4 #chBody7{overflow:hidden; height:221px;}
.mainchart.col4 #chBody8{overflow:hidden; height:221px;}
.mainchart.col4 #chBody9{overflow:hidden; height:221px;}
.mainchart.col4 #chBody10{overflow:hidden; height:221px;}
.mainchart.col4 #chBody11{overflow:hidden; height:221px;}

.mainchart.col4{width:305px; height:253px;}
.mainchart.col3{width:409px; height:330px;}
.mainchart.col2{width:617px; height:500px;}
.mainchart.col1{width:1240px; height:800px;}

.mainchart .chartzone{ text-align:center; padding:5px;overflow:hidden}
.mainchart .chartzoneRow2{ text-align:center; padding:5px;overflow:hidden}
.mainchart.col4 .chartzone{ width:295px; height:179px} /* -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:295px; height:165px} /* 검색영역 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:295px; 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:295px; height:165px} /* 히스토리차트는 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:305px; height:186px; 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:305px; height:165px; 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{ width:609px; height:412px; margin:5px}
#zoomBody .chartzoneRow2{ width:609px; height:412px; margin:5px}
#zoomBody .chartzoneHis{ width:609px; height:412px; margin:5px}
#zoomBody .chartzoneRow2His{ width:609px; height:412px; margin:5px}
#zoomBody .chartzoneNP{ width:609px; height:412px; margin:5px}
#zoomBody .chartzoneRow2NP{ width:609px; height:412px; margin:5px}

.mainchart .header{position:relative; background:#2e3137; height:32px;padding-right:60px;text-align:center ;}
/* jbo .mainchart .header h2{line-height:32px; font-size:16px;color:#fff; font-weight:600; font-family:Nanum Gothic;} */
.mainchart .header h2{line-height:32px; font-size:13px;color:#fff;}
.mainchart .header a{width:32px; height:32px; background-color:#181a1f; border-left:1px solid #4a4f57; background-position:50% 50%; background-repeat:no-repeat; font-size:0}
.mainchart .header a:hover{ background-color:#5a89e9;}
.mainchart .header .close {position:absolute; right:0; top:0; background-image:url(../img/icon_close.png)}
.mainchart .header .zoom {position:absolute; right:33px; top:0; background-image:url(../img/icon_zoom.png)}


#rts_footer{clear: both; background: #fff; border-top:1px solid #e6e6e6;padding:15px 0; text-align:center; color:#666; font-size:11px; line-height:1.3;}
#rts_footer p{display:block}
#rts_footer p.copyright{margin-bottom:5px}
#rts_footer span {padding:0 4px}



.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 {position:absolute; top:150px; left:100px; width:619px; padding:0 10px 10px 10px; background:#206b88; border:1px solid #0f5571; z-index:100000} */
/* .rts_popup {display: none; position:absolute; top: 50%; left: 50%; width:619px; margin-left: -350px; margin-top: -250px; padding:0 10px 10px 10px; background:#206b88; border:1px solid #0f5571; z-index:100000} */
.rts_popup {display: none; position:fixed; top: 50%; left: 50%; width:619px; margin-left: -350px; margin-top: -250px; padding:0 10px 10px 10px; background:#206b88; border:1px solid #0f5571; z-index:100000}
.rts_popup .zoomout {position:absolute; display:block; top:10px; right:10px; width:50px; height:50px; background-image:url(../img/icon_zoomout.png); background-position: 50% 50%; background-repeat:no-repeat; font-size:0}
.rts_popup .zoomout:hover{ background-color:#009fc6}
.rts_popup .popup_title {position:relative; text-align:center; height:64px;}
.rts_popup h2{line-height:64px; font-size:24px;color:#fff; font-weight:600; font-family:Nanum Gothic; padding-right:50px}
.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:5px;width:609px; overflow:hidden} */
.rts_popup .p_contents{ background:#fff; padding:0px;width:617px; overflow:hidden}


.rts_detail {display: none; position:fixed; top: 50%; left: 50%; width:619px; margin-left: -350px; margin-top: -250px; padding:0 10px 10px 10px; background:#F19973; border:1px solid #1e1e1e; z-index:100000}
.rts_detail .zoomout {position:absolute; display:block; top:10px; right:10px; width:50px; height:50px; background-image:url(../img/icon_zoomout.png); background-position: 50% 50%; background-repeat:no-repeat; font-size:0}
.rts_detail .zoomout:hover{ background-color:#0ec4e9}
.rts_detail .detail_title {position:relative; text-align:center; height:64px;}
.rts_detail h2{line-height:64px; font-size:24px;color:#fff; font-weight:600; font-family:Nanum Gothic; padding-right:50px}
.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:619px; 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{padding-left:5px; position:relative;margin-top:-5px;margin-bottom:5px;margin-left:3px; display:inline-block; overflow:hidden; width:15px; height:15px; font-size:0;vertical-align: middle; background:url(../img/icon_help.png) 50% 50% no-repeat}
.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_help.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 #252a30;background:#f0f0f4;text-align:left;font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.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:97%; margin-left:4px;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:#626262;line-height:16px;letter-spacing:0px}

.mainchart.col3 .rts_help {display:none;position:absolute;z-index:1000;width:97%; 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:80%; 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}

/*
.rts_help {position:absolute;z-index:1000;width:260px; top:10px; left: 50%; margin-left: -130px; display:none; border:1px solid #252a30;background:#f0f0f4;text-align:left;font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.rts_help .help_close{position:absolute;top:9px;right:9px}
.rts_help strong{display:block;margin-right:-6px;padding:9px 9px 0 9px;font-size:12px;color:#2c2c2c;letter-spacing:-1px}
.rts_help p{padding:8px 9px 6px 9px;font-size:11px;color:#626262;line-height:16px;letter-spacing:-1px}
.rts_help .edge{position:absolute;top:10px;left:0;width:7px;height:12px;margin-left:-7px;background:url(../img/edge_left.png) no-repeat 0 0;font-size:0}

.rts_help_r {position:absolute;z-index:1000;margin-right:7px;border:1px solid #252a30;background:#f0f0f4;text-align:left;font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif;}
.rts_help_r .help_close{position:absolute;top:9px;right:9px}
.rts_help_r strong{display:block;margin-right:-6px;padding:9px 9px 0 9px;font-size:12px;color:#2c2c2c;letter-spacing:-1px}
.rts_help_r p{padding:8px 9px 6px 9px;font-size:11px;color:#626262;line-height:16px;letter-spacing:-1px}
.rts_help_r .edge{position:absolute;top:10px;right:0;width:7px;height:12px;margin-right:-7px;background:url(../img/edge_right.png) no-repeat 0 0;font-size:0}
*/

.c_red {color:#FF0000;font-weight:bold;}

/* 그래프 팝업 적용 전 */
.search { background:#f0f1f3; border-bottom:1px solid #a5a5ac; height:24px; padding:5px 6px; overflow:hidden; font-family:'돋움', Dotum, Helvetica, AppleSDGothicNeo, sans-serif;font-size:11px; }
.search.line01 {border-bottom:none; background:url(../img/line_dot.png) 0 100% repeat-x #f0f1f3;padding:2px 6px;}
.search.line02 {padding:2px 6px}
.formElement {margin-right:2px; line-height:21px; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:12px; color:#212121;position:relative}
.formElement input[type="radio"] { position:relative; top:3px}
.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 {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:12px; color:#212121; height:21px; line-height:21px;}

.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: 11px; color: #3e3e3e; text-align: right}
***/
.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}
.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:21px; line-height:21px;}
.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;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w20h20 {width:20px;height:20px;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w31h15 {width:37px;height:18px;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w46h15 {width:53px;height:18px;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w51h15 {width:65px;height:18px;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w48h18 {width:48px;height:18px;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w90h18 {width:90px;height:18px;vertical-align:middle;} /* 팝업창에서 늘어남 */
.w100h18 {width:100px;height:18px;vertical-align:middle;} /* 팝업창에서 늘어남 */

/* 그래프 팝업 적용 후 */
.rts_popup .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_popup .formElement {margin-right:2px; line-height:42px; 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:5px}
.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% 14px #fff; vertical-align:middle; font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif; font-weight:normal; font-size:14px; color:#707070; height:32px}
.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:32px;height:32px;vertical-align:middle;}
.rts_popup .w20h20 {width:40px;height:40px;vertical-align:middle;}
.rts_popup .w31h15 {width:65px;height:32px;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:32px;vertical-align:middle;}
.rts_popup .w100h18 {width:180px;height:32px;vertical-align:middle;}

/* 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:#275da8; border-radius: 8px; color:#FFFFFF; padding:3px 5px 3px;}
.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}
