body { min-height: 105vh; }
body.bk { background-color: #000; }

.page_wrap { display: flex; flex-direction: column; min-height: 100vh; }
.page_wrap .container { flex: 1; }
.hidden { display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden; border: none; }
.clearfix::after{content: ''; display: block; clear: both;}

.pc_only { display:block !important; }
.mo_only { display:none !important; }
.phone_only { display:none !important; }
.phone_over { display:block !important; }
.pc_flex { display: flex !important; }
.mo_flex { display: none !important; }

.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled, .swiper-button-pause.disabled { display: none; }
.swiper-button-next, .swiper-button-prev { outline:none; }


.in_w { width:204em; max-width:100%; padding:0 2em; margin:0 auto; position:relative; }
.in { width:1200px; max-width:100%; padding:0 0em; margin:0 auto; position:relative; }
.in_s { width:960px; max-width:100%; padding:0 0em; margin:0 auto; position:relative; }
.in_xs { width:800px; max-width:100%; padding:0 0em; margin:0 auto; position:relative; }
.in_f { width:100%; max-width:100%; padding:0 2em; margin:0 auto; position:relative; }

html.scroll_none { overflow: hidden;}

svg { width: 100%; height: 100%; }

.hidden { clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; }

.bk .pin-spacer { background-color: #000 !important; }
.pin-spacer { background-color: #fff !important; }


:root {
	--main_tit: 10.1em;
	--mainPd: 4em 0;

	--subPd: 14em 0;
	--subPdWide: 14em 0 30em;
	--subBtPd: 0 0 14em;

	--subTit: 4.5em;
	--subH2: 2.8em;
	--subTxt: 2em;
	--subDesc: 1.6em;
}


/*스크롤 스타일*/
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-thumb { height: 20%; background: #A9A9A9; border-radius: 10px; }


/*-------헤더-------*/
.header { position: fixed; left: 0; top: 36px; display: flex; justify-content: space-between; width: 100%; height: 72px; padding: 0 2.5%; z-index: 500; transition: background-color 0.4s, transform 0.4s; background-color: rgba(255, 255, 255, 1); backdrop-filter: blur(20px);}
.header.scroll_down { transform: translateY(-150%); }
.top-nav.scroll_down { transform: translateY(-100%); }
.header.scroll_down_product { transform: translateY(-120%); }
.top-nav.at_top, .header.at_top { transform: unset;}

.header .gnb_bg { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 0; background-color: rgba(255, 255, 255, 1); backdrop-filter: blur(20px); z-index: -1; }
.header.at_top .gnb_bg { background-color: rgba(255,255,255,0.92); }

.header.move{background-color: rgba(255, 255, 255, 1); backdrop-filter: blur(20px);}
.header.on { background-color: #fff; transition: background 0.5s; }
.header.on .gnb_bg { opacity: 1; height: 420px; transition: height .5s; }
.nice-select span{display:none;}


/*.header.move.on{background-color: transparent; backdrop-filter: unset;}*/

.header .hd_mo { display: none !important; }

.header .logo { height: 100%; display:flex;}
.header .logo a { height: 100%; display: flex; align-items: center; width:128px;}
.header .logo a img { width: 128px; }
.header .logo a img.black { display: none; }
.header .logo-winner {display: flex; align-items: center; padding-left:10px;}
.header .logo-winner span{font-size:10px; color:#e1c161; line-height:1.2; padding-left:5px; letter-spacing:-0.05em;}
.header nav { height: 100%; z-index: 1; }
.header nav .depth1 {display: flex; align-items: center; height: 100%; color: #282828;}
.header nav .depth1 > li { position: relative; height: 100%; }
.header nav .depth1 a { display: flex; align-items: center; justify-content: center ;position: relative; padding: 0 1.4vw; width: 100%; height: 100%; font-size: 1em; font-weight: 500; white-space: nowrap ;transition: padding .3s; letter-spacing:-0.05em;}

.header nav .depth1 a span { position: relative; }
.header nav .depth1 a span:before { content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 1px; background-color: #fff; transition: width 0.4s; }
.header nav .depth1 li a.active span:before { width: 100%; }

.header nav .depth1 .depth2 { position: absolute; bottom: 0; left: 50%; transform: translate(-50%,100%); width: 100%; height: 348px; padding-top: 1.5em; white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; transition-delay: -0.25s; z-index: 10; }
.header.on nav .depth1 .depth2 { opacity: 1; pointer-events: auto; transition-delay: 0.25s; }
.header nav .depth1 .depth2 li a { padding: 0.5em 1.8em; font-size: 0.9em; font-weight: 300; transition: font-weight 0.1s; height:auto; line-height:1.2}
.header nav .depth1 .depth2 li a span { position: relative; transition: color 0.3s; }
.header nav .depth1 .depth2 li a.active span { color: #AF7A57; font-weight: 500; }
.header nav .depth1 .depth2 li a:hover{color:#008294}


.header .nav .depth1 a:hover + .depth2 li a , .header .nav .depth2:hover > li a {font-weight:500}
.header .nav .depth1 a:hover + .depth2, .header .nav .depth2:hover {background-color: rgba(204, 204, 204, 0.5) }

.header nav .depth1 .depth2 li > a span:before { content: ""; position: absolute; left: 50%; bottom: -2px; transform: translate(-50%,100%) ;width: 0%; height: 1px; background-color: #fff; transition: width .3s; }
.header .util_wrap { height: 100%; display: flex; align-items: center; }
.header .util_wrap .select {margin-right: 4em; width: 65px}
.header .util_wrap .select .nice-select { height: 30px; padding-left: 8px; padding-right: 10px; background-color: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; font-size: 1.5em; font-weight: 500; line-height: 28px; }
.header .util_wrap .select .nice-select .list { width: calc(100% + 1px); left: -0.5px; margin-top: 1px; color: #000; border-radius: 0; border: 1px solid #fff; border-top: 0; }
.header .util_wrap .select .nice-select .list li { min-height: 30px; line-height: 30px; padding: 0 10px; text-align: center; }
.header .util_wrap .select .nice-select .list li + li { border-top: 1px solid #fff; }
.header .util_wrap .select .nice-select:after { right: 9px; width: 0.35em; height: 0.35em; margin-top: -4px; border-bottom: 1.5px solid #fff ; border-right: 1.5px solid #fff;}

.header .util_wrap .util_box { display: flex; align-items: center; justify-content: flex-end; }
.header .util_wrap .util_box .ico { display: flex; align-items: center; justify-content: flex-start; }
.header .util_wrap .util_box > .ico { position: relative; }
.showroom {display:flex !important;}
.header .util_wrap .util_box > .ico:before { content: ''; position: absolute; left: 50%; bottom: -4px; width: 0; height: 1px; background-color: #fff; transform: translateX(-50%); transition: width 0.4s; }
.header .util_wrap .util_box .ico + .ico { margin-left: 2.5em; }
.header .util_wrap .util_box span { color: #fff; font-size: 13px; font-weight: 500; transition: color 0.4s; }
.header .util_wrap .util_box .ico svg { display: flex; overflow: visible; align-items: center; justify-content: center; width: 1.4em; height: 1.4em; transition: fill 0.4s; }
.header .util_wrap .util_box .ico.download svg { width: 1.3em; }
.header .util_wrap .util_box span + svg { margin-left: 0.6em; }
.header .util_wrap .util_box .ico .alert { position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; border-radius: 100%; background-color: #BB8B62; color: #fff; font-size: 11px; transform: translate(55%, -73%); }

.header .util_box .tran_sel{ width: calc(3em + 12px); margin: 0 2.5em;}
.header .util_box .tran_sel div{height: 24px; margin: 0; padding-left: 0; padding-right: 24px; background: none; border: none}
.header .util_box .tran_sel .nice-select:after {margin-top:0px; content: ""; right: 0; border: 0; width: 24px; height: 24px;  color: #282828; font-weight: 300; transition: transform 0.15s ease-in-out; transform-origin: center; transform: translateY(-50%); background: url('/2024/img/common/icon-top-lang.png') 50% no-repeat; background-size:100%;}
.header .util_box .tran_sel .nice-select.open:after { transform: translateY(-50%); }
.header .util_box .tran_sel .nice-select .list{}
.skiptranslate{display: none}
.header .util_box img{width:26px;}
.header .util_box a {display:flex !important;}

.top-nav {background-color: rgba(255, 255, 255, 0.98);  height:36px; text-align:center; border-bottom:solid 1px #efefef; margin-top:0; -webkit-transition: margin-top 0.4s; transition: margin-top 0.4s;position:fixed; top:0px; left:0px; width:100%;transition: background-color 0.4s, transform 0.4s;z-index:1000;}
.gtAward {position:absolute !important; left:2em; top:0; height:36px; width:300px; text-align:left; overflow:hidden;}
.gtawdList {display:block; height:35px; line-height:35px; font-size:11px; font-family:'dotum', sans-serif; background-position:left center !important; background-repeat:no-repeat !important; padding-left:24px;}
.gtCps {display:inline-block; height:35px;}
.gtCps:after {content:""; display:table; clear:both;}
.gtCps li {float:left; padding-right:10px; margin-right:6px; position:relative;}
.gtCps li:last-child {padding-right:0; margin-right:0;}
.gtCps li:after {content:""; display:block; width:4px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url("/web/2022/img/common/gnb_cps_gubun.png")no-repeat center center;}
.gtCps li:last-child:after {display:none;}
.gtCps li a {display:block; height:35px; line-height:35px; font-size:12px; color:#444; }
.gtCps li.on a {color:#008294; font-weight:700;}
.gtCps li.on:before {content:""; display:block; width:9px; height:5px; position:absolute; top:0; left:50%; margin-left:-10px;/*  background:url("/web/2022/img/common/gnb_cps_current.png")no-repeat center center; */}
.gtMem {position:absolute; right:2em; top:0; }
.gtMem:after {content:""; display:table; clear:both;}
.gtMem p {height:35px; line-height:35px; font-size:11px; color:#777; float:left;}
.gtMem p b {font-weight:700; color:#008294; font-size:12px;}
.gtMem ul {float:left; margin-left:25px;}
.gtMem ul li {float:left; padding-right:12px; margin-right:8px; position:relative;}
.gtMem ul li:last-child {padding-right:0; margin-right:0;}
.gtMem ul li:after {content:""; display:block; width:4px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url("/web/2022/img/common/gnb_cps_gubun.png")no-repeat center center;}
.gtMem ul li:last-child:after {display:none;}
.gtMem ul li a {display:block; height:35px; line-height:35px; font-size:11px; color:#777;}





/* 구글 번역 스타일 삭제 */
font{background: none !important; box-shadow: none !important;}

.util-en{font-weight:300 !important; font-family:'Codec-Cold', 'SUIT'; padding-left:8px; line-height:1;}
.hdUtil{margin-top:-2px;}


.mapBtn  { margin: 0 auto; position: relative; display: block; cursor: pointer;  padding:0; margin-right:8px; outline:none; position:relative; border:none; background:none; cursor:pointer; -webkit-appearence:none; -webkit-tap-highlight-color:transparent; z-index:999; 
width: auto; height: 90px; position: relative; display: block; cursor: pointer; transition: all 0.3s; --color:#fff;}
.mapBtn svg { margin-top:-18px; stroke:var(--color); stroke-width:2px; fill:none; display:block; position:relative; width:44px; height:36px; top:47%; right:-3px;}
.mapBtn svg path {stroke-dasharray:var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset:var(--offset, 126px); transform:translateZ(0); transition:stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.7s) var(--easing, ease) var(--delay, 0s) , stroke var(--duration, 0.7s) var(--easing, ease) var(--delay, 0s); }
.mapBtn svg path:nth-child(2) { --easing:ease-in; --duration:.7s; --offset:100px; --array-2:74px;}
.mapBtn svg path:nth-child(3) { --array-2:107px; --offset:133px;}
.mapBtn.active svg path {--offset:57px;}
.mapBtn.active svg path:nth-child(1), .mapBtn.active svg path:nth-child(3) {--delay:.1s; --easing:cubic-bezier(.2, .4, .2, 1.1);}
.mapBtn.active svg path:nth-child(2) {--duration:.2s; --offset:2px; --array-1:1px;}
.mapBtn.active svg path:nth-child(3) {--offset:58px;}


.swiper-button-prev, .swiper-button-next{--swiper-navigation-size: 3rem;width: var(--swiper-navigation-size);border-radius: 100%;background: rgba(18,18,18,.70) url(/2024/img/common/arrow-wh-right.png) no-repeat 50% 50%/ 60% auto;box-shadow: 0 .25rem 1.5rem 0 rgba(0,0,0,.1)}
.swiper-button-next:after, .swiper-button-prev:after{display: none}
.swiper-button-prev{transform: scaleX(-1);}
.swiper-button-wrap{display: flex}
.swiper-button-wrap [class*=swiper-button]{position: static;margin: 0}
.swiper-button-wrap .swiper-button-next{margin-left: 5px}
.swiper-controls{display: flex;align-items: center}
.swiper-controls .swiper-pagination{flex: 1;}
.swiper-controls [class*=swiper-button]{--swiper-navigation-size: 1.8rem;background-image: url(/2024/img/common/swiper-button-line.svg);border-radius: 0;box-shadow: none;margin-left: 1.2rem;background-size: 100% auto}
.swiper-pagination-progressbar{position: static;}
[class*=swiper-button].type-circle{background: url(../img/swiper-button-circle.svg) no-repeat 0 0/100% auto}
.swiper-pagination-fraction{position: absolute;right: 1.5rem;bottom: 1.5rem;left: auto;width: 3rem;font-family: var(--font-family-poppins);font-size: 0;background: rgba(0,0,0,.4);border-radius: 2rem;color: #fff;display: flex;line-height: 1.4rem;;padding: 0 .25rem}
.swiper-pagination-fraction:after{content: '';position: absolute;left: 50%;height: .5rem;border-left: 1px solid rgba(255,255,255,.4);top: 50%;margin-top: -.3rem}
.swiper-pagination-fraction>span{font-size: .65rem;width: 2.5rem}
.swiper-pagination-progressbar{background: rgba(17, 17, 17, 0.1);border-radius: 4px}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #111;border-radius: 4px}


.footer{background:#222222; position:relative; width:100%; height:auto; color:#fff;}
.footer_top{font-size:12px; background:#111; }
.footer_quick ul, .footer_top ul {display:flex; padding:10px 0px;}
.footer_top ul li a{padding-right:40px;}
.footer_quick {padding:10px 0px; border-bottom:1px solid rgba(255,255,255,0.1); }
.footer_quick ul li a {font-size:14px; padding-right:40px; line-height:1;}
.footer_address{padding:40px 0px; display:flex;justify-content: space-between; align-items: flex-end;}
.footer_address h1 img{width:150px; margin-bottom:20px;}
.footer_address p {font-size:14px; opacity:0.4 }
.ftr-tel{padding:12px 0px; font-size:14px;}
.footer_address h4 {font-size:14px; opacity:0.4 }
.footer_share ul{display:flex;}
.footer_share ul li {margin-left:10px;}
.footer_share ul li a {display:flex; width:42px; height:42px; background:#323232; border-radius:100%;align-items: center; justify-content: center;}
.footer_share ul li a img {width:21px;}

.container.sub {padding:108px 0 ;}
.top_wrap.sub {background:#0d0d17; padding:72px 0px 0px;}
.inc-location {padding:72px 0px; width:100%; position:relative; color:#fff;}
.inc-location dl dt {font-size:64px; font-weight:900;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.025em; line-height:1; margin-bottom:8px;}
.inc-location dl dd {opacity:0.7;}

.snb {background: rgba(255,255,255,.03); color:#fff;}
.snb .in {display:flex; justify-content: space-between; align-items: center; padding:20px 0px;}
.snb h3 {font-size:24px;font-weight:900;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em; line-height:1; }
.snb ul {display:flex;}
.snb ul li {margin-left:40px;}
.snb ul li a {opacity:0.5;transition: opacity 0.4s }
.snb ul li a:hover, .snb ul li a.on{opacity:1;}

.gnb-right{position:fixed; right:20px; top:27%; width:95px; display:block; z-index:3000; background:#fff; box-shadow: 6.6px 7.5px 24px 12px rgb(176 176 176 / 12%); border-radius:12px; overflow:hidden;}
.gnb-right h3 {height: 53px; background: #282828; color:#fff;font-size:14px;font-weight:200;font-family:'Codec-Cold', 'SUIT'; text-align:center; line-height:1; display:flex;padding-top:5px; align-items: center; justify-content: center;}
.gnb-right ul {display:flex;flex-direction: column; align-items: center;}
.gnb-right ul li{display:block; border-bottom:1px solid #eaeaea; }
.gnb-right ul li a{display:flex; width:100%; height:67px; text-align:center; flex-direction: column; align-items: center; justify-content: center;}
.gnb-right ul li a img{width:36px;}
.gnb-right ul li a h4{font-weight:600; font-size:12px;}


.common-pagination { margin-bottom:4rem;}
.common-pagination {margin-top:40px; display:flex; justify-content: center;}
.common-pagination a,
.common-pagination button {width:32px; height:32px; display:inline-block; background-position:center center; background-repeat:no-repeat; font-size:16px; font-weight:400; color:#666; background-size:24px;}
.common-pagination button:disabled,
.common-pagination a.disabled {cursor:default;}
.common-pagination button.first,
.common-pagination a.first {background-image:url(/img/common/icon-board-first.png)}
.common-pagination button.first:disabled,
.common-pagination a.first.disabled {opacity:0.4;}
.common-pagination button.prev,
.common-pagination a.prev {margin:0 12px 0 4px; background-image:url(/img/common/icon-board-prev.png)}
.common-pagination button.prev:disabled,
.common-pagination a.prev.disabled {opacity:0.4;}
.common-pagination button.next,
.common-pagination a.next {margin:0 4px 0 12px;background-image:url(/img/common/icon-board-next.png)}
.common-pagination button.next:disabled,
.common-pagination a.next.disabled {opacity:0.4;}
.common-pagination button.last,
.common-pagination a.last {background-image:url(/img/common/icon-board-last.png)}
.common-pagination button.last:disabled,
.common-pagination a.last.disabled {opacity:0.4;}
.common-pagination a .hidden {position:absolute; left:-9999px;}
.common-pagination div {display:flex; }
.common-pagination div a,
.common-pagination div button {margin:0 4px; text-align:center; line-height:32px;}
.common-pagination div a:hover,
.common-pagination div a:focus,
.common-pagination div a:active,
.common-pagination div button:hover,
.common-pagination div button:focus,
.common-pagination div button:active {background-color:#f7f7f7;}
.common-pagination div a.active,
.common-pagination div button.active {color:#000; text-decoration:underline;}



/* modal */
.blocker {z-index: 9999999 !important;}
.modal h5{padding-top:20px; font-size:21px; margin-bottom:20px; display:block;}
.modal .privacyTxt h3{display:none;}
.modal {overflow:visible !important; padding: 15px !important; z-index: 999999 !important;}
.modal .btnC {display: none !important;}

.currituitionPrvcy {height: 300px; overflow: auto; padding: 1.5rem; border: 1px solid #dddddd; background: #f9f9f9; font-weight: 200; font-size: 13px; color: #999999;}
.currituitionPrvcy strong {font-weight: 300;}
.privacyAgree {padding-top: 5px; text-align: right;}
.privacyAgree label {padding-left: 5px; font-weight: 200; font-size: 14px; color: #999999;}
.privacyCont h3 {font-size: 17px;}
.privacyTable {text-align:center;}
.privacyTable th, .privacyTable td {padding: 3px;border: solid 1px #ddd;}

.mo-quick-tuiBtn {width: 100%; height: 60px; background-color: #cbac22; position: fixed; bottom:0; left:0; color: #282828; line-height: 60px; text-align: center;z-index: 20;}
.mo-quick-tuiBtn a {font-weight: 900; width: 100%; height: 100%; display: block; line-height: 60px; font-size:17px; letter-spacing:-0.05em;}
#curriTuition { 
	display: block;
	position:fixed; left:0; right:0; top:200%; bottom: 50PX; z-index:999999; padding-bottom:0rem; margin:0 auto;
	-webkit-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.3);
	border-radius: 20px ;
	overflow:hidden;
	background:#fafafa; 
	width:750px;
}
#curriTuition .tuition-class {padding: 1.2rem; border-radius:1.5rem; -moz-border-radius:1.5; -webkit-border-radius:1.5;}
#curriTuition .tuition-purpose {margin-bottom: 1.5rem;}

#curriTuition .tuition-class ul li {padding: 0 0.4rem; padding-left: 2.6rem;}
#ctBg, #qcBg {position:fixed; top:0; bottom:0; left:0; right:0; z-index:99999; background:rgba(0,0,0,0.7); display:none;}
.quickdb-wrap{padding:0 10px; height: 100%; overflow-y: auto; padding-top: 3rem; padding-bottom:3rem}
.quickdb-wrap .form_tit .tit { font-size: 21px; font-weight: 800; line-height: 1.4; letter-spacing:-0.05em}
.quickdb-wrap > .container {width: 95%; margin:0 auto}
.quickdb-wrap .purposeList {display: flex; display:-webkit-flex; flex-wrap : wrap; margin-top: -1rem; justify-content:left; margin-bottom:20px;}
.quickdb-wrap::-webkit-scrollbar { width: 7px; }
.quickdb-wrap::-webkit-scrollbar-thumb { height: 20%; background: #A9A9A9; border-radius: 10px; }
.qckClose {display:block; position:absolute; right:2rem; top:2rem; width:2.5rem; height:2.5rem; text-indent:-9999px; background:url("/img/common/quick_tuition_icon.png")no-repeat center center; z-index:4; background-size:cover !important}

.rightQuick {position: fixed; top: 28%; right: 45px; z-index: 50;}
.rq-text {padding: 5px 0; background: #222245; font-weight: 600; font-size: 10px; color: #fff; line-height: 1.3; letter-spacing: 0.03em;}
.rq-list {overflow: hidden; width: 80px; border-radius: 20px; box-shadow: 0px 0px 6px 0px #00000029;}
.rq-list > li {position: relative; text-align: center;}
.rq-list > li:nth-child(n+3):before {content:''; position: absolute; left: 10px; right: 10px; top: 0; height: 1px; background: #efefef;}
.rq-list > li:last-child a {padding-bottom: 8px;}
.rq-list > li a {display: block; width: 100%; height: 100%; padding: 8px 0; background: #fff;}
.rq-list > li a i {display: block; width: 100%; height: 43px; background-repeat: no-repeat; background-position: center; background-size: auto 32px;}
.rq-list > li a span {display: block; font-weight: 700; font-size: 12px; color: #666; letter-spacing:-0.05em;}

.point_desc { font-size: 1.8em; text-align: center; opacity: 0; transition: opacity 1s; line-height: 1.7; }
.point_tit + .point_desc { margin-top: 2.5em; }
.point_tit { display: flex; align-items: center; justify-content: center; font-size: 72px; font-weight:900;font-family:'Codec-Cold', 'SUIT'; text-align: center; line-height: 1.2; }
.point_tit.wh { color: #fff; }
.point_tit .br { margin-left: 0.3em; }
.point_tit span { opacity: 0; transition: opacity 1.5s; }
.point_tit span:nth-of-type(1) { transition-delay: 0.3s }
.point_tit span:nth-of-type(2) { transition-delay: 0.45s }
.point_tit span:nth-of-type(3) { transition-delay: 0.6s }
.point_tit span:nth-of-type(4) { transition-delay: 0.75s }
.point_tit span:nth-of-type(5) { transition-delay: 0.9s }
.point_tit span:nth-of-type(6) { transition-delay: 1.05s }
.point_tit span:nth-of-type(7) { transition-delay: 1.2s }
.point_tit span:nth-of-type(8) { transition-delay: 1.35s }
.point_tit span:nth-of-type(9) { transition-delay: 1.5s }
.point_tit span:nth-of-type(10) { transition-delay: 1.65s }
.point_tit span:nth-of-type(11) { transition-delay: 1.8s }
.point_tit span:nth-of-type(12) { transition-delay: 1.95s }
.point_tit span:nth-of-type(13) { transition-delay: 2.1s }
.point_tit span:nth-of-type(14) { transition-delay: 2.25s }
.point_tit span:nth-of-type(15) { transition-delay: 2.4s }
.point_tit span:nth-of-type(16) { transition-delay: 2.55s }
.point_tit span:nth-of-type(17) { transition-delay: 2.7s }
.point_tit span:nth-of-type(18) { transition-delay: 2.85s }
.point_tit span:nth-of-type(19) { transition-delay: 3s }
.point_tit span:nth-of-type(20) { transition-delay: 3.15s }
.point_tit.active span { opacity: 1; }
.point_wrap.active .point_tit span { opacity: 1; }
.point_wrap.active .point_desc { opacity: 1; }

.gtMemCall {font-size:12px; margin-top:8px}
.gtMemCall span{color:#0897a8; font-weight:900}

.btn-bottom {
    display: block; -webkit-transition: all 0.8s; transition: all 0.8s;
    padding: 64px 0 16px;
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%);
}
.btn-bottom.fix { position:fixed; right:0; bottom:0; left:0; z-index:10; transform:translateZ(0);
	padding:50px 16px calc(constant(safe-area-inset-bottom) + 16px );
	padding:50px 16px calc(env(safe-area-inset-bottom) + 16px );
}
.btn-bottom-item {display:flex; justify-content: space-between;}
.btn-bottom-item a{display:block; text-align:center; padding:17px 4px; height:48px; line-height:14px; border-radius:8px; background:#008294; color:#fff;width:49%;}
.btn-bottom-item a span{font-weight:700; display:inline-block; position:relative; vertical-align:top; }
.btn-bottom-item a.btn-bottom-call {background:#282828}