.index{}
b, strong{font-weight:bold}
.bold{font-weight:bold !important}
.shape{position: absolute;left: 0;top: 0;z-index: 1;width: 160px;height: 50px;border-radius: 0 0 25px 0;background-color:#fff}
.shape:before{content: "";position: absolute;left: 0;left: 0px;bottom: -50px;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;box-shadow: 25px 25px 0 0 #fff;transform: rotate(180deg);}
.shape:after{content: "";position: absolute;right: -50px;top: 0;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;box-shadow: 25px 25px 0 0 #fff;transform: rotate(180deg);}
.full_right{width: calc(50vw + 700px);margin-left: calc(50% - 700px);}
.btn_wrap{display:flex;gap:0 12px;}
.btn{cursor:pointer;width:50px;height:50px;border-radius:50px;display:flex;align-items:center;justify-content:center;background:#fff}
.btn img{width:10px}
/* 타이틀 */
.main_tit{text-align:center;margin-bottom:60px;}
.main_tit span{opacity:0.2;font-weight:900;display:block;margin-bottom:15px;letter-spacing:0}
.main_tit span.wt{color:#fff;}
.main_tit h2{line-height:1.4;}
.main_tit h2 b{font-weight:bold}
.main_tit p{color:#222;font-weight:500}
.main_tit p.wt{color:#fff;}

.main_txt h4,
.main_txt h1,
.main_txt p{
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 0.6s ease forwards;
}

.main_txt h4{animation-delay:0.1s;}
.main_txt h1{animation-delay:0.3s;}
.main_txt p{animation-delay:0.5s;}

@keyframes fadeUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* 메인비쥬얼 */
.main_visual{position:relative;width:100%;height:100vh;overflow:hidden;background:#000;}
.main_slide{width:100%;height:100%}
.main_visual img{width:100%;height:100%;object-fit:cover;opacity:0.3}
.main_txt{text-align:center;position:absolute;width:1400px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
.main_txt h1{}
.main_txt h1 b{color:#b6efff}
.main_txt h1 strong{color:#ffedcb}
.main_txt p{font-weight:500;}

.video_wrap {opacity:0.7;position: relative;width: 100%;padding-bottom: 56.25%;overflow: hidden;}
.video_wrap iframe {pointer-events:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* 소개 */
.about{background:url('../index/images/ab_bg.jpg')no-repeat;background-attachment:fixed;background-size:cover}
.about .ctt{width:1260px;}
.about ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:70px 50px;}
.about ul li{position:relative;background:linear-gradient(45deg, #16348d, #000);overflow:hidden;border-radius:0 15px 15px 15px;}
.about ul li span{z-index: 10;font-weight: 900; position: absolute;left: 30px;top: 4px;border-radius: 100px;font-size: 22px;}
.about ul li img{display:block;width:100%;opacity:0.3;border-radius:15px;transition:all .5s;}
.about ul li .ab_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.about ul li .ab_txt h4{line-height:1.4}
.about ul li .ab_txt p{font-weight:500;line-height:1.6;}

.about ul li:hover img{opacity:0.1;transform:scale(1.2)}
.about ul li:hover span{color:#082c89}

/* 어디가 아프신가요 */
.treatment{background:url('../index/images/tre_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.treatment .main_tit{text-align:left;}
.tre_tab{display:flex;gap:0 15px;}
.tre_tab li{cursor:pointer;border:1px solid #fff;border-radius:100px;font-size:18px;color:#fff;font-weight:500;padding:15px 25px;}
.tre_tab li.active{background: #ffffff;color: #000;font-weight: bold;}
.tre_slide{}
.tre_slide .swiper-slide{padding-top:150px;transform-origin: left bottom;}
.tre_slide .swiper-slide img{transform-origin: left bottom;width:100%;border-radius:15px;transition:all .5s;}
.tre_txt{padding-top:30px;padding-left:20px;}
.tre_txt span{letter-spacing:0;display:block;color:#fff;font-weight:900;margin-bottom:10px}
.tre_txt h4{color:#fff;}
.tre_txt p{font-weight: 300;opacity: 0;transform:translateY(50px);transition:all .4s;}
.tre_slide .swiper-slide-active {margin-right:190px !important;;z-index:2;}
.tre_slide .swiper-slide-active img{transform:scale(1.3)}
.tre_slide .swiper-slide-active .tre_txt p{opacity:0.8;transform:translateY(0);}

/* 특별합니다 */
.special{background:url('../index/images/spe_bg.jpg')no-repeat;background-size:cover;}
.special ul{}
.special ul li{position:relative;display:flex;justify-content:space-between;padding: 0 40px;border-bottom:1px solid #e4e4e4;overflow:hidden;transition:height .5s;height:160px;}
.special ul li:last-child{border:0;}
.special ul li:hover{height:300px}
.special ul li div{width:65%;padding-top:40px;}
.special ul li div span{display:block;margin-bottom:10px;font-weight:900;letter-spacing:0;}
.special ul li div h4{font-weight:300;}
.special ul li div b{}
.special ul li div p{transform:translateY(100%);color:#555;overflow: hidden;transition:all .3s;opacity: 0;}
.special ul li:hover div p{transform:translateY(0%);opacity:1;height:auto;}
.special ul li img{width:35%;position:absolute;right:40px;}

/* 인사말 */
.greet{background:linear-gradient(0deg, #f0f6fd, transparent);position:relative;padding-bottom:250px;}
.gr_wrap{position:absolute;bottom:0;overflow:hidden;width:100%;white-space:nowrap;}
.gr_track{display:inline-flex;gap:50px;animation:rolling 50s linear infinite;}
.gr_let{ font-size:8vw;color:#fff;font-weight:bold;opacity:0.3;}
@keyframes rolling{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.greet h4{text-align:center;margin-bottom:150px}
.split .char{display:inline-block;opacity:0;transform:translateY(20px);}
.greet .ctt{display:flex;justify-content:space-between;}
.gr_txt{width:60%}
.gr_txt h4{}
.gr_txt h4 b{}
.gr_txt div{}
.gr_txt div h6{}
.gr_txt div p{margin-top:20px;line-height:1.7;color:#555;}
.gr_txt div b{display:block;}
.gr_txt div b img{display:Inline-block;margin:0 10px;width:100px;}
.gr_img{width:35%;position:relative;}
.gr_img img{width:100%;position:relative}
.gr_img img:nth-child(1){width:100%;z-index:2;box-shadow:0 20px 30px rgba(0,0,0,0.1)}

/* 의료진소개 */
.doctor{background:url('../index/images/doc_bg.jpg')no-repeat;background-size:cover;position:relative}
.doc_sym{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;opacity:0.1;filter: blur(5px);}
.doctor .main_tit p i{font-style:normal;}

.doc{}
.doc_txt{border-top:2px solid #fff;margin:0 auto;}
.doc_name{padding:40px;border-bottom:1px solid rgba(255,255,255,0.2);position:relative}
.doc_name span{color:#fff;display:block;}
.doc_name p{font-weight:300;color:#fff}
.doc_name b{margin-right:10px;}
.medal{position:absolute;right:40px;top:0;width:160px;}
.career_wrap{}
.career_wrap2{}
.career_wrap2 h3{width: fit-content;background: #1c2739;padding: 8px 20px;border-radius: 100px;margin-left: 40px;}
.career{padding:40px;display:flex;flex-wrap:wrap;gap:15px 0;}
.career li{display:flex;width:50%;align-items:center;gap:0 10px;}
.career_wrap2 .career li{width:100%;}
.career_wrap2 .career li a{width: 20px;height: 20px;background: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;position: relative;top: -1px;}
.career_wrap2 .career li a img{width:12px;filter:invert(1);}
.career li span{color:#fff;font-weight:900}
.career li p{color:#fff;display:flex;gap:0 8px;}

/* 척추관절클리닉 */
.sj{}

.sj_btns{display:flex;}
.sj_tab{font-weight:300;width:50%;position:relative;background:none;border:none;font-size:26px;padding:30px 0;cursor:pointer;color:#999;}
.sj_tab.active{color:#1e2b3c;}
.sj_tab .bar{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ddd;overflow:hidden;}
.sj_tab .bar::after{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:#1e2b3c;}

.sj_tab.active .bar::after{animation: sjProgress 8s linear forwards;}
@keyframes sjProgress{
  from{width:0;}
  to{width:100%;}
}

.sj_cont{padding:50px 30px;display:flex;justify-content:space-between;}
.sj_txt{width:50%}
.sj_tit{}
.sj_tit h4{font-weight:300}
.sj_tit h4 b{}
.sj_tit h6{width:fit-content;font-weight:300;background: #f8f8f8;padding: 15px 20px;border-radius: 5px;}
.sj_tit h6 b{}
.sj_tit p{color:#333}
.sj_as{}
.sj_as h4{border-bottom:1px solid #082c89;}
.sj_as h4 span{display:block;width:fit-content;border-radius:5px 5px 0 0;padding:5px 10px;}
.sj_as ul{display:flex;justify-content:space-between;}
.sj_as ul li{width:30%}
.sj_as ul li img{width:100%;border-radius:10px;}
.sj_as ul li p{text-align:center;margin-top:15px;}
.sj_img{width:40%}
.sj_img img{width:100%;border-radius:15px;}

/* 통증주사 */
.injection{display:flex;}
.injec_left{display:flex;align-items:center;justify-content:center;width:50%;height:100vh;position:sticky;top:0;left:0;background:url('../index/images/injec_bg.jpg')no-repeat;background-size:cover;}
.injec_left .main_tit{width:60%;}
.injec_tab{width:100%;margin:0 auto;margin-top:60px;display:flex;flex-direction:column;gap:15px 0;}
.injec_tab li{border:1px solid rgba(255,255,255,0.3);border-radius: 10px;}
.injec_tab li.active{background: linear-gradient(45deg, #131e3d, #00b3cb);}
.injec_tab li a{color:#fff;font-weight:bold;font-size:20px;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;text-align:left;}
.injec_tab li a img{width:8px;}
.injec_right{width:50%;}
.injec_cont{width:100%;background:#f8f8f8;padding:80px;border-bottom:1px solid #e4e4e4}
.injec_cont:nth-child(2n){background:#fff}
.injec_img{width:80%;margin:0 auto}
.injec_img img{width:100%;border-radius:15px;}
.injec_txt{padding-top:40px;}
.injec_tit{text-align:center;}
.injec_tit h4{}
.injec_tit p{}
.injec_tit span{display:block;}
.injec_tit span i{font-style:normal;line-height: 1.5;display: block;margin-top: 8px;}
.inejc_merit{}
.inejc_merit ul{display:flex;}
.inejc_merit ul li{width:25%;}
.inejc_merit ul li div{width: 90px;height: 90px;border-radius: 70px;margin: 0 auto;background: #0e2d8a;border-radius: 100px;display: flex;align-items: center;justify-content: center;}
.inejc_merit ul li img{filter:invert(1);display:block;margin:0 auto;width:50px;}
.inejc_merit ul li p{line-height:1.4;font-weight:600;margin-top:12px;text-align:center}

/* 비수술치료*/
.non{position:relative}
.non_slide{}
.non_slide .swiper-slide{}

.non1{background:url('../index/images/non_bg1.jpg')no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
.non2{background:url('../index/images/non_bg2.jpg')no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
.non3{background:url('../index/images/non_bg3.jpg')no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
.non4{background:url('../index/images/non_bg4.jpg')no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}

.non_tit{text-align:Center;margin-top:150px;}
.non_tit h4{font-weight:300}
.non_tit p{}

.non_kind{overflow:hidden;}
.non_kind h2{display:flex;justify-content:space-between;align-items:center;}
.non_kind h2 span{}
.non_kind ul{}
.non_kind ul li{background:#00b3cb;padding-bottom:20px;border-radius:15px;overflow:hidden;}
.non_kind ul li img{width:100%;}
.non_kind ul li p{color:#fff;margin-top:15px;text-align:center;font-weight:600;}

.iv_btn{}
.iv_btn img{filter:invert(1);width:8px;}

.non_merit{width:90%}
.non_merit ul{display:flex;justify-content:space-between;}
.non_merit ul li{width:23%}
.non_merit ul li img{width:100%;border-radius:15px;}
.non_merit ul li p{font-weight:600;margin-top:18px;text-align:center;}

.physical_descript{display:flex;align-items:center;justify-content:space-between;}
.physical_descript_img{width:40%;}
.physical_descript_img img{width:100%;border-radius:15px;}
.physical_descript_txt{width:53%;}
.physical_descript_tit{}
.physical_descript_tit h4{}
.physical_descript_tit p{}
.physical_kind{}
.physical_kind h4{width:fit-content;padding:5px 12px;border-radius:6px;border-radius: 6px;border: 1px solid #fff;background: transparent;}
.physical_kind ul{display:flex;flex-wrap:wrap;gap:20px;}
.physical_kind ul li{width: 31%;height: 120px;display: flex;align-items: center;justify-content: center;border-radius: 15px;overflow: hidden;background: #000;border:1px solid rgba(255,255,255,0.4);position: relative;z-index: 0;position:relative;}
.physical_kind ul li img{width:100%;height:100%;object-fit:cover;opacity:0.3;z-index:-1;position:absolute;top:0;left:0;}
.physical_kind ul li p{font-weight:bold;text-align:center;}

.custom{}
.custom_tit{text-align:Center;}
.custom_tit h4{font-weight:300;}
.custom ul{display:flex;justify-content:space-between;}
.custom ul li{width:32%;}
.custom ul li{position:relative;display:flex;align-items:center;justify-content: space-between;background:rgb(34 66 99 / 50%);border-radius: 100px;padding: 15px;}
.custom ul li img{width:30%;border-radius:100px;}
.custom ul li div{width:62%;}
.custom ul li div h5{color:#fff;}
.custom ul li div p{line-height:1.5;color:#fff;margin-top:10px;}

.process{position:relative;width:100%;}
.process .line{position:absolute;top:20px;transform: translateX(-50%);left: 50%;width: 78%;height:2px;background:linear-gradient(90deg, #00b3cb, #00afcb, #0077cb, #0064cb, #0048cb);}
.process .progress{position:absolute;top:0;left:0;height:100%;width:0;background:#e53935;}
.process ul{display:flex;justify-content:space-between;position:relative;}
.process ul li{position:relative;text-align:center;}
.process ul li img{width:100%;border-radius:15px;}
.process ul li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ccc;color:#fff;margin:0 auto 10px;transition:.3s;font-weight: 900;font-size: 13px;}
.process ul li div{padding: 10px;padding-bottom:20px;border-radius: 15px;width: 90%;margin: 0 auto;}
.process ul li h4{color:#fff;padding-top:15px;}
.process ul li p{margin-top:12px;color:#fff}
.process ul li:nth-child(1) span{background:#00b3cb;}
.process ul li:nth-child(2) span{background:#069fcd;}
.process ul li:nth-child(3) span{background:#0077cb;}
.process ul li:nth-child(4) span{background:#0064cb}
.process ul li:nth-child(5) span{background:#0048cb;}
.process ul li:nth-child(1) div{background:#00b3cb;}
.process ul li:nth-child(2) div{background:#069fcd;}
.process ul li:nth-child(3) div{background:#0077cb;}
.process ul li:nth-child(4) div{background:#0064cb}
.process ul li:nth-child(5) div{background:#0048cb;}

.manual_ban{margin-top:180px;background:url('../index/images/manual_ban.jpg')no-repeat;background-attachment:Fixed;background-size:cover;padding:100px 0;}
.manual_ban div{text-align:center;}
.manual_ban div h6{background:rgba(0,0,0,0.4);color:#fff;width:fit-content;margin:0 auto;margin-top:30px;padding:3px 7px;}

.non-pagination{display:flex;justify-content:center;gap:10px;position: absolute;
  top: 400px;z-index: 999;top: 320px ! Important;bottom:auto !Important;}
.non-pagination .swiper-pagination-bullet{width: auto;border-radius: 100px;background: #fff;font-size: 20px;opacity: 1;cursor: pointer;transition: .3s; display: block;padding: 13px 25px;height: auto;font-weight: 600;color: #000;}
.non-pagination .swiper-pagination-bullet-active{background:#00b3cb;color:#fff;}
.non-pagination .swiper-pagination-bullet:hover{background:#00b3cb;color:#fff;}

/* 대상포진 */

.zoster_top{}
.zoster_top .ctt{display:flex;justify-content:space-between;align-items:center}
.zoster_img{width:40%;}
.zoster_img img{width:100%;border-radius:20px;}
.zoster_txt{width:55%;}
.zoster_txt h3{font-weight:300}
.zoster_txt p{line-height:1.6;}

.zoster_cause{}
.zoster_cause h4{padding:8px 20px;border-radius:100px;width:fit-content;}
.zoster_cause ul{display:flex;gap:20px}
.zoster_cause ul li{width:120px;height:120px;background:#dbe3ec;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative;overflow:hidden;background:#000;color:#fff;z-index:0;font-size:20px;font-weight:600}
.zoster_cause ul li img{opacity:0.5;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}

.zoster_bt{background:url('../index/images/zoster_bg2.jpg')no-repeat;background-attachment:fixed;padding:120px 0}
.zoster_symptom{text-align:center;}
.sub_txt{line-height:1.6}
.sub_txt b{color:#b30202;}
.symptom_box{display:flex;justify-content:space-between;}
.symptom_item{background:#fff;border:1px solid #082c89;width:32%;border-radius:15px;overflow:hidden;padding:15px;display:flex;justify-content: space-between;
align-items: center;}
.symptom_item .img{width:40%;border-radius:15px;overflow:hidden;}
.symptom_item .img img{width:100%}
.symptom_item_txt{width:55%;text-align:left;}
.symptom_item_txt h4{font-size:24px;}
.symptom_item_txt p{line-height:1.5;color:#595959;margin-top:13px;}

.zoster_after{text-align:center}
.zoster_after strong{margin: 0 auto;margin-bottom:15px;display: block;width: fit-content;background: #000;color: #fff;padding: 3px 15px;border-radius: 50px;}
.zoster_after_slide .swiper-wrapper{transition-timing-function:linear;}
.zoster_after ul{display:grid;grid-template-columns:repeat(8, 1fr);}
.zoster_after li{padding:20px 0px;font-size:20px;background: #fff; color: #b30202;border: 1px solid #b30202;font-weight:bold;border-radius:8px}
.zoster_after li:hover{background:#b30202;color:#fff}

.zoster_treat{text-align:center}
.treat_box{display:flex;justify-content:space-between;}
.treat_box div{position:relative;width:18.5%;overflow:hidden;border-radius:15px;background:#14192b;color:#fff;z-index:0;height:150px;}
.treat_box img{opacity:0.3;z-index:-1;width:100%;height:100%;object-fit:cover;}
.treat_box p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:22px;font-weight:bold;width:100%;line-height:1.4;}

.zoster_tab_wrap{background:url('../index/images/ab_bg.jpg')no-repeat;background-size:cover}
.zoster_tab_wrap .main_tit{margin-bottom:20px}

.zoster_tabs{display:flex;justify-content:center;gap:0 15px;background:#fff;border:1px solid #082c89;padding:10px;border-radius:100px;width:fit-content;margin:0 auto;}
.zoster_tab{width:300px;background:#fff;color:#082c89;font-size:20px;text-align:center;padding:20px 0;border-radius:100px;border:0;font-weight:600;}
.zoster_tab.on{background:#082c89;color:#fff;}
.zoster_cont_wrap{}
.zoster_cont{display:none;}
.zoster_cont.show{display:block;}
.zoster_cont h4{text-align:center;line-height:1.4}
.zoster_cont ul{width:1000px;margin:0 auto;margin-top:40px;display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
.zoster_cont ul li{display:flex;justify-content:center;font-size:20px;gap:0 10px;align-items:center;background:#fff;padding:20px;background:#f7f7f7;border-radius:5px;}
.zoster_cont ul li img{width:20px}

.zoster_ban{padding:150px 0;width:90%;margin:0 auto;border-radius:40px;margin-top:80px;background:url('../index/images/zoster_bg.jpg')no-repeat;background-size:cover;text-align:center}
.zoster_ban h4{}
.zoster_ban p{line-height:1.5;}
.zoster_ban ul{display:flex}
.zoster_ban ul li{text-align:Center;width:25%;border-right:1px solid rgba(255,255,255,0.2);color:#fff;font-size:20px;font-weight:500;line-height:1.4;}
.zoster_ban ul li:last-child{border:0}
.zoster_ban ul li img{filter:invert(1);margin:0 auto;margin-bottom:12px;display:block;width:50px;}
/* 둘러보기 */
.view{}
.view .ctt{display:flex;align-items:center;justify-content:space-between;}
.view_txt{width:40%}
.view .main_tit{text-align:left}
.view_btn_wrap{margin-top:35px;display:flex;align-items:center;justify-content:space-between;}
.view-pagination{position: relative !important;width: 75% !Important;background: #f1f1f1 !important;border-radius: 100px;overflow: hidden;}
.view-pagination .swiper-pagination-progressbar-fill{background:linear-gradient(45deg, #00BCD4, #0538a9) !important}
.view_btn div{background:#f1f1f1}
.view_btn img{filter:invert(1);width:8px;}
.view_thumb{margin-top:50px;}
.view_thumb img{border-radius:10px;width:100%}
.view_img{width:50%}
.view_slide{}
.view_slide img{width:100%;border-radius:20px;}

/* 진료시간 및 오시는길 */
.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:110px;margin-right:30px;font-weight:bold;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: #0e2d8a;border-radius: 50px;padding: 4px 7px;font-size: 16px;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: 900;margin-top:3px;letter-spacing: 0;}
.sns{display:flex;gap:0 10px;margin-top:35px;justify-content:space-between;}
.sns a{font-size:18px;border-radius:5px;width:24%;color: #1f3990;
  padding: 15px 0;text-align: center;background: #fff;border: 2px solid #1f3990;}
.sns a i{font-style:normal}
.sns a img{height: 20px;margin-right: 8px;width: auto;object-fit: cover;border-radius: 2px;}

.way{margin-top:10px;display:flex;justify-content:space-between;}
.way a{font-size:18px;border-radius:5px;width:49%;color: #1f3990;
  padding: 15px 0;text-align: center;background: #fff;border: 2px solid #1f3990;}
.way a img{height: 20px;margin-right: 8px;width: auto;object-fit: cover;border-radius: 2px;}

.way_pop{z-index:99999;border-radius:15px;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(0,0,0,0.03);width:600px;background:#fff;padding:30px;display:none}
.way_pop.active{display:block;}
.way_pop h4{border-bottom:1px solid #e4e4e4;padding-bottom:15px;}

.way_btn{display:flex;width:95%;position:absolute;top:52%;left:50%;transform:translate(-50%, -50%);z-index:9999;justify-content: space-between;}
.way_btn div{cursor:pointer;border-radius:60px;display:flex;align-items:center;justify-content:center;}
.way_btn div img{width:12px;opacity:0.3;filter:invert(1)}

.way_pop_slide{}
.way_pop_slide img{width:100%;display:block;margin-top:15px}
.way_pop_slide .swiper-slide div{padding:15px;padding-bottom:0;display:flex;justify-content:Center;align-items:center;gap:0 8px;}
.way_pop_slide .swiper-slide div span{width: 20px;height: 20px;border-radius: 30px;line-height: 20px;color: #fff;font-size: 12px;font-weight: 900;text-align: center;background: #000;}
.way_pop_slide .swiper-slide div p{font-size:18px;font-weight:500;}

.way_close{position:absolute;top:20px;right:20px;width:15px;cursor:pointer;}
.way_close img{width:100%}
@media screen and (max-width:768px){
  .index {margin-top: 69px;}
  .main_tit{margin-bottom:30px;}
  .main_visual{height:auto}
  .main_txt h4{font-size:13px;}
  .main_txt h1{font-size:16px;}
  .main_txt p{font-size:13px;line-height:1.4;margin-top:15px;}
  .about .ctt{width:90%}
  .about ul {grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
  .about ul li span {font-size:18px;left: 11px;top: 13px;}
  .shape{width:100px}

  .full_right{margin-left:auto;margin:0 auto;width:90%;}
  .tre_tab{flex-wrap:wrap;gap:10px}
  .tre_tab li{font-size:14px;padding: 9px 17px;}
  .tre_slide .swiper-slide{padding-top:0;}
  .tre_slide .swiper-slide-active img {transform: scale(1);}
  .tre_slide .swiper-slide-active {margin-right:30px !important;}

  .special ul li{height:auto;flex-wrap:wrap;padding:30px 0;}
  .special ul li div{width:100%;padding-top:0;}
  .special ul li img{width:100%;position:Relative;right:0;margin-top:20px;}
  .special ul li:hover{height:auto}
  .special ul li div p { transform: translateY(0%); opacity: 1;}

  .greet{padding-bottom:150px;}
  .gr_let {font-size: 10vw;opacity: 0.5;}
  .greet h4{margin-bottom:100px}
  .greet .ctt{flex-wrap:wrap;flex-direction:column-reverse;}
  .gr_txt{width:100%;margin-top:30px}
  .gr_img{width:100%;}
  .gr_img img:nth-child(1) {width: 100%;margin-left: auto;display: block;}
  .gr_txt div b img{width:68px;}

  .doc_name{padding:20px}
  .career {padding: 20px 10px;gap:7px 0;}
  .career li p{display:block;line-height:1.7;}
  .career_wrap2 .career li a{width:16px;height:16px;display:inline-block;top: 3px;
    margin-left: 5px;}
  .career_wrap2 .career li a img{width:9px;position: relative;top: -4px;left: 3px;}
  .career li{width:100%;}
  .medal {right: 0;width: 100px;}
  .sj_tab {font-size: 18px;padding: 17px 0;}
  .sj_cont{flex-wrap:wrap;flex-direction:column-reverse;padding:25px 0;}
  .sj_txt{width:100%;margin-top:30px;}
  .sj_img{width:100%;}
  .sj_tit h6{width:100%}

  .injection{flex-wrap:wrap}
  .injec_left{width:100%;top:-70px;z-index:10;height:auto;}
  .injec_tab li a {font-size: 13px;padding: 10px 15px;}
  .injec_left .main_tit{width:90%;}
  .injec_right{width:100%}
  .injec_tab{margin-top:25px;flex-direction: row;flex-wrap:wrap;gap:10px}
  .injec_tab li{width:48%;}
  .injec_tab li a {font-size: 15px;padding: 15px;}
  .injec_cont{padding:30px 20px}
  .injec_img{width:100%}
  .injec_tit span{font-size:16px;}
  .inejc_merit ul{flex-wrap:wrap;gap:20px 0}
  .inejc_merit ul li{width:50%}
  .inejc_merit ul li div{width:75px;height:75px}
  .inejc_merit ul li div img{width:50px;}

  .non-pagination{top:160px !important;flex-wrap:wrap;}
  .non-pagination .swiper-pagination-bullet {width:46%;font-size: 16px;padding: 11px 20px;text-align:center;}

  .non_merit {width:100%}
  .non_merit ul{flex-wrap:wrap;gap:15px;}
  .non_merit ul li{width:48%;}

  .physical_descript{flex-wrap:wrap}
  .physical_descript_img{width:100%}
  .physical_descript_txt{width:100%;margin-top:20px}
  .physical_kind ul li{width:30%;}

  .custom ul{flex-wrap:wrap;gap:20px 0;}
  .custom ul li{width:100%;}

  .line{display:none;}
  .process ul{flex-wrap:wrap;gap:30px 0}
  .process ul li{width:100%;}
  .process ul li span{position:absolute;left: 50%;transform: translateX(-50%);top: -15px;}

  .manual_ban div h6{margin-top:20px;}
  .btn {width: 35px;height: 35px;}
  .btn img{width:7px}

  .zoster_top .ctt{flex-wrap:wrap}
  .zoster_img{width:100%}
  .zoster_txt{width:100%;margin-top:25px;}
  .zoster_cause ul{flex-wrap:wrap;justify-content:space-between;gap:15px 0}
  .zoster_cause ul li{width:48%;height:auto;border-radius:100px;height:100px;font-size:16px;padding:15px 0;border-radius:15px;}
  .zoster_cause ul li img{object-fit:cover;}
 
  .zoster_bt{padding:70px 0}
  .symptom_box{flex-wrap:wrap;gap:10px 0}
  .symptom_item{width:100%}
  .symptom_item_txt h4{font-size:18px}
  
  .treat_box{flex-wrap:wrap;gap:15px 0}
  .treat_box div{width:100%;height:100px}
  .treat_box div p{font-size:16px;}
  
  
   .zoster_after li {padding: 15px 0px;font-size: 16px;}
  
  .zoster_tabs{width:90%;padding:5px}
    .zoster_tab{width:48%;font-size:15px;padding:10px 0}
  .zoster_cont ul {width: 90%; grid-template-columns: repeat(1, 1fr);}
  .zoster_cont ul li{font-size:16px}
  .zoster_cont ul li img{width:16px;}
  
  .zoster_ban{padding:80px 0;margin-top:40px;}
  .zoster_ban ul{flex-wrap:wrap;gap:30px 0}
  .zoster_ban ul li{width:50%;font-size:15px;}
  .zoster_ban ul li:nth-child(2){border:0;}
  .zoster_ban ul li img{width:50px}
  
  .view .ctt{flex-wrap:wrap}
  .view_txt{width:100%}
  .view_img{width:100%;margin-top:30px;}
  .view_thumb{margin-top:20px}

  .info_wrap .info_box{margin-top:30px;flex-wrap:wrap;padding:20px 20px 50px 20px}
  .map{width:100%}
  .info{width:100%;margin-top:25px;}
  .sns{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}
  .sns a{width:100%;font-size:15px;}
  .way a{font-size:15px;}
  .way a img {height: 17px;margin-right: 4px;}
  .time ul li{font-size:16px;}
  .time ul li span{width:85px;}
  .time ul li p {letter-spacing: -1px;}
  .time ul li p b {padding: 4px 7px;font-size: 12px;margin-left: 7px;}
  
  .way_pop{width:95%;padding:20px}
  .way_close{width:10px}
  .way_pop_slide .swiper-slide div{align-items:start;}
  .way_pop_slide .swiper-slide div p{font-size:15px;line-height: 1.5;width: calc(100% - 30px);    
    }
  .way_pop_slide .swiper-slide div span {
    width: 18px;height: 18px;line-height: 18px;font-size: 9px;position:relative;top:2px;}
  .way_btn div img{width:8px;}
}

@media screen and (max-width:490px){
  .shape{height:30px}
  .shape:before {bottom: -30px;width: 30px; height: 30px; box-shadow: 15px 15px 0 0 #fff;}
  .shape:after {right: -30px;width: 30px; height: 30px; box-shadow: 11px 18px 0 0 #fff}
  .about ul li span {font-size: 15px;left: 15px;top: 4px;}
  .tre_tab li {font-size: 13px;}
  .tre_tab li:nth-child(-n+2){min-width:30%;}

  .non-pagination {padding:0 4%;}
  .non-pagination .swiper-pagination-bullet{margin:0 !important}
  .non_merit ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
  .non_merit ul li{width:100%}
  .physical_kind ul{gap:9px}
  .physical_kind ul li {width: 31%;height:90px}
  .manual_ban {margin-top: 50px;padding: 60px 0;}

  .time ul li{font-size:15px;}
  .time ul li span{width: 79px;margin-right:10px}
  .time ul li p b {padding: 2px 5px;font-size: 12px;margin-left: 5px;}
  .time_notice span{font-size:13px;}
}