@charset "UTF-8";

/* ==========================================================================
Search Common CSS
========================================================================== */

#sch .container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

#sch .hidden {
    display: none;
}

#sch .p-color1 {
    color: #eb7203;
}

#sch .type-sel {
    width: 100%;
    height: auto;
    max-width: 200px;
    padding: 8px 40px 8px 15px;
    background: #fff url(../../images/bg-select.png) no-repeat right center;
    border: 1px solid #cfcfcf;
    border-radius: 0px;
    font-family: "Noto DemiLight";
    font-size: 15px;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #999;
}

@media all and (max-width: 920px) {
    #sch .container {
        padding: 0 40px;
    }
}

@media all and (max-width: 640px) {
    #sch .type-sel {
        max-width: 100%;
        margin: 20px 0;
    }
}

@media all and (max-width: 420px) {
    #sch .container {
        padding: 0 15px;
    }
}


/* ==========================================================================
Search Header CSS
========================================================================== */

#sch #header {
    position: relative;
    background: #00428e;
    color: #fff;
}

#sch #header .row {
    display: table;
    width: 100%;
    height: 180px;
}

#sch #header .line {
    display: table-cell;
    vertical-align: middle;
}

#sch #header .line.search>div {
    margin: 10px 0 0 0;
}

#sch #header .logo {
    width: 285px;
}

#sch #header .logo h1,
#sch #header .logo p {
    display: inline-block;
}

#sch #header .logo p {
    margin: 0 0 0 15px;
    font-family: 'Noto Medium';
    font-size: 40px;
}

#sch #header .search {
    font-family: 'Noto Light';
    text-align: center;
}

#sch #header .search .box-search {
    position: relative;
    display: inline-block;
    width: 64%;
    background: #fff;
    border-radius: 100px;
}

#sch #header .search .box-search input,
#sch #header .search .box-search button {
    float: left;
}

#sch #header .search .box-search input {
    float: left;
    width: 80%;
    height:50px;
    max-width: 470px;
    border-radius: 100px;
    font-size: 15px;
    font-family: 'Noto DemiLight';
    line-height: 43px;
    text-indent: 20px;
    color: #888;
}

#sch #header .search .box-search button {
    float: right;
    width: 55px;
    height: 45px;
    background: url('../../images/icon-detail-search.png') no-repeat center center;
    text-indent: -99999px;
}

#sch #header .search .box-search .near {
    display: none;
    position: absolute;
    left: 0px;
    top: 110%;
    z-index: 4;
    width: 100%;
    padding: 15px;
    background: #fff;
    border: 2px solid #00428e;
    border-radius: 3px;
    text-align: left;
}

#sch #header .search .box-search .near.on {
    display: block;
}

#sch #header .search .box-search .near li {
    padding: 2px 0;
}

#sch #header .search .box-search .near li a:hover {
    color: #eb7203;
    font-weight: bold;
}

#sch #header .search .box-search .near strong {
    color: #00428e;
}

#sch #header .search .repeat-search {
    position: relative;
    display: inline-block;
    top: -16px;
    left: 10px;
}

#sch #header .search .repeat-search input {
    position: absolute;
    opacity: 0;
    top: 6px;
    left: 2px;
    z-index: 1;
    cursor: pointer;
}

#sch #header .search .repeat-search .checkbtn {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 18px;
    height: 18px;
    border: 2px solid #012d5f;
    background: #fff;
}

#sch #header .search .repeat-search input:checked~.checkbtn:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background: #00428e;
}

#sch #header .search .repeat-search label {
    padding: 0 0 0 25px;
}

#sch #header .search .favorite-search {
    display: none;
    margin: 5px 0 0 0;
}

#sch #header .search .favorite-search em {
    display: inline-block;
    padding: 0 0 0 30px;
    background: url('../../images/icon-favorite-search.png') no-repeat left center;
}

#sch #header .search .favorite-search ul {
    display: inline-block;
    position: relative;
    top: 7px;
    margin: 0 100px 0 10px;
}

