@charset "UTF-8";
/* ------------------------- page1 ------------------------- */
/* ------------------------- page1 ------------------------- */
@import url(minwon/base_2017.css);
@import url(minwon/common_2017.css);
@import url(minwon/bbs_2017.css);
@import url(minwon/minwon_form_2017.css);
/* ------------------------- Sub page1 ------------------------- */
select:disabled, .inbox:disabled, input[type=text].inbox:disabled, textarea.inbox:disabled {
  color: #000;/*20221115 접근성*/
  border: 1px solid #d3d3d3;
  background-color: #f8f8f8; }
  

/* ------------------------- Sub page1 : common ------------------------- */
.fst-mt {
  margin-top: 40px; }

@media only screen and (max-width: 805px) {
  .hide {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
    .hide:active, .hide:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto; } }

.hide2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
  .hide2:active, .hide2:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  @media only screen and (max-width: 805px) {
    .hide2 {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto; } }

.pcb {
  color: #1f5c9b; }

.pcr {
  color: #ed1c24; }

.pcr2 {
  color: #f44336; }

.pco {
  color: #e65100; }

.search-box {
  margin-bottom: 20px; }
  .search-box.box-less {
    margin-bottom: 0; }
    @media only screen and (max-width: 805px) {
      .search-box.box-less {
        padding: 17px 10px 20px 10px;
        border: none; } }
    @media only screen and (max-width: 805px) {
      .search-box.box-less .ibtn {
        width: 126px !important;
        margin: 10px auto 0 auto; } }
    .search-box.box-less .ibtn * {
      box-sizing: border-box; }
  .search-box .date-wrap.period select {
    width: 12%;
    min-width: auto; }
    @media only screen and (max-width: 805px) {
      .search-box .date-wrap.period select {
        width: 32%; } }
    .search-box .date-wrap.period select + select {
      width: 8%; }
      @media only screen and (max-width: 805px) {
        .search-box .date-wrap.period select + select {
          width: 25%; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period {
      display: block;
      text-align: left; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period.yymm label {
      width: 12%; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period.yymm select {
      width: 48%; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period.yymm select + select {
      width: 38%; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period.yymmdd label {
      width: 12%; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period.yymmdd select {
      width: 33%; } }
  @media only screen and (max-width: 805px) {
    .search-box .date-wrap.period.yymmdd select + select {
      width: 26%; } }
  .search-box .ibtn {
    width: auto !important; }
    @media only screen and (max-width: 805px) {
      .search-box .ibtn {
        width: auto !important; } }
.tbl-list{clear:both;}
.tbl-list td.ttl {
  text-align: left;
  padding-left: 10px; }
.tbl-list td.ttr {
  text-align: right;
  padding-right: 10px; }
.tbl-list td.cs-btn {
  padding-left: 4px;
  padding-right: 4px; }
  .tbl-list td.cs-btn .ibtn {
    margin-right: 0; }
  .tbl-list td.cs-btn .ibtn * {
    min-width: 28px; }
.tbl-list td.cs-state {
  padding-left: 4px;
  padding-right: 4px; }
  .tbl-list td.cs-state p {
    margin: 2px 0; }
.tbl-list.list-detail th {
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px; }
.tbl-list.list-detail td {
  text-align: left;
  padding-left: 10px; }
.tbl-list.list-detail tbody th, .tbl-list.list-detail tbody td {
  border-top: 1px solid #d3d3d3;
  border-bottom: none; }
.tbl-list.list-detail tbody tr:first-child th, .tbl-list.list-detail tbody tr:first-child td {
  border-top: 0; }
.tbl-list.list-write th {
  font-weight: normal; }
.tbl-list.list-write td {
  text-align: left;
  padding-left: 10px; }
.tbl-list.list-write tbody th, .tbl-list.list-write tbody td {
  border-top: 1px solid #d3d3d3;
  border-bottom: none; }
.tbl-list.list-write tbody tr:first-child th, .tbl-list.list-write tbody tr:first-child td {
  border-top: 0; }
@media only screen and (max-width: 805px) {
  .tbl-list .hide-cell {
    display: none !important; } }
@media only screen and (max-width: 805px) {
  .tbl-list .hide-line {
    border-left: none !important; } }
.tbl-list .bg-gray {
  background-color: #f5f5f5; }

.doc-num {
  padding: 15px 20px;
  border-bottom: 1px solid #d3d3d3; }
  .doc-num span {
    color: #2196f3; }

.use-guide {
  margin-top: 40px;
  padding: 20px 60px;
  color: #fff;
  border-radius: 3px; }
  .use-guide.ico-basket {
    padding-left: 180px;
    background: url("/img/minwon_basket_bg.png") no-repeat 35px 50% #6f9201; }
  .use-guide.ico-print {
    padding-left: 90px;
    background: url("/img/minwon_print_bg.png") no-repeat 18% 50% #ff9800; }
  .use-guide.taC {
    text-align: center; }
  .use-guide p {
    margin: 3px 0;
    font-size: 15px;
    font-size: 1.5rem; }
    .use-guide p strong {
      font-size: 17px;
      font-size: 1.7rem; }
  .use-guide dt {
    margin-bottom: 2px;
    font-size: 18px;
    font-size: 1.8rem; }
  .use-guide li {
    line-height: 1.6;
    padding: 4px 0 4px 12px;
    background: url("/img/bul_dot_white.png") no-repeat left 14px; }

.cs-guide {
  margin: 10px 0;
  padding-right: 0; }
  .cs-guide.line-small {
    margin: 5px 0; }
  .cs-guide.txt-in {
    position: relative;
    padding-left: 15px;
    padding-right: 15px; }
    .cs-guide.txt-in .txt-bul {
      position: absolute;
      left: 0;
      top: 0; }
  .cs-guide.ico-in {
    position: relative;
    padding-left: 20px; }
    .cs-guide.ico-in .ico-bul {
      position: absolute;
      left: 8px !important;
      top: 8px !important; }
      .cs-guide.ico-in .ico-bul:before {
        display: block;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #275bae; }
      .cs-guide.ico-in .ico-bul .fa {
        display: none; }
  .cs-guide.btn-in:after {
    content: "";
    display: table; }
  .cs-guide.btn-in:after {
    clear: both; }
  .cs-guide.btn-in .ibtn {
    float: right; }
  .cs-guide.dot-sky {
    padding-left: 20px;
    background: url("/img/cs_guide_dot_sky.png") no-repeat 10px 9px; }
  .cs-guide.taL {
    text-align: left; }
  .cs-guide.taR {
    text-align: right; }
  .cs-guide.taC {
    text-align: center; }
  .cs-guide.respon-type {
    position: relative;
    padding-left: 15px; }
    @media only screen and (max-width: 805px) {
      .cs-guide.respon-type {
        padding-left: 20px;
        background: url("/img/cs_guide_dot_sky.png") no-repeat 10px 9px; } }
    .cs-guide.respon-type .respon-bul {
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 805px) {
        .cs-guide.respon-type .respon-bul {
          display: none; } }

@media only screen and (max-width: 805px) {
  td > .cs-guide, td > .csm-guide {
    margin: 0 0 4px 0 !important; } }

.cs-downlist {
  margin: 8px 0; }
  .cs-downlist li {
    padding: 1px 0; }
  .cs-downlist a.ico-down {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 26px;
    height: 26px;
    margin-left: 4px;
    background: url("/img/cs-ico-down.png") no-repeat -9px -9px; }

.cs-guide-box {
  margin: 10px 0;
  padding: 10px 20px;
  border: 1px solid #dce0e3;
  background-color: #f4f9fd;
  border-radius: 3px; }
  .cs-guide-box.box-gray {
    border: 1px solid #d3d3d3;
    background-color: #f5f5f5; }
  .cs-guide-box > .txt-in {
    position: relative;
    padding-left: 20px; }
    .cs-guide-box > .txt-in .txt-bul {
      position: absolute;
      left: 0;
      top: 0; }
  .cs-guide-box.taC {
    text-align: center; }
  .cs-guide-box .ico-point {
    padding-left: 20px;
    background: url("/img/cs-guide-point.png") no-repeat left 3px;
    background-size: 16px 16px; }
  .cs-guide-box dt {
    margin-top: 8px;
    color: #1a568e; }
    .cs-guide-box dt:first-child {
      margin-top: 0; }
  .cs-guide-box dd {
    margin-top: 6px; }
  .cs-guide-box ul.dot-gray li {
    background: url("/img/cs_guide_dot_gray.png") no-repeat 10px 12px; }
  .cs-guide-box li {
    padding: 2px 0 2px 20px;
    width: auto !important; }
  .cs-guide-box p {
    padding: 0;
    margin: 8px 0; }
    .cs-guide-box p.dot-sky {
      padding-left: 20px;
      background: url("/img/cs_guide_dot_sky.png") no-repeat 10px 7px; }
    .cs-guide-box p.mark-in {
      position: relative;
      padding-left: 90px; }
      .cs-guide-box p.mark-in .mark-bul {
        position: absolute;
        left: 0;
        top: 6px; }
    .cs-guide-box p.mg0 {
      margin: 0; }
  .cs-guide-box.center {
    text-align: center;
    padding: 0 !important;
    border: none;
    background-color: #fff;
    line-height: 2.0; }
    .cs-guide-box.center > * {
      padding-top: 4px; }
    .cs-guide-box.center .truth-message {
      border: 1px solid #d3d3d3;
      margin-bottom: 10px;
      padding: 70px 0;
      font-size: 18px;
      font-size: 1.8rem; }
  .cs-guide-box.respon-type {
    padding: 10px 0 !important;
    border: none;
    background: none; }
    @media only screen and (max-width: 805px) {
      .cs-guide-box.respon-type {
        padding: 20px !important;
        border: 1px solid #dce0e3;
        background-color: #f4f9fd; } 
        .cs-guide-box.center .truth-message{padding:25px 5px; font-size: 16px; line-height:1.2} }
  .cs-guide-box .process-message {
    font-size: 17px;
    font-size: 1.7rem;
    color: #1f5c9b; }
  .cs-guide-box .submit-step {
    margin: 6px 0; }
    .cs-guide-box .submit-step li {
      padding: 0 20px; }
      .cs-guide-box .submit-step li:first-child {
        padding: 0 20px 15px 20px;
        background: url("/img/submit-step-arrow.png") no-repeat center bottom;
        background-size: 15px 15px; }
      .cs-guide-box .submit-step li * {
        display: block;
        width: 100%;
        height: 33px;
        line-height: 33px;
        text-align: center;
        color: #1f5c9b;
        border: 1px solid #1f5c9b;
        background-color: #fff;
        border-radius: 3px; }
.cs-guide-box.cs-guide-fold {
margin: 10px 0 12px 0;
padding: 0 !important;
border: none;
background-color: transparent !important; }
.cs-guide-box.cs-guide-fold dt {
  border: 1px solid #d3d3d3;
  background-color: #fff;
  border-radius: 3px; }
      .cs-guide-box.cs-guide-fold dt a {
        position: relative;
        display: block;
        width: 100%;
        padding: 6px 12px 7px 12px;
        box-sizing: border-box; }
        .cs-guide-box.cs-guide-fold dt a:hover, .cs-guide-box.cs-guide-fold dt a:active, .cs-guide-box.cs-guide-fold dt a:focus {
          text-decoration: none; }
        .cs-guide-box.cs-guide-fold dt a:after {
          position: absolute;
          display: block;
          content: '';
          top: 50%;
          right: 12px;
          width: 17px;
          height: 10px;
          margin-top: -5px;
          background: url("/img/ico_cs_fold.png") no-repeat 0 0; }
      .cs-guide-box.cs-guide-fold dt.ico-point {
        padding-left: 0;
        background: #fff; }
        .cs-guide-box.cs-guide-fold dt.ico-point a {
          padding-left: 33px;
          background: url("/img/cs-guide-point.png") no-repeat 12px 8px;
          background-size: 16px 16px; }
.cs-guide-box.cs-guide-fold dd {
  display: none;
  margin-top: 0;
  padding: 7px 12px;
  border: 1px solid #d3d3d3;
  border-top: none;
  background-color: #f4f9fd;
  border-radius: 0 0 3px 3px; }
  .cs-guide-box.cs-guide-fold dd .txt-in {
    padding-left: 14px; }
.cs-guide-box.cs-guide-fold.fold-open dt {
  border-radius: 3px 3px 0 0; }
  .cs-guide-box.cs-guide-fold.fold-open dt a:after {
    background-position: 0 -100px; }
.cs-guide-box.cs-guide-fold.fold-open dd {
  display: block; }

.cs-confirm-num {
  margin-bottom: 5px; }
  .cs-confirm-num:after {
    content: "";
    display: table; }
  .cs-confirm-num:after {
    clear: both; }
  .cs-confirm-num > * {
    float: left;
    margin-right: 5px; }
    .cs-confirm-num > *:first-child {
      border: 1px solid #000;
      width: 137px;
      height: 50px;
      box-sizing: border-box; }
      .cs-confirm-num > *:first-child img {
        width: 100%;
        height: 100%; }
  .cs-confirm-num p + p {
    width: 98px; }
    .cs-confirm-num p + p > span {
      margin-top: 5px; }
      .cs-confirm-num p + p > span:first-child {
        margin-top: 0; }

/*--------------------- (PC, 모바일) 민원 style  ---------------------*/
.cs-mobile .agree-cont h3, .cs-pc .agree-cont h3 {
  font-size: 14px;
  font-size: 1.4rem; }
.cs-mobile .agree-cont h3, .cs-mobile .agree-cont > *, .cs-mobile .agree-cont dt, .cs-mobile .agree-cont dd > p, .cs-pc .agree-cont h3, .cs-pc .agree-cont > *, .cs-pc .agree-cont dt, .cs-pc .agree-cont dd > p {
  margin-top: 12px; }
  .cs-mobile .agree-cont h3:first-child, .cs-mobile .agree-cont > *:first-child, .cs-mobile .agree-cont dt:first-child, .cs-mobile .agree-cont dd > p:first-child, .cs-pc .agree-cont h3:first-child, .cs-pc .agree-cont > *:first-child, .cs-pc .agree-cont dt:first-child, .cs-pc .agree-cont dd > p:first-child {
    margin-top: 0; }
.cs-mobile .agree-cont .agree-choice + .txt-in, .cs-pc .agree-cont .agree-choice + .txt-in {
  margin-top: 0; }
.cs-mobile .agree-cont .txt-in, .cs-pc .agree-cont .txt-in {
  position: relative;
  padding: 2px 0 2px 16px; }
  .cs-mobile .agree-cont .txt-in .txt-bul, .cs-pc .agree-cont .txt-in .txt-bul {
    position: absolute;
    left: 0;
    top: 0; }
  .cs-mobile .agree-cont .txt-in.list, .cs-pc .agree-cont .txt-in.list {
    padding-left: 0; }
    .cs-mobile .agree-cont .txt-in.list > li, .cs-pc .agree-cont .txt-in.list > li {
      position: relative;
      padding: 2px 0 2px 16px; }
      .cs-mobile .agree-cont .txt-in.list > li > span, .cs-pc .agree-cont .txt-in.list > li > span {
        position: absolute;
        left: 0;
        top: 0; }
      .cs-mobile .agree-cont .txt-in.list > li > p, .cs-pc .agree-cont .txt-in.list > li > p {
        margin: 0; }
.cs-mobile .agree-cont .box-in, .cs-pc .agree-cont .box-in {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #c2c2c2;
  background-color: #f5f5f5; }
  .cs-mobile .agree-cont .box-in p, .cs-pc .agree-cont .box-in p {
    margin: 10px 0; }
.cs-mobile .agree-cont .tbl-in, .cs-pc .agree-cont .tbl-in {
  margin: 10px 0;
  padding: 0;
  background-color: #f5f5f5; }
  .cs-mobile .agree-cont .tbl-in table, .cs-pc .agree-cont .tbl-in table {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2; }
  .cs-mobile .agree-cont .tbl-in th, .cs-mobile .agree-cont .tbl-in td, .cs-pc .agree-cont .tbl-in th, .cs-pc .agree-cont .tbl-in td {
    padding: 6px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    border-left: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    word-break: keep-all; }
.cs-mobile .agree-cont .agree-choice, .cs-pc .agree-cont .agree-choice {
  width: 100%;
  text-align: center;
  margin: 5px 0; }
  .cs-mobile .agree-cont .agree-choice > *, .cs-pc .agree-cont .agree-choice > * {
    padding: 0 15px; }
  .cs-mobile .agree-cont .agree-choice .no-pd, .cs-pc .agree-cont .agree-choice .no-pd {
    padding: 0 !important; }
  .cs-mobile .agree-cont .agree-choice.taL, .cs-pc .agree-cont .agree-choice.taL {
    text-align: left; }
.cs-mobile .agree-cont input[type="checkbox"].custorm, .cs-mobile .agree-cont input[type="radio"].custorm, .cs-pc .agree-cont input[type="checkbox"].custorm, .cs-pc .agree-cont input[type="radio"].custorm {
  position: relative; }
.cs-mobile .agree-cont + .agree-tit, .cs-pc .agree-cont + .agree-tit {
  margin-top: 20px; }
@media only screen and (max-width: 640px) {
  .cs-mobile .tabMenu.num1 .tab > li, .cs-mobile .tabMenu.num1 .tabs > li, .cs-pc .tabMenu.num1 .tab > li, .cs-pc .tabMenu.num1 .tabs > li {
    width: 100%; } }
@media only screen and (max-width: 360px) {
  .cs-mobile .tabMenu.num1 .tab > li, .cs-mobile .tabMenu.num1 .tabs > li, .cs-pc .tabMenu.num1 .tab > li, .cs-pc .tabMenu.num1 .tabs > li {
    width: 100%; } }
.cs-mobile .form-wrap select, .cs-mobile .form-wrap input, .cs-mobile .form-wrap textarea, .cs-mobile .form-wrap input.inbox, .cs-mobile .form-wrap textarea.inbox, .cs-pc .form-wrap select, .cs-pc .form-wrap input, .cs-pc .form-wrap textarea, .cs-pc .form-wrap input.inbox, .cs-pc .form-wrap textarea.inbox {
  width: auto !important;
  min-width: auto; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .form-wrap select, .cs-mobile .form-wrap input, .cs-mobile .form-wrap textarea, .cs-mobile .form-wrap input.inbox, .cs-mobile .form-wrap textarea.inbox, .cs-pc .form-wrap select, .cs-pc .form-wrap input, .cs-pc .form-wrap textarea, .cs-pc .form-wrap input.inbox, .cs-pc .form-wrap textarea.inbox {
      width: 100% !important; } }
.cs-mobile h2:first-child, .cs-pc h2:first-child {
  margin-top: 0 !important; }
.cs-mobile h2.box-wrap, .cs-pc h2.box-wrap {
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  background: none;
  letter-spacing: 0; }
.cs-mobile .fa-angle-right, .cs-pc .fa-angle-right {
  font-size: 13px;
  font-size: 1.3rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #2196f3;
  color: #fff;
  text-align: center; }
.cs-mobile .num-bul, .cs-pc .num-bul {
  display: inline-block;
  height: 16px;
  padding: 0 4px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 15px;
  color: #fff;
  background: #ff4800;
  text-align: center;
  letter-spacing: 0;
  border-radius: 3px; }
.cs-mobile .num-in, .cs-pc .num-in {
  position: relative;
  margin: 25px 0 3px 0;
  padding: 6px 0 7px 71px;
  color: #fff;
  background-color: #444; }
  @media only screen and (max-width: 1140px) {
    .cs-mobile .num-in, .cs-pc .num-in {
      margin: 25px -10px 3px -10px; } }
  .cs-mobile .num-in .num-bul, .cs-pc .num-in .num-bul {
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    width: 52px;
    height: 25px;
    color: #ff4800;
    font-weight: bold;
    line-height: 20px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 3px 3px 0 0; }
.cs-mobile .tooltip-in, .cs-pc .tooltip-in {
  position: relative;
  margin: 25px 0 3px 0;
  padding: 6px 0 7px 29px;
  color: #fff;
  background-color: #444; }
  @media only screen and (max-width: 1140px) {
    .cs-mobile .tooltip-in, .cs-pc .tooltip-in {
      margin: 25px -10px 3px -10px; } }
  .cs-mobile .tooltip-in:before, .cs-pc .tooltip-in:before {
    display: block;
    position: absolute;
    content: '';
    top: 10px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url("/img/ico_tooltip_check.png") no-repeat 0 0; }
  .cs-mobile .tooltip-in:after, .cs-pc .tooltip-in:after {
    display: block;
    position: absolute;
    content: '';
    bottom: -6px;
    left: 10px;
    width: 13px;
    height: 6px;
    background: url("/img/ico_tooltip_tail.png") no-repeat 0 0; }
@media only screen and (max-width: 805px) {
  .cs-mobile .tabMenu + .num-in,
  .cs-mobile .tabMenu + .tooltip-in, .cs-pc .tabMenu + .num-in,
  .cs-pc .tabMenu + .tooltip-in {
    margin-top: 0 !important; } }
.cs-mobile .ico-in, .cs-pc .ico-in {
  position: relative;
  padding-left: 20px; }
  .cs-mobile .ico-in .ico-bul, .cs-pc .ico-in .ico-bul {
    position: absolute;
    left: 0;
    top: 0; }
.cs-mobile .cs-srch-name, .cs-pc .cs-srch-name {
  padding-left: 18px;
  background: url("/img/ico_bul_cercle.png") no-repeat left center; }
.cs-mobile h3.ico-in, .cs-pc h3.ico-in {
  padding-left: 18px;
  background: url("/img/ico_bul_cercle.png") no-repeat left 5px; }
  .cs-mobile h3.ico-in .ico-bul, .cs-pc h3.ico-in .ico-bul {
    display: none;
    top: -2px; }
.cs-mobile .txt-in2, .cs-pc .txt-in2 {
  position: relative; }
  @media only screen and (max-width: 640px) {
    .cs-mobile .txt-in2, .cs-pc .txt-in2 {
      padding-left: 0 !important; } }
  .cs-mobile .txt-in2 .txt-tit, .cs-pc .txt-in2 .txt-tit {
    position: absolute;
    left: 0;
    top: 0; }
    .cs-mobile .txt-in2 .txt-tit.in-tel-num, .cs-pc .txt-in2 .txt-tit.in-tel-num {
      top: 4px; }
      @media only screen and (max-width: 640px) {
        .cs-mobile .txt-in2 .txt-tit.in-tel-num, .cs-pc .txt-in2 .txt-tit.in-tel-num {
          top: 0; } }
    @media only screen and (max-width: 640px) {
      .cs-mobile .txt-in2 .txt-tit, .cs-pc .txt-in2 .txt-tit {
        position: relative; } }
  .cs-mobile .txt-in2.txt5, .cs-pc .txt-in2.txt5 {
    padding-left: 100px; }
  .cs-mobile .txt-in2.txt6, .cs-pc .txt-in2.txt6 {
    padding-left: 114px; }
  .cs-mobile .txt-in2.txt7, .cs-pc .txt-in2.txt7 {
    padding-left: 128px; }
.cs-mobile .cs-guide.ico-in + .con-in, .cs-pc .cs-guide.ico-in + .con-in {
  padding-left: 20px !important; }
.cs-mobile .con-in, .cs-pc .con-in {
  margin-bottom: 10px;
  padding-left: 20px; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .con-in, .cs-pc .con-in {
      padding-right: 20px; } }
  .cs-mobile .con-in p, .cs-mobile .con-in ul, .cs-mobile .con-in ol, .cs-pc .con-in p, .cs-pc .con-in ul, .cs-pc .con-in ol {
    margin-top: 4px; }
  .cs-mobile .con-in p, .cs-pc .con-in p {
    padding: 2px 0; }
  .cs-mobile .con-in li, .cs-pc .con-in li {
    width: auto;
    padding: 2px 0; }
  .cs-mobile .con-in.guide-btn-in, .cs-pc .con-in.guide-btn-in {
    position: relative;
    padding-right: 200px; }
    .cs-mobile .con-in.guide-btn-in .guide-btn, .cs-pc .con-in.guide-btn-in .guide-btn {
      position: absolute;
      right: 0;
      top: 0;
      margin-top: 0; }
  .cs-mobile .con-in .txt-in, .cs-pc .con-in .txt-in {
    position: relative;
    padding-left: 14px; }
    .cs-mobile .con-in .txt-in .txt-bul, .cs-pc .con-in .txt-in .txt-bul {
      position: absolute;
      left: 0;
      top: 2px; }
  .cs-mobile .con-in .hyphen-in, .cs-pc .con-in .hyphen-in {
    position: relative;
    padding-left: 12px; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .con-in .hyphen-in, .cs-pc .con-in .hyphen-in {
        margin-left: -12px; } }
    .cs-mobile .con-in .hyphen-in .hyphen-bul, .cs-pc .con-in .hyphen-in .hyphen-bul {
      position: absolute;
      left: 0;
      top: 2px; }
  .cs-mobile .con-in h4, .cs-pc .con-in h4 {
    margin-top: 10px; }
    .cs-mobile .con-in h4.dot-blue, .cs-pc .con-in h4.dot-blue {
      margin-left: -20px;
      margin-top: 10px;
      color: #275bae;
      padding-left: 20px;
      background: url("/img/dot_blue.png") no-repeat 10px 50%; }
  .cs-mobile .con-in .dot-blue-list li, .cs-pc .con-in .dot-blue-list li {
    margin-left: -20px;
    padding-left: 20px;
    background: url("/img/dot_blue.png") no-repeat 10px 11px; }
  .cs-mobile .con-in.img-in, .cs-pc .con-in.img-in {
    position: relative;
    padding-right: 260px; }
    .cs-mobile .con-in.img-in > .ex-img, .cs-pc .con-in.img-in > .ex-img {
      position: absolute;
      right: 10px;
      top: 0; }
  .cs-mobile .con-in .self-cnfirm-step, .cs-pc .con-in .self-cnfirm-step {
    margin-bottom: 20px; }
    .cs-mobile .con-in .self-cnfirm-step:after, .cs-pc .con-in .self-cnfirm-step:after {
      content: "";
      display: table; }
    .cs-mobile .con-in .self-cnfirm-step:after, .cs-pc .con-in .self-cnfirm-step:after {
      clear: both; }
    .cs-mobile .con-in .self-cnfirm-step *, .cs-pc .con-in .self-cnfirm-step * {
      word-break: keep-all; }
    .cs-mobile .con-in .self-cnfirm-step li, .cs-pc .con-in .self-cnfirm-step li {
      position: relative;
      float: left;
      display: block;
      width: 34.3%;
      height: 190px;
      padding: 0 0 0 22px;
      background: url("/img/self_cnfirm_arrow_pc.png") no-repeat left center;
      box-sizing: border-box; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .con-in .self-cnfirm-step li, .cs-pc .con-in .self-cnfirm-step li {
          width: 100%;
          height: auto;
          padding: 22px 0 0 0;
          background: url("/img/self_cnfirm_arrow_m.png") no-repeat center top;
          background-size: 24px 20px; } }
.cs-mobile .con-in .self-cnfirm-step li:before, .cs-pc .con-in .self-cnfirm-step li:before {
  position: absolute;
  display: block;
  content: ' ';
  left: 23px;
  top: 1px;
  width: 28px;
  height: 28px;
  border-radius: 0 0 28px 0; }
        @media only screen and (max-width: 805px) {
          .cs-mobile .con-in .self-cnfirm-step li:before, .cs-pc .con-in .self-cnfirm-step li:before {
            left: 1px;
            top: 23px; } }
      .cs-mobile .con-in .self-cnfirm-step li:first-child, .cs-pc .con-in .self-cnfirm-step li:first-child {
        width: 31.4%;
        padding: 0;
        background: none; }
        @media only screen and (max-width: 805px) {
          .cs-mobile .con-in .self-cnfirm-step li:first-child, .cs-pc .con-in .self-cnfirm-step li:first-child {
            width: 100%;
            padding: 0; } }
        .cs-mobile .con-in .self-cnfirm-step li:first-child:before, .cs-pc .con-in .self-cnfirm-step li:first-child:before {
          left: 1px;
          top: 1px; }
        .cs-mobile .con-in .self-cnfirm-step li:first-child dt span, .cs-pc .con-in .self-cnfirm-step li:first-child dt span {
          left: 8px; }
          @media only screen and (max-width: 805px) {
            .cs-mobile .con-in .self-cnfirm-step li:first-child dt span, .cs-pc .con-in .self-cnfirm-step li:first-child dt span {
              top: 2px; } }
      .cs-mobile .con-in .self-cnfirm-step li.bg-less, .cs-pc .con-in .self-cnfirm-step li.bg-less {
        width: 31.4%;
        padding: 0;
        background: none; }
        @media only screen and (max-width: 805px) {
          .cs-mobile .con-in .self-cnfirm-step li.bg-less, .cs-pc .con-in .self-cnfirm-step li.bg-less {
            width: 100%;
            padding: 22px 0 0 0;
            background: url("/img/self_cnfirm_arrow_m.png") no-repeat center top;
            background-size: 24px 20px; } }
        .cs-mobile .con-in .self-cnfirm-step li.bg-less:before, .cs-pc .con-in .self-cnfirm-step li.bg-less:before {
          left: 1px; }
        .cs-mobile .con-in .self-cnfirm-step li.bg-less dt span, .cs-pc .con-in .self-cnfirm-step li.bg-less dt span {
          left: 8px; }
      .cs-mobile .con-in .self-cnfirm-step li.mg-trans, .cs-pc .con-in .self-cnfirm-step li.mg-trans {
        margin-top: 10px; }
        @media only screen and (max-width: 805px) {
          .cs-mobile .con-in .self-cnfirm-step li.mg-trans, .cs-pc .con-in .self-cnfirm-step li.mg-trans {
            margin-top: 0; } }
.cs-mobile .con-in .self-cnfirm-step dl, .cs-pc .con-in .self-cnfirm-step dl {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.4;
  border: 1px solid #9e9e9e;
  border-radius: 3px;
  box-sizing: border-box; }
.cs-mobile .con-in .self-cnfirm-step dt, .cs-pc .con-in .self-cnfirm-step dt {
  height: 62px;
  padding-top: 21px;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #9e9e9e;
  box-sizing: border-box; }
  .cs-mobile .con-in .self-cnfirm-step dt.pd-trans, .cs-pc .con-in .self-cnfirm-step dt.pd-trans {
    padding-top: 11px; }
    @media only screen and (max-width: 1023px) {
      .cs-mobile .con-in .self-cnfirm-step dt.pd-trans, .cs-pc .con-in .self-cnfirm-step dt.pd-trans {
        padding-top: 21px; } }
    @media only screen and (max-width: 859px) {
      .cs-mobile .con-in .self-cnfirm-step dt.pd-trans, .cs-pc .con-in .self-cnfirm-step dt.pd-trans {
        padding-top: 11px; } }
    @media only screen and (max-width: 805px) {
      .cs-mobile .con-in .self-cnfirm-step dt.pd-trans, .cs-pc .con-in .self-cnfirm-step dt.pd-trans {
        padding-top: 21px; } }
  .cs-mobile .con-in .self-cnfirm-step dt span, .cs-pc .con-in .self-cnfirm-step dt span {
    position: absolute;
    left: 30px;
    top: 2px; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .con-in .self-cnfirm-step dt span, .cs-pc .con-in .self-cnfirm-step dt span {
        left: 8px;
        top: 25px; } }
    .cs-mobile .con-in .self-cnfirm-step dd, .cs-pc .con-in .self-cnfirm-step dd {
      padding: 14px 20px; }
      .cs-mobile .con-in .self-cnfirm-step dd > p, .cs-pc .con-in .self-cnfirm-step dd > p {
        position: relative;
        margin-top: 0;
        padding: 1px 0 1px 12px; }
        .cs-mobile .con-in .self-cnfirm-step dd > p > span, .cs-pc .con-in .self-cnfirm-step dd > p > span {
          position: absolute;
          left: 0;
          top: 0; }
    .cs-mobile .con-in .self-cnfirm-step.color1 li:before, .cs-pc .con-in .self-cnfirm-step.color1 li:before {
      background-color: #cf1a00; }
    .cs-mobile .con-in .self-cnfirm-step.color1 dt, .cs-pc .con-in .self-cnfirm-step.color1 dt {
      background-color: #e65100; }
    .cs-mobile .con-in .self-cnfirm-step.color2 li:before, .cs-pc .con-in .self-cnfirm-step.color2 li:before {
      background-color: #608401; }
    .cs-mobile .con-in .self-cnfirm-step.color2 dt, .cs-pc .con-in .self-cnfirm-step.color2 dt {
      background-color: #749800; }
    .cs-mobile .con-in .self-cnfirm-step.color3 li:before, .cs-pc .con-in .self-cnfirm-step.color3 li:before {
      background-color: #001134; }
    .cs-mobile .con-in .self-cnfirm-step.color3 dt, .cs-pc .con-in .self-cnfirm-step.color3 dt {
      background-color: #034273; }
.cs-mobile .tel-num, .cs-pc .tel-num {
  font-size: 18px;
  font-size: 1.8rem;
  color: #2196f3; }
.cs-mobile .app-list li, .cs-pc .app-list li {
  display: inline-block;
  padding: 7px 40px 7px 20px; }
  @media only screen and (max-width: 640px) {
    .cs-mobile .app-list li, .cs-pc .app-list li {
      display: block;
      padding-left: 0; } }
  .cs-mobile .app-list li:first-child, .cs-pc .app-list li:first-child {
    padding-left: 0; }
  .cs-mobile .app-list li.android, .cs-pc .app-list li.android {
    background: url("/img/ico_appstore_android.png") no-repeat right 50%; }
  .cs-mobile .app-list li.naver, .cs-pc .app-list li.naver {
    background: url("/img/ico_appstore_naver.png") no-repeat right 50%; }
  .cs-mobile .app-list li.ios, .cs-pc .app-list li.ios {
    background: url("/img/ico_appstore_ios.png") no-repeat right 50%; }
.cs-mobile .con-line, .cs-pc .con-line {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b; }
  .cs-mobile .con-line > *, .cs-pc .con-line > * {
    padding: 15px 20px;
    border-top: 1px solid #d3d3d3; }
    .cs-mobile .con-line > *:first-child, .cs-pc .con-line > *:first-child {
      border-top: none; }
  .cs-mobile .con-line .in-btn, .cs-pc .con-line .in-btn {
    position: relative;
    padding-right: 45%; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .con-line .in-btn, .cs-pc .con-line .in-btn {
        padding-right: 0; } }
    .cs-mobile .con-line .in-btn .btn, .cs-pc .con-line .in-btn .btn {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -15px; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .con-line .in-btn .btn, .cs-pc .con-line .in-btn .btn {
          position: relative;
          top: 0;
          right: 0;
          margin-top: 15px; } }
.cs-mobile .ex-img-group, .cs-pc .ex-img-group {
  margin-top: 10px; }
  .cs-mobile .ex-img-group > div, .cs-pc .ex-img-group > div {
    display: inline-block;
    margin-left: 60px; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .ex-img-group > div, .cs-pc .ex-img-group > div {
        display: block;
        margin-left: 0; } }
    .cs-mobile .ex-img-group > div:first-child, .cs-pc .ex-img-group > div:first-child {
      margin-left: 0; }
.cs-mobile .ex-img img, .cs-pc .ex-img img {
  max-width: 100%;
  border: 1px solid #d3d3d3; }
.cs-mobile .ex-img.bd-less img, .cs-pc .ex-img.bd-less img {
  border: none; }
.cs-mobile .ex-img.step-list li, .cs-pc .ex-img.step-list li {
  position: relative;
  display: inline-block;
  width: 144px;
  margin-left: 4px;
  padding-top: 180px;
  text-align: center; }
  .cs-mobile .ex-img.step-list li:first-child, .cs-pc .ex-img.step-list li:first-child {
    margin-left: 0; }
  .cs-mobile .ex-img.step-list li img, .cs-pc .ex-img.step-list li img {
    position: absolute;
    left: 0;
    top: 0; }
.cs-mobile .tabMenu .tabcontainer, .cs-pc .tabMenu .tabcontainer {
  padding: 10px 0; }
  .cs-mobile .tabMenu .tabcontainer h2:first-child, .cs-pc .tabMenu .tabcontainer h2:first-child {
    margin-top: 10px !important; }
.cs-mobile .minwon-preview, .cs-pc .minwon-preview {
  overflow: auto;
  width: 100%;
  min-height: 420px;
  max-height: 420px;
  margin: 10px 0;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3; }
.cs-mobile .tit-wrap, .cs-pc .tit-wrap {
  position: relative; }
  .cs-mobile .tit-wrap h2, .cs-pc .tit-wrap h2 {
    width: 70%; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .tit-wrap h2, .cs-pc .tit-wrap h2 {
        margin: 0 0 30px; } }
    @media only screen and (max-width: 640px) {
      .cs-mobile .tit-wrap h2, .cs-pc .tit-wrap h2 {
        width: 100%;
        display: block;
        margin: 0 0 30px; } }
  .cs-mobile .tit-wrap .ibtn, .cs-pc .tit-wrap .ibtn {
    position: absolute;
    right: 0;
    top: -6px; }
    @media only screen and (max-width: 640px) {
      .cs-mobile .tit-wrap .ibtn, .cs-pc .tit-wrap .ibtn {
        position: relative;
        display: block; } }
    .cs-mobile .tit-wrap .ibtn, .cs-pc .tit-wrap .ibtn {
      margin-right: 0; }
    .cs-mobile .tit-wrap .ibtn.form *, .cs-pc .tit-wrap .ibtn.form * {
      min-width: auto; }
.cs-mobile .csm-stit, .cs-mobile .csm-guide, .cs-pc .csm-stit, .cs-pc .csm-guide {
  margin: 6px 0 7px 0; }
  .cs-mobile .csm-stit:first-child, .cs-mobile .csm-guide:first-child, .cs-pc .csm-stit:first-child, .cs-pc .csm-guide:first-child {
    margin-top: 0; }
  .cs-mobile .csm-stit.ico-dot, .cs-mobile .csm-guide.ico-dot, .cs-pc .csm-stit.ico-dot, .cs-pc .csm-guide.ico-dot {
    padding-left: 10px;
    background: url("/img/cs-guide-dot@2x.png") no-repeat 0 8px;
    background-size: 4px 4px; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .csm-stit.ico-dot, .cs-mobile .csm-guide.ico-dot, .cs-pc .csm-stit.ico-dot, .cs-pc .csm-guide.ico-dot {
        background-position: 0 10px; } }
  .cs-mobile .csm-stit.txt-r, .cs-mobile .csm-guide.txt-r, .cs-pc .csm-stit.txt-r, .cs-pc .csm-guide.txt-r {
    text-align: right; }
  .cs-mobile .csm-stit .fc-red2, .cs-mobile .csm-guide .fc-red2, .cs-pc .csm-stit .fc-red2, .cs-pc .csm-guide .fc-red2 {
    color: #f44336; }
.cs-mobile .csm-stit + .csm-guide, .cs-pc .csm-stit + .csm-guide {
  margin: -10px 0 0 0; }
.cs-mobile .cs-guide-box, .cs-pc .cs-guide-box {
  padding: 10px; }
  .cs-mobile .cs-guide-box p, .cs-pc .cs-guide-box p {
    margin: 5px 0; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .cs-guide-box .ico-point, .cs-pc .cs-guide-box .ico-point {
      background-position: left 3px; } }
  .cs-mobile .cs-guide-box .txt-in, .cs-pc .cs-guide-box .txt-in {
    position: relative;
    padding-left: 20px; }
    .cs-mobile .cs-guide-box .txt-in .txt-bul, .cs-pc .cs-guide-box .txt-in .txt-bul {
      position: absolute;
      left: 0;
      top: 0; }
    .cs-mobile .cs-guide-box .txt-in label, .cs-pc .cs-guide-box .txt-in label {
      margin-right: 20px; }
  .cs-mobile .cs-guide-box .taC, .cs-pc .cs-guide-box .taC {
    text-align: center; }
.cs-mobile .ibtn.form *, .cs-pc .ibtn.form * {
  padding: 0 20px; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .ibtn.form *, .cs-pc .ibtn.form * {
      padding: 0 20px; } }
.cs-mobile .csm-btn-list p, .cs-pc .csm-btn-list p {
  margin-top: 10px; }
  .cs-mobile .csm-btn-list p:first-child, .cs-pc .csm-btn-list p:first-child {
    margin-top: 0; }
.cs-mobile .csm-btn-list .csm-btn a, .cs-pc .csm-btn-list .csm-btn a {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  padding-left: 54px;
  color: #333;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box; }
  .cs-mobile .csm-btn-list .csm-btn a .arrow, .cs-pc .csm-btn-list .csm-btn a .arrow {
    position: absolute;
    font-size: 25px;
    font-size: 2.5rem;
    right: 10px;
    top: -3px; }
    .cs-mobile .csm-btn-list .csm-btn a .arrow .fa-angle-right, .cs-pc .csm-btn-list .csm-btn a .arrow .fa-angle-right {
      font-size: 25px;
      font-size: 2.5rem;
      width: auto;
      height: auto;
      border-radius: 0;
      background: none;
      color: #333;
      text-align: center; }
  .cs-mobile .csm-btn-list .csm-btn a:before, .cs-pc .csm-btn-list .csm-btn a:before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 10px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    border-radius: 50%;
    text-align: center;
    background: url("/img/cs_icon_csmbtn_off.png") no-repeat 0 0;
    background-size: 112px 32px;
    background-color: #2196f3; }
  .cs-mobile .csm-btn-list .csm-btn a:hover, .cs-mobile .csm-btn-list .csm-btn a:active, .cs-mobile .csm-btn-list .csm-btn a:focus, .cs-pc .csm-btn-list .csm-btn a:hover, .cs-pc .csm-btn-list .csm-btn a:active, .cs-pc .csm-btn-list .csm-btn a:focus {
    color: #fff;
    background-color: #2196f3; }
    .cs-mobile .csm-btn-list .csm-btn a:hover .arrow .fa-angle-right, .cs-mobile .csm-btn-list .csm-btn a:active .arrow .fa-angle-right, .cs-mobile .csm-btn-list .csm-btn a:focus .arrow .fa-angle-right, .cs-pc .csm-btn-list .csm-btn a:hover .arrow .fa-angle-right, .cs-pc .csm-btn-list .csm-btn a:active .arrow .fa-angle-right, .cs-pc .csm-btn-list .csm-btn a:focus .arrow .fa-angle-right {
      color: #fff; }
    .cs-mobile .csm-btn-list .csm-btn a:hover:before, .cs-mobile .csm-btn-list .csm-btn a:active:before, .cs-mobile .csm-btn-list .csm-btn a:focus:before, .cs-pc .csm-btn-list .csm-btn a:hover:before, .cs-pc .csm-btn-list .csm-btn a:active:before, .cs-pc .csm-btn-list .csm-btn a:focus:before {
      background: url("/img/cs_icon_csmbtn_on.png") no-repeat 0 0;
      background-size: 112px 32px;
      background-color: #fff; }
.cs-mobile .csm-btn-list .csm-btn.online a:before, .cs-pc .csm-btn-list .csm-btn.online a:before {
  background-position: 0 0; }
.cs-mobile .csm-btn-list .csm-btn.mail a:before, .cs-pc .csm-btn-list .csm-btn.mail a:before {
  background-position: -40px 0; }
.cs-mobile .csm-btn-list .csm-btn.visit a:before, .cs-pc .csm-btn-list .csm-btn.visit a:before {
  background-position: -80px 0; }
@media only screen and (max-width: 805px) {
  .cs-mobile .search-box select, .cs-pc .search-box select {
    margin: 3px 0; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .search-box .inbox, .cs-pc .search-box .inbox {
    margin: 3px 0; } }
@media only screen and (max-width: 640px) {
  .cs-mobile .search-box .inbox, .cs-pc .search-box .inbox {
    margin: 3px 0; } }
.cs-mobile .search-box .form-wrap, .cs-pc .search-box .form-wrap {
  margin-left: 10px;
  width: auto; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box .form-wrap, .cs-pc .search-box .form-wrap {
      display: block;
      text-align: left;
      margin-left: 0; } }
  .cs-mobile .search-box .form-wrap label, .cs-mobile .search-box .form-wrap .label, .cs-pc .search-box .form-wrap label, .cs-pc .search-box .form-wrap .label {
    display: inline-block;
    margin-right: 10px;
    text-align: left; }
    .cs-mobile .search-box .form-wrap label:before, .cs-mobile .search-box .form-wrap .label:before, .cs-pc .search-box .form-wrap label:before, .cs-pc .search-box .form-wrap .label:before {
      display: inline-block;
      content: '';
      width: 3px;
      height: 3px;
      background: #616161;
      border-radius: 50%;
      margin: 0 5px 3px 0; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .search-box .form-wrap label:before, .cs-mobile .search-box .form-wrap .label:before, .cs-pc .search-box .form-wrap label:before, .cs-pc .search-box .form-wrap .label:before {
          display: none; } }
    @media only screen and (max-width: 805px) {
      .cs-mobile .search-box .form-wrap label, .cs-mobile .search-box .form-wrap .label, .cs-pc .search-box .form-wrap label, .cs-pc .search-box .form-wrap .label {
        width: 27%;
        margin-right: 0;
        line-height: 1.2; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box .form-wrap > span, .cs-pc .search-box .form-wrap > span {
      width: 73%;
      display: inline-block;
      text-align: right; }
      .cs-mobile .search-box .form-wrap > span .inbox, .cs-mobile .search-box .form-wrap > span select, .cs-pc .search-box .form-wrap > span .inbox, .cs-pc .search-box .form-wrap > span select {
        width: 100%;
        box-sizing: border-box; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box .form-wrap.reg-add:after, .cs-pc .search-box .form-wrap.reg-add:after {
      content: "";
      display: table; }
    .cs-mobile .search-box .form-wrap.reg-add:after, .cs-pc .search-box .form-wrap.reg-add:after {
      clear: both; } }
  .cs-mobile .search-box .form-wrap.reg-add label, .cs-mobile .search-box .form-wrap.reg-add .label, .cs-pc .search-box .form-wrap.reg-add label, .cs-pc .search-box .form-wrap.reg-add .label {
    position: relative;
    padding-left: 12px;
    word-break: keep-all; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .search-box .form-wrap.reg-add label, .cs-mobile .search-box .form-wrap.reg-add .label, .cs-pc .search-box .form-wrap.reg-add label, .cs-pc .search-box .form-wrap.reg-add .label {
        width: 26%;
        margin-top: 10px;
        box-sizing: border-box; } }
    @media only screen and (max-width: 434px) {
      .cs-mobile .search-box .form-wrap.reg-add label, .cs-mobile .search-box .form-wrap.reg-add .label, .cs-pc .search-box .form-wrap.reg-add label, .cs-pc .search-box .form-wrap.reg-add .label {
        margin-top: 6px; } }
    .cs-mobile .search-box .form-wrap.reg-add label:before, .cs-mobile .search-box .form-wrap.reg-add .label:before, .cs-pc .search-box .form-wrap.reg-add label:before, .cs-pc .search-box .form-wrap.reg-add .label:before {
      display: none; }
    .cs-mobile .search-box .form-wrap.reg-add label .fa-asterisk, .cs-mobile .search-box .form-wrap.reg-add .label .fa-asterisk, .cs-pc .search-box .form-wrap.reg-add label .fa-asterisk, .cs-pc .search-box .form-wrap.reg-add .label .fa-asterisk {
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .search-box .form-wrap.reg-add label .fa-asterisk, .cs-mobile .search-box .form-wrap.reg-add .label .fa-asterisk, .cs-pc .search-box .form-wrap.reg-add label .fa-asterisk, .cs-pc .search-box .form-wrap.reg-add .label .fa-asterisk {
          margin-top: 2px; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box .form-wrap.reg-add > span, .cs-pc .search-box .form-wrap.reg-add > span {
      float: right; } }
  .cs-mobile .search-box .form-wrap.reg-add select, .cs-pc .search-box .form-wrap.reg-add select {
    width: 142px !important;
    min-width: auto; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .search-box .form-wrap.reg-add select, .cs-pc .search-box .form-wrap.reg-add select {
        width: 100% !important; } }
  .cs-mobile .search-box .form-wrap.contact label, .cs-mobile .search-box .form-wrap.contact .label, .cs-pc .search-box .form-wrap.contact label, .cs-pc .search-box .form-wrap.contact .label {
    vertical-align: top;
    height: 40px;
    line-height: 40px; }
  .cs-mobile .search-box .form-wrap.contact > span:after, .cs-pc .search-box .form-wrap.contact > span:after {
    content: "";
    display: table; }
  .cs-mobile .search-box .form-wrap.contact > span:after, .cs-pc .search-box .form-wrap.contact > span:after {
    clear: both; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box .form-wrap.contact > span .inbox, .cs-mobile .search-box .form-wrap.contact > span select, .cs-pc .search-box .form-wrap.contact > span .inbox, .cs-pc .search-box .form-wrap.contact > span select {
      float: left;
      width: 29% !important; }
    .cs-mobile .search-box .form-wrap.contact > span span, .cs-pc .search-box .form-wrap.contact > span span {
      float: left;
      margin: 3px 0;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 6.5% !important; } }
.cs-mobile .search-box.cs-srch, .cs-pc .search-box.cs-srch {
  border: 1px solid #e8e9ee;
  background: #f8f8fa;
  padding: 0;
  margin-bottom: 0;
  text-align: left; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box.cs-srch, .cs-pc .search-box.cs-srch {
      padding: 0;
      border: 1px solid #e8e9ee; } }
  .cs-mobile .search-box.cs-srch input, .cs-pc .search-box.cs-srch input {
    border: 1px solid #e1e1e1; }
  .cs-mobile .search-box.cs-srch select, .cs-pc .search-box.cs-srch select {
    margin: 0 3px 0 -3px;
    border: 1px solid #e1e1e1;
    width: 200px !important; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .search-box.cs-srch select, .cs-pc .search-box.cs-srch select {
        margin: 3px 0;
        width: 100% !important; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box.cs-srch .form-wrap > span, .cs-pc .search-box.cs-srch .form-wrap > span {
      width: 71%; } }
  .cs-mobile .search-box.cs-srch .cs-srch-in, .cs-pc .search-box.cs-srch .cs-srch-in {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e8e9ee;
    /*----- 기관별, 분야별 02-06 -----*/
    /*----- 테마별 02-06 작성, 02-17 수정 -----*/
    /*--------------------------------------------------------*/ }
    .cs-mobile .search-box.cs-srch .cs-srch-in:after, .cs-pc .search-box.cs-srch .cs-srch-in:after {
      content: "";
      display: table; }
    .cs-mobile .search-box.cs-srch .cs-srch-in:after, .cs-pc .search-box.cs-srch .cs-srch-in:after {
      clear: both; }
    .cs-mobile .search-box.cs-srch .cs-srch-in + .cs-srch-in, .cs-pc .search-box.cs-srch .cs-srch-in + .cs-srch-in {
      margin: 0 10px;
      padding: 10px 0; }
      .cs-mobile .search-box.cs-srch .cs-srch-in + .cs-srch-in + .cs-srch-in, .cs-pc .search-box.cs-srch .cs-srch-in + .cs-srch-in + .cs-srch-in {
        margin-bottom: 5px; }
    .cs-mobile .search-box.cs-srch .cs-srch-in .form-wrap + .check-wrap, .cs-pc .search-box.cs-srch .cs-srch-in .form-wrap + .check-wrap {
      margin-left: 10px; }
    .cs-mobile .search-box.cs-srch .cs-srch-in .check-wrap + .check-wrap, .cs-pc .search-box.cs-srch .cs-srch-in .check-wrap + .check-wrap {
      float: right; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .search-box.cs-srch .cs-srch-in .check-wrap + .check-wrap, .cs-pc .search-box.cs-srch .cs-srch-in .check-wrap + .check-wrap {
          float: none;
          margin-top: 5px; } }
    .cs-mobile .search-box.cs-srch .cs-srch-in:first-child, .cs-pc .search-box.cs-srch .cs-srch-in:first-child {
      border-top: none; }
    .cs-mobile .search-box.cs-srch .cs-srch-in #incSearchArea, .cs-mobile .search-box.cs-srch .cs-srch-in #astSearchArea, .cs-pc .search-box.cs-srch .cs-srch-in #incSearchArea, .cs-pc .search-box.cs-srch .cs-srch-in #astSearchArea {
      padding: 10px;
      margin-top: 5px; }
    .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-noti, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-noti {
      padding: 10px;
      background-color: #f8f8fa; }
      .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-noti p, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-noti p {
        position: relative;
        padding: 1px 0 1px 12px;
        font-size: 13px;
        font-size: 1.3rem; }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-noti p:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-noti p:before {
          position: absolute;
          display: block;
          content: ' ';
          left: 0;
          top: 10px;
          width: 3px;
          height: 3px;
          background-color: #9599aa; }
    .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst {
      padding: 10px;
      background-color: #fff; }
      .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst ul, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst ul {
        margin: 0 auto; }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst ul:after, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst ul:after {
          content: "";
          display: table; }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst ul:after, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst ul:after {
          clear: both; }
      .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li {
        float: left;
        width: 9.0909090909%;
        box-sizing: border-box; }
        @media only screen and (max-width: 805px) {
          .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li {
            width: 16.6666666667%; } }
        @media only screen and (max-width: 640px) {
          .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li {
            width: 50%;
            padding: 3px; } }
.cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 74px 0 6px 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  text-align: center;
  box-sizing: border-box; }
  @media only screen and (max-width: 640px) {
    .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a {
      padding: 10px 0 10px 48px;
      text-align: left;
      border-radius: 3px;
      background-color: #f8f8f8; } }
  .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 10px;
    left: 50%;
    width: 56px;
    height: 56px;
    margin: 0 0 0 -28px;
    background: url("/img/ico_thm_lst.png") no-repeat 0 0; }
    @media only screen and (max-width: 640px) {
      .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:before {
        top: 50%;
        left: 6px;
        width: 36px;
        height: 36px;
        margin: -18px 0 0 0;
        background: url("/img/ico_thm_lst_m.png") no-repeat 0 0; } }
  .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:hover, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:active, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:focus, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:hover, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:active, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:focus {
    color: #03615f;
    text-decoration: underline; }
    @media only screen and (max-width: 640px) {
      .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:hover, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:active, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:focus, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:hover, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:active, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li a:focus {
        color: #fff;
        background-color: #03615f; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.active a, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.active a {
          color: #03615f;
          text-decoration: underline; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.active a, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.active a {
              color: #fff;
              background-color: #03615f; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:before {
          background-position: 0px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:before {
              background-position: 0px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0.active a:before {
          background-position: 0px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm0.active a:before {
              background-position: 0px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:before {
          background-position: -70px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:before {
              background-position: -46px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1.active a:before {
          background-position: -70px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm1.active a:before {
              background-position: -46px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:before {
          background-position: -140px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:before {
              background-position: -92px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2.active a:before {
          background-position: -140px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm2.active a:before {
              background-position: -92px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:before {
          background-position: -210px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:before {
              background-position: -138px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3.active a:before {
          background-position: -210px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm3.active a:before {
              background-position: -138px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:before {
          background-position: -280px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:before {
              background-position: -184px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4.active a:before {
          background-position: -280px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm4.active a:before {
              background-position: -184px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:before {
          background-position: -350px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:before {
              background-position: -230px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5.active a:before {
          background-position: -350px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm5.active a:before {
              background-position: -230px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:before {
          background-position: -420px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:before {
              background-position: -276px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6.active a:before {
          background-position: -420px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm6.active a:before {
              background-position: -276px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:before {
          background-position: -490px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:before {
              background-position: -322px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7.active a:before {
          background-position: -490px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm7.active a:before {
              background-position: -322px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:before {
          background-position: -560px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:before {
              background-position: -368px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8.active a:before {
          background-position: -560px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm8.active a:before {
              background-position: -368px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:before {
          background-position: -630px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:before {
              background-position: -414px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9.active a:before {
          background-position: -630px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm9.active a:before {
              background-position: -414px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:before {
          background-position: -700px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:before {
              background-position: -460px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10.active a:before {
          background-position: -700px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm10.active a:before {
              background-position: -460px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:before {
          background-position: 0px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:before {
              background-position: 0px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701.active a:before {
          background-position: 0px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1701.active a:before {
              background-position: 0px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:before {
          background-position: -70px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:before {
              background-position: -46px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702.active a:before {
          background-position: -70px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1702.active a:before {
              background-position: -46px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:before {
          background-position: -140px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:before {
              background-position: -92px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703.active a:before {
          background-position: -140px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1703.active a:before {
              background-position: -92px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:before {
          background-position: -210px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:before {
              background-position: -138px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704.active a:before {
          background-position: -210px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1704.active a:before {
              background-position: -138px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:before {
          background-position: -280px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:before {
              background-position: -184px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705.active a:before {
          background-position: -280px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1705.active a:before {
              background-position: -184px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:before {
          background-position: -350px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:before {
              background-position: -230px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706.active a:before {
          background-position: -350px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1706.active a:before {
              background-position: -230px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:before {
          background-position: -420px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:before {
              background-position: -276px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707.active a:before {
          background-position: -420px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1707.active a:before {
              background-position: -276px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:before {
          background-position: -490px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:before {
              background-position: -322px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708.active a:before {
          background-position: -490px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1708.active a:before {
              background-position: -322px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:before {
          background-position: -560px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:before {
              background-position: -368px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709.active a:before {
          background-position: -560px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1709.active a:before {
              background-position: -368px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:before {
          background-position: -630px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:before {
              background-position: -414px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710.active a:before {
          background-position: -630px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1710.active a:before {
              background-position: -414px -46px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:before {
          background-position: -700px 0px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:before {
              background-position: -460px 0px; } }
        .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711.active a:before {
          background-position: -700px -70px; }
          @media only screen and (max-width: 640px) {
            .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:hover:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:active:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:focus:before, .cs-mobile .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711.active a:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:hover:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:active:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711 a:focus:before, .cs-pc .search-box.cs-srch .cs-srch-in #thmSearchArea .thm-lst li.thm_DA1711.active a:before {
              background-position: -460px -46px; } }
  .cs-mobile .search-box.cs-srch .form-wrap, .cs-pc .search-box.cs-srch .form-wrap {
    margin-left: 0; }
    .cs-mobile .search-box.cs-srch .form-wrap label, .cs-mobile .search-box.cs-srch .form-wrap .label, .cs-pc .search-box.cs-srch .form-wrap label, .cs-pc .search-box.cs-srch .form-wrap .label {
      margin-right: 0 !important; }
      .cs-mobile .search-box.cs-srch .form-wrap label:before, .cs-mobile .search-box.cs-srch .form-wrap .label:before, .cs-pc .search-box.cs-srch .form-wrap label:before, .cs-pc .search-box.cs-srch .form-wrap .label:before {
        display: none !important; }
  .cs-mobile .search-box.cs-srch .check-wrap, .cs-pc .search-box.cs-srch .check-wrap {
    margin-left: 0; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .search-box.cs-srch .check-wrap, .cs-pc .search-box.cs-srch .check-wrap {
        margin: 0; } }
.cs-mobile .search-box .check-wrap, .cs-pc .search-box .check-wrap {
  margin-left: 10px; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box .check-wrap, .cs-pc .search-box .check-wrap {
      display: block;
      text-align: left;
      margin: 13px 0;
      margin-left: 0; } }
  .cs-mobile .search-box .check-wrap label, .cs-pc .search-box .check-wrap label {
    display: inline-block;
    margin: 3px 0;
    margin-right: 10px; }
  .cs-mobile .search-box .check-wrap.check-col2 > *, .cs-pc .search-box .check-wrap.check-col2 > * {
    display: inline-block; }
    @media only screen and (max-width: 640px) {
      .cs-mobile .search-box .check-wrap.check-col2 > *, .cs-pc .search-box .check-wrap.check-col2 > * {
        width: 49%; } }
    @media only screen and (max-width: 360px) {
      .cs-mobile .search-box .check-wrap.check-col2 > *, .cs-pc .search-box .check-wrap.check-col2 > * {
        width: 99%; } }
.cs-mobile .search-box.in-guide, .cs-pc .search-box.in-guide {
  border-bottom: none;
  margin-bottom: 0; }
@media only screen and (max-width: 805px) {
  .cs-mobile .search-box.in-guide, .cs-pc .search-box.in-guide {
    padding: 17px 10px;
    border-bottom: none;
    border-radius: 3px 3px 0 0; } }
.cs-mobile .search-box.in-guide + .cs-guide-box, .cs-pc .search-box.in-guide + .cs-guide-box {
  margin: 0 0 20px 0;
  border: 1px solid #d3d3d3;
  border-top: none;
  background-color: #f5f5f5;
  border-radius: 0; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .search-box.in-guide + .cs-guide-box, .cs-pc .search-box.in-guide + .cs-guide-box {
      padding: 17px 10px;
      border: 1px solid #b9b9b9;
      border-top: none;
      background-color: #f5f5f5;
      border-radius: 0 0 3px 3px; } }
.cs-mobile .fa-asterisk, .cs-pc .fa-asterisk {
  color: #ec464d;
  font-size: 6px;
  font-size: 0.6rem;
  vertical-align: top;
  margin-top: 5px; }
  @media only screen and (max-width: 640px) {
    .cs-mobile .fa-asterisk, .cs-pc .fa-asterisk {
      margin-top: 4px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .tbl-list.form-write .inbox, .cs-mobile .tbl-list.form-write select, .cs-mobile .tbl-list.form-write textarea, .cs-mobile .tbl-list.form-write input[type=file], .cs-pc .tbl-list.form-write .inbox, .cs-pc .tbl-list.form-write select, .cs-pc .tbl-list.form-write textarea, .cs-pc .tbl-list.form-write input[type=file] {
    width: 100%;
    min-width: auto;
    box-sizing: border-box; } }
.cs-mobile .tbl-list.form-write .inp-full, .cs-pc .tbl-list.form-write .inp-full {
  width: 100%;
  box-sizing: border-box; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .tbl-list.form-write .inp-full, .cs-pc .tbl-list.form-write .inp-full {
      min-width: auto; } }
.cs-mobile .tbl-list.form-write textarea.inp-full, .cs-pc .tbl-list.form-write textarea.inp-full {
  width: 540px; }
.cs-mobile .tbl-list.form-write select, .cs-pc .tbl-list.form-write select {
  font-size: 14px;
  font-size: 1.4rem; }
.cs-mobile .tbl-list.form-write input[type=file], .cs-pc .tbl-list.form-write input[type=file] {
  margin: 0;
  padding: 0;
  border: none; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .tbl-list.form-write input[type=file], .cs-pc .tbl-list.form-write input[type=file] {
      font-size: 14px;
      font-size: 1.4rem; } }
.cs-mobile .tbl-list.form-write .ibtn, .cs-pc .tbl-list.form-write .ibtn {
  margin-right: 0; }
  .cs-mobile .tbl-list.form-write .ibtn.form *, .cs-pc .tbl-list.form-write .ibtn.form * {
    padding: 0; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .tbl-list.form-write .ibtn.form *, .cs-pc .tbl-list.form-write .ibtn.form * {
        padding: 0 10px;
        min-width: 100%;
        box-sizing: border-box; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .tbl-list.form-write .ibtn.form button, .cs-mobile .tbl-list.form-write .ibtn.form input, .cs-pc .tbl-list.form-write .ibtn.form button, .cs-pc .tbl-list.form-write .ibtn.form input {
      letter-spacing: -1px; } }
.cs-mobile .tbl-list.form-write > table th, .cs-mobile .tbl-list.form-write > table .td-label, .cs-pc .tbl-list.form-write > table th, .cs-pc .tbl-list.form-write > table .td-label {
  padding: 5px 8px;
  text-align: left; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .tbl-list.form-write > table th, .cs-mobile .tbl-list.form-write > table .td-label, .cs-pc .tbl-list.form-write > table th, .cs-pc .tbl-list.form-write > table .td-label {
      background: none; } }
  .cs-mobile .tbl-list.form-write > table th label, .cs-mobile .tbl-list.form-write > table th .label, .cs-mobile .tbl-list.form-write > table .td-label label, .cs-mobile .tbl-list.form-write > table .td-label .label, .cs-pc .tbl-list.form-write > table th label, .cs-pc .tbl-list.form-write > table th .label, .cs-pc .tbl-list.form-write > table .td-label label, .cs-pc .tbl-list.form-write > table .td-label .label {
    position: relative;
    display: block;
    padding-left: 12px; }
    .cs-mobile .tbl-list.form-write > table th label .fa-asterisk, .cs-mobile .tbl-list.form-write > table th .label .fa-asterisk, .cs-mobile .tbl-list.form-write > table .td-label label .fa-asterisk, .cs-mobile .tbl-list.form-write > table .td-label .label .fa-asterisk, .cs-pc .tbl-list.form-write > table th label .fa-asterisk, .cs-pc .tbl-list.form-write > table th .label .fa-asterisk, .cs-pc .tbl-list.form-write > table .td-label label .fa-asterisk, .cs-pc .tbl-list.form-write > table .td-label .label .fa-asterisk {
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 640px) {
        .cs-mobile .tbl-list.form-write > table th label .fa-asterisk, .cs-mobile .tbl-list.form-write > table th .label .fa-asterisk, .cs-mobile .tbl-list.form-write > table .td-label label .fa-asterisk, .cs-mobile .tbl-list.form-write > table .td-label .label .fa-asterisk, .cs-pc .tbl-list.form-write > table th label .fa-asterisk, .cs-pc .tbl-list.form-write > table th .label .fa-asterisk, .cs-pc .tbl-list.form-write > table .td-label label .fa-asterisk, .cs-pc .tbl-list.form-write > table .td-label .label .fa-asterisk {
          margin-top: 4px; } }
.cs-mobile .tbl-list.form-write > table td, .cs-pc .tbl-list.form-write > table td {
  text-align: left;
  padding: 5px 10px; }
  @media only screen and (max-width: 640px) {
    .cs-mobile .tbl-list.form-write > table td, .cs-pc .tbl-list.form-write > table td {
      padding-left: 1px; }
      .cs-mobile .tbl-list.form-write > table td.row-guide, .cs-pc .tbl-list.form-write > table td.row-guide {
        padding-left: 10px; } }
  .cs-mobile .tbl-list.form-write > table td label, .cs-pc .tbl-list.form-write > table td label {
    display: inline;
    padding-right: 0; }
  .cs-mobile .tbl-list.form-write > table td label + input, .cs-pc .tbl-list.form-write > table td label + input {
    margin-left: 10px; }
  .cs-mobile .tbl-list.form-write > table td.tbl-guide, .cs-pc .tbl-list.form-write > table td.tbl-guide {
    padding: 0;
    background: none;
    border-top: none;
    border-bottom: none; }
    .cs-mobile .tbl-list.form-write > table td.tbl-guide p, .cs-pc .tbl-list.form-write > table td.tbl-guide p {
      padding: 5px 0;
      text-align: center;
      font-size: 14px;
      font-size: 1.4rem;
      background: #f5f5f5;
      border-top: 1px solid #d3d3d3; }
  .cs-mobile .tbl-list.form-write > table td.row-wrap, .cs-pc .tbl-list.form-write > table td.row-wrap {
    padding: 0 !important; }
    .cs-mobile .tbl-list.form-write > table td.row-wrap .btn-wrap, .cs-pc .tbl-list.form-write > table td.row-wrap .btn-wrap {
      margin: 5px 0; }
  .cs-mobile .tbl-list.form-write > table td .row-unit, .cs-pc .tbl-list.form-write > table td .row-unit {
    display: table;
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%; }
    .cs-mobile .tbl-list.form-write > table td .row-unit dl, .cs-pc .tbl-list.form-write > table td .row-unit dl {
      display: table-row;
      border-top: 1px dotted #d3d3d3; }
      .cs-mobile .tbl-list.form-write > table td .row-unit dl:first-child, .cs-pc .tbl-list.form-write > table td .row-unit dl:first-child {
        border-top: none; }
    .cs-mobile .tbl-list.form-write > table td .row-unit dt, .cs-mobile .tbl-list.form-write > table td .row-unit dd, .cs-pc .tbl-list.form-write > table td .row-unit dt, .cs-pc .tbl-list.form-write > table td .row-unit dd {
      display: table-cell;
      font-size: 14px;
      font-size: 1.4rem;
      color: #333;
      text-align: left;
      vertical-align: middle;
      border-bottom: 1px solid #d3d3d3; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .tbl-list.form-write > table td .row-unit dt, .cs-mobile .tbl-list.form-write > table td .row-unit dd, .cs-pc .tbl-list.form-write > table td .row-unit dt, .cs-pc .tbl-list.form-write > table td .row-unit dd {
          border-bottom: none; } }
    .cs-mobile .tbl-list.form-write > table td .row-unit dt, .cs-pc .tbl-list.form-write > table td .row-unit dt {
      width: 28%;
      margin-top: 0;
      padding: 5px 8px;
      background: #f5f5f5; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .tbl-list.form-write > table td .row-unit dt, .cs-pc .tbl-list.form-write > table td .row-unit dt {
          padding: 5px 0;
          padding-right: 8px;
          background: none;
          word-break: keep-all; } }
      .cs-mobile .tbl-list.form-write > table td .row-unit dt label, .cs-mobile .tbl-list.form-write > table td .row-unit dt .label, .cs-pc .tbl-list.form-write > table td .row-unit dt label, .cs-pc .tbl-list.form-write > table td .row-unit dt .label {
        position: relative;
        display: block;
        padding-left: 12px; }
        @media only screen and (max-width: 640px) {
          .cs-mobile .tbl-list.form-write > table td .row-unit dt label, .cs-mobile .tbl-list.form-write > table td .row-unit dt .label, .cs-pc .tbl-list.form-write > table td .row-unit dt label, .cs-pc .tbl-list.form-write > table td .row-unit dt .label {
            font-size: 12px;
            font-size: 1.2rem;
            letter-spacing: -1px; } }
    .cs-mobile .tbl-list.form-write > table td .row-unit dd, .cs-pc .tbl-list.form-write > table td .row-unit dd {
      width: 72%;
      padding: 5px 10px;
      background: #fff; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .tbl-list.form-write > table td .row-unit dd, .cs-pc .tbl-list.form-write > table td .row-unit dd {
          padding: 5px 0; } }
    .cs-mobile .tbl-list.form-write > table td .row-unit fieldset, .cs-pc .tbl-list.form-write > table td .row-unit fieldset {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .cs-mobile .tbl-list.form-write > table td .row-unit label, .cs-mobile .tbl-list.form-write > table td .row-unit .label, .cs-pc .tbl-list.form-write > table td .row-unit label, .cs-pc .tbl-list.form-write > table td .row-unit .label {
      line-height: 1.4; }
.cs-mobile .tbl-list.form-write > table tbody th, .cs-mobile .tbl-list.form-write > table tbody td, .cs-pc .tbl-list.form-write > table tbody th, .cs-pc .tbl-list.form-write > table tbody td {
  border-top: 1px solid #d3d3d3;
  border-bottom: none; }
.cs-mobile .tbl-list.form-write > table tbody tr:first-child th, .cs-mobile .tbl-list.form-write > table tbody tr:first-child td, .cs-pc .tbl-list.form-write > table tbody tr:first-child th, .cs-pc .tbl-list.form-write > table tbody tr:first-child td {
  border-top: 0; }
.cs-mobile .tbl-list.form-write .in-tbl-list, .cs-pc .tbl-list.form-write .in-tbl-list {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3; }
  .cs-mobile .tbl-list.form-write .in-tbl-list > table, .cs-pc .tbl-list.form-write .in-tbl-list > table {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%; }
    .cs-mobile .tbl-list.form-write .in-tbl-list > table th, .cs-mobile .tbl-list.form-write .in-tbl-list > table td, .cs-pc .tbl-list.form-write .in-tbl-list > table th, .cs-pc .tbl-list.form-write .in-tbl-list > table td {
      padding: 8px 5px;
      font-size: 12px;
      font-size: 1.2rem; }
    .cs-mobile .tbl-list.form-write .in-tbl-list > table th, .cs-pc .tbl-list.form-write .in-tbl-list > table th {
      color: #333;
      background: #f5f5f5;
      border-bottom: 1px solid #d3d3d3; }
    .cs-mobile .tbl-list.form-write .in-tbl-list > table td, .cs-pc .tbl-list.form-write .in-tbl-list > table td {
      border-top: 1px solid #e9e9e9;
      background: #fff;
      text-align: center; }
      .cs-mobile .tbl-list.form-write .in-tbl-list > table td.taL, .cs-pc .tbl-list.form-write .in-tbl-list > table td.taL {
        text-align: left; }
      .cs-mobile .tbl-list.form-write .in-tbl-list > table td.subj, .cs-pc .tbl-list.form-write .in-tbl-list > table td.subj {
        text-align: left;
        padding-left: 10px; }
      .cs-mobile .tbl-list.form-write .in-tbl-list > table td .inbox, .cs-pc .tbl-list.form-write .in-tbl-list > table td .inbox {
        max-width: 100%;
        box-sizing: border-box; }
    .cs-mobile .tbl-list.form-write .in-tbl-list > table tbody th, .cs-pc .tbl-list.form-write .in-tbl-list > table tbody th {
      text-align: left; }
      .cs-mobile .tbl-list.form-write .in-tbl-list > table tbody th.taC, .cs-pc .tbl-list.form-write .in-tbl-list > table tbody th.taC {
        text-align: center; }
    .cs-mobile .tbl-list.form-write .in-tbl-list > table tbody tr:first-child td, .cs-pc .tbl-list.form-write .in-tbl-list > table tbody tr:first-child td {
      border-top: 0; }
  .cs-mobile .tbl-list.form-write .in-tbl-list.border th, .cs-pc .tbl-list.form-write .in-tbl-list.border th {
    font-weight: normal; }
  .cs-mobile .tbl-list.form-write .in-tbl-list.border td, .cs-pc .tbl-list.form-write .in-tbl-list.border td {
    /* border-top: 1px solid #d3d3d3;*/
    border-bottom: 1px solid #d3d3d3; }
  .cs-mobile .tbl-list.form-write .in-tbl-list.border th + th, .cs-pc .tbl-list.form-write .in-tbl-list.border th + th {
    border-left: 1px solid #d3d3d3; }
  .cs-mobile .tbl-list.form-write .in-tbl-list.border td + td, .cs-pc .tbl-list.form-write .in-tbl-list.border td + td {
    border-left: 1px solid #d3d3d3; }
  .cs-mobile .tbl-list.form-write .in-tbl-list.border th + td, .cs-pc .tbl-list.form-write .in-tbl-list.border th + td {
    border-left: 1px solid #d3d3d3; }
.cs-mobile .tbl-list.form-write h2, .cs-mobile .tbl-list.form-write h3, .cs-pc .tbl-list.form-write h2, .cs-pc .tbl-list.form-write h3 {
  width: 100%;
  margin: 0 !important;
  padding: 8px 5px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background: none;
  background-color: #6a9a37;
  box-sizing: border-box; }
  .cs-mobile .tbl-list.form-write h2 .fa-asterisk, .cs-mobile .tbl-list.form-write h3 .fa-asterisk, .cs-pc .tbl-list.form-write h2 .fa-asterisk, .cs-pc .tbl-list.form-write h3 .fa-asterisk {
    margin: 0 4px 0 0; }
    @media only screen and (max-width: 640px) {
      .cs-mobile .tbl-list.form-write h2 .fa-asterisk, .cs-mobile .tbl-list.form-write h3 .fa-asterisk, .cs-pc .tbl-list.form-write h2 .fa-asterisk, .cs-pc .tbl-list.form-write h3 .fa-asterisk {
        margin-top: 3px; } }
.cs-mobile .tbl-list.form-write .tbl-guide, .cs-pc .tbl-list.form-write .tbl-guide {
  margin-top: 18px;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  background: #f5f5f5;
  border-top: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9; }
  .cs-mobile .tbl-list.form-write .tbl-guide:first-child, .cs-pc .tbl-list.form-write .tbl-guide:first-child {
    margin-top: 0; }
@media only screen and (max-width: 805px) {
  .cs-mobile .tbl-list.payment, .cs-pc .tbl-list.payment {
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
    border-left: none;
    border-right: none;
    border-radius: 0; }
    .cs-mobile .tbl-list.payment > table, .cs-pc .tbl-list.payment > table {
      margin: 0; }
      .cs-mobile .tbl-list.payment > table tbody th, .cs-mobile .tbl-list.payment > table tbody td, .cs-pc .tbl-list.payment > table tbody th, .cs-pc .tbl-list.payment > table tbody td {
        border-top: 1px solid #d3d3d3;
        border-bottom: none; }
      .cs-mobile .tbl-list.payment > table th, .cs-pc .tbl-list.payment > table th {
        padding-right: 10px;
        background: #f5f5f5; }
        .cs-mobile .tbl-list.payment > table th label, .cs-mobile .tbl-list.payment > table th .label, .cs-pc .tbl-list.payment > table th label, .cs-pc .tbl-list.payment > table th .label {
          padding-left: 2px; }
      .cs-mobile .tbl-list.payment > table td, .cs-pc .tbl-list.payment > table td {
        padding-left: 10px; } }
.cs-mobile .tbl-list.payment .add-lst > *, .cs-pc .tbl-list.payment .add-lst > * {
  position: relative;
  padding-left: 50px;
  margin: 2px 0; }
.cs-mobile .tbl-list.payment .add-tag, .cs-pc .tbl-list.payment .add-tag {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  min-width: 43px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2196f3;
  border: 1px solid #2196f3;
  border-radius: 3px; }
.cs-mobile .tbl-list.payment .ibtn.small *, .cs-pc .tbl-list.payment .ibtn.small * {
  padding: 0;
  min-width: 30px; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .tbl-list.payment .ibtn.small *, .cs-pc .tbl-list.payment .ibtn.small * {
      min-width: auto; } }
.cs-mobile .form-write + .form-write, .cs-pc .form-write + .form-write {
  margin-top: 24px; }
.cs-mobile .process, .cs-pc .process {
  margin-top: 0;
  margin-bottom: 20px; }
  .cs-mobile .process li .num, .cs-pc .process li .num {
    font-size: 22px;
    font-size: 2.2rem; }
  .cs-mobile .process li .txt, .cs-pc .process li .txt {
    font-size: 16px;
    font-size: 1.6rem; }
  .cs-mobile .process li.current .num, .cs-pc .process li.current .num {
    left: 15px; }
  .cs-mobile .process.type3, .cs-pc .process.type3 {
    margin-top: 0;
    margin-bottom: 20px; }
    .cs-mobile .process.type3 li .num, .cs-pc .process.type3 li .num {
      font-size: 22px;
      font-size: 2.2rem; }
    .cs-mobile .process.type3 li .txt, .cs-pc .process.type3 li .txt {
      font-size: 16px;
      font-size: 1.6rem; }
    .cs-mobile .process.type3 li.current .num, .cs-pc .process.type3 li.current .num {
      left: 15px; }
.cs-mobile .txt-wrap, .cs-pc .txt-wrap {
  display: block;
  margin: 4px 0; }
.cs-mobile .txt-only, .cs-pc .txt-only {
  margin: 4px 0; }
.cs-mobile .txt-example, .cs-pc .txt-example {
  font-weight: normal; }
.cs-mobile .inp-wrap, .cs-pc .inp-wrap {
  display: inline-block;
  margin: 4px 0;
  padding: 0;
  width: auto; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap, .cs-pc .inp-wrap {
      display: block;
      width: 100%;
      position: relative;
      margin: 4px 0;
      box-sizing: border-box; } }
  .cs-mobile .inp-wrap .inbox, .cs-mobile .inp-wrap input[type=text].inbox, .cs-pc .inp-wrap .inbox, .cs-pc .inp-wrap input[type=text].inbox {
    width: auto;
    min-width: auto; }
  .cs-mobile .inp-wrap.in-btn:after, .cs-pc .inp-wrap.in-btn:after {
    content: "";
    display: table; }
  .cs-mobile .inp-wrap.in-btn:after, .cs-pc .inp-wrap.in-btn:after {
    clear: both; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap.in-btn .ibtn, .cs-pc .inp-wrap.in-btn .ibtn {
      position: absolute;
      top: 0;
      letter-spacing: -1px; }
    .cs-mobile .inp-wrap.in-btn.btn-l .ibtn, .cs-pc .inp-wrap.in-btn.btn-l .ibtn {
      left: 0; }
    .cs-mobile .inp-wrap.in-btn.btn-r .ibtn, .cs-pc .inp-wrap.in-btn.btn-r .ibtn {
      right: 0; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap.in-btn-ful, .cs-pc .inp-wrap.in-btn-ful {
      margin-top: 8px !important; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap.in-btn-ful .ibtn.form, .cs-pc .inp-wrap.in-btn-ful .ibtn.form {
      width: 100%;
      box-sizing: border-box; } }
  .cs-mobile .inp-wrap.clear-wid, .cs-pc .inp-wrap.clear-wid {
    width: auto !important;
    vertical-align: middle; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap.in-txt.case1 select, .cs-mobile .inp-wrap.in-txt.case1 input, .cs-pc .inp-wrap.in-txt.case1 select, .cs-pc .inp-wrap.in-txt.case1 input {
      width: 33% !important;
      min-width: 33% !important;
      max-width: 33% !important; }
    .cs-mobile .inp-wrap.in-txt.case2 select, .cs-mobile .inp-wrap.in-txt.case2 input, .cs-pc .inp-wrap.in-txt.case2 select, .cs-pc .inp-wrap.in-txt.case2 input {
      width: 29% !important;
      min-width: 29% !important;
      max-width: 29% !important; }
    .cs-mobile .inp-wrap.in-txt.case3 select, .cs-mobile .inp-wrap.in-txt.case3 input, .cs-pc .inp-wrap.in-txt.case3 select, .cs-pc .inp-wrap.in-txt.case3 input {
      width: 81% !important;
      min-width: 81% !important;
      max-width: 81% !important; }
    .cs-mobile .inp-wrap.in-txt.case4 select, .cs-mobile .inp-wrap.in-txt.case4 input, .cs-pc .inp-wrap.in-txt.case4 select, .cs-pc .inp-wrap.in-txt.case4 input {
      width: 90% !important;
      min-width: 90% !important;
      max-width: 90% !important; }
    .cs-mobile .inp-wrap.in-txt.case5 label, .cs-pc .inp-wrap.in-txt.case5 label {
      display: inline-block;
      height: 30px;
      line-height: 28px; }
    .cs-mobile .inp-wrap.in-txt.case5 select, .cs-mobile .inp-wrap.in-txt.case5 input, .cs-pc .inp-wrap.in-txt.case5 select, .cs-pc .inp-wrap.in-txt.case5 input {
      width: 14% !important;
      min-width: 14% !important;
      max-width: 14% !important; }
    .cs-mobile .inp-wrap.in-txt.case6 select, .cs-mobile .inp-wrap.in-txt.case6 input, .cs-pc .inp-wrap.in-txt.case6 select, .cs-pc .inp-wrap.in-txt.case6 input {
      width: 70% !important;
      min-width: 70% !important;
      max-width: 70% !important; }
    .cs-mobile .inp-wrap.in-txt.case7 select, .cs-mobile .inp-wrap.in-txt.case7 input, .cs-pc .inp-wrap.in-txt.case7 select, .cs-pc .inp-wrap.in-txt.case7 input {
      width: 82% !important;
      min-width: 82% !important;
      max-width: 82% !important; }
    .cs-mobile .inp-wrap.in-txt.case8 select, .cs-mobile .inp-wrap.in-txt.case8 input, .cs-pc .inp-wrap.in-txt.case8 select, .cs-pc .inp-wrap.in-txt.case8 input {
      width: 75% !important;
      min-width: 75% !important;
      max-width: 75% !important; }
    .cs-mobile .inp-wrap.in-txt.case9 select, .cs-mobile .inp-wrap.in-txt.case9 input, .cs-pc .inp-wrap.in-txt.case9 select, .cs-pc .inp-wrap.in-txt.case9 input {
      width: 23% !important;
      min-width: 23% !important;
      max-width: 23% !important; }
    .cs-mobile .inp-wrap.in-txt.case10 select, .cs-mobile .inp-wrap.in-txt.case10 input, .cs-pc .inp-wrap.in-txt.case10 select, .cs-pc .inp-wrap.in-txt.case10 input {
      width: 28% !important;
      min-width: 28% !important;
      max-width: 28% !important; }
    .cs-mobile .inp-wrap.in-txt.case11 select, .cs-mobile .inp-wrap.in-txt.case11 input, .cs-pc .inp-wrap.in-txt.case11 select, .cs-pc .inp-wrap.in-txt.case11 input {
      width: 58% !important;
      min-width: 58% !important;
      max-width: 58% !important; }
    .cs-mobile .inp-wrap.in-txt.case12 select, .cs-mobile .inp-wrap.in-txt.case12 input, .cs-pc .inp-wrap.in-txt.case12 select, .cs-pc .inp-wrap.in-txt.case12 input {
      width: 40% !important;
      min-width: 40% !important;
      max-width: 40% !important; }
      .cs-mobile .inp-wrap.in-txt.case12 select:first-child, .cs-mobile .inp-wrap.in-txt.case12 input:first-child, .cs-pc .inp-wrap.in-txt.case12 select:first-child, .cs-pc .inp-wrap.in-txt.case12 input:first-child {
        width: 47% !important;
        min-width: 47% !important;
        max-width: 47% !important; }
    .cs-mobile .inp-wrap.in-txt.case13 label, .cs-mobile .inp-wrap.in-txt.case13 .label, .cs-pc .inp-wrap.in-txt.case13 label, .cs-pc .inp-wrap.in-txt.case13 .label {
      display: inline-block;
      width: 31% !important;
      min-width: 31% !important;
      max-width: 31% !important; }
    .cs-mobile .inp-wrap.in-txt.case13 select, .cs-mobile .inp-wrap.in-txt.case13 input, .cs-pc .inp-wrap.in-txt.case13 select, .cs-pc .inp-wrap.in-txt.case13 input {
      width: 23% !important;
      min-width: 23% !important;
      max-width: 23% !important; }
    .cs-mobile .inp-wrap.in-txt.case13 .inbox, .cs-pc .inp-wrap.in-txt.case13 .inbox {
      text-align: right; }
      .cs-mobile .inp-wrap.in-txt.case13 .inbox.bd-less, .cs-pc .inp-wrap.in-txt.case13 .inbox.bd-less {
        border: none; }
    .cs-mobile .inp-wrap.in-txt.case14 label, .cs-mobile .inp-wrap.in-txt.case14 .label, .cs-pc .inp-wrap.in-txt.case14 label, .cs-pc .inp-wrap.in-txt.case14 .label {
      display: inline-block;
      width: 31% !important;
      min-width: 31% !important;
      max-width: 31% !important; }
    .cs-mobile .inp-wrap.in-txt.case14 select, .cs-mobile .inp-wrap.in-txt.case14 input, .cs-pc .inp-wrap.in-txt.case14 select, .cs-pc .inp-wrap.in-txt.case14 input {
      width: 55% !important;
      min-width: 55% !important;
      max-width: 55% !important; }
    .cs-mobile .inp-wrap.in-txt.case14 .inbox, .cs-pc .inp-wrap.in-txt.case14 .inbox {
      text-align: right; }
      .cs-mobile .inp-wrap.in-txt.case14 .inbox.bd-less, .cs-pc .inp-wrap.in-txt.case14 .inbox.bd-less {
        border: none; }
    .cs-mobile .inp-wrap.in-txt.case15 select, .cs-mobile .inp-wrap.in-txt.case15 input, .cs-pc .inp-wrap.in-txt.case15 select, .cs-pc .inp-wrap.in-txt.case15 input {
      width: 41% !important;
      min-width: 41% !important;
      max-width: 41% !important; }
      .cs-mobile .inp-wrap.in-txt.case15 select:first-child, .cs-mobile .inp-wrap.in-txt.case15 input:first-child, .cs-pc .inp-wrap.in-txt.case15 select:first-child, .cs-pc .inp-wrap.in-txt.case15 input:first-child {
        width: 33% !important;
        min-width: 33% !important;
        max-width: 33% !important; }
    .cs-mobile .inp-wrap.in-txt.case16 label, .cs-mobile .inp-wrap.in-txt.case16 .label, .cs-pc .inp-wrap.in-txt.case16 label, .cs-pc .inp-wrap.in-txt.case16 .label {
      display: inline-block;
      width: 30%; }
    .cs-mobile .inp-wrap.in-txt.case16 select, .cs-mobile .inp-wrap.in-txt.case16 input, .cs-pc .inp-wrap.in-txt.case16 select, .cs-pc .inp-wrap.in-txt.case16 input {
      width: 65% !important; }
    .cs-mobile .inp-wrap.in-txt.case16 .inbox, .cs-pc .inp-wrap.in-txt.case16 .inbox {
      text-align: right; }
      .cs-mobile .inp-wrap.in-txt.case16 .inbox.bd-less, .cs-pc .inp-wrap.in-txt.case16 .inbox.bd-less {
        border: none; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap.in-label, .cs-pc .inp-wrap.in-label {
      position: relative;
      padding-right: 10px; }
      .cs-mobile .inp-wrap.in-label label, .cs-pc .inp-wrap.in-label label {
        display: block;
        text-align: left;
        height: 40px;
        line-height: 40px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px; }
      .cs-mobile .inp-wrap.in-label.case2, .cs-pc .inp-wrap.in-label.case2 {
        padding-left: 26px; }
      .cs-mobile .inp-wrap.in-label.case3, .cs-pc .inp-wrap.in-label.case3 {
        padding-left: 39px; }
      .cs-mobile .inp-wrap.in-label.case4, .cs-pc .inp-wrap.in-label.case4 {
        padding-left: 52px; }
      .cs-mobile .inp-wrap.in-label.case5, .cs-pc .inp-wrap.in-label.case5 {
        padding-left: 65px; }
      .cs-mobile .inp-wrap.in-label.case6, .cs-pc .inp-wrap.in-label.case6 {
        padding-left: 78px; }
      .cs-mobile .inp-wrap.in-label.case7, .cs-pc .inp-wrap.in-label.case7 {
        padding-left: 91px; }
      .cs-mobile .inp-wrap.in-label.case8, .cs-pc .inp-wrap.in-label.case8 {
        padding-left: 104px; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-wrap.in-date select, .cs-mobile .inp-wrap.in-date input, .cs-pc .inp-wrap.in-date select, .cs-pc .inp-wrap.in-date input {
      margin-left: 4px; }
      .cs-mobile .inp-wrap.in-date select:first-child, .cs-mobile .inp-wrap.in-date input:first-child, .cs-pc .inp-wrap.in-date select:first-child, .cs-pc .inp-wrap.in-date input:first-child {
        margin-left: 0; }
    .cs-mobile .inp-wrap.in-date.case1 select, .cs-mobile .inp-wrap.in-date.case1 input, .cs-pc .inp-wrap.in-date.case1 select, .cs-pc .inp-wrap.in-date.case1 input {
      width: 90% !important;
      min-width: 90% !important;
      max-width: 90% !important; }
    .cs-mobile .inp-wrap.in-date.case2 select, .cs-mobile .inp-wrap.in-date.case2 input, .cs-pc .inp-wrap.in-date.case2 select, .cs-pc .inp-wrap.in-date.case2 input {
      width: 35% !important;
      min-width: 35% !important;
      max-width: 35% !important; }
    .cs-mobile .inp-wrap.in-date.case3 select, .cs-mobile .inp-wrap.in-date.case3 input, .cs-pc .inp-wrap.in-date.case3 select, .cs-pc .inp-wrap.in-date.case3 input {
      width: 31% !important;
      min-width: 31% !important;
      max-width: 31% !important; }
      .cs-mobile .inp-wrap.in-date.case3 select:first-child, .cs-mobile .inp-wrap.in-date.case3 input:first-child, .cs-pc .inp-wrap.in-date.case3 select:first-child, .cs-pc .inp-wrap.in-date.case3 input:first-child {
        width: 46% !important;
        min-width: 46% !important;
        max-width: 46% !important; }
    .cs-mobile .inp-wrap.in-date.case4 select, .cs-mobile .inp-wrap.in-date.case4 input, .cs-pc .inp-wrap.in-date.case4 select, .cs-pc .inp-wrap.in-date.case4 input {
      width: 28% !important;
      min-width: 28% !important;
      max-width: 28% !important; }
      .cs-mobile .inp-wrap.in-date.case4 select:first-child, .cs-mobile .inp-wrap.in-date.case4 input:first-child, .cs-pc .inp-wrap.in-date.case4 select:first-child, .cs-pc .inp-wrap.in-date.case4 input:first-child {
        width: 42% !important;
        min-width: 42% !important;
        max-width: 42% !important; }
    .cs-mobile .inp-wrap.in-date.case5 select, .cs-mobile .inp-wrap.in-date.case5 input, .cs-pc .inp-wrap.in-date.case5 select, .cs-pc .inp-wrap.in-date.case5 input {
      width: 25% !important;
      min-width: 25% !important;
      max-width: 25% !important; }
      .cs-mobile .inp-wrap.in-date.case5 select:first-child, .cs-mobile .inp-wrap.in-date.case5 input:first-child, .cs-pc .inp-wrap.in-date.case5 select:first-child, .cs-pc .inp-wrap.in-date.case5 input:first-child {
        width: 36% !important;
        min-width: 36% !important;
        max-width: 36% !important; }
    .cs-mobile .inp-wrap.in-date.case6 select, .cs-mobile .inp-wrap.in-date.case6 input, .cs-pc .inp-wrap.in-date.case6 select, .cs-pc .inp-wrap.in-date.case6 input {
      width: 34% !important;
      min-width: 34% !important;
      max-width: 34% !important; }
      .cs-mobile .inp-wrap.in-date.case6 select:first-child, .cs-mobile .inp-wrap.in-date.case6 input:first-child, .cs-pc .inp-wrap.in-date.case6 select:first-child, .cs-pc .inp-wrap.in-date.case6 input:first-child {
        width: 45% !important;
        min-width: 45% !important;
        max-width: 45% !important; }
    .cs-mobile .inp-wrap.in-date.case7 select, .cs-mobile .inp-wrap.in-date.case7 input, .cs-pc .inp-wrap.in-date.case7 select, .cs-pc .inp-wrap.in-date.case7 input {
      width: 16% !important;
      min-width: 16% !important;
      max-width: 16% !important; }
      .cs-mobile .inp-wrap.in-date.case7 select:first-child, .cs-mobile .inp-wrap.in-date.case7 input:first-child, .cs-pc .inp-wrap.in-date.case7 select:first-child, .cs-pc .inp-wrap.in-date.case7 input:first-child {
        width: 32% !important;
        min-width: 32% !important;
        max-width: 32% !important; }
    .cs-mobile .inp-wrap.in-date.case8 select, .cs-mobile .inp-wrap.in-date.case8 input, .cs-pc .inp-wrap.in-date.case8 select, .cs-pc .inp-wrap.in-date.case8 input {
      width: 15% !important;
      min-width: 15% !important;
      max-width: 15% !important; }
      .cs-mobile .inp-wrap.in-date.case8 select:first-child, .cs-mobile .inp-wrap.in-date.case8 input:first-child, .cs-pc .inp-wrap.in-date.case8 select:first-child, .cs-pc .inp-wrap.in-date.case8 input:first-child {
        width: 27% !important;
        min-width: 27% !important;
        max-width: 27% !important; }
    .cs-mobile .inp-wrap.in-date.case9 select, .cs-mobile .inp-wrap.in-date.case9 input, .cs-pc .inp-wrap.in-date.case9 select, .cs-pc .inp-wrap.in-date.case9 input {
      width: 13% !important;
      min-width: 13% !important;
      max-width: 13% !important; }
      .cs-mobile .inp-wrap.in-date.case9 select:first-child, .cs-mobile .inp-wrap.in-date.case9 input:first-child, .cs-pc .inp-wrap.in-date.case9 select:first-child, .cs-pc .inp-wrap.in-date.case9 input:first-child {
        width: 22% !important;
        min-width: 22% !important;
        max-width: 22% !important; }
    .cs-mobile .inp-wrap.in-date.case10 select, .cs-mobile .inp-wrap.in-date.case10 input, .cs-pc .inp-wrap.in-date.case10 select, .cs-pc .inp-wrap.in-date.case10 input {
      width: 22% !important;
      min-width: 22% !important;
      max-width: 22% !important; }
      .cs-mobile .inp-wrap.in-date.case10 select:first-child, .cs-mobile .inp-wrap.in-date.case10 input:first-child, .cs-pc .inp-wrap.in-date.case10 select:first-child, .cs-pc .inp-wrap.in-date.case10 input:first-child {
        width: 31% !important;
        min-width: 31% !important;
        max-width: 31% !important; }
    .cs-mobile .inp-wrap.in-date.case11 select, .cs-mobile .inp-wrap.in-date.case11 input, .cs-pc .inp-wrap.in-date.case11 select, .cs-pc .inp-wrap.in-date.case11 input {
      width: 92% !important;
      min-width: 92% !important;
      max-width: 92% !important; }
    .cs-mobile .inp-wrap.in-date.case12 select, .cs-mobile .inp-wrap.in-date.case12 input, .cs-pc .inp-wrap.in-date.case12 select, .cs-pc .inp-wrap.in-date.case12 input {
      width: 69% !important;
      min-width: 69% !important;
      max-width: 69% !important; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt1.btn-l, .cs-pc .btn-txt1.btn-l {
    padding-left: 40px; }
  .cs-mobile .btn-txt1.btn-r, .cs-pc .btn-txt1.btn-r {
    padding-right: 40px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt2.btn-l, .cs-pc .btn-txt2.btn-l {
    padding-left: 52px; }
  .cs-mobile .btn-txt2.btn-r, .cs-pc .btn-txt2.btn-r {
    padding-right: 52px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt3.btn-l, .cs-pc .btn-txt3.btn-l {
    padding-left: 64px; }
  .cs-mobile .btn-txt3.btn-r, .cs-pc .btn-txt3.btn-r {
    padding-right: 64px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt4.btn-l, .cs-pc .btn-txt4.btn-l {
    padding-left: 76px; }
  .cs-mobile .btn-txt4.btn-r, .cs-pc .btn-txt4.btn-r {
    padding-right: 76px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt5.btn-l, .cs-pc .btn-txt5.btn-l {
    padding-left: 88px; }
  .cs-mobile .btn-txt5.btn-r, .cs-pc .btn-txt5.btn-r {
    padding-right: 88px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt6.btn-l, .cs-pc .btn-txt6.btn-l {
    padding-left: 100px; }
  .cs-mobile .btn-txt6.btn-r, .cs-pc .btn-txt6.btn-r {
    padding-right: 100px; } }
.cs-mobile .btn-txt-except1 input, .cs-pc .btn-txt-except1 input {
  width: 53px !important; }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-txt-except1 .ibtn, .cs-pc .btn-txt-except1 .ibtn {
    margin-left: 6px; }
    .cs-mobile .btn-txt-except1 .ibtn.ico, .cs-pc .btn-txt-except1 .ibtn.ico {
      padding: 1px 10px !important; } }
.cs-mobile .file-add .ibtn, .cs-mobile .file-add .ibtn *, .cs-pc .file-add .ibtn, .cs-pc .file-add .ibtn * {
  min-width: auto;
  padding: 0 !important; }
.cs-mobile .file-add .ibtn.ico-plus, .cs-pc .file-add .ibtn.ico-plus {
  width: 24px;
  height: 24px;
  right: 7px !important;
  background: #9e9e9e url("/img/ico_file_plus2.png") no-repeat center center; }
  .cs-mobile .file-add .ibtn.ico-plus a, .cs-pc .file-add .ibtn.ico-plus a {
    display: block;
    width: 100%;
    height: 100%; }
.cs-mobile .file-add .ibtn.ico-minus, .cs-pc .file-add .ibtn.ico-minus {
  width: 24px;
  height: 24px;
  background: #9e9e9e url("/img/ico_file_minus2.png") no-repeat center center; }
  .cs-mobile .file-add .ibtn.ico-minus a, .cs-pc .file-add .ibtn.ico-minus a {
    display: block;
    width: 100%;
    height: 100%; }
@media only screen and (max-width: 805px) {
  .cs-mobile .file-add.btn-l, .cs-pc .file-add.btn-l {
    padding-left: 50px; }
  .cs-mobile .file-add.btn-r, .cs-pc .file-add.btn-r {
    padding-right: 50px; } }
.cs-mobile .file-list, .cs-pc .file-list {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 3px 6px;
  border: 1px solid #aaa;
  background-color: #eee; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .file-list, .cs-pc .file-list {
      border-radius: 3px; } }
  .cs-mobile .file-list li, .cs-pc .file-list li {
    position: relative;
    padding: 11px 42px 12px 0;
    line-height: 1.2;
    border-top: 1px solid #aaa; }
    .cs-mobile .file-list li:first-child, .cs-pc .file-list li:first-child {
      border-top: none; }
    .cs-mobile .file-list li > .ibtn, .cs-pc .file-list li > .ibtn {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -12px; }
.cs-mobile .wid1, .cs-pc .wid1 {
  width: 245px !important; }
.cs-mobile .wid2, .cs-pc .wid2 {
  width: 153px !important; }
.cs-mobile .wid3, .cs-pc .wid3 {
  width: 316px !important; }
@media only screen and (max-width: 805px) {
  .cs-mobile .wid1, .cs-pc .wid1, .cs-mobile .wid2, .cs-mobile .wid3, .cs-pc .wid2, .cs-pc .wid3 {
    width: 100% !important; } }
.cs-mobile .btn-wrap, .cs-pc .btn-wrap {
  display: block;
  margin: 4px 0; }
  .cs-mobile .btn-wrap .btn, .cs-pc .btn-wrap .btn {
    margin-left: 8px; }
    .cs-mobile .btn-wrap .btn:first-child, .cs-pc .btn-wrap .btn:first-child {
      margin-left: 0; }
.cs-mobile .choice-wrap > span, .cs-pc .choice-wrap > span {
  padding-right: 15px; }
@media only screen and (max-width: 805px) {
  .cs-mobile .choice-wrap, .cs-pc .choice-wrap {
    margin: 2px 0;
    display: block; }
    .cs-mobile .choice-wrap:after, .cs-pc .choice-wrap:after {
      content: "";
      display: table; }
.cs-mobile .choice-wrap:after, .cs-pc .choice-wrap:after {
  clear: both; }
.cs-mobile .choice-wrap > span, .cs-pc .choice-wrap > span {
  float: left;
  padding-left: 2px;
  padding-right: 0;
  box-sizing: border-box; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm + label, .cs-mobile .choice-wrap input[type="radio"].custorm + label, .cs-pc .choice-wrap input[type="checkbox"].custorm + label, .cs-pc .choice-wrap input[type="radio"].custorm + label {
  display: block;
  width: 100%;
  margin: 1px 0;
  padding: 3px 4px 4px 25px;
  color: #232323;
  font-weight: normal;
  background: url("/2017/img/common/check_radio_m.png") no-repeat;
  background-color: #f8f8fa;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm + label span, .cs-mobile .choice-wrap input[type="radio"].custorm + label span, .cs-pc .choice-wrap input[type="checkbox"].custorm + label span, .cs-pc .choice-wrap input[type="radio"].custorm + label span {
  display: none; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm:checked + label, .cs-mobile .choice-wrap input[type="radio"].custorm:checked + label, .cs-pc .choice-wrap input[type="checkbox"].custorm:checked + label, .cs-pc .choice-wrap input[type="radio"].custorm:checked + label {
  color: #fff;
  background-color: #2196f3; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm:disabled + label, .cs-mobile .choice-wrap input[type="radio"].custorm:disabled + label, .cs-pc .choice-wrap input[type="checkbox"].custorm:disabled + label, .cs-pc .choice-wrap input[type="radio"].custorm:disabled + label {
  color: #aaa;
  background-color: #f8f8f8; }
.cs-mobile .choice-wrap input[type="radio"].custorm + label, .cs-pc .choice-wrap input[type="radio"].custorm + label {
  background-position: 0 0; }
.cs-mobile .choice-wrap input[type="radio"].custorm:checked + label, .cs-pc .choice-wrap input[type="radio"].custorm:checked + label {
  background-position: 0 -100px; }
.cs-mobile .choice-wrap input[type="radio"].custorm:disabled + label, .cs-pc .choice-wrap input[type="radio"].custorm:disabled + label {
  background-position: 0 -200px; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm + label, .cs-pc .choice-wrap input[type="checkbox"].custorm + label {
  background-position: 0 -300px; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm:checked + label, .cs-pc .choice-wrap input[type="checkbox"].custorm:checked + label {
  background-position: 0 -400px; }
.cs-mobile .choice-wrap input[type="checkbox"].custorm:disabled + label, .cs-pc .choice-wrap input[type="checkbox"].custorm:disabled + label {
  background-position: 0 -500px; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .choice-col1 > span, .cs-pc .choice-col1 > span {
    width: 100%; }
  .cs-mobile .choice-col1 > span:nth-child(1n+1), .cs-pc .choice-col1 > span:nth-child(1n+1) {
    width: 100%;
    padding-left: 0; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .choice-col2 > span, .cs-pc .choice-col2 > span {
    width: 50.4716981132%; }
  .cs-mobile .choice-col2 > span:nth-child(2n+1), .cs-pc .choice-col2 > span:nth-child(2n+1) {
    width: 49.5283018868%;
    padding-left: 0; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .choice-col3 > span, .cs-pc .choice-col3 > span {
    width: 33.6477987421%; }
  .cs-mobile .choice-col3 > span:nth-child(3n+1), .cs-pc .choice-col3 > span:nth-child(3n+1) {
    width: 32.7044025157%;
    padding-left: 0; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .choice-col4 > span, .cs-pc .choice-col4 > span {
    width: 25.2358490566%; }
  .cs-mobile .choice-col4 > span:nth-child(4n+1), .cs-pc .choice-col4 > span:nth-child(4n+1) {
    width: 24.2924528302%;
    padding-left: 0; } }
.cs-mobile .inp-group, .cs-pc .inp-group {
  display: inline-block;
  vertical-align: middle; }
  .cs-mobile .inp-group:after, .cs-pc .inp-group:after {
    content: "";
    display: table; }
  .cs-mobile .inp-group:after, .cs-pc .inp-group:after {
    clear: both; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-group, .cs-pc .inp-group {
      display: block; } }
  .cs-mobile .inp-group.inp-col4 .inbox, .cs-mobile .inp-group.inp-col4 input[type=text].inbox, .cs-pc .inp-group.inp-col4 .inbox, .cs-pc .inp-group.inp-col4 input[type=text].inbox {
    width: 100px;
    min-width: auto; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-group > .inp-wrap, .cs-pc .inp-group > .inp-wrap {
      float: left;
      width: auto; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-group > .inp-wrap span, .cs-pc .inp-group > .inp-wrap span {
      position: absolute;
      left: 0;
      top: 6px;
      text-align: center; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-group > span, .cs-pc .inp-group > span {
      padding-left: 8px; }
    .cs-mobile .inp-group.hyphen > span, .cs-pc .inp-group.hyphen > span {
      padding-left: 14px; }
	.cs-mobile .inp-group.hyphen > span > span, .cs-pc .inp-group.hyphen > span > span {
		width: 9px !important; left:2px; top:50%; transform:translateY(-50%) }        
    .cs-mobile .inp-group.swung > span, .cs-pc .inp-group.swung > span {
      padding-left: 16px; }
      .cs-mobile .inp-group.swung > span > span, .cs-pc .inp-group.swung > span > span {
        width: 16px; }
    .cs-mobile .inp-group.at > span, .cs-pc .inp-group.at > span {
      padding-left: 18px; }
      .cs-mobile .inp-group.at > span > span, .cs-pc .inp-group.at > span > span {
        width: 18px; }
    .cs-mobile .inp-group.period > span:last-child, .cs-pc .inp-group.period > span:last-child {
      padding-left: 36px; }
      .cs-mobile .inp-group.period > span:last-child > span, .cs-pc .inp-group.period > span:last-child > span {
        width: 36px; }
    .cs-mobile .inp-group > span:first-child, .cs-pc .inp-group > span:first-child {
      padding-left: 0; } }
.cs-mobile .inp-col2.hyphen > span, .cs-pc .inp-col2.hyphen > span {
  float: left; }
  .cs-mobile .inp-col2.hyphen > span > span, .cs-pc .inp-col2.hyphen > span > span {
    width: 10px;
    text-align: center;
    display: inline-block; }
@media only screen and (max-width: 805px) {
  .cs-mobile .inp-col2 > span, .cs-pc .inp-col2 > span {
    width: 51.8264840183%; }
  .cs-mobile .inp-col2.hyphen > span, .cs-pc .inp-col2.hyphen > span {
    width: 53.196347032%; }
  .cs-mobile .inp-col2.hyphen > span:first-child, .cs-pc .inp-col2.hyphen > span:first-child {
    width: 46.803652968%; }
  .cs-mobile .inp-col2.swung > span, .cs-pc .inp-col2.swung > span {
    width: 53.6529680365%; }
  .cs-mobile .inp-col2.swung > span:first-child, .cs-pc .inp-col2.swung > span:first-child {
    width: 46.3470319635%; }
  .cs-mobile .inp-col2.at > span, .cs-pc .inp-col2.at > span {
    width: 54.1095890411%; }
  .cs-mobile .inp-col2.at > span:first-child, .cs-pc .inp-col2.at > span:first-child {
    width: 45.8904109589%; }
  .cs-mobile .inp-col2.period > span, .cs-pc .inp-col2.period > span {
    width: 28.9406392694%; }
  .cs-mobile .inp-col2.period > span:first-child, .cs-pc .inp-col2.period > span:first-child {
    width: 37.7260273973%; }
  .cs-mobile .inp-col2 > span:first-child, .cs-pc .inp-col2 > span:first-child {
    width: 48.1735159817%; } }
.cs-mobile .inp-col3 input, .cs-mobile .inp-col4 input, .cs-pc .inp-col3 input, .cs-pc .inp-col4 input {
  width: 100px !important; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-col3 input, .cs-mobile .inp-col4 input, .cs-pc .inp-col3 input, .cs-pc .inp-col4 input {
      width: 100% !important; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .inp-col3 > span, .cs-pc .inp-col3 > span {
    width: 34.5509893455%; }
  .cs-mobile .inp-col3.hyphen > span, .cs-pc .inp-col3.hyphen > span {
    width: 33.3333333333%; }
  .cs-mobile .inp-col3.hyphen > span:first-child, .cs-pc .inp-col3.hyphen > span:first-child {
    width: 33.3333333333%; }
  .cs-mobile .inp-col3.swung > span, .cs-pc .inp-col3.swung > span {
    width: 35.7686453577%; }
  .cs-mobile .inp-col3.swung > span:first-child, .cs-pc .inp-col3.swung > span:first-child {
    width: 28.4627092846%; }
  .cs-mobile .inp-col3.at > span, .cs-pc .inp-col3.at > span {
    width: 36.0730593607%; }
  .cs-mobile .inp-col3.at > span:first-child, .cs-pc .inp-col3.at > span:first-child {
    width: 27.8538812785%; }
  .cs-mobile .inp-col3.period > span, .cs-pc .inp-col3.period > span {
    width: 30.0715372907%; }
  .cs-mobile .inp-col3.period > span:first-child, .cs-pc .inp-col3.period > span:first-child {
    width: 39.8569254186%; }
  .cs-mobile .inp-col3 > span:first-child, .cs-pc .inp-col3 > span:first-child {
    width: 30.898021309%; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .inp-col4 > span, .cs-pc .inp-col4 > span {
    width: 25.9132420091%; }
  .cs-mobile .inp-col4.hyphen > span, .cs-pc .inp-col4.hyphen > span {
    width: 26.598173516%; }
  .cs-mobile .inp-col4.hyphen > span:first-child, .cs-pc .inp-col4.hyphen > span:first-child {
    width: 20.2054794521%; }
  .cs-mobile .inp-col4 > span:first-child, .cs-pc .inp-col4 > span:first-child {
    width: 22.2602739726%; } }
.cs-mobile .scroll-list, .cs-pc .scroll-list {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b; }
  .cs-mobile .scroll-list dt, .cs-pc .scroll-list dt {
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 0;
    background: #f5f5f5;
    text-align: center;
    border-bottom: 1px solid #e0e0e0; }
  .cs-mobile .scroll-list dd, .cs-pc .scroll-list dd {
    height: 209px;
    overflow-y: scroll; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .scroll-list dd, .cs-pc .scroll-list dd {
        height: 234px; } }
  .cs-mobile .scroll-list li, .cs-pc .scroll-list li {
    border-top: 1px solid #e9e9e9; }
    .cs-mobile .scroll-list li:first-child, .cs-pc .scroll-list li:first-child {
      border-top: 0; }
    .cs-mobile .scroll-list li a, .cs-pc .scroll-list li a {
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 10px;
      text-align: left; }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-list:after, .cs-pc .btn-list:after {
    content: "";
    display: table; }
  .cs-mobile .btn-list:after, .cs-pc .btn-list:after {
    clear: both; }
  .cs-mobile .btn-list > span, .cs-pc .btn-list > span {
    float: left;
    padding-left: 0;
    box-sizing: border-box; }
    .cs-mobile .btn-list > span:first-child, .cs-pc .btn-list > span:first-child {
      padding-left: 0; }
  .cs-mobile .btn-list .ibtn, .cs-pc .btn-list .ibtn {
    width: 100%;
    margin-right: 0;
    box-sizing: border-box; }
    .cs-mobile .btn-list .ibtn *, .cs-pc .btn-list .ibtn * {
      min-width: auto; }
    .cs-mobile .btn-list .ibtn.large *, .cs-pc .btn-list .ibtn.large * {
      padding: 0;
      min-width: 100%; }
  .cs-mobile .btn-list.btn-col1 > span, .cs-pc .btn-list.btn-col1 > span {
    width: 100%; }
    .cs-mobile .btn-list.btn-col1 > span:first-child, .cs-pc .btn-list.btn-col1 > span:first-child {
      width: 100%; }
  .cs-mobile .btn-list.btn-col2 > span, .cs-pc .btn-list.btn-col2 > span {
    width: 51.6666666667%; }
    .cs-mobile .btn-list.btn-col2 > span:first-child, .cs-pc .btn-list.btn-col2 > span:first-child {
      width: 48.3333333333%; }
  .cs-mobile .btn-list.btn-col3 > span, .cs-pc .btn-list.btn-col3 > span {
    width: 34.4444444444%; }
    .cs-mobile .btn-list.btn-col3 > span:first-child, .cs-pc .btn-list.btn-col3 > span:first-child {
      width: 31.1111111111%; }
  .cs-mobile .btn-list.btn-col4 > span, .cs-pc .btn-list.btn-col4 > span {
    width: 25.8333333333%; }
    .cs-mobile .btn-list.btn-col4 > span:first-child, .cs-pc .btn-list.btn-col4 > span:first-child {
      width: 22.5%; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .btn-list.btn-m > span, .cs-pc .btn-list.btn-m > span {
    padding-left: 0; } }
.cs-mobile .btn-list.btn-col-note, .cs-pc .btn-list.btn-col-note {
  margin-top: 0;
  margin-bottom: 12px;
  text-align: right; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .btn-list.btn-col-note, .cs-pc .btn-list.btn-col-note {
      text-align: center; } }
.cs-mobile .note-box, .cs-pc .note-box {
  padding: 10px 20px;
  background: #f5f5f5;
  border: 1px solid #d3d3d3; }
  .cs-mobile .note-box.box-non, .cs-pc .note-box.box-non {
    padding: 0;
    background: none;
    border: none; }
  .cs-mobile .note-box p, .cs-pc .note-box p {
    padding: 5px 0; }
    .cs-mobile .note-box p:first-child, .cs-pc .note-box p:first-child {
      padding: 0 0 5px 0; }
  .cs-mobile .note-box li, .cs-pc .note-box li {
    padding: 5px 0 5px 20px; }
    .cs-mobile .note-box li > span, .cs-pc .note-box li > span {
      display: inline-block;
      width: 20px;
      margin-left: -20px; }
    .cs-mobile .note-box li p, .cs-pc .note-box li p {
      padding: 2px 0 2px 13px; }
      .cs-mobile .note-box li p > span, .cs-pc .note-box li p > span {
        display: inline-block;
        width: 13px;
        margin-left: -13px; }
    .cs-mobile .note-box li > ul li, .cs-pc .note-box li > ul li {
      padding: 5px 0 5px 13px; }
      .cs-mobile .note-box li > ul li > span, .cs-pc .note-box li > ul li > span {
        display: inline-block;
        width: 13px;
        margin-left: -13px; }
  .cs-mobile .note-box dt, .cs-pc .note-box dt {
    margin-top: 10px; }
    .cs-mobile .note-box dt:first-child, .cs-pc .note-box dt:first-child {
      margin-top: 0; }
  .cs-mobile .note-box dd, .cs-pc .note-box dd {
    padding: 2px 0; }
    .cs-mobile .note-box dd li, .cs-pc .note-box dd li {
      padding: 2px 0; }
  .cs-mobile .note-box p + dl, .cs-pc .note-box p + dl {
    margin-top: 5px; }
.cs-mobile h3 + .note-box, .cs-pc h3 + .note-box {
  margin-top: 10px; }
.cs-mobile .note-box + h3, .cs-pc .note-box + h3 {
  margin-top: 20px; }
.cs-mobile .note-check, .cs-pc .note-check {
  margin-top: 10px;
  text-align: center; }

/*--------------------- 모바일 민원 신청폼 style (02-01)  ---------------------*/
@media only screen and (max-width: 805px) {
  .cs-mobile .tbl-list.form-write > table th {
    padding: 5px 0;
    padding-right: 8px;
    word-break: keep-all; }
    .cs-mobile .tbl-list.form-write > table th label, .cs-mobile .tbl-list.form-write > table th .label {
      font-size: 12px;
      font-size: 1.2rem; }
  .cs-mobile .tbl-list.form-write > table td {
    padding: 5px 0;
    padding-left: 4px; }
  .cs-mobile .inp-wrap {
    margin: 0;
    padding: 3px 0; }
    .cs-mobile .inp-wrap.in-btn .ibtn {
      top: 3px; }
  .cs-mobile .btn-wrap {
    margin: 0;
    padding: 3px 0; } }
/*--------------------- 모바일 앱 적용 (11-22 ) ---------------------*/
.cs-mobile .cs-guide-box.box-white {
  border: 1px solid #777;
  background-color: #fff; }
.cs-mobile .cs-guide-box ul.dot-blue2 li {
  position: relative;
  padding: 2px 0 2px 12px !important; }
  .cs-mobile .cs-guide-box ul.dot-blue2 li:before {
    position: absolute;
    display: block;
    content: ' ';
    left: 1px;
    top: 10px;
    width: 3px;
    height: 3px;
    background-color: #1a568e; }
.cs-mobile .cs-guide-box .issue-guide dt {
  position: relative;
  padding: 10px 0 10px 40px; }
  .cs-mobile .cs-guide-box .issue-guide dt:before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    background: url("/2017/img/app/icon_app_btn.png") no-repeat 0 0;
    background-size: 80px 200px; }
.cs-mobile .cs-guide-box .issue-guide dd {
  margin-top: 0;
  margin-bottom: 5px; }
  .cs-mobile .cs-guide-box .issue-guide dd ul.dot-blue2 li {
    padding: 5px 0 5px 12px !important;
    line-height: 21px; }
    .cs-mobile .cs-guide-box .issue-guide dd ul.dot-blue2 li:before {
      top: 15px; }
.cs-mobile .app-btn-list p {
  margin-top: 10px; }
  .cs-mobile .app-btn-list p:first-child {
    margin-top: 0; }
.cs-mobile .app-btn-list .app-btn a {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  padding-left: 45px;
  color: #333;
  border: 1px solid #777;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box; }
  .cs-mobile .app-btn-list .app-btn a .arrow {
    position: absolute;
    font-size: 24px;
    font-size: 2.4rem;
    right: 10px;
    top: -2px; }
    .cs-mobile .app-btn-list .app-btn a .arrow .fa-angle-right {
      font-size: 24px;
      font-size: 2.4rem;
      width: auto;
      height: auto;
      border-radius: 0;
      background: none;
      color: #666;
      text-align: center; }
  .cs-mobile .app-btn-list .app-btn a:before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 5px;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    text-align: center;
    background: url("/2017/img/app/icon_app_btn.png") no-repeat 0 0;
    background-size: 80px 200px; }
.cs-mobile .app-btn-list.certificate .app-btn.btn1 a:before {
  background-position: 0 0; }
.cs-mobile .app-btn-list.certificate .app-btn.btn2 a:before {
  background-position: 0 -40px; }
.cs-mobile .app-btn-list.certificate .app-btn.btn3 a:before {
  background-position: 0 -80px; }
.cs-mobile .app-btn-list.truth .app-btn.btn1 a:before {
  background-position: -40px 0; }
.cs-mobile .app-btn-list.truth .app-btn.btn2 a:before {
  background-position: -40px -40px; }
.cs-mobile .app-btn-list.truth .app-btn.btn3 a:before {
  background-position: -40px -80px; }
.cs-mobile .app-btn-list.truth .app-btn.btn4 a:before {
  background-position: -40px -120px; }
.cs-mobile .app-btn-list.truth .app-btn.btn5 a:before {
  background-position: -40px -160px; }
.cs-mobile h2.app-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  background: none;
  padding: 0;
  margin-bottom: 10px !important;
  letter-spacing: -1px;
  text-align: center;
  background: url("/2017/img/app/bg_app_title.png") repeat-x center bottom;
  background-size: 320px 68px; }
  .cs-mobile h2.app-title:after {
    display: block;
    content: '';
    width: 100%;
    height: 68px;
    margin-top: 10px;
    text-align: center;
    background: url("/2017/img/app/img_app_title.png") no-repeat center bottom;
    background-size: 155px 68px; }
  @media only screen and (max-width: 640px) {
    .cs-mobile h2.app-title {
      width: 100%; } }
.cs-mobile .app-guide-box {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 10px 10px 10px 58px;
  border: 1px solid #959595;
  border-radius: 3px;
  box-sizing: border-box; }
  .cs-mobile .app-guide-box:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 55px;
    height: 70px;
    background: url("/2017/img/app/icon_app_guide.png") no-repeat 0 0;
    background-size: 55px 420px; }
  .cs-mobile .app-guide-box.guide1:before {
    background-position: 0 0; }
  .cs-mobile .app-guide-box.guide2:before {
    background-position: 0 -70px; }
  .cs-mobile .app-guide-box.guide3:before {
    background-position: 0 -140px; }
  .cs-mobile .app-guide-box.guide4:before {
    background-position: 0 -210px; }
  .cs-mobile .app-guide-box.guide5:before {
    background-position: 0 -280px; }
  .cs-mobile .app-guide-box.guide6:before {
    background-position: 0 -350px; }
  .cs-mobile .app-guide-box h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #1a568e;
    margin: 2px 0; }
  .cs-mobile .app-guide-box .dot-blue2 {
    position: relative;
    padding: 2px 0 2px 12px !important; }
    .cs-mobile .app-guide-box .dot-blue2:before {
      position: absolute;
      display: block;
      content: ' ';
      left: 2px;
      top: 12px;
      width: 3px;
      height: 3px;
      background-color: #1a568e; }
    .cs-mobile .app-guide-box .dot-blue2 .cs-guide {
      margin: 2px 0 0 0;
      font-size: 13px;
      font-size: 1.3rem;
      color: #555; }
  .cs-mobile .app-guide-box .point {
    color: #e05f01; }
  .cs-mobile .app-guide-box .app-agree {
    margin: 10px 0 0 -48px;
    padding: 15px;
    background-color: #f7f1e9;
    border-radius: 3px;
    box-sizing: border-box; }
.cs-mobile .app-title + .app-guide-box {
  margin-top: 0; }
.cs-mobile .cs-center .btn-list {
  margin: 0 0 20px 0; }
  .cs-mobile .cs-center .btn-list:after {
    content: "";
    display: table; }
  .cs-mobile .cs-center .btn-list:after {
    clear: both; }
  .cs-mobile .cs-center .btn-list > span {
    float: left;
    padding-left: 8px;
    box-sizing: border-box; }
    .cs-mobile .cs-center .btn-list > span:first-child {
      padding-left: 0; }
  .cs-mobile .cs-center .btn-list .ibtn {
    width: 100%;
    margin-right: 0;
    box-sizing: border-box; }
    .cs-mobile .cs-center .btn-list .ibtn * {
      min-width: auto; }
    .cs-mobile .cs-center .btn-list .ibtn.medium * {
      padding: 0 15px; }
    .cs-mobile .cs-center .btn-list .ibtn.locate {
      position: relative; }
      .cs-mobile .cs-center .btn-list .ibtn.locate * {
        padding: 0 5px 0 25px; }
      .cs-mobile .cs-center .btn-list .ibtn.locate:before {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -37px;
        width: 20px;
        height: 20px;
        background: url("/2017/img/app/icon_locate.png") no-repeat 0 0;
        background-size: 20px 20px; }
  .cs-mobile .cs-center .btn-list.btn-col1 > span {
    width: 100%; }
    .cs-mobile .cs-center .btn-list.btn-col1 > span:first-child {
      width: 100%; }
  .cs-mobile .cs-center .btn-list.btn-col2 > span {
    width: 51.6666666667%; }
    .cs-mobile .cs-center .btn-list.btn-col2 > span:first-child {
      width: 48.3333333333%; }
  .cs-mobile .cs-center .btn-list.btn-col3 > span {
    width: 34.4444444444%; }
    .cs-mobile .cs-center .btn-list.btn-col3 > span:first-child {
      width: 31.1111111111%; }
  .cs-mobile .cs-center .btn-list.btn-col4 > span {
    width: 25.8333333333%; }
    .cs-mobile .cs-center .btn-list.btn-col4 > span:first-child {
      width: 22.5%; }
.cs-mobile .cs-center .map-area {
  border: 1px solid #959595;
  width: 100%;
  height: 240px;
  box-sizing: border-box; }
.cs-mobile .cs-center .cs-center-list {
  margin-bottom: 30px;
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b; }
  .cs-mobile .cs-center .cs-center-list > * {
    font-size: 14px;
    font-size: 1.4rem;
    color: #555;
    text-align: center; }
  .cs-mobile .cs-center .cs-center-list .stit {
    padding: 12px 0;
    background: #f5f5f5; }
  .cs-mobile .cs-center .cs-center-list li {
    border-top: 1px solid #d3d3d3;
    text-align: left;
    padding: 10px;
    background: #fff; }
.cs-mobile .cs-center .search-box {
  margin-bottom: 0; }
  .cs-mobile .cs-center .search-box .form-wrap {
    display: block;
    text-align: left;
    position: relative;
    padding-right: 84px; }
    @media only screen and (max-width: 805px) {
      .cs-mobile .cs-center .search-box .form-wrap {
        position: relative;
        padding-right: 84px; } }
    @media only screen and (max-width: 805px) {
      .cs-mobile .cs-center .search-box .form-wrap label, .cs-mobile .cs-center .search-box .form-wrap .label {
        width: 100%;
        display: block;
        margin-bottom: 5px; } }
    @media only screen and (max-width: 805px) {
      .cs-mobile .cs-center .search-box .form-wrap > span {
        width: 100%;
        display: inline-block; } }
    .cs-mobile .cs-center .search-box .form-wrap > span input.inbox {
      width: 360px !important; }
      @media only screen and (max-width: 805px) {
        .cs-mobile .cs-center .search-box .form-wrap > span input.inbox {
          width: 100% !important; } }
  @media only screen and (max-width: 805px) {
    .cs-mobile .cs-center .search-box .ibtn {
      position: absolute;
      right: 0;
      bottom: 3px;
      width: 72px; } }
  .cs-mobile .cs-center .search-box .cs-guide {
    text-align: left;
    margin: 10px 0 0 0; }
    .cs-mobile .cs-center .search-box .cs-guide.txt-in {
      padding-left: 20px;
      padding-right: 0; }
  .cs-mobile .cs-center .search-box .cs-guide + .cs-guide {
    margin: 0; }
.cs-mobile .cs-guide.note {
  position: relative;
  padding-left: 22px; }
  .cs-mobile .cs-guide.note:before {
    position: absolute;
    display: block;
    content: '';
    top: 3px;
    left: 0;
    width: 18px;
    height: 16px;
    background: url("/2017/img/app/icon_note.png") no-repeat 0 0;
    background-size: 18px 16px; }
.cs-mobile .cs-guide.txt-in {
  padding-right: 0; }
.cs-mobile .app-con {
  margin-bottom: 20px;
  line-height: 1.6; }
  .cs-mobile .app-con.last {
    margin-bottom: 0; }
  .cs-mobile .app-con dt {
    padding: 8px 12px 4px 12px; }
  .cs-mobile .app-con p {
    padding: 0 12px; }
  .cs-mobile .app-con .p-img {
    padding: 0; }
    .cs-mobile .app-con .p-img img {
      max-width: 100%; }
  .cs-mobile .app-con .p-gap {
    padding-top: 8px;
    padding-bottom: 8px; }
  .cs-mobile .app-con .img-list {
    max-width: 600px;
    margin: 4px 0; }
    .cs-mobile .app-con .img-list:after {
      content: "";
      display: table; }
    .cs-mobile .app-con .img-list:after {
      clear: both; }
    .cs-mobile .app-con .img-list li {
      float: left;
      display: block;
      width: 50%;
      padding: 5px 2px 5px 5px;
      box-sizing: border-box; }
      .cs-mobile .app-con .img-list li:nth-child(2n+1) {
        padding: 5px 5px 5px 2px; }
      .cs-mobile .app-con .img-list li img {
        max-width: 100%;
        border: 1px solid #959595;
        box-sizing: border-box; }
      .cs-mobile .app-con .img-list li span {
        font-size: 15px;
        font-size: 1.5rem;
        color: #e60505;
        padding-right: 2px; }
  .cs-mobile .app-con .cs-guide.note {
    margin-left: 12px; }
.cs-mobile .app-guide {
  margin: 4px 0 4px 12px;
  position: relative;
  padding-left: 14px; }
  .cs-mobile .app-guide > span {
    position: absolute;
    top: 0;
    left: 0; }
.cs-mobile .app-note {
  margin: 18px 2px;
  padding: 12px 15px;
  border: 1px solid #959595;
  border-radius: 3px; }
  .cs-mobile .app-note dt {
    padding: 4px 0 14px 36px;
    color: #1a568e;
    background: url("/2017/img/app/icon_app_note.png") no-repeat 0 2px;
    background-size: 27px 27px; }
  .cs-mobile .app-note p {
    padding: 0; }
.cs-mobile .app-note .step-list {
  margin: 10px 0; }
.cs-mobile .app-note .step-list li p {
  position: relative;
  display: block;
  margin: 5px 0;
  padding: 5px 5px 5px 24px;
  color: #bfe5fd;
  background-color: #1c92dc;
  border-radius: 3px;
  box-sizing: border-box; }
  .cs-mobile .app-note .step-list li p strong {
    color: #fff; }
  .cs-mobile .app-note .step-list li p .step {
    color: #ffff00; }
  .cs-mobile .app-note .step-list li p .txt-bul {
    position: absolute;
    left: 10px;
    top: 5px; }

/*--------------------- 컨텐츠 구분선 : 모바일적용  ---------------------*/
.div-line {
  display: block;
  margin: 12px 0; }
  @media only screen and (max-width: 805px) {
    .div-line {
      height: 16px;
      border-top: 1px solid #bdbdbd;
      border-bottom: 1px solid #bdbdbd;
      background-color: #e0e0e0; } }
  .div-line + .contentsWrap .contents {
    padding-top: 0; }

.pb0 {
  padding-bottom: 0 !important; }

/* ------------------------- 수령방법 조회 ------------------------- */
.receipt-step {
  margin: 0 -10px 16px -10px;
  font-size: 13px;
  font-size: 1.3rem;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #fff; }
  .receipt-step:after {
    content: "";
    display: table; }
  .receipt-step:after {
    clear: both; }
  .receipt-step li {
    float: left;
    display: block;
    width: 12%;
    padding: 7px 0 6px 0;
    color: #333;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
    border-bottom: 3px solid #fff;
    background: url("/img/ico_receipt_step.png") no-repeat right top;
    box-sizing: border-box; }
    .receipt-step li .step-txt {
      display: none; }
    .receipt-step li.current {
      padding-right: 3px;
      border-bottom: 3px solid #036cb5;
      background-position: right -100px; }
      .receipt-step li.current .step-num {
        color: #036cb5; }
      .receipt-step li.current .step-txt {
        padding-left: 9px;
        color: #036cb5;
        display: inline-block; }
  .receipt-step.step2 li {
    width: 30%; }
    .receipt-step.step2 li.current {
      width: 70%; }
    .receipt-step.step2 li + li {
      background: none; }
  .receipt-step.step3 li {
    width: 20%; }
    .receipt-step.step3 li.current {
      width: 60%; }
    .receipt-step.step3 li + li + li {
      background: none; }

.cs-receipt {
  margin: 0 -10px;
  border-bottom: 1px solid #c8c8c8; }
  .cs-receipt a {
    display: block;
    position: relative;
    color: #232323;
    box-sizing: border-box; }
    .cs-receipt a:hover, .cs-receipt a:active, .cs-receipt a:focus {
      text-decoration: none; }
  .cs-receipt dt {
    border-top: 1px solid #c8c8c8; }
    .cs-receipt dt a {
      padding: 8px 10px 9px 10px;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal; }
      .cs-receipt dt a:before {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -19px;
        width: 38px;
        height: 38px;
        background: url("/img/ico_receipt_open.png") no-repeat 0 0; }
    .cs-receipt dt:first-child {
      padding-top: 0; }
    .cs-receipt dt.active {
      border-top: 1px solid #6a9a37; }
      .cs-receipt dt.active a {
        color: #fff;
        background-color: #6a9a37; }
        .cs-receipt dt.active a:before {
          background: url("/img/ico_receipt_close.png") no-repeat 0 0; }
  .cs-receipt dd {
    display: none;
    overflow: hidden;
    padding: 0;
    border-top: 1px solid #c8c8c8;
    background: #e4e4e4;
    box-sizing: border-box; }
  .cs-receipt .active + dd {
    display: block;
    border-top: 1px solid #6a9a37; }
  .cs-receipt .receipt-step {
    margin: 0;
    border-top: none;
    border-bottom: none; }
  .cs-receipt .receipt-list {
    margin: 20px 10px; }
    .cs-receipt .receipt-list li {
      padding-top: 5px; }
.cs-receipt .receipt-list li:first-child {
  padding-top: 0; }
.cs-receipt .receipt-list li a {
  padding: 8px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #232323;
  border: 1px solid #b3b2b2;
  background-color: #fff;
  border-radius: 3px; }
  .cs-receipt .receipt-list li a span {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url("/img/ico_receipt_select.png") no-repeat 0 0;
    text-indent: -9999px; }

/* ------------------------- 전체민원 ------------------------- */
.cs-srch-cate {
  margin-bottom: 12px; }
  .cs-srch-cate ul {
    width: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box; }
.cs-srch-cate ul:after {
  content: "";
  display: table; }
.cs-srch-cate ul:after {
  clear: both; }
@media only screen and (max-width: 805px) {
  .cs-srch-cate ul {
    border: 1px solid #aaa;
    border-radius: 3px; } }
  .cs-srch-cate li {
    position: relative;
    float: left;
    width: 25%;
    height: 100px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    border-left: 1px solid #d3d3d3;
    background: url("/img/ico_cs_srch_pc.png") no-repeat 0 0;
    background-color: #f5f5f5;
    box-sizing: border-box; }
    .cs-srch-cate li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 31px 0 0 61%;
      vertical-align: middle;
      box-sizing: border-box;
      cursor: pointer; }
      @media only screen and (max-width: 805px) {
        .cs-srch-cate li a {
          padding: 53px 0 0 0; } }
    .cs-srch-cate li:first-child {
      border-left: none; }
      .cs-srch-cate li:first-child a {
        padding: 41px 0 0 62%; }
        @media only screen and (max-width: 805px) {
          .cs-srch-cate li:first-child a {
            padding: 53px 0 0 0; } }
    @media only screen and (max-width: 805px) {
      .cs-srch-cate li {
        text-align: center;
        border-left: 1px solid #aaa;
        background: url("/img/ico_cs_srch_m.png") no-repeat 0 0;
        background-size: 42px 800px; }
        .cs-srch-cate li:first-child {
          border-left: none; } }
    @media only screen and (max-width: 640px) {
      .cs-srch-cate li {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.2;
        letter-spacing: -1px; } }
    .cs-srch-cate li.cate1 {
      background-position: 41% 0; }
      @media only screen and (max-width: 805px) {
        .cs-srch-cate li.cate1 {
          background-position: 50% 0; } }
    .cs-srch-cate li.cate2 {
      background-position: 41% -200px; }
      @media only screen and (max-width: 805px) {
        .cs-srch-cate li.cate2 {
          background-position: 50% -200px; } }
    .cs-srch-cate li.cate3 {
      background-position: 41% -400px; }
      @media only screen and (max-width: 805px) {
        .cs-srch-cate li.cate3 {
          background-position: 50% -400px; } }
    .cs-srch-cate li.cate4 {
      background-position: 41% -600px; }
      @media only screen and (max-width: 805px) {
        .cs-srch-cate li.cate4 {
          background-position: 50% -600px; } }
    .cs-srch-cate li:before {
      position: absolute;
      display: block;
      content: '';
      left: 20px;
      top: 50%;
      width: 38px;
      height: 38px;
      margin-top: -19px;
      border-radius: 50%;
      background: url("/img/ico_cs_srch_check@2x.png") no-repeat 0 0;
      background-color: #939393; }
      @media only screen and (max-width: 805px) {
        .cs-srch-cate li:before {
          display: none; } }
    .cs-srch-cate li.current {
      color: #fff;
      background-color: #f44336; }
      .cs-srch-cate li.current.cate1 {
        background-position: 41% -100px; }
        @media only screen and (max-width: 805px) {
          .cs-srch-cate li.current.cate1 {
            background-position: 50% -100px; } }
      .cs-srch-cate li.current.cate2 {
        background-position: 41% -300px; }
        @media only screen and (max-width: 805px) {
          .cs-srch-cate li.current.cate2 {
            background-position: 50% -300px; } }
      .cs-srch-cate li.current.cate3 {
        background-position: 41% -500px; }
        @media only screen and (max-width: 805px) {
          .cs-srch-cate li.current.cate3 {
            background-position: 50% -500px; } }
      .cs-srch-cate li.current.cate4 {
        background-position: 41% -700px; }
        @media only screen and (max-width: 805px) {
          .cs-srch-cate li.current.cate4 {
            background-position: 50% -700px; } }
      .cs-srch-cate li.current:before {
        background-color: #e9120b; }

@media only screen and (max-width: 805px) {
  .cs-srch .form-wrap select, .cs-srch .form-wrap .inbox, .cs-srch .form-wrap + .ibtn {
    margin: 3px 0; } }
.cs-srch .form-wrap select {
  width: 18%; }
.cs-srch .form-wrap .inbox {
  width: 23%; }

.cs-srch-name {
  margin: 10px 0;
  font-size: 16px;
  font-size: 1.6rem; }

.cs-srch-tit {
  width: 100%;
  margin-top: 20px; }
  .cs-srch-tit:after {
    content: "";
    display: table; }
  .cs-srch-tit:after {
    clear: both; }
  .cs-srch-tit > * {
    float: left;
    width: 50%;
    box-sizing: border-box; }
    @media only screen and (max-width: 640px) {
      .cs-srch-tit > * {
        width: 100%;
        float: none;
        display: block; } }
  .cs-srch-tit .cs-sort {
    margin-bottom: 10px;
    text-align: right; }

.cs-srch-list {
  overflow: hidden;
  width: 100%; }
  @media only screen and (max-width: 805px) {
    .cs-srch-list {
      margin-bottom: 20px;
      border-top: 1px solid #3d3d3d;
      border-bottom: 1px solid #3d3d3d; } }
  .cs-srch-list ul {
    min-width: 100%;
    margin-left: -20px; }
    .cs-srch-list ul:after {
      content: "";
      display: table; }
    .cs-srch-list ul:after {
      clear: both; }
    @media only screen and (max-width: 805px) {
      .cs-srch-list ul {
        margin-left: 0; } }
  .cs-srch-list li {
    float: left;
    width: 50%;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .cs-srch-list li {
        width: 100%;
        border-top: 1px solid #aaa; }
        .cs-srch-list li:first-child {
          border-top: none; } }
    .cs-srch-list li > * {
      position: relative;
      height: 109px;
      margin: 0 0 20px 20px;
      padding: 18px 218px 18px 20px;
      border: 1px solid #d3d3d3;
      box-sizing: border-box; }
      @media only screen and (max-width: 805px) {
        .cs-srch-list li > * {
          margin: 0;
          padding: 15px 110px 15px 10px;
          border: none; } }
  .cs-srch-list dl > * {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px 0; }
  .cs-srch-list dl dt {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 2px; }
  .cs-srch-list p {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -32px; }
    @media only screen and (max-width: 805px) {
      .cs-srch-list p {
        right: 10px;
        width: 80px; } }
    @media only screen and (max-width: 640px) {
      .cs-srch-list p {
        margin-top: -36px; } }
  .cs-srch-list .ibtn.cs-srch-btn {
    padding: 1px;
    margin-right: 0;
    margin-left: 4px; }
    @media only screen and (max-width: 805px) {
      .cs-srch-list .ibtn.cs-srch-btn {
        margin-left: 0; } }
  .cs-srch-list .ibtn:first-child {
    margin-left: 0; }
  @media only screen and (max-width: 805px) {
    .cs-srch-list .ibtn {
      margin-left: 0;
      margin-top: 6px;
      display: block; }
      .cs-srch-list .ibtn:first-child {
        margin-top: 0; } }
  .cs-srch-list .ibtn * {
    font-size: 14px;
    font-size: 1.4rem;
    height: 62px;
    line-height: 62px;
    min-width: 78px;
    padding: 0; }
    @media only screen and (max-width: 805px) {
      .cs-srch-list .ibtn * {
        font-size: 12px;
        font-size: 1.2rem;
        height: 27px;
        line-height: 27px;
        min-width: 78px; } }
    @media only screen and (max-width: 640px) {
      .cs-srch-list .ibtn * {
        height: 33px;
        line-height: 33px; } }
  .cs-srch-list .ibtn.line {
    border-width: 1px;
    border-style: solid;
    padding: 0; }

.unifiedSch-lst + .pagination {
  margin-top: 20px; }

/* ------------------------- 색인별민원 ------------------------- */
.cs-index-search {
  padding: 12px 11px;
  text-align: center;
  border: 1px solid #d3d3d3; }
@media only screen and (max-width: 805px) {
  .cs-index-search {
    padding: 8px 11px;
    text-align: left;
    border: 1px solid #aaa;
    border-radius: 3px; } }
.cs-index-search > * {
  display: inline-block; }
  @media only screen and (max-width: 805px) {
    .cs-index-search > * {
      display: block; } }
.cs-index-search p {
  margin-right: 37px; }
  .cs-index-search p:before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background: #616161;
    border-radius: 50%;
    margin: 0 5px 3px 0; }
    @media only screen and (max-width: 805px) {
      .cs-index-search p:before {
        display: none; } }
.cs-index-search li {
  display: inline-block; }
  .cs-index-search li * {
    display: block;
    margin: 5px 3px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    width: 33px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #898989; }
      @media only screen and (max-width: 805px) {
        .cs-index-search li * {
          border: 1px solid #aaa;
          border-radius: 3px; } }
    .cs-index-search li.current * {
      color: #fff;
      background-color: #424242; }

.cs-index-sort {
  position: relative;
  margin: 30px 0 10px 0; }
  @media only screen and (max-width: 805px) {
    .cs-index-sort {
      margin: 10px 0 10px 0; } }
  .cs-index-sort .sort-guide {
    padding: 8px 0 8px 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.2;
    letter-spacing: -1px; }
    @media only screen and (max-width: 805px) {
      .cs-index-sort .sort-guide {
        padding: 8px 0 16px 0; } }
    @media only screen and (max-width: 640px) {
      .cs-index-sort .sort-guide {
        width: 95%; } }
  .cs-index-sort .sort-select {
    position: absolute;
    right: 0;
    bottom: 0; }
    @media only screen and (max-width: 805px) {
      .cs-index-sort .sort-select {
        position: relative;
        text-align: right; } }
    .cs-index-sort .sort-select .ibtn {
      margin-right: 0; }
      .cs-index-sort .sort-select .ibtn * {
        min-width: 50px; }

.cs-index-list {
  margin-bottom: 20px;
  padding: 16px 10px 1px 10px;
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #d3d3d3; }
  @media only screen and (max-width: 805px) {
    .cs-index-list {
      padding: 14px 0 6px 0; } }
  .cs-index-list dt {
    padding-left: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    background: url("/img/dot_blue.png") no-repeat 0 50%; }
  .cs-index-list dd {
    padding: 2px 0 12px 10px; }
    @media only screen and (max-width: 805px) {
      .cs-index-list dd {
        padding: 0 0 8px 10px; } }
    .cs-index-list dd a {
      position: relative;
      padding-left: 21px; }
      .cs-index-list dd a:after {
        display: inline-block;
        content: '';
        position: absolute;
        top: 3px;
        left: 10px;
        width: 1px;
        height: 13px;
        background: #333; }
      .cs-index-list dd a:first-child {
        padding-left: 0; }
        .cs-index-list dd a:first-child:after {
          display: none; }

/* ------------------------- 기업민원 ------------------------- */
.cs-biz-cate {
  overflow: hidden;
  width: 100%;
  margin-bottom: 11px; }
  @media only screen and (max-width: 805px) {
    .cs-biz-cate {
      margin-bottom: 14px; } }
  .cs-biz-cate ul {
    min-width: 100%;
    margin-left: -4px; }
    .cs-biz-cate ul:after {
      content: "";
      display: table; }
    .cs-biz-cate ul:after {
      clear: both; }
    @media only screen and (max-width: 805px) {
      .cs-biz-cate ul {
        margin-left: -6px; } }
  .cs-biz-cate li {
    float: left;
    width: 14.2857142857%;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .cs-biz-cate li {
        width: 25%; } }
    @media only screen and (max-width: 640px) {
      .cs-biz-cate li {
        width: 50%; } }
    .cs-biz-cate li > * {
      display: block;
      padding: 0 0 4px 4px;
      box-sizing: border-box; }
    .cs-biz-cate li a {
      position: relative;
      display: block;
      padding-left: 20px;
      width: 100%;
      height: 35px;
      line-height: 35px;
      font-size: 12px;
      font-size: 1.2rem;
      text-align: center;
      border: 1px solid #e8e9ee;
      background-color: #eee;
      background: url("/img/ico_cs_biz_cate2.png") no-repeat 0 0;
      box-sizing: border-box; }
    .cs-biz-cate li.cate1 a {
      background-position: 0 0px; }
    .cs-biz-cate li.cate2 a {
      background-position: 0 -33px; }
    .cs-biz-cate li.cate3 a {
      background-position: 0 -66px; }
    .cs-biz-cate li.cate4 a {
      background-position: 0 -99px; }
    .cs-biz-cate li.cate5 a {
      background-position: 0 -132px; }
    .cs-biz-cate li.cate6 a {
      background-position: 0 -165px; }
    .cs-biz-cate li.cate7 a {
      background-position: 0 -198px; }
    .cs-biz-cate li.cate8 a {
      background-position: 0 -231px; }
    .cs-biz-cate li.cate9 a {
      background-position: 0 -264px; }
    .cs-biz-cate li.cate10 a {
      background-position: 0 -297px; }
    .cs-biz-cate li.cate11 a {
      background-position: 0 -330px; }
    .cs-biz-cate li.cate12 a {
      background-position: 0 -363px; }
    .cs-biz-cate li.cate13 a {
      background-position: 0 -396px; }
    .cs-biz-cate li.cate14 a {
      background-position: 0 -429px; }
    .cs-biz-cate li.current a {
      color: #fff;
      background-color: #2196f3; }
    .cs-biz-cate li.current.cate1 a {
      background-position: -200px 0px; }
    .cs-biz-cate li.current.cate2 a {
      background-position: -200px -33px; }
    .cs-biz-cate li.current.cate3 a {
      background-position: -200px -66px; }
    .cs-biz-cate li.current.cate4 a {
      background-position: -200px -99px; }
    .cs-biz-cate li.current.cate5 a {
      background-position: -200px -132px; }
    .cs-biz-cate li.current.cate6 a {
      background-position: -200px -165px; }
    .cs-biz-cate li.current.cate7 a {
      background-position: -200px -198px; }
    .cs-biz-cate li.current.cate8 a {
      background-position: -200px -231px; }
    .cs-biz-cate li.current.cate9 a {
      background-position: -200px -264px; }
    .cs-biz-cate li.current.cate10 a {
      background-position: -200px -297px; }
    .cs-biz-cate li.current.cate11 a {
      background-position: -200px -330px; }
    .cs-biz-cate li.current.cate12 a {
      background-position: -200px -363px; }
    .cs-biz-cate li.current.cate13 a {
      background-position: -200px -396px; }
    .cs-biz-cate li.current.cate14 a {
      background-position: -200px -429px; }
  .cs-biz-cate.biz-organ li {
    width: 20%; }
    @media only screen and (max-width: 805px) {
      .cs-biz-cate.biz-organ li {
        width: 25%; } }
    @media only screen and (max-width: 640px) {
      .cs-biz-cate.biz-organ li {
        width: 50%; } }
    .cs-biz-cate.biz-organ li.cate1 a {
      background-position: 0 -462px; }
    .cs-biz-cate.biz-organ li.cate2 a {
      background-position: 0 -495px; }
    .cs-biz-cate.biz-organ li.cate3 a {
      background-position: 0 -528px; }
    .cs-biz-cate.biz-organ li.cate4 a {
      background-position: 0 -561px; }
    .cs-biz-cate.biz-organ li.cate5 a {
      background-position: 0 -594px; }
    .cs-biz-cate.biz-organ li.cate6 a {
      background-position: 0 -627px; }
    .cs-biz-cate.biz-organ li.cate7 a {
      background-position: 0 -660px; }
    .cs-biz-cate.biz-organ li.cate8 a {
      background-position: 0 -693px; }
    .cs-biz-cate.biz-organ li.cate9 a {
      background-position: 0 -726px; }
    .cs-biz-cate.biz-organ li.cate10 a {
      background-position: 0 -759px; }
    .cs-biz-cate.biz-organ li.current.cate1 a {
      background-position: -200px -462px; }
    .cs-biz-cate.biz-organ li.current.cate2 a {
      background-position: -200px -495px; }
    .cs-biz-cate.biz-organ li.current.cate3 a {
      background-position: -200px -528px; }
    .cs-biz-cate.biz-organ li.current.cate4 a {
      background-position: -200px -561px; }
    .cs-biz-cate.biz-organ li.current.cate5 a {
      background-position: -200px -594px; }
    .cs-biz-cate.biz-organ li.current.cate6 a {
      background-position: -200px -627px; }
    .cs-biz-cate.biz-organ li.current.cate7 a {
      background-position: -200px -660px; }
    .cs-biz-cate.biz-organ li.current.cate8 a {
      background-position: -200px -693px; }
    .cs-biz-cate.biz-organ li.current.cate9 a {
      background-position: -200px -726px; }
    .cs-biz-cate.biz-organ li.current.cate10 a {
      background-position: -200px -759px; }

.consulting-list {
  position: relative;
  margin-top: 17px;
  padding-top: 8px; }
  .consulting-list:after {
    content: "";
    display: table; }
  .consulting-list:after {
    clear: both; }
  @media only screen and (max-width: 360px) {
    .consulting-list {
      padding-top: 0; } }
  .consulting-list dt {
    position: absolute;
    top: 0;
    left: 13px;
    display: block;
    width: 100px;
    height: 94px;
    padding: 28px 12px 0 12px;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    background: url("/img/consulting_list_tit_bg.png") no-repeat 0 0;
    box-sizing: border-box; }
    @media only screen and (max-width: 360px) {
      .consulting-list dt {
        position: relative;
        left: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0;
        background: none;
        background-color: #1e5793; } }
  .consulting-list dd {
    border: 1px solid #d4e8f3;
    background-color: #f1faff;
    padding: 0 0 16px 136px; }
    @media only screen and (max-width: 360px) {
      .consulting-list dd {
        padding: 0 0 16px 18px;
        border-top: none; } }
  .consulting-list ul {
    margin: 12px 0 7px 0; }
    .consulting-list ul:after {
      content: "";
      display: table; }
    .consulting-list ul:after {
      clear: both; }
  .consulting-list li {
    position: relative;
    float: left;
    width: 50%;
    padding: 4px 18px;
    box-sizing: border-box; }
    .consulting-list li:before {
      position: absolute;
      display: block;
      content: '';
      top: 8px;
      left: 0;
      width: 12px;
      height: 12px;
      background: #929393 url("/img/consulting_list_bul.png") no-repeat 50% 50%; }
    @media only screen and (max-width: 640px) {
      .consulting-list li {
        width: 100%; } }
  .consulting-list p {
    padding-right: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #777; }
    .consulting-list p > span {
      color: #ed1c24; }

.consulting-list + .unifiedSch-lst {
  margin-top: 10px; }
  .consulting-list + .unifiedSch-lst > ul {
    border-top: none; }
    @media only screen and (max-width: 805px) {
      .consulting-list + .unifiedSch-lst > ul {
        border-top: 1px solid #d3d3d3; } }

.cs-biz-tit {
  margin-top: 20px; }
  .cs-biz-tit:after {
    content: "";
    display: table; }
  .cs-biz-tit:after {
    clear: both; }
  .cs-biz-tit > * {
    float: right;
    line-height: 1.8; }
    .cs-biz-tit > *:first-child {
      float: left;
      line-height: 1.5; }
  .cs-biz-tit h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .cs-biz-tit .ibtn {
    margin-right: 0; }
    .cs-biz-tit .ibtn * {
      min-width: 70px;
      padding: 0; }

.cs-biz-list {
  margin-top: 10px; }
  .cs-biz-list ul {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb; }
  .cs-biz-list li {
    position: relative;
    width: 100% !important;
    margin: 0;
    padding: 12px 80px 12px 10px;
    border-top: 1px solid #d3d3d3;
    box-sizing: border-box; }
    .cs-biz-list li:first-child {
      border-top: none; }
  .cs-biz-list dl {
    margin: 3px -70px 3px 0; }
    .cs-biz-list dl > * {
      padding: 1px 0; }
    .cs-biz-list dl dt {
      font-size: 18px;
      font-size: 1.8rem;
      padding-bottom: 6px; }
    .cs-biz-list dl dd {
      margin-top: 3px; }
  .cs-biz-list p:not(.cs-btn) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .cs-biz-list .cs-btn {
    position: absolute;
    right: 0;
    top: 50%;
    width: 70px;
    margin-top: -15px;
    text-align: right; }
  .cs-biz-list .ibtn {
    margin-right: 0; }
    .cs-biz-list .ibtn * {
      padding: 0;
      min-width: 70px; }
  .cs-biz-list .cs-tag {
    padding-left: 20px;
    background: url("/img/cs-ico-tag.png") no-repeat 0 50%;
    background-size: 12px 16px; }
  .cs-biz-list.half:after {
    content: "";
    display: table; }
  .cs-biz-list.half:after {
    clear: both; }
  .cs-biz-list.half ul {
    float: left;
    width: 49%;
    margin-left: 2%; }
    .cs-biz-list.half ul:first-child {
      margin-left: 0; }
    @media only screen and (max-width: 805px) {
      .cs-biz-list.half ul {
        width: 100%;
        margin-left: 0; } }
  @media only screen and (max-width: 805px) {
    .cs-biz-list.half li {
      padding: 12px 20px; } }
  @media only screen and (max-width: 805px) {
    .cs-biz-list.half .cs-btn {
      display: none; } }

.cs-biz-sso {
  margin-top: 10px; }
  .cs-biz-sso:after {
    content: "";
    display: table; }
  .cs-biz-sso:after {
    clear: both; }
  .cs-biz-sso p {
    float: left;
    width: 49%;
    margin-left: 2%;
    padding-left: 12px;
    padding-top: 10px;
    box-sizing: border-box; }
    .cs-biz-sso p:after {
      content: "";
      display: table; }
    .cs-biz-sso p:after {
      clear: both; }
    .cs-biz-sso p:first-child {
      margin-left: 0; }
    .cs-biz-sso p .ibtn {
      float: right;
      margin-right: 0;
      margin-top: -2px; }
      .cs-biz-sso p .ibtn * {
        min-width: 48px; }
    .cs-biz-sso p + p {
      text-align: right;
      padding-top: 0; }

.cs-bizinfo-wrap {
  margin-top: 30px;
  padding: 15px 19px 15px 19px;
  border: 1px solid #e8e9ee;
  background-color: #f8f9f9; }

.cs-bizinfo-tit {
  font-size: 13px;
  font-size: 1.3rem; }
  .cs-bizinfo-tit span {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #c2daf0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #1e5894; }

.cs-bizinfo {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid #e8e9ee;
  background-color: #fff; }

.cs-bizinfo-site {
  position: relative;
  margin-top: 10px;
  padding-right: 190px; }
  .cs-bizinfo-site p:first-child a {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 0 0 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background: #1e5894 url("/img/bizinfo_site_bg.gif") no-repeat right bottom;
    box-sizing: border-box; }
    .cs-bizinfo-site p:first-child a:after {
      display: inline-block;
      content: '';
      width: 7px;
      height: 12px;
      margin-left: 20px;
      background: #1e5894 url("/img/bizinfo_site_arrow.png") no-repeat 0 0; }
  .cs-bizinfo-site p + p {
    position: absolute;
    top: 0;
    right: 0; }

.cs-biz-tab {
  margin-bottom: 10px; }
  .cs-biz-tab:after {
    content: "";
    display: table; }
  .cs-biz-tab:after {
    clear: both; }
  .cs-biz-tab li {
    float: left;
    width: 20%;
    border: 1px solid #d7d7d7;
    border-left: none;
    background-color: #fff;
    box-sizing: border-box; }
    .cs-biz-tab li a {
      display: block;
      padding: 0 10px;
      height: 35px;
      line-height: 35px;
      font-size: 13px;
      font-size: 1.3rem;
      color: #333;
      text-align: center; }
    .cs-biz-tab li:first-child {
      border-left: 1px solid #d7d7d7; }
    .cs-biz-tab li.current {
      border: 1px solid #07233c;
      background-color: #0e3b64; }
      .cs-biz-tab li.current a {
        color: #fff; }
      .cs-biz-tab li.current + li {
        border-left: 1px solid #d7d7d7; }

.cs-biz {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb; }

.cs-biz-tab + .cs-biz {
  margin-top: 10px; }

/*------------------------- 온라인안내신청 -------------------------*/
.ico_minwon_complete {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 36px 60px 36px 200px;
  color: #666;
  border: 1px solid #d4d4d4;
  background: url("/img/ico_minwon_complete.png") no-repeat 60px center; }
  @media only screen and (max-width: 640px) {
    .ico_minwon_complete {
      padding: 0;
      border: none;
      background: none; } }
  .ico_minwon_complete > * {
    padding: 5px 0; }
    @media only screen and (max-width: 640px) {
      .ico_minwon_complete > * {
        padding: 0; } }
  .ico_minwon_complete .complete-message {
    font-size: 18px;
    font-size: 1.8rem;
    color: #034273; }
@media only screen and (max-width: 640px) {
  .ico_minwon_complete .complete-message {
    margin-bottom: 20px;
    padding: 20px 20px 20px 90px;
    line-height: 1.3;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    background: url("/img/ico_minwon_complete.png") no-repeat 20px center;
    background-size: 56px 51px; } }
  .ico_minwon_complete .blue1 {
    color: #1a237e; }

.online-box {
  margin-bottom: 20px; }
  .online-box p > .ibtn {
    margin-top: -2px;
    margin-left: 10px; }

.agree-detail {
  display: none;
  padding: 30px;
  margin-bottom: 20px;
  border: 1px solid #d3d3d3; }
  .agree-detail.open {
    display: block; }
  .agree-detail h2 {
    color: #034273;
    padding-left: 0 !important;
    background: none !important; }
  .agree-detail li {
    padding: 2px 0; }
  .agree-detail dl {
    margin-top: 20px; }
  .agree-detail dl dt {
    font-size: 16px;
    font-size: 1.6rem; }
  .agree-detail dl dd {
    margin: 5px 0 10px 0;
    padding: 15px 20px;
    line-height: 1.7;
    border: 1px solid #dbe3ea;
    background-color: #f3f9fd;
    border-radius: 3px; }
.agree-detail .dot-gray {
  margin-top: 10px;
  padding-left: 14px;
  color: #666;
  background: url("/img/cs_guide_dot_gray.png") no-repeat 4px 10px; }
.agree-detail > .agree {
  text-align: right; }
  .agree-detail > .agree > .ibtn {
      margin-left: 10px; }

.check-box-lst {
  display: block;
  margin: 5px 0; }
  .check-box-lst:after {
    content: "";
    display: table; }
  .check-box-lst:after {
    clear: both; }
  .check-box-lst > span {
    display: inline-block;
    width: 19%;
    padding: 2px 0;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .check-box-lst > span {
        width: 49%; } }
    .check-box-lst > span .cb-in-txt {
      width: auto;
      vertical-align: middle; }

.check-box-lst2 {
  display: block;
  margin: 5px 0; }
  .check-box-lst2:after {
    content: "";
    display: table; }
  .check-box-lst2:after {
    clear: both; }
  .check-box-lst2 > span {
    display: inline-block;
    width: 49%;
    padding: 2px 0;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .check-box-lst2 > span {
        width: 99%; } }
    .check-box-lst2 > span:first-child {
      width: 99%; }
  .check-box-lst2.fst-in > span:first-child {
    width: 49% !important; }

.cb-in-txt {
  display: inline-block;
  width: 19%;
  vertical-align: middle; }
  @media only screen and (max-width: 805px) {
    .cb-in-txt {
      width: 100%; } }
  .cb-in-txt + .check-box-lst {
    display: inline;
    margin-top: 2px;
    letter-spacing: -1px; }
    @media only screen and (max-width: 805px) {
      .cb-in-txt + .check-box-lst > span {
        width: 49%; } }
    @media only screen and (max-width: 805px) {
      .cb-in-txt + .check-box-lst {
        display: block; } }

@media only screen and (max-width: 805px) {
  .cb-bd-line th, .cb-bd-line td {
    border-top: 1px solid #e6e6e6 !important; } }

@media only screen and (max-width: 805px) {
  .in-btn-full .ibtn {
    width: 100%;
    box-sizing: border-box; } }
.in-btn-full .ibtn.in-ico {
  position: relative; }
  .in-btn-full .ibtn.in-ico * {
    width: 100%; }
  .in-btn-full .ibtn.in-ico:before {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -3px; }
.in-btn-full .ibtn.ico-plus:before {
  background: url("/img/ico_row_plus.png") no-repeat center center;
  background-size: 7px 7px; }
.in-btn-full .ibtn.ico-minus:before {
  background: url("/img/ico_row_minus.png") no-repeat center center;
  background-size: 7px 7px; }

.row-unit fieldset {
  margin-top: -4px !important;
  margin-bottom: -4px !important; }

/*------------------------- 인터넷신청 전체민원 ARS결제, 주의사항 -------------------------*/
.cs-payment-info {
  margin-bottom: 30px;
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b; }
  .cs-payment-info p {
    padding: 104px 10px 40px 10px;
    text-align: center;
    color: #034273;
    background: url("/img/icon_payment_info.png") no-repeat 50% 50px; }
    .cs-payment-info p > strong {
      color: #2196f3; }
  .cs-payment-info dl {
    border-top: 1px solid #d3d3d3; }
    .cs-payment-info dl:after {
      content: "";
      display: table; }
    .cs-payment-info dl:after {
      clear: both; }
    .cs-payment-info dl dt, .cs-payment-info dl dd {
      float: left;
      width: 50%;
      font-size: 16px;
      font-size: 1.6rem;
      box-sizing: border-box; }
    .cs-payment-info dl dt {
      padding: 33px 20px;
      background-color: #f5f5f5; }
    .cs-payment-info dl dd {
      padding: 22px 20px;
      text-align: right;
      color: #b71c1c; }
      .cs-payment-info dl dd strong {
        font-size: 30px;
        font-size: 3rem; }

.cs-payment-step li {
  padding-top: 20px;
  background: url("/img/step_line_navy.png") repeat-y 65px 0; }
  .cs-payment-step li:first-child {
    padding-top: 0; }
.cs-payment-step p {
  position: relative;
  min-height: 60px;
  padding: 18px 10px 18px 140px;
  color: #034273;
  background: url("/img/dot_navy.png") no-repeat 130px 28px;
  background-color: #f5f5f5;
  border-radius: 3px;
  box-sizing: border-box; }
  .cs-payment-step p > strong {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    text-align: center;
    color: #fff;
    background-color: #2d527c;
    border-radius: 3px;
    box-sizing: border-box; }

.cs-careful {
  margin-bottom: 18px;
  padding: 16px 16px 16px 204px;
  border: 1px solid #d4d4d4;
  background: url("/img/icon_careful.png") no-repeat 50px 50%; }
  @media only screen and (max-width: 640px) {
    .cs-careful {
      padding: 180px 16px 16px 16px;
      background-position: 50% 40px; } }
  .cs-careful li {
    padding: 12px;
    color: #034273;
    background: url("/img/dot_navy.png") no-repeat left 20px; }

/*------------------------- 로딩페이지 NEW 0307 -------------------------*/
.loading-body {
  background-color: #fff; }

/*.loading-wrap {
  position: relative;
  width: 100%;
  height: 64%;
  background-color: #fff; }*/
  .loading-wrap > div {
    position: absolute;
    display: block;
    bottom: 50%;
    left: 50%;
    transform:translate(-50%, 50%);
    text-align: center; }
  .loading-wrap .loading-message {
  	margin-top: 50px;
    font-size: 16px;
    font-size: 1.6rem; }
    .loading-wrap .loading-message span {
      padding-right: 4px;
      color: #666; }
  .loading-wrap .loading-step {
    position: relative;
    margin-top: 10px;
    padding-top: 92px;
    text-align: center; }
/*.loading-wrap .loading_txt {margin-top:15px; margin-bottom:55px; font-size:24px; }*/
.loading-wrap img+img{margin-top:55px;}
.loading-wrap .progress-bar {
  margin-top: 20px; }
  .loading-wrap .progress-bar span {
    position: relative;
    display: block;
    width:592px;
    height: 8px;
    background-color: #c4c3c3;
    border-radius: 3px;
    margin: 0 auto; }
    .loading-wrap .progress-bar span span {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 0;
      height: 8px;
      background:#529de9;
      background:linear-gradient(to right, rgba(30,84,166,0.55) 25%, rgba(57,213,174,0.55) 130%);
      border-radius: 3px; }
.loading-wrap .loading-step .progress-step {
  display: block;
  margin-left: 30px; }
  .loading-wrap .loading-step .progress-step:after {
    content: "";
    display: table; }
  .loading-wrap .loading-step .progress-step:after {
    clear: both; }
  .loading-wrap .loading-step .progress-step li {
    position: relative;
    float: left;
    display: inline-block;
    padding: 0 36px 105px 6px;
    background: url("/img/bg_progress_step2.png") no-repeat 0 0; }
    .loading-wrap .loading-step .progress-step li span {
      display: block;
      width: 112px;
      padding: 34px 0;
      text-align: center;
      color: #666;
      font-size: 15px;
      font-size: 1.5rem; }
        .loading-wrap .loading-step .progress-step li.step3 span {
          padding: 45px 0; }
        .loading-wrap .loading-step .progress-step li.step5 {
          padding-right: 6px; }
      .loading-wrap .loading-step .progress-step.step1 li.step1 {
        background-position: -154px 0; }
        .loading-wrap .loading-step .progress-step.step1 li.step1 span {
          color: #fff;
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.4; }
      .loading-wrap .loading-step .progress-step.step1 + .progress-bar span span {
        width: 20%; }
      .loading-wrap .loading-step .progress-step.step2 li.step2 {
        background-position: -308px 0; }
        .loading-wrap .loading-step .progress-step.step2 li.step2 span {
          color: #fff;
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.4; }
      .loading-wrap .loading-step .progress-step.step2 + .progress-bar span span {
        width: 40%; }
      .loading-wrap .loading-step .progress-step.step3 li.step3 {
        background-position: -462px 0; }
        .loading-wrap .loading-step .progress-step.step3 li.step3 span {
          color: #fff;
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.4; }
      .loading-wrap .loading-step .progress-step.step3 + .progress-bar span span {
        width: 60%; }
      .loading-wrap .loading-step .progress-step.step4 li.step4 {
        background-position: -616px 0; }
        .loading-wrap .loading-step .progress-step.step4 li.step4 span {
          color: #fff;
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.4; }
      .loading-wrap .loading-step .progress-step.step4 + .progress-bar span span {
        width: 80%; }
      .loading-wrap .loading-step .progress-step.step5 li.step5 {
        background-position: -770px 0; }
        .loading-wrap .loading-step .progress-step.step5 li.step5 span {
          color: #fff;
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.4; }
      .loading-wrap .loading-step .progress-step.step5 + .progress-bar span span {
        width: 100%; }
  .loading-wrap.non-step {
    height: 100%; }
    .loading-wrap.non-step > div {
      position: absolute;
      top: 50%;
      bottom: 0;
      left: 0;
      width: 100%;
      margin-left: 0;
      margin-top: -40px; }
    @media only screen and (max-width: 414px) {
      .loading-wrap.non-step .loading-message span {
        display: block;
        padding-right: 0; } }
    .loading-wrap.non-step .loading-step {
      padding-top: 0; }
      @media only screen and (max-width: 414px) {
        .loading-wrap.non-step .loading-step {
          padding-left: 15%;
          padding-right: 15%; } }
      .loading-wrap.non-step .loading-step .progress-bar {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 360px; }
        .loading-wrap.non-step .loading-step .progress-bar span {
          width: 100%;
          max-width: 360px; }
          .loading-wrap.non-step .loading-step .progress-bar span span {
            width: 50%; }

/*------------------------- 요소 배치에 따른  간격 조정 -------------------------*/
h2 + .cs-guide {
  margin-top: 0; }

h2 + .cs-guide.taR {
  margin-top: -30px; }
  @media only screen and (max-width: 805px) {
    h2 + .cs-guide.taR {
      margin-top: 0; } }

@media only screen and (max-width: 805px) {
  .ico_minwon_complete + .btn-list > *, .con-in + .btn-list > * {
    margin-top: 8px; }
    .ico_minwon_complete + .btn-list > *:first-child, .con-in + .btn-list > *:first-child {
      margin-top: 0; } }

dl + .dot-sky {
  margin-top: 12px; }

.dot-sky > .ibtn {
  margin-top: -3px;
  margin-left: 30px; }

fieldset + .cs-guide-box {
  margin: 0; }

fieldset + h2 {
  margin-top: 20px; }

.btn-list + .cs-guide-box {
  margin-top: 15px; }

.list-detail + .cs-guide-box {
  margin-top: 20px; }

.search-box + .cs-guide-box {
  margin-top: 0; }

.tabMenu + .cs-guide {
  margin-top: 20px; }

.pagination + .cs-guide {
  margin: 20px 0 15px 0; }

.cs-guide + .cs-downlist {
  margin-left: 14px; }

.cs-guide + .tbl-list {
  margin-top: 12px; }

.cs-guide + h2 {
  margin-top: 15px !important; }

.cs-guide-box + h2 {
  margin-top: 15px !important; }

.cs-guide-box.center + h2 {
  margin-top: 20px !important; }

.cs-guide-box + .tbl-list {
  margin-top: 20px; }

.cs-guide-fold + .tbl-list {
  margin-top: 10px; }

.cs-guide-box + .list-detail {
  margin-top: 20px; }

.tbl-list + .cs-guide {
  margin-top: 16px; }

.tbl-list + .num-in {
  margin-top: 25px; }

.tbl-list + .con-in {
  margin-top: 25px; }

.tbl-list + .pagination {
  margin: 20px 0; }

.tbl-list + h2, .btn-list + h2 {
  margin-top: 20px !important; }

.btn-list + .cs-guide-box {
  margin-top: 25px; }

.btn-list + .cs-guide {
  margin-top: 25px; }

.btn-list + .btn-list {
  margin-top: 10px; }

.btn-list + .ico-in {
  margin-top: 20px; }

form + .ico-in {
  margin-top: 20px; }

form + h2 {
  margin-top: 20px !important; }

.con-in + h2 {
  margin-top: 20px; }

.cs-guide-box + .btn-list {
  margin-top: 15px; }

.btn-list + .con-in {
  margin-top: 15px; }

/*--------------------- 프로그램 다운로드 12-08 추가 ---------------------*/
.program-download .pd-tit {
  margin-top: 25px;
  margin-bottom: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333; }
  .program-download .pd-tit:first-child {
    margin-top: 0; }
.program-download .pd-stit {
  position: relative;
  margin-top: 16px;
  margin-bottom: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #1e5894;
  padding-left: 12px; }
  .program-download .pd-stit:first-child {
    margin-top: 0; }
  .program-download .pd-stit:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 1px;
    width: 3px;
    height: 3px;
    margin-top: -1px;
    background-color: #1e5894; }
.program-download .pd-list {
  font-size: 13px;
  font-size: 1.3rem;
  box-sizing: border-box; }
  .program-download .pd-list li {
    padding: 8px 10px; }
    .program-download .pd-list li:after {
      content: "";
      display: table; }
    .program-download .pd-list li:after {
      clear: both; }
    .program-download .pd-list li p {
      float: left;
      display: block;
      padding: 2px 0;
      width: 66%;
      vertical-align: top;
      box-sizing: border-box; }
      @media only screen and (max-width: 1140px) {
        .program-download .pd-list li p {
          width: 59%; } }
      @media only screen and (max-width: 1023px) {
        .program-download .pd-list li p {
          width: 62%; } }
      @media only screen and (max-width: 805px) {
        .program-download .pd-list li p {
          width: 75%; } }
      @media only screen and (max-width: 640px) {
        .program-download .pd-list li p {
          float: none;
          width: 100%; } }
      .program-download .pd-list li p.pd-btn-wrap {
        float: right;
        padding: 0;
        width: 34%;
        text-align: right; }
        @media only screen and (max-width: 1140px) {
          .program-download .pd-list li p.pd-btn-wrap {
            width: 41%; } }
        @media only screen and (max-width: 1023px) {
          .program-download .pd-list li p.pd-btn-wrap {
            width: 38%; } }
        @media only screen and (max-width: 805px) {
          .program-download .pd-list li p.pd-btn-wrap {
            width: 25%; } }
        @media only screen and (max-width: 640px) {
          .program-download .pd-list li p.pd-btn-wrap {
            float: none;
            margin-top: 5px;
            width: 100%;
            text-align: left; } }
      .program-download .pd-list li p > span {
        display: inline-block;
        padding: 0 12px;
        width: 35%;
        vertical-align: top;
        box-sizing: border-box; }
        @media only screen and (max-width: 640px) {
          .program-download .pd-list li p > span {
            width: 100%; } }
        .program-download .pd-list li p > span.line-l {
          width: 65%;
          border-left: 1px solid #e8e9ee; }
          @media only screen and (max-width: 640px) {
            .program-download .pd-list li p > span.line-l {
              width: 100%;
              border-left: none; } }
  .program-download .pd-list.box-type li {
    margin-top: 5px;
    border: 1px solid #e8e9ee; }
    .program-download .pd-list.box-type li:first-child {
      margin-top: 0; }
    .program-download .pd-list.box-type li p > span:first-child {
      position: relative; }
      .program-download .pd-list.box-type li p > span:first-child > i {
        position: absolute;
        top: 0;
        left: 0;
        font-style: normal; }
  .program-download .pd-list.line-type {
    border-bottom: 1px solid #bababa; }
    .program-download .pd-list.line-type li {
      border-top: 1px solid #e2e3e5; }
      .program-download .pd-list.line-type li:first-child {
        border-top: 1px solid #bababa; }
      .program-download .pd-list.line-type li p:first-child {
        position: relative;
        padding-left: 12px; }
        .program-download .pd-list.line-type li p:first-child > i {
          position: absolute;
          top: 0;
          left: 0;
          font-style: normal; }
.program-download .pd-btn {
  display: inline-block;
  width: 136px !important;
  height: 22px;
  margin: 2px 0 2px 5px;
  padding-left: 14px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  letter-spacing: -1px;
  color: #232323;
  text-align: center;
  border: 1px solid #07233c;
  box-sizing: border-box;
  background: url("/img/ico-pd-btn.gif") no-repeat 10px 50%; }
  .program-download .pd-btn em {
    font-style: normal;
    color: #169ccf; }
  @media only screen and (max-width: 360px) {
    .program-download .pd-btn {
      margin-left: 0;
      width: 100% !important; } }
  @media only screen and (max-width: 640px) {
    .program-download .pd-btn:first-child {
      margin-left: 11px; } }
  @media only screen and (max-width: 360px) {
    .program-download .pd-btn:first-child {
      margin-left: 0; } }

/*--------------------- 국민의견수렴 12-09 추가 ---------------------*/
.national-opinion {
  margin-bottom: 40px; }
  @media only screen and (max-width: 805px) {
    .national-opinion {
      margin-bottom: 20px; } }
  .national-opinion .pc-red {
    color: #b71c1c; }
.national-opinion.box-sky {
	padding: 3px;
	/* 20px */
	background-color: #bbdefb;
	border-radius: 3px;
	box-sizing: border-box;
	/* @include respond-to('md') {
	    padding: 15px 10px;
	} */ }
.national-opinion.box-sky .opinion-btn {
  margin: 18px 0 12px 0; }
  .national-opinion.box-sky .opinion-btn:after {
    content: "";
    display: table; }
  .national-opinion.box-sky .opinion-btn:after {
    clear: both; }
  @media only screen and (max-width: 805px) {
    .national-opinion.box-sky .opinion-btn {
      margin: 12px 0 15px 0; } }
  .national-opinion.box-sky .opinion-btn p {
    float: left;
    padding-left: 26px;
    font-size: 18px;
    font-size: 1.8rem;
    background: url("/img/ico-opinion-btn.gif") no-repeat 0 50%; }
    @media only screen and (max-width: 805px) {
      .national-opinion.box-sky .opinion-btn p {
        float: none; } }
  .national-opinion.box-sky .opinion-btn ul {
    float: right; }
    .national-opinion.box-sky .opinion-btn ul:after {
      content: "";
      display: table; }
    .national-opinion.box-sky .opinion-btn ul:after {
      clear: both; }
    @media only screen and (max-width: 805px) {
      .national-opinion.box-sky .opinion-btn ul {
        float: none;
        margin-top: 5px; } }
      .national-opinion.box-sky .opinion-btn li {
        float: left;
        padding-left: 10px;
        box-sizing: border-box; }
        .national-opinion.box-sky .opinion-btn li:first-child {
          padding-left: 0; }
        @media only screen and (max-width: 805px) {
          .national-opinion.box-sky .opinion-btn li {
            width: 25%; } }
        @media only screen and (max-width: 640px) {
          .national-opinion.box-sky .opinion-btn li {
            float: none;
            width: 100%;
            padding-left: 0;
            padding-top: 5px; }
            .national-opinion.box-sky .opinion-btn li:first-child {
              padding-top: 0; } }
        .national-opinion.box-sky .opinion-btn li .ibtn {
          margin-right: 0; }
          @media only screen and (max-width: 805px) {
            .national-opinion.box-sky .opinion-btn li .ibtn {
              width: 100%; } }
          .national-opinion.box-sky .opinion-btn li .ibtn.medium * {
            min-width: 100%;
            box-sizing: border-box; }
    .national-opinion.box-sky .box-white {
      padding: 15px 20px 16px 20px;
      background-color: #fff; }
      @media only screen and (max-width: 805px) {
        .national-opinion.box-sky .box-white {
          padding: 15px 10px; } }
      .national-opinion.box-sky .box-white .text-blue {
        display: block;
        padding-bottom: 10px;
        color: #2471c8; }
      .national-opinion.box-sky .box-white dt {
        font-size: 16px;
        font-size: 1.6rem;
        color: #275bae;
        padding-bottom: 8px; }
      .national-opinion.box-sky .box-white dd {
        font-size: 14px;
        font-size: 1.4rem; }
  .national-opinion.box-gray {
    position: relative;
    border: 1px solid #ccc;
    background-color: #f8f8f8; }
    .national-opinion.box-gray dl {
      margin-right: 290px;
      padding: 25px 30px 27px 30px;
      border-right: 1px solid #dedede;
      box-sizing: border-box; }
      @media only screen and (max-width: 805px) {
        .national-opinion.box-gray dl {
          margin-right: 0;
          padding: 10px 15px 12px 15px;
          border-right: none;
          border-bottom: 1px solid #e8e8e8; } }
    .national-opinion.box-gray dt {
      font-size: 16px;
      font-size: 1.6rem;
      padding-bottom: 12px; }
    .national-opinion.box-gray dd {
      font-size: 14px;
      font-size: 1.4rem; }
    .national-opinion.box-gray p {
      position: absolute;
      top: 50%;
      right: 0;
      display: block;
      width: 290px;
      margin-top: -24px;
      text-align: center;
      box-sizing: border-box; }
      @media only screen and (max-width: 805px) {
        .national-opinion.box-gray p {
          position: relative;
          width: 100%;
          margin-top: 0px;
          padding: 10px 0; } }

/*--------------------- page3.scss popup style 적용 ---------------------*/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60); /* IE8 이하 대응 */
  z-index: 99999; }

.pop-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999999; }

.pop-wrap.cs-pop-confirm-doc {
  max-width: 736px; }
  .pop-wrap.cs-pop-confirm-doc .pop-inner {
    padding: 0 0 50px; }
  .pop-wrap.cs-pop-confirm-doc .confirm-doc-wrap {
    margin: 0;
    padding: 0; }
@media only screen and (max-width: 805px) {
  .pop-wrap .pop-inner .btn-list > span {
    float: none; }
  .pop-wrap .pop-inner .btn-list .ibtn {
    width: auto !important; }
    .pop-wrap .pop-inner .btn-list .ibtn * {
      min-width: 76px; } }
.pop-wrap .th-guide {
  font-size: 13px;
  font-size: 1.3rem;
  color: #555; }
.pop-wrap .refer-in {
  position: relative;
  padding-left: 70px; }
  .pop-wrap .refer-in .refer-bul {
    position: absolute;
    left: 0;
    top: 0; }
.pop-wrap.pop-layer {
  min-width: 280px;
  background-color: #fff; }
  .pop-wrap.pop-layer .close {
    display: block !important;
    position: absolute;
    top: 17px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url("/2017/img/common/pop_close_m.png") no-repeat 0 0;
    background-size: 100%; }
  .pop-wrap.pop-layer .cs-btn .ibtn * {
    min-width: auto !important; }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input .inbox {
      display: block;
      min-width: 100%; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input .ibtn {
      display: block;
      margin-top: 4px;
      margin-left: 0 !important; } }
  .pop-wrap.pop-layer .search-input .ibtn * {
    min-width: 70px; }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer .search-input .ibtn * {
        min-width: 100%; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon {
      text-align: center; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon label {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon .ibtn {
      display: inline-block;
      margin-top: 8px;
      margin-left: 8px !important; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon .ibtn:first-child {
      margin-left: 0 !important; } }
  .pop-wrap.pop-layer .total-count {
    margin: 20px 0 5px 0; }
  .pop-wrap.pop-layer.pop-respon .pop-tit-respon {
    position: relative; }
    .pop-wrap.pop-layer.pop-respon .pop-tit-respon .fa-prev {
      display: none;
      position: absolute;
      left: 10px;
      top: 15px;
      color: #fff;
      z-index: 10;
      width: 17px;
      height: 22px; }
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .fa-prev:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 22px;
        background: url("/2017/img/common/ico_fa_prev.png") no-repeat 0 0; }
      @media only screen and (max-width: 640px) {
        .pop-wrap.pop-layer.pop-respon .pop-tit-respon .fa-prev {
          display: inline-block; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit {
        text-align: center;
        padding-left: 0; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit .close {
        display: none !important; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit-wrap .pop-tit {
        text-align: center;
        padding-left: 0; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit-wrap .close {
        display: none !important; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer.pop-respon .pop-inner .pop-close2 {
      display: none; } }
.pop-wrap.pop-beta-test {
  top: 0;
  max-width: 424px;
  padding: 18px;
  background: none; }
  .pop-wrap.pop-beta-test img {
    max-width: 100%;
    height: auto; }
  .pop-wrap.pop-beta-test .pop-beta-txt {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999999999999999999999px; }
  .pop-wrap.pop-beta-test .pop-btn-cookie {
    margin-top: 6px;
    text-align: right;
    color: #fff; }
  .pop-wrap.pop-beta-test .pop-btn-close {
    position: absolute;
    display: block;
    top: 18px;
    right: 18px;
    width: 13.6%; }
    .pop-wrap.pop-beta-test .pop-btn-close > * {
      display: block;
      width: 100%;
      height: 100%; }
.pop-wrap.pop-minwon {
  max-width: 546px;
  padding: 18px;
  background: none; }
  .pop-wrap.pop-minwon img {
    max-width: 100%;
    height: auto; }
  .pop-wrap.pop-minwon .pop-contents {
    width: 100%; }
  .pop-wrap.pop-minwon .blind {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999999999999999999999px; }
  .pop-wrap.pop-minwon .pop-btn-cookie {
    margin-top: 6px;
    text-align: right;
    color: #fff; }
  .pop-wrap.pop-minwon .pop-btn-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 18px;
    right: 18px;
    width: 60px;
    height: 60px;
    background: url("/2017/img/event/error_notice/event-btn-close.png") no-repeat 50% 50%;
    /* background-size:16px 16px;
    text-indent:-99999999999px; */
    color: rgba(255, 255, 255, 0);
    font-size: 0; }
    .pop-wrap.pop-minwon .pop-btn-close > * {
      display: block;
      width: 100%;
      height: 100%; }
.pop-wrap.pop-tmain {
  max-width: 424px;
  padding: 18px;
  padding-top: 80px;
  background: none; }
  .pop-wrap.pop-tmain img {
    max-width: 100%;
    height: auto; }
  .pop-wrap.pop-tmain .pop-contents {
    width: 100%; }
  .pop-wrap.pop-tmain .blind {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999999999999999999999px; }
  .pop-wrap.pop-tmain .pop-btn-cookie {
    margin-top: 6px;
    text-align: right;
    color: #fff; }
  .pop-wrap.pop-tmain .pop-btn-cookie.alignL {
    text-align: left;  }
  .pop-wrap.pop-tmain .pop-btn-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 18px;
    right: 18px;
    width: 45px;
    height: 45px;
    background: url("/2017/img/event/error_notice/event-btn-close.png") no-repeat 50% 50%;
    background-size: 25px 25px;
    /* text-indent:-99999999999px;*/
    color: rgba(255, 255, 255, 0);
    font-size: 0;
    z-index: 9999999999999999999999999; }
    .pop-wrap.pop-tmain .pop-btn-close > * {
      display: block;
      width: 100%;
      height: 100%; }
  .pop-wrap.pop-tmain.no-dim {
    max-width: 440px;
    min-width: 0;
    padding: 10px;
    background: none;
    /*box-shadow:4px 4px 4px rgba(0,0,0,0.3);*/
    /*
    .input[type="checkbox"].custorm + label span {
    	height:18px;width:18px;border:1px solid #ccc;
    }
    */ }
    .pop-wrap.pop-tmain.no-dim .pop-contents {
      box-sizing: border-box;
      width: auto; }
      .pop-wrap.pop-tmain.no-dim .pop-contents > article {
        display: inline-block;
        position: relative;
        width: auto;
        margin: 0 auto;
        border: 2px solid #3b3d3e; }
        .pop-wrap.pop-tmain.no-dim .pop-contents > article + article {
          border-top: 0; }
        .pop-wrap.pop-tmain.no-dim .pop-contents > article:last-child {
          display: block;
          border-bottom: 0; }
      .pop-wrap.pop-tmain.no-dim .pop-contents img {
        max-width: 100%;
        height: auto; }
        @media only screen and (max-width: 640px) {
          .pop-wrap.pop-tmain.no-dim .pop-contents img {
            width: auto;
            max-height: 96%; } }
    .pop-wrap.pop-tmain.no-dim .pop-btn-cookie {
      display: block;
      box-sizing: border-box;
      background: #303030;
      box-sizing: border-box;
      margin-top: 0;
      padding: 0 6px 4px 6px;
      text-align: center;
      color: #fff;
      text-align: center; }
  .pop-wrap.pop-tmain.pop-chuseok {
    max-width: 1136px;
    box-sizing: border-box; }
    .pop-wrap.pop-tmain.pop-chuseok .pop-btn-cookie {
      margin-right: 10%; }
  .pop-wrap.pop-tmain.pop-chuseok-mobile {
    max-width: 676px;
    box-sizing: border-box; }
    .pop-wrap.pop-tmain.pop-chuseok-mobile .pop-btn-cookie {
      margin-right: 20px; }
  .pop-wrap.pop-tmain.pop-launching .pop-contents {
    border-radius: 6px; }
  .pop-wrap.pop-tmain.pop-error-notice {
    max-width: 424px;
    padding: 18px; }
    .pop-wrap.pop-tmain.pop-error-notice .pop-title {
      display: block;
      height: 45px;
      background: #f0f0f0;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 45px;
      vertical-align: middle;
      font-weight: 700;
      color: #222222;
      text-align: center; }
      .pop-wrap.pop-tmain.pop-error-notice .pop-title strong {
        color: #ef5907; }
    .pop-wrap.pop-tmain.pop-error-notice .pop-contents {
      background: #fff;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      padding: 20px;
      box-sizing: border-box;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        .pop-wrap.pop-tmain.pop-error-notice .pop-contents {
          padding: 15px; } }
      .pop-wrap.pop-tmain.pop-error-notice .pop-contents .pororo {
        display: inline-block;
        max-width: 70%;
        margin: 0 auto; }
        .pop-wrap.pop-tmain.pop-error-notice .pop-contents.bgNone{
			background: none;
			padding:0;
		}
    .pop-wrap.pop-tmain.pop-error-notice .error-message-area {
      background: url("/2017/img/event/error_notice/error_contents_bg.png");
      margin: -10px auto 0 auto;
      padding: 20px;
      color: #fff;
      text-align: center; }
      .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-message {
        font-size: 15px;
        font-size: 1.5rem; }
        @media only screen and (max-width: 640px) {
          .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-message {
            font-size: 14px;
            font-size: 1.4rem; }
            .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-message br {
              display: none; } }
      .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range {
        display: inline-block;
        max-width: 280px;
        margin: 20px auto;
        text-align: center; }
        .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl {
          display: block;
          overflow: hidden;
          position: relative;
          min-height: 22px; }
          .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl dt {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0 12px;
            border-radius: 12px;
            background: #d3eafd;
            color: #333333;
            font-size: 12px;
            font-size: 1.2rem; }
            @media only screen and (max-width: 640px) {
              .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl dt {
                padding: 0 8px;
                border-radius: 8px; } }
          .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl dd {
            display: block;
            position: relative;
            margin-left: 46px;
            color: #fff;
            text-align: left;
            vertical-align: top;
            padding: 0 0 0 12px;
            line-height: 120%;
            font-size: 13px;
            font-size: 1.3rem; }
            @media only screen and (max-width: 640px) {
              .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl dd {
                margin-left: 32px; } }
            .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl dd .num {
              letter-spacing: 0; }
          .pop-wrap.pop-tmain.pop-error-notice .error-message-area .error-range dl + dl {
            margin-top: 4px; }
      .pop-wrap.pop-tmain.pop-error-notice .error-message-area .guide {
        display: inline-block;
        text-align: left;
        padding-left: 17px;
        background: url("/2017/img/event/error_notice/blt-check.png") no-repeat 0 4px; }
      .pop-wrap.pop-tmain.pop-error-notice .error-message-area .callcenter {
        display: inline-block;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 16px;
        margin: 20px 4px 0 4px;
        padding: 0 22px;
        box-sizing: border-box;
        min-height: 32px;
        vertical-align: middle;
        line-height: 32px; }
      .pop-wrap.pop-tmain.pop-error-notice .error-message-area .callnumber {
        background: url("/2017/img/event/error_notice/icon_tel.png") no-repeat 0 50%;
        margin: 0 8px;
        padding-left: 17px; }
.pop-wrap.popup-beta-test {
  top: 0;
  max-width: 424px;
  padding: 18px;
  background: none; }
  .pop-wrap.popup-beta-test img, .pop-wrap.popup-beta-test a {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0; }
  .pop-wrap.popup-beta-test .pop-beta-txt {
    display: none; }
  .pop-wrap.popup-beta-test .pop-btn-cookie {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%; }
    .pop-wrap.popup-beta-test .pop-btn-cookie input[type="checkbox"].custorm + label span {
      position: absolute;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background: none !important;
      cursor: pointer; }
    .pop-wrap.popup-beta-test .pop-btn-cookie input[type="checkbox"].custorm + label img {
      z-index: 0;
      cursor: pointer; }
  .pop-wrap.popup-beta-test .pop-btn-close {
    position: absolute;
    display: block;
    top: 18px;
    right: 18px;
    width: 13.6%; }
    .pop-wrap.popup-beta-test .pop-btn-close > * {
      display: block;
      width: 100%;
      height: 100%; }
.pop-wrap .pop-cs-guide {
  margin-top: 30px; }
  .pop-wrap .pop-cs-guide:first-child {
    margin-top: 0; }
  .pop-wrap .pop-cs-guide h2 {
    margin-bottom: 10px; }
  .pop-wrap .pop-cs-guide dt {
    margin-top: 5px; }
    .pop-wrap .pop-cs-guide dt:first-child {
      margin-top: 0; }
  .pop-wrap .pop-cs-guide dd {
    padding: 2px 0; }
.pop-wrap.pop-mca .pop-inner {
  padding: 20px 20px 70px !important; }
  @media only screen and (max-width: 805px) {
    .pop-wrap.pop-mca .pop-inner {
      padding: 20px 20px 70px !important; } }
      
.pop-wrap.pop-mca .pop-inner h2 {
  margin-bottom: 5px;
  border-bottom: none; }
.pop-wrap.pop-mca .pop-inner .pop-guide-box {
  margin-bottom: 20px;
  padding: 9px 12px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #1e5793;
  border: 1px solid #d4e8f3;
  background-color: #f1faff; }
.pop-wrap.pop-mca .pop-inner .pop-guide-box span {
  display: inline-block;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background-color: #1e5793;
  border-radius: 50%; }
  .pop-wrap.pop-mca .pop-inner .txt {
    position: relative;
    padding: 0 0 12px 12px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #232323; }
    .pop-wrap.pop-mca .pop-inner .txt span {
      position: absolute;
      top: 0;
      left: 0; }
    .pop-wrap.pop-mca .pop-inner .txt em {
      font-style: normal;
      color: #ed1c24; }
  .pop-wrap.pop-mca .pop-inner .img img {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #d7d7d7;
    box-sizing: border-box; }
  .pop-wrap.pop-mca .pop-inner ol + .pop-guide-box {
    margin-top: 10px; }

.cs-pop-maxwid {
  max-width: 985px; }
  .cs-pop-maxwid .cs-pop-tbl {
    margin-bottom: 10px;
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b; }
    .cs-pop-maxwid .cs-pop-tbl h2 {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      border-bottom: none !important;
      background-color: #f5f5f5; }
      .cs-pop-maxwid .cs-pop-tbl h2.ls-2x {
        letter-spacing: -1px; }
    .cs-pop-maxwid .cs-pop-tbl h3 {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center;
      padding: 10px 0;
      border-top: 1px solid #d3d3d3;
      background-color: #bbdefb; }
      .cs-pop-maxwid .cs-pop-tbl h3.bg-gray {
        background-color: #f5f5f5; }
    .cs-pop-maxwid .cs-pop-tbl h2 + .tbl-list, .cs-pop-maxwid .cs-pop-tbl h3 + .tbl-list {
      margin-top: 0;
      border-top: 1px solid #d3d3d3; }
    .cs-pop-maxwid .cs-pop-tbl.border-box {
      border: 1px solid #3b3b3b; }
      .cs-pop-maxwid .cs-pop-tbl.border-box h2 {
        background-color: #fff; }
    .cs-pop-maxwid .cs-pop-tbl .ico-required {
      width: 6px;
      height: 6px;
      margin-left: 4px; }
    .cs-pop-maxwid .cs-pop-tbl .tbl-list {
      border-top: none;
      border-bottom: none; }
      .cs-pop-maxwid .cs-pop-tbl .tbl-list th {
        word-break: keep-all;
        padding-left: 10px;
        padding-right: 10px; }
      .cs-pop-maxwid .cs-pop-tbl .tbl-list.th-blue thead th, .cs-pop-maxwid .cs-pop-tbl .tbl-list.th-blue tbody th {
        background-color: #def0ff; }
      .cs-pop-maxwid .cs-pop-tbl .tbl-list.th-blue tbody th {
        color: #1a237e; }
  .cs-pop-maxwid .cs-cc-btm {
    padding: 12px 11px;
    text-align: center; }
    .cs-pop-maxwid .cs-cc-btm p {
      padding: 2px 0; }
      .cs-pop-maxwid .cs-cc-btm p:first-child {
        margin-bottom: 27px; }
  .cs-pop-maxwid .cs-cc-guide {
    padding: 12px 11px; }
  .cs-pop-maxwid .tbl-list + .cs-cc-btm {
    border-top: 1px solid #d3d3d3; }
  .cs-pop-maxwid .cs-cc-btm + .cs-cc-guide {
    margin-top: 33px; }
    .cs-pop-maxwid .cs-cc-btm + .cs-cc-guide > p:first-child {
      margin-top: 0 !important; }
  .cs-pop-maxwid .cs-pop-downlist {
    width: 66%;
    margin: 40px auto; }
    .cs-pop-maxwid .cs-pop-downlist dt {
      margin-bottom: 6px;
      font-size: 16px;
      font-size: 1.6rem; }
    .cs-pop-maxwid .cs-pop-downlist ul {
      border-top: 2px solid #3b3b3b; }
    .cs-pop-maxwid .cs-pop-downlist li {
      padding: 11px 64px 11px 0;
      border-bottom: 1px solid #c2c2c2;
      position: relative; }
      .cs-pop-maxwid .cs-pop-downlist li .ico-down {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -22px; }
  .cs-pop-maxwid .cs-notebox {
    margin-bottom: 30px;
    padding: 12px;
    text-align: center;
    border: 1px solid #d4d4d4;
    background-color: #f5f5f5;
    position: relative; }
    .cs-pop-maxwid .cs-notebox .ibtn {
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -15px; }
  .cs-pop-maxwid .minwon-preview {
    overflow: auto;
    width: 100%;
    height: 500px;
    margin: 20px 0; }
  .cs-pop-maxwid .pop-inner > .use-guide {
    margin-top: 0; }
  @media only screen and (max-width: 805px) {
    .cs-pop-maxwid .pop-close {
      margin-top: 30px; } }
  .cs-pop-maxwid .ibtn.clear-minw * {
    min-width: auto; }

.pop-service .result-box + h2 {
  margin-top: 35px; }
.pop-service .service-list.tb-line {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b; }
.pop-service .service-list.cs-faq dt a {
  padding: 15px 45px 15px 15px; }
  @media only screen and (max-width: 805px) {
    .pop-service .service-list.cs-faq dt a {
      padding: 15px 45px 15px 10px; } }
  .pop-service .service-list.cs-faq dt a:after {
    display: none; }
  .pop-service .service-list.cs-faq dt a > span {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -12px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.0; }
.pop-service .service-list.cs-faq .active a:after {
  display: none; }
.pop-service .service-list.cs-faq dd p {
  margin-top: 10px; }
  .pop-service .service-list.cs-faq dd p:first-child {
    margin-top: 0; }
  .pop-service .service-list.cs-faq dd p.bul-in {
    position: relative;
    padding: 2px 0 2px 12px; }
    .pop-service .service-list.cs-faq dd p.bul-in > span {
      position: absolute;
      left: 4px;
      top: 0; }
.pop-service .service-list.cs-faq dd .list > li {
  position: relative;
  padding: 2px 0 2px 12px; }
  .pop-service .service-list.cs-faq dd .list > li > span {
    position: absolute;
    left: 4px;
    top: 0; }
.pop-service .service-list.cs-faq dd .bul-in + .list {
  margin-left: 12px; }

/*--------------------- page3.scss 민원10종 관련 style 수정 ---------------------*/
.info-detail .accept-step2 {
  margin: 20px 0; }
  .info-detail .accept-step2 li {
    padding-top: 10px;
    background: url("/img/ico_step_arrow.png") no-repeat 66px top; }
    .info-detail .accept-step2 li:first-child {
      padding-top: 0;
      background: none; }
    @media only screen and (max-width: 640px) {
      .info-detail .accept-step2 li {
        background-position: 22px top; } }
    .info-detail .accept-step2 li p {
      border: 1px solid #e2e3e7; }
      .info-detail .accept-step2 li p > * {
        display: table-cell;
        vertical-align: middle; }
      .info-detail .accept-step2 li p .step-tit {
        font-size: 14px;
        font-size: 1.4rem;
        width: 142px;
        margin: 0;
        padding: 10px;
        color: #232323;
        text-align: center;
        background-color: #e2e3e7;
        box-sizing: border-box; }
        @media only screen and (max-width: 640px) {
          .info-detail .accept-step2 li p .step-tit {
            width: 50px; } }
      .info-detail .accept-step2 li p .step-search {
        padding: 7px 10px; }
        .info-detail .accept-step2 li p .step-search a {
          display: inline-block;
          margin: 3px 0 3px 5px;
          padding: 2px 13px 2px 26px;
          font-size: 12px;
          font-size: 1.2rem;
          color: #232323;
          border: 1px solid #c2c2c2;
          background: url("/img/as_ico_organ.gif") no-repeat 10px 50%;
          border-radius: 3px;
          box-sizing: border-box;
          text-decoration: none; }
          .info-detail .accept-step2 li p .step-search a:hover, .info-detail .accept-step2 li p .step-search a:active, .info-detail .accept-step2 li p .step-search a:focus {
            text-decoration: underline; }
          @media only screen and (max-width: 640px) {
            .info-detail .accept-step2 li p .step-search a {
              display: block; } }
.info-detail .note-box {
  padding: 10px 20px;
  background: #f5f5f5;
  border: 1px solid #d3d3d3; }
  .info-detail .note-box li {
    padding: 5px 0 5px 20px; }
    .info-detail .note-box li > span {
      display: inline-block;
      width: 20px;
      margin-left: -20px; }
    .info-detail .note-box li p {
      padding: 2px 0 2px 13px; }
      .info-detail .note-box li p > span {
        display: inline-block;
        width: 13px;
        margin-left: -13px; }
    .info-detail .note-box li > ul li {
      padding: 5px 0 5px 13px; }
      .info-detail .note-box li > ul li > span {
        display: inline-block;
        width: 13px;
        margin-left: -13px; }
.info-detail h4 + .note-box {
  margin-top: 10px; }
.info-detail .note-check {
  margin-top: 10px;
  text-align: center; }

/*---------------------  어플리케이션 팝업  ---------------------*/
.pop-app {
  position: relative;
  min-width: 294px;
  border-radius: 3px; }
.pop-app .pop-app-con {
  height: 136px;
  padding: 30px 23px 0 100px;
  color: #514f4f;
  letter-spacing: 0;
  background: #edf1f5 url("/img/pop_app_bg.png") no-repeat 3px bottom;
  box-sizing: border-box;
  border-radius: 3px; }
.pop-app .pop-app-lst {
  margin-top: 5px;
  padding: 3px 0;
  background-color: #fff;
  border: 1px solid #d5d9de;
  border-radius: 3px; }
.pop-app .pop-app-lst:after {
  content: "";
  display: table; }
.pop-app .pop-app-lst:after {
  clear: both; }
    .pop-app .pop-app-lst li {
      float: left;
      padding: 1px 0;
      font-size: 11px;
      font-size: 1.1rem;
      color: #514f4f;
      box-sizing: border-box; }
      .pop-app .pop-app-lst li.android {
        width: 89px;
        padding-left: 28px;
        background: url("/img/ic_android2.png") no-repeat 7px center; }
      .pop-app .pop-app-lst li.ios {
        width: 79px;
        padding-left: 41px;
        border-left: 1px solid #d5d9de;
        background: url("/img/ic_ios2.png") no-repeat 20px center; }
.pop-app .pop-app-btn {
  padding: 15px; }
.pop-app .pop-app-btn .ibtn {
  width: 100%;
  margin-right: 0;
  border-radius: 3px; }
.pop-app .pop-app-btn .ibtn * {
  min-width: 100%;
  box-sizing: border-box; }
.pop-app .pop-app-close {
  position: absolute;
  right: 0;
  top: 0; }
.pop-app .pop-app-close a {
  display: block;
  width: 38px;
  height: 36px;
  text-indent: -10000px;
  background: url("/img/pop_app_close.png") no-repeat center center; }

/*---------------------  자동로그아웃안내 팝업  ---------------------*/
.pop-logout {
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  margin-top: -165px;
  max-width: 320px;
  height: 330px;
  padding: 18px 12px 24px 12px;
  border: 3px solid #32b7fc;
  box-sizing: border-box; }
.pop-logout .pop-logout-count {
  position: relative;
  padding: 14px;
  padding-left: 129px;
  border: 1px solid #c2c2c2;
  border-radius: 10px; }
.pop-logout .pop-logout-count:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 7px;
  width: 108px;
  height: 73px;
  margin-top: -37px;
  background: url("/img/bg_pop_logout.png") no-repeat center center; }
.pop-logout .pop-logout-count dl dt {
  margin-bottom: 12px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #01286f; }
    .pop-logout .pop-logout-count dl dd {
      line-height: 1.2; }
      .pop-logout .pop-logout-count dl dd span {
        font-size: 30px;
        font-size: 3rem;
        color: #dd5901; }
  .pop-logout .pop-logout-guide {
    margin-top: 10px; }
    .pop-logout .pop-logout-guide li {
      position: relative;
      padding: 6px 0 6px 12px; }
      .pop-logout .pop-logout-guide li:before {
        position: absolute;
        display: block;
        content: '';
        top: 14px;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #898989; }
  .pop-logout .pop-logout-btn {
    margin-top: 20px;
    text-align: center; }
    .pop-logout .pop-logout-btn .ibtn {
      margin-left: 3px;
      margin-right: 3px; }
      .pop-logout .pop-logout-btn .ibtn * {
        min-width: 98px; }

/*---------------------  aside content 2016-12-07 ---------------------*/
.aside .as-con {
  position: relative;
  margin-top: 20px;
  letter-spacing: -1px; }
  .aside .as-con:first-child {
    margin-top: 0; }
  .aside .as-con .txt-emp {
    color: #017cce; }
    .aside .as-con .txt-emp.green {
      color: #779d01; }
    .aside .as-con .txt-emp.sky {
      color: #0299ff; }
    .aside .as-con .txt-emp.orange {
      color: #ff9600; }
    .aside .as-con .txt-emp.brown {
      color: #674002; }
    .aside .as-con .txt-emp.red1 {
      color: #d10000; }
    .aside .as-con .txt-emp.red2 {
      color: #c70202; }
  .aside .as-con .txt-atch {
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: normal; }
  .aside .as-con .btn-more {
    position: absolute;
    top: 3px;
    right: 0;
    padding-right: 8px;
    background: url("/img/as_ico_more.gif") no-repeat right 7px;
    font-size: 12px;
    font-size: 1.2rem; }
    .aside .as-con .btn-more a {
      color: #8c8c8c; }
      .aside .as-con .btn-more a:hover, .aside .as-con .btn-more a:active, .aside .as-con .btn-more a:focus {
        color: #232323;
        text-decoration: underline; }
  .aside .as-con .as-tit {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6; }
  .aside .as-con.div-line {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb; }
  .aside .as-con.as-reminder .box-wrap {
    margin-top: 6px;
    padding: 7px 9px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #333;
    border: 1px solid #ccc;
    background-color: #e0f1fb; }
    .aside .as-con.as-reminder .box-wrap p {
      margin-top: 12px; }
      .aside .as-con.as-reminder .box-wrap p:first-child {
        margin-top: 0; }
      .aside .as-con.as-reminder .box-wrap p.txt-refer {
        position: relative;
        padding-left: 14px; }
        .aside .as-con.as-reminder .box-wrap p.txt-refer > span {
          position: absolute;
          top: 0;
          left: 0; }
  .aside .as-con.as-reminder .txt-wrap {
    margin-top: 10px;
    padding: 2px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #5e5e5e; }
    .aside .as-con.as-reminder .txt-wrap + .txt-wrap {
      margin-top: 6px; }
    .aside .as-con.as-reminder .txt-wrap p {
      margin-top: 4px; }
      .aside .as-con.as-reminder .txt-wrap p:first-child {
        margin-top: 0; }
    .aside .as-con.as-reminder .txt-wrap .as-stit {
      color: #333; }
  .aside .as-con.as-inquiry dl {
    margin-bottom: 10px; }
  .aside .as-con.as-inquiry dt {
    padding: 6px 0;
    color: #666;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal; }
  .aside .as-con.as-inquiry dd {
    color: #232323;
    font-size: 14px;
    font-size: 1.4rem; }
    .aside .as-con.as-inquiry dd + dd {
      margin-top: 5px; }
    .aside .as-con.as-inquiry dd.box-wrap {
      border: 1px solid #ccc;
      background-color: #fff; }
.aside .as-con.as-inquiry dd.organ-tel {
  border-radius: 3px; }
      .aside .as-con.as-inquiry dd.organ-tel a {
        display: block;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        box-sizing: border-box; }
        .aside .as-con.as-inquiry dd.organ-tel a:hover, .aside .as-con.as-inquiry dd.organ-tel a:active, .aside .as-con.as-inquiry dd.organ-tel a:focus {
          text-decoration: none; }
        .aside .as-con.as-inquiry dd.organ-tel a:before {
          display: inline-block;
          content: '';
          width: 10px;
          height: 13px;
          margin: 0 8px -1px 0;
          background: url("/img/as_ico_organ.gif") no-repeat 0 0; }
      .aside .as-con.as-inquiry dd.organ-tel.icon-less a:before {
        display: none; }
    .aside .as-con.as-inquiry dd.inquiry-tel {
      padding: 4px 10px 6px 10px; }
      .aside .as-con.as-inquiry dd.inquiry-tel > .as-stit {
        padding: 2px 0 2px 20px;
        color: #666;
        font-size: 13px;
        font-size: 1.3rem;
        background: url("/img/as_ico_tel.png") no-repeat 0 50%; }
  .aside .as-con.as-list ul, .aside .as-con.as-list ol {
    margin-top: 6px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5; }
    .aside .as-con.as-list ul li, .aside .as-con.as-list ol li {
      width: 90%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .aside .as-con.as-list ul.line-wrap, .aside .as-con.as-list ol.line-wrap {
      padding-top: 3px;
      border-top: 1px solid #dbdbdb; }
      .aside .as-con.as-list ul.line-wrap a, .aside .as-con.as-list ol.line-wrap a {
        color: #666; }
        .aside .as-con.as-list ul.line-wrap a:hover, .aside .as-con.as-list ul.line-wrap a:active, .aside .as-con.as-list ul.line-wrap a:focus, .aside .as-con.as-list ol.line-wrap a:hover, .aside .as-con.as-list ol.line-wrap a:active, .aside .as-con.as-list ol.line-wrap a:focus {
          color: #232323;
          text-decoration: underline; }
      .aside .as-con.as-list ul.line-wrap li, .aside .as-con.as-list ol.line-wrap li {
        padding-top: 5px; }
    .aside .as-con.as-list ul.box-wrap, .aside .as-con.as-list ol.box-wrap {
      padding: 4px;
      font-size: 12px;
      font-size: 1.2rem;
      border: 1px solid #ccc;
      background-color: #fff; }
      .aside .as-con.as-list ul.box-wrap a, .aside .as-con.as-list ol.box-wrap a {
        color: #232323; }
        .aside .as-con.as-list ul.box-wrap a:hover, .aside .as-con.as-list ul.box-wrap a:active, .aside .as-con.as-list ul.box-wrap a:focus, .aside .as-con.as-list ol.box-wrap a:hover, .aside .as-con.as-list ol.box-wrap a:active, .aside .as-con.as-list ol.box-wrap a:focus {
          color: #232323;
          text-decoration: underline; }
      .aside .as-con.as-list ul.box-wrap li, .aside .as-con.as-list ol.box-wrap li {
        padding: 3px 0; }
    .aside .as-con.as-list ul.bul-num li, .aside .as-con.as-list ol.bul-num li {
      position: relative;
      padding-left: 20px; }
      .aside .as-con.as-list ul.bul-num li span, .aside .as-con.as-list ol.bul-num li span {
        position: absolute;
        top: 8px;
        left: 0;
        display: block;
        width: 15px;
        height: 14px;
        line-height: 12px;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
        box-sizing: border-box; }
    .aside .as-con.as-list ul.bul-num.num-white li span, .aside .as-con.as-list ol.bul-num.num-white li span {
      color: #555;
      border: 1px solid #e0e0e0;
      background-color: #fff; }
    .aside .as-con.as-list ul.bul-num.num-blue li span, .aside .as-con.as-list ol.bul-num.num-blue li span {
      color: #fff;
      border: 1px solid #017cce;
      background-color: #029aff; }
    .aside .as-con.as-list ul.bul-dot li, .aside .as-con.as-list ol.bul-dot li {
      padding-left: 7px;
      background: url("/img/as_list_dot.gif") no-repeat 0 13px; }
    .aside .as-con.as-list ul.bul-ico li, .aside .as-con.as-list ol.bul-ico li {
      padding-left: 18px;
      background: url("/img/as-list-ico.gif") no-repeat 3px 8px; }
  .aside .as-con.as-video {
    border: 1px solid #ccc; }
    .aside .as-con.as-video .as-tit {
      padding: 4px 10px 3px 10px; }
    .aside .as-con.as-video .btn-more {
      top: 6px;
      right: 10px; }
    .aside .as-con.as-video > a {
      display: block;
      width: 100%;
      min-height: 68px;
      padding: 6px 10px 6px 90px;
      font-size: 12px;
      font-size: 1.2rem;
      background: #f7f6f6 url("/img/as_ico_video_180801.jpg") no-repeat 10px 7px;
      box-sizing: border-box; }
      .aside .as-con.as-video > a strong {
        font-size: 13px;
        font-size: 1.3rem; }
  .aside .as-con.as-baner {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4; }
    .aside .as-con.as-baner.line-wrap {
      border-top: 1px solid #dbdbdb;
      border-bottom: 1px solid #dbdbdb; }
.aside .as-con.as-baner.box-wrap {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 3px; }
    .aside .as-con.as-baner a {
      display: block;
      width: 100%;
      padding: 10px 0;
      text-align: center;
      box-sizing: border-box; }
      .aside .as-con.as-baner a:hover, .aside .as-con.as-baner a:active, .aside .as-con.as-baner a:focus {
        text-decoration: none; }
      .aside .as-con.as-baner a > * {
        display: block;
        width: 200px;
        margin: 0 auto;
        text-align: left;
        box-sizing: border-box; }
    .aside .as-con.as-baner .certifi-guide {
      padding-left: 64px;
      background: url("/img/as_ico_security.gif") no-repeat 40px 50%; }
    .aside .as-con.as-baner .pr-video {
      padding-left: 84px;
      background: url("/img/as_ico_video.jpg") no-repeat 10px 50%; }
  .aside .as-con.as-shortcut ul {
    margin-top: 6px; }
    .aside .as-con.as-shortcut ul:after {
      content: "";
      display: table; }
    .aside .as-con.as-shortcut ul:after {
      clear: both; }
    .aside .as-con.as-shortcut ul.box-wrap {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.4;
      border: 1px solid #ccc;
      background-color: #fff; }
      .aside .as-con.as-shortcut ul.box-wrap a {
        display: block;
        width: 100%;
        padding: 40px 10px 12px 10px;
        text-align: center;
        color: #232323;
        background: url("/img/as_ico_shortcut.png") no-repeat;
        box-sizing: border-box; }
        .aside .as-con.as-shortcut ul.box-wrap a:hover, .aside .as-con.as-shortcut ul.box-wrap a:active, .aside .as-con.as-shortcut ul.box-wrap a:focus {
          color: #232323;
          background-color: #e1eef6;
          text-decoration: none; }
      .aside .as-con.as-shortcut ul.box-wrap li {
        float: left;
        width: 50%;
        border-top: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
        box-sizing: border-box; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc1 a {
          background-position: 50% 0; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc2 a {
          background-position: 50% -80px; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc3 a {
          background-position: 50% -160px; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc4 a {
          background-position: 50% -240px; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc5 a {
          background-position: 50% -320px; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc6 a {
          background-position: 50% -400px; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc1, .aside .as-con.as-shortcut ul.box-wrap li.sc2 {
          border-top: none; }
        .aside .as-con.as-shortcut ul.box-wrap li.sc1, .aside .as-con.as-shortcut ul.box-wrap li.sc3, .aside .as-con.as-shortcut ul.box-wrap li.sc5 {
          border-left: none; }
  .aside .as-con.as-contact.line-wrap {
    padding: 6px 0 9px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb; }
  .aside .as-con.as-contact.img-wrap {
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    padding: 5px;
    text-align: center; }
  .aside .as-con.as-contact .contact-info {
    padding-top: 6px; }
    .aside .as-con.as-contact .contact-info + .contact-info {
      padding-top: 1px; }
    .aside .as-con.as-contact .contact-info * {
      display: inline-block;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.4; }
    .aside .as-con.as-contact .contact-info .as-stit {
      width: 62px;
      font-size: 14px;
      font-size: 1.4rem; }
    .aside .as-con.as-contact .contact-info .txt-emp {
      padding-right: 5px; }
  .aside .as-con.as-tagcloud .box-wrap {
    margin-top: 6px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff; }

.sitelist-wrap {
  overflow: hidden;
  width: 100%; }
  .sitelist-wrap ul {
    min-width: 100%;
    margin: -15px 0 0 -15px; }
    .sitelist-wrap ul:after {
      content: "";
      display: table; }
    .sitelist-wrap ul:after {
      clear: both; }
  .sitelist-wrap li {
    float: left;
    width: 33.3333333333%;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .sitelist-wrap li {
        width: 50%; } }
    @media only screen and (max-width: 640px) {
      .sitelist-wrap li {
        width: 100%; } }
    .sitelist-wrap li > * {
      position: relative;
      margin: 15px 0 0 15px;
      border: 1px solid #e8e9ee;
      box-sizing: border-box; }
  .sitelist-wrap .sitelist-unit {
    position: relative;
    padding: 24px 12px; }
    .sitelist-wrap .sitelist-unit dl dt {
      padding-top: 5px;
      padding-left: 66px;
      font-size: 14px;
      font-size: 1.4rem;
      color: #232323;
      letter-spacing: -1px; }
      .sitelist-wrap .sitelist-unit dl dt .ibtn {
        margin-left: 6px;
        margin-right: 0; }
        .sitelist-wrap .sitelist-unit dl dt .ibtn.small * {
          height: 18px;
          line-height: 18px;
          min-width: 50px;
          padding: 0 6px;
          font-size: 11px;
          font-size: 1.1rem; }
    .sitelist-wrap .sitelist-unit dl dd {
      padding-top: 28px;
      font-size: 13px;
      font-size: 1.3rem;
      color: #232323; }
      .sitelist-wrap .sitelist-unit dl dd.origin {
        padding-top: 6px;
        padding-left: 66px;
        font-size: 12px;
        font-size: 1.2rem;
        color: #555; }
    .sitelist-wrap .sitelist-unit.sl1 dl {
      background: url("/img/sitelist_icon01.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl2 dl {
      background: url("/img/sitelist_icon02.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl3 dl {
      background: url("/img/sitelist_icon03.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl4 dl {
      background: url("/img/sitelist_icon04.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl5 dl {
      background: url("/img/sitelist_icon05.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl6 dl {
      background: url("/img/sitelist_icon06.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl7 dl {
      background: url("/img/sitelist_icon07.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl8 dl {
      background: url("/img/sitelist_icon08.png") no-repeat 0 0; }
    .sitelist-wrap .sitelist-unit.sl9 dl {
      background: url("/img/sitelist_icon09.png") no-repeat 0 0; }
  .sitelist-wrap.truth-list .sitelist-unit {
    padding: 14px 12px 20px 12px; }
    .sitelist-wrap.truth-list .sitelist-unit dl dt {
      display: table;
      padding-top: 0;
      word-break: keep-all; }
      .sitelist-wrap.truth-list .sitelist-unit dl dt > * {
        height: 57px;
        display: table-cell;
        vertical-align: middle; }
    .sitelist-wrap.truth-list .sitelist-unit dl dd {
      padding-top: 10px; }
    .sitelist-wrap.truth-list .sitelist-unit.tl1 dl {
      background: url("/img/truthlist_icon01.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl2 dl {
      background: url("/img/truthlist_icon02.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl3 dl {
      background: url("/img/truthlist_icon03.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl4 dl {
      background: url("/img/truthlist_icon04.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl5 dl {
      background: url("/img/truthlist_icon05.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl6 dl {
      background: url("/img/truthlist_icon06.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl7 dl {
      background: url("/img/truthlist_icon07.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl8 dl {
      background: url("/img/truthlist_icon08.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl9 dl {
      background: url("/img/truthlist_icon09.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl10 dl {
      background: url("/img/truthlist_icon10.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl11 dl {
      background: url("/img/truthlist_icon11.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl12 dl {
      background: url("/img/truthlist_icon12.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl13 dl {
      background: url("/img/truthlist_icon13.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl17 dl {
      background: url("/img/truthlist_icon17.png") no-repeat 0 0; }
    .sitelist-wrap.truth-list .sitelist-unit.tl20 dl {
      background: url("/img/truthlist_icon20.png") no-repeat 0 0; }

@media only screen and (max-width: 640px) {
  .mobile-non {
    display: none; } }

.pagination img {
  margin-top: -3px; }

.tbl-list table {
  font-size: 13px;
  font-size: 1.3rem; }

.opinion-txt {
  margin-top: 0 !important; }

.mgt20 {
  margin-top: 20px !important; }

.mgb20 {
  margin-bottom: 20px !important; }

.fold-wrap {
  margin-top: 10px; }
  .fold-wrap:first-child {
    margin-top: 0; }
  .fold-wrap .fold-tit {
    padding: 9px 10px 10px 10px;
    color: #232323;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    background: #fff; }
  .fold-wrap .fold-cont {
    border: 1px solid #d3d3d3;
    padding: 10px; }
    .fold-wrap .fold-cont > div {
      overflow: hidden;
      height: 42px; }
      .fold-wrap .fold-cont > div.agree-cont {
        height: 54px; }
  .fold-wrap.current .fold-tit {
    color: #fff;
    border: 1px solid #6a9a37;
    border-bottom: none;
    background: #6a9a37; }
  .fold-wrap.current .fold-cont {
    border-top: 1px solid #6a9a37; }
    .fold-wrap.current .fold-cont > div {
      height: 100%; }
      .fold-wrap.current .fold-cont > div.agree-cont {
        height: 100%; }

/*---------- 민원에서 tabMenu에 elect가 나오는 경우 // 02-06 ----------*/
.tabMenu.trans-select .tab, .tabMenu.trans-select .tabs {
  padding: 10px;
  border: 1px solid #e8e9ee;
  background-color: #f8f8fa;
  box-sizing: border-box; }
  .tabMenu.trans-select .tab > li, .tabMenu.trans-select .tabs > li {
    border: none; }

/*---------- 분야별 서비스 NEW 02-23 ----------*/
.field-service-w, .field-service-m {
  margin-bottom: 20px; }

.field-service-w {
  display: block; }
  @media only screen and (max-width: 805px) {
    .field-service-w {
      display: none; } }
  .field-service-w > .search-box {
    padding: 0; }
    .field-service-w > .search-box select {
      width: 180px; }
    .field-service-w > .search-box input[type=text].inbox {
      width: 300px; }
    .field-service-w > .search-box .sch-guide {
      position: relative;
      margin: 6px 0 0 213px;
      padding: 4px 0;
      padding-left: 9px;
      font-size: 13px;
      font-size: 1.3rem; }
      .field-service-w > .search-box .sch-guide:before {
        position: absolute;
        display: block;
        content: '';
        left: 0;
        top: 50%;
        width: 3px;
        height: 3px;
        margin-top: -2px;
        background-color: #2196f3; }
    .field-service-w > .search-box .sch-in.sch-in-ty1 {
      padding: 20px 20px 10px 20px;
      background-color: #fff; }
      .field-service-w > .search-box .sch-in.sch-in-ty1 .ibtn * {
        min-width: 110px; }
      .field-service-w > .search-box .sch-in.sch-in-ty1 .ico-next {
        display: inline-block;
        vertical-align: middle;
        width: 23px;
        height: 30px;
        background: url("/img/ico_fs_next.png") no-repeat 60% 50%; }
    .field-service-w > .search-box .sch-in.sch-in-ty2 {
      margin-top: 0;
      padding: 16px 20px;
      border-top: 0;
      background-color: #f5f6fb; }
      .field-service-w > .search-box .sch-in.sch-in-ty2 label {
        margin-right: 10px;
        font-size: 13px;
        font-size: 1.3rem; }
      .field-service-w > .search-box .sch-in.sch-in-ty2 input[placeholder]::-webkit-input-placeholder {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: normal;
        letter-spacing: -1px; }
      .field-service-w > .search-box .sch-in.sch-in-ty2 input[placeholder]:-moz-placeholder {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: normal;
        letter-spacing: -1px; }
      .field-service-w > .search-box .sch-in.sch-in-ty2 input[placeholder]::-moz-placeholder {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: normal;
        letter-spacing: -1px; }
      .field-service-w > .search-box .sch-in.sch-in-ty2 input[placeholder]:-ms-input-placeholder {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: normal;
        letter-spacing: -1px; }
      .field-service-w > .search-box .sch-in.sch-in-ty2 input[placeholder].placeholder {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: normal;
        letter-spacing: -1px; }

.field-service-m {
  display: none; }
  @media only screen and (max-width: 805px) {
    .field-service-m {
      display: block; } }
  .field-service-m .fs-search-form {
    position: relative;
    padding: 0 46px 0 96px;
    box-sizing: border-box; }
    .field-service-m .fs-search-form .fs-btn-reset {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      border: 1px solid #898989; }
      .field-service-m .fs-search-form .fs-btn-reset * {
        position: relative;
        display: inline-block;
        padding-left: 30px;
        width: 82px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        font-size: 1.2rem;
        box-sizing: border-box; }
        .field-service-m .fs-search-form .fs-btn-reset *:before {
          position: absolute;
          display: block;
          content: '';
          top: 50%;
          left: 5px;
          width: 18px;
          height: 13px;
          margin-top: -6px;
          background: url("/img/ico_fs_reset.png") no-repeat 0 50%; }

/*
::-webkit-input-placeholder
::-moz-placeholder
:-ms-input-placeholder
	크롬, 사파리, 오라클 하위브라우저 및 IE, Edge 에서 
	placeholder에 css 적용이 불가능한 점을 해결하기 위해 사용
*/
    .field-service-m .fs-search-form input[type=text].inbox {
      width: 100%;
      border-right: none; }
    .field-service-m .fs-search-form input[placeholder]::-webkit-input-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      letter-spacing: -1px; }
    .field-service-m .fs-search-form input[placeholder]:-moz-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      letter-spacing: -1px; }
    .field-service-m .fs-search-form input[placeholder]::-moz-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      letter-spacing: -1px; }
    .field-service-m .fs-search-form input[placeholder]:-ms-input-placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      letter-spacing: -1px; }
    .field-service-m .fs-search-form input[placeholder].placeholder {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      letter-spacing: -1px; }
    .field-service-m .fs-search-form .ibtn {
      margin-right: 0; }
      .field-service-m .fs-search-form .ibtn.form {
        position: absolute;
        top: 0;
        right: 0; }
        .field-service-m .fs-search-form .ibtn.form * {
          min-width: 24px; }
    .field-service-m .fs-search-form.reset {
      padding: 0 46px 0 0; }
      .field-service-m .fs-search-form.reset .fs-btn-reset {
        display: none; }
  .field-service-m .fs-main-field {
    display: none; }
.field-service-m .fs-main-field > ul {
  margin-top: 10px;
  padding: 10px 0;
  border: 1px solid #d4d8df;
  border-radius: 3px;
  background-color: #f8f8fa;
  box-sizing: border-box; }
      .field-service-m .fs-main-field > ul:after {
        content: "";
        display: table; }
      .field-service-m .fs-main-field > ul:after {
        clear: both; }
      .field-service-m .fs-main-field > ul > li {
        font-size: 13px;
        font-size: 1.3rem;
        float: left;
        width: 16.6666666667%;
        box-sizing: border-box;
        text-align: center; }
        @media only screen and (max-width: 640px) {
          .field-service-m .fs-main-field > ul > li {
            width: 33.3333333333%; } }
        .field-service-m .fs-main-field > ul > li a {
          display: block;
          padding: 5px 0; }
          .field-service-m .fs-main-field > ul > li a:before {
            display: block;
            content: '';
            width: 50px;
            height: 50px;
            margin: 0 auto;
            background: url("/2017/img/submain/main_icon_new.png") no-repeat 0 0; }
          .field-service-m .fs-main-field > ul > li a.icon010000:before {
            background-position: -10px -12px; }
          .field-service-m .fs-main-field > ul > li a.icon020000:before {
            background-position: -70px -12px; }
          .field-service-m .fs-main-field > ul > li a.icon030000:before {
            background-position: -130px -12px; }
          .field-service-m .fs-main-field > ul > li a.icon040000:before {
            background-position: -10px -62px; }
          .field-service-m .fs-main-field > ul > li a.icon050000:before {
            background-position: -70px -62px; }
          .field-service-m .fs-main-field > ul > li a.icon060000:before {
            background-position: -130px -62px; }
          .field-service-m .fs-main-field > ul > li a.icon070000:before {
            background-position: -10px -112px; }
          .field-service-m .fs-main-field > ul > li a.icon080000:before {
            background-position: -70px -112px; }
          .field-service-m .fs-main-field > ul > li a.icon090000:before {
            background-position: -130px -112px; }
          .field-service-m .fs-main-field > ul > li a.icon100000:before {
            background-position: -10px -162px; }
          .field-service-m .fs-main-field > ul > li a.icon110000:before {
            background-position: -70px -162px; }
          .field-service-m .fs-main-field > ul > li a.icon120000:before {
            background-position: -130px -162px; }
    .field-service-m .fs-main-field.current {
      display: block; }
  .field-service-m .fs-sub-field {
    display: none;
    margin-top: 10px;
    border-bottom: 1px solid #d4d8df; }
    .field-service-m .fs-sub-field .sub-field {
      margin-top: 5px; }
.field-service-m .fs-sub-field .sub-field > p a {
  position: relative;
  display: block;
  padding: 5px 10px;
  color: #232323;
  line-height: 1.4;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  background-color: #f8f8fa;
  box-sizing: border-box; }
      .field-service-m .fs-sub-field .sub-field .fs-counts {
        position: absolute;
        display: none;
        top: 50%;
        right: 20px;
        margin-top: -11px;
        color: #ed1c24;
        font-size: 16px;
        font-size: 1.6rem;
        text-decoration: underline; }
      .field-service-m .fs-sub-field .sub-field > ul {
        display: none;
        padding: 10px 0; }
        .field-service-m .fs-sub-field .sub-field > ul li {
          padding: 2px 0;
          padding-left: 25px;
          background: url("/img/ico_fs_dotline.png") no-repeat 10px 11px; }
          .field-service-m .fs-sub-field .sub-field > ul li a {
            font-size: 14px;
            font-size: 1.4rem;
            color: #232323;
            line-height: 1.6; }
            .field-service-m .fs-sub-field .sub-field > ul li a:hover, .field-service-m .fs-sub-field .sub-field > ul li a:active, .field-service-m .fs-sub-field .sub-field > ul li a:focus {
              color: #349fd4; }
      .field-service-m .fs-sub-field .sub-field.first {
        margin-top: 0; }
        .field-service-m .fs-sub-field .sub-field.first.current + .sub-field,
        .field-service-m .fs-sub-field .sub-field.first.current + .sub-field + .sub-field {
          display: none; }
      .field-service-m .fs-sub-field .sub-field.second.current + .sub-field {
        display: none; }
.field-service-m .fs-sub-field .sub-field.third > p {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #232323;
  line-height: 1.4;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  background-color: #f8f8fa;
  box-sizing: border-box; }
.field-service-m .fs-sub-field .sub-field.current .fs-counts, .field-service-m .fs-sub-field .sub-field.current > ul {
  display: block; }
.field-service-m .fs-sub-field.current {
  display: block; }
.field-service-m .fs-use-guide {
  position: relative;
  margin-top: 10px;
  padding: 15px 5px 15px 87px;
  border: 1px solid #d4d8df;
  border-radius: 3px;
  box-sizing: border-box; }
    @media only screen and (max-width: 360px) {
      .field-service-m .fs-use-guide {
        padding: 15px 5px 15px 77px; } }
    .field-service-m .fs-use-guide .stit {
      position: absolute;
      display: block;
      top: 50%;
      left: 10px;
      width: 70px;
      margin-top: -33px;
      padding-top: 47px;
      font-size: 13px;
      font-size: 1.3rem;
      text-align: center;
      background: url("/img/ico_fs_guide.png") no-repeat center 3px; }
      @media only screen and (max-width: 360px) {
        .field-service-m .fs-use-guide .stit {
          width: 60px; } }
    .field-service-m .fs-use-guide > ul li {
      position: relative;
      padding-left: 11px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.7; }
      .field-service-m .fs-use-guide > ul li:before {
        position: absolute;
        display: block;
        content: '';
        top: 9px;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #ff7936; }
      .field-service-m .fs-use-guide > ul li .btn-allview {
        display: inline-block;
        padding-right: 16px;
        font-weight: bold;
        color: #2c70ae;
        text-decoration: underline;
        background: url("/img/ico_fs_allview.png") no-repeat right center; }

@media only screen and (max-width: 805px) {
  .fsSch-lst {
    position: relative; }
    .fsSch-lst .title-box {
      padding-right: 30px; }
    .fsSch-lst .more-blue {
      position: absolute;
      top: 1px;
      right: 0;
      margin-top: 0;
      padding-right: 0;
      background: none; }
      .fsSch-lst .more-blue i {
        margin-right: 0; }
      .fsSch-lst .more-blue span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0; }
      .fsSch-lst .more-blue a {
        display: block;
        width: 20px;
        height: 20px; }
        .fsSch-lst .more-blue a:before {
          display: block;
          content: '';
          width: 20px;
          height: 20px;
          background: url("/img/ico_more_plus.png") no-repeat center center; } }

/*----------------------------------------------------------------------------------------------------*/
.ibtn.back {
  background: #bbb; }
  .ibtn.back.line {
    border-color: #bbb;
    background: #fff; }
    .ibtn.back.line * {
      color: #232323; }
.ibtn.fold-open, .ibtn.fold-close {
  background: #f3f3f3; }
  .ibtn.fold-open *, .ibtn.fold-close * {
    padding: 0 10px;
    color: #232323; }
    .ibtn.fold-open *:after, .ibtn.fold-close *:after {
      display: inline-block;
      content: '';
      width: 17px;
      height: 10px;
      margin: 9px 0 0 9px;
      background: url("/img/ico_cs_fold.png") no-repeat 0 0; }
    @media only screen and (max-width: 805px) {
      .ibtn.fold-open *, .ibtn.fold-close * {
        padding: 0 !important;
        width: 100%; } }
.ibtn.fold-open *:after {
  background-position: 0 0; }
.ibtn.fold-close *:after {
  background-position: 0 -50px; }
.ibtn.ico * {
  padding: 0 10px !important; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico * {
      padding: 0 !important; } }
.ibtn.ico:before {
  content: '';
  background: url("/img/ico_cs_btn.png") no-repeat 0 0; }
.ibtn.ico.pos {
  position: relative;
  padding-left: 18px; }
  .ibtn.ico.pos:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 5px;
    width: 13px;
    height: 13px;
    margin-top: -7px; }
.ibtn.ico.in:before {
  display: inline-block;
  width: 9px;
  height: 11px;
  margin: 6px 0 0 10px; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico.in:before {
      margin: 6px 9px 0 0; } }
.ibtn.ico.attend:before {
  background-position: 0 0; }
.ibtn.ico.ex:before {
  background-position: 0 -20px; }
.ibtn.ico.faq:before {
  background-position: 0 -40px; }
.ibtn.ico.note:before {
  background-position: 0 -60px; }
.ibtn.ico.search * {
  min-width: initial !important; }
.ibtn.ico.search:before {
  width: 15px;
  height: 15px;
  margin: 6px 0 0 10px;
  background-position: 0 -80px; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico.search:before {
      margin: 6px 9px 0 0; } }
.ibtn.ico.receipt * {
  min-width: initial !important; }
.ibtn.ico.receipt:before {
  width: 12px;
  height: 12px;
  margin: 8px 0 0 10px;
  background-position: 0 -100px; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico.receipt:before {
      margin: 8px 9px 0 0; } }

.cs-mobile td > .cs-guide.type-ex, .cs-mobile td > .cs-guide.type-note, .cs-mobile td > .csm-guide.type-ex, .cs-mobile td > .csm-guide.type-note, .cs-pc td > .cs-guide.type-ex, .cs-pc td > .cs-guide.type-note, .cs-pc td > .csm-guide.type-ex, .cs-pc td > .csm-guide.type-note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  padding-top: 3px;
  margin-bottom: 1px !important; }
  .cs-mobile td > .cs-guide.type-ex.txt-in, .cs-mobile td > .cs-guide.type-note.txt-in, .cs-mobile td > .csm-guide.type-ex.txt-in, .cs-mobile td > .csm-guide.type-note.txt-in, .cs-pc td > .cs-guide.type-ex.txt-in, .cs-pc td > .cs-guide.type-note.txt-in, .cs-pc td > .csm-guide.type-ex.txt-in, .cs-pc td > .csm-guide.type-note.txt-in {
    position: relative; }
    .cs-mobile td > .cs-guide.type-ex.txt-in .txt-bul, .cs-mobile td > .cs-guide.type-note.txt-in .txt-bul, .cs-mobile td > .csm-guide.type-ex.txt-in .txt-bul, .cs-mobile td > .csm-guide.type-note.txt-in .txt-bul, .cs-pc td > .cs-guide.type-ex.txt-in .txt-bul, .cs-pc td > .cs-guide.type-note.txt-in .txt-bul, .cs-pc td > .csm-guide.type-ex.txt-in .txt-bul, .cs-pc td > .csm-guide.type-note.txt-in .txt-bul {
      position: absolute;
      left: 0;
      top: 3px; }
.cs-mobile td > .cs-guide.type-ex, .cs-mobile td > .csm-guide.type-ex, .cs-pc td > .cs-guide.type-ex, .cs-pc td > .csm-guide.type-ex {
  color: #666; }
  .cs-mobile td > .cs-guide.type-ex.txt-in, .cs-mobile td > .csm-guide.type-ex.txt-in, .cs-pc td > .cs-guide.type-ex.txt-in, .cs-pc td > .csm-guide.type-ex.txt-in {
    padding-left: 18px; }
.cs-mobile td > .cs-guide.type-note, .cs-mobile td > .csm-guide.type-note, .cs-pc td > .cs-guide.type-note, .cs-pc td > .csm-guide.type-note {
  color: #2196f3; }
  .cs-mobile td > .cs-guide.type-note.txt-in, .cs-mobile td > .csm-guide.type-note.txt-in, .cs-pc td > .cs-guide.type-note.txt-in, .cs-pc td > .csm-guide.type-note.txt-in {
    padding-left: 12px; }
.cs-mobile td > .cs-guide.type-add, .cs-mobile td > .csm-guide.type-add, .cs-pc td > .cs-guide.type-add, .cs-pc td > .csm-guide.type-add {
  position: relative;
  margin: 4px 0 !important;
  padding-left: 59px; }
  .cs-mobile td > .cs-guide.type-add span, .cs-mobile td > .csm-guide.type-add span, .cs-pc td > .cs-guide.type-add span, .cs-pc td > .csm-guide.type-add span {
    position: absolute;
    left: 0;
    top: 0; }
.cs-mobile td > .cs-guide.type-receipt, .cs-mobile td > .csm-guide.type-receipt, .cs-pc td > .cs-guide.type-receipt, .cs-pc td > .csm-guide.type-receipt {
  margin: 4px 0 !important; }
.cs-mobile .inp-group.inp-fixed .inbox, .cs-mobile .inp-group.inp-fixed input[type=text].inbox, .cs-pc .inp-group.inp-fixed .inbox, .cs-pc .inp-group.inp-fixed input[type=text].inbox {
  width: initial;
  min-width: initial; }
@media only screen and (max-width: 805px) {
  .cs-mobile .inp-group.inp-fixed > .inp-wrap, .cs-pc .inp-group.inp-fixed > .inp-wrap {
    float: left;
    width: initial; } }
.cs-mobile .inp-group.inp-fixed > .inp-wrap span, .cs-pc .inp-group.inp-fixed > .inp-wrap span {
  top: 0; }
  @media only screen and (max-width: 805px) {
    .cs-mobile .inp-group.inp-fixed > .inp-wrap span, .cs-pc .inp-group.inp-fixed > .inp-wrap span {
      position: relative;
      display: inline-block; } }
@media only screen and (max-width: 805px) {
  .cs-mobile .inp-group.inp-fixed > span, .cs-mobile .inp-group.inp-fixed > span:first-child, .cs-pc .inp-group.inp-fixed > span, .cs-pc .inp-group.inp-fixed > span:first-child {
    padding-left: 0;
    width: initial; } }
.cs-mobile .inp-group.inp-fixed.tel > span input, .cs-pc .inp-group.inp-fixed.tel > span input {
  width: 37px !important; }
.cs-mobile .inp-group.inp-fixed.tel > span + span input, .cs-pc .inp-group.inp-fixed.tel > span + span input {
  width: 45px !important; }
.cs-mobile .inp-group.inp-fixed.tel > span + span + span input, .cs-pc .inp-group.inp-fixed.tel > span + span + span input {
  width: 45px !important; }
.cs-mobile .inp-group.inp-fixed.hp > span input, .cs-pc .inp-group.inp-fixed.hp > span input {
  width: 37px !important; }
.cs-mobile .inp-group.inp-fixed.hp > span + span input, .cs-pc .inp-group.inp-fixed.hp > span + span input {
  width: 45px !important; }
.cs-mobile .inp-group.inp-fixed.hp > span + span + span input, .cs-pc .inp-group.inp-fixed.hp > span + span + span input {
  width: 45px !important; }
.cs-mobile .inp-group.inp-fixed.jumin > span input, .cs-pc .inp-group.inp-fixed.jumin > span input {
  width: 61px !important; }
.cs-mobile .inp-group.inp-fixed.jumin > span + span input, .cs-pc .inp-group.inp-fixed.jumin > span + span input {
  width: 69px !important; }
.cs-mobile .inp-group.inp-fixed.bohun > span input, .cs-pc .inp-group.inp-fixed.bohun > span input {
  width: 29px !important; }
.cs-mobile .inp-group.inp-fixed.bohun > span + span input, .cs-pc .inp-group.inp-fixed.bohun > span + span input {
  width: 77px !important; }
.cs-mobile .inp-group.inp-fixed.bizreg > span input, .cs-pc .inp-group.inp-fixed.bizreg > span input {
  width: 37px !important; }
.cs-mobile .inp-group.inp-fixed.bizreg > span + span input, .cs-pc .inp-group.inp-fixed.bizreg > span + span input {
  width: 29px !important; }
.cs-mobile .inp-group.inp-fixed.bizreg > span + span + span input, .cs-pc .inp-group.inp-fixed.bizreg > span + span + span input {
  width: 53px !important; }

/*---------------------------- 타이틀 별도 스타일 지정 02-24------------------------------- */
.contentsWrap .contents h2.h2-add1, .contentsWrap .contents h2.h2-add2 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 32px;
  background: none; }
  .contentsWrap .contents h2.h2-add1:before, .contentsWrap .contents h2.h2-add2:before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    width: 23px;
    height: 20px;
    margin-top: -10px;
    background: url("/img/ico_h2_add.png") no-repeat 0 0; }
.contentsWrap .contents h2.h2-add1:before {
  background-position: 0 0; }
.contentsWrap .contents h2.h2-add2:before {
  background-position: 0 -50px; }
.contentsWrap .contents h2.mid-line {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 0;
  text-align: center;
  background: url("/img/bg_mid_line.gif") repeat-x 0 center; }
  .contentsWrap .contents h2.mid-line span {
    padding: 0 10px;
    font-size: 22px;
    font-size: 2.2rem;
    background-color: #fff; }

/*---------------------------- 상담게시판 상단 안내 박스 02-27------------------------------- */
.consult-guide {
  position: relative;
  min-height: 164px;
  padding: 15px 140px 15px 110px;
  background-color: #f5f5f5;
  box-sizing: border-box; }
  @media only screen and (max-width: 640px) {
    .consult-guide {
      padding: 15px 20px; } }
  .consult-guide:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 95px;
    height: 65px;
    background: url("/img/cg_bg_lt.png") no-repeat 0 0; }
    @media only screen and (max-width: 414px) {
      .consult-guide:before {
        display: none; } }
  .consult-guide:after {
    position: absolute;
    display: block;
    content: '';
    right: 0;
    bottom: 0;
    width: 120px;
    height: 143px;
    background: url("/img/cg_bg_rb.png") no-repeat 0 0; }
    @media only screen and (max-width: 640px) {
      .consult-guide:after {
        display: none; } }
  @media only screen and (max-width: 640px) {
    .consult-guide .cg-title-box {
      padding: 15px 0 0 90px; } }
  @media only screen and (max-width: 414px) {
    .consult-guide .cg-title-box {
      padding: 0; } }
  .consult-guide .cg-title-box > * {
    display: inline-block; }
  .consult-guide .cg-title-box .cg-tit {
    padding-right: 17px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ff4d00; }
  .consult-guide .cg-title-box .cg-btn a {
    display: block;
    padding: 2px 38px 3px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #898989;
    background: #fff url("/img/ico_cg_btn.png") no-repeat right 50%; }
    .consult-guide .cg-title-box .cg-btn a:hover, .consult-guide .cg-title-box .cg-btn a:active, .consult-guide .cg-title-box .cg-btn a:focus {
      text-decoration: none; }
  .consult-guide ul {
    margin-top: 10px; }
    @media only screen and (max-width: 640px) {
      .consult-guide ul {
        margin-left: 22px; } }
    @media only screen and (max-width: 414px) {
      .consult-guide ul {
        margin-left: 0; } }
    .consult-guide ul li {
      position: relative;
      padding: 2px 0 2px 12px; }
      .consult-guide ul li:before {
        position: absolute;
        display: block;
        content: ' ';
        left: 1px;
        top: 10px;
        width: 3px;
        height: 3px;
        background-color: #a0a0a0; }
      .consult-guide ul li span {
        color: #2c70ae; }

/*------------------------------ 생애주기별 서비스 화면 02-27 ----------------------------*/
/* .life-cycle-service .lc-tab p {
  margin-bottom: 15px; }
.life-cycle-service .lc-tab ul {
  margin-bottom: 35px; }
  .life-cycle-service .lc-tab ul:after {
    content: "";
    display: table; }
  .life-cycle-service .lc-tab ul:after {
    clear: both; }
  @media only screen and (max-width: 805px) {
    .life-cycle-service .lc-tab ul {
      border-left: 1px solid #e8e9ee;
      border-top: 1px solid #e8e9ee; } }
.life-cycle-service .lc-tab li {
  float: left;
  width: 14.2857142857%;
  border: 1px solid #e8e9ee;
  border-left: 0;
  box-sizing: border-box;
            
	    &.lc-tab4 a:before { background-position: -150px 0;  }
	    &.lc-tab5 a:before { background-position: -200px 0; }
	    }
  .life-cycle-service .lc-tab li:first-child {
    border-left: 1px solid #e8e9ee; }
    @media only screen and (max-width: 805px) {
      .life-cycle-service .lc-tab li:first-child {
        border-left: 0; } }
  @media only screen and (max-width: 805px) {
    .life-cycle-service .lc-tab li {
      width: 50%;
      border-top: 0; }
      .life-cycle-service .lc-tab li:last-child {
        border-bottom: 1px solid #e8e9ee; } }
  .life-cycle-service .lc-tab li a {
    position: relative;
    display: block;
    padding: 20px 0;
    padding-left: 55.17%;
    font-size: 16px;
    font-size: 1.6rem;
    color: #232323;
    text-decoration: none;
    background-color: #fff;
    box-sizing: border-box; } */
  /*   @media only screen and (max-width: 805px) {
      .life-cycle-service .lc-tab li a {
        padding: 64px 0 10px 0;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: left; } }
    .life-cycle-service .lc-tab li a:before {
      position: absolute;
      display: block;
      content: '';
      top: 50%;
      left: 11.49%;
      width: 44px;
      height: 44px;
      margin-top: -22px;
      background: url("/img/ico_lc_tab_origin.png") no-repeat 0 0; }
      @media only screen and (max-width: 805px) {
        .life-cycle-service .lc-tab li a:before {
          left: 36px;
          top: 15px;
           left: 50%;
           margin-top: 0;
           margin-left: -22px; } }
      @media only screen and (max-width: 360px) {
        .life-cycle-service .lc-tab li a:before {
          left: 11.49%; } }
  .life-cycle-service .lc-tab li.lc-tab1 a:before {
    background-position: 0 0; }
  .life-cycle-service .lc-tab li.lc-tab2 a:before {
    background-position: -50px 0; }
  .life-cycle-service .lc-tab li.lc-tab3 a:before {
    background-position: -100px 0; }
  .life-cycle-service .lc-tab li.lc-tab4 a:before {
    background-position: -250px 0; }
  .life-cycle-service .lc-tab li.lc-tab5 a:before {
    background-position: -150px 0; }
  .life-cycle-service .lc-tab li.lc-tab6 a:before {
    background-position: -300px 0; }
  .life-cycle-service .lc-tab li.lc-tab7 a:before {
    background-position: -200px 0; }
  .life-cycle-service .lc-tab li.current a {
    color: #fff;
    background-color: #0e3b64; } */
.life-cycle-service .lc-title > * {
  display: inline-block; }
.life-cycle-service .lc-title h2 {
  font-size: 20px;
  font-size: 2rem;
  padding-right: 15px;
  margin-bottom: 7px; }
.life-cycle-service .lc-title p {
  padding-bottom: 6px; }
.life-cycle-service .lc-onestop {
  border-top: 2px solid #333;
  padding-top: 19px; }
  .life-cycle-service .lc-onestop + .lc-onestop {
    border-top: 3px solid #b6b7b7;
    padding-top: 30px; }
  .life-cycle-service .lc-onestop .onestop-box {
    position: relative;
    /* 일자리 타이틀 추가 */ }
    .life-cycle-service .lc-onestop .onestop-box .onestop-tit {
      position: relative;
      padding: 10px 20px 9px 40px;
      min-height: 46px;
      box-sizing: border-box;
      margin-bottom: 10px;
      font-size: 18px;
      font-size: 1.8rem;
      color: #fff;
      font-weight: normal;
      background: url("/img/balloon_blue.png") no-repeat left bottom;
      border: 0;
      border-radius: 8px; }
      .life-cycle-service .lc-onestop .onestop-box .onestop-tit:before {
        content: "";
        display: block;
        overflow: hidden;
        position: absolute;
        left: 17px;
        top: 15px;
        width: 14px;
        height: 14px;
        background: url("/img/blt-circle-white.png") no-repeat 0 0;
        border: 0; }
      .life-cycle-service .lc-onestop .onestop-box .onestop-tit:after {
        content: "";
        display: block;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: -9px;
        width: 60px;
        height: 10px;
        background: url("/img/balloon_blue_arw.png") no-repeat left bottom;
        border: 0;
        font-size: 0;
        color: transparent; }
      @media only screen and (max-width: 640px) {
        .life-cycle-service .lc-onestop .onestop-box .onestop-tit {
          font-size: 16px;
          font-size: 1.6rem; } }
    .life-cycle-service .lc-onestop .onestop-box dt {
      padding: 10px 197px 9px 20px;
      font-size: 18px;
      font-size: 1.8rem;
      color: #fff;
      font-weight: normal;
      background-color: #3B567D; }
      .life-cycle-service .lc-onestop .onestop-box dt:after {
        content: "";
        display: table; }
      .life-cycle-service .lc-onestop .onestop-box dt:after {
        clear: both; }
      @media only screen and (max-width: 640px) {
        .life-cycle-service .lc-onestop .onestop-box dt {
          font-size: 16px;
          font-size: 1.6rem;
          padding-right: 53px; } }
      .life-cycle-service .lc-onestop .onestop-box dt > * {
        float: left; }
      .life-cycle-service .lc-onestop .onestop-box dt .lc-issue-way {
        color: #fff;
        margin-top: 3px; }
        @media only screen and (max-width: 640px) {
          .life-cycle-service .lc-onestop .onestop-box dt .lc-issue-way {
            margin-top: 1px; } }
    .life-cycle-service .lc-onestop .onestop-box dd {
      padding: 16px 20px 17px 20px;
      border: 1px solid #e8e9ee;
      background-color: #f9fafa; }
      .life-cycle-service .lc-onestop .onestop-box dd .lc-noti {
        position: relative;
        padding: 2px 0 2px 28px;
        color: #a33302; }
        .life-cycle-service .lc-onestop .onestop-box dd .lc-noti:before {
          position: absolute;
          display: block;
          content: '';
          top: 5px;
          left: 5px;
          width: 15px;
          height: 15px;
          background: url("/img/ico_lc_noti.png") no-repeat 0 0; }
    .life-cycle-service .lc-onestop .onestop-box .btn-onestop-guide {
      position: absolute;
      display: table;
      top: 0;
      right: 0; }
      .life-cycle-service .lc-onestop .onestop-box .btn-onestop-guide a {
        display: table-cell;
        width: 177px;
        height: 46px;
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        background-color: #336d9e;
        box-sizing: border-box; }
        .life-cycle-service .lc-onestop .onestop-box .btn-onestop-guide a:after {
          display: inline-block;
          content: '';
          width: 20px;
          height: 20px;
          margin: 0 0 -5px 20px;
          background: url("/img/ico_lc_guide.png") no-repeat 0 0; }
          @media only screen and (max-width: 640px) {
            .life-cycle-service .lc-onestop .onestop-box .btn-onestop-guide a:after {
              margin: 0 0 -5px 0; } }
        @media only screen and (max-width: 640px) {
          .life-cycle-service .lc-onestop .onestop-box .btn-onestop-guide a > span {
            position: absolute !important;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0; } }
        @media only screen and (max-width: 640px) {
          .life-cycle-service .lc-onestop .onestop-box .btn-onestop-guide a {
            width: 43px; } }
  .life-cycle-service .lc-onestop .onestop-list {
    border-top: none; }
    .life-cycle-service .lc-onestop .onestop-list li {
      position: relative;
      border-bottom: none;
      border-top: 1px solid #e3e3e3; }
      .life-cycle-service .lc-onestop .onestop-list li:first-child {
        border-top: none; }
      .life-cycle-service .lc-onestop .onestop-list li dl > * {
        padding-left: 42px; }
      .life-cycle-service .lc-onestop .onestop-list li dl dt {
        color: #4891ce; }
      .life-cycle-service .lc-onestop .onestop-list li dl dd {
        background: url("/img/ico_oslist_dotline.png") no-repeat 10px -2px; }
      .life-cycle-service .lc-onestop .onestop-list li:first-child dl dt {
        border-top: none; }
.life-cycle-service .onestop-box dt .lc-issue-way, .life-cycle-service .onestop-list .lc-issue-way, .life-cycle-service .lc-list .lc-issue-way {
  display: inline-block;
  margin-left: 20px;
  padding: 0 10px 0 8px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #4891ce;
  font-weight: normal;
  font-style: normal;
  border: 1px solid #70b5ef;
  border-radius: 11px;
  box-sizing: border-box; }
@media only screen and (max-width: 805px) {
  .life-cycle-service .onestop-box dt .lc-issue-way, .life-cycle-service .onestop-list .lc-issue-way, .life-cycle-service .lc-list .lc-issue-way {
    display: none; } }
.life-cycle-service .lc-onestop + .lc-list {
  border-top: 3px solid #b6b7b7;
  padding-top: 6px; }

/*
.life-cycle-service {
    .lc-tab {
        p { margin-bottom: 15px; }
        ul {
            @include clearafter;
            margin-bottom: 35px;
        }
        li {
            float: left;
            width: (1/5)*100%;
            border: 1px solid #e8e9ee;
            border-left: 0;
            box-sizing: border-box;
            &:first-child {
                border-left: 1px solid #e8e9ee;
            }
            a {
                position: relative;
                display: block;
                padding: 20px 0;
                padding-left: 55.17%;
                @include font-size(1.6);
                color: #232323;
                text-decoration: none;
                background-color: #fff;
                box-sizing: border-box;
                @include respond-to('sm') { 
                    padding: 64px 0 10px 0;
                    @include font-size(1.4);
                    text-align: center;
                }
                &:before {
                    position: absolute;
                    display: block;
                    content: '';
                    top: 50%;
                    left: 11.49%;
                    width: 44px;
                    height: 44px;
                    margin-top: -22px;
                    background: image('page/ico_lc_tab_origin.png') no-repeat 0 0;
                    @include respond-to('sm') { 
                        top: 15px;
                        left: 50%;
                        margin-top: 0;
                        margin-left: -22px;
                    }
                }

            }
            &.lc-tab1 a:before { background-position: 0 0; }
            &.lc-tab2 a:before { background-position: -50px 0; }
            &.lc-tab3 a:before { background-position: -100px 0; }
            &.lc-tab4 a:before { background-position: -150px 0; }
            &.lc-tab5 a:before { background-position: -200px 0; }
            &.current {
                a {
                    color: #fff;
                    background-color: #0e3b64;
                }
            }
        }
    }
    .lc-title {
        // border-bottom: 2px solid #333;
        & > * {
            display: inline-block;
        }
        h2 {
            @include font-size(2);
            padding-right: 15px;
            margin-bottom: 7px;
        }
        p { padding-bottom: 6px; }
    }
    .lc-onestop {
        border-top: 2px solid #333;
        padding-top: 19px;
        .onestop-box {
            position: relative;
            dt {
                @include clearafter;
                padding: 10px 197px 9px 20px;
                @include font-size(1.8);
                color: #fff;
                font-weight: normal;
                background-color: #4891ce;
                @include respond-to('sm') { 
                    @include font-size(1.6); 
                    padding-right: 53px; 
                }
                & > * { float: left; }
                .lc-issue-way { 
                    color: #fff;
                    margin-top: 3px;
                    @include respond-to('sm') { 
                        margin-top: 1px;
                    }
                }
            }
            dd {
                padding: 16px 20px 17px 20px;
                border: 1px solid #e8e9ee;
                background-color: #f9fafa;
                .lc-noti {
                    position: relative;
                    padding: 2px 0 2px 28px;
                    color: #a33302;
                    &:before {
                        position: absolute;
                        display: block;
                        content: '';
                        top: 5px;
                        left: 5px;
                        width: 15px;
                        height: 15px;
                        background: image('page/ico_lc_noti.png') no-repeat 0 0;
                    }
                }
            }
            .btn-onestop-guide {
                position: absolute;
                display: table;
                top: 0;
                right: 0;
                a {
                    display: table-cell;
                    width: 177px;
                    height: 46px;
                    min-height: 46px;
                    @include font-size(1.6);
                    text-align: center;
                    vertical-align: middle;
                    color: #fff;
                    background-color: #336d9e;
                    box-sizing: border-box;
                    &:after {
                        display: inline-block;
                        content: '';
                        width: 20px;
                        height: 20px;
                        margin: 0 0 -5px 20px;
                        background: image('page/ico_lc_guide.png') no-repeat 0 0;
                        @include respond-to('sm') {  
                            margin: 0 0 -5px 0;
                        }
                    }
                    > span {
                        @include respond-to('sm') {  
                            position: absolute !important;
                            width: 1px;
                            height: 1px;
                            padding: 0;
                            margin: -1px;
                            overflow: hidden;
                            clip: rect(0, 0, 0, 0);
                            border: 0;
                        }
                    }
                    @include respond-to('sm') {  
                        width: 43px; 
                    }
                }
            }
        }
        .onestop-list {
            border-top: none;
            li {    
                position: relative;
                border-bottom: none;
                border-top: 1px solid #e3e3e3;
                &:first-child {
                    border-top: none;
                }
                dl {
                    & > * {
                        padding-left: 42px;
                    }
                    dt {
                        color: #4891ce;
                    }
                    dd { 
                        background: image('page/ico_oslist_dotline.png') no-repeat 10px -2px;
                    }
                }
                &:first-child {
                    dl {
                        dt { border-top: none; }
                    }
                }
            }
        }
    }
    .onestop-box dt, .onestop-list, .lc-list {
        .lc-issue-way {
            display: inline-block;
            margin-left: 20px;
            padding: 0 10px 0 8px;
            height: 22px;
            line-height: 20px;
            text-align: center;
            @include font-size(1.2);
            color: #4891ce;
            font-weight: normal;
            font-style: normal;
            border: 1px solid #70b5ef;
            @include border-radius(11px);
            box-sizing: border-box;
            @include respond-to('md') {
                display: none;
            }
        } 
    }
    .lc-onestop + .lc-list {
        border-top: 3px solid #b6b7b7;
        padding-top: 6px;
    }
}
*/
/*------------------------------ 정부24 개요/ 정부24 BI 화면 02-28 ----------------------------*/
.gov24-outline h2 {
  text-align: center; }
  .gov24-outline h2 img {
    margin: 10px 0 4px 0; }
.gov24-outline .outline-cont {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem; }
.gov24-outline .outline-info {
  margin: 15px 0 10px 0;
  padding: 20px;
  text-align: center;
  background-color: #f4f3f3; }
  .gov24-outline .outline-info img {
    max-width: 100%; }
.gov24-outline .outline-noti {
  position: relative;
  padding: 1px 0 6px 38px; }
  .gov24-outline .outline-noti:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 32px;
    height: 28px;
    background: url("/img/gov24_outline_noti.png") no-repeat 0 0; }
  .gov24-outline .outline-noti span {
    display: inline-block;
    margin-right: 20px;
    padding: 4px 0; }
    .gov24-outline .outline-noti span + span {
      color: #777; }

.gov24-service h2 {
  margin-bottom: 26px; }
.gov24-service > div {
  position: relative;
  padding: 6px 0 39px 90px; }
  @media only screen and (max-width: 414px) {
    .gov24-service > div {
      padding: 7px 0 39px 0; } }
  .gov24-service > div > h3 {
    font-size: 17px;
    font-size: 1.7rem; }
    @media only screen and (max-width: 414px) {
      .gov24-service > div > h3 {
        margin: 0 0 12px 48px;
        font-size: 18px;
        font-size: 1.8rem; } }
.gov24-service > div > p {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 8px; }
.gov24-service > div.service1:before, .gov24-service > div.service2:before, .gov24-service > div.service3:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background: url("/img/gov24_service_ico.png") no-repeat 0 0;
  border-radius: 50%; }
@media only screen and (max-width: 414px) {
  .gov24-service > div.service1:before, .gov24-service > div.service2:before, .gov24-service > div.service3:before {
    width: 40px;
    height: 40px;
    background-size: 40px 120px; } }
.gov24-service > div.service1 h3 {
  color: #0480be; }
.gov24-service > div.service1:before {
  background-color: #56b6e6;
  background-position: 0 0; }
  @media only screen and (max-width: 805px) {
    .gov24-service > div.service1 .in-cont-rt {
      padding-right: 0; } }
.gov24-service > div.service1 .in-cont-rt .service1-direct {
  display: block;
  max-width: 100%;
  margin-top: 15px;
  margin-left: 22px;
  padding: 20px 0;
  text-align: center;
  background-color: #faf4e6;
  border-radius: 20px; }
    .gov24-service > div.service1 .in-cont-rt .service1-direct:after {
      content: "";
      display: table; }
    .gov24-service > div.service1 .in-cont-rt .service1-direct:after {
      clear: both; }
    .gov24-service > div.service1 .in-cont-rt .service1-direct li {
      float: left;
      display: block;
      width: 33.3333333333%;
      padding: 0 10px;
      text-align: center;
      border-left: 1px solid #d6d1c4;
      box-sizing: border-box; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct li:first-child {
        border-left: none; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct li > div {
        max-width: 150px !important;
        min-width: 76px !important;
        margin: 0 auto; }
        .gov24-service > div.service1 .in-cont-rt .service1-direct li > div:before {
          display: block;
          content: '';
          width: 64px;
          height: 47px;
          margin: 0 auto;
          background: url("/img/ico_service1_direct.png") no-repeat 0 0; }
        .gov24-service > div.service1 .in-cont-rt .service1-direct li > div em {
          display: table;
          width: 100%; }
          .gov24-service > div.service1 .in-cont-rt .service1-direct li > div em > * {
            display: table-cell;
            padding: 7px 0;
            line-height: 1.2;
            font-style: normal;
            text-align: center;
            vertical-align: middle;
            word-break: keep-all;
            box-sizing: border-box; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct li.direct1 > div:before {
        background-position: 0 0; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct li.direct2 > div:before {
        background-position: 0 -50px; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct li.direct3 > div:before {
        background-position: 0 -100px; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct li .ibtn {
        display: block;
        margin-right: 0; }
        .gov24-service > div.service1 .in-cont-rt .service1-direct li .ibtn.small * {
          height: 18px;
          line-height: 18px; }
        .gov24-service > div.service1 .in-cont-rt .service1-direct li .ibtn.brown {
          background: #854f01; }
          .gov24-service > div.service1 .in-cont-rt .service1-direct li .ibtn.brown.line {
            border-color: #854f01;
            background: #fff; }
            .gov24-service > div.service1 .in-cont-rt .service1-direct li .ibtn.brown.line * {
              color: #854f01; }
        .gov24-service > div.service1 .in-cont-rt .service1-direct li .ibtn.move * {
          min-width: 100% !important; }
    .gov24-service > div.service1 .in-cont-rt .service1-direct.en {
      text-align: left;
      background: none; }
      .gov24-service > div.service1 .in-cont-rt .service1-direct.en li {
        float: none;
        width: 100%;
        text-align: left; }
        .gov24-service > div.service1 .in-cont-rt .service1-direct.en li > div {
          max-width: 100% !important; }
          .gov24-service > div.service1 .in-cont-rt .service1-direct.en li > div:before {
            float: left;
            display: inline-block;
            background-color: #faf4e6;
            border-radius: 2px;
            width: 80px;
            height: 80px; }
          .gov24-service > div.service1 .in-cont-rt .service1-direct.en li > div em {
            display: block;
            float: left;
            text-align: left; }
  .gov24-service > div.service2 h3 {
    color: #35a203; }
  .gov24-service > div.service2:before {
    background-color: #72bb50;
    background-position: 0 -80px; }
    @media only screen and (max-width: 414px) {
      .gov24-service > div.service2:before {
        background-position: 0 -40px; } }
  .gov24-service > div.service2 .in-cont-rt {
    padding-right: 350px; }
    @media only screen and (max-width: 805px) {
      .gov24-service > div.service2 .in-cont-rt {
        padding-right: 0; } }
    .gov24-service > div.service2 .in-cont-rt .service2-list {
      position: absolute;
      display: block;
      top: 28px;
      right: 0;
      width: 306px;
      text-align: center; }
      @media only screen and (max-width: 805px) {
        .gov24-service > div.service2 .in-cont-rt .service2-list {
          display: none;
          position: relative;
          top: 0;
          width: initial !important;
          max-width: 100%;
          margin-top: 10px;
          margin-left: 22px; } }
      .gov24-service > div.service2 .in-cont-rt .service2-list li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 12px;
        font-size: 1.2rem; }
        .gov24-service > div.service2 .in-cont-rt .service2-list li span {
          display: block;
          padding: 0 10px;
          box-sizing: border-box;
          background-color: #eef4cb; }
          .gov24-service > div.service2 .in-cont-rt .service2-list li span > span {
            background-color: #d8e881; }
            .gov24-service > div.service2 .in-cont-rt .service2-list li span > span > span {
              background-color: #bed05b; }
              .gov24-service > div.service2 .in-cont-rt .service2-list li span > span > span > span {
                background-color: #afc246; }
        .gov24-service > div.service2 .in-cont-rt .service2-list li.bgc1 span {
          padding: 11px 40px; }
        .gov24-service > div.service2 .in-cont-rt .service2-list li.bgc2 span > span {
          padding: 9px 30px; }
        .gov24-service > div.service2 .in-cont-rt .service2-list li.bgc3 span > span > span {
          padding: 9px 20px; }
        .gov24-service > div.service2 .in-cont-rt .service2-list li.bgc4 span > span > span > span {
          padding: 11px 10px; }
  .gov24-service > div.service3 {
    padding-bottom: 0; }
    .gov24-service > div.service3 h3 {
      color: #be7600; }
    .gov24-service > div.service3:before {
      background-color: #ff9f00;
      background-position: 0 -160px; }
      @media only screen and (max-width: 414px) {
        .gov24-service > div.service3:before {
          background-position: 0 -80px; } }
    .gov24-service > div.service3 .in-cont-rt {
      padding-right: 350px; }
      @media only screen and (max-width: 805px) {
        .gov24-service > div.service3 .in-cont-rt {
          padding-right: 0; } }
      .gov24-service > div.service3 .in-cont-rt:after {
        position: absolute;
        display: block;
        content: '';
        top: 28px;
        right: 0;
        width: 306px;
        height: 100px;
        background: url("/img/bg_service3.gif") no-repeat 0 0;
        box-sizing: border-box; }
        @media only screen and (max-width: 805px) {
          .gov24-service > div.service3 .in-cont-rt:after {
            display: none;
            position: relative;
            top: 0;
            width: initial !important;
            max-width: 100%;
            margin-top: 10px;
            margin-left: 22px;
            background-size: cover; } }
  .gov24-service > div .noti-box {
    position: relative;
    margin-top: 23px; }
    @media only screen and (max-width: 414px) {
      .gov24-service > div .noti-box {
        margin-top: 13px; } }
    .gov24-service > div .noti-box.in-btn {
      padding-bottom: 45px; }
    .gov24-service > div .noti-box dt {
      position: relative;
      padding-left: 22px;
      font-size: 15px;
      font-size: 1.5rem; }
      .gov24-service > div .noti-box dt:before {
        position: absolute;
        display: block;
        content: '';
        top: 5px;
        left: 0;
        width: 12px;
        height: 12px;
        background: url("/img/ico_notibox_dt.png") no-repeat 0 0; }
    .gov24-service > div .noti-box dd {
      padding-left: 22px;
      font-size: 13px;
      font-size: 1.3rem;
      color: #777; }
      .gov24-service > div .noti-box dd p {
        margin-top: 3px; }
    .gov24-service > div .noti-box .txt-atch {
      position: relative;
      margin-top: 18px;
      padding-left: 14px; }
      .gov24-service > div .noti-box .txt-atch span {
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    .gov24-service > div .noti-box .field-list {
      margin-top: 3px; }
      @media only screen and (max-width: 805px) {
        .gov24-service > div .noti-box .field-list {
          margin-top: 8px; }
          .gov24-service > div .noti-box .field-list:after {
            content: "";
            display: table; }
          .gov24-service > div .noti-box .field-list:after {
            clear: both; } }
      .gov24-service > div .noti-box .field-list li {
        padding-top: 5px; }
        @media only screen and (max-width: 805px) {
.gov24-service > div .noti-box .field-list li {
  float: left;
  width: 33.3333333333%;
  padding-left: 10px;
  box-sizing: border-box; }
.gov24-service > div .noti-box .field-list li:first-child {
  padding-left: 0; } }
.gov24-service > div .noti-box .field-list li span {
  display: block;
  width: 133px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #01467d;
  border: 1px solid #00aaff;
  box-sizing: border-box;
  border-radius: 14px; }
          @media only screen and (max-width: 805px) {
            .gov24-service > div .noti-box .field-list li span {
              width: 100%; } }
    .gov24-service > div .noti-box .btn-move {
      position: absolute;
      left: 22px;
      bottom: 0;
      margin-top: 12px; }
    .gov24-service > div .noti-box .ibtn.ico.move * {
      min-width: 185px !important;
      padding: 0 !important; }
      .gov24-service > div .noti-box .ibtn.ico.move *:after {
        display: inline-block;
        content: '';
        width: 5px;
        height: 7px;
        margin: 0 0 1px 10px;
        background: url("/img/ico_cs_btn.png") no-repeat 0 -120px; }
    .gov24-service > div .noti-box .ibtn.ico.move:before {
      display: none; }

.ibtn.medium.btn-changeLang {
  float: right;
  width: 102px;
  min-width: 102px !important;
  text-align: center;
  background: #0e3b64;
  margin-right: 0; }
  .ibtn.medium.btn-changeLang:after {
    content: "";
    display: block;
    clear: both;
    width: 100%; }

.ibtn.medium.btn-changeLang * {
  min-width: 0 !important; }

.govSumry-en .gov24-outline h2 {
  display: block;
  overflow: hidden;
  width: 100%; }
  .govSumry-en .gov24-outline h2 img {
    max-width: 100%; }
.govSumry-en .outline-cont {
  max-width: 100%; }
.govSumry-en .gov24-service > div {
  margin-left: 38px; }
  @media only screen and (max-width: 805px) {
    .govSumry-en .gov24-service > div {
      margin-left: 0; } }
  .govSumry-en .gov24-service > div h3 {
    font-weight: bold; }
  .govSumry-en .gov24-service > div .noti-box.in-btn {
    padding-bottom: 0; }
  .govSumry-en .gov24-service > div .noti-box dd {
    position: relative;
    background: #faf4e6;
    margin-top: 12px;
    padding: 16px 20px 20px 20px; }
    .govSumry-en .gov24-service > div .noti-box dd ul > li {
      padding-bottom: 12px; }
      .govSumry-en .gov24-service > div .noti-box dd ul > li strong {
        font-weight: bold;
        color: #333333; }
  .govSumry-en .gov24-service > div .noti-box .btn-move {
    position: relative;
    margin-top: 0;
    left: 0;
    bottom: 0; }
.govSumry-en .gov24-service .service2 .in-cont-rt {
  padding-right: 0; }
.govSumry-en .gov24-service .service3 .ibtn.ico.in:before {
  display: none; }
.govSumry-en .gov24-service .service3 .ibtn.ico.move *:after {
  display: inline-block;
  content: '';
  width: 5px;
  height: 7px;
  margin: 0 0 1px 10px;
  background: url("/2017/img//page/ico_cs_btn.png") no-repeat 0 -120px; }
.govSumry-en .gov24-service .ibtn.ico.move * {
  padding: 0 15px !important;
  min-width: 0 !important; }
.govSumry-en .service1-direct-list li {
  display: table;
  height: 80px;
  margin-bottom: 10px;
  box-sizing: border-box; }
  .govSumry-en .service1-direct-list li:before {
    content: "";
    display: table-cell;
    width: 80px;
    background-color: #faf4e6;
    border-radius: 2px;
    vertical-align: middle; }
  .govSumry-en .service1-direct-list li p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 18px; }
  .govSumry-en .service1-direct-list li.direct1:before {
    background: #faf4e6 url("/2017/img//page/govSumry-service01-01.png") no-repeat 0 50%; }
  .govSumry-en .service1-direct-list li.direct2:before {
    background: #faf4e6 url("/2017/img//page/govSumry-service01-02.png") no-repeat 0 50%; }
  .govSumry-en .service1-direct-list li.direct3:before {
    background: #faf4e6 url("/2017/img//page/govSumry-service01-03.png") no-repeat 0 50%; }

.contentsWrap .contents h2.mid-line span {
  font-weight: bold; }

.mark-wrap h2 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 28px !important; }
  @media only screen and (max-width: 805px) {
    .mark-wrap h2 {
      margin-top: 28px !important; } }
.mark-wrap .mark-cont {
  padding-top: 6px; }
  .mark-wrap .mark-cont ul {
    margin-top: 24px; }
    .mark-wrap .mark-cont ul li {
      position: relative;
      padding: 2px 0 2px 14px;
      font-size: 14px;
      font-size: 1.4rem;
      color: #666; }
.mark-wrap .mark-cont ul li:before {
  position: absolute;
  display: block;
  content: '';
  top: 9px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #616161;
  border-radius: 50%; }
.mark-wrap .mark-cont em {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal; }
.mark-wrap .mark-cont img {
  max-width: 100%; }
.mark-wrap .mark-cont .cont-box {
  padding: 16px 23px;
  text-align: center;
  border: 1px solid #dcdcdc; }
.mark-wrap .mark-cont .cont-box > p:after {
  content: "";
  display: table; }
    .mark-wrap .mark-cont .cont-box > p:after {
      clear: both; }
    .mark-wrap .mark-cont .cont-box > p > span {
      display: block;
      float: left;
      width: 50%;
      text-align: left;
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .mark-wrap .mark-cont .cont-box > p > span {
          width: 100%;
          margin-top: 16px; } }
    .mark-wrap .mark-cont .cont-box > p.type1 > span {
      width: 44.5%;
      margin-bottom: 25px; }
      @media only screen and (max-width: 640px) {
        .mark-wrap .mark-cont .cont-box > p.type1 > span {
          width: 100%;
          text-align: center;
          margin-top: 0;
          margin-bottom: 16px; } }
      .mark-wrap .mark-cont .cont-box > p.type1 > span + span {
        width: 55.5%;
        margin-bottom: 76px; }
        @media only screen and (max-width: 640px) {
          .mark-wrap .mark-cont .cont-box > p.type1 > span + span {
            width: 100%;
            margin-bottom: 16px; } }
    .mark-wrap .mark-cont .cont-box > p.type2 > span + span + span, .mark-wrap .mark-cont .cont-box > p.type2 > span + span + span + span {
      margin-top: 32px; }
      @media only screen and (max-width: 640px) {
        .mark-wrap .mark-cont .cont-box > p.type2 > span + span + span, .mark-wrap .mark-cont .cont-box > p.type2 > span + span + span + span {
          margin-top: 16px; } }
  .mark-wrap .mark-cont .btn-bi-download {
    margin: 10px 0 15px 0; }
    @media only screen and (max-width: 640px) {
      .mark-wrap .mark-cont .btn-bi-download {
        margin-bottom: 0; } }
    .mark-wrap .mark-cont .btn-bi-download > * {
      display: inline-block;
      margin: 0 8px; }
      @media only screen and (max-width: 640px) {
        .mark-wrap .mark-cont .btn-bi-download > * {
          margin: 0;
          margin-top: 5px; }
          .mark-wrap .mark-cont .btn-bi-download > *:first-child {
            margin-top: 0; } }
      .mark-wrap .mark-cont .btn-bi-download > * a {
        position: relative;
        display: block;
        padding: 11px 77px 11px 103px;
        font-size: 14px;
        font-size: 1.4rem;
        border: 1px solid #666;
        box-sizing: border-box; }
        @media only screen and (max-width: 640px) {
          .mark-wrap .mark-cont .btn-bi-download > * a {
            padding-right: 57px; } }
        .mark-wrap .mark-cont .btn-bi-download > * a:before, .mark-wrap .mark-cont .btn-bi-download > * a:after {
          position: absolute;
          display: block;
          content: '';
          top: 50%;
          height: 25px;
          margin-top: -13px;
          background: url("/img/ico_btn_bi.png") no-repeat 0 0; }
        .mark-wrap .mark-cont .btn-bi-download > * a:before {
          left: 20px;
          width: 72px; }
        .mark-wrap .mark-cont .btn-bi-download > * a:after {
          right: 19px;
          width: 17px;
          background-position: -100px 0; }
      .mark-wrap .mark-cont .btn-bi-download > *.eng-bi a:before {
        width: 74px;
        background-position: 0 -25px; }
  .mark-wrap .mark-cont .color-box {
    margin-top: 24px; }
.mark-wrap .mark-cont .color-box:after {
  content: "";
  display: table; }
.mark-wrap .mark-cont .color-box:after {
  clear: both; }
.mark-wrap .mark-cont .color-box > * {
  display: block;
  float: left;
  width: 25%;
  text-align: left;
  box-sizing: border-box; }
  @media only screen and (max-width: 805px) {
    .mark-wrap .mark-cont .color-box > * {
      width: 50%;
      padding-left: 1.2%; } }
  @media only screen and (max-width: 414px) {
    .mark-wrap .mark-cont .color-box > * {
      width: 100%; } }
.mark-wrap .mark-cont .color-box .color1 {
  background-color: #003964; }
.mark-wrap .mark-cont .color-box .color2 {
  background-color: #ed1a3b; }
.mark-wrap .mark-cont .color-box .color3 {
  background-color: #58585a; }
.mark-wrap .mark-cont .color-box .color4 {
  border: 1px solid #959595;
  background-color: #fff; }

.govBanner-wrap .guide-banner {
  display: block;
  min-height: 14px;
  /* background:url(../../../img/icon-check.png) no-repeat 0 2px; */
  background: url("/img/icon-check.png") no-repeat 0 2px;
  padding: 0 0 0 18px;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  font-size: 1.5rem; }
.govBanner-wrap h2 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 28px !important;
  margin-bottom: 8px; }
  @media only screen and (max-width: 805px) {
    .govBanner-wrap h2 {
      margin-top: 28px !important; } }
.govBanner-wrap .banner-list {
  display: table;
  width: 100%; }
  .govBanner-wrap .banner-list > li {
    display: table-cell;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 20px;
    text-align: center;
    vertical-align: middle; }
    .govBanner-wrap .banner-list > li:last-child {
      border-right: 0; }
    @media only screen and (max-width: 640px) {
      .govBanner-wrap .banner-list > li {
        display: block;
        width: 100%;
        border-right: 0; } }
    .govBanner-wrap .banner-list > li > ul {
      display: inline-block;
      margin: 0;
      padding: 0; }
      .govBanner-wrap .banner-list > li > ul > li {
        display: block; }
      .govBanner-wrap .banner-list > li > ul > li + li {
        margin-top: 6px; }
.govBanner-wrap em {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal; }
.govBanner-wrap img {
  max-width: 100%; }
.govBanner-wrap .cont-box {
  text-align: center;
  border: 1px solid #dcdcdc; }
  .govBanner-wrap .cont-box > p:after {
    content: "";
    display: table; }
  .govBanner-wrap .cont-box > p:after {
    clear: both; }
  .govBanner-wrap .cont-box > p > span {
    display: block;
    float: left;
    width: 50%;
    text-align: left;
    box-sizing: border-box; }
    @media only screen and (max-width: 640px) {
      .govBanner-wrap .cont-box > p > span {
        width: 100%;
        margin-top: 16px; } }
  .govBanner-wrap .cont-box > p.type1 > span {
    width: 44.5%;
    margin-bottom: 25px; }
    @media only screen and (max-width: 640px) {
      .govBanner-wrap .cont-box > p.type1 > span {
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 16px; } }
    .govBanner-wrap .cont-box > p.type1 > span + span {
      width: 55.5%;
      margin-bottom: 76px; }
      @media only screen and (max-width: 640px) {
        .govBanner-wrap .cont-box > p.type1 > span + span {
          width: 100%;
          margin-bottom: 16px; } }
  .govBanner-wrap .cont-box > p.type2 > span + span + span, .govBanner-wrap .cont-box > p.type2 > span + span + span + span {
    margin-top: 32px; }
    @media only screen and (max-width: 640px) {
      .govBanner-wrap .cont-box > p.type2 > span + span + span, .govBanner-wrap .cont-box > p.type2 > span + span + span + span {
        margin-top: 16px; } }
.govBanner-wrap .btn-download {
  margin: 15px 0; }
  .govBanner-wrap .btn-download > * {
    display: inline-block;
    margin: 0 8px; }
    @media only screen and (max-width: 640px) {
      .govBanner-wrap .btn-download > * {
        margin: 0;
        margin-top: 5px; }
        .govBanner-wrap .btn-download > *:first-child {
          margin-top: 0; } }
    .govBanner-wrap .btn-download > * a {
      position: relative;
      display: block;
      padding: 11px 68px 11px 19px;
      font-size: 14px;
      font-size: 1.4rem;
      border: 1px solid #666;
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .govBanner-wrap .btn-download > * a {
          padding-right: 57px; } }
      .govBanner-wrap .btn-download > * a:after {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        right: 19px;
        width: 17px;
        height: 25px;
        margin-top: -13px;
        background: url("/img/ico_btn_bi.png") no-repeat 0 0;
        background-position: -100px 0; }

/*------------------------------ 민원신청내역 유의사항 03-06 ----------------------------*/
.cs-notice .csn-tit-box {
  position: relative;
  padding-left: 34px; }
  .cs-notice .csn-tit-box:before {
    position: absolute;
    display: block;
    content: '';
    top: 2px;
    left: 0;
    width: 23px;
    height: 34px;
    background: url("/img/ico_cs_notice.png") no-repeat 0 0; }
  .cs-notice .csn-tit-box h2, .cs-notice .csn-tit-box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 0; }
  .cs-notice .csn-tit-box p {
    position: relative;
    color: #2a74cf;
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 15px; }
    .cs-notice .csn-tit-box p > span {
      position: absolute;
      top: 0;
      left: 0; }
.cs-notice .csn-cont-box {
  margin-top: 20px; }
  .cs-notice .csn-cont-box dl {
    display: table;
    width: 100%;
    margin-top: 10px; }
    .cs-notice .csn-cont-box dl:first-child {
      margin-top: 0; }
    @media only screen and (max-width: 640px) {
      .cs-notice .csn-cont-box dl {
        display: block; } }
    .cs-notice .csn-cont-box dl > * {
      display: table-cell;
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .cs-notice .csn-cont-box dl > * {
          display: block; } }
    .cs-notice .csn-cont-box dl dt {
      width: 16.6666666667%;
      padding: 15px 20px;
      font-size: 14px;
      font-size: 1.4rem; }
      @media only screen and (max-width: 640px) {
        .cs-notice .csn-cont-box dl dt {
          width: 100%;
          padding: 10px 20px;
          text-align: center; } }
    .cs-notice .csn-cont-box dl dd {
      width: 83.3333333333%;
      padding: 15px 10px;
      border: 1px solid #e8e9ee;
      border-left: 0; }
      @media only screen and (max-width: 640px) {
        .cs-notice .csn-cont-box dl dd {
          width: 100%;
          border-top: 0;
          border-left: 1px solid #e8e9ee; } }
      .cs-notice .csn-cont-box dl dd .go-site {
        display: inline-block;
        color: #026ac3;
        padding: 0 10px;
        text-decoration: underline; }
        .cs-notice .csn-cont-box dl dd .go-site:after {
          display: inline-block;
          content: '';
          width: 5px;
          height: 7px;
          margin: 0 0 2px 8px;
          background: url("/img/ico_csn_go_site.png") no-repeat 0 0; }
      .cs-notice .csn-cont-box dl dd em {
        color: #d30202;
        font-style: normal; }
.cs-notice .csn-cont-box dl dd ul {
  margin-top: 2px; }
.cs-notice .csn-cont-box dl dd ul li {
  position: relative;
  padding: 2px 0 2px 12px;
  color: #666; }
.cs-notice .csn-cont-box dl dd ul li:before {
  position: absolute;
  display: block;
  content: '';
  top: 9px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #616161;
  border-radius: 50%; }
.cs-notice .csn-cont-box dl dd p {
  position: relative;
  margin-top: 14px;
  padding-left: 18px; }
  .cs-notice .csn-cont-box dl dd p:before {
    position: absolute;
    display: block;
    content: '';
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #2196f3; }
  .cs-notice .csn-cont-box dl dd p:first-child {
    margin-top: 0; }
  .cs-notice .csn-cont-box dl dd p.stit + ul {
    margin-left: 18px; }
.cs-notice .csn-cont-box dl dd .csn-tip {
  margin-top: 14px; }
.cs-notice .csn-cont-box dl dd .csn-tip > i {
  position: relative;
  display: block;
  width: 55px;
  height: 24px;
  line-height: 24px;
  padding-left: 26px;
  color: #02539d;
  font-weight: bold;
  font-style: normal;
  background-color: #ececec;
  border-radius: 12px;
  box-sizing: border-box; }
  .cs-notice .csn-cont-box dl dd .csn-tip > i:before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 4px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url("/img/ico_csn_tip.png") no-repeat 0 0; }
.cs-notice .csn-cont-box dl dd .csn-tip > p {
  margin-top: 6px;
  padding-left: 0; }
  .cs-notice .csn-cont-box dl dd .csn-tip > p:before {
    display: none; }
  .cs-notice .csn-cont-box dl dd .csn-tip > p.stit + ul {
    margin-left: 0; }
    .cs-notice .csn-cont-box dl.box1 dt {
      background-color: #e7f2fb; }
    .cs-notice .csn-cont-box dl.box2 dt {
      background-color: #ecf9ea; }
    .cs-notice .csn-cont-box dl.box3 dt {
      background-color: #fcf7f2; }
/* s: 20191212 pub 추가  */
    .cs-notice .csn-cont-box dl.box4 dt {
      background-color:#efe7fb;}
	.cs-notice .csn-cont-box dl dd p.bg_none {
	  padding-left:0}
	.cs-notice .csn-cont-box dl dd p.bg_none:before {
	  left:-9999px}
/* e: 20191212 pub 추가  */

.wpix5 {
  width: 5px !important;
  min-width: 5px !important;
  max-width: 5px !important; }

.wpix10 {
  width: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important; }

.wpix15 {
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important; }

.wpix20 {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important; }

.wpix25 {
  width: 25px !important;
  min-width: 25px !important;
  max-width: 25px !important; }

.wpix30 {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important; }

.wpix35 {
  width: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important; }

.wpix40 {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important; }

.wpix45 {
  width: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important; }

.wpix50 {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important; }

.wpix55 {
  width: 55px !important;
  min-width: 55px !important;
  max-width: 55px !important; }

.wpix60 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important; }

.wpix65 {
  width: 65px !important;
  min-width: 65px !important;
  max-width: 65px !important; }

.wpix70 {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important; }

.wpix75 {
  width: 75px !important;
  min-width: 75px !important;
  max-width: 75px !important; }

.wpix80 {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important; }

.wpix85 {
  width: 85px !important;
  min-width: 85px !important;
  max-width: 85px !important; }

.wpix90 {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important; }

.wpix95 {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important; }

.wpix100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important; }

.wper5 {
  width: 5% !important;
  min-width: 5% !important;
  max-width: 5% !important; }

.wper10 {
  width: 10% !important;
  min-width: 10% !important;
  max-width: 10% !important; }

.wper15 {
  width: 15% !important;
  min-width: 15% !important;
  max-width: 15% !important; }

.wper20 {
  width: 20% !important;
  min-width: 20% !important;
  max-width: 20% !important; }

.wper25 {
  width: 25% !important;
  min-width: 25% !important;
  max-width: 25% !important; }

.wper30 {
  width: 30% !important;
  min-width: 30% !important;
  max-width: 30% !important; }

.wper35 {
  width: 35% !important;
  min-width: 35% !important;
  max-width: 35% !important; }

.wper40 {
  width: 40% !important;
  min-width: 40% !important;
  max-width: 40% !important; }

.wper45 {
  width: 45% !important;
  min-width: 45% !important;
  max-width: 45% !important; }

.wper50 {
  width: 50% !important;
  min-width: 50% !important;
  max-width: 50% !important; }

.wper55 {
  width: 55% !important;
  min-width: 55% !important;
  max-width: 55% !important; }

.wper60 {
  width: 60% !important;
  min-width: 60% !important;
  max-width: 60% !important; }

.wper65 {
  width: 65% !important;
  min-width: 65% !important;
  max-width: 65% !important; }

.wper70 {
  width: 70% !important;
  min-width: 70% !important;
  max-width: 70% !important; }

.wper75 {
  width: 75% !important;
  min-width: 75% !important;
  max-width: 75% !important; }

.wper80 {
  width: 80% !important;
  min-width: 80% !important;
  max-width: 80% !important; }

.wper85 {
  width: 85% !important;
  min-width: 85% !important;
  max-width: 85% !important; }

.wper90 {
  width: 90% !important;
  min-width: 90% !important;
  max-width: 90% !important; }

.wper95 {
  width: 95% !important;
  min-width: 95% !important;
  max-width: 95% !important; }

.wper100 {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important; }

.tbl-view .view-contents p {
  line-height: 1.7; }

.fa-asterisk {
  width: 10px !important;
  height: 10px !important;
  background: url("/img/ico_fa_asterisk.png") no-repeat 0 0 !important; }
  .fa-asterisk:before {
    display: none !important; }

.bg-pattern {
  background-repeat: repeat !important;
  background-position: 0 0 !important; }
  .bg-pattern.type1w {
    background-image: url("/img/bg_pattern1_w.png") !important; }
  .bg-pattern.type1b {
    background-image: url("/img/bg_pattern1_b.png") !important; }
  .bg-pattern.type2w {
    background-image: url("/img/bg_pattern2_w.png") !important; }
  .bg-pattern.type2b {
    background-image: url("/img/bg_pattern2_b.png") !important; }

.label-text {
  position: relative;
  display: block !important;
  width: auto;
  height: 2.85em;
  line-height: 1.5em;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis; /* 두줄 말줄임 처리 */
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical; }
 .label-text:after {
   content: '...';
   text-align: left;
   bottom: 9px;
   right: 37px;
   width: auto;
   display: block;
   position: absolute;
   height: 1em; }

@supports (-webkit-line-clamp: 2) {
  .label-text {
    height: auto; }
    .label-text:after {
      display: none !important; } }
/* s:  바로받는 서비스 2017e 옮겨옴(20170609) 
.sv_info {
	background:#fef5ec; 
	padding:25px 20px;
	@include respond-to('md') {
		margin-bottom:10px;
	}
	h3 {
		font-weight:bold; 
		font-size:18px; 
		line-height:18px; 
		margin-bottom:10px;
	}
}


.sv_edge {
	background:#fef5ec; padding:0 20px 25px 20px; position:relative;
	@include respond-to('md') {
		background:none; 
		padding:0;
	}
	.left {
		position:absolute; 
		left:0; top:0;
		width:33.33%;  
		padding-left:20px; 
		box-sizing:border-box;
		@include respond-to('md') {
			width:auto; 
			position:static; 
			box-sizing:border-box; 
			padding-left:0;
		}
	}
	.center {
		width:33.33%; 
		margin:0 33.33%;
		@include respond-to('md') {
			margin:0; width:auto;
		}
	}
	.right {
		width:33.33%; 
		position:absolute; 
		right:0; top:0; 
		padding-right:20px; 
		box-sizing:border-box;
		@include respond-to('md') {
			width:auto; 
			position:static; 
			box-sizing:border-box; 
			padding-right:0;
		}		
	
	}
	.box {
		background:#fff; 
		border:1px solid #e8e9ee; 
		margin-bottom:10px;
		padding:25px 20px; 		
		@include respond-to('md') {
			padding:0;
		}

		&.action {
			@include respond-to('md') {
				padding:0 0 15px 0;
				h4 {
					border-bottom:1px solid #e8e9ee; margin-bottom:15px;
					a {
						background:#2196f3;
						color:#fff;
						border-left:none;
						i {
							width:25px; 
							height:25px; 
							background:url(/2017/img/mrs/ser_arr.png) right bottom no-repeat; 
							background-size:200%; 
							display:block; 
							position:absolute; 
							right:20px; 
							top:20px;
						}
					}
				}
				h5 {display:block;}
				ul {display:block;}
			}
		}

		h4 {
			display:block;
			min-height:43px;
			padding-left:65px;
			margin-bottom:25px;
			@include respond-to('md') {
				padding-left:80px; margin-bottom:0;
			}
			strong {font-size:18px; display:block; font-weight:bold; line-height:18px; margin-bottom:6px;}
			span {display:block;}
			a {
				display:block; 
				text-decoration:none;
				@include respond-to('md') {
					padding:10px 10px;
					position:relative;
					border-left:1px solid #e8e9ee;
					i {
						width:25px; 
						height:25px; 
						background:url(/2017/img/mrs/ser_arr.png) left top no-repeat; 
						background-size:200%; display:block; 
						position:absolute; 
						right:20px;
						top:20px;
					}
				}
			}
			&.tit_01 {background:url(/2017/img/mrs/ser_icon_01_01.png) left center no-repeat;}
			&.tit_02 {background:url(/2017/img/mrs/ser_icon_01_02.png) left center no-repeat;}
			&.tit_03 {background:url(/2017/img/mrs/ser_icon_01_03.png) left center no-repeat;}
			&.tit_04 {background:url(/2017/img/mrs/ser_icon_01_04.png) left center no-repeat;}
			&.tit_05 {background:url(/2017/img/mrs/ser_icon_02_05.png) left center no-repeat;}
			&.tit_06 {background:url(/2017/img/mrs/ser_icon_01_06.png) left center no-repeat;}
			&.tit_07 {background:url(/2017/img/mrs/ser_icon_01_07.png) left center no-repeat;}
			@include respond-to('md') {
				&.tit_01 {background-position:17px center; background-size:auto 65%;}
				&.tit_02 {background-position:17px center; background-size:auto 65%;}
				&.tit_03 {background-position:21px center; background-size:auto 65%;}
				&.tit_04 {background-position:20px center; background-size:auto 65%;}
				&.tit_05 {background-position:17px center; background-size:auto 65%;}
				&.tit_06 {background-position:17px center; background-size:auto 65%;}
				&.tit_07 {background-position:17px center; background-size:auto 65%;}
			}
		}		
		
		h5 {
			font-size:16px; 
			color:#333; 
			line-height:16px; 
			margin-bottom:15px;
			@include respond-to('md') {
				margin:0 10px 15px 10px;
			}
			@include respond-to('md') {
				display:none;
			}
		}	
		ul {
			@include respond-to('md') {
				display:none;
			}
			&.bott_ma {
				margin-bottom:17px;
			}
			li {
				position:relative; 
				margin-bottom:8px;
				@include respond-to('md') {
					margin-left:10px; 
					margin-right:10px;
				}
				&:after {content:""; clear:both; height:0%; display:block;}
				span {display:block; line-height:24px; float:left; font-size:12px;}
				a {
					display:inline-block; 
					line-height:24px; 
					position:absolute; 
					right:0; top:0; 
					background:#fff;
					padding:0 15px; 
					border:1px solid #2196f3; 
					color:#2196f3;
				}
			}
		}
	}
	
}

.hi1 {
	height:267px;
	@include respond-to('md') {
		height:auto;
	}
}
.hi2 {
	height:137px;
	@include respond-to('md') {
		height:auto;
	}
}
 e:  바로받는 서비스 2017e */
/* 어디서나 민원 */
.anywhere_info {
  position: relative;
  background: #fef5ec;
  padding: 25px 20px 16px 20px; }
  @media only screen and (max-width: 805px) {
    .anywhere_info {
      margin-bottom: 10px; } }
  .anywhere_info h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px; }
  .anywhere_info .btn_all {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 16px;
    background: #616161;
    height: 35px;
    vertical-align: middle;
    line-height: 35px;
    padding: 0 18px; }
    @media only screen and (max-width: 805px) {
      .anywhere_info .btn_all {
        display: none; } }
    .anywhere_info .btn_all span {
      display: inline-block;
      position: relative;
      color: #fff;
      height: 16px;
      line-height: 16px;
      padding-right: 20px; }
      .anywhere_info .btn_all span:after {
        content: "";
        display: inline-block;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 16px;
        height: 16px;
        background: url(/2017/img/mrs/icon_btn_all.png) no-repeat;
        margin: 0 0 0 4px; }

.anywhere_edge {
  position: relative;
  overflow: hidden;
  background: #fef5ec;
  padding: 0 20px 25px 20px; }
  @media only screen and (max-width: 805px) {
    .anywhere_edge {
      background: none;
      padding: 0; } }
  .anywhere_edge .left {
    position: absolute;
    left: 0;
    top: 0;
    width: 33.33%;
    padding-left: 20px;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .left {
        width: auto;
        position: static;
        box-sizing: border-box;
        padding-left: 0; } }
  .anywhere_edge .center {
    width: 33.33%;
    margin: 0 33.33%; }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .center {
        margin: 0;
        width: auto; } }
  .anywhere_edge .right {
    width: 33.33%;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 20px;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .right {
        width: auto;
        position: static;
        box-sizing: border-box;
        padding-right: 0; } }
  .anywhere_edge .box {
    background: #fff;
    border: 1px solid #e8e9ee;
    margin-bottom: 10px;
    padding: 20px 20px; }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .box {
        padding: 0; } }
    .anywhere_edge .box.minwon04 {
      height: 298px; }
    .anywhere_edge .box.minwon05 {
      height: 337px; }
    .anywhere_edge .box.minwon08 {
      height: 211px; }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .box.minwon05, .anywhere_edge .box.minwon08, .anywhere_edge .box.minwon04 {
        height: auto; } }
    .anywhere_edge .box h4 {
      display: block;
      min-height: 48px;
      padding-left: 65px;
      margin-bottom: 25px; }
      @media only screen and (max-width: 805px) {
        .anywhere_edge .box h4 {
          padding-left: 80px;
          margin-bottom: 0; } }
      .anywhere_edge .box h4 strong {
        font-size: 18px;
        display: inline;
        font-weight: bold;
        line-height: 18px;
        margin-bottom: 6px; }
      .anywhere_edge .box h4 span {
        display: inline;
        font-size: 14px; }
      .anywhere_edge .box h4 a {
        display: block;
        position: relative;
        text-decoration: none;
        line-height: 48px;
        vertical-align: middle; }
        @media only screen and (max-width: 805px) {
          .anywhere_edge .box h4 a {
            padding: 10px 10px;
            position: relative;
            border-left: 1px solid #e8e9ee; } }
        .anywhere_edge .box h4 a i {
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          width: 15px;
          height: 15px;
          margin-top: -7px;
          background: url(/2017/img/mrs/min_icon_plus.png) left top no-repeat;
          background-size: 100%; }
          @media only screen and (max-width: 805px) {
            .anywhere_edge .box h4 a i {
              width: 24px;
              height: 24px;
              right: 20px;
              margin-top: -12px;
              background: url(/2017/img/mrs/ser_arr.png) left top no-repeat;
              background-size: 200%; } }
      .anywhere_edge .box h4.tit_01 {
        background: url(/2017/img/mrs/min_icon_01.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_02 {
        background: url(/2017/img/mrs/min_icon_02.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_03 {
        background: url(/2017/img/mrs/min_icon_03.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_04 {
        background: url(/2017/img/mrs/min_icon_04.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_05 {
        background: url(/2017/img/mrs/min_icon_05.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_06 {
        background: url(/2017/img/mrs/min_icon_06.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_07 {
        background: url(/2017/img/mrs/min_icon_07.png) left center no-repeat; }
      .anywhere_edge .box h4.tit_08 {
        background: url(/2017/img/mrs/min_icon_08.png) left center no-repeat; }
      @media only screen and (max-width: 805px) {
        .anywhere_edge .box h4.tit_01 {
          background-position: 17px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_02 {
          background-position: 17px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_03 {
          background-position: 21px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_04 {
          background-position: 20px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_05 {
          background-position: 17px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_06 {
          background-position: 20px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_07 {
          background-position: 17px center;
          background-size: auto 65%; }
        .anywhere_edge .box h4.tit_08 {
          background-position: 24px center;
          background-size: auto 65%; } }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .box.action h4 {
        border-bottom: 1px solid #e8e9ee;
        margin-bottom: 15px; }
        .anywhere_edge .box.action h4 a {
          background: #70ba50;
          color: #fff;
          border-left: none; }
          .anywhere_edge .box.action h4 a i {
            background: url(/2017/img/mrs/ser_arr.png) right bottom no-repeat;
            background-size: 200%; }
      .anywhere_edge .box.action h5 {
        display: block; }
      .anywhere_edge .box.action ul {
        display: block; } }
    .anywhere_edge .box h5 {
      font-size: 16px;
      color: #333;
      line-height: 16px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 805px) {
        .anywhere_edge .box h5 {
          margin: 0 10px 15px 10px; } }
      @media only screen and (max-width: 805px) {
        .anywhere_edge .box h5 {
          display: none; } }
    @media only screen and (max-width: 805px) {
      .anywhere_edge .box ul {
        display: none; } }
    .anywhere_edge .box ul.bott_ma {
      margin-bottom: 17px; }
    .anywhere_edge .box ul li {
      position: relative;
      margin-bottom: 8px; }
      @media only screen and (max-width: 805px) {
        .anywhere_edge .box ul li {
          margin-left: 10px;
          margin-right: 10px; } }
      .anywhere_edge .box ul li:after {
        content: "";
        clear: both;
        height: 0%;
        display: block; }
      .anywhere_edge .box ul li .minwon-name {
        display: block;
        overflow: hidden;
        padding-right: 66px;
        line-height: 24px;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box; }
      .anywhere_edge .box ul li .btn-apply {
        display: inline-block;
        line-height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        padding: 0 15px;
        border: 1px solid #cccccc;
        color: #6a9938; }

/* ------------------------- 어디서나 민원 카테고리 ------------------------- */
.cs-minwon-cate {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 11px;
  box-sizing: border-box;
  padding: 0; }
  .cs-minwon-cate ul {
    /* @include clearafter;*/
    overflow: hidden;
    display: block;
    position: relative;
    /* min-width: 100%;	*/
    margin-left: -4px;
    padding-left: 20%; }
    @media only screen and (max-width: 805px) {
      .cs-minwon-cate ul {
        margin-bottom: 14px;
        padding-left: 25%; } }
    @media only screen and (max-width: 640px) {
      .cs-minwon-cate ul {
        padding-left: 33.3333333333%;
        padding-left: 90px; } }
    @media only screen and (max-width: 360px) {
      .cs-minwon-cate ul {
        padding-left: 90px; } }
  .cs-minwon-cate li {
    float: left;
    width: 25%;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .cs-minwon-cate li {
        width: 33.3333333333%; } }
    @media only screen and (max-width: 640px) {
      .cs-minwon-cate li {
        width: 50%; } }
    @media only screen and (max-width: 360px) {
      .cs-minwon-cate li {
        width: 100%; } }
    .cs-minwon-cate li > span {
      display: block;
      position: relative;
      height: 100%;
      padding: 0 0 4px 4px;
      box-sizing: border-box;
      vertical-align: middle; }
    .cs-minwon-cate li a {
      position: relative;
      display: block;
      padding-left: 20px;
      width: 100%;
      height: 100%;
      min-height: 35px;
      line-height: 35px;
      vertical-align: middle;
      font-size: 12px;
      font-size: 1.2rem;
      text-align: left;
      border: 1px solid #e8e9ee;
      padding-left: 65px;
      background-repeat: no-repeat;
      background-position: 33px 50%;
      box-sizing: border-box;
      /*
      @include respond-to('md') {
      	background-position:24px 50%;
      	padding-left:56px;
      }
      
      @include respond-to('sm') {
      	background-position:15px 50%;
      	padding-left:47px;
      }
      @include respond-to('xs') {
      	background-position:24px 50%;
      	padding-left:56px;
      }
      */ }
    .cs-minwon-cate li.cate0 {
      float: none;
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      height: 100%;
      width: 20%;
      padding-left: 0;
      text-align: center; }
      .cs-minwon-cate li.cate0 span a > span {
        display: inline-block;
        position: relative;
        height: 25px;
        line-height: 25px;
        padding-left: 30px;
        text-align: left;
        vertical-align: middle; }
        .cs-minwon-cate li.cate0 span a > span:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: 0;
          top: 0;
          width: 25px;
          height: 25px;
          overflow: hidden;
          margin: 0 4px 0 0;
          background: url("/2017/img/mrs/minwon_icon_all.png") 0 0 no-repeat; }
      @media only screen and (max-width: 805px) {
        .cs-minwon-cate li.cate0 {
          width: 25%; }
        .cs-guide-box.center p strong .text {
			display: inline !important;
		}  
      }
      @media only screen and (max-width: 640px) {
        .cs-minwon-cate li.cate0 {
          width: 90px; } }
      @media only screen and (max-width: 360px) {
        .cs-minwon-cate li.cate0 {
          width: 90px; } }
    .cs-minwon-cate li.cate0 a {
      line-height: 78px;
      padding-left: 0;
      text-align: center;
      /* background-image:url('/2017/img/mrs/minwon_icon_all.png');*/ }
      @media only screen and (max-width: 805px) {
        .cs-minwon-cate li.cate0 a {
          line-height: 119px; } }
      @media only screen and (max-width: 640px) {
        .cs-minwon-cate li.cate0 a {
          line-height: 164px; } }
      @media only screen and (max-width: 360px) {
        .cs-minwon-cate li.cate0 a {
          line-height: 324px; } }
    .cs-minwon-cate li.cate1 a {
      background-image: url("/2017/img/mrs/minwon_icon_01.png"); }
    .cs-minwon-cate li.cate2 a {
      background-image: url("/2017/img/mrs/minwon_icon_02.png"); }
    .cs-minwon-cate li.cate3 a {
      background-image: url("/2017/img/mrs/minwon_icon_03.png"); }
    .cs-minwon-cate li.cate4 a {
      background-image: url("/2017/img/mrs/minwon_icon_04.png"); }
    .cs-minwon-cate li.cate5 a {
      background-image: url("/2017/img/mrs/minwon_icon_05.png"); }
    .cs-minwon-cate li.cate6 a {
      background-image: url("/2017/img/mrs/minwon_icon_06.png"); }
    .cs-minwon-cate li.cate7 a {
      background-image: url("/2017/img/mrs/minwon_icon_07.png"); }
    .cs-minwon-cate li.cate8 a {
      background-image: url("/2017/img/mrs/minwon_icon_08.png"); }
    .cs-minwon-cate li.current a {
      color: #fff;
      background-color: #0e3b64; }
    .cs-minwon-cate li.current.cate0 span a > span:before {
      background-image: url("/2017/img/mrs/minwon_icon_all_on.png"); }
    .cs-minwon-cate li.current.cate1 a {
      background-image: url("/2017/img/mrs/minwon_icon_01_on.png"); }
    .cs-minwon-cate li.current.cate2 a {
      background-image: url("/2017/img/mrs/minwon_icon_02_on.png"); }
    .cs-minwon-cate li.current.cate3 a {
      background-image: url("/2017/img/mrs/minwon_icon_03_on.png"); }
    .cs-minwon-cate li.current.cate4 a {
      background-image: url("/2017/img/mrs/minwon_icon_04_on.png"); }
    .cs-minwon-cate li.current.cate5 a {
      background-image: url("/2017/img/mrs/minwon_icon_05_on.png"); }
    .cs-minwon-cate li.current.cate6 a {
      background-image: url("/2017/img/mrs/minwon_icon_06_on.png"); }
    .cs-minwon-cate li.current.cate7 a {
      background-image: url("/2017/img/mrs/minwon_icon_07_on.png"); }
    .cs-minwon-cate li.current.cate8 a {
      background-image: url("/2017/img/mrs/minwon_icon_08_on.png"); }

/*# sourceMappingURL=page1.css.map */

/* 무인민원발급기 안내 메뉴 색변경 */
.aside .as-con.as-shortcut ul.box-wrap li.bg_point a:hover,
.aside .as-con.as-shortcut ul.box-wrap li.bg_point a:active,
.aside .as-con.as-shortcut ul.box-wrap li.bg_point a:focus {background-color: #e1eef6;}
.aside .as-con.as-shortcut ul.box-wrap li.bg_point a {background-color: #e3fcdf;}
.contentsWrap.r2n .aside .as-con.as-shortcut ul.box-wrap li a {min-height: 90px;}
.contentsWrap.r2n .aside .as-con.as-shortcut ul.box-wrap li.bg_point a:hover, 
.aside .as-con.as-shortcut ul.box-wrap li.bg_point a:active, 
.aside .as-con.as-shortcut ul.box-wrap li.bg_point a:focus {background-color: #e1eef6;}

.contentsWrap.r2n .aside .as-con.as-shortcut ul.box-wrap li.bg_point a {
    background-color: #e3fcdf;
}
.cs-guide-box.center p strong .text {
    display: block;
}

@media only screen and (max-width: 1279px) {
	.loading-wrap > div {width:100%;}
	.loading-wrap .loading-message {margin-top: 0;}
	.loading-wrap .loading-message span {display:block;}
	.loading-wrap .loading_txt,
	.loading-wrap img{display:none;}
	.loading-wrap .progress-bar span{max-width:592px; width:90%;}
}




.red_txt{color:#E4022D !important;} /* 20220217 */
.blue_txt{color:#1C5A94 !important;} /* 20220217 */
.red_strong{color:#E4022D !important; font-weight: bold;} /* 20220217 */
.blue_strong{color:#1C5A94 !important; font-weight: bold;} /* 20220217 */
.consult-guide:after{display:none;} /* 20220217 */


/* sns공유기능 공통 20220915*/
.page-util.pc-only{}
.page-util.pc-only .kko a{background-position: 0 -345px;}
.page-util.pc-only .linkcv a {background-position: 0 -399px;}
.title .page-util.pc-only li a{width:26px; height:26px;}
.title .page-util.pc-only .facebook a{ background-position: inherit;}
.page-util .twitter a{ border: 1px solid #868686; border-radius: 3px;}


@media only screen and (max-width: 839px) {
	.page-util.pc-only{display:none;}
	.page-util.mo-only{display:block;}
	.page-util.mo-only .share a{background:url(/2017/lib/images/ico_share.png) no-repeat center; background-size:26px;}
	.share-layer{display:block; }
	.share-layer.subsidy-layer .layer-body{padding:30px 15px;}
	.share-layer ul{text-align: center;}
	.share-layer ul li{display:inline-block; width:17vw; height:17vw;}
	.share-layer ul li+li{margin-left:10px;}
	.share-layer ul li a{background:url(/2017/lib/images/ico_sns_kko.png); background-size:cover; width:100%; height:100%; display:inline-block;}
	.share-layer ul li.facebook a{background:url(/2017/lib/images/ico_sns_facebook.png);  background-size:cover;}
	.share-layer ul li.twitter a{background:url(/2017/lib/images/ico_sns_twitter.png);  background-size:cover; border: 2px solid #868686; border-radius: 15px; box-sizing: border-box;}
	.share-layer ul li.linkcv a{background:url(/2017/lib/images/ico_sns_linkcv.png);  background-size:cover;}
  }
  /* //sns공유기능 공통 20220915*/