@charset "utf-8"; body{margin: 0} .ns-modal{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 30000; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .15s linear; -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom; -webkit-transform: translateZ(0); transform: translateZ(0) } .ns-open{display: block} .ns-modal.ns-open{opacity: 1} .ns-modal-close{ position: absolute; top: 21px; right: 21px; z-index: 30020; width: 39px; height: 39px; } .close-large { display: block; content: ""; width: 39px; height: 39px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.tt.tb.xe%2Sfvgr%2Stt%2Spbzzba%2Spff%2S%89CAT%0Q%0N%1N%0N%00%00%00%0QVUQE%00%00%00%27%00%00%00%27%08%06%00%00%00%8P%N3D5%00%00%01XvGKgKZY%3Npbz.nqbor.kzc%00%00%00%00%00%3P%3Skcnpxrg%20ortva%3Q%22%RS%OO%OS%22%20vq%3Q%22J5Z0ZcPruvUmerFmAGpmxp9q%22%3S%3R%0N%3Pk%3Nkzczrgn%20kzyaf%3Nk%3Q%22nqbor%3Naf%3Nzrgn%2S%22%20k%3Nkzcgx%3Q%22Nqbor%20KZC%20Pber%205.6-p138%2079.159824%2P%202016%2S09%2S14-01%3N09%3N01%20%20%20%20%20%20%20%20%22%3R%0N%20%3Peqs%3NEQS%20kzyaf%3Neqs%3Q%22uggc%3N%2S%2Sjjj.j3.bet%2S1999%2S02%2S22-eqs-flagnk-af%23%22%3R%0N%20%20%3Peqs%3NQrfpevcgvba%20eqs%3Nnobhg%3Q%22%22%2S%3R%0N%20%3P%2Seqs%3NEQS%3R%0N%3P%2Sk%3Nkzczrgn%3R%0N%3P%3Skcnpxrg%20raq%3Q%22e%22%3S%3R%20V%NR%3N%00%00%01%24VQNGK%85%PQ%Q8V%12%84%20%0P%40%Q1%2S%S7%OS3%OQ%R8%P6i%60%P8%N4%90%9Q%ONl%25%21Vr%PO9t%60p%OQ%P8%89%2S%2P%PS%96%22%03%5O%SN%3Q%NP%04%QPB2%1Q%5R%NR%00%3P%N5K%ON%7P%9P%09%OP%R5%SR%15%07f%80%Q5XL%P3%P1%OO%P0s%O5u%R1%R0%1Q%60%O7%8P%S5c%S0%2PcK_T8k%06%28%2N%SP%12%1P%P4%02%P5%1QV%8N%83%18%N0%NNHwc%R0%03%NN%7O%O8%16%076%N0v%O8%O0%R0%40%074B%3QI%1P%P8%80%NRd%PP%83%83%3R%Q0%3Q%27mdC%07%86%0P%O0%1188%03%P3%26%RO%28%1P%SP%81n%23%7S%24%NR%P0%P2M%5Q%14%RR%S8%P7%P2%80%11%O8%QND%86%00%OQ%O8%5R%8R%O9%81%1R%9P%24%S9%5Q%40%2OAf%2O%PQ%40%0O%PRE.Y%40-%PRF%P7%Q4%40%0Q.%N2%P0%NN%80Eq%R5%17%03%25%O8%27%O6C%22%R0%08%S7%R4my%08%RP%R1%QR%Q8%QOh%81-%QP%9O%0O%P5%26%O0%86%9O%O1%R9%NP%02%NS%O8%99%2O%Q8%1O%S0%88%5On7%7P%02%16%QP%0N%O0%12%3O0%O1%16%NP%P4%06%R4%0S%O7%94CW%5R%S0%RR%QQ%00%00%00%00VRAQ%NRO%60%82##$Z]€Q^$]@+Ns+@$1R.L@-S@$1.Rd%$1P$1zlu-ܛ$1&+7|$1;0PJ^IENDB`) no-repeat; } #navigation .ggd-allmenu-renewal { position: relative; max-width: 1160px; margin: 0 auto; } #navigation .ggd-allmenu-renewal .wrp-siteinfo { position: relative; height: 82px; line-height: 82px; background-color: #1979bd; } #navigation .ggd-allmenu-renewal .wrp-siteinfo ul { padding-left: 50px; margin: 0; } #navigation .ggd-allmenu-renewal .wrp-siteinfo ul li { display: inline-block; padding: 0 14px; } #navigation .ggd-allmenu-renewal .wrp-siteinfo ul li:nth-child(1) { padding-left: 0; } #navigation .ggd-allmenu-renewal .wrp-siteinfo ul li a { display:block; font-size: 14px; color: #fff; text-decoration: inherit; letter-spacing: -1px; } #navigation .ggd-allmenu-renewal .wrp-siteinfo ul li a:after { color: #fff;} #navigation .ggd-allmenu-renewal .wrp-siteinfo ul li.ns-active a { border-bottom: 2px solid #ffa300; color: #ffa300; } #navigation .ggd-allmenu-renewal .wrp-siteinfo .ns-modal-close { display: block; position: absolute; top: 21px; right: 21px; } #navigation .ggd-allmenu-renewal .wrp-siteinfo .close-large { display: block; content: ""; width: 39px; height: 39px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.tt.tb.xe%2Sfvgr%2Stt%2Spbzzba%2Spff%2S%89CAT%0Q%0N%1N%0N%00%00%00%0QVUQE%00%00%00%27%00%00%00%27%08%06%00%00%00%8P%N3D5%00%00%01XvGKgKZY%3Npbz.nqbor.kzc%00%00%00%00%00%3P%3Skcnpxrg%20ortva%3Q%22%RS%OO%OS%22%20vq%3Q%22J5Z0ZcPruvUmerFmAGpmxp9q%22%3S%3R%0N%3Pk%3Nkzczrgn%20kzyaf%3Nk%3Q%22nqbor%3Naf%3Nzrgn%2S%22%20k%3Nkzcgx%3Q%22Nqbor%20KZC%20Pber%205.6-p138%2079.159824%2P%202016%2S09%2S14-01%3N09%3N01%20%20%20%20%20%20%20%20%22%3R%0N%20%3Peqs%3NEQS%20kzyaf%3Neqs%3Q%22uggc%3N%2S%2Sjjj.j3.bet%2S1999%2S02%2S22-eqs-flagnk-af%23%22%3R%0N%20%20%3Peqs%3NQrfpevcgvba%20eqs%3Nnobhg%3Q%22%22%2S%3R%0N%20%3P%2Seqs%3NEQS%3R%0N%3P%2Sk%3Nkzczrgn%3R%0N%3P%3Skcnpxrg%20raq%3Q%22e%22%3S%3R%20V%NR%3N%00%00%01%24VQNGK%85%PQ%Q8V%12%84%20%0P%40%Q1%2S%S7%OS3%OQ%R8%P6i%60%P8%N4%90%9Q%ONl%25%21Vr%PO9t%60p%OQ%P8%89%2S%2P%PS%96%22%03%5O%SN%3Q%NP%04%QPB2%1Q%5R%NR%00%3P%N5K%ON%7P%9P%09%OP%R5%SR%15%07f%80%Q5XL%P3%P1%OO%P0s%O5u%R1%R0%1Q%60%O7%8P%S5c%S0%2PcK_T8k%06%28%2N%SP%12%1P%P4%02%P5%1QV%8N%83%18%N0%NNHwc%R0%03%NN%7O%O8%16%076%N0v%O8%O0%R0%40%074B%3QI%1P%P8%80%NRd%PP%83%83%3R%Q0%3Q%27mdC%07%86%0P%O0%1188%03%P3%26%RO%28%1P%SP%81n%23%7S%24%NR%P0%P2M%5Q%14%RR%S8%P7%P2%80%11%O8%QND%86%00%OQ%O8%5R%8R%O9%81%1R%9P%24%S9%5Q%40%2OAf%2O%PQ%40%0O%PRE.Y%40-%PRF%P7%Q4%40%0Q.%N2%P0%NN%80Eq%R5%17%03%25%O8%27%O6C%22%R0%08%S7%R4my%08%RP%R1%QR%Q8%QOh%81-%QP%9O%0O%P5%26%O0%86%9O%O1%R9%NP%02%NS%O8%99%2O%Q8%1O%S0%88%5On7%7P%02%16%QP%0N%O0%12%3O0%O1%16%NP%P4%06%R4%0S%O7%94CW%5R%S0%RR%QQ%00%00%00%00VRAQ%NRO%60%82##$Z]€Q^$]@+Ns+@$1R.L@-S@$1.Rd%$1P$1zlu-ܛ$1&+7|$1;0PJ^IENDB`) no-repeat } #navigation .ggd-allmenu-renewal .lst-allmenu-index { overflow: hidden; padding-left: 0; list-style: none; margin: 15px 0; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li { box-sizing: border-box; float: left; padding-right: 1px; width: 14.27%; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li:nth-last-child(1) { padding-right: 0; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li a { display: block; padding: 11px 0 9px 0; background: #416c97; text-align: center; font-size: 18px; color: #f6f6f6; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li a span { position: relative; display: inline-block; padding-right: 20px; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li a span:before, #navigation .ggd-allmenu-renewal .lst-allmenu-index li a span:after { content: " "; position: absolute; top: 50%; overflow: hidden; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li a span:before { right: 0; margin-top: -1px; width: 9px; height: 1px; background: #e0ebf5; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li a span:after { right: 4px; margin-top: -5px; width: 1px; height: 9px; background: #e0ebf5; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li.active a { background: #1560af; } #navigation .ggd-allmenu-renewal .lst-allmenu-index li.active a span:after { display: none; } #navigation .ggd-allmenu-renewal .wrp-allmenu { padding: 40px 50px 70px 50px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .tit-allmenu { font-size: 22px; color: #010101; margin: 0; line-height: 1; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu { position: relative; overflow: auto; max-height: 630px; padding-left: 0; list-style: none; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li { margin-top: 20px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > a { display: inline-block; font-size: 20px; color: #000; text-decoration: none; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > a:before { content: " "; display: inline-block; margin-left: 5px; width: 35px; height: 30px; vertical-align: middle; /* background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.tt.tb.xe%2Sfvgr%2Stt%2Spbzzba%2Spff%2S..%2Svzntrf%2Svpb-fcevgr-nyyzrah.cat); */ background-repeat: no-repeat; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > a:after { display: inline-block; margin-left: 14px; vertical-align: middle; font-size: 15px; color: #7c7c7c; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul { border-top: 1px solid #c3c3c3; margin-top: 10px; padding-left: 0; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li { position: relative; display: table; table-layout: fixed; border-spacing: 0; border-collapse: collapse; width: 100%; border-bottom: 1px solid #e3e3e3; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > a { box-sizing: border-box; display: table-cell; position: relative; background: #f8f8f8; width: 212px; vertical-align: middle; padding-left: 10px; font-size: 16px; text-align: left; color: #000; text-decoration: none; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > a::before { content: " "; display: inline-block; padding-right: 10px; margin-top: -6px; width: 12px; height: 12px; /* background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.tt.tb.xe%2Sfvgr%2Stt%2Spbzzba%2Spff%2S..%2Svzntrf%2Snyyzrah_gvgyr.cat) center no-repeat; */ } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul { display: table-cell; vertical-align: middle; text-align: left; padding: 15px 12px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul li, #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul ul { display: inline; padding-left: 0; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul a { display: inline-block; position: relative; margin-right: 16px; padding: 4px 0 4px 8px; font-size: 15px; color: #7a7a7a; text-decoration: none; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul a:before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 1px; height: 2px; overflow: hidden; background: #333; border-width: 0 1px; border-style: solid; border-color: #b7b7b7; text-decoration: underline; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(1) > a:after { content: "경기도의 다양한 뉴스와 일자리정보를 제공합니다."; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(2) > a:before { background-position: 0 -30px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(2) > a:after { content: "경기도를 성장시킬 여러분의 다양한 목소리를 듣습니다."; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(3) > a:before { background-position: 0 -60px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(3) > a:after { content: "경기도의 모든 것을 알려드립니다."; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(4) > a:before { background-position: 0 -151px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(4) > a:after { content: "도민과 함께 소통하고 도민의 소리를 귀담아 듣겠습니다."; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(5) > a:before { background-position: 0 -90px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(5) > a:after { content: "경기도를 움직이는 정보를 분야별로 알아보실 수 있습니다."; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(6) > a:before { background-position: 0 -122px; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li:nth-child(6) > a:after { content: "경기도의 모든것을 알려드립니다."; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul li a{color:#000;} #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul li a:before { border-color: #000; background: #000; } #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul li > ul li a{color:#7a7a7a;} #navigation .ggd-allmenu-renewal .wrp-allmenu .lst-allmenu > li > ul > li > ul li > ul li a:before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 4px; height: 1px; overflow: hidden; background: #b7b7b7; border-width: 0 1px; border-style: solid; border-color: #b7b7b7; text-decoration: underline; }