/* --------------------------------sec_lab_01-------------------------------- */
.bg_lab {background:url(/public/test/images/lab/bg_lab.webp) repeat-y top center/100% auto #F5F4E3}
.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 */

.sec_lab_01 .inner {text-align:center;padding-top:3.75rem;}
.sec_lab_01 .sec_tit {/*color:#006537;text-align:center;text-shadow:10px 12px 16px #0000001a;font-family:"Sandoll Hoyoyo2 TTF";font-size:4.5rem;font-weight:900;line-height:120%;*/position:relative;display:inline-block;margin:0 auto 6.5rem;width:100%;max-width:calc(551/1504*100%)}
/*.sec_lab_01 .sec_tit .sizeup {font-size:7.5rem;line-height:100%}*/
.sec_lab_01 .sec_tit img {margin:0 auto}
.sec_lab_01 p {text-align:center;position:relative;color:#333;font-size:2rem;font-weight:500;line-height:160%;letter-spacing:-.96px}
.sec_lab_01 .underline {font-weight:700;position:relative;z-index:2}
.sec_lab_01 .underline::after {content:'';display:block;width:0;height:1rem;background-color:#D6F6AE;position:absolute;bottom:0;left:0;z-index:-1}
.sec_lab_01 .active p:nth-of-type(2) .underline::after {animation:underline 1s 0.3s forwards ease-in-out}
.sec_lab_01 .active p:nth-of-type(3) .underline::after {animation:underline 0.6s 1.2s forwards ease-in-out}
/*.sec_lab_01 .ico_tit::before {content:'';display:block;width:7.4375rem;padding-bottom:calc(105/158*100%);position:absolute;top:0;left:0;transform:translate(-65%,-50%);background:url(/public/test/images/lab/ico_shock_1.webp) no-repeat center/contain}*/
/*.sec_lab_01 .ico_tit::after {content:'';display:block;width:78%;max-width:22.625rem;padding-bottom:calc(105/362*100%);position:absolute;bottom:0;right:0;transform:translate(-8%,46%);background:url(/public/test/images/lab/ico_underline_1.webp) no-repeat center/contain}*/

@media screen and (max-width:1024px) {
    .sec_lab_01 .inner {padding-top:1rem}
    .sec_lab_01 .sec_tit {font-size:2rem;margin:0 auto 1rem;width:50%;max-width:calc(210/328*100%)}
    .sec_lab_01 .sec_tit .sizeup {font-size:4rem}
    .sec_lab_01 p {font-size:1.34rem}
    .sec_lab_01 .ico_tit::before {width:5.08rem}
    .sec_lab_01 .ico_tit::after {width:120%;transform:translate(12%,46%)}
}/* md */
@media screen and (max-width:767px) {
    .bg_lab {background:url(/public/test/images/lab/bg_lab_mo.webp) repeat-y top center/100% auto #F5F4E3}
    .sec_lab_01 .sec_tit {width:100%;max-width:210px}
}/* sm */
/* --------------------------------sec_lab_01 end-------------------------------- */


/* --------------------------------sec_lab_02-------------------------------- */
.sec_lab_02 .inner {padding:0 0 4rem}

/* sub title */
.sec_lab_02 .video_wrap {width:100%;padding:5rem 5rem 6rem;border-radius:3.75rem;border:10px solid #D4CD5A;background:#FFF;box-shadow:10px 12px 16px 0 rgba(0, 0, 0, 0.10)}
.sec_lab_02 .sub_desc {color:#333;font-size:1.5rem;font-weight:500;line-height:160%;letter-spacing:-.72px;text-align:center}
.sec_lab_02 .sub_tit {color:#333;font-size:4rem;font-weight:400;line-height:120%;letter-spacing:-1.92px;text-align:center}
.sec_lab_02 .sub_tit .color {color:#BCB200;font-weight:700}
.sec_lab_02 .video_wrap .sub_tit {font-weight:700}

@media screen and (max-width:1024px) {
    .sec_lab_02 .sub_tit {font-size:2.67rem;margin-top:1rem}
    .sec_lab_02 .video_wrap {border-radius:1.66rem;border-width:4px;padding:2.67rem 1.66rem;box-shadow:4px 6px 10px 0 rgba(0, 0, 0, 0.10)}
}/* md */

/* obj */
.sec_lab_02 .character_wrap {position:relative}
.sec_lab_02 .info {position:relative;padding-bottom:calc(690/1504*100%);width:100%}
.sec_lab_02 .info_right {position:absolute;top:0;right:0}
.sec_lab_02 .obj {position:absolute}
.sec_lab_02 .obj1 {left:calc(180/1504*100%);top:calc(175/690*100%);width:calc(331/1504*100%)}
.sec_lab_02 .obj2 {right:calc(184/1504*100%);top:0;width:calc(186/1504*100%)}
.sec_lab_02 .obj3 {left:calc(108/1504*100%);bottom:calc(38/690*100%);width:calc(194/1504*100%)}
.sec_lab_02 .obj4 {right:calc(94/1504*100%);bottom:calc(40/690*100%);width:calc(206.5/1504*100%)}
.sec_lab_02 .character {position:absolute;bottom:0;right:50%;transform:translateX(50%);width:calc(501/1504*100%);z-index:-1}
.sec_lab_02 .character img {width:100%}
.sec_lab_02 .typing_line {display:inline-block;padding:1.5rem 2rem;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 rgba(0, 0, 0, 0.15))}
.sec_lab_02 .info_left .typing_line {position:absolute;left:calc(114/1504*100%);top:calc(62/690*100%);min-width:calc(316/1504*100%)}
.sec_lab_02 .info_left .typing_line::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_lab_02 .info_right .typing_line {position:absolute;right:1rem;bottom:calc(288/690*100%);min-width:calc(389/1504*100%)}
.sec_lab_02 .info_right .typing_line::after {content:'';display:block;width:2.625rem;height:1.8125rem;background:url(/public/test/images/lab/ico_bubble_2.png) no-repeat top center / contain;position:absolute;bottom:0;right:3.5rem;transform:translateY(100%)}
.sec_lab_02 .typing_line .bold {font-weight:700}
.sec_lab_02 .typing_line.active::after {content:'';display:inline-block;width:2px;height:1em;background:#333;margin-left:2px;animation:blinkCursor .8s infinite;vertical-align:text-bottom}
.sec_lab_02 .typing_line::after {display:none}

@media screen and (max-width:1280px) {
    .sec_lab_02 .obj1 {top:calc(200/690*100%)}
}/* md */
@media screen and (max-width:1024px) {
    .sec_lab_02 .character_wrap {margin:1.5rem auto 0;max-width:500px}
    .sec_lab_02 .info {padding-bottom:calc(297/360*100%)}
    .sec_lab_02 .character {width:calc(192/360*100%);padding-left:12px}
    .sec_lab_02 .obj1 {left:0;top:calc(108/297*100%);width:calc(105/360*100%)}
    .sec_lab_02 .obj2 {right:4px;width:calc(64/360*100%);top:unset;bottom:calc(50 / 297 * 100%)}
    .sec_lab_02 .obj3 {left:-1rem;bottom:calc(50 / 690 * 100%);width:calc(50 / 360 * 100%)}
    .sec_lab_02 .obj4 {width:calc(80/360*100%);bottom:unset;top:calc(46 / 297 * 100%)}
    .sec_lab_02 .typing_line {font-size:1.17rem;padding:.75rem 1.34rem;border-radius:1.34rem}
    .sec_lab_02 .info_left .typing_line {left:0;top:calc(36/297*100%)}
    .sec_lab_02 .info_right .typing_line {top:0;right:0;bottom:unset;min-width:176px}
    .sec_lab_02 .info_left .typing_line::after {width:19px;height:13px;left:30px}
    .sec_lab_02 .info_right .typing_line::after {width:19px;height:13px;right:20px}
}/* md */
@media screen and (max-width:767px) {
    .sec_lab_02 .obj4 {top:calc(58 / 297 * 100%)}
    .sec_lab_02 .info_right .typing_line {min-width:150px}
}/* sm */

/* tab */
.sec_lab_02 .tab_wrap {margin:2.25rem auto 3.5rem}
.sec_lab_02 .tab_menu .tab_list {max-width:929px;margin:0 auto;display:flex;gap:1.5rem;justify-content:space-between;align-items:center}
.sec_lab_02 .tab_menu .tab_item {flex:auto}
.sec_lab_02 .tab_menu .tab_item button {color:#333;width:100%;height:6.5rem;text-align:center;font-size:1.5rem;font-weight:500;line-height:160%;letter-spacing:-.72px;border-radius:300px;border:3px solid #FFF5F5;opacity:.6;background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%);box-shadow:6px 6px 10px 0 #0000001a inset;transition:all .15s ease-in-out}
.sec_lab_02 .tab_menu .tab_item button span {display:block;margin-top:-4px}
.sec_lab_02 .tab_menu .tab_item button .bold {font-weight:700}
.sec_lab_02 .tab_menu .tab_item.active button {opacity:1;border:4px solid #25C87D;background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%)}
.sec_lab_02 .tab_content_wrap {width:100%;max-width:917px;margin:2.5rem auto 0;position:relative}
.sec_lab_02 .tab_content_wrap::after {content:'';display:block;width:100%;height:100%;border-radius:16px;background-color:#006537;position:absolute;top:0;left:0;z-index:4}
.sec_lab_02 .tab_content {opacity:0;display:none;position:relative;pointer-events:none;transition:all 0.4s ease}
.sec_lab_02 .tab_content.active {opacity:1;display:block;pointer-events:auto}

@media screen and (max-width:1280px) {
    .sec_lab_02 .tab_menu .tab_list {gap:1rem}
    .sec_lab_02 .tab_menu .tab_item {flex:0 0 calc((100% - 2rem) / 3)}
    .sec_lab_02 .tab_menu .tab_item button {font-size:1.25rem}
}/* md */
@media screen and (max-width:1024px) {
    .sec_lab_02 .tab_wrap {margin:2.67rem auto 2rem}
    .sec_lab_02 .tab_menu .tab_list {flex-direction:column}
    .sec_lab_02 .tab_menu .tab_item {flex:1;width:100%}
    .sec_lab_02 .tab_menu .tab_item button {height:4.5rem;border-width:2px}
    .sec_lab_02 .tab_menu .tab_item.active button {border-width:2px}
    .sec_lab_02 .tab_menu .tab_item button span {display:inline-block;margin-top:0;margin-left:4px}
    .sec_lab_02 .typing_line {text-align:left}
    .sec_lab_02 .typing_line .bold {display:block}
}/* md */

/* video */
.sec_lab_02 .video_card {width:100%;position:relative;z-index:5;overflow:hidden;border-radius:1rem;border:10px solid #006537}
.sec_lab_02 .video_card:hover .yt_box::after {animation:pulse 1.2s infinite}
.sec_lab_02 .video_card .video {width:100%;padding-bottom:56.25%;position:relative}
.sec_lab_02 .video_card iframe {width:100%;height:100%;position:absolute;top:0;left:0}
.sec_lab_02 .video_card .yt_box {width:100%;height:100%;background-size:cover;cursor:pointer;position:absolute;top:0;left:0;z-index:2;transition:all .3s}
.sec_lab_02 .video_card_1 .yt_box {background:url(/public/test/images/lab/video_cover_1.webp) no-repeat center center /contain #006537}
.sec_lab_02 .video_card_2 .yt_box {background:url(/public/test/images/lab/video_cover_2.webp) no-repeat center center /contain #006537}
.sec_lab_02 .video_card_3 .yt_box {background:url(/public/test/images/lab/video_cover_3.webp) no-repeat center center /contain #006537}
.sec_lab_02 .video_card .yt_box::before {content:'';display:block;position:absolute;top:0;left:0;background-color:#0000004d;z-index:1;width:100%;height:100%;transition:all .3s}
.sec_lab_02 .video_card .yt_box::after {content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:url(/public/test/images/lab/ico_play.svg) center / contain no-repeat;width:6.625rem;height:8.0625rem;transition:all .3s}
.sec_lab_02 .video_card .yt_box.play::before,.sec_lab_02 .video_card .yt_box.play::after {display:none}
.sec_lab_02 .tab_content_wrap .box {opacity:0;transform:translateX(-20px) translateY(calc(-50% + 20px));transition:all .6s ease-out;position:absolute;top:50%;width:100%;border-radius:1rem;box-shadow:10px 12px 16px 0 #0000001a}
.sec_lab_02 .tab_content_wrap.is-visible .box {opacity:.6;transform:translateX(0) translateY(-50%)}
.sec_lab_02 .tab_content_wrap .box1 {transition-delay:0s;z-index:3;right:-1rem;background:#FF4F4F;padding-bottom:calc(56.25% - 2rem)}
.sec_lab_02 .tab_content_wrap .box2 {transition-delay:.1s;z-index:2;right:-2rem;background:#009752;padding-bottom:calc(56.25% - 4rem)}
.sec_lab_02 .tab_content_wrap .box3 {transition-delay:.2s;z-index:1;right:-3rem;background:#F3C3C5;padding-bottom:calc(56.25% - 6rem)}
.sec_lab_02 .btn_wrap {text-align:center}
.sec_lab_02 .btn_youtube {margin:0 auto;display:inline-flex;padding:0 3.5rem;height:5.5625rem;line-height:5.5625rem;justify-content:center;align-items:center;gap:1rem;border-radius:1.5rem;border:4px solid #009551;background:linear-gradient(180deg,#009752 0%,#00B160 100%),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;color:#FFF;text-align:center;font-size:2rem;font-weight:700;letter-spacing:-.96px;transition:all .15s ease-in-out;position:relative;overflow:hidden}
.sec_lab_02 .btn_youtube::after {content:'';display:block;width:1.1875rem;height:1.4375rem;background:url(/public/test/images/common/ico_btn_next_filled.png) no-repeat center/contain}
.sec_lab_02 .btn_youtube::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_lab_02 .btn_youtube:hover::before {left:125%}
.sec_lab_02 .btn_youtube:hover {transform:scale(1.02)}

@media screen and (max-width:1024px) {
    .sec_lab_02 .inner {padding:0 0 3.34rem}
    .sec_lab_02 .tab_content_wrap {width:calc(100% - 1rem);margin-right:1rem}
    .sec_lab_02 .video_card {border-width:4px}
    .sec_lab_02 .video_card .yt_box::after {width:4rem;height:4rem}
    .sec_lab_02 .tab_content_wrap .box1 {right:-0.33rem;padding-bottom:calc(56.25% - 0.66rem)}
    .sec_lab_02 .tab_content_wrap .box2 {right:-0.66rem;padding-bottom:calc(56.25%  - 1.32rem)}
    .sec_lab_02 .tab_content_wrap .box3 {right:-1rem;padding-bottom:calc(56.25% - 2rem)}
    .sec_lab_02 .btn_youtube {font-size:1.34rem;height:4.83rem;line-height:4.83rem;width:100%;border-radius:1rem;border-width:2px}
    .sec_lab_02 .btn_youtube::after {width:1rem;height:1.17rem}
}/* md */
/* --------------------------------sec_lab_02 end-------------------------------- */


/* --------------------------------sec_lab_03 -------------------------------- */
.sec_lab_03 .inner {padding:6.5rem 0 9.5rem;text-align:center}
.sec_lab_03 .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_lab_03 .sub_tit span {color:#58A45E}*/
.sec_lab_03 .sub_tit img {width:100%;margin:0 auto}
.sec_lab_03 .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_lab_03 .inner {padding:0 0 6.17rem}
    .sec_lab_03 .sub_tit {font-size:2rem}
    .sec_lab_03 .sub_tit {width:50%;max-width:calc(195/328*100%)}
    .sec_lab_03 .ico_tit::before {width:3.34rem;height:3rem;transform:translate(-66%,-60%)}
}/* md */
@media screen and (max-width:767px) {
    .sec_lab_03 .sub_tit {width:100%}
}/* sm */

/* card */
.sec_lab_03 .card_list {display:flex;gap:2rem;margin:4.125rem auto 0;justify-content:center;align-items:center}
.sec_lab_03 .card_item {flex:1;max-width:480px;text-align:center;position:relative;/* overflow:hidden;box-shadow:10px 12px 16px 0 #0000001a;border-radius:3.75rem;*/ display:grid;grid-template-rows:1fr auto;}
.sec_lab_03 .card_inner {width:100%;background:#fff;border:2px solid #fff;border-bottom:none;border-radius:3.75rem 3.75rem 0 0;padding:2rem 1.5rem 0;box-shadow:10px 12px 16px 0 #0000001a;background:linear-gradient(0deg,#FFF 56.77%,#F5F5F5 100%);/*background-clip:padding-box */}
.sec_lab_03 .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_lab_03 .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_lab_03 .card_desc p .color {color:#29A2A3;font-weight:700}
.sec_lab_03 .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_lab_03 .card_item:nth-of-type(1) .card_title {color:#29A2A3}
.sec_lab_03 .card_item:nth-of-type(2) .card_title {color:#9B9F31}
.sec_lab_03 .card_img {width:65%;margin:.5rem auto 3.625rem}
.sec_lab_03 .card_img img {width:100%}
.sec_lab_03 .card_btn {display:inline-flex;justify-content:center;align-items:center;gap:.5rem;color:#fff;padding:0 1.5rem;text-decoration:none;position:relative;inset:auto;width:100%;height:5.625rem;line-height:5.625rem;overflow:hidden;transition:all .3s ease;text-align:center;font-size:2rem;font-weight:700;letter-spacing:-.96px;background-clip:padding-box;transform:translateZ(0);border-radius:0 0 3.75rem 3.75rem;box-shadow:10px 12px 16px 0 #0000001a}
.sec_lab_03 .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_lab_03 .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_lab_03 .card_item:hover .card_btn::before {left:125%}
/*.sec_lab_03 .card_item:hover .card_btn {transform:scale(1.02)}*/
.sec_lab_03 .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_lab_03 .card_item:nth-of-type(2) .card_btn {background:linear-gradient(180deg,#B8BD4A 0%,#CED176 100%),linear-gradient(180deg,#0CBBB5 0%,#18D8D1 100%)}

@media screen and (max-width:1024px) {
    .sec_lab_03 .card_list {margin:1.83rem auto 0}
    /*.sec_lab_03 .card_item {border-radius:1.67rem}*/
    .sec_lab_03 .card_inner {padding:2rem 1.5rem 0;border-radius:1.67rem 1.67rem 0 0;/* box-shadow:inset 0 0 0 2px #FFF;border:0;*/}
    .sec_lab_03 .card_title {margin:0.75rem auto 0;font-size:2rem}
    .sec_lab_03 .card_desc p {line-height:2.5rem;height:2.5rem;font-size:1.17rem;max-width:70%;margin:0 auto}
    .sec_lab_03 .card_img {margin:0 auto}
    /*.sec_lab_03 .card_item:nth-of-type(2) .card_img {margin:0.67rem auto 1.68rem}*/
    .sec_lab_03 .card_btn {height:4.83rem;line-height:4.83rem;font-size:1.34rem;gap:0.33rem;position:relative;inset:auto;width:100%;transform:none;border-radius:0 0 1.67rem 1.67rem}
    .sec_lab_03 .card_btn::after {width:1.34rem;height:1.34rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_lab_03 .card_list {flex-direction:column}
    .sec_lab_03 .card_item {min-width:240px;max-width:68.88%}
}/* sm */
/* --------------------------------sec_lab_03 end-------------------------------- */