@charset "utf-8";

#sub_default {
   line-height: 160%;
}

.box_info {
   position: relative;
   width: calc(100% - 10px);
   margin: 0 0 45px;
   padding: 28px 25px 30px 33px;
   font-size: 15px;
   border: 2px solid #d6dadf;
   border-top: none;
   border-radius: 5px 5px 50px 5px;
   box-shadow: 10px 10px 0 #f1f3f5;
   word-break: keep-all;
   box-sizing: border-box;
}

.box_info:before,
.box_info:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: -2px;
   width: calc(100% + 4px);
   height: 69px;
   border: 2px solid #00508e;
   border-bottom: none;
   border-radius: 5px 5px 0 0;
}

.box_info:after {
   width: 69px;
   border-right: none;
   border-radius: 5px 0 0 0;
   border-color: #1398a1;
}

.box_info .tit {
   padding: 0 0 8px;
   font-size: 18px;
   font-weight: 900;
   color: #000;
}

.dash>li {
   padding: 0 0 3px 15px;
}

.dash>li:before {
   top: 8px;
   width: 9px;
   height: 5px;
   background: #bfbfbf;
}

.dash>li strong {
   font-weight: 400;
}

.dash>li>ul,
.dash>li p,
.fz15 {
   font-size: 15px;
}

@media all and (max-width:568px) {
   .box_info {
      padding: 23px 20px 20px 25px;
      margin: 0 0 40px;
      font-size: 14px;
   }

   .box_info .tit {
      padding: 0 0 6px;
      font-size: 17px;
   }

   .dash>li>ul,
   .dash>li p,
   .fz15 {
      font-size: 14px;
   }

   .dash>li:before {
      top: 7px;
   }
}

@media all and (max-width:380px) {
   .box_info {
      padding: 21px 17px 18px 23px;
      margin: 0 0 35px;
      font-size: 13px;
   }

   .box_info .tit {
      font-size: 16px;
   }

   .dash>li>ul,
   .dash>li p,
   .fz15 {
      font-size: 13px;
   }
}

.tabmenu2 {
   position: relative;
   overflow: hidden;
   width: 100%;
   margin: 0 0 32px;
}

.tabmenu2>li {
   float: left;
   width: 33.33%;
   padding: 0 5px 9px 4px;
   font-size: 18px;
   letter-spacing: -1px;
   box-sizing: border-box;
}

.tabmenu2>li>a {
   position: relative;
   display: block;
   height: 59px;
   line-height: 58px;
   padding: 0 0 0 18px;
   border: 1px solid #dedede;
   border-radius: 5px;
   transition: 0.2s ease-in;
}

.tabmenu2>li>a:after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   right: 22px;
   width: 12px;
   margin: -3px 0 0 0;
   border-top: 5px solid #dcdcdc;
}

.tabmenu2>li>a.on,
.tabmenu2>li>a:hover {
   color: #00508e;
   border-color: #00508e;
   font-weight: 800;
   box-shadow: inset 0 0 0 2px #00508e;
}

.tabmenu2>li>a:hover:after,
.tabmenu2>li>a.on:after {
   border-top: 5px solid #00508e;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   transition: 0.2s ease-in;
}

@media all and (max-width:1024px) {
   .tabmenu2>li {
      font-size: 17px;
   }

   .tabmenu2>li>a {
      height: 53px;
      line-height: 52px;
   }
}

@media all and (max-width:768px) {
   .tabmenu2 {
      margin: 0 0 25px;
   }

   .tabmenu2>li {
      font-size: 16px;
   }

   .tabmenu2>li>a {
      height: 49px;
      line-height: 48px;
      padding: 0;
      text-align: center;
   }

   .tabmenu2>li>a:after {
      display: none;
   }
}

@media all and (max-width:568px) {
   .tabmenu2 {
      margin: 0 0 20px;
   }

   .tabmenu2>li {
      width: 50%;
      font-size: 15px;
      padding: 0 3px 6px 3px;
   }

   .tabmenu2>li>a {
      height: 43px;
      line-height: 42px;
   }
}

@media all and (max-width:380px) {
   .tabmenu2 {
      margin: 0 0 17px;
   }

   .tabmenu2>li {
      font-size: 14px;
   }

   .tabmenu2>li>a {
      height: 40px;
      line-height: 39px;
   }
}

/* 설문조사 */
.survey .tit {
   margin: 0 0 20px;
   box-sizing: border-box;
   padding: 35px;
   background: #eaf5fe url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sbcra%2Sfheirl_vzt.cat) no-repeat right bottom;
   word-break: keep-all;
}

.survey .tit h4 {
   color: #305299;
}

.survey .tit p {
   font-weight: 400;
   color: #5e5e5f;
}

.survey .tit .pr {
   box-sizing: border-box;
   padding: 10px 350px 0 0;
}

.survey .survey_box {
   border: 1px solid #ccc;
   padding: 35px;
}

.survey .survey_box dl {
   word-break: keep-all;
}

.survey .survey_box dl dt {
   padding: 0 0 10px 35px;
   color: #484e56;
   font-size: 1.125em;
   font-weight: 400;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sbcra%2Sfheirl_dhrfgvba.cat) no-repeat 0 3px;
   background-size: 25px;
}

.survey .survey_box dl dd {
   margin: 0 0 20px;
   color: #656e79;
}

.survey .survey_box dl dd span {
   display: inline-block;
   padding: 0 10px 0 0;
}

.survey .survey_box dl dd input {
   margin: -4px 5px 0 0;
   vertical-align: middle;
}

.survey .survey_box dl dd textarea {
   width: 100%;
   height: 150px;
}

.survey .btn {
   background-color: #3e78bd;
   width: 600px;
   margin: 0 auto;
   display: block;
}

.btn-type a {
   display: block;
   width: 50%;
   margin: 0 auto;
   text-align: center;
   border-radius: 3px;
   font-size: 1.250em;
   cursor: pointer;
   padding: 1em 0;
   color: #fff;
   background: #3e78bd;
}

.btn-type a:hover {
   background: #fff;
   color: #3e78bd;
   border: 1px solid #3e78bd;
}

@media all and (max-width:768px) {
   .survey .tit {
      background-size: 160px;
   }

   .survey .tit .pr {
      padding: 5px 0 0;
   }

   .survey .tit .pr:last-of-type {
      padding-right: 160px;
   }
}

@media all and (max-width:568px) {
   .survey .tit {
      background-image: none;
   }

   .survey .tit .pr:last-of-type {
      padding-right: 0;
   }

   .survey .survey_box dl dt {
      padding-right: 25px;
      background-size: 20px;
   }
}

/* 의장 인사말 */
#sub_greeting {
   position: relative;
   word-break: keep-all;
}

#sub_greeting .img {
   position: relative;
   width: 100%;
   overflow: hidden;
   margin: 40px 0 0 0;
   background: #d8dbe8;
   text-align: right;
}

#sub_greeting .img:before,
#sub_greeting .img:after {
   content: '';
   display: block;
   position: absolute;
   top: 20px;
   left: 22px;
   width: calc(100% - 44px);
   height: calc(100% - 40px);
   border: 1px solid rgba(255, 255, 255, 0.6);
   border-top: none;
}

#sub_greeting .img:before {
   border: none;
   border-top: 1px solid rgba(255, 255, 255, 0.6);
}

#sub_greeting .pic {
   position: absolute;
   right: 0;
   bottom: 0;
}

#sub_greeting .tit {
   position: absolute;
   left: 62px;
   top: -33px;
   width: 334px;
   height: 360px;
   padding: 33px 22px 0 33px;
   line-height: 135%;
   border-radius: 0 5px 60px 5px;
   color: #fff;
   font-size: 25px;
   box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
   box-sizing: border-box;
   background: #5b5194 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spunvezna%2Sot_gvg.cat) no-repeat 82px 25px;
}

#sub_greeting .tit:before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: -16px;
   border-left: 16px solid #fff;
   border-bottom: 33px solid #453d71;
}

#sub_greeting .en {
   line-height: 160%;
   font-size: 15px;
   color: rgba(255, 255, 255, 0.75);
   font-family: "gmarket";
   letter-spacing: 3px;
}

#sub_greeting .txt {
   padding: 10px 0 0px;
}

#sub_greeting .name {
   padding: 10px 14px 0 0;
   font-size: 18px;
   text-align: right;
}

#sub_greeting .name span {
   display: inline-block;
   padding: 0 0 0 8px;
   font-size: 26px;
   font-weight: 300;
   font-family: "Noto Serif KR";
}

#sub_greeting .greeting {
   padding: 43px 0 0 0;
}

#sub_greeting .greeting div {
   line-height: 130%;
   padding: 0 0 20px;
   font-weight: 400;
   font-size: 20px;
}

@media all and (max-width:1230px) {
   #sub_greeting .tit {
      left: 6%;
      width: 37.52%;
      padding-left: 4.6%;
      font-size: 24px;
   }

   #sub_greeting .bg img {
      margin: 0 0 0 -2%;
   }

   #sub_greeting .en {
      font-size: 14px;
   }
}

@media all and (max-width:1024px) {
   #sub_greeting .img div {
      height: 300px;
   }

   #sub_greeting .img img {
      max-height: 100%;
   }

   #sub_greeting .tit {
      height: auto;
      padding: 45px 20px 37px 35px;
      font-size: 22px;
      border-radius: 0 3px 50px 3px;
      background-size: auto 100%;
      background-position: 105% 20px;
   }

   #sub_greeting .txt {
      padding-bottom: 17px;
   }

   #sub_greeting .en {
      font-size: 12px;
   }

   #sub_greeting .name {
      font-size: 17px;
   }

   #sub_greeting .name span {
      font-size: 24px;
   }

   #sub_greeting .greeting {
      padding: 40px 10px 0;
   }
}

@media all and (max-width:768px) {
   #sub_greeting .img div {
      height: 260px;
   }

   #sub_greeting .tit {
      width: 40%;
      padding: 40px 15px 30px 20px;
      font-size: 19px;
      border-radius: 0 3px 40px 3px;
   }

   #sub_greeting .en {
      font-size: 10px;
   }

   #sub_greeting .name {
      padding: 0 8px 0 0;
      font-size: 16px;
   }

   #sub_greeting .name span {
      padding: 0 0 0 4px;
      font-size: 22px;
   }

   #sub_greeting .greeting {
      padding: 35px 10px 0;
   }

   #sub_greeting .greeting div {
      font-size: 18px;
   }
}

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

   #sub_greeting .img:before,
   #sub_greeting .img:after {
      top: 17px;
      left: 17px;
      width: calc(100% - 34px);
      height: calc(100% - 34px);
   }

   #sub_greeting .img {
      margin: 0;
   }

   #sub_greeting .img div {
      height: 100%;
   }

   #sub_greeting .tit {
      position: static;
      width: 100%;
      padding: 17px 13px 20px 20px;
      border-radius: 0 0 30px 3px;
      box-shadow: none;
   }

   #sub_greeting .tit:before {
      display: none;
   }

   #sub_greeting .txt {
      padding: 5px 0 10px;
   }

   #sub_greeting .en {
      font-size: 9px;
      letter-spacing: 2px;
   }

   #sub_greeting .en br {
      display: none;
   }

   #sub_greeting .name {
      font-size: 15px;
   }

   #sub_greeting .name span {
      font-size: 20px;
   }

   #sub_greeting .greeting {
      padding: 30px 10px 0;
   }

   #sub_greeting .greeting div {
      font-size: 17px;
   }
}

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

   #sub_greeting .img:before,
   #sub_greeting .img:after {
      top: 15px;
      left: 15px;
      width: calc(100% - 30px);
      height: calc(100% - 30px);
   }

   #sub_greeting .tit {
      font-size: 17px;
      padding: 15px 10px 17px 17px;
   }

   #sub_greeting .en {
      font-size: 8px;
   }

   #sub_greeting .txt {
      padding: 4px 0 8px;
   }

   #sub_greeting .name {
      font-size: 14px;
   }

   #sub_greeting .name span {
      font-size: 19px;
   }

   #sub_greeting .greeting {
      padding: 27px 10px 0;
   }

   #sub_greeting .greeting div {
      font-size: 16px;
   }
}

