/* 민선9기 거제시 비전 */
.vision .vision_top{margin-bottom: 60px;}
.vision .vision_top .vision_img{height: 44px;font-size:0;background: url('/images/mayor2026/content/slogan.png') no-repeat center;background-size: contain;}
.vision .vision_goal{padding: 30px 0 30px; background: #f4f4f4; border-radius: 30px;}
.vision .vision_goal h4{margin: -55px auto 0; width: 200px; padding: 14px 0; border-radius: 50px; background: var(--point2); text-align: center; color: #fff; font-weight: 700; font-size: clamp(20px, 2.5vw, 26px);}
.vision .vision_goal .goal_list .goal_item{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; height: 180px; margin: 10px auto; border-radius: 50%; text-align: center; background: #fff;}
.vision .vision_goal .goal_list .goal_item span{display: inline-block;margin-bottom: 10px;color: #111;border-bottom: 1px #111 solid;font-weight: 900;}
.vision .vision_goal .goal_list .goal_item p{font-size:clamp(18px, 2vw, 20px);}
.vision .vision_goal .goal_list .goal_item p strong{font-size:clamp(20px, 2vw, 28px);}

.vision .vision_goal .goal_list .goal_item.item1{border:2px #8465ab solid;}
.vision .vision_goal .goal_list .goal_item.item1 strong{color:#4d2184;}
.vision .vision_goal .goal_list .goal_item.item2{border:2px #4375b0 solid;}
.vision .vision_goal .goal_list .goal_item.item2 strong{color: #2c6bb5;}
.vision .vision_goal .goal_list .goal_item.item3{border:2px #f1787f solid;}
.vision .vision_goal .goal_list .goal_item.item3 strong{color: #e13a44;}
.vision .vision_goal .goal_list .goal_item.item4{border:2px #f2ad36 solid;}
.vision .vision_goal .goal_list .goal_item.item4 strong{color: #a36e14;}
.vision .vision_goal .goal_list .goal_item.item5{border:2px #29ba8f solid;}
.vision .vision_goal .goal_list .goal_item.item5 strong{color: #14936d;}

@media all and (min-width:768px) {
 .vision .vision_top .vision_img{width: 650px;height: 120px;margin: 0 auto;border-radius: 60px;background-color: #f4f4f4;background-size:auto;}
.vision .vision_goal{position: relative; width: 690px; height: 690px; margin: 0 auto; border-radius: 0; background: none; z-index: 0;}
.vision .vision_goal::before{content: ''; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 460px; height: 460px; border-radius: 50%; border: 3px dashed #ddd; z-index: -1;}
.vision .vision_goal h4{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 150px; padding: 60px 0; margin: 0; border-radius: 50%; }
.vision .vision_goal .goal_list .goal_item{position: absolute; margin: 0;}
.vision .vision_goal .goal_list .goal_item.item1{top: 0; left: 50%; transform: translateX(-50%);}
.vision .vision_goal .goal_list .goal_item.item2{top: 190px; right: 0;}
.vision .vision_goal .goal_list .goal_item.item3{bottom: 40px; right: 80px;}
.vision .vision_goal .goal_list .goal_item.item4{bottom: 40px; left: 80px;}
.vision .vision_goal .goal_list .goal_item.item5{top: 190px; left: 0;}
}

/* 거제의 미래 */
.fiture h4{display: inline-block;padding: 15px 30px;text-align: center;color: #111;background: #f4f4f4;border-radius: 50px;font-size: 24px;}
.fiture .fiture_list{display:flex; flex-direction:column; gap:40px;}
.fiture .fiture_list .fiture_item .fiture_title{margin-bottom: 18px;}
.fiture .fiture_list .fiture_item .fiture_title span{display: inline-block;font-size: 20px;font-weight: 900;color: #333;border-bottom: 2px #333 solid;}
.fiture .fiture_list .fiture_item .fiture_title p{font-size:clamp(24px, 2vw, 28px);}
.fiture .fiture_list .fiture_item .fiture_title p strong{font-size:clamp(32px, 2.5vw, 36px); font-weight: 800;vertical-align: baseline;}
.fiture .fiture_list .fiture_item .fiture_text{padding: 30px 20px;border-radius: 30px; background:#fff; word-break: keep-all;font-size: 18px;line-height: 1.5;}
.fiture .fiture_list .fiture_item .fiture_text .text_point{font-weight: 700; font-size: 20px;}


.fiture .fiture_list .fiture_item.item1 .fiture_title p{color:#4d2184;}
.fiture .fiture_list .fiture_item.item1 .fiture_text{border: 1px #8465ab solid;}
.fiture .fiture_list .fiture_item.item1 .fiture_text .text_point{color:#4d2184;}

.fiture .fiture_list .fiture_item.item2 .fiture_title p{color: #2c6bb5;}
.fiture .fiture_list .fiture_item.item2 .fiture_text{border:1px #4375b0 solid;}
.fiture .fiture_list .fiture_item.item2 .fiture_text .text_point{color: #2c6bb5;}

.fiture .fiture_list .fiture_item.item3 .fiture_title p{color: #e13a44;}
.fiture .fiture_list .fiture_item.item3 .fiture_text{border:1px #f1787f solid;}
.fiture .fiture_list .fiture_item.item3 .fiture_text .text_point{color: #e13a44;}

.fiture .fiture_list .fiture_item.item4 .fiture_title p{color: #a36e14;}
.fiture .fiture_list .fiture_item.item4 .fiture_text{border:1px #f2ad36 solid;}
.fiture .fiture_list .fiture_item.item4 .fiture_text .text_point{color: #a36e14;}

.fiture .fiture_list .fiture_item.item5 .fiture_title p{color: #14936d;}
.fiture .fiture_list .fiture_item.item5 .fiture_text{border:1px #29ba8f solid;}
.fiture .fiture_list .fiture_item.item5 .fiture_text .text_point{color: #14936d;}

.fiture .fiture_list .fiture_item.item6 .fiture_title p{color: #f46512;}
.fiture .fiture_list .fiture_item.item6 .fiture_text{border:1px #ed894f solid;}
.fiture .fiture_list .fiture_item.item6 .fiture_text .text_point{color: #f46512;}


@media all and (min-width:768px) {
.fiture .fiture_list .fiture_item .fiture_text{padding: 34px 30px;}
}

@media all and (min-width:1280px) {
.fiture .fiture_list{position: relative; flex-direction:row; flex-wrap: wrap; gap:100px 30px; z-index: 0;}    
.fiture .fiture_list::before{content: '';position: absolute;bottom: 55px;width: 100%;height: 55%;border-radius: 0 300px 300px 0;border: 20px #f4f4f4 solid;border-left: 0;z-index: -1;}
.fiture .fiture_list .fiture_item{flex-basis: 28%; }
.fiture .fiture_list .fiture_item.item1{margin-left: 60px;}
.fiture .fiture_list .fiture_item.item6{order: 4;}
.fiture .fiture_list .fiture_item.item5{order: 5;}
.fiture .fiture_list .fiture_item.item4{order: 6;}
}

/* 5대 핵심공약 */
.promise .promise_list .promise_item{margin-bottom: 20px;}
.promise .promise_list .promise_item span{display: block; width: 90px; height: 90px; margin: 0 auto; padding-top: 26px; font-size: 15; text-align: center; border-radius: 40px; background: var(--point2); color: #fff;}
.promise .promise_list .promise_item span em{display: block; font-style: normal; font-size: 20px; font-weight: 900;}
.promise .promise_list .promise_item p{padding: 20px 30px; font-size:17px; background: #f4f4f4; border-radius: 30px; word-break: keep-all;}
@media all and (min-width:768px) {
.promise .promise_list .promise_item{display: flex;}
.promise .promise_list .promise_item span{margin: 0; flex-shrink: 0;}
.promise .promise_list .promise_item p{flex-grow: 1; align-self: center;}
}
@media all and (min-width:1280px) {
.promise .promise_list{padding: 60px 5%; border: 1px dashed #ddd; border-radius: 30px;}
.promise .promise_list .promise_item{margin: 70px 0;}
.promise .promise_list .promise_item span{position: relative; margin-top: -45px; margin-right: -45px; z-index: 1;}
.promise .promise_list .promise_item p{align-self: auto; padding: 30px 46px;}
}
@media all and (min-width:1920px) {
.promise .promise_list{ padding: 60px 120px;}
}


/* 프로필 */
.profile .profile_img{margin-bottom:30px;}
.profile .profile_img img{width:100%; border-radius:30px;}
.profile .profile_list h4{font-size:26px; color:#111;}
.profile .profile_list h5{color:var(--point2);font-size: 24px;}
.profile .profile_list ul{position:relative;padding: 4px 0;}
.profile .profile_list ul:before{content:'';position: absolute;left: 7px;top: 0;display:block;width:1px;height:100%;background:#e1e1e1;}
.profile .profile_list ul li{position:relative;padding-left: 21px;margin: 14px 0;word-break: keep-all;line-height: 1.5em;}
.profile .profile_list ul li:before{content:'';position: absolute;top: 4px;left: 0;display:block;width:15px;height:15px;border:5px #ddd solid;background: #fff;box-sizing:border-box;border-radius:50%;}
@media all and (min-width:768px) {
.profile{display:flex;gap:60px;justify-content: center;}    
.profile .profile_list h4{font-size:30px;}
.profile .profile_list h4 strong{color:var(--point3);font-weight: 800; font-size:36px; vertical-align:text-bottom}
}
@media all and (min-width:1280px) {
.profile{gap: 0 100px;position: relative;z-index: 0;}   
.profile .profile_list:before{display: block;position: absolute;top: 495px;left: 280px;content: "PROFILE";color: #edf2ff;font-weight: 900;font-size: 100px;transform: rotate(90deg);z-index: -1;}
}

/* 취임사 */
.speech{padding: 20px;border:1px #d1dce2 solid;}
.speech h4{font-family: 'Bookend Batang' !important; font-weight: 600; color:#111;}
.speech p{margin-bottom: 22px; font-family: 'Bookend Batang' !important; font-weight: 500;color: #333;line-height: 1.7em;}
.speech p.tit,.speech strong{font-family: 'Paperlogy', "페이퍼로지"!important; font-size:20px; font-weight:700; color:#326f92}

@media all and (min-width:768px) {
.speech{padding:40px;}
}
@media all and (min-width:1550px) {
.speech{position: relative;width: 1107px;margin:0 auto;padding:100px;background: url('/upload_data/board_data/BBS_0000522/178287933810837.png') no-repeat top;border: none;z-index: 0;}
.speech:before{content:'';position: absolute;top: 4%;left: 0;display:block;width:100%;height: 90%;background: url('/upload_data/board_data/BBS_0000522/178287982637591.png');z-index: -1;}
.speech:after{content:'';position: absolute;bottom: 0;left: 0;display:block;width:100%;height: 460px;background: url('/upload_data/board_data/BBS_0000522/178287993742397.png') no-repeat bottom;z-index: -1;}
.speech p{font-size:18px;}
}