/* --------------------------------login common-------------------------------- */
section .inner {max-width:940px; padding:0}
section .title {font-size:2rem; font-weight:700; color:#222; line-height:140%}
section .sub_title {font-size:1.5rem; font-weight:500; color:#222}
section .btn_type_01[disabled] {border:1px solid rgba(45, 84, 173, 0.2); color:rgba(45, 84, 173, 0.8); background-color:#fff}
#popup_all .title {font-weight:600}
#header .header_btm {display:none}
@media screen and (max-width:1024px) {
    section {display:flex; justify-content:center; align-items:center; height:calc(var(--var, 1vh) * 100); height:100svh}
    section .title {font-size:1.5rem}
    section .sub_title {font-size:1.25rem}
}
/* ----------------------------//login common end------------------------------- */


/* --------------------------------login-------------------------------- */
.login_sec {padding:8.75rem 0 6.25rem}
.login_sec .login_wrap{width:100%; max-width:460px; margin:0 auto; padding:8.75rem 2.5rem 6.25rem; gap:3.5rem; border-radius:1.875rem; background:#FFF; box-shadow:6px 6px 30px 2px rgba(0,64,153,0.12)}
.login_sec .title img{display:block; width:160px; margin:0 auto}
.login_sec .btn_wrap{flex-direction:column; align-items:center; margin:3.5rem auto 0; gap:.5rem}
.login_sec .btn_wrap [class^="btn_"]{width:100%; text-align:center; font-size:1rem; font-weight:600; line-height:135%; padding:1.1875rem 0; border-radius:1.25rem; position:relative}
/*.login_sec .btn_login_naver{background:#03C75A; color:#FFF}*/
.login_sec .btn_login_naver{background:#fff; color:#767678; border:1px solid #e6e6ea}
.login_sec .btn_login_kakao{background:#FEE500; color:#191919}
.login_sec .btn_login_apple{background:#000; color:#fff}
.login_sec .btn_login_email{background:#fff; color:#1A378D; border:1px solid rgba(45,84,173,0.2)}
.login_sec .btn_login::before{content:''; display:block; width:1.5rem; height:1.5rem; background-size:contain; background-repeat:no-repeat; background-position:center; position:absolute; top:50%; left:1rem; transform:translateY(-50%)}
/*.login_sec .btn_login_naver::before{background-image:url(/static/images/login/ico_naver.svg)}*/
.login_sec .btn_login_naver::before{background-image:url(/static/images/login/ico_naver_green.svg)}
.login_sec .btn_login_kakao::before{background-image:url(/static/images/login/ico_kakao.svg)}
.login_sec .btn_login_apple::before{background-image:url(/static/images/login/ico_apple.svg)}
.login_sec .btn_login_email::before{background-image:url(/static/images/login/ico_email.svg)}
.login_sec .btn_wrap .btn_join_email {display:inline-block; width:auto; padding:0.5rem 1rem; margin-top:0.5rem; border-radius:0; font-size:1rem; font-weight:500; color:#545454}
.login_sec .bnt_go_home{display:none; font-size:1rem; font-weight:500; color:#545454; width:88.88%; height:4rem; line-height:4rem; position:absolute; left:50%; bottom:2rem; transform:translateX(-50%); text-align:center}
/*이메일 로그인*/
.login_sec[data-layout="email"] h3 {display:none; margin-bottom:2.5rem; line-height:140%; font-size:1.65rem; font-weight:700; color:#222}
.login_sec[data-layout="email"] .login_wrap {padding:6.25rem 2.5rem 5rem}
.login_sec[data-layout="email"] .title {margin-bottom:3.5rem}
.login_sec[data-layout="email"] .form_wrap li:not(:last-child) {margin-bottom:0.5rem}
.login_sec[data-layout="email"] .input_wrap input {border:1px solid rgba(45, 84, 173, 0.1); background-color:#fff}
.login_sec[data-layout="email"] .btn_wrap {flex-direction:row; margin-top:0.5rem}
.login_sec[data-layout="email"] .btn_wrap button {width:100%}
.login_sec[data-layout="email"] .link_wrap {display:flex; justify-content:center; gap:0.375rem; margin-top:1.5rem}
.login_sec[data-layout="email"] .link_wrap a {padding:0.5rem; font-size:1rem; color:#666}
.login_sec[data-layout="email"] .link_wrap li {position:relative}
.login_sec[data-layout="email"] .link_wrap li:not(:last-child)::after {content:""; position:absolute; right:-0.1875rem; top:50%; width:1px; height:0.625rem; background-color:rgba(45, 84, 173, 0.1); transform:translateY(-50%)}
.login_sec[data-layout="email"] .alert_wrap {margin-top:0.5rem; text-align:center}
.login_sec[data-layout="email"] .alert {padding:0.5rem 0.5rem 0.375rem; color:#1A378D; font-size:1rem}
/*팝업*/
#popupPwd .title {font-weight:600}
@media screen and (max-width:1024px) {
    .login_sec {padding:0}
    .login_sec .login_wrap{border:none; box-shadow:none; padding:0}
    .login_sec .btn_wrap {gap:0.625rem; margin:5rem auto 0}
    .login_sec .btn_wrap [class^="btn_"]{border-radius:0.75rem; padding:1.33rem 0}
    .login_sec .btn_wrap .btn_join_email {padding:0.625rem}
    .login_sec .bnt_go_home{display:block}
    /*이메일 로그인*/
    .login_sec[data-layout="email"]  {height:calc(100vh - 5rem); padding:7.25vh 0 0 0; align-items:flex-start}
    .login_sec[data-layout="email"] h3 {display:block}
    .login_sec[data-layout="email"] .title {margin-bottom:2.5rem}
    .login_sec[data-layout="email"] .title img{width:100px}
    .login_sec[data-layout="email"] .login_wrap {max-width:unset; padding:0}
    .login_sec[data-layout="email"] .mo_wrap {padding:4.5rem 1.5rem 3.25rem; border-radius:1.875rem; background:#FFF; box-shadow:6px 6px 20px 2px rgba(0,64,153,0.12)}
    .login_sec[data-layout="email"] .link_wrap {margin-top:2.5rem}
}
/* ----------------------------//login end------------------------------- */


/* --------------------------------join-------------------------------- */
.join_sec {padding:8.75rem 0 6.25rem}
.join_sec .title {margin-bottom:2rem}
.join_sec .input_wrap[data-layout="text"] label {padding:0.5rem; font-size:1rem; color:#545454}
.join_sec .step_wrap {display:flex; gap:0.5rem; margin-bottom:2rem}
.join_sec .step_wrap li {display:flex; justify-content:center; align-items:center; width:1.5rem; height:1.5rem; line-height:100%; border-radius:50%; background-color:transparent/*웹 rgba(45, 84, 173, 0.10)*/; font-size:1rem; font-weight:700; color:#284FA8; /*웹x*/border:2px solid #1A378D;}
.join_sec .step_wrap li.on {background-color:#1A378D; color:#fff; /*웹x*/text-decoration: underline;}
/*유효성검사*/
.join_sec .valid_wrap {display:flex; gap:0.5rem; padding-left:0.5rem; color:#222 /*웹 888*/; font-weight:500; font-size:1rem}
.join_sec .valid_wrap li {display:flex; gap:0.25rem; align-items:center}
.join_sec .valid_wrap i {display:block; width:12px; height:12px; /*웹x background:url(/static/images/login/ico_valid.svg) no-repeat center/100% auto*/background:url(/static/images/temp/login_ico_valid.svg) no-repeat center/100% auto}
.join_sec .valid_wrap li.on {color:#284FA8}
.join_sec .valid_wrap li.on i {background-image:url(/static/images/login/ico_valid_on.svg)}
/*버튼*/
.join_sec .btn_wrap {margin-top:3.5rem; justify-content:space-between}
.join_sec .btn_wrap li {flex:200px 0 0}
/*체크박스*/
/*.join_sec .ck_wrap label {padding:0}*/
/*스텝별*/
.join_sec .step_01 .btn_wrap {justify-content:right}
.join_sec .step_02 .inner_wrap:first-of-type {margin-bottom:2.375rem}
.join_sec .step_02 .input_wrap:not(:last-child) {margin-bottom:0.5rem}
/*sns가입*/
.join_sec[data-layout="sns"] .btn_wrap {justify-content:right}
/*비번리셋*/
.join_sec[data-layout="reset"] .btn_wrap {justify-content:center}
@media screen and (max-width:1024px) {
    .join_sec {position:relative; height:calc(100svh - 5rem); padding:7.25vh 0 0 0; align-items:flex-start}
    .join_sec .inner {position:unset}
    .join_sec .title {margin-bottom:2.65rem}
    .join_sec .btn_wrap {position:absolute; left:50%; bottom:2rem; width:88.88%; transform:translateX(-50%)}
    .join_sec .btn_wrap li {flex:1}
}
/* --------------------------------//join-------------------------------- */


/* --------------------------------completed-------------------------------- */
.completed_sec {padding:8.75rem 0 6.25rem}
.completed_sec .inner {max-width:460px; text-align:center}
.completed_sec .title {margin-bottom:0.5rem}
.completed_sec .sub_title {color:#284FA8}
.completed_sec figure {width:200px; height:200px; margin:0 auto 2rem; background-size: 100% auto; background-repeat: no-repeat;}
.completed_sec .btn_wrap {margin-top:3.5rem}
/*가입완료*/
.completed_sec[data-layout="join"] .info_wrap {position:relative; margin-top:1.5rem; padding-top:1.5rem}
.completed_sec[data-layout="join"] .info_wrap::after {content:""; position:absolute; left:50%; top:0; width:20px; height:1px; transform:translateX(-50%); background-color:#E5E5E5}
.completed_sec[data-layout="join"] .info_wrap li {display:flex; align-items:center; gap:1rem; padding:1.125rem 1.25rem; border-radius:0.625rem; background-color:#F5F7FB}
.completed_sec[data-layout="join"] .info_wrap li:not(:last-child) {margin-bottom:0.5rem}
.completed_sec[data-layout="join"] .info_wrap i {display:block; width:16px; height:16px; background-size:100% auto; background-position:center; background-repeat:no-repeat}
.completed_sec[data-layout="join"] .info_wrap p {font-weight:500; color:#222; font-size:1rem}
.completed_sec[data-layout="join"] .info_wrap strong {font-weight:700; color:#284FA8}
.completed_sec[data-layout="join"] h4 {margin-bottom:1.5rem; font-size:1.25rem; font-weight:600; color:#222}
.completed_sec[data-layout="join"] h5 {margin-top:2rem; font-size:1rem; color:#666; line-height:140%}
.completed_sec[data-layout="join"] .btn_wrap ul {display: flex; width: 100%; gap: 0 .5rem; justify-content:space-between}
.completed_sec[data-layout="join"] .btn_wrap button {padding:0 1rem; line-height: inherit; word-break: keep-all}
/*리셋완료*/
.completed_sec[data-layout="reset"] .btn_wrap li {flex:200px 0 0}
@media screen and (max-width:1024px) {
    .completed_sec {position:relative; height:calc(100svh - 5rem); padding:0}
    .completed_sec .inner {position:unset}
    .completed_sec figure {width:100px; height:100px}
    .completed_sec .btn_wrap {position:absolute; left:50%; bottom:2rem; width:88.88%; margin-top:0; transform:translateX(-50%)}
    /*가입완료*/
    .completed_sec[data-layout="join"] {align-items:flex-start}
    .completed_sec[data-layout="join"] .info_wrap {margin-top:2rem; padding-top:2rem; margin-bottom: 142px;}
    .completed_sec[data-layout="join"] .info_wrap li {padding:1.25rem 1.5rem; gap:0.75rem}
    .completed_sec[data-layout="join"] .btn_wrap {position: fixed; background: #fff; bottom:0;     background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 25%, #FFF 100%); height: 142px; padding: 78px 0 0 0;}
    /*리셋완료*/
    .completed_sec[data-layout="reset"] .inner {padding-bottom:20vh}
    .completed_sec[data-layout="reset"] .btn_wrap li {flex:1}
}
/* --------------------------------//completed-------------------------------- */



/* --------------------------------find-------------------------------- */
.find_sec {padding:8.75rem 0 6.25rem 0}
.find_sec .inner {max-width:1060px}
.find_sec .title {margin-bottom:3.5rem}
.find_sec .sub_title {margin-bottom:1.5rem; font-size:1.25rem; font-weight:600}
.find_sec .find_wrap {display:flex; padding:3.75rem 0; border-radius:1.875rem; box-shadow:6px 6px 30px 2px rgba(0,64,153,0.12)}
.find_sec .find_wrap >li {flex:1; padding:0 5rem}
.find_sec .find_wrap >li:nth-child(1) {border-right:1px solid #D9D9D9}
.find_sec .input_wrap {margin-bottom:8px}
.find_sec .top {margin-bottom:1.5rem}
.find_sec .time_limit {position:absolute; right:1.5rem; top:50%; transform:translateY(-50%); font-size:1rem; color:#284FA8; font-weight:500}
@media screen and (max-width:1024px) {
    .find_sec {position:relative; height:calc(100svh - 5rem); padding:7.25vh 0 0 0; align-items:flex-start}
    .find_sec .sub_title {margin-bottom:1.125rem}
    .find_sec .find_wrap {flex-direction:column; padding:0; box-shadow:none}
    .find_sec .find_wrap >li {padding:0}
    .find_sec .find_wrap >li:nth-child(1) {margin-bottom:2rem; border-right:none}
}
/* --------------------------------//find-------------------------------- */


/* --------------------------------onboarding-------------------------------- */
.onboarding_sec {width:100%; height:calc(var(--var, 1vh) * 100); height:calc(100vh - 6.25rem); padding:0; overflow-x:hidden}
/*슬라이드 컨텐츠*/
.onboarding_sec .slide_wrap,
.onboarding_sec .slide_wrap .swiper-container,
.onboarding_sec .slide_wrap .swiper-wrapper{width:100%; height:100%}
.onboarding_sec .slide_wrap .swiper-slide {position:relative; width:100%; height:100%; opacity:0 !important; z-index:3; display:flex;flex-direction:column;justify-content:center;align-items:center; gap:2.5rem}
.onboarding_sec .slide_wrap .swiper-slide.swiper-slide-active {opacity:1 !important; z-index:5}
.onboarding_sec .slide_wrap .text_box{width:100%; max-width:754px; margin:0 auto}
.onboarding_sec .slide_wrap .text_box h2{color:#222; text-align:center; font-size:2rem; font-style:normal; font-weight:700; line-height:135%}
.onboarding_sec .slide_wrap .text_box p{color:#666; text-align:center; font-size:1.25rem; font-weight:500; line-height:135%; margin-top:.75rem}
.onboarding_sec .slide_wrap .text_box .ico{width:2.5rem; height:2.5rem; margin:2.5rem auto 1.5rem}
.onboarding_sec .slide_01 .ico{background:url(/static/images/login/ico_rocket.svg) no-repeat center/100% auto}
.onboarding_sec .slide_02 .ico{background:url(/static/images/login/ico_liked.svg) no-repeat center/100% auto}
.onboarding_sec .slide_03 .ico{background:url(/static/images/login/ico_handshake.svg) no-repeat center/100% auto}
.onboarding_sec .slide_04 .ico{background:url(/static/images/login/ico_target.svg) no-repeat center/100% auto}
.onboarding_sec .slide_wrap .img_box{position:relative; height:calc(711/940*100%); margin:0 auto; flex:1}
.onboarding_sec .slide_wrap .img{width:auto; height:100%; margin:0 auto; position:relative /*width:766px; height:711px; */}
.onboarding_sec .slide_wrap .img_box .txt{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;font-size:0;text-indent:-9999px;color:transparent;display:block}
.onboarding_sec .slide_01 .obj_wrap{width:calc(941/766*100%); padding-bottom:calc(398/766*100%); position:absolute; top:calc(198/711*100%); right:50%; transform:translateX(50%) translateY(20px); background:url(/static/images/login/onboarding_obj_01.png) no-repeat center/contain; transition:opacity .3s, transform .3s ease-in-out; opacity:0}
.onboarding_sec .slide_01 .obj_wrap.ani{opacity:1; transform:translateX(50%) translateY(0)}
.onboarding_sec .slide_02 .obj_wrap{width:100%; height:100%; position:absolute; bottom:0; right:50%; transform:translateX(50%)}
.onboarding_sec .slide_02 .obj{ opacity:0; transform:translateY(20px)}
.onboarding_sec .slide_02 .ani .obj{animation:fadeUp .3s forwards ease-in-out}
.onboarding_sec .slide_02 .ani .obj_03{animation-delay:0.05s; animation-duration:.4s}
.onboarding_sec .slide_02 .ani .obj_04{animation-delay:0.15s; animation-duration:.4s}
.onboarding_sec .slide_02 .obj_01{position:absolute; top:calc(274/711*100%); left:calc(60/766*100%); width:calc(487.5/766*100%); padding-bottom:calc(371/766*100%); background:url(/static/images/login/onboarding_obj_02_01.png) no-repeat center left/contain}
.onboarding_sec .slide_02 .obj_02{position:absolute; top:calc(112/711*100%); right:calc(-28/766*100%); width:calc(486.5/766*100%); padding-bottom:calc(280/766*100%); background:url(/static/images/login/onboarding_obj_02_02.png) no-repeat center/contain}
.onboarding_sec .slide_02 .obj_03{position:absolute; top:calc(355/711*100%); right:calc(-24/766*100%); width:calc(203/766*100%); padding-bottom:calc(217.5/766*100%); background:url(/static/images/login/onboarding_ico_02_01.png) no-repeat center/100% auto}
.onboarding_sec .slide_02 .obj_04{position:absolute; top:calc(102/711*100%); left:calc(30/766*100%); width:calc(207/766*100%); padding-bottom:calc(217.5/766*100%); background:url(/static/images/login/onboarding_ico_02_02.png) no-repeat center/100% auto}
.onboarding_sec .slide_03 .obj_wrap{width:100%; height:100%; position:absolute; bottom:0; right:50%; transform:translateX(50%)}
.onboarding_sec .slide_03 .obj{ opacity:0; transform:translateY(20px)}
.onboarding_sec .slide_03 .ani .obj{animation:fadeUp .3s forwards ease-in-out}
.onboarding_sec .slide_03 .obj_01{position:absolute; top:calc(85/711*100%); right:calc(-38/766*100%); width:calc(223/766*100%); padding-bottom:calc(246/766*100%); background:url(/static/images/login/onboarding_obj_03_01.png) no-repeat center/100% auto}
.onboarding_sec .slide_03 .obj_02{position:absolute; top:calc(276/711*100%); left:calc(50/766*100%); width:calc(223/766*100%); padding-bottom:calc(246/766*100%); background:url(/static/images/login/onboarding_obj_03_02.png) no-repeat center/100% auto}
.onboarding_sec .slide_03 .obj_03{position:absolute; top:calc(419/711*100%); right:calc(36/766*100%); width:calc(223/766*100%); padding-bottom:calc(246/766*100%); background:url(/static/images/login/onboarding_obj_03_03.png) no-repeat center/100% auto}
.onboarding_sec .slide_03 .ani .obj_02{animation-delay:0.05s}
.onboarding_sec .slide_03 .ani .obj_03{animation-delay:0.15s}
.onboarding_sec .slide_04 .obj_wrap{width:100%; height:100%; position:absolute; bottom:0; right:50%; transform:translateX(50%)}
.onboarding_sec .slide_04 .obj{ opacity:0; transform:translateY(20px)}
.onboarding_sec .slide_04 .ani .obj{animation:fadeUp .3s forwards ease-in-out}
.onboarding_sec .slide_04 .obj_01{position:absolute; top:calc(422/711*100%); left:calc(60/766*100%); width:calc(165/766*100%); padding-bottom:calc(188/766*100%); background:url(/static/images/login/onboarding_obj_04_01.png) no-repeat center/100% auto}
.onboarding_sec .slide_04 .obj_02{position:absolute; top:calc(-18/711*100%); left:calc(160/766*100%); width:calc(158/766*100%); padding-bottom:calc(178/766*100%); background:url(/static/images/login/onboarding_obj_04_02.png) no-repeat center/100% auto}
.onboarding_sec .slide_04 .obj_03{position:absolute; top:calc(290/711*100%); right:calc(-44/766*100%); width:calc(253/766*100%); padding-bottom:calc(269/766*100%); background:url(/static/images/login/onboarding_obj_04_03.png) no-repeat center/100% auto}
.onboarding_sec .slide_04 .ani .obj_01{animation-delay:0.05s}
.onboarding_sec .slide_04 .ani .obj_03{animation-delay:0.15s}
.onboarding_sec .slide_wrap .swiper-pagination-wrap{display:flex; gap:.5rem; position:absolute; left:50%; bottom:120px; transform:translate(-50%,0); z-index:10}
.onboarding_sec .slide_wrap .swiper-pagination-bullet{display:block; width:6px; height:6px; background-color: #5F89EB/*웹#949494*//*#D5DDEF*/; opacity:1; border-radius:100%}
.onboarding_sec .slide_wrap .swiper-pagination-bullet-active{background-color:#0547E0;;width:1.5rem;border-radius:4px;/*웹x*/}
.onboarding_sec .underline::before{background-color:#0547E0}
/*하단 버튼*/
.onboarding_sec .btn_wrap {width:100%; height:174px; padding:78px 0 0 0; background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 25%, #FFF 100%);
   position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:8}
.onboarding_sec .btn_wrap > ul{width:100%; max-width:408px; height:4rem; margin:0 auto; display:flex; align-items:center; flex-direction:row; justify-content:center; gap:.5rem; padding:0 16px;}
.onboarding_sec .btn_wrap [class^="btn_type"]{flex:1}
.onboarding_sec .btn_start{display:none}

@media screen and (min-width:1024.1px) and (max-height:1060px) {
    .onboarding_sec .slide_wrap .swiper-slide{gap:1.5rem}
    .onboarding_sec .slide_wrap .img_box{height:calc(100vh - 20rem)}
} /* md ~ lg */
@media screen and (max-width:1024px) {
    .onboarding_sec{height:calc(var(--var, 1vh) * 100); height:100svh}
    .onboarding_sec .slide_wrap .swiper-slide{gap:3.34rem}
    .onboarding_sec .slide_wrap .text_box{min-height:16.67rem}
    .onboarding_sec .slide_wrap .text_box .ico{margin:76px auto 1.5rem}
    .onboarding_sec .slide_wrap .img_box{height:calc(100vh - 20rem); max-height:813px; /*height:calc(560/724*100%)*/}
    /*.onboarding_sec .slide_wrap .img{width:360.5px; height:auto}*/
    .onboarding_sec .slide_01 .obj_wrap{width:calc(360/360.5*100%); padding-bottom:calc(223/360.5*100%); top:calc(186/560*100%); background:url(/static/images/login/onboarding_obj_01_mo.png) no-repeat center/100% auto}
    .onboarding_sec .slide_02 .obj_wrap{width:100%; /*max-width:360.5px; */}
    .onboarding_sec .slide_02 .obj_01{width:calc(322/360.5*100%); padding-bottom:calc(277/360.5*100%); top:calc(136/360.5*100%); left:calc(21/360.5*100%); background:url(/static/images/login/onboarding_obj_02_01_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_02 .obj_02{width:calc(328/360.5*100%); padding-bottom:calc(207.5 / 360.5* 100%); top:16%; right:calc(-56/360.5*100%); background:url(/static/images/login/onboarding_obj_02_02_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_02 .obj_03{position:absolute; top:calc(355/711*100%); right:0; width:calc(91/360.5*100%); padding-bottom:calc(141/360.5*100%); background:url(/static/images/login/onboarding_ico_02_01_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_02 .obj_04{position:absolute; top:calc(102/711*100%); left:calc(16/766*100%); width:calc(148/360.5*100%); padding-bottom:calc(157/360.5*100%); background:url(/static/images/login/onboarding_ico_02_02_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_03 .obj_01{width:calc(106/360.5*100%); padding-bottom:calc(178/360.5*100%); top:calc(48/360.5*100%); right:0; background:url(/static/images/login/onboarding_obj_03_01_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_03 .obj_02{width:calc(158/360.5*100%); padding-bottom:calc(175/360.5*100%); top:calc(150/360.5*100%); left:calc(8/360.5*100%); background:url(/static/images/login/onboarding_obj_03_02_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_03 .obj_03{width:calc(106/360.5*100%); padding-bottom:calc(178/360.5*100%); top:calc(222/360.5*100%); right:calc(-2/360.5*100%); background:url(/static/images/login/onboarding_obj_03_03_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_04 .obj_01{width:calc(118/360.5*100%); padding-bottom:calc(127/360.5*100%); top:calc(204/360.5*100%); left:calc(25/360.5*100%); background:url(/static/images/login/onboarding_obj_04_01_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_04 .obj_02{width:calc(118/360.5*100%); padding-bottom:calc(127/360.5*100%); top:calc(-4/360.5*100%); left:calc(130/360.5*100%); background:url(/static/images/login/onboarding_obj_04_02_mo.png) no-repeat center/contain}
    .onboarding_sec .slide_04 .obj_03{width:calc(109/360.5*100%); padding-bottom:calc(137/360.5*100%); top:calc(84/360.5*100%); right:calc(-2/360.5*100%); background:url(/static/images/login/onboarding_obj_04_03_mo.png) no-repeat center/contain}
    .onboarding_sec .btn_wrap{height:142px}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
    .onboarding_sec .btn_wrap > ul{height:3.42rem}
    .onboarding_sec .btn_wrap [class^="btn_type"]{height:3.42rem; line-height:3.42rem}
}/* md */
@media screen and (max-width:767px) {
    /*.onboarding_sec .slide_wrap .img{max-height:571px}*/
}/* sm */
@media screen and (max-width:500px) {
}/* sm */


@keyframes fadeUp {
    0%{opacity:0; transform:translateY(20px)}
    100%{opacity:1; transform:translateY(0)}
}
@keyframes fadeUpCenter {
    0%{opacity:0; transform:translateX(50%) translateY(20px)}
    100%{opacity:1; transform:translateX(50%) translateY(0)}
}
/* --------------------------------onboarding end-------------------------------- */