/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
    font-family: 'Somi';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Somi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MapoFlowerIsland';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SeoulHangang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
*{margin:0;padding:0;}
a,span,div,button,input,label,tr,td,th,table,caption,h1,h2,h3,h4,h5,h6,em,strong,b,p,ul,li{color:#231815;}
a{text-decoration:none;}
ul,li{list-style:none;}

html {
  scroll-behavior: smooth;
}
html::-webkit-scrollbar {
  display: none;
}

.wrapper{overflow:visible;}
.basic-body{padding:0;}
.basic-body-main{padding:0;}
.basic-body-main.left-main{width:100% !important;}
.main-con{width:100%;max-width:100%;padding-right:0;padding-left:0;}
.header-wrap{position:fixed;left:0;right:0;border-bottom:0;background:transparent;}
/* .header-wrap.active{background:rgba(255,255,255,.5)}
{color:#562412} */
.header-title{border-bottom:0;}
.header-title .title-logo img{height:43px;}
.header-con{max-width:90%;align-items:center;justify-content:space-between;}
.main-wrap{margin-left:0;margin-right:0;}
.navbar-nav{width:650px;justify-content:space-between;}
.navbar-nav>li>.nav-link{color:#fff;}
.navbar-nav>li>.nav-link:hover{color:#fff;}
.eb-backtotop{display:none;}


.footer{background:#231815;height:350px;padding:30px 0;z-index:9;}
.footer-con{display:flex;max-width:70%;justify-content:space-between;align-items:center;}
.footer-top img{height:43px;}
.footer-cont-info{text-align:left;margin-top:0;}
.footer-cont-info span{font-size:17px;color:#fff;}
.footer-copyright{text-align:left;font-size:17px;color:#fff;}
.footer-cont-info strong{font-size:17px;color:#fff;}
.footer-last li{padding:15px 0;border-bottom:1px solid #fff;}
.footer-last a{display:flex;width:300px;height:40px;align-items:center;justify-content:space-between;}
.footer-last a span{font-size:22px;color:#fff;}
.footer-last a img{height:40px;}

.header-call strong{font-size:22px;color:#fff;}

.menu-btn{width: 34px;height: 21px;position: relative; display: block; cursor:pointer; z-index:1;}
.menu-btn span{overflow: hidden;background: #70492f;display: block;opacity: 1;
 transition: all 0.3s;width: 30px;height: 30px;background: url("../image/main/slide-open.png") no-repeat center center/contain; cursor:pointer;}


.opacity{width:100%;height:100%; background: #000;display: none; position: fixed;	left:0; top:0; z-index:2; opacity:0.2}
.opacity.open{display: block;}
.opacity.close{display: none;}
.overlay {width: 25%;height: 100%;background: #fff9f5;box-shadow: 9px 6px 8px 0px rgb(0 0 0 / 25%);position: fixed;top: 0;right: 0;opacity: 0;z-index: 3;visibility: hidden;display: flex;align-items: center;}
.overlay.open {opacity: 1;visibility: visible;transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.overlay.close{opacity:0;}
.overlayContent a{color:#231815 !important;}
.overlay .overlay-logo{width:100%; text-align: center;}
.overlay .overlay-tit{height: 80px;position: relative;}	
.overlay .overlay-tit .overlay-close{position: absolute;bottom: 10px;right: 30px; width: 50px;height: 50px;background: url("../image/main/slide-close.png") no-repeat center center/contain; cursor:pointer;}
.overlay .overlay-sns{text-align: center;margin: 30px 0; display: flex; align-content: center; gap:15px; justify-content: center;}
.overlay .overlay-sns img{height:38px;}
.overlay .overlay-content{ position: relative;margin-top: 70px;padding: 0 70px;box-sizing: border-box;}
.overlay .overlay-content span{	display: block;font-size: 18px;line-height: 30px;color:#231815 !important;font-weight: 500;}
.overlay .overlay-content a{display: inline-block;font-size: 30px;font-weight: 800;line-height: 36px;color:#231815 !important;margin-top: 5px;}	
.overlay .overlay-content a i{font-size: 24px;margin-right: 10px;color: #231815;}
.overlay .overlay-content > p{display: block;font-size: 14px;line-height: 24px;color:#231815 !important;margin-top: 20px;}


.overlay li {color:#231815 !important; font-size: 28px;font-weight: bold;text-decoration: none;display: block;padding:10px 0;opacity: 1;overflow: hidden;}
.overlayContent{height:100%;}
.overlayContent .overlay-in{ padding:70px;}
.overlayContent .main-menu{display:inline-block;width:100%;align-items:center;justify-content:space-between;flex-direction:column;position:relative;padding:0 3%;}
.overlayContent .main-menu:last-child{border-right:0;}
.overlayContent .main-menu > span{display: block; cursor:pointer;line-height: 60px;font-size: 22px;letter-spacing: -1px;color:#231815;font-weight: 500; text-decoration: none;
box-sizing: border-box;padding-right: 20px; display: flex;justify-content: space-between;align-items: center;font-weight:600;}
.overlayContent .main-menu > span i{font-size: 18px;color:#7f8080;}
.overlayContent .sub-menu{display:flex;width:100%;justify-content:space-between;flex-direction:column; display: none; padding:10px;}
.overlayContent .sub-menu.active{color:#db834d !important;font-weight:700;}
.overlayContent .sub-menu li{opacity:1;margin-left:0;margin-bottom:0;}
.overlayContent .sub-menu li a{color:#2a2b2b;font-size:18px;display:block;font-weight:400;}
.overlayContent .sub-menu li a:hover{color:#db834d !important;font-weight:700;}
.overlayContent .mini-ul li.mini-li{padding:10px 0 0;}
.overlayContent .mini-ul li a{font-size:15px;padding-left:10px;}

.footer_top{display:none;position:fixed; width:125px;height:60px; background:#fff; bottom:0px; right:20px;border-radius: 20px 20px 0 0; text-align:center;line-height:60px;color:#231815 !important;font-weight:bold;font-size:20px;cursor:pointer;z-index:10;}
.footer_top.active{display:block;}

.side_site_quick    {
    position: fixed;
    color: white;
    z-index: 100;
   left: -150px;
    top: 57%;
    transform: rotate(90deg);
    transform-origin: right;
}
.side_site_quick ul {
    display: flex;
}
.side_site_quick li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: 15px;
    cursor: pointer;
}
.side_site_quick p  {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: none;
    color: #737373;
}
.side_site_quick li.active p   {
    display: block;
}
.side_site_quick li div::after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: white;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.3s;
}
.side_site_quick li.active div::after{
    width: 10px;
    height: 10px;
    background: #D9D9D9;
    opacity: 1;
}
.side_site_quick li.active#dark div  {
    background: rgba(217, 217, 217, 0.4);
}
.side_site_quick li.active#dark div::after  {
    background: #737373;
}
.side_site_quick div{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 0.5px solid #231815;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
	background:#231815
}
.side_site_quick li.active div  {
    width: 16px;
    height: 16px;
    background: rgba(217, 217, 217, 0.3);
    border: 0px;
}

.modal.fade .modal-dialog{width:500px;}
.modal.fade .modal-dialog #counsel-iframe{height:430px !important;}
.modal.fade .modal-dialog .modal-content{border-radius:15px;border:5px solid #231815;}
.sub-counsel{padding:0 !important;}
.sub-counsel .counsel-wrap .counsel-title h3{color:#231815 !important;font-weight:500;text-align:center;font-size:32px;}
.sub-counsel .counsel-wrap .counsel-title p{color:#231815 !important;text-align:center;}
.sub-counsel .counsel-wrap label{color:#231815 !important;font-size:17px;}
.sub-counsel .eyoom-form footer{background:transparent;padding:0;border-top:0;}
.sub-counsel  .eyoom-form fieldset{background:transparent;padding:0;}
.sub-counsel .eyoom-form fieldset label{font-size:13px;color:#3e2b2c;}
.sub-counsel .eyoom-form .row{align-items:center;margin:0;}
.sub-counsel .eyoom-form .input input{border-color:transparent;background:#f4f4f4;border-radius:10px;height:45px;margin:1% 0;}
.sub-counsel .eyoom-form .input:hover input,.sub-counsel .eyoom-form .select:hover select,.sub-counsel .eyoom-form .textarea:hover textarea{border-color:transparent;}
.sub-counsel .eyoom-form .input input:focus,.sub-counsel .eyoom-form .select select:focus,.sub-counsel .eyoom-form .textarea textarea:focus{border-color:transparent !important;}
.sub-counsel .eyoom-form button{font-size:15px;width:100%;height:40px;border-radius:50px;background:#231815;border:2px solid #231815;}
.sub-counsel .eyoom-form button:hover{background:#fff;color:#231815 !important;}
.sub-counsel .col-3:nth-child(1){border-right:1px dashed #ccc;}
.sub-counsel .col-3:nth-child(2){border-right:1px dashed #ccc;}
.sub-counsel .cs-agree-box{display:none;}
.sub-counsel input[type=text],.main-counsel input[type=number]{font-size:17px;color:#231815 !important;}
.sub-counsel .counsel-wrap .eyoom-form fieldset{text-align:left;margin-bottom:3%;}
.modal-last{width:95%;margin:0 auto;} 
.modal-last span,.modal-last p{color:#231815 !important;font-size:16px;}
.modal-last span{font-weight:500;}
.btn-close{background:url("../image/main/btn-close.png") center center/ contain;opacity:1;height:35px;width:35px;padding:0 !important;margin-top:5px !important;}

.counsel-btn{background:#000;width:60px;height:60px;line-height:60px;font-size:30px;bottom:30px;display:none;}
.counsel-btn i{font-size:30px;}
.footer-counsel{padding:20px 0;height:90px;background:#231815;position:fixed;left:0;right:0;bottom:0;z-index:2;}
.footer-counsel .eyoom-form footer{background:transparent;padding:0;border-top:0;display:flex;align-items:center;}
.footer-counsel  .eyoom-form fieldset{background:transparent;padding:0;}
.footer-counsel .eyoom-form fieldset label{font-size:15px;color:#fff;}
.footer-counsel .eyoom-form .row{align-items:center;justify-content:space-between;margin:0;width:90%;margin:0 auto;}
.footer-counsel .eyoom-form label{font-size:16px;margin-bottom:0;margin-right:20px;color:#fff;}
.footer-counsel .eyoom-form .input{margin-bottom:0;}
.footer-counsel .eyoom-form .input input{border-color:transparent;background:#3e322f;color:#fff;font-size:16px;width:300px;}
.footer-counsel .eyoom-form .input input::placeholder{color:#fff;}
.footer-counsel .eyoom-form .input:hover input,.sub-counsel .eyoom-form .select:hover select,.sub-counsel .eyoom-form .textarea:hover textarea{border-color:transparent;}
.footer-counsel .eyoom-form .input input:focus,.sub-counsel .eyoom-form .select select:focus,.sub-counsel .eyoom-form .textarea textarea:focus{border-color:transparent !important;}
.footer-counsel .eyoom-form button{font-size:16px;width:250px;height:40px;background:#fff;color:#231815 !important;border-color:#231815;}
.footer-counsel .eyoom-form button:hover{border:1px solid #fff;background:#231815;color:#fff !important;}
.footer-counsel .col-3{display:flex;align-items:center;}
.footer-counsel .cs-agree-box{display:none;}
.footer-counsel input[type=text],.main-counsel input[type=number]{font-size:20px;}
.footer-counsel .counsel-wrap .eyoom-form fieldset{text-align:left;margin-bottom:0;}

 .fab {
	 position: fixed;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 transform-origin: center;
	 transition: 0.25s;
	 z-index:10;
}
.fab.active .fabTrigger {
	 transform: scale(1);
}
 .fab.active .fabTrigger .icon {
	 background: transparent;
	 transition: background 0.3s ease;
}
 .fab.active .fabTrigger .icon, .fab.active .fabTrigger .icon:before, .fab.active .fabTrigger .icon:after {
	 height: 3px;
}
 .fab.active .fabTrigger .icon:before, .fab.active .fabTrigger .icon:after {
	 width: 20px;
	 transform-origin: 50% 50%;
	 transition: all 100ms ease, width 100ms 100ms ease, transform 300ms 200ms cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
 .fab.active .fabTrigger .icon:before {
	 left: 50%;
	 transform: translateX(-50%) rotate(45deg);
}
 .fab.active .fabTrigger .icon:after {
	 right: 50%;
	 transform: translateX(50%) rotate(-45deg);
}
 .fab.active .fabNav a {
	 opacity: 1;
	 visibility: visible;
	 transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}
 .fab .fabTrigger {
	 position: relative;
	 z-index: 1;
	 width: 60px;
	 height: 60px;
	 color: #fff;
	 cursor: pointer;
	 outline: none;
	 border: 0;
	 border-radius: 100px;
	 background: #fff;
	 transform: scale(0.675);
	 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(108, 46, 185, 0.2);
	 transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}
 .fab .fabTrigger .icon {
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 transition: background 0.3s ease;
}
 .fab .fabTrigger .icon, .fab .fabTrigger .icon:before, .fab .fabTrigger .icon:after {
	 position: absolute;
	 display: block;
	 background: #000;
	 width: 6px;
	 height: 6px;
	 border-radius: 10px;
}
 .fab .fabTrigger .icon:before, .fab .fabTrigger .icon:after {
	 content: '';
	 transition: all 100ms ease, right 100ms 100ms ease, left 100ms 100ms ease;
}
 .fab .fabTrigger .icon:before {
	 left: -11px;
	 transform: translateX(-50%);
}
 .fab .fabTrigger .icon:after {
	 right: -11px;
	 transform: translateX(50%);
}
 .fab .fabNav {
	 display: flex;
	 align-items: center;
}
 .fab .fabNav a {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 0 12px;
	 width: 40px;
	 height: 40px;
	 font-family: 'Noto Sans', sans-serif;
	 outline: none;
	 border: 0;
	 text-decoration: none;
	 border-radius: 100px;
	 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(108, 46, 185, 0.2);
	 opacity: 0.0001;
	 visibility: hidden;
	 will-change: transform;
	 transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}
 .fab .fabNav a:before {
	 content: "";
	 position: absolute;
	 z-index: -1;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border-radius: 100%;
	 background-color: #fff;
	 transition: 0.25s;
}
 .fab .fabNav a i {
	 color: #000;
	 transition: 0.25s;
}
 .fab .fabNav a:hover:before {
	 background-color: #000;
}
 .fab .fabNav a:hover i {
	 color: #fff;
}
 .fab .fabNav a:hover .fabTooltip {
	 opacity: 1;
	 visibility: visible;
}
 .fab .fabTooltip {
	 position: absolute;
	 z-index: -2;
	 padding: 5px;
	 color: #fff;
	 font-size: 12px;
	 border-radius: 5px;
	 background: rgba(0, 0, 0, 0.8);
	 opacity: 0;
	 visibility: hidden;
	 cursor: default;
	 pointer-events: none;
	 transition: 0.5s;
}

 .fabVertical {
	 flex-direction: column;
	 bottom: 2cm;
	 right: 15px;
}
 .fabVertical.active .fabNav.fabNav--left a {
	 left: 0;
	 transform: scale(1) translateX(0);
}
 .fabVertical.active .fabNav.fabNav--right a {
	 right: 0;
	 transform: scale(1) translateX(0);
}
 .fabVertical .fabTrigger {
	 margin: 12px 0;
}
 .fabVertical .fabNav {
	 flex-direction: column;
}
 .fabVertical .fabNav a {
	 margin: 12px 0;
}
 .fabVertical .fabNav a:hover .fabTooltip {
	 right: calc(100% + 10px);
	 transform: translate(0, -50%) scale(1);
}
 .fabVertical .fabNav.fabNav--left a {
	 left: 0;
	 transform: scale(0.8) translateY(10px);
}
 .fabVertical .fabNav.fabNav--left a:nth-child(1) {
	 transition-delay: 0.3s;
}
 .fabVertical .fabNav.fabNav--left a:nth-child(2) {
	 transition-delay: 0.2s;
}
 .fabVertical .fabNav.fabNav--left a:nth-child(3) {
	 transition-delay: 0.1s;
}
 .fabVertical .fabNav.fabNav--right a {
	 left: 0%;
	 transform: scale(0.8) translateY(-10px);
}
 .fabVertical .fabNav.fabNav--right a:nth-child(1) {
	 transition-delay: 0.1s;
}
 .fabVertical .fabNav.fabNav--right a:nth-child(2) {
	 transition-delay: 0.2s;
}
 .fabVertical .fabNav.fabNav--right a:nth-child(3) {
	 transition-delay: 0.3s;
}
 .fabVertical .fabTooltip {
	 top: 50%;
	 right: 0;
	 transform-origin: center right;
	 transform: translate(0, -50%) scale(0);
}
 

.section {width:100%;height:100vh;/*padding:30px;*/ box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;}
.section .title{text-align:center;/* position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);width:100%; */padding-top:12%;}
.section .title h1{font-size:54px;margin:0 auto;padding:1% 0;color:#fff;font-weight:600;font-family: 'MapoFlowerIsland';}
.section .title h2{font-size:45px;padding:2% 0 1%;font-weight:700;color:#fff;font-family: 'MapoFlowerIsland';}
.section .title p{font-size:20px;padding:1% 0 1.5%;color:#fff;width:30%;margin:2% auto 0;word-break:auto-phrase;}
.section .title p strong{color:#fff;}
.section .title > strong{display:block;font-size:27px;padding:10px 0;color:#fff;}
.section .title > img{padding-top:5%;}
.section .title .a-box{display:flex;justify-content:center;margin-top:30px;}
.section .title .a-box a{font-size:18px;border:1px solid #fff;display:flex;width:200px;height:40px;align-items:center;justify-content:space-evenly;margin:0 1%;}
.section .title .a-box a span{color:#fff;}
.section .title .a-box a:hover {background:#231815;}
.section .title .a-box a:hover img{transform:translateX(15px);}
.section .title .a-box a img{height:32px;transition:all .36s;}

/* .section .bg-video {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;opacity: 1;filter:brightness(0.7);}
.section .bg-video__content {height: 100%;width: 100%;object-fit: cover; // background-size: cover;} */

#section01{background-image:url("../image/main/section01-bg.jpg"); position: relative;}
#section01 .title h1{font-size:54px;/*width:30%;*/margin:0 auto;padding:1% 0;color:#fff;font-weight:600;font-family: 'MapoFlowerIsland';}
#section01 .title p{width:70%;}

#section02{background-image:url("../image/main/section02-bg.jpg"); position: relative;}

#section03{background-image:url("../image/main/section03-bg.jpg"); position: relative;}

#section04{background-image:url("../image/main/section04-bg.jpg"); position: relative;}

#section05{background-image:url("../image/main/section03-bg.jpg"); position: relative;}

/* =========================
   THE BIIN — Glass Morphic Layout
   (append below your existing CSS)
   ========================= */
:root{
  --gold1:#f2d7aa; --gold2:#dcb277;
  --g-bg: rgba(255,255,255,.10);
  --g-line: rgba(255,255,255,.26);
  --g-soft: rgba(255,255,255,.06);
  --g-blur: 14px;
}

/* 안전 가드 & 깨짐 방지 */
.section .title.gms, .section .title.gms *{ box-sizing:border-box; }
.section .title.gms p{ width:auto !important; max-width:min(780px,92vw); margin:12px auto 0; color:#f6f6f6; }

/* 타이틀 글라스 컨테이너 (배경 살리면서 밝게) */
.section .title.gms{ position:relative; z-index:1; text-align:center; padding-top:10%; }
.section .title.gms::before{
  content:""; position:absolute; left:50%; top:8%; transform:translateX(-50%);
  width:min(1120px,88vw); min-height:48%; border-radius:24px;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border:1px solid var(--g-line);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(140%);
  backdrop-filter: blur(var(--g-blur)) saturate(140%);
  pointer-events:none;
}
.section .title.gms::after{
  /* 은은한 라디얼/도트 데코 */
  content:""; position:absolute; left:50%; top:8%; transform:translateX(-50%);
  width:min(1120px,88vw); min-height:48%; border-radius:24px; z-index:-1; pointer-events:none;
  background:
    radial-gradient(900px 360px at 50% 10%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(circle at 12% 70%, rgba(255,255,255,.08), transparent 40%),
    radial-gradient(circle at 88% 30%, rgba(255,255,255,.08), transparent 40%),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:auto,auto,auto,18px 18px;
  mix-blend-mode: screen;
}

/* 타이포 */
.section .title.gms h1,
.section .title.gms h2{ color:#fff; text-shadow:0 8px 24px rgba(0,0,0,.22); line-height:1.14; margin:10px auto 8px; }
.section .title.gms .eyebrow{
  display:inline-block; padding:6px 12px; margin:0 0 8px;
  font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:#121212; background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.96); border-radius:999px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* strong → 글라스 칩 */
.section .title.gms > strong{
  display:inline-flex; align-items:center; gap:8px;
  margin:10px 6px 0; padding:8px 12px;
  background: var(--g-soft); border:1px solid var(--g-line);
  border-radius:999px; color:#fff;
  -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
  transition:transform .18s, box-shadow .18s, background .18s;
}
.section .title.gms > strong:hover{ transform:translateY(-1px); background:rgba(255,255,255,.12); box-shadow:0 18px 44px rgba(0,0,0,.22); }

/* 메타 라인 */
.section .title.gms .meta-kv{
  display:flex; gap:12px 18px; justify-content:center; flex-wrap:wrap;
  list-style:none; margin:14px 0 2px; padding:0;
}
.section .title.gms .meta-kv li{
  padding:8px 12px; border-radius:12px; color:#f1f1f1;
  background:var(--g-soft); border:1px solid var(--g-line);
  -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%);
}
.section .title.gms .meta-kv em{ font-style:normal; color:#ffdca8; margin-right:8px; }

/* 마이크로 통계 */
.section .title.gms .micro{
  display:flex; gap:14px 20px; justify-content:center; flex-wrap:wrap;
  list-style:none; margin:16px 0 6px; padding:0;
}
.section .title.gms .micro li{
  display:flex; flex-direction:column; align-items:center; padding:8px 10px;
  background:var(--g-soft); border:1px solid var(--g-line);
  border-radius:12px; min-width:110px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.section .title.gms .micro b{font-size:18px; line-height:1.2; color:#fff}
.section .title.gms .micro span{font-size:12px; color:#e8e8e8}

/* 미니 타임라인 */
.section .title.gms .step-line{
  list-style:none; margin:10px auto 6px; padding:0;
  display:flex; gap:14px 22px; flex-wrap:wrap; justify-content:center;
}
.section .title.gms .step-line li{display:flex; align-items:center; gap:8px}
.section .title.gms .step-line i{
  width:10px; height:10px; border-radius:50%;
  background:linear-gradient(180deg,var(--gold1),var(--gold2));
  box-shadow:0 0 0 4px rgba(201,160,99,.14);
}

/* 보조 캡션 */
.section .title.gms .subnote{ margin-top:12px; color:#f0f0f0; opacity:.85; font-size:14px; }

/* 버튼 도크: a-box.gms (기존 규칙 무력화) */
.section .title .a-box.gms{
  display:inline-flex; gap:10px; padding:6px;
  border-radius:999px; border:1px solid var(--g-line);
  background: var(--g-soft);
  -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%);
  box-shadow:0 12px 34px rgba(0,0,0,.18); margin-top:18px;
}
.section .title .a-box.gms a{
  width:auto; height:auto; margin:0; padding:10px 18px;
  display:inline-flex; align-items:center; gap:8px;
  border-radius:999px; border:1px solid transparent;
  font-weight:700; line-height:1; text-decoration:none;
  transition:transform .18s, box-shadow .18s, background .18s, border-color .18s;
}
.section .title .a-box.gms a img{ display:none; }
.section .title .a-box.gms a span{ color:#fff; }

/* 타입 */
.section .title .a-box.gms .btn-primary{
  color:#111; background:linear-gradient(180deg,var(--gold1),var(--gold2));
  box-shadow:0 12px 30px rgba(220,178,119,.35);
}
.section .title .a-box.gms .btn-primary span{ color:#111; }
.section .title .a-box.gms .btn-primary:hover{ transform:translateY(-1px); filter:brightness(1.04); }

.section .title .a-box.gms .btn-glass{
  background:rgba(255,255,255,.10); border-color:var(--g-line);
}
.section .title .a-box.gms .btn-glass:hover{ background:rgba(255,255,255,.16); transform:translateY(-1px); }

.section .title .a-box.gms .btn-text{
  background:transparent; border-color:transparent; padding:10px 6px 10px 12px;
}
.section .title .a-box.gms .btn-text span{ border-bottom:1px solid rgba(255,255,255,.55); padding-bottom:2px; }
.section .title .a-box.gms .btn-text .arr{
  display:inline-block; width:10px; height:10px; margin-left:8px; translate:0 1px;
  border-right:2px solid #fff; border-top:2px solid #fff; rotate:45deg; opacity:.9;
  transition:transform .18s ease, opacity .18s ease;
}
.section .title .a-box.gms .btn-text:hover .arr{ transform:translateX(4px) rotate(45deg); }

/* 반응형 */
@media (max-width:992px){
  .section .title.gms { padding-top:14%; }
  #section01 .title.gms h1 { font-size:42px; }
  .section .title.gms h2 { font-size:34px; }
}
@media (max-width:640px){
  .section .title .a-box.gms{ overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; }
  .section .title .a-box.gms a{ scroll-snap-align:center; white-space:nowrap; }
}

/* ✦ 시야 가리는 대형 패널 축소 + 중앙 배치 */
#section01 .title.gms::before,
#section01 .title.gms::after{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);   /* 세로 중앙 */
  width: clamp(560px, 64vw, 980px);   /* 카드 폭 축소 */
  min-height: auto;                   /* 고정 높이 제거 */
  height: auto;
  border-radius: 18px;
}

/* 유리 카드 톤을 좀 더 얇고 밝게 */
#section01 .title.gms::before{
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}

/* 점 패턴도 작고 은은하게 */
#section01 .title.gms::after{
  background:
    radial-gradient(600px 240px at 50% 18%, rgba(255,255,255,.20), transparent 60%),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.28) 1px, transparent 1px);
  background-size: auto, 16px 16px;
  opacity: .45;
}

/* 카드 위 요소만 위로 올려 겹침/먹힘 방지 */
#section01 .title.gms h1,
#section01 .title.gms p,
#section01 .title.gms .a-box { position: relative; z-index: 2; }

/* 레이아웃 여백 미세조정 */
#section01 .title.gms { padding-top: 12%; }
#section01 .title.gms h1 { margin-bottom: 10px; }
#section01 .title.gms p  { margin-top: 10px; }

/* =========================
   THE BIIN — Warm Glass Luxe
   ========================= */
:root{
  --gold1:#f4d9b0; --gold2:#d8b07a;
  --glass-bg: rgba(255,255,255,.12);
  --glass-line: rgba(255,255,255,.22);
  --glass-soft: rgba(255,255,255,.08);
  --blur: 14px;
}

/* 고정폭 깨짐 방지: luxe 내부만 p 가변폭 */
.section .title.luxe, .section .title.luxe *{ box-sizing:border-box; }
.section .title.luxe{ padding-top:13%; text-align:center; position:relative; z-index:1; }
.section .title.luxe p{ width:auto !important; max-width:min(780px,92vw); margin:12px auto 0; color:#f5f5f5; }
.section .title.luxe h1, .section .title.luxe h2{ color:#fff; line-height:1.14; text-shadow:0 10px 28px rgba(0,0,0,.24); }

#section01 .title.luxe{padding-top:10%;}

/* Eyebrow */
.section .title.luxe .eyebrow{
  display:inline-block; margin-bottom:10px; padding:6px 12px;
  font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:#151515; background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.96); border-radius:999px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  font-family: 'MapoFlowerIsland';
}
.section .title.luxe .lead{ opacity:.96; }

/* ---- Hero Card (실제 카드 요소로 시야 가리지 않음) ---- */
.section .title.luxe .hero-card{
  width:clamp(620px, 66vw, 980px);
  margin:0 auto;
  padding:clamp(18px, 2.6vw, 34px) clamp(22px, 3vw, 40px);
/*   border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
  border:1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(var(--blur)) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
  box-shadow:0 24px 64px rgba(0,0,0,.28); */
  position:relative;
}


/* ---- CTA Dock ---- */
.section .title .cta-dock.luxe{
  display:inline-flex; gap:10px; padding:8px; margin-top:16px;
  border-radius:999px; border:1px solid var(--glass-line);
  background:var(--glass-soft);
  -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.section .title .cta-dock.luxe a{
  width:auto; height:auto; margin:0; padding:12px 20px;
  display:inline-flex; align-items:center; gap:8px;
  border-radius:999px; border:1px solid transparent; font-weight:700;
  text-decoration:none; transition:transform .18s, filter .18s, background .18s, border-color .18s;
}
.section .title .cta-dock.luxe a img{ display:none; }
.section .title .cta-dock.luxe a span{ color:#fff; }

/* primary / outline / text */
.section .title .cta-dock.luxe .btn-primary{
  color:#111; background:linear-gradient(180deg,var(--gold1),var(--gold2));
  box-shadow:0 12px 30px rgba(216,176,122,.35);
}
.section .title .cta-dock.luxe .btn-primary span{ color:#111; }
.section .title .cta-dock.luxe .btn-primary:hover{ transform:translateY(-1px); filter:brightness(1.04); }

.section .title .cta-dock.luxe .btn-outline{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.46);
}
.section .title .cta-dock.luxe .btn-outline:hover{ background:rgba(255,255,255,.12); transform:translateY(-1px); }

.section .title .cta-dock.luxe .btn-text{
  background:transparent; border-color:transparent; padding:12px 8px 12px 14px;
}
.section .title .cta-dock.luxe .btn-text span{ border-bottom:1px solid rgba(255,255,255,.55); padding-bottom:2px; }
.section .title .cta-dock.luxe .btn-text .arr{
  display:inline-block; width:10px; height:10px; margin-left:8px; translate:0 1px;
  border-right:2px solid #fff; border-top:2px solid #fff; rotate:45deg; opacity:.9;
  transition:transform .18s ease;
}
.section .title .cta-dock.luxe .btn-text:hover .arr{ transform:translateX(4px) rotate(45deg); }

/* ---- 3 Glass Cards (시안 하단) ---- */
.section .title.luxe .info-grid{
  width:clamp(760px, 76vw, 1160px);
  margin:18px auto 0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
.section .title.luxe .info-card{
  padding:18px 18px 16px; border-radius:18px;
  background:var(--glass-soft); border:1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%);
  box-shadow:0 14px 40px rgba(0,0,0,.22); text-align:left; color:#f2f2f2;
}
.section .title.luxe .info-card h3{ font-size:22px; margin:6px 0 10px; color:#fff;font-family: 'MapoFlowerIsland';}
.section .title.luxe .info-card p{ margin:2px 0 10px; opacity:.95; }
.section .title.luxe .info-card .chips{ display:flex; gap:8px; flex-wrap:wrap; }
.section .title.luxe .info-card .chips span{
  display:inline-block; padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.10); border:1px solid var(--glass-line); font-size:13px;color:#fff;
}
.section .title.luxe .info-card .list{ margin:4px 0 0 18px; }
.section .title.luxe .info-card .list li{ margin:4px 0;color:#fff;}
.section .title.luxe .info-card .kpi{
  display:flex; gap:12px; list-style:none; padding:0; margin:6px 0 8px;
}
.section .title.luxe .info-card .kpi li{ display:flex; flex-direction:column; align-items:center; min-width:72px; }
.section .title.luxe .info-card .kpi b{ font-size:20px; color:#fff; line-height:1.1; }
.section .title.luxe .info-card .kpi span{ font-size:12px; opacity:.9;color:#fff;}

/* ---- 섹션별 보조 라인업 ---- */
.section .title.luxe .chip-line{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-top:10px; }
.section .title.luxe .chip-line strong{
  display:inline-block; padding:8px 12px; border-radius:999px; font-weight:700; color:#fff;
  background:var(--glass-soft); border:1px solid var(--glass-line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.section .title.luxe .bullet li{color:#fff;}
.section .title.luxe .kpi-row{
  display:flex; gap:14px 16px; flex-wrap:wrap; justify-content:center; list-style:none; padding:0; margin:12px 0 6px;
}
.section .title.luxe .kpi-row li{ display:flex; flex-direction:column; align-items:center; min-width:96px;background:var(--glass-soft);backdrop-filter:blur(10px) saturate(140%);box-shadow:0 14px 40px rgba(0,0,0,.22);padding:18px 18px 16px;border:1px solid var(--glass-line);border-radius:15px;}
.section .title.luxe .kpi-row b{ font-size:20px; color:#fff; line-height:1.1; }
.section .title.luxe .kpi-row span{ font-size:12px; opacity:.9;color:#fff; }
.section .title.luxe .timeline{ list-style:none; padding:0; margin:10px auto 6px; display:flex; gap:14px 20px; flex-wrap:wrap; justify-content:center; }
.section .title.luxe .timeline li{ display:flex; align-items:center; gap:8px; }
.section .title.luxe .timeline li span{color:#fff;}
.section .title.luxe .timeline i{
  width:10px; height:10px; border-radius:50%;
  background:linear-gradient(180deg,var(--gold1),var(--gold2));
  box-shadow:0 0 0 4px rgba(216,176,122,.16);
}

/* ---- 반응형 ---- */
@media (max-width:1200px){
  .section .title.luxe .info-grid{ width:clamp(680px, 84vw, 1100px); }
}
@media (max-width:992px){
  .section .title.luxe{ padding-top:14%; }
  #section01 .title.luxe h1{ font-size:42px; }
  .section .title.luxe h2{ font-size:34px; }
  .section .title.luxe .info-grid{ grid-template-columns:1fr; width:min(92vw, 720px); }
}
@media (max-width:640px){
  .section .title.luxe .hero-card{ width:min(92vw, 720px); padding:18px; }
  .section .title .cta-dock.luxe{ overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; }
  .section .title .cta-dock.luxe a{ scroll-snap-align:center; white-space:nowrap; }
}


.sub-main{width:100%;height:730px;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:center;}
.sub-main .txt{padding-top:12%;text-align:center;}
.sub-main .txt h2{font-size:50px;padding:1% 0;font-weight:700;color:#fff;}
.sub-main .txt p{font-size:20px;padding:1% 0;line-height:1.2;font-weight:300;color:#fff;}

.sub-nav{border-bottom:1px solid #7f8080;display:flex;justify-content:center;}
/* .sub-nav a{display:inline-block;width:180px;height:38px;line-height:38px;margin:1% 8px;text-align:center;color:#231815 !important;font-size:18px;}
.sub-nav a.active{background:#231815;color:#fff !important;border:1px solid #231815;border-radius:100px;} */
.sub-nav a{display:inline-block;width:120px;height:65px;line-height:65px;margin-top:8px;text-align:center;color:#7f8080 !important;font-size:18px;position:relative;}
.sub-nav a::after{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:5px;background:#231815;opacity:0;}
.sub-nav a.active{color:#231815 !important;font-weight:600;}
.sub-nav a.active::after{opacity:1;}

.location{display:flex;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee;width:100%;margin:0 0 5px;height:50px;padding-left:20%;}
.location ul li{float:left;height:50px;line-height:50px}
.location ul li a{font-size:17px;}
.location ul li.home{width:70px;height:50px;line-height:30px;border-right:1px solid #ccc;border-left:1px solid #ccc}
.location ul li.home a{display:block;width:100%;height:100%;text-align:center}
.location ul li.home a i{color:#231815 !important;line-height:50px;}
.location ul li.first{width:180px;border-right:1px solid #ccc;}
.location ul li.last{width:250px;border-right:1px solid #ccc;}
.location ul li.first > a, .location ul li.last > a{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20px;color:#231815 !important;}
.location ul li .m_sM{position:relative;z-index:1000;display:none;width:100%;}
.location ul li .m_sM li{width:100%;background:#231815;}
.location ul li .m_sM li a{display:block;height:100%;padding-left:10px;color:#fff;}
.location ul li .m_sM li a:hover{font-weight:700;color:#db834d;}

.sub-one{margin:5% auto;width:70%;background:url(../image/sub/sub-logo-bg.png) no-repeat top right /auto;position:relative;}
.sub-one > img{display:block;margin:0 auto;}
.sub-one h2{color:#231815 !important;text-align:center;font-size:45px;font-weight:600;margin:3% 0 2%;}
.sub-one h2.sub-point{font-size:36px;margin:3% 0 4%;}
.sub-one h2.sub-point span{color:#db834d !important;}
.sub-one p{color:#231815;text-align:center;font-size:18px;}
.sub-one .line-span{display:inline-block;position:absolute;left:-288px;top:340px;width:100vw;height:1px;background:#dcdcdc;}
.sub-one .nav{justify-content:center;border-bottom:3px solid #231815;overflow:hidden;margin:5% 0 !important;}
.sub-one .nav-tabs .nav-item.show .nav-link,.sub-one .nav-tabs .nav-link.active{background-color:#231815;border:1px solid #231815;color:#fff !important;}
.sub-one .nav-link{color:#231815 !important;font-size:18px;border:1px solid #ccc;border-radius:0;width:250px;border-bottom:1px solid transparent;}
.sub-one .nav-tabs .nav-link:focus,.sub-one  .nav-tabs .nav-link:hover{border-bottom:1px solid #231815;border-color:#ccc;}
.sub-one .nav-tabs .nav-link.active:focus,.sub-one  .nav-tabs .nav-link.active:hover{border-bottom:1px solid #231815;border-color:#231815;}
.sub-one .nav-item:focus-visible{outline:0;}
.sub-one .sub-button{display:flex;justify-content:space-between;margin:5% 0;}
.sub-one .sub-button button{width:fit-content;position:relative;border:2px solid #ccc;padding:0;border-radius:0;}
.sub-one .sub-button button:focus{box-shadow:none;}
.sub-one .sub-button button:hover{border:2px solid #db834d;}
.sub-one .sub-button button:hover .button-txt{background:#db834d;}
.sub-one .sub-button button:hover .button-txt .a-box img{transform:translateX(15px);}
.sub-one .sub-button button .button-txt{position:absolute;right:0;bottom:0;width:180px;height:150px;background:rgba(0,0,0,.5);padding:30px 0;}
.sub-one .sub-button button .button-txt p{font-size:22px;color:#fff !important;}
.sub-one .sub-button button .button-txt p strong{font-size:30px;display:inline-block;margin-right:5px;font-weight:600;color:#fff;}
.sub-one .sub-button button .button-txt .a-box{display:flex;justify-content:space-evenly;align-items:center;margin-top:10%;}
.sub-one .sub-button button .button-txt .a-box span{font-size:16px;color:#fff;}
.sub-one .sub-button button .button-txt .a-box img{height:28px;transition:all .36s;}
.sub-one .modal.fade .modal-dialog{width:1000px;--bs-modal-width:1000px;margin-top:7%;}
.sub-one .modal.fade .modal-dialog .modal-body{display:flex;justify-content:space-around;padding:0 20px 40px 20px;}
.sub-one .modal.fade .modal-dialog .modal-body .left{width:48%;}
.sub-one .modal.fade .modal-dialog .modal-body .left img{width:100%;}
.sub-one .modal.fade .modal-dialog .modal-body .right{width:45%;background:url(../image/sub/sub-logo-bg.png) no-repeat bottom right /auto;}
.sub-one .modal.fade .modal-dialog .modal-body h3{color:#231815 !important;font-size:36px;margin-bottom:30px;}
.sub-one .modal.fade .modal-dialog .modal-body h3 strong{color:#231815 !important;}
.sub-one .modal.fade .modal-dialog .modal-body ul{margin:5% 0;}
.sub-one .modal.fade .modal-dialog .modal-body ul strong{color:#db834d !important;font-size:20px;display:inline-block;margin-bottom:2%;display:flex;align-items:center;border-bottom:1px solid #db894d;padding-bottom:10px;}
.sub-one .modal.fade .modal-dialog .modal-body ul strong img{height:35px;display:inline-block;margin-right:5px;}
.sub-one .modal.fade .modal-dialog .modal-body ul li{color:#231815 !important;font-size:16px;padding:5px 0;}
.sub-one .tab-in{display:flex;padding:3% 0;justify-content:space-between;border-bottom:1px dashed #db834d;}
/* .sub-one .tab-in.tab-in2{border-bottom:0;} */
.sub-one .tab-in > div{width:48%;padding:3%;}
.sub-one .tab-in > div:first-child{border-right:1px dashed #db834d;}
.sub-one .tab-in strong{color:#db834d !important;font-size:26px;display:block;margin-bottom:5%;}
.sub-one .tab-in strong i{margin-right:5px;}
.sub-one .tab-in table td{color:#231815 !important;font-size:20px;padding:2% 0;}
.sub-one .tab-in table td:first-child{width:200px;}
.sub-one .tab-in table td.td1{letter-spacing:31.5px;}
.sub-one .tab-in table td.td2{letter-spacing:10px;}
.sub-one .tab-in h3 a{color:#231815 !important;font-size:36px;font-weight:700;}
.sub-one .tab-in p{font-size:20px;text-align:left;}
.sub-one .tab-in span{color:#484848;font-size:18px;display:inline-block;margin-top:5%;text-indent:-12px;padding-left:10px;}
.sub-one .tab-bg{margin:5% 0;}
.sub-one .tab-bg-in{display:flex;justify-content:space-between;height:1160px;}
.sub-one .tab-bg-in .map-out{width:48%;position:sticky;top:14%;left:0;height:550px;}
.sub-one .tab-in.tab-in2{width:48%;flex-direction:column;justify-content:flex-start;border-bottom:0;padding:0;}
.sub-one .tab-in.tab-in2 > div:first-child{border-right:0;}
.sub-one .tab-in.tab-in2 > div{border-bottom:1px dashed #db834d;width:100%;padding:5% 0;}
.sub-one .root_daum_roughmap_landing{width:100%;}
.sub-one .wrap_map{width:100%;}
.sub-one .root_daum_roughmap .cont{display:none;}
.sub-one .tab-in.tab-in2 p.p-small{margin:5% 0;}
.sub-one .tab-in.tab-in2 p.p-small span{font-size:16px;margin:3% 0;display:block;text-indent:-17px;padding-left:31px;font-weight:600;}
.sub-one .tab-in.tab-in2 p.p-small span.bus-green{color:#62ab48;}
.sub-one .tab-in.tab-in2 p.p-small span.bus-blue{color:#2b5faa;}
.sub-one .tab-in.tab-in2 p.p-small span i{font-size:20px;margin-right:5px;}
.sub-one .tab-in.tab-in2 p.p-small strong{font-size:16px;color:#231815 !important;margin-bottom:3%;}
.sub-one .map-out .root_daum_roughmap .wrap_controllers{display:none;}

.sub-two{margin:20% 0 10%;}
.sub-two h2{text-align:left;line-height:1.5;margin:26px 0;}
.sub-two p{text-align:left;}
.sub-two h5{font-size:24px;font-weight:500;}
.sub-two img{display:block;margin:7% 0 5%;border-radius:20px;}
.sub-two .float-p{text-align:right;font-size:20px;width:45%;margin-left:auto;line-height:1.7;font-weight:500;}

.sub-three{background:#fff9f5;padding:7% 0;}
.sub-three-in{width:70%;margin:0 auto;display:flex;justify-content:space-between;height:1769px;}
.sub-three .sub-three-in > div:first-child{width:40%;position:sticky;top:14%;left:0;height:250px;}
.sub-three .sub-three-in > div:first-child h5{font-size:24px;font-weight:500;}
.sub-three .sub-three-in > div:first-child h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;}
.sub-three .sub-three-in > div:first-child p{font-size:18px;width:70%;}
.sub-three .sub-three-in img{display:block;border-radius:20px;margin:5% 0 7%;}
.sub-three .sub-three-in .three-box{width:55%;}
.sub-three .sub-three-in .three-box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sub-three .sub-three-in .three-box .box{width:320px;}
.sub-three .sub-three-in .three-box .box2{margin-top:400px;}
.sub-three .sub-three-in .three-box .box3{margin-top:-167px;}
.sub-three .sub-three-in .three-box .box4{margin-top:233px;}
.sub-three .sub-three-in .three-box .box5{margin-top:-167px}
.sub-three .sub-three-in .three-box span{font-size:20px;width:80px;height:35px;display:inline-block;background:#db834d;color:#fff;border-radius:100px;text-align:center;font-weight:600;line-height:35px;}
.sub-three .sub-three-in .three-box strong{font-size:28px;font-weight:700;}
.sub-three .sub-three-in .three-box p{font-size:18px;margin-top:4%;}

.sub-four{width:70%;margin:7% auto;}
.sub-four h5{font-size:24px;font-weight:500;text-align:center;}
.sub-four h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-four p{font-size:18px;text-align:center;}
.sub-four .accordion{margin-top:7%;}
.sub-four .accordion-button:not(.collapsed){color:#231815;background:#db834d45;box-shadow:none;}
.sub-four .accordion-button{font-size:20px;font-weight:600;padding:25px 40px;}
.sub-four .accordion-button:focus{box-shadow:none;z-index:2;}
.sub-four .accordion-header{margin:0;}
.sub-four .accordion-item{border:1px solid #dcdcdc;border-right:0;border-left:0;border-bottom:0;}
.sub-four .accordion-item:last-of-type,.sub-four .accordion-item:first-of-type{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.sub-four .accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.sub-four .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.sub-four .accordion-body{width:80%;margin:5% auto;}
.sub-four .accordion-body strong{display:inline-block;margin-right:20px;color:#231815;font-size:16px;}
.sub-four .accordion-body strong.head-strong{margin-right:0;font-size:20px;margin:30px 0;width:80px;height:35px;background:#db834d;color:#fff;border-radius:100px;line-height:35px;text-align:center;}
.sub-four .accordion-body h2{font-size:40px;text-align:left;}
.sub-four .accordion-body p{text-align:left;width:60%;}
.sub-four .accordion-body ul li{font-size:18px;padding:15px 0;}
.sub-four .accordion-body .first-ul{margin-bottom:5%;}
.sub-four .accordion-body .first-ul li{padding-left:20px;border-bottom:1px solid #db834d45;width:70%;list-style:inside;list-style-type:square;}
.sub-four .accordion-body .first-ul li::marker{color:#db834d;}
.sub-four .accordion-body .second-ul{display:flex;justify-content:space-between;}
.sub-four .accordion-body .second-ul li{border:1px solid #db834d;text-align:center;word-break:auto-phrase;width:190px;padding:3% 1.5%;border-radius:10px;background:#fff9f5;}
.sub-four .accordion-body img{display:inline-block;margin:5% auto;border-radius:20px;width:100%;}

.sub-five{padding:5% 0;background:#fff9f5;}
.sub-five .sub-five-in{width:70%;margin:0 auto;text-align:center;}
.sub-five .sub-five-in > div{display:flex;text-align:left;justify-content:space-between;align-items:center;}
.sub-five .sub-five-in > div div{width:30%}
.sub-five .sub-five-in h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;}
.sub-five .sub-five-in p{font-size:18px;}
.sub-five .sub-five-in ul li{margin:3% 0;width:420px;border:1px solid #db834d;border-radius:10px;}
.sub-five .sub-five-in ul li strong{color:#db834d;width:50px;height:50px;display:inline-block;line-height:50px;text-align:center;font-size:25px;}
.sub-five .sub-five-in ul li span{display:inline-block;margin-left:1%;font-size:18px;}

.sub-six{padding:5% 0;}
.sub-six-in{width:70%;margin:0 auto;}
.sub-six .sub-six-in  h5{font-size:24px;font-weight:500;text-align:center;}
.sub-six .sub-six-in  h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-six .sub-six-in  p{font-size:18px;text-align:center;}
.sub-six .sub-six-in img{display:block;border-radius:20px;}
.sub-six .sub-six-in .six-box{margin:5% 0;}
.sub-six .sub-six-in .six-box .box{display:flex;justify-content:space-between;align-items:center;}
.sub-six .sub-six-in .six-box .box .s-box{width:50%;}
.sub-six .sub-six-in .six-box .box .s-box img{width:100%;}
.sub-six .sub-six-in .six-box .box .s-box.box-txt{width:45%;}
.sub-six .sub-six-in .six-box span{font-size:20px;width:80px;height:35px;display:block;background:#231815;color:#fff;border-radius:100px;text-align:center;font-weight:600;line-height:35px;}
.sub-six .sub-six-in .six-box strong{font-size:28px;font-weight:700;display:block;margin:3% 0;}
.sub-six .sub-six-in .six-box p{font-size:18px;margin-top:1.5%;width:80%;text-align:left;}

.sub-seven{background-color:#fff9f5;padding:5% 0}
.sub-seven  h5{font-size:24px;font-weight:500;text-align:center;}
.sub-seven  h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-seven  p{font-size:18px;text-align:center;}
.sub-seven img{width:100%;border-radius:20px 20px 0 0;}
.sub-seven .txt{background:#fff;padding:3%;border-radius: 0 0 20px 20px;}
.sub-seven .txt strong{font-size:28px;font-weight:700;display:block;margin:3% 0;}
.sub-seven .txt p{font-size:18px;margin-top:1.5%;text-align:left;}
.sub-seven .swiper-container{margin:5% 0;}
.sub-seven .swiper-container .swiper-wrapper {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;transition-timing-function: linear;}
.sub-seven .swiper-container .swiper-slide {background-color: #fff;width: 80%;height: 450px;border-radius:20px;}
 @media screen and (min-width: 768px) {
	 .sub-seven .swiper-container .swiper-slide {
		 width: 200px;
	}
}
 .swiper-container .swiper-slide-active {background-color: #bd1701;}
 @media screen and (min-width: 768px) {
	 .sub-seven .swiper-container .swiper-slide-active {
		 width: 500px;
		 height: 550px;
		 box-shadow:6px 6px 8px #f5c1a1;
	}
}

.sub-eight{background:#fff9f5;padding:0 0 5% ;}
.sub-eight table{width:70%;margin:0 auto;background:#fff;}
.sub-eight table th,.sub-eight table td{font-size:22px;border:1px solid #dcdcdc;text-align:center;padding:1%;}
.sub-eight table td{font-weight:600;}
.sub-eight table th{background:#db834d;color:#fff;}

.sub-nine{background:#fff9f5;padding:5% 0;}
.sub-nine .sub-nine-in{width:70%;margin:5% auto;padding-left:100px;display:flex;align-items:center;}
.sub-nine h5{font-size:24px;font-weight:500;text-align:center;}
.sub-nine h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-nine span{width:400px;height:400px;display:inline-block;font-size:26px;border-radius:50%;text-align:center;font-weight:600;}
.sub-nine span strong{font-size:22px;display:block;margin-bottom:5%;margin-top:35%;}
.sub-nine span.circle01{border:2px solid #db834d;margin-right:-40px;}
.sub-nine span.circle01 strong{color:#db834d;}
.sub-nine span.circle02{background:#db834d45;}
.sub-nine span.circle03{border:2px dashed #562412;margin-left:-40px;}
.sub-nine span.circle03 strong{color:#562412;}

.sub-nine2 span{padding:0 5%;word-break:auto-phrase;}
.sub-nine2 span strong{margin-top:45%;}

.sub-ten{padding:5% 0;background:#fff9f5;}
.sub-ten-in{width:70%;margin:0 auto;}
.sub-ten .sub-ten-in  h5{font-size:24px;font-weight:500;text-align:center;}
.sub-ten .sub-ten-in  h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-ten .sub-ten-in  p{font-size:18px;text-align:center;}
.sub-ten .sub-ten-in img{display:block;border-radius:20px;}
.sub-ten .sub-ten-in .ten-box{margin:5% 0;}
.sub-ten .sub-ten-in .ten-box .box{display:flex;justify-content:space-between;align-items:center;}
.sub-ten .sub-ten-in .ten-box .box.img-box{margin:2.5% 0 15%;}
.sub-ten .sub-ten-in .ten-box .box .s-box{width:50%;}
.sub-ten .sub-ten-in .ten-box .box .s-box img{width:95%;}
.sub-ten .sub-ten-in .ten-box .box .s-box.box-txt{width:45%;}
.sub-ten .sub-ten-in .ten-box span{font-size:120px;display:block;color:#ffe1ce;font-weight:700;}
.sub-ten .sub-ten-in .ten-box strong{font-size:28px;font-weight:700;display:block;margin:3% 0;}
.sub-ten .sub-ten-in .ten-box p{font-size:18px;margin-top:1.5%;width:80%;text-align:left;}

.sub-eleven{width:70%;margin:7% auto;}
.sub-eleven h5{font-size:24px;font-weight:500;}
.sub-eleven h2{font-size:45px;font-weight:600;margin:26px 0;padding-bottom:20px;line-height:1.5; border-bottom:1px solid #231815;}
.sub-eleven ul li{display:flex;align-items:center;padding:3%;border-bottom:1px solid #dcdcdc;}
.sub-eleven ul li span{font-size:80px;color:#db834d;font-weight:700;margin-right:50px;}
.sub-eleven ul li p{font-size:18px;}
.sub-eleven ul li p strong{display:block;font-size:28px;margin-bottom:5%;}

.sub-twelve{background-color:#fff9f5;background-image:url(../image/sub/sub-twelve.png);background-repeat:no-repeat;background-size:30%;background-position:center;padding:3% 0;}
.sub-twelve h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-twelve p{font-size:18px;text-align:center;}
.sub-twelve .sub-twelve-in{width:70%;margin:3% auto;}
.sub-twelve .sub-twelve-in span.week{width:80px;height:35px;display:inline-block;line-height:35px;color:#fff;border-radius:100px;font-weight:600;text-align:center;background:#db834d;font-size:20px;margin-left:57.7%;position:relative;}
.sub-twelve .sub-twelve-in span.week::after{content:'';display:inline-block;position:absolute;top:120%;left:50%;transform:translateX(-50%);width:1px;height:300px;border:1px dashed #562412;}
.sub-twelve .sub-twelve-in span.month{width:80px;height:35px;display:inline-block;line-height:35px;color:#fff;border-radius:100px;font-weight:600;text-align:center;background:#562412;font-size:20px;margin-left:29.9%;position:relative;}
.sub-twelve .sub-twelve-in span.month::after{content:'';display:inline-block;position:absolute;top:120%;left:50%;transform:translateX(-50%);width:1px;height:300px;border:1px dashed #562412;}
.sub-twelve .sub-twelve-in ul{display:flex;align-items:center;justify-content:space-evenly;margin:3% 0;}
.sub-twelve .sub-twelve-in ul strong{font-size:28px;}
.sub-twelve .sub-twelve-in ul > strong{width:200px;height:200px;border:5px solid #db834d;border-radius:50%;text-align:center;line-height:200px;display:block;color:#db834d;}
.sub-twelve .sub-twelve-in ul li p{font-weight:700;margin-top:7%;font-size:24px;}
.sub-twelve .sub-twelve-in ul li strong{width:400px;height:80px;display:block;line-height:80px;color:#fff;border-radius:10px;text-align:center;}
.sub-twelve .sub-twelve-in ul li strong.light-orange{background:#db834d;}
.sub-twelve .sub-twelve-in ul li strong.dark-orange{background:#562412;}

.sub-thirteen{background:#fff9f5;padding:5% 0;}
.sub-thirteen .sub-thirteen-in{width:70%;margin:5% auto;display:flex;align-items:center;justify-content:space-between;}
.sub-thirteen h5{font-size:24px;font-weight:500;text-align:center;}
.sub-thirteen h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-thirteen span{width:300px;height:370px;display:inline-block;font-size:22px;word-break:auto-phrase;border-radius:10px;text-align:center;font-weight:600;background:#fff;border:5px solid #db834d;padding:3%;}
.sub-thirteen span strong{font-size:22px;display:block;margin-bottom:5%;margin-top:35%;color:#db834d;}
.sub-thirteen .point-p{text-align:center;font-size:20px;background:#231815;color:#fff;width:70%;margin:0 auto;height:80px;line-height:80px;line-height:80px;font-weight:600;}
.sub-thirteen i{font-size:20px;font-weight:900;}

.sub-fourteen{background:#fff9f5;padding-top:5%;}
.sub-fourteen h5{font-size:24px;font-weight:500;text-align:center;}
.sub-fourteen h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;text-align:center;}
.sub-fourteen p{font-size:18px;text-align:center;}
.sub-fourteen .sub-fourteen-in{background:url("../image/sub/sub-fourteen01.png") no-repeat center / contain;width:70%;margin:0 auto;height:700px;display:flex;justify-content:space-between;align-items:center;}
.sub-fourteen .sub-fourteen-in span{display:block;font-size:28px;width:250px;height:55px;line-height:55px;text-align:center;border:2px solid #db834d;margin:15% 0;border-radius:10px;}

#sub-main01{background-image:url("../image/sub/sub-section-bg01.jpg");}
#sub-main02{background-image:url("../image/sub/sub-section-bg02.jpg");}
#sub-main03{background-image:url("../image/sub/sub-section-bg03.jpg");}
#sub-main04{background-image:url("../image/sub/sub-section-bg04.jpg");}
#sub-main05{background-image:url("../image/sub/sub-section-bg05.jpg");}

#sub-section0103 .sub-one .swiper{width: 100%;height: 300px;margin-left: auto; margin-right: auto;}
#sub-section0103 .sub-one .swiper-slide{background-size: cover;background-position: center;}
#sub-section0103 .sub-one .mySwiper7{height: 80%;width: 100%;}
#sub-section0103 .sub-one .mySwiper{height: 20%;box-sizing: border-box;padding: 10px 0;}
.mySwiper6,.mySwiper2,.mySwiper4,.mySwiper8,.mySwiper10{margin-top: 25px;}
.mySwiper6 .swiper-slide,.mySwiper2 .swiper-slide,.mySwiper4 .swiper-slide,.mySwiper8 .swiper-slide,.mySwiper10 .swiper-slide{width: 25%;height: 100%;opacity: 0.4;}
.mySwiper6 .swiper-slide-thumb-active,.mySwiper2 .swiper-slide-thumb-active,.mySwiper4 .swiper-slide-thumb-active,.mySwiper8 .swiper-slide-thumb-active,.mySwiper10 .swiper-slide-thumb-active{opacity: 1;}
#sub-section0103 .sub-one .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
#sub-section0103 .sub-one .swiper{width: 100%;height: 100%;}
#sub-section0103 .sub-one .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center; position: relative;}
#sub-section0103 .sub-one .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
#sub-section0103 .sub-one .swiper-slide > p{position: absolute; bottom:0; left:0; width:40%; background: #db834d; padding:10px 25px 10px 25px; text-align: center; font-size:28px; color:#fff;font-weight:600;}
#sub-section0103 .sub-one .swiper-button-next,#sub-section0103 .sub-one .swiper-button-prev{width: 50px; height: 50px; background:#db834d;}
#sub-section0103 .sub-one{padding:50px 0;}
#sub-section0103 .sub-one .mySwiper7 .swiper-button-next{right:0;}
#sub-section0103 .sub-one .mySwiper7 .swiper-button-prev{left:0;}
#sub-section0103 .swiper-button-next:after, #sub-section0103 .swiper-button-prev:after{font-size: 29px;}
#sub-section0103 .sub-one .nav.sub0103-nav{border-bottom:0;margin:5% 0 2% !important;}
#sub-section0103 .sub-one .nav.sub0103-nav .nav-link{border:0;border-bottom:0;color:#231815 !important;font-weight:600;font-size:20px;width:220px;}
#sub-section0103 .sub-one .nav.sub0103-nav .nav-link.active{color:#db834d!important;border-bottom:3px solid #db834d;background:transparent;}

#sub-section0104 table{width:100%;text-align:center;}
#sub-section0104 table th,#sub-section0104 table td{font-size:20px;padding:10px;border:1px solid #dcdcdc;}
#sub-section0104 table th{background:#db834d;color:#fff;}


#sub-section0401 .sub-two{position:relative;}
#sub-section0401 .sub-two .float-p{margin:25px 0;width:100%;text-align:left}
#sub-section0401 .sub-two .float-p strong{display:block;}
#sub-section0401 .clavier{font-family: 'Somi';position:absolute;bottom:0;right:0;font-size:300px;font-weight:500;color:#f1f1f1;z-index:-1;}
#sub-section0401 .sub-four{background:#fff9f5;width:100%;margin:0;}
#sub-section0401 .sub-four-in{width:70%;margin:0 auto;padding:7% 0;}
#sub-section0401 .sub-four .accordion-item{background:#fff9f5;}
#sub-section0401 .sub-four .accordion-button{background:#fff9f5;}
#sub-section0401 .sub-four .accordion-button:not(.collapsed){background:#db834d45;}
#sub-section0401 .sub-four .accordion-body strong.head-strong{width:150px;}
#sub-section0401 .sub-four .accordion-body .second-ul li{background:#fff;}
#sub-section0401 .sub-ten{background:#fff;}
#sub-section0401 .sub-ten .sub-ten-in .ten-box span{color:#c8c8c8;}

#sub-section0402 .sub-nine{background:#fff;}

#sub-section0501 .sub-three{background:#fff;}
#sub-section0501 .sub-three-in{height:2200px;}
#sub-section0501 .sub-three .sub-three-in .three-box span{background:#231815;}
#sub-section0501 .sub-three .sub-three-in .three-box strong{color:#db834d}
#sub-section0501 .sub-seven{background-color:#fff;}

#sub-section0502 .sub-seven{background-color:#fff;}

/* .page-section{padding:0;}
 */

#page-section01{background-image:url("../image/sub/page-section01.jpg");}
#page-section02{background-image:url("../image/sub/page-section02.jpg");}
#page-section02 .sub-two{position:relative;margin:5% 0 0 20%;z-index:2;}
#page-section02 .sub-two .float-p{margin:25px 0;width:100%;text-align:left}
#page-section02 .sub-two .float-p strong{display:block;}
#page-section02 .clavier{font-family: 'Somi';position:absolute;bottom:0;right:0;font-size:300px;font-weight:500;color:#f1f1f1;z-index:-1;color:#db834d;}
.page-section #sub-main01{background-image:none;}
.page-section h5{font-size:24px;font-weight:500;color:#fff;}
.page-section h2{font-size:45px;font-weight:600;margin:26px 0;line-height:1.5;color:#fff;}
.page-section p{font-size:18px;color:#fff;}
.page-section p strong{color:#fff;display:block;}