@charset "utf-8";

/* ==============================
 * 해운대 의회 컨텐츠css
 * ============================== */

/* 로그인 */
div#bon {  position:relative; margin:30px auto; height:680px; width:100%;}
div#bon div.bon_info {position:absolute; top:380px; left:20px; }
div#bon div.bon_info span {color:#ff6600;}

div#bon .boox {border:1px solid #dedede; width:49.5%; height:330px; border-top:3px solid #6699cc; text-align:center; position:absolute; }
div#bon .boox h2 {font-weight:bold; margin-bottom:10px; font-size:120%; border-top:1px solid #dedede; margin-top:100px; padding-top:10px; color:#000;}
div#bon .boox p {line-height:20px; padding:25px; margin:0px; font-size:14px; }
div#bon .boox a {background:#3366cc; color:#fff; display:block; padding:5px 40px; position:absolute; bottom:25px; left:50%; margin-left:-72px; text-decoration:none;}
div#bon .boox a:hover {color:#fff; background:#ff6600;}

div#bon .sil {left:0px; top:15px; background:url(/user_res/images/contents/sil01.gif) no-repeat 50% 20px;}
div#bon .gpin {left:50%; top:15px; background:url(/user_res/images/contents/sil02.gif) no-repeat 50% 20px;}

/* 상단 슬라이드 기본설정 */
.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;
}


 /*
 ================================================================
     메인 컨텐츠css
 ================================================================ 
 */


.contentBox{width: 100%;max-width: 1400px;margin: 0 auto;}

.section01{
  width: 100%;height: auto; padding: 30px 0 ;
  background-color:#f1f0f8; position: relative;
}
.section01 .m_search_wrap{
  width: 100%; max-width: 600px; height: 60px;
  border: 3px solid #495097; border-radius: 30px; background-color: #fff;
  margin: 0 auto; overflow: hidden; box-sizing: border-box; margin-bottom: 30px;
}
.section01 .m_search_wrap .input_box{width: 100%;position: relative; display: flex;justify-content: space-between;}
.section01 .m_search_wrap label {
  width: 20%; height: 20px; margin: 18px 0;
  line-height: 20px;font-size: 18px;font-weight: bold; color: #495097; text-align: center;
  border-right: 3px solid #495097;
}
.section01 .m_search_wrap input[type="text"]{
  color: #979eaf;width: calc(76% - 65px); border: none; padding: 0 10px;height: 54px; margin: 0 2%;
}
.section01 .m_search_wrap .btn_search {
  width: 45px; height: 38px;
  line-height: 60px; font-size: 0; text-indent: -999px;
  background: url(/council/images/common/main_icon.png) no-repeat  -2px -50px;
  margin: 8px 10px;
}
  
.sec01_top {overflow: hidden;display: flex;justify-content: space-between;}

/* 팝업존 */
.main_slide {
  position:relative;
  width:67%;
  max-width:940px;
  max-height: 450px;
  border-radius: 20px;
  overflow:hidden;
  /* float: left; */
  margin: 0;
}
.main_slide .popSlide1 li{float:left}
.main_slide .popSlide1 li img{width: 100%;height: 100%}
.main_slide .control{ position:absolute; right:10px;bottom:20px;z-index:20;}
.main_slide .control .count{
  width:57px;
  height:40px;
  color:#fff;
  text-align:center;
  line-height:40px;
  background:rgba(0,0,0,0.5);
  float:left;
  border-radius: 5px;
  margin-right: 3px;
}
.main_slide .control button{
  position:relative;float:left;width:40px;height:40px;
  text-indent:-9999px;overflow:hidden;transition: all 0.3s;
  background:rgba(0,0,0,0.5); border-radius: 5px; margin-right: 3px;
}
.main_slide .control button::after{position:absolute;content:'';top: 13px;left: 16px;background:url(/user_res/images_council/img_common.png) no-repeat;}
.main_slide .control button:hover{background:rgba(0,0,0,0.3);}
.main_slide .control .swiper-pagination-fraction{letter-spacing: -1.5px;}
.main_slide .control .swiper-pagination-current{font-size: 17px; font-weight: bold;}
.main_slide .control .swiper-pagination-total{font-size: 15px;}
.main_slide .control .prevSlide1::after{width: 8px; height: 14px;background-position:-112px -26px}
.main_slide .control .nextSlide1::after{width: 8px;height: 14px;background-position: -168px -26px;}
.main_slide .control .stopSlide1::after{width: 9px; height: 14px;background-position:-130px -26px}
.main_slide .control .startSlide1::after{width: 9px; height: 14px;background-position:-149px -26px}
.section01 .bx-wrapper .bx-controls {position: absolute;bottom: 0;right: 0;z-index: 99;}
.section01 .bx-wrapper .bx-controls .bx-controls-direction a {    
  display: inline-block;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
}
.section01 .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { background: url(/user_res/images/main/controls2.png) no-repeat 0px -50px; }
.section01 .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { background: url(/user_res/images/main/controls2.png) no-repeat -50px -50px;}

.sec01_right {width: 30%;}