@media all and (max-width:340px) {
   #sub_greeting .tit {
      font-size: 16px;
   }

   #sub_greeting .name span {
      font-size: 18px;
   }
}

/* 의장약력 */
#sub_profile {
   position: relative;
   padding: 42px 0 0 42px;
}

#sub_profile .img {
   position: absolute;
   top: 0;
   left: 0;
   max-width: 44.4%;
}

#sub_profile .img:before {
   content: '';
   display: block;
   position: absolute;
   right: -19px;
   top: 0;
   border-bottom: 42px solid #afafaf;
   border-right: 19px solid #fff;
}

#sub_profile .img:after {
   content: '';
   display: block;
   position: absolute;
   bottom: -62px;
   left: 78.987%;
   width: 165px;
   height: 138px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spunvezna%2Sot_cnggrea.cat) no-repeat;
}

#sub_profile .img img {
   overflow: hidden;
   max-width: 100%;
   border-radius: 30px 0 30px 30px;
   box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.05)
}

#sub_profile .con {
   min-height: 621px;
   padding: 83px 0 0 48.406%;
   box-sizing: border-box;
   border-radius: 5px 5px 50px 5px;
   color: #fff;
   background: #465e7a url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Spunvezna%2Sot_gvg.cat) no-repeat 109% 87%;
   background-size: auto 378px;
}

#sub_profile .tit {
   padding: 0 0 36px;
   font-size: 24px;
   font-weight: 800;
   font-family: "gmarket";
   word-break: keep-all;
}

#sub_profile .tit p {
   padding: 13px 0 0 0;
   line-height: 110%;
   font-size: 34px;
}

#sub_profile .tit strong {
   font-weight: 900;
}

#sub_profile .tit span {
   color: #1cd7e4;
}

#sub_profile .tit br {
   display: none;
}

#sub_profile .dash>li {
   padding: 0 0 15px 24px;
}

#sub_profile .dash>li * {
   display: inline-block;
   vertical-align: top;
}

#sub_profile .dash>li:before {
   top: 7px;
   width: 13px;
   background: rgba(214, 218, 223, 0.6);
}

#sub_profile .dash strong {
   width: 22%;
   max-width: 80px;
   font-size: 18px;
   font-weight: 400;
}

#sub_profile .dash .lts2 {
   letter-spacing: 5px;
}

#sub_profile .dash ul {
   width: 75%;
   font-size: 16px;
}

#sub_profile .dash ul li {
   display: block;
   padding: 0 0 6px;
}

@media all and (max-width:1230px) {
   #sub_profile .con {
      padding-left: 46%;
   }

   #sub_profile .tit {
      font-size: 23px;
   }

   #sub_profile .tit p {
      padding: 10px 0 0 0;
      font-size: 32px;
   }
}

@media all and (max-width:768px) {
   #sub_profile {
      padding: 30px 0 0 30px;
   }

   #sub_profile .img {
      max-width: 42%;
   }

   #sub_profile .img:before {
      border-bottom-width: 30px;
   }

   #sub_profile .img:after {
      left: 65%;
      height: 115px;
      background-size: contain;
   }

   #sub_profile .con {
      min-height: 0;
      padding: 60px 0 60px 44%;
      background-size: 40%;
   }

   #sub_profile .tit {
      padding: 0 0 26px;
      font-size: 19px;
   }

   #sub_profile .tit p {
      padding: 6px 0 0 0;
      font-size: 25px;
   }

   #sub_profile .dash>li {
      padding: 0 0 11px 17px;
   }

   #sub_profile .dash ul {
      display: block;
      width: 100%;
      padding: 7px 0 0 0;
   }

   #sub_profile .dash ul li {
      padding: 0 0 5px;
   }

   #sub_profile .dash>li:before {
      width: 10px;
   }
}

@media all and (max-width:568px) {
   #sub_profile {
      padding: 20px 0 0 0;
   }

   #sub_profile .img {
      position: relative;
      top: -20px;
      left: 17px;
      float: left;
      width: 160px;
      max-width: 100%;
   }

   #sub_profile .img:before {
      border-bottom-width: 20px;
   }

   #sub_profile .img:after {
      bottom: -50px;
      height: 100px;
   }

   #sub_profile .img img {
      border-radius: 15px 0 15px 15px;
   }

   #sub_profile .tit {
      padding: 45px 0 0 198px;
      font-size: 17px;
   }

   #sub_profile .tit br {
      display: inline-block;
   }

   #sub_profile .tit p {
      line-height: 130%;
      font-size: 23px;
   }

   #sub_profile .con {
      padding: 0;
      border-radius: 5px 5px 40px 5px;
      background-position: 109% 60%;
      background-size: 45%;
   }

   #sub_profile .dash {
      clear: both;
      width: 100%;
      padding: 0 0 40px 8%;
      box-sizing: border-box;
   }

   #sub_profile .dash>li {
      padding: 0 0 6px 17px;
   }

   #sub_profile .dash strong {
      width: 20%;
      margin: 1px 0 0 0;
      font-size: 16px;
   }

   #sub_profile .dash .lts2 {
      letter-spacing: 4px;
   }

   #sub_profile .dash ul {
      display: inline-block;
      width: 77%;
      padding: 0;
      font-size: 15px;
   }

   #sub_profile .dash ul li {
      padding: 0 0 3px;
   }
}

@media all and (max-width:380px) {
   #sub_profile {
      padding: 15px 0 0 0;
   }

   #sub_profile .img {
      top: -15px;
      left: 14px;
      width: 120px;
   }

   #sub_profile .img:before {
      border-bottom-width: 15px;
   }

   #sub_profile .img:after {
      bottom: -40px;
      height: 80px;
   }

   #sub_profile .tit {
      padding: 33px 0 0 150px;
      font-size: 15px;
   }

   #sub_profile .tit p {
      padding: 4px 0 0 0;
      font-size: 21px;
   }

   #sub_profile .dash {
      padding: 0 0 35px 8%;
   }

   #sub_profile .dash strong {
      font-size: 15px;
   }

   #sub_profile .dash .lts2 {
      letter-spacing: 3px;
   }

   #sub_profile .dash>li {
      padding: 0 0 4px 16px;
   }

   #sub_profile .dash ul {
      display: block;
      width: 100%;
      padding: 5px 0 0 0;
      font-size: 14px;
   }

   #sub_profile .dash ul li {
      padding: 0 0 2px;
   }
}

/* 역대의장단 */
#sub_chairmanlist h4 span {
   font-size: 19px;
   font-weight: 800;
}

#sub_chairmanlist .profile_wrap {
   overflow: hidden;
   width: 100%;
   margin: 0 0 72px;
   border-top: 1px dashed #6a6a6a;
   border-bottom: 1px dashed #6a6a6a;
}

#sub_chairmanlist .profile {
   width: 50%;
   height: 185px;
   padding: 20px 0 0 0;
   margin: 0;
   border: none;
   box-shadow: none;
}

#sub_chairmanlist .profile:nth-of-type(-n + 2) {
   background: #f7f9f9;
}

#sub_chairmanlist dl {
   padding: 0 0 0 190px;
}

#sub_chairmanlist dt {
   left: 37px;
   overflow: hidden;
   width: 122px;
   height: 143px;
   border-radius: 50%;
}

#sub_chairmanlist dt img {
   width: auto;
   width: 100%;
   min-height: 143px;
}

#sub_chairmanlist dd {
   min-height: 143px;
}

#sub_chairmanlist .name {
   padding-top: 16px;
   font-size: 19px;
}

#sub_chairmanlist .name span {
   display: inline-block;
   margin: 0 7px 0 0;
   font-size: 16px;
   color: #756ab9;
}

#sub_chairmanlist li {
   padding: 0 0 5px 72px;
   font-size: 15px;
}

#sub_chairmanlist li:before {
   width: 2px;
   height: 2px;
   background: #4e4e4e;
}

#sub_chairmanlist li .colon {
   left: 62px;
}

#sub_chairmanlist li em {
   left: 6px;
}

#sub_chairmanlist li:first-child em,
#sub_chairmanlist li:nth-child(3) em {
   letter-spacing: 10px;
}

@media all and (max-width:1024px) {
   #sub_chairmanlist .profile_wrap {
      margin: 0 0 50px;
   }
}

@media all and (max-width:768px) {
   #sub_chairmanlist h4 span {
      font-size: 17px;
   }

   #sub_chairmanlist .profile_wrap {
      margin: 0 0 50px;
   }

   #sub_chairmanlist .profile {
      height: 190px;
   }

   #sub_chairmanlist dl {
      padding: 0 0 0 120px;
   }

   #sub_chairmanlist dt {
      left: 2.5%;
      width: 100px;
      height: 120px;
   }

   #sub_chairmanlist dt img {
      min-height: 120px;
   }

   #sub_chairmanlist dd {
      min-height: 120px;
   }

   #sub_chairmanlist li {
      padding-bottom: 4px;
   }

   #sub_chairmanlist .name {
      padding: 9px 0 8px;
   }
}

@media all and (max-width:568px) {
   #sub_chairmanlist h4 span {
      font-size: 16px;
   }

   #sub_chairmanlist .profile {
      height: auto;
      padding: 20px 0;
   }

   #sub_chairmanlist .profile:nth-of-type(odd) {
      padding-bottom: 10px;
   }

   #sub_chairmanlist .profile:nth-of-type(even) {
      padding-top: 10px;
   }

   #sub_chairmanlist .profile {
      width: 100%;
   }

   #sub_chairmanlist dl {
      padding: 0 0 0 125px;
   }
}

@media all and (max-width:380px) {
   #sub_chairmanlist h4 span {
      padding: 0;
      font-size: 14px;
   }

   #sub_chairmanlist li {
      font-size: 14px;
   }
}

@media all and (max-width:340px) {
   #sub_chairmanlist h4 span {
      font-weight: 400;
      font-size: 12px;
   }
}

/* 의회연혁 */
#sub_history .box_info:before,
#sub_history .box_info:after {
   height: 36px;
}

#sub_history .history {
   position: relative;
   padding: 50px 0;
   word-break: keep-all;
}

