@import url("https://cdn.jsdelivr.net/npm/@noonnu/yg-jalnan@0.1.0/index.min.css");
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");
.mo {
    display: none !important
}
.intro .contents_wrap{max-width:1080px;margin:0 auto;box-sizing: border-box;}
.intro .contents_wrap .img_wrap img{width:100%}
.intro .title{margin-bottom:64px;color:rgba(34, 34, 34, 0.80);font-size: 28px;font-weight: 400;line-height: 42px;letter-spacing: -0.028px;text-align: center;}
.intro .title span{display:block;margin-bottom:8px;color:#0068ff;font-size:20px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
.intro .title strong{display:block;margin-bottom:8px;color:rgba(34, 34, 34, 0.90);font-size: 40px;font-weight: 700;line-height: 60px;letter-spacing: -0.18px;}
.intro .title span + strong{margin-top:0}
.intro .sec1 .img_wrap img{width:100%;}
.intro .sec2{padding:80px 0}
.intro .sec2 .contents_wrap{max-width:887px}
.intro .sec2 .savewon_slide{position:relative}
.intro .sec2 .savewon_slide .swiper-wrapper{justify-content: space-between;}
.intro .sec2 .savewon_slide .swiper-slide{width:auto}
.intro .sec2 .savewon_slide .swiper-slide .ico_area{width:100%;height:138px;text-align: center;}
.intro .sec2 .savewon_slide .swiper-slide .tit{margin-bottom:5px;color:rgba(34, 34, 34, 0.90);font-size: 28px;font-weight: 700;line-height: 42px;letter-spacing: -0.098px;text-align: center;}
.intro .sec2 .savewon_slide .swiper-slide .txt{color:rgba(34, 34, 34, 0.70);font-size: 20px;font-weight: 500;line-height: 30px;letter-spacing: -0.05px;text-align: center;}
.intro .sec2 .savewon_slide .swiper-pagination{display:none}
.intro .sec3{overflow: hidden;}
.intro .sec3 .item.top{padding:120px 0 48px;background: linear-gradient(180deg, #FFF 0%, #DAF0FF 100%);}
.intro .sec3 .item.bottom{padding-bottom:120px;background: linear-gradient(180deg, #DAEFFF 0%, #C2E6FF 100%);}
.intro .sec3 .item.bottom .contents_wrap{position:relative;}
.intro .sec3 .item.bottom .img{position:absolute}
.intro .sec3 .item.bottom .img_left{bottom:-34px;left:-131px}
.intro .sec3 .item.bottom .img_right{bottom:-42px;right:-211px}
.intro .sec4{padding:120px 0}
.intro .sec5{padding:120px 0;background:#F9FAFB}
.intro .sec6{padding:102px 0;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/bg_sec6.png?v=1.0.0") no-repeat center center;background-size:cover;text-align: center;}
.intro .sec6 .desc1{color:#fff;font-size:28px;font-weight: 700;line-height: 42px;letter-spacing: -0.098px;}
.intro .sec6 .desc2{color:#fff;font-size:36px;font-weight: 700;line-height: 47px;letter-spacing: -0.162px;}
.intro .sec7{padding:120px 0}
.intro .sec7 .contents_wrap{max-width:900px}
.intro .sec8{padding:120px 0;background:#F5F6F8;text-align: center;}
.intro .sec8 .tit_area{margin-bottom:64px;}
.intro .sec8 .tit_area .title{margin-bottom:20px}
.intro .sec8 .tit_area .title strong{margin:0}
.intro .sec8 .inquire{display:inline-flex;background:#0068FF;border-radius: 80px;padding:13px 40px 14px 35px}
.intro .sec8 .inquire .tel{position:relative;padding:0 23px 0 32px;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/icon_tel.png") left top / 24px auto no-repeat;color: #FFF;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
.intro .sec8 .inquire .tel::after{content:"";display:block;position:absolute;top:50%;right:0;transform: translateY(-50%);width:1px;height:22px;background:rgba(255,255,255,0.5)}
.intro .sec8 .inquire .kakao{padding-left:56px;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/icon_kakao.png") left 23px center / 25px auto no-repeat;color: #FFF;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
.intro .sec8 .inquire a{color:#fff}
.intro .sec8 .contact .form_input{display:flex;gap:16px;flex-wrap: wrap;}
.intro .sec8 .contact .form_input .input_box{display:flex;align-items: center;gap:0 10px;background:#fff;border-radius: 4px;border:1px solid #e9e9e9;padding-left:14px;text-align: left;box-sizing: border-box;overflow: hidden;}
.intro .sec8 .contact .form_input .input_box.w_2{width:calc(25% - 3/4 * 16px);}
.intro .sec8 .contact .form_input .input_box.w_2 .tit{position:relative;flex-shrink: 0;padding-right:10px;color: rgba(34, 34, 34, 0.90);font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.056px;}
.intro .sec8 .contact .form_input .input_box.w_2 .tit::after{content:"";display:block;position:absolute;top:50%;right:0;transform: translateY(-50%);width:1px;height:12px;background:rgba(34, 34, 34, 0.30)}
.intro .sec8 .contact .form_input .input_box.w_2 input{width:100%;height:50px;padding:0 20px 0 0;border:none;color: #8E8E8E;font-family: Pretendard;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.028px;box-sizing: border-box;}
.intro .sec8 .contact .form_input .input_box.w_2 input::placeholder{font-family: Pretendard;color:rgba(34, 34, 34, 0.30)}
.intro .sec8 .contact .form_input .input_box.w_2 select{width:100%;height:50px;;border:none;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/icon_arrow.png") right 30px center / 12px auto no-repeat;color:rgba(34, 34, 34, 0.30);font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.028px;;font-family: Pretendard;appearance: none;box-sizing: border-box;}
.intro .sec8 .contact .form_input .input_box.text{flex-direction: column;align-items: flex-start;gap:14px 0;width:100%;padding:30px;box-sizing: border-box;}
.intro .sec8 .contact .form_input .input_box.text .tit{color: rgba(34, 34, 34, 0.90);font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.056px;}
.intro .sec8 .contact .form_input .input_box.text .textarea{width:100%;height:206px;padding:0;border:none;color: #8E8E8E;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 400;line-height: 140%;letter-spacing: -0.32px;box-sizing: border-box;resize: none;outline: none;}
.intro .sec8 .contact .form_input .input_box.text .textarea::placeholder{color:rgba(34, 34, 34, 0.30)}
.intro .sec8 .contact .desc{margin-top:8px;color: rgba(34, 34, 34, 0.60);font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.04px;text-align: left;}
.intro .sec8 .contact .btn_box .btn{display:inline-flex;align-items: center;justify-content: center;width:320px;height:76px;margin-top:64px;border-radius: 4px;background:#333;color:#fff;font-size:24px;font-weight: 700;line-height: 36px;letter-spacing: -0.072px;}
.intro .floating_area{position:fixed;bottom:61px;right:65px;display:flex;flex-direction: column;gap:10px 0;z-index:2;}
.intro .floating_area a{display:flex;align-items: center;justify-content: center;width:110px;height: 110px;border-radius: 100%;color:#fff;text-align: center;font-size:20px;font-weight: 700;line-height: 30px;letter-spacing: -0.05px;}
.intro .floating_area .btn_contact{background:#0068FF}
.intro .floating_area .btn_move{background:#001533}


.intro .intro_header{height:auto;padding:92px 0 136px;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/intro_bg_pc.webp") center top / cover no-repeat;box-sizing: border-box;}
.intro .intro_header .top_area{margin-bottom:8px;text-align: center;}
.intro .intro_header .top_area .logo{width:266px;margin:0 auto 51px}
.intro .intro_header .top_area .logo img{width:100%;}
.intro .intro_header .top_area .bubble{position:relative;display:inline-block;padding:10px 30px;background:#2457F1;border-radius: 60px;}
.intro .intro_header .top_area .bubble::after{content:"";display:block;position:absolute;bottom:-9px;left:50%;transform: translateX(-50%);width: 0px;height: 0px;border-style: solid;border-width: 12px 9px 0 9px;border-color: #2457F1 transparent transparent transparent;}
.intro .intro_header .top_area .bubble .text{color:#fff;font-size:20px;font-family: Paperlogy;font-weight: 500;line-height: 150%;letter-spacing: 0.2px;}
.intro .intro_header .top_area .bubble .text strong{font-weight: 700;letter-spacing: -0.2px;}
.intro .intro_header .top_area .text_area .main_text{width:100%;max-width:591px;margin:17px auto 9px;}
.intro .intro_header .top_area .text_area .main_text img{display:block;width:100%;margin-left:37px;}
.intro .intro_header .top_area .text_area .sub_text{text-align: center;}
.intro .intro_header .top_area .text_area .sub_text .text{color:rgba(255, 255, 255, 0.90);font-family: Paperlogy;font-size: 28px;font-weight: 500;line-height: 42px;letter-spacing: -0.098px;}
.intro .intro_header .top_area .text_area .sub_text .text.bold{font-weight: 700;}
.intro .intro_header .top_area .text_area .sub_text .text:not(:last-child){margin-bottom:4px;}
.intro .intro_header .top_area .text_area .sub_text .text .point{color:#FFFA70;}
.intro .intro_header .img_area{margin:-22px 0 -121px;}
.intro .intro_header .img_area .intro_gift{display:block;max-width:713px;width:100%;height:auto;margin:0 auto;}
.intro .intro_header .video_area{width:100%;padding-top: 56.25%;margin:0 auto;position:relative;border-radius: 20px 20px 0 0;overflow:hidden;}
.intro .intro_header .video_area video{position:absolute;top:0;left:0;width:100%;height:100%;outline: none;border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.intro .intro_header .info_area{display: flex;flex-direction: column;gap:12px 0;padding:40px;border-radius: 0 0 20px 20px;background: #F7F7F8;backdrop-filter: blur(20px);}
.intro .intro_header .info_area dl{display:flex;align-items: center;gap:0 20px;}
.intro .intro_header .info_area dt{display:flex;align-items: center;justify-content: center;min-width:200px;height:48px;padding:16px 32px;background:#303336;border-radius: 100px;color:rgba(255, 255, 255, 0.90);font-family: Paperlogy;font-size:20px;font-weight: 700;line-height: 30px;letter-spacing: -0.05px;box-sizing: border-box;text-align: center;}
.intro .intro_header .info_area dd{color: #222;font-family: Paperlogy;font-size: 22px;line-height: 30px;}
.intro .intro_header .info_area dd span{font-weight: 600;}
@media screen and (max-width:1120px) {
    .intro .contents_wrap{padding:0 16px}
    .intro .sec3 .item.bottom .img_left{bottom:-190px;left:-36px}
    .intro .sec3 .item.bottom .img_right{bottom:-172px;right:-86px}
    .intro .floating_area{right:25px}
}
@media screen and (max-width:1024px){
    .intro .floating_area{bottom:0;right:auto;left:0;flex-direction: row;gap:0;width:100%}
    .intro .floating_area a{width:100%;height:60px;border-radius: 0;font-size:18px;letter-spacing: -0.36px;}
}
@media screen and (max-width:767px) {
    .pc{display:none !important}
    .mo{display:block !important}
    .intro .title{margin-bottom:40px;color:rgba(34, 34, 34, 0.80);font-size: 14px;font-weight: 400;line-height: 21px;letter-spacing: -0.014px;text-align: center;}
    .intro .title span{display:block;margin-bottom:4px;color:#0068ff;font-size:18px;font-weight: 700;line-height: 28px;letter-spacing: -0.063px;}
    .intro .title strong{display:block;margin-bottom:4px;color:rgba(34, 34, 34, 0.90);font-size: 28px;font-weight: 700;line-height: 38px;letter-spacing: -0.154px;}

    .intro .sec2{padding:40px 0 64px}
    .intro .sec2 .savewon_slide .inner{overflow: hidden;}
    .intro .sec2 .savewon_slide .swiper-wrapper{justify-content: unset;}
    .intro .sec2 .savewon_slide .swiper-slide{width:100%}
    .intro .sec2 .savewon_slide .swiper-slide .tit{margin-bottom:2px;font-size:18px;line-height: 27px;letter-spacing: -0.072px;}
    .intro .sec2 .savewon_slide .swiper-slide .txt{font-size:14px;line-height: 21px;letter-spacing: -0.014px;}
    .intro .sec2 .savewon_slide .swiper-pagination{display:block;bottom:-26px}
    .intro .sec2 .savewon_slide .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px;background:#BDBDBD;opacity:1;}
    .intro .sec2 .savewon_slide .swiper-pagination .swiper-pagination-bullet-active{background:#444}

    .intro .sec3 .item.top{padding:60px 0 20px}
    .intro .sec3 .item.bottom{padding-bottom:60px}
    .intro .sec3 .item.bottom .img_left{bottom:-94px;left:7px;width:120px;}
    .intro .sec3 .item.bottom .img_right{bottom:-85px;right:-18px;width:163px}
    
    .intro .sec4{padding:60px 0}

    .intro .sec5{padding:60px 0}

    .intro .sec6{padding:40px 0;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/bg_sec6_mo.png") no-repeat center center;background-size:cover;}
    .intro .sec6 .desc1{font-size:16px;line-height: 24px;letter-spacing: -0.056px;}
    .intro .sec6 .desc2{font-size:21px;line-height: 30px;letter-spacing: -0.0945px;}

    .intro .sec7{padding:60px 0 120px}

    .intro .sec8{padding:60px 0 120px}
    .intro .sec8 .tit_area{margin-bottom:32px;}
    .intro .sec8 .tit_area .title{margin-bottom:12px}
	.intro .sec8 .inquire{padding:7px 20px 7px 16px}
	.intro .sec8 .inquire .tel{padding:0 13px 0 16px;background-size:12px auto;background-position:left top 1px;font-size:11px;line-height: 150%;letter-spacing: -0.22px;}
	.intro .sec8 .inquire .tel::after{height:11px}
	.intro .sec8 .inquire .kakao{padding-left:28px;background-position:left 10px top 1px;background-size:14px auto;font-size:11px;line-height: 150%;letter-spacing: -0.22px;}
	.intro .sec8 .contact .form_input{gap:8px 0}
	.intro .sec8 .contact .form_input .input_box{padding-left:15px}
	.intro .sec8 .contact .form_input .input_box.w_2{width:100%}
	.intro .sec8 .contact .form_input .input_box.w_2 .tit{width:40px !important;font-size:12px;letter-spacing: -0.072px;line-height: 18px;}
	.intro .sec8 .contact .form_input .input_box.w_2 input{height:40px;font-size:12px;letter-spacing: -0.24px;}
	.intro .sec8 .contact .form_input .input_box.w_2 input::placeholder{font-size:12px;letter-spacing: -0.24px;}
	.intro .sec8 .contact .form_input .input_box.w_2 select{height:40px;;font-size:12px;letter-spacing: -0.24px;background-position: right 15px center;}
	.intro .sec8 .contact .form_input .input_box.text{gap:7px 0;padding:15px}
	.intro .sec8 .contact .form_input .input_box.text .tit{font-size:12px;letter-spacing: -0.24px;}
	.intro .sec8 .contact .form_input .input_box.text .textarea{height:95px;font-size:11px;letter-spacing: -0.22px;}
	.intro .sec8 .contact .form_input .input_box.text label{font-size:11px}
	.intro .sec8 .contact .desc{margin:4px 0 0 0;font-size:12px;letter-spacing: 0px;line-height: 18px;}
	.intro .sec8 .contact .btn_box .btn{width:100%;height:60px;margin-top:32px;font-size:18px;line-height: 27px;letter-spacing: -0.077px;}

    .intro .intro_header{padding:60px 0;background:url("https://cdn.playbigbox.com/timecast/savewon/images/intro/intro_bg_mo.webp") center top / cover no-repeat;box-sizing: border-box;}
    .intro .intro_header .top_area .logo{width:100%;max-width:186px;margin:0 auto 26px}
    .intro .intro_header .top_area .bubble{position:relative;display:inline-block;padding:6px 18px;background:#2457F1;border-radius: 37px;}
    .intro .intro_header .top_area .bubble::after{content:"";display:block;position:absolute;bottom:-5px;left:50%;transform: translateX(-50%);width: 0px;height: 0px;border-style: solid;border-width: 8px 5.5px 0 5.5px;border-color: #2457F1 transparent transparent transparent;}
    .intro .intro_header .top_area .bubble .text{font-size:12px;letter-spacing: 0.126px;}
    .intro .intro_header .top_area .bubble .text strong{letter-spacing: -0.126px;}
    .intro .intro_header .top_area .text_area .main_text{width:100%;max-width:213px;margin:11px auto 2px;}
    .intro .intro_header .top_area .text_area .main_text img{display:block;width:100%;margin-left:0}
    .intro .intro_header .top_area .text_area .sub_text{text-align: center;}
    .intro .intro_header .top_area .text_area .sub_text:not(:last-child){margin-bottom:4px;}
    .intro .intro_header .top_area .text_area .sub_text .text{color:rgba(255, 255, 255, 0.90);font-family: Paperlogy;font-size: 16px;font-weight: 500;line-height: 19px;letter-spacing: -0.056px;}
    .intro .intro_header .top_area .text_area .sub_text .text.bold{line-height: 22px;}
    .intro .intro_header .top_area .text_area .sub_text .text .point{color:#FFFA70;}
    .intro .intro_header .img_area{margin:4px 0 -62px 14px;}
    .intro .intro_header .img_area .intro_gift{max-width:340px;}
    .intro .intro_header .video_area{margin:0 auto;border-radius: 12px 12px 0 0;}
    .intro .intro_header .info_area{display: flex;flex-direction: column;gap:8px 0;padding:20px;border-radius:0 0 12px 12px;backdrop-filter: blur(20px);}
    .intro .intro_header .info_area dl{display:flex;align-items: center;gap:0 8px;}
    .intro .intro_header .info_area dt{min-width:80px;height:28px;padding:5px 12px 3px;background:#303336;border-radius: 33px;color:rgba(255, 255, 255, 0.90);font-size:12.5px;font-weight: 700;line-height: 16px;letter-spacing: 0;box-sizing: border-box;text-align: center;}
    .intro .intro_header .info_area dd{font-size: 13px;font-weight: 500;line-height: 18px;letter-spacing: 0.013px;}
}