@CHARSET "UTF-8";

._fnctWrap{line-height:1.5}

.wrap-call .search {display: inline-block; width: 100%; margin-bottom: 50px;}
.wrap-call .search .form-search {background: #f5f6f8; padding:20px;}
.wrap-call .search .tbl-search {text-align: center;}
.wrap-call .search .box-title {display: inline-block; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Noto DemiLight'; font-size:18px; margin-right: 20px; padding: 6px 0 6px 55px; color: #18327c;}
.wrap-call .search .box-choose {position: relative; display: inline-block; padding-left: 15px; margin-right: 20px; font-family: 'Noto DemiLight'; font-size: 16px; color: #000;}
.wrap-call .search .box-choose:after {content: ''; position: absolute; left: 0; top: 7px; width: 1px; height: 15px; background: #b0b1b2;}
.wrap-call .search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.wrap-call .search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 16px; font-family: 'Noto DemiLight'; color: #000; border:1px solid #ccd0d7; height: 55px; min-width: 136px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-call .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.wrap-call .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto DemiLight'; font-size: 16px; text-indent: 10px; color: #000;}
.wrap-call .box-search input::placeholder {color: #9d9d9d;}
.wrap-call .box-search input[type="button"],
.wrap-call .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

.wrap-call .con-table {position:relative; line-height: 1.5;}
.wrap-call .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.wrap-call .con-table table {position:relative;}
.wrap-call .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#000;}
.wrap-call .con-table thead th {padding:14px 10px; font-family: 'Noto DemiLight'; font-weight: normal;  background:#f7f8f9; color:#000000; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:18px;}
.wrap-call .con-table thead th.small {padding:15px 10px; font-size: 16px;}
.wrap-call .con-table tbody th {padding:13px 15px; font-family: 'Noto DemiLight'; font-weight: normal; background:#fbfbfb; color:#666; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; font-size:16px;}
.wrap-call .con-table tbody td {padding:13px 15px; font-family: 'Noto DemiLight'; background:#fff; color:#666; border-right:1px solid #dddee0; border-bottom:1px solid #dddee0; font-size:16px;}
.wrap-call .con-table .list li {position: relative; padding-left: 8px;}
.wrap-call .con-table .list li:after {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #666666;}
.wrap-call .con-table .align-l {text-align:left;}
.wrap-call .con-table .align-c {text-align:center;}
.wrap-call .con-table .align-r {text-align:right;}

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._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 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}

@media all and (max-width:960px) {
    .wrap-call .con-table {overflow-x: hidden;}
    .wrap-call .con-table table {width:1400px;}
    .wrap-call .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../images/img_mobile_text.png') no-repeat center center;}
    .wrap-call .con-table.on:after {display:none;}
}

@media all and (max-width:800px) {
    .wrap-call .search .tbl-search {width: 100%;}
    .wrap-call .search .box-sel {display: block; width: 100%; margin: 10px 0;}
    .wrap-call .search .box-sel select {width: 100%; min-width: auto;}
    .wrap-call .box-search {width: 100%; min-width: auto;}
    .wrap-call .box-search input {min-width: auto;}
}