.index{}

.pd180{padding:180px 0;}
.pdt180{padding-top:180px;}
.pdt0{padding-top:0;}
.c1{color:#003361}
.main_tit span{display:block;font-size:18px;position:relative;}
.main_tit p{font-size:16px;line-height:28px;margin-top:25px;font-weight:400;color:#555;}
    .mb_block{display:none;;}
  .pc_block{display:block;}

/* 팝업 */

.board_pop{display:none;position:absolute;top:200px;right:300px;background:#fff;z-index:999;}
.board_pop p{position: absolute;width: 90px;height: 50px;top: -25px;
  right: -25px;background: linear-gradient(45deg, #003361, #2a80b3);
  color: #fff;font-weight: 900;border-radius: 500px;z-index: 9;text-align: center;line-height: 50px;}
.board_pop_ctt{position:relative;width:400px;height:550px;}
.board_pop_footer{background:#000;color:#fff;font-size:10px;font-weight:500;padding:18px 0;padding-right:20px;}
.board_pop_footer img{cursor:pointer;display:block;margin-lefT:auto;text-align:right;width:11px;position:relative;z-index:15}
.pop-pagination{z-index:10;position:absolute;bottom:-30px !important;width:100%;padding:0 20px;text-align:left;}
.pop-pagination .swiper-pagination-bullet-active{background:#fff;width:20px;border-radius:50px;}
.pop-pagination .swiper-pagination-bullet{background:#fff;margin:0 3px;}
/* 슬라이드 */


.slide{width:100%;margin:0 auto;height:900px;overflow:hidden;position:relative;}
.slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;animation:scale 1.5s;transform-origin:50% 50%;}

.slide h1{width:1280px;z-index:2;font-size:50px;line-height:74px;color:#fff;font-weight:bold;position:absolute;left:50%;transform:translateX(-50%);bottom:200px;animation:txt_move1 1.5s;text-align:right;}
.slide h1 span{font-size:20px;font-weight:400;display:block;text-align:right;}

@keyframes scale{
  0%{transform:scale(1.2)}
  100%{transform:scale(1)}
}
@keyframes txt_move1{
  0%{opacity:0;left:60%;}
  100%{opacity:1;left:50%;}
}

.slot{text-align:center;background:#053965;padding:80px 0;}
.slot h2{color:#a6faff;font-size:40px}
.slot h4{color:#fff;font-size:28px;margin-top:10px;}
.slot img{display:block;margin:0 auto;width:700px;margin-top:35px;}
/* 병원소개 */

.introduce{position:relative;}

.introduce .main_tit{}
.rotate_img{opacity:0.2;width:200px;position:absolute;top:-100px;right:-100px;animation:rotate infinite 10s;transform-origin:50% 50%;}
@keyframes rotate{
  100%{transform:rotate(360deg)}
}
.introduce ul{margin-top:60px;display:flex;justify-content:space-between;position:relative;}
.introduce ul li{background:linear-gradient(180deg, #f0f2f9, #f3f3f3);width:23%;border:1px solid #fff;padding:50px;transition:all .5s;box-shadow:0 10px 15px #f8f8f8;position:relative;}
.introduce ul li:hover{border:1px solid #003361;background:#fff;transition:all .5s;}
.introduce ul li:before{position:absolute;width:80%;content:"";top:0;right:0;background:#fff;height:100%;opacity:1;transition:all .5s;}
.intro_active:before{width:0% !important;opacity:0 !important;}
.introduce ul li p{color:#555;margin-top:15px;}
.introduce ul li img{margin-left:auto;margin-top:20px;display:block;width:40px;height:40px;}

.greeting{background:url('../index/images/greeting_bg.jpg')no-repeat;overflow:hidden;background-size:cover;background-attachment:fixed;margin:0 auto;transition:all 1s;width:100%;}

.greeting .ctt{display:flex;align-items:center;}
.greeting_img{overflow:hidden;width:30%;position:relative;margin-right:10%;}

.doc-image{width:100%;}
.greeting_txt{width:60%;}
.greeting_txt p{color:#fff;}
.greeting_txt span{display:block;font-weight:bold;font-size:30px;line-height:48px;margin-bottom:30px;}
.doctor_name{display:flex;align-items:center;margin-top:50px;}
.doctor_name b{color:#6cc6ce;font-size:18px;}
.doctor_name span{font-size:24px;color:#fff;display:block;margin:0 20px;}
.doctor_name img{width:100px}

.on.img_back {
  animation: back 1.2s cubic-bezier(.215, .61, .355, 1) forwards;
}
.img_back {width: 100%;height: 100%;background: rgb(16 69 124 / 50%);position: absolute; top: 0;left: 0;
  z-index: 2; transition: opacity .5s;transform-origin: 100% 50%; transform: scale(0, 1);}

@keyframes back{
  0% {
    transform: scale(0, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1) translateX(-100%);}
}
.subject{}
.subject ul{margin-top:60px;display:flex;justify-content:space-between;}
.subject ul li{padding:60px;background:linear-gradient(180deg, #f3f3f3, #e4e7ed);width:23%}
.subject ul li img{display:block;width:40px;height:40px;}
.subject ul li span{display:block;margin-top:25px;color:#003361;font-weight:900;}
.subject ul li p{margin-top:5px;font-weight:bold;}

.field{position:relative;background:#f8f8f8;padding-top:180px;overflow:hidden;}
.field_track{white-space:nowrap;position: absolute;top: -33px;left: 0; width: 100%;font-size: 136px;
  color: #fff; z-index: 999;letter-spacing: 1px;font-weight: 900;text-align: center;}
.field:before{position:absolute;content:"";left:0;top:0;width:50%;height:100%;background:#f8f8f8;z-index:3;}
.field .ctt{display:flex;}
.field_tit{width:50%;position:relative;z-index:10;}
.field_list{width:50%;}

.field_btn{display:flex;align-items:center;margin-top:120px;width:400px;}
.field-button-next, .field-button-prev{cursor:pointer;font-size:12px;font-weight:900;color:#000;display:flex;align-items:Center;letter-spacing:0.5px;}
.field-button-prev{margin-right:30px;}
.field-button-next img, .field-button-prev img{width:8px;}
.field-button-next img{margin-left:10px;}
.field-button-prev img{margin-right:10px;}
.field-pagination{position:relative !important;margin-right:40px;width:250px;height:3px;}
.field .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #003361;}

.field_slide{}
.field_slide .swiper-slide{background:#000;position:relative;transition:all .5s;}
.field_slide .swiper-slide-active img{opacity:1 !Important;transition:all .5s;}
.field_slide .swiper-slide img{width:100%;opacity:0.5;}
.field_txt{width:100%;padding:100px 0px 50px 40px;background:linear-gradient(0deg, rgba(0,0,0,0.9), transparent);position:absolute;bottom:-300px;left:0px;opacity:0;transition:all .5s;}
.field_slide .swiper-slide-active .field_txt{bottom:0px;opacity:1;transition:all .5s;}
.field_txt span{font-weight:bold;display:block;color:#fff}
.field_txt p{font-size:16px;line-height:26px;margin-top:10px;color:#fff}



/* 의료진 소개 */

.doc{position:relative;overflow:hidden;}
.doc:before{position:absolute;background:#e4e4e4;top:0;left:50%;width:1px;height:100%;content:"";}
.doc .ctt{display:flex;}
.doc_img{width:50%;padding-right:80px;}
.doc_img .main_tit{}
.doc_img img{width:100%;margin-top:50px;}
.doc_txt{position:relative;width:50%;padding-left:80px;padding-top:180px;}
.doc_symbol{position:absolute; opacity: 0.1;width: 2000px;top: -200px;}
.doc_txt span{font-size:18px;font-weight:bold;}
.doc_txt strong{font-size:36px;display:block;margin-top:10px;}
.doc_txt i{margin-left:10px;font-style:normal;font-weight:400;}
.doc_txt ul{margin-top:40px;}
.doc_txt ul li{padding:12px 0;font-size:16px;color:#555;}


/* 둘러보기 */

.view{overflow:hidden;background:url('../index/images/view_bg.jpg')no-repeat;background-size:cover;}

.view .main_tit{text-align:center;}
.view_slide{margin-top:70px;position:relative;}

.view .swiper-slide{position:relative;}
.view .swiper-slide:after{background:#66d7de;top:0;left:0;position:absolute;content:"";width:100%;height:100%;transition:all .5s;opacity:0}
.view .swiper-slide-active{}
.view .swiper-slide-active:after{opacity:0;transition:all .5s;}
.view .swiper-slide-active img{filter:grayscale(0) !Important;}
.view .swiper-slide img{width:100%;filter:grayscale(1);transition:all .5s;}


/* 척추관절클리닉 */


.clinic1 .main_tit{text-align:Center;}

.spine{background:url('../index/images/spine_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;margin-top:120px;padding:140px 0}
.spine .ctt{width:1200px;}
.joint .ctt{width:1200px;}
.clinic1_tit{display:flex;}
.clinic1_tit h4{font-size:32px;line-height:42px;color:#fff}
.clinic1_tit p{padding-left:80px;color:#fff}
.clinic1_tit b{color:#fff;font-size:14px;margin-lefT:auto;width:120px;height:60px;border:1px solid #fff;border-radius:100px;line-height:60px;text-align:center;cursor:pointer;}
.clinic1_kind{margin-top:80px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff;padding:60px;background:#fff;}
.clinic1_img{width:40%;}
.clinic1_img img{display:none;width:100%;height:100%;object-fit:cover;}
.clinic1_txt{width:55%;}
.clinic1_txt h4{color:#000;font-size:20px;margin-bottom:15px;}
.clinic1_txt h4 strong{font-size:16px;font-weight:400;display:block;display:block;}
.clinic1_txt ul{display:flex;flex-wrap:wrap;padding-top:10px;}
.clinic1_txt ul li{padding:20px 0;cursor:pointer;width:20%;border:1px solid #e4e4e4;border-right:0;}
.clinic1_txt ul li:nth-child(5n){border-right:1px solid #e4e4e4;}
.clinic1_txt ul li:nth-child(n+6){border-top:0;}
.clinic1_txt ul li:hover{background:#eef0f3;}
.clinic1_txt ul li:hover p{color:#003361}
.clinic1_acitve{background:#eef0f3;}
.clinic1_acitve p{color:#003361 !Important;font-weight:900 !Important}
.clinic1_acitve {border-bottom:0;}
.clinic1_txt ul li:nth-child(n+6){border-top:0;}
.clinic1_txt ul li svg{display:block;width:35px;height:35px;margin:0 auto;fill:#003361}
.clinic1_txt ul li p{margin-top:20px;font-weight:500;text-align:center;font-size:15px;color:#000;font-weight:600;}
.description{border:1px solid #e4e4e4;border-top:0;padding:50px;min-height:200px;position:Relative;}

.description p{font-size:14px;line-height:26px;display:none;}
.description p span{display:block;font-size:18px;margin-bottom:10px;font-weight:bold;}

.joint{background:url('../index/images/joint_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;padding:140px 0;}

.spine .d{display:none;}
.spine .opclose .d{display:block;}
.spine .opclose .c{display:none;}

.joint .d{display:none;}
.joint .opclose .d{display:block;}
.joint .opclose .c{display:none;}


/* 통증클리닉 */

.clinic2_slide{margin-top:60px;}

.clinic2_slide .swiper-slide{position:relative;height:300px;padding:40px 30px;position:Relative;}
.clinic2_slide .swiper-slide:before{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg, #fff, transparent);height:100%;z-index:1;content:"";}
.clinic2_slide .swiper-slide img{position:absolute;top:0;left:0;width:100%;height:100%;}
.clinic2_txt{position:relative;z-index:9;}
.clinic2_slide .swiper-slide span{display:block;font-weight:bold}
.clinic2_slide .swiper-slide p{font-size:15px;line-height:26px;opacity:0;transition:all .5s;margin-top:40px;}
.clinic2_active p{opacity:1 !Important;margin-top:15px !Important;transition:all .5s;}

/* 비수술 치료 클리닉 */


.non .main_tit{text-align:Center;}

.non_wrap{margin-top:60px;}
.non-pagination{display: flex;justify-content: center;}
.non-pagination .swiper-pagination-bullet{opacity:1;width:200px;border-radius:0;background:none;position:relative;height:auto;padding:20px 0;}
.non-pagination .swiper-pagination-bullet span{font-size:20px;display:block;text-align:center;opacity:1;font-weight:500;}
.non-pagination .swiper-pagination-bullet-active:after{display:block;position:absolute;background:#003361;width:100%;height:4px;content:"";bottom:0;left:0;}
.non-pagination .swiper-pagination-bullet-active span{color:#003361;font-weight:bold;}

.non_rolling{border-radius:20px;overflow:hidden;}
.non_rolling .swiper-slide{padding:130px 0px;background:#f8f8f8}
.non_flex{display:flex;justify-content:space-between;}
.non_img{width:45%}
.non_img img{width:100%;height:100%;object-fit:cover;}
.non_txt{width:50%;}
.non_rolling h4{}
.non_descript{margin-top:30px;color:#555;}
.charac{display:flex;flex-wrap:wrap;width:100%;margin-top: 40px;border-radius:15px;;padding:40px 20px;background:#fff;}
.charac li{width:25%;}
.charac li:nth-child(n+5){margin-top:50px;}
.charac li img{width:35px;height:35px;margin:0 auto;display:block;}
.charac li p{text-align:center;font-size:16px;margin-top:15px;line-height:22px;}
.stop{margin-top:50px;}
.stop svg{width:40px;height:40px;display:block;  animation: bell 2s infinite linear;
}

@keyframes bell{
  0%, 50%{
    transform: rotate(0deg);
  }
  5%, 15%, 25%, 35%, 45% {
    transform: rotate(13deg);
  }
  10%, 20%, 30%, 40% {
    transform: rotate(-13deg);
  }
}
.stop strong{margin-top:20px;display:block;width:fit-content;background: #c10000; color: #fff;font-size: 20px;padding: 5px 15px;border-radius: 50px;font-weight: 600;}
.stop p{margin-top:20px;}

.dosu{margin-top:100px;}
.dosu ul{display:Flex;justify-content:space-between;}
.dosu ul li{width:31%;}
.dosu ul li img{width:100%;display:block;}
.dosu_txt{padding:30px;padding-bottom:0;}
.dosu ul li span{display:block;font-weight:bold;margin-bottom:10px;}
.dosu ul li p{padding:10px 0;font-size:16px;}
.dosu ul li p:before{background:url('../index/images/next_arrow.svg')no-repeat;width:10px;height:10px;margin-right:10px;background-size:contain;content:"";display:inline-block;}

/* 오시는길*/
.footer_map{background:#262932;padding-top:180px;}
.footer_map .main_tit{color:#fff;text-align:center;}
.api_wrap{margin-top:60px;}
.api{width:100% !Important;}
.map_flex{display:flex;margin-top:80px;}
.map_box{width:50%;}
.map_left{}
.map_right{}
.map_box h4{color:#fff;}
.map_box ul{margin-top:30px;}
.mu{    font-weight: bold;
    color: #c6ecff !important;;
    font-size: 16px;}
.map_box ul li{display:flex;padding:15px 0;color:#fff;}
.map_box ul li span{display:inline-block;width:150px;font-size:18px;}
.map_box ul li p{font-size:18px;}
.map_box ul li p svg{display:inline-block;width:20px;height:20px;margin-left:10px;margin-top:-4px;}
.map_box ul li p b{display:block;font-size:18px;color:#1bf7ff;padding-top:8px;}
.night{text-align: center; line-height: 26px;margin-left: 36px;}
.night i{font-style:normal;margin-left:19px;}
.night span{font-size:22px !important;font-weight:bold !Important;}
.night p{font-size:18px !Important;color:#1bf7ff;font-weight:bold;}
.night svg{margin-right:5px;    position: relative; top: 4px;}
.map_box strong{font-size:14px;font-weight:300;line-height:26px;color:#fff;display:block;margin-top:30px;opacity:0.7;}
.map_btn{margin-top:30px;}
.map_box a{background: #00997d;color: #fff;display: flex;justify-content:space-between;
  align-items:Center;margin-bottom: 20px;padding: 20px 50px;border-radius: 5px;
  font-size: 16px;width: 500px;font-weight: 500;transition:all .3s;}
.map_box a i{display:block;width:15px;height:15px;}
.naver_map{background:green !important;}

.map_box a:hover{background:#008169;transition:all .3s;}
.naver_map:hover{background:#026102 !important;transition:all .3s;}


@media screen and (max-width:1280px){

  .pd180{padding:120px 0;}
  .ctt{width:90%}
  .main_tit span{font-size:16px;}
  .main_tit{font-size:30px;line-height:48px;}
  .ft26{font-size:20px;line-height:32px;}

  .ft18{font-size:15px;line-height:26px;}
  .ft16{font-size:14px;line-height:25px;}
  .board_pop{right:5%}

  .slide h1{width:90%;font-size:38px;line-height:58px;}
  .slide h1 span{font-size:18px;}

  .introduce ul{flex-wrap:wrap;}
  .introduce ul li{width:49%;}
  .introduce ul li:nth-child(n+4){margin-top:25px;}

  .greeting_txt span{font-size:22px;line-height:30px;}

  .subject ul li{padding:50px 30px}

  .field .ctt{flex-wrap:wrap}
  .field_tit{width;100%}
  .field_btn{margin-top:30px;}
  .field_list{width:100%;margin-top:80px;}
  .field:before{display:none;}

  .spine .ctt{width:90%;}
  .joint .ctt{width:90%;}
  .clinic1_tit h4{font-size:24px;line-height:36px;}
  .clinic1_tit{display:block;}
  .clinic1_tit p{padding-left:0;margin-top:20px;}
  .clinic1_tit b{display:block;font-size:12px;margin-top:30px;width:80px;height:40px;line-height:40px;}

  .clinic1_kind{flex-wrap:wrap}
  .clinic1_img{width:100%;}
  .clinic1_img img{width:70%;margin:0 auto;}
  .clinic1_txt{width:100%;padding-top:50px;}
  .clinic1_txt ul li p{font-size:14px;}

  .clinic2_slide{overflow:hidden;}
  .clinic2_slide .swiper-slide{height:auto;padding:0;}
  .clinic2_slide .swiper-slide img{position:relative;height:auto;}
  .clinic2_txt{padding:15px;}
  .clinic2_slide .swiper-slide p{opacity:1 !important;margin-top:7px !important;}

  .clinic2-pagination{text-align:center;margin-top:20px;}
  .clinic2 .swiper-pagination-bullet{margin:0 3px;border-radius:10px !Important;}
  .clinic2 .swiper-pagination-bullet-active{width:15px !important;}
  .clinic2 .main_tit{text-align:center;}

  .non-pagination .swiper-pagination-bullet{width:25%;}
  .non-pagination .swiper-pagination-bullet span{font-size:16px;}
  .non_rolling .swiper-slide{padding:80px 0;}
  .non_flex{flex-wrap:wrap;flex-direction:column-reverse;}
  .non_img{width:100%}
  .non_txt{width:100%;padding-top:50px;}
  .non_img img { height: 350px;object-fit: cover; object-position: center;}

  .footer_map{padding:80px 0;}
  .map_box ul li span{width:100px;font-size:15px;}
  .map_box ul li p{font-size:14px;}
  .night span, .night p{font-size:18px !important;}
  .map_box a{width:100%;font-size:13px;}
}

@media screen and ( max-width:1024px){
  .doc .ctt{flex-wrap:wrap}
  .doc .main_tit{text-align:center}
  .doc_img{width:70%;margin:0 auto;}
  .doc_txt{width:100%;padding-top:50px;}
  .doc:before{display:none}
  .doc_symbol{width:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
  

  
}

@media screen and ( max-width:799px){
  .mb_block{display:block;}
  .pc_block{display:none;}
  .main_tit span{font-size:14px;}
  .main_tit{font-size:18px;line-height:30px;}
  .main_tit p {font-size: 14px;line-height: 26px;margin-top:10px;}
  .pd180{padding:80px 0;}
  .pdt180{padding-top:80px;}
   .ft26{font-size:17px;line-height:27px;}
  .ft18{font-size:14px;}
  .board_pop {top: 100px;left: 50%;
    transform: translateX(-50%);z-index: 999;
    right: auto; width:90%;}
  .board_pop_ctt{width:100%;height:auto;}
  .board_pop_ctt img{width:100%;}
  .board_pop p{top:15px;right:15px;height:35px;line-height:35px;font-size:11px;width:80px;}
  
  .index{margin-top:81px;}
  .slide{height:400px;overflow:hidden;}
  .slide h1{text-align:Center;top:50%;bottom:auto;transform:translate(-50%,-50%);font-size:18px;line-height:32px}
  .slide h1 span{font-size:15px;margin-bottom:10px;}
  .slide img{object-position: 93%}
  .slot{padding:50px 0;}
.slot h2{font-size:20px}
.slot h4{font-size:16px;}
.slot img{width:90%;margin-top:25px;}
  
  .rotate_img{display:none;}
  .introduce ul{margin-top:15px;}
  .introduce ul li{width:100%;padding:40px 30px;}
  .introduce ul li:nth-child(n+2){margin-top:20px;}
  .introduce ul li img{margin-top:3px;width:30px;height:30px;}
  .introduce ul li h4 br{display:none;}
 
  
  .greeting .ctt{flex-wrap:wrap;}
  .greeting_img{width:100%;margin-right:0;}
  .greeting_txt{width:100%;padding-top:40px;}
  .greeting_txt span{font-size:18px;}
  .doctor_name{flex-wrap:wrap;margin-top:30px;}
  .doctor_name b{font-size:14px;display:block;width:100%;}
  .doctor_name span{font-size:16px;margin-left:0;margin-top:15px;}
  .doctor_name img{margin-top:15px;}
  
  .subject ul{margin-top:35px;flex-wrap:wrap;}
  .subject ul li{padding:40px 20px;width:48%;}
  .subject ul li:nth-child(n+3){margin-top:20px;}
  
  
  .field{padding-top:80px;}
  .field_tit{width:100%;}
  .field_track {font-size: 35px;top: 0;}
  .field_txt{padding:100px 30px 40px 30px}
  .field_txt p{font-size:14px;}
  .field_txt p br{display:none;}
  .field_btn{width:100%;}
  .field-button-next, .field-button-prev{font-size:10px;}
  
  .doc_img{width:100%;padding-right:0;}
  .doc_img img{margin-top:10px}
  .doc_txt{padding-left:0;padding-top:25px;}
  .doc_txt span{font-size:14px;}
  .doc_txt strong{font-size:22px;}
  .doc_txt ul{margin-top:20px;}
  .doc_txt ul li {padding: 9px 0;font-size: 14px;}
  .view_slide{margin-top:30px;}
  
  .spine{margin-top:60px;padding:60px 0;background-position:right;}
  .joint{padding:60px 0;background-position:20%;}
  .clinic1_tit h4{font-size:18px;}
  .clinic1_tit p{opacity:0.8;}
  
  .clinic1_kind{margin-top:30px;padding:30px;}
  .clinic1_img img{width:100%;}
  .clinic1_txt{padding-top:30px;}
  .clinic1_txt h4{font-size:18px;margin-bottom:5px;}
  .clinic1_txt h4 strong{font-size:12px;margin-top:3px;}
  .clinic1_txt ul{}
  .clinic1_txt ul li{width:33.3%;border:0 !Important;}
  .clinic1_txt ul li:nth-child(n+4){margin-top:0px;}
  .clinic1_txt ul li p{margin-top:10px;font-size:12px;color:#000 !important;font-weight:bold !Important;}
  .clinic1_txt ul li svg{width:25px;height:25px;}
  .description p span{font-size:16px;}
  .de_bg{background:rgba(0,0,0,0.3);display:block;position:fixed;top:0;left:0;width:100%;height:100%;display:none;} .description{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:90%;box-shadow:5px 10px 10px rgba(0,0,0,0.3);}
  .description:before{content: "CLOSE"; position: absolute;display: block;top: 0;right: 0;background: #0f2387; color: #fff;font-weight: 900;letter-spacing: 0.5px;padding: 5px;font-size: 10px; }
  .description p br{display:none;}
  .clinic1_acitve{background:#fff !Important;}
  
  .clinic2_slide .swiper-slide p{font-size:14px;}
  
  .non_wrap{margin-top:20px;}
  .non-pagination{width:100%;margin:0 auto;position:sticky;top:80px;background:#fff;left:0;z-index:99;border-bottom:1px solid #e4e4e4;}
  .non-pagination .swiper-pagination-bullet span{font-size:13px;}
  
  .non_rolling .swiper-slide{padding:50px 0;}
  .non_img img{height:250px;}
  .non_txt{padding-top:30px;}
  .non_descript{margin-top:5px;}
  
  .charac{flex-wrap:wrap;margin-top:30px;}
  .charac li{width:50%}
  .charac li img{width:25px;height:25px;}
  .charac li:nth-child(n+3){margin-top:25px;}
  .charac li p{font-size:13px;line-height:20px;}
  .stop{margin-top:30px;}
  .stop svg{display:block;margin:0 auto;}
  .stop strong{font-size:16px;margin:0 auto;margin-top:15px;}
  .stop p{font-size:13px;line-height:23px;text-align:center;}
  .dosu{margin-top:35px;}
  .dosu ul{flex-wrap:wrap;}
  .dosu ul li{width:100%}
  .dosu ul li:nth-child(n+2){margin-top:25px;}
  .dosu ul li img {height: 150px;object-fit: cover;}
  .dosu_txt{padding-top:20px;padding-left:20px;}
  .dosu ul li p {padding: 6px 0;font-size: 13px;}
  
  .api_wrap{margin-top:30px;}
  #api{height:280px !Important;}
  .root_daum_roughmap .wrap_map{height:250px !important;}
  .map_flex{flex-wrap:wrap}
  .map_box{width:100%;}
  .map_box ul li span{font-size:13px}
  .map_box ul li p{font-size:13px;}
  .map_box ul li p svg{margin-left:0;}
  .night{margin-left:0;}
  .night span, .night p, .map_box ul li p b{font-size:15px !important;line-height:22px;}
  .night i{margin-left:16px;}
  .mu{  
    font-size: 13px;}
  .map_box ul{margin-top:15px;}
  .map_box ul li{padding:10px 0;}
  .map_box strong{font-size:12px;margin-top:10px;}
  .map_right{margin-top:35px;}
  .map_box a{padding:15px 30px;}
}