@charset "utf-8";

span, strong, p, li {word-break: keep-all;}

/* 큰 이미지로 보기 */
.pic_btn a{display: none;}
.pic_btn a:hover{background-color:#00827e;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }
@media(max-width:767px){
    .pic_btn a{display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
    .pic_img{text-align: center;}
}
@media(max-width:560px){
    .pic_btn a{width: 75%;}
}
@media(max-width:450px){
    .pic_btn a{width: 100%;}
}

/* gmarket 폰트 */
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:normal;
    src: url(/font/GmarketSans/gmarketMedium.eot) format('eot');
 }
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:normal;
    src: url(/font/GmarketSans/gmarketMedium.woff) format('woff')
 }

@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:bold;
    src: url(/font/GmarketSans/gmarket.eot) format('eot');
}
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:bold;
    src: url(/font/GmarketSans/gmarket.woff) format('woff')
}
.gmarket{font-family: 'gmarket';}

/* Mont 폰트 */
@font-face {
    font-family: 'mont';
    font-style: normal;
    font-weight:normal;
    src: url(/font/mont/Mont-HeavyDEMO.woff) format('woff2'), url(/font/mont/Mont-HeavyDEMO.woff) format('woff0');
 }

/* sub0102 프로필*/
.se01a_greetings .top {position: relative; display: flex;flex-wrap: wrap;padding: 45px 220px 45px 7%; margin: 65px 0 60px;min-height: 250px; background: #fff;border: 8px solid #ebebeb; border-radius: 0 0 20px 0;background: url(/images/gunsu/sub01/se01a_bg.png); background-size: cover;}
.se01a_greetings .top .greetings_img {position: absolute; right: 0; bottom: 0;z-index: 0;}
/* .se01a_greetings .top .greetings_img::before {position: absolute; right: 40px; bottom: 30px; width: 274px; height: 165px; background: url(/images/gunsu/sub01/se01a_logo.png); content: "";z-index: -1;} */
.se01a_greetings .top .greetings_img::after {position: absolute; right: 0; bottom: 0; width: 462px; height: 292px; background:url(/images/gunsu/sub01/se01a_deco.png?ver=20221205); border-radius: 0 0 15px 0; content: "";z-index: -1;}
.se01a_greetings .top .greetings_img img {position: relative; border-radius: 0 0 15px 0;}
.se01a_greetings .top .title {margin-right: 7%;}
.se01a_greetings .top .title .s_tit {display: block;margin-bottom: 3px; font-size: 18px; font-weight: bold; color:#00827e; letter-spacing: -0.06em;line-height: 1.2;}
.se01a_greetings .top .title .m_tit {display: block; font-size: 30px; font-weight: bold; color: #8b8b8b;line-height: 1.3; letter-spacing: -0.06em;}
.se01a_greetings .top .title .m_tit b {color:#121212;line-height: 1.3;}
.se01a_greetings .top .text {position: relative; margin-top: 23px; font-size: 20px; font-weight: bold; line-height: 28px; letter-spacing: -0.05em; z-index: 1;}
.se01a_greetings .top .text span {display: block;}
.se01a_greetings .info {display: flex; float: left; margin-bottom: 55px; width: 100%;}
.se01a_greetings .info.col2 { width: 50%;}
.se01a_greetings .info .info_tit {display: block; margin-right: 30px; font-size: 22px; color: #222; letter-spacing: -0.025em;}
.se01a_greetings .info ul {position: relative; padding-left: 15px;}
.se01a_greetings .info ul::before {position: absolute; left: 0; top: 14px; width: 2px; height: calc(100% - 24px); background: #ddd; content: "";}
.se01a_greetings .info ul > li {margin: 10px 0; font-size: 15px; color: #505050; line-height: 20px;}
.se01a_greetings .info ul > li .block {display: block;}
@media (max-width: 767px) {
	.se01a_greetings .info {float: none;}
	.se01a_greetings .info.col2 {width: 100%;}
}
@media (max-width: 580px) {
    .se01a_greetings .top {overflow: hidden; padding: 40px 170px 40px 20px;}
    .se01a_greetings .top .greetings_img img {max-width: 200px;}
}
@media (max-width: 470px) {
    .se01a_greetings .top {overflow: hidden; padding: 30px 20px 240px 20px;}
    .se01a_greetings .info {flex-direction: column;}
}

/* sub0103 취임사 */
.s0103 {margin-top: 70px;padding: 0 20px;}
.s0103 .img {position: relative; float: right; padding: 0 20px 60px 60px;background: #fff; z-index: 1;}
.s0103 .s_tit {position: relative; display: block; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #999; letter-spacing: 0.05em;}
.s0103 .s_tit::before {position: absolute; left: 250px; bottom: 14px; width: calc(100% - 250px); height: 1px; background: rgba(0,0,0,.2);content: "";}
.s0103 .m_tit {display: block; font-size: 34px; font-weight: bold; color: #282828;line-height: 1.4; letter-spacing: -0.05em;}
.s0103 .m_tit span {display: block;line-height: 1.4;}
.s0103 .m_tit span b {color: #00827e; }
.s0103 p {margin-top: 20px; font-size: 15px; color: #333;font-weight: normal; line-height: 23px; letter-spacing: 0;}
.s0103 p .block {display: block;}
.s0103 .p_tit {display: block; margin-top: 25px; font-size: 18px;font-weight: bold; color: #222; line-height: 25px; letter-spacing: -0.04em;}
.s0103 .p_tit .block {display: block;}
.s0103 .last .block {display: block;}
.s0103 strong:nth-of-type(2) {margin-top: 25px; margin-bottom: 50px;}
@media (max-width: 850px) {
    .s0103 {margin-top: 50px;padding: 0;}
    .s0103 .img {padding: 0 0 30px 40px;}
}
@media (max-width: 630px) {
    .s0103 .img {float: none;text-align: center; padding: 0 0 30px;}
}   

/* -------------------------------------------------------- */

/*메니페스토란?*/
.sub02_01 .manifesto_box{background:url(/images/gunsu/sub02/mani_bg.gif) no-repeat;padding:40px 0 75px 270px}
.sub02_01 .mani_tit{font-size:2.125em;font-weight:700;text-decoration:underline;color:#111}
.sub02_01 .mani_cont{color:#000000;font-size:1.2em;margin-top:15px}
.sub02_01 p.txtp{color:#111111;line-height:1.5em}
.sub02_01 .btn {float: right; margin-top: 20px}

.sub02_01 .padding_box{background:#f0f0f0}
.sub02_01 .padding_box .ico_box{padding:55px 40px 55px 250px;background-image:url(/images/kor/sub06/sub06_03_01_img2.gif);background-position:40px 50%;background-repeat:no-repeat}
.sub02_01 .padding_box .ico_box ul li{overflow:hidden;padding:3px 0;}
.sub02_01 .padding_box .ico_box ul li + li {margin-top: 7px;}
.sub02_01 .padding_box .ico_box ul li span{display:block;font-size:1.357em;color:#006553;}
.sub02_01 .padding_box .ico_box ul li span + span{margin:5px 0 0 0;font-size:1em;color:#515151;}
@media(max-width:1000px){
    .sub02_01 .manifesto_box{padding:40px 0 0 230px;background-size:30%}
    .sub02_01 .manifesto_box br{display:none}
    .sub02_01 .btn{float:none}
}
@media(max-width:767px){
    .sub02_01 .manifesto_box{padding-top:0;background-size:35%;background-position:0 20px}
    .sub02_01 .padding_box .ico_box{padding:40px;background:none;}
}
@media(max-width:639px){
    .sub02_01 .manifesto_box{padding:0;background:none}
    .sub02_01 .btn{text-align:center}
    .sub02_01 .padding_box .ico_box {padding: 30px;}
}

/* sub020201 서천의 비전 */
.s020201 {text-align: center;margin-top: 55px;}
.s020201 .vision {position: relative; width: 347px; height: 273px; margin: 0 auto 100px;background: url(/images/gunsu/sub02/sub020201_vision_bg.png) no-repeat;}
.s020201 .vision::after {content: "";position: absolute;left:50%;bottom:-55px;background: #e0e0e0;width:5px;height:39px;margin-left:-2.5px;}
.s020201 .vision strong {position: relative; display: block; padding-top: 70px; padding-bottom: 17px; margin-bottom: 19px;font-size: 24px; color: #212121; font-weight: bold; line-height: 1.4; letter-spacing: -0.015em;}
.s020201 .vision strong::after{content: "";position: absolute;left:50%;bottom:0;width:33px;height:1px;background: #1a2273;margin-left:-16.5px}
.s020201 .vision p {font-size: 18px;color: #4f4f4f; font-weight: bold; line-height: 24px; letter-spacing: -0.1em;}
.s020201 .vision img {margin-top: 25px;}
.s020201 .slogan {position: relative; max-width: 480px; margin: 0 auto 60px; padding: 0 10px; border:6px solid #474a51;}
.s020201 .slogan::before{content: "";position: absolute;left:50%;top:-6px;width:98%;height:6px;background: #fff;transform: translateX(-50%);}
.s020201 .slogan::after{content: "";position: absolute;left:50%;bottom:-6px;width:98%;height:6px;background: #fff;transform: translateX(-50%);}
.s020201 .slogan span {display: block; margin-bottom: 20px; font-size: 22px; color: #393939; font-weight: bold; line-height: 24px; letter-spacing: -0.05em;}
.s020201 .slogan img {margin-bottom: 20px;}
.s020201 .policy strong {position: relative; display: block; margin-bottom: 30px; font-size: 22px; color: #393939; font-weight: bold; line-height: 24px; letter-spacing: -0.05em;}
.s020201 .policy strong::before{content: "";position: absolute;left:50%;bottom:-30px;background: #e0e0e0;width:5px;height:20px;margin-left:-2.5px;}
.s020201 .policy .list {overflow: hidden; position: relative;display: flex; flex-wrap: wrap; margin: 25px -4px 0; padding-top: 54px;}
.s020201 .policy .list::after{content: "";position: absolute;left:10%;top:0;background: #e0e0e0;width:80%;height:5px;}
.s020201 .policy .list li {position: relative;  width: calc(20% - 8px); margin: 4px; padding: 30px 5px; background: #394158 url(/images/gunsu/sub02/sub020201_policy_bg.jpg);}
.s020201 .policy .list li::before{content: "";position: absolute;left:50%;top:-25px;width:11px;height:11px;margin-left:-5.5px;border-radius: 100%;background: #00827e;}
.s020201 .policy .list li::after{content: "";position: absolute;left:50%;top:-54px;width:5px;height:19px;margin-left:-2.5px;background: #e0e0e0;}
.s020201 .policy .list li .num {display: block; font-size: 26px; font-weight: bold; color: #fff; letter-spacing: -0.05em;}
.s020201 .policy .list li .txt {display: block;font-size: 16px; font-weight: bold; color: #fff; letter-spacing: -0.05em;}
.s020201 .policy .list li .txt .block {display: block;}
@media(max-width:600px){
    .s020201 .policy strong {margin-bottom: 20px;}
    .s020201 .policy strong::before {display: none;}
    .s020201 .policy .list {flex-direction: column; margin: 0; padding-top: 0;}
    .s020201 .policy .list::after {display: none;}
    .s020201 .policy .list li {width: 100%; margin: 30px 0 0; padding: 20px 5px;}
    .s020201 .policy .list li::before {top:-5px;}
    .s020201 .policy .list li::after {top: -30px;}
    .s020201 .policy .list li .num {display: inline-block; margin-right: 6px;}
    .s020201 .policy .list li .txt {display: inline-block;vertical-align: text-bottom;}
    .s020201 .policy .list li .txt .block {display: inline;} 
}
/* sub020201 서천의 비전 End */


/*역대군수*/
.sub05_01 .mayorwrap{overflow:hidden;padding:30px 0;border-top:1px dashed #dcdcdc}
.sub05_01 .mayorwrap:after{content:"";display:block;clear:both}
.sub05_01 .mayorwrap.first{padding-top:0;border-top-width:0}
.sub05_01 .mayor_cont{padding-top:15px;text-align:center}
.sub05_01 .mayor img{border:1px solid #e1e1e1;width:120px;height:140px}
.sub05_01 .mayorwrap .mayor{position:relative;float:left;width:190px;height:307px;margin-left:20px;background:url(/images/gunsu/sub05/mayor_bg.gif) no-repeat}
.sub05_01 .mayorwrap .mayor:first-child{margin-left:0}
.sub05_01 .mayorwrap .mayor h4{padding-left:0;background:none;text-align:center}
.sub05_01 .mayorwrap .mayor span{font-size:0.9em;color:#005aab}
.sub05_01 .mayorwrap .mayor figure{margin-bottom:30px}
.sub05_01 .mayorwrap .mayor p{font-size:1em;font-weight:700}
@media(max-width:1000px){
.sub05_01 .mayorwrap{overflow:visible;border:0;padding:0}
.sub05_01 .mayorwrap:after{display:none}
.sub05_01 .mayorwrap .mayor,
.sub05_01 .mayorwrap .mayor:first-child{margin:0 0 20px 5%}
.sub05_01 .tablewrap{clear:both}
}
@media(max-width:767px){
.sub05_01 .mayorwrap .mayor,
.sub05_01 .mayorwrap .mayor:first-child{margin-left:2%}
}
@media(max-width:639px){
.sub05_01 .mayorwrap .mayor,
.sub05_01 .mayorwrap .mayor:first-child{margin-left:6%}
}
@media(max-width:479px){  
.sub05_01 .mayorwrap .mayor,
.sub05_01 .mayorwrap .mayor:first-child{float:none;margin:0 auto 20px;overflow:hidden}
}



/* sub02_05 공약사업 관리규정 */
.s0205 h4,
.s0205 h5,
.s0205 h6,
.s0205 ul li{background: none;}
.s0205_btn{text-align: center; margin: 3% 0;}
.s0205_btn:after{content:"";clear:both;display:block}
.s0205_btn p{float: left; width: 50%;}
@media(max-width:370px){
    .s0205_btn p{float:none; width: 100%;}
}

/* sub04_02 군수와의 소통 */
.se04a_sns .top {position: relative; display: flex; flex-wrap: wrap; padding: 45px 220px 45px 7%; margin: 65px 0 60px; min-height: 250px; background: #fff; border: 8px solid #ebebeb; border-radius: 0 0 20px 0; background: url(/images/gunsu/sub01/se01a_bg.png); background-size: cover;}
.se04a_sns .top .sns_img {position: absolute; right: 0; bottom: 0; z-index: 0;}
.se04a_sns .top .sns_img img {position: relative; border-radius: 0 0 15px 0}
.se04a_sns .top .sns_img:after {position: absolute; right: 0; bottom: 0; width: 926px; height: 280px; background: url(/images/gunsu/sub04/se04a_deco.png); border-radius: 0 0 15px 0; content: ""; z-index: -1}
.se04a_sns .top .title {margin-right: 7%; z-index: 99;}
.se04a_sns .top .title .m_tit {display: block; font-size: 30px; font-weight: bold; color: #121212; line-height: 1.3; letter-spacing: -0.06em;}
.se04a_sns .top .title .m_tit b {font-weight: bold; color: #00827e;}
.se04a_sns .top .title .p_tit {margin-top:20px; color:#999; font-size:18px; }
.se04a_sns .sns_box a {display: inline-flex; align-items: center; position:relative; width: 23%; height: 78px; padding: 39px 0 39px 110px; border: 1px solid #ebebeb; border-radius: 13px;}
.se04a_sns .sns_box a:not(:last-child) {margin-right: 18px;}
.se04a_sns .sns_box .name {font-weight: bold; color: #444}
.se04a_sns .sns_box a[target="_blank"] {background: none;}
.se04a_sns .sns_box a:hover {border:1px solid #00827e; transition: all 0.3s;}
.se04a_sns .sns_box a .icon {display: block; position: absolute; top: 0; left: 0; width: 83px; height: 78px; border-radius: 13px 0 0 13px; background: url(/images/gunsu/sub04/se04a_sns.png) no-repeat;}
.se04a_sns .sns_box a .icon1 {background-position: 0 0;}
.se04a_sns .sns_box a .icon2 {background-position: -96px 0;}
.se04a_sns .sns_box a .icon3 {background-position: -195px 0;}
.se04a_sns .sns_box a .icon4 {background-position: -297px 0;}

@media(max-width:959px){
    .se04a_sns .sns_box a {width: 22%; padding: 39px 0 39px 97px;}
    .se04a_sns .sns_box .name {font-size: 13px;}
}

@media(max-width:767px){
    .se04a_sns .top .title {margin-right: auto; margin-bottom: 20px;}
    .se04a_sns .sns_box a:not(:last-child) {margin: 0 10px 8px 0;}
    .se04a_sns .sns_box a {width: 47%;}
}

@media(max-width:479px) {
    .se04a_sns .top {overflow: hidden; padding: 30px 20px 240px 20px;}
    .se04a_sns .top .sns_img img {max-width: 200px;}
    .se04a_sns .sns_box a {width: 100%;}
}

/* 민선8기 공약실천계획 테이블 */
h3.h3 {color:#00827e; font-size: 17px;}
h4.h4 {font-size: 16px;}
.mt_15 {margin-top: 15px !important;}
.table-responsive {position: relative;}
.table-responsive .note {position: absolute; top: -28px; right: 0;}
.table-responsive .basic_table {border-top-color: #00827e;}
.table-responsive th, .table-responsive td {padding: 12px 5px; word-break: keep-all;}
.table-responsive .basic_table thead th, .table-responsive .basic_table tbody th {background-color: #f4fcfc;}
.table-responsive table .text-left {text-align: left;}
.table-responsive table tbody .big-title {font-weight: 600;background-color: #00827e;color: #fff;}
.table-responsive  table .normal {color:#00827e;}
.table_scroll.right {display: none;}
@media (max-width:490px) {
    .table-responsive {overflow-x: scroll;position:relative}
    .table-responsive table {width: 998px;}
    .table_scroll.right {display: block;position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0);}
}

/* sub02_03_01 공약총괄도표 */
.s020301 .promise_table_img{width: 100%; position:relative; padding: 300px 0; box-sizing:border-box; border: 1px solid #e3e3e3;}
.s020301 .promise_table_img .logo_img{width: 100%; height: 100px; position:absolute; top: 83px; text-align: center; z-index:2; }
.s020301 .promise_table_img:before{content:""; display: block; width: 330px; height: 330px;  background:url("/images/gunsu/sub02/promise_back.png") ; background-size:cover; background-position: center; position:absolute; left:50%; top:50%; display: block; z-index:1; transform: translate(-50%, -50%) rotate(0deg);  animation:bgrotation 3s linear infinite; border-radius:50%; }
.s020301 .promise_table_img .title { width: 290px; height: 290px; background:white; border-radius: 50%; display: inline-block; text-align:center; position: relative; z-index:1; padding:20px; box-sizing:border-box; }
.s020301 .promise_table_img .title h3{ width: 250px; height: 250px; background:url("/images/gunsu/sub02/promise_back2.png") no-repeat; background-size:cover; color:white; background-position: center;  border-radius: 50%; font-size:20px; font-weight:normal; line-height:250px; display: inline-block; text-align:center; position: relative; z-index:2; }
.s020301 .promise_table_img .title h3:after{ content:''; display: block; position: absolute; width: 1px; height: 74px; background: white; left: 125px; top:85px; transform: rotate(45deg);}
.s020301 .promise_table_img .title h3 strong{display: inline-block; padding: 0 2px; font-family: 'mont'; font-size: 30px; font-weight:bold;}
.s020301 .promise_table_img .title h3 span{position:absolute; font-family: 'gmarket';}
.s020301 .promise_table_img .title h3 span:nth-child(1){ top:80px; left:42px;}
.s020301 .promise_table_img .title h3 span:nth-child(2){ top:123px; right: 31px; }

.s020301 .promise_table_img .promise_list{position:absolute; width: 480px; height: 480px; border:1px dashed #96afd5; border-radius:50%; left:50%; top:50%; transform:translate(-50%, -50%); }
.s020301 .promise_table_img .promise_list:before{content:''; display: block; background:white; width: 100%; height: 150px; position:relative; top:-10px; }
.s020301 .promise_table_img .promise_list li{display: flex; align-items: center; flex-direction: column; width: 150px; height: 150px; padding-top: 30px; border:2px solid #16898b; position: absolute; border-radius: 50%;  background:white; box-sizing: border-box; overflow: hidden; opacity: 0;}
.s020301 .promise_table_img .promise_list li:nth-child(1){top: calc(50% - 75px); left: calc(50% - 75px); border:2px solid #0c8884; animation: CircleAnim01 1s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: forwards; animation-delay: 0;}
.s020301 .promise_table_img .promise_list li:nth-child(2){top: calc(50% - 75px); left: calc(50% - 75px); border:2px solid #00827e; animation: CircleAnim02 1s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: forwards; animation-delay: 0.15s;}
.s020301 .promise_table_img .promise_list li:nth-child(3){top: calc(50% - 75px); left: calc(50% - 75px); border:2px solid #6b7500; animation: CircleAnim03 1s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: forwards; animation-delay: 0.3s;}
.s020301 .promise_table_img .promise_list li:nth-child(4){top: calc(50% - 75px); left: calc(50% - 75px); border:2px solid #a67200; animation: CircleAnim04 1s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: forwards; animation-delay: 0.45s;}
.s020301 .promise_table_img .promise_list li:nth-child(5){top: calc(50% - 75px); left: calc(50% - 75px); border:2px solid #d39308; animation: CircleAnim05 1s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: forwards; animation-delay: 0.6s;}
.s020301 .promise_table_img .promise_list li::before {content: ""; display: inline-block; position: absolute; width: 70px; height: 70px; background: url(/images/gunsu/sub02/promise_ir.png) no-repeat;}
.s020301 .promise_table_img .promise_list li:nth-child(1)::before {background-position: 0 0; top: 50%; right: -17px; transform: translateY(-50%);}
.s020301 .promise_table_img .promise_list li:nth-child(2)::before {background-position: -70px 0; bottom: 10px; left: -12px;}
.s020301 .promise_table_img .promise_list li:nth-child(3)::before {background-position: -140px 0; bottom: 6px; right: 8px;}
.s020301 .promise_table_img .promise_list li:nth-child(4)::before {background-position: -210px 0; top: 50%; right: -15px; transform: translateY(-50%);}
.s020301 .promise_table_img .promise_list li:nth-child(5)::before {background-position: -280px 0; top: 50%; left: -13px; transform: translateY(-50%);}
.s020301 .promise_table_img .promise_list li .promise-num {color:#1b9d8e; font-family: 'gmarket'; font-size: 18px;}
.s020301 .promise_table_img .promise_list li:nth-child(1) .promise-num {color: #0c8884;}
.s020301 .promise_table_img .promise_list li:nth-child(2) .promise-num {color: #00827e;}
.s020301 .promise_table_img .promise_list li:nth-child(3) .promise-num {color: #6b7500;}
.s020301 .promise_table_img .promise_list li:nth-child(4) .promise-num {color: #a67200;}
.s020301 .promise_table_img .promise_list li:nth-child(5) .promise-num {color: #d39308;}
.s020301 .promise_table_img .promise_list li .promise-num b {display: inline-block; padding: 0 2px; font-family: 'mont'; font-weight: bold; font-size: 28px;}
.s020301 .promise_table_img .promise_list li .promise-desc {color: #666; font-weight: bold; line-height: 1.3;}

/*버튼의 타겟링크*/
.s020301 .button.basic {margin-left: 15px;}
.s020301 .button.basic a, .s020401 .h2 .button.basic a {font-size: 14px;}
.s020301 .button.basic a [target="_blank"]{background:url(/images/prog/common/btn_seocheon.gif);}

@media (min-width:691px) {
    @keyframes CircleAnim01 {
        0% {left: calc(50% - 75px); top: calc(50% - 75px); opacity: 0;}
        100% {left: -80px; top: 94px; opacity: 1;}
    }
    @keyframes CircleAnim02 {
        0% {left: calc(50% - 75px); top: calc(50% - 75px); opacity: 0;}
        100% {left: -47px; top: 323px; opacity: 1;}
    }
    @keyframes CircleAnim03 {
        0% {left: calc(50% - 75px); top: calc(50% - 75px); opacity: 0;}
        100% {left: 163px; top: 424px; opacity: 1;}
    }
    @keyframes CircleAnim04 {
        0% {left: calc(50% - 75px); top: calc(50% - 75px); opacity: 0;}
        100% {left: 380px; top: 323px; opacity: 1;}
    }
    @keyframes CircleAnim05 {
        0% {left: calc(50% - 75px); top: calc(50% - 75px); opacity: 0;}
        100% {left: 413px; top: 94px; opacity: 1;}
    }
}
@media(max-width: 690px) {
    @keyframes CircleAnim01 {
        0% {transform: translateY(-15px); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }
    @keyframes CircleAnim02 {
        0% {transform: translateY(-15px); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }
    @keyframes CircleAnim03 {
        0% {transform: translateY(-15px); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }
    @keyframes CircleAnim04 {
        0% {transform: translateY(-15px); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }
    @keyframes CircleAnim05 {
        0% {transform: translateY(-15px); opacity: 0;}
        100% {transform: translateY(0); opacity: 1;}
    }

    .s020301 .promise_table_img{width: auto; position: static; padding:30px 20px; margin-bottom: 50px;}
    .s020301 .promise_table_img .logo_img{height: auto; position: static; }
    .s020301 .promise_table_img:before{display: none;}

    .s020301 .promise_table_img .title{width: 100%; height: 110px; background: url("/images/gunsu/sub02/promise_mobile_bg.jpg") no-repeat; background-size: cover; background-position: center; border-radius: 15px; display: block; text-align:center; position: static; z-index:1; padding:30px 0; box-sizing:border-box;  margin-bottom: 30px; margin-top: 50px; color: white;}
    .s020301 .promise_table_img .title h3{width: 100%; height: auto; background:none;  color:inherit;  border-radius: none; font-size:inherit; font-weight:normal; line-height:1; display: block; text-align:center; position: relative; z-index:2;}
    .s020301 .promise_table_img .title h3:after{content:''; display: block; position: absolute; width: 1px; height: 74px; background: white; left: 50%; top:-15px; transform: rotate(45deg) translateX(-50%);}

    .s020301 .promise_table_img .title h3 span{font-size:20px; line-height: 1.1; }
    .s020301 .promise_table_img .title h3 span:nth-child(1){ top:-3px; right:160px; }
    .s020301 .promise_table_img .title h3 span:nth-child(2){ top:15px; left:152px; }
    .s020301 .promise_table_img .title h3 span strong{font-size:30px; margin :0 3px;}

    .s020301 .promise_table_img .promise_list{position:static; width: 100%; height: auto; border:none; border-radius:0; transform:none; }
    .s020301 .promise_table_img .promise_list:before{display: none; }

    .s020301 .promise_table_img .promise_list li{width: 100%; height: auto; padding: 20px;  border:none; position: relative;  border-radius: 10px;  background:none;  margin:10px 0; left: auto !important; top: auto !important;}
    .s020301 .promise_table_img .promise_list li:nth-child(1){border:1px solid #0c8884;}
    .s020301 .promise_table_img .promise_list li:nth-child(2){border:1px solid #00827e;}
    .s020301 .promise_table_img .promise_list li:nth-child(3){border:1px solid #6b7500;}
    .s020301 .promise_table_img .promise_list li:nth-child(4){border:1px solid #a67200;}
    .s020301 .promise_table_img .promise_list li:nth-child(5){border:1px solid #d39308;}
    .s020301 .promise_table_img.center .promise_list li::before {top: auto; bottom: 0; left: auto; right: -10px; transform: translateY(0);}
    .s020301 .promise_table_img .promise_list li .promise-num {color:auto; font-size: inherit; margin-right:10px;}
    .s020301 .promise_table_img .promise_list li .promise-desc {line-height: 1; font-size: 16px;}
    .s020301 .promise_table_img .promise_list li .promise-desc br {display: none;}
}
/* sub02_03_01 공약총괄도표 End */

/* sub02_03_03 공약지도 */
.s020303 .pledge-wrap {padding: 30px; background-color: #f8f8f8; border-radius: 10px;}
.s020303 .pledge-wrap .pledge-logo {text-align: right;}
.s020303 .pledge-wrap .pledge-map .pledge-boxs {display: flex; flex-wrap: wrap;} 
.s020303 .pledge-wrap .pledge-map .pledge-box {margin-top: 25px; background-color: #fff; border-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); overflow: hidden;;}
.s020303 .pledge-wrap .pledge-map .pledge-box01 {display: none; width: 100%;}
.s020303 .pledge-wrap .pledge-map .pledge-box02 {width: calc(100% - 200px); margin-right: 10px;}
.s020303 .pledge-wrap .pledge-map .pledge-box03 {width: 190px; flex-shrink: 0;}
.s020303 .pledge-wrap .pledge-map .pledge-box .pledge-title {padding: 25px 15px 17px 25px;}
.s020303 .pledge-wrap .pledge-map .pledge-box01 .pledge-title {background-color: #00827e;}
.s020303 .pledge-wrap .pledge-map .pledge-box02 .pledge-title {background-color: #dc4747;}
.s020303 .pledge-wrap .pledge-map .pledge-box03 .pledge-title {background-color: #d29000; padding-left: 20px;}
.s020303 .pledge-wrap .pledge-map .pledge-box .pledge-title strong {font-family: 'gmarket'; font-weight: bold; font-size: 20px; color: #fff;}
.s020303 .pledge-wrap .pledge-map .pledge-box .pledge-content {padding: 20px;}
.s020303 .pledge-wrap .pledge-map .pledge-box .pledge-content .pledge-list {display: flex; flex-wrap: wrap;}
.s020303 .pledge-wrap .pledge-map .pledge-list .pledge-item {padding: 5px;}
.s020303 .pledge-wrap .pledge-map .pledge-list .pledge-item a {display: block; width: 50px; border-radius: 15px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; line-height: 30px;}
.s020303 .pledge-wrap .pledge-map .pledge-list .pledge-item a:hover,
.s020303 .pledge-wrap .pledge-map .pledge-list .pledge-item a:focus {transform: scale(1.03);}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item a,
.s020303 .pledge-wrap .pledge-map .pledge-box01 .pledge-list .pledge-item a {background-color: #00827e;}
.s020303 .pledge-wrap .pledge-map .pledge-box02 .pledge-list .pledge-item a {background-color: #dc4747;}
.s020303 .pledge-wrap .pledge-map .pledge-box03 .pledge-list .pledge-item a {background-color: #d29000;}
.s020303 .pledge-wrap .pledge-map .map-area {position: relative; max-width: 825px; margin: 0 auto 13.3333333%;}
.s020303 .pledge-wrap .pledge-map .map-area .line {position: absolute; width: 60px; height: 1px; border: 2px solid #fff; background-color: #00827e; box-sizing: content-box;}
.s020303 .pledge-wrap .pledge-map .map-area .line::before {content: ""; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; border: 2px solid #fff; background-color: #00827e; box-sizing: content-box;}
.s020303 .pledge-wrap .pledge-map .map-area .line03::before {right: auto; left: 0;}
.s020303 .pledge-wrap .pledge-map .map-area .line01 {top: 60%; left: 42.5%;}
.s020303 .pledge-wrap .pledge-map .map-area .line02 {top: 90%; left: 42.5%;}
.s020303 .pledge-wrap .pledge-map .map-area .line03 {top: 90%; left: 64.5%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item {padding: 0;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item a {position: absolute;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item01 a {top: 58%; left: 21%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item02 a {top: 58%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item03 a {top: 58%; left: 35%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item04 a {top: 65%; left: 21%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item05 a {top: 65%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item06 a {top: 72%; left: 21%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item07 a {top: 72%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item08 a {top: 88%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item09 a {top: 108.8%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item10 a {top: 95%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item11 a {top: 88%; left: 35%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item12 a {top: 102%; left: 28%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item13 a {top: 108.8%; left: 35%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item14 a {top: 88%; left: 74%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item15 a {top: 88%; left: 81%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item16 a {top: 95%; left: 74%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item17 a {top: 95%; left: 81%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item18 a {top: 102%; left: 74%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item19 a {top: 20.4%; left: 13.8%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item20 a {top: 25.8%; left: 34.6%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item21 a {top: 19.7%; left: 48.6%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item22 a {top: 40.5%; left: 43.7%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item23 a {top: 21%; left: 63.4%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item24 a {top: 28.5%; left: 74.6%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item25 a {top: 35.5%; left: 74.6%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item26 a {top: 45.8%; left: 65.8%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item27 a {top: 57.5%; left: 70.3%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item28 a {top: 72%; left: 75%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item29 a {top: 51.4%; left: 84%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item30 a {top: 51.4%; left: 84%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item31 a {top: 95%; left: 35%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item32 a {top: 51.4%; left: 91%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item33 a {top: 13.8%; left: 13.7%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item34 a {top: 102%; left: 35%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item35 a {top: 13.8%; left: 20.6%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item36 a {top: 74.7%; left: 54.9%;}
.s020303 .pledge-wrap .pledge-map .map-area .pledge-list .pledge-item.item37 a {top: 25.8%; left: 27.8%;}
@media (max-width:1300px) {
    .s020303 .pledge-wrap .pledge-map .pledge-box02 {width: 100%; margin-right: 0;}
    .s020303 .pledge-wrap .pledge-map .pledge-box03 {width: 100%;}
}
@media (min-width:861px) {
    .s020303 .pledge-wrap .pledge-map .map-area .mobile-map {display: none;}
}
@media (max-width:860px) {
    .s020303 .pledge-wrap {padding: 25px;}
    .s020303 .pledge-wrap .pledge-map .pledge-box01 {display: block;}
    .s020303 .pledge-wrap .pledge-map .pledge-box .pledge-title {padding: 15px 15px 8px 20px;}
    .s020303 .pledge-wrap .pledge-map .map-area {margin: 10% auto;}
    .s020303 .pledge-wrap .pledge-map .map-area .pc-map,
    .s020303 .pledge-wrap .pledge-map .map-area .pledge-list,
    .s020303 .pledge-wrap .pledge-map .map-area .line {display: none;}
    .s020303 .pledge-wrap .pledge-map .pledge-box .pledge-content .pledge-list:not(:first-child) {margin-top: 20px;}
}
/* sub02_03_03 공약지도 End */

/* 절차도 */
.prc.type5{background-color: #f6f7f9;}
.prc.type5 > li{position: relative;float:left;margin:26px 21.5px 26px 26px;padding: 10px;width: calc(25% - 48px);min-height: 150px; text-align:center;border: 1px solid #aabac8;border-radius: 10px; background-color: #fff;border-radius: 20px 20px 20px 0;}
.prc.type5 > li:before{content:'';display:block;position:absolute;top:50%;;right:-32px;width:32px;height:13px;margin-top:-6.5px;background:url(/images/gunsu/sub02/step-icon2.png) no-repeat;}
.prc.type5.step3 > li{width:calc(33.3% - 48px);}
.prc.type5.step5 > li{width:calc(20% - 48px);}
.prc.type5 > li .inner{display:block;padding:0;width:100%;height:100%;}
.prc.type5 > li .inner .num{width: 40px;margin: 0 auto 10px;background-color: #00827e;border-radius: 9px;color: #fff;font-size: 14px;line-height: 20px;}
.prc.type5 > li .prc__title{display:block;margin-bottom: 0;color:#005351;font-size:16px;font-weight: bold;}
.prc.type5 > li .prc__text{display:block;margin-top: 10px;padding-top: 10px;border-top: #c0d3e2 1px solid;font-size: 15px;line-height: 20px;color: #767676;}

.prc.type5.step3 > li:nth-child(4),
.prc.type5.step3 > li:nth-child(5),
.prc.type5.step3 > li:nth-child(6),
.prc.type5.step3 > li:nth-child(10),
.prc.type5.step3 > li:nth-child(11),
.prc.type5.step3 > li:nth-child(12),
.prc.type5.step4 > li:nth-child(5),
.prc.type5.step4 > li:nth-child(6),
.prc.type5.step4 > li:nth-child(7),
.prc.type5.step4 > li:nth-child(8),
.prc.type5.step4 > li:nth-child(13),
.prc.type5.step4 > li:nth-child(14),
.prc.type5.step4 > li:nth-child(15),
.prc.type5.step4 > li:nth-child(16),
.prc.type5.step5 > li:nth-child(6),
.prc.type5.step5 > li:nth-child(7),
.prc.type5.step5 > li:nth-child(8),
.prc.type5.step5 > li:nth-child(9),
.prc.type5.step5 > li:nth-child(10),
.prc.type5.step5 > li:nth-child(16),
.prc.type5.step5 > li:nth-child(17),
.prc.type5.step5 > li:nth-child(18),
.prc.type5.step5 > li:nth-child(19),
.prc.type5.step5 > li:nth-child(20){float:right}

.prc.type5.step3 > li:nth-child(4):before,
.prc.type5.step3 > li:nth-child(5):before,
.prc.type5.step3 > li:nth-child(6):before,
.prc.type5.step3 > li:nth-child(10):before,
.prc.type5.step3 > li:nth-child(11):before,
.prc.type5.step3 > li:nth-child(12):before,
.prc.type5.step4 > li:nth-child(5):before,
.prc.type5.step4 > li:nth-child(6):before,
.prc.type5.step4 > li:nth-child(7):before,
.prc.type5.step4 > li:nth-child(13):before,
.prc.type5.step4 > li:nth-child(14):before,
.prc.type5.step4 > li:nth-child(15):before,
.prc.type5.step5 > li:nth-child(6):before,
.prc.type5.step5 > li:nth-child(7):before,
.prc.type5.step5 > li:nth-child(8):before,
.prc.type5.step5 > li:nth-child(9):before,
.prc.type5.step5 > li:nth-child(10):before,
.prc.type5.step5 > li:nth-child(16):before,
.prc.type5.step5 > li:nth-child(17):before,
.prc.type5.step5 > li:nth-child(18):before,
.prc.type5.step5 > li:nth-child(19):before,
.prc.type5.step5 > li:nth-child(20):before{display:block;left:-32px;transform: translateY(-50%) rotate(-180deg);}

.prc.type5.step3 > li:nth-child(3):before,
.prc.type5.step3 > li:nth-child(6):before,
.prc.type5.step3 > li:nth-child(9):before,
.prc.type5.step4 > li:nth-child(4):before,
.prc.type5.step4 > li:nth-child(8):before,
.prc.type5.step4 > li:nth-child(12):before,
.prc.type5.step4 > li:nth-child(16):before,
.prc.type5.step5 > li:nth-child(5):before,
.prc.type5.step5 > li:nth-child(10):before,
.prc.type5.step5 > li:nth-child(15):before{display:block;top: auto;bottom:-24px;right: 0;left: 50%;transform: rotate(90deg);}
.prc.type5.step3 > li:last-child:before,
.prc.type5.step4 > li:last-child:before,
.prc.type5.step5 > li:last-child:before{display: none;}

@media (max-width: 1199px){
    .prc.type5.step5 > li:nth-child(5),
	.prc.type5.step5 > li:nth-child(6),
	.prc.type5.step5 > li:nth-child(7),
	.prc.type5.step5 > li:nth-child(8),
	.prc.type5.step5 > li:nth-child(13),
	.prc.type5.step5 > li:nth-child(14),
	.prc.type5.step5 > li:nth-child(15),
	.prc.type5.step5 > li:nth-child(16){float:right}
	.prc.type5.step5 > li:nth-child(9),
	.prc.type5.step5 > li:nth-child(10),
	.prc.type5.step5 > li:nth-child(11),
	.prc.type5.step5 > li:nth-child(12),
	.prc.type5.step5 > li:nth-child(17),
	.prc.type5.step5 > li:nth-child(18),
	.prc.type5.step5 > li:nth-child(19),
	.prc.type5.step5 > li:nth-child(20){float:left}
	.prc.type5.step5 > li{width: calc(25% - 48px);}
	.prc.type5.step5 > li:nth-child(4):before,
	.prc.type5.step5 > li:nth-child(8):before,
	.prc.type5.step5 > li:nth-child(12):before,
	.prc.type5.step5 > li:nth-child(16):before{display:block;top: auto;bottom:-24px;right: 0;left: 50%;transform: rotate(90deg);}
	.prc.type5.step5 > li:nth-child(5):before,
	.prc.type5.step5 > li:nth-child(13):before,
	.prc.type5.step5 > li:nth-child(14):before,
	.prc.type5.step5 > li:nth-child(15):before{display:block;left:-32px;bottom: 50%;margin-bottom: -6.5px; transform: translateY(-50%) rotate(-180deg);}
	.prc.type5.step5 > li:nth-child(9):before,
	.prc.type5.step5 > li:nth-child(10):before,
	.prc.type5.step5 > li:nth-child(11):before,
	.prc.type5.step5 > li:nth-child(17):before,
	.prc.type5.step5 > li:nth-child(18):before,
	.prc.type5.step5 > li:nth-child(19):before{top: 50%;left: auto;right: -32px;width: 32px;height: 13px;margin-top: -6.5px;transform: rotate(0deg);}
	.prc.type5.step3 > li:last-child:before,
	.prc.type5.step4 > li:last-child:before,
	.prc.type5.step5 > li:last-child:before{display: none;}
}

@media (max-width: 1023px){
    .prc.type5.step3 > li:last-child:before,
	.prc.type5.step4 > li:last-child:before,
	.prc.type5.step5 > li:last-child:before{display: none;}
}

@media(max-width:767px){
  .prc.type5.step3 > li,
	.prc.type5.step4 > li,
	.prc.type5.step5 > li{width:calc(50% - 48px);}

	.prc.type5.step5 > li:nth-child(5),
	.prc.type5.step5 > li:nth-child(6),
	.prc.type5.step5 > li:nth-child(9),
	.prc.type5.step5 > li:nth-child(10),
	.prc.type5.step5 > li:nth-child(13),
	.prc.type5.step5 > li:nth-child(14),
	.prc.type5.step5 > li:nth-child(17),
	.prc.type5.step5 > li:nth-child(18),
	.prc.type5.step4 > li:nth-child(5),
	.prc.type5.step4 > li:nth-child(6),
	.prc.type5.step4 > li:nth-child(9),
	.prc.type5.step4 > li:nth-child(10),
	.prc.type5.step4 > li:nth-child(13),
	.prc.type5.step4 > li:nth-child(14),
	.prc.type5.step4 > li:nth-child(17),
	.prc.type5.step4 > li:nth-child(18),
	.prc.type5.step3 > li:nth-child(5),
	.prc.type5.step3 > li:nth-child(6),
	.prc.type5.step3 > li:nth-child(9),
	.prc.type5.step3 > li:nth-child(10),
	.prc.type5.step3 > li:nth-child(13),
	.prc.type5.step3 > li:nth-child(14),
	.prc.type5.step3 > li:nth-child(17),
	.prc.type5.step3 > li:nth-child(18){float: left;}

	.prc.type5.step5 > li:nth-child(3),
	.prc.type5.step5 > li:nth-child(4),
	.prc.type5.step5 > li:nth-child(7),
	.prc.type5.step5 > li:nth-child(8),
	.prc.type5.step5 > li:nth-child(11),
	.prc.type5.step5 > li:nth-child(12),
	.prc.type5.step5 > li:nth-child(15),
	.prc.type5.step5 > li:nth-child(16),
	.prc.type5.step5 > li:nth-child(19),
	.prc.type5.step5 > li:nth-child(20),
	.prc.type5.step4 > li:nth-child(3),
	.prc.type5.step4 > li:nth-child(4),
	.prc.type5.step4 > li:nth-child(7),
	.prc.type5.step4 > li:nth-child(8),
	.prc.type5.step4 > li:nth-child(11),
	.prc.type5.step4 > li:nth-child(12),
	.prc.type5.step4 > li:nth-child(15),
	.prc.type5.step4 > li:nth-child(16),
	.prc.type5.step4 > li:nth-child(19),
	.prc.type5.step4 > li:nth-child(20),
	.prc.type5.step3 > li:nth-child(3),
	.prc.type5.step3 > li:nth-child(4),
	.prc.type5.step3 > li:nth-child(7),
	.prc.type5.step3 > li:nth-child(8),
	.prc.type5.step3 > li:nth-child(11),
	.prc.type5.step3 > li:nth-child(12),
	.prc.type5.step3 > li:nth-child(15),
	.prc.type5.step3 > li:nth-child(16),
	.prc.type5.step3 > li:nth-child(19),
	.prc.type5.step3 > li:nth-child(20){float: right;}

	.prc.type5.step5 > li:nth-child(2):before,
	.prc.type5.step5 > li:nth-child(4):before,
	.prc.type5.step5 > li:nth-child(6):before,
	.prc.type5.step5 > li:nth-child(8):before,
	.prc.type5.step5 > li:nth-child(10):before,
	.prc.type5.step5 > li:nth-child(12):before,
	.prc.type5.step5 > li:nth-child(14):before,
	.prc.type5.step5 > li:nth-child(16):before,
	.prc.type5.step5 > li:nth-child(18):before,
	.prc.type5.step4 > li:nth-child(2):before,
	.prc.type5.step4 > li:nth-child(4):before,
	.prc.type5.step4 > li:nth-child(6):before,
	.prc.type5.step4 > li:nth-child(8):before,
	.prc.type5.step4 > li:nth-child(10):before,
	.prc.type5.step4 > li:nth-child(12):before,
	.prc.type5.step4 > li:nth-child(14):before,
	.prc.type5.step4 > li:nth-child(16):before,
	.prc.type5.step4 > li:nth-child(18):before,
	.prc.type5.step3 > li:nth-child(2):before,
	.prc.type5.step3 > li:nth-child(4):before,
	.prc.type5.step3 > li:nth-child(6):before,
	.prc.type5.step3 > li:nth-child(8):before,
	.prc.type5.step3 > li:nth-child(10):before,
	.prc.type5.step3 > li:nth-child(12):before,
	.prc.type5.step3 > li:nth-child(14):before,
	.prc.type5.step3 > li:nth-child(16):before,
	.prc.type5.step3 > li:nth-child(18):before{display:block;top: auto;bottom:-24px;right: 0;left: 50%;margin-left: -16px;transform: rotate(90deg);}

	.prc.type5.step5 > li:nth-child(3):before,
	.prc.type5.step5 > li:nth-child(7):before,
	.prc.type5.step5 > li:nth-child(11):before,
	.prc.type5.step5 > li:nth-child(19):before,
	.prc.type5.step4 > li:nth-child(3):before,
	.prc.type5.step4 > li:nth-child(7):before,
	.prc.type5.step4 > li:nth-child(11):before,
	.prc.type5.step4 > li:nth-child(19):before,
	.prc.type5.step3 > li:nth-child(3):before,
	.prc.type5.step3 > li:nth-child(7):before,
	.prc.type5.step3 > li:nth-child(11):before,
	.prc.type5.step3 > li:nth-child(19):before{display: block;left: -32px;transform: translateY(-50%) rotate(-180deg);}

	.prc.type5.step3 > li:nth-child(3):before{top:50%;}

	.prc.type5.step5 > li:nth-child(5):before,
	.prc.type5.step5 > li:nth-child(9):before,
	.prc.type5.step5 > li:nth-child(13):before,
	.prc.type5.step5 > li:nth-child(17):before,
	.prc.type5.step4 > li:nth-child(5):before,
	.prc.type5.step4 > li:nth-child(9):before,
	.prc.type5.step4 > li:nth-child(13):before,
	.prc.type5.step4 > li:nth-child(17):before,
	.prc.type5.step3 > li:nth-child(5):before,
	.prc.type5.step3 > li:nth-child(9):before,
	.prc.type5.step3 > li:nth-child(13):before,
	.prc.type5.step3 > li:nth-child(17):before{top: 50%;left: auto;right: -32px;width: 32px;height: 13px;margin-top: -6.5px;transform: rotate(0deg);}

	.prc.type5.step3 > li:last-child:before,
	.prc.type5.step4 > li:last-child:before,
	.prc.type5.step5 > li:last-child:before{display: none;}
}

@media (max-width:500px){
	.prc.type5 > li {padding: 15px 10px;}
  .prc.type5.step3 > li,
	.prc.type5.step4 > li,
	.prc.type5.step5 > li{width:calc(100% - 48px);min-height: auto;}

	.prc.type5.step5 > li:nth-child(1):before,
	.prc.type5.step5 > li:nth-child(3):before,
	.prc.type5.step5 > li:nth-child(5):before,
	.prc.type5.step5 > li:nth-child(7):before,
	.prc.type5.step5 > li:nth-child(9):before,
	.prc.type5.step5 > li:nth-child(11):before,
	.prc.type5.step5 > li:nth-child(13):before,
	.prc.type5.step5 > li:nth-child(15):before,
	.prc.type5.step5 > li:nth-child(17):before,
	.prc.type5.step5 > li:nth-child(19):before,
	.prc.type5.step4 > li:nth-child(1):before,
	.prc.type5.step4 > li:nth-child(3):before,
	.prc.type5.step4 > li:nth-child(5):before,
	.prc.type5.step4 > li:nth-child(7):before,
	.prc.type5.step4 > li:nth-child(9):before,
	.prc.type5.step4 > li:nth-child(11):before,
	.prc.type5.step4 > li:nth-child(13):before,
	.prc.type5.step4 > li:nth-child(15):before,
	.prc.type5.step4 > li:nth-child(17):before,
	.prc.type5.step4 > li:nth-child(19):before,
	.prc.type5.step3 > li:nth-child(1):before,
	.prc.type5.step3 > li:nth-child(3):before,
	.prc.type5.step3 > li:nth-child(5):before,
	.prc.type5.step3 > li:nth-child(7):before,
	.prc.type5.step3 > li:nth-child(9):before,
	.prc.type5.step3 > li:nth-child(11):before,
	.prc.type5.step3 > li:nth-child(13):before,
	.prc.type5.step3 > li:nth-child(15):before,
	.prc.type5.step3 > li:nth-child(17):before,
	.prc.type5.step3 > li:nth-child(19):before{display:block;top: auto;bottom:-24px;right: 0;left: 50%;margin: 0 0 0 -16px;transform: rotate(90deg);}

	.prc.type5.step3 > li:last-child:before,
	.prc.type5.step4 > li:last-child:before,
	.prc.type5.step5 > li:last-child:before{display: none;}
}

/* sub02_03_02 공약확정과정 */
.s020302 .process-wrap {}
.s020302 .process-banner {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 224px; background: url(/images/gunsu/sub02/sub02_03_04_img01.jpg) no-repeat center; background-size: cover; text-align: center;}
.s020302 .process-banner .banner-title {display: block; font-family: 'gmarket'; font-size: 30px; font-weight: bold; color: #fff;}
.s020302 .process-banner .banner-subtit {}
.s020302 .process-list {position: relative; margin-top: 45px;}
.s020302 .process-list::before {content: ""; display: block; position: absolute; top: 0; left: 113px; width: 63px; height: 100%; background: linear-gradient(180deg, rgba(210,144,0,1) 0%, rgba(0,130,126,1) 50%, rgba(56,81,120,1) 100%); opacity: 0.2;}
.s020302 .process-list .process-item {display: flex; position: relative;}
.s020302 .process-list .process-item:not(:first-child) {margin-top: 35px;}
.s020302 .process-list .process-item .item-title {display: flex; justify-content: center; align-items: center; flex-shrink: 0; position: relative; width: 290px; padding: 15px 40px; border-radius: 12px; text-align: center; overflow: hidden;}
.s020302 .process-list .process-item .item-title::before {content: ""; display: block; position: absolute; bottom: -3px; right: -6px; width: 143px; height: 71px;}
.s020302 .process-list .process-item.type01 .item-title {background-color: #d29000;}
.s020302 .process-list .process-item.type02 .item-title {background-color: #00827e;}
.s020302 .process-list .process-item.type03 .item-title {background-color: #385178;}
.s020302 .process-list .process-item.type01 .item-title::before {background: url(/images/gunsu/sub02/sub02_03_04_bg01.png) no-repeat;}
.s020302 .process-list .process-item.type02 .item-title::before {background: url(/images/gunsu/sub02/sub02_03_04_bg02.png) no-repeat;}
.s020302 .process-list .process-item.type03 .item-title::before {background: url(/images/gunsu/sub02/sub02_03_04_bg03.png) no-repeat;}
.s020302 .process-list .process-item .item-title strong {display: block; position: relative; font-size: 18px; font-weight: bold; color: #fff;}
.s020302 .process-list .process-item .item-desc {width: calc(100% - 5% - 290px); padding: 40px 30px; margin-left: 5%; border: 6px solid; border-radius: 12px; background-color: #fff;}
.s020302 .process-list .process-item.type01 .item-desc {border-color: #d29000;}
.s020302 .process-list .process-item.type02 .item-desc {border-color: #00827e;}
.s020302 .process-list .process-item.type03 .item-desc {border-color: #385178;}
.s020302 .process-list .process-item .item-desc > li {position: relative; padding-left: 15px; font-size: 16px; font-weight: bold;}
.s020302 .process-list .process-item .item-desc > li::before {content: ""; display: block; position: absolute; top: 8px; left: 0; width: 10px; height: 10px; border: 3px solid; border-radius: 50%; background-color: #fff; box-sizing: border-box;}
.s020302 .process-list .process-item .item-desc > li:not(:first-child) {margin-top: 15px;}
.s020302 .process-list .process-item.type01 .item-desc > li::before {border-color: #d29000;}
.s020302 .process-list .process-item.type02 .item-desc > li::before {border-color: #00827e;}
.s020302 .process-list .process-item.type03 .item-desc > li::before {border-color: #385178;}
@media (max-width:767px) {
    .s020302 .process-list::before {left: 50%; transform: translateX(-50%);}
    .s020302 .process-list .process-item {flex-direction: row; flex-wrap: wrap;}
    .s020302 .process-list .process-item .item-title {flex-shrink: 1; width: 100%;}
    .s020302 .process-list .process-item .item-desc {width: 100%; margin-top: 10px; margin-left: 0;}
}
/* sub02_03_02 공약확정과정 End */

/*sub0107 송년사*/
.s0107 {margin-top: 70px;padding: 0 20px;}
.s0107 p {margin-top: 30px;font-size: 15px;color: #333;font-weight: normal;line-height: 23px;letter-spacing: 0;}
.s0107 .greeting{position:relative; width:100%}
.s0107 .greeting .topbox{position:relative;display:block;top:0px;width:100%;height:270px;margin-bottom: 65px;background:url(/images/gunsu/sub01/s0107_topimg.png) no-repeat;background-size: cover;background-position: center top;padding: 40px 30px;}
.s0107 .greeting .topbox .sub_tit{width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:27px;font-family: 'Nanum Myeongjo', serif;font-weight:500}
.s0107 .greeting .topbox2{display:block;width:100%;height: 10px;background:url(/images/gunsu/sub01/s0107_lineimg.png) no-repeat;background-position: center top;padding: 10px 30px;margin-top: 45px;}
.s0107 .greeting .topbox3{display:block;width:100%;height: 168px;background:url(/images/gunsu/sub01/s0107_botimg.png) no-repeat;background-position: center top;padding: 20px 30px; margin-top:100px;}
.s0107 .greeting .topbox3:before{content:'';background:url(/images/gunsu/sub01/s0107_bot_leftimg.png) no-repeat;width: 472px;height: 205px;position:absolute;left: 0%;bottom: 0;}
.s0107 .greeting .topbox3:after{content:'';background:url(/images/gunsu/sub01/s0107_bot_rightimg.png) no-repeat;width: 257px;height: 198px;position:absolute;right: 0%;bottom: 105px;}
.s0107 .p_tit {display: block;margin-top: 50px;font-size: 18px;font-weight: bold;color: #222;line-height: 25px;letter-spacing: -0.04em;}
.s0107 p.last{margin-top:20px;}
@media (max-width: 767px){
	.s0107 .greeting .topbox3{margin-top:0px;height: 140px; background-size:cover;}
	.s0107 .greeting .topbox3:before,.s0107 .greeting .topbox3:after{display:none;}
}

@media (max-width: 400px){
	.s0107 .greeting .topbox .sub_tit{font-size: 16px}
}

/*sub0104 신년사*/
.s0104 {margin-top: 70px;padding: 0 20px;}
.s0104 p {margin-top: 30px;font-size: 15px;color: #333;font-weight: normal;line-height: 23px;letter-spacing: 0;}
.s0104 p b {color:#333;}
.s0104 .p_tit {display: block;margin-top: 50px;font-size: 22px;font-weight: bold;color: #222;line-height: 25px;letter-spacing: -0.04em;}
.s0104 p.last {margin-top:20px;}
.s0104 .greeting {position:relative; width:100%}
.s0104 .greeting .topbox {position:relative;display:block;top:0px;width:100%;height:270px;margin-bottom: 65px;background:url(/images/gunsu/sub01/s0104_topimg.png) no-repeat;background-size: cover;background-position: center top;padding: 40px 30px;}
.s0104 .greeting .topbox .sub_tit {width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);color:#fff;font-size: 27px;font-family: 'Nanum Myeongjo', serif;font-weight:700}
/*
.s0104 .greeting .topbox .sub_tit:before{content:'';background:url(/images/gunsu/sub01/s0104_topimg_left.png) no-repeat;width: 67px;height: 30px;position:absolute;left: 330px;bottom: 0;}
.s0104 .greeting .topbox .sub_tit:after{content:'';background:url(/images/gunsu/sub01/s0104_topimg_right.png) no-repeat;width: 67px;height: 30px;position:absolute;right: 327px;bottom: 0;}
*/
.s0104 .greeting .topbox2, .s0108 .greeting .topbox2 {display:block;width:100%;height: 10px;background:url(/images/gunsu/sub01/s0107_lineimg.png) no-repeat;background-position: center top;padding: 10px 30px;margin-top: 45px;}
.s0104 .greeting .topbox3{display:block;width:100%;height: 168px;background:url(/images/gunsu/sub01/s0104_botimg.png) no-repeat;background-position: 100%;padding: 20px 30px;margin-top:50px;}
.s0104 .greeting .topbox3:before{content:'';background:url(/images/gunsu/sub01/s0104_bot_leftimg.png) no-repeat;width: 472px;height: 205px;position:absolute;left: 0%;bottom: 0;}
.s0104 .greeting .topbox3:after{content:'';background:url(/images/gunsu/sub01/s0104_bot_rightimg.png) no-repeat;width: 257px;height: 198px;position:absolute;right: 0%;bottom: 105px;}

@media (max-width: 767px){
	.s0104 .greeting .topbox3{margin-top:0px;height: 140px; background-size:cover;}
	.s0104 .greeting .topbox3:before,.s0104 .greeting .topbox3:after{display:none;}
}


@media (max-width: 400px){
	.s0104 .greeting .topbox .sub_tit{font-size: 16px}
}

/* 굥약사업변경사업 */
.s020306 .basic_table td:first-child{border:1px solid #d9d9d9}

/*sub0108 알리는 글*/
.s0108 {margin-top: 70px;padding: 0 20px;}
.s0108 p {margin-top: 30px;font-size: 15px;color: #333;font-weight: normal;line-height: 23px;letter-spacing: -0.5px;}
.s0108 p b {color:#333;}
.s0108 .p_tit {display: block;font-size: 22px;font-weight: bold;color: #222;line-height: 25px;letter-spacing: -0.04em;}
.s0108 .greeting {position:relative; width:100%}
.s0108 .greeting .topbox {position:relative;display:block;top:0px;width:100%;height:360px; padding: 40px 30px; background: url(/images/gunsu/sub01/s0108_topimg01.png) no-repeat; background-size: cover; background-position: center top;}
.s0108 .greeting .topbox .sub_tit {width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);color:#fff;font-size: 27px;font-family: 'Nanum Myeongjo', serif;font-weight:700}
.s0108 .greeting .topbox .sub_tit b {position:relative; color: #d6d6d6; font-family: 'Nanum Myeongjo', serif;}
.s0108 .greeting .topbox .sub_tit b:after {content: ""; display: block; position: absolute; bottom:0; left:50%; transform:translateX(-50%); background-color:#d6d6d6; width: 10px; height: 1px;}
.s0108 p.last {margin-top: 80px; font-size: 22px;}