@charset "utf-8";

.main_swiper_01 .swiper-slide p.t1 span{
	-webkit-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.main_swiper_01 .swiper-slide p.t2 span{
	-webkit-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.main_swiper_01 .swiper-slide p.t3 span{
	-webkit-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_banner_pro, .main_banner_pro h3, .main_banner_pro p, .main_banner_btn a, .main_banner_btn a p, .main_banner_btn a b, .main_notice_list img{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_inner{max-width: 1300px; margin: 0 auto;}

/* 메인 */
.main_wrap{width: 100%; padding-top: 80px;}

/* 메인 공통 */
.section{}
.section.sec_inner{width: 100%; margin: 0 auto;}

.main_inner{width: 100%; max-width: 1400px; margin: 0 auto;}

.main_title{text-align: center; margin: 40px 0;}
.main_title h3{font-size: 40px; font-weight:300; line-height: 1.0;}
.main_title h3 span{background: var(--one-gratext); background-clip: text; -webkit-background-clip: text; color: #186d56;font-weight: 700;}
.main_title b{font-size: 50px; font-weight: 500; line-height: 1.0;}


/* 메인 sec1 */
.section.sec0{ display:flex;align-items:center; justify-content:center;height: 30vh;width: 100%;  margin: 0 auto;padding-left:3%;}
.section.sec0 h3{font-size: 60px;}
.section.sec0 h3 span {font-weight: 200}
.section.sec0 h3 b {color: #186d56;font-weight: 700}
.section.sec1{width: 100%; margin: 0 auto;}

.main_swiper_01 .text_area{position: absolute; left: 54%; top: 50%; transform: translate(-820px, calc(-40% - 30px)); z-index: 1;}
.main_swiper_01 .text_area p{color: #fff; overflow: hidden;}
.main_swiper_01 .text_area p span{display: block; transform: translateY(100%);}
.main_swiper_01 .text_area .t0{font-size: 46px; font-weight: 500; line-height: 1.3;}
.main_swiper_01 .text_area .t3{font-size: 19px; font-weight: 400; margin-top: 20px; line-height: 1.5;}
.main_swiper_01 img{width: 100%; ;}
/* 메인 sec1 swiper pagination */
.main_swiper_01 .swiper-slide.swiper-slide-active p span{transform: translateY(0);}
.main_swiper_01 .swiper-pagination{position: absolute; bottom: 30px; display: flex; width: auto; height: 12px; left: 50%; transform: translateX(-700px); z-index: 2;}
.main_swiper_01 .swiper-pagination span:nth-child(1){margin-left: 0;}
.main_swiper_01 .swiper-pagination .swiper-pagination-bullet{display: block; width: 12px; height: 12px; background-color: transparent; border: 1px solid #fff; opacity: 1; margin: 0 5px;}
.main_swiper_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
/* 메인 sec1 swiper play & stop */
.main_swiper_01 .btn_pause{position: absolute; bottom: 30px; display: inline-block; width: 12px; height: 12px; left: 50%; transform: translateX(-656px); background: url("../imgs/icon/icon_stop.svg") no-repeat center; background-size: cover; z-index: 2;}
.main_swiper_01 .btn_pause.on{background-image: url("../imgs/icon/icon_play.svg");}
/* 메인 sec1 swiper button */
.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{width: 14px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: cover; top: inherit; bottom: 23px; margin-top: 0; left: 50%; right: inherit;}
.main_swiper_01 .swiper-button-next:after, .main_swiper_01 .swiper-button-prev:after{content: ''; display: none;}
.main_swiper_01 .swiper-button-prev{background-image: url("../imgs/icon/arrow_prev.svg"); transform: translateX(-624px);}
.main_swiper_01 .swiper-button-next{background-image: url("../imgs/icon/arrow_next.svg"); transform: translateX(-590px);}

.main_swiper_01 .autoplay-progress {position: absolute; right: 3%; bottom: 12px; z-index: 2; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: 300; color: #fff;}
.main_swiper_01 .autoplay-progress svg {position: absolute; left: 0; top: 0px; z-index: 2; width: 100%; height: 100%; stroke-width: 2px; stroke: #fff; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}

/* 메인 sec2 */
.section.sec2{width: 100%; padding-top: 60px;height: 100vh; }


/* 메인 sec2 swiper button */
.main_swiper_02 .swiper-button-next, .main_swiper_02 .swiper-button-prev{width: 24px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; transform: translateY(calc(-50% - 25px));}
.main_swiper_02 .swiper-button-next:after, .main_swiper_02 .swiper-button-prev:after{content: ''; display: none;}
.main_swiper_02 .swiper-button-prev{background-image: url("../imgs/icon/arrow_black_prev.svg"); left: 3%;}
.main_swiper_02 .swiper-button-next{background-image: url("../imgs/icon/arrow_black_next.svg"); right: 3%;}




.main_swiper_02 a{display: block; transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.main_swiper_02 a:hover{opacity: 1; transform: translateY(-10px);}
.main_swiper_02 b{display: block; text-align: center; font-size: 23px; line-height: 1.4;}



.main_swiper_02 .swiper-slide.swiper-slide-active b{}
.main_swiper_02 .swiper-slide{position: relative;}

.main_swiper_02 .swiper-slide.swiper-slide-active img{opacity: 1; transform: scale(1);}
.main_swiper_02 .swiper-slide span{display: block;}


/* 예시: 카드형 가로 스크롤처럼 여러 장 보이기 */
.main_swiper_02 .swiper-slide {
  width: 360px;       /* 원하시는 카드 폭으로 */
  flex: 0 0 auto;     /* 자동 줄바꿈 방지 & 고정 폭 */
}
.main_swiper_02 .swiper-slide img { width: 100%; height: auto; display:block; border-radius: 20px;}


.main_swiper_02 .swiper-slide img, .main_swiper_02 b, .staff_bg ul li a img{
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.swiper-button-prev svg {display: none;}
.swiper-button-next svg {display: none;}





/* 메인 sec3 */
.section.sec3{width: 100%; padding-top: 20px;}
.section.sec3{background:#eeeeee; }



/* 메인 sec4 */
.section.sec4{width: 100%;padding: 20px; }


/* 메인 sec4 swiper button */
.main_swiper_04 .swiper-button-next, .main_swiper_04 .swiper-button-prev{width: 24px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; transform: translateY(calc(-50% - 25px));}

.main_swiper_04 .swiper-button-prev{background-image: url("../imgs/icon/arrow_black_prev.svg"); left: 16%;}
.main_swiper_04 .swiper-button-next{background-image: url("../imgs/icon/arrow_black_next.svg"); right: 16%;}
.main_swiper_04 a{display: block; transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;height: auto;background:#f2efef;border-radius: 10px;}
.main_swiper_04 a:hover{opacity: 1; transform: translateY(-20px);}
.main_swiper_04 img{width: 380px;height:auto;}
.main_swiper_04 b{display: block; text-align: center; font-size: 23px; line-height: 1.4;}
.main_swiper_04 h4{display: block; text-align: left; font-size: 20px;padding: 20px; font-weight: 500; line-height: 1.4;height: 70px;}
.main_swiper_04 p{display: block; text-align: left; font-size: 16px;padding: 20px; line-height: 1.4;font-weight: 300;color:#B8B8B8; }
.main_swiper_04 .swiper-slide{width: 380px;border-radius: 0px;padding-top: 40px;}
.main_swiper_04 .swiper-slide.swiper-slide-active b{}
.main_swiper_04 .swiper-slide{position: relative;}
.main_swiper_04 .swiper-slide img{border-radius: 10px 10px 0 0; }
.main_swiper_04 .swiper-slide.swiper-slide-active img{opacity: 1; transform: scale(1); }
.main_swiper_04 .swiper-slide span{display: block;}

.main_swiper_04 .swiper-wrapper{
    
    gap: 30px;
}


.main_swiper_04 .swiper-slide img, .main_swiper_04 b, .staff_bg ul li a img{
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.swiper-button-prev svg {display: none;}
.swiper-button-next svg {display: none;}





/* 메인 sec5 */
.section.sec5{width: 100%;padding: 160px; }
.talk_span{margin-top: 10px;}

.main_pc_only_img{display: inline-block !important;}
.main_mobile_only_img{display: none !important;}

@media (max-width:1420px){	
	/* 메인 공통 */
	.main_inner{padding: 0 3%;}
	.section.sec_inner{padding-left: 3%; padding-right: 3%;}
	
	/* 메인 sec1 */
	.main_swiper_01 .text_area{left: 3%; top: 50%; transform: translateY(calc(-50% - 20px));text-align: center}
	.main_swiper_01 .img_bg{height: 600px;}
	.main_swiper_01 .swiper-pagination{left: 3%; transform: translateX(0);}
	.main_swiper_01 .btn_pause{left: 3%; transform: translateX(44px);}
	.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{left: 3%;}
	.main_swiper_01 .swiper-button-prev{transform: translateX(76px);}
	.main_swiper_01 .swiper-button-next{transform: translateX(110px);}
	
	
	/* 메인 sec4 */
	.main_notice > li:nth-child(1){width: 320px;}
	.main_notice > li:nth-child(2){width: calc(100% - 320px);}
}

@media (max-width:1023px){	
	/* 메인 */
    .main_wrap{width: 100%; padding-top: 50px;}
	
	/* 메인 sec3 */
	.section.sec3{height: auto; padding: 0px 0;}
	.main_banner{display: flex;flex-wrap: wrap;}
	.main_banner > li{width: 100%;}
	.main_banner > li a{padding: 40px; border-radius: 0 !important;}
	.main_banner > li:nth-child(2) a{padding: 30px; margin-top: 10px;}
	
	.main_banner_pro h3{margin-bottom: 30px;}
	
	.main_banner_btn a:hover{background-color: #fff; border-radius: 0 !important;}
	.main_banner_btn a:hover:after{content: ''; background-image: url("../imgs/main/main_arrow.svg");}
	.main_banner_btn a:hover p, .main_banner_btn a:hover b{color: #000;}
	.main_banner > li:nth-child(1):hover a{background: #fff; border-radius: 0 !important; align-content: inherit;}
	.main_banner > li:nth-child(1):hover a p{margin-top: inherit; color: #000;}
	.main_banner > li:nth-child(1):hover a h3 span{color: transparent;}
	.main_banner > li:nth-child(1):hover p span{background-image: url("../imgs/main/banner_logo.svg");}
	
	/* 메인 sec4 */
	.main_notice{flex-wrap: wrap;}
	.main_notice .main_title{text-align: center;}
	.main_notice > li{width: 100% !important;}
}

@media (max-width:768px){
	/* 메인 공통 */
	
	.main_title h3{font-size: 40px;}
	
    .section.sec0{height:30vh;padding-top: 70px;justify-content: center;}
    .section.sec0 h3{font-size: 30px;}
    .section.sec0 h3 span {font-weight: 200}
    .section.sec0 h3 b {font-weight: 700}
    
    
	/* 메인 sec1 */
  	.main_swiper_01 .text_area{text-align: center}
	.main_swiper_01 .text_area .t0{font-size: 6vw;}
	.main_swiper_01 .text_area .t3{font-size: 4vw; margin-top: 2.5vw;}
	.main_swiper_01 .img_bg{height: auto;}
	.main_pc_only_img{display: none !important;}
	.main_mobile_only_img{display: inline-block !important;}
	
	/* 메인 sec2 */
	.section.sec2{padding-top: 100px;height: auto}
	
	/* 메인 sec2 swiper button */
	.main_swiper_02 .swiper-button-next, .main_swiper_02 .swiper-button-prev{display: none;}
	
	.main_swiper_02 b{font-size: 17px;}
	.main_swiper_02 .swiper-slide{padding-bottom: 15px;}
	.main_swiper_02 .swiper-slide.swiper-slide-active b{transform: translateY(15px);}
	.main_swiper_02 .swiper-slide img{border-radius: 0px;}
	
	/* 메인 sec3 */
	.section.sec3{margin-top: 100px;}
	.main_banner > li a{padding: 30px;}
	.main_banner > li:nth-child(2) a{padding: 30px;}
	
	.main_banner_btn li:after{content: ''; left: 15px;  width: 70px; height: 70px;}
	
	.main_banner_btn li p{font-size: 17px; margin-bottom: 5px;}
	.main_banner_btn li b{font-size: 19px;}
	.main_banner_btn a:after{content: ''; width: 13px; height: 23px; right: 30px;}
	
	.main_banner_pro h3{font-size: 55px;}
	.main_banner_pro p{font-size: 17px;}
	.main_banner_pro p span{width: 65px; height: 27px; margin-bottom: 10px;}
	
	
	/* 메인 sec4 */
	.section.sec4{margin-top: 10px;}

    
    .section.sec4{padding: 40px 0 40px;}
    
    /* 메인 sec5 */
	.section.sec5{padding: 40px 0;}
	
    

}


@media (max-width:480px){
	/* 메인 공통 */
	.main_title h3{font-size: 35px;}
	
	/* 메인 sec2 */
	.section.sec2{padding-top: 40px;}
	
	/* 메인 sec3 */
	.section.sec3{margin-top: 40px;}
	.main_banner > li a{padding: 25px;}
	.main_banner > li:nth-child(2) a{padding: 25px;}
	
	.main_banner_btn li p{font-size: 15px;}
	.main_banner_btn li b{font-size: 17px;}
	.main_banner_btn a:after{content: ''; right: 25px;}
	
	.main_banner_pro h3{font-size: 35px;}
	.main_banner_pro p{font-size: 15px;}
	
	/* 메인 sec4 */
	.section.sec4{padding: 20px;}
	.main_notice_list a{padding: 25px 0;}
	.main_notice_list ul{flex-wrap: wrap;}
	.main_notice_list ul li{width: 100% !important;}
	.main_notice_list ul li:nth-child(1){margin-right: 0; margin-bottom: 15px;}
	.main_notice_list h4{font-size: 16px;}
	.main_notice_list p{font-size: 14px; margin-top: 5px;}
    
    
    /* 메인 sec5 */
	.section.sec4{padding: 20px 0 0;}

}



.talk_box{margin: 0 auto;}



/* 메인 입력 폼 반응형 */

  .qc-wrap{
    position:fixed;left:50%;bottom:5%;transform:translate(-50%,0);
    width:min(1480px,calc(100% - 24px));z-index:9999;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;
    transition:transform .28s ease, opacity .28s ease;
  }
  .qc-bar{
    position:relative;display:flex;align-items:center;gap:20px;
    padding:20px 60px;border-radius:18px;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(6px);
    box-shadow:0 14px 36px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.6);
    border:1px solid rgba(0,0,0,.06);
  }
  .qc-title{white-space:nowrap;font-weight:800;font-size:18px;color:#6b684b;margin-right:8px}
  .qc-fields{display:grid;grid-template-columns:1.15fr 1fr .9fr 1.15fr;gap:18px;flex:1}
  .qc-field{position:relative;display:flex;align-items:center}
  .qc-field input,.qc-field select{
    width:100%;background:transparent;border:none;outline:none;
    padding:12px 8px 10px;font-size:15px;color:#222;border-bottom:2px solid #e6e6e6;transition:border-color .18s
  }
  .qc-field input::placeholder{color:#a8a8a8}
  .qc-field select{appearance:none;padding-right:26px;color:#6b6b6b}
  .qc-field:focus-within input,.qc-field:focus-within select{border-bottom-color:#6d6a4b}
  .qc-field.select:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);
    width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6d6a4b;pointer-events:none}
  .qc-submit{flex:0 0 auto}
  .qc-submit button{
    appearance:none;border:none;cursor:pointer;font-weight:800;letter-spacing:.02em;
    padding:14px 26px;border-radius:999px;background:#6d6a4b;color:#fff;font-size:15px;
    box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .1s,filter .2s
  }
  .qc-submit button:hover{filter:brightness(1.05)}
  .qc-submit button:active{transform:translateY(1px)}
  .qc-close{position:absolute;right:6px;top:-10px;background:rgba(0,0,0,.55);color:#fff;border:none;border-radius:999px;
    width:24px;height:24px;line-height:24px;text-align:center;cursor:pointer;font-size:14px}
  .qc-hide{display:none !important}

  /* ── 스크롤 내릴 때 숨김 상태 ── */
  .qc-wrap.qc-hide-scroll{ transform:translate(-50%, 150%); opacity:0; pointer-events:none; }

  /* 반응형 */
  @media (max-width:1024px){ .qc-fields{grid-template-columns:1fr 1fr} }
  @media (max-width:768px){
    /* 모바일에서는 통째로 숨김 */
    .qc-wrap{ display:none !important; }
  }
  @media (max-width:640px){
    .qc-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px;border-radius:16px}
    .qc-title{font-size:16px}
    .qc-fields{width:100%;grid-template-columns:1fr;gap:10px}
    .qc-submit button{width:100%}
    .qc-close{top:-12px;right:-8px}
  }

  /* 푸터 가림 방지(원치 않으면 제거) 
  body{padding-bottom:96px} @media(max-width:640px){body{padding-bottom:140px}} */

  /* 토스트 */
  .qc-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);
    background:#111;color:#fff;padding:10px 14px;border-radius:10px;font-size:14px;
    box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:2100;opacity:0;transition:opacity .2s}
  .qc-toast.show{opacity:1}
  .visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}




.main_greet_img_lays{margin-top: 0;}
.main_greet_img_lays img{width: 100%; border-radius: 0;}
.main_greet_img_lays ul{display: flex; align-items: center;}
.main_greet_img_lays ul:first-child{margin-top: 0;}
.main_greet_img_lays ul li{width: 50%;}

/* 텍스트 칼럼 중앙정렬 */
.main_greet_img_lays ul li:nth-child(2){
  display: flex;
  flex-direction: column;
  justify-content: center;   /* 세로 중앙 */
  align-items: left;       /* 가로 중앙 */
  text-align: left;     
  background: url("../imgs/main/m03_bg.jpg") no-repeat center/cover;
  color: #fff;
  height: 952px;        
  gap: 10px;       
  padding-left: 10%;/* 요소 간 간격 */
}

/* 타이포: margin-top으로 밀던 값 제거 */
.main_greet_img_lays .gp_01{font-size: 60px; font-weight: 300; line-height: 1.2; margin-bottom: 30px}
.main_greet_img_lays .gp_01 b {font-weight: 600;color:#FCE7B4}
.main_greet_img_lays .gp_02{font-size: 27px; font-weight: 300; line-height: 1.4; word-break: keep-all; margin-bottom: 40px}
.main_greet_img_lays .gp_02 b {font-weight: 700;color:#FCE7B4}
.main_greet_img_lays .gp_03{font-size: 18px; font-weight: 500;line-height: 1.5; color: #ddd;  margin-top: 10px;}
.main_greet_img_lays ul li:nth-child(2) img{width: 200px;margin: 40px;}

/* 1420 이하: 왼쪽 패딩 축소 */
@media (max-width: 1420px){
  .main_greet_img_lays ul li:nth-child(2){
    padding-left: 30px;
    min-height: 460px;
  }
}

/* 모바일 */
@media (max-width: 767px) {
  /* 회사소개 타이틀 */
  .main_greet_title h3{font-size: 35px;}
  .main_greet_title .gpt_01{font-size: 21px; margin-top: 7px;}
  .main_greet_title .gpt_02{font-size: 15px; margin-top: 3px;}

  .main_greet_img_lays{margin-top: 40px;}
  .main_greet_img_lays img{border-radius: 0;}
  .main_greet_img_lays ul{
    flex-wrap: wrap;
    margin-top: 40px;       /* 80px → 40px로 완충 */
    align-items: stretch;   /* 모바일에선 각 li가 자체 높이로 */
  }
  .main_greet_img_lays ul li{width: 100%;}
  .main_greet_img_lays ul li:nth-child(2){
    padding-left: 0;
    padding: 30px 20px;     /* 좌우 여백 균형 */
    margin-top: 0;
    align-items: center;    /* 가로 중앙 유지 */
    text-align: center;
    min-height: auto;       /* 자동 높이 */
    gap: 8px;
  }
  .main_greet_img_lays ul.reverse_lays li{padding-right: 0;}

  .main_greet_img_lays .gp_01{font-size: 31px;}
  .main_greet_img_lays .gp_02{font-size: 21px;}
  .main_greet_img_lays .gp_03{font-size: 16px;}
}



.main_box {display: flex; align-items: center;justify-content: center; text-align: center;}
.main_box h3{font-size: 36px;font-weight: 300;color:#186d56;padding: 60px 0px 40px;}
.main_box ul{width: 100%;}
.main_box p{font-size: 18px;line-height: 1.6; font-weight: 600;padding: 60px 0px 180px;}


@media (max-width: 767px) {
    
.main_box p{font-size: 16px;line-height: 1.6; font-weight: 500;padding: 60px 0px 60px;}  
}


/* ===== Player Container (16:9, max 1600px, 반응형) ===== */
.player-container{
  --max-w: 1200px;
  --radius: 12px;

  position: relative;
  width: 100%;
  max-width: var(--max-w);
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: var(--radius);
  overflow: hidden;
}
.player-container > video{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;           /* contain 원하면 .cover 대신 .contain 사용 */
  background:#000;
  display:block;
}

/* 네이티브 컨트롤 숨김 */
.player-container video::-webkit-media-controls,
.player-container video::-webkit-media-controls-enclosure{ display:none !important; }
.player-container video::-moz-media-controls{ display:none !important; }

/* ===== mute-button ===== */
.mute-button{
  position: absolute; right: 12px; bottom: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border: none; border-radius: 999px;
  background: rgba(0,0,0,.55);
  color: #fff;
  backdrop-filter: blur(4px);
  cursor: pointer;
  transition: opacity .2s ease, transform .2s ease, background .2s ease;
}
.mute-button .icon{ width: 22px; height: 22px; }
.mute-button .icon-unmuted{ display: none; }
.mute-button[data-state="unmuted"] .icon-unmuted{ display: block; }
.mute-button[data-state="unmuted"] .icon-muted{ display: none; }

.mute-button:hover{ transform: translateY(-1px); background: rgba(0,0,0,.7); }
.mute-button:active{ transform: translateY(0); }

/* 데스크탑: 마우스 올릴 때만 보이게 하고 싶다면 아래 두 줄 주석 해제
.player-container .mute-button{ opacity: 0; }
.player-container:hover .mute-button{ opacity: 1; }
*/

/* 모바일 접근성: 항상 보이도록 유지(필요 시 미디어쿼리로 조절 가능) */

/* aspect-ratio 폴백 */
@supports not (aspect-ratio: 16 / 9){
  .player-container{ height: 0; padding-top: 56.25%; }
  .player-container > video{ position: absolute; inset: 0; }
}


/* ===== Replay Overlay ===== */
.replay-overlay{
  position: absolute; inset: 0;
  display: grid; place-items: center;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  backdrop-filter: blur(2px);
  transition: opacity .2s ease;
}
.replay-overlay[hidden]{ display: grid; opacity: 0; pointer-events: none; } /* 접근성 위해 hidden 사용 */

.replay-button{
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .9rem 1.2rem;
  border: none; border-radius: 999px;
  background: #fff; color: #111;
  font-weight: 700; font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease;
}
.replay-button:hover{ transform: translateY(-1px); box-shadow: 0 10px 28px rgba(0,0,0,.28); }
.replay-button:active{ transform: translateY(0); }

.replay-icon{ width: 20px; height: 20px; }


.player-container{
    width: 100%;
    max-width: 900px;

    margin: 0 auto;

    border-radius: 20px;
    overflow: hidden;
}

.player-container iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    display: block;
}


.quick_nav{
    position: fixed;

    right: 40px;
    top: 50%;

    transform: translateY(-50%);

    z-index: 999;
}

.quick_nav a{
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 110px;
    height: 110px;

    margin: 8px 0;

    color: #fff;
    font-size: 22px;
    font-weight: 700;

    text-decoration: none;

    transition: all .25s ease;
}

/* 배경 이미지 */
.quick_nav a:nth-child(1){
    background:url('/imgs/main/quick_01.png') no-repeat center center / contain;
}

.quick_nav a:nth-child(2){
    background:url('/imgs/main/quick_02.png') no-repeat center center / contain;
}

.quick_nav a:nth-child(3){
    background:url('/imgs/main/quick_03.png') no-repeat center center / contain;
}

.quick_nav a:nth-child(4){
    background:url('/imgs/main/quick_04.png') no-repeat center center / contain;
}

.quick_nav a:hover,
.quick_nav a.active{
    transform: scale(1.08);
}

html{
    scroll-behavior:smooth;
}

@media (max-width:768px){

    .quick_nav{
        display:none;
    }

}

.main_swiper_04 .swiper-wrapper{
    justify-content:center;
}

/* sec02 program swiper */
.program_swiper{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:40px 0 70px;
}

.program_swiper .swiper-wrapper{
  display:flex;
  gap:0 !important;
  justify-content:flex-start !important;
}

.program_swiper .swiper-slide{
  width:380px !important;
  flex-shrink:0;
}

.program_swiper .swiper-slide a{
  display:block;
  background:#f2efef;
  border-radius:10px;
  overflow:hidden;
  height:auto;
}

.program_swiper .swiper-slide img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px 10px 0 0;
}

.program_swiper .swiper-slide h4{
  display:block;
  text-align:center;
  font-size:20px;
  padding:20px;
  font-weight:500;
  line-height:1.4;
}

.program_swiper .swiper-button-prev,
.program_swiper .swiper-button-next{
  width:24px;
  height:46px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  opacity:1 !important;
  visibility:visible !important;
  display:flex !important;
  z-index:10;
}

.program_swiper .swiper-button-prev:after,
.program_swiper .swiper-button-next:after{
  display:none;
  content:'';
}

.program_swiper .swiper-button-prev{
  background-image:url("../imgs/icon/arrow_black_prev.svg");
  left:16%;
  top:38%;
}

.program_swiper .swiper-button-next{
  background-image:url("../imgs/icon/arrow_black_next.svg");
  right:16%;
  top:38%;
}

@media (max-width:768px){
  .program_swiper .swiper-slide{
    width:300px !important;
  }

  .program_swiper .swiper-button-prev,
  .program_swiper .swiper-button-next{
    display:none !important;
  }
}

.swiper-button-prev,
.swiper-button-next{
    width:70px !important;
    height:70px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    display:flex !important;
    align-items:center;
    justify-content:center;
}

/* 기존 기본 화살표 숨김 */
.swiper-button-prev::after,
.swiper-button-next::after{
    display:none !important;
}

/* 새 화살표 */
.swiper-button-prev::before,
.swiper-button-next::before{
    content:"";
    display:block;
    width:12px;
    height:12px;
}

/* < */
.swiper-button-prev::before{
    border-left:3px solid #111;
    border-bottom:3px solid #111;
    transform:rotate(45deg);
    margin-left:5px;
}

/* > */
.swiper-button-next::before{
    border-right:3px solid #111;
    border-bottom:3px solid #111;
    transform:rotate(-45deg);
    margin-right:5px;
}


.main_pc_only_img{display:block !important;}
.main_mobile_only_img{display:none !important;}

@media (max-width:768px){
  .main_pc_only_img{display:none !important;}
  .main_mobile_only_img{display:block !important;}
}


.main_swiper_01 .main01_prev,
.main_swiper_01 .main01_next{
    width:70px;
    height:70px;

    background:#fff;
    border-radius:50%;

    box-shadow:0 4px 12px rgba(0,0,0,.15);

    top:50%;
    transform:translateY(-50%);
}

.main_swiper_01 .main01_prev{
    left:3%;
}

.main_swiper_01 .main01_next{
    right:3%;
}

/* 기본 아이콘 제거 */
.main_swiper_01 .main01_prev:after,
.main_swiper_01 .main01_next:after{
    display:none;
}

/* < */
.main_swiper_01 .main01_prev:before{
    content:"";
    width:12px;
    height:12px;

    border-left:3px solid #111;
    border-bottom:3px solid #111;

    transform:rotate(45deg);
}

/* > */
.main_swiper_01 .main01_next:before{
    content:"";
    width:12px;
    height:12px;

    border-right:3px solid #111;
    border-bottom:3px solid #111;

    transform:rotate(-45deg);
}



.main_swiper_01 .swiper-button-prev.main01_prev{
    left:4% !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
}

.main_swiper_01 .swiper-button-next.main01_next{
    right:10% !important;
    left:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
}

@media(max-width:768px){
    .main_swiper_01 .swiper-button-prev.main01_prev,
    .main_swiper_01 .swiper-button-next.main01_next{
        display:none !important;
    }
}