@charset "utf-8";
@import url('/data/intro_2021/css/GmarketSans.css');
@import url('/Main/design_new/common/css/Tenada.css');

/*공통*/
h4 { position:relative; /* font-family:'GmarketSans', sans-serif; */ text-align:center; font-size:3rem; padding-top:2.5rem; margin:5rem 0 3rem; font-weight:600; line-height:1.3; }
h4::before {content:''; position:absolute; top:0; left:50%; width:1px; height:2rem; background:#0a1d35;}
h4 .subT { display:block; font-size:1.4rem; font-weight:500; color:#777; }
h4.left {text-align:left; padding-top:0;}
h4.left::before {display:none;}
h5 { font-size:2.3rem; margin:5rem 0 2rem; font-weight:600; color:#047E8B; }
h5 span { position:relative; display:inline-block; padding-right:15px;}
h5 span::after { content:''; position:absolute; /*right:0;*/ bottom:5px; width:8px; height:8px; margin-left:10px; border-radius:50%; background:#047E8B; }
h6 {font-size:2rem; margin:2rem 0 1.5rem;}
a.btnSt { position:relative; display:inline-block; background:#b9005d; color:#fff; border:3px solid #b9005d; border-radius:5px; padding:1rem 5rem 1rem 2rem; margin:0.2rem; font-weight:600; transition:all 0.3s ease-in-out;}
a:focus.btnSt {outline:2px dashed #000;}
a.btnSt:hover {border:3px solid #0a1d35; color:#0a1d35; background:#fff; }
a.btnSt::before {content:''; position:absolute; right:1rem; top:50%; width:3rem; height:3rem; margin-top:-1.5rem; background-image:url('/Main/Images/new/governor/sub/btnSt.png'); background-repeat:no-repeat; background-size:auto 6rem; transition:all 0.3s ease-in-out; }
a.btnSt.down::before {background-position:0 0;}
a.btnSt.down:hover::before {background-position:0 -3rem;}
a.btnSt.blank::before {background-position:-3rem 0;}
a.btnSt.blank:hover::before {background-position:-3rem -3rem;}
#content .depth1, #content .depth2 {margin:1rem 0;}
#content .depth1 > li {position:relative; padding:0.7rem 0 0.7rem 15px;}
#content .depth1 > li::before {content:''; position:absolute; left:0; top:1.8rem; width:5px; height:5px; background:#0a1d35; }
#content .depth2 > li {position:relative; padding:0.4rem 0 0.4rem 15px; font-size:1.7rem;}
#content .depth2 > li::before {content:''; position:absolute; left:0; top:1.8rem; width:5px; height:1px; background:#0a1d35; }
.table {overflow:auto; margin-bottom:2rem; border:0; width:auto; }
.table table { width:100%; border-top:1px solid #0a1d35; margin-left:-1px; text-align:center; }
.table table thead th { background:#f5f5f5; border:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:1rem; }
.table table tbody th, .table table tbody td { border:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:0.5rem 1rem; }
.table_Scroll { display:none; text-align:center; margin:0 !important;}
.table_Scroll span { display:inline-block; background:url('/Main/Images/new/governor/sub/table_scroll.png') no-repeat left center; padding:10px 0 10px 55px; }
.detailPop { display:none; position:fixed; align-items:center; left:0; top:0; width:100%; height:100%; z-index:100; transition:all 0.5s ease-in-out; }
.detailPop.on { display:flex; }
.detailPop::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.detailPop > div { position:relative; max-width:1200px; width:90%; max-height:90%; margin:0 auto; z-index:101; background:#fff; overflow-y:auto; border-radius:5px; padding:2rem; }
.detailPop a.closeBtn { display:block; position:absolute; right:0; top:0; width:8rem; height:8rem; text-indent:-9999px; background:#01a1b1; z-index:200;}
.detailPop a.closeBtn::before,
.detailPop a.closeBtn::after {content:''; position:absolute; left:50%; top:25%; width:1px; height:50%; background:#fff; transition:all 0.5s ease-in-out; transition-delay:0.3s; }
.detailPop.on a.closeBtn::before { transform:rotate(45deg); }
.detailPop.on a.closeBtn::after { transform:rotate(-45deg); }
.bodlist_wrap { max-width: 1400px; width: 96%; margin: 0 auto; padding:0;}
@media all and (max-width:1023px){
  .detailPop a.closeBtn {width:5rem; height:5rem;}
}
@media all and (max-width:700px){
  .table_Scroll {display:block;}
  .table table {width:700px;}
}

/*인사말
.greeting .cont1 { position:relative; background:#0b1d35;}
.greeting .cont1 img {position:absolute; right:0; top:0; height:100%; }
.greeting .cont1 .txt1 { width:80%; color:#fff; font-size:3rem; padding:10rem 13rem; line-height:1.4; text-shadow:3px 3px 3px rgba(0,0,0,0.5); }
.greeting .cont1 .txt1 p { position:relative; display:inline-block; }
.greeting .cont1 .txt1 p:nth-child(1)::before,
.greeting .cont1 .txt1 p:nth-child(2)::before { content:''; position:absolute; left:-4rem; top:-5rem; width:60px; height:40px; background:url('/Main/Images/new/governor/sub/visText.png') no-repeat 0 -40px; }
.greeting .cont1 .txt1 p:nth-child(2)::before {left:auto; top:auto; bottom:-4rem; right:-4rem; transform:rotate(180deg);}
.greeting .cont1 .txt2 { position:absolute; right:0; bottom:0; width:50%; background:#fff; padding:3rem; text-align:right; }
.greeting .cont1 .txt2 p { display:inline-block; font-size:2.2rem; margin-right:3rem; }
.greeting .cont1 .txt2 img {height:6rem;}
.greeting .cont2 { overflow:hidden; margin:3rem 0; }
.greeting .cont2 li {line-height:2; }
.greeting .cont3 {overflow:hidden; text-align:right;}
.greeting .cont3 p {display:inline-block; margin-right:2rem;}
.greeting .cont3 img {height:5rem;}
@media all and (max-width:768px){
  .greeting .cont1 .txt1 { padding:8rem;}
  .greeting .cont1 .txt1 p:nth-child(1)::before,
  .greeting .cont1 .txt1 p:nth-child(2)::before { transform:scale(0.7); }
  .greeting .cont1 .txt1 p:nth-child(2)::before {transform:scale(0.7) rotate(180deg);}
}
@media all and (max-width:620px){
  .greeting .cont1 img { position:relative; height:auto; }
  .greeting .cont1 .txt1 { width:100%; padding:3rem 5rem; font-size:2.3rem; text-align:center;}
  .greeting .cont1 .txt1 p { display:inline; }
  .greeting .cont1 .txt1 p:nth-child(1)::before, .greeting .cont1 .txt1 p:nth-child(2)::before {display:none;}
}
@media all and (max-width:480px){
  .greeting .cont1 { background:#0b1d35; }
  .greeting .cont1 .txt1 {width:100%; }
  .greeting .cont1 .txt1 p span {display:inline;}
}
*/

/*인사말*/
.greeting .title { position:relative; display:inline-block; margin-left:50%; font-size:2rem; padding:5rem 0;  }
.greeting .title::before,
.greeting .title::after { content:''; position:absolute; left:0; top:0; width:6rem; height:4rem; background:url('/Main/Images/new/governor/sub/visText.png') no-repeat 0 0/6rem auto; }
.greeting .title::after {top:auto; left:auto; right:0; bottom:0; transform:rotate(180deg);}
.greeting .title dt { line-height:1.3; font-size:4rem; font-weight:600; margin-bottom:1rem; }
.greeting .cont1 { position:relative; padding:4rem 0 4rem 50%; margin:3rem 0; }
.greeting .cont1::before {content:''; position:absolute; left:0; bottom:0; height:100%; width:2000px; background:#f4f4f4; z-index:-1; }
.greeting .cont1 img {position:absolute; left:0; bottom:0; width:45%;}
.greeting .cont1 p {margin-top:1rem;}
.greeting .cont1 p span {display:block;}
.greeting .sign { margin-left:50%;}
.greeting .sign p {display:inline-block;}
.greeting .sign img {height:4rem; margin-left:2rem;}
@media all and (max-width:1023px){
  .greeting .title { display:block; width:55rem; margin:0 auto; text-align:center;}
  .greeting .cont1 { padding:3rem; overflow:hidden;}
  .greeting .cont1 img { float:left; position:relative; }
  .greeting .cont1 .txt {float:right; width:50%;}
}
@media all and (max-width:768px){
  .greeting .cont1 { padding:0; }
  .greeting .cont1 img {width:100%;}
  .greeting .cont1 .txt { width:100%; padding:3rem;}
  .greeting .sign { margin-left:0; text-align:right;}
}
@media all and (max-width:550px){
  .greeting .title {width:100%;}
}

/*새경북2021*/
.slogan {overflow:hidden;}
.slogan > div { float:left; width:50%; text-align:center; }
.slogan .img { position:relative; background:#f5f5f5; border:1px solid #ced2d7; height:35rem; margin-bottom:3rem; }
.slogan .img::before {content:''; position:absolute; left:50%; top:50%; width:35rem; height:25rem; margin:-12.5rem 0 0 -17.5rem; background:url('/Main/Images/new/governor/sub/slogan1.png') no-repeat 0 -25rem/auto 50rem; transition:all 0.3s ease-in-out;}
.slogan > div:nth-child(1) .img { border-right:0; }
.slogan > div:nth-child(2) .img::before {background:url('/Main/Images/new/governor/sub/slogan2.png') no-repeat 0 -25rem/auto 50rem;}
.slogan .img.on::before {background-position:0 0 !important;}
@media all and (max-width:650px){
  .slogan > div {width:100%;}
  .slogan > div:nth-child(1) .img { border-right:1px solid #ced2d7; }
}

/*연혁*/
.history {position:relative; }
.history .subT { letter-spacing:0.5px;}
.history .cont1 { position:absolute; top:0; width:50rem; text-align:center;}
.history .cont1.fixed { position:fixed; }
.history .cont1 ul {display:inline-block; text-align:left; padding-bottom:2rem; }
.history .cont1 li { position:relative; padding:0.9rem 0 0.9rem 12rem; font-size:2rem; }
.history .cont1 li strong { position:absolute; left:0; top:1rem; width:10rem; }
.history .cont1 li strong::before {content:''; position:absolute; right:0; top:25%; width:1px; height:50%; background:#ccc;  }
.history .cont1 img {border-radius:50%; margin-bottom:4rem; }
.history .cont2 {margin-left:60rem;}
.history .cont2 li { position:relative; font-size:1.8rem; padding:1rem 0 1rem 19rem; }
.history .cont2 .noDate li { padding:1rem 0 1rem 2.5rem; }
.history .cont2 li::before { content:''; position:absolute; left:0; top:1.7rem; width:0.9rem; height:0.9rem; border:0.3rem solid #fff; background:#b9005d; box-shadow: 0 0 0 1px #b9005d; border-radius:50%; }
.history .cont2 li span { position:absolute; left:2.5rem; top:1rem; font-weight:600; width:16rem; }
@media all and (max-width:1200px){
  .history .cont1 {width:35rem;}
  .history .cont2 {margin-left:45rem;}
}
@media all and (max-width:768px){
  .history .cont1 {width:20rem;}
  .history .cont1 li {padding:4.5rem 0 0.9rem;}
  .history .cont1 li strong::before {display:none;}
  .history .cont2 {margin-left:25rem;}
}
@media all and (max-width:600px){
  .history .cont2 li {padding:4rem 0 1rem 2.5rem;}
}
@media all and (max-width:480px){
  .history .cont1 { position:relative !important; width:100%; padding:0 0 0 45%; margin-bottom:4rem; }
  .history .cont1 ul {display:block;}
  .history .cont1 img { position:absolute; left:0; top:0; width:40%; }
  .history .cont2 { margin-left:0; }
  .history .cont2 li {padding:1rem 0 1rem 19rem;}
}

/*도지사의 말과글 - 블로그형식*/
.board.blog .list li { margin:8rem 0; }
.board.blog .list li:nth-child(2n-1){ background:#f2f4f2; }
.board.blog .list .wrap {position:relative; padding:8rem 0;}
.board.blog .list img {position:absolute; left:0; top:-8rem; width:45%; }
.board.blog .list li:nth-child(2n) img { left:auto; right:0; top:0; }
.board.blog .list a { display:block; width:45%; margin:0 55% 0 0; }
.board.blog .list li:nth-child(2n-1) a { margin:0 0 0 55%; }
.board.blog .list dt { /* font-family:'GmarketSans', sans-serif; */ position:relative; display:inline-block; font-size:3.5rem; font-weight:600; }
.board.blog .list dt::before {content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background:#b9005d; transition:all 0.3s ease-in-out; }
.board.blog .list a:hover dt::before {width:100%;}
.board.blog .list dd {font-size:2rem; }
.board.blog .list dd.txt {margin:2rem 0 3.5rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; line-height:3.5rem; height:14rem; overflow:hidden; }
@media all and (max-width:1200px){
  .board.blog .list li {margin:5rem 0;}
  .board.blog .list .wrap {padding:5rem 0;}
  .board.blog .list img {top:-5rem;}
}
@media all and (max-width:768px){
  /*.board.blog .list .wrap {padding:30px 0;}*/
  .board.blog .list li,
  .board.blog .list li:first-child {margin:0;}
  .board.blog .list img { position:relative; display:block; top:auto; left:auto; width:60%; margin:0 auto 3rem;}
  .board.blog .list a {margin:0 !important; width:100% !important;}
  .board.blog .list dd.txt {margin:1rem 0 2rem;}
}
@media all and (max-width:480px){
  .board.blog .list img { width:80%;}
}

/*페이징
#paging {text-align:center;}
#paging a { position:relative; display:inline-block; vertical-align:top; width:5rem; height:5rem; line-height:5rem; border-radius:3px; }
#paging a.active {background:#0a1d35; color:#fff;}
#paging a.arrow { text-indent:-9999px; }
#paging a.arrow::before,
#paging a.arrow::after { content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-top:2px solid #ddd; border-left:2px solid #ddd; transform:rotate(-45deg); }
#paging a.arrow.on::before,
#paging a.arrow.on::after { border-top:2px solid #0a1d35; border-left:2px solid #0a1d35; }
#paging a.first::before {margin:-4px 0 0 2px;}
#paging a.last::before {margin:-4px 0 0 -10px;}
#paging a.prev::after, #paging a.next::after {display:none;}
#paging a.last::before,
#paging a.last::after,
#paging a.next::before { transform:rotate(135deg);}
*/

/*취임사*/
.speech {overflow:hidden;}
.speech p {display:inline;}
.speech .pBlock p {display:block;}
.speech .cont1 { position:relative; color:#fff; background:#0b1d35; padding:5rem; font-size:1.8rem; }
.speech .cont1 h4 { position:relative; margin:0 0 2rem 0; padding:0; text-align:left; z-index:1; }
.speech .cont1 div { position:relative; margin-right:29%; z-index:1;}
.speech .cont1 img { position:absolute; right:0; bottom:0; z-index:0;}
.speech .cont3 {overflow:hidden; background:#eee; padding:3rem; border-radius:2rem; margin-top:4rem;}
.speech .floatL {width:48%;}
.speech .floatR {width:48%;}
.speech .last { font-size:2rem; font-size:600; margin-top:4rem;}
.speech .last p {display:block; margin-top:1rem;}
.speech .last img {height:5rem; margin-left:1rem;}
@media all and (max-width:1023px){
  .speech .cont1 h4 {margin:0 0 2rem;}
  .speech .cont1 img { height:50%; }
}
@media all and (max-width:768px){
  .speech .cont1 div {margin-right:0;}
  .speech .cont1 img { width:100%; height:auto; opacity:0.3;}
}
@media all and (max-width:600px){
  .speech .floatL, .speech .floatR {width:100%;}
  .speech h6 { margin:2rem 0 1.5rem !important; }
}

/*취임사*/
.speech1 {overflow:hidden;}
/*.speech1 p {display:inline;}
.speech1 .pBlock p {display:block;}*/
.speech1 .cont1 { position:relative; color:#fff; background:#0b1d35; padding:5rem; font-size:1.8rem; }
.speech1 .cont1 h4 { position:relative; margin:0 0 2rem 0; padding:0; text-align:left; z-index:1; }
.speech1 .cont1 div { position:relative; margin-right:29%; z-index:1;}
.speech1 p {margin-top:2.5rem;}
.speech1 .cont1 img { position:absolute; right:0; bottom:0; z-index:0;}
.speech1 .cont3 {overflow:hidden; background:#eee; padding:3rem; border-radius:2rem; margin-top:4rem;}
.speech1 .cont3 p {margin-top:0;}
.speech1 .floatL {width:48%;}
.speech1 .floatR {width:48%;}
.speech1 .last {font-size:2rem; font-size:600;}
.speech1 .last p {display:block; margin-top:6rem;}
.speech1 .last img {height:5rem; margin-left:1.5rem;}
@media all and (max-width:1023px){
  .speech1 .cont1 h4 {margin:0 0 2rem;}
  .speech1 .cont1 img {height:50%; }
}
@media all and (max-width:768px){
  .speech1 .cont1 div {margin-right:0;}
  .speech1 .cont1 img {width:100%; height:auto; opacity:0.3;}
}
@media all and (max-width:600px){
  .speech1 .floatL, .speech1 .floatR {width:100%;}
  .speech1 h6 { margin:2rem 0 1.5rem !important; }
}

/*신년사*/
.newYear { position:relative; background:url('/Main/Images/new/governor/sub/newyear_bg.jpg') repeat-y 0 0/100% auto; padding:10rem;}
.newYear::before {content:''; position:absolute; left:3rem; top:3rem; width:calc(100% - 6rem); height:calc(100% - 6rem); border:3px solid rgba(255,255,255,0.6);}
.newYear .img1 {position:absolute; right:0; top:0; z-index:0;}
.newYear .img2 {position:absolute; left:0; bottom:0; z-index:0;}
.newYear > div {position:relative; z-index:10;}
.newYear h4 strong {display:block; font-size:6rem; margin-bottom:2rem; }
.newYear p {margin-bottom:1rem; text-shadow:1px 1px 4px rgba(255,255,255,1);}
.newYear .cont1 dl {margin:3rem 0;}
.newYear .cont1 dt {font-size:2rem; font-weight:600; margin-bottom:1rem; }
.newYear .box {background:#fff; border-radius:1rem; padding:2rem 4rem; text-align:center; }
.newYear .box .title {font-size:2.2rem; margin-bottom:2rem; font-weight:600;}
.newYear .box .title strong { display:inline-block; background:#01a1b1; color:#fff; text-shadow:none;}
.newYear .box li {position:relative; text-align:left; padding:0.5rem 0 0.5rem 3rem;}
.newYear .box li span {position:absolute; left:0; top:0.6rem; display:block; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; border-radius:50%; background:#01a1b1; color:#fff; font-weight:600;}
.newYear .cont2 dl {margin:3rem 0; border-bottom:1px dashed #bbb; padding-bottom:3rem;}
.newYear .cont2 dt {font-size:2.5rem; font-weight:600; margin-bottom:2rem;}
.newYear .sign {text-align:center; font-size:2rem; font-weight:600;}
.newYear .sign p {margin-top:6rem;}
.newYear .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:768px){
  .newYear .box {padding:2rem;}
  .newYear .img1, .newYear .img2 {width:25rem;}
}
@media all and (max-width:480px){
  .newYear {padding:4rem;}
  .newYear::before {left:2rem; top:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}
}

/*신년사2022*/
.newYear2022 {position:relative; background:url('/Main/Images/new/governor/sub/newyear2022_bg.jpg') center bottom no-repeat #f8eac3; background-size:cover; padding:10rem;}
.newYear2022::before {content:''; position:absolute; left:3rem; top:3rem; width:calc(100% - 6rem); height:calc(100% - 6rem); border:3px solid rgba(255,255,255,0.6);}
.newYear2022 .img1 {position:absolute; right:0; top:0; z-index:0;}
.newYear2022 .img2 {position:absolute; left:0; bottom:0; z-index:0;}
.newYear2022 > div {position:relative; z-index:10;}
.newYear2022 h4 {padding-top:0 !important;}
.newYear2022 h4::before {display:none;}
.newYear2022 h4 strong {display:block; font-size:6rem; margin-bottom:2rem;}
.newYear2022 .cont1 {margin-top:5rem;}
.newYear2022 p {margin-bottom:2rem; font-size:2rem; text-align:center; text-shadow:1px 1px 4px rgba(255,255,255,1);}
.newYear2022 .sign {text-align:center; font-size:2rem; font-weight:600; margin-bottom:10rem;}
.newYear2022 .sign p {margin-top:6rem;}
.newYear2022 .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:768px){
  .newYear2022 {background-size:contain;}
  .newYear2022 .box {padding:2rem;}
  .newYear2022 .img1, .newYear .img2 {width:25rem;}
  .newYear2022 p {font-size:1.8rem;}
  .newYear2022 .sign p {margin-top:3rem;}
}
@media all and (max-width:480px){
  .newYear2022 {padding:4rem; background-size:contain;}
  .newYear2022::before {left:2rem; top:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}
  .newYear2022 p {font-size:1.6rem;}
}

/*신년사2023*/
.newYear2023 {position:relative; background:url('/Main/Images/new/governor/sub/newyear2023_bg.png') center bottom no-repeat #faf1e1; padding:10rem 15rem 60rem 15rem; background-size:100%;}
.newYear2023::before {content:''; position:absolute; left:3rem; top:3rem; width:calc(100% - 6rem); height:calc(100% - 6rem); border:3px solid rgba(255,255,255,0.6);}
.newYear2023 .img1 {position:absolute; right:0; top:0; z-index:0;}
.newYear2023 .img2 {position:absolute; left:0; bottom:0; z-index:0;}
.newYear2023 > div {position:relative; z-index:10;}
.newYear2023 h4 {padding-top:0 !important;}
.newYear2023 h4::before {display:none;}
.newYear2023 h4 strong {display:block; font-size:6rem; margin-bottom:2rem;}
.newYear2023 .cont1 {margin-top:5rem;}
.newYear2023 p {margin-bottom:3rem; font-size:2rem; text-shadow:1px 1px 4px rgba(255,255,255,1);}
.newYear2023 .sign {text-align:center; font-size:2rem; font-weight:600; margin-bottom:10rem;}
.newYear2023 .sign p {margin-top:6rem;}
.newYear2023 .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:1023px){
  .newYear2023 {background-size:contain;}
  .newYear2023 .box {padding:2rem;}
  .newYear2023 .img1, .newYear .img2 {width:25rem;}
  .newYear2023 p {font-size:1.8rem;}
  .newYear2023 .sign p {margin-top:3rem;}
}
@media all and (max-width:768px){
  .newYear2023 {padding:10rem 6rem 25rem 6rem;}
  .newYear2023 .img1 {width:17rem;}
  .newYear2023 h4 strong {font-size:5rem;}
}
@media all and (max-width:480px){
  .newYear2023 {padding:4rem; background-size:contain;}
  .newYear2023::before {left:2rem; top:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}
  .newYear2023 p {font-size:1.6rem;}
}

/*신년사2024*/
.newYear2024 {position:relative; background:url('/Main/Images/new/governor/sub/newyear2024_bg.jpg') center bottom no-repeat #e3e7ea; padding:10rem 15rem 30rem 15rem; background-size:100%;}
.newYear2024::before {content:''; position:absolute; left:3rem; top:3rem; width:calc(100% - 6rem); height:calc(100% - 6rem); border:3px solid rgba(255,255,255,0.6);}
.newYear2024 .img1 {position:absolute; right:0; top:0; z-index:0;}
.newYear2024 .img2 {position:absolute; left:0; bottom:0; z-index:0;}
.newYear2024 > div {position:relative; z-index:10;}
.newYear2024 h4 {padding-top:0 !important;}
.newYear2024 h4::before {display:none;}
.newYear2024 h4 strong {display:block; font-size:6rem; margin-bottom:2rem;}
.newYear2024 .cont1 {margin-top:5rem;}
.newYear2024 p {margin-bottom:3rem; font-size:2rem; text-shadow:1px 1px 4px rgba(255,255,255,1);}
.newYear2024 .sign {text-align:center; font-size:2rem; font-weight:600; margin-bottom:10rem;}
.newYear2024 .sign p {margin-top:6rem;}
.newYear2024 .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:1023px){
  .newYear2024 {background-size:contain;}
  .newYear2024 .box {padding:2rem;}
  .newYear2024 .img1, .newYear .img2 {width:25rem;}
  .newYear2024 p {font-size:1.8rem;}
  .newYear2024 .sign p {margin-top:3rem;}
}
@media all and (max-width:768px){
  .newYear2024 {padding:10rem 6rem;}
  .newYear2024 .img1 {width:17rem;}
  .newYear2024 h4 strong {font-size:5rem;}
}
@media all and (max-width:480px){
  .newYear2024 {padding:4rem; background-size:contain;}
  .newYear2024::before {left:2rem; top:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}
  .newYear2024 p {font-size:1.6rem;}
}

/*신년사2025*/
.newYear2025 {position:relative; background:url('/Main/Images/new/governor/sub/newyear2025_bg.jpg') center bottom no-repeat #e3eef4; padding:10rem 15rem 30rem 15rem; background-size:100%;}
.newYear2025::before {content:''; position:absolute; left:3rem; top:3rem; width:calc(100% - 6rem); height:calc(100% - 6rem); border:3px solid rgba(255,255,255,0.6);}
.newYear2025 .img1 {position:absolute; right:0; top:0; z-index:0;}
.newYear2025 .img2 {position:absolute; left:0; bottom:0; z-index:0;}
.newYear2025 > div {position:relative; z-index:10;}
.newYear2025 h4 {padding-top:0 !important;}
.newYear2025 h4::before {display:none;}
.newYear2025 h4 strong {display:block; font-size:6rem; margin-bottom:2rem;}
.newYear2025 .cont1 {margin-top:5rem;}
.newYear2025 p {margin-bottom:3rem; font-size:2rem; text-shadow:1px 1px 4px rgba(255,255,255,1);}
.newYear2025 .sign {text-align:center; font-size:2rem; font-weight:600; margin-bottom:10rem;}
.newYear2025 .sign p {margin-top:6rem;}
.newYear2025 .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:1023px){
  .newYear2025 {background-size:contain;}
  .newYear2025 .box {padding:2rem;}
  .newYear2025 .img1, .newYear .img2 {width:25rem;}
  .newYear2025 p {font-size:1.8rem;}
  .newYear2025 .sign p {margin-top:3rem;}
}
@media all and (max-width:768px){
  .newYear2025 {padding:10rem 6rem;}
  .newYear2025 .img1 {width:17rem;}
  .newYear2025 h4 strong {font-size:5rem;}
}
@media all and (max-width:480px){
  .newYear2025 {padding:4rem; background-size:contain;}
  .newYear2025::before {left:2rem; top:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}
  .newYear2025 p {font-size:1.6rem;}
}

/*신년사2026*/
.newYear2026 {position:relative; background:url('/Main/Images/new/governor/sub/newyear2026_bg.jpg') center bottom no-repeat #f5e9dd; padding-bottom:30rem; background-size:100%;}
.newYear2026::before {content:''; position:absolute; left:3rem; top:3rem; width:calc(100% - 6rem); height:calc(100% - 6rem); border:1px solid #9b724e;}
.newYear2026 > div {position:relative; z-index:10;}
.newYear2026 .cont1 {padding:0 15rem;}
.newYear2026 p {margin-bottom:3rem; font-size:2rem; text-shadow:1px 1px 4px rgba(255,255,255,1); line-height:1.4;}
.newYear2026 .sub_tit {position:relative; margin-top:7rem; padding-top:1rem; font-weight:600; color:#6d4018;}
.newYear2026 .sub_tit::before {content:''; position:absolute; left:3px; top:0; width:3.5rem; height:0.4rem; background:#9b724e;}
.newYear2026 .txt_brown {color:#6d4018; font-weight:600;}
.newYear2026 .sign {text-align:center; font-size:2rem; font-weight:600; margin-bottom:10rem;}
.newYear2026 .sign p {margin-top:6rem;}
.newYear2026 .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:1023px){
  .newYear2026 {background-size:contain;}
  .newYear2026 .cont1 {padding:0 10rem;}
  .newYear2026 p {font-size:1.8rem;}
  .newYear2026 .sign p {margin-top:3rem;}
}
@media all and (max-width:768px){
  .newYear2026::before {left:1.5rem; top:1.5rem; width:calc(100% - 3rem); height:calc(100% - 3rem);}
  .newYear2026 .cont1 {padding:0 5rem;}
}
@media all and (max-width:480px){
  .newYear2026 {background-size:contain;}
  
  .newYear2026 p {font-size:1.6rem;}
}

/*추석2022*/
.thanksgiving2022 {position:relative; background:url('/Main/Images/new/governor/sub/thanksgiving2022_bg.jpg') center top no-repeat #f8e0ce; background-size:cover; padding:10rem 10rem 5rem 15rem;}
.thanksgiving2022 > div {position:relative; z-index:10;}
.thanksgiving2022 p {margin-bottom:2rem; font-size:2.2rem; text-shadow:1px 1px 4px rgba(255,255,255,1);}
.thanksgiving2022 .sign {font-size:2rem; font-weight:600;}
.thanksgiving2022 .sign p {margin-top:6rem;}
.thanksgiving2022 .sign  img {height:5rem; margin-left:2rem;}
@media all and (max-width:768px){
  .thanksgiving2022 {background-size:contain; padding:5rem;}
  .thanksgiving2022 p {font-size:1.8rem;}
  .thanksgiving2022 .sign p {margin-top:3rem;}
}
@media all and (max-width:480px){
  .thanksgiving2022 {padding:4rem; background-size:contain;}
  .thanksgiving2022::before {left:2rem; top:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}
  .thanksgiving2022 p {font-size:1.6rem;}
}


/*역대도지사*/
.goverList {overflow:hidden; }
.goverList dl {display:none; float:left; width:25%; margin-bottom:1rem; padding:2rem; transition:all 0.3s ease-in-out;}
.goverList dl:nth-child(4n+1) {clear:both;}
.goverList img {display:block; width:15rem; height:18rem; margin:0 auto;}
.goverList p {position:relative; padding:0.5rem 0.5rem 0.5rem 8rem;}
.goverList .p_tit {font-size:2.5rem; font-weight:600; margin:1rem 0; text-align:center; padding:0;}
.goverList .p_tit span {font-size:1.6rem; font-weight:400; margin-right:10px;}
.goverList p strong {position:absolute; left:0;}
.goverList .btn {clear:both; padding:4rem 0 1rem 0; text-align:center; height:auto; line-height:normal; font-size:1.8rem;}
.goverList .btn a:focus {outline:2px dashed #000;}
.goverList #load {display:inline-block; border:3px solid #0a1d35; padding:1rem 4rem; border-radius:5rem; font-weight:600;}
@media all and (max-width:1023px){
	.goverList dl {width:33.3333%;}
	.goverList dl:nth-child(4n+1) {clear:none;}
	.goverList dl:nth-child(3n+1) {clear:both;}
}
@media all and (max-width:768px){
	.goverList dl {width:50%;}
	.goverList dl:nth-child(3n+1) {clear:none;}
	.goverList dl:nth-child(2n+1) {clear:both;}
}
@media all and (max-width:480px){
	.goverList dl {width:50%;}
	/*.goverList dl:nth-child(3n+1) {clear:none;}
	.goverList dl:nth-child(2n+1) {clear:both;}*/
	.goverList .p_tit span {display:block; margin-right:0;}
	.goverList p {padding:2.5rem 0 1rem; font-size:1.8rem; letter-spacing:-0.1rem;}
	.goverList p strong {top:0;}
}

/*매니페스토란*/
.maniF .title { /* font-family:'GmarketSans', sans-serif; */ text-align:center; }
.maniF .title dt { font-size:3.5rem; font-weight:600; margin-bottom:2rem; }
.maniF .title dd { font-size:2rem; }
.maniF .title dd span { display:block; }
.maniF .cont1 ul { overflow:hidden; margin-top:4rem; }
.maniF .cont1 li { float:right; width:48%; color:#fff; padding:5rem 0;  }
.maniF .cont1 li:first-child { float:left; }
.maniF .cont1 li p {margin:2rem 0;}
.maniF .cont2 .wrap {position:relative; padding:4rem 0 4rem 50rem; min-height:48rem; }
.maniF .cont2 .wrap img { position:absolute; left:0; top:4rem; border-radius:50%; }
.maniF .cont2 dt { /* font-family:'GmarketSans', sans-serif; */ font-size:3rem; font-weight:600; }
.maniF .cont2 dt span { font-weight:300; font-size:2rem; margin-left:1rem;}
.maniF .cont2 dd:nth-child(2) { font-size:2rem; font-weight:600; }
.maniF .cont2 dd p { margin-top:2rem; }
.maniF .cont2 > div:nth-child(2n) {background:#f3f3f3;}
.maniF .cont2 > div:nth-child(2n) .wrap { padding:4rem 50rem 4rem 0;}
.maniF .cont2 > div:nth-child(2n) .wrap img {left:auto; right:0; }
@media all and (max-width:1023px){
  .maniF .title dt { font-size:2.7rem; }
  .maniF .cont1 ul { margin-top:8rem; }
  .maniF .cont2 .wrap { padding:4rem 0 4rem 35rem; }
  .maniF .cont2 .wrap img { width:30rem; height:30rem; }
  .maniF .cont2 > div:nth-child(2n) .wrap { padding:4rem 35rem 4rem 0;}
}
@media all and (max-width:700px){
  .maniF .title dd span {display:inline; }
  .maniF .cont1 ul {padding:5rem 0; margin-top:5rem; }
  .maniF .cont1 li {width:100%; padding:0; }
  .maniF .cont2 .wrap { padding:3rem 0 !important;}
  .maniF .cont2 .wrap img { left:auto; right:0; top:3rem; width:15rem; height:15rem; }
  .maniF .cont2 dt, .maniF .cont2 dd:nth-child(2) {padding-right:20rem;}
	.maniF .cont2 dd:nth-child(2) { min-height:7rem;}
  .maniF .cont2 dt span {display:block; margin-left:0;}
}

/*한국형 매니페스토*/
.maniK .cont1 { position:relative; padding:5rem; }
.maniK .cont1 h4 {text-align:left; margin-top:0;}
.maniK .cont1 h4::before {display:none;}
.maniK .cont1 h5 {color:rgba(185, 0, 93, 1);}
.maniK .cont1 h5 span::after {background:rgba(185, 0, 93, 1);}
.maniK .cont1 .wrap {padding-right:35%;}
.maniK .cont1 > img {display:none;}
.maniK .wrap > p {font-size:1.8rem; margin-bottom:2rem;}
.maniK .wrap > div { padding:3rem 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
@media all and (max-width:768px){
  .maniK .cont1 {background:none !important; padding:3rem; }
  .maniK .cont1 > img {display:block; position:absolute; right:0; top:0; height:100%; max-width:none; opacity:0.2; z-index:-1;}
  .maniK .cont1 .wrap {padding-right:0;}
}

/*비전*/
.vision .cont1 { text-align:center; }
.vision .cont2 { position:relative; overflow:hidden; padding-top:9rem;}
.vision .cont2 li { position:relative; float:left; text-align:center; width:25%; font-size:2.2rem; line-height:1.3; }
.vision .cont2 li::before {content:''; position:absolute; left:50%; top:-9rem; height:6.5rem; width:11.5rem; margin-left:-5.7rem; background:url('/Main/Images/new/governor/sub/vision_arrow.png') no-repeat center/100% auto; }
.vision .cont2 li > div { position:relative; display:flex; align-items:center; width:25rem; height:25rem; margin:0 auto; }
.vision .cont2 li > div::before {content:''; position:absolute; left:7%; top:7%; width:86%; height:86%; background:#fff; border-radius:50%; box-shadow:0 0 10px 2px rgba(0,0,0,0.5); z-index:-1; }
.vision .cont2 li > div::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; z-index:-2;  }
.vision .cont2 li:nth-child(1) > div::after { background:#b9005d; }
.vision .cont2 li:nth-child(2) > div::after { background:#0b1d35; }
.vision .cont2 li:nth-child(3) > div::after { background:#01a1b1; }
.vision .cont2 li:nth-child(4) > div::after { background:#555; }
.vision .cont2 li > div > div {margin:0 auto; padding:0 1rem;}
.vision .cont2 li span { font-weight:600; }
.vision .cont2 li span.num { display:block; font-size:3.5rem; margin-bottom:1.3rem; }
.vision .cont2 li:nth-child(1) span { color:#b9005d; }
.vision .cont2 li:nth-child(2) span { color:#0b1d35; }
.vision .cont2 li:nth-child(3) span { color:#01a1b1; }
.vision .cont2 li:nth-child(4) span { color:#555; }
.vision .cont3 { overflow:hidden; background:#f5f5f5; padding:4rem; border:1px solid #ddd; border-radius:20px; }
.vision .cont3 li { position:relative; float:left; width:18%; padding:1.5rem 0; margin-left:2.5%; text-align:center;}
.vision .cont3 li:first-child {margin-left:0;}												
.vision .cont3 li span.num { display:inline-block; width:4rem; height:4rem; line-height:4rem; text-align:center; color:#fff; background:#0b1d35; border-radius:50%; }
.vision .cont3 li span { font-weight:600;}
.vision .cont3 li p {font-size:2rem; margin-top:1.5rem; line-height:1.3;}
@media all and (max-width:1023px){
  .vision .cont2 li > div {width:20rem; height:20rem;}
}
@media all and (max-width:768px){
  .vision .cont1 img { width:70%; }
  .vision .cont2 li {width:50%;}
  .vision .cont2 li:nth-child(3)::before,
  .vision .cont2 li:nth-child(4)::before {display:none;}
  .vision .cont2 li:nth-child(3),
  .vision .cont2 li:nth-child(4) { margin-top:2rem; }
}
@media all and (max-width:600px){
  .vision .cont3 {padding:2rem 3rem;}
  .vision .cont3 li {float:none; width:100%; margin-left:0; padding-left:5.5rem; text-align:left;}
  .vision .cont3 li span.num {position:absolute; left:0; top:1rem;}	
  .vision .cont3 li p {margin-top:0;} 
}

/*공약확정 과정*/
.promiseStep { position:relative; border-top:3px solid #01a1b1;}
.promiseStep::before { content:''; position:absolute; left:0; width:40%; height:100%; background:#fafafa; z-index:-1; }
.promiseStep dl { overflow:hidden; border-bottom:1px solid #ddd; }
/*
.promiseStep dl::before { content:''; position:absolute; left:0; width:400px; height:calc(100% - 60px); background:#eee; border-radius:2rem; z-index:-1; }
.promiseStep dl::after {content:''; position:absolute; left:190px; bottom:25px; width:1.7rem; height:1.7rem; border-top:5px solid #333; border-right:5px solid #333; transform:rotate(135deg);}
*/
.promiseStep dl:last-child {padding-bottom:0;}
.promiseStep dl:last-child::before { height:100%; }
.promiseStep dl:last-child::after {display:none;}
.promiseStep dt {  position:relative; float:left; width:40%; padding:3rem 3rem 3rem 14rem;}
.promiseStep dt span { font-family:'GmarketSans', sans-serif; position:absolute; left:3rem; top:2rem; font-weight:600; font-size:6rem; color:#047E8B; }
.promiseStep dt p.txt1 {font-weight:600; font-size:2.3rem;}
.promiseStep dt p.txt2 {font-size:1.8rem; margin-top:1rem;}
.promiseStep dd { float:right; width:60%; padding:3rem;}
.promiseStep dd .line2 {overflow:hidden;}
.promiseStep dd .line2 li { float:left; width:50%;}
.promiseStep dd .depth1 {margin-top:0 !important;}
@media all and (max-width:768px){
  .promiseStep dt {padding:3rem;}
  .promiseStep dt span {position:relative; left:auto; top:auto; font-size:3rem; margin-right:1rem;}
}
@media all and (max-width:480px){
  .promiseStep::before {display:none;}
  .promiseStep dt {width:100%; background:#f5f5f5;}
  .promiseStep dd {width:100%;}
  .promiseStep dd .line2 li {width:100%;}
}

/*한눈에 보는 공약*/
.promise .graphWrap {overflow:hidden;}
.promise .graphWrap li {position:relative; float:left; width:33.33%;}
.promise .graphWrap .graph {width:30rem;height:30rem;  margin:0 auto;overflow:hidden;border-radius:50%;}
.promise .graphWrap p { position:absolute; left:50%; top:50%; text-align:center; line-height:1.2; color:#fff; }
.promise .graphWrap p strong {display:block;}
.promise .graphWrap p span { display:none; position:absolute; left:0; top:50%; width:15px; height:15px; margin-top:-7.5px; }
.promise .graphWrap p.p1 span {background:#b9005d;}
.promise .graphWrap p.p2 span {background:#01a1b1;}
.promise .graphWrap p.p3 span {background:#555;}
.promise .graphWrap li:nth-child(1) .graph { /*background:conic-gradient(#b9005d 0% 26%, #01a1b1 26% 100%);*/ background:url('/Main/Images/new/governor/sub/promise_graph1_2023.jpg') no-repeat center/cover; }
.promise .graphWrap li:nth-child(1) .p1 { margin:0 0 0 5rem; }
.promise .graphWrap li:nth-child(1) .p2 { margin:5rem 0 0 -9rem; }
.promise .graphWrap li:nth-child(2) .graph { /*background:conic-gradient(#b9005d 0% 18%, #01a1b1 18% 100%);*/ background:url('/Main/Images/new/governor/sub/promise_graph2_2023.jpg') no-repeat center/cover;  }
.promise .graphWrap li:nth-child(2) .p1 { margin:-1rem 0 0 6rem; }
.promise .graphWrap li:nth-child(2) .p2 { margin:6rem 0 0 -7rem; }
.promise .graphWrap li:nth-child(2) .p3 { margin:-4rem 0 0 -6.5rem; }
.promise .graphWrap li:nth-child(3) .graph { /*background:conic-gradient(#b9005d 0% 51%, #01a1b1 51% 88%, #555 88% 100%);*/ background:url('/Main/Images/new/governor/sub/promise_graph3_2023.jpg') no-repeat center/cover;  }
.promise .graphWrap li:nth-child(3) .p1 { margin:5rem 0 0 -7rem; }
.promise .graphWrap li:nth-child(3) .p2 { margin:-3rem 0 0 5rem; }
.promise .graphWrap li:nth-child(3) .p3 { margin:8rem 0 0 9rem; }
@media all and (max-width:1023px){
  .promise .graphWrap .graph {width:20rem; height:20rem; margin-bottom:1rem;}
  .promise .graphWrap p {position:relative; float:left; width:50%; left:auto; top:auto; margin:0 !important; text-align:left; color:#0a1d35; padding:1rem 0 1rem 30px; }
  .promise .graphWrap p span {display:block;}
  .promise .graphWrap p strong {display:inline;}
}
@media all and (max-width:768px){
  .promise .graphWrap .graph {width:10rem; height:10rem;}
  .promise .graphWrap p {width:100%;}
}
@media all and (max-width:480px){
  .promise .graphWrap .graph {width:7rem; height:7rem;}
}

/*공약지침*/
.promiseGuide ol {margin-left:15px;}
.promiseGuide ol li {padding:0.5rem 0;}
.promiseGuide .taC {margin-top:4rem;}

/*공약실천계획*/
.plan .cont1 {position:relative; overflow:hidden;}
.plan .cont1 img {position:absolute; left:0; top:0; width:50%;}
.plan .cont1 .wrap { width:45%; margin-left:55%; padding:4rem 0; }
.plan .cont1 dt { /* font-family:'GmarketSans', sans-serif; */ font-size:5rem; font-weight:600; line-height:1.3; }
.plan .cont1 dt span { display:block; }
.plan .cont1 dt span:first-child {color:#b9005d;}
.plan .cont1 dd { font-size:2rem; margin-bottom:4rem; }
.plan .cont2 {overflow:hidden; padding:0 2px;}
.plan .cont2 li { float:left; width:16%; margin:0 0 0 5%; background:#eee; text-align:center; }
.plan .cont2 li:nth-child(1) {margin:0; }
.plan .cont2 li p { position:relative; padding:4rem 2rem; }
.plan .cont2 li p span {display:block; line-height:1.2; }
.plan .cont2 li p span.num { /* font-family:'GmarketSans', sans-serif; */ font-weight:600; font-size:6rem; color:#3b4b5d;}
.plan .cont2 li p span.txt { font-size:2rem; font-weight:500;}
.plan .cont2 li a { display:block; background:#0a1d35; border:5px solid #0a1d35;  color:#fff; text-align:center; border-radius:0; }
.plan .cont2 li a:hover { color:#0a1d35; background:#fff; }
.plan .cont3 { border-top:1px solid #ddd; }
.plan .cont3 > li { border-bottom:1px solid #ddd; overflow:hidden; }
.plan .cont3 div { position:relative; padding:3rem 7rem 1.5rem 2rem; }
.plan .cont3 span.num { position:absolute; left:0; top:0; width:5rem; height:5rem; line-height:4rem; /* font-family:'GmarketSans', sans-serif; */ font-size:2.2rem; font-weight:600; border:4px solid #0a1d35; border-radius:50%; text-align:center; }
.plan .cont3 p.txt { position:relative; font-weight:600; font-size:2.5rem; line-height:1.4; padding:0.8rem 0 0.8rem 6rem; margin-bottom:2rem; }
.plan .cont3 a.btnSt {position:absolute; right:2rem; top:2rem; text-indent:-9999px; padding:0; width:3.6rem;}
.plan .cont3 a.btnSt::before { right:50%; margin-right:-1.5rem; }
@media all and (max-width:1100px){
  .plan .cont2 li { width:31.33%; margin:0 0 2rem 3%; }
  .plan .cont2 li:nth-child(3n+1) { margin:0 0 2rem 0;}
}
@media all and (max-width:768px){
  .plan .cont1 { padding-top:30rem; }
  .plan .cont1 img { width:100%; z-index:-1;}
  .plan .cont1 .wrap { background:#fff; width:90%; margin:0 5%; text-align:center; padding:4rem; }
  .plan .cont1 dt {font-size:4rem;}
}
@media all and (max-width:600px){
  .plan .cont3 > li { border-bottom:0; }
  .plan .cont3 div {width:100%; border-bottom:1px solid #ddd; padding:3rem 2rem 1.5rem 2rem; }
}
@media all and (max-width:480px){
  .plan .cont1 { padding-top:20rem; }
  .plan .cont2 li { width:48.5%; }
  .plan .cont2 li:nth-child(3n+1) { margin:0 0 2rem 3%; }
  .plan .cont2 li:nth-child(2n+1) { margin:0 0 2rem 0; }
  .plan .cont2 li p {padding:3rem 1rem;}
}

/*재정투자계획*/
.finance > p { padding:2rem 1rem 1rem; font-size:2.5rem; font-weight:600; background:#ddd; }
.finance .graphWrap {border:1rem solid #ddd; padding:5rem; overflow:hidden; }
.finance .no1 {border-bottom:1px solid #ddd; margin-bottom:4rem; padding-bottom:1rem; }
.finance .no1 ul { text-align:center; overflow:hidden; }
.finance .no1 ul li {float:left; width:20%;}
.finance .no1 p.data { font-weight:600; line-height:1.4; }
.finance .no1 p.data span { display:block; font-weight:300; }
.finance .no1 p.bg { position:relative; display:inline-block; width:7rem; height:20rem; background:#eee; border-radius:5px; overflow:hidden; margin:1rem 0; }
.finance .no1 p.bg span { position:absolute; left:0; bottom:0; width:100%; background:#b9005d;}
.finance .no1 p.txt {font-size:2rem; line-height:1.2; margin-bottom:3rem; }
.finance .no1 p.txt span { display:block; font-size:1.7rem; background:#0a1d35; color:#fff; border-radius:50%; width:2.8rem; height:2.8rem; line-height:2.8rem; text-align:center; margin:0 auto 1rem;}
.finance .no2, .finance .no3 {float:left; width:50%;}
.finance .chart, .finance .chart2 { position:relative; }
.finance .chart p {position:absolute; line-height:1.2; text-align:left; left:50%; top:50%; color:#000;}
.finance .chart p strong {display:inline-block;}
.finance .chart .graph {width:40rem; height:30rem; background:url('/Main/Images/new/governor/sub/finance_graph3.jpg') no-repeat left center; margin:0 auto; overflow:hidden;}
.finance .chart .ab1 {margin:-10.8rem 0 0 -26rem;}
.finance .chart .ab1 strong {margin-left:4.5rem;}
.finance .chart .ab2 {margin:-2.3rem 0 0 -26rem;}
.finance .chart .ab2 strong {margin-left:13rem;}
.finance .chart .ab3 {margin:6.8rem 0 0 -26rem;}
.finance .chart .ab3 strong {margin-left:39rem;}
.finance .chart2 .graph {width:30rem; height:30rem; background:url('/Main/Images/new/governor/sub/finance_graph4.jpg') no-repeat center/cover; margin:0 auto; overflow:hidden; border-radius:50%; }
.finance .chart2 p {position:absolute; line-height:1.2; text-align:center; left:50%; top:50%; color:#000;}
.finance .chart2 p strong {display:block;}
.finance .chart2 .ab1 {margin:3rem 0 0 -4rem;}
.finance .chart2 .ab2 {color:#0a1d35; margin:-13.5rem 0 0 -21rem;}
.finance .chart2 .ab3 {color:#0a1d35; margin:-18rem 0 0 -14.5rem;}
.finance .chart2 .ab4 {color:#0a1d35; margin:-19.5rem 0 0 -3rem;}
@media all and (max-width:1200px){
	.finance .no2, .finance .no3 {float:none; width:100%; overflow:hidden;}
	.finance .no3 {margin-top:5rem;}
}
@media all and (max-width:690px){
  .finance .no1 ul li {width:20%;}
  .finance .no1 ul li:nth-child(5n+1) { clear:both; }
  .finance .no1 p.bg {width:3rem; height:10rem;}
  .finance .no1 p.txt {font-size:1.5rem;}
  .finance .graphWrap {padding:5rem 2.5rem;}
  .finance .chart .ab1 {margin-left:-17rem;}
  .finance .chart .ab2 {margin-left:-7.5rem;}
  .finance .chart .ab3 {margin-left:-7.5rem; color:#fff;}
  .finance .chart .ab1 strong, .finance .chart .ab2 strong, .finance .chart .ab3 strong {margin-left:0;}
  .finance .chart2 p {float:left; width:50%; position:relative; line-height:1.2; text-align:left; left:auto; top:auto; color:#0a1d35; margin:0 !important; padding:1rem 0 1rem 30px; }
  .finance .chart span, .finance .chart2 span {position:absolute; display:block; left:0; top:50%; width:15px; height:15px; margin-top:-7.5px;}
  .finance .chart .ab1 span {background:#b9005d;}
  .finance .chart .ab2 span {background:#740e54;}
  .finance .chart .ab3 span {background:#555;}
  .finance .chart2 .graph {margin:0 auto 3rem auto;}
  .finance .chart2 p {position:relative;}
  .finance .chart2 p::before {content:''; position:absolute; left:0; top:1rem; width:2rem; height:2rem;}
  .finance .chart2 p.ab1::before {background:#01a1b1;}
  .finance .chart2 p.ab2::before {background:#555;}
  .finance .chart2 p.ab3::before {background:#4473c3;}
  .finance .chart2 p.ab4::before {background:#003466;}
  .finance .chart2 .ab1 span {background:#01a1b1;}
  .finance .chart2 .ab2 span {background:#555;}
  .finance .chart2 .ab3 span {background:#4472c3;}
  .finance .chart2 .ab4 span {background:#003366;}

}
/*@media all and (max-width:768px){
  .finance .graphWrap {padding:3rem;}
  .finance .chart .graph, .finance .chart2 .graph { width:20rem; height:20rem; margin:0 auto 2rem; }
  .finance .chart p, .finance .chart2 p {width:100%;}
  .finance .chart p strong, .finance .chart2 p strong { display:inline-block; }
}*/
@media all and (max-width:480px){
  .finance .no1 ul li {width:25%;}
  .finance .no1 ul li:nth-child(5n+1) { clear:none; }
  .finance .no1 ul li:nth-child(4n+1) { clear:both; }

  .finance .no2 {border-bottom:1px solid #ddd; padding-bottom:4rem; margin-bottom:4rem; }
  .finance .no2, .finance .no3 {width:100%;}
  .finance .chart p, .finance .chart2 p {width:50%;}
}

/*공약가계부*/
.finance2 > p { background:#ddd; text-align:center; font-size:2.5rem; font-weight:600; padding:1.5rem 1rem; border-radius:5rem; }
.finance2 .wrap { position:relative; overflow:hidden; border:1rem solid #ddd; width:100%; }
.finance2 .wrap::before {content:''; position:absolute; left:50%; top:5%; width:1px; height:90%; background:#ddd; }
.finance2 .wrap div {width:50%; padding:4rem;}
.finance2 .numList li { position:relative; padding:1rem 0 1rem 4.5rem; font-weight:500; }
.finance2 .numList li span {position:absolute; left:0; top:1.1rem; width:3rem; height:3rem; line-height:3rem; background:#01a1b1; text-align:center; color:#fff; font-weight:600; }
@media all and (max-width:768px){
  .finance2 .wrap div {width:100%;}
  .finance2 .wrap .floatL { border-bottom:1px solid #ddd;}
  .finance2 .wrap::before { display:none; }
}

/*공약지도*/
.promiseMap { overflow:hidden; }
.promiseMap .cont1 { float:left; width:30%; }
.promiseMap .cont1 h4 { font-size:3.5rem; font-weight:600; line-height:1.3; margin:3rem 0 0; padding:0; text-align:left; }
.promiseMap .cont1 h4::before {display:none;}
.promiseMap .cont1 h4 span {display:block;}
.promiseMap .cont1 p {font-size:2rem; margin-top:2rem; }
.promiseMap .cont2 { float:right; width:65%; padding:2px; box-sizing:border-box;}
.promiseMap .cont2 > a { position:relative; display:block; border-top:1px solid #ddd; padding:2rem 7rem 2rem 2rem; overflow:hidden; /* font-family:'GmarketSans', sans-serif; */ font-size:2.5rem; font-weight:600; margin-bottom:0.2rem;}
.promiseMap .cont2 > a::before { content:''; position:absolute; right:2rem; top:50%; width:4rem; height:4rem; margin-top:-2rem; background:#0a1d35; border-radius:50%;}
.promiseMap .cont2 > a::after {content:''; position:absolute; right:3.3rem; top:50%; width:1rem; height:1rem; margin-top:-0.8rem; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(-135deg); transition:all 0.5s ease-in-out; }
.promiseMap .cont2 > a.on::after {transform:rotate(45deg); margin-top:-0.4rem; }
.promiseMap .cont2 > a span {font-size:2rem; font-weight:500; margin-left:1rem; color:#f16600; }
.promiseMap .view { display:none; background:#f6f6f6; padding:3rem 0;}
.promiseMap .view > * {margin:0 3rem 3rem;}
.promiseMap .view > *:last-child {margin:0 3rem;}
.promiseMap .view > p { /* font-family:'GmarketSans', sans-serif; */ text-align:center; font-weight:500; font-size:2.2rem; margin:0 0 5rem; }
.promiseMap .view > p span { display:inline-block; border:1px solid #0a1d35; padding:1.1rem 2rem 0.7rem; border-radius:3rem; }
.promiseMap .view .graph {overflow:hidden;}
.promiseMap .view .graph li {float:left; width:32%; text-align:center; margin-left:2%; }
.promiseMap .view .graph li:nth-child(1) {margin-left:0;}
.promiseMap .view .graph li img {border:1px solid #ddd;}
.promiseMap .view .graph li p { display:inline-block; background:#01a1b1; color:#fff; padding:0.5rem 2rem; border-radius:2rem; font-size:1.7rem; margin-top:1.3rem; }
.promiseMap .view .summary { background:#fff; border-radius:1rem; overflow:hidden;}
.promiseMap .view .summary dt {background:#016db1; text-align:center; color:#fff; font-size:2rem; font-weight:600; padding:1rem; }
.promiseMap .view .summary dd {padding:1rem 3rem; overflow:hidden; }
.promiseMap .view .summary .depth1 > li { float:left; width:33.33%; }
.promiseMap .view .table table thead th { background:#ededed; }
.promiseMap .view .ebookBtn { position:relative; display:inline-block; font-size:1.5rem; background:#0a1d35; color:#fff; padding:0.5rem 3rem 0.5rem 1rem; border-radius:0.5rem; }
.promiseMap .view .ebookBtn:focus {outline:2px dashed #000;}
.promiseMap .view .ebookBtn::before {content:''; position:absolute; right:1rem; top:1.1rem; width:1.4rem; height:1.4rem; background:url('/Main/Images/new/governor/layout/blank.png') no-repeat right 0/auto 100%; }
@media all and (max-width:1023px){
  .promiseMap .cont1 { position:relative; width:100%; min-height:30rem; padding:2rem 0 2rem 35rem; }
  .promiseMap .cont1 > img {position:absolute; left:0; bottom:0; height:30rem; }
  .promiseMap .cont2 {width:100%; padding-top:0;}
}
@media all and (max-width:768px){
  .promiseMap .view .summary .depth1 > li { width:100%; }
}
@media all and (max-width:480px){
  .promiseMap .cont1 { min-height:auto; padding:0 0 4rem; text-align:center; overflow:hidden; }
  .promiseMap .cont1 h4 { text-align:center; }
  .promiseMap .cont1 > img { top:0; bottom:auto; opacity:0.3; }
  .promiseMap .cont2 > a span {display:block; margin-left:0;}
  .promiseMap .cont2 > a dt span {display:block; margin-left:0;}
  .promiseMap .view .graph li {width:100%; margin:2rem 0 0;}
  .promiseMap .view .graph li:first-child {margin:0;}
}

/*공약지표*/
.promiseIndi {overflow:hidden;}
.promiseIndi .btn a,
.promiseIndi .btn > .gb { display:flex; align-items:center; float:left; width:25%; height:37rem; text-align:center; /*background:#ebf4f9;*/}
.promiseIndi .btn a.icon2,
.promiseIndi .btn a.icon4,
.promiseIndi .btn a.icon5,
.promiseIndi .btn a.icon8,
.promiseIndi .btn a.icon10 {background:#ddeaf1;}
.promiseIndi .btn a p { position:relative; margin:0 auto; font-size:3rem; font-weight:500; padding-top:17rem; line-height:1.3; }
.promiseIndi .btn a p::before {content:''; position:absolute; left:50%; top:0; width:15rem; height:15rem; background:url('/Main/Images/new/governor/sub/promise2_icon.png') no-repeat 0 0/auto 200%; transform:translate(-50%, 0);}
.promiseIndi .btn a.icon2 p::before {background-position:-15rem 0;}
.promiseIndi .btn a.icon3 p::before {background-position:-30rem 0;}
.promiseIndi .btn a.icon4 p::before {background-position:-45rem 0;}
.promiseIndi .btn a.icon5 p::before {background-position:-60rem 0;}
.promiseIndi .btn a.icon6 p::before {background-position:0 -15rem;}
.promiseIndi .btn a.icon7 p::before {background-position:-15rem -15rem;}
.promiseIndi .btn a.icon8 p::before {background-position:-30rem -15rem;}
.promiseIndi .btn a.icon9 p::before {background-position:-45rem -15rem;}
.promiseIndi .btn a.icon10 p::before {background-position:-60rem -15rem;}
.promiseIndi .btn a p span { font-family:'NotoSansKR', sans-serif; display:block; font-size:1.8rem; background:#0b1d35; color:#fff; padding:1rem 0; border-radius:5px; width:13rem; text-align:center; margin:2rem auto 0; transition:all 0.3s ease-in-out; }
.promiseIndi .btn a:hover p span { background:#b9005d; }
.promiseIndi .btn > .gb { width:50%; padding:0.2rem; box-sizing:border-box; background:#fff !important; }
.promiseIndi .btn div img {margin:0 auto;}
.promiseIndiPop { display:none; position:fixed; align-items:center; left:0; top:0; width:100%; height:100%; z-index:100; transition:all 0.5s ease-in-out; }
.promiseIndiPop.on { display:flex; }
.promiseIndiPop::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.promiseIndiPop > div { position:relative; max-width:1200px; width:90%; max-height:90%; margin:0 auto; z-index:101; background:#fff; overflow-y:auto; border-radius:5px; padding:2rem; }
.promiseIndiPop a.closeBtn { display:block !important; position:absolute; right:0.2rem; top:0.2rem; width:8rem !important; height:8rem !important; text-indent:-9999px; background:#01a1b1 !important; z-index:200;}
.promiseIndiPop a.closeBtn::before,
.promiseIndiPop a.closeBtn::after {content:''; position:absolute; left:50%; top:25%; width:1px; height:50%; background:#fff; transition:all 0.5s ease-in-out; transition-delay:0.3s; }
.promiseIndiPop.on a.closeBtn::before { transform:rotate(45deg); }
.promiseIndiPop.on a.closeBtn::after { transform:rotate(-45deg); }
@media all and (max-width:1023px){
  .promiseIndi .btn a, .promiseIndi .btn > .gb { height:34rem; }
  /*.promiseIndi .btn a p, .promiseIndi .btn > .gb { height:34rem; }*/
  .promiseIndiPop a.closeBtn {width:5rem !important; height:5rem !important; right:0; top:0;}
}
@media all and (max-width:768px){
  .promiseIndi .btn .gb {display:none;}
  .promiseIndi .btn > a { width:50%; background:#ebf4f9 !important; }
  .promiseIndi .btn a.icon2,
  .promiseIndi .btn a.icon3,
  .promiseIndi .btn a.icon6,
  .promiseIndi .btn a.icon7,
  .promiseIndi .btn a.icon10 {background:#ddeaf1 !important;}
}

/*공약지표*/
/*.promiseIndi {overflow:hidden;}
.promiseIndi .btn a,
.promiseIndi .btn div { display:flex; align-items:center; float:left; width:25%; height:37rem; text-align:center; background:#ebf4f9;}
.promiseIndi .btn a.icon2,
.promiseIndi .btn a.icon4,
.promiseIndi .btn a.icon5,
.promiseIndi .btn a.icon8,
.promiseIndi .btn a.icon10 {background:#ddeaf1;}
.promiseIndi .btn a p { position:relative; margin:0 auto; font-size:3rem; font-weight:500; padding-top:17rem; line-height:1.3; }
.promiseIndi .btn a p::before {content:''; position:absolute; left:50%; top:0; width:15rem; height:15rem; background:url('/Main/Images/new/governor/sub/promise2_icon.png') no-repeat 0 0/auto 200%; transform:translate(-50%, 0);}
.promiseIndi .btn a.icon2 p::before {background-position:-15rem 0;}
.promiseIndi .btn a.icon3 p::before {background-position:-30rem 0;}
.promiseIndi .btn a.icon4 p::before {background-position:-45rem 0;}
.promiseIndi .btn a.icon5 p::before {background-position:-60rem 0;}
.promiseIndi .btn a.icon6 p::before {background-position:0 -15rem;}
.promiseIndi .btn a.icon7 p::before {background-position:-15rem -15rem;}
.promiseIndi .btn a.icon8 p::before {background-position:-30rem -15rem;}
.promiseIndi .btn a.icon9 p::before {background-position:-45rem -15rem;}
.promiseIndi .btn a.icon10 p::before {background-position:-60rem -15rem;}
.promiseIndi .btn a p span { font-family:'NotoSansKR', sans-serif; display:block; font-size:1.8rem; background:#0b1d35; color:#fff; padding:1rem 0; border-radius:5px; width:13rem; text-align:center; margin:2rem auto 0; transition:all 0.3s ease-in-out; }
.promiseIndi .btn a:hover p span { background:#b9005d; }
.promiseIndi .btn div { width:50%; padding:0.2rem; box-sizing:border-box; background:#fff !important; }
.promiseIndi .btn div img {margin:0 auto;}
@media all and (max-width:1023px){
  .promiseIndi .btn div, .promiseIndi .btn a { height:34rem; }
}
@media all and (max-width:768px){
  .promiseIndi .btn div {display:none;}
  .promiseIndi .btn a { width:50%; background:#ebf4f9 !important; }
  .promiseIndi .btn a.icon2,
  .promiseIndi .btn a.icon3,
  .promiseIndi .btn a.icon6,
  .promiseIndi .btn a.icon7,
  .promiseIndi .btn a.icon10 {background:#ddeaf1 !important;}
}*/

/*공약조정*/
.promiseModi .cont1 { background:#f5f5f5; padding:5rem 0; }
.promiseModi .cont1 .step { overflow:hidden; }
.promiseModi .cont1 .step li { position:relative; display:flex; align-items:center; float:left; width:22%; height:15rem; line-height:1.3; margin:0 0 0 4%; border:1px solid #b9005d; background:#fff; text-align:center; border-radius:5px; }
.promiseModi .cont1 .step li::before,
.promiseModi .cont1 .step li::after {content:''; position:absolute; left:-13%; top:50%; margin-top:0.5rem; width:2.2rem; height:0.5rem; background:#b9005d; border-radius:5px; transform:rotate(-45deg); }
.promiseModi .cont1 .step li::after { transform:rotate(45deg); margin-top:-0.8rem; }
.promiseModi .cont1 .step li:first-child {margin:0;}
.promiseModi .cont1 .step li p {margin:0 auto;}
.promiseModi .cont1 .step li p strong {display:block; font-size:2.4rem; margin-bottom:1rem; color:#b9005d; }
.promiseModi .cont1 .step li p span {display:block; font-size:1.5rem;}
@media all and (max-width:768px){
  .promiseModi .cont1 .step li::before,
  .promiseModi .cont1 .step li::after {left:-16%;}
}
@media all and (max-width:480px){
  .promiseModi .cont1 .step li { width:45%; margin:0 0 2rem 10%; }
  .promiseModi .cont1 .step li:nth-child(3) { margin:0 0 2rem; }
}

/*도민배심원단*/
.juror .cont1 {background:#f5f5f5; padding:5rem 0;}
.juror .step {overflow:hidden;}
.juror .step li { position:relative; float:left; width:16.8%; line-height:1.4; margin:0 0 0 4%; border:1px solid #0a1d35; background:#0a1d35; text-align:center; border-radius:5px; overflow:hidden; }
.juror .step li:first-child {margin:0;}
.juror .step li::before,
.juror .step li::after {content:''; position:absolute; left:-16%; top:50%; margin-top:0.5rem; width:2.2rem; height:0.5rem; background:#0a1d35; border-radius:5px; transform:rotate(-45deg); }
.juror .step li::after { transform:rotate(45deg); margin-top:-0.8rem; }
.juror .step li dt, .juror .step li dd { display:flex; align-items:center; height:8rem; padding:0 1rem; }
.juror .step li dt { color:#fff; font-size:2rem; font-weight:600; }
.juror .step li dd {background:#fff;}
.juror .step li p { margin:0 auto; }
.juror .step li span {display:block; font-size:1.6rem; font-weight:500; }
.juror .cont2 div { overflow:hidden; margin-bottom:4rem; }
.juror .cont2 div img { float:left; width:45%; border-radius:0 0 40px; }
.juror .cont2 div p,
.juror .cont2 div .depth1 {float:right; width:50%;}
.juror .cont2 div p {font-size:2.6rem; font-weight:600;}
.juror .cont2 div:nth-child(2n-1) img {float:right; border-radius:0 0 0 40px;}
.juror .cont2 div:nth-child(2n-1) p,
.juror .cont2 div:nth-child(2n-1) .depth1 {float:left;}
@media all and (max-width:768px){
  .juror .step li::before,
  .juror .step li::after {left:-20%;}
  .juror .step li { width:28%; margin:0 0 2rem 8%; }
}
@media all and (max-width:480px){
  .juror .step li { width:46%; }
  .juror .step li:nth-child(2n+1) {margin:0 0 2rem;}
  .juror .step li::before,
  .juror .step li::after {left:-14%;}
  .juror .cont2 div img {width:80%; margin:0 10% 2rem;}
  .juror .cont2 div p,
  .juror .cont2 div .depth1 {width:100%;}
}

/*민선7기*/
#subH h1 {position:absolute; left:0; top:0; z-index:100; }
#subH h1 a {display:block; text-indent:-9999px; width:10rem; height:10rem; background:#0b1d35 url('/Main/Images/new/governor/sub/min7_home.png') no-repeat center; }
#subH .snsLink { position:absolute; right:2rem; top:2rem; }
#subH .snsLink a { float:left; display:block; width:5rem; height:5rem; background:url('/Main/Images/new/governor/layout/sns.png') no-repeat 0 0/auto 100%; text-indent:-9999px; margin:0 0.5rem; }
#subH .snsLink a:nth-child(2) {background-position:-5rem 0;}
#subH .snsLink a:nth-child(3) {background-position:-10rem 0;}
.min7 .detailPop > div {padding:0; height:8rem;}

#container.min7 {padding-top:0;}
#container.min7 h2 { font-size:5rem; font-weight:500; line-height:1.4; }
#container.min7 h2 span {color:#b9005d; font-weight:600;}
.min7 .cont1 { display:flex; align-items:center; height:98rem; background:url('/Main/Images/new/governor/sub/min7_bg1.jpg') no-repeat center/cover; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0
,0.5); }
.min7 .cont1 .wrap > * { margin-left:50%; }
.min7 .cont1 .txt1 { font-size:4rem; font-weight:500; margin:4rem 0 3rem 50%; }
.min7 .cont1 .txt2 {font-size:3rem;}
.min7 .cont1 .txt2 span {display:block;}
.min7 .cont2 { text-align:center; padding:10rem 0;}
.min7 .cont2 p { font-size:7rem; font-weight:600; }
.min7 .cont2 a.btnSt { font-size:2rem; padding:1.5rem 8rem 1rem 2.5rem; background:#0b1d35; border:3px solid #0a1d35; }
.min7 .cont2 a.btnSt:hover {background:#fff;}
.min7 .cont3 { padding:10rem 0; background-image:url('/Main/Images/new/governor/sub/min7_world1.jpg'), url('/Main/Images/new/governor/sub/min7_world2.jpg'); background-position:left top, right top; background-repeat:no-repeat; }
.min7 .cont3 .wrap {position:relative; padding-left:45rem; }
.min7 .cont3 h2 {position:absolute; left:0; top:0; }
.min7 .cont3 h2 span {display:block;}
.min7 .cont3 .control {position:absolute; left:0; top:24rem; }
.min7 .cont3 .control a {display:block; float:left; width:4rem; height:4rem; background:url('/Main/Images/new/governor/sub/control.png') no-repeat 0 0/auto 200%; border-radius:50%; text-indent:-9999px; }
.min7 .cont3 .control a.next {background-position:-4rem 0;}
.min7 .cont3 .control a.stop {background-position:-8rem 0;}
.min7 .cont3 .control a.play { display:none; background-position:-12rem 0;}
.min7 .cont3 .control a:hover {background-color:#01a1b1;}
.min7 .cont3 .control a:hover.prev {background-position:0 -4rem;}
.min7 .cont3 .control a:hover.next {background-position:-4rem -4rem;}
.min7 .cont3 .control a:hover.stop {background-position:-8rem -4rem;}
.min7 .cont3 .control a:hover.play {background-position:-12rem -4rem;}
.min7 .cont3 .dot { position:absolute; left:20rem; top:24rem; line-height:4rem; font-size:2rem; margin-left:2rem; }
.min7 .cont3 .dot li {display:none;}
.min7 .cont3 .dot li.slick-active {display:block;}
.min7 .cont3 .dot strong { position:relative; display:inline-block; width:70px; text-align:right; padding-right:40px; }
.min7 .cont3 .dot strong::before {content:''; position:absolute; right:20px; top:20%; width:1px; height:60%; background:#ccc; transform:rotate(25deg); }
.min7_list li { float:left; text-align:center; font-size:2.2rem; padding:0 2rem; }
.min7_list a {display:block;}
.min7_list .icon { position:relative; height:20rem; width:20rem; margin:0 auto 3rem; background:#eaeaea; border:1px solid #0b1d35; box-shadow:inset 0 0 0 10px #fff; border-radius:50%; transition:all 0.3s ease-in-out;}
.min7_list .slick-current .icon,
.min7_list a:hover .icon { background:#0b1d35; }
.min7_list .icon::before {content:''; position:absolute; left:50%; top:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; background:url('/Main/Images/new/governor/sub/min7_icon.png') no-repeat 0 0/auto 200%; }
.min7_list .icon2::before {background-position:-10rem 0;}
.min7_list .icon3::before {background-position:-20rem 0;}
.min7_list .icon4::before {background-position:-30rem 0;}
.min7_list .icon5::before {background-position:-40rem 0;}
.min7_list .icon6::before {background-position:0 -10rem;}
.min7_list .icon7::before {background-position:-10rem -10rem;}
.min7_list .icon8::before {background-position:-20rem -10rem;}
.min7_list .icon9::before {background-position:-30rem -10rem;}
.min7_list .icon10::before {background-position:-40rem -10rem;}
.min7_list .icon span { display:block; position:absolute; right:0; bottom:-1rem; width:5.5rem; height:5.5rem; background:#01a1b1 url('/Main/Images/new/governor/sub/min7_link.png') no-repeat center; border-radius:50%; opacity:0; text-indent:-9999px; transition:all 0.2s ease-in-out; }
.min7_list .slick-current .icon span,
.min7_list a:hover .icon span {bottom:0; opacity:1; }
.min7 .cont4 {position:relative; text-align:right; padding:10rem 0; }
.min7 .cont4 .wrap { position:relative; }
.min7 .cont4 .wrap > p {font-size:3rem; margin:2rem 0 3rem;}
.min7 .cont4 .wrap > p span {display:block;}
.min7_list2 {margin-left:20rem;}
.min7_list2 li {padding:2rem 3rem;}
.min7_list2 a { display:block; background:#fff; box-shadow:1px 1px 2rem rgba(0,0,0,0.2); text-align:center; padding:3rem; font-size:2.2rem; font-weight:500;   line-height:1.4; height:28rem; transition:all 0.3s ease-in-out; }
.min7_list2 a:hover,
.min7_list2 .slick-current a { background:#01a1b1; color:#fff; }
.min7_list2 p.num { font-size:7rem; color:rgba(0,0,0,0.1); font-weight:600; }
.min7_list2 a:hover p.num,
.min7_list2 .slick-current p.num { color:rgba(255,255,255,0.4);}
.min7_list2 .slick-prev { display:none !important;}
.min7 .cont4 .next, .min7 .cont4 .dot { display:block; position:absolute; right:-2rem; bottom:12rem; width:8rem; height:8rem; background:#fff; border-radius:50%; box-shadow:2px 2px 4px rgba(0,0,0,0.1); text-align:center; z-index:20; }
.min7 .cont4 .next {text-indent:-9999px; z-index:10; }
.min7 .cont4 .next::before { content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin:-5px 0 0 -10px; border-right:3px solid #0a1d35; border-top:3px solid #0a1d35; transform:rotate(48deg);}
.min7 .cont4 .next:hover {z-index:20;}
.min7 .cont4 .dot:hover {z-index:10;}
.min7 .cont4 .dot::before { content:''; position:absolute; left:50%; top:20%; width:1px; height:60%; background:#ddd; transform:rotate(45deg);}
.min7 .cont4 .dot li { display:none; }
.min7 .cont4 .dot li.slick-active {display:block;}
.min7 .cont4 .dot strong { position:absolute; left:2rem; top:1.5rem; font-weight:600; font-size:2rem; }
.min7 .cont4 .dot span { position:absolute; right:2rem; bottom:1rem; font-size:1.6rem; }
.min7_Bg { position:absolute; left:0; top:0; width:50%; height:100%; z-index:-1; }
.min7_Bg li { height:80rem; background-repeat:no-repeat; background-position:center; background-size:cover; }
.min7_Bg .bg1 { background-image:url('/Main/Images/new/governor/sub/min7_img1.jpg'); }
.min7_Bg .bg2 { background-image:url('/Main/Images/new/governor/sub/min7_img2.jpg'); }
.min7_Bg .bg3 { background-image:url('/Main/Images/new/governor/sub/min7_img3.jpg'); }
.min7_Bg .bg4 { background-image:url('/Main/Images/new/governor/sub/min7_img4.jpg'); }
.min7_Bg .bg5 { background-image:url('/Main/Images/new/governor/sub/min7_img5.jpg'); }
.min7_Bg .bg6 { background-image:url('/Main/Images/new/governor/sub/min7_img6.jpg'); }
.min7_Bg .bg7 { background-image:url('/Main/Images/new/governor/sub/min7_img7.jpg'); }
.min7_Bg .bg8 { background-image:url('/Main/Images/new/governor/sub/min7_img8.jpg'); }
.min7_Bg .bg9 { background-image:url('/Main/Images/new/governor/sub/min7_img9.jpg'); }
.min7 iframe {height:100%;}
@media all and (max-width:1600px){
  .min7 .cont1 .wrap > * {margin-left:40%;}
}
@media all and (max-width:1200px){
  .min7 .cont1 .wrap > img {height:14rem;}
}
@media all and (max-width:1023px){
  .min7 .cont1 {height:75rem;}
  .min7 .cont2 p {font-size:6rem; margin:2rem 0;}
  .min7 .cont2 p img {height:9rem;}
  .min7 .cont3 {background-size:30%;}
  .min7 .cont3 .wrap {padding-left:0;}
  .min7 .cont3 h2 { position:relative; }
  .min7 .cont3 .control { left:auto; top:0; right:12rem;}
  .min7 .cont3 .dot { left:auto; top:0.2rem; right:0; }
  .min7_list {margin-top:4rem;}
}
@media all and (max-width:768px){
  #container.min7 h2 {text-align:center;}
  #container.min7 h2 span { display:block; }
  .min7 .cont2, .min7 .cont3, .min7 .cont4 {padding:6rem 0;}
  .min7 .cont1 .wrap { text-align:center; }
  .min7 .cont1 .wrap > * {margin-left:0; }
  .min7 .cont1 .txt1 {display:none;}
  .min7 .cont1 .txt2 {margin-top:3rem; font-weight:600; font-size:3.2rem; }
  .min7 .cont2 {background-position:right center !important;}
  .min7 .cont2 h2 img { height:9rem;}
  .min7 .cont3 .control, .min7 .cont3 .dot { right:auto; left:50%; top:16rem; }
  .min7 .cont3 .control { margin-left:-13rem; }
  .min7_list {margin-top:8rem;}
  .min7_list .icon { width:17rem; height:17rem; }
  .min7 .cont4 {text-align:center;}
  .min7 .cont4 .next, .min7 .cont4 .dot { right:0; bottom:10rem;}
  .min7_list2 {margin-left:0;}
  .min7_list2 a {height:25rem;}
  .min7_Bg {width:100%; opacity:0.3 !important; }
}
@media all and (max-width:480px){
  .min7 .cont1 {height:55rem; background-position:left center; }
  .min7 .cont1 .txt2 span {display:inline;}
  .min7 .cont1 .wrap > img {height:12rem;}
  .min7 .cont2 h2 img { height:8rem;}
  .min7 .cont2 p {margin:2rem 0 4rem;}
  .min7 .cont2 p span {display:block;}
  .min7 .cont4 .wrap > p {display:none;}
  .min7_Bg li { height:60rem; }
}

/*코로나박살*/
#container.covid {padding-top:0;}
.covid .cont1 { text-align:center; color:#fff; font-size:4rem; font-weight:600; overflow:hidden; }
.covid .cont1 .wrap { position:relative; padding:14rem 0 8rem;}
.covid .cont1 .wrap::before,
.covid .cont1 .wrap::after {content:''; position:absolute; left:0; bottom:-100%; width:41rem; height:46rem; background:url('/Main/Images/new/governor/sub/covid_illu1.png') no-repeat center bottom/100% auto; z-index:0; transition:all 0.5s ease-in-out; }
.covid .cont1 .wrap::after {left:auto !important; right:0; background:url('/Main/Images/new/governor/sub/covid_illu2.png') no-repeat center bottom/100% auto; }
.covid .cont1.active .wrap::before { bottom:0; }
.covid .cont1.active .wrap::after{ transition-delay:0.3s; bottom:0; }
.covid .cont1 .wrap img,
.covid .cont1 .wrap p { position:relative; bottom:-50px; opacity:0; z-index:1; transition:all 0.7s ease-in-out; transition-delay:0.5s;}
.covid .cont1.active .wrap img,
.covid .cont1.active .wrap p { bottom:0; opacity:1; }
.covid .cont1 .wrap p { transition-delay:0.8s; }
.covid .cont2 { position:relative; margin:10rem auto;}
.covid .cont2 h2 { font-size:4rem; margin-bottom:4rem; }
.covid_ul li { position:relative; text-align:right; }
.covid_ul li div { position:absolute; left:0; top:50%; width:55rem; background:#fff; padding:6rem 5rem 6rem 0; margin-top:-26rem; text-align:left; }
.covid_ul li a { display:block; }
.covid_ul li img { display:inline-block; width:calc(100% - 300px);}
.covid_ul p.txt1 { font-size:2.5rem; font-weight:500; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:4rem; max-height:8rem;  overflow:hidden; }
.covid_ul p.txt2 { font-size:1.8rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:3.2rem; max-height:9.6rem;  overflow:hidden; margin:3rem 0 6rem }
.covid_ul p.date { font-size:1.8rem; }
.covid .cont2 .control { position:absolute; left:0; bottom:0; }
.covid .cont2 .control a {display:block; float:left; width:4rem; height:4rem; background:url('/Main/Images/new/governor/sub/control.png') no-repeat 0 0/auto 200%; border-radius:50%; text-indent:-9999px; }
.covid .cont2 .control a.next {background-position:-4rem 0;}
.covid .cont2 .control a.stop {background-position:-8rem 0;}
.covid .cont2 .control a.play { display:none; background-position:-12rem 0;}
.covid .cont2 .control a:hover {background-color:#01a1b1;}
.covid .cont2 .control a:hover.prev {background-position:0 -4rem;}
.covid .cont2 .control a:hover.next {background-position:-4rem -4rem;}
.covid .cont2 .control a:hover.stop {background-position:-8rem -4rem;}
.covid .cont2 .control a:hover.play {background-position:-12rem -4rem;}
.covid .cont2 .dot {float:left; line-height:4rem; font-size:2rem; margin-left:3rem; }
.covid .cont2 .dot li {display:none;}
.covid .cont2 .dot li.slick-active {display:block;}
.covid .cont2 .dot strong { position:relative; display:inline-block; width:50px; text-align:right; padding-right:40px; }
.covid .cont2 .dot strong::before {content:''; position:absolute; right:20px; top:20%; width:1px; height:60%; background:#ccc; transform:rotate(25deg); }
.covid .cont3 { text-align:center; }
.covid .cont3 .txt1 { position:relative; display:inline-block; font-size:5.5rem; font-weight:600; padding:0 6rem; line-height:1.4; }
.covid .cont3 .txt1 span {color:#b9005d;}
.covid .cont3 .txt1::before,
.covid .cont3 .txt1::after {content:''; position:absolute; left:0; top:0; width:6rem; height:4rem; background:url('/Main/Images/new/governor/sub/visText.png') no-repeat 0 0/cover; }
.covid .cont3 .txt1::after { right:0; left:auto; transform:rotate(-180deg);}
.covid .cont3 .txt2 { font-size:2.5rem; margin-top:4rem; }
.covid .cont4 { margin:10rem auto; overflow:hidden; }
.covid .cont4 > div { float:left; width:30%; margin-left:5%; }
.covid .cont4 > div:first-child {margin-left:0;}
.covid .cont4 a {display:block; margin-bottom:3rem; overflow:hidden; }
.covid .cont4 a img { transition:all 0.3s ease-in-out; }
.covid .cont4 a:hover img {transform:scale(1.1);}
.covid .cont4 dt { font-size:2.2rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:3.5rem; max-height:7rem;  overflow:hidden; font-weight:500; }
.covid .cont4 dd { font-size:1.8rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:3rem; max-height:9rem;  overflow:hidden; }
.covid .cont4 dd.txt {margin:2rem 0 3.5rem; }
@media all and (max-width:1200px){
  .covid .cont1 .wrap::before,
  .covid .cont1 .wrap::after { left:-7rem; width:30rem; }
  .covid .cont1 .wrap::after { right:-7rem; }
  .covid .cont1 .wrap img { width:60rem; max-width:80%; }
  .covid_ul li img {width:100%;}
  .covid_ul li div { width:50rem; padding:4rem 3rem 4rem 0; margin-top:-20.5rem; }
  .covid_ul p.txt2 {margin:2rem 0 4rem;}
  .covid .cont2 h2 {font-size:3rem; margin-bottom:2rem; }
  .covid .cont2 .control { left:23rem; top:50%; margin-top:-16.5rem; bottom:auto; }
  .covid .cont3 .txt1 {font-size:4.5rem;}
  .covid .cont3 .txt2 {font-size:2rem;}
}
@media all and (max-width:768px){
  .covid .cont1 .wrap::before,
  .covid .cont1 .wrap::after { left:-7rem; width:20rem; }
  .covid .cont1 .wrap::after { right:-7rem; }
  .covid_ul li {padding-bottom:13rem;}
  .covid_ul li div { width:90%; left:5%; top:auto; bottom:0; padding:4rem 4rem 0;}
  .covid_ul p.txt1 { margin-bottom:3rem; }
  .covid_ul p.txt2 {display:none;}
  .covid .cont2 {margin:7rem auto; }
  .covid .cont2 .control { left:auto; top:auto; bottom:0; right:10%; margin-top:0; }
  .covid .cont3 .txt1 {font-size:3.5rem; }
  .covid .cont4 {margin:7rem auto;}
  .covid .cont4 > div {width:100%; width:100%; margin:0 0 2rem;}
  .covid .cont4 a {float:left; width:40%;}
  .covid .cont4 dl {float:right; width:55%; }
  .covid .cont4 dd.txt {margin:1rem 0 2rem; }
}
@media all and (max-width:480px){
  .covid .cont1 {font-size:3rem;}
  .covid .cont2 .dot {display:none;}
  .covid .cont3 .txt1 p {display:inline;}
  .covid .cont4 dd { -webkit-line-clamp:2; max-height:6rem; }
}

/*행사일정*/
.calendar .cont1 { position:relative; border:1px solid #ccc; overflow:hidden; }
.calendar .cont1::before {content:''; position:absolute; left:55rem; top:0; width:1px; height:100%; background:#ccc; }
.calendar .cont1 .floatL { position:relative; width:55rem; padding:5rem;}
.calendar .cont1 .floatL .month { position:relative; display:flex; align-items:center; float:left; width:6rem; height:33rem; }
.calendar .cont1 .floatL .month p { /* font-family:'GmarketSans', sans-serif; */ font-size:2rem; text-align:center; margin:0 auto; line-height:1.2; }
.calendar .cont1 .floatL .month p span {display:block; font-size:4rem; font-weight:600;}
.calendar .cont1 .floatL .month a { display:block; position:absolute; left:0; top:0; width:6rem; height:6rem; text-indent:-9999px; border:1px solid #ddd; }
.calendar .cont1 .floatL .month a::before {content:''; position:absolute; left:50%; top:50%; width:1.5rem; height:1.5rem; margin:-0.5rem 0 0 -0.9rem; border-top:4px solid #0a1d35; border-left:4px solid #0a1d35; transform:rotate(45deg); }
.calendar .cont1 .floatL .month a.next {top:auto; bottom:0; }
.calendar .cont1 .floatL .month a.next::before {  transform:rotate(-135deg); margin:-1.1rem 0 0 -0.9rem; }
.calendar .cont1 .floatL table {float:right; width:calc(100% - 8rem); text-align:center; border-spacing:4px; border-collapse:inherit; }
.calendar .cont1 .floatL table th,
.calendar .cont1 .floatL table td { position:relative; height:5rem; background:#f5f5f5; border:0; }
.calendar .cont1 .floatL table td.on {background:#b9005d; color:#fff;}
.calendar .cont1 .floatL table td p {position:absolute; right:0; bottom:0; background:#01a1b1; color:#fff; font-size:13px; line-height:16px; width:16px; }
.calendar .cont1 .floatR { width:calc(100% - 55rem); padding:5rem;}
.calendar .cont1 .floatR h4 { font-size:3rem; text-align:left; margin:0 0 2rem; padding:0; }
.calendar .cont1 .floatR h4::before {display:none;}
.calendar .cont1 .floatR h4 span {color:#b9005d;}
.calendar .cont1 .floatR li {padding:1rem 0 1rem 2rem; }
.calendar .cont1 .floatR a { display:inline-block; }
.calendar .cont2 table tr:hover {background:rgba(1,161,177,0.1); }
.calendar .cont2 table tr:hover a { font-weight:600; }
@media all and (max-width:1023px){
  .calendar .cont1::before {left:50%;}
  .calendar .cont1 .floatL,
  .calendar .cont1 .floatR {width:50%; padding:3rem;}
}
@media all and (max-width:768px){
  .calendar .cont1::before { display:none; }
  .calendar .cont1 .floatL,
  .calendar .cont1 .floatR {width:100%;}
  .calendar .cont1 .floatL {border-bottom:1px solid #ddd; }
}
@media all and (max-width:480px){
  .calendar .cont1 .floatL table {width:100%;}
  .calendar .cont1 .floatL .month { width:100%; height:auto; margin-bottom:1rem; }
  .calendar .cont1 .floatL .month a.next { left:auto; right:0; bottom:auto; top:0;}
}
/*행사일정-보기*/
.calendarV .left { border:1rem solid #ddd; padding:5rem; margin-bottom:5rem; }
.calendarV .poster_info p {font-size:3rem; font-weight:600; margin-bottom:2rem;}
.calendarV .poster_info li {padding:0.7rem 0 0.7rem 7rem !important;}
.calendarV .poster_info li span {font-weight:600; position:absolute; left:15px; top:0.7rem; }
.calendarV .right h4 { font-size:3rem; margin:0 0 2rem; padding:0; text-align:left; }
.calendarV .right h4::before {display:none;}
.calendarV a {display:inline-block; margin-top:2rem; padding:1rem 2rem; font-weight:600; border-radius:5px; background:#45474d; color:#fff; overflow:hidden;}

/*도지사에게 바란다*/
.singo .infoT { position:relative; padding:5rem 0 5rem 40rem; background:#f2f2f2; margin-bottom:4rem; border-radius:2rem; overflow:hidden; }
.singo .infoT::before {content:''; position:absolute; left:0; top:0; width:35rem; height:100%; background:#b9005d url('/Main/Images/new/governor/sub/singo.png') no-repeat center/60%; }
.singo .infoT dt { /* font-family:'GmarketSans', sans-serif; */ font-size:4rem; font-weight:600; line-height:1.2; }
.singo .infoT dt .txt2 {font-size:2.2rem; font-weight:400; margin:1rem 0 3rem; }

.guide_to, .btn_board_bak {display:none;}
.singoInfo { display:block !important; border:1px solid #ccc; border-radius:2rem; padding:3rem 3rem 3rem 35rem; background:#f5f5f5 url('/Main/Images/new/governor/sub/singo_img.png') no-repeat 5rem bottom; margin-bottom:4rem; border-radius:2rem; overflow:hidden; background-size:250px 193px;}
.singoInfo dt { /* font-family:'GmarketSans', sans-serif; */ font-size:4rem; font-weight:600; line-height:1.2; }
.singoInfo dt .txt2 {font-size:2.2rem; font-weight:600; margin:1rem 0 3rem; }
.singoInfo dd {text-align:left;}
.singoInfo dd a {margin-top:2rem;}
.singoInfo .btn_epeople {display:inline-block; margin:2px; padding:0px 10px !important; font-size:15px; background:#004098; border:2px solid #004098; color:#fff; border-radius:30px; font-weight:600; transition:all .3s; }
.singoInfo .btn_epeople:hover {background:#fff; color:#004098; border:2px solid #004098;}
@media all and (max-width:1023px){
  .singoInfo { background-size:30% auto; background-position:8% bottom; padding:3rem 0 3rem 40%;}
}
@media all and (max-width:768px){
  .singoInfo { background-size:auto 18rem; background-position:center 3rem; padding:22rem 3rem 3rem; text-align:center;}
}

.singo_wrap {display:flex; justify-content:space-between; margin-bottom:0.5rem;}
.singo_wrap > div > a {margin:0; padding:0.3rem 5rem 0.3rem 2rem;}
@media all and (max-width:520px){
	.singo_wrap {display:block;}
	.singo_wrap > div {text-align:right; margin-bottom:1rem;}
}


/*공약추진상황*/
.situation .cont1 {border:1rem solid #ddd; margin-bottom:3rem;}
.situation .top {padding:2rem 5rem; border-bottom:1px solid #ddd; overflow:hidden; }
.situation .top h5 {float:left; margin:0; }
.situation .top a {float:right;}
.situation .bottom { padding:2rem 5rem; overflow:hidden; }
.situation .chart { position:relative; float:left; width:50%;}
.situation .chart .graph {width:30rem; height:30rem; /*background:conic-gradient(#ffc000 0% 18%, #4473c5 18% 79%, #ed7d31 79% 100%);*/ background:url('/Main/Images/new/governor/sub/situation_graph2022.jpg') no-repeat center/cover; margin:0 auto; border-radius:50%;}
.situation .chart p {position:absolute; line-height:1.2; text-align:center; left:50%; }
.situation .chart p strong {display:block;}
.situation .chart .p1 { top:9rem; margin-left:5rem;}
.situation .chart .p2 { bottom:6rem; color:#fff; margin-left:-7rem;}
.situation .chart .p3 { top:3rem; margin-left:-5rem;}
.situation .right { float:right; width:50%;}
.situation .right > ul > li {position:relative; padding:0.5rem 0 0.5rem 2rem;}
.situation .right span,
.situation .chart p span { position:absolute; left:0; top:1.4rem; display:block; width:1.5rem; height:1.5rem; border-radius:50%; }
.situation .chart p span {display:none;}
.situation .right .p1 span,
.situation .chart .p1 span {background:#ffc000;}
.situation .right .p2 span,
.situation .chart .p2 span {background:#4473c5;}
.situation .right .p3 span,
.situation .chart .p3 span {background:#ed7d31;}
.situation .right .p4 span {background:#999;}
.situation .right p {margin:1.5rem 0 0 2rem;}
@media all and (max-width:768px){
  .situation .top, .situation .bottom {padding:3rem;}
  .situation .chart .graph { width:20rem; height:20rem;}
  .situation .chart p { position:relative; left:auto !important; top:auto !important; bottom:auto !important; color:#0a1d35 !important; margin:0 !important; text-align:left; padding:1rem 0 1rem 2rem;}
  .situation .chart p strong {display:inline-block;}
  .situation .chart p span {display:block;}
}
@media all and (max-width:480px){
  .situation .chart {width:100%;}
  .situation .chart .graph {margin:0 auto 1rem;}
  .situation .chart p {float:left; width:33.33%;}
  .situation .chart p strong {display:block;}
  .situation .right {width:100%; margin-top:3rem;}
}

/*공약추진상황*/
.progress .top {background:#b7035c padding-box; border:3px dashed #3333; border-radius:5rem;}
.progress .top p {display:flex; justify-content:center; height:8rem; align-items:center; font-size:3rem; color:#fff;}
.progress .top p span {padding-left:2rem; font-weight:600; font-size:4rem;}
.progress .top_box {display:flex; height:20rem; margin:3.5rem 0;}
.progress .top_box .title {display:flex; align-items:center; width:100%; max-width:20rem; justify-content:center; border:0.5rem solid #ddd; color:#b7035c; font-size:3.3rem; text-align:center; font-weight:600; line-height:1.3; border-radius:2.5rem;}
.progress .top_box .title span {display:block; padding-top:1rem; font-size:2rem; color:#000;}
.progress .top_box ul {display:flex; align-items:center; width:100%; text-align:center;}
.progress .top_box li {width:25%; border-right:1px solid #ddd; height:14.5rem; font-size:2.5rem; color:#004097; font-weight:500;}
.progress .top_box li strong {display:block; color:#000; margin-bottom:2rem; font-weight:600; font-size:5.5rem;}
.progress .top_box li span {line-height:1.3;}
.progress .top_box li em {padding-left:1rem; font-weight:500; font-size:2.5rem;}
.progress .standard {background:#eee; padding:3rem; border-radius:2.5rem;}
.progress .standard dt {margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed rgba(0,0,0,0.2);}
.progress .standard dt span {position:relative; display:inline-block; /*padding-right:1.5rem;*/ font-size:2.3rem; font-weight:600; color:#047E8B;}
/*(.progress .standard dt span::after {content:''; position:absolute; bottom:0.5rem; width:0.8rem; height:0.8rem; margin-left:1rem; border-radius:50%; background:#047E8B;}*/
.progress .standard dt em {padding-left:2rem; font-weight:500; font-size:1.5rem;}
.progress .standard dd li {margin:0.5rem 0;}
@media all and (max-width:1200px){
	.progress .top p {height:7rem; font-size:2rem;}
	.progress .top p span {font-size:3rem;}
	.progress .top_box .title {font-size:2.8rem;}
	.progress .top_box li {font-size:2rem;}
	.progress .top_box li strong {font-size:4rem;}
}
@media all and (max-width:950px){
	.progress .top_box {display:block; height:auto; border-radius:0.3rem;}
	.progress .top_box .title {max-width:100%; border:0.2rem solid #ddd; margin-bottom:2rem; padding:1.5rem 0; font-size:2.3rem;}
	.progress .top_box ul {display:contents;}
	.progress .top_box li {clear:both; display:flow-root; width:100%; height:auto; padding:1rem 0; border-right:none; border-bottom:1px solid #ddd;}
	.progress .top_box li span {float:left; font-size:2rem;}
	.progress .top_box li strong {float:right; font-size:2rem; margin-bottom:0;}
	.progress .top_box li em {font-size:1.8rem;}
}
@media all and (max-width:768px){
	.progress .top p {font-size:1.8rem;}
	.progress .top p span {font-size:2.5rem;}
	.progress .standard dt em {padding-left:0; display:block;}
}
@media all and (max-width:450px){
	.progress .top p {font-size:1.5rem;}
	.progress .top p span {font-size:2rem;}
}


/*키워드로 보는*/
.keyword {overflow:hidden;}
.keyword > div { padding:3rem 0; overflow:hidden; }
.keyword dl {position:relative; padding:3rem; background:#fff; border-radius:1rem; }
.keyword dt { font-weight:600; font-size:2.5rem; margin-bottom:2rem; padding-right:10rem; color:#0a3062;}
.keyword dt span { position:absolute; right:3rem; top:0; font-family:'GmarketSans', sans-serif; font-size:6rem; color:#536F8F; /*z-index:-1;*/ }
.keyword img {width:100%;}
.keyword .type1 { position:relative; padding:3rem 0 10rem; }
.keyword .type1 dl { position:absolute; width:56%; left:5%; bottom:0; background:#fff; }
.keyword .type1.right dl {left:auto; right:5%; }
.keyword .type2 { position:relative; }
.keyword .type2 .img { width:60%;}
.keyword .type2 dl { position:absolute; top:15%; right:0; width:55%; background:#fff; }
.keyword .type3 > div { float:left; width:48%; }
.keyword .type3 > div:first-child {margin-right:4%; }
.keyword .type3 dl { width:96%; margin:-5rem auto 0; z-index:10; }
.keyword .type4 .img { overflow:hidden; }
.keyword .type4 .img p { float:left; width:48%; }
.keyword .type4 .img p:first-child {margin-right:4%; }
.keyword .type4 .img p span { display:block; font-size:1.4rem; padding:1rem 0; text-align:center; }
.keyword .type4 dl {padding:3rem;}
@media all and (max-width:1023px){
  .keyword .type2 .img {position:absolute; left:0; top:0; }
  .keyword .type2 dl {position:relative; margin-left:50%;}
}
@media all and (max-width:768px){
  .keyword .type1 {padding:3rem 0;}
  .keyword .type1 .img {position:absolute; left:0; top:0; }
  .keyword .type1 dl { position:relative; bottom:auto; top:10%; }
	.keyword .type1.right dl { width:96%; right:auto; top:auto; margin:-5rem auto 0;}
	.keyword .type1.right .img {position:relative;}
}
@media all and (max-width:600px){
  .keyword > div {padding:0 !important;}
  .keyword .img { position:relative !important; left:auto !important; width:100% !important; }
  .keyword dl { margin:0 !important; top:auto; left:auto !important; right:auto !important; width:100% !important; }
  .keyword .type3 > div {width:100%; margin-right:0;}
}

/*게시판수정*/
.bbsHead, .bbsPhotoList, .pagination, #frmList, #dojisa_write, .board_view_wrap, .bbsView, .term_area { max-width:1400px; width:96%; margin:2rem auto; }
.bbsBtn {margin:2rem auto;}
.pagination {margin:3rem auto;}
.bbsPhotoList .lst>li .img { position:relative; height:220px; overflow:hidden;}
.bbsPhotoList .lst>li .img img {position:absolute; left:50%; top:50%; width:100%; height:auto; transform:translate(-50%, -50%); object-fit:cover; }
.bbsPhotoList .lst>li a { padding:0; }


/*도지사에게바란다_이전게시글*/
.board_view_wrap .board_top { background:#fafafb; border-top:2px solid #151515; border-bottom:1px solid #aaa; padding:13px 2%; overflow:hidden; }
.board_view_wrap .board_top .tle { display:inline-block; font-weight:600; font-size:1.8rem; }
.board_view_wrap .board_top .info { float:right; padding-left:3rem; }
.board_view_wrap .board_top .info span { padding-left:1.5rem; }
.board_view_wrap .board_top .info .name { font-weight:600; }
.board_ctn { padding:13px 2%; }
.petitionsReply_area { padding:13px 2%; background:#f5f5f5; border-radius:1rem; margin-bottom:3rem; border:1px solid #ccc; overflow:hidden; }
.petitionsReply_area .title { margin-bottom:1rem; font-weight:600; font-size:1.7rem; }
.petitionsReply_area .title span { font-weight:normal; padding-left:1rem; font-size: 1.6rem; }
.petitionsReply_area .agree { float:left; font-weight:600; font-size:1.7rem; }
.petitionsReply_area .agree strong { color:#b9005d; }
.petitionsReply_area .check { float:right; }
.petitionsReply_area .agree span {margin-left:3rem;}
.petitionsReply_area .btn_like, .petitionsReply_area .btn_check { display:inline-block; border-radius:2.2rem; border:none; color:#fff; font-weight:600; text-align:center; }
.petitionsReply_area .btn_like { padding:0.5rem 2rem 0.5rem 4rem; font-size:1.6rem; background:#b9005d url('/Main/Images/new/governor/sub/icon_like.png') no-repeat 1.5rem center; cursor:pointer;}
.petitionsReply_area .btn_check { padding:0.5rem 2rem; background:rgba(11,29,54,0.9); }
.petitionsAnswer_area .title { padding:13px 2%; color:#b9005d; border-top:2px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-weight:600; font-size:1.7rem; }
.petitionsAnswer_area p { padding:13px 2%; }
@media all and (max-width:600px){
	.board_view_wrap .board_top .tle { padding-bottom:13px; }
	.board_view_wrap .board_top .info { float:none; padding-top:13px; border-top:1px dotted #aaa; text-align:right; }
	.petitionsReply_area .title span { display:block; }
}

.bg_gray {background:#eee; font-weight:500;}

.for_dojisa {margin-bottom:4rem; padding:0 10rem; border:1px solid #ccc; background:#e5f5fe url('/Main/Images/new/governor/sub/for_dojisa_bg.png') no-repeat right bottom; border-radius:2rem; overflow:hidden;}
.for_dojisa dl {padding:5rem 0; background:url('/Main/Images/new/governor/sub/for_dojisa.png') no-repeat right bottom;}
.for_dojisa dt {font-size:5rem; font-weight:600; line-height:1.2;}
.for_dojisa dt .color1 {color:#00884e;}
.for_dojisa dt .color2 {color:#008172;}
.for_dojisa dt .color3 {color:#11719d;}
.for_dojisa dt .color4 {color:#2e68b1;}
.for_dojisa dt .color5 {color:#e0078b;}
.for_dojisa dt .color6 {color:#bb1f87;}
.for_dojisa dt .color7 {color:#982a87;}
.for_dojisa dt .color8 {color:#1d337f;}
.for_dojisa dt em {display:block;}
.for_dojisa dd {margin:2rem 0 0 0; font-size:2.3rem; font-weight:500; line-height:1.4;}
.for_dojisa dd span {display:block; margin:4rem 0 1rem 0; font-size:1.8rem; color:#7d7d7d; font-family:'GmarketSans', sans-serif;}
.for_dojisa dd em {padding-left:0.5rem;}
.for_dojisa dd a {font-size:1.6rem;}
@media all and (max-width:1200px){
	.for_dojisa {padding:0 5rem;}
	.for_dojisa dl {background-size:45% auto;}
}
@media all and (max-width:1023px){
	.for_dojisa {padding:0 3rem;}
	.for_dojisa dt {font-size:4rem;}
	.for_dojisa dd {font-size:1.9rem;}
	.for_dojisa dd span {font-size:1.5rem;}
}
@media all and (max-width:768px){
	.for_dojisa dl {padding:3rem 0;}
	.for_dojisa dt {font-size:3rem;}
	.for_dojisa dd {margin:1.5rem 0 4rem 0; font-size:1.6rem;}
	.for_dojisa dd span {margin:1.5rem 0; font-size:1.3rem;}
	.for_dojisa dd em {}
}
/*@media all and (max-width:650px){
	.for_dojisa {background-size:auto 17rem; background-position:center top; padding:0 3rem; text-align:center;}
	.for_dojisa dl {background-position:center top; padding:21rem 0 2rem 0;}
	.for_dojisa dt {font-size:3rem;}
	.for_dojisa dt em {display:inline-block; margin-left:1rem;}
	.for_dojisa dd {font-size:1.7rem;}
	.for_dojisa dd span {margin-top:2rem; font-size:1.6rem;}
}
@media all and (max-width:480px){
	.for_dojisa {background-size:auto 15rem; background-position:center top; padding:0 1.5rem; text-align:center;}
	.for_dojisa dl {background-position:center top; padding:17rem 0 2rem 0;}
	.for_dojisa dt {font-size:2.7rem;}
	.for_dojisa dt em {display:inline-block; margin-left:1rem;}
	.for_dojisa dd {font-size:1.5rem;}
	.for_dojisa dd span {margin-top:2rem; font-size:1.3rem;}
}*/

.for_dojisa_pwd {width:90%; margin:3rem auto; overflow:hidden;}
.for_dojisa_pwd h3 {padding-bottom:1rem; border-bottom:3px solid #000; font-size:2.2rem;}
.for_dojisa_pwd .form_group {padding:2rem 0; text-align:center;}
.for_dojisa_pwd .form_group .txt {margin-bottom:1.5rem; font-size:1.9rem; font-weight:500; color:#333;}


/*.caution {position:relative; margin:5px 0; padding-left:26px; font-size:15px;}
.caution span {position:absolute; left:-9999px; top:-9999px;}
.caution::before {content:'!'; position:absolute; left:0; top:3px; width:14px; height:14px; line-height:13px; background:#fff; border:2px solid #d72a2a; color:#d72a2a; border-radius:50%; text-align:center; font-weight:600; font-size:13px;}
*/


.bbsSrch .button.gray:focus, .bbsBtn a:focus, .bbsBtn input:focus, .board_btn_center a:focus, .Reply_area a:focus {outline:2px dashed #000;}
.bbsBtn {overflow:visible !important; display:inline-block; width:100%;}
.bbsBtn .bbs {border:1px solid #aaa !important;}


.promiss_list {overflow:hidden;}
.promiss_list li {float:left; width:23.5%; margin:0 0 4rem 2%; /*box-shadow:0.7rem 0.7rem 1rem #f1f1f1; transition:all 0.1s ease;*/}
.promiss_list li a {display:block; border:1px solid #e0e0e0;}
.promiss_list li a:hover {border:1px solid #b9005d;}
.promiss_list li:nth-child(4n+1) {margin-left:0;}
.promiss_list .top {padding:1rem 2rem; background:#eee; overflow:hidden;}
.promiss_list .top .newspaper {float:left; font-weight:600; color:#b9005d;}
.promiss_list .top .date {float:right;}
.promiss_list .title {margin:2rem; font-weight:600; font-size:1.9rem; line-height:1.5; height:5.5rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;}
.promiss_list .bottom {padding:0 2rem; border-top:1px solid #e0e0e0;}
.promiss_list .bottom p {margin:1.5rem 0; line-height:2.5rem; height:4.8rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;}
.promiss_list .bottom span {margin-right:1rem; padding:0.3rem 1rem; background:#b9005d; font-size:1.3rem; color:#fff; text-align:center; border-radius:0.5rem;}
/*.promiss_list .bottom .type {float:left; width:7rem; background:#b9005d; color:#fff; margin-right:1rem; line-height:3rem; font-size:1.3rem; text-align:center; border-radius:0.7rem;}
.promiss_list .bottom .txt {float:left; width:calc(100% - 9rem); height:3rem; line-height:3rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}*/
@media all and (max-width:1200px){
	.promiss_list li {width:32%;}
	.promiss_list li:nth-child(4n+1) {margin-left:2%;}
	.promiss_list li:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:850px){
	.promiss_list li {width:49%;}
	.promiss_list li:nth-child(3n+1) {margin-left:2%;}
	.promiss_list li:nth-child(2n+1) {margin-left:0;}
}
@media all and (max-width:665px){
	.promiss_list .top {padding:1rem 1.5rem;}
	.promiss_list .title {margin:1.5rem;}
	.promiss_list .bottom {padding:0 1.5rem;}
}
@media all and (max-width:480px){
	.promiss_list li {float:none; width:100%; margin-left:0;}
}
.condition > div:nth-child(2n) {background:#f3f3f3;}
.condition > div:nth-child(2n) .wrap {padding:0 0 4rem 0;}
.condition h5 em.num {display:inline-block; width:4rem; height:4rem; line-height:4rem; margin-right:1rem; font-size:2rem; text-align:center; color:#fff; background:#047E8B; border-radius:50%;}
@media all and (max-width:768px){
	.condition > div:nth-child(2n) .wrap {padding:0 0 3rem 0;}
}


.pledge > ul > li {border-bottom:1px solid #ddd; padding-top:3rem;}
.pledge > ul > li:first-child {padding-top:0;}
.pledge .txt {position:relative; padding:1rem 3rem 1rem 7rem; font-weight:600; font-size:2.1rem; background:#ddd; border-radius:5rem;}
.pledge .txt span {position:absolute; left:0; top:0; width:5.5rem; height:100%; line-height:5.2rem; /* font-family:'GmarketSans', sans-serif; */ font-size:2.7rem; font-weight:600; background:#047E8B; color:#fff; text-align:center;}
@media all and (max-width:850px){
	.pledge .txt {font-size:2rem;}
	.pledge .txt span  {font-size:2.3rem;}
}
@media all and (max-width:600px){
	.pledge .txt {font-size:1.8rem;}
	.pledge .txt span {font-size:2rem;}
}


.effect li {margin-bottom:2rem;}
.effect .txt {position:relative; padding:1rem 3rem 1rem 6.5rem; font-size:2.1rem; background:#ddd; border-radius:5rem; letter-spacing:-0.1rem;}
.effect .txt span {position:absolute; left:0; top:0; width:5.5rem; height:100%; line-height:5.2rem; font-size:2.7rem; font-weight:600; background:#047E8B; color:#fff; text-align:center;}
@media all and (max-width:850px){
	.effect .txt {font-size:1.8rem;}
}

.ai_gov {border-top:2px solid #151515;}
.ai_gov li {padding:2.5rem 0; border-bottom:1px solid #ccc;}
.ai_gov li a {display:block; overflow:hidden;}
.ai_gov .ai_img {float:left; width:30rem; margin:0 2.5rem 0 0;}
.ai_gov .ai_img img {width:100%;}
.ai_gov .ai_cont .subject {display:block; overflow:hidden;}
.ai_gov .ai_cont .subject p {float:left; display:inline-block; font-size:2.3rem; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ai_gov .ai_cont .date {margin:0.5rem 0 1.5rem 0;}
.ai_gov .ai_cont .cont {text-align:left; clear:none; margin-top:0; word-break:break-all; line-height:150%; font-size:1.7rem;}

.form_group video {display:block; width:100%; height:auto; object-fit: cover;}
.form_group .commentary {margin-top:2rem; padding:2rem; background:#f2f2f2; text-align:left !important; width:100%;}

.ready {margin:10rem 0; text-align:center;}

/*오염수방류성명서*/
.statement {padding:7rem; background:url('/Main/Images/new/governor/sub/bg_statement.jpg') no-repeat #ededed; background-size:cover;}
.statement .title {text-align:center; font-size:6rem; font-family:'Tenada'; line-height:1.2;}
.statement .title span {color:#0366c7;}
.statement .txt_box {margin-top:3rem; padding:5rem; background:#fff; border-radius:1.5rem;}
.statement .txt_box p {padding-bottom:3rem; font-size:2rem;}
.statement .txt_box p:last-child {padding-bottom:0;}
@media all and (max-width:1023px){
	.statement {padding:5rem;}
	.statement .title {font-size:5rem;}
	.statement .txt_box {padding:3rem;}
}
@media all and (max-width:768px){
	.statement {padding:3rem;}
	.statement .title {font-size:3rem;}
	.statement .txt_box {margin-top:2rem;}
	.statement .txt_box p {padding-bottom:1.5rem; font-size:1.8rem;}
}
@media all and (max-width:480px){
	.statement {padding:2.5rem;}
	.statement .txt_box {padding:2.5rem;}
}


.ebook_new {overflow:hidden;}
.ebook_new li {float:left; width:22%; margin:0 0 4rem 4%; padding:2.5rem; text-align:center; border:1px solid #ddd; box-shadow: -1px 8px 20px rgba(0,0,0,0.1);}
.ebook_new li:nth-child(4n+1) {clear:both; margin-left:0;}
.ebook_new li span {display:block;}
.ebook_new li .title {font-weight:600; font-size:1.9rem;}
.ebook_new li .img {margin:1rem 0 1.5rem 0;}
.ebook_new li .img img {max-width:100%;}
.ebook_new li .link a {position:relative; display:inline-block; padding:0 1.5rem;}
.ebook_new li .link a:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1.5rem; background:#555;}
.ebook_new li .link a:first-child::before {display:none;}
@media all and (max-width:1400px){
	.ebook_new li .title {font-size:1.8rem;}
	.ebook_new li a {letter-spacing:-0.1rem;}
}
@media all and (max-width:1280px){
	.ebook_new li {width:22.75%; margin-left:3%;}
	.ebook_new li a {padding:0 1rem; font-size:1.6rem;}
}
@media all and (max-width:1023px){
	.ebook_new li {width:31.3333%; margin-bottom:3rem;}
	.ebook_new li:nth-child(4n+1) {clear:none; margin-left:3%;}
	.ebook_new li:nth-child(3n+1) {clear:both; margin-left:0;}
}
@media all and (max-width:768px){
	.ebook_new li {width:48.5%; margin-bottom:2rem;}
	.ebook_new li:nth-child(3n+1) {clear:none; margin-left:3%;}
	.ebook_new li:nth-child(2n+1) {clear:both; margin-left:0;}
	.ebook_new li .title {font-size:17px;}
}
@media all and (max-width:480px){
	.ebook_new li a {padding:0 0.5rem; font-size:1.5rem;}
}