@charset "UTF-8";

/* common */

.w30p {width: 30% !important;}
.w40p {width: 40% !important;}
.w50p {width: 50% !important;}
.w70p {width: 70% !important;}
.w80p {width: 80% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

.pdt20 { padding-top: 20px;}
.pdt30 { padding-top: 30px;}
.pdt40 { padding-top: 20px;}
.pdt50 {  padding-top: 30px;}
.pdb20 { padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 { padding-bottom: 40px;}
.pdb50 { padding-bottom: 50px;}

.mgver {margin: 10px 0 !important;}
.mgt20 {margin-top: 20px;}
.mgt30 {margin-top: 30px;}
.mgt40 {margin-top: 40px;}
.mgt50 {margin-top: 50px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}
.mgb40 {margin-bottom: 40px;}
.mgb50 {margin-bottom: 50px;}


.maincolor {color: #3c7cd1;}
.subcolor {color: #00519f;}
.bk_bg { background: #333;}
.bk { border-top: 3px solid #333;}

.bg_blue { background: #3c7cd1; }
.blue { border-top: 3px solid #3c7cd1;}

.bg_indigo { background: #00519f;}
.indigo {  border-top: 3px solid #00519f;}

.bg_sky { background: #76abff; }
.sky {border-top: 3px solid #76abff;}

.bg_purple { background: #3e459d;}
.purple { border-top: 3px solid #3e459d;}

.bg_or1 { background: #f17c46;}
.or1 { border-top: 3px solid #f17c46;}

.bg_or2 { background: #f17c46;}
.or2 { border-top: 3px solid #f17c46;}

.backwhite {background: #fff !important;}
.red {color: #ef3232 !important;}

/* checkbox , radio custom */
input[type="checkbox"],input[type="radio"] {display: none;}
input[type="checkbox"] + label .chkstyle,
input[type="radio"] + label .chkstyle {display: inline-block; vertical-align: middle; cursor: pointer; font-size: 1rem; color: #666; line-height: 1;}
input[type="checkbox"] + label .chkstyle::before,
input[type="radio"] + label .chkstyle::before {content: "\e92c"; font-family: 'xeicon'; padding-right: 6px; vertical-align: middle; color: rgb(223, 223, 223); font-size: 1.8rem;}
input[type="checkbox"]:checked + label .chkstyle::before,
input[type="radio"]:checked + label .chkstyle::before {content: '\e92b';  color: #3c7cd1;}

html, body {font-family: 'Noto Sans KR','Montserrat',sans-serif;}
* { letter-spacing: -0.5px !important; margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none;color: #333;cursor:pointer;}
.container {width: 1200px; margin: 0 auto;}
.clearfix::after {display: block;content: ""; clear: both;}
.special { color: #fff; font-weight: 500; background-image: -o-linear-gradient(150deg, #ff5858 0%, #f09819 100%); background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);  padding: 0 15px; display: inline-block; border-radius: 0 5px;  line-height: 1.5; font-size: 0.9rem; margin-right: 2px;}


/* 헤더 */
header { width: 1200px; margin: 0 auto; background: #fff;}
.login_box {width: 100%;  height: 50px;}
.login_box ul { width: 320px;  float: right;  overflow: hidden;}
.login_box ul li { float: left; width: 33.3%;  position: relative;}
.login_box ul li:first-child {width: 47%}
.login_box ul li:after { display: block; content: ""; width: 2px; height: 12px; background: #e0e0e0; position: absolute; right: 0; top: 19px;}
.login_box ul li:last-child:after { display: none;}
.login_box ul li a { display: block; font-size: 14px; text-align: center;    line-height: 50px; font-weight: 700;}
.menu_wrap:before, .menu_wrap:after { display: block;content: ""; clear: both;}
.menu_wrap h1 { float: left;  width: 20%;}
.hd_menu { float: left; width: 80%;  padding-top: 20px;}
.hd_menu:before, .hd_menu:after { display: block; content: ""; clear: both;}
.hd_menu > li { float: left; width: 14.28%;  position: relative; text-align: center;    height: 65px;}
.hd_menu > li > a { display: block; font-weight: 500; font-size: 17px;}
.submenu { position: absolute; width: 100%; top: 65px;   left: 0; background: #fff; z-index: 999;}
.hd_menu > li:hover:before { display: block;  content: "";  position: absolute;  top: 60px; width: 100%; height: 5px;  background: #3c7cd1; -webkit-animation-name: ani; animation-name: ani;    -webkit-animation-duration: 0.7s;    animation-duration: 0.7s;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;}

@-webkit-keyframes ani {   
  0% {
       width: 0;
   }

   100% {
       width: 100%;
   }
}   
@keyframes ani {   
  0% {
       width: 0;
   }

   100% {
       width: 100%;
   }
}
.submenu li a { display: block;  padding: 7px 5px; font-size: 14px; font-weight: 700; }
.submenu li a:hover {color: #3c7cd1;}
.mb_menu { display: none;}
.m_head_btn { display: none;}

/* slide */
.slide { background: url(../images/서구청1주차장.jpg) no-repeat center; height: 500px;  width: 100%;  background-size: cover;}
.slide .container { position: relative;  height: 100%;}
.slide_txt { position: absolute; left: 0;  top: 40%;  z-index: 99; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.slide_txt span { display: block; font-size: 60px; color: #fff; font-weight: 700; text-align: left; -webkit-animation-delay: .3s; animation-delay: .3s; text-shadow: 2px 2px 4px #333;}
.slide_txt p { text-align: right;  color: #fff;  padding: 10px 0px;  font-size: 37px; -webkit-animation-delay: .7s; animation-delay: .7s; font-weight: 600; text-shadow: 2px 2px 4px #333;}

/* 로그인 박스 */

/* 로그인 전 */
.login_before_box {width: 450px; height: 150px; background: #fff; position: absolute; top: 25%; right: 0; border-radius: 5px;}
.lg_txt {float: left; width: 120px; height: 100%; background: #3c7cd1;color: #fff; border-radius: 5px 0 0 5px;}
.lg_txt p { font-weight: 500; text-align: center; padding-top: 45px;}
.lg_right {width: 330px; float: left; overflow: hidden; padding: 15px; height: 100%;}
.lg_input { float: left; width: 66%; margin-right: 4%; height: 100px;}
.lg_input input {
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 5%;
  padding-left: 15%;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
}

.lg_input input:last-child {margin-bottom: 0;}
.lg_btn {
  float: left;
  width: 30%;
}


.lg_btn button {
  width: 100%;
  height: 97px;
  background: #00509f;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
}

.lg_join {
  float: left;
  width: 100%;
  padding-top: 10px;
}

.lg_join ul {
  overflow: hidden;
}

.lg_join ul li {
  float: left;
  margin-right: 15px;
  position: relative;
}
.lg_join ul li:after {
  position: absolute;
  width: 2px;
  height: 12px;
  background: #ccc;
  display: block;
  content: "";
  top: 58%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -9px;
}
.lg_join ul li:last-child:after {display: none;}
.lg_join ul li a { font-size: 13px; font-weight: 700;}

#gc_id {
  background: url(../images/id_img.png)no-repeat;
  background-position: 5%;
}

#gc_pass {
  background: url(../images/pass_img.png)no-repeat;
  background-position: 5%;
}

/* 로그인 후 */

.login_after_box {
  width: 450px;
  height: 180px;
  background: #fff;
  position: absolute;
  top: 25%;
  right: 0;
  border-radius: 5px;
}

.lg_txt {
  float: left;
  width: 120px;
  height: 100%;
  background: #3c7cd1;
  color: #fff;
  border-radius: 5px 0 0 5px;
}

.lg_txt p {
  font-weight: 500;
  text-align: center;
  padding-top: 45px;
}

.lg_right2 {
  width: 330px;
  float: left;
  overflow: hidden;
  padding: 15px;
}

.after_login {
    border-bottom: 1px solid #f2f2f2;
}

.after_login p { text-align: center; font-weight: 500; padding-bottom: 15px;}
.lg_right2 ul {
    overflow: hidden;
    padding-top: 12px;
}

.lg_right2 ul li {
    float: left;
    overflow: hidden;
    width: 90%;
}

.lg_right2 ul li img {
    float: left;
}

.lg_right2 ul li .tit { float: left; font-weight: 700; padding: 0 10px; font-size: 14px;  padding-top: 2px; }
.lg_right2 ul li span { font-weight: 700; margin-left: 5px; display: inline-block; font-size: 14px;}
.lg_right2 ul li span.case1 {color: #3c7cd1;}
.lg_right2 ul li span.case2 {color: #f17c46;}
.lg_right2 ul li span.case {padding: 0 0px; margin-left: 0;}
.car_img { width: 50px !important; }
.card_img { width: 25px !important; }
.login_after_box button {
    background: #333;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 120px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

/* 메인 컨텐츠 */
.main_ctt_wrap {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: -110px;
  background: #fff;
}

.main_ctt_left {
  width: 900px;
  float: left;
  overflow: hidden;
}

.main_ctt_left h2 {
  color: #27467f;
  font-weight: 700;
  font-size: 20px;
}

.main_ctt_right {
  width: 300px;
  height: 692px;
  float: left;
}

.main_rh_box h2 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.main_lf_box {
  width: 300px;
  height: 300px;
  float: left;
  padding: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main_lf_box_size {
  width: 600px;
}

.main_rh_box {
  width: 100%;
  height: 100%;
  background: #045b9f;
  padding: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main_lf_box:nth-child(1) {
  background: url(../images/icon1.png)no-repeat #ebf0f6 right 5% bottom 7%;
}

.main_lf_box:nth-child(2) {
  background: url(../images/icon2.png)no-repeat #f8f8fb right 5% bottom 7%;
}

.main_lf_box:nth-child(3) {
  background: url(../images/icon4.png)no-repeat #f8f8fb right 5% bottom 7%;
  height: 392px;
}

.main_lf_box:nth-child(4) {
  background: url(../images/icon3.png)no-repeat #ebf0f6 right 5% bottom 7%;
  height: 392px;
}

.main_lf_box:nth-child(5) {
  background: url(../images/icon5.png)no-repeat #d6e1ec right 5% bottom 7%;
  height: 392px;
}

.management a {
  display: block;
  width: 100%;
  font-weight: 500;
  background: #fff;
  padding: 8px 0;
  font-size: 15px;
  color: #666;
  border-radius: 5px;
  text-align: center;
  margin-top: 5px;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

.management a:hover {background: #dbe6f4;}
.traction_lookup {
  padding-top: 15px;
}

.traction_lookup form {position: relative; margin-top: 5px;}

.traction_lookup input { width: 100%; border: none; padding: 10px 0 10px 15px;  border-radius: 5px; }

.go-btn > i { color: #175ab3; font-weight: 500; font-size: 1.5rem; vertical-align: middle;}

.traction_lookup a { position: absolute; background: #fff; right: 10px; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); border-radius: 5px; }

.traction_lookup img {
  width: 100%;
}

.traction_lookup input:focus {
  outline: none;
}
#traction::-webkit-input-placeholder {
   font-size: 13px !important;}
#traction::-moz-placeholder {
   font-size: 13px !important;}
#traction:-ms-input-placeholder {
   font-size: 13px !important;}
#traction::-ms-input-placeholder {
   font-size: 13px !important;}
#traction::placeholder {
   font-size: 13px !important;}

.main_lf_box_size ul {
  padding-top: 10px;
}

.main_lf_box_size ul li {
padding: 10px 10px 10px 0 ;
border-bottom: 1px solid;
border-radius: 20px;
-o-border-image: -o-linear-gradient(left, #c1c9de, #0000);
   border-image: -webkit-gradient(linear, left top, right top, from(#c1c9de), to(#0000));
   border-image: linear-gradient(to right, #c1c9de, #0000);
border-image-slice: 1;
}

.main_lf_box_size ul li:first-child {
  padding-top: 0;
}

.main_lf_box_size ul li a { color: #666; display: block; font-size: 15px; max-width: 95%; overflow: hidden;  -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;}
.main_lf_box_size ul li a:hover {font-weight: 500;}

.main_lf_box_size ul li a span {
  padding-right: 5px;
}

.main_lf_box_size ul li:last-child {
  border-bottom: none;
}

.parcel_map {
  overflow: hidden;
  padding-top: 10px;
}

.parcel_map li {
  float: left;
  width: 31.3%;
  margin: 2% 1%;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 7px;
  border: 1px solid #f4f4f4;
}

.parcel_map li a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  padding: 7px 0px;
  text-align: center;
  border-radius: 7px;
  -webkit-transition: border-color .2s, background .1s linear;
  -o-transition: border-color .2s, background .1s linear;
  transition: border-color .2s, background .1s linear;
}

.parcel_map li:hover {border: 1px solid #3c7cd1;}
.parcel_map li:hover,
.parcel_map li:hover a {
  background: #3c7cd1;
  color: #fff;
}

.gc_number p {
  font-weight: 500;
  color: #666;
  padding-top: 10px;
}

.gc_number span {
  display: block;
  font-weight: 700;
  color: #444;
  font-size: 15px;
  padding-bottom: 3px;
}

.money_lookup a {
display: block;
width: 80%;
background: #fff;
padding: 7px 0;
text-align: center;
font-weight: 500;
color: #666;
font-size: 15px;
border-radius: 5px;
margin: 3px 0 13px;
}
.money_lookup a:hover {background: #edf2f8;}

.main_rh_box ul {
  padding-top: 30px;
}

.main_rh_box ul li { background: #fff;  margin-bottom: 10px; border-radius: 5px;    min-height: 62px; line-height: 62px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main_rh_box ul li:last-child {margin-bottom: 0;}
.main_rh_box ul li:hover {-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);}

.main_rh_box ul li a { display: block; padding-left: 80px; font-weight: 700;  position: relative;}

.main_rh_box ul li a::before {content: ""; font-family: 'xeicon'; font-size: 1.7rem; color: #3c7cd1; position: absolute; left: 40px; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.main_rh_box ul li a.icon1::before {content: "\ea03";}
.main_rh_box ul li a.icon2::before {content: "\e9c3";}
.main_rh_box ul li a.icon3::before {content: "\ea77";}
.main_rh_box ul li a.icon4::before {content: "\eb48";}
.main_rh_box ul li a.icon5::before {content: "\eb71";}
.main_rh_box ul li a.icon6::before {content: "\e9d8"; font-size: 1.5rem; top: 50%;}
.main_rh_box ul li.lot {background: url(../images/go-btn.png) no-repeat center; width: 230px; height: 143px; background-size: cover; }
.main_rh_box ul li.lot a {display: block; width: 100%; height: 100%;}

/* 공통 서브 상단 이미지 */
.sub_top {
  background: url(../images/서구청1주차장.jpg)no-repeat center;
  background-size: cover;
  width: 100%;
  height: 400px;
  position: relative;
}

.sub_top_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sub_top_txt h1 {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 38px;
}

.sub_top_txt p {
  color: #fff;
  text-align: center;
  padding-top: 5px;
  font-weight: 500;
}


/* 공통 서브 메뉴바 */
.sub_menubar:before,
.sub_menubar:after {
  display: block;
  content: "";
  clear: both;
}

.sub_menubar {
  width: 1200px;
  margin: 0 auto;
  background: #ebf0f6;
  position: relative;
  top: -30px;
}

.sub_menubar button {
  border: none;
  background: none;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin: 0 auto;
  line-height: 60px;
  width: 100%;
  border: 0;
  outline: 0;
  cursor: pointer;
}

.sub_1depth {
  width: 200px;
  height: 100%;
  float: left;
  background: #00519f;
  position: relative;
}

.sub_2depth {
    width: 200px;
    height: 100%;
    float: left;
    background: #3c7cd1;
    position: relative;
}

.sub_map {
    width: 200px;
    height: 100%;
    float: right;
    background: #f17c46;
    position: relative;
}

.sub_menubar ul {
    position: absolute;
    width: 100%;
    top: 60px;
    background: #3b3735;
    z-index: 99999;
}

.sub_menubar ul li a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 7px 0;
    font-weight: 500;
}

/* 테이블 공통 css */
.page_tit {
  color: #333;
    font-size: 35px;
    font-weight: 700;
    display: block;
    text-align: center;
    padding-bottom: 40px;
}

.page_tit p {
    font-weight: 500;
    padding: 20px 0;
    font-size: 17px;
    color: #ef3232;
}
.margin_0 {
    margin: 0 !important;
}

.table_tit {  display: inline-block;  padding: 10px 20px; color: #fff;  font-size: 18px;  font-weight: 500; text-align: center; border-radius: 7px 7px 0 0;  margin-bottom: -2px;    -webkit-box-sizing: border-box;    box-sizing: border-box;}
table {  border-collapse: collapse;  width: 100%;  margin-bottom: 50px;}

.th_tit {background: #f8f8f8; font-weight: 500; text-align: left;}

.tr_tit {
    background: #f8f8f8;
    font-weight: 500;
}

.tr_tit2 {
  background: #a1aac2;
  font-weight: 500;
  color: #fff;
}

.tr_tit th {
    text-align: center;
}

.td_tit td {
    text-align: left;
}

td {
    border: 1px solid #e4e4e4;
    padding: 15px 20px;
    text-align: center;
}

th {
    border: 1px solid #e4e4e4;
    padding: 10px 20px;
    font-weight: 500;
}

.border_none td {
    border: 0;
    border-bottom: 1px solid #e4e4e4;
}

.border_none th {
    border: 0;
    border-bottom: 1px solid #e4e4e4;
}

table em {
    line-height: 1.5;
}

.strong {
    font-weight: 700;
}

/* 페이지 공통 */
.page1,
.page2,
.page3,
.page4,
.page5,
.page6,
.page7,
.page8,
.page9,
.page10,
.page11,
.page12,
.page13,
.page14,
.page15,
.page16,
.page17,
.page18,
.page19,
.page20,
.page21,
.page22,
.write_page,
.write_view_page,
.page23,
.change-form,
.page24,
.page25,
.page35 {
    padding: 50px 0;
    overflow: hidden;
}

select {
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
}

.left {
    text-align: left !important;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.border_td_0 td { border: 0 !important;}
.bg_gray_td td { background: #f8f8f8;border: none;}
.white_table th {text-align: center !important; font-weight: 600;}
.white_table td {background: #fff !important;}

/* 게시판 공통 css */
.write_btn:before,
.write_btn:after {
  display: block;
  content: "";
  clear: both;
}

.write_btn {
    overflow: hidden;
    float: right;
    margin-top: 25px;
}

.gc_btn {
  width: 70px;
  height: 35px;
  background: #3c7cd1;
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: .85rem;
  border: 0;
  outline: 0;
  border-radius: 5px;
  float: left;
  cursor: pointer;
  margin-right: 5px;
}

.border_btn {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
}

.write_page input,
.write_page textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.write_page textarea {
    height: 300px;
}

.write_span span {
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}

.write_day {
    float: right;
}

.write_ctt_view td {
    min-height: 300px;
    height: 300px;
}

.write_reset {
    width: 150px;
}

/* page2 */
.page2 .search_wrap {display: inline-block; margin: 20px auto; border: 1px solid #ccc; background: #fff;}
.page2 .search_wrap .search_box {width: 110px; height: 50px; border: none; font-size: 1rem; color: #56504b; padding-left: 10px; cursor: pointer; outline: 0; border-radius: 0;}
.page2 .search_wrap .input_wrap {width: 300px; height: 50px;}
.page2 .search_wrap .input_wrap .sch_input { height: 50px; border: none; font-size: 1rem; font-weight: normal; color: #666; background: none; padding-left: 10px;}

/* page4 */
.page4 p {
  padding-top: 30px;
}
.hide-table-wrap table td {text-align: left;}

/* page5 */
.page5 input {
  padding: 10px;
  border: 1px solid #ccc;
  width: 60%;
}
.page5 button {
  width: 80px;
  height: 35px;
  background: #3c7cd1;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* page7 */
.page7 .btn-style {color: #fff; background: #f17c46; min-width: 80px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.page7 .btn-style:hover {background: #fc6823;}
.agree-wrap {margin-bottom: 50px;}
.page7 .popup_btn
, .page8 .popup_btn
, .page23 .popup_btn 
, .page3 .popup_btn 
{display: inline-block; vertical-align: middle; padding: 10px 15px; border-radius: 5px; font-size: 18px; font-weight: 600; -webkit-animation: twinkle 700ms infinite alternate; animation: twinkle 700ms infinite alternate; }
.agree-wrap strong {display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 20px;}
.page7 .layerPopup h3
, .page8 .layerPopup h3
, .page23 .layerPopup h3 
, .page35 .layerPopup h3 
, .page3 .layerPopup h3 
{font-size: 23px; }
.page7 .layerPopup .layer-tit
, .page8 .layerPopup .layer-tit
, .page23 .layerPopup .layer-tit 
, .page35 .layerPopup .layer-tit 
, .page3 .layerPopup .layer-tit 
{ font-size: 20px; color: #3c7cd1;}
.page7 .layerPopup .tit
, .page8 .layerPopup .tit
, .page23 .layerPopup .tit 
, .page35 .layerPopup .tit 
, .page3 .layerPopup .tit 
{font-weight: 700; font-size: 16px; margin: 15px 0 2px;}
.page7 .layerPopup .tit::before
, .page8 .layerPopup .tit::before
, .page23 .layerPopup .tit::before 
, .page35 .layerPopup .tit::before 
, .page3 .layerPopup .tit::before 
{content: "\e929"; font-family: 'xeicon'; font-size: 1.3rem; }
.page7 .layerPopup p
, .page8 .layerPopup p
, .page23 .layerPopup p 
, .page35 .layerPopup p 
, .page3 .layerPopup p 
{font-size: 15px; line-height: 1.5;}
.page7 .layerPopup strong
, .page8 .layerPopup strong
, .page23 .layerPopup strong 
, .page35 .layerPopup strong 
, .page3 .layerPopup strong 
{display: block;}
.page7 .layerPopup .txt-area
, .page8 .layerPopup .txt-area
, .page23 .layerPopup .txt-area 
, .page35 .layerPopup .txt-area 
, .page3 .layerPopup .txt-area 
{padding-bottom: 30px;}
.page7 .layerPopup .agree-btn
, .page8 .layerPopup .agree-btn
, .page23 .layerPopup .agree-btn 
, .page35 .layerPopup .agree-btn 
, .page3 .layerPopup .agree-btn 
{width: 100%;}

@-webkit-keyframes twinkle {
  from { background: #ececec);}
  to { background: #ffc400;}
}

@keyframes twinkle {
  from { background: #ececec);}
  to { background: #ffc400;}
}

/*page8 */
.find_btn { float: none; width: 100px;}

.title_txt {
  color: #333;
  text-align: center;
  padding: 35px;
  background: #fafafa;
  font-weight: 500;
  margin-bottom: 70px;
  -webkit-box-shadow: 7px 7px 18px rgb(0 0 0 / 8%);
          box-shadow: 7px 7px 18px rgb(0 0 0 / 8%);
}

.page8 p span {
  font-weight: 500;
  color: #ef3232;
}

.meter_btn,
.credit_payment_btn,
.print_btn,
.btn-style {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.division {
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}

.page8 select {
    width: 100%;
}

.page8_send {
    width: 150px;
    margin: 30px auto 0 auto;
    border-radius: 5px;
    text-align: center;
    display: block;
    float: none;
    height: 40px;
    background: #3c7cd1;
    font-size: 1rem;
}

/* page9 */
.auto_apply {
  background: #3c7cd1;
  display: block !important;
  width: 120px;
}

.auto_apply,
.error_btn a {
  font-weight: 700;
  padding: 5px 20px;
  border-radius: 50px;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  font-size: 13px;
}

.card_error {
  background: #333;
}

.page9 .or1 td {
  text-align: left;
  padding: 20px 15px;
}

.auto_apply_page textarea {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
}

.auto_apply_page h3 {
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}

.auto_apply_page h3 a {
  border: 0;
  font-size: 13px;
  font-weight: 500;
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 10px;
}

.auto_apply_page select,
.auto_apply_page input {
  width: 90%;
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.auto_apply_page table {
  margin-top: 50px;
}

.auto_apply_page td {
  width: 25%;
}

/* page10 */
.page10 p span {
  font-weight: 500;
  color: #f17c46;
}

.apply_pop_bg {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  position: fixed;
}

.apply_pop {
  position: fixed;
  z-index: 100;
  width: 800px;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  padding: 35px;
  border: 1px solid #ccc;
}

.apply_pop ul {
  border: 1px solid #ccc;
  padding: 30px 50px;
}

.apply_pop ul li {
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 15px;
}

.pop_btn {
  width: 400px;
  margin: 0 auto;
  overflow: hidden;
}

.pop_btn a {
  display: block;
  width: 48%;
  margin: 8% 1%;
  color: #fff;
  padding: 10px;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.close {
  background: #333;
}
.agree {
  background: #2858a0;
}

/* page11 */
.page11 .total_wrap {float: left; margin: 10px 0;}
.page11 .total_wrap em {line-height: 30px; font-size: 0.92rem; color: #2b2b2b; padding: 0 10px; font-weight: 500;}
.page11 .notice_table {overflow: hidden; width: 100%;}
.page11 .notice_table thead tr {height: 60px; min-height: 60px; font-weight: 700; }
.page11 .notice_table tbody td {height: 50px; min-height: 50px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.page11 .notice_table tbody td a {display: block; width: 95%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.page11 .notice_table tbody tr:hover td{background: #fafafa;}

.page11 .search_wrap {width: 410px; margin: 20px auto; border: 1px solid #ccc; background: #fff;}
.page11 .search_wrap .search_box {width: 110px; height: 50px; border: none; font-size: 1rem; color: #56504b; padding-left: 10px; cursor: pointer; outline: 0; border-radius: 0;}
.page11 .search_wrap .input_wrap {width: 300px; height: 50px;}
.page11 .search_wrap .input_wrap .sch_input { height: 50px; border: none; font-size: 1rem; font-weight: normal; color: #666; background: none; padding-left: 10px;}

/* notice-view */
.board_warp .top_txt {padding-bottom: 20px; color: #3c7cd1;}
.board_warp article {width: 100%; border-top: 3px solid #3c7cd1;}
.board_warp article header {padding: 20px 0; border-bottom: 1px solid #ddd;}
.board_warp article header h2 {font-size: 1.3rem; word-break: break-all; font-weight: 700; color: #56504b;}
.board_warp article .info {padding: 10px 0 15px; color: #666; font-size: 1rem;}
.board_warp article .info .info_total::before {font-size: 1.3rem; color: #666; content: "\e951"; font-family: 'xeicon'; vertical-align: middle;}
.board_warp article .info .date {float: right;}
.board_warp article .txt_wrap {min-height: 200px; height: auto;}
.board_warp article .txt_wrap .txt_box {padding: 30px 0 30px; width: 100%; line-height: 1.7; min-height: 200px; word-break: break-all; overflow: hidden; }
.board_warp article .txt_wrap .txt_box p {color: #666; font-size: 1rem; }

.board_warp article .back_btn {float: right; border-radius: 5px; padding: 10px 30px; color: #777; border: 1px solid #d5d5d5; vertical-align: middle; -webkit-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out;}
.board_warp article .back_btn:hover {background: #ddd;}

@media screen and (max-width:799px){
    .board_warp article header h2 {font-size: 16px;}
    .board_warp .top_txt,
    .board_warp article .txt_wrap .txt_box p,
    .board_warp article .info,
    .page11 .search_wrap .search_box {font-size: 14px;}
    .page2 .search_wrap .search_box {font-size: 14px;}
}

/* page12 */

.page12 .wrap li { padding-bottom: 3rem;}
.page12 h2 { margin-bottom: 0.9rem; font-size: 1.5rem; line-height: 1;}
.page12 h2.tit { color: #3c7cd1;}
.page12 h2.tit::before { font-family: 'xeicon'; content: "\eb48"; font-size: 1.7rem;    line-height: 1; padding-right: 7px;}
.page12 h2.tit2 { color: #fff; background-image: -o-linear-gradient(150deg, #ff5858 0%, #f09819 100%); background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); padding: 10px;}
.page12 p { color: #555; line-height: 1.9; }
.page12 .img_wrap {margin-bottom: 30px;}
.page12 .img_wrap img {width: 100%; height: 500px; float: left; margin-bottom:  2%; }
.page12 .img_wrap img:last-child {margin-bottom: 0;}

.page12 .top_warp {margin-bottom: 50px;}
.page12 .top_warp > div {float: left; width: 49%; margin-right: 2%;}  
.page12 .top_warp > div.subtxt:last-child {margin-right: 0;}
.page12 .top_warp h1 {font-size: 40px; font-weight: 700; line-height: 1.4; }
.page12 .top_warp .subtxt strong {color: #3c7cd1; font-weight: 900; font-size: 30px; display: inline-block; padding-bottom: 10px;}
.page12 .top_warp .subtxt p {font-size: 19px; line-height: 1.8;}


@media screen and (max-width:799px) {
    .page12 h2,
    .page12 h2.tit {font-size: 18px;}
    .page12 .wrap li {padding-bottom: 1.5rem;}
    .page12 .top_warp {margin-bottom: 30px;}
    .page12 .top_warp > div {width: 100%; margin-right: 0;}  
    .page12 .top_warp h1 {font-size: 30px; }
    .page12 .top_warp .subtxt strong { font-size: 20px; } 
    .page12 .top_warp .subtxt p {font-size: 16px; line-height: 1.8;}
    .page12 .img_wrap img {height: 250px;}
}

/* page13, page14 */
.download-btn2 { padding: 3px 10px; background: #e9e9e9; border-radius: 5px; margin-top: 5px;}
.download-btn2:hover {opacity: .8;}
.etc-lst {line-height: 2;}
.etc-lst .etc_txt p { color: #a1a1a1; }
.etctxt {color: #a1a1a1;}
.account-info {display: inline-block;margin: 10px 0; padding: 10px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}

/* page15 */
.page15 .table_center th, .table_center td {text-align: center;}
.page15 .table_center tr:nth-child(even) {background: #fdfdfd;}

/* page 16 */
.page16 .total_wrap {float: left; margin: 10px 0;}
.page16 .total_wrap em {line-height: 30px; font-size: 0.92rem; color: #2b2b2b; padding: 0 10px; font-weight: 500;}
.page16 .notice_table {overflow: hidden; width: 100%;}
.page16 .notice_table thead tr {height: 60px; min-height: 60px; font-weight: 700; }
.page16 .notice_table tbody td {height: 50px; min-height: 50px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.page16 .notice_table tbody td a {display: block; width: 95%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.page16 .notice_table tbody tr:hover td{background: #fafafa;}
.page16 .search_wrap {width: 410px; margin: 20px auto; border: 1px solid #ccc; background: #fff;}
.page16 .search_wrap .search_box {width: 110px; height: 50px; border: none; font-size: 1rem; color: #56504b; padding-left: 10px; cursor: pointer; outline: 0; border-radius: 0;}
.page16 .search_wrap .input_wrap {width: 300px; height: 50px;}
.page16 .search_wrap .input_wrap .sch_input { height: 50px; border: none; font-size: 1rem; font-weight: normal; color: #666; background: none; padding-left: 10px;}

@media screen and (max-width:799px) {
    .page16 .search_wrap {width: 100%;}
    .page16 .search_wrap .search_box {font-size: 14px;}
}

/* page 17 */

.price_search_wrap {
  text-align: center;
  padding: 50px 20px;
  background: rgb(248, 249, 250);
}

.price_search_wrap h1::before {
content: "";
width: 148px;
height: 91px;
display: block;
background: url(../images/faid.png) no-repeat;
margin: 0 auto;
margin-bottom: 10px;
max-width: 100%;
}

.price_search_wrap h1 {
  font-size: 30px;
  text-align: center;
  position: relative;
}

.price_search_wrap .input-wrap {
  width: 40%;
  margin: 20px auto;
  position: relative;
}

.price_search_wrap .input-wrap .search_btn {
position: absolute;
top: -1px;
right: -1px;
font-size: 1.5rem;
background: #3c7cd1;
color: #fff;
padding: 0 6px;
height: 41px;
line-height: 40px;
}

.price_search_wrap .txt_wrap strong {
  color: #222653;
  line-height: 1.5;
}

.price_search_wrap .txt_wrap ul {
  padding: 15px 0;
}

.price_search_wrap .txt_wrap ul li p {
  line-height: 1.8;
  border-bottom: 1px dashed #e9e8e8;
  font-size: 0.9rem;
  color: #444;
  font-weight: 600;
  display: inline-block;
}


.price_search_wrap .price_area {
  width: 90%;
  margin: 0 auto;
}

.price_search_wrap .price_table tr th,
.price_search_wrap .price_table tr td,
.price_search_wrap .mo_price_table tr th,
.price_search_wrap .mo_price_table tr td {
  padding: 20px 0;
}

.price_search_wrap .total_wrap {
  float: left;
  text-align: left;
  padding-bottom: 10px;
}

.price_search_wrap .total_wrap .total .tit::before,
.price_search_wrap .total_wrap .price .tit::before {
  background: #045b9f;
  color: #fff;
  content: "\e929";
  font-family: 'xeicon';
  border-radius: 50%;
  margin-right: 10px;
  font-size: 1.1rem;
}

.price_search_wrap .total_wrap .total .tit,
.price_search_wrap .total_wrap .price .tit {
  font-weight: 700;
  color: #045b9f;
  font-size: 1rem;
}

.price_search_wrap .total_wrap .total .txt,
.price_search_wrap .total_wrap .price .txt {
  font-weight: 700;
  padding-left: 10px;
  font-size: 1rem;
}

.price_search_wrap a.go_btn {
  display: inline-block;
  padding: 15px 30px;
  color: #fff;
  font-weight: 500;
  background: #3c7cd1;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.price_search_wrap a.go_btn:hover {
  background: rgb(3, 75, 131);
}

.page17 .mo_price_table {
  display: none;
}

.page17 .price_img {
  background: url(../images/price.png) no-repeat;
  width: 550px;
  background-size: cover;
  height: 95px;
}

.txt-lst p {line-height: 1.8;}
.page17 .txt-lst p.tit {font-weight: 500; color: #333;}
.page17 .txt-lst p.num {padding-left: 20px;}
.page17 .bottom-txt {padding: 50px 0 15px; font-weight: 500;}


/* 0503 추가 */
.page13 .process_table {
    display: none;
}
.page13 .process_img {
    background: url(../images/process.png) no-repeat;
    width: 900px;
    background-size: cover;
    height:120px;
}

/* 0509 추가 */
.page22 .share_img {
    background: url(../images/share.png) no-repeat;
    width: 900px;
    background-size: cover;
    height:120px;
}


@media screen and (max-width:799px) {
  .price_search_wrap h1 {font-size: 18px;}
  .price_search_wrap .txt_wrap strong,
  .price_search_wrap .txt_wrap ul li p {font-size: 14px;}
  .price_search_wrap .txt_wrap ul {padding: 15px 10px;}
  .price_search_wrap .total_wrap .total .tit, .price_search_wrap .total_wrap .price .tit ,
  .price_search_wrap .total_wrap .total .txt, .price_search_wrap .total_wrap .price .txt {font-size: 14px;}
  .price_search_wrap .total_wrap .total .tit::before, .price_search_wrap .total_wrap .price .tit::before {font-size: 1rem; margin-right: 6px;}
  .price_search_wrap a.go_btn {width: 100%;}
  .price_search_wrap .input-wrap {width: 90%;}
}

@media screen and (max-width:750px) {
  .price_search_wrap .total_wrap {
      float: none;
  }

  .page17 .price_table {
      display: none;
  }

  .page17 .mo_price_table {
      display: table;
  }

  .page17 .price_img {
      background: url(../images/mo_price.png) no-repeat;
      width: 260px;
      height: 376px;
      margin: 0 auto;
  }
  
	/* 0503 추가 */
	.page13 .process_table {
	    display: none;
	}
	.page13 .mo_process_table {
	    display: table;
	}
	.page13 .process_img {
	    background: url(../images/mo_process.png) no-repeat;
	    width: 260px;
	    height: 742px;
	    margin: 0 auto;	
	}
	
	    
	/* 0509 추가 */
	.page22 .share_img {
	    background: url(../images/mo_share.png) no-repeat;
	    width: 260px;
	    height: 742px;
	    margin: 0 auto;	
	}
}

/* page18 */
.page18 .top_area { padding: 43px 0 20px;  background: rgb(248, 249, 250);  position: relative;  margin-bottom: 50px;}
.page18 .top_area h2 { color: #fff; font-weight: 700; background: #2b5098; display: inline-block; margin: 0 auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);left: 50%; position: absolute;    padding: 5px 25px;}
.page18 .top_area .top_img { margin: 56px auto 0;display: block;}
.page18 .top_area .img_wrap .pc_img { display: block; margin: 0 auto;}
.page18 .top_area .img_wrap .mo_img { display: none;}
.page18 .mo_price_table { display: none;}
.page18 table tr td {padding: 15px 10px;}
.page18 .car_wrap h1::before { content: ""; width: 120px; height: 91px; display: block;    background: url(../images/car_img.png) no-repeat; margin: 0 auto; margin-bottom: 10px;    max-width: 100%;}
.page18 .car_wrap .price_table { width: 90%; margin: 0 auto;}

.page18 .txt_wrap {margin-bottom: 10px;}
.white_table .example td { color: #eab214; background: #f8f8f8 !important; }
.white_table .example td:first-child::before {content: '예시'; padding: 2px 10px; display: inline-block; font-size: .7rem; background: #f1c446; vertical-align: text-top; color: #fff; border-radius: 10px; margin-right: 10px;}

.page18 .txt-area {padding: 10px;}
.page18 .txt-area h3::before {content: "\e9a6"; font-family: 'xeicon'; font-size: 1.5rem; margin-right: 5px; display: inline-block; vertical-align: middle; color: #3c7cd1;}
.page18 .txt-area h3 {color: #3c7cd1;}
.page18 .txt-area h3:last-of-type {margin-top: 20px;}
.page18 .txt-area p {line-height: 1.7;}


@media screen and (max-width:799px) {
    .page18 .top_area h2 {font-size: 18px; width: 100%; text-align: center; top: 0;}
    .page18 .price_search_wrap {padding: 50px 0 0;}
}

@media screen and (max-width:750px) {
    .page18 .price_table { display: none;  }

    .page18 .mo_price_table {  display: table; }

    .page18 .top_area .img_wrap .mo_img {
        display: block;
        display: block;
        margin: 50px auto 0;
    }

    .page18 .top_area .img_wrap .pc_img {
        display: none;
    }
}

/* page19*/
.table-center table th, .table-center table td {text-align: center;}
.page19 .table2 th, .page19 .table2 td {
    padding: 20px 15px;
}
.page19 .table_scroll {position: relative;}
.page19 .table_scroll .unit {position: absolute; top: -23px; right: 0;}
.page19 .info_table {
    margin-bottom: 20px;
}

.page19 .sub_text { padding-bottom: 50px; }

.page19 .sub_text p {
    line-height: 1.8;
}

.page19 .sub_text p strong {color: #2b5098;}
.page19 .sub_text p::before {
    font-family: 'xeicon';
    content: "\e929";
    font-size: 1rem;
    color: #222653;
    padding-right: 5px;
    font-weight: 800;
}

.page19 .unpaid_wrap h1::before {
    content: "";
    width: 148px;
    height: 91px;
    display: block;
    background: url(../images/unfaid.png) no-repeat;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 100%;
}

.page19 .unpaid_wrap .mo_price_table {
    display: none;
}

.page19 .unpaid_wrap .bottom_txt {
    padding: 20px 0;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.page19 .unpaid_wrap .bottom_txt p strong {
    font-size: 1.2rem;
    font-weight: 800;
}

.page19 .unpaid_wrap .bottom_txt p {
    line-height: 1.8;
    font-size: 1rem;
    font-weight: 500;
    color: #045b9f;
}

.page19 .sub {padding-top: 10px; color: #707070;}
.page19 .txt-lst2 p {line-height: 2; color: #a1a1a1;}

ul.tab {width: 100%; margin: 20px 0 40px;}
ul.tab li {float: left; width: 50%; }
ul.tab li a { display: block; position: relative; height: 70px; line-height: 70px; font-size: 20px; color: #000; text-align: center; cursor: pointer; font-weight: 400; background: #f7f7f7; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; border-bottom: 3px solid #00519f; border-top: 1px solid #ececec; border-left: 1px solid #ececec; border-right: 1px solid #ececec; overflow: hidden;}
ul.tab li.current a { position: relative; background: #fff; font-weight: 700; border: 3px solid #00519f; border-bottom: none; color: #00519f;} 
.tab-content {display: none; position: relative; padding-top: 70px;}
.tab-content.current {display: inherit;} 


@media screen and (max-width:750px) {
    .page19 .unpaid_wrap .price_table {
        display: none;
    }

    .page19 .unpaid_wrap .mo_price_table {
        display: table;
    }
    .page19 .sub_text {font-size: 14px;}
    .price_search_wrap .price_area {width: 100%;}
    .page19 .unpaid_wrap .bottom_txt {padding: 20px 0 0; width: 95%;}
    .page19 .unpaid_wrap .bottom_txt p strong {font-size: 18px;}
    .page19 .unpaid_wrap .bottom_txt p {font-size: 14px;}
}

/* page20 */
.page20 .login_wrap {padding: 30px 0;}
.page20 .login_wrap .login_sub {width: 1200px; height: auto; margin: 0 auto; border: 1px solid #ccc;}
.page20 .login_wrap .login_sub .login {width: 560px; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 50px 20px; }
.page20 .login_wrap .login_sub .login .login_id::before {font-family: 'xeicon'; content:"\e9f5"; font-size: 1.7rem; color: #555; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.page20 .login_wrap .login_sub .login .login_pw::before {font-family: 'xeicon'; content:"\e966"; font-size: 1.7rem; color: #555; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.page20 .login_wrap .login_sub .login .input_area {position: relative; border-bottom: 1px solid #d5d5d5; background: #fff; padding: 0 10px;}
.page20 .login_wrap .login_sub .login .input_area .lo_input {width: 100%; height: 85px; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 50px; border: none; outline: none; font-size: 0.8rem; padding: 0 10px 0 40px; vertical-align: middle; display: inline-block;}
.page20 .login_wrap .login_sub .login .input_area .lo_input[type="text"] {line-height: 32px;}
.page20 .login_wrap .login_sub .login .button {margin: 25px 0 20px;}
.page20 .login_wrap .login_sub .login .button a {display: block; width: 100%; height: 77px; line-height: 77px; text-align: center; background: #3c7cd1; color: #fff; font-size: 1.1rem; font-weight: 500; }

.page20 .login_wrap .login_sub .login .input_area:hover,
.page20 .login_wrap .login_sub .login .input_area:hover .lo_input {background: #f5f5f5;}

.page20 .login_wrap .login_sub .login .link-list {width: 100%;}
.page20 .login_wrap .login_sub .login .link-list a {display: block; width: 50%; text-align: center; float: left; color: #636363; position: relative;}
.page20 .login_wrap .login_sub .login .link-list a.first::after {display: block; width: 1px; height: 20px; background: #636363; position: absolute; right: 0; top: 0; content: "";}
.page20 .login_wrap .login_sub .login .link-list a:hover {text-decoration: underline;}

.page20 .login_wrap .login_sub .login .bottom_box {background: #f5f5f5;font-weight: 500; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-top: 100px; line-height: 1.5;}

@media screen and (max-width: 1200px) {
    .page20 .login_wrap .login_sub {width: 95%; margin: 0 auto;}
}

@media screen and (max-width:799px) {
  .page20 .login_wrap {padding: 0;}
  .page20 .login_wrap .login_sub {border: none;}
  .page20 .login_wrap .login_sub .login {padding: 0;}
  .page20 .login_wrap .login_sub .login .bottom_box p {font-size: 14px; word-break: keep-all; text-align: left;}
  .page20 .login_wrap .login_sub .login .button a {height: 70px; line-height: 70px;}
}

/* page21  */
.page21 .join_wrap h2 {font-size: 1.3rem;}
.page21 .join_wrap .check_all {margin-top: 20px; position: relative; }
.page21 input[type="checkbox"],
.page21 input[type="radio"],
.page23 input[type="checkbox"],
.page23 input[type="radio"] {display: none;}
.page21 input[type="checkbox"] + label .chkstyle,
.page21 input[type="radio"] + label .chkstyle,
.page23 input[type="checkbox"] + label .chkstyle,
.page23 input[type="radio"] + label .chkstyle {display: inline-block; vertical-align: middle; cursor: pointer; font-size: 1rem; color: #666; line-height: 1;}
.page21 input[type="checkbox"] + label .chkstyle::before,
.page21 input[type="radio"] + label .chkstyle::before,
.page23 input[type="checkbox"] + label .chkstyle::before,
.page23 input[type="radio"] + label .chkstyle::before {content: "\e92c"; font-family: 'xeicon'; padding-right: 6px; vertical-align: middle; color: #ccc; font-size: 1.8rem;}
.page21 input[type="checkbox"]:checked + label .chkstyle::before,
.page21 input[type="radio"]:checked + label .chkstyle::before,
.page23 input[type="checkbox"]:checked + label .chkstyle::before,
.page23 input[type="radio"]:checked + label .chkstyle::before {content: '\e92b';  color: #3c7cd1;}
.page21 .join_wrap section { margin-top: 30px; position: relative;}
.page21 .join_wrap section .inner {height: 350px; margin: 5px 0 15px; background: #f5f5f5; padding: 10px 20px 20px; line-height: 1.3; overflow-y: auto; border-radius: 10px;}
.page21 .join_wrap section .inner2 {height: 100px;}
.page21 .join_wrap section .inner h4 {color: #555; font-size: 1.1rem; margin: 15px 0 5px; line-height: 1.5;}
.page21 .join_wrap section .inner h5 {color: #222; font-size: 0.9rem; margin: 15px 0 5px; line-height: 1.5;}
.page21 .join_wrap section .inner p {color: #666; font-size: 0.8rem; line-height: 1.5;}

.page21 .join_wrap section .popup_btn {display: block;  text-align: center; background: #3c7cd1; color: #fff; padding: 7px 15px; position: absolute; right: 0; top: -13px; border-radius: 5px; font-size: 1rem;}

/* .page21 table th, .page21 table td {font-size: .8rem;} */

/* page21 popup */
.layerPopup .scroll-wrap {border-bottom: 1px solid #ddd;}
.layerPopup .txt-area > h4 {color: #555; font-size: 1.1rem; margin: 15px 0 5px; line-height: 1.5;}
.layerPopup .txt-area > h5 {color: #222; font-size: 0.9rem; margin: 15px 0 5px; line-height: 1.5;}
.layerPopup .txt-area > p {color: #666; font-size: 0.8rem; line-height: 1.5;}

.layerPopup .btn-wrap {padding-top: 30px; overflow: hidden;}
.layerPopup .btn-wrap button {background: inherit ; -webkit-box-shadow:none; box-shadow:none; border-radius:0; padding:0; cursor:pointer; display: inline-block; width: 100%; padding: 10px 30px; border: 1px solid #e5e5e5; text-align: center; width: 50%; outline: none; height: 46px}
.layerPopup .btn-wrap .not-btn {float: left; background: #f7f7f7;}
.layerPopup .btn-wrap .agree-btn {float: right; background: #3c7cd1; color: #fff; font-weight: 500; border: none;}

/* page21 주거형태 */
.page21 .home_type {margin: 50px 0 20px; text-align: center;}
.page21 .home_type h2, 
.page21 .member_wrap h2 {padding-bottom: 15px; text-align: center; font-size: 26px;}
.page21 .home_type ul li {float: left; width: 33.3333%; background: #fafafa; padding: 30px ; overflow: hidden; height: 100%; height: 270px;}
.page21 .home_type ul h3 {padding-bottom: 15px; font-size: 25px;}
.page21 .home_type ul h3::before {display: block; font-family: 'xeicon'; font-size: 2.5rem; color: #333; font-weight: 100; color: #3c7cd1;}
.page21 .home_type ul li:nth-child(1) h3:before {content:"\e902";}
.page21 .home_type ul li:nth-child(2) h3:before {content:"\eb8d";} 
.page21 .home_type ul li:nth-child(3) h3:before {content:"\eb59";} 
.page21 .home_type input[type="checkbox"] + label .chkstyle {padding: 0 0 0 6px;}

/* page21 가입여부확인 */
.page21 .member_wrap {margin: 50px 0 20px;}
.page21 .member_wrap > div {width: 49%; margin-right: 2%; background: #fafafa; padding: 30px; overflow: hidden; position: relative;}
.page21 .member_wrap > div:last-child {margin-right: 0;}
.page21 .member_wrap > div:hover {-webkit-box-shadow: 0 8px 25px 0 rgb(0 0 0 / 10%);box-shadow: 0 8px 25px 0 rgb(0 0 0 / 10%);}
.page21 .member_wrap .info_wrap {padding-top: 10px;}
.page21 .member_wrap .info_wrap ul li {padding: 10px 0;}
.page21 .member_wrap .info_wrap ul li .tit {font-weight: 500; padding-bottom: 8px;}
.page21 .member_wrap .info_wrap ul li input {width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px;}
.page21 .member_wrap .info_wrap ul li .birth_select select {width: 160px; height: 50px; color: #56504b;  cursor: pointer; outline: 0; padding: 0 10px; margin: 0 5px 0 0;}
.page21 .next {margin-top: 20px;position: absolute; bottom: 0; left: 0; width: 100%;}
.page21 .next .next_btn {display: block; padding: 20px; text-align: center; font-weight: 500; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background: #3c7cd1; color: #fff;}
.page21 .member_wrap .member2 {text-align: center;}
.page21 .member_wrap .member2 > .sub {width: 70%; margin: 30px auto;}
.page21 .member_wrap .member2 strong::before { font-family: 'xeicon';content: "\ea2a";  font-size: 2.3rem; color: #3c7cd1; position: absolute; top: -8px;left: -42px;} 
.page21 .member_wrap .member2 strong { display: inline-block; font-size: 1.5rem; padding-bottom: 20px; position: relative;}
.page21 .member_wrap .member2 p {line-height: 1.5; font-size: 1.1rem; font-weight: 500; word-break: keep-all;}

.page21 .warning {padding: 10px 0; }
.page21 .warning strong {color: #ef3232; word-break: keep-all; font-size: 18px;}
.mo_home_type {display: none;}
.mo_home_type table tr td.tr_tit {text-align: center;}
.mo_home_type table tr td {padding: 20px 10px !important; text-align: left;}

@media screen and (max-width:1200px) {
    .page21 .member_wrap .info_wrap ul li .birth_select select {width: auto;}
    .page21 .member_wrap .member2 > .sub {width: 100%;}
    .layerPopup .btn-wrap > div {width: 100%; float: none;}
}

@media screen and (max-width:799px) {
    .page21 .home_type ul li {width: 100%; height: 100%;}
    .page21 .member_wrap > div {width: 100%; margin-right: 0; margin-bottom: 2%; padding:  20px 10px;}
    .page21 .member_wrap > div.member1 {height: 450px;}
    .page21 .member_wrap > div.member2 {height: 240px; margin-top: 20px; padding: 30px 10px;}
    .page21 .member_wrap .member2 > .sub {margin: 0;}
    .page21 .member_wrap .info_wrap ul li .birth_select select {width: 100%; margin-bottom: 10px;}
    .page21 .home_type h2, .page21 .member_wrap h2,
    .page21 .member_wrap .member2 strong,
    .page21 .home_type ul h3 {font-size: 20px;}
    .page21 .join_wrap h2 {font-size: 18px; text-align: center;}
    .page21 p,
    .page21 span,
    .page21 .strong,
    .page21 .member_wrap .member2 p,
    .page21 .join_wrap section .popup_btn,
    .page21 .join_wrap section .inner h4, 
    .page21 .join_wrap section .inner h5 {font-size: 14px; text-align: left;}
    .page21 table tr th, 
    .page21 table tr td {padding: 0;}
    .page21 input[type="checkbox"] + label span.chkstyle {font-size: 14px !important;}
    .page21 input[type="checkbox"] + label span.chkstyleTop {width: 100% !important; white-space: normal; line-height: 1.4;}
    .page21 input[type="checkbox"] + label span.chkstyle1 {width: 27%;}
    .mo_home_type {display: block;}
    .pc_home_type {display: none;}
    .page21 .warning strong {font-size: 14px;}
    .page21 input[type="checkbox"] + label .chkstyle::before,
    .page21 input[type="radio"] + label .chkstyle::before { font-size: 1.4rem;}
    .page21 .popup_btn {display: none !important;}
}

/* page22 */
.page22 .pw_wrap {position: relative; background: rgb(255, 255, 255); max-width: 800px; margin: 0 auto 50px; padding: 80px 50px; color: rgb(51, 51, 51); font-size: 1.3rem; text-align: left; line-height: 1.5;   -webkit-box-shadow: rgb(0 0 0 / 7%) 0px 23px 37px 0px;   box-shadow: rgb(0 0 0 / 7%) 0px 23px 37px 0px; }
.page22 .pw_wrap::after {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #3c7cd1;}
.page22 .pw_wrap ul {padding: 15px 0;}
.page22 .pw_wrap ul li.tit {padding-bottom: 10px; font-weight: 700; }
.page22 .pw_wrap ul li.num {color: #ef3232;}
.page22 .pw_wrap ul li input.inputSet {width: 100%; height: 45px; border: 1px solid rgb(224, 224, 224); font-size: 1rem; color: #333; padding: 0 10px;} 
.page22 .pw_wrap .btn_wrap {width: 100%; margin: 20px auto; text-align: center; overflow: hidden;}
.page22 .pw_wrap .btn_wrap button {color: #fff; width: calc(50% - 5px);background: #3c7cd1; padding: 7px; border: none; border-radius: 5px; outline: none; font-size: 1.1rem; min-height: 45px;}
.page22 .pw_wrap .btn_wrap button.type1 {width: 50%;}
.page22 .pw_wrap .btn_wrap button.cancel {background: #f5f5f5; color: #333;}
.page22 .pw_wrap .btn_wrap button + button {margin-left: 4px;}
.page22 .pw_wrap .text_wrap {padding: 10px 0 20px;}
.page22 .pw_wrap .text_wrap p {font-size: 1.1rem; color: #333;}

@media screen and (max-width:799px) {
    .page22 .pw_wrap {padding: 20px; height: auto; overflow: hidden; padding-bottom: 30px;}
    .page22 .pw_wrap ul li.tit {font-size: 18px;}
    .page22 .pw_wrap .text_wrap p {font-size: 14px;}
    .page22 .pw_wrap .btn_wrap button {width: 50%; font-size: 1rem; min-height: 45px; float: left;border-radius: 0; }
    .page22 .pw_wrap .btn_wrap {margin: 11px auto 20px;}
    .page22 .pw_wrap .btn_wrap button + button {margin-left: 0;} 
    .page22 .pw_wrap .btn_wrap button.type1 {width: 100%; border-radius: 5px;}
}

/* page23, change-form */
input:-moz-read-only { background: #f4f4f4; border: 1px solid #f4f4f4;}
input:read-only { background: #f4f4f4; border: 1px solid #f4f4f4;}
.join-form th, .join-form td {padding: 20px;}
.join-form td {text-align: left;}
.essential { color: #f12f16; margin-left: 5px; font-size: 20px;}
.page23 input, .change-form input, .hide-panel input, .hide-table-wrap input {padding: 10px; border: 1px solid #ccc; height: 41px; width: 40%;}
.page23 .search-btn {display: inline-block; padding: 10px; height: 41px; vertical-align: middle;margin-left: 10px; line-height: 1.5; background: #e4e4e4; border-radius: 5px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.page23 .search-btn:hover {background: #d3d3d3;}
.page23 .info, .change-form .info {margin-top: 11px;} {margin-top: 11px;}
.area-register-form .area-input {width: 150px;}
.area-register-form + .area-register-form {margin-top: 7px;}
.area-register-form input + input {margin-left: 7px;}
.change-form .info-txt {color: #000; font-weight: 500; line-height: 1; padding-top: 10px;}
.change-form .info-txt::before {content: "\e9aa"; font-family: 'xeicon'; font-size: 1.65rem; color: #000;display: inline-block; vertical-align: middle; margin-right: 5px;}
.page23 .info-txt {color: #000; font-weight: 500; line-height: 1; padding-top: 10px;}
.page23 .info-txt::before {content: "\e9aa"; font-family: 'xeicon'; font-size: 1.65rem; color: #000;display: inline-block; vertical-align: middle; margin-right: 5px;}
.page23 .bottom-btn-wrap {text-align: center;}
.page23 .bottom-btn-wrap .okbtn { min-width: 300px; display: inline-block; vertical-align: middle; padding: 0 35px; height: 56px; line-height: 54px; border-radius: 5px; font-size: 25px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; background: #3c7cd1; color: #fff;}
.page23 .bottom-btn-wrap .okbtn:hover {background: #3167ad;}
.page23 .bottom-info {margin: 50px 0;}
.page23 .pc_table, .change-form .pc_table {display: block;}
.page23 .mo_table, .change-form .mo_table {display: none;}
.page23 .mo_table td, .change-form .mo_table td {text-align: left;}
.page23 .mo_table input, .change-form .mo_table input {width: 70%;}
.page23 .mo_table .area-input, .change-form .mo_table .area-input {width: 100%;}
.page23 .mo_table .area-input + .area-input,
.change-form .mo_table .area-input + .area-input {margin-left: 0; margin-top: 10px;}
.page23 .mo_table .area-input + .search-btn,
.change-form .mo_table .area-input + .search-btn {width: 100%; margin: 10px 0 20px 0; background: #b6b6b6;}

.page23 .mo_table .area-input + input,
.change-form .mo_table .area-input + input {margin: 10px 0 0; width: 100%;}

.mb0 {margin-bottom: 0 !important;}

.change-form .hide-panel td {text-align: left;}
.hide-panel {position: relative; padding-bottom: 80px;}
.hide-panel button {border-radius: 5px;}
.hide-panel button.go-btn {padding: 10px 30px; background: #3c7cd1; color: #fff; font-size: 1.1rem; position: absolute; left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);  bottom: 0;}
.hide-panel button.go-btn.mo {width: 100%; font-size: 16px !important;}
.hide-panel button.btn-style {padding: 5px 10px; background: #e9e9e9; margin-left: 5px; display: inline-block; vertical-align: middle; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.hide-panel button.btn-style:hover {background: #dadada}

.hide-panel-section {border: none;}
.hide-panel-section td { font-weight: 500; padding: 25px 10px; border: none;}
.hide-panel-section td i {font-size: 2.5rem; display: inline-block; vertical-align: middle; color: #045b9f; margin-right: 3px;}
.hide-panel-section .account {position: relative;}
.hide-panel-section .account::before {content: ""; position: absolute; bottom: 0; left: 0; background: rgba(160, 190, 250, .3); width: 100%; height: 7px;}

.page4 .mo_table {display: none;}

@media screen and (max-width:830px) {
  .page23 .pc_table, .change-form .pc_table {display: none;}
  .page23 .mo_table, .change-form .mo_table {display: block;}
  .page23 .mo_table .info-txt, .change-form .mo_table .info-txt {font-size: 14px;}

  .page4 .pc_table {display: none;}
  .page4 .mo_table {display: block;}
}

/* footer */
.footer_bg {
    background: #333;
    color: #fff;
}

.footer {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

.ft_logo {
    width: 30%;
    float: left;
}


.ft_ctt {
    width: 70%;
    float: left;
}

.ft_ctt ul {
    overflow: hidden;
}

.ft_ctt ul li {
    float: left;
    padding-right: 30px;
    position: relative;
    padding-bottom: 8px;
}

.ft_ctt ul li:not(:last-child)::after {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 13px;
    width: 2px;
    height: 11px;
    background: #cdcdcd;
    content: "";
}

.ft_ctt ul li span {
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    font-size: 15px;

}

.ft_copy {
    font-weight: 300;
    font-size: 15px;
/*     opacity: .5; */
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1px !important;
}



/* 반응형 1200px */

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

  .container {
      width: 95%;
  }

  /* 헤더 */

  header {
      width: 100%;
  }

  .login_box {
      display: none;
  }

  .hd_menu {
      display: none;
  }

  .mb_menu {
      display: block;
      opacity: 0;
      position: fixed;
      top: 0;
      left: -300px;
      width: 300px;
      height: 100%;
      background: #333;
      z-index: 9999;
  }

  .mb_menu > ul {
      padding: 30px;
  }

  .mb_menu ul > li > a {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      padding: 10px 0;
      display: block;
  }

  .m_submenu {
      display: none;
      padding-left: 10px;
  }

  .m_submenu > li {
      padding: 5px 0;
  }

  .m_submenu > li > a {
      display: block;
      font-weight: 500;
      color: #ffb510 !important;
      font-size: 14px !important;
      padding: 0 !important;
  }

  .menu_wrap {
      padding: 20px 0;
  }

  .menu_wrap h1 {
      float: none;
      margin: 0 auto;
      width: 200px;
      max-width: 50%;
  }

  .m_head_btn {
      display: block;
      position: absolute;
      top: 36px;
      left: 30px;
  }

  .m_head_btn a {
      display: block;
      font-size: 16px;
  }

  .mb_bg {
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.5);
      position: fixed;
      top: 0;
      left: 0;
      display: none;
      z-index: 1;
  }
  .main_rh_box ul li.lot {background: url(../images/mo-gobtn.png) no-repeat center; background-size: 100%; width: 98%; height: 100%;}

  /* 슬라이드 */
  
  .slide_txt {
      left: 5%;
  }

  /* 로그인 박스 */


  /* 로그인 박스 */

  .login_before_box,
  .login_after_box {
      width: 100%;
      height: auto;
      right: 0;
      top: auto;
      bottom: 0;
      padding: 15px;
  }

  .lg_txt p {
      padding: 25px 0;
  }

  .lg_txt p br {
      display: none;
  }

  .lg_txt {
      width: 30%;
      border-radius: 3px;
  }

  .lg_right {
      width: 70%;
      padding: 0;
  }

  .lg_input {
      height: auto;
  }

  .lg_input input {
      float: left;
      width: 48%;
      margin: 0 1%;
      padding: 10px;
  }

  .lg_btn button {
      height: auto;
  }

  .lg_join {
      padding-top: 10px;
      padding-left: 10px;
  }

  .lg_input {
      width: 66%;
      margin-right: 2%;
      margin-left: 2%;
  }

  .lg_btn button {
      padding: 25px 0;
  }

  .login_after_box .lg_txt p{padding:52px 0;}


  /* 메인 컨텐츠 */

  .main_ctt_wrap {
      width: 95%;
      display: -ms-grid;
      display: grid;
      top: 0;
  }

  .main_ctt_left {
      width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  }

  .main_ctt_right {
      width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      height: auto;
  }

  .main_lf_box {
      width: 50%;
  }

  .main_lf_box_size {
      width: 100%;
  }

  .main_lf_box:nth-child(1) {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      height: 392px;
  }

  .main_lf_box:nth-child(2) {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
  }

  .main_lf_box:nth-child(3) {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      background-color: #d6e1ec;
      height: inherit;
  }

  .main_lf_box:nth-child(4) {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      height: 448px;
  }

  .main_lf_box:nth-child(5) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
  }

  .main_rh_box ul {
      overflow: hidden
  }

  .main_rh_box ul li {
      width: 31.3%;
      margin: 1%;
      float: left;
  }

  .management a {
      width: 50%;
      padding: 10px 0;
  }

  .traction_lookup input {
      width: 50%;
      padding: 10px 15px;
  }

  .traction_lookup a {
      right: 52%;
  }

  .money_lookup a {
      width: 50%;
      padding: 10px 0;
  }

  .parcel_map li {margin: 1%;}
  .parcel_map li a {padding: 13px 0;}
  ul.tab li a {font-size: 18px;}

  /* 푸터 */

  .footer {
      width: 100%;
      padding: 50px 20px;
  }


  /* 서브페이지 css */

  .sub_menubar {
      width: 100%;
  }

}

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

  /* 슬라이드 */

  .slide_txt {
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      top: 35%;
  }

  .slide_txt span {
      font-size: 3rem;
      text-align: center;
  }


  .slide_txt p {
      text-align: center;
      font-size: 2rem;
  }


  /* 메인컨텐츠 */

  .management a {
      width: 70%;
  }

  .traction_lookup input {
      width: 70%;
  }

  .traction_lookup a {
      right: 32%;
  }

  .money_lookup a {
      width: 70%;
  }


  /* 서브페이지 */
  
  /* 자동이체 약관 팝업 */
  
  .apply_pop{width:90%;height:500px;overflow-y: scroll;}
  .apply_pop ul{padding:15px}
  .pop_btn{width:260px;}
  .pop_btn a{font-size:14px;}

}

/* 반응형 799px */

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

  .slide_txt span {font-size: 6.5vw;}
  .slide_txt p {font-size: 3.5vw;}

  /* 메인 컨텐츠 */

  .main_lf_box:nth-child(1), 
  .main_lf_box:nth-child(4),
  .main_lf_box:nth-child(5) {height: auto;}
  .management a {width: 100%;  padding: 15px 0;  display: inline-block; margin: 10px 0 15px;}
  .traction_lookup a {right: 3%;}
  .money_lookup a {width: 100%; padding: 15px 0; display: inline-block; margin: 10px 0 15px;}
  .traction_lookup input {width: 100%; padding: 15px;}
  .main_rh_box ul li a::before {display: none;}
  .main_rh_box ul li a {
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    line-height: 47px;
    height: auto;
  }

  .main_rh_box ul li img {
    margin: 0 auto;
    display: block;
    padding: 0;
    width: 35px;
  }

  .main_ctt_left h2 { font-size: 21px;}
  .money_lookup a { font-weight: 700;  font-size: 14px;  }

  .management a {
      font-weight: 700;
      font-size: 14px;
  }
  .gc_number p {padding: 0;}
  .gc_number p:last-child {padding-top: 10px;}
  .main_lf_box_size ul { padding-top: 20px;  }

  .main_lf_box_size ul li a {
      font-size: 14px;
      font-weight: 500;
  }

  .parcel_map {
      padding-top: 20px;
  }

  .gc_number {
      padding-top: 20px;
  }

  #traction::-webkit-input-placeholder {
      font-size: 14px !important;
      color: #bababa;
      font-weight: 500;
  }

  #traction::-moz-placeholder {
      font-size: 14px !important;
      color: #bababa;
      font-weight: 500;
  }

  #traction:-ms-input-placeholder {
      font-size: 14px !important;
      color: #bababa;
      font-weight: 500;
  }

  #traction::-ms-input-placeholder {
      font-size: 14px !important;
      color: #bababa;
      font-weight: 500;
  }

  #traction::placeholder {
      font-size: 14px !important;
      color: #bababa;
      font-weight: 500;
  }
  ul.tab li a {font-size: 15px;}
  ul.tab li:nth-child(1) {width: 25%;}
  ul.tab li:nth-child(2) {width: 25%;}
  ul.tab li:nth-child(3) {width: 50%;}

  /* 푸터 */

  .ft_logo {
      width: 100%;
      float: none;
  }

  .ft_logo img {
      margin: 0 auto;
      display: block;
  }

  .ft_ctt {
      width: 90%;
      float: none;
      margin: 0 auto;
      padding: 15px;
  }

  .ft_ctt ul li:after {
      display: none;
  }
  .parcel_map li a {padding: 20px 0;}

  /* 서브페이지 css*/
  .page1,
  .page2,
  .page3,
  .page4,
  .page5,
  .page6,
  .page7,
  .page8,
  .page9,
  .page10,
  .page11,
  .page12,
  .page13,
  .page14,
  .page15,
  .page16,
  .page17,
  .page18,
  .page19,
  .page20,
  .page21,
  .page22,
  .write_page,
  .write_view_page,
  .page24,
  .page25 {
      padding: 30px 0;
  }

  .page_tit {
      font-size: 24px;
  }

  .sub_top_txt {
      width: 100%;
  }

  .sub_top_txt h1 {
      font-size: 22px;
  }

  .sub_top_txt p {
      font-size: 14px;
  }
  
  button{font-size:14px !important;}

  .page4 p,
  .page5 p,
  .page9 p,
  .page10 p{
      font-size: 14px;
      text-align: center;
      padding: 20px;
      font-weight: 500;
  }

  .page5 input {
      width: 90%;
  }

  .title_txt {
      font-size: 14px;
      text-align: left;
      line-height: 20px;
  }
  
  .bg_gray_td form{width:100px;}
  .page8 p{font-size:14px;text-align:center;font-weight:500;line-height:20px;}
  .td_block td, .td_block th{display:block;}
  .auto_apply, .error_btn a{margin:0;margin-top:10px;}
  .auto_apply_page h3{font-size:16px;}
  .auto_apply_page h3 a{display:block;margin:5px 0 0 0;width:130px;text-align: center;}
  .auto_apply_page textarea{font-size:14px;padding:15px;}
  .auto_apply_page table td{display:block;width:100%;}
  /* 테이블 공통 */

  table {
      margin-bottom: 35px;
  }

  .table_tit {
      font-size: 15px;
  }

  th, td, p, span {
      font-size: 14px;
  }

  .table_scroll {
      margin-bottom: 35px;
      width: 100%;
      overflow-x: scroll;
  }

  .table_scroll table {
      margin: 0;
      white-space: nowrap;
  }

  .consulting select {
      font-size: 12px;
  }

  option {
      font-size: 12px;
  }
  
  input{font-size:12px;}
  .form_width_table form{width:100px;margin:0 auto;}
  .form_width_table input{width:90%;}
  .form_width_table p{padding-top:10px;}

  /* 글쓰기 폼 */

  .write_page input,
  .write_page textarea {
      font-size: 12px;
  }

  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      font-size: 12px !important;
  }

  input::-moz-placeholder, textarea::-moz-placeholder {
      font-size: 12px !important;
  }

  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      font-size: 12px !important;
  }

  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
      font-size: 12px !important;
  }

  input::placeholder,
  textarea::placeholder {
      font-size: 12px !important;
  }

    input[type="checkbox"] + label .chkstyle::before,  input[type="radio"] + label .chkstyle::before {font-size: 1.3rem; }
}

/* 반응형 699px */
@media screen and (max-width: 699px) {

  /* 로그인 박스 */

  .lg_txt { width: 100%;  }
  .lg_right {  width: 100%;  padding: 0; margin-top: 2%;  }
  .lg_input { width: 68%; margin-right: 2%; margin-left: 0; }
  .lg_input input { width: 100%; margin-bottom: 2%;}
  .lg_btn button { padding: 33px 0; font-size: 14px; background: #ffb510; }

  .lg_txt p {
      font-size: 14px;
      padding: 12px 0;
  }

  .lg_join {
      padding-top: 0;
  }
  .lg_join ul li a {font-size: 14px;}
  
  .login_after_box .lg_txt p{padding:12px 0;}
  .lg_right2{float:none;margin:0 auto;}

  /* 메인 컨텐츠 */

  .main_lf_box {
      width: 100%;
      height: auto;
      float: none;
  }

  .main_ctt_wrap {
      top: 20px;
      margin-bottom: 37px;
  }

  .login_before_box,
  .login_after_box {
      bottom: 30px;
      background: rgba(255, 255, 255, 0.8);
  }

  /* 서브페이지 css */

  .sub_1depth,
  .sub_2depth,
  .sub_map {width: 33.33%; }
  .sub_menubar button {font-size: 14px; }
  .sub_menubar ul li a {font-size: 14px; padding: 10px 0; }
  .page8_send {width: 100%;}
  .page12 .top_warp .subtxt strong {padding: 15px 0 10px;}
}

/* 반응형 499px */
@media screen and (max-width: 499px) {

  .menu_wrap h1 {
    margin: 0 calc((100% - 200px - 90px) / 2) 0 calc((100% - 200px - 90px) / 2 + 90px);
  }

  /* 메인컨텐츠 */
  .main_ctt_wrap { top: 10px; }
  .main_lf_box { width: 100%; height: auto; float: none;  }
  .management a,
  .traction_lookup input,
  .money_lookup a { background: rgba(255, 255, 255, 0.7);  }
  .main_rh_box ul li {width: 48%; }
  .main_lf_box_size ul li a {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
  }
}