@charset "utf-8";
/*
    @import

	Pretendard Black  -> font-weight: 900;
	Pretendard ExtraBold  -> font-weight: 800;
	Pretendard Bold  -> font-weight: 700;
	Pretendard SemiBold  -> font-weight: 600;
	Pretendard Medium  -> font-weight: 500;
	Pretendard Regular  -> font-weight: 400;
	Pretendard Light  -> font-weight: 300;
	Pretendard ExtraLight  -> font-weight: 200;
	Pretendard Thin  -> font-weight: 100;
*/
/* @import url("https://unpkg.com/pretendard@1.3.9/dist/web/static/pretendard.css"); */

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Black.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Bold.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Light.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Thin.woff2) format('woff2'), url(https://unpkg.com/pretendard@1.3.9/dist/web/static/woff/Pretendard-Thin.woff) format('woff');
}

/* reset */
:root { --font-basic: 'Pretendard'; }
* { max-height:1000000rem; margin:0; padding:0; box-sizing:border-box; }
html { font-size:1px; }
body { word-wrap:break-word; word-break:keep-all; white-space:normal; -webkit-overflow-scrolling:touch; -webkit-text-size-adjust:none; max-height:99999rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display:block; }
hr { height:1rem; border:none; }
img { border:none; vertical-align:top; }
em { font-style:normal; }
li { list-style:none; }
table { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; }
th, td { vertical-align:middle; word-wrap:break-word; word-break:break-all; color:#000; line-height:1.3; }
a { text-decoration:none; color:#000; }
a:hover, a:active, a:focus, a:visited { text-decoration:none; }

/* font */
body, input, select, button, textarea { font-family:var(--font-basic), Pretendard, sans-serif; font-weight:400; font-size:16rem; color:#000; line-height:1.2; }
h1, h2, h3, h4, h5, h6, strong, b, th { font-weight:700; }

/* form */
textarea { overflow:auto; resize:none; }
button { cursor:pointer; outline:none; background:none; }
fieldset, button { border:none; }
input, select, button, textarea { border:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; }
input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=number]::-ms-clear { display:none; }
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=number]:focus-visible,
input[type=password]:focus-visible,
select { outline:none; }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display:none; }
input[type="date"]::-webkit-clear-button { display:none; }
input[type="date"]::-webkit-inner-spin-button { display:none; }
select::-ms-expand { display:none; }
::placeholder { color:#888; text-align:left; font-weight:400; }
::-webkit-input-placeholder { color:#888; text-align:left; font-weight:400; }
::-moz-placeholder { color:#888; text-align:left; font-weight:400; }
:-ms-input-placeholder { color:#888; text-align:left; font-weight:400; }
::-ms-input-placeholder { color:#888; text-align:left; font-weight:400; }

/* focus시 placeholder 사라짐 */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

/* blind */
legend, caption { position:absolute; width:1rem; height:1rem; color:transparent; overflow:hidden; box-sizing:border-box; margin-top:-1rem; }

/* view helpers */
._pcView { display:block; }
._moView { display:none; }

/* ----- header ----- */
header { height:100rem; }
._header { position:fixed; top:0; left:0; padding:0 60rem; width:100%; height:100rem; background-color:#fff; z-index:100; }
._header.fixed { border-bottom:1px solid #E7E7ED; }
._header .inner { display:flex; align-items:center; justify-content:space-between; max-width:1800rem; width:100%; height:100%; margin:0 auto; }
._header .logo img { display:block; width:72rem; height:auto; }
._header .appLink .pcLink { display:flex; align-items:center; justify-content:center; gap:16rem; }
._header .appLink .pcLink > a { display:inline-flex; width:162rem; height:52rem; border-radius:26rem; background-color:#EDF0F6; background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999rem; }
._header .appLink .pcLink .btnGoogle { background-size:122rem 28rem; background-image:url(../images/google_play.png); }
._header .appLink .pcLink .btnApple  { background-size:107rem 28rem; background-image:url(../images/apple_store.png); }
._header .appLink .btnAppDown { display:none; align-items:center; padding:12rem 20rem; border-radius:2em; border:1rem solid #E7E7ED; font-size:14rem; font-weight:500; }

/* ----- landing body ----- */
._landingBody {}
._landingBody ._mirrorBg {
	background: rgba(255,255,255,0.09);
	box-shadow: 0 4px 30px rgba(0,0,0,0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-top: 1px solid rgba(255,255,255,.5);
	border-bottom: 1px solid rgba(255,255,255,.5);
}
._landingBody ._mirrorBg.ty02 { box-shadow: inset -1rem -1rem 1rem rgba(255,255,255,0.5); }
._landingBody .anyBobble { animation:bobble 1.8s ease-in-out infinite; }
._landingBody .anyBobble.dy00 { animation-delay:0s; }
._landingBody .anyBobble.dy01 { animation-delay:0.2s; }
._landingBody .anyBobble.dy02 { animation-delay:0.4s; }
._landingBody .anyBobble.dy03 { animation-delay:0.6s; }

._landingBody > section .inner { position:relative; max-width:1800rem; width:100%; margin:0 auto; border-radius:40rem; }
._landingBody section .inner .tag { position:absolute; top:20rem; left:20rem; display:inline-flex; padding:10rem 20rem; border-radius:2em; background-color:#fff; font-size:16rem; font-weight:700; }
._landingBody section .inner .tag i.fire { display:inline-block; width:16rem; height:16rem; margin-right:4rem; background:url(../images/emoji_fire.png) no-repeat 50% 50% / contain; }
._landingBody section .inner .titWrap {}
/* FIX: h3.tit → .tit 로 통일 */
._landingBody section .inner .titWrap .tit { position:relative; font-size:52rem; line-height:normal; }
._landingBody section .inner .titWrap .subT { font-size:24rem; line-height:normal; }

/* section01 */
._landingBody .section01 {}
._landingBody .section01 .inner { padding-top:90rem; background:linear-gradient(106deg,#8B32FF 0%,#4A0AFF 100%); text-align:center; overflow:hidden; }
._landingBody .section01 .inner .titWrap { margin-bottom:36rem; color:#fff; z-index:2; position:relative; }
._landingBody .section01 .inner .titWrap .tit { font-size:72rem; line-height:normal; }
._landingBody .section01 .inner .titWrap .tit p { position:relative; display:inline-block; }
._landingBody .section01 .inner .titWrap .tit .bubble { position:absolute; display:flex; align-items:center; padding:10rem 20rem; border-radius:2em; font-size:20rem; color:#fff; font-weight:600; line-height:normal; }
._landingBody .section01 .inner .titWrap .tit .bubble.ty01 { left:80rem; top:73rem; }
._landingBody .section01 .inner .titWrap .tit .bubble.ty02 { right:-150rem; top:-40rem; }
._landingBody .section01 .inner .titWrap .tit .bubble i { display:inline-block; width:16rem; height:16rem; margin-left:4rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
._landingBody .section01 .inner .titWrap .tit .bubble i.nerd { background-image:url(../images/emoji_nerd_face.png); }
._landingBody .section01 .inner .titWrap .tit .bubble i.thumb { background-image:url(../images/emoji_thumbs_up.png); }
._landingBody .section01 .inner .titWrap .subT { margin-bottom:8rem; font-size:42rem; line-height:normal; }

._landingBody .section01 .appLink .pcLink { display:flex; align-items:center; justify-content:center; gap:10rem; }
._landingBody .section01 .appLink .pcLink > a { display:inline-flex; width:246rem; height:86rem; border-radius:26rem; background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999rem; background-size:cover; transition:.4s; }
._landingBody .section01 .appLink .pcLink > a:hover { transform:translateY(-10px); }
._landingBody .section01 .appLink .pcLink .btnGoogle { background-image:url(../images/google_play_w.png); }
._landingBody .section01 .appLink .pcLink .btnApple  { background-image:url(../images/apple_store_w.png); }
._landingBody .section01 .appLink .btnAppDown { display:none; width:151rem; height:54rem; background:url(../images/img_down.png) no-repeat 50% 50% / contain; text-indent:-9999px; }

/* Swiper 영역 (컨테이너 호환 보강) */
.infoSlide, .swiper, .swiper-container { position:relative; overflow:hidden; }
.infoSlide .swiper-wrapper { display:flex; }
.infoSlide .swiper-slide { flex-shrink:0; }

._landingBody .section01 .infoSlideWrap { position:relative; top:83rem; margin-top:-83rem; z-index:1; }
._landingBody .section01 .infoSlideWrap .infoSlide { max-width:1170rem; width:100%; margin:0 auto; padding:40rem 0; }
._landingBody .section01 .infoSlideWrap .infoSlide._moView { display:none; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li { width:320rem; align-items:flex-end; box-shadow:0 0 16rem 0 rgba(109,46,252,0.50); border-radius:24rem; opacity:0; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card { position:relative; width:100%; border-radius:24rem; overflow:hidden; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card img { display:block; width:100%; border-radius:24rem; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment { position:absolute; display:inline-flex; align-items:center; padding:10rem 20rem; background:rgba(70,20,213,0.80); backdrop-filter:blur(4rem); font-size:16rem; color:#fff; font-weight:600; line-height:normal; opacity:0; transition:.8s; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-active .card .comment { opacity:1; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment.ty01 { left:-158rem; top:-25rem; border-radius:20rem 20rem 0 20rem; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment.ty02 { right:-90rem; top:-20rem; width:183rem; border-radius:20rem 20rem 20rem 0; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card i.doctor { display:inline-block; width:20rem; height:20rem; background:url(../images/emoji_doctor_man02.png) no-repeat 50% 50% / contain; }

._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-active { opacity:1; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-prev  { opacity:1; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-next  { opacity:1; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.prev-prev  { opacity:.5; }
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.next-next  { opacity:.5; }

/* section02 */
._landingBody .section02 { padding:80rem 0; }
._landingBody .section02 .cateSlide ul { display:flex; justify-content:center; gap:24rem; }
._landingBody .section02 .cateSlide ul li { width:384rem; padding:20rem 0 40rem; border-radius:40rem; border:1rem solid #E7E7ED; text-align:center; }
._landingBody .section02 .cateSlide ul li img { width:180rem; margin-bottom:24rem; }
._landingBody .section02 .cateSlide ul li p { margin-bottom:4rem; font-size:20rem; line-height:normal; }
._landingBody .section02 .cateSlide ul li .tit { font-size:32rem; font-weight:700; line-height:normal; background:linear-gradient(106deg,#9747FF 0%,#5C24FA 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* section03 */
._landingBody .section03 {}
._landingBody .section03 .inner { padding:93rem 0 58rem; background-color:#EDF0F6; text-align:center; }
._landingBody .section03 .titWrap { margin-bottom:28rem; }
._landingBody .section03 .titWrap .tit { margin-bottom:10rem; }
._landingBody .section03 .titWrap .subT strong:after { background-color:#2EFFFF; }
._landingBody .section03 .inner .titWrap .subT .line { background:linear-gradient(to top,#2EFFFF 0 59%, transparent 60%); }
._landingBody .section03 .imgWrap { position:relative; display:inline-flex; }
._landingBody .section03 .imgWrap > img { width:750rem; }
._landingBody .section03 .imgWrap .eventUl {}
._landingBody .section03 .imgWrap .eventUl > li { position:absolute; width:282rem; height:216rem; padding:32rem 20rem; border-radius:20rem; }
._landingBody .section03 .imgWrap .eventUl > li .flag { display:inline-block; padding:4rem 12rem; border-radius:2em; border:1rem solid #5C24FA; font-size:16rem; color:#5C24FA; line-height:normal; }
._landingBody .section03 .imgWrap .eventUl > li p { position:relative; margin-top:10rem; font-size:18rem; color:rgba(0,0,0,0.85); line-height:24rem; }
._landingBody .section03 .imgWrap .eventUl > li p.underLine { display:inline-block; color:#386FFF; font-weight:700; }
._landingBody .section03 .imgWrap .eventUl > li p.underLine:after { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background-color:#386FFF; }
._landingBody .section03 .imgWrap .eventUl > li .img { display:flex; align-items:center; justify-content:center; gap:6rem; margin-top:10rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt01 { top:0; left:-225rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt02 { bottom:43rem; left:-225rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt03 { top:0; right:-225rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt04 { bottom:43rem; right:-225rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt01 .img img { width:100rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt02 .img img { width:223rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt03 .img img { width:100rem; }
._landingBody .section03 .imgWrap .eventUl > li.evt04 .img img {}
._landingBody .section03 .imgWrap .eventUl > li.evt04 .flag { border-color:#5786FF; color:#5786FF; }

/* section04 */
._landingBody .section04 { margin-top:40rem; }
._landingBody .section04 .inner { padding:80rem 0; background-color:rgba(0,0,0,0.85); text-align:center; }
._landingBody .section04 .titWrap { margin-bottom:50rem; color:#fff; }
._landingBody .section04 .titWrap .subT { margin-bottom:10rem; }
._landingBody .section04 .titWrap .subT strong:after { background:linear-gradient(106deg,#9747FF 0%,#5C24FA 100%); }
._landingBody .section04 .titWrap .subT .line { background:linear-gradient(106deg,#9747FF 0%,#5C24FA 100%); background-repeat:no-repeat; background-size:100% 59%; background-position:bottom; }
._landingBody .section04 .imgWrap .img { position:relative; display:inline-block; padding:10rem; border-radius:50rem; border:1rem solid #9747FF; }
._landingBody .section04 .imgWrap .img:after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80rem; height:80rem; background:url(../images/icon_play.png) no-repeat 50% 50% / contain; }
._landingBody .section04 .imgWrap .textWrap {}
._landingBody .section04 .imgWrap .textWrap strong { position:absolute; font-weight:600; }
._landingBody .section04 .imgWrap .textWrap .flag { padding:5rem 6rem; border-radius:50%; }
._landingBody .section04 .imgWrap .textWrap .flag > em { display:block; padding:15rem 28rem; border-radius:50%; border:1rem solid rgba(255,255,255,0.50); font-size:30rem; color:#FFF; }
._landingBody .section04 .imgWrap .textWrap .flag.ty01 { top:32rem; left:-95rem; background:linear-gradient(106deg,#9747FF 0%,#5C24FA 100%); }
._landingBody .section04 .imgWrap .textWrap .flag.ty02 { top:123rem; left:-95rem; background:linear-gradient(106deg,#4772FF 0%,#0D11EC 100%); }
._landingBody .section04 .imgWrap .textWrap .bubble { display:inline-flex; align-items:center; border-radius:2em; padding:10rem 20rem; font-size:24rem; color:#FFF; }
._landingBody .section04 .imgWrap .textWrap .bubble.ty01 { top:279rem; left:-99rem; }
._landingBody .section04 .imgWrap .textWrap .bubble.ty02 { top:344rem; left:47rem; }
._landingBody .section04 .imgWrap .textWrap .bubble.ty03 { top:162rem; left:659rem; width:227rem; }
._landingBody .section04 .imgWrap .textWrap .bubble.ty04 { top:267rem; left:798rem; width:153rem; }
._landingBody .section04 .imgWrap .textWrap .bubble i { display:inline-block; width:24rem; height:24rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
._landingBody .section04 .imgWrap .textWrap .bubble i.thumb  { margin-left:4rem;  background-image:url(../images/emoji_thumbs_up.png); }
._landingBody .section04 .imgWrap .textWrap .bubble i.wright { margin-right:4rem; background-image:url(../images/emoji_Hand.png); }

._landingBody .section04 .bubbleWrap { display:none; }
._landingBody .section04 .subtext { margin-top:50rem; }
._landingBody .section04 .subtext span { position:relative; display:inline-block; padding:0 2rem; font-size:32rem; color:#fff; font-weight:700; background:linear-gradient(106deg,#9747FF 0%,#5C24FA 100%); background-repeat:no-repeat; background-position:bottom; background-size:100% 59%; }

/* section05 */
._landingBody .section05 {}
._landingBody .section05 .inner { padding-top:80rem; text-align:center; overflow:hidden; }
._landingBody .section05 .titWrap { margin-bottom:58rem; }
._landingBody .section05 .titWrap .tit span { color:#5C24FA; }
._landingBody .section05 .imgWrap .img { position:relative; display:block; width:781rem; margin:0 auto; }
._landingBody .section05 .imgWrap .img img { position:relative; width:366px; margin:0 auto; z-index:5; }
._landingBody .section05 .imgWrap .img .bg { position:relative; top:-55rem; }
._landingBody .section05 .imgWrap .img .bg .round { position:absolute; left:50%; transform:translate(-50%, -50%); border-radius:50%; opacity:0; }
._landingBody .section05 .imgWrap .img .bg .round.ty01 { width:409rem; height:409rem; background:#7b3ff2; z-index:4; }
._landingBody .section05 .imgWrap .img .bg .round.ty02 { width:595rem; height:595rem; background:#8e5ff4; z-index:3; }
._landingBody .section05 .imgWrap .img .bg .round.ty03 { width:781rem; height:781rem; background:#b18df8; z-index:2; }
._landingBody .section05 .imgWrap .img .bg.active .round { animation:pop 0.8s ease-out forwards; }
._landingBody .section05 .imgWrap .img .bg.active .round.ty01 { animation-delay:0s; }
._landingBody .section05 .imgWrap .img .bg.active .round.ty02 { animation-delay:0.3s; }
._landingBody .section05 .imgWrap .img .bg.active .round.ty03 { animation-delay:.6s; }

@keyframes pop {
  0%   { transform:translate(-50%,-50%) scale(0.5); opacity:0; }
  100% { transform:translate(-50%,-50%) scale(1);   opacity:1; }
}

._landingBody .section05 .imgWrap .bubbleWrap {}
._landingBody .section05 .imgWrap .bubbleWrap .bubble { position:absolute; z-index:6; text-align:left; opacity:0; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 { top:166rem; left:-385rem; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty02 { top:28rem; right:-261rem; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty03 { top:258rem; right:-171rem; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dt { margin-bottom:13rem; padding:20rem; border-radius:20rem 20rem 0 20rem; background-color:#EDF0F6; font-size:20rem; font-weight:500; line-height:normal; animation:bobble 1.8s ease-in-out infinite; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dt .cate { font-size:16rem; color:#5C24FA; font-weight:700; line-height:normal; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dd { position:relative; display:inline-flex; align-items:center; padding:20rem; border-radius:20rem; background:linear-gradient(106deg,#9747FF 0%,#5C24FA 100%); font-size:20rem; color:#fff; font-weight:500; line-height:normal; animation:bobble 1.8s ease-in-out infinite; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dd:before { content:''; position:absolute; left:-2rem; top:-21rem; width:19rem; height:21rem; background:url(../images/icon_arrow.png) no-repeat 50% 50% / contain; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 dd { left:37rem; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty02 dd { left:183rem; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty03 dd { left:123rem; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i { display:inline-block; width:20rem; height:20rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.swim     { background-image:url(../images/emoji_swim_man.png); }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.cycle    { background-image:url(../images/emoji_bike_man.png); }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.studentW { background-image:url(../images/emoji_student.png); }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.studentM { background-image:url(../images/emoji_student02.png); }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.cap      { background-image:url(../images/emoji_cap.png); }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.think    { background-image:url(../images/emoji_face_thinking.png); }
._landingBody .section05 .imgWrap .bubbleWrap .bubble i.doctor   { background-image:url(../images/emoji_doctor_man.png); }

._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 dl dt { animation-delay:0s; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 dl dd { animation-delay:0.2s; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty02 dl dt { animation-delay:0.4s; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty02 dl dd { animation-delay:0.6s; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty03 dl dt { animation-delay:0.8s; }
._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty03 dl dd { animation-delay:1s; }

._landingBody .section05 .imgWrap .bubbleWrap.active .bubble      { animation:fadeInBubble 1s forwards; }
._landingBody .section05 .imgWrap .bubbleWrap.active .bubble.ty01 { animation-delay:1.5s; }
._landingBody .section05 .imgWrap .bubbleWrap.active .bubble.ty02 { animation-delay:2s; }
._landingBody .section05 .imgWrap .bubbleWrap.active .bubble.ty03 { animation-delay:2.5s; }

@keyframes fadeInBubble {
	0% { opacity:0; }
	100% { opacity:1; }
}

/* bobble: 좌우 + 상하 흔들리는 효과 */
@keyframes bobble {
  0%   { transform:translate(0,0); }
  25%  { transform:translate(-1.5px,-1.5px); }
  50%  { transform:translate(1.5px,1.5px); }
  75%  { transform:translate(-1px,1px); }
  100% { transform:translate(0,0); }
}

/* section06 */
._landingBody .section06 { background-color:#5C24FA; }
._landingBody .section06 .inner { padding:40rem 0; text-align:center; }
._landingBody .section06 .inner .titWrap { margin-bottom:32rem; }
._landingBody .section06 .inner .titWrap .subT { font-size:28rem; line-height:normal; color:#fff; }
._landingBody .section06 .appLink .pcLink { display:flex; align-items:center; justify-content:center; gap:16rem; }
._landingBody .section06 .appLink .pcLink > a { display:inline-flex; width:258rem; height:86rem; border-radius:26rem; background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999rem; background-size:cover; transition:.4s; }
._landingBody .section06 .appLink .pcLink > a:hover { transform:translateY(-10px); }
._landingBody .section06 .appLink .pcLink .btnGoogle { background-image:url(../images/google_play_w.png); }
._landingBody .section06 .appLink .pcLink .btnApple  { background-image:url(../images/apple_store_w.png); }
._landingBody .section06 .appLink .btnAppDown { display:none; }

/* footer */
._footer { padding:40rem 60rem; background-color:#EDF0F6; }
._footer .inner { display:flex; align-items:stretch; justify-content:space-between; max-width:1800rem; width:100%; margin:0 auto; }
._footer .inner address { font-style:normal; }
._footer .inner address .logo { margin-bottom:12rem; width:72rem; }
._footer .inner address .logo img { display:block; width:100%; }
._footer .inner address p { font-size:16rem; font-weight:500; line-height:22rem; }
._footer .inner .terms { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; }
._footer .inner .terms .termsLink { display:flex; gap:26rem; }
._footer .inner .terms .termsLink li { position:relative; }
._footer .inner .terms .termsLink li ~ li:before { content:''; position:absolute; top:50%; left:-14rem; transform:translateY(-50%); width:2rem; height:11rem; background-color:#000; }
	._footer .inner .terms .termsLink li a { font-size:16rem; font-weight:500; line-height:normal; }
._footer .inner .terms p { font-size:16rem; font-weight:500; line-height:normal; }

/* top button */
._topBtn a {
	right:20rem; bottom:100rem; position:fixed; display:inline-flex; flex-direction:column; gap:6rem; align-items:center;
	width:82rem; height:82rem; padding:25rem 0 16rem; border-radius:50%; border:none; background:transparent;
	box-shadow:0 4rem 8rem 0 rgba(145,145,156,0.25), inset 0 1rem 2rem rgba(255,255,255,0.6);
	font-weight:500; font-size:16rem; text-align:center; backdrop-filter:blur(2rem); z-index:10;
}
._topBtn a:before { content:''; display:inline-block; width:16rem; height:16rem; background:url(../images/icon_top.png) no-repeat 50% 50% / contain; }

/* -------- Media Queries -------- */

/** 테블릿 & 모바일 **/
@media (max-width:1024px) {
	html { font-size:1.5px; }
	._pcView { display:none !important; }
	._moView { display:block; }

	._landingBody section .inner { border-radius:32rem; }
	._landingBody section .inner .titWrap .tit { font-size:24rem; letter-spacing:-0.48px; } /* FIX: .tit */
	._landingBody section .inner .titWrap .subT { font-size:16rem; }
	._landingBody section .inner .tag { position:static; padding:8px 12px; font-size:14rem; }

	header { height:80rem; }
	._header { padding:0 20rem; height:80rem; }
	._header .logo img { width:54rem; }
	._header .appLink .pcLink { display:none; }
	._header .appLink .btnAppDown { display:inline-flex; }

	._landingBody .section01 { padding:0 20rem; }
	._landingBody .section01 .inner { padding-top:30rem; }
	._landingBody .section01 .inner .titWrap { margin-bottom:0; }
	._landingBody .section01 .inner .titWrap .subT { margin-bottom:4rem; font-size:14rem; }
	._landingBody .section01 .inner .titWrap .tit p { font-size:30rem; } /* FIX: .tit */
	._landingBody .section01 .inner .titWrap .tit .bubble { padding:6rem 10rem; font-size:12rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble i { width:14rem; height:14rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble.ty01 { left:-30rem; top:27rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble.ty02 { right:-40rem; top:30rem; }
	._landingBody .section01 .appLink .pcLink { display:none; }

	._landingBody .section01 .infoSlideWrap { top:25rem; margin-top:0; }
	._landingBody .section01 .infoSlideWrap .infoSlide._pcView { display:none; }
	._landingBody .section01 .infoSlideWrap .infoSlide._moView { display:block; padding:30rem 0 0; margin-top:-33rem; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li { width:180rem; opacity:0; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-prev  { opacity:.8; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-next  { opacity:.8; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-active { opacity:1; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.prev-prev  { opacity:0; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.next-next  { opacity:0; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment { padding:6rem 12rem; border-radius:13rem 13rem 0 13rem; font-size:12rem; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment.ty01 { left:-60px; top:-20rem; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment.ty02 { top:5rem; right:-47rem; width:153rem; }
	._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card { border-radius:16rem; }
	._landingBody .section01 .appLink .btnAppDown { display:inline-flex; }

	._landingBody .section02 { padding:20rem; }

	._landingBody .section03 { padding:0 20rem 20rem; }
	._landingBody .section03 .inner { padding:20rem 0 10rem; }
	._landingBody .section03 .inner .tag { margin-bottom:10px; }
	._landingBody .section03 .inner .titWrap .tit { margin-bottom:6rem; } /* FIX: .tit */
	._landingBody .section03 .inner .titWrap .subT .line { display:inline-block; margin-top:4px; background:linear-gradient(to top,#2EFFFF 0 100%); }
	._landingBody .section03 .imgWrap { display:block; }
	._landingBody .section03 .imgWrap > img { width:100%; }
	._landingBody .section03 .imgWrap .eventUl { display:grid; grid-template-columns:repeat(2,1fr); gap:8rem; padding:10rem 10rem 0; }
	._landingBody .section03 .imgWrap .eventUl > li { position:static; width:auto; height:auto; padding:20rem 0; background:rgba(255,255,255,0.10); }
	._landingBody .section03 .imgWrap .eventUl > li .flag { padding:3rem 8rem; font-size:12rem; }
	._landingBody .section03 .imgWrap .eventUl > li p { margin-top:6rem; font-size:14rem; line-height:18rem; }
	._landingBody .section03 .imgWrap .eventUl > li.evt02 .img img { margin-top:6rem; width:100rem; }

	._landingBody .section04 { margin-top:0; padding:0 20rem 20rem; }
	._landingBody .section04 .inner { padding:20rem 12rem; border-radius:40rem; }
	._landingBody .section04 .inner .tag { margin-bottom:20rem; }
	._landingBody .section04 .titWrap { margin-bottom:14rem; }
	._landingBody .section04 .titWrap .subT { margin-bottom:6rem; }
	._landingBody .section04 .titWrap .subT .line { background-size:100% 100%; }
	._landingBody .section04 .imgWrap .img { border-radius:36rem; }
	._landingBody .section04 .imgWrap .img img { width:100%; border-radius:32rem; }
	._landingBody .section04 .imgWrap .img:after { width:40rem; height:40rem; }
	._landingBody .section04 .imgWrap .textWrap .flag { padding:3rem; }
	._landingBody .section04 .imgWrap .textWrap .flag > em { padding:7rem 16rem; font-size:14rem; }
	._landingBody .section04 .imgWrap .textWrap .flag.ty01 { left:-7rem; top:-12rem; }
	._landingBody .section04 .imgWrap .textWrap .flag.ty02 { left:-7rem; top:30rem; }

	._landingBody .section04 .bubbleWrap { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:14rem; }
	._landingBody .section04 .bubbleWrap .bubble { display:inline-flex; align-items:center; border-radius:2em; padding:6rem 12rem; font-size:14rem; color:#FFF; }
	._landingBody .section04 .bubbleWrap .bubble i { display:inline-block; width:14rem; height:14rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
	._landingBody .section04 .bubbleWrap .bubble i.thumb  { margin-left:2rem;  background-image:url(../images/emoji_thumbs_up.png); }
	._landingBody .section04 .bubbleWrap .bubble i.wright { margin-right:2rem; background-image:url(../images/emoji_Hand.png); }
	._landingBody .section04 .subtext { margin-top:20rem; }
	._landingBody .section04 .subtext span { font-size:18rem; }

	._landingBody .section05 .inner { padding-top:12rem; }
	._landingBody .section05 .titWrap { margin-bottom:0; }
	._landingBody .section05 .imgWrap { display:flex; justify-content:center; overflow:hidden; }
	._landingBody .section05 .imgWrap .img { display:block; width:478rem; height:482rem; overflow:hidden; }
	._landingBody .section05 .imgWrap .img .bg { top:15rem; width:100%; height:100%; }
	._landingBody .section05 .imgWrap .img .bg .round { display:block; }
	._landingBody .section05 .imgWrap .img .bg .round.ty01 { top:50%; left:50%; transform:translate(-50%,-50%); width:180rem; height:180rem; }
	._landingBody .section05 .imgWrap .img .bg .round.ty02 { top:50%; left:50%; transform:translate(-50%,-50%); width:322rem; height:322rem; }
	._landingBody .section05 .imgWrap .img .bg .round.ty03 { top:50%; left:50%; transform:translate(-50%,-50%); width:478rem; height:478rem; }
	._landingBody .section05 .imgWrap .img .bg.active .round { animation:pop02 0.8s ease-out forwards; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dt { padding:12rem; font-size:14rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dt .cate { font-size:14rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble dl dd { padding:12rem; font-size:14rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble i { width:14rem; height:14rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 { left:20rem; top:168rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty02 { top:16rem; left:50%; transform:translateX(-50%); right:auto; width:215rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty03 { left:40rem; top:320rem; width:233rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 dd { left:30rem; width:189rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty02 dd { left:55rem; }
	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty03 dd { left:65rem; }

	@keyframes pop02 {
		0%   { transform:translate(-50%,-50%) scale(0.5); opacity:0; }
		100% { transform:translate(-50%,-50%) scale(1);   opacity:0.2; }
	}

	._landingBody .section06 .inner { padding:24rem 0 14rem; }
	._landingBody .section06 .inner .titWrap { margin-bottom:16rem; }
	._landingBody .section06 .inner .titWrap .subT { font-size:18rem; }
	._landingBody .section06 .appLink .btnAppDown { display:inline-flex; width:151rem; height:54rem; background:url(../images/img_down.png) no-repeat 50% 50% / contain; text-indent:-9999px; }

	._footer { padding:24rem 20rem; }
	._footer .inner { flex-direction:column; }
	._footer .inner address p { font-size:14rem; color:#888; font-weight:500; line-height:22rem; font-style:normal; letter-spacing:-1rem; }
	._footer .inner .terms { align-items:flex-start; gap:12rem; margin-top:12rem; }
	._footer .inner .terms .termsLink li a { font-size:14rem; }
	._footer .inner .terms p { font-size:14rem; }

	._topBtn a { width:60rem; height:60rem; padding:15rem 0 11rem; font-size:14rem; }
	._topBtn a:before { width:16rem; height:12rem; }
}

@media (max-width:1000px) {
	._landingBody .section02 .cateSlide { overflow:hidden; }
	._landingBody .section02 .cateSlide ul { justify-content:flex-start; gap:0; }
}

/* rem 스케일: 360 기준 */
@media all and (max-width:480px) {
	html { font-size: calc(100vw / 360); }
}

/** 테블릿 **/
@media (min-width:481px) and (max-width:1024px) {
	._landingBody .section02 .cateSlide ul li { width:180rem; padding:20rem 0; }
	._landingBody .section02 .cateSlide ul li img { width:80rem; margin-bottom:12rem; }
	._landingBody .section02 .cateSlide ul li p { margin-bottom:2rem; font-size:14rem; }
	._landingBody .section02 .cateSlide ul li .tit { font-size:20rem; }

	._landingBody .section05 .imgWrap .bubbleWrap .bubble.ty01 { left:50%; transform:translateX(-74%); }
}

/** 모바일 **/
@media (max-width:480px) {
	html { font-size: calc(100vw / 360); }

	._landingBody .section01 .inner { padding-top:30rem; }
	._landingBody .section01 .inner .titWrap { margin-bottom:2rem; }
	._landingBody .section01 .inner .titWrap .subT { margin-bottom:4rem; font-size:14rem; }
	._landingBody .section01 .inner .titWrap .tit p { font-size:30rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble { padding:6rem 10rem; font-size:12rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble.ty01 { left:-20rem; top:28rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble.ty02 { right:-39rem; top:30rem; }
	._landingBody .section01 .inner .titWrap .tit .bubble i { width:12rem; height:12rem; }

	._landingBody .section02 .cateSlide { margin:0 -20rem; padding:0 20rem; overflow:hidden; }
	._landingBody .section02 .cateSlide ul { justify-content:flex-start; gap:0; }
	._landingBody .section02 .cateSlide ul li { width:180rem; padding:20rem 0; border-radius:32rem; }
	._landingBody .section02 .cateSlide ul li img { width:80rem; margin-bottom:12rem; }
	._landingBody .section02 .cateSlide ul li p { margin-bottom:2rem; font-size:14rem; }
	._landingBody .section02 .cateSlide ul li .tit { font-size:20rem; }
}

/* === [슬라이드 버블 라벨 가림 현상 패치] ================================== */
/* 1) 카드에서 밖으로 나가는 말풍선이 보이도록 */
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card {
  overflow: visible;                 /* 기존 overflow:hidden 덮어쓰기 */
}

/* 2) 레이어 순서: 말풍선이 이미지 위로 오게 */
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card img {
  position: relative;
  z-index: 1;                        /* 이미지 아래 */
}
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card .comment {
  z-index: 2;                        /* 말풍선 위 */
  pointer-events: none;              /* 클릭 방해 방지(필요 시 제거) */
}

/* 3) 슬라이드 단위에서도 잘리지 않도록 (컨테이너는 그대로 두고 슬라이드만 오버라이드) */
.infoSlide .swiper-slide {
  overflow: visible;
}

/* (선택) 가장자리에서도 여전히 잘리면, 아래 한 줄을 추가해 컨테이너까지 보이게 하세요.
   다만 이 경우 이웃 슬라이드 레이블이 살짝 보여질 수 있습니다. 상황 봐서 사용하세요. */
/* ._landingBody .section01 .infoSlideWrap .infoSlide { overflow: visible; } */

/* 4) ‘활성 슬라이드’에서만 라벨이 보이도록 되어있는데(기본 CSS),
      ‘이전/다음 슬라이드’에도 은은히 보이길 원하면 다음도 추가하세요. */
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-prev .card .comment,
._landingBody .section01 .infoSlideWrap .infoSlide > ul > li.swiper-slide-next .card .comment {
  opacity: .9;
}

/* 5) 모바일 구간에서도 동일하게 적용(중복 선언/우선순위 충돌 예방) */
@media (max-width:1024px) {
  ._landingBody .section01 .infoSlideWrap .infoSlide > ul > li .card { overflow: visible; }
  .infoSlide .swiper-slide { overflow: visible; }
}

/* ========== Mobile only: 랜덤 타이틀 버블 최종 위치 ========== */
@media (max-width: 480px) {
  /* ---------------- 첫 번째 문장 ----------------
     - 특징: thumb 아이콘은 있지만 cap 아이콘은 없음 */
  ._landingBody .section01 .inner .titWrap .tit p:not(:has(i.cap)) .bubble.ty01:has(i.nerd) {
    left: -13rem !important;  /* '선배와의 대화' */
    top: 3rem !important;
  }
  ._landingBody .section01 .inner .titWrap .tit p:not(:has(i.cap)) .bubble.ty02:has(i.thumb) {
    right: -30rem !important;  /* '실제 경험담' */
    top: 12rem !important;
  }

  /* ---------------- 두 번째 문장 ----------------
     - 특징: doctor + think 아이콘 동시 존재 */
  ._landingBody .section01 .inner .titWrap .tit p:has(i.doctor) .bubble:has(i.doctor) {
    left: -90rem !important;  /* '선배와의 대화' */
    top: 15rem !important;
  }
  ._landingBody .section01 .inner .titWrap .tit p:has(i.doctor) .bubble:has(i.think) {
    right: -80rem !important;  /* '실제 경험담' */
    top: 30rem !important;
  }

  /* ---------------- 세 번째 문장 ----------------
     - 특징: cap 아이콘이 존재(멘토링) + thumb 아이콘(진짜 조언) */
  ._landingBody .section01 .inner .titWrap .tit p:has(i.cap) .bubble:has(i.cap) {
    left: -70rem !important;  /* '선배와의 대화' */
    top: 12rem !important;
  }
  ._landingBody .section01 .inner .titWrap .tit p:has(i.cap) .bubble.ty02:has(i.thumb) {
    right: -70rem !important;  /* '실제 경험담' */
    top: 24rem !important;
  }
}