/* responsive */
@media screen and (max-width:1450px){
    #page-title-bar .inner .ptb-title {font-size:2.5rem;}
}

@media screen and (max-width:1280px){
    #page-title-bar .inner {padding:0 32px;}

    .post-25 .wrapper.flex-area.row .cont {width:calc(100% - 235px - 2.5rem);}
    .post-25 .wrapper .cont .org-list {gap:5rem 1.25rem;}
    .post-25 .wrapper .cont .org-list .item {width:calc(25% - 1.25rem * 3 / 4);}
    .post-25 .wrapper .cont .sponsor-list {gap:1.25rem;}
    .post-25 .wrapper .cont .sponsor-list .item {width:calc(25% - 1.25rem * 3 / 4);}

    .post-36 .activities-category-wrap {gap:3.75rem;}
    .post-36 .activities-category-wrap .item {width:calc(50% - 3.75rem / 2);}

    #activities-board .board-list {gap:5rem 1.25rem;}
    #activities-board .board-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}

    .post-40 .wrapper.flex-area.row .cont {width:calc(100% - 235px - 2.5rem);}
}

@media screen and (max-width:1024px){
    #page-title-bar {height:300px;}
    #page-title-bar .inner {padding:0 16px;}
    #page-title-bar .inner .ptb-title {font-size:2rem;}

    .breadcrumbs-wrap {position:static;padding-top:0.75rem;}
    .breadcrumbs-wrap .breadcrumbs li {font-size:0.875rem;}

    .post-25 .wrapper + .wrapper {margin-top:5rem;}
    .post-25 .wrapper .subject {font-size:1.75rem;margin-bottom:1.25rem;}
    .post-25 .wrapper.flex-area.row .subject {width:100%;}
    .post-25 .wrapper.flex-area.row .cont {width:100%;}
    .post-25 .wrapper .cont .default-text {padding:1.5rem;border-radius:20px;}
    .post-25 .wrapper .cont .default-text .text {font-size:1rem;}
    .post-25 .wrapper .cont .default-text .text + .text {margin-top:1rem;}
    .post-25 .wrapper .cont .org-list {gap:3.75rem 1.25rem;}
    .post-25 .wrapper .cont .org-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}
    .post-25 .wrapper .cont .org-list .item .img-wrap {margin-bottom:1.25rem;border-radius:20px;}
    .post-25 .wrapper .cont .org-list .item .text-wrap .grade {font-size:0.875rem;}
    .post-25 .wrapper .cont .org-list .item .text-wrap .name {font-size:1.25rem;}
    .post-25 .wrapper .cont .sponsor-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);padding:0.75rem;}

    .post-36 .activities-category-wrap {gap:2.5rem;}
    .post-36 .activities-category-wrap .item {width:calc(50% - 2.5rem / 2);}
    .post-36 .activities-category-wrap .item a .text-wrap .category {width:calc(100% - 48px - 1rem);font-size:1.25rem;}
    .post-36 .activities-category-wrap .item a .text-wrap .more {width:48px;font-size:1rem;}
    .post-36 .activities-category-wrap .item a .img-wrap {border-radius:20px;}

    #activities-board .board-list {gap:3.75rem 1.25rem;}
    #activities-board .board-list .item .inner .item-name {font-size:1.25rem;}

    #activities-board .board-title-wrap {margin-bottom:2.5rem;}
    #activities-board .board-title-wrap .page-name {font-size:1rem;}
    #activities-board .board-title-wrap .post-title {font-size:2rem;margin:0.25rem 0 0.75rem;}
    #activities-board .board-title-wrap .date {font-size:1rem;}

    #activities-board .pagination {margin-top:3.75rem;}

    #activities-board .navigation {margin-top:2.5rem;}
    #activities-board .navigation .prev-document a .label,
    #activities-board .navigation .next-document a .label {font-size:1.125rem;margin-bottom:0.5rem;}
    #activities-board .navigation .prev-document a .post-name,
    #activities-board .navigation .next-document a .post-name {font-size:0.875rem;}

    #activities-board .button-wrapper {gap:0.5rem;margin-top:3.75rem;}

    #media-board .board-list .item.head {display:none;}
    #media-board .board-list .item.head + .item {border-top:2px solid var(--mono2);}
    #media-board .board-list .item .inner {padding:0.75rem;}
    #media-board .board-list .item .inner .label {text-align:left;}
    #media-board .board-list .item .inner .num {width:100%;color:var(--color1);font-size:0.875rem;}
    #media-board .board-list .item .inner .num span {font-weight:700;}
    #media-board .board-list .item .inner .num span::before {content:"NO. ";}
    #media-board .board-list .item .inner .channel {width:100%;margin:0.25rem 0 0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #media-board .board-list .item .inner .channel span {font-weight:700;}
    #media-board .board-list .item .inner .cont {width:auto;color:var(--mono4);font-size:1rem;}
    #media-board .board-list .item .inner .date {position:relative;width:auto;color:var(--mono4);font-size:1rem;padding-left:2rem;}
    #media-board .board-list .item .inner .date::before {content:"";position:absolute;top:50%;left:1rem;display:block;width:1px;height:12px;background-color:var(--mono6);transform:translateY(-50%);}

    #media-board .board-title-wrap {margin-bottom:2.5rem;}
    #media-board .board-title-wrap .post-title {font-size:2rem;margin:0.25rem 0 0.75rem;}
    #media-board .board-title-wrap .date {font-size:1rem;}

    #media-board .pagination {margin-top:3.75rem;}

    #media-board .button-wrapper {gap:0.5rem;margin-top:3.75rem;}

    .post-40 .wrapper + .wrapper {margin-top:5rem;}
    .post-40 .wrapper .subject {font-size:1.75rem;margin-bottom:1.25rem;}
    .post-40 .wrapper.flex-area.row .subject {width:100%;}
    .post-40 .wrapper.flex-area.row .cont {width:100%;}
    .post-40 .wrapper .cont .default-text {padding:1.5rem;border-radius:20px;}
    .post-40 .wrapper .cont .default-text .text-list .item {gap:1rem;font-size:1rem;}
    .post-40 .wrapper .cont .default-text .text-list .item + .item {margin-top:1rem;}
    .post-40 .wrapper .cont .default-text .text-list .item .label {width:68px;}
    .post-40 .wrapper .cont .default-text .text-list .item .desc {width:calc(100% - 68px - 1rem);}
    .post-40 .wrapper .cont .default-text .text-list .item .desc a {font-size:0.875rem;}
    .post-40 .wrapper .cont .form-wrapper {padding:1.5rem;border-radius:20px;}
    .post-40 .wrapper .cont .form-wrapper .fluentform .ff-el-group {margin-bottom:1.25rem;}
    .post-40 .wrapper .cont .form-wrapper .fluentform .ff-el-input--label {margin-bottom:0.5rem;}
    .post-40 .wrapper .cont .form-wrapper .fluentform .ff-el-input--label label {font-size:1rem;}
    .post-40 .wrapper .cont .form-wrapper .fluentform .ff_submit_btn_wrapper {margin-top:2.5rem;}
    .post-40 .wrapper .cont .form-wrapper .fluentform .ff_submit_btn_wrapper button {font-size:1rem;padding:0 1.5rem;line-height:48px;}

    .post-187 #page-title-bar {height:175px;}
    .post-187 .wrapper + .wrapper {margin-top:5rem;}
    .post-187 .wrapper .subject {font-size:1.75rem;margin-bottom:1.25rem;}
    .post-187 .wrapper .cont .default-text {padding:1.5rem;border-radius:20px;}
    .post-187 .wrapper .cont .default-text .text {font-size:1rem;}
    .post-187 .wrapper .cont .default-text .text + .text {margin-top:1rem;}
}