#sch #header .search .favorite-search li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 15px 0 0;
    background: url('../../images/line-favorite-search.png') no-repeat right center;
}

#sch #header .search .favorite-search li:last-child {
    background-image: none;
}

#sch #header .search .favorite-search a {
    color: #fff;
}

#sch #header .detail {
    width: 230px;
    text-align: right;
}

#sch #header .detail .detail-search button {
    padding: 0 75px 0 34px;
    background: #2ca3da url('../../images/btn-detail-search.png') no-repeat right center;
    border-radius: 30px;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
}

@media all and (max-width: 1090px) {
    #sch #header .row {
        display: block;
        height: 200px;
    }
    #sch #header .logo {
        display: block;
        width: auto;
        float: left;
        margin: 20px 0 0 0;
    }
    #sch #header .detail {
        display: block;
        float: right;
        width: auto;
        margin: 35px 0 0 0;
    }
    #sch #header .search {
        position: absolute;
        left: 0px;
        bottom: 40px;
        display: block;
        width: 100%;
        text-align: left;
    }
    #sch #header .line.search>div {
        display: table;
        width: 100%;
    }
    #sch #header .search .box-search,
    #sch #header .search .repeat-search {
        display: table-cell;
        vertical-align: middle;
    }
    #sch #header .search .repeat-search {
        top: 0px;
        width: 123px;
    }
    #sch #header .search .box-search {
        width: auto;
    }
    #sch #header .search .favorite-search {
        position: absolute;
        left: 0px;
        bottom: -37px;
    }
    #sch #header .search .favorite-search ul {
        margin: 0 0 0 10px;
    }
    #sch #header .search .repeat-search input {
        top: 16px;
    }
    #sch #header .search .repeat-search .checkbtn {
        top: 13px;
    }
}

@media all and (max-width: 960px) {
    #sch #header .line.search>div {
        padding: 0 40px;
    }
    #sch #header .search .favorite-search {
        left: 40px;
    }
    #sch #header .search .box-search input {
        max-width: 100%;
        width: 69%;
    }
}

@media all and (max-width: 600px) {
    #sch #header .row {
        height: 150px;
    }
    #sch #header .search {
        bottom: 32px;
    }
    #sch #header .search .favorite-search {
        display: none;
    }
    #sch #header .detail .detail-search button {
        width: 40px;
        height: 30px;
        padding: 0px;
        background: #2ca3da url(../../images/btn-detail-search-m.png) no-repeat center center;
        text-indent: -9999px;
        line-height: 30px;
    }
    #sch #header .logo h1 {
        width: 70px;
    }
    #sch #header .logo h1 img {
        width: 100%;
    }
    #sch #header .logo p {
        position: relative;
        top: -17px;
        font-size: 21px;
    }
    #sch #header .detail {
        margin: 22px 0 0 0;
    }
}

@media all and (max-width: 420px) {
    #sch #header .line.search>div {
        padding: 0 10px;
    }
}


/* ==========================================================================
Search Detail Search CSS
========================================================================== */

#sch .pop-search {
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    max-height: 0px;
    opacity: 1;
    z-index: 3;
    background: #f9f9f9;
    color: #222;
    -webkit-box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.4);
    transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#sch .pop-search.on {
    padding: 30px 0 50px 0;
    max-height: 2000px;
    opacity: 1;
    transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#sch .pop-search .container {
    position: relative;
}

#sch .pop-search .title {
    padding: 10px 0 15px 45px;
    background: url('../../images/title-detail-search.png') no-repeat left center;
    border-bottom: 2px solid #353e4d;
    font-family: 'Noto Medium';
    font-size: 23px;
}

#sch .pop-search .row {
    height: auto !important;
    margin: 0 0 40px 0;
    padding: 35px 15px;
    border-bottom: 1px solid #8b9099;
    font-size: 16px;
}

#sch .pop-search .line {
    display: table !important;
    width: 100%;
    padding: 10px 0;
}

#sch .pop-search .item,
#sch .pop-search .desc {
    display: table-cell;
    vertical-align: middle;
    margin: 0px !important;
}

