@charset "utf-8";

#wrapper {width: 100%}
#header {position: absolute;top: 0;left: 0;z-index: 30;width: 100%;height: 49px;border-bottom: 1px solid #9b9b9b;background: #117233;}
#header h1 {position: absolute;top: 8px;left: 25px;}
#gnbnav {position: absolute;top: 15px;right: 30px;z-index: 30;}
#gnbnav a, #gnbnav a:visited, #gnbnav a:active, #gnbnav a:focus {color: #c9dcd0;font-size:14px;cursor: pointer;}
#gnbnav span {background:url(../images/bull_gmenu.gif) no-repeat center right;padding-right:10px;margin-right: 10px}
#gnbnav img {vertical-align: middle;margin-left:15px;}
#container {position: absolute;top: 50px;right: 0;bottom: 0;left: 0;z-index: 20;}
#aside {position: absolute;top: 0;bottom: 0;left: 0;z-index: 3;width: 380px;border-right: 1px solid #3a3a3a;background-color: #fff;
    -webkit-transition: left 0.2s ease-out,opacity 0.3s ease-out;-moz-transition: left 0.2s ease-out,opacity 0.3s ease-out;opacity: 1;}
#aside .aside_line{position:absolute;top:0;bottom:0;right:-2px;z-index:2;width:1px;height:100%;background:#000;opacity:0;filter:alpha(opacity=0)}
.lfpanel {display:inline-block;overflow:hidden;line-height:999px;vertical-align:top}
.aside_close {width:18px;height:58px; background: url(../images/btn_asideclose.png) no-repeat;}
.aside_open {width:18px;height:58px;background: url(../images/btn_asideclose.png) no-repeat; }
.aside_close,.aside_open{position:absolute;top:50%;right:-18px;margin-top:-28px;z-index:3}
.aside_open{right:-18px}
#nav {position:absolute;top:0;left:0;width:100%;height:100%; }
#panel{position:absolute;top:380px;left:0px;width:100%; border-top: 1px solid #000; background-color:#fff}
.panel_content {margin:15px 15px 0px 15px;}
.panel_bottom {position: absolute; bottom: 0; left: 0; right: 0; text-align: right; padding: 11px;}
.check_geo {display: inline-block; border: 1px solid #a6a6a6; background-color: #fff; height: 26px; width: 35px; line-height: 25px; text-align: center; color: #585858; margin-bottom: 2px; font-size: 0.95em; margin-right: 1px;}
.check_geo.on {color: #fff;    border: 1px solid #034119; background-color: #68b000;}
#content {position: absolute;top: 0;right: 0;bottom: 0;left: 381px;height: 100%;background: #f1f1f1;-webkit-transition: left 0.2s ease-out; overflow:hidden;}
#snb {position: absolute;top: 0;right: 0;left: 0;z-index: 3;min-width: 650px;height: 43px;border-bottom: 1px solid #9b9b9b;background: #fff;}
#map_area {overflow:hidden;position:absolute;top:43px;right:0;bottom:0;left:0;z-index:1}
#googlemap {width: 100%;height: 100%; position:absolute !important;top:0;right:0;bottom:0;left:0}
#googlemap img {width: 100%;height: 100%;}
#nav ul.tab_wrap{ margin-top:0px; }
#nav ul.tab_wrap li {float:left; }
#nav ul.tab_wrap li.list01 > a{position:relative; display:block; background: url(../images/tabmenu01_off.png) no-repeat; width:127px; height:46px;text-indent:-9999in; }
#nav ul.tab_wrap li.list01 > a:hover{text-decoration:none;}
#nav ul.tab_wrap li.list01 > a.on, #nav ul.tab_wrap li.list > a:hover{background: url(../images/tabmenu01_on.png) no-repeat; width:127px; height:46px; display:block; text-indent:-9999in;}
#nav ul.tab_wrap li.list02 > a{position:relative; display:block; background: url(../images/tabmenu02_off.png) no-repeat; width:126px; height:46px;text-indent:-9999in; }
#nav ul.tab_wrap li.list02 > a:hover{text-decoration:none;}
#nav ul.tab_wrap li.list02 > a.on, #nav ul.tab_wrap li.list > a:hover{background: url(../images/tabmenu02_on.png) no-repeat; width:126px; height:46px; display:block; text-indent:-9999in;}
#nav ul.tab_wrap li.list03 > a{position:relative; display:block; background: url(../images/tabmenu03_off.png) no-repeat; width:127px; height:46px;text-indent:-9999in; }
#nav ul.tab_wrap li.list03 > a:hover{text-decoration:none;}
#nav ul.tab_wrap li.list03 > a.on, #nav ul.tab_wrap li.list > a:hover{background: url(../images/tabmenu03_on.png) no-repeat; width:127px; height:46px; display:block; text-indent:-9999in;}
#nav ul.tab_wrap li .tabcontent{position:absolute; left:0; top:45px; display:none; width:100%; background-color:#e9f7ee;    }
#nav ul.tab_wrap li #tab2c1{display:block; } 
/* #nav ul.tab_wrap li #tab2c3{min-height: 300px;} */
#nav ul.tab_wrap li .tabcontent .inner_wrap{position:relative; background-color:#e9f7ee;  padding:15px 0px; }
.table_result {display: block;}
.table_result table{border-collapse: collapse; }
.table_result table th {padding:7px 4px;  background-color: #4f8160;color: #cee7d6;text-align: center;border-bottom:1px solid #cfcfcf;border-top:1px solid #000; border-right:1px solid #cfcfcf}
.table_result table td {padding:6px 4px;  text-align: center;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf }
.table_result table {width:345px;}
#tab2r1 .table_result div {max-height:calc(100vh - 525px);overflow-y:scroll;width:362px;}
#tab2r2 .table_result div {max-height:calc(100vh - 415px);overflow-y:scroll;width:362px;}
#tab2r3 .table_result div {max-height:calc(100vh - 475px);overflow-y:scroll;width:362px;}
.table_result table th:last-child, .table_result table td:last-child  {  border-right:0px none}
.table_result table tr.bgcolor {background-color: #f7fbe8;}
.table_result table tr.bgcolor2 {background-color: #f7fbe8;}
.table_result table td.txtleft { text-align: left; }
.table_result table th img {vertical-align: middle}
.tbl_list {width:100%;}
.tbl_list th {padding:7px 5px;  background-color: #8db467;color: #f3ffd9;text-align: center;border-bottom:1px solid #dedede;border-top:1px solid #5c5c5c; border-right:1px solid #7f9c89}
.tbl_list td {padding:6px 5px;  text-align: center;border-bottom:1px solid #dedede;border-right:1px solid #dedede }
.tbl_list th:last-child, .tbl_list td:last-child {border-right:0px none}
.tbl_list tr.bgcolor {background-color: #fafafa;}
.tbl_list td.txtleft { text-align: left; }
.tbl_list td.txtright { text-align: right; }
.tbl_srch th {padding:7px 5px;   }
.tbl_srch td {padding:6px 5px;   }
.tbl_srch td label {color: #000   }
#layerPop1{width:660px;height:340px;position:absolute;display:none; z-index: 999; border:2px solid #3c3c3c;padding:20px 15px;background-color: #fff}
#layerPop1 .txt_toparea {border-bottom: 1px solid #5c5c5c;padding-bottom: 15px;font-size:1.2em; color: #000}
#layerPop1 .txt_toparea span {color: #cc5200}
#layerPop1 .layer_cont {margin-top: 20px}
#layerPop1 .layer_cont .checkarea {background:url(../images/icon_txt.png) no-repeat 20px 10px; margin-top:20px;background-color:#f6f6f6;padding:10px 0 10px 45px;}
#layerPop1 .close{position:absolute;top:15px;right:15px;}
#layerPop2{width:460px;height:440px;position:absolute;display:none; z-index: 999; border:2px solid #3c3c3c;padding:20px 15px;background-color: #fff}
#layerPop2 .txt_toparea {border-bottom: 1px solid #5c5c5c;padding-bottom: 15px;font-size:1.2em; color: #000}
#layerPop2 .txt_toparea span {color: #cc5200}
#layerPop2 .layer_cont {margin-top: 20px}
#layerPop2 .close{position:absolute;top:15px;right:15px;}
.panel_content .txt_title {color: #000;font-size: 1.2em;margin-bottom: 10px;}
.panel_content .txt_title span {color: #6f6f6f;font-size:0.85em;}
.select {height:33px;width:153px;border:1px solid #a6a6a6;padding-left: 3px}
.seltgubun {height:33px;width:110px;border:1px solid #a6a6a6;padding-left: 3px}
.seltjong {height:33px;width:355px;border:1px solid #a6a6a6;padding-left: 3px}
.sect_graph {position:absolute;top:6px;left:25px;}
.tit_srchyear {float: left;width:70px;color: #000;line-height: 26px}
.bg_barchar{float:left; overflow: hidden; width:585px;height:33px;background:url(../images/bg_barchar.gif) no-repeat }
.box_tipbarchar{position: absolute;top:16px;display: inline-block; width:42px;height:20px;background:url(../images/box_tipbarchar.png) no-repeat;font-size: 11px; line-height: 23px;text-align: center}
.bull_barchar{position: absolute;top:2px;display: inline-block; width:14px;height:14px;background:url(../images/bull_barchar.png) no-repeat;}
.bg_barchar span {position: relative;top:14px;font-size:0.75em;color: #7c7b7b}
.btn_move {float: right;margin-left: 10px;}
.tit_region {float: left;color: #000;line-height: 21px; margin-top:4px;}
.sect_btnmap{position:absolute;top:9px;right:25px}
.sect_btnmap > ul > li{position:relative;float:left;margin-right:2px;}
.sect_btnmap > ul > li:first-child{margin-left:0}
.sect_btnmap > ul > li.on{z-index:2}
.sect_btnmap .basic{position:absolute;top:29px;left:-99px;vertical-align:top}
#divGoogle {display: none;position:absolute;top:33px;right: 247px;width:106px;height:95px;background-color: #f0f7f0;border: 1px solid #717171;}
#divGoogle ul li {height:23px;line-height: 20px; border-bottom: 1px solid #717171;font-size: 0.85em;color:#000000;text-indent: 10px;}
#divGoogle ul li a:hover{display:block;height:23px; width:106px;background-color: #77ab09; color: #fff;text-decoration: none;text-indent: 10px;}
.map_ctrl{position:absolute;top:5px;right:4px;width:34px}
.map_ctrl .mc_current{position:relative;width:34px;margin-bottom:2px}
.map_ctrl .mc_receive{position:relative;width:34px;margin-top:2px; }
.map_ctrl .ctrl_zoomin {display:block; background: url(../images/ctrl_zoomin.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_zoomout {display:block; background: url(../images/ctrl_zoomout.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_current {display:block; background: url(../images/ctrl_current.png) no-repeat; width:34px; height:33px;text-indent:-9999in; }
.map_ctrl .ctrl_area {display:block; background: url(../images/ctrl_area.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_initia {display:block; background: url(../images/ctrl_initia.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_circle {display:block; background: url(../images/ctrl_circle.jpg) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_save {display:block; background: url(../images/ctrl_save.png) no-repeat; width:34px; height:34px;text-indent:-9999in; }
.map_ctrl .ctrl_download {display:block; background: url(../images/ctrl_download.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_exceldown {display:block; background: url(../images/ctrl_exceldown.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_print {display:block; background: url(../images/ctrl_print.png) no-repeat; width:34px; height:30px;text-indent:-9999in; }
.map_ctrl .ctrl_urllink {display:block; background: url(../images/ctrl_urllink.png) no-repeat; width:34px; height:34px;text-indent:-9999in; }
 .exp_legend, .exp_legend2 {position:absolute;right:40px;bottom:5px;z-index:10;width:180px;height:auto}
.exp_legend .legendtop, .exp_legend2 .legendtop  {width:180px;height:32px;background-color: #0a5b26;}
.legendtop p {position:absolute;left:10px; top:8px; height:25px; color: #fff}
.legendtop .btnarea {position:absolute;right:10px; top:10px; height:25px; }
/*.legendlist { background: url(../images/bg_boxexp.png) no-repeat; width:151px; height:156px;    }
.legendlist ul {padding-top:10px}
.legendlist ul li {padding:2px 0 2px 10px;font-size: 0.9em;}
.legendlist ul li img {vertical-align: baseline;margin-right: 5px}*/
.layeradapt {height:29px;width:180px;background-color: #407351;color:#e3e3e3;font-size: 0.85em;}
.layeradapt p {padding-top:5px}
.layeradapt p img {vertical-align: bottom;margin-left: 5px}
.blind {visibility: hidden;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;font-size: 0;line-height: 0;}
.nodisp { display:none; }
ul.trace_list {overflow: hidden;padding-left: 6px}
ul.trace_list li a {display: inline-block; border: 1px solid #a6a6a6; background-color: #fff;height:26px;width:35px;line-height: 25px; text-align:center;color: #585858;margin-right:2px;margin-bottom:2px; font-size: 0.95em;}
ul.trace_list li a:hover, ul.trace_list li a.on {display: inline-block;border: 1px solid #034119; background-color: #68b000;height:26px;width:35px;line-height: 25px; text-align:center;color: #fff;margin-right: 2px;margin-bottom:2px; font-size: 0.95em;}
ul.trace_list li a.off {display: inline-block;border: 1px solid #034119; background-color: #A5D6A7;height:26px;width:35px;line-height: 25px; text-align:center;color: #fff;margin-right: 2px;margin-bottom:2px; font-size: 0.95em;}
ul.trace_list li:last-child a  {margin-right:0}
.div_movetrace {text-align: right;margin-bottom: 20px;}
.div_movetrace img {vertical-align: middle}
.div_mar15 {margin:15px 0;}
span.txtem {font-size:0.8em;}
.layerBtnOff {display:block;height:23px;width:106px;line-height: 22px;background:#f0f7f0;border: 1px solid #717171;font-size: 0.85em;color:#717171; text-align:center}
.layerBtnOn { display:block;height:23px;width:106px;line-height: 22px;background-color: #77ab09;border: 1px solid #717171; color: #fff;font-size: 0.85em;text-align:center}

/*******20180820***********/
.map_ctrl .ctrl_infom {display:block; background: url(../images/ctrl_info.png) no-repeat; width:34px; height:32px;text-indent:-9999in; }
#layerPoptrace{width:250px;height:200px;position:absolute;display:none; z-index: 999;padding:20px 15px;}
#layerPoptrace .bgsemo{position:absolute;top:5px;left:35px;width:37px;height: 17px; background: url(../images/box_semo.png) no-repeat 0 0;}
#layerPoptrace .layerbox {border:2px solid #3c3c3c;padding:20px 15px;background-color: #fff}
#layerPoptrace .close{position:absolute;top:40px;right:30px;}
#layerPoptrace .txt_toparea {border-bottom: 1px solid #5c5c5c;padding-bottom: 15px;font-size:1.2em; color: #000}
#layerPoptrace .txt_toparea span {color: #cc5200}
#layerPoptrace .layer_cont {margin-top: 10px}
#layerPoptrace .layer_cont .checkarea {margin-top:10px;background-color:#f6f6f6;padding:10px 10px;}
#layerPoptrace .layer_cont .checkarea ul li {line-height: 25px;background: url(../images/bull_dot.gif) no-repeat left center;padding:0 0 0 10px; color: #000;}
#layerPoptrace .layer_cont .checkarea ul li span {width:55px;display: inline-block;color: #565656}

/*20181016*/
 
.legendlist {background-color: #fff;padding: 10px 0;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);}
.legendlist table  {margin:0 5px;border-spacing: 2px;border-collapse: separate;}
.legendlist table td {padding:4px 5px;font-size: 0.9em;text-align: center; }
.legendlist table td img {vertical-align: baseline; }
.legendlist table th:first-child {background-color: #c6e5ee; padding:4px 5px;font-size: 0.9em;  text-align: center; color: #565656;} 
.legendlist table th:last-child {background-color: #e1eff0; padding:4px 5px;font-size: 0.9em;  text-align: center; color: #565656;} 
.legendlist table td:first-child  {text-align: center; }
.legendlist table td:last-child   {text-align: left;}

.legendlist2 {background-color: #fff;padding: 10px 0;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);}
.legendlist2 table  {margin:0 5px;border-spacing: 2px;border-collapse: separate;}
.legendlist2 table td {padding:4px 5px;font-size: 0.9em;text-align: center; }
.legendlist2 table td img {vertical-align: baseline; }
.legendlist2 table th:first-child {background-color: #c6e5ee; padding:4px 5px;font-size: 0.9em;  text-align: center; color: #565656;} 
.legendlist2 table th:last-child {background-color: #e1eff0; padding:4px 5px;font-size: 0.9em;  text-align: center; color: #565656;} 
.legendlist2 table td:first-child  {text-align: center; }
.legendlist2 table td:last-child   {text-align: left;}

/*20190911*/
.intround {border: 1px solid #b1b1b1; height: 36px;border-radius: 12px;padding: 0 12px;font-size: 15px;  }
.intround::placeholder {font-size:15px; color: #000;background: url(../images/icon_search.png) no-repeat center left;padding-left: 20px; }
.inner_wrap  > input  {vertical-align: middle;color: #000;}
.inner_wrap p   { font-size: 16px; line-height: 36px;}
.txt_green {color: #117233;}
span.widthsch {width: 305px;display: inline-block;color: #000; }
.schtopline {padding-top: 15px; border-top:1px solid #b1b1b1;text-align: right}
.schtopline2 {padding-top:  5px; border-top:1px solid #b1b1b1; }
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.intround2 {vertical-align: middle; display: inline-block;background-color: #fff; border: 1px solid #b1b1b1; height: 36px;border-radius: 12px;padding: 0 12px;font-size: 15px;  }
.intround2 img {vertical-align: middle;margin-left: 10px;}
.intround3 {width: 320px;  display: inline-block; color: #000; background-color: #fff; border: 1px solid #b1b1b1; height: 36px;border-radius: 12px;padding: 0 12px;font-size: 15px;  }
.intround3 img {vertical-align: middle; position: absolute; right: 35px;top:35px;}
.schbirdlist {position: absolute;top:160px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#fff;border: 1px solid #646464;padding:0px  0px;}
.schbirdlist ul li { text-align: left; line-height:25px;color: #000;font-weight: 400} 
.schbirdlist ul li > ol li   {background: url(../images/bull_depth.png) no-repeat 10px 10px;padding-left: 20px;line-height: 28px; font-weight: 200}
.schbirdlist ul li > ol li > ul li {background: url(../images/bull_depth.png) no-repeat 15px center;padding-left: 28px;font-weight: 200}
.sch_scroll {height:600px;overflow-y:scroll;padding: 10px 20px;} 
.schbirdlist2 {position: absolute;top:110px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#fff;border: 1px solid #646464;padding:0px  0px;}
.schbirdlist2 ul {padding: 10px 0;}
.schbirdlist2 ul li { text-align: left; line-height:30px;color: #000;font-weight: 200;padding:0 20px;} 
.schbirdlist2 ul li strong {font-size: 15px; color: #d32424;}
.schbirdlist2 ul li em {font-size: 14px; color: #585858;}
.schbirdlist2 ul li:hover {background-color: #f3f8f5;}
.schbirdlist3 {position: absolute;top:110px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#fff;border: 1px solid #646464;padding:0px  0px;}
.schbirdlist3 div {padding: 10px 20px;}
.schbirdlist3 div ul li {background: url(../images/bull_depth2.png) no-repeat left top;padding-left: 25px; line-height:35px;color: #000;font-weight: 200;font-size: 15px; } 
.schbirdlist3 div ul li > ol li   {background: url(../images/bull_depth3.png) no-repeat 0 0;padding-left: 25px;line-height: 30px; font-weight: 200; }
.schbirdlist3 div ul li > ol li:last-child   {background: url(../images/bull_depth4.png) no-repeat 0 0;padding-left: 25px;line-height: 30px; font-weight: 200; }
.schbirdlist3 ul li strong {font-size: 15px; color: #d32424;}
.schbirdlist5 {position: absolute;top:105px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#fff;border: 1px solid #646464;padding:0px  0px;}
.schbirdlist5 ul {padding: 10px 0;}
.schbirdlist5 ul li {text-align: left; line-height:30px;color: #000;font-weight: 200;padding:0 20px;font-size: 15px;}  
.schbirdlist5 ul li:hover {background-color: #f3f8f5;}



.schbirdlist4 {position: absolute;top:105px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#f3f8f5;border: 1px solid #646464;padding:0px  0px;}
.schbirdlist4 div  {padding: 15px 15px;}
 

.regionlist {position: absolute;top:210px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#fff;border: 1px solid #646464;padding:0px  0px;}
.regionlist .sch_scroll2 {max-height:calc(100vh - 525px);overflow-y:scroll;padding: 10px 0px;}
.regionlist .sch_scroll2 ul li { text-align: left; line-height:30px;color: #000;font-weight: 300;padding:0  20px;} 
.regionlist .sch_scroll2 ul li > ol li   {background: url(../images/bull_depth.png) no-repeat 10px 10px;padding-left: 20px;line-height: 28px; font-weight: 200}
.regionlist .sch_scroll2 ul li span {width:275px;display: inline-block;}
.regionlist .sch_scroll2 ul li img {vertical-align: middle;}
.regionlist .sch_scroll2 ul li.on {background-color: #f3f8f5;}
.regionlist .sch_scroll2 p {padding-left: 20px;color: #000;font-weight: 300;}
.schperiod {position: absolute;top:210px;left:13px;width: 350px; height: auto;z-index: 100; background-color :#fff;border: 1px solid #646464;padding:0px  0px;}
.schperiod .toplist {padding: 20px 20px;background-color: #f3f8f5;}
.schperiod .setupwrap {overflow: hidden; padding:20px 20px;}
.schperiod .setupwrap .fltleft {float: left;width: 165px;}
.schperiod .setupwrap .fltright {float: right;width: 130px;border-left: 1px dotted #999999; padding-left: 10px;}
.schperiod .setupwrap ul {margin-top: 10px;}
.schperiod .setupwrap ul li {line-height: 30px; }
.schperiod .setupwrap ul li input {vertical-align: middle;}
.schperiod .btn {padding:0 0 20px 20px;}
.select2 {border: 1px solid #a6a6a6;height: 33px; color: #585858;font-size: 14px;padding-left:5px;}
.select3 {height:32px;width:115px;border:1px solid #a6a6a6;padding-left: 3px}
.sect_mapexp{position:absolute;top:5px;left:5px;  }
.maplist {position:absolute;top:45px;left:6px;width:110px;background-color: #ffffff;border: 1px solid #646464; padding: 10px 10px; border-radius: 3px;}
.maplist ul li {font-size: 13px;font-weight: 300;padding: 0 0 5px 0;}
.maplist ul li img {vertical-align: middle}
.maplist p {margin-top: 10px; border-top: 1px solid #dbdbdb; padding-top: 10px;font-size: 13px;font-weight: 300;}
.maplist2 {position:absolute;top:45px;left:142px;width:110px;background-color: #ffffff;border: 1px solid #646464; padding: 10px 10px; border-radius: 3px;}
.maplist2 ul li {font-size: 13px;font-weight: 300;padding: 0 0 5px 0;} 


.traceDetail { position:absolute; top:19px;left:-51px; width:300px;background:#fff; border:#000 solid 1px; border-radius:3px; font-size:14px; color:#000; z-index:14}
.traceDetail .bgsemo{position:absolute;top:-17px;left:35px;width:32px;height: 17px; background: url(../images/box_semo.png) no-repeat 0 0;}
.traceDetail .layerbox { padding:15px 12px; }
.traceDetail .close{position:absolute;top:40px;right:30px;}
.traceDetail .txt_toparea {border-bottom: 1px solid #5c5c5c;padding-bottom: 10px;font-size:18px; color: #000}
.traceDetail .txt_toparea span {position:absolute;top: 15px;right: 15px;}
.traceDetail .layer_cont {background-color:#f6f6f6;padding:10px 10px;}
 
.traceDetail .layer_cont .checkarea {text-align: left} 
.traceDetail .layer_cont .checkarea  p.title{line-height: 30px;background: url(../images/bull_dot.gif) no-repeat left center;padding:0 0 0 10px; color: #000;vertical-align: top}
.traceDetail .layer_cont .checkarea  p.title span {width:63px;display: inline-block;color: #565656}
 
.traceDetail .layer_cont .checkarea  p.title2{line-height: 22px;  padding:0 0 0 10px;font-weight: 200; }
.traceDetail .layer_cont .checkarea  p.title2 span {width:63px;display: inline-block;color: #0e6fbb}


.traceDetail .layerbox2 { padding:15px 0px;overflow: hidden;}
.traceDetail .layerbox2 .fltleft2{float: left;width: 75px;}
.traceDetail .layerbox2 .fltright2{float: right; width:270px} 

#layermanual{width:1000px;height:550px;position:absolute;display:none ; z-index: 999; border:2px solid #3c3c3c;padding:20px 15px;background-color: #fff}
#layermanual .txt_toparea {padding-bottom: 15px;font-size:1.2em; color: #000;border-bottom: 1px solid #5c5c5c;} 
#layermanual .layer_cont {margin: 10px 0;height: 524px;}   
#layermanual .layer_close{position:absolute;top:15px;right:15px;}
 
#layercontact{width:795px;height:295px;position:absolute;display:none ; z-index: 999; border:2px solid #3c3c3c;padding:20px 15px;background-color: #fff}
#layercontact .txt_toparea {padding-bottom: 15px;font-size:1.2em; color: #000;border-bottom: 1px solid #5c5c5c;} 
#layercontact .layer_cont {margin: 10px 0;height: 251px;}   
#layercontact .layer_close{position:absolute;top:15px;right:15px;}

	.ui-widget {
		font-family: inherit;
		font-size: inherit;
	}
	.ui-slider-horizontal .ui-state-default {
		top:2px;display: inline-block; width:14px;height:14px;
		border: 0px;
		background: white url(../images/bull_barchar.png) no-repeat scroll 50% 50%;
	}
	
.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #ffcc33;
}

.tooltip-distance-closer {
  text-decoration: none;
  position: absolute;
  right: 8px;
}
.tooltip-distance-closer:after {
  content: "✖";
  color: red;
}

.tooltip-spatial-filter {
	opacity: 1;
	font-weight: bold;
}

.tooltip-spatial-filter-closer {
  text-decoration: none;
  right: 0px;
}
.tooltip-spatial-filter-closer:after {
  content: "✖";
  color: red;
}

/*20200629*/
.intcalen { vertical-align: middle; display: inline-block;background-color: #fff; border: 1px solid #b1b1b1; width: 80px; height: 36px;border-radius: 12px;padding: 0 12px;font-size: 15px;  }
.intcalen img {  vertical-align: middle;}
.roundbg01 {display: inline-block;background-color: #f45b00;width: 10px;height: 10px;border-radius: 50%;}
.roundbg02 {display: inline-block;background-color: #f4b200;width: 10px;height: 10px;border-radius: 50%;}
.roundbg03 {display: inline-block;background-color: #d306ff;width: 10px;height: 10px;border-radius: 50%;}
.roundbg04 {display: inline-block;background-color: #6406ff;width: 10px;height: 10px;border-radius: 50%;}
.roundbg05 {display: inline-block;background-color: #0681ff;width: 10px;height: 10px;border-radius: 50%;}
.roundbg06 {display: inline-block;background-color: #06c7ff;width: 10px;height: 10px;border-radius: 50%;}
.roundbg07 {display: inline-block;background-color: #06f0ff;width: 10px;height: 10px;border-radius: 50%;} 
.roundbg08 {display: inline-block;background-color: #06ff3b;width: 10px;height: 10px;border-radius: 50%;} 
.mapicon_spot {position:absolute;top:500px;left:750px;}
.traceDetail2 { position:absolute; top:300px;left:500px; width:400px;background:#fff; border:#000 solid 1px; border-radius:3px; font-size:14px; color:#000; z-index:14}
.traceDetail2 .bgsemo{position:absolute;top:-17px;left:35px;width:32px;height: 17px; background: url(../images/box_semo.png) no-repeat 0 0;}
.traceDetail2 .layerbox { padding:15px 12px; }
.traceDetail2 .close{position:absolute;top:40px;right:30px;}
.traceDetail2 .txt_toparea {border-bottom: 1px solid #5c5c5c;padding-bottom: 10px;font-size:18px; color: #000}
.traceDetail2 .txt_toparea span {position:absolute;top: 15px;right: 15px;}
.traceDetail2 .layer_cont {background-color:#f6f6f6;padding:10px 10px;} 
.traceDetail2 .layer_cont  ul li {line-height: 30px;background: url(../images/bull_dot.gif) no-repeat left center;padding:0 0 0 10px; color: #000;}
.traceDetail2 .layer_cont  ul li span {width:90px;display: inline-block;color: #565656}

#gnbnav a.linkgo, #gnbnav a.linkgo2  {color: #fff;font-size: 14px;border-radius: 3px; padding:3px 5px;font-weight: 200;line-height: 28px;box-sizing: border-box;transition: .3s;}
#gnbnav a.linkgo {background: #7bae00;border: 1px solid #356102;margin-left: 15px;}
#gnbnav a.linkgo:hover {background: #06451c;border: 1px solid #06451c;}
#gnbnav a.linkgo2 {background: #526ae1;border: 1px solid #5545a6;}
#gnbnav a.linkgo2:hover {background: #423488;border: 1px solid #423488;}

[class^="movep"], [class*="movep"] {position: relative;height:10px;font-size: 0;display: inline-block;width: 12px; vertical-align: middle;}
[class^="movep"]:before, [class*="movep"]:before {content: '';position: absolute;top: 0;left: 0;}
[class^="moves"], [class*="moves"] {position: relative;height:10px;font-size: 0;display: inline-block;width: 12px; vertical-align: middle;}
[class^="moves"]:before, [class*="moves"]:before {content: '';position: absolute;top: 0;left: 0;}
.moveplay::before, .moveplay.on::before {width:9px;height:10px; }
.movepause::before, .movepause.on::before {width:7px;height:10px; }
.movestop::before, .movestop.on::before {width:9px;height:9px;  }

.legend_icon {display: inline-block; width: 35px; height: 13px; border: 2px solid; border-radius: 4px;}
.legendlist2 table tr > td:nth-child(2),
.legendlist2 table tr > td:nth-child(3) {
	background-color: #e1eff0;
    padding: 4px 5px;
    font-size: 0.9em;
    text-align: center;
    color: #565656;
	font-weight: bold;
}