#sub_history .history:before {
   content: '';
   display: block;
   position: absolute;
   top: -3px;
   left: 7px;
   width: calc(100% - 50px);
   height: calc(100% + 3px);
}

#sub_history .history1 {
   padding-top: 0 !important;
}

#sub_history .history1:before {
   top: 15px;
   height: calc(100% - 15px);
   border-left: 3px solid #e7f4f5;
   border-bottom: 3px solid #e7f4f5;
   border-radius: 0 0 0 50px;
}

#sub_history .history2:before {
   left: 50px;
   border: 3px solid #e7f4f5;
   border-left: none;
   border-radius: 0 50px 50px 0;
}

#sub_history .history3:before {
   border: 3px solid #e7f4f5;
   border-right: none;
   border-radius: 50px 0 0 50px;
}

#sub_history .tit {
   position: relative;
   padding: 0 0 0 81px;
   line-height: 110%;
   font-size: 30px;
   font-weight: 800;
   color: #00508e;
}

#sub_history .tit:before,
#sub_history .tit:after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   left: 22px;
   width: 42px;
   height: 5px;
   margin: -3px 0 0 0;
   background: #e5e5e5;
}

#sub_history .tit:after {
   left: 0;
   width: 15px;
   height: 15px;
   margin: -8px 0 0 0;
   border-radius: 50%;
   border: 3px solid #00508e;
   background: #fff;
}

#sub_history ul {
   padding: 30px 7px 0 81px;
}

#sub_history li {
   position: relative;
   padding: 0 0 11px 147px;
}

#sub_history li:last-child {
   padding-bottom: 0;
}

#sub_history .date {
   position: absolute;
   top: 0;
   left: 0;
   font-size: 18px;
   font-weight: 800;
   color: #000;
}

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

   #sub_history .tit,
   #sub_history ul {
      padding-left: 9.1%;
   }

   #sub_history li {
      padding: 0 0 11px 18.2%;
   }

   #sub_history .tit {
      font-size: 27px;
   }

   #sub_history .tit:before {
      width: 5%;
   }
}

@media all and (max-width:768px) {
   #sub_history .history {
      padding: 40px 0;
   }

   #sub_history .history:before {
      width: calc(100% - 40px);
   }

   #sub_history .history1:before {
      border-radius: 0 0 0 40px;
   }

   #sub_history .history2:before {
      left: 40px;
      border-radius: 0 40px 40px 0;
   }

   #sub_history .history3:before {
      border-radius: 40px 0 0 40px;
   }

   #sub_history .tit,
   #sub_history ul {
      padding-left: 35px;
   }

   #sub_history ul {
      padding-top: 25px;
   }

   #sub_history li {
      padding: 0 0 11px 107px;
   }

   #sub_history .tit {
      font-size: 25px;
   }

   #sub_history .tit:before {
      left: 19px;
      width: 10px;
   }

   #sub_history .date {
      font-size: 17px;
   }
}

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

   #sub_history .box_info:before,
   #sub_history .box_info:after {
      height: 22px;
   }

   #sub_history .history {
      padding: 30px 0;
   }

   #sub_history .history:before {
      width: calc(100% - 30px);
   }

   #sub_history .history1:before {
      border-radius: 0 0 0 30px;
   }

   #sub_history .history2:before {
      left: 30px;
      border-radius: 0 30px 30px 0;
   }

   #sub_history .history3:before {
      border-radius: 30px 0 0 30px;
   }

   #sub_history ul {
      padding: 20px 7px 0 30px;
   }

   #sub_history li {
      padding: 0 0 12px 0;
   }

   #sub_history .tit {
      padding: 0 0 0 25px;
      font-size: 23px;
   }

   #sub_history .tit:before {
      display: none;
   }

   #sub_history .date {
      position: static;
      display: block;
      font-size: 16px;
   }
}

@media all and (max-width:380px) {
   #sub_history ul {
      padding: 17px 7px 0 27px;
   }

   #sub_history .tit {
      padding: 0 0 0 22px;
      font-size: 21px;
   }

   #sub_history .date {
      font-size: 15px;
   }
}

/* 의회구성 및 조직 */
.org {
   position: relative;
   height: 700px;
   background: #f7f9f9;
}

.org span {
   z-index: 2;
   position: absolute;
   left: 50%;
   display: block;
   width: 172px;
   height: 60px;
   line-height: 60px;
   border-radius: 60px;
   color: #fff;
   text-align: center;
   background: #73839f;
   transform: translateX(-50%);
   box-sizing: border-box;
}

.org1>span {
   top: 49px;
   height: 169px !important;
   width: 168px !important;
   line-height: 169px !important;
   font-size: 20px;
   font-weight: 800;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Sot_bet1.cat) no-repeat;
}

.org2>span {
   top: 255px;
   width: 220px;
   line-height: 54px;
   font-weight: 800;
   color: #00508e;
   border: 4px solid #00508e;
   background: #f7f9f9;
}

.org3>span {
   top: 370px;
   width: 220px;
   background: #00ad8e;
}

.org4 span {
   top: 577px;
   background: #3c4968;
}

.org4 span:before {
   content: '';
   display: block;
   position: absolute;
   top: -7px;
   left: 50%;
   width: 7px;
   height: 7px;
   margin: 0 0 0 -6px;
   border: 3px solid #f7f9f9;
   border-radius: 50%;
   background: #3c4968;
   box-sizing: content-box;
}

.org4_1 span {
   top: 445px;
   left: 75%;
   background: #1398a1;
}

.org4_1 span:before {
   left: -7px;
   top: 50%;
   margin: -6px 0 0 0;
   background: #1398a1;
}

.org4_2 span {
   left: 20%;
}

.org4_3 span {
   left: 80%;
}

.org li:before {
   content: '';
   display: block;
   position: absolute;
   top: 255px;
   left: 50%;
   height: 40%;
   border-left: 1px dashed #6b6c6c;
}

.org .org2:before {
   top: 473px;
   height: auto;
   width: 30%;
   border-left: none;
   border-top: 1px dashed #6b6c6c;
}

.org .org4_1:before {
   top: 534px;
   left: 20%;
   height: auto;
   width: 60%;
   border-left: none;
   border-top: 1px dashed #6b6c6c;
}

.org .org4_2:before {
   top: 534px;
   left: 20%;
   height: 60px;
}

.org .org4_3:before {
   top: 534px;
   left: 80%;
   height: 60px;
}

@media all and (max-width:568px) {
   .org span {
      width: 120px;
   }

   .org2>span,
   .org3>span {
      width: 160px;
   }
}

@media all and (max-width:380px) {
   .org span {
      width: 100px;
   }

   .org2>span,
   .org3>span {
      width: 140px;
   }
}

/* 찾아오시는길 */
#sub_location .roughmap_maker_label .roughmap_lebel_text {
   line-height: 28px;
   font-size: 20px;
   font-weight: 800;
   letter-spacing: -2px;
   font-family: "score";
}

#sub_location .roughmap_maker_label .roughmap_lebel_text:before {
   content: '';
   display: inline-block;
   width: 30px;
   height: 30px;
   margin: 0 5px 0 0;
   vertical-align: top;
   background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Spbzzba%2Svpb_pbhapvy.cat);
   background-size: contain;
}

#sub_location .addr {
   overflow: hidden;
   width: 100%;
   height: 65px;
   padding: 0 0 0 22px;
   margin: 0 0 30px;
   color: #fff;
   background: #3c4968;
   box-sizing: border-box;
}

#sub_location .addr p {
   float: left;
   padding: 20px 0 10px 34px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Svpb_nqqe.cat) no-repeat 0 18px;
}

#sub_location .addr a {
   float: right;
   width: 141px;
   line-height: 65px;
   color: #fff;
   font-size: 18px;
   background: #756ab9;
   text-align: center;
}

#sub_location .addr a:hover {
   background-color: #6558b4;
}

@media all and (max-width:768px) {
   #sub_location .root_daum_roughmap .wrap_map {
      height: 300px !important;
   }

   #sub_location .addr {
      height: 60px;
   }

   #sub_location .addr p {
      padding-top: 18px;
      background-size: 19px;
   }

   #sub_location .addr a {
      width: 110px;
      line-height: 60px;
      font-size: 17px;
   }
}

@media all and (max-width:568px) {
   #sub_location .root_daum_roughmap .wrap_map {
      height: 270px !important;
   }

   #sub_location .roughmap_maker_label .roughmap_lebel_text {
      font-size: 19px;
   }

   #sub_location h4 span {
      display: block;
      padding: 0;
   }

   #sub_location .addr {
      padding: 0 0 0 18px;
   }

   #sub_location .addr p {
      padding: 18px 0 10px 28px;
   }

   #sub_location .addr a {
      display: none;
      width: 90px;
      font-size: 16px;
   }
}

@media all and (max-width:380px) {
   #sub_location .root_daum_roughmap .wrap_map {
      height: 240px !important;
   }

   #sub_location .roughmap_maker_label .roughmap_lebel_text {
      font-size: 18px;
   }

   #sub_location .addr {
      height: 56px;
      margin: 0 0 25px;
      padding: 0 0 0 13px;
   }

   #sub_location .addr p {
      padding: 16px 0 10px 22px;
      background-size: 17px;
      background-position: 0 16px;
   }

   #sub_location .addr a {
      width: 65px;
      line-height: 56px;
      font-size: 15px;
   }
}

/* 의회기능- 회기소집*/
#sub_funcition2 ul strong {
   font-weight: 400;
}

#sub_funcition2 ul p {
   color: #606060;
}

#sub_funcition2 .dash li {
   padding-bottom: 0;
}

/* 전화번호안내 */
#sub_office .normal_list thead tr:first-child th {
   background: #c9d0d9;
}

.proc {
   position: relative;
}

.proc>li {
   z-index: 1;
   position: relative;
   display: table;
   width: 100%;
   margin: 0 0 22px;
   word-break: keep-all;
   box-sizing: border-box;
   background: #edeff2;
   border-radius: 15px;
}

.proc>li>strong {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 226px;
   height: 100%;
   padding: 17px 5px 16px;
   border-radius: 15px 0 0 15px;
   color: #fff;
   font-weight: 400;
   box-sizing: border-box;
   text-align: center;
   background: #756ab9;
}

.proc>li:last-child {
   margin-bottom: 0;
}

.proc>li>strong:after {
   z-index: -1;
   content: '';
   display: block;
   position: absolute;
   bottom: -12px;
   left: 50%;
   margin: 0 0 0 -6px;
   border-top: 12px solid #756ab9;
   border-left: 12px solid transparent;
   border-right: 12px solid transparent;
}

.proc li:last-child strong:after {
   display: none;
}

.proc ul {
   z-index: 2;
   display: table-cell;
   vertical-align: middle;
   min-height: 47px;
   padding: 20px 10px 19px 26px;
   border-left: 8px solid #fff;
   font-size: 15px;
   box-sizing: border-box;
}

@media all and (max-width:1230px) {
   .proc ul {
      padding-left: 30px;
   }
}

@media all and (max-width:768px) {
   .proc>li>strong {
      width: 30%;
      padding: 14px 5px 13px;
   }

   .proc>li>strong:after {
      bottom: -35px;
      height: 35px;
      background-size: 22px;
   }

   .proc ul {
      padding: 17px 5px 17px 22px;
   }
}

