@charset "utf-8";

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




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

    /* COMMON */
    .contents-left {width:100%;}
    .sub-tabs { overflow-x: scroll;}
    .sub-tabs li a {white-space: nowrap;}
    .sub-menu__inner {overflow:visible;}
    .sub-menu .sub-menu__ul {margin:0;}
    .sub-menu .sub-menu__ul > li > ul { padding:0; overflow-x: scroll; overflow-y:hidden; white-space: nowrap;}
    .sub-menu .swiper-navigation {display:none;}

    .contents-right .btn-write {display:none;}

    /* GALLERY */
    .gallery .gallery-list {margin-top:0;}
    .gallery-text { padding: 20rem 25rem 25rem;}
    .gallery-text b { font-size: 20rem;}
    .gallery-text p {margin-top:15rem;}

    /* MAGAZINE */
    .magazine-list {margin-top:0;}
    .magazine-item + .magazine-item {margin-top:30rem;}
    .magazine-item figure { padding-top: 27.9%;}
    .magazine-text {padding:30rem;}
    .magazine-text b { font-size: 22rem;}
    .board-main .magazine-item figure { padding-top: 27.9%;}
    .board-main .magazine-text p {margin-top:20rem;}

    /* BOARD MAIN */
    .board-main .board-main__container {display: block;}
    .board-main .contents-right {max-width:100%; margin-top:30rem;}
    .board-main__contents-banner {border-radius:10rem;}

    /* BOARD WRITE */
    #container.board-write, #container.board-content-write {background:var(--card-bg);}
    .board-write__box {padding:0; border:none; border-radius:0;}

    .board-write .board-main__container {display:block;}
    .board-write .contents-right {display:none;}
    .board-write .selectric-items {width:80% !important; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;}
    .board-write .selectric-items li {position:relative;padding: 12rem 25rem;color:#000;}
    .board-write .selectric-items li:first-child {display:none;}
    .board-write .selectric-items li.selected {color:var(--blue-text-color);}
    .board-write .selectric-items li.selected:after {font-family: 'bluewave';content: '\e923';text-align:center;font-size: 10rem;font-weight: normal;color: #fff;display:block;width:22rem;height:22rem;line-height:22rem;background: #1384B5;border-radius:50%;position:absolute;right: 25rem;top:50%;transform:translateY(-50%);}
    .board-content-write .selectric-items {width:80% !important; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;}
    .board-content-write .selectric-items li {position:relative;padding: 12rem 25rem;color:color:var(--gray-text-color); ;}
    .board-content-write .selectric-items li:first-child {display:none;}
    .board-content-write .selectric-items li.selected {color:var(--blue-text-color);}
    .board-content-write .selectric-items li.selected:after {font-family: 'bluewave';content: '\e923';text-align:center;font-size: 10rem;font-weight: normal;color: #fff;display:block;width:22rem;height:22rem;line-height:22rem;background: #1384B5;border-radius:50%;position:absolute;right: 25rem;top:50%;transform:translateY(-50%);}
    .selectric-open .global-overlay {display: block;} 

    /* BOARD VIEW */
    #container.board-view {background:var(--card-bg);}
    .board-view .board-main__container {display:block;}
    .board-view .contents-right {display:none;}
    .board-view .wrap {margin:0;}
    .board-view__head { padding: 0 30rem 25rem;}
    .board-view__head .category {font-size:16rem;}
    .board-view__head-info .btn-author {font-size:16rem;}
    .board-view__head-info .util-info {margin-left:auto;display:none;}
    .board-view__head-info .util-info li {font-size:16rem;}
    .board-view__head-info .author-meta > li {font-size:15rem;}
    .board-view__body {padding:0;}
    .board-view__box {padding:0; border:none; border-radius:0; background:var(--card-bg);}
    .board-view__contents {padding:30rem;font-size: 18rem;}
    .board-view__contents-banner {margin-left:30rem; margin-right:30rem; margin-top:60rem;}
    .board-view__contents-bottom {display:block;}
    .board-view__contents-bottom .contents-util__box {display:flex; align-items:center;margin-top:40rem; padding:20rem 30rem; border-top:1rem solid var(--border-color);}
    .board-view__contents-bottom .contents-util > li > button {font-size:16rem;}
    .board-view__contents-bottom .contents-util > li + li:before {display:none;}
    .board-view__contents-bottom .contents-util__box .util-info {display: flex;}
    .board-view__contents-bottom .contents-util__box .util-info li {position: relative;font-size:16rem;color:var(--black-text-color); padding-left:20rem;}
    .board-view__contents-bottom .contents-util__box .util-info li + li {margin-left: 20rem;}
    .board-view__contents-bottom .contents-util__box .util-info li:before {font-family: 'bluewave';font-weight: normal;font-size: 16rem;color:var(--black-text-color);position: absolute;left:0;top: calc(50% + 1rem);transform: translateY(-50%);}
    .board-view__contents-bottom .contents-util__box .util-info li.comment:before {content:'\e925'} 
    .board-view__contents-bottom .contents-util__box .util-info li.recommend:before {content:'\e927'} 
    html.ios .board-view__contents-bottom .contents-util__box .util-info li:before {top:50%;}

    .board-view__emotion {justify-content: center;}
    .board-view__emotion li button {font-size:14rem;}

    .comment-box {padding: 0;}
    .comment-title {display:none;}
    .comment-item {padding: 30rem 30rem 25rem;border-bottom:1rem solid var(--border-color);}
    .comment-primary {border-bottom:none;margin-top: 0;}
    .comment-secondary__item {border-bottom:none;}
    .comment-author {font-size:16rem;}
    .comment-send {font-size:16rem;}
    .comment-text {font-size:16rem;}
    .comment-write {padding:0 30rem;}
    .comment-box .btn-wrap {padding:0 30rem;}
    
    
    .popup-open .global-overlay {display:block;z-index:600;}
    .board-view .more-tooltip {position:fixed; bottom:0; left:0; right:0; width:100%;transform:none; border-radius:30rem 30rem 0 0; padding:30rem 0; z-index:999;}
    .board-view .more-tooltip li { text-align: center; font-size: 18rem; padding:5rem 0;}
    .board-view .more-tooltip li a.btn-report {color:#FF6262;}

    .author-name.active .author-tooltip {position:fixed; top:auto; bottom:0; left:0; right:0; width:100%;transform:none; border-radius:30rem 30rem 0 0; padding:30rem 0; z-index:999;}
    .author-name .author-tooltip li { text-align: center; font-size: 18rem; padding:5rem 0;}
    .author-name .author-tooltip li a.btn-report {color:#FF6262;}

    .btn-share .share-list {position:fixed; top:auto; bottom:0; left:0; right:0; width:100%;background:var(--btn-bg);border-radius:30rem 30rem 0 0; padding:30rem 0; z-index:999;}
    .btn-share .share-list__head {display:block;text-align:center;font-size:18rem;font-weight:500;margin-bottom: 30rem;}
    .btn-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;}
    .btn-share .share-list__head .btn-close:before {font-family: 'bluewave';font-size:18rem;font-weight: normal;color:#232527;content:'\e920';text-align: center;display: block;}
    .btn-share .share-list ul {position:static;transform:none;border:none;padding:0;box-shadow: none;justify-content: center;}
    .btn-share .share-list ul:after {display:none;}
    .btn-share .share-list li {width:52rem; height:52rem;}
    .btn-share .share-list li a:before {font-size:24rem;}
    .btn-share .share-list li.share-naver a:before {font-size:18rem;}
    .btn-share .share-list li.share-url a:before {font-size:20rem;}


    .comment-contents {position:relative;}
    .comment-bottom {flex-direction: column;margin-top: 15rem;}
    .comment-bottom__util {order:1;margin-left: 0;margin-right: auto;}
    .comment-bottom__util li.btn-reply__write button {text-decoration:underline;}
    .comment-bottom__util li.btn-more {position:absolute;right: 5rem;top:0;margin-left: 0;}
    .comment-bottom__util li.btn-more button {display: block;position:relative;width: 30rem;height: 30rem;text-align: center;}
    .comment-bottom__util li.btn-more button:before {font-family: 'bluewave';font-weight: normal;content: '\e92c';font-size: 16rem;color:var(--black-text-color);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .comment-bottom__util li.btn-more span {font-size:0;}
    .comment-bottom .board-view__emotion {order:2;margin-right: auto;margin-left: 0;margin-top: 20rem;}

    .board-view-pagination__item {padding: 20rem 30rem;}
    .board-view-pagination__type2  {margin-left:30rem; margin-right:30rem;}

    /* MYPAGE */
    .member-container .contents-right {display:none;}
    .mypage .board-main__container, .maypage-modify .board-main__container {display:block;}
    .mypage .contents-right, .maypage-modify .contents-right {display:none;}
    .mypage .board-write__box, .maypage-modify .board-write__box {background:none;}


}



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

    /* COMMON */
    .tooltip-guide {font-size:14rem;}

    .sub-tabs {margin-left:-25rem; margin-right:-25rem; padding:0 25rem; overflow-x: scroll; overflow-y: hidden; text-wrap: nowrap; flex-wrap: nowrap;}
    .sub-menu-child > div > ul  {margin-left:-25rem; margin-right:-25rem; padding:0 25rem; overflow-x: scroll; overflow-y: hidden; text-wrap: nowrap; flex-wrap: nowrap;}

    .col2 >* {max-width:100%;}
    .component-box__warp {display:block;}
    .component-box + .component-box {margin-top:30rem;}
    .component-box__head { padding: 16rem 20rem; display:block; }
    .component-box__head .list-type {padding-top:5rem;}
    .component-box__head .sorting-type li:first-child button {padding-left:0;}
    .component-box__head .filter-type {margin-left:auto;}
    .component-box__title {font-size:16rem;}
    .component-box__info p { font-size: 15rem;}
    .component-box__info .icon-new { width: 16rem; height: 16rem}
    .component-box__info .icon-new:before {font-size:14rem; left:1rem;}
    .component-box__info .icon-lock:before {font-size:13rem;}
    .component-box .meta li span, .component-box .meta li time { font-size: 13rem;}
    .component-box .meta > li span.comment i:before { font-size: 13rem;}
    .component-box .meta > li span i:before { font-size: 13rem;}
    .component-box__item {padding: 12rem 20rem}
    
    .component-box__all--type2 .component-box__info {display:block;}
    .component-box__all--type2 .component-box__info .meta {margin-top:3rem;}
    .component-box__all--type2 .component-box__info p {max-width:100%;}

    .contents-right .btn-write {font-size:16rem;}

    /* GALLERY */
    .gallery .gallery-list {margin:-15rem;}
    .gallery-item { width: calc(50% - 30rem); margin:15rem;}
    .gallery-text b { font-size: 18rem;}
    .board-main .gallery-item { width: calc(50% - 30rem); }

    /* MAGAZINE */
    .magazine-item a { align-items: center; border-radius:0;}
    .magazine-item figure {max-width:192rem;padding-top: 26.742%;}
    .magazine-text {border:none; background:none; padding:0 0 0 20rem;}
    .magazine-text b { font-size: 18rem;}
    .magazine-text p { margin-top: 10rem; font-size: 14rem;}

    .board-main .magazine-item figure {max-width: 192rem; padding-top: 26.742%;}
    .board-main .magazine-text {padding:0 0 0 20rem;}
    .board-main .magazine-text b { font-size: 18rem;}
    .board-main .magazine-text p { margin-top: 10rem; font-size: 14rem;}

    /* SURVEY */
    .poll-list.masonry .survey-box-wrap { column-count: 2;}

    /* BOARD MAIN */
    .survey-banner__wrap {margin-bottom:30rem;}
    .survey-banner__wrap p { font-size: 20rem; left: 40rem;}
    .board-banner__wrap {margin-bottom:30rem;}
    .board-banner__wrap p { font-size: 20rem; left: 40rem;}
    .board-main .contents-right {display:block; margin-top:30rem;}
    .board-main .contents-right .sub-section + .sub-section {margin-top:30rem;}
    .notice-rolling { height: 56rem;padding: 16rem 25rem;}
    .notice-rolling__title {display:none; margin-right:30rem; font-size:14rem;}
    .notice-rolling__item p {font-size: 14rem;}
    .notice-rolling__item p b {font-size:14rem;}

    /* BOARD WRITE */
    .board-write__head h2 {font-size:18rem;}
    .board-write .selectric-items {bottom:0;left: 0;top: auto;width: 100% !important; transform: none;border-radius: 30rem 30rem 0 0;padding-top: 20rem;}
    .board-content-write .selectric-items {bottom:0;left: 0;top: auto;width: 100% !important; transform: none;border-radius: 30rem 30rem 0 0;padding-top: 20rem;}
    .board-select-wrap { flex-wrap: wrap;}
    .board-select-wrap .form-select { width: calc(50% - 10rem);}
    .board-select-wrap .form-select:nth-child(3), .board-select-wrap .form-select:nth-child(4) {margin-top:10rem;}
 
    /* BOARD VIEW */
    .board-view__head { padding: 0 25rem 20rem;}
    .board-view__head .category { font-size: 14rem;}
    .board-view__head .title { font-size: 20rem;}
    .board-view__head-info .btn-author { font-size: 14rem;}
    .board-view__head-info .author-meta > li {font-size:13rem;}
    .board-view__contents {font-size:16rem; padding:25rem;}
    .board-view__contents-banner {margin-left:25rem; margin-right:25rem; margin-top:40rem;}
    .board-view__emotion li button { font-size: 12rem;}
    .board-view__contents-bottom .contents-util__box { margin-top: 30rem; padding: 15rem 25rem;}
    .board-view__contents-bottom .contents-util__box .util-info li { font-size: 14rem;}
    .board-view__contents-bottom .contents-util > li > button { font-size: 14rem;}
    .comment-item {padding:20rem 25rem 15rem;}
    .comment-secondary__item { padding: 15rem 0;}
    .comment-author { font-size: 14rem;margin-bottom:6rem;}
    .comment-text { font-size: 14rem;}
    .comment-send { font-size: 14rem;}

    .comment-list { margin-bottom:30rem;}
    .comment-write {padding: 0 25rem;}
    .comment-box .btn-wrap {padding:0 25rem;}
    .board-view .more-tooltip li {font-size:16rem;}

    .board-view-pagination__item {padding: 20rem 25rem; }
    .board-view-pagination__item > b {font-size:13rem;}
    .board-view-pagination__item > a {font-size:13rem;}
    .board-view-pagination__item > p {font-size:13rem;}
    .board-view-pagination__item ul.meta {margin-left:15%;}
    .board-view-pagination__item ul.meta > li {font-size:13rem;}
    .board-view-pagination__item .btn-author {font-size:13rem;}

    .board-view-pagination__type2 {margin-left:25rem; margin-right:25rem;}

    /* MY PAGE */
    .member-container .contents-right {display:none;}
    .mypage-user__info figure { width: 60rem; height: 60rem;}
    .mypage-user__info p { font-size: 18rem; }

    .mypage .board-write__body .tabel-basic tbody td {width:100%;}

    /* FAQ */
    .accordion-title {padding: 18rem 60rem 18rem 20rem;}
    .accordion-control {right:20rem;}
    .accordion-content { padding: 18rem 20rem;}

}



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

    /* COMMON */
    .article-header { margin-bottom: 20rem; padding-bottom:10rem;}
    .article-header b {font-size:18rem;}
    .article-header__desc {margin-top:-10rem;}
    .tooltip-guide {font-size:12rem; top: 25rem; left: -111rem; transform: none; padding: 6rem 10rem;}
    .tooltip-guide:before { top: -6rem; left: 122rem; transform: none; border-width: 0 4rem 7rem 4rem; border-color: transparent transparent #636363 transparent;}
    
    .sub-menu .sub-menu__ul > li > a {font-size:14rem;padding: 0 10rem;}
    .sub-menu-child > div > ul  {margin-left:-15rem; margin-right:-15rem; padding:0 15rem; }
    .sub-tabs {margin:-3rem -15rem; padding:0 15rem;}
    .sub-tabs li {margin:3rem;}
    .sub-tabs li a {font-size:13rem; padding: 4rem 12rem; }

    .board-pagination + .sub-section, .sub-section + .sub-section {margin-top:20rem;}
    .component-box + .component-box { margin-top: 20rem;}
    .component-box__item {position:relative;}
    .component-box__item { flex-flow: wrap; padding: 12rem 15rem;}
    .component-box__head {padding: 12rem 15rem; display:block; }
    .component-box__head .component-box__title { flex-wrap: wrap;}
    .component-box__head .sub-tabs {overflow:hidden; margin-top:10rem;width: 100%;}
    .component-box__head .sub-tabs li {width:50%; text-align:center;}
    .component-box__head .sub-tabs li a {padding-top:8rem; padding-bottom:8rem;}
    .component-box__head .btn-view {font-size:13rem;}
    .component-box__head .btn-view span:after { top:calc(50% + 1rem);}

    .component-box__top {display:block;}
    .component-box__top .btn-basic {margin-top:15rem;}
    .component-box__title {font-size:15rem;}
    .component-box__info {padding-left:0; padding-right:0;}
    .component-box__info p {font-size:14rem;}
    .component-box__img + .component-box__info .btn-author > span {display: inline-block; vertical-align: middle; max-width: 100rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .component-box .meta {width:100%; margin-top:3rem;}
    .component-box .meta li + li { margin-left: 5rem; padding-left: 5rem;}
    .component-box .board-pagination { margin-bottom: 20rem;}
    .component-box__all .component-box__info {width: calc(100% - 85rem);}
    .component-box__all .component-box__info p {margin-right:0;}
    .component-box__all .component-box__img {position: absolute;left: 15rem; top: 50%; transform: translateY(-50%);}
    .component-box__all .component-box__img + .component-box__info { padding-left: 62rem;}
    .component-box__all .component-box__img + .component-box__info + .meta { padding-left: 62rem;}
    .component-box__all--type2 .component-box__info {width:100%;}
    .component-box__all--type2 .component-box__item a {display:block;}

    .component-box__rank .component-box__body {padding: 0 15rem;}
    .component-box__rank .component-box__item i {font-size:16rem;}
    .component-box__rank .component-box__item .like span {font-size:13rem;}

    .component-box__item.notice .component-box__info p b {padding-left:20rem;}
    .component-box__item.notice .component-box__info p b:before {font-size:14rem;}

    .contents-right .btn-write {margin-bottom:20rem;}

    .guide-text {font-size:14rem;}

    /* BOARD MAIN */
    .survey-banner__wrap { border-radius: 7rem;}
    .survey-banner__wrap figure {padding-top:15%;}
    .survey-banner__wrap figure img {object-position: right;}
    .survey-banner__wrap p { font-size: 18rem; left: 30rem;}
    .board-banner__wrap { border-radius: 7rem;}
    .board-banner__wrap figure {padding-top:15%;}
    .board-banner__wrap figure img {object-position: right;}
    .board-banner__wrap p { font-size: 18rem; left: 30rem;}
    .notice-rolling { height: 50rem; padding: 13rem 15rem;}
    .notice-rolling__title { margin-right: 10rem; font-size: 13rem;}
    .notice-rolling__item p {font-size: 13rem;}
    .notice-rolling__item p b {font-size: 13rem;}
    .notice-rolling__slider {padding-left:20rem;}
    .notice-rolling__slider:before {top:50%; font-size:14rem;}

    .board-main .contents-right {margin-top:20rem;}
    .board-main .contents-right .sub-section + .sub-section {margin-top:20rem;}
    .board-main__contents-banner {margin-top:20rem;margin-bottom:20rem; ;border-radius: 8rem;}

    /* GALLERY */
    .gallery .gallery-list {margin:0}
    .gallery-item { width: 100%; margin:0;}
    .gallery-item + .gallery-item {margin-top:20rem;}
    .gallery-text b {font-size:16rem;}
    .gallery-text p {font-size:14rem; margin-top:10rem;}
    .board-main .gallery-list {margin:0;}
    .board-main .gallery-item { width: 100%; margin:0;}
    .board-main .gallery-item + .gallery-item {margin-top:20rem;}
    .board-main .gallery-text b {font-size:16rem;}

    /* MAGAZINE */
    .magazine-item + .magazine-item {margin-top:20rem;}
    .magazine-item figure { max-width: 90rem; padding-top: 26.09%;}
    .magazine-text {padding-left:14rem;}
    .magazine-text p { -webkit-line-clamp: 2;}
    .magazine-text b { font-size: 16rem;}
    .board-main .magazine-item + .magazine-item {margin-top:20rem;}
    .board-main .magazine-item figure { max-width: 90rem; padding-top: 26.09%;}
    .board-main .magazine-text {padding-left:14rem;}
    .board-main .magazine-text b { font-size: 16rem;}

    /* SURVEY */
    .poll-list.masonry .survey-box-wrap { column-count: 1;}

    /* BOARD WRITE */
    .board-write__head h2 { font-size: 16rem;}
    .board-title-wrap {display:block;}
    .board-title-wrap .form-select {width:100%;}
    .board-select-wrap {margin:0;}
    .board-select-wrap .form-select { width: 100%; margin:0}
    .board-select-wrap .form-select + .form-select {margin-top:10rem;}

    /* BOARD VIEW */
    .board-view__head { padding: 0 15rem 15rem;}
    .board-view__head .category { font-size: 13rem;}
    .board-view__head .title { font-size: 18rem;}
    .board-view__head-info {margin-top:10rem;}
    .board-view__head-info .btn-author { font-size: 12rem;}
    .board-view__head-info .author-meta {margin-top:0}
    .board-view__head-info .author-meta > li {font-size:12rem;}
    .board-view__head-info .author-meta > li + li {padding-left: 6rem; margin-left: 6rem;}
    .board-view__head-info .author-name .author-tooltip li {font-size:16rem;}
    .board-view__contents {font-size:14rem; padding:15rem;}
    .board-view__contents p + p {margin-top:15rem;}

    .board-view__contents-banner {margin-left:15rem; margin-right:15rem; margin-top:30rem;}
    .board-view__emotion li span {padding-left:0; padding-top:16rem; display:block;}
    .board-view__emotion li span:before {top:0; left: 50%; transform: translateX(-50%); width: 15rem; height: 15rem;}
    .board-view__emotion li button { font-size: 11rem;padding:6rem; border-radius:4rem;}
    .board-view__contents-bottom {margin-top:20rem;}
    .board-view__contents-bottom .contents-util__box { margin-top: 20rem; padding: 10rem 15rem;}
    .board-view__contents-bottom .contents-util__box .util-info li { font-size: 13rem;}
    .board-view__contents-bottom .contents-util__box .util-info li:before {font-size:14rem;}
    .board-view__contents-bottom .contents-util > li + li { margin-left: 6rem; padding-left: 6rem;}
    .board-view__contents-bottom .contents-util > li > button { font-size: 13rem;}
    .board-view__contents-bottom .contents-util li.btn-share button span:before {font-size:13rem;}
    .board-view__contents-bottom .contents-util li.btn-more button span:before {font-size:11rem;}
    .comment-bottom__util li.btn-more {top:-5rem;}
    .comment-bottom__util li.btn-more button:before {font-size:14rem;}
    .comment-bottom {margin-top:13rem;}
    .comment-bottom .board-view__emotion {gap:3rem;}
    .comment-bottom .board-view__emotion li span {padding-left:22rem; padding-top:0;}
    .comment-bottom .board-view__emotion li span:before {left: 0; transform: none;}
    .comment-primary {padding-bottom:12rem;}
    .comment-item {padding:20rem 15rem 10rem;}
    .comment-secondary__item { padding: 10rem 0;}
    .comment-contents {margin-left:10rem;}
    .comment-author { font-size: 13rem;}
    .comment-text { font-size: 13rem;}
    .comment-send { font-size: 13rem;}
    .comment-list { margin-bottom: 20rem;}
    .comment-write {padding:0 15rem;}
    .comment-box .btn-wrap {padding:0 15rem;}
    .comment-box .btn-basic {max-width:110rem;}
    .component-box__title .desc {font-size:12rem;}
    
    .btn-share .share-list__head .btn-close:before {font-size:16rem;}

    .report-popup__box {width:calc(100% - 30rem); margin-top:40rem;top: 0; transform: translateX(-50%);}
    .report-popup__box > b {font-size:18rem;}
    .report-popup__box .btn-close { right: 15rem; top: 25rem;}
    .report-popup__box .btn-close:before {font-size:16rem;}
    .report-form { margin-top: 10rem;}
    .report-form__item {display:block;}
    .report-form__item > b {font-size:14rem;}
    .report-form__item > p {font-size:14rem; margin-top:6rem;}
    .report-form__item .report-radio {margin-top:3rem;}
    .report-guide br {display:none;}

    .board-view__btn {padding:15rem;}

    .board-view-pagination__item {display:block; padding: 16rem 15rem;  font-size:0;}
    .board-view-pagination__item > b {width:15%; display: inline-block;}
    .board-view-pagination__item > a, .board-view-pagination__item > p  { display:inline-block; width: calc(85% - 30rem);}
    .board-view-pagination__item ul.meta {margin-top:5rem;}

    .board-view-pagination__type2 {margin-left:15rem; margin-right:15rem;}
    .board-view-pagination__type2 .board-view-pagination__item {padding: 15rem 15rem;border-radius: 8rem;}

    /* MY PAGE */
    .mypage-user {margin-bottom:20rem; display:block;}
    .mypage-user .btn-modify {margin-top:15rem;}
    .mypage-user__info figure { width: 50rem; height: 50rem;}
    .mypage-user__info p { font-size: 16rem; margin-left: 10rem;}
    .mypage-box .component-box__body { padding: 20rem 20rem 25rem;}
    .maypage-modify .form-field-item {width:100%;}
    
    /* FAQ */
    .accordion-list { margin-top: 30rem;}
    .accordion-item {border-radius:8rem;}
    .accordion-title { padding: 12rem 50rem 12rem 15rem; font-size:14rem;}
    .accordion-title p b {margin-right:6rem;}
    .accordion-control {right:10rem;}
    .accordion-control:after {font-size:10rem;}
    .accordion-content { padding: 12rem 15rem;}


}