@charset "utf-8";

.goWrite{text-align: center; width:100%; height: 100%; padding: 0 20px 0 13px; font-size:16px; color:#333; line-height: 48px;}
.noselect{-webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.lnb2 li {display:inline-block; text-align: center; width:150px; height: 50px; border:1px solid #dddddd; background: #fff;}
.lnb2 li a {text-align: center; display: block; width:100%; height: 100%; padding: 0 20px 0 13px; font-size:16px; color:#333; line-height: 48px;}

ul:after, ol:after{content:'';clear:both;display:block}

.sub_container {position:relative; width:1024px; min-height:630px; margin: 35px auto 100px auto; padding-left:244px;}
.sub_container:after {content:'';clear:both;display:block}
.sub_container h2 {padding-left:11px; font-size:24px; color:#000; line-height:23px; border-left:5px solid #2276cc;}

.lnb_wrap {position:absolute; top:0; left:0; width:200px;}
.lnb_wrap .sub_title {display:table; width:100%; height: 160px; margin-bottom: 9px; background: url('../../images/renewal/sub/bg_subtitle.png') no-repeat 0 0;}
.lnb_wrap .sub_title p {display:table-cell; width:100%; height: 100%; font-size:32px; color:#fff; font-weight:600; vertical-align: middle; text-align: center;}
.lnb li {width:100%; height: 50px; border:1px solid #dddddd; background: #fff;}
.lnb li a {position:relative; display: block; width:100%; height: 100%; padding: 0 20px 0 13px; font-size:14px; color:#333; line-height: 48px;}
.lnb li a:before {position: absolute; top:19px; right:15px; width:6px; height:6px; border-right:1px solid #cacaca; border-top:1px solid #cacaca;transform: rotate(45deg); content: '';}
.lnb li a:after {position: absolute; top:19px; right:15px; width:6px; height:6px; border-right:1px solid #cacaca; border-top:1px solid #cacaca;transform: rotate(45deg); content: '';}
.lnb li + li {margin-top: 10px;}
.lnb li:hover, .lnb li:focus, .lnb li.active {background:#2276cc; border-color: #196dc3;}
.lnb li:hover a , .lnb li:focus a , .lnb li.active a {color: #fff;}
.lnb li:hover a:before , .lnb li:focus a:before , .lnb li.active a:before {border-color: #fff;}
.lnb li:hover a:after , .lnb li:focus a:after , .lnb li.active a:after {border-color: #fff;}

.sub_titlebox {width:100%; padding: 19px 0 16px 0; margin-bottom:22px; border-bottom:1px solid #dddddd;}
.sub_titlebox:after {content:'';clear:both;display:block}
.sub_titlebox h1 {float: left; font-size:32px; color:#000;}
.location_wrap{float: right;}
.location_wrap .location{padding-top:20px;text-align:right}
.location_wrap .location>li{position:relative;display:inline-block;padding-left:10px;margin-left:10px;height:18px}
.location_wrap .location>li>a, .location_wrap .location>li>span{font-family: '돋움', 'Dotum', sans-serif; font-size:12px;color:#888;line-height:18px; font-weight: normal;}
.location_wrap .location>li:before{position:absolute;top:6px;left:-4px; width:4px; height:4px; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; transform: rotate(45deg); content:""}
.location_wrap .location>li:first-child{padding-left:24px;margin:0}
.location_wrap .location>li:first-child>a {letter-spacing: 1px;}
.location_wrap .location>li:first-child:before{position:absolute;top:-4px;left:0;width:0;height:0;border:7px solid #666666;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;background:transparent; transform: rotate(0deg);content:""}
.location_wrap .location>li:first-child:after{position:absolute;top:10px;left:3px;width:8px;height:2px;background:#666666;content:""}
.location_wrap .location>li:first-child>a:before{position:absolute;top:12px;left:3px;width:3px;height:3px;background:#666666;content:""}
.location_wrap .location>li:first-child>a:after{position:absolute;top:12px;left:8px;width:3px;height:3px;background:#666666;content:""}
.location_wrap .location>li:last-child>span {color: #666; font-weight: bold;} 

.tab_menu_wrap {padding: 0 7px;}
.tab_menu_wrap .tab_menu:after {content:'';clear:both;display:block}
.tab_menu_wrap .tab_menu li {width:90px; height: 35px; margin-left: 5px; margin-bottom: 5px; float: left;}
.tab_menu_wrap .tab_menu li a {display: table; width:100%; height: 100%; border:1px solid #aaaaaa; background: #fff;}
.tab_menu_wrap .tab_menu li a span {display: table-cell; width:100%; height: 100%; font-size:14px; color:#666; vertical-align: middle; text-align: center;}
.tab_menu_wrap .tab_menu li.active a {border:1px solid #2276cc; background: #2276cc;}
.tab_menu_wrap .tab_menu li.active a span {color: #fff;}
.tab_menu_wrap .tab_menu li a:hover {border:1px solid #2276cc; background: #2276cc;}
.tab_menu_wrap .tab_menu li a:hover span {color: #fff;}
.tab_menu_wrap .tab_menu li a:focus {border:1px solid #2276cc; background: #2276cc;}
.tab_menu_wrap .tab_menu li a:focus span {color: #fff;}
.tab_content_box {margin: 40px 0 0 0; padding: 50px 0; border-top: 3px solid #484848; border-bottom:1px solid #e5e5e5;}
.tab_content_box .tab_content {display: none; text-align: center;}
.tab_content_box .tab_content.active {display: block;}


/*accordion*/
.accordion {border-bottom: 1px solid #d9d9d9;}
.accordion_item {position:relative; border-top: 1px solid #d9d9d9;}
.accordion_item.active:before {position: absolute; top:-1px; left:0; width:100%; height: 1px; background:#2276cc; content: '';}
.accordion_item.active:after {position: absolute; bottom:-1px; left:0; width:100%; height: 1px; background:#2276cc; content: '';}
.accordion_link {display: inline-block;position: relative; padding: 0 0 0 57px;width: 100%; height:51px; font-size:16px; color:#333; line-height: 49px;}
.accordion_link:after {position: absolute; top:20px; right:20px; width:8px; height: 8px; border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8;transform: rotate(45deg); transition: all 0.15s ease-in-out; content: '';}
.accordion_link:before {position: absolute; top:20px; right:20px; width:8px; height: 8px; border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8;transform: rotate(45deg); transition: all 0.15s ease-in-out; content: '';}
.accordion_link.active {color:#2276cc;  border-bottom: 1px solid #d9d9d9;}
.accordion_link.active:after {transform: rotate(-135deg); top:24px; border-color: #2276cc;}
.accordion_link.active:before {transform: rotate(-135deg); top:24px; border-color: #2276cc;}

.accordion_link .num {position: absolute; top:12px; left:20px; width:27px; height: 27px; background:#2276cc; color: #fff; font-size: 13px; text-align: center; line-height: 27px; border-radius: 50%;}

.accordion_item .accordion_body {display: none; background: #fafafa; padding: 30px 20px;}
.accordion_desc {position: relative; padding: 17px 50px 17px 120px; color: #666; font-size: 0.875rem; border-top: 1px solid #d9d9d9;  line-height: 26px;}

.accordion_body > ul > li {font-size: 13px; line-height: 20px; color: #666;}
.accordion_body > ul > li > strong {display: block; font-weight: 500; color: #2276cc;}
.accordion_body > ul > li + li {margin-top: 25px;}
.accordion_body > ul > li  ol {padding-left: 10px;}
.accordion_body > ul > li > ol > li + li {padding-top: 10px;}
.accordion_body > ul > li > ol > li > ol > li {font-size: 12px;}

.accordion_body .tb_basic {width: 100%; margin-top:8px; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; background: #fff;}
.accordion_body .tb_basic table {width: 100%; }
.accordion_body .tb_basic table thead th {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-right: 0; background: #ececec;color: #666;font-size:13px;font-weight: 400;text-align: center;vertical-align: middle; }
.accordion_body .tb_basic table thead th:first-child {border-left:0;}
.accordion_body .tb_basic table thead td {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;text-align: left;vertical-align: middle; }
.accordion_body .tb_basic table tbody th {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;color:#666;font-size:13px; text-align: center;vertical-align: middle; }
.accordion_body .tb_basic table tbody td {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;color:#666; text-align: center; font-size:13px; vertical-align: middle; }
.accordion_body .tb_basic table tbody td:first-child {border-left:0;}
.accordion_body .tb_basic table tr:first-child th {border-top: 0; }
.accordion_body .tb_basic table tr:first-child td {border-top: 0; }
.accordion_body .tb_basic table tbody th:first-child {border-left:0;}
.accordion_body .tb_basic table tbody td:first-child {border-left:0;}

.law_searchbox_wrap {padding: 175px 0 0 0; width:510px; margin: 0 auto; background: url('../../images/renewal/sub/bg_additional_info03.png') no-repeat center 28px; }
.law_searchbox_wrap:after {content:'';clear:both;display:block}
.law_searchbox_wrap .law_searchbox {width:510px; height: 50px;}
.law_searchbox_wrap .law_searchbox input[type=text] {float: left; display: block; width:450px; height: 50px; border:2px solid #2276cc; font-size:14px; line-height: 46px; box-sizing: border-box;}
.law_searchbox_wrap .law_searchbox input[type=button] {position:relative; display: block; float: left; width:60px; height: 50px; padding:0; border:0; background: #2276cc url('../../images/renewal/sub/bg_btn_law_search.png') no-repeat 0 0; font-size:0; overflow: hidden; text-indent: -9999px;}
.law_searchbox_wrap p {padding-top:22px; font-size:17px; color:#666; line-height: 25px; text-align: center;}
.law_searchbox_wrap p > em {display: block; font-size:20px; color: #2276cc;}
.law_searchbox_wrap p > span {display: block; font-size:13px;}

.infosearchbox_wrap {padding-top: 26px;}
.infosearchbox {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.infosearchbox .searchbox {height: 44px;}
.infosearchbox .searchbox:after {content:'';clear:both;display:block}
.infosearchbox .searchbox + .searchbox {height:45px; padding-left:22px; border-top:1px solid #e1e1e1;}
.infosearchbox .searchbox .inp_box {display: inline-block; float:left; border-right:1px solid #e1e1e1;}
.infosearchbox .searchbox .inp_box:last-child {padding-right: 0;}
.infosearchbox .searchbox .inp_box > label {display: block; float: left; width:80px; border-right:1px solid #e1e1e1; background: #f5f5f5; font-size: 14px; color:#666; text-align: center; line-height: 44px;}
.infosearchbox .searchbox .inp_box select {float: left; margin:7px 25px 7px 10px; min-width:100px; height: 29px; padding: 0 25px 0 10px; font-size: 13px; color:#666; border:1px solid #aaaaaa; background: url('../../images/renewal/common/ic_arrow_down02.png') right center no-repeat;}
.infosearchbox .searchbox .inp_box > span {float: left; font-size: 14px; color:#666;  line-height: 44px;}
.infosearchbox .searchbox .inp_box select + span {margin-left: -20px;}
.infosearchbox .searchbox + .searchbox .inp_box {border-right:0;}
.infosearchbox .searchbox + .searchbox select {min-width:auto;}
.infosearchbox .searchbox input[type=text] {float: left; width:95px; height: 29px; padding: 0 10px; margin:7px 10px 7px 0; font-size: 13px; line-height:27px; border:1px solid #aaaaaa;}
.infosearchbox .searchbox .inp_box > span + input[type=text] {margin-left: 10px;}
.infosearchbox .searchbox .inp_box .radiobox:last-child {margin-right: 10px;}
.infosearchbox  + .btn_area {margin: 20px 0 50px 0;}

.radiobox {position: relative; display: inline-block; padding-left:23px;}
.radiobox.focus {outline: 1px dotted gray;}
.radiobox + .radiobox {margin-left:12px;}
.radiobox label { display: inline-block;   font-size: 12px; color:#666;  line-height: 44px;}
.radiobox input[type=radio]{position: absolute; left:-9999px; opacity: 0; }
.radiobox input[type=radio] + label{cursor: pointer}
.radiobox input[type=radio] + label:before{position:absolute; top:50%; left:0; margin-top:-9px; display:block; width: 18px; height: 18px; background:#fff; border:1px solid #dedede; border-radius:19px; content:''; box-sizing: border-box}
.radiobox input[type=radio]:checked + label:after {position:absolute; top:50%; left:5px; margin-top:-4px; display:block; width: 8px; height: 8px; background:#2276cc; border-radius:8px; content:''; box-sizing: border-box}

.btn_area {text-align: center;}
a.btn_basic {display: inline-block; width:120px; height:40px; font-size: 16px; color:#666; line-height:38px; border:1px solid #e1e1e1; background: #fff; text-align: center;}
a.btn_basic.blue {color:#fff; border:1px solid #2276cc; background: #2276cc;}
a.btn_basic + a.btn_basic {margin-left: 5px;}
a.btn_basic:hover, a.btn_basic:focus {opacity: 0.8;}


.infosearchbox_wrap .tb_basic {margin-top:22px; width: 100%; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; background: #fff;}
.infosearchbox_wrap .tb_basic table {width: 100%; }
.infosearchbox_wrap .tb_basic table thead th {height: 43px;padding: 5px 10px;border: 1px solid #e1e1e1;border-right: 0; background: #f5f5f5;color: #666;font-size:16px;font-weight: 400;text-align: center; vertical-align: middle; }
.infosearchbox_wrap .tb_basic table thead th:first-child {border-left:0;}
.infosearchbox_wrap .tb_basic table thead td {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;text-align: left;vertical-align: middle; }
.infosearchbox_wrap .tb_basic table tbody th {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;color:#666;font-size:14px; text-align: center;vertical-align: middle; }
.infosearchbox_wrap .tb_basic table tbody td {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;color:#666; text-align: center; font-size:13px; vertical-align: middle; }
.infosearchbox_wrap .tb_basic table tbody td a {color: #666;}
.infosearchbox_wrap .tb_basic table tbody td a:hover {color:#2276cc;}
.infosearchbox_wrap .tb_basic table tbody td:first-child {border-left:0;}
.infosearchbox_wrap .tb_basic table tr:first-child th {border-top: 0; }
.infosearchbox_wrap .tb_basic table tr:first-child td {border-top: 0; }
.infosearchbox_wrap .tb_basic table tbody th:first-child {border-left:0;}
.infosearchbox_wrap .tb_basic table tbody td:first-child {border-left:0;}
.infosearchbox_wrap .tb_basic .scroll {width: 100%; height: 254px; overflow:hidden; overflow-y: auto;}
.infosearchbox_wrap .btn_graph {display: inline-block; width:20px; height: 23px; background: #2276cc url('../../images/renewal/sub/bg_btn_graph.png') no-repeat 0 0;  overflow: hidden; font-size: 0; text-indent: -9999px; }
.infosearchbox_wrap .tb_basic + h2 {margin-top: 50px;}


.mapview_wrap {position:absolute; top:101px; left:0; bottom:0; right:0;}
.mapview_wrap footer {position: absolute; left:0; bottom:-114px; width:100%; height: 114px;}
.mapview_wrap .hide {position:absolute; top:-10px; left:-10px; width:0; height: 0; font-size: 0; overflow: hidden; text-indent: -9999px;}
.mapview .hide {position:absolute; top:-10px; left:-10px; width:0; height: 0; font-size: 0; overflow: hidden; text-indent: -9999px;}
.mapview_wrap .mapview {width:100%; height: 100%;  padding-left: 360px; transition: all .3s;}
.mapview_wrap .map_lnb {z-index: 10; position:absolute; top:0; left:0; width:360px; height: 100%; border-right:1px solid #c3c3c3; transition: all .3s;}
.mapview_wrap .lnbbox {position:relative; width:100%; height:100%; background:#ffffff;}
.mapview_wrap.lnb_off .mapview {padding-left: 0;}
.mapview_wrap.lnb_off .map_lnb {left:-360px; box-shadow:none;}
.mapview_wrap .btn_lnbclose {position:absolute; z-index: 11; top:50%; left: 359px; width:32px; height:124px; margin-top: -62px; background: url('../../images/renewal/sub/bg_btn_lnbclose.png') no-repeat 0 0; font-size:0; text-indent:-9999px; transition: all .3s;}
.mapview_wrap .btn_lnbclose > span {position:relative; z-index: 12; display: block; width:100%; height: 100%; }
.mapview_wrap .btn_lnbclose > span:before {position:absolute; right:13px; top:54px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #999999; content: ''; transform: rotate(180deg); transition: all .2s;}
.mapview_wrap.lnb_off .btn_lnbclose > span:before {transform: rotate(0deg);}

.mapview_wrap .lnb_tabmenu {position:relative; width:100%; height:auto; background:#f3f3f3;border-bottom:1px solid #dddddd;}
.mapview_wrap .lnb_tabmenu_lst {z-index:0; position:relative; width:100%; height: 100%;}
.mapview_wrap .lnb_tabmenu_lst:after {content:'';clear:both;display:block}
.mapview_wrap .lnb_tabmenu_lst li {width:100%; display: block; float: left; height: 80px; border-left:1px solid #dddddd;}
.mapview_wrap .lnb_tabmenu_lst li a {display: table; width:100%; height: 100%; background:#f3f3f3; }
.mapview_wrap .lnb_tabmenu_lst li a > span {font-size: 30px; display: table-cell; width:100%; height: 100%; color: #383f51; font-size: 17px; text-align: center; vertical-align: middle;}
.mapview_wrap .lnb_tabmenu_lst li.active a {text-align:center; margin:auto; padding-top:25px; font-size:25px; color:#fff; background: #2276cc;}
.mapview_wrap .lnb_tabmenu_lst li.active a > span {color: #fff;}
.mapview_wrap .lnb_tabmenu_lst li a:hover, .mapview_wrap .lnb_tabmenu_lst li a:focus {background: #2276cc;}
.mapview_wrap .lnb_tabmenu_lst li a:hover > span, .mapview_wrap .lnb_tabmenu_lst li a:focus > span {color: #fff;}
/* .mapview_wrap .lnb_tabmenu_lst li:first-child, .mapview_wrap .lnb_tabmenu_lst li:nth-child(4) {border-left:none;}
.mapview_wrap .lnb_tabmenu_lst li:nth-child(n+4){border-top:1px solid #dddddd;}
.mapview_wrap .lnb_tabmenu_lst li:nth-child(3n) {width:119px;}*/
.mapview_wrap .lnb_tabmenu_contents_wrap {position:relative; width:100%; height: calc(100% - /* 161 */85px); overflow: hidden;}
.mapview_wrap .lnb_tabmenu_contents {display:none; position:relative; width:100%; height: 100%;}
.mapview_wrap .lnb_tabmenu_contents.active {display: block;}
.mapview .lnb_tabmenu_contents.active {display: block;}
.mapview .lnb_tabmenu_contents_wrap {position:relative; width:100%; height: calc(100% - /* 161 */85px); overflow: hidden;}
.mapview .lnb_tabmenu_contents {display:none; position:relative; width:100%; height: 100%;}
.mapview .lnb_tabmenu_contents.active {display: block;}
.mapview_wrap .mapview .map_wrap {position: relative; width:100%; height: 100%;}
.mapview_wrap .mapview .map_wrap .map { width:100%; height: calc(100% - 50px); overflow: hidden;}
.mapview_wrap .mapview .map_wrap .map > div {width:100%; height:100%;}

/* 텔맵용 생성*/
.mapview .lnb_tabmenu_lst {z-index:0; position:relative; width:100%; height: 100%;}
.mapview .lnb_tabmenu_lst:after {content:'';clear:both;display:block}
.mapview .lnb_tabmenu_lst li a {display: table; width:100%; height: 100%; background:#f3f3f3; }
.mapview .lnb_tabmenu_lst li a > span {font-size: 30px; display: table-cell; width:100%; height: 100%; color: #383f51; font-size: 17px; text-align: center; vertical-align: middle;}
.mapview .lnb_tabmenu_lst li.active a {text-align:center; margin:auto; padding-top:25px; font-size:25px; color:#fff; background: #2276cc;}
.mapview .lnb_tabmenu_lst li.active a > span {color: #fff;}
.mapview .lnb_tabmenu_lst li a:hover, .mapview_wrap .lnb_tabmenu_lst li a:focus {background: #2276cc;}
.mapview .lnb_tabmenu_lst li a:hover > span, .mapview_wrap .lnb_tabmenu_lst li a:focus > span {color: #fff;}




.map_top_menu {width:100%; height: 50px; padding:8px 20px 7px 20px; border-bottom:1px solid #c3c3c3; background: #f2f2f2;}
.map_top_menu .control_btnbox {float: left;}
.map_top_menu .control_btnbox button {display: inline-block; float: left; width:auto; height:34px; padding:0 14px; line-height:33px; font-size:13px; color:#383f51; border:1px solid #8d8d8d; background: #f2f2f2;}
.map_top_menu .control_btnbox button.on {background: #383f51; border-color:#383f51; color: #fff;} 
.map_top_menu .control_btnbox button.active {background: #383f51; border-color:#383f51; color: #fff;} 
.map_top_menu .control_btnbox button + button {margin-left: 5px;}
.map_top_menu .control_selbox {float: right; width:796px; margin-top: 2px;}
.map_top_menu .control_selbox select  {float: left; width:150px; height:30px; padding: 0 25px 0 10px; font-size: 14px; color:#666; border:1px solid #aaaaaa; background: #fff url('../../images/renewal/common/ic_arrow_down02.png') right center no-repeat;}
.map_top_menu .control_selbox select + select {margin-left: 5px;}
.map_top_menu .control_selbox input[type=text] {float: left; margin-left: 5px; width:150px; height:30px;  font-size: 14px; color:#666; border:1px solid #aaaaaa; box-sizing: border-box;}
.map_top_menu .control_selbox .btn_search {display:inline-block; float: left; margin-left: 5px; width:70px; height:30px;  font-size: 14px; color:#fff; border:1px solid #aaaaaa; background:#2276cc; box-sizing: border-box;}

.map_tool {position: absolute;top:5px; left:20px; height: 34px; width:70%; z-index: 10;}
.map_tool button {display: inline-block; float: left; width:auto; height:34px; padding:0 15px; border:1px solid #8d8d8d; background: #f2f2f2; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);}
.map_tool button + button {margin-left: 5px;}
.map_tool button > span {position:relative; display: inline-block; padding-left:28px; line-height:33px; font-size:13px; color:#383f51;}
.map_tool button > span:before {position: absolute; top:0; left:0; width:28px; height: 32px; background: url('../../images/renewal/sub/spr_map_icon.png') -15px 0 no-repeat; content: '';}
.map_tool button.zoonin > span:before {background-position:  -15px 0;}
.map_tool button.zoonout > span:before {background-position:  -15px -32px;}
.map_tool button.move > span:before {background-position:  -15px -64px;}
.map_tool button.distance > span:before {background-position:  -15px -96px;}
.map_tool button.area > span:before {background-position:  -11px -128px;}
.map_tool button.reset > span:before {background-position:  -15px -160px;}
.map_tool button.print > span:before {background-position:  -15px -192px;}
.map_tool button.save > span:before {background-position:  -15px -224px;}
.map_tool button.url > span:before {background-position:  -15px -256px;}
.map_tool button.here > span:before {background-position:  -15px -288px;}
.map_tool button.save_here > span:before {background-position:  -66px -320px;}
.map_tool button.on, .map_tool button.save_here {background: #383f51;}
.map_tool button.on > span, .map_tool button.save_here  > span {color: #fff;}
.map_tool button.on.zoonin > span:before {background-position:  -65px 0;}
.map_tool button.on.zoonout > span:before {background-position:  -65px -32px;}
.map_tool button.on.move > span:before {background-position:  -65px -64px;}
.map_tool button.on.distance > span:before {background-position:  -65px -96px;}
.map_tool button.on.area > span:before {background-position:  -61px -128px;}
.map_tool button.on.reset > span:before {background-position:  -65px -160px;}
.map_tool button.on.print > span:before {background-position:  -65px -192px;}
.map_tool button.on.save > span:before {background-position:  -65px -224px;}
.map_tool button.on.url > span:before {background-position:  -65px -256px;}
.map_tool button.on.here > span:before {background-position:  -65px -288px;}



.lnb_searchbox {padding: 18px 19px 39px 19px;}
.lnb_searchbox.inci {padding: 18px 19px 19px 19px;}
.lnb_searchbox .inp_box {height: 30px;}
.lnb_searchbox .inp_box.inci {height: 183px;}
.lnb_searchbox .inp_box + .inp_box {margin-top: 10px;}
.lnb_searchbox.roaddanger .inp_box + .inp_box {margin-top: 6px;}
.lnb_searchbox .inp_box > label:not(.label_mid) {position:relative; display:inline-block; float: left; padding-left:10px; width:120px; font-size:16px; color: #383f51; line-height: 30px; box-sizing: border-box;}
.lnb_searchbox .inp_box > label:not(.label_mid):before {position: absolute; top:6px; left:1px; width:3px; height: 18px; background: #2276cc; content: '';}

.lnb_searchbox .inp_box .inci_type_select {display: grid; grid-template-columns: 120px 201px;}
.lnb_searchbox .inp_box .inci_type_label_left label {position:relative; display:inline-block; float: left; padding-left:10px; width:120px; font-size:16px; color: #383f51; line-height: 183px; box-sizing: border-box;}
.lnb_searchbox .inp_box .inci_type_label_left label:before {position: absolute; left:1px; width:3px; height: 183px; background: #2276cc; content: '';}

.lnb_searchbox .inp_box .inci_type_div {height: 25px; margin: 1px 0px 1px 11px;}
.lnb_searchbox .inp_box .inci_type_div label {line-height: 25px;}
.lnb_searchbox .inp_box .inci_type_div input[type=checkbox] {vertical-align: middle; width: 14px; height: 14px;}

.lnb_searchbox .inp_box .label_title {position:relative; display:inline-block; float: left; padding-left:10px; width:120px; font-size:16px; color: #383f51; line-height: 30px; box-sizing: border-box;}
.lnb_searchbox .inp_box .label_title:before {position: absolute; top:6px; left:1px; width:3px; height: 18px; background: #2276cc; content: '';}
.lnb_searchbox .inp_box select  {float: right; width:190px; height:30px; padding: 0 25px 0 10px; font-size: 14px; color:#666; border:1px solid #aaaaaa; background: #fff url('../../images/renewal/common/ic_arrow_down02.png') right center no-repeat;}
.lnb_searchbox .inp_box select.incident_subtype  {width:135px; height:25px; padding: 0 10px 0 5px; font-size: 14px;}
.lnb_searchbox .inp_box input[type=text] {float: left; width:200px; height:30px;  font-size: 14px; color:#666; border:1px solid #aaaaaa; box-sizing: border-box;}
.lnb_searchbox .inp_box .radiobox input[type=radio] + label {line-height: 30px;}
.lnb_searchbox .btn_search {width:100%; height: 40px; margin-top:14px; background: #383f51; font-size:16px; color: #fff; line-height: 40px; text-align: center;}
.lnb_searchbox .btn_search:hover, .lnb_searchbox .btn_search:focus {opacity: 0.8;}

.data_box_wrap {padding: 0 19px 39px 19px; height:auto; background: #fff;}
.data_box_wrap .data_info {margin-bottom:10px; text-align: right; font-size: 12px; color: #666;}
.data_box_wrap .data_info > em {color: #2276cc; font-weight: 600;}
.data_box_wrap .data_info > h4 {float: left; font-size: 14px; color: #383f51; font-weight: 600;}
.data_box_wrap .tb_basic {width: 100%; border-top: 1px solid #2276cc;border-bottom: 1px solid #e1e1e1; background: #fff;}
.data_box_wrap .tb_basic table {width: 100%; }
.data_box_wrap .tb_basic table thead th {height: 43px;padding: 5px;border: 1px solid #e1e1e1;border-right: 0; background: #f5f5f5;color: #666;font-size:14px;font-weight: 400;text-align: center; vertical-align: middle; }
.data_box_wrap .tb_basic table thead th:first-child {border-left:0;}
.data_box_wrap .tb_basic table thead td {height: 43px;padding: 5px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;text-align: left;vertical-align: middle; }
.data_box_wrap .tb_basic table tbody th {height: 34px;padding: 5px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;color:#666;font-size:12px; text-align: center;vertical-align: middle; font-weight: 400; }
.data_box_wrap .tb_basic table tbody td {height: 34px;padding: 5px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;color:#666; text-align: center; font-size:12px; vertical-align: middle; font-weight: 400;}
.data_box_wrap .tb_basic table tbody td a {color: #666;}
.data_box_wrap .tb_basic table tbody td a:hover {color:#2276cc;}
.data_box_wrap .tb_basic table tbody td:first-child {border-left:0;}
.data_box_wrap .tb_basic table tr:first-child th {border-top: 0; }
.data_box_wrap .tb_basic table tr:first-child td {border-top: 0; }
.data_box_wrap .tb_basic table tbody th:first-child {border-left:0;}
.data_box_wrap .tb_basic table tbody td:first-child {border-left:0;}
.data_box_wrap .tb_basic .scroll {width: 100%; height:auto; max-height: 272px; overflow:hidden; overflow-y: auto;}
.data_box_wrap .tb_basic.roaddanger .scroll {max-height: 209px;}
.data_box_wrap .tb_basic.danger .scroll {max-height:395px;}

.infobox_wrap {position:absolute; z-index:0; left:0; bottom:0; height: auto; padding:40px 19px; border-top:1px solid #e8e8e8; background: #f2f2f2 url('../../images/renewal/sub/bg_infobox.png') right bottom no-repeat;}
.infobox_wrap h3 {position: relative; padding-bottom:10px; color: #333; font-size:16px;font-weight: 600;}
.infobox_wrap h3:before {position: absolute; top:-10px; left:0; width:24px; height: 3px; background: #333; content: '';}
.infobox_wrap p {color: #333; font-size:12px; line-height: 20px; font-weight: 400;}
.infobox_wrap .info_comment01 {color: #333; font-size:14px; line-height: 19px; font-weight: 400;}
.infobox_wrap .page_info {padding-bottom:5px; text-align: right; color: #666; font-size:11px;}
.infobox_wrap.roaddanger  p {letter-spacing: -1px; line-height: 18px;}
.infobox_wrap.roaddanger .btn_area {text-align: right; margin-top: 15px;}
.infobox_wrap.roaddanger .btn_area > .btn_movie {display:inline-block; width:140px; height:40px; background:#2276cc; color: #fff; font-size:14px; line-height: 40px; font-weight: 400; text-align: center;}
.infobox_wrap.cctv {position:static; left:auto; bottom:auto; height: 500px;} 
.infobox_wrap.cctv .cctv_icon_box {margin-bottom:15px; width:70px; height: 68px; border:1px solid #dddddd; padding:10px; background:#fff; text-align: center;}
.infobox_wrap.cctv .cctv_icon_box p { padding-top:5px;}

.tb_info {width: 100%; margin-bottom:10px; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; background: #fff;}
.tb_info table {width: 100%; }
.tb_info table tbody th {height: 32px;padding: 5px 5px 5px 15px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; color:#333;font-size:12px; vertical-align: middle; background: #f5f5f5; text-align: left;}
.tb_info table tbody td {height: 32px;padding: 5px;border-top: 1px solid #dddddd;color:#666; text-align: center; font-size:12px; vertical-align: middle; }
.tb_info table tr:first-child th {border-top: 0; }
.tb_info table tr:first-child td {border-top: 0; }
.tb_info table tbody td:last-child {border-right: 1px solid #dddddd;}
.tb_info table tbody td span {color:#666; font-size:12px; font-weight: 400;}
.tb_info table tbody td .traffic_green{color:#4f9800; font-weight: 600;}
.tb_info table tbody td .traffic_yellow{color:#ffb600; font-weight: 600;}
.tb_info table tbody td .traffic_red{color:#d21400; font-weight: 600;}
.infobox_wrap .info_comment02 li {padding-left:7px; text-indent:-7px; color:#333; font-size:11px; line-height:18px; letter-spacing: -0.5px;}
.infobox_wrap .info_comment03 {padding-top:10px; color: #2276cc; font-size:12px; font-weight: 400; letter-spacing: -0.5px;}
.danger_infobox .tb_info table tbody th {background: #fff;  border-left:0;}
.danger_infobox .tb_info table tbody td:last-child {border-right: 0;}
.danger_infobox .tb_info table tbody th:first-child {padding-left:15px;}
.danger_infobox .tb_info table tbody td img {padding: 7px; border:1px solid #dddddd}

.legend_pop_wrap {position: relative; bottom:160px; float:right; right:20px; width:302px; height: 108px; border:1px solid #3a3b4b; background: rgba(56,63,81,0.9); z-index: 50;}
.legend_pop_wrap .legend_pop {position:relative; width:100%; height:100%; padding: 14px 15px;}
.legend_pop_wrap .legend_pop .date {margin-bottom:14px; font-size: 12px; color: #fff; font-weight: 400;}
.legend_pop_wrap .legend_pop .legend_content_list {height: auto;}
.legend_pop_wrap .legend_pop .legend_content_list li {position: relative; float: left; width:67px; height:18px; margin-bottom:10px; font-size: 12px; color: #fff; line-height: 18px;}
.legend_pop_wrap .legend_pop .legend_content_list li .item {display:inline-block; float: left; margin-right:4px; width:18px; height:18px;}
.legend_pop_wrap .legend_pop .legend_content_list li .item.item01 {background: #4d9800;}
.legend_pop_wrap .legend_pop .legend_content_list li .item.item02 {background: #ffb400;}
.legend_pop_wrap .legend_pop .legend_content_list li .item.item03 {background: #d11909;}
.legend_pop_wrap .legend_pop .legend_content_list li .item.item04 {background: #939393;}
.legend_pop_wrap .legend_pop p {margin-bottom:2px; font-size: 11px; color: #a9a9a9; font-weight:300; letter-spacing: -0.5px;}
.legend_pop_wrap .legend_pop .btn_popup_close {top:13px; right:13px; width:10px; height: 10px;}


.map_popup_wrap{display:none; z-index:99; position: absolute; top:50%; left:50%; margin:-365px 0 0 -280px; width:660px; height: 560px;}
.map_popup_wrap.active {display: block;}
.map_popup {position:relative; width:100%; height: 100%; border:1px solid #2276cc; background: #fff; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3); }
.map_popup h3 {height:50px; padding-left:28px; font-size: 18px; color: #fff; font-weight:400; line-height:50px; background: #2276cc;}
.popup_content_box {overflow-y:scroll; width:100%; height: calc(100% - 50px); padding: 28px 25px;}
.btn_popup_close {display:block;position: absolute;top: 13px;right:19px;width: 21px;height: 21px; overflow: hidden;}
.btn_popup_close span {position: relative; display: block; width:100%; height: 100%; overflow: hidden; font-size: 0; text-indent: -9999px;  background: url('../../images/renewal/sub/bg_btn_popup_close.png') center center no-repeat;}
.popup_content_box .cctv_movie {width:570px; height: 430px; margin: 0 auto 15px auto;}
.popup_content_box P {font-size: 14px; color: #666; font-weight:400; text-align: center;}

.popup_content_box .tb_basic {width: 100%; border-top: 2px solid #383f51; border-bottom: 1px solid #e1e1e1; background: #fff;}
.popup_content_box .tb_basic table {width: 100%; }
.popup_content_box .tb_basic table thead th {height: 41px;padding: 6px;border: 1px solid #e1e1e1;border-right: 0; background: #f5f5f5; color: #666;font-size:16px;font-weight: 400;text-align: center; vertical-align: middle; }
.popup_content_box .tb_basic table thead th:first-child {border-left:0;}
.popup_content_box .tb_basic table thead td {height: 41px;padding: 6px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;vertical-align: middle; }
.popup_content_box .tb_basic table tbody th {height: 41px;padding: 6px 6px 6px 15px; border: 1px solid #e1e1e1;border-bottom: 0; text-align: left; border-right: 0;color:#333;font-size:16px; font-weight: 400; background: #f5f5f5; vertical-align: middle; }
.popup_content_box .tb_basic table tbody td {white-space: normal; height: 41px;padding: 6px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0; color:#666; font-size:14px; vertical-align: middle; font-weight: 400;vertical-align: middle; }
.popup_content_box .tb_basic table tbody td a {color: #666;}
.popup_content_box .tb_basic table tbody td a:hover {color:#2276cc;}
.popup_content_box .tb_basic table tbody td:first-child {border-left:0;}
.popup_content_box .tb_basic table tr:first-child th {border-top: 0; }
.popup_content_box .tb_basic table tr:first-child td {border-top: 0; }
.popup_content_box .tb_basic table tbody th:first-child {border-left:0;}
.popup_content_box .tb_basic table tbody td:first-child {border-left:0;}
.popup_content_box .tb_basic table tbody tr.td_center td {text-align: center;}
.popup_content_box .tb_basic .scroll {width: 100%; height:auto; max-height:443px; overflow:hidden; overflow-y: auto;}
.popup_content_box .tb_inner_list li {color:#666; font-size:14px; font-weight: 400;}
.popup_content_box .tb_inner_list li + li {margin-top: 8px;}
.popup_content_box .textarea_wrap {width:100%; height:100%;}
.popup_content_box .textarea_wrap textarea {height:100%; box-sizing: border-box}
.popup_content_box h4 {padding:18px 0 8px 0; color:#383f51; font-size:16px; font-weight: 400;}

.map_popup_wrap.roaddanger {width:560px; height: 400px;}
.map_popup_wrap.roaddanger .map_popup {box-shadow: none;}
.map_popup_wrap.roaddanger .map_popup:after {position: absolute; left:50%; bottom:-37px; margin-left:-38px; width:76px; height: 37px; background: url('../../images/renewal/sub/bg_map_popup.png') 0 0 no-repeat; content: '';}

.map_popup_wrap.incident {width:560px; height: 270px; margin-top: -335px;}
.map_popup_wrap.incident .map_popup {box-shadow: none;}
.map_popup_wrap.incident .map_popup:after {position: absolute; left:50%; bottom:-37px; margin-left:-38px; width:76px; height: 37px; background: url('../../images/renewal/sub/bg_map_popup.png') 0 0 no-repeat; content: '';}
.map_popup_wrap.incident .popup_content_box h4 {padding-top: 0;}

.legend_content_list_wrap {display: block; width:100%; height:106px; padding:16px 18px 14px 18px; border-bottom: 1px solid #dddddd;}
.legend_content_list {width:100%; height: auto;}
.legend_content_list li {position: relative; float: left; width:80px; height:15px; margin-bottom:15px;}
.legend_content_list li a {display: block;font-size: 14px; color: #666; line-height: 15px;}
.legend_content_list li .item {display:inline-block; float: left; margin-right:2px; width:15px; height:15px;}
.legend_content_list li .item.item01 {background: #ff6053;}
.legend_content_list li .item.item02 {background: #ffb233;}
.legend_content_list li .item.item03 {background: #ffea3a;}
.legend_content_list li .item.item04 {background: #8ac249;}
.legend_content_list li .item.item05 {background: #449af1;}
.legend_content_list li .item.item06 {background: #92278f;}
.legend_content_list li .item.item07 {background: #ffd5b3;}
.legend_content_list_wrap p {font-size: 12px; color: #ff6053; text-align: center;}

a.roaddanger_linkbox {display: block; padding-left: 10px; padding: 10px 0 10px 10px; /* background: url('../../images/renewal/sub/bg_roaddanger_list.png') 9px center no-repeat; */} 
a.roaddanger_linkbox img{display: block; padding: 5px 10px 10px 0px; float:left;}
a.roaddanger_linkbox > p {font-size: 12px; color: #2276cc; text-align: left;}
a.roaddanger_linkbox > p.title {margin-bottom:7px; font-size: 14px; color: #383f51;}

.lnb_tabmenu_contents .tab_menu_wrap {padding: 0;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu {border-bottom:1px solid #dddddd;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu li {margin: 0; width:170px; height:50px;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu li:first-child {width:170px; border-right:1px solid #dddddd;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu li a {border:0;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu li a span {font-size: 16px;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_content_box {padding: 0; margin: 0; border:0;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_content_box .tab_content {text-align: left;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_content_box .lnb_searchbox .inp_box label {width:90px;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_content_box .lnb_searchbox .inp_box .label_title {width:80px;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_content_box .lnb_searchbox .inp_box input[type=text] {width:200px;}

.lnb_tabmenu_contents .tab_menu_wrap .tab_menu.col04 {margin-top: -19px; border-top:1px solid #dddddd;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu.col04 li {width:60px;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_menu.col04 li:not(:first-child) {border-right:1px solid #dddddd;}
.lnb_tabmenu_contents .tab_menu_wrap .tab_content_box.incident {height: 550px;}


.tab_button_box {width:230px; height: 30px; float: left;}
.tab_button_box .tab_button {float: left; width:96px; height: 30px; border:1px solid #dddddd; color:#333; font-size:14px; font-weight:400; border-radius: 4px; line-height:28px; text-align:center;
							background: -moz-linear-gradient(top, #f3f3f3 0%, #eeeeee 50%, #e7e7e7 100%);
							background: -webkit-linear-gradient(top, #f3f3f3 0%,#eeeeee 50%,#e7e7e7 100%);
							background: linear-gradient(to bottom, #f3f3f3 0%,#eeeeee 50%,#e7e7e7 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e7e7e7',GradientType=0 );}
.tab_button_box .tab_button.active {color: #2276cc; border-color: #2276cc;} 
.tab_button_box .tab_button:first-child {width:96px; margin-right: 8px;}
.tab_button_content_wrap .tab_button_content {display: none; position: relative; background: #f5f5f5;}
.tab_button_content_wrap .tab_button_content.active {display: block;}

.road_result_list {width: 100%; max-height:431px; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; background: #fff; overflow:hidden; overflow-y: auto;}
.road_result_list li {height: 33px;}
.road_result_list li a {display: block; width:100%; height:100%; padding-left: 10px; font-size: 14px; color: #383f51; font-weight:400; line-height: 32px;}
.road_result_list li a:hover, .road_result_list li a:focus {color: #2276cc; background: #f3f3f3;}
.road_result_list li + li {border-top: 1px solid #e1e1e1;}

.road_result_list02 {width: 100%; max-height:480px; border-top: 1px solid #2276cc; border-bottom: 1px solid #e1e1e1; background: #fff; overflow:hidden; overflow-y: auto;}
.road_result_list02 li {height:auto;}
.road_result_list02 li .result_box p {padding:10px 0 10px 10px; font-size: 14px; color: #666666; font-weight:400; line-height:18px; letter-spacing: -0.5px;}
.road_result_list02 li .result_box p.date {padding:0 0 0 10px; height:33px; border-bottom: 1px solid #e1e1e1; color: #2276cc; font-weight:600; line-height:32px; vertical-align: middle;}
.road_result_list02 li .result_box p.date > a {display: inline-block; width:70px; height: 22px; margin-left:9px; color:#fff; font-size:12px; background: #2276cc; line-height:22px; text-align: center;  vertical-align: middle;}
.road_result_list02 li + li {border-top: 1px solid #e1e1e1;}

.road_result_list03 {width: 100%; height:auto; max-height:450px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; overflow:hidden; overflow-y: auto;}
.road_result_list03 li {height: 33px;}
.road_result_list03 li a {float: left; display:inline-block; width:auto; height:100%; padding-left: 10px; font-size: 14px; color: #383f51; font-weight:400; line-height: 32px;}
.road_result_list03 li a:hover, .road_result_list03 li a:focus {color: #2276cc;}
.road_result_list03 li + li {border-top: 1px solid #e1e1e1;}
.road_result_list03 li .btn_cctv_view {float: right; display:inline-block; margin-right:20px; width:auto; height:100%; padding:0 10px;}
.road_result_list03 li .btn_cctv_view > span {display: inline-block; height: 32px; width:28px; overflow: hidden; font-size: 0; text-indent: -9999px; background: url('../../images/renewal/sub/ico_movie.png') center center no-repeat;}

.result_wrap {display:none; position:absolute; top:-14px; left:19px; width:321px; height:auto; max-height:480px; border-top:1px solid #2276cc; background:#fff; overflow:hidden; overflow-y: auto;}
.result_wrap.active {display: block;}
.result_wrap .result_title {padding: 15px 0; margin-bottom:10px; border-bottom:1px solid #2276cc;}
.result_wrap .result_title h5 {margin-bottom:7px; font-size: 15px; color: #383f51; font-weight:600;}
.result_wrap .result_title p {font-size: 14px; color: #383f51; font-weight:400;}

.traffic_info .down{width:150px; float: left;}
.traffic_info .up{width:150px; float: right;}
.traffic_info dl{ width:100%; height:90px; margin-bottom:10px; background:#ffffff; padding:15px 8px;border:1px solid #e1e1e1;}
.traffic_info dl:after{content:'';clear:both;display:block}
.traffic_info dl dt{float:left; margin:3px 5px 3px 0; font-size:12px;  color:#666; font-weight:400; letter-spacing: -0.5px;}
.traffic_info dl dd{float: right;margin:3px 0; font-size:12px;  color:#666; font-weight:600; letter-spacing: -0.5px; text-align: right;}
.traffic_info dl dd .t_red {color: #ff473a;}

.traffic_info li{margin-bottom:10px; height: 13px;}
.traffic_info .down li {text-align: right; padding: 0 10px;}
.traffic_info .up li {text-align: left; padding: 0 10px;}
.traffic_info li a{display:block;font-size:13px;text-align:center; font-weight:400; text-decoration:none}
.traffic_info li.bluebox{height:34px; background:#eeeeee; border:1px solid #2276cc}
.traffic_info li.bluebox a{color:#2276cc; line-height:32px;}
.traffic_info li.graybox{height:34px;line-height:30px; background:#fff; border:1px solid #dddddd}
.traffic_info li.graybox a{color:#444444; line-height:32px;}
.traffic_info li span.data_position {display:inline-block;font-size:12px; font-weight: 400;}
.traffic_info  li .ico_box {display:inline-block; float: right; margin-left:10px;  width:15px; height: 13px; background: #028625  url('../../images/renewal/sub/bg_ico_box_down.png') 0 0 no-repeat; font-size: 0; overflow: hidden; text-indent: -9999px;}
.traffic_info .up li .ico_box {float: left;  margin-left:0;  margin-right:10px;  background-image: url('../../images/renewal/sub/bg_ico_box_up.png');}
.traffic_green{color:#028625}
.traffic_yellow{color:#a76403}
.traffic_red{color:#e20909}
.data_position.traffic_green .ico_box {background-color:#028625}
.data_position.traffic_yellow .ico_box {background-color:#a76403}
.data_position.traffic_red .ico_box {background-color:#e20909}

.data_box_wrap.region {position: relative;}
.data_box_wrap.region .road_result_list {max-height: 350px}
.data_box_wrap.region .result_wrap {max-height: 350px}

.traffic_infobox {position: static; height:490px; left:auto; bottom:auto;}
.incident_infobox {position: static; height:530px; left:auto; bottom:auto;}
.incident_infobox .tb_info table tr td {border-left: 1px solid #dddddd;}
.danger_infobox {position: static; height:480px; margin-top:-19px; left:auto; bottom:auto;}
.danger_infobox .scroll {height: 350px; overflow: hidden; overflow-y: auto;}


@media all and (max-width:1600px){
	.map_top_menu .control_selbox select {width:110px; padding-right: 20px; font-size:12px;}
	.map_top_menu .control_selbox select.wd100 {width:80px !important;}
	.map_top_menu .control_selbox input[type=text] {width:120px; padding: 0 10px;}
	.map_top_menu .control_selbox .btn_search {width:50px;}
	.mapview_wrap .mapview .map_wrap .map {height: calc(100% - 90px);}
	.map_top_menu {height: auto;}
	.map_top_menu:after{content:'';clear:both;display:block}
	.map_top_menu .control_selbox {float: left; margin-top: 10px; width:100%; text-align: left;}
	.map_tool {top:5px;}
}

@media all and (max-width:1440px){
	.map_top_menu .control_selbox select {width:110px; padding-right: 20px; font-size:12px;}
	.map_top_menu .control_selbox select.wd100 {width:80px !important;}
	.map_top_menu .control_selbox input[type=text] {width:120px; padding: 0 10px;}
	.map_top_menu .control_selbox .btn_search {width:50px;}
	.map_tool {width:100%; left:18px;}
	.map_tool button + button {margin:2px;}
	.map_tool button {margin: 2px;}
}

@media all and (max-width:1280px){
	.map_top_menu .control_selbox select {width:110px; padding-right: 20px; font-size:12px;}
	.map_top_menu .control_selbox select.wd100 {width:80px !important;}
	.map_top_menu .control_selbox input[type=text] {width:120px; padding: 0 10px;}
	.map_top_menu .control_selbox .btn_search {width:50px;}
}

/*소스추가부분 2018-11-22-박준영*/
.sub_container h3 {padding-left:11px; font-size:24px; color:#2276cc; line-height:28px; border-left:5px solid #2276cc;}

.infosearchbox_wrap .tb_basic2 {margin-top:22px; width: 100%; background: #fff;}
.infosearchbox_wrap .tb_basic2 ul li{margin-top:20px;}
.infosearchbox_wrap .tb_basic2 ul li span{font-size:16px;color:#2276cc;}
.text_warp {margin-top:80px;}
.text_right {text-align:right;}
.text_right b{font-size:16px; color:#666;}


.tb_basic3{margin-top:20px;}
.sect > .history{margin-top:10px;padding:0;border-top:1px solid #ccc;}
.sect > .history li{background:none;padding:0;}
.sect > .history > li{display:block;overflow:hidden;width:100%;margin:0;border-bottom:1px solid #ccc;}
.sect > .history > li > p{display:block;float:left;width:80px;color:#2276cc;font-size:25px;font-weight:200;}
.sect > .history > li > ul{float:left;}
.sect > .history > li > ul > li{display:block;overflow:hidden;width:700px;padding:10px 0;line-height:20px;border-top:1px dashed #ccc;}
.sect > .history > li > ul > li:first-child{border:none;}
.sect > .history > li > ul > li > span{display:block;float:left;width:30px;color:#000;}
.sect > .history > li > ul > li > strong{display:block;float:left;width:600px;color:#555; font-weight:normal;}
.sect > .history > li > ul > li > strong > span{display:block;padding-left:10px;}
.year {margin-top:10px}

.num2 {position: absolute; top:12px; left:20px; width:27px; height: 27px; background:#2276cc;font-size: 13px; text-align: center; line-height: 27px; border-radius: 50%; color:#fff !important; }
.margin_box {margin-top:50px;}


.sec{position:relative; margin-bottom:100px;}
.sec-title{text-align:left;border-left:5px solid #ffc000;padding-left:14px; font-size:30px;line-height:1; font-weight:400; margin:0 auto 25px;max-width:1200px;}
.list-title { text-indent: 15px; position: relative; font-size: 18px; font-weight: 500; margin-bottom: 20px; margin-top: 50px; text-align: left; }
.table-contact { width: 100%; border-spacing: 0; }




/* 오시는길*/
.promotionMapTemp .mapArea {width:100%; border:1px solid #ccc;  height:500px;}

.cntArea *{box-sizing:border-box;}

.formTableWrap{ margin:20px 0;}
.formTableWrap table { width:100%; border-top:1px solid #2276cc;}
.formTableWrap table th, .formTableWrap table td { border:1px solid #d3d4d8; border-top:none; padding:10px 10px; min-height:45px; font-size:14px; }
.formTableWrap table th{ width: 16.83%;  background-color:#f5f6f7; text-align:right; padding-right:30px; color:#222222; font-weight:400; }
.formTableWrap table tr td:first-child,
.formTableWrap table tr th:first-child{ border-left:none;}  /*좌우 테두리 없애기*/
.formTableWrap table tr td:last-child,
.formTableWrap table tr th:last-child{ border-right:none;}
.formTableWrap table tr td ul li {margin:10px 0 10px 0;}


.text_01 {float: left; height: 29px; padding: 0 10px; font-size: 13px; }
.text_01 input { width:510px !important;}
.text_02 input { width:660px !important;}



.Page {margin-top: 50px; text-align:center}
.Page .pagination {display:inline-block;}
.Page .pagination li {display:inline-block;}
.Page .active .page-link {z-index: 1; color: #fff; background-color: #2276cc;}
.Page .page-link {border: none; color: #000; padding: 0.75rem 1rem;}

.h_color{background:#CCC !important;}
.btn_graph2 {display: inline-block; width:20px; height: 23px; background:url('../../images/renewal/sub/bg_btn_ch.png') no-repeat 0 0;  overflow: hidden; font-size: 0; text-indent: -9999px; }
.btn_area_sent {margin-top:10px; }
.btn_area_sent a {float:right; margin-left:10px;}




.tb_Write {width: 100%; border-top: 2px solid #383f51; border-bottom: 1px solid #e1e1e1; background: #fff;}
.tb_Write table {width: 100%; }
.tb_Write table thead th {height: 41px;padding: 6px;border: 1px solid #e1e1e1;border-right: 0; background: #f5f5f5; color: #666;font-size:16px;font-weight: 400;text-align: center; vertical-align: middle; }
.tb_Write table thead th:first-child {border-left:0;}
.tb_Write table thead td {height: 41px;padding: 6px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0;vertical-align: middle; }
.tb_Write table tbody th {height: 41px;padding: 6px 6px 6px 15px; border: 1px solid #e1e1e1;border-bottom: 0; text-align: left; border-right: 0;color:#333;font-size:16px; font-weight: 400; background: #f5f5f5; vertical-align: middle; }
.tb_Write table tbody td {height: 41px;padding: 6px; border: 1px solid #e1e1e1;border-bottom: 0;border-right: 0; color:#666; font-size:14px; vertical-align: middle; font-weight: 400;}
.tb_Write table tbody td a {color: #666;}
.tb_Write table tbody td a:hover {color:#2276cc;}
.tb_Write table tbody td:first-child {border-left:0;}
.tb_Write table tr:first-child th {border-top: 0; }
.tb_Write table tr:first-child td {border-top: 0; }
.tb_Write table tbody th:first-child {border-left:0;}
.tb_Write table tbody td:first-child {border-left:0;}
.tb_Write table tbody tr.td_center td {text-align: center;}
.tb_Write .scroll {width: 100%; height:auto; max-height:443px; overflow:hidden; overflow-y: auto;}



.use_view { border-top:solid 2px #2793db; margin-bottom:24px; }
.use_view table {width:100%;}
.use_view table th { color:#424242; text-align:center; font-weight:bold; line-height:43px; background:url("../../images/renewal/sub/th_bar.gif") right 48% no-repeat; }
.use_view table td { padding:0 0 0 19px; }
.use_view table td img {vertical-align:middle;}
.use_view table td.con { border-top:solid 1px #d7d7d7; padding:22px 20px; }
.use_view table tr.thum { border-bottom:solid 1px #d7d7d7; background:#f7f7f7; line-height:21px;}
.use_view table tr.thum td { padding:5px 0 5px 19px; }
.use_view table tr.thum td img {margin-right:5px;}
.use_view table td.th_bg{background:url("../../images/renewal/sub/th_bar.gif") right 48% no-repeat; }
.use_view table tr.bb{border-bottom:solid 1px #d7d7d7; }
.use_view table tr.bb2{border-bottom:solid 1px #d7d7d7; border-top:1px solid #d7d7d7;}


/*소스추가부분 끝 2018-11-22-박준영*/


.tab_menu_wrap_s {padding: 0 7px; }
.tab_menu_wrap_s .tab_menu:after {content:'';clear:both;display:block}
.tab_menu_wrap_s .tab_menu li {width:180px; height: 35px; margin-left: 5px; margin-bottom: 5px; float: left;}
.tab_menu_wrap_s .tab_menu li a {display: table; width:100%; height: 100%; border:1px solid #aaaaaa; background: #fff;}
.tab_menu_wrap_s .tab_menu li a span {display: table-cell; width:100%; height: 100%; font-size:14px; color:#666; vertical-align: middle; text-align: center;}
.tab_menu_wrap_s .tab_menu li.active a {border:1px solid #2276cc; background: #2276cc;}
.tab_menu_wrap_s .tab_menu li.active a span {color: #fff;}
.tab_menu_wrap_s .tab_menu li a:hover {border:1px solid #2276cc; background: #2276cc;}
.tab_menu_wrap_s .tab_menu li a:hover span {color: #fff;}
.tab_menu_wrap_s .tab_menu li a:focus {border:1px solid #2276cc; background: #2276cc;}
.tab_menu_wrap_s .tab_menu li a:focus span {color: #fff;}
.tab_content_box_s {margin: 20px 0 0 0; padding: 10px 0; border-top: 3px solid #484848;}
.tab_content_box_s .tab_content {display: none; }
.tab_content_box_s .tab_content.active {display: block;}


.service01 { width:100%; position:relative; padding-bottom:40px;height:250px; border-bottom:1px solid #aaaaaa; margin-top:20px;}
.service01 .m_img{ float:left;}
.service01 .n_con {position:absolute;top:0px;left:590px; }
.service01 .n_con .tit {font-size:16px; font-weight:600; letter-spacing:-1px; line-height:22px; color:#2276cc; }
.service01 .n_con .txt {padding-top:7px; line-height:20px; width:95%; display:block;}



.service02{width:720px;margin:0 auto}
.service02 .introduce{padding:20px 0 0 250px; margin-top: 50px; height:363px;background:url('../../images/renewal/sub/alrim_e_2.png') no-repeat 0 0}
.service02 .introduce li{font-size:13px;margin-bottom:5px}
.service02 .mservice li{float:left;width:210px;text-align:center;margin-right:45px;margin-bottom:30px}
.service02 .mservice li.last{margin-right:0}
.service02 .mservice li.lastmb{margin-bottom:0}
.service02 .mservice li h5{margin-bottom:10px}
.service02 .mservice li p{margin-bottom:20px}
.service02 .phone li{float:left;width:323px;margin-right:74px;margin-bottom:30px}
.service02 .phone li.last{margin-right:0}
.service02 .phone li.lastmb{margin-bottom:0}
.utic_img{margin:auto; background:#f8f8f8;  text-align:center;}
.btn_box {width:150px; height:40px; background:#2276cc; margin:auto;}
.btn_box a {text-align:center;color:#FFF;margin:auto; display:block;padding-top:10px;}


.tb_basic_g {margin-top:22px; width: 100%; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; background: #fff;}
.tb_basic_g table {width: 100%; }
.tb_basic_g table thead th {height: 43px;padding: 5px 10px;border: 1px solid #e1e1e1; background: #f5f5f5;color: #666;font-size:14px;font-weight: 400;text-align: center; vertical-align: middle; }

.tb_basic_g table thead td {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;text-align: left;vertical-align: middle; }
.tb_basic_g table tbody th {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;color:#666;font-size:14px; text-align: center;vertical-align: middle; }
.tb_basic_g table tbody td {height: 35px;padding: 5px 10px;border: 1px solid #e1e1e1;border-bottom: 0;color:#666; text-align: center; font-size:13px; vertical-align: middle; }
.tb_basic_g table tbody td a {color: #666;}
.tb_basic_g table tbody td a:hover {color:#2276cc;}
.tb_basic_g table tbody td:first-child {}
.tb_basic_g table tr:first-child th {border-top: 0; }
.tb_basic_g table tr:first-child td {border-top: 0; }

.tb_basic_g table .dataInfo td:first-child {border-top: 0; background: #f5f5f5; border: 1px solid #e1e1e1;}
.tb_basic_g table .dataInfo td:nth-child(3) {border-top: 0; background: #f5f5f5; border: 1px solid #e1e1e1;}
.tb_basic_g table .dataInfo td {text-align:left;}

.tb_basic_g table .dataInfo2 th {border-top: 0; background: #f5f5f5; border: 1px solid #e1e1e1;}

.tb_basic_g table .textArea td:first-child {text-align:center; border-top: 0; background: #f5f5f5; border: 1px solid #e1e1e1;}
.tb_basic_g table .textArea td {text-align:left;}
/* .tb_basic_g table tbody td #textArea {text-align:left ; font-family: 'NanumSquare' !important} */


.utic_tex{text-align:right; margin-top:10px;}
.utic_tex_c{color:#900;}
.text_05{margin-left:80px;}
.ge_box {margin-top:26px; }
.ge_box ul{margin-top:20px;}
.ge_box ul li{margin-top:10px;}
.text_ge{text-align:center; display:block;padding-top:40px; font-size:16px;}
.text_ge{text-align:center;}
.text_geimg{text-align:center;}
.ge_box2 { margin-bottom:20px;}
.ge_box2 ul{margin-top:10px;}
.btn_boxarea{margin-top:30px;}
.searchbox_new {height:45px; border-top:1px solid #e1e1e1;}
.infosearchbox .searchbox_new + .searchbox {height:45px; padding-left:22px; border-top:1px solid #e1e1e1;}
.infosearchbox .searchbox_new .inp_box {display: inline-block; float:left; }
.infosearchbox .searchbox_new .inp_box:last-child {padding-right: 0;}
.infosearchbox .searchbox_new .inp_box > label {display: block; float: left; width:80px; border-right:1px solid #e1e1e1; background: #f5f5f5; font-size: 14px; color:#666; text-align: center; line-height: 44px;}
.infosearchbox .searchbox_new .inp_box select {float: left; margin:7px 25px 7px 10px; min-width:100px; height: 29px; padding: 0 25px 0 10px; font-size: 13px; color:#666; border:1px solid #aaaaaa; background: url('../../images/renewal/common/ic_arrow_down02.png') right center no-repeat;}
.infosearchbox .searchbox_new .inp_box > span {float: left; font-size: 14px; color:#666;  line-height: 44px;}
.infosearchbox .searchbox_new .inp_box select + span {margin-left: -20px;}
.infosearchbox .searchbox_new + .searchbox .inp_box {border-right:0;}
.infosearchbox .searchbox_new + .searchbox select {min-width:auto;}
.infosearchbox .searchbox_new input[type=text] {float: left; width:95px; height: 29px; padding: 0 10px; margin:7px 10px 7px 0; font-size: 13px; line-height:27px; border:1px solid #aaaaaa; margin-left:10px;}
.infosearchbox .searchbox_new .inp_box > span + input[type=text] {margin-left: 10px;}
.infosearchbox .searchbox_new .inp_box .radiobox:last-child {margin-right: 10px;}
.infosearchbox  + .btn_area {margin: 20px 0 50px 0;}


.infopop {width:900px; height: 400px;}
.infopop .map_popup {box-shadow: none;}
.infopop .map_popup:after {position: absolute; left:50%; bottom:-37px; margin-left:-38px; width:76px; height: 37px;content: '';}
.infopop .popup_content_box h4 {padding-top: 0;}
.btn_area_sent2 {margin-top:10px;text-align:center; padding-bottom:40px; }
.btn_area_sent2 a {margin:auto; text-align:center; margin-left:10px;}

.text_03 input[type=radio] {
	margin-left: 10px;
	vertical-align: middle;	
}