.index{margin-top:110px;}
/* 공통 */
.main_tit h2{line-height:1.4}
.main_tit h2 b{font-weight:800}
.main_tit span{font-weight:800;display:block;letter-spacing:0.5px;}

.slide_btn_wrap{display:flex;align-items:center;gap:25px;}
.slide_btn_wrap img{width:15px;}
.slide-button-prev,.slide-button-next{display:flex;align-items:center;gap:10px;font-size: 15px;font-weight: 800;letter-spacing:0.8px;cursor:pointer;user-select:none;}
.slide-progress{flex:1;height:3px;border-radius:100px;background:#e5e5e5;overflow:hidden;position:relative;}
.swiper-pagination-progressbar{background:#e4e4e4 !important}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #f7941d !important}
.slide-pagination{position:static !important;width:100%;height:100%;}
.slide-pagination .swiper-pagination-progressbar-fill{background:#174a97;}

/* 메인비쥬얼 */
.main_visual{width:93%;margin:0 auto;display:flex;justify-content:space-between;align-items:start;height:auto;}
.visual{width:calc(100% - 25%);border-radius:20px;overflow:hidden;position:relative;background:#000}
.visual_swiper{opacity:0.5;position:absolute;top:0;left:0;width:100%;height:100%;}
.visual_swiper .swiper-slide{overflow:hidden;}
.visual_swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s ease;}
.visual_swiper .swiper-slide-active img{transform:scale(1);}
.visual .swiper-pagination{bottom:30px !important;}
.youtube_wrap{opacity:0.7;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.youtube_wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.visual_txt{position:absolute;left:100px;bottom:130px;z-index:2}
.visual_txt span, .visual_txt h1{opacity:0;transform:translateY(40px)}
.visual_txt span{font-weight:600;display:block;}
.visual_txt h1{line-height:1.5;}

.visual_side{width:23%;}
.visual_news{width:100%;border-radius:20px;overflow:hidden;position:relative;}
.visual_news .swiper-wrapper,.visual_news .swiper-slide{width:100%;height:100%;}
.visual_news img{width:100%;height:100%;object-fit:cover;display:block;}
.visual_news_pagination{position:absolute;left:50% !important;bottom:40px !important;transform:translateX(-50%);z-index:10;text-align:center;}
.visual_news .swiper-pagination-bullet{border-radius:100px !Important;}
.visual_news .swiper-pagination-bullet-active{background:#fff !important;width:20px !important}

.visual_btn{background:#083f88;transition:all .5s;width:100%;border-radius:20px;margin-top:20px;}
.visual_btn:hover{background:#0b4ea7}
.visual_btn a{display:flex;align-items:center;gap:0 15px;padding:35px 25px;}
.visual_icon{width:60px;height:60px;background:#fff;border-radius:60px;display:flex;align-items:center;justify-content:center}
.visual_icon img{width:30px}
.visual_btn span{font-weight:500}
.visual_btn h3{}
/* 포인트 */
.point .main_tit{text-align:center;}
.point .ctt{width:1260px;}
.point_list{display:flex;justify-content:space-between;}
.point_list li{background:#fff;width:31%;padding:40px;border:1px solid #e5ebf4;border-radius:20px;box-sizing:border-box;transition:.6s;}
.point_list li.on{background:#083f88;border-color:#0f4a99;}
.point_list li.on *{color:#fff;}
.point_list li.on .point_icon{background:#fff;}
.point_icon{width:100px;height:100px;border-radius:50%;background:#edf2f9;display:flex;align-items:center;justify-content:center;}
.point_icon img{height:50px;object-fit:contain;}

/* 지점소개 */
.branch{display:none;padding-top:300px;margin-top:-120px;background:url('../index/images/branch_bg.jpg')no-repeat;background-size:100%;background-position:top}
.branch_cont{display:flex;justify-content:space-between;}
.branch_map{width:35%;}
.branch_map_img_wrap{position:relative;}
.branch_map_img{width:100%;margin-top:20px;}
.branch-pagination{}
.branch-pagination button{opacity:1;background:none;width:auto;height:auto;position:absolute;transition:all .3s;transform-origin:center center;display: flex;align-items: end;}
.branch-pagination img{width:28px;transition:all .3s;filter:grayscale(10);opacity:0.7}
.branch-pagination span{display: block;background: #003686;color: #fff;font-size: 12px;font-weight: 800;width: fit-content;margin: 0 auto;padding: 3px 8px;border-radius: 50px;margin-top: 5px;transition:all .3s;}
.branch-pagination button.swiper-pagination-bullet-active{transform:scale(1.1)}
.branch-pagination button.swiper-pagination-bullet-active img{filter:none;opacity:1;}
.branch-pagination button.swiper-pagination-bullet-active span{background:#f39800;}
.branch-pagination button:hover{transform:scale(1.1)}
.branch-pagination button:hover img{filter:none;opacity:1;}
.branch-pagination button:hover span{background:#f39800;}
.pin1{top:135px;left: 0;flex-direction: row-reverse;}
.pin2{top:198px;left:180px;}
.pin3{top:233px;left:129px;}
.pin4{top:402px;left:168px;}
.pin5{top:160px;left:85px;flex-direction: row-reverse;}
.branch_img{width:53%}
.branch_list{}
.branch_main_img{width:100%;}
.branch_txt{background:#fff;width:90%;margin:0 auto;padding:50px;border-radius:10px;position: relative;top: -50px;}
.branch_logo{height:42px}
.branch_txt ul{margin-top:30px;display:flex;flex-direction:column;gap:8px 0;}
.branch_txt ul li{display:flex;align-items:center;gap:0px 10px;}
.branch_txt ul li img{width:20px;}
.branch_txt ul li p{font-weight:600;}
.branch_link{margin-top:40px;display:flex;justify-content:space-between;}
.branch_link a{width:49%;padding:8px 0;text-align:center;border-radius:100px;border:3px solid #f39800;transition:all .5s;}
.branch_link a:nth-child(1){border:3px solid #083f88;}
.branch_list a:nth-child(1):hover{background:#083f88;color:#fff;}
.branch_list a:nth-child(2):hover{background:#f39800;color:#fff;}

/* 인사말 */
.about{background:#fff;}
.about .main_tit{text-align:center;}
.about_wrap{display:flex;justify-content:space-between;align-items:center;}
.about_img{width:38%;}
.about_img img{width:100%;display:block;border-radius:20px;}
.about_txt{width:54%;position:relative;z-index:0}
.ab_mark{opacity:0.1;position:absolute;z-index:-1;width:50%;right:0;bottom:0}
.ab_mark img{width:100%}
.about_txt p{color:#333;}
.about_sign .sign{display:flex;gap:0 20px;font-weight:600;align-items:end;}
.about_sign .sign img{width:100px;display:block;}

/* 의료진 소개 */
.doctor{background:#eef4f8;}
.doctor2{background:#fff;}
.doctor_wrap{display:flex;justify-content:space-between;align-items:start;}
.doctor_left{width:58%;position:relative;z-index:0}
.doctor_left img{position:absolute;z-index:-1}
.doctor_right{width:35%;background:url('../index/images/doc_bg.png')no-repeat;background-size:cover;}
.doctor_top p{line-height:1.8;}
.doctor_point{position:relative;display:inline-block;padding:0px 13px;overflow:hidden;z-index:1;}
.doctor_point::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#023f88;transform:scaleX(0);transform-origin:left;transition:.8s cubic-bezier(.22,.61,.36,1);z-index:-1;}
.doctor_point.on::before{transform:scaleX(1);}

.doctor_top h3{margin-top:3px}

.doctor_history{}
.doctor_history ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 0;border-top:1px solid #d7e3ef;padding-top:30px;}
.doctor_history.thesis ul{grid-template-columns:repeat(1,1fr);}
.doctor_history li{line-height:1.7;}
.doctor_right{position:sticky;top:200px;border-radius:20px;overflow:hidden;}
.doctor_img{overflow:hidden;}
.doctor_img img{display:block;width:80%;margin:0 auto;padding-top:40px;}

.doctor_name{display:flex;justify-content:center;align-items:center;gap:10px;padding:30px 0;background:#fff;}
.doctor_name2{background:#3b5778}
.doctor_name span{padding: 4px 13px;background: #023f88;border-radius: 30px;}
.doctor_name h3{font-weight:300}
.doctor_name h3 b{font-weight:bold}

/* 치료질환 */
.treatment{overflow:hidden;background:#fff;}
.treatment_slide .swiper-slide img{display:block;width:100%;border-radius:15px;}
.treatment_slide .swiper-slide h3{font-weight:300}
.treatment_slide .swiper-slide h3 b{font-weight:bold}
.treatment_slide .swiper-slide div{padding:20px;}
.treatment_tag{display:flex;flex-wrap:wrap;gap:10px;}
.treatment_tag li{padding: 6px 13px;background: #edf3fa;border-radius: 30px;font-size: 16px;color: #244d76;font-weight: 500;}

/* 핀 */
.pin_sec{position:relative;height:100vh;overflow:hidden;background:url('../index/images/pin_bg.png')no-repeat;background-size:cover;}
.pin_bg{position:absolute;border-radius:50%;background:rgba(20,70,140,.18);}
.pin_bg1{top:-55%;left:-20%;width:85vw;height:80vw;}
.pin_bg2{right:-30%;bottom:-75%;width:100vw;height:95vw;background:rgba(55,115,190,.18);}
.pin_txt{position:absolute;top:55%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);z-index:1;}
.pin_txt span{display:block;}
.pin_txt h2{line-height:1.4;}
.pin_fill{font-weight:700;background:linear-gradient(90deg,#bddbff,#bddbff) no-repeat,linear-gradient(90deg,rgba(189,219,255,.25),rgba(189,219,255,.25));background-size:0% 100%,100% 100%;background-position:left top;-webkit-background-clip:text;background-clip:text;color:transparent;}

/* 진료과목 */
.subject .ctt{width:1100px;}
.subject .main_tit{text-align:center;}
.subject_list{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
.subject_list li{text-align:center;}
.subject_list li div{margin:0 auto;width: 150px;height: 150px;border-radius: 50%;background: #edf2f9;display: flex;align-items: center;justify-content: center;}
.subject_list img{display:block;width:80px;}
.subject_list span{font-weight:900;display:block;letter-spacing:.5px;}

/* 척추관절클리닉 */
.sj_step{background:linear-gradient(0deg , #fff, #f0f5f7);overflow:hidden;}
.sj_step .main_tit{text-align:center;}
.sj_step_wrap{display:flex;justify-content:space-between;align-items:center;}

.sj_step_left{position:relative;width:35%;}
.sj_step_slide{border-radius:30px;overflow:hidden;}
.sj_step_slide img{display:block;width:100%;}

.sj_step_right{width:60%;position:relative;padding-left:70px;}
.sj_line{position: absolute;left: 87px;top: 43px;height: 80%; width: 3px;background: #e5e5e5;}
.sj_line span{display:block;width:100%;height:0%;background:#114a97;transition:none}
.sj_step_item{position:relative;display:flex;align-items:flex-start;gap:35px;padding:10px 0 60px;cursor:pointer;transition:.35s;}
.sj_step_item:last-child{padding-bottom:0;}
.sj_step_num{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;background:#d9d9d9;color:#666;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:.35s;flex-shrink:0;}
.sj_step_item.on .sj_step_num{background:#114a97;color:#fff;}
.sj_step_txt{position: relative;top: -9px;}
.sj_step_txt h3{transition:.35s;color:#999}
.sj_step_txt p{color:#555;margin-top:8px;transition:.35s;}
.sj_step_item.on h3{color:#111;}
.sj_step_item.on p{color:#444;}

/* 척추관절 설명 */
.sj{}
.sj h2{text-align:center;}
.sj_wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;}
.sj_item{position:relative;height:520px;border-radius:35px;overflow:hidden;display:block;background:#fff;}
.sj_bg{position:absolute;inset:0;}
.sj_bg img{width:100%;height:100%;object-fit:cover;transition:1s;}
.sj_overlay{position:absolute;left:0;right:0;bottom:-100%;height:100%;background:#114a97;transition:.8s cubic-bezier(.22,.61,.36,1);}
.sj_con{position:relative;z-index:5;height:100%;padding:55px;}
.sj_con h3{transition:.5s;font-weight:300}
.sj_con h3 b{font-weight:bold}
.sj_txt{position:absolute;left:55px;right:55px;bottom:140px;opacity:0;transform:translateY(70px);transition:.7s cubic-bezier(.22,.61,.36,1);}
.sj_txt p{line-height:1.9;color:#fff;}
.sj_more{position:absolute;right:55px;bottom:55px;font-size:14px;font-weight: 900;transition: .45s;display: flex;align-items: center;letter-spacing: 0.5px;gap:0 10px}
.sj_more img{width:16px;filter:invert(1);}
.sj_item:hover .sj_overlay{bottom:0;}
.sj_item:hover h3{color:#fff;}
.sj_item:hover .sj_txt{opacity:1;transform:translateY(0);}
.sj_item:hover .sj_more{opacity:0;transform:translateY(40px);}
.sj_item:hover img{transform:scale(1.08);}

/* 비수술 치료 */
.non{background:url('../index/images/non_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;overflow:hidden;}
.non .main_tit{text-align:left;}
.non_wrap{margin-top:80px;}
.non_item{border-top:1px solid rgba(255,255,255,.15);}
.non_item:last-child{border-bottom:1px solid rgba(255,255,255,.15);}
.non_head{height:120px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;cursor:pointer;transition:.4s;}
.non_head:hover{padding-left:45px;}
.non_head h3{transition:.35s;}
.non_btn{width:32px;height:32px;border-radius:50%;border:1px solid #fff;position:relative;transition:.35s;flex-shrink:0;}
.non_btn span{position:absolute;left:50%;top:50%;width:10px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:.35s;}
.non_btn span:last-child{transform:translate(-50%,-50%) rotate(90deg);}
.non_item.on .non_btn{}
.non_item.on .non_btn span:last-child{transform:translate(-50%,-50%) rotate(0);}
.non_body{display:flex;justify-content:space-between;gap:80px;max-height:0;overflow:hidden;opacity:0;padding:0 25px;transition:max-height .7s ease,opacity .5s ease,padding .5s ease;}
.non_item.on .non_body{max-height:700px;opacity:1;padding:0 25px 70px;}
.non_left{width:55%;}
.non_right{width:30%;}
.non_right img{width:100%;display:block;border-radius:15px;opacity:0;transform:translateY(40px);transition:.7s .15s;}
.non_item.on .non_right img{opacity:1;transform:translateY(0);}
.non_left>p{line-height:1.9;opacity:0;transform:translateY(40px);transition:.7s;}
.non_item.on .non_left>p{opacity:1;transform:translateY(0);}
.non_icon{width:650px;display:flex;gap:30px;flex-wrap:wrap;}
.non_icon li{text-align:center;opacity:0;transform:translateY(40px);}
.non_item.on .non_icon li:nth-child(1){opacity:1;transform:translateY(0);transition:.45s .1s;}
.non_item.on .non_icon li:nth-child(2){opacity:1;transform:translateY(0);transition:.45s .2s;}
.non_item.on .non_icon li:nth-child(3){opacity:1;transform:translateY(0);transition:.45s .3s;}
.non_item.on .non_icon li:nth-child(4){opacity:1;transform:translateY(0);transition:.45s .4s;}
.non_item.on .non_icon li:nth-child(5){opacity:1;transform:translateY(0);transition:.45s .5s;}
.non_item.on .non_icon li:nth-child(6){opacity:1;transform:translateY(0);transition:.45s .6s;}
.non_item.on .non_icon li:nth-child(7){opacity:1;transform:translateY(0);transition:.45s .7s;}
.non_item.on .non_icon li:nth-child(8){opacity:1;transform:translateY(0);transition:.45s .8s;}
.non_item.on .non_icon li:nth-child(9){opacity:1;transform:translateY(0);transition:.45s .9s;}
.non_icon div{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:100px;background:#4f6c90}
.non_icon img{width:50px;display:block; filter: invert(1);}
.non_icon p{color:#fff;margin-top:10px;font-size:16px;font-weight:600;}

/* 대상포진 */
.shingles{z-index:0;position:relative;overflow:hidden;background:#fff;}
.shingles:before{content:"";position:absolute;bottom:0;left:0;height:70%;width:100%;background:#f6f6f6;z-index:-1;}
.shingles .main_tit{text-align:center;}
.shingles_top{max-width:1100px;margin:0 auto;margin-top:60px;}
.shingles_img{width:80%;margin:0 auto;border-radius:15px;overflow:hidden;}
.shingles_img img{width:100%;display:block;}
.shingles_info{padding:40px;}
.shingles_info h3{font-weight:300;}
.shingles_info h3 b{font-weight:bold}
.shingles_info>p{color:#333333;}
.shingles_info>p.acc{color:#c90000;}
.shingles_risk{}
.shingles_risk h4{display:flex;align-items:center;gap:10px;}
.shingles_risk h4::before{content:'!';width:26px;height:26px;border-radius:50%;background:#e53935;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.shingles_risk ul{display:flex;flex-wrap:wrap;gap:12px;}
.shingles_risk li{padding:10px 20px;border-radius:100px;background:#fff;border:1px solid #e5e5e5;display:flex;align-items:center;font-size:20px;font-weight:600;color:#111;display:flex;gap:0 10px;align-items:center}
.shingles_risk li img{width:20px}

.shingles_txt{text-align:center;}
.shingles_txt h3{color:#111;}

.shingles_card_wrap{display:flex;gap:20px;height:420px;}
.shingles_card{flex:1;position:relative;border-radius:30px;overflow:hidden;transition:.5s;background:#0d2a4f;display:block;}
.shingles_card:hover{flex:2;background:#123d71}
.shingles_bg{position:absolute;top;0;left:0;width:100%;height:100%;opacity:.18;transition:.5s;}
.shingles_bg img{width:100%;height:100%;object-fit:cover}
.shingles_card:hover .shingles_bg{transform:scale(1.08);opacity:.3;}
.shingles_con{position:absolute;left:40px;top:50px;color:#fff;z-index:2;transition:all .5s;}
.shingles_con span{display:block;font-size:14px;font-weight:700;opacity:.6;margin-bottom:15px;}
.shingles_con h3{}
.shingles_con p{height:90px;opacity:0;transform:translateY(20px);transition:.45s;}
.shingles_card:hover .shingles_con p{opacity:1;transform:translateY(0);}

/* 교통사고 */
.accident{background:url('../index/images/accident_bg.jpg')no-repeat;background-size:cover;overflow:hidden;}
.accident .main_tit{text-align:center;}
.accident_txt{text-align:center;}
.accident_title{position:relative;display:inline-block;color:#111;}
.accident_title .fill{position:absolute;left:0;top:0;color:#e53935;overflow:hidden;white-space:nowrap;width:0;}

.accident_txt p{}
.accident_txt p b i{font-style:normal;background:linear-gradient(transparent 60%, #ffe26a 60%);}
.accident_box{padding:50px;width:1300px;margin:0 auto;margin-top:60px;background:#eef5fc;border-radius:15px;}
.accident_box ul{display:flex;justify-content:space-between;}
.accident_box li{flex:1;text-align:center;}
.accident_icon{width:140px;margin:0 auto 10px;border-radius:100%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;transition:.35s;}
.accident_icon img{width:100%;transition:all .4s}
.accident_box li p{font-size:20px;font-weight:600;color:#222;}
.accident_box li p i{font-style:normal;text-align:center;display:block;font-size:14px;}
.accident_box li:hover .accident_icon{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.08);}
.accident_box li:hover .accident_icon img{transform:scale(1.08);}


.accident2{overflow:hidden;background:#fff;}
.accident2_wrap{display:flex;align-items:center;justify-content:space-between;align-items:center;gap:8%;}
.accident2_left{width:50%;}
.accident2_right{width:40%;display:flex;justify-content:flex-end;}
.accident2_right img{width:100%;display:block;transform:translateY(80px) scale(.9);opacity:0;}
.accident2_item{padding-bottom:40px;border-bottom:1px solid #ececec;}
.accident2_item:last-child{border:none;padding-bottom:0;}
.accident2_item p{}
.accident2_list{position:relative;width:430px;height:130px;}
.accident2_list li{font-size:20px;font-weight:600;line-height:1.3;width:130px;height:130px;border-radius:100%;background:#b80d12;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;left:0;top:0;}
.accident2_list li:nth-child(2){transform:rotate(20deg);background:#023f88}
.accident2_list li:nth-child(3){transform:rotate(40deg);background:#f7941d}

/* 문제성 발톱 */
.nail{background:url('../index/images/nail_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.nail .main_tit{text-align:Center;}
.nail_wrap{background:#fff;border-radius:30px;padding:60px;}
.nail_top{display:flex;gap:70px;align-items:center;}
.nail_main_img{width:34%;border-radius:28px;overflow:hidden;}
.nail_main_img img{width:100%;object-fit:cover;display:block;}
.nail_info{width:66%;}
.nail_badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 22px;background:#06428b;color:#fff;border-radius:50px;font-weight:700;}
.nail_info h3{font-weight:300}
.nail_info b{font-weight:bold}
.nail_step_list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.nail_step_list li{text-align:center;}
.nail_step_img{border-radius:15px;overflow:hidden;background:#f8f8f8;}
.nail_step_img img{width:100%;height:100%;object-fit:cover;display:block;    mix-blend-mode: multiply;}
.nail_step_name{display:flex;align-items:center;justify-content:center;padding:2px 0;background:#06428b;font-size:16px;margin-top:10px;color:#fff;color:#fff;border-radius:50px;font-weight:bold;}
.nail_step_list li:nth-child(2) .nail_step_name{background:#168799;}
.nail_step_list li:nth-child(3) .nail_step_name{background:#d68b00;}
.nail_step_list li:nth-child(4) .nail_step_name{background:#ad0000;}
.nail_step_list li p{font-weight:bold}

.nail_bottom{}
.nail_item{display:flex;justify-content:space-between;}
.nail_temp_txt_wrap{width:60%;}
.nail_item h3{line-height:1.4;}
.nail_item h3 b{color:#06428b;font-weight:bold}
.nail_item_txt p{color:#111;}
.nail_feature{display:grid;grid-template-columns:repeat(4,1fr);}
.nail_feature li{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid #ddd;}
.nail_feature li:last-child{border-right:0;}
.nail_feature li strong{color:#555;font-size:16px;font-weight:400}
.nail_feature li p{margin-top:5px;color:#000;font-weight:bold;font-size:18px;}
.nail_item_img{width:35%;border-radius:15px;overflow:hidden;}
.nail_item_img img{width:100%;height:100%;object-fit:cover;display:block;}

/* 교정도수치료 */
.manual{overflow:hidden;background:#fff;}
.manual_wrap{display:flex;align-items:center;justify-content:space-between;}
.manual_img{width:35%;}
.manual_img img{width:100%;display:block;border-radius:500px;}
.manual_txt{width:58%;}
.manual_info{}
.manual_info h3{font-weight:300}
.manual_info h3 b{font-weight:bold}
.manual_info p{}
.manual_list{display:flex;flex-wrap:wrap}
.manual_list li{margin-left:-15px;width:145px;height:145px;border-radius:130px;border:1px solid #073964;color:#073964;border-radius:100%;font-size:18px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;transition:.35s;}


.manual_step{padding:120px 0;overflow:hidden;background:#f7f7f7;}
.manual_step_list{display:grid;grid-template-columns:repeat(4,1fr);gap:46px;}
.manual_step_list li{position:relative;}
.manual_step_img{border-radius:14px;overflow:hidden;}
.manual_step_img img{width:100%;height:100%;object-fit:cover;display:block;}
.manual_step_txt{padding:30px 20px;}
.manual_step_num{display:flex;align-items:center;gap:0 15px;position:relative;z-index:2;}
.manual_step_num span{width:32px;height:32px;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:#0d4b97;color:#fff;font-weight:900;color:#fff;font-size:14px;}
.manual_step_num img{width:130px;}
.manual_step_list p{color:#222;}


.manual_charac{padding:120px 0;}
.manual_charac h2{text-align:center;}
.manual_charac ul{display:flex;justify-content:center;gap:0 100px;}
.manual_charac ul li{}
.mc_icon{background:#ebf0f7;width:110px;height:110px;border-radius:100px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.mc_icon img{display:block;width:60px;filter: invert(20%) sepia(80%) saturate(1250%) hue-rotate(191deg) brightness(107%) contrast(104%);}
.mc_txt{margin-top:10px;text-align:center}
.mc_txt strong{display:block;}
.mc_txt p{color:#555;margin-top:6px;}

/* 둘러보기 */
.view{background:url('../index/images/view_bg.jpg')no-repeat;background-size:cover;overflow:hidden;}
.view_slide .swiper-slide{}
.view_slide .swiper-slide img{width:100%;border-radius:15px;display:block;object-fit:cover;transition:.5s;}
.view-button-prev, .view-button-next{color:#fff;}
.view-button-prev img, .view-button-next img{filter:invert(1)}
/* faq */
.faq{background:#fff;overflow:hidden;}
.faq .main_tit{text-align:center;}
.faq_wrap{max-width:980px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:20px 0}
.faq_item{background:#eaf2fb;border-radius:50px;overflow:hidden;transition:.35s;padding:35px 40px;}
.faq_head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.faq_head h3{font-weight:700;}
.faq_icon{width:9px;height:9px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);transition:.35s;flex-shrink:0;}

.faq_body{display:none;padding-top:15px;color:#fff;}
.faq_body p{line-height:1.7;}
.faq_item.on{background:#0f4678;}
.faq_item.on .faq_head h3{color:#fff;}
.faq_item.on .faq_icon{transform:rotate(-135deg);border-color:#fff;}
.faq_item:not(.on) .faq_body{color:#666;}

/* 진료시간 및 오시는 길 */
.info{background:#f7f7f7;overflow:hidden;position:relative;z-index:0;width:100%;overflow:hidden;}
.info_sym{position:absolute;width:40%;bottom:-100px;right:-100px;z-index:-1;opacity:0.05;}
.info_wrap{display:flex;justify-content:space-between;align-items:center;}
.info_map{width:40%;border-radius:15px;overflow:hidden;}
.info_map img{width:100%}
.info_right{width:55%;}
.info_addr p{font-weight:bold;}
.info_addr p b{font-weight:bold;}
.info_addr p b:before{width: 3px;height: 19px;background: #e4e4e4;content: "";position: relative;margin: 0 15px;display: inline-block;position: relative; top: 2px;}

.info_link{display:flex;gap:15px;}
.info_link a{display:flex;align-items:center;justify-content:center;gap:0 5px;min-width:150px;padding:15px 30px;background:#fff;border-radius:50px;font-weight:700;transition:.35s;font-size:18px;}
.info_link a img{width:20px;}
.info_link a:hover{transform:translateY(-5px);}

.parking{display:flex;align-items:center;gap:0 6px;}
.parking i{font-style: normal;background: #093f88;width: 20px;height: 20px;display: block;text-align: center;line-height: 20px;border-radius: 100px;}
.info_time_list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.info_time_list li{display:flex;gap:20px;}
.info_time_list li span{min-width:90px;font-weight:700;}
.info_time_list li div{flex-wrap:wrap;display:flex;align-items:center;gap:8px}
.info_time_list strong{display:block;}

.info_time_list i{ background: #023f88;color: #fff;border-radius: 100px;font-style: normal;font-weight: 600;padding: 0 8px;}

.info_time em{display:block;font-style:normal;line-height:1.8;color:#555;}

@media screen and (max-width:1600px){
  .index{margin-top:151px;}
}

@media screen and (max-width:768px){
  section{width:100%;overflow:hidden;}
  .index{margin-top:61px;}
  /* 메인비쥬얼 */
  .main_visual{width:95%;height:auto;flex-wrap:wrap;}
  .visual{width:100%;}
  .visual_txt {left: 30px;bottom: 50px;}
  .visual_side{width:100%;}
  .visual_btn{display:none;}
  /* 뉴스 */

  /* 공통 */
  .main_tit span{font-size:12px}
  .slide-button-prev, .slide-button-next{font-size:12px}
  .slide-button-prev img, .slide-button-next img{width:12px}
  /* 포인트 */
  .point .ctt{width:90%;}
  .point_list{flex-direction:column;gap:15px;}
  .point_list li{width:100%;padding:25px 20px;}
  .point_icon{width:65px;height:65px;}
  .point_icon img{height:34px;}

  /* 지점소개 */
  .branch{padding-top:200px;margin-top:-120px;}
  .branch_cont{flex-wrap:wrap}
  .branch_map{width:100%}
  .branch_map .main_tit{text-align:center;}
  .branch_map_img_wrap{width:300px;margin:0 auto;}
  .branch_img{width:100%;margin-top:30px;}
  .branch-pagination img{width:25px;opacity:1;}
  .branch-pagination span{font-size:11px;}
  .branch-pagination button{gap:0 4px;align-items:start;}
  .pin1 {top: 70px;left: -30px;}
  .pin2 {top:114px;left:105px;align-items:center !important;gap:0 2px !Important}
  .pin3 {top: 140px;left: 80px;align-items:end !important;gap:0 !Important}
  .pin4 {top: 233px;left: 92px;}
  .pin5 {top: 96px;left: 10px;}
  .branch_txt{padding:20px;width:95%;}
  .branch_txt ul li p{font-size:14px;}
  .branch_logo{height:30px;}

  /* 인사말 */
  .about_wrap{flex-direction:column;gap:30px;}
  .about_img,.about_txt{width:100%;}
  .about_img img{border-radius:15px;}
  .about_sign .sign{gap:0 12px;}
  .about_sign .sign img{width:60px}

  /* 의료진 소개 */
  .doctor{width:100%;overflow:hidden;}
  .doctor_wrap{flex-direction:column-reverse;gap:40px;}
  .doctor_left,.doctor_right{width:100%;}
  .doctor_right{position:static;top:auto;border-radius:15px;}
  .doctor_top p br{display:none;}
  .doctor_history ul{grid-template-columns:1fr;padding-top:20px;}
  .doctor_img{position:relative;top:0;}
  .doctor_img img{width:70%;padding-top:30px;}
  .doctor_name{padding:20px 15px;gap:8px;flex-wrap:wrap;}
  .doctor_name span{padding:4px 10px;}

  /* 치료종류 */
  .treatment{width:100%;overflow:hidden;}
  .treatment_slide .swiper-slide div{padding:15px 10px;}
  .treatment_tag{gap:8px;}
  .treatment_tag li{padding:5px 10px;font-size:14px;}

  /* 핀 섹션 */
  .pin_sec{height:500px}
  .pin_txt{top:50%;}

  /* 진료과목 */
  .subject .ctt{width:90%}
  .subject_list{grid-template-columns:repeat(2,1fr);gap:25px 15px;}
  .subject_list li div{width:100px;height:100px;}
  .subject_list span{font-size:10px}
  .subject_list img{width:55px;}

  /* 척추관절클리닉 */
  .sj_step_wrap{flex-direction:column;gap:30px;}
  .sj_step_left,.sj_step_right{width:100%;}
  .sj_step_right{padding-left:0;}
  .sj_line{left:17px;top:35px;height:82%;}
  .sj_step_item{gap:20px;padding:10px 0 35px;}
  .sj_step_num{width:34px;height:34px;font-size:13px;}
  .sj_step_txt{top:-4px;}
  .sj_step_txt p br{display:none;}
  .sj_step_slide{border-radius:15px;}

  .sj h2{font-size:16px;}
  .sj_wrap{grid-template-columns:1fr;gap:20px;}
  .sj_item{height:auto;border-radius:20px;background:#000}
  .sj_bg{opacity:0.5;}
  .sj_con{padding:35px;}
  .sj_txt{left:auto;right:auto;bottom:auto;margin-top:20px;position:relative;opacity:1;transform:none;}
  .sj_more{display:none}

  /* 비수술치료 */
  .non{background-attachment:scroll;}
  .non_wrap{margin-top:40px;}
  .non_head{height:auto;padding:20px 0;gap:15px;align-items:center;}
  .non_head:hover{padding-left:0;}
  .non_head h3{width:calc(100% - 50px);}
  .non_item.on .non_body{padding:0;}
  .non_body,.non_item.on .non_body{flex-direction:column;gap:30px;}
  .non_left,.non_right{width:100%;}
  .non_left>p br{display:none;}
  .non_icon{width:100%;gap:20px 10px;}
  .non_icon li{width:calc(25% - 8px);}
  .non_icon div{width:65px;height:65px;margin:0 auto;}
  .non_icon img{width:32px;}
  .non_icon p{font-size:13px;}

  /* 대상포진 */
  .shingles:before{height:95%;}
  .shingles_top {max-width:100%; margin-top: 30px;}
  .shingles_img{width:100%;}
  .shingles_info{padding:25px 5px;}

  .shingles_risk ul{margin-top:15px;gap:10px;}
  .shingles_risk li{padding:8px 14px;width:100%;font-size:15px;}
  .shingles_risk li img{width:16px;}
  .shingles_card_wrap{flex-direction:column;height:auto;gap:15px;}
  .shingles_card,.shingles_card:hover{flex:none;height:280px;}
  .shingles_con{left:25px;top:30px;right:25px;}
  .shingles_con p{height:auto;opacity:1;transform:none;margin-top:15px;}

  /* 교통사고 */
  .accident_box{width:100%;padding:25px 20px;margin-top:40px;}
  .accident_box ul{flex-wrap:wrap;gap:20px 10px;}
  .accident_box li{flex:none;width:calc(50% - 5px);}
  .accident_icon{width:90px;}
  .accident_box li p{font-size:15px;}
  .accident2_wrap{flex-direction:column;gap:40px;}
  .accident2_left,.accident2_right{width:100%;}
  .accident2_right{justify-content:center;}
  .accident2_right img{width:80%;}
  .accident2_item{padding-bottom:25px;}
  .accident2_list{width:100%;height:90px;}
  .accident2_list li{width:30%;height:100px;font-size:14px;border-radius:100px;}

  /* 문제성발톱 */
  .nail{width:100%;overflow:hidden;background-attachment:scroll;}
  .nail_wrap{padding:25px 20px;border-radius:20px;}
  .nail_top,.nail_item{flex-direction:column;gap:25px;}
  .nail_main_img,.nail_info,.nail_temp_txt_wrap,.nail_item_img{width:100%;}
  .nail_info p br,.nail_item_txt p br{display:none;}
  .nail_step_list{grid-template-columns:repeat(2,1fr);gap:20px 15px;}
  .nail_step_name{font-size:14px;}
  .nail_feature{grid-template-columns:repeat(2,1fr);gap:0;}
  .nail_feature li:nth-child(2){border-right:0;}
  .nail_feature li:nth-child(-n+2){border-bottom:1px solid #ddd;padding-bottom:20px;}
  .nail_feature li:nth-child(n+3){padding-top:20px;}
  .nail_feature li p{font-size:16px;}

  /* 교정재활 도수치료 */
  .manual_wrap{flex-direction:column;gap:30px;}
  .manual_img,.manual_txt{width:100%;}
  .manual_info p br,.manual_step_list p br,.mc_txt p br{display:none;}
  .manual_list{justify-content:center;gap:10px;}
  .manual_list li{margin-left:0;width: 48%;height: auto;border-radius: 100px;font-size: 14px;padding: 10px 0;}
  .manual_step,.manual_charac{padding:60px 0;}
  .manual_step_list{grid-template-columns:1fr;gap:25px;}
  .manual_step_txt{padding:20px 10px;}
  .manual_step_num img{width:90px;}

  .manual_charac h2{font-size:16px;}
  .manual_charac ul{flex-direction:column;gap:30px;}
  .manual_charac ul li{display:flex;align-items:Center;text-align:left;gap:0 15px;}
  .mc_txt{text-align:left;margin-top:0;}
  .mc_txt p{margin-top:2px;}
  .mc_icon{width:80px;height:80px;margin:0;}
  .mc_icon img{width:42px;}

  /* faq */
  .faq_wrap{gap:15px;margin-top:30px}
  .faq_item{padding:20px;border-radius:20px;}
  .faq_head{gap:15px;align-items:center;}
  .faq_head h3{width:calc(100% - 25px);font-size:15px;}
  .faq_icon {width: 6px;height: 6px;}
  .faq_body p br{display:none;}

  /* 진료시간 및 오시는길 */
  .info_sym{display:none;}
  .info_wrap{flex-direction:column;gap:30px;}
  .info_map,.info_right{width:100%;}
  .info_addr p b{display:block;}
  .info_addr p b:before{display:none;}
  .info_link{flex-wrap:wrap;gap:10px;}
  .info_link a{flex:1;min-width:calc(30% - 5px);padding:12px 15px;font-size:15px;}
  .info_link a img{width:18px;}
  .info_time_list{grid-template-columns:1fr;gap:8px;}
  .info_time_list li{gap:15px;}
  .info_time_list li span{min-width:75px;}
}