body{background: linear-gradient(to bottom, #00429A, #003582, #000048, #09112C)}
#header.ac:after{height: 100%}
#header.sub_header.ac:after{height: 0%}
#header.sub_header.act:after{height: 180px}
#header.ac:hover:after{height: 200px}
.main_visual{background: linear-gradient(to bottom, #00429A, #003582, #000048, #09112C);height: 100vh;width: 100%;position: fixed}
.main_visual .vis_deco01{position: absolute;left: -637px;top: -316px;}
.main_visual .vis_deco01{position: absolute;left: -637px;top: -280px;}
.main_visual .vis_deco02{position: absolute;right: -877px;bottom: -1236px;mix-blend-mode: screen}
.main_visual .vis_deco02 .img:after{content: '';display: block;width: 100%;height: 30%;background:  linear-gradient(to top, rgba(0,0,0,0.0), rgba(0,0,0,0.4), rgba(0,0,0,0.0));position: absolute;top: 0;left: 0;mix-blend-mode: multiply;animation: sha 5s infinite linear}
@keyframes sha{
    0%{top: -100%}
    100%{top: 100%}
}
.sub_pop{display: none}

/*.main_visual .vis_deco02 .img img{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));opacity: 0}*/
.main_visual .vis_deco02 .img{position: absolute;top: 0;left: 0;transform: scale(0.9);}
/*.main_visual .vis_deco02 .img{position: absolute;top: 0;left: 0;transform: scale(0.9);opacity: 0;transition: 1s;filter: blur(50px);left: 2%}*/
.main_visual .vis_deco02 .svg_wrap{position: absolute;left: 23%;top: 4%;}
.main_visual .vis_deco02 .svg_wrap #그룹_23154 > *{filter: blur(10px);animation: twi2 3s infinite linear;opacity: 0.1}
@keyframes twi2{
    0%{filter: blur(20px);opacity: 0.1}
    50%{filter: blur(0px);opacity: 1}
    100%{filter: blur(20px);opacity: 0}
}
/*.main_visual.on .vis_deco02 .img{opacity: 1;transition: 1s;transform: scale(1);filter: blur(0px);z-index: -1}*/
.main_visual > .blood_base{mix-blend-mode: screen;position: absolute;left: -637px;top: -280px;transform: scale(0.8)}

#blood_wrap #blood_in .blood_fat_line01{opacity: 0}
#blood_wrap #blood_in .blood_fat_line02{opacity: 0}
#blood_wrap #blood_in .top_01{opacity: 1}
#blood_wrap #blood_in .bot_01{opacity: 1}
.vis_f{height: 100vh;position: relative}
.vis_f:before{content: '';display: block;width: 100%;background: rgba(0,13,47,0.9);height: calc(100% + 2000px);top: 100%;position: absolute}
.vis_f:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 260px;background: linear-gradient(to bottom, rgba(0,13,47,0), rgba(0,13,47,0.9))}
.vis_f .vis_title{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;z-index: 50;position: relative}
.vis_f .vis_title span{display: block;font-size: 50px;color: #FFFFFF;font-weight: 500;margin-bottom: 17px;letter-spacing: 5px}
.vis_f .vis_title strong{display: block;font-size: 80px;color: #FFFFFF;font-weight: 600;letter-spacing: 3px}
.vis_f .vis_title p{margin-top: 21px; color: #3984f2;text-align: center;font-size: 20px;letter-spacing: 5px;opacity: 0;filter: blur(30px);}
.vis_f.on .vis_title p{animation: 1s small ;animation-fill-mode: forwards;animation-delay: 3.2s}
@keyframes small{
	0%{opacity: 0;filter: blur(30px)}
	100%{opacity: 1;filter: blur(0px);}
}
.vis_f .vis_title i{color: inherit; font-weight: inherit;display: inline-block}
.vis_f .hdl-line{position: relative;z-index: 30;position: absolute;top: 50%;left: 50%;margin-left: -370px;margin-top: -347px;}
.vis_f .hdl-line .hdl_wrap{width: 218px;height: 218px;backdrop-filter: blur(20px);border-radius: 50%;border: 2px solid #6DF0FA;background: rgba( 0, 0, 0, 0.6 );backdrop-filter: blur(10px);color: white;display: flex;align-items: flex-end;justify-content: center;padding-bottom: 35px;position: relative}
.vis_f .hdl-line .line_W{position: absolute;left: 50%;bottom: 0;transform: translateX(-110%) translateY(100%) rotateY(180deg)}
.vis_f .hdl-line .hdl_wrap .hdl_box{position: absolute;left: -13%;top: -12%}
.main_con02{height: 100vh;padding-top: 210px;position: relative;z-index: 3}
/*.main_con02:before{content: '';display: block;background: rgba(0,13,47,0.9);height: 100vh;height: 100%; position: absolute;z-index: -1;width: 100%;top: 0}*/
.main_con02 .title strong{display: block;text-align: center;font-size: 20px;line-height: 40px;font-weight: 300;color: #BAC6E4;opacity: 1}
.main_con02 .txt_w{margin-top: 55px;position: relative;z-index: 5}
.main_con02 .txt_w ul {transform: translateY(50%)}
.main_con02 .txt_w ul li p{text-align: center;font-size: 40px;color: #525F87;margin-bottom: 30px;font-weight: 600}
.main_con02 .b_wrap > div{position: absolute;mix-blend-mode: screen;left: 50%;bottom: 0;}
.main_con02 .b_wrap > div.b01{margin-left: -822px;}
.main_con02 .b_wrap > div .light{position: absolute;top: 0;left: 0;animation: tw2 2s infinite linear;opacity: 0;animation-delay: 3s}
.main_con02 .b_wrap > div .ai{position: absolute;top: 0;left: 0;animation: tw 2s infinite linear;}
@keyframes tw{
    0%{opacity: 1}
    50%{opacity: 0.5}
    100%{opacity: 1}
}
@keyframes tw2{
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}
.main_con02 .b_wrap > div .ai2{position: absolute;top: 0;left: 0;clip-path: circle(0% at 49.5% 39%);transition: 2.6s}
.main_con02.on .b_wrap > div .ai2{clip-path: circle(90% at 49.5% 39%);}
.main_con02 .b_wrap > div.b02{margin-left: 215px;}
.main_con02 .b_wrap > div.b02 .hdl{position: absolute;left: 20%;top: 20%;z-index: -1}
.main_con02 .b_wrap > div.b02 .on_img{position: absolute;top: 0;left: 0;opacity: 0}
.main_con02.on .b_wrap > div.b02 .on_img{opacity: 0;animation: twi 2s infinite linear}
.main_con02 .heart .heart_on{position: absolute;top: 0;left: 0;opacity: 0}
.main_con02 .heart .heart_on.on{animation: twi 2s infinite linear}
.main_con02 .heart{position: absolute;    position: absolute;
    left: 50%;
    margin-left: -990px;
    bottom: -1039px;}
@keyframes twi{
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}
.main_con03{background: #000C2F;padding: 185px 0; padding-left: 710px;position: relative;position: relative;position: relative;z-index: 2}
.main_con03:before{content: '';display: block;position: absolute;top: 0; right: 0; width: 50%;height: 100%;background: linear-gradient(195deg, rgba(1,59,142,0), rgba(1,59,142,0.25));border-radius: 0 0 0 400px}
.main_con03 .m_title{position: absolute;left: 50%;margin-left: -710px}
.m_title strong{display: block;color: #FFFFFF;font-size: 50px;font-weight: 600;margin-bottom: 29px}
.m_title p{font-size: 20px;font-weight: 300;line-height: 40px;color: #BAC6E4;}
.main_con03 .bg{position: absolute;bottom: -72px;left: -30px;mix-blend-mode: screen;opacity: 0}
.main_con03 .slid_w{width: 1360px;}
.main_con03 .slid_w .swiper-slide{width: 300px;;transition: 0.5s}
.main_con03 .slid_w .swiper-slide-prev .wrap .img_in{box-shadow: none}
.main_con03 .slid_w .swiper-slide-prev .wrap .img_in .edge02{display: none}
.main_con03 .slid_w .swiper-slide-prev .wrap .img_in .edge03{display: none}
.main_con03 .slid_w .swiper-slide-active{width: 673px;padding-left: 81px;}
.main_con03 .slid_w .wrap{height: 592px;}
.main_con03 .slid_w .wrap {position: relative}
.main_con03 .slid_w .wrap .text_w{position: absolute;z-index: 10;;bottom: 90px;left: -10px;}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w{transition: 1s}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in{transition: 1s}
.main_con03 .slid_w .wrap .text_w .txt_in{width: 360px;height: 179px;;padding-left: 50px;display: flex;align-items: center;position: relative;border-radius: 20px;}
.main_con03 .slid_w .wrap .text_w .txt_in .flag img{width: 50px;}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in .flag img{width: 64px;}
.main_con03 .slid_w .wrap .text_w:before{content: '';display: block;position: absolute;right: 0;top: 0;width: 14px;height: 14px;transform: translate(-30px,30px);opacity: 0;transition: 1s}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w:before{transform: translate(0,0);opacity: 1;transition-delay: 0.4s}
.main_con03 .slid_w .wrap .text_w .txt p{color: #fff;font-size: 20px;margin-top: 10px;}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt p{font-size: 24px;}
.main_con03 .slid_w .wrap .img_in{;width: 300px;transition: 0.3s;height: 400px;transform: translateY(100px);position: relative;}
.main_con03 .slid_w .wrap .img_in:after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.0));position: absolute;bottom: 0;left: 0;z-index: 3;transition: 0.7s}
.main_con03 .slid_w .swiper-slide-active .wrap .img_in:after{height: 0}
.main_con03 .slid_w .swiper-slide-active .wrap .img_in{width: 100%;height: 587px;transform: translateY(0px);border-radius: 40px;}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w{left: -50px;bottom: 30px;transition-delay: 0.4s}
.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in{background: #16A5EF;transition-delay: 0.4s}
.main_con03 .slid_w .wrap .img_in div.img{overflow: hidden;position: relative;width: 100%;height: 100%;z-index: 3}
/*
.main_con03 .slid_w .wrap .img_in .edge{position: absolute;width: 10px;height: 10px;box-sizing: border-box}
.main_con03 .slid_w .wrap .img_in .edge01{top: -1px;left: -1px;border-top: 2px solid #6DF0FA;border-left: 2px solid #6DF0FA;}
.main_con03 .slid_w .wrap .img_in .edge02{top: -1px;right: -1px;border-top: 2px solid #6DF0FA;border-right: 2px solid #6DF0FA;}
.main_con03 .slid_w .wrap .img_in .edge03{bottom: -1px;right: -1px;border-bottom: 2px solid #6DF0FA;border-right: 2px solid #6DF0FA;}
.main_con03 .slid_w .wrap .img_in .edge04{bottom: -1px;left: -1px;border-bottom: 2px solid #6DF0FA;border-left: 2px solid #6DF0FA;}
*/
.main_con03 .slid_w .swiper-slide-active .wrap .img_in div.img{overflow: hidden;border-radius: 32px;width: 100%;height: 100%;position: relative}
.main_con03 .slid_w .swiper-slide-active .wrap .img_in img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.main_con04{background: #000C2F;padding-top: 180px;padding-bottom: 180px;}
.main_con04 .m_title{text-align: center;margin-bottom: 120px;}
.main_con04 .img{width: 440px;margin: 0 auto;position: relative;max-width: 100%}
.main_con04 .wrap{position: relative}
.main_con04 .wrap:before{content: '';display: block;width: 660px;height: 944px;background: url(/img/main2/bg_wrap.png);position: absolute;left: 50%;top: 50%;margin-left: -330px;margin-top: -472px;z-index: -1;transform: scaleY(0);transition:1.7s;opacity: 0;pointer-events: none}
.main_con04 .swiper-slide-active .wrap:before{transform: scaleY(1);opacity: 1}
.main_con04 .img{overflow: hidden;transition:1.7s;border-radius: 0}
.main_con04 .swiper-slide-active .img{border-radius: 60px 60px 0 0}
.main_con04 .img img{display: block;max-width: 100%}
.main_con04 .swiper-slide{opacity: 0.5}
.main_con04 .swiper-slide-active{opacity: 1}
.main_con04 .swiper-slide-prev{opacity: 1}
.main_con04 .swiper-slide-next{opacity: 1}
.main_con04 .txt{position: relative;width: 100%;height: 156px;}
.main_con04 .txt .bg{position: absolute;left: 50%;transform: translateX(-50%);top: 0; text-align: center;}
.main_con04 .txt .txt_w{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.main_con04 .txt .txt_w span{display: inline-block;padding: 0 21px;line-height: 35px;background: #1F3358;border-radius: 35px;font-size: 18px;color: #FFFFFF;margin-bottom: 10px;transition: 0.7s}
.main_con04 .swiper-slide-active .txt .txt_w span{background: #004FBF}
.main_con04 .txt .txt_w p{display: block;color: #FFFFFF;font-size: 24px;text-align: center}
.main_con04 .txt{margin-top: -10px;position: relative;transition: 0.7s}
.main_con04 .txt .bg{opacity:0;transition: 0.7s;border-radius: 20px;height: 156px;background: #16A5EF;width: 100%}
.main_con04 .txt .bg svg{display: block;display: none}
/*.main_con04 .txt .bg svg{backdrop-filter: blur(20px);border-radius: 50px 50px 0 0 }*/
.main_con04 .swiper-slide-active .txt .bg{opacity: 1}

.main_con04 .swiper-slide{padding-top: 80px;transition: 0.7s}
.main_con04 .swiper-slide-prev{padding-top: 40px}
.main_con04 .swiper-slide-next{padding-top: 40px}
.main_con04 .swiper-slide-active{padding-top: 0}
.main_con04 .swiper{overflow: visible}
.main_con04{overflow: hidden;position: relative}
.main_con04 .prog{position: absolute;width: 100%;bottom: 172px;padding: 0 238px}
.main_con04 .prog .swiper-pagination-progressbar{position: relative;width: 100%;height: 4px;background: rgba(255,255,255,0.1);border-radius: 19px;}
.main_con04 .prog .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 2px;top: 1px;border-radius: 19px;background: #4BBCFF}
#blood_wrap #blood_in .blood_base img{mix-blend-mode: overlay}
#blood_wrap #blood_in .blood_base{opacity: 0}


#blood_wrap{transform: scale(0.8)}


/*.main_con04, .main_con03, .main_con02,    */



/* .main_con02, .main_con01, .vis_f{display: none}*/



/*
.main_visual{transform: scale(0.9);overflow: hidden;border-radius: 70px;box-shadow: 0 0 80px rgba(109,240,250,0.25);transition: 1.2s;transition-delay: 1.2s}
.main_visual.on{transform: scale(1);border-radius: 0}
*/
.main_visual > .blood_base > div{transform: translateX(-150px);transition: 1.5s;opacity: 0}
.main_visual.on > .blood_base > div{transform: translateX(0);opacity: 1}
.main_visual #blood_in{transform: translateX(-150px);transition: 1.5s;opacity: 0}
.main_visual.on #blood_in{transform: translateX(0);opacity: 1}
.main_visual .vis_deco02 > .in{transform: translateX(150px);transition: 1.5s;opacity: 0}
.main_visual.on .vis_deco02 > .in{transform: translateX(0);opacity: 1}


.vis_f .hdl-line{animation: hdl 2s;animation-fill-mode: forwards;animation-delay: 4s;opacity: 0;transform: translateX(-100px);}
.vis_f .hdl-line:after{content: '';display: block;width: 288px;height: 288px;background: url(/img/main2/hbl_bg_line.png);position: absolute;top: 50%;left: 50%;margin-top: -144px;margin-left: -144px;animation: cir 10s infinite linear}

@keyframes cir{
    0%{transform: rotate(0deg)}
    100%{transform: rotate(360deg)}
}
.vis_f .vis_title i{ letter-spacing: -0.03em; }
.vis_f .vis_title i b{ display: inline-block; width: 3px; }

.vis_f .vis_title i{filter: blur(40px);opacity: 0;animation: blur 2s;animation-fill-mode: forwards}
.vis_f .vis_title i.t01{animation-delay: 1.5s}
.vis_f .vis_title i.t02{animation-delay: 1.7s}
.vis_f .vis_title i.t03{animation-delay: 1.9s}
.vis_f .vis_title i.t04{animation-delay: 2.1s}
.vis_f .vis_title i.t05{animation-delay: 2.3s}
.vis_f .vis_title i.t06{animation-delay: 2.5s}
.vis_f .vis_title i.t07{animation-delay: 2.7s}
.vis_f .vis_title i.t08{animation-delay: 2.9s}
.vis_f .vis_title i.t09{animation-delay: 3.1s}
.vis_f .vis_title i.t10{animation-delay: 3.3s}
.vis_f .vis_title i.t11{animation-delay: 3.5s}
.vis_f .vis_title i.t12{animation-delay: 3.7s}
.vis_f .vis_title i.t13{animation-delay: 3.9s}
.vis_f .vis_title i.t14{animation-delay: 4.1s}
.vis_f .vis_title i.t15{animation-delay: 4.3s}
.vis_f .vis_title i.t16{animation-delay: 4.5s}
.vis_f .vis_title i.t17{animation-delay: 4.7s}
.vis_f .vis_title i.t18{animation-delay: 4.9s}
.vis_f .vis_title i.t19{animation-delay: 5.1s}
.vis_f .vis_title i.t20{animation-delay: 5.3s}
.vis_f .vis_title i.t21{animation-delay: 5.5s}
.vis_f .vis_title i.t22{animation-delay: 5.7s}
.vis_f .vis_title i.t23{animation-delay: 5.9s}
.vis_f .vis_title i.t24{animation-delay: 6.1s}
.vis_f .vis_title i.t25{animation-delay: 6.3s}
.vis_f .vis_title i.t26{animation-delay: 6.5s}
.vis_f .vis_title i.t27{animation-delay: 6.7s}
.vis_f .vis_title i.t28{animation-delay: 6.9s}


.main_con02 .title{transform: translateY(40px);opacity: 0;transition: 0.7s}
.main_con02.act .title{transform: translateY(0);opacity: 1}
.main_con03 .m_title{transform: translateY(40px);opacity: 0;transition: 0.7s}
.main_con03.act .m_title{transform: translateY(0);opacity: 1}
.main_con04 .m_title strong{transform: translateY(40px);opacity: 0;transition: 0.7s}
.main_con04.act .m_title strong{transform: translateY(0);opacity: 1}
.main_con04 .m_title strong{transform: translateY(40px);opacity: 0;transition: 0.7s}
.main_con04.act .m_title strong{transform: translateY(0);opacity: 1}
.main_con04 .m_title p{transform: translateY(40px);opacity: 0;transition: 0.7s}
.main_con04.act .m_title p{transform: translateY(0);opacity: 1}
.main_con02 .b_wrap > div.b01{transform: translateX(-70px);opacity: 0;transition: 0.7s}
.main_con02.act .b_wrap > div.b01{transform: translateX(0);opacity: 1}
.main_con02 .b_wrap > div.b02{transform: translateX(70px);opacity: 0;transition: 0.7s}
.main_con02.act .b_wrap > div.b02{transform: translateX(0);opacity: 1}
.main_con02 .txt_w > div{transform: translateY(40px);opacity: 0;transition: 0.7s}
.main_con02.act .txt_w > div{transform: translateY(0);opacity: 1}

.main_con03 .slid_w{transform: translateY(80px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
.main_con03.act .slid_w{transform: translateY(0);opacity: 1}
.main_con04 .swiper{transform: translateY(80px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
.main_con04.act .swiper{transform: translateY(0);opacity: 1}
.main_visual .vis_deco02{position: absolute;right: -757px;bottom: -1076px;mix-blend-mode: screen}

@keyframes blur{
    0%{filter: blur(40px);opacity: 0;}
    100%{filter: blur(0);opacity: 1;}
}
@keyframes hdl{
    0%{transform: translateX(-100px);opacity: 0}
    100%{transform: translateX(0px);opacity: 1}
}

.main_visual .vis_deco02 img{width: 2000px}
.main_visual > .blood_base, #blood_wrap{transform: scale(0.7)}

@media (max-width: 1716px) {
    .vis_f .hdl-line{margin-left: -300px}
}
@media (max-width: 1416px) {
	.vis_f .hdl-line .hdl_wrap .hdl_box{transform: none !important}
	.main_visual > .blood_base, #blood_wrap{transform: scale(0.6)}
	.main_visual .vis_deco02 img{width: 1800px}
	.main_visual .vis_deco02{right: -707px;bottom: -936px;}
	.main_visual > .blood_base, .main_visual .vis_deco01{left: -787px}
	.vis_f .vis_title span{font-size: 30px;}
	.vis_f .vis_title strong{font-size: 60px;}
	.main_con02 .title strong{font-size: 17px;line-height: 1.7}
	.main_con02 .txt_w ul li p{font-size: 32px;}
	.main_con02 .b_wrap > div.b01 img{width: 450px;}
	.main_con02 .b_wrap > div.b02 img{width: 440px;}
	.main_con02 .b_wrap > div.b02 .hdl img{width: 50px;}
	.main_con03 .m_title{left: 0;margin-left: 0;padding-left: 30px;}
	.main_con02 .heart{left: 0;margin-left: -210px;}
	.main_con02 .b_wrap > div.b01{margin-left: -20px;left: 0}
	.main_con02 .b_wrap > div.b02{margin-right: -20px;right: 0;left: auto;margin-left: 0;bottom: 30px;}
	.m_title strong{font-size: 40px;}
	.main_con03{padding-left: 380px;}
	.m_title p{font-size: 16px;line-height: 1.7}
	.main_con04 .txt{height: 130px;}
	.main_con04 .txt .bg svg{height: 130px;width: auto}
	.main_con04 .txt .txt_w span{font-size: 15px;}
	.main_con04 .txt .txt_w p{font-size: 20px;}
    
}

@media (max-width: 1100px) {
	.main_con03 .slid_w .swiper-slide-active{width: 500px}	
	.vis_f .hdl-line{display: none}
	.main_visual > .blood_base, #blood_wrap{transform: scale(0.4)}
	.main_visual > .blood_base, .main_visual .vis_deco01{left: -887px}
	.main_visual .vis_deco02 img{width: 1400px}
    .main_visual .vis_deco02 {right: -507px;bottom: -536px;}

}
@media (max-width: 980px) {
	.vis_f .vis_title span{font-size: 22px;margin-bottom: 8px}
	.vis_f .vis_title strong{font-size: 40px;}
	.main_con02 .title strong{font-size: 14px;}
	.main_con02{height: auto}
	.main_con02 .b_wrap{display: flex;justify-content: center}
	.main_con02 .b_wrap > div{position: relative}
	.main_con02 .txt_w ul{transform: none}
	.main_con02{padding: 60px 0}
	.main_con02 .txt_w ul li p{font-size: 24px;}
	.main_con02 .txt_w ul li p{margin-bottom: 15px;}
	.main_con02 .txt_w{margin-top: 35px}
	.main_con02 .b_wrap > div.b01 img{width: 350px;}
	.main_con02 .b_wrap > div.b02 img{width: 340px;}
	.main_con02 .heart{display: none}
	.main_con03 .m_title{position: static;padding-left: 0}
	.main_con03{padding: 60px 20px}
	.main_con03 .m_title{margin-bottom: 40px;}
	.m_title strong{font-size: 32px;margin-bottom: 20px;}
	.m_title p{font-size: 13px;}
	.main_con03 .slid_w .swiper-slide-active{padding-left: 40px;}
	.main_con03 .slid_w .wrap{height: 530px}
	.main_con03 .slid_w .swiper-slide-active .wrap .img_in img{height: 530px;}
	.main_con03 .slid_w .swiper-slide-active .wrap .img_in{height: 530px;}
	.main_con03 .slid_w .swiper-slide{width: 240px}
	.main_con03 .slid_w .swiper-slide-active{width: 420px;}
	.main_con03 .slid_w .wrap .img_in{width: 250px;height: 330px}
	.main_con03 .slid_w .wrap .text_w .txt p{font-size: 14px;}
	.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt p{font-size: 20px;}
	.main_con03 .slid_w .wrap .text_w .txt_in .flag img{width: 30px}
	.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in .flag img{width: 40px}
	.main_con03 .slid_w .wrap .text_w .txt_in{width: 280px;height: 140px;left: 20px;padding-left: 20px;}
	.main_con04{padding: 60px 0}
	.main_con04 .m_title{margin-bottom: 30px}
	.main_con04 .wrap:before{width: 500px;height: 600px;background-size: 100% 100%;margin-left: -250px;margin-top: -300px;}
	.main_con04 .prog{padding: 0 20px;bottom: 40px;}
	.main_con04 .txt{}
	.vis_f:before{display: none}
	.main_con02{background: rgba(0, 13, 47, 0.9);}
	.main_con03:before{width: 80%;border-radius: 40px 0 0 40px}
    #footer .ft_inner{padding: 60px 20px;}
    #footer .f_l strong svg{width: 110px;height: auto}
    #footer{padding: 0}
}


@media (max-width: 660px) {
	.main_con04 .txt{background: rgba(109, 240, 250, 0.2);height: auto;padding: 30px 20px; backdrop-filter: saturate(180%) blur(20px);border-radius: 20px 20px 0 0 }
	.main_con04 .txt .bg svg{display: none}
	.main_con04 .txt .txt_w{position: static;transform: none}
	.main_con04 .img{max-width: 90%;margin: 0 auto}
	.main_con04 .swiper-slide-active .img{border-radius: 12px 12px 0 0;max-width: 90%;margin: 0 auto}
	.main_con04 .txt .txt_w p{font-size: 14px;}
	.main_con04 .txt .txt_w span{font-size: 12px;line-height: 26px;padding: 0 15px;}
	.main_con04 .swiper-slide-prev, .main_con04 .swiper-slide-next{padding-top: 20px;}
	.main_visual > .blood_base, #blood_wrap{transform: scale(0.35)}
	.main_visual > .blood_base, .main_visual .vis_deco01{left: -887px}
	.main_visual .vis_deco02 img{width: 800px;}
	.main_visual .vis_deco02{bottom: auto;top: 0;right: -270px}
	.vis_f:after{height: 70px;}
	.main_con02 .txt_w ul li p{font-size: 20px;}
	.main_con02 .b_wrap > div.b01 img{width: 220px;}
	.main_con02 .b_wrap > div.b02 img{width: 220px;}
	.main_con03 .slid_w .swiper-slide{width: 200px;}
	.main_con03 .slid_w .swiper-slide-active{width: 330px}
	.main_con03 .slid_w .swiper-slide-active .wrap .img_in img{height: 400px;}
	.main_con03 .slid_w .swiper-slide-active .wrap .img_in, .main_con03 .slid_w .wrap{height: 400px;}
	.main_con03 .slid_w .swiper-slide-active .wrap .img_in{padding: 4px;border-radius: 25px}
	.main_con03 .slid_w .swiper-slide-active .wrap .img_in div.img{border-radius: 22px}
	.main_con03 .slid_w .wrap .img_in{width: 200px;height: 240px;}
	.main_con03 .slid_w .wrap .img_in{transform: translateY(80px)}
	.main_con03 .slid_w .swiper-slide-active{padding-left: 20px}
	.main_con03 .slid_w .swiper-slide-active .wrap .text_w{left: -20px;}
	.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in{left: 0}
	.main_con03 .slid_w{width: 100%}
	.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in .flag img{font-size: 30px;}
	.main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt p{font-size: 14px;}
	.main_con03 .bg{display: none}
    .main_con02 .title{padding: 0 20px;}
    .main_con04 .txt .bg{height: 100%;border-radius: 10px;z-index: -1}
    .main_con04 .txt{background: none;}
    .main_visual .vis_deco02{top: 5%}

    
}
@media (max-width: 550px) {
	.main_con02 .b_wrap > div.b02{bottom: 15px}
	.m_title strong{font-size: 30px;margin-bottom: 10px;}
	.main_visual .vis_deco02 img{width: 540px;}
	.vis_f .vis_title strong{font-size: 36px;}
	.vis_f .vis_title span{font-size: 17px;}
	.main_con03{padding-top: 0}
	.main_con03 .slid_w .wrap .text_w .txt_in {width: 220px;height: 120px;}
    .main_con03 .slid_w .swiper-slide-active .wrap .img_in, .main_con03 .slid_w .wrap{height: 300px}
    .main_con03 .slid_w .swiper-slide-active{width: 250px;}
    .main_con03 .slid_w .wrap .text_w{bottom: 0}
    .main_con03 .slid_w .wrap .img_in {transform: translateY(36px);}
    .main_con03 .slid_w .swiper-slide-active .wrap .img_in div.img{border-radius: 10px}
    .main_con03 .slid_w .wrap .text_w .txt_in{border-radius: 10px;}
    .main_con03 .slid_w .wrap .text_w{bottom: 30px;}
    .main_con03 .slid_w .swiper-slide-active .wrap .text_w .txt_in .flag img{width: 30px;}
    .main_con02 .title strong br{display: none}
    .main_visual .vis_deco02{right: 50%;transform: translateX(50%)}
    .main_visual > .blood_base{position: relative;z-index: 999}
   .main_visual .vis_deco01{background: linear-gradient(to bottom, #00429A00 10%, #00358200 20%, #000048, #000048, #09112C)}
    .main_visual .vis_deco01{z-index: 5}

    .main_visual > .blood_base, #blood_wrap{transform: scale(0.47)}
    #blood_wrap #blood_in .blood_base{opacity: 0.3}
        .main_con03 .slid_w .wrap .text_w .txt_in {
        width: 200px;
        height: 90px;
    }
    .main_con03 .slid_w .wrap .text_w .txt p{margin-top: 5px;}
    .main_con04 .txt{padding: 15px}
    
}