#sch .pop-search .item {
    vertical-align: top;
    width: 175px;
}

#sch .pop-search .item strong {
    position: relative;
    padding: 0 0 0 13px;
    font-weight: normal;
}

#sch .pop-search .item strong:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #959595;
}

#sch .pop-search .box-range {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
}

#sch .pop-search .box-range input {
    position: absolute;
    opacity: 0;
    top: 6px;
    left: 2px;
    z-index: 1;
    cursor: pointer;
}

#sch .pop-search .box-range input:checked~.checkbtn:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background: #00428e;
}

#sch .pop-search .box-range .checkbtn {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 18px;
    height: 18px;
    border: 2px solid #d1d4da;
    background: #fff;
}

#sch .pop-search .box-range label {
    padding: 0 0 0 25px;
    color: #555;
}

#sch .pop-search .box-word {
    display: inline-block;
    width: 260px;
}

#sch .pop-search .box-word input {
    width: 100%;
    max-width: 260px;
    height: 43px;
    background: #fff;
    border: 1px solid #cfcfcf;
    text-indent: 10px;
    font-size: 15px;
    line-height: 40px;
    color: #666;
}

#sch .pop-search .box-word input::placeholder {
    color: #999;
    opacity: 1;
}

#sch .pop-search .box-word input:-ms-input-placeholder {
    color: #999;
}

#sch .pop-search .box-word input::-ms-input-placeholder {
    color: #999;
}

#sch .pop-search .box-oversea {
    display: inline-block;
    width: 260px;
}

#sch .pop-search .box-oversea.office {
    display: none;
}

#sch .pop-search .box-oversea.office.on {
    display: inline-block;
}

#sch .pop-search .box-oversea select {
    width: 100%;
    height: auto;
    max-width: 260px;
    padding: 8px 40px 8px 15px;
    background: #fff url(../../images/bg-select.png) no-repeat right center;
    border: 1px solid #cfcfcf;
    border-radius: 0px;
    font-family: "Noto DemiLight";
    font-size: 15px;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #999;
}

#sch .pop-search .box-date {
    display: inline-block;
    width: 195px;
    margin: 0 10px 0 0;
}

#sch .pop-search .box-date.no-icon {
    width: 100%;
    margin: 20px 0 0 0;
    background-image: none;
}

#sch .pop-search .box-date input {
    width: 100%;
    max-width: 160px;
    height: 40px;
    background: #fff;
    border: 1px solid #cfcfcf;
    text-indent: 10px;
    font-size: 15px;
    line-height: 40px;
    color: #666;
}

#sch .pop-search .box-date input::placeholder {
    color: #999;
    opacity: 1;
}

#sch .pop-search .box-date input:-ms-input-placeholder {
    color: #999;
}

#sch .pop-search .box-date input::-ms-input-placeholder {
    color: #999;
}

#sch .pop-search .box-date button {
    height: 40px;
    padding: 0 25px;
    background: #636e86;
    border-radius: 3px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
}

#sch .pop-search .box-date button:hover {
    background: #00428e;
}

#sch .pop-search .notice {
    display: block;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #00428e;
}

#sch .pop-search .close {
    position: absolute;
    right: 0px;
    top: 15px;
}

#sch .pop-search .close button {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../../images/icon-detail-search-close.png') no-repeat center center;
    text-indent: -9999px;
}

#sch .pop-search .button {
    text-align: center;
}

#sch .pop-search .button button {
    display: inline-block;
    background: #636e86;
    padding: 10px 35px;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
}

#sch .pop-search .button button.submit {
    background: #00428e;
}

@media all and (max-width: 960px) {
    #sch .pop-search .row {
        padding: 20px 0;
    }
    #sch .pop-search .item,
    #sch .pop-search .desc {
        display: block;
    }
    #sch .pop-search .item {
        width: 100%;
        margin: 0 0 1% 0 !important;
    }
    #sch .pop-search .box-word {
        width: 100%;
        margin: 0 0 1% 0;
    }
    #sch .pop-search .box-word input {
        max-width: 100%;
    }
    #sch .pop-search .box-oversea {
        width: 100%;
        margin: 0 0 1% 0;
    }
    #sch .pop-search .box-oversea select {
        max-width: 100%;
    }
    #sch .pop-search .close {
        right: 40px;
    }
    #sch .pop-search .box-date {
        width: 100%;
        margin: 0 0 1% 0;
    }
    #sch .pop-search .box-date.no-icon {
        margin: 10px 0 0 0;
    }
    #sch .pop-search .box-date input {
        max-width: 100%;
    }
}