@media all and (max-width:568px) {
   .proc>li:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -12px;
      left: 50%;
      margin: 0 0 0 -6px;
      border-top: 12px solid #756ab9;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
   }

   .proc>li:last-child:after {
      display: none;
   }

   .proc>li>strong {
      display: block;
      width: 100%;
      padding: 9px 5px 8px;
      border-radius: 7px 7px 0 0;
   }

   .proc>li>strong:after {
      display: none;
   }

   .proc ul {
      display: block;
      padding: 13px 5px 13px 5%;
      border: none;
      font-size: 14px;
   }
}

@media all and (max-width:380px) {
   .proc>li>strong {
      padding: 8px 5px 7px;
   }

   .proc ul {
      padding: 10px 5px 10px 10px;
      font-size: 13px;
   }
}

/* 청원 진정 */
#sub_function4 .img_proc {
   position: relative;
   width: 100%;
   padding: 59px 0 61px;
   margin: 0 0 35px;
   text-align: center;
   background: #f7f9f9;
}

#sub_function4 .img_proc .btn {
   display: none;
   position: absolute;
   bottom: 0;
   right: 0;
}

#sub_function4 .img_proc .btn:after {
   content: '';
   display: inline-block;
   width: 12px;
   height: 12px;
   margin: -2px 0 0 7px;
   vertical-align: middle;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -42px -179px;
}

#sub_function4 .img_proc .btn:hover:after {
   background-position: 0 -179px;
}

@media all and (max-width:1024px) {
   #sub_function4 .img_proc {
      padding: 45px 0 70px;
   }

   #sub_function4 .img_proc .btn {
      display: block;
   }
}

@media all and (max-width:768px) {
   #sub_function4 .img_proc {
      padding: 30px 0 55px;
   }
}

@media all and (max-width:768px) {
   #sub_function4 .img_proc {
      padding: 25px 0 55px;
   }
}

/* 의원소개 */
#sub_active {
   float: left;
   width: 100%;
}

#sub_district h4~h4,
#sub_active h4~h4 {
   float: left;
   margin-top: 25px;
}

#sub_active .normal_list img,
#sub_memberlist .normal_list img {
   max-width: 119px;
}

.profile {
   float: left;
   width: 48.8%;
   margin: 0 0 22px 0;
   padding: 30px 0 0 0;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
   border: 1px solid #f1f1f1;
   box-sizing: border-box;
}

.profile:hover {
   border-color: #a2ccf0;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.profile.none {
   float: right;
}

.profile dl {
   position: relative;
   float: left;
   width: 100%;
   padding: 0 0 0 180px;
   box-sizing: border-box;
}

.profile dt {
   position: absolute;
   top: 0;
   left: 3.5%;
   width: 135px;
}

.profile dt img {
   width: 135px;
}

.profile dd {
   float: left;
   width: 100%;
   min-height: 225px;
}

.profile dd .name {
   display: block;
   padding: 4px 0 12px 0;
   font-size: 22px;
   font-weight: 800;
}

.profile dd li {
   position: relative;
   padding: 0 0 7px 82px;
   line-height: 135%;
   box-sizing: border-box;
   color: #555;
}

.profile dd li * {
   display: inline-block;
   vertical-align: top;
}

.profile dd li:before {
   top: 7px;
   width: 5px;
   height: 5px;
   background: #2262ab;
}

.profile dd li em {
   position: absolute;
   top: 0;
   left: 14px;
   width: 85px;
   letter-spacing: 1px;
}

.profile dd li:first-child em {
   letter-spacing: 11px;
}

.profile dd li:nth-child(3) em {
   letter-spacing: 0;
}

.profile dd li span {
   width: 100%;
   word-break: keep-all;
}

.profile dd li .colon {
   position: absolute;
   top: 0;
   left: 74px;
   width: auto;
}

.profile .btns {
   clear: both;
   overflow: hidden;
   width: 100%;
   min-height: 0;
   padding: 0;
}

.profile .btns a {
   position: relative;
   float: left;
   width: 50%;
   height: 52px;
   line-height: 52px;
   border-top: 1px solid #dde8f2;
   border-right: 1px solid #dde8f2;
   color: #2262ab;
   background: #f4f8fb;
   text-align: center;
   text-decoration: none;
   box-sizing: border-box;
}

.profile .btns a.end {
   width: calc(50% + 1px);
   margin: 0 0 0 -1px;
   border-right: none;
   border-left: 1px solid #dde8f2;
}

.profile .btns a.end:after {
   content: '';
   display: inline-block;
   width: 16px;
   height: 15px;
   margin: 17px 0 0 10px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Szrzore%2Svpb_bcra.tvs) no-repeat 0 100%;
   vertical-align: top;
}

.profile .btns a:hover {
   z-index: 1;
   background-color: #fff;
   border-color: #a2ccf0;
}

.profile .sns {
   float: left;
   padding: 5px 0 10px 0;
}

.profile .sns a {
   float: left;
   width: 28px;
   height: 27px;
   margin: 0 4px 0 0;
   font-size: 0;
   text-indent: -9999px;
   background: #4db2f3 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Spbzzba%2Svpb_faf.cat) no-repeat -26px 5px;
}

.profile .sns .home {
   background: #7c48ab url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Szrzore%2Svpb_j_ubzr.cat) no-repeat 6px 5px;
}

.profile .sns .fb {
   background-color: #254da9;
   background-position: 9px 5px;
}

.profile .sns .bl {
   background-color: #24c000;
   background-position: -66px 5px;
}

.profile .sns .kko {
   background-color: #fbc000;
   background-position: -141px 5px;
}

.profile .sns .insta {
   background-color: #c536a4;
   background-position: -103px 5px;
}

.profile .sns .off {
   background-color: #aaa;
}

#sub_memberlist .profile .btns a:first-child {
   width: 100%;
   border-right: none;
}

#sub_memberlist .profile dl {
   min-height: 210px;
}

#sub_memberlist .profile dd {
   min-height: 0;
}

@media all and (max-width:1230px) {
   .profile dd li span {
      word-break: break-all;
   }
}

@media all and (max-width:1024px) {
   .profile dl {
      padding: 0 0 0 38%;
      font-weight: 400;
   }

   .profile dt {
      width: 35%;
      max-width: 155px;
   }

   .profile dt img {
      width: 87%;
      max-width: 119px;
      height: auto;
   }

   .profile dd li {
      padding-bottom: 5px;
   }

   .profile dd .name {
      padding-bottom: 10px;
      font-weight: 800;
   }
}

@media all and (max-width:730px) {
   .profile {
      overflow: hidden;
      width: 100%;
      height: auto;
      padding: 20px 0 0 0;
   }

   .profile dl {
      padding: 0 0 27px 170px;
   }

   .profile dt {
      left: 2.5%;
   }

   .profile dd {
      min-height: 0;
   }

   .profile .btns {
      margin: 1em 0 0 0;
   }

   .profile .btns a.end:after {
      left: 5%;
   }

   #sub_memberlist .profile dl {
      min-height: 0;
   }
}

@media all and (max-width:568px) {
   .profile dl {
      padding: 0 0 23px 38%;
   }

   .profile dd .name {
      padding-bottom: 8px;
   }

   .profile dd li {
      padding: 0 0 4px 70px;
   }

   .profile dd li em {
      left: 10px;
   }

   .profile dd li:before {
      top: 6px;
   }

   .profile dd li:first-child em {
      letter-spacing: 10px;
   }

   .profile dd li .colon {
      left: 63px;
   }

   .profile .btns a {
      height: 47px;
      line-height: 47px;
   }

   .profile .btns a.end:after {
      margin-top: 13px;
   }

   #sub_district h4 span {
      padding: 0 0 0 3px;
   }
}

@media all and (max-width:380px) {
   #sub_district h4 span {
      display: block;
      padding: 0;
   }
}

/* 의원윤리강령 */
#sub_ethics .ethics {
   position: relative;
   padding: 84px 84px 90px;
   text-align: center;
   background: #f1f3f5;
   word-break: keep-all;
}

#sub_ethics .ethics:before {
   content: '';
   position: absolute;
   top: 37px;
   left: 40px;
   width: calc(100% - 80px);
   height: calc(100% - 74px);
   border: 5px solid #e3e8ed;
}

#sub_ethics p:before,
#sub_ethics p:after {
   content: '';
   display: block;
   position: absolute;
   top: 24px;
   left: 26px;
   width: 19px;
   height: 19px;
   border: 5px solid #e3e8ed;
}

#sub_ethics p:after {
   left: auto;
   right: 26px;
}

#sub_ethics .en:before,
#sub_ethics .en:after {
   top: auto;
   bottom: 24px;
}

#sub_ethics .en {
   padding: 0 0 7px;
   color: #85a0b4;
   letter-spacing: 4px;
}

#sub_ethics .tit {
   line-height: 110%;
   font-size: 30px;
   color: #00508e;
}

#sub_ethics .info {
   padding: 30px 3% 35px;
   font-weight: 400;
}

#sub_ethics .con {
   padding: 43px 30px 43px 43px;
   text-align: left;
   border-radius: 10px;
   font-weight: 400;
   background: #fff;
}

#sub_ethics .con li {
   position: relative;
   padding: 0 0 18px 49px;
}

#sub_ethics .con li:last-child {
   padding-bottom: 0;
}

#sub_ethics .con span {
   position: absolute;
   top: 2px;
   left: 0;
   font-size: 18px;
   font-weight: 800;
}

@media all and (max-width:768px) {
   #sub_ethics .ethics {
      padding: 65px 65px 70px;
   }

   #sub_ethics .ethics:before {
      top: 30px;
      left: 30px;
      width: calc(100% - 60px);
      height: calc(100% - 60px);
   }

   #sub_ethics p:before {
      top: 16px;
      left: 16px;
   }

   #sub_ethics p:after {
      top: 16px;
      right: 16px;
   }

   #sub_ethics .en:before,
   #sub_ethics .en:after {
      bottom: 16px;
   }

   #sub_ethics .tit {
      font-size: 27px;
      font-weight: 400;
   }

   #sub_ethics .info br {
      display: none;
   }

   #sub_ethics .en {
      font-size: 14px;
   }

   #sub_ethics .con {
      padding: 35px 25px 35px 30px;
   }
}

@media all and (max-width:568px) {
   #sub_ethics .ethics {
      padding: 44px 44px 50px;
   }

   #sub_ethics .ethics:before {
      top: 20px;
      left: 18px;
      width: calc(100% - 36px);
      height: calc(100% - 40px);
   }

   #sub_ethics p:before,
   #sub_ethics p:after {
      top: 10px;
      width: 15px;
      height: 15px;
   }

   #sub_ethics p:before {
      left: 8px;
   }

   #sub_ethics p:after {
      right: 8px;
   }

   #sub_ethics .en:before,
   #sub_ethics .en:after {
      bottom: 10px;
   }

   #sub_ethics .tit {
      font-size: 18px;
   }

   #sub_ethics .tit strong {
      font-size: 22px;
   }

   #sub_ethics .en {
      padding: 0 0 5px;
      font-size: 12px;
      letter-spacing: 3px;
   }

   #sub_ethics .info {
      padding: 20px 2% 25px;
   }

   #sub_ethics .con {
      padding: 25px 20px 25px 17px;
   }

   #sub_ethics .con li {
      padding: 0 0 15px 37px;
   }

   #sub_ethics .con span {
      font-size: 17px;
   }
}