/*의장 introduce*/
.introduce {
  width: 100%;
  height: 250px;
  border-radius: 20px;
  padding: 50px 0 0 45px;
  color: #fff;
  background: url(/council/images/main/ceo_img.png) right bottom no-repeat#09adb6;
}
.introduce h3 {font-family: 'GmarketSans';font-weight: bold; letter-spacing: 0; font-size: 22px;}
.introduce p {font-size: 20px; line-height: 25px; margin: 10px 0;}
.introduce p span {font-size: 24px;}
.introduce .btn_more {
  width: 100px; height: 30px; border: 1px solid #ffffff9f; 
  border-radius: 5px; padding: 4px 15px; margin-top: 30px; position: relative;
}
.introduce .btn_more::after {
  content: '+'; color: #fff; font-size: 20px; margin-left: 20px; position: absolute;
  right: 10px; top: -1px; 
}
.introduce .btn_more:hover {background-color: #0000001a;}

.schedule {
  width: 100%; height: 160px; color: #fff; border-radius: 20px; background-color: #495097; margin-top: 40px; padding: 25px; 
}
.schedule .today_schedule {font-family: 'GmarketSans';font-weight: bold;font-size: 21px;overflow: hidden;margin-bottom: 15px;}
.schedule .today_schedule a {float: left;}
.schedule .today_schedule a::after {
  content: '+';
  display: inline-block;
  font-weight: lighter;
  font-size: 18px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid #ffffff8c;
  text-align: center;
  line-height: 23px;
  margin-left: 10px;
}
.schedule .today_schedule .today {font-family: 'GmarketSans'; font-weight: lighter; float: right; font-size: 17px; line-height: 26px;}
.schedule .today_schedule .today .bold {font-weight: bold;}

.schedule .scheduleList {width: 100%; height: 64px; overflow: auto;}
.schedule .scheduleList::-webkit-scrollbar {
  width: 6px;  /* 스크롤바의 너비 */
}
.schedule .scheduleList::-webkit-scrollbar-thumb {
  height: 70%; /* 스크롤바의 길이 */
  background: #fff; /* 스크롤바의 색상 */ border-radius: 10px;
}

/*오늘의 의사일정*/
.schedule .scheduleList li {height: 32px;line-height: 32px;font-size: 17px;display: flex;justify-content: left;}
.schedule .scheduleList li::before {
  content: ''; width: 4px; height: 4px; border-radius: 2px; background-color: #fff; margin: 14px 15px 0 0;
}
.schedule .scheduleList li .time {font-family: 'GmarketSans';font-weight: bold;width: 65px;font-size: 15px;line-height: 35px;}
.schedule .scheduleList li .list {
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 10px; width: calc(100% - 84px);
}

.menuLink {display: flex;justify-content: space-between;margin: 45px 0 20px;}
.menuLink .linkTitle {
  width: 14%; 
  font-family: 'GmarketSans';font-weight: bold; font-size: 22px; color: #2f1fa4; line-height: 26px;
  margin-top: 45px;
}
.menuLink .linkTitle span {color:#455080;}
.menuLink .linkBtn {width: 86%; }
.menuLink .linkBtn ul {width: 100%;display: flex;justify-content: space-between;}
.menuLink .linkBtn ul::after {display: none;}
.menuLink .linkBtn ul li {max-width: 130px;width: 12%;height: 130px;border-radius: 20px;background-color: #fff;text-align: center;font-weight: 500;box-shadow: 5px 3px 5px #4c589310;transition: all 0.5s;}
.menuLink .linkBtn ul li img { display:block; margin: 15px auto 5px;transition: all 0.5s;}
.menuLink .linkBtn ul li:hover {box-shadow: 5px 5px 10px #4c589330;}
.menuLink .linkBtn ul li:hover img {transform: rotateY(180deg); transition-duration: .4s; }


/*section 공통영역(타이틀, btn_more)*/
section {padding: 80px 0 100px;}
.title_box {overflow: hidden;}
.title_box h3 {font-family: 'GmarketSans';font-weight: bold;font-size: 32px;color: #000;text-align: center;}
.title_box h3 span {color: #2f1fa4;}
.title_box .btn_more {float: right;font-size: 18px;position: relative;padding-right: 40px;margin-top: -35px; font-weight: 500;}
.title_box .btn_more::after {
  content: ''; width: 20px; height: 20px; display: block;
  position: absolute; right: 0; top: 3px;
  background: url(/council/images/common/main_icon.png) no-repeat  -3px -107px;
}
.title_box .btn_more.plus::after { background: url(/council/images/common/main_icon.png) no-repeat  -3px -85px;}



/* 공지사항 */
.section02 {width: 100%;background: #fff; }
.notice .list_box ul { 
  display: flex; justify-content: space-between; margin-top: 50px;
  flex-wrap: wrap; overflow: hidden; height: 200px; /*공지사항 3개만 표출 작업 후 삭제*/
}
.notice .list_box li {
  width: 31%;
  height: 200px;
  border-radius: 20px;
  border: 1px solid #09adb6;
  transition: all ;
  padding: 3% 3% 1.5%;
  box-sizing: border-box;
}

.notice .list_box li .notice_date {
  font-size: 16px; color: #666; font-weight: 500; letter-spacing: 0;
}
.notice .list_box li a {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-top: 10px;
  height: 100%;
  max-height: 95px;
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notice .list_box li:hover a {color:  #09adb6;}

/* 의원소개 */
.section03 {width: 100%;background: url(/council/images/main/member_bg.png) no-repeat top #e8eff9;background-size: 100%;}
.member_list {width: 100%; position: relative;}
.member_list .bx-wrapper {
  width: 260px;
  height: 330px;
  border-radius: 20px;
  background: url(/council/images/main/member_box.png) no-repeat 0px 20px #47508c;
  position: absolute;
  top: 0px;
  right: 0;
}
.member_list .bx-wrapper .bx-viewport {height: 100%;}
/* .member_list img {width: 100%; height: auto;} */
.member_list .member_inform>li {padding: 30px;}
.member_list .member_inform li .member_inform_top {/* position: relative; */height: auto;overflow: hidden;}
.member_inform_top h4 {color: #fff;font-size: 25px;font-weight: 600;padding-top: 20px;float: left;}
.member_inform_top h4 p {color: #fff; font-size: 16px; font-weight: 400;}
.member_inform_top .photo {
  width: 100px;
  height: 130px;
  border-radius: 10px;
  float: right;
  /* position: absolute; */
  top: 0px;
  left: 105px;
  overflow: hidden;
} 

.bx-controls {position: absolute; top: 130px;left: 30px;z-index: 999;}
.bx-controls .bx-controls-direction a {
  width: 30px; height: 30px;
  border-radius: 5px; border: 1px solid #fff;
  font-size: 0; text-indent: -999px;
  float: left; margin-right: 5px;
}
.bx-controls .bx-controls-direction a.bx-prev{background: url(/council/images/common/main_icon.png) no-repeat -22px -103px #4c5893;}
.bx-controls .bx-controls-direction a.bx-next{background: url(/council/images/common/main_icon.png) no-repeat -48px -103px #4c5893;}

.member_inform_bottom {margin-top: 20px;}
.member_inform_bottom li {overflow: hidden;height: 22px; line-height: 22px;}
.member_inform_bottom li::before {
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
  display: block;
  float: left;
  margin: 11px 5px 0 0;
}
.member_inform_bottom li span{color: #fff;font-size: 13px;float: left;}
.member_inform_bottom li span:first-child {width: 53px;}
.member_inform_bottom a {width: 100%; height: 30px; line-height: 30px; color: #fff; font-size: 14px; text-align: center; background-color: #09adb6; border-radius: 5px; margin-top: 10px;}

#bx-pager.member_photo {
  width: calc(100% - 270px);
  max-width: 1099px;
  height: 330px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}
.member_photo a {width: 9.8%;max-width: 100px;margin-bottom: 5px;}
.member_photo a img {display: block; width: 100px; height: 130px; border: 1px solid #bdc0e8; border-radius: 10px;margin: 0 auto;}
.member_photo a:hover img {border: 1px solid #09adb6;}
.member_photo a.active img {border: 3px solid #09adb6;}
.member_photo a p {text-align: center; font-weight: 500; line-height: 40px;}

.m_member_search{display: none;}




/* 의정활동, 의정영상 공통*/
.m_photo_wrap {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.m_photo_wrap li{width: 32%;height: auto;overflow: hidden;position: relative;border-radius: 20px;border: 1px solid #c9cadb;}
.m_photo_wrap li .imgBox {width: 100%;height: 250px;overflow: hidden;display: block;position: relative;}
.m_photo_wrap li img {width: 100%;height: 100%;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;position: relative;}
.m_photo_wrap li a .txtBox {display: block;width: 100%;/* height:80px; */font-size: 18px;padding: 20px 15px;text-align: center;background-color: #fff;/* z-index: 10; */position: relative;}
.m_photo_wrap li a .tit{display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;line-height: 1;font-size: 22px;font-weight: 700;padding:5px 0;}
.m_photo_wrap li .date{color: #555;font-size: 16px;line-height: 35px;display: block;}
.m_photo_wrap li a:focus img,.m_photo_wrap li a:hover img{transform: scale(1.03);}



/* 의정영상  section05*/
.section05 {background: url(/council/images/main/video_bg.png) no-repeat bottom #f4f5f7;}
.m_photo_wrap.video .imgBox::before{content:"";display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.4) url(/user_res/images_council/main/m_video_ic.png) center center no-repeat;z-index: 10;}
.m_photo_wrap.video li{height: auto;}
.m_photo_wrap.video li a .txtBox{/* height: 120px; */padding: 25px 10px 15px;}
.m_photo_wrap.video li img {transform: scale(1.13);}
.m_photo_wrap.video li a:focus img,.m_photo_wrap.video li a:hover img{transform: scale(1.16);}

.m_photo_wrap .cate{display: none;padding: 10px 14px;line-height: 1;margin-bottom: 10px;color: #fff;font-size: 16px;font-weight: bold;position: absolute;top: 0;left: 0;z-index: 10;}
.m_photo_wrap.video .cate.col_b{background-color: #4771bc}
.m_photo_wrap.video .cate.col_g{background-color: #39a1a7}

.m_photo_wrap.video .txt{max-width: 90%;overflow: hidden;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;padding: 7px 20px;font-size: 19px;color: #fff;background-color: #09adb6;border-radius: 15px;display: block;margin: 8px auto 5px auto;}



/* 하단 배너 */
.mBanCon{position:relative;margin:0 auto;padding: 25px 50px 0 140px;width:100%;max-width: 1400px;height:100px;}
.mBanCon .control button{top:30px;width: 40px;height: 40px;border-radius: 5px;position: absolute;text-indent:-999px;overflow:hidden;border: 1px solid #e5e5e5;transition-duration: 0.2s;transition-property: background-color, border-color;}
.mBanCon .control button::after{content: ""; display: inline-block; position: absolute;background-image: url(/user_res/images_council/img_common.png);background-repeat: no-repeat;   top: 12px; left: 15px;width: 7px; height: 12px;}
.mBanCon .control .prevSlide2{left: 0;}
.mBanCon .control .nextSlide2{right: 0;}
.mBanCon .control .stopSlide2{left: 44px;}
.mBanCon .control .startSlide2{left: 43px;}
.mBanCon .control .prevSlide2::after{background-position: -188px -26px; }
.mBanCon .control .nextSlide2::after{background-position: -260px -26px;   }
.mBanCon .control .stopSlide2::after{background-position: -205px -26px; }
.mBanCon .control .startSlide2::after{background-position: -222px -26px;  }
.mBanCon .control .prevSlide2:hover::after{background-position: -188px -48px; }
.mBanCon .control .nextSlide2:hover::after{background-position: -260px -48px;   }
.mBanCon .control .stopSlide2:hover::after{background-position: -205px -48px; }
.mBanCon .control .startSlide2:hover::after{background-position: -222px -48px;  }
.mBanCon .btnBaT{top:30px;width: 40px;height: 40px;border-radius: 5px;position: absolute;left: 86px;text-indent:-999px;overflow:hidden;border: 1px solid #e5e5e5;transition-duration: 0.2s;transition-property: background-color, border-color;}
.mBanCon .btnBaT:hover{background-color:#4d5360;border:1px solid #4d5360}
.mBanCon .btnBaT::after{content: ""; display: inline-block;width: 11px; height: 11px;position: absolute;top:13px; left:13px;background-image: url(/user_res/images_council/img_common.png);background-repeat: no-repeat;background-position: -239px -26px;    }
.mBanCon .btnBaT:hover::after{background-position: -239px -48px;  }
.mBanCon .control button:hover{background-color:#4d5360;border:1px solid #4d5360}
.mBanCon .control button.swiper-button-disabled{opacity:0.5;cursor:auto}




 /*
 ================================================================
     메인 컨텐츠 반응형css
 ================================================================ 
 */



@media all and (max-width:1400px){
  section {padding: 50px 0 70px;}

  
}
@media all and (max-width:1200px){
  .sec01_top {display: block;overflow: hidden;}
  
  .contentBox{width: 100%;padding: 0 20px;}
  .section01 .contentBox {width: 100%;left: 0;padding: 0 20px;}
  .schedule {width: 55%;height: 220px;margin-top: 0;padding: 35px;}
  .schedule .scheduleList {height: 125px;}

  .main_slide {width: 100%;max-width: unset;margin: 0 auto;}
  .sec01_right {width: 100%;display: flex;justify-content: space-between;margin-top: 20px;}
  .introduce {padding: 30px 0 0 20px;width: 42%;height: 220px;}

  .menuLink {display: block;}
  .menuLink .linkTitle {width: 100%;font-size: 26px;text-align: center;margin-bottom: 20px;}
  .menuLink .linkTitle br {display: none;}
  .menuLink .linkBtn {width: 100%;}
  .menuLink .linkBtn ul li {height: 110px;}
  .menuLink .linkBtn ul li img {width: 50px;margin: 15px auto 3px;}

  #bx-pager.member_photo {width: calc(100% - 290px);flex-wrap: wrap;justify-content: center;overflow: auto;}
  #bx-pager.member_photo::-webkit-scrollbar {width: 8px;}
  #bx-pager.member_photo::-webkit-scrollbar-thumb {background: #47508c; border-radius: 10px;}
  #bx-pager.member_photo::-webkit-scrollbar-track {background: #47508c10; }
  .member_photo a {width: 20%;margin: 0 1%;}
  .m_photo_wrap li .imgBox {height: 190px;}
  .m_photo_wrap li img{height: auto;min-height: 240px;}


}


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

  section {padding: 50px 0;}
  .menuLink .linkBtn ul {flex-wrap: wrap;}
  .menuLink .linkBtn ul li {width: 23%;max-width: unset;margin: 1%;line-height: 18px;}
  
  .introduce {background-size:125%;}
  .introduce h3 {font-size: 18px;}
  .introduce p {font-size: 17px;}

  .schedule {padding: 30px 20px;}
  .schedule .today_schedule {font-size: 19px;}
  .schedule .today_schedule .today {font-size: 16px;}



  .title_box .btn_more {margin-top: 0;}

  /*공지사항*/
  .notice .list_box ul {display: block;margin-top: 25px;height: 235px;}
  .notice .list_box li {
    width: 100%;height: 50px;
    padding: 5px 20px;overflow: hidden;margin-bottom: 10px;
  }
  .notice .list_box li a {
    width: calc(100% - 100px);
    font-size: 18px; line-height: 40px;
    float: left; margin-top: 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .notice .list_box li .notice_date {display: block;width: 85px; float: right;font-size: 14px;line-height: 40px;}

  /*의원소개*/
  .member_list .bx-wrapper, #bx-pager.member_photo {display: none;}
  .m_member_search{display: block; margin-top: 20px;}
  .m_member_search select{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    border: 3px solid #495097;
    border-radius: 10px;
  }
  .section03 .title_box .btn_more {display: none;}


  .m_photo_wrap li{width: 49%;margin: 10px 0;}
  .m_photo_wrap li a .tit {font-size: 18px;}
  .m_photo_wrap li:nth-child(2){display: none;}

  /*하단 배너모음*/
  .mBanCon{padding: 15px 70px 0 130px; height: 75px;}
  .mBanCon .swiper-slide{text-align: center;}
  .mBanCon .control button, .mBanCon .btnBaT{width: 32px; height: 32px;}
  .mBanCon .control .prevSlide2{top: 22px; left: 15px;}
  .mBanCon .control .nextSlide2{top: 22px; right: 15px;}
  .mBanCon .control .stopSlide2{top: 22px; left: 51px;}
  .mBanCon .control .startSlide2{top: 22px; left: 51px;}
  .mBanCon .btnBaT{top: 22px; left: 88px;} 
  .mBanCon .control .prevSlide2::after,
  .mBanCon .control .prevSlide2:hover::after{top:11px; left:13px;background-position: -188px -70px;}
  .mBanCon .control .nextSlide2::after,
  .mBanCon .control .nextSlide2:hover::after{top:11px; left:13px;background-position: -259px -70px;}
  .mBanCon .control .stopSlide2::after,
  .mBanCon .control .stopSlide2:hover::after{top:11px; left:14px;background-position: -205px -70px;}
  .mBanCon .control .startSlide2::after,
  .mBanCon .control .startSlide2:hover::after{top:11px; left:14px;background-position: -222px -70px; }
  .mBanCon .control .btnBaT::after,
  .mBanCon .control .btnBaT:hover::after{top:11px; left:11px;background-position: -240px -71px;} 
  .mBanCon .control button:hover,
  .mBanCon .control .btnBaT:hover{background-color:#fff;border:1px solid #cacaca}

}


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

  /*의안검색*/
  .section01 .m_search_wrap {height: 50px;}
  .section01 .m_search_wrap label {width: 95px;font-size: 16px;margin: 12px 0;}
  .section01 .m_search_wrap input[type="text"] {height: 45px;}
  .section01 .m_search_wrap .btn_search {height: 28px;background: url(/council/images/common/main_icon.png) no-repeat  -3px -54px;}

  /*비주얼영역*/
  .sec01_right {display: block;}
  .introduce {width: 100%;height: 200px;padding: 30px 5%;margin-bottom: 10px;background-size: 350px;}
  .schedule {width: 100%;height: 160px;}
  .schedule .scheduleList {height: 65px;}
  .menuLink .linkBtn ul li {height: 100px; font-size: 14px;}

  /*의정활동, 의정영상 공통*/
  .title_box h3 {font-size: 25px;line-height: 30px;}
  .title_box .btn_more {font-size: 0; width: 20px; height: 20px; margin-top: -30px;}
  .m_photo_wrap {margin-top: 20px;}
  .m_photo_wrap li {width: 100%;}
  .m_photo_wrap li .imgBox {height: 150px;}
  .m_photo_wrap li a .txtBox {padding: 10px;}
  .m_photo_wrap li .date {line-height: 20px;}

  .m_photo_wrap.video li img {transform:translateY(-20%);}
}


 /*
 ================================================================
     서브 컨텐츠css
 ================================================================ 
 */



.s1_1_box{padding: 25px 0 0 395px;position: relative;}
.s1_1_box h3{color: #145ecf;font-size: 30px;margin-bottom: 25px;letter-spacing: -3px;}
.s1_1_box .big{font-size: 20px;font-weight: bold;margin-bottom: 20px;display: block;}
.s1_1_box .img_box{width: 330px;height: 520px;position: absolute;left: 0;top: 0;}
.s1_1_box .img_box .ceo_img{width: 100%;height: 360px;background: url(/council/images/common/greeting.jpg) center center no-repeat;background-size: contain;position: absolute;top: 0;left: 0;}
.s1_1_box .img_box .ceo_name{width: 260px;height: 200px;background: url(/user_res/images_council/sub/s1_1_bg01.png) center center no-repeat;background-size: cover;padding: 25px 30px;color: #fff;font-size: 15px;position: absolute;}
.s1_1_box .img_box .ceo_name p{text-align: center;margin-bottom: 55px;letter-spacing: -1.5px;}
.s1_1_box .img_box .ceo_name span{display: block;}
.s1_1_box .img_box .ceo_name span.mt {margin-top:25px;}
.s1_1_box .img_box .name{font-size: 28px;}

@media all and (min-width:768px){
  .s1_1_box .img_box .ceo_name{bottom: 0;left: 0;}
  .s1_1_box .img_box .ceo_name span.mt {margin-top:50px;}
}


.s1_2_box{width: 100%;position: relative; text-align: left; padding-left: 200px;}
.s1_2_box::after{content: "";display: inline-block;width: 1px;height: 100%;background-color: #c2c2c2;position: absolute;top:0;left: 290px;margin-left: -1px;}
.s1_2_box .tit_box{width: 184px;height: 184px;padding: 16px;background: url(/user_res/images_council/sub/s1_2_bg01.jpg) center center no-repeat;background-size: cover;border-radius: 50%;display: inline-block;z-index: 1;position: relative;}
.s1_2_box .tit_box > div{width: 100%;height: 100%;background-color: #fff;border-radius: 50%;padding-top: 27px;text-align: center;}
.s1_2_box .tit_box h3{font-size: 20px;color: #333;font-weight: bold;padding-bottom: 7px;margin-bottom: 5px;position: relative;}
.s1_2_box .tit_box h3 span{color: #145ecf;font-size: 26px;display: block;}
.s1_2_box .tit_box h3::after{content: "";display: inline-block;position: absolute;width: 40px;height: 1px;background-color: #dcdcdc;bottom: 0px;left: 50%;margin-left: -20px;}
.s1_2_box .tit_box > div > span{font-size: 18px;}
.s1_2_box dl{width: 100%;margin-top: 15px;margin-bottom: 50px;}
.s1_2_box dl:nth-of-type(odd) { padding-left: 110px;}
.s1_2_box dl:nth-of-type(even) { padding-left: 110px; text-align: left; padding-right: 0;}
.s1_2_box dt{color: #495098;font-size: 32px;font-weight: bold;position: relative;margin-bottom: 10px;}
.s1_2_box dt::before{content: "";display: inline-block;width: 9px;height: 9px;position: absolute;top: 19px;border-radius: 50%;background-color: #145ecf;z-index: 1;}
.s1_2_box dl:nth-of-type(odd) dt::before { left: -25px;}
.s1_2_box dl:nth-of-type(even) dt::before { left: -25px;}
.s1_2_box dd{display: block;margin-bottom: 12px;position: relative;padding-left: 55px;}
.s1_2_box dd span{font-size: 18px;font-weight: bold;position: absolute;top: -3px;left: 0;}

@media all and (max-width: 767px) {
    .s1_2_box { padding-left: 0; padding-left: 0; }
    .s1_2_box::after{left: 90px;}
    .s1_2_box dl{padding-left: 110px}
    .s1_2_box dt::before{left: -25px;}
    .s1_2_box dd{padding-left: 55px;}
    .s1_2_box dd span{left: 0;}
}

.s1_4_box{width: 100%;height:auto;position: relative;padding: 25px;}
.s1_4_box::before{content:"";display:block;width: 100%;height: 40%;background-color: #332e44;position: absolute;top: 0;left: 0;}
.s1_4_box::after{content:"";display:block;width: 100%;height: 60%;background-color: #b7b3ad;position: absolute;top: 40%;left: 0;}
.assembly_box{width: 100%;height: 100%;background-color: #fff;z-index: 1;position: relative;padding: 85px 80px}
.assembly_box .bd_top{width: 100%;height:63px;position: absolute;top: 0;left: 0;background: url(/user_res/images_council/sub/s1_4_bd_top.jpg) left top repeat-x;}
.assembly_box .bd_top::before{content: "";display: inline-block;width: 64px;height: 64px;position: absolute;top: 0;left: 0;background: url(/user_res/images_council/sub/s1_4_top_left.jpg) left top no-repeat;z-index: 1;}
.assembly_box .bd_top::after{content: "";display: inline-block;width: 64px;height: 64px;position: absolute;top: 0;right: 0;background: url(/user_res/images_council/sub/s1_4_top_right.jpg) right top no-repeat;z-index: 1;}
.assembly_box .bd_bot{width: 100%;height:63px;position: absolute;bottom: 0;left: 0;background: url(/user_res/images_council/sub/s1_4_bd_bot.jpg) left bottom repeat-x;}
.assembly_box .bd_bot::before{content: "";display: inline-block;width: 64px;height: 64px;position: absolute;bottom: 0;left: 0;background: url(/user_res/images_council/sub/s1_4_bot_left.jpg) left top no-repeat;z-index: 1;}
.assembly_box .bd_bot::after{content: "";display: inline-block;width: 64px;height: 64px;position: absolute;bottom: 0;right: 0;background: url(/user_res/images_council/sub/s1_4_bot_right.jpg) right top no-repeat;z-index: 1;}
.assembly_box .bd_left{width: 26px;height:100%;position: absolute;top: 0;left: 0;background: url(/user_res/images_council/sub/s1_4_bd_left.jpg) left top repeat-y;}
.assembly_box .bd_right{width: 26px;height:100%;position: absolute;top: 0;right: 0;background: url(/user_res/images_council/sub/s1_4_bd_right.jpg) right top repeat-y;}
.assembly_box .tit_box{padding-bottom: 30px;background: url(/user_res/images_council/sub/s1_4_bd.gif) left bottom repeat-x;margin-bottom: 30px;}
.assembly_box .tit_box h2{font-size: 34px;color: #332e44;text-align: center;}
.assembly_box .tit_box p{text-align: center;font-size: 14px;color: #b2b3b3;}
.assembly_box p.info{color: #145ecf;font-size: 28px;margin-bottom: 50px;text-align: center;line-height: 1.3;}
.assembly_box dl{padding-left: 55px;position: relative;margin-bottom: 25px}
.assembly_box dt{font-weight: bold;color: #332e44;text-align: right;position: absolute;left: 0;top: 0;}
.assembly_box dt.last{left: -15px;}
.assembly_box dd{color: #555;}


.s2_1_memBox{position: relative;padding-left: 480px;}
.s2_1_memBox .mapBox{width: 480px;position: absolute;left: 0;top: 0;padding: 76px 0 0 27px;}
.s2_1_memBox .mapBox .infoBox{width: 100%;height: 50px;line-height: 50px;font-size: 16px;position: absolute;left: 0;top: 0;background-color: #f5f5f5;text-align: center;}
.s2_1_memBox .mapBox .infoBox.box_2{display: none;}
.s2_1_memBox .mapBox .tabTxt01{display: none;position: absolute;top: 50px;left: 0;}
.s2_1_memBox .imgBox{width: 428px;height: 526px;position: relative;margin: 0 auto;}
.s2_1_memBox .imgBox img{position: absolute;}
.s2_1_memBox .imgBox img.map_img{top: 0;left: 0;}
.s2_1_memBox .imgBox img.empty{z-index: 10;top: 0;left: 0;}
.s2_1_memBox .imgBox img.map_part{display: none;}
.s2_1_memBox .imgBox img.map_part.on{display: inline-block !important;}
.s2_1_memBox .imgBox img.part1{left: 23px;top: 0;}
.s2_1_memBox .imgBox img.part2{left: 0px;top: 166px;}
.s2_1_memBox .imgBox img.part3{left: 28px;top: 232px;}
.s2_1_memBox .imgBox img.part4{left: 17px;top: 297px;}
.s2_1_memBox .imgBox img.part5{left: 50px;top: 303px;}
.s2_1_memBox .imgBox img.part6{left: 148px;top: 269px;}
.s2_1_memBox .imgBox img.part7{left: 183px;top: 233px;}
.s2_1_memBox .imgBox img.part8{left: 266px;top: 266px;}
.s2_1_memBox .imgBox .Proportional{display: inline-block;position: absolute;left: 301px;top:177px;color: #1c4082;font-size: 16px;white-space: nowrap;font-weight: bold;z-index: 10;}
.s2_1_memBox .imgBox .Proportional span{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 18px;background-color: #1c4082;border-radius: 50%;margin-right: 4px;border: 1px solid #1c4082;color: #fff;position: relative;top: 2px;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.s2_1_memBox .imgBox .Proportional:hover span,.s2_1_memBox .imgBox .Proportional:focus span,.s2_1_memBox .imgBox .Proportional.on span{background-color: #fff;color: #1c4082}
.bbs_member.location{width: 100%;padding-left: 20px;}
.bbs_member .location_list li{float: left;width: 100%;margin-bottom: 15px;border: 1px solid #e9e9e9;padding: 20px 20px 20px 220px;overflow: hidden;position: relative;height: 290px;}
.bbs_member .location_list li img{position: absolute;}
.bbs_member .location_list li .info_box{position: relative;float: left;height: 100%;padding-bottom: 20px;box-sizing: content-box;min-height: 161px;}
.bbs_member .location_list li dl{position: relative;}
.bbs_member .location_list li dt{font-size: 23px;color: #333;margin-bottom: 10px;word-spacing: -1px;letter-spacing: -2px;}
.bbs_member .location_list li dd{position: relative;padding-left: 67px;margin-bottom: 10px;background: url(/user_res/images_council/common/dot01.gif) left 8px no-repeat;font-size: 14px;}
.bbs_member .location_list li dd span{position: absolute;left: 12px;top: 0;font-weight: bold;}
.bbs_member .location_list li .btn_more{width: 170px;line-height: 44px;border: 1px solid #c6c6c6;text-align: center;color: #333;display: inline-block;position: absolute;bottom: 30px;left: 0;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.bbs_member .location_list li .btn_more:focus,.bbs_member .location_list li .btn_more:hover{background-color: #777;color: #fff;border-color: #777;}


.s2_2_box{width: 100%;position: relative;overflow: hidden;}
.s2_2_box h3.title{clear: both;}
.s2_2_box h3.title span{font-size: 18px;display: inline-block;margin-left: 5px;}
.s2_2_box .mem_list_box{overflow: hidden;}
.s2_2_box dl{margin-bottom: 20px;}
@media all and (min-width:768px){
.s2_2_box dl{width: 48%;margin-right: 4%;float: left;}
.s2_2_box dl:nth-of-type(even){margin-right: 0;}
}
.s2_2_box dt{width: 100%;line-height:60px;border-top: 1px solid #333;border-bottom: 1px solid #cacaca;padding: 0 20px;font-size: 18px;font-weight: bold;}
.s2_2_box dd{background-color: #f7f7f7;text-align: center;padding: 30px 0;border-bottom: 1px solid #cacaca}
.s2_2_box dd ul{display: inline-block;}
.s2_2_box dd li{display: inline-block;margin-right: 50px;width: 110px;}
.s2_2_box dd li:last-child{margin-right: 0;}
.s2_2_box dd li > span{display: block;margin-top: 10px;}



 /*
 ================================================================
     서브 컨텐츠 반응형 css
 ================================================================ 
 */


@media all and (max-width:1239px){
.s2_1_memBox{padding-left: 0;}
.s2_1_memBox .mapBox{position: relative;width: 100%}
.bbs_member .location_list li{margin-right: 0;width: 100%;}

}

@media all and (min-width:768px){
.bbs_member .location_list li img{top: 20px;left: 20px;width: 170px;}
}

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

    .s1_1_box{padding: 0;}
    .s1_1_box .img_box{height: auto;width: 100%;position: relative;text-align: center;margin-bottom: 20px;}
    .s1_1_box .img_box .ceo_img{width: 100%;position: relative;}
    .s1_1_box .img_box .ceo_name{position: relative;display: inline-block;margin-left: -60px;text-align: left;height: 140px;margin-top: -30px;}
    .s1_1_box .img_box .ceo_name p{margin-bottom: 20px;}

    .assembly_box{padding: 75px 45px}
    .assembly_box .tit_box h2{font-size: 24px;}
    .assembly_box p.info{font-size: 18px;}
    .assembly_box dl{padding-left: 0;padding-top: 25px;}
    .assembly_box dt.last{left: 0;}

    .s2_1_memBox .mapBox .infoBox.box_1{display: none;}
    .s2_1_memBox .mapBox .infoBox.box_2{display: block;}
    .s2_1_memBox .mapBox .tabTxt01{display: block;width: 100%;}
    .s2_1_memBox .imgBox{display: none;}
    .bbs_member .location_list li{padding: 20px;height: auto;text-align: center;}
    .bbs_member .location_list li img{position: relative;}
    .bbs_member .location_list li .info_box{float: none;margin-top: 10px;text-align: left;padding-bottom: 0;}
    .bbs_member .location_list li .btn_more{position: relative;width: 100%;bottom: 0;}

    .s2_2_box dl{width: 100%;}

}              

.glend_letter{ width:100%;}
.glend_letter_inner{position:relative; width: 918px;margin:0px auto;border: 16px solid #f1e8e8; background:url("/upload_data/board_data/BBS_0000050/154812375031605.jpg") no-repeat;}
.glend_letter_inner p{font-size:15px;line-height:26px;margin-top: 38px;}
.glend_letter_inner p.ps{font-size: 13px;border: 1px dashed #e9c8c1;width: 73%;line-height: 22px;padding: 10px; font-weight:600;}
.glend_letter_head{display:block;content:'';padding: 65px 65px 0 65px;height:407px;}                   
.glend_letter_head img{text-align:center;display:block;padding-top: 10px;margin: 0px auto;}
.glend_letter_con{text-align: center; margin-top:25px;}
.glend_letter_con img{border:3px dashed #e9c8c1}
.glend_letter_foot{padding: 10px 65px 60px 65px;background: url(/upload_data/board_data/BBS_0000050/154812375031830.png) no-repeat right bottom;}  

@media all and (max-width:650px){
.glend_letter_inner{width:100%;background-size:130%;background-position: 0px 60px;border-width: 10px;}
.glend_letter_inner p.ps{width:100%; margin-bottom:50px;}
.glend_letter_head{padding: 40px 20px 0px 20px;height: auto;}
.glend_letter_head img{width:100%}
.glend_letter_con img{width:85%; margin-bottom:-20px;}
.glend_letter_foot{padding:10px 20px 40px 20px; background-size:50%;}
}                                                               

/*주민조례청구*/
.jumin_e_box {width: 100%;padding: 30px 20px;border: 5px solid #6189d1;}
.jumin_e_box a {width: 75%;text-align: center;display: block;margin: 0 auto;font-size: 18px;color: #205ed1;font-weight: bold; margin-bottom: 25px;}
.jumin_e_box a span {background-color: #6189d1;font-size: 15px;padding: 3px 10px;color: #fff;border-radius: 20px;margin-left: 5px;display: inline-block;}
.jumin_e_box a:hover {color: #163d85; text-decoration: underline;}
.jumin_e_box a:hover span {background-color: #446ebb; text-decoration: none;}
.jumin_video {width: 100%;}