.index{margin-top:105px;}
body.no-scroll {overflow: hidden !important;touch-action: none;}
.invert{filter:invert(1);}
/* 공통 */
.main_tit{}
.main_tit span{font-weight:800;letter-spacing:0;display:block;margin-bottom:10px;}
.main_tit .fit{margin:0 auto;width:fit-content;}
.main_tit .bd{border-top:1px solid #e4e4e4;padding-top:15px;margin-top:15px;}
.main_tit h1{font-weight:300;}
.main_tit h1 b{font-weight:bold}
.main_tit p{margin-top:15px;}
.wt{color:#fff}
.pd160{padding:160px 0;}
.pdt160{padding-top:160px}
.pdb160{padding-bottom:160px;}
/* 슬라이드 */
.main_slide_box{width:100%;height:860px;position:relative;}
.main_slide{width:100%;height:100%}
.main_slide .slide{overflow:hidden;width:100%;height:100%;}
.slide .swiper-slide{background:#000;}
.video_wrap {opacity:0.5;position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; }
.video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slide .swiper-slide img{transition:all .8s;transform:scale(1.2);width:100%;height:100%;object-fit:cover;display:block;}
.slide_txt{text-align:Center;width:1400px;position:absolute;top:20%;left:50%;transform:translateX(-50%);}
.slide_txt span{display:block;margin-bottom:25px;font-weight:900;letter-spacing:0.5px;color:#fff;}
.slide_txt h1{font-weight:bold;color:#fff;margin-bottom:35px;}
.slide_txt p{color:#fff;line-height:1.5;}
.slide .swiper-slide-active{z-index:9;}
.slide .swiper-slide-active img{transform:scale(1);}
.slide_btn{position: absolute;width: 1400px;z-index: 10;display: flex;gap: 0 15px;top: 50%;left: 50%;transform: translateX(-50%);justify-content: right;}
.slide_btn div{cursor:pointer;display:flex;justify-content:center;justify-content:center;width:60px;height:60px;border-radius:60px;background:#000}
.slide_btn div img{filter:brightness(10);;width:8px;}

/* 슬라이드 텍스트 애니메이션 */
.slide_txt span,
.slide_txt h1,
.slide_txt p {
  opacity: 0;
  transition: all 1s ease;}

.swiper-slide .slide_txt span {transform: translateY(30px);}
.swiper-slide .slide_txt h1 {transform: translateX(-50px);}
.swiper-slide .slide_txt p {transform: translateX(50px);}

.swiper-slide-active .slide_txt span,
.swiper-slide-active .slide_txt h1,
.swiper-slide-active .slide_txt p {
  opacity: 1;
  transform: translate(0, 0);
}

/* 메인 포인트 */
.main_point{position:absolute;z-index:10;bottom:100px;left:50%;transform:translateX(-50%);width:1600px;border-radius:15px;overflow:hidden;padding-top:30px;}
.main_point ul{display:flex;}
.main_point ul li{padding:40px;width:33.3%;background:#1c5183}
.main_point ul li:nth-child(2n){background:#f8f8f8;position:relative;top:-30px;}
.main_point ul li img{filter:invert(1);margin:0 auto;display:block;width:60px;position:absolute;top:30px;right:30px;}
.main_point ul li h2{line-height:1.3;color:#fff;}
.main_point ul li p{line-height:1.4;margin-top:10px;color:#fff;}

.main_point ul li:nth-child(2n) img{filter:none;}
.main_point ul li:nth-child(2n) h2{color:#000;}
.main_point ul li:nth-child(2n) p{color:#333}

#section1{}

/* 진료과목 */
.subject{background:url('../index/images/subject_bg.jpg')no-repeat;background-size:cover;}
.subject .main_tit{text-align:center;}
.subject ul{width:1000px;margin:0 auto;margin-top:60px;display:flex;}
.subject ul li{width:25%;}
.subject ul li div{border:10px solid #b0dce9;margin:0 auto;width:150px;height:150px;border-radius:120px;background:#2294b5;display:flex;align-items:center;justify-content:center;}
.subject ul li img{width:70px;filter:invert(1);margin:0 auto;display:block;}
.subject ul li p{text-align:center;font-weight:bold;margin-top:15px;}

/* 약속 */
.promise{background:url('../index/images/pr_bg.jpg')no-repeat;background-size:cover;overflow:hidden;position:Relative;z-index:0;position:relative}
.pr_let{position:absolute;width:100%;color:#ccc;left:0;text-align:center;font-size:10vw;opacity:0.1;font-weight:900;z-index:-1;}
.promise .main_tit{text-align:center;}
.pro_box{display:flex;justify-content:space-between;margin-top:60px;position:relative}
.pro_doc{width:30%;z-index:0;}
.pro_doc img{width:100%;}
.promise ul{width:35%;}
.promise ul li{width:100%;padding-top:50px;}
.promise ul li span{display:block;font-weight:900;position:relative;}
.promise ul li span:before{width: 70%;position: absolute;content: "";height: 3px;background: #c9dee2;top: 50%;opacity: 0.3;}
.promise ul li h4{}
.promise ul li p{margin-top:10px;color:#555;}
.promise ul:first-child li span:before{right:10%;}
.promise ul:last-child li span:before{left: 10%;}
.promise ul:last-child{text-align:right}
.promise ul:last-child span{margin-left:auto}

/* 장비 */
.equ{}
.equ .main_tit{text-align:center;}
.equ_slide_wrap{position:relative;margin-top:60px;}
.equ_slide{width:1200px;margin:0 auto;}
.equ_slide .swiper-slide{box-shadow:0 0 10px #e4e4e4;overflow:hidden;border-radius:15px;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.equ_slide .swiper-slide img{width:46%;}
.equ_slide .swiper-slide img.badge{width:100px;position:absolute;top:20px;left:20px;}
.equ_txt{transition:all .5s;width:50%;padding-top:60px;}
.equ_txt h4{color:#1c5183;line-height:1.2;}
.equ_txt h5{background: #1c5183;color:#fff;font-size: 16px;padding: 10px;margin-top: 15px;border-radius: 8px;width:fit-content;}
.equ_txt p{margin-top:15px;color:#222;opacity:0.9;word-break:keep-all;line-height:1.6;}
.equ_btn{position: absolute;width: 1400px;z-index: 10;display: flex;gap: 0 15px;top: 50%;left: 50%;transform: translateX(-50%);justify-content:space-between;}
.equ_btn div{cursor:pointer;display:flex;justify-content:center;justify-content:center;width:60px;height:60px;border-radius:60px;background:#000}
.equ_btn div img{filter:brightness(10);;width:8px;}

/* 인사말 */
.greeting{position:relative;z-index:10;width:1600px;margin:0 auto;border-radius:15px;overflow:hidden;background:#1c5183;display:flex;align-items:center;}
.gr_txt{width:60%;}
.gr_txt div{width:70%;margin:0 auto;}
.gr_txt div h2{color:#fff;}
.gr_txt div p{margin-top:25px;color:#fff;line-height:1.5;font-size:17px;}
.gr_img{width:40%;position:Relative}
.gr_img:before{background:linear-gradient(0deg, rgba(0,0,0,0.8), transparent);content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;}
.gr_img img{width:100%}
.gr_img h2{position:absolute;bottom:60px;right:60px;z-index:90;color:#fff;font-weight:300}
.gr_img h2 b{font-weight:bold}

/* 의료진 소개 */
.doctor{background:#f9f9f9;padding-top:350px;margin-top:-150px;position:relative;z-index:0;}
.doctor .main_tit{text-align:center;}
.doc_sym{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50% !important;opacity:0.03;z-index:-1;}
.doc{display:flex;justify-content:space-between;width:1500px;margin:0 auto;margin-top:80px;}
.doc_img{width:36%;position:relative;}
.doc_image{width:100%}
.doc_medal{position:absolute;bottom:100px;right:0;z-index:10;width:200px;}
.doc_txt{width:60%;position:relative}
.doc_name{display:flex;margin-bottom:30px;}
.doc_name b{margin-right:10px}
.doc_name div{margin-left:10px;display:flex;gap:0 8px;align-items:center;}
.doc_name div span{padding:3px 10px;border-radius:50px;}
.doc_name div span:nth-child(1){background: #2294b5;color: #fff;font-weight: 600;}
.doc_name div span:nth-child(2){background: #d6eaef;color: #1c5183;font-weight: 600;}
.career{display:flex;justify-content:space-between;}
.career ul{width:48%;background:#fff;padding: 40px;border-radius: 15px;}
.career ul li{font-size:16px;padding-bottom:15px;display:flex;}
.career ul li.career_impor{font-weight:600;}
.career ul li span{margin-right:8px;}
.career ul h2{width: fit-content;margin-bottom: 25px;color:#1c5284}

/* 관절클리닉 */
.sj{background:linear-gradient(0deg, #e6f5f9, transparent), url('../index/images/sj_bg.png') no-repeat;background-size:100%;}
.sj .main_tit{text-align:center;}
.sj h6{margin-top:40px;text-align:center}
.sj h6 span{display:block;color:#fff;background:#1c5183;padding:5px 10px;border-radius:10px;margin:0 auto;margin-top:10px;width:fit-content;}
.sj_box{margin-top:40px;}
.sj_img{width:350px;margin:0 auto;position:relative;}
.sj_img img{width:100%}
.sj_txt{}
.sj_txt ul{}
.sj_txt ul li{width:400px;z-index:999;background:#def0ff;border-radius:15px;padding:50px;min-height:200px;max-height:450px;overflow-y:auto;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}
.sj_txt ul li.sj_on{display:block;}
.sj_txt ul li img{width:80px;margin-bottom:8px;border-radius:100px;display:block;}
.sj_txt ul li img.sj_close{width:25px;cursor:pointer;position:absolute;margin-bottom:0;border-radius:0;right:40px;top:40px;}
.sj_txt ul li h4{color:#1c5183}
.sj_list{margin-top:20px;display:flex;flex-wrap:wrap;flex-direction:column;gap:14px 0;}
.sj_list div{}
.sj_list span{font-size:18px;font-weight:bold;display:block;width:fit-content;    background: #1c5183;color: #fff;border-radius: 5px;padding: 3px 8px;}
.sj_list p{margin-top:5px;line-height:1.6;font-size:15px;word-break:keep-all;color:#444;}

.pin {
  position: absolute;cursor:pointer;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: rgb(79 190 255 / 80%);
  box-shadow: 0 0 20px rgba(0,191,255,.8);
  animation: pulse 2s ease-in-out infinite;
}
.pin::before,
.pin::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(0,191,255,.6);
  opacity: 0;
  transform: scale(0.4);
  animation: ripple 2.4s ease-out infinite;
}
.pin::after { animation-delay: .8s; }

@keyframes pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 15px rgba(0,191,255,.6), 0 0 30px rgba(0,191,255,.3); }
  50% { transform: scale(1.2); box-shadow: 0 0 40px rgba(0,191,255,.9), 0 0 80px rgba(0,191,255,.5); }
}

@keyframes ripple {
  0% { transform: scale(0.4); opacity: .9; }
  50% { opacity: .5; }
  100% { transform: scale(3); opacity: 0; }
}



.pin1{top: 119px;left: 163px;}
.pin2{top: 320px;left: 163px;}
.pin3{top: 587px;left: 126px;}
.pin4{top: 160px;left: 81px;}
.pin5{top: 280px;right: 62px;}
.pin6{top: 390px;left: 34px;}
.pin7{    bottom: 60px;right: 136px;}

/* 비수술클리닉 */
.non{width:100%;padding-top:160px;overflow: clip;}
.non .main_tit{text-align:center;}
.non_box{margin-top:60px;}
.non_slide{margin-top:60px;overflow:unset !Important;}
.non-pagination{display:flex;width:1400px !important;margin:0 auto;justify-content:space-between;}
.non-pagination span{color:#fff;font-size:20px;font-weight:600;line-height:1.4;text-align:center;padding:8px 18px;border-radius:500px;display:flex;align-items:center;justify-content:center;width:19%;height:auto;margin:0 !Important;background:#e4e4e4;color:#000;opacity:1;}
.non-pagination span.swiper-pagination-bullet-active{background:#1c5284;color:#fff;}
.non_slide .swiper-slide{display:flex;}
.non_img{position:sticky;top:100px;left:0;overflow:hidden;width:45%;height:100%;}
.non_img img{width:100%;height:100%;object-fit:cover;}
.non_txt{position:relative;padding:150px 100px;width:55%;background:linear-gradient(45deg, #2294b5, #1c5284);z-index:0;}
.non_tit{}
.non_tit span{position:absolute;font-size:3vw;color:#fff;font-weight:bold;top:80px;right:0;    white-space: nowrap;mix-blend-mode: overlay;opacity: 0.2;}
.non_tit h2{color:#fff}
.non_tit h5{color:#a6f3ff;margin-top:20px}
.non_tit p{color:#fff;margin-top:20px;line-height:1.6;}

.non_step{margin-top:40px;}
.non_step h4, .non_step2 h4, .non_kind h4, .charac h4{background: #f5faff;padding: 5px 10px;margin-bottom: 20px;display: block;width: fit-content;color: #1f759e;border-radius: 100px}
.non_step ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.non_step ul li{width:31%;display:flex;align-items:center;}
.non_step ul li span{font-weight:bold;display:block;color:#b8e7ff;}
.non_step ul li img{margin-left:30%;width:30px;mix-blend-mode:overlay;opacity:0.5;}
.non_step ul li p{margin-top:8px;color:#fff}

.non_step2{margin-top:40px;}
.non_step2 ul{display:flex;gap:0 30px;}
.non_step2 ul li{position:relative;width:200px;height:200px;border-radius:200px;}
.non_step2 ul li:nth-child(1){background:rgb(70 225 161 / 20%)}
.non_step2 ul li:nth-child(2){background:rgb(70 225 218 / 20%)}
.non_step2 ul li:nth-child(3){background:rgb(225 206 70 / 20%)}
.non_step2 ul li div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;}
.non_step2 ul li div i{display:block;font-style:normal;font-weight:bold;width:100%;color:#fff}
.non_step2 ul li span{width:100%;margin-top:10px;text-align:center;color:#fff;font-weight:bold;}

.non_kind{margin-top:40px;}
.non_kind ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.non_kind ul li{height:150px;border-radius:15px;overflow:hidden;width:31%;position:relative;background:#003261}

.non_kind ul li img{width:100%;height:100%;object-fit:cover;opacity:0.3;}
.non_kind ul li p{font-weight:600;margin-top:8px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;}

.charac{margin-top:35px;padding-top:35px;border-top:1px solid rgba(255,255,255,0.2)}
.charac ul{display:flex;justify-content:space-between;flex-wrap:wrap;ga}
.charac ul li{width:23%;}
.charac ul li img{margin:0 auto;display:block;width:60px;filter:invert(1)}
.charac ul li h6{color:#fff;}
.charac ul li p{margin-top:13px;color:#fff;line-height:1.3;text-align:center;font-weight:500;}


.charac{}
.charac2 h5{color:#fff;text-align:center;margin-bottom:30px;display:flex;align-items:center;gap:0 20px;justify-content:center;}
.charac2 h5 img{width:50px;opacity:0.3;}
.charac2 ul{gap:20px 0;}
.charac2 ul li{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.charac2 ul li img{filter:none;width:100px;border-radius:100px;margin:0;}
.charac2 ul li div{width:calc(100% - 120px);}
.charac2 ul li div h6{text-align:left;}
.charac2 ul li div p{text-align: left;margin-top: 5px;opacity: 0.8;line-height: 1.5;word-break:keep-all;}
.impor{display:flex;align-items:center;margin-top:35px;padding-top:35px;border-top:1px solid rgba(255,255,255,0.2)}
.impor div{background: #235686;width: 150px;height: 150px;border-radius: 150px; display: flex;align-items: center;justify-content: center;margin-right:30px}
.impor img{width:90px;}
.impor em{font-style:normal;display:block;color:#fff149;margin-bottom:10px;font-weight:bold}
.impor i{background:#51c4b7;font-weight:600;font-style:normal;}
.impor span{color:#fff;display:block;margin-top:5px;font-size:16px;}
.impor span b{font-weight:bold;color:yellow;font-size:20px;}
.impor p{font-size:16px;font-weight:300;color:#fff;line-height:1.6;}


.sap{margin-top:45px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px 0;}
.sap li{width:18.5%;position:relative;background:#000;}
.sap li img{width:100%;opacity:0.5}
.sap li div{width:100%;padding:20px 10px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sap li div span{display:block;color:#fff;font-weight:bold;width: 100%;padding: 8px 0;}
.sap li div p{text-align:Center;font-size:15px;color:#fff;margin-top:5px;}
.sap li div b{margin-bottom:8px;font-weight:500;display:block;align-items:center;}
.sap li div b i{margin-right:10px;width: 5px;height: 5px;border-radius: 5px;outline: 3px solid rgb(79 103 255 / 80%);background: rgb(255 255 255 / 80%);}

/* 대상포진 */
.shingles{background:url('../index/images/shingles_bg.jpg')no-repeat;background-size:cover;}
.shingles .main_tit{text-align:center;}
.shingles_box{margin-top:60px;display:flex;align-items:center;justify-content:space-between;}
.shingles_txt{width:45%}
.shingles_txt h2{}
.shingles_txt h4{margin-top:20px;font-weight:300}
.shingles_txt h4 b{font-weight:bold;}
.shingles_txt h4 i{font-style: normal;width: 8px;height: 8px;border-radius: 14px;background: #2294b5;margin-right: 10px;display: inline-block;position: relative;top: -6px;}
.shingles_txt p{margin-top:20px;padding-top:20px;border-top:1px solid #e4e4e4;font-weight:400;display:block;line-height:1.4}
.shingles_txt ul{display:flex;justify-content:space-between;margin-top:40px;}
.shingles_txt ul li{text-align:center;width:33.3%;font-weight:500;line-height:1.2;}
.shingles_txt ul li div{margin:0 auto;width:100px;height:100px;border-radius:100px;background:#71c4ff;display:Flex;align-items:center;justify-content:center;margin-bottom:15px;}
.shingles_txt ul li img{filter:invert(1);margin:0 auto;display:block;width:60px;height:60px;}
.shingles_img{width:45%;}
.shingles_img img{width:100%;border-radius:15px;}

.shingles_list{}
.shingles_list h2{padding:20px 0;text-align: center;background: #1c5284;color: #fff;font-weight: 500;}
.shingles_list h2 b{font-weight:bold;color:#71c4ff}
.shingles_list ul{display:flex;}
.shingles_list li{width:33.3%;height:250px;position:relative;z-index:0;overflow:hidden;}
.shingles_list li img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0.2;transition:all .5s;}
.shingles_list li:hover img{transform:scale(1.3)}
.shingles_list li:nth-child(1){background:#000f1a;}
.shingles_list li:nth-child(2){background:#09282d;}
.shingles_list li:nth-child(3){background:#0d3341;}
.shingles_list li div{position:absolute;left:50%;transform:translateX(-50%);top:60px;width:80%;}
.shingles_list li div b{display:block;color:#fff;font-weight:bold;}
.shingles_list li div p{font-size:18px;line-height:1.6;color:#fff;margin-top:14px;word-break:keep-all;}
.shingles_list li div p span{display:Block;}

/* 신경계 통증 */
.chronic{}
.chronic_descript{background:#f8f8f8;background-size:cover;}
.chronic_descript .ctt{display:flex;padding:100px 0}
.chronic_descript h2{margin-right:100px;}
.chronic_descript p{line-height:1.6;font-weight:400;margin-top:15px;}
.chronic_descript h4{font-weight:300}
.chronic_descript h4 b{font-weight:bold;}
.chronic_descript h4 i{font-style: normal;width: 8px;height: 8px;border-radius: 14px;background: #2294b5;margin-right: 10px;display: inline-block;position: relative;top: -6px;}

.chronic_list{background:#f8f8f8;padding-bottom:160px;}
.chronic_list ul{display:flex;}
.chronic_list ul{justify-content:space-between;display:flex;}
.chronic_list ul li{width:31%;}
.chronic_list ul li img{width:100%;border-radius:15px;}
.chronic_list ul li div{padding:25px;} 
.chronic_list ul li span{font-weight:bold}
.chronic_list ul li p{font-weight:400;margin-top:10px;word-break:keep-all;}


.chronic_kind{background:url('../index/images/chronic_kind_bg.jpg')no-repeat;background-size:cover;}
.chronic_kind .main_tit{text-align:center;}
.chronic_kind .main_tit p{width:fit-content;margin:0 auto;margin-top:20px;background:#2294b5;color:#fff;padding:5px 10px;border-radius:5px;}
.chronic_center_box{width:550px;position:relative;margin:0 auto;margin-top:150px;}
.chronic_center{margin-top:80px;background: #f9f9f9;display: flex;align-items: center;justify-content: center;width:100%;height:550px;border-radius: 400px;margin: 0 auto;border: 50px solid #e0f1f5;box-shadow: inset 0 0 0 60px #ecf5fb;}
.chronic_center img{width:150px;}
.chronic_center ul{}
.chronic_center ul li{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5000px;border: 50px solid #e0f1f5;box-shadow: inset 0 0 0 60px #ecf5fb;background:#2294b5;opacity:0;transition:all.5s;}
.chronic_center ul li div{position: relative;z-index: 10;text-align: center;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition:all.5s;}
.chronic_center ul li.center_on{opacity:1;}
.chronic_center ul li p{color:#fff;}
.chronic_center ul li p span{font-size: 14px;line-height: 1.2;display: block;margin-top: 10px;opacity: 0.8;}
.chronic_kind_txt{cursor:pointer;position:absolute;background:#1c5183;width:180px;height:180px;border-radius:150px;display:flex;align-items:center;justify-content:center;border: 10px solid #fff;outline: 1px solid #d0e2f3;transition:all .5s;}
.chronic_kind_txt p{display:none;}
.chronic_kind_txt:hover{background:#000}
.chronic_kind_txt h4{text-align:Center;color:#fff;}
.chronic_kind_txt1{top: 50%;left: -90px;transform: translateY(-50%);}
.chronic_kind_txt2{top: -90px;left: 50%;transform: translateX(-50%);}
.chronic_kind_txt3{top: 50%;right: -90px;transform: translateY(-50%);}
.chronic_kind_txt4{bottom: -90px;left: 50%;transform: translateX(-50%);}

/* 둘러보기 */
.view{background:#e6edf2;}
.view .ctt{width:1600px}
.view_box{display:flex;justify-content:space-between;align-items:center;}
.view_left{width:35%;}
.view_right{width:60%;border-radius:15px;overflow:hidden;}
.view_box .swiper-slide img{width:100%}
.view_left .swiper-slide{cursor:pointer;}
.view_thumb{margin-top:100px;}
.view_btn{gap:0 20px;display:flex;margin-top:30px;}
.view_btn div{cursor:pointer;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#2294b5;border-radius:60px;}
.view_btn div img{width:8px;}

/* 진료시간 및 오시는길 */
.info_wrap{background:url('../index/images/info-bg.jpg')no-repeat;background-size:cover;}
.info_wrap .main_tit{text-align:center;}
.info_wrap .main_tit span{color:#fff;}
.info_wrap .main_tit h1{color:#fff}
.info_wrap .main_tit p{color:#fff;opacity:0.9}
.info_wrap .info_box{margin-top:60px;display:flex;justify-content:space-between;align-items:center;background:#ddeef3;padding:60px;border-radius:20px;overflow:hidden;}
.map{width:50%;}
.map img{width:100%;border-radius:15px;}
.info{width:45%;}
.info h2{}
.address{}
.address h2{}
.address p{font-weight:600;margin-top:10px;}
.address p b{}
.time{margin-top:25px;}
.time h2{margin-bottom:20px;}
.time ul{}
.time ul li{padding-bottom:0px;font-size:18px;display:flex;}
.time ul li span{width:90px;margin-right:30px;font-weight:500;text-align:justify;}
.time ul li span:after{width:100%;content:"";display:inline-block;}
.time ul li p{font-weight:500;}
.time ul li p b{background: #2294b5;border-radius: 50px;padding: 3px 6px;font-size: 17px;margin-left: 10px;color:#fff;}
.time ul li p b img{width:15px;position:relative;top:-2px;margin-right:6px;}
.time ul li p strong{color:#71ff8f;display:block;padding-top:15px;line-height:1.6em;}
.time_notice{flex-wrap:wrap;display:flex;}
.time_notice span{width:100%;display:block;font-size:15px;margin-bottom:6px;}
.tel{margin-top:25px;}
.tel p{font-weight:bold;margin-top:3px;}
.sns{display:flex;gap:0 10px;margin-top:35px;justify-content:space-between;}
.sns a{font-size:18px;border-radius:5px;width:48.5%;color:#fff;padding:15px 0;text-align:center;background:#000}
.sns a i{font-style:normal}
.sns a img{filter: invert(1) brightness(10);height: 20px;margin-right: 8px;width: auto;object-fit: cover;border-radius: 0;}

.pc_tit{display:block}
.mb_tit{display:none !Important}
@media screen and (max-width:1800px){
  .non{width:1400px;margin:0 auto;padding:160px 0}
  .non_img{height:100vh;}
  .non_tit h2{font-size:26px;}
  .non_tit p{margin-top:15px;font-size:15px;}
  .non_step h4, .non_step2 h4, .non_kind h4, .charac h4{font-size:18px;}
  .non_step ul li span{font-size:18px}
  .non_step ul li p{font-size:14px;}
  .non_step ul li img { margin-left: 20%; width: 20px;}
  .charac ul li img{width:40px}
  .charac ul li p{font-size:15px;}
  .impor div{width:120px;height:120px}
  .impor img{width:70px;}
  .impor em{font-size:20px}
  .impor p {font-size: 14px;}
  .non_tit h5{font-size:18px;}
  .charac2 ul li img{width:100px}
  .non_step2 ul li{width:170px;height:170px}
  .sap{flex-wrap:wrap;justify-content:start;gap:20px;}
  .sap li{width:30%;}
}
@media screen and (max-width:1680px){
  .main_point{width:1400px}
  .greeting{width:1400px;}
  .gr_txt div{width:85%;}
  .doc{width:1400px;}
  .view .ctt{width:1400px;}
}
@media screen and (max-width:768px){
  .index {margin-top: 60px;}
  .pc_tit{display:none !important;}
  .mb_tit{display:block !important}

  .main_slide_box{height:auto;}
  .main_slide{height:auto}
  .slide_txt span{font-size:11px;margin-bottom:7px;}
  .slide_txt h1{font-size:18px;margin-bottom:15px;}
  .slide_txt p{font-size:14px;}
  
  
  .main_point{width:100%;position:relative;bottom:0;transform: translateX(-50%);padding-top:0;border-radius:0;}
  .main_point ul{flex-wrap:wrap;}
  .main_point ul li{width:100%}
  .main_point ul li:nth-child(2n){top:0;}

  .main_tit span{font-size:10px;}
  .pd160{padding:80px 0}
  .pdt160{padding-top:80px}
  .pdb160{padding-bottom:80px;}
  .subject ul{width:90%;gap:30px 0;flex-wrap:wrap;margin-top:30px;}
  .subject ul li{width:50%}
  .subject ul li div{width:120px;height:120px}
  .subject ul li div img{width:60px}

  .promise{padding:60px 0;}
  .pro_box{flex-wrap:wrap;margin-top:35px;}
  .pro_box ul{width:100%;order:2;}
  .pro_doc{order:1;width:100%;}
  .promise ul:last-child{text-align:left;}
  .promise ul li{padding-top:0;padding:20px 0;text-align:center;background:rgba(255,255,255,0.3);margin-bottom:20px;}
  .promise ul li span:before{display:none;}

  section{width:100%;overflow:hidden;}
  .equ{width:100%:overflow:hidden;}
  .equ_slide_wrap{margin-top:30px;}
  .equ_slide{width:100%}
  .equ_slide .swiper-slide img{width:100%;}
  .equ_btn{width:100%;position: relative;justify-content: center;margin-bottom: 20px;}
  .equ_btn div{width:25px;height:25px;}
  .equ_btn div img{width:6px;}
  .equ_txt {width:100%;text-align: left;position: relative;top: 0;left: 0;background: none;backdrop-filter: none;height: auto; padding: 0;transform: skew(0deg, 0deg);padding:0 15px;margin-top:20px;}
  .equ_slide .swiper-slide img.badge{width:65px;}
  .equ_txt h4{}
  .equ_txt p{color:#000;word-break:keep-all;}
  .equ_slide .swiper-slide h2{padding: 30px;padding-bottom:0px;text-align:left;}
  .equ_txt h5 {width:fit-content;font-size: 14px;text-align: left;}
  .equ_txt h5 br{display:none;}
  .equ-pagination{text-align: center;margin-top: 20px;}
  .equ-pagination .swiper-pagination-bullet-active{background:#2294b5;width: 20px;border-radius: 100px;}

  .greeting{width:90%;flex-wrap:wrap;border-radius:0;}
  .gr_txt{width:100%;order:2;padding:50px 0}
  .gr_img{width:100%;order:1}
  .gr_txt div p {margin-top: 20px;font-size: 14px;word-break:keep-all;}
  .gr_txt div em{font-style:normal;color:#fff;margin-top:25px;}

  .doctor{width:100%;overflow:hidden;margin-top:60px;padding:80px 0;}
  .doc{flex-wrap:wrap;width:100%;margin-top:30px;}
  .doc_txt{padding-top:25px;width:90%;margin:0 auto;order:2;}
  .doc_img{width:90%;margin:0 auto;order:1;}
  .doc_medal{width:150px}
  .career{flex-wrap:wrap;gap:30px 0;}
  .career ul{width:100%;}
  .career ul li {font-size: 13px;padding-bottom: 10px;}
  .doc_name{justify-content: center;flex-wrap:wrap}
  .doc_name div {margin-left: 0;margin-top:10px}

  .sj_txt ul li{width:90%}
  .sj_list span {font-size: 14px;}
  .sj_list p{font-size:13px;}

  .non{width:90%;padding:80px 0;overflow:hidden;}
  
  .non_box{margin-top:30px;}
  .non-pagination{flex-wrap:wrap;width:95% !Important;gap:8px 0}
  .non-pagination span{font-size:14px;width:49%;}
  .non-pagination span:last-child{width:100%}
  .non_slide{margin-top:30px;}
  .non_slide .swiper-slide{flex-wrap:wrap}
  .non_img{width:100%;position:relative;height:auto;top:0;}
  .non_txt{width:100%;padding:60px 40px;}
  .non_tit h2{font-size:20px;}
  .non_tit p {word-break:keep-all;font-size: 14px;}
  .non_step h4, .non_step2 h4, .non_kind h4, .charac h4 {font-size: 15px;}
  .non_step ul{gap:15px 0;flex-wrap:wrap;}
  .non_step ul li{padding:20px 30px;background:rgba(0,0,0,0.1);width:100%;justify-content:space-between;}
  .non_step ul li img {margin-left: 0%;transform:rotate(90deg)}
  .non_step ul li span{font-size:16px}
  
  .charac ul{flex-wrap:wrap;gap:30px 0;}
  .charac ul li{width:50%}
  .impor{flex-wrap:wrap}
  .impor div{display:none;}
  .impor p{width:100%;margin-top:0;word-break:keep-all;}
  .non_kind ul{flex-wrap:wrap;gap:15px 0;}
  .non_kind ul li{heighT:100px;width:100%}
  
  .non_tit h5{font-size:16px;word-break:keep-all;}
  .charac2 ul li{width:100%}
      .charac ul li p {font-size: 13px;}
  .charac2 ul li img{width:80px;}
  .charac2 h5 img{width:30px;}
  .charac2 h5{font-size:15px;}
  
  .non_step2 ul{flex-wrap:wrap;gap:20px 0;}
  .non_step2 ul li{width:100%;height:auto;padding:20px 0;border-radius:20px;}
  .non_step2 ul li div{position:relative;}
  .sap{justify-content:space-between;gap:20px 0;}
  .sap li{width:48%}
  
  .shingles_box{margin-top:30px;flex-wrap:wrap;}
  .shingles_txt{width:100%;order:2;margin-top:30px;}
  .shingles_txt p{word-break:keep-all;}
  .shingles_img{width:100%;order:1;}
  .shingles_txt ul li div{width:80px;height:80px;}
  .shingles_txt ul li div img{width:40px;}
  .shingles_list h2{font-size:16px;}
  .shingles_list ul{flex-wrap:wrap;}
  .shingles_list li{width:100%}
  .shingles_list li div p {font-size: 14px;}
  .chronic_descript .ctt{flex-wrap:wrap;padding:40px 0;}
  .chronic_descript h4{margin-top:15px;}
  .shingles_txt h4 i{top:-2px;}
  .chronic_descript h4 i{top:-2px;}
  .chronic_descript p{word-break:keep-all;}
  .chronic_list{padding-bottom:80px;}
  .chronic_list ul{flex-wrap:wrap;gap:30px 0;}
  .chronic_list ul li{width:100%;}
  .chronic_list ul li p{word-break:keep-all;}
  
  
  .chronic_center_box{width:100%;margin-top:30px;}
  .chronic_center{display:none;}
  .chronic_kind_txt{position:relative;width:90%;margin:0 auto;border-radius:20px;height:auto;top:0;left:0;transform:translate(0,0);justify-content: left;padding:30px;margin-bottom:15px;flex-wrap:wrap;}
  .chronic_kind_txt h4{text-align:left;width:100%}
  .chronic_kind_txt p{display:block;color:#fff;word-break:keep-all;width:100%;margin-top:8px;}
  .chronic_kind_txt p br{display:none;}
  .chronic_kind_txt p span{display:block;}
  .chronic_kind_txt p span{font-size:12px;}
  
  
  .view .ctt{width:90%;flex-wrap:wrap}
  .view_box{flex-wrap:wrap;}
  .view_left{width:100%}
  .view_right{width:100%;margin-top:30px;}
  .view_btn{gap:0 5px;}
  .view_btn div{width:50px;height:50px}
  .view_btn div img{width:6px;}
  .view_thumb{display:none !important;}
  
  .info_wrap .info_box{margin-top:35px;}
  .info_wrap .info_box{padding:30px;}
  .info_box{flex-wrap:wrap}
  .map{width:100%}
  .info{width:100%;margin-top:30px;}
  .sns a{font-size:13px;}
  .time ul li{font-size:14px;}
  .time ul li p b{font-size:12px;}
  .time ul li span{width:66px;}
  .time_notice span{font-size:13px;line-height:1.5;}
}

@media screen and (max-width:499px){
  .career ul{padding:40px 20px}
  .non_txt{padding:50px 20px;}
  .charac2 h5{gap:0 10px}
  .sns{flex-wrap:wrap;gap:10px 0;margin-top:15px;}
  .sns a{width:100%;}
  .info_wrap .info_box{padding:30px 20px}
  .time ul li span{width:60px;margin-right:12px;}
  .time ul li p b {font-size: 11px;padding: 2px 4px;margin-left: 3px;position: relative;top: -2px;}
}