.landing__learn{background-color:var(--color-body-bg-gray);padding-block:10rem}.landing__learn-title{margin-inline:auto;margin-bottom:3rem;max-width:77rem}.landing__learn-main{column-gap:3rem;display:flex;justify-content:space-between}.landing__learn-main-inner{column-gap:3rem;display:flex;flex:1;height:fit-content}.landing__learn-main-head{border-right:.1rem solid var(--color-green);flex-shrink:0;padding-right:3rem;width:30rem}.landing__learn-main-head-name{display:none}.landing__learn-main-head-list{display:flex;flex-direction:column;row-gap:4rem}.landing__learn-main-head-list-inner{align-items:center;display:flex;justify-content:space-between}.landing__learn-main-head-list-ic{flex-shrink:0;height:2rem;opacity:0;transform:translateX(-.5rem);transition:all .4s ease;width:2rem}.landing__learn-main-head-list-inner.active .landing__learn-main-head-list-ic{opacity:1;transform:none}.landing__learn-main-body{display:grid;flex:1}.landing__learn-main-body-item{grid-column:1/2;grid-row:1/2;opacity:0;pointer-events:none;transition:opacity .4s ease}.landing__learn-main-body-item p{font-size:var(--fs-18)!important;line-height:var(--lh-18)!important}.landing__learn-main-body-item.active{opacity:1;pointer-events:auto}.landing__learn-main-body-item-title{margin-bottom:3rem}.landing__learn-main-card{background-color:var(--color-white);flex-shrink:0;height:fit-content;width:37rem}.landing__learn-main-card-title{margin:3rem 3rem 0;position:relative}.landing__learn-main-card-arr{align-items:center;border:.2rem solid;border-radius:100vmax;display:flex;height:4rem;justify-content:center;left:0;position:absolute;top:calc(100% + 3rem);width:4rem;svg{transform:translateX(-.4rem);width:2rem}}.landing__learn-main-card-img{margin-top:-.6rem}.landing__learn-main-card-desc{margin:3rem}.landing__learn-card-btn{background-color:var(--color-yellow);display:block;margin-inline:3rem;margin-bottom:3rem;padding:1.7rem;transition:all .4s ease}.landing__learn-card-btn:hover{background-color:var(--color-green);color:var(--color-yellow)}@media only screen and (max-width:991px){.landing__learn{padding-block:6rem}.landing__learn-title{max-width:57rem}.landing__learn-main-head{width:20rem}.landing__learn-main-head-list{row-gap:2.4rem}.landing__learn-main-head-list-ic{height:1.8rem;width:1.8rem}.landing__learn-main-body-item-title{margin-bottom:2rem}.landing__learn-main-card{width:30rem}.landing__learn-main-card-title{font-size:var(--fs-h4);letter-spacing:var(--lsp-h4);line-height:var(--lh-h4)}.landing__learn-main-card-img{margin-top:-.2rem}.landing__learn-main-card-arr{height:3rem;width:3rem}.landing__learn-main-card-arr{svg{transform:translateX(-.2rem);width:1.6rem}}.landing__learn-main-card-desc{font-size:var(--fs-18);line-height:var(--lh-18)}}@media only screen and (max-width:767px){.landing__learn-main-card-title{font-size:var(--fs-h2);line-height:var(--lh-h2)}.landing__learn-main-inner{flex-direction:column}.landing__learn-main-head{border-right:unset;cursor:pointer;padding:unset;position:relative;width:100%;z-index:2}.landing__learn-main-head-name{align-items:center;background-color:var(--color-white);border:.2rem solid var(--color-green);column-gap:2rem;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative;z-index:2}.landing__learn-main-head-list{background-color:var(--color-white);opacity:0;pointer-events:none;position:absolute;row-gap:unset;top:100%;transform:translateY(-2rem);transition:all .4s ease;width:100%}.landing__learn-main-head-name-ic{flex-shrink:0;height:2rem;transform:rotate(90deg) translateX(-.3rem);width:2rem}.landing__learn-main-body{margin-top:3rem}.landing__learn-main-body-item-title{font-size:var(--fs-24);line-height:var(--lh-24)}.landing__learn-main-head-list-inner{border:.2rem solid var(--color-green);border-top:unset}.landing__learn-main-head-list-ic{display:none}.landing__learn-main-head-list-item{padding:1rem 1.5rem;width:100%}.landing__learn-main-body{z-index:1}.landing__learn-main-head.active .landing__learn-main-head-list{opacity:1;pointer-events:auto;transform:none}}@media only screen and (max-width:476px){.landing__learn-main{flex-direction:column}.landing__learn-main-card{margin-top:3rem;width:100%}}