@media all and (max-width: 700px) {
    #sch .pop-search .box-date button {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

@media all and (max-width: 420px) {
    #sch #con .tab li {
	width: 100%;
	margin: 0 1% 1% 0;
    }
}

/* ==========================================================================
Search Floating Banner CSS
========================================================================== */

#sch .floating {
    position: absolute;
    left: 100%;
    z-index: 2;
    width: 145px;
    margin: 0 0 0 20px;
}

#sch .floating .title {
    background: #00428e;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

#sch .popular {
    margin: 0 0 10px 0;
}

#sch .popular .tab ul {
    display: inline-block;
    width: 100%;
    background: #636b82;
}

#sch .popular .tab ul li {
    position: relative;
    float: left;
    width: 33.333%;
}

#sch .popular .tab ul li:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 11px;
    width: 1px;
    height: 7px;
    border-right: 1px dashed #b1b5c1;
}

#sch .popular .tab ul li:last-child:after {
    display: none;
}

#sch .popular .tab ul li button {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

#sch .popular .tab ul li.on button:after {
    content: '';
    position: absolute;
    left: 42%;
    top: 100%;
    width: 10px;
    height: 5px;
    background: url('../../images/arrow-floating.png') no-repeat center top;
}

#sch .popular .list {
    background: #f4f4f4;
    border: 1px solid #e2e2e2;
    border-top: 0px;
}

#sch .popular .list ul {
    margin: -7px 0 0 0;
    padding: 15px;
}

#sch .popular .list ul li {
    display: table;
    width: 100%;
}

#sch .popular .list ul li span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}

#sch .popular .list ul li span.num {
    width: 20px;
    color: #666;
}

#sch .my {
    margin: 0 0 10px 0;
}

#sch .my .list {
    background: #f4f4f4;
    border: 1px solid #e2e2e2;
    border-top: 0px;
}

#sch .my .list ul {
    padding: 15px;
}

#sch .my .list ul li {
    display: table;
    width: 100%;
}

#sch .my .list ul li span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
}

#sch .my .list ul li span.del {
    width: 10px;
    text-align: center;
    color: #666;
}

#sch .my .list ul li span.del button {
    display: block;
    background: url('../../images/del-floating.png') no-repeat center center;
    text-indent: -9999px;
}

#sch .top button {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #999;
}

#sch .top button:hover {
    background: #00428e;
    color: #fff;
}

@media all and (max-width: 1280px) {
    #sch .floating {
        display: none;
    }
}


/* ==========================================================================
Search Con CSS
========================================================================== */


/* ==========================================================================
Total
========================================================================== */

#sch #con {
    margin: 50px 0;
}

#sch #con .total {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
}

#sch #con .total .num {
    float: left;
    padding: 0 0 0 25px;
    background: url('../../images/icon-total.png') no-repeat left 3px;
    font-size: 16px;
    line-height: 1.35;
}

#sch #con .total .choose {
    float: right;
    margin: -10px 0 0 0;
}

@media all and (max-width: 640px) {
    #sch #con .total .num,
    #sch #con .total .choose {
        float: none;
    }
}


/* ==========================================================================
Tab
========================================================================== */

#sch #con .tab ul {
    position: relative;
    display: inline-block;
    width: 100%;
}

#sch #con .tab ul:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #004a98;
}

#sch #con .tab li {
    float: left;
    margin: 0 3px 0 0;
}

#sch #con .tab a {
    padding: 10px 20px;
    background: #f7f7f7;
    border: 1px solid #cfcfcf;
    font-size: 16px;
    color: #666;
}

