html{background: #F9FBFC}
#header.act .hd_inner{background: #fff}
.btn_w button{position: absolute;z-index: 15}
.btn_w button span{display: flex;width: 60px;height: 60px;position: relative;align-items: center;justify-content: center}
.btn_w button.prev span svg{display: block;transform: rotate(180deg)}
.btn_w button span svg{position: relative;z-index: 2}
.btn_w button span svg path{transition: 0.7s}
.btn_w button:hover span svg path{stroke:#fff}
.btn_w button span:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 2px solid #0096E6;border-radius: 50%;box-sizing: border-box;transition: 0.5s;background: #fff}
.btn_w button span:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0096E6;border-radius: 50%;box-sizing: border-box;transition: 0.7s;transform: scale(0.8);opacity: 0}
.btn_w button span:hover:before{transform: scale(1.2);opacity: 0}
.btn_w button span:hover:after{transform: scale(1);opacity: 1}
#quick01{position:fixed;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 9999;box-shadow: 0 0 40px rgba(0,82,126,0.1);border-radius: 50px 50px 0 0 }
#quick01 > i svg{display: block}
#quick01 > i.left{position: absolute;bottom: 0;left: -30px;}
#quick01 > i.right{position: absolute;bottom: 0;right: -30px;}
#quick01 ul{background: #fff;display: flex;padding: 20px;gap:0 20px;border-radius: inherit}
#quick01 ul li a{display: flex;width: 200px;height: 60px;box-sizing: border-box;border: 2px solid #0096E6;border-radius: 30px;align-items: center;justify-content: center;font-size: 18px;color: #0096E6;}
#quick01 ul li:nth-child(1) a{background: #0096E6;position: relative;border-radius: 38px 38px 0 38px;border: none}
#quick01 ul li:nth-child(1) a i{position: absolute;bottom: 0;right: -20px;}
#quick01 ul li:nth-child(1) a i svg{display: block;}
#quick01 ul li:nth-child(1) a strong{color: #fff;display: flex;align-items: center;justify-content: center;gap:0 14px;}
#quick01 ul li:nth-child(1) a strong svg{display: block;}
#quick02{right: 20px;top: 50%;transform: translateY(-50%);position: fixed;z-index: 999;opacity: 0;transition: 0.7s}
#quick02.on{opacity: 1}
#quick02 ul{background: #fff;width: 80px;right: 20px;padding: 25px 0;border-radius: 10px;border: 1px solid #D5E3EB;box-shadow: 0 0 40px rgba(0,82,126,0.1);}
#quick02 ul li{margin-bottom: 30px;}
#quick02 ul li:last-child{margin-bottom: 0}
#quick02 ul li a{display: block;text-align: center;}
#quick02 ul li a strong{display: block;font-size: 14px;font-weight: 400;line-height: 16px;color: #596870;margin-top: 8px;}
#quick02 ul li a path{transition: 0.7s}
#quick02 ul li a text{transition: 0.7s}
#quick02 ul li:hover a path{fill: #0096E6}
#quick02 ul li:hover a text{fill: #0096E6}
#quick02 button{width: 100%;height: 80px;background: #0096E6;border-radius: 10px;text-align: center;margin-top: 10px;}
#quick02 button i{display: block}
#quick02 button strong{font-size: 18px;color: #FFFFFF;margin-top: 3px;font-weight: 400; font-family: "Outfit", sans-serif;}
#smoother-content{will-change: transform}
#main .visual_w{position: relative;width: 100%;height: 100vh;padding-left: 100px}
#main .visual_w .bg_line{position: absolute;top: -2px;left: 0}
#main .visual_w .main_visual{position: absolute;right: 0;bottom: 0}
#main .visual_w .main_visual .slide_box{position: relative;width: 1200px;height: 700px;overflow: hidden;border-radius: 300px 0 0 0}
#main .visual_w .main_visual .slide_box > div{position: absolute;top: 0;left: 0}
.swiper .swiper-slide{overflow: visible !Important}
#main .visual_w .main_visual .slide_box > div{transform: translateX(100%) translateY(100%)}
#main .visual_w .main_visual .slide_box > div.on{transform: translateX(0%) translateY(0%);transition: 1.5s}
#main .visual_w .main_visual .slide_box > div.prev{transform: translateX(-100%) translateY(-100%);transition: 2s}
#main .visual_w .main_visual .slide_box .img_w{border-radius: 300px 0 0 0;overflow: hidden}
#main .visual_w .main_visual .button_w{position: absolute;z-index: 5;bottom: 125px;display: flex;left: -80px;}
#main .visual_w .main_visual .button_w button{width: 80px;height: 120px;position: relative}
#main .visual_w .main_visual .button_w button i{background: #F9FBFC;position: absolute;top: 0;width: 100%;height: 100%;display: block;transition: 0.7s}
#main .visual_w .main_visual .button_w button i:before{content: '';display: block;width: 7px;height: 14px;background: url(img/main/ne.png);position: absolute;top: 50%;margin-top: -7px;right: 24px;}
#main .visual_w .main_visual .button_w button.prev i:before{content: '';display: block;width: 7px;height: 14px;background: url(img/main/pr.png);position: absolute;top: 50%;margin-top: -7px;left: 24px;right: auto;}
#main .visual_w .main_visual .button_w button i:before{opacity: 0;transition: 0.7s}
#main .visual_w .main_visual .button_w button:hover i:before{opacity: 1}
#main .visual_w .main_visual .button_w button:hover i{width: 100px;}
#main .visual_w .main_visual .button_w button.prev i{right: 0;border-radius: 30px 0 0 30px}
#main .visual_w .main_visual .button_w button.next i{left: 0;border-radius: 0 30px 30px 0}
#main .visual_w .main_visual .button_w button span{position: relative;z-index: 2;font-size: 18px;color: #A6BAC5;font-family: "Outfit", sans-serif;transition: 0.7s;display: block}
#main .visual_w .main_visual .button_w button.prev:hover span{transform: translateX(-4px)}
#main .visual_w .main_visual .button_w button.next:hover span{transform: translateX(4px)}
#main .visual_w .main_visual .button_w button:hover span{color: #333333}
#main .visual_w .main_visual .button_w img{display: block}
#main .visual_w .main_visual .button_w .sl_shape01{position: absolute;left: 50%;top: -10px}
#main .visual_w .main_visual .button_w .sl_shape02{position: absolute;left: 50%;bottom: -10px}
#main .visual_w .vis_title{display: flex;height: 100%;align-items: center;padding-top: 100px;}
#main .visual_w .vis_title strong{display: block;font-size: 100px;line-height: 120px;color: #333333;font-family: "Outfit", sans-serif;font-weight: 400;padding-bottom: 30px;}
#main .visual_w .vis_title strong .smile{display: inline-block;width: 63px;height: 41px;position: relative}
#main .visual_w .vis_title strong .smile i{display: block;width: 10px;height: 10px;background: #0096e6;border-radius: 50%;position: absolute;transform: scale(0);transition: 0.5s;transition-delay: 2s}
#main .visual_w.on .vis_title strong .smile i{transform: scale(1)}
#main .visual_w .vis_title strong .smile i.l{left: 0;top: 0}
#main .visual_w .vis_title strong .smile i.r{right: 0;top: 0}
#main .visual_w .vis_title strong .smile span{width: 49px;height: 16px;display: block;margin: 0 auto;line-height: 0;position: absolute;bottom: 0;left: 50%;margin-left: -24.5px;}
#main .visual_w .vis_title strong .smile span{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);transition:0.6s; transition-delay: 2.5s}
#main .visual_w.on .vis_title strong .smile span{clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
#main .visual_w .vis_title strong .smile span img{display: block}
#main .visual_w .vis_title p{font-size: 20px;color: #555555;font-weight: 400}
#main .visual_w .vis_title p span{font-weight: 600}
#main .visual_w .pro_wrap{position: absolute;top: 50%;margin-top: 280px;display: flex;align-items: center;gap:0 20px;}
#main .visual_w .pro_wrap span{color: #CAD8E1;font-size: 18px;font-weight: 600;font-family: "Outfit", sans-serif}
#main .visual_w .pro_wrap span.on{color: #0096E6}
#main .visual_w .pro_wrap i{display: block;width: 100px;height: 2px;background: #E4EDF2}
#main .m_title{margin-bottom: 60px;position: relative}
#main .m_title .tit{display: flex;justify-content: center;position: relative;z-index: 2}
#main .m_title .tit strong{display: block;font-size: 100px;color: #333333;font-family: "Outfit", sans-serif;font-weight: 400;padding: 0 40px;position: relative;background: #F9FBFC}
#main .m_title .tit strong i{content: '';display: block;width: 40px;height: 7px;background: #0096E6;top: 50%;margin-top: -3.5px;position: absolute}
#main .m_title .tit strong i.bul01{left: -40px;border-radius: 7px 0 0 0}
#main .m_title .tit strong i.bul02{right: -40px;border-radius: 0 0 7px 0}
#main .m_title .line01{position: absolute;right: 0;top: 63px}
#main .m_title .line02{position: absolute;left: 50%;transform: translateX(-50%);top: 63px}
#main .m_title p{font-size: 20px;color: #555555;margin-top: 20px;text-align: center}
#main .m_title a{display: flex;width: 200px;height: 60px;align-items: center;justify-content: center;border: 2px solid #0096E6;box-sizing: border-box;border-radius: 30px;color: #0096E6;font-size: 18px;margin-top: 60px;}
#main .main_con01{padding-top: 190px;padding-bottom: 140px;position: relative}
#main .main_con01 .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 445px;background: #004C85;border-radius: 120px 120px 0 0;z-index: 1}
#main .main_con01 .wrap a{display: block;position: relative}
#main .main_con01 .wrap a .img{position: relative;z-index: 3}
#main .main_con01 .wrap a .img img{display: block;}
#main .main_con01 .wrap a .img > div:nth-child(1){overflow: hidden;border-radius: 0 0 60px 0;display: inline-block}
#main .main_con01 .wrap a .img > div img{display: block;}
#main .main_con01 .wrap a .img .b_logo{position: absolute;bottom: -30px;left: -30px;border-radius: 50%;box-shadow: 0 0 40px rgba(0,154,216,0.3)}
#main .main_con01 .wrap a .img .b_logo img{display: block}
#main .main_con01 .wrap a .txt{display: flex;height: 80px;align-items: center;padding-left: 80px;position: relative;padding-right: 160px;top: -5px;}
#main .main_con01 .wrap a .txt:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right, rgba(26,187,255,1), rgba(26,187,255,0));transition: 0.7s;width: 0}
#main .main_con01 .wrap a:hover .txt:before{width: 100%}
#main .main_con01 .wrap a .txt span{position: absolute;right: 60px;top: 50%;transform: translateY(-50%);font-size: 16px;color: #9CC3EB;font-weight: 500}
#main .main_con01 .wrap a .txt span em{font-weight: inherit; color: #fff}
#main .main_con01 .wrap a .txt strong{position: relative;z-index: 3; font-size: 18px;color: #FFFFFF;font-weight: 500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main .main_con01 .swiper{position: relative;z-index: 3}
#main .main_con02{padding-top: 200px;overflow: hidden}
#main .main_con02 .swiper{position: relative}
#main .main_con02 .swiper .wrap{height: 700px;}
#main .main_con02 .swiper .doc{position: relative;overflow: hidden;height: 700px;}
#main .main_con02 .swiper .doc .doc_bg{background: linear-gradient(to top, #ECF3F8, #ECF3F8);height: 500px;width: 100%;border-radius: 300px 300px 20px 20px;;position: absolute;bottom: 0}
#main .main_con02 .swiper .doc .doctor_img{position: relative;z-index: 2}
#main .main_con02 .swiper .prev{top: 50%;left: 50%;margin-left: -420px;margin-top: -8px}
#main .main_con02 .swiper .next{top: 50%;right: 50%;margin-right: -420px;margin-top: -8px}
#main .main_con02 .swiper .doc{height: 500px;transform: translateY(100px);;border-radius: 250px;transition:0.6s}
#main .main_con02 .swiper .doc .doc_bg{border-radius: 250px;transition:1s}
#main .main_con02 .swiper .doc .doc_name{position: absolute;bottom: 0;left: 50%;margin-left: -120px; z-index: 5}
#main .main_con02 .swiper .doc .doc_name {width: 240px;height: 104px;display: flex;align-items: center;justify-content: center;text-align: center;background: #2598D6;border-radius: 30px 30px 0 0;}
#main .main_con02 .swiper .doc .doc_name img{display: block;}
#main .main_con02 .swiper .doc .doc_name strong{display: block;font-size: 18px;line-height: 1;color: #ABDEF9;margin-bottom: 8px}
#main .main_con02 .swiper .doc .doc_name span{display: block;font-size: 30px;line-height: 1;color: #FFFFFF;font-weight: 500;letter-spacing: 20px;text-align: center;padding-left: 10px}
#main .main_con02 .swiper .doc .doc_name .tag_01{position: absolute;left: -20px;bottom: 0}
#main .main_con02 .swiper .doc .doc_name .tag_02{position: absolute;right: -20px;bottom: 0}
#main .main_con02 .swiper .swiper-slide-active .doc{height: 700px;transform: translateY(0);;border-radius: 0;}
#main .main_con02 .swiper .swiper-slide-active .doc .doc_bg{border-radius: 300px 300px 20px 20px;}
#main .main_con02 .swiper .doc .doc_name{transform: translateY(100%);transition: 1s}
#main .main_con02 .swiper .swiper-slide{padding-bottom: 240px;}
#main .main_con02 .swiper .swiper-slide-active .doc .doc_name{transform: translateY(0%);transition: 1s;transition-delay: 0.6s}
#main .main_con03{padding: 160px 100px;position: relative;padding-left: 650px;}
#main .main_con03 .bg{position: absolute;height: 100%;width: 77.55%;background: url(img/main/review_bg.jpg);top: 0;left: 0;border-radius: 0 540px 100px 0}
#main .main_con03 .bg2{position: absolute;top: -164px;left: 0;animation: smile 3s infinite linear}
@keyframes smile{
0%{transform: translateY(0px)}
50%{transform: translateY(-30px)}
100%{transform: translateY(00px)}
}
#main .main_con03 .m_title{position: absolute;left: 100px;top: 260px}
#main .main_con03 .m_title .tit{display: block}
#main .main_con03 .m_title .tit strong{padding: 0;background: none}
#main .main_con03 .m_title p{text-align: left}
#main .main_con03 .re_list{position: relative;z-index: 2}
#main .main_con03 .re_list ul{display: flex;flex-wrap: wrap}
#main .main_con03 .re_list ul li{width: 47.59%;margin-right: 4.82%;margin-bottom: 50px;}
#main .main_con03 .re_list ul li:nth-child(2n){margin-right: 0}
#main .main_con03 .re_list ul li:nth-child(2n){transform: translateY(110px)}
#main .main_con03 .re_list ul li a{display: block;background: #fff;height: 220px;border-radius: 22px;padding: 35px 40px;position: relative;box-shadow: 0 0 40px rgba(0,82,126,0.1);transition: 0.7s}
#main .main_con03 .re_list ul li:hover a{background: #2799D5}
#main .main_con03 .re_list ul li a svg path{transition: 0.7s}
#main .main_con03 .re_list ul li:hover a svg path{fill: #2799D5}
/*#main .main_con03 .re_list ul li a{display: block;background: #fff;height: 220px;border-radius: 22px;padding: 45px 40px 0 60px;position: relative;box-shadow: 0 0 40px rgba(0,82,126,0.1)}*/
#main .main_con03 .re_list ul li a p{font-size: 18px;color: #555555;line-height: 28px;overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: keep-all; transition: 0.7s}
#main .main_con03 .re_list ul li a > div > span{display: block;margin-top: 5px; font-size: 15px;color: #555555;line-height: 30px;overflow: hidden;color: #596870;transition: 0.7s}
#main .main_con03 .re_list ul li:hover a > div > span{color: #A2D4EF}
#main .main_con03 .re_list ul li:hover a p{color: #FFFFFF}
#main .main_con03 .re_list ul li:last-child{margin-bottom: 0}
#main .main_con03 .re_list ul li .info{margin-top: 25px;display: flex;align-items: center;justify-content: space-between}
#main .main_con03 .re_list ul li .info span{display: flex;width: 140px;height: 40px;align-items: center;justify-content: center;background: #F4F7F9;color: #A0AFB9;font-size: 16px;border-radius: 22px;transition: 0.7s}
#main .main_con03 .re_list ul li:hover .info span{background: #198BC7;color: #A2D4EF}
#main .main_con03 .re_list ul li .info em{font-size: 16px;color: #BBBBBB;font-family: "Outfit", sans-serif;transition: 0.7s}
#main .main_con03 .re_list ul li:hover .info em{color: #A2D4EF}
#main .main_con03 .re_list ul li .round svg{display: block;}
#main .main_con03 .re_list ul li .round{position: absolute;top: 50%;margin-top: -90px;}
#main .main_con03 .re_list ul li .bul{position: absolute;bottom: 30px;;left: -30px;}
#main .main_con03 .re_list ul li:nth-child(2n) .bul{left: auto;right: -30px;transform: scaleX(-1);}
#main .main_con03 .re_list ul li .bul svg{display: block}
#main .main_con03 .re_list ul li .round{right: -10px}
#main .main_con03 .re_list ul li:nth-child(2n) .round{left: -10px;transform: rotate(180deg);right: auto}
#main .main_con06{padding-top: 200px;}
#main .main_con06 .inner{padding: 0 100px;}
#main .main_con06 .swiper-wrapper{padding-left: 100px}
#main .main_con06 .slide01{width: 500px}
#main .main_con06 .slide02{width: 400px}
#main .main_con06 .title_w{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 60px;}
#main .main_con06 .m_title{margin-bottom: 0}
#main .main_con06 .m_title .tit{display: block}
#main .main_con06 .m_title .tit strong{padding: 0}
#main #quick01 .more_btn a{margin-top: 0;font-weight: 600}
#main .more_btn a{display: flex;width: 200px;height: 60px;align-items: center;justify-content: center;border: 2px solid #0096E6;box-sizing: border-box;border-radius: 30px;color: #0096E6;font-size: 18px;margin-top: 60px;position: relative;overflow: hidden;transition: 0.7s}
#main .more_btn a:hover{padding-right: 60px}
#main .more_btn a:after{content: '';display: block;width: 60px;height: 60px;background: url(img/main/more_icon.png);position: absolute;right: 0;top: 0;top: -2px;right: -2px;transition: 0.7s;transform: translateX(100%)}
#main .more_btn a:hover:after{transform: translateX(0%)}
#main .main_con06 .title_w .tab{display: block;position: absolute;width: 254px;height: 60px;border-radius: 30px;background: #fff;left: 50%;margin-left: -127px;padding: 5px;box-shadow: 0 0 40px rgba(0,82,126,0.1)}
#main .main_con06 .title_w .tab ul{display: flex;background: #ECF2F5;border-radius: 30px;}
#main .main_con06 .title_w .tab ul li{width: 50%}
#main .main_con06 .title_w .tab ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;font-size: 18px;color: #91A9B5;}
#main .main_con06 .title_w .tab ul li.on a{background: #0096E6;color: #fff;border-radius: 30px;}
#main .main_con06 .sli_wrap{position: relative}
#main .main_con06 .sli_wrap > div{opacity: 0}
#main .main_con06 .sli_wrap > div.on{opacity: 1}
#main .main_con06 .sli_wrap .sl02{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .main_con06 .sli_wrap .wrap a{display: block;position: relative}
#main .main_con06 .sli_wrap .wrap a .img{position: relative}
#main .main_con06 .sli_wrap .wrap a .img .tag{position: absolute;top: 0;left: 0;padding: 0 10px 10px 0;background: #F9FBFC;border-radius: 0 0 10px 0}
#main .main_con06 .sli_wrap .wrap a .img .tag span{display: flex;width: 99px;height: 40px;box-sizing: border-box;border: 1px solid #0096E6;border-radius: 20px;;align-items: center;justify-content: center;color: #0096E6;font-size: 16px;font-weight: 500;transition: 0.7s}
#main .main_con06 .sli_wrap .wrap a:hover .img .tag span{background: #0096E6;color: #fff}
#main .main_con06 .sli_wrap .wrap a .img .tag:before{content: '';display: block;width: 20px;height: 20px;background: url(img/main/press.png);position: absolute;top: 0;right: -20px;}
#main .main_con06 .sli_wrap .wrap a .img .tag:after{content: '';display: block;width: 20px;height: 20px;background: url(img/main/press.png);position: absolute;left: 0;bottom: -20px;}
#main .main_con06 .sli_wrap .wrap a .img .img_w img{display: block}
#main .main_con06 .sli_wrap .wrap a .img .img_w {overflow: hidden;border-radius: 0 20px 20px 20px ;position: relative}
#main .main_con06 .sli_wrap .wrap a .img .img_w:before{content: '';display: block;width: 100%;height: 100%;bottom: 0;left: 0; background: linear-gradient(to top, rgba(0, 150, 230, 1), rgba(0, 150, 230, 0));position: absolute;height: 0;transition: 0.7s}
#main .main_con06 .sli_wrap .wrap a .img .img_w:after{content: '';display: block;width: 27px;height: 27px; background: url(img/main/cir_img.png);position: absolute;transition: 0.7s;animation: cir 3s infinite linear;right: 26px;bottom: 26px;transition: 0.7s;opacity: 0}
#main .main_con06 .sli_wrap .wrap a:hover .img .img_w:after{opacity: 1}
@keyframes cir{
0%{transform: rotate(0deg)}
100%{transform: rotate(360deg)}
}
#main .main_con06 .sli_wrap .wrap a:hover .img .img_w:before{height: 100%}
#main .main_con06 .sli_wrap .wrap a .txt{padding-top: 40px}
#main .main_con06 .sli_wrap .wrap a .txt strong{display: block;font-size: 20px;color: #333333;margin-bottom: 17px;overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: keep-all; // 문단으로 끊어져서 줄바꿈 됨}
#main .main_con06 .sli_wrap .wrap a .txt p{font-size: 18px;line-height: 27px;color: #555555;margin-bottom: 35px;overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: keep-all; // 문단으로 끊어져서 줄바꿈 됨}
#main .main_con06 .sli_wrap .wrap a .txt span{color: #BBBBBB;font-size: 18px;font-family: "Outfit", sans-serif;}
#main .main_con07{padding-top: 180px;overflow: hidden;padding-bottom: 245px;}
#main .main_con07 .m_title{position: relative;z-index: 2}
#main .main_con07 .m_title .line01{top: -159px;left: 50%;margin-left: -960px;}
#main .main_con07 .m_title p{position: relative;z-index: 3}
.banner div{background: #F9FBFC}
.banner {
height: 100px;
margin-right: 120px;
flex-shrink: 0;
display: flex;justify-content: center;align-items: center;
}
.banner_list {
display: flex;
width: calc(100% + 100px);
animation: banner-animation 50s linear infinite;
margin-bottom: 100px;
}
.banner_list{background: #F9FBFC}
.banner_list ul{margin-right: 100px}
.banner_list img{mix-blend-mode: darken}
@keyframes banner-animation {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-200px * 10 - 10px * 10));
}
}
#main .main_con07 .m_title .tit strong i.bul02 {top: 32px;transform: rotate(-9deg);transform-origin: bottom left;}
#main .main_con07 .m_title .tit strong i.bul01 {top: 32px;transform: rotate(9deg);transform-origin: right bottom;}
#main .main_con07 ul{width: 900px;display: flex;flex-wrap: wrap;position: relative;z-index: 2;margin: 0 auto;justify-content: center}
#main .main_con07 ul li{margin-right: 180px;}
#main .main_con07 ul li:nth-child(3n){margin-right:0;}
#main .main_con07 ul li:nth-child(5){margin-right:0;}
#main .main_con07 ul li .img{border-radius: 50%;box-shadow:0 0 40px rgba(0,82,126,0.1);position: relative;overflow: hidden}
#main .main_con07 ul li .img:after{content: '';display: block;width: 100%;height: 100%;border: 6px solid #0096E6;position: absolute;top: 0;left: 0;box-sizing: border-box;border-radius: 50%;transform: scale(1.1);transition: 0.7s}
#main .main_con07 ul li:hover .img:after{transform: scale(1)}
#main .main_con07 ul li .img img{display: block}
#main .main_con07 ul li .txt {padding-top: 15px;text-align: center}
#main .main_con07 ul li .txt strong{display: block;color: #333333;font-size: 20px;font-family: "Outfit", sans-serif;font-weight: 400}
#main .main_con04{overflow: hidden;padding-bottom: 20px;padding-top: 200px;}
#main .main_con04 .swiper{width: 3480px;position: absolute;height: 720px;left: 50%;transform: translateX(-50%);;margin-left: 330px}
#main .main_con04 .m_title{margin-bottom: 40px;}
#main .main_con04 .sl_w{position: relative;height: 720px}
#main .main_con04 .sl_w .btn_w{position: absolute;right: 100px;top: -8px;z-index: 10}
#main .main_con04 .sl_w .btn_w button{position: static}
#main .main_con04 .sl_w .btn_w button.prev{margin-right: 20px;}
#main .main_con04 .sl_w .wrap{transform: translateY(98px);transition: 0.7s}
#main .main_con04 .sl_w .swiper-slide-prev .wrap{transform: translateY(0)}
#main .main_con04 .sl_w .swiper-slide-next .wrap{transform: translateY(240px)}
#main .main_con04 .sl_w .swiper-slide-next+div .wrap{transform: translateY(500px)}
#main .main_con04 .sl_w .wrap a{display: block}
#main .main_con04 .sl_w .wrap .img{background: #FFFFFF;border-radius: 20px 0 200px 20px;padding: 10px;box-shadow: 0 0 60px rgba(0,82,126,0.1);transition: 0.7s}
#main .main_con04 .sl_w .wrap:hover .img{background: #2598D6}
#main .main_con04 .sl_w .wrap .img .img_w {overflow: hidden;border-radius: 12px 12px 196px 12px}
#main .main_con04 .sl_w .wrap .img .img_w img{display: block}
#main .main_con04 .sl_w .wrap .txt{position: absolute;bottom: 9px;left: 9px;background: #fff;width: 200px;height: 70px;display: flex;align-items: center;border-radius: 0 35px 0 0;padding-left: 20px;transition: 0.7s}
#main .main_con04 .sl_w .wrap:hover .txt{background: #2598D6}
#main .main_con04 .sl_w .wrap .tag{position: absolute;right: -80px;top: 0;background: #fff;width: 80px;height: 80px;border-radius: 0 80px 20px 0;box-shadow:20px 20px 40px rgba(0,82,126,0.1); transition: 0.7s}
#main .main_con04 .sl_w .wrap .tag:after{content: '';display: block;width: 27px;height: 27px; background: url(img/main/cir_img.png);position: absolute;transition: 0.7s;animation: cir 3s infinite linear;left: 20px;bottom: 26px; transition: 0.7s;}
#main .main_con04 .sl_w .wrap:hover .tag{background: #2598D6}
#main .main_con04 .sl_w .wrap .txt strong{color: #555555;font-size: 24px;transition: 0.7s}
#main .main_con04 .sl_w .wrap:hover .txt strong{color: #fff}
#main .main_con04 .sl_w .swiper-pagination2{position: absolute;z-index: 2;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;padding: 0 20px}
#main .main_con04 .sl_w .swiper-pagination2:before{content: '';display: block;width: 100%;height: 30px;background: #ECF3F8;border-radius: 15px;position: absolute;bottom: -20px;left: 0}
#main .main_con04 .sl_w .swiper-pagination-bullet{width: auto;height: auto;margin: none;background: none;opacity: 1;padding: 0 20px;position: relative;z-index: 2;font-size: 18px;color: #98A4AB;font-weight: 500}
#main .main_con04 .sl_w .swiper-pagination-bullet:before{content: '';display: block;width: 4px;height: 4px;background: #0096E6;border-radius: 50%;position: absolute;top: -10px;left: 50%;margin-left: -2px;opacity: 0}
#main .main_con04 .sl_w .swiper-pagination-bullet-active:before{opacity: 1}
#main .main_con04 .sl_w .swiper-pagination-bullet-active{color: #0096E6}
#main .main_con04 .sl_w .swiper-pagination-bullet:nth-child(1):after{content: '관절클리닉';}
#main .main_con04 .sl_w .swiper-pagination-bullet:nth-child(2):after{content: '척추클리닉';}
#main .main_con04 .sl_w .swiper-pagination-bullet:nth-child(3):after{content: '비수술클리닉';}
#main .main_con04 .sl_w .swiper-pagination-bullet:nth-child(4):after{content: '수술클리닉';}
#main .main_con04 .sl_w .swiper-pagination-bullet:nth-child(5):after{content: '검진클리닉';}
#main .main_con04 .sl_w .swiper-pagination-bullet:nth-child(6):after{content: '운동재활치료';}
#main .main_con04 .m_title{padding-right: 100px}
#main .main_con04 .m_title .tit{justify-content: flex-end}
#main .main_con04 .m_title .tit strong{padding-right: 0}
#main .main_con04 .m_title p{text-align: right}
#main .main_con05{height: 100vh;position: relative}
#main .main_con05 .text_w{padding-top: 50vh;padding-left: 100px;position: relative;z-index: 5}
#main .main_con05 .text_w .title strong{display: block;color: #333333;font-family: "Outfit", sans-serif;font-size: 100px;margin-bottom: 15px;font-weight: 400}
#main .main_con05 .text_w .title p{font-size: 20px;color: #333333;}
#main .main_con05 .text_w .title p span{font-weight: 600}
#main .main_con05 .info_list .tit{display: flex;align-items: flex-end;gap:0 12px;margin-bottom: 30px;}
#main .main_con05 .info_list .tit strong{display: block;color: #fff;font-size: 30px;}
#main .main_con05 .info_list .tit span{display: block;color: #FFFFFF;font-size: 18px;font-family: "Outfit", sans-serif;margin-right: 10px;}
#main .main_con05 .info_list{margin-top: 50px;}
#main .main_con05 .info_list > ul > li{padding: 50px 0;}
#main .main_con05 .info_list .list ul{display: flex;gap:0 10px;}
#main .main_con05 .info_list .list ul li span{display: flex;height: 56px;align-items: center;padding: 0 30px;font-size: 18px;color: #A4C8E3;position: relative;z-index: 3;border-radius: inherit;;}
#main .main_con05 .info_list .list ul li:hover span{transform: scale(1);background: #fff;color: #0073B1}
#main .main_con05 .info_list .list ul li a:before{content: ''; width: 100%;height: 100%;border: 4px solid #436782;box-sizing: border-box;display: block;position: absolute;top: 0;left: 0;transform: scale(1.2);transition: 0.5s;z-index: 22;border-radius: 28px;}
#main .main_con05 .info_list .list ul li a:hover:before{transform: scale(1.01)}
#main .main_con05 .info_list .list ul li{background: #094775;border-radius: 28px; position: relative;overflow: hidden}
#main .main_con05 .info_list .list ul li a{position: relative;z-index: 33;display: block}
#main .main_con05 .circle_area{position: absolute;top: 50%;right: 50%;margin-right: -860px;margin-top: -410px; width: 820px;height: 820px;}
#main .main_con05 .circle{position: absolute;z-index: 2;top: 50%;right: 50%;margin-right: -426px;margin-top: -426px;z-index: 22}
#main .main_con05 .circle i{display: block;animation: 10s cir infinite linear}
#main .main_con05 .con05-bg{transform: translateY(100%);position: absolute;top: 0}
#main .main_con05 .con05-bg:before{content: '';display: block;width: 100%;height: 60px;background: url(img/main/bg_top.png) center top;position: absolute;top: -58px;left: 0;}
#main .main_con05 .con05-bg:after{content: '';display: block;width: 100%;height: 60px;background: url(img/main/bg_top.png) center top;position: absolute;bottom: -55px;left: 0;transform: rotate(180deg)}
#main .main_con05 .peo_w{width: 800px;height: 800px;overflow: hidden;position: relative;z-index: 5;top: 10px;left: 10px;border-radius: 50%;padding-top: 85px;opacity: 0}
#main .main_con05 .peo_w .p_in{width: 351px;margin: 0 auto;position: relative;}
#main .main_con05 .peo_w .p_in ul li{position: absolute;top: 0;left: 0;transition: 1s}
#main .main_con05 .peo_w .p_in ul li:nth-child(1){top: 14%;left: 39%;}
#main .main_con05 .peo_w .p_in ul li:nth-child(2){top: 15%;left: 3%;}
#main .main_con05 .peo_w .p_in ul li:nth-child(3){top: 46%;left: -7%;}
#main .main_con05 .peo_w .p_in ul li:nth-child(4){top: 37%;left: 28%;;}
#main .main_con05 .peo_w .p_in ul li:nth-child(5){top: 40%;left: 8%;}
#main .main_con05 .peo_w .p_in ul li:nth-child(6){top: 67%;left: 13%;}
#main .main_con05 .peo_w .p_in ul li:nth-child(7){top: 88%;left: 27%;}
#main .main_con05 .peo_w .p_in ul li{opacity: 0}
#main .main_con05 .peo_w .p_in ul li div svg{display: block; animation: circle 3s infinite linear}
#main .main_con05 .peo_w .p_in ul li div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#main .main_con05 .peo_w .p_in{transition: 1s}
#main .main_con05 .peo_w.on01 .p_in ul li:nth-child(1){opacity: 1}
#main .main_con05 .peo_w.on02 .p_in ul li:nth-child(2){opacity: 1}
#main .main_con05 .peo_w.on03 .p_in{transform: translateY(-30%)}
#main .main_con05 .peo_w.on03 .p_in ul li:nth-child(3){opacity: 1}
#main .main_con05 .peo_w.on04 .p_in{transform: translateY(-20%)}
#main .main_con05 .peo_w.on04 .p_in ul li:nth-child(4){opacity: 1}
#main .main_con05 .peo_w.on05 .p_in ul li:nth-child(5){opacity: 1}
#main .main_con05 .peo_w.on05 .p_in{transform: translateY(-20%)}
#main .main_con05 .peo_w.on06 .p_in ul li:nth-child(6){opacity: 1}
#main .main_con05 .peo_w.on06 .p_in{transform: translateY(-40%)}
#main .main_con05 .peo_w.on07 .p_in ul li:nth-child(7){opacity: 1}
#main .main_con05 .peo_w.on07 .p_in{transform: translateY(-60%)}
@keyframes cir{
0%{transform: rotate(0deg)}
100%{transform: rotate(360deg)}
}
#main .main_con05 .cir_bg{position: absolute;top: 50%;right: 50%;margin-right: -410px;margin-top: -410px; transform: translateX(100%) translateY(100%);}
/*#main .main_con01, #main .main_con02, #main .main_con03, #main .main_con04{display: none}*/
#main .main_con05 .cir_bg .bg_w{animation: circle 20s infinite linear}
@keyframes circle{
0%{transform: rotate(0deg)}
100%{transform: rotate(360deg)}
}
#main .visual_w .bg_line path {
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
animation: dash 2s linear forwards;
}
#main .main_con07.on .m_title .line01 svg path{
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
animation: dash 2s linear forwards;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
#main .visual_w .vis_title strong{transform: translateX(70px);opacity: 0;transition: 1.2s}
#main .visual_w.on .vis_title strong{transform: translateX(0);opacity:1}
#main .visual_w .vis_title p{transform: translateX(70px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
#main .visual_w.on .vis_title p{transform: translateX(0);opacity:1}
#main .visual_w .pro_wrap{transform: translateX(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .visual_w.on .pro_wrap{transform: translateX(0);opacity:1}
#main .m_title .tit{transform: translateY(70px);opacity: 0;transition: 1.2s}
#main .on .m_title .tit{transform: translateY(0);opacity:1}
#main .m_title p{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
#main .on .m_title p{transform: translateY(0);opacity:1}
#main .main_con01 .swiper{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .main_con01.on .swiper{transform: translateY(0);opacity:1}
#main .main_con02 .swiper{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .main_con02.on .swiper{transform: translateY(0);opacity:1}
#main .main_con04 .sl_w{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .main_con04.on .sl_w{transform: translateY(0);opacity:1}
#main .main_con06 .more_btn{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .main_con06.on .more_btn{transform: translateY(0);opacity:1}
#main .main_con03 .more_btn{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .main_con03 .m_title p{padding-left: 0}
#main .main_con03.on .more_btn{transform: translateY(0);opacity:1}
#main .main_con03 .re_list ul li{transform: translateX(-70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#main .main_con03 .re_list ul li:nth-child(2n){transform: translateX(70px) translateY(100px);}
#main .main_con03.on .re_list ul li{transform: translateX(0);opacity:1}
#main .main_con03.on .re_list ul li:nth-child(2n){transform: translateX(0) translateY(100px);opacity:1}
#main .main_con06 .sli_wrap{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.9s}
#main .main_con06 .title_w .tab{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.9s}
#main .main_con06.on .sli_wrap{transform: translateY(0);opacity:1}
#main .main_con06.on .title_w .tab{transform: translateY(0);opacity:1}
#main .main_con07 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s}
#main .main_con07.on ul li{transform: translateY(0);opacity:1}
#main .main_con07.on ul li:nth-child(1){transition-delay: 0.9s}
#main .main_con07.on ul li:nth-child(2){transition-delay: 1.2s}
#main .main_con07.on ul li:nth-child(3){transition-delay: 1.5s}
#main .main_con07.on ul li:nth-child(4){transition-delay: 1.8s}
#main .main_con07.on ul li:nth-child(5){transition-delay: 2.1s}
@media (max-width: 1825px) {
#main .visual_w .main_visual .slide_box .img_w img{width: 1000px;}
#main .visual_w .main_visual .slide_box{height: 640px;width: 1000px;}
#main .visual_w .vis_title strong{font-size: 80px;line-height: 1.2}
#main .visual_w .vis_title p{font-size: 16px;}
#main .m_title .tit strong{font-size: 80px;}
#main .m_title p{font-size: 16px;}
#main .main_con01 .wrap a .img > div img{width: 100%}
#main .main_con04 .sl_w .wrap .img .img_w img{width: 100%}
#main .main_con02 .swiper .doc .doctor_img img{width: 100%}
#main .main_con04 .sl_w .swiper-pagination2{width: 780px;}
#main .main_con05 .con05-bg{height: 100vh}
#main .main_con05 .con05-bg .img{height: 100%;overflow: hidden}
#main .visual_w{padding-left: 20px;}
#main .main_con02 .swiper .swiper-slide-active .doc{height: 530px}
#main .main_con02 .swiper .doc{height: 300px}
#main .main_con02 .swiper .doc .doc_bg{border-radius: 150px}
#main .main_con02 .swiper .wrap{height: 530px}
#main .main_con02 .swiper .swiper-slide{padding-bottom: 140px}
#main .m_title .line02 svg{width: 900px;height: auto}
#main .m_title .line02, #main .m_title .line01{top: 51px}
#main .main_con03{padding-left: 551px}
#quick02 ul li{margin-bottom: 20px;}
}
@media (max-width: 1530px) {
#main .visual_w .main_visual .slide_box .img_w img{width: 800px;}
#main .visual_w .main_visual .slide_box{width: 800px;height: 513px}
#main .visual_w{padding-left: 20px;}
#main .main_con03 .m_title{left: 20px;}
#main .main_con03{padding: 90px 40px}
#main .main_con03{padding-left: 420px;}
#header .hd_inner{padding: 0 20px}
#main .main_con03 .bg2{display: none}
}
@media (max-width: 1416px) {
#main .visual_w{height: auto}
#main .visual_w{text-align: right}
#main .visual_w .main_visual{width: 800px;display: inline-block}
#main .visual_w .main_visual{position: relative}
#main .visual_w .vis_title{text-align:left}
#main .m_title .tit strong{font-size: 60px;}
#main .m_title .line01{top: 37px;}
#main .main_con01 .wrap a .img .b_logo{bottom: -10px;left: -10px;}
#main .main_con01 .wrap a .img .b_logo img{width: 45px;height: 45px;}
#main .main_con01 .wrap a .txt{padding-left: 20px;}
#main .main_con01 .wrap a .txt span{right: 0}
#main .main_con01 .wrap a .txt{padding-right: 120px;height: 60px;}
#main .main_con01 .wrap a .txt strong{font-size: 16px;}
#main .main_con01 .wrap a .txt span{font-size: 14px;}
#main .main_con02 .swiper .swiper-slide{width: 400px;}
#main .main_con02 .swiper .doc{height: 250px;}
#main .main_con02 .swiper .swiper-slide-active .doc{height: 466px;}
#main .main_con02 .swiper .doc .doc_bg{border-radius: 200px;height: 250px}
#main .main_con02 .swiper .swiper-slide-active .doc .doc_bg{border-radius: 200px 200px 20px 20px;height: 450px}
#main .main_con03 .re_list ul li a p{font-size: 16px;}
#main .main_con03 .re_list ul li a{padding: 20px ;padding-top: 30px;}
#main .main_con04 .swiper{width: 2650px}
#main .main_con04 .sl_w .wrap .txt{width: 150px;height: 45px;}
#main .main_con04 .sl_w .wrap .txt strong{font-size: 20px;}
#main .main_con04 .sl_w .wrap .tag{width: 50px;height: 50px;right: -50px;}
#main .main_con04 .swiper, #main .main_con04 .sl_w{height: 620px;}
#main .main_con06 .sli_wrap .wrap a .txt strong{font-size: 17px;}
#main .main_con06 .sli_wrap .wrap a .txt p{font-size: 15px;line-height: 1.7}
#main .main_con06 .sli_wrap .wrap a .txt{padding-top: 20px;}
#main .main_con06 .sli_wrap .wrap a .txt p{margin-bottom: 10px;}
#main .main_con06 .sli_wrap .wrap a .txt span{font-size: 15px}
#main .main_con06 .inner{padding: 0 20px;}
#main .main_con06 .title_w .more_btn a{width: 150px;height: 45px;font-size: 16px;}
#main .main_con06 .sli_wrap .wrap a .img .tag span{width: 70px;height: 30px;font-size: 15px;}
#main .main_con06 .title_w .tab{width: 190px;height: 55px}
#main .main_con06 .title_w .tab ul li a{font-size: 16px;height: 45px}
#main .main_con07 .m_title .tit strong i.bul01{top: 55px;}
#main .main_con02 .swiper .swiper-slide{padding-bottom: 0}
#main .main_con07 .m_title .tit strong i.bul02{top: 55px;}
#main .m_title .line02 svg{width: 1000px;height: auto}
#main .m_title .line02{top: 38px;}
#footer .ft01{padding-left: 20px;padding-bottom: 100px;}
#main .main_con05 .circle_area{display: none}
#header .hd_inner #gnb > ul > li{margin-right: 20px;}
#main .main_con05 .text_w{padding-left: 20px;}
#main .main_con05 .text_w .title strong{font-size: 60px}
#main .main_con05 .text_w .title p{font-size: 13px;}
}
@media (max-width: 970px) {
#header .hd_inner{height: 70px}
#header .hd_inner #gnb{display: block;position: fixed;right: 0;top: 0;background: #fff;width: 270px;height: 100%;padding-top: 70px;padding-left: 40px;padding-right: 40px}
#header #gnb{transform: translateX(100%);transition: 0.7s}
#header #gnb.on{transform: translateX(0%);transition: 0.7s}
#header #gnb > ul > li.on > ul{display: block !Important}
#header #gnb > ul > li:hover > ul{display: none}
#header #gnb > ul > li > ul{position: static}
#header #gnb > ul > li > ul{transform: translateX(0);width: 100%;margin-left: 0}
#header .hd_inner #gnb > ul > li{margin-right: 0}
#header .hd_inner #gnb > ul > li > a{height: 40px;font-size: 15px;}
#header .hd_inner #gnb > ul > li > a:before {
content: '';
display: block;
width: 13.3px;
height: 4.9px;
background: url(img/common/smile.png);
background-size: 100% 100%;
margin-right: 8px;
transform: rotate(-90deg)
}
#header .menu_open_btn{display: block;position: absolute;right: 20px;top: 11px}
#header .menu_open_btn button{width: 40px;height: 40px;}
#header .menu_open_btn button i{width: 100%;height: 2px;background: #0096e6;display: block;margin: 7px 0}
#header #gnb button{display: block;position: fixed;right: 10px;top: 30px;width: 25px;height: 25px;z-index: 99;}
#header #gnb button:before{content: '';display: block;width: 100%;height: 2px;background: #0096e6;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -1px;transform: rotate(45deg)}
#header #gnb button:after{content: '';display: block;width: 100%;height: 2px;background: #0096e6;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -1px;transform: rotate(-45deg)}
#header #gnb > ul > li > ul{padding: 20px 0;border-radius: 10px;}
#header #gnb > ul > li > ul > li > a{text-align: left;padding-left: 20px;font-size: 13px;}
#header #gnb > ul > li > ul{height: auto;min-height: 0}
#header #gnb > ul > li > ul:after{display: none}
#header .hd_inner #gnb > ul{display: block}
#main .visual_w .vis_title strong{font-size: 50px;}
#main .visual_w .bg_line svg{width: 450px;height: auto}
#main .visual_w .vis_title p{font-size: 13px;}
#main .visual_w .main_visual{width: 100%}
#main .visual_w .main_visual .slide_box{width: 100%;height: auto}
#main .visual_w .main_visual .slide_box .box1{position: relative}
#main .visual_w .main_visual .slide_box .img_w img{width: 100%}
#main .visual_w .main_visual{padding-left: 80px;}
#main .visual_w .main_visual .button_w{left: 20px}
#main .visual_w .main_visual .button_w button{width: 60px;height: 80px;}
#main .visual_w .main_visual .button_w button span{font-size: 13px;}
#main .visual_w .pro_wrap{z-index: 12;right: 20px;bottom: 20px;top: auto}
#main .visual_w .pro_wrap span{color: #fff;font-size: 14px}
#header #gnb > ul > li > ul > li{margin-bottom: 12px;}
#main .visual_w .pro_wrap i{width: 60px;}
#main .visual_w .vis_title{padding-bottom: 40px;}
#main .visual_w .main_visual .slide_box, #main .visual_w .main_visual .slide_box .img_w{border-radius: 150px 0 0 0}
#main .visual_w .main_visual .button_w{bottom: 20px;}
#main .main_con01{padding: 60px 0}
#main .main_con01 .bg{height: 45%;border-radius: 30px 30px 0 0}
#main .main_con01 .wrap a .img > div:nth-child(1){border-radius: 0 0 20px 0 }
#main .main_con01 .wrap a .txt strong{font-size: 14px;}
#main .main_con01 .wrap a .txt span{font-size: 12px;}
#main .m_title .tit strong{font-size: 40px;padding: 0 20px;}
#main .m_title .tit strong i{width: 30px;height: 5px;margin-top: -2.5px;}
#main .m_title .tit strong i.bul01{left: -20px;}
#main .m_title .tit strong i.bul02{right: -20px;}
#main .m_title p{margin-top: 14px;margin-top: 10px}
#main .m_title .line01{top: 25px;}
#main .m_title{margin-bottom: 40px;}
#main .main_con02 .swiper .doc .doc_name strong{font-size: 12px;}
#main .main_con02 .swiper .doc .doc_name span{font-size: 20px;letter-spacing: 5px;padding-left: 5px}
#main .main_con03 .m_title{position: relative;left: 0;z-index: 2;top: 0}
#main .main_con03{padding: 60px 20px}
#main .main_con03 .re_list ul li a p{font-size: 14px;line-height: 1.7}
#main .main_con03 .re_list ul li a{height: auto}
#main .main_con03 .re_list ul li .info span{width: 100px;height: 30px;font-size: 13px;}
#main .main_con03 .re_list ul li .info em{font-size: 12px;}
#main .main_con03 .re_list ul li .info{margin-top: 20px}
#main .main_con03 .re_list ul li .round{margin-top: -60px;right: -8px}
#main .main_con03 .re_list ul li:nth-child(2n) .round{right: auto;left: -8px;}
#main .main_con03 .re_list ul li .round svg{height: 120px;}
#main .main_con03 .re_list ul li a{padding: 20px;}
#main .main_con03 .re_list ul li{margin-bottom: 25px;}
#main .main_con03 .re_list ul li:nth-child(2n){transform: translateY(80px;)}
#main .m_title a{width: 100px;height: 40px;font-size: 13px;margin-top: 20px}
#main .main_con03 .bg{width: 80%;border-radius: 0 50px 0 0 }
#main .main_con04 .m_title{padding-right: 20px;}
#main .main_con06{padding-top: 60px;}
#main .main_con06 .slide02{width: 300px;}
#main .main_con06 .slide01{width: 360px;}
#main .main_con06 .sli_wrap .wrap a .img .img_w img{width: 100%}
#main .main_con06 .title_w{display: block}
#main .main_con06 .m_title p{text-align: left}
#main .main_con06 .title_w .tab{position: static}
#main .main_con06 .title_w .more_btn a{margin-top: 20px;}
#main .main_con07 ul li .img img{width: 120px;}
#main .main_con06 .title_w .tab{transform: none;margin: 20px auto}
#main .main_con07 ul li{margin-right: 60px}
#main .main_con07 ul li .txt strong{font-size: 13px;}
#main .main_con07 ul li .txt{padding-top: 7px;}
#main .main_con07 ul{width: 480px;}
#main .m_title p{padding: 0 20px;line-height: 1.7;word-break: keep-all}
#main .m_title p{font-size: 14px;}
#main .main_con02 .swiper .doc .doc_name{width: 130px;height: 65px;border-radius: 15px 15px 0 0;margin-left: -65px;}
#main .main_con03{overflow: hidden}
#main .main_con02{padding-top: 60px;}
#footer .ft01 .link{width: 200px;height: 40px;margin-bottom: 25px}
#footer .ft01 .link ul li a{font-size: 13px;}
#footer .ft01 .link ul li:nth-child(1){margin-right: 15px;}
#footer .ft01 .info ul li{font-size: 13px;}
#footer .ft01 .info ul li span{font-size: 13px;}
#footer .ft01:before{border-radius: 0 20px 0 0}
#footer .ft01{padding: 40px 20px}
#footer .ft01 .info ul li{margin-bottom: 6px;}
#footer .ft02{padding: 40px 20px}
#footer .ft02 ul li a{font-size: 13px;}
#footer .ft02 ul li{margin-bottom: 7px;}
#footer .ft01 address{font-size: 11px;margin-top: 20px;}
#main .main_con05 .info_list .list ul li span{height: 40px;font-size: 13px;padding: 0 15px;}
#main .main_con05 .info_list .tit strong{font-size: 20px;}
#main .main_con05 .info_list .tit span{font-size: 13px;}
#main .main_con05 .info_list .tit{margin-bottom: 13px;}
#main .main_con05 .info_list > ul > li{padding: 20px 0}
#main .main_con05 .con05-bg{transform: translateY(0)}
#main .main_con05 .text_w{padding-top: 40px;}
#main .main_con05 .text_w .title strong{font-size: 44px;color: #fff}
#main .main_con05 .text_w .title p{font-size: 14px;color: #fff}
#main .main_con05 .info_list{margin-top: 0}
#main .main_con05 .info_list > ul > li{padding-bottom: 0}
#main .main_con05 .info_list .list ul{gap:3px;}
#main .main_con05{height: auto;overflow: hidden;padding-bottom: 30px;}
#main .main_con04 .sl_w .btn_w{display: none}
#main .btn_w{display: none}
#quick01 ul li:nth-child(1){display: none}
#quick01 ul li a{width: 140px;height: 40px;font-size: 12px;}
#quick01 ul{border-radius: 30px 30px 0 0;padding: 10px;padding-bottom: 10px;}
#quick01{padding-bottom: 5px;}
#quick02 ul li a strong{display: none}
#quick02{right: 0}
#quick02 ul{width: 50px;}
#quick02 ul li:nth-child(1) a svg{width: 15px;height: auto}
#quick02 ul li:nth-child(2) a svg{width: 25px;height: auto}
#quick02 ul li:nth-child(3) a svg{width: 20px;height: auto}
#quick02 ul li:nth-child(4) a svg{width: 20px;height: auto}
#quick02 ul li:nth-child(5) a svg{width: 25px;height: auto}
#quick02 ul li{margin-bottom: 10px;}
#quick02 ul{padding: 10px 0}
#quick02 button{height: 50px;}
#quick02 button strong{display: none}
#quick02 button i svg{width: 11px;height: auto}
#quick02 ul{border-radius: 8px 0 0 8px;}
#quick02 button{border-radius: 8px 0 0 8px;}
#main .visual_w .vis_title strong .smile{width: 23px;height: 22px}
#main .visual_w .vis_title strong .smile i{width: 6px;height: 6px;}
#main .visual_w .vis_title strong .smile span img{width: 30px;}
#main .visual_w .vis_title strong .smile span{width: 30px;height: 10px;margin-left: -15px;}
#main .main_con06 .title_w .more_btn a{width: 120px;height: 40px;font-size: 13px}
#main .main_con03 .re_list ul li a > div > span{font-size: 11px;margin-top: 5px;}
}
@media (max-width: 660px) {
#main .main_con04 .swiper{width: 100%;position: relative;margin-left: 0;transform: none;left: 0}
#main .main_con04 .sl_w .wrap, #main .main_con04 .sl_w .swiper-slide-next .wrap, #main .main_con04 .sl_w .swiper-slide-next+div .wrap{transform: none}
#main .main_con04 .swiper, #main .main_con04 .sl_w{height: auto}
#main .main_con04 .sl_w .wrap .img{border-radius: 8px 8px 50px 8px;padding: 5px;}
#main .main_con04 .sl_w .wrap .img .img_w{border-radius: 8px 8px 50px 8px;}
#main .main_con04 .sl_w .swiper-pagination2{display: none}
#main .main_con04 .sl_w .wrap .txt strong{font-size: 14px;}
#main .main_con04 .sl_w .wrap .txt{width: 100px;height: 40px;padding-left: 10px;left: 5px;bottom: 5px;}
#main .main_con06 .slide02{width: 250px;}
#main .main_con06 .slide01{width: 260px;}
#main .main_con06 .sli_wrap .wrap a .txt strong{font-size: 14px;}
#main .main_con06 .sli_wrap .wrap a .txt p{font-size: 12px;}
#main .main_con06 .sli_wrap .wrap a .txt span{font-size: 12px;}
#main .main_con06 .sli_wrap .wrap a .img .tag span{width: 60px;height: 30px;font-size: 11px;}
#main .main_con06 .sli_wrap .wrap a .img .tag{padding: 5px;}
#main .main_con07 .m_title .line01{display: none}
#main .main_con07 .m_title .tit strong i.bul01, #main .main_con07 .m_title .tit strong i.bul02{display: none}
#main .main_con07{padding: 60px 0}
#main .m_title .tit strong{font-size: 32px;}
#main .m_title .line01{display: none}
#main .m_title .line02 svg{display: none}
#footer .ft02{display: none}
#footer .ft01{width: 95%}
#header .hd_inner{height: 65px}
#header #logo svg{height: 25px;width: auto}
#main .main_con01 .wrap a .txt{height: 30px;}
#main .main_con04{padding-top: 60px;}
#main .main_con03.on .re_list ul li:nth-child(2n) {transform: translateX(0) translateY(0px);}
#main .main_con05 .info_list .list ul{flex-wrap: wrap}
#main .main_con05 .info_list .list ul li span{height: 32px;font-size: 12.5px;}
#main .main_con05 .info_list .list ul li:before{display: none}
#main .main_con05 .text_w .title strong{font-size: 32px;}
#main .main_con04{padding-bottom: 60px;}
#main .more_btn a:after{display: none}
#main .more_btn a:hover{padding-right: 0}
#main .main_con06 .title_w .tab ul li a{font-size: 13px;}
#main .main_con06 .title_w .tab{width: 170px;height: 40px}
#main .main_con06 .title_w .tab ul li a{height: 30px;}
#main .main_con06 .title_w{margin-bottom: 25px;}
#main .main_con07 ul li .img:after{display: none}
.banner{margin-right: 40px;height: 40px;}
.banner_list{height: 40px;margin-bottom: 50px;}
.banner_list img{height: 30px;}
#header .menu_open_btn button{width: 30px;height: 30px;}
#header .menu_open_btn{top: 17px}
#main .main_con05 .con05-bg{height: 100%}
#header .menu_open_btn button i{margin: 5px 0}
#main .more_btn a{width: 120px;height: 40px;font-size: 13px;}
#quick01{padding-bottom: 0}
}
@media (max-width: 560px) {
#main .main_con03 .re_list ul li{width: 100%;margin-right: 0}
#main .main_con03 .re_list ul li:nth-child(2n){transform: none}
#main .main_con07 ul li .img img{width: 80px}
#main .main_con07 ul li{margin-right: 20px;margin-bottom: 20px;}
#main .main_con07 ul{width: 280px;}
#main .main_con02 .swiper .swiper-slide{width: 270px}
#main .main_con02 .swiper .swiper-slide-active .doc{height: 315px}
#main .main_con02 .swiper .swiper-slide-active .doc .doc_bg{height: 260px}
#main .main_con02 .swiper .doc .doc_bg, #main .main_con02 .swiper .doc{height: 160px;border-radius: 80px;}
#main .main_con02 .swiper .wrap{height: 315px;}
#main .main_con02 {padding-bottom: 60px;}
#main .main_con03 .re_list ul li a p{font-size: 13px;}
#main .visual_w .bg_line svg{width: 350px;}
#main .visual_w .vis_title strong{font-size: 36px;padding-bottom: 15px;}
#main .visual_w .main_visual .button_w{display: none}
#main .visual_w .main_visual{padding-left: 0}
#main .m_title{margin-bottom: 20px;}
#main .visual_w .main_visual .slide_box, #main .visual_w .main_visual .slide_box .img_w{border-radius: 60px 0 0 0}
#main .main_con03 .bg{width: 95%}
#footer .ft01 .info ul li{font-size: 12px;word-break: keep-all}
#main .main_con05 .info_list .tit strong{font-size: 16px;}
#main .main_con05 .info_list .tit span{font-size: 11px;}
#main .main_con03 .re_list ul li .info{margin-top: 10px}
#main .main_con01, #main .main_con02, #main .main_con03, #main .main_con04, #main .main_con05, #main .main_con06{overflow: hidden}
.roll_banner{width: 100%;overflow: hidden}
#main .main_con07{overflow: hidden;width: 100%;}
#main .main_con06{overflow: hidden;width: 100%;}
#main .main_con05{overflow: hidden;width: 100%;}
#main .main_con04{overflow: hidden;width: 100%;}
#main .main_con03{overflow: hidden;width: 100%;}
#main .main_con02{overflow: hidden;width: 100%;}
#main .main_con01{overflow: hidden;width: 100%;overflow: hidden}
#smoother-content{width: 100%;overflow: hidden}
}
/*#main .main_con07, #main .main_con06, #main .main_con03, #main .visual_w, #main .main_con01, #main .main_con02{display: none}*/