@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;200;300;400;500;600;700&family=Noto+Sans+TC:wght@100;200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&display=swap');

.sub_site.chn *{font-family: 'Noto Sans SC' !important;}
.sub_site.jpn *{font-family: 'Noto Sans JP' !important;}

/*-----------외국어 상하단 설정 삭제하지마세요----------*/
.sub_site .head .gnb .g_sns{display: block !important;}
.sub_site .head .gnb .g_lang{position: relative;display: block !important;clear:none !important;}
.sub_site .head h1 img{content:url("/images/05_language/main/logo.png");}
@media (min-width:1023px){
.sub_site .menu ul li .depth_box{box-shadow:none;}
.sub_site .menu>ul>li>a{font-size:18px;font-weight: 300;}
.sub_site .menu ul ul ul{display: none;}
}
@media (min-width:1440px){
.sub_site .head .gnb .g_lang>a{width:auto !important;}
.sub_site .head .gnb .g_lang_wrap{left: -20px;}
.sub_site .s_right .s_title{padding:30px 0;}
.sub_site .s_right .s_title h3{font-size:28px;}
.sub_site .s_right .utill{position:static;}
.sub_site .s_right .utill>ul{justify-content:flex-start;}
}

footer{background: #1d436a;color:#fff;font-weight:300;}
footer .wrap{padding: 40px 0 0 0;}
footer .logo{display:block;opacity:40%;margin-bottom:40px;}
footer .top a{top:-30px;box-shadow:none;}
footer .f_add address, footer .f_add .copy{text-align:right;opacity:70%;font-weight: 300 !important;font-size: 14px;}

@media (min-width:768px){
footer .logo{bottom:0 !important;position: inherit;width: fit-content;float: left;}
.f_add{padding: 0 0 0 250px !important;}
}

@media (min-width:1023px){
.s_left h2{height:auto; padding:40px 20px;}
.s_left>ul>li>a{height:auto; padding:20px 34px 20px 20px;}
}

.s_right .utill .sharing .sharing_wrap{position: relative;z-index: 99;}
/*-----------외국어 상하단 설정 삭제하지마세요----------*/       

/* 현황 */
.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: #25a7e2;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: 7px;width: 62px;height: 30px;padding:3px 0 0 0;text-align:center;color:#fff;position:absolute}
.zone_map2 span{position:absolute;font-size: 15px;}
.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.eng_zone li.no2 span{top: 67px;left: -61px;}
.zone_map2.eng_zone li.no3 span{top:245px;left: -75px; text-align:right}
.zone_map2.eng_zone li.no4 span{top: 102px;right: -47px;}

.zone_map2.jpn_zone li.no2 span{top: 70px;left: 35px;text-align: right;}
.zone_map2.jpn_zone li.no3 span{left: 77px;top: 263px;}
.zone_map2.jpn_zone li.no4 span{top: 102px;right: 75px;}

.zone_map2.chn_zone li.no4 span{top: 102px;right: 75px;}

.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: 63px;left: 195px;}
.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: 144px;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;}

.zone_map3.eng_zone li.no01{top: 55px;left: 207px;}
.zone_map3.eng_zone li.no02{top: 30px;left: 242px;}
.zone_map3.eng_zone li.no03{top: 48px;left: 344px;}
.zone_map3.eng_zone li.no06{left: 9px;}
.zone_map3.eng_zone li.no05{top: 89px;left: 144px;}
.zone_map3.eng_zone li.no04{top: 113px;left: 64px;}
.zone_map3.eng_zone li.no07{top: 110px;left: 236px;}
.zone_map3.eng_zone li.no09{top: 164px;left: 110px;}
.zone_map3.eng_zone li.no10{top: 144px;left: 255px;}
.zone_map3.eng_zone li.no13{top: 200px;left: 201px;}
.zone_map3.eng_zone li.no17{top: 281px;left: 161px;}
.zone_map3.eng_zone li.no18{top: 282px;left: 324px;}

/* 김제지도 */
.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;}
}

@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;}
.history li.h_last li{word-break: keep-all;}
.history li.h_last li:nth-of-type(even){margin-top: 90px;}
}

/* 새만금 */
.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;justify-content: center;}
.img_c2 li{margin: 0 10px 0 0;}
}

