/* ************************************ 서브 ************************************ */
.map_adress ul li a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


.sub_title{text-align: center; margin: 80px 0 20px;}
.sub_title h3{font-size: 36px; font-weight: 500; line-height: 1.2;}
.sub_title h3 span{ background-clip: text; -webkit-background-clip: text; font-weight: 700;color: #797255;}
.sub_title b{font-size: 40px; font-weight: 600; line-height: 1.0;}


@media (max-width:767px){
	.sub_title{margin-bottom: 30px;}
	.sub_title h3{font-size: 40px;}
}


/* 회사소개 */
.greet_wrap{padding-bottom: 120px;}
.greet_title{padding-bottom: 30px;text-align: center;margin: 100px 0 40px 0;}
.greet_title h3{font-size: 39px; font-weight: 700; line-height: 1.3;}
.greet_title .gpt_01{font-size: 26px; font-weight: 500; line-height: 1.3; margin-top: 20px;}
.greet_title .gpt_02{font-size: 36px; font-weight: 600;line-height: 1.5; margin-top: 5px; color: #888;}

.greet_middle{position: relative; width: 96%; max-width: 1400px; margin: 0px auto; padding: 20px 100px;}
.greet_img_lays{margin-top: 0px;}
.greet_img_lays img{width: 100%; border-radius: 0px;}
.greet_img_lays ul{display: flex; margin-top: 0px;}
.greet_img_lays ul:first-child{margin-top: 0;}
.greet_img_lays ul li{width: 50%;}
.greet_img_lays ul li:nth-child(2){background: url("../imgs/sub/right_bg.jpg") no-repeat center; background-size: cover;color: #fff;
   display:flex;
  flex-direction:column; /* 위-아래로 배치 */
  justify-content:center;/* 세로 가운데 */
  align-items:center;    /* 가로 가운데 */
  min-height:140px;
  gap:8px;
}
.greet_img_lays ul.reverse_lays{flex-direction: row-reverse;}
.greet_img_lays ul.reverse_lays li{padding-right: 0;}
.greet_img_lays .gp_01{font-size: 20px; font-weight: 400; line-height: 1.2;}
.greet_img_lays .gp_02{font-size: 36px; font-weight: 700; line-height: 1.4; margin-top: 20px; word-break: keep-all; color: #fffcc1}
.greet_img_lays .gp_03{font-size: 19px; font-weight: 500; line-height: 1.5; margin-top: 5px; color: #b5b49e;}

.greet_bottom{padding: 130px 0 150px; margin-top: 0px;background: url("../imgs/sub/reservation_bg.jpg") no-repeat center; background-size: cover;color: #fff;}
.greet_bottom ul{display: flex;}
.greet_bottom ul li{width: 40%;}
.greet_bottom ul li:nth-child(2){width: 60%}
.greet_bottom h3{font-size: 50px; font-weight: 700; line-height: 1.2; margin-bottom: 25px;color: aliceblue}
.greet_bottom b{display: block; font-size: 30px; line-height: 1.1; margin-bottom: 45px;}
.greet_bottom a{display: inline-block; padding: 20px 60px; border: 0px solid #6d6a4b; background: #6d6a4b; border-radius: 50px; color: #fff; font-size: 20px;font-weight: 700;}
.greet_bottom a:hover{background: #777457; color: #fff;}
.greet_bottom p{font-size: 19px; line-height: 1.4; margin-top: 30px;}
.greet_bottom p:first-child{margin-top: 0;}


.foot_bottom{color: #fff;background: url("../imgs/sub/talk_bg.png") no-repeat center; background-size: cover;width: 100%;}
.foot_bottom ul{display: flex;}
.foot_bottom ul li{width: 100%; max-width: 1400px;}
.foot_bottom h3{font-size: 50px; font-weight: 700; line-height: 1.2;}

.foot_bottom a{color:#d1d1d1;display: inline-block; padding: 30px 20px 20px; font-size: 18px; font-weight: 600;}
.foot_bottom a:hover{ color: #fff;}

.foot_bottom p:first-child{margin-top: 0;}
.foot_bottom a:first-child{padding-left: 0;}

.foot_left_in h3{font-size: 30px; font-weight: 600; line-height: 1.2;}

.foot_bottom p{color:#d1d1d1;  font-size: 16px; font-weight: 500;line-height: 1.8;margin-top: 0;}
.foot_bottom b{display: block; color:#d1d1d1;  font-size: 24px; font-weight: 600;line-height: 1.2; margin-top: 60px;margin-bottom: 20px;}
.foot_bottom span{color:#d1d1d1;  font-size: 14px; font-weight: 400;line-height: 1.6; margin-top: 40px;}






.foot_left_in ul{ display:block;margin:0; padding:20px 0; list-style:none;}
.foot_left_in ul li{
  align-items:center;          
}
.foot_left_in ul:nth-child(1){border-bottom:1px solid #454545;}

@media (max-width: 767px) {
  .foot_left {padding: 10px;}  
    .greet_wrap{padding-bottom: 0px;}
}

/* 오시는 길 */
.sub_map_box{width: 100% !important;}
.sub_map_box .wrap_map{min-height: 600px;}
.sub_map_box .wrap_controllers{display: none;}
.sub_map_box .cont{display: none;}


.map_adress{margin-top: 50px;margin-bottom: 100px;}
.map_adress .madp_01{font-size: 23px; font-weight: 700; word-break: keep-all;}
.map_adress .madp_02{font-size: 15px; color: #89A0B1; margin-top: 5px;}
.map_adress ul{display: flex; margin-top: 40px;}
.map_adress ul li{margin-left: 20px;}
.map_adress ul li:first-child{margin-left: 0;}
.map_adress ul li a{display: block; width: 240px; height: 50px; line-height: 50px; border-radius: 100px; font-size: 15px; text-align: center;}
.map_adress ul li:nth-child(1) a{background: #03C75A; color: #fff;}
.map_adress ul li:nth-child(2) a{background: #FFEA3B; color: #030001;}
.map_adress ul li:nth-child(1) a:hover{background: #009B45;}
.map_adress ul li:nth-child(2) a:hover{background: #FFD83B;}

.map_table_wrap{border-top: 2px solid #000;}
.map_table_wrap ul{display: flex; border-bottom: 1px solid #ccc;}
.map_table_wrap ul li{padding: 30px 10px; word-break: keep-all;}
.map_table_wrap ul li:nth-child(1){font-size: 18px; font-weight: 700; line-height: 1.4; width: 200px;}
.map_table_wrap ul li:nth-child(2){font-size: 15px; line-height: 1.5; width: calc(100% - 200px);}



/* ===== Traffic Section ===== */
.traffic_sect{
  --bg:#fff;
  --ink:#111;
  --muted:#6b7280;
  --line:#e5e7eb;
  --accent:#7a853f;
  --pill:#eaf3d1;

  background:var(--bg);
  color:var(--ink);
  padding:100px 0px 40px;
}
.traffic-inner{ max-width:1200px; margin:0 auto; }
.traffic-title{ font-size:32px; line-height:1.25; margin:0 0 22px; }

/* Grid */
.traffic-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
@media (min-width:900px){
  .traffic-grid{ grid-template-columns:repeat(3,1fr); }
}

/* Card */
.traffic-card{
  display:grid;
  grid-auto-rows:max-content;
  justify-items:center;        /* 가운데 정렬 */
  text-align:center;
  row-gap:10px;

  padding:28px 28px;
  background:#fafafa;
  border:0px solid var(--line);
  border-radius:0px;

  transition: box-shadow .2s ease, transform .2s ease;
}
.traffic-card:hover{ box-shadow:0 6px 18px rgba(17,24,39,.06); transform:translateY(-2px); }
.traffic-h3{ font-size:18px; font-weight:700; margin:0; }
.traffic-text{ margin:0 0 6px; }
.traffic-note{ margin:0; color:var(--muted); font-size:14px; }

/* Circular Icon */
:root{
  --ico-diam: 112px;        /* 원 지름 */
  --ico-size: 56px;         /* SVG 아이콘 크기(원보다 확실히 작게) */
}
.traffic-ico{
  width:var(--ico-diam);
  height:var(--ico-diam);
  border-radius:50%;
  background:#f6f6f2;
  color:var(--accent);       /* path fill="currentColor" 연결 */
  display:grid;
  place-items:center;
  padding:12px;              /* 안전 여백 → 잘림 방지 */
  row-gap:6px;
  line-height:1;
  overflow:hidden;
  margin:0 auto 8px;         /* 카드 가운데 배치 */
}
.traffic-ico .traffic-svg{
  width:var(--ico-size);
  height:auto;
  display:block;
  overflow:visible;
}
.traffic-cap{
  display:block;
  font-size:14px;
  font-weight:700;
  color:#8b907f;
}

/* Badges */
.traffic-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:4px;
}
.badge{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:var(--pill);
  color:#2e3a0c;
  font-weight:600;
  font-size:13px;
  border:1px solid #d6e6a6;
}
.badge-blue{ background:#e7f0ff; border-color:#c8ddff; color:#0f2d66; }
.badge-green{ background:#eafbe9; border-color:#c9f0c7; color:#0d5a2b; }
.routes{ font-size:16px; color:var(--ink); font-weight:700 }

/* Mobile: 좌정렬 원하면 아래 주석 해제
@media (max-width:768px){
  .traffic-card{ justify-items:start; text-align:left; }
  .traffic-badges{ justify-content:flex-start; }
}
*/



/* Motion-safe */
@media (prefers-reduced-motion: reduce){
  .traffic-card{ transition:none; }
}


.map_box{max-width: 1200px;margin: auto}


/* Business */
.business_card_wrap .sliding_box{display: flex;}
.business_card_wrap .sliding_box .card{position: relative; display: block; flex: none;}
.business_card .business_content{overflow: hidden; position: relative;}
.business_card_wrap .sliding_box:hover .card{animation-play-state: paused;}
.business_card .card{position: relative; display: block; flex: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin: 10px; border-radius: 20px; overflow: hidden;}
.business_card .card a{position: relative; display: block;}
.business_card .card img{width: 240px;}
.business_card .card{
	width: 240px;
    display: inline-flex;
	animation: fontSlide 128s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
}
.business_card .card.dup{
	animation: fontSlideDup 128s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
}
@keyframes fontSlide {
	0% {transform: translateX(0);}
	50% {transform: translateX(calc(-1600% - 320px));}   /* -(100% * 카드 수) */
	50.01% {transform: translateX(calc(1600% + 320px));}   /* (100% * 카드 수) */
	100% {transform: translateX(0);}
}
@keyframes fontSlideDup {
	0% {transform: translateX(0);}
	100% {transform: translateX(calc(-3200% - 640px));}   /* -(100% * 카드 수 * 2) */
}





@media (max-width: 1420px){
	/* 회사소개 */
    .greet_img_lays ul li:nth-child(2){padding-left: 30px;}
	
	/* 연혁 */
	.history_nav ul li a{width: 180px; padding: 15px 0; font-size: 15px;}
}


@media (max-width: 1023px){
	/* 회사소개 */
	.greet_bottom ul{flex-wrap: wrap;}
	.greet_bottom ul li{width: 100% !important;}
	.greet_bottom ul li:first-child{margin-bottom: 50px;}
	
    .foot_bottom ul{flex-wrap: wrap;}
    .foot_bottom ul li{width: 100% !important;}
	.foot_bottomul li:first-child{margin-bottom: 50px;}
   
}

@media (max-width: 767px) {
	/* 회사소개 */
	.greet_title h3{font-size: 35px;}
	.greet_title .gpt_01{font-size: 26px; margin-top: 7px;}
	.greet_title .gpt_02{font-size: 20px; margin-top: 3px;}
	
	.greet_img_lays{margin-top: 40px;}
	.greet_img_lays img{border-radius: 0px;}
    .greet_img_lays ul{flex-wrap: wrap; margin-top: 80px;}
	.greet_img_lays ul li{width: 100%;}
	.greet_img_lays ul li:nth-child(2){padding-left: 0; margin-top: 0px;}
	.greet_img_lays ul.reverse_lays li{padding-right: 0;}
	.greet_img_lays .gp_01{font-size: 21px; padding-top: 40px;}
	.greet_img_lays .gp_02{font-size: 32px; margin-top: 7px;}
	.greet_img_lays .gp_03{font-size: 16px; margin-top: 3px;padding-bottom: 40px;}
	
	.greet_bottom{padding: 90px 0; margin-top: 0;}
	.greet_bottom ul li:first-child{margin-top:80px;margin-bottom: 80px;  text-align: center;}
    .greet_bottom ul li:nth-child(2){display: none; margin-bottom: 80px; margin-top: 40px;}
	.greet_bottom h3{font-size: 36px; margin-bottom: 20px;}
	.greet_bottom b{font-size: 36px; margin-bottom: 30px;margin-top: 10px;}
	.greet_bottom a{font-size: 24px;width:80%;}
	.greet_bottom p{font-size: 22px; line-height: 1.4; margin-bottom: 30px;}
	
    
    .foot_bottom{padding: 20px 0; margin-top: 0;}
	.foot_bottom ul li:first-child{margin-bottom: 40px;}
    
	.foot_bottom h3{font-size: 30px; }
	.foot_bottom b{font-size: 35px; margin-bottom: 20px;}
	.foot_bottom a{padding: 7px 10px; font-size: 16px;margin-bottom: 30px;}
	.foot_bottom p{font-size: 14px; line-height: 1.4; margin-top: 30px;}
	
	
	/* 오시는 길 */
	.sub_map_box {height: 300px !important;}
	.sub_map_box .wrap_map{min-height: 300px;}
	
	.map_adress{margin-top: 30px;}
	.map_adress .madp_01{font-size: 17px;}
	.map_adress .madp_02{font-size: 14px; margin-top: 10px;}
	.map_adress ul{flex-wrap: wrap; margin-top: 40px;justify-content: center;}
	.map_adress ul li{margin-left: 0;}
	.map_adress ul li:nth-child(2){margin-top: 20px;}
	.map_adress ul li a{font-size: 18px;width:400px;}
	
	.map_table_wrap ul li{padding: 20px 10px;}
	.map_table_wrap ul li:nth-child(1){font-size: 16px; width: 140px;}
	.map_table_wrap ul li:nth-child(2){font-size: 14px; width: calc(100% - 140px);}
	

    
	/* Business */
	.business_card .card{border-radius: 10px;}
	.business_card .card img{width: 150px;}
	.business_card .card{
		width: 150px;
		display: inline-flex;
		animation: fontSlide 102s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
	}
	.business_card .card.dup{
		animation: fontSlideDup 102s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
	}
	
}


@media (max-width: 480px) {
	/* 회사소개 */
	.greet_bottom{padding: 70px 0;}
	.greet_bottom h3{font-size: 30px; margin-bottom: 15px;}
	.greet_bottom b{font-size: 30px; margin-bottom: 20px;}
	.greet_bottom p{font-size: 17px; margin-top: 20px;}
	
   
	
	/* 오시는 길 */
	.sub_map_box {height: 250px !important;}
	.sub_map_box .wrap_map{min-height: 250px;}

}


/* 스크롤 어로우 */
.scroll_arrow{position: absolute; display: block; bottom: 13%; right: 3%; top: 86%; width: 44px; height: 90px; border-radius: 50px; border: 2px solid #fff; padding: 20px 10px; transform: translateX(-50%); z-index: 2; background-color: rgba(0, 0, 0, 0.2);}
.scroll_arrow b{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.scroll_arrow b span{position: absolute; display: block; width: 14px; height: 44px; left: 50%; margin-left: -7px; top: 50%; margin-top: -22px; background: url("../imgs/scroll_arrow.png") no-repeat center; background-size: 14px; animation:scroll_arrow_start 1.6s -0.8s forwards infinite linear;}
@keyframes scroll_arrow_start{
	0%{transform: translate(0, -100px)}
	100%{transform: translate(0, 100px)}
}

@media screen and (max-width: 767px) {
	.scroll_arrow{width: 36px; height: 70px; padding: 15px 5px; right: 3%;top:80%;}
}



/* 서브 full 슬라이드 */

.sub_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);
}
.sub_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);
}
.sub_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);
}


.sub_swiper_01 .text_area{position: absolute; text-align: center; left: 50%; top: 42%; transform: translate(-50%,-50%); z-index: 1;width:800px;}
.sub_swiper_01 .text_area p{color: #fff; overflow: hidden;}
.sub_swiper_01 .text_area p span{display: block; transform: translateY(100%);}
.sub_swiper_01 .text_area .t0{font-size: 52px; font-weight: 300; line-height: 1.4;}
.sub_swiper_01 .text_area .t2{font-weight: 700;}
.sub_swiper_01 .text_area .t3{font-size: 19px; font-weight: 400; margin-top: 60px; line-height: 1.5;}
.sub_swiper_01 img{width: 100%; height: 100vh; object-fit: cover;}
/* 메인 sec1 swiper pagination */
.sub_swiper_01 .swiper-slide.swiper-slide-active p span{transform: translateY(0);}
.sub_swiper_01 .swiper-pagination{position: absolute; bottom: 30px; display: flex; width: auto; height: 12px; left: 50%; transform: translateX(-700px); z-index: 2;}
.sub_swiper_01 .swiper-pagination span:nth-child(1){margin-left: 0;}
.sub_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;}
.sub_swiper_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
/* 메인 sec1 swiper play & stop */
.sub_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;}
.sub_swiper_01 .btn_pause.on{background-image: url("../imgs/icon/icon_play.svg");}
/* 메인 sec1 swiper button */
.sub_swiper_01 .swiper-button-next, .sub_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;}
.sub_swiper_01 .swiper-button-next:after, .sub_swiper_01 .swiper-button-prev:after{content: ''; display: none;}
.sub_swiper_01 .swiper-button-prev{transform: translateX(-624px);}
.sub_swiper_01 .swiper-button-next{transform: translateX(-590px);}

.sub_swiper_01 .swiper-button-prev{background-image: url("../imgs/icon/arrow_prev.svg");}
.sub_swiper_01 .swiper-button-next{background-image: url("../imgs/icon/arrow_next.svg");}

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

.sub_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;}
.sub_swiper_01 .autoplay-progress svg {--progress: 0; 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);}


.sub_pc_only_img{display: inline-block !important;}
.sub_mobile_only_img{display: none !important;}


@media (max-width:1420px){	
	
	
	/* sub sec1 */
	
	.sub_swiper_01 .img_bg{height: 600px;}
	.sub_swiper_01 .swiper-pagination{left: 3%; transform: translateX(0);}
	.sub_swiper_01 .btn_pause{left: 3%; transform: translateX(44px);}
	.sub_swiper_01 .swiper-button-next, .sub_swiper_01 .swiper-button-prev{left: 3%;}
	.sub_swiper_01 .swiper-button-prev{transform: translateX(76px);}
	.sub_swiper_01 .swiper-button-next{transform: translateX(110px);}
	

}


@media (max-width:767px){
	.sub_swiper_01 .text_area{position: absolute; text-align: center; left: 50%; top: 32%; transform: translate(-50%,-50%); z-index: 1;width:500px;}
	.sub_swiper_01 .text_area .t0{font-size: 7.6vw;}
	.sub_swiper_01 .text_area .t3{font-size: 3.2vw; margin-top: 2.5vw;}
	.sub_swiper_01 .img_bg{height: auto;}
	.sub_pc_only_img{display: none !important;}
	.sub_mobile_only_img{display: inline-block !important;}
    
}

/* 토크 스타일 */

.talk_box {max-width: 800px; border-radius: 80px 80px 0px 80px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding: 20px; display: flex; align-items: center; gap: 15px; background-color: #fff;margin-bottom: 20px}
.talk_box img {width: 100px; height: 100px; border-radius: 50%; object-fit: cover;}
.talk_box b{font-size: 20px; font-weight: bold; margin: 0 0 5px;}
.talk_box p{font-size: 18px; color: #555; margin: 10px 0 10px;font-weight: 600;}
.talk_box span{font-size: 12px; color: #888;font-weight:500;}			
.talk_box .talk_right{margin-left: 40px;}
.talk_lay {padding: 20px;}

@media (max-width:767px){
    .talk_box {max-width: 800px; border-radius: 40px 10px 0px 40px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding: 20px; display: flex; align-items: center; gap: 15px; background-color: #fff;margin-bottom: 20px}
.talk_box img {width: 50px; height: 50px; border-radius: 50%; object-fit: cover;}
.talk_box b{font-size: 14px; font-weight: bold; margin: 0 0 5px;}
.talk_box p{font-size: 14px; color: #555; margin: 10px 0 10px;font-weight: 600;}
.talk_box span{font-size: 10px; color: #888;font-weight:500;}			
.talk_box .talk_right{margin-left: 40px;}
.talk_lay {padding: 20px;}
    .talk_lay {padding: 10px;}
    .talk_box { width:94%;padding: 10px 10px;gap: 10px;margin-bottom: 40px}
   .talk_box b{font-size: 14px; font-weight: bold; margin: 0 0 5px;} 
   .talk_box .talk_right{margin-left: 10px;} 
    
    
}



/* ===== 리안 소개 Grid 컨테이너 ===== */
.grid-2x4 { --gap:16px; --radius:0px; --pad:12px; margin-bottom: 160px;padding: 0 140px; }
.grid-2x4 * { box-sizing:border-box; }
.grid-2x4__list{
  list-style:none; margin:0; padding:0;
  display:grid; gap:var(--gap);
  grid-template-columns:repeat(4, minmax(0,1fr)); /* PC: 4칸 */
}
@media (max-width:768px){
  .grid-2x4__list{ grid-template-columns:repeat(2, minmax(0,1fr)); } /* 모바일: 2칸 */
    .grid-2x4 {padding: 20px; }
}

/* ===== 카드 ===== */
.card{
  display:flex; flex-direction:column;
  text-decoration:none; color:inherit;
  border:1px solid #eaeaea; border-radius:var(--radius);
  overflow:hidden; background:#fff;
  transition:transform .15s ease, box-shadow .15s ease;
}
.card:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.08); }

/* 썸네일 (16:9 비율 고정) */
.card__thumb{
  aspect-ratio: 4 / 5;   /* ← 세로를 더 키우려면 4/3, 1/1 등으로 변경 */
  overflow:hidden; position:relative; background:#f3f3f3;
}
.card__thumb::before{
  content:""; display:block; padding-top:56.25%; /* 16:9; 정사각형은 100% */
}
.card__thumb > img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;object-position:center;
}

/* 내용 영역 */
.card__body{ padding:20px;  height:120px;}
.card__title{
  margin:0 0 6px; font-size:20px; line-height:1.4; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
   
}
.card__desc{
  margin:0; font-size:16px; line-height:1.5; color:#555;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}




/* ===== Responsive Flex 4→2 cols ===== */
/* ===== 래퍼: 가로·세로 센터 + 사이즈 조절 ===== */
.wrap-center{
  width: var(--w, 100%);
  height: var(--h, auto);          /* 고정 높이 주고 중앙정렬 */
  margin: 0 auto;
  padding: 0px;
  display: flex;
  align-items: center;              /* 세로 중앙 */
  justify-content: center;          /* 가로 중앙 */
  box-sizing: border-box;
}

/* ===== 내부 컨테이너: 폭 고정(수축 방지) ===== */
.rgrid{ width:100%; max-width: var(--max, 1200px); }
.rgrid__list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap;
  margin-left:-12px; margin-right:-12px;   /* gutter */
  width:100%;                              /* ★ 부모폭 강제 */
}

/* PC 4칸 / 모바일 2칸 — 안정 버전(수식 없이 %) */
.rgrid__item{ width:25%; padding:12px; min-width:220px; } /* 너무 쪼그라듦 방지 */
@media (max-width: 768px){
  .rgrid__item{ width:50%; min-width:0; }
  .card__desc{font-size:16px;}

    .rgrid__list{
 
  margin-left:0px; margin-right:0px;   /* gutter */
                            /* ★ 부모폭 강제 */
}
}

/* 타일(16:9) */
.rgrid__box{
  position:relative; display:block; overflow:hidden; border-radius:16px;
  background:#b0b5ba center/cover no-repeat; text-decoration:none;
}
.rgrid__box::before{ content:""; display:block; padding-top:56.25%; } /* 16:9 */
@supports (aspect-ratio: 1 / 1){
  .rgrid__box::before{ content:none; }
  .rgrid__box{ aspect-ratio:16/9; }
}
.rgrid__box > span{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; background:rgba(0,0,0,.18);font-size: 22px;text-align: center;
    padding: 20px;
}

.rgrid__box b{color:#fffcc1;padding-bottom: 20px;line-height: 1.5}

.rgrid__box:hover > span{ background:rgba(0,0,0,.28); }

/* 배경이미지 예시(경로 교체) */
.bg-1{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-2{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-3{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-4{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-5{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-6{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-7{ background-image:url("/imgs/sub/icon_bg.jpg"); }
.bg-8{ background-image:url("/imgs/sub/icon_bg.jpg"); }









/* 스토리 warp */
.story_wrap > div{background: url("../imgs/line.jpg") repeat-y center; padding-bottom: 150px;}
.story_wrap ul{position: relative; display: flex; justify-content: space-around; margin-top: 150px;}
.story_wrap ul:nth-child(1){margin-top: 0;}
.story_wrap ul li{width: 40%;}
.story_wrap ul li:nth-child(1){margin-right: 3%;}
.story_wrap ul li:nth-child(2){margin-left: 3%;}
.img_cover img{width: 100%;}
.story_wrap ul li .img_cover{max-width: 375px;}
.story_wrap ul li img{border-radius: 10%;}
.story_wrap h3{font-family: 'Godo', sans-serif; font-size: 35px; line-height: 1.3; margin-bottom: 10px;}
.story_wrap h3:after{content: ''; position: absolute; width: 74px; height: 74px; background: #ECECEC; border-radius: 50%; left: 50%; margin-left: -37px; z-index: 1;}
.story_wrap h3:before{content: ''; position: absolute; width: 34px; height: 34px; background: #8e8774; border-radius: 50%; left: 50%; margin-left: -17px; top: 20px; z-index: 2;}
.story_wrap .serifType span{font-family: 'NotoSans', sans-serif; display: block; font-size: 40px; font-weight: 400;}
.story_wrap .img_tag{display: block;margin-top: 20px;text-align: center;font-size: 16px;line-height: 1.5;}


@media (max-width: 768px){
.history_wrap > div{padding-bottom: 150px; padding-top: 90px;}
	.story_wrap ul{flex-wrap: wrap; margin-top: 140px; background: #fff; flex-direction:column-reverse;}
	.story_wrap ul:nth-child(1){margin-top: 0;}
	.story_wrap ul li{width: 100%; text-align: center;}
	.story_wrap ul li:nth-child(1){margin-right: 0; margin-bottom: 20px;}
	.story_wrap ul li:nth-child(2){margin-left: 0; margin-bottom: 10px;}
	.story_wrap ul li .img_cover{max-width: 330px; margin: 0 auto;}
	.story_wrap h3{font-size: 30px; margin-bottom: 0; padding: 20px 0;}
	.story_wrap h3:after{content: ''; width: 60px; height: 60px; margin-left: -30px; top: -100px;}
	.story_wrap h3:before{content: ''; width: 30px; height: 30px; margin-left: -15px; top: -85px;}
	.story_wrap p{padding: 10px 0;}
    .rgrid__box > span{font-size: 16px;}
}





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

/* 텍스트 칼럼 중앙정렬 */
.sub_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/sub/s01/s11_bg.jpg") no-repeat center/cover;
  color: #fff;
  height: 952px;        
  gap: 10px;       

}

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

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

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

  .sub_greet_img_lays{margin-top: 0px;}
  .sub_greet_img_lays img{border-radius: 0;}
  .sub_greet_img_lays ul{
    flex-wrap: wrap;
    margin-top: 40px;       /* 80px → 40px로 완충 */
    align-items: stretch;   /* 모바일에선 각 li가 자체 높이로 */
  }
  .sub_greet_img_lays ul li{width: 100%;}
  .sub_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;
  }
  .sub_greet_img_lays ul.reverse_lays li{padding-right: 0;}

  .sub_greet_img_lays .gp_01{font-size: 40px;}
  .sub_greet_img_lays .gp_02{font-size: 20px;}
  .sub_greet_img_lays .gp_03{font-size: 16px;}
}

/* sub_box */
.sub_box {display: flex; align-items: center;justify-content: center; text-align: center; border-radius: 0px;overflow: hidden;}
.sub_box h3{font-size: 36px;font-weight: 600;color:#fffcc1;padding: 60px 0px;}
.sub_box ul{width: 100%;max-width: 1400px;}
.sub_box p{font-size: 16px;font-weight: 500;color:#b5b49e;padding: 60px 0px 80px;line-height: 1.4;}
.sub_box img{width: 100%;border-radius: 0px;}
.sub_box b{color:#797255;font-weight: 600;}







/* ===== 예약 섹션 스타일 ===== */
.reservation_box{width:100%; margin: 0px auto; color:white;background:#eee url("/imgs/sub/s01/reservation_bg.jpg") center/cover no-repeat; border-radius: 2em; padding: 60px 100px;}

.reserve-hero::after{
  /* 좌측 가독성용 소프트 비네트 */
  content:""; position:absolute; inset:0;
 
  pointer-events:none;
}
.reserve-hero__inner{ position:relative; z-index:1; max-width:980px; }
.reserve-hero__title{ margin:0 0 18px; font-size:44px; font-weight:800; letter-spacing:.2px; }

/* 폼 레이아웃 */
.reserve-hero__form{
  display:grid;
  grid-template-columns: 1fr 1fr 280px; /* 좌 2열 + 버튼 열 */
  grid-template-rows: auto auto auto;
  gap:16px 16px; align-items:center; max-width:1200px;
}

.rh-field{ position:relative; }
.rh-field input, .rh-field select{
  width:100%; border:none; outline:none; border-radius:10px;
  background:#fff; color:#222; font-size:16px;
  padding:14px 14px; box-shadow:0 8px 24px rgba(0,0,0,.1);
}
.rh-select select{ appearance:none; padding-right:28px; }
.rh-select::after{
  content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%);
  border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid #666;
}

/* 제출 박스 */
.rh-submit{
  grid-row: 1 / span 2; grid-column: 3;
  display:flex; align-items:center; justify-content:center;
}
.rh-btn{
  width:100%; height:100%; min-height:96px;
  border:none; border-radius:16px;
  background:#FF8000; color:#fff; font-weight:800; font-size:18px;
  box-shadow:0 14px 36px rgba(0,0,0,.35);
  cursor:pointer; transition:filter .15s, transform .1s;
}
.rh-btn:hover{ filter:brightness(1.05); }
.rh-btn:active{ transform:translateY(1px); }

/* 동의 영역 */
.rh-agree{
  grid-column: 1 / -1; grid-row: 5;
  display:flex; flex-direction:column; gap:8px; color:#e9e9e9; font-size:14px;
}
.rh-check{ display:flex; align-items:center; gap:8px; }
.rh-check input{ width:18px; height:18px; }
.rh-link{ background:none; border:none; color:#fff; text-decoration:underline; cursor:pointer; padding:0; opacity:.9 }
.rh-link:hover{ opacity:1 }

/* 허니팟 */
.rh-hp{ position:absolute !important; left:-9999px !important; opacity:0 !important; }

/* 반응형 */
@media (max-width:960px){
  .reserve-hero__title{ font-size:36px; }
  .reserve-hero__form{ grid-template-columns: 1fr 1fr; }
  .rh-submit{ grid-column: 1 / -1; grid-row:auto; }
  .rh-btn{ min-height:56px; }
}
@media (max-width:768px){
  .reserve-hero{ padding:26px 18px; border-radius:22px; background-position:center, 60% center; }
  .reserve-hero__title{ font-size:28px; }
  .reserve-hero__form{ grid-template-columns: 1fr; }
  .rh-submit{ grid-column: 1; }
  .reservation_box{width:100%;padding: 20px 20px;border-radius: 0px;}
}

/* ==== Modal (보기 팝업) ==== */
.rh-modal{
  position:fixed; inset:0; display:grid; place-items:center;
  background:rgba(0,0,0,.55); backdrop-filter:blur(3px);
  z-index:3000; padding:20px;
}
.rh-modal[hidden]{ display:none; }

.rh-modal__box{
  width:min(720px, 100%); max-height:80vh; overflow:hidden;
  background:#fff; color:#222; border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  transform:scale(.98); opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}
.rh-modal.open .rh-modal__box{ transform:scale(1); opacity:1; }

.rh-modal__head{ display:flex; align-items:center; justify-content:space-between;
  padding:18px 20px; border-bottom:1px solid #eee; }
.rh-modal__head h3{ margin:0; font-size:18px; font-weight:800; color:#6d6a4b; }
.rh-modal__close{ border:none; background:#111; color:#fff; width:32px; height:32px; border-radius:8px; cursor:pointer; }
.rh-modal__body{ padding:18px 20px; overflow:auto; line-height:1.7; }
.rh-modal__body p{ margin:0 0 10px; }
.rh-modal__foot{ padding:14px 20px; border-top:1px solid #eee; display:flex; justify-content:flex-end; gap:10px; }
.rh-btn-outline{ border:1px solid #ddd; background:#fff; color:#111; padding:10px 14px; border-radius:10px; cursor:pointer; }

@media (max-width:768px){
  
  .rh-modal__box{ width:100%; border-radius:20px; max-height:85vh; }
}



/* 서브 sec */

.sub_section.sec1{width: 100%;padding: 160px; }
.sub_section.sec1{background:#eee url("/imgs/sub/stone_bg.jpg") center/cover no-repeat; padding: 140px 100px;}


.sub_section.sec3{width: 100%;padding: 160px; }
.sub_section.sec3{background:#f5f5f5; padding: 140px 100px;}

@media (max-width:768px){
 .sub_section.sec1{width: 100%;padding: 0px; }
 .sub_section.sec3{width: 100%;padding: 20px; }

}



.mobile-only {
  display: none;
}

.pc-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile-only {
    display: inline;
  }
}



/* ================================
   sub_greet_img_lays : Flex → Grid
   (기존 스타일 위에 이 블록만 추가)
   ================================ */

/* 컨테이너 기본 */
.sub_greet_img_lays{margin-top:0;}
.sub_greet_img_lays ul{
  /* 기존 flex 대체 */
  display:grid;
  grid-template-columns: 1fr 1fr;   /* 1:1 두 칼럼 */
  align-items:center;                /* 세로 정렬 */
  gap:0;                             /* 필요시 24~40px 등으로 조절 */
  margin-top:0;                      /* 기존 첫 요소 여백 제거 유지 */
}
.sub_greet_img_lays ul li{
  width:auto;                        /* 기존 50%는 그리드에서 불필요 */
}

/* 이미지 칼럼 */
.sub_greet_img_lays img{width:100%; border-radius:0; display:block;}

/* 텍스트 칼럼 (좌측 패딩/배경/톤/중앙 정렬 그대로) */
.sub_greet_img_lays ul li:nth-child(2){
  display:grid;                      /* 중앙 정렬을 grid로 */
  grid-auto-rows: min-content;
  align-content:center;              /* 세로 중앙 */
  justify-items:start;               /* 가로 좌측(align-items:left → start) */
  text-align:left;

  background: url("../imgs/sub/s01/s11_bg.jpg") no-repeat center/cover;
  color:#fff;

  height:952px;                      /* 네 값 그대로 유지 */
  gap:10px;                          /* 요소 간 간격 */
 
}

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

/* 1420 이하: 좌측 패딩 축소 + 높이 보정(네 값 유지) */
@media (max-width:1420px){
  .sub_greet_img_lays ul li:nth-child(2){
    padding-left:30px;
    min-height:460px;
    height:auto;                     /* 너무 큰 고정높이 완충 (원하면 지워도 OK) */
  }
}

/* 모바일: 1열 스택 + 가운데 정렬 (네 값 유지/보강) */
@media (max-width:767px){
  /* 회사소개 타이틀 (기존 유지) */
  .sub_greet_title h3{font-size:35px;}
  .sub_greet_title .gpt_01{font-size:21px; margin-top:7px;}
  .sub_greet_title .gpt_02{font-size:15px; margin-top:3px;}

  .sub_greet_img_lays{margin-top:0;}
  .sub_greet_img_lays img{border-radius:0;}

  .sub_greet_img_lays ul{
    grid-template-columns:1fr;       /* 1열 */
    margin-top:40px;                 /* 네 완충값 유지 */
    align-items:stretch;
  }
  .sub_greet_img_lays ul li{width:100%;}
  .sub_greet_img_lays ul li:nth-child(2){
    padding-left:0;
    padding:30px 20px;
    margin-top:0;
    justify-items:center;            /* 가로 중앙 */
    text-align:center;
    min-height:auto;
    height:auto;
    gap:8px;
  }
  .sub_greet_img_lays .gp_01{font-size:40px;}
  .sub_greet_img_lays .gp_02{font-size:20px;}
  .sub_greet_img_lays .gp_03{font-size:16px;}
}

/* 옵션: 데스크톱에서 좌우 순서 바꾸고 싶으면
   ul에 .reverse_lays 클래스를 추가하면 순서 반전 */
.sub_greet_img_lays ul.reverse_lays > li:first-child{order:2;}
.sub_greet_img_lays ul.reverse_lays > li:nth-child(2){order:1;}



/* --- Layout base --- */
.tour { padding: clamp(12px, 3vw, 24px); margin-bottom: 200px; }
.tour .in {
  max-width: 1200px; margin: 0 auto;
  display: grid; gap: 18px;  
}

/* --- Viewer --- */
.viewer {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #f5f5f7;
  box-shadow: 0 6px 24px rgba(0,0,0,.06);
  /* 21:9 근사 비율, 이미지 비율 따라 조정 가능 */
  aspect-ratio: 21 / 9;
}
.viewer__img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

/* 좌우 네비게이션 */
.nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  border: none; background: rgba(255,255,255,.85);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  cursor: pointer;
}
.nav:hover { background: #fff; }
.nav:before {
  content: ""; display: block; width: 100%; height: 100%;
  -webkit-mask: url('/imgs/marrow_r.png') center / 40% 40% no-repeat;
  mask: url('/imgs/marrow_r.png') center / 40% 40% no-repeat;
  background: #111;
}
.nav.prev { left: 10px; }
.nav.next { right: 10px; }
.nav.prev:before { transform: scaleX(-1); }

/* 상단 라벨 배지 */
.viewer .badge{
  position: absolute; left: 16px; top: 16px;
  font-size: 14px; line-height: 1; padding: 10px 14px;
  color: #fff; background: #9aa071; border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

/* --- Thumbs --- */
.thumbs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.thumb {
  position: relative;
  border: none; padding: 0; cursor: pointer;
  border-radius: 14px; overflow: hidden; background: none;
  outline: 2px solid transparent; outline-offset: 2px;
}
.thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.thumb:is(:hover, :focus-visible) { outline-color: #c7cab0; }
.thumb.is-active { outline-color: #9aa071; }

/* --- Responsive --- */
@media (max-width: 920px){
  .viewer { aspect-ratio: 16 / 9; }
  .thumbs { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 640px){
  .thumbs { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .nav { width: 38px; height: 38px; }
  .viewer .badge{ font-size: 12px; padding: 8px 10px; }
    .tour { padding: clamp(12px, 3vw, 24px); margin-bottom: 100px; }
}


.img_area img{width: 500px;height: auto;padding: 20px}
@media (max-width:767px){
  .img_area img{width: 500px;height: auto;padding:40px}      
    
}


/* footer-online */
.footer-online {
	position: fixed; bottom:0; left:0;
	z-index: 10000;
	padding:25px 0;
	width:100%;
	background:rgba(45,38,38,.90);
}
.footer-online .footer-online-inner {
	display: flex;
    justify-content: space-between;
	align-items:center;
	margin:0 auto;
	max-width:1360px;
}
.footer-online .footer-online-inner dl {
	display: flex;
	align-items:center;
}
.footer-online .footer-online-inner dl dt {
	margin-right: 10px;
	font-weight: 500; font-size: 20px;
	
	color:#fff;
	word-break:keep-all;
	opacity: .7;
}
.footer-online .footer-online-inner dl dd a {
	font-weight: 700; font-size: 36px;
	font-family:'Outfit', sans-serif;
	color: #fff;
	letter-spacing: 0;
	word-break:keep-all;
}
.footer-online .footer-online-inner dl dt strong {
	font-weight: 500;
	color: #fdc646;
}
.footer-online .footer-online-inner .input-wrap {
	display: flex;
	align-items:center;
}
.footer-online .footer-online-inner .input-wrap li {
	margin-left: 18px;
}
.footer-online .footer-online-inner .input-wrap li select ,
.footer-online .footer-online-inner .input-wrap li input[type="text"] {
	width:100%; min-width:155px; max-width:155px; height: 44px;
	border:0 none;
	border-bottom:1px solid rgba(176,176,176,.7);
	background: none;
	font-weight: 400; font-size: 14px;
	color: #fff;
}
.footer-online .footer-online-inner .input-wrap li select option {
	color: #000;
}
.footer-online .footer-online-inner .input-wrap li:last-child {
	flex-shrink:0;
	margin-top: auto;
}
.footer-online .footer-online-inner .input-wrap li:last-child label {
	margin-left: 10px;
	font-weight: 300; font-size: 13px;
	color: #e0e0e0;
}
.footer-online .footer-online-inner .btn-wrap {
	margin-left: 20px;
	width:150px;
}
.footer-online .footer-online-inner .btn-wrap button {
	width:100%; height:40px;
	border-radius:20px;
	border:0 none;
	background: var(--one-gradient);
	font-weight: 500; font-size: 18px;
	color: #fff;	
}

@media screen and (max-width: 1360px) {
	.footer-online .footer-online-inner {
		padding:0 30px;
	}
	.footer-online .footer-online-inner dl dt strong {
		display: block;
	}
	.footer-online .footer-online-inner .input-wrap li select, 
	.footer-online .footer-online-inner .input-wrap li input[type="text"] {
		min-width:auto;
	}
}
@media screen and (max-width: 1024px) {
	.footer-online .footer-online-inner {
		flex-wrap:wrap;
	}
	.footer-online .footer-online-inner dl {
		width:100%;
	}
	.footer-online .footer-online-inner dl dt strong {
		display: inline;
	}
	.footer-online .footer-online-inner .input-wrap {
		width:calc(100% - 170px);
	}
	.footer-online .footer-online-inner .input-wrap li {
		width:calc(33.333% - 10px);
	}
	.footer-online .footer-online-inner .input-wrap li:first-of-type {
		margin-left: 0;
	}
	.footer-online .footer-online-inner .input-wrap li:last-child {
		position: absolute; top:40px; right:30px;
		text-align:right;
	}
	.footer-online .footer-online-inner .input-wrap li select, 
	.footer-online .footer-online-inner .input-wrap li input[type="text"] {
		max-width:100%;
	}
}
@media screen and (max-width: 767px) {
	.footer-online {
		padding:17px 0;
	}
	.footer-online .footer-online-inner {
		padding:0 20px;
	}
	.footer-online .footer-online-inner dl dt {
		margin-right: 7px;
		font-size: 16px;
	}
	.footer-online .footer-online-inner dl dd a {
		font-size: 24px;
	}
	.footer-online .footer-online-inner .input-wrap {
		width:100%;
	}
	.footer-online .footer-online-inner .input-wrap li:last-child {
		top:auto; bottom:65px;
	}
	.footer-online .footer-online-inner .btn-wrap {
		margin:40px 0 0;
		width:100%;
		text-align:right;
	}
}

.mobile_br{
    display:none;
}

@media (max-width:768px){

    .mobile_br{
        display:block;
    }

}