@charset "utf-8";
/* 메인 공통 */
.main_page .footer{margin-top:0;}
.main_page .page_contents section{position: relative;}
.main_page .page_contents section + section:not(.main_visual, .main_story){margin-top:200px;}
.main_page .section_title{text-transform: uppercase; font-size: 2.8rem; font-weight: bold; line-height: 1.2; text-align: center;}
.main_page .section_desc{margin-top:20px; text-align: center; color: var(--black_4);}
.main_page .section_desc strong + p{margin-top:8px;}
.main_page .section_content{margin-top:64px;}
.main_page .btn_wrap{margin-top:40px; justify-content: center;}
.main_page .btn_wrap .w_line_btn{gap:0 8px; padding: 8px 32px; border:1px solid #ffffff; font-size: 1.4rem; color: #ffffff;}
.main_page .btn_wrap .w_line_btn:hover{background-color: #ffffff; color: var(--main_black)}
@media(max-width:1440px) {
  .main_page .page_contents section + section:not(.main_visual, .main_story) {margin-top: 180px;}
  .main_page .section_content {margin-top: 56px;}
}
@media(max-width:1280px) {
  .main_page .page_contents section + section:not(.main_visual, .main_story) {margin-top: 160px;}
  .main_page .section_content {margin-top: 48px;}
}
@media(max-width:1024px) {
  .main_page .page_contents section + section:not(.main_visual, .main_story) {margin-top: 140px;}
  .main_page .section_content {margin-top: 40px;}
}
@media(max-width:768px) {
  .main_page .page_contents section + section:not(.main_visual, .main_story) {margin-top: 120px;}
  .main_page .section_content {margin-top: 36px;}
}
@media(max-width:389px) {
  .main_page .page_contents section + section:not(.main_visual, .main_story) {margin-top: 120px;}
  .main_page .section_title {font-size: 2.4rem;}
  .main_page .section_desc {margin-top: 12px;}
  .main_page .section_desc strong + p {margin-top: 4px;}
  .main_page .section_content {margin-top: 32px;}
}

/*video section */
.video_section{position: relative; overflow: hidden; margin:0 auto;}
.video_section .video_text{position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); z-index:2; text-align: center;}
.video_section .video_wrap{width:100%; height: 100vh; min-height: 600px;}
.video_wrap video{width:100%; height: 100%;  object-fit: cover;}
@media(max-width:1024px) {
  .video_section .video_text {width: 100%; padding: 0 5%;}
}

/* visual */
/* .main_visual {height: var(--vh_100);} */
.main_visual .text_wrap h2{font-size: 5.6rem; font-weight: 400; line-height: 1.2;}
.main_visual .text_wrap h2 strong{font-weight: 600;}

.visaul_title div{overflow: hidden;}
.visaul_title span{display: inline-block; transform: translateY(80px); }

@media(max-width:1280px) {
  .main_visual .text_wrap h2{font-size: 4.8rem;}
}
@media(max-width:1024px) {
  .main_visual .text_wrap h2{font-size: 4.4rem;}
}
@media(max-width:768px) {  
  .main_visual .text_wrap h2{font-size: 4rem;}
}
@media(max-width:540px) {  
  .main_visual .text_wrap h2{font-size: 3.6rem;}
}
@media(max-width:480px) {
  .main_visual .text_wrap h2{font-size: 3.2rem;}
}
@media(max-width:389px) {
  .main_visual .text_wrap h2{font-size: 2.8rem;}
}

/* story */
.main_story{height: var(--vh_100);}
.main_story .text_wrap h2{text-transform: uppercase; font-size: 3.2rem; line-height: 1.2; color: #ffffff;}
.main_story .text_wrap .section_desc{color: #ffffff;}
.main_story .text_wrap .section_desc br{display: none;}
.main_story_video {position: relative; overflow: hidden;} 
.main_story_video::before{content: ""; position: absolute; top:0; left:0; z-index:1; display: block; width:100%; height:100%; background-color: rgba(0,0,0,0.2);  } 


@media(max-width:1280px) {
  .main_story .text_wrap h2{font-size: 2.8rem;}
}
@media(max-width:1024px) {
  .main_story .text_wrap h2{font-size: 2.4rem;}
}
@media(max-width:540px) {
  .main_story .text_wrap h2{font-size: 2.2rem;}
  .main_story .text_wrap .section_desc br{display: block;}
}
@media(max-width:389px) {
  .main_story .text_wrap h2{font-size: 2rem;}
}
@media(max-width:359px) {
  .main_story .text_wrap h2{font-size: 1.8rem;}
}

/* about */
.main_about .video_wrap video{aspect-ratio:1/0.3754; min-height: 200px;}
@media(max-width:768px) {
  .main_about .text_wrap p br{display: none;}
}

/* portfolio */
.main_portfolio{overflow: hidden;}
.main_portfolio .section_content{--slider_padding:80px; position: relative;}
.portfolio_slider{ padding:0 var(--slider_padding);}
.portfolio_slider .swiper-wrapper{align-items: center;}
.portfolio_slider .portfolio_item{height: auto;}
.portfolio_slider .portfolio_item .img_wrap {position: relative; width:62%; height: 580px; transition: width 2s, height 2s; overflow: hidden;}
.portfolio_slider .portfolio_item .img_wrap figure{height: 100%;}
.portfolio_slider .portfolio_item .img_wrap figure img{height: 100%; object-fit: cover;}
.portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{width:100%; height: 720px; }
.portfolio_slider .portfolio_item.swiper-slide-prev .img_wrap{margin-left: auto;} 
.portfolio_slider .portfolio_item.swiper-slide-next .img_wrap{margin-left: 0;} 
.portfolio_slider .portfolio_item.swiper-slide-active.prev .img_wrap{margin-left: auto;}
.portfolio_slider .portfolio_item.swiper-slide-active.next .img_wrap{margin-left: 0;}
.portfolio_slider .portfolio_item .text_wrap{margin-top:20px; text-align: center;}
.portfolio_slider .portfolio_item .text_wrap h3{font-size: 2.4rem; font-weight: 500; color: var(--black_4);}
.portfolio_slider .portfolio_item .text_wrap span{margin-top:8px; display: block; color: var(--black_8); }
.port_btn{--space:calc((var(--slide_space) / 2) - ((var(--slide_space) - var(--slider_padding)) * 2 ));  position: absolute; top:50%; display: block; width:40px; aspect-ratio: 1/1;}
.port_btn::before{ content: ""; position: absolute; top:50%; left:50%;  display: block; width:60%; aspect-ratio: 1/1; border-top:1px solid var(--black_8);}
.port_btn.port_btn_prev{left:var(--space);}
.port_btn.port_btn_next{right:var(--space);}
.port_btn.port_btn_prev::before{border-left: 1px solid var(--black_8); transform: translate(-25%, -50%) rotate(-45deg);}
.port_btn.port_btn_next::before{border-right: 1px solid var(--black_8); transform: translate(-75%, -50%) rotate(45deg);}

@media(max-width:1600px) {
  .portfolio_slider .portfolio_item .img_wrap {height: 540px;}
  .portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{height: 640px; }
}
@media(max-width:1440px) {
  .portfolio_slider .portfolio_item .img_wrap {height: 480px;}
  .portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{height: 560px; }
}
@media(max-width:1280px) {
  .main_portfolio .section_content{--slider_padding:60px;}
  .portfolio_slider .portfolio_item .img_wrap {height: 440px; transition: width 1.5s, height 1.5s; }  
  .portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{height: 520px; }
  .portfolio_slider .portfolio_item .text_wrap { margin-top: 16px;}
  .portfolio_slider .portfolio_item .text_wrap h3 {font-size: 2.2rem;}
  .portfolio_slider .portfolio_item .text_wrap span {margin-top: 4px;}
}
@media(max-width:1024px) {
  .main_portfolio .section_content{--slider_padding:40px;}
  .portfolio_slider .portfolio_item .img_wrap {height: 400px;}
  .portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{height: 480px; }
  .portfolio_slider .portfolio_item .text_wrap { margin-top: 12px;}
  .portfolio_slider .portfolio_item .text_wrap h3 {font-size: 2rem;}
}
@media(max-width:768px) {
  .portfolio_slider .portfolio_item .img_wrap {height: 280px;}
  .portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{height: 320px; }
  .portfolio_slider .portfolio_item .text_wrap { margin-top: 10px;}
  .portfolio_slider .portfolio_item .text_wrap h3 {font-size: 1.6rem;}
  .port_btn{--space:calc((var(--slide_space) / 2)); width:32px; }
  .port_btn.port_btn_prev{left:var(--space);  transform: translateX(-50%);}
  .port_btn.port_btn_next{right:var(--space);  transform: translateX(50%);}
}
@media(max-width:540px) {
  .main_portfolio .section_content{--slider_padding:28px;}
  .portfolio_slider .portfolio_item .img_wrap {height: 200px; transition: width 1.2s, height 1.2s;}
  .portfolio_slider .portfolio_item.swiper-slide-active .img_wrap{height: 240px; }
  .port_btn{width:28px; }
  /* .port_btn.port_btn_prev{left:var(--space);  transform: translateX(0%);}
  .port_btn.port_btn_next{right:var(--space);  transform: translateX(0%);} */
}

/* inquiry */
.main_inquiry{position: relative;}
.main_inquiry .text_wrap{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:2; text-align: center; }
.main_inquiry .text_wrap h2{color: #ffffff;}
.main_inquiry .text_wrap .section_desc{color: #ffffff;} 
.main_inquiry .img_wrap{height:100vh; min-height: 600px; overflow: hidden;}
.main_inquiry .img_wrap figure{height:100%;}
.main_inquiry .img_wrap figure img{height:100%; object-fit: cover;}

@media (max-width: 1024px) {
  .main_inquiry .text_wrap {width: 100%; padding: 0 5%; }
}
@media (max-width: 540px) {
  .main_inquiry .text_wrap br{display: none; }
}

/* 팝업 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:#fff; box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.hd_pops .hd_pops_con p:has(img){font-size: 0; line-height: 1em;}
.hd_pops .hd_pops_con img{max-width: 100%;}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;font-size:13px}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.sound_only {display:none;}


@media(max-width:540px) {
    .hd_pops{top:80px!important; left:50%!important; transform: translateX(-50%); width: 90%;}
    .hd_pops_con {width: 100%!important; height:auto!important;}
    .hd_pops_con p:has(img){font-size: 0; line-height: 1;}
    .hd_pops iframe{width:100%;}
    .hd_pops_con:has(iframe){font-size: 0; line-height: 1;}
}