/* 1_군정기본방향 */

.government .government_process{display: flex; margin-top: 34px;}
.government .government_process img{display: block; width: 100%;}
.strategy h3{text-align: center; margin-top: 122px;}
.strategy h3 span{font-weight: 600; position: relative; font-size: 38px; color: #000; text-decoration: underline; text-underline-position: under;}
.strategy h3 span::before{content: ''; background: url(/page/mayor2024/images/content/strategy_tit_icon.png)no-repeat; width: 47px; height: 19px;
position: absolute; left: 50%; top: -49px; transform: translate(-50%);}
.strategy h3 strong{ color: #4f55dc; text-decoration-color: #4e43bf; text-decoration: underline;}
.strategy_wrap{display: flex; align-items: center; flex-wrap: wrap; margin-top: 55px;}
.strategy .strategy_txt,
.strategy .strategy_tit{width: 646px; height: 170px; position: relative; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 26px; background: #f6f6f6; border-radius: 55px;}
.strategy .strategy_tit::after{content: ''; background: url(/page/mayor2024/images/content/icon01.png)no-repeat; width: 24px; height: 27px;
position: absolute; right: -49px;}
.strategy .strategy_tit .box{width: 155px; height: 170px; border-radius: 55px; display: flex;  align-items: center; justify-content: center; background: #4e43bf;}
.strategy .strategy_tit .box img{width: 92px; height: 92px; display: block;}
.strategy .strategy_tit .box01{flex: 1; text-align: center;} 
.strategy .strategy_tit em{font-size: 28px; color: #1a2161; font-weight: 500; }
.strategy .strategy_tit em strong{font-weight: 700; color: #4f55dc;}
.strategy .strategy_txt{margin-left: 67px; padding-left: 76px;}
.strategy .strategy_txt ul li{position: relative; font-size: 20px; color: #222; padding-left: 17px;}
.strategy .strategy_txt ul li + li{margin-top: 8px;}
.strategy .strategy_txt ul li::before{content: ''; background: #363636; width: 5px; height: 5px; border-radius: 50%;
position: absolute; left: 0; top: 14px;}

@media (max-width:1399px) {
    .strategy .strategy_txt, .strategy .strategy_tit{width: 533px;}
    .strategy .strategy_txt{margin-left: 57px;}
    .strategy .strategy_tit::after{right: -46px;}
    .strategy .strategy_tit em{font-size: 24px;}
}

@media (max-width:1024px) {
    .strategy .strategy_txt, .strategy .strategy_tit{width: 464px;}
    .strategy .strategy_txt{margin-left: 56px;}
    .strategy .strategy_tit em{font-size: 18px;}
    .strategy .strategy_txt ul li{font-size: 16px;}
}

@media (max-width:991px) {
    .strategy_wrap{flex-direction: column; justify-content: center;}
    .strategy h3 span{font-size: 35px;}
    .strategy .strategy_txt,
    .strategy .strategy_tit{width: 100%; margin-bottom: 50px; justify-content: center;}
    .strategy .strategy_tit::after{bottom: -40px; left: 50%; right: auto; transform: rotate(90deg);}
    .strategy .strategy_tit .box01{text-align: left;}
    .strategy .strategy_tit .box01 em{padding-left: 90px;}
    .strategy .strategy_txt{margin-left: 0; padding-left: 0;}
}

@media (max-width:716px) {
    .strategy h3 span{font-size: 30px;}
    .strategy .strategy_txt, .strategy .strategy_tit{height: 95px; border-radius: 30px; margin-bottom: 40px; justify-content: flex-start;}
    .strategy .strategy_tit::after{width: 12px; height: 14px; bottom:-28px; background-size: cover;}
    .strategy .strategy_tit .box{width: 90px; height: 95px; border-radius: 30px;}
    .strategy .strategy_tit .box img{width: 60px; height: 60px;}
    .strategy .strategy_tit .box01{text-align: center;}
    .strategy .strategy_tit .box01 em{padding-left: 0; font-size: 15px;}
    .strategy .strategy_txt ul{padding-left: 45px;}
    .strategy .strategy_txt ul li{font-size: 14px;}
    .strategy .strategy_txt ul li::before{top: 8px;}
}

/* 2_매니페스토 */

.manifesto .manifesto_bx img{display: block; width: 100%;}
.manifesto .manifesto_bx{position: relative;  background: url(/page/mayor2024/images/content/manifesto_bg.png)no-repeat; padding: 0 36px; display: flex; flex-direction: column; text-align: center;  border-radius:50px;  min-height: 352px;}
.manifesto .manifesto_bx::before{content: ''; background: url(/page/mayor2024/images/content/icon02.png)no-repeat; width: 321px; height: 234px; position: absolute; left: 9px; bottom: -71px;}
.manifesto .manifesto_bx::after{content: ''; background: url(/page/mayor2024/images/content/icon03.png)no-repeat; width: 280px; height: 264px; position: absolute; right: 20px; bottom: -78px;}
.manifesto .manifesto_bx h3{font-size: 40px; color: #081139; font-weight: 600; padding-top: 41px; padding-bottom: 10px; border-bottom: 1px solid #979eb7;}
.manifesto .manifesto_bx p{font-size: 24px; color: #222; padding-top: 66px;}
.manifesto .explain > div{display: flex; align-items: center;}
.manifesto .explain > div span{font-size: 34px; margin-bottom: 10px; color: #081139; font-weight: 500; display: inline-block; padding-left: 7px;}
.manifesto .explain{margin-top: 177px;}
.manifesto .short_cut{display: flex; justify-content: center; }
.manifesto .short_wrap{  display: flex; margin-top: 52px;}
.manifesto .short_cut a{border: 7px solid #e4e4e4; border-radius: 53px;  padding: 14px 45px 22px; display: flex; align-items: center; justify-content: center; }
.manifesto .short_cut a span{color: #4660d3; font-size: 18px; font-weight: 600; padding-bottom: 7px; display: inline-block;}
.manifesto .short_cut a .view{margin-left: 55px; text-align: center;}
.manifesto .short_cut a .view img{height: 28px; display: block; transition: all .3s;}
.manifesto .short_cut a:hover .view img{transform: scale(1.1);}


@media (max-width:1399px) {
    .manifesto .manifesto_bx::before{bottom: -131px;}
    .manifesto .manifesto_bx::after{bottom: -141px;}
}

@media (max-width:1024px) {
    .manifesto .manifesto_bx::before{bottom: -140px;}
    .manifesto .manifesto_bx::after{bottom: -171px;}
}

@media (max-width:991px) {
    .manifesto .manifesto_bx::before{width: 200px; height: 145px; background-size: cover; bottom: -70px;}
    .manifesto .manifesto_bx::after{width: 200px; height: 189px; background-size: cover; bottom: -95px;}
    .manifesto .manifesto_bx h3{font-size: 35px;}
    .manifesto .manifesto_bx p{font-size: 20px;}
    .manifesto .explain{margin-top: 140px;}
    .manifesto .short_wrap{margin-top: 32px;}
}

@media (max-width:716px) {
    .manifesto .manifesto_bx{padding: 0 15px; min-height: 265px;}
    .manifesto .manifesto_bx::before{width: 150px; height: 109px; bottom: -47px; left: 0;}
    .manifesto .manifesto_bx::after{width: 150px; height: 141px; bottom: -59px; right: 0;}
    .manifesto .manifesto_bx h3{font-size: 18px; padding-top: 21px;}
    .manifesto .manifesto_bx p{font-size: 14px; padding-top: 36px; text-align: left;}
    .manifesto .manifesto_bx p br{display: none;}
    .manifesto .explain{margin-top: 90px;}
    .manifesto .short_cut a{padding: 14px 15px 12px; width: 100%;}
    .manifesto .short_wrap{width: 100%; margin-top: 12px;}
    .manifesto .explain > div span{font-size: 2.5rem; margin-bottom: 17px;}
    .manifesto .short_cut a .short_img img{height: 60px;}
    .manifesto .short_cut a span{font-size: 14px;}
    .manifesto .short_cut a .view{margin-left: 20px;}
    .manifesto .short_cut a .view img{height: 20px;}
    .manifesto  .pgraph br{display: none;}
}

/* 4_역대군수 */

.governor > div{margin-top: -41px;}
.governor > div img{display: block; max-width: 100%;}
.governor .governor_history{margin-top: 67px;}


@media (max-width:1399px) {
    .governor > div{margin-top: -31px;}
}

@media (max-width:991px) {
    .governor .governor_history{margin-top: 47px;}
    .governor > div{margin-top: -21px;}
}

@media (max-width:716px) {
    .governor > div{margin-top: -11px;}
}

/* 5_인사말 */

.greeting{position: relative; height: 496px; margin-top: -88px;}
.greeting::before{content: ''; background: url(/page/mayor2024/images/content/greeting_bg.png)no-repeat; width: 1920px; height: 496px;
position: absolute; left: 50%; top: 0; z-index: -1; margin-left: -960px;}
.greeting .greeting-tit{position: relative;}
.greeting h3{position: relative; font-family: 'NanumMyeongjo'; font-weight: 600; font-size: 83px; color: #fff; position: absolute; bottom: -28px;
text-shadow: 1px 1px 10px rgba(0,0,0,.5);}
.greeting h3::before{content: ''; background: url(/page/mayor2024/images/content/icon07.png)no-repeat; width: 94px; height: 82px;
position: absolute; left: -6px; top: -91px;}
.introduce{display: flex; margin-top: 69px;}
.introduce .img_bx img{display: block; margin-bottom: 24px;}
.introduce .introduce_wrap{margin-left: 113px; margin-top: 66px;}
.introduce .introduce_wrap > strong{position: relative; font-size: 36px; line-height: 2; font-family: 'NanumMyeongjo'; font-weight: 700; color: #141414; text-decoration: underline; text-underline-position: under;}
.introduce .introduce_wrap > strong::before{content: ''; background: url(/page/mayor2024/images/content/icon06.png)no-repeat; width: 167px; height: 179px; position: absolute; left: -123px; top: -44px; z-index: -1;}
.introduce .introduce_wrap strong em{color: #4f55dc; text-decoration: underline;}
.introduce .introduce_wrap p{padding-top: 39px; font-size: 18px; font-weight: 400; color: #000; line-height: 2;}
.introduce .introduce_wrap p strong{font-weight: 500;}
.name{text-align: right; padding-top: 26px;}
.name em{font-size: 24px; color: #000;}

@media (max-width:1399px) {
    .greeting h3{font-size: 70px; bottom: -21px;}
    .introduce .introduce_wrap{margin-left: 75px;}
    .introduce .img_bx img{margin-bottom: 0;}
    .introduce .introduce_wrap p br{display: none;}
}

@media (max-width:991px) {
    .greeting{margin-top: -47px;}
    .greeting h3{font-size: 60px;}
    .introduce{flex-direction: column;}
    .introduce .introduce_wrap{margin-left: 0; margin-top: 96px;}
    .introduce .img_bx img{width: 100%;}
    .introduce .introduce_wrap > strong::before{width: 83.5px; height: 89.5px; left: -16px; background-size: cover;}

}

@media (max-width:716px) {
    .greeting{height: 343px;}
    .greeting::before{width: 590px; height: 343px; margin-left: -295px; background-image: url(/page/mayor2024/images/content/topimg.jpg) !important;
  }
    .introduce{margin-top: 39px;}
    .greeting h3{font-size: 30px; bottom: -7px;}
    .greeting h3::before{width: 47px; height: 41px; left: 0; top: -41px; background-size: cover;}
    .introduce .introduce_wrap{margin-top: 66px;}
    .introduce .introduce_wrap > strong{font-size: 25px;}
    .introduce .introduce_wrap p{font-size: 14px; padding-top: 19px;}
    .name em{font-size: 18px;}
}


/* 6_주요약력소개 */

.history{position:relative; display: flex;}
.history .bx{position:relative; margin-left: 116px;}
.history .bx h5{position:absolute; letter-spacing:-2px;  line-height:1;color:#555;font-size:100px;left:13%;top:62px;}
.history .bx h5:nth-of-type(2){top:245px;}
.history .bx h5:nth-of-type(3){top:423px;}
.history .bx .line{display:block;position:absolute;top:0;bottom:0;left:0;width:1px;background:#4f55dc;}
.history .bx .first_bx{display:block; width:164px;height:107px; background: url(/page/mayor2024/images/content/academic.png)no-repeat; position: relative; z-index:1; margin-left: -54px;}
.history .bx > div{padding-top: 32px;}
.history .bx .v2{padding-top: 7px;}
.history .bx p{position:relative;padding-left:27px; padding-top: 21px; font-size: 18px; color:#111; font-weight: 400;}
.history .bx p:after{content:'';display:block;width:7px;height:7px; background:#4f55dc;z-index:1;position:absolute;top:31px;left:-3px;box-sizing:border-box;border-radius:50%;}
.history .bx .v2 p:last-child{padding-bottom: 43px;}
.history .bx .line::before{content: ''; display: block; width: 15px; height: 15px; background: #4f55dc;
position: absolute; bottom: 0; left: -7px;  border-radius: 50%;}
.history .bx p span{display:inline-block; padding-left: 7px;}
.history .bx p strong{min-width: 158px; display: inline-block;  padding-left: 2px;}
.history .bx .second_bx{display: block; margin-top: 78px;  width:164px;height:107px; background: url(/page/mayor2024/images/content/career.png)no-repeat; position: relative; z-index:1; margin-left: -54px;}


@media (max-width:1199px) {
  .history .pyeongchang_governor img{width: 100%;}
  .history .bx p{position:relative; font-size: 16px;}
  .history .bx p span{display: block; padding-left: 0; }
  .history .bx .v2 p span{padding-top: 5px;}
}

@media (max-width:991px) {
  .history .bx p{position:relative; padding-left:20px;}
}

@media (max-width:760px) {
  .history{flex-direction: column;}
  .history .bx{margin-top: 45px; margin-left: 0;}
  .history .bx > div{padding-top: 0;}
  .history .bx .first_bx,
  .history .bx .second_bx{margin-left: 0;}
  .history .bx .second_bx{margin-top: 45px;}
  .history .bx .line{left: 54px;}
  .history .bx p{position:relative;padding-left:74px;}
  .history .bx p:after{left: 51px;}
  .history .bx p span{font-size:15px; padding-top: 2px;} 
  .history .bx .v2 p strong{padding-top: 2px;}
}

/* 7_공약사항 */

.pledge .pledge_bx{background: #eaeaea; padding: 38px 0; margin-bottom: 50px; border-radius: 50px; display: flex; justify-content: center;}
.pledge .pledge_bx em{display: inline-block; width: 34px; height: 34px; margin-top: -2px; margin-right: 9px; background: #f53e5d; border-radius: 50%;}
.pledge .pledge_bx .blue{background: #4b5bbe;}
.pledge .pledge_bx .green{background: #34a999;}
.pledge .pledge_bx .purple{background: #8629ce;}
.pledge .pledge_bx strong{font-size: 18px; color: #010101; margin-right: 180px; display: inline-block;}
.pledge .pledge_bx strong:last-child{margin-right: 0;}
.pledge .skinTb >thead >tr{border: none;}
.pledge .skinTb >thead >tr >th{border-width: 1px 1px 0 1px;}
.pledge .skinTb >tbody >tr >th{border-width: 1px 1px 1px 1px;}
.pledge .skinTb >tbody >tr >td{border-width: 1px; position: relative;}
.pledge .skinTb >tbody [rowspan] + td{border-right: 1px solid #ddd;}
.pledge .skinTb >tbody [rowspan]{border-right: 1px solid #ddd;}
.fulfill{padding-bottom: 50px;}
.fulfill > div{text-align: right; margin-top: -25px;}
.fulfill > div span{font-size: 18px; color: #666; display: inline-block;}
.fulfill > div img{display: block; max-width: 100%;}
.propel .propel_wrap{padding-top: 20px;}
.pledge .graph{overflow: hidden;}
.pledge .graph img{}

@media (max-width:1399px) {
    .pledge .pledge_bx strong{margin-right: 50px;}
}
@media (max-width:760px) {
    .fulfill{padding-bottom: 40px;}
    .fulfill > div span{font-size: 14px; }
    .pledge .pledge_bx{flex-wrap: wrap; justify-content: flex-start; padding: 28px 15px;}
    .pledge .pledge_bx em{width: 17px; height: 17px; margin-top: 3px;}
    .pledge .pledge_bx strong{font-size: 12px; margin-right: 70px; flex: 1 29%;}
    .pledge .pledge_bx strong:nth-child(4){margin-right: 0;}
    
}

@media (max-width:414px) {
    .pledge .pledge_bx strong{flex: 1 30%;}
}

@media (max-width:390px) {
    .pledge .pledge_bx strong{flex: 1 29%;}
}