/*소개*/
.vision{overflow:hidden;padding:30px 10px;word-break:keep-all;border:1px solid #ddd;border-radius:20px;}
.vision h5{text-align:center;color:#495078;font-size:28px;margin:0 0 30px 0;}
.vision h5 span{color:transparent;font-weight:600;background:linear-gradient(45deg, #0074a9, #32a092);-webkit-background-clip:text;}
.vision li{text-align:center;font-size:18px;padding:10px;margin-bottom:15px;border-radius:15px;letter-spacing:-1px;}
.vision li:nth-child(1){border:6px solid #c5e5f0;}
.vision li:nth-child(2){border:6px solid #a9dee7;}
.vision li:last-child{margin:0;border:6px solid #a9e7d7;}
.vision li span{color:#0074a9;font-weight:500;}

.project:after{content:"";display:block;clear:both;}
.project li{padding:10px;border-top:1px solid #ddd;word-break:keep-all;}
.project li span{display:block;float:left;width:30px;height:30px;background:#32a092;text-align:center;line-height:30px;color:#fff;border-radius:10px;margin:-3px 10px 0 0;}

/*연혁*/
.history h4{color:#0074a9;}
.history h4 span{display:block;font-size:18px;font-weight:300;color:#666;}
.history>div{border-bottom:1px dashed #ddd;}
.history>div:last-child{border:none;}
.history li{word-break:keep-all;}

/*선언문*/
.seoneon{padding:30px;background:linear-gradient(45deg, #dbfef9c2, #ecefffa6);border-radius:30px;}
.seoneon h4{text-align:center;background:none;margin:0 0 30px 0;font-size:34px;letter-spacing:10px;}
.seoneon>div{padding:30px;background:#fff;border-radius:30px;box-shadow:10px 10px 15px #00000021;}
.seoneon p{margin-bottom:20px;word-break:keep-all;}
.seoneon p:last-child{margin-bottom:0;}
.seoneon p strong{display:inline-block;margin-right:10px;font-size:19px;color:#3F51B5;font-weight:800;letter-spacing:-1px;}

/*주민자치센터*/
.his_list{margin:0 0 40px 0;}
.his_list li{margin:0 0 15px 0;padding:15px 20px;background:#f3fbfa;border-radius:10px;text-indent:-90px;margin-left:90px;}
.his_list li:nth-of-type(2n){background:#f2f9ff;}
.his_list li span{display:inline-block;color:#03a18e;background:#fff;border:1px solid;padding:0 5px;border-radius:5px;margin-right:5px;text-indent:0;}
.his_list li:nth-of-type(2n) span{color:#346eb3;}

/*평생학습*/
.forever_edu .basic_step .line2 span{padding:27px 0;}
.forever_edu .col4 li:last-child{margin-right:0;}
.year_plan{font-size:18px;word-break:keep-all;font-family:'SBAggro';font-weight:300;line-height:1.4em;}
.year_plan span{font-weight:600;font-size:20px;background:linear-gradient(45deg, #0074a9, #32a092);-webkit-background-clip:text;color:transparent;}
.vision02 li{text-align:center;margin:0 0 30px 0;}
.vision02 li:last-child{margin:0;}
.vision02 li:before{display:none;}
.vision02 li strong{display:block;font-size:18px;width:130px;height:130px;word-break:keep-all;background:aliceblue;border-radius:50%;letter-spacing:-1px;padding-top:42px;margin:0 auto;}
.vision02 li:nth-child(2) strong{background:#e7fbff;}
.vision02 li:nth-child(3) strong{background:#e7fff8;}
.vision02 li:last-child strong{padding-top:30px;background:#edffe7;}
.vision02 li span{display:block;margin:0 auto;margin-top:15px;padding:15px;border:1px solid #ddd; border-radius:15px;word-break:keep-all;position:relative;width:85%;}
.vision02 li span:before{content:"";display:block;width:1px;height:16px;border-left:1px solid #ddd;position:absolute;top:-16px;left:50%;}

/*지평선아카데미*/
.academy{overflow:hidden;}
.academy h5{color:#444;text-align:center;margin:15px 0 20px 0;}
.academy h5 span{font-weight:600;color:transparent;background:linear-gradient(45deg, #23a638, #2196F3);-webkit-background-clip:text;}
.academy .img{text-align:center;margin:0 0 20px 0;}
.academy .img img{width:100%;}
.academy .txt p{margin:0 0 20px 0;}
.academy .txt p:last-child{margin:0;}

/*Tablet*/
@media all and (min-width: 768px) {
.vision h5{font-size:34px;}
.vision li{width:32%;float:left;margin-right:2%;padding:30px 10px;font-size:20px;border-radius:20px;}

.history>div{padding-top:40px;}
.history h4{width:20%;float:left;margin-top:0;}
.history ul{overflow:hidden;}

.seoneon{padding:50px;}
.seoneon h4{font-size:38px;}
.seoneon>div{padding:50px;}
.seoneon p{margin-bottom:30px;}

.forever_edu02{overflow:hidden;}    
.forever_edu02 h4{float:left;width:40%;margin-right: 20px;}   
.year_plan{font-size:22px;width:75%;margin:0 auto;line-height:1.5em;}
.year_plan span{font-size:28px;}
.vision02{overflow:hidden;}
.vision02 li{float:left;width:25%;}
.vision02 li span{letter-spacing:-1px;}

.academy{position:relative;}
.academy>div{overflow:hidden;}
.academy h5{font-size:30px;line-height:1.2em;text-align:left;}
.academy .img{float:left;width:38%;margin: 0 3% 0 0;}
.academy .txt{width: 59%;overflow:hidden;word-break:keep-all;}
.academy .txt p{font-size:17px;line-height:1.5em;}
}


/*PC*/
@media all and (min-width: 1023px) {
.vision{padding:40px 30px;}
.vision li:nth-child(1){padding:30px 20px;}
.project li{width:50%;float:left;border-top:none;margin-bottom:20px;padding:0;padding-left:20px;}
.project li:nth-of-type(2n){border-left:1px dashed #ddd;}

.history>div{padding:50px 0 0 50px;}
.history>div:nth-child(2){background:#f5f5f5b3;}

.seoneon{width:70%;margin:0 auto;}

.year_plan{width:65%;}

.academy h5{font-size:36px;}
.academy .txt{position:absolute;top:50%;transform:translateY(-50%);right:30px;width: 55%;}
}