@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.otf) format('opentype'); font-weight: 300;font-display: optional;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff) format('woff'),url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.otf) format('opentype'); font-weight: 400;font-display: optional;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.otf) format('opentype'); font-weight: 500;font-display: optional;}
@font-face {font-family: 'Pretendard';src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.otf) format('opentype');font-weight: 600;font-display: optional;}
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); font-weight: 100; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-weight: 900; font-display: swap; }
@font-face {font-family: 'InkLiquid';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');font-weight: normal; font-display: swap;}
:root{--paper: "Paperozi" !important;}
:root{--ink: "InkLiquid" !important;}
.dreamswrap th,.dreamswrap td,.dreamswrap li,.dreamswrap p,.dreamswrap input,.dreamswrap label,.dreamswrap h1,.dreamswrap h2,.dreamswrap h3,.dreamswrap a,.dreamswrap div,.dreamswrap span,.dreamswrap a,.dreamswrap p,.dreamswrap i,.dreamswrap textarea{font-family: 'Pretendard' !important;; letter-spacing: -0.7px;line-height: 150%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.dreamswrap .dreams img{display:block;}
.dreamswrap,.dreams{width: 100%;position: relative;max-width: 1920px;margin: auto;}
.dreamswrap .dreams .inner{max-width: 720px; margin: auto;position: relative;width: 100%;}
.dreamswrap .dreams1{background: url(../images/bg1.png) 50% 0 no-repeat;height: clamp(600px, calc(1200px + 1200 * (100vw - 720px) / 720), 1200px);background-size: cover;overflow: hidden;}
.dreamswrap .dreams1 .gnilogos{width: 152px; top: 25px; left: 25px;display: block;position: absolute;}
.dreamswrap .dreams1 .inner{height: clamp(600px, calc(1200px + 1200 * (100vw - 720px) / 720), 1200px);z-index: 1;}
.dreamswrap .dreams1 .inner .incont{display: flex;align-items: center;justify-content: center;height: 83%;position: relative;}
.dreamswrap .dreams1 .inner .incont .main-txt{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);color:#d7f85c;font-size: 25px;text-align: center;width: 140px;font-style: italic;line-height: 30px;}
.dreamswrap .dreams1 .inner .incont .main-txt.l{animation: l406 1s linear both;}
.dreamswrap .dreams1 .inner .incont .main-txt.r{animation: r404 1s linear both;}
.dreamswrap .dreams1 .inner h1{display: flex;flex-direction: column;padding-top: 10%;}
.dreamswrap .dreams1 .inner h1 span.T1{font-size: clamp(32.5px, calc(65px + 65 * (100vw - 720px) / 720), 65px);font-family: var(--paper) !important;color:#fff;font-weight: 700;}
.dreamswrap .dreams1 .inner h1 span.T1 i{font-size: clamp(32.5px, calc(65px + 65 * (100vw - 720px) / 720), 65px);font-family: var(--paper) !important;color:#d7f85c;font-weight: 700;}
.dreamswrap .dreams1 .inner h1 .lines{position: relative;left: 50%;width: 1px;animation: he1 2s linear both 0.5s;top: 50%;;}
.dreamswrap .dreams1 .inner h1 .lines span {position: absolute;left: 0;width: 1px;height: 0;background: #d7f85c;display: block;}
.dreamswrap .dreams1 .inner h1 .lines span::before{content: '✦';position: absolute;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color:#d7f85c;left:50%; transform: translate(-55%,0);opacity: 0;animation: opa 0.1s linear both 0.5s;}
.dreamswrap .dreams1 .inner h1 .lines .upline {bottom: 50%;transform-origin: bottom;animation: lineUp 2s linear both 0.5s;}
.dreamswrap .dreams1 .inner h1 .lines .upline::before{top: -10px;}
.dreamswrap .dreams1 .inner h1 .lines .downline {top: 50%;transform-origin: top;animation: lineDown 2s linear both 0.5s;}
.dreamswrap .dreams1 .inner h1 .lines .downline::before{bottom: -10px;}
.dreamswrap .dreams1 .inner .mainvis{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-47%);width: clamp(280px, calc(560px + 560 * (100vw - 720px) / 720), 560px);animation:puff-in-center 1.5s cubic-bezier(.47,0.000,.745,.715) both 1s;transform-origin: 0% 0%;}
.dreamswrap .dreams1 .inner .mainvis .floting{animation:gentle-float 1.5s linear infinite alternate;}
.dreamswrap .dreams1 .inner .undertxt{position: absolute;bottom: 10px;left: 50%; transform: translate(-50%,0);width: 1188px;}
.dreamswrap .dreams1 .inner .undertxt::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;right: -5%;top: -40%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams1 .ripple-circle {position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%) scale(0.5); border: clamp(150px, calc(300px + 300 * (100vw - 720px) / 720), 300px) solid rgba(0, 0, 0, 0.2); border-radius: 50%; pointer-events: none; animation: rippleEffect 10s infinite linear; opacity: 0; } 
.dreamswrap .dreams1 .circle-1 { animation-delay: 0s; } 
.dreamswrap .dreams1 .circle-2 { animation-delay: 5s; } 
.dreamswrap .dreams1 .circle-3 { animation-delay: 10s; } 
.dreamswrap .dreams1 .circle-4 { animation-delay: 15s; }
.dreamswrap .dreams2{background: #fff;}
.dreamswrap .dreams2 .inner .maintitle{padding: 5.5% 3% 11% 5.613%;position: relative;}
.dreamswrap .dreams2 .inner .maintitle .emb{text-align: right;display: flex; align-items: end; width: 100%; justify-content: end; flex-direction: column;}
.dreamswrap .dreams2 .inner .maintitle .emb span{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);padding: 0.7% 0;font-family: var(--paper) !important;font-weight: 700;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.dreamswrap .dreams2 .inner .maintitle .emb span:nth-of-type(1){border-bottom: 0;}
.dreamswrap .dreams2 .inner .maintitle .emb span i{color:#8aa330;font-family: var(--paper) !important;}
.dreamswrap .dreams2 .inner .maintitle h2{color:#222;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);line-height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px); font-family: var(--paper) !important;font-weight: 800;position: relative;margin-bottom: 8%;}
.dreamswrap .dreams2 .inner .maintitle h2 span{color:#222;font-size: clamp(43.5px, calc(87px + 87 * (100vw - 720px) / 720), 87px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams2 .inner .maintitle h2 span i{color:#222;font-family: var(--paper) !important;font-weight: 800}
.dreamswrap .dreams2 .inner .maintitle h2 span.on i i{animation: color1 0.5s linear both;}
.dreamswrap .dreams2 .inner .maintitle h2 span.on i i:nth-of-type(2){animation-delay: 0.1s;}
.dreamswrap .dreams2 .inner .maintitle h2 span.on i i:nth-of-type(3){animation-delay: 0.2s;}
.dreamswrap .dreams2 .inner .maintitle h2 span.on i i:nth-of-type(4){animation-delay: 0.3s;}
.dreamswrap .dreams2 .inner .maintitle h2 span.on i i:nth-of-type(5){animation-delay: 0.4s;}
.dreamswrap .dreams2 .inner .maintitle h2::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;left: 0%;top:-40%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams2 .inner .maintitle p.T1{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(25.5px, calc(51px + 51 * (100vw - 720px) / 720), 51px);}
.dreamswrap .dreams2 .inner .videos{width: 100%; padding-bottom: 54.25%;position: relative;}
.dreamswrap .dreams2 .inner .videos iframe{position: absolute;width: 100%; height: 100%;left: 0;top: 0;}
.dreamswrap .dreams2 .inner .movtxt{padding:2% 0 20% 0;display: flex;align-items: center;justify-content: center;}
.dreamswrap .dreams2 .inner .movtxt span{color:#222;font-size: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);font-style: italic;}
.dreamswrap .dreams2 .inner .movtxt .lines{position: relative;display: flex;width: 0%;justify-content: center;align-items: center;padding: 0 2%;}
.dreamswrap .dreams2 .inner .movtxt .lines.on{animation: wi65 1s linear both;}
.dreamswrap .dreams2 .inner .movtxt .lines i{position: relative;width: 100%; height: 1px;background: #222;display: inline-block;}
.dreamswrap .dreams3.gray{background: #efeff4;}
.dreamswrap .dreams3.white{background: #fff;}
.dreamswrap .dreams3 .inner .maintitle{padding: 5.5% 3% 11% 5.613%;position: relative;}
.dreamswrap .dreams3 .inner .maintitle .emb{text-align: right;display: flex; align-items: end; width: 100%; justify-content: end; flex-direction: column;}
.dreamswrap .dreams3 .inner .maintitle .emb span{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);padding: 0.7% 0;display: inline-block;font-family: var(--paper) !important;font-weight: 700;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.dreamswrap .dreams3 .inner .maintitle .emb span:nth-of-type(1){border-bottom: 0;}
.dreamswrap .dreams3 .inner .maintitle .emb span i{color:#8aa330;font-family: var(--paper) !important;}
.dreamswrap .dreams3 .inner .maintitle h2{color:#222;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);line-height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px); font-family: var(--paper) !important;font-weight: 800;position: relative;margin-bottom: 5%;padding-top: 3%;display: inline-block;}
.dreamswrap .dreams3 .inner .maintitle h2 p.em{color:#222;font-size: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);margin-bottom: -1%;font-weight: 500;font-style: italic;position: relative;}
.dreamswrap .dreams3 .inner .maintitle h2 p.em:after{content: '';width: 0%; position: absolute;height: 1px;background: #222;margin-left: 2%;bottom: 30%;}
.dreamswrap .dreams3.gray .inner .maintitle h2.on p.em:after{animation: wi40 0.5s linear both;}
.dreamswrap .dreams3.white .inner .maintitle h2.on p.em:after{animation: wi40 0.5s linear both;}
.dreamswrap .dreams3 .inner .maintitle h2 span{color:#222;font-size: clamp(43.5px, calc(87px + 87 * (100vw - 720px) / 720), 87px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams3 .inner .maintitle h2 span i{color:#222;font-family: var(--paper) !important;font-weight: 800}
.dreamswrap .dreams3.gray .inner .maintitle h2 span.on i i{animation: color1 1s linear both;}
.dreamswrap .dreams3.white .inner .maintitle h2 span.on i i{animation: color1 1s linear both;}
.dreamswrap .dreams3 .inner .maintitle h2::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;left: 0%;top:-37%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams3 .inner .maintitle p.T1{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(25.5px, calc(51px + 51 * (100vw - 720px) / 720), 51px);}
.dreamswrap .dreams3 .inner .dreamswith{padding: 0% 5.613% 18% 5.613%}
.dreamswrap .dreams3 .inner .dreamswith ul{display: flex;align-items: center; flex-wrap: wrap;gap: 3%;margin-bottom: 5%;}
.dreamswrap .dreams3 .inner .dreamswith ul li{width: 48.5%;margin-bottom: 8%;}
.dreamswrap .dreams3 .inner .dreamswith ul li a{position: relative;display: block;}
.dreamswrap .dreams3 .inner .dreamswith ul li a:hover p.T3:after{transform: translate(30%,-80%);transform-origin: 100% 0 ;}
.dreamswrap .dreams3 .inner .dreamswith ul li a .imgarea{width: 100%;transition: transform 0.3s ease;overflow: hidden;position: relative;height: clamp(172px, calc(344px + 344 * (100vw - 720px) / 720), 344px);}
.dreamswrap .dreams3 .inner .dreamswith ul li a img {display: block;transition: transform 0.3s ease;object-fit: cover;height: clamp(235px, calc(470px + 470 * (100vw - 720px) / 720), 470px);;}
.dreamswrap .dreams3 .inner .dreamswith ul li a:hover img {transform: scale(1.05);}
.dreamswrap .dreams3 .inner .dreamswith ul li a .imgarea::after {content: '';position: absolute;top: 0;left: -100%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent 0%, rgba(255, 255, 255, 0.5) 50%,transparent 100%);transform: skewX(-25deg);pointer-events: none;}
.dreamswrap .dreams3 .inner .dreamswith ul li a:hover .imgarea::after {left: 150%;transition: left 0.6s ease-in-out;}
.dreamswrap .dreams3 .inner .dreamswith ul li p.T2{color:#222;font-size: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);font-style: italic;padding: 7% 0 4% 0;position: relative;overflow: hidden;}
.dreamswrap .dreams3 .inner .dreamswith ul li p.T2:after{content: '';width: 100%; position: absolute;height: 1px;background: #222;margin-left: 2%;bottom: 30%;}
.dreamswrap .dreams3 .inner .dreamswith ul li p.T3{position: relative;text-align: center;}
.dreamswrap .dreams3 .inner .dreamswith ul li p.T3 span{color:#222;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);font-weight: 600;text-align: center;width: 85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin: auto;display: block;}
.dreamswrap .dreams3 .inner .dreamswith ul li p.T3:after{content: '';position: absolute;background: url(../images/arows.png) no-repeat;width: clamp(10.5px, calc(21px + 21 * (100vw - 720px) / 720), 21px);height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);background-size: cover;right: 0;top: 50%; transform: translate(0,-50%);transition: 0.1s linear;}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging{display: flex;align-items: center;justify-content: center;gap: 2%;}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging{display: block;width: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px);height: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px);border: 1px solid #222;text-indent: -9999px;position: relative;;}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging.prev,.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging.few{border-color: #c0c0c0;}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging.prev:before{content: '';position: absolute;background: url(../images/guard-arow2.png) no-repeat;width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);background-size: cover;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging.be:before{content: '';position: absolute;background: url(../images/guard-arow.png) no-repeat;width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);background-size: cover;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging.few:before{content: '';position: absolute;background: url(../images/guard-arow2.png) no-repeat;width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);background-size: cover;top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(180deg);}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging .paging.next:before{content: '';position: absolute;background: url(../images/guard-arow.png) no-repeat;width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);background-size: cover;top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(180deg);}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging span a{font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);font-weight: 400;transition: 0.1s linear;display: inline-block;width: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px);height: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px);line-height: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px);text-align: center;}
.dreamswrap .dreams3 .inner .dreamswith .dreamspaging span a.on,.dreamswrap .dreams3 .inner .dreamswith .dreamspaging span a:hover{font-weight: 600;}
.dreamswrap .dreams3 .inner .galview{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);padding: 4%;width: 90%;background: #fff;z-index: 12;display: none;}
.dreamswrap .dreams3 .inner .galview .closed{position: absolute;width: 4.013%; margin: 0 ; right: 5%;z-index: 10;}
.dreamswrap .dreams3 .inner .galview .galT1{display: flex;align-items: flex-end;}
.dreamswrap .dreams3 .inner .galview .galT1 i{font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);line-height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);font-style: italic;font-weight: 600;}
.dreamswrap .dreams3 .inner .galview .galT1 span{margin:0 0 1% 1%;width: 0%; height: 1px;background: #000;display: flex;align-items: center;justify-content: flex-end;font-style: normal;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);}
.dreamswrap .dreams3 .inner .galview .galT1.on span{animation: wi24 0.5s linear both;}
.dreamswrap .dreams3 .inner .galview .galT1 span b{margin-right: -8%;display: inline-block;}
.dreamswrap .dreams3 .inner .galview h3{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#222;font-weight: 700;text-align: center;padding: 3% 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin: auto;width: 70%;}
.dreamswrap .dreams3 .inner .galview .picarea{width: clamp(215px, calc(430px + 430 * (100vw - 720px) / 720), 430px);margin: auto;}
.dreamswrap .dreams3 .inner .galview .picarea img{object-fit: cover;height: clamp(235px, calc(470px + 470 * (100vw - 720px) / 720), 470px);}
.dreamswrap .dreams3 .inner .galview .galT2{font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);padding: 7% 0;text-align: center;}
.dreamswrap .dreams .gal-bg{position: absolute;z-index: 10;left: 0;top: 0;background: #000;opacity: 0.5;width: 100%; height: 100%;display: none}
.dreamswrap .dreams4{background: #e8edf6;overflow: hidden;}
.dreamswrap .dreams4 .inner .maintitle{padding: 5.5% 3% 11% 5.613%;position: relative;}
.dreamswrap .dreams4 .inner .maintitle .emb{text-align: right;display: flex; align-items: end; width: 100%; justify-content: end; flex-direction: column;}
.dreamswrap .dreams4 .inner .maintitle .emb span{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);padding: 0.7% 0;display: inline-block;font-family: var(--paper) !important;font-weight: 700;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.dreamswrap .dreams4 .inner .maintitle .emb span:nth-of-type(1){border-bottom: 0;}
.dreamswrap .dreams4 .inner .maintitle .emb span i{color:#8aa330;font-family: var(--paper) !important;}
.dreamswrap .dreams4 .inner .maintitle h2{color:#222;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);line-height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px); font-family: var(--paper) !important;font-weight: 800;position: relative;margin-bottom: 5%;padding-top: 3%;display: inline-block;}
.dreamswrap .dreams4 .inner .maintitle h2 p.em{color:#222;font-size: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);margin-bottom: -1%;font-weight: 500;font-style: italic;position: relative;}
.dreamswrap .dreams4 .inner .maintitle h2 p.em:after{content: '';width: 0%; position: absolute;height: 1px;background: #222;margin-left: 2%;bottom: 30%;}
.dreamswrap .dreams4 .inner .maintitle h2.on p.em:after{animation: wi40 0.5s linear both;}
.dreamswrap .dreams4 .inner .maintitle h2 span{color:#222;font-size: clamp(43.5px, calc(87px + 87 * (100vw - 720px) / 720), 87px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams4 .inner .maintitle h2 span i{color:#222;font-family: var(--paper) !important;font-weight: 800}
.dreamswrap .dreams4 .inner .maintitle h2 span.on i i{animation: color1 1s linear both;}
.dreamswrap .dreams4 .inner .maintitle h2::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;left: 0%;top:-37%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams4 .inner .maintitle p.T1{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(25.5px, calc(51px + 51 * (100vw - 720px) / 720), 51px);}
.dreamswrap .dreams4 .inner .dreams-maps{position: relative;margin-bottom: 5%;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section{position: absolute;height: 100%;width: 100%;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point {position: absolute; padding: 1% 3%;border-radius: 999px;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px); font-weight: 700;text-align: center;border: 1px solid #111; background: #fff; }
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point.active,.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:hover{background: #a6c143;color:#fff;border: 1px solid #a6c143;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:before{content: '';width: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); height: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); border-radius: 999px; background: #8893a7;bottom: -60%;position: absolute;left: 50%; transform: translate(-50%,0);}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point.active:before,.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:hover:before{background: #a6c143;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point.active:hover,.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:hover:after{content: '';width: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); height: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); border-radius: 999px; background: #8893a7;bottom: -60%;position: absolute;left: 50%; transform: translate(-50%,0);;animation: vanishOut 2s linear infinite ;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:nth-of-type(1){left: 22%; top: 15%;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:nth-of-type(2){left: 49%; top: 10%;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:nth-of-type(3){left: 35%; top: 37%;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:nth-of-type(4){left: 64%; top: 43%;}
.dreamswrap .dreams4 .inner .dreams-maps .map-section .map-point:nth-of-type(5){left: 31%; top: 63%;}
.dreamswrap .dreams4 .inner .dreams-maps .ob{position: absolute;width: 15.973%;left: 50%;}
.dreamswrap .dreams4 .inner .dreams-maps .ob1{margin-left: 600px;top: -52px}
.dreamswrap .dreams4 .inner .dreams-maps .ob2{margin-left: -772px;top: 364px}
.dreamswrap .swiper{margin-left: auto;margin-right: auto;position: relative;list-style: none;padding: 0;z-index: 1; display: block;overflow: hidden;}
.dreamswrap .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);box-sizing: content-box;}
.dreamswrap .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.dreamswrap .swiper-horizontal {touch-action: pan-y;}
.dreamswrap .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;display: block;}
.dreamswrap .dreams4 .inner .region-data{ display: none; }
.dreamswrap .dreams4 .inner .region-data.active { display: block; }
.dreamswrap .dreams4 .inner .region-data.active .no-data{font-size: 22px;font-weight: 700;color: #111;width: 700px; }
.dreamswrap .dreams4 .inner .region-data .galview{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);padding: 4%;width: 90%;background: #fff;z-index: 12;}
.dreamswrap .dreams4 .inner .region-data .galview .closed{position: absolute;width: 4.013%; margin: 0 ; right: 5%;z-index: 10;}
.dreamswrap .dreams4 .inner .region-data .galview .galT1{display: flex;align-items: flex-end;}
.dreamswrap .dreams4 .inner .region-data .galview .galT1 i{font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);line-height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);font-style: italic;font-weight: 600;}
.dreamswrap .dreams4 .inner .region-data .galview .galT1 span{margin:0 0 1% 1%;width: 0%; height: 1px;background: #000;display: flex;align-items: center;justify-content: flex-end;font-style: normal;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);}
.dreamswrap .dreams4 .inner .region-data .galview .galT1.on span{animation: wi24 0.5s linear both;}
.dreamswrap .dreams4 .inner .region-data .galview .galT1 span b{margin-right: -8%;display: inline-block;}
.dreamswrap .dreams4 .inner .region-data .galview h3{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#222;font-weight: 700;text-align: center;padding: 3% 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin: auto;width: 70%;}
.dreamswrap .dreams4 .inner .region-data .galview h3 i{color:#97b138}
.dreamswrap .dreams4 .inner .region-data .galview .gals{position: relative;}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiper{width: 80%;}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiper .swiper-slide img{object-fit: cover;height: clamp(235px, calc(470px + 470 * (100vw - 720px) / 720), 470px);;}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiperarow{position: absolute;top: 50%;margin-top:-20%;}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiperarow svg{width: clamp(11.5px, calc(23px + 23 * (100vw - 720px) / 720), 23px);height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiperarow.swiper-button-prev{left: 2%;transform: rotate(180deg);}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiperarow.swiper-button-next{right: 2%;}
.dreamswrap .dreams4 .inner .region-data .galview .gals .swiperarow.swiper-button-disabled{opacity: 0.1;}
.dreamswrap .dreams4 .inner .region-data .galview .galT2{font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);padding:6% 0 5% 0;text-align: center;font-weight: 700;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin: auto;width: 100%}
.dreamswrap .dreams4 .inner .region-data .pagings{text-align: center;}
.dreamswrap .dreams4 .inner .region-data .pagings .swiper-pagination{text-align: center;padding: 1% 3%;border: 1px solid #9197a4;border-radius: 9999px;display: inline-block;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);}
.dreamswrap .dreams4 .inner .region-data .pagings .swiper-pagination span{font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);}
.dreamswrap .dreams4 .inner .region-data .pagings .swiper-pagination span.swiper-pagination-current{font-weight: 700;}
.dreamswrap .dreams4 .inner .dreams-cont{padding-bottom: 20%;}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont{display: flex;align-items: center;justify-content: space-between;background: #fff; padding: 5%;width: 90%;margin: auto;margin-bottom: 2%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont p.T2{font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#222;font-weight: 500;}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont p.T3{display: flex;align-items: center;}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont p.T3 i{font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);color:#97b138;font-weight: 700;}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont p.T3 span{font-size: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);line-height: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px); color:#222;font-style: italic;margin-left: 5%;}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont .text-count{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#222;}
.dreamswrap .dreams4 .inner .dreams-cont .text-cont .text-count i{font-size: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);color:#222;font-weight: 700;}
.dreamswrap .dreams4 .inner .dreams-cont p.T4{color:#777;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);color:#222;text-align: right;padding:1% 5% 0 0%;}
.dreamswrap .dreams5{background: #fff;overflow: hidden;}
.dreamswrap .dreams5 .inner .maintitle{padding: 5.5% 3% 11% 5.613%;position: relative;}
.dreamswrap .dreams5 .inner .maintitle .emb{text-align: right;display: flex; align-items: end; width: 100%; justify-content: end; flex-direction: column;}
.dreamswrap .dreams5 .inner .maintitle .emb span{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);padding: 0.7% 0;display: inline-block;font-family: var(--paper) !important;font-weight: 700;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.dreamswrap .dreams5 .inner .maintitle .emb span:nth-of-type(1){border-bottom: 0;}
.dreamswrap .dreams5 .inner .maintitle .emb span i{color:#8aa330;font-family: var(--paper) !important;}
.dreamswrap .dreams5 .inner .maintitle h2{color:#222;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);line-height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px); font-family: var(--paper) !important;font-weight: 800;position: relative;margin-bottom: 5%;padding-top: 5%;display: inline-block;}
.dreamswrap .dreams5 .inner .maintitle h2 p{color:#222;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);line-height: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); font-weight: 500;font-family: var(--paper) !important;}
.dreamswrap .dreams5 .inner .maintitle h2 span{color:#222;font-size: clamp(43.5px, calc(87px + 87 * (100vw - 720px) / 720), 87px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams5 .inner .maintitle h2 span i{color:#222;font-family: var(--paper) !important;font-weight: 800}
.dreamswrap .dreams5 .inner .maintitle h2 span.on i i{animation: color1 1s linear both;}
.dreamswrap .dreams5 .inner .maintitle h2 span.on i i:nth-of-type(2){animation-delay: 0.1s;}
.dreamswrap .dreams5 .inner .maintitle h2::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;left: 0%;top:-37%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams5 .inner .maintitle p.T1{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(25.5px, calc(51px + 51 * (100vw - 720px) / 720), 51px);}
.dreamswrap .dreams5 .inner .grow-tab{display: flex;align-items: center;justify-content: center;gap: 3%;}
.dreamswrap .dreams5 .inner .grow-tab a{padding: 1.8% 11%;border: 1px solid #222;color:#222;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);border-radius: 9999px;}
.dreamswrap .dreams5 .inner .grow-tab a.active{background: #a6c143;font-weight: 700;color:#fff; border: 1px solid #a6c143;}
.dreamswrap .dreams5 .inner .grow-galarea{position: relative;}
.dreamswrap .dreams5 .inner .grow-galarea .innercont{width: 90%; margin: auto;padding-bottom: 8%;}
.dreamswrap .dreams5 .inner .grow-galarea .imgarea{width: 69.908%; margin: auto;padding: 5% 0;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: auto;margin-bottom: 3%;position: relative;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont p.T2{font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#222;font-weight: 500;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont p.T3{display: flex;align-items: center;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont p.T3 i{font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);color:#97b138;font-weight: 700;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont span.lines{margin:0 0 1% 1%;width: 0%; height: 1px;background: #000;display: flex;align-items: center;justify-content: flex-end;font-style: normal;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);position: absolute;bottom: -10%;left: 0;}
.dreamswrap .dreams5 .inner .grow-galarea .swiper-slide.swiper-slide-active .text-cont span{animation: wi100 1s linear both;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont .text-count{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#222;}
.dreamswrap .dreams5 .inner .grow-galarea .text-cont .text-count i{font-size: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);color:#222;font-weight: 700;}
.dreamswrap .dreams5 .inner .grow-galarea p.T4{font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);color:#222;margin-bottom: 9%;}
.dreamswrap .dreams5 .inner .grow-galarea p.T4 .sm{font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);color:#222}
.dreamswrap .dreams5 .inner .grow-galarea p.T5{font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);color:#777;padding-right: 5%;text-align: right;}
.dreamswrap .dreams5 .inner .grow-galarea .grow-gal1 .swiperarow{margin-top:-27%;}
.dreamswrap .dreams5 .inner .grow-galarea .swiperarow{position: absolute;top: 50%;margin-top:-25%;z-index: 5;}
.dreamswrap .dreams5 .inner .grow-galarea .swiperarow svg{width: clamp(11.5px, calc(23px + 23 * (100vw - 720px) / 720), 23px);height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);}
.dreamswrap .dreams5 .inner .grow-galarea .swiperarow.swiper-button-prev{left: 7%;transform: rotate(180deg);}
.dreamswrap .dreams5 .inner .grow-galarea .swiperarow.swiper-button-next{right: 7%;}
.dreamswrap .dreams5 .inner .grow-galarea .swiperarow.swiper-button-disabled{opacity: 0.1;}
.dreamswrap .dreams5 .inner .grow-galarea .ob{position: absolute;left: 50%;animation: opa 1s linear infinite alternate;opacity: 0;}
.dreamswrap .dreams5 .inner .grow-galarea .ob1{margin-left: -832px; top: 35px;}
.dreamswrap .dreams5 .inner .grow-galarea .ob1 img,.dreamswrap .dreams5 .inner .grow-galarea .ob6 img{width: auto;}
.dreamswrap .dreams5 .inner .grow-galarea .ob2{margin-left: -691px; top: 191px;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#222;animation-delay: 0.3s;}
.dreamswrap .dreams5 .inner .grow-galarea .ob3{width: 7.5%;left: 10%; top: 7%;animation-delay: 0.4s}
.dreamswrap .dreams5 .inner .grow-galarea .ob4{width: 13.474%;left: 84%; top: 0%;animation-delay: 0.2s}
.dreamswrap .dreams5 .inner .grow-galarea .ob5{margin-left: 642px; top: 243px;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#222;animation-delay: 0.6s}
.dreamswrap .dreams5 .inner .grow-galarea .ob6{margin-left: 770px; top: 17px;animation-delay: 0.5s}
.dreamswrap .dreams6{background: #ecfaef;overflow: hidden;}
.dreamswrap .dreams6 .inner .maintitle{padding: 5.5% 3% 0% 5.613%;position: relative;}
.dreamswrap .dreams6 .inner .maintitle .emb{text-align: right;display: flex; align-items: end; width: 100%; justify-content: end; flex-direction: column;}
.dreamswrap .dreams6 .inner .maintitle .emb span{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);padding: 0.7% 0;display: inline-block;font-family: var(--paper) !important;font-weight: 700;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.dreamswrap .dreams6 .inner .maintitle .emb span:nth-of-type(1){border-bottom: 0;}
.dreamswrap .dreams6 .inner .maintitle .emb span i{color:#8aa330;font-family: var(--paper) !important;}
.dreamswrap .dreams6 .inner .maintitle h2{color:#222;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);line-height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px); font-family: var(--paper) !important;font-weight: 800;position: relative;margin-bottom: 5%;padding-top: 5%;display: inline-block;}
.dreamswrap .dreams6 .inner .maintitle h2 p{color:#222;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);line-height: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); font-weight: 500;font-family: var(--paper) !important;}
.dreamswrap .dreams6 .inner .maintitle h2 span{color:#222;font-size: clamp(43.5px, calc(87px + 87 * (100vw - 720px) / 720), 87px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams6 .inner .maintitle h2 span i{color:#222;font-family: var(--paper) !important;font-weight: 800}
.dreamswrap .dreams6 .inner .maintitle h2 span.on i i{animation: color1 1s linear both;}
.dreamswrap .dreams6 .inner .maintitle h2 span.on i i:nth-of-type(2){animation-delay: 0.1s;}
.dreamswrap .dreams6 .inner .maintitle h2 span.on i i:nth-of-type(3){animation-delay: 0.2s;}
.dreamswrap .dreams6 .inner .maintitle h2::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;left: 0%;top:-37%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams6 .inner .maintitle p.T1{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(25.5px, calc(51px + 51 * (100vw - 720px) / 720), 51px);}
.dreamswrap .dreams6 .inner .thumgalview {position: relative;width: 100%;padding-bottom: 20%;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap{margin-bottom: 5%;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .main-img-box{width: clamp(215px, calc(430px + 430 * (100vw - 720px) / 720), 430px);height: clamp(215px, calc(430px + 430 * (100vw - 720px) / 720), 430px);position: relative;z-index: 2; margin: 0 auto 6.5%;overflow: hidden;-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cellipse stroke='null' fill='%23000000' cx='72.15245' cy='27.7015' id='svg_6' rx='27.84755' ry='27.95183'/%3E%3Cpath stroke='null' id='svg_9' d='m50,75.1879c-13.86405,0 -25.09393,-11.27193 -25.09393,-25.1879c0,-13.91597 11.22988,-25.1879 25.09393,-25.1879c13.86405,0 25.09393,11.27193 25.09393,25.1879c0,13.91597 -11.22988,25.1879 -25.09393,25.1879z' fill='%23000000'/%3E%3Cellipse stroke='null' fill='%23000000' cx='27.84755' cy='27.95183' id='svg_1' rx='27.84755' ry='27.95183'/%3E%3Cellipse stroke='null' fill='%23000000' cx='27.84755' cy='72.04817' id='svg_2' rx='27.84755' ry='27.95183'/%3E%3Cellipse stroke='null' fill='%23000000' cx='72.15245' cy='72.04817' id='svg_3' rx='27.84755' ry='27.95183'/%3E%3C/g%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cellipse stroke='null' fill='%23000000' cx='72.15245' cy='27.7015' id='svg_6' rx='27.84755' ry='27.95183'/%3E%3Cpath stroke='null' id='svg_9' d='m50,75.1879c-13.86405,0 -25.09393,-11.27193 -25.09393,-25.1879c0,-13.91597 11.22988,-25.1879 25.09393,-25.1879c13.86405,0 25.09393,11.27193 25.09393,25.1879c0,13.91597 -11.22988,25.1879 -25.09393,25.1879z' fill='%23000000'/%3E%3Cellipse stroke='null' fill='%23000000' cx='27.84755' cy='27.95183' id='svg_1' rx='27.84755' ry='27.95183'/%3E%3Cellipse stroke='null' fill='%23000000' cx='27.84755' cy='72.04817' id='svg_2' rx='27.84755' ry='27.95183'/%3E%3Cellipse stroke='null' fill='%23000000' cx='72.15245' cy='72.04817' id='svg_3' rx='27.84755' ry='27.95183'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .swiper-slide .backdeco{position: absolute;margin-top: -37%; left: 50%;transform: translate(-50%,-50%);display: flex;width: 80%;justify-content: center;align-items: end;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .swiper-slide .backdeco span{color:#222; font-size: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);font-style: italic;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .swiper-slide.swiper-slide-active .backdeco i{width: 90%;display: flex;align-items: center;margin: 0 2%;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .swiper-slide .backdeco i{width: 0%;display: flex;align-items: center;transition: 0.5s linear;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .swiper-slide .backdeco b{width: 100%; height: 1px;background: #222;display: inline-block;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .main-img-box img {width: 100%;height: 100%;object-fit: cover;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .main-text-box {width: 86%; margin: auto;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .region-tag {color: #97b138;font-weight: 700;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);position: relative;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .region-tag i{position: absolute;margin-left: -40%; top: 50%; transform: translate(0,-50%);color: #97b138;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px)}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .title {font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-weight: 700;color:#222;margin-bottom: 3%;}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .title i{font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);font-weight: 400;vertical-align: middle;color:#222}
.dreamswrap .dreams6 .inner .thumgalview .main-gal-wrap .quote {font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);line-height: clamp(23px, calc(46px + 46 * (100vw - 720px) / 720), 46px); color: #222;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap {position: relative;width: 86%; margin: auto;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-swiper {width: 100%;overflow: hidden;position: relative;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-swiper .swiper-slide {width: clamp(55px, calc(110px + 110 * (100vw - 720px) / 720), 110px);height: clamp(55px, calc(110px + 110 * (100vw - 720px) / 720), 110px);cursor: pointer; filter: grayscale(100%);;transition: 0.3s linear}
.dreamswrap .dreams6 .inner .thumgalview .thumb-swiper .swiper-slide-thumb-active {filter: grayscale(0%);}
.dreamswrap .dreams6 .inner .thumgalview .thumb-swiper .thumb-box {width: 100%;height: 100%; overflow: hidden;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-swiper .thumb-box img {width: 100%;height: 100%;object-fit: cover;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev,
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-next{position: absolute;top: 50%;transform: translate(0,-50%);}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev,
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-next,
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev svg,
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-next svg {width: clamp(11.5px, calc(23px + 23 * (100vw - 720px) / 720), 23px);height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev svg{transform: rotate(180deg);}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev:after,
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev {left: -6%;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-next {right:-6%;}
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-prev.swiper-button-disabled svg,
.dreamswrap .dreams6 .inner .thumgalview .thumb-gal-wrap .thumb-next.swiper-button-disabled svg{opacity: 0.2;}
.dreamswrap .dreams6 .inner .thumgalview .ob{position: absolute;left: 50%;animation: opa 1s linear infinite alternate;opacity: 0;}
.dreamswrap .dreams6 .inner .thumgalview .ob1{margin-left: -832px; top: 35px;}
.dreamswrap .dreams6 .inner .thumgalview .ob1 img,.dreamswrap .dreams6 .inner .thumgalview .ob6 img{width: auto;}
.dreamswrap .dreams6 .inner .thumgalview .ob2{margin-left: -691px; top: 191px;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#222;animation-delay: 0.3s;}
.dreamswrap .dreams6 .inner .thumgalview .ob3{width: 5.557%;left: 8%; top: 2%;animation:none;opacity: 1}
.dreamswrap .dreams6 .inner .thumgalview .ob4{width: 5.557%;left: 84%; top: 37%;animation:none;opacity: 1; transform: rotate(180deg);}
.dreamswrap .dreams6 .inner .thumgalview .ob5{margin-left: 642px; top: 243px;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#222;animation-delay: 0.6s}
.dreamswrap .dreams6 .inner .thumgalview .ob6{margin-left: 770px; top: 17px;animation-delay: 0.5s}
.dreamswrap .dreams7{background: #fff;overflow: hidden;}
.dreamswrap .dreams7 .inner .maintitle{padding: 5.5% 3% 9% 5.613%;position: relative;}
.dreamswrap .dreams7 .inner .maintitle .emb{text-align: right;display: flex; align-items: end; width: 100%; justify-content: end; flex-direction: column;}
.dreamswrap .dreams7 .inner .maintitle .emb span{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);padding: 0.7% 0;display: inline-block;font-family: var(--paper) !important;font-weight: 700;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.dreamswrap .dreams7 .inner .maintitle .emb span:nth-of-type(1){border-bottom: 0;}
.dreamswrap .dreams7 .inner .maintitle .emb span i{color:#8aa330;font-family: var(--paper) !important;}
.dreamswrap .dreams7 .inner .maintitle h2{color:#222;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);line-height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px); font-family: var(--paper) !important;font-weight: 800;position: relative;margin-bottom: 8%;padding-top: 1%; display: inline-block;}
.dreamswrap .dreams7 .inner .maintitle h2 span{color:#222;font-size: clamp(43.5px, calc(87px + 87 * (100vw - 720px) / 720), 87px);font-family: var(--paper) !important;font-weight: 800;display: block;line-height: clamp(41.5px, calc(83px + 83 * (100vw - 720px) / 720), 83px)}
.dreamswrap .dreams7 .inner .maintitle h2 span i{color:#222;font-family: var(--paper) !important;font-weight: 800}
.dreamswrap .dreams7 .inner .maintitle h2 span.on i i{animation: color1 1s linear both;}
.dreamswrap .dreams7 .inner .maintitle h2 span.on i i:nth-of-type(2){animation-delay: 0.1s;}
.dreamswrap .dreams7 .inner .maintitle h2 span.on i i:nth-of-type(3){animation-delay: 0.2s;}
.dreamswrap .dreams7 .inner .maintitle h2 span.on i i:nth-of-type(4){animation-delay: 0.3s;}
.dreamswrap .dreams7 .inner .maintitle h2 span.on i i:nth-of-type(5){animation-delay: 0.4s;}
.dreamswrap .dreams7 .inner .maintitle h2 span.on i i:nth-of-type(6){animation-delay: 0.5s;}
.dreamswrap .dreams7 .inner .maintitle h2::before{content: '';position: absolute;background: url(../images/ob1.png) no-repeat;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);background-size: cover;left: 0%;top:-30%;animation: rot 1s linear infinite alternate;}
.dreamswrap .dreams7 .inner .maintitle p.T1{color:#222; font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);position: relative;margin-bottom: 1%;}
.dreamswrap .dreams7 .inner .maintitle p.T1 img{width: 8.36%;position: absolute;top: 30%;right: 10%;animation: rot 0.5s linear infinite alternate;}
.dreamswrap .dreams7 .inner .maintitle p.T2{color:#97b138; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);position: relative;}
.dreamswrap .dreams7 .inner .form-wrapper { width: 100%; max-width: 720px; background: #ffffff; padding: 0 5.613% 6% 5.613%; margin: 0 auto; }
.dreamswrap .dreams7 .inner .form-input, .form-select { width: 100%; height: clamp(45px, calc(90px + 90 * (100vw - 720px) / 720), 90px); border: 1px solid #ccc; border-radius: 4px; padding: 0 16px; font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); color: #222; }
.dreamswrap .dreams7 .inner .form-input:focus, .form-select:focus { border-color: #97b138; }
.dreamswrap .dreams7 .inner .form-input:-webkit-autofill, .form-input:-webkit-autofill:hover, .form-input:-webkit-autofill:focus, .form-input:-webkit-autofill:active { -webkit-text-fill-color: #333; transition: background-color 5000s ease-in-out 0s; font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) !important;  }
.dreamswrap .dreams7 .inner .form-group { margin-bottom: 28px; }
.dreamswrap .dreams7 .inner .form-label { display: block; font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); font-weight: 700; color: #111; margin-bottom: 3%;text-align: left; }
.dreamswrap .dreams7 .inner .email-row { display: flex; gap: 12px; }
.dreamswrap .dreams7 .inner .email-row .form-input, .email-row .custom-select-box { flex: 1; }
.dreamswrap .dreams7 .inner .custom-select-box { position: relative; width: 100%; }
.dreamswrap .dreams7 .inner .select-trigger { width: 100%; height: clamp(45px, calc(90px + 90 * (100vw - 720px) / 720), 90px); border: 1px solid #ccc; border-radius: 4px; padding: 0 16px; font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); color: #333; background: #fff; display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-align: left; outline: none; }
.dreamswrap .dreams7 .inner .custom-select-box.active .select-trigger { border-color: #97b138; }
.dreamswrap .dreams7 .inner .arrow-icon { width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px); height: clamp(5.5px, calc(11px + 11 * (100vw - 720px) / 720), 11px); background: url(../images/sel-arow.png); background-size: contain; background-repeat: no-repeat; transition: transform 0.2s ease; }
.dreamswrap .dreams7 .inner .custom-select-box.active .arrow-icon { transform: rotate(180deg); }
.dreamswrap .dreams7 .inner .option-list { display: none; position: absolute; top: calc(100% + 4px); left: 0; width: 100%; background: #fff; border: 1px solid #97b138; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); list-style: none; z-index: 100; max-height: 200px; overflow-y: auto; }
.dreamswrap .dreams7 .inner .custom-select-box.active .option-list { display: block; }
.dreamswrap .dreams7 .inner .option-item { padding: 12px 16px; font-size: clamp(14px, calc(18px + 18 * (100vw - 720px) / 720), 18px); color: #333; cursor: pointer; transition: background-color 0.2s ease; }
.dreamswrap .dreams7 .inner .option-item:hover, .option-item.selected { background-color: #f2f8eb; color: #97b138; font-weight: 600; }
.dreamswrap .dreams7 .inner .option-item.placeholder { color: #aaa; }
.dreamswrap .dreams7 .inner .custom-checkbox { display: flex; align-items: center; position: relative; cursor: pointer; margin-bottom: 3%; user-select: none; }
.dreamswrap .dreams7 .inner .custom-checkbox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.dreamswrap .dreams7 .inner .checkmark { width: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px); height: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px); border: 1px solid #ccc; background-color: #fff; margin-right: 2%; flex-shrink: 0; position: relative; transition: all 0.2s ease; }
.dreamswrap .dreams7 .inner .custom-checkbox input:checked ~ .checkmark { background-color: #97b138; border-color: #97b138; }
.dreamswrap .dreams7 .inner .checkmark::after { content: ""; position: absolute; display: none; margin: 15% 0 0 36%; width: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px); height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px); border: solid white; border-width: 0 clamp(2px, calc(4px + 4 * (100vw - 720px) / 720), 4px) clamp(2px, calc(4px + 4 * (100vw - 720px) / 720), 4px) 0; transform: rotate(45deg); }
.dreamswrap .dreams7 .inner .custom-checkbox input:checked ~ .checkmark::after { display: block; }
.dreamswrap .dreams7 .inner .label-text { font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); color: #333; font-weight: 500; }
.dreamswrap .dreams7 .inner .highlight { color: #97b138; font-weight: 700; margin-right: 4px; }
.dreamswrap .dreams7 .inner .terms-table { width: 100%; border-collapse: collapse; margin:5% 0; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.dreamswrap .dreams7 .inner .terms-table th,.dreamswrap .dreams7 .inner .terms-table td { padding: 3%; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px); text-align: left; border-bottom: 1px solid #eee;vertical-align: middle; }
.dreamswrap .dreams7 .inner .terms-table th { width: 25%; font-weight: 700; color: #111; border-right: 1px solid #eee; }
.dreamswrap .dreams7 .inner .terms-table td { color: #111; }
.dreamswrap .dreams7 .inner .terms-table tr:last-child th,.dreamswrap .dreams7 .inner .terms-table tr:last-child td { border-bottom: none; }
.dreamswrap .dreams7 .inner .notice-list { font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px); line-height: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);width: 92%; margin: auto;}
.dreamswrap .dreams7 .inner .notice-list li{position: relative;color: #777;}
.dreamswrap .dreams7 .inner .notice-list li:before{content: '*';color: #777; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);position: absolute;margin-left: -2.5%;}
.dreamswrap .dreams7 .inner .message-box { position: relative; border: 2px solid #97b138; border-radius: 20px; padding: 5% 3%; background-color: #fff; display: flex; align-items: center; justify-content: center; height: clamp(100px, calc(200px + 200 * (100vw - 720px) / 720), 200px); }
.dreamswrap .dreams7 .inner .flower-icon { position: absolute; right: -4%; top: -10%; background: url(../images/ob1.png) no-repeat;height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);background-size: cover; width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);animation: rot 0.5s linear infinite alternate; }
.dreamswrap .dreams7 .inner .message-textarea { width: 100%; height: 100%; resize: none; outline: none; text-align: center; font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); color: #111; line-height: clamp(19px, calc(38px + 38 * (100vw - 720px) / 720), 38px); }
.dreamswrap .dreams7 .inner .warning-text { color: #97b138; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);position: relative;width: 92%; padding: 3% 0 5% 0;margin: auto; }
.dreamswrap .dreams7 .inner .warning-text:before{content: '*';color: #97b138; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);position: absolute;margin-left: -2.5%;}
.dreamswrap .dreams7 .inner .submit-btn { width: 100%; height: clamp(50px, calc(100px + 100 * (100vw - 720px) / 720), 100px); background:linear-gradient(90deg,rgba(158, 191, 62, 1) 0%, rgba(128, 177, 56, 1) 100%);;  border: none; border-radius: 8px; font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px); font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 3%; cursor: pointer;  }
.dreamswrap .dreams7 .inner .submit-btn span{color:#fff;}
.dreamswrap .dreams7 .inner .submit-btn span.pencil-icon{width: 6.102%; display: inline-block;}
.dreamswrap .dreams7 .inner .lines{position: relative;left: 50%;width: 1px;top: 0%;display: block;background: #000;display: flex;align-items: flex-end;justify-content: center;margin-bottom: 3%;}
.dreamswrap .dreams7 .inner .lines span {position: relative;width: 1px;background: #111;display: block;height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);display: inline-block;}
.dreamswrap .dreams7 .inner .lines b{top: 85%; position: absolute;}
.dreamswrap .dreams7 .inner h3{color:#111;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-weight: 700;font-family: var(--paper) !important;font-weight: 700;text-align: center;margin-bottom: 9%;}
.dreamswrap .dreams7 .inner h3 i{color:#97b138;font-family: var(--paper) !important;font-weight: 700;}
.dreamswrap .dreams7 .inner h3 b{color:#ff6241;}
.dreamswrap .dreams7 .listgal{width: 1920px;left: 50%;margin-left: -960px;position: relative;}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box{border-radius: 20px;padding: 5%;overflow: hidden;position: relative;}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box .context-head{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #222;padding: 0 0 3% 0;}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box .context-head span{display: inline-block;font-style: italic;}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box .context-head span:nth-of-type(2){width: 20%;text-align: right;padding-right: 3%;}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box .context-head span i{width: 5px; height: 5px; background: #418f55;border-radius: 5px;margin: 0 2%;display: inline-block;}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box .context-body{display: flex;align-items: center;justify-content: center;font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(32px, calc(46px + 46 * (100vw - 720px) / 720), 46px);color:#222;padding: 5%;text-align: center;height: clamp(150px, calc(300px + 300 * (100vw - 720px) / 720), 300px);}
.dreamswrap .dreams7 .listgal .swiper-slide .context-box .pens{width: 5.885%; bottom: 5%; right: 5%;position: absolute;}
.dreamswrap .dreams7 .listgal .swiper-slide:nth-child(odd) .context-box{background: #e0f8e6}
.dreamswrap .dreams7 .listgal .swiper-slide:nth-child(even) .context-box{background: #e8f7d5}
.dreamswrap .dreams7 .listgal .listarow{text-align: center;position: relative;display: flex;align-items: center;justify-content: center;padding: 3% 0 2% 0;gap: 3%;}
.dreamswrap .dreams7 .listgal .listarow div{display: inline-block;height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);cursor: pointer;}
.dreamswrap .dreams7 .listgal .listarow div svg{width: clamp(11.5px, calc(23px + 23 * (100vw - 720px) / 720), 23px);height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);}
.dreamswrap .dreams7 .listgal .listarow div.swiper-button-prev{left: 2%;transform: rotate(180deg);}
.dreamswrap .dreams7 .listgal .listarow div.swiper-button-next{right: 2%;}
.dreamswrap .dreams7 .listgal .listarow div.swiper-button-disabled{opacity: 0.1;}
.dreamswrap .dreams8{background: #fff;overflow: hidden;}
.dreamswrap .dreams8 .roundimg{background: url(../images/bg2.png) 50% 0 no-repeat;height: clamp(570px, calc(1140px + 1140 * (100vw - 720px) / 720), 1140px);width: clamp(570px, calc(1140px + 1140 * (100vw - 720px) / 720), 1140px);left: 50%;margin-left: -570px;margin: 130px 0 130px -570px;position: relative;}
.dreamswrap .dreams8 .roundimg .T1{margin-bottom: 3%;text-align: center;padding-top: 8.5%;}
.dreamswrap .dreams8 .roundimg .T1 p{margin-bottom: 1.2%;color:#222;font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);line-height: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px); font-family: var(--paper) !important;}
.dreamswrap .dreams8 .roundimg .T1 p:nth-of-type(1){margin-bottom: 0%;}
.dreamswrap .dreams8 .roundimg .T1 p i{color:#222;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams8 .roundimg .T1 p span{color:#222;font-size: clamp(37.5px, calc(75px + 75 * (100vw - 720px) / 720), 75px);font-family: var(--paper) !important;font-weight: 800;}
.dreamswrap .dreams8 .roundimg .T1 p span i{color:#222;font-size: clamp(37.5px, calc(75px + 75 * (100vw - 720px) / 720), 75px);font-weight: 800;font-family: var(--paper) !important;}
.dreamswrap .dreams8 .roundimg .T1 p span.on i{animation: color1 1s linear both;}
.dreamswrap .dreams8 .roundimg .T1 p span.on i:nth-of-type(2){animation-delay: 0.1s;}
.dreamswrap .dreams8 .roundimg .T1 p span.on i:nth-of-type(3){animation-delay: 0.2s;}
.dreamswrap .dreams8 .roundimg .T1 p span.on i:nth-of-type(4){animation-delay: 0.3s;}
.dreamswrap .dreams8 .roundimg .T1 p span.on i:nth-of-type(5){animation-delay: 0.4s;}
.dreamswrap .dreams8 .roundimg .T1 p span.on i:nth-of-type(6){animation-delay: 0.5s;}
.dreamswrap .dreams8 .roundimg .round-btn{text-align: center;}
.dreamswrap .dreams8 .roundimg .round-btn a{padding: 1.6% 5%;background: #b9c728;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);font-weight: 700;border-radius: 999px;display: inline-block;color:#222}
.dreamswrap .dreams8 .roundimg .round-btn a i{color:#fff;}
.dreamswrap .dreams8 h2{color:#222;font-size: clamp(37.5px, calc(75px + 75 * (100vw - 720px) / 720), 75px);font-family: var(--paper) !important;font-weight: 800;text-align: center;margin-bottom: 10%;}
.dreamswrap .dreams8 h2 i{color:#97b138;font-size: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);font-family: var(--paper) !important;font-weight: 800;;}
.dreamswrap .dreams8 .faq-wrap{width: 90%; margin: auto;padding-bottom: 20%;}
.dreamswrap .dreams8 .faq-wrap .faq-item{font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); color:#374500;display: block;}
.dreamswrap .dreams8 .faq-wrap .faq-item .faq-q{font-weight: 800;padding:3% 2%;border-top: 2px solid #97b138; border-bottom: 1px solid #cacfd9;width: 100%;position: relative;background: #fff;color:#222;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);font-weight: 800;display: flex;align-items: center;justify-content: flex-start} 
.dreamswrap .dreams8 .faq-wrap .faq-item .faq-q i{background: #97b138;width: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);border-radius: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#fff; font-weight: 700;display: inline-block;text-align: center;margin-right: 2%;}
.dreamswrap .dreams8 .faq-wrap .faq-item .faq-q div{width: 90%;}
.dreamswrap .dreams8 .faq-wrap .faq-item .faq-q::after {content: "";display: block;position: absolute;right: 2%; top: 50%;transform: translateY(-50%);width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(5.5px, calc(11px + 11 * (100vw - 720px) / 720), 11px);background: url(../images/faq-arow.png) no-repeat;;transition: all 0.3s ease;background-size: cover;}
.dreamswrap .dreams8 .faq-wrap .faq-item.open .faq-q::after {border-top-color: #715b4a;transform: translateY(-50%) rotate(180deg);}
.dreamswrap .dreams8 .faq-wrap .faq-a{padding: 4% 2%;font-weight: 400;background: #fff;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); color:#555;display: flex;align-items: flex-start;justify-content: flex-start;}
.dreamswrap .dreams8 .faq-wrap .faq-a i{background: #577f4a;width: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);border-radius: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#fff; font-weight: 700;display: inline-block;text-align: center;margin-right: 2%;}
.dreamswrap .dreams8 .faq-wrap .faq-a .faq-inner{line-height: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);width: 90%;font-size: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px)}
.dreamswrap .dreams8 .faq-wrap .faq-a .faq-inner a{color:#fff;background: #97b138;padding: 1% 5%;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);font-weight: 700;border-radius: 999px;margin-top: 2%;display: inline-block;}
.dreamswrap .dreamsfot{text-align: center;padding:0px 0 30px 0;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color:#666}
.dreamswrap .dreamsfot i{color:#111; font-weight: 700;}
.dreamswrap .dreamsfot p.fots{text-align: center;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color:#111;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 30px 0;margin-bottom: 30px;}
@media (max-width:720px){  
    .dreamswrap .dreams1 .gnilogos{width: 21.112%;}
    .dreamswrap .dreams1{background: url(../images/bg1.png) 50% 0 no-repeat;height: 100svh;background-size: cover;}
    .dreamswrap .dreams1 .inner{height: 100svh;}
    .dreamswrap .dreams1 .inner .incont{display: flex;align-items: center;justify-content: center;height: 100svh;}
    .dreamswrap .dreams1 .inner .incont .main-txt{display: none;}
    .dreamswrap .dreams1 .inner h1{display: flex;flex-direction: column;padding: 0;margin-top: -25%;}
    .dreamswrap .dreams1 .inner .undertxt{position: absolute;bottom: 10px;left: 50%; transform: translate(-50%,0);width: 96%;}
    .dreamswrap .dreams1 .inner .mainvis{transform: translate(-50%,-67%);animation:puff-in-center1 1.5s cubic-bezier(.47,0.000,.745,.715) both 1s;transform-origin: 0% 0%;}
    .dreamswrap .dreams1 .inner .undertxt::before{right: 0%;top: -100%;}
    .dreamswrap .dreams7 .listgal{width: 100%;left: 0%;margin-left: 0;}
    .dreamswrap .dreams8 .roundimg{background: url(../images/bg2.png) 50% 0 no-repeat;background-size: cover; height: clamp(570px, calc(1140px + 1140 * (100vw - 720px) / 720), 1140px);width: 100%;left: 0%;margin:20% 0 15% 0px;}
    .dreamswrap .dreams8 .roundimg .T1{padding-top: 15.5%;}
    @keyframes puff-in-center1{0%{transform:scale(0)translate(-50%,-67%);filter:blur(4px);opacity:0}100%{transform:scale(1)translate(-50%,-67%);filter:blur(0);opacity:1}}
}
@keyframes rippleEffect {0% {width: clamp(150px, calc(300px + 300 * (100vw - 720px) / 720), 300px);height: clamp(150px, calc(300px + 300 * (100vw - 720px) / 720), 300px);transform: translate(-50%, -50%) scale(0.5);opacity: 0;border-color: rgba(0,0,0, 0.2);}20% {opacity: 0.5;}90% {opacity: 0.5;}100% {width: clamp(960px, calc(1920px + 1920 * (100vw - 720px) / 720), 1920px);height: clamp(960px, calc(1920px + 1920 * (100vw - 720px) / 720), 1920px);transform: translate(-50%, -50%) scale(1.2);  border-color: rgba(0,0,0, 0.2);}}
@keyframes lineUp {from {height: 0;}to {height: clamp(165px, calc(330px + 330 * (100vw - 720px) / 720), 330px);}}
@keyframes lineDown {from {height: 0;}to {height: clamp(165px, calc(330px + 330 * (100vw - 720px) / 720), 330px);}}
@keyframes he1 {from {height: 0;}to {height: clamp(330px, calc(660px + 660 * (100vw - 720px) / 720), 660px);;}}
@keyframes opa{0%{opacity: 0;;}100%{opacity: 1;}}
@keyframes rot{0%{transform: rotate(0);}100%{transform: rotate(20deg);}}
@keyframes puff-in-center{0%{transform:scale(0)translate(-50%,-47%);filter:blur(4px);opacity:0}100%{transform:scale(1)translate(-50%,-47%);filter:blur(0);opacity:1}}
@keyframes gentle-float {0% {margin-top: 0;}100% {margin-top: -10px;}}
@keyframes wi65 {0% {width: 0;}100% {width: 65%;}}
@keyframes wi40 {0% {width: 0;}100% {width: 40%;}}
@keyframes wi24 {0% {width: 0;}100% {width: 24%;}}
@keyframes wi100 {0% {width: 0;}100% {width: 100%;}}
@keyframes color1 {0% {color:#222}100% {color: #a6c143;}}
@keyframes vanishOut {0% {opacity: 1;;filter: blur(0px);}100% {opacity: 0;;filter: blur(50px);}}
@keyframes l406 {0% {margin-left: 0;opacity: 0;}100% {margin-left: -406px;opacity: 1;}}
@keyframes r404 {0% {margin-left: 0;opacity: 0;}100% {margin-left: 404px;;opacity: 1;}}