/* 공통 */
.pd180{padding:180px 0;}
.pdt180{padding-top:180px;}
.pdb180{padding-bottom:180px;}
.swiper-button-lock{display:none !Important;}
.main_tit{text-align:center;}
.main_tit span{font-weight:bold;color:#8cc7fb;display:block;}
.main_tit h2{margin-top:15px;line-height:1.3;}
.main_tit p{margin-top:15px;}
b{font-weight:bold}
em{font-style:normal;text-decoration:underline;}
p{word-break:keep-all !important}
.fade {opacity: 0;transform: translateY(150px);transition:all 1s;}
.fade.active {opacity: 1;transform: translateY(0);}
.click a {cursor: none;}
.cursor-click {position: fixed;left: 0;top: 0;width: 80px;height: 80px;border-radius: 50%;background:#154194;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 800;pointer-events: none;opacity: 0;transform: translate(-50%, -50%) scale(0.7);transition:opacity 0.18s ease-out,transform 0.18s ease-out;z-index: 9999;}
.cursor-click.is-active {opacity: 1;transform: translate(-50%, -50%) scale(1);}

/* 슬라이드 */
.slide{width:100%;height:100vh;}
.slide img{width:100%;height:100%;object-fit:cover;}
.slide_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.slide_txt span{width:fit-content;margin:0 auto;display:block;border-radius:100px;margin-bottom:20px;padding:8px 20px;font-weight:600;}
.slide_txt h1{line-height:1.1;font-size:70px;font-weight:bold;}
.slide_txt p{margin-top:35px;line-height:1.7;}
.slide_txt p b{font-weight:bold;}
.slide_txt .item {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.9s ease-out forwards;
}

/* 순서별 지연시간 */
.slide_txt .item:nth-child(1) { animation-delay: .1s; }
.slide_txt .item:nth-child(2) { animation-delay: .35s; }
.slide_txt .item:nth-child(3) { animation-delay: .6s; }

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 진료센터 */
.center{}
.center .ctt{display:flex;justify-content:space-between;width: calc(50% + 720px);
  margin-left: calc((100% - 1440px) / 2);}
.center_txt{width:40%}
.center-pagination{display:flex;flex-wrap:wrap;margin-bottom:60px;width:85% !Important;}
.center-pagination span {width:50%;margin:0 !important;border-bottom:2px solid #d8d8d8;color:#d8d8d8 !important;font-size:20px;font-weight:bold;display:block;border-radius:0;background:#fff !important;opacity:1;height:auto;text-align:center;padding:15px 0;}
.center-pagination .swiper-pagination-bullet-active {border-bottom: 2px solid #154194;color: #154194 !important;}
.center_txt span{font-weight:600;color:#8cc7fb;display:block;}
.center_txt h2{}
.center_txt p{margin-top:30px;color:#555;}
.center_txt a{font-size:16px;display:flex;align-items:center;justify-content:space-between;width:250px;border:1px solid #02314b;color:#02314b;border-radius:100px;padding:20px 30px;margin-top:50px;transition:all .5s;}
.center_txt a:hover{color:#fff;background:#02314b}
.center_txt a img{width:8px;}
.center_txt a:hover img{filter:invert(1) brightness(10)}
.center_img{width:55%;}
.center_img .swiper-wrapper{align-items:end;}
.center_img_slide .swiper-slide{transform:scale(0.6) !important;transition:all .5s;}
.center_img_slide .swiper-slide-active{transform:scale(1) !important;}
.center_img_slide .swiper-slide img{width:100%;object-fit:cover;filter:grayscale(10);transition:all .5s;}
.center_img_slide .swiper-slide-active img{filter:none;}

/* 인사말 */
.greet{position:relative;}
.gr_tit{text-align:center;}
.gr_tit h2{line-height:1.2;margin-bottom:15px;}
.greet .ctt{}
.gr_img{background:#032e4a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.6);width:100%;height:100%;}
.gr_img img{width:100%;height:100%;object-fit:cover;}
.gr_txt{display:flex;justify-content:space-between;opacity: 0;transform: translateY(80px);}
.gr_left{width:43%}
.gr_left h2{line-height:1.3;color:#fff;}
.gr_left p{margin-top:15px;color:#fff;opacity:0.8;}
.gr_right{width:57%}
.gr_right p{color:#fff;}
.gr_right p b{text-decoration: underline;color:#fdfaaa;}

/* 둘러보기 */
.view{}
.view_box{display:flex;flex-wrap:wrap;align-items:center;margin-top:60px;}
.view_left{width:100%;position:relative}
.view_slide{height:600px}
.view_slide img{width:100%;height:100%;object-fit:cover;}
.view_btn{z-index:10;position:absolute;right:0;top:0;display:flex;}
.view-button-prev{background:#002746;}
.view-button-next{background:#d3e9fb}
.view-button-prev , .view-button-next{cursor:pointer;display:flex;align-items:center;justify-content:center;width:70px;height:70px;}
.view-button-prev img{filter:invert(1);}
.view-button-prev img, .view-button-next img{width:8px;}
.view_right{width: 90%;z-index: 90;position: relative;background: #fff;display: flex;padding: 80px;padding-bottom:0;margin: 0 auto;margin-top: -80px;}
.view_right_box{}
.view_right_box2{padding-left:80px;margin-left:80px;border-left:1px solid #e4e4e4;}
.view_right_box h4{margin-bottom:20px;}
.view_right_box ul{}
.view_right_box ul li{padding-bottom:6px;display:flex;height: 40px;align-items: start;}
.view_right_box ul li span{font-weight:bold;width:70px;letter-spacing:-3px;text-align: justify;margin-right:25px;}
.view_right_box ul li span:after{content:"";display:inline-block;width:100%;}
.view_right_box ul li i{font-size:15px;font-weight:600;font-style:normal;display:block;}
.view_right_box ul li p{}
.view_right_box ul li b{font-size:13px;padding:4px 8px;margin-left:6px;border-radius:100px;}
.night1{background:#e1effa;color:#3783e0}
.night2{background:#4374ff;color:#fff;}
.view_right_btn{margin-top:50px;display:flex;gap:0 12px;}
.view_right_btn a{display: block;color: #fff;font-size: 16px;padding: 13px 0px;width: 50%;text-align: center;border-radius: 100px;}
.map_btn{background:#29c26f}
.reservation_btn{background:#00b050}
.view_right_box strong{font-weight:400;margin-top:20px;color:#777;display:block;}
.view-button-prev img, .view-button-next img {height: auto;}
/* 의료진 소개 */
.doctor{}
.doctor .ctt{position:relative;}
.doctor .main_tit{text-align:left;}
.doc_box{display:flex;justify-content:Space-between;align-items:end;margin-top:60px;}
.doc_cont{display:flex;justify-content:Space-between;}
.doc_img{width:30%;}
.doc_img img{width:100%;}
.doc_txt{width:65%;}
.doc_name{margin-bottom:30px;}
.doc_name span{font-weight:bold;display:block;}
.doc_name h2{font-weight:300;line-height:1.2;}
.doc_name h2 b{font-weight:bold}
.career_box1{display:flex;}
.career_box1 .career{width:auto}
.career_box1 .career1{margin-right:80px;}
.career_box2{margin-top:60px;}
.career{}
.career h4{margin-bottom:10px;}
.career ul{}
.career ul li{display:flex;padding-bottom:6px;gap:0 5px;font-size:17px;color:#555;}
.career ul.thesis li{font-size:19px;}
.career ul li span{font-weight:900;}
.career ul li i{font-style:normal;font-family:"Spectral", serif !important;margin-left:3px;}
.career ul li p{word-break:keep-all;}
.career ul li b{color:#000;}
.doc_pic{margin-top:60px;width:100%;position:relative;}
.doc_pic:before{content: "";background: linear-gradient(90deg, #fff, transparent);position: absolute;left: 0;top: 0;width: 30%;height: 100%;z-index: 10;}
.doc_pic .swiper-wrapper{transition-timing-function:linear;align-items:end;}
.doc_pic img{width:100%;filter:grayscale(10);opacity:0.4;}

.tv ul{display:flex;flex-wrap:wrap;}
.tv ul li{width:40%;}
.thesis_box{margin-top:50px;}

/* 어깨 특화 센터 */
.sholder_center_descript{background:url('../index/images/sholder_center_bg.png')no-repeat;background-size:cover;}
.sholder_center_descript .ctt{display:flex;justify-content:space-between;}
.sholder_center_descript .main_tit{text-align:left;width:35%;}
.sholder_center_descript .main_tit h2{margin-top:0}
.sholder_center_descript .main_tit b{font-weight:bold;color:#fdfaaa}
.descript{width:60%;margin-top:10px;}
.descript span{display:block;background:#0d4b7c;padding:10px 30px;border-radius:100px;margin-bottom:30px;width:fit-content;font-weight:bold;}
.descript p{}
.descript p b{color:#fdfaaa}
.descript ul{margin-top:40px;display:flex;gap:0 35px;}
.descript ul li{overflow:hidden;display:flex;align-items:center;justify-content:center;width:200px;height:200px;border-radius:200px;position:relative;z-index:0;background:#000}
.descript ul li img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-1;opacity:0.3;}
.descript ul li i{font-weight:bold;font-style:normal;line-height:1.2;text-align:center;}

/* 어깨 특화 탭 */
#sholder_ctt1{margin-top:60px;}
.sholder_center{}
.sholder-pagination{z-index:999;margin-top:60px;position:sticky;top: 93px;left: 0;display: flex;justify-content: center;width: 100%;background: #fff;}
.sholder-pagination span{cursor:pointer;margin:0 !important;border-radius:0;width:350px;text-align:center;height:auto;background:#fff;border-bottom:3px solid #05365d;font-size:22px;font-weight:bold;padding:30px 0;color:#05365d;opacity:0.3;}
.sholder-pagination a{display:block;color:#05365d}
.paging_on{opacity:1 !Important}
.sholder_slide{}
.sholder_top{padding:120px 0;background:#f9f9f9}

.sholder_tit{text-align:center;}
.sholder_tit2{margin-bottom:20px;background:#f1f1f1;padding:15px 35px;}
.sholder_tit2 p{margin-top:3px !Important;color:#555;}
.child_top .sholder_tit p{margin-top:15px;}
.sholder_tit h2{line-height:1.3;font-weight:300;}
.sholder_tit h2 b{}
.sholder_tit p{margin-top:10px;line-height: 1.7;color:#555}
.sholder_tit p b{color:#000}
.sholder_tit p em{text-decoration:underline;font-style:normal;}
.sholder_top ul{margin-top:40px;display:flex;justify-content:space-between;}
.sholder_top ul li{width:48%}
.sholder_top ul li img{width:100%;}
.sholder_top ul li p{text-align:center;padding:20px 0;}

.sholder_step{padding-top:120px;}
.sholder_step2{padding:120px 0;}
.step_tit{text-align:Center;}
.step_tit h2{}
.step_tit p{margin-top:7px;color:#555;}
.step_tit p b{color:#000;}
.sholder_step ul{display:flex;justify-content:space-between;;margin-top:40px;}
.sholder_step ul li{width:18%;}
.sholder_step ul.step_video{flex-wrap:wrap;gap:50px 30px;justify-content:center;}
.sholder_step ul.step_video li{width:31%;}
.sholder_step2 ul li{width:23%;}
.sholder_step ul li img, .sholder_step ul li video{width:100%}
.sholder_step ul li video{height:400px;object-fit: Cover;object-position: top;}
.sholder2_video{align-items:center;}
.sholder2_video video{height:400px;object-fit:cover;}
.sholder_step ul li p{text-align:center;margin-top:20px;line-height:1.4;font-weight:600;}

.sholder_effect ul li{width:25%;border-right:1px solid #e4e4e4}
.sholder_effect ul li:last-child{border:0;}
.sholder_effect ul li img{width:70px;margin:0 auto;display:block;}
.sholder_effect ul li p{margin-top:12px}


.sholder_beaf{background:url('../index/images/beaf_bg.jpg')no-repeat;background-size:cover;padding:120px 0}
.sholder_beaf .main_tit h2{margin-top:0;line-height: 1.1;}
.sholder_beaf ul{display:flex;justify-content:space-between;margin-top:35px;}
.sholder_beaf ul li{background:#fff;padding:30px;}
.sholder_beaf ul li img{width:100%}
.sholder_beaf i{font-style:normal;display:block;margin-top:10px;text-align:center;background:linear-gradient(45deg, black, #002856);padding:10px 0;}
.sholder_beaf i img{width:70% !important;margin:0 auto;display:block;}
.sholder-beaf-pagination{margin-top:40px;text-align:center;}
.sholder-beaf-pagination span{background:#a4c3ff}
.sholder-beaf-pagination span.swiper-pagination-bullet-active{border-radius:100px;width:30px;}

.qna{background:url('../index/images/qna_bg.jpg')no-repeat;background-size:cover;padding:120px 0;}
.qna .main_tit p{color:#fff;opacity:0.8}
.qna ul{width:1000px;display:flex;flex-direction:column;gap:20px 0;margin:0 auto;margin-top:35px;}
.qna ul li{cursor:pointer;transition:all .5s;padding:35px;border:1px solid #fff;border-radius:10px;}
.qna ul li span{font-weight:bold;color:#fff}
.qna ul li span i{margin-right:8px;}
.qna ul li p{font-size:16px;opacity:0.8;display:none;margin-top: 10px;color:#fff;word-break:keep-all;display:none;}
.qna ul li em{display:block;font-style:normal;font-size:16px;margin-top:15px;}
.qna ul li strong{font-weight:400;margin-top:8px;display:block;}

.target_wrap{margin-top:100px;}
.target_wrap h4{text-align:center;}
.target{width:60%;margin:0 auto;margin-top:30px;display:flex;}
.target div{width:25%;}
.target div img{margin:0 auto;display:block;width:50%;border-radius:100px;}
.target div p{text-align:Center;margin-top:16px;font-weight:600;line-height:1.4;}

/* 당일입퇴원 */
.inout{background:url('../index/images/inout_bg.png')no-repeat #f9f9f9;background-position:left;padding-bottom:120px;}
.inout_box{width: calc(50% + 720px);
  margin-left: calc((100% - 1440px) / 2);display:flex;align-items:center;justify-content:space-between;}
.inout_left{width:40%}
.inout_right{width:50%;}
.inout_right img{width:100%}
.inout_right video{width:100%}
.inout_left .main_tit{text-align:left;}
.inout_left .main_tit h2{line-height:1.1;}
.inout_tit{margin-top:40px;}
.inout_tit h4 img{width:30px;margin-right:5px; position: relative;top: -3px;}
.inout_tit p{margin-top:10px;color:#555;}
.inout_tit p b{color:#000}
.inout_list{margin-top:50px;}
.inout_list ul{margin-top:15px;flex-direction:column;display:flex;gap:6px 0;}
.inout_list ul li{font-size:18px;display:flex;align-items:center}
.inout_list ul li img{width:18px;margin-right:10px;}

.inout_beaf{background:#f9f9f9;}
.inout_beaf p img{width: 16px;margin-right: 5px;opacity: 0.3;filter: grayscale(1);position: relative;top: -1px;}
.inout_beaf .main_tit h2{margin-top:0;}

.inout_beaf_list{margin-top:60px;display:flex;justify-content:space-between;}
.inout_slide_wrap{position:relative;width:30%}
.inout_title_box{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.inout_slide_wrap .swiper-slide img{width:100%}
.inout_slide a{display:block;}
.inout_btn{display:flex;gap:0 12px;}
.inout_btn div{background:#002856;border-radius:60px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.inout_btn div img{width:6px;display:block;filter:invert(1);}

.inout_slide_wrap .swiper-slide{background:#fff;padding:30px;}
.inout_slide_wrap img{width:100%;}
.inout_slide_wrap .swiper-slide h5{margin-bottom:15px;text-align:Center;}
.inout_slide_wrap .swiper-slide p{margin-top:10px;text-align:center;background:linear-gradient(45deg, black, #002856);padding:10px 0;}
.inout_slide_wrap .swiper-slide p img{filter:none;opacity:1;width:70% !important;margin:0 auto;display:block;}
/* 발톱센터 */


.toe{ background: linear-gradient(180deg, #fff, #ecf5f9);}
.toe .main_tit{margin-bottom:80px;}
.toe_box{display:flex;justify-content:space-between;align-items:center;}
.toe_box2{margin-top:130px;}
.toe_txt{width:50%}
.toe_txt h4{font-weight:300;}
.toe_txt h4 b{}
.toe_txt p{color:#555;margin-top:15px;}
.toe_txt span{display:block;font-weight:bold;}
.toe_txt ul{margin-top:35px;display:flex;justify-content:Space-between;}
.toe_txt ul li{background:#fff;padding:35px;position:relative;width:48%}
.toe_txt ul li img{border:5px solid #fff;position:absolute;width:80px;height:80px;border-radius:80px;top:-30px;right:30px;}
.toe_txt ul li b{display:block;}
.toe_txt ul li p{word-break:keep-all;}
.toe_img{width:40%}
.toe_img img{width:100%;}

.toe_box h2{width:25%;line-height:1.4;}
.toe_check{width:70%;display:flex;flex-wrap:wrap;gap:20px 0;justify-content:space-between;}
.toe_check li{display: flex;align-items: center;font-size:17px;background:#d5e6ed;padding:20px;width:48%}
.toe_check li span{margin-left: 10px;display: inline-block;border-radius: 100px;background: #fff;font-size: 13px;font-weight: 600;padding: 5px 13px;color: #002856;}
.toe_check li img{width:16px;margin-right:5px;}

.child-pagination{margin-top:60px;display:flex;justify-content:center;}
.child-pagination span{margin:0 !important;border-radius:0;width:350px;text-align:center;height:auto;background:#fff;border-bottom:3px solid #05365d;font-size:22px;font-weight:bold;padding:30px 0;color:#05365d;}

.child_top{padding:120px 0;}
.child_top .child_beaf_slide ul{flex-wrap:nowrap;}
.child_tit{display:flex;justify-content:space-between;}
.child_tit img{width:40%}
.child_tit video{width:40%}
.child_tit > div{width:55%}
.child_tit h2{line-height:1.3;font-weight:300;}
.child_tit p{margin-top:15px;}
.child_beaf_slide_wrap{position:relative;}
.child_btn{position:absolute;display:flex;justify-content:space-between;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 9;
  width: 90%;}
.child_btn div{width:60px;height:60px;border-radius:30px;background:#09bbef;display:flex;align-items:center;justify-content:center;}
.child_btn div img{width:8px;filter:invert(1);}
.child_beaf_slide{}
.child_beaf{margin-top:80px;}
.child_beaf h4, .child_beaf p{text-align:Center;}
.child_beaf ul li{padding:30px;background:#fff;}
.child_beaf i{font-style:normal;display:block;margin-top:10px;text-align:center;background:linear-gradient(45deg, black, #002856);padding:15px 0;}
.child_beaf i img{width:40% !important;margin:0 auto;display:block;}
.child_beaf h4 img{width:26px;margin-right:8px;}
.child_target{margin-top:50px;}
.child_target h4{}
.child_target ul{flex-wrap:wrap;margin-top:20px;justify-content:space-between;display:flex;gap:20px 0;}
.child_target ul li{width:100%;font-size:18px;}
.child_target ul li img{width:18px;margin-right:10px}

.child_step ul li{position:relative;}
.child_step ul li span {position: absolute;top: 15px;left: 15px;color: #fff;font-size: 13px;font-weight: 500;padding: 3px 12px;border-radius: 100px;}
.child_step ul li:nth-child(1) span{background:#00bb5e}
.child_step ul li:nth-child(2) span{background:#0aa2ff}
.child_step ul li:nth-child(3) span{background:#fd9f0b}
.child_step ul li:nth-child(4) span{background: #d51f00;}

.child_effect{padding-top:0;}
.child_effect ul li{background:#000;position:relative;}
.child_effect ul li img{opacity:0.3;}
.child_effect ul li p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:Center;width:100%;margin-top:0;}

.beaf_video{display:Flex;justify-content:space-between;}
.beaf_video video{width:100%;height: 200px;object-fit: cover;}
.beaf_video p{color:#fff;font-weight:bold;text-align:center;font-size:16px;padding:12px 0;text-align:center;}
.be, .af{width:48.5%;font-size:0;}
.be{border:3px solid #ccc;}
.af{border:3px solid #008eff}
.be p{background:#ccc;}
.af p{background:#008eff;}

/* 진료시간 및 오시는길 */

.view{}
.info_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px;}
.info_left{width:50%;}
.info_left img{width:100%}
.info_right{width:45%;position: relative;background: #fff;}
.info_right_box{width:100%}
.info_right_box2{margin-top:40px;}
.info_right_box h4{margin-bottom:20px;}
.info_right_box ul{display:flex;flex-wrap:wrap;gap:10px 0;}
.info_right_box ul li{width:50%;display:flex;height:30px;align-items: start;}
.info_right_box ul li.full{width:100%}
.dosu{background: #dff3fd;text-align: center;justify-content: center;padding: 5px 0;height: auto !important;color: #0081df;font-weight: 500;}
.info_right_box2 ul li{width:100%;}
.info_right_box ul li span{font-weight:bold;width:70px;letter-spacing:-3px;text-align: justify;margin-right:25px;}
.info_right_box ul li span:after{content:"";display:inline-block;width:100%;}
.info_right_box ul li i{font-size:15px;font-weight:600;font-style:normal;display:block;}
.info_right_box ul li p{}
.info_right_box ul li b{font-size:12px;padding:2px 6px;margin-left:6px;border-radius:100px;}
.night1{background:#e1effa;color:#3783e0}
.night2{background:#4374ff;color:#fff;}
.info_right_btn{margin-top:50px;display:flex;gap:0 12px;}
.info_right_btn a{display: block;color: #fff;font-size: 16px;padding: 13px 100px;width: fit-content;text-align: center;border-radius: 100px;}
.map_btn{background:#29c26f}
.reservation_btn{background:#00b050}
.info_right_box strong{font-weight:400;margin-top:20px;color:#777;display:block;}


@media screen and (max-width:1640px){

}


@media screen and (max-width:768px){
  .index{margin-top:61px;}
  .pd180{padding:80px 0}
  .pdt180{padding-top:80px}
  .pdb180{padding-bottom:80px}
  .main_tit h2{margin-top:5px;}
  .main_tit p{margin-top:8px;}

  .slide{height:500px;position:relative;}
  .slide_Txt{width:100%}
  .slide_txt h1{font-size:24px;}
  .slide_txt span{padding:6px 16px;font-size:14px}

  .center .ctt{width:90%;margin:0 auto;flex-wrap:wrap}
  .center_img{width:100%;margin-top:35px;}
  .center_txt{width:100%}
  .center-pagination{width:100% !important;margin-bottom:30px;}
  .center-pagination span{font-size:14px;padding:12px 0}
  .center_txt p{margin-top:15px;word-break:keep-all;}
  .center_txt a {font-weight:500;font-size: 14px;width: 200px;padding: 12px 30px;margin-top: 30px;}
  .center_txt a  img{width:8px;}

  .gr_img {position: relative; top: 0;left: 0;transform: translate(0, 0) scale(1);margin-top: 30px;}
  .gr_txt {flex-wrap:wrap;opacity: 1;transform: translateY(0px);}
  .gr_left{display:none}
  .gr_right{width:100%;margin-top:25px;}
  .gr_right p{color:#000;word-break:keep-all;text-align:center;}
  .gr_right p b {color: #3062c1;}

  .view{background:#f9f9f9}
  .view_box{flex-wrap:wrap;margin-top:30px;}
  .view_slide{height:auto;}
  .view_left{width:100%}
  .view_right{flex-wrap:wrap;width:100%;padding:30px 0;background:none;margin:0;}
  .view_right_btn a {display: block;color: #fff;font-size: 14px;padding: 10px 25px;}
  .view-button-prev, .view-button-next{width:49px;height:49px;}
  .view-button-prev img, .view-button-next img {width: 6px;height: auto;}

  .view_right_box ul li{font-size:14px;align-items:start;}
  .view_right_box ul li span{width:55px;}
  .view_right_box ul li b {font-size: 12px;padding: 1px 6px;}

  .view_right_box2{border:0;padding-left:0;margin-left:0;margin-top:30px;}
  .view_right_box strong {margin-top: 10px;font-size: 13px;}
  .view_right{min-height:auto;}

  .doctor .ctt {width:90%; margin-left:0;margin:0 auto;}
  .doc_box{margin-top:30px;flex-wrap:wrap;}
  .doc_cont{width:100%;flex-wrap:wrap}
  .doc_img{width:100%}
  .doc_txt{width:100%;margin-top:25px;}
  .doc_pic{width:100%;margin-top:30px;}
  .doc_name{margin-bottom:15px;}
  .career_tab ul li {font-size: 13px;border: 1px solid #0d1b3d;padding: 4px 12px;}
  .career_tab{margin:10px 0;}
  .career_box1{flex-wrap:wrap;}
  .career_box1 .career1{margin-right:0;}
  .career_box1 .career:last-child{margin-top:20px;}
  .career ul li{width:100%}
  .career_box2{margin-top:30px;}
  .career{width:100%}
  .career ul li{font-size:14px !important;}
  .career ul li b{display:block;}

  .sholder_center_descript .ctt{flex-wrap:wrap}
  .sholder_center_descript .main_tit{width:100%;text-align:center;}
  .sholder_center_descript .main_tit p{margin-top:5px;}
  .descript{width:100%;margin-top:20px;}
  .descript p{word-break:keep-all;}
  .descript span {padding: 8px 20px;width: 100%;text-align: center;}
  .descript ul{flex-wrap:wrap;gap:15px 0;}
  .descript ul li{width:100%;height:auto;padding:20px 0;}

  .sholder-pagination{margin-top: 20px;position: sticky;top: 50px !important;z-index: 9;background: #fff;}
  .child-pagination{margin-top: 20px;position: sticky;top: 50px !important;z-index: 9;background: #fff;}
  .sholder-pagination span {width: 45%;border-bottom: 3px solid #05365d;font-size: 15px;padding:0;}
  .sholder-pagination span a{padding:15px 0;display:Block;}

  .sholder_top{padding:40px 0;}
  .sholder_tit{text-align:left;}
  .sholder_tit2{padding:15px 20px}
  .sholder_tit p{word-break:keep-all;}

  .sholder_step{padding-top:60px;}
  .sholder_step2{padding:60px 0;}
  .sholder_step ul{flex-wrap:wrap;margin-top:25px;gap:18px 0;}
  .sholder_step ul li{flex-wrap:wrap;width:100%;display:flex;align-items:center;gap:0 15px;}
  .sholder_step ul li img{width:35%;}
  .sholder_step ul.step_video{gap:30px 0}
  .sholder_step ul.step_video li{width:100%;}
  .sholder_step ul.step_video li p{margin-top:15px;text-align:center;width:100%}
  .sholder_step ul li video{width:100%;height:250px;}
  .sholder_step ul li p{text-align:left;width:60%;margin-top:0;}

  .sholder_top ul{flex-wrap:wrap;gap:16px 0;}
  .sholder_top ul li{width:100%;}
  .sholder_top ul li p {padding: 13px 0;font-size: 14px;}
  .sholder_step2 ul li{width:50%;flex-direction:column;border:0;}
  .sholder_step2 ul li img{width:40px;margin:0 auto;}
  .sholder_step2 ul li p{text-align:center;font-size: 14px;line-height: 1.3;margin-top: 10px;}

  .sholder_beaf{padding:60px 0;}
  .sholder_beaf ul li{padding:15px;}

  .qna{padding:60px 0;}
  .qna ul{width:100%;}
  .qna ul li{padding:25px;}
  .qna ul li span{font-size:15px;}
  .qna ul li p {font-size: 13px;}

  .step_tit{text-align:left}

  .child_tit{flex-wrap:wrap;}
  .child_tit img{width:100%}
  .child_tit video{width:100%;}
  .child_tit > div{width:100%;margin-top:25px;}
  .child_tit p{word-break:keep-all;}

  .child_beaf ul li{padding:15px;}
  .beaf_video video{height:135px}
  .beaf_video p {font-size: 12px;padding: 4px 0;}

  .target_wrap{margin-top:35px;}
  .target{flex-wrap:wrap;gap:30px 0;margin-top:15px;width:100%;}
  .target div{width:50%;}

  .inout{padding-bottom:50px;}
  .inout_box {width:90%;margin:0 auto;flex-direction:column-reverse;flex-wrap:wrap;}
  .inout_left{width:100%;margin-top:30px}
  .inout_right{width:100%;}
  .inout_list ul li {font-size: 13px;}

  .inout_beaf_list{flex-wrap:wrap;gap:40px 0}
  .inout_slide_wrap{width:100%;}
  .inout_slide{margin-top:30px;}
  .inout_slide_wrap .swiper-slide{padding:15px;}
  .inout_slide_wrap .swiper-slide p{font-size:12px;}
  .inout_slide_wrap .click a:after{top:55px;}
  .inout_btn{z-index:10;gap:0 10px;}
  .inout_btn div{width:26px;height:26px;}
  .inout_btn div img{width:6px;}

  .toe_chat .ctt{flex-wrap:wrap}
  .toe_chat .ctt .main_tit{width:100%}
  .toe_chat .ctt .chat{width:100%;margin-top:30px;}

  .message{gap:0 10px;}
  .message img{width:50px;}
  .message b{font-size:14px;line-height:1.3;}
  .message p{width:100%;padding:20px;font-size:13px;}
  .answer img{display:block;margin:0 auto;}
  .toe .main_tit{margin-bottom:30px;}
  .toe_box{flex-wrap:wrap;}
  .toe_box1{flex-direction:column-reverse;}
  .toe_img{width:100%;}
  .toe_txt{width:100%;margin-top:20px;}
  .toe_txt span {margin-top: 30px;}
  .toe_box2{margin-top:60px;}
  .toe_txt ul{flex-wrap:wrap;gap:40px 0;}
  .toe_txt ul li{width:100%;}
  .toe_box h2{width:100%}
  .toe_check{width:100%;margin-top:20px;}
  .toe_check li{width:100%;font-size:14px;padding:10px;}
  .toe_check li img{width:12px;}
  .toe_check li span{font-size:12px;}

  .child-pagination{margin-top:20px;}
  .child-pagination span {width: 45%;border-bottom: 3px solid #05365d;font-size: 15px;padding:15px 0;}
  .child_beaf h4 img{width:26px;}
  .child_beaf h4{display: flex;align-items: center;line-height: 1.4;flex-wrap: wrap;flex-direction: column;gap: 10px 0;}
  .child_beaf p{margin-top:12px;}
  .child_target ul li{font-size:14px;}

  .child_step ul li{width:100%;justify-content:space-between;flex-direction: row;}
  .child_step ul li img{width:40%}
  .child_step ul li p{width:55%;text-align:left;padding:0;margin:0;line-height:1.6;}

  .child_effect{padding-top:0;}
  .child_effect ul li {height:100px;}
  .child_effect ul li img{width:100%;height:100%;object-fit:cover;}
  .child_effect ul li p{text-align:left;width:100%;padding:30px;}
  .child_beaf i img {
    width: 70% !important;}
  .qna ul li em{font-size:12px}
  .click a{display:block;position:relative;}
  .click a:after{ position: absolute;content: "CLICK";width: 50px;height: 50px;background: #ffffff;z-index: 10;line-height: 46px;text-align: center;color: #154194;border-radius: 50px;font-size: 10px;font-weight: 900;top: 12px;right:12px;border: 2px solid #154194; animation: clickPulse 2s infinite ease-in-out;}

  @keyframes clickPulse{
    0%{
      background:#ffffff;
      color:#154194;
      border-color:#154194;
    }
    50%{
      background:#154194;
      color:#ffffff;
      border-color:#154194;
    }
    100%{
      background:#ffffff;
      color:#154194;
      border-color:#154194;
    }
  }

  .info_box{margin-top:35px;}
  .info_left{width:100%;}
  .info_right{margin-top:30px;flex-wrap:wrap;gap:35px 0;width:100%}
  .info_right_box{width:100%;}
  .info_right_box ul li{width:100%;height:22px;}
  .info_right_box2_li{height:40px !important;}
  .info_right_box ul li span{width:55px;letter-spacing:-1.5px;}
  .info_right_box ul li span:after{}
  .info_right_box ul li b {font-size: 12px;padding: 1px 8px;}
  .info_right_box2{padding-left:0;border:0;}
  .info_right_btn a {font-size: 14px;padding: 13px 0;width: 48%;}

  .child_btn div{width:30px;height:30px}
  .child_btn div img{width:6px;}
}

@media screen and (max-width:499px){
  .slide_txt{width:100%}
  .slide_txt p{margin-top:20px;}
  .center{padding-top:50px;}
  .view_right_box ul li i {font-size: 14px;}
  .career_tab ul{flex-wrap:wrap;gap:10px;}
  .career_tab ul li {font-size: 13px;padding: 5px 0;width: 48%;text-align: center;}

  .sholder_step2 ul li p{width:100%}
  .toe_check li {flex-wrap: wrap;flex-direction: column;justify-content: left;align-items: start;}
  .toe_check li span {font-size: 12px;margin-left: auto;margin-top: 5px;}

  .child_top ul{margin-top:20px}
  .child_target ul li{display:flex}}
.child_target ul li img {width: 13px;}

.child_step ul li img{width:100%;}
.child_step ul li p {width: 100%;text-align:center;margin-top:10px;}
}