@media all and (max-width:380px) {
   #sub_ethics .ethics {
      padding: 30px 30px 35px;
   }

   #sub_ethics .ethics:before {
      top: 15px;
      left: 12px;
      width: calc(100% - 24px);
      height: calc(100% - 30px);
   }

   #sub_ethics .tit {
      font-size: 16px;
   }

   #sub_ethics .tit strong {
      font-size: 20px;
   }

   #sub_ethics .en {
      font-size: 11px;
   }

   #sub_ethics .info {
      padding: 17px 2% 22px;
   }

   #sub_ethics .con {
      padding: 22px 17px 22px 14px;
   }

   #sub_ethics .con li {
      padding: 0 0 14px 34px;
   }

   #sub_ethics .con span {
      font-size: 16px;
   }
}

/* 역대의원 의안검색 */
.form_sc {
   overflow: hidden;
   width: 100%;
   padding: 35px 0 39px;
   margin: 0 0 35px 0;
   border-radius: 5px 5px 50px 5px;
   background: #f1f3f5;
   box-sizing: border-box;
}

.form_sc div {
   position: relative;
   float: left;
   width: 58.87%;
   padding: 0 0 0 131px;
   box-sizing: border-box;
}

.form_sc label {
   position: absolute;
   left: 65px;
   top: 0;
   line-height: 54px;
   font-size: 18px;
   font-weight: 800;
}

.form_sc .sel label {
   left: 80px;
}

.form_sc .sel {
   width: 30.24%;
   padding: 0 0 0 127px;
}

.form_sc .sel:after {
   content: '';
   display: block;
   position: absolute;
   top: 22px;
   right: 18px;
   transform: rotate(45deg);
   width: 8px;
   height: 8px;
   border-bottom: 3px solid #3b4969;
   border-right: 3px solid #3b4969;
}

.form_sc select {
   -webkit-appearance: none;
   -moz-appearance: none;
   -moz-appearance: none;
}

.form_sc select::-ms-expand {
   display: none;
}

.form_sc select,
.form_sc input[type="text"] {
   width: 100%;
   height: 54px;
   line-height: 54px;
   padding: 0 0 0 20px;
   font-weight: 800;
   border: 2px solid #3c4968;
   background: #fff;
}

.form_sc input[type="text"] {
   padding-right: 54px;
}

.form_sc .btn {
   position: absolute;
   right: 0;
   top: 0;
   height: 54px;
   width: 54px;
   line-height: 45px;
   min-width: 0;
   padding: 0;
   font-size: 0;
   text-indent: -999px;
   border: none;
   border-radius: 0;
   background: #3c4968;
}

.form_sc .btn:before,
.form_sc .btn:after {
   content: '';
   display: block;
   position: absolute;
   top: 16px;
   left: 17px;
   width: 18px;
   height: 18px;
   border: 3px solid #fff;
   border-radius: 50%;
   box-sizing: border-box;
}

.form_sc .btn:after {
   left: 30px;
   top: 32px;
   width: 9px;
   height: 3px;
   border: none;
   border-radius: 2px;
   transform: rotate(45deg);
   background: #fff;
}

.form_sc .btn:hover {
   background-color: #444;
}

@media all and (max-width:768px) {
   .form_sc {
      margin: 0 0 30px;
   }

   .form_sc div {
      padding: 0 0 0 100px;
   }

   .form_sc .sel {
      width: 34%;
      padding: 0 0 0 90px;
   }

   .form_sc label {
      left: 45px;
   }

   .form_sc .sel label {
      left: 50px;
   }
}

@media all and (max-width:568px) {
   .form_sc {
      padding: 25px 0 27px;
      margin: 0 0 27px 0;
      border-radius: 5px 5px 25px 5px;
   }

   .form_sc div {
      padding: 0 0 0 65px;
   }

   .form_sc label {
      left: 16px;
      font-size: 17px;
      line-height: 45px;
   }

   .form_sc .sel {
      width: 35%;
      padding: 0 0 0 55px;
   }

   .form_sc .sel:after {
      top: 17px;
   }

   .form_sc .sel label {
      left: 20px;
   }

   .form_sc select,
   .form_sc input[type="text"] {
      height: 45px;
      line-height: 45px;
      line-height: 42px;
      padding: 0 0 0 10px;
   }

   .form_sc input[type="text"] {
      padding-right: 45px;
   }

   .form_sc .btn {
      height: 45px;
      line-height: 45px;
      width: 45px;
   }

   .form_sc .btn:before {
      top: 11px;
      left: 12px;
   }

   .form_sc .btn:after {
      top: 27px;
      left: 25px;
   }
}

@media all and (max-width:380px) {
   .form_sc {
      padding: 22px 0 24px;
      margin: 0 0 24px;
      border-radius: 5px 5px 20px 5px;
   }

   .form_sc div {
      padding: 0 0 0 55px;
   }

   .form_sc label {
      left: 10px;
      font-size: 16px;
      line-height: 40px;
   }

   .form_sc .sel {
      padding: 0 0 0 45px;
   }

   .form_sc .sel:after {
      top: 14px;
      right: 12px;
   }

   .form_sc .sel label {
      left: 14px;
   }

   .form_sc select,
   .form_sc input[type="text"] {
      height: 40px;
      line-height: 40px;
      line-height: 37px;
   }

   .form_sc .btn {
      height: 40px;
      width: 42px;
      line-height: 40px;
   }

   .form_sc input[type="text"] {
      padding-right: 42px;
   }

   .form_sc .btn:before {
      top: 9px;
      left: 10px;
   }

   .form_sc .btn:after {
      top: 25px;
      left: 23px;
   }
}

/* 의회용어사전 */
#sub_voca a {
   color: #222;
}

#sub_voca .indexArea {
   overflow: hidden;
   width: 100%;
   margin: 0 0 35px;
   padding: 40px 60px 35px;
   box-sizing: border-box;
   border-radius: 5px 5px 50px 5px;
   background: #f1f3f5;
}

#sub_voca .index_word,
#sub_voca .indexArea form {
   overflow: hidden;
   position: relative;
   width: 100%;
   margin: 0 0 1em 0;
   padding: 0 0 1em 110px;
   border-bottom: 1px dashed #777;
   box-sizing: border-box;
}

#sub_voca .search_result {
   padding-left: 0 !important;
}

#sub_voca .indexArea form * {
   float: left;
}

#sub_voca .indexArea fieldset {
   width: 100%;
}

#sub_voca .indexArea #word {
   width: 100%;
   padding: 0 150px 0 20px;
   box-sizing: border-box;
}

#sub_voca .indexArea button[type="submit"] {
   position: absolute;
   top: 0;
   right: 0;
   width: 120px;
   height: 42px;
   padding: 0 0 0 20px;
   font-weight: 800;
   color: #fff;
   border-radius: 0 3px 3px 0;
   box-sizing: border-box;
   background: #57565b;
}

#sub_voca .indexArea button:before,
#sub_voca .indexArea button:after {
   content: '';
   display: block;
   position: absolute;
   top: 10px;
   left: 25px;
   width: 17px;
   height: 17px;
   border: 2px solid #fff;
   border-radius: 50%;
   box-sizing: border-box;
}

#sub_voca .indexArea button:after {
   left: 37px;
   top: 26px;
   width: 8px;
   height: 2px;
   border: none;
   border-radius: 2px;
   transform: rotate(45deg);
   background: #fff;
}

#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt {
   position: absolute;
   top: 12px;
   left: 0;
   font-weight: 800;
   color: #222;
   font-size: 19px;
}

#sub_voca .index_word ul {
   width: 100%;
}

#sub_voca .index_word li {
   display: inline-block;
   margin: 0 1px 5px 0;
   text-align: center;
}

#sub_voca .index_word li a {
   display: block;
   width: 39px;
   height: 39px;
   line-height: 37px;
   font-size: 24px;
   font-weight: 800;
   text-decoration: none;
   border: 1px solid #d1d1d1;
   border-radius: 50%;
   box-sizing: border-box;
   background: #fff;
}

#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover {
   color: #fff;
   border-color: #ff476a;
   background: #ff476a;
}

#sub_voca .search_result ul {
   overflow: hidden;
   width: 100%;
}

#sub_voca .search_result li {
   float: left;
   width: 20%;
   padding: 0 0 10px 6px;
   letter-spacing: -1px;
   box-sizing: border-box;
}

#sub_voca .none,
#sub_voca .word_defined {
   width: 100%;
}

#sub_voca #pagingNav {
   margin: 40px 0 0 0;
}

@media all and (max-width:1000px) {
   #sub_voca .indexArea {
      padding: 35px 50px 30px;
      margin: 0 0 30px;
   }

   #sub_voca .search_result ul {
      padding: 0 0 0 2%;
      box-sizing: border-box;
   }
}

@media all and (max-width:768px) {
   #sub_voca .indexArea {
      padding: 30px;
      margin: 0 0 25px;
   }

   #sub_voca .indexArea #word {
      padding-right: 110px;
   }

   #sub_voca .indexArea form label,
   #sub_voca .index_word .titTxt {
      font-size: 18px;
   }

   #sub_voca .indexArea button[type="submit"] {
      height: 42px;
      width: 100px;
   }

   #sub_voca .indexArea button:before {
      left: 20px;
   }

   #sub_voca .indexArea button:after {
      left: 32px;
   }

   #sub_voca .index_word,
   #sub_voca .indexArea form {
      padding: 0 0 12px 100px;
      margin-bottom: 12px;
   }

   #sub_voca .index_word li {
      margin: 0 1px 3px 0;
   }

   #sub_voca .index_word li a {
      height: 37px;
      width: 37px;
      line-height: 35px;
      font-size: 21px;
   }
}

@media all and (max-width:660px) {
   #sub_voca .search_result li {
      width: 25%;
   }
}

@media all and (max-width:568px) {
   #sub_voca .indexArea {
      padding: 23px;
      margin: 0 0 20px;
   }

   #sub_voca .index_word,
   #sub_voca .indexArea form {
      padding-left: 0;
   }

   #sub_voca .indexArea form label,
   #sub_voca .index_word .titTxt {
      position: static;
      width: 100%;
      margin: 0 0 10px;
      text-align: center;
   }

   #sub_voca .indexArea button[type="submit"] {
      top: auto;
      bottom: 12px;
      height: 38px;
      width: 85px;
   }

   #sub_voca .indexArea button:before {
      left: 15px;
      width: 15px;
      height: 15px;
   }

   #sub_voca .indexArea button:after {
      left: 26px;
      top: 24px;
   }

   #sub_voca .index_word li a {
      height: 33px;
      width: 33px;
      line-height: 32px;
      font-size: 20px;
   }

   #sub_voca .search_result li {
      width: 33.33%;
   }

   #sub_voca .indexArea #word {
      height: 37px;
      line-height: 37px;
      padding-right: 95px;
   }

   #sub_voca #pagingNav {
      margin: 25px 0 0 0;
   }
}

