|
|
@@ -1,684 +0,0 @@
|
|
|
-@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;}
|
|
|
-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; }
|
|
|
-
|
|
|
-/*주차장 상세정보*/
|
|
|
-.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;
|
|
|
- }
|
|
|
- .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;
|
|
|
- }
|
|
|
- .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;*/
|
|
|
- /*background-color:white;*/
|
|
|
- background-color:#e36060;
|
|
|
-}
|
|
|
-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;
|
|
|
-background-size:300px 140px;}
|
|
|
-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%;}
|
|
|
-#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 .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:20px;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:#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_pin2.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 {position:absolute;bottom:0;left:0;width:100%;padding:15px 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;}
|
|
|
-.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC1{background-color:#008000;}
|
|
|
-.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC2{background-color:#606000;}
|
|
|
-.mapUIWrap .mapContent .mapRoadList .tableStyle .table tbody td strong.traffic.LTC3{background-color:#ED240D;}
|
|
|
-
|
|
|
-.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 .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:#fff;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;color:#000;}
|
|
|
-.traffic_LTC1 .head {border-color:#24b841 !important;color:#000;}
|
|
|
-.traffic_LTC1 .head span.traffic {background-color:#24b841 !important;color:#000;}
|
|
|
-.traffic_LTC2 .head {border-color:#fead0e !important;color:#000;}
|
|
|
-.traffic_LTC2 .head span.traffic {background-color:#fead0e !important;color:#000;}
|
|
|
-.traffic_LTC3 .head {border-color:#ED240D !important;color:#000;}
|
|
|
-.traffic_LTC3 .head span.traffic {background-color:#ED240D !important;color:#000;}
|
|
|
-
|
|
|
-/* 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:15px;}
|
|
|
-.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}
|
|
|
-
|
|
|
-/* cctv팝업 M */
|
|
|
-.map_popup_cctv_m {width:100%;height:600px;left:0px;top:0px;
|
|
|
- position: relative;
|
|
|
- top: 400px;
|
|
|
- background: #3a3a3a;
|
|
|
- /*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_m dl dt {font-weight:600;height:60px;margin:0 0 0 0;padding:5px 0 5px 0;}
|
|
|
-.map_popup_cctv_m dl dt #hlsPlayEx{width:320px;height:auto}
|
|
|
-.map_popup_cctv_m dl dt video{width:100%}
|
|
|
-.map_popup_cctv_m dl dt p {display:inline-block}
|
|
|
-.map_popup_cctv_m dl dt .lctn_nm {
|
|
|
- width: 255px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- left: 10px;
|
|
|
- color:#c8c8c8;padding-left:5px;font-size:30px;font-family:굴림,Gulim;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
|
|
|
-.map_popup_cctv_m dl dt .restTime{position:absolute;top:10px;color:#c8c8c8;font-size:30px;font-family:굴림,Gulim;right:75px;}
|
|
|
-.map_popup_cctv_m dl dt a{position:absolute;top:9px;right:15px;}
|
|
|
-.map_popup_cctv_m dl dt a img{z-index:20; height: 40px;}
|
|
|
-.map_popup_cctv_m dl dd {width:100%;padding:5px 0 0 0;color:#666;font-weight:600;line-height:20px}
|
|
|
-
|
|
|
-
|
|
|
-/* 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-image:url(/images/vms/vmsnodata.png);width:220px;height:50px;padding-top:20px;color:#c8c8c8}
|
|
|
-.map_popup_vms dl dd .vmsPic{display:none;height:160px}
|
|
|
-
|
|
|
-/* 돌발정보 인포윈도우 */
|
|
|
-.incdPop {width:300px;padding:10px;border:solid 1px #e1e1e1;border-radius:5px;box-shadow: 2px 2px 2px #d4d4d4;background-color:#fff;}
|
|
|
-.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 {position:absolute;right:5px;top:5px;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}
|
|
|
-
|
|
|
-/* 주차정보 팝업 */
|
|
|
-.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;}
|
|
|
-.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;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:350=px;padding:10px;background-color:#334048}
|
|
|
-.TaasContent .taasInfoTB table {width:100%;}
|
|
|
-.TaasContent .taasInfoTB table tbody th {padding:5px 0;}
|
|
|
-.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 a {font-weight: bolder;font-size: large;}
|
|
|
-.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;}
|
junggilparrk
