@charset "UTF-8";

._fnctWrap h2 {font-size: 30px; line-height: 1.2;}

/* 전화번호 안내 */
.wrap-phone .row-search {margin-bottom: 20px; padding: 20px; border: 1px solid #152c46; font-size: 0; text-align: center;}
.wrap-phone .box-select {display: inline-block; margin-right: 10px; vertical-align: middle;}
.wrap-phone .box-select select {min-width: 120px; height: 50px; padding-left: 17px; background: #fff url('../images/ic-search-sel.png') no-repeat right center; border: 1px solid #d9d9d9; font-family: 'Noto Light'; font-size: 17px; line-height: 40px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-phone .box-search {position: relative; display: inline-block; min-width: 500px; height: 50px; background: #fff; border: 1px solid #d9d9d9; line-height: 50px; vertical-align: middle;}
.wrap-phone .box-search input {position: relative; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 17px; text-indent: 15px; color: #333;}
.wrap-phone .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; background: url('../images/ic-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

.wrap-phone .row-tab {background: #f7f7f7; text-align: left;}
.wrap-phone .row-tab ul {padding: 24px 20px 24px 0;}
.wrap-phone .row-tab li {display: inline-block;  padding: 5px 0 5px 40px; }
.wrap-phone .row-tab a {position: relative; padding-left: 20px; font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.wrap-phone .row-tab a::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #ababab; border-radius: 100%;}
.wrap-phone .row-tab .on a,
.wrap-phone .row-tab a:hover {color: #a78258;}
.wrap-phone .row-tab .on a::before,
.wrap-phone .row-tab a:hover::before {background: #a78258;}

.wrap-phone ._paging {padding: 50px 0 0 0;}
.wrap-phone ._paging > ._inner > ul {margin: 0 5px;}
.wrap-phone ._paging > ._inner > ul li a {border: 0; font-family: 'Gmarket Medium'; font-size: 16px; line-height: 37px;  color: #666;}
.wrap-phone ._paging > ._inner > ul li strong {width: 36px; height: 36px; line-height: 37px; background-color: #002d56; border-color: #002d56; border-radius: 100%; font-family: 'Gmarket Medium'; font-size: 16px; color: #fff;}

.wrap-phone ._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;}
.wrap-phone ._paging > ._inner > a._first {background-position: 0 0;}
.wrap-phone ._paging > ._inner > a._last {background-position: 0 -105px;}
.wrap-phone ._paging > ._inner > a._next {background-position: 0 -70px;}
.wrap-phone ._paging > ._inner > a._prev {background-position: 0 -35px;}

@media all and (max-width:860px) {
  .wrap-phone .row-search {display: table; width: 100%; table-layout: fixed;}
  .wrap-phone .box-select {display: table-cell; width: 35%; margin-right: 0; padding-right: 20px;}
  .wrap-phone .box-select select {min-width: auto; width: 100%; font-size: 16px;}
  .wrap-phone .box-search {display: table-cell;}

  .wrap-phone .row-tab {padding: 10px 20px;}
  .wrap-phone .row-tab ul {padding: 0;}
  .wrap-phone .row-tab li {height: auto; padding-left: 0; padding: 5px 20px 5px 0; line-height: normal}
  .wrap-phone .row-tab a {font-size: 15px;}
  .wrap-phone .row-tab a::before {top: 8px;}
}

.phone-box {padding-top: 20px;}
.phone-data {display: none;}
.phone-data.on {display: block;}
.phone-tab {display: none; background: #f7f7f7;}
.phone-data.on .phone-tab {display: block;}
.phone-tab .phone-now li {display: inline-block; height: 85px; padding-left: 40px; line-height: 85px;}
.phone-tab .phone-now li.no-cate {display: none;}
.phone-tab .phone-now button {position: relative; padding-left: 20px; font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.phone-tab .phone-now button::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #ababab; border-radius: 100%;}
.phone-tab .phone-now .on button,
.phone-tab .phone-now button:hover {color: #a78258;}
.phone-tab .phone-now .on button::before,
.phone-tab .phone-now button:hover::before {background: #a78258;}

@media all and (max-width: 860px) {
  .phone-tab {padding: 10px 20px;}
  .phone-tab .phone-now li {height: auto; padding-left: 0; padding: 5px 20px 5px 0; line-height: normal}
  .phone-tab .phone-now button {font-size: 15px;}
}

.phone-data .box {display: none;}
.phone-data .box.on {display: block;}