@media all and (max-width:380px) {
   #sub_voca .indexArea {
      padding: 20px;
      margin: 0 0 17px;
   }

   #sub_voca .indexArea form label,
   #sub_voca .index_word .titTxt {
      font-size: 17px;
   }

   #sub_voca .index_word li a {
      height: 28px;
      width: 28px;
      line-height: 27px;
      font-size: 18px;
   }

   #sub_voca .search_result li {
      width: 50%;
   }

   #sub_voca #pagingNav {
      margin: 20px 0 0 0;
   }
}

/* 의회에바란다 */
#sub_hope .red {
   color: #d53030;
}

#sub_hope .info_box {
   position: relative;
   padding: 2em 20% 2em 2em;
   margin: 0 0 1.5em 0;
   border: 1px solid #e0e0e0;
   background: #fff;
}

#sub_hope .info_box:before {
   content: '';
   display: block;
   position: absolute;
   top: 23px;
   right: 3%;
   width: 114px;
   height: 134px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sbcra%2Sot_ubcr.tvs) no-repeat;
}

@media all and (max-width:768px) {
   #sub_hope .info_box {
      padding: 20px 20% 20px 20px;
   }

   #sub_hope .info_box:before {
      width: 87px;
      right: 2%;
      width: 87px;
      height: 104px;
      margin: 0 0 0 3px;
      background-size: contain;
   }
}

@media all and (max-width:568px) {
   #sub_hope .info_box {
      padding: 20px;
   }

   #sub_hope .info_box:before {
      position: static;
      float: right;
      width: 75px;
      height: 90px;
   }
}

@media all and (max-width:400px) {
   #sub_hope .info_box {
      padding: 17px;
   }

   #sub_hope .info_box:before {
      width: 68px;
      height: 80px;
   }
}

/* 통합검색*/
#sub_search {
   position: relative;
   padding: 30px 0 0 0;
}

#sub_search:before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 54px;
   width: 175px;
   height: 98px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sbcra%2Sot_frnepu.cat) no-repeat;
}

#sub_search .search {
   width: 100%;
   padding: 60px 0;
   margin: 0 0 30px 0;
   border-radius: 5px 5px 50px 5px;
   background: #f1f3f5;
}

#sub_search .search * {
   display: inline-block;
   vertical-align: top;
}

#sub_search .search form,
#sub_search .search fieldset {
   width: 100%;
   text-align: center;
}

#sub_search .search label {
   margin: 0 1em 0 0;
   line-height: 39px;
   font-size: 115%;
}

#sub_search .search #word {
   width: 30%;
   height: 40px;
   line-height: 40px;
   border: 1px solid #c8c8ca;
}

#sub_search .search button {
   width: 60px;
   height: 39px;
   background: #3c4968;
   color: #fff;
}

#sub_search .result h4 {
   margin: 0 0 15px 0;
   font-size: 120%;
   font-weight: 800;
   border-bottom: 1px solid #ccc;
}

#sub_search .result>.dot {
   margin: 0 0 0 10px;
}

#sub_search .result>.dot>li {
   padding: 0 0 0 12px;
   margin: 0 0 7px;
   font-weight: 800;
}

#sub_search .result>.dot>li ul {
   font-weight: 200;
}

#sub_search .result>.dot>li:before {
   top: 8px;
   width: 5px;
   height: 5px;
   background: #37405b;
}

#sub_search .orange {
   color: #a94a46;
}

@media all and (max-width:768px) {
   #sub_search:before {
      left: 25px;
      width: 140px;
      height: 80px;
      background-size: 100%;
   }

   #sub_search .search {
      padding: 70px 0 45px 0;
      margin: 0 0 25px;
      border-radius: 5px 5px 40px 5px;
   }

   #sub_search .search fieldset {
      text-align: center;
   }

   #sub_search .search #word {
      width: 30%;
   }

   #sub_search .search button {
      width: 65px;
      font-size: 16px;
   }

   #sub_search .result>.dot>li:before {
      top: 7px;
   }
}

@media all and (max-width:568px) {
   #sub_search:before {
      width: 120px;
   }

   #sub_search .search {
      padding: 55px 0 45px 0;
      border-radius: 5px 5px 30px 5px;
   }
}

@media all and (max-width:380px) {
   #sub_search:before {
      width: 100px;
   }

   #sub_search .search {
      padding: 45px 0 40px 0;
      border-radius: 5px 5px 25px 5px;
   }
}

/* 배너모음 */
#sub_banner ul {
   overflow: hidden;
   width: 100%;
}

#sub_banner ul li {
   display: inline-block;
   width: 24.5%;
   padding: 5px;
   box-sizing: border-box;
}

#sub_banner ul li img {
   max-width: 100%;
}

#sub_banner ul li.none {
   font-weight: bold;
   text-align: center;
   width: 100%;
}

@media all and (max-width:768px) {
   #sub_banner ul li {
      width: 32.5%;
      padding: 5px 3px;
      text-align: center;
   }
}

@media all and (max-width:568px) {
   #sub_banner ul li {
      width: 49.2%;
   }
}

/*사이트맵*/
#sub_sitemap .site {
   width: 100%;
   border-top: 1px solid #c9d0d9;
}

#sub_sitemap .site:after {
   content: '';
   display: block;
   clear: both;
   width: 100%;
}

#sub_sitemap .site a[target="_blank"]:after {
   content: '';
   display: inline-block;
   width: 12px;
   height: 12px;
   margin: -2px 0 0 7px;
   vertical-align: middle;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -42px -179px;
}

#sub_sitemap .site h4 {
   position: relative;
   float: left;
   width: 17.191%;
   height: 50px;
   line-height: 50px;
   margin: -13px 10% 0 4.449%;
   padding: 0;
   font-size: 20px;
   border-radius: 0 3px 12px 3px;
   background: #4b6480;
   text-align: center;
   box-sizing: border-box;
   vertical-align: top;
}

#sub_sitemap .site h4:before {
   top: 0;
   left: -8px;
   width: auto;
   height: auto;
   border-radius: 0;
   border-top: 12px solid #fff;
   border-right: 8px solid #3c4968;
   background: none;
}

#sub_sitemap .site h4:after {
   display: none;
}

#sub_sitemap .site h4 a {
   color: #fff;
}

#sub_sitemap .site h4 a[target="_blank"]:after {
   background-position: 0 -179px;
}

#sub_sitemap .site>ul {
   float: right;
   width: 68.202%;
   padding: 22px 14px 20px;
   vertical-align: top;
   box-sizing: border-box;
}

#sub_sitemap .site>ul>li {
   display: inline-block;
   padding: 0 20px 19px;
   vertical-align: top;
}

#sub_sitemap .site>ul>li>a {
   display: block;
   width: 150px;
   line-height: 36px;
   font-weight: 800;
   font-size: 18px;
   border-radius: 36px;
   background: #f4f4f4;
   text-align: center;
   box-shadow: inset 0 0 0 #6b7784;
}

#sub_sitemap .site>ul>li>a:hover {
   box-shadow: inset 150px 0 0 0 #6b7784;
   color: #fff;
   transition: 0.25s ease-in-out;
}

#sub_sitemap .site>ul>li>a[target="_blank"]:hover:after {
   background-position: 0 -179px;
}

#sub_sitemap .site>ul>li ul {
   padding: 12px 0 0 20px;
   font-size: 15px;
}

#sub_sitemap .site>ul>li ul a {
   color: #666;
}

#sub_sitemap .site>ul>li ul a:hover {
   color: #000;
}

#sub_sitemap .site>ul>li li {
   padding: 0 0 3px 15px;
}

#sub_sitemap .site>ul>li li:before {
   width: 9px;
   height: 5px;
   background: #bfbfbf;
}

#sub_sitemap .site>ul>li li:hover:before {
   background: #4b6480;
}

@media all and (max-width:1230px) {
   #sub_sitemap .site h4 {
      margin-right: 5.2%;
   }

   #sub_sitemap .site>ul {
      width: 73%;
      padding: 22px 1% 20px;
   }

   #sub_sitemap .site>ul>li {
      width: 32.5%;
      padding: 0 0 19px;
   }
}

@media all and (max-width:768px) {
   #sub_sitemap {
      padding-top: 10px;
   }

   #sub_sitemap .site h4 {
      width: 92%;
      height: 46px;
      line-height: 46px;
      margin-right: 0;
      font-size: 19px;
   }

   #sub_sitemap .site>ul {
      width: 100%;
      padding: 20px 4%;
   }

   #sub_sitemap .site>ul>li {
      padding: 0 1% 15px 1%;
      box-sizing: border-box;
   }

   #sub_sitemap .site>ul>li>a {
      width: 100%;
      font-size: 17px;
   }
}

@media all and (max-width:568px) {
   #sub_sitemap .site h4 {
      height: 42px;
      line-height: 42px;
      font-size: 18px;
   }

   #sub_sitemap .site>ul {
      padding: 17px 2% 20px 3%;
   }

   #sub_sitemap .site>ul>li {
      width: 49.2%;
   }

   #sub_sitemap .site>ul>li>a {
      line-height: 34px;
      font-size: 16px;
   }

   #sub_sitemap .site>ul>li ul {
      font-size: 14px;
   }
}

@media all and (max-width:380px) {
   #sub_sitemap .site h4 {
      height: 39px;
      line-height: 39px;
      font-size: 17px;
   }

   #sub_sitemap .site>ul {
      padding: 15px 2% 19px 3%;
   }

   #sub_sitemap .site>ul>li {
      padding: 0 1% 12px 1%;
   }

   #sub_sitemap .site>ul>li>a {
      line-height: 32px;
      font-size: 15px;
   }

   #sub_sitemap .site>ul>li ul {
      font-size: 13px;
   }
}

#sub_privacy {
   word-break: keep-all;
}

#sub_privacy h4 {
   padding-left: 0;
   font-size: 24px;
}

#sub_privacy h4:before,
#sub_privacy h4:after {
   display: none;
}

#sub_privacy ol {
   padding: 0 0 23px;
}

#sub_privacy ol>li {
   position: relative;
   padding: 0 0 17px 30px;
}

#sub_privacy ol>li:before {
   content: '1';
   display: block;
   position: absolute;
   top: 2px;
   left: 0;
   width: 20px;
   height: 20px;
   line-height: 21px;
   color: #fff;
   background: #3c4968;
   text-align: center;
}

#sub_privacy ol>li:nth-child(2):before {
   content: '2';
}

#sub_privacy ol>li:nth-child(3):before {
   content: '3';
}

#sub_privacy ol>li:nth-child(4):before {
   content: '4';
}

#sub_privacy ol>li:nth-child(5):before {
   content: '5';
}

#sub_privacy h4+p,
#sub_privacy li ul {
   font-size: 15px;
}

#sub_privacy li ul {
   padding-top: 3px;
}

#sub_privacy strong {
   font-weight: 400;
}

#sub_privacy .box_gray {
   margin: 15px 0 0 0;
   padding: 9px 0 8px 30px;
   color: #555;
   background: #f1f3f5;
}

#sub_privacy .box_gray li {
   display: inline-block;
}

