@charset "utf-8";

/*특구비전 및 목표*/
.jj_vision{overflow:hidden;padding:20px;font-family:'SBAggro';font-weight:300;word-break:keep-all;}
.jj_vision .vs{text-align:center;position:relative;padding: 20px 0;overflow: hidden;border-bottom: 1px dashed #ddd;}
.jj_vision .vs dt{font-size:26px;background:linear-gradient(-45deg, #1f9ad3, #26c185);color:transparent;-webkit-background-clip:text;font-weight:600;margin: 0 auto;margin-bottom: 20px;}
.jj_vision .vs dd{font-size:20px;}
.jj_vision .vs dd span{font-weight:400;}
.jj_vision .vs02 dd{margin:0 0 10px 0;font-size:18px;color:#004f6a;background:#f4f4f4;padding: 15px;border-radius:10px;}
.jj_vision .vs02 dd:last-child{margin:0;}
.jj_vision .vs04{border:none;margin: 0;}

.jj_vision .vs04 dt{width:100%;}
.jj_vision .vs04 dd{font-size:16px;margin:0 0 20px 0;}
.jj_vision .vs04 dd>p{font-weight:400;font-size: 20px;padding: 10px;border:1px solid #aedbd5;border-radius:10px;color:#004f6a;background:#fff;position:relative;}
.jj_vision .vs04 dd>p:after{content:"";display:block;width:1px;height:20px;position:absolute;border-left:1px solid #aedbd5;bottom:-20px;left:50%;z-index:-1;}
.jj_vision .vs04 dd>ul{margin-top:10px;background:#f3fbfa;border-radius:10px;padding:5px 0;}
.jj_vision .vs04 dd>ul li{padding: 10px;}

/*특화사업*/
.mg_list{overflow:hidden;margin:30px 0;}
.mg_list li{position:relative;overflow:hidden;border-radius:15px;margin:0 0 10px 0;}
.mg_list li:before{display:none;}
.mg_list li img{width:100%;}
.mg_list li span{position:absolute;display:block;padding:15px;bottom:0;background:#000000ad;color:#fff;border-radius:0 15px 0 0;}

@media all and (min-width:768px) {
.jj_vision .vs{border-bottom:none;}
.jj_vision .vs:nth-child(1){width:50%;float:left;border-right:1px dashed #ddd;}
.jj_vision .vs dt{font-size:30px;}
.jj_vision .vs02{padding:30px;border:1px solid #aedbd5;margin:40px 0 20px 0;border-radius:20px;}
.jj_vision .vs02 dd{width:48%;float:left;margin-right:4%;}
.jj_vision .vs02 dd:last-child{margin-right:0;}
.jj_vision .vs04 dd{width:23.4%;float:left;margin-right:2%;}
.jj_vision .vs04 dd:last-child{margin-right:0;}
.jj_vision .vs04 dd>ul{padding:15px;}

.mg_list.mg_col2 li{width:49%;float:left;margin-right:2%;padding:0;}
.mg_list.mg_col2 li:nth-of-type(2n){margin-right:0;}
.mg_list.mg_col3 li{width:32%;margin-right:2%;float:left;padding:0;}
.mg_list.mg_col3 li:nth-of-type(3n){margin-right:0;}
}

@media all and (min-width:1023px) {
.jj_vision .vs04 dd>p{padding:10px 30px;}

.mg_list li{margin-bottom:20px;}
}