/* ê³µì•½ê°œìš” */
.gong_toggle>div.on{background:#fff; border-top:1px #0075aa solid;}
.gong_toggle table i{display:none;}  
.gong_toggle table .point_bg{background: #adc8f5;}
/*ê³µì•½ì´ê´„*/
.gong_key div{overflow: hidden;}
.gong_key dl{position: relative;margin-bottom: 20px;padding: 20px 20px 20px 45px;border: 2px solid #ddd;border-radius: 20px;word-break: keep-all;}
.gong_key dt{margin-bottom: 10px;}
.gong_key dt em{display: block;position: absolute;top: 20px;left: 10px;font-size: 24px;font-weight: bold;font-style: normal;opacity: .5;}
.gong_key dt strong{font-size: 18px;}
.gong_key dd{color: #333;}
.gong_key dl.box01{border-color: #0073a8;}
.gong_key dl.box02{border-color: #5caad0;}
.gong_key dl.box03{border-color: #0280cd;}
.gong_key dl.box04{border-color: #3055dc;}
.gong_key dl.box05{border-color: #00b0ab;}
.gong_key .box01 dt em, .gong_key .box01 dt strong{color: #0073a8;}
.gong_key .box02 dt em, .gong_key .box02 dt strong{color: #428fb5;}
.gong_key .box03 dt em, .gong_key .box03 dt strong{color: #0280cd;}
.gong_key .box04 dt em, .gong_key .box04 dt strong{color: #3055dc;}
.gong_key .box05 dt em, .gong_key .box05 dt strong{color: #0e9894;}

.gong_graph{margin-bottom: 30px;padding: 10px;border: 1px solid #e1e1e1;border-radius: 20px;}
.gong_graph li strong{display: block;font-size: 18px;color: #333;font-family: 'SBAggro';}
.gong_graph li ul{width: 100%;margin: 14px 0;overflow: hidden;background: #32a092;border-radius: 5px;}
.gong_graph li li{float: left;position: relative;margin: 0;}
.gong_graph li li span{display: block;height: 50px;padding: 16px 0;font-size: 14px;text-align: center;color: #fff;vertical-align: middle;}
/*ê·¸ëž˜í”„ë„ˆë¹„*/
.gong_graph li.li01 li:nth-child(1){width: 83%;background: #0086bb;}
.gong_graph li.li01 li:nth-child(2){width: 17%;}
.gong_graph li.li02 li:nth-child(1){width: 76%;;background: #0086bb;}
.gong_graph li.li02 li:nth-child(2){width: 24%;}
.gong_graph li.li03 li:nth-child(1){width: 74%;background: #0086bb;}
.gong_graph li.li03 li:nth-child(2){width: 26%;}
.gong_graph li.li04 li:nth-child(1){width: 15%;background: #0086bb;}
.gong_graph li.li04 li:nth-child(2){width: 25%;background: #256ebf;}
.gong_graph li.li04 li:nth-child(3){width: 60%;}
/*ê·¸ëž˜í”„ë„ˆë¹„*/
.gong_graph li li span.small{position: relative;padding: 7px 0;}
@media all and (min-width:768px) {
.gong_graph{padding: 20px;}
}
@media all and (min-width:1400px) {
.gong_key div{padding-top: 30px;}
.gong_key dl{float: left;width: 18%;height: 185px;margin: 0 1% 30px;padding: 30px 20px 20px;box-sizing: border-box;text-align: center;}
.gong_key dt em{width: 40px;height: 40px;top: -20px;left: 50%;transform: translateX(-50%);line-height: 40px;opacity: 1;color: #fff;border-radius: 100%;}
.gong_key .box01 dt em{background: #0073a8;color: #fff;}
.gong_key .box02 dt em{background: #5caad0;color: #fff;}
.gong_key .box03 dt em{background: #0280cd;color: #fff;}
.gong_key .box04 dt em{background: #3055dc;color: #fff;}
.gong_key .box05 dt em{background: #00b0ab;color: #fff;}
	
.gong_graph{padding: 30px;}
.gong_graph li{margin: 20px 0;overflow: hidden;}
.gong_graph li strong{float: left;width: 160px;margin-top: 16px;}
.gong_graph li ul{float: left;width: calc(100% - 160px);margin: 0;}
}

/*인사말*/
.greet{padding:20px;border:15px solid #e8f3f8;border-radius:20px;}
.greet h4{background:none;padding:0;font-size:29px;background:linear-gradient(45deg, #0074a9, #32a092);-webkit-background-clip:text;color:transparent;text-align:center;word-break:keep-all;}
.greet h4 span{display:block;font-weight:300;font-size: 20px;}
.greet .title p{margin-bottom:40px;font-size:19px;font-family:'SBAggro';font-weight:300;color:#444;}
.greet .txt p{margin:0 0 20px 0;letter-spacing:-1px;}
.greet .txt .name{text-align:right;font-size:17px;color:#666;}
.greet .txt .name img{margin:-5px 0 0 10px;}

/*프로필*/
.profile h4{background:none;margin:0;padding: 100px 20px 60px 20px;border-radius:30px 30px 5px 5px;}
.profile h4 span{color:#fff;font-size: 40px;text-shadow: 0 0 12px #0000008c;}
.profile div:nth-child(1) h4{background:url("/images/04_mayor/content/sub01/pf_bg01.jpg")no-repeat left top;background-size:cover;}
.profile div:nth-child(2) h4{background:url("/images/04_mayor/content/sub01/pf_bg02.jpg")no-repeat left top;background-size:cover;}
.profile>div{padding: 30px 0;overflow: hidden;}
.profile ul{padding:20px;background:#fff;border-radius:20px;margin:0 auto;margin-top:-40px;width:90%;position: relative;overflow: hidden;}
.profile ul:before{content:"";display:block;width:1px;height: 100%;border-left:1px solid #ddd;position:absolute;top: 24px;left: 28px;}
.profile li{margin: 0px 0 15px 0;letter-spacing:-1px;word-break:keep-all;padding-left: 26px;position: relative;font-size: 17px;}
.profile li:last-child{margin:0;}
.profile li:before{content:"";display:block;width: 10px;height: 10px;border-radius:50%;background: #ffffff;position: absolute;border: 4px solid #0074a9;left: 0;top: 3px;}
.profile div:nth-child(2) li:before{border:4px solid #32a092;}

/*매니페스토*/
.manifesto .notice_box h4{background:linear-gradient(45deg, #0074a9, #32a092);padding:0;margin:0;font-size:32px;-webkit-background-clip:text;color:transparent;}
.manifesto .notice_box p{font-size:17px;}
.manifesto p{word-break:keep-all;}     
.manifesto a{display:block;width: fit-content;margin: 0 auto;outline: 1px solid #fff;outline-offset: -1px;}

/*비전*/
.vision .w100 img{border:none;}
.vision li{width:209px;height:209px;background:#f5f5f5;border-radius:40px;text-align:center;margin:0 auto;margin-bottom:30px;padding: 20px;}
.vision li strong{font-family:'SBAggro';font-size:24px;font-weight:300;}
.vision li span{display:block;font-weight:400;}
.vision .vs01{box-shadow:10px 10px 0 #da8475;}
.vision .vs02{box-shadow:10px 10px 0 #59b5ce;}
.vision .vs03{box-shadow:10px 10px 0 #4db9a1;}
.vision .vs04{box-shadow:10px 10px 0 #e6ab4d;}
.vision .vs05{box-shadow:10px 10px 0 #be75e8;}
.vision .vs01 span{color:#d0492b;}
.vision .vs02 span{color:#008eb6;}
.vision .vs03 span{color:#039d7b;}
.vision .vs04 span{color:#e09843;}
.vision .vs05 span{color:#a23edf;}
.vision li strong:before{content:"";display:block;width:115px;height: 95px;margin: 0 auto;margin-bottom: 10px;background:url("/images/04_mayor/content/sub02/vs_icon.png")no-repeat center top;}
.vision .vs01 strong:before{background-position-y: 9px;}
.vision .vs02 strong:before{background-position-y: -146px;}
.vision .vs03 strong:before{background-position-y: -298px;}
.vision .vs04 strong:before{background-position-y: -452px;}
.vision .vs05 strong:before{background-position-y: -604px;}

/*선거공약집*/
.gongbo{text-align:center;}
.gongbo img{border-radius:10px;border:1px solid #ddd;box-shadow: 5px 5px 15px #66666624;}
.gongbo .txt{margin:20px 0 0 0;}
.gongbo .txt .tit{padding:0 0 20px 0;margin: 0 0 26px 0;border-bottom:1px solid #aec8db;}
.gongbo .tit p{font-size:22px;font-family:'SBAggro';font-weight:300;padding-top:10px;color:#666;}
.gongbo h4{text-align:left;margin:0 auto; width:fit-content;margin-bottom:10px;}

/*현황및여건*/
.situation div{padding:30px;border:1px solid #ddd;border-radius:20px;margin:0 0 30px 0;}
.situation h4{background:none;padding:0 0 0 10px;margin:0 0 20px 0;border-left:5px solid #0074a9;}
.situation div ul>li{margin:0 0 10px 0;overflow:hidden;word-break:keep-all;font-family:'SBAggro';color:#444;}
.situation div>ul>li:before{content:"";display:block;width:100px;height:100px;background:url("/images/04_mayor/content/sub02/sub02_icon.png")no-repeat center top #f3f7fb;border-radius:30px;float:left;margin: 0 15px 0 0;}
.situation div:nth-child(1)>ul>li:nth-child(1):before{background-position-y: 18px;}
.situation div:nth-child(1)>ul>li:nth-child(2):before{background-position-y: -80px;}
.situation div:nth-child(1)>ul>li:nth-child(3):before{background-position-y: -174px;}
.situation div:nth-child(2)>ul>li:nth-child(1):before{background-position-y: -268px;}
.situation div:nth-child(3)>ul>li:nth-child(1):before{background-position-y: -366px;}
.situation div:nth-child(3)>ul>li:nth-child(2):before{background-position-y: -460px;}
.situation div:nth-child(4)>ul>li:nth-child(1):before{background-position-y: -545px;}
.situation div:nth-child(4)>ul>li:nth-child(2):before{background-position-y: -458px;}
.situation div:nth-child(4)>ul>li:nth-child(3):before{background-position-y: -636px;}
.situation div:nth-child(4)>ul>li:nth-child(4):before{background-position-y: -636px;}
.situation ul ul{padding: 30px 0 10px 0;margin-top: 59px;background: #f5f5f5;border-radius: 20px;}
.situation li li{font-weight:300;font-size:15px;width:100%;text-align:center;}
.situation strong{font-weight:300;display:block;font-size:20px;margin:0 0 8px 0;color:#0074a9;}
.situation span{display:block;}

/*5년후모습*/
.after5y{overflow:hidden;word-break:keep-all;}
.after5y div{margin:0 0 30px 0;text-align:center;}
.after5y h4{padding:0;background:none;margin:0 auto;margin-bottom:40px;font-size: 34px;background: linear-gradient(-45deg, #0058ff, #85ed6d);-webkit-background-clip:text;color:transparent;width:fit-content;text-align: center;}
.after5y h4:before{content:"";display:block;width:100%;height: 218px;background:url("/images/04_mayor/content/sub02/after5y_top.jpg")no-repeat center top;background-size:contain;}
.after5y h5{text-align:center;font-weight:400;color:#fff;text-shadow:0 3px 10px #00000045;padding:12px 0 10px;border-radius:5px 50px 5px 0;margin-bottom: 0;}
.after5y img{border-radius:20px;}
.after5y ul{border-left:1px solid #ddd;padding: 25px 30px 0;}
.after5y li{letter-spacing:-1px;margin-bottom:15px;text-align:left;}
.after5y li:before{content:"";display:block;width:20px;height:6px;background:firebrick;border-radius:5px;margin-bottom:5px;}
.after5y .gy01 li:before{background:#0074a9;}
.after5y .gy02 li:before{background:#5caad0;}
.after5y .gy03 li:before{background:#57d4d8;}
.after5y .gy04 li:before{background:#ddc048;}
.after5y .gy05 li:before{background:#b2b2b2;}
.after5y .gy06 li:before{background:#0280cd;}
.after5y .gy07 li:before{background:#cad94a;}
.after5y .gy08 li:before{background:#00b1ab;}
.after5y .gy01 h5{background:#0074a9;}
.after5y .gy02 h5{background:#5caad0;}
.after5y .gy03 h5{background:#57d4d8;}
.after5y .gy04 h5{background:#ddc048;}
.after5y .gy05 h5{background:#b2b2b2;}
.after5y .gy06 h5{background:#0280cd;}
.after5y .gy07 h5{background:#cad94a;}
.after5y .gy08 h5{background:#00b1ab;}

/*공약이행계획*/
.gyplan{padding:30px 0 0 0;}
.gyplan div{margin:0 0 60px 0;}
.gyplan h4{background:none;padding: 10px 0 6px 94px;margin:0 0 15px 0;font-size:26px;font-weight:400;color:#fff;position:relative;border-radius: 10px 100px;}
.gyplan div:nth-child(1) h4{background:#00b1ab;}
.gyplan div:nth-child(2) h4{background:#0074a9;}
.gyplan div:nth-child(3) h4{background:#0280cd;}
.gyplan h4:before{content:"";display:block;width: 70px;height: 70px;position:absolute;background:url("/images/04_mayor/content/sub02/gyplan_icon.png")no-repeat center top #fff;border-radius:50%;bottom:0;left:0;}
.gyplan div:nth-child(1) h4:before{border:8px solid #00b1ab;background-position-y:5px;}
.gyplan div:nth-child(2) h4:before{border:8px solid #0074a9;background-position-y: -102px;}
.gyplan div:nth-child(3) h4:before{border:8px solid #0280cd;background-position-y: -212px;}
.gyplan div>ul{position:relative;}
.gyplan div>ul:before{content:"";display:block;width:1px;height:100%;border-left:1px solid #ddd;position:absolute;top:0;left: 10px;z-index: -1;}
.gyplan li{margin:0 0 20px 0;}
.gyplan div>ul>li:before{content:"";display:block;width:10px;height:10px;border:5px solid #00b1ab;border-radius:50%;float:left;margin:0 10px 0 0;background: #fff;}
.gyplan div:nth-child(2)>ul>li:before{border-color:#0074a9;}
.gyplan div:nth-child(3)>ul>li:before{border-color:#0280cd;}
.gyplan li>ul{border:1px solid #ddd;padding:18px 15px 10px 15px;border-radius:10px;margin-left: 30px;}
.gyplan li li{letter-spacing:-1px;margin:0 0 8px 0;}
.gyplan li li:before{content:"";display:block;width:8px;height:8px;background:#ddd;border-radius:10px;float:left;margin:8px 8px 0 0;}
.gyplan li strong{font-family:'SBAggro';font-size:20px;font-weight:300;margin:0 0 12px 0;display:block;}
.gyplan li strong span{font-size:16px;line-height:24px;color:#666;}
.gyplan div:nth-child(1) li strong{color:#03a5a0;}
.gyplan div:nth-child(2) li strong{color:#0074a9;}
.gyplan div:nth-child(3) li strong{color:#0280cd;}

/*공약지도*/
.gymap h4{margin-bottom:40px;}
.gymap>div{margin: 0 0 60px 0;position: relative;}
.gymap h5{background:none;padding:0;margin:0;font-weight:300;word-break:keep-all;overflow:hidden;font-size: 32px;padding-left:80px;color: #333;}
.gymap h5 strong{font-weight:600;}
.gymap h5 em{font-style:normal;font-weight:600;display:block;float:left;padding: 10px 30px 52px 16px;margin-right:10px;border-radius:20px 5px 5px;color:#ffffff7a;position: absolute;top: 0;left: 0;}
.gymap .txt{padding: 25px 25px 25px 53px;background:#f5f5f5;border-radius:10px;box-shadow:8px 8px 10px #00000014;margin-left: 27px;margin-top: 10px;}
.gymap .txt li{font-family:'SBAggro';font-weight:300;font-size: 16px;word-break:keep-all;margin:0 0 8px 0;text-indent:-22px;margin-left:25px;}
.gymap .txt li:last-child{margin-bottom:0;}
.gymap .txt li span{padding-right:5px;font-weight:400;}
.gymap .gy01 h5 em{background:linear-gradient(120deg, #196ac4, #0584b0);}
.gymap .gy01 h5 strong, .gymap .gy01 li span{color:#196ac4;}
.gymap .gy02 h5 em{background:linear-gradient(120deg, #0292ab, #19c1ba);}
.gymap .gy02 h5 strong, .gymap .gy02 li span{color:#0291ab;}
.gymap .gy03 h5 em{background:linear-gradient(120deg, #169966, #19b9a2);}
.gymap .gy03 h5 strong, .gymap .gy03 li span{color:#169e75;}
.gymap .gy04 h5 em{background:linear-gradient(120deg, #37b321, #87be1d);}
.gymap .gy04 h5 strong, .gymap .gy04 li span{color:#39b320;}
.gymap .gy05 h5 em{background:linear-gradient(120deg, #acc71d, #e2d027);}
.gymap .gy05 h5 strong, .gymap .gy05 li span{color:#b1b811;}
.gymap .gy06 h5 em{background:linear-gradient(120deg, #ddd622, #d09904);}
.gymap .gy06 h5 strong, .gymap .gy06 li span{color:#cc9501;}
.gymap .gy07 h5 em{background:linear-gradient(120deg, #cc991a, #f78214);}
.gymap .gy07 h5 strong, .gymap .gy07 li span{color:#f78214;}
.gymap .gy08 h5 em{background:linear-gradient(120deg, #dc6a63, #e08e89);}
.gymap .gy08 h5 strong, .gymap .gy08 li span{color:#db635c;}

/*스크롤애니메이션*/
.sa{opacity: 0; transition: all 1.5s ease;}
.sa.show{opacity: 1; transform: none;}

.sa-up{transform: translate(0, 200px);}
.sa-right{transform: translate(-200px, 0);}
.sa-left{transform: translate(200px, 0);}

/*공약사업 이행현황*/
.gy_situ .basic_box{text-align:center;}
.gy_situ .basic_box p{font-size:15px;color:#666;margin:0 0 20px;}
.gy_situ .basic_box img{margin:0 0 40px 0;}
.gy_situ .basic_box li{text-align:left;word-break:keep-all;}
.gy_situ li strong{display:block;font-family:'SBAggro';font-size: 19px;color:#333;}
.gy_situ li strong:after{content:"";display:block;width:18px;height:18px;float:left;background:#f39200;margin-right:6px;}
.gy_situ li:nth-child(2) strong:after{background:#6824cd;}
.gy_situ li:nth-child(3) strong:after{background:#007db8;}
.gy_situ li:nth-child(4) strong:after{background:#23a638;}

/*공약사업 변경현황*/
.gych_step li:nth-child(2){background:none;padding-top:0;}
.gych_step .first strong{background: #0074a9;color:#fff;font-size:18px;}
.gych_step .first span{background: #e0eeff;text-align:center;margin: 0;font-size:18px;}

/*공약이행평가단*/
.gy_team>div{overflow:hidden;}
.gy_team .img{padding:20px;}
.gy_team .img img{width:100%;border-radius:10px;box-shadow: 5px 5px 15px #66666654;}
.gy_team dt{margin-bottom:15px;}
.gy_team dt span{font-size: 15px;font-weight:300;color:#fff;background:#007db8;padding: 5px 5px 3px;border-radius:50px;display:inline-block;}
.gy_team dd{margin-bottom:10px;}
.gy_team .txt a{float:right;margin: 20px 0;}

/*주민배심원단*/
.box_list > div{display: flex; flex-wrap: wrap; gap: 5px; overflow: hidden;}
.box_list .img{height: fit-content; margin: auto 0;}
.box_list .txt {padding-bottom: 0;}
.impression p {text-align: center;}


/*설문조사*/
.survey{background:url("/upload_data/board_data/BBS_0000221/169957551550810.png")no-repeat left center;background-size:cover;border-radius:20px;border:1px solid #0878ac42;word-break:keep-all;text-align:center;}
.survey>div{margin:30px;padding:30px;background:#ffffff96;border-radius:20px;box-shadow:0 0 20px #0074a912;position: relative;}
.survey>div h4{background:linear-gradient(120deg, #29aeeb, #173d6e);padding:0;font-size:32px;-webkit-background-clip:text;color:transparent;}
.survey>div h4:before{content:"";display:block;width: 139px;height: 195px;background:url("/upload_data/board_data/BBS_0000221/169957697026920.png")no-repeat center top;background-size:cover;margin: 0 auto;margin-bottom: 40px;}
.survey>div p{letter-spacing:-1px;margin:0 0 20px 0;}
.survey>div a span{font-size:18px;letter-spacing:-1px;}
.survey_list{margin:30px;border-top:1px solid #0074a9;}
.survey_list li{padding:20px 30px;border-bottom:1px solid #ddd;background:#ffffff;text-align:left;}
.survey_list li .open{display:block;font-size:14px;padding:3px 10px;background:#0074a9;color:#fff;width:fit-content;border-radius:10px;margin:0 0 10px 0;}
.survey_list li strong{display:block;font-family:'SBAggro';font-weight:400;font-size:20px;margin:0 0 15px 0;text-align:left;}
.survey_list li em{font-style:normal;color:#666;letter-spacing:-1px;font-size:17px;}
.survey_list p{margin-top:20px;}
.survey_list p a{display:block;padding:8px 12px;border:1px solid #ddd;border-radius:50px;text-align:center;}
.survey_list p .end{background:#8c8c8c;color:#fff;margin:0 0 10px 0;}
.survey_list p .result{border:1px solid #0074a9;color:#0074a9;}

/*공식SNS*/
.gj_sns li{padding:15px;border: 1px solid #0878ac42;border-radius:20px;margin:0 0 15px 0;text-align:center;background: url(/images/04_mayor/content/sub02/logo.png)no-repeat right -80px bottom -62px #f3f9fb;}
.gj_sns li strong{display:block;font-size: 22px;font-family:'SBAggro';margin: 0 0 12px 0;color: #444;}
.gj_sns li a span{letter-spacing:-1px;font-size:16px;}
.gj_sns li strong:before{content:"";display:block;width:90px;height:90px;margin:0 auto;margin-bottom:10px;background:url("/upload_data/board_data/BBS_0000221/169951528934462.png")no-repeat center top;}
.gj_sns .fb strong:before{background-position-y:-8px;}
.gj_sns .insta strong:before{background-position-y: -143px;}
.gj_sns .kakao strong:before{background-position-y: -278px;}
.gj_sns .blog strong:before{background-position-y: -416px;}
.gj_sns .youtube strong:before{background-position-y: -557px;}

/*Tablet*/
@media (min-width: 768px) {
.greet h4{font-size:40px;}
.greet h4 span{font-size:36px;}
.greet .title p{font-size:24px;text-align: center;}
.greet .txt p{font-size:17px;word-break: keep-all;}

.profile h4{padding: 100px 0 111px 40px;}
.profile h4 span{font-size: 44px;}
.profile ul{padding:30px;}
.profile ul:before{left: 38px;top: 34px;}
.profile li{font-size:18px;}

.vision ul{display:flex;justify-content: center;flex-wrap:wrap;margin-top:30px;}
.vision li{margin:0;margin-right: 30px;margin-bottom: 30px;}

.gongbo{display:flex;justify-content:center;position:relative;overflow: hidden;}
.gongbo .img{margin-right: 50px;}
.gongbo .txt{overflow:hidden;padding-top: 37px;}
.gongbo .txt:after{content:"";display:block;width: 305px;height: 251px;background:url("/upload_data/board_data/BBS_0000221/169983458582664.png")no-repeat;position:absolute;background-size: cover;bottom: -8px;right: 0;z-index: -1;opacity: 33%;}

.situation strong{font-size: 24px;padding-top: 23px;}
.situation span{font-size:18px;display:inline;margin-right:10px;}
.situation li li{font-size:16px;}

.after5y h4{font-size:60px;width:auto;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.after5y h4:before{max-width: 554px;height: 379px;margin:0 auto;}
.after5y h5{font-size:28px;margin-top: 0;}
.after5y div:nth-of-type(2n) h5{border-radius:50px 5px 0 5px;}
.after5y div:nth-of-type(2n) ul{border-right:1px solid #ddd;border-left:none;}
.after5y div:nth-of-type(2n) li{text-align:right;position:relative;padding-top:10px;}
.after5y div:nth-of-type(2n) li:before{right:0;position:absolute;top:0;}
.after5y div{overflow:hidden;}
.after5y>div>img{float:left;width:40%;margin-right: 40px;}
.after5y>div:nth-of-type(2n)>img{float:right;margin-right:0;margin-left: 40px;}

.gyplan h4{width:30%;}
.gyplan h5{font-size:28px;margin:0 0 25px 0;}
.gyplan li strong{font-size:22px;float:left;width:35%;word-break:keep-all;margin-right:20px;}
.gyplan li>ul{overflow:hidden;}
.gyplan li li{font-size:17px;}

.gymap>div:nth-of-type(2n){margin: 0 0 84px 8%;}
.gymap h5{font-size:36px;padding-left: 192px;}
.gymap h5 em{font-size: 79px;padding: 15px 91px 64px 16px;}
.gymap .gy01 h5:after{content:"";display:block;width: 173px;height: 156px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308439760.png")no-repeat;right:0;top: -9px;z-index: -1;}
.gymap .gy02 h5:after{content:"";display:block;width: 123px;height: 151px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308440388.png")no-repeat;background-size:cover;right:0;top: -29px;z-index: -1;}
.gymap .gy03 h5:after{content:"";display:block;width: 55px;height: 63px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308440892.jpg")no-repeat;right:0;top: 0;z-index: -1;}
.gymap .gy05 h5:after{content:"";display:block;width: 65px;height: 91px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308441741.png")no-repeat;right:0;top: -6px;z-index: -1;}
.gymap .gy08 h5:after{content:"";display:block;width: 186px;height: 141px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308443087.png")no-repeat;right:0;top: 0;z-index: -1;}
.gymap .gy01 h5 em:after{content:"";display:block;width: 169px;height: 190px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308439359.png")no-repeat;background-size: cover;top: 60px;}
.gymap .gy02 h5 em:after{content:"";display:block;width: 169px;height: 326px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308440026.png")no-repeat;background-size: cover;top: 44px;}
.gymap .gy03 h5 em:after{content:"";display:block;width: 175px;height: 167px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308440662.png")no-repeat;background-size: cover;top: 82px;}
.gymap .gy04 h5 em:after{content:"";display:block;width: 185px;height: 171px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308441104.png")no-repeat;background-size: cover;top: 69px;left: 0;}
.gymap .gy05 h5 em:after{content:"";display:block;width: 127px;height: 242px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308441427.png")no-repeat;background-size: cover;top: 42px;left: 45px;}
.gymap .gy06 h5 em:after{content:"";display:block;width: 227px;height: 177px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308442034.png")no-repeat;background-size: cover;top: 18px;left: -30px;}
.gymap .gy07 h5 em:after{content:"";display:block;width: 194px;height: 207px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308442364.png")no-repeat;background-size: cover;top: 86px;left: 0;}
.gymap .gy08 h5 em:after{content:"";display:block;width: 214px;height: 128px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169950308442613.png")no-repeat;background-size: cover;top: 124px;left: -29px;}
.gymap .txt{padding: 40px 40px 40px 163px;}
.gymap .txt li{font-size:18px;}

.gy_team>div{display: flex;justify-content: flex-start;}
.gy_team .img{height: fit-content;margin: auto 0;}
.gy_team .txt a{float:none;}

.survey{text-align:left;background-size: auto;background-position: left top;}
.survey>div{padding: 30px 12%;overflow: hidden;}
.survey>div h4{font-size:36px;margin: 0 0 20px 0;}
.survey>div h4:before{float: left;margin: auto 40px;}
.survey_list{display:flex;flex-wrap:wrap;}
.survey_list li{padding:30px;width:50%;}
.survey_list li:hover{background:#f6f9ff;}
.survey_list li:nth-of-type(2n){border-left:1px solid #ddd;}
.survey_list p{display:flex;justify-content:space-between;margin-top: 30px;}
.survey_list p a{width:48%;}
.survey_list p .end{margin:0;}

.gj_sns ul{display:flex;justify-content:center;flex-wrap:wrap;}
.gj_sns li{width:30%;margin-right:2%;margin-bottom:25px;}
}

/*PC*/
@media all and (min-width:1023px) {
.greet{overflow:hidden;border:none;padding:0;}
.greet .title{background:url("/images/04_mayor/content/sub01/gt_title.png")no-repeat left top;} 
.greet h4{padding: 176px 0 0 407px;font-size:48px;background:none;color:#fff;margin: 30px 0 30px 0;text-align:left;}  
.greet h4 span{color:#a7f7ff;}
.greet .title p{color:#fff;padding: 0 0 190px 407px;text-align:left;}
.greet .txt{overflow:hidden;width: 857px;background:#fff;border-radius: 76px 0 0 0;padding: 60px 30px 0 66px;float: left;margin: -175px 0 0 459px;}
.greet .txt p{margin:0 0 30px 0;line-height:1.5em;font-size: 18px;width: 78%;}
.greet .txt .name{margin:30px 0;}

.profile{width: 93%;position:relative;margin: 0 auto;}
.profile:after{content:"PROFILE";display:block;position:absolute;top: 240px;right: -114px;font-family:'SBAggro';font-weight:600;font-size: 110px;background: linear-gradient(45deg, #0074a921, #32a0921a);-webkit-background-clip:text;color:transparent;transform:rotate(90deg);}
.profile h4{width: 50%;float:left;border-radius: 40px 40px 0 10px;}
.profile div:nth-child(1) h4{height:230px;}
.profile div:nth-child(2) h4{height:430px;}
.profile ul{width: 45%;float:left;margin:40px 0 0 -60px;border-radius:40px 0 0 0;}

.vision ul{margin:0 auto;}
.vision li{margin-bottom:50px;}
.vision li:nth-of-type(2n){margin-top:40px;}

.gongbo .txt:after{width:476px;height: 303px;bottom: -11px;right: 3px;}

.situation{display:flex;flex-wrap:wrap;justify-content:space-between}
.situation div{width:49%;}

.after5y{padding:5%;padding-bottom:0;}
.after5y>div>img{width: auto;}
.after5y li{font-size:17px;line-height: 1.6em;margin:0 0 25px 0;}

.gyplan li strong{width:28%;}

.gymap{border: 30px solid #f3fbfa;padding: 60px;border-radius: 20px;padding-top:0;position:relative;}
.gymap h4{text-align: right;font-size: 48px;background:none;font-weight: 600;letter-spacing: -2px;color: #595959;border-bottom: 1px dashed #aedbd5;padding-bottom: 34px;}
.gymap h4 span{background: linear-gradient(-60deg, #87b19f, #159ca0);-webkit-background-clip:text;color:transparent;}
.gymap h4:before{content:"";display:block;position:absolute;width:100%;height: 193px;top:0;left:0;z-index:-1;}
.gymap>div{margin: 0 0 100px 0;width: 71%;}
.gymap>div:nth-of-type(2n){margin-left: 334px;}
.gymap h5{font-size:60px;padding-left: 290px;}
.gymap h5 em{font-size:150px;width:250px;height:302px;padding: 14px 0 0 33px;border-radius: 50px 10px 10px 10px;}
.gymap .txt{padding-left: 290px;border-radius: 30px;}
.gymap .txt li{font-size:20px;margin: 0 0 10px 0;}
.gymap .gy01 h5:after{top: 35px;right: -27px;}
.gymap .gy02 h5:after{top: -23px;right: 0;background-size:auto;width:167px;height:214px;}
.gymap .gy03 h5:after{top: 25px;right: 138px;}
.gymap .gy05 h5:after{top: 40px;right: 153px;}
.gymap .gy08 h5:after{top: -13px;right: 83px;}
.gymap .gy01 h5 em:after{background-size:auto;width: 224px;height: 258px;top: 170px;right: -28px;}
.gymap .gy02 h5 em:after{background-size:auto;width: 224px;height: 415px;top: 133px;right: -33px;}
.gymap .gy03 h5 em:after{background-size:auto;width: 221px;height: 224px;top: 161px;right: -34px;}
.gymap .gy04 h5 em:after{width: 291px;height: 279px;top: 142px;left: -8px;}
.gymap .gy05 h5 em:after{width: 165px;height: 316px;top: 45px;left: 115px;background-size:auto;}
.gymap .gy06 h5 em:after{width:425px;height: 329px;top: 21px;left: -117px;background-size:auto;}
.gymap .gy07 h5 em:after{width:345px;height: 377px;top: 156px;left: -44px;background-size:auto;}
.gymap .gy08 h5 em:after{width:444px;height: 267px;top: 162px;left: -140px;background-size:auto;}

.gy_situ>div{overflow:hidden;}
.gy_situ .basic_box img{float:left;margin-left: 224px;} 
.gy_situ ul{overflow:hidden;margin: 26px 0 0 60px;float: left;}
.gy_situ .basic_box li{margin-bottom:20px;}

.gy_team .img{width:fit-content;margin-left: 287px;}
.gy_team .img img{width:auto;}
.gy_team dt span{margin-top:-7px;font-size:16px;padding:5px 10px 3px;}
.gy_team .txt a{margin-bottom:0;}

.survey>div{padding:40px 25%;background:linear-gradient(to right, #ffffff9e, #f0f8ffb3);}
.survey>div h4{font-size:40px;}
.survey>div p{font-size:17px;width:68%;margin: 0 0 30px 0;}
.survey_list li{padding:30px 50px;}
.survey_list li strong{font-size:21px;}
.survey_list li .open{font-size:15px;}

.gj_sns li{padding:40px 30px;}
.gj_sns li strong:before{float:left;margin:auto 0;margin-left:50px;}

/*주민배심원단*/
.box_list > div{flex-wrap: nowrap;}
}                                                

                                                                                                                                                                                                                                                                                                                  