.inner-main { text-align: center; }


.tab { display: flex; justify-content: center; margin-top: 24px; }
.tab li { color: #767676; font-size: 20px; line-height: 30px; }
.tab li.active { color: #111; border-bottom: 2px solid var(--main); font-weight: 700; }
.tab li + li { margin-left: 40px; }


form { text-align: start; }
form .input_box { display: flex; justify-content: flex-end; position: relative; margin-top: 40px; }
form .input_box input { border-bottom: 1px solid #E1E1E4; margin-left: 8px; padding: 10px 8px; width: 330px; }
form .input_box input::placeholder { font-size: 18px; }
form .input_box button { position: Absolute; right: 0; height: 100%; cursor: pointer; }
form .input_box .select { position: relative; width: 155px; display: flex; align-items: center; font-size: 18px; cursor: pointer; height: 100%; }
form .input_box .select > a { width: 100%; padding: 10px 0 10px 8px; display: block; }
form .input_box .select img { position: absolute; right: 0; pointer-events: none; }
form .input_box .select ul { position: absolute; top: calc(100% + 1px); left: 0; border: 1px solid #E1E1E4; width: 100%; border-top: 0; display: none; z-index: 80; }
form .input_box .select ul li:hover { background-color: var(--main); color: #fff; }
form .input_box .select.on ul,

/*  */
form .input_box .select:focus ul { display: block; background-color: #fff; }
/*  */
/* form .input_box .select:focus ul,
form .input_box .select > a:focus ~ ul { display: block; background-color: #fff; } */
form .input_box .select ul li { color: #767676; }

form .input_box .select ul li a { padding: 10px 8px; display: block; }
form .input_box input,
form .input_box .select { border-bottom: 1px solid #E1E1E4; }

span.search-word { 
    display: block;
    text-align: start; 
    margin-bottom: 24px; 
    font-size: 18px;
}

.pagination ul { display: flex; justify-content: center; align-items: center; }
.pagination ul li + li { margin-left: 15px; }
.pagination ul li.active { border-bottom: 1px solid var(--main); }
.pagination ul li a { display: block; font-size: 18px; }
.pagination ul li a img { width: 100%; display: block; }

/* 
article, .pagination {
    display: none;
} */

.not-search {
    text-align: start;
    position: relative;
}
.not-search > .admin-btn{
    transform: translateY(30px);
}
.not-search > div:not(.admin-btn) {
    border-top: 1px solid #111; 
    text-align: center;
    padding-top: 45px; 
}

.not-search strong { display: block; font-size: 26px; line-height: 36px; font-weight: 700; margin: 20px 0 8px 0; }
.not-search p { font-size: 18px; line-height: 24px; color: #767676; }

.not-search +  .pagination {
    display: none;
}
@media (max-width:1440px) {
    

    .tab { margin-top: 1.5rem; }
    .tab li { font-size: 1.25rem; line-height: 1.875rem; }
    .tab li + li { margin-left: 2.5rem; }
    .tab li a { display: block; }
    
    form .input_box {margin-top: 2.5rem; }
    form .input_box input { margin-left:0.5rem; padding: 0.625rem 0.5rem; width: 20.625rem; }
    form .input_box input::placeholder { font-size: 1.125rem; }
    form .input_box .select {  width: 9.688rem; font-size: 1.125rem;}
    form .input_box .select > a {  padding: 0.625rem 0 0.625rem 0.5rem;  }
    form .input_box .select ul li a { padding: 0.625rem 0.5rem; }

    span.search-word { 
        margin-bottom: 1.5rem; 
        font-size: 1.125rem;
    }
    .pagination ul li + li { margin-left: 0.938rem; }
    .pagination ul li a { font-size: 1.125rem; }

    .not-search > .admin-btn{
        transform: translateY(1.875rem);
    }


    .not-search > div:not(.admin-btn) {
        padding-top: 2.813rem; 
    }

    .not-search strong { font-size: 1.625rem; line-height: 2.25rem; margin: 1.25rem 0 0.5rem 0; }
    .not-search p { font-size: 1.125rem; line-height: 1.5rem; }
}

@media (max-width: 1024px){
    .tab { margin-top: 1.5rem; }
    .tab li { font-size: 1rem; line-height: 1.5rem; }
    .tab li + li { margin-left: 1.25rem; }

    form .input_box { margin-top: 2rem; justify-content: space-between; }
    form .input_box .select { width: 7.25rem; }
    form .input_box input { width: calc(100% - 7.875rem); margin-left: 0.625rem; padding: 0.625rem 0.5rem; }

    form .input_box input::placeholder { font-size: 1rem; }

    .pagination ul li a { font-size: 1.125rem; }
    .pagination ul li + li { margin-left: 0.9375rem; }
    

    .admin-btn{
        display: none;
    }
}