/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:2%; right:2rem; z-index:99; text-align:center; cursor:pointer; display: none;}
.right-quick-menu li {background:#bbb; width:87px; height:87px; line-height:87px; border-radius:100%; text-align:center; cursor:pointer; margin-bottom:7px;}
.right-quick-menu li img {margin-bottom:-20px;}
.right-quick-menu li:hover {background:#AD3371;}
.container {height:100%;}


.slick-list,
.slick-track {height: 100%;}
.slick-list * {outline: none;}

.fade {position: relative; opacity: 0; transition: 1s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-50px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-50px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-50px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-50px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}
.fade-delay4 {transition-delay: 1.8s;}
.fade-delay4-5 {transition-delay: 2.0s;}

/* 스크롤  */
.icon-scroll {position:fixed;bottom:0px;left:calc(50% - 25px);z-index:999; padding:0px 0 20px;;}
.icon-scroll div {transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:53px;height:53px;background:url(../images/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}
.icon-scroll.off {display:none;}
.h-tit {font-size:45px; font-weight:700; font-family: 'esamanru';}
img.img100 {width:100%;max-width:1200px;}

/* 섹션별 */
/* #main_page { display: flex; justify-content: center; align-items: center;} */
.slider-01 {background-image: url(../images/bg_01.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-02 {background-image: url(../images/bg_01_2.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-03 {background-image: url(../images/bg_01_3.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-04 {background-image: url(../images/bg_01_4.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.mainslide {height:100vh; width:100vw;}
.mainslide .swiper-wrapper {width:100%;}
.mainslide .swiper-slide { color:#333; position: relative; box-sizing: border-box; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.mainslide .swiper-slide .dim {display:block; width:100%; height:100%; background-color:rgba(0,0,0,.4);position: absolute;}
.mainslide .con { padding:5% 6% 6%; width:50%; height:50vh; text-align:center; }
.mainslide .con .main_text img {width:90%; max-width:600px; padding-top:20px;}
.mainslide .swiper-slide span {font-size:70px; font-weight:700;letter-spacing:-.05em;}
.mainslide .swiper-slide .line_main {width:50%; height:7px; background:linear-gradient(90deg, rgba(256, 256, 256, 0), #e45d0f,rgba(256, 256, 256, 0)); margin:0 auto;}
.mainslide .swiper-slide .tit {font-size:25px; font-weight:500; letter-spacing:-.01em; line-height: 1.4em; margin:40px 0 30px;}
.mainslide .swiper-slide .tit.white {color:#fff;}
.mainslide .swiper-slide-active span {animation:ani .8s .3s both;}
.mainslide .swiper-slide-active .tit {animation:ani .8s .7s both;}

.mainslide .swiper-pagination {background:rgba(0,0,0,.4); color:#fff; width:80px; height:35px; line-height: 35px; border-radius: 30px; font-size:15px; margin-left:5.5%; margin-bottom:5%;}


@keyframes ani {
	0% {opacity:0; transform:translateX(-170px)}
	100% {opacity:1; transform:translateX(0px)}
}

#clinic_cate {background: url(../images/bg_02.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#clinic_cate .d-p-standard {width:1200px;}
#clinic_cate h1 {margin-bottom:2%;}
#clinic_cate h1 span {color:#488dba;}
#clinic_cate h5 {font-size:22px; line-height:1.6em; margin-top:35px; margin-bottom:45px;}
#clinic_cate ul.cate {gap:10px; justify-content: center;}
#clinic_cate ul.cate li {width:17%; box-sizing: border-box; color:#fff; font-size:33px; font-weight:700; letter-spacing: -1.5px; background-color:#254e68; border-radius:10px; padding:5px;}
#clinic_cate ul.cate li.even  {background-color:#488dba;}

#clinic_cate ul.clinic {gap:10px; justify-content: center; margin-top:40px;}
#clinic_cate ul.clinic li {width:29%; height:220px; box-sizing: border-box; border-radius: 20px; border:4px solid #fff;}
#clinic_cate ul.clinic li:nth-child(1) {background-image: url(../images/clinic_01.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
#clinic_cate ul.clinic li:nth-child(2) {background-image: url(../images/clinic_02.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
#clinic_cate ul.clinic li:nth-child(3) {background-image: url(../images/clinic_03.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}

#clinic_cate .txt_box {width:90%; max-width:850px; font-size:22px; color:#333; margin:0 auto; padding:0 30px; margin-top:60px; line-height: 1.8em; border-right:1px solid #333; border-left:1px solid #333;}

#list {background: url(../images/bg_03.jpg) no-repeat right bottom/cover; display: flex; align-items: center; justify-content: center;}
#list .d-p-standard {width:1200px;}
#list h1 {color:#fff; letter-spacing:-.05em;}
#list ul {display:flex; text-align: left; box-sizing:border-box; margin-top:20px;}
#list ul .left {width:10%;}
#list ul .left img {width:90%; max-width:80px;}
#list ul .right {width:80%; background:#fff; border-radius:0 30px 0 30px; padding:13px; text-align: center;}
#list ul .right img {width:90%; max-width:600px;}
.dental-special {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 90px 20px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f7fbff;
}

.dental-special .special-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,0.86), rgba(245,250,255,0.95)),
        url("../images/special_bg.jpg") no-repeat center/cover;
    z-index: 0;
}

.dental-special::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -160px;
    width: 520px;
    height: 520px;
    background: rgba(0, 119, 204, 0.08);
    border-radius: 50%;
}

.special-inner {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.special-title p {
    font-size: 16px;
    letter-spacing: 8px;
    color: #0066b3;
    font-weight: 600;
    margin-bottom: 15px;
}

.special-title span {
    display: block;
    width: 50px;
    height: 3px;
    background: #0066b3;
    margin: 0 auto 28px;
}

.special-title h2 {
    font-size: 56px;
    font-weight: 800;
    color: #222;
    letter-spacing: -4px;
    margin-bottom: 22px;
}

.special-title h2 b {
    color: #0066b3;
}

.special-title h3 {
    font-size: 23px;
    color: #555;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: 80px;
}

.special-card-wrap {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.special-card {
    position: relative;
    width: 33.333%;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(0, 112, 200, 0.18);
    border-radius: 28px;
    padding: 70px 0 0;
    box-shadow: 0 18px 45px rgba(0, 80, 150, 0.13);
    overflow: visible;
    transition: 0.4s;
}

.special-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 28px 60px rgba(0, 80, 150, 0.22);
}

.icon-box {
    position: absolute;
    top: -52px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /* background: linear-gradient(135deg, #2c86d6, #0055a8); */
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 46px;
    /* box-shadow: 0 15px 30px rgba(0, 85, 168, 0.28); */
}
.icon-box img {width:100%; max-width:110px;}
.special-card .num {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: 800;
    color: #e6bb00;
    margin-bottom: 15px;
}

.special-card .num::before,
.special-card .num::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 80px;
    height: 1px;
    background: #e6bb00;
}

.special-card .num::before {
    right: 55px;
}

.special-card .num::after {
    left: 55px;
}

.special-card h4 {
    font-size: 34px;
    font-weight: 800;
    color: #222;
    letter-spacing: -2px;
    margin-bottom: 18px;
}

.special-card p {
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    letter-spacing: -1px;
    margin-bottom: 30px;
}

.card-img {
    width: 100%;
    height: 230px;
    border-radius: 0 0 28px 28px;
    overflow: hidden;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.5s;
}

.special-card:hover .card-img img {
    transform: scale(1.08);
}

.special-bottom {
	width:90%; max-width:900px;
    margin: 10px auto;
    padding: 25px 20px;
    background: linear-gradient(90deg, #0055a8, #0078d7);
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -1px;
    border-radius: 40px;
    box-shadow: 0 12px 28px rgba(0, 85, 168, 0.25);
}

.special-bottom i {
    font-size: 23px;
}

#distiction {background: url(../images/bg_04.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#distiction h1 {margin-bottom:8px; color:#fff;}
#distiction .night {margin:50px 0;}
#distiction .night img {width:100%; max-width:860px;}
#distiction .ment {font-size:17px; color:#a2e4f8; margin-bottom:50px;}

.doc_page {background: url(../images/bg_05.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center; gap:5%;}
.doc_page .left {width:45%; box-sizing: border-box;}
.doc_page .right {width:45%; box-sizing: border-box}
/* .doc_page .right img {width:100%; max-width: 600px;} */
.doc_page .left { color:#fff; display:flex; flex-direction: column; padding-left:5%;}
.doc_page .left p {color:#e9f0f3; font-size:17px; font-weight:300; line-height: 1.7em; margin-top:50px;}
.doc_page .left h1 {border-bottom:1px solid #fff;}
.doc_page .left h1 span.box {font-size:19px; padding:4px 10px; background:#cc5c01; color:#fff;}
.doc_page .bold {font-weight:600;}

#about {background: #f2f2f2; display: flex; justify-content: center; align-items: center;}
#about h1 span.box {display:inline-block; padding:1px 8px; color:#fff; background:#e36630;}
#about p {margin-top:10px;} 
#about .inner { padding:3%; position:relative;}
#about .inner p {font-size:27px; color:#333; font-weight:600; letter-spacing: -2px; width:70%; margin-bottom:10%; margin:0 auto;}
#about .inner p:nth-child(2) {font-size:29px; color:#fff; padding-top:13%;}
#about .inner p span {padding:0 7px; color:#555; background:#fff;}
#about ul {width:100%; max-width:1000px; text-align: left; margin:0 auto; background:#fff; padding:4%; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);}
#about ul li {font-size:21px; font-weight:500; padding:14px;}
#about ul li span {display:inline-block; padding:0 20px; margin-right:10px; height:100%; background:#508aca; color:#fff; font-weight:600;}
#about ul li span.e {background: #f1727c;}
#about .swiper_view {overflow: hidden;}
#about .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:-8px; background:url(../images/pre.png); width:50px; height:165px;top:40%;}
#about .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-8px; background:url(../images/next.png);width:50px; height:165px;top:40%;}
#about .swiper {width:85%; height:auto;  margin:20px auto;}

#foot_page {background: url(../images/bg_07.jpg) no-repeat center/cover; display: flex; align-items: center; justify-content: center; color:#fff;}
#foot_page .d-flex .left {width:50%;}
#foot_page .d-flex .left p.f-size32 {letter-spacing: -3px;}
#foot_page .d-flex .left p span.w-gap {display:inline-block; width:150px;}
#foot_page .d-flex .right {width:50%; }
#foot_page .d-flex .right img {margin:10px 0; width:100%; max-width:750px;}
#foot_page .phone_num a {font-size:43px; font-weight:600; color:#fff;}
#foot_page .phone_num a span {font-weight:300; color:#fff; }
#foot_page .f-size32 {font-size: 28px;}
#foot_page .f-size20 {font-size: 17px; line-height: 1.8em;}
#foot_page span.box {display:inline; padding:1px 8px; color:#fff; background:#e36630;}


/* 푸터 */
#footer {background-color: #000; padding:30px 0 60px;}
#footer h1 {color:#ccc; font-weight:700; font-size:33px; letter-spacing:-3px;}
#footer .bottom-menu a {color:#fff;}
#footer .copytxt p {line-height: 20px; }
#footer .bottom_menu li {margin:0 20px; position:relative; color:#fff;}
#footer .bottom_menu li a { color:#ccc;}
#footer .bottom_menu li a:hover {text-decoration: underline;}
#footer .bottom_menu li::after {display: block; content:''; width:1px; height:15px; background:#fff; position:absolute; top:5px; left:-17px;}
#footer .bottom_menu li:first-child::after {display: none;}
#footer .line {width:100%; height:1px; background-color:#555; margin-top:30px;}


/* 반응형미디어쿼리 */

@media(max-width:1440px) {
	.h-tit {font-size:30px;}
	header {padding:17px 0 15px 0 !important; height:auto;}
	header.scroll {height:44px;}
	header .header-wrap {text-align: center; justify-content: center;}
	header .header-wrap .right-menu {display:none;}
	header .header-wrap .logo img {width:190px;}
	header .header-wrap .mobile-menu-opener {display: inline-block; top:40%; margin-top:-11px;color: #262626;}
	header.scroll .header-wrap .mobile-menu-opener {color: #262626;}
	.mainslide .swiper-slide .tit {font-size:17px;}
	.mainslide .con img {width:80%; max-width:400px;}
	.mainslide .con .main_text img {max-width:400px;}
	#headerInner {height:40px;}
	#headerInner .logo {width:260px; padding:0; margin-top:0px;}
	#header {height:40px;}
	#header .naver-blog-link {top:18px; right: 70px;}
	#gnb {top: 0; right: 0;}
	#gnb > ul {margin-right:130px;}
	#gnb.each-menu > ul > li .gnb-2dep {top: 60px;}
	.nav-open-btn {top:20px; right:20px;}
	#main_page .con p {font-size:17px;}
	#main_page .con h3 {font-size:19px; margin-top:10px;}
	#main_page .con h1 img {width:250px; margin:10px 0;}
	#main_page .con .p-line {margin:5px auto;}
	#clinic_cate ul li p {font-size:21px;}
	#clinic_cate ul.clinic li {height:150px;}
	#clinic_cate h5 {font-size:18px; margin-top:15px; margin-bottom:20px;}
	#clinic_cate .txt_box {font-size:15px; margin-top:20px;}
	#list .inner {padding:2%;}
	#list .inner ul li span {font-size: 19px;}
	#list .inner_bottom p {font-size:19px; line-height: 1.4em;}
	 #list h1 {padding:10px 0 10px; font-size:32px; margin-bottom:0;}
	#list .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#list ul {margin-top:10px;}
	#list ul li h2 {font-size:18px; margin-top:5px;}
	#list ul li img {width:85%; border-radius:12px;}
	#list p {font-size:15px;}
	#distiction h5 {font-size:18px; margin-top:5px; margin-bottom:10px;}
	#distiction ul {display:flex; flex-wrap:wrap; gap:15px; color:#fff; justify-content: center;}
	#distiction ul h3 {font-size:19px; margin:5px;}
	#distiction ul h4 {font-size:18px; padding:1px 5px;}
	#distiction ul h4 b {font-weight:700;}
	#distiction ul h5 {font-size:17px; margin:5px;}
	#distiction ul li p {font-size:12px;}
	#distiction ul li img {padding-bottom:10px;}
	#distiction ul li {width:22%;}
	.doc_page {align-items: center;}
	.doc_page .d-flex .left {width:50%;}
	.doc_page .d-flex .right {width:50%;}
	.doc_page .d-flex .right img {width:80%; }
	.doc_page .d-flex .right {padding-top:1%;}
	.doc_page .d-flex .right h3 {margin-top:50px; font-size:26px;}
	.doc_page .d-flex .right p {margin-top:10px;}
	#foot_page .d-flex .left p.f-size32 {font-size:22px;}
	img.img-tit {width:300px;}
	#gnb {display:none;}
	.mainslide .swiper-slide span {font-size:50px;}
}
@media(max-width:1000px) {
	.h-tit {font-size:25px;}
	.mainslide .swiper-slide span {font-size:35px;}
	.mainslide .con {width:88%;}
	header {border-bottom:1px solid rgba(255,255,255,0);;}
    header .headerwrap {width:90%;}
    header .no-scroll img {display:none;}
    header .header-wrap .scroll-logo {display:block;}
    #headerInner {height:48px;}
    #headerInner .logo {width:180px; padding:0;}
    #header {height:48px;}
	.fade {position: relative; opacity: 0; transition: 0.8s;}
    .fade-fast {transition: 0.05s;}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,
	#fp-nav ul li a span, .fp-slidesNav ul li a span {display:none;}
	#navigation > li > a {font-size:15px; padding:10px;}
	#navigation > li .gnb-2dep {font-size:14px;}
	img.img-tit {width:300px;}
	.fade {position: relative; opacity: 0; transition: 0.8s;}
    .fade-fast {transition: 0.05s;}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,
	#fp-nav ul li a span, .fp-slidesNav ul li a span {display:none;}
	.section01 .d-flex .left, .section01 .d-flex .right,
	.section04 .d-flex .left, .section03 .d-flex .right,
	.section02 .d-flex .left, .section02 .d-flex .right,
	.section06 .d-flex .left, .section06 .d-flex .right,
	#foot_page .left, #foot_page .right	 {width:100%;}
	
	.slider-01 {background: url(../images/bg_01_m.jpg) no-repeat center/cover;}
	#main_page .con h1 img {width:200px;}
	#main_page .con h2 {width:90%;}
 	#main_page .con p {font-size:15px; width:100%; padding:10px 0;}
	#main_page .con img {margin:2px 0; width:240px;}
	#main_page .con h3 {font-size:15px;width:85%; margin-top:10px; padding:15px;}
	#main_page .con .p-line {width:70px;}
	#clinic_cate .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#clinic_cate h5 {font-size:13px; margin-bottom:20px;}
	#clinic_cate ul li {width:46%; margin-bottom:5%;}
	#clinic_cate ul li img {width:60%;}
	#clinic_cate ul li p {font-size:15px; margin:10px 0 10px;}
	#clinic_cate ul li span.txt {font-size:13px; margin-bottom:20px;}
	#clinic_cate ul.clinic {margin-top:20px;}
	#clinic_cate ul.clinic li {width:30%; height:88px; border-radius:7px;}
	#clinic_cate ul.cate {gap:5px;}
	#clinic_cate ul.cate li {width:21%; font-size:25px;}
	#clinic_cate .txt_box {width:90%; font-size:13px; margin-top:25px;}
	#foot_page .d-flex .left p span.w-gap { width:115px;}
	.dental-special {
        padding: 70px 18px;
    }

    .special-title p {
        font-size: 12px;
        letter-spacing: 4px;
    }

    .special-title h2 {
        font-size: 34px;
        letter-spacing: -2px;
    }

    .special-title h3 {
        font-size: 16px;
        margin-bottom: 70px;
    }

    .special-card-wrap {
        flex-direction: column;
        gap: 75px;
		margin-bottom:50px;
    }

    .special-card {
        width: 100%;
        padding-top: 85px;
    }

    .special-card h4 {
        font-size: 28px;
    }

    .special-card p {
        font-size: 17px;
    }

    .card-img {
        height: 210px;
    }

    .special-bottom {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 20px;
        font-size: 16px;
        border-radius: 20px;
        line-height: 1.5;
    }
	.special-bottom span.m-enter {display:block;}
	#distiction h5 {font-size:14px;}
	#distiction ul h3 {font-size:18px; margin:15px;}
	#distiction ul h4 {font-size:16px;}
	#distiction ul h5 {font-size:20px; color:#b8d0ff; margin:10px;}
	#distiction ul li p {font-size:14px; color:#ccc;}
	#distiction ul li img {padding-bottom:20px;}
	#distiction ul li {width:100%; text-align:left;}
	#distiction .pc {display:none;}
	#distiction .mc {display:block;}
	.doc_page {background: url(../images/bg_05_m.jpg) no-repeat center/cover; }
	.doc_page .d-flex .left {width:100%; padding-top:40px;}
	.doc_page .d-flex .right {width:100%;}
	.doc_page .left p {margin-top:15px;}
	.doc_page .f-size20 {font-size:16px;}
	#about ul {padding:7% 10px;}
	#about ul li {font-size:15px; padding:9px;}
	#about ul li span {padding:0 10px; margin-right:5px;}
	#about h1 img {width:35px;}
	#about .swiper {width:90%; height:auto; margin:5px auto;}
	#about .swiper img {width:90%; height:500px;}
	#about .swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none;}
	#about .swiper-button-prev, .swiper-container-rtl .swiper-button-next {display:none;}
	#main_page .d-flex .left img {margin-top:5%;}
	#main_page .d-flex .right .f-size22 {font-size: 17px;}
	#main_page .d-flex .right h3 {font-size:23px; margin-left:0; margin-top:0;line-height: 1.3em;}
	#main_page .d-flex .right p {font-size:12px; margin-left:0;}
	#main_page .f-size18 {font-size:16px;}
	#foot_page .d-flex .left {width:100%; padding-top:4%; margin-left:4%;}
	#foot_page .d-flex .right {width:100%;}
	#foot_page .left .mt-20 {margin-top:5px;}
	#foot_page .left .mt-40 {margin-top:20px;}
	#foot_page .left .mt-100 {margin-top:20px;}
	#foot_page .d-flex .right img {width:100%;}
	#foot_page .f-size32 {font-size: 22px;}
	#foot_page .f-size20 {font-size: 14px;}
	#foot_page .phone_num a {font-size:35px;}
	#footer h1 {font-size:25px; margin-bottom:10px;}
	#footer .f-size15 {font-size:13px;}
}
@media(max-width:600px) {
	.h-tit, #list h1 {font-size:22px;}
	.mb-50 {margin-bottom:30px;}
	.mt-50 {margin-top:25px;}
	.mainslide .swiper-slide .tit {margin:5px 0 10px;}
	#main_page .con p {font-size:13px;}
	#list h1 {margin-top:10px;}
	#list p {font-size:13px; margin-top:10px;}
	header {padding:20px 0 7px 0 !important; height:auto;}
	#list ul li {padding:10px 0;}
	#list ul li p {font-size:13px;}
	#about ul li b.m {display:block; margin-left:40px;}
	#about .swiper img {width:100%; height:auto;}
	#about .swiper {width:100%; height:auto; margin:5px auto;}
	.doc_page .d-flex .right p {font-size:13px;}
	.doc_page .left p {font-size:13px;}
	#clinic_cate .txt_box {padding:0 15px;}
	.icon-box img {max-width:70px;}
	.gap80  {height:50px;}
	.special-card {padding-top:45px;}
	.special-card p {margin-bottom:20px;}
	.special-card h4 {margin-bottom:10px; font-size:22px;}
    #distiction .ment {font-size:13px; margin-bottom:30px;}
}
@media(max-width:320px) {
	img.img-tit {width:250px;}
	#main_page .con h1 img {width:160px;}
	#about ul li {font-size:12px;}
	#foot_page .d-flex .left p span.w-gap {width:100px;}
	#foot_page .f-size20 {font-size:12px;}
	#foot_page .phone_num a {font-size:25px;}
	#about ul li b.m {display:inline;}
}