#sch #con .tab li.on a,
#sch #con .tab li a:hover {
    position: relative;
    background: #fff;
    border-color: #004a98;
    color: #004a98;
}

#sch #con .tab li.on a:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #fff;
}

@media all and (max-width: 920px) {
    #sch #con .tab ul {
        width: 101%;
        padding: 0 0 30px 0;
    }
    #sch #con .tab ul:after {
        width: 99%;
    }
    #sch #con .tab li {
        width: 49%;
        margin: 0 1% 1% 0;
    }
    #sch #con .tab li.on a:after {
        display: none;
    }
}


/* ==========================================================================
Result Info
========================================================================== */

#sch .info {
    margin: 50px 0 0 0;
}

#sch .info .table-type1 {
    position: relative;
}

#sch .info .table-type1:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2px;
    background: #0178dd;
}

#sch .info .table-type1 thead th {
    padding: 15px;
    background: #f3f5f7;
    font-weight: normal;
    border-right: 1px solid #b7c3ce;
    border-bottom: 1px solid #b7c3ce;
}

#sch .info .table-type1 thead th:last-child {
    border-right: 0px;
}

#sch .info .table-type1 tbody th {
    padding: 15px;
    background: #f3f5f7;
    border-bottom: 1px solid #b7c3ce;
    border-right: 1px solid #b7c3ce;
    font-weight: normal;
}

#sch .info .table-type1 tbody th.no-border {
    border-right: 0px;
}

#sch .info .table-type1 tbody td {
    padding: 14px;
    background: #fff;
    border-right: 1px solid #dddee0;
    border-bottom: 1px solid #dddee0;
    font-family: 'Noto DemiLight';
    color: #666;
}

#sch .info .table-type1 tbody td:last-child {
    border-right: 0px;
}

#sch .info .table-type1 tbody td.border-r {
    border-right: 1px solid #dddee0;
}

#sch .info .table-type1 tbody td a {
    color: #666 !important;
}

#sch .info .table-type1 .align-l {
    text-align: left;
}

#sch .info .table-type1 .align-r {
    text-align: right;
}

#sch .info .table-type1 .align-t {
    vertical-align: top;
}

@media all and (max-width:650px) {
    #sch .info .table-type1 tbody th {
        font-size: 14px;
    }
    #sch .info .table-type1 tbody td {
        font-size: 14px;
    }
    #sch .table-scroll {
        overflow-x: scroll;
        width: 100%;
    }
    #sch .table-icon {
        position: relative;
    }
    #sch .info .table-type1 {
        width: 800px;
    }
}


/* ==========================================================================
Result list
========================================================================== */

#sch #con .result .row {
    margin: 40px 0 0 0;
}

#sch #con .result .title {
    position: relative;
    border-bottom: 2px solid #222;
}

#sch #con .result .title h3 {
    padding: 7px 0;
    font-size: 23px;
    font-weight: normal;
    color: #00428e;
}

#sch #con .result .title .more {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 16px;
}

#sch #con .result .title ul {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 16px;
}

#sch #con .result .title ul li {
    float: left;
}

#sch #con .result .title ul li.on a,
#sch #con .result .title ul li a:hover {
    background: #00428e;
    color: #fff;
}

#sch #con .result .title ul li.on a:after {
    display: none;
}

#sch #con .result .title ul a {
    position: relative;
    padding: 0 40px;
    height: 34px;
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    font-family: 'Noto Regular';
    color: #222;
}

#sch #con .result .title ul a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 13px;
    width: 1px;
    height: 8px;
    background: #d0d0d0;
}

#sch #con .type-menu .list ul {
    margin: 20px 0 0 0;
}

#sch #con .type-menu .list li {
    padding: 14px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.45;
    font-size: 16px;
}

#sch #con .type-menu .list li:hover {
    background: #f9f9f9;
}