#sub_privacy .box_gray li:first-child {
   margin: 0 30px 0 0;
}

@media all and (max-width:1024px) {
   #sub_privacy h4 {
      font-size: 22px;
   }
}

@media all and (max-width:768px) {
   #sub_privacy h4 {
      font-size: 21px;
   }
}

@media all and (max-width:568px) {
   #sub_privacy h4 {
      font-size: 18px;
   }

   #sub_privacy .box_gray li:first-child {
      margin: 0;
   }

   #sub_privacy h4+p,
   #sub_privacy li ul {
      font-size: 14px;
   }
}

@media all and (max-width:380px) {
   #sub_privacy h4 {
      font-size: 17px;
   }

   #sub_privacy h4+p,
   #sub_privacy li ul {
      font-size: 13px;
   }
}

#sub_survey .survey .tit {
   margin: 40px 0 20px;
   box-sizing: border-box;
   padding: 35px;
   background: #eaf5fe url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sbcra%2Sfheirl_vzt.cat) no-repeat right bottom;
   word-break: keep-all;
}

#sub_survey .survey .tit h4 {
   margin-top: 0;
   font-size: 24px;
   color: #305299;
}

#sub_survey .survey .tit p {
   margin: 0;
   font-weight: 400;
   color: #5e5e5f;
}

#sub_survey .survey .tit .pr {
   box-sizing: border-box;
   padding: 10px 350px 0 0;
}

#sub_survey .survey .survey_box {
   border: 1px solid #ccc;
   padding: 35px;
}

#sub_survey .survey .survey_box dl {
   word-break: keep-all;
}

#sub_survey .survey .survey_box dl dt {
   padding: 0 0 10px 35px;
   color: #484e56;
   font-size: 1.125em;
   font-weight: 400;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sbcra%2Sfheirl_dhrfgvba.cat) no-repeat 0 4px;
   background-size: 25px;
}

#sub_survey .survey .survey_box dl dd {
   padding: 0 0 0 35px;
   margin: 0 0 30px;
   color: #656e79;
}

#sub_survey .survey .survey_box dl dd span {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
   padding: 0 10px 0 0;
}

#sub_survey .survey .survey_box dl dd input {
   margin: 2px 5px 0 0;
}

#sub_survey .survey .survey_box dl dd textarea {
   width: 100%;
   height: 150px;
}

#sub_survey .survey .etc {
   display: block;
   width: 100%;
}

#sub_survey .survey .etc textarea {
   margin: 10px 0 0;
}

#sub_survey .survey .btn {
   background-color: #3e78bd;
   width: 600px;
   margin: 0 auto;
   display: block;
}

#sub_survey .btn-type a {
   display: block;
   width: 50%;
   margin: 0 auto;
   text-align: center;
   border-radius: 3px;
   font-size: 1.250em;
   cursor: pointer;
   padding: 1em 0;
   color: #fff;
   background: #3e78bd;
   text-decoration: none;
}

#sub_survey .btn-type a:hover {
   background: #fff;
   color: #3e78bd;
   border: 1px solid #3e78bd;
}

@media all and (max-width:768px) {
   #sub_survey .survey .tit {
      padding-bottom: 50px;
      background-size: 160px;
   }

   #sub_survey .survey .tit .pr {
      padding: 5px 0 0;
   }

   #sub_survey .survey .tit .pr:last-of-type {
      padding-right: 160px;
   }
}

@media all and (max-width:568px) {
   #sub_survey .survey .tit h4 {
      font-size: 20px;
   }

   #sub_survey .survey .tit p {
      font-size: 15px;
   }

   #sub_survey .survey .tit {
      padding: 30px;
      background-image: none;
   }

   #sub_survey .survey .tit .pr:last-of-type {
      padding-right: 0;
   }

   #sub_survey .survey .survey_box {
      padding: 30px 25px;
   }

   #sub_survey .survey .survey_box dl dt {
      padding-left: 0;
      font-size: 15px;
      background: none;
   }

   #sub_survey .survey .survey_box dl dd {
      padding: 0;
   }

   #sub_survey .survey .survey_box dl dd label {
      font-size: 15px;
   }
}

/* 주민조례청구 s */

#jumin-title::before {
   display: none !important;
}

#jumin-title::after {
   display: none !important;
}

.sbu-con.jumin .top_box {
   /* width: 100%; */
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Swhzva_gbc_ot.cat%3Sire%3Q250704) left no-repeat;
   background-size: cover;
   padding-block: 3rem 2rem;
   padding-inline: 47px;
   display: flex;
   flex-direction: column;
   align-items: end;
}

.sbu-con.jumin .tit {
   display: flex;
   align-items: end;
   width: 100%;
   justify-content: end;
   flex-direction: column;
   gap: 16px;
}

.sbu-con.jumin .tit h4 {
   font-size: 30px;
   font-family: 'NanumSquareB';
   color: #333;
   text-align: right;
}

.sbu-con.jumin in .qr_cont .qr_list {
   display: flex;
   margin-top: 22px;
   gap: 37px;
}

.sbu-con.jumin .qr_cont .qr_list li {
   margin: 0 auto;
   padding-left: 3.125rem;
}

.sbu-con.jumin .qr_list {
   display: flex;
   gap: 2rem;
   margin-top: 2rem;
}

.sbu-con.jumin .qr_list li:nth-of-type(1) {
   position: relative;
}

.sbu-con.jumin .qr_list li:nth-of-type(1):before {
   position: absolute;
   content: '';
   display: inline-block;
   width: 1px;
   height: 96px;
   background-color: #333;
   right: -2.75rem;
   top: 1rem;
}

.sbu-con.jumin .qr_cont .qr_list h5 {
   font-family: 'jalnan';
   color: #333;
   font-size: 1.125rem;
   font-weight: 400;
   text-align: center;
}

.sbu-con.jumin .qr_cont .qr_list li img {
   margin-left: 1.8rem;
}

.sbu-con.jumin .jumin_sec2 h4 {
   font-size: 25px;
   font-weight: 700;
   margin-block: 44px 5px;
   padding-left: 1.5rem;
}

.deco {
   position: relative;
}

.deco:before {
   width: 21px;
   height: 21px;
   display: inline-block;
   content: '';
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Soh_u4.cat) center no-repeat;
   background-size: cover;
   position: absolute;
   left: -0.5rem;
   top: 50%;
   transform: translateY(-50%);
}

.sbu-con.jumin .policy {
   display: flex;
   flex-wrap: wrap;
   gap: 40px 0;
   justify-content: space-between;
}

.sbu-con.jumin .policy li {
   width: 237px;
   height: 147px;
   border: 3px solid #d0deeb;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   border-radius: 12px;
   position: relative;
   gap: 40px 0;
   justify-content: space-between;
}

.sbu-con.jumin .policy li:nth-child(1),
.sbu-con.jumin .policy li:nth-child(2),
.sbu-con.jumin .policy li:nth-child(3),
.sbu-con.jumin .policy li:nth-child(4) {
   border: 3px solid #ecd5c2;
}

.sbu-con.jumin .policy li:last-child {
   border: 3px solid #b9e5dc;
}

.sbu-con.jumin .policy li:before {
   width: 27px;
   height: 27px;
   content: '';
   display: inline-block;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Sqvn_neebj4.cat) center no-repeat;
   background-size: cover;
   position: absolute;
   right: -3.5rem;
   top: 50%;
   transform: translateY(-50%);
}

.sbu-con.jumin .policy li:nth-child(3n):before {
   content: none;
}

.sbu-con.jumin .policy li p {
   color: #333;
   font-weight: 700;
   line-height: 1.5;
   font-size: 1.125rem;
   width: 100%;
   text-align: center;
}

.sbu-con.jumin .policy li .reg {
   font-size: 15px;
}

.line_tit {
   font-weight: 800;
   font-size: 25px;
   width: 100%;
   text-align: center;
   position: relative;
   margin-bottom: 37px;
}

.line_tit:before {
   width: 45%;
   height: 2px;
   background-color: #666666;
   display: inline-block;
   position: absolute;
   left: 0rem;
   top: 50%;
   transform: translateY(-50%);
   content: '';
}

.line_tit:after {
   width: 45%;
   height: 2px;
   background-color: #666666;
   display: inline-block;
   position: absolute;
   right: 0rem;
   top: 50%;
   transform: translateY(-50%);
   content: '';
}

.jumin_sec3 .proc li {
   display: flex;
   /* justify-content: space-between; */
}

.jumin_sec3 .proc .proc_bg {
   width: 240px;
   height: 54px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Scebp_yvfg_ot.cat) center no-repeat;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: start;
   font-size: 18px;
   font-family: 'Noto Sans KR';
   color: #fff;
   padding-left: 18px;
   letter-spacing: -1px;
}

.jumin_sec3 .proc .proc_cont {
   padding-inline: 24px 10px;
   padding-block: 34px;
   border: 1px solid #f3d1c6;
   border-radius: 12px;
   width: 68%;
   margin-bottom: 22px;
   margin-left: 35px;
   display:initial;
   box-sizing: initial;
}

.proc .proc_cont p.reda8 {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 16px;
   line-height: 1.35;
}

.proc .proc_cont p.blue2a {
   font-size: 17px;
   font-weight: 700;
   margin-bottom: 16px;
   line-height: 1.35;
}

.proc .proc_cont p.blue2a:last-child {
   margin-bottom: 0;
}

.jumin_sec3 .proc .proc_cont p:nth-child(2) {
   color: #333;
   font-size: 16px;
   font-weight: 400;
   font-family: 'Noto Sans KR';
}


.jumin_sec3 .proc .proc_cont li {
   color: #333;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.5;
}

.jumin_sec3 .proc .proc_cont li:first-child {
   flex-direction: column;
}

.jumin_sec4 {
   /* width: 100%; */
   display: flex;
   flex-wrap: wrap;
   gap: 0px;
   height: 167px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Svasb_ot.cat%3Sire%3Q250) right no-repeat;
   background-size: cover;
   padding-top: 30px;
   padding-inline: 31px 0px;
   margin-bottom: 75px;
   margin-top: 10px;
   border: 2px solid #ddd;
}

.jumin_sec4 .deco {
   width: 100%;
   margin-bottom: 22px;
   display: block;
}

.jumin_sec4 .deco:before {
   content: none;
}

.jumin_sec4 .info_list {
   display: flex;
   flex-direction: column;
   gap: 2px;
   margin-right: 60px;
}

.jumin_sec4 .info_list .yellowbg {
   background-color: #ffe14f;
   color: #333;
   font-family: 'NanumSquareB';
   font-weight: 600;
   font-size: 18px;
   display: inline-flex;
   border-radius: 40px;
   padding-inline: 0rem;
   padding-block: 0.45rem;
   align-items: center;
   justify-content: center;
   width: 120px;
   margin-bottom: 8px;
}


.jumin_sec4 .info_list li:not(.yellowbg) {
   position: relative;
   padding-left: 1rem;
   font-family: 'Noto Sans KR';
}

.jumin_sec4 .info_list li:not(.yellowbg):before {
   width: 6px;
   height: 2px;
   background-color: #ef6339;
   display: block;
   content: '';
   position: absolute;
   left: 0;
   top: 11px;
}

