@charset "utf-8";

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



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){
    
    .board-item .type {width:18%;}
    
}



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

}

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


}


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

    /* BUTTON */
    .btn-all-view {font-size: 18rem}
    .btn-all-view span:before {font-size:14rem;}
    .btn-download {position:static;margin: 50rem auto 0;}

    /* 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:18rem 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 .type span + span {margin-top:0; margin-left:5rem;}
    .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__category {font-size:15rem;}
    .board-view__header .tit { font-size: 22rem;}
    .board-view__header .board-view__meta li { font-size: 16rem;}
    .board-view__header .board-view__meta li + li { margin-left: 12rem; padding-left: 12rem;}
    .board-view-share .share-list {position:fixed; top:auto; bottom:0; left:0; right:0; width:100%;background:#fff;border-radius:30rem 30rem 0 0; padding:30rem 0; z-index:999;}
    .board-view-share .share-list__head {display:block;text-align:center;margin-bottom: 30rem;}
    .board-view-share .share-list__head p {font-size:18rem;font-weight:500;}
    .board-view-share .share-list__head .btn-close {position:absolute;right: 20rem;top:23rem;background:none;border:none;cursor:pointer;width: 40rem;height: 40rem;display: block;line-height: 40rem;text-align: center;padding: 0;}
    .board-view-share .share-list__head .btn-close:before {font-family: 'minjoo';font-size:18rem;font-weight: normal;color:#232527;content:'\e920';text-align: center;display: block;}
    .board-view-share .share-list ul {position:static;transform:none;border:none;padding:0;box-shadow: none;justify-content: center;}
    .board-view-share .share-list ul:after {display:none;}
    .board-view-share .share-list li {width:52rem; height:52rem;}
    .board-view-share .share-list li a:before {font-size:24rem;}
    .board-view__body { padding: 40rem 20rem;}
    .board-view__body p { font-size: 16rem;}
    .board-view__body img {max-width:840rem;}
    .board-view__wrap .basic-btn__wrap .basic-btn { font-size: 15rem;}

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


    /* PAGINATION */
    .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;}

    /* SWIPER */
    .swiper-container .swiper-pagination-bullet span {width:12rem; height:12rem;}
    .swiper-container .swiper-pagination-bullet-active > span {width:22rem;}

    /* CHECK BOX */
    .custom-checkbox__type2 {font-size:16rem; padding-left:28rem;}
    .custom-checkbox__type2 .checkmark { width: 20rem; height: 20rem;}

}

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

    /* BUTTON */
    .basic-btn { min-width: 170rem; padding: 16rem 20rem; font-size:16rem;}
    .btn-write {width: 130rem; font-size:15rem; margin-left:20rem;}

    .btn-all-view {font-size: 16rem}
    .btn-all-view span {padding-left:22rem;}
    .btn-all-view span:before {font-size:12rem;}

    .btn-download {max-width: 280rem; margin-top:100rem; font-size:14rem;}

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

    /* FORM */
    .form-field-wrap { }
    .form-field-wrap.col {display:block;}
    .form-field-wrap.col > * {width:100%; margin-top:25rem;}
    .form-label {display:block; width:100%; background:none; padding:0; margin-bottom:8rem;}
    .form-field-item {display:block;border-bottom:none; margin-top:25rem;}
    .form-field-item:first-child {margin-top:10rem;}
    .form-field-item > .form-input__wrap {display:block; width:100%;padding:0; margin-top:6rem;}
    .textarea-edit-wrap label {display:block;}
    
    .form-type-02 {padding-top:30rem; margin-bottom:30rem;}
    .form-type-02 .form-title {font-size:16rem;}
    .form-type-02 .form-field-item {margin-top:20rem;}
    .form-type-02 .form-field-item > .form-input__wrap {padding:0;}
    .form-type-02 .form-label.align-top {padding-top:0;}

    /* 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;}
    form + .board-list__sort {margin-top:20rem;}
    .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: 18rem 0;}
    .board-item.main-notice__item--active {padding-left:15rem; padding-right:15rem;}
    .board-item .type span {font-size:13rem;}
    .board-item a {font-size:16rem;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal;}
    .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__category {font-size:13rem;}
    .board-view__header .tit { font-size: 20rem;}
    .board-view__header .board-view__meta li { font-size: 14rem;}
    .board-view-share {right: 0; bottom: 24rem;}
    .board-view-share .share-list li.sns-item__facebook a:before {font-size:22rem;}
    .board-view-share .share-list li.sns-item__twitter a:before {font-size:22rem;}
    .board-view__body {padding:25rem 0;}
    .board-view__body p { font-size: 15rem;}
    .board-view__body p + figure { margin-top: 20rem;}
    .board-view__body img {max-width:100%;}
    .board-file__list {margin-top:30rem; margin-bottom:50rem;}
    .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;}

    .board-search-result p {font-size:18rem;}

    /* 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-container .swiper-pagination-bullet span {width:10rem; height:10rem;}
    .swiper-container .swiper-pagination-bullet-active > span {width:20rem;}

    /* MAGNIFIC POPUP */
    .component-popup .tab-list li a { font-size: 16rem; padding: 18rem 20rem;}

    /* CHECK BOX  */
    .custom-checkbox__type2 { font-size: 15rem; padding-left: 26rem;}


}



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

    /* BUTTON */
    .basic-btn__wrap { margin-top: 60rem;}
    .basic-btn { min-width: 48%; padding: 13rem 15rem; font-size:14rem;}
    .btn-write {width:116rem; height: 40rem; font-size:14rem; margin-left:auto; margin:20rem auto 0;}
    .btn-external span { padding-right: 20rem;}
    .btn-external span:after {font-size:12rem;}

    .btn-all-view {font-size: 14rem}
    .btn-all-view span {padding-left:16rem;}
    .btn-all-view span:before {font-size:10rem;}

    .btn-download {margin-top:60rem;}

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

    /* FORM */
    .search-input {font-size:14rem;}

    .form-label {font-size:14rem;}
    .form-input {font-size:14rem; padding-left:15rem; padding-right:15rem;}
    .form-input__wrap .selectric .label {margin-left:15rem;}
    .form-field-item > .form-input__wrap p {font-size:14rem;}
    textarea.form-input {padding:15rem;}
    .edit-title #form-title {padding-right:76rem;}
    .edit-title .byte-maxlength { right: 15rem; font-size: 12rem;}

    .form-type-02 .form-title { font-size: 14rem;}

    /* 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; order:2;}
    .board-list__filter .selectric .label {height: 40rem; line-height: 40rem;}
    .board-list__filter .selectric .button { height: 40rem;}
    .board-list__filter + form {margin-left:0; order:1;}
    .board-list__sort {order:3}
    .board-list__sort button { font-size: 13rem;}
    .board-list__sort li + li { padding-left: 6rem; margin-left: 6rem;}
    .board-item .type { margin-bottom: 8rem;}
    .board-item .type span { min-width:auto; padding: 4rem 12rem;}
    .board-item a {font-size:14rem;font-weight: 500;}
    .board-item .author, .board-item .view, .board-item time { font-size: 13rem;}

    .board-view__header { padding: 15rem 0;}
    .board-view__category { min-width: auto; padding: 4rem 12rem;}
    .board-view__header .tit { font-size: 18rem;}
    .board-view__header .board-view__meta  { margin-top: 5rem;}
    .board-view__header .board-view__meta li { font-size: 12rem;}
    .board-view__header .board-view__meta li.writer { display: block; width: 100%; margin-bottom:5rem;}
    .board-view__header .board-view__meta li.writer + li {margin-left:0; padding-left:0;}
    .board-view__header .board-view__meta 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-share {bottom:14rem;}
    .board-view__body { padding: 18rem 0;}
    .board-view__body p { font-size: 14rem;}
    .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: 180rem; margin: 0 4rem; font-size:14rem;}
    .board-search button {padding-left:20rem; padding-right:20rem;}

    .board-search-result p {font-size:16rem;}

    /* PAGINATION */
    .board-pagination {margin-top:30rem;}
    .board-pagination__mob {display:block;}
    .board-pagination__pc {display:none;}
    .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;}

    /* SWIPER */
    .swiper-container .swiper-pagination-bullet span {width:8rem; height:8rem;}
    .swiper-container .swiper-pagination-bullet-active > span {width:18rem;}

    /* MAGNIFIC POPUP */
    .component-popup .mfp-close:before {font-size:16rem;}
    .component-popup .tab-list li a { padding: 14rem 10rem;}

    /* CHECK BOX  */
    .custom-checkbox__type2 { font-size: 14rem; padding-left: 24rem;}
    .custom-checkbox__type2 .checkmark {  width: 18rem; height: 18rem;}

    .custom-radio {font-size:14rem; padding-left:28rem;}
    .custom-radio + .custom-radio {margin-left:30rem;}
    .custom-radio .checkmark { height: 20rem; width: 20rem;}

}