@media all and (max-width: 780px) {
    #sch #con .result .title ul {
        position: static;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #d1d1d1;
        padding: 15px 0 7px 0;
    }
    #sch #con .result .title ul li {
        width: 100%;
		border-bottom: 1px solid #d1d1d1;
    }
    #sch #con .result .title ul a {
        padding: 0px;
    }
	#sch #con .result .title ul a:after {
		display: none;
	}
    #sch #con .result .title ul li {
	width: 100%;
	border-bottom: 1px solid #d1d1d1;
    }
    #sch #con .result .title ul a:after {
	display: none;
    }
}

@media all and (max-width: 420px) {
    #sch #con .type-menu .list li {
        font-size: 15px;
    }
}

#sch #con .type-webpage .list {
    font-size: 16px;
}

#sch #con .type-webpage .list h4 {
    margin: 0 0 5px 0;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.35;
    color: #222;
}

#sch #con .type-webpage .list>div {
    padding: 25px 0;
    border-bottom: 1px solid #dcdcdc;
}

@media all and (max-width: 420px) {
    #sch #con .type-webpage .list h4 {
        font-size: 18px;
    }
    #sch #con .type-webpage .list {
        font-size: 15px;
    }
}

#sch #con .type-news .list {
    font-size: 16px;
}

#sch #con .type-news .list h4 {
    margin: 0 0 5px 0;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.35;
    color: #222;
}

#sch #con .type-news .list>div {
    padding: 25px 0;
    border-bottom: 1px solid #dcdcdc;
}

@media all and (max-width: 420px) {
    #sch #con .type-news .list h4 {
        font-size: 18px;
    }
    #sch #con .type-news .list p {
        font-size: 15px;
    }
}

#sch #con .type-img .list>div {
    padding: 35px 0;
}

#sch #con .type-img .list ul {
    display: inline-block;
    width: 100%;
}

#sch #con .type-img .list li {
    float: left;
    width: 25%;
    text-align: center;
}

#sch #con .type-img .list strong {
    display: block;
    padding: 10px 0 0 0;
    font-weight: normal;
}

#sch #con .type-img .list img {
    width: 100%;
    max-width: 297px;
    height: 183px;
}

@media all and (max-width: 920px) {
    #sch #con .type-img .list li {
        width: 50%;
        padding: 1%;
    }
}

@media all and (max-width: 420px) {
    #sch #con .type-img .list li {
        width: 100%;
        padding: 0 0 10px 0;
    }
}

#sch #con .type-file .list {
    font-size: 16px;
}

#sch #con .type-file .list h4 {
    display: inline-block;
    padding: 0 25px 0 0;
    background: url('../../images/icon-file.png') no-repeat right 11px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.35;
    color: #222;
}

#sch #con .type-file .list>div {
    padding: 25px 0;
    border-bottom: 1px solid #dcdcdc;
}

@media all and (max-width: 420px) {
    #sch #con .type-file .list h4 {
        font-size: 18px;
    }
    #sch #con .type-file .list p {
        font-size: 15px;
    }
}

#sch #con .no-search {
    padding: 70px 0;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    line-height: 1.4;
    font-size: 20px;
    color: #333;
}

#sch #con .no-search span {
    color: #666;
}


/* ==========================================================================
Paging
========================================================================== */

#sch .paging {
    margin: 50px 0 0 0;
    text-align: center;
}

#sch .paging .row {
    display: inline-block;
}

#sch .paging a,
#sch .paging .num {
    float: left;
}

#sch .paging a {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 27px;
}

#sch .paging a:hover,
#sch .paging a.on {
    background: #004a98;
    border: 1px solid #004a98;
    color: #fff;
}

#sch .paging a.arrow {
    text-indent: -9999px;
}

#sch .paging a.first {
    width: 41px;
    background: url("../../images/icon-board-first.png") no-repeat center center;
}

#sch .paging a.last {
    width: 41px;
    background: url("../../images/icon-board-last.png") no-repeat center center;
}

#sch .paging a.prev {
    background: url("../../images/icon-board-prev.png") no-repeat center center;
}

#sch .paging a.next {
    background: url("../../images/icon-board-next.png") no-repeat center center;
}

