/*추진경과*/
.histroy{position: relative; padding: 20px 0; z-index: 0;}
.histroy::before{content: ''; position: absolute; top: 0; display: inline-block; width: 10px; height: 100%;  background: #f4f4f4; border-radius: 5px; z-index: -1;}
.histroy::after{content: ''; position: absolute; top: 0; left: 4px; display: inline-block; width: 1px; height: 100%;  background: #ededed; border-radius: 5px; z-index: -1;}
.histroy li{margin-bottom: 24px;}
.histroy li::before{content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 20px; margin-top: 4px; background: #46495a; border-radius: 5px;}
.histroy li strong{display: inline-block;margin: 0 0 4px;color: #004ec4;font-weight: 600;}
.histroy li span{display: block; margin: 0 0 0 30px;word-break: keep-all;color: #464646;}
.histroy ul ul{margin: 0 0 0 30px;}
.histroy li li{margin: 0 0 8px 0;word-break: keep-all;}
.histroy li li:before{width: 8px;height: 3px;margin-right: 8px;margin-bottom: 5px;background: #d1d1d1;}             
.jb_pch{font-size: 24px;background:#004ec4; padding:10px 20px; border-radius:50px;color:white; text-align:center;}

@media all and (min-width:1023px) {
.histroy{border: 1px #e1e1e1 solid;border-radius: 30px;margin: 20px 0;padding: 50px 40px;background: url('/images/apc_2022/content/histroy_bg.png') no-repeat bottom -70px right -54px;}
.histroy::before{top:30px;height: calc(100% - 70px);}
.histroy::after{top:30px; left: 45px;height: calc(100% - 80px);}
.histroy li strong{width: 140px;margin: 0;}
.histroy li strong.w200{width: 160px;}
.histroy li span{display: inline-block;margin: 0;}
.histroy ul ul{display:inline-block;margin: 0;}
.histroy li li{margin: 0 0 4px 0;}
.histroy li li:before{display:none;}
}     

/* 비전과 목표 */
.vision {text-align: center;}
.vision h4{display:block; width: 130px; height:50px; padding: 14px 0;margin: 0 auto 20px !important;font-size: 18px; background:#f3f7ff; color: #004ec4;text-align: center;border-radius: 10px;}
.vision .v1{margin: 0 0 20px;padding: 18px 30px;background:#004ec4;color: #fff;border-radius: 10px;}
.vision .v1 h4{width:auto; height:auto; margin: 0 0 10px 0 !important;background:none; padding:0; color: #87a2cb;}
.vision .v1 p{font-size: 24px;word-break: keep-all;line-height: 1.3em;font-family: 'GmarketSans';text-shadow: 5px 5px 5px #043887;}
.vision .v2 p{margin-bottom: 20px;color:#173b7e; font-size: 24px;font-weight: 600;word-break: keep-all;}
.vision .v2 .v2_02 ul{margin-bottom: 20px; text-align:center;}
.vision .v2 .v2_02 ul li{width: 96%; height:50px; margin: 0 auto 10px; padding:10px 0; border-radius:10px; border: 2px #e9e9e9 solid;font-size: 16px;}
.vision .v2 .v2_03 ul{width: 90%;margin: 0 auto 9px;padding: 14px; border: 2px #a8cbff solid; border-radius:10px;}
.vision .v2 .v2_03 ul li{color:#004ec4; font-size:20px; font-weight: 600;}
.vision .v2 .v2_03 ul ul{display: block;width: 100%;margin: 10px 0 0 0; padding:0; border:none;}
.vision .v2 .v2_03 ul li li{margin-bottom: 6px; font-size: 16px; font-weight: 400;color:#333;}

@media all and (min-width:768px) {
.vision .v2 .v2_02 ul li{width: 370px;}
.vision .v2 .v2_03 ul{width:370px;}
.vision .v1{width:370px; margin:0 auto 20px;}
}

@media all and (min-width:1440px) {
.vision{text-align:left;}
.vision h4{display:inline-block; margin: 0 30px 0 0 !important;}
.vision .v2{background: url('/upload_data/user_file/apc_2022/content/vision.png') no-repeat center bottom;padding:0 0 170px 0}
.vision .v2 div{margin-bottom: 36px; font-size:0;}
.vision .v2 p{display:inline-block;margin: 6px 0;}
.vision .v2 .v2_02 ul{display:inline-block; width: 1240px; margin: 0;font-size:0;}
.vision .v2 .v2_02 ul li{display:inline-block; margin: 0 20px 0 0;width: 400px;font-size: 17px;}
.vision .v2 .v2_02 ul li:last-child{margin:0}
.vision .v2 .v2_03 ul{display:inline-block; width: 400px;margin: 0 20px 0 0;padding:30px; height:190px;}
.vision .v2 .v2_03 ul:last-of-type{margin:0;}

.vision .v1{width:100%; margin: 0 auto 36px;text-align:center;}
.vision .v1 p{font-size:36px; font-weight:600;}
}


/* 자치경찰이란 */
.police{padding: 270px 0 0 0; background: url('/upload_data/user_file/apc_2022/content/police.png') no-repeat top center;}
.police dl dt{font-family: 'GmarketSans'; margin-bottom: 4px; font-size: 36px;}
.police dl dt{color:#004ec4;}
.police dl dd{margin-bottom:40px; font-size:16px;word-break: keep-all;}

@media all and (min-width:768px) {
.police{padding:0 0 0 300px;background-position: 0 50%;}    
}

@media all and (min-width:1400px) {
.police{padding: 25px 0 25px 460px;}    
}

/* 조직도 및 담당업무 */
.org{position:relative}
.org:after{content:"";display:block;background:#cdcdcd;width:1px;height:168px;position:absolute;top:0;left:50%;z-index:-1}
.org a{display:block}
.org strong{display:block;text-align:center;padding: 11px 0;width: 220px;margin:0 auto}
.org .no1>a strong{background: #004ec4;color:#fff;font-size: 24px;}
.org .no2{margin:30px 0 0 0}
.org .no2:after{content:"";display:block;background:#cdcdcd;height:1px;position:absolute;top:167px;left:25%;right:25%;z-index:-1}
.org .no2>ul{overflow:hidden;margin:30px 0 0 0}
.org .no2>ul>li{float:left;width:46%;margin:0 2%;padding:30px 0 0 0;position:relative}
.org .no2>ul>li:after{content:"";display:block;background:#cdcdcd;width:1px;height:200px;position:absolute;top:0;left:50%;z-index:-1}
.org .no2>a strong{background: #0075cb;color:#fff;font-size: 18px;}
.org .no2 li strong{background:#fff;border: 3px solid #004ec4;color: #004ec4;width:auto}
.org .no2 li li{background:#f9f9f9;border:1px solid #e1e1e1;padding:10px 0;margin:2px 0 0 0;text-align:center}
@media all and (min-width:768px) {
.org{width:70%;margin:20px auto}
}

/* 인사말 */
.int{position:relative}
.int .photo{text-align:center;margin:0 0 20px 0;border-bottom: 1px solid #004ec4;}
.int .photo img{width:60%}
.int .img{display:none;background:url("/images/apc_2022/content/int.jpg") no-repeat;width:250px;height:566px;position: absolute;top: 0;left: 0;}
.int .img:after{content:"";display:block;background:url("/images/apc/sub/int_bg.png");position:absolute;top:20px;left: 20px;bottom: -30px;right: -20px;z-index:-1;opacity: .2;}
.int .tit{font-family: 'GmarketSans'; color: #004ec4;font-size: 23px;font-weight:600;padding: 40px 0 20px 70px;word-break: keep-all;line-height: 1.3em;}
.int .tit:before{content:"";display:block;width:60px;height:60px;border:15px solid #121d76;box-sizing:border-box;position:absolute;top:20px;left:0}
.int .tit:after{content:"";display:block;width:30px;height:30px;border:10px solid #121d76;box-sizing:border-box;opacity:.2;position:absolute;top:0;left:80px}
.int p{margin:0 0 10px 0;word-break: keep-all;letter-spacing:-1px;font-size:18px;}
.int em{color: #004ec4;}
.int .sign{font-family:'GmarketSans';text-align:right;color:#121d76;}

@media all and (min-width:768px) {

.int .photo{display:none;}
.int .img{display:block}
.int .tit{margin:0 0 50px; padding: 100px 0 50px 140px; border-bottom: 1px solid #004ec4;}
.int .tit:before{width:115px;height:115px;border:30px solid #121d76;left: 0;top:60px;}
.int .tit:after{width:60px;height:60px;border:15px solid #121d76;top:20px;left: 140px;}
}
@media all and (min-width:1024px) {
.int {padding-right: 480px;}
.int .tit{font-size: 30px;}
.int .photo{display:block; position: absolute;bottom: 0;right: 0;width: 100%;text-align: right;border-bottom: none;}
.int .photo img{width:auto}
}     

    


/* 실무협의회 */
.policy_ul li{padding: 14px; margin: 0 0 14px; border: 1px #7dbae8 solid;word-break: keep-all;}

@media all and (min-width:1024px) {

.policy_ul{overflow:hidden}
.policy_ul li{float:left; width: 49.5%; margin: 0 1% 10px 0;text-align: center;}   
.policy_ul li:nth-child(2n){margin: 0 0 10px;}
}                                                                                             

@media all and (min-width:1400px) {
.policy{background: url('/images/apc_2022/content/policy_bg.png') no-repeat bottom right;} 

}        

/* 비밀번호 페이지*/
.password{padding:30px; border:1px #004ec4 solid; border-radius: 30px;text-align: center;word-break: keep-all;}
.password p{margin:0 0 26px;}
.password p br{display:none;}
.password input{border:1px solid #e1e1e3;padding:6px 0; height: 34px;font-size: 16px;}
.password button{display:inline-block; height: 34px; padding:4px 10px;text-align:center; border: none; font-size: 16px; background: #004ec4; color: #fff; font-family: NotoSans, 'Noto Sans KR';}
.password button:hover{background: #123466;}
@media all and (min-width:768px) {
   
.password{padding:40px;}
.password p{margin:0 0 40px;}
.password p br{display:block;}
}

.agree_p{padding:20px; background:#eff7fd;vertical-align: middle;}
.agree_p strong{display:inline-block; margin-right: 10px;color:#004282; font-size: 18px;}
                                                                                                                                              

                                                                                                                                                                                                                                    