/* @import url('~@noonnu/bujangnim-nunchi'); */
/* @import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css); */


@font-face {
    font-family: 'Choding_hope';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_02@1.0/Choding_hope.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Bujangnim_nunchi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_02@1.0/Bujangnim_nunchi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'NanumPen';
    font-weight: normal; 
    font-style: normal; 
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumPen.woff2') format('woff2');
    font-display: auto;
}

@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: auto;
}


/* 스타일 초기화 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font:inherit;font-size: 100%;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu, nav,section { display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input:focus {outline: none;}
a {color: inherit;text-decoration: none;}
a:hover {text-decoration: none;}

#jarip_layout img {vertical-align: baseline;}
#jarip_layout .inner_1200 {max-width: 1200px;width: 100%;margin: 0 auto;}
.jarip_layout {position: relative;}
.jarip_layout .desc {color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}
.jarip_layout .em {color: #FFD978;}
.jarip_layout .cmm_btn {max-width: 260px;width: 100%;background-color: #F37021;padding: 15px 30px;display: flex;align-items: center;justify-content: space-between;border-radius: 16px;font-size: 32px;color: #fff;font-weight: 800;line-height: 140%;font-family: 'Pretendard', sans-serif;}
.jarip_layout .font {font-family: "Choding_hope", sans-serif !important;}
.jarip_layout .arr {display: inline-block; background: url('../images/arrow_icon.svg') no-repeat;background-size: contain;background-position: center;width: 24px;height: 11px;margin-left: 14px;}
.jarip_layout .floating_btn {position: fixed;top: 170px;right: 100px;max-width: 200px;z-index: 999;}
.jarip_layout .floating_btn > a {display: flex;flex-direction: column;}
.jarip_layout .floating_btn > a > span {padding: 10px 27px;background-color: #F37021;color: #fff;font-size: 28px;font-weight: 600;line-height: 120%;border-radius: 0 0 16px 16px;white-space: nowrap;font-family: 'Pretendard', sans-serif;}
.jarip_layout .floating_btn .img_div > img.mb_img {display: none;}
.jarip_layout .floating_btn .img_div > img {display: block;}
.jarip_layout .floating_btn .arr {margin-bottom: 7px;}
.jarip_layout .font_em {font-family: 'NanumPen', sans-serif;font-size: 38px;}


.sct01Cnt {position: relative;}
/* .sct01Cnt * {font-family: 'Pretendard', sans-serif;} */
.sct01Cnt {background: url('../images/hero_bg.jpg') no-repeat;background-size: cover;background-position: top center; width: 100%;height: 100%;padding: 40px 0 200px;}
.sct01Cnt .desc {font-family: 'Pretendard', sans-serif;}
.sct01Cnt .hero_title {color: #fff;font-family: "Bujangnim_nunchi", sans-serif;font-size: 140px;font-style: normal;font-weight: 400;line-height: 80%;}
.sct01Cnt .hero_title strong {display: inline-block;font-size: 160px;-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--accent-yellow, #FFD978);font-family: "Bujangnim_nunchi", sans-serif;}
.sct01Cnt .hero_title strong.em01 {padding-left: 15px;transform: translateY(10px);}
.sct01Cnt .hero_title strong.em02 {position: relative;padding-right: 10px;z-index: 1;}
.sct01Cnt .hero_title strong.em02::after {content: "";background: url('../images/text_brush01.png') no-repeat;background-size: contain;width: 290px;height: 107px;display: inline-block;position: absolute;bottom: -40px;left: -15px;z-index: -1;}
.sct01Cnt .title_wrap p {color: #fff;font-size: 20px;line-height: 140%;margin-top: 30px;margin-bottom: 30px;font-weight: 300;font-family: 'Pretendard', sans-serif;}
.sct01Cnt .desc {margin-top: 40px;}
.sct01Cnt .desc02 > span {font-size: 16px;}
.sct01Cnt .desc > p {font-size: 12px;font-weight: 300;margin-top: 12px;line-height: 16px;word-break: keep-all;font-family: 'Pretendard', sans-serif;}
.sct01Cnt .cmm_btn .arr {margin-bottom: 4px;}
.sct01Cnt .font.right {margin-left: -10px;}
.sct01Cnt .desc02 > p > .mb_br {display: none;}
.sct01Cnt .desc02 .sub_txt {font-size: 18px;line-height: 140%;display: block;margin-top: 40px;font-weight: 300;font-family: 'Pretendard', sans-serif;}
.sct01Cnt .desc02 .sub_txt > img {margin-bottom: -2px;}

.video_wrap {background-color: #554F4A;text-align: center;padding-bottom: 100px;}
.video_wrap > div {position: relative;}
.video_wrap .video_area {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;margin-top: -158px;}
.video_wrap .video_area > iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;}

.sct02Cnt {background: url('../images/sct03_bg.jpg') no-repeat;background-size: cover;width: 100%;height: 100%;padding: 200px 0 110px;}
.sct02Cnt .inner_1200 {text-align: right;}
.sct02Cnt .main_desc {color: #FFF;font-family: "Bujangnim_nunchi", sans-serif;font-size: 40px;font-style: normal;font-weight: 400;line-height: 140%; }
.sct02Cnt .main_desc .txt02 {margin-top: 66px;}
.sct02Cnt .list {margin-top: 80px;}
.sct02Cnt .list > ul {display: flex;align-items: center;justify-content: flex-end;}
.sct02Cnt .list > ul > li:first-child {margin-right: 36px;}
.sct02Cnt .list > ul > li > img {max-width: 375px;width: 100%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}


.banner_cont {background: url('../images/banner_bg.jpg') no-repeat;background-size: cover;width: 100%;padding: 193px 0;text-align: center;}
.banner_cont span {position: relative;color: #000;text-align: center;font-family: "Bujangnim_nunchi", sans-serif;font-size: 84px;font-style: normal;font-weight: 400;line-height: 100%;z-index: 6;margin-left: 180px;}
.banner_cont span > strong {position: relative; display: inline-block;font-weight: 600;z-index: -1;font-size: 88px;}
.banner_cont span > strong::after {content: "";display: inline-block;position: absolute;bottom: -15px;left: -17px; background: url('../images/text_brush02.png') no-repeat;background-size: cover;width: 128px;height: 55px;z-index: -1;}
.banner_cont .mb_br {display: none;}
.banner_cont .typing_text.mb {display: none;}
/* .banner_cont.on .typing_text {animation: typing 4s steps(40) forwards;}
.typing_text {overflow: hidden;white-space: nowrap;height: 100px;max-width: 890px;width: 100%;margin: 0 auto;width: 0;} */
/* 애니메이션 효과 */
@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}


.sct03Cnt {background: url('../images/sct06_bg.jpg') no-repeat;background-size: cover;width: 100%;font-family: "Bujangnim_nunchi", sans-serif;padding: 150px 0;}
.sct03Cnt .desc {font-size: 40px;font-weight: 400;line-height: 140%;}
.sct03Cnt .desc strong {position: relative;z-index: 5;background: url('../images/text_brush03_1.png') no-repeat;background-size: contain;background-position: center;width: 560px;height: 48px;display: inline-block;mix-blend-mode: multiply;opacity: .2;}
.sct03Cnt .desc .brush_box {position: relative;margin-top: 70px;margin-left: -20px;}
.sct03Cnt .desc .brush_box > span {position: absolute;left: 20px;top: -40px;color: #FFD978;-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: var(--accent-yellow, #FFD978);font-size: 60px;font-weight: 400;line-height: 140%;display: block;z-index: 5;}
/* .sct03Cnt .desc strong::after {content: "";background: url('../images/text_brush03.png') no-repeat;background-size: contain;background-position: center;width: 560px;height: 48px;display: inline-block;position: absolute;bottom: 0;left: -10px;opacity: .3; z-index: -1;} */
.sct03Cnt .list {margin-top: 60px;}
.sct03Cnt .list > ul {display: flex;align-items: center;margin-left: -10px;}
.sct03Cnt .list > ul > li:first-child {margin-right: 36px;}
.sct03Cnt .list > ul > li > img {max-width: 375px;width: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}

.sct04Cnt {background: url('../images/sct05_bg.jpg') no-repeat;background-size: cover;width: 100%;padding: 130px 0 170px;text-align: right;}
.sct04Cnt .desc {margin-top: 30px;text-align: right;font-family: "Bujangnim_nunchi";font-size: 40px;font-style: normal;font-weight: 400;line-height: 140%;}
.sct04Cnt .desc .em_big {font-size: 60px;font-weight: 500;display: block;margin-top: 40px;    -webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: var(--accent-yellow, #FFD978);}
.sct04Cnt img {max-width: 375px;width: 100%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
.sct04Cnt .mb_br {display: none;}


.sct05Cnt {background: url('../images/sct04_bg.jpg') no-repeat;background-size: 100% 100%;width: 100%;padding: 140px 0 180px;}
.sct05Cnt .cmm_btn {max-width: 385px;margin-top: 90px;}
.sct05Cnt .desc p {margin-top: 50px;font-family: Pretendard;font-size: 28px;font-style: normal;font-weight: 200;line-height: 140%;}
.sct05Cnt .desc strong {display: block;margin-top: 40px;font-family: "Bujangnim_nunchi";font-size: 60px;}
.sct05Cnt .desc strong > b {position: relative;display: block; font-size: 120px;font-weight: 400;    -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--accent-yellow, #FFD978);line-height: 90px;z-index: 5;}
.sct05Cnt .desc strong > b::before {content: "";background: url('../images/text_brush04.png') no-repeat;background-size: contain;width: 412px;height: 68px;display: inline-block;position: absolute;bottom: -20px;left: -12px;z-index: -1;}


.sct06Cnt {background-color: #92725F;padding: 150px 0 100px;}
.sct06Cnt * {font-family: 'Pretendard', sans-serif;}
.sct06Cnt .title {color: #fff;text-align: center;}
.sct06Cnt .title h2 {position: relative;font-size: 48px;font-weight: 800;line-height: 140%;z-index: 6;}
.sct06Cnt .title h2 strong {position: relative;font-size: 64px;color: #fff;font-family: "Bujangnim_nunchi", sans-serif;letter-spacing: 6.4px;padding: 0 5px 0 20px;z-index: -1;}
.sct06Cnt .title h2 strong::before {content: "";background: url('../images/text_brush06.png') no-repeat;background-size: contain;width: 280px;height: 40px;display: inline-block;position: absolute;bottom: 0;left: 0;z-index: -1;}
.sct06Cnt .title > p {font-size: 24px;font-weight: 200;line-height: 140%;margin-top: 20px;}
.sct06Cnt .list_wrap {height: auto;margin-top: 40px;display: flex;align-items: center;justify-content: space-between;}
.sct06Cnt .list_wrap .item_list {position: relative;height: auto;}
.sct06Cnt .swiper {overflow: visible;}
.sct06Cnt .list_wrap .item_list img {width: 100%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
.sct06Cnt .list_wrap .item_list .brs_bg {position: absolute;bottom: 110px;left: -15px;display: flex;align-items: center;justify-content: center;background: url('../images/text_brush05.png') no-repeat;background-size: cover;width: 420px;height: 68px;color: #fff;font-size: 24px;z-index: 10;font-weight: 200;}
.sct06Cnt .list_wrap .item_list .brs_bg b {font-weight: 600;}
.sct06Cnt .list_wrap .item_list .sub {background-color: #fff;color: #6C4234;text-align: center;padding: 40px 0 20px;border-radius: 0 0 16px 16px;}
.sct06Cnt .list_wrap .item_list .sub > p {font-size: 20px;line-height: 140%;font-weight: 300;}
.sct06Cnt .list_wrap .item_list .sub > p > b {font-weight: 700;}
.sct06Cnt .sub_desc {color: #fff;text-align: center;font-size: 20px;font-weight: 400;line-height: 140%;margin-top: 80px;word-break: keep-all;white-space: nowrap;}
.sct06Cnt .sub_desc {font-weight: 200;}
.sct06Cnt .sub_desc > b {font-weight: 700;}
.sct06Cnt .sub_desc > span {display: block;font-size: 16px;margin-top: 5px;}
.sct06Cnt .sub_desc .mb_br {display: none;}
.sct06Cnt .sub_desc .mb_br01 {display: none;}
.sct06Cnt h2 .mb_br {display: none;}
.sct06Cnt p .mb_br {display: none;}
.sct06Cnt p {font-weight: 300;}
.sct06Cnt .support_desc {text-align: center;margin-top: 48px;}
.sct06Cnt .support_desc span {color: #fff;font-size: 18px;display: inline-block;margin-right: 36px;font-weight: 300;}
.sct06Cnt .support_desc span img {margin-bottom: -1px;}
.sct06Cnt .support_desc .spt_btn {background-color: #fff;padding: 12px 24px;color: #785b4a;border-radius: 16px;font-weight: 700;line-height: 140%;}
/* .sct06Cnt .topAnm {opacity: .5;transform: translateY(20px);transition: all 0.3s;}
.sct06Cnt .topAnm.on {opacity: 1;transform: translateY(0);transition: all 0.3s;} */

.sct06Cnt .list_wrap .mb_img {display: none;}

 
.sub_footer_wrap {max-width: 100% !important;overflow: hidden !important;font-family: "Pretendard", sans-serif;}

@media screen and (max-width: 1800px) {
    .jarip_layout .floating_btn {max-width: 160px;right: 20px;}
    .jarip_layout .floating_btn > a > span {font-size: 18px;}
    .jarip_layout .floating_btn .arr {margin-bottom: 3px;margin-left: 10px;width: 18px;height: 8px;}

    .banner_cont {background-position: -90px center;}
    .banner_cont span {font-size: 74px;}
    .banner_cont span > strong {font-size: 80px;}
    
    .sct03Cnt {background-position: right;}

    .sct05Cnt {background-size: cover;background-position: right center;}
}

@media screen and (max-width: 1600px) {
    .sct01Cnt {background-position: center center;}
}


@media screen and (max-width: 1500px) {
    .jarip_layout .floating_btn {max-width: inherit;width: 100%;right: auto;left: 30px;top: auto; bottom: 20px;}
    .jarip_layout .floating_btn > a {background: url('../images/mob/m_floating_img.png') no-repeat;background-size: contain;width: calc(100% - 60px);display: flex;flex-direction: row;height: 80px;border-radius: 8px;overflow: hidden;}
    .jarip_layout .floating_btn > a > span {position: relative;width: 100%;border-radius: 0 8px 8px ;padding: 25px 5px;font-size: 24px;z-index: 5;}
    .jarip_layout .floating_btn > a > span::before {content: "";background: linear-gradient(270deg, #F37021 31.56%, rgba(243, 112, 33, 0.00) 100.37%);display: inline-block;position: absolute;top: 0;left: -50px;width: 57px;height: 80px;z-index: -1;}
    .jarip_layout .floating_btn > a > span > br {display: none;}
    .jarip_layout .floating_btn .img_div > img.pc_img {display: none;}
    .jarip_layout .floating_btn .img_div > img.mb_img {display: block;}
    .jarip_layout .floating_btn img {border-radius: 8px 0 0 8px;}
    .jarip_layout .floating_btn .arr {width: 24px;height: 11px;}
}



@media screen and (max-width: 1440px) {
    .sct01Cnt .hero_title {font-size: 120px;}
    .sct01Cnt .hero_title strong {font-size: 160px;}
    .sct01Cnt .hero_title strong.em02::after {width: 300px;bottom: -45px;}
    .sct01Cnt .title_wrap p {font-size: 22px;}
    .sct01Cnt .desc {font-size: 22px;}
}

@media screen and (max-width: 1300px) {
    #jarip_layout .inner_1200 {max-width: inherit;width: calc(100% - 60px);}
    .jarip_layout .cmm_btn {max-width: 260px;font-size: 24px;}

    .banner_cont {padding: 130px 0;background-position: center;}
    .banner_cont span {font-size: 54px;}
    .banner_cont span > strong {font-size: 60px;}
    .banner_cont span > strong::after {background-size: contain;width: 80px;bottom: -25px;left: -8px;}

    .sct01Cnt {padding: 90px 0 210px;}

    .sct02Cnt {padding: 140px 0 100px;}

    .sct03Cnt {background-position: center;padding: 100px 0;}
    .sct03Cnt .list {margin-top: 30px;}
    .sct03Cnt .desc {font-size: 32px;}
    .sct03Cnt .desc .brush_box {margin-top: 40px;}
    .sct03Cnt .desc strong {width: 380px;}
    .sct03Cnt .desc .brush_box > span {font-size: 44px;top: -25px;}
    
    
    .sct04Cnt {background-position: -200px center;padding: 100px 0 110px;}
    .sct04Cnt .desc {font-size: 32px;line-height: 120%;}
    .sct04Cnt .desc .em_big {font-size: 44px;word-break: keep-all;}

    .sct05Cnt {background-position: center center;padding: 100px 0 110px;}
    .sct05Cnt .desc p {font-size: 22px;}
    .sct05Cnt .desc strong {font-size: 44px;}
    .sct05Cnt .desc strong > b {font-size: 90px;line-height: 70px;}
    .sct05Cnt .desc strong > b::before {width: 310px;}
    .sct05Cnt .inner_1200 .cmm_btn {margin-top: 60px;max-width: 320px;}

    .sct06Cnt {padding: 100px 0 130px;}
    .sct06Cnt .list_wrap .item_list {max-width: 360px;width: 100%;}
    .sct06Cnt .title h2 {font-size: 40px;}
    .sct06Cnt .title h2 strong {font-size: 60px;}
    .sct06Cnt .title > p {font-size: 22px;margin-top: 10px;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 390px;left: -10px;bottom: 100px;background-size: contain;}
    .sct06Cnt .sub_desc {margin-top: 60px;}
    .sct06Cnt .list_wrap .item_list .sub > p {font-size: 18px;}
    .sct06Cnt .list_wrap .item_list .sub {padding: 25px 0 20px;}
}


@media screen and (max-width: 1200px) {
    .sct01Cnt {padding: 120px 0 210px;}
    .sct01Cnt .hero_title {font-size: 90px;}
    .sct01Cnt .hero_title strong {font-size: 120px;}
    .sct01Cnt .hero_title strong.em02 {padding-right: 20px;}
    .sct01Cnt .hero_title strong.em02::after {width: 230px;bottom: -60px;}

    .sct06Cnt .title > p {font-size: 20px;word-break: keep-all;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 365px;height: 60px;font-size: 20px;}
    .sct06Cnt .sub_desc .mb_br01 {display: block;}
    .sct06Cnt .support_desc .spt_btn {display: block;max-width: 230px;width: 100%;margin: 25px auto 0;}
    .sct06Cnt .support_desc span {margin-right: 0;}
}



@media screen and (max-width: 1024px) {
    .sct02Cnt {background-position: center;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 385px;height: 64px;}
    .jarip_layout .floating_btn.abs {position: absolute;}
}



@media screen and (max-width: 768px) {
    .jarip_layout .floating_btn {left: 20px;}
    .jarip_layout .floating_btn > a {width: calc(100% - 40px);}

    .sct01Cnt {background: url('../images/mob/m_hero_bg.jpg') no-repeat;background-size: cover;background-position: center;padding: 120px 0 310px;}
    .sct01Cnt .desc {font-size: 18px;}
    .sct01Cnt .desc02 .sub_txt {font-size: 18px;word-break: keep-all;}
    .sct01Cnt .title_wrap p {font-size: 18px;}
    .sct01Cnt .hero_title {font-size: 85px;}
    .sct01Cnt .hero_title strong {font-size: 106px;}
    .sct01Cnt .hero_title strong.em02::after {width: 180px;bottom: -70px;left: -8px;}
    .sct01Cnt .hero_title strong.em02 {padding-right: 10px;}
    .sct01Cnt .desc02 > p > .mb_br {display: block;}
    
    .sct02Cnt {position: relative;background: url('../images/mob/m_sct02_bg.jpg') no-repeat;background-size: cover;background-position: center;z-index: 20;padding: 380px 0 100px;height: 1130px;}
    .sct02Cnt::after {content: "";background: url('../images/mob/m_sct02_bg_after.png') no-repeat;background-size: 100% 100%;background-position: center;display: inline-block;position: absolute;bottom: -55px;width: 100%;height: 300px;z-index: -1;}
    .sct02Cnt .main_desc {font-size: 30px;}


    .video_wrap {padding-bottom: 40px;}

    .banner_cont {background: url('../images/mob/m_sct03_bg.png') no-repeat;background-size: cover;background-position: bottom center;height: 1540px; padding: 690px 0 130px;}
    .banner_cont .mb_br {display: block;}
    .banner_cont span {margin-left: 0;}
    .banner_cont span > strong::after {width: 65px;bottom: -30px;left: 0px;}
    /* .banner_cont .typing_text.pc {display: none;}
    .banner_cont .typing_text.mb {height: auto;max-width: inherit;display: flex;flex-direction: column;animation: none;width: auto;}
    .banner_cont .typing_text.mb .ani01 {display: inline-block;overflow: hidden;white-space: nowrap;margin: 0 auto;width: 0;}
    .banner_cont .typing_text.mb .ani02 {display: inline-block;overflow: hidden;white-space: nowrap;margin: 0 auto;width: 0;}
    .banner_cont.on .typing_text.mb .ani01 {animation: typingAnimation01 3s steps(30) forwards;}
    .banner_cont.on .typing_text.mb .ani02 {animation: typingAnimation02 3s steps(30) forwards;animation-delay: 1.5s;} */

    @keyframes typingAnimation01 {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }
      
      @keyframes typingAnimation02 {
        from {
          width: 0;
          height: 0;
        }
        to {
          width: 100%;
          height: 100%;
        }
      }

    .sct02Cnt .list {margin-top: 220px;}
    .sct02Cnt .list > ul {flex-direction: column;}
    .sct02Cnt .list > ul > li {width: 100%;}
    .sct02Cnt .list > ul > li:first-child {margin-right: 0;margin-bottom: 30px;}
    .sct02Cnt .list > ul > li > img {max-width: inherit;width: 100%;border-radius: 30px;}

    .sct03Cnt {position: relative;background: url('../images/mob/m_sct04_bg.png') no-repeat;background-size: cover;background-position: center;height: 860px;}
    .sct03Cnt .list {margin-top: 390px;}

    .sct03Cnt .list > ul {flex-direction: column;margin-left: 0;}
    .sct03Cnt .list > ul > li {width: 100%;}
    .sct03Cnt .list > ul > li:first-child {margin-right: 0;margin-bottom: 20px;}
    .sct03Cnt .list > ul > li > img {max-width: inherit;width: 100%;border-radius: 30px;}


    .sct04Cnt .inner_1200 {padding-top: 680px;}
    .sct04Cnt {background: url('../images/mob/m_sct05_bg_all.jpg') no-repeat;background-size: cover;background-position: center;height: 2060px;padding: 160px 0 110px;}
    .sct04Cnt img {max-width: inherit; width: 100%;border-radius: 30px;}

    .sct05Cnt {background: url('../images/mob/m_sct06_bg.png') no-repeat;background-size: cover;background-position: bottom;height: 1360px;}
    .sct05Cnt .desc strong > b::before {background: url('../images/mob/m_text_bg.png') no-repeat;background-size: contain;background-position: center;}


    .sct06Cnt .list_wrap .item_list {max-width: 400px;}
    .sct06Cnt .list_wrap .item_list img {width: 100%;}
    .sct06Cnt .mb_br {display: block;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 440px;height: 72px;}
    .sct06Cnt .sub_desc .mb_br {display: block;}
    .sct06Cnt h2 .mb_br {display: block;}
    .sct06Cnt p .mb_br {display: block;}
}


@media screen and (max-width: 690px) {
    .sct04Cnt .inner_1200 {padding-top: 580px;}
    .banner_cont {padding: 600px 0 130px;}
}


@media screen and (max-width: 540px) {
    .jarip_layout .floating_btn > a  {height: 60px;}
    #jarip_layout .inner_1200 {width: calc(100% - 40px);left: 0;}
    .jarip_layout .floating_btn > a > span {position: relative;font-size: 20px;line-height: 140%;padding: 5px 15px 5px 0;display: flex;align-items: center;justify-content: space-between;z-index: 5;}
    .jarip_layout .floating_btn .img_div > img.mb_img {display: block;margin-left: -35px;}
    .jarip_layout .floating_btn .img_div > img.pc_img {display: none;}
    .jarip_layout .floating_btn > a > span {margin-left: -30px;}
    .jarip_layout .cmm_btn {max-width: 160px;font-size: 18px;padding: 8px 16px;border-radius: 8px;}
    .jarip_layout .arr {width: 15px;margin-left: 0;}
    .jarip_layout .font_em {font-size: 22px;}
    .sct01Cnt {background-position: top center;padding: 120px 0 370px;}
    .video_wrap > div > img {margin-top: -80px;}
    .sct01Cnt .title_wrap p {font-size: 16px;}
    .sct01Cnt .desc {font-size: 16px;margin-top: 30px;}
    .sct01Cnt .desc02 span {font-size: 14px;}
    .sct01Cnt .desc02 > p > br {display: block;}
    .sct01Cnt .desc02 .sub_txt {font-size: 14px;white-space: nowrap;}
    .sct01Cnt .desc02 .sub_txt > img {width: 100px;}

    .sct02Cnt {background-size: contain;background-position: top center;padding: 430px 0 0;}
    .sct02Cnt::after {bottom: 55px;height: 660px;}
    .sct02Cnt .list {margin-top: 40px;}
    .sct02Cnt .main_desc {font-size: 26px;}
    .sct02Cnt .main_desc .txt02 {margin-top: 40px;}
    .sct02Cnt .list > ul {flex-direction: column;}
    .sct02Cnt .list > ul > li {width: 100%;}
    .sct02Cnt .list > ul > li:first-child {margin-right: 0;margin-bottom: 30px;}
    .sct02Cnt .list > ul > li > img {width: 100%;border-radius: 10px;}

    .sct03Cnt {background-position: top center;height: 825px;}
    .sct03Cnt .desc {font-size: 26px;}
    .sct03Cnt .desc strong {width: 280px;}
    .sct03Cnt .desc .brush_box {margin-left: 0;margin-top: 30px;}
    .sct03Cnt .desc .brush_box > span {font-size: 36px;top: -12px;left: 5px;}
    .sct03Cnt .list > ul > li > img {border-radius: 10px;}

    .sct04Cnt {height: 2040px;background-position: top center;padding: 20px 0 110px;margin-top: -260px;}
    .sct04Cnt .inner_1200 {text-align: center;padding-top: 790px;}
    .sct04Cnt .desc {font-size: 26px;}
    .sct04Cnt .desc .em_big {font-size: 32px;line-height: 38px;margin-top: 10px;}
    .sct04Cnt .mb_br {display: block;}
    .sct04Cnt img {width: 100%;border-radius: 10px;}

    .banner_cont {background-position: top center;height: 940px;margin-top: -120px;padding: 400px 0 130px;}
    .banner_cont span {display: block;font-size: 48px;}

    
    .sct05Cnt {background-position: bottom;height: 980px;}
    .sct05Cnt .desc p {margin-top: 0;font-size: 16px;}
    .sct05Cnt .desc p.p_text {margin-top: 30px;}
    .sct05Cnt .desc strong {font-size: 36px;margin-top: 25px;}
    .sct05Cnt .desc strong > b {font-size: 80px;}
    .sct05Cnt .inner_1200 .cmm_btn {max-width: 230px;margin-top: 40px;padding: 12px 24px;}
    .sct05Cnt .desc strong > b::before {width: 280px;}


    .sct06Cnt .list_wrap .item_list {max-width: 340px;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 370px;height: 60px;}
    .sct06Cnt .list_wrap .item_list .sub > p {font-size: 16px;}
    .sct06Cnt .title h2 {font-size: 24px;word-break: keep-all;}
    .sct06Cnt .title h2 strong {font-size: 36px;letter-spacing: 3.4px;}
    .sct06Cnt .title h2 strong::before {width: 150px;bottom: -20px;left: 10px;}
    .sct06Cnt .title > p {font-size: 14px;margin-top: 25px;word-break: keep-all;}
    .sct06Cnt .sub_desc {font-size: 16px;}
    .sct06Cnt .swiper {margin-right: 30px;}
    .sct06Cnt .support_desc {margin-top: 0;margin-bottom: 30px;}
    .sct06Cnt .support_desc span {font-size: 14px;}
    .sct06Cnt .sub_desc {margin: 60px 0 36px;}
    .sct06Cnt .support_desc span img {margin-bottom: -3px;}
    .sct06Cnt .list_wrap .pc_img {display: none;}
    .sct06Cnt .list_wrap .mb_img {display: block;}
}


@media screen and (max-width: 500px) {
    .sct04Cnt .inner_1200 {padding-top: 750px;}
}


@media screen and (max-width: 460px) {
    .banner_cont {padding: 260px 0 130px;height: 730px;}
    .sct02Cnt::after {bottom: 120px;}
    .sct04Cnt {height: 1740px;}
    .sct04Cnt .inner_1200 {padding-top: 700px;}

}


@media screen and (max-width: 414px) {
    .jarip_layout .floating_btn .arr {height: 8px;}
    .sct01Cnt {padding: 100px 0;height: 800px;}
    .sct01Cnt .title_wrap p {margin-bottom: 20px;}
    .sct01Cnt .desc02 .sub_txt {margin-top: 15px;font-size: 12px;}
    .sct01Cnt .hero_title strong.em02 {padding-right: 5px;}
    
    .sct02Cnt::after {bottom: 90px;height: 820px;}
    .sct02Cnt .main_desc {font-size: 26px;white-space: nowrap;}

    .banner_cont {padding: 180px 0;height: 640px;}

    .sct03Cnt {padding: 70px 0;}
    .sct03Cnt .desc {white-space: nowrap;}
    .sct03Cnt .desc strong {width: 240px;}

    .sct04Cnt {height: 1680px;}
    .sct04Cnt .inner_1200 {padding-top: 630px;}

    .sct05Cnt {padding: 70px 0;height: 830px;}

    .sct06Cnt {padding: 70px 0;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 350px;height: 60px;}
    .sct06Cnt .support_desc span {font-size: 12px;}
    .sct06Cnt .support_desc span img {max-width: 110px;margin-bottom: -3px;}
    .sct06Cnt .support_desc .spt_btn {max-width: 152px;padding: 8px 16px;border-radius: 8px;font-size: 12px;margin-bottom: 60px;}
    
}

@media screen and (max-width: 390px) {
    .sct01Cnt .desc02 p {font-size: 10px;}
    .sct01Cnt .desc02 .sub_txt > img {width: 85px;}
    .sct01Cnt .desc02 span {font-size: 12px;}

    .sct03Cnt {height: 720px;}

    .sct04Cnt {height: 1760px;}
    .sct04Cnt .inner_1200 {padding-top: 710px;}

    .sct06Cnt .list_wrap .item_list .brs_bg {width: 350px;height: 58px;}
    .sct06Cnt .support_desc span {white-space: nowrap;}   
}


@media screen and (max-width: 380px) {
    .banner_cont {height: 540px;padding: 150px 0;}
    .banner_cont span {margin-top: 0;}

    .jarip_layout .floating_btn > a > span {font-size: 20px;margin-left: -40px;white-space: nowrap;}
    
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 340px;height: 56px;}
}


@media screen and (max-width: 375px) {
    .sct01Cnt .hero_title {white-space: nowrap;}
    .sct04Cnt .inner_1200 {padding-top: 690px;}   
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 320px;height: 52px;}
}


@media screen and (max-width: 360px) {
    .sct04Cnt .inner_1200 {padding-top: 680px;}
    .sct06Cnt .list_wrap .item_list .brs_bg {width: 305px;height: 50px;}
}