@charset "UTF-8";

/* **************************************** *
* response max 1700px
* **************************************** */
@media all and (max-width:1700px)
{
    /* common */

    /* layout */
    .floating-side{top:auto; bottom:20rem}
    .floating-side .side-sns{display:none}
    .floating-side .side-top .top-btn{box-shadow:0px 10px 4px rgba(0, 0, 0, 0.3)}
    .floating-side .side-top{margin-top:0}

    /* main */

    /* component */

    /* contents */
    .local-office{margin-left:-6rem; margin-top:-6rem}
    .local-office .office-box .inner-box{margin-left:6rem; margin-top:6rem}

    /* form */

    /* bbs */

    /* etc */
}

/* **************************************** *
* response max 1600px
* **************************************** */
@media all and (max-width:1600px)
{
    /* common */

    /* layout */
    #nrich-header .header-top .top-inner{width:100%; padding:0 1.6rem}
    #nrich-header .header-coe .bom-inner{width:100%; padding:0 1.6rem}

    #gnb .gnb-inner{width:100%}
    #gnb .gnb-depth .depth-fx .depth1-tit{padding:0 2.4rem; align-items:flex-end}
    #gnb .gnb-depth .depth-fx .depth1-tit .tit{line-height:3.3rem; font-size:3.3rem}
    #gnb .gnb-depth .depth-menu{padding:0 1.6rem 8rem 6rem}
    #gnb .gnb-depth .depth-menu .depth-list{margin-left:-2rem}
    #gnb .gnb-depth .depth-menu .depth-box{margin-left:2rem}

    .region-lab{right:7.2rem; margin-right:0}
    .region-layer .region-wrap{width:100%; padding:4rem 1.6rem 0}
    .region-layer .region-intro{flex:1; min-width:auto; max-width:none}

    .allgnb-handle{right:1.6rem; margin-right:0}

    .sitemap-layer .sitemap-wrap{width:100%; padding:8rem 1.6rem}
    .sitemap-layer .sitemap-top .top-tit{align-items:flex-start; min-width:auto; max-width:none; padding-right:0}
    .sitemap-layer .sitemap-depth .depth-group{flex-direction:column}
    .sitemap-layer .sitemap-depth .depth-fx{justify-content:flex-start; min-width:auto; max-width:none; margin-bottom:4rem}
    .sitemap-layer .sitemap-close{right:1.6rem}

    .footer-relate .relate-inner{width:100%}
    .footer-relate .relate-banner-layer{padding:3.5rem 1.6rem}
    .footer-relate .relate-banner-layer .relate-option .option-container{margin-left:-1rem; margin-top:-1rem}
    .footer-relate .relate-banner-layer .relate-option .option-btn{margin-left:1rem; margin-top:1rem}
    .footer-relate .relate-box:first-child .toggle-btn{border-left:none}
    .footer-info .info-inner{width:100%; padding:5rem 1.6rem 8rem}

    #nrich-container .page-content{width:100%; padding:6rem 1.6rem 6rem}
    #nrich-container .dev-content{padding:4rem 0 0 0}

    /* main */
    .msec-visual{width:100%}
    .msec-visual .visual-swiper{height:auto}
    .msec-visual .visual-swiper .visual-box .visual-img{height:auto}
    .msec-visual .visual-swiper .visual-box .visual-img img{width:100%; height:auto}
    .msec-visual .visual-swiper .visual-box .visual-tit{padding:0 1.6rem}
    .msec-visual .visual-swiper-scrollbar{bottom:6.3rem}
    .msec-visual .visual-swiper-controll{right:0}

    .msec-event{width:100%; padding:4rem 1.6rem 0}
    .msec-event:before{left:1.6rem; right:1.6rem}
    .msec-event .event-swiper-button-prev{left:.5rem}
    .msec-event .event-swiper-button-next{right:.5rem}

    .msec-publish{width:100%; padding:4.8rem 1.6rem 0}
    .msec-publish:before{left:1.6rem; right:1.6rem}
    .msec-publish .publish-research{min-width:30rem; max-width:30rem}
    .msec-publish .publish-research .research-banner{flex:1; align-items:flex-start}
    .msec-publish .publish-research .research-banner .research-info{top:2rem}
    .msec-publish .publish-journal .journal-container{gap:2rem}
    .msec-publish .publish-publications{gap:2rem; flex-direction:column}
    .msec-publish .publish-newsletter{min-width:auto; max-width:none}

    .msec-region{width:100%; padding:0 1.6rem 0}
    .msec-region .region-swiper .region-box .region-thum .thum-img{height:auto}
    .msec-region .region-swiper-button-prev{left:.5rem}
    .msec-region .region-swiper-button-next{right:.5rem}

    .msec-news{width:100%; padding:0 1.6rem}

    .msec-quick{width:100%; padding:0 1.6rem}

    .msec-research{width:100%; padding:0 1.6rem}
    .msec-research .keytask-swiper-button-prev{left:-1rem}
    .msec-research .keytask-swiper-button-next{right:-1rem}

    /* component */
    .local-office{margin-left:-4rem; margin-top:-4rem}
    .local-office .office-box .inner-box{margin-left:4rem; margin-top:4rem}

    .image-square.col-set .image-container{margin-left:-1rem !important; margin-top:-1rem !important}
    .image-square .image-box .image-item{margin-left:1rem !important; margin-top:1rem !important; padding:2rem !important}
    .image-square .image-box .image-item .item-img img{height:auto !important; max-height:none}

    .image-square-fix .image-box .image-item{padding:2rem}
    .image-square-fix .image-box .image-item .item-img img{height:auto !important}

    .keytask-acrdion .acrdion-box .acrdion-cont{padding:2rem 0}

    /* contents */
    .publication-intro .publication-r{padding-left:5rem}

    .watch-visit-base .base-intro .intro-box{width:100%}

    .keytask-intro .intro-info{padding-right:0}

    .region-summary-view .view-head .head-meta .meta-list{gap:1.4rem}
    .region-summary-view .view-head .head-meta .meta-list li:after{display:none}
    .region-summary-view .view-head .head-meta .meta-list li{flex:0 0 calc(50% - 0.7rem)}

    /* form */

    /* bbs */
    .board-basic-view .view-head .head-meta .meta-list{gap:1.4rem}
    .board-basic-view .view-head .head-meta .meta-list li:after{display:none}
    .board-basic-view .view-head .head-meta .meta-list li{flex:0 0 calc(50% - 0.7rem)}

    /* etc */
}