@media all and (max-width: 600px) {
    #sch .paging .row {
        width: 100%;
    }
    #sch .paging .num {
        width: 100%;
    }
    #sch .paging a.arrow {
        width: 100%;
        margin: 5px 0;
    }
    #sch .paging a {
        width: 19%;
        margin: 0.5%;
    }
}


/* ==========================================================================
   Bottom CSS
   ========================================================================== */

#sch #wrap-bottom {
    background: #464d5d;
    border-bottom: 1px solid #3d4452;
}

#sch #wrap-bottom .container {
    display: table;
    width: 100%;
}

#sch #wrap-bottom .bottom-menu,
#sch #wrap-bottom .sns {
    display: table-cell;
    vertical-align: middle;
}

#sch #wrap-bottom .bottom-menu ul {
    display: inline-block;
    padding: 15px 0;
}

#sch #wrap-bottom .bottom-menu li {
    float: left;
    padding: 0 20px 0 0;
}

#sch #wrap-bottom .bottom-menu li:last-child {
    padding: 0;
}

#sch #wrap-bottom .bottom-menu a {
    position: relative;
    padding: 3px 0;
    color: #bdc4d2;
    font-size: 14px;
    font-family: 'Noto DemiLight', sans-serif;
}

#sch #wrap-bottom .bottom-menu a:hover {
    color: #fff;
}

#sch #wrap-bottom .bottom-menu a:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #d1d3d7;
    transition: width 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#sch #wrap-bottom .bottom-menu a:hover:after {
    width: 100%;
    transition: width 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#sch #wrap-bottom .sns {
    width: 145px;
}

#sch #wrap-bottom .sns li {
    float: left;
    padding: 0 0 0 4px;
}

#sch #wrap-bottom .sns li:first-child {
    padding: 0;
}

#sch #wrap-bottom .sns li a {
    width: 33px;
    height: 33px;
    background-image: url('../../images/icon-sns.png');
    text-indent: -9999px;
}

#sch #wrap-bottom .sns li.facebook a {
    background-position: 0 -33px;
}

#sch #wrap-bottom .sns li.instagram a {
    background-position: 0 -66px;
}

#sch #wrap-bottom .sns li.youtube a {
    background-position: 0 -99px;
}

@media all and (max-width:420px) {
    #sch #wrap-bottom .sns {
        display: none;
    }
    #sch #wrap-bottom .bottom-menu ul {
        text-align: center;
    }
    #sch #wrap-bottom .bottom-menu li {
        float: none;
        display: inline-block;
        padding: 0 5px;
    }
    #sch #wrap-bottom .bottom-menu a {
        font-size: 13px;
    }
}


/* ==========================================================================
   Footer CSS
   ========================================================================== */

#sch #wrap-footer {
    padding: 30px 0;
    background: #464d5d;
    line-height: 1.5;
    font-size: 13px;
    color: #d4d4d5;
}

#sch #wrap-footer .container {
    background: url("../../images/logo-footer.png") no-repeat right center;
}

#sch #wrap-footer .address {
    display: inline-block;
    width: 100%;
}

#sch #wrap-footer .address li {
    float: left;
    margin: 0 20px 0 0;
}

#sch #wrap-footer .address li:last-child {
    margin: 0;
}

#sch #wrap-footer .copyright {
    margin: 0 0 20px 0;
    font-size: 12px;
    font-family: 'Noto DemiLight';
    color: #ababab;
}

@media all and (max-width:940px) {
    #sch #wrap-footer .container {
        background: none;
    }
}

@media all and (max-width:420px) {
    #sch #wrap-footer .address,
    #sch #wrap-footer .copyright {
        font-size: 12px;
    }
    #sch #wrap-footer .address ul {
        text-align: center;
    }
    #sch #wrap-footer .address li {
        float: none;
        display: inline-block;
        margin: 0 10px;
    }
    #sch #wrap-footer .address li.com-num {
        display: none;
    }
    #sch #wrap-footer .copyright {
        margin: 20px 0;
        text-align: center;
    }
    #sch #wrap-footer .reserved {
        display: block;
    }
    #sch #wrap-footer .warning {
        display: none;
    }
}