@charset "utf-8";
/* Reset */
* {box-sizing:border-box;}
html,body{width:100%;height:100%;padding:0px; margin:0px;background:#e8edf4;}
body {font-size:14px;font-family:'Nanum Barun Gothic',Helvetica,sans-serif;line-height:100%;letter-spacing:-1px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;line-height:100%;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {font-size:18px;padding:10px;text-align:left;color:white;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}
button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}
article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* 키보드로 버튼에 포커스 시 */
button:focus-visible {
 outline: 3px solid rgb(255, 168, 168);
 box-shadow: 0 0 0 5px black;
}
a:focus-visible {
 outline: 3px solid rgb(255, 168, 168);
 box-shadow: 0 0 0 5px black;
}

/*주차장 상세정보*/
.parkInfo{ 
	font-size: 18px;
    padding: 10px;
    width: 101px;
    text-align: left;
    font-weight: normal;
 }
.detailInfo{
    border: solid 1px #293347;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    z-index:100;
    padding-left: 45px;
    padding-right: 45px;
 }  
.detailFix{
    border: solid 1px #293347;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    z-index:100;
 }  
.detailInfo:hover{
 	cursor: pointer;
    border: solid 1px rgb(0, 174, 255);
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    padding-left: 45px;
    padding-right: 45px;
 } 
 .popOnHeader{
    font-size: 18px;
    position: relative;
    line-height: inherit;
    height: 100%;
    font-weight: 300;
 }
 
 /*주차장 Pop*/
 



/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}

/* float */
.f_left{float:left!important}
.f_right{float:right!important}
.clear{clear:both!important}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th {text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/* float 해제 */
.f-clear:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear {display:block; }

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(../font/NanumBarunGothicLight.eot);
  src: url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicLight.woff) format('woff'),
       url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(../font/NanumBarunGothicBold.eot);
  src: url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicBold.woff) format('woff'),
       url(../font/NanumBarunGothicBold.ttf) format('truetype');
}
/*에러 CSS*/
#error{width:100%;height:100%;background:#eee;position:relative;} 
#error #errorBox{background:#fff;width:500px;height:250px;position:absolute;left:37%;top:30%; border-color: #fff;border:thick double #32a1ce;}