/* **************************************** *
* response max 1400px
* **************************************** */
@media all and (max-width:1400px)
{
    html{font-size:9px}

    /* common */

    /* layout */
    #gnb .gnb-inner .gnb-menu > li > a{margin:0 3.5rem}
    #gnb .gnb-depth .depth-menu .depth-list .depth-align{width:33.33333%}

    .sitemap-layer .sitemap-depth .depth-align{width:25%}

    /* main */
    .msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-eng{font-size:1.4rem}
    .msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-tit .tit{font-size:1.9rem}

    .msec-quick .quick-swiper .swiper-wrapper{justify-content:flex-start}

    /* component */
    .feedback-content{padding:3rem}
    .feedback-content .feedback-write{flex-direction:column; gap:2rem}
    .feedback-content .write-l{flex:1}
    .feedback-content .write-r{flex:1; width:100%}

    .card-square-step .step-container.col4 .step-align{width:50%}
    .card-square-step .step-container.col6 .step-align{width:33.333333%}
    .card-square-step .step-container .step-align .step-item:after{display:none}
    .card-square-step .step-container{margin-left:-2rem}
    .card-square-step .step-item{margin-left:2rem}

    .card-square-base{margin-left:-2rem}
    .card-square-base .card-item{margin-left:2rem; padding:2rem}

    .image-square.col5 .image-box{width:25%}
    .image-square.col4 .image-box{width:33.33333%}

    .image-square-swiper .image-box .image-item{padding:2rem; padding-bottom:3rem}

    .info-box.large{padding:2.4rem}

    /* contents */
    .history-base{padding:0}
    .history-base .history-range .range-year{min-width:35rem}

    .keytask-history .history-range .range-year{min-width:35rem}

    .keytask-performance .performance-l{min-width:32rem; max-width:32rem; margin-right:4rem}
    .keytask-performance .performance-tab .tab-box a span{font-size:1.8rem}

    .greeting-base .greeting-l{margin-right:8rem}

    .org-overview{flex-direction:column}

    .nrich-pr-video .video-summury{min-width:52rem; max-width:52rem; padding:3rem}

    .keytask-doc .doc-box{flex-direction:column; align-items:flex-start}

    /* form */

    /* bbs */
    .board-cover-list .list-body{margin-left:-2rem}
    .board-cover-list .cover-box{margin-left:2rem}

    .board-gallery-list .list-body{margin-left:-2rem}
    .board-gallery-list .gallery-box{margin-left:2rem}

    /* etc */
}

