/* 공통 */
.index{}
.main_tit_wrap{display:flex;justify-content:space-between;align-items:end;}
.main_tit{text-align:center;}
.main_tit h2{font-weight:300;}
.main_tit h2 b{font-weight:bold}
.main_tit span{display:block;margin-bottom:5px;}
.main_tit p{margin-top:12px;}
.wt{color:#fff}
.bold{font-weight:bold;}
.pd180{padding:190px 0}
.pdt180{padding-top:190px;}
.pdb180{padding-bottom:190px;}
.swiper_btn{display:flex;}
.swiper_btn div{cursor:pointer;width:50px;height:50px;border-radius:60px;border:1px solid #fff;display:Flex;align-items:center;justify-content:center;}
.swiper_btn div img{width:6px;filter:invert(1);}

/* 슬라이드 */
.slide{position:relative;width:100%;height:auto}
.video_wrap {background:#000;position: relative;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video_wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;opacity:1;}
.slide_txt{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);text-align:Center;}
.slide_txt span{font-weight:600;display:block;opacity:0.6;}
.slide_txt h2{display:Flex;flex-wrap:wrap;justify-content:center;margin-top:20px;font-size:70px;line-height:1;}
.slide_txt h2 b{margin-left:12px;display:flex;font-weight:bold;overflow:hidden;}
.slide_txt h2 b i{font-style:normal;display:inline-block;transform: translateY(100%);animation: up 0.5s cubic-bezier(.25,.46,.45,.94) forwards;}

@keyframes up{
  0%{
    transform: translateY(100%);
    opacity:0;
  }
  100%{
    transform: translateY(0);
    opacity:1;
  }
}
.slide_txt h2 b i:nth-child(1){ animation-delay: 0.3s; }
.slide_txt h2 b i:nth-child(2){ animation-delay: 0.6s; }
.slide_txt h2 b i:nth-child(3){ animation-delay: 0.9s; }

.slide_txt p{margin-top:40px;line-height:1.7;opacity:0.8;}
.slide_bottom{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.5)}
.slide_bt{width:80%;margin:35px auto;display:flex;justify-content:space-around;align-items:center;}
.slide_bt_box{width:33.3%;}
.slide_bt_box:last-child{text-align:right;}
.slide_bt_box span{font-weight:500;display:block;}
.slide_bt_box a{font-weight:600;display:block;line-height:0.8;margin-top:8px;}
.slide_bt_box strong{display:block;text-align:center;font-weight:600;opacity:0.5;}
.slide_bt_box p{margin-top:8px;}
.slide_bt_box p img{width:220px;margin-left:auto;display:block;}

/* 뉴스 */
.news{background:url('../index/images/news_bg.png')no-repeat;background-size:cover;}
.news_slide_wrap{width:90%;margin:0 auto;position:relative;margin-top:60px;}
.news_slide .swiper-wrapper{align-items:center;}
.news_slide .swiper-slide{transition:all .5s;transform:translateZ(0) scale(0.8) !important;opacity:1}
.news_slide .swiper-slide-active{transform:translateZ(0) scale(1) !important;opacity:1;}
.news_slide .swiper-slide img{width:100%;border-radius:20px;}
.news_btn{z-index:999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42%;justify-content:space-between;}
.news_tit{color:#fff;text-align:center;display:block;margin-top:20px;}
/* 약속 */
.promise{background:url('../index/images/promise_bg.png')no-repeat;background-size:cover;}
.promise_box{margin-top:60px;position:relative;}
.pr_slide{}
.pr_slide .swiper-slide {display:flex;justify-content:space-between;}
.pr_slide .swiper-slide img{width:30%;border-radius:20px;}
.pr_slide .swiper-slide div{width:60%;}
.pr_slide .swiper-slide div span{display:block;margin-bottom:10px;}
.pr_slide .swiper-slide div h4{}
.pr_slide .swiper-slide div p{margin-top:20px;}
.pr_bottom{z-index:20;position:absolute;bottom:0;left:40%;width:700px;}
.pr-pagination{display:Flex;justify-content:space-between;width:100%;}
.pr-pagination span{width:30%;height:auto;border-radius:0;background:none;text-align:center;opacity:1;transition:all .5s;}
.pr-pagination em{font-style:normal;}
.pr-pagination b{font-size:14px;display:block;color:#ccc}
.pr-pagination p{font-size:18px;font-weight:bold;}
.pr-pagination img{border-radius:10px;width:100%;height:150px;object-fit:cover;display:block;margin-bottom:10px;filter:grayscale(10) opacity(0.3);transition:all .5s;}

.pr-pagination span:hover img{filter:none;}
.pr-pagination span.swiper-pagination-bullet-active b{color:#207dc1}
.pr-pagination span.swiper-pagination-bullet-active img{filter:none;}

.pr_btn{justify-content:right;gap:0 10px;margin-bottom:35px;}
.pr_btn div{background:#02314b;border:0;}

/* let  */
.let{overflow:hidden;opacity:0.3}
.let p{font-size:8vw;font-style:normal;width: max-content;white-space:nowrap;font-weight:600;color:#ccc;}
.let p b{color:#cdeaf9;font-weight:600}

/* 진료과목 */
.subject{}
.subject ul{margin-top:60px;display:flex;align-items:start;justify-content:space-between;}
.subject ul li{border:1px solid #d9e3ed;background:#fff;border-radius:20px;overflow:hidden;width:22%;padding:60px 35px;transition:all .5s;}
.subject ul li:nth-child(2n){margin-top:30px}
.subject ul li i{width:80px;height:80px;border-radius:110px;background:#02314b;display:flex;align-items:center;justify-content:center;margin-bottom:50px;}
.subject ul li img{width:50px;height:50px;display:block;}
.subject ul li div{}
.subject ul li div span{font-weight:bold;display:block;margin-bottom:3px;}
.subject ul li div h4{}
.subject ul li div p{display:none;margin-top:10px;color:#555;}

.subject ul li:hover{background:#02314b}
.subject ul li:hover i{background:#fff;}
.subject ul li:hover img{filter:invert(1);}
.subject ul li:hover div span{}
.subject ul li:hover div h4{color:#fff;}
.subject ul li:hover div p{color:#fff;}

/* 치료분야 */
.treatment{background:#f7f7f7;padding-top:120px;position:relative;}
.treatment:after{content:"";width:100%;height:150px;top:-150px;left:0;background:#f7f7f7;z-index:-1;position:absolute;}
.treatment ul{margin-top:40px;display:flex;justify-content:space-between;}
.treatment ul li{position:relative;width:20%;height:400px;border-radius:20px;overflow:hidden;transition:all ease-out 0.5s;}
.treatment ul li:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(
  0deg, rgba(0, 0, 0, 0.7), transparent);z-index:1;pointer-events: none;}
.treatment ul li a{display:block;width:100%;height:100%;}
.tre_img{width:100%;height:100%;object-fit:cover;object-position:center;}
.tre_tit{position:absolute;bottom:40px;left:40px;font-weight:bold;z-index:10;font-weight:300}
.tre_tit b{font-weight:bold;}
.treatment ul li div{z-index:10;width:100%;height:100%;background:linear-gradient(45deg, #052237, rgb(23 50 93 / 70%));position: absolute;top: 0;left:-100%;backdrop-filter: blur(5px);padding:60px 50px;}
.treatment ul li div span{}
.treatment ul li div p{font-weight:300;margin-top:15px;opacity:0;transition:all 1.5s;}
.treatment ul li div strong{color: #fff;border-radius: 100px;width: fit-content;display: block;font-weight: 500; margin-top: 120px;font-size: 14px;text-align: right;display: flex;align-items: center;justify-content: right;width: 100%;opacity:0;transition:all 1.5s;}
.treatment ul li div strong img{filter:invert(1);width:6px;margin-left:15px;}

.treatment ul li.active{width:35%;}
.treatment ul li.active div{left:0;}
.treatment ul li.active div p, .treatment ul li.active div strong{opacity:1;}

/* 인사말 */
.greeting{background:url('../index/images/gr_bg.png')no-repeat;background-size:cover;}
.greeting .main_tit span{margin-bottom:15px;}
.greeting .main_tit h2{line-height:1.4;font-weight:bold;}
.gr_box{display:flex;margin-top:80px;}
.gr_box div{width:50%}
.gr_box div:first-child{border-right:1px solid rgba(255,255,255,0.2)}
.gr_box div:last-child{padding-left:80px;}
.gr_box div h5{}
.gr_box div p{line-height:1.8;color:#d4edff;margin-top:20px;}
.gr_name{margin-top:50px;text-align:right;}
.gr_name b{margin:0 6px;}

/* 의료진 소개 */
.doc_let{padding-top:250px;padding-bottom:80px;color: rgba(0,0,0,0.2)}
.doc_let h1{text-align:center;font-size:70px;line-height:1.4;position: relative;
  background: linear-gradient(to right, #000, #000) no-repeat;-webkit-background-clip: text;background-clip: text;background-size: 0%;transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s}
.doc_let h1 b{font-weight:bold}

.doctor{background:linear-gradient(180deg, #fff, #f2f6fa)}
.doctor .ctt{margin-top:60px;display:flex;justify-content:space-between;align-items:center;}
.doc_txt{width:55%;}
.doc_txt strong{display:block;}
.doc_txt h4{font-weight:300;margin-top:10px;}
.doc_txt h4 b{font-weight:bold;}
.career{margin-top:30px;}
.career h6{margin-bottom:15px;}
.career ul{display:flex;flex-wrap:wrap;gap:8px 0;}
.career ul li{font-size:18px;width:50%;color:#555;display:flex;align-items:center;}
.career ul li i{font-style:normal;margin-right:6px;font-weight:bold;color:#000}
.doc_img{z-index:0;width:40%;background:#d9e3ed;border-radius:20px;border:1px solid #d9e3ed;overflow:hidden;background:#f3f7fa;position:relative;}
.doc_name{    font-size: 4vw;opacity: 0.1;position: absolute;top: 60px;left: 60px;line-height: 1;font-weight: 500;color: #8da5b7;z-index: -1;}
.doc_image{width:70%;padding-top:60px;display:block;margin:0 auto;}
.medal{position:absolute;bottom:50px;right:50px;width:170px;}

/* 척추관절클리닉 */
.sj{background:url('../index/images/sj_bg.png')no-repeat;background-size:cover;}
.sj .ctt{display:flex;justify-content:space-between;}
.sj_img{width:38%;}
.sj_img_slide{}
.sj_img_slide .swiper-slide{}
.sj_img_slide img{width:100%}
.circle {position:absolute;width:60px;height:60px;font-size:18px;color:#fff;font-weight:bold;text-align:center;line-height:60px;border-radius:50%;background:#ff4b4b;z-index:0;}
.circle::before {content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;background:rgba(255,75,75,0.8);transform:translate(-50%,-50%);animation:ping1 1.8s infinite ease-out;z-index:-1;}
.circle::after {content:"";position:absolute;top:50%;left:50%;width:85px;height:85px;border-radius:50%;background:rgba(255,75,75,0.6);transform:translate(-50%,-50%);animation:ping2 1.8s infinite ease-out;z-index:-1;}

@keyframes ping1 {0%{transform:translate(-50%,-50%) scale(0.6);opacity:.7;}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0;}}
@keyframes ping2 {0%{transform:translate(-50%,-50%) scale(0.8);opacity:.4;}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0;}}

.circle1{top:206px;left:280px;}
.circle2{top:576px;left:262px;}
.circle3{top:132px;left:301px;}
.circle4{top:230px;left:79px;}
.circle5{top:380px;left:200px;}
.circle6{top:582px;left:205px;}
.circle7{bottom:20px;left:144px;}

.sj_txt{width:55%;}
.sj_txt_slide{}
.sj_txt_slide .swiper-slide{}
.sj_txt_slide .swiper-slide h4{font-weight:bold;line-height:1.3;}
.sj_txt_slide .swiper-slide h4 b{font-weight:bold;}
.sj_txt_slide .swiper-slide p{margin-top:18px;}
.sj_txt .main_tit{text-align:left;}
.sj-pagination{background:#fff;width:fit-content !Important;border:1px solid #02314b;border-radius:100px;margin-top:25px;margin-bottom:40px;}
.sj-pagination span{width:auto;height:auto;padding:10px 50px;font-size:22px;color:#02314b;border-radius:100px;margin:0 !important;background:#fff;opacity:1;}
.sj-pagination span.swiper-pagination-bullet-active{background:#02314b;color:#fff;}

.swiper-button-lock {display: none !important}

.sj_kind_wrap{width:90%;margin-top:20px;}
.sj_kind_slide{width:100%;}
.sj_kind_slide .swiper-slide{background:#fff;border:1px solid #d9e3ed;border-radius:20px;overflow:hidden;}
.sj_kind_slide .swiper-slide img{border-radius:20px;width:100%}
.sj_kind_slide .swiper-slide div{padding:25px 30px;}
.sj_kind_slide .swiper-slide div ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;}
.sj_kind_slide .swiper-slide div ul li{background:#02314b;color:#fff;font-size:14px;font-weight:400;padding:5px 12px;border-radius:100px}

.sj_kind_btn{gap:0 10px;justify-content:right;margin-bottom:25px;}
.sj_kind_btn div{background:#000;border-color:#000}


/* 비수술 치료 */
.non{background:url('../index/images/non_bg.jpg')no-repeat;background-size:100%;}
.non_ctt{position:relative;}
.non .ctt{}
.non_btn{display:none;position:absolute;top:40%;left:50%;transform:translateX(-50%);justify-content:space-between;width:100%}
.non_btn div{background:#000;border:none}
.non-pagination{display:flex;justify-content:center;gap:0 10px;margin:40px 0;}
.non-pagination span{width:auto;height:auto;opacity:1;border-radius:100px;background:#fff;border:1px solid #02314b;padding:15px 0;text-align:center;width:220px;font-size:20px;font-weight:bold;color:#02314b;}
.non-pagination span.swiper-pagination-bullet-active {background: #02314b;color: #fff;}
.non_slide{}
.non_content{margin-top:35px;display:flex;justify-content:space-between;flex-direction:row-reverse;border-radius:20px;}
.non_img{width:40%}
.non_img img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.non_txt{width:50%;}
.non_tit{}
.non_tit h4{line-height:1.5;}
.non_tit h4 b{font-weight:bold;display:block;}
.non_tit p{margin-top:15px;line-height:1.7;color:#555;word-break:keep-all;}
.non_tit p b{color: #2562af;font-size: 17px;}
.last_p{margin-top:15px;}
.non_tit strong{color: #006ab8;width: fit-content;display: block;margin-top: 25px;display: flex;justify-content: center;align-items: center;padding: 8px 12px;border-radius: 6px;font-size:15px;background: #eff6ff;font-weight:600}
.non_tit strong img{width:18px;margin-right:8px;filter: hue-rotate(207deg);}
.charac{display:flex;flex-wrap:wrap;gap:20px 0;margin-top:50px;width:100%;}
.charac li{width:50%;display: flex; gap: 0 15px;align-items: center;}
.charac li div{width:60px;height:60px;border-radius:50px;background:#00314b;display:flex;align-items:center;justify-content:center;}
.charac li img{width:35px;filter:invert(1);display:block;margin:0 auto;}
.charac li p{line-height:1.45;font-size:16px;font-weight:400;}
.charac li p b{font-weight:bold;color:#000;}
.sap{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;gap:35px 0;margin-top:50px;}
.sap li{width:24%;}
.sap li img{width:100%;display:block;margin:0 auto;}
.sap li p{line-height:1.4;font-size:16px;margin-top:10px;text-align:center;font-weight:bold;}

/* 도수치료 */
.manual{background:url('../index/images/manual_bg.png')no-repeat;background-size:cover;}
.manual_tit{margin-top:40px;text-align:Center;}
.manual_tit h4{}
.manual_tit p{margin-top:15px;opacity:0.8;}
.manual_box_wrap{margin:0 auto;width:80%;margin-top:40px;}
.manual_box{width:100%}
.manual_box:last-child{margin-top:50px;}
.manual_box h5{color:#fff;display:flex;align-items:center;}
.manual_box h5 i{width: 8px;height:8px;border-radius: 5px;margin-right: 12px; background: #00BCD4;display:block}
.manual_box ul{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:space-between;}
.manual_box ul li{width:23.5%;position:relative}
.manual_box ul li img{width:100%;border-radius:10px;}
.manual_box ul li p{color:#fff;text-align:center;font-weight:bold;margin-top:10px;text-align:center}
.manual_box ul li span{position: absolute;padding: 3px 10px;background: #006ab8;right: 20px;top: 20px;color: #fff;font-weight: 900;font-size: 13px;border-radius: 100px;}
.manual_special{margin-top:130px;display:flex;align-items:Center;justify-content:space-between;}
.manual_spe_left{width:45%;}
.manual_spe_left .main_tit{text-align:left;}
.manual_spe_left .main_tit span{opacity:.5}
.manual-pagination{margin-top:10px;}
.manual-pagination span{position:relative;width:auto;height:auto;border-radius:0;background:none;border-bottom:1px solid rgba(255,255,255,0.3);padding:30px 20px;display:block}
.manual-pagination span b{color:#fff;display:block;}
.manual-pagination span i{color:#fff;opacity:0.7;font-style:normal;display:block;margin-top:10px;}
.manual_thumb{display:none;}
.manual-pagination span .manual_arrow{position:absolute;top:50%;transform:translateY(-50%);right:60px;filter:invert(1);width:10px;opacity:0;transition:all .5s}
.manual-pagination span.swiper-pagination-bullet-active b{color:#84f5ff}
.manual-pagination span.swiper-pagination-bullet-active i{opacity:1;}
.manual-pagination span.swiper-pagination-bullet-active img{opacity:1;right:30px;}
.manual_slide{width:45%;margin:0 !important}
.manual_slide img{width:100%;border-radius:20px;}
.manual_slide .swiper-slide div{display:none;}
/* 기타 클리닉 */
.etc_list{margin-top:60px;}
.etc_list ul{display:flex;justify-content:space-between;}
.etc_list ul li{transition:all .5s;border-radius:20px;overflow:hidden;z-index:0;width:31.3%;position:relative;}
.etc_list ul li:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(
  0deg, rgba(0, 0, 0, 0.7), transparent);z-index:1;pointer-events: none;}
.etc_list ul li img{transition:all .5s;height:100%;object-fit:cover;width:100%;}
.etc_list ul li div{transition:all .5s;z-index:1;position:absolute;bottom:-20px;left:50px;}
.etc_list ul li h4{color:#fff;}
.etc_list ul li p{transition:all .5s;margin-top:10px;color:#fff;transform:translateY(30px);opacity:0;}
.etc_list ul li:hover div{bottom:40px;}
.etc_list ul li:hover p{transform:translate(0);opacity:1;}
.etc_list ul li:hover{background:#02314b}
.etc_list ul li:hover img{opacity:0.2;}

.etc_step_wrap{margin-top:100px;}
.etc_step{margin-top:60px;padding-top:25px;border-top:2px solid #e4e4e4;}
.etc_step .ctt{}
.etc_step ul{display:flex;position:relative;}

.etc_step ul:after{transition:all .5s;content:"";position:absolute;top:-27px;left:19%;width:0%;height:2px;background:#006abf;transition:width 2s;}
.etc_step ul li{width:33.3%;}
.etc_step ul li span{z-index:10;background: #fff;color: #006ab8;border-radius: 100px;padding: 5px 20px;margin: 0 auto;display: block;font-weight: bold;width: fit-content;border: 1px solid #006ab8;position: relative;top: -45px;transition:all 1s;}
.etc_step ul li img{border-radius:10px;width:50%;margin:0 auto;display:block;}
.etc_step ul li div{margin-top:15px;text-align:center;}
.etc_step ul li div h4{}
.etc_step ul li div p{margin-top:3px;}

.etc_step.active ul:after{width:65%;}
.etc_step.active ul li span{background: #006ab8;color:#fff}
.etc_step.active ul li:nth-child(1) span{transition-delay:0;}
.etc_step.active ul li:nth-child(2) span{transition-delay:0.6s;}
.etc_step.active ul li:nth-child(3) span{transition-delay:1.2s;}

/* 둘러보기 */
.view{background:linear-gradient(0deg, #fff, #f8f8f8)}
.view .main_tit_wrap{width:1400px;}
.view .main_tit{text-align:left;}
.view .ctt{width:90%;margin:0 ;margin-left:auto;}
.view_slide {margin-top:50px;}
.view_slide img{border-radius:20px;width:100%;}
.view_btn {gap:0 10px;}
.view_btn div{background:#006ab8;border:1px solid #006ab8;}

/* 진료시간 및 오시는길 */
.info{position:relative;z-index:0;}
.sec8_sym{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;opacity:0.05;z-index:-1;}
.info .main_tit{text-align:left;}
.info_box{display:flex;align-items:center;justify-content:space-between;}
.map{width:45%;}
.map img{width:100%}
.info_txt{width:45%}
.info_sec{margin-top:35px}
.info_sec:first-of-type{margin-top:0;}
.info_sec span{font-weight:bold;display:block;margin-bottom:10px;}
.info_sec div b{}
.info_sec div p{margin-top:8px;font-weight:bold;}
.info_sec div p img{width:25px;margin-right:5px;position:relative;top:-2px;display:inline-block;}
.sns{margin-top:25px;display:flex;gap:0 15px;}
.sns a{background:#fff;border:1px solid #e4e4e4;border-radius:100px;display:flex;align-items:center;gap:0 5px;font-size:18px;padding:15px 25px;border-radius:100px;}
.sns a img{width:30px;border-radius:3px}
.info_sec ul{margin-top:20px;}
.info_sec ul li{line-height:0.8;padding-bottom:8px;display:flex;gap:0 20px;}
.info_sec ul li:last-of-type{padding-bottom:0;}
.info_sec ul li b{width:100px;margin-right:15px;text-align:justify;display:block;letter-spacing: -5px}
.info_sec ul li b::after {content: "";display: inline-block;width: 100%;}
.info_sec ul li p{}
.info_sec strong{display: block;margin-top: 20px;font-weight: 400;color: #555;}
.info_sec strong i{font-weight:bold;color:#000;margin-right:8px;}
.info_sec em{line-height:0.9;font-style:normal;font-weight:900;}

@media screen and (max-width:799px){
  .pd180{padding:80px 0}
  .pdt180{padding-top:80px}
  .main_tit h2{line-height:1.3;}
  .main_tit h2 b{display:block}
  .main_tit p{font-size:14px;word-break:keep-all;}
  .swiper_btn div{width:35px;height:35px;}
  .swiper_btn div img{width:5px;}

  .index{margin-top:53px;}
  .slide{height:auto}
  .slide_txt{top:35%;width:100%}
  .slide_txt span{margin-bottom:12px;}
  .slide_txt h2{font-size:26px;margin-top:5px;}
  .slide_txt p{margin-top:20px;font-size:14px;}
  .slide_bottom{background:linear-gradient(0deg, black, #02314b);position:relative;}
  .slide_bt{margin:0;flex-wrap:wrap;width:100%;}
  .slide_bt_box{width:100%;text-align:center !important;padding:30px 0}
  .slide_bt_box:nth-child(2){display:none;}
  .slide_bt_box:last-child{border-top:1px solid rgba(255,255,255,0.2);}
  .slide_bt_box p img{margin:0 auto;width:160px;}


  .news_slide_wrap{margin-top:30px;}
  .news_btn{width:100%}
  .news_tit {font-size:14px;}

  .promise_box{margin-top:30px;}
  .pr_slide .swiper-slide{flex-wrap:wrap;}
  .pr_slide .swiper-slide img{width:100%;height:250px;object-fit:cover;}
  .pr_slide .swiper-slide div{width:100%;padding:25px;}
  .pr_slide .swiper-slide div span{font-size:12px;}
  .pr_slide .swiper-slide div p{word-break:keep-all;margin-top:8px;}
  .pr_slide .swiper-slide div p br{display:none;}
  .pr_slide .swiper-slide div h4 {line-height: 1.3;}
  .pr_bottom {position:relative;width:100%;left:0;}
  .pr-pagination{display:none;}

  .subject ul{margin-top:30px;flex-wrap:wrap;gap:20px 0;}
  .subject ul li{width:48.5%;padding:30px}
  .subject ul li:nth-child(2n){margin-top:0;}
  .subject ul li i{margin-bottom:30px;width:50px;height:50px}
  .subject ul li img{width:25px;}
  .subject ul li div span{font-size:12px;}

  .treatment ul{gap:25px 0;margin-top:30px;flex-wrap:wrap}
  .treatment ul li{width:100% !important;height:250px;}
  .tre_tit{display:none;}
  .treatment ul li div{left:0;padding:35px;background: linear-gradient(89deg, #052237, transparent);backdrop-filter: blur(1px);}
  .treatment ul li div strong{margin-top:30px;}
  .treatment ul li div p, .treatment ul li div strong{opacity:1;}

  .gr_box{margin-top:50px;flex-wrap:wrap;}
  .gr_box div{width:100%;}
  .gr_box div:first-child{border:0;}
  .gr_box div:last-child{padding-left:0;margin-top:30px;}
  .gr_box div p{word-break:keep-all}
  .gr_box div h5{word-break:keep-all}
  .gr_name{margin-top:35px;font-size:14px;}

  .doc_let {padding-top: 150px;padding-bottom: 60px;}
  .doc_let h1{font-size:26px;}
  .doctor .ctt{margin-top:30px;flex-wrap:wrap;        flex-direction: column-reverse;}
  .doc_txt{width:100%;padding-top:30px;padding-left:15px;}
  .doc_txt h4{margin-top:3px;}
  .doc_img{width:100%}
  .doc_image {padding-top: 21px;}
  .medal {bottom: 30px;right: 30px;width: 140px;}
  .doc_name {font-size: 14vw;top: 30px;left: 30px;}
  .career ul{gap:5px 0;}
  .career ul li{width:100%;font-size:14px;}

  .sj .ctt{flex-wrap:wrap}
  .sj_img{width:300px;margin:0 auto;margin-top:20px;}
  .sj_txt{width:100%;}
  .circle {width:40px;height:40px;font-size:13px;line-height:40px;}
  .circle:before{width:50px;height:50px}
  .circle:after{width:60px;height:60px;}
  .circle1 {top: 119px;left: 150px;}
  .circle2 {top: 350px;left: 144px;}
  .circle3 {top:69px;left:158px;}
  .circle4 {top:120px;left:38px;}
  .circle5 {top:207px;left:150px;}
  .circle6 {top:326px;left:113px;}
  .circle7 {left:82px;}

  .sj-pagination{margin-bottom:20px;width:100% !important}
  .sj-pagination span{font-size:16px;width:50%;text-align:center;}
  .sj_txt_slide .swiper-slide p{margin-top:10px;word-break:keep-all}
  .sj_kind_wrap{margin-top:20px;}
  .sj_kind_slide .swiper-slide div{padding:25px;}
  .sj_kind_slide .swiper-slide div ul{margin-top:10px}
  .sj_kind_slide .swiper-slide div ul li{font-size:12px;}

  .non-pagination{flex-wrap:wrap;gap:10px 0;justify-content:space-between;width: 90% !important;margin: 25px auto;}
  .non-pagination span{font-size:15px;padding:11px 0;width:48%}
  .non_content{flex-wrap:wrap;margin-top:0;}
  .non_img{width:100%;height:250px;}
  .non_txt{width:100%;margin-top:25px;}
  .non_tit p b{font-size:16px;}
  .non_tit strong{font-size:14px;width:100%}
  .charac li div{width:40px;height:40px}
  .charac li div img{width:20px;}
  .charac{margin-top:30px;}
  .charac li p {line-height: 1.4;font-size: 14px;}

  .sap li{width:48%;}
  .sap li p{font-size:14px;}

  .manual_tit p{word-break:keep-all;}
  .manual_box_wrap{width:100%;flex-wrap:wrap}
  .manual_box{width:100%}
  .manual_box:last-child{margin-top:30px;}
  .manual_box ul{gap:30px 0;}
  .manual_box ul li{width:48%;}
  .manual_box ul li span{right:12px;top:12px;font-size:11px;}
  .manual_box ul li p{font-weight:500;}

  .manual_special{margin-top:70px;flex-wrap:wrap;}
  .manual_spe_left{width:100%}
  .manual-pagination{display:none;}
  .manual_slide{width:100%;margin-top:30px !important}
  .manual_slide .swiper-slide div{display:block;padding:25px;}
  .manual_slide .swiper-slide div b{color:#fff;font-size:18px;}
  .manual_slide .swiper-slide div i{font-style:normal;font-size:14px;color:#fff;margin-top:10px;display:block;opacity:0.8}

  .etc_list{margin-top:30px}
  .etc_list ul{flex-wrap:wrap;gap:20px 0;}
  .etc_list ul li{width:100%}
  .etc_list ul li div{bottom:40px;left:40px;}
  .etc_list ul li p {transform: translateY(00px);opacity: 1;}

  .etc_step_wrap{margin-top:60px;}
  .etc_step{border:0;padding-top:0;margin-top:30px;}
  .etc_step ul:after{display:none;}
  .etc_step ul{flex-wrap:wrap;gap:25px 0;}
  .etc_step ul li{width:100%;}
  .etc_step ul li span{top:0;margin-bottom:15px;}
  .etc_step ul li img{width:90%;}

  .view .main_tit_wrap{flex-wrap:wrap;width:100%;}
  .view .main_tit{width:100%:}
  .view_btn{width:100%;margin-top:20px;}
  .view_slide{margin-top:30px;}

  .info .main_tit{text-align:center;}
  .info_box{flex-wrap:wrap;margin-top:30px}
  .map{width:100%}
  .info_txt{width:90%;margin:0 auto;margin-top:25px;}
  .info_sec div b{font-size:14px;}
  .info_sec div p{font-size:16px}
  .info_sec div p img{width:18px;}
  .info_sec ul li b{width:75px;}
  .sns a{font-size: 14px;padding: 5px 25px;}
}

@media screen and (max-width:420px){
  .slide img {object-position: 60%;}
  .sj_kind_slide .swiper-slide div {padding: 25px 15px;}
  .non-pagination span {font-size: 14px;width: 47%;}
  .non_tit p b{font-size:14px;}
      .non_tit strong {font-size: 13px;width: 100%;flex-wrap: wrap;flex-direction: column;justify-content: left;align-items: start;padding: 20px}
  .non_tit strong img {margin-bottom: 5px;}
  .charac li{width:50%;flex-wrap:wrap;}
      .charac li div {margin:0 auto;margin-bottom: 8px;}
      .charac li p {width: 100%;text-align: center;}
  .manual_tit p{font-size:14px;}
  .etc_list ul li div{left:30px }
  .sns{gap:0 10px;}
  .sns a{padding:5px 18px}
}