@charset "utf-8"; /** * @File Name : all.css * @Description : Layout Main&SubPages * @Modification Information * 
 * 수정일 | 수정자 | 수정내용
 * 2015.06.19 | 김소화 | 최초 등록
 * 2015.11.16 | 김소화 | 창녕관광메뉴 pc 메뉴 수정
 * 2015.12.27 | 민혜경 | 창녕라이프 pc상단메뉴 수정
 * 2015.12.30 | 김소화 | 모바일 이미지 2배사이즈 변경작업.
 *
* @author 디자인팀 김소화 * @since 2015.06.19 * * @Copyright (C) IACTS.CO.KR All rights reserved. */ /* All Device ◆◆◆◆◆◆◆◆◆◆ */ html{} body{background:#fff;color:#555;font-size:81.25%;letter-spacing:0;} #container{position:relative;width:100%;min-width:320px;margin:0 auto;overflow:hidden} div.fixed1{} #head{z-index:40;clear:both;position:relative;width:100%;min-width:320px;max-width:1200px;min-height:100px;margin:0 auto} div.bg1head{position:absolute;left:-50%;top:0;width:200%;height:100%;margin:0;border-bottom:1px solid #d7d7d7;background:#fff url(/portal/_common/img/inc/bg1head.png) repeat-x 50% 0} #wrap{z-index:20;clear:both;position:relative;width:100%;/*max-width:1200px;*/min-height:200px;height:auto !important;height:200px;margin:0 auto} #wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden} #foot{z-index:30;clear:both;position:relative;max-width:1200px;margin:0 auto} div.bg1foot div{position:absolute;left:-50%;bottom:0;width:200%;height:100%; margin:0;background:#555} div.bg2foot div{display:none;position:absolute;left:-50%;top:0;width:200%;height:32px;margin:0;background:#333} /* Reset Initialize 초기화하려는 배치요소(#head, #foot, #sidebar, ..)에 .init 속성 추가하면 스타일링이 편하다. */ .init, .init *{list-style:none;max-width:none;margin:0;padding:0} #gn1{z-index:20;display:block;position:absolute;left:0;top:0;height:30px;overflow:hidden} #gn1 ul{} #gn1 li{float:left;border-left:1px #666 solid} #gn1 li a{padding:.5em .9em;color:#fff;font-size:12px;line-height:31px;letter-spacing:-1px;text-decoration:none} #gn1 li a:focus, #gn1 li a:hover{color:#ffea04} #gn3{z-index:30; position:absolute; right:200px; top:0;height:30px;overflow:hidden} #gn3 a{padding:.5em .9em; color:#ffea04;font-size:12px;line-height:31px;letter-spacing:-1px;text-decoration:none} /*#gn3 a:focus, #gn3 a:hover{color:#ffea04;}*/ #gn4{display:none;} /* #gn2. [jQ] .toggle */ #gn2{z-index:30;position:absolute;right:102px;top:0} #gn2 a.toggle{display:block;width:80px;height:30px;padding:0 0 0 10px;color:#ffea04;font-size:10px;line-height:31px;border:#666 solid;border-width:0 1px;background:url(/portal/_common/img/inc/gn2.png)no-repeat;background-position:80% 0;text-decoration:none} #gn2 a.toggle.on{background-position:80% -30px} #gn2c1{display:none;position:absolute;padding:.3em 0;width:100%;background:#343539;border-right:1px #333438 solid} #gn2c1 li{text-align:center} #gn2c1 li a{display:block;color:#fff;font-size:13px;line-height:30px;} #gn2c1 li a:focus, #gn2c1 li a:hover{color:#ffea04} #quick1{z-index:30;position:absolute;right:1px;top:0} #quick1 a.toggle{display:block;width:90px;height:30px;padding:0 0 0 10px;color:#ffea04;font-size:10px;line-height:31px;border:#666 solid;border-width:0 1px;background:url(/portal/_common/img/inc/gn2.png)no-repeat;background-position:90% 0;text-decoration:none} #quick1 a.toggle.on{background-position:90% -30px} #quick1c{display:none;position:absolute;right:-1px;padding:10px;min-width:250px;background:#fff;border:1px #343539 solid;border-top:0} #quick1 li{display:inline} #quick1 li a{display:block;float:left;width:46%;padding:0 0 0 4%;font-size:12px;color:#333;line-height:25px;letter-spacing:-1px;background:url(/portal/_common/img/inc/li4bg.png) no-repeat 0 6px} #broadcast1{display:none;position:absolute;right:330px;width:100px;height:30px;} #broadcast1:hover{background:#2899dd;} #broadcast1 a{display:block;color:#fff;font-size:12px;letter-spacing:-1px;margin:4px 0 0;} #broadcast1 a:hover{text-decoration:none;} #broadcast1 i.ic1{float:left;display:block;margin:4px 5px 0 13px;width:18px;height:16px;background:url(/portal/_common/img/inc/broadcast1.ic1.png) no-repeat;} #logo{display:block;padding:34px 0 0 15px;} #logo a{z-index:10;display:inline-block;position:relative;/*width:185px;*/} #logo img{display:block;width:auto;height:50px} #logo .flagLogo{margin-left:5px;} /*google 추가 20181204*/ /*.google_t{position:absolute;top:0px;left:33px; display:block; z-index:20;font-size: 0.9em;}*/ /* 20161212*/ #google-t{z-index:19;position:absolute; top:0; left: 32px;} #google-t a.toggle{display:block;width:97px;height:30px;padding:0 0 0 10px;color:#fff;font-size:12px;line-height:31px;border:#666 solid;border-width:0 1px;background:url(/portal/_common/img/inc/gn2.png)no-repeat;background-position:80% 0;text-decoration:none} #google-t a.toggle.on{background-position:80% -30px} #google-tc1{display:none;position:absolute;padding:.3em 0;width:100%;background:#343539;border-right:1px #333438 solid} #google-tc1 li{text-align:center;} #google-tc1 li a{display:block;color:#fff;font-size:13px;line-height:30px;width: 100%;} #google-tc1 li a:focus, #google-tc1 li a:hover{color:#ffea04} /*상단바*/ body {position:static !important;top:0 !important;} iframe.goog-te-banner-frame, .goog-logo-link, .skiptranslate {display:none !important;} .goog-te-gadget {color: transparent !important;} /* #search1. [jQ] .toggle */ #search1{z-index:20;position:absolute;right:0;top:42px;height:0} #search1 a.toggle{display:none;z-index:10;position:absolute;right:14px;top:0;width:42px;height:37px;background:url(/portal/_common/img/inc/search1bg2.png) no-repeat;overflow:hidden;text-indent:-9999px} #search1 a.toggle.on{background:url(/portal/_common/img/inc/search1bg3.png) no-repeat;} html.Mobile #search1 a.toggle{background:url(/portal/_common/img/inc/search1bg2@2x.png) no-repeat;background-size:contain;} html.Mobile #search1 a.toggle.on{background:url(/portal/_common/img/inc/search1bg3@2x.png) no-repeat;background-size:contain;} #search1c{display:block;position:absolute;right:15px;top:0;width:150px;height:25px;background:#fff;border:1px solid #c8c8c8} #search1c input.text{float:left;width:115px;height:25px;border:none !important;background:#fff;margin:0} #search1c .button{float:left;width:35px;height:25px;margin:0;border:none;background:#fff url(/portal/_common/img/inc/search1bg1.png) no-repeat;text-indent:-9999px} html.Mobile #search1c .button{background:#fff url(/portal/_common/img/inc/search1bg1@2x.png) no-repeat;background-size:contain;} #search1c a.close{display:none;z-index:20;position:absolute;right:-42px;top:0;width:42px;height:37px;background:url(/portal/_common/img/inc/search1.png) no-repeat 0 -63px;overflow:hidden;text-indent:-9999px} *+html #search1c input.text{border:1px solid #fff} #search1 .searchTxt01{position:absolute; top:0; right:13em; width:60px;} #tnb1{display:none} /* #mTnb1. [jQ] $.fn.jQmTnbD4a1 모바일메뉴 */ #mTnb1{display:block;position:relative;margin-top:-15px;} #mTnb1 .mTnb1s{display:block;float:left;width:19%} #mTnb1 div.d1{z-index:10;width:100%} #mTnb1 div.d1 div.bg{} #mTnb1 div.d1>ul{} #mTnb1 div.d1>ul>li{display:inline} #mTnb1 div.d1>ul>li>a{display:block;height:45px;line-height:45px;text-align:center;color:#333;font-size:14px;font-weight:bold;letter-spacing:-2px !important;text-decoration:none} #mTnb1 div.d1>ul>li.on>a{} #mTnb1 div.d1>ul>li.open>a>span, #mTnb1 div.d1>ul>li.on>a>span{display:inline-block;height:100%;background:url(/portal/_common/img/inc/mTnb1.d1.bg1.png) repeat-x 0 bottom} #mTnb1 div.d2{display:none;position:absolute;left:0;top:44px;width:100%;border:solid #d7d7d7;border-width:0 0 1px;background:#fff;box-shadow:5px 5px 10px -5px #555;} #mTnb1 li.on>div.d2{/* display:block; */} #mTnb1 div.d2 strong.h2{display:block;width:90%;padding:0 5%;height:40px;background:#3652bf;border-bottom:1px solid #fff} #mTnb1 div.d2 strong.h2 a{display:block;width:100%;height:100%;font-weight:bold;font-size:15px;line-height:40px;color:#fff} #mTnb1 div.d2 strong.h2 i.ic1{float:left;display:block;width:23px;height:25px;margin:8px 0 0 0;} #mTnb1 div.d2 strong.h2 span.t1{display:block;float:left;margin-left:5px;letter-spacing:-1px;} #mTnb1 div.d2 strong.h2 span.b1{display:block;float:right;margin:7px 0 0 0;font-weight:normal;font-size:12px;line-height:100%;text-align:right;padding:5px 10px 6px;border:1px solid #fff;border-radius:15px} #mTnb1 div.d2 div.bg{} #mTnb1 div.d2>ul{} #mTnb1 div.d2>ul>li{display:inline;float:left;width:50%} #mTnb1 div.d2>ul>li>a{display:block;padding:8px .5em;color:#555;line-height:18px;letter-spacing:-1px;text-decoration:none;margin:0 -1px -1px 0;border:solid #d7d7d7;border-width:0 1px 1px 0} *+html #mTnb1 div.d2>ul>li>a{margin:0} #mTnb1 div.d2>ul>li.hasSubNav>a{background:url(/portal/_common/img/inc/mTnb1.png) no-repeat;background-position:100% 0} #mTnb1 div.d2>ul>li.open>a, #mTnb1 div.d2>ul>li.on>a{color:#fff;background-position:100% -37px} html.Mobile #mTnb1 div.d2>ul>li.hasSubNav>a{background-image:none !important;position:relative;} html.Mobile #mTnb1 div.d2>ul>li.hasSubNav>a>i.ic1{display:block;position:absolute;right:10px;top:50%;margin:-5px 0 0;width:11px;height:11px;background:url(/portal/_common/img/inc/mTnb1.d2.hasSubNav@2x.png) no-repeat;background-size:contain;} html.Mobile #mTnb1 div.d2>ul>li.hasSubNav.open>a>i.ic1, html.Mobile #mTnb1 div.d2>ul>li.hasSubNav.on>a>i.ic1{background:url(/portal/_common/img/inc/mTnb1.d2.hasSubNav.on@2x.png) no-repeat;background-size:contain;} #mTnb1 div.d3{display:none;position:absolute;left:0;width:100%} #mTnb1 li.on>div.d3{/*display:block;*/} #mTnb1 div.d3 strong.h2{display:block;width:100%;padding:0;height:35px;background:#777 !important;border-bottom:none} #mTnb1 div.d3 strong.h2 a{display:block;font-weight:bold;font-size:14px;line-height:35px;color:#fff;margin:0} #mTnb1 div.d3 strong.h2 i.ic1{display:block;float:right;width:20px;height:20px;margin:8px 10px 0 0;background:url(/portal/_common/img/inc/mTnb1.d3.bg.png) no-repeat 0 0 !important} html.Mobile #mTnb1 div.d3 strong.h2 i.ic1{background:url(/portal/_common/img/inc/mTnb1.d3.bg@2x.png) no-repeat 0 0 !important;background-size:contain !important;} #mTnb1 div.d3 strong.h2 span.t1{display:block;float:left;margin:0 0 0 10px} #mTnb1 div.d3 strong.h2 span.b1{display:none} #mTnb1 div.d3 div.bg{} #mTnb1 div.d3>ul{} #mTnb1 div.d3>ul>li{display:inline} #mTnb1 div.d3>ul>li>a{display:block;height:30px;font-size:13px;border-bottom:1px solid #d7d7d7;padding:0 1em;background:#ebebeb;color:#333;line-height:30px;text-decoration:none;overflow:hidden} #mTnb1 div.d3>ul>li:first-child>a{margin-top:0} #mTnb1 div.d3>ul>li.on>a{background:#555;color:#fff} #mTnb1 div.d3>ul>li.hasSubNav>a{background-image:url(/portal/_common/img/inc/mTnb1.png);background-position:100% -74px;background-repeat:no-repeat} #mTnb1 div.d3>ul>li.on>a{color:#fff;background-position:100% -109px} #mTnb1 div.d4{display:none;position:relative;background:#fff;padding:0;border-bottom:1px solid #d7d7d7;overflow:hidden} #mTnb1 li.on>div.d4{/*display:block;*/} #mTnb1 div.d4 div.bg{} #mTnb1 div.d4>ul{} #mTnb1 div.d4>ul>li{float:left;width:50%;display:inline} #mTnb1 div.d4>ul>li>a{display:block;padding:5px 0 5px 1em;color:#555;line-height:18px;letter-spacing:-2px;background:url(/portal/_common/img/inc/mTnb1.png) no-repeat 0 -142px;text-decoration:none;overflow:hidden} #mTnb1 div.d4>ul>li.on>a{} #mTnb1 #news1 div.d1>ul>li.open>a>span, #mTnb1 #news1 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg1.png) repeat-x 0 bottom} #mTnb1 #news1 div.d2 strong.h2{background:#3652bf} #mTnb1 #news1 div.d2 strong.h2 i.ic1{background:url(/portal/_common/img/inc/mTnb1.d1.bg01@2x.png) no-repeat;background-size:contain;} #mTnb1 #news1 div.d2>ul>li.open>a, #mTnb1 #news1 div.d2>ul>li.on>a{background-color:#3652bf} #mTnb1 #news1 div.d4>ul>li.on>a{color:#3652bf} #mTnb1 #life1 div.d1>ul>li.open>a>span, #mTnb1 #life1 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg2.png) repeat-x 0 bottom} #mTnb1 #life1 div.d2 strong.h2{background:#f56a07} #mTnb1 #life1 div.d2 strong.h2 i.ic1{background:url(/portal/_common/img/inc/mTnb1.d1.bg02@2x.png) no-repeat;background-size:contain;} #mTnb1 #life1 div.d2>ul>li.open>a, #mTnb1 #life1 div.d2>ul>li.on>a{background-color:#f56a07} #mTnb1 #life1 div.d4>ul>li.on>a{color:#f56a07} #mTnb1 #tour1 div.d1>ul>li.open>a>span, #mTnb1 #tour1 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg3.png) repeat-x 0 bottom} #mTnb1 #tour1 div.d2 strong.h2{background:#268e03} #mTnb1 #tour1 div.d2 strong.h2 i.ic1{background:url(/portal/_common/img/inc/mTnb1.d1.bg03@2x.png) no-repeat;background-size:contain;} #mTnb1 #tour1 div.d2>ul>li.open>a, #mTnb1 #tour1 div.d2>ul>li.on>a{background-color:#268e03} #mTnb1 #tour1 div.d4>ul>li.on>a{color:#268e03} #mTnb1 #country1 div.d1>ul>li.open>a>span, #mTnb1 #country1 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg4.png) repeat-x 0 bottom} #mTnb1 #country1 div.d2 strong.h2{background:#0374c4} #mTnb1 #country1 div.d2 strong.h2 i.ic1{background:url(/portal/_common/img/inc/mTnb1.d1.bg04@2x.png) no-repeat;background-size:contain;} #mTnb1 #country1 div.d2>ul>li.open>a, #mTnb1 #country1 div.d2>ul>li.on>a{background-color:#0374c4} #mTnb1 #country1 div.d4>ul>li.on>a{color:#0374c4} #mTnb1 #info1 div.d1>ul>li.open>a>span, #mTnb1 #info1 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg5.png) repeat-x 0 bottom} #mTnb1 #info1 div.d2 strong.h2{background:#56208d} #mTnb1 #info1 div.d2 strong.h2 i.ic1{background:url(/portal/_common/img/inc/mTnb1.d1.bg05@2x.png) no-repeat;background-size:contain;} #mTnb1 #info1 div.d2>ul>li.open>a, #mTnb1 #info1 div.d2>ul>li.on>a{background-color:#56208d} #mTnb1 #info1 div.d4>ul>li.on>a{color:#56208d} /* #foot */ .familysite1{z-index:10;position:relative;letter-spacing:-1px} .familysite1 a.toggle{z-index:10;display:block;position:relative;height:32px;padding:0 30px 0 5px;background:#333;color:#fff;line-height:30px;text-decoration:none;border:solid #555;border-width:0 0 1px;overflow:hidden} .familysite1 a.toggle .ic1{display:block;position:absolute;right:0;top:50%;width:20px;height:20px;margin:-10px 5px 0 0;background:url(/portal/_common/img/inc/familysite1s.png) no-repeat -50px 0} .familysite1 a.toggle.on{z-index:11;color:#fff;line-height:30px;background:#111} .familysite1 a.toggle.on .ic1{background-position:-100px 0} .familysite1 .familysite1c{display:none;position:absolute;right:0;bottom:24px;width:100%} .familysite1 .familysite1c .familysite1box{padding:10px 0 20px ;background:#fff;border:1px solid #666;overflow:hidden} .familysite1 .familysite1c ul{overflow:hidden} .familysite1 .familysite1c li{float:left;width:50%} .familysite1 .familysite1c li a{display:block;margin:0 0 0 -1px;padding:3px 9px;border-left:1px solid #e6e6e6;color:#666;font-size:.923em;line-height:16px} .familysite1c a.b1{z-index:20;float:left;position:absolute;width:20px;height:20px;background:url(/portal/_common/img/inc/familysite1s.png) no-repeat;overflow:hidden;text-indent:-9999px} .familysite1c a.b1.close{display:block;right:0;bottom:0;margin:0 6px -17px 0;background-position:-100px 0} .familysite1c .h2{display:block;margin:.5em .5em 0;padding:.2em .5em;border-top:1px dotted #ccc} .familysite1box .h2:first-child{margin-top:0;border-top:0} #fn1{z-index:10;clear:both;float:left;width:80%;position:relative;margin:15px 0 0 10px;padding:0;letter-spacing:-1px;overflow:hidden} #fn1 ul{float:left;position:relative;left:-.75em} #fn1 li{float:left;padding:0 0 0 1px;background:url(/portal/_common/img/inc/fn1s.png) no-repeat 0 50%} #fn1 li a{float:left;padding:0 .75em;color:#fff;font-weight:bold;font-size:12px;line-height:25px;white-space:nowrap} #fn1 li.m2 a{color:#ffd800;font-weight:bold;line-height:25px;white-space:nowrap} #author1{float:left;width:80%;position:relative;font-size:12px;line-height:1.5;padding:10px 10px 50px} #author1 address{display:block;color:#fff} #author1 .nophishing{margin:2px 0;color:#fff;letter-spacing:-1px} #author1 address.copyright{color:#fff} #author1 a{color:#fff;} .footLink1{position:absolute;right:10px;top:150px} .footLink1 .goodcontent{ margin-top: 0.5em; margin: 7px 7px 7px 7px;} .footLink1 .gov30_mark a{ width: 54px; height: 54px; display: inline-block; } /* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */ @media all and (min-width:768px){/* ◇◆◇◆◇◆◇◆◇◆ */ body{font-size:87.25%} #head{width:768px} #foot{width:768px} div.bg2foot div{display:block} #search1{top:38px} #search1 a.toggle{display:none} #search1c{display:block !important;right:40px;width:205px;height:35px} #search1c input.text{width:165px; height:35px} #search1c a.close{display:none} #search1c .button{margin:5px 0;} #search1 .searchTxt01{top:0.4em; right:18.5em;} } /* /(max-width:768px) */ @media all and (min-width:1200px){/* ◇◆◇◆◇◆◇◆◇◆ */ #head{height:120px;width:100%} div.fixed1{z-index:40;/*position:fixed;*/left:0;top:0;width:100%;height:0} #foot{width:100%} #wrap{z-index:20 !important;margin:0 auto;padding-top:120px} #logo{padding:39px 0 0 0} #logo img{height:71px} #gn2 a.toggle{font-size:12px;} #gn4{display:block;z-index:30; position:absolute; right:270px; top:0;height:30px;overflow:hidden} #gn4 a{padding:.5em 1.2em; color:#ffea04;font-size:12px;line-height:31px;letter-spacing:-1px;text-decoration:none; border-right:1px solid #666;} #quick1 a.toggle{font-size:12px;} #search1{top:60px} #search1c{right:0px;} #search1 .searchTxt01{top:0.3em; right:15em; letter-spacing:-1px;} #mTnb1{position:absolute;left:22.5%;top:45px;width:70.3%;margin-top:0} #mTnb1 .mTnb1s{position:relative} #mTnb1 div.d1>ul>li>a{height:62px;font-size:17px} #mTnb1 div.d2{display:none;left:-60%;top:61px;width:340px;border-width:0 1px 1px} #mTnb1 div.d4>ul>li>a{font-size:13px} #mTnb1 #country1 div.d2{left:auto;right:-30%} .familysite1{float:left;width:25%} .familysite1 a.toggle{font-size:13px;border-width:0 1px;margin:0 0 0 -1px} #fn1{width:100%;} #fn1 li a{font-size:14px} #author1{width:100%;font-size:14px} .footLink1{top:50px} #broadcast1{display:block;} /* 모바일용 메뉴는 숨기기 */ #mTnb1{display:none} /* pc용 메뉴 */ #tnb1{display:block} /* #mTnb1 . [jQ] $.fn.jQmTnbD4a1 모바일메뉴 */ #tnb1{display:block;position:absolute;left:200px;top:55px;width:700px} #tnb1 .tnb1s{display:block;float:left;width:20%} #tnb1 div.d1{z-index:10;width:100%} #tnb1 div.d1 div.bg{} #tnb1 div.d1>ul{} #tnb1 div.d1>ul>li{display:inline} #tnb1 div.d1>ul>li>a{display:block;height:66px;line-height:45px;text-align:center;color:#333;font-size:17px;font-weight:bold;letter-spacing:-1px;text-decoration:none} #tnb1 div.d1>ul>li.on>a{} #tnb1 div.d1>ul>li.on>a>span{display:inline-block;height:100%;background:url(/portal/_common/img/inc/mTnb1.d1.bg1.png) repeat-x 0 bottom} #tnb1 div.d2{display:none;position:absolute;left:-45%;top:66px;width:300%;height:205px;margin:0 0 0 -50%;background:#fff;border-bottom:1px solid #d7d7d7;overflow:hidden} *+html #tnb1 div.d1>ul>li.on>a>span{height:67px} *+html #tnb1 div.d2{top:66px} #tnb1 li.on>div.d2{/* display:block; */} #tnb1 div.d2 div.d2cont{position:relative;width:1150px;height:187px;margin:0 auto;padding:0 0 0 40px} #tnb1 div.d2 strong.h2{display:block;position:relative;float:left;width:188px;height:187px;border-right:1px solid #d7d7d7} #tnb1 div.d2 strong.h2 a{display:block;font-weight:bold;font-size:20px;color:#555} #tnb1 div.d2 strong.h2 span.t1{display:block;margin:15px 0 0 0;text-align:center;letter-spacing:-1px} #tnb1 div.d2 strong.h2 span.b1{background: #5274c2;display:block;margin: 0px 39px;font-weight:normal;font-size:12px;line-height:100%;text-align: center;padding: 6px 10px 6px;border:1px solid #fff;border-radius:15px;color: #fff;} #tnb1 div.d2 strong.h2 i.ic1{display:block;width:80px;height:80px;margin:10px auto 0;background:url(/portal/_common/img/inc/tnb.h2.ic1_2019.png) no-repeat} #tnb1 div.d2 div.d2cont>ul{position:relative;float:left;width:430px;margin-left:30px} #tnb1 div.d2 div.d2cont>ul>li{float:left;width:33.333%} #tnb1 div.d2 div.d2cont>ul>li>a{display:block;margin:2px 0;padding:0 0 0 10px;letter-spacing:-1px;color:#777;font-size:13px;text-decoration:none;background:url(/portal/_common/img/inc/tnb.d2.li.png) no-repeat 0 7px} #tnb1 div.d2 div.d2cont>ul>li>a:focus, #tnb1 div.d2 div.d2cont>ul>li>a:hover{color:#333} #tnb1 #tour2 div.d2 div.d2cont>ul>li>a, #tnb1 #country2 div.d2 div.d2cont>ul>li>a{margin:2px 0} #tnb1 div.d2>ul{padding:0;} #tnb1 div.d2>ul>li{position:relative;} #tnb1 div.d2>ul>li>a{display:block;position:relative;min-height:0; padding:6px 15px 9px; border-bottom:0; background:none !important; color:#333;font-size:14px;letter-spacing:-1px; } #tnb1 li.on>div.d2>ul>li.on>a{color:#333;font-weight:bold;border:0;} #tnb1 div.d2>ul>li.over>a, #tnb1 div.d2>ul>li>a:hover, #tnb1 div.d2>ul>li>a:focus{color:#fff !important;background:transparent url(/_res/seoul/img/inc/tnb1d2bg2on.png) no-repeat !important;} #tnb1 div.d2>ul>li.over{} #tnb1 div.d2>ul>li.hasSub>a:after{content:'+';display:inline-block;} #tnb1 div.d2>ul>li.hasSub>a:hover:after, #tnb1 div.d2>ul>li.hasSub>a:focus:after{content:'';} /* depth3 */ #tnb1 div.d2>ul>li div.d3{display:block !important; /* ☆ */ position:absolute;left:140px;top:0; width:149px;height:0; padding:0; background:#fff; transition: .3s ease-out; visibility:hidden; } #tnb1 div.d2>ul>li.over div.d3{z-index:200 !important; left:154px;height:auto; border:3px solid #004d89; visibility:visible;opacity:1; } #tnb1 div.d3>ul{padding:13px 0 15px;} #tnb1 div.d3>ul>li>a{position:relative; margin:0;padding:.3em .6em .3em 1.5em; font-size:13px;color:#333; } #tnb1 div.d3>ul>li>a:before{content:'-　';display:block;position:absolute;left:10px;} #tnb1 div.d3>ul>li>a:focus, #tnb1 div.d3>ul>li>a:hover{color:#000;background-color:#e0eefa} #tnb1 li>div.d3>ul>li.hasSub>a, #tnb1 li.on>div.d3>ul>li.on.hasSub>a{background-image:none;} /* depth4 */ #tnb1 div.d4{display:none !important; /* ☆ */ overflow:hidden; } /* 창녕뉴스메뉴 */ #tnb1 #news2{} #tnb1 #news2 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg1.png) repeat-x 0 bottom} #tnb1 #news2 div.d2 strong.h2 i.ic1{} #tnb1 #news2 div.d2 div.d2cont>ul{margin-top:10px} #tnb1 #news2 div.d2 div.d2cont>ul>li>a{margin:3px 0} #tnb1 #news2 .cont{position:relative;float:left;margin:20px 0 0 10px;overflow:hidden} #tnb1 #news2 .cont ul>li{float:left;width:170px;height:140px;margin:0 10px;border:1px solid #d7d7d7;overflow:hidden} #tnb1 #news2 .cont ul>li>a{display:block} #tnb1 #news2 .cont ul>li>a span.p1{display:block;width:100%;height:110px;text-align:center;border-bottom:1px solid #d7d7d7;overflow:hidden} #tnb1 #news2 .cont ul>li>a span.p1 img{width:auto;height:100%;} #tnb1 #news2 .cont ul>li>a .p1 .p1noimg{display:block;width:100%;height:100%;background:#f0f0f0 url(/portal/_common/img/inc/noimg1.jpg) no-repeat 50%;background-size:100%;} #tnb1 #news2 .cont ul>li>a span.t1{display:block;color:#555;max-width:95%;line-height:30px;font-size:13px;padding-left:5px;text-align:center;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden} /* 창녕라이프 */ #tnb1 #life2{} #tnb1 #life2 div.d2 strong.h2 i.ic1{background-position:0 -240px} #tnb1 #life2 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg2.png) repeat-x 0 bottom} #tnb1 #life2 div.d2 div.d2cont>ul{margin:13px 0 0 20px;width:740px;} #tnb1 #life2 div.d2 div.d2cont>ul>li{width:18%} #tnb1 #life2 div.d2 div.d2cont>ul>li.m2, #tnb1 #life2 div.d2 div.d2cont>ul>li.m7, #tnb1 #life2 div.d2 div.d2cont>ul>li.m12, #tnb1 #life2 div.d2 div.d2cont>ul>li.m17, #tnb1 #life2 div.d2 div.d2cont>ul>li.m22, #tnb1 #life2 div.d2 div.d2cont>ul>li.m27{width:22.5% !important;} #tnb1 #life2 div.d2 div.d2cont>ul>li.m4, #tnb1 #life2 div.d2 div.d2cont>ul>li.m9, #tnb1 #life2 div.d2 div.d2cont>ul>li.m14, #tnb1 #life2 div.d2 div.d2cont>ul>li.m19, #tnb1 #life2 div.d2 div.d2cont>ul>li.m24, #tnb1 #life2 div.d2 div.d2cont>ul>li.m27, #tnb1 #life2 div.d2 div.d2cont>ul>li.m28{width:22.5% !important;} #tnb1 #life2 div.d2 div.d2cont>ul>li.m30{width: 18% !important;} #tnb1 #life2 div.d2 div.d2cont>ul>li.m31{width: 18% !important;} #tnb1 #life2 div.d2 div.d2cont>ul>li.m29{width:18% !important;} #life2c1{float:left;margin:20px 0 0 0;width:190px;height:140px;border:1px solid #d7d7d7} #life2c1 .cont1 ul>li{float:left;width:50%;height:70px} #life2c1 .cont1 ul>li a{display:block;font-size:14px;line-height:70px;width:100%;height:100%;text-align:center;color:#333;letter-spacing:-1px} #life2c1 .cont1 ul>li.line2 a{display:block;font-size:14px;line-height:120%;width:100%;padding:20px 0;height:30px;text-align:center;color:#333;letter-spacing:-1px;overflow:hidden;} #life2c1 .cont1 ul>li a i.ic1 img{vertical-align:middle} #life2c1 .cont1 ul>li a.bg1{background:#ffd6ad} *+html #life2c1 .cont ul>li{width:49.9999%} /* 창녕관광메뉴 */ #tnb1 #tour2{} #tnb1 #tour2 div.d2 strong.h2 i.ic1{background-position:0 -80px} #tnb1 #tour2 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg3.png) repeat-x 0 bottom} #tnb1 #tour2 div.d2 div.d2cont>ul{margin-top:13px;width:650px} #tnb1 #tour2 div.d2 div.d2cont>ul>li{width:25%} *+html #tnb1 #tour2 div.d2 div.d2cont>ul>li{width:24.999%;} #tour2c1{float:left;width:230px;margin:20px 0 0 10px;overflow:hidden} #tour2c1 .cont1{display:block;position:relative;width:100%} #tour2c1 .cont1 .mControl{} #tour2c1 .cont1 .mControl .b{z-index:20;float:left;position:absolute;top:50%;width:18px;height:32px;margin:-25px 0 0 0;border:0;text-indent:-9999px;overflow:hidden;cursor:pointer} #tour2c1 .cont1 .mControl .prev{left:0;background:url(/portal/_common/img/inc/tnb1.life.prev.png) no-repeat} #tour2c1 .cont1 .mControl .next{right:0;background:url(/portal/_common/img/inc/tnb1.life.next.png) no-repeat} #tour2c1 .cont1 .mView{z-index:10;position:relative;left:0;top:0;margin:0 auto;width:200px;height:100%;overflow:hidden} #tour2c1 .cont1 .mCont{position:relative;left:0;top:0;width:2000px;height:100%} #tour2c1 .cont1 .mContC{float:left;position:relative;left:0;top:0;width:178px;height:140px;margin:0 10px;border:1px solid #d7d7d7;overflow:hidden} #tour2c1 .cont1 .mContC.on{display:block} #tour2c1 .cont1 .mContC a{display:block} #tour2c1 .cont1 .mContC span.p1{display:block;width:100%;height:110px;border-bottom:1px solid #d7d7d7;overflow:hidden} #tour2c1 .cont1 .mContC span.p1 img{width:100%} #tour2c1 .cont1 .mContC span.t1{display:block;color:#555;line-height:30px;font-size:13px;padding-left:5px;text-align:center;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden} /* 창녕군메뉴 */ #tnb1 #country2{} #tnb1 #country2 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg4.png) repeat-x 0 bottom} #tnb1 #country2 div.d2 strong.h2 i.ic1{background-position:0 -160px} #tnb1 #country2 div.d2 div.d2cont>ul{margin-top:13px} #tnb1 #country2 .cont{position:relative;float:left;width:440px;margin-top:20px;overflow:hidden} #tnb1 #country2 .cont .tnb1Mayor1{float:left;width:222px;height:142px;float:left;background:url(/portal/_common/img/inc/tnb1_mayor1bg_202001.jpg) no-repeat 90% bottom;overflow:hidden} #tnb1 #country2 .cont .tnb1Mayor1 a{display:block;text-decoration:none !important} #tnb1 #country2 .cont .tnb1Mayor1 span{display:block;color:#fff;letter-spacing:-1px} #tnb1 #country2 .cont .tnb1Mayor1 span.t1{margin:5px 0 0 10px} #tnb1 #country2 .cont .tnb1Mayor1 span.t2{margin:-7px 0 0 10px;font-weight:bold;font-size:15px} #tnb1 #country2 .cont .tnb1Mayor1 span.t3{margin:0px 0 0 10px} #tnb1 #country2 .cont .tnb1Mayor1 span.t4{margin:0 0 0 10px} #tnb1 #country2 .cont .tnb1Mayor1 span.t5{margin:2px 0 0 10px;font-weight:bold;font-size:13px} #tnb1 #country2 .cont ul{width:217px;height:140px;border:1px solid #d7d7d7;border-left:0;overflow:hidden} #tnb1 #country2 .cont ul>li{float:left;width:50%;height:70px} #tnb1 #country2 .cont ul>li a{display:block;line-height:70px;width:100%;height:100%;text-align:center;color:#333;letter-spacing:-1px;font-size:14px;} #tnb1 #country2 .cont ul>li a i.ic1 img{vertical-align:middle} #tnb1 #country2 .cont ul>li a.bg1{background:#a5cde7} *+html #tnb1 #country2 .cont ul>li{width:49.9999%} /* 정보공개 */ #tnb1 #info2{} #tnb1 #info2 div.d2 strong.h2 i.ic1{background-position:0 -320px} #tnb1 #info2 div.d1>ul>li.on>a>span{background:url(/portal/_common/img/inc/mTnb1.d1.bg5.png) repeat-x 0 bottom} #tnb1 #info2 div.d2 div.d2cont>ul{margin:13px 0 0 20px;width:740px;} #tnb1 #info2 div.d2 div.d2cont>ul>li{width:18%} #tnb1 #info2 div.d2 div.d2cont>ul>li.m2, #tnb1 #info2 div.d2 div.d2cont>ul>li.m7, #tnb1 #info2 div.d2 div.d2cont>ul>li.m12, #tnb1 #info2 div.d2 div.d2cont>ul>li.m17, #tnb1 #info2 div.d2 div.d2cont>ul>li.m22, #tnb1 #info2 div.d2 div.d2cont>ul>li.m27{width:22.5% !important;} #tnb1 #info2 div.d2 div.d2cont>ul>li.m4, #tnb1 #info2 div.d2 div.d2cont>ul>li.m9, #tnb1 #info2 div.d2 div.d2cont>ul>li.m14, #tnb1 #info2 div.d2 div.d2cont>ul>li.m19, #tnb1 #info2 div.d2 div.d2cont>ul>li.m24, #tnb1 #info2 div.d2 div.d2cont>ul>li.m27, #tnb1 #info2 div.d2 div.d2cont>ul>li.m28{width:22.5% !important;} #tnb1 #info2 div.d2 div.d2cont>ul>li.m30{width: 18% !important;} #tnb1 #info2 div.d2 div.d2cont>ul>li.m31{width: 22.5% !important;} #tnb1 #info2 div.d2 div.d2cont>ul>li.m29{width:22.5% !important;} #info2c1{float:left;margin:20px 0 0 0;width:190px;height:140px;border:1px solid #d7d7d7} #info2c1 .cont1 ul>li{float:left;width:50%;height:70px} #info2c1 .cont1 ul>li a{display:block;font-size:14px;line-height:70px;width:100%;height:100%;text-align:center;color:#333;letter-spacing:-1px} #info2c1 .cont1 ul>li.line2 a{display:block;font-size:14px;line-height:120%;width:100%;padding:20px 0;height:30px;text-align:center;color:#333;letter-spacing:-1px;overflow:hidden;} #info2c1 .cont1 ul>li a i.ic1 img{vertical-align:middle} #info2c1 .cont1 ul>li a.bg1{background:#c4aeda} *+html #info2c1 .cont ul>li{width:49.9999%} i.newWin{display:block;width:11px;height:11px;background:url(/portal/_common/img/_lib/icon/ic2home.png) no-repeat;text-indent:-9999px} } /* /(max-width:1200px) */ @media all and (max-width:1200px){/* ◇◆◇◆◇◆◇◆◇◆ */ #fn1{z-index:10;clear:both;float:left;width:40%;position:relative;margin:15px 0 0 10px;padding:0;letter-spacing:-1px;overflow:hidden} #fn1 li.m5{ display:none;} #fn1 li.m2 a{color:#ffd800;font-weight:bold;line-height:25px;white-space:nowrap} } /* ◇◆ @media print{} ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */ @media print{ }