/* **************************************** *
* response max 1200px / tablet
* **************************************** */
@media all and (max-width:1200px)
{
    /* common */

    /* layout */
    #nrich-header #logo a{width:22rem; height:6rem; background-size:22rem 6rem}
    #nrich-header #logo.nrich-gj a,
    #nrich-header #logo.nrich-by a,
    #nrich-header #logo.nrich-gy a,
    #nrich-header #logo.nrich-nj a,
    #nrich-header #logo.nrich-jw a,
    #nrich-header #logo.nrich-so a,
    #nrich-header #logo.nrich-wj a,
    #nrich-header #logo.nrich-cv a{width:22rem; height:6rem; background-size:22rem 6rem}

    .footer-relate .relate-banner-layer .relate-option .option-align{width:25%}

    .footer-info .info-gov .gov-address .logo{width:29rem; height:5.1rem; background-size:29rem 5.1rem}
    .footer-info .info-gov .gov-address .logo.nrich-gj,
    .footer-info .info-gov .gov-address .logo.nrich-by,
    .footer-info .info-gov .gov-address .logo.nrich-gy,
    .footer-info .info-gov .gov-address .logo.nrich-nj,
    .footer-info .info-gov .gov-address .logo.nrich-jw,
    .footer-info .info-gov .gov-address .logo.nrich-so,
    .footer-info .info-gov .gov-address .logo.nrich-wj,
    .footer-info .info-gov .gov-address .logo.nrich-cv{width:29rem; height:5.1rem; background-size:29rem 5.1rem}

    .sitemap-layer .sitemap-depth .depth-align{width:33.33333%}
    .sitemap-layer .sitemap-depth .depth-fx .depth1-tit .tit{font-size:4rem}
    .sitemap-layer .sitemap-depth .depth-container .container-inner{margin-left:-1rem; margin-top:-2rem}
    .sitemap-layer .sitemap-depth .depth-box{margin-left:1rem; margin-top:2rem}
    .sitemap-layer .sitemap-depth .depth-align{width:50%}

    #gnb .gnb-depth .depth-menu{padding:0 1.6rem 3.6rem 1.6rem}

    /* main */
    #nrich-mcontainer .page-content{padding:0 0 8rem}

    /* component */
    .image-square.col5 .image-box{width:33.333333%}
    .image-square.col4 .image-box{width:50%}

    .image-square-swiper .image-box .image-item .stit04{font-size:1.9rem}

    /* contents */
    .watch-visit-base{gap:2rem}
    .watch-visit-base .base-pick{min-width:36rem; max-width:36rem}
    .watch-visit-base .base-intro{margin-top:-2rem}
    .watch-visit-base .base-intro .intro-item{margin-top:2rem}
    .watch-visit-base .base-intro .intro-item .item-sum-group{margin-top:3rem}
    .watch-visit-base .base-intro .intro-item .sum-detail{padding:1.6rem 0}

    .local-office .office-box{width:50%}

    .greeting-base .greeting-l{margin-right:6rem}
    .greeting-base .greeting-photo{min-width:34rem; max-width:34rem}

    .nrich-location{flex-direction:column}
    .nrich-location .location-l{order:2}
    .nrich-location .location-r{order:1}
    .nrich-location .location-r .map-view{height:42rem}

    .keytask-intro .intro-photo{margin-right:4rem}

    .logo-intro .intro-info .info li{display:inline}

    .external-link .link-item{flex:0 1 calc(33.333333% - 1rem)}

    /* form */

    /* bbs */
    .board-cover-list .list-body li{width:33.333333%}
    .board-gallery-list .list-body li{width:33.333333%}

    .board-donation-view .view-split{flex-direction:column}
    .board-donation-view .view-split .split-l{min-width:100%; max-width:100%}
    .board-donation-view .view-split .split-r{margin-left:0; margin-top:4rem}

    /* etc */
}