.jumin_sec4 .dash li {
   position: relative;
   padding-left: 1rem;
   font-size: 16px;
   color: #333;
   line-height: 1.35;
   font-family: 'Noto Sans KR';
}

.jumin_sec4 .dash li:before {
   width: 6px;
   height: 2px;
   background-color: #ef6339;
   display: inline-block;
   content: '';
   position: absolute;
   left: 0rem;
   top: 50%;
   transform: translateY(-50%);
}

.jumin_sec5 {
   margin-bottom: 47px;
}


.jumin_sec5 .proc .proc_bg {
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Scebp_yvfg_ot_oh.cat) center no-repeat;
   background-size: cover;
}

.jumin_sec3 .proc .proc_bg_green {
   width: 240px;
   height: 54px;
   background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Scebp_yvfg_ot_terra.cat%3Sire%3Q250704) center no-repeat;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: start;
   font-size: 18px;
   font-family: 'Noto Sans KR';
   color: #fff;
   padding-left: 18px;
}

.jumin_sec5 .proc .proc_cont {
   border: 1px solid #bedefb;
}

.jumin_sec5 .line_tit::before {
   width: 40%;
}

.jumin_sec5 .line_tit:after {
   width: 40%;
}

.jumin_sec5 li:nth-of-type(5) .proc_cont h5 {
   margin-bottom: 0;
}

.jumin_sec6 li:nth-of-type(1) .proc_cont h5 {
   margin-bottom: 0;
}

.sbu-con.jumin .jumin_sec7 h4 {
   margin-block: 44px 16px;
}

.jumin_sec7 ul li {
   color: #333333;
   padding-left: 1rem;
   font-size: 16px;
   line-height: 1.75;
   position: relative;
   font-family: 'Noto Sans KR';
}

.jumin_sec7 ul li:not(:first-child) {
   padding-left: 1.5rem;
}

.jumin_sec7 ul li:not(:first-child):before {
   content: "";
   display: inline-block;
   width: 4px;
   height: 4px;
   border-radius: 100%;
   background-color: #2f6eb4;
   position: absolute;
   left: 1rem;
   top: 12px;
}

.quick_wrap {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 30px;
   margin-top: 47px;
   margin-bottom: 40px;
}

.quick_wrap a {
   display: inline-flex;
   padding-inline: 4.25rem;
   padding-block: 1rem;
   background-color: #5874c1;
   color: #fff;
   align-items: center;
   justify-content: center;
   font-weight: 400;
   border-radius: 10px;
   font-size: 18px;
   flex: 1
}

/* 공통요소 */
.bold {
   font-weight: 700;
   font-family: 'NanumGothic';
}

.bolds {
   font-family: 'NanumSquareB';
}

.reg {
   font-weight: 400;
   font-family: 'Noto Sans KR';
}

.green15 {
   color: #156b72 !important;
}

.fs18 {
   font-size: 18px;
}

.fs16 {
   font-size: 16px !important;
}

.reda8 {
   color: #a8482b;
}

.blue2a {
   color: #2a7ea8;
}


@media screen and (max-width: 1230px) {

   .sbu-con.jumin .policy li {
      width: 25%
   }

   .jumin_sec4 {
      height: 162px;
   }
}

@media screen and (max-width: 1080px) {
   .jumin_sec4 .info_list {
      margin-right: 30px;
   }
}

@media screen and (max-width: 1024px) {
   .sbu-con.jumin .policy {
      gap: 50px 60px;
      justify-content: center;
   }

   /* .sbu-con.jumin .policy li {max-width:27%;} */
}

@media screen and (max-width: 768px) {

   .sbu-con.jumin .top_box {
      background-color: #ffe14f;
      background-size: 70%;
      background-position: left bottom;
   }

   .sbu-con.jumin .qr_cont .qr_list li img {
      max-width: 70%;
   }

   .sbu-con.jumin .policy li {
      width: calc(100% - 6px);
   }

   .sbu-con.jumin .policy li:before {
      content: none;
   }

   .jumin_sec3 .proc li {
      flex-direction: column;
      gap: 2rem;
   }

   .jumin_sec3 .proc .proc_cont {
      width: 100%;
   }

   .jumin_sec3 .proc .proc_bg {
      margin: 0 auto;
      text-align: center;
      align-items: center;
      justify-content: center;
      padding-left: 0;
      background-size: cover;
      width: 100%;
      margin: 0;
   }

   .jumin_sec3 .proc .proc_cont {
      text-align: center;
   }

   .jumin_sec3 .proc .proc_bg_green {
      text-align: center;
      align-items: center;
      justify-content: center;
      padding-left: 0;
      width: 100%;
      background-size: cover;
      margin: 0;
   }

   .jumin_sec4 {
      flex-direction: column;
      height: fit-content;
      background: none;
      border: 1px solid #ddd;
      padding: 2rem;
      border-radius: 16px;
      gap: 2rem;
   }

   .jumin_sec3 .proc .proc_cont {
      width: calc(100% - 40px);
      margin-left: 0 !important;
      padding: 32px 16px;
   }

   .jumin_sec3 .proc .cont111 {
      /* width: 100%; */
   }

   .sbu-con.jumin .policy {
      flex-direction: column;
      align-items: center;
      width: calc(100% - 20px);
      margin: 0 auto;
   }

   .quick_wrap {
      width: 100%;
      flex-direction: column;
   }

   .quick_wrap a {
      padding-inline: 0;
      width: 100%;
      flex: initial;
      padding-inline: 0;
   }

   .sbu-con.jumin .policy li p {
      width: 100% !important;
      text-align: center;
   }

}



@media screen and (max-width : 576px) {
   .sbu-con.jumin .top_box {
      background-image: none;
   }

   .sbu-con.jumin .qr_cont .qr_list {
      flex-direction: column;
   }

   .sbu-con.jumin .qr_cont .qr_list li {
      padding-left: 0;
   }

   .sbu-con.jumin .qr_list li:nth-of-type(1):before {
      content: none;
   }

   .sbu-con.jumin .qr_cont .qr_list li img {
      max-width: 90%;
      padding-right: 1rem;

   }

   .sbu-con.jumin .tit img {
      margin: 0 auto;
   }

   .sbu-con.jumin .tit h4 {
      text-align: center;
      width: 100%;
      font-size: 22px;
   }


   .sbu-con.jumin .qr_cont {
      width: 100%;
   }

   .sbu-con.jumin .jumin_sec2 h4 {
      margin-block: 44px 26px;
      font-size: 22px;
   }

   .sbu-con.jumin .policy li {
      height: 135px;
   }

   .jumin_sec3 .proc .proc_cont li br {
      display: none;
   }

   .line_tit:before {
      width: 30%;
   }

   .line_tit::after {
      width: 30%;
   }

   .jumin_sec5 .line_tit::before {
      width: 30%;
   }

   .jumin_sec5 .line_tit::after {
      width: 30%;
   }
}

.noprocc>li {
   background: #fff;
}

/* 주민조례청구 e */


/* 방청안내 */

#sub_tour1 .box_info {
   position: relative;
}

#sub_tour1 .box_info .inner::after {
   content: "";
   display: block;
   width: 340px;
   height: 180px;
   position: absolute;
   right: -110px;
   bottom: -76px;
   background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Sot_gbheobk.cat")no-repeat;
}

#sub_tour1 .box_info .inner {
   width: 100%;
}

#sub_tour1 .box_info p {
   padding: 0 35% 0 0;
}

#sub_tour1 .box_info p span {
   display: block;
}

#sub_tour1 .btn_base {
   display: inline-block;
   background: #015190;
   border-radius: 5px;
   padding: 0 12px;
   line-height: 40px;
   height: 40px;
   color: #fff;
   font-weight: 800;
   font-size: 14px;
}

#sub_tour1 .btn_base:hover {
   color: #fff;
}

#sub_tour1 .btn_down {
   padding: 0 42px 0 12px;
   background: #015190 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Sot_ogaqbja.cat")no-repeat 88% 45%;
}

#sub_tour1 .btn_link {
   padding: 0 42px 0 12px;
   background: #015190 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Sot_ogayvax.cat) no-repeat 88% 45%;
}

#sub_tour1 .btn_date {
   padding: 0 42px 0 12px;
   background: #015190 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Sot_ogaqngr.cat")no-repeat 88% 45%;
}

#sub_tour1 .btn_open {
   display: inline-block;
   width: 250px;
   height: 60px;
   line-height: 60px;
   box-sizing: border-box;
   background: linear-gradient(45deg, #f0faf7, #f1f6fc);
   border: 1px solid #d5eef2;
   color: #333333;
   font-weight: 800;
   text-align: center;
   border-radius: 10px;
}

#sub_tour1 .btn_base .glyphicon {
   margin: 0 0 0 5px;
}

#sub_tour1 .tour {
   overflow: hidden;
}

#sub_tour1 .tour li {
   position: relative;
   float: left;
   border: 1px solid #d5d7f2;
   box-sizing: border-box;
   border-radius: 5px;
   text-align: center;
   width: 19%;
   box-shadow: 5px 5px 20px #f1f1f1;
}

#sub_tour1 .tour li+li::after {
   content: "";
   display: block;
   position: absolute;
   left: -30px;
   top: 50%;
   transform: rotate(-90deg);
   width: 25px;
   height: 25px;
   background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Svageb%2Svpb_cebp.cat")no-repeat;
}

#sub_tour1 .tour li+li {
   margin: 0 0 0 50px
}

#sub_tour1 .tour li em {
   display: block;
   height: 60px;
   box-sizing: border-box;
   line-height: 60px;
   background: linear-gradient(45deg, #f0f2fa, #f0f2fa);
   font-weight: 800;
}

#sub_tour1 .tour li div {
   display: table;
   box-sizing: border-box;
   height: 150px;
   width: 100%;
   background: #fff;
   text-align: center;
}

#sub_tour1 .tour li div>span {
   display: table-cell;
   vertical-align: middle;
}

#sub_tour1 .tour li div>span>span {
   display: block;
}

@media all and (max-width:1368px) {
   #sub_tour1 .box_info .inner::after {
      width: 198px;
      height: 125px;
      right: 39px;
      bottom: -31px;
      background-size: cover;
      background-position: center;
   }
}

@media all and (max-width:1160px) {
   #sub_tour1 .box_info .inner::after {
      width: 200px;
      height: 128px;
   }
}

@media all and (max-width:768px) {
   #sub_tour1 .tour li {
      width: 100%;
   }

   #sub_tour1 .tour li+li {
      margin: 25px 0 0;
   }

   #sub_tour1 .tour li+li::after {
      left: 50%;
      top: -20px;
      transform: rotate(0) translateX(-50%);
   }

   #sub_tour1 .tour li em {
      height: 36px;
      line-height: 36px;
   }

   #sub_tour1 .tour li div {
      height: auto;
      padding: 10px 0;
   }

   #sub_tour1 .box_info .inner {
      overflow: hidden;
   }

   #sub_tour1 .box_info .inner::after {
      position: static;
      float: right;
   }

   #sub_tour1 .box_info .tit {
      display: block;
   }

   #sub_tour1 .box_info p {
      display: inline;
   }

}