@CHARSET "UTF-8"; /* 미니 대쉬보드*/ #freqDiv table {height: 80px; position:relative; float:left;} #freqDiv table tr td div {padding-bottom:5px; width:100px;position:absolute;font-size:11px;font-weight:bold;} #freqDiv table tr td.mFreqTd {border:solid 1px #565457;} /* 메인 대쉬보드*/ #freqDiv2 table {height: 340px; position:relative; float:left;} #freqDiv2 table tr td.freqTd {text-align:center; vertical-align:middle; font-size:95%; font-weight:bold; border-right: solid 1px #565457; border-top: solid 1px #565457;} #freqDiv2 table tr td.freqTdB {border-bottom: solid 1px #565457;} #freqDiv2 table tr td.freqTdU {text-decoration: underline;} /* 이용현황 */ #freqDiv3 table {height: 240px; position:relative; float:left;box-sizing: border-box;border-collapse:collapse;} /* 용도현황 */ .freqDiv3 table {height: 240px; position:relative; float:left;box-sizing: border-box;border-collapse:collapse;} #mainFreqUse_box {position: absolute; top:0px;width:100%;height:160px;border:1px solid #565457;box-sizing: border-box;border-collapse:collapse;} #mainFreqUse_box .freqTd {border:solid 1px #565457;text-align:center;display: table;border-collapse:collapse;font-size:0.7em;position:absolute;} #mainFreqUse_box .freqTdU {text-decoration: underline;} #mainFreqUse_box div span {display:table-cell;vertical-align:middle;text-align:center;} #mainFreqUse_box div span span {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-align:center; word-wrap: break-word; word-break: normal !important; line-height:1.2em;} #mainFreqUse_box .highlight {background: url(/images/sub/background-black.png) repeat 0 0; opacity:0.7;background-color: #FFFFFF; color: #FFFFFF;} #mainFreqUse_box .vertical-text {font-size:12px;color:#333;font-weight:bold;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); z-index:1002;} /*이용늘이기*/ #mainFreqUse_box_Detail {position: absolute; width:1170px;top:0px;height:162px;margin-left:20px;border:1px solid #565457;box-sizing: border-box;border-collapse:collapse;display: table-cell;} #mainFreqUse_box_Detail .freqTd {text-align:center; vertical-align:middle; font-size:95%; font-weight:bold; border-top:solid 1px #565457;border-right:solid 1px #565457;border-left:solid 1px #565457;box-sizing: border-box;border-collapse:collapse;text-align:center;display: table-cell;} #mainFreqUse_box_Detail .highlight {background: url(/images/sub/background-black.png) repeat 0 0; background-color: #FFFFFF; color: #FFFFFF;} #mainFreqUse_box_Detail .freqTdU {text-decoration: underline;} #mainFreqUse_box_Detail .vertical-text {font-size:12px;color:#333;margin-left:20px;font-weight:bold;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); z-index:1002;} #viewmap_detail {width:1220px;height:300px;top:860pxleft:350px;position:absolute;} #useFreqDiv table {height:180px; position:relative; float:left;} #useFreqDiv table tr td {text-align:center; vertical-align:middle; font-size:95%; font-weight:bold; border-right: solid 1px #565457; border-top:solid 1px #565457;} /* #freqDiv2 table tr td.vertical-text {height:80px; color:#333; border:0px solid red; writing-mode:tb-rl; white-space:nowrap; display:block; padding-top:5px; width:15px; height:15px; font-size:12px; letter-spacing: 1px; font-weight:bold;vertical-align:middle; text-align:center;} */ #freqDiv2 table tr td.vertical-text {height:80px; color:#333; border:0px solid red; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg);width:100px; position:absolute;top:304px; left: -47px; display:block; padding-top:5px; height:15px; font-size:12px; letter-spacing: 1px; font-weight:bold;vertical-align:middle; text-align:left;} /*#freqDiv3 table tr td.vertical-text {height:80px; color:#333; border:0px solid red; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg);width:100px; position:absolute;top:304px; left: -47px; display:block; padding-top:5px; height:15px; font-size:12px; letter-spacing: 1px; font-weight:bold;vertical-align:middle; text-align:left;}*/ /* #freqDiv2 table tr td.vertical-text {height:15px;color:#333; border:1px solid red; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg);width:100px; position:absolute;top:304px; left: -47px; display:block; padding-top:5px; font-size:12px; letter-spacing: 1px; font-weight:bold;vertical-align:middle;text-align:left;} */ .mainFreqUse_box {position: absolute; top:0px;width:100%;height:123px;border:1px solid #565457;box-sizing: border-box;border-collapse:collapse;} .mainFreqUse_box .freqTd {border:solid 1px #565457;text-align:center;display: table;border-collapse:collapse;font-size:0.7em;position:absolute;} .mainFreqUse_box .freqTdU {text-decoration: underline;} .mainFreqUse_box div span {display:table-cell;vertical-align:middle;text-align:center;} .mainFreqUse_box.freqUsageLayer_box div span span { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-align:center; word-wrap: break-word; word-break: normal !important; line-height:1.2em; } /* .mainFreqUse_box div span {display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} */ .mainFreqUse_box .highlight {background: url(/images/sub/background-black.png) repeat 0 0; opacity:0.7; background-color: #FFFFFF; color: #FFFFFF;} .mainFreqUse_box .vertical-text {font-size:0.7em;color:#333;font-weight:bold;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); z-index:1201; position:absolute;top:140px;width:50px;height:15px; border-top:0.5px dotted; padding-left:5px;} /* 주파수 내비게이션 */ .freqNaviLayer_box {top:-27px;} .freqNaviLayer_box .freqTd.off {background:url(/images/sub/background-black.png) repeat 0 0; background-color:#FFF; color:#000 !important; opacity:0.5;} .freqNaviLayer_box .freqTd.off2 {background:url(/images/sub/background-black.png) repeat 0 0; background-color:#FFF; color:#000 !important; opacity:0.5;} .legend_place {position:relative;} .legend_place > div {position:absolute !important;left:56px !important;width:1087px;height:83px;position:relative;float:left;} .freqNaviLayer_text {position:absolute;} .freqNaviLayer_text > div {position:absolute;font-size:11px;font-weight:bold;color:#333;padding-left:5px;border-left:1.2px dotted;} /* 주파수 분배도표 */ .freqDistLayer_box {height:273px;} .freqDistLayer_box .freqTd {font-size:13px;font-weight:bold;word-break:keep-all !important;} .freqDistLayer_box .freqTd:hover {z-index:1119 !important;filter:brightness(120%);} .freqDistLayer_box .freqTd.active {background:url(/images/kca/slash_bg.gif);} .freqDistLayer_box .freqTd.off {background-color:#aaa !important; color:#000 !important;} .freqDistLayer_box .freqTd.off2 {background-color:#aaa !important; color:#000 !important;} /* .freqDistLayer_box .freqTd.off {background:url(/images/sub/background-black.png) repeat 0 0; background-color:#FFF; color:#000 !important; opacity:0.5;} */ .freqDistLayer_box .vertical-text {font-size:0.7em;color:#333;font-weight:bold;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); z-index:1201; position:absolute;top:292px;width:50px;height:15px; border-top:0.5px dotted; padding-left:5px;} .freqDistLayer_box div span span { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-align:; word-wrap: break-word; line-height:1.2em; } /* 주파수 이용현황도표 */ .freqUseLayer_box {height:163px;} .freqUseLayer_box .freqTd:hover {z-index:1119 !important;filter:brightness(120%);} .freqUseLayer_box .freqTd.active {background:url(/images/kca/slash_bg.gif);} .freqUseLayer_box .freqTd.off {background-color:#aaa !important; color:#000 !important; z-index:999 !important;} .freqUseLayer_box .freqTd.off2 {background-color:#aaa !important; color:#000 !important; z-index:999 !important;} .freqUseLayer_box .vertical-text {font-size:0.7em;color:#333;font-weight:bold;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); z-index:1201; position:absolute;top:182px;width:50px;height:15px; border-top:0.5px dotted; padding-left:5px;} .freqUseLayer_box div span span { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-align:center; word-wrap: break-word; word-break: normal !important; line-height:1.2em; } .null { background-color: rgba(245, 245, 245, 1) !important; color: #000000 !important;} /* 색상없는경우 */ .B0100 { background-color: #F59C00 !important; color: #000000 !important;} /* 고정 */ .B2000, .B2001, .B2002, .B2003, .B2004 { background-color: #D8D0BA !important; color: #000000 !important;} /* 고정위성 */ .B1700 { background-color: #DF7B9F !important; color: #FFFFFF !important; } /* 기상 원조 */ .B1711, .B1712 { background-color: #DDEBDB !important; color: #000000 !important; } /* 기상위성 */ .B2501, .B2502 { background-color: #C7A864 !important; color: #000000 !important; } /* 무선측위위성 */ .B1100, .B1101 { background-color: #E51D1F !important; color: #FFFFFF !important; } /* 무선탐지, 무선표정 */ .B0800 { background-color: #CEC2D7 !important; color: #000000 !important; } /* 무선항행 */ .B2600, .B2601, .B2602, .B2604 { background-color: #D3855E; color: #FFFFFF !important; } /* 무선항행위성 */ .B9999 { background-color: #FFFFFF !important; color: #000000 !important;} /* 미분배 */ .B0200 { background-color: #AFCB07 !important; color: #000000 !important; } /* 방송 */ .B0221 { background-color: #CDE5EA !important; color: #000000 !important; } /* 방송위성 */ .B1600 { background-color: #0D9D79 !important; color: #FFFFFF !important; } /* 아마추어 */ .B1610, .B1611 { background-color: #12A883 !important; color: #FFFFFF !important; } /* 아마추어위성 */ .B1510, .B1511, .B1512, .B1513, .B1514, .B1515, .B1516, .B1517, .B1518, .B1519, .B1520 { background-color: #FBF6CD !important; color: #000000 !important; } /* 우주연구 */ .B1531, .B1533, .B1534, .B1535, .B1536 { background-color: #508B37 !important; color: #FFFFFF !important; } /* 우주운용 */ .B1540, .B1541 { background-color: #FFED00 !important; color: #000000 !important; } /* 위성간, 위성상호간 */ .B0600 { background-color: #EC6706 !important; color: #000000 !important; } /* 육상이동 */ .B0300, .B0311 { background-color: #FECC00 !important; color: #000000 !important; } /* 이동 */ .B0312, .B0313 { background-color: #9B578F !important; color: #FFFFFF !important; } /* 이동 (항공이동 제외) */ .B2100, .B2101, .B2102, .B2103, .B2105 { background-color: #98CCC5 !important; color: #FFFFFF !important; } /* 이동위성 */ .B3000 { background-color: #BCDCF5 !important; color: #000000 !important; } /* 전파천문 */ .B1550, .B1551, .B1552, .B1553, .B1554, .B1555, .B1556 { background-color: #FCEBF2 !important; color: #000000 !important; } /* 지구탐사위성 */ .B1810, .B1811, .B1812, .B1813, .B1814, .B1815, .B1816, .B1817, .B2900, .B2901, .B2902, .B2903 { background-color: #E1E4E1 !important; color: #000000 !important; } /* 표준주파수 */ .B1000 { background-color: #9E89C2 !important; color: #FFFFFF !important; } /* 항공무선항행 */ .B0500, .B0501, .B0502 { background-color: #21B9EB !important; color: #000000 !important; } /* 항공이동 */ .B2400 { background-color: #A7CFEF !important; color: #000000 !important; } /* 항공이동위성 */ .B0900, .B0901 { background-color: #5F8DA8 !important; color: #FFFFFF !important; } /* 해상무선항행 */ .B0400, .B0401, .B0421 { background-color: #008BD2 !important; color: #FFFFFF !important; } /* 해상이동 */ .B2200 { background-color: #FFC !important; color: #000000 !important; } /* 육상이동위성 */ .B2300 { background-color: #6CF !important; color: #FFFFFF !important; } /* 해상이동위성 */ .B2400 { background-color: #6FF !important; color: #000000 !important; } /* 항공이동위성 */ /* 도움말 */ #STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;} .spectrum_legend {position:relative;margin: 0 auto; width: 100%; height: 83px;} .spectrum_legend h2 {font-size:18px;color:#333339;line-height:18px;margin-bottom:10px;} .spectrum_legend h2 span {font-size:13px;color:#888;margin-left:18px;line-height:13px;display:inline-block;font-weight:normal;} .spectrum_legend .box {position:relative;border:1px solid #e2e2e2;height:79px;background-color:#f5f5f5;overflow:hidden;} .spectrum_legend .box .left {position:absolute;top:-1px;left:-1px;width:29px;height:85px;background:url('/images/sub/leftarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .left {position:absolute;top:-1px;left:27px;width:29px;height:85px;background:url('/images/sub/leftarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .left:hover {background:url('/images/sub/leftarrow_over.png') no-repeat center center #fff;} .spectrum_legend .box .right {position:absolute;top:-1px;right:-2px;width:29px;height:85px;background:url('/images/sub/rightarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .right {position:absolute;top:-1px;right:27px;width:29px;height:85px;background:url('/images/sub/rightarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .right:hover {background:url('/images/sub/rightarrow_over.png') no-repeat center center #fff;} .spectrum_legend .box .left_m_ly {position:absolute;top:-1px;left:-1px;width:29px;height:85px;background:url('/images/sub/leftarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .left_m_ly:hover {background:url('/images/sub/leftarrow_ly_over.png') no-repeat center center #fff;} .spectrum_legend .box .right_m_ly {position:absolute;top:-1px;right:-1px;width:29px;height:85px;background:url('/images/sub/rightarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .right_m_ly:hover {background:url('/images/sub/rightarrow_ly_over.png') no-repeat center center #fff;} .spectrum_legend .box .left_ly {position:absolute;top:0px;left:0px;width:29px;height:85px;background:url('/images/sub/leftarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .left_ly:hover {background:url('/images/sub/leftarrow_ly_over.png') no-repeat center center #fff;} .spectrum_legend .box .right_ly {position:absolute;top:0px;right:0px;width:29px;height:85px;background:url('/images/sub/rightarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_legend .box .right_ly:hover {background:url('/images/sub/rightarrow_ly_over.png') no-repeat center center #fff;} .spectrum_legend .box .dragframe {position:absolute;top:-14px;width:98px;height:108px;background:url('/images/sub/dragframe.png') no-repeat 0 0;cursor:pointer;} .spectrum_legend .dropbar_lay {position:absolute;top:0;right:0;} .spectrum_legend .dropbar_lay .sp01 {display:inline-block;font-size:10px;color:#9a9a9a;font-weight:600;line-height:12px;vertical-align:middle;margin-top:5px;margin-right:3px;} .spectrum_legend .dropbar_lay .dropbar02 {display:inline-block;position:relative;width:258px;background:url('/images/sub/dragbar02.png') no-repeat 0 0;height:12px;margin-top:5px;vertical-align:middle;} .spectrum_legend .dropbar_lay .draghandle02 {position:absolute;top:-5px;width:66px;height:26px;background:url('/images/sub/draghandle02.png') no-repeat 0 0;cursor:pointer;} .spectrum_legend .legend_place {float:left;width:1238px;height:79px;} .freq_width100 {width:100%;} .sp_layout {position:relative;} .sp_layout .dragframe {position:absolute;top:30px;width:84px;height:500px;border:5px solid #27acd7;-webkit-box-shadow:3px 3px 10px #999;-moz-box-shadow:3px 3px 10px #999;box-shadow:3px 3px 10px #999;cursor:pointer;} .spectrum_detail {position:relative;} .spectrum_detail h2 {font-size:18px;color:#333339;line-height:18px;margin-bottom:10px;} .spectrum_detail h2 span {font-size:13px;color:#888;margin-left:18px;line-height:13px;display:inline-block;font-weight:normal;} .spectrum_detail h2.ct01 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct01.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct02 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct02.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct03 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct03.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct04 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct04.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct05 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct05.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct06 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct06.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct07 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct07.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail h2.ct08 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct08.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail .box {position:relative;border:1px solid #e2e2e2;box-sizing:border-box;height:180px;background-color:#f5f5f5;margin-bottom:16px;} .spectrum_detail .box .left {position:absolute;top:0;left:28px;width:29px;height:100%;background:url('/images/sub/leftarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .left:hover {background-image:url('/images/sub/leftarrow_over.png');} .spectrum_detail .box .left_U {position:absolute;left:28px;width:29px;height:100%;background:url('/images/sub/leftarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .left_U:hover {background-image:url('/images/sub/leftarrow_over.png');} .spectrum_detail .box .right {position:absolute;right:28px;width:29px;height:100%;background:url('/images/sub/rightarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .right:hover {background-image:url('/images/sub/rightarrow_over.png');} .spectrum_detail .box .right_U {position:absolute;right:28px;width:29px;height:100%;background:url('/images/sub/rightarrow.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .right_U:hover {background-image:url('/images/sub/rightarrow_over.png');} .spectrum_detail .box .left_ly {position:absolute;left:0;width:29px;height:100%;background:url('/images/sub/leftarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .left_ly:hover {background-image:url('/images/sub/leftarrow_ly_over.png');} .spectrum_detail .box .left_ly_U {position:absolute;left:0;width:29px;height:100%;background:url('/images/sub/leftarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .left_ly_U:hover {background-image:url('/images/sub/leftarrow_ly_over.png');} .spectrum_detail .box .right_ly {position:absolute;right:0;width:29px;height:100%;background:url('/images/sub/rightarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .right_ly:hover {background-image:url('/images/sub/rightarrow_ly_over.png');} .spectrum_detail .box .right_ly_U {position:absolute;right:0;width:29px;height:100%;background:url('/images/sub/rightarrow_ly.png') no-repeat center center #fff;border:1px solid #e2e2e2;box-sizing:border-box;cursor:pointer;z-index:999;} .spectrum_detail .box .right_ly_U:hover {background-image:url('/images/sub/rightarrow_ly_over.png');} .spectrum_detail .dropbar {position:relative;width:1240px;background:url('/images/sub/dragbar.png') no-repeat 0 0;height:12px;} .spectrum_detail .draghandle {position:absolute;top:-5px;width:206px;height:26px;background:url('/images/sub/draghandle.png') no-repeat 0 0;cursor:pointer;} .spectrum_detail .select_spect {float:left;width:1238px;height:180px;} .spectrum_detail2 {position:relative;} .spectrum_detail2 h2 {font-size:18px;color:#333339;line-height:18px;margin-bottom:10px;} .spectrum_detail2 h2 span {font-size:13px;color:#888;margin-left:18px;line-height:13px;display:inline-block;font-weight:normal;} .spectrum_detail2 h2.ct01 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct01.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 h2.ct02 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct02.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 h2.ct03 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct03.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 h2.ct04 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct04.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 h2.ct05 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct05.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 h2.ct06 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct06.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 h2.ct07 {font-size:18px;color:#333339;line-height:35px;margin-bottom:10px;background:url('../images/sub/ct07.gif') no-repeat 0 0;padding-left:45px;} .spectrum_detail2 .box {position:relative;border:1px solid #e2e2e2;height:180px;background-color:#f5f5f5;margin-bottom:16px;} .spectrum_detail2 .box .left {position:absolute;top:0px;left:29px;width:29px;height:180px;background:url('../images/sub/leftarrow02.png') no-repeat 0 0;cursor:pointer;} .spectrum_detail2 .box .right {position:absolute;top:0px;right:29px;width:29px;height:180px;background:url('../images/sub/rightarrow02.png') no-repeat 0 0;cursor:pointer;} .spectrum_detail2 .box .left_ly {position:absolute;top:0px;left:0px;width:29px;height:180px;background:url('../images/sub/leftarrow02_ly.png') no-repeat 0 0;cursor:pointer;} .spectrum_detail2 .box .right_ly {position:absolute;top:0px;right:0px;width:29px;height:180px;background:url('../images/sub/rightarrow02_ly.png') no-repeat 0 0;cursor:pointer;} .spectrum_detail2 .dropbar {position:relative;width:1240px;background:url('../images/sub/dragbar.png') no-repeat 0 0;height:12px;} .spectrum_detail2 .draghandle {position:absolute;top:-5px;width:206px;height:26px;background:url('../images/sub/draghandle.png') no-repeat 0 0;cursor:pointer;} .spectrum_detail2 .select_spect {float:left;width:1238px;height:180px;} .spectrum_content .search_tbl { width:100%; font-weight:300; line-height:18px; text-align: center; display: none; } /* spectrum map 하단 6개 */ .tab_bot {margin-bottom:20px;text-align:center;width:1200px; margin:0 auto;} .tab_bot .spectrum_tab {display:block; margin-bottom:40px;height:50px;} .tab_bot li {float:left;width:200px;box-sizing:border-box;} .tab_bot li a {box-sizing:border-box;line-height:50px;background:#eceef5;font-size:15px;font-weight:500; display:inline-block;width:100%;border:1px solid #d7d7d7;} .tab_bot li a.on {border:1px solid #7c81d6; background:#6f75d6; color:#fff;} .tab_bot2 {margin-bottom:20px;text-align:center;width:1200px; margin:0 auto;} .tab_bot2 .spectrum_tab {display:block; margin-bottom:40px;height:50px;} .tab_bot2 li {float:left;width:33.3%;box-sizing:border-box;} .tab_bot2 li a {box-sizing:border-box;line-height:50px;background:#eceef5;font-size:15px;font-weight:500; display:inline-block;width:100%;border:1px solid #d7d7d7;} .tab_bot2 li a.on {border:1px solid #7c81d6; background:#6f75d6; color:#fff;} .spectrum_content {margin-top:30px; width:1200px; margin:0 auto;margin-bottom:20px;}/* 2018-10-19 수정 */ .sousview {display:inline-block;width:107px;height:27px;text-align:center;border-radius:5px 5px 5px 5px;background:#9fa9c2;line-height:27px;color:#1f4540 !important;font-size:14px;} .sousview.disable {background:#ececec !important;color:#a7a7a7 !important;} .showtbl {display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(/images/sub/btn_brd_show.png) no-repeat 0 0;font-size:0;} .showtbl.active {background:url(/images/sub/btn_brd_hide.png) no-repeat 0 0;} .table03 .tbl03_1 {border-bottom:1px solid #dedede;color:#393939;padding:15px 0px;font-size:14px;background-color:#fff;line-height:20px;} #fds01 {width:100%;float:left;overflow:hidden;position:relative;} #fds02 {width:0%;float:left;overflow:hidden;position:relative;} .fds01 {width:100%;float:left;overflow:hidden;position:relative;} .fds02 {width:0%;float:left;overflow:hidden;position:relative;} .fds_innr {/* margin: 0 auto 120px; */width: 100%;}/* 2018-11-20 세연 수정 */ .or_btn01 {position:fixed;right:0;top:375px;width:21px;padding:67px 10px 0;height:113px;color:#a3acbe;background:url('/images/sub/btn_or_left.png') no-repeat 0 0;font-size:14px;text-align:center;cursor:pointer;line-height:15px;font-weight:600;z-index:1202;} .or_btn02 {display:none;position:fixed;left:0;top:375px;width:20px;padding:52px 12px 0 6px;height:125px;color:#a3acbe;background:url('/images/sub/btn_or_right.png') no-repeat 0 0;font-size:14px;text-align:center;cursor:pointer;line-height:15px;font-weight:600;} .view_all_btn {position:absolute;right:0;top:-25px;background:url('/images/sub/icon_back.png') no-repeat 5px center #fff;box-sizing:border-box;padding:3px 7px 3px 25px;background-size:20%;border:1px solid #ccc;height:26px;line-height:20px;font-weight:600;color:#393939;border-radius:5px 5px 0 0;font-size:12px;} @media screen and (max-width:959px){ .specgis1 {width:100%;} .fds01 {} .fds_inner {width:100%} .tab_bot {width:100%;} .tab_bot .spectrum_tab {float:left;height:auto;width:100%;} .tab_bot li {display:block;width:33.1%;} .tab_bot li a {font-size:1.2em; background:#eceef5;border:1px solid #d7d7d7;} .tab_bot li a.on {border:1px solid #7c81d6; background:#6f75d6; color:#fff;} .tab_bot li a.on:after {border-left:none;} .tab_bot li a span {} .tab_bot2 {width:100%;} .tab_bot2 li {float:left;width:33.1%;} .gotoup {z-index:100;} .spectrum_content {width:100%;margin-top:1em;} .spectrum_content table {width:100%;} .or_btn01 {position:absolute;top:360px;height:70px;background-position:-4px -20px;padding:35px 9px 0 7px;border-radius:7px 0 0 7px;} .or_btn01 span{display:none;} .or_btn01:after {content:'지도보기'} .or_btn02 {position:absolute;top:360px;height:60px;background-position:0 -10px;padding:35px 9px 0 7px;border-radius:0 7px 7px 0;} .or_btn02 span{display:none;} .or_btn02:after {content:'분배표'} } @media screen and (max-width:640px){ .or_btn01 {top:403px;} .or_btn02 {top:403px;} #m_show {display:none;} } @media screen and (max-width:360px){ .or_btn01 {top:492px;} .or_btn02 {top:492px;} #m_show {display:none;} } div.C1, select.C1, option.C1 { background-color: #E51D1F !important; color: #FFFFFF !important; } div.C2, select.C2, option.C2 { background-color: #EC6706 !important; color: #000000 !important; } div.C3, select.C3, option.C3 { background-color: #AFCB07 !important; color: #000000 !important; } div.C4, select.C4, option.C4 { background-color: #008BD2 !important; color: #FFFFFF !important; } div.C5, select.C5, option.C5 { background-color: #FECC00 !important; color: #000000 !important; } div.C6, select.C6, option.C6 { background-color: #E1E4E1 !important; color: #000000 !important; } div.C7, select.C7, option.C7 { background-color: #222622 !important; color: #FFFFFF !important; } div.ETC, select.ETC, option.ETC { background-color: #FFFFFF !important; color: #000000 !important; }