.bg_class {background-image:url(/public/test/images/class/bg_class.webp), -webkit-linear-gradient(180deg, #7CEDE9 0%, #D3F8BB 20.19%, #FFE5AD 39.42%, #F5CCCC 59.62%, #FFC1D5 80.77%, #7CEDE9 100%); background-image:url(/public/test/images/class/bg_class.webp), linear-gradient(180deg, #7CEDE9 0%, #D3F8BB 20.19%, #FFE5AD 39.42%, #F5CCCC 59.62%, #FFC1D5 80.77%, #7CEDE9 100%); background-repeat:no-repeat, no-repeat; background-position:top center,top center; background-size:100% auto, 100% auto}
.bg_apply {background-image:url(/public/test/images/class/bg_apply.webp), -webkit-linear-gradient(180deg, #FFF1FA 9.13%, #FCFFE3 100%); background-image:url(/public/test/images/class/bg_apply.webp), linear-gradient(180deg, #FFF1FA 9.13%, #FCFFE3 100%); background-repeat:no-repeat, no-repeat; background-position:top center,top center; background-size:100% auto, 100% auto}
.bg_card {background:url(/public/test/images/class/bg_card.webp) no-repeat top center /100% auto}
@media screen and (max-width:767px) {
    .bg_card {background:url(/public/test/images/class/bg_card_mo.webp) no-repeat  center bottom /100% auto}
}/* md */



/* --------------------------------common-------------------------------- */
/* 자주묻는질문 */
.faq_list {margin-top:4.5rem}
.faq_list > li {margin-bottom:1.5rem}
.question {width:100%; padding:1.5rem 2rem; border-radius:1.875rem; border:1px solid #B6B6B6; background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%); box-shadow:10px 12px 16px 0 #59595933; text-align:left; color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px; position:relative; display:flex; justify-content:flex-start; align-items:center; gap:1.5rem; margin-bottom:1rem}
.question span {flex:1}
.question::before {content:''; display:block; width:2.375rem; height:3.625rem; background:url(/public/test/images/class/ico_question.png) no-repeat center/ contain; flex-shrink:0}
.question::after {content:''; display:block; width:2.375rem; height:3.625rem; background:url(/public/test/images/class/ico_faq_color.png) no-repeat center/ contain; flex-shrink:0; transition:all 0.15s ease}
.faq_list .on .question::after{transform:scaleY(-1)}
.answer {display:none; padding:1.5rem 2rem; border-radius:1.875rem; border:1px solid #D4655E; background:#425A54; box-shadow:10px 12px 16px 0 #00000026 inset; margin-left:6.7%; color:#FFF; text-shadow:4px 4px 8px #404040cc; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px; position:relative}
.answer p {display:block; width:100%; padding:0 7.75rem 0 3.75rem}
.answer::before {content:''; display:block; width:2.5rem; height:2.6875rem; background:url(/public/test/images/class/ico_answer.png) no-repeat center/ contain; flex-shrink:0; position:absolute; top:1.6rem; left:2rem}
/*.answer::after {content:''; display:block; width:2.25rem; height:2.25rem; background:url(/public/test/images/class/ico_faq.png) no-repeat center/ contain; position:absolute; top:50%; right:2rem; transform:translateY(-50%)}*/
@media screen and (max-width:1024px) {
    .question {padding:1.34rem; line-height:2rem; gap:1rem; border-radius:1.34rem}
    .question::before {width:1.34rem; height:2rem}
    .question::after {width:2rem; height:2rem}
    .answer {padding:1.34rem; border-radius:1.34rem; margin-left:0}
    .answer::before {width:1.34rem; height:2rem; left:1.34rem; top:1.68rem}
    /*.answer::after {width:2rem; height:2rem; right:1.34rem}*/
    .answer p {padding:0 4rem 0 2.33rem}
}/* md */


/* 버튼 */
.sec_class .btn_wrap {position:relative; min-width:400px; width:calc(660/1504*100%); margin:0 auto; transition:all .15s ease-in-out}
.sec_class .btn_apply {border-radius:40px; border:4px solid #324D46; background:linear-gradient(0deg,#425A54 0%,#1D4138 100%),radial-gradient(52.15% 50.15% at 50% 50%,#FFF 0%,#F1F1F1 100%); box-shadow:16px 12px 24px 0 #0000001a; overflow:hidden; display:inline-flex; justify-content:center; align-items:center; width:100%; height:9.125rem; line-height:9.125rem; flex-direction:column; gap:1.25rem; position:relative; transition:all .15s ease-in-out; transform-origin:center}
.sec_class .btn_wrap:hover {width:calc(700/1504*100%); transform:translateY(-5px)}
.sec_class .btn_wrap:hover .btn_apply {box-shadow:16px 12px 24px 0 rgba(0, 0, 0, 0.29); /*border-color:#fff; height:10rem; line-height:10rem; */}
.sec_class .btn_apply::before {content:''; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(120deg,#fff3 0%,#fff0 70%); transform:skewX(-20deg); transition:left .5s ease}
.sec_class .btn_apply:hover::before {left:125%}
.sec_class .btn_apply span {color:#FFF; text-align:center; font-size:1.5rem; font-weight:500; line-height:1; letter-spacing:-.72px; display:block}
.sec_class .btn_apply span b {font-weight:700}
.sec_class .btn_apply span.ico {font-size:2rem; font-weight:700; line-height:1; letter-spacing:-.96px; display:inline-flex; justify-content:center; align-items:center; gap:.5rem}
.sec_class .btn_apply span.ico::after {content:''; display:block; width:1.5625rem; height:1.5625rem; background:url(/public/test/images/common/ico_btn_next2.png) no-repeat center / contain}

@media screen and (max-width:1024px) {
    .sec_class .btn_wrap {width:calc(240/328*100%); max-width:60%}
    .sec_class .btn_apply {border-radius:1.34rem; gap:0.84rem; height:6.17rem; line-height:6.17rem}
    .sec_class .btn_apply span {font-size:1rem}
    .sec_class .btn_apply span.ico {font-size:1.34rem}
    .sec_class .btn_apply span.ico::after {width:1.17rem; height:1.17rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_class .btn_wrap {min-width:240px}
    .sec_class .btn_apply {gap:0.34rem}
}/* sm */
/* --------------------------------common-------------------------------- */



/* --------------------------------sec_class_01-------------------------------- */
.sec_class_01 .inner {text-align:center; padding:5.125rem 0 2.9375rem}
.sec_class_01 .inner > i.ico:nth-of-type(1) {display:block; width:calc(316.5/1504*100%); aspect-ratio:316.5/305; background:url(/public/test/images/class/sec_01_img_01.webp) no-repeat center/contain; position:absolute; top:calc(26/1682*100%); left:-1.125rem}
.sec_class_01 .inner > i.ico:nth-of-type(2) {display:block; width:calc(316.5/1504*100%); aspect-ratio:316.5/305; background:url(/public/test/images/class/sec_01_img_02.webp) no-repeat center/contain; position:absolute; top:calc(510/1682*100%); right:0}
.sec_class_01 .inner > i.ico:nth-of-type(3) {display:block; width:calc(316.5/1504*100%); aspect-ratio:316.5/305; background:url(/public/test/images/class/sec_01_img_03.webp) no-repeat center/contain; position:absolute; bottom:calc(244/1682*100%); left:calc(56/1504*100%)}
.sec_class_01 .sec_tit {/*color:#C85B60; text-align:center; font-family:"Sandoll Hoyoyo2 TTF"; text-shadow:10px 12px 16px #0000001a; font-size:4.5rem; font-weight:900; line-height:120%; display:inline-block; margin:0 auto 6.5rem; */position:relative; margin:0 auto 1.5rem; width:calc(742/1504*100%); max-width:742px; padding-left:calc(56/1504*100%)}
.sec_class_01 .sec_tit img {margin:0 auto}
.sec_class_01 .sec_desc {position:relative; display:inline-block}
.sec_class_01 .sec_desc p {text-align:center; position:relative; color:#333; font-size:2rem; font-weight:500; line-height:160%; letter-spacing:-.96px}
.sec_class_01 .underline {font-weight:700; position:relative; z-index:2}
.sec_class_01 .underline::after {content:''; display:block; width:0; height:1rem; background-color:#FCFF5F; position:absolute; bottom:0; left:0; z-index:-1}
.sec_class_01 .active p .underline::after {animation:underline 0.7s 0.5s forwards ease-in-out}
.slide_wrap {width:90%; max-width:560px; margin:5.5rem auto 0}
.slide_list {display:flex; flex-direction:column; align-items:center; gap:1.75rem}
.slide_item {padding:1.25rem 2.5rem; text-align:center; width:max-content; opacity:.5; transition:all .3s ease; border-radius:300px; border:2px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); box-shadow:10px 12px 16px 0 #0000001a; color:#757575; font-size:1.5rem; font-weight:600; line-height:160%; letter-spacing:-.72px}
.slide_item.active {padding:1.5rem 4rem; background-color:#fff; font-weight:700; opacity:1; box-shadow:0 8px 20px #0000001a; transform:scale(1.03); font-size:2rem; color:#009752}


@media screen and (max-width:1024px) {
    .sec_class_01 .inner {padding:2.17rem 0 4.67rem}
    .sec_class_01 .inner > i.ico:nth-of-type(1) {top:2.67rem; left:0}
    .sec_class_01 .inner > i.ico:nth-of-type(2),
    .sec_class_01 .inner > i.ico:nth-of-type(3) {display:none}
    .sec_class_01 .sec_tit {width:calc(242/328*100%); max-width:363px; padding-left:calc(22/328*100%)}
    .sec_class_01 .sec_desc p {font-size:1.34rem}
    .slide_wrap {margin:4rem auto 0}
    .slide_list {gap:1.34rem}
    .slide_item {font-size:1rem; padding:0.84rem 1rem}
    .slide_item.active {font-size:1.17rem; padding:0.84rem 1.34rem}

}/* md */
/* --------------------------------sec_class_01 end-------------------------------- */


/* --------------------------------sec_class_02-------------------------------- */
.sec_class_02 .inner {padding:3.25rem 0 0}
.sec_class_02 .inner > i.ico:nth-of-type(1) {display:block; width:calc(316.5/1504*100%); aspect-ratio:316.5/305; background:url(/public/test/images/class/sec_02_img_01.webp) no-repeat center/contain; position:absolute; top:calc(279/860*100%); left:-5.125rem}
.sec_class_02 .inner > i.ico:nth-of-type(2) {display:block; width:calc(235.5/1504*100%); aspect-ratio:235.5/227; background:url(/public/test/images/class/sec_02_img_02.webp) no-repeat center/contain; position:absolute; bottom:calc(-34/860*100%); right:0}
.sec_class_02 .sec_tit {position:relative; margin:0 auto 2rem; width:calc(693/1504*100%)}
.sec_class_02 .tit_wrap i.ico {display:block; width:11.1875rem; aspect-ratio:179/241; background:url(/public/test/images/class/sec_02_ico_01.webp) no-repeat center/contain; position:absolute; bottom:0; right:0; transform:translate(calc(100% - 36px), calc(100% - 140px))}
.sec_class_02 .campaign_stats {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:3rem}
.sec_class_02 .campaign_stat_label {color:#333; text-align:center; font-size:2rem; font-weight:500; line-height:160%; letter-spacing:-.96px; position:relative}
.sec_class_02 .campaign_stat_label i.ico {display:block; width:5.0625rem; aspect-ratio:81/77; background:url(/public/test/images/class/sec_02_ico_02.png) no-repeat center/contain; position:absolute; top:0; left:0; transform:translate( calc( -100% + 0.5rem), calc(-100% + 1.25rem))}
.sec_class_02 .stat_number_wrap {display:flex; justify-content:center; align-items:center; gap:0.75rem; font-size:3rem; font-weight:700; list-style:none; padding:0; margin:0.5rem auto 0}
.sec_class_02 .stat_number_wrap span {color:#333; text-align:center; font-size:2rem; font-weight:500; line-height:160%; letter-spacing:-.96px}
.sec_class_02 .stat_number_list {display:flex; justify-content:center; align-items:center; gap:0.75rem; font-size:3rem; font-weight:700; list-style:none; padding:0; margin:0}
.sec_class_02 .stat_number_list .stat_digit {padding:0.875rem 1.0625rem; border-radius:1rem; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%),#FFF; box-shadow:10px 12px 16px 0 #0000001a; display:inline-block; text-align:center; transition:all .2s ease-in-out; color:#009752; font-size:3.5rem; font-weight:700; line-height:120%; letter-spacing:-1.68px}
.sec_class_02 .rolling_section {padding:9.25rem 0 10.375rem}
.sec_class_02 .rolling_wrap {display:grid; grid-template-rows:repeat(4,auto); gap:2rem; width:100%; margin:0 auto}
.sec_class_02 .rolling_line {display:flex; width:max-content; gap:2.5rem; flex-wrap: nowrap; white-space: nowrap; animation-timing-function: linear; animation-iteration-count: infinite; will-change: transform}
/*.sec_class_02 .rolling_line.rolling_1 {animation:roll_left 30s linear infinite}*/
/*.sec_class_02 .rolling_line.rolling_2 {animation:roll_right 36s 0.15s linear infinite}*/
.sec_class_02 .rolling_line.rolling_1 li,
.sec_class_02 .rolling_line.rolling_2 li {padding:0 40px; width:auto; height:5.5rem; line-height:5.5rem; border-radius:300px; border:1px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); box-shadow:10px 12px 16px 0 #0000001a}
.sec_class_02 .rolling_line.rolling_1 li figure,
.sec_class_02 .rolling_line.rolling_2 li figure {display:inline-flex; justify-content:center; align-items:center; flex-direction:row; gap:.5rem}
.sec_class_02 .rolling_line.rolling_1 li figure img,
.sec_class_02 .rolling_line.rolling_2 li figure img {width:3rem; height:3rem; display:block; object-fit:contain}
.sec_class_02 .rolling_line.rolling_3 { /*animation:roll_left 32s linear infinite; */margin:4.75rem 0 0}
/*.sec_class_02 .rolling_line.rolling_4 {animation:roll_right 32s linear infinite}*/
.sec_class_02 .rolling_line.rolling_3 li,
.sec_class_02 .rolling_line.rolling_4 li {width:calc(476/1920*100%); max-width:476px}
.sec_class_02 .rolling_line.rolling_3 li img,
.sec_class_02 .rolling_line.rolling_4 li img {border-radius:34px; overflow:hidden; box-shadow:10px 12px 16px 0px rgba(0, 0, 0, 0.10)}

@keyframes roll_left {
    0% {
        transform:translateX(0%); 
    }
    100% {
        transform:translateX(-50%); 
    }
}
@keyframes roll_right {
    0% {
        transform:translateX(-50%); 
    }
    100% {
        transform:translateX(0%); 
    }
}


@media screen and (max-width:1024px) {
    .sec_class_02 .inner {padding:3.34rem 0 0}
    .sec_class_02 .inner > i.ico:nth-of-type(1) {top:0; left:-3.4rem; width:calc(80/328*100%)}
    .sec_class_02 .inner > i.ico:nth-of-type(2) {bottom:-1.67rem; right:-3.4rem; width:calc(68/328*100%)}
    .sec_class_02 .sec_tit {width:calc(259/328*100%); max-width:340px}
    .sec_class_02 .tit_wrap i.ico {width:6.17rem; transform:translate(calc(100% - 2rem), calc(100% - 4rem)) rotate(15deg)}
    .sec_class_02 .campaign_stats {gap:1.34rem}
    .sec_class_02 .stat_number_wrap {gap:0.67rem; margin:0.67rem auto 0}
    .sec_class_02 .campaign_stat_label,
    .sec_class_02 .stat_number_wrap span {font-size:1.34rem}
    .sec_class_02 .campaign_stat_label i.ico {width:2.67rem}
    .sec_class_02 .stat_number_list .stat_digit {font-size:2.67rem; padding:0 0.75rem; height:4.67rem; line-height:4.67rem; border-radius:0.67rem}
    .sec_class_02 .rolling_section {padding:4rem 0 5.34rem}
    .sec_class_02 .rolling_wrap {gap:1.34rem}
    .sec_class_02 .rolling_line {gap:1.34rem}
    .sec_class_02 .rolling_line.rolling_1 li,
    .sec_class_02 .rolling_line.rolling_2 li {padding:0 2rem; height:3.67rem; line-height:3.67rem}
    .sec_class_02 .rolling_line.rolling_1 li figure,
    .sec_class_02 .rolling_line.rolling_2 li figure {gap:0.67rem}
    .sec_class_02 .rolling_line.rolling_1 li figure img,
    .sec_class_02 .rolling_line.rolling_2 li figure img {width:2.34rem; height:2.34rem}
    .sec_class_02 .rolling_line.rolling_1 li figcaption,
    .sec_class_02 .rolling_line.rolling_2 li figcaption {font-size:1.34rem}
    .sec_class_02 .rolling_line.rolling_3 {margin-top:2rem}
    .sec_class_02 .rolling_line.rolling_3 li,
    .sec_class_02 .rolling_line.rolling_4 li {width:calc(238/326*100%); max-width:238px}
    .sec_class_02 .rolling_line.rolling_3 li img,
    .sec_class_02 .rolling_line.rolling_4 li img {border-radius:17px}


    }/* md */
@media screen and (max-width:767px) {

}/* sm */
/* --------------------------------sec_class_02 end-------------------------------- */


/* --------------------------------sec_class_03 -------------------------------- */
.sec_class_03 .inner {padding:7rem 0 9.125rem; text-align:center}
.sec_class_03 .tit_wrap {position:relative}
.sec_class_03 .tit_wrap i.ico {display:block; width:calc(350.5/1504*100%); aspect-ratio:350.5/309.5; background:url(/public/test/images/class/sec_03_img.webp) no-repeat center/contain; position:absolute; bottom:0; right:0; transform:translateY(7.5rem)}
.sec_class_03 .sec_tit {position:relative; margin:0 0 2rem; width:calc(1063/1504*100%)}
.sec_class_03 .cont_wrap {margin:5.25rem auto 9.625rem}
.sec_class_03 .message_wrap {width:100%; display:flex; justify-content:flex-start; align-items:stretch; gap:3.5rem}
.sec_class_03 .message_wrap.left {margin-left:calc(55/1504*100%)}
.sec_class_03 .message_wrap.right {margin-top:3.875rem; margin-left:calc(187/1504*100%)}
.sec_class_03 .message {display:inline-block; width:auto; max-width:643px; padding:1.5rem 2rem; border-radius:30px; border:1px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#F2F1E4 100%); filter:drop-shadow(5px 10px 10px #00000026); text-align:left; position:relative}
.sec_class_03 .message figure {display:flex; justify-content:space-between; align-items:flex-start; gap:1rem}
.sec_class_03 .message figure img {max-width:8.875rem; aspect-ratio:1; object-fit:contain; align-self:center}
.sec_class_03 .message figcaption {flex:1}
.sec_class_03 .message figcaption p {color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px}
.sec_class_03 .message figcaption span {color:#F1F1F1; font-size:1rem; font-weight:500; line-height:160%; letter-spacing:-.48px; border-radius:300px; background:#425A54; padding:.5rem 1rem; margin-top:1rem; display:inline-block}
.sec_class_03 .message.left::after {content:''; display:block; width:3.375rem; height:2.3125rem; background:url(/public/test/images/class/ico_bubble_1.png) no-repeat top center / contain; position:absolute; bottom:0; left:6.625rem; transform:translateY(100%)}
.sec_class_03 .message.right::after {content:''; display:block; width:3.375rem; height:2.3125rem; background:url(/public/test/images/class/ico_bubble_2.png) no-repeat top center / contain; position:absolute; bottom:0; right:6.625rem; transform:translateY(100%)}
.sec_class_03 .btn_wrap .bubble {position:absolute; top:-2rem; left:-4.625rem; transform:translate(0,0); padding:1rem 1.5rem; border-radius:1.875rem; border:1px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%),#FFF; z-index:2; color:#333; text-align:center; font-size:1rem; font-weight:500; line-height:160%; letter-spacing:-.48px}
.sec_class_03 .btn_wrap .bubble::before {content:''; display:block; width:4.125rem; aspect-ratio:316.5 / 305; background:url(/public/test/images/class/sec_01_img_03.webp) no-repeat center / contain; position:absolute; left:-2.2rem; transform:rotate(35deg); top:-1.5rem}
.sec_class_03 .btn_wrap .bubble::after {content:''; display:block; width:1.875rem; height:1.3125rem; background:url(/public/test/images/lab/ico_bubble_1.png) no-repeat top center / contain; position:absolute; bottom:0; right:3.5rem; transform:translateY(100%)}

@media screen and (min-width:1024.1px) {
    .sec_class_03 .message_wrap.left .message:nth-of-type(1) {width:calc(590/1504*100%)}
    .sec_class_03 .message_wrap.left .message:nth-of-type(2) {width:calc(564/1504*100%)}
    .sec_class_03 .message_wrap.right .message:nth-of-type(1) {width:calc(618/1504*100%)}
    .sec_class_03 .message_wrap.right .message:nth-of-type(2) {width:calc(643/1504*100%)}
}/* lg */
@media screen and (max-width:1500px) {
    .sec_class_03 .message_wrap {gap:2rem}
    .sec_class_03 .message figure img {max-width:6rem}
    .sec_class_03 .message figcaption p {font-size:1.34rem}
}/* md */
@media screen and (max-width:1024px) {
    .sec_class_03 .inner {padding:3.34rem 0 5.34rem}
    .sec_class_03 .tit_wrap {text-align:center}
    .sec_class_03 .tit_wrap i.ico {width:calc(100/328*100%); bottom:unset; top:-7.34rem; right:-5.6rem; transform: none}
    .sec_class_03 .sec_tit {width:calc(239 / 328 * 100%); max-width:360px; min-width:unset; margin:0 auto}
    .sec_class_03 .cont_wrap {width:calc(296/360*100%); margin:2.67rem auto 3.34rem}
    .sec_class_03 .message_wrap.left,
    .sec_class_03 .message_wrap.right {margin-left:0}
    .sec_class_03 .message_wrap.right {margin-top:2rem}
    .sec_class_03 .message {width:calc((100% - 1rem)/2); max-width:unset; padding:2rem; text-align:center}
    .sec_class_03 .message.left::after,
    .sec_class_03 .message.right::after {display:none}
    .sec_class_03 .message figure {flex-direction:column; height:100%; align-items:center; gap:1.34rem}
    .sec_class_03 .message figcaption {display:flex; flex-direction:column; justify-content:space-between; align-items:center}
    .sec_class_03 .btn_wrap .bubble {display:none}
}/* md */
@media screen and (max-width:767px) {
    .sec_class_03 .message_wrap {flex-direction:column}
    .sec_class_03 .message {width:100%}
}/* sm */


/* --------------------------------sec_class_03 end-------------------------------- */


/* --------------------------------sec_class_04 -------------------------------- */
.sec_class_04 .inner {padding:17.56rem 0 10.875rem}
.sec_class_04 .tit_wrap {position:relative}
.sec_class_04 .tit_wrap > i.ico:first-of-type {display:block; width:calc(294.5/1504*100%); aspect-ratio:294.5/213; background:url(/public/test/images/class/sec_04_img.webp) no-repeat center/contain; position:absolute; top:0; left:calc(112/1504*100%); transform:translateY(calc(-100% - 5.4375rem))}
.sec_class_04 .tit_wrap > i.ico:last-of-type {display:block; width:calc(430.5/1504*100%); aspect-ratio:430.5/337.5; background:url(/public/test/images/class/sec_04_faq.webp) no-repeat center/contain; position:absolute; bottom:-1.875rem; right:calc(178/1504*100%)}
.sec_class_04 .sec_tit > i.ico {display:block; width:7.4rem; aspect-ratio:237/239; background:url(/public/test/images/class/sec_04_ico.webp) no-repeat center/contain; position:absolute; bottom:1.8rem; 
    right:0; transform:translateX(100%)}
.sec_class_04 .sec_tit {position:relative; margin:0 0 2rem; width:calc(693/1504*100%)}
.sec_class_04 .sec_tit {width:calc(352/1504*100%); max-width:333px; min-width:240px}
.sec_class_04 .desc {margin-top:1rem; color:#333; font-size:2rem; font-weight:500; line-height:160%; letter-spacing:-.96px}
.sec_class_04 .faq_list {margin-top:4.5rem}
.sec_class_04 .faq_list > li {margin-bottom:1.5rem}

.sec_class_04 .cont_wrap {position:relative}

@media screen and (max-width:1024px) {
    .sec_class_04 .inner {padding:3.34rem 0 1.67rem}
    .sec_class_04 .tit_wrap {text-align:center}
    .sec_class_04 .tit_wrap > i.ico:first-of-type {display:none}
    .sec_class_04 .tit_wrap > i.ico:last-of-type {top:-2rem; bottom:unset; right:unset; left:-1rem; transform:none}
    .sec_class_04 .sec_tit {width:calc(126 / 328 * 100%); max-width:200px; min-width:unset; margin:0 auto}
    .sec_class_04 .sec_tit > i.ico {width:3.5rem; bottom:0.5rem; right:0.4rem}
    .sec_class_04 .desc {margin-top:0; font-size:1.34rem}
    .sec_class_04 .faq_list {margin-top:2rem}
}
/* --------------------------------sec_class_04 end-------------------------------- */


/* --------------------------------sec_class_05 -------------------------------- */
.sec_class_05 .inner {padding:7rem 0 8.125rem}
.sec_class_05 .sec_tit {position:relative; margin:0 auto; width:calc(679/1504*100%)}
.sec_class_05 .sec_tit .bubble {position:absolute; top:0; left:0; transform:translate(-25%,calc(-100% - 18px)); border-radius:30px; border:1px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); color:#009752; text-align:center; font-size:1.5rem; font-weight:700; line-height:160%; letter-spacing:-.72px; padding:1rem 1.5rem}
.sec_class_05 .sec_tit .bubble::after {content:''; display:block; width:1.875rem; height:1.3125rem; background:url(/public/test/images/lab/ico_bubble_1.png) no-repeat top center / contain; position:absolute; bottom:0; left:2.1875rem; transform:translateY(100%)}
.sec_class_05 .cont_wrap {border-radius:1.875rem; border:2px solid #26ABA3; background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%); padding:3.5rem 3rem; box-shadow:10px 12px 16px 0 #59595933; margin:4rem auto 0; display:flex; flex-direction:column; gap:1rem; justify-content:flex-start; position:relative}
.sec_class_05 .cont_wrap i.ico:nth-of-type(1) {display:block; width:calc(309/1504*100%); aspect-ratio:289/309; background:url(/public/test/images/class/sec_05_img.webp) no-repeat center/contain; position:absolute; top:0; left:0; transform:translateY(calc(-100% - 4rem))}
.sec_class_05 .cont_wrap i.ico:nth-of-type(2) {display:block; width:calc(474.5/1504*100%); aspect-ratio:486.5/474.5; background:url(/public/test/images/class/sec_05_cha.webp) no-repeat center/contain; position:absolute; top:0; right:1.5rem; transform:translateY(calc(-173/447*100%))}
.sec_class_05 .cont_wrap dl {display:flex; justify-content:flex-start; gap:1.5rem; align-items:flex-start}
.sec_class_05 .cont_wrap dt {width:128px; padding:0 1.25rem; border-radius:300px; background:#425A54; color:#F1F1F1; text-align:center; font-size:24px; font-style:normal; font-weight:500; height:3.375rem; line-height:3.375rem; letter-spacing:-.72px}
.sec_class_05 .cont_wrap dd {color:#333; font-size:2rem; font-weight:500; line-height:3.375rem; letter-spacing:-.96px; flex:1}
.sec_class_05 .cont_wrap dd span {display:block; color:#D78084; font-size:1rem; font-weight:500; line-height:160%; letter-spacing:-.48px}



@media screen and (max-width:1200px) {
    .sec_class_05 .cont_wrap::before {width:calc(289 / 1504 * 100%)}
    .sec_class_05 .cont_wrap::after {width:calc(400/1504*100%)}
}/* md */
@media screen and (max-width:1024px) {
    .sec_class_05 .inner {padding:7.67rem 0 3.34rem}
    .sec_class_05 .sec_tit {width:calc(220 / 328 * 100%); max-width:384px}
    .sec_class_05 .sec_tit .bubble {font-size:1rem; padding:1rem; left:50%; transform:translate(-50%,calc(-100% - 18px)); display:block; width:max-content}
    .sec_class_05 .sec_tit .bubble::after {width:12px; height:11px; left:50%; transform:translate(-50%,100%); background:url(/public/test/images/lab/ico_bubble_3.png) no-repeat top center / contain}
    .sec_class_05 .cont_wrap {margin:2rem auto 0; gap:2rem; border-radius:1.34rem; box-shadow:4px 6px 10px 0px rgba(0, 0, 0, 0.10); padding:2.67rem 2rem}
    .sec_class_05 .cont_wrap dl {flex-direction:column; gap:0.33rem}
    .sec_class_05 .cont_wrap dt {width:6rem; font-size:1rem; height:2.34rem; line-height:2.34rem}
    .sec_class_05 .cont_wrap dd {font-size:1.34rem; line-height:2.144rem}
    .sec_class_05 .cont_wrap dd span {margin-top:0.67rem}
    .sec_class_05 .cont_wrap i.ico:nth-of-type(1) {left:4rem; transform:translateY(calc(-100% - 10.4rem))}
    .sec_class_05 .cont_wrap i.ico:nth-of-type(2) {top:unset; bottom:1.17rem; right:1.17rem; transform:none}
}/* md */
@media screen and (max-width:767px) {

}/* sm */

/* 즐겁게 요리할 메뉴 */
.sec_class_05 .tit_wrap2 .sec_tit {position:relative; margin:6.5rem auto 0; width:calc(486.5/1504*100%)}
.sec_class_05 .recipe_list {display:flex; justify-content:center; align-items:center; gap:2rem; flex-direction:row; margin:4.75rem auto 7.5rem}
.sec_class_05 .recipe_item {flex:1; position:relative}
.sec_class_05 .recipe_name {position:absolute; top:0; right:50%; transform:translate(50%,-50%); width:max-content; border-radius:300px; border:1px solid #26ABA3; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); box-shadow:10px 12px 16px 0 #59595933; padding:0 2.5rem; height:5.25rem; line-height:5.25rem; color:#333; text-align:center; font-size:2rem; font-weight:500; letter-spacing:-.96px}
.sec_class_05 .recipe_img {width:100%; height:100%; object-fit:cover; border-radius:30px; overflow:hidden; border:2px solid #FFF; background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%); box-shadow:10px 12px 16px 0 #59595933}
.sec_class_05 .notice_wrap {background:linear-gradient(0deg,#425A54 0%,#1D4138 100%),#FFF; padding:2.5rem 0}
.sec_class_05 .notice_inner {max-width:1035px; margin:0 auto; display:flex; justify-content:center; align-items:flex-start; gap:1rem}
.sec_class_05 .notice_wrap p {border-radius:1rem; background:linear-gradient(180deg,#7CEDE9 0%,#D3F8BB 100%),#EAEAEA; display:inline-flex; justify-content:center; align-items:center; padding:8px 20px; color:#333; height:7.8125rem; font-size:24px; font-style:normal; font-weight:700; line-height:160%; letter-spacing:-.72px}
.sec_class_05 .notice_list li {position:relative; color:#EAEAEA; font-size:1rem; font-weight:500; line-height:160%; letter-spacing:-.48px; padding-left:1.5rem}
.sec_class_05 .notice_list li::before {content:''; display:block; width:3px; height:3px; background-color:#fff; border-radius:100%; position:absolute; left:.875rem; top:calc((1.6rem - 3px)/2)}
.sec_class_05 .notice_list li:not(:last-child) {margin-bottom:.5rem}


@media screen and (max-width:1024px) {
    .sec_class_05 .tit_wrap2 .sec_tit {width:calc(174/328*100%); max-width:250px; margin:4.33rem auto 0}
    .sec_class_05 .recipe_list {flex-direction:column; margin:1rem auto 2rem; max-width:600px}
    .sec_class_05 .recipe_name {top:1.34rem; transform:translate(50%,0); border-radius:300px; border:1px solid #26ABA3; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); box-shadow:10px 12px 16px 0 #59595933; font-size:1.34rem; height:3.5rem; line-height:3.5rem; padding:0 2rem}
    .sec_class_05 .recipe_img {border-radius:1.34rem; box-shadow:4px 6px 10px 0 #0000001a}
    .sec_class_05 .notice_wrap {padding:3.34rem 1.67rem}
    .sec_class_05 .notice_inner {flex-direction:column; align-items:center; gap:1.34rem}
    .sec_class_05 .notice_wrap p {font-size:1.17rem; border-radius:1.34rem; height:3.17rem; line-height:3.17rem}
    .sec_class_05 .notice_list li {font-size:1.17rem}
    .sec_class_05 .notice_list li:not(:last-child) {margin-bottom:1rem}

}/* md */
/* --------------------------------sec_class_05 end-------------------------------- */


/* --------------------------------sec_class_06 -------------------------------- */
.sec_class_06 {background-color:#FDECEC}
.sec_class_06 .inner {padding:6.5rem 0 9.5rem; text-align:center}
.sec_class_06 .sub_tit {/*color:#425A54; text-align:center; font-family:"Sandoll Hoyoyo2 TTF"; font-size:4.5rem; font-weight:700; line-height:120%; letter-spacing:-.72px; display:inline-block; */position:relative; margin:0 auto; width:100%; max-width:calc(911/1504*100%)}
/*.sec_class_06 .sub_tit span {color:#58A45E}*/
.sec_class_06 .sub_tit img {width:100%; margin:0 auto}
.sec_class_06 .ico_tit::before {content:''; display:block; width:7.4375rem; height:6.375rem; position:absolute; top:0; left:0; transform:translate(-65%,-50%); background:url(/public/test/images/lab/ico_star_1.webp) no-repeat center/contain}
@media screen and (max-width:1024px) {
    .sec_class_06 .inner {padding:3.34rem 0 6.17rem}
    .sec_class_06 .sub_tit {font-size:2rem}
    .sec_class_06 .sub_tit {width:50%; max-width:calc(195/328*100%)}
    .sec_class_06 .ico_tit::before {width:3.34rem; height:3rem; transform:translate(-66%,-60%)}
}/* md */
@media screen and (max-width:767px) {
    .sec_class_06 .sub_tit {width:100%}
}/* sm */

/* card */
.sec_class_06 .card_list {display:flex; gap:2rem; margin:4.125rem auto 0; justify-content:center; align-items:center}
.sec_class_06 .card_item {flex:1; max-width:480px; background:#fff; text-align:center; overflow:hidden; position:relative; border-radius:3.75rem; box-shadow:10px 12px 16px 0 #0000001a}
.sec_class_06 .card_inner {width:100%; padding:2rem 1.5rem 5.625rem; border-radius:3.75rem; border:2px solid #FFF; background:linear-gradient(0deg,#FFF 56.77%,#F5F5F5 100%)}
.sec_class_06 .card_desc p {color:#666; font-size:1.5rem; font-weight:500; height:2.875rem; line-height:2.875rem; letter-spacing:-.72px; position:relative}
.sec_class_06 .card_desc p::after {content:''; display:block; width:100%; height:1px; background:url(/public/test/images/lab/dotted_line.png) repeat-x center/auto 100%; position:absolute; bottom:0; left:0}
.sec_class_06 .card_desc p .color {color:#29A2A3; font-weight:700}
.sec_class_06 .card_title {margin:1rem auto 0; color:#333; text-align:center; font-size:2.5rem; font-weight:700; line-height:120%; letter-spacing:-1.2px}
.sec_class_06 .card_item:nth-of-type(1) .card_title {color:#29A2A3}
.sec_class_06 .card_item:nth-of-type(2) .card_title {color:#D97E71}
.sec_class_06 .card_img {width:65%; margin:.5rem auto 3.625rem}
.sec_class_06 .card_img img {width:100%}
.sec_class_06 .card_btn {display:inline-flex; justify-content:center; align-items:center; gap:.5rem; color:#fff; padding:0 1.5rem; text-decoration:none; position:absolute; bottom:0; left:0; width:100%; height:5.625rem; line-height:5.625rem; overflow:hidden; transition:all .3s ease; box-shadow:10px 12px 16px 0 #0000001a; text-align:center; font-size:2rem; font-weight:700; letter-spacing:-.96px}
.sec_class_06 .card_btn::after {content:''; display:block; width:1.5625rem; height:1.5625rem; background:url(/public/test/images/common/ico_btn_next2.png) no-repeat center / contain}
.sec_class_06 .card_btn::before {content:''; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(120deg,#fff3 0%,#fff0 70%); transform:skewX(-20deg); transition:left .5s ease}
.sec_class_06 .card_item:hover .card_btn::before {left:125%}
.sec_class_06 .card_item:hover .card_btn {transform:scale(1.02)}
.sec_class_06 .card_item:nth-of-type(1) .card_btn {background:linear-gradient(180deg,#0CBBB5 0%,#18D8D1 100%),linear-gradient(180deg,#B8BD4A 0%,#CED176 100%),linear-gradient(180deg,#0CBBB5 0%,#18D8D1 100%)}
.sec_class_06 .card_item:nth-of-type(2) .card_btn {background:linear-gradient(180deg, #F59C90 0%, #FDB4AA 100%), linear-gradient(180deg, #0CBBB5 0%, #18D8D1 100%), linear-gradient(180deg, #B8BD4A 0%, #CED176 100%), linear-gradient(180deg, #0CBBB5 0%, #18D8D1 100%)}
@media screen and (max-width:1024px) {
    .sec_class_06 .card_list {margin:1.83rem auto 0}
    .sec_class_06 .card_item {border-radius:1.67rem}
    .sec_class_06 .card_inner {padding:2rem 1.5rem 4.83rem; border-radius:1.67rem}
    .sec_class_06 .card_title {margin:0.75rem auto 0; font-size:2rem}
    .sec_class_06 .card_desc p {line-height:2.5rem; height:2.5rem; font-size:1.17rem; max-width:70%; margin:0 auto}
    .sec_class_06 .card_img {margin:0 auto}
    /*.sec_class_06 .card_item:nth-of-type(2) .card_img {margin:0.67rem auto 1.68rem}*/
    .sec_class_06 .card_btn {height:4.83rem; line-height:4.83rem; font-size:1.34rem; gap:0.33rem}
    .sec_class_06 .card_btn::after {width:1.34rem; height:1.34rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_class_06 .card_list {flex-direction:column}
    .sec_class_06 .card_item {max-width:68.88%}
}/* sm */
/* --------------------------------sec_class_06 end-------------------------------- */






/* --------------------------------sec_apply_01-------------------------------- */
.sec_apply_01 .inner {padding:9.0625rem 0 7.5rem}
.sec_apply_01 .tit_wrap {max-width:317px}
.sec_apply_01 .tit_wrap .bubble {display:inline-block; padding:1rem 0; border-radius:1.875rem; border:1px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px; position:relative; text-align:center; filter:drop-shadow(5px 10px 10px #00000026); margin-bottom:2.3125rem; min-width:18rem}
.sec_apply_01 .tit_wrap .bubble::after {content:''; display:block; width:2.625rem; height:1.8125rem; background:url(/public/test/images/lab/ico_bubble_1.png) no-repeat top center / contain; position:absolute; bottom:0; left:3.5rem; transform:translateY(100%)}
.sec_apply_01 .tit_wrap .noti {display:flex; justify-content:flex-start; align-items:center; gap:.25rem; color:#009752; font-size:1rem; font-weight:500; line-height:180%; letter-spacing:-.48px; margin-top:1.5rem}
.sec_apply_01 .tit_wrap .noti::before {content:''; display:block; width:15px; height:15px; background:url(/public/test/images/class/ico_noti.png) no-repeat top center / contain}
@media screen and (min-width:1024.1px) {
    .sec_apply_01 .inner {display:flex; justify-content:space-between; align-items:flex-start; gap:2rem}
    .sec_apply_01 .tit_wrap {width:calc(312/1504*100%); max-width:312px; min-width:244px}
    .sec_apply_01 .cont_wrap {width:calc(992/1504*100%); max-width:992px; flex-shrink:1}
}/* lg */
@media screen and (max-width:1024px) {
    .sec_apply_01 .inner {display:block; padding:2rem 0 6.16rem}
    .sec_apply_01 .tit_wrap {max-width:unset; text-align:center; margin:0 auto 4rem}
    .sec_apply_01 .tit_wrap .sec_tit img {width:calc(225 / 328 * 100%); max-width:300px; margin:0 auto}
    .sec_apply_01 .tit_wrap .bubble {font-size:1.34rem; padding:0.75rem 1rem; border-radius:2.5rem}
    .sec_apply_01 .tit_wrap .bubble::after {width:12px; height:11px; left:50%; transform:translate(-50%,100%); background:url(/public/test/images/lab/ico_bubble_3.png) no-repeat top center / contain}
    .sec_apply_01 .tit_wrap .noti {justify-content:center; margin-top:0.75rem}
}/* md */

/* form */
.form_group:not(:last-child) {margin-bottom:4.5rem}
.form_label {display:block; color:#333; font-size:1.5rem; font-weight:600; line-height:160%; letter-spacing:-.72px}
.form_required {display:inline-block; width:15px; height:15px; background:url(/public/test/images/class/ico_noti.png) no-repeat top center / contain; line-height:2.4rem; margin-left:4px}
.form_input {width:100%; height:3.5rem; line-height:3.5rem; padding:0 1.5rem; border-radius:.5rem; font-size:1rem; border:1px solid #CECECE; background:#FFF; box-shadow:4px 4px 12px 0 #5959591a; margin-top:1rem}
.form_input::placeholder {color:#999; font-size:1rem; font-weight:500; line-height:140%; letter-spacing:-.48px}
.form_input:focus {border-color:#009752}
.form_select_wrap {display:flex; gap:1rem; margin-top:1rem}
.form_select {flex:1; position:relative}
.form_helper {color:#D78084; margin-top:0.25rem; font-size:1rem; font-weight:500; line-height:160%; letter-spacing:-.48px}
.radio_wrap + .form_helper {margin-top:0.5rem; margin-bottom:-0.5rem !important}
.form_select {position:relative; width:100%; height:3.5rem; line-height:3.5rem; padding:0; border:1px solid #CECECE; border-radius:.5rem; cursor:pointer; user-select:none; background:#fff; box-shadow:4px 4px 12px 0 #5959591a}
.form_selected_value {color:#999; width:100%; height:3.5rem; line-height:3.5rem; font-size:1rem; font-weight:500; letter-spacing:-.48px; transition:color .15s ease; position:relative; padding:0 1.5rem}
.form_select:focus,
.form_selected_value:focus {border-color:#009752}
.form_selected_value.has_value {color:#333}
.form_selected_value::after {content:''; display:block; width:1.5rem; height:1.5rem; background:url(/public/test/images/common/ico_selectbox.png) no-repeat center/contain; transition:transform .15s ease-in-out; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%)}
.form_select.open .form_selected_value:after {transform:translateY(-50%) scaleY(-1)}
.form_select_options {position:absolute; top:calc(100% + 1px); left:0; right:0; border:1px solid #ccc; background:#fff; border-radius:.5rem; display:none; z-index:100; max-height:13.5rem; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#bbb #fff; padding:1rem 1.5rem}
.form_select_options::-webkit-scrollbar {width:6px}
.form_select_options::-webkit-scrollbar-track {background:#fff; border-radius:4px}
.form_select_options::-webkit-scrollbar-thumb {background-color:#bbb; border-radius:4px}
.form_select_options::-webkit-scrollbar-thumb:hover {background-color:#999}
.form_select_option {color:#333; font-size:1rem; font-weight:500; line-height:140%; letter-spacing:-.48px}
.form_select_option.placeholder {color:#999}
.form_select_option:focus {font-weight:700; color:#009752}
.form_select.open .form_select_options {display:block}
.form_select_option:not(:last-child) {margin-bottom:1rem}
.form_select_option:hover,.form_select_option:focus {font-weight:700; color:#009752}
.form_input.error,
.form_select.error,
.form_select.error {border-color:#e74c3c}
.form_group textarea {width:100%; height:8.375rem; overflow-y:auto; border-radius:.5rem; padding:1.5rem; border:1px solid #CECECE; background:#FFF; box-shadow:4px 4px 12px 0 #5959591a; resize:none; margin-top:1rem; color:#333; font-size:1rem; font-weight:500; line-height:160%; /* 25.6px */letter-spacing:-0.48px}
.form_group textarea::placeholder {color:#999; font-size:1rem; font-weight:500; line-height:140%; letter-spacing:-.48px}
.form_group textarea::-webkit-scrollbar {width:6px}
.form_group textarea::-webkit-scrollbar-track {background:#fff; border-radius:4px}
.form_group textarea::-webkit-scrollbar-thumb {background-color:#bbb; border-radius:4px}
.form_group textarea::-webkit-scrollbar-thumb:hover {background-color:#999}
/*.agree_wrap .checkbox_wrap {position:relative; display:flex; align-items:center; gap:.75rem; cursor:pointer; width:100%; padding:0 1.5rem; height:4rem; line-height:4rem; border-radius:0.5rem; border:1px solid #CECECE; background:#FFF; box-shadow:4px 4px 12px 0 #5959591a}*/
.form_group .checkbox_wrap {margin-top:1rem}
.agree_wrap .btn_toggle {display:block; width:4rem; height:4rem; background:url(/public/test/images/common/ico_selectbox.png) no-repeat center/1.5rem auto; transition:transform .15s ease-in-out; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:5}
.agree_wrap .btn_toggle.open {transform:translateY(-50%) scaleY(-1)}
.agree_wrap .terms_detail {background:#FFF; border:1px solid #CECECE; border-radius:.5rem; box-shadow:4px 4px 12px 0 #5959591a; padding:1.5rem; font-size:1rem; line-height:135%; color:#545454; display:none; max-height:400px; overflow-y:auto}
.agree_wrap .terms_detail section {margin-top:1.5rem}
.agree_wrap .terms_detail h3 {color:#666; font-size:1rem; font-weight:700; line-height:160%; letter-spacing:-.48px}
.agree_wrap .terms_detail p {color:#666; font-size:1rem; font-weight:500; line-height:160%; letter-spacing:-.48px}
.agree_wrap .terms_detail b {font-weight:700}
.agree_wrap .terms_detail a {text-decoration: underline; text-underline-position: under}
.agree_wrap .terms_detail section p {position:relative; padding-left:1.5rem}
.agree_wrap .terms_detail section p::before {content:''; display:block; width:3px; height:3px; border-radius:100%; background-color:#666; position:absolute; top:calc(0.8rem - 1.5px); left:0.625rem}
.sec_apply_01 .form_submit {display:flex; justify-content:center; align-items:center; gap:.5rem; width:66.67%; min-width:420px; max-width:660px; height:7.5rem; border-radius:2.5rem; border:4px solid #009551; background:linear-gradient(180deg,#009752 0%,#00B160 100%); box-shadow:16px 12px 24px 0 #0000001a; color:#FFF; text-align:center; font-size:2rem; font-weight:700; line-height:7.5rem; letter-spacing:-.96px; position:relative; margin:6.5rem auto 0; transition:all .15s ease-in-out; overflow:hidden}
.sec_apply_01 .form_submit::after {content:''; display:block; width:1.5625rem; height:1.5625rem; background:url(/public/test/images/common/ico_btn_next2.png) no-repeat center / contain}
.sec_apply_01 .form_submit::before {content:''; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(120deg,#ffffff1a,transparent); transform:skewX(-20deg); transition:left .5s ease}
.sec_apply_01 .form_submit:hover::before {left:125%}
.sec_apply_01 .form_submit:hover {transform:scale(1.02)}

@media screen and (max-width:1024px) {
    .form_group:not(:last-child) {margin-bottom:3.33rem}
    .form_input {border-radius:0.75rem}
    .form_label {font-size:1.34rem}
    .form_required {width:12px; height:12px}
    .radio_wrap + .form_helper {margin-bottom:0 !important}
    .form_select_wrap {gap:0.75rem}
    .form_select {border-radius:0.75rem}
    .form_select_options {border-radius:0.75rem; padding:1.34rem 1rem}
    .form_select_option:not(:last-child) {margin-bottom:1.34rem}
    .form_group textarea {padding:1.34rem 1rem}
    /*.agree_wrap .checkbox_wrap {padding:0 1rem; border-radius:0.75rem; height:3.33rem; line-height:3.33rem}*/
    .agree_wrap .btn_toggle {height:3.33rem; width:3.33rem}
    .agree_wrap .terms_detail {padding:2rem; border-radius:0.75rem}
    .agree_wrap .terms_detail section {margin-top:2rem}
    .sec_apply_01 .form_submit {font-size:1.34rem; height:5.5rem; line-height:5.5rem; border-radius:1.34rem; min-width:unset; width:calc(240/328*100%); border-width:2px; margin:3.34rem auto 0}
    .sec_apply_01 .form_submit::after {width:14px; height:14px}

}/* md */
@media screen and (max-width:767px) {
    .sec_apply_01 .form_submit {height:4rem; line-height:4rem}
    .agree_wrap .terms_detail h3,
    .agree_wrap .terms_detail p {font-size:1.17rem}
}/* sm */
/* --------------------------------sec_apply_01 end-------------------------------- */



/* --------------------------------sec_apply_02-------------------------------- */
.sec_apply_02 .inner {padding:0 0 11rem}
.sec_apply_02 .sec_tit {width:calc(352/1504*100%); max-width:333px; min-width:240px}
.sec_apply_02 .desc {margin-top:1rem; color:#333; font-size:2rem; font-weight:500; line-height:160%; letter-spacing:-.96px}
.sec_apply_02 .faq_list {margin-top:4.5rem}
.sec_apply_02 .faq_list > li {margin-bottom:1.5rem}


@media screen and (max-width:1024px) {
    .sec_apply_02 .tit_wrap {text-align:center}
    .sec_apply_02 .sec_tit {width:calc(126 / 328 * 100%); max-width:150px; min-width:unset; margin:0 auto}
    .sec_apply_02 .desc {margin-top:0; font-size:1.34rem}
    .sec_apply_02 .faq_list {margin-top:2rem}
}/* md */
/* --------------------------------sec_apply_02 end-------------------------------- */



/* --------------------------------apply_kids-------------------------------- */
.apply_kids div[class^="step_"] .sub_tit {color:#333; font-size:1.5rem; font-weight:700; line-height:160%; letter-spacing:-.72px; margin-bottom:1.5rem; display:flex; justify-content:flex-start; align-items:center; gap:.5rem}
.apply_kids div[class^="step_"] .sub_tit span {display:inline-flex; justify-content:center; align-items:center; width:1.625rem; height:1.625rem; line-height:1.625rem; border-radius:4px; background:#425A54; color:#FFF; text-align:center; font-size:1rem; font-weight:500; letter-spacing:-.48px}
.apply_kids .step_1 {margin:0 auto 4.5rem}
.apply_kids .step_1 .sub_desc {padding:1rem 1.5rem; border-radius:0.5rem; border:1px solid #CECECE; background:#F9F9F9; box-shadow:4px 4px 12px 0 #5959591a; margin:0 auto 3rem}
.apply_kids .step_1 .sub_desc p {color:#333; font-size:1.25rem; font-weight:500; line-height:180%; letter-spacing:-.6px}
.apply_kids .step_1 .sub_desc span {font-weight:700; background:linear-gradient(to top,#f6caca 45%,transparent 45%); padding:0}
.apply_kids .btn_auth {width:100%; height:4rem; line-height:4rem; border-radius:8px; border:2px solid #324D46; background:linear-gradient(0deg,#425A54 0%,#1D4138 100%),radial-gradient(52.15% 50.15% at 50% 50%,#FFF 0%,#F1F1F1 100%); color:#FFF; text-align:center; font-size:1.25rem; font-weight:500; letter-spacing:-.6px; margin:1rem auto 0}
/*.apply_kids .step_2 {display:none}*/
.apply_kids .radio_wrap .additional{flex:1;width:100%;display:block}

@media screen and (min-width:1024.1px) {
    .apply_kids .inner {display:flex; justify-content:space-between; align-items:flex-start; gap:2rem;}
    .apply_kids .tit_wrap {width:calc(289 / 1504 * 100%); max-width:289px; min-width:250px}
    .apply_kids .cont_wrap {width:calc(992/1504*100%); max-width:992px; flex-shrink:1}
}/* lg */

@media screen and (max-width:1024px) {
    .apply_kids div[class^="step_"] .sub_tit {margin-bottom:1rem}
    .apply_kids .tit_wrap .noti {margin-top:-0.5rem}
    .apply_kids .step_1 .sub_desc {margin:0 auto 2rem; padding:1.34rem 1rem; border-radius:0.75rem}
    .apply_kids .step_1 .sub_desc p {font-size:1.17rem}
    .apply_kids .tit_wrap .sec_tit img {width:calc(200 / 328 * 100%); max-width:300px;margin:0 auto}
}/* md */
/* --------------------------------apply_kids end-------------------------------- */