@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1650px) {

.popup { width:calc(100% - 60px);height:calc(100% - 60px); }

}


@media all and (max-width: 1501px) {
.tab_project li a { font-size:3rem; -webkit-text-stroke:1px #000; }
.project_list li { width:calc(100% / 4 - 30px / 4); 
}



@media all and (max-width: 1401px) {
   .project_content_wrap .project_text .inner { width:100%; }

.story_list { margin:-15px; }
.story_list li { width:calc(33.333% - 30px); margin:15px; }
   
.project_content_wrap .project_text { padding:5rem 3rem; }
   
   .contact .title strong { font-size: 5rem; line-height:7rem;}
   

}

@media all and (max-width: 1301px) {
   .project_list li { width:calc(100% / 3 - 40px / 3); }
      
   .news_list { gap:3rem; justify-content:normal; }
   .news_list li { width:calc(100% / 3 - 6rem / 3); }

}

@media all and (max-width: 1201px) {
html, body { min-width:320px; min-height:0; }

}

@media all and (max-width: 1101px) {

}

@media all and (max-width: 1001px) {

}

@media all and (max-width: 960px) {
   .sub_top { padding:90px 0 0; }
   .sub_top h2.project_content_wrap .project_text { position:fixed; top:46px; left:15px; font-size:1rem; z-index:99; }
   .inner { padding:0 3rem; }
   .footer { padding:5rem 3rem; }


}

@media all and (max-width: 901px) {
   .content { padding:0; }	
   .news_view .inner { width:100%; }
   
   .tab_project { margin:3rem 0; gap:30px; }
   .tab_project li a { color:#dddddd; font-size:2rem; -webkit-text-stroke:0 #000; }
   .tab_project li span { font-size:1.2rem; padding:0 8px; }
   .sub_top h2 { font-size:1rem; position:fixed; z-index:99; top:46px; left:15px; margin:0; }

}


@media all and (max-width: 801px) {
   
   .project_content_wrap .project_text { padding:5rem 2rem; }
   .project_content_wrap .project_close { top:2rem; right:2rem; }
   .project_content_wrap .project_text h3 { margin-bottom:2rem; }
   .project_info dl { font-size:1rem; }

}

@media all and (max-width: 701px) {
   
.gnb ul { display:none; }

.project_list li { width:calc(100% / 2 - 10px / 2); }


.inner { padding:0 2rem; }
.footer { font-weight:600; padding:5rem 2rem 10rem; }

.sitemap { padding:6rem 2rem; }
.sitemap .list { gap:3rem; }
.sitemap .list li a { font-size:3rem; }

.btn_qna { right:0; bottom:50px; transition:all 0.3s; }
.btn_qna .balloon { font-size:10px; padding:4px 8px; font-weight:400; }

.footer:has(.skip_top.float) .btn_qna { bottom:105px; }

.btn_qna .balloon svg { left:70%; }
.btn_qna img { width:40px; bottom:-35px; right:16px; }
.skip_top { width:40px; height:40px; bottom:20px; right:15px; }

.project_content_wrap .project_header .title { top:20%; }
.project_content_wrap .project_header .title strong { font-size:1.3rem; }


.project_content_wrap .project_header img { width:100%; height:100vh; object-fit:cover; }
.project_content_wrap .project_text { padding:4rem 2rem; }
.project_content .copy { padding:3rem 0; }
.project_content .copy .title strong { font-size:1.3rem; }
.project_content .copy .title em { font-size:1.1rem; margin-top:25px; }
.project_content .copy .by { font-size:1.1rem; gap:1.2rem; flex-direction:column; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #000; padding-top:1.5rem; margin-bottom:0; }
.project_content .copy .by p { font-size:14px; display:flex; justify-content:space-between; }
   
.contact .title strong { font-size:4rem; line-height:5rem;}
.contact .info { margin-top:6rem; }
      
.news_view .content p { font-size:1rem !important; }

   
.index .header h1 { font-size:5em; }
.index .header h1 a { letter-spacing:-2px; }

.index .gnb { top:30px; }
.index .footer { display:none; }

.slick-prev, .slick-next { bottom:20px; }
.slick-prev { right:70px; }
.slick-next { right:20px; }

.slick-dots { bottom:20px; left:30px; right:auto; }
.index .gnb { width:100%; text-align:center; }
.gnb li { margin:0 20px 0 0; }
.popup_header { padding:20px; }
.popup_header h3 { font-size:2em; width:100%; }
.popup_content { padding:0 20px; }
.btn_closePopup { top:25px; right:25px; }
.popup_header .by { padding:25px 0 0 ; }
.popup_header .by li { padding-right:30px; margin-right:30px; }
.popup_header .by li strong { margin-bottom:10px; }
.popup_header .by li strong, .popup_header .by li span { font-size:0.9em; }
.popup_content p { font-size:1em; line-height:2.3em; padding:25px 0; }
.popup.move .popup_header { padding:20px; }
.popup.move .by { margin-left:0; margin-top:15px; }
.popup.move .by li { margin-right:15px; padding-right:15px; }
.popup.move .popup_content { height:calc(100% - 102px); }
}

@media all and (max-width: 601px) {
html, body { font-size:13px; }

.index .header { position:absolute; text-align:center; padding:30px 0 0 0; }
.index .header h1 { position:static; transform:none; width:100%; animation:none; opacity:1; font-size:3em; }
.index .gnb { margin-top:20px; top:70px; }
.story_list li { border-radius:15px; padding:20px 20px 40px; }
.story_list li em { bottom:20px; }
   
   .reply_wrap.on { width:calc(100% - 5rem); }
   
.project_content_wrap .project_close { top:1rem; right:1rem; }
.project_content_wrap .project_text h3 { font-size:1.3rem; margin-bottom:2rem; }
.project_info { gap:.2rem; flex-direction:column; }
.project_info dl { font-size:1rem; line-height:2rem; justify-content:space-between; }
.project_info dt { margin-right:6px; }
}

@media all and (max-width: 501px) {

.index .header h1 a { letter-spacing:0px; }

.sub_top.scroll.hide h2 { font-size:3em; left:20px; bottom:0; transform:translate(0%,-50%); }


}

@media all and (max-width: 401px) {
.content { padding-bottom:0; }	
.story_list { margin:0; }
.story_list li { width:100%; height:auto; margin:0 0 10px; padding:20px; }
.story_list li:last-child { margin:0; }
.story_list li strong { float:none; }
.story_list li em { bottom:20px; position:static;display:block;margin-top:30px; }
}  

@media all and (max-width: 321px) {

}