/*종자생명특구*/
.seed .seed_vs{overflow:hidden;text-align:center;background: #ffffff;padding:20px 15px;border-radius:20px;border:1px solid #e3e9f3;}
.seed .seed_vs dl{margin:0 0 30px 0;}
.seed .seed_vs dt{font-size:17px;font-family:'SBAggro';padding:10px;background:#f5f5f5;border-radius:50px;}
.seed .seed_vs dd{margin:10px 0 0 0;font-size:20px;}
.seed .seed_vs dd span{color:#0075aa;font-weight:600;}
.seed .str dd{font-size:14px;width:140px;height:140px;border-radius:50%;margin:0 auto;color:#fff;font-family:'SBAggro';font-weight:300;padding-top:52px;margin:15px auto 0;}
.seed .str dd:nth-child(2){background:#ee8f04;}
.seed .str dd:nth-child(3){background:#3a9e4a;}
.seed .str dd:nth-child(4){background:#3F51B5;}
.seed .seed_vs p{font-size:15px;border:1px solid #ddd;padding:8px;border-radius:10px;}
.seed .seed_ef{overflow:hidden;text-align:center;padding:20px 15px;border-radius:20px;border:1px solid #e3e9f3;}
.seed .seed_ef .top{font-family:'SBAggro';font-size:18px;padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #e3e9f3;}
.seed .seed_ef .top strong{color:#3f51b5;font-weight:600;font-size:20px;}
.seed .seed_ef li{padding:10px; margin:0 0 15px 0;border-radius:10px;line-height:1.2rem;}
.seed .seed_ef li span{display:block;background:#fff;padding:20px;border-radius:8px;}
.seed .seed_ef li:nth-child(1){background:#ee8f04;}
.seed .seed_ef li:nth-child(2){background:#3a9e4a;}
.seed .seed_ef li:nth-child(3){background:#3f51b5;}
.seed .seed_ef li:nth-child(4){background:#E91E63;}
.seed .seed_ef dl{text-align:left;background:#f5f5f5;padding:8px 10px;border-radius:8px;}
.seed .seed_ef dt{font-weight:600;float:left;margin-right:8px;}
.seed .seed_ef .re{margin-bottom:15px}
@media all and (min-width:768px) {
.seed .seed_vs dl{margin:0 0 50px 0;}
.seed .seed_vs dt{font-size:20px;width:fit-content;padding:15px 30px;margin:0 auto;}
.seed .seed_vs dd{font-size:24px;}
.seed .str{display:flex;flex-wrap:wrap;justify-content:center;width:70%;margin: 0 auto 30px !important;}
.seed .str dt{width:100%;}
.seed .str dd{width: 180px; height: 180px;font-size: 18px;font-weight: 400;padding-top: 67px;}  
.seed .seed_vs p{font-size:18px;color:#666;border: none;border-top: 1px dashed #ddd;padding-top: 20px;}
.seed .seed_ef{padding:30px;}
.seed .seed_ef .top{font-size:24px;padding:0 40px 30px;margin:0 0 30px 0;}
.seed .seed_ef .top strong{font-size:28px;}
.seed .seed_ef ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;}
.seed .seed_ef li{width:23%;margin:0;}
.seed .seed_ef li span{font-size:18px;line-height:1.5rem;height:100%;}
.seed .seed_ef dl{padding:10px 20px;}
}
@media all and (min-width:1023px) {
.seed .seed_ef .top{padding: 0 160px 30px 160px;}
}

/*상징물*/ 
.symbolic div{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e3e9f3;}
.symbolic div:last-child{border:none;}
.symbolic dt{margin-bottom:10px;}
.symbolic dt img{width:auto;max-width:100%;border-radius: 10px;}
.symbolic dd{margin-bottom: 10px;}
.symbolic dd span{display: block;margin: 0 0 6px;color:#333;font-weight: 600;font-size: 16px;}
.symbolic dd{color:#555;font-size: 15px;line-height: 1.25em;}
.symbolic .fc_green{color:#0f8d45;}

.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;}

.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) {
.symbolic dl{padding: 0 0 0 330px;position:relative;min-height: 205px;}
.symbolic dt{position:absolute;top:0;left:0;}
.symbolic dd span{font-size:17px;}
.symbolic dd{font-size:16px;}

.img_box{padding:20px;}
.img_box img{margin:6px;} 
}

@media all and (min-width:1023px) {
.symbolic dd{margin-bottom:15px;}
.symbolic dd span{font-size:20px;}

.symbol_mark{display:flex;} 
.symbol_mark .sm_tit{margin-right: 40px;align-self: baseline;}
.symbol_mark .sm_con .basic_btn{text-align:left;}
}

/*자매도시*/
.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;}
}

/*축제*/
.festiv h3{text-align:center;font-size:38px;font-family:'SBAggro';}
.festiv h3 span{display:inline-block;background:linear-gradient(45deg, #32a092, #0074a9);-webkit-background-clip:text;color:transparent;}
.festiv .info dt{font-size:18px;background:none;padding:0;font-weight:500;color:#0074a9;}        
.festiv .poster .w100{margin-bottom:30px;}
.festiv .poster img{max-width:300px;}
@media all and (min-width:768px) {
.festiv h3{font-size:44px;}
.festiv .info{overflow:hidden;display:flex;}
.festiv .info dl:first-child{width:40%;margin-right:20px;}
.festiv .poster{overflow:hidden;}
.festiv .poster .w100{width:30%;float:left;}
.festiv .poster .txt{width:65%;float:right;}
} 
@media all and (min-width:1023px) {
.festiv .poster .w100{width:300px;}  
.festiv .poster .txt{width:calc(100% - 340px);}
}  
/*농축산물*/
.agri_pro .top{text-align:center;}
.agri_pro h3{font-size:38px;font-family:'SBAggro';}
.agri_pro h3 span{display:inline-block;background:linear-gradient(45deg, #32a092, #0074a9);-webkit-background-clip:text;color:transparent;}
.agri_pro .top strong{display:block;font-size:19px;font-family:'SBAggro';margin:20px 0;color:#0074a9;font-style:italic;}
.agri_pro .w100 img{border:none;}
@media all and (min-width:768px) {
.agri_pro{position:relative;padding-top: 106px;}
.agri_pro .top{padding:30px;background:#fff;position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;border:1px solid #e3e9f3;border-radius: 20px;}    
.agri_pro h3{font-size:44px;}
.agri_pro .top strong{font-size: 21px;margin: 20px 0 0 0;}
}
@media all and (min-width:1023px) {
.agri_pro{padding-top: 94px;}
.agri_pro .top{width:70%;}
}     

/*관광명소*/
.tour h3{font-size:32px;font-family:'SBAggro';text-align:center;margin:0 0 20px 0;background:linear-gradient(45deg, #32a092, #0074a9);-webkit-background-clip:text;color:transparent;}
.tour .w100{margin:0 0 20px 0;}
.tour .basic_box  li strong{font-family:'SBAggro';}
@media all and (min-width:768px) {
.tour h3{font-size:44px;}
.tour .t_wrap{overflow:hidden;}
.tour .w100{float:left;margin-right:20px;margin-bottom: 0;}
.tour .basic_box .basic_ul{width:calc(100% - 440px);float:left;margin: 0;}
.tour .basic_box strong:after{content:'';display: inline-block;width:1px;height: 14px;margin: 0 10px;background: #e1e1e1;vertical-align: middle;}   
}
/*체험*/
.img_c3 li{position:relative;border-radius:20px;overflow:hidden;margin:0 0 15px 0;}
.img_c3 li img{width:100%;}
.img_c3 li span{display:block;bottom:0;left:0;text-align:center;padding:8px;font-size:15px;width:100%;background:#0074a9;color:#fff;}
.cimg_txt{padding:15px;border:1px solid #ddd;border-radius:20px;margin-bottom:40px;}
.cimg_txt img{width:100%;margin:0 0 20px 0;border-radius:20px;}
.cimg_txt .basic_ul{margin:0;}
@media all and (min-width:768px) {
.img_c3 ul{display:flex;justify-content:space-between;}  
.img_c3 li{width:31%;}
.img_c3 li span{height:100%;}
.cimg_txt{overflow:hidden;padding:30px 20px;}
.cimg_txt img{width:259px;float:left;margin:0 20px 0;}
.cimg_txt .basic_ul{width:calc(100% - 300px);float:right;}
}    
/* 민원실안내 */
.mw_map{overflow-x: auto;}
.mw_map div{min-width: 1020px;position:relative;padding: 20px;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: 150px;}
.mw_map .mw_etc{position: relative;display: flex;justify-content: space-between;width: 760px;height: 173px;margin: 80px 0 0 0;}
.mw_map .mw_etc li{display: inline-block;height: 71px;padding: 8px;font-size: 13px;background: #f4f4f4;color:#363636;border-radius: 8px;vertical-align: top;}
.mw_map .mw_etc li.no36{height: 100px;margin-right: 40px;}
.mw_map .mw_etc li.no37{margin-right:20px;font-size: 12px;padding-top: 6px;}
.mw_map .mw_etc li.no38{margin-right: 5px;width: 60px;}
.mw_map .mw_etc li.no40{margin-right:20px;font-size: 12px;padding: 5px;margin-left: 5px;}
.mw_map .mw_etc li.no41{margin-right: 20px;}
.mw_map .mw_etc li.no42{position:absolute;right: 245px;bottom: 0;}
.mw_map .mw_etc li.no43{position: absolute;top: -80px;right: -221px;padding-top: 25px;background: #0074a9;color: #fff;}
.mw_map .mw_etc li.no54{position:absolute;right: 336px;bottom: 0;}

.mw_map .mw_num{display: flex;justify-content: space-between;margin-top: 60px;}
.mw_map .mw_num li{position: relative;width: 30px;height: 60px;background: #3d4f86;border-radius:10px;z-index: 0;color: #fff;font-size: 13px;line-height: 60px;}
.mw_map .mw_num li:before{content:'';position: absolute;top: 17px;left: 0;right: 0;display:block;width: 25px;height: 25px;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: 180px;margin-top: 40px;flex-wrap: nowrap;}
.mw_map .mw_res li{display: inline-block;height: 80px;padding: 5px;color: #0074a9;border: 1px #0074a9 solid;border-radius: 8px;font-size: 12px;vertical-align: middle;width: 86px;text-align: center;margin: 0 10px 0 0;}
.mw_map .mw_res li.no22{margin-right: 13px;}
.mw_map .mw_res li.no23{margin-right: 5px;font-size: 12px;width: 100px;}
.mw_map .mw_res li.no24{margin-right: 58px;font-size: 12px;}
.mw_map .mw_res li.no25{font-size: 12px;}
.mw_map .mw_res li.no27{width: 100px;}
.mw_map .mw_res li.no28_1{width: 100px;margin-right: 41px;}
.mw_map .mw_res li.n030{padding-top: 22px;}
.mw_map .mw_res li.no34{position:absolute;bottom: 0;left: 198px;padding-top: 6px;width: 150px;width: 1;height: 60px;}
.mw_map .mw_res li.no35{position:absolute;bottom: 0;right: 80px;padding-top: 5px;width: 150px;height: 60px;}

.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}

/*김제복지*/
.total_s li{text-align:center;padding:20px 10px;border:1px solid #ddd;margin:0 0 30px 0;border-radius:10px;background:#f3fbfa;position:relative;}
.total_s li span{display:block;}
.total_s .s0{background:#32a092;color:#fff;font-family:'SBAggro';}
.total_s .s0:after{content:"=";display:block;position:absolute;color:#32a092;font-size:26px;bottom:-33px;left:50%;transform:translateX(-50%);}
.total_s .s1:after, 
.total_s .s2:after{content:"+";display:block;position:absolute;width:25px;height:25px;background:#aedbd5;color:#fff;font-size:24px;bottom:-29px;left:50%;transform:translateX(-50%);border-radius:50%;line-height:24px;}
@media all and (min-width:768px) {
.total_s ul{display:flex;justify-content:space-between;}    
.total_s li{width:22%;}
.total_s li span{position:relative;top: 50%;transform: translateY(-50%);}
.total_s .s0:after{top: 44%;right:-33px;left:auto;}
.total_s .s1:after, .total_s .s2:after{top: 44%;right:-42px;left:auto;}
}
@media all and (min-width:1023px) {
.total_s .s0:after{right:-39px;}  
.total_s .s1:after, .total_s .s2:after{right:-46px;}
}