@charset "utf-8"; 

/* 교내전화번호 홈페이지 관리 */

/* Search */
.wrap-tel .board-search { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; padding: 40px 60px; background: #f5f5f5; } 
.wrap-tel .board-search .info { position: relative; padding-left: 70px; margin-right: 30px; font-size: 20px; color: #333; font-family: 'ppr'; } 
.wrap-tel .board-search .info span { color: #1265d3; font-family: 'ppm'; } 
.wrap-tel .board-search .info::before { content: ''; position: absolute; left: 0; top: 50%; margin-top:-25px; width: 40px; height: 51px; background: #fff url('../images/emark.png') no-repeat center; } 
.wrap-tel .form-search { width: 420px; height: 50px;} 
.wrap-tel .form-search form,
.wrap-tel .form-search fieldset { width: 100%; height: 100%; } 
.wrap-tel .tbl-search { display: flex; width: 100%; height: 100% } 
.wrap-tel .tbl-search .box-sel select { width: 140px; height: 100%; padding: 0 0 0 12px; margin-right: 5px; border: 1px solid #aaa; font-size: 16px; color: #777; font-family: 'ppr'; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('../images/select-arrow.png') no-repeat right 17px center; } 
.wrap-tel .tbl-search .box-sel select:focus { outline: none; } 
.wrap-tel .tbl-search .box-sel select::-ms-expand { display: none; } 
.wrap-tel .tbl-search .box-search { position: relative; flex: 1; height: 100%; border: 1px solid #aaa; border-radius:5px; overflow:hidden;} 
.wrap-tel .tbl-search .box-search #srchWrd { width: 100%; height: 100%; padding: 0 0 0 12px; } 
.wrap-tel .tbl-search .box-search #srchWrd::placeholder { font-size: 16px; color: 'nr'; color: #999; } 
.wrap-tel .tbl-search .box-search #search-btn { position: absolute; right: 0; top: 0; width: 50px; height: 100%; background: url('../images/search.png') no-repeat center; cursor: pointer; text-indent: -9999px; } 

._Yon_phn_basic ._inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

._Yon_phn_basic ._inner > a {
    display: block;
    width: 25px;
    height: 35px;
    font-size: 0;
    background-position: center center;
    background-repeat: no-repeat;
}

._Yon_phn_basic ._inner > ._first {
    background-image: url(../images/first_arrow.png)
}

._Yon_phn_basic ._inner > ._listPrev {
    background-image: url(../images/prev_arrow.png)
}

._Yon_phn_basic ._inner > ._listNext {
    background-image: url(../images/next_arrow.png)
}

._Yon_phn_basic ._inner > ._last {
    background-image: url(../images/last_arrow.png)
}

._Yon_phn_basic ._inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 7px;
}

._Yon_phn_basic ._inner li {
    width: 35px;
    height: 35px;
    margin-right: 5px;
}

._Yon_phn_basic ._inner li:last-child {
    margin-right: 0;
}

._Yon_phn_basic ._inner li a,
._Yon_phn_basic ._inner li strong {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 35px;
    text-align: center;
    color: #555555;
    font-size: 16px;
    font-family: "ppl";
    border-radius: 3px;
    background-color: #f5f5f5;
    overflow: hidden;
}

._Yon_phn_basic ._inner li strong {
    color: white;
    font-family: "ppm";
    background-color: #1174ff;
}

._Yon_phn_basic ._inner ._pageState {
    display: none;
}

@media screen and (max-width: 1023px){
  .wrap-tel .board-search { flex-direction: column; padding: 40px; } 
  .wrap-tel .info { margin-bottom: 30px; margin-right: 0; } 
  .wrap-tel .form-search { width: 100%; max-width: 600px; } 
}

@media screen and (max-width: 768px){
  .wrap-tel .board-search { margin-bottom: 35px; } 
  .wrap-tel .board-search .info { font-size: 17px; } 
  .wrap-tel .tbl-search .box-search #search-btn { width: 48px; } 
}

@media screen and (max-width: 499px){
  .wrap-tel .board-search { flex-direction: column; padding: 30px; } 
  .wrap-tel .form-search { height: auto; } 
  .wrap-tel .tbl-search { flex-direction: column; } 
  .wrap-tel .tbl-search .box-sel select { width: 100%; height: 50px; margin-bottom: 5px; margin-right: 0; } 
  .wrap-tel .tbl-search .box-search #srchWrd { height: 50px; } 
  .wrap-tel .tbl-search .box-search #search-btn { width: 58px; } 
  .wrap-tel .board-search .info { margin-right: 0; padding-left: 60px; } 
}

/* listB */
.wrap-tel.listB .result {position: relative;}
.wrap-tel.listB .result > ul {display: flex; flex-wrap:wrap; margin:0 -15px;}
.wrap-tel.listB .result > ul > li {width:33.3333%; margin-bottom: 30px; padding:0 15px;}
.wrap-tel.listB .result .box {border:1px solid #ccc; border-radius:10px; overflow:hidden; padding:25px 30px 30px 30px}
.wrap-tel.listB .result .tit {padding-right: 20px;font-size: 20px; color:#121212; font-family: 'ppm'; display: block; position: relative;}
.wrap-tel.listB .result .tit .btn-location {width:18px; height: 21px; background:url('../images/ic-location1.png') no-repeat center; position:absolute; right:0; top:50%; margin-top:-11px; text-indent: -99999px;}
.wrap-tel.listB .result > ul > li:hover .tit .btn-location {background:url('../images/ic-location1-on.png') no-repeat center;}
.wrap-tel.listB .result .info {background:#EFF3FA; border-radius:10px; padding:15px 20px; margin-top: 20px;}
.wrap-tel.listB .result .info li {position: relative; min-height: 24px; font-family: 'ppr'; font-size: 16px; color:#333; padding-left:27px; margin-bottom: 10px;}
.wrap-tel.listB .result .info li:last-child {margin-bottom: 0;}
.wrap-tel.listB .result .info li::after {content:''; width:19px; height:19px; position: absolute; left:0;}
.wrap-tel.listB .result .info li:first-child::after {background:url('../images/ic-location2.png') no-repeat center; top:4px; width:14px;}
.wrap-tel.listB .result .info li:last-child::after {background:url('../images/ic-tel.png') no-repeat center; top:5px;}
.wrap-tel.listB .txt_noResult{width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 30px; text-align: center;}

@media screen and (max-width:1023px) {
  .wrap-tel.listB .result > ul > li {width:50%;}

  ._Yon_phn_basic ._inner {
    margin-top: 30px;
}
}
@media screen and (max-width:768px) {
  .wrap-tel.listB .result > ul > li {width:100%;}

  ._Yon_phn_basic ._inner ul {
        display: none;
    }

    ._Yon_phn_basic ._inner ._pageState {
        display: block;
        font-size: 16px;
        color: #111111;
        font-family: "ppr";
        line-height: 35px;
        margin: 0 7px;
    }
    ._Yon_phn_basic ._inner ._pageState ._curPage{color: #1174ff}
    ._Yon_phn_basic ._inner ._pageState ._curPage::after {content:'/'; display:inline-block; margin:0 5px; color:#121212; font-family: 'ppr'; }
}

.div-table ul {display: flex; flex-wrap: wrap; width: calc(100% + 30px);}
.div-table li {width: 50%; padding-right: 30px;}

@media screen and (max-width:700px) {
    .div-table li {width: 100%;}
}