.main_btn{width: 200px; padding: 17px 20px; border: 1px solid #fff; display: flex; justify-content: center; gap:12px; align-items: center;position: absolute; top: 50%; left: 50%; transform: translateX(-50%);z-index: 98;color: #fff; font-weight: 600;margin-top: -16px;transition: all 0.3s;}
.main_btn .arrow_b{display: none;}
.main_btn:hover{background: #fff; color: #111; box-shadow: 3px 3px 10px #11111146; }
.main_btn:hover .arrow_w{display: none; }
.main_btn:hover .arrow_b{display: block; }
.main_btn span{font-family: "SUIT";}
.Hfull .swiper-slide {position: relative;}

.page1 {background: url(../img/p6_bg.png) no-repeat center/cover;padding: 22.1rem 0 12rem;text-align: center;}
.page1 .inner{width: 80% ; margin: 0 auto;  max-width: 1391px;}
.page1 .inner .kor, .page1 .inner .eng{display: flex;flex-direction: column; gap: 12px; margin-bottom: 2.8rem;}
.page1 .inner .eng p{color: #767676; font-weight: 400;}


.page2 {background: url(../img/p6_bg.png) no-repeat center/cover;padding: 22.1rem 0 14rem;}
.txt_style1{font-family: "Butler";color: #111; font-size: 4rem; font-weight: 400;margin-bottom: 4.8rem;}
.page2 .info{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3.6rem;}
.page2 .info h3{font-size: 3.2rem; }
.page2 .info li {color: #505050; font-size: 2rem;display: flex; justify-content: start; align-items: center; gap: 12px; }
.page2 .info li span{color: #C5A57D; font-size: 2rem ; font-weight: 400; }
.page2 .info ul{display: flex; justify-content: start; align-items: center; gap: 4rem;}
.page2 .info ul a, .page2 .info ul h4{font-size:1.8rem;color:#111;}
.page2 .root_daum_roughmap .cont .section.lst{display: none;}
.page2 .items{margin-top: 4rem;display: flex;justify-content: center; align-items: start;} 
.page2 .items .item{padding: 2rem 6rem;width: 33%;text-align: center;}
.page2 .items .line{height:25.6rem;width: 1px; background-color: #E5E5EC;}
.page2 .items .item h2{font-size: 2.8rem; margin-top: 4rem;margin-bottom: 12px;}
.page2 .items .item h3{color: #505050; font-size: 1.6rem; font-weight: 400; line-height: 150%;height: 96px;}

.page3{background: url(../img/p6_bg.png) no-repeat center/cover;padding: 22rem 0 16.7rem;}
.page3 .items{display: flex; justify-content: start; align-items: start; gap:4rem 2.5%; flex-wrap: wrap;}
.page3 .item{width: 18%;border: 1px solid #999; text-align: center; padding-bottom: 2.4rem; }
.page3 .item span{color: #fff; font-size: 1.6rem; font-weight: 600; background-color: #C5A57D; padding: 0 16px; width: 50px; margin: 0 auto; display: block;margin-bottom: 2.4rem;}
.page3 .item h4{color: #111; font-size: 2.4rem; font-weight: 600; margin-top: 2rem; margin-bottom: 12px;}
.page3 .item h5{color: #505050; font-size: 1.6rem; font-weight: 400;line-height: 150%;height: 72px; }

.page4{margin: 0 auto; width: 92%;max-width: 1000px; margin-top: 10rem ; padding: 7rem 0 12rem  ; font-size: 1.8rem; }
.page4 h3{text-align: center; font-size: 3rem; font-weight: 600;margin-bottom: 5rem;}
.page4 h4{ margin-bottom: 1rem; margin-top: 3rem; font-size: 2rem; font-weight: 600;}


.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 7.2rem; /* 이미지 크기에 맞게 조정 */
  height: auto;
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
}
.swiper-button-prev img,
.swiper-button-next img{width: 100%;}
.swiper-button-prev {
  left: 40px; /* 왼쪽 여백 */
}

.swiper-button-next {
  right: 40px; /* 오른쪽 여백 */
}

.swiper-button-prev img,
.swiper-button-next img {
  width: 100%;
  height: auto;
  display: block;
}


.wow.fadeInUp {animation-name: customFadeInUp;}
@keyframes customFadeInUp {
    from {opacity: 0;transform: translateY(10px); /* 기본은 100px 정도임 → 20px로 줄임 */}
    to {opacity: 1;transform: translateY(0);}
}

.wow.fadeInLeft {animation-name: customFadeInLeft;}

@keyframes customFadeInLeft {
    from {opacity: 0;transform: translateX(-20px); /* 기본 -100px → -20px로 줄임 */}
    to {opacity: 1;transform: translateX(0);}
}



.mob2{display: none;}
.map{height: 48rem;}
.root_daum_roughmap .wrap_map{height: 100% !important;}


@media screen and (max-width:1500px) {
    .file_btn{margin-left: 85%;}
    .file_wrap input{width: 80% !important;}
}

@media screen and (max-width:1400px) {
  .page3 .item{width: 19.2%; }
  .page3 .items{gap: 4rem 1%;}
  .file_btn_plus {top: 5px;}
}
@media screen and (max-width:1200px) {
  #header .head_menu .main_menu{padding-right: 0;}
  .page3 .item{width: 32%;}
  .page3 .items{gap: 4rem 2%;}
  .file_btn{margin-left: 82%;}
}
@media screen and (max-width:1024px) {
  #header .head_menu{height: 80px;}
  #header .head_menu .logo img{width:13rem ;}
  .swiper_visual .swiper-button-prev img{height: auto;}
  .swiper-button-prev, .swiper-button-next{top: 58%;}
  .swiper-button-prev, .swiper-button-next{width: 5rem;}
  #ft .fmenu .width{flex-direction: column; gap: 2rem;align-items: start;}
  #ft .fmenu .width .sns li a span{font-size: 12px;}
  #ft .fmenu .width .sns li a{width: 100px;gap: 5px;}
  #ft .fmenu .width .sns li a img{width: 15px;}
  #ft .fmenu .width .sns{justify-content: end; width: 100%;}
  #ft .fmenu .width ul{gap: 1.6rem;}
  #ft .fmenu{padding: 2rem 0;}
  .footer img{width:12rem ;}
  #ft .inner .tel a{font-size: 2.8rem;}
  .page1 img{width: 23rem;}
  .txt_style1{font-size: 2.8rem;}
  .page2 .info h3{font-size: 2.4rem;}
  .page2 .items .item img{width: 6rem;}
  .page2 .items .item h2{font-size: 2.4rem; margin-top: 2rem;}
  .page3 .item img{width: 5.5rem;}
  .page3 .item h4{font-size: 2rem;}
  .page1, .page2, .page3, .inquiry{padding: 17rem 0 10rem;}
  .gall_top{padding-bottom: 0;}
  #bo_v_atc{margin-top: 3rem;}
  #bo_v_atc h2{font-size: 2rem;}
  .prdt_info li{width: 47%;border: none;}
  .prdt_info{flex-wrap: wrap;gap: 2rem 4rem;}
  .prdt_info li p{font-size: 1.6rem;}
  .prdt_info li span{font-size: 1.8rem;}
  #formmail-write>h3{font-size: 2.6rem; margin-bottom: 2rem;}
  .address_btn{width: 40%;}
  .file_box{width: 92%;}
  
.width_10{width: 20%;}
.width_80{width: 60%;}
}
@media screen and (max-width:850px) {
  #header .head_menu{flex-direction: column;gap: 2rem;}
  .main_btn{background-color: #fff; color: #111;box-shadow: 3px 3px 15px #1111112f; }
  .main_btn .arrow_w{display: none;}
  .main_btn .arrow_b{display: block;}
  .main_btn{width: 180px; }
  
  .page2 .info{flex-direction: column; justify-content: start; gap: 1rem;align-items: start;}
  .root_daum_roughmap{height: 40rem;}
  .map{height: 35rem;}
  .page3 .item{width: 49%;}
  .file_btn_plus{top: 4px;}
  .file_box{width: 80%;}
  
}
@media screen and (max-width:768px) {
  #ft .fmenu .width ul{gap: 1.2rem;}
  #ft .fmenu .width .sns li a{width: 90px; padding: 6px 1.6rem; }
  .mobile_head .mobile_logo{width: 100px;}
  #ft .inner .tel a{font-size: 2.4rem;}
  .footer img{width: 9rem;}
  .swiper_visual .swiper-pagination{font-size: 1.6rem;}
  .page1 img{width: 18rem;}
  .txt_style1{font-size: 2rem; margin-bottom: 3rem;}
  .page2 .info h3{font-size: 2rem;}
  .page2 .info ul li span, .page2 .info ul li h4{font-size: 1.6rem;}
  .page2 .items .item{padding: 2rem;}
  .page2 .items .item img{width: 4rem;}
  .page2 .items .item h2{font-size: 2rem;}
  .page2 .items .line{height: 20rem;}
  .page2 .items .item h3{height: auto;}
  .page1, .page2, .page3{padding: 15rem 0 10rem;}
  #bo_v_title .bo_v_tit{font-size: 2rem;}
  #bo_v_atc h2{margin-bottom: 2rem;}
  #formmail-write>h3{font-size: 2rem;}
  #formmail-write .input_name{font-size: 1.8rem;}
  #formmail-write .form-group2 .wrap>div b{font-size: 1.8rem;}
  .page1, .page2, .page3, .inquiry{padding: 15rem 0 10rem;}
  #formmail-write .form-group2 h5{font-size: 1.6rem;}
}
@media screen and (max-width:650px) {
  #ft .inner{justify-content: start; gap: 3rem;flex-direction: column-reverse;padding: 2rem 0;}
  #ft .inner .tel{text-align: left;}
  
  #ft .inner .tel p{margin-top: 0;}
  #ft .fmenu .width ul{flex-wrap: wrap;gap: 3px 1.2rem;}
  .swiper-progress-bar{width: 130px;}
  .swiper-controllbar-box{top: 3px;}
  .page2 .items{flex-direction: column; }
  .page2 .items .item{width: 100%;padding: 0;}
  .page2 .items .line{width: 100%; height: 1px;margin: 3rem 0;}
  .prdt_info li{width: 46%;}
  #bo_v_con{gap: 2rem ; margin-top: 4rem; }
  #bo_v_con img{width: 100%;}
  #formmail-write .col4 .item{width: 100%;}
  #formmail-write .form-group{flex-wrap: wrap;}
  .address_btn{width: 100%;}
  #formmail-write .form-group2 .wrap{flex-direction: column;gap: 0;}
  #formmail-write .form-group2 .wrap>div{width: 100%;}
  #formmail-write .form-group2 .wrap>div b{width: 8%;}
  #formmail-write .form-body{gap: 4rem;}
  #formmail-write .col4 input, select{padding: 10px 12px ; height: 60px;}
  .addr_input .address_padding{margin: 0;}
  #formmail-write .col4 .item{gap: 0;}
  #formmail-write .form-body{margin-bottom: 7rem;}
  .select_box::after {width: 17px ; height: 17px;}
  .file_btn_plus{width: 6.2rem;}
  #formmail-write textarea{padding: 10px 0;}
  #formmail-write .form-group2 h4{margin-top: 3rem;margin-bottom: 0;}
  .address_input_btn{height: 6.2rem;}
  .file_btn{width: 10rem; height: 6.2rem;margin-left: 78%;font-size: 1.6rem;}
  .file_wrap input{width: 75% !important;}
  .address_input_btn{font-size: 1.6rem;}
  .file_btn_plus{width: 5.2rem;top: 8px;}
  .width_10{width: 25%;}
.width_80{width: 50%;}
  
}
@media screen and (max-width:500px) {
  .main_btn{width: 150px; font-size: 1.6rem;justify-content: center; gap: 2rem;padding: 10px 0;}
  .mob2{display: block;}
  .mob{display: none !important;}
  .page3 .item{width: 100%;}
  .page3 .items{gap: 2rem 0;}
  .prdt_info li{width: 100%;}
  .file_wrap input{width: 70% !important;}

}