@charset "utf-8";

/*
 * File       : rwd-common.css
 *
 * SUMMARY:
 * 01) 1023px
 * 02) 860px
 * 03) 540px
 */



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){



}

/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* SEARCH */
    .search-submit {font-size:13rem;}
    .search-box .search-input {font-size:13rem;}
    .search-box .selectric .label {font-size:13rem;}

    /* BUTTON */
    .btn-basic {max-width: 120rem; font-size:14rem; padding: 10rem 20rem;}
    .btn-small {font-size:13rem;}

    /* FORM */
    .form-label {font-size:16rem;}

    /* TABLE */
    .tabel-basic tr {display: flex; flex-wrap: wrap;}
    .tabel-basic tbody th {width:30%;}
    .tabel-basic tbody td {width:70%;}

    
}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* SEARCH */
    .search-box {flex-flow: wrap;}
    .search-box .selectric-wrapper {width:100%; margin-right:0; margin-bottom:5rem;}
    .search-box .selectric {width:100%;}
    .search-box .search-input {width:calc(100% - 90rem);}

    /* BUTTON */
    .btn-basic {max-width:45%;}

    /* CHECK BOX  */
    .custom-radio {font-size:14rem;}
    .custom-radio .checkmark {width:18rem; height:18rem;}
    .custom-radio .checkmark:after { width: 10rem; height: 10rem;}

    /* PAGINATION */
    .board-pagination {margin-top: 20rem;}
    .board-pagination .board-pagination__numbers {width:30rem; height:30rem; line-height:30rem; font-size:13rem;}
    .board-pagination .board-pagination__numbers.board-pagination--first, .board-pagination .board-pagination__numbers.board-pagination--prev, .board-pagination .board-pagination__numbers.board-pagination--next, .board-pagination .board-pagination__numbers.board-pagination--last {width:30rem;}
    .board-pagination .board-pagination__numbers.board-pagination--first:before, .board-pagination .board-pagination__numbers.board-pagination--prev:before, .board-pagination .board-pagination__numbers.board-pagination--next:before, .board-pagination .board-pagination__numbers.board-pagination--last:before {font-size:10rem; line-height:31rem;}
    .board-pagination .board-pagination__numbers.board-pagination--prev { margin-right:5rem;}
    .board-pagination .board-pagination__numbers.board-pagination--next { margin-left:5rem;}

    /* SWIPER */
    .swiper-container .swiper-pagination-bullet span {width:8rem; height:8rem;}
    .swiper-play__state-btn:after { transform: scale(0.6);}

    /* FORM */
    .form-field-item + .form-field-item {margin-top:10rem;}
    .form-label {font-size:14rem;margin-bottom:6rem;}
    .form-input {font-size:14rem; padding-left:18rem; padding-right:18rem;}
    textarea.form-input {height:200rem;padding: 14rem 18rem;}

    /* TABLE */
    .tabel-basic th {font-size:14rem; padding:12rem;}
    .tabel-basic tbody th {width:100%; text-align:left;}
    .tabel-basic tbody td { padding: 12rem; font-size: 14rem; width:100%;}

    /* POPUP */
    .main_popup {left:0 !important; top:0 !important;}

}