#header{width: 100%;position: fixed;top: 0;z-index: 999; transition: 0.3s all; height: 120px;}
#header .head_menu .logo{width: 20%;}
#header .head_menu .pmenu {width: 60%;}
#header .head_menu .logo img{}
#header.active{ background: rgba(0,0,0,0.8)}
#header .head_menu{position: relative; display: flex; justify-content: space-between; align-items: center;width: 100%; height: 100%;}


#header .head_menu .pmenu{display: flex; justify-content: start; height: 90px;align-items: center;}
#header .head_menu .pmenu li {width: 22%;}
#header .head_menu .pmenu a{font-size: 2.2rem; font-weight: 500; color: #fff; width: 100%; display: inline-block; text-align: center; }
#header .hcall {display: flex; align-items: center; justify-content: center; gap: 0 10px; background: url(../img/number_bg.png)no-repeat; background-position: center;background-size: cover;width:278px;height: 62px;}
#header .hcall a {display: block; font-size: 3.4rem; font-weight: 900; color: #fff;}
#header .hcall .icon{width: 2.7rem;height: 2.7rem;}
#header .hcall .icon img{width: 100%;height: 100%;}

/* 모바일 */
#mob_head {display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; height: 140px;}
#mob_head .box {padding: 10px 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: 4px solid var(--color);}
#mob_head .logo img {width: 200px;}
#mob_head .hcall {display: flex; align-items: center; justify-content: center; gap: 0 10px; background: url(../img/number_bg.png)no-repeat; background-position: center;background-size: cover;width:23rem;height: 53px;border-radius: 50px;}
#mob_head .hcall a {display: block; font-size: 2.8rem; font-weight: 900; color: #fff;}
#mob_head .hcall .icon{width: 2.7rem;height: 2.7rem;}
#mob_head .hcall .icon img{width: 100%;height: 100%;}
#mob_head .menu {display: flex; justify-content: center; gap: 0 60px; padding: 0 10px;}
#mob_head .menu a {padding: 20px 0; color: #fff;  display: inline-block; font-size: 2.2rem;font-weight: 500;}


@media screen and ( max-width: 1500px ){
    #header .hcall p {}
#header .hcall a {}
#header .hcall img {height:40px; width: auto;}
    }
@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 16px; }
#pcmenu .submenu a { font-size: 14px; }
}
@media screen and ( max-width: 1024px ){
#header { display: none; }
#mob_head{display: block;}
.Hfull{height: 600px;}
}
@media screen and ( max-width: 480px ){
    #mob_head .hcall{width: 18rem;height: 43px;}
    #mob_head .hcall a{font-size: 2.2rem;}
    #mob_head .hcall .icon{width: 2rem; height: 2rem;}
    #mob_head .logo img{width: 150px;}
}


/* fixed되는 전화안내 */
.fnumber{width: 100%;height: 100px;background: url(../img/fnumber_bg.png) no-repeat; background-position: center; background-size: cover;position: fixed;bottom: 0; left: 0;z-index: 99;}
.fnumber .inner{width: 98%; max-width: 900px;display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center;margin: 0 auto;height: 100%;}
.fnumber img{width: 85%;}
.fnuber a{display: block;}
.mob_fnumber{display: none;}
@media screen and (max-width:1024px) {
    .fnumber {display: none;}
    .mob_fnumber{display: block;position: fixed;bottom: 10px; right: 10px;z-index: 99;width: 19.2rem; height:6.2rem ;}
    .mob_fnumber img{width: 100%;}
}
@media screen and (max-width:480px) {
    .mob_fnumber{width: 16rem;}

}



