@charset "utf-8"; /** * @File Name : all.css * @Description : Base Adjust + Layout[main+sub] Mobile First! * @Modification Information * 
 * 수정일 | 수정자 | 수정내용
 * 2019.01.16 | 문영신 | 최초 등록
 * 2019.01.31 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.02.15 | 문영신 | [lang|='ko']
 * 2019.02.18 | 김효진 | #tnb1 div.d3>ul>li>a 줄간격 추가 (분야별정보-건축토지 하위메뉴 라인 안맞아서 떨어지는 증상)
 * 2019.02.29 | 김효진 | #tnb1 div.d1>ul>li>a 여백 수정
 *
* @author 웹표준화실 문영신 * @since 2019.01.16 * * @Copyright (C) IACTS.CO.KR All rights reserved. */ /* Table of contents )) | Base Adjust | Layout[main+sub] Mobile First! | clearfix | #head, .. | ETC | @media print{} ))) sub.css | RWD ◇◆ | @keyframes ◇◆ */ /* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆ */ /* ☆@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2Sonfr.pff); */ /* base.css )) Overwrite. 20190215 ◆◆◆ */ body{ background:#fff; color:#555; font-weight:400; font-size:1em; /* (((16px */ line-height:1.75; /* ☆ */ letter-spacing:-.03125em; /* (-.5px/16px) */ overflow:hidden; /* ★ */ top:auto !important /* 구글번역기 */ } [lang|='ko'], [lang|='ko']>*{ font-family: 'Noto Sans', 'Noto Sans KR', '본고딕', NotoSans, 'Apple SD Gothic Neo', 'Open Sans', 'Microsoft JhengHei', 'Meiryo', /* 'Noto Sans KR','본고딕',NotoSans,'Noto Sans', */ /* '나눔고딕',NanumGothic,'Nanum Gothic', */ '맑은 고딕','Malgun Gothic', '돋움',Dotum, Helvetica,'Helvetica Neue', Arial,sans-serif; } /* [IE8] *.eot 폰트 지저분하여 맑은 고딕 사용 */ .IE8[lang|='ko'], .IE8[lang|='ko']>*, .IE8 [lang|='ko'], .IE8 [lang|='ko']>*{ font-family: 'Noto Sans', 'Noto Sans KR', '본고딕', NotoSans, 'Apple SD Gothic Neo', 'Open Sans', 'Microsoft JhengHei', 'Meiryo', '맑은 고딕','Malgun Gothic', '돋움',Dotum, Helvetica,'Helvetica Neue', Arial,sans-serif; } /* [IE8]fix) */ .bsContain>div>img, .bsCover>div>img{ /* [IE8]fix) */ visibility:inherit !important; } /* ◇◆ 공용 ◇◆ */ /* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */ /* 배치.전체 20190129. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */ html, body, #container, #wrap, #body{min-height:100%;} .container{position:relative; min-width:280px; /* ☆ */ margin:0 20px; /* ☆ */ } #container{position:relative;} div.bg2top{} div.bg2top>div{} div.bg2btm{} div.bg2btm>div{} #head{clear:both; position:relative; } div.bg2head{} div.bg2head>div{} /* 전자정부 안내문구 - 20241022 추가 */ #head_s0{position:relative;height: 35px;background: #f1f1f1;} #head_s0 .info{position:relative;display:block;min-width:300px;margin:0 auto;left:16px;top:8px;padding-left:30px;color: #000000;font-size: 13px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Srt_ybtb.cat) no-repeat center left;} #head_s1{position:relative; height:70px; border-bottom:1px solid #eee; background:#fff; } #head_s2{position:relative;} #head_s3{ /* position:relative; */ /* height:0; */ } [id*='head_']>.container{ margin:auto; } #head_s1>.container{} #head_s2>.container{} #head_s3>.container{ position:static; /* ☆ 다른거 펼치면 밀리는 콘텐츠 */ } #wrap{ clear:both; position:relative; min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */ background:#fff; } #wrap>.container{} /* ))) sub.css, main.css */ #body{ z-index:0; /* ☆ 다른 펼쳐지는거 보다 낮춤 */ position:relative; } #wing{display:block;z-index:10;position:relative;} /* ((( sub.css */ #foot{clear:both;position:relative; background:#fff; } div.bg2foot{} div.bg2foot>div{} #foot_s1{ z-index:10; position:relative; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#f4f4f4; } #foot_s2{ background:#444; } #foot_s3{ background:#444; } [id*='foot_']>.container{} #foot_s1>.container{padding:10px 0;} #foot_s2>.container{} #foot_s3>.container{padding:0 0 30px;} /* 배치.유틸 20190129 */ .width1expand1{ margin-left:-20px; margin-right:-20px; } /* ☆ 모바일 감춤 20190129 */ /* #fitinfo1{display:none;} */ /* #towninfo1{display:none;} */ #anb1{display:none;} #tn1{display:none;} #quick1{display:none;} /* only Desktop BG image Preload 20190129 */ /* none */ /* #head */ /* 글로벌내비.분리 20190131 */ #gn1{ z-index:10; position:absolute;right:97px;top:0; overflow:hidden; } #gn1 ul{ font-size:0; text-align:right; float:left; } #gn1 li{display:inline-block; padding:0 1px 0 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sta1f.cat) no-repeat 100% 50%; } #gn1 a{display:block;position:relative; padding:8px .75em; color:#000; font-size:13px; line-height:18px; } #gn1 a:hover .t1, #gn1 a:focus .t1 {text-decoration:underline;} #gn1 a .t1{display:inline-block; vertical-align:middle; } #gn1 a .ic1{display:none; width:16px;height:16px; margin:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2So.cat) no-repeat center center; background-size:contain; vertical-align:middle; } #gn1 a .ic1.home{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp32n3p1fgne1%402k.cat);} #gn1 a .ic1.sitemap{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp32n3p1zncznexre1%402k.cat);} #gn1 a .ic1.council{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp32n3p1pbhapvy1%402k.cat);} #gn1 a .ic1.dream{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp32n3p1qernz1%402k.cat);} #gn1 a:focus{outline:none;outline-offset:0;border:2px dotted coral;margin:1px;} /*코로나*/ #gn1 .gn1_corona{background-color: #0283d9;} #gn1 .gn1_corona a{color:#fff;} #gn1 .gn1_corona a .t1_color{color: #ffe949;} #gn1 a .ic1.corona{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svpb_pb19.cat);} /* 언어.펼침 20190131 */ #gn2{ float:left; position:absolute;right:0;top:0; min-height:35px; color:#fff; } #gn2 strong {display:block;} #gn2 a{display:block; min-width:80px; padding:7px 10px; background:#f7f7f7; color:#000; font-weight:400; font-size:13px; line-height:18px; white-space:nowrap; } #gn2 a.toggle{display:inline-block; position:relative; padding:9px .75em 7px; background:none; color:#000; font-size:13px; line-height:18px; } #gn2 a.toggle:hover {text-decoration:underline;} #gn2 a.toggle .t1{display:block;} #gn2 a.toggle .ic1{position:absolute;top:10px;left:.75em;display:none; width:16px;height:16px; margin:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp32n3p1rnegu1%402k.cat) no-repeat center center; background-size:contain; vertical-align:middle; } #gn2c{display:none; z-index:40; /* z > (#anb1 .b1) (#anb1c) */ position:absolute; right:0; } #gn2c ul{ border:1px solid #ddd; } #gn2c li{ border-top:1px solid #e7e7e7; } #gn2c li:first-child{ border-top:0; } #gn2c li a{} #gn2c li a:hover, #gn2c li a:focus{ background:#fff; text-decoration:underline; } #gn2 .close{width:100%;height:34px;;display:block;position:absolute;left:0;top:-34px;box-sizing:border-box;background:transparent;} /* 로고 20221004 */ h1#logo>a>.logo_s{ width: auto; height: 31px; margin:16px 0 0 13px; } /* 로고 20190129 */ h1#logo{display:block; position:relative; margin:13px 140px 20px 20px; /* (화면확인) (우요소) (화면확인) (좌요소) */ font-size:0; text-align:left; } h1#logo>a{position:relative; z-index:10; } h1#logo>a>img{ width:auto; height:53px; } h1#logo>a>img+img{ width:auto; height:28px; margin:19px 0 0 13px; } #logo3{display:inline-block; z-index:10; position:absolute;left:100px;top:20px; } #logo3 a{display:inline-block;vertical-align:middle;} #logo3 img{} @media all and (min-width:640px){ #logo3{display:none;} } #logo4{display:none; } @media all and (min-width:1260px){ #logo4{display:inline-block; z-index:10; position:absolute;right:-9px;top:10px;} } /* 통합검색 20190129 */ #search1{} #search1 .b1.toggle{float:left; z-index:10; position:absolute; right:20px; top:26px; box-sizing:border-box; /* ☆ */ width:40px;height:40px; border-radius:4px; border:1px solid #bbb; background:none; overflow:visible; text-indent:-9999px; } #search1 .b1.toggle .t1{display:inline-block; overflow:hidden; text-indent:-9999px; } #search1 .b1.toggle .ic1{display:block; position:absolute;left:50%;top:50%; width:40px;height:40px;margin:-20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n2p1frnepu1%402k.cat) no-repeat;background-size:contain; } #search1 .b1.toggle.on{} #search1 .b1.toggle.on .ic1{ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p1pybfr1%402k.cat); } #search1 .b1.toggle.on:before{content:''; /* △ */ float:left; position:absolute;left:50%;bottom:0; width:0;height:0; margin:-22px -12px; border:12px solid transparent;border-bottom-color:#dfe3e6;border-top:0; overflow:hidden;text-indent:100%; } /* ☆ */ #search1c{display:block !important;visibility:hidden; z-index:20; position:absolute; box-sizing:border-box; /* ☆ */ padding:0 63px 0 0; border:20px solid #dfe3e6; border-width:16px 20px; background:#dfe3e6; overflow:hidden; } #search1c.on{display:block;visibility:visible; position:relative; height:auto; } #search1 input.text{float:left; box-sizing:border-box; width:100%; height:40px; margin:0; padding:2px; border-radius:4px 0 0 4px; border:1px solid #0053a7; border-right:0; background:#fff; color:#888; font-size:15px; line-height:38px; } #search1 input.text:focus{color:#000;} #search1 .submit{float:right; position:relative; box-sizing:border-box; width:63px; height:40px; margin:0 -63px 0 0; padding:0; border-radius:0 4px 4px 0; border:1px solid #0053a7; background:#0053a7; color:#fff; transition:0s; /* ☆ */ } #search1 .submit:focus{outline: 2px dotted coral;} #search1 .submit:focus{position:relative;border: 2px dotted coral;/* margin: 0; */} .keyword1{color:#005fca !important;} /* 맞춤정보 20190129 */ #fitinfo1{} #fitinfo1 .b1.toggle{float:left; z-index:10; position:absolute; right:65px; top:26px; box-sizing:border-box; /* ☆ */ width:40px;height:40px; border-radius:4px; border:1px solid #0053a7; background:none; text-align:center; overflow:hidden; } #fitinfo1 .b1.toggle:focus{ outline:1px dotted #000; } #fitinfo1 .b1.toggle .t1{display:inline-block; color:#0053a7; font-weight:400; font-size:14px; vertical-align:middle; overflow:hidden; text-indent:-9999px; } #fitinfo1 .b1.toggle .ic1{display:inline-block; width:40px;height:40px; margin:-1px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n3p2hfre1%402k.cat) no-repeat; background-size:contain; vertical-align:middle; } #fitinfo1 .b1.toggle:before{content:''; /* △ */ float:left; position:absolute;left:50%;bottom:0; width:0;height:0; margin:-22px -12px; border:12px solid transparent;border-bottom-color:#2171d0;border-top:0; overflow:hidden; text-indent:100%; opacity:0; transition:margin .4s; } #fitinfo1 .b1.toggle.on{ background:#0053a7; } #fitinfo1 .b1.toggle.on .ic1{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p0pybfr1%402k.cat); */ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n3p0hfre1%402k.cat); } #fitinfo1 .b1.toggle.on:before{ opacity:1; } #fitinfo1c{display:none; z-index:32; /* #quick1 < z < 주메뉴바 */ position:relative; /* margin:0 -20px; */ } #fitinfo1c.on{ display:block; } #fitinfo1c>.width1expand1{ /* ☆ */ padding:20px 20px 0; background:#2171d0; } #fitinfo1 ul{ font-size:0; text-align:center; } #fitinfo1 li{display:inline-block; width:auto; margin:0 6px 20px; vertical-align:top; } #fitinfo1 li a{display:block; color:#fff; overflow:hidden; } #fitinfo1 li a .t1{display:block; font-size:14px; } #fitinfo1 li a .ic1{display:block; width:60px;height:60px; margin:0 auto 7px; background:url() no-repeat center center; background-size:contain;text-indent:-9999px;overflow:hidden; } #fitinfo1 li a:hover .t1, #fitinfo1 li a:focus .t1 {text-decoration:underline;} #fitinfo1 .m1 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c01%402k.cat);} #fitinfo1 .m2 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c02%402k.cat);} #fitinfo1 .m3 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c03%402k.cat);} #fitinfo1 .m4 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c04%402k.cat);} #fitinfo1 .m5 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c05%402k.cat);} #fitinfo1 .m6 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c06%402k.cat);} #fitinfo1 .m7 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c07%402k.cat);} #fitinfo1 .m8 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c08%402k.cat);} #fitinfo1 .m9 a .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssvgvasb1c09%402k.cat);} /* [IE8]fix) */ #fitinfo1 li a .ic1 div img{visibility:inherit !important;} /* 동네정보 20190129 */ #towninfo1{} #towninfo1 .b1.toggle{float:left; z-index:10; position:absolute; right:20px; top:26px; box-sizing:border-box; /* ☆ */ width:40px;height:40px; border-radius:4px; border:1px solid #0053a7; background:none; text-align:center; overflow:hidden; } #towninfo1 .b1.toggle:focus{ outline:1px dotted #000; } #towninfo1 .b1.toggle .t1{display:inline-block; color:#0053a7; font-weight:400; font-size:14px; vertical-align:middle; overflow:hidden; text-indent:-9999px; } #towninfo1 .b1.toggle .ic1{display:inline-block; width:40px;height:40px; margin:-1px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n3p2zvyrcbfg1%402k.cat) no-repeat; background-size:contain; vertical-align:middle; } #towninfo1 .b1.toggle:before{content:''; /* △ */ float:left; position:absolute;left:50%;bottom:0; width:0;height:0; margin:-22px -12px; border:12px solid transparent;border-bottom-color:#14a5aa;border-top:0; overflow:hidden;text-indent:100%; opacity:0; transition:margin .4s; } #towninfo1 .b1.toggle.on{ background:#0053a7; } #towninfo1 .b1.toggle.on .ic1{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p0pybfr1%402k.cat); */ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n3p0zvyrcbfg1%402k.cat); } #towninfo1 .b1.toggle.on:before{ opacity:1; } #towninfo1c{display:none; z-index:32; /* #quick1 < z < 주메뉴바 */ position:relative; margin-left:-20px; margin-right:-20px; } #towninfo1c.on{ display:block; } #towninfo1c>.width1expand1{ /* ☆ */ padding:25px 20px; background:#14a5aa; text-align:center; } /* 동네고르다 20190129 */ #take1town1{position:relative; margin:0 20px; text-align:center; } #take1town1 .wrap1{} #take1town1 .hg1{display:inline-block; width:100%; max-width:524px; color:#fff; overflow:hidden; } #take1town1 .hg1 .p1 img{ width:100%; height:auto; } #take1town1 .h1, #take1town1 .hg1t1{ font-size:0; text-indent:-9999px; } #take1town1 ul{ margin:20px -16px; font-size:0; overflow:hidden; } #take1town1 li{display:inline-block;} #take1town1 li a{display:block; position:relative; width:4em; margin:3px; padding:6px 28px 6px 12px; border-radius:4px; background:#fff; color:#000; font-size:14px; text-align:left; /* transition:.2s; */ } #take1town1 li a .t1{} #take1town1 li a .ic1{display:inline-block; position:absolute;right:0;top:50%; width:15px;height:15px; margin:-7.5px 7px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp15n3p1arjjvaqbj1.cat) no-repeat center center; border-radius:2px; } #take1town1 li a:hover, #take1town1 li a:focus, #take1town1 li.on a{ background-color:#001969; color:#fff; } #take1town1 li a:hover .ic1, #take1town1 li a:focus .ic1, #take1town1 li.on a .ic1{ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp15n3p0arjjvaqbj1.cat); } /* 지도 20190129 */ #map1{display:block; z-index:0; position:relative; margin:auto; overflow:hidden; overflow-x:auto; } #map1 .wrap1{} #map1 .w1{display:block; position:relative; width:557px; /* (557+여유) */ height:485px; /* (485+여유) */ margin:0 auto 10px; zoom:.6; /* ☆ */ } #map1 .w1map .w1 img{display:block; position:relative; } /* 지도요소 */ #map1 .z{display:inline-block; position:absolute; width:0;height:0; } #map1 .z .a1{display:inline-block; position:absolute; /* background:rgba(0,255,255, .5); */ line-height:1; white-space:nowrap; } #map1 .z .t0, #map1 .z .t1, #map1 .w1 .w1info1 .t1 {display:inline-block; z-index:10; /* ☆ */ position:relative; bottom:4px; color:#8c7d44; font-weight:600; font-size:14px; line-height:1; /* ☆ */ } #map1 .z16~.z .t1{ /* 동 */ font-size:0; } /* 활성 */ #map1 .z .f1, #map1 .w1 .w1info1 .f1 {display:inline-block; visibility:hidden; /* z-index:5; ☆ */ z-index:10; position:absolute; opacity:0; /* transition:.4s; */ } #map1 .z .f1 img, #map1 .w1 .w1info1 .f1 img{ max-width:none; /* ☆ */ } #map1 .z .t2, #map1 .w1 .w1info1 .t2{display:inline-block; visibility:hidden; z-index:20; /* ☆ */ position:absolute;left:0;bottom:0; margin:14px 12px; padding:.375em .75em .375em 20px; border-radius:4px 9999px 9999px 4px; background:#5c2100; color:#fff; font-weight:400; font-size:14px; opacity:0; /* transition:.4s; */ } #map1 .z .ic1, #map1 .w1 .w1info1 .t2 .ic1{display:inline-block; visibility:hidden; /* ☆ */ z-index:30; /* ☆ */ position:absolute;left:0;bottom:0; width:40px; height:51px; margin:0 -20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sznc1%2Sznc1znexre1ba%402k.cat) no-repeat center center; background-size:contain; vertical-align:middle; text-indent:-9999px; overflow:hidden; } /* 존(기준위치) */ #map1 .z1{left:317px;top:310px;} /* 문산읍 */ #map1 .z2{left:140px;top:339px;} /* 내동면 */ #map1 .z3{left:246px;top:349px;} /* 정촌면 */ #map1 .z4{left:325px;top:364px;} /* 금곡면 */ #map1 .z5{left:386px;top:281px;} /* 진성면 */ #map1 .z6{left:436px;top:308px;} /* 일반성면 */ #map1 .z7{left:496px;top:290px;} /* 이반성면 */ #map1 .z8{left:446px;top:251px;} /* 사봉면 */ #map1 .z9{left:427px;top:195px;} /* 지수면 */ #map1 .z10{left:318px;top:158px;} /* 대곡면 */ #map1 .z11{left:298px;top:231px;} /* 금산면 */ #map1 .z12{left:218px;top:166px;} /* 집현면 */ #map1 .z13{left:252px;top:95px;} /* 미천면 */ #map1 .z14{left:113px;top:159px;} /* 명석면 */ #map1 .z15{left:80px;top:246px;} /* 대평면 */ #map1 .z16{left:15px;top:239px;} /* 수곡면 */ #map1 .z17{left:203px;top:260px;} /* 천전동 */ #map1 .z18{left:209px;top:260px;} /* 성북동 */ #map1 .z19{left:209px;top:260px;} /* 중앙동 */ #map1 .z20{left:209px;top:260px;} /* 상봉동 */ #map1 .z21{left:209px;top:260px;} /* 상대동 */ #map1 .z22{left:209px;top:260px;} /* 하대동 */ #map1 .z23{left:209px;top:260px;} /* 상평동 */ #map1 .z24{left:209px;top:260px;} /* 초장동 */ #map1 .z25{left:209px;top:260px;} /* 평거동 */ #map1 .z26{left:209px;top:260px;} /* 신안동 */ #map1 .z27{left:209px;top:260px;} /* 이현동 */ #map1 .z28{left:209px;top:260px;} /* 판문동 */ #map1 .z29{left:209px;top:260px;} /* 가호동 */ #map1 .z30{left:209px;top:260px;} /* 충무공동 */ #map1 .z31{left:209px;top:260px;z-index:20} /* 충무공동 */ /* 존(맵) */ #map1 .z1 .f1{left:-39px;top:-56px;} /* 문산읍 */ #map1 .z2 .f1{left:-19px;top:-66px;} /* 내동면 */ #map1 .z3 .f1{left:-51px;top:-29px;} /* 정촌면 */ #map1 .z4 .f1{left:-15px;top:-35px;} /* 금곡면 */ #map1 .z5 .f1{left:-39px;top:-80px;} /* 진성면 */ #map1 .z6 .f1{left:-5px;top:-45px;} /* 일반성면 */ #map1 .z7 .f1{left:-21px;top:-63px;} /* 이반성면 */ #map1 .z8 .f1{left:-55px;top:-52px;} /* 사봉면 */ #map1 .z9 .f1{left:-48px;top:-50px;} /* 지수면 */ #map1 .z10 .f1{left:-45px;top:-122px;} /* 대곡면 */ #map1 .z11 .f1{left:-20px;top:-57px;} /* 금산면 */ #map1 .z12 .f1{left:-39px;top:-102px;} /* 집현면 */ #map1 .z13 .f1{left:-67px;top:-63px;} /* 미천면 */ #map1 .z14 .f1{left:-24px;top:-77px;} /* 명석면 */ #map1 .z15 .f1{left:-23px;top:-81px;} /* 대평면 */ #map1 .z16 .f1{left:-15px;top:-67px;} /* 수곡면 */ #map1 .z17 .f1{left:-59px;top:-67px;} /* 천전동 */ #map1 .z18 .f1{left:-65px;top:-67px;} /* 성북동 */ #map1 .z19 .f1{left:-65px;top:-67px;} /* 중앙동 */ #map1 .z20 .f1{left:-65px;top:-67px;} /* 상봉동 */ #map1 .z21 .f1{left:-65px;top:-67px;} /* 상대동 */ #map1 .z22 .f1{left:-65px;top:-67px;} /* 하대동 */ #map1 .z23 .f1{left:-65px;top:-67px;} /* 상평동 */ #map1 .z24 .f1{left:-65px;top:-67px;} /* 초장동 */ #map1 .z25 .f1{left:-65px;top:-67px;} /* 평거동 */ #map1 .z26 .f1{left:-65px;top:-67px;} /* 신안동 */ #map1 .z27 .f1{left:-65px;top:-67px;} /* 이현동 */ #map1 .z28 .f1{left:-65px;top:-67px;} /* 판문동 */ #map1 .z29 .f1{left:-65px;top:-67px;} /* 가호동 */ #map1 .z30 .f1{left:-65px;top:-67px;} /* 충무공동 */ #map1 .z31 .f1{left:-65px;top:-67px;} /* 충무공동 */ /* 동.불릿 */ /* #map1 .z16~.z .a1:before{ content:'';display:inline-block; z-index:10; position:absolute; width:8px;height:8px; border-radius:9999px; background:#ca7443; } #map1 .z17 .a1:before{left:209 px;top:260 px;} */ /* 동.개별 */ #map1 .z4 .t2{margin:-26px 22px;} /* 금곡면 (-40 +14) () */ #map1 .z17 .t2{margin:0 -13px;} /* 천전동 (-14 +14) () */ #map1 .z18 .t2{margin:19px 7px;} /* 성북동 (5 +14) () */ #map1 .z19 .t2{margin:25px 21px;} /* 중앙동 (11 +14) () */ #map1 .z20 .t2{margin:60px 21px;} /* 상봉동 (46 +14) () */ #map1 .z21 .t2{margin:4px 45px;} /* 상대동 (-10 +14) () */ #map1 .z22 .t2{margin:28px 36px;} /* 하대동 (14 +14) () */ #map1 .z23 .t2{margin:-12px 44px;} /* 상평동 (-36 +14) () */ #map1 .z24 .t2{margin:66px 28px;} /* 초장동 (52 +14) () */ #map1 .z25 .t2{margin:14px -18px;} /* 평거동 (0 +14) () */ #map1 .z26 .t2{margin:24px -4px;} /* 신안동 (10 +14) () */ #map1 .z27 .t2{margin:38px -13px;} /* 이현동 (24 +14) () */ #map1 .z27 .t2{margin:24px -44px;} /* 판문동 (10 +14) () */ #map1 .z29 .t2{margin:-43px 44px;} /* 가호동 (-57 +14) () */ #map1 .z30 .t2{margin:-34px 66px;} /* 충무공동 (-48 +14) () */ #map1 .z31 .t2{margin:3px -30px;} /* 진주시 안내문구 (-48 +14) () */ #map1 .z31 .t1{color:transparent} /* 효과 */ #map1 .z .a1:hover .t1, #map1 .z .a1:focus .t1, #map1 .z.on .a1 .t1{ visibility:hidden; } #map1 .z .a1:hover .f1, #map1 .z .a1:focus .f1, #map1 .z.on .f1, #map1 .z .a1:hover .t2, #map1 .z .a1:focus .t2, #map1 .z.on .t2{ visibility:visible; opacity:1; } #map1 .z .a1:hover .ic1, #map1 .z .a1:focus .ic1, #map1 .z.on .a1 .ic1, #map1 .w1 .w1info1.on .t2 .ic1{ visibility:visible; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sznc1%2Sznc1znexre1ba%402k.cat); /* animation:kfx1move1vertic2 .6s ease-in-out infinite; */ } /* 진주시 통합 */ #map1 .w1 .w1info1 {position:absolute;top:171px;left:144px;width:146px;height:149px;z-index:20} #map1 .w1 .w1info1 .t1 {top:82px;left:10px;z-index:20;color:transparent} #map1 .w1 .w1info1 .f1 {opacity:0;visibility:hidden;top:22px;left:0;} #map1 .w1 .w1info1.on .f1, #map1 .w1 .w1info1.on .t2 {opacity:1;visibility:visible;} #map1 .w1 .w1info1.on .t2 {bottom:30px;left:38px} /* 분야별정보 메뉴 수정(아이콘) 20230411 */ /* 분야별정보 메뉴 수정 - 원복(아이콘) 20231011 */ /*@media all and (min-width:1260px){ #tnb1 div.d1>ul>li:nth-child(5){} #tnb1 li:nth-child(5)>div.d2{ background: #ffffff; } #tnb1 li:nth-child(5)>div.d2>.bg{display:none;} #tnb1 li:nth-child(5)>div.d2>.hg1{ float:none; position:static; width:auto; min-height:0; padding:0; color:#fff; text-align:center; } #tnb1 li:nth-child(5)>div.d2>.hg1>.h1{font-size:30px; letter-spacing:-.0625em;padding-top: 31px;border-top: 1px solid #000;} #tnb1 li:nth-child(5)>div.d2>.hg1>.h1:after{ display: block; width:1em; height:0; margin:16px auto; border: none; } #tnb1 li:nth-child(5)>div.d2>.hg1>.h2{margin:10px 0 30px;font-size:14px;} #tnb1 li:nth-child(5)>div.d2>.hg1>.ic1{ display:none;} #tnb1 li:nth-child(5)>div.d2>ul{ width: auto; margin: 18px -20px; padding:0; font-size:0; text-align: center; } #tnb1 li:nth-child(5)>div.d2>ul>li{display:inline-block;vertical-align:top;width:98px;height:98px;margin:6px;} #tnb1 li:nth-child(5)>div.d2>ul>li>a{width:100%;height:100%;min-width:auto;background:#f2f3f8;border-radius:10px;border-color:#f2f3f8;font-size:15px;color:#000;padding: 21px 0;box-sizing:border-box;} #tnb1 li:nth-child(5)>div.d2>ul>li>a:hover, #tnb1 li:nth-child(5)>div.d2>ul>li>a:focus{ background:#fff;border:1px solid #000;box-shadow:3px 3px 10px rgba(0,0,0,.2) } #tnb1 li:nth-child(5)>div.d2>ul>li>a:before{content:"";display:block;width:60px;height:49px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Synlbhg_fcevgr1.cat) no-repeat;margin:auto auto 10px;} #tnb1 li:nth-child(5)>div.d2>ul>li>a>.t1{display:block;color: #151515;font-size: 14px;padding: 7px 0 0 0;float: left;text-align: center;width: 100%;} #tnb1 li:nth-child(5)>div.d2>ul>li>a[target='_blank']:after {display:none;} #tnb1 li:nth-child(5)>div.d2>ul>li>a>.ic1{ display: block; width:0px;height:42px; margin: auto 16px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2S..%2Svzt%2Svap%2So.cat) no-repeat center center; } #tnb1 li:nth-child(5)>div.d2>ul>li>a:before {content:"";display:block;width: 70px;height: 46px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Svzt%2Svap%2Synlbhg_fcevgr1.cat) no-repeat;margin: -40px 13px 0 0;} #tnb1 li:nth-child(5)>div.d2:after {background-color:#fbfbfd} #tnb1 li.m5>div.d2>ul>li.m1>a:before {background-position: 8px 0px;} #tnb1 li.m5>div.d2>ul>li.m2>a:before {background-position: -69px -2px;} #tnb1 li.m5>div.d2>ul>li.m3>a:before {background-position: -144px -2px;} #tnb1 li.m5>div.d2>ul>li.m4>a:before {background-position: -230px 3px;} #tnb1 li.m5>div.d2>ul>li.m5>a:before {background-position: -314px 0;} #tnb1 li.m5>div.d2>ul>li.m6>a:before {background-position: -389px 0;} #tnb1 li.m5>div.d2>ul>li.m7>a:before {background-position: -462px 0;} #tnb1 li.m5>div.d2>ul>li.m8>a:before {background-position: 8px -58px;} #tnb1 li.m5>div.d2>ul>li.m9>a:before {background-position: -67px -60px;} #tnb1 li.m5>div.d2>ul>li.m10>a:before {background-position: -145px -61px;} #tnb1 li.m5>div.d2>ul>li.m11>a:before {background-position: -230px -60px;} #tnb1 li.m5>div.d2>ul>li.m12>a:before {background-position:-478px -153px} }*/ /* 분야별정보 메뉴 수정(아이콘) 끝 */ /* #tnb1 ))) 미디어쿼리 max-width:1259px 안으로 보냄 */ /* #wing */ /* 위로 20190129 */ #gotop1{position:fixed; top:290px; bottom:10px;right:10px;width:55px;height:55px;background:rgba(0,0,0,.5);border-radius:50%; z-index:50; text-align:center; } #gotop1 .ic1{display:inline-block; width:32px;height:32px; margin:0 0 -6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp32n2p0hc1.cat) no-repeat center center; background-size:contain;text-indent:-9999px;overflow:hidden; vertical-align:middle; } #gotop1 .t1{display:block; color:#fff; font-weight:400; font-size:13px; letter-spacing:0; } /* #foot */ /* 배너(이미지) 20190129. 글자형. [JS] jQmTicker1(); */ #banner1{display:block;clear:both;position:relative; height:24px; margin:8px 0; } #banner1 .h1{float:left; position:absolute;left:-9999px; padding:0 10px 0 0; color:#333; font-weight:600; font-size:17px; line-height:24px; } #banner1 .mControl{float:left; padding:0 10px 0 0; } #banner1 .mControl .b1{display:inline-block; position:relative; width:20px;height:24px; box-sizing:border-box; /* for a and button */ margin:0;padding:0; border-radius:50%; border:0; background:transparent; font-size:0;line-height:0; vertical-align:middle; text-indent:-9999px; /* overflow:hidden; */ /* ☆[IE8]fix) button 자손 position 위치 결함 있으니 overflow:visible; 유지한다! */ } #banner1 .mControl .b1>.ic1{float:left;position:absolute;left:50%;top:50%; width:10px;height:10px;margin:-5px; background:url() no-repeat center center;background-size:contain; } #banner1 .mControl .b1.stop>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp10n2p1cnhfr1.cat);} #banner1 .mControl .b1.prev>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp10n2p1yrsg1.cat);} #banner1 .mControl .b1.next>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp10n2p1evtug1.cat);} #banner1 .mControl .b1.more>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp10n2p1onef1.cat);} /* ☆ */ #banner1 .mView{position:relative; height:24px; overflow:hidden; } #banner1 .mCont{position:absolute;left:0;top:0; width:100%; margin:0 0 0 -1px; overflow:hidden; transition:.2s ease-out; } #banner1 .mContC{display:table; float:left; } #banner1 .mContC>a{display:table-cell; height:24px; text-align:center; vertical-align:middle; white-space:nowrap; } #banner1 .mContC>a .t1{display:block; position:relative; padding:0 20px; color:#555; font-size:14px; line-height:24px; vertical-align:middle; } #banner1 .mContC>a .t1:after{content:'';display:inline-block; position:absolute;left:0;top:50%; width:0;height:10px; margin:-5px 0; border-left:1px solid #d7d7d7; } #banner1 .mContC>a:hover .t1, #banner1 .mContC>a:focus .t1 {text-decoration:underline;} #banner1 .mContC>a:focus{position:relative;border:1px dotted coral;margin:1px;} #banner1 .mContC>a:focus:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px dotted coral;} /* 패밀리사이트 20190129 */ #familysite1{position:relative; margin:0 -20px; font-size:14px; line-height:19px; } .familysite1g1{position:relative; float:left; width:50%; } .familysite1g1 .h1{font-weight:400;} .familysite1g1 a.toggle:focus{outline:none;outline-offset:0;border:2px dotted coral;margin:1px;} .familysite1g1 a.toggle{display:block; position:relative; margin:-1px 0 0 -1px; padding:13px 40px 13px 20px; border:1px solid #666; background:#333; color:#fff; text-decoration:none;overflow:hidden; } .familysite1g1 a.toggle .t1{display:block; height:19px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; } .familysite1g1 a.toggle .ic1{float:left; position:absolute;right:0;top:50%; width:0;height:0; margin:-2px 20px; border:5px solid transparent;border-top-color:#888;border-bottom:0; overflow:hidden;text-indent:100%; transition:.2s; } .familysite1g1 a.toggle.on{ background:#000; color:#fff; font-weight:600; } .familysite1g1 a.toggle.on .ic1{ transform: rotate(180deg); } /* content */ .familysite1g1c{display:none; z-index:100; position:absolute;left:0;right:0;bottom:100%; } .familysite1g1box{min-height:0; /* margin:0 0 -1px; */ padding:14px; border-radius:3px 3px 0 0; border:1px solid #444; background:#fff; box-shadow:0 0 5px 0 rgba(0, 0, 0, .15); } .familysite1g1box:before, .familysite1g1box:after{content:'';display:table;clear:both;} .familysite1g1 .h2{display:block; clear:both; margin:-14px -14px .5em; padding:.5em 24px .5em; background:#eee; color:#000; font-weight:600; font-size:15px; } .familysite1g1 .h3{display:block; clear:both; margin:.5em 0; padding:.5em 10px .5em; background:#f7f7f7; color:#000; font-weight:600; } .familysite1g1 ul{ font-size:0; overflow:hidden; } .familysite1g1 li{display:inline-block; width:50%; font-size:13px; vertical-align:top; } .familysite1g1 li a{display:block; padding:.375em .25em .375em 1.25em; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssnzvylfvgr1oh1.cat) no-repeat 9px 12px; color:#666; } .familysite1g1 li a:hover, .familysite1g1 li a:focus{ background-color:#f7f7f7; color:#000;text-decoration:underline; } .familysite1g1 a.close{float:left; z-index:20; position:absolute;left:0;right:0;bottom:0; height:45px; margin:0 0 -45px; overflow:hidden; text-indent:-9999px; } /* 개별 */ #familysite1g1 .familysite1g1box{margin-right:-100%;} #familysite1g2 .familysite1g1box{margin-left:-100%;} #familysite1g3 .familysite1g1box{margin-right:-100%;} #familysite1g4 .familysite1g1box{margin-left:-100%;} #familysite1g5 .familysite1g1box{margin-right:-100%;} #familysite1g1 .familysite1g1box li{width:25%;} #familysite1g2 .familysite1g1box li{width:50%;} #familysite1g3 .familysite1g1box li{width:25%;} #familysite1g4 .familysite1g1box li{width:50%;} #familysite1g5 .familysite1g1box li{width:50%;} /* 푸터내비 20190129 */ #fn1{ position:relative; margin:24px 0 10px; text-align:center; overflow:hidden; } #fn1 ul{display:inline-block; position:relative; margin:0 0 0 -16px; font-size:0; text-align:left; overflow:hidden; } #fn1 li{display:inline-block; margin:0 0 0 -1px; padding:0 0 1px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Ssa1f.cat) no-repeat 0 50%; vertical-align:top; } #fn1 li:first-child{background:none;} #fn1 li>a{display:block; padding:.375em 16px; color:#fff; font-size:14px; white-space:nowrap; } #fn1 li>a:hover {text-decoration:underline;} #fn1 li>a b{font-weight:600;} #fn1 li>a:focus{outline:none;outline-offset:0;border:2px dotted coral;margin:1px;} /*웹접근성 마크*/ #fn2{ margin:20px 0; } /* 소셜링크. 20190129 */ #snslink1{ position:relative; margin:20px 0; } #snslink1 ul{font-size:0;text-align:center;} #snslink1 li{display:inline-block;position:relative; vertical-align:top; } #snslink1 a{display:block; position:relative; box-sizing:border-box; /* ☆ */ width:34px;height:34px; margin:2px; } #snslink1 .share1 ul{display:none;} #snslink1 .share1 li a{ background:none; border:0; } #snslink1 .share1>a.on{} #snslink1 a>.ic1{float:left; position:absolute;left:50%;top:50%; width:34px;height:34px; margin:-20px; background:url() no-repeat center center;background-size:contain; overflow:hidden;text-indent:-9999px;cursor:pointer; } #snslink1 .twitter>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1gjvggre%402k.cat);} #snslink1 .facebook>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1snprobbx%402k.cat);} #snslink1 .naverblog>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1anireoybt%402k.cat);} #snslink1 .instagram>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1vafgntenz%402k.cat);} #snslink1 .kakaostory>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1xnxnbfgbel%402k.cat);} #snslink1 .youtube>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1lbhghor%402k.cat);} #snslink1 .kakaochannel>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1xnxnbpunaary%402k.cat);} #snslink1 .naverband>a>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sfafyvax1anireonaq%402k.cat);} /* [~IE8] */ #snslink1 a>.ic1>div{height:100%;} #snslink1 a>.ic1>div>img{display:block;position:static !important;margin:0 auto;} /* 하단로고 20190129 */ #foot_logo{ float:left; margin:6px 20px 0 0; } #foot_logo img{ width:auto; height:56px; margin:0 0 18px; } /* 작성자(연락처/저작권) 20190129 */ #author1{ position:relative; float:left; min-width:280px; margin:0 60px 10px 0; font-size:14px; line-height:1.75; overflow:hidden; } #author1 a{ /* iOS 는 000-000 를 자동으로 로 마크업되니 주의! */ color:#ccc; } #author1 .address{ color:#aaa; margin:0 0 8px; } #author1 .nophishing{ margin:8px 0; color:#aaa; font-size:13px; } #author1 .copyright{display:block; margin:0 0 8px; color:#aaa; font-size:13px; letter-spacing:0; /* text-transform:uppercase; */ } /* #author1 br{display:none;} */ /* 민원콜센터 - 20230424 */ .f_callcenter{float:left;text-align:left;margin:0;padding:0;font-size:14px;line-height:1;} .f_callcenter a{color:#ccc;} .f_callcenter .calltxt{font-weight:600;font-size:18px;} .f_callcenter .calltxt span{font-weight:700;color:#f77; margin-left:0px;} /* .f_callcenter .calltxt span{font-weight:700;color:#f77; margin-left:10px;} .f_callcenter .calltxt span{font-weight:700;color:#f77;font-size:24px;margin-left:10px;}*/ .f_callcenter .txt {font-size:13px;color:#aaa;margin-top:12px;line-height:1.75;} .f_callcenter .txt span{color:#fff;background-color:#f77;padding:1px 10px;border-radius:20px;margin-right:5px;} /* ETC */ /* ◇◆ StyleName. YYYYMMDD. @Who ◇◆ */ /* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */ @media all and (max-width:400px){ h1#logo>a>img {height:49px} h1#logo>a>img+img {height:24px;margin:19px 0 0 8px} /*코로나*/ #gn1 a{ display:block; position:relative; padding:8px .75em; color:#000; font-size: 12px; line-height:18px;} } @media all and (max-width:1259px){/* small medium large ◇◆◇◆◇◆◇◆◇◆ */ /* 주메뉴 20190129. makeActive2ClickHover('#tnb1'); */ #tnb1{ position:absolute;left:0;right:0;top:0; width:100%; margin:auto; line-height:1.375; } #tnb1 .b1.toggle{float:left; z-index:10; position:absolute; right:70px; top:133px; /* (화면확인) */ box-sizing:border-box; /* ☆ */ width:40px;height:40px; border-radius:4px; border:1px solid #bbb; background:none; overflow:visible; text-indent:-9999px; } #tnb1 .b1.toggle .ic1{float:left;position:absolute;left:50%;top:50%; width:40px;height:40px;margin:-20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p1onef2%402k.cat) no-repeat;background-size:contain; } #tnb1 .b1.toggle.on{} #tnb1 .b1.toggle.on .ic1{ width:40px;height:40px;margin:-20px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p1pybfr1%402k.cat); } #tnb1c{display:block !important; /* ☆ */ visibility:hidden; /* ☆ */ z-index:100; /* ☆ */ position:fixed; /* ☆ */ left:auto;right:-280px;top:0;bottom:0; width:100%; /* margin:100px 0 0; */ /* (#height 높이) */ overflow-y:visible; /* ☆ */ transition:.0s; } #tnb1c.on{display:block;visibility:visible; right:0; transition:.4s .0s; } #tnb1c>.bg{visibility:hidden; position:fixed;left:0;right:0;top:0;bottom:0; /* margin:100px 0 0; */ /* (#height 높이) */ background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2So.000000.bcnpvgl.50.cat); opacity:0; transition:.0s; } #tnb1c.on>.bg{visibility:visible; opacity:1; transition:.4s; } #tnb1c .b2{display:inline-block; z-index:110; position:absolute; right:50vw;top:0; width:40px;height:40px; margin:10px; } #tnb1c .b2>.ic1{float:left;position:absolute;left:50%;top:50%; width:40px;height:40px;margin:-20px; background:url() no-repeat;background-size:contain; } #tnb1c .b2.close{} #tnb1c .b2.close>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p0pybfr1%402k.cat);} #tnb1c>div.cont{ position:relative; right:-200%; width:50%; height:100%; background:#222; overflow-y:auto; /* ☆ */ } #tnb1c.on>div.cont{ right:-50%; } /* depth1~depth4 */ /* depth1 */ #tnb1 div.d1{clear:both;position:relative;min-height:100%;} #tnb1 div.d1>ul{position:relative;/* overflow:hidden; */height:100%;}/* ☆☆ */ #tnb1 div.d1>ul:after {position: fixed;top: 0;right: 0;content: "";display: block;width: calc(50% - 210px);height: 100%;background: #333;} #tnb1 div.d1>ul>li{display:inline;/* position:relative; */} /* ☆ */ #tnb1 div.d1>ul>li>a{display:table; table-layout:fixed; /* ☆ */ z-index:20; /* .d2 보다 높여준다 */ position:relative; box-sizing:border-box; /* ☆ */ width:200px; border-bottom:1px solid #333; border-color:rgba(255,255,255, .05); background:url() no-repeat 95% 50%; color:#fff; font-size:18px; word-break:keep-all; word-wrap:break-word; } #tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */ padding:.833em 20px; /* ☆ */ vertical-align:middle; } #tnb1 div.d1>ul>li.hasSub>a{ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q1ot1unf.cat); } #tnb1 div.d1>ul>li>a:hover, #tnb1 div.d1>ul>li>a:focus{} /* depth1 활성 */ #tnb1 div.d1>ul>li.on>a{ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q1ot1ba.cat); /* font-weight:600; */ } /* depth2~3 */ #tnb1 li>div[class^='d']{ display:none;visibility:hidden; height:0;opacity:0; /* transition:.2s; */ } #tnb1 li.on>div[class^='d']{ display:block;visibility:visible; height:auto;opacity:1; } /*문화관광, 통합예약 사이트 pc에서 안보임 - 20250429.20250916*/ #tnb1 div#tn1{display:block;} #tnb1 div#tn1{clear:both;position:relative;min-height:100%;} #tnb1 div#tn1>ul{position:relative;/* overflow:hidden; */height:100%;}/* ☆☆ */ #tnb1 div#tn1>ul:after {position: fixed;top: 0;right: 0;content: "";display: block;width: calc(50% - 210px);height: 100%;background: #333;} #tnb1 div#tn1>ul>li{display:inline;/* position:relative; */} /* ☆ */ #tnb1 div#tn1>ul>li>a{display:table; table-layout:fixed; /* ☆ */ z-index:20; /* .d2 보다 높여준다 */ position:relative; box-sizing:border-box; /* ☆ */ width:200px; border-bottom:1px solid #333; border-color:rgba(255,255,255, .05); background:url() no-repeat 95% 50%; color:#fff; font-size:18px; word-break:keep-all; word-wrap:break-word; } #tnb1 div#tn1>ul>li>a>.t1{display:block; /* ☆ */ padding:.833em 20px; /* ☆ */ vertical-align:middle; } #tnb1 div#tn1>ul>li.hasSub>a{ background-image:none; } #tnb1 div#tn1>ul>li>a:hover, #tnb1 div#tn1>ul>li>a:focus{} #tnb1 div#tn1>ul>li.on>a{ background-image:none; } /* depth2 */ #tnb1 li>div.d2{ background:#333; position:absolute; right:2%; top:0;height:100%; width:calc(100% - 230px); z-index:99 } #tnb1 div.d2>.bg{display:none;} /* ☆ */ #tnb1 div.d2>.hg1{display:none;} /* ☆ */ #tnb1 div.d2>ul{margin:-1px 0 0;}/* ☆☆ */ #tnb1 div.d2>ul>li{position:relative;} #tnb1 div.d2>ul>li>a{display:block; z-index:10; position:relative; padding:.583em 42px; border-top:1px solid #444; border-color:rgba(255,255,255, .05); background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q2ot1.cat) no-repeat 20px 50%; color:#fff; font-size:16px; } #tnb1 div.d2>ul>li.hasSub>a{ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q2ot1unf.cat); } #tnb1 div.d2>ul>li.hasSub>a:before, #tnb1 div.d2>ul>li.hasSub>a:after {position:absolute;top:50%;margin-top:-4px;content:"";display:block;width:2px;height:8px;background:#fff;} #tnb1 div.d2>ul>li.hasSub>a:before {right:22px;transform:rotate(-45deg)} #tnb1 div.d2>ul>li.hasSub>a:after {right:17px;transform:rotate(45deg)} #tnb1 li.on>div.d2>ul>li.on>a{ background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q2ot1ba.cat); color:#fff; /* font-weight:600; */ } #tnb1 li.on>div.d2>ul>li.on>a:before {transform:rotate(45deg)} #tnb1 li.on>div.d2>ul>li.on>a:after {transform:rotate(-45deg)} /* depth3 */ #tnb1 li>div.d3{ background:#444; } #tnb1 div.d3>.bg{display:none;} /* ☆ */ #tnb1 div.d3>ul{margin:-1px 0 0;} #tnb1 div.d3>ul>li{position:relative;} #tnb1 div.d3>ul>li>a{display:block; z-index:10; position:relative;min-height:0; padding:.583em 42px; border-top:1px solid #555; border-color:rgba(255,255,255, .05); background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q3ot1.cat) no-repeat 30px 50%; color:#fff; font-size:14px; } #tnb1 div.d3>ul>li.hasSub>a{ } #tnb1 li.on>div.d3>ul>li.on>a{ color:#fff; } #tnb1 div.d3>ul>li.hasSub>a:after {position:absolute;top:50%;right:15px;margin-top:-3px;content:"";display:block;width:0;border-width:6px;border-style:solid;border-color:#fff transparent transparent transparent} #tnb1 div.d3>ul>li.hasSub.on>a:after {transform:rotate(-180deg);margin-top:-8px;} /* depth4 */ #tnb1 li>div.d4{ background:#555;padding:5px 0 } #tnb1 div.d4>.bg{display:none;} /* ☆ */ #tnb1 div.d4>ul{margin:-1px 0 0;} #tnb1 div.d4>ul>li{position:relative;} #tnb1 div.d4>ul>li>a{display:block; z-index:10; position:relative;min-height:0; padding:.333em 10px .333em 50px; border-top:0 solid #666; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q4ot1.cat) no-repeat 39px 50%; color:#fff; font-size:13px; } #tnb1 div.d4>ul>li.hasSub>a{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q4t1unf.cat); */ } #tnb1 li.on>div.d4>ul>li.on>a{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q4ot1ba.cat); */ color:#fff; /* font-weight:600; */ } /* 서브메인링크 */ #tnb1 a.smain{display:block; position:relative; padding:.75em 42px .75em 20px; background-color:#f7f7f7; color:#333; font-size:16px; } #tnb1 a.smain>.ic1{ position:absolute;left:0;top:50%; width:20px;height:20px; margin:-10px 16px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp40sn1p1ubzr1.cat) no-repeat center center; background-size:contain; } .tn1 a {display:block;color:#fff;border-bottom:1px solid rgba(255,255,255,0.05);font-size:18px;padding:.833em 20px} } /* /(max-width:1259px) */ @media all and (max-width: 999px){ #tnb1 div.d1>ul>li>a {width: 150px;} #tnb1 div.d1>ul:after {width: calc(50% - 160px);} #tnb1 li>div.d2 {width: calc(100% - 160px); right:0;} } /* /(max-width:999px) */ @media all and (max-width: 768px){ #tnb1 div.d1>ul>li>a {font-size: 16px; width: 130px;} #tnb1 div.d1>ul:after {width: calc(50% - 140px);} #tnb1 div.d2>ul>li>a {font-size: 15px;} #tnb1 li>div.d2 {width: calc(100% - 140px); right:0;} } /* /(max-width:768px) */ @media all and (max-width: 663px){ #tnb1c.on{width:410px;} #tnb1c > div.cont {width:100%;} #tnb1c.on>div.cont {right: 0;} #tnb1 div.d1>ul>li>a {width: 160px;} #tnb1 div.d1>ul:after {width: 240px;} #tnb1 li>div.d2 {width: 240px;} #tnb1c .b2 {right:410px} } /* /(max-width:663px) */ @media all and (max-width: 499px){ #tnb1c.on{width:320px;} #tnb1c > div.cont {width:100%;} #tnb1c.on>div.cont {right: 0;} #tnb1 div.d1>ul {padding-top: 15px;} #tnb1 div.d1>ul:after {width: 200px;} #tnb1 div.d1>ul>li>a {font-size: 16px; width: 120px;} #tnb1 div.d1>ul>li>a>.t1 {padding: 0.833em 10px;} #tnb1 li>div.d2 {width: 200px;} #tnb1 div.d2>ul {margin: 40px 0 0;} #tnb1c .b2 {right:0;transform:scale(0.8);margin: 3px;} #tnb1 div.d2>ul>li>a {padding: 0.583em 30px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q2ot1.cat) no-repeat 10px 50%; } #tnb1 div.d3>ul>li>a {padding: 0.583em 40px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q3ot1.cat) no-repeat 24px 50%;} #tnb1 div.d4>ul>li>a {padding: 0.333em 10px 0.333em 45px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q4ot1.cat) no-repeat 33px 50%;} } /* /(max-width:499px) */ @media all and (min-width:400px){ #gn1 {right:110px} #gn1 a .ic1 {display:inline-block} #gn2 a {min-width:90px} #gn2 a.toggle .ic1 {display:block;} #gn2 a.toggle .t1 {margin-left:1.5em;} } @media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */ #head{} #head_s1{ border:0;height:40px; } #head_s2{} #head_s3{} #head_s1>.container{} #head_s2>.container{} #head_s3>.container{} h1#logo{ margin-top:0; } #search1 .b1.toggle{display:none;} #search1c{display:block !important; visibility:visible; position:absolute; left:350px; right:155px; top:13px; /* width:300px; */ border:0; } #fitinfo1 .b1.toggle{ right:110px; top:13px; } #towninfo1 .b1.toggle{ right:65px; top:13px; } #map1 .w1{ zoom:1; /* ☆ */ } #tnb1 .b1.toggle{ right:20px; top:86px; } #familysite1{ margin:auto; font-size:15px; } .familysite1g1{ width:20%; } #familysite1g1 .familysite1g1box{margin-right:-75%;} #familysite1g2 .familysite1g1box{margin-left:-75%;margin-right:-75%;} #familysite1g3 .familysite1g1box{margin-left:-50%;margin-right:-50%;} #familysite1g4 .familysite1g1box{margin-left:-75%;} #familysite1g5 .familysite1g1box {margin-left:-75%;margin-right:0;} #familysite1g2 .familysite1g1box li{width:33.333%;} #fn1 ul{ margin:auto; } #fn1 li>a{ font-size:15px; } #fn2{ float:right; margin-top:-2em;} #foot_logo{ margin:6px 34px 0 27px; } #author1{ font-size:15px; } #author1 .nophishing{ font-size:14px; } #author1 .copyright{ font-size:14px; } } /* /(min-width:768px) */ /*문화관광, 통합예약 사이트 pc에서 안보임 - 20250429.20250916*/ @media all and (max-width: 999px){ #tnb1 div#tn1>ul>li>a {width: 150px;} #tnb1 div#tn1>ul:after {width: calc(50% - 160px);} } /* /(max-width:999px) */ @media all and (max-width: 768px){ #tnb1 div#tn1>ul>li>a {font-size: 16px; width: 130px;} #tnb1 div#tn1>ul:after {width: calc(50% - 140px);} } /* /(max-width:768px) */ @media all and (max-width: 663px){ #tnb1 div#tn1>ul>li>a {width: 160px;} #tnb1 div#tn1>ul:after {width: 240px;} } /* /(max-width:663px) */ @media all and (max-width: 499px){ #tnb1 div#tn1>ul:after {width: 200px;} #tnb1 div#tn1>ul>li>a {font-size: 16px; width: 120px;} #tnb1 div#tn1>ul>li>a>.t1 {padding: 0.833em 10px;} } /* /(max-width:499px) */ @media all and (min-width:1000px) and (max-width:1259px){/* large ◇◆◇◆◇◆◇◆◇◆ */ .container{position:relative; max-width:940px; /* ☆ */ margin:auto; /* ☆ */ } #head_s0{height:26px;} #head_s0 .info{width:940px;left:26px;} .width1expand1{ margin-left:-160px; /* (1260-940)/2 */ margin-right:-160px; } h1#logo{ margin-top:0; margin-left:0; } #search1c{ width:380px; } #fitinfo1c{ margin-left:-160px; margin-right:-160px; } #fitinfo1 ul{ width:100%; max-width:940px; /* ☆ */ margin:auto; } #fitinfo1 li{display:inline-block; width:auto; margin:0 15px 20px; vertical-align:top; } #fitinfo1 li a .ic1{display:block; width:80px;height:80px; } #fitinfo1 li.sep:before{content:''; /*│*/ float:left; width:0; height:110px; border-left:1px solid #649cde; margin:0 40px 0 10px; /* (간격) (간격-(15*2)) */ } #towninfo1c{ margin-left:-160px; margin-right:-160px; } #take1town1{ width:100%; max-width:940px; /* ☆ */ margin:auto; } #tnb1{ max-width:940px; } #tnb1 .b1.toggle{ right:0;top:72px } #familysite1g1 .familysite1g1box{margin-right:-50%;} #familysite1g2 .familysite1g1box{margin-left:-50%;margin-right:-50%;} #familysite1g3 .familysite1g1box{margin-left:-50%;margin-right:-50%;} #familysite1g4 .familysite1g1box{margin-left:-50%;} #familysite1g5 .familysite1g1box{margin-left:-100%;margin-right:0;} } /* /(min-width:1000px) and (max-width:1259px) */ @media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */ .container{ width:1200px; /* ☆ */ max-width:none; /* ☆ */ margin:auto; } #head{} #head_s0 .info{width:1200px;max-width:none;margin:auto;font-size: 14px;color: #000;} #head_s1{z-index:50} #head_s2{} #head_s3{} #head_s1>.container{} #head_s2>.container{} #head_s3>.container{ position:relative; padding:64px 0 0; } .width1expand1{ margin-left:-360px; /* (1200-1920)/2 */ margin-right:-360px; } h1#logo{ margin:0; } #logo3{display:inline-block; z-index:10; position:absolute;left:317px;top:6px; } #logo3 a{display:inline-block;vertical-align:middle;} #logo3 img{} #search1c{ left:auto; right:300px; width:470px; } #fitinfo1 .b1.toggle{ right:267px; width:140px; } #fitinfo1 .b1.toggle .ic1{ margin-left:-8px; } #fitinfo1 .b1.toggle .t1{ text-indent:0; } #fitinfo1 .b1.toggle:before{ display:none; } #fitinfo1 .b1.toggle.on .t1{ color:#fff; } #fitinfo1c{ margin:0 -360px; } #fitinfo1c>.width1expand1{ margin-top:10px; } #fitinfo1 ul{ width:100%; max-width:1200px; /* ☆ */ margin:auto; } #fitinfo1 li{display:inline-block; width:auto; margin:0 15px 20px; vertical-align:top; } #fitinfo1 li a .ic1{display:block; width:80px;height:80px; } #fitinfo1 li.sep:before{content:''; /*│*/ float:left; width:0; height:110px; border-left:1px solid #649cde; margin:0 40px 0 10px; /* (간격) (간격-(15*2)) */ } #towninfo1 .b1.toggle{ right:122px; width:140px; } #towninfo1 .b1.toggle .ic1{ margin-left:-8px; } #towninfo1 .b1.toggle .t1{ text-indent:0; } #towninfo1 .b1.toggle:before{ display:none; } #towninfo1 .b1.toggle.on .t1{ color:#fff; } #towninfo1c{ margin:0 -360px; } #towninfo1c>.width1expand1{ margin-top:10px; padding:40px 0; } #take1town1{display:inline-block; width:600px; margin:auto; text-align:left; vertical-align:top; } #take1town1 .hg1{ margin:0 0 0 7px; } #take1town1 ul{ margin:20px 0; } #take1town1 li a{ width:6em; margin:4px; padding:9px 28px 9px 12px; } #take1town1 li a .ic1{ margin-right:12px; } #map1{display:inline-block; width:600px; margin:50px auto 0; vertical-align:top; overflow:visible; } #map1 .w1{ margin:0; } #banner1 .h1{float:left; position:relative;left:auto; } #familysite1g1 .familysite1g1box{margin-right:-23%;} #familysite1g2 .familysite1g1box{margin-left:-27%;margin-right:-27%;} #familysite1g3 .familysite1g1box{margin-left:-12%;margin-right:-12%;} #familysite1g4 .familysite1g1box{margin-left:-15%;margin-right:-10%;} #familysite1g5 .familysite1g1box{margin-left:-90%;margin-right:-10%;} #fn1{ float:left; text-align:left; } #fn2{ margin:14px 12px 0 0; } #snslink1{ float:right; margin:28px 0 0; } #gotop1{ position:absolute;right:0;bottom:40px; } /* 주메뉴 20190129. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 복제하여 재정의 (분리 사용 가능) * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치. */ #tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */ float:left;position:absolute; left:-1000px;right:-1000px; top:0; width:auto; height:64px; line-height:1.375; } /* 데스크탑 감춤 */ #tnb1 .b1.toggle, #tnb1c .b2, #tnb1logo, #tnb1head_s1, #tnb1head_s2, #tnb1c>div.cont>.bg, #tnb1c>div.cont:before{display:none;} #tnb1c{ display:block !important; /* ☆ */ /* z-index:20; ☆쌓임맥락만들지마요! ☆위에서 펼친거 보다 낮게 */ position:relative; /* ☆ */ width:100%; height:100%; } #tnb1c.on{ display:block;visibility:visible; right:auto; /* ☆ */ } #tnb1c>.bg{ z-index:25; /* ( z 최대한 낮은값 ) > (#quick1) > (#wrap) */ position:absolute;left:0;right:0;top:0;bottom:0; margin:0 0 -1px; /* background:#fff; border-bottom:1px solid #d7d7d7; */ /* 진주시청 메인페이지 상단 전체 배너 이미지 있을 때는 배경, 하단라인 안보이게 하고 --> 배너 게시 끝나면 보이게 한다 */ } #tnb1c.on>.bg{} #tnb1c>div.cont{float:none; position:relative;right:auto; width:1200px;min-height:100%; margin:0 auto; box-shadow:none; } #tnb1c.on>div.cont{right:auto; box-sizing:border-box; /* ☆ */ } /* depth1~depth4 */ /* depth1 */ #tnb1 div.d1{ position:relative; width:100%; min-height:100%; padding:0; /* ☆ */ background:transparent; overflow:visible; } #tnb1 div.d1>ul{width:100%; min-height:0; /* >=1차메뉴전체높이 */ /* border-right:1px solid #eee; */ /* overflow:hidden; */ } #tnb1 div.d1>ul>li{display:inline; float:left; position:static; /* ☆ */ width:auto; /* 전체메뉴폭 고려 (1200-360)/5 ((100/5 */ } /* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */ /* #tnb1 div.d1>ul>li.m6 ~ li{display:none;} */ #tnb1 div.d1>ul>li>a{display:block; z-index:40; position:relative; height:24px; padding:20px 35px; /* (약간 여유) */ color:#000; font-size:0; font-weight:600; text-align:center; } #tnb1 div.d1>ul>li>a:before{} #tnb1 div.d1>ul>li:first-child>a:before{ display:none; } #tnb1 div.d1>ul>li>a>.ic1{display:inline-block; width:0; height:100%; vertical-align:middle; } #tnb1 div.d1>ul>li>a>.t1{display:inline-block; /* position:relative; */ font-size:19px; line-height:24px; vertical-align:middle; } #tnb1 div.d1>ul>li.hasSub>a{} #tnb1 div.d1>ul>li.on>a{ color:#034ea1; } #tnb1 div.d1>ul>li.on>a>.t1{ text-decoration:underline; text-underline-offset:3px; } /* ★ 주메뉴 전체 오버(포커스) */ #tnb1 div.d1.over{} #tnb1 div.d1.over>.bg{} /* ★ 1차 메뉴별 오버(포커스) */ /* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */ #tnb1 div.d1>ul>li.over[class][class]>a{ color:#034ea1; } #tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{} /* depth2~3 (활성 동작만 먼저 정의) */ #tnb1 li>div[class^='d']{ display:block;visibility:hidden; height:0; opacity:0; overflow:hidden; } #tnb1 li>div[class^='d']:after{content:'';display:table;clear:both;} #tnb1 li.on>div[class^='d']{ /* ☆감춤 */ /* display:block; */ /* visibility:hidden; */ /* height:0; */ /* opacity:1; */ } #tnb1 li>div.d2, /* ☆2차다보임추가 */ #tnb1 li>div.d3, /* ☆3차다보임추가 */ #tnb1 li.on>div.d3, #tnb1 li.over>div[class^='d']{ /* ☆보임 */ z-index:20; /* ☆오버한거 맨위로 */ display:block;visibility:visible; height:auto; opacity:1; } /* depth2 */ #tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */ z-index:20; position: absolute;left:0; top: 64px; width:1200px; height:0; margin:0 -360px; padding:0 360px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1ot2.cat) center top; border-bottom:0 solid #fff; box-shadow:0 1px 0 0 rgba(0, 0, 0, .5); } #tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */ height:0; margin: 0 -360px; border-top:1px solid #444; } /* 데스크탑 only 좌 1차제목.. */ #tnb1 div.d2>.hg1{display:block; float:left; position:absolute;left:360px;top:0;bottom:0; box-sizing:border-box; /* ☆ */ width:285px; min-height:200px; padding:30px; text-align:center; } #tnb1 div.d2>.hg1>.h1{ display: block; position: relative; color:#00246b; font-weight:600; font-size:36px; letter-spacing:-3px; } #tnb1 div.d2>.hg1>.h1:after{ content: ''; /* ─ */ display: block; width:1em; height:0; margin:16px auto; border-top:3px solid #00246b; } #tnb1 div.d2>.hg1>.h2{display:block;} #tnb1 div.d2>.hg1>.ic1{display:block; position:relative; width:120px; height:120px; margin:24px auto 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c01.cat) no-repeat right bottom; } #tnb1 .m1 div.d2>.hg1>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c01.cat);} #tnb1 .m2 div.d2>.hg1>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c02.cat);} #tnb1 .m3 div.d2>.hg1>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c03.cat);} #tnb1 .m4 div.d2>.hg1>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c04.cat);} #tnb1 .m5 div.d2>.hg1>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c05.cat);} #tnb1 .m6 div.d2>.hg1>.ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1c06.cat);} #tnb1 div.d2>ul{ position:relative; /* ☆ 하위메뉴의 기준위치 */ width:915px; /* ☆ */ margin:0 0 0 285px; /* ☆ */ padding:4px 0; overflow:hidden; } #tnb1 div.d2>ul>li{ clear:both; /* ☆ */ position:relative; } #tnb1 div.d2>ul>li>a{ display: block; float: left; z-index:10; position: relative; box-sizing: border-box; /* ☆ */ width:159px; min-height:22px; margin: -4px 20px 0 0; padding:12px 20px 11px; border-top:1px solid #2c6eb1; color:#fff; font-weight:400; font-size:16px; } #tnb1 div.d2>ul>li:first-child>a{ border-top-color:transparent; } #tnb1 div.d2>ul>li>a:before{ content: ''; /* ◁ */ display: none; /* ☆ */ position: absolute;right:0;top:50%;width:0;height:0; margin:-5px 10px; border:5px solid transparent; /* border-right-color:#fff; */ border-left:0; overflow: hidden;text-indent:100%; } #tnb1 div.d2>ul>li.hasSub>a{} #tnb1 div.d2>ul>li.on>a{ z-index:20; background:#00478e; } #tnb1 div.d2>ul>li.hasSub.on>a{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q2ot1unfba.cat); */ } /* ★ 오버(포커스) */ #tnb1 li.over>div.d2{ z-index:30;min-height:250px; } #tnb1 div.d2>ul>li.over>a{} #tnb1 div.d2>ul>li.hasSub.over>a{} #tnb1 div.d2>ul>li.on.over>a{} #tnb1 div.d2>ul>li.hasSub.on.over>a{} #tnb1 div.d2>ul>li>a:hover, #tnb1 div.d2>ul>li>a:focus{ /* background:#00478e; */ } #tnb1 div.d2>ul>li>a:hover:before, #tnb1 div.d2>ul>li>a:focus:before{ display:inline-block; } #tnb1 div.d2>ul>li.on>a:hover, #tnb1 div.d2>ul>li.on>a:focus{} /* depth3 */ #tnb1 li>div.d3{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */ position:relative; margin:0 0 -1px; padding:8px 0 10px; /* px값(소수점 오차 방지) */ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; overflow:hidden; } #tnb1 li:first-child>div.d3{ border-top-color:transparent; } #tnb1 li:last-child>div.d3{ border-bottom-color:transparent; } #tnb1 li.on>div.d3{} #tnb1 div.d3>ul{ margin:0 0 0 -1px; } #tnb1 div.d3>ul>li{float:left; padding:0 0 0 1px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q3frc1.cat) no-repeat 0 50%; } #tnb1 div.d3>ul>li>a{display:block; z-index:10; position:relative; min-height:0; margin:0; padding:.375em 14px; border:0; /* background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q3ot1.cat) no-repeat 0 .75em; */ color:#333; font-size:15px; /*line-height:19px;*/ /*메뉴배열 깨짐*/ } #tnb1 div.d3>ul>li.hasSub>a{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q3ot1unf.cat); */ } #tnb1 div.d3>ul>li.on>a{ color:#000; font-weight:600; } #tnb1 div.d3>ul>li.hasSub.on>a{ /* background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgao1q3ot1unfba.cat); */ } /* ★ 오버(포커스) */ #tnb1 li.over>div.d3{} #tnb1 div.d3>ul>li.over>a{} #tnb1 div.d3>ul>li.hasSub.over>a{} #tnb1 div.d3>ul>li.on.over>a{} #tnb1 div.d3>ul>li.hasSub.on.over>a{} #tnb1 div.d3>ul>li>a:hover, #tnb1 div.d3>ul>li>a:focus{ color:#000; text-decoration:underline !important; } /* depth4 */ #tnb1 div.d4{display:none !important;} /* 서브메인링크 */ #tnb1 a.smain{display:none;} /* ☆ */ /* 20190129 새 창 */ #tnb1 div.d2>ul>li>a[target='_blank']:after, #tnb1 div.d3>ul>li>a[target='_blank']:after{ content: ''; display: inline-block; width:12px; height:12px; margin: 0 0 5px 4px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp11arjjvaqbj.cat) no-repeat; vertical-align: middle; } /* 작업확인용.★☆ToEdit) */ /* #tnb1 li.m6>div.d2{ display:block; visibility:visible;height:auto;opacity:1; } */ /* ☆#tnb1 div.d1>ul>li.on>div.d2{ display:block; visibility:visible;height:auto;opacity:1; } */ /* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */ /* 탑내비 20190131 */ #tn1{display:block; position:absolute; right:80px; /* ☆ */ top:0; } #tn1 ul{ font-size:0; } #tn1 li{display:inline-block; vertical-align:top; } #tn1 a{display:block; z-index:30; /* z > (#tnb1c>.bg) */ position:relative; height:24px; padding:20px 35px; /* background:rgba(0,0,0, .5); */ color:#000; font-weight:600; font-size:19px; line-height:24px; text-align:center; } #tn1 a:hover, #tn1 a:focus{ color:#034ea1; } #tn1 a>.t1{display:inline-block;} /* 전체메뉴 20190131 */ #anb1{display:block; position:absolute;left:0;right:0;top:0; } #anb1 .b1{float:left; z-index:30; /* z > (#tnb1c>.bg) */ position:absolute;right:0;top:13px; box-sizing:border-box; /* ☆ */ width:40px; height:40px; border-radius:3px; background:#4e5158; overflow:hidden; text-indent:-9999px; } #anb1 .b1 .ic1{display:block; position:absolute;left:50%;top:50%; width:40px;height:40px; margin:-20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp40n1p0onef4.cat) no-repeat; background-size:contain; } #anb1 .b1.toggle.on{ background:#333 } #anb1 .b1.toggle.on .ic1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp80n1p0pybfr1%402k.cat);} #anb1 .b1.close, #anb1 .b1.close .ic1{ margin:-64px -1px 0; background:none; } #anb1 .b1:focus{ outline:1px dotted #000; } /* ☆ */ #anb1c{display:none; z-index:30; position:absolute;left:0;right:0;top:63px; } #anb1c.on{display:block;} #anb1c>.bg{} #anb1c>div.cont{position:relative; padding:6px; border-radius:4px; border:1px solid #555; background:#fff; box-shadow:0 0 8px 0 rgba(0,0,0, .1); } #anb1c.on>.bg{} #anb1c.on>div.cont{} /* depth1 */ #anb1 div.d1{} #anb1 div.d1>ul{overflow:hidden;} #anb1 div.d1>ul>li{float:left;position:relative; box-sizing:border-box; /* ☆ */ width:16.666%; /* ((=100/6 */ } #anb1 div.d1>ul>li:last-child{} #anb1 div.d1>ul>li:before{content:'';float:left; position:absolute;left:0;top:0; width:0; height:9999px; border-left:1px solid #eee; } #anb1 div.d1>ul>li:first-child:before{display:none;} /*#anb1 div.d1>ul>li:last-child{display:none;}*/ #anb1 div.d1>ul>li>a{display:block; position:relative; padding:12px; border-bottom:1px solid #eee; font-weight:600; color:#333; font-size:16px; text-align:center; word-break:keep-all; word-wrap:break-word; } #anb1 div.d1>ul>li>a>.t1{} /* depth2 */ #anb1 div.d2{} #anb1 div.d2>ul{padding:12px 16px;} #anb1 div.d2>ul>li{display:inline;} #anb1 div.d2>ul>li>a{display:block; padding:6px 0; color:#555; font-size:13px; } #anb1 div.d2>ul>li>a:hover, #anb1 div.d2>ul>li>a:focus{text-decoration:underline;} /* depth3 */ #anb1 div.d3>ul{ margin:2px 0; padding:6px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fcfcfc; } #anb1 div.d3>ul>li{display:inline;} #anb1 div.d3>ul>li>a{display:block; padding:.25em 0 .25em 8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Soh02.cat) no-repeat 0 10px; color:#666;font-weight:normal;font-size:13px; } #anb1 div.d3>ul>li>a:hover, #anb1 div.d3>ul>li>a:focus{text-decoration:underline;} /* 20190129 새 창 */ #anb1 div.d2>ul>li>a[target='_blank']:after, #anb1 div.d3>ul>li>a[target='_blank']:after{ content:''; display:inline-block; width:12px;height:12px; margin:0 0 4px 4px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp11arjjvaqbj.cat) no-repeat; vertical-align:middle; } /* 퀵정보 20190129 */ #quick1{display:block; z-index:20; /* z > #bn1 */ position:absolute;right:0;top:0;bottom:0; } #quick1 .b1.toggle{float:left; z-index:10; position:fixed; right:0; top:278px; width:90px; height:120px; border-bottom:1px solid #fff; background:#4d9c2a; overflow:hidden;text-indent:-9999px; transition:.4s; } #quick1 .b1.toggle .ic1{display:block; position:absolute;right:0;bottom:0; width:17px;height:17px; margin:20px 16px; } #quick1 .b1.toggle .ic1 .ic{display:block; width:100%;height:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp17n2p0yrsg1.cat) no-repeat center center; transition:transform .4s; /* ☆ */ } #quick1 .b1.toggle .t1{display:block; position:absolute;left:0;top:0; width:70px; height:40px; margin:30px 13px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sdhvpx1o1g1.cat) no-repeat center center; transition:transform .4s; /* ☆ */ } #quick1 .b1.toggle:hover .ic1, #quick1 .b1.toggle:focus .ic1{ animation:kfx1tx2 .6s ease-in-out infinite; } /* 활성 */ #quick1 .b1.toggle.on, #quick1 .b1.toggle.on ~ a{ right:271px; } /* #quick1 .b1.toggle.on, #quick1 .b1.toggle.on + #quick2, #quick1 .b1.toggle.on ~ #gotop2{ right:271px; }*/ #quick1 .b1.toggle.on[class] .ic1 .ic, #quick1 .b1.toggle.on[class] .ic1 .ic{ transform:rotate(180deg); } /* 위로 */ #gotop1 {width:auto;height:auto;background:transparent;border-radius:0;} #gotop2{float:left; z-index:10; position:fixed; right:0; top:549px; /* 화면확인 */ box-sizing:border-box; width:90px; height:80px; padding:24px 0 0; background:#777; color:#fff; font-size:15px; text-align:center; transition:.4s; } #gotop2.type2{top: 643px;} /* 아동정책 제안함 추가 */ #gotop2 .ic1{display:block; width:11px;height:11px; margin:auto; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp11n2p0hc1.cat) no-repeat; } #gotop2 .t1{} #gotop2:hover .ic1, #gotop2:focus .ic1{ animation:kfx1move1vertic2 .6s ease-in-out infinite; } /* 창의도시 */ #quick2{display:block; z-index:10; position:fixed; right:0; top:399px; /* 화면확인 */ box-sizing:border-box; width:90px; height:120px; /*padding:16px 0 0;*/ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Szlwvawhg1o1.cat) no-repeat 50% bottom; color:#fff; font-size:15px; text-align:center; transition:.4s; } #quick2 .ic1{ display: block; width:70px; height: 130px; margin: -3px 12px 6px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Szlwvawhg1_2.cat) no-repeat; } #quick2 .t1{text-indent:-9999px;} #quick2:hover .ic1, #quick2:focus .ic1{ animation:kfx1move1vertic2 .6s ease-in-out infinite; } /* 아동정책 제안함 - 20230511 추가 */ #quick3{ display: block; z-index:10; position: fixed; right:0; top: 520px; /* 화면확인 */ box-sizing: border-box; width:90px; height:122px; /*padding:16px 0 0;*/ background:#5c57bf; color:#fff; font-size:15px; text-align: center; transition:.4s; } #quick3 .ic1{display:block; width:70px;height:110px; margin:6px 12px 6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sdhvpx1o1g3_202305.cat) no-repeat; } #quick3 .t1{text-indent:-9999px;} #quick3:hover .ic1, #quick3:focus .ic1{ animation:kfx1move1vertic2 .6s ease-in-out infinite; } /* 콘텐츠 */ #quick1c{display:block !important;visibility:visible; position:absolute;right:0;top:0;bottom:0; width:0; margin:0; padding:0; background:#4d9c2a; color:#fff; overflow:hidden; transition:.4s; /* ☆ */ } #quick1c.on{ width:270px; border-left:1px solid #fff; } #quick1c>.wrap1{ visibility:hidden; width:230px; padding:32px 20px; transition:0s .4s; /* ☆ */ } #quick1c.on>.wrap1{ visibility:visible; transition:0s 0s; /* ☆ */ } #quick1c .quick1h1{display:block; margin:0 0 12px; width:auto; height:74px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sdhvpx1u1.cat) no-repeat center center; overflow:hidden;text-indent:-9999px; } #quick1c .quick1h1 .h1t1{} #quick1c .quick1h1 .h1t2{} /* 현재 시각 */ #today1time1{display:block; position:relative; box-sizing:border-box; /* ☆ */ height:164px; padding:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgbqnl1gvzr1ot1.cat) no-repeat center top; color:#fff; text-align:center; overflow:hidden; } #today1time1 .t1{display:block; margin:40px 0 -6px; font-weight:600; font-size:13px; } #today1time1 .t2{display:block; font-size:31px; } #today1time1 .t3{display:block; font-size:12px; opacity:.9; } #today1time1 .t4{display:block; font-weight:600; font-size:14px; opacity:.9; } /* 오늘의 행사 */ #today1event1{position:relative; margin:40px auto 0; padding:25px 10px; border-top:1px solid #81c164; } #today1event1 .h1{display:block; margin:0 0 16px; font-weight:400; font-size:18px; } #today1event1 ul{} #today1event1 li{} #today1event1 .a1{display:block; margin:8px 0; color:#fff; overflow:hidden; } #today1event1 .a1:hover{ text-decoration:underline; } #today1event1 .a1 .ic1{float:left; width:19px;height:19px; margin:2px .25em 2px 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp19n1p0pybpx1.cat) no-repeat center center; background-size:contain; vertical-align:middle; text-indent:-9999px; overflow:hidden; } #today1event1 .a1 .time{float:left; font-size:15px; opacity:.8; } #today1event1 .a1 .new{float:left; width:20px;height:20px; margin:1px .5em; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp20n5p2arj1.cat) no-repeat center center; background-size:contain; vertical-align:middle; text-indent:-9999px; overflow:hidden; } #today1event1 .a1 .t1{ display:block; display:-webkit-box; -webkit-line-clamp:2; /* (X) line-clamp */ -webkit-box-orient:vertical; /* (X) box-orient */ clear:both; /* ☆ */ max-height:40px; /* =20*2 */ font-size:14px; line-height:20px; text-align:left; text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden; } #today1event1 .more{display:inline-block; position:absolute;right:0;top:27px; width:23px;height:23px; border:1px solid #95bd84; } #today1event1 .more .ic1{float:left; position:absolute;left:50%;top:50%; width:13px;height:13px; margin:-6.5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp13n1p0cyhf1.cat) no-repeat center center; background-size:contain; vertical-align:middle; text-indent:-9999px; overflow:hidden; } /* 오늘의 소식 */ #today1news1{position:relative; margin:auto; padding:25px 10px; border-top:1px solid #81c164; } #today1news1 .h1{display:block; margin:0 0 16px; font-weight:400; font-size:18px; } #today1news1 ul{} #today1news1 li{} #today1news1 .a1{display:block; margin:8px 0; padding:0 0 0 12px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Soh1.cat) no-repeat 0 .5em; color:#fff; overflow:hidden; } #today1news1 .a1:hover{ text-decoration:underline; } #today1news1 .a1 .new{float:left; width:20px;height:20px; margin:0 .375em 0 -12px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp20n5p2arj1.cat) no-repeat center center; background-size:contain; vertical-align:middle; text-indent:-9999px; overflow:hidden; } #today1news1 .a1 .t1{ display:block; display:-webkit-box; -webkit-line-clamp:2; /* (X) line-clamp */ -webkit-box-orient:vertical; /* (X) box-orient */ max-height:40px; /* =20*2 */ font-size:14px; line-height:20px; text-align:left; text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden; } #today1news1 .more{display:inline-block; position:absolute;right:0;top:27px; width:23px;height:23px; border:1px solid #95bd84; } #today1news1 .more .ic1{float:left; position:absolute;left:50%;top:50%; width:13px;height:13px; margin:-6.5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp13n1p0cyhf1.cat) no-repeat center center; background-size:contain; vertical-align:middle; text-indent:-9999px; overflow:hidden; } /*글자크기*/ #font_box{top: 5px;position: relative;} #font_box .hto_fonts {display:flex;flex-wrap: nowrap;} .hto_fonts > a { display: inline-block; width: 8px; height: 10px; background-position: center; background-repeat: no-repeat; background-color: #0053a7; border-radius: 3px; } .hto_fonts > a.fontPlus { background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Svzt%2Svap%2SsbagC.cat"); } .hto_fonts > a.fontMinus { background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Svzt%2Svap%2SsbagZ.cat"); } .hto_fonts > p{ display:block; position:relative; padding:8px .75em; color:#000; font-size: 14px; line-height: 15px; } } /* /(min-width:1260px) */ /* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */ /* ◇◆ @keyframes [IE10+] ◇◆ */ /* @-webkit-keyframes kfx1{} [CSS3]invalid) */ /* 레이어팝업 */ .d0 .layerpop1.on {opacity:1;visibility:visible;display:block;} .layerpop1 {position:absolute;top:0;left:1%;z-index:100;width:90%;opacity:0;visibility:hidden;display:none} .layerpop1 .layerpop-in a {display:block;} .layerpop1 .menu {position:relative;background:#000;color:#fff;font-size:14px;padding:5px 20px;} .layerpop1 .menu .b1 {color:#fff;} .layerpop1 .menu .b2 {position:absolute;top:50%;right:20px;border:0;background:#fff;color:#000;font-size:14px;height:24px;line-height:24px;margin:-12px 0 0;padding:0 10px;} @media all and (min-width:400px){ .layerpop1 {width:50%;} } @media all and (min-width:768px){ .layerpop1 {width:auto;} } /* 구글번역 안내문구 */ .goog-te-banner-frame {display:none !important} .google-trans {display:none;background:#f8f8f8;border-bottom:1px solid #d7dbe4;padding:12px 10px; font-size:.813em} .google-trans p {position:relative;margin:0 auto;letter-spacing:-.025em;line-height:18px;max-width:650px;padding-left:45px;} .google-trans p:before {position:absolute;top:0;left:0;content:"";display:inline-block;vertical-align:middle;width:33px;height:34px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Svp33n1tbbtyrgenaf.cat) no-repeat;} @media all and (min-width:768px){ .google-trans {padding-left:0;padding-right:0;font-size:.875em} } @keyframes kfx1ty2{ 50%{transform: translateY(-2px);} } .kfx1ty2{animation:kfx1ty2 .6s ease-in-out infinite;} @keyframes kfx1tx2{ 50%{transform: translateX(-2px);} } .kfx1tx2{animation:kfx1tx2 .6s ease-in-out infinite;} @keyframes kfx1mgb40-60{ 0%{margin-bottom:40px;} 50%{margin-bottom:60px;} 100%{margin-bottom:40px;} } .kfx1mgb40-60{animation: kfx1mgb40-60 1.6s ease-in-out infinite;} @keyframes kf1s120r-1{ 50%{transform:scale(1.2) rotate(-1deg);} } .kf1scale1rotate1{animation: kf1scale1rotate1 12s ease-in-out infinite;} @keyframes kfx1opacity1{ 0%{opacity:0;} 100%{opacity:1;} } /* 진주톡포유 바로가기 아이콘 */ .talktalk1 {position:fixed;bottom:80px;right:10px;display:block;width:55px;height:55px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgnyxgnyx1ot.cat) no-repeat 50% bottom;z-index:11;transition:.4s;background-size:cover;padding-top:10px;border-radius:50%;box-sizing:border-box;overflow:hidden;box-shadow:4px 4px 4px 0 rgba(0,0,0,.4);} body[data-layout="main"].talktalk1 {display:none;} .talktalk1:before, .talktalk1:after {content:"";display:block;margin:auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Sgnyxgnyx_fce.cat) no-repeat;} .talktalk1:before {display:none;width:55px;height:55px;background-color:rgba(255,196,52,.7);background-position:-11px 2px;margin-bottom:7px;border-radius:50%;transition:all .35s ease;transform:scale(1);background-size:80px auto;} .talktalk1:after {width:45px;height:32px;background-position:-5px -37px;background-size:56px auto;} .talktalk1.close {display:block;right:-70px;} .talktalk1.close.open {right:10px;} .talktalk1:hover:before, .talktalk1:focus:before {transform:scale(1.07);background-color:rgba(255,196,52,1);} @media all and (min-width:1260px){ .talktalk1 {position:fixed;top:157px;right:0;bottom:auto;display:block;width:90px;height:120px;padding-top:8px;box-sizing:border-box;border-radius:0;box-shadow:none;} .talktalk1.close, .talktalk1.close.open {right:0;} .talktalk1.on {right:271px} .talktalk1:before {display:block;} .talktalk1:after {width:80px;height:46px;background-position:0 -102px;background-size:auto;} } /* 상단 전체 배너 - 20230118 추가 */ #top_banner{background:#f6dfba /* url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Sznva%2Spbeban1_ot1.tvs) no-repeat 50% 0 / cover;font-family: 'S-CoreDream'; */} #top_banner>.container{box-sizing:border-box;height:90px;margin:0 auto;padding:0;} #top_banner .banner_img{margin:0 auto;max-width:1200px;height:90px;text-align:center;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Sznva%2Sgbc_onaare_vzt20230120.wct) no-repeat 50% 0 / cover;} #top_banner .close{position:absolute;right:4px;top:8px;width:128px;padding:1px 4px 2px;font-size:13px;color:#fff;background-color:rgba(0, 0, 0, 0.5);border-radius:6px;} #top_banner .close label{display:inline-block;} #top_banner .close a{display:inline-block; text-indent:-9999px; width:22px;height:22px; background:#555 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Sznva%2Szber16n1p0.cat) no-repeat 50% 50% / 12px 12px; border-radius:50%; transform:rotate(45deg); vertical-align:middle; } @media all and (max-width:1099px){ #top_banner>.container{height:70px;} #top_banner .banner_img{width:100%;height:70px;} #top_banner .close{top:4px;} } @media all and (max-width:799px){ } /* 맞춤진주 바로가기 */ #myjinju_link1{display:block;position:absolute;right:-190px;top:-25px;z-index:100} #myjinju_link1 a{display:block; width:160px;height:189px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Szlwvawh.cat) no-repeat 0 0 / contain; } #myjinju_link1 a .t1{position:absolute;left:-9999px;top:-9999px;text-indent:-9999px;} #myjinju_link1 a .t2{position:absolute;left:-9999px;top:-9999px;text-indent:-9999px;} #myjinju_link2{display:none} @media all and (max-width:1639px){ #myjinju_link1{right:-130px;} #myjinju_link1 a{width:120px;height:136px;} } @media all and (max-width:1439px){ #myjinju_link1{position:fixed;top:5px;right:0;} } @media all and (max-width:1259px){ #myjinju_link1{display:none} #myjinju_link2{display:block; position:fixed;right:10px;bottom:140px; width:55px;height:68px; top:220px; z-index:50; } #myjinju_link2 a{display:block;width:100%;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wvawh.tb.xe%2S_erf%2Scbegny%2Sfuner%2Spff%2S..%2S..%2Svzt%2Svap%2Szlwvawh_yvax2.cat) no-repeat 0 0 / contain} } /* 전국체전 디데이-20240222 */ .festival{position:absolute;right: 205px;bottom: -6px;} .festival #dday_box {position:absolute;top: 2px;left: 54px;text-align: left;width: 270px;} .festival img {float:left;margin-right: 25px;} .festival #dday_box .dday1lst {} .festival #dday_box .dday1lst li {margin-top:6px;} .festival #dday_box .dday1lst li .dday1 {display:inline-block;vertical-align:top;width: 36px;height: 19px;line-height: 19px;font-size: 12px;font-weight:400;color:#fff;background: #122c69;border-radius:12px;text-align:center;letter-spacing:-.1em;float: left;} .festival #dday_box .dday1lst li .dday1:before {content:"D";display:inline} .festival #dday_box .dday1lst li .t1 {display:block;font-size: 13px;font-weight:600;color:#0f0f0f;} @media screen and (max-width:1619px){ .festival{right: 206px;} } @media screen and (max-width:1459px){ } @media screen and (max-width:1410px){ .festival{right: 182px;width: 100px;top: 5px;} } @media screen and (max-width:1359px){ .festival #dday_box {left: 54%;} .festival img {margin-right: 30px;} } @media screen and (max-width:1299px){ .festival #dday_box{position:relative;top: -52px;left: 55%;display:inline-block;vertical-align:top;width: 196px;order:0} .festival img{left: 308px;margin-right: 0;} } @media screen and (max-width:1259px){ .festival{display: block;position: relative;top: -5px;width: 511px;right: 0;margin: 10px auto;} .festival #dday_box {position: relative;top: 9px;left: 10px;text-align: left;width: auto;} .festival img {float:left;margin-right: 5px;width: auto;left: 0;top: -4px;} .festival #dday_box .dday1lst {} .festival #dday_box .dday1lst li {margin-top:6px;float: left;width: 251px;margin-right: -23px;} .festival #dday_box .dday1lst li .dday1 {width: 50px;height: 26px;line-height: 22px;font-size: 16px;border-radius: 17px;} .festival #dday_box .dday1lst li .t1 {font-size: 18px;} } @media screen and (max-width:999px){ .festival #dday_box .dday1lst li {margin-top:6px;float: left;width: 218px;margin-right: 6px;} } @media screen and (max-width:768px){ } @media screen and (max-width:699px){ .festival{display: block;position: relative;top: -5px;width: 430px;right: 0;margin: 0 auto;} .festival #dday_box {position: relative;top: 9px;left: -3px;text-align: left;width: auto;} .festival img {float:left;margin-right: 5px;width: auto;left: 0;top: -4px;} .festival #dday_box .dday1lst li {margin-top:6px;float: left;width: 190px;margin-right: -3px;} .festival #dday_box .dday1lst li .dday1 {width: 42px;height: 23px;line-height: 21px;font-size: 13px;border-radius: 24px;} .festival #dday_box .dday1lst li .t1 {font-size: 15.5px;} } @media screen and (max-width:499px){ .festival #dday_box .dday1lst{float: left;} .festival{display: block;position: relative;top: 4px;width: 246px;right: 0;margin: 10px auto;} .festival #dday_box{position:relative;top: -6px;display:inline-block;width: 190px;left: 2px;} .festival img {left: 0;position: relative;} } /* 레이어팝업 - 20230629 추가 */ .layer_pop{display:block;position:absolute;left:1%;top:0;width:auto;z-index:9999;visibility:hidden;} /* visibility:hidden 처음은 안보이고 정해진 날짜에 보임, 오늘 안보이기 */ .layer_pop.type2{} .layer_pop.type3{left:auto;right:0;top:0} .layer_pop.type4{left:auto;right:0;top:100px} .layer_pop .cont{display:block;} .layer_pop .cont img{border:0;} .layer_pop .close{position:relative;color:#fff;font-size:14px;padding:5px 20px;;background:#000;} .layer_pop .close .txt{color:#fff;} .layer_pop .close .btn{position:absolute;right:18px;height:20px;line-height:20px;padding:0 10px;font-size:14px;color:#000;border:0;background:#ddd;} @media screen and (max-width:640px) { .layer_pop{left:4%;width:92%;} .layer_pop.type2{left:4%;width:auto;} .layer_pop.type3{top:0;left:0;right:auto;width:auto;} .layer_pop.type4{top:100px;left:0;right:auto;width:auto;} .layer_pop .cont img{width:100%;} .layer_pop.type2 .cont img{width:auto;} } @media screen and (max-width:480px) { .layer_pop{left:2%;width:96%;} }