@charset "utf-8";

/* 전화번호 안내  - 검색 */
.search-box {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0 30px; padding: 22px 10px; background: #f5f6f8; font-size: 0; text-align: center;}
.search-box .search-title strong {display: inline-block; padding: 7px 0 7px 53px; background: url('../images/ico-search.png') no-repeat left center; font-family: 'Dream Medium'; font-size: 18px; color: #0d2d84;}
.search-box .search-sel {position: relative; top: 0px; }
.search-box .search-sel select {width:240px; height: 50px; padding-left: 25px; padding-right: 50px; background: #fff url('../images/arrow-search2.png') no-repeat right 20px center; border:1px solid #c3c3c3; border-radius: 100px; font-family: 'Dream Regular'; font-size: 16px; color: #646464; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search-box .group-inner {display: flex;}
.search-box .search-input {position: relative; top:0; background: #fff; height: 50px; line-height: 50px; border: 1px solid #ccd0d7; border-radius: 100px;}
.search-box .search-input input {position: relative; top: -1px; width:400px; height: 100%; background: transparent; border: 0; font-family: 'Dream Regular'; font-size: 16px; text-indent: 20px; color: #646464;}
.search-box .search-input input::placeholder {color: #9d9d9d;}
.search-box .search-input.long input {max-width: 400px;}
.search-box .search-input input.searchBtn {position: absolute; right:0; top: 0; width: 50px; height: 50px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.con-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table thead th {padding: 13px 10px; background: #EEEEEE; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 16px; color: #333333;}
.con-table tbody {display: table-header-group; border-top: 1px solid #ACB2B6;}

.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.con-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table tbody td {padding: 12px 15px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 15px; text-align: left; color: #666; letter-spacing: -.025em;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: 5px; font-size: 14px;}
.con-table tbody td a {color: #333;}
.con-table .list > li {position: relative; padding-left: 10px;}
.con-table .list > li:after {content: ''; position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table .list2 > li {position: relative; padding-left: 15px;}
.con-table .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table .link {position: relative; color: #666;}
.con-table .link:hover {color: #0089d8;}
.con-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #0089d8 0) left center no-repeat; background-size: 0; transition: .3s;}
.con-table .link:hover span {background-size: 100% auto;}
/* .con-table .link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;} */
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table strong {font-family: 'Dream Regular'; color: #000;}



/* Paging */
._paging {padding: 50px 0 20px 0;}
._paging > ._inner > ul {margin: 0 5px;}
._paging ._inner a, ._paging ._inner strong {border-color:transparent;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; background-color: #777; border-color: #777;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -105px;}
._paging ._inner a._listNext,
._paging ._inner a._next {background-position: 0 -70px;}
._paging ._inner a._listPrev,
._paging ._inner a._prev {background-position: 0 -35px;}
._paging ._inner ._pageState span {font-size: 17px;}
._paging ._inner ._pageState span._curPage {color: #01499a;}


@media all and (max-width:960px) {
  .con-table {overflow-x: hidden; min-height: 200px;}
  .con-table.on {min-height: auto;}
  .con-table.no-scroll {min-height: auto;}
  .con-table table {width: 1300px;}
  .con-table.no-scroll table {width: 100%;}
  .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {padding: 10px 8px; font-size: 16px;}
}
@media all and (max-width: 900px) {
  .search-box > form {flex:1;}
  .search-box .search-sel {max-width:240px; width:100%;}
  .search-box .search-sel select {width:100%;}
  .search-box .search-input {max-width:400px; width:100%;}
  .search-box .search-input input {width:100%;}
}
@media all and (max-width: 500px) {
  .search-box {display: block;}
  .search-box .search-title {margin-bottom: 20px;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {font-size: 14px;}
}