
.core_commitment1{word-break:keep-all}
.core_commitment1 li{display:flex;flex-wrap:nowrap;gap:30px;border-bottom:1px solid #ddd;padding:30px 0 30px 170px;
align-items:center;justify-content:space-between;background-position:0 center !important}
.core_commitment1 li dt{font-size:26px;margin-bottom:15px;color:#004ea1;font-weight:600}
.core_commitment1 li dd{font-size:18px}
.core_commitment1 .btn_view{position:relative}

.core_commitment1 li:nth-child(1){background:url(https://cdn.9is.co.kr/sample/cc01.png) no-repeat}
.core_commitment1 li:nth-child(2){background:url(https://cdn.9is.co.kr/sample/cc02.png) no-repeat}
.core_commitment1 li:nth-child(3){background:url(https://cdn.9is.co.kr/sample/cc03.png) no-repeat}
.core_commitment1 li:nth-child(4){background:url(https://cdn.9is.co.kr/sample/cc04.png) no-repeat}
.core_commitment1 li:nth-child(5){background:url(https://cdn.9is.co.kr/sample/cc05.png) no-repeat}
.core_commitment1 li:nth-child(6){background:url(https://cdn.9is.co.kr/sample/cc06.png) no-repeat}
.core_commitment1 li:nth-child(7){background:url(https://cdn.9is.co.kr/sample/cc07.png) no-repeat}
.core_commitment1 li:nth-child(8){background:url(https://cdn.9is.co.kr/sample/cc08.png) no-repeat}
.core_commitment1 li:nth-child(9){background:url(https://cdn.9is.co.kr/sample/cc09.png) no-repeat}
.core_commitment1 li:nth-child(10){background:url(https://cdn.9is.co.kr/sample/cc10.png) no-repeat}

@media (max-width: 768px) {
	.core_commitment1 li{display:block;background-size:120px !important;padding:20px 0 20px 120px}
	.core_commitment1 li dt{font-size:23px;margin-bottom:5px;}
	.core_commitment1 li dd{font-size:16px}
	.core_commitment1 .btn_view{text-align:left;margin-top:10px}
}

@media (max-width: 480px) {
	.core_commitment1 li{background:none !important;padding:20px 0}
}

.vision_strategy1{}
.vision_strategy1>li{margin-bottom:35px;position:relative;display:flex;flex-wrap:nowrap;align-items: stretch;word-break:keep-all;background:url(https://cdn.9is.co.kr/sample/vs01.png) no-repeat;background-position:95% center !important}
.vision_strategy1>li:nth-child(2){background:url(https://cdn.9is.co.kr/sample/vs02.png) no-repeat}
.vision_strategy1>li:nth-child(3){background:url(https://cdn.9is.co.kr/sample/vs03.png) no-repeat}
.vision_strategy1>li:nth-child(4){background:url(https://cdn.9is.co.kr/sample/vs04.png) no-repeat}
.vision_strategy1>li p{font-size:20px;background:#4383db;width:250px;text-align:center;align-content:center;border-radius:15px 0 0 15px;color:#fff;padding:10px}
.vision_strategy1>li:nth-child(2) p{background:#41a4dc}
.vision_strategy1>li:nth-child(3) p{background:#53c69a}
.vision_strategy1>li:nth-child(4) p{background:#9ad243}

.vision_strategy1>li ul{border:3px solid #ddd;border-radius:0 15px 15px 0;padding:30px;width:calc(100% - 250px);border-left:0}
.vision_strategy1>li li{position:relative;padding-left:32px;margin-top:10px;font-size:20px}
.vision_strategy1 .vision_num{display:inline-block; position:absolute; top:3px; left:7px; font-size:12px; font-weight:600; text-align: center; width:8px;color:#fff;font-size:23px}
.vision_strategy1 .vision_num:before{display:block; content:""; width:28px; height:28px; border-radius:50%; background:#4383db; position:absolute; top:-4px; left:-8px; z-index: -1}
.vision_strategy1>li:nth-child(2) .vision_num:before{background:#41a4dc;}
.vision_strategy1>li:nth-child(3) .vision_num:before{background:#53c69a;}
.vision_strategy1>li:nth-child(4) .vision_num:before{background:#9ad243;}

@media (max-width: 1240px) {
	.vision_strategy1>li{display:block;background-position:95% 100px !important}
	.vision_strategy1>li p{width:100%;border-radius:15px 15px 0 0;padding:20px 20px 15px 20px}
	.vision_strategy1>li p br{display:none}
	.vision_strategy1>li ul{width:100%;border:3px solid #ddd;border-radius:0 0 15px 15px;border-top:none}
}
@media (max-width: 680px) {
	.vision_strategy1>li{background-size:70px !important;background-position:95% 85px !important}
	.vision_strategy1>li p{font-size:18px}
	.vision_strategy1>li ul{padding:20px}
	.vision_strategy1>li li{font-size:17px}
}
@media (max-width: 580px) {
	.vision_strategy1>li{background:none !important}
}


.msns_wrap{padding:50px;border-radius:70px 20px 20px 20px;background:#ffc9cf;background: linear-gradient(150deg,rgba(255, 201, 207, 0.8) 0%, rgba(206, 198, 245, 1) 100%);}
.msns_wrap h4{font-size:32px;margin-bottom:40px;text-align:center;color:#d42b69;word-break:keep-all}
.msns_wrap h4 span{display:block;font-size:20px;opacity:0.65}
.msns_wrap ul{display:flex;flex-wrap:wrap;gap:20px;text-align:center;width:80%;margin:0 auto}
.msns_wrap ul li{flex:1 1 auto;padding:35px 20px;width:47%;position:relative;z-index:1}
.msns_wrap ul li:before{width:100%;height:100%;content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background:#fff;border-radius:15px;opacity:0.9;
-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);}
.msns_wrap ul li.blog strong{background:url(https://www.jeonju.go.kr/images/mayor_2022_new/common/sns_blog.png) no-repeat}
.msns_wrap ul li.youtube strong{background:url(https://www.jeonju.go.kr/images/mayor_2022_new/common/sns_utube.png) no-repeat}
.msns_wrap ul li.facebook strong{background:url(https://www.jeonju.go.kr/images/mayor_2022_new/common/sns_face.png) no-repeat}
.msns_wrap ul li.insta strong{background:url(https://www.jeonju.go.kr/images/mayor_2022_new/common/sns_insta.png) no-repeat}
.msns_wrap ul li strong{display:block;font-size:20px;margin-bottom:20px;padding-top:55px;background-position:center 0 !important}
.msns_wrap ul li a{padding:10px 20px 8px;border-radius:20px;border:1px solid #ddd;font-size:15px}
.msns_wrap ul li a:hover,
.msns_wrap ul li a:focus{background:#008cca;color:#fff;border-color:#008cca;transition: 0.3s ease-in-out;}

@media (max-width: 1240px) {
	.msns_wrap ul{width:90%}
}
@media (max-width: 768px) {
	.msns_wrap{padding:40px 30px;}
	.msns_wrap h4{font-size:28px;margin-bottom:20px;}
	.msns_wrap h4 span{font-size:18px}
	.msns_wrap ul{width:98%}
	.msns_wrap ul li{padding:25px 15px;}
}


.areaW{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction: row-reverse;}
.areaW>p{width:40%;}
.areaW>p img{border-radius:10px}
.areaW .areaTc{width:100%;margin-bottom:30px;}
.areaW .areaCw{width:100%;border:1px solid #ddd;border-radius:10px;padding:30px 30px 10px;background:#f7fafd}

.box_text_line{border:3px solid #e1ecfa;padding:20px; border-radius:5px;margin-bottom:30px;}

.circle_box .doughnut_chart .txt{line-height:1;}
.circle_box .doughnut_chart .txt i{font-size:14px;  font-weight: 400;color: #666;}

.area_list{margin:30px 0;width:calc(100% - 50%);}
.area_list li{margin-bottom:5px}
.area_list a{border:1px solid #ddd;background:#f7fafd;padding:10px 20px;display:block;border-radius:30px}
.area_list li.on a,
.area_list li.active a{border-color:#194a99;background:#194a99;color:#fff}

.img_list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.img_list li{width:48%;text-align:center;margin-bottom:20px}
.img_list li span{display:block;padding:5px}
.img_list li img{width:100%}

.areaW .circle_box .state{max-width:130px; margin-left:auto; margin-right:auto;}
.areaW .circle_box .doughnut_chart .txt i{display:block;}
.areaW .circle_box .circle_list > li:nth-of-type(1) .state{background-color:#ee2e5b}
.areaW .circle_box .circle_list > li:nth-of-type(3) .state{background-color:#0e94ef}
.areaW .circle_box .circle_list > li:nth-of-type(1) .doughnut_chart .txt{color:#ee2e5b}
.areaW .circle_box .circle_list > li:nth-of-type(3) .doughnut_chart .txt{color:#0499ed}

@media screen and (max-width:1280px){
	.areaW{display:block;}
	.areaW>p{width:100%}
	.areaW .areaTc{width:100%;}
	.areaW .areaTc ul{display:flex}
	.area_list{width:100%}
	.area_list a{padding:10px}
	.areaW .areaTc ul li a>span{display:none}
	.areaW .areaTc ul li{flex:1;text-align:center}
}
@media screen and (max-width:768px){
	.areaW .areaTc ul li a span{display:none}
	.areaW .areaCw{padding:20px}
}
@media screen and (max-width:480px){
	.areaW .areaTc ul{flex-wrap:wrap}
	.areaW .areaTc ul li{flex:1 33.33%}
}
