@charset "UTF-8";
 .popup_w {
	 position: fixed;
	 top: 100px;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 z-index: 999999;
	 box-shadow: 0 0 50px rgba(0,0,0,0.3);
	 background: #fff;
}
 .popup_w .pop_area img {
	 width: 450px;
}
 .popup_w .pop_btn {
	 background: #fff;
	 padding: 10px;
}
 .popup_w .pop_btn {
	 background: #313031;
}
 .popup_w .pop_btn:after {
	 content: '';
	 display: block;
	 clear: both;
}
 .popup_w .pop_btn .left {
	 float: left;
}
 .popup_w .pop_btn .left > * {
	 display: inline-block;
	 vertical-align: middle;
}
 .popup_w .pop_btn .left p {
	 font-size: 14px;
	 line-height: 35px;
	 color: #fff;
	 padding-left: 10px;
}
 .popup_w .pop_btn .right {
	 float: right;
}
 .popup_w .pop_btn .right button {
	 width: 60px;
	 height: 35px;
	 border: 0px solid #ddd;
	 background: #666;
	 border-radius: 5px;
	 font-size: 14px;
	 color: #fff;
}
 @media (max-width: 640px) {
	 .popup_w .pop_area img {
		 width: 300px;
	}
	 .popup_w .pop_btn .right button {
		 height: 25px;
		 font-size: 12px;
		 width: 50px;
	}
	 .popup_w .pop_btn .left p {
		 font-size: 12px;
		 line-height: 25px;
	}
}
 html {
	 font-size: 16px;
}
 .mob-only {
	 display: none;
}
 @media all and (max-width: 1100px) {
	 html {
		 font-size: 15px;
	}
}
 .main_2025 {
	 display: flex;
	 flex-direction: column;
}
 @media all and (max-width: 1023px) {
	 .main_2025 {
		 overflow: hidden;
	}
	 .mob-only {
		 display: block;
	}
	 .web-only {
		 display: none;
	}
}
 .main_2025 > * {
	 width: 100%;
}
 @keyframes BulletProgress {
	 to {
		 stroke-dashoffset: 0;
	}
}
 @keyframes prograss2 {
	 0% {
		 height: 0;
	}
	 100% {
		 height: 100%;
	}
}
 @keyframes book-slide {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(-50%);
	}
}
 :root {
	 --swiper-navigation-size: 20px;
	 --swiper-theme-color: #000;
}
 .visual_bx {
	 width: 100vw;
	 height: 100vh;
	 overflow: hidden;
	 position: relative;
}
 .visual_bx .swiper-pagination {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: auto;
	 max-width: 100%;
	 left: 30px;
	 bottom: 30px;
}
 .visual_bx .swiper-pagination-bullet-custom {
	 display: block;
	 flex-shrink: 0;
	 width: 25px;
	 height: 25px;
	 position: relative;
	 cursor: pointer;
}
 .visual_bx .swiper-pagination-bullet-custom::before {
	 content: '';
	 display: block;
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 background-color: rgba(0,0,0,0.65);
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
}
 .visual_bx .swiper-pagination-bullet-custom:not(:last-child) {
	 margin-right: 5px;
}
 .visual_bx .swiper-pagination-bullet-custom svg {
	 display: none;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%) rotate(-90deg);
}
 .visual_bx .swiper-pagination-bullet-custom--active svg {
	 display: block;
}
 .visual_bx .swiper-pagination-bullet-custom--active svg circle {
	 stroke-dasharray: 56.5563;
	 stroke-dashoffset: 56.5563;
	 animation: BulletProgress calc(var(--delay) * 1ms) linear forwards;
}
 .visual_bx .swiper-pagination-bullet-custom--active::before {
	 background-color: 000;
}
 .visual_bx .swiper--pause .swiper-pagination-bullet-custom--active svg circle {
	 animation: none;
}
 .visual_w {
	 position: relative;
	 overflow: hidden;
}
 .visual_w .scroll {
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	 z-index: 13;
	 text-align: right;
}
 .visual_w .scroll strong {
	 display: block;
	 font-size: 14px;
	 color: #000;
	 font-weight: 400;
	 margin-bottom: 10px;
}
 .visual_w .scroll i {
	 display: inline-block;
	 width: 2px;
	 height: 50px;
	 background: rgba(0,0,0,0.25);
	 border-radius: 1px;
}
 .visual_w .scroll i:after {
	 content: '';
	 display: block;
	 width: 100%;
	 height: 0;
	 border-radius: 1px;
	 background: #000;
	 animation: prograss2 infinite linear 1.5s;
}
 @media all and (max-width: 1023px) {
	 .visual_w .scroll strong {
		 display: none;
	}
	 .visual_w .scroll i {
		 height: 30px;
	}
}
 .visual_bx .swiper-slide {
	 position: relative;
}
 .visual_bx .swiper-slide .img {
	 align-content: center;
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 object-position: center;
}
 .visual_bx .swiper-slide .img img {
	 object-position: center;
}
 .visual_bx .swiper-slide.fullimg .img > img {
	 object-fit: cover;
	 width: 100%;
	 height: 100%;
}
 .visual_bx .swiper-slide.fullimg .img > img.mo {
	 display: none;
}
 .visual_bx .swiper-slide:not(.fullimg) {
	 padding: 0 260px;
}
 .visual_bx .swiper-slide.fullimg {
	 padding: 0;
}
 .visual_bx .txt {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 display: flex;
	 flex-direction: column;
	 gap: 2.25rem;
	 z-index: 2;
}
 .visual_bx .txt h2 {
	 font-size: 4rem;
	 font-weight: 600;
	 color: #000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column;
	 letter-spacing: -2px;
}
 .visual_bx .txt h2>span {
	 font-size: 2rem;
	 letter-spacing: -1px;
}
 .visual_bx .txt .btn_g {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 1rem;
}
 .visual_bx .txt .btn_g button {
	 border-radius: 100px;
	 background: #000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex: none;
	 white-space: nowrap;
	 height: 65px;
	 padding: 0 35px;
	 color: #fff;
	 font-weight: 700;
	 font-size: 1.75rem;
	 letter-spacing: -1px;
}
 .visual_bx .txt .btn_g button:hover {
	 background: #005DFF;
}
 @media all and (max-width: 1023px) {
	 .visual_bx .txt {
		 width: 100%;
		 padding: 0 30px;
	}
	 .visual_bx .txt h2 {
		 font-size: 2rem;
		 line-height: 1.4;
		 width: 100%;
		 text-align: center;
	}
	 .visual_bx .txt h2>span {
		 font-size: 1.25rem;
	}
	 .visual_bx .txt .btn_g button {
		 font-size: 1.125rem;
		 height: 40px;
	}
}
 @media all and (max-width: 1023px) {
	 .visual_bx .txt h2 {
		 font-size: 2rem;
	}
	 .visual_bx .txt h2>span {
		 font-size: 1rem;
	}
	 .visual_bx .txt h2 * {
		 word-break: keep-all;
	}
}
 .visual_bx .txt > *, .visual_bx .txt h2 > * {
	 opacity: 0;
	 transform: translateY(30px);
	 transition: opacity 0.6s cubic-bezier(.4,0,.2,1), transform 0.6s cubic-bezier(.4,0,.2,1);
}
 .visual_bx .swiper-slide-active .txt > *:nth-child(1), .visual_bx .swiper-slide-active .txt h2 > *:nth-child(1) {
	 transition-delay: 0.2s;
	 opacity: 1;
	 transform: none;
}
 .visual_bx .swiper-slide-active .txt h2 > *:nth-child(2) {
	 transition-delay: 0.5s;
	 opacity: 1;
	 transform: none;
}
 .visual_bx .swiper-slide-active .txt > *:nth-child(2) {
	 transition-delay: 0.8s;
	 opacity: 1;
	 transform: none;
}
 .visual_bx .item_202506 {
	 background-color: #f7f7f7;
}
 .visual_bx .item_202506 .img {
	 transform: translate(-50px);
}
 .visual_bx .item_202506 .img svg {
	 width: 100%;
	 max-width: 1440px;
}
 .item_g .bt_view {
	 position: absolute;
	 bottom: 30px;
	 right: 30px;
	 font-size: 16px;
	 font-weight: 600;
	 padding: 8px 12px;
	 border-radius: 30px;
	 box-shadow: 0px 0px 6px rgba(42,41,41,0.13);
	 border: 2px solid #fff;
	 background: #fff;
}
 .item_g .bt_view:hover {
	 border: 2px solid #00A8FF;
	 color: #00A8FF;
}
 .item_g .bt_view span {
	 color: #0090ff;
}
 @media all and (max-width: 1600px) {
	 .visual_bx {
		 height: 100%;
		 aspect-ratio: 1.7777777777778;
	}
	 .visual_bx .swiper-slide .img > img {
		 object-fit: cover;
		 width: 100%;
		 height: 100%;
	}
	 .visual_bx .swiper-slide:not(.fullimg) {
		 padding: 0px;
	}
	 .visual_bx .swiper-slide .img {
		 transform: none !important;
	}
	 .visual_bx .swiper-slide.fullimg .img > img.pc {
		 display: none;
	}
	 .visual_bx .swiper-slide.fullimg .img > img.mo {
		 display: block;
	}
}
 @media (orientation: portrait) and (max-width: 1600px) {
	 .visual_bx {
		 aspect-ratio: 0.83333333333333;
	}
	 .visual_bx .swiper-slide:not(.fullimg) .img > img {
		 object-fit: contain;
	}
}
 @media all and (max-width: 1023px) {
	 .visual_bx {
		 aspect-ratio: auto;
	}
	 .visual_w {
		 height: calc(100vh - 30vw);
	}
	 .visual_w .item_202506 .img svg {
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
	}
}
 @media (orientation: portrait) and (max-width: 1023px) {
	 .visual_bx .item_202506 .img {
		 transform: rotate(90deg) translateY(4%) !important;
		 width: 120%;
	}
}
 .darknav #header:not(.on) {
	 background: none;
}
 .darknav #header:not(.on):hover {
	 background: #fff;
}
 .darknav #header #gnb > ul > li > a {
	 color: #333;
}
 .darknav #header #logo a:after {
	 opacity: 1;
	 background-image: url(/img/common/logo_on.png);
}
 @media all and (max-width: 1023px) {
	 .darknav #header #logo a:after, #header #logo a:after {
		 opacity: 1;
		 background-image: url(/img/common/logo_on.png);
	}
	 #header .menu button i {
		 background: #00A8FF !important;
	}
}
 .banner_bx {
	 position: relative;
	 overflow: hidden;
	 color: #000;
}
 .banner_bx [class^="item_"] {
	 height: 250px;
	 width: 100%;
}
 .banner_bx [class^="item_"] .txt {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 gap: 4px;
}
 .banner_bx [class^="item_"] .txt>p {
	 font-size: 1.125rem;
}
 .banner_bx [class^="item_"] .txt>p.cmt {
	 font-weight: 500;
}
 .banner_bx [class^="item_"] .txt>p>strong {
	 font-weight: 600;
}
 .banner_bx [class^="item_"] .txt>h3 {
	 font-weight: 700;
	 font-size: 2.25rem;
	 margin-bottom: 1rem;
}
 .banner_bx [class^="item_"] .go_page {
	 height: 26px;
	 width: auto;
	 background: #000;
	 border-radius: 100px;
	 color: #fff;
	 padding: 0 10px;
	 font-size: 14px;
	 font-weight: 600;
	 letter-spacing: -1px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
}
 .banner_bx li.fullimg [class^="item_"] .img {
	 width: 100%;
	 height: 100%;
	 max-width: 1200px;
	 margin: 0 auto;
}
 .banner_bx li.fullimg [class^="item_"] img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: center;
}
 .banner_bx li:not(.fullimg) [class^="item_"] {
	 max-width: 1200px;
	 margin: 0 auto;
	 padding: 0 100px;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .banner_bx li:not(.fullimg) [class^="item_"] .img {
	 margin-top: 1.5rem;
	 max-width: 40%;
}
 .banner_bx .swiper-button-next, .banner_bx .swiper-button-prev {
	 opacity: 0.47;
	 width: 40px;
	 height: 40px;
}
 .banner_bx .swiper-button-next:hover, .banner_bx .swiper-button-prev:hover {
	 opacity: 1;
}
 .banner_bx .item_01 .txt>h3>strong {
	 color: #ed2125;
}
 .banner_bx .item_02 {
	 color: #fff;
}
 .banner_bx .item_02 .txt>h3>strong, .banner_bx .item_02 .txt>p>strong {
	 color: #ffe13c;
}
 @media all and (max-width: 1023px) {
	 .banner_bx [class^="item_"] {
		 max-height: 30vw;
	}
	 .banner_bx li:not(.fullimg) [class^="item_"] {
		 padding: 0 50px;
	}
	 .banner_bx .swiper-button-next:after, .banner_bx .swiper-rtl .swiper-button-prev:after {
		 font-size: 1.5rem;
	}
	 .banner_bx .swiper-button-next:after, .banner_bx .swiper-button-prev:after {
		 font-size: 1.5rem;
	}
	 .banner_bx li.fullimg [class^="item_"] img {
		 object-fit: contain;
	}
}
 @media all and (max-width: 767px) {
	 .banner_bx li:not(.fullimg) [class^="item_"] {
		 padding: 0 40px;
	}
	 .banner_bx [class^="item_"] .txt {
		 gap: 0;
	}
	 .banner_bx [class^="item_"] .txt p {
		 font-size: 13px;
	}
	 .banner_bx [class^="item_"] .txt p.cmt {
		 font-size: 12px;
	}
	 .banner_bx [class^="item_"] .txt h3 {
		 font-size: 1.2rem;
		 margin-bottom: 4px;
	}
	 .banner_bx [class^="item_"] .txt .go_page {
		 font-size: 11px;
		 height: 22px;
	}
	 .banner_bx li:not(.fullimg) [class^="item_"] .img {
		 overflow: hidden;
		 height: 20vw;
		 margin: 0;
		 padding-top: 15px;
	}
	 .banner_bx li:not(.fullimg) [class^="item_"] .img img {
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
		 object-position: center;
	}
	 .banner_bx .swiper-button-next {
		 right: 0;
	}
	 .banner_bx .swiper-button-prev {
		 left: 0;
	}
}
 .main_2025 >div:not(.visual_w):not(.banner_w) {
	 padding: 120px 100px;
	 margin: 0 auto;
	 max-width: 1400px;
	 width: 100%;
	 color: #000;
}
 .main_2025 >div:not(.visual_w):not(.banner_w) h2 {
	 font-size: 3.25rem;
	 line-height: 1.34;
	 text-align: center;
	 font-weight: 400;
	 letter-spacing: -1px;
}
 .main_2025 >div:not(.visual_w):not(.banner_w) h2>span, .main_2025 >div:not(.visual_w):not(.banner_w) h3>span {
	 align-content: center;
	 display: block;
}
 .main_2025 >div:not(.visual_w):not(.banner_w) h2 strong, .main_2025 >div:not(.visual_w):not(.banner_w) h2 em {
	 font-weight: 700;
}
 .main_2025 >div:not(.visual_w):not(.banner_w) h2 img, .main_2025 >div:not(.visual_w):not(.banner_w) h3 img {
	 vertical-align: middle;
}
 @media all and (max-width: 1100px) {
	 .main_2025 >div:not(.visual_w):not(.banner_w) {
		 padding: 60px 20px;
	}
	 .main_2025 >div:not(.visual_w):not(.banner_w) h2 {
		 font-size: 2.25rem;
		 width: 100%;
	}
	 .main_2025 >div:not(.visual_w):not(.banner_w) h2 img {
		 max-height: 30px;
	}
}
 .main_2025 div [class*="_bx"] .inner_head h2 {
	 font-size: 2.75rem;
	 line-height: 3.5rem;
}
 @media all and (max-width: 1100px) {
	 .main_2025 div [class*="_bx"] .inner_head h2 {
		 font-size: 1.8rem;
		 line-height: 1.4;
	}
}
 .main_2025 h3 {
	 font-size: 3.25rem;
	 font-weight: 600;
	 line-height: 1.35;
}
 @media all and (max-width: 1100px) {
	 .main_2025 h3 {
		 font-size: 2rem;
		 text-align: center;
	}
	 .main_2025 h3 img {
		 max-height: 22px;
	}
}
 [role="tab"] {
	 background: #f4f5f8;
	 border-radius: 100px;
	 color: #000;
	 font-size: 1.375rem;
	 font-weight: 600;
	 height: 49px;
	 padding: 0 20px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 flex: none;
	 white-space: nowrap;
	 transition: .2s all;
	 letter-spacing: -1.25px;
}
 [role="tab"]:hover, [role="tab"].active {
	 background: #000;
	 color: #fff;
}
 @media all and (max-width: 1100px) {
	 [role="tab"] {
		 font-size: 1.125rem;
		 height: 40px;
		 padding: 0 20px;
	}
}
 [data-ui="tabUI"] [role="tabpanel"] {
	 opacity: 0;
	 visibility: hidden;
	 transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 transform: translateY(40px);
}
 [data-ui="tabUI"] .inner_body {
	 position: relative;
	 min-height: 1px;
}
 [data-ui="tabUI"] [role="tabpanel"].active {
	 opacity: 1;
	 visibility: visible;
	 position: relative;
	 z-index: 1;
	 transform: translateY(0px);
}
 .tab-scroll-dummy {
	 width: 100%;
	 pointer-events: none;
	 min-height: 100px;
}
 .system_w {
	 display: flex;
	 flex-direction: column;
	 gap: 100px;
	 height: auto;
	 position: relative;
	 padding-top: 60px !important;
}
 .system_w>h2 {
	 padding-bottom: 20px;
	 top: 0px;
	 background: #fff;
	 padding-top: 50px;
	 z-index: 3;
}
 .system_w>h2>span>strong {
	 color: #00a8ff;
}
 .system_w .sys_head {
	 display: flex;
	 flex-direction: column;
	 gap: 30px;
	 flex: none;
}
 .system_w .tag_g {
	 display: flex;
	 flex-direction: column;
	 gap: 1rem;
	 align-items: flex-start;
}
 .system_w [class^="sys_bx_"] {
	 display: flex;
	 justify-content: space-between;
	 gap: 60px;
	 overflow: hidden;
}
 .system_w .sys_body {
	 width: 100%;
	 max-width: 860px;
	 overflow: hidden;
	 background: #f4f4f4;
	 border-radius: 1rem;
	 text-align: center;
	 align-content: center;
	 aspect-ratio: 1.6528925619835;
	 height: 100%;
	 max-height: 520px;
}
 .system_w .sys_body [role="tabpanel"] {
	 transition: opacity 0s, visibility 0.5s, transform 0.5s;
}
 .system_w .sys_bx_01 .sys_body {
	 background: #d2e8ff;
}
 .system_w .sys_bx_02 .sys_body {
	 background: #e4e3ff;
}
 .system_w .sys_bx_03 .sys_body {
	 background: #d2e8ff;
}
 @media all and (max-width: 1100px) {
	 .system_w {
		 gap: 50px;
		 align-items: center;
	}
	 .system_w [class^="sys_bx_"] {
		 flex-direction: column;
		 gap: 1rem;
		 width: 100%;
	}
	 .system_w .tag_g {
		 flex-direction: row;
		 justify-content: center;
		 width: 100%;
		 overflow: hidden;
		 flex-wrap: wrap;
		 gap: 0.5rem 1rem;
	}
	 .system_w .item_g .bt_view {
		 padding: 5px 10px;
		 font-size: 14px;
		 bottom: 15px;
		 right: 10px;
	}
	 .system_w .sys_head {
		 gap: 1rem;
	}
	 .system_w .sys_body {
		 margin: 0 auto;
	}
}
 @media all and (max-width: 767px) {
	 .system_w>h2 {
		 font-size: 1.72rem !important;
		 padding-top: 0;
		 padding-bottom: 0;
	}
	 .system_w>h2>span {
		 display: block !important;
	}
	 .system_w .sys_head h3 {
		 font-size: 1.7rem;
		 word-break: keep-all;
	}
	 .system_w .sys_head h3 span {
		 display: inline !important;
	}
}
 .match_w {
	 padding: 100px 0;
	 max-width: none !important;
}
 .match_w .chart_bx {
	 position: relative;
	 max-width: 1400px;
	 margin: 0 auto;
	 padding: 0 100px;
}
 .match_w .chart_bx .inner_head {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
}
 .match_w .chart_bx h2>span:not(.img), .match_w .chart_bx h2>strong {
	 display: inline !important;
}
 .match_w .chart_bx h2>span.img {
	 margin-bottom: 0.5rem;
}
 .match_w .chart_bx .counter {
	 font-size: 8rem;
	 font-weight: 700;
	 text-align: center;
	 background: linear-gradient(45deg,#1b5fc8 40%,#17f7f4 100%);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 background-clip: text;
	 color: transparent;
	 letter-spacing: -0.5rem;
}
 @media all and (max-width: 1100px) {
	 .match_w .chart_bx {
		 padding: 0 40px;
	}
	 .match_w .chart_bx .counter {
		 font-size: 4rem;
	}
	 .match_w .chart_bx h2>span.img {
		 display: block !important;
		 margin-bottom: 0;
	}
}
 @media all and (max-width: 767px) {
	 .match_w .chart_bx .inner_head {
		 line-height: 1;
	}
	 .match_w .chart_bx .inner_head h2, .match_w .chart_bx .inner_head h2 * {
		 line-height: 1.14 !important;
		 font-size: 1.25rem;
	}
	 .match_w .chart_bx .inner_head h2>strong {
		 display: block !important;
	}
	 .match_w .chart_bx .counter {
		 font-size: 2.14rem;
		 letter-spacing: 0;
	}
}
 @media all and (max-width: 1200px) {
	 .match_w {
		 padding-bottom: 0 !important;
	}
}
 .match_w .chart {
	 position: relative;
	 width: 100%;
	 max-width: 1108px;
	 margin: 0 auto;
}
 .match_w .chart svg {
	 display: block;
	 width: 100%;
	 height: auto;
}
 .match_w .chart .light {
	 position: absolute;
	 top: 100%;
	 left: 0px;
	 width: 22px;
	 height: 22px;
	 background: #0fd6ff;
	 border-radius: 50%;
	 pointer-events: none;
	 box-shadow: 0 0 0px 8px rgba(15,214,255,0.14);
	 transform: translate(-11px,-11px);
	 z-index: 2;
}
 .match_w .match_bx {
	 display: flex;
	 justify-content: flex-start;
	 flex-direction: column;
	 align-items: center;
	 position: relative;
	 z-index: 3;
	 padding-top: 60px;
	 margin-top: -160px;
	 overflow: hidden;
}
 .match_w .match_bx .tab_g {
	 display: flex;
	 gap: 0;
	 align-items: center;
	 justify-content: center;
	 border-radius: 100px;
	 background: #fff;
	 box-shadow: 7.188px 5.416px 62px 0px rgba(42,41,41,0.13);
	 height: 60px;
	 padding: 0 8px;
}
 .match_w .match_bx .tab_g button {
	 min-width: 107px;
	 background: #fff;
	 font-size: 1.5rem;
	 color: #000 !important;
	 font-weight: 500;
}
 .match_w .match_bx .tab_g button.active {
	 color: #fff !important;
	 background: #0090ff;
}
 .match_w .match_bx .inner_body {
	 position: relative;
	 z-index: 2;
	 margin-top: 100px;
	 height: auto;
	 min-height: auto;
}
 .match_w .match_bx .inner_body .item_g {
	 width: 804px;
	 background: url(/img_2025/bg_mainbook01.png) no-repeat 0 0;
}
 .match_w .match_bx .inner_body .item_g ul {
	 position: relative;
}
 .match_w .match_bx .inner_body .item_1 .item_g {
	 background-image: url(/img_2025/bg_mainbook01.png);
}
 .match_w .match_bx .inner_body .item_2 .item_g {
	 background-image: url(/img_2025/bg_mainbook02.png);
}
 .match_w .match_bx .inner_body .item_3 .item_g {
	 background-image: url(/img_2025/bg_mainbook03.png);
}
 .match_w .match_bx .inner_body .item_g ul {
	 position: relative;
	 width: 100%;
	 padding: 0 0;
	 margin: 0;
	 opacity: 1;
}
 .match_w .match_bx .inner_body .item_g ul li {
	 width: 50%;
	 opacity: 0;
	 z-index: 1;
	 list-style: none;
	 pointer-events: none;
	 transition: opacity 0.7s cubic-bezier(.4,0,.2,1), transform 0.7s cubic-bezier(.4,0,.2,1);
	 transform: translate(0px,20px) scale(0.98);
	 padding: 40px 0 80px 0;
}
 .match_w .match_bx .inner_body .item_g ul li.on {
	 opacity: 1;
	 z-index: 2;
	 pointer-events: auto;
	 transform: translate(-40px,0px) scale(1);
	 transition-delay: 0.32s;
}
 .match_w .match_bx .inner_body .item_g ul li.b2 {
	 margin-left: 180px;
}
 .match_w .match_bx .inner_body .item_g ul li.b3 {
	 position: absolute;
	 right: -200px;
	 bottom: 0;
	 left: auto;
	 text-align: right;
}
 .match_w .match_bx .inner_body .item_g ul li img {
	 filter: drop-shadow(35px 0 38px rgba(0,0,0,0.25));
}
 .match_w .match_bx .inner_body .item_g ul li.prev {
	 opacity: 0;
	 z-index: 1;
	 transform: translate(10px,20px) scale(0.98);
	 transition-delay: 0.2s;
}
 @media all and (max-width: 1250px) {
	 .match_w .match_bx .inner_body .item_g ul li.b2 {
		 margin-left: 80px;
	}
	 .match_w .match_bx .inner_body .item_g ul li.b3 {
		 right: -100px;
		 width: 50%;
	}
}
 @media all and (max-width: 1100px) {
	 .match_w .match_bx .inner_body {
		 padding: 0 50px;
		 width: 100%;
	}
	 .match_w .match_bx .inner_body .item_g ul img {
		 max-width: 100%;
	}
	 .match_w .match_bx .inner_body .item_g ul li {
		 padding-bottom: 40px;
	}
	 .match_w .match_bx .inner_body .item_g ul li.b2 {
		 margin-left: 0;
	}
	 .match_w .match_bx .inner_body .item_g ul li.b3 {
		 right: -40px;
		 width: 50%;
	}
	 .match_w .match_bx .inner_body .item_g {
		 width: 100%;
		 max-width: 804px;
		 background-size: 100%;
		 margin: 0 auto;
	}
}
 @media all and (max-width: 1023px) {
	 .match_w .match_bx .inner_body {
		 margin-top: 50px;
	}
	 .match_w .match_bx .inner_body .item_g ul li.on {
		 transform: translate(-20px,0px) scale(0.9);
		 padding-top: 20px;
	}
	 .match_w .match_bx .inner_body .item_g ul li.b3.on {
		 padding-right: 0;
		 right: 0;
	}
	 .match_w .match_bx .inner_body .item_g ul li.b2.on, .match_w .match_bx .inner_body .item_g ul li.b3.on {
		 transform: translate(20px,0px) scale(0.9);
	}
}
 @media all and (max-width: 767px) {
	 .match_w .match_bx .inner_body {
		 padding-bottom: 50px;
	}
	 .match_w .match_bx .inner_body .item_g ul li.on {
		 padding: 20px 0;
		 transform: translate(0px,0px) scale(1.2);
	}
	 .match_w .match_bx .inner_body .item_g ul li.b2.on, .match_w .match_bx .inner_body .item_g ul li.b3.on {
		 transform: translate(0px,0px) scale(1.1);
	}
	 .match_w .match_bx .inner_body .item_g ul li img {
		 filter: drop-shadow(15px 0 18px rgba(0,0,0,0.25));
	}
}
 .match_w .match_bx .inner_foot {
	 width: 100%;
	 position: relative;
	 position: absolute;
	 left: 50%;
	 top: 45%;
	 transform: translate(-50%,-100%);
	 z-index: 1;
}
 .match_w .match_bx .inner_foot ul {
	 display: flex;
	 width: max-content;
	 align-items: center;
	 gap: 80px;
	 padding: 0;
	 margin: 0;
	 animation: book-slide 100s linear infinite;
	 opacity: 0.25;
}
 .match_w .match_bx .inner_foot ul li {
	 flex: 0 0 auto;
	 list-style: none;
	 box-shadow: 0px 10px 20px 0px rgba(30,29,40,0.2);
	 border-radius: 5px;
	 line-height: 0;
	 font-size: 0;
}
 .match_w .match_bx .inner_foot ul::after {
	 content: '';
	 display: block;
	 width: 0;
	 height: 0;
}
 @media all and (max-width: 1100px) {
	 .match_w .match_bx .tab_g {
		 height: 50px;
	}
	 .match_w .match_bx .tab_g button {
		 font-size: 1.125rem;
		 min-width: 80px;
	}
	 .match_w .match_bx .inner_foot {
		 display: none;
	}
}
 @media all and (max-width: 1100px) {
	 .match_w .match_bx {
		 margin-top: -50px;
	}
}
 @media all and (max-width: 767px) {
	 .match_w .match_bx {
		 margin-top: 20px;
	}
}
 .tech_w, .counter_w {
	 display: flex;
	 flex-direction: column;
	 gap: 100px;
	 padding: 0 100px;
	 background: url(/img_2025/bg_tech.jpg) no-repeat center center;
	 background-size: cover;
	 padding: 20px 0 !important;
	 max-width: none !important;
}
 .tech_w .tech_bx, .tech_w .counter_bx, .counter_w .tech_bx, .counter_w .counter_bx {
	 display: flex;
	 justify-content: space-between;
	 gap: 60px;
	 position: relative;
	 max-width: 1400px;
	 margin: 0 auto;
	 padding: 120px 100px;
	 width: 100%;
}
 .tech_w h2>span, .counter_w h2>span {
	 display: block;
	 text-align: left;
}
 .tech_w .inner_head, .counter_w .inner_head {
	 display: flex;
	 flex-direction: column;
	 gap: 30px;
	 flex: none;
}
 .tech_w .inner_body, .counter_w .inner_body {
	 width: 100%;
	 max-width: 870px;
	 align-content: center;
}
 .tech_w h4, .counter_w h4 {
	 font-size: 1.875rem;
	 font-weight: 400;
	 margin-bottom: 25px;
}
 .tech_w h4 strong, .counter_w h4 strong {
	 font-weight: 600;
}
 .tech_w h4>span, .counter_w h4>span {
	 display: block;
	 font-size: 1.25rem;
	 padding-bottom: 0.25rem;
}
 .tech_w .txt, .counter_w .txt {
	 color: #8c8c8c;
	 line-height: 1.5;
}
 .tech_w .logo, .counter_w .logo {
	 padding-top: 10px;
	 text-align: right;
}
 .tech_w .logo img, .counter_w .logo img {
	 max-width: 100%;
}
 .tech_w .list_g, .counter_w .list_g {
	 width: 100%;
	 overflow: hidden;
	 margin: 0;
	 padding: 0;
}
 .tech_w .list_g:after, .counter_w .list_g:after {
	 content: "";
	 display: block;
	 clear: both;
	 float: none;
}
 .tech_w .list_g li, .counter_w .list_g li {
	 float: left;
	 width: calc(50% - 15px);
	 margin-bottom: 30px;
	 margin-right: 30px;
	 background: rgba(255,255,255,0.92);
	 border: 1px solid #e9e9e9;
	 border-radius: 0.82rem;
	 padding: 40px;
	 box-sizing: border-box;
	 transition: transform 0.3s;
	 margin-top: 0;
	 list-style: none;
}
 .tech_w .list_g li:nth-child(2n), .counter_w .list_g li:nth-child(2n) {
	 float: right;
	 margin-right: 0;
	 margin-top: 0px;
}
 .tech_w .list_g li:nth-child(2), .counter_w .list_g li:nth-child(2) {
	 float: right;
	 margin-right: 0;
	 margin-top: 80px;
}
 .tech_w .list_g li:nth-child(2n+1), .counter_w .list_g li:nth-child(2n+1) {
	 float: left;
	 margin-right: 30px;
	 margin-top: 0;
}
 .tech_w .list_g li:nth-last-child(-n+2), .counter_w .list_g li:nth-last-child(-n+2) {
	 margin-bottom: 0;
}
 @media all and (max-width: 1100px) {
	 .tech_w, .counter_w {
		 padding: 0 !important;
	}
	 .tech_w .tech_bx, .tech_w .counter_bx, .counter_w .tech_bx, .counter_w .counter_bx {
		 flex-direction: column;
		 width: 100%;
		 gap: 30px;
		 padding: 60px 40px;
		 overflow: hidden;
	}
	 .tech_w .tech_bx .inner_body, .tech_w .counter_bx .inner_body, .counter_w .tech_bx .inner_body, .counter_w .counter_bx .inner_body {
		 max-width: none;
	}
	 .tech_w .tech_bx .inner_body ul, .tech_w .counter_bx .inner_body ul, .counter_w .tech_bx .inner_body ul, .counter_w .counter_bx .inner_body ul {
		 flex-direction: column;
		 gap: 1rem;
		 display: flex;
	}
	 .tech_w .tech_bx .list_g li, .tech_w .counter_bx .list_g li, .counter_w .tech_bx .list_g li, .counter_w .counter_bx .list_g li {
		 margin: 0 !important;
		 width: 100%;
		 padding: 1.5rem;
		 padding-right: 30%;
		 min-height: 180px;
		 position: relative;
		 word-break: keep-all;
		 font-size: 14px;
	}
	 .tech_w .tech_bx .logo, .tech_w .counter_bx .logo, .counter_w .tech_bx .logo, .counter_w .counter_bx .logo {
		 position: absolute;
		 right: 1.5rem;
		 bottom: 1.5rem;
	}
	 .tech_w .tech_bx .logo img, .tech_w .counter_bx .logo img, .counter_w .tech_bx .logo img, .counter_w .counter_bx .logo img {
		 max-height: 45px;
	}
	 .tech_w .tech_bx h4, .tech_w .counter_bx h4, .counter_w .tech_bx h4, .counter_w .counter_bx h4 {
		 font-size: 1.5rem;
		 margin-bottom: 1rem;
	}
	 .tech_w .tech_bx .list_g li:last-child .logo, .tech_w .counter_bx .list_g li:last-child .logo, .counter_w .tech_bx .list_g li:last-child .logo, .counter_w .counter_bx .list_g li:last-child .logo {
		 max-height: 30px;
	}
	 .tech_w .counter_bx .inner_body, .counter_w .counter_bx .inner_body {
		 max-width: 500px;
	}
}
 @media all and (max-width: 767px) {
	 .tech_w .tech_bx, .tech_w .counter_bx, .counter_w .tech_bx, .counter_w .counter_bx {
		 padding-left: 20px;
		 padding-right: 20px;
	}
	 .tech_w .tech_bx h4, .tech_w .counter_bx h4, .counter_w .tech_bx h4, .counter_w .counter_bx h4 {
		 font-size: 1.25rem;
	}
	 .tech_w .tech_bx h4>span, .tech_w .counter_bx h4>span, .counter_w .tech_bx h4>span, .counter_w .counter_bx h4>span {
		 font-size: 1rem;
	}
	 .tech_w .tech_bx .logo img, .tech_w .counter_bx .logo img, .counter_w .tech_bx .logo img, .counter_w .counter_bx .logo img {
		 max-width: 90%;
	}
	 .tech_w .tech_bx .list_g li:nth-child(3), .tech_w .tech_bx .list_g li:last-child, .counter_w .tech_bx .list_g li:nth-child(3), .counter_w .tech_bx .list_g li:last-child {
		 padding-bottom: 65px;
	}
	 .tech_w .tech_bx .list_g li:nth-child(5) .logo img, .counter_w .tech_bx .list_g li:nth-child(5) .logo img {
		 max-width: 20vw;
	}
	 .tech_w h2>span, .tech_w h3>span, .counter_w h2>span, .counter_w h3>span {
		 text-align: center;
	}
}
 .counter_w {
	 background: #f2f7f8;
	 padding: 0 !important;
}
 .counter_bx {
	 flex-direction: column;
	 align-items: center;
}
 .counter_bx .inner_body {
	 max-width: none;
	 display: flex;
	 flex-wrap: wrap;
	 gap: 100px;
	 justify-content: space-between;
	 position: relative;
	 z-index: 2;
}
 .counter_bx [class^="item_"] {
	 width: calc(50% - 50px);
	 flex: none;
	 padding: 0 50px;
	 display: flex;
	 flex-direction: column;
	 gap: 20px;
}
 .counter_bx [class^="item_"] dd {
	 display: flex;
	 align-items: center;
	 gap: 25px;
}
 .counter_bx [class^="item_"] dd:before {
	 flex: none;
	 display: block;
	 width: 65px;
	 height: 50px;
	 background: url(/img_2025/ico_counter01.png) no-repeat 0 50%;
	 content: "";
}
 .counter_bx .item_2 dd:before {
	 background-image: url(/img_2025/ico_counter02.png);
}
 .counter_bx .item_3 dd:before {
	 background-image: url(/img_2025/ico_counter03.png);
}
 .counter_bx .item_4 dd:before {
	 background-image: url(/img_2025/ico_counter04.png);
}
 .counter_bx h2>span, .counter_bx h3>span {
	 text-align: center;
}
 .counter_bx dt {
	 font-weight: 600;
	 font-size: 1.875rem;
	 gap: 20px;
}
 .counter_bx .counter {
	 font-size: 4.95rem;
	 font-weight: 700;
	 letter-spacing: -0.25rem;
	 line-height: 1;
	 flex: none;
	 white-space: nowrap;
}
 @media all and (max-width: 1100px) {
	 .counter_bx h2 {
		 line-height: 1.4 !important;
		 text-align: center !important;
	}
	 .counter_bx h2>span {
		 display: block !important;
		 text-align: center !important;
	}
	 .counter_bx [class^="item_"] {
		 padding: 0;
		 width: calc(50% - 20px);
	}
	 .counter_bx dt {
		 font-size: 14px;
	}
	 .counter_bx [class^="item_"] dd:before {
		 width: 40px;
		 height: 40px;
		 background-size: 100%;
	}
	 .counter_bx .counter {
		 font-size: 2.4rem;
	}
	 .counter_bx .inner_body {
		 gap: 20px;
	}
}
 @media all and (max-width: 767px) {
	 .counter_bx [class^="item_"] dd:before {
		 width: 26px;
		 height: 26px;
	}
	 .counter_bx .counter {
		 font-size: 1.8rem;
	}
	 .counter_bx [class^="item_"] dd {
		 gap: 5px;
	}
}
 .counter_w .inner_foot {
	 position: absolute;
	 left: 50%;
	 bottom: 0;
	 transform: translate(-50%,-120px);
	 width: 100%;
	 display: flex;
	 align-items: flex-end;
	 justify-content: center;
	 gap: 10px;
	 height: 305px;
	 z-index: 1;
}
 .counter_w .inner_foot span {
	 display: block;
	 width: 27px;
	 background: linear-gradient(180deg,#e0e9eb 0%,rgba(224,233,235,0.4) 80%,rgba(224,233,235,0) 100%);
	 border-radius: 6px 6px 0 0;
	 transition: height 0.5s;
	 height: 0;
}
 @media all and (max-width: 1100px) {
	 .counter_w .inner_foot {
		 height: 120px;
		 gap: 4px;
		 transform: translate(-50%,-50px);
	}
	 .counter_w .inner_foot span {
		 width: 14px;
	}
}
 .card_box {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 40px;
}
 .card_box li {
	 overflow: hidden;
	 width: calc(50% - 20px);
	 border-radius: 20px;
}
 @media all and (max-width: 1100px) {
	 .card_box {
		 flex-wrap: nowrap;
		 flex-direction: column;
		 gap: 1rem;
	}
	 .card_box li {
		 width: 100%;
		 aspect-ratio: 1.7777777777778;
		 overflow: hidden;
	}
	 .card_box li img {
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
		 aspect-ratio: 1.7777777777778;
	}
}
 .interview_bx {
	 display: flex;
	 flex-direction: column;
	 gap: 60px;
}
 .interview_bx .card_box li {
	 position: relative;
}
 .interview_bx .card_box li>*:not(.thum) {
	 position: absolute;
	 left: 40px;
	 z-index: 2;
}
 .interview_bx .info {
	 bottom: 0;
	 padding: 40px 40px 40px 40px;
	 left: 0 !important;
	 background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.81) 80%);
	 width: 100%;
	 color: #fff;
}
 .interview_bx .info dt {
	 font-size: 1.375rem;
	 font-weight: 600;
	 letter-spacing: -1px;
}
 .interview_bx .info dd {
	 padding-top: 10px;
	 opacity: 0.7;
	 display: flex;
	 align-items: center;
}
 .interview_bx .info dd span+span:before {
	 content: "l";
	 padding: 0 8px;
}
 .interview_bx .company {
	 top: 30px;
	 background: #fff;
	 border-radius: 100px;
	 padding: 0 1rem;
	 color: #0090ff;
	 font-weight: 600;
	 font-size: 1.125rem;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 height: 35px;
}
 .interview_bx .card_box li>button {
	 width: 100%;
	 height: 100%;
	 left: 0 !important;
	 top: 0;
	 background: url("data:image/svg+xml,%3Csvg width='89' height='90' viewBox='0 0 89 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.302' fill-rule='evenodd' clip-rule='evenodd' d='M44.4999 0.959961C69.0179 0.959961 88.8929 20.835 88.8929 45.353C88.8929 69.871 69.0179 89.746 44.4999 89.746C19.9819 89.746 0.106934 69.871 0.106934 45.353C0.106934 20.835 19.9819 0.959961 44.4999 0.959961Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M61.2291 43.869C62.9851 45.059 62.9851 47.647 61.2291 48.837L39.5231 63.538C37.5311 64.887 34.8401 63.46 34.8401 61.054V31.652C34.8401 29.246 37.5311 27.818 39.5231 29.168L61.2291 43.869Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}
 .interview_bx .btn_g {
	 margin-top: 60px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .interview_bx .btn_g button {
	 font-size: 1.375rem;
	 font-weight: 600;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 height: 50px;
	 min-width: 120px;
	 padding: 0 1rem;
	 border: 1px solid #000;
	 border-radius: 100px;
	 transition: .3s;
}
 .interview_bx .btn_g button:hover {
	 background: #000;
	 color: #fff;
}
 @media all and (max-width: 1100px) {
	 .interview_bx .card_box li>*:not(.thum):not(.company) {
		 padding: 20px;
	}
	 .interview_bx .company {
		 font-size: 1rem;
		 height: 30px;
	}
	 .interview_bx .btn_g {margin-top:30px}
	 .interview_bx .btn_g button { font-size:1rem; height:35px; min-width:80px }
	 .interview_bx .info dt {
		 font-size: 1.12rem;
		 letter-spacing: 0;
	}
	 .interview_bx .card_box li>button {
		 background-size: 9vw auto;
	}
	 .interview_bx .inner_head h2>span {
		 display: block !important;
		 line-height: 1.4 !important;
		 text-align: center;
	}
	 .interview_bx {
		 gap: 30px;
	}
}
 .review_w {
	 padding: 120px 0px !important;
	 max-width: none !important;
	 overflow: hidden;
	 background: #383d5c;
}
 .review_w .inner_head {
	 position: relative;
	 width: 100%;
	 max-width: 1400px;
	 padding: 0 100px 120px;
	 margin: 0 auto;
}
 .review_w .inner_head * {
	 text-align: left !important;
	 color: #fff;
}
 .review_w .list_g {
	 display: flex;
	 gap: 40px;
	 flex-wrap: nowrap;
	 align-items: center;
	 position: relative;
	 width: 100%;
}
 .review_w .list_g li {
	 flex: none;
	 width: 350px;
	 background: #fff;
	 border-radius: 1rem;
	 padding: 50px 30px;
	 margin: 0;
	 flex: 0 0 auto;
	 transition: all 0.3s ease-in-out;
}
 .review_w .list_g h4 {
	 height:80px;
	 font-size: 1.625rem;
	 font-weight: 600;
	 padding-bottom: 1rem;
	 letter-spacing: -1.5px;
}
 .review_w .company {
	 display: inline-flex;
	 height: 34px;
	 align-items: center;
	 justify-content: center;
	 background: #00a8ff;
	 font-size: 1rem;
	 border-radius: 100px;
	 padding: 0 10px;
	 color: #fff;
	 transition: .3s;
}
 .review_w .txt {
	 margin: 30px 0 45px 0;
	 height: 120px;
	 font-size: 1rem;
	 line-height: 1.5;
	 overflow: hidden;
	 white-space: normal;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 6;
	 -webkit-box-orient: vertical;
	 word-break: keep-all;
}
 .review_w .list_foot {
	 border-top: 1px solid rgba(0,0,0,0.1);
	 color: #adadad;
	 font-size: 1rem;
	 padding-top: 20px;
}
 .review_w .review_bx .list_g.slide-animate {
	 animation: book-slide 20s linear infinite;
}
 .review_w .review_bx .list_g.slide-animate:hover {
	 animation-play-state: paused;
}
 .review_w .list_g li:hover {
	 transform: translateY(-40px);
	 box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	 transition: all 0.3s ease-in-out;
	 background: #fff9e7;
}
 .review_w .list_g li:hover .company {
	 color: #000;
	 background: #ffe8a9;
}
 .review_w .more {
	 position: absolute;
	 right: 100px;
	 top: 85px;
}
 .review_w .more a {
	 display: block;
}
 .review_w .more a > * {
	 display: inline-block;
}
 .review_w .more a > * {
	 display: inline-block;
}
 .review_w .more a span {
	 font-size: 18px;
	 color: #fff;
	 font-weight: 600;
	 transition: 0.6s;
}
 .review_w .more a:hover span {
	 color: #fff;
}
 .review_w .more a span i {
	 position: relative;
	 bottom: -1px;
	 display: inline-block;
	 margin-left: 5px;
	 transition: 0.6s;
}
 .review_w .more a:hover span i {
	 transform: rotate(90deg);
}
 @media all and (max-width: 1200px) {
	 .review_w {
		 padding-bottom: 0 !important;
	}
	 .review_w .inner_head {
		 padding-bottom: 0;
	}
	 .review_w .list_g {
		 width: auto;
		 min-width: 100%;
		 justify-content: flex-start;
		 padding: 0 50px;
	}
	 .review_w .list_g:after {
		 content: "";
		 display: block;
		 width: 10px;
		 height: 50px;
		 background: rgba(0,0,0,0);
		 flex: none;
	}
	 .review_w .inner_body {
		 overflow: hidden;
		 width: 100%;
		 overflow-x: auto;
		 padding: 100px 0px 120px 0px;
	}
	 .review_w .inner_head h2>span, .review_w .inner_head h3>span {
		 display: block !important;
		 margin: 0 auto;
		 text-align: center !important;
		 line-height: 1.4;
	}
}
 @media all and (max-width: 1023px) {
	 .review_w .inner_body {
		 padding: 50px 0;
	}
	 .review_w .list_g {
		 gap: 20px;
	}
}
 @media all and (max-width: 767px) {
	 .review_w {
		 padding: 60px 0 !important;
	}
	 .review_w .inner_body {
		 padding: 50px 0;
	}
	 .review_w .list_g {
		 gap: 20px;
	}
	 .review_w .inner_head {
		 padding: 0 20px 0px;
	}
	 .review_w .inner_head .more {
		 right: 10px;
	}
	 .review_w .list_g {
		 padding: 0 20px;
	}
	 .review_w .list_g li {
		 width: 60vw;
		 padding: 25px 1rem;
	}
	 .review_w .list_g h4 {
		 font-size: 1.4rem;
		 letter-spacing: 0;
	}
	 .review_w .txt {
		 font-size: 0.9rem;
		 margin-bottom: 30px;
	}
}
 .ktc_w, .free_w {
	 padding: 120px 100px;
	 max-width: none !important;
	 background: #f8f8f8;
	 overflow: hidden;
}
 .ktc_w>div, .free_w>div {
	 padding: 0;
	 max-width: 1200px;
	 margin: 0 auto;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 align-items: center;
}
 .ktc_w .tit_bx, .free_w .tit_bx {
	 text-align: center;
	 font-size: 1.25rem;
	 width: 100%;
	 display: block;
	 position: relative;
}
 .ktc_w .tit_bx .bt_more, .free_w .tit_bx .bt_more {
	 position: relative;
	 display: flex;
	 width: auto;
	 align-items: center;
	 justify-content: center;
	 background: #000;
	 color: #fff;
	 height: 65px;
	 padding: 0 30px;
	 font-size: 1.75rem;
	 margin: 0 auto;
	 border-radius: 100px;
	 margin-top: 40px;
	 flex-direction: column;
	 font-weight: 700;
	 z-index: 1;
}
 .ktc_w .inner_head, .free_w .inner_head {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 1rem;
	 flex-direction: column;
	 margin-bottom: 30px;
}
 .ktc_w .tit_bx h2, .free_w .tit_bx h2 {
	 font-size: 4.125rem !important;
	 font-weight: 700 !important;
	 color: #000;
}
 .ktc_w .tit_bx h2>strong, .free_w .tit_bx h2>strong {
	 color: #d41018;
}
 .ktc_w .tit_bx h3, .free_w .tit_bx h3 {
	 font-size: 1.625rem;
	 font-weight: 400;
	 text-align: center;
	 letter-spacing: 7.6px;
}
 .ktc_w .sat_bx, .free_w .sat_bx {
	 height: 425px;
	 background: url(/img_2025/bg_ktc.png) no-repeat 50% 50%;
	 margin-top: 120px;
	 padding: 0 60px;
}
 .ktc_w .sat_bx .inner_head, .free_w .sat_bx .inner_head {
	 align-items: flex-start;
	 gap: 5px !important;
}
 .ktc_w .sat_bx .inner_head h3, .ktc_w .sat_bx .counter .unit, .free_w .sat_bx .inner_head h3, .free_w .sat_bx .counter .unit {
	 font-size: 2rem;
	 font-weight: 600;
	 color: #000;
}
 .ktc_w .sat_bx .counter, .free_w .sat_bx .counter {
	 font-size: 5.32rem;
	 font-weight: 600;
	 color: #d41018;
}
 .ktc_w .sat_bx .counter .num, .free_w .sat_bx .counter .num {
	 letter-spacing: -4px;
	 padding-right: 8px;
	 text-align: right;
}
 .ktc_w .sat_bx .inner_body, .free_w .sat_bx .inner_body {
	 display: flex;
	 justify-content: space-between;
	 gap: 40px;
	 align-items: self-start;
}
 .ktc_w .sat_bx .inner_body dl, .free_w .sat_bx .inner_body dl {
	 min-width: 140px;
	 max-width: 200px;
	 gap: 20px;
	 display: flex;
	 flex-direction: column;
	 font-size: 1.25rem;
}
 .ktc_w .sat_bx .inner_body dt, .free_w .sat_bx .inner_body dt {
	 font-size: 1.625rem;
	 font-weight: 700;
}
 .ktc_w .sat_bx .inner_body dd, .free_w .sat_bx .inner_body dd {
	 line-height: 1.5;
}
 .ktc_w .pkg_bx, .free_w .pkg_bx {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
}
 .ktc_w .pkg_bx h3, .free_w .pkg_bx h3 {
	 font-size: 2.125rem;
	 font-weight: 400;
	 letter-spacing: -1.5px;
	 margin-bottom: 35px;
}
 .ktc_w .pkg_bx ul, .free_w .pkg_bx ul {
	 background: #fff;
	 border-radius: 20px;
	 border: 1px solid rgba(226,226,226,0.8);
	 height: 300px;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-end;
	 padding: 0 40px 40px 40px;
	 width: 100%;
}
 .ktc_w .pkg_bx li, .free_w .pkg_bx li {
	 width: 33%;
	 flex: none;
	 text-align: center;
}
 .ktc_w .pkg_bx li img, .free_w .pkg_bx li img {
	 max-width: 100%;
}
 .ktc_w .icons, .free_w .icons {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 width: 100vw;
	 height: 100%;
	 max-width: 1457px;
}
 .ktc_w .icons svg, .free_w .icons svg {
	 width: 100%;
	 max-width: 1457px;
}
 .ktc_w .icons svg g, .free_w .icons svg g {
	 box-shadow: 17px 0 18px rgba(0,0,0,0.2);
}
 @media all and (max-width: 1200px) {
	 .ktc_w .sat_bx, .free_w .sat_bx {
		 padding: 0;
	}
}
 @media all and (max-width: 1023px) {
	 .ktc_w .sat_bx, .free_w .sat_bx {
		 background-size: auto 300px;
		 background-position: 50% 0;
		 margin-top: 50px;
		 padding-top: 300px;
		 padding-bottom: 50px;
		 height: auto;
		 justify-content: center;
		 gap: 40px;
	}
	 .ktc_w .sat_bx .inner_head h3, .ktc_w .sat_bx .counter .unit, .free_w .sat_bx .inner_head h3, .free_w .sat_bx .counter .unit {
		 font-size: 1.5rem;
	}
	 .ktc_w .sat_bx .counter, .free_w .sat_bx .counter {
		 font-size: 4rem;
	}
	 .ktc_w .sat_bx .inner_body dl, .free_w .sat_bx .inner_body dl {
		 font-size: 1.125rem;
	}
	 .ktc_w .sat_bx .inner_body dl dt, .free_w .sat_bx .inner_body dl dt {
		 font-size: 1.3rem;
	}
	 .ktc_w .pkg_bx ul, .free_w .pkg_bx ul {
		 height: auto;
		 gap: 0;
		 position: relative;
		 align-items: flex-start;
		 padding: 40px;
		 justify-content: space-between;
		 flex-direction: column;
		 gap: 30px;
		 padding-right: 50%;
	}
	 .ktc_w .pkg_bx li, .free_w .pkg_bx li {
		 width: 100%;
		 overflow: hidden;
	}
	 .ktc_w .pkg_bx li:not(:nth-of-type(1)) .img, .free_w .pkg_bx li:not(:nth-of-type(1)) .img {
		 margin-bottom: 10px !important;
	}
	 .ktc_w .pkg_bx li:not(:nth-of-type(3)) .img, .free_w .pkg_bx li:not(:nth-of-type(3)) .img {
		 max-width: 80%;
		 margin: 0 auto;
	}
	 .ktc_w .pkg_bx li:nth-of-type(3), .free_w .pkg_bx li:nth-of-type(3) {
		 position: absolute;
		 right: 40px;
		 bottom: 40px;
		 width: calc(50% - 30px);
	}
	 .ktc_w .pkg_bx li:nth-of-type(3) .img, .free_w .pkg_bx li:nth-of-type(3) .img {
		 width: min(60%,240px);
		 margin: 0 auto;
	}
	 .ktc_w .pkg_bx li:nth-of-type(2) .img, .free_w .pkg_bx li:nth-of-type(2) .img {
		 width: 40%;
		 margin: 0 auto;
	}
	 .ktc_w .pkg_bx h3, .free_w .pkg_bx h3 {
		 width: 100%;
	}
	 .ktc_w .pkg_bx h3>span, .free_w .pkg_bx h3>span {
		 display: block !important;
		 margin: 0 auto;
		 text-align: center !important;
	}
}
 @media all and (max-width: 767px) {
	 .ktc_w .tit_bx, .free_w .tit_bx {
		 font-size: 1.125rem;
	}
	 .ktc_w .tit_bx .bt_more, .free_w .tit_bx .bt_more {
		 height: 50px;
		 font-size: 1.4rem;
		 margin-top: 20px;
	}
	 .ktc_w .tit_bx h2, .free_w .tit_bx h2 {
		 font-size: 2rem !important;
	}
	 .ktc_w .tit_bx h3, .free_w .tit_bx h3 {
		 font-size: 1.2rem;
	}
	 .ktc_w .sat_bx, .free_w .sat_bx {
		 background-size: auto 200px;
		 padding-top: 200px;
		 gap: 30px;
		 flex-wrap: nowrap;
		 align-items: flex-start;
	}
	 .ktc_w .sat_bx .inner_head, .free_w .sat_bx .inner_head {
		 min-width: 180px;
		 margin-top: 50px;
	}
	 .ktc_w .sat_bx .inner_head h3, .free_w .sat_bx .inner_head h3 {
		 letter-spacing: -2px;
		 font-size: 1.25rem;
	}
	 .ktc_w .sat_bx .counter, .free_w .sat_bx .counter {
		 font-size: 2.5rem;
	}
	 .ktc_w .sat_bx .counter .unit, .free_w .sat_bx .counter .unit {
		 font-size: 1rem;
		 display: inline-block;
	}
	 .ktc_w .sat_bx .inner_body, .free_w .sat_bx .inner_body {
		 gap: 20px;
		 align-items: flex-start;
		 flex-direction: column;
	}
	 .ktc_w .sat_bx .inner_body dl, .free_w .sat_bx .inner_body dl {
		 min-width: calc(50% - 10px);;
	}
	 .ktc_w .sat_bx .inner_body dl dd, .free_w .sat_bx .inner_body dl dd {
		 font-size: 1rem;
	}
	 .ktc_w .pkg_bx h3, .free_w .pkg_bx h3 {
		 font-size: 1.7rem;
		 letter-spacing: 0;
		 margin-bottom: 20px;
	}
	 .ktc_w .pkg_bx ul, .free_w .pkg_bx ul {
		 padding: 30px 50% 30px 20px;
	}
	 .ktc_w .pkg_bx ul li:nth-of-type(3), .free_w .pkg_bx ul li:nth-of-type(3) {
		 right: 20px;
		 bottom: 30px;
	}
}
 .free_w {
	 background: #e8ecef;
	 padding-bottom: 0 !important;
}
 .free_w .free_bx {
	 padding: 40px 0;
	 position: relative;
	 overflow: visible;
	 min-height: 710px;
	 flex-direction: column;
	 padding-left: 370px;
	 align-items: flex-start;
	 justify-content: flex-start;
	 padding-right: 30px;
}
 .free_w .free_bx:before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 0;
	 left: -150px;
	 width: 100%;
	 height: 100%;
	 background: url(/img_2025/bg_free.jpg) no-repeat 0px 100%;
	 z-index: 1;
}
 .free_w .free_bx>* {
	 position: relative;
	 z-index: 2;
	 width: 100%;
	 align-items: flex-start !important;
}
 .free_w h2>span {
	 font-size: 1.375rem;
	 font-weight: 500;
}
 .free_w h2, .free_w h2>span {
	 text-align: left !important;
	 line-height: 1.5;
}
 .free_w .list_g {
	 display: flex;
	 justify-content: space-between;
	 gap: 30px;
	 width: 100%;
}
 .free_w li {
	 flex: 0 0 auto;
	 width:calc(33.3% - 20px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: rgba(255,255,255,0.859);
	 border: 1px solid #d4dbdf;
	 border-radius: 20px;
	 height: 300px;
	 flex-direction: column;
	 gap: 10px;
	 font-size: 1.875rem;
	 font-weight: 500;
	 font-weight: 700;
	 letter-spacing: -1px;
	 padding: 0 20px;
}
 .free_w li:before {
	 content: "";
	 display: block;
	 width: 80px;
	 height: 78px;
	 background: url(/img_2025/free_ico01.png) no-repeat 50% 50%;
	 margin-bottom: 20px;
}
 .free_w li.sale:before {
	 background-image: url(/img_2025/free_ico02.png);
}
 .free_w li.gift:before {
	 background-image: url(/img_2025/free_ico03.png);
}
 .free_w p.dfn {
	 font-size: 1.25rem;
	 font-weight: 500;
	 color: #000;
}
 .free_w p>strong {
	 color: #00a8ff;
	 font-weight: 700;
}
 .free_w .bt_more {
	 height: 80px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: 2px solid #218eff;
	 background: #218eff;
	 color: #fff;
	 font-size: 2rem;
	 font-weight: 700;
	 letter-spacing: -1.5px;
	 border-radius: 100px;
	 padding: 0 40px;
	 margin-top: 40px;
	 float: right;
}
 .free_w .bt_more:after {
	 display: block;
	 content: "";
	 width: 0;
	 height: 0;
	 overflow: hidden;
	 float: none;
	 clear: both;
}
 .free_w .bt_more:hover {
	 border: 2px solid #218eff;
	 background: #fff;
	 color: #218eff;
}
 @media all and (max-width: 1300px) {
	 .free_w .free_bx {
		 padding-right: 0px;
		 padding-left: 280px;
	}
	 .free_w .free_bx:before {
		 left: -200px;
	}
	 .free_w .list_g {
		 gap: 15px;
	}
	 .free_w .list_g li {
		 width:calc(33.3% - 10px);
	}
}
 @media all and (max-width: 1023px) {
	 .free_w {
		 text-align: center;
		 padding: 60px 0 0 0 !important;
	}
	 .free_w .free_bx:before {
		 left: 0;
		 background-size: 50%;
		 z-index: 1;
		 background-position: -15% 100%;
	}
	 .free_w .free_bx>div {
		 position: relative;
		 z-index: 2;
	}
	 .free_w .free_bx {
		 padding: 0px 20px;
	}
	 .free_w .list_g {
		 flex-direction: column;
		 align-items: center;
	}
	 .free_w .list_g li {
		 width: 100%;
		 max-width: 300px;
	}
	 .free_w .inner_head h2 * {
		 text-align: center !important;
		 display: block;
	}
	 .free_w li {
		 height: auto;
		 min-height: 200px;
		 padding: 30px 20px;
	}
	 .free_w .bt_more {
		 margin: 30px auto;
		 height: 60px;
		 font-size: 1.4rem;
		 float: none;
		 width: 100%;
		 max-width: 230px;
		 clear: both;
	}
}
 @media all and (max-width: 767px) {
	 .free_w .free_bx {
		 padding: 0px;
	}
	 .free_w .free_bx {
		 padding-bottom: 60px !important;
	}
}
 .sys_body svg {
	 margin: 0 auto;
	 width: 100%;
	 max-width: 860px;
}
 .sys_body svg .s01, .sys_body svg .s02, .sys_body svg .s03, .sys_body svg .s04, .sys_body svg .s05, .sys_body svg .s06, .sys_body svg .s07, .sys_body svg .s08, .sys_body svg .s1, .sys_body svg .s2, .sys_body svg .s3, .sys_body svg .s4, .sys_body svg .s5, .sys_body svg .s6, .sys_body svg .s7, .sys_body svg .s8, .sys_body svg .s01-1, .sys_body svg .s01-2, .sys_body svg .s02-1, .sys_body svg .s02-2, .sys_body svg .s03-1, .sys_body svg .s03-2, .sys_body svg .s2_basic, .sys_body svg .s3basic, .sys_body svg .s4basic {
	 opacity: 0;
	 transition-duration: .5s;
	 transform: translateY(40px);
}
 .sys_body svg .s01-1, .sys_body svg .s01-2, .sys_body svg .s02-1, .sys_body svg .s02-2, .sys_body svg .s03-1, .sys_body svg .s03-2 {
	 transform: translateY(0px);
}
 .sys_body svg .s1-1, .sys_body svg .s1-2, .sys_body svg .s1-3, .sys_body svg .s1_1, .sys_body svg .s1_2, .sys_body svg .s1_3, .sys_body svg .s3-1-0, .sys_body svg .s3-1-1, .sys_body svg .s3-1-2, .sys_body svg .s3-1-3, .sys_body svg .s3-1-4, .sys_body svg .s3-1-5, .sys_body svg .s3-1-6 {
	 opacity: 0;
	 transition: .5s;
}
 .sys_body svg .s2-1, .sys_body svg .s2-2, .sys_body svg .s2-3, .sys_body svg .s2-4, .sys_body svg .s2-5, .sys_body svg .s4-1 {
	 opacity: 0;
	 transition: .5s;
}
 .sys_body [role="tabpanel"] {
	 width: 100%;
}
 .sys_body [role="tabpanel"] .s01, .sys_body [role="tabpanel"] .s1 {
	 transition-delay: 1s;
}
 .on .sys_body [role="tabpanel"].active .s01, .on .sys_body [role="tabpanel"].active .s02, .on .sys_body [role="tabpanel"].active .s03, .on .sys_body [role="tabpanel"].active .s04, .on .sys_body [role="tabpanel"].active .s1, .on .sys_body [role="tabpanel"].active .s2, .on .sys_body [role="tabpanel"].active .s3, .on .sys_body [role="tabpanel"].active .s4, .on .sys_body [role="tabpanel"].active .s5, .on .sys_body [role="tabpanel"].active .s2_basic, .on .sys_body [role="tabpanel"].active .s4basic {
	 opacity: 1;
	 transform: translateY(0px);
}
 .on .sys_body [role="tabpanel"].active .s01-1 {
	 opacity: 1;
	 transition-delay: 1.5s;
}
 .on .sys_body [role="tabpanel"].active .s02 {
	 transition-delay: 2s;
}
 .on .sys_body [role="tabpanel"].active .s02-1, .on .sys_body [role="tabpanel"].active .s02-2 {
	 opacity: 1;
	 transition-delay: 2.5s;
	 transform: translateY(0px);
}
 .on .sys_body [role="tabpanel"].active .s02-2 {
	 transition-delay: 3s;
}
 .on .sys_body [role="tabpanel"].active .s03 {
	 transition-delay: 3.5s;
}
 .on .sys_body [role="tabpanel"].active .s04 {
	 opacity: 1;
	 transition-delay: 4s;
	 transform: translateY(0px);
}
 .on .sys_body [role="tabpanel"].active .s1-1, .on .sys_body [role="tabpanel"].active .s1-2, .on .sys_body [role="tabpanel"].active .s1-3, .on .sys_body [role="tabpanel"].active .s3-1, .on .sys_body [role="tabpanel"].active .s3-1-0, .on .sys_body [role="tabpanel"].active .s3-1-1, .on .sys_body [role="tabpanel"].active .s3-1-2, .on .sys_body [role="tabpanel"].active .s3-1-3, .on .sys_body [role="tabpanel"].active .s3-1-4, .on .sys_body [role="tabpanel"].active .s3-1-5, .on .sys_body [role="tabpanel"].active .s3-1-6, .on .sys_body [role="tabpanel"].active .s4-1 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 1.5s;
}
 .on .sys_body [role="tabpanel"].active .s1-2 {
	 transition-delay: 1.7s;
}
 .on .sys_body [role="tabpanel"].active .s1-3 {
	 transition-delay: 2s;
}
 .on .sys_body [role="tabpanel"].active .s2_basic {
	 transition-delay: 2.5s;
}
 .on .sys_body [role="tabpanel"].active .s2 {
	 transition-delay: 3s;
}
 .on .sys_body [role="tabpanel"].active .s2-1, .on .sys_body [role="tabpanel"].active .s2-2, .on .sys_body [role="tabpanel"].active .s2-3, .on .sys_body [role="tabpanel"].active .s2-4, .on .sys_body [role="tabpanel"].active .s2-5 {
	 opacity: 1;
	 transition-delay: 3.4s;
}
 .on .sys_body [role="tabpanel"].active .s2-2 {
	 transition-delay: 3.7s;
}
 .on .sys_body [role="tabpanel"].active .s2-3 {
	 transition-delay: 4s;
}
 .on .sys_body [role="tabpanel"].active .s2-4 {
	 transition-delay: 4.3s;
}
 .on .sys_body [role="tabpanel"].active .s2-5 {
	 transition-delay: 4.6s;
}
 .on .sys_body [role="tabpanel"].active .s3 {
	 transition-delay: 5.2s;
}
 .on .sys_body [role="tabpanel"].active .s4 {
	 transition-delay: 5.7s;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_2.active .s2 {
	 animation: ani_opa both 2.9s 3s;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_3.active .s1 {
	 transition-delay: 1.5s;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_3.active .s2_basic {
	 transition-delay: 2.5s;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_3.active .s2 {
	 transition-delay: 3s;
	 animation: none;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_3.active .s3 {
	 transition-delay: 3.5s;
	 animation: ani_opa forwards ease-out 2s 3s;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_3.active .s4 {
	 transition-delay: 4s;
}
 .on .sys_bx_01 .sys_body [role="tabpanel"].item_3.active .s5 {
	 transition-delay: 4.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s1 {
	 transition-delay: 1s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s1_1, .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s1_2, .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s1_3 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 2s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s2 {
	 transition-delay: 2.5s;
	 animation: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s2-1 {
	 transition-delay: 3s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3 {
	 transition-delay: 3.5s;
	 animation: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1 {
	 transition: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-0, .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-1 {
	 transition-delay: 4s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-2 {
	 transition-delay: 4.3s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-3 {
	 transition-delay: 4.6s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-4 {
	 transition-delay: 4.9s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-5 {
	 transition-delay: 5.2s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s3-1-6 {
	 transition-delay: 5.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s4 {
	 transition-delay: 6s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s4-1 {
	 transition-delay: 6.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_1.active .s5 {
	 transition-delay: 7s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s1 {
	 transition-delay: 1s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s1-1 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 1.5;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s2 {
	 transition-delay: 2s;
	 animation: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s2-1 {
	 transition-delay: 2.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s3 {
	 transition-delay: 3s;
	 animation: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s3-1 {
	 transition-delay: 3.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_2.active .s4 {
	 transition-delay: 4s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s1 {
	 transition-delay: 1s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s1-1 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 1.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s2 {
	 transition-delay: 2s;
	 animation: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s2-1 {
	 transition-delay: 2.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s3 {
	 transition-delay: 3s;
	 animation: none;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s3-1 {
	 transition-delay: 3.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_3.active .s4 {
	 transition-delay: 4s;
}
 .sys_bx_02 .sys_body [role="tabpanel"].item_4 .s3 {
	 transform: scale(0);
	 transform-origin: right;
}
 .sys_bx_02 .sys_body [role="tabpanel"].item_4 .s2 {
	 transform: scaleY(0) translateY(-20px);
	 transition-duration: .6s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s1 {
	 transition-delay: 1s;
	 animation: ani_tranY forwards ease-out 0.5s 2s;
	 transform-origin: center;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s1-1, .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s1-2, .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s1-3 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 1.5s;
	 transition-duration: 0;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s1-2 {
	 transition-delay: 2s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s1-3 {
	 transition-delay: 2.5s;
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s2 {
	 transition-delay: 3s;
	 animation: none;
	 transform: scaleY(1) translateY(0px);
}
 .on .sys_bx_02 .sys_body [role="tabpanel"].item_4.active .s3 {
	 transition-delay: 3.5s;
	 transform: scale(1);
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1 .s2-2, .on .sys_bx_03 .sys_body [role="tabpanel"].item_1 .s2-3 {
	 opacity: 1;
	 transition: none;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s1 {
	 transition-delay: 1s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s1-1 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 1.5s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s2 {
	 transition-delay: 2s;
	 animation: none;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s2-1 {
	 transition-delay: 2.5s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s2-2, .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s2-3 {
	 opacity: 0;
	 transition: .3s;
	 transition-delay: 3s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s2-4, .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s2-5 {
	 transition-delay: 3s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s3 {
	 transition-delay: 3.5s;
	 animation: none;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s3-1 {
	 transition-delay: 4s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_1.active .s4 {
	 transition-delay: 4.5s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s1 {
	 transition-delay: 1s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s1-1 {
	 opacity: 1;
	 transform: translateY(0px);
	 transition-delay: 1.5s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s2 {
	 transition-delay: 2s;
	 animation: none;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s2-1 {
	 transition-delay: 2.5s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s2-2, .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s2-3 {
	 transition-delay: 3s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s3 {
	 transition-delay: 3.5s;
	 animation: ani_opa2 forwards 0.2s 3s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s4basic {
	 transition-delay: 4s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s4 {
	 transition-delay: 4.5s;
}
 .on .sys_bx_03 .sys_body [role="tabpanel"].item_2.active .s5 {
	 transition-delay: 5s;
}
 @keyframes ani_opa {
	 0% {
		 opacity: 0;
	}
	 20% {
		 opacity: 1;
	}
	 80% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes ani_opa2 {
	 0% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes ani_tranY {
	 0% {
		 transform: translateY(0px) scale(1);
	}
	 50% {
		 transform: translateY(4px) scale(0.94);
	}
	 100% {
		 transform: translateY(0px) scale(1);
	}
}
 .c_btn {
	 position: fixed;
	 bottom: 0px;
	 left: 50%;
	 margin-left: -150px;
	 z-index: 9999;
	 width: 300px;
	 -webkit-animation: c_btn 1.5s linear infinite;
	 animation: c_btn 1.5s steps(1,end) infinite;
	 border-radius: 20px 20px 0 0;
}
 @-webkit-keyframes c_btn {
	 0%, 100% {
		 background: #005DFF;
	}
	 50% {
		 background: #00D3FF;
	}
}
 @keyframes c_btn {
	 0%, 100% {
		 background: #005DFF;
	}
	 50% {
		 background: #00D3FF;
	}
}
 .c_btn a {
	 display: block;
	 width: 300px;
	 line-height: 80px;
	 back-ground: #005DFF;
	 border-radius: 20px 20px 0 0;
	 padding: 0 40px;
}
 .c_btn a:after {
	 content: '';
	 display: block;
	 clear: both;
}
 .c_btn a span {
	 float: left;
	 font-size: 30px;
	 font-weight: 700;
	 color: #FFFFFF;
}
 .c_btn a .plus {
	 float: right;
	 width: 25px;
	 height: 25px;
	 position: relative;
	 margin-top: 27px;
}
 .c_btn a .plus i {
	 display: block;
	 width: 25px;
	 height: 4px;
	 background: #fff;
	 border-radius: 2px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%,-50%);
}
 .c_btn a .plus i.plus02 {
	 transform: translate(-50%,-50%) rotate(90deg);
	 transition: 0.6s;
}
 .c_btn a:hover .plus i.plus02 {
	 transform: translate(-50%,-140%) rotate(0);
}
 .c_btn a .plus i.plus01 {
	 transition: 0.6s;
}
 .c_btn a:hover .plus i.plus01 {
	 transform: translate(-50%,140%);
}
 .c_btn a {
	 transition: 1s;
	 position: relative;
	 overflow: hidden;
}
 .c_btn a span {
	 position: relative;
	 z-index: 1;
}
 .c_btn a:before {
	 content: '';
	 display: block;
	 width: 400px;
	 height: 400px;
	 background: #00D3FF;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: scale(0);
	 margin-top: -200px;
	 margin-left: -200px;
	 transition: 1s;
	 border-radius: 50%;
}
 .c_btn a:hover:before {
	 transform: scale(1);
}
 .c_btn a:hover {
	 padding: 0 45px;
}
 .popup_w {
	 position: fixed;
	 top: 100px;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 z-index: 999999;
	 box-shadow: 0 0 50px rgba(0,0,0,0.3);
	 background: #fff;
}
 .popup_w .pop_area img {
	 width: 450px;
}
 .popup_w .pop_area .ut_mov {
	 width: 1000px;
	 height: 563px;
}
 .popup_w .pop_btn {
	 background: #fff;
	 padding: 10px;
}
 .popup_w .pop_btn {
	 background: #313031;
}
 .popup_w .pop_btn:after {
	 content: '';
	 display: block;
	 clear: both;
}
 .popup_w .pop_btn .left {
	 float: left;
}
 .popup_w .pop_btn .left > * {
	 display: inline-block;
	 vertical-align: middle;
}
 .popup_w .pop_btn .left p {
	 font-size: 14px;
	 line-height: 35px;
	 color: #fff;
	 padding-left: 10px;
}
 .popup_w .pop_btn .right {
	 float: right;
}
 .popup_w .pop_btn .right button {
	 width: 60px;
	 height: 35px;
	 border: 0px solid #ddd;
	 background: #666;
	 border-radius: 5px;
	 font-size: 14px;
	 color: #fff;
}
 @media all and (max-width: 1023px) {
	 .popup_w .pop_area .ut_mov {
		 width: 350px;
		 height: 200px;
	}
}
 @media (max-width: 950px) {
	 .c_btn {
		 width: 180px;
		 margin-left: 0;
		 transform: translate(-50%,0);
		 border-radius: 10px 10px 0 0;
	}
	 .c_btn a {
		 line-height: 45px;
		 width: 180px;
		 padding: 0 30px;
	}
	 .c_btn a:hover {
		 padding: 0 30px;
	}
	 .c_btn a span {
		 font-size: 17px;
	}
	 .c_btn a {
		 padding: 0 20px;
	}
	 .c_btn a .plus {
		 margin-top: 12px;
		 width: 20px;
		 height: 20px;
	}
	 .c_btn a .plus i {
		 width: 100%;
	}
}
 .popup_w2 {
	 position: fixed;
	 top: 100px;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 z-index: 999999;
	 box-shadow: 0 0 50px rgba(0,0,0,0.3);
	 background: #fff;
}
 .popup_w2 .pop_area img {
	 width: 450px;
}
 .popup_w2 .pop_btn {
	 background: #fff;
	 padding: 10px;
}
 .popup_w2 .pop_btn {
	 background: #313031;
}
 .popup_w2 .pop_btn:after {
	 content: '';
	 display: block;
	 clear: both;
}
 .popup_w2 .pop_btn .left {
	 float: left;
}
 .popup_w2 .pop_btn .left > * {
	 display: inline-block;
	 vertical-align: middle;
}
 .popup_w2 .pop_btn .left p {
	 font-size: 14px;
	 line-height: 35px;
	 color: #fff;
	 padding-left: 10px;
}
 .popup_w2 .pop_btn .right {
	 float: right;
}
 .popup_w2 .pop_btn .right button {
	 width: 60px;
	 height: 35px;
	 border: 0px solid #ddd;
	 background: #666;
	 border-radius: 5px;
	 font-size: 14px;
	 color: #fff;
}
 .swiper-button-next, .swiper-button-prev {
	 color: #d2e8ff !important;
}
 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	 bottom: var(--swiper-pagination-bottom,28px) !important;
}