@media screen and (max-width:768px){
    .post-25 .wrapper .subject {font-size:1.5rem;}
    .post-25 .wrapper .cont .org-list {gap:2.5rem 1rem;}
    .post-25 .wrapper .cont .org-list .item {width:calc(50% - 1rem / 2);}
    .post-25 .wrapper .cont .org-list .item .img-wrap {margin-bottom:0.75rem;}
    .post-25 .wrapper .cont .org-list .item .text-wrap .grade {font-size:0.75rem;}
    .post-25 .wrapper .cont .org-list .item .text-wrap .name {font-size:1rem;}
    .post-25 .wrapper .cont .sponsor-list {gap:1rem;}
    .post-25 .wrapper .cont .sponsor-list .item {width:calc(50% - 1rem / 2);}

    .post-36 .activities-category-wrap {gap:2.5rem 1.25rem;}
    .post-36 .activities-category-wrap .item {width:calc(50% - 1.25rem / 2);}
    .post-36 .activities-category-wrap .item a .text-wrap {padding-bottom:1rem;}
    .post-36 .activities-category-wrap .item a .text-wrap .category {font-size:1.125rem;}

    #activities-board .board-list {gap:2.5rem 1rem;}
    #activities-board .board-list .item {width:calc(50% - 1rem / 2);}
    #activities-board .board-list .item .inner .thumbnail-wrap {margin-bottom:1rem;}
    #activities-board .board-list .item .inner .item-name {font-size:1.125rem;}

    #activities-board .board-title-wrap .post-title {font-size:1.75rem;}

    #activities-board .board-content .content-view h1 {font-size:2.2rem;}
    #activities-board .board-content .content-view h2 {font-size:2rem;}
    #activities-board .board-content .content-view h3 {font-size:1.8rem;}
    #activities-board .board-content .content-view h4 {font-size:1.6rem;}
    #activities-board .board-content .content-view h5 {font-size:1.4rem;}
    #activities-board .board-content .content-view h6 {font-size:1.2rem;}

    #activities-board .navigation .prev-document,
    #activities-board .navigation .next-document {width:100%;}
    #activities-board .navigation .prev-document a,
    #activities-board .navigation .next-document a {padding:1rem;}
    #activities-board .navigation .prev-document a {border-right-width:1px;border-bottom:0;border-radius:20px 20px 0 0;}
    #activities-board .navigation .next-document a {border-left-width:1px;border-top:0;border-radius:0 0 20px 20px;}
    #activities-board .navigation .next-document a .label {justify-content:flex-start;}
    #activities-board .navigation .next-document a .post-name {text-align:left;}
    
    #media-board .board-list .item .inner .num {font-size:0.75rem;}
    #media-board .board-list .item .inner .channel {font-size:1.125rem;margin:0.25rem 0;}
    #media-board .board-list .item .inner .cont {font-size:0.875rem;}
    #media-board .board-list .item .inner .date {font-size:0.875rem;}

    #media-board .board-title-wrap .post-title {font-size:1.75rem;}

    .post-40 .wrapper .subject {font-size:1.5rem;}

    .post-187 .wrapper .subject {font-size:1.5rem;}
}

@media screen and (max-width:480px){
    #page-title-bar .inner .ptb-title {font-size:1.5rem;}

    .post-25 .wrapper + .wrapper {margin-top:3.75rem;}

    .post-36 .activities-category-wrap .item {width:100%;}
    .post-36 .activities-category-wrap .item a .text-wrap .category {width:calc(100% - 40px - 0.75rem);}
    .post-36 .activities-category-wrap .item a .text-wrap .more {width:40px;font-size:0.875rem;}

    #activities-board .board-list .item {width:100%;}

    .post-40 .wrapper + .wrapper {margin-top:3.75rem;}
    .post-40 .wrapper .cont .form-wrapper .fluentform .ff_submit_btn_wrapper button {font-size:0.875rem;line-height:40px;}

    .post-187 .wrapper + .wrapper {margin-top:3.75rem;}
}