@charset "utf-8";

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


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


    /* BUTTON */
    .btn-basic__wrap {margin-top:40rem;}
    .btn-basic {min-width: 160rem; padding: 17rem 20rem;font-size:16rem;}
    .mob-btn {/* display:flex; */}

    /* SELECTRIC */
    .selectric .label {font-size:16rem;}

    /* TAB */
    .tabs-basic {margin: -8rem -30rem 32rem; padding: 0 22rem; overflow-x: scroll; white-space: nowrap;}
    

    /* SEARCH */
    .search-box {padding: 50rem; gap: 15rem; flex-wrap: wrap;}
    .search-box .selectric-wrapper { /* width: calc(50% - 7.5rem); */ width:100%;}
    .search-box .selectric {width:100%;}
    .search-input {max-width: calc(100% - 185rem);}
    .search-submit {margin-left:0;}
    .search-input {padding: 10rem 15rem;}

    /* FORM */
    .board-list__body .total { font-size: 24rem; margin-bottom:20rem;}
    .board-list__body .total span { font-size: 20rem;}

    /* TABLE */
    .basic-table col {display:none;}
    .basic-table col:nth-child(1) { display:block; width: 20% !important;}
    .basic-table col:nth-child(2) { display:block; width: 80% !important;}

    .basic-table thead {display:none;}
    .basic-table tbody tr:after {width:100%;height:1rem;background: #bbb;content:'';display:block;}
    .basic-table tbody td {padding:20rem 15rem;}
    
    .basic-table tbody td.view, .basic-table tbody td.date {font-size:16rem;}
    .basic-table tbody td.view:after {content:'조회'; }
    .basic-table td {position:relative;}
    .basic-table td.tit {display:block;border-bottom:none;padding-bottom: 5rem;}
    .basic-table td.view {display: inline-block;text-align:left;padding: 0 15rem  17rem;border-bottom: none;}
    .basic-table td.date {display: inline-block;text-align:left;border-bottom: none;padding: 0 15rem 17rem;}
    .basic-table td.date:before {width:1rem; height:8rem; background:#888; content:''; display:block; position:absolute; left:0; top:9rem;}

    .board-list__head {margin-bottom:20rem;}
    .board-total {font-size:18rem;}
    .board-list__sort button { font-size: 16rem;}
    .board-item {display:block; padding:30rem 25rem;}
    .board-item a {width:100%;font-size:20rem; padding:0;}
    .board-item .type {display:flex; width:100%; margin-bottom:15rem;}
    .board-item .type > p + p {margin-top:0; margin-left:5rem;}
    .board-item .type span { font-size: 15rem;}
    .board-item .author, .board-item .view, .board-item time {display:inline-block; width:auto; font-size:16rem; margin-top:5rem;}
    .board-item time {position:relative;padding-left:15rem; margin-left:15rem;}
    .board-item time:before {width:1rem; height:8rem; background:#888; content:''; display:block; position:absolute; left:0; top:9rem;}

    .board-view .article-header__text {background:#fff;}
    .board-view .article-body {margin-top:0}
    .board-view__header {padding-left:20rem; padding-right:20rem;}
    .board-view__header .tit { font-size: 22rem;}
    .board-view__header li { font-size: 16rem;}
    .board-view__header li + li { margin-left: 12rem; padding-left: 12rem;}
    .board-view__body { padding: 40rem 20rem;}
    .board-view__body p { font-size: 16rem;}
    .board-view__body p + p { margin-top: 20rem;}
    .board-view__wrap .basic-btn__wrap .basic-btn { font-size: 15rem;}

    .board-search button { font-size: 16rem;}
    .board-search input {width:320rem;}

    /* ACCORDION */
    .accordion-title {padding: 30rem 100rem 30rem 0; font-size:18rem;}
    .accordion-content { padding: 40rem 50rem 40rem; font-size: 16rem;}

    /* PAGINATION */
    .board-pagination {/* display:none; */ margin-bottom:60rem;}
    .board-pagination .board-pagination__numbers { width:40rem; height: 40rem; font-size: 15rem; line-height: 39rem;}
    .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:40rem;}
    .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 {line-height:39rem; font-size:13rem;}
    .board-pagination .board-pagination__numbers.board-pagination--first:before {font-size:13rem;}
    .board-pagination .board-pagination__numbers.board-pagination--last:before {font-size:13rem;}

    /* LECTURE */
    .main-new-lecture .lecture-item {}
    .lecture-item {box-shadow:none;}
    .lecture-item__info {background:none; padding:15rem 0 0;}
    .lecture-item__category {font-size:15rem;}
    .lecture-item__tit {font-size:20rem;}
    .lecture-item__date {font-size:15rem;}

    /* POPUP */
    .edu-popup__head h3 {font-size:30rem;}

}



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

    /* BUTTON */
    .btn-basic__wrap {margin-top:40rem;}
    .btn-basic {font-size:16rem;}
    .btn-round {font-size:16rem;}

    /* SELECTRIC */
    .selectric .label {font-size:15rem; height: 40rem; margin: 0 50rem 0 10rem; line-height: 40rem;}
    .selectric .button { width: 32rem; height: 40rem;}

    /* TAB */
    .tabs-basic li button, .tabs-basic li a {font-size:16rem; padding: 16rem 20rem;}

    /* SEARCH */
    .search-box {padding:40rem;}
    .search-input {height:55rem;}
    .search-submit {font-size:16rem;}
    

    /* FORM */
    .board-list__body { margin-top: 60rem;}
    .board-list__body .total {font-size: 20rem; margin-bottom: 15rem;}
    .board-list__body .total span { font-size: 16rem;}

    /* TABLE */
    .basic-table tbody td {padding: 15rem 10rem;}
    .basic-table tbody td.num {font-size:14rem;}
    .basic-table tbody td.tit {font-size:18rem;}
    .basic-table tbody td.view, .basic-table tbody td.date {font-size:14rem; padding:0 10rem 20rem;}
    .basic-table td.date:before {top:6rem;}
    html.ios .basic-table td.date:before {top:7rem;}

    .board-total {font-size:16rem;}
    .board-list__filter {width: 160rem;}
    .board-list__sort li + li { padding-left: 10rem; margin-left: 10rem;}
    .board-list__sort li + li:before { height: 10rem;}
    .board-list__sort button { font-size: 14rem;}
    .board-item { padding: 25rem 0;}
    .board-item .type span {font-size:13rem;}
    .board-item a {font-size:18rem;}
    .board-item .author, .board-item .view, .board-item time { font-size: 14rem;}
    .board-item time { padding-left: 10rem; margin-left: 10rem;}
    .board-item time:before {top:7rem;}

    .board-view__header {padding:25rem 0;}
    .board-view__header .tit { font-size: 20rem;}
    .board-view__header li { font-size: 14rem;}
    .board-view__body {padding:25rem 0;}
    .board-view__body p { font-size: 15rem;}
    .board-view__body p + figure { margin-top: 20rem;}
    .board-file__list {margin-top:30rem;}
    .board-file__item a {padding: 12rem 16rem;}

    .board-search .selectric-wrapper { width: 130rem;}
    .board-search button { font-size: 14rem;}
    .board-search input {width:260rem; margin: 0 8rem;}

    /* ACCORDION */
    .accordion-title { font-size: 16rem; padding: 26rem 80rem 26rem 0;}
    .accordion-control {right:15rem;}
    .accordion-control:after {font-size:12rem;}
    .accordion-content {font-size: 15rem; padding:30rem 40rem;}

    /* PAGINATION */
    .board-pagination {margin-top:40rem;}
    .board-pagination .board-pagination__numbers { width:34rem; height: 34rem; font-size: 14rem; line-height: 33rem;}
    .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:34rem;}
    .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 {line-height:33rem; font-size:12rem;}
    .board-pagination .board-pagination__numbers.board-pagination--first:before {font-size:12rem;}
    .board-pagination .board-pagination__numbers.board-pagination--last:before {font-size:12rem;}

    /* SWIPER */
    .swiper-navigation > button { width: 24rem; height: 24rem; line-height: 24rem; }
    .swiper-navigation > button:before {font-size:10rem;}

    /* LECTURE */
    .lecture-item__category {font-size:14rem;}
    .lecture-item__tit {font-size:16rem; margin-top:5rem;}
    .lecture-item__date {font-size:14rem;}
    
    /* POPUP */
    .edu-popup__box {max-width:95%;}
    .edu-popup__head {margin-top:40rem; margin-bottom:30rem;}
    .edu-popup__head h3 { font-size: 26rem;}
    .edu-popup__head p { font-size: 16rem;}
    .edu-popup__box .tabel-basic th { padding: 16rem 0; font-size: 16rem;}
    .edu-popup__box .tabel-basic td { padding: 16rem 6rem; font-size: 14rem;}
    .edu-popup__date {font-size:14rem;}
    .edu-popup__date b {font-size:16rem;}
    .edu-popup__sign img:first-child {max-width: 130rem;}
    .edu-popup__sign img:last-child {max-width: 60rem;}
    .edu-popup__sign p {font-size:22rem;}
    .edu-popup__guide {font-size:14rem;}
}



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

    /* BUTTON */
    .btn-basic__wrap {margin-top:30rem; gap:11rem;}
    .btn-basic {min-width:auto; width:50%; padding:17rem;}
    .btn-round {font-size:14rem; padding: 12rem 20rem;}

    /* SELECTRIC */
    .selectric .label {font-size:14rem; height:48rem; line-height: 48rem;}
    .selectric .button {height:48rem;}

    /* SELECTRIC */
    .selectric .label {font-size:14rem;margin: 0 40rem 0 10rem;}
    .selectric .button:after { border-width: 5rem 4rem 0 4rem;}

    /* TAB */
    .tabs-basic {margin: 0 -26rem 16rem;}
    .tabs-basic li {margin: 4rem;}
    .tabs-basic li button, .tabs-basic li a { min-width:auto; font-size: 14rem; padding: 10rem 20rem;}

    /* SEARCH */
    .search-box { gap: 10rem; padding: 24rem 15rem; margin: 0 -15rem; width: calc(100% + 30rem);}
    .search-box .selectric-wrapper {/*  width: calc(50% - 5rem); */ width:100%;}
    .search-input {height:48rem; max-width:100%;}
    .search-submit {width:100%; font-size:15rem; padding:15rem 10rem;}

    /* FORM */
    .board-list__body {margin-top:30rem;}
    .board-list__body .total { font-size: 16rem; margin-bottom:10rem;}
    .board-list__body .total span { font-size: 14rem;}
    .form-field-item {display:block;}
    .form-label {width:auto; font-size:14rem;}
    .form-input {width:100%; font-size:14rem; padding-left:15rem; padding-right:15rem;}

    /* TABLE */
    .basic-table tbody td {padding:10rem;}
    .basic-table tbody td.tit {font-size:16rem; font-weight: 500; padding-bottom:0;}
    .basic-table tbody td.view, .basic-table tbody td.date {font-size:13rem; padding-bottom:10rem;}

    .board-list__head { margin-bottom: 10rem;}
    .board-list__filter {width: 130rem;}
    .board-list__filter .selectric .label {height: 40rem; line-height: 40rem;}
    .board-list__filter .selectric .button { height: 40rem;}
    .board-list__sort button { font-size: 13rem;}
    .board-list__sort li + li { padding-left: 6rem; margin-left: 6rem;}
    .board-item { padding: 20rem 0;}
    .board-item .type { margin-bottom: 10rem;}
    .board-item .type span { min-width:auto; padding: 4rem 12rem;}
    .board-item a {font-size:16rem;font-weight: 500;}
    .board-item .author, .board-item .view, .board-item time { font-size: 13rem;}

    .board-view__header { padding: 15rem 0;}
    .board-view__header .tit { font-size: 18rem;}
    .board-view__header ul { margin-top: 5rem;}
    .board-view__header li { font-size: 12rem;}
    .board-view__header li.writer { display: block; width: 100%; margin-bottom:5rem;}
    .board-view__header li.writer + li {margin-left:0; padding-left:0;}
    .board-view__header li.writer + li:before {display:none;}
    .board-view__header .mob-btn-admin-edit {cursor:pointer; display:block;padding:0;background:none;border:none;position:absolute;bottom: 10rem;right:0;width: 30rem;height: 30rem;}
    .board-view__header .mob-btn-admin-edit:before {position:absolute;left: 50%;top:50%;transform:translate(-50%, -50%);font-family: 'minjoo';content: '\e92f';font-size: 17rem;color: #777;}
    .board-view__header ul.btn-admin-edit {display:none; flex-flow: column;position: fixed;bottom: 0;left: 0;background: #fff;width: 100%;height: 140rem;padding: 35rem;text-align: center;border-radius: 30rem 30rem 0 0;z-index: 600;}
    .board-view__header ul.btn-admin-edit li {margin:8rem;font-size:16rem;}
    .board-view__header ul.btn-admin-edit li a { color:#232527;}
    .board-view__header ul.btn-admin-edit li span:after {content:'하기';}
    .board-view__header ul.btn-admin-edit li:nth-child(1) {order:2}
    .board-view__header ul.btn-admin-edit li:nth-child(2) {order:1} 
    .board-view__header ul.btn-admin-edit li.delete a {color:#FF6262;}
    .board-view__header ul.btn-admin-edit li + li {margin:8rem; padding:0;}
    .board-view__header ul.btn-admin-edit li + li:before {display:none;}
    .board-view__body { padding: 18rem 0;}
    .board-view__body p { font-size: 14rem;}
    .board-view__body p + p { margin-top: 15rem;}
    .board-view__body p + figure { margin-top: 15rem;}
    .board-file__item a {font-size:13rem; padding: 10rem 12rem;}
    .board-file__item a span { padding-right: 40rem;}
    .board-file__item a span:after {font-size:14rem;}
    .board-file__item a i { width: 16rem; height: 20rem; margin-right:6rem;}
    .board-view__wrap .basic-btn__wrap .basic-btn { font-size: 14rem;}

    .board-search .selectric-wrapper { width: 90rem;}
    .board-search input { width: 160rem; margin: 0 4rem; font-size:14rem;}
    .board-search button {padding-left:20rem; padding-right:20rem;}
    
    /* ACCORDION */
    .accordion-item .accordion-title { display:block; font-size: 14rem; padding: 18rem 40rem 18rem 0;}
    .accordion-title .num { width:10%; padding: 0;position: absolute; left: 0;top: 50%; transform: translateY(-50%);}
    .accordion-title .title {display:block;padding:0 0 0 40rem;}
    .accordion-title .category {display:block;width:100%; padding:0 0 0 40rem; text-align:left; font-size:12rem; color:#767676; margin-bottom:3rem;}
    .accordion-content { font-size: 14rem; padding: 20rem 15rem; }
    .accordion-control {right:5rem;}
    .accordion-control:after {font-size:10rem;}

    /* PAGINATION */
    .board-pagination {margin-top:30rem;}
    .board-pagination .board-pagination__numbers { width:32rem; height: 32rem; font-size: 14rem; line-height: 31rem;}
    .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:32rem;}
    .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 {line-height:31rem; font-size:11rem;}
    .board-pagination .board-pagination__numbers.board-pagination--first:before {font-size:12rem;}
    .board-pagination .board-pagination__numbers.board-pagination--last:before {font-size:12rem;}

    /* LECTURE */
    .lecture-item__info {padding-top:11rem;}
    .lecture-item__category {font-size:11rem;}
    .lecture-item__tit {font-size:14rem;}
    .lecture-item__date {font-size:11rem;}

    /* POPUP */
    .edu-popup__box {padding:20rem;}
    .edu-popup__print { padding: 8rem 13rem; font-size: 13rem;}
    .edu-popup__close { right: 15rem; top: 15rem;}
    .edu-popup__head {margin-top:30rem; margin-bottom:20rem;}
    .edu-popup__head h3 { font-size: 20rem;}
    .edu-popup__head p { font-size: 14rem;}
    .edu-popup__box .tabel-basic th { padding: 12rem 0; font-size: 15rem; display:block;}
    .edu-popup__box .tabel-basic td { padding: 12rem 5rem; font-size: 13rem; display:block;}
    .edu-popup__date {font-size:13rem;}
    .edu-popup__date b {font-size:15rem;}
    .edu-popup__sign img:first-child {max-width: 100rem;}
    .edu-popup__sign img:last-child {max-width: 50rem;}
    .edu-popup__sign p {font-size:18rem;}
    .edu-popup__guide {font-size:13rem;}

}