/* --------------------------------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; background:#fff; text-align:center; overflow:hidden; position:relative; border-radius:3.75rem; box-shadow:10px 12px 16px 0 #0000001a}
.sec_lab_03 .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_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: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_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 4.83rem; border-radius:1.67rem}
    .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}
    .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 {max-width:68.88%}
}/* sm */
/* --------------------------------sec_lab_03 end-------------------------------- */





@media screen and (min-width:1024.1px) {

}/* lg */

@media screen and (max-width:1024px) {

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

}/* sm */