/* 레이아웃 수정*/ .g_dark{display:none;} /* 조직도 */ .org li{position:relative;} .org p.tit{position: relative;width:200px;margin: 0 auto 60px;font-size:36px;font-weight:600;text-align:center;font-family:'GmarketSans';background: linear-gradient(90deg, #2c9a95, #0379ae);color: transparent;-webkit-background-clip: text;} .org p.tit:after{content:'';position: absolute;bottom: 1px;left: 0;right: 0;display:block;width:100%;height: 20px;margin: 0 auto;background:#f4f4f4;border-radius:30px;z-index: -1;} .org .dep01{position: relative;max-width:600px;margin: 0 auto 20px;} .org .dep01:before{content:'';position: absolute;top: 0;left: 0;right: 0;display:block;width:1px;height: 190px;margin: 0 auto;background: #919191;z-index: -1;} .org .dep01:after{content:'';position: absolute;top: 97px;left: 0;display:block;width: 50%;height: 1px;margin: 0 auto;background: #919191;z-index: -2;} .org .dep01 a{display:block;width: 140px;height: 52px;margin: 0 auto 20px;padding-top: 14px;font-size: 17px;border-radius: 30px;text-align: center;} .org .dep01_tit>a{background: #0074a9; color: #fff;} .org .dep01_stit a{background: #098787;color: #fff;} .org .dep01_side a{margin: 0 0 20px;border: 1px #919191 solid;background: #fff;} .org .dep01_side a:hover,.org .dep01_side a:focus{border: 1px #0074a9 solid; color:#0074a9; transition: 0.3s ease-in-out;} .org .dep02{display:flex; justify-content:space-between; flex-wrap:wrap;} .org .org01{width: 49%;margin: 0 0 40px;} .org .org01 a{display:block; height: 52px;padding-top: 14px;font-size: 17px;border-radius: 30px;text-align: center;border: 1px #0074a9 solid;background: #fff; color:#0074a9;} .org .org01 a:hover,.org .org01 a:focus{background: #0074a9; color:#fff; transition: 0.3s ease-in-out;} .org .org02{width: 49%;margin: 0 0 20px;border-radius: 30px 30px 20px 20px;border:1px #e1e1e1 solid;text-align:center;} .org .org02>a{display:block;height:50px;padding-top: 14px;color:#fff;background: #0074a9;border-radius:30px;text-align:center;} .org .org02 li{margin: 10px 0;} .org .org02 li a:hover,.org .org02 li a:focus{color:#0074a9; border-bottom:1px #0074a9 solid;} .org .org03{margin:0 auto;} .org .org03 a{display:block;width:180px;height:50px;margin:0 auto 20px;padding-top:14px;color:#fff;background:#098787;text-align:center;border-radius:30px;} .org h4{width:180px;height:50px;margin: 0 auto 10px;padding-top:14px;color:#fff;background:#098787;text-align:center;border-radius:30px;font-size: 16px;font-weight: 400;font-family: SCDream;} .org .dep03{margin-bottom: 30px;} .org .org04{width: 180px;margin: 0 auto 10px;text-align:center;} .org .org04>a{display:block;height: 50px;padding-top: 13px;border-radius: 30px;text-align: center;border: 1px #098787 solid;background: #fff;color:#098787;} .org .org04 ul{margin-top: 10px;border:1px #e1e1e1 solid;border-radius:30px;} .org .org04 li{margin:10px 0;} .org .org04 li a{font-size:15px;} .org .org04 li a:hover,.org .org04 li a:focus{border-bottom: 1px #32a092 solid; color:#098787; transition: 0.3s ease-in-out;} .org .dep04{width: 180px;margin: 0 auto 30px;} .org .dep04 li{margin: 6px 0;} .org .dep04 li a{display:block;height: 50px;padding: 13px 12px;border-radius: 30px;text-align: center;border: 1px #32a092 solid;background: #fff;color:#098787;} .org .dep05{display: flex; flex-wrap:wrap; justify-content:space-between;} .org .dep05 li{width: 49%;margin:0 0 6px;} .org .dep05 li a{display:block;height: 50px;padding: 13px 12px;border-radius: 30px;text-align: center;border: 1px #e1e1e1 solid;background: #fff;} .org_lay{position: absolute;top: 50px;left: -15px;right:0;width: 100%;min-width: 250px;max-width: 500px;border: 1px #e1e1e1 solid;border-radius: 15px;padding: 10px;background: #fff;z-index: 999;} .org_lay *{font-size: 14px;font-family: SCDream, "에스코어드림";color: #333;} .org_lay td,.org_lay th{padding: 10px 6px;} .org_lay#lay04{margin: 0 0 0 auto;} .org_lay#lay06{margin: 0 0 0 auto;} .org_lay#lay08{margin: 0 0 0 auto;} .org.org_2025 .org01{width:100%;margin: 0 0 20px;} @media all and (min-width:768px) { .org {overflow:hidden;} .org .dep01{margin: 0 auto 40px;} .org .org01>a{width: 260px;margin:0 0 0 auto;} .org .dep02 li:nth-of-type(2)>a{margin:0 auto 0 0;} .org .org02{width: 24%;} .org .org03{margin:0;} .org h4{display: inline-block;margin: 0 10px 0 0;} .org .dep03,.org .dep04,.org .dep05{display: inline-flex;flex-wrap: wrap;width: calc(100% - 200px);} .org .org04{margin: 0 10px 20px 0;} .org .dep04 li{width: 180px;margin:0 10px 0 0;} .org .dep05{justify-content:flex-start;} .org .dep05 li{width:24%;margin: 0 5px 10px 0;} .org_lay{left:0;} .org.org_2025 .org01{width:33.33%;} .org.org_2025 .org01>a{width: 180px;margin: 0 auto;} .org.org_2025 li:nth-of-type(2)>a{margin:0 auto;} } @media all and (min-width:1023px) { .org .org04{display: flex;justify-content: space-between;width:100%;margin: 0 0 10px;} .org .org04>a{width:180px;} .org .org04 ul{display:flex;width: calc(100% - 185px);height: 50px;margin: 0;} .org .org04 li{margin: 13px 0 0 20px;} .org .dep05 li{width:12%;} .org_lay#lay03{margin: 0 0 0 auto;} .org_lay#lay04{margin: 0;} .org.org_2025 .org01>a{width: 320px;} } /* 부서안내 */ .h4_s{margin-left: 10px;font-size:16px;vertical-align:middle;color:#cf4747;} /* 청사안내 */ .guide_map_box .img{margin:0 0 20px;} .guide_map_box img{width:auto; max-width:100%;} .guide_map_box ul{padding: 15px;border:1px #e1e1e1 solid;border-radius:20px;} .guide_map_box ul li{margin-bottom: 15px;} .guide_map_box .basic_ul_num>li::before{background:#0074a9} .guide_map_box .basic_ul_num>li:nth-of-type(11):before{content: '11';} .guide_map_box .basic_ul_num>li:nth-of-type(12):before{content: '12';} .guide_map_box .basic_ul_num>li:nth-of-type(13):before{content: '13';} .guide_map_box .basic_ul_num>li:nth-of-type(14):before{content: '14';} .guide_map_box .basic_ul_num>li:nth-of-type(15):before{content: '15';} @media all and (min-width:1440px) { .guide_map_box{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: flex-start;} .guide_map_box ul{display:flex;flex-wrap:wrap;width: calc(100% - 900px);padding: 30px 30px 15px;} .guide_map_box ul li{width: 50%;} } /* 김제비전 */ .v_info{margin-bottom: 90px; } .v_info dt{position: relative;width: 200px;background: #fff;text-align:center;padding: 10px 0;margin: 0 auto;color: #32a092;border: 1px #32a092 solid;font-size: 20px;border-radius: 30px;font-family: 'SBAggro';font-weight: 400;z-index: 1;} .v_info dd{margin: -24px 0;padding: 10px 0;border: 1px #32a092 solid;border-radius: 20px;text-align: center;} .v_info dd img{display:inline-block;margin: 40px 0 20px;width: auto;max-width: 100%;} .v_box{background: url('/images/01_potal/content/sub01/vision_bg.png') no-repeat right -150px bottom -88px; padding: 0 0 40px 0;margin-top: 30px;border: 1px #0074a9 solid;border-radius: 20px;} .v_box h4{width: 200px;background: #fff;text-align:center;padding: 10px 0;margin: -25px auto 20px;color: #0074a9;border: 1px #0074a9 solid;font-size: 20px;font-weight: 400;border-radius: 30px;} .v_box li{width: 160px;height: 160px;padding-top: 56px;border-radius:50%;text-align: center;word-break: keep-all;margin: 10px auto;font-family: 'SBAggro';font-size: 24px;color: #fff;} .v_box li:nth-of-type(1){background: #9cd143;} .v_box li:nth-of-type(2){background: #55cfa0;} .v_box li:nth-of-type(3){background: #52d2df;} .v_box li:nth-of-type(4){background: #40a4df;} .v_box li:nth-of-type(5){background: #4284db;} @media all and (min-width:768px) { .v_box h4{margin-bottom: 40px;} .v_box ul{display:flex;flex-wrap: wrap;justify-content: center;padding: 0 100px;} .v_box li{margin: 0 4px;} } /* CI 및 슬로건 */ .symbol_mark .sm_tit{padding: 20px;border:1px solid #e3e9f3;border-radius:20px;text-align: center;} .symbol_mark .sm_tit img{width:auto; max-width:100%;} .symbol_mark .sm_con h5{margin: 0 0 10px 0;} .symbol_mark .sm_con li{position:relative;padding: 10px 0 10px 45px;} .symbol_mark .sm_con li i{position: absolute;top: 4px;left: 0;display: inline-block;width: 35px;height: 35px;font-size:0;} .symbol_mark .sm_con li.sm_01 i{background: url('/images/01_potal/content/sub01/symbol_mark_p01.png') no-repeat;} .symbol_mark .sm_con li.sm_02 i{background: url('/images/01_potal/content/sub01/symbol_mark_p02.png') no-repeat;} .symbol_mark .sm_con li.sm_03 i{background: url('/images/01_potal/content/sub01/symbol_mark_p03.png') no-repeat;} .mascot_ul{margin-bottom:20px;} .mascot_ul li{margin: 10px 0 0;} .mascot_ul li strong{display:block; height:30px; margin-bottom: 4px;font-size:0;} .mascot_ul li span{display:block;font-size: 15px;} .mascot_ul li span b{display:inline-block;width: 45px;} .mascot_ul li .m_01{background:#fff200;} .mascot_ul li .m_02{background:#00a76d;} .mascot_ul li .m_03{background:#231f20;} .mascot_ul li .m_04{background:#851013;} .mascot_ul li .m_05{background:#f58345;} .mascot_ul li .m_06{background:#6c4f34;} .color_chart li{margin: 10px 0 0;text-align:center;font-size: 15px;color: #666;} .color_chart li strong{display: block;height: 40px;padding-top: 7px;font-size:0;} .color_chart li span{display:block;padding:10px 0 0;text-indent:-50px;margin-left:50px;} .color_chart li .cc_01{background:#00a178;} .color_chart li .cc_02{background:#de0029;} .color_chart li .cc_03{background:#f9f500;} .color_chart li .cc_04{background:#aaa06b;} .color_chart li .cc_05{background:#270752;} .color_chart li .cc_06{background:#d7d0ca;} .color_chart li .cc_07{background:#7d7d7d;} .color_chart li .cc_08{background:#000;} .color_chart li .cc_09{background:#b3b4b6;} .img_box{padding: 10px;border:1px solid #e3e9f3;border-radius:20px;text-align: center;} .img_box img{display: inline-block;width:auto;max-width:100%;margin: 6px 0;} @media all and (min-width:768px) { .mascot_ul{display:flex;flex-wrap: wrap;justify-content: space-between;} .mascot_ul li{width:48%;margin: 6px 0;} .color_chart{display:flex;flex-wrap: wrap;} .color_chart li{width:32.3%;margin: 10px 1% 10px 0;} .img_box{padding:20px;} .img_box img{margin:6px;} } @media all and (min-width:1023px) { .symbol_mark{display:flex;} .symbol_mark .sm_tit{margin-right: 40px;align-self: baseline;} .symbol_mark .sm_con .basic_btn{text-align:left;} .mascot_ul li{width:32.3%;} } /* 대표상징물 */ .symbolic dt{margin-bottom:10px;} .symbolic dt img{width:auto;max-width:100%;border-radius: 10px;} .symbolic dd{margin-bottom: 6px;} .symbolic dd span{display: block;margin: 0 0 6px;color:#333;font-weight: 600;} .symbolic dd{color:#555;font-size: 15px;line-height: 1.25em;} @media all and (min-width:768px) { .symbolic dl{position:relative;height: 186px;padding: 22px 0 0 330px;} .symbolic dl dt{position:absolute;top: 0;left:0;margin-bottom:0;} .symbolic dd{font-size:16px;} .symbolic dd span{display:inline-block;} .symbolic div:nth-of-type(n+2) dd span{font-size: 18px;} } /*지평선 농축산물 공동브랜드*/ .tab_content:focus{outline:0;} .jipyeonseon_list li img{width:auto;} .jipyeonseon_list li span{display:block;margin:10px auto;padding:10px 0;} .color_chart.cc_jipyeonseon li strong{font-size: 16px;} .color_chart li .mc_01{background:#f2ba01;color: #333;} .color_chart li .mc_02{background:#000;color:#fff;} .color_chart li .sc_01{background:#e78601;color:#000;} .color_chart li .sc_02{background:#bf4f03;color:#fff;} .color_chart li .sc_03{background:#b98d4c;color:#fff;} .color_chart li .sc_04{background:#9ad140;} .color_chart li .sc_05{background:#005221;color:#fff;} .color_chart li .sc_06{background:#c0c0c0;} .emblem_box .em_tit{display:block;text-align:center;border:1px solid #e1e1e1;padding:10px;} .emblem_box .em_con{display:block;margin: 20px 0 0 0;line-height: 1.5em;} @media all and (min-width:768px) { .jipyeonseon_list:after{content:"";display:block;clear:both;} .jipyeonseon_list li{width:50%;float:left;} .jipyeonseon_list.img_auto li{width:25%;} .emblem_box .em_tit{display:inline-block;} .emblem_box .em_con{display:inline-block;width:60%;margin: 0 0 0 20px;} } @media all and (min-width:1023px) { .emblem_box .em_con{margin: 34px 0 0 40px;} } /* 김제시민의 노래 */ .simin_song img{width:auto;max-width:100%;border: 1px solid #e3e9f3;border-radius: 20px;} .simin_song .song_center p{padding-left: 26px;background: url('/images/01_potal/content/sub01/song_ico.png') no-repeat left;} .simin_song .song_right{margin:20px 0 0;text-align: center;} .simin_song .song_right li{padding: 30px;margin-bottom:20px;background: #f7faff;border-radius: 20px;} .simin_song .song_right strong{display: block;margin-bottom: 14px;font-family:'SBAggro';font-size: 23px;color: #0074a9;} .simin_song .song_right p{font-size: 17px;line-height: 1.6em;} @media all and (min-width:1023px) { .simin_song{display:flex; flex-wrap:wrap;} .simin_song img{border:none;} .simin_song .song_center{width:100%;} .simin_song .song_left{width:60%;} .simin_song .song_right{width: calc(40% - 30px);max-width: 345px;margin: 0 0 0 30px;} .simin_song .song_right li{padding:30px 60px;} } /* 현황 */ .zone_map1{margin: 0 0 40px 0;padding: 30px 0;border-radius: 10px;overflow-x:auto;background: #f6f9ff;} .zone_map1>div{background: #f6f9ff url('/upload_data/user_file/01_potal/content/sub01/gj_map1.png') no-repeat center;width:500px;height:586px;margin:0 auto;position:relative} .zone_map1 p{position:absolute} .zone_map1 .gj{display:inline-block;background: #0074a9;color:#fff;font-size: 16px;font-weight:bold;padding: 8px 12px;top: 331px;left: 146px;border-radius: 10px;} .zone_map1 .hn{display: inline-block;padding: 4px 12px;background: #454545;color:#fff;font-size: 15px;top:170px;left: 156px;border-radius: 5px;} .zone_map1 .sh{display: inline-block;padding: 4px 12px;background: #454545;color:#fff;font-size: 15px;top: 240px;left: -3px;border-radius: 5px;} .zone_map1 div div{background:#fff;border-radius:6px;position:absolute;bottom: 80px;right: 0;padding: 10px 20px;border: 1px #cedbf5 solid;} .zone_map1 li{margin: 8px 0;} .zone_map1 li.no1:before{content:"";display:inline-block;width:25px;height: 5px;background: #8c8c8c;margin: 0 10px 3px 0;border-radius: 5px;} .zone_map1 li.no2:before{content:"";display:inline-block;width:25px;height: 5px;border-radius: 5px;background: #2575e2 url('/upload_data/user_file/01_potal/content/sub01/gj_map1_n.png');margin: 0 10px 3px 0;} .zone_map2{background:#f4f4f4;margin:10px 0 30px 0;border-radius:6px;overflow-x: auto;} .zone_map2>div{background: url("/upload_data/user_file/01_potal/content/gj_map2.png") no-repeat center center;width: 800px;height: 365px;padding:40px 30px;margin:0 auto;position:relative;} .zone_map2 strong{display:block;background: #0074a9;border-radius:100%;width: 30px;height: 30px;padding:3px 0 0 0;text-align:center;color:#fff;position:absolute} .zone_map2 span{position:absolute;font-size: 16px;} .zone_map2 li.no1 strong{top: 247px;left: 505px;} .zone_map2 li.no1 span{top:270px;left: 578px;} .zone_map2 li.no2 strong{top: 116px;left: 279px;} .zone_map2 li.no2 span{top: 81px;left: 32px;} .zone_map2 li.no3 strong{top: 224px;left: 349px;} .zone_map2 li.no3 span{top:245px;left: 114px;text-align:right} .zone_map2 li.no4 strong{top: 111px;left: 386px;} .zone_map2 li.no4 span{top:100px;left: 548px;} .zone_map3{padding: 30px 40px;border: 1px solid #cedbf5;margin:10px 0 30px 0;border-radius: 10px;overflow-x:auto;position:relative} .zone_map3>div{background: url(" /upload_data/user_file/01_potal/content/sub01/gj_map3.png") no-repeat center center;width:551px;height:417px;margin:25px auto 0 auto;position:relative} .zone_map3 p{font-size:14px; position:absolute; top:30px; left:30px} .zone_map3 li{position:absolute;font-size: 15px;} .zone_map3 li a:hover,.zone_map3 li a:focus{color:#0074a9; border-bottom:1px #0074a9 solid;} .zone_map3 li.no01{top: 40px;left: 207px;} .zone_map3 li.no02{top: 38px;left: 289px;} .zone_map3 li.no03{top: 36px;left: 366px;} .zone_map3 li.no04{top: 109px;left: 115px;} .zone_map3 li.no05{top: 99px;left: 188px;} .zone_map3 li.no06{top: 145px;left: 74px;} .zone_map3 li.no07{top: 102px;left: 257px;} .zone_map3 li.no08{top: 112px;left: 375px;} .zone_map3 li.no09{top: 149px;left: 164px;} .zone_map3 li.no10{top: 161px;left: 255px;} .zone_map3 li.no11{top: 166px;left: 310px;} .zone_map3 li.no12{top: 222px;left: 157px;} .zone_map3 li.no13{top: 216px;left: 233px;} .zone_map3 li.no14{top: 233px;left: 302px;} .zone_map3 li.no15{top: 198px;left: 361px;} .zone_map3 li.no16{top: 218px;left: 439px;} .zone_map3 li.no17{top: 287px;left: 203px;} .zone_map3 li.no18{top: 275px;left: 353px;} .zone_map3 li.no19{top: 320px;left: 448px;} /* 김제지도 */ .gimje_map dl{padding: 30px 0;text-align:center;border-bottom: 1px solid #e3e9f3;} .gimje_map dl:last-of-type{border:none;} .gimje_map dt{margin-bottom: 14px;font-family:'SBAggro';font-size: 24px;} .gimje_map dt:before{content:'';display:block;width: 90px;height: 90px;margin: 0 auto 20px;border-radius: 50%;background: #f6f9ff url('/images/01_potal/content/sub01/gimje_map_ico.png') no-repeat;} .gimje_map dl:nth-of-type(1) dt:before{background-position: 50% 25px;} .gimje_map dl:nth-of-type(2) dt:before{background-position: 50% -73px;} .gimje_map dl:nth-of-type(3) dt:before{background-position: 50% -168px;} @media all and (min-width:768px) { .gimje_map{display:flex;justify-content: space-between;margin: 60px 0;} .gimje_map dl{width: 32.33%;border-bottom:0;border-right: 1px solid #e3e9f3;} } @media all and (min-width:1440px) { .gimje_map dt{font-size:28px;} .gimje_map dd{font-size:18px;} } /* 역사 */ .history>ul>li{margin: 10px 0;padding: 26px 20px;border-radius: 10px;} .history>ul>li:nth-of-type(odd){background: #f6f9ff;} .history li h4{padding:0;margin: 0 0 13px 0;background:none;font-size: 25px;} .history ul ul{position:relative;margin-left: 10px;} .history ul ul:before{content:'';position: absolute;bottom: 0;left: 0;display:block;width:1px;height:100%;margin: 0 auto;background: #d5ebf5;} .history li li{position:relative;margin: 10px 0;padding: 0 0 0 20px;vertical-align: middle;color: #656565;} .history li li:before{content:'';position: absolute;top: 5px;left: -6px;display: block;width: 5px;height: 5px;border: 4px #0074a9 solid;border-radius:50%;background:#fff;} .history li li strong{color: #0074a9;} @media all and (min-width:768px) { .history>ul>li{padding: 30px 40px;} .history ul ul{padding: 3px 0;} .history li li{margin:16px 0;} } @media all and (min-width:1023px) { .history li h4{text-align:center;font-size: 28px;} .history>ul>li{padding: 30px 0;} .history ul ul{display:flex;flex-wrap:wrap;margin: 0;padding: 0 0 20px 0;text-align: center;} .history ul ul:before{right:0; margin:0 auto;} .history li li{width:50%;margin: 20px 0 0;padding: 0 20px 0 0;text-align: right;} .history li li:nth-of-type(even){text-align:left;margin: 60px 0 0 0;padding: 0 0 0 20px;} .history li li:before{left:auto;right: -6px;} .history li li:nth-of-type(even):before{left: -6px;right:auto;} .history li.h_last strong{display:block;font-size: 16px;} .history li.h_last li{word-break: keep-all;} .history li.h_last li:nth-of-type(even){margin-top: 100px;} } @media all and (min-width:1440px) { .history li.h_last li{margin: 30px 0 0 0;padding: 0 20px 0 15%;font-size: 15px;} .history li.h_last li:nth-of-type(even){padding: 0 15% 0 20px;} } /* 자매도시 */ .sister{background: #f7faff;padding:30px;margin:0 0 20px 0;border-radius: 20px;} .sister img{width:100%;margin:0 0 20px 0;border: 1px solid #e3e9f3;border-radius: 20px;} .sister p{line-height:1.5em;margin:0 0 10px 0;} .sister li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px;} .sister li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;} @media all and (min-width:768px) { .sister{position:relative;padding: 40px 40px 40px 320px;} .sister img{width:auto; position:absolute; top: 40px; left:40px; margin: 0;} } /* 새만금 */ .img_c2 li{text-align:center;margin:0 0 15px 0;background: #1a8b7d;border-radius:15px;} .img_c2 li img{width:auto; max-width:100%;} .img_c2 li span{display:block;padding:15px 0;color:#fff;font-size: 15px;} @media all and (min-width:768px) { .img_c2{display:flex;margin-bottom: 40px;} .img_c2 li{margin: 0 10px 0 0;} } /* 조직운영5대지표 */ .official_box{text-align:center;} .official_box img{width:auto; max-width:100%} @media all and (min-width:768px) { .official_box{display:flex; justify-content:space-between;} .official_box table{max-width: 950px;margin:0 10px 0 0;} } /* 정보공개 - 기금운영계획서,예산서 등 */ .year_search{padding:18px 20px; border-radius:20px; background: #f8f8f8; text-align:center;} .year_search label{display: inline-block;padding-top: 11px;margin-right: 6px;line-height: 1.2em;} .year_search select{height:42px;border:1px solid #dedede;border-radius: 5px;} .year_search button{display: inline-block; width:60px; height:42px;border-radius: 5px;background: #333;color: #fff;font-size: 15px;border: none;} .year_search button:hover{background:#0075aa; transition:0.3s;} @media all and (min-width:768px) { .year_search select{min-width:140px; margin-right: 6px;} } @media all and (min-width:1023px) { .budget>div{display: flex;justify-content:space-between;flex-wrap:wrap;} .budget h4,.budget h5,.budget h6{width:100%;} .budget .basic_btn_box{width: 49%;} .budget2>div{display: flex !important;flex-wrap:wrap;} .budget2 h4,.budget2 h5,.budget2 h6{width:100%;} .budget2 .basic_btn_box{width: 32.33%;margin-right: 1%;} } /* 민원실안내 */ .mw_map{overflow-x: auto;} .mw_map div{min-width: 1380px;position:relative;padding: 30px;border: 1px #e1e1e1 solid;border-radius: 20px;} .mw_map li{text-align:center;} .mw_map .mw_door{position:relative;width: 100%;} .mw_map .mw_door li{position: absolute;display: inline-block;color:#f26522} .mw_map .mw_door li:before{content:'';display: block;width: 80px;height:6px;background:#f26522;} .mw_map .mw_door li.no1{left:0;} .mw_map .mw_door li.no2{right: 330px;} .mw_map .mw_etc{position: relative;display: flex;width: 100%;height: 165px;margin: 80px 0 0 0;} .mw_map .mw_etc li{display: inline-block;height: 80px;padding: 21px 18px;margin-right: 5px;font-size: 14px;background: #f4f4f4;color:#363636;border-radius: 8px;vertical-align: top;} .mw_map .mw_etc li.no36{margin-right: 30px;} .mw_map .mw_etc li.no37{padding: 12px 18px;} .mw_map .mw_etc li.no38{padding-top: 32px;} .mw_map .mw_etc li.no42{position:absolute;left: 427px;bottom: 0;padding: 12px 10px;} .mw_map .mw_etc li.no43{display: none;position: absolute;top: -80px;right: 0;padding-top: 20px;background: #0074a9;color: #fff;} .mw_map .mw_etc li.no53{padding-top: 62px;height: 165px;margin-right: 165px;} .mw_map .mw_etc li.no54{position:absolute;left: 334px;bottom: 0;padding: 12px 12px;} .mw_map .mw_etc li.no55{margin-right: 270px;} .mw_map .mw_etc li.no56{position:absolute;right: 435px;bottom: 0;padding: 21px 12px;} .mw_map .mw_etc li.no58{padding: 12px 18px;margin-right: 0;} .mw_map .mw_num{display: flex;justify-content: space-between;margin-top: 60px;} .mw_map .mw_num li{position: relative;width: 40px;height:70px;padding-top: 24px;background: #3d4f86;border-radius:10px;z-index: 0;color: #fff;font-size: 15px;} .mw_map .mw_num li:before{content:'';position: absolute;top: 21px;left: 0;right: 0;display:block;width: 30px;height:30px;margin: 0 auto;background: #313f6b;border-radius:50%;z-index: -1;} .mw_map .mw_num li.no10{margin-right:30px;} .mw_map .mw_num li.no18{margin-right:30px;} .mw_map .mw_num li.no48{margin-right:30px;} .mw_map .mw_res{position: relative;display: flex;/* justify-content: space-between; */height: 160px;margin-top: 40px;} .mw_map .mw_res li{display: inline-block;height: 64px;padding: 12px 15px;color: #0074a9;border: 1px #0074a9 solid;border-radius: 8px;font-size: 14px;margin-right: 10px;} .mw_map .mw_res li.no22{padding-top: 22px;margin-right: 63px;} .mw_map .mw_res li.no23{padding-top: 22px;} .mw_map .mw_res li.no24{margin-right: 145px;padding-top: 15px;max-width: 100px;} .mw_map .mw_res li.no25{padding-top: 22px;margin-left: 0;} .mw_map .mw_res li.no26{padding-top: 22px;} .mw_map .mw_res li.no27{padding-top: 22px;width: 165px;} .mw_map .mw_res li.no28_1{padding-top: 22px;width: 165px;margin-right: 78px;} .mw_map .mw_res li.no29{padding-top: 22px;} .mw_map .mw_res li.n030{padding-top: 22px;} .mw_map .mw_res li.no31{padding-top: 22px;} .mw_map .mw_res li.no33{padding-top: 22px;margin: 0;} .mw_map .mw_res li.no34{position:absolute;bottom: 0;left: 160px; padding-top: 22px;} .mw_map .mw_res li.no35{position:absolute;bottom: 0;right: 80px; padding-top: 22px;} .mw_mapt th span{display:inline-block;width:30px;height:28px;padding:2px 0 0 0;background:#313f6b;border-radius:100%;color:#fff;font-size:14px} /* 사회적 배러 대상자 우선청구 */ .first_box{background:#f6f9ff; padding:40px 10px; border-radius:20px; margin-bottom:40px;} .first_box img{border-radius:20px;} .first_box dt{color:#0074a9; font-size:28px;font-weight:500;margin:30px 0 0 0; font-family: 'SBAggro';} .first_box dd{margin:15px 0 0 0; line-height:1.4em; font-size: 17px;} @media all and (min-width:768px) { .first_box{display:flex; justify-content:space-between; padding:50px 40px;} .first_box dl{margin-left:5%} } @media all and (min-width:1023px) { .first_box{padding:50px 100px;} } @media all and (min-width:1760px) { .first_box{padding:50px 200px;} .first_box dt{margin: 50px 0 0 0; font-size:30px;} .first_box dd{margin: 30px 0 0 0; word-break:keep-all; font-size:18px;} } /* 지방규제신고센터 */ @media all and (min-width:1023px) { .report_box{display:flex; justify-content:space-between;} .report_box .basic_box{width:49%;} } /* 법려유권해석 */ .law_link ul li{margin: 10px 0;border-radius: 20px;border:1px #e1e1e1 solid;padding: 100px 0 20px;text-align: center;} .law_link ul li strong{display:block;margin: 0 0 10px 0;font-size: 23px;font-weight: 600;line-height: 1.5em;} .law_link ul li.logo01{background:url('/images/01_potal/content/sub03/law_logo1.gif') no-repeat; background-position: center 20px;} .law_link ul li.logo02{background:url('/images/01_potal/content/sub03/law_logo2.gif') no-repeat;background-position: center 34px;} @media all and (min-width:768px) { .law_link ul{display:flex;justify-content: space-between;} .law_link ul li{width: 49%;} } /* 고향사랑기부제 */ .donation_step h5{color:#464646;} .donation_step h5 span{display:inline-block;height: 26px;padding: 5px 16px;border-radius: 20px;background: #0075aa;color:#fff;font-size:16px;font-weight:400;} .donation_step ul li{margin: 0 0 10px 14px;border: 1px solid #e3e9f3;border-radius:10px;} .donation_step ul li em{display:inline-block;width: 28px;height: 28px;margin-left: -14px;padding: 2px 0;font-size: 15px;font-weight: 700;font-style: normal;border-radius: 50%;border: 1px #0075aa solid;color: #0075aa;background: #fff;text-align: center;vertical-align: middle;} .donation_step ul li span{display: inline-block;padding: 14px 0;vertical-align: middle;} .donation_step ul li span:before{content:'';display:inline-block;width: 40px;height: 36px;padding-right: 10px;margin: 0 20px 0 10px;border-right: 1px #e1e1e1 dashed;background: url('/images/01_potal/content/sub05/donation_step.png') no-repeat;vertical-align: middle;} .donation_step .step01 ul li:nth-of-type(1) span:before{background-position: 7px 8px;} .donation_step .step01 ul li:nth-of-type(2) span:before{background-position: 8px -59px;} .donation_step .step01 ul li:nth-of-type(3) span:before{background-position: 8px -137px;} .donation_step .step01 ul li:nth-of-type(4) span:before{background-position: 8px -208px;} .donation_step .step01 ul li:nth-of-type(5) span:before{background-position: 8px -278px;} .donation_step .step02 ul li:nth-of-type(1) span:before{background-position: 8px -349px;} .donation_step .step02 ul li:nth-of-type(2) span:before{background-position: 7px 8px;} .donation_step .step02 ul li:nth-of-type(3) span:before{background-position: 8px -137px;} .donation_step .step02 ul li:nth-of-type(4) span:before{background-position: 8px -278px;} .donation_txt{margin-top: 28px;} .donation_txt p.tit{text-align: center;font-size: 26px;word-break: keep-all;font-family: 'SBAggro';} @media all and (min-width:768px) { .donation_txt p.tit{font-size: 28px;} } @media all and (min-width:1023px) { .donation{background:url('/images/01_potal/content/sub05/donation_bg.png') no-repeat top 60% right 5%;} } @media all and (min-width:1440px) { .donation_step ul{display:flex;margin-left: 14px;} .donation_step ul li{position: relative;margin: 0 55px 0 0;} .donation_step ul li:before{content:'';position: absolute;top: 18px;right: -30px;display:block;width:20px;height: 25px;background: url("/images/common/basic_step2.png") no-repeat top left -3px;} .donation_step ul li:last-of-type{margin:0;} .donation_step ul li:last-of-type:before{display:none;} .donation_step ul li span{padding:14px 24px 14px 0;} } /*기업지원시책*/ .company_step {margin: 0 0 40px 0;padding: 30px;border: 1px #e3e9f3 solid;border-radius: 20px; text-align:center;} .company_step li .list000{margin: 20px 0;font-size: 15px;} .company_step li .list000 li{word-break:keep-all;} .company_step li:nth-of-type(even) span{background: #0074a9;} .company_step li span {display: block; border-radius: 30px; padding: 18px 0; margin: 0 auto; background: #169c8a;} .company_step li span strong{color: #fff; display: block;} @media all and (min-width:768px) { .company_step{padding:60px;} .company_step>ul{max-width:800px; display: flex;flex-wrap: wrap;justify-content: space-between; margin:0 auto;} .company_step>ul>li{position: relative;width:45%;} .company_step .list01{margin-right: 50px;} .company_step .list02{margin-bottom: 50px;} .company_step>ul>li:before{content:'';position: absolute;display:block;width: 30px;height: 30px;background: url("/images/common/basic_step2.png") no-repeat top 0px left;border-radius: 50%;border: 1px #0074a9 solid;} .company_step .list01:before{top: 17px;right: -50px;} .company_step .list02:before{bottom: -32px;right: 0;left:0;margin: 0 auto;background: url('/images/common/basic_step1.png') no-repeat top 1px left 1px;} .company_step .list03:before{top: -50px;right: 0;left:0;margin: 0 auto;background: url('/images/common/basic_step1.png') no-repeat top 1px left 1px;} .company_step .list04:before{display:none;} } /*공장설립*/ .company_total{margin: 0 0 40px 0;border: solid 1px #e4e4e4;border-radius: 20px;} .company_total>ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 20px;border-bottom:dashed 1px #dedede;} .company_total ul:last-child{border-bottom:none;} .company_total ul li{display:inline-block;vertical-align:middle;} .company_total ul li.step01{width: 38%;background: url(/images/common/basic_step2.png) no-repeat center right -4px;font-weight:bold;} .company_total ul li.step03{margin: 10px 0 0;} .company_total ul li.step03 span{position: relative;margin: 4px 0;padding: 0 0 0 17px;font-size: 15px;} .company_total ul li.step03 span:before{content:'';position: absolute;top: 8px;left: 0;display: block;width: 8px;height: 4px;background: #c9c9c9;border-radius: 4px;} .company_total ul li.step02,.company_total ul li.step04{width: 60%;} .company_total ul li.step02 span,.company_total ul li.step04 span{border-radius:30px;margin:0 auto;font-size: 15px; text-align:center;} .company_total ul li.step02 span{padding: 10px 0;border: solid 1px #32a092;color:#32a092;} .company_total ul li.step04 span{padding: 10px 0;border: solid 1px #0074a9;color:#0074a9;} .company_total ul li span{display:block; } @media all and (min-width:768px) { .company_total>ul {justify-content: flex-start;} .company_total ul li.step01{width:15%;} .company_total ul li.step02,.company_total ul li.step04{width: 31%;margin: 0 5%;} .company_total ul li.step03{width: 44%;margin: 0;background: url(/images/common/basic_step2.png) no-repeat center left -4px;padding: 0 0 0 50px;} } @media all and (min-width:1440px) { .company_total ul {padding: 20px 120px;} } /* 김제사랑상품권 */ .gift_box ul{display:flex; flex-wrap:wrap;} .gift_box ul li{width:100%;padding: 30px 20px;margin:10px 0;border:1px #e1e1e1 solid;border-radius:20px;text-align:center;word-break: keep-all;} .gift_box ul li strong{display:block;margin-bottom: 10px;font-size: 26px;font-weight: 600;} .gift_box li strong:before{content:'';display:block;width: 65px;height: 65px;margin: 0 auto 13px auto;} .gift_box li.no1 strong:before{background:url(" /upload_data/user_file/01_potal/content/gift_ico1.png") no-repeat center;} .gift_box li.no2 strong:before{background:url(" /upload_data/user_file/01_potal/content/gift_ico2.png") no-repeat center;} .gift_box ul li .basic_btn{margin-bottom:0;} @media all and (min-width:768px) { .gift_box ul{justify-content:space-between;} .gift_box ul li{width:48%;} } .gift_faq{border-top: 1px solid #0074a9;} .gift_faq li{padding-top:20px;} .gift_faq li div{position:relative;background:#f6f9ff;} .gift_faq li span{display: inline-block;width: 32px;height: 32px;padding-top: 4px;border-radius: 50%;background: #0074a9;color: #fff;font-style: normal;font-size: 15px;font-weight: 500;text-align: center;margin: 0 6px 0 20px;} .gift_faq li b{vertical-align:middle;} .gift_faq li div{margin-top: 20px;padding:20px} .gift_faq li div span{background: #fff;border: 1px #0074a9 solid;color: #0074a9;margin: 0 0 10px;} .gift_faq li .basic_ul{margin-bottom:0;} .gift_faq li .basic_ul li{padding-top:0;margin-bottom: 0;} /* fire */ .fire{padding-top: 180px;background: url('/images/01_potal/content/sub06/fire_bg.gif') no-repeat top 40px center;text-align:center;} .fire h4{padding:0;background:none;line-height: 1.2em;font-weight: 500;} /* 탄소포인트제 */ .carbon_point{padding: 20px;background: #efffea;border-radius: 20px;} .carbon_point h5{color:#333;} .carbon_point li{margin: 10px 0;padding: 10px 0;text-align:center;border-radius:30px;background: #fff;box-shadow: 7px 4px 10px #deffd3;} @media all and (min-width:768px) { .carbon_point{padding: 30px 40px;background:#efffea url('/images/01_potal/content/sub06/carbon_bg.png') no-repeat bottom 10px right 40px;} .carbon_point ul{width: 540px;} .carbon_point li{display:inline-block;margin: 4px 0;padding: 12px 30px;} } @media all and (min-width:1023px) { .carbon_point{padding:40px 60px;} .carbon_point h5{font-weight:600; font-size:28px;} .carbon_point ul{width: 620px;} .carbon_point li{padding:12px 40px;} } @media all and (min-width:1760px) { .carbon_point{padding: 50px 80px;background-position: 85% 50%;} .carbon_point h5{color:#20560e;} } /* 자활사업 */ .support_step ul{margin-bottom: 30px;padding: 20px;background:#e9f4f3;border-radius:20px;} .support_step ul li{margin: 6px 0;padding: 10px 16px;background:#fff;border-radius:10px;} .support_step ul li.s0{background:#32a092; color:#fff; text-align:center;} .support_step ul li span{display: inline-block;width: 100%;margin: 4px 0;vertical-align:middle; font-size:15px;} .support_step i{display:inline-block;width: 22px;height: 22px;margin-right: 4px;padding-top: 2px;background: #32a092;border-radius: 50%;color: #fff;font-size: 14px;text-align: center;font-style: normal;font-weight: 600;vertical-align: middle;} .support_step p{padding-bottom: 30px;margin-bottom:30px;border-bottom:1px #e1e1e1 solid;word-break: keep-all;} .support_step p i{margin: 0 2px;} @media all and (min-width:1023px) { .support_step ul{display:flex; justify-content:space-between;} .support_step ul li{position: relative;width:24%;padding: 10px 28px;margin: 0 40px 0 0;text-align: center;} .support_step ul li.s3{margin:0; text-align:left;} .support_step ul li:before{content:'';display: block;position: absolute;top: 40%;right: -30px;width: 20px;height: 20px;background: url(/images/01_potal/content/sub06/support_step_ico.png) no-repeat;} .support_step ul li.s3:before{display:none;} .support_step ul li span{font-size:17px;margin: 48px 0;} .support_step ul li.s3 span{margin: 3px 0;} } /* 건설/도시주택 */ .step_total ul{margin-bottom: 20px;padding-bottom: 30px;background: url("/images/common/basic_step1.png") no-repeat center bottom;} .step_total ul:last-child{background:none;padding: 0;margin: 0;} .step_total p{word-break:keep-all;} .step_total .step01 p{margin-bottom: 10px;padding: 10px 0;border: 1px #0074a9 solid;border-radius: 10px;text-align: center;} .step_total .step01 p strong{display:block;color: #0074a9;} .step_total .step02 .dot_icon{position:relative;padding-left: 14px;} .step_total .step02 .dot_icon:before{content:'';position: absolute;top: 7px;left: 0;display:inline-block;width:6px;height:6px;background: #787878;border-radius:50%;vertical-align: middle;} .step_total .step02 p{font-size:15px;} .step_total .step03 p{margin-bottom: 10px;padding: 10px 0;background:#0074a9;color: #fff;text-align: center;border-radius: 10px;} @media all and (min-width:1023px) { .step_total{padding: 40px;border:1px #e1e1e1 solid;border-radius: 20px;} .step_total ul{display:flex;justify-content:space-between;align-items: center;background-position: 17% 100%;} .step_total .step01,.step_total .step03{width:35%;} .step_total .step02{width: 63%;} .step_total .step01 p,.step_total .step03 p{margin:0;} .step_total .step03{position:relative;} .step_total .step03:before{content:'';position: absolute;top: 14px;right: -38px;display:block;width: 20px;height: 20px;background:url("/images/common/basic_step2.png") no-repeat center bottom;} .step_total2{padding: 40px 200px;} .step_total2 ul{background-position:50% 100%;} .step_total2 .step01{width: 49%;} } /* 시내버스 */ .bus .bus_bg{padding:200px 0 0 0;background:url('/images/01_potal/content/sub06/bus_bg.gif') no-repeat top center; margin-bottom:20px;} @media all and (min-width:768px) { .bus .bus_bg{padding: 30px 0 30px 350px;background-position:0 0;} .bus .bus_bg h4{margin: 0 0 12px 0;word-break:keep-all;} .bus .bus_bg p{word-break:keep-all; font-size:18px;} } @media all and (min-width:1023px) { .bus{display:flex;flex-wrap:wrap;justify-content:space-between;} .bus .bus_bg{padding: 60px 0 60px 350px;} .bus .basic_btn_box{width:48%;} .bus div:not(.basic_btn_box){width:100%;} } /* 여성친화도시 */ .woman_vision h5{background:#464646;border-radius:30px;color:#fff;font-size:18px;text-align:center;width:110px;padding:8px 0;margin:40px auto 20px auto;} .woman_vision .vision{text-align:center;color:#000;position:relative;padding: 30px 22px;margin-top:-45px;border: 10px solid #d7d7d7;font-family: 'SBAggro';word-break: keep-all;font-size: 28px;font-weight: 500;z-index: -1;} .woman_vision .vision:after{content:"";display:block;border-top:15px solid #fff;border-bottom:15px solid #fff;position:absolute;top:-15px;bottom:-15px;left:3%;right:3%} .woman_vision .vision strong{color: #0074a9;} .woman_vision .vision em{font-style:normal;color: #f39200;} .woman_vision .goal{padding:30px;border: 1px solid #e3e9f3;border-radius: 10px;position:relative;background:#fff} .woman_vision .goal li{position: relative;line-height:1.5em;padding: 0 0 0 16px;} .woman_vision .goal li::before{content:'';display:block;position: absolute;top: 8px;left: 0;width: 8px;height: 4px;background: #c9c9c9;border-radius: 4px;} .woman_vision .work>li{border: 1px solid #0074a9;border-radius: 10px;overflow: hidden;margin:10px 0 0 0} .woman_vision .work li span{display:block;background: #0074a9;color:#fff;padding:12px 0;text-align:center} .woman_vision .work ul{margin:20px} .woman_vision .work li li{line-height:1.5em;text-align: center;} @media all and (min-width:768px) { .woman_vision .vision{font-size: 34px;width:80%;margin: 0 auto;} .woman_vision .goal{width: 80%;padding:30px 5%;margin:0 auto} .woman_vision .goal ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .woman_vision .goal li{width:45%} .woman_vision .work:after{content:"";display:block;clear:both} .woman_vision .work>li{float:left;width:48%;box-sizing:border-box;margin:0 1% 10px 1%} } @media all and (min-width:1023px) { .woman_vision .vision{font-size: 45px;width: 85%;max-width: 850px;} .woman_vision .goal{width:85%;max-width: 850px;} .woman_vision .work>li{width:23%} } /* 인구정책 */ .ingu h4{padding: 0;font-size: 36px;font-weight: 600;font-family:'GmarketSans';background: none;text-align: center;word-break: keep-all; background: linear-gradient(90deg, #2c9a95, #0379ae);color: transparent;-webkit-background-clip: text;} .ingu .ingu_btn{margin-bottom:10px;} .ingu .ingu_btn a{display:block;height: 60px;margin: 4px 0;padding-top: 18px;text-align:center;font-size:18px;border-radius: 5px;line-height: 1.25em;} .ingu .ingu_btn a.bt1{border:1px #309e93 solid; color:#309e93;} .ingu .ingu_btn a.bt2{border:1px #0074a9 solid; color:#0074a9;} .ingu .ingu_btn a.bt1:hover,.ingu .ingu_btn a.bt1:focus{background:#309e93; color:#fff; transition:0.3s ease;} .ingu .ingu_btn a.bt2:hover,.ingu .ingu_btn a.bt2:focus{background:#0074a9; color:#fff; transition:0.3s ease;} .ingu ul{padding: 20px;background:#f3fbfa;border-radius:10px;} .ingu ul li a{display:block;height:60px;margin: 6px 0;background: #fff;padding-top: 19px;border-radius: 5px;text-align: center;box-shadow: 10px 10px 10px #e5fbf9;font-size: 18px;} .ingu ul li a:hover,.ingu ul li a:focus{background:#309e93; color:#fff; transition:0.3s ease;} @media all and (min-width:768px) { .ingu{padding-top:390px; background:url('/images/01_potal/content/ingu/people.png') no-repeat top center;} .ingu h4{font-size:60px;margin-bottom: 30px;} .ingu .ingu_btn{display:flex;justify-content: center; margin-bottom:40px;} .ingu .ingu_btn a{width:320px;margin: 0 4px;} .ingu ul{display:flex; max-width:980px; margin:0 auto; padding:24px 30px; flex-wrap:wrap;justify-content: space-between;} .ingu ul li{width: 24%;} } /* 일자리정보 */ .job_service h4{padding:0;margin: 0 0 24px;font-size: 32px;font-weight:400;word-break:keep-all;background: none;} .job_service h4 span{color:#0074a9;} .job_service .txt{margin-bottom: 24px;word-break:keep-all;font-size: 18px;} .job_service .txt br{display:none;} .job_service .txt .fc_blue{color: #0074a9 !important;} .job_service .txt2{margin-bottom: 24px;word-break:keep-all;color:#666;font-size:16px;} .job_service .btn a{display:block; max-width:240px; height: 60px;padding-top: 15px;border:1px #0074a9 solid;border-radius: 5px;text-align: center;font-size: 18px; color:#0074a9;} .job_service .btn a:hover,.job_service .btn a:focus{background:#0074a9; color:#fff;} @media all and (min-width:768px) { .job_service{padding:400px 0 0 0; background:url('/images/01_potal/content/sub06/job.png') no-repeat;} .job_service .txt br{display:block;} } @media all and (min-width:1023px) { .job_service{padding: 100px 0 100px 500px;} } @media all and (min-width:1440px) { .job_service{padding: 100px 0 100px 600px;} } /* 재정운영상황공개 */ .day_box{margin: 20px 0;border-top: 1px solid #0074a9;} .day_box dt{background: #f6f9ff;padding: 16px 20px;border-bottom: 1px #e1e1e1 solid;font-weight: 500;} .day_box dd *{vertical-align:middle;} .day_box dd{padding: 16px 20px;border-bottom: 1px #e1e1e1 solid;} .day_box dd input{display: inline-block;width: 100%;height: 42px;border: 1px solid #dedede;padding:6px 10px;margin:2px 0;border-radius: 5px;} .day_box .form_sm{cursor:pointer; width:100%; background:#454545; color:#fff; border: none;} .day_box dd select{width:100%;height: 42px;border: 1px solid #dedede;border-radius: 5px;} .day_box dd.day_icon div{overflow:hidden;} .day_box dd.day_icon span {float:left; margin-right:3px;background:#f6f6f6;} .day_box dd.day_icon span a{height: 42px;padding: 8px 12px;display:block;border: 1px #e1e1e1 solid;background: #fff;border-radius: 5px;font-size: 15px;} .day_box dd.day_icon span a:hover, .day_box dd.day_icon span a:focus{background:#454545;color:#fff;border:solid 1px #454545;} .day_box dd.day_icon input{width:auto;max-width: 120px;} .day_box dd.day_icon img{display: inline-block;width: 14px;margin: 15px 6px;} .day_box p.ex{text-align:center; font-size:14px; margin:4px 0;} @media all and (min-width:768px) { .day_box{display: flex;align-items: center;border-bottom: 1px #e1e1e1 solid;} .day_box dt{width: 140px;height: 220px;padding: 96px 0 0;border-bottom:none;text-align: center;} .day_box dd{min-width: 140px;padding: 0 18px;border-bottom:none;} .day_box dd.day_icon{height: 220px;padding: 20px 18px;} .day_box dd.day_icon img{margin: 12px 6px;} .day_box p.ex{width: 100%;text-align: left;} .day_box2{flex-wrap:wrap;border-bottom: none;} .day_box2 dt{height: 120px !important;padding: 50px 0 0 0;border-bottom: 1px #e1e1e1 solid;} .day_box2 dd{width: calc(50% - 140px);height:120px;padding: 40px 20px 0;border-bottom: 1px #e1e1e1 solid;} .day_box2 dd:nth-of-type(n+3){width: calc(100% - 140px);} .day_box2 dd:last-of-type input[type="text"]{width: calc(100% - 125px);} .day_box2 .form_sm{width:120px;} .day_box3 dd.day_icon{height:120px;} } @media all and (min-width:1023px) { .day_box dt{height: 120px;padding: 46px 0 0;} .day_box dd.day_icon{display:flex;flex-wrap: wrap;align-items: center;height: 120px;padding: 20px;} .day_box dd.day_icon input{margin:0;} .day_box .form_sm{width:120px;} .day_box3 dd{width:calc(50% - 140px) !important;} } @media all and (min-width:1440px) { .day_box2 dd{width:calc(25% - 140px);} .day_box2 dd:nth-of-type(n+3){width: calc(50% - 140px);} } /* 교육정보 */ .edu_link ul li{max-width:360px;margin: 0 0 20px;} .edu_link ul li a{display:block;height: 180px;padding-top: 30px;border:1px #aedbd5 solid;border-radius:10px;text-align:center;font-family:'SBAggro';font-size:24px;} .edu_link ul li a:before{content:'';display:block;width:70px;height:70px;margin:0 auto 20px;background: url('/images/01_potal/content/sub06/edu_ico.png') no-repeat;} .edu_link ul li.e1 a:before{background-position: 50% -20px;} .edu_link ul li.e2 a:before{background-position: 50% -198px;} .edu_link ul li.e3 a:before{background-position: 50% -377px;} .edu_link ul li.e4 a:before{background-position: 50% -544px;} .edu_link ul li.e5 a:before{background-position: 50% -706px;} .edu_link ul li.e6 a:before{background-position: 50% -885px;} .edu_link ul li.e7 a:before{width:80px; background: url('/upload_data/board_data/BBS_0000221/174176660467506.png') no-repeat; background-position: 50%; background-size: 80px;} .edu_link ul li:hover{transform:translateY(-10px); transition: 0.25s ease;} .edu_link ul li:hover a{border:1px #32a092 solid; transition: 0.25s ease; color:#32a092;} @media all and (min-width:768px) { .edu_link ul{display:flex; flex-wrap:wrap; justify-content:space-between;} .edu_link ul li{width: 49%;margin: 0 0 30px;} } @media all and (min-width:1023px) { .edu_link ul{max-width:1200px;padding: 30px 0;margin:0 auto;} .edu_link ul li{width:31.33%;} } /* 실시간 기상정보 */ .weather_link div div{margin: 0 0 10px;padding: 30px 20px;border:1px #e1e1e1 solid;border-radius: 20px;text-align: center;} .weather_link div p.tit{margin: 0 0 10px;font-family:'SBAggro';font-size:24px;} .weather_link div p.btn{display:flex;flex-wrap: wrap;justify-content: center;} .weather_link div p.btn a{display:inline-block;margin: 3px;padding: 12px 16px;border:1px #e1e1e1 solid;border-radius: 10px;} .weather_link div p.btn a:hover{border:1px #0074a9 solid; color:#0074a9; transition: 0.25s ease;} @media all and (min-width:768px) { .weather_link div{display:flex; flex-wrap:wrap; justify-content:space-between;} .weather_link div div{width:49%;margin: 0 0 20px;justify-content:flex-start;align-items: center;} .weather_link div div.w3{width:100%;} .weather_link div p.tit{margin: 0 20px 0 0;} .weather_link div p.btn a{margin:0 3px;} } @media all and (min-width:1023px) { .weather_link div div{padding: 40px 50px;} .weather_link div p.tit{position:relative;padding-left: 55px;} .weather_link div p.tit:before{content:'';position: absolute;top: -5px;left: 0;display:block;width:40px;height:40px;background: url('/images/01_potal/content/sub06/weather_ico.png') no-repeat;} .weather_link div.w1 p.tit:before{background-position: 50% -26px;} .weather_link div.w2 p.tit:before{background-position: 50% -130px;} .weather_link div.w3 p.tit:before{background-position: 50% -233px;} .weather_link div.w4 p.tit:before{background-position: 50% -338px;} .weather_link div.w5 p.tit:before{background-position: 50% -443px;} } @media all and (min-width:1440px) { .weather_link div p.btn a{padding:16px 24px;} } /*날씨영상*/ .weather_v{display:flex;flex-wrap:wrap;justify-content:center;} .weather_v li{padding-bottom:20px;} @media all and (min-width:1440px) { .weather_v li{width:33%;padding-bottom:0;} } /*개인정보_ico*/ .label_table img{display:block; margin:0 auto;} .p_ico{content:''; display: inline-block; background: url('/upload_data/user_file/01_potal/content/label.gif') no-repeat center; width: 50px; height: 50px;background-size: 1200%;} .p01 {background-position: 8.5% 57%;} .p02 {background-position: 0 0; position: relative;} .p02::after {content: ''; display: inline-block; background: url('/upload_data/user_file/01_potal/content/label.gif') no-repeat 85% 55%; width: 50px; height: 50px;background-size: 1200%; position: absolute;left: 45px;} .p03 {background-position: 0% 57%;} .p04 {background-position: 66% 57%;} .p05 {background-position: 76% 57%;} .p06 {background-position: 101% 57%;} .p07 {background-position: -1% 115%;} .p10 {background-position: 55% 115%;} .p11 {background-position: 73.5% 115%;} .p13 {background-position: 17.5% 115%;} .p14 {background-position: 36% 115%;} /* CCTV설치운영지침 */ .cctv h5{font-size: 22px;} /* 이메일무단수집거부 */ .no_email .basic_box h4{background:none;padding: 0;margin: 20px 0;line-height: 1.25em;} .no_email .basic_ul li{padding-left: 100px;margin-bottom: 14px;} .no_email .basic_ul li strong{position: absolute;top: -5px;left: 0;display: inline-block;padding: 4px 14px;background:#0074a9;color:#fff;border-radius: 16px;} .no_email .basic_ul li:before{display:none;} @media all and (min-width:1023px) { .no_email .basic_box{padding: 40px 20%;word-break: keep-all;} } /*웹 접근성 품질마크*/ .web_mark>div>p {margin-bottom:40px;} .web_mark>div img{max-width:100%;} @media all and (min-width:768px) { .web_mark>div{display:flex;justify-content: space-between;align-items: center;text-align: left;} .web_mark>div>p {width: 70%;word-break: keep-all;margin-bottom: 0;} .web_mark>div img {width: 15%;} } /* 규제입증요청 */ .regulation li:before{display:none;} .regulation li span{height: 80px;padding: 28px 0;} .regulation li:last-child span{padding: 16px 0;} /* 여가시설 */ .simg_list{border:1px solid #efefef;padding:20px 0; border-radius:20px;} .simg_list ul{display: flex;flex-wrap: wrap;justify-content: center;} .simg_list li{margin: 6px;text-align: center;} .simg_list li span{display:block; margin:10px 0 0 0} /* 청년 알뜰교통비 */ .traffic_step li p{margin-bottom: 6px;padding: 15px 10px;background:#fff;border-radius: 10px;} .traffic_step li ul{padding: 10px 30px 4px; border-radius: 10px;border: 1px #cfdfff solid; background:#fff;} .traffic_step li li{position: relative;margin: 0 0 6px;padding: 0 0 0 16px !important;background:none;text-align: left;} .traffic_step li li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 4px; background: #32a092; border-radius: 4px;} @media all and (min-width:1023px){ .traffic_step li li{float:none;width: 100% !important;} .traffic_step li li:first-child{padding-left: 16px !important;} .traffic_step li span{height: 190px;padding: 80px 10px;} } /* 주요성과 설문조사 */ .result_box h5{border:none;padding: 0;font-size: 24px;margin: 0 0 15px 0;} .result_box .agree_box{padding: 20px;background: #f6f9ff;text-align: center;border-radius: 20px;} .result_box .agree_box input[type="checkbox"]{display:inline-block; width:20px; height:20px;} .result_box input.input_tel{display: inline-block;width: 60px;margin: 0 4px;} .result_toggle>div.on{background:#fff;border-top: 1px #e1e1e1 solid;} .result_toggle h4 a{padding: 20px 20px 20px 40px !important;position: relative;} .result_toggle h4 span{display:inline-block; margin-bottom:10px;} .result_toggle h4 input[type="checkbox"]{display:inline-block; width:20px; height:20px;} .result_toggle h4 label{font-size: 17px;font-weight: 500;font-family: SCDream;} .result_toggle h4 em{display:inline-block;position: absolute;top: 14px;left: 0;font-style:normal;font-size: 14px;width:30px;height:30px;padding-top: 5px;background: #0075aa;color:#fff;border-radius:50%;text-align:center;} .result_toggle h4:nth-of-type(n+11) a{color:#118568;} .result_toggle h4:nth-of-type(n+21) a{color: #e36213;} .result_toggle h4:nth-of-type(n+11) a em{background:#118568;} .result_toggle h4:nth-of-type(n+21) a em{background: #e36213;} .result_toggle p.w100{text-align:center;} .result_toggle ul.basic_ul{margin-bottom:0;} .result_toggle ul li{color:#0054a0;font-weight:600;font-size: 18px;} .result_toggle ul li::before{background:#0064be;top: 11px;} .result_toggle ul ul{width: 100%;padding:0;} .result_toggle ul li li{padding: 0 0 0 14px !important;font-weight:400;color:#333;font-size:16px;} .result_toggle ul li li::before{top: 9px;background: #787878;width: 6px !important;height: 6px !important;border-radius: 50% !important;} .result_toggle ul li li li{font-weight:400; color:#737373;} .result_toggle ul li li li::before{width: 8px !important;height: 4px !important;border-radius: 4px !important;} .result_toggle p.w100 img{border:none; border-radius:5px;} @media all and (min-width:768px){ .result_toggle h4 a{display:inline-block;width: calc(100% - 80px);margin-right: 16px;padding-bottom: 20px;} .result_toggle h4 span{margin-top:10px;} } @media all and (min-width:1023px){ .result_toggle>div.on{display:flex;justify-content: space-between;} .result_toggle ul{width: 60%;} .result_toggle p.w100{max-width: 40%;} .result_toggle p.w100 img{max-width: 500px;} } /*전북특별자치도 소개*/ .state_con1{padding: 20px 0;} .state_con1 h5{text-align:center;color:#000;font-size: 32px;word-break:keep-all;} .state_con1 h5 em{color:#8fc31f;font-style: normal;} .state_con1 h5 strong{color:#014594;box-shadow:none;} .state_con1_1 p{background:url("/upload_data/user_file/01_potal/content/opening/con_arr.png") no-repeat center 0;background-size:280px;color:#fff;font-size:24px;font-weight:500;text-align:center;padding:65px 0;margin:20px 0} .state_con1_1 p strong{color:#014594} .state_con1_1 ul{text-align:center;margin:20px auto} .state_con1_1 li{display:inline-block;width:50%;border-radius:50px;color:#fff;font-size:20px;font-weight:500;text-align:center;padding:30px;margin:0 -15px;box-sizing:border-box} .state_con1_1 li:nth-child(1){background:rgba(130, 184, 15, .9)} .state_con1_1 li:nth-child(2){background:rgba(0, 129, 204, .85)} .state_con1_2:before{content:"+";display:block;width:50px;height:50px;background:#014594;color:#fff;font-size:36px;text-align:center;margin:0 auto 20px auto;border-radius:100%;line-height: 45px;} .state_con1_2 h6{color:#014594;text-align:center;font-size: 26px;} .state_con1_2 ul{position:relative} .state_con1_2 ul:before{content:"";display:none;width:calc(100% - 25%);height:1px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%, 0);opacity:.3} .state_con1_2 ul:after{content:"";display:block;clear:both} .state_con1_2 li{float:left;width:50%;padding:30px 0 0 0;position:relative} .state_con1_2 li:before{content:"";display:none;width:1px;height:100px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%, 0);opacity:.3;z-index:-1} .state_con1_2 li:after{content:"";display:none;width:10px;height:10px;background:#0081cc;border-radius:100%;position:absolute;top:25px;left:50%;transform:translate(-50%, 0)} .state_con1_2 li span{display:block;background:#f3f5f8;border-radius:100%;width:130px;height:130px;padding:10px 0 0 0;margin:0 auto;font-weight:700;font-size:18px;text-align:center;box-sizing:border-box} .state_con1_2 li span:before{content:"";display:block;width:70px;height:70px;background:url("/upload_data/user_file/01_potal/content/opening/ico_con.png")no-repeat;margin: 0 auto;} .state_con1_2 li:nth-child(1) span:before{background-position:center 0} .state_con1_2 li:nth-child(2) span:before{background-position:center -70px} .state_con1_2 li:nth-child(3) span:before{background-position:center -140px} .state_con1_2 li:nth-child(4) span:before{background-position:center -210px} @media all and (min-width:768px) { .state_con1_1 p{background-size:auto} .state_con1_1 ul{width:80%} .state_con1_1 li{font-size:30px;padding:30px 0} .state_con1_2 ul:before{display:block} .state_con1_2 li{width:25%} .state_con1_2 li:before{display:block} .state_con1_2 li:after{display:block} .state_con1_2 li span{width:160px;height:160px;padding:20px 0 0 0;} } @media all and (min-width:1023px) { .state_con1{border:1px solid #ddd;margin:20px 0;border-radius: 20px;} .state_con1 h5{font-size:40px;0:AUTO 100PX;} .state_con1_2 ul{width:80%;margin:0 auto;} } .jeonbuk{text-align:center;} .jeonbuk img{width:auto; max-width:100%;} .jeonbuk ul{margin-top: 50px;background:#f2f7ff;padding:30px;border-radius:20px;} .jeonbuk ul li{margin:10px 0;} .jeonbuk ul li a{display:block; padding:20px 0; background:#fff; border-radius:10px; transition:0.3s;} .jeonbuk ul li a:hover,.jeonbuk ul li a:focus{background:#0b4596; color:#fff} @media all and (min-width:768px) { .jeonbuk ul{display:flex;justify-content: space-between;flex-wrap: wrap; max-width:1000px; margin:50px auto;} .jeonbuk ul li{width: 49%;} } @media all and (min-width:1023px) { .jeonbuk ul{padding:30px 40px;} .jeonbuk ul li{width: 24%;} } /* BI */ .BI_ul li{padding-left:0;} .BI_ul li:before{display:none;} .BI_ul li span{display: inline-block;width: 100px;margin: 0 8px 0 0;padding: 4px 10px;border-radius: 5px;border: 1px solid #e3e9f3;vertical-align: middle;color:#c57901;font-weight:600;text-align: center;} .BI_ul li:last-of-type span{color:#5fa358;} /*오시는길 접근성 수정*/ .map_area .root_daum_roughmap .section_busline .ico_bus3 .icon_bus{filter:hue-rotate(412deg) !important;}