.main_visual {position: relative;height: 100vh;top: 0;left: 0;background-color: #fff;width: 100%;overflow: hidden;}
.main_visual .in_inner{width: 100%;margin: 0 auto;padding: 0 80px;height: 100vh;top: 0;position: absolute;display: flex;flex-direction: column;justify-content: center;padding-top: 110px;}

.main_visual .box{opacity: 0;position: absolute;top: 0;left: 0; width: 100%; height: 100%; }
.main_visual .box .main_img{ width: 100%; height: 100%; }
.main_visual .box.on{opacity: 1;transition: 1s}
.main_visual .box .v_txt > span{display: block;font-family: "Red Hat Display", sans-serif;font-size: 24px;color: #FFFFFF;font-weight: 600;margin-bottom: 30px;}
.main_visual .box .v_txt strong{font-size: 56px;color: #FFFFFF;line-height: 72px;;}
.main_visual .box .v_txt p{font-size: 60px;font-family: "Red Hat Display", sans-serif;color: #fff;font-weight: 900;}
.main_visual .box .v_txt p b{font-size: 130%;font-weight: inherit;font-family: "Red Hat Display", sans-serif;}
.main_visual .btn_w{bottom: 80px;left: 80px;z-index: 20;position: absolute;display: flex;align-items: center;gap: 10px}
.main_visual .btn_w button{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;transition: 0.5s;border-radius: 50%}
.main_visual .btn_w button:hover{background: #fff}
.main_visual .btn_w button path{transition-duration: 0.5s}
.main_visual .btn_w.on button path{stroke: #50555A}
.main_visual .btn_w.on button:hover{background: #2194FF}
.main_visual .btn_w.on button:hover path{stroke: #fff}
.main_visual .btn_w.on .prograss{background: #E6EBF5}
.main_visual .btn_w button:hover path{stroke: #2590F3}
.main_visual .btn_w .prograss{width: 300px;height: 2px;background: rgba(255,255,255,0.2);margin-left: 30px;position: relative}
.main_visual .btn_w .prograss:after{content: '';display: block;width: 0%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;border-radius: 20px}
.main_visual .btn_w.active .prograss:after{width: 100%;transition: 8s}
.main_visual .btn_w.on .prograss:after{background: #2194FF}
#main .m_title{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 50px;}
#main .m_title .title_txt span{display: block;font-family: "Red Hat Display", sans-serif;font-size: 18px;color: #2590F3;font-weight: 700;margin-bottom: 15px;}
#main .m_title .title_txt span em{font-size: 130%;color: inherit;color: inherit}
#main .m_title .title_txt strong{font-size: 32px;display: block;;line-height: 44px;color: #1A1A1A;font-weight: 500;}
#main .m_title .title_txt strong em{ font-size: 130%; color: inherit; color: inherit; }
.more a{display: flex;;width: 190px;height: 56px;background-color: #2590F3;border-radius: 50px;overflow: hidden;position: relative;}
.more a i{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;display: flex;;align-items: center;justify-content: center;z-index: 15}
.more a i svg{display: block;}
.more a span{display: flex;;width: 100%;height: 100%;;color: #FFFFFF;display: flex;;align-items: center;;justify-content: center;font-family: "Red Hat Display", sans-serif;position: relative;z-index: 15}
.more a span, .more a i{transition: 0.5s}
.more a:hover span, .more a:hover i{transform: translateY(-100%)}
#main .main_con01{padding: 160px 0;}
#main .main_con01 .swiper {overflow: visible;}
#main .main_con01 .swiper .swiper-slide{ transition: opacity .3s; }
#main .main_con01 .swiper .swiper-slide-prev{ opacity: 0; }
#main .main_con01 .swiper .img{overflow: hidden;border-radius: 20px;background-color: #F8F8F8;position: relative;}
#main .main_con01 .swiper .img div{position: relative;z-index: 5;;}
#main .main_con01 .swiper .img:before{content: '';display: block;;width: 150%;padding-top: 150%;background-color: #000;position: absolute;;left: -25%;top: -25%;border-radius: 50%;background-color: #2590F3;transform: translateY(100%);transition: 0.5s;}
#main .main_con01 .swiper a:hover .img:before{transform: translateY(0);}
#main .main_con01 .swiper .img img{width: 100%;display: block;transform: translateY(30px);transition: 0.5s}
#main .main_con01 .swiper a:hover .img img{transform: translateY(0)}
#main .main_con01 .swiper .txt{padding-top: 25px;}
#main .main_con01 .swiper .txt .title{display: flex;;justify-content: space-between;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #E8E8E8;}
#main .main_con01 .swiper .txt .title strong{display: block;font-family: "Red Hat Display", sans-serif;font-size: 24px;}
#main .main_con01 .swiper .txt .title span{display: flex;height: 36px;align-items: center;background-color: #EFF7FF;border-radius: 7px;padding: 0 15px;font-size: 15px;color: #2590F3;font-weight: 600;}
#main .main_con01 .swiper .txt .info {padding-top: 25px;}
#main .main_con01 .swiper .txt .info strong{display: block;font-size: 18px;color: #303030;font-weight: 600;}
#main .main_con01 .swiper .txt .info p{font-size: 17px;color: #8D9198;margin-top: 10px;}
#main .main_con01 .swiper .txt .info div{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 20px;}
#main .main_con01 .swiper .txt .info div span{display: flex;height: 39px;align-items: center;border: 1px solid #2590F3;padding: 0 20px;font-size: 15px;color: #2590F3;font-weight: 500;border-radius: 20px;}
#main .main_con04{margin-top: 160px}
#main .main_con04 .bg img{display: block; min-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main .main_con04 .bg > div{ position: relative; width: 100%; height: 500px; }
#main .main_con04 .bg{display: flex;align-items: center;justify-content: center;border-radius: 10px;overflow: hidden;}
#main .main_con04 .inner2{position: relative;}
#main .main_con04 .wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;;align-items: center;justify-content: center;;}
.inner2{padding: 0 80px;}
.inner{width: 1520px;}

#main .main_con02{padding: 160px 0;background-color: #F6F9FB;}
#main .main_con02 .sw_w .swiper{overflow: visible;}
#main .main_con02 .sw_w .swiper-slide{width: 330px;transition: 1s;overflow: hidden;}
#main .main_con02 .sw_w .swiper-slide-active{width: 820px;}
#main .main_con02 .sw_w .img_wrap{display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 12px;}
#main .main_con02 .sw_w a{position: relative;border-radius: 12px;overflow: hidden;;}
#main .main_con02 .sw_w a .txt{position: absolute;height: 250px;background:linear-gradient(to bottom, rgba(15,50,90,0), rgba(15,50,90,0.3));width: 100%;bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 40px;padding-right: 0;;border-radius: 0 0 12px 12px;}
#main .main_con02 .sw_w a .txt strong{display: block;font-size: 28px;color: #FFFFFF;font-weight: 600;margin-bottom: 10px;}
#main .main_con02 .sw_w a .txt p{display: block;color: #FFFFFF;opacity: 0.8;font-family: "Red Hat Display", sans-serif;}
#main .main_con02 .sw_w a .arr{position: absolute;bottom: 0;right: 40px;padding-bottom: 40px;transform: translateY(100%);transition: 1s;}
#main .main_con02 .sw_w .swiper-slide-active a .arr{transform: translateY(0);}


#main .main_con03{padding: 160px 0;}
#main .main_con03 .sw_w a{display: block;position: relative;}
#main .main_con03 .sw_w .wrap{display: block;}
#main .main_con03 .sw_w .wrap .img{position: relative;border-radius: 12px;overflow: hidden;position: relative;}
#main .main_con03 .sw_w .wrap .img:before{content: '';display: block;;width: 100%;height: 40%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, #0F325A, #0F325A00);;opacity: 0.15;}
#main .main_con03 .sw_w .wrap .img:after{content: '';display: block;;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0F325A;mix-blend-mode: multiply;transition: 0.5s;opacity: 0}
#main .main_con03 .sw_w .wrap:hover .img:after{opacity: 0.5;}
#main .main_con03 .sw_w .wrap .img .tag{position: absolute;top: 28px;left: 28px;z-index: 5}
#main .main_con03 .sw_w .wrap .img .tag span{display: flex;height: 39px;border: 1px solid #FFFFFF;padding: 0 20px;border-radius: 50px;align-items: center;font-size: 15px;color: #FFFFFF;font-weight: 500;}
#main .main_con03 .sw_w .wrap .img i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.5s;z-index: 5}
#main .main_con03 .sw_w .wrap:hover .img i{opacity: 1}
#main .main_con03 .sw_w .wrap .img i svg{display: block;}
#main .main_con03 .sw_w .wrap .img img{display: block;width: 100%;transition: 0.5s}
#main .main_con03 .sw_w .wrap:hover .img img{transform: scale(1.1)}
#main .main_con03 .sw_w .wrap .txt{padding-top: 20px;}
#main .main_con03 .sw_w .wrap .txt p{font-size: 17px;color: #8D9198;margin-top: 15px;}
#main .main_con03 .sw_w .wrap .txt strong{display: block;font-size: 22px;color: #000000;font-weight: 700;}

#main .main_con05{padding-top: 160px;padding-bottom: 160px;;}
#main .main_con05 > div{display: flex;;justify-content: space-between;align-items: flex-start;}
#main .main_con05 ul{display: flex;gap: 30px}
#main .main_con05 ul a{width: 600px;display: block;background-color: #F1F4FB;position: relative;border-radius: 20px;overflow: hidden;}
#main .main_con05 ul a .icon{position: absolute;right: 15px;bottom: 15px;;}
#main .main_con05 ul a .icon:before{content: '';display: block;width: 600px;height: 600px;position: absolute;background: #2590F3;top: 50%;left: 50%;margin-left: -300px;margin-top: -300px;border-radius: 50%;transform: scale(0);transition: 0.5s;}
#main .main_con05 ul a:hover .icon:before{transform: scale(2);}
#main .main_con05 ul a .icon img{display: block;;position: relative;z-index: 15;}
#main .main_con05 ul a .wr{height: 340px;display: flex;;flex-direction: column;justify-content: space-between;position: relative;z-index: 15;padding: 40px}
#main .main_con05 ul a .cate span{display: inline-block;;line-height: 37px;border: 1px solid #2590F3;padding: 0 20px;font-size: 15px;color: #2590F3;font-weight: 500;border-radius: 50px;transition: 0.5s;}
#main .main_con05 ul a:hover .cate span{border-color: #fff;color: #fff;}
#main .main_con05 ul a .txt strong{display: block;font-size: 24px;color: #222222;font-weight: 600;line-height: 36px;margin-bottom: 20px;transition: 0.5s;}
#main .main_con05 ul a:hover .txt strong{color: #fff;}
#main .main_con05 ul a:hover .txt p{color: #D3E9FD;}
#main .main_con05 ul a .txt p{font-size: 17px;color: #818A9F;line-height: 26px;transition: 0.5s;}

#main .m_title .title_txt span{transform: translateY(70px);opacity: 0;}
#main .on .m_title .title_txt span{transform: translateY(0px);opacity: 1;transition: 1.2s;}
#main .m_title .title_txt strong{transform: translateY(70px);opacity: 0;}
#main .on .m_title .title_txt strong{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;}
#main .m_title .more{transform: translateY(70px);opacity: 0;}
#main .on .m_title .more{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;}

#main .main_con01 .sw_w{transform: translateY(70px);opacity: 0;}
#main .main_con01.on .sw_w{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}

#main .main_con02 .sw_w{transform: translateY(70px);opacity: 0;}
#main .main_con02.on .sw_w{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con03 .sw_w{transform: translateY(70px);opacity: 0;}
#main .main_con03.on .sw_w{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con04 .more{transform: translateY(70px);opacity: 0;}
#main .main_con04.on .more{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con05 ul li{transform: translateY(70px);opacity: 0;}
#main .main_con05.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;}
#main .main_con05.on ul li:nth-child(2){transition-delay: 0.9s;}

#main .main_con04 .bg img{transform: translate(-50%,-50%) scale(1.15);transition: 2s;}
#main .main_con04.on .bg img{transform: translate(-50%,-50%) scale(1); transition: 2s;}

.main_visual .box .v_txt > span{transform: translateX(70px);opacity: 0;transition: 1.2s}
.main_visual .box .main_img img{
	display: block; min-height: 100vh; min-width: 100vw; object-fit: fill; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.1); transition: 3s;	
}
.main_visual .box.on .main_img img{display: block;transform: translate(-50%,-50%) scale(1); }
.main_visual .box.on .v_txt > span{transform: translateX(0);opacity: 1;transition: 1.2s}
.main_visual .box .v_txt > strong{transform: translateX(70px);opacity: 0;transition: 1.2s;display: block}
.main_visual .box.on .v_txt > strong{transform: translateX(0);opacity: 1;transition: 1.2s;transition-delay: 0.3s}
.main_visual .box .v_txt > p{transform: translateX(70px);opacity: 0;transition: 1.2s;display: block}
.main_visual .box.on .v_txt > p{transform: translateX(0);opacity: 1;transition: 1.2s;transition-delay: 0.6s}
.main_visual .box.box1 .v_txt2 > strong{transform: translateX(-70px);opacity: 0;transition: 1.2s;display: block}
.main_visual .box.box1.on .v_txt2 > strong{transform: translateX(0);opacity: 1;transition: 1.2s;transition-delay: 0.6s}

.main_visual .box.box1{width: 100%;height: 100%;background: #fff}
.main_visual .box.box1 .v_txt > span{color: #93A0AE}
.main_visual .box.box1 .btm_icon{position: absolute;bottom: 0%;left: 50%;transform: translate(-50%,0%)}
.main_visual .box.box1 .btm_icon img{display: block}
.main_visual .box.box1 .product_image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,calc(-50% + 50px))}
.main_visual .box.box1 .product_image:after{content: '';display: block;width: 612px;height: 612px;background: #2194FF;border-radius: 50%;top: 50%;left: 50%;margin-top: -306px;margin-left: -306px;position: absolute}
.main_visual .box.box1 .product_image div{position: relative;z-index: 4}
.main_visual .box.box1 .v_txt > strong{color: #1A1A1A}
.main_visual .box.box1 .v_txt2 > strong{color: #2194FF;font-size: 126px;font-weight: 800;display: block}
.main_visual .box.box1 .v_txt2 > strong b{font-size: 130%;font-weight: inherit;font-family: inherit}
.main_visual .box.box1 .in_obj{display: flex;align-items: center;justify-content: space-between}
.main_visual .box.box1 .product_image div{transform: translateY(70px);opacity: 0;transition: 1.2s;display: block}
.main_visual .box.box1.on .product_image div{transform: translateX(0);opacity: 1;transition: 1.2s;}
.main_visual .box.box1 .product_image:after{transform: scale(0);opacity: 0;transition: 1.2s;display: block}
.main_visual .box.box1.on .product_image:after{transform: scale(1);opacity: 1;transition: 1.2s;transition-delay: 0.6s}
.main_visual .box.box1 .btm_icon img{transform: translateY(100%);opacity: 0;transition: 1.2s;display: block}
.main_visual .box.box1.on .btm_icon img{transform: translateX(0);opacity: 1;transition: 1.2s;}

@media (max-width: 1716px) {
    .inner2{padding: 0 40px;}
    #header .hd_inner{padding: 0 40px;}
    #footer{padding: 80px 40px;}
    #footer .f02 .right{flex-direction: column;}
    .main_visual .in_inner{padding: 0 40px}
    .main_visual .box.box1 .v_txt2 > strong{font-size: 100px}
}

@media (max-width: 1516px) {
    .inner{width: 100%;padding: 0 50px;}
    #main .main_con05 > div{flex-direction: column;}
    #main .main_con05 .list{width: 100%;}
    #main .main_con05 ul{width: 100%;}
    #main .main_con05 ul a {width: 100%;}
    #main .main_con05 ul li{flex: 1;}
    .main_visual .box.box1 .product_image img{width: 260px}
    .main_visual .btn_w{bottom: 20px;left: 20px}
    .main_visual .box.box1 .product_image:after{width: 400px;height: 400px;margin-top: -200px;margin-left: -200px}
}
@media (max-width: 1416px) {
    #header .hd_inner .left{gap: 30px}
    .inner2{padding: 0 20px;}
    #footer{padding: 40px 20px;}
    #header .hd_inner{padding: 0 20px;}
    #main .main_con04 .bg > div{height: 400px;}
    #header .hd_inner #gnb > ul > li > a{padding: 0 15px;}
    #footer .f02 .ser ul, #footer .f02 .left ul{gap: 40px}
    #footer .f02 .right{padding-left: 40px;}
    #footer .f03 img{width: 400px;}
    #footer .f02 .right{gap: 60px}
}
@media (max-width: 1060px) {
    #header #search_content{top: 60px;padding: 40px 20px}
    #quick ul li a i svg{display: block;width: 26px;height: auto}
    #header #search_content .search input{height: 40px;font-size: 13px}
    #header #search_content .search button{width: 40px;height: 40px}
    #header #search_content .search button svg{width: 15px;height: auto}
    #quick ul li a strong{font-size: 11px;}
    #quick ul li button div i{font-size: 11px}
    #quick ul li button{width: 50px;height: 50px;}
    #quick ul li a{width: 70px;height: 80px;}
    #quick{right: 20px;bottom: 20px}
    .main_visual .btn_w{gap: 7px}
    #quick ul{gap: 10px}
    .main_visual .btn_w button{width: 26px;height: 26px}
    .main_visual .btn_w .prograss{margin-left: 10px;width: 150px}
    .main_visual .btn_w button svg{display: block;transform: scale(0.7)}
    #main .main_con03 .sw_w .wrap .img .tag{left: 10px;top: 10px;}
    #main .main_con03 .sw_w .wrap .img .tag span{height: 27px;padding: 0 15px;font-size: 13px;}
    .main_visual .box .v_txt > span{font-size: 20px;margin-bottom: 20px;;}
    .main_visual .box .v_txt p{font-size: 36px;}
    .main_visual .box .v_txt strong{font-size: 36px;line-height: 1.5;}
    .main_visual .in_inner{padding: 0 20px;}
    #main .main_con05{padding: 60px 0;}
    #main .main_con05 ul a {border-radius: 10px;}
    #main .main_con05 ul a .cate span{font-size: 13px;line-height: 30px;padding: 0 15px;}
    #main .main_con05 ul a .icon img{width: 120px}
    #main .main_con05 ul a .wr{padding: 20px;height: 190px;}
    #main .main_con05 ul a .txt p{font-size: 13px;line-height: 1.5;;}
    #main .main_con05 ul a .txt strong{font-size: 18px;line-height: 1.5;margin-bottom: 10px;;}
    #header .hd_inner #gnb{display: none;}
    #header .hd_inner .right .menu_btn{display: block}
    #header .hd_inner .right .menu_btn button{display: flex;flex-direction: column;gap: 4px}
    #header .hd_inner .right .menu_btn button i{display: block;width: 22px;height: 1px;background: #1a1a1a}
    #header .hd_inner{height: 70px;}
    #main .main_con01, #main .main_con02, #main .main_con03{padding: 80px 0;}
    #main .main_con01 .swiper .txt{padding-top: 15px;}
    #main .main_con01 .swiper .txt .info{padding-top: 15px;}
    #main .main_con01 .swiper .txt .info div{margin-top: 10px;}
    #main .main_con01 .swiper .txt .info div span{height: 30px;padding: 0 7px;font-size: 14px;}
    #main .main_con01 .swiper .txt .info strong{font-size: 16px;}
    #main .main_con01 .swiper .txt .info p{font-size: 15px;}
    #main .main_con01 .swiper .txt .title strong{font-size: 16px;}
    #main .main_con01 .swiper .txt .title span{height: 30px;padding: 0 7px;font-size: 14px;}
    #main .m_title .title_txt strong{font-size: 24px;line-height: 1.5;;}
    #main .m_title .title_txt span{font-size: 14px;margin-bottom: 15px;;}
    .more a{width: 150px;height: 40px;font-size: 14px;}
    #main .m_title{margin-bottom: 25px;}
    #main .main_con03 .sw_w .wrap .txt p{font-size: 13px;margin-top: 7px;;}
    #main .main_con03 .sw_w .wrap .txt strong{font-size: 16px;line-height: 1.5;;}
    #header .hd_inner .left #logo img {height: 17px;}
    #header .hd_inner .right{gap: 20px}
    #header .hd_inner .right .lang button{font-size: 13px;}
    #header .hd_inner .right .sch_btn button svg{width: 15px;height: auto;}
    #header .hd_inner .right .lang button svg{width: 7px;height: auto;;}
    #header .hd_inner{height: 60px;}
    #main .main_con02 .sw_w .swiper-slide{width: 30vw;}
    #main .main_con02 .sw_w .swiper-slide-active{width: 70vw;}
    #main .main_con02 .sw_w .img_wrap img{height: 360px;}
    #main .main_con02 .sw_w a .txt{padding: 20px;}
    #main .main_con02 .sw_w a .txt strong{font-size: 15px;}
    #main .main_con02 .sw_w a .txt span{font-size: 12px;}
    #main .main_con02 .sw_w a .arr{padding-bottom: 20px;right: 20px;}
    #main .main_con02 .sw_w a .arr svg{width: 30px;height: auto;}
    #main .main_con02 .sw_w a .txt p{font-size: 11px;}
    #main .main_con02 .sw_w a .txt strong{margin-bottom: 5px;}

    #footer .f02 .right .ser ul li a{font-size: 17px;}
    #footer .f02 .right ul li p{font-size: 13px;line-height: 1.5;}
    #footer .f02 .right .ser ul li a{margin-bottom: 10px;}
    #footer .f02 .right .ser strong{margin-bottom: 25px;}
    #footer .f02 .right ul li span{font-size: 12px;}
    #footer .f02 .left ul{flex-direction: column;gap: 15px}
    #footer .f02 .left{gap: 15px}
    #footer .f02 .left ul li p, #footer .f02 .left ul li span{font-size: 12px;}
    #footer .f02 .sns img{width: 32px;}
    #footer .f02 .right{justify-content: space-between;}
    #footer .f01 .right .priv a{font-size: 13px;}
    #footer .f01 h2{font-size: 13px;}
    #footer .f01 .right .family button svg{width: 7px;height: auto;;}
    #footer .f01 .right{gap: 20px}
    #footer .f03 address{font-size: 12px;word-break: keep-all;;}
    #footer .f03 img{width: 200px;}
    #footer .f02{margin-bottom: 40px;}
    #footer .f01 .right .family button{height: 40px;padding: 0 20px;font-size: 13px;width: 130px;}
    .main_visual .box.box1 .v_txt2 > strong{font-size: 60px}
    .main_visual .box.box1 .product_image img{width: 200px}
    .main_visual .box.box1 .product_image:after{width: 300px;height: 300px;margin-top: -150px;margin-left: -150px}
#main .main_con04{margin-top: 60px}
	#header .hd_inner .right .lang a{font-size: 12px;line-height: 26px}

}
@media (max-width: 800px) {
    .main_visual .box.box1 .in_obj{flex-direction: column;align-items: center;text-align: center;padding-top: 100px}
    .main_visual .box.box1 .in_inner{align-items: flex-start;justify-content: flex-start}
    .main_visual .box.box1 .in_obj{width: 100%}
    .main_visual .box .v_txt > span{font-size: 13px;margin-bottom: 15px}
    .main_visual .box .v_txt strong{font-size: 24px;line-height: 1.5}
    .main_visual .box.box1 .v_txt2 > strong{font-size: 30px}
    .main_visual .box.box1 .btm_icon img{width: 800px}
    .main_visual .box.box1 .product_image{bottom: 100px;transform: translate(-50%, 0);top: auto}
}
@media (max-width: 660px) {
    #header #search_content .search input{max-width: 100%}
    #header #search_content .search{max-width: 100%}
    .main_visual .box.box1 .in_obj{padding-top: 0}
    .main_visual .box.box1 .in_inner{height: calc(100% - 300px);align-items: center;justify-content: center;padding-top: 0}
    .main_visual .box.box1 .product_image img{width: 170px}
    .main_visual .box.box1 .product_image:after{width: 220px;height: 220px;margin-top: -110px;margin-left: -110px}
    #footer .f02 .right ul{gap: 20px}
    #footer .f02{margin-bottom: 20px;}
    #footer .f03 img{width: 120px;}
    #footer .f01 .right .family button{padding: 0 15px;width: 110px;height: 30px;}
    #footer .f01 .right{gap: 10px}
    #footer .f01 .right .priv a{font-size: 12px;}
    #footer .f01{margin-bottom: 20px;}
    #footer .f03{flex-direction: column;gap: 10px;justify-content: flex-start;align-items: flex-start;}
    #footer .f02 .left ul{flex-direction: row;flex-wrap: wrap;}
    #footer .f02 .right{gap: 20px}
    #footer .f02 .right{padding-left: 0;border-left: none;border-top: 1px solid #E8E8E8;margin-top: 25px;padding-top: 25px;;}
    #footer .f02{flex-direction: column;}
    #main .m_title .title_txt strong{font-size: 20px;}
    .more a{width: 100px;}
    #main .m_title .title_txt span{font-size: 12px;margin-bottom: 5px;}
    .more a span{font-size: 13px;}
    #main .main_con01 .swiper .txt .title{flex-direction: column-reverse;align-items: start;gap: 7px}
    #main .main_con01 .swiper .txt .info div span{height: 25px;font-size: 12px;}
    #main .main_con01 .swiper .txt .info p{font-size: 13px;margin-top: 5px;}
    #main .main_con01 .swiper .txt .info strong{font-size: 14px;}
    #main .main_con01, #main .main_con02, #main .main_con03{padding: 50px 0;}
    #main .main_con03 .sw_w > div{overflow: visible;}
    #main .main_con04 .bg > div{height: 250px;}
    #main .m_title{margin-bottom: 15px;}
    #main .main_con05 .m_title br{display: none;}
    #main .main_con05 ul{flex-direction: column;gap: 10px}
    .main_visual .box .v_txt strong{font-size: 26px;}
    .main_visual .box .v_txt p{font-size: 28px;}
    .main_visual .box .v_txt > span{font-size: 14px;margin-bottom: 10px;;}
    #main .main_con02 .sw_w .img_wrap img{height: 330px;}
    #main .m_title .title_txt strong{word-break: keep-all;}
    #main .main_con05 ul a .txt strong{font-size: 16px;}
    #main .main_con05 ul a .icon img{width: 100px;}
    #main .main_con01 .swiper .img{border-radius: 10px;}
}