input[type="text"],input[type="tel"], input[type="number"], input[type="date"], input[type="password"] { border-radius:6px;-webkit-appearance:none;height:70px;width:400px;padding-left:35px;line-height:66px;font-size:32px;letter-spacing:0;background-color:#e6e6e6;border:solid 2px #e6e6e6;color:#626263;font-weight:bold;}
input::-webkit-input-placeholder {font-size:32px;color:#626263;line-height:66px;}
select {-webkit-appearance:none;appearance:none;width:100%;height:50px;padding:0 48px 0 20px;border:0;font-size:14px;color:#fff;line-height:48px;border-radius:0;background:#fff url("../images/select_arrow.png") right 17px top 50% no-repeat;}
select::-ms-expand {display: none;}
textarea {-webkit-appearance:none;padding:5px;border:solid 1px #d1d1d1;font-size:16px;}
textarea::-webkit-input-placeholder {color:#cbcbcb;}

input[type=radio] {display:none;position:absolute;overflow: hidden;clip: rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=radio] + label.rdo_label {padding-left:24px;height:18px;display:inline-block;line-height:18px;font-size:14px;color:#464646;vertical-align:middle;cursor:pointer;background:url("../images/icon_radio.png") 0 0 no-repeat;}
input[type=radio]:checked + label.rdo_label {background-position:0 -30px;}
/* 
input[type=checkbox] {display:none;position: absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
input[type=checkbox] + label.chk_label {display:inline-block;height:39px;padding-left:55px;background:url("../images/icon_checkbox.png") 0 0 no-repeat;font-size:26px;line-height:39px;color:#363636;font-weight:400;vertical-align:middle;cursor:pointer;}
input[type=checkbox]:checked + label.chk_label {background-position:0 -50px;}
 */
.skiptoContent {display:none;} 

/*layout*/
#wrap {position:relative; width: 100%;}
.inner_ly {position:relative;width:1200px;margin:0 auto;}

/* header css */
header {position:relative;height:110px;background-color: #fff;border-bottom: solid 1px #c9d4e4;}	
header .topUtil {height:36px;background-color:#1c449c;}
header .header_inner .siteMapLink {position:absolute;top:-34px;right:0;display:inline-block;padding-left:27px;background:url("../images/header_menu.png") 0 center no-repeat;font-size:12px;color:#fff;line-height:30px;}
header .header_inner .siteContentLink {position:absolute;top:-34px;right:200px;display:inline-block;padding-left:15px;font-size:12px;color:#fff;line-height:30px;}
header .header_inner .siteMenuLink {position:absolute;top:-34px;right:100px;display:inline-block;padding-left:15px;font-size:12px;color:#fff;line-height:30px;}
header .header_inner {position:relative; width:1200px; height:74px; margin:0 auto;}
header .logo {position:absolute; top:0; left:0; height:75px;}
header .logo .link {display:block;width:285px;height:75px;background:url("../images/topLogo.png") 0 center no-repeat;}
header .logo .link .logospan {position:absolute;right:9999px;}
nav {position:absolute; right:0; transition:none}
nav .navtoggle {display:none}

nav .innerset {position:relative}
nav .innerset .navlist {position:relative; top:0; right:0;}

nav .navlist {display:inline-block; vertical-align: middle; font-size:0;}
nav .navlist > li {position:relative; display:inline-block; float:left}
nav .navlist > li + li {margin-left:50px;}
nav .navlist > li > a {position:relative; display:block; height:75px; line-height: 75px; z-index: 10; font-size: 19px; font-weight: 700;}

nav .navlist > li.on > a,
nav .navlist > li > a:hover {color:#1c449c}

nav .dp2 {position:absolute; z-index: 10; top:0; left:50%; padding:62px 0 0 0; visibility: hidden; opacity: 0}
nav .dp2 > li {text-align:center;background:#293347;}
nav .dp2 > li > a {display:block; white-space: nowrap; padding:15px 40px; font-size:14px;color: #fff;}
nav .dp2 > li > a:hover {background:#1c449c;}

nav .navlist > li.on .dp2 {visibility: visible; opacity: 1; transition:all .2s ease}

footer {padding:23px 0 35px;}
footer .footerLogo {float:left;padding-right:90px;}
footer dl dt {font-size:14px;line-height:20px;color:rgba(18,18,18,0.5);}
footer dl dd {font-size:12px;line-height:20px;color:rgba(18,18,18,0.5);}
.sub footer {border-top:solid 1px #ddd; background: #e8edf4;}
.waLink {position:absolute;bottom:-22px;right:30px}
/* 팝업 div */

#divContent {width:100%;min-height: 476px;}
#gumiGnb {display:inline-block;}
.mapWrap .mapMenu h3 {position:absolute;right:9999px;}
.mainContent {position:relative;}
.mainContent .mapWrap {position:relative;width:100%; border-bottom: solid 1px #293347;}
.mainContent .mapWrap .fold_btn {position: absolute; left: 50%; margin-left: -31px; width: 62px; height: 20px;z-index:99;}
.mainContent .mapWrap .fold_btn a.up {font-size: 0; display: block; margin-top: -20px; height: 20px; background: url("../images/main_map_btn_up.png") no-repeat;}
.mainContent .mapWrap .fold_btn a.dn {font-size: 0; display: block; height: 20px; background: url("../images/main_map_btn_dn.png") no-repeat;}
.mainContent .mapWrap .mapArea {width:100%;height:590px;overflow:hidden;}
.mainContent .mapWrap .mapMenu {position:absolute;top:5px;left:5px;z-index:99;}
.mainContent .mapWrap .mapMenu ul li {width:64px;height:64px;padding-top:40px;text-align:center;cursor:pointer;}
.mainContent .mapWrap .mapMenu ul li span {font-size:12px;font-weight:400;color:#fff;}
.mainContent .mapWrap .mapMenu ul li.m01 {background:#f1554c url("../images/mapMenu_icon_01.png") no-repeat;}
.mainContent .mapWrap .mapMenu ul li.m02 {background:#CD853F url("../images/mapMenu_icon_02.png") no-repeat;}
.mainContent .mapWrap .mapMenu ul li.m03 {background:#1c449c url("../images/mapMenu_icon_03.png") no-repeat;}
.mainContent .mapWrap .mapMenu ul li.m04 {background:#345e9e url("../images/mapMenu_icon_04.png") no-repeat;}
.mainContent .mapWrap .mapMenu ul li.m05 {background:#6886b8 url("../images/mapMenu_icon_05.png") no-repeat;}
.mainContent .mapWrap .mapMenu ul li.m06 {background:#CD853F url("../images/mapMenu_icon_06.png") no-repeat;}
.mainContent .mapWrap .mapMenu ul li.m01:hover {border: 2px solid red;}
.mainContent .mapWrap .mapMenu ul li.m02:hover {border: 2px solid red;}
.mainContent .mapWrap .mapMenu ul li.m03:hover {border: 2px solid red;}
.mainContent .mapWrap .mapMenu ul li.m04:hover {border: 2px solid red;}
.mainContent .mapWrap .mapMenu ul li.m05:hover {border: 2px solid red;}
.mainContent .mapWrap .mapMenu ul li.m06:hover {border: 2px solid red;}
.mainContent #trafficMainList {width:100%;height:100%;}
.mainContent #emptyTraffic{width:100%; height:100%; display: flex; align-items: center; justify-content: center; padding-left:0;}
.mainContent .infoWrap > ul {margin-top: 20px;}
.mainContent .infoWrap > ul > li {float:left;width:calc(33.33% - 20px);height:165px;padding:6px 20px;background-color:#fff;border:solid 1px #c9d4e4;}
.mainContent .infoWrap > ul > li + li {margin-left:30px;}
.mainContent .infoWrap > ul > li .head {position:relative;height:50px;}
.mainContent .infoWrap > ul > li .head h3 {line-height:50px;font-size:17px; font-weight: 700;display:block;}
.mainContent .infoWrap > ul > li .head > a > span {position:absolute;right:9999px;}
.mainContent .infoWrap > ul > li .head .bt_more {position:absolute;top:15px;right:0;display:block;width:20px;height:20px;background:url("../images/main_notice_btn_more.png") 0 0 no-repeat;}
.mainContent .infoWrap > ul > li .rollingOuter {height:90px;overflow:hidden;}
.mainContent .infoWrap > ul > li .noticeList li {font-size:14px; line-height:30px; color: #999;}
.mainContent .infoWrap > ul > li .noticeList li a {display: inline-block; vertical-align: middle; color: #000; width:calc(100% - 50px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mainContent .infoWrap > ul > li .rollingList li {position:relative;height:45px;font-size:14px;line-height:18px;padding-left:60px;}
.mainContent .infoWrap > ul > li .rollingList li a {display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mainContent .infoWrap > ul > li .rollingList li:before {position:absolute;top:9px;left:0;display:block;width:50px;line-height: 20px;color:#000;font-size:12px;text-align:center;border-radius:3px;}
.mainContent .infoWrap > ul > li .rollingList li.stop:before {content:"정체"; background-color:#F96160;}
.mainContent .infoWrap > ul > li .rollingList li.slow:before {content:"지체"; background-color:#ffa54e;}
.mainContent .infoWrap > ul > li .rollingList li span {position:absolute;top:9px;left:0;display:block;width:50px;line-height: 20px;color:#fff;font-size:12px;text-align:center;background-color:#1c449c;border-radius:3px;}

.mapContent .mapButton {position:absolute;top:-42.5px;right:45px;height:36px;border-radius:3px;border:solid 1px #aaa;z-index:100;}
.mapContent .mapButton .bt {float:left;difsplay:inline-block;padding:0 10px;color:#fff;height:36px;font-size:14px;line-height:34px;vertical-align:top;}
.mapContent .mapButton .bt.map:before {content: ""; width: 24px; height: 24px; display: inline-block;vertical-align: middle;background: url(../images/btn_icon_map.png) no-repeat; margin-right: 5px;}
.mapContent .mapButton .bt.roadList:before {content: ""; width: 24px; height: 24px; display: inline-block;vertical-align: middle;background: url(../images/btn_icon_text.png) no-repeat; margin-right: 5px;}


#wrap.sub {background: #fff; min-height: 100%;}

/* 교통정보 */
.mapUIWrap {position:relative; border-bottom: solid 1px #d4d4d4;}
 .mapUIWrap h1 {position:absolute;right:9999px;} 
 .mapUIWrap h2 {position:absolute;right:9999px;} 
 .mapUIWrap h3 {position:absolute;right:9999px;} 
 .mapUIWrap h4 {position:absolute;right:9999px;} 
 .mapUIWrap h5 {position:absolute;right:9999px;} 
.mapUIWrap .mapTop {height:50px;background-color:#293347;}
.mapUIWrap .mapTop dl a{cursor:default}
.mapUIWrap .mapTop dl dt {float:left;width:200px;height:50px;padding-left:10px;font-size:16px;color:#fff;line-height:50px;font-weight:700;}
.mapUIWrap .mapTop dl dt .hideShowButton {position:absolute;left:166px;top:14px;width:21px;height:21px;background:url("/images/btn_showhide.png") 0 0px no-repeat;font-size:0;line-height:0;z-index:101;}
.mapUIWrap .mapTop dl dt .hideShowButton.hide {background-position:0 -30px;}
.mapUIWrap .mapTop dl dd {float:right;margin:18px 200px 0 0;}
.mapUIWrap .mapTop dl dd span {display:inline-block;margin-right:5px;font-size:12px;color:#fff;}
.mapUIWrap .mapTop .commu_info {display:none;position:absolute;top:10px;left:200px;}
.mapUIWrap .mapTop .commu_info dl {float:left;background-color:rgba(255,255,255,0.1);border-radius:3px;}
.mapUIWrap .mapTop .commu_info dl dt {width:60px;height:auto;padding:7px 0;font-size:14px;line-height:normal;text-align:center;}
.mapUIWrap .mapTop .commu_info dl dd {float:left;margin:0 10px;}
.mapUIWrap .mapTop .commu_info dl dd span {display:inline-block;line-height:30px;vertical-align:middle;}
.mapUIWrap .mapTop .commu_info dl:nth-of-type(1) {margin-right:10px;}
.mapUIWrap .mapTop .commu_info dl:nth-of-type(1) dt {color:#1997ff;}
.mapUIWrap .mapTop .commu_info dl:nth-of-type(2) dt {color:#1997ff;}
.mapUIWrap .mapTop .commu_info dl:nth-of-type(3) dt {color:#ff5b1b;}
.mapUIWrap .mapTop .mapButton {position:absolute;top:7px;right:20px;height:36px;border-radius:3px;border:solid 1px #aaa;z-index:100;}
.mapUIWrap .mapTop .mapButton .bt {float:left;difsplay:inline-block;padding:0 10px;color:#fff;height:36px;font-size:14px;line-height:34px;vertical-align:top;}
.mapUIWrap .mapTop .mapButton .bt.map:before {content: ""; width: 24px; height: 24px; display: inline-block;vertical-align: middle;background: url(../images/btn_icon_map.png) no-repeat; margin-right: 5px;}
.mapUIWrap .mapTop .mapButton .bt.roadList:before {content: ""; width: 24px; height: 24px; display: inline-block;vertical-align: middle;background: url(../images/btn_icon_text.png) no-repeat; margin-right: 5px;}
.mapUIWrap .mapTop .trafficListM {display:none;}

.mapUIWrap .mapContent {position:relative;height:750px;background: #fff;}
.mapUIWrap .mapContent .mapArea {width:100%;height:100%}
.mapUIWrap .mapContent .mylocation {position:absolute;bottom:10px;right:10px;z-index:2}

.mapUIWrap .sideInfoList {position:absolute;top:0;left:0;width:200px;height:750px;background-color:#fff;;border-right:1px solid #d4d4d4;z-index:100;}
.mapUIWrap .sideInfoList .infoScroll {height:100%;overflow-y:auto;}
.mapUIWrap .sideInfoList .infoScroll .list {}
.mapUIWrap .sideInfoList .infoScroll .list li {padding:13px 0 13px 0;font-size:14px;color:#666;border-bottom:solid 1px #e5e5e5;}
.mapUIWrap .sideInfoList .infoScroll .list li:hover{background-color:#e8edf4 !important;}
.mapUIWrap .sideInfoList .infoScroll .list li:hover a{color:#000}
.mapUIWrap .sideInfoList .infoScroll .list li a {display:block;padding-left:28px;color:#666;background:url("../images/mainTraffic_sideMenu_icon_01.png") 7px 0 no-repeat;line-height:18px;background-size:16px 16px;}
.mapUIWrap .sideInfoList .infoScroll .list.cctv li a {background:url("../images/mainTraffic_sideMenu_icon_03.png") 8px center no-repeat;background-size:16px 16px;}
.mapUIWrap .sideInfoList .infoScroll .list.vms  li a {background:url("../images/mainTraffic_sideMenu_icon_04.png") 8px center no-repeat;background-size:16px 16px;}
.mapUIWrap .sideInfoList .infoScroll .list.control li a {background:url("../images/mainTraffic_sideMenu_icon_02.png") 8px center no-repeat;background-size:16px 16px;}

/*주차정보 list 아이콘*/
.mapUIWrap .sideInfoList .infoScroll .list.parking li a {background:url("../images/map_icon_pin.png") 5px center no-repeat;background-size:20px 20px;overflow-x: hidden;white-space: nowrap;text-overflow:ellipsis;}
.mapUIWrap .sideInfoList .infoScroll .list.parking li .comm_type {background:url("../images/map_icon_pin3.png") 5px center no-repeat;background-size:20px 20px;overflow-x: hidden;white-space: nowrap;text-overflow:ellipsis;}


.mapUIWrap .sideInfoList .infoScroll .noData {width:100%;text-align:center;line-height:40px;}
.mapUIWrap .sideInfoList .infoScroll .list.parking{height:550px;overflow-y:auto}
.mapUIWrap .sideInfoList .parkingInfo {width:100%; height:calc(100% - 550px); padding:0px 10px;border-top:solid 1px #d6d6d6;}
.mapUIWrap .sideInfoList .parkingInfo ul li {width:100%;margin-bottom:6px;}
.mapUIWrap .sideInfoList .parkingInfo ul li label,
.mapUIWrap .sideInfoList .parkingInfo ul li span {display:inline-block;}
.mapUIWrap .sideInfoList .parkingInfo ul li label {width:55px;height:25px;background-color:#7e90a8;font-size:11px;color:#fff;line-height:25px;text-align:center;border-radius:3px;vertical-align:top;}
.mapUIWrap .sideInfoList .parkingInfo ul li span {width:calc(100% - 65px);min-height:24px;margin-left:5px;padding-left:5px;border-bottom:solid 1px #d6d6d6;font-size:11px;line-height:18px;}
.mapUIWrap .sideInfoList .parkingInfo ul li:last-child span {border-bottom:0;}
.mapUIWrap .rollingWrap {width:199px;height:165px;background-color:#fff;}
.mapUIWrap .rollingWrap .rollingOuter {padding:10px 15px;width:199px;height:130px;overflow-y:hidden;}
.mapUIWrap .rollingWrap .rollingList li {position:relative;height:60px;padding:10px 0;font-size:12px;color:#333;border-bottom:solid 1px #e5e5e5;}
.mapUIWrap .rollingWrap .rollingList li dl dt {margin-bottom:8px;}
.mapUIWrap .rollingWrap .rollingList li dl dt span {display:inline-block;margin-left:10px;}
.mapUIWrap .rollingWrap .rollingList li .noti {position:absolute;top:10px;right:0;}
.mapUIWrap .rollingWrap .rollingList li .noti.slow {color:#fead0e;}
.mapUIWrap .rollingWrap .rollingList li .noti.good {color:#24b841;}
.mapUIWrap .rollingWrap .rollingList li .noti.stop {color:#d8240d;}

.mapUIWrap .mapContent .mapRoadList {padding:10px 20px 30px 220px; height:700px;overflow:auto}
.mapUIWrap .mapContent .mapRoadList .tableStyle {width:100%;background: #fff;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table {width:100%;border-top:solid 2px #333;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table thead {border-bottom:1px solid #000}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table thead th {height:50px}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td:nth-of-type(1) {width:45%;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td:nth-of-type(2) {width:45%;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td {padding:12px 10px 12px 10px;border-bottom:solid 1px #eee;color:#666;line-height:18px;text-align:center}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td span {display:inline-block;width:200px;text-align:right}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td span+span {position:relative;padding-left:25px;margin-left:10px;width:200px;text-align:left;text-overflow:ellipsis;word-wrap:normal;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td span+span:before {content:" \02192";position:absolute;top:0;left:0;color:#ff5b1b;font-size:16px;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic {display:inline-block;width:70px;height:25px;line-height:25px;border-radius:3px;background-color:#34517d;text-align:center;font-size:13px;color:#000;font-weight:400;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC0{background-color:#888888; font-weight: bold;}

.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC1{background-color:#008000; font-weight: bold;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC2{background-color:#FEAD02; font-weight: bold;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC3{background-color:#ED240D; font-weight: bold;}
/*
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC1{background-color:#009E73; font-weight: bold;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC2{background-color:#FFFF00; font-weight: bold;}
.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC3{background-color:#D55E00; font-weight: bold;}
*/
.mapUIWrap.statistic .mapTop {position:absolute;top:0;width:200px;z-index:100;}
.mapUIWrap.statistic .mapContent {top:0;height:800px}
.mapUIWrap.statistic .mapContent .sideInfoList {margin-top:50px;height:750px;}
.mapUIWrap.statistic .mapContent .hideShowButton {top:13px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList {padding:0 0 0 200px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea {position:relative;padding:20px;background-color:#e8e8e8;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea .mapButton {position:absolute;top:18px;right:20px;z-index:100;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea .mapButton .buttonGroup {display:inline-block;height:40px;border-radius:3px;border:solid 1px #434343;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea .mapButton .bt {float:left;display:inline-block;padding:0 15px;color:#fff;height:38px;font-size:14px;line-height:38px;vertical-align:top;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea .mapButton .bt.map {background-color:#51803d;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea .mapButton .bt.roadList {background-color:#34517d;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea .mapButton .staticBtn {display:inline-block;float:none;height:40px;margin-right:10px;background-color:#34517d;border-radius:3px;border:solid 1px #434343;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li {}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li label {display:inline-block;margin:0 0 0 3px;font-size:13px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li dl dt {margin-bottom:10px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li dl dd {padding-left:55px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .select {width:100px;height:35px;line-height:35px;padding:0 30px 0 10px;margin-left:10px;color:#333;border:solid 1px #ccc;background:#fff url("/images/select_arrow_small.png") right 10px top 13px no-repeat;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .select.w200 {width:200px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .select.w150 {width:150px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .select.w80 {width:80px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .select.w70 {width:70px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .select.w60 {width:60px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .staticSearchArea ul li .text {display:inline-block;padding:0 5px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .resultOfStats {color:#d8240d;display:inline-block;width:240px;text-align:right}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle {display:none;padding:25px 48px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td:nth-of-type(1),
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td:nth-of-type(2) {width:auto;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table thead th {height:45px;text-align:center;border-bottom:solid 1px #333;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td {padding:12px 5px;text-align:center;word-break:keep-all;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table {width:100%;border-top:solid 2px #333;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td {padding:12px 0 12px 20px;border-bottom:solid 1px #eee;color:#666;word-break:keep-all;line-height:18px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td span {display:inline-block;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td span+span {position:relative;padding-left:20px;margin-left:10px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td span+span:before {content:" \02192";position:absolute;top:0;left:0;color:#ff5b1b;font-size:16px;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic {display:inline-block;width:70px;height:25px;line-height:25px;border-radius:3px;background-color:#34517d;text-align:center;font-size:13px;color:#fff;font-weight:400;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic .slow{background-color:#fead0e;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic .good{background-color:#24b841;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic .stop{background-color:#d8240d;}

/*
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic .slow{background-color:#ffff00;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic .good{background-color:#009E73;}
.mapUIWrap.statistic .mapContent .staticMapRoadList .tableStyle .table tbody td strong.traffic .stop{background-color:#D55E00;}
.mapUIWrap.statistic .mapContent .mapArea{width:100%;height:calc(100% - 85px)}
*/
/* 소통정보 마우스오버 오버레이 */
.mapPop {width:300px;padding:10px;border:solid 1px #e1e1e1;border-radius:5px;box-shadow: 2px 2px 2px #d4d4d4;background-color:#fff;}
.mapPop .head {position:relative;height:30px;border-bottom:solid 1px #24b841;}
.mapPop .head span {display:inline-block;}
.mapPop .head span.title {font-size:18px;padding-top:5px}

.mapPop .head span.traffic {position:absolute;top:0;right:0;width:50px;height:20px;text-align:center;font-size:13px;line-height:20px;background-color:#24b841;color:black; border-radius:2px;}
.mapPop .cont {padding:10px 0 0 0;}
.mapPop .cont dl dt {margin-bottom:10px;color:#666;line-height:20px;}
.mapPop .cont dl dd {color:#666;line-height:20px;}

.traffic_LTC0 .head {border-color:#888888 !important;color:#000;}
.traffic_LTC0 .head span.traffic {background-color:#888888 !important; font-weight: bold;}

.traffic_LTC1 .head {border-color:#24b841 !important;color:#000;}
.traffic_LTC1 .head span.traffic {background-color:#24b841 !important; font-weight: bold;}
.traffic_LTC2 .head {border-color:#fead0e !important;color:#000;}
.traffic_LTC2 .head span.traffic {background-color:#fead0e !important; font-weight: bold;}
.traffic_LTC3 .head {border-color:#ED240D !important;color:#000;}
.traffic_LTC3 .head span.traffic {background-color:#ED240D !important; font-weight: bold;}

/*
.traffic_LTC1 .head {border-color:#009E73 !important;color:#000;}
.traffic_LTC1 .head span.traffic {background-color:#009E73 !important; font-weight: bold;}
.traffic_LTC2 .head {border-color:#ffff00 !important;color:#000;}
.traffic_LTC2 .head span.traffic {background-color:#ffff00 !important; font-weight: bold;}
.traffic_LTC3 .head {border-color:#D55E00 !important;color:#000;}
.traffic_LTC3 .head span.traffic {background-color:#D55E00 !important; font-weight: bold;}
*/
/* cctv팝업 */
/*.map_popup_cctv {width:328px;height:278px;left:0px;top:0px;background-image:url(/images/cctv/cctvback.png);clear:both;margin:0 auto;z-index:9;box-shadow:3px 3px 3px #353535}
*/
/*.map_popup_cctv dl {padding:1px 5px 5px 2px}*/
/*.map_popup_cctv dl dt {font-weight:600;margin:0 0 0 0;padding:5px 0 5px 0;}
.map_popup_cctv dl dt #hlsPlayEx{width:320px;height:auto}
.map_popup_cctv dl dt video{width:100%}
.map_popup_cctv dl dt p {display:inline-block}
.map_popup_cctv dl dt .lctn_nm {width:180px;color:#c8c8c8;padding-left:5px;font-size:15px;font-family:굴림,Gulim;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.map_popup_cctv dl dt .restTime{position:absolute;top:10px;color:#c8c8c8;font-size:12px;font-family:굴림,Gulim}
.map_popup_cctv dl dt a{position:absolute;top:5px;right:5px;}
.map_popup_cctv dl dt a img{z-index:20}
.map_popup_cctv dl dd {width:100%;padding:5px 0 0 0;color:#666;font-weight:600;line-height:20px}
*//*
.map_popup_cctv {width:328px;height:278px;left:0px;top:0px;background-image:url(/images/cctv/cctvback.png);background-repeat:no-repeat; clear:both;margin:0 auto;z-index:9;box-shadow:3px 3px 3px #353535}
*/
.map_popup_cctv {width:calc(100% - 6px);min-width:320px;min-height:278px;height:calc(100% - 6px);left:0px;top:0px;background-color:#2e2c2c; clear:both;margin:0 auto;z-index:9;box-shadow:3px 3px 3px #353535}
.map_popup_cctv > dl {width: 100%;height: 100%;}
.map_popup_cctv > dl > dl {width: 100%; height: calc(100% - 56px);}
.map_popup_cctv dl dt {font-weight:600;display: flex; align-items: center; width: 100%; min-height: 30px; height: 50px;}
.map_popup_cctv dl dt #hlsPlayEx{width:320px;height:auto}
.map_popup_cctv dl dt video{width:100%}
.map_popup_cctv dl dt p {display:inline-block; margin: 0;}
.map_popup_cctv dl dt .lctn_nm {width:auto;color:#c8c8c8;padding-left:15px;font-size:20px;font-family:굴림,Gulim;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.map_popup_cctv dl dt .restTime{margin-left: auto; margin-right: 5px; width: 170px; min-width:125px; color:#c8c8c8;font-size:16px;font-family:굴림,Gulim}
.map_popup_cctv dl dt a{margin-right: 5px;}
.map_popup_cctv dl dt a img{z-index:20; height: 80%; width:80%;}
.map_popup_cctv dl dd {width:100%;padding:5px 0 0 0;color:#666;font-weight:600;line-height:20px}
.map_popup_cctv dl .video-box{margin: 0;width: 100%;height: 100%;}
.map_popup_cctv dl .video-js{width: 95%;height: 97%;}
/* VMS팝업 */
.map_popup_vms {clear:both;top:50%;left:0;right:0;width:200px;margin:0 auto;padding-top:5px;background-image:url(/images/vms/vmsview.png);z-index:9;box-shadow:5px 5px 5px #353535}
.map_popup_vms dl {padding:3px 5px 5px 5px}
.map_popup_vms dl dt {font-weight:600;margin:0 0 0 0}
.map_popup_vms dl dt p {display:inline-block;color:#c8c8c8;text-align:left;}
.map_popup_vms dl dt .vmsMenu{float:right}
.map_popup_vms dl dt .vmsPrev{float:right}
.map_popup_vms dl dt .vmsNext{float:right}
.map_popup_vms dl dt .vmsPause{float:right}
.map_popup_vms dl dt .vmsClose{float:right}
.map_popup_vms dl dd {width:100%;padding:5px 0 0 0;color:#666;font-weight:600;line-height:20px}
.map_popup_vms dl dd .nodata{text-align:center;background-color: black;width:220px;height:50px;padding-top:20px;color:#c8c8c8}
.map_popup_vms dl dd .vmsPic{display:none;height:auto;}

/* 돌발정보 인포윈도우 */
/*.incdPop {width:300px;padding:10px;border:solid 1px #e1e1e1;border-radius:5px;box-shadow: 2px 2px 2px #d4d4d4;background-color:#fff;}*/
.incdPop {width:300px;padding:10px;}
.incdPop .head {position:relative;height:30px;border-bottom:solid 1px #d8240d;}
.incdPop .head span {display:inline-block;}
.incdPop .head span.title {font-size:18px;padding-top:5px;}
.incdPop .head span.ellip {width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.incdPop .head img {cursor:pointer}
.incdPop .cont {padding:10px 0 0 0;}
.incdPop .cont dl dd {margin-bottom:5px;color:#666;line-height:20px;}
.incdPop .cont dl dd p{margin-left:30px}
.incdPop #incdClose {
	margin-left : 5px;
}
/* 주차정보 팝업 */
.popupHeader {position:relative;background-color:#293347;height:50px;font-size:20px;font-weight:bold;color:#fff;line-height:50px;}
.popupHeader span{display:inline-block;padding-left:10px;width:230px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.popupHeader .bt_popClose {display:block;position:absolute;top:0;right:0;width:40px;height:50px;background:url("/images/btn_popClose.png") center center no-repeat;background-size:16px auto;}
.popupHeader h1 {padding-top:15px;}
.popupContent {width:300px;padding:10px;background-color:#f5f5f5; border:solid 1px #293347;}
.popupContent .parkingInfoTB table {width:100%;}
.popupContent .parkingInfoTB table tbody th {padding:5px 0; text-align: left; width: 90px;}

.popupContent .parkingInfoTB table tbody th label {display:inline-block;width:80px;height:30px;line-height:30px;border-radius:6px;background-color:#5f728b;text-align:center;color:#fff;}
.pkLabel{display:inline-block;width:80px;height:30px;line-height:30px;border-radius:6px;background-color:#5f728b;text-align:center;color:#fff;}

.popupContent .parkingInfoTB table tbody td {padding:0px 10px;min-height:30px;font-size:16px;}
.popupContent .parkingInfoTB table tbody tr:not(:last-child) td {border-bottom:solid 1px #d4d4d4;}
.popupContent .parkingInfoTB table tbody .chargeSize{padding:0}
.popupContent .parkingInfoTB table tbody .chargeSize table tbody tr td{border:0;padding:3px 10px}
/* TAAS 정보 팝업 */
.popupTaas {position:relative;background-color:#26495f; width: 300px; height:50px;font-size:20px;font-weight:bold;color:#fff;line-height:50px;}
.popupTaas span{display:inline-block;padding-left:10px;width:230px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.popupTaas .bt_popClose {display:block;position:absolute;top:0;right:0;width:40px;height:50px;background:url("/images/btn_popClose.png") center center no-repeat;background-size:16px auto;}
.TaasContent {width:300px;padding:10px;background-color:#334048}
.TaasContent .taasInfoTB table {width:100%;}
.TaasContent .taasInfoTB table tbody th {padding:5px 0; width:100px;}
.TaasContent .taasInfoTB table tbody th label {display:inline-block;width:80px;height:30px;line-height:30px;border-radius:6px;background-color:#5f728b;text-align:center;color:#fff;}
.TaasContent .taasInfoTB table tbody td {padding:0px 10px;min-height:30px;font-size:16px;color:#fff}
.TaasContent .taasInfoTB table tbody tr:not(:last-child) td {border-bottom:solid 1px #d4d4d4;}
.TaasContent .taasInfoTB table tbody .chargeSize{padding:0}
.TaasContent .taasInfoTB table tbody .chargeSize table tbody tr td{border:0;padding:3px 10px}

.sVisual_wrap {position:relative;height:200px;}
.sVisual_wrap .inner {position:relative;width:1200px;height:200px;margin:0 auto;}
.sVisual_wrap .title {position:absolute;top:25px;left:50%;margin-left:-200px;width:400px;height:140px;padding-top:20px;background-color:rgba(0, 0, 0, .3);text-align:center;color:#fff;}
.sVisual_wrap .title dt {padding-bottom:15px;font-size:48px;}
.sVisual_wrap .title .contentTitle {padding-bottom:15px;font-size:48px;}
.sVisual_wrap .title dd {position:relative;padding-top:18px;font-size:14px;color:rgba(255,255,255,0.7);}
.sVisual_wrap .title dd:before {content:"";display:block;position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:1px;background-color:#fff;}
.sVisual_wrap h2 {padding:40px 0 0 65px;font-size:36px;color:#fff;letter-spacing:-1px;}
.sVisual_wrap .location {width:100%;height:40px;background-color:#ececec;border-bottom:solid 1px #d8d8d8;}
.sVisual_wrap .location .inner {height:40px;text-align:right;}
.sVisual_wrap .location ul {position:absolute;right:0;}
.sVisual_wrap .location ul li:not(:last-child):after {content:"";position:absolute;right:0;display:inline-block;width:15px;height:40px;background:url("../images/location_partline.png") 0 0 no-repeat;}
.sVisual_wrap .location ul li {position:relative;float:left;line-height:40px;padding:0 35px 0 20px;color:#333;font-size:14px;}
.sVisual_wrap .location ul li.home {height:40px;width:80px;background:url("../images/icon_location_home.png") center center no-repeat;background-size:16px 16px;}
.sVisual_wrap .location ul li:last-child {font-weight:bold;padding-right:0;}
#wrap.info .sVisual_wrap {background:url("../images/sVisual_center.jpg") center 0 no-repeat; background-size: cover;}
#wrap.sitemap .sVisual_wrap {background:url("../images/sVisual_sitemap.jpg") center 0 no-repeat; background-size: cover;}
#wrap.notice .sVisual_wrap {background:url("../images/sVisual_notice.jpg") center 0 no-repeat; background-size: cover;}
#wrap.site .sVisual_wrap {background:url("../images/sVisual_site.jpg") center 0 no-repeat; background-size: cover;}
#wrap.admin .sVisual_wrap {background:url("../images/sVisual_admin.jpg") center 0 no-repeat; background-size: cover;}
#wrap.sub #contents {width:1200px;margin:0 auto;padding:40px 30px;min-height:400px;box-sizing:border-box;}
#wrap.sub #contents h3 {position:relative;margin-bottom:20px;font-size:24px;color:#333;letter-spacing:-1px;}
#wrap.sub #contents h3:before {content:"";position:absolute;top:0;left:0;margin-top:-10px;width:20px;height:3px;background-color:#1c449c;}
#wrap.map #contents {width:100%;margin:0;padding:0;}
#wrap.busInfo #contents {width:100%;margin:15px 0;}
#wrap.busInfo #quickMenu {right:20px;}
#wrap.busInfo .snbWrap {margin-left:20px;}
#wrap.busInfo #subContent {padding-left:20px;width:calc(100% - 320px);}

.centerWrapper {}
.centerWrapper > div {margin:0 30px;}
.centerWrapper .purpose {position:relative;padding-bottom:38px;margin-bottom:30px;border-bottom:solid 1px #e5e6e8;}
.centerWrapper .purpose dl dt {text-align: center; font-size: 0; padding-bottom: 30px;}
.centerWrapper .purpose dl dt>span {display: inline-block;width: calc(33.333% - 20px); background: #f3f5fb; padding: 10px;}
.centerWrapper .purpose dl dt>span>img {width: 100%;}
.centerWrapper .purpose dl dt>span+span {margin-left: 30px;}
.centerWrapper .purpose dl dd {position:relative;padding:0 30px;}
.centerWrapper .purpose dl dd p {font-size:16px;line-height:26px;color:#333;}
/* .centerWrapper .purpose {position:relative;padding-bottom:38px;margin-bottom:30px;border-bottom:solid 1px #e5e6e8;}
.centerWrapper .purpose dl dt {float:left;width:300px;height:168px;}
.centerWrapper .purpose dl dd {position:relative;float:left;width:calc(100% - 300px);padding-left:50px;min-height:168px;}
.centerWrapper .purpose dl dd p {position:absolute;top:50%;left:50px;transform:translate(0,-50%);font-size:16px;line-height:26px;color:#333;}
.centerWrapper .purpose dl dd:before {content:"";display:block;position:absolute;top:50%;left:20px;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:#1c449c;} 
.centerWrapper .partBox {padding:30px;background-color:#f3f5fb;}
*/
.centerWrapper .partBox {position:relative;padding-bottom:38px;margin-bottom:30px;border-bottom:solid 1px #e5e6e8;padding:30px;background-color:#f3f5fb;}
.centerWrapper .partBox ul {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.centerWrapper .partBox ul li {position:relative;flex:1;-webkit-flex:1;-ms-flex:1;margin:0 20px;text-align:center;z-index:11;}
.centerWrapper .partBox ul li:before {content:"";position:absolute;top:0;left:50%;width:100px;height:100px;margin-left:-50px;border-radius:50%;background-color:#fff;z-index:-1;}
.centerWrapper .partBox ul li dl {padding-top:120px;background-position:center 25px;background-repeat:no-repeat;}
.centerWrapper .partBox ul li dl dt {font-size:18px;font-weight:700;color:#2b2f3e;}
.centerWrapper .partBox ul li dl dd {margin-top:15px;font-size:14px;line-height:24px;color:#4b4b4b;letter-spacing:-1px;word-break:keep-all;}
.centerWrapper .partBox ul li:nth-of-type(1) dl {background:url("../images/center_icon_01.png") top 10px center no-repeat; background-size: 80px 80px;}
.centerWrapper .partBox ul li:nth-of-type(2) dl {background:url("../images/center_icon_02.png") top 10px center no-repeat; background-size: 80px 80px;}
.centerWrapper .partBox ul li:nth-of-type(3) dl {background:url("../images/center_icon_03.png") top 10px center no-repeat; background-size: 80px 80px;}
.centerWrapper .partBox ul li:nth-of-type(4) dl {background:url("../images/center_icon_04.png") top 10px center no-repeat; background-size: 80px 80px;}
/* .centerWrapper .partBox {padding:30px;background-color:#f3f5fb;}
.centerWrapper .partBox ul {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.centerWrapper .partBox ul li {position:relative;flex:1;-webkit-flex:1;-ms-flex:1;margin:0 20px;text-align:center;z-index:11;}
.centerWrapper .partBox ul li:before {content:"";position:absolute;top:0;left:50%;width:100px;height:100px;margin-left:-50px;border-radius:50%;background-color:#fff;z-index:-1;}
.centerWrapper .partBox ul li dl {padding-top:115px;background-position:center 25px;background-repeat:no-repeat;}
.centerWrapper .partBox ul li dl dt {font-size:18px;font-weight:700;color:#2b2f3e;}
.centerWrapper .partBox ul li dl dd {margin-top:15px;font-size:14px;line-height:24px;color:#4b4b4b;letter-spacing:-1px;word-break:keep-all;}
.centerWrapper .partBox ul li:nth-of-type(1) dl {background-image:url("../images/center_icon_01.png");}
.centerWrapper .partBox ul li:nth-of-type(2) dl {background-image:url("../images/center_icon_02.png");}
.centerWrapper .partBox ul li:nth-of-type(3) dl {background-image:url("../images/center_icon_03.png");}
.centerWrapper .partBox ul li:nth-of-type(4) dl {background-image:url("../images/center_icon_04.png");} */
.centerWrapper .hongboVideo {position:relative;padding-bottom:38px;margin-bottom:30px;border-bottom:solid 1px #e5e6e8;}
.centerWrapper .hongboVideo dl dt {text-align: center; font-size: 0; padding-bottom: 30px;}
.centerWrapper .hongboVideo dl dt>span {display: inline-block;width: calc(33.333% - 20px); background: #f3f5fb; padding: 10px;}
.centerWrapper .hongboVideo dl dt>span>img {width: 100%;}
.centerWrapper .hongboVideo dl dt>span+span {margin-left: 30px;}
.centerWrapper .hongboVideo dl dd {position:relative;padding:0 30px;}
.centerWrapper .hongboVideo dl dd p {font-size:16px;line-height:26px;color:#333;}

.systemWrapper > div {margin:0 30px 60px 30px;}
.systemWrapper p.text {position:relative;margin:0 0 40px 0;padding:0 0 0 30px;font-size:16px;line-height:26px;color:#333;}
.systemWrapper p.text:before {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:#1c449c;}
.systemWrapper .systemInfographic {padding:40px 0;background-color:#f3f5fb;text-align:center;}
.systemWrapper .systemInfo li {position:relative;min-height:166px;padding:18px 0;border-bottom:solid 1px #e5e5e5;}
.systemWrapper .systemInfo li figure {position:absolute;top:18px;right:0;}
.systemWrapper .systemInfo li dl {width:calc(100% - 280px);padding-left:120px;}
.systemWrapper .systemInfo li dl dt {padding-top:30px;margin-bottom:15px;font-size:18px;color:#000;font-weight:700;}
.systemWrapper .systemInfo li dl dd {font-size:14px;line-height:26px;color:#333;}
.systemWrapper .systemInfo.collect li:nth-of-type(1) {background:url("../images/system_visual_01.png") left 20px top 40px no-repeat;}
.systemWrapper .systemInfo.collect li:nth-of-type(2) {background:url("../images/system_visual_02.png") left 20px top 40px no-repeat;}
.systemWrapper .systemInfo.collect li:nth-of-type(3) {background:url("../images/system_visual_03.png") left 20px top 40px no-repeat;}
.systemWrapper .systemInfo.give li:nth-of-type(1) {background:url("../images/system_visual_04.png") left 20px top 40px no-repeat;}
.systemWrapper .systemInfo.give li:nth-of-type(2) dl {padding-left:0;}

.locationWrapper > div {margin:0 0 60px 0;}
.locationWrapper .locationMap figure {width:100%; height: 360px; overflow: hidden; border:solid 1px #ddd; background: url(../images/location.png) center center no-repeat;}
.locationWrapper .locationMap .address {position:relative;padding:0 0 0 28px;margin-top:14px;font-size:16px;line-height:26px;color:#333;}
.locationWrapper .locationMap .address:before {content:"";display:block;position:absolute;top:50%;left:5px;margin-top:-7px;width:10px;height:10px;border-radius:50%;background-color:#1c449c;}
.locationWrapper .trafficInfo {padding:30px 0;background-color:#f3f5fb;}
.locationWrapper .trafficInfo ul {display:flex;display:-webkit-flex;display:-ms-flexbox;}
.locationWrapper .trafficInfo ul li {position:relative;padding:20px;min-height:100px; text-align: center;}
.locationWrapper .trafficInfo ul li+li {border-left:solid 1px #ddd;}
.locationWrapper .trafficInfo ul li:nth-child(1) {width: 26%;}
.locationWrapper .trafficInfo ul li:nth-child(2) {width: 37%;}
.locationWrapper .trafficInfo ul li:nth-child(3) {width: 37%;}
.locationWrapper .trafficInfo ul li:nth-child(1):before {content:"";display:inline-block;width:100px;height:100px; border-radius:50%;background:url("../images/traffic_icon_01.png") center center  no-repeat #fff;}
.locationWrapper .trafficInfo ul li:nth-child(2):before {content:"";display:inline-block;width:100px;height:100px; border-radius:50%;background:url("../images/traffic_icon_02.png") center center  no-repeat #fff;}
.locationWrapper .trafficInfo ul li:nth-child(3):before {content:"";display:inline-block;width:100px;height:100px; border-radius:50%;background:url("../images/traffic_icon_03.png") center center  no-repeat #fff;}
.locationWrapper .trafficInfo ul li dl {width: 100%; text-align: center; display: block;}
.locationWrapper .trafficInfo ul li dl dt {font-size:18px;font-weight:700;color:#2b2f3e; text-align: center; margin-top: 20px;}
.locationWrapper .trafficInfo ul li dl dd {margin-top:10px;font-size:14px;color:#4b4b4b;word-break:keep-all;}
.locationWrapper .trafficInfo ul li dl dd p {line-height: 1.6;}

.boardWrapper {padding:30px 0 0 0;}
.board_search {text-align:right;}
.board_search select {width:80px;height:38px;padding:0 30px 0 10px;color:#333;line-height:38px;border:solid 1px #ccc;background:#fff url("../images/select_arrow_small.png") right 10px top 13px no-repeat;}
.board_search .form_text {position:relative;display:inline-block;}
.board_search .form_text input[type="text"] {padding:0 40px 0 10px;width:180px;height:38px;border:solid 1px #d4d4d4;border-radius:2px;background-color:#fff;font-size:14px;line-height:38px;}
.board_search .form_text input[type="text"]::placeholder {font-size:14px;}
.board_search .form_text .bt_search {position:absolute;top:1px;right:1px;display:block;width:36px;height:36px;background:#fff url("../images/icon_search.png") center center no-repeat;font-size:0;line-height:0;}

.boardListWrap {margin-top:15px;}
.boardListWrap table {width:100%;border-top:solid 2px #1c449c;}
.boardListWrap table thead th {height:50px;border-bottom:solid 1px #999;font-weight:normal;}
.boardListWrap table tbody td {padding:12px 0;text-align:center;border-bottom:solid 1px #e1e1e1;color:#666;}
.boardListWrap table tbody td.title {padding-left:10px;text-align:left;}
.boardListWrap table tbody td.title a {color:#666;}
.boardListWrap.popup {margin-top:15px;}
.boardListWrap.popup table tbody td {font-size:12px;}
.boardListWrap.popup table tbody td .bt {display:inline-block;padding:5px;background-color:#ccc;}
.boardListWrap.popup table tbody td .bt.blue {background-color:#1c449c;color:#fff;}

.board_paging {margin-top:30px;text-align:center;}
.board_paging ul li {display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#666;}
.board_paging ul li a {display:block;width:30px;height:30px;color:#666;}
.board_paging ul li.active {color:#fff;}
.board_paging ul li.bt {border:0;text-indent:-9999px;}
.board_paging ul li.bt.prev {margin-right:15px;background:url("/images/board_paging_left.png") center center no-repeat;}
.board_paging ul li.bt.next {margin-left:15px;background:url("/images/board_paging_right.png") center center no-repeat;}

.boardViewWrap {margin-top:15px;}
.boardViewWrap ul li {position:relative;padding:15px 0;color:#666;border-bottom:solid 1px #e1e1e1;}
.boardViewWrap ul li.title {padding-left:15px;background-color:#f6f6f6;font-size:14px;border-top:solid 2px #1c449c;border-bottom:solid 1px #999;}
.boardViewWrap ul li span {display:inline-block; }
.boardViewWrap ul li .file {margin-left:15px;padding-left:20px;line-height:16px;background:url("../images/icon_file.png") 0 center no-repeat;}
.boardViewWrap ul li .date {position:absolute;top:17px;right:15px;}
.boardViewWrap ul li.cont {padding:25px 15px;line-height:20px;}
.boardViewWrap .buttonWrap {margin-top:30px;text-align:right;}
.boardViewWrap .buttonWrap .bt {display:inline-block;padding:0 20px;height:40px;background-color:#1c449c;border-radius:2px;text-align:center;line-height:40px;color:#fff;}

.boardWriteWrap {margin-top:15px;border-top:solid 2px #666;}
.boardWriteWrap table {width:100%;}
.boardWriteWrap table tbody th {padding:15px 0 0 15px;background-color:#f6f6f6;text-align:left;vertical-align:top;border-bottom:solid 1px #e1e1e1;}
.boardWriteWrap table tbody td {padding:5px 0 5px 10px;border-bottom:solid 1px #e1e1e1;}
.boardWriteWrap table tbody td.fix {height:40px;}
.boardWriteWrap table tbody td.attach {padding:10px;}
.boardWriteWrap table tbody td.attach ul li {padding:10px 0;border-bottom:solid 1px #e1e1e1;}
.boardWriteWrap table tbody td.attach ul li:last-child {border-bottom:0;}
.boardWriteWrap table tbody td.attach ul li label {margin-left:5px;}
.boardWriteWrap table tbody td .comment {margin:10px 0 5px 0;}
.boardWriteWrap table tbody td .comment .bt_access {display:inline-block;height:25px;padding:0 15px;font-size:12px;line-height:25px;background-color:#ccc;}
.boardWriteWrap table tbody td .comment span {display:inline-block;margin-left:10px;font-size:12px;color:#e60012;}
.boardWriteWrap .form {width:300px;padding-left:10px;height:50px;line-height:50px;border-radius:0;background-color:#fff;border:solid 1px #ccc;font-size:14px;}
.boardWriteWrap .form::placeholder {font-size:14px;font-weight:400;}

.flexTable {margin:25px 25px;border-top:solid 2px #333;height:320px;overflow:auto;}
.flexTable ul {width:100%;display:flex;display:-webkit-flex;display:-ms-flexbox;}
.flexTable ul li {flex:1;-wekbit-flex:1;-ms-flex:1;height:50px;line-height:50px;font-size:13px;color:#545454;text-align:center;}
.flexTable .thead li:nth-of-type(1) {flex:0 1 200px;-webkit-flex:0 1 200px;-ms-flex:1 1 200px;}
.flexTable .thead li {text-align:center;border-bottom:solid 1px #333;}
.flexTable .flexDataTable ul li {border-bottom:solid 1px #e5e5e5;}
.flexTable .flexDataTable ul li:nth-of-type(1) {flex:0 1 70px;-webkit-flex:0 1 70px;-ms-flex:0 1 70px;}
.flexTable .flexDataTable ul li:nth-of-type(2) {flex:0 1 130px;-webkit-flex:0 1 130px;-ms-flex:0 1 130px;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.relateSiteWrapper {margin:30px 0 60px 0;}
.relateSiteWrapper ul {display: flex; flex-wrap: wrap; border-top:solid 2px #000;}
.relateSiteWrapper ul li {width: 50%; border-bottom:solid 1px #e5e6e8;text-align: left;padding: 10px 0;}
.relateSiteWrapper ul li a {position:relative;font-size:16px;color:#454545;}
.relateSiteWrapper ul li a span {display: inline-block;vertical-align: middle; border:solid 1px #ddd;}
.relateSiteWrapper ul li a span:last-child {padding-left: 30px; border:0;}

/*admin*/
.adminWrapper {padding:30px 0 0 0;}
.adminLoginWrap {text-align:center; padding-top: 120px; background: url(../images/login_icon.png) center top no-repeat;}
.adminLoginWrap h3 {text-align: center;}
.adminLoginWrap h3:before {display: none;}
.adminLoginWrap p {font-size:18px;line-height:30px;color:#666;}
.adminLoginWrap p strong {color:#1c449c;}
.adminLoginWrap fieldset {position:relative;margin:20px auto 0 auto;padding:30px 0;width:400px;text-align:left;}
.adminLoginWrap fieldset ul li {margin-top:-1px;}
.adminLoginWrap fieldset .form {width:300px;height:50px;line-height:50px;border-radius:0;background-color:#fff;border:solid 1px #ccc;font-size:14px;}
.adminLoginWrap fieldset .form::placeholder {font-size:14px;font-weight:400;}
.adminLoginWrap fieldset .bt_login {position:absolute;top:29px;right:0;display:inline-block;width:100px;height:99px;line-height:99px;background-color:#1c449c;color:#fff;text-align:center;font-weight:bold;font-size:18px;}
.adminLoginWrap.pwd fieldset .bt_login {height:148px;line-height:148px;}

.adminStatsWrap {margin-top:35px;}
.adminStatsWrap .searchBox {padding:15px 20px;border:solid 1px #d4d4d4;background-color:#f6f6f6;}
.adminStatsWrap .searchBox select {width:100px;height:35px;line-height:35px;padding:0 30px 0 10px;color:#333;border:solid 1px #ccc;background:#fff url("../images/select_arrow_small.png") right 10px top 13px no-repeat;}
.adminStatsWrap .searchBox .bt {display:inline-block;margin-left:5px;height:33px;padding:0 20px;line-height:33px;background-color:#1c449c;color:#fff;border-radius:3px;vertical-align:middle;}
.adminStatsWrap .statsList {margin-top:35px;}
.adminStatsWrap .statsList .tabUI li {float:left;height:35px;width:80px;margin-right:1px;border:solid 1px #d4d4d4;border-bottom:0;text-align:center;line-height:35px;cursor:pointer;}
.adminStatsWrap .statsList .tabUI li.on {background-color:#1c449c;color:#fff; border:solid 1px #1c449c;}
.adminStatsWrap .statsList table {width:100%;border-top:solid 1px #d4d4d4;border-left:solid 1px #d4d4d4;}
.adminStatsWrap .statsList table thead th {height:35px;background-color:#f6f6f6;font-size:12px;border-right:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;color:#666;}
.adminStatsWrap .statsList table tbody td {height:35px;font-size:12px;border-right:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;text-align:center;color:#666;}
.adminStatsWrap .statsList table tbody th {padding-left:5px;text-align:left;border-bottom:solid 1px #d4d4d4;border-right:solid 1px #d4d4d4;font-size:11px;background-color:#e8edf4;color:#666;}

.buttonWrap {margin-top:30px;text-align:right;}
.buttonWrap .bt {display:inline-block;padding:0 20px;height:40px;background-color:#1c449c;border-radius:2px;text-align:center;line-height:40px;color:#fff;}
.buttonWrap .bt.gray {background-color:#aaa;}

.adminSnbWrap .snbList li {float:left;padding:0 15px;height:40px;margin-right:2px;text-align:center;border:solid 1px #ddd;line-height:40px;color:#888;}
.adminSnbWrap .snbList li.on {color:#1c449c;background-color:#fff; border:solid 1px #1c449c;}

.siteMapWrap > ul > li {float: left;width:calc(33.333% - 30px);margin-bottom: 50px;min-height:160px;}
.siteMapWrap > ul > li+li {margin-left: 45px;}
.siteMapWrap > ul > li h4 {padding-left:30px;height:40px;font-size:16px;line-height:40px;border-top:solid 2px #1c449c;border-bottom:solid 1px #ddd;font-weight:bold;}
.siteMapWrap > ul > li .list {margin:0 15px;}
.siteMapWrap > ul > li .list li {height:40px;line-height:40px;border-bottom:solid 1px #e9e9e9;}
.siteMapWrap > ul > li .list li:before {content:" \000B7";}
.siteMapWrap > ul > li .list li a {display:inline-block;margin-left:10px;color:#787878;}

.link_area{position: absolute; width: 340px; height: 300px; top:390px; left:5px; border:1px solid #cfc7c7; z-index:999; background-color: white; display:none;}
.link_area_title{width: 100%; height: 30px; font-weight: bold; border-bottom:1px solid #cfc7c7; display:flex; align-items: center; padding-left: 10px; background-color:#293347; color:white;}
.link_area_content{overflow: auto; width: 100%; height: calc(100% - 138px);}
.link_area_content li {width: 100%; height: 40px; line-height: 40px; padding-left:10px; font-weight: bold; border-bottom: 1px solid #cfc7c7;}
.link_area_content > li:hover{background-color:#e8edf4;}
.link_serve_title{width: 100%; height: 30px; font-weight: bold; border-bottom:1px solid #cfc7c7; display:flex; align-items: center; padding-left: 10px; background-color:#293347; color:white;}
#traf_cmnc.LTC0{background-color: #888888;}
#traf_cmnc.LTC1{background-color: #009E73;}
#traf_cmnc.LTC2{background-color: #ffff00;}
#traf_cmnc.LTC3{background-color: #D55E00;}
#traf_cmnc{width: 60px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 10px;}

.traf_sect > .strt_nm,.traf_sect > .end_nm{width: 133px; height: 25px; line-height: 25px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.link_serve_sect{height: 25px; width: 100%; display: flex; align-items: center; padding-left:10px;}
.sub-button-content a {border: 1px solid #c8c8c8; border-radius: 10px; padding: 5px;}
.sub-button-content{display:flex; width:100%; height: 29px; align-items: center; justify-content: center;}
.excel_btn {
    display: inline-block;
    margin-left: 5px;
    height: 33px;
    padding: 0 20px;
    line-height: 33px;
    background-color: #198954;
    color: #fff !important;
    border-radius: 3px;
    vertical-align: middle;
}