.main_tit{}
.main_tit span{display:block;margin-bottom:15px;font-weight:bold}
.main_tit h2{font-weight:200;line-height:1.3;}
.main_tit h2 b{font-weight:bold;}
.main_tit p{margin-top:10px;color:#555}
.main_tit strong{margin-left:9px;display:inline-block;width:13px;height:13px;border-radius:10px;background:#31c3ce;border-radius:100px;}
.wt{color:#fff;}
section{width:100%;overflow:hidden;}
.img_active{transition:all 1.5s;}
.radius{border-radius:35px;}
/* 메인비쥬얼 */
.slide{width:100%;background:#072033;height:100vh;overflow:hidden;position:relative;}
.main_slide{width:100%;height:100%}
.main_slide .swiper-slide{background:#000;}
.main_slide .swiper-slide img{opacity:0.9;width:100%;height:100%;object-fit:cover;transition:all .5s;}
.main_slide .swiper-slide-active{z-index:10;}
.slide_txt{width:1400px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}
.slide_txt h1{font-size:50px;line-height:1.3;color:#fff;font-weight:bold}
.slide_txt p{margin-top:25px;color:#fff;font-weight:300;}
.slide-pagination{position:absolute;width:1400px !important;transform:translateX(-50%);z-index:99;top:auto !Important;bottom:150px !important;left:50% !important;display:flex;gap:0 25px;}
.slide-pagination span{border-bottom:3px solid #fff;padding:20px;font-size:18px;font-weight:600;width:auto;height:auto;border-radius:0;background:none;color:#fff;opacity:0.4}
.slide-pagination span.swiper-pagination-bullet-active{opacity:1;}
.slide_txt span, .slide_txt h1, .slide_txt p {opacity: 0;transform: translateY(50px);transition: all 0.6s ease-out;}
.main_slide .swiper-slide-active .slide_txt span {opacity: 1;transform: translateY(0);
  transition-delay: 0s;}
.main_slide .swiper-slide-active .slide_txt h1 {opacity: 1;transform: translateY(0);
  transition-delay: 0.2s;}
.main_slide .swiper-slide-active .slide_txt p {opacity: 1;transform: translateY(0);transition-delay: 0.4s;}

/* 인사말 */
.greeting{padding:150px 0;background:url('../index/images/gr_bg.jpg')no-repeat;background-size:cover;position:relative}
.gr_bg{}
.gr_bg img{position:absolute;width:15%}
.gr_bg img:nth-child(1){left:100px;top:200px;}
.gr_bg img:nth-child(2){left:150px;bottom:200px;}
.gr_bg img:nth-child(3){right:100px;top:200px;}
.gr_bg img:nth-child(4){right:150px;bottom:200px;}
.greeting .main_tit{text-align:center;}
.gr_txt{text-align:center;margin-top:40px}
.gr_txt h4{}
.gr_txt p{color:#555;margin-top:25px;}
.gr_txt p b{font-weight:bold;color:#000}

/* 치료분야 */
.treatment{width:100%;overflow:hidden;padding:150px 0 250px 0;border-top:1px solid #e4e4e4;position:relative;z-index:0;}
.treatment:before{width:85%;height:100%;content:"";background:#f3f9dd;position:absolute;top:0;left:-10%;z-index:-1;transform: skewX(-15deg);transition:all .5s;}
.treatment.treat_scroll:before{width:35%;transform: skewX(-5deg);}
.tre_letter{position:absolute;left:0;bottom:0;z-index:-2;}
.tre_letter p{white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;font-size:8vw;color:#ffefa1;opacity:0.7;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.treatment .main_tit{width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.tre_btn{display:flex;gap:0 10px}
.tre_btn div{cursor:pointer;opacity:0.2;width:60px;height:60px;border:1px solid #000;border-radius:60px;display:flex;justify-content:center;align-items:center;}
.tre_btn div img{width:13px;}
.tre_btn div:hover{background:#005aab;border:1px solid #005aab;opacity:1;}
.tre_btn div:hover img{filter:Invert(1);}
.tre_list{margin-top:60px;}
.tre_list ul{}
.tre_list ul li{border-radius:15px;cursor:pointer;transition: all .3s;height:550px;z-index:0;position:relative;padding:50px;overflow:hidden;}
.tre_list ul li:after{transition:all .5s;position:absolute;top:110%;left:0;width:100%;height:100%;background:linear-gradient(45deg, #005aaa, #97cc0e);transform:skewY(20deg);content:"";z-index:-1;}
.tre_img{z-index:-1;background:#000;position:absolute;top:0;left:0;width:100%;height:100%;}
.tre_img img{opacity:0.5;width:100%;height:100%;object-fit:cover;}
.tre_tit{transition:all .5s;}
.tre_tit span{opacity:0.6;color:#fff;display:block;}
.tre_tit h4{color:#fff;line-height:1.3;}
.tre_txt{line-height:1.4;margin-top:20px;color:#fff;transition:all .5s;}
.tre_charac{opacity:0;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);transition:all .5s;width:100%;}
.tre_charac p{font-size:20px;color:#fff;padding:15px 5px;border-bottom:1px solid rgba(255,255,255,0.3);font-weight:500;}
.tre_charac p:last-child{border:0;}
.tre_list ul li strong{text-align:right;color:#fff;font-weight:bold;display:block;margin-top:40px;font-size:16px;width:100%;}
.tre_list ul li strong img{filter:invert(1);width:15px;margin-left:20px;}

.tre_list ul li:hover .tre_tit{margin-top:-200px}
.tre_list ul li:hover .tre_txt{margin-top:-200px}
.tre_list ul li:hover:after{top:0;transform:skewY(0deg);}
.tre_list ul li:hover .tre_charac{opacity:1;position:relative;}
.tre_list ul li:hover .tre_txt{opacity:1;position:relative;}
.tre_list ul li:hover .tre_charac{opacity:1;top:80%;}

/* 의료진 소개 */
.doctor{padding:150px 0;background:#f9f9f9;position:relative;z-index:0}
.doctor:before{width:100%;background:url('../index/images/doc_before.jpg')no-repeat;background-size:cover;content:"";position:absolute;bottom:0;left:0;height:300px;}
.doctor:after{background: linear-gradient(45deg, #e4ffff, transparent);content: "";position: absolute;top: 0;left: -100px;width: 50%;height: 50%;border-radius: 0 500px 500px;z-index: -1;filter: blur(100px);}
.doctor .main_tit{width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.doctor .ctt{margin-top:60px;position:relative;}
.doc_btn{display:flex;gap:0 10px}
.doc_btn div{cursor:pointer;opacity:0.2;width:60px;height:60px;border:1px solid #000;border-radius:60px;display:flex;justify-content:center;align-items:center;}
.doc_btn div img{width:13px;}
.doc_btn div:hover{background:#005aab;border:1px solid #005aab;opacity:1;}
.doc_btn div:hover img{filter:Invert(1);}
.doc{}
.doc_ctt{display:flex;justify-content:space-between;}
.doc_img{width:45%;position:relative;}
.doc_image{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.doc_medal{position:absolute;left:20px;top:20px;width:150px}
.doc_medal img{width:100%;}
.doc_medal img:last-child{margin-top:-12px;}
.doc_txt{width:55%;padding-top:60px;padding-left:100px;}
.doc_txt h2{line-height:1.4;}
.doc_name{font-weight:300;margin-top:30px;}
.doc_name strong{font-weight:bold;display:block;margin-bottom:10px;line-height:0;}
.doc_name b{font-weight:bold;}
.doc_txt ul{margin-top:30px;display:flex;flex-wrap:wrap;}
.doc_txt ul li{color:#555;padding-bottom:10px;font-size:18px;width:50%;}
.doc_txt ul li span{font-weight:bold;color:#000;margin-right:8px;}

.doc_thumb {padding-top:20px !Important;width: 50%;position:absolute !important;bottom:0;right:0;}
.doc_thumb .swiper-slide{cursor:pointer;transition:all .5s;border-radius:15px;overflow:hidden;}
.swiper-slide-thumb-active{margin-top:-20px;background:linear-gradient(222deg, #005aaa, #8db81e)}
.doc_thumb .swiper-slide p{opacity:0;line-height:1.3;color:#fff;font-weight:300;text-align:center;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);transition:all .5s;}
.doc_thumb .swiper-slide p b{display:block;font-weight:bold;}
.doc_thumb .swiper-slide-thumb-active p{top:50%;opacity:1;}
.doc_thumb .swiper-slide img{width:100%;}
.swiper-slide-thumb-active img{opacity:0.2;}

/* 수면치료 */
.sleep{}
.sleep_top{padding:150px 0;position:relative;}
.sleep_top:before{width:80%;height:100%;content:"";background:#e7f5fb;position:absolute;top:0;right:0;z-index:-1;transition:all ease-out .5s;}
.sleep_scroll:before{width:35%;;}
.sleep .main_tit{}
.sleep_box{margin-top:60px;}
.sleep_box .ctt{display:flex;justify-content:space-between;align-items:center;}
.sleep_box_img{width:45%;display:flex;justify-content:space-between;align-items:end;position:absolute;bottom:0;right:0;}
.sleep_box_img img{width:48%;}
.sleep_box_txt{width:50%}
.sleep_box_tit{border-top:1px solid #e4e4e4;margin-top:35px;padding-top:35px;}
.sleep_box_tit h2{font-weight:300;line-height:1.3;}
.sleep_box_tit h2 b{font-weight:bold}
.sleep_box_tit p{color:#555;margin-top:20px;}

.sleep_merit{background:url('../index/images/sleep_merit_bg.jpg')no-repeat;background-attachment:fixed;background-size:cover;padding:120px 0}
.sleep_merit h3{text-align:center;font-weight:300}
.sleep_merit h3 b{font-weight:bold}
.sleep_merit ul{display:flex;margin-top:30px;justify-content:space-between;}
.sleep_merit ul li{width:24%;}
.sleep_merit_img{position:relative;}
.sleep_merit ul li b{width:100%;text-align:center;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);}
.sleep_merit ul li b i{width:126px;font-weight:bold;font-style:normal;display:inline-block;margin-right:5px;}
.sleep_merit ul li img{width:100%}
.sleep_merit ul li div{}
.sleep_merit ul li span{font-size: 18px;text-align: center;margin-top: 20px;display: block;margin-bottom: 10px;font-weight: bold;letter-spacing: 0;}
.sleep_merit ul li h2{text-align:center;line-height:1.4;}


.sleep_target{position:relative;}
.sleep_target h2{width:100%;color:#fff;text-align:center;padding-top: 150px;position:absolute;z-index:9;text-align:center;font-weight:300}
.sleep_target h2 b{font-weight:bold;}
.sleep_target_slide{z-index:0;}
.sleep_target .swiper-slide{overflow:hidden;background:#000;height:700px;transition:all .5s;position:relative;border-right:1px solid rgba(255,255,255,0.3)}
.sleep_target .sym{position:absolute;}
.sleep_target .swiper-slide .target_img{z-index:-1;opacity:0.2;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s;}
.sleep_target p {color: #fff;font-size: 24px;font-weight: 600;line-height: 1.5;position: absolute;bottom: 150px;left: 0;text-align: center;width: 100%;}
.sleep_target span{display: block;margin-bottom: 15px;color: #fff;font-size: 10vw;text-align: center;position: absolute;width: 100%;bottom: 25%;mix-blend-mode: overlay;}
.sym{display:none;position: absolute;bottom: -50px;width: 60%;opacity: 0.2;}
.sym1{left:-10%}
.sym2{left:10%;}
.sym3{right:10%;}
.sym4{right:-10%}

.sleep_target .swiper-slide:hover .target_img{opacity:0.7;transform:scale(1.2);}

/* 일반진료 */
.general{padding:150px 0;position:Relative;}
.general:before{width: 75%;height: 100%;content: "";background: #f3f9dd;position: absolute;top: 0;right: -10%;z-index: -1;transform: skewX(15deg);transition:all .5s;}
.general_scroll:before{width:25%;transform: skewX(5deg);}
.general .ctt{width:1600px}
.main_tit_flex{width:1400px;margin:0 auto;display:flex;align-items:end;justify-content:space-between;}
.general-pagination{display:flex;width:auto !Important;gap:0px}
.general-pagination span{opacity:1;border-bottom:3px solid #e4e4e4;color;font-size:20px;width:auto;height:auto;border-radius:0px;padding-bottom:20px;width:250px;text-align:center;font-weight:bold;background:transparent;margin:0 !important;}
.general-pagination span.swiper-pagination-bullet-active{border-bottom:3px solid #005aab;color:#005aab}
.general_slide{margin-top:60px;}
.general_box{display:flex;position:relative;}
.general_img{width:55%;}
.general_img img{width:100%;border-radius:30px}
.general_txt{width: 60%;border-radius:30px;background: linear-gradient(90deg, #005aaa, #8db81e);position: absolute;right: 0;bottom: 0;height:90%;padding:70px;}
.general_tit{display:flex;justify-content:space-between;align-items:center;}
.general_tit h2{color:#fff;}
.general_tit span{color:#fff;font-weight:500;display:inline-block;mix-blend-mode: overlay;text-decoration:underline;}
.general_charac{10px}
.general_charac ul{display:flex;flex-wrap:wrap;}
.general_charac ul li{font-size:18px;color:#fff;width:50%;border-bottom:1px solid rgba(255,255,255,0.3);padding:20px;}
.general_charac ul li.full{width:100%}
.general_charac ul li img{width:20px;position:relative;top:-2px;margin-right:6px;}
.general_tre{margin-top:35px;}
.general_tre h2{color:#fff}
.general_tre h2 img{width: 22px;margin-right: 8px;position:relative;top:-2px}
.general_tre h2 span{opacity:0.8;font-size:16px;font-weight:400;margin-left:10px;}
.general_tre ul{margin-top:20px;display:flex;justify-content:space-between;}
.general_tre ul li{width:24%;position:relative;}
.general_tre ul li img{width:100%;}
.general_tre ul li b{position: absolute;left: 10px;top: 10px;width: 40px;height: 40px;background: #d50000;text-align: center;line-height: 40px;color: #ffd400;font-size: 14px;border-radius: 50px;font-weight: bold;}
.general_tre ul li p{margin-top:10px;text-align:center;color:#fff;font-weight:600;}
.general_tre ul li p span{display:block;color:#fff;line-height:0;margin-top:12px;font-weight:400;}

/* 소아진료 */
.kid_top{background:#f8f8f8;padding:150px 0;}
.kid_top .main_tit{text-align:center;}
.kid_top_box{margin-top:60px}
.kid_top_box .ctt{display:flex;justify-content:space-between;align-items:center;}
.kid_top_left{width:35%;}
.kid_top_left img{width:100%;}
.kid_top_right{width:60%}
.kid_top_right h2{}
.kid_top_right p{color:#555;margin-top:15px;}
.kid_top_right ul{display:flex;margin-top:40px;}
.kid_top_right ul li{font-size:18px;line-height:1.5;font-weight:500;width:33.3%;text-align:center;border-right:1px solid #e4e4e4;text-align:center;}
.kid_top_right ul li span{display: block;margin: 0 auto;width: 40px;height: 40px;background: #005aab;border-radius: 40px;color: #fff;line-height: 40px;font-weight: bold;margin-bottom: 15px;}
.kid_top_right ul li:last-child{border:0}
.kid{padding:150px 0;background:url('../index/images/kid_bg.jpg')no-repeat;background-size:cover;width:100%;overflow:hidden;}
.kid .ctt{width:90%;margin:0;margin-left:auto;}
.kid .main_tit{text-align:center;}
.kid .main_tit h2{color:#fff}
.kid .main_tit p{color:#fff;}
.kid_slide{margin-top:60px;display:flex;flex-wrap:nowrap;width:220%}
.kid_item{width:35%;margin-right:2%;}
.kid_item img{width:100%;border-radius:30px;}
.kid_txt{padding:30px 50px;}
.kid_txt h2{font-weight:300;color:#fff;line-height:1.3;}
.kid_txt h2 b{font-weight:bold;display:block}
.kid_txt ul{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.3)}
.kid_txt ul li{display:flex;align-items:center;margin-bottom:12px;}
.kid_txt ul li span{width: 25px;height: 25px;background: #ffffff;border-radius: 25px;text-align: center;line-height: 25px;color: #005aab;font-weight: 900;font-size: 14px;margin-right: 10px;}
.kid_txt ul li p{color:#fff;font-size:18px;}

/* 치아교정 */
.ortho{padding:150px 0 100px 0}
.ortho .main_tit{text-align:center;}
.ortho_box{display:flex;width:1200px;margin:0 auto;flex-wrap:wrap;margin-top:60px;}
.ortho_left{width:100%;position:relative;margin-top:50px;}
.ortho-pagination{z-index:10;display:flex;justify-content:center;gap:0 0px;}
.ortho-pagination span{font-size:20px;margin:0 !Important;padding:0 10px;width:250px !important;text-align:center;font-weight:bold;height:auto;border-radius:0;border-bottom:3px solid #000;padding-bottom:20px;color:#000;opacity:1;background:transparent;position:relative;}
.ortho-pagination span img{position:absolute;width:130px;top:-45px;left:55px;animation: scalePulse 1.5s ease-in-out infinite;transform-origin: center center;}

@keyframes scalePulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.98);
  }
}
.ortho-pagination span.swiper-pagination-bullet-active{border-bottom:3px solid #005aab;color:#005aab;opacity:1;}
.ortho_left_slide{height:100%;}
.ortho_left_slide .swiper-slide img{width:100%;border-radius:15px;}
.ortho_letter{position: absolute;bottom: 50px;left: 50px;font-size: 5vw; color: #fff;mix-blend-mode: overlay;}
.ortho_right{width:100%}
.ortho_right .swiper-slide{}

.ortho_pd{padding:50px;border-bottom:1px solid #e4e4e4;}
.bd0{border:0 !important}

.ortho_tit{}
.ortho_tit h2{font-weight:300;}
.ortho_tit b{font-weight:bold;}
.ortho_tit p{color:#555;margin-top:10px;}
.ortho_why{padding:50px;border-bottom:1px solid #e4e4e4}
.ortho_why h2{}
.ortho_why ul{margin-top:20px;}
.ortho_why ul li:first-child{padding-top:0;}
.ortho_why ul li{display:flex;align-items:center;padding:10px;}
.ortho_why ul li span{margin-right:12px;}
.ortho_why ul li img{width:20px;}
.ortho_why ul li p{font-size:18px;}

.ortho_how{}
.ortho_how h2{}
.ortho_how ul{display:flex;flex-wrap:wrap;gap:20px 0;justify-content:space-between;margin-top:20px}
.ortho_how ul li{width:24%;position:relative;}
.ortho_how ul li a{position: absolute;top: 10px;right: 10px;background: #005aab;color: #fff;font-size: 13px;font-weight: 600;padding: 5px 12px;border-radius: 50px;}
.ortho_how ul li a img{margin-left:10px;width:13px;filter:invert(1);}
.ortho_how2 ul li{width:32%;}
.ortho_how3 ul li{width:19%}
.ortho_how ul li img{width:100%}
.blue_back{background:blue;position:relative}
.blue_back img{opacity:0.5;}
.invi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px !Important;opacity:1 !important;}
.ortho_how ul p{font-weight:500;text-align:Center;margin-top:12px;}

.ortho_kind{}
.ortho_kind h2{}
.ortho_kind ul{margin-top:20px;display:flex;justify-content:space-between;}
.ortho_kind ul li{width:48%}
.ortho_kind ul li img{width:100%;}
.ortho_kind ul li p{color:#fff;padding:10px 0;text-align:center;}

.ortho_charac{}
.ortho_charac ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ortho_charac ul li{width:18%}
.ortho_charac ul li img{width:60px;margin:0 auto;display:block;}
.ortho_charac ul li p{line-height:1.3;text-align:center;margin-top:10px;}
.ortho_charac ul li p span{color:#777;display:block;font-size:14px}

.ortho_qna{}
.ortho_qna h2{font-weight:300}
.ortho_qna h2 b{font-weight:bold;}
.ortho_qna ul{}
.ortho_qna ul li:first-child{border:0;}
.ortho_qna ul li{border-top:1px solid #e4e4e4;padding:20px;}
.q{display:flex;align-items:start;}
.q img{width:30px;margin-right:8px;border-radius:30px;}
.q span{font-weight:bold}
.a{margin-top:10px;display:flex;align-items:start;}
.a b{color:#000;font-weight:600;}
.a img{width:30px;margin-right:8px;border-radius:30px;}
.a p{font-weight:500;font-weight:300}

/* 장애아동 */
.obs{padding:150px 0;background:url('../index/images/obs_bg.jpg')no-repeat;background-size:cover;background-attachment:fixed;}
.obs .main_tit{text-align:center;}
.obs_top{margin-top:40px;}
.obs_top ul{display:flex;justify-content:center;}
.obs_top ul li{border-radius:100px;background:#fff;border:1px solid #228595;color:#228595;padding:10px 20px;position:relative}
.obs_top ul li:nth-child(1){left: 20px;transform: rotate(-3deg);}
.obs_top ul li:nth-child(2){top: 30px;left: -20px;transform: rotate(1deg);}
.obs_top ul li:nth-child(3){right: 60px;top: 0px;transform: rotate(6deg);}
.obs_mid{margin-top:90px;}
.obs_mid h4{display:flex;align-items:center;justify-content:center}
.obs_mid h4 img{width:100px;margin-right:10px;}
.obs_mid p{margin-top:20px;color:#555;text-align:center;}
.obs_mid ul{display:flex;justify-content:center;margin-top:50px;}
.obs_mid ul li{width:32%;padding:0 40px;border-right:1px solid #d3dcb2}
.obs_mid ul li:last-child{border:0;}
.obs_mid ul li img{width:80px;margin:0 auto;display:block;}
.obs_mid ul li h5{line-height:1.4;text-align:center;font-weight:500;margin-top:12px;}

.obs_bottom{padding-top:100px;}
.obs_bottom h2{text-align:center;font-weight:bold;}
.obs_slide{margin-top:50px;}
.obs_slide .swiper-slide{background:#000}
.obs_slide .swiper-slide img{opacity:0.5;width:100%}
.obs_slide .swiper-slide p{position:absolute;top:35px;left:35px;color:#fff;font-weight:600}
.obs_slide .swiper-slide p b{color: #61fff5;font-weight: 600;}
.obs_bottom a{display:block;margin:0 auto;padding:25px 40px;text-align:center;color:#fff;font-weight:600;border-radius:100px;margin-top:80px;background:linear-gradient(45deg, #0b904c, #005aab);width:fit-content;transition:all .5s;}
.obs_bottom a .go{width:20px;filter:invert(1);margin-left:30px;transition:all .5s;}
.obs_bottom a:hover .go{margin-left:50px;}
/* 둘러보기 */
.view{padding:150px 0;background:#f8f8f8}
.view .main_tit{text-align:center;}
.m_view{display:none;}
.collage {display: grid;grid-template-columns: repeat(8, 1fr);grid-auto-rows: 100px;gap: 4px;width:100%;margin-top:40px;background: #fff;}
.collage img {width: 100%;height: 100%;object-fit: cover;display: block;}
.img1  { grid-column: span 2; grid-row: span 3; }
.img2  { grid-column: span 2; grid-row: span 1; }
.img3  { grid-column: span 2; grid-row: span 2; }
.img4  { grid-column: span 1; grid-row: span 2; }
.img5  { grid-column: span 1; grid-row: span 2; }
.img6  { grid-column: span 1; grid-row: span 2; }
.img7  { grid-column: span 1; grid-row: span 2; }
.img8  { grid-column: span 3; grid-row: span 3; }
.img9  { grid-column: span 1; grid-row: span 1; }
.img10 { grid-column: span 1; grid-row: span 3; }
.img11 { grid-column: span 2; grid-row: span 3; }
.img12 { grid-column: span 1; grid-row: span 2; }
.img13 { grid-column: span 1; grid-row: span 1; }
.img14 { grid-column: span 1; grid-row: span 2; }
.img15 { grid-column: span 2; grid-row: span 1; }
.img16 { grid-column: span 2; grid-row: span 3; }
.img17{ grid-column: span 1; grid-row: span 2; }
.img18{ grid-column: span 3; grid-row: span 2; }
.img19{ grid-column: span 1; grid-row: span 2; }
.img20{ grid-column: span 1; grid-row: span 2; }
/* 진료안내 */
.info{padding-top:150px;position:relative}
.info_sym{position: absolute;width: 30%;top: 150px;right: 0;opacity: 0.1;}
.root_daum_roughmap .wrap_controllers{display:none !important}
.info .main_tit{text-align:center;}
.info_box{margin-top:60px;display:flex;border-top:1px solid #e4e4e4;}
.info_left{width:50%;border-right:1px solid #e4e4e4;}
.info_left_top{padding:80px 50px;}
.info_left_top .api{width:100% !Important;}
.info_left_bottom{border-top:1px solid #e4e4e4;padding:80px 50px;}
.info_left_bottom h2{}
.info_left_bottom p{margin-top:10px;color:#555;}
.map_btn{margin-top:25px;display:flex;justify-content:space-between;}
.map_btn a{width:32%;border:1px solid #000;padding:15px 0;text-align:center;font-size:18px;}
.info_right{width:50%;}
.info_right_top{padding:80px 50px;}
.info_right_box{margin-top:30px;}
.mg0{margin:0;}
.info_right_tit{position:relative;margin-bottom:5px}
.info_right_tit:before{content: "";width: 4px;height: 21px;background: #005aab;margin-right: 5px;display: inline-block;position: relative;top: 2px;}
.info_right_box h2{}
.info_right_box p{font-weight:bold;}
.info_right_box p span{display:block;color:#555;font-weight:400;}
.info_right_box p b{background: linear-gradient(90deg, #005aaa, #8db81e);color: #fff;font-size: 17px;padding: 5px 15px;font-weight: bold;border-radius: 50px;margin-left: 4px;position: relative;top: -1px;}
.info_time{margin-top:46px;}
.info_time h2{}
.info_time ul{}
.info_time ul li{padding:5px;display:flex;font-size:18px;align-items:center;}
.info_time ul li:first-child{padding-top:5px;}
.info_time ul li span{width:140px;color:#555;}
.info_time ul li p{font-weight:bold;}
.info_time ul li b{margin-left: 10px;font-size: 14px;font-weight: 500;background: #1a68c8;color: #fff;padding: 5px 10px;border-radius: 8px;}
.info_notice{margin-top:30px;}
.info_notice p{font-size:18px;color:#555;}
.info_notice p span{font-weight:900;margin-right:10px;color:#000;}
.naver{padding:80px 50px;border-top: 1px solid #e4e4e4;}
.naver p{margin-top: 10px;color: #555;}
.naver a{display:block;padding:15px 0;margin-top:25px;text-align:center;border:1px solid green;color:green;font-size:18px;}

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

}

@media screen and (max-width:1600px){
  .general .ctt{width:1400px;}
  .general_box{flex-wrap:wrap}
  .general_img{width:30%}
  .general_img img{height:100%;object-fit:cover;}
  .general_txt{height:auto;width:70%;position:relative;;}
}
@media screen and (max-width:768px){
  .slide{height:500px;}
  .slide_txt{width:90%;}
  .slide_txt h1{font-size:22px;}
  .main_slide .swiper-slide img{object-position:80%;opacity:0.5;}
  .slide-pagination {width: 90% !important;bottom: 50px !important; gap: 0 10px;}
  .slide-pagination span {padding: 10px;font-size: 14px;}

  .greeting{padding:80px 0;z-index:0;}
  .gr_txt{margin-top:20px;}
  .gr_txt p{word-break:keep-all;}
  .gr_bg img{display:none}
  .gr_bg img:first-child {display: block;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;object-fit: cover;border-radius: 0 !important;opacity: 0.08;}

  .treatment{padding:80px 0}
  .treatment .main_tit{width:90%;flex-direction:column;align-items: flex-start;}
  .tre_btn{margin-top:20px;}
  .tre_btn div{width:40px;height:40px;}
  .tre_btn div img{width:10px}
  .treatment:before {width: 35%;transform: skewX(-5deg);}
  .tre-pagination{margin-top:20px;text-align:Center;}
  .tre-pagination span{border-radius:50px;}
  .tre-pagination span.swiper-pagination-bullet-active{width:25px;background:#005aab}
  .tre_list{margin-top:30px;}
  .tre_tit h4 br{display:none;}
  .tre_list ul li:after{display:none;}
  .tre_charac {position: relative;opacity: 1;top: 0;left: 0;transform: translate(0, 0);margin-top:60px;}
  .tre_charac p {font-size: 15px;padding: 10px 5px;}

  .tre_list ul li:hover .tre_tit{margin-top:0px}
  .tre_list ul li:hover .tre_txt{margin-top:20px}
  .tre_list ul li:hover:after{top:0;transform:skewY(0deg);}
  .tre_list ul li:hover .tre_charac{opacity:1;position:relative;}
  .tre_list ul li:hover .tre_txt{opacity:1;position:relative;}
  .tre_list ul li:hover .tre_charac{opacity:1;top:0%;}

  .doctor{padding:80px 0;}
  .doctor .main_tit{width:100%;text-align:center;flex-wrap:wrap;}
  .doctor .main_tit > div{width:100%;}
  .doctor .doc_btn{width:100%;justify-content:center;margin-top:10px;}
  .doc_btn div{width:40px;height:40px}
  .doc_btn div img{width:10px}
  .doctor .ctt{margin-top:25px;}
  .doc_ctt{flex-wrap:wrap;}
  .doc_img{width:100%}
  .doc_medal{width:80px;}
  .doc_txt{width:100%;padding-top:30px;padding-left:20px;}
  .doc_txt ul {margin-top: 15px;}
  .doc_txt ul li{width:100%;font-size:15px;}
  .doc_thumb {position:relative !Important;width: 100%;bottom: 0;left: 0;}
  .swiper-slide-thumb-active {margin-top: 0px;}
  .doctor:before{display:none;}

  .sleep_top{padding:80px 0}
  .sleep_box{margin-top:0;}
  .sleep_box .ctt{flex-wrap:wrap;flex-direction:column-reverse;}
  .sleep_box_txt{width:100%;margin-top:25px;}
  .sleep_box_img{width:100%;position:relative;}
  .sleep_box_tit p{word-break:keep-all;}

  .sleep_merit{padding:60px 0}
  .sleep_merit ul{margin-top:20px;gap:25px 0;flex-wrap:wrap}
  .sleep_merit ul li{width:48%}
  .sleep_merit ul li h2{font-size:15px;}
  .sleep_merit ul li b i{width:77px}

  .sleep_target .swiper-slide{height:400px;}
  .sleep_target h2{padding-top:80px;}
  .sleep_target p{bottom:80px;font-size:18px;}
  .sleep_target span{bottom:120px;}
  .merit-target-btn{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;width:90%}
  .merit-target-btn div{cursor:pointer}
  .merit-target-btn div img{width:15px;filter:invert(1);}

  .general{padding:80px 0}
  .main_tit_flex{width:100%;flex-wrap:wrap;}
  .general .main_tit{width:100%;}
  .general-pagination{margin:0 auto;width:95% !important;margin-top:20px;justify-content:center;}
  .general-pagination span{width:33.3% !important;font-size:15px;}
  .general .main_tit{text-align:center;}
  .general .ctt{width:90%}
  .general_slide{margin-top:30px;}
  .general_img{width:100%}
  .general_txt{width:100%;padding:35px;}
  .general_tit{flex-wrap:wrap}
  .general_tit span{width:100%;margin-top:3px;font-size:14px;}
  .general_charac ul li{padding:15px 5px;font-size:15px;width:100%;display:flex;}
  .general_tre h2 span{display:block;margin-left:0;margin-top:3px;width:100%:}
  .general_tre ul{flex-wrap:wrap;gap:25px 0;}
  .general_tre ul li{width:48%}

  .kid_top{padding:80px 0;}
  .kid_top_box{margin-top:30px}
  .kid_top_box .ctt{flex-wrap:wrap}
  .kid_top_left{width:80%;margin:0 auto;}
  .kid_top_right{width:100%;margin-top:30px;text-align:center;}
  .kid_top_right ul{flex-wrap:wrap;}
  .kid_top_right ul li{border-right:0;text-align:left;width:100%;display:flex;font-size:15px;padding:15px;border-bottom:1px solid #e4e4e4;}
  .kid_top_right ul li span{margin:0;margin-bottom:0;margin-right:15px;text-align:center;}
  .kid{padding:80px 0;}
  .kid_slide{margin-top:30px;width:100%;flex-wrap: wrap;}
  .kid .ctt{width:90%;margin:0 auto;}
  .kid_item{width:100%;margin-right:0;}
  .kid_txt{padding:30px 20px;}
  .kid_txt ul li p{font-size:15px;}

  .ortho{padding:80px 0}
  .ortho_box{flex-wrap:wrap;width:90%;}
  .ortho_left{width:100%;margin-top:20px;}
  .ortho_right{width:100%}
  .ortho-pagination {top: 30px !important;width:100% !Important;}
  .ortho-pagination span{width:33.3% !Important;padding-bottom:10px;font-size:16px;}
  .ortho-pagination span img {width: 100%;top: -53px;left:0;}
  .ortho_pd{padding:20px;}
  .ortho_tit p{word-break:keep-all}
  .ortho_tit p br{display:none;}
  .ortho_why ul li p{font-size:15px;word-break:keep-all}
  .ortho_why ul li {padding: 10px 0;line-height: 1.5;}
  .ortho_how2 ul li{width:48%;}
  .ortho_how ul li{width:48%;}
  .ortho_charac ul{flex-wrap:wrap;justify-content:center;gap:20px 0;}
  .ortho_charac ul li{width:33.3%;}
  .ortho_charac ul li img{width:40px;}

  .ortho_qna ul li{padding:20px 0;}
  .q{align-items:center;}
  .a p, .q span{word-break:keep-all;font-size:14px;}
  .a p br{display:none;}

  .ortho_how3 ul li{width:48%}

  .obs{padding:80px 0}
  .obs_top ul{flex-wrap:wrap}
  .obs_top ul li{font-weight:600;text-align:center;word-break:keep-all;line-height:1.4;}
  .obs_top ul li:nth-child(2){top:0;left:0;}
  .obs_top ul li:nth-child(3){right:0;}
  .obs_mid{margin-top:30px;}
  .obs_mid h4{line-height:1.4;text-align:center;flex-direction:column;flex-wrap:wrap}
  .obs_mid h4 img{width:120px;display:block;margin-right:0;margin:0 auto ;margin-bottom:14px;}

  .obs_mid ul{flex-wrap:wrap;margin-top:25px;}
  .obs_mid ul li{padding:0;padding:20px ;width:100%;display:flex;align-items:start;border:0;border-bottom:1px solid #e4e4e4;}
  .obs_mid ul li img{margin:0;margin-right:15px;width:35px}
  .obs_mid ul li h5{margin-top:0;font-size:16px;text-align:left;}
  .obs_bottom{padding-top:40px;}
  .obs_bottom a{padding:15px 25px;}
  .obs_slide{margin-top:30px}
  .obs-pagination{margin-top:25px;text-align:center;}
  .obs-pagination span.swiper-pagination-bullet-active{background:#005aab;}
  .view{padding:80px 0;}
  .pc_view{display:none}
  .m_view{display:block;position:relative;margin-top:30px;}
  .view_slide .swiper-slide img{width:100%;}
  .view_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;justify-content:space-between;width:90%;display:flex;}
  .view_btn div{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:40px;}
  .view_btn div img{width:12px;filter:invert(1)}

  .info{padding-top:80px;}
  .ft_api{height:300px !Important;}
  .info_box{flex-wrap:wrap;margin-top:30px;}
  .info_left{width:100%}
  .info_right{width:100%;}
  .info_right_box p b{font-size:14px;}
  .info_left_top{padding:30px;}
  .info_left_bottom{padding:30px;}
  .map_btn a{font-size:14px;padding:10px 0;}
  .info_right_top{padding:30px;}
  .info_time ul li{font-size:15px;}
  .info_notice p{font-size:15px;}

  .naver{padding:30px;}
  .naver a{font-size:15px;}

}

@media screen and (max-width:499px){
  .tre_list ul li{height:500px;}
  .doc_txt h2{font-size:16px;}
  .doc_thumb .swiper-slide-thumb-active p{font-size:14px;}
  .sleep_merit ul li h2{font-size:14px;word-break:keep-all;}
  .ortho-pagination span img {width: 100%;top: -41px;}
  .info_right_box p b{width:fit-content;display:Block;margin-left:0;margin-top:5px;}
  .info_time ul li{flex-wrap:wrap;}
  .info_time ul li span{width:90px;}
  .info_time ul li b {font-size: 14px;margin-left: 0;
    width: 100%;text-align: center;margin-top: 5px;}
}