/* 스타일 초기화 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu, nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font:inherit;font-size: 100%;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu, nav,section { display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: "";content: none;} table {border-collapse: collapse;border-spacing: 0;} input:focus {outline: none;} a {color: inherit;text-decoration: none;} a:hover {text-decoration: none;} /* * {margin: 0;padding: 0;box-sizing: border-box;} body {font-family: Pretendard, sans-serif;} .wrap {max-width: 1200px;width: 100%;margin: 0 auto;} */ /* .orange {color: #f87513;} .green {color: #348b2c;} .ylwClr {color: #ffd850;} */ @font-face { font-family: 'TangsBudaeJjigae'; font-weight: 300; font-style: normal; src: url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Light.eot'); src: url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Light.eot?#iefix') format('embedded-opentype'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Light.woff2') format('woff2'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Light.woff') format('woff'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Light.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'TangsBudaeJjigae'; font-weight: normal; font-style: normal; src: url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Medium.eot'); src: url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Medium.eot?#iefix') format('embedded-opentype'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Medium.woff2') format('woff2'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Medium.woff') format('woff'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Medium.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'TangsBudaeJjigae'; font-weight: bold; font-style: normal; src: url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Bold.eot'); src: url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Bold.eot?#iefix') format('embedded-opentype'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Bold.woff2') format('woff2'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Bold.woff') format('woff'), url('https://fastly.jsdelivr.net/gh/webfontworld/DdangFonts/TangsBudaeJjigae_Bold.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'MinSans-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cafe24Ssurround'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OTEnjoystoriesM'; src: url('tvn__medium-webfont.woff2') format('woff2'), url('tvn__medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'KyoboHand'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GangwonEdu_OTFBoldA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff'); font-weight: normal; font-style: normal; } */ /* height: 100vh; height: calc(var(--vh, 1vh) * 100); */ #trxVll{font-family:"TangsBudaeJjigae";position: relative;} /* #trxVll *{font:inherit;} */ /* html{font-size:0.5208vw;} */ body{overflow:visible;min-width:0 !important;} .trxVllStc{top:0;} #trxVllVsl{min-height:1100px;background-color:#ff6600;overflow:hidden;position:sticky;width:100%;} /* top:calc(100svh - 1100px); */ #trxVllVsl > div{position:relative;} #trxVllVsl__txt{display:flex;flex-direction:column;align-items:center;row-gap:50px;padding-top:70px;} #trxVllVsl__txt > img{width:280px;} #trxVllVsl__txt > h1{display:flex;align-items:center;justify-content:center;flex-direction:column;} #trxVllVsl__txt > h1 > span{color:#ffffff;font-size:52px;letter-spacing:-0.04em;font-weight:bold;line-height:70px;} #trxVllVsl__txt > h1 > span > b{color:#36d8d9;} #trxVllVsl__txt > h1 > strong{color:#ffffff;font-size:120px;letter-spacing:-0.04em;font-weight:bold;line-height:135px;} #trxVllVsl__txt > h1 > strong > b{color:#1e1f32;position:relative;} #trxVllVsl__txt > h1 > strong > b::before{width:50px;height:50px;background:url("../images/pointer.png") no-repeat;background-size:100% auto;content:" ";position:absolute;top:9px;left:13px;} #trxVllVsl__txt > h1 > strong > b::after{width:50px;height:50px;background:url("../images/pointer.png") no-repeat;background-size:100% auto;content:" ";position:absolute;top:9px;right:52px;} /* #trxVllVsl__img{position:relative;} */ #trxVllVsl__img > img{width:1080px;display:block;margin:0 auto;margin-top:-220px;max-width:inherit;} /* position:relative;left:50%;transform:translateX(-50%);margin:0 auto; */ /* pointer-events:none; */ /* calc(100% - 80px) */ /* #trxVllVsl__dcr{position:absolute;top:0;left:calc(50% - 920px);width:1840px;height:100%;} */ #trxVllVsl__dcr{position:absolute;top:0;left:80px;width:calc(100% - 80px);height:100%;} #trxVllVsl__dcr > span{position:absolute;transform:translateX(-50%) translateY(-50%);transform-origin:center center;transition:zoom 0.1s ease-out;zoom:0;} #trxVllVsl__dcr > span > img{transform:scale(0.5);transform-origin:center center;max-width:inherit;} #trxVllVsl__dcr > span > img.on{transform:scale(0.5) rotate(3deg);} #trxVllVsl__dcr > span:nth-child(1) {top:11.5454%;left:21.9791%;} #trxVllVsl__dcr > span:nth-child(2) {top:22.2727%;left:13.6979%;} #trxVllVsl__dcr > span:nth-child(3) {top:44.9090%;left: 9.0104%;} #trxVllVsl__dcr > span:nth-child(4) {top:50.9090%;left:19.7916%;} #trxVllVsl__dcr > span:nth-child(5) {top:80.9090%;left:14.8437%;} #trxVllVsl__dcr > span:nth-child(6) {top:14.3636%;left:74.4791%;} #trxVllVsl__dcr > span:nth-child(7) {top:33.2727%;left:83.6979%;} #trxVllVsl__dcr > span:nth-child(8) {top:46.8181%;left:78.9062%;} #trxVllVsl__dcr > span:nth-child(9) {top:79.2727%;left:85.5729%;} #trxVllVsl__dcr > span:nth-child(10){top:64.4545%;left:92.3958%;} #trxVllVsl__dcr > span:nth-child(11){top:98.6363%;left:71.5104%;} #trxVllVsl__dcr > span:nth-child(12){top:78.18181%;left:31.0937%;} /* #trxVllVsl__dcr > span:nth-child(1) > img{animation: bounce 3s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(2) > img{animation: bounce 5s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(3) > img{animation: bounce 3s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(4) > img{animation: bounce 7s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(5) > img{animation: bounce 6s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(6) > img{animation: bounce 4s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(7) > img{animation: bounce 6s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(8) > img{animation: bounce 5s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(9) > img{animation: bounce 7s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(10) > img{animation: bounce 3s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(11) > img{animation: bounce 4s infinite;animation-timing-function: linear;} #trxVllVsl__dcr > span:nth-child(12) > img{animation: bounce 5s infinite;animation-timing-function: linear;} */ @keyframes bounce { 0%{transform: scale(0.5) rotate(0deg);} 25%{transform: scale(0.5) rotate(6deg);} 50%{transform: scale(0.5) rotate(0deg);} 75%{transform: scale(0.5) rotate(-6deg);} 100%{transform: scale(0.5) translateY(0);} } .trxVllVsl__flw{position:absolute;top:50%;transform:translateY(-50%);width:80px;height:500%;background-color:#ff6600;} .trxVllVsl__flw > div{position:absolute;min-width:4045px;} .trxVllVsl__flw > div > span{display:flex;text-wrap:nowrap;font-size:35px;font-weight:300;letter-spacing:0.04em;color:#1e1f32;animation:textflow 30s infinite;animation-timing-function: linear;} .trxVllVsl__flw > div > span b{color:#ffffff;} .trxVllVsl__flw > div > span > span::after{content:" ";width:70px;height:20px;display:inline-block;background:url("../images/star.png") no-repeat;background-size:20px auto;background-position:center center;} #trxVllVsl__flw__lft{left:0;border-right:2px #1e1f32 solid;} #trxVllVsl__flw__lft > div{top:50%;left:33px;transform:rotate(90deg) translateX(-25%);transform-origin:center left;} #trxVllVsl__flw__rgt{right:0;border-left:2px #1e1f32 solid;} #trxVllVsl__flw__rgt > div{top:50%;left:43px;transform:rotate(-90deg) translateX(-25%);transform-origin:center left;} @keyframes textflow { from {transform: translateX(0);} to {transform: translateX(-50%);} } #trxVllSctAtt{position:sticky;padding-top:100px;background-color:#fff;overflow:hidden;} /* top:0; */ #trxVllSctAtt *{text-wrap:nowrap;line-height:200px;word-break:keep-all;white-space: nowrap;} #trxVllSctAtt i{font-style:italic;} #trxVllSctAtt > div{position:relative;} #trxVllSctAtt__bck{opacity:0;pointer-events:none;} #trxVllSctAtt__flw{display:flex;animation:textflow2 15s infinite;animation-timing-function: linear;position:absolute;top:0;left:0;} @keyframes textflow2 { from {transform: translateX(0);} to {transform: translateX(-50.1%);} } #trxVllSctAtt__img{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1200px;} #trxVllSctAtt__img > span{position:relative;} #trxVllSctAtt__img > span > img{display:block;width:200px;} #trxVllSctAtt__img > span > img:nth-child(1){position:absolute;left:0;bottom:0;} /* column-gap:40px; */ #trxVllSctAtt .trxVllSctAtt__grp{display:flex;align-items:center;column-gap:24px;padding-right:40px;} #trxVllSctAtt .trxVllSctAtt__prt{display:flex;align-items:center;column-gap:24px;} #trxVllSctAtt .trxVllSctAtt__wrd{color:#36d8d9;font-size:65px;letter-spacing:-0.04em;display:flex;align-items:center;position:relative;} #trxVllSctAtt .trxVllSctAtt__wrd > span{position:absolute;top:0;left:0;} #trxVllSctAtt .trxVllSctAtt__wrd.otl{color:#ffffff;text-stroke:4px #36d8d9;-webkit-text-stroke:4px #36d8d9;} #trxVllSctAtt .trxVllSctAtt__wrd.otl > span{color:#ffffff;text-stroke:0;-webkit-text-stroke:0px #36d8d9;} /* rotateZ( 0deg ) */ /* rotateX(-90.1deg); */ /* perspective:100vw; */ .trxVllRll{ transform-style:preserve-3d; transform:perspective(100vw) rotateX(90deg) scale3d(0.8, 0.8, 1); transform-origin: top center; transition:transform 1.2s cubic-bezier(.25,1,.5,1); overflow:hidden; } .trxVllRll > div{opacity:0;transition:opacity .25s cubic-bezier(.25,1,.5,1);} .trxVllRll > div > span{transform:translateY(5%);display:block;} .trxVllRll.on{transform:perspective(100vw) rotateX(0deg) scale3d(1, 1, 1);} .trxVllRll.on > div{opacity:1;} /* .trxVllRll:hover{transform:translateZ(calc(var(--height)*-1)) rotateX(-180deg);} */ /* .trxVllRll:not(.on){transform: rotateX( 90deg );} */ /* top:0; */ #trxVllSctNtc01{position:sticky;background-color:#faf7f3;} #trxVllSctNtc01 > div{max-width:1200px;width:calc(100% - 80px);margin:0 auto;color:#ff6600;line-height:150px;font-size:65px;font-weight:bold;letter-spacing:-0.04em;} #trxVllSctNtc02{position:sticky;background-color:#30e462;} #trxVllSctNtc02 > div{max-width:1200px;width:calc(100% - 80px);margin:0 auto;color:#7c42e5;line-height:150px;font-size:65px;font-weight:bold;letter-spacing:-0.04em;} #trxVllSctNtc03{position:sticky;background-color:#7c42e5;} #trxVllSctNtc03 > div{max-width:1200px;width:calc(100% - 80px);margin:0 auto;color:#ffffff;line-height:150px;font-size:65px;font-weight:bold;letter-spacing:-0.04em;} #trxVllSctNtc04{position:sticky;background-color:#ff6600;} #trxVllSctNtc04 > div{max-width:1200px;width:calc(100% - 80px);margin:0 auto;color:#1e1f32;line-height:150px;font-size:65px;font-weight:bold;letter-spacing:-0.04em;} #trxVllSctNtc01Bck{position:relative;} #trxVllSctNtc01Bck > div{background-color:#ffffff;position:absolute;top:0;width:100%;height:150px;left:0;} #trxVllSctNtc02Bck{position:relative;} #trxVllSctNtc02Bck > div{background-color:#ffffff;position:absolute;top:0;width:100%;height:150px;left:0;} #trxVllSctNtc03Bck{position:relative;} #trxVllSctNtc03Bck > div{background-color:#ffffff;position:absolute;top:0;width:100%;height:150px;left:0;} #trxVllSctNtc04Bck{position:relative;} #trxVllSctNtc04Bck > div{background-color:#ffffff;position:absolute;top:0;width:100%;height:150px;left:0;} /* top:0; */ #trxVllSctVdo{position:sticky;background-color:#1e1f32;padding:100px 0;overflow:hidden;} #trxVllSctVdo > iframe{display:block;margin:0 auto 100px auto;max-width:1120px;max-height:630px;width:calc(100vw - 80px);height:calc((100vw - 80px) * 0.5625);} #trxVllSctVdo > div{position:relative;} #trxVllSctVdo__bck{opacity:0;pointer-events:none;} #trxVllSctVdo__flw{display:flex;animation:textflow2 22s infinite;animation-timing-function: linear;position:absolute;top:0;left:0;} #trxVllSctVdo *{text-wrap:nowrap;line-height:150px;word-break:keep-all;white-space: nowrap;} #trxVllSctVdo .trxVllSctAtt__grp{display:flex;align-items:center;column-gap:24px;padding-right:40px;} #trxVllSctVdo .trxVllSctAtt__prt{display:flex;align-items:center;column-gap:24px;} #trxVllSctVdo .trxVllSctAtt__wrd{color:#30e261;font-size:65px;letter-spacing:-0.04em;display:flex;align-items:center;position:relative;} #trxVllSctVdo .trxVllSctAtt__wrd > span{position:absolute;top:0;left:0;} #trxVllSctVdo .trxVllSctAtt__wrd.otl{color:#1e1f32;text-stroke:4px #30e261;-webkit-text-stroke:4px #30e261;} #trxVllSctVdo .trxVllSctAtt__wrd.otl > span{color:#1e1f32;text-stroke:0;-webkit-text-stroke:0px #30e261;} #trxVllSctVdo__img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1200px;display:flex;justify-content:flex-end;} #trxVllSctVdo__img > span{position:relative;} #trxVllSctVdo__img > span > img{display:block;width:200px;} #trxVllSctVdo__img > span > img:nth-child(1){position:absolute;left:0;bottom:0;} /* top:calc(100svh - 1500px); */ /* #trxVllSctTpc > span{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} */ /* #trxVllSctTpc__bck{height:250svh;} */ #trxVllSctTpc{position:sticky;top:0;} #trxVllSctTpc__vsl{background-color:#ff6600;padding:170px 0;display:flex;width:100%;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;overflow:hidden;} /* position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%); */ /* #trxVllSctTpc__vsl{padding:170px 0;display:flex;width:100%;align-items:center;justify-content:center;position:sticky;top:0;min-height:100svh;flex-direction:column;overflow:hidden;} */ /* overflow:hidden; */ #trxVllSctTpc__vsl > img{max-width:1167px;width:calc(100vw - 80px);animation: rotating 45s linear infinite;transform-origin:center center;} #trxVllSctTpc__vsl > span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;} #trxVllSctTpc__vsl > span > b{width:200px;height:60px;border-radius:30px;background-color:#ffffff;display:flex;align-items:center;justify-content:center;} #trxVllSctTpc__vsl > span > b > span{color:#ff6600;font-size:40px;font-weight:bold;letter-spacing:-0.04em;transform:translateY(5px);} #trxVllSctTpc__vsl > span > span{font-family:"OTEnjoystoriesM";color:#fff;font-size:130px;line-height:150px;letter-spacing:-0.04em;} /* #trxVllSctTpc__vsl > span::before{content:"이어서 \00000a오늘의 안건";white-space: pre;text-align:center;display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-weight:bold;font-size:65px;line-height:80px;letter-spacing:-0.04em;color:#ffffff;} */ @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* @keyframes bouncePop2Forwards { 0%{transform:translateX(-50%) translateY(-50%) scale(0);} 25%{transform:translateX(-50%) translateY(-50%) scale(1.15);} 50%{transform:translateX(-50%) translateY(-50%) scale(0.9);} 75%{transform:translateX(-50%) translateY(-50%) scale(1.1);} 100%{transform:translateX(-50%) translateY(-50%) scale(1);} } @keyframes bouncePop2Backwards { 0%{transform:translateX(-50%) translateY(-50%) scale(1);} 100%{transform:translateX(-50%) translateY(-50%) scale(0);} } */ /* @keyframes txtBllbouncePopForwards { 0%{transform:scale(0);} 25%{transform:scale(1.15);} 50%{transform:scale(0.9);} 75%{transform:scale(1.1);} 100%{transform:scale(1);} } @keyframes txtBllbouncePopBackwards { 0%{transform:scale(1);} 100%{transform:scale(0);} } */ #trxVllSctTpc__bll{position:sticky;top:0;transform:translateY(-50px);} #trxVllSctTpc__bll > div{position:relative;width:100%;} #trxVllSctTpc__bll > div > a{position:absolute;top:50vh;top:50svh;left:50%;transform:translateX(-50%) translateY(-50%);width:700px;height:160px;background:url("../images/bllBtn.jpg") no-repeat;background-size:100% auto;border-radius:80px;display:flex;align-items:center;justify-content:center;box-shadow: 0px 70px 140px 0px rgba(179, 34, 0, 1);} #trxVllSctTpc__bll > div > a > span{display:flex;align-items:center;justify-content:center;} #trxVllSctTpc__bll > div > a > span > span{font-size:65px;color:#30e261;font-weight:bold;letter-spacing:-0.04em;transform:translateY(8px);} #trxVllSctTpc__bll > div > a > span > span > b{color:#36d8d9;} /* @keyframes bouncePopForwards { 0%{transform:translateX(-50%) translateY(-50%) scale(0);} 25%{transform:translateX(-50%) translateY(-50%) scale(0.65);} 50%{transform:translateX(-50%) translateY(-50%) scale(0.4);} 75%{transform:translateX(-50%) translateY(-50%) scale(0.55);} 100%{transform:translateX(-50%) translateY(-50%) scale(0.5);} } @keyframes bouncePopBackwards { 0%{transform:translateX(-50%) translateY(-50%) scale(0.5);} 100%{transform:translateX(-50%) translateY(-50%) scale(0);} } */ /* #trxVllSctTpc__txt__bll01.on{animation:txtBllbouncePopForwards 0.5s forwards;} #trxVllSctTpc__txt__bll01.off{animation:txtBllbouncePopBackwards 0.15s backwards;} */ /* #trxVllSctTpcTxtWrp{position:sticky;top:0;} */ .gif{position:relative;} .gif > img{display:block;} .gif > img:nth-child(1){opacity:1;} .gif > img:nth-child(2){opacity:0;} .gif.on > img:nth-child(1){opacity:0;} .gif.on > img:nth-child(2){opacity:1;} #trxVllSctTpcTxt01{position:sticky;top:0;height:100vh;height:100svh;display:flex;justify-content:center;align-items:center;} #trxVllSctTpc__txt__bll01{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;height:100svh;} #trxVllSctTpc__txt__bll01 > div{border-radius:90px;max-width:900px;padding:50px 30px 30px 30px;display:flex;background-color:#fff;column-gap:30px;width:calc(100% - 40px);} #trxVllSctTpc__txt__bll01 > div > span{align-self:flex-end;position:relative;} #trxVllSctTpc__txt__bll01 > div > span > img{min-width:150px;width:150px;} #trxVllSctTpc__txt__bll01 > div > span > img:nth-child(1){position:absolute;left:0;bottom:0;} /* #trxVllSctTpc__txt__bll01 > div > span > img:nth-child(2){opacity:0;} */ #trxVllSctTpc__txt__bll01 > div > p{color:#1e1f32;font-size:45px;font-weight:bold;line-height:70px;letter-spacing:-0.04em;} #trxVllSctTpc__txt__bll01 > div > p > b{color:#3bbebf;} /* #trxVllSctTpc__txt__bll02.on{animation:txtBllbouncePopForwards 0.5s forwards;} #trxVllSctTpc__txt__bll02.off{animation:txtBllbouncePopBackwards 0.15s backwards;} */ /* #trxVllSctTpc__txt__bll02{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(0);transform-origin:center center;animation-timing-function:ease-out;} */ #trxVllSctTpcTxt02{position:sticky;top:0;height:100vh;height:100svh;display:flex;justify-content:center;align-items:center;} #trxVllSctTpc__txt__bll02{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;height:100svh;} #trxVllSctTpc__txt__bll02 > div{border-radius:90px;max-width:900px;padding:50px 30px 30px 30px;display:flex;background-color:#1e1f32;column-gap:30px;width:calc(100% - 40px);} #trxVllSctTpc__txt__bll02 > div > span{align-self:flex-end;position:relative;} #trxVllSctTpc__txt__bll02 > div > span > img{min-width:150px;width:150px;} #trxVllSctTpc__txt__bll02 > div > span > img:nth-child(1){position:absolute;left:0;bottom:0;} /* #trxVllSctTpc__txt__bll02 > div > span > img:nth-child(2){opacity:0;} */ #trxVllSctTpc__txt__bll02 > div > p{color:#ffffff;font-size:45px;font-weight:bold;line-height:70px;letter-spacing:-0.04em;} #trxVllSctTpc__txt__bll02 > div > p > b{color:#4ee277;} #trxVllSctTpcBll{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;} #trxVllSctTpcBll.on{} #trxVllSctTpc__bll{width:100%;height:100%;} #trxVllSctTpc__bll > span{position:absolute;transform:translateX(-50%) translateY(-50%) scale(0.0);transform-origin:center center;} #trxVllSctTpc__bll > span:nth-child(1){top:calc(50% - 95px);left:calc(50% - 350px);} #trxVllSctTpc__bll > span:nth-child(2){top:calc(50% - 340px);left:calc(50% + 55px);} #trxVllSctTpc__bll > span:nth-child(3){top:calc(50% - 210px);left:calc(50% + 275px);} #trxVllSctTpc__bll > span:nth-child(4){top:calc(50% + 300px);left:calc(50% - 220px);} #trxVllSctTpc__bll > span:nth-child(5){top:calc(50% + 260px);left:calc(50% + 150px);} #trxVllSctTpc__bll > span:nth-child(6){top:calc(50% + 130px);left:calc(50% + 390px);} #trxVllSctTpcBll.on #trxVllSctTpc__bll > span:nth-child(1){animation:bouncePopForwards 0.3s forwards;animation-delay: 0.1s;animation-timing-function: ease-out;} #trxVllSctTpcBll.on #trxVllSctTpc__bll > span:nth-child(2){animation:bouncePopForwards 0.3s forwards;animation-delay: 0.3s;animation-timing-function: ease-out;} #trxVllSctTpcBll.on #trxVllSctTpc__bll > span:nth-child(3){animation:bouncePopForwards 0.3s forwards;animation-delay: 0.5s;animation-timing-function: ease-out;} #trxVllSctTpcBll.on #trxVllSctTpc__bll > span:nth-child(4){animation:bouncePopForwards 0.3s forwards;animation-delay: 0.4s;animation-timing-function: ease-out;} #trxVllSctTpcBll.on #trxVllSctTpc__bll > span:nth-child(5){animation:bouncePopForwards 0.3s forwards;animation-delay: 0.6s;animation-timing-function: ease-out;} #trxVllSctTpcBll.on #trxVllSctTpc__bll > span:nth-child(6){animation:bouncePopForwards 0.3s forwards;animation-delay: 0.2s;animation-timing-function: ease-out;} #trxVllSctTpcBll.off #trxVllSctTpc__bll > span:nth-child(1){animation:bouncePopBackwards 0.3s forwards;animation-delay: 0s;animation-timing-function: ease-out;} #trxVllSctTpcBll.off #trxVllSctTpc__bll > span:nth-child(2){animation:bouncePopBackwards 0.3s forwards;animation-delay: 0s;animation-timing-function: ease-out;} #trxVllSctTpcBll.off #trxVllSctTpc__bll > span:nth-child(3){animation:bouncePopBackwards 0.3s forwards;animation-delay: 0s;animation-timing-function: ease-out;} #trxVllSctTpcBll.off #trxVllSctTpc__bll > span:nth-child(4){animation:bouncePopBackwards 0.3s forwards;animation-delay: 0s;animation-timing-function: ease-out;} #trxVllSctTpcBll.off #trxVllSctTpc__bll > span:nth-child(5){animation:bouncePopBackwards 0.3s forwards;animation-delay: 0s;animation-timing-function: ease-out;} #trxVllSctTpcBll.off #trxVllSctTpc__bll > span:nth-child(6){animation:bouncePopBackwards 0.3s forwards;animation-delay: 0s;animation-timing-function: ease-out;} @keyframes bouncePopForwards { 0%{ transform:translateX(-50%) translateY(-50%) scale(0);} 25%{ transform:translateX(-50%) translateY(-50%) scale(0.65);} 50%{ transform:translateX(-50%) translateY(-50%) scale(0.4);} 75%{ transform:translateX(-50%) translateY(-50%) scale(0.55);} 100%{ transform:translateX(-50%) translateY(-50%) scale(0.5);} } @keyframes bouncePopBackwards { 0%{ transform:translateX(-50%) translateY(-50%) scale(0.5);} 100%{ transform:translateX(-50%) translateY(-50%) scale(0);} } /* scale(0) */ #trxVllSctMve07Wrp{position:absolute;top:47%;left:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center center;} #trxVllSctMve07Wrp.on{animation: txtBllbouncePopForwards 0.3s forwards;animation-timing-function: ease-out;} #trxVllSctMve07Wrp.off{animation: txtBllbouncePopBackwards 0.3s forwards;animation-timing-function: ease-out;} #trxVllSctMve07{width:700px;height:160px;background:url("../images/bllBtn.jpg") no-repeat;background-size:100% auto;border-radius:80px;display:flex;align-items:center;justify-content:center;box-shadow: 0px 70px 140px 0px rgba(179, 34, 0, 1);transform-origin:center center;transition:transform 0.25s ease-out, box-shadow 0.25s ease-out;} #trxVllSctMve07:hover{transform:scale(1.05);box-shadow: 0px 77px 154px 0px rgba(179, 34, 0, 1);} #trxVllSctMve07 > span{display:flex;align-items:center;justify-content:center;} #trxVllSctMve07 > span > span{font-size:65px;color:#30e261;font-weight:bold;letter-spacing:-0.04em;transform:translateY(8px);} #trxVllSctMve07 > span > span > b{color:#7c42e5;} @keyframes txtBllbouncePopForwards { 0%{ transform:translateX(-50%) translateY(-50%) scale(0);} 25%{ transform:translateX(-50%) translateY(-50%) scale(1.15);} 50%{ transform:translateX(-50%) translateY(-50%) scale(0.9);} 75%{ transform:translateX(-50%) translateY(-50%) scale(1.1);} 100%{ transform:translateX(-50%) translateY(-50%) scale(1);} } @keyframes txtBllbouncePopBackwards { 0%{ transform:translateX(-50%) translateY(-50%) scale(1);} 100%{ transform:translateX(-50%) translateY(-50%) scale(0);} } /* #trxVllSctMve07 */ /* #trxVllSctTpc, #trxVllSctTpcTxt01, #trxVllSctTpcTxt02, #trxVllSctTpcBll{display:none !important;} */ /* #trxVllSctTpc > div{width:100%;height:150svh;position:relative;} */ /* #trxVllSctTpc > span{position:relative;} */ /* top:0; */ #trxVllSctFct{position:sticky;background-color:#faf7f3;height:300vh;height:300svh;} /* 790 */ /* margin-bottom:390px; */ #trxVllSctFct__wrp{position:sticky;top:0;} #trxVllSctFct__bck{text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100vh;height:100vh;height:100svh;} #trxVllSctFct__bck .trxVllRsp{display:none;} #trxVllSctFct__bck > div{position:relative;width:100%;} #trxVllSctFct__bck__txt{width:100%;text-align:center;display:block;font-size:150px;line-height:180px;text-shadow: 0px 0px 40px rgba(30, 31, 50, 0.06);letter-spacing:-0.04em;color:#ffffff;font-weight:bold;white-space:nowrap;} #trxVllSctFct__bck__txt b{color:#ffffff;} #trxVllSctFct__bck__txt__cvr{width:100%;text-align:center;font-size:150px;line-height:180px;letter-spacing:-0.04em;color:transparent;font-weight:bold;white-space:nowrap;position:absolute;top:0;left:0;} #trxVllSctFct__bck__txt__cvr > b{color:#7c42e5;opacity:0;transition:opacity 0.1s ease-in;} /* font-size:15rem;line-height:18rem;text-shadow: 0px 0px 4rem rgba(30, 31, 50, 0.06); */ /* #trxVllSctFct__bck__txt b{position:relative;} */ /* #trxVllSctFct__bck__txt b s{position:absolute;top:0;left:0;color:#7c42e5;text-decoration:none;text-shadow:none;transition:opacity 0.1s ease-in;} */ #trxVllSctFct__bck__img{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);} #trxVllSctFct__bck__img > span{position:absolute;left:50%;top:0;transform-origin:center center;width:0;height:0;transition:left 0.05s ease-out;} #trxVllSctFct__bck__img > span:nth-child(1){transform:rotate(-4deg);} #trxVllSctFct__bck__img > span:nth-child(2){transform:rotate(8deg);} #trxVllSctFct__bck__img > span:nth-child(3){transform:rotate(-8deg);} #trxVllSctFct__bck__img > span:nth-child(4){transform:rotate(4deg);} #trxVllSctFct__bck__img{transform:scale(0.05);transform-origin:center center;opacity:0;} #trxVllSctFct__bck__img > span:nth-child(1){left:50%;} #trxVllSctFct__bck__img > span:nth-child(2){left:50%;} #trxVllSctFct__bck__img > span:nth-child(3){left:50%;} #trxVllSctFct__bck__img > span:nth-child(4){left:50%;} #trxVllSctFct__bck__img > span > img{width:29.6875vw;transform:translateX(-50%) translateY(-50%);box-shadow: 0px 50px 100px 0px rgba(30, 31, 50, 0.3);border-radius:1.3020vw;max-width:inherit;} #trxVllSctFct__txt{padding:0 0 150px 0;} /* padding:150px 0; */ /* margin-top:-120.5px; */ #trxVllSctFct__txt .trxVllRsp{display:none;} #trxVllSctFct__txt > div{max-width:1200px;width:calc(100% - 80px);margin:0 auto;padding-bottom:250px;} #trxVllSctFct__txt > div > span{display:block;font-weight:bold;font-size:60px;line-height:80px;color:#c0ace4;letter-spacing:-0.04em;position:relative;} #trxVllSctFct__txt > div > span > b{color:#c0ace4;transition:color 0.5s ease-out;} #trxVllSctFct__txt > div > span > b.on{color:#7c42e5;} /* text-stroke:3px #7c42e5;-webkit-text-stroke:3px #7c42e5; */ /* #trxVllSctFct__txt > div > span > b{text-stroke:3px #faf7f3;-webkit-text-stroke:3px #faf7f3;} #trxVllSctFct__txt > div > span > span{position:absolute;top:0;left:0;opacity:1;transition:opacity 0.1s ease-in;text-stroke:0px #7c42e5;-webkit-text-stroke:0px #7c42e5;} */ /* #trxVllSctFct__txt > div > span > span.on{opacity:1;} #trxVllSctFct__txt > div > span > span > b{color:#7c42e5;} */ #trxVllSctVte{position:sticky;background-color:#7c42e5;} #trxVllSctVte__txt{padding-top:150px;text-align:center;font-size:65px;line-height:80px;font-weight:bold;color:#fff;letter-spacing:-0.04em;} #trxVllSctVte__txt b{color:#36d8d9;} .trxVllSctVte__txt__rsp{display:none;} /* #trxVllSctVte__txt{position:relative;font-size:65px;font-weight:bold;color:#36d8d9;letter-spacing:-0.04em;line-height:150px;border-bottom:1px #30e462 solid;overflow:hidden;} */ /* #trxVllSctVte__txt > s{opacity:0;pointer-events:none;white-space:nowrap;word-break:keep-all;} #trxVllSctVte__txt > span{position:absolute;top:5px;left:0;white-space:nowrap;word-break:keep-all;} */ #trxVllSctVte__btn{padding:100px 0 0 0;display:flex;justify-content:center;} #trxVllSctVte__btn > div{display:flex;align-items:center;box-shadow: -7px -7px 10px 0px rgba(140, 82, 246, 1);border-radius:40px;} #trxVllSctVte__btn > div > div{display:flex;align-items:center;box-shadow: 7px 7px 10px 0px rgba(114, 50, 231, 1);border-radius:40px;padding:10px 10px 10px 30px;} #trxVllSctVte__btn > div > div > div{font-size:25px;font-weight:bold;letter-spacing:-0.04em;color:#36d8d9;margin-right:25px;transform:translateY(3px);} #trxVllSctVte__btn > div > div > span{height:60px;border-radius:30px;background-color:#36d8d9;padding:10px;width:160px;} #trxVllSctVte__btn > div > div > span > a{display:flex;align-items:center;height:100%;} #trxVllSctVte__btn > div > div > span > a > span{font-size:30px;color:#7c42e5;letter-spacing:-0.04em;display:flex;align-items:center;line-height:30px;width:100%;} #trxVllSctVte__btn > div > div > span > a > span.on{justify-content:flex-end;} #trxVllSctVte__btn > div > div > span > a > span.off::before{width:40px;height:40px;border-radius:100%;background-color:#7c42e5;content:" ";margin-right:20px;} #trxVllSctVte__btn > div > div > span > a > span.on::after{width:40px;height:40px;border-radius:100%;background-color:#7c42e5;content:" ";margin-left:20px;} #trxVllSctVte__btn > div > div > span > a > span > span{transform:translateY(3px);} #trxVllSctVte__btn.off span.on{display:none;} #trxVllSctVte__btn.on span.off{display:none;} #trxVllSctVte__Sld{padding:100px 0;max-width:1280px;width:calc(100%);} /* #trxVllSctVte__grd{justify-content:center;} */ /* padding-top:100px;padding-bottom:100px;width:calc(100% - 80px);max-width:1200px;margin:0 auto; */ /* column-gap:40px;row-gap:40px; */ /* display:grid;grid-template-columns:repeat(4, 1fr); */ .trxVllSctVte__itm{padding:10px;border-radius:25px;width:270px !important;max-width:270px;transform-origin:center center;transition:transform 0.25s ease-out;margin-left:40px;} .trxVllSctVte__itm:last-child{margin-right:40px;} .trxVllSctVte__itm:hover{transform:scale(1.05);} .trxVllSctVte__itm > div{position:relative;border-radius:20px;overflow:hidden;background-color:#1e1f32;} .trxVllSctVte__itm > div > img{display:block;width:100%;} .trxVllSctVte__itm > div > img:nth-child(2){position:absolute;top:0;left:0;opacity:0;transition:opacity 0.25s ease-out;} #trxVllSctVte__grd:not(.on) .trxVllSctVte__itm:hover > div > img:nth-child(2){opacity:1;} .trxVllSctVte__itm > div > span{position:absolute;top:85px;left:20px;font-size:25px;line-height:30px;letter-spacing:-0.04em;color:#ffffff;} .trxVllSctVte__itm > div > div{position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:rgba(30,31,50,0.9);} .trxVllSctVte__itm > div > strong{position:absolute;bottom:10px;left:10px;width:calc(100% - 10px);display:flex;align-items: center;} .trxVllSctVte__itm > div > strong > b{border-radius:10px;width:50px;height:50px;color:#fff;font-size:30px;color:#ffffff;display:flex;align-items:center;justify-content:center;margin-right:10px;} /* margin-right:35px; */ .trxVllSctVte__itm > div > strong > b > span{transform:translateY(5px);} .trxVllSctVte__itm > div > strong > span{font-weight:bold;font-size:30px;color:#ffffff;letter-spacing:-0.08em;} /* .trxVllSctVte__itm:nth-child(4n+2) > div > strong > span{letter-spacing:-0.08em;} */ .trxVllSctVte__itm > p{margin:20px 0;padding:0 0 0 15px;color:#1e1f32;font-size:18px;line-height:30px;letter-spacing:-0.04em;font-family:"MinSans-Regular";} .trxVllSctVte__itm > p b{font-weight:bold;} .trxVllSctVte__itm > p + p{display:none !important;font-weight:bold;} .trxVllSctVte__itm:hover > p{display:none !important;} .trxVllSctVte__itm:hover > p + p{display:block !important;} .on .trxVllSctVte__itm:hover > p + p{display:none !important;} .trxVllSctVte__itm > b{margin:20px 0;padding:0 15px;height:180px;display:flex;justify-content:center;align-items:center;font-size:65px;font-weight:bold;color:#1e1f32;letter-spacing:-0.04em;} .trxVllSctVte__itm > b > span{transform:translateY(5px);} .trxVllSctVte__itm > a{height:70px;display:flex;justify-content:center;align-items:center;box-shadow: 0px 30px 60px 0px rgba(30, 31, 50, 0.5);} .trxVllSctVte__itm > a > span{font-weight:bold;font-size:25px;letter-spacing:-0.04em;transform:translateY(3px);} #trxVllSctVte__grd.off .trxVllSctVte__itm > b{display:none;} #trxVllSctVte__grd.off .trxVllSctVte__itm > div > div{display:none;} #trxVllSctVte__grd.off .trxVllSctVte__itm > p{display:block;} #trxVllSctVte__grd.on .trxVllSctVte__itm > b{display:flex;} #trxVllSctVte__grd.on .trxVllSctVte__itm > p{display:none;} #trxVllSctVte__grd.on .trxVllSctVte__itm > div > div{display:block;} #trxVllSctVte__grd.on .trxVllSctVte__itm > div > img:nth-child(1){opacity:0.5;} .trxVllSctVte__itm:nth-child(4n+1){background-color:#f48191;} .trxVllSctVte__itm:nth-child(4n+2){background-color:#63d38d;} .trxVllSctVte__itm:nth-child(4n+3){background-color:#f7f81d;} .trxVllSctVte__itm:nth-child(4n+4){background-color:#61f8dd;} .trxVllSctVte__itm:nth-child(4n+1) > div > strong > b{background-color:#a63344;} .trxVllSctVte__itm:nth-child(4n+2) > div > strong > b{background-color:#299953;} .trxVllSctVte__itm:nth-child(4n+3) > div > strong > b{background-color:#a66d00;} .trxVllSctVte__itm:nth-child(4n+4) > div > strong > b{background-color:#249d87;} .trxVllSctVte__itm:nth-child(4n+1) > div > span{text-shadow: 0px 0px 10px rgba(135, 50, 67, 1);} .trxVllSctVte__itm:nth-child(4n+2) > div > span{text-shadow: 0px 0px 20px rgba(41, 153, 83, 1);} .trxVllSctVte__itm:nth-child(4n+3) > div > span{text-shadow: 0px 0px 20px rgba(119, 73, 0, 1);} .trxVllSctVte__itm:nth-child(4n+4) > div > span{text-shadow: 0px 0px 20px rgba(36, 157, 135, 1);} .trxVllSctVte__itm:nth-child(4n+1) > div > strong > span{text-shadow: 0px 0px 10px rgba(135, 50, 67, 1);} .trxVllSctVte__itm:nth-child(4n+2) > div > strong > span{text-shadow: 0px 0px 20px rgba(41, 153, 83, 1);} .trxVllSctVte__itm:nth-child(4n+3) > div > strong > span{text-shadow: 0px 0px 20px rgba(119, 73, 0, 1);} .trxVllSctVte__itm:nth-child(4n+4) > div > strong > span{text-shadow: 0px 0px 20px rgba(36, 157, 135, 1);} .trxVllSctVte__itm:nth-child(4n+1) > a{background:url("../images/vte_bg01.jpg") no-repeat;background-size:100% auto;border-radius:13px;} .trxVllSctVte__itm:nth-child(4n+2) > a{background:url("../images/vte_bg02.jpg") no-repeat;background-size:100% auto;border-radius:13px;} .trxVllSctVte__itm:nth-child(4n+3) > a{background:url("../images/vte_bg03.jpg") no-repeat;background-size:100% auto;border-radius:13px;} .trxVllSctVte__itm:nth-child(4n+4) > a{background:url("../images/vte_bg04.jpg") no-repeat;background-size:100% auto;border-radius:13px;} .trxVllSctVte__itm:nth-child(4n+1) > a > span{color:#f48191;} .trxVllSctVte__itm:nth-child(4n+2) > a > span{color:#63d38d;} .trxVllSctVte__itm:nth-child(4n+3) > a > span{color:#f7f81d;} .trxVllSctVte__itm:nth-child(4n+4) > a > span{color:#61f8dd;} #trxVllSctVte__prg{padding-bottom:300px;text-align:center;font-size:65px;line-height:80px;font-weight:bold;color:#fff;letter-spacing:-0.04em;} #trxVllSctVte__prg b{color:#36d8d9;} .trxVllSctVte__prg__rsp1{display:none;} .trxVllSctVte__prg__rsp2{display:none;} #trxVllSctPrg{position:sticky;background-color:#36d8d9;} #trxVllSctPrg__prg{padding:150px 0 100px 0;color:#7c42e5;font-weight:bold;font-size:65px;line-height:80px;letter-spacing:-0.04em;text-align:center;} #trxVllSctImg{position:sticky;background-color:#36d8d9;z-index: 10;height:100vh;height:100vh;height:100svh;} #trxVllSctImg ~ *{z-index: 20;} #trxVllSctImg > div{position:absolute;top:-0.5vh;top:-0.5svh;left:-0.5vw;height:100%;display:flex;align-items:center;} #trxVllSctImg > div > img{width:101vw;height:101vh;height:101svh;object-fit:cover;max-height: 90vw;display: block; box-shadow: 0px 100px 200px 0px rgba(30, 31, 50, 0.3); transform:scale(0.75);transform-origin:center center; filter:grayscale(0.7);border-radius:40px; transition:transform 0.1s ease-out, filter 0.1s ease-out, border-radius 0.1s ease-out; } #trxVllSctImg > div > div{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:20px;transition:top 0.1s ease-out;} #trxVllSctImg > div > div > div{border-radius:20px;background-color:rgba(124,66,229,0.9);display:flex;align-items:center;justify-content:center;padding:25px 45px;} #trxVllSctImg > div > div > div > span{font-size:75px;color:#ffffff;letter-spacing:-0.04em;word-break:keep-all;white-space:nowrap;transform:translateY(7px);} #trxVllSctImg > div > div > div > span > b{color:#36d8d9;} #trxVllSctImg > div > div > div > span > b > span{position:relative;color:transparent;} #trxVllSctImg > div > div > div > span > b > span > span{position:absolute;top:6px;right:0;color:#36d8d9;} #trxVllSctImgCvr{position:sticky;height:150vh;height:150svh;background-color:#36d8d9;z-index: 5;} #trxVllSctAcd{position:sticky;background-color:#1e1f32;} #trxVllSctAcd > div{display:flex;flex-direction:column;align-items:center;padding:150px 0 300px 0;} #trxVllSctAcd > div > h2{color:#ffffff;font-size:60px;line-height:80px;letter-spacing:-0.04em;padding-bottom:20px;width:calc(100% - 80px);max-width:1200px;padding-left:20px;} #trxVllSctAcd > div > p{color:#ffffff;font-size:60px;line-height:80px;letter-spacing:-0.04em;text-align:center;padding-bottom:100px;} #trxVllSctAcd > div > h2 b{color:#30e462;} #trxVllSctAcd > div > p b{color:#30e462;} .trxVllSctAcd__rsp1{display:none;} .trxVllSctAcd__rsp2{display:none;} #trxVllSctAcd__acd{display:flex;flex-direction:column;width:calc(100% - 80px);max-width:1200px;border-top:1px #30e462 solid;} #trxVllSctAcd__acd > div{width:100%;display:flex;flex-direction:column;border-bottom:1px #30e462 solid;} #trxVllSctAcd__acd > div > a{height:120px;display:flex;justify-content:space-between;padding:0 20px;align-items:center;} #trxVllSctAcd__acd > div > a > span{font-size:35px;font-weight:bold;color:#30e462;letter-spacing:-0.04em;position:relative;} #trxVllSctAcd__acd > div:not(.on) > a > span{text-stroke:2px #30e261;-webkit-text-stroke:2px #30e261;} #trxVllSctAcd__acd > div > a > span > span{position:absolute;top:0;left:0;color:#1e1f32;text-stroke:0px #30e261;-webkit-text-stroke:0px #30e261;} #trxVllSctAcd__acd > div.on > a > span > span{display:none;} #trxVllSctAcd__acd > div > a > s{width:26px;height:16px;background:#1e1f32 url("../images/acdArrow.jpg") no-repeat;background-size:100% auto;background-position:center center;transform-origin:center center;transition:transform 0.25s;} #trxVllSctAcd__acd > div.on > a > s{transform:rotate(180deg);} .trxVllSctAcd__grd{width:calc(100%);display:none;grid-template-columns:repeat(4, 1fr);row-gap:20px;column-gap:20px;margin:0 auto;padding-top:10px;padding-bottom:40px;} #trxVllSctAcd__acd > div.on .trxVllSctAcd__grd{display:grid;} .trxVllSctAcd__grd > div{position:relative;} .trxVllSctAcd__grd > div > img{width:100%;} /* border-radius:20px; */ /* 33 39 */ .trxVllSctAcd__grd > div > span{position:absolute;left:11.5789%;bottom:16.1157%;display:flex;flex-direction:column;align-items:flex-start;row-gap:10px;} .trxVllSctAcd__grd > div > span > span{font-size:15px;letter-spacing:-0.08em;color:#fff697;line-height:15px;font-family:"Cafe24Ssurround";font-weight:normal;} .trxVllSctAcd__grd > div > span > strong{font-size:20px;letter-spacing:-0.08em;color:#ffffff;line-height:20px;font-family:"Cafe24Ssurround";font-weight:normal;} #trxVllSctCrd{position:sticky;top:0;background-color:#ff6600;overflow:hidden;} #trxVllSctCrd > div{display:flex;flex-direction:column;align-items:center;padding:150px 0 300px 0;} #trxVllSctCrd > div > h2{text-align:center;font-size:65px;line-height:80px;letter-spacing:-0.04em;font-weight:bold;color:#ffffff;} /* #trxVllSctCrd > div > p{text-align:center;font-size:35px;line-height:60px;letter-spacing:-0.04em;font-weight:bold;color:#ffffff;} */ #trxVllSctCrd > div > p{text-align:center;font-family:"MinSans-Regular";font-size:18px;line-height:30px;letter-spacing:-0.04em;color:#ffffff;} #trxVllSctCrd > div > h2 b{color:#1e1f32;} /* #trxVllSctCrd > div > p b{color:#1e1f32;} */ .trxVllSctCrd__rsp1{display:none;} .trxVllSctCrd__rsp2{display:none;} #trxVllSctCrd__cnt{margin:250px auto 50px auto;position:relative;} #trxVllSctCrd__stk{position:absolute;top:0;left:0;width:100%;height:100%;} #trxVllSctCrd__stk > span{position:absolute;} #trxVllSctCrd__stk > span:nth-child(1){top:calc(50% - 520px);left:calc(50% - 620px);} #trxVllSctCrd__stk > span:nth-child(2){top:calc(50% - 375px);left:calc(50% - 750px);} #trxVllSctCrd__stk > span:nth-child(3){top:calc(50% - 430px );left:calc(50% + 600px );} #trxVllSctCrd__stk > span:nth-child(4){top:calc(50% - 450px);left:calc(50% + 720px);} #trxVllSctCrd__stk > span:nth-child(5){top:calc(50% - 300px);left:calc(50% + 795px);} #trxVllSctCrd__stk > span > span{transform:translateX(-50%) translateY(-50%);display:block;} #trxVllSctCrd__stk > span > span > img{transform:scale(0.5);transform-origin:center center;max-width:inherit;} #trxVllSctCrd__stk > span.on > span > img{transform:scale(0.5) rotate(6deg);} #trxVllSctCrd__flx{position:relative;display:flex;justify-content:center;align-items:flex-start;column-gap:20px;} .trxVllSctCrd__flx__btn{display:flex;flex-direction:column;align-items:flex-start;position: relative;} /* .trxVllSctCrd__flx__btn > span{display:none;} */ .trxVllSctCrd__flx__btn > span > img{max-width:inherit;transform-origin:center center;} .trxVllSctCrd__flx__btn > span.on > img{transform:rotate(6deg);} .trxVllSctCrd__flx__btn > a{width:420px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:75px;box-shadow: 0px 70px 140px 0px rgba(179, 46, 0, 1);transition:transform 0.25s ease-out;transform-origin:center center;} .trxVllSctCrd__flx__btn > a:hover{transform:scale(1.1);} .trxVllSctCrd__flx__btn > a > span{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(14%);} .trxVllSctCrd__flx__btn > a > span > b{font-size:50px;line-height:40px;letter-spacing:-0.04em;} .trxVllSctCrd__flx__btn > a > span > span{font-size:25px;line-height:40px;letter-spacing:-0.04em;} .trxVllSctCrd__flx__btn.typ1 > a{background:url("../images/crdBtn01.png") no-repeat;background-size:100% auto;} .trxVllSctCrd__flx__btn.typ1 > a > span > b{color:#1e1f32;} .trxVllSctCrd__flx__btn.typ1 > a > span > span{color:#ffffff;} .trxVllSctCrd__flx__btn.typ2 > a{background:url("../images/crdBtn02.png") no-repeat;background-size:100% auto;} .trxVllSctCrd__flx__btn.typ2 > a > span > b{color:#ffffff;} .trxVllSctCrd__flx__btn.typ2 > a > span > span{color:#1e1f32;} .trxVllSctCrd__flx__btn > strong{margin-top:40px;margin-left:30px;font-size:25px;font-weight:bold;line-height:50px;letter-spacing:-0.04em;color:#ffffff;transform:translateY(5px);position: relative;} .trxVllSctCrd__flx__btn > strong > b{color:#36d8d9;} .trxVllSctCrd__flx__btn > ul{margin-top:20px;margin-left:30px;position: relative;} .trxVllSctCrd__flx__btn > ul > li{font-size:18px;line-height:30px;color:#ffffff;font-family:"MinSans-Regular";letter-spacing:-0.04em;} /* ffa08a */ .trxVllSctCrd__flx__btn.typ1 > span{position:absolute;top:125px;left:-130px;} .trxVllSctCrd__flx__btn.typ1 > span > img{width:113px;} .trxVllSctCrd__flx__btn.typ2 > span{position:absolute;top:140px;left:calc(100% + 10px);} .trxVllSctCrd__flx__btn.typ2 > span > img{width:96px;} #trxVllSctCrd__flx__crd{width:360px;height:150px;position:relative;z-index: 10;pointer-events:none;} /* width:calc(100% + 120px); */ #trxVllSctCrd__flx__crd > img{width:712px;border-radius:20px;max-width:inherit;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0px 70px 140px 0px rgba(179, 46, 0, 1);transition:width 0.25s ease-out, transform 0.25s ease-out, box-shadow 0.25s ease-out;} #trxVllSctCrd__flx__crd > img.on{width:287px;border-radius:8px;transform:rotate(-15deg)translateX(-50%) translateY(-50%);box-shadow: 0px 30px 60px 0px rgba(179, 46, 0, 0.6);} #trxVllSctCrd__flx__crd > span{position:absolute;} #trxVllSctCrd__flx__crd > span:nth-child(1){top:calc(50% - 150px);left:calc(50% - 75px);} #trxVllSctCrd__flx__crd > span:nth-child(2){top:calc(50% + 120px);left:calc(50% + 60px);} #trxVllSctCrd__flx__crd > span > span{transform:translateX(-50%) translateY(-50%);display:block;} #trxVllSctCrd__flx__crd > span > span > img{transform:scale(0.5);transform-origin:center center;max-width:inherit;} #trxVllSctEnd{position:sticky;background-color:#ff6600;} #trxVllSctEnd > div{padding:150px 0;display:flex;flex-direction:column;align-items:center;} #trxVllSctEnd > div > img{max-width:373px;width:calc(50%);margin-bottom:105px;} #trxVllSctEnd > div > a{width:780px;height:160px;background:url("../images/end_btn.jpg") no-repeat;background-size:100% auto;border-radius:80px;display:flex;align-items:center;justify-content:center;box-shadow: 0px 70px 140px 0px rgba(179, 34, 0, 1);transition:transform 0.25s ease-out;transform-origin:center center;} #trxVllSctEnd > div > a:hover{transform:scale(1.05);} #trxVllSctEnd > div > a > span{display:flex;flex-direction:column;align-items:center;row-gap:20px;transform:translateY(5px);} #trxVllSctEnd > div > a > span > span{font-size:35px;font-weight:bold;color:#30e261;letter-spacing:-0.04em;} #trxVllSctEnd > div > a > span > strong{font-size:60px;font-weight:bold;color:#ffffff;letter-spacing:-0.04em;} #trxVllSctEnd > div > a > span > strong > b{color:#36d8d9;} #trxVllQck{position:sticky;top:0;z-index: 100;} #trxVllQck > div > a{position:absolute;top:40px;right:40px;transform-origin:center center;transition:transform 0.25s ease-out;background-color:#65dcdd;padding:10px;border-radius:100%;box-shadow: 0px 30px 60px 0px rgba(30, 31, 50, 0.8);} #trxVllQck > div > a:hover{transform:scale(1.1);} #trxVllQck > div > a > span{width:180px;height:180px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#65dcdd;border-radius:100%;border:1px rgba(33,39,57,0.3) solid;font-size:25px;font-weight:bold;letter-spacing:-0.04em;line-height:30px;} #trxVllQck > div > a > span > span{margin-top:30px;color:#1e1f32;} #trxVllQck > div > a > span > b{color:#7f4ed8;} #trxVllQck > div > a > img{position:absolute;left:50%;transform:translateX(-50%);bottom:3px;width:55px;} /* #trxVllQck > div > a > img{width:180px;border-radius:100%;box-shadow: 0px 30px 60px 0px rgba(30, 31, 50, 0.25);} */ #wrvMetWrp img{display: block;} #wrvMetWrp .imgBox > img{width: 100%;} #wrvMetWrp .btnCmn{width: 100%;display: inline-block;padding: 10px 0;text-align: center;background-color: #ff6600;color: #fff;border-radius: 10px;} #wrvMetWrp > div{max-width: 1200px;margin: 0 auto;} #wrvMetSec07{padding: 50px 0;} #wrvMetSec07 .btnTtl{display: flex;justify-content: flex-end;margin-bottom: 20px;} #wrvMetSec07 .btnTtl .btnVtePct{border: 1px solid #000;padding: 5px 10px;border-radius: 5px;white-space: nowrap;} #wrvMetSec07 .pctWrp{display: flex;gap: 20px;width: 100%;} #wrvMetSec07 .pctSec{width: calc(25% - 60px / 4);} #wrvMetSec07 .pctSec .pctHed{position: relative;overflow: hidden;} #wrvMetSec07 .pctSec .imgBox{} #wrvMetSec07 .pctSec .txtBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 20px;font-weight: bold;opacity: 0;transition: opacity 0.5s;} #wrvMetSec07 .pctSec .pctBox{background-color: #ff6600;position: absolute;bottom: 0;left: 0;width: 100%;opacity: 0.7;height: 25%;transform: translateY(100%);transition: transform 0.5s ease-in;} #wrvMetSec07 .pctSec .pctSub{height: 180px;} #wrvMetSec07 .pctWrp.on{} #wrvMetSec07 .pctWrp.on .txtBox{opacity: 1;} #wrvMetSec07 .pctWrp.on .pctBox{transform: translateY(0);} @media screen and (max-width: 1700px) { /* #trxVllSctFct__bck .trxVllRsp{display:block;} */ #trxVllSctFct__bck .trxVllRsp.stp1{display:block;} /* #trxVllSctFct__bck{padding-top:188px;padding-bottom:405px;font-size:113px;line-height:135px;text-shadow: 0px 0px 30px rgba(30, 31, 50, 0.06);} #trxVllSctFct__bck__cvr{top:188px;} */ .trxVllSctVte__prg__rsp1{display:block;} #trxVllVsl__dcr > span > img{transform:scale(0.4);transform-origin:center center;max-width:inherit;} #trxVllVsl__dcr > span > img.on{transform:scale(0.4) rotate(3deg);} #trxVllVsl__dcr > span:nth-child(3){top:38.909%;left:18.0104%;} #trxVllVsl__dcr > span:nth-child(4){top:56.909%;left:10.7916%;} @keyframes bounce { 0%{transform: scale(0.4) rotate(0deg);} 25%{transform: scale(0.4) rotate(6deg);} 50%{transform: scale(0.4) rotate(0deg);} 75%{transform: scale(0.4) rotate(-6deg);} 100%{transform: scale(0.4) translateY(0);} } /* @keyframes bounce { 0%{transform: scale(0.4) translateY(0);} 25%{transform: scale(0.4) translateY(-15px);} 50%{transform: scale(0.4) translateY(0);} 75%{transform: scale(0.4) translateY(15px);} 100%{transform: scale(0.4) translateY(0);} } */ #trxVllSctCrd__cnt{margin:350px auto 50px auto;} #trxVllSctCrd__stk > span:nth-child(1){top:-65%;left:20%;} #trxVllSctCrd__stk > span:nth-child(2){top:-45%;left:8%;} #trxVllSctCrd__stk > span:nth-child(3){top:-65%;left:80%;} #trxVllSctCrd__stk > span:nth-child(4){top:-80%;left:90%;} #trxVllSctCrd__stk > span:nth-child(5){top:-35%;left:90%;} } @media screen and (max-width: 1500px) { #trxVllVsl__dcr > span:nth-child(1){top:10.5454%;left:31.9791%;} #trxVllVsl__dcr > span:nth-child(2){top:13.2727%;left:17.6979%;} #trxVllVsl__dcr > span:nth-child(3){top:26.909%;left:18.0104%;} #trxVllVsl__dcr > span:nth-child(4){top:41.909%;left:11.7916%;} #trxVllVsl__dcr > span:nth-child(5){top:78.909%;left:14.8437%;} #trxVllVsl__dcr > span:nth-child(6){top:10.3636%;left:66.4791%;} #trxVllVsl__dcr > span:nth-child(7){top:23.2727%;left:83.6979%;} #trxVllVsl__dcr > span:nth-child(8){top:32.8181%;left:78.9062%;} #trxVllVsl__dcr > span:nth-child(9){top:54.2727%;left:82.5729%;} #trxVllVsl__dcr > span:nth-child(10){top:46.4545%;left:92.3958%;} #trxVllVsl__dcr > span:nth-child(11){top:92.6363%;left:77.5104%;} #trxVllVsl__dcr > span:nth-child(12){top:67.18181%;left:27.0937%;} #trxVllVsl__dcr > span > img{transform:scale(0.35);} #trxVllVsl__dcr > span > img.on{transform:scale(0.35) rotate(3deg);} @keyframes bounce { 0%{transform: scale(0.35) translateY(0);} 25%{transform: scale(0.35) translateY(-15px);} 50%{transform: scale(0.35) translateY(0);} 75%{transform: scale(0.35) translateY(15px);} 100%{transform: scale(0.35) translateY(0);} } .trxVllSctAcd__rsp1{display:block;} } @media screen and (max-width: 1300px) { /* #trxVllVsl__dcr > span:nth-child(2){top:16.2727%;left:11.6979%;} #trxVllVsl__dcr > span:nth-child(3){top:28.909%;left:16.0104%;} #trxVllVsl__dcr > span:nth-child(4){top:38.909%;left:10.7916%;} #trxVllVsl__dcr > span:nth-child(5){top:71.909%;left:11.8437%;} #trxVllVsl__dcr > span:nth-child(7){top:27.2727%;left:89.6979%;} #trxVllVsl__dcr > span:nth-child(8){top:40.8181%;left:81.9062%;} #trxVllVsl__dcr > span:nth-child(9){top:59.2727%;left:88.5729%;} #trxVllVsl__dcr > span:nth-child(10){top:44.4545%;left:92.3958%;} #trxVllVsl__dcr > span:nth-child(12){top:56.18181%;left:17.0937%;} */ #trxVllVsl__dcr > span > img{transform:scale(0.25);} #trxVllVsl__dcr > span > img.on{transform:scale(0.25) rotate(3deg);} @keyframes bounce { 0%{transform: scale(0.25) rotate(0deg);} 25%{transform: scale(0.25) rotate(6deg);} 50%{transform: scale(0.25) rotate(0deg);} 75%{transform: scale(0.25) rotate(-6deg);} 100%{transform: scale(0.25) translateY(0);} } #trxVllVsl{min-height:772px;top:calc(0);} #trxVllVsl__txt{row-gap:25px;padding-top:52px;} #trxVllVsl__txt > img{width:210px;} #trxVllVsl__txt > h1 > span{font-size:39px;line-height:53px;} #trxVllVsl__txt > h1 > strong{font-size:90px;line-height:101px;} #trxVllVsl__txt > h1 > strong > b::before{width:38px;height:38px;top:6px;left:9px;} #trxVllVsl__txt > h1 > strong > b::after{width:38px;height:38px;top:6px;right:39px;} #trxVllVsl__img > img{width:810px;margin-top:-165px;max-width:inherit;} #trxVllVsl__dcr{left:40px;} .trxVllVsl__flw{width:40px;} .trxVllVsl__flw > div{min-width:2300px;} .trxVllVsl__flw > div > span{font-size:20px;} .trxVllVsl__flw > div > span > span::after{width:35px;height:10px;background-size:10px auto;} #trxVllVsl__flw__lft > div{left:17px;} #trxVllVsl__flw__rgt > div{left:22px;} #trxVllSctNtc01 > div{width:calc(100% - 40px);line-height:112px;font-size:49px;} #trxVllSctNtc02 > div{width:calc(100% - 40px);line-height:112px;font-size:49px;} #trxVllSctNtc03 > div{width:calc(100% - 40px);line-height:112px;font-size:49px;} #trxVllSctNtc04 > div{width:calc(100% - 40px);line-height:112px;font-size:49px;} #trxVllSctVdo > iframe{width:calc(100vw - 40px);height:calc((100vw - 40px) * 0.5625);margin-bottom:75px;} #trxVllSctAtt{padding-top:75px;} #trxVllSctAtt *{line-height:150px;} #trxVllSctAtt .trxVllSctAtt__grp{column-gap:18px;padding-right:30px;} #trxVllSctAtt .trxVllSctAtt__prt{column-gap:18px;} #trxVllSctAtt .trxVllSctAtt__wrd{font-size:49px;} #trxVllSctAtt__img > span > img{width:calc(200px * 0.75);} #trxVllSctVdo{padding:75px 0;} #trxVllSctVdo *{line-height:150px;} #trxVllSctVdo .trxVllSctAtt__grp{column-gap:18px;padding-right:30px;} #trxVllSctVdo .trxVllSctAtt__prt{column-gap:18px;} #trxVllSctVdo .trxVllSctAtt__wrd{font-size:49px;} #trxVllSctVdo__img{bottom:25px;} #trxVllSctVdo__img > span > img{width:calc(200px * 0.75);} /* #trxVllSctFct__bck{margin-bottom:292px;} */ #trxVllSctFct__bck__txt{font-size:100px;line-height:120px;text-shadow: 0px 0px 30px rgba(30, 31, 50, 0.06);} #trxVllSctFct__bck__txt__cvr{font-size:100px;line-height:120px;} #trxVllSctFct__txt{padding:100px 0;} #trxVllSctFct__txt > div{width:calc(100vw - 40px);} #trxVllSctFct__txt > div > span{font-size:48px;line-height:64px;} /* #trxVllSctVte__txt{font-size:49px;line-height:100px;} */ #trxVllSctPrg__prg{font-size:49px;line-height:60px;padding:112px 0 75px 0;} #trxVllSctImg > div > div{row-gap:15px;} #trxVllSctImg > div > div > div{border-radius:15px;padding:20px 30px;} #trxVllSctImg > div > div > div > span{font-size:55px;} #trxVllSctAcd > div{padding:112px 0 262px 0;} #trxVllSctAcd > div > h2{font-size:45px;line-height:60px;padding-bottom:15px;width:calc(100% - 40px);} #trxVllSctAcd > div > p{font-size:45px;line-height:60px;padding-bottom:75px;} .trxVllSctAcd__grd{column-gap:15px;row-gap:15px;padding-bottom:30px;} /* .trxVllSctAcd__grd > div > img{border-radius:10px;} */ /* .trxVllSctAcd__grd > div > span{left:25px;bottom:29px;} */ #trxVllSctAcd__acd{width:calc(100% - 40px);} #trxVllSctAcd__acd > div > a{height:90px} #trxVllSctAcd__acd > div > a > span{font-size:25px;} #trxVllSctEnd > div{padding:112px 0 180px 0;} #trxVllSctEnd > div > img{max-width:280px;} #trxVllSctEnd > div > a{width:585px;height:120px;} #trxVllSctEnd > div > a > span{row-gap:10px;} #trxVllSctEnd > div > a > span > span{font-size:26px;} #trxVllSctEnd > div > a > span > strong{font-size:45px;} #trxVllSctVte__txt{font-size:49px;line-height:60px;padding-top:112px;} #trxVllSctVte__prg{font-size:49px;line-height:60px;padding-bottom:262px;} /* #trxVllSctVte__grd{grid-template-columns:repeat(2, 1fr);width:580px;} */ #trxVllSctTpc__txt__bll01 > div{column-gap:22px;} #trxVllSctTpc__txt__bll01 > div{border-radius:68px;padding:38px 23px 23px 23px;max-width:675px;} #trxVllSctTpc__txt__bll01 > div > span > img{width:112px;min-width:112px;} #trxVllSctTpc__txt__bll01 > div > p{font-size:34px;line-height:53px;} #trxVllSctTpc__txt__bll02 > div{column-gap:22px;} #trxVllSctTpc__txt__bll02 > div{border-radius:68px;padding:38px 23px 23px 23px;max-width:675px;} #trxVllSctTpc__txt__bll02 > div > span > img{width:112px;min-width:112px;} #trxVllSctTpc__txt__bll02 > div > p{font-size:34px;line-height:53px;} #trxVllSctVte__Sld{padding:75px 0;} .trxVllSctVte__itm{margin-left:30px;} .trxVllSctVte__itm:last-child{margin-right:30px;} #trxVllSctCrd > div{padding:112px 0 262px 0;} #trxVllSctCrd > div > h2{font-size:49px;line-height:60px;} /* #trxVllSctCrd > div > p{font-size:26px;line-height:40px;} */ #trxVllSctCrd__flx{flex-direction:row;flex-wrap:wrap;width:860px;} #trxVllSctCrd__flx__crd{order:1;margin:0 calc(calc(100% - 360px) / 2) 150px;} #trxVllSctCrd__flx__crd > img{width:534px} #trxVllSctCrd__flx__crd > img.on{} .trxVllSctCrd__flx__btn{width:420px;} .trxVllSctCrd__flx__btn.typ1{order:2;} .trxVllSctCrd__flx__btn.typ2{order:3;} #trxVllSctCrd__stk > span:nth-child(1){top:-35%;left:20%;} #trxVllSctCrd__stk > span:nth-child(2){top:-15%;left:8%;} #trxVllSctCrd__stk > span:nth-child(3){top:-23%;left:80%;} #trxVllSctCrd__stk > span:nth-child(4){top:-35%;left:90%;} #trxVllSctCrd__stk > span:nth-child(5){top:-5%;left:90%;} #trxVllQck{transform:scale(0.75);transform-origin:top right;} #trxVllQck > div > a{top:30px;right:30px;} /* #trxVllQck > div > a > img{width:135px;} */ } @media screen and (max-width: 1200px) { #trxVll{padding-top:100px;} } @media screen and (max-width: 1000px) { #trxVllVsl__dcr{width:100%;left:0;} #trxVllVsl__dcr > span:nth-child(2), #trxVllVsl__dcr > span:nth-child(4), #trxVllVsl__dcr > span:nth-child(5), #trxVllVsl__dcr > span:nth-child(7), #trxVllVsl__dcr > span:nth-child(9), #trxVllVsl__dcr > span:nth-child(10), #trxVllVsl__dcr > span:nth-child(11){display:none;} /* #trxVllVsl__dcr > span:nth-child(12) */ #trxVllVsl__dcr > span:nth-child(1){top:8.5454%;left:23.9791%;} #trxVllVsl__dcr > span:nth-child(3){top:24.909%;left:11.0104%;} #trxVllVsl__dcr > span:nth-child(6){top:12.3636%;left:70.4791%;} #trxVllVsl__dcr > span:nth-child(8){top:62.8181%;left:89.9062%;} #trxVllVsl__dcr > span:nth-child(12){top:71.18181%;left:15.0937%;} #trxVllVsl__dcr > span > img{ transform:scale(0.4);} #trxVllVsl__dcr > span > img.on{transform:scale(0.4) rotate(3deg);} @keyframes bounce { 0%{transform: scale(0.4) rotate(0deg);} 25%{transform: scale(0.4) rotate(6deg);} 50%{transform: scale(0.4) rotate(0deg);} 75%{transform: scale(0.4) rotate(-6deg);} 100%{transform: scale(0.4) translateY(0);} } /* #trxVllVsl__dcr > span:nth-child(1){top:10.5454%;left:37.9791%;} #trxVllVsl__dcr > span:nth-child(2){top:16.2727%;left:24.6979%;} #trxVllVsl__dcr > span:nth-child(3){top:26.909%;left:21.0104%;} #trxVllVsl__dcr > span:nth-child(4){top:39.909%;left:14.7916%;} */ /* #trxVllVsl__dcr > span:nth-child(3){top:26.909%;left:16.0104%;} #trxVllVsl__dcr > span:nth-child(4){top:37.909%;left:5.7916%;} #trxVllVsl__dcr > span:nth-child(5){top:61.909%;left:7.8437%;} */ /* #trxVllVsl__dcr > span > img{transform:scale(0.4);} @keyframes bounce { 0%{transform: scale(0.4) translateY(0);} 25%{transform: scale(0.4) translateY(-15px);} 50%{transform: scale(0.4) translateY(0);} 75%{transform: scale(0.4) translateY(15px);} 100%{transform: scale(0.4) translateY(0);} } */ /* #trxVllVsl__dcr > span:nth-child(4){left:5.7916%;} #trxVllVsl__dcr > span:nth-child(12){top:60.18181%;left:17.0937%;} #trxVllVsl__dcr > span:nth-child(8){top:40.8181%;left:86.9062%;} #trxVllVsl__dcr > span:nth-child(10){top:46.4545%;left:94.3958%;} #trxVllVsl__dcr > span:nth-child(12){top: 91.18181%;left:9.0937%;} */ #trxVllVsl > div{padding-top:80px;} #trxVllVsl__flw__lft{border:0;width:100%;height:50px;position:absolute;transform:none;top:0;left:0;border-bottom:2px #1e1f32 solid;} #trxVllVsl__flw__lft > div{top:calc(50% + 1px);transform:translateY(-50%);left:0;} #trxVllVsl__flw__rgt{border:0;width:100%;height:50px;position:absolute;transform:none;top:auto;bottom:0;left:0;border-top:2px #1e1f32 solid;} #trxVllVsl__flw__rgt > div{top:calc(50% + 4px);transform:translateY(-50%);left:0;} .trxVllVsl__flw > div > span{font-size:20px;display:flex;white-space:nowrap;} .trxVllVsl__flw > div > span > span{display:block;} .trxVllVsl__flw > div > span > span::after{width:35px;height:10px;background-size:10px auto;} #trxVllVsl__flw__lft{display:none !important;} #trxVllVsl__flw__rgt{position:relative;} /* #trxVllVsl__flw__lft{border:0;width:100%;height:80px;position:absolute;transform:none;top:0;left:0;} #trxVllVsl__flw__lft > div{transform:none;} */ #trxVllSctNtc01 > div{width:calc(100% - 40px);line-height:75px;font-size:33px;} #trxVllSctNtc02 > div{width:calc(100% - 40px);line-height:75px;font-size:33px;} #trxVllSctNtc03 > div{width:calc(100% - 40px);line-height:75px;font-size:33px;} #trxVllSctNtc04 > div{width:calc(100% - 40px);line-height:75px;font-size:33px;} #trxVllSctAtt{padding-top:50px;} #trxVllSctAtt *{line-height:100px;} #trxVllSctAtt .trxVllSctAtt__grp{column-gap:12px;padding-right:20px;} #trxVllSctAtt .trxVllSctAtt__prt{column-gap:12px;} #trxVllSctAtt .trxVllSctAtt__wrd{font-size:32px;} #trxVllSctAtt .trxVllSctAtt__wrd.otl{text-stroke:2px #36d8d9;-webkit-text-stroke:2px #36d8d9;} #trxVllSctAtt .trxVllSctAtt__wrd.otl > span{text-stroke:0;-webkit-text-stroke:0px #36d8d9;} #trxVllSctAtt__img{bottom:15px;width:calc(100% - 40px);} #trxVllSctAtt__img > span > img{width:calc(200px * 0.5);} #trxVllSctVdo > iframe{margin-bottom:50px;} #trxVllSctVdo{padding:50px 0;} #trxVllSctVdo *{line-height:100px;} #trxVllSctVdo .trxVllSctAtt__grp{column-gap:12px;padding-right:20px;} #trxVllSctVdo .trxVllSctAtt__prt{column-gap:12px;} #trxVllSctVdo .trxVllSctAtt__wrd{font-size:32px;} #trxVllSctVdo .trxVllSctAtt__wrd.otl{text-stroke:2px #30e261;-webkit-text-stroke:2px #30e261;} #trxVllSctVdo .trxVllSctAtt__wrd.otl > span{text-stroke:0;-webkit-text-stroke:0px #30e261;} #trxVllSctVdo__img{bottom:15px;width:calc(100% - 40px);} #trxVllSctVdo__img > span > img{width:calc(200px * 0.5);} /* #trxVllSctFct__bck{padding-top:63px;padding-bottom:135px;font-size:38px;line-height:45px;text-shadow: 0px 0px 10px rgba(30, 31, 50, 0.06);} #trxVllSctFct__bck__cvr{top:63px;} */ /* #trxVllSctFct__txt{padding:75px 0;} */ /* #trxVllSctFct__bck{margin-bottom:219px;} */ #trxVllSctFct__txt{padding:75px 0;} #trxVllSctFct__txt > div > span{font-size:36px;line-height:48px;} /* #trxVllSctFct__txt > div > span{text-stroke:2px #7c42e5;-webkit-text-stroke:2px #7c42e5;} #trxVllSctFct__txt > div > span > b{text-stroke:2px #faf7f3;-webkit-text-stroke:2px #faf7f3;} #trxVllSctFct__txt > div > span > span{text-stroke:0px #7c42e5;-webkit-text-stroke:0px #7c42e5;} */ /* #trxVllSctFct__bck{height:50svh;} */ /* #trxVllSctFct__wrp{padding-top:0;} */ /* #trxVllSctVte__grd{width:calc(100% - 40px);} */ #trxVllSctTpc__vsl > span > b{width:150px;height:45px;border-radius:22px;} #trxVllSctTpc__vsl > span > b > span{font-size:30px;} #trxVllSctTpc__vsl > span > span{font-size:97px;line-height:112px;} #trxVllSctTpc__bll > span:nth-child(1){top:calc(50% - 71px);left:calc(50% - 262px);} #trxVllSctTpc__bll > span:nth-child(2){top:calc(50% - 255px);left:calc(50% + 41px);} #trxVllSctTpc__bll > span:nth-child(3){top:calc(50% - 157px);left:calc(50% + 206px);} #trxVllSctTpc__bll > span:nth-child(4){top:calc(50% + 225px);left:calc(50% - 165px);} #trxVllSctTpc__bll > span:nth-child(5){top:calc(50% + 195px);left:calc(50% + 112px);} #trxVllSctTpc__bll > span:nth-child(6){top:calc(50% + 97px);left:calc(50% + 292px);} #trxVllSctMve07{width:525px;height:120px;} #trxVllSctMve07 > span > span{font-size:48px;} #trxVllSctImg > div > div{row-gap:10px;} #trxVllSctImg > div > div > div{border-radius:10px;padding:15px 25px;} #trxVllSctImg > div > div > div > span{font-size:40px;} #trxVllSctVte__btn{padding:75px 0 0 0;} .trxVllSctAcd__grd{grid-template-columns:repeat(2, 1fr);} .trxVllSctCrd__rsp1{display:block;} #trxVllSctCrd__cnt{margin:250px 0 75px 0;} #trxVllSctCrd__flx{width:650px;} #trxVllSctCrd__flx__crd > span > span > img{transform:scale(0.33);} #trxVllSctCrd__stk > span > span > img{transform:scale(0.33);} #trxVllSctCrd__stk > span.on > span > img{transform:scale(0.33) rotate(6deg);} #trxVllSctCrd__stk > span:nth-child(1){top:-30%;} #trxVllSctCrd__stk > span:nth-child(4){top:-31%;} .trxVllSctCrd__flx__btn{width:315px;} .trxVllSctCrd__flx__btn > a{width:315px;height:113px;} .trxVllSctCrd__flx__btn > a > span > b{font-size:38px;line-height:30px;} .trxVllSctCrd__flx__btn > a > span > span{font-size:19px;line-height:30px;} .trxVllSctCrd__flx__btn > strong{margin-top:30px;margin-left:22px;font-size:19px;line-height:38px;transform:translateY(5px);} .trxVllSctCrd__flx__btn > ul{font-size:15px;line-height:22px;} .trxVllSctCrd__flx__btn.typ1 > span{top:100px;left:-50px;} .trxVllSctCrd__flx__btn.typ1 > span > img{width:56px;} .trxVllSctCrd__flx__btn.typ2 > span{top:100px;left:calc(100% + 0px);} .trxVllSctCrd__flx__btn.typ2 > span > img{width:48px;} #trxVllQck{transform:translateX(-50%) scale(1) !important;position:fixed;top:auto;left:50%;bottom:-80px;transition:bottom 0.25s ease-out;} #trxVllQck.show{bottom:20px;} #trxVllQck.abs{position:absolute;} #trxVllQck > div > a{position:relative;width:calc(100vw - 40px);border-radius:10px;display:flex;top:0;right:0;padding:5px;} #trxVllQck > div > a > span{width:auto;height:auto;border-radius:5px;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px 10px;font-size:16px;line-height:24px;} #trxVllQck > div > a > span > span{margin-top:0;transform:translateY(5%);margin-right:5px;} #trxVllQck > div > a > span > b{transform:translateY(5%);} #trxVllQck > div > a > img{transform:none;position:absolute;top:50%;left:auto;right:20px;transform:translateY(-50%);width:auto;height:calc(100% - 20px);} } @media screen and (max-width: 900px) { #trxVllVsl__dcr > span:nth-child(4), #trxVllVsl__dcr > span:nth-child(5), #trxVllVsl__dcr > span:nth-child(7), #trxVllVsl__dcr > span:nth-child(9), #trxVllVsl__dcr > span:nth-child(10), #trxVllVsl__dcr > span:nth-child(11){display:none;} #trxVllVsl__dcr > span:nth-child(1){top:8.5454%;left:23.9791%;} #trxVllVsl__dcr > span:nth-child(3){top:24.909%;left:11.0104%;} #trxVllVsl__dcr > span:nth-child(6){top:12.3636%;left:70.4791%;} #trxVllVsl__dcr > span:nth-child(8){top:62.8181%;left:89.9062%;} #trxVllVsl__dcr > span:nth-child(12){top:71.18181%;left:15.0937%;} /* #trxVllVsl__dcr > span > img{transform:scale(0.3);} @keyframes bounce { 0%{transform: scale(0.3) rotate(0deg);} 25%{transform: scale(0.3) rotate(6deg);} 50%{transform: scale(0.3) rotate(0deg);} 75%{transform: scale(0.3) rotate(-6deg);} 100%{transform: scale(0.3) translateY(0);} } */ } @media screen and (max-width: 810px) { #trxVllVsl__img > img{position:relative;left:50%;transform:translateX(-50%);} } @media screen and (max-width: 767px) { .trxVllStc{max-width:100vw;} #trxVllVsl__dcr > span:nth-child(1){top:6.5454%;left:30.9791%;} #trxVllVsl__dcr > span:nth-child(3){top:13.909%;left:13.0104%;} #trxVllVsl__dcr > span:nth-child(6){top:9.3636%;left:56.4791%;} #trxVllVsl__dcr > span:nth-child(8){top:20.8181%;left:88.9062%;} #trxVllVsl__dcr > span:nth-child(12){top:71.18181%;left:15.0937%;} #trxVllVsl__dcr > span > img{transform:scale(0.25);transform-origin:center center;max-width:inherit;} #trxVllVsl__dcr > span > img.on{transform:scale(0.25) rotate(3deg);} @keyframes bounce { 0%{transform: scale(0.25) rotate(0deg);} 25%{transform: scale(0.25) rotate(6deg);} 50%{transform: scale(0.25) rotate(0deg);} 75%{transform: scale(0.25) rotate(-6deg);} 100%{transform: scale(0.25) translateY(0);} } #trxVllVsl{min-height:0;} #trxVllVsl__flw__lft{border-bottom-width:1px;height:40px;} #trxVllVsl__flw__rgt{border-top-width:0px;height:40px;} #trxVllVsl__flw__rgt > div{top:calc(50% + 1px);} .trxVllVsl__flw > div{min-width:1760px;} .trxVllVsl__flw > div > span{font-size:15px;} #trxVllVsl__img > img{width:136.1111vw;margin-top:-27.7777vw;} /* #trxVllVsl__dcr > span > img{transform:scale(0.2);transform-origin:center center;max-width:inherit;} @keyframes bounce { 0%{transform: scale(0.2) translateY(0);} 25%{transform: scale(0.2) translateY(-15px);} 50%{transform: scale(0.2) translateY(0);} 75%{transform: scale(0.2) translateY(15px);} 100%{transform: scale(0.2) translateY(0);} } */ #trxVllVsl__txt > h1 > span{font-size:26px;line-height:35px;} #trxVllVsl__txt > h1 > strong{font-size:60px;line-height:68px;} #trxVllVsl__txt > h1 > strong > b::before{width:23px;height:23px;top:5px;left:8px;} #trxVllVsl__txt > h1 > strong > b::after{width:23px;height:23px;top:5px;right:27px;} #trxVllSctNtc01 > div{width:calc(100% - 40px);line-height:37px;font-size:16px;} #trxVllSctNtc02 > div{width:calc(100% - 40px);line-height:37px;font-size:16px;} #trxVllSctNtc03 > div{width:calc(100% - 40px);line-height:37px;font-size:16px;} #trxVllSctNtc04 > div{width:calc(100% - 40px);line-height:37px;font-size:16px;} #trxVllSctAtt{padding-top:25px;} #trxVllSctAtt *{line-height:50px;} #trxVllSctAtt .trxVllSctAtt__grp{column-gap:6px;padding-right:10px;} #trxVllSctAtt .trxVllSctAtt__prt{column-gap:6px;} #trxVllSctAtt .trxVllSctAtt__wrd{font-size:16px;} #trxVllSctAtt__img{bottom:7.5px;} #trxVllSctAtt__img > span > img{width:calc(200px * 0.25);} #trxVllSctVdo > iframe{margin-bottom:25px;} #trxVllSctVdo{padding:25px 0;} #trxVllSctVdo *{line-height:50px;} #trxVllSctVdo .trxVllSctAtt__grp{column-gap:6px;padding-right:10px;} #trxVllSctVdo .trxVllSctAtt__prt{column-gap:6px;} #trxVllSctVdo .trxVllSctAtt__wrd{font-size:16px;} #trxVllSctVdo__img{bottom:7.5px;} #trxVllSctVdo__img > span > img{width:calc(200px * 0.25);} #trxVllSctFct__bck .trxVllRsp.stp2{display:block;} #trxVllSctFct__bck__txt{font-size:75px;line-height:90px;text-shadow: 0px 0px 20px rgba(30, 31, 50, 0.06);} #trxVllSctFct__bck__txt__cvr{font-size:75px;line-height:90px;} /* #trxVllSctFct__bck{margin-bottom:315px;} */ #trxVllSctFct__txt .trxVllRsp{display:block;} /* #trxVllSctFct__txt > div{padding-bottom:150px;} */ #trxVllSctFct__txt > div > span{font-size:30px;line-height:40px;} #trxVllSctFct__bck__img > span > img{border-radius:10px;} #trxVllSctMve07{width:350px;height:80px;} #trxVllSctMve07 > span > span{font-size:32px;transform:translateY(3px);} #trxVllSctTpc__vsl > img{width:calc(130vw - 80px);} #trxVllSctTpc__vsl > span > b{width:100px;height:30px;border-radius:15px;} #trxVllSctTpc__vsl > span > b > span{font-size:20px;} #trxVllSctTpc__vsl > span > span{font-size:65px;line-height:75px;} #trxVllSctTpc__bll > span{display:none;} #trxVllSctTpc__bll > span:nth-child(1){top:calc(50% - 47px);left:calc(50% - 175px);} #trxVllSctTpc__bll > span:nth-child(2){top:calc(50% - 170px);left:calc(50% + 27px);} #trxVllSctTpc__bll > span:nth-child(3){top:calc(50% - 105px);left:calc(50% + 137px);} #trxVllSctTpc__bll > span:nth-child(4){top:calc(50% + 150px);left:calc(50% - 110px);} #trxVllSctTpc__bll > span:nth-child(5){top:calc(50% + 130px);left:calc(50% + 75px);} #trxVllSctTpc__bll > span:nth-child(6){top:calc(50% + 65px);left:calc(50% + 195px);} #trxVllSctMve07{width:350px;height:80px;top:49%;} #trxVllSctMve07 > span > span{font-size:30px;} @keyframes bouncePop { 0%{transform:translateX(-50%) translateY(-50%) scale(0);} 25%{transform:translateX(-50%) translateY(-50%) scale(0.35);} 50%{transform:translateX(-50%) translateY(-50%) scale(0.2);} 75%{transform:translateX(-50%) translateY(-50%) scale(0.3);} 100%{transform:translateX(-50%) translateY(-50%) scale(0.25);} } /* #trxVllSctVte__txt{font-size:32px;line-height:75px;} */ #trxVllSctVte__btn{padding:50px 0 0 0;} #trxVllSctVte__btn > div > div > div{font-size:20px;margin-right:15px;} #trxVllSctVte__btn > div > div > span{width:95px;height:40px;} #trxVllSctVte__btn > div > div > span > a{justify-content:center;} #trxVllSctVte__btn > div > div > span > a > span{font-size:20px;line-height:20px;} #trxVllSctVte__btn > div > div > span > a > span.off::before{width:20px;height:20px;margin-right:10px;} #trxVllSctVte__btn > div > div > span > a > span.on::after{width:20px;height:20px;margin-left:10px;} #trxVllSctPrg__prg{font-size:32px;line-height:40px;padding:75px 0 50px 0;} #trxVllSctImg > div > div > div{padding:10px 20px;} #trxVllSctImg > div > div > div > span{font-size:20px;transform:translateY(3px);} #trxVllSctImg > div > div > div > span > b > span > span{top:1px;} /* 150px 0 */ #trxVllSctAcd > div{padding:75px 0 225px 0;} #trxVllSctAcd > div > h2{font-size:30px;line-height:40px;padding-bottom:10px;} #trxVllSctAcd > div > p{font-size:30px;line-height:40px;padding-bottom:50px;} #trxVllSctAcd__acd > div > a{height:60px;} #trxVllSctAcd__acd > div > a > span{font-size:20px;} /* .trxVllSctAcd__grd{grid-template-columns:repeat(1, 1fr);} */ /* .trxVllSctAcd__grd > div > span > span{font-size:13px;line-height:13px;} .trxVllSctAcd__grd > div > span > strong{font-size:16px;line-height:16px;} */ #trxVllSctEnd > div{padding:75px 0 125px 0;} #trxVllSctEnd > div > a{width:390px;height:80px;} #trxVllSctEnd > div > a > span{row-gap:10px;transform:translateY(2px);} #trxVllSctEnd > div > a > span > span{font-size:18px;} #trxVllSctEnd > div > a > span > strong{font-size:25px;} #trxVllSctVte__txt{font-size:32px;line-height:40px;padding-top:75px;} #trxVllSctVte__prg{font-size:32px;line-height:40px;padding-bottom:225px;} .trxVllSctVte__prg__rsp2{display:block;} .trxVllSctAcd__rsp2{display:block;} .trxVllSctVte__txt__rsp{display:block;} #trxVllSctTpc__txt__bll01 > div{column-gap:15px;flex-direction:column;row-gap:15px;} #trxVllSctTpc__txt__bll01 > div{border-radius:45px;padding:25px;max-width:450px;} #trxVllSctTpc__txt__bll01 > div > span{align-self:flex-start;} #trxVllSctTpc__txt__bll01 > div > span > img{width:75px;min-width:75px;} #trxVllSctTpc__txt__bll01 > div > p{font-size:18px;line-height:30px;} #trxVllSctTpc__txt__bll02 > div{column-gap:15px;flex-direction:column;row-gap:15px;} #trxVllSctTpc__txt__bll02 > div{border-radius:45px;padding:25px;max-width:450px;} #trxVllSctTpc__txt__bll02 > div > span{align-self:flex-start;} #trxVllSctTpc__txt__bll02 > div > span > img{width:75px;min-width:75px;} #trxVllSctTpc__txt__bll02 > div > p{font-size:18px;line-height:30px;} #trxVllSctVte__Sld{padding:50px 0 100px 0;} .trxVllSctVte__itm{margin-left:20px;} .trxVllSctVte__itm:last-child{margin-right:20px;} .trxVllSctAcd__grd > div > span{row-gap: 5px;} .trxVllSctAcd__grd > div > span > span{font-size:13px;width:80px;} .trxVllSctAcd__grd > div > span > strong{font-size:16px;word-break: keep-all;} #trxVllSctCrd > div{padding:75px 0 225px 0;} #trxVllSctCrd > div > h2{font-size:32px;line-height:40px;} /* #trxVllSctCrd > div > p{font-size:20px;line-height:30px;} */ #trxVllSctCrd__flx{width:100%;row-gap: 20px;} #trxVllSctCrd__stk{display:none;} #trxVllSctCrd__stk > span > span > img{transform:scale(0.25);} #trxVllSctCrd__stk > span.on > span > img{transform:scale(0.25) rotate(6deg);} #trxVllSctCrd__stk > span:nth-child(1){top:-18%;} #trxVllSctCrd__stk > span:nth-child(2){top:-10%;} #trxVllSctCrd__stk > span:nth-child(3){top:-20%;left:70%;} #trxVllSctCrd__stk > span:nth-child(4){top:-24%;left:85%;} #trxVllSctCrd__stk > span:nth-child(5){top:-11%;left:80%;} /* #trxVllSctCrd__cnt{margin:250px 0 75px 0;} */ #trxVllSctCrd__cnt{margin:120px 0 50px 0;} #trxVllSctCrd__flx__crd{margin:0 calc(calc(100% - 360px) / 2) 75px;} #trxVllSctCrd__flx__crd > span > span > img{transform:scale(0.25);} #trxVllSctCrd__flx__crd > span:nth-child(1){top:calc(50% - 100px);} #trxVllSctCrd__flx__crd > span:nth-child(2){top:calc(50% + 95px);} .trxVllSctCrd__flx__btn > strong{margin-top:10px;} .trxVllSctCrd__flx__btn > ul{margin-top:10px;} /* #trxVllQck > div > a{top:20px;right:20px;} */ /* #trxVllQck > div > a > img{width:90px;} */ #trxVllSctCrd__flx__crd > img{width:calc(100vw - 40px);} .trxVllSctCrd__rsp2{display:block;} } @media screen and (max-width: 640px) { /* #trxVllSctVte__grd{width:calc(100% - 40px);} */ /* column-gap:20px;row-gap:20px;grid-template-columns:repeat(1, 1fr); */ /* #trxVllSctVte__grd{width:calc(100% - 40px);column-gap:20px;row-gap:20px;grid-template-columns:repeat(1, 1fr);} */ /* .trxVllSctVte__itm{margin:0 auto;} */ /* #trxVllSctVte__grd{width:calc(100% - 40px);column-gap:20px;row-gap:20px;} .trxVllSctVte__itm{margin:0 auto;} */ } @media screen and (max-width: 560px) { #trxVllSctFct__bck__txt{font-size:60px;line-height:72px;text-shadow: 0px 0px 20px rgba(30, 31, 50, 0.06);} #trxVllSctFct__bck__txt__cvr{font-size:60px;line-height:72px;} /* #trxVllSctFct__bck__txt{font-size:50px;line-height:90px;text-shadow: 0px 0px 20px rgba(30, 31, 50, 0.06);} #trxVllSctFct__bck__txt__cvr{font-size:75px;line-height:90px;} */ /* #trxVllSctVte__grd{display:none;} */ #trxVllSctEnd > div > a{transform:scale(0.75);transform-origin:center center;} } @media screen and (max-width: 400px) { .trxVllSctCrd__flx__btn.typ1 > span{display:none;} } .iframe_cont{display:block;} #mobile_1200, #pu21700{background-color:#fff;position: relative;z-index: 30;} .sub_footer_wrap{max-width:100vw !important;overflow:hidden !important;font-family:"Pretendard", sans-serif;}