@charset "utf-8"; @font-face { font-family: 'NanumGothicBold'; font-style: normal; font-weight: 700; src: url(../font/NanumGothic-Bold.eot); src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-Bold.woff) format('woff'), url(../font/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 400; src: url(../font/NanumGothic-Regular.eot); src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-Regular.woff) format('woff'), url(../font/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'NanumGothicExtraBold'; font-style: normal; font-weight: 800; src: url(../font/NanumGothic-ExtraBold.eot); src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-ExtraBold.woff) format('woff'), url(../font/NanumGothic-ExtraBold.ttf) format('truetype'); } /** 기본셋팅css **/ html { overflow: hidden; height: 100%; font-size: 12px; line-height: 140%; font-family: Nanum Gothic; letter-spacing: -0.03em;} body { overflow: hidden; height: 100%; margin: 0; overflow-x: hidden;} img { display: inline-block; border: 0 none;} cite, code, dfn, del, em, ins, label, q, span, strong { display: inline-block;} cite, em, dfn { font-style: normal;} sub { vertical-align: bottom; font-family: helvetica;} sup { vertical-align: top; font-family: helvetica;} hr { display: none;} h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 1em; font-weight: normal;} address { font-style: normal;} blockquote, p { margin: 0;} pre { margin: 0; font-size: 1em;} table { border-collapse: separate; border-spacing: 0; border-collapse: collapse;} caption { display: none;} th, td { padding: 0; vertical-align: top; text-align: left; font-weight: normal;} dd, dl, ol, ul { margin: 0; padding: 0;} li { list-style-type: none;} form { margin: 0;} fieldset { margin: 0; padding: 0; border: 0 none;} legend { display: none;} input { vertical-align: middle; font-size: 12px;} input.text { font-size: 12px; border: 1px solid #b1b0b0; line-height: 140%; border-radius: 2px; color: #666; padding-left: 5px;} input.it { border: 1px solid #cdccc1; font-size: 12px; line-height: 140%; font-family: NanumGothic; padding-left: 5px; color: #666;} input.check, input.radio { width: 13px; height: 13px; margin: 0px 2px 1px 0; padding: 0; border: 0;} select { font-size: 12px; color: #555; font-family: 'Nanum GothicBold' !important; text-indent: 7px;} /* basic */ .spacial-char { font-family: verdana;} .hidden-obj { position: absolute; visibility: hidden; top: -9000px; left: -9000px;} .display-none { display: none;} a { color: #666; text-decoration: none;} /* align */ .text-c { text-align: center !important;} .text-l { text-align: left !important;} .text-r { text-align: right !important;} .vertical-t { vertical-align: top !important;} .vertical-m { vertical-align: middle !important;} .vertical-b { vertical-align: bottom !important;} .float-l { float: left !important;} .float-r { float: right !important;} .float-n { float: none !important;} .ml-3 { margin-left: 3px !important;} .ml-5 { margin-left: 5px !important;} .ml-10 { margin-left: 10px !important;} .ml-11 { margin-left: 20px !important;} .ml-12 { margin-left: 55px !important;} .mt-5 { margin-top: 5px !important;} .mt-8 { margin-top: 8px !important;} .mt-10 { margin-top: 10px !important;} .mt-11 { margin-top: 10px !important; margin-left: 20px} .mt-12 { margin-top: 12px !important;} .mt-20 { margin-top: 20px !important;} .mt-25 { margin-top: 25px !important;} .mt-75 { margin-top: 75px !important;} .mt-150 { margin-top: 150px !important;} .mr-2 { margin-right: 2px !important;} .mr-3 { margin-right: 3px !important;} .mr-5 { margin-right: 5px !important;} .wd-80p { width: 80% !important;} /* clear */ .clear:after { content: "."; height: 0; font-size: 0; visibility: hidden; display: block; clear: both;} .clear { display: inline-block;} .clear-tm:after { content: "."; height: 0; font-size: 0; visibility: hidden; display: block; clear: both;} .clear-tm { display: inline-block; width: 100%; height: 100%} .clear2:after { content: "."; height: 0; font-size: 0; visibility: hidden; display: block; clear: both;} .clear2 { display: block; *display: inline-block;} #gisLoading { text-align: center; padding-top: 110px; position: absolute; z-index: 9902; top: 50%; left: 50%; margin-left: -57px; margin-top: -150px;} #gisLoading_bg { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9901; filter: alpha("opacity=80"); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8;} #gisLoading2 { text-align: center; padding-top: 110px; position: absolute; z-index: 9902; top: 50%; left: 50%; margin-left: -57px; margin-top: -150px;} #gisLoading2_bg { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9901; filter: alpha("opacity=80"); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8;} #gisLongLoading { text-align: center; padding-top: 110px; position: absolute; z-index: 9902; top: 50%; left: 50%; margin-left: -57px; margin-top: -150px;} #gisLongLoading_bg { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9901; filter: alpha("opacity=80"); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8;} #gisLongLoading2 { text-align: center; padding-top: 110px; position: absolute; z-index: 9902; top: 50%; left: 50%; margin-left: -57px; margin-top: -150px;} #gisLongLoading2_bg { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9901; filter: alpha("opacity=80"); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8;} #gisLongLoading_func { text-align: center; padding-top: 110px; position: absolute; z-index: 9902; top: 50%; left: 50%; margin-left: -57px; margin-top: -150px;} #gisLongLoading_func_bg { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9901; filter: alpha("opacity=80"); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8;} #gisTasLongLoading { text-align: center; padding-top: 110px; position: absolute; z-index: 9902; top: 50%; left: 50%; margin-left: -57px; margin-top: -150px;} #gisTasLongLoading_bg { background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9901; filter: alpha("opacity=80"); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8;} #go-area { overflow: hidden; position: absolute; top: 0; right: 0; width: 100%; height: 40px; background: #fff; border-bottom: 1px solid #888; z-index: 1000} .go-list { height: 100%;} .go-list ul { padding-top: 40px;} .go-list ul li { padding: 0 13px; display: block;} .go-list ul li:hover { background-color: #e6e6e6;} .go-list ul li a { display: block; padding-bottom: 2px; background: url(../images/gis/go_line.png) repeat-x left bottom;} .go-list ul li a span { display: block; height: 33px; font-size: 0; text-indent: -9999em;} .go-list .go1 { background: url(../images/gis/go01.png) no-repeat left top;} .go-list .go2 { background: url(../images/gis/go02.png) no-repeat left top;} .go-list .go3 { background: url(../images/gis/go03.png) no-repeat left top;} .go-list .go4 { background: url(../images/gis/go04.png) no-repeat left top;} .go-list .go5 { background: url(../images/gis/go05.png) no-repeat left top;} #quick-area { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1200;} .quick-btn { position: absolute; width: 106px; left: 50%; margin-left: -53px; top: -17px; z-index: 500;} .quick-btn-on { display: none;} #quick-wrap { width: 100%; background: url(../images/gis/bg_quick.png) repeat-x left top; position: relative; height: 146px;} .quick-content { width: 100%; position: relative; height: 146px;} .slide-area { display: block; margin-right: 116px; position: relative;} .slide-btn { position: absolute; right: 0; top: 48px; width: 115px; text-align: center;} .slide-btn a { display: block; margin-bottom: 10px;} /* 지도영역 */ #jtContentHeader { overflow: hidden; position: absolute; left: 0; top: 0; z-index: 30; width: 100%; /*height: 1px; background: #888; */} .l_bar { width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #888; z-index: 9999;} .r_bar { width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #888; z-index: 31;} .controll_btn { position: absolute; top: 50%; z-index: 1000; margin-top: -33.5px} .bt_nav_close { display: inline-block; width: 19px; height: 67px; background: url(../images/gis/btn_close.png) no-repeat;} .bt_nav_open { display: inline-block; width: 19px; height: 67px; background: url(../images/gis/btn_open.png) no-repeat;} .bt_nav_open { display: none} .nav_close .bt_nav_close { display: none} .nav_close .bt_nav_open { display: inline-block} .nav_close #Navside { display: none;} .controll_btn02 { position: absolute; right: 50%; top: 0px; z-index: 1000; margin-top: -33.5px} .bt_nav_close2 { display: inline-block; width: 67px; height: 15px; background: url(../images/gis/btn_close02.png) no-repeat; position: absolute; top: 73px;} .bt_nav_open2 { display: inline-block; width: 67px; height: 15px; background: url(../images/gis/btn_open02.png) no-repeat; position: absolute; top: 34px;} .bt_nav_open2 { display: none} .nav_close2 .bt_nav_close2 { display: none} .nav_close2 .bt_nav_open2 { display: inline-block} .nav_close2 #go-area { display: none;} .jtMap { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;} /* 통계 메인 */ .statistics-wrap { width: 100%; height: 100%;} .main-top { height: 50px; padding-top: 10px; box-sizing: border-box; padding-left: 20px;} .statistics-logo { float: left; padding-top: 17px; margin-left: 17px;} .top_link { float: right; margin-top: 35px; width: 95px; height: 25px; background-color: #069b68; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 5px 10px; box-sizing: border-box;} .top-icon { float: left; margin-right: 7px;} .msg a { color: #fff;} /* gis메인 */ #mapWrap { position: relative; height: 100%; min-height: 700px;} #mapHeader { position: absolute; *position: static; top: 0; width: 100%; height: 78px;} .header { width: 100%; position: relative; height: 78px; background: url(../images/gis/bg_head.png) repeat-x left bottom;} .header .logo { position: absolute; top: 14px; left: 35px; width: 218px;} .header .title { width: 500px; margin: 0 auto; text-align: center; font-size: 30px; color: #2d3035; padding-top: 30px;} .header .user-info { position: absolute; right: 17px; top: 24px;} .header .user-info p { position: relative; color: #242424; text-align: right; font-size: 11px; font-family: dotum; font-weight: bold;} .header .user-info p strong { color: #666666; font-weight: normal !important;} .header .user-info p.date { background: url(../images/gis/icon_date.gif) no-repeat left center; padding-left: 19px;} .header .user-info p.user { margin-top: 6px;} .header .user-info p.user span { background: url(../images/gis/icon_people.gif) no-repeat left center; padding-left: 20px; padding-top: 4px;} .header .user-info p.user a { color: #414e62 !important; text-decoration: none; background: url(../images/gis/line.gif) no-repeat left center; padding-left: 11px; margin-left: 10px; padding-top: 4px;} #mapContainer { position: absolute; *position: static; top: 0px; bottom: 0px; width: 100%; height: auto; height: 100% ; overflow: hidden;} #Navside { position: relative; float: left; width: 338px; height: 100%;} #bisNavside { position: relative; float: left; width: 268px; height: 100%;} .sidecont { height: 100%; position: relative; overflow-y: hidden; overflow-x: hidden;} .left_inside { height: 100%;} .menu { position: absolute; left: 0; top: 0; width: 61px; height: 100%; background: #fff; z-index: 5000;} .menu li a { display: block; position: relative; height: 63px; line-height: 85px; color: #b1b1b1; font-size: 11px; text-align: center; text-decoration: none;} .menu li.active a, .menu li a:hover { background: #3587d6; color: #fff;} .m-icon01 { display: block; position: absolute; top: 16px; left: 20px; width: 20px; height: 14px; background: url(../images/gis/icon_menu01.png) no-repeat center center;} .m-icon02 { display: block; position: absolute; top: 14px; left: 20px; width: 20px; height: 17px; background: url(../images/gis/icon_menu02.png) no-repeat center center;} .m-icon03 { display: block; position: absolute; top: 15px; left: 20px; width: 20px; height: 13px; background: url(../images/gis/icon_menu03.png) no-repeat center center;} .m-icon04 { display: block; position: absolute; top: 13px; left: 20px; width: 20px; height: 18px; background: url(../images/gis/icon_menu04.png) no-repeat center center;} .m-icon05 { display: block; position: absolute; top: 14px; left: 20px; width: 20px; height: 19px; background: url(../images/gis/icon_menu05.png) no-repeat center center;} .cont-title { height: 28px; background: #878c97; border-top: 1px solid #888; color: #fff; position: absolute; left: 61px; top: 0; width: 269px; text-align: center; font-size: 13px; line-height: 28px;} .lnbcontposition { position: absolute; top: 29px; left: 61px; width: 269px; height: auto; overflow: auto; *overflow: auto;} .cont-wrap { padding: 13px 5px; position: relative;} .cont-wrap02 { padding: 0 5px; position: relative;} #jtContentHeader { overflow: hidden; position: absolute; left: 0; top: 0; z-index: 30; width: 100%; height: 1px;} .l_bar { width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #888;} .controll_btn { position: absolute; top: 50%; z-index: 1000; margin-top: -33.5px} .bt_nav_close { display: inline-block; width: 15px; height: 67px; background: url(../images/gis/btn_close.png) no-repeat;} .bt_nav_open { display: inline-block; width: 15px; height: 67px; background: url(../images/gis/btn_open.png) no-repeat;} .bt_nav_open { display: none} .nav_close .bt_nav_close { display: none} .nav_close .bt_nav_open { display: inline-block} .nav_close #Navside { margin-left: -271px;} #jtMap { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;} .map-layer { width: 100%; height: 100%; position: relative;} .inside-left { position: absolute; left: 0px; top: 52px; bottom: 0; height: 100%; background-color: #d9e8f2;} .selbox-title01 { float: left;} .map-title1 { width: 60px; height: 40px; background: #f4f4f4 url(../images/gis/area-spot.png) no-repeat; background-position: 8px 13px; color: #0265cb; padding-top: 14px; padding-left: 15px; box-sizing: border-box; font-size: 13px; font-family: 'NanumGothicBold'; border: none; border-right: 1px solid #dedede; border-left: 1px solid #a9a9a9;} .map-title2 { width: 74px; height: 40px; background: #f4f4f4 url(../images/gis/area-spot.png) no-repeat; background-position: 8px 13px; color: #0265cb; padding-left: 20px; padding-top: 14px; box-sizing: border-box; font-size: 13px; font-family: 'NanumGothicBold'; border: none; border-right: 1px solid #dedede; letter-spacing: -0.08em; border-left: 1px solid #a9a9a9;} .selbox1 { position: relative; top: 5px; font-family: Nanum Gothic; width: 120px; height: 25px; border: none; border-right: 1px solid #dedede;} .selbox2 { position: relative; top: 5px; font-family: Nanum Gothic; width: 120px; height: 25px; border: none;} .selbox3 { position: relative; top: 5px; font-family: Nanum Gothic; width: 120px; height: 25px; border: none;} .l-boder { height: 40px; padding-right: 5px; box-sizing: border-box;} .selbox4 { position: relative; top: 5px; font-family: Nanum Gothic; width: 55px; height: 25px; border: none; border-right: 1px solid #dedede;} .selbox5 { position: relative; top: 5px; font-family: Nanum Gothic; width: 150px; height: 25px; border: none;} .s-go-btn { cursor: pointer; width: 35px; height: 27px; background-color: #727272; border: 1px solid #3e3e3e; color: #fff; margin-top: 7px; border-radius: 5px; margin-left: 5px;} .selbox-title01 p { float: left;} .selbox-title02 p { float: left;} .book-m-btn { cursor: pointer; width: 85px; height: 27px; background: #424242 url(../images/gis/book-btn.png) no-repeat; background-position: 5px; padding-left: 15px; border: 1px solid #3e3e3e; color: #fff; margin-top: 7px; border-radius: 5px; margin-left: 5px;} .tmenu { width: 65px; height: 100%; float: left;} .tmenu li { width: 65px; height: 95px; overflow: hidden; background-color: #d9e8f2; border-bottom: 1px solid #71bae2; text-align: center; position: relative;} .tmenu li a { font-size: 12px; font-family: 'NanumGothic';} .tmenu li.active .left-icon01 { font-weight: 700; background: #0265cb url(../images/left-icon01on.png) no-repeat; display: block; width: 65px; height: 20px; padding-top: 55px; background-position: center 15px; color: #fff;} .tab-rightbox { position: absolute; left: 66px; top: 0px; height: 100%;} .bis-tab-rightbox { position: absolute; top: 0px; height: 100%;} .tab-area { width: 273px;} .search-result-scroll { overflow-y: scroll; height: 320px;} .search-result-scroll1 { overflow-x: hidden; overflow-y: auto; margin-top: 5px; margin-left: 5px; max-height: 400px;} .search-result-scroll2 { overflow-x: hidden; overflow-y: auto; margin-top: 10px; margin-left: 7px; height: 360px;} .left-icon01 { background: url(../images/left-icon01.png) no-repeat; display: block; height: 20px; padding-top: 55px; background-position: center 15px; padding-top: 50px; color: #0182d4;} .left-icon02 { background: url(../images/left-icon02.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 28px; padding-top: 59px; color: #0182d4;} .left-icon02:hover, .tmenu li.active .left-icon02 { font-weight: 700; background: #0265cb url(../images/left-icon02on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .left-icon03 { background: url(../images/left-icon03.png) no-repeat; background-position: center 20px; display: block; width: 65px; height: 28px; padding-top: 59px; color: #0182d4;} .left-icon03:hover, .tmenu li.active .left-icon03 { font-weight: 700; background: #0265cb url(../images/left-icon03on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .left-icon04 { background: url(../images/left-icon04.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 28px; padding-top: 59px; color: #0182d4;} .left-icon04:hover, .tmenu li.active .left-icon04 { font-weight: 700; background: #0265cb url(../images/left-icon04on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .left-icon05 { background: url(../images/left-icon05.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 28px; padding-top: 59px; color: #0182d4;} .left-icon05:hover, .tmenu li.active .left-icon05 { font-weight: 700; background: #0265cb url(../images/left-icon05on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .left-icon06 { background: url(../images/left-icon06.png) no-repeat; background-position: center 20px; display: block; width: 65px; height: 28px; padding-top: 57px; color: #0182d4;} .left-icon06:hover, .tmenu li.active .left-icon06 { font-weight: 700; background: #0265cb url(../images/left-icon06on.png) no-repeat; background-position: center 20px; display: block; width: 65px; height: 48px; padding-top: 57px; color: #fff;} .left-icon07 { background: url(../images/left-icon07.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 20px; padding-top: 59px; color: #0182d4;} .left-icon07:hover, .tmenu li.active .left-icon07 { font-weight: 700; background: #0265cb url(../images/left-icon07on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .left-icon07-1 { background: url(../images/left-icon07.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 28px; padding-top: 59px; color: #0182d4;} .left-icon07-1:hover, .tmenu li.active .left-icon07-1 { font-weight: 700; background: #0265cb url(../images/left-icon07on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .left-icon08 { background: url(../images/left-icon01.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 28px; padding-top: 59px; color: #0182d4;} .left-icon08:hover, .tmenu li.active .left-icon08 { font-weight: 700; background: #0265cb url(../images/left-icon01on.png) no-repeat; background-position: center 22px; display: block; width: 65px; height: 48px; padding-top: 59px; color: #fff;} .tmenuMain { width: 65px; height: 100%; background-color: #d9e8f2; border-right: 1px solid #0082c8; line-height: 100%; position: relative;} .t-menu05 { width: 65px; height: 75px; overflow: hidden; background-color: #d9e8f2; border-bottom: 1px solid #71bae2; text-align: center; position: absolute; left: 0; top: 304px;} .t-menu05 a { font-family: 'NanumGothic';} .t-menu05:fucus, .t-menu05:active { background: #0265cb url(../images/left-icon05on.png) no-repeat; background-position: center 7px; display: block; width: 65px; height: 28px; padding-top: 47px; color: #fff;} .t-menu06 { width: 65px; height: 75px; overflow: hidden; background-color: #d9e8f2; border-bottom: 1px solid #71bae2; text-align: center; position: absolute; left: 0; top: 380px;} .t-menu06 a { font-family: 'NanumGothic';} .t-menu06:fucus, .t-menu06:active { background: #0265cb url(../images/left-icon05on.png) no-repeat; background-position: center 7px; display: block; width: 65px; height: 28px; padding-top: 47px; color: #fff;} .right-title { width: 273px; height: 35px; background-color: #0fbe82; color: #fff; text-align: center; line-height: 35px; font-weight: bold; font-size: 14px; font-family: 'NanumGothicBold';} .mapsearch { width: 273px;} .mapsearch:after { content: ""; display: block; *display: inline-block; clear: both;} .mapsearch li { width: 33.33%; height: 35px; float: left; background: #e0e0e0 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch li a { font-size: 13px; font-family: 'NanumGothic'; line-height: 38px; color: #888; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: url(../images/tab_btmline.gif) repeat-x 0 bottom; outline: 0;} .mapsearch li.active { width: 33.33%; height: 35px; float: left; background: #f4f4f4 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch li.active a { line-height: 38px; color: #009d66; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: none;} .mapsearch1 { width: 272px;} .mapsearch1:after { content: ""; display: block; *display: inline-block; clear: both;} .mapsearch1 li { width: 100%; height: 35px; float: left; background: #e0e0e0 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch1 li a { font-size: 13px; font-family: 'NanumGothic'; line-height: 33px; color: #888; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: url(../images/tab_btmline.gif) repeat-x 0 bottom; outline: 0;} .mapsearch1 li.active { width: 100%; height: 35px; float: left; background: #f4f4f4 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch1 li.active a { line-height: 33px; color: #009d66; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: none;} .mapsearch2 { width: 272px;} .mapsearch2:after { content: ""; display: block; *display: inline-block; clear: both;} .mapsearch2 li { width: 50%; height: 35px; float: left; background: #e0e0e0 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch2 li a { font-size: 13px; font-family: 'NanumGothic'; line-height: 33px; color: #888; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: url(../images/tab_btmline.gif) repeat-x 0 bottom; outline: 0;} .mapsearch2 li.active { width: 50%; height: 35px; float: left; background: #f4f4f4 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch2 li.active a { line-height: 33px; color: #009d66; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: none;} .mapsearch3 { width: 272px;} .mapsearch3:after { content: ""; display: block; *display: inline-block; clear: both;} .mapsearch3 li { width: 25%; height: 35px; float: left; background: #e0e0e0 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch3 li a { font-size: 13px; font-family: 'NanumGothic'; line-height: 33px; color: #888; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: url(../images/tab_btmline.gif) repeat-x 0 bottom;} .mapsearch3 li.active { width: 25%; height: 35px; float: left; background: #f4f4f4 url(../images/bg_tabline.gif) no-repeat right center;} .mapsearch3 li.active a { line-height: 33px; color: #009d66; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: none;} .map-seach-result { width: 273px;} .map-seach-result li { width: 33.3%; height: 35px; float: left; background: #f4f4f4 url(../images/bg_tabline.gif) no-repeat right center;} .map-seach-result li a { font-size: 13px; font-family: 'NanumGothicBold'; line-height: 33px; color: #888; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: url(../images/tab_btmline.gif) repeat-x 0 bottom;} .map-seach-result li.active { width: 33.3%; height: 35px; float: left; background: #fff url(../images/bg_tabline.gif) no-repeat right center;} .map-seach-result li.active a { font-family: 'NanumGothicBold'; line-height: 33px; color: #033333; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: none;} .map-seach-result2 { width: 272px;} .map-seach-result2 li { width: 50%; height: 35px; float: left; background: #f4f4f4 url(../images/bg_tabline.gif) no-repeat right center;} .map-seach-result2 li a { font-size: 13px; font-family: 'NanumGothicBold'; line-height: 33px; color: #888; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: url(../images/tab_btmline.gif) repeat-x 0 bottom;} .map-seach-result2 li.active { width: 50%; height: 35px; float: left; background: #fff url(../images/bg_tabline.gif) no-repeat right center;} .map-seach-result2 li.active a { font-family: 'NanumGothicBold'; line-height: 33px; color: #033333; display: block; width: 99%; padding-right: 1px; height: 35px; text-align: center; background: none;} .map-searchTopDiv { padding: 5px 0; display: inline-block;} .map-searchTopDiv p { margin-left: 5px;} .radiobox { width: 100%; margin-bottom: 10px; font-family: 'NanumGothicBold'; color: #555;} .radiobox .radio01 { margin-left: 7px;} .radiobox .radio02 { margin-left: 68px;} .radiobox .radio03 { margin-left: 15px;} .radiobox .radio04 { margin-left: 0; width: 110px; letter-spacing: -0.1em;} .radiobox .radio06 { margin-left: 50px;} .radiobox .radio07 { margin-left: 30px;} .radiobox .radio08 { margin-left: 40px;} .radiobox .radio { width: 18px; height: 18px; margin-right: 4px;} .radiobox .radio05 { margin-left: 0; letter-spacing: -0.1em;} .radiobox .searchRoadTypeCkBtn { width: 14px; height: 14px;} .option-table { height: 17px; width: 100%; border: 1px solid #cdcdcd; font-family: 'NanumGothicBold'; color: #555;} .option-table th { background-color: #eae9e9; padding: 1px 1px; border-bottom: 1px solid #cdcdcd;} .option-table td { background-color: #FFF; padding: 1px 0 1px 5px; border-bottom: 1px solid #cdcdcd; vertical-align: middle;} .searchbox { background: #f4f4f4; padding: 12px 10px;} .searchbox2 { background: #f4f4f4; padding: 12px 10px; margin-top: -20px;} .search-tit { float: left; line-height: 30px; font-family: 'NanumGothicBold'; color: #555;} .search-tit2 { float: left; width: 55px; line-height: 24px; font-family: 'NanumGothicBold'; letter-spacing: -0.13em; color: #555;} .search-allbox { float: right; width: 196px; border: 1px solid #cdcdcd; height: 25px; border-radius: 3px;} .search-select { float: left; width: 165px; border: 1px solid #cdcdcd; height: 24px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555;} .search-select2 { width: 62px; border: 1px solid #cdcdcd; height: 24px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555;} #rpaBeforeBeforeSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #rpaBeforeAfterSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #rpaAfterBeforeSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #rpaAfterAfterSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #spaBeforeBeforeSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #spaBeforeAfterSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #spaAfterBeforeSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #spaAfterAfterSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #ptaBeforeBeforeSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #ptaBeforeAfterSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #ptaAfterBeforeSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} #ptaAfterAfterSearchTime { float: left; width: 125px; border: 1px solid #cdcdcd; height: 21px; border-radius: 3px; font-family: 'NanumGothic' !important; color: #555; margin-left: -10px;} .search-checkbox { float: left; width: 165px; height: 74px; margin-top: 3px;} .search-checkbox2 { float: left; width: 165px; height: 104px; margin-top: 3px;} .check-wrap { display: block; margin-bottom: 5px; color: #555;} .check-wrap input { width: 15px; height: 15px; border: 1px solid #abafb3;} .searchbox input.text { width: 62px; height: 24px; border: 1px solid #cdcdcd; border-radius: 3px; color: #555; background-color: #FFF;} .searchbox input.text01 { margin-left: 3px; width: 50px; height: 24px; border: 1px solid #cdcdcd; border-radius: 3px; color: #555; background-color: #FFF;} .searchbox input.text02 { margin-left: 65px; width: 50px; height: 24px; border: 1px solid #cdcdcd; border-radius: 3px; color: #555; background-color: #FFF;} .searchbox input.text03 { width: 50px; height: 24px; border: 1px solid #cdcdcd; border-radius: 3px; text-align: right; color: #555; background-color: #FFF;} .searchbox input.text00-00 { width: 50px; height: 17px; border: 1px solid #cdcdcd; border-radius: 3px; color: #555; background-color: #FFF;} .search-line { border-top: 1px solid #e0e0e0; padding-top: 10px;} .search-result-tit { color: #555; text-align: center; font-size: 13px; background: #d2d2d2; padding: 10px 0; font-family: 'NanumGothicBold'; font-weight: 700;} .search-result-tit2 { color: #555; text-align: center; font-size: 13px; line-height: 100%; font-weight: 700; background: #e0e0e0; padding: 10px 0; font-family: 'NanumGothicBold'; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;} .searc-total { padding-top: 10px; width: 238px; margin: 0 auto; padding-bottom: 10px; *line-height: 24px;} .searc-zone-total { padding-bottom: 20px; margin-top: -10px;} .searc-total:after { content: ""; display: block; clear: both;} .searc-total .total-count { float: left; font-family: 'NanumGothicBold';} .searc-total .total-count span { color: #029c67;} .searc-total .btn { float: right;} .searc-zone-total .btn { float: right;} .hazard-search-description { width: 250px; margin: 0 auto; word-break: break-all; overflow-x: hidden; overflow-y: scroll; height: 100px; font-family: 'NanumGothic'; color: #666666; font-size: 12px; line-height: 100%;} .hazard-search-description h3 { font-family: 'NanumGothic'; font-size: 12px; line-height: 120%; padding-top: 5px; margin-bottom: 2px; color: #0265cb} .hazard-search-description2 { width: 250px; margin: 0 auto; word-break: break-all; height: 82px; font-family: 'NanumGothic'; color: #666666; font-size: 12px; line-height: 100%;} .hazard-search-description2 h3 { font-family: 'NanumGothic'; font-size: 12px; line-height: 120%; padding-top: 5px; margin-bottom: 2px; color: #0265cb} .search-result-list { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-result-list h3 { border-bottom: 1px solid #d8d8d8; height: 85px; padding-left: 33px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list li { border-bottom: 1px solid #d8d8d8; height: 85px; padding-left: 33px; background: url(../images/gis/search-spot2.png) no-repeat; background-position: 7px 11px;} .search-result-list li:hover { background: #f4f4f4 url(../images/gis/search-spot.png) no-repeat; background-position: 7px 11px;} .search-result-list li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-result-list li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-result-list li h5 { font-family: 'NanumGothic'; color: #000000; font-size: 7px} .search-result-list li p { font-family: 'NanumGothic'; color: #666666; font-size: 10px} .search-result-list2 { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-result-list2 h3 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list2 li { border-bottom: 1px solid #d8d8d8; height: 85px; padding-left: 33px; background: url(../images/gis/search-spot2.png) no-repeat; background-position: 7px 11px;} .search-result-list2 li:hover { background: #f4f4f4 url(../images/gis/search-spot.png) no-repeat; background-position: 7px 11px;} .search-result-list2 li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list2 li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-result-list2 li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-result-list2 li h5 { font-family: 'NanumGothic'; color: #000000; font-size: 7px} .search-result-list2 li p { font-family: 'NanumGothic'; color: #666666; font-size: 10px} .search-result-list5 { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-result-list5 h3 { border-bottom: 1px solid #d8d8d8; height: 105px; padding-left: 33px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list5 li { border-bottom: 1px solid #d8d8d8; height: 105px; padding-left: 33px; background: url(../images/gis/search-spot2.png) no-repeat; background-position: 7px 11px;} .search-result-list5 li:hover { background: #f4f4f4 url(../images/gis/search-spot.png) no-repeat; background-position: 7px 11px;} .search-result-list5 li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list5 li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-result-list5 li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-result-list5 li h5 { font-family: 'NanumGothic'; color: #000000; font-size: 7px} .search-result-list5 li p { font-family: 'NanumGothic'; color: #666666; font-size: 10px} .search-poi-result-list { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-poi-result-list h3 { border-bottom: 1px solid #d8d8d8; padding: 5px 0px 5px 30px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} /* height: 85px; */ .search-poi-result-list li { border-bottom: 1px solid #d8d8d8; padding: 5px 0px 5px 30px; background: url(../images/gis/search-spot2.png) no-repeat; background-position: 5px 5px; min-height: 40px;} /* height: 85px; */ .search-poi-result-list li:hover { background: #f4f4f4 url(../images/gis/search-spot.png) no-repeat; background-position: 5px 5px;} .search-poi-result-list li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-poi-result-list li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-poi-result-list li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-poi-result-list li h5 { font-family: 'NanumGothic'; color: #000000; font-size: 7px} .search-poi-result-list li p { font-family: 'NanumGothic'; color: #666666; font-size: 10px} .search-address-result-list { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-address-result-list li { border-bottom: 1px solid #d8d8d8; height: 40px; padding-left: 30px; padding-top: 10px; background: url(../images/gis/search-spot2.png) no-repeat; background-position: 7px 11px;} .search-address-result-list li:hover { background: #f4f4f4 url(../images/gis/search-spot.png) no-repeat; background-position: 5px 5px;} .search-address-result-list li.selected { background: url(../images/gis/search-spot.png) no-repeat; background-position: 5px 5px;} .search-address-result-list li p { font-family: 'NanumGothic'; color: #666666; font-size: 12px} .search-result-list-partAcdnt { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-result-list-partAcdnt h3 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list-partAcdnt li.i1 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_1.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i1:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_1.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i2 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_2.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i2:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_2.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i3 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_3.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i3:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_3.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i4 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_4.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i4:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_4.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i5 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_5.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i5:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_5.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i6 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_6.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i6:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_6.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i7 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_7.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i7:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_7.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i8 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_8.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i8:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_8.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i9 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_9.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i9:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_9.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i10 { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 33px; background: url(../images/gis/poi/poi_f_01_10.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li.i10:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_01_10.png) no-repeat; background-position: 2px 10px;} .search-result-list-partAcdnt li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list-partAcdnt li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-result-list-partAcdnt li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-result-list-partAcdnt li h5 { font-family: 'NanumGothic'; color: #000000; font-size: 7px} .search-result-list-partAcdnt li p { font-family: 'NanumGothic'; color: #666666; font-size: 11px} /* 변경 GIS에 따른 icon css */ .search-result-list-partAcdnt li.iStyle { border-bottom: 1px solid #d8d8d8; height: 50px; padding-left: 1px; background-position: 2px 10px;} .search-result-list-partAcdnt li.iStyle:hover { background: #f4f4f4; background-position: 2px 10px;} .search-result-list-partAcdnt .iTextStyle { padding: 10px 0px; color: #0fbe82; font-size: 150%; font-weight: bold; float: left; width: 17%; text-align: center;} .search-result-list-partZone li.iStyle_F { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 1px; background-position: 2px 10px;} .search-result-list-partZone li.iStyle_F:hover { background: #f4f4f4; background-position: 2px 10px;} .search-result-list-partZone li.iStyle_R { border-bottom: 1px solid #d8d8d8; height: 90px; padding-left: 1px; background-position: 2px 10px;} .search-result-list-partZone li.iStyle_R:hover { background: #f4f4f4; background-position: 2px 10px;} .search-result-list-partZone .iTextStyle_F { padding: 10px 0px; color: #6b93ff; font-size: 150%; font-weight: bold; float: left; width: 17%; text-align: center;} .search-result-list-partZone .acdntCountTxt_F { margin-left: 17%;} .search-result-list-partZone { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-result-list-partZone h3 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list-partZone li.i { border-bottom: 1px solid #d8d8d8; /* height: 70px; */padding: 10px;} .search-result-list-partZone li.i1 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_1.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i1:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_1.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i2 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_2.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i2:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_2.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i3 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_3.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i3:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_3.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i4 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_4.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i4:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_4.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i5 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_5.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i5:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_5.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i6 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_6.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i6:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_6.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i7 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_7.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i7:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_7.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i8 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_8.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i8:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_8.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i9 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_9.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i9:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_9.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i10 { border-bottom: 1px solid #d8d8d8; height: 110px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_10.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li.i10:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_10.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list-partZone li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-result-list-partZone li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-result-list-partZone li h5 { font-family: 'NanumGothicBold'; color: #000000; font-size: 11px;} .search-result-list-partZone li h6 { font-family: 'NanumGothicBold'; color: #000000; font-size: 11px; margin-top: 2px; margin-bottom: 3px;} .search-result-list-partZone li p { font-family: 'NanumGothic'; color: #666666; font-size: 11px} .search-result-list-partZone1 { width: 238px; margin: 0 auto; border-top: 1px solid #d8d8d8;} .search-result-list-partZone1 h3 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list-partZone1 li.i1 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_1.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i1:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_1.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i2 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_2.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i2:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_2.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i3 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_3.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i3:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_3.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i4 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_4.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i4:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_4.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i5 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_5.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i5:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_5.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i6 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_6.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i6:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_6.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i7 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_7.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i7:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_7.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i8 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_8.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i8:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_8.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i9 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_9.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i9:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_9.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i10 { border-bottom: 1px solid #d8d8d8; height: 95px; padding-left: 33px; background: url(../images/gis/poi/poi_f_02_10.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li.i10:hover { background: #f4f4f4 url(../images/gis/poi/poi_n_02_10.png) no-repeat; background-position: 2px 37px;} .search-result-list-partZone1 li h2 { font-size: 12px; line-height: 100%; padding-top: 10px; margin-bottom: 5px;} .search-result-list-partZone1 li h4 { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 500;} .search-result-list-partZone1 li h4 a { font-family: 'NanumGothicBold'; color: #038a5c; font-weight: 700;} .search-result-list-partZone1 li h5 { font-family: 'NanumGothic'; color: #000000; font-size: 7px} .search-result-list-partZone1 li p { font-family: 'NanumGothic'; color: #666666; font-size: 10px} .condition-wrap { margin: 8px; position: relative;} .condition { width: 100%;} .condition > li { float: left; width: 74px; margin-right: 8px; margin-bottom: 4px; position: relative;} .condition > li > a { font-family: 'NanumGothic'; width: 100%; border: 1px solid #cdcdcd; border-radius: 3px; display: block; text-align: center; padding: 7px 0; line-height: 100%; color: #555;} .condition > li > a:hover, .condition > li > a.active { background-color: #0fbe82; border: 1px solid #0fbe82; font-family: 'NanumGothicBold'; color: #fff;} .condition:after { content: ""; display: block; clear: both;} .condition > li.last { margin-right: 0;} .condition-sub { font-family: 'NanumGothic'; width: 182px; height: 180px; position: absolute; top: 30px; border: 1px solid #a7a6a6; border-radius: 3px; background-color: #FFF; display: none; z-index: 9999;} .condition-sub2 { font-family: 'NanumGothic'; width: 182px; height: 180px; position: absolute; right: 0px; top: 30px; border: 1px solid #a7a6a6; border-radius: 3px; background-color: #FFF; display: none; z-index: 9999; overflow-y: auto;} .sub-keyword { position: relative; width: 120px; height: 23px;} .sub-keyword input { width: 120px; height: 23px; border: 0; border-bottom: 1px solid #a7a6a6; background-color: #dff2eb; text-indent: 5px;} .condition-body { overflow-y: auto; width: 100%; height: 150px;} .condition-body ul > li > ul > li:hover { color: #0896c3;} .sub-close { width: 18px; height: 17px; background: url(../images/gis/submenu_close.gif) no-repeat 0 0; position: absolute; right: 4px; top: 3px; text-indent: -9999px;} .condition-sub ul { margin-top: 7px;} .condition-sub li { color: #888; line-height: 100%; margin-bottom: 5px; letter-spacing: -0.05em; position: relative;} .condition-sub li input { width: 9px; height: 9px; border: 1px solid #696969;} .condition-head { position: relative; width: 182px; height: 23px; border-bottom: 1px solid #a7a6a6; background-color: #dff2eb; text-indent: 5px;} .condition-head .btn-enter { font-size: 11px; line-height: 100%; color: #666666; border: 1px solid #b4b4b4; border-radius: 2px; padding: 4px !important; background-color: #f9f9f9; letter-spacing: -0.1em; display: inline-block;} .condition-head .btn-cancle { font-size: 11px; line-height: 100%; color: #666666; border: 1px solid #b4b4b4; border-radius: 2px; padding: 4px !important; background-color: #ececec; letter-spacing: -0.1em; display: inline-block;} .condition-head .btn-ok { font-size: 11px; line-height: 100%; color: #666666; border: 1px solid #b4b4b4; border-radius: 2px; padding: 4px !important; background-color: #ececec; letter-spacing: -0.1em; display: inline-block;} .tree-wrap { float: left; width: 179px; height: 117px; border: 1px solid #cdcdcd; border-radius: 3px; background-color: #FFF; overflow-y: scroll;} /* checkbox 슬라이드 메뉴 */ .search-tit-silde { padding: 0 10px;} .check-slide-box { width: 238px; margin: 0 auto; border: 1px solid #d8d8d8;} .check-slide-li { width: 100%; cursor: pointer;} .check-slide-li > label { border-bottom: 1px solid #d8d8d8; width: 100%; background-color: #d8d8d8;} .check-slide-li > label > span { padding: 5px 5px; font-weight: bold; font-size: 120%;} .check-slide-li input[type=checkbox] { margin-right: 6px;} .check-slide-ul { padding: 5px 10px;} .check-slide-ul li { padding: 3px 0px; width: 100%; cursor: pointer;} .check-slide-ul li > div { margin-right: 10px; display: inline-block;} .check-slide-ul li > p { display: inline-block; padding: 0px 5px; font-size: 95%; color: #333;} .point-text { font-size: 90%; float: right; padding: 5px 10px; color: rgba(209, 0, 0, 1);} /* 어린이 보호구역 검색 popup */ .popup15 > div { display: inline-block; padding: 5px 10px;} .popup15-tit { text-align: center; font-weight: bold; padding: 3px;} .popup15 > div > label { padding: 5px 5px 0px 5px; margin-top: 1px;} .fir-box { border-right: 1px solid #3e3e3e;} /* 상세조건 사고내용 조건 div */ .ACDNT_GAE_DIV { padding-bottom: 6px;} .ACDNT_GAE_DIV > ul > li { display: inline-block; font-size: 90%;} .ACDNT_GAE_DIV p { font-size: 90%; color: rgba(209, 0, 0, 1);} /* 버튼 */ .btn-search { font-family: 'NanumGothic'; width: 117px; display: block; *display: inline-block; background: #fb9d15 url(../images/gis/btn_search.gif) no-repeat 97px center; border-radius: 3px; color: #fff; border: 1px solid #e37715; padding: 7px 0 7px 118px; font-size: 13px; line-height: 100%;} .btn-search2 { font-family: 'NanumGothic'; width: 80px; display: inline-block; background: #fb9d15 url(../images/gis/btn_search.gif) no-repeat 17px center; border-radius: 3px; color: #fff; border: 1px solid #e37715; padding: 7px; font-size: 13px; line-height: 100%; background-color: #fb9d15; text-align: center;} .btn-minibox { *line-height: 22px; height: 4px; font-size: 11px; font-family: dotum; color: #666666; padding: 4px 7px; border: 1px solid #b4b4b4; border-radius: 2px; background-color: #f9f9f9; letter-spacing: -0.08em;} .btn-minibox2 { *line-height: 22px; height: 4px; font-size: 11px; font-family: dotum; color: #666666; padding: 4px 2px; border: 1px solid #b4b4b4; border-radius: 2px; background-color: #f9f9f9; letter-spacing: -0.08em;} .btn-minibox3 { *line-height: 22px; height: 20px; font-size: 11px; font-family: dotum; color: #666666; padding: 4px 2px; border: 1px solid #b4b4b4; border-radius: 2px; background-color: #f9f9f9; letter-spacing: -0.08em; float: right; margin-left: 3px; margin-top: 3px; width: 40px;} .btn-top-search { width: 40px; font-family: "NanumGothic"; display: block; border-radius: 3px; color: #fff; font-size: 13px; line-height: 100%; background: #727272; border: 1px solid #3e3e3e; padding: 7px 15px; text-align: center;} .selbox { border: 0; width: 120px;} .btn-downup { font-family: 'NanumGothic'; width: 100px; display: inline-block; border-radius: 3px; color: #fff; border: 1px solid #e37715; padding: 7px; font-size: 13px; line-height: 100%; background-color: #fb9d15; text-align: center;} .btn-downup2 { font-family: 'NanumGothic'; width: 80px; display: inline-block; border-radius: 3px; color: #fff; border: 1px solid #e37715; padding: 7px; font-size: 13px; line-height: 100%; background-color: #fb9d15; text-align: center;} .word-break-all { word-break: keep-all;} .pagination { position: relative; display: block; text-align: center; margin-top: 5px;}/*text-align 으로 정렬방향 결정*/ .pagination ul { display: inline-block; text-align: center;} .pagination ul > li { display: inline; *zoom: 1;} .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 0 0px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #d5d5d5; width: 27px; text-align: center; margin-right: 3px;} .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background: #0fbe82; color: #fff;} .pagination ul > .active > a, .pagination ul > .active > span { color: #fff; cursor: default; background-color: #0fbe82;} .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #777; cursor: default; background-color: #efefef;} .pagination ul > li.pg-btn > a { border: 0; height: 30px; line-height: 30px; margin-top: 10px;} .pagination ul > li.pg-btn > a:hover, .pagination ul > li.pg-btn > a:focus { background: none; border: 0;} #simplemodal-overlay { display: none !important;} .simplemodal-close { background: url(../images/gis/pop_close02.png) no-repeat; width: 14px; height: 13px; display: inline; z-index: 5200; position: absolute; top: 10px; right: 10px; cursor: pointer;} .simplemodal-hide { background: url(../images/gis/btn_pop_hide.png) no-repeat; width: 14px; height: 13px; display: inline; z-index: 5200; position: absolute; top: 10px; right: 35px; cursor: pointer;} .pop-close { background: url(../images/gis/pop_close02.png) no-repeat; width: 14px; height: 13px; display: inline; z-index: 5200; position: absolute; top: 10px; right: 10px; cursor: pointer; text-indent: -9999px;} .pop-hide { background: url(../images/gis/btn_pop_hide.png) no-repeat; width: 14px; height: 13px; display: inline; z-index: 5200; position: absolute; top: 10px; right: 35px; cursor: pointer; text-indent: -9999px;} .popup { width: 362px; border: 3px solid #0265cb; border-radius: 5px; position: absolute; left: 50%; margin-left: -290px; height: auto; top: 20%; z-index: 9999;} .popup02 { width: 402px; border-left: 3px solid #0265cb; border-right: 3px solid #0265cb; border-bottom: 3px solid #0265cb; border-radius: 5px; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9000;} .popup03 { width: 239px; border-left: 3px solid #0265cb; border-right: 3px solid #0265cb; border-bottom: 3px solid #0265cb; border-radius: 5px; position: absolute; left: 50%; margin-left: -190px; height: auto; top: 20%; z-index: 9000;} .popup04 { width: 350px; border-left: 3px solid #0265cb; border-right: 3px solid #0265cb; border-bottom: 3px solid #0265cb; border-radius: 5px; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9999;} .popup05 { width: 894px; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; border-bottom: 1px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9000;} .popup06 { width: 735px; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; border-bottom: 1px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 20%; top: 100px; z-index: 9999;} .popup07, .popup09 { width: 80%; height: 70%; border-left: 2px solid #0265cb; overflow: hidden; border-right: 2px solid #0265cb; border-bottom: 2px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 5px; top: 44px; z-index: 9000;} .popup09 { min-width: 820px;} .popup11 { width: 894px; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; border-bottom: 1px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9000;} .popup12 { width: 894px; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; border-bottom: 1px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9000;} /* 생활도로 통계 팝업 */ .popup13 { width: 505px; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; border-bottom: 1px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 1.5%; height: auto; top: 50px; z-index: 9000;} /* 지도검색 결과 팝업 */ .popup14 { width: 274.5px; border: 1px solid #3e3e3e; border-radius: 5px; box-sizing: border-box; position: absolute; left: 1.5%; height: auto; top: 50px; z-index: 9000; background-color: #fff;} /* 어린이 보호구역 검색 팝업 */ .popup15 { border: 1px solid #3e3e3e; position: absolute; right: 10%; height: auto; top: 50px; z-index: 9000; background-color: #e8e8e8;} /* 공간분석 팝업 */ .popup16 { width: 257px; border-left: 3px solid #0265cb; border-right: 3px solid #0265cb; border-bottom: 3px solid #0265cb; border-radius: 5px; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9000;} /* 보호구역효과분석 팝업 */ .popup19 { width: 257px; border-left: 3px solid #0265cb; border-right: 3px solid #0265cb; border-bottom: 3px solid #0265cb; border-radius: 5px; position: absolute; left: 20%; height: auto; top: 100px; z-index: 9000;} /* 기간별전후분석 팝업 */ .popup17 { min-width: 820px; width: 80%; height: 70%; border-left: 2px solid #0265cb; overflow: hidden; border-right: 2px solid #0265cb; border-bottom: 2px solid #0265cb; border-radius: 5px; box-sizing: border-box; position: absolute; left: 5px; top: 44px; z-index: 9000;} .popup04 h1 { background: url(../images/gis/pop_icon_location.png) no-repeat 0 center; padding-left: 17px;} .pop-header { width: 100%; position: relative; height: 17px; background: #0265cb;} .pop-header h1 { color: #fff; line-height: 17px; font-size: 13px; font-family: 'NanumGothicBold'; margin-left: 8px;} .pop-header2 { width: 100%; position: relative; height: 30px; background: #0265cb;} .pop-header3 { width: 100%; position: relative; height: 30px; background: #0265cb;} .pop-header3 h1 { color: #fff; line-height: 30px; font-size: 13px; font-family: 'NanumGothicBold'; margin-left: 8px;} .pop-header4 { width: 100%; position: relative; height: 30px; background: #727272;} .pop-header4 h1 { color: #fff; line-height: 30px; font-size: 13px; font-family: 'NanumGothicBold'; margin-left: 8px;} .pop-header-tm { width: 100%; position: absolute; height: 30px; background: #0265cb; z-index: 1000;} .pop-header-bm { width: 100%; position: relative; height: 30px; background: #0265cb;} .pop-header-bm h1 { color: #fff; line-height: 30px; font-size: 13px; font-family: 'NanumGothicBold'; margin-left: 8px;} .pop-headerN { width: 100%; position: relative; height: 17px; background: #0182d4;} .pop-headerN h1 { color: #eee; line-height: 17px; font-size: 13px; font-family: 'NanumGothicBold'; margin-left: 8px;} .pop-content { clear: both; background: #fff; border-radius: 5px;} .pop-content-tm { clear: both; background: #fff; width: 100%; height: 100%; border-radius: 5px;} .pop-content-hscroll { clear: both; background: #fff; overflow-y: scroll; height: 600px; border-radius: 5px;} .content-inbox { padding: 13px 10px 5px;} .content-inbox02 { padding: 0; height: 319px;} .content-inbox p { font-size: 12px; color: #555;} .content-inbox select { width: 295px; height: 25px; border: 1px solid #cdcdcd; margin-left: 5px;} .content-inbox .address { padding-left: 15px;} .content-inbox-mapsearch { padding: 5px 10px;} .content-inbox-mapsearch .address { padding-left: 0px; white-space: pre-wrap; word-wrap: break-word;} .content-inbox2 { padding: 0px;} .content-inbox5 { padding: 0px; height: 370px;} .content-inbox-tm { padding: 0px; height: 100%; width: 100%} .content-inbox-tm .content-stat { width: 100%; height: 142px; margin-top: 30px; display: inline-flex;} .content-inbox-tm .content-stat table td { text-align: center;} .content-inbox-tm .content-stat table tr { cursor: pointer;} .content-inbox-tm .content-stat2 { width: 100%; height: 126px; margin-top: 30px; display: inline-flex;} .content-inbox-tm .content-stat2 table td { text-align: center;} .content-inbox-tm .content-stat2 table tr { cursor: pointer;} .content-inbox-tm table { width: 50%; text-align: center;} .content-inbox-tm table th { background-color: #ebf2f7; padding: 8px 0; font-family: 'NanumGothicBold'; font-size: 13px; text-align: center; border-bottom: 1px solid #abafb3; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .content-inbox-tm table td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 25px; padding-left: 8px; vertical-align: middle;} .content-inbox-tm2 { padding: 0px; height: 100%; width: 100%} .content-inbox-tm2 .content-stat { width: 100%; height: 142px; margin-top: 30px; display: inline-flex;} .content-inbox-tm2 .content-stat table td { text-align: center;} .content-inbox-tm2 .content-stat table tr { cursor: pointer;} .content-inbox-tm2 .content-stat2 { width: 100%; height: 164px; margin-top: 30px; display: inline-flex;} .content-inbox-tm2 .content-stat2 table td { text-align: center;} .content-inbox-tm2 .content-stat2 table tr { cursor: pointer;} .content-inbox-tm2 table { width: 100%; text-align: center;} .content-inbox-tm2 table th { background-color: #ebf2f7; padding: 8px 0; font-family: 'NanumGothicBold'; font-size: 13px; text-align: center; border-bottom: 1px solid #abafb3; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .content-inbox-tm2 table td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 25px; padding-left: 8px; vertical-align: middle;} .context-searchCondition { background-color: #ebf2f7; padding: 8px 0; font-family: 'NanumGothicBold'; font-size: 13px; text-align: center; border-bottom: 1px solid #abafb3; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .pop-txt { width: 100%;} .pop-txt:after { content: ""; display: block; clear: both;} .pop-txt li { float: left;} .pop-txt01 { padding-top: 3px; margin-right: 8px; font-family: 'NanumGothicBold'; color: #555;} .pop-btn { width: 100%; text-align: right;} .pop-btn:after { content: ""; display: block; clear: both;} .pop-btn li { margin-top: 10px; display: inline-block;} .pop-btn2 { width: 100%; text-align: right; border-top: 1px solid #e9e9e9; margin-top: 10px;} .pop-btn2:after { content: ""; display: block; clear: both;} .pop-btn2 li { margin-top: 10px; display: inline-block;} .pop-btn01 { width: 49px; height: 27px; background-color: #0082c6; border: 1px solid #096ca2; color: #fff; font-family: 'NanumGothicBold'; font-size: 13px; cursor: pointer; border-radius: 3px;} .pop-btn02 { width: 49px; height: 27px; background-color: #0fbe82; border: 1px solid #069866; color: #fff; font-family: 'NanumGothicBold'; font-size: 13px; cursor: pointer; border-radius: 3px;} .pop-btn03 { width: 49px; height: 27px; background-color: #626161; border: 1px solid #3e3e3e; color: #fff; font-family: 'NanumGothicBold'; font-size: 13px; cursor: pointer; border-radius: 3px;} .pop-btn03:fucus { border: none;} .pop-btn04 { width: 75px; height: 27px; background-color: #0fbe82; border: 1px solid #069866; color: #fff; font-family: 'NanumGothicBold'; font-size: 13px; cursor: pointer; border-radius: 3px;} .pop-btn-area { padding-top: 8px; border-top: 1px solid #e9e9e9;} .pop-btn-area1 { padding-top: 3px; padding-bottom: 6px; border-top: 1px solid #e9e9e9;} .pop-btn05 { width: 49px; height: 27px; background-color: #626161; line-height: 29px; text-align: center; display: inline-block; border: 1px solid #3e3e3e; color: #fff; font-family: 'NanumGothicBold' !important; font-size: 13px; cursor: pointer; border-radius: 3px;} .pop-btn05:fucus { border: none;} .pop-btn06 { width: 75px; height: 27px; background-color: #f9f9f9; border: 1px solid #b4b4b4; color: #666666; font-family: 'NanumGothicBold'; font-size: 13px; cursor: pointer; border-radius: 3px;} .pop-minmax { right: 30px;} .pop-screen { right: 55px;} .pop-max { background: url(../images/gis/btn_pop_hide.png) no-repeat;} .pop-min { background: url(../images/gis/btn_pop_hide.gif) no-repeat;} .pop-screenshot { background: url(../images/gis/btn_image.gif) no-repeat;} .pae-map { display: inline-block; width: 100%; max-height: calc(100% - 172px);} .pae-map li { float: left; width: 50%; border-right: 2px solid #0265cb; text-align: center; height: 100%; background: #fff; box-sizing: border-box;} .pae-map li.last { border-right: 0;} .pae_title li { float: left; width: 100%; border-right: 2px solid #0265cb; text-align: center; color: #fff; font-size: 13px; font-weight: bold; height: 27px; line-height: 30px; font-family: 'NanumGothic'; box-sizing: border-box;} .pae_title li.last { border-right: 0; width: 50%;} .rpa-map { display: inline-block; width: 100%; max-height: calc(100% - 150px);} .rpa-map li { float: left; width: 50%; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; text-align: center; height: 100%; background: #fff; box-sizing: border-box;} .rpa-map li.last { border-right: 0;} .spa-map { display: inline-block; width: 100%; max-height: calc(100% - 150px);} .spa-map li { float: left; width: 50%; border-left: 1px solid #0265cb; border-right: 1px solid #0265cb; text-align: center; height: 100%; background: #fff; box-sizing: border-box;} .spa-map li.last { border-right: 0;} .rpa_title li { float: left; width: 100%; border-right: 2px solid #0265cb; text-align: center; color: #fff; font-size: 18px; font-weight: bold; height: 27px; line-height: 30px; font-family: 'NanumGothic'; box-sizing: border-box;} .rpa_title li.last { border-right: 0; width: 50%;} .spa_title li { float: left; width: 100%; border-right: 2px solid #0265cb; text-align: center; color: #fff; font-size: 18px; font-weight: bold; height: 27px; line-height: 30px; font-family: 'NanumGothic'; box-sizing: border-box;} .spa_title li.last { border-right: 0; width: 50%;} .rpaAnalysis { font-size: 18px; padding: 3px 0;} .spaAnalysis { font-size: 18px; padding: 3px 0;} /* 보호구역 효과분석 사고정보 팝업 */ .popupDetail { width: 570px; height: 230px; display: none; position: absolute; z-index: 10; right: 10px; bottom: 10px; background-color: white; border-radius: 5px; padding: 10px; border: 3px solid #0182d4;} .popupDetail .content-inbox { padding: 13px 0px 5px;} .popupDetail .content-inbox .table-g02 { width: 100%;} .popupDetail .content-inbox .table-g02 td.td-h { width: 110px;} .popupDetail .content-inbox .table-g02 td.td1, .popupDetail .content-inbox .table-g02 td.td-c3-h { padding-left: 5px;} /* 지도옵션팝업 */ .map-option { width: 100%; border-top: 2px solid #737678; color: #555;} .map-option th, .map-option td { padding: 10px 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle;} .map-option thead th { background-color: #ebf2f7; border-bottom: 1px solid #abafb3; font-family: 'NanumGothicBold'; font-size: 13px;} .map-option tbody th { border-bottom: 1px solid #ccc;} .map-option td { border-bottom: 1px solid #ccc;} .map-option td select { width: 56px; height: 24px; line-height: 100%; border-radius: 2px;} /*그리기도구팝업*/ .tool-tab { width: 49px; position: relative; float: left;} .tool-tab li { text-align: center; margin-right: 1px;} .tool-tab li.last a { border-bottom: 0;} .tool-tab li a { width: 49px; height: 39px; color: #333; display: block; text-indent: -9999px; border-bottom: 1px solid #c3c8cb; border-right: 1px solid #c3c8cb;} .tool-tab li a.tool-tab01 { background: #eaeef0 url(../images/gis/tool01.png) no-repeat center center;} .tool-tab li.active a.tool-tab01 { background: #fff url(../images/gis/tool01.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab02 { background: #eaeef0 url(../images/gis/tool02.png) no-repeat center center;} .tool-tab li.active a.tool-tab02 { background: #fff url(../images/gis/tool02.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab03 { background: #eaeef0 url(../images/gis/tool03.png) no-repeat center center;} .tool-tab li.active a.tool-tab03 { background: #fff url(../images/gis/tool03.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab04 { background: #eaeef0 url(../images/gis/tool04.png) no-repeat center center;} .tool-tab li.active a.tool-tab04 { background: #fff url(../images/gis/tool04.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab05 { background: #eaeef0 url(../images/gis/tool05.png) no-repeat center center;} .tool-tab li.active a.tool-tab05 { background: #fff url(../images/gis/tool05.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab06 { background: #eaeef0 url(../images/gis/tool06.png) no-repeat center center;} .tool-tab li.active a.tool-tab06 { background: #fff url(../images/gis/tool06.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab07 { background: #eaeef0 url(../images/gis/tool07.png) no-repeat center center;} .tool-tab li.active a.tool-tab07 { background: #fff url(../images/gis/tool07.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab08 { background: #eaeef0 url(../images/gis/tool08.png) no-repeat center center;} .tool-tab li.active a.tool-tab08 { background: #fff url(../images/gis/tool08.png) no-repeat center center; border-right: 0;} .tool-tab li a.tool-tab09 { background: #eaeef0 url(../images/gis/tool09.png) no-repeat center center;} .tool-tab li.active a.tool-tab09 { background: #fff url(../images/gis/tool09.png) no-repeat center center; border-right: 0;} .tool-area { float: left; width: 159px; height: 297px; background-color: #FFF; padding: 11px 15px; color: #555;} .tool-area p { margin-top: 11px;} .tool-area select { width: 94px; height: 24px; border: 1px solid #cdcdcd; border-radius: 3px; margin-left: 10px;} .tool-area input { margin-left: 10px;} .tool-area input.text { width: 100px; border: 1px solid #cdcdcd; border-radius: 3px;} /* 위치팝업 */ .location-btn { position: absolute; left: 500px; top: 500px;} .location-popup { position: absolute; left: 270px; top: 350px; padding-bottom: 16px; background: url(../images/gis/pop_bg_location.png) no-repeat 0 bottom; z-index: 1100} /* 교통사고 상세검색 */ .poptab { width: 100%; position: relative; background: url(../images/gis/poptab_bg.gif) repeat-x 0 bottom; height: 43px; border-left: 1px solid #cecece;} .poptab li { float: left; width: 119px; text-align: center;} .poptab li.last { margin-right: 0 !important;} .poptab li a { font-family: 'NanumGothic'; color: #777777; display: block; line-height: 44px; background-color: #FFF; height: 41px; font-size: 14px; border-top: 1px solid #cecece; background: url(../images/gis/bg_tline.gif) no-repeat right top;} @media screen and (-webkit-min-device-pixel-ratio: 0) { .poptab li a { line-height: 40px;} } .poptab li.active { color: #fff !important;} .poptab li.active .detail-poptab { font-family: 'NanumGothicBold'; color: #0066cc; background-color: #FFF; height: 39px; border-left: 2px solid #636567; border-top: 2px solid #636567; border-right: 2px solid #636567; border-bottom: 2px solid #fff;} .poptab li.active a { font-family: 'NanumGothicBold'; color: #0066cc; background-color: #FFF; height: 39px; border-left: 2px solid #636567; border-top: 2px solid #636567; border-right: 2px solid #636567; border-bottom: 2px solid #fff;} .poptab-area { width: 100%; position: relative; padding-top: 15px;} .poptab-area h2 { background: url(../images/gis/popup_h2.gif) no-repeat 2px center; padding-left: 26px; font-family: 'NanumGothicBold'; font-size: 15px; color: #444444; margin-top: 6px;} .pop-head { height: 28px;} .pop-scroll-body { height: 474px; overflow: auto; margin-top: 14px;} /* 상세검색 View Box */ .SelectConditionBox { padding: 5px 3px; width: 260px; overflow: hidden;} .conditionBorderBox { border: 1px solid #727272; padding: 2px 5px; display: inline-block; margin: 1px; border-radius: 5px; background-color: rgba(255, 255, 160, 0.7);} /* 생활도로 통계 pop-body */ .pop-livingRoad-scroll-body { height: 354px; overflow: auto; margin-top: 14px;} .pop-hscroll-body { height: 474px; overflow-x: scroll; margin-top: 14px;} .pop-vscroll-body { height: 474px; overflow-y: scroll; margin-top: 14px;} .pop-searchbox { width: 100%; padding: 14px 0; background-color: #f8f7f7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .pop-searchbox:after { content: ""; display: block; clear: both;} .poptab-area .search-tit { float: none; font-family: 'NanumGothicBold'; color: #555; line-height: 26px; margin-left: 12px; margin-right: 9px;} .pop-searchbox select { font-family: 'NanumGothic'; border: 1px solid #cdcdcd; border-radius: 3px; height: 26px; padding: 0; margin: 0;} .pop-searchbox input { border: 1px solid #cdcdcd; border-radius: 3px; height: 24px; padding: 0; margin: 0;} .pop-searchbox input.radio1 { border: 1px solid #cdcdcd; border-radius: 3px; height: 24px; padding: 0; margin: 2px 2px 2px 3px;} .pop-searchbox input.radio2 { border: 1px solid #cdcdcd; border-radius: 3px; height: 24px; padding: 0; margin: 2px 2px 2px 10px;} .search-item { margin-top: 10px; position: relative;} .item { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;} .search-item input { width: 133px; border: 1px solid #cdcdcd; border-radius: 3px; height: 24px; padding: 0; margin: 0; margin-right: 8px; margin-bottom: 7px;} .search-item select { width: 133px; border: 1px solid #cdcdcd; border-radius: 3px; height: 26px; padding: 0; margin: 0; margin-right: 8px; margin-bottom: 7px; vertical-align: top;} .search-item select.active { background-color: #0066cc; border: 1px solid #0066cc; color: #fff;} .search-item select.last { margin-right: 0;} .wd-87 { width: 87px !important;} .wd-67 { width: 67px !important;} .wd-110 { width: 114px;} .wd-164 { width: 164px;} .ftbold { color: #555; font-weight: bold;} /* DB분류 */ .db-div { position: absolute; left: .0px; top: 28px; border: 1px solid #a7a6a6; border-radius: 3px 3px 0 0; background-color: #FFF; width: 195px; height: 150px; z-index: 9999; display: none;} .div-header { width: 100%; background-color: #e8eff6; border-bottom: 1px solid #a7a6a6; padding: 2px 0; line-height: 100%;} .div-header:after { content: ""; display: block; clear: both;} .div-body { height: 124px; overflow-y: scroll;} .btn-enter { font-size: 11px; line-height: 100%; color: #666666; border: 1px solid #b4b4b4; border-radius: 2px; padding: 4px ; background-color: #f9f9f9; letter-spacing: -0.1em; display: inline-block;} .btn-cancle { font-size: 11px; line-height: 100%; color: #666666; border: 1px solid #b4b4b4; border-radius: 2px; padding: 4px; background-color: #ececec; letter-spacing: -0.1em; display: inline-block;} .db-div .btn-left { float: left; margin-left: 2px;} .db-div .btn-right { float: right; margin-right: 2px;} .div-body ul { margin-top: 7px; margin-left: 5px;} .div-body li { color: #888; line-height: 100%; margin-bottom: 1px;} .div-body li input { width: 10px; height: 10px; border: 1px solid #696969; margin-top: 0px; margin-bottom: 2px; margin-right: 0px !important; background: #fff !important;} .div-body li input[disabled] { opacity: 0.5;} /* 교통사고 상세검색 결과 */ .result-table { width: 2180px; border-top: 2px solid #737678; color: #555; margin-bottom: 15px;} .result-table th { background-color: #ebf2f7; padding: 10px 0; font-family: 'NanumGothicBold'; font-size: 13px; text-align: center; border-bottom: 1px solid #abafb3; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .result-table td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 44px; padding-left: 8px; vertical-align: middle;} /* 생활도로 통계 결과 */ .result-livingRoad-table { border-top: 2px solid #737678; color: #555; margin-bottom: 10px;} .result-livingRoad-table th { background-color: #ebf2f7; padding: 8px 0; font-family: 'NanumGothicBold'; font-size: 13px; text-align: center; border-bottom: 1px solid #abafb3; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .result-livingRoad-table td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 25px; padding-left: 8px; vertical-align: middle;} .map-legend { position: absolute; bottom: 50px; left: 20px; z-index: 1000; margin-bottom: 2px;} .map-legend-icon input[type=button] { background: #0265cb url(../images/gis/map-icon10.png) no-repeat; width: 27px; height: 14px; border: none; cursor: pointer; background-position: center; border: 1px solid #888; border-radius: 3px; background-color: #dedede;} .map-notice { position: absolute; bottom: 5px; left: 180px; z-index: 1000; margin-bottom: 2px;} .notice-text { line-height: 24px; font-family: 'NanumGothicBold'; letter-spacing: -0.10em; font-size: 16px; color: #fff; background-color: #fb9d15;} /* 지도유형 */ .map-type { position: absolute; top: 50px; right: 60px; z-index: 1000; ; border: 1px solid #ccc;} .map-type li { background-color: white; float: left; padding: 5px 10px;} .map-type li.on { background-color: #0265cb;} .map-type li.on a { color: #fff;} .map-type-satellite { position: absolute; top: 80px; right: 60px; z-index: 1000; width: 77px; background-color: white; border: 1px solid #ccc; padding: 5px;} .map-bar1 { position: absolute; top: 100px; right: 29px; z-index: 1000} .map-bar2 { position: absolute; top: 300px; right: 23px; z-index: 1000} .map-bar2 li { margin-bottom: 2px;} .map-bar-icon { width: 25px; height: 25px; border: 1px solid #888; border-radius: 3px; background-color: #fff; cursor: pointer;} .map-bar-icon:hover { width: 25px; height: 25px; border: 1px solid #0265cb; border-radius: 3px; background-color: #fff; cursor: pointer;} .map-bar-icon1 { width: 25px; height: 25px; border: 1px solid #888; border-radius: 2px 2px 0 0; background-color: #fff; cursor: pointer;} .map-bar-icon2 { width: 25px; height: 25px; border: 1px solid #888; border-radius: 0 0 2px 2px ; background-color: #fff; cursor: pointer;} .icon00 input[type=button] { background: url(../images/gis/map-icon00.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon01 input[type=button] { background: url(../images/gis/map-icon01.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon02 input[type=button] { background: url(../images/gis/map-icon02.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon03 input[type=button] { background: url(../images/gis/map-icon03.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon04 input[type=button] { background: url(../images/gis/map-icon04-01.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon0404 input[type=button] { background: url(../images/gis/map-icon0404.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon05 input[type=button] { background: url(../images/gis/map-icon05.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon06 input[type=button] { background: url(../images/gis/map-icon06.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon07 input[type=button] { background: url(../images/gis/map-icon07.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon08 input[type=button] { background: url(../images/gis/map-icon08.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon09 input[type=button] { background: url(../images/gis/map-icon09-01.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon00 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon00on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon01 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon01on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon02 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon02on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon03 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon03on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon04 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon04-01on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon0404 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon0404on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon05 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon05on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon06 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon06on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon07 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon07on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon08 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon08on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon09 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon09-01on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon13 input[type=button] { background: url(../images/gis/map-icon13.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .icon13 input[type=button]:hover { background: #0265cb url(../images/gis/map-icon13on.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center;} .map-bar2 li { position: relative;} .DemoTooltipLeft span.s01 { position: absolute; left: -270px ; top: 0; padding: 2px 5px; width: 250px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s02 { position: absolute; left: -280px ; top: 0; padding: 2px 5px; width: 260px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s03 { position: absolute; left: -335px ; top: 0; padding: 2px 5px; width: 315px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s04 { position: absolute; left: -335px ; top: 0; padding: 2px 5px; width: 315px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s05 { position: absolute; left: -280px ; top: 0; padding: 2px 5px; width: 260px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s06 { position: absolute; left: -200px ; top: 0; padding: 2px 5px; width: 180px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s07 { position: absolute; left: -170px ; top: 0; padding: 2px 5px; width: 150px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s08 { position: absolute; left: -130px ; top: 0; padding: 2px 5px; width: 110px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s09 { position: absolute; left: -150px ; top: 0; padding: 2px 5px; width: 130px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s10 { position: absolute; left: -190px ; top: 0; padding: 2px 5px; width: 170px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s11 { position: absolute; left: -150px ; top: 0; padding: 2px 5px; width: 130px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipLeft span.s13 { position: absolute; left: -355px ; top: 0; padding: 2px 5px; width: 335px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none; opacity: 0.7;} .DemoTooltipBottom span.s01 { position: absolute; left: 465px ; top: 10px; padding: 2px 5px; width: 275px; height: 20px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none;} .DemoTooltipRight span.s01 { position: absolute; left: 220px ; top: 40px; padding: 2px 5px; width: 335px; height: 30px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none;} .DemoTooltipSpaCircleRigh span.s01 { position: absolute; left: -70px ; top: 40px; padding: 2px 5px; width: 310px; height: 45px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none;} .DemoTooltipSpaPolygonRigh span.s01 { position: absolute; left: -70px ; top: 40px; padding: 2px 5px; width: 320px; height: 45px; background-color: #fff; box-shadow: 2px 2px 2px #aaa; display: none;} .icon11 input[type=button] { background: url(../images/gis/map-icon11_onon.gif) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .plus input[type=button] { background: url(../images/gis/plus-btn.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center} .minus { margin-top: -5px;} .minus input[type=button] { background: url(../images/gis/minus-btn.png) no-repeat; width: 25px; height: 25px; border: none; cursor: pointer; background-position: center} .side-btn1 { width: 54px; height: 25px; border: 1px solid #888; border-radius: 3px; background-color: #fff; cursor: pointer; position: absolute; top: 446px; right: 60px; display: none; z-index: 1001;} .side-btn1 li { float: left;} .icon04-02 input[type=button] { background: url(../images/gis/map-icon04-03.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon04-03 input[type=button] { background: url(../images/gis/map-icon04-02.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon04-02:hover input[type=button] { background: #0265cb url(../images/gis/map-icon04-03on.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon04-03:hover input[type=button] { background: #0265cb url(../images/gis/map-icon04-02on.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .side-btn2 { width: 54px; height: 25px; border: 1px solid #888; border-radius: 3px; background-color: #fff; cursor: pointer; position: absolute; top: 532px; right: 60px; display: none; z-index: 1001;} .side-btn2 li { float: left;} .icon09-01 input[type=button] { background: url(../images/gis/map-icon09-02.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon09-02 input[type=button] { background: url(../images/gis/map-icon09-03.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon09-03 input[type=button] { background: url(../images/gis/map-icon09-01.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon09-01:hover input[type=button] { background: #0265cb url(../images/gis/map-icon09-02on.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon09-02:hover input[type=button] { background: #0265cb url(../images/gis/map-icon09-03on.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .icon09-03:hover input[type=button] { background: #0265cb url(../images/gis/map-icon09-01on.png) no-repeat; width: 27px; height: 27px; border: none; cursor: pointer; background-position: center;} .side-btn3 .map-off { width: 29px; height: 29px; background: url(../images/gis/map-icon11_off.gif) no-repeat 0 0; position: absolute; right: 136px; bottom: 139px; text-indent: -9999px; display: block; z-index: 10; z-index: 1002;} .side-btn3 .map-on { width: 29px; height: 30px; background: url(../images/gis/map-icon11_on.gif) no-repeat 0 0; position: absolute; right: 0; bottom: 0; text-indent: -9999px; display: block; z-index: 1001;} .index-map-wrap { width: 164px; height: 167px; position: absolute; right: 0; bottom: 0; border-left: 1px solid #838b91; border-top: 1px solid #838b91; background-color: #FFF; display: block; z-index: 1001;} .index-map { width: 161px; height: 164px; position: absolute; right: 0; bottom: 0; border-left: 1px solid #838b91; border-top: 1px solid #838b91; background-color: #FFF; z-index: 1001;} .time-year li { float: left; width: 33%; border-right: 2px solid #0265cb; text-align: center; color: #fff; font-size: 13px; font-weight: bold; height: 27px; line-height: 30px; font-family: 'NanumGothic';} .time-year li.last { border-right: 0; width: 33%;} .time-map li { float: left; width: 33%; border-right: 2px solid #0265cb; text-align: center; height: 100%; background: #fff;} .time-map li.last { border-right: 0;} .simplemodal-hide { overflow: hidden !important;} .item-list li { float: left; position: relative;} .div-body li { clear: both;} .filetree li li { margin-bottom: -6px !important;} #checkbox-list li { margin-bottom: 4px;} .item-option, .item-option:active, .item-option:visited, .item-option:focus { width: 133px; border: 1px solid #cdcdcd; border-radius: 3px; height: 26px !important; line-height: 15px; background: #fff url(../images/gis/icon_selarrow.gif) no-repeat 120px center; font-size: 12px; color: #555; font-family: 'Nanum GothicBold' !important; text-indent: 7px; text-align: left; cursor: pointer;} .item-option:hover, .item-option.active { width: 133px; border: 1px solid #0066cc; border-radius: 3px; height: 26px !important; line-height: 15px; background: #0066cc url(../images/gis/icon_selarrow_on.gif) no-repeat 120px center; font-size: 12px; color: #fff; font-family: 'Nanum GothicBold' !important; text-indent: 7px; text-align: left; cursor: pointer;} /* FeatureInfo Popup */ .table-g01 { width: 510px; font-size: 12px; font-family: NanumGothicBold; color: #333; border: 1px solid #0265cb;} .table-g01 th, .table-g01 td { border: 1px solid #71bae2; vertical-align: middle;} .table-g01 td.td-h { width: 85px; text-align: center; font-family: NanumGothicExtraBold; font-weight: 700; color: #fff; background-color: #0265cb; height: 17px;} .table-g01 td.td1 { width: 170px; height: 17px; color: #333;} .table-g01 td.td-c3-h { width: 420px; height: 17px;} .table-g01 td.td-c3 { width: 420px; color: #333;} .table-g02 { width: 510px; font-size: 12px; font-family: NanumGothicBold; color: #333; border: 1px solid #d9e8f2;} .table-g02 th, .table-g02 td { border: 1px solid #b8cfdc; vertical-align: middle;} .table-g02 td.td-h { width: 85px; text-align: center; font-family: NanumGothicExtraBold; font-weight: 700; color: #eee; background-color: #0182d4; height: 17px;} .table-g02 td.td1 { width: 170px; height: 17px; color: #333;} .table-g02 td.td-c3-h { width: 420px; height: 17px; color: #333;} .table-g02 td.td-c3 { width: 420px; color: #333;} /* 선택영역 css 추가 */ .olHandlerBoxZoomBox { border: 2px solid red; position: absolute; background-color: white; opacity: 0.5; font-size: 1px; filter: alpha(opacity-50);} div.olControlMousePosition { left: 10px; bottom: 30px; font-size: 12px;} /* 교통사고 부성정보 추가(20210106) */ #rafAcdntInfoPoiList1 { list-style: none;} #rafAcdntInfoPoiList2 { list-style: none;} #rafAcdntInfoPoiList3 { list-style: none;} .board { width : 300px;} .fl { float: left;} .tc { text-align: center;} .w70 { width: 70px;} .w89 { width: 89px;} .w90 { width: 90px;} .w99 { width: 99px;} .w150 { width: 150px;} .w180 { width: 180px;} .w250 { width: 250px;} .title { height: 50px; line-height: 50px; background: #ebf2f7; font-weight: bold;} .title1 { height: 25px; line-height: 25px; background: #ebf2f7; font-weight: bold;} .title2 { height: 26px; line-height: 40px; background: #ebf2f7; font-weight: bold;} .t_line { border-right: solid 1px gray;} .lt_line { border-bottom: solid 1px gray;} .ut_line { border-top: solid 2px gray;} .list { height: 40px; line-height: 40px; background: #fff;}