@charset "utf-8";

/*
================================================================================
메인콘텐츠
================================================================================
*/


/* 상단 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 아이콘배경 및 버튼형태 */
.gud_box{position:relative;margin-bottom:30px;padding:50px 60px;min-height:140px;background:#f6f6f6;border:1px solid #e3e3e3}
.gud_box h2{margin-bottom:15px;font-size:28px;color:#0e51b8}
.gud_box .btn_pos{position:absolute;left:60px;bottom:50px;}
.gud_box.bg01{background-image:url(/new_img/geumjeong/sub/s1_3_11_ic.gif);background-repeat:no-repeat;background-position:center right}
.gud_box.stop_bg{background-image:url(/new_img/geumjeong/sub/s_bg_stop.gif);background-repeat:no-repeat;background-position:center right}
.gud_box.bg_notice{background-image:url(/new_img/geumjeong/sub/s3_1_6_bg01.png);background-repeat:no-repeat;background-position:center right}
.gud_box.bg_photo{background-image:url(/new_img/geumjeong/sub/photoboard_bg.gif);background-repeat:no-repeat;background-position:center right}
.gud_box.bg007{background-image:url(/new_img/geumjeong/sub/s5_5_3_ic01.png);background-repeat:no-repeat;background-position:center right 30px; }

.guide_txt .content.ic002{background:url(/new_img/common/icon_img002.png) no-repeat 50px 25px;}
@media all and (max-width: 768px){
  .gud_box{background-image: none !important;min-height:auto;padding:20px;}
  .gud_box .btn_pos{margin-top: 10px;position: relative;bottom: 0;left: 0;}
}

.clearfix::after{display:block;clear:both;content:''}

section{width: 100%;position: relative;}
.content_box{width: 1000px;position: relative;margin: 0 auto;}
.content_box.wide{width: 1200px;}

.section01{background: url(/new_img/dong/main/m_bg01.jpg) top center no-repeat;padding-top: 40px;}

.content_box .con_wrap{position: relative;}
.content_box .con_wrap::after{content: "";width: 100%;display: block;height: 0;clear: both;}


.mConBox_1{width: 100%;height: auto;box-shadow: 15px 18px 20px rgba(0,0,0,0.2);}

/* 메인 비주얼 */
.mCon1_1{position:relative;width:100%;height:500px;overflow:hidden;}
.mCon1_1 .popSlide1 li{float:left}
.mCon1_1 .control{position:absolute;right:70px;bottom:70px;background:rgba(255,255,255,0.8);z-index:20}
.mCon1_1 .control .count{float:left;width:54px;height:50px;text-align:center;line-height:50px;font-size: 16px;letter-spacing: -1px;font-family: 'NanumSquare'}
.mCon1_1 .control button{position:relative;float:left;width:50px;height:50px;text-indent:-9999px;overflow:hidden;transition: all 0.3s}
.mCon1_1 .control button::after{position:absolute;content:'';background:url('/new_img/dong/com_img.png') no-repeat;}
.mCon1_1 .control .prevSlide1::after{background-position:-26px 0;width: 24px;height: 10px;right: 6px;top: 20px;}
.mCon1_1 .control .stopSlide1,.mCon1_1 .control .startSlide1{background: url(/new_img/dong/main/m_visual_con_bg.jpg) no-repeat;}
.mCon1_1 .control .nextSlide1::after{background-position:-60px 0;width: 24px;height: 10px;left: 6px;top: 20px;}
.mCon1_1 .control .stopSlide1::after{background-position:-94px 0;width: 12px;height: 16px;left: 19px;top: 17px;}
.mCon1_1 .control .startSlide1::after{background-position:-115px 0;width: 12px;height: 16px;left: 19px;top: 17px;}
.mCon1_1 .control .swiper-pagination-current{font-size: 22px;font-weight: bold;color: #333;}

.mCon1_1 .control .stopSlide1::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: "";display: inline-block;z-index: 30;transition: all 0.3s}

.mCon1_1 .tit_box{position: absolute;right: 70px;bottom: 160px;text-align: right;z-index: 10;}
.mCon1_1 .tit_box h2{font-family: 'NanumSquare';font-weight: bold;color: #fff;font-size: 36px;line-height: 1.1;}
.mCon1_1 .tit_box2{position: absolute;right: 70px;bottom: 235px}
.mCon1_1 .tit_box2 span{position:relative;font-size: 16px;margin-bottom: 15px;color: #fff;display: inline-block;padding-left: 25px;}
.mCon1_1 .tit_box2 span::after{content: "";display: inline-block;position: absolute;background: url(/new_img/dong/com_img.png) 0 0 no-repeat;width: 16px;height: 18px;top: -2px;left:0;}


/* 퀵메뉴 */

.mCon1_2{width: 100%;height: 120px;background: #fff;padding:20px 30px;box-sizing: border-box;}
.mCon1_2 ul li{float: left;/*width: 16.66%;*/width: 14.28%;height: 100%;text-align: center;}
.mCon1_2 ul li a{display: inline-block;padding-left: 92px;position: relative;box-sizing: border-box;font-weight: bold;font-size: 15px;text-decoration: none;}
.mCon1_2 ul li a::after{content: "";display: inline-block;width: 82px;height: 82px;background-color: #f7f7f7;background-position: center center;background-repeat: no-repeat;border-radius: 50%;left: 0;top: 0;position: absolute;transition: all 0.3s;}
.mCon1_2 ul li a:hover::after,.mCon1_2 ul li a:focus::after{background-color: #e5e5e5;}
.mCon1_2 .table_block{width: 100%;height: 80px;display: table;text-align: left;}
.mCon1_2 .table_block span{display: table-cell;vertical-align: middle;line-height: 1.3}
.mCon1_2 ul li.ic01 a::after{background-image: url(/new_img/dong/main/m_link_ic01.png);}
.mCon1_2 ul li.ic02 a::after{background-image: url(/new_img/dong/main/m_link_ic02.png);}
.mCon1_2 ul li.ic03 a::after{background-image: url(/new_img/dong/main/m_link_ic03.png);}
.mCon1_2 ul li.ic04 a::after{background-image: url(/new_img/dong/main/m_link_ic04.png);}
.mCon1_2 ul li.ic05 a::after{background-image: url(/new_img/dong/main/m_link_ic05.png);}
.mCon1_2 ul li.ic06 a::after{background-image: url(/new_img/dong/main/m_link_ic06.png);}
.mCon1_2 ul li.ic07 a::after{background-image: url(/new_img/dong/main/m_link_ic07.png);}
.mCon1_2 ul li.ic08 a::after{background-image: url(/new_img/dong/main/m_link_ic08.png);}


.mCon2{margin-bottom: 60px}
.mCon2::after{content: "";display: block;width: 100%;height:0;clear: both;}
.content_box > h2{font-family: 'NanumSquare';font-weight: bold;font-size: 28px;text-align: center;margin-top: 53px;color: #111;}
.content_box > p{font-size: 15px;text-align: center;margin-top: 10px;margin-bottom: 30px;}


/* 팝업존 */
.mCon2_1{position:relative;width:500px;height:325px;float: left;}
.mCon2_1 .popSlide2 li{float:left}
.mCon2_1 .control{position:absolute;left:50%;bottom:0;transform: translateX(-50%);-ms-transform: translateX(-50%);background:#fff;z-index:20;width: 410px;height: 51px;box-sizing: border-box;}
.mCon2_1 .control h3{position: absolute;font-family: 'NanumSquare';font-size: 18px;left: 21px;top:17px;}
.mCon2_1 .control .count{position:absolute;/*right:101px;width:30px;*/right:98px;width:36px;height:51px;color:#555;text-align:center;line-height:50px}
.mCon2_1 .control .swiper-pagination-current{font-size: 19px;font-weight: bold;color: #111;}
.mCon2_1 .control button{position:absolute;text-indent:-9999px;overflow:hidden;transition: all 0.3s;}
.mCon2_1 .control button::after{position:absolute;width:100%;height:100%;content:'';background:url('/new_img/dong/com_img.png') no-repeat;left: 0;top: 0;}
.mCon2_1 .control .stopSlide,.mCon2_1 .control .startSlide{width: 32px;height: 32px;border-radius: 50%;border:1px solid #767676;background-color: #fff;right: 21px;top: 10px;}
.mCon2_1 .control .stopSlide:hover,.mCon2_1 .control .startSlide:hover{border-color: #555}
.mCon2_1 .control .prevSlide{width: 17px;height: 17px;right: 141px;top: 20px;}
.mCon2_1 .control .nextSlide{width: 17px;height: 17px;right: 73px;top: 20px;}
.mCon2_1 .control .prevSlide::after{background-position:-138px 0;}
.mCon2_1 .control .nextSlide::after{background-position:-163px 0;}
.mCon2_1 .control .stopSlide::after{background-position:-188px 9px;}
.mCon2_1 .control .startSlide::after{background-position:-218px 9px;}



/* 공지사항 */
.mCon2_2{width:480px;height: 325px;float: left;margin-left: 20px;background: #fff;position: relative;padding: 40px 0 0 40px;box-sizing: border-box;}
.mCon2_2 ul li{float: left;margin-right: 25px;}
.mCon2_2 ul li:last-child{margin-right: 0;}
.mCon2_2 ul li .tit{padding-right: 21px;font-family: 'NanumSquare';font-size: 20px;position: relative;text-decoration: none;}
.mCon2_2 ul li .tit::after{content: "";display: inline-block;width: 12px;height: 7px;background: url(/new_img/dong/com_img.png) -280px 0;position: absolute;right: 0;top: 7px;}
.mCon2_2 ul li .tit.on{font-weight: bold;color: #111;}
.mCon2_2 ul li .tit.on::after{background-position: -258px 0}
.mCon2_2 ul li .tit.on::before{content: "";display: inline-block;position: absolute;width:100%;height: 5px;background: url(/new_img/dong/main/m_con2_2_bg.jpg) no-repeat;background-size: cover;top: -40px;left: 0;}
.mCon2_2 .tab_con{position: absolute;width:400px;height: 237px;left: 40px;top: 74px}

.mCon2_2 .btn_more{display: inline-block;width: 30px;height: 30px;border:1px solid #767676;position: absolute;text-indent: -9999px;border-radius: 50%;right: -4px;top: -40px}
.mCon2_2 .btn_more::after{content: "";display: inline-block;position: absolute;top: 7px;left: 7px;background: url(/new_img/dong/com_img.png) -302px 0;width: 16px;height: 16px;transition: all 0.3s}
.mCon2_2 .btn_more:hover::after{transform: rotate(90deg);-ms-transform: rotate(90deg);}

.mCon2_2 .tab_con dl{width: 100%;height: 79px;border-bottom: 1px solid #d7d7d7;box-sizing: border-box;padding-left: 107px;position: relative;}
.mCon2_2 .tab_con dl:last-of-type{border-bottom: none;}
.mCon2_2 .tab_con dl dd a{width: 100%;line-height: 79px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mCon2_2 .tab_con dl dt{position: absolute;top: 25px;left: 0;padding-left: 47px;color: #111;line-height: 1.2;font-weight: bold;}
.mCon2_2 .tab_con dl dt span{position: absolute;top: 0;left: 0;font-size: 36px;font-family: 'NanumSquare';font-weight: bold;line-height: 1;letter-spacing: -2.5px;}



.mCon3{margin-bottom: 94px}

/* 금정알리미 */
.mCon3 > article{width: 320px;height: 210px;margin-right: 20px;float: left;}
.mCon3 > article:last-child{margin-right: 0;}

.mCon3 > article a{display: block;position: relative;height:100%}
.mCon3 > article .img_box{width: 100%;height: 100%;overflow: hidden;}
.mCon3 > article .img_box::before{background: rgba(0,0,0,0.5);content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.mCon3 > article .img_box img{transition: all 0.3s;-ms-transition: all 0.3s;height:100%}
.mCon3 > article a:hover img{transform: scale(1.1);}
.mCon3 .txt_box{position: absolute;top: 68px;width: 100%;text-align: center;z-index: 20;}
.mCon3 .txt_box h3{font-family: 'NanumSquare';font-weight: bold;font-size: 22px;color: #fff;margin-bottom: 12px;display: inline-block;position: relative;line-height: 1.2}
.mCon3 .mCon3_3 .txt_box h3{margin-top: -14px}
.mCon3 .txt_box h3::before{content: "";display: inline-block;position: absolute;background: url(/new_img/dong/com_img.png) 0 -41px no-repeat;width: 40px;height: 40px;top: -22px;left: -21px;}
.mCon3 .txt_box p{text-align: center;color: #fff;font-size: 16px;}
.mCon3 > article span{display: inline-block;width: 170px;height: 50px;box-sizing: border-box;padding-right: 50px;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);color: #fff;font-weight: bold;text-align: center;line-height: 50px;z-index: 20;}
.mCon3 > article span::after{content: "";display: inline-block;position:absolute;background: url(/new_img/dong/com_img.png) no-repeat;width: 50px;height: 50px;top: 0px;right: 0px;}
.mCon3 > article.mCon3_1 span{background-color: #184b76}
.mCon3 > article.mCon3_2 span{background-color: #2b9baf}
.mCon3 > article.mCon3_3 span{background-color: #8d6da5}
.mCon3 > article.mCon3_1 span::after{background-position: -48px -28px;background-color: #042d50}
.mCon3 > article.mCon3_2 span::after{background-position: -95px -27px;background-color: #1c899c}
.mCon3 > article.mCon3_3 span::after{background-position: -143px -29px;background-color: #785692}


/* 통장소개 */
.s1_4_dongjang{position:relative;}
.s1_4_dongjang .dongjang_con{position:relative; padding-bottom:65px; background:#edebeb url('/new_img/dong/sub/s1_4_dongjang_bg.jpg') no-repeat center top; background-size:contain;}
.s1_4_dongjang .dongjang_con .conbox_tit{display:block; margin:0 auto; padding:50px 0;}
.s1_4_dongjang .dongjang_con .conbox_txt{margin:0px auto; padding:0 30px;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2{position:relative;text-align:left;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li{width:calc(45% - 15px);display:inline-block; *display:inline;zoom:1;margin:20px auto 0;padding: 20px 14px 20px 20px;border-top:2px solid #5c81c6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#fff url('/new_img/common/guide_bg.jpg') no-repeat right top;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li:nth-child(2n-1){margin-right:20px;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li > p{font-size:16px;color:#555;letter-spacing:-1.2px;line-height:35px; text-align:center;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li > p > strong{font-size:24px; letter-spacing:-0.6px; color:#000; margin-left:5px;vertical-align: middle;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li > p > img{display: none; margin:0 0 0 20px; border:1px solid #efefef;}
@media (max-width: 1024px){
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li{width:calc(50% - 50px); padding:20px 14px 20px 20px;}
}
@media all and (max-width: 768px){
.s1_4_dongjang .dongjang_con .conbox_txt .li2{text-align:center;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li{width:85%;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li:nth-child(2n-1){margin-right:0;}
}
@media all and (max-width: 460px){
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li > p{line-height:24px;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li > p > strong{font-size:20px;}
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li > p > img{float:none;margin:10px;}
}
@media all and (max-width: 405px){
.s1_4_dongjang .dongjang_con .conbox_txt .li2 li{padding:25px 14px 15px 20px;}
}

.mCon4{margin-bottom: 80px}
/* 직원검색,오시는길 */
.mCon4 .con_wrap{float: left;width: 500px;height: 320px;box-shadow: 10px 12px 20px rgba(0,0,0,0.2);z-index: 10;}
.mCon4 .con_wrap > article{width: 50%;float:left;height: 100%;position: relative;overflow:hidden;}
.mCon4 .con_wrap > article a{display: block;width: 100%;height: 100%;text-decoration: none;box-sizing: border-box;padding: 44px 0 0 40px;}
.mCon4 .con_wrap > article a:focus{outline:2px dashed #000;outline-offset: -3px;height:320px;}
.mCon4 .con_wrap > article h3{font-family: 'NanumSquare';font-size: 22px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.mCon4 .con_wrap > article p{position:relative;z-index:1;line-height: 1.4}
.mCon4 .con_wrap > article::after{content: "";display: inline-block;position:absolute;background-image: url(/new_img/dong/com_img.png);background-repeat: no-repeat;width: 25px;height: 8px;top: 143px;left: 40px;}
.mCon4 .mCon4_1{background: url(/new_img/dong/main/m_con4_1_img.jpg) no-repeat;background-size:cover;}
.mCon4 .mCon4_2{background: #f4f4f4;}
.mCon4 .mCon4_2_1{background: linear-gradient(180deg,#0c847e,#54b076)}
.mCon4 .mCon4_1::after{background-position: -203px -41px;}
.mCon4 .mCon4_1 h3,.mCon4 .mCon4_1 p{color: #fff;}
.mCon4 .mCon4_2::after{background-position: -248px -41px;}
.mCon4 .mCon4_2 h3,.mCon4 .mCon4_2 p{color: #333;}
.mCon4 .con_wrap > article.mCon4_2_1::after{background-position: -203px -41px;top: 160px}
.mCon4 .mCon4_2_1 h3,.mCon4 .mCon4_2_1 p{color: #fff;}

.mCon4 .con_wrap > article::before{content:"";display:inline-block;position:absolute;}
.mCon4 .mCon4_1::before{width:208px;height:155px;background: url(/new_img/dong/main/m_con4_1_ic.png) no-repeat;bottom:0;right:10px;z-index:0;}
.mCon4 .mCon4_2::before{width:120px;height:136px;background: url(/new_img/dong/main/m_con4_2_ic.png) no-repeat;bottom:20px;right:26px;z-index:0;}
.mCon4 .mCon4_2_1::before{width:120px;height:136px;background: url(/new_img/dong/main/m_con4_3_ic.png) no-repeat;bottom:8px;right:18px;z-index:0;}


/* 포토슬라이드 */
.mCon4_3{position:relative;width:500px;height:320px;float: left;overflow:hidden}
.mCon4_3 .popSlide3 li{float:left}
.mCon4_3 .popSlide3 li a:focus{display:inline-block;outline:2px dashed #000;outline-offset: -3px;height:320px;}
.mCon4_3 .control{position:absolute;right:0;bottom:0;z-index:20;}
.mCon4_3 .control button{float:left;text-indent:-9999px;overflow:hidden;transition: all 0.3s;width: 50px;height: 50px;background: rgba(255,255,255,0.9);position: relative;}
.mCon4_3 .control button::after{position:absolute;width:15px;height:12px;content:'';background:url('/new_img/dong/com_img.png') no-repeat;left: 18px;top: 19px;}
.mCon4_3 .control .prevSlide3{margin-right: 1px;}
.mCon4_3 .control .prevSlide3::after{background-position:-138px 0;}
.mCon4_3 .control .nextSlide3::after{background-position:-163px 0;}

.mCon4_3 .control .prevSlide3:hover{background-color: rgba(255,255,255,1)}
.mCon4_3 .control .nextSlide3:hover{background-color: rgba(255,255,255,1)}



.section02{width: 100%;height: 180px;background: #e3e5fe}
.section02 .content_box,.mCon5{height: 100%}
.mCon5{padding-left: 369px;position: relative;}
.mCon5::after{content: "";display: inline-block;position:absolute;background: url(/new_img/dong/main/m_con5_bg.jpg) no-repeat;width: 244px;height: 159px;bottom: 0;left: 54px;}
.mCon5 h3{padding-top: 81px;color: #260ca3;font-family: 'NanumSquare';font-size: 22px;font-weight: bold;position: relative;display: inline-block;text-align: right;z-index: 0;float: left;margin-right: 60px;}
.mCon5 h3::after{content: "";display: inline-block;position:absolute;width: 100px;height: 100px;top: 40px;left: -25px;border:3px solid #260ca3;z-index: -2;box-sizing: border-box;}
.mCon5 h3::before{content: "";display: inline-block;position:absolute;width: 45px;height: 75px;top: 68px;left: 56px;background: #e3e5fe;z-index: -1;}
.mCon5 dl{margin-top: 57px;float: left;}
.mCon5 dl:first-of-type{margin-right: 52px}
.mCon5 dl dt{padding: 4px 20px;border-radius: 15px;background: #fff;font-size: 14px;font-weight: bold;margin-bottom: 12px;color: #4028b2;display: inline-block;}
.mCon5 dl dd{font-weight: bold;font-size: 22px;color: #4028b2;}



/* 공공누리 */
.nuri_box{padding-left:280px;}


/* 민원안내 */
.guidebtn_txt01{position:relative;margin-bottom:20px;border-top:2px solid #5c81c6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:url(/img/common/guide_bg.jpg) no-repeat right top;}
.guidebtn_txt01 .content{display:inline-block;padding:15px 25px 25px 200px; width:340px;}
.guidebtn_txt01 .content.ic01{background:url(/img/geumjeong/sub/ic_gugmin.png) no-repeat 50px 40px;}
.guidebtn_txt01 .content.ic02{background:url(/img/geumjeong/sub/ic_korea.png) no-repeat 50px 50px;}
.guidebtn_txt01 .content.ic03{background:url(/img/geumjeong/sub/ic_minwon.png) no-repeat 50px 35px;}
.guidebtn_txt01 .content h2,.guide_txt .content h3{margin-bottom:5px;font-size:16px}
.guidebtn_txt01 .gt01_btn{position:absolute; right:30px; top:50px; width:150px; height:35px;}






@media all and (max-width: 1200px){
.content_box.wide{width: 100%}
.mCon1_1{height: auto;}
.mCon1_1 .tit_box{right: 30px;bottom: 120px}
.mCon1_1 .tit_box2{right: 30px;bottom: 195px}
.mCon1_1 .control{right: 30px;bottom: 20px;}
.mCon1_2{height: auto;padding: 10px 0;}
.mCon1_2 ul li{width: 33.33%;margin:10px 0;}
.mCon1_2 ul li a{width: 160px;}

}


@media all and (max-width: 1024px){
.content_box{width: 100%;padding: 0 15px;box-sizing: border-box;}
.mCon2_1{width: 49%;}
.mCon2_1 li img{height: 100%}
.mCon2_1 .control{width: 85%}
.mCon2_2{width: 49%;margin-left: 2%;padding: 40px 30px}
.mCon2_2 ul li{margin-right: 15px}
.mCon2_2 ul li .tit{font-size: 17px}
.mCon2_2 .tab_con{width: calc(100% - 60px);left: 30px}
.mCon2_2 ul li .tit.on::before{top: -43px}

.mCon3 > article{width: 32.33%;margin-right: 1.5%;height:auto;}

.mCon4 .mCon4_2_1::before{right: 10px;bottom: 0px}

.mCon4 .con_wrap,.mCon4_3{width: 50%;}
.mCon4_3 li img{height: 100%}

.mCon5{padding-left: 30px;}
.mCon5::after{right: 0;left: inherit;}
.mCon5 dl{position: relative;z-index: 10;}

}

@media all and (max-width: 1024px) and (min-width:640px){
  .mCon3 > article a{padding-bottom:50px;}
  .mCon3 > article span{bottom:0;width:100%}
  .mCon3 > article a img{min-height:165px;}
}
@media all and (max-width: 768px){
  .mCon5::after{display:none;}
}

@media all and (max-width: 640px){
  
  /* 공공누리 */
  .nuri_wrap{position: relative !important;margin-bottom: 10px;}
  .nuri_box{padding: 0;}


.content_box{padding:0 10px;}

.mCon1_1{padding-bottom: 50px;}
.mCon1_1 .tit_box{right: 20px;bottom: 60px}
.mCon1_1 .tit_box span{margin-bottom: 10px}
.mCon1_1 .tit_box h2{font-size: 20px;line-height: 1.3}
.mCon1_1 .tit_box2{right: 20px;bottom: 60px}
.mCon1_1 .control{right: 0;bottom: 0;width: 100%;text-align: center;box-sizing: border-box;padding-right: 50px;height: 50px;}
.mCon1_1 .control .stopSlide1, .mCon1_1 .control .startSlide1{position: absolute;float: none;right: 0;top: 0;}
.mCon1_1 .control button{position: absolute;float: none;}
.mCon1_1 .control .count{float: none;}
.mCon1_1 .control .nextSlide1{right: 50px;}
.mCon1_1 .control .prevSlide1{left: 0;}

.mCon1_1 li img{min-height:180px;}


.mCon1_2{margin-top: 20px}
.mCon1_2 ul li{width: 50%}

.mCon2_1{width: 100%;margin-bottom: 30px;height: auto;}
.mCon2_1 .control{bottom: -10px}
.mCon2_1 li img{height: auto;width: 100%}
.mCon2_1 .control{width: 100%;position: relative;bottom: 0;left: 0;transform: translateX(0);-ms-transform: translateX(0);}

.mCon2_2{margin-left: 0;width: 100%;}
.mCon2_2 ul li{margin-right: 10px;}
.mCon2_2{padding: 20px 15px;height: 260px}
.mCon2_2 .btn_more{display: none;}
.mCon2_2 .tab_con{top: 44px;}
.mCon2_2 .tab_con dl{padding-left: 90px;height: 70px;line-height: 70px;}
.mCon2_2 .tab_con dl dt{padding-left: 40px;font-size: 13px;line-height: 1.1;}
.mCon2_2 .tab_con dl dt span{font-size: 30px;}
.mCon2_2 ul li .tit.on::before{top: -22px}

.mCon3{margin-bottom: 30px}
.mCon3 > article{margin-right: 0;width: 100%;height: auto;margin-bottom: 40px}
.mCon3 > article .img_box img{width: 100%;height: auto;max-height: 250px}


.mCon4{margin-bottom: 30px}
.mCon4 .con_wrap{box-shadow: none;}
.mCon4 .con_wrap, .mCon4_3{width: 100%;}
.mCon4 .con_wrap,.mCon4_3{height: auto;}
.mCon4 .con_wrap > article{height: 200px}
.mCon4_3 li img{height: 100%;width: 100%}
.mCon4_3{height:0;padding-bottom: 64%;}

.mCon4 .mCon4_1::before{width:140px;height:104px;background-size:cover;right:0;}
.mCon4 .mCon4_2::before{width:80px;height:91px;background-size:cover;right:10px;bottom:10px}
.mCon4 .con_wrap > article.mCon4_2_1::after{top: 143px}

.section02{height: auto;}
.mCon5{height: auto;padding-bottom: 20px;overflow: hidden;}
.mCon5::after{display: none;}
.mCon5 h3 br{display: none;}
.mCon5 h3{padding-top: 63px;display: block;float: none;text-align: left;}
.mCon5 h3::before{width: 45px;height: 50px;top: 50px;left: 24px;}
.mCon5 h3::after{width: 70px;height: 70px;top: 28px;left: -25px}
.mCon5 dl{width: 50%;margin-top: 35px}
.mCon5 dl:first-of-type{margin-right: 0;}

  
}


@media all and (max-width: 450px){

.mCon4 .con_wrap > article{width: 100%;height: 180px}
.mCon4 .con_wrap > article a{padding: 30px}
.mCon5 dl{width: 100%}
.mCon5 dl:last-of-type{margin-top: 20px}

}

/* 모바일 본청(pc버전에서 우선실행되어야하는 것들) */
.tab_txt01 .on_txt{display:none}              


/* sns 링크 */
.sns_link_box{position: absolute;right: 82px;top: 110px;}
.sns_link_box ul li{float: left;}
.sns_link_box ul li a{width: 36px;height: 32px;display: inline-block;background-repeat: no-repeat;background-position: center center;text-indent: -9999px;}
.sns_link_box ul li .ic01{background-image: url(/new_img/geumjeong/common/sub_sns_ic01.png);background-color: #3162a8}
.sns_link_box ul li .ic02{background-image: url(/new_img/geumjeong/common/sub_sns_ic02_2024.png);background-color: #000000}
.sns_link_box ul li .ic03{background-image: url(/new_img/geumjeong/common/sub_sns_ic03.png);background-color: #3eb11f}
.sns_link_box ul li .ic04{background-image: url(/new_img/geumjeong/common/sub_sns_ic04.png);background-color: #97c800}
.sns_link_box ul li .ic05{background-image: url(/new_img/geumjeong/common/sub_sns_ic05.png);background-color: #f3cb00}
.sns_link_box .sns_link_btn{width: 36px;height: 34px;background: #535353 url(/new_img/geumjeong/common/sub_sns_share.png) center center no-repeat;text-indent: -9999px;display: none;}
@media all and (max-width: 1024px){
  .sns_link_box ul{position: absolute;display: none;}
  .sns_link_box ul li{float: none;}
  .sns_link_box .sns_link_btn{display: inline-block;}
  .sns_link_box{right: 3px;top: 3px;z-index: 10;}
}
               

/*
================================================================================
서브콘텐츠
================================================================================
*/


.s1_1_box_2{
    padding: 40px 0; position: relative;
    border-top: 2px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    box-sizing: border-box;
}
.s1_1_box_2 .history{
    width: 100%; height: 100%; position: relative;
}
.s1_1_box_2 .history .line{
    content:""; display: inline-block;
    width:1px; height: 100%;
    position: absolute; top: 0px; left:50%;
    padding: 40px 0;
    background: #d7d7d7;
    box-sizing: border-box;
}
.s1_1_box_2 .history .line::after{
    content:""; display: inline-block;
    width:7px; height: 7px;
    position: absolute; top: 0; left: 50%;
    margin-left: -4px; border-radius: 50%;
    background: #d7d7d7;
}
.s1_1_box_2 .history .line::before{
    content:""; display: inline-block;
    width:7px; height: 7px;
    position: absolute; bottom: 0; left: 50%;
    margin-left: -4px; border-radius: 50%;
    background: #d7d7d7;
}
.s1_1_box_2 .listBox{
    padding: 40px 0;
    box-sizing: border-box;
}
.s1_1_box_2 dl{
    margin-bottom: 20px; position: relative;
}

.s1_1_box_2 dl:last-child{
    margin-bottom: 0;
}
.s1_1_box_2 dl:nth-child(2n+1){
    padding-left: 50%;
    margin-left: 25px;
}
.s1_1_box_2 dl:nth-child(2n+2){
    padding-right: 50%; text-align: right;
    margin-right: 25px;
}
.s1_1_box_2 dl:nth-child(2n+1)::before{
    content: ""; display: inline-block;
    width: 12px; height: 12px;
    border:2px solid #1f5ebc;
    background: #fff; border-radius: 50%;
    position: absolute; top: 5px; left: 50%;
    margin-left: -20px;
}
.s1_1_box_2 dl:nth-child(2n+2)::before{
    content: ""; display: inline-block;
    width: 12px; height: 12px;
    border:2px solid #1f5ebc;
    background: #fff; border-radius: 50%;
    position: absolute; top: 5px; left: 50%;
    margin-left: 5px;
}
.s1_1_box_2 dt{
    font-size: 22px; font-weight: bold;
    color: #1f5ebc;
}




@media all and (max-width: 640px){

    .s1_1_box_2{
        padding: 20px 0;
    }
    .s1_1_box_2 .history .line{
        left: 5px;
    }
    .s1_1_box_2 .listBox{
        padding: 35px 0;
    }
    .s1_1_box_2 dl{
        padding: 0 0 0 30px !important;
        text-align: left !important;
        margin: 0 0 20px 0 !important;
    }
    .s1_1_box_2 dl::before{
        left:0 !important;
        margin: 0 0 0 -2px !important;
    }

.guidebtn_txt01 .content{padding:65px 25px 25px 25px;background-position:40px 30px !important;}
.guidebtn_txt01 .gt01_btn{position:relative;right:0;top:0;margin: 0 auto 25px auto}

}