/* **************************************** *
* response max 1000px
* **************************************** */
@media all and (max-width:1000px)
{
    html{font-size:8px}

    /* common */

    /* layout */
    #nrich-header:before{content:''; position:absolute; top:15rem; left:0; right:0; height:1px; background-color:var(--krds-color-light-gray-20)}
    .index #nrich-header:before{display:none}

    .global-util{display:none}
    .mobile-gnb-layer .global-util{display:flex}
    #nrich-header #logo a{width:20rem; height:5.4rem; background-size:20rem 5.4rem}
    #nrich-header #logo.nrich-gj a,
    #nrich-header #logo.nrich-by a,
    #nrich-header #logo.nrich-gy a,
    #nrich-header #logo.nrich-nj a,
    #nrich-header #logo.nrich-jw a,
    #nrich-header #logo.nrich-so a,
    #nrich-header #logo.nrich-wj a,
    #nrich-header #logo.nrich-cv a{width:20rem; height:5.4rem; background-size:20rem 5.4rem}

    #gnb{display:none}
    .region-lab{right:6.8rem}
    .region-lab .toggle-btn{padding:0 3rem 0 3rem}

    .footer-relate .relate-box{width:33.333333%; min-width:auto}
    .footer-info .info-inner{padding:4rem 1.6rem 4rem;}
    .footer-info .info-local{flex-direction:column; align-items:flex-start; gap:3rem}
    .footer-info .info-local .copyright{margin-left:0}

    .footer-info .info-gov{flex-direction:column}
    .footer-info .info-gov .gov-link{margin-left:0; margin-top:4rem}
    .footer-info .info-gov .gov-link .link-sns{margin-top:2rem}

    .footer-relate .relate-banner-layer .relate-option .option-align{width:33.3333333%}

    .floating-side{top:auto; bottom:10rem}

    .current-top{flex-direction:column; align-items:flex-start; padding-bottom:1rem}
    .current-top .current-util{width:100%; margin-left:0; margin-top:1rem}
    .action-tool{margin-left:auto}

    .allgnb-handle .sitemap-open{display:none}
    .allgnb-handle .allgnb-open{display:flex}

    .current-top .current-tit .tit{font-size:3.3rem}

    .region-layer{height:calc(100vh - 12rem); overflow-y:auto}
    .region-layer .region-wrap{padding:1.6rem}
    .region-layer .region-core{flex-direction:column; gap:5rem; padding:0}
    .region-layer .region-foot{position:absolute; right:-1.2rem}
    .region-layer .region-foot .close-btn{border-radius:20rem 0 0 20rem}
    .region-layer .region-pick .pick-map{min-width:auto; max-width:none}
    .region-layer .region-intro .intro-box{padding-top:0; padding-bottom:4rem}
    .region-layer .region-intro .intro-box .intro-sum .sum-tit .tit span{font-size:3rem}

    /* main */
    .msec-visual .visual-swiper .visual-box .visual-tit{display:none}
    .msec-visual .visual-swiper-scrollbar{display:none}
    .msec-visual .visual-swiper-controll{justify-content:flex-end; position:relative; bottom:auto; margin-top:1rem}
    
    .msec-event{margin:4rem auto 0; padding:0 1.6rem 0}
    .msec-event:before{display:none}
    .msec-event .msec-top{flex-direction:column; align-items:flex-start}
    .msec-event .top-util{width:100%; margin-left:0; margin-top:3rem}
    .msec-event .top-util .event-tab{padding-right:10px}
    .msec-event .top-util .event-tab .tab-list{gap:2rem}
    .msec-event .top-util .event-tab .tab-list .tab-box a span{line-height:4rem}
    .msec-event .top-util .msec-more{margin-left:auto}
    
    .msec-publish{flex-direction:column; gap:6rem; margin:8rem auto 0}
    .msec-publish .publish-publications{gap:6rem}
    .msec-publish .publish-research{min-width:auto; max-width:none}
    .msec-publish .publish-journal .journal-container{gap:1rem}
    .msec-publish .publish-journal .journal-box{height:auto}
    .msec-publish .publish-journal .journal-box .journal-intro{flex-direction:column; align-items:center; height:19.6rem; padding:3rem 0 0;}
    .msec-publish .publish-journal .journal-box .journal-intro .intro-info{order:2; display:flex; flex-direction:column; align-items:center; position:relative; margin-top:-3.4rem}
    .msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-tit .tit{text-align:center}
    .msec-publish .publish-journal .journal-box .journal-intro .intro-cover{order:1; margin-left:0; right:0}

    .msec-publish .publish-research .research-banner .research-info{top:0}

    .msec-publish .publish-newsletter .newsletter-container{gap:1rem}

    .msec-region{margin:8rem auto 0}

    .msec-news{margin:8rem auto 0; gap:6rem}

    .msec-quick{margin:8rem auto 0}

    .msec-research{flex-direction:column; margin:8rem auto 0}

    /* component */
    .tab-region{gap:3rem; margin-bottom:4rem}
    .tab-region .tab-box a span{font-size:2.2rem}

    .search-box .search-form{flex:1}
    .search-box .search-form .form-row{flex-wrap:wrap}
    .search-box .search-form .form-row .select-cmm{flex:1 auto}
    .search-box .search-form .form-row .select-cmm.wid140{width:100% !important}
    .search-box .search-form .form-row .txtinput-cmm{flex:1 auto}
    .search-box .search-form .form-row .txtinput-cmm.wid400{width:100% !important}

    .stit-area{flex-wrap:wrap; gap:2rem;}
    .stit-area .stit-r{flex:1; margin-left:0}
    .stit-area .search-middle{flex:1}
    .stit-area .search-middle .select-cmm{flex:1; width:100% !important}

    .intro-kind{width:100%}

    .card-square-base.col3 .card-align{width:50%}

    .card-square-step .step-container.col6 .step-align{width:50%}

    .image-square.col5 .image-box{width:50%}
    .image-square.col3 .image-box{width:50%}

    .tab-chip:before{display:none}
    .tab-chip > ul{gap:0.8rem}

    .lay-hr{flex-direction:column; gap:4rem}

    .image-square.panel{background:none; padding:0}

    .image-square-fix{padding:2rem}

    /* contents */
    .publication-intro{flex-direction:column; gap:4rem}
    .publication-intro .publication-bi{margin-bottom:0}
    .publication-intro.heritage-window .publication-l{order:2; min-width:100%; max-width:100%}
    .publication-intro.heritage-window .publication-r{order:1; gap:4rem; padding-left:0; padding-top:3rem}
    .publication-intro.newsletter .publication-l{order:2; min-width:100%; max-width:100%}
    .publication-intro.newsletter .publication-r{order:1; gap:4rem; padding-left:0; padding-top:3rem}
    .publication-intro.nrich .publication-l{order:2; min-width:100%; max-width:100%}
    .publication-intro.nrich .publication-r{order:1; gap:4rem; padding-left:0; padding-top:3rem}
    .publication-intro.conservation-science-research .publication-l{order:2; min-width:100%; max-width:100%}
    .publication-intro.conservation-science-research .publication-r{order:1; gap:4rem; padding-left:0; padding-top:3rem}
    .publication-intro.heritage-historical-science .publication-l{order:2; min-width:100%; max-width:100%}
    .publication-intro.heritage-historical-science .publication-r{order:1; gap:4rem; padding-left:0; padding-top:3rem}
    .publication-intro.naju-promotional-materials .publication-l{order:2; min-width:100%; max-width:100%}
    .publication-intro.naju-promotional-materials .publication-r{order:1; gap:4rem; padding-left:0; padding-top:3rem}

    .donor-biography .donor-intro .donor-profile .profile-list li{flex-direction:column}
    .donor-biography .donor-purpose{padding-left:10rem}
    .donor-biography .donor-purpose .inner{padding-right:4rem}

    .history-base .history-range{flex-direction:column}
    .history-base .history-range .range-year{align-items:flex-start}
    .history-base .history-range .range-detail:before{display:none}

    .keytask-history .history-range{flex-direction:column}
    .keytask-history .history-range .range-year{align-items:flex-start}
    .keytask-history .history-range .range-detail:before{display:none}

    .greeting-base{flex-direction:column}
    .greeting-base .greeting-l{margin-right:0; padding-top:2rem}
    .greeting-base .greeting-photo{min-width:100%; max-width:100%}
    .greeting-base .greeting-welcome{gap:1.2rem}
    .greeting-base .greeting-welcome strong{font-size:2.7rem; line-height:1.2em}
    .greeting-base .greeting-message{margin-top:5rem}

    .org-overview .org-chart .level2-container .level2-container-group{padding-left:3rem}
    .org-overview .org-chart .level2-container .level2-group .level2-box{width:50%}

    .nrich-pr-video{flex-direction:column; height:auto; border-radius:0 0 1.4rem 1.4rem}
    .nrich-pr-video .video-summury{min-width:100%; max-width:100%; height:40rem}

    .keytask-intro{flex-direction:column; gap:4rem; padding:3rem; padding-bottom:4rem}
    .keytask-intro .intro-photo{min-width:100%; max-width:100%; margin-right:0}
    .keytask-intro .intro-photo img{height:auto}

    .keytask-performance{flex-direction:column; gap:4rem; padding-top:0}
    .keytask-performance .performance-l{min-width:100%; max-width:100%; margin-right:0}
    .keytask-performance .performance-tab .tab-box a:after{transform:rotate(90deg)}

    .keytask-doc .doc-box{flex:1 1 calc(100% - 1rem); gap:1rem; min-height:auto}

    .summary-box .stit04{flex-direction:column; align-items:flex-start}
    .summary-box h4.stit04{gap:0.4rem}
    .summary-box h4.stit04 .offor{margin-left:0}
    .summary-box .stit04 + .info-txt{margin-top:2.5rem}
    .summary-box .info-txt br{display:none}

    .keytask-equipment{padding-bottom:0; border-bottom:none;}
    .keytask-equipment .equipment-box{width:100%}
    .keytask-equipment .equipment-item{padding-bottom:3rem; border-bottom:1px solid var(--krds-color-light-gray-10)}
    .keytask-equipment .equipment-item .item-img{min-width:12rem; max-width:12rem}

    .logo-signature .signature-item{flex:1 calc(50% - 1rem); padding:3rem 2rem}

    .logo-color .color-item{padding:2rem}

    /* form */
    .wform-cmm .wform-tit.mwid140{min-width:11rem !important}
    .wform-cmm .wform-cont .fileupload-cmm.wid600{width:100% !important}

    .fileupload-cmm .fileupload-file .file-box{flex-wrap:wrap; gap:0.6rem}
    .fileupload-cmm .fileupload-file .file-box .file-l{width:100%}
    .fileupload-cmm .fileupload-file .file-box .file-r{width:100%; margin-left:0}

    /* bbs */
    .board-basic-list.board-notice div.col1{width:8%}
    .board-basic-list.board-notice div.col2{width:50%}
    .board-basic-list.board-notice div.col3{width:20%}
    .board-basic-list.board-notice div.col4{display:none}
    .board-basic-list.board-notice div.col5{width:12%}
    .board-basic-list.board-notice div.col6{width:10%}

    .board-basic-list.board-press div.col1{width:8%}
    .board-basic-list.board-press div.col2{width:50%}
    .board-basic-list.board-press div.col3{width:20%}
    .board-basic-list.board-press div.col4{display:none}
    .board-basic-list.board-press div.col5{width:12%}
    .board-basic-list.board-press div.col6{width:10%}

    .board-basic-list.board-bid div.col1{width:8%}
    .board-basic-list.board-bid div.col2{width:50%}
    .board-basic-list.board-bid div.col3{width:20%}
    .board-basic-list.board-bid div.col4{display:none}
    .board-basic-list.board-bid div.col5{width:12%}
    .board-basic-list.board-bid div.col6{width:10%}

    .board-basic-list.board-recruit div.col1{width:8%}
    .board-basic-list.board-recruit div.col2{width:50%}
    .board-basic-list.board-recruit div.col3{width:20%}
    .board-basic-list.board-recruit div.col4{display:none}
    .board-basic-list.board-recruit div.col5{width:12%}
    .board-basic-list.board-recruit div.col6{width:10%}

    .board-basic-list.board-rscproject div.col1{width:8%}
    .board-basic-list.board-rscproject div.col2{width:50%}
    .board-basic-list.board-rscproject div.col3{width:20%}
    .board-basic-list.board-rscproject div.col4{display:none}
    .board-basic-list.board-rscproject div.col5{width:12%}
    .board-basic-list.board-rscproject div.col6{width:10%}

    .board-file .file-box{width:100%}

    .board-basic-view .view-head .head-tit{flex-direction:column; align-items:flex-start; gap:0.8rem}
    .board-basic-view .view-head .head-tit .badge-cmm + .tit{margin-left:0}
    .board-basic-view .view-head .head-tit .tit{line-height:3.8rem; font-size:2.8rem}
    .board-basic-view .view-content{min-height:auto; padding:3rem 0}

    .board-cover-list .list-body{margin-left:-1rem; margin-top:-6rem}
    .board-cover-list .list-body li{width:50%}
    .board-cover-list .cover-box{margin-left:1rem; margin-top:6rem}

    .board-gallery-list .list-body{margin-left:-1rem; margin-top:-5rem}
    .board-gallery-list .list-body li{width:50%}
    .board-gallery-list .gallery-box{margin-left:1rem; margin-top:5rem}
    .board-gallery-list .gallery-thum .thum-img{height:25rem}
    .board-gallery-list .gallery-thum .thum-img img{height:25rem}
    .board-gallery-list .gallery-info{padding-top:2rem}

    .board-donation-view .view-head .head-tit .tit{line-height:3.8rem; font-size:2.8rem}
    .board-donation-view .view-head .meta-list .tit{min-width:8rem}

    .board-basic-view .view-split{flex-direction:column; gap:4rem;}
    .board-basic-view .view-split .split-r{margin-left:0}
    .board-basic-view .view-split .cover-thum{display:flex; align-items:center; justify-content:center; min-width:100%; max-width:100%; background:#f8f8f8 url('../img/common/heritage-pattern01.png') 50% 50% repeat}

    /* etc */
}

/* **************************************** *
* response max 800px / mobile
* **************************************** */
@media all and (max-width:800px)
{
    /* common */

    /* layout */
    .footer-relate .relate-banner-layer .relate-option .option-align{width:50%}

    .breadclumb ul > li{display:none}
    .breadclumb ul > li:last-child{display:block}

    .region-layer .region-intro .intro-box .intro-connect .btn{flex:1}


    /* main */
    .msec-visual .visual-swiper .visual-box .visual-tit .tit{font-size:2.3rem}

    .msec-news{flex-direction:column}
    .msec-news .news-banner{min-width:auto; max-width:none}
    .msec-news .news-banner .banner-swiper{height:auto}
    .msec-news .news-banner .banner-swiper .banner-box{height:auto}

    /* component */ 
    .pagination-cmm{margin-top:3rem}
    .pagination-cmm .page-links{gap:0.4rem}

    .feedback-content{margin-top:6rem}
    .feedback-content .feedback-contact{flex-direction:column; align-items:flex-start; gap:1rem; padding:2.6rem 2rem}
    .feedback-content .contact-tel{margin-left:0; padding-left:2.5rem}

    .tab-region{padding-bottom:1.2rem; overflow-y:hidden; overflow-x:auto; scrollbar-gutter:stable; scrollbar-width:thin}

    .intro-kind .intro-dsption{padding:4rem 2rem}
    .intro-kind .intro-dsption .dsption-info .info li{display:inline}

    .image-square.col5 .image-box,
    .image-square.col4 .image-box,
    .image-square.col3 .image-box,
    .image-square.col2 .image-box{width:100%}

    /* contents */
    .watch-visit-base{flex-direction:column}
    .watch-visit-base .base-pick{min-width:100%; max-width:100%; top:9rem}
    .watch-visit-base .base-pick .pick-map{min-height:32rem}

    .donor-biography .donor-intro{padding:3rem}
    .donor-biography .donor-intro .donor-photo{min-width:12rem; max-width:12rem; margin-right:3rem}

    .local-office .office-photo{height:auto}
    .local-office .office-box{width:100%}
    .local-office .office-info{padding-bottom:1rem}

    .greeting-base .greeting-welcome strong{font-size:2.5rem}
    .greeting-base .greeting-message .message-group p br{display:none}

    .region-summary-view .view-head .head-meta .meta-list li{flex:0 0 calc(100% - 0.7rem) !important}

    .logo-intro{padding:5rem 2rem}

    .logo-color .color-item{flex:0 calc(100% - 1rem)}

    .logo-signature .signature-item img{transform:scale(0.75);}

    .logo-region .region-container{gap:1rem}
    .logo-region .region-item{flex:0 calc(100% - 1rem)}

    .external-link .link-item{flex:1 1 calc(50% - 1rem)}

    /* form */

    /* bbs */
    .board-basic-list .list-head{display:none}
    .board-basic-list .list-body{border-top:0.1rem solid var(--krds-color-light-gray-10)}
    .board-basic-list .list-body li{flex-direction:column; padding:1.5rem 2rem}
    .board-basic-list .list-body li > div{justify-content:flex-start; width:100% !important; min-height:auto; padding:0.4rem 0}
    .board-basic-list .basic-tit{display:flex}
    .board-basic-list .basic-cont{display:inline-flex; flex-wrap:wrap}
    .board-basic-list .basic-cont .cont-link,
    .board-basic-list .basic-cont .cont-txt{text-align:left; -webkit-line-clamp:3}
    .board-basic-list .basic-cont .cont-link + .badge-cmm,
    .board-basic-list .basic-cont .cont-txt + .badge-cmm{display:none}

    .board-basic-list.board-notice div.col2 .basic-tit{display:none}
    .board-basic-list.board-notice div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-press div.col2 .basic-tit{display:none}
    .board-basic-list.board-press div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-bid div.col2 .basic-tit{display:none}
    .board-basic-list.board-bid div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-recruit div.col2 .basic-tit{display:none}
    .board-basic-list.board-recruit div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-faq div.col2 .basic-tit{display:none}
    .board-basic-list.board-faq div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-hhs div.col2 .basic-tit{display:none}
    .board-basic-list.board-hhs div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-directive div.col2 .basic-tit{display:none}
    .board-basic-list.board-directive div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-rsdproject div.col3 .basic-tit{display:none}
    .board-basic-list.board-rsdproject div.col3 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-excsurvey div.col2 .basic-tit{display:none}
    .board-basic-list.board-excsurvey div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-ptmaterial div.col2 .basic-tit{display:none}
    .board-basic-list.board-ptmaterial div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-scholarly div.col2 .basic-tit{display:none}
    .board-basic-list.board-scholarly div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-vomaterial div.col2 .basic-tit{display:none}
    .board-basic-list.board-vomaterial div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-adsrule div.col2 .basic-tit{display:none}
    .board-basic-list.board-adsrule div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-spcexhibition div.col3 .basic-tit{display:none}
    .board-basic-list.board-spcexhibition div.col3 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-basic-list.board-rscproject div.col2 .basic-tit{display:none}
    .board-basic-list.board-rscproject div.col2 .basic-cont .cont-link{margin-top:0.6rem; margin-bottom:1.2rem; font-size:2rem; line-height:2.6rem; padding:0}

    .board-file .file-box{flex-wrap:wrap; gap:0.6rem}
    .board-file .file-box .file-l{width:100%}
    .board-file .file-box .file-r{width:100%; margin-left:0}

    .board-basic-view .view-head .head-meta .meta-list li{flex:0 0 calc(100% - 0.7rem) !important}

    .board-license{flex-direction:column; align-items:flex-start; gap:2rem}
    .board-license .license-info{margin-left:0}

    /* etc */
}

/* **************************************** *
* response max 600px
* **************************************** */
@media all and (max-width:600px)
{
    html{font-size:7px}

    /* common */

    /* layout */
    .region-lab .toggle-btn{padding:0 2rem 0 2rem}
    .region-lab .toggle-btn:after{display:none}

    .footer-relate{padding:1rem 0; background-color:var(--krds-color-light-gray-95)}
    .footer-relate .relate-list{flex-direction:column}
    .footer-relate .relate-box{width:100%}
    .footer-relate .relate-box .toggle-btn{border-right:none;}
    .footer-relate .relate-box:first-child .toggle-btn{border-left:none}
    .footer-relate .relate-box .toggle-btn .btn-txt{color:var(--krds-color-light-gray-0)}
    .footer-relate .relate-box .toggle-btn .btn-ico:before,
    .footer-relate .relate-box .toggle-btn .btn-ico:after{background-color:var(--krds-color-light-gray-0)}
    .footer-relate .relate-connect-layer{bottom:0}

    .footer-relate .relate-box.etc{position:relative}
    .footer-relate .relate-banner-layer{bottom:-1rem; border-radius:0.8rem 0.8rem 0 0; box-shadow:none}

    .footer-relate .relate-banner-layer .relate-option .option-align{width:100%}

    /* main */
    .msec-event .top-util{margin-top:2rem}
    .msec-event .top-util .event-tab{overflow:auto}

    .msec-publish .publish-research .research-banner{margin-top:4rem}
    .msec-publish .publish-newsletter .newsletter-container{margin-top:4rem}
    .msec-publish .publish-journal .journal-container{margin-top:4rem}
    .msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-tit .tit{font-size:1.8rem}
    .msec-publish .publish-journal .journal-box .journal-link:after{display:none}
    .msec-publish .publish-journal .journal-box .journal-link a.link-case02{display:none}
    .msec-publish .newsletter-box .newsletter-intro .intro-info .info-tit .tit{font-size:1.8rem}
    .msec-publish .newsletter-box .newsletter-link:after{display:none}
    .msec-publish .newsletter-box .newsletter-link a.link-case02{display:none}

    .msec-region .region-swiper-container{margin-top:4rem}

    .msec-news .news-latest .latest-container{margin-top:4rem}
    .msec-news .news-latest .latest-tab .tab-list{gap:2rem}
    .msec-news .news-latest .latest-box .date{display:none}
    .msec-news .news-latest .msec-more{position:relative; right:auto; top:auto; margin-top:2rem; min-height:4.5rem}

    .msec-news .news-banner .banner-swiper-container{margin-top:4rem}

    .msec-quick .quick-swiper-container{margin-top:4rem}
    .msec-research .survey-swiper-container{margin-top:4rem}
    .msec-research .keytask-swiper-container{margin-top:4rem}
    .msec-research .keytask-swiper .keytask-info{padding:2.5rem}
    .msec-research .keytask-swiper .keytask-thum .thum-img{height:20rem}
    .msec-research .survey-swiper .survey-thum .thum-img{height:20rem}
    .msec-research .keytask-swiper .keytask-info .tit{font-size:1.9rem}
    .msec-research .survey-swiper .survey-info .tit{font-size:1.9rem}
    .msec-research .keytask-swiper-button-prev,
    .msec-research .keytask-swiper-button-next{margin-top:-4.5rem}
    .msec-research .survey-swiper-button-prev,
    .msec-research .survey-swiper-button-next{margin-top:-4.5rem}

    /* component */
    .feedback-content{padding:0; border:none}
    .feedback-content .write-l .write-option{gap:0; flex-wrap:wrap; gap:1rem}
    .feedback-content .write-l .write-option .radio-cmm{justify-content: flex-start; width:calc(50% - 1rem)}

    .card-square-swiper .card-square-swiper-container{padding:2rem}

    .card-square-base.col1 .card-align,
    .card-square-base.col2 .card-align,
    .card-square-base.col3 .card-align,
    .card-square-base.col4 .card-align,
    .card-square-base.col5 .card-align{width:100%}
    .card-square-base.take .card-item{min-height:16rem}

    .card-square-step .step-container.col4 .step-align{width:100%}
    .card-square-step .step-container.col6 .step-align{width:100%}
    .card-square-step .step-container{margin-left:-1rem; margin-top:-1rem}
    .card-square-step .step-item{margin-left:1rem; margin-top:1rem}

    .image-square-fix{background:none; padding:0}
    .image-square-fix .image-box{width:100% !important}

    .stit-area .stit-l{width:100%}

    /* contents */
    .publication-intro .publication-btn{width:100%; gap:1.5rem}
    .publication-intro .publication-info-base > li{display:inline; line-height:1.6em}

    .history-base .history-range .range-detail .detail-year{flex-direction:column}
    .history-base .history-range .detail-year .year-detail{margin-top:0.8rem}
    .history-base .history-range .detail-year .detail-box .detail-info .info-box{padding:0}

    .keytask-history .history-range .range-detail .detail-year{flex-direction:column}
    .keytask-history .history-range .detail-year .year-detail{margin-top:0.8rem}
    .keytask-history .history-range .detail-year .detail-box .detail-info .info-box{padding:0}

    .keytask-intro{gap:3rem; padding:2rem; padding-bottom:3rem}

    .keytask-equipment .equipment-container{margin-top:-4rem}
    .keytask-equipment .equipment-item{margin-top:4rem}
    .keytask-equipment .equipment-item .spec-detail{gap:1.5rem}
    .keytask-equipment .equipment-item .spec-detail li{flex-direction:column; gap:1rem}
    .keytask-equipment .equipment-item .item-spec{padding:0}

    .logo-intro .intro-logo{padding:0 4rem}

    .external-link{gap:0.8rem}
    .external-link .link-item a{padding:2rem; min-height:6.2rem}

    /* form */

    /* bbs */
    .board-cover-list .list-body li{width:100%}
    .board-cover-list .cover-info .info-tit .tit{min-height:auto}

    .board-gallery-list .list-body li{width:100%}
    .board-gallery-list .gallery-thum .thum-img{height:45rem}
    .board-gallery-list .gallery-thum .thum-img img{height:45rem}
    .board-gallery-list .gallery-info .info-tit .tit{min-height:auto}

    /* etc */
}

/* **************************************** *
* response max 400px
* **************************************** */
@media all and (max-width:400px)
{
    /* common */

    /* layout */
    .footer-info .info-gov{padding-bottom:2rem}
    .footer-info .info-gov .gov-address .desk{flex-direction:column; align-items: flex-start; gap:1rem} 
    .footer-info .info-local .fnb{flex-direction:column; align-items:flex-start; gap:1.6rem}

    /* main */
    .msec-event .top-util .event-tab .tab-list{gap:1.8rem}

    .msec-publish .publish-research .research-banner:after{right:-5em}
    .msec-publish .publish-journal .journal-container{gap:.6rem}
    .msec-publish .publish-newsletter .newsletter-container{gap:.6rem}

    .msec-news .news-latest .latest-tab .tab-list .tab-box a span{line-height:2.4rem; font-size:2.4rem}

    /* component */
    .feedback-content .write-r .write-comment{gap:0.4rem}

    /* contents */
    .local-office .office-info li{flex-direction:column; gap:0.4rem}

    .history-base .history-range .detail-img img{max-width:100%; max-height:40rem}

    .logo-intro .intro-down .down-btn{flex-direction:column}
    .logo-intro .intro-down .down-btn a{width:100%;}

    .external-link .link-item{flex:1 1 calc(100% - 1rem)}

    /* form */

    /* bbs */

    /* etc */
}