/* 슬라이드 */
.index{margin-top:150px;}
.slide{width:100%;height:800px;position:relative;}
.slider{width:100%;height:100%;}
.slide_img{position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(1.4);transition:all .5s;}
.pc_slide_img{display:block}
.m_slide_img{display:none;}
.slide_img img{width:100%;height:100%;object-fit:cover;}
.slide_txt{width:100%;z-index:10;position:absolute;width:1400px;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left;}
.slide_txt span{display: block;font-size: 18px;color: #0f347a;font-weight: 900;margin-bottom: 30px;position:relative;top:100px;opacity:0;transition:all .8s;}
.slide_txt h1{font-size:48px;color:#000;line-height:66px;position:relative;top:100px;opacity:0;transition:all .8s;letter-spacing:1px;font-weight:400;letter-spacing:-1px;}
.slide_txt p{font-size:20px;line-height:34px;color:#333;opacity:0.8;margin-top:30px;font-weight:300;position:relative;top:100px;opacity:0;transition:all .8s}
.slide_txt strong{font-weight:400;position:relative;color:#fff}
.slide_txt strong:before{content: "";width: 105%; height: 105%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1; border-radius: 50px;}
.slide_txt_b1:before{background:#0f347a}
.slide_txt_b2:before{background:#2488ca}
.slide_txt b{font-weight:400;color:#2087cd}
.slide_txt b i{font-style:normal;font-weight:600}
.slider .swiper-slide-active .slide_img{transform:scale(1)}
.slider .swiper-slide-active span{top:0;opacity:1;}
.slider .swiper-slide-active h1{top:0;opacity:1;transition-delay:0.3s}
.slider .swiper-slide-active p{top:0;opacity:1;transition-delay:0.6s}

/* 슬라이드 컨트롤러 */
.controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1600px;z-index:999}
.slide-pagination{width:60px !Important;margin-left:auto;text-align:center;}
.slide-pagination span{display:block;margin:25px auto !important;background:#fff;}
.autoplay-progress {position:relative;top:0;left:0;width: 60px; height: 60px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #fff;}
.autoplay-progress svg { --progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 3px;stroke: #fff;fill: none;stroke-dashoffset: calc(125.6px * (1 - var(--progress)));stroke-dasharray: 125.6;
  transform: rotate(-90deg);}

/* 공지사항 */
.notice_list{position:absolute;right:0;bottom:0;background:linear-gradient(90deg, #0f347a, #2489cb);padding:20px 40px;width:700px;z-index:20}

/************* 섹션 시작 **************/
/* 섹션공통 */
.main_tit{}
.main_tit span{display:block;font-weight:800;letter-spacing:0.5px;}
.main_tit h1{margin-top:10px;font-weight:400;background: linear-gradient(90deg, #0f347a, #2489cb);background-clip: text;color: transparent;width: fit-content;}
.main_tit h2{font-weight:400;margin-top:10px;}
.main_tit h2 b{font-weight:400}
.main_tit p{color:#555;margin-top:15px;}

/* 포인트 */
.point{width:100%;padding:200px 0;position:relative;overflow:hidden;z-index:0;}
.point:before{width:100%;height:300px;content:"";z-index:0;position:absolute;bottom:0px;left:0;background:#f7f3e8;}
.point_letter{top:20px;position:absolute;color:#f1f7fc;font-size:10vw;white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;z-index:-1;font-weight:600;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.point .ctt{width:1500px;}
.point_slide{margin-top:60px;}
.point_slide .swiper-slide{position:relative;transition:all .5s;}
.point_slide .swiper-slide:after{transition:all .5s;position:absolute;content:"";background: linear-gradient(0deg, #000, transparent);top:0;left:0;width:100%;height:100%;}
.point_slide .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.point_slide .swiper-slide strong{position: absolute;top: 30px;right: 30px;z-index: 2;color: #fff;letter-spacing: 0px;font-size: 16px; font-weight: bold;writing-mode: vertical-lr;transition:all .5s;}
.point_txt{position:absolute;bottom:0;left:0;width:100%;padding:30px;;z-index:2;}
.point_txt i{display:block;width:20px;height:5px;background:#2489cb;margin-bottom:12px;transform-origin:center center;transition:all .5s;}
.point_txt p{font-size:20px;line-height:30px;color:#fff;}
.point_txt p span{transition:all .5s;}

.point_slide .swiper-slide:hover:after{background: linear-gradient(0deg, #0f347a, transparent);}
.point_slide .swiper-slide:hover strong{font-size:30px;opacity:0.3;}
.point_slide .swiper-slide:hover i{transform:rotate(90deg);background:#fff;}
.point_slide .swiper-slide:hover{margin-bottom:-20px;}
.point_slide .swiper-slide:hover span{color:#afddb4}

/* 주요진료 */
.treatment{background:url('../index/images/tre_bg.png')no-repeat;background-size:cover;width:100%;padding-bottom:200px;overflow:hidden;position:relative;}
.main_flex{display:flex;justify-content:space-between;align-items:end;}
.tre_btn{display:flex;}
.tre-button-prev{margin-right:20px}
.tre_btn div{cursor:pointer;width:80px;height:80px;border-radius:80px;display:Flex;align-items:center;justify-content:center;border:1px solid #0f347a;position:relative;overflow:hidden;z-index:0;}
.tre_btn div:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f347a;transition:all .5s;content:"";width:30px;height:30px;border-radius:80px;opacity:0;z-index:-1;}
.tre_btn div:hover:before{width:100%;height:100%;opacity:1;}
.tre_btn div img{width:10px;}
.tre_btn div:hover img{filter:invert(1) brightness(10);}
.tre_slide_box{overflow:hidden;margin-top:60px;display:flex;justify-content:space-between;position:relative;left:calc((100% - 1400px)/2);}
.tre_txt{width:25%;background:linear-gradient(90deg, #0f347a, #2489cb);transition:all.5s;position:relative;}
.tre_txt a{display:block;padding-top:90px;padding-left:65px;}
.tre_txt:before{background:linear-gradient(00deg, #33748d, #000);width:100%;height:0%;transition:all .2s ;transition-timing-funtion:ease-in;content:"";position:absolute;bottom:0;left:0;}
.tre_txt span{font-weight:500;color:#fff;}
.tre_txt b{display:block;font-weight:400;color:#9bedff;}
.tre_txt p{margin-top:15px;color:#fff;font-weight:300;}
.tre_txt strong{display:block;margin-top:50px;width:80%;color:#fff;}
.tre_txt i{width:10%;display:block;height:2px;background:#fff;content:"";margin-top:10px;opacity:0;transition:all .5s;}
.tre_txt strong span{justify-content:space-between;display:flex;flex-wrap:wrap;align-items:center;transition:all .5s;font-size:20px;font-weight:500;width:100%;}
.tre_txt strong span img{filter:invert(1) brightness(10);transform-origin:center center;width:30px;transition:all .5s;}
.tre_txt a:hover span img{transform:rotate(180deg);}
.tre_img{width:75%;}
.tre_img .swiper-slide{transform:scale(0.8) translateZ(0) !important}
.tre_img .swiper-slide-active{transform:scale(1) translateZ(0) !Important;}
.tre_img .swiper-slide img{width:100%;}
.tre_txt:hover:before{height:100%;}
.tre_txt a:hover i{width:100%;opacity:1;display:Block;}
/* 케어콜 */
.care{display:none;background:#fffcf6;padding-top:200px;}
.care .main_tit{text-align:center;}
.care_box{display:Flex;justify-content:space-between;margin-top:70px;}
.care_chat{width:40%;}
.care_chat img{width:100%}
.care_txt{position:relative;width:50%;z-index:0;margin-top:30px;}
.care_letter{color: #f6f0e4;font-size: 6vw;position: absolute;top: -80px;z-index: -1;}
.care_txt span{display:block;font-weight:bold;}
.care_txt span strong{display:block;font-size:50px;font-weight:600;margin-bottom:15px;}
.care_txt b{display:block;margin-top:20px;line-height:56px;}
.care_txt p{margin-top:35px;color:#555;}

/* 검증된 실력 */
.skill{background:url('../index/images/skii_bg.png')no-repeat #293347;background-attachment:fixed;width:100%;padding:200px 0;transition:all .5s;}
.back_change{background:url('../index/images/skii_bg.png')no-repeat #000;}
.skill .main_tit{text-align:center;}
.skill .main_tit h2{color:#fff;}
.skill .main_tit h2 b{color:#94d5ff}
.skill .main_tit p{color:#fff;}
.skill_rate{margin-top:0px;display:flex;justify-content:center;align-items:end;}
.skill_rate div{display:Flex;align-items:End;}
.skill_rate span{}
.skill_rate img{position:relative;top:50px;}
.rate_txt1{}
.rate_txt2{text-align: center;width: 200px;}
.rate_txt3{}
.rate_txt1 b{display:block;background:#218b82;color:#fff;font-size: 26px;
  font-weight: 400;border-radius: 50px;padding: 10px;margin-bottom:10px;}
.rate_txt1 p{font-size:44px;color:#fff;text-align:center;}
.rate_txt2 p{color:#5afff9;font-size:150px;position:relative;top:50px;margin-left:20px;margin-right:5px;}
.rate_txt3 p{font-size:44px;color:#fff;}

/* 스킬 포인트 */
.skill_point{margin-top:150px;width:100%;overflow:hidden;}
.skill_point .ctt{width:1600px;}
.skill_point ul{display:flex;align-items:end !important;justify-content:space-between;}
.skill_point ul li{justify-content:space-between;}
.skill_point ul li:hover{}
.skill_point ul li img{width:100%}
.skill_pt_txt{width:100%;margin-bottom:35px;}
.skill_pt_txt span{display:block;color:#fff;}
.skill_pt_txt span b{color:#ffde93}
.skill_pt_txt p{margin-top:15px;color:#fff;font-weight:300}

/**************** 의료진 소개 **************/
.doc_gr{padding:200px 0;background:url('../index/images/doc_gr_bg.png')no-repeat;background-size:cover;background-position:center;}
.doc_gr_txt_box{}
.doc_gr_txt{margin-top:60px;}
.doc_gr_txt h4{}
.doc_gr_txt h4 b{}
.doc_gr_txt div{}
.doc_gr_txt p{color:#777;margin-top:30px;line-height:34px;}

.doc_sec{width:100%;}
.doc_wrap{position:relative;width:100%;padding:160px 0;}
.doc_wrap:before{display:none;width:1px;height:100%;background:rgb(129 129 129 / 10%);top:0;left:50%;position:absolute;content:"";}
.doc_wrap2{background:#f5f5f5}
.doc_wrap3{background:#eef3f6;}
.doc_wrap4{background:#ebefef}


.doc{display:flex;}
.doc_ctt{width:1600px;margin:0 auto;}
.doc_name{width:fit-content;display:flex;flex-wrap:wrap;align-items: end;position:relative}
.doc_name img{width: 110px;right: -31px;top: 38px;position:absolute;z-index:99}
.doc_name .medal_box{right: -150px;top: 38px;position:absolute;z-index:99}
.doc_name .medal_box img{position:relative;right:0;top:0}
.doc_name strong{display:block;width:100%;font-size:24px;color:#ccc;}
.doc_name b{}
.doc_name b i{font-style:normal;}
.doc_name b i:before{width: 3px;height: 20px; background: #ccc;content: "";display: inline-block;margin: 0 10px;}
.doc_name span{margin-left:15px;}
.doc_box{display:flex;justify-content:space-between;margin-top:60px;}
.career{width:50%;}
.career span{font-size:24px;font-weight:bold;}
.career_list{margin-top:40px;padding-top:40px;border-top:1px solid #e4e4e4;}
.career_list ul{width:100%;display:flex;flex-wrap:wrap}
.career_list ul li{width:50%;}
.career_list ul:first-child li{font-weight:500;color:#000;}
.career_list ul:last-child{margin-top:40px;}
.career_list ul li{font-size:16px;padding-bottom:15px;color:#555;display:flex;align-items:start;line-height:22px;}
.career_list ul li:before{content:"";width:3px;height:3px;background:#ccc;border-radius:3px;margin-right:8px;position:relative;top:9px}
.doc_img{width:45%;position:relative}
.doc_img div{ position: absolute;right: -50px;top: 50px;font-size: 5vw;line-height: 103px;opacity: 0.2;writing-mode: vertical-rl;}
.doc_img img{width:100%;}


/* 통증주사 전문클리닉 */
.injection_wrap{padding:200px 0;}
.injection_wrap .ctt{width:1500px;position:relative;}
.injection_wrap .main_tit{text-align:Center}
.injection_wrap .main_tit h1{margin:0 auto;margin-top:10px;}
.injec_slide .swiper-wrapper{height:auto;}
.injection{display:flex !important;align-items:start;justify-content:space-between;}
.injec_img{width:45%;}
.injec_img img{width:100%;}
.injec_txt{width:50%;}
.injec_txt h4{}
.injec_descript{margin-top:10px;color:#555;}
/* 치료과정 */
.injec_step{margin-top:30px;}
.injec_step h4{}
.injec_step h4:before{content:"+";font-size:32px;color:#0f377d;margin-bottom:10px;display:Block;}
.injec_step ul{margin-top:30px;display:Flex;justify-content:space-between;}
.injec_step ul li{width:33%;text-align:Center;position:relative;}
.injec_step ul li:after{position: absolute;top: 43px;transform: translateY(-50%);right: 0;background: url(../index/images/step_arrow.svg) no-repeat;width: 40px; height: 9px;content: "";opacity: 0.2;}
.injec_step ul li:last-child:after{display:none;}
.injec_step ul li span{width: 80px;font-weight: 800;font-weight: 16px;display: block;text-align: center;height: 80px;background: #0065a3; border-radius: 80px;line-height: 60px;color: #fff;margin: 0 auto;border: 10px solid #c0dcef;outline: 10px solid #e8f6ff;}
.injec_step ul li p{margin-top:20px;font-size:16px;line-height:25px;color:#555;}
/* 종류 */
.injec_kind{margin-top:30px;}
.injec_kind h4{}
.injec_kind h4:before{content:"+";font-size:32px;color:#0f377d;margin-bottom:10px;display:Block;}
.injec_kind ul{margin-top:15px;}
.injec_kind ul li{margin-bottom:25px;}
.injec_kind ul li:last-child{margin:0;}
.injec_kind ul li span{display: block;background: #0f347a;width: fit-content; color: #fff;padding: 0 12px;border-radius: 50px;}
.injec_kind ul li p{color:#555;margin-top: 10px;line-height: 28px;}
/* 치료효과 */
.injec_ef{margin-top:30px;}
.injec_ef h4{}
.injec_ef h4:before{content:"+";font-size:32px;color:#0f377d;margin-bottom:10px;display:Block;}
.injec_ef ul{margin-top:15px;display:Flex;justify-content:space-between;}
.injec_ef ul li{width:30%;}
.injec_ef ul li span{padding: 10px 0;border-top: 2px solid #0f337d; border-bottom: 1px solid #0f337d;display: block; text-align: Center;background: linear-gradient(90deg, #fff, #e4f6ff, #fff);}
.injec_ef ul li p{color:#555;margin-top: 10px;line-height: 28px;text-align:Center;}

/* 원리 */
.principle{margin-top:30px;}
.principle h4{}
.principle h4:before{content:"+";font-size:32px;color:#0f377d;margin-bottom:10px;display:Block;}
.principle p{border-radius:15px;background: #e1f4ff;font-size: 16px;padding: 30px;margin-top: 20px;line-height: 28px;color: #555}
.principle p b{color:#0f377d;font-size:22px;}
/* 효과 */
.injec_effect{margin-top:40px;}
.injec_effect h4:before{content:"+";font-size:32px;color:#0f377d;margin-bottom:10px;display:Block;}
.injec_effect h4{}
.injec_effect ul{margin-top:25px;display:flex;}
.injec_effect ul li{background: linear-gradient(45deg, #1a8489, #09008f);
  width: 19%;margin-right:1%;padding:15px 10px;font-size:17px;text-align: center;color: #fff;border-radius: 500px;}
.injec_effect ul li p{color:#fff;}

/* 페이지네이션 */
.injec-pagination{display:flex;background:linear-gradient(90deg, #0f347a, #2489cb);border-radius:500px;margin-top:50px;margin-bottom:70px;}
.injec-pagination span{width:25%;height:auto;margin:0 !Important;color:#fff;font-size:22px;padding:20px 0;text-align:center;opacity:1;background:none;}
.injec-pagination .swiper-pagination-bullet-active{border-radius:100px;background:linear-gradient(45deg, #2e7434, #2489cb)}

/*************** 체외충격파 *****************/
.eswt_wrap{width:100%;padding:200px 0;background:url('../index/images/eswt.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.eswt_wrap .main_tit{text-align:Center}
.eswt_wrap .main_tit h1{margin:0 auto;margin-top:10px;}

.shock_beaf{margin-top:80px;}
.shock_beaf ul{display:flex;justify-content:center;}
.shock_beaf ul li{width:320px;margin:0 20px;position:relative;}
.shock_beaf ul li strong{position: absolute; width: 80px;height: 80px;border-radius: 60px;text-align: center;color: #fff;line-height: 80px;font-size: 14px;font-weight: bold;}
.shock_beaf ul li:nth-child(1) strong{background: linear-gradient(45deg, #890000, #ff8217);outline: 10px solid rgb(255 222 163 / 70%);top:-40px;left:-40px;}
.shock_beaf ul li:nth-child(2) strong{background: linear-gradient(45deg, #1dcfbe, #173eff);outline: 10px solid rgb(163 221 255 / 70%);top:-40px;right:-40px;}
.shock_beaf ul li img{width:100%;border:1px solid #e7e4dd}
.shock_beaf ul li span{margin-top:20px;font-size:22px;display:block;text-align:center;}


.shock_tlscp{position:relative;overflow:hidden;width:100%;background:#fff;padding:160px 0;z-index:0;}
.shock_tlscp .main_tit{text-align:center}
.shock_tlscp .main_tit h2{}
.shock_tlscp img{display:block;margin:0 auto;margin-top:70px;}

.back_point{z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .5s;}
.back_point b{display:flex;align-items:Center;justify-content:center;position:absolute;border-radius:10000px;position:absolute;}
.bp1{width:1600px;height:1600px;background: rgb(220 232 235 / 40%);animation:wave1 3s infinite linear;opacity:0 }
.bp2{width:1200px;height:1200px;background: rgb(220 232 235 / 70%);animation:wave2 3s infinite linear;animation-delay: 0.3s;opacity:0}
.bp3{width:800px;height:800px;background: rgb(220 232 235 / 100%);animation:wave3 3s infinite linear;animation-delay: 0.6s;opacity:0}

@keyframes wave1 {
  0% {
    transform:translate(-50%,-50%)  scale(0) ;opacity: 1}
  100% {
    transform: translate(-50%,-50%) scale(1) ;opacity:0}
}
@keyframes wave2 {
  0% {
    transform:translate(-50%,-50%)  scale(0) ;opacity: 1}
  100% {
    transform: translate(-50%,-50%) scale(1) ;opacity:0}
}
@keyframes wave3 {
  0% {
    transform:translate(-50%,-50%)  scale(0) ;opacity: 1}
  100% {
    transform: translate(-50%,-50%) scale(1) ;opacity:0}
}

.shock_point{width:100%;background:#282b37;position:relative;z-index:0;overflow:hidden;}
.shock_sym{position: absolute; right: -100px; bottom: -6px; width: 800px;filter: invert(0.3);opacity: 0.2;}
.shock_point:before{position:absolute;z-index:-1;top:0;left:0;width:30%;height:100%;background:#edf1f7;content:"";}
.shock_point .ctt{display:flex;}
.shock_effect{background:#edf1f7;padding:200px 0;width:35%;}
.shock_effect h4{}
.shock_effect ul{margin-top:30px;}
.shock_effect ul li{display:flex;align-items:center;padding:20px 10px;}
.shock_effect ul li:first-child{padding-top:0;}
.shock_effect ul li i{font-size:50px;line-height:0;color:#0f377d;}
.shock_effect ul li p{margin-left:25px;font-size:16px;line-height:26px;color:#555}
.shock_effect ul li p span{font-size:22px;color:#000;display:block;margin-bottom:8px;font-weight:bold;}
.shock_faq{width:65%;padding:200px 0;padding-left:120px;}
.shock_faq h4{color:#fff;}
.shock_faq ul{}
.shock_faq ul li{border-bottom:1px solid rgba(255,255,255,0.2);padding:30px 10px;}
.shock_faq ul li:last-child{border:0;}
.shock_faq ul li span{font-size:22px;color:#7be1ff;display:block;font-weight:bold;margin-bottom:15px;}
.shock_faq ul li p{font-size:16px;line-height:28px;font-weight:300;color:#fff;opacity:0.9}

/***************** 비수술 치료 ***************/

.non_wrap{padding:200px 0;background:#f8f8f8;}
.non_wrap .ctt{display:flex;justify-content:space-between;align-items:start;}
.non_txt_wrap{width:45%;position:sticky;top:100px;left:0;}
.non_txt_wrap .main_tit{}
.non_txt{margin-top:40px}
.non_txt h2{}
.non_txt p{margin-top:20px;color:#555;}
.non_txt ul{width:90%;margin-top:50px;display:flex;justify-content:space-between;transition:all .5s;opacity:1;}
.scrollon .non_txt ul{opacity:0;margin-top:-100px;}
.non_txt ul li{width:25%;}
.non_txt ul li i{font-size:40px;text-align:Center;display:block;}
.non_txt ul li p{font-size:16px;text-align:center;margin-top:13px;line-height:24px;color:#555;}
.non_img{width:45%;}
.non_img .non-pagination{position:absolute;right:30px !important;top:30px !important;left:auto !important;bottom:auto !important;z-index:99;text-align:right;}
.non-pagination .swiper-pagination-bullet-active{width:30px !important;background:linear-gradient(90deg, #0f347a, #2489cb) !Important;}
.non-pagination .swiper-pagination-bullet{border-radius:100px;}
.non_img_slide{position:relative;}
.non_img_slide .swiper-slide{}
.non_img_slide .swiper-slide img{width:100%;transition:all .5s;}
.non_img_slide2{margin-top:150px;}
.mb_non_txt{display:none;}

/* 도수치료 */
.dosu_wrap{background:url('../index/images/dosu_bg.png')no-repeat #123259;background-attachment:fixed;background-size:cover;padding:200px 0;transition:all .8s;}
.dosu_on{background:url('../index/images/dosu_bg.png')no-repeat #e4e4e4;background-attachment:fixed;background-size:cover;}
.dosu_wrap .main_tit{text-align:center}
.dosu_wrap .main_tit span{color:#d5eeff;}
.dosu_wrap .main_tit h1{margin:0 auto;margin-top:10px;color:#fff !Important;}
.dosu_wrap .main_tit p{color: #fff;opacity: 0.8;}

.dosu_descript{margin-top:60px;}
.dosu_descript img{display:block;width:900px;margin:0 auto;}
.dosu_tit{padding:50px;}
.dosu_tit h4{color:#fff;}
.dosu_tit p{margin-top:20px;color:#e6f1ff;transition:all .8s;}
.dosu_on .dosu_tit p{color:#555;}
.dosu_on .dosu_tit h4{color:#0f347a;}
.dosu_kind{margin-top:80px;}
.dosu_kind ul{}
.dosu_kind ul li{padding:50px 25px;border-bottom:1px solid rgba(255,255,255,0.3);transition:all .8s;}
.dosu_kind ul li .ctt{position:relative;}
.dosu_kind ul li:last-child{border-bottom:0 !Important}
.dosu_on .dosu_kind ul li{border-bottom:1px solid rgba(0,0,0,0.1)}
.dosu_kind ul li img{position:absolute;top:70%;transform:translateY(-50%);right:50px;width:40%;opacity:0;transition:all 0.3s ease-in;}
.dosu_kind ul li:hover img{top:50%;opacity:1;}
.dosu_kind_txt{}
.dosu_kind_txt b{font-size:20px;color:#fff;display:block;margin-bottom:10px;transition:all .8s;}
.dosu_kind_txt span{display:block;color:#94d5ff;transition:all .8s;font-weight:bold;}
.dosu_kind_txt p{margin-top:15px;color:#fff;transition:all .8s;}
.dosu_on .dosu_kind_txt b{color:#000}
.dosu_on .dosu_kind_txt span{color:#0f347a}
.dosu_on .dosu_kind_txt p{color:#555;}

.dosu_who{width:100%;overflow:hidden;position:relative;z-index:0;background:url('../index/images/dosu_who_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;padding:200px 0;}
.dosu_letter{position: absolute;top: 25%;font-size: 7vw;color: #6d6d6d; opacity: 0.2; z-index: -1;white-space: nowrap;}
.dosu_who .ctt{}
.dosu_who_txt .main_tit{text-align:Center;}
.dosu_who_txt .main_tit span{color:#d5eeff;margin-bottom:15px;}
.dosu_who_txt .main_tit h2{color:#fff;text-align:center;margin:0 auto;;}
.dosu_who_txt .main_tit h2 b{background: #fff;color: #000;padding: 2px 5px; font-weight: bold;width: fit-content;}
.dosu_who ul{margin-top:50px;display:Flex;align-items:center;justify-content:space-between;}
.dosu_who ul li{width:28%;position:relative}
.dosu_who ul li:after{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #000, transparent);content:"";}
.dosu_who ul li:nth-child(2){margin-top:40px;}
.dosu_who ul li div{z-index:10;position:absolute;bottom:50px;left:50px;}
.dosu_who ul li img{width:100%;}
.dosu_who ul li span{font-size: 45px;margin-bottom: 10px; color: #abf7ff;display: block;opacity: 0.3;}
.dosu_who ul li p{ font-size: 20px;color: #fff;font-weight: 500;line-height: 32px;}

.gallery-item{width:200px;}
/************ 둘러보기 **************/

.view_wrap{padding-top:200px;}
.view_wrap .main_tit{text-align:center}
.view_wrap h1{margin:0 auto;margin-top:10px;}
.view_slide{margin-top:70px;}
.arch-slider{}
.slick-track{display:flex !Important;align-items: start;}
.arch-slider-item{height:auto !Important;display:flex !important;float:none !important;flex-wrap:wrap;}
.arc-link-wrap{top:0 !important;left:0  !Important;position:relative !Important;}
.arc-link-wrap a{display:block;width:100%;height:100%;}
.arc-link-wrap img{object-fit:cover;width:100% !important;height:100% !Important;}
.slick-prev, .slick-next{z-index:999 !important;}
.slick-lightbox .slick-prev{left:10% !Important;}
.slick-lightbox .slick-next{right:10% !Important;}
.h200{width:250px !Important;height:200px !important}
.h275{width:500px !Important;height:275px !important}
.h250{width:400px!Important;height:250px !important}
.h350{width:500px !Important;height:350px !important}
.h375{width:500px !Important;height:375px !important}
.arc-images {
  position: relative;width:100%;height:100%;
}

.arc-images:before {
  content: " ";
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 1
}

a.arc-link:hover .arc-images:before {
  background: rgba(8,8,8,.75);
  background: rgba(51,51,51,0.6) !important
}

.architecturalmillwork-lyt .slick-lightbox-close {
  color: rgba(0,110,158,1) !important;
  font-size: 26px !important;
  width: 38px !important;
  HEIGHT: 44px !important;
  margin-top: 30px;
  margin-right: 80px;
  right: 0 !important;
  top: 2px !important
}

.architecturalmillwork-lyt .slick-lightbox-close:before {
  font-family: progallery-svg-font-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1 !important;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  content: "\F10A" !important;
  font-size: inherit;
  color: rgba(0,0,0,1) !important
}

.arch-slider .slick-arrow {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  margin-top: -55px;
  z-index: 111;
  padding: 20px 38.5px;
  cursor: pointer
}

.arch-slider .slick-arrow.next {
  right: 0
}

.arch-slider .slick-arrow svg {
  -webkit-filter: drop-shadow(0 1px .15px #b2b2b2);
  filter: drop-shadow(0 1px .15px #b2b2b2);
  display: inline-block
}

.slideshow-arrow {
  fill: #e8e8e8
}


.arc-images {
  position: relative
}

.arc-images:before {
  content: " ";
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 1
}

a.arc-link:hover .arc-images:before {
  background: rgba(8,8,8,.75);
  background: rgba(51,51,51,0.6) !important
}


.architecturalmillwork-lyt .slick-lightbox-inner {
  background-color: rgba(232,232,232,1) !important;
  z-index: 1111
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow {
  z-index: 111;
  width: 100px;
  height: 100px;
  background-image: url(//cdn2.hubspot.net/hubfs/4795157/Idxcorporation_December2018/Images/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px;
  margin-top: -50px
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow:before {
  display: none
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-prev {
  left: 0
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-next {
  right: 0;
  transform: rotate(180deg)
}

.architecturalmillwork-lyt .slick-lightbox-close {
  color: rgba(0,110,158,1) !important;
  font-size: 26px !important;
  width: 38px !important;
  HEIGHT: 44px !important;
  margin-top: 30px;
  margin-right: 80px;
  right: 0 !important;
  top: 2px !important
}

.architecturalmillwork-lyt .slick-lightbox-close:before {
  font-family: progallery-svg-font-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1 !important;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  content: "\F10A" !important;
  font-size: inherit;
  color: rgba(0,0,0,1) !important
}

.m_view_slide{display:none !Important;}
/* 진료시간 */
#section8{padding-top:130px;}
#section8 .main_tit{text-align:Center;}
#section8 .main_tit h1{margin:0 auto;margin-top:10px;}
.map_wrap{display:flex;margin-top:80px;}
.map_img{width:40%;background:#f4f4f4;}
.map_img img{width:100%;height:100%;}
.map_txt{width:60%;background:#10377c;padding:100px 120px;}
.map_txt h4{color:#fff;}
.time{margin-top:25px;display:flex;}
.time li{font-size:18px;width:fit-content;padding:10px 35px;border-right:1px solid rgba(255,255,255,0.1);}
.time li:first-child{padding-left:0;}
.time li:last-child{border:0;}
.time li span{color:#fff;font-weight:bold;display:block;margin-bottom:13px;}
.time li p{display:flex;color:#fff}
.time li p img{width:18px;align-items:center;margin-right:10px;}
.map_txt strong{font-weight:300;line-height:28px;font-size:16px;color:#fff;opacity:0.7;margin-top:25px;display:block;}
.sns{margin-top:50px;}
.sns h4{}
.sns ul{display:flex;margin-top:25px}
.sns ul li{width:250px;background:#34b252;border-radius:150px;}
.sns ul li:first-child{margin-right:15px;}
.sns ul li a{display:block;color:#fff;font-size: 16px;padding: 18px 0;text-align: center;}
.sns ul li a i{font-size: 15px;line-height: 0; margin-right: 8px;position: relative;top: 2px;}

.parking_wrap{padding:160px 0;}
.parking_wrap .main_tit p b{color:#000}
.parking_map{margin-top:40px;display:flex;align-items:center;justify-content:center}
.parking_map_img{width:600px;margin-right:50px;}
.parking_map_img img{width:100%}
.parking_map_txt{width:50%;width:400px;}
.parking_box{width:100%;padding:25px;background:#143376;border-radius:10px;}
.parking_box h4{color:#ffcc60;letter-spacing:-1px;}
.parking_box p{font-weight:500;margin-top:5px;color:#fff;}
.parking_map_txt ul{}
.parking_map_txt ul li{margin-top:15px;border-radius:10px;overflow:hidden;}
.parking_map_txt ul li:nth-child(1){background:#6ab83e}
.parking_map_txt ul li:nth-child(2){background:#ea5421}
.parking_map_txt ul li a{display:flex;align-items:center;justify-content:space-between;padding:25px;}
.parking_map_txt ul li h2{color:#fff;}
.parking_map_txt ul li p{color:#fff;}
.parking_map_txt ul li img{filter:invert(1);width:10px;}
/* api */
.api{width:100% !Important;}

/* 주소 */

.address{position:relative;z-index:0;}
.address:before{content:"";width:50%;height:100%;left:0;top:0;background:#35c135;position:absolute;z-index:-1;}
.address:after{content:"";width:50%;height:100%;right:0;top:0;background:#2489cb;position:absolute;z-index:-1;}
.address ul{display:flex;justify-content:space-between;}
.address ul li{padding:60px 0;}
.address ul li:nth-child(1){width:250px;background:#35c135}
.address ul li:nth-child(2){width:800px;background:#0f377d;text-align:center;}
.address ul li:nth-child(3){width:350px;background:#2489cb;padding-left:50px;}
.address ul li a{display:block;}
.address ul li span i{font-size:20px;margin-right:6px;}
.address ul li span{display:block;margin-bottom:13px;color:#fff;}
.address ul li:hover a strong img{transform:rotate(180deg);}
.address ul li a strong{ display: block; margin-top: 25px;color: #fff;font-size: 18px;font-weight: 600; border-bottom: 2px solid #fff; width: 170px;padding-bottom: 12px; text-align: center;}
.address ul li a strong img{width:20px;transform-origin:center center;filter:invert(1) brightness(10);margin-left:6px;transition:all .5s;}
.address ul li p{font-size:18px;line-height:32px;color:#fff;}
.address ul li p b{font-size:20px;color:#88faff;}
.number{letter-spacing:0;display:block;    font-size: 25px;
  display: flex; align-items: center;color: #fff;}
.number i{font-style:normal;margin-right:7px;opacity:0.7;color:#fff;margin-right:7px;font-size:15px;font-weight:bold;letter-spacing:1px;}
.mgb10{margin-bottom:10px;}
.m_scroll{display:none;}

@media screen and (max-width:1600px){
  .injection_wrap .ctt{width:1400px;}
  .doc_ctt{width:1400px;}
}

@media screen and (max-width:1500px){
  .point .ctt{width:1400px;}
  .controls{width:90%}
}

@media screen and (max-width:799px){
  .index{margin-top:75px;}
  .slide{height:450px}
  .pc_slide_img{display:none}
  .m_slide_img{display:block;}
  .slide_txt{width:90%;text-align:center;}
  .slide_txt h1{font-size:18px;line-height:28px;}
  .slide_txt span{font-size:14px;}
  .slide_txt p{font-size:14px;line-height:24px;margin-top:15px;}
  .controls {top: auto !important;bottom: 50px !important;}
  .slide-pagination {display: flex;justify-content: center;
    width: 100% !important;}
  .slide-pagination span{margin:0px 5px !Important;}
  .notice_list{position:relative;width:100%;padding:20px;}

  /******** 섹션시작 ***/
  .main_tit{text-align:Center;}
  .main_tit h1{margin:0 auto;margin-top:4px;}
  .main_tit span{font-size:11px;}
  .main_tit p {margin-top: 8px;font-size: 14px;line-height: 24px;}


  .point{padding:80px 0 60px 0;margin-top:80px;}
  .point .ctt{width:90%;}
  .point-pagination{margin-top:15px;text-align:center;}
  .point-pagination span{border-radius:50px}
  .point-pagination .swiper-pagination-bullet-active{width:20px;background:#0f347a !Important;}
  .point_slide{margin-top:20px;}
  .point_txt p{font-size:15px;line-height:23px;}
  .point_txt i{margin-bottom:20px;height:3px;}
  .point_slide .swiper-slide:hover strong{font-size:16px;}


  .treatment{padding-bottom:80px;}
  .main_flex{flex-wrap:wrap;}
  .main_flex .main_tit{width:100%}
  .tre_btn{margin:0 auto;margin-top:15px;}
  .tre_btn div{width:50px;height:50px;}
  .tre_slide_box{left:0;flex-wrap:wrap;width:90%;margin:0 auto;margin-top:30px;}
  .tre_txt{width:100%}
  .tre_txt a{padding:50px 30px 30px 30px;}
  .tre_img{width:100%}
  .tre_txt strong span{font-size:14px;}
  .tre_txt strong span img{width:18px;}
  .tre_txt strong{margin-top:30px;width:100%;}

  .care{padding:80px 0;}
  .care_box{margin-top:30px;flex-wrap:wrap}
  .care_chat{width:100%}
  .care_txt{width:100%;}
  .care_letter{top:0;font-size:50px;text-align:Center;width:100%;}
  .care_txt span{line-height:25px;}
  .care_txt span strong {font-size: 40px;font-weight: 400;margin-bottom: 10px;}
  .care_txt b {margin-top: 10px;line-height: 27px; font-size: 17px;}
  .care_txt p{margin-top:18px;}


  .skill{padding:80px 0;}
  .skill .main_tit p{margin-top:15px;}

  .skill_rate{margin-top:40px;}
  .skill_rate div{display:block;margin:0 15px;}
  .skill_rate img{width:70px;top:0;}
  .skill_rate{flex-wrap:wrap}
  .rate_txt1{width:100%;}
  .rate_txt1 b{font-size:15px;}
  .rate_txt1 p{font-size:22px;}
  .rate_txt2{width:100%;}
  .rate_txt2 p{top:0;font-size:40px;text-align:Center;}
  .rate_txt3{width:100%;}
  .rate_txt3 p{font-size:22px;text-align:center;}

  .skill_point{margin-top:60px;}
  .skill_point .ctt{width:90%}
  .skill_point ul{align-items:start;}

  .skill-pagination{margin-bottom: 20px;margin-left: 13px;}
  .skill-pagination .swiper-pagination-bullet{background:#fff;border-radius:0}
  .skill-pagination .swiper-pagination-bullet-active{width:20px}

  .doc_gr{padding:80px 0 0 0;background-position:72%;}
  .doc_gr_txt{margin-top:35px;}
  .doc_gr_txt p {margin-top: 15px;line-height: 26px;}
  .doc_img div{display:none;}
  .doc_name span{margin-left:5px;}
  .doc_wrap:before{display:none;}
  .doc_ctt{width:100%;}
  .doc_wrap{height:auto;padding:0;}
  .doc{width: 100%;padding:70px 20px;position: relative;top: 0;left: 0; transform: translate(0);}
  .doc_name{width:100%}
  .doc_name img {width: 92px;right: 10px;top: 91px;}
  .doc_name .medal_box {
    right: auto;
    top: 91px;
    position: absolute;
    z-index: 99;
    display: flex;
    flex-direction:row-reverse;
    justify-content: space-between;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);}
  .doc_box{flex-wrap:wrap;margin-top:30px;}
  .career{width:100%}
  .doc_img{width:100%}
  .doc_wrap1 .doc_box{flex-direction:column-reverse;}
  .doc_wrap3 .doc_box{flex-direction:column-reverse;}
  .career{margin-top:35px;}
  .career span{font-size:17px;}
  .career_list {
    margin-top: 20px;
    padding-top: 20px;flex-wrap:wrap;}
  .career_list ul{width:100%}
  .career_list ul li {
    font-size: 14px !important;
    padding-bottom: 11px;width:100%}
  .career_list ul:last-child{margin-top:15px}


  .injection_wrap{padding:80px 0;}
  .injection_wrap .ctt{width:90%;}
  .injec-pagination{background:none;flex-wrap:wrap;justify-content:space-between;margin:30px 0}
  .injec-pagination span{padding:13px 0;background:#000;width:49%;font-size:15px;border-radius:100px;}
  .injec-pagination span:nth-child(n+3){margin-top:10px !Important}

  .injection{margin-top:0px;flex-wrap:wrap}
  .injec_slide{}
  .injec_img{width:100%;}
  .injec_img img {width: 100%; height: 250px;object-fit: cover;}
  .injec_txt{width:100%;margin-top:30px;}

  .injec_step ul{flex-wrap:wrap;}
  .injec_step ul li{width:100%;margin-bottom:30px;display:flex;align-items:center;}
  .injec_step ul li:last-child{margin-bottom:0;}
  .injec_step ul li span{margin:0;margin-left: 10px;font-size: 10px;}
  .injec_step ul li p {margin-top: 0;font-size: 14px;line-height: 23px;text-align: left;margin-left: 25px;}
  .injec_step ul li:after{display:none;}
  .injec_effect ul{flex-wrap:wrap}
  .injec_effect ul li{width:32%;font-size:13px;}
  .injec_effect ul li:nth-child(n+4){margin-top:10px;}
  .injec_kind ul li p{line-height:25px;}

  .injec_ef ul{flex-wrap:wrap}
  .injec_ef ul li{width:100%;margin-top:20px;}
  .injec_ef ul li:first-child{margin-top:0;}
  .injec_ef ul li p { margin-top: 10px;line-height: 23px;}
  .principle p {font-size: 14px;margin-top: 15px;line-height: 24px;}
  .principle p b{font-size:15px;}

  .eswt_wrap{padding:80px 0;}
  .shock_beaf{margin-top:30px;}
  .shock_beaf ul{width:90%;margin:0 auto;flex-wrap:wrap}
  .shock_beaf ul li{width:100%}
  .shock_beaf ul li:last-child{margin-top:25px}
  .shock_beaf ul li span {
    margin-top: 18px;font-size: 16px;font-weight: 600;}
  .shock_beaf ul li strong{width:50px;height:50px;font-size:11px;line-height:50px;}
  .shock_beaf ul li:nth-child(1) strong{top:0;left:0;}
  .shock_beaf ul li:nth-child(2) strong{top:0;right:0;}

  .shock_tlscp{padding:80px 0;}
  .tls_size{padding-bottom:40px;width:100%;overflow-x:scroll;}
  .m_scroll{font-weight:400;font-size:12px;display:block;color:#555}
  .shock_tlscp img{width:400px;margin-top:30px;}


  .shock_point .ctt{flex-wrap:wrap;width:100%;}
  .shock_effect{width:100%;padding:80px 20px;}
  .shock_faq{width:100%}
  .shock_effect ul li i{font-size:35px;}
  .shock_effect ul li p span{font-size:16px;margin-bottom:3px;}
  .shock_effect ul li p {margin-left: 15px;font-size: 14px;line-height: 23px;}
  .shock_faq{padding-left:0;padding:80px 20px;}
  .shock_point:before{display:none;}
  .shock_faq ul li span{font-size:16px;}
  .shock_faq ul li p {
    font-size: 14px;line-height: 27px;}

  .shock_sym{display:none;}
  .non_wrap{padding:80px 0;}
  .non_wrap .main_tit{text-align:left}
  .non_wrap .main_tit h1{margin:0;}
  .non_wrap .ctt{flex-wrap:wrap}
  .non_txt_wrap{position:relative;top:0;width:100%}
  .non_img{width:100%;margin-top:40px;}
  .non_txt{margin-top:20px;}

  .non_txt ul{flex-wrap:wrap;margin:0 auto;margin-top:30px;}
  .non_txt ul li{width:50%}
  .non_txt ul li i{font-size:30px;}
  .non_txt ul li:nth-child(n+3){margin-top:20px;}
  .non_txt ul li p {font-size: 14px;margin-top: 8px;line-height: 22px;}

  .mb_non_txt{display:block;margin-top:40px;}
  .non_img_slide2{margin-top:40px;}
  .non_descript{color:#555;margin-top:20px;}


  .dosu_wrap{padding:80px 0;}
  .dosu_descript{margin-top:30px;}
  .dosu_descript img{width:100% !important}
  .dosu_tit{padding:40px 5px;}
  .dosu_tit h4 {
    font-size: 16px;
    line-height: 26px;}

  .dosu_kind{margin-top:0px;}
  .dosu_kind ul li:nth-child(1){padding-top:0;}
  .dosu_kind ul li img{opacity:1;position:relative;}
  .dosu_kind ul li:hover img{top:0;}
  .dosu_kind_txt b{font-size:14px;}
  .dosu_kind ul li img {opacity: 1;position: relative;right: 0;width: 100%;transform: translate(0);margin-top: 20px;}

  .dosu_who{padding:80px 0;}
  .dosu_who ul{flex-wrap:wrap}
  .dosu_who ul li{width:100%;}
  .dosu_who ul li img { height: 200px;object-fit: cover;}
  .dosu_who ul li div{left:30px;}
  .dosu_who ul li p{font-size:15px;line-height:25px;}

  .view_wrap{padding-top:80px;}
  .view_slide{display:none;}
  .m_view_slide{display:block !important;margin-top:35px;position:relative;}
  .view_btn{z-index:99;display:flex;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;}
  .view_btn div{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:40px;background:#000;}
  .view_btn div img{filter:invert(1) brightness(10);width:6px;}
  .m_view_slide .swiper-slide img{width:100%;}

  #section8{padding-top:80px;}
  .map_wrap{margin-top:30px;flex-wrap:wrap;}
  .map_img{width:100%}
  .map_txt{width:100%;padding:60px 30px;}
  .time{flex-wrap:wrap}
  .time li{width:100%;font-size:15px;padding:15px 10px !important;border-right:0;border-bottom:1px solid rgba(255,255,255,0.1)}
  .time li span{margin-bottom:8px;}
  .map_txt strong {line-height: 26px;
    font-size: 13px;margin-top: 15px;}
  .sns ul {margin-top: 15px;}
  .sns ul li{width:49%;}
  .sns ul li a{font-size:13px;padding:12px 0;}

  .time_rolling p{font-size:16px;    animation: marquee 5s linear infinite;}
  .time_rolling p img{height:16px;}

  .address{}
  .address .ctt{width:100%;}
  .address ul{flex-wrap:wrap;}
  .address ul li{width:100% !Important;padding:30px;}
  .address ul li a strong{display:none;}
  .address ul li a span{margin-bottom:0 !Important;}
  .address ul li:nth-child(2){text-align:left;}
  .address ul li p {
    font-size: 14px;
    line-height: 26px;
  }
  .address ul li p b{font-size:14px;margin-top:4px;}
  .address ul li:nth-child(3){padding-left:30px;}
  .number {letter-spacing: 0.5px;font-size: 21px;}

  .parking_wrap{padding:60px 0;}
  .parking_map{flex-wrap:wrap;}
  .parking_map_img{width:100%;margin-right:0}
  .parking_map_txt{width:100%;margin-top:15px;}
  .parking_box{padding:15px 25px;}
  .parking_map_txt ul li a{padding:15px 25px;}
  
  .api{height:300px !Important;}
}