/*//*/
*{box-sizing:border-box}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,select,blockquote,th,td,img,a{margin:0;padding:0;font-weight:400;color:#333;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;word-break: keep-all;word-wrap: break-word;font-size: 1em;line-height: 160%;letter-spacing: -0.02em}
html,body{font-size:16px;width:100%;height: 100%;overscroll-behavior: contain}
body.active{overflow-y: hidden}
body.loadingActive{overflow-y: hidden}
li{list-style:none}
a{text-decoration:none;color:rgba(0,0,0,0.8)}
a:hover{text-decoration:none}
a:active{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
img{display:block;border:0}
button{background:transparent;border:0;cursor:pointer;outline:0}
input,select,textarea{border:1px solid #aaa;-webkit-appearance: none;border-radius: 0}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}
input[type="password"]{font-family: sans-serif}
input[type="password"]::placeholder{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
input::placeholder{color:#999;font-weight:400}
textarea::placeholder{color:rgba(0,0,0,0.4);font-weight:400}
input,textarea:focus{outline: none}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
select::-ms-expand{display:none}
textarea{-ms-overflow-style:none;scrollbar-width:none}
textarea::-webkit-scrollbar{display:none}
input[type="radio"],input[type="checkbox"]{display: none}
input.disabled{cursor: auto;opacity: 1;color:#797979;border:1px solid #4a4a4a}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{-webkit-text-fill-color: rgba(0,0,0,0.8);-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset}
svg{display: block}

/*basic*/
.wra{width:100%}
.landingPage{overflow: hidden}

.header{position: fixed;height: 6.25em;top: 0;left: 0;width: 100%;z-index: 1000}
.header.active{background: #fff}
.header_logo{width: 10.25em}
.header_logo img{width:100%}
.header_logo .logo{display: none}
.header.active .header_logo .logo{display: block}
.header.active .header_logo .logo_w{display: none}
.header_section{max-width: 1800;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 20px;height: 100%;padding: 0 20px}

.header_appLinkBox{display: flex;align-items: center;justify-content: flex-end;gap: 16px}
.header_appLink{border: 1px solid #fff;border-radius: 10px;padding: 5px;height: 3.13em;min-width: 10.31em;display: flex;align-items: center;justify-content: center}
.header_appLink_img{display: none}
.header_appLinkBoxM{display: none}
.header.active .header_appLink{border-color: #0B0B0C}
.header.active .header_appLink_img_w{display: none}
.header.active .header_appLink_img{display: block}

.landing_section{min-height: 100vh}
.landing_section video{height: 100vh;object-fit: cover;display: block}

.serviceSlide_area{min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;padding: 6.25em 20px;max-width: 1760px;margin: 0 auto;gap: 15em}
.serviceSlide .swiper-slide{background: no-repeat center;background-size: cover}
.serviceSlide .swiper-slide[data-id="0"]{background-image: url(/assets/images/cover.png), url(/assets/images/service_img_0.png)}
.serviceSlide .swiper-slide[data-id="1"]{background-image: url(/assets/images/cover.png), url(/assets/images/service_img_1.png)}
.serviceSlide .swiper-slide[data-id="2"]{background-image: url(/assets/images/cover.png), url(/assets/images/service_img_2.png)}
/*.serviceSlide .swiper-slide[data-id="2"]{background-image: url(/assets/images/cover.png), url(/assets/images/service_img_2_item_0.png), url(/assets/images/service_img_2_item_1.png)}
.serviceSlide .swiper-slide[data-id="2"]{background-color: #73F7CA;background-size: cover, 25em, 25em;background-position: center,bottom 0 right 38em, bottom 0 right 10em;}*/
.serviceSlide_title{font-size: 3.5em;font-weight: 700;color:#fff}
.slide_controlBox{display: flex;gap: 16px;align-items: center;justify-content: flex-start}
.slide_controlBoxM{display: none}
.btn_slideControl{min-width: 49px;width: 49px;height: 49px}
.btn_slideControl img{width: 100%}
.serviceSlide_subTitle{font-size: 2.5em;font-weight: 700;color: #fff;margin: 25px 0 0}
.serviceSlide_text{font-size: 1.25em;margin: 20px 0 0;color: #fff}
.serviceSlide_box{max-width: 480px}

.app_detailSlide_imgBox{max-width: calc(300px + 3.75em);padding: 0 0 0 3.75em}
.app_detailSlide_imgBox img{width: 100%;transform: translateX(-6px)}
.app_detailSlide_title{font-weight: 700;font-size: 3.5em}
.app_detailSlide_text{font-size: 1.5em;margin: 20px 0 0}
.app_detailSlide_text + .slide_controlBox{margin: 2.5em 0 0}
.app_detailSlideItem{min-height: 100vh;max-width: 1270px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;justify-content: center;gap: 15em}
.app_detailSlide_area{padding: 80px 0 50px}

#landing_section_3{background: url(/assets/images/section_3_bg.png) no-repeat center;background-size: cover}
.app_detailArea{display: flex;align-items: center;max-width: 1760px;margin: 0 auto;padding: 60px 20px;gap: 9em;min-height: 100vh}
.app_detail_titleBox{max-width: 720px}
.app_detail_title{font-size: 3.5em;color: #fff;font-weight: 700}
.app_detail_text{color: rgba(255,255,255,0.8);font-size: 1.25em;margin: 20px 0 0}
.app_detail_caption{color: rgba(255,255,255,0.6);font-size: 0.875em;margin: 15px 0 0}
.app_detail_imgBox{max-width: 44.5em}
.app_detail_imgBox img{width: 100%}
.app_detail_imgM{display: none}

#landing_section_4{min-height: 0;background: #73F7CA;padding: 6.25em 20px 0;overflow: hidden}
.app_link_titleBox{text-align: center;padding: 0 20px}
.app_link_subTitle{font-size: 1.125em;margin: 0 0 5px}
.app_link_title{font-size: 2.13em;font-weight: 700}
.app_linkBox{display: flex;align-items: center;justify-content: center;gap: 20px;margin: 30px auto 0;max-width: 420px}
.applink{border-radius: 20px;border: 1px solid #0B0B0C;height: 3.88em;display: flex;align-items: center;justify-content: center;width: calc(50% - 10px);padding: 5px}
.app_link_imgBox{display: flex;align-items: flex-end;max-width: 987px;margin: 6.25em auto 0;gap: 1.88em}
.app_link_imgBox img{width: calc(33.33% - 1.25em)}

.footer_section{padding: 3.13em 20px 5em;max-width: 1800px;margin: 0 auto}
.footer_infoBox{margin: 2em 0 0;display: flex;flex-wrap: wrap;align-items: flex-start;max-width: 715px;gap: 3px 14px}
.footer_info{color: #464650;font-size: 13px;font-weight: 500}
.footer_infoBox span{display: block;opacity: 0.8;width: 1px;height: 12px;background: #D9D9D9;margin: 3px 0 0}

/*반응형*/
@media (max-width:1800px){

}
@media (max-width:1680px){
	
}
@media (max-width:1600px){
    html, body{font-size:15px}
}
@media (max-width:1440px){
    html, body{font-size:14px}
}
@media (max-width:1366px){
    html, body{font-size:13px}
}
@media (max-width:1280px){
    html, body{font-size:12px}
    #landing_section_3{min-height: 0;overflow: hidden}
    .app_detailArea{gap: 55px;flex-direction: column;padding: 60px 20px 180px;text-align: center}
    .app_detail_title{font-size: 26px}
    .app_detail_text{margin: 10px 0 0}
    .app_detail_caption{font-size: 13px;margin: 10px 0 0}
    .app_detail_imgM{display: block}
    .app_detail_imgPc{display: none}
}
@media (max-width:1152px){
    html, body{font-size:11px}
}
@media (max-width:1024px){
    html, body{font-size:13px}
}
@media (max-width:960px){
    .header{height: 65px}
    .header_logo{width:109px}
    .header_appLinkBoxPc{display: none}
    .header_appLinkBoxM{display: flex}
    .header_appLink img{max-width: 69%}
    .header_appLink.apple img{max-width: 59%}
    .header_appLink{min-width:110px;width: 110px;height: 34px}

    .landing_section{min-height: auto}
    .serviceSlide .swiper-slide[data-id="2"]{background-size: cover, 58%, 58%;background-position: center, bottom 0 left -28%, bottom 0 right -28%}

    .serviceSlide_area{padding: 50px 20px;gap: 50px}
    .serviceSlide_title{font-size: 26px}
    .slide_controlBox{gap: 8px}
    .btn_slideControl{min-width: 36px;width: 36px;height: 36px}
    .serviceSlide_subTitle{font-size: 26px;margin: 20px 0 0}
    .serviceSlide_text{margin: 10px 0 0;font-size: 15px}

    .app_detailSlideItem{flex-direction: column;gap: 40px;text-align: center;min-height: 0}
    .app_detailSlide_imgBox{padding: 0;max-width: 165px}
    .app_detailSlide_title{font-size: 26px}
    .app_detailSlide_text{font-size: 15px;margin: 10px 0 0}
    .app_detailSlide_area .slide_controlBox{justify-content: center;margin: 25px 0 0;padding: 0 20px}
    .slide_controlBoxPc{display: none}
    .slide_controlBoxM{display: flex}
        
    #landing_section_4{padding: 60px 0 0;overflow: hidden}
    .app_link_title{font-size: 26px}
    .app_linkBox{margin: 20px auto 0;max-width: 320px;gap: 10px}
    .applink{border-radius: 14px}
    .applink img{max-width: 69%}
    .app_link_imgBox{gap: 11px;max-width: none;width: calc(100vw + 380px);transform: translateX(-180px)}
    .applink.apple img{max-width: 59%}
    .footer_section{padding: 40px 20px 30px}
    .footer_section>img{width: 81px}
    .footer_infoBox{margin: 20px 0 0;flex-direction: column;flex-wrap: nowrap;gap: 10px}
    .footer_info{font-size: 12px}
    .footer_infoBox span,.footer_infoBox br{display: none}
}
@media (max-width: 720px){
    
}
@media (max-width: 650px){

}
@media (max-width: 550px){
    
}
@media (max-width: 490px){

}
@media (max-width: 400px){
}
@media (max-width: 340px){

}