/* main visual */
.swiper_visual .visual1{background: url(../img/p_visual01.png) no-repeat;background-position: center;background-size: cover;width: 100%;height: 90vh;}
.swiper_visual .text1 h3 { font-size: 4rem;  line-height: 120%;  text-align: left;color: #fff; font-weight: 500;}
.swiper_visual .text1 h3 span{color: #d49c00;font-size: 4rem;font-weight: 600;}
.swiper_visual .visual2{background: url(../img/p_visual02.png) no-repeat;background-position: center;background-size: cover;width: 100%;height: 90vh;}
.swiper_visual .text2 h3 { font-size: 3.6rem;  line-height: 120%;  text-align: left;color: #fff; font-weight: 500;}
.swiper_visual .text2 h3 span{color: #d49c00;font-size: 3.6rem;font-weight: 600;}
.swiper_visual .visual3{background: url(../img/p_visual03.png) no-repeat;background-position: center;background-size: cover;width: 100%;height: 90vh;}
.swiper_visual .text3 h3 { font-size: 3.5rem;  line-height: 120%;  text-align: left;color: #fff; font-weight: 500;}
.swiper_visual .text3 h3 span{color: #d49c00;font-size: 3.5rem;font-weight: 600;}


.maintext_box .ad1{margin-left: -35px;}
.maintext_box .ad2{margin-top: -36px;}
.ad3{padding-bottom: 14%;}




/* section01 */
.section01{background: url(../img/section01_bg.png)no-repeat;background-position: center;background-size: cover;}
.section01 .width{max-width: 1100px;padding-bottom: 2rem;}
.section01 .sub_title{padding-top: 8rem;padding-bottom: 2.5rem;width: 100%;}
.section01 img{width: 100%;}
.section01 .circle{display: flex; flex-direction: column; align-items: center;padding-bottom: 55px;gap: 25px 0;}
.section01 .circle span{display: block; width: 2.5rem; height: 2.5rem; border-radius: 50%;background-color: #e3b72e;}
.section01 .circle span:nth-of-type(2){background-color:#9f8020 ;}
.section01 .circle span:nth-of-type(3){background-color: #5b4912;}
.section01 h4{color: #fff;font-size: 6rem;text-align: center;font-weight: 600;}
.section01 h1{color: #fff;font-size: 7rem;font-weight: 700;font-family:'GmarketSansBold' ;letter-spacing: -3px;}
.section01 .graph{padding-top: 45px; padding-bottom: 80px; width: 100%;}
.hightlight_box1{position: relative;}
[class*=txt-highlight] {display: inline-block;line-height: inherit;font-weight: inherit;vertical-align: top;position: relative;z-index: 0;padding: 0 30px;overflow: hidden;left: 50%; transform: translateX(-50%); bottom: 0;}
[class*=txt-highlight]::after {content: '';display: block;width: 0;height: 20px;z-index: -1;border-bottom: 20px solid #d7a103;position: absolute;left: 0;bottom: 10px;}
.move [class*=txt-highlight]::after {animation: highlight 500ms linear;animation-fill-mode: both;animation-delay: 500ms;}
@keyframes highlight {
    0% { width: 0; }
    100% { width: 100%; }
}


/* section02 */
.section02{background: url(../img/section02_bg.png)no-repeat;background-position: center; background-size: cover;width: 100%;height: 534px;display: flex;align-items: center;}
.section02 .width{max-width:100% ;text-align: center;}
.section02 h1{font-size: 24rem; text-align: center; font-weight: 900; color: #ddae1f33;}
.section02 .width div{position: absolute;top: 38%; left: 0;right: 0;}

/* section03 */
.section03{position: relative;padding: 0; background: url(../img/section03_bg.png)no-repeat; background-position: center;background-size: cover;padding-bottom: 90px;}
.section03 .width{width: 90%!important;}
.section03 .sub_title{padding-top: 28rem;}
.section03 .icon_wrap{position: relative;z-index: 99;margin-top:45px ;}
.section03 .product_img{margin-top: -12px;}
.section03 .top_img{position: absolute; top: 0 ;left: 0;width: 12.3rem;}
.section03 .top_img img{width: 100%;}
.section03 .m_sub_title{display: none;}

/* section04 */
.section04{background: url(../img/section04_bg.png)no-repeat; background-position: center;background-size: cover;}
.section04 .width{max-width: 900px;padding-top: 5.3rem;}
.point{text-align: center;padding-bottom: 2rem;}
.section04 h1{font-size: 8rem; font-family:'GmarketSansBold';font-style: oblique;text-align: center;}
.section04 p:nth-of-type(1){text-align: center; padding-top: 5.4rem;font-size: 3.2rem; font-weight: 400; line-height: 130%;padding-bottom: 0rem;}
.section04 p:nth-of-type(1) span{padding-top: 54px;font-size: 3.2rem; font-weight: 600; line-height: 130%;}
.section04 p:nth-of-type(2){font-size: 2.8rem; text-align: center;}

.section04_img{background: url(../img/section04_img.png)no-repeat; background-position: center;background-size: cover;width: 100%; height: 68.7rem;}


/* section05 */
.section05{background: url(../img/section05_bg.png)no-repeat;background-position: center;background-size: cover;padding: 0;}
.section05 .width{max-width:1080px ;}
.section05 .top_img{text-align: center;width: 12.3rem;margin: 0 auto;}
.section05 img{width: 100%;}
.section05 .highlight_box2{display: flex;justify-content: center;}
.section05 h1{color: #fff;text-align: center; margin-top: 9rem;font-size: 8rem;font-style: oblique;margin-bottom: 5rem;font-family:'GmarketSansBold' ;letter-spacing: -2px;}
.section05 .highlight_box2 span{display: block; color: #fff;text-align: center; margin-top: 9rem;font-size: 8rem;font-style: oblique;margin-bottom: 5rem;font-family:'GmarketSansBold' ;left: 0;transform: translateX(0);padding: 0 10px;letter-spacing: -2px;margin-left: 10px;}
.section05 p{font-size: 3.2rem; font-weight: 400;color: #fff;text-align: center;}
.section05 .paper_wrap{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;margin-top: 60px;padding-bottom: 17rem; }
.section05 .paper_wrap .item{width: 32%;}
.section05 .item p{font-size: 2.2rem; text-align: center;font-weight: 300;padding-top: 3rem;}
.section05 .item p span{font-size: 1.4rem;}


/* section06 */
.section06{background: url(../img/section06_bg.png)no-repeat; background-size: cover;background-position: center;}
.section06 .width{max-width:1400px;padding-top: 12rem; padding-bottom: 17rem;}
.section06 h1{text-align: center; color: #fff; font-size: 8rem; font-family: 'GmarketSansBold';font-style: oblique;letter-spacing: -2px; margin-bottom: 60px;}
.section06 h1 span{font-size: 8rem; font-family: 'GmarketSansBold';font-style: oblique;background: linear-gradient(to right, #c2963f 10%, #e4ba54 35%, #eed382 50%, #fcf0b4 65%, #d1b063 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right: 10px;}
.section06 p{font-size: 2.8rem;text-align: center;color: #fff;padding-top: 4rem; padding-bottom: 8rem;}
.section06 .img_wrap{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap:70px 40px ;}


/* section07 */
.section07{background: url(../img/section07_bg.png)no-repeat; background-position: center;background-size: cover;padding: 0;padding-bottom: 7rem;}
.section07 .width{width: 90%!important;}
.section07 p{font-size: 3.2rem; font-weight: 700; color: #d7a103;padding-bottom: 2.5rem;}
.section07 h1{font-size: 6.5rem; font-weight: 700;line-height: 120%;letter-spacing: -3px;line-height: 130%;}
.section07 .txt-highlight{font-family: 'GmarketSansBold'; font-style: oblique;padding: 0 0 ;padding-right: 20px ; left: 0 ;transform: translateX(0); font-weight: initial;}
.section07 .highlight_box4{position: relative;margin-top: 7.5rem; margin-bottom: 3rem;}
.section07 .top_img{width: 12.3rem;}
.section07 .top_img img{width: 100%;}


/* section08 */
.section08{background: url(../img/section08_bg.png)no-repeat; background-position: center;background-size: cover;}
.section08 .width{padding-top: 15rem; padding-bottom: 20.7rem;}
.section08 h1{text-align: center; font-size: 8rem; font-style: oblique; font-family: 'GmarketSansBold';color: #fff;padding:3.5rem 0;letter-spacing: -2px;}
.section08 h1 span{font-size: 8rem; font-style: oblique; font-family: 'GmarketSansBold';background: linear-gradient(to right, #c2963f 10%, #e4ba54 35%, #eed382 50%, #fcf0b4 65%, #d1b063 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.section08 .txt_wrap{background-color: #fff; border-radius: 15px; width: 98%; max-width: 1277px; padding:5rem  4rem;margin:  0 auto;display: flex; justify-content: space-around;align-items: center;flex-wrap: wrap;}
.section08 .txt_wrap div{width: 30%;text-align: center;}
.section08 .txt_wrap p{width: 65%;word-break: keep-all;font-size: 2.3rem; line-height: 140%;font-weight: 400;}
.section08 .sub_title{text-align: center; padding-top: 24rem; padding-bottom: 4rem;}
.section08 .img_wrap{display: flex; justify-content: space-between;align-items: center;flex-wrap: wrap;}
.section08 .item img{width:100% ;}
.section08 .item p{color: #f6c15b; font-size: 3rem;text-align: center;font-weight: 400;padding-top:3rem ;}


/* section09 */
.section09{background: url(../img/section09_bg.png) no-repeat; background-position: center;background-size: cover;padding: 0;padding-bottom: 10.5rem;}
.section09 .width{max-width: 1000px;}
/* .section09 img{width: 100%;} */
.section09 .mark{display: flex; justify-content: flex-start; gap:  0 8px; align-items: center;width: 98%; max-width: 1600px ; margin: 0 auto;padding-top: 80px;}
.section09 h1{text-align: center; line-height: 105%; color: #fff; font-family: 'GmarketSansBold'; font-size: 8rem; font-style: oblique;letter-spacing: -3px;}
.section09 h1 span{text-align: center;line-height:100%; background: linear-gradient(to right, #c2963f 10%, #e4ba54 35%, #eed382 50%, #fcf0b4 65%, #d1b063 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; font-family: 'GmarketSansBold'; font-size: 8rem; font-style: oblique;padding-right: 12px;margin-right: -12px; }
.section09 .width>div{text-align: center;}
.section09 .paper_wrap{display: flex;flex-wrap: wrap; justify-content: center;align-items: center;gap: 30px 30px;}
.section09 .paper_wrap p{text-align: center; font-size: 2.4rem; color: #fff; font-weight: 600;padding-top: 3rem;}
.section09 .width>div:nth-of-type(1){padding-top: 3rem; padding-bottom: 5rem;}


/* section10 */
.section10{background: url(../img/section10_bg.png) no-repeat; background-position: center; background-size: cover;}
.section10 .width{max-width: 1600px;width: 90%!important;}
.section10 p{font-size: 3.2rem; font-weight: 700; color: #d7a103;padding-bottom: 2.5rem;padding-top: 3.8rem;}
.section10 h1{font-size: 6.5rem; font-weight: 700;line-height: 120%;letter-spacing: -3px;line-height: 140%;}
.section10 .highlight_box3{font-size: 6.5rem; font-family: 'GmarketSansBold';font-style: oblique;}
.section10 .highlight_box3 span:last-of-type{font-size: 6.5rem; font-family: 'GmarketSansBold';font-style: oblique;margin-left: -25px;z-index: 9;position: relative;}
.section10 .hightlight_box3{position: relative;}
.section10 .txt-highlight{padding: 0 0px ; padding-right: 20px ;left: 0; transform: translateX(-5px);font-size: 6.5rem; font-family: 'GmarketSansBold';font-style: oblique; font-weight: initial;}
.section10 .txt-highlight::after{bottom: 15px;}
.section10 .paper{padding-top: 4rem;width: 78.4rem;}
.section10 .right_content{display: flex; flex-direction: column;justify-content: flex-end;align-items: flex-end;}
.section10 .paper img{width: 100%;}

/* section11 */
.section11{background: url(../img/section11_bg.png) no-repeat; background-position: center;background-size: cover;}
.section11 .width{max-width: 1370px;}
.section11 .text{text-align: center;}
.section11 .text div{text-align: center;padding-top: 14rem;width: 100%;}
.section11 .text div img{width: 100%;}
.section11 .text p{font-size: 3.8rem; font-weight: 600;color:#fff;border-bottom: 2px solid #fff; padding: 0 5px; padding-bottom:5px ;display: inline-block;}
.section11 .img_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 75px 30px;padding-bottom: 17rem;padding-top: 6.5rem;}
.section11 .img_wrap p{color:#ddaf1f ;font-size: 2.5rem; font-weight: 500;text-align: center;background-color: #000;width: 100%; height:90px; line-height: 90px;}
.section11 .item{width: 30%;}
.section11 .item img{width: 100%;}



.section01 .mob{display: none;}
.section01 .mob1{display: none;}
.section01 .mob2{display: none;}
.section04 .mob3{display: none;}
.section11 .mob4{display: none;}
.section11 .mob1{display: none;}
#ft .mob5{display: none;}
.section01_mob{display: none;}

/* 반응형 */
@media screen and (max-width:1400px) {
    .section02 h1{font-size: 20rem;}
    .maintext_box{margin-left: 150px;}
    .ad3{padding-bottom: 18%;}
    .section08 .item{width: 30%;}
}
@media screen and (max-width:1200px) {
    #header .head_menu .pmenu{width: 47%;}
    #header .head_menu .pmenu li{width: 38%;}
    /* .swiper_visual .visual1,.swiper_visual .visual2,.swiper_visual .visual3{height: 70vh;} */
    .maintext_box{margin-left: 50px;margin-top: -30px;}
    .section09 .mark{padding-bottom: 5rem;}
}
@media screen and (max-width:1024px) {
    .section02 h1{font-size: 16rem;}
    .swiper_visual .visual1{background: url(../img/t_visual01.png) no-repeat;background-position: center;background-size: cover;width: 100%;height: 600px;}
    .maintext_box>div{width:60rem ;}
    .maintext_box img{width: 100%;}
    .swiper_visual .text1 h3,.swiper_visual .text1 h3 span,
    .swiper_visual .text2 h3, .swiper_visual .text2 h3 span,
    .swiper_visual .text3 h3, .swiper_visual .text3 h3 span{font-size: 3rem;line-height: 140%;}
    .maintext_box .ad2{margin-top: -20px;}
    .ad3{padding-bottom: 13%;}
    .maintext_box{margin-left: 140px;}
    .swiper_visual .visual2{background: url(../img/t_visual02.png) no-repeat;background-position: center;background-size: cover;width: 100%;height: 600px;}
    .swiper_visual .visual3{background: url(../img/t_visual03.png) no-repeat;background-position: center;background-size: cover;width: 100%;height: 600px;}
    .section01 .sub_title{width: 60%;margin: 0 auto;}
    .section01 h4{font-size: 4rem;}
    .section01 .graph{width: 90%; margin: 0 auto;}
    .section01 h1{font-size: 5rem;}
    [class*=txt-highlight]::after{height: 10px;}
    .section02 .width div{width: 80%; margin: 0 auto;}
    .section02 img, .section03 img{width: 100%;}
    .section03 .top_img{width: 10rem;}
    .section03 .sub_title{width: 60%;padding-top: 24rem;}
    .section03 .icon_wrap{width: 35rem;}
    .section03 .product_img{width: 30rem;}
    .point{width: 15rem; margin: 0 auto;}
    .point img{width: 100%;}
    .section04 h1{font-size: 5rem;}
    .section04 p:nth-of-type(1), .section04 p:nth-of-type(1) span{font-size: 2.5rem;}
    .section04 p:nth-of-type(1){padding-top: 4rem;}
    .section04 p:nth-of-type(2){font-size: 2rem;}
    .section04_img{height: 50rem;}
    .section05 .top_img{width: 10rem;}
    .section05 h1, .section05 .highlight_box2 span{font-size: 5rem;}
    .section05 .highlight_box2 span{padding: 0 ;padding-right: 10px;}
    .section05 .item p{font-size: 1.8rem;}
    .section06 h1, .section06 h1 span{font-size: 5rem;}
    .section06 p{font-size: 1.8rem;}
    .section06 .img_wrap div{width: 30%;}
    .section06 .img_wrap div img{width: 100%;}
    .section07 .top_img{width: 10rem;}
    .section07 p, .section10 p{font-size: 2.4rem;}
    .section07 h1, .section07 .txt-highlight{font-size: 4.5rem;}
    .section08 h1, .section08 h1 span{font-size: 5rem;}
    .section08 .txt_wrap{justify-content: space-between;}
    .section08 .sub_title{width: 60%; margin: 0 auto;}
    .section08 .sub_title img{width: 100%;}
    .section08 .item p{font-size: 2rem;}
    .section09 h1, .section09 h1 span{font-size: 5rem;}
    .section09 .width>div:nth-of-type(1){width: 30rem;margin: 0 auto;}
    .section09 .width>div:nth-of-type(1) img{width: 100%;}
    .section09 .mark{width: 80%;}
    .section09 .mark div{width: 9rem ;height: 9rem;}
    .section09 .mark div img{width: 100%}
    .section10 h1, .section10 .txt-highlight, .section10 .highlight_box3 span:last-of-type, .section10 .highlight_box3{font-size: 4.5rem;}
    .section10 .paper{width: 50rem;}
    .section10{background-position: 20%;}
    .section11 .text div{width: 60%; margin: 0 auto;padding-top: 10rem;}
    .section11 .text p{font-size: 2.8rem;}
    .section11 .img_wrap p{font-size: 1.8rem;line-height: 110%; padding: 30px 0;}
    .section11 .img_wrap{padding-bottom: 7rem;}
    #ft{margin-bottom: 0;}
}
@media screen and (max-width:850px) {
    .section02{height: 350px;}
    .section02 h1{font-size: 10rem;}
    .maintext_box{margin-left: 47px;}
    .swiper_btn_wrap .swiper-pagination-bullet{width: 15px ;height: 15px;}
    .section07 div:last-of-type{width: 28rem;}
    .section07 div:last-of-type img{width: 100%;}
    .section08 .txt_wrap div img{width: 100%;}
    .section08 .item p{font-size: 2rem;}
    .section08 .arrow{margin-top: -45px;}
    .section09 .item{width: 30%;}
    .section09 img{width: 100%;}
    .section09 .product{width:48rem ;margin: 0 auto;}
}
@media screen and (max-width:768px) {
    .swiper_visual .visual1{background: url(../img/m_visual01.png) no-repeat;height: 800px;}
    .swiper_visual .visual2{background: url(../img/m_visual02.png) no-repeat;height: 800px;}
    .swiper_visual .visual3{background: url(../img/m_visual03.png) no-repeat;height: 800px;}
    #ft .foot_info span:nth-of-type(1)::after, #ft br{display: none;}
    .foot_info span{line-height: 172%;}
    .Hfull{height: 800px;}
    .section02{height: 350px;}
    .section03 .icon_wrap{width: 25rem;}
    .section01 h4{font-size: 2.8rem;}
    .section01 h1{font-size: 3.8rem;}
    [class*=txt-highlight]::after{bottom: 0;}
    .section03{background: url(../img/m_section03_bg.png) no-repeat; background-position: center;background-size: cover;}
    .section03 .icon_wrap{width: 25rem;}
    .section04 h1{font-size: 3.8rem;}
    .section04 p:nth-of-type(1), .section04 p:nth-of-type(1) span{font-size: 1.8rem;}
    .section04 p:nth-of-type(2){font-size: 1.6rem;}
    .section04_img{height: 40rem;}
    .section05 .top_img, .section07 .top_img{width: 8.5rem;}
    .section05 h1, .section05 .highlight_box2 span{font-size: 3.5rem;}
    .section05 p{font-size: 1.6rem;}
    .section06 h1, .section06 h1 span{font-size: 3.5rem;}
    .section07 h1, .section07 .txt-highlight{font-size: 3.5rem;}
    .section07{background: url(../img/m_section07_bg.png)no-repeat;background-size: cover; background-position: center;padding-bottom: 0;}
    .section08 .width{padding-top: 8rem;}
    .section08 .sub_title{padding-top: 16rem;}
    .section09 h1, .section09 h1 span{font-size: 3.5rem;}
    .section08 h1, .section08 h1 span{font-size: 3.5rem;}
    .section08 .txt_wrap p{font-size: 2rem;}
    .section09 .width>div:nth-of-type(1){width: 25rem;}
    .section09 .product{width: 40rem;}
    .section09 .paper_wrap p{font-size: 1.8rem;}
    .section10 {background: url(../img/m_section10_bg2.png) no-repeat; background-position: -120px; background-size: cover;}
    .section10 h1, .section10 .txt-highlight, .section10 .highlight_box3 span:last-of-type, .section10 .highlight_box3{font-size:3.5rem ;}
    .section10 .paper{width: 39rem;}
    .section10 .txt-highlight::after{bottom: 0;}
    .section11 .text p{font-size: 1.8rem; font-weight: 500;}
    .secion11 .mob{display: block; }
    .section11 .item{width: 32%;}
    .section11 .img_wrap{gap: 30px 10px;}
    
    .maintext_box{margin-left: 74px;}
    .section01 .circle span{width: 1.2rem;height: 1.2rem;}
    .swiper_btn_wrap {bottom: 2%;}
    .section04 p:nth-of-type(1){font-size: 2.0rem;}
    .section04{padding: 60px 0 25px 0;}
}
@media screen and (max-width:650px) {
    .section03{background-position: 62%;}
    .section07{background-position: 61%;}
    .section10{background-position: -136x;}
    .section05 .item p{font-size: 1.4rem;}
    /* .swiper_visual .visual1{background: url(../img/m_visual01.png) no-repeat;height: 600px;}
    .swiper_visual .visual2{background: url(../img/m2_visual02.png) no-repeat;height: 600px;}
    .swiper_visual .visual3{background: url(../img/m_visual03.png) no-repeat;height: 600px;} */
    .swiper_btn_wrap .swiper-pagination{width: 12%;}
    .section06 .img_wrap div{width: 40%;}
    .section06 .img_wrap{gap: 30px 30px;}

}
@media screen and (max-width:480px) {
    .section04 .width{padding-top: 0;}
    .section02 h1{font-size: 5rem;}
    .Hfull{height: 630px;}
    .swiper_visual .swiper-slide{}
    .swiper_visual .visual1{background: url(../img/m2_visual01.png) no-repeat;height: 630px;}
    .swiper_visual .visual2{background: url(../img/m2_visual02.png) no-repeat;height: 630px;}
    .swiper_visual .visual3{background: url(../img/m2_visual03.png) no-repeat;height: 630px;}
    [class*=txt-highlight]{padding: 0 10px;}
    .section01 .sub_title{width: 100%;}
    .section01 .mob2{display: block;}
    .section01 h1{text-align: center;font-size: 3.5rem;line-height: 130%;}
    .section01 h1 span{text-align: center;font-size: 3.5rem;line-height: 130%;font-weight: 700;font-family: 'GmarketSansBold';}
    .section01_pc{display: none;}
    /* .section01_mob{display: inline-block;display: block; font-size: 3.5rem;line-height: 130%;
        font-weight: 700 ; font-family: 'GmarketSansBold';margin-left: -5px;}
    .section01_mob span{display: block; font-size: 3.5rem;line-height: 130%;
    font-weight: 700 ; font-family: 'GmarketSansBold';margin-left: -5px;}  */

    .section02{height: 250px;}
    .section02 .width div{width: 98%;}
    .section03 .sub_title{padding-top:19rem ;}
    .section03 .sub_title{width: 100%;}
    .section03 .product_img{width: 22rem;}
    .section03 .icon_wrap{width: 23rem;}
    .section03{padding-bottom: 55px;}
    .point{width: 12rem;}
    .section04 h1{font-size: 2.8rem;}
    .section04 p:nth-of-type(1), .section04 p:nth-of-type(1) span{font-size: 1.6rem; }
    .section04 .mob3{display: block;}
    .section04_img {height: 30rem;}
    .section05 .item p{font-size: 1.1rem;padding-top: 1rem;letter-spacing: -0.3px;}
    .section05 .item p span{display: none;}
    .section05 h1, .section05 .highlight_box2 span{font-size: 2.8rem; margin-top: 7rem;}
    .section05 .paper_wrap{margin-top: 20px;padding-bottom: 10rem;}
    .section06 .width{padding-top: 2rem;padding-bottom: 6rem;}
    .section06 h1, .section06 h1 span{font-size: 2.8rem;}
    .section06 p{padding-top: 2rem;padding-bottom: 5rem;}
    .section07 .highlight_box4{margin-top: 5.5rem;}
    .section07 div:last-of-type{width:22rem ;}
    .section08 .width{padding-top: 0rem;padding-bottom:1.7rem ;}
    .section08 h1, .section08 h1 span{font-size: 2.8rem;padding: 2rem 0;}
    .section08 .txt_wrap div{width: 65%;}
    .section08 .txt_wrap{justify-content: center; gap: 20px 0 ;}
    .section08 .txt_wrap p{width: 90%;text-align: center;}
    .section08 .sub_title {padding-top: 10rem;}
    .section08 .sub_title{width: 100%;}
    .section08 .arrow{padding-top: 5rem;}
    .section08 .arrow img{transform: rotate(90deg);}
    .section08 .item{width: 95%; }
    .section08 .img_wrap{justify-content: center; gap: 40px  0;}
    .section08 .item p{padding-top: 1rem;}
    .section09 .mark div{width: 7rem; height: 7rem;}
    .section09 .item{width: 60%;}
    .section10 {background-position: center;}
    .section10 .right_content{align-items: center;}
    .section11 .text div{width: 90%; padding-top: 5rem;}
    .section11 .img_wrap{justify-content: center;}
    .section11 .item{width: 44%;}
    .section11 .img_wrap{gap: 30px 10px;}
    .section11 .img_wrap p{font-size: 1.6rem;}
    .maintext_box .ad1{margin-left: -15px;}
    .maintext_box>div{width: 40rem;}
    .swiper_visual .text1 h3, .swiper_visual .text1 h3 span, .swiper_visual .text2 h3, .swiper_visual .text2 h3 span, .swiper_visual .text3 h3, .swiper_visual .text3 h3 span{font-size: 2.6rem;}
    .maintext_box {margin-left: 25px;margin-top: -50px;}
    .swiper_btn_wrap .swiper-pagination{width: 30%;transform: translateX(-30%);}
    #mob_head{height: 126px;}
    .section03 .m_sub_title{display: block;width: 60%;padding-top: 20rem;}
    .section03 .m_sub_title img{width: 100%;}
    .section03 .sub_title{display: none;}
    .section10 h1, .section10 .txt-highlight, .section10 .highlight_box3 span:last-of-type, .section10 .highlight_box3,.section07 h1, .section07 .txt-highlight{font-size: 3.3rem;}
    .section09 .paper_wrap{gap: 30px 10px;}
    .section09 .item{width: 46%;}
    .section11 .mob4{display: block;}
    .section11 .mob1{display: block;}
    .section10 p{color: #b28501;}
    #ft .mob5{display: block;;}

    [class*=txt-highlight2] {
        display: inline-block;
        line-height: inherit;
        font-weight: inherit;
        vertical-align: top;
        position: relative;
        z-index: 0;
        padding: 0 10px;
        overflow: hidden;
    }
    [class*=txt-highlight2]::after {
        content: '';
        display: block;
        width: 0;
        height: 20px;
        z-index: -1;
        border-bottom: 20px solid #d7a103;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .move1 [class*=txt-highlight2]::after {
        animation: highlight2 500ms linear;
        animation-fill-mode: both;
        animation-delay: 500ms;
    }
    @keyframes highlight2 {
        0% { width: 0; }
        100% { width: 100%; }
    }
}