@charset "utf-8";

/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'Inter';
    src: url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    unicode-range: U+0020-007E;
}
/* font */

/* reset */
*{margin: 0; padding: 0; list-style: none; font-family: 'Pretendard','Inter','sans-serif'; letter-spacing: 0; box-sizing: border-box;}
html{font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{font-size: 1.4rem; word-break: keep-all; width: 100%; max-width: 100%; margin: 0 auto;}
a{text-decoration: none;}
img, picture, video{width: 100%; height: 100%; display: block; object-fit: cover;}
button{border: 0; background-color: transparent;}
.input{font-family: 'Pretendard'; appearance:none;}
.textarea{resize: none; font-family: 'Pretendard'; appearance:none;}
input.input::placeholder{color: #727272; font-size: 14px; font-family: 'Pretendard';}
textarea::placeholder{color: #727272; font-size: 14px; font-family: 'Pretendard';}
/* reset */

/* swiper */
#wrap .swiper-pagination-bullet-active{background-color: #214183;}
.hero.swiper-container .hero-pager{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 11; display: flex; justify-content: center; gap: 4px;}
.treatment-case .case-wrap.swiper-container .case-pager{display: flex; justify-content: center; gap: 4px; margin-top: 20px;}
.mini-slider.swiper .space-pager{display: flex; justify-content: center; gap: 4px; margin-top: 20px;}
.medical-space .swiper-button-prev, .medical-space .swiper-button-next{color: #214183;}
.medical-space .swiper-button-prev{}
.medical-space .swiper-button-next{}
/* swiper */

/* layout */
#wrap{width: 100%;}
#wrap .sec{padding: 0 110px; margin-top: 150px;}
.bg-gray{background-color: #f5f5f7;}
#wrap .sec .title-wrap{text-align: center; line-height: 1.5; margin-bottom: 52px;}
#wrap .sec .title-wrap .sec-title{font-size: 30px; color: #214183; font-weight: 800;}
#wrap .sec .title-wrap .sub-title{font-weight: 400; font-size: 18px; color: #949494; display: block; padding-top: 14px;}

.m-img{display: none;}
.eng{font-family: 'Inter';}

/* header */
header{width: 100%; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
header nav{display: flex; justify-content: space-between; align-items: center; padding: 7px; max-width: 1520px; margin: 0 auto;}
header nav .header-logo{width: 60px; height: 60px;}
header nav .nav-list{display: flex;}
header nav .nav-list .list-item{padding: 11px 15px;}
header nav .nav-list .list-item a{color: #414141; font-size: 16px; font-weight: 500; transition: all .3s;}
header nav .nav-list .list-item:hover a{color: #6a84ba;}
header nav .right-wrap{display: flex; gap: 42px; align-items: center;}
header nav .right-wrap .lang-btn{height: 48px;}
header nav .right-wrap .lang-btn .lang-main{width: 100%; height: 100%; display: block; padding: 10px; font-weight: 600; background-color: #fff; position: relative;}
header nav .right-wrap .lang-btn .lang-main button{background: url(./img/arrow_down.svg)no-repeat center center; width: 20px; height: 20px; transition: all .3s; cursor: pointer;}
header nav .right-wrap .lang-btn .lang-main button.active{transform: rotate(-180deg);}
header nav .right-wrap .lang-btn li a{color: #414141; display: flex; gap: 10px; align-items: center;}
header nav .right-wrap .lang-btn .lang-sub.view{display: block;}
header nav .right-wrap .lang-btn .lang-sub{display: none; position: absolute; z-index: 11; background-color: #fff; width: 100%; left: 0; top: 48px; border-radius: 0 0 6px 6px; overflow: hidden;}
header nav .right-wrap .lang-btn .lang-sub li{width: 100%; height: 100%; display: block; padding: 10px; font-weight: 600; background-color: #fff; transition: all .3s;}
header nav .right-wrap .lang-btn .lang-sub li:hover{background-color: #f5f5f7;}
header nav .right-wrap .blog-btn{padding: 14px 30px; background-color: #214183; color: #fff; font-size: 16px; font-weight: 500; display: inline-block; transition: all .3s;}
header nav .right-wrap .blog-btn:hover{background-color: #3a69c7;}
header nav .m-menu{display: none;}
.m-menu-depth.on{display: block;}
.m-menu-depth{width: 100%; background-color: #f5f5f7; position: absolute; top: 0; z-index: 10; padding: 20px 20px 0 20px; display: none;}
.m-menu-depth .close-btn{background: url(./img/close.svg)no-repeat center center; width: 40px; height: 40px; position: absolute; right: 20px; top: 20px;}
.m-menu-depth .m-nav{padding: 20px 0;}
.m-menu-depth .m-nav .nav-list{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.m-menu-depth .m-nav .nav-list li{padding: 15px 0; width: 100%; border-bottom: 1px solid #dfdfdf; text-align: center;}
.m-menu-depth .m-nav .nav-list li a{color: #414141; font-size: 16px; font-weight: 500;}
.m-menu-depth .m-nav .right-wrap{display: flex; justify-content: space-between; padding-top: 15px; flex-wrap: wrap; gap: 15px;}
.m-menu-depth .m-nav .right-wrap .lang-btn{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;}
.m-menu-depth .m-nav .right-wrap .lang-btn li{background-color: #414141; padding: 6px 16px; border-radius: 4px; }
.m-menu-depth .m-nav .right-wrap .lang-btn li a{display: block; color: #fff;}
.m-menu-depth .m-nav .blog-btn{text-align: center; display: block; padding: 6px 16px; background-color: #214183; border-radius: 4px; color: #fff;}
/* header */

/* hero */
.hero{width: 100%; overflow: hidden; position: relative;}
.hero ul{display: flex; width: 100%;}
.hero ul li{width: 100%; height: 615px; flex: none; position: relative;}
.hero ul li img{object-fit: cover;}
.hero ul li .txt-area{position: absolute; top: 50%; transform: translateY(-50%); left: 210px; padding: 0 50px;}
.hero ul li .txt-area .slide-txt{animation: fadeInUp 1s;}
.hero ul li .txt-area .slide-txt strong{font-size: 48px; font-weight: 800; color: #214183;}
.hero ul li .txt-area .slide-txt p{font-weight: 600; color: #373737; font-size: 30px; padding-top: 18px;}
.hero ul li .txt-area .slide-txt p br{display: none;}
.hero ul li .txt-area .go-naver{padding: 20px 24px; color: #fff; background-color: #214183; border-radius: 14px; width: 100%; margin-top: 60px; font-size: 24px; font-weight: 600; cursor: pointer; animation: fadeInUp 1s;}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
/* hero */

/* special */
#wrap .sec.mdc-special{width: 100%; max-width: 1500px; margin: 44px auto 0;}
.mdc-special .mdc-wrap{display: flex; align-items: center; padding: 0 50px;}
.mdc-special .mdc-wrap .mdc-list{display: flex; gap: 24px; align-items: center; justify-content: center; width: 100%;}
.mdc-special .mdc-wrap .mdc-list .mdc-img{flex: none; width: 135px; height: 135px; border-radius: 12px; overflow: hidden;}
.mdc-special .mdc-wrap .mdc-list .mdc-img.spc01{background: url(./img/special_icon01.svg)no-repeat center / contain;}
.mdc-special .mdc-wrap .mdc-list .mdc-img.spc02{background: url(./img/special_icon02.svg)no-repeat center / contain;}
.mdc-special .mdc-wrap .mdc-list .mdc-img.spc03{background: url(./img/special_icon03.svg)no-repeat center / contain;}
.mdc-special .mdc-wrap .mdc-list .mdc-text{width: 100%;}
.mdc-special .mdc-wrap .mdc-list .mdc-text strong{font-size: 20px; color: #373737; font-weight: 600; line-height: 1.5; padding-bottom: 18px; display: block;}
.mdc-special .mdc-wrap .mdc-list .mdc-text p{font-size: 16px; color: #414141;}
/* special */

/* doctor */
.doctor-intro{margin: 0 auto; max-width: 1500px;}
.doctor-intro .intro-wrap{display: flex;  width: 100%; justify-content: space-between; align-items: center; margin: 0 auto;}
.doctor-intro .intro-wrap .img-area{flex: none;}
.doctor-intro .intro-wrap .text-area{width: 58%;}
.doctor-intro .intro-wrap .text-area .doctor-title{margin-bottom: 40px;}
.doctor-intro .intro-wrap .text-area .doctor-title strong{font-weight: 800; font-size: 30px; color: #214183; display: flex; align-items: center; gap: 14px;}
.doctor-intro .intro-wrap .text-area .doctor-title .eng{font-weight: 400; font-size: 18px; font-family: 'Inter';}
.doctor-intro .intro-wrap .text-area .carrea-list{display: flex; flex-wrap: wrap; gap: 20px;}
.doctor-intro .intro-wrap .text-area .carrea-list li{display: flex; gap: 18px; font-size: 18px; width: 48%; font-weight: 400; color: #414141;}
.doctor-intro .intro-wrap .text-area .carrea-list li::before{content: '·'; color: #414141;}
.doctor-intro .intro-wrap .text-area .carrea-list li.blue{color: #214183; font-weight: 500;}
.doctor-intro .intro-wrap .text-area .carrea-list li.blue::before{content: '·'; color: #214183;}
.doctor-intro .intro-wrap .text-area .comment{padding: 30px 36px; background-color: #f5f5f7; border-radius: 8px; color: #373737; font-size: 20px; font-weight: 600; margin-top: 40px; line-height: 1.6;}
/* doctor */

/* subject */
.mdc-subject .subject-area{width: 100%; max-width: 1500px; margin: 0 auto;}
.mdc-subject .subject-area ul{display: flex; flex-wrap: wrap; gap: 25px; padding: 0 40px; justify-content: center;} 
.mdc-subject .subject-area li{padding: 16px; background-color: #f5f5f7; border-radius: 8px; text-align: center; width: 23.5%;} 
.mdc-subject .subject-area li .subject-img{padding: 0 40px; margin-bottom: 28px;}
.mdc-subject .subject-area li .text-area{}
.mdc-subject .subject-area li .text-area strong{font-size: 20px; font-weight: 600; color: #373737; text-align: center;}
.mdc-subject .subject-area li .text-area p{font-size: 16px; line-height: 1.6; color: #414141; padding-top: 14px;}
/* subject */

/* implant */
#wrap .sec.implant{padding-bottom: 50px;}
#wrap .sec.implant .title-wrap{padding-top: 50px;}
.implant .implant-wrap{margin: 0 auto; max-width: 1500px;}
.implant .implant-wrap .implant-list{display: flex; gap: 24px; align-items: flex-start;}
.implant .implant-wrap .implant-list li{background-color: #fff; border-radius: 8px; padding: 36px 16px; width: calc((100% - 24px)/4);}
.implant .implant-wrap .implant-list li .implant-img{flex: none; width: 192px; height: 140px; margin: 0 auto;}
.implant .implant-wrap .implant-list li .text-area{}
.implant .implant-wrap .implant-list li .text-area strong{font-size: 22px; font-weight: 700; color: #373737; text-align: center; display: block; padding: 18px 0;}
.implant .implant-wrap .implant-list li .text-area p{font-size: 16px; color: #414141; display: flex; gap: 10px; align-items: center; margin-bottom: 12px;}
.implant .implant-wrap .implant-list li .text-area p:last-of-type{margin-bottom: 0;}
.implant .implant-wrap .implant-list li .text-area p::before{content: ''; background: url(./img/check.svg)no-repeat center / cover; width: 15px; height: 15px;}
/* implant */

/* correct */
.correct .step-wrap{overflow: hidden; width: 100%;  margin: 0 auto; max-width: 1500px;}
.correct .step-list{display: flex; justify-content: space-between;}
.correct .step-list li{border-radius: 10px; width: 18.9%; background-color: #f5f5f7; overflow: hidden;}
.correct .step-list li.swiper-slide{height: auto;}
.correct .step-list li .text-area{padding: 20px 16px 18px;}
.correct .step-list li .text-area strong{font-size: 18px; font-weight: 700; color: #373737;}
.correct .step-list li .text-area p{font-weight: 400; color: #414141; font-size: 18px; line-height: 1.5; padding-top: 12px; padding-bottom: 18px;}
/* correct */

/* disinfection */
#wrap .sec.disinfection{padding-bottom: 50px;}
#wrap .sec.disinfection .title-wrap{padding-top: 50px;}
.disinfection .disinfection-area{margin: 0 auto; max-width: 1500px;}
.disinfection .disinfection-area .squre-list{display: flex; gap: 20px; align-items: center; justify-content: center;}
.disinfection .disinfection-area .squre-list li .img-area{border-radius: 8px; overflow: hidden; margin-bottom: 22px;}
.disinfection .disinfection-area .squre-list li p{text-align: center; font-size: 16px; color: #414141;}
.disinfection .disinfection-area .circle-list{margin-top: 48px; display: flex; justify-content: center; align-items: center; gap: 48px;}
.disinfection .disinfection-area .circle-list li{border-radius: 50%; background-color: #fff; overflow: hidden; padding: 30px 50px;}
.disinfection .disinfection-area .circle-list li p{text-align: center; font-size: 18px; font-weight: 500; color: #373737;}
/* disinfection */

/* case */
.case-wrap{width: 100%;  margin: 0 auto; overflow: hidden; position: relative; max-width: 1500px;}
.case-wrap .case-list{display: flex; width: 100%;}
.case-wrap .case-list li{width: 100%; height: 100%; flex: none;}
.case-wrap .case-list li .img-area{width: 100%; border-radius: 16px; overflow: hidden;}
.case-wrap .case-list li p{font-size: 22px; line-height: 1.5; font-weight: 600; color: #373737; text-align: center; margin-top: 48px;}
/* case */

/* space slide */
.medical-space{max-width: 1500px; margin: 0 auto;}
.medical-space .thumb-img{margin-bottom: 48px; position: relative;}
.medical-space .thumb-img .thumb-list{display: flex; width: 100%;}
.medical-space .thumb-img .thumb-list li{flex: none; width: 100%;}
.medical-space .mini-slider{overflow: hidden;}
/* .medical-space .mini-slider .mini-list{display: flex; gap: 16px;} */
.medical-space .mini-slider .mini-list li{flex: none; width: 200px; height: 200px; border-radius: 6px; overflow: hidden; border: 1px solid #dadada; position: relative; opacity: 0.3;}
.medical-space .mini-slider .mini-list li.swiper-slide-thumb-active{opacity: 1;}
/* space slide */

/* map */
.directions{max-width: 1500px; margin: 0 auto;}
.directions .map-area{display: flex; gap: 20px; padding-bottom: 150px;}
.directions .direction-wrap{position: relative; background: url(./img/map_ex.png)no-repeat center / cover; width: 100%; max-width: 740px; height: 100%; min-height: 440px;}
.directions .direction-wrap .location{position: absolute; left: 20px; top: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);}
.directions .direction-wrap .location .view-map{background-color: #fff; padding: 12px 10px; border-radius: 8px; display: flex; gap: 48px;}
.directions .direction-wrap .location .view-map .map-box{}
.directions .direction-wrap .location .view-map .map-box strong{font-size: 14px; color: #414141; font-weight: 600; display: block;}
.directions .direction-wrap .location .view-map .map-box span{color: #727272; font-size: 12px; word-break: keep-all;}
.directions .direction-wrap .location .view-map .map-box a{color: #1A73E8; display: block;}
.directions .direction-wrap .location .view-map .direction-icon{}
.directions .direction-wrap .location .view-map .direction-icon .img-area{width: 22px; height: 22px; margin: 0 auto;}
.directions .direction-wrap .location .view-map .direction-icon span{color: #1A73E8;}
.directions .direction-wrap .map-btn{position: absolute; right: 20px; bottom: 20px; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);}
.directions .direction-wrap .map-btn button{background-color: #fff; width: 48px; height: 48px; display: block; cursor: pointer;}

.directions .map-area .directions-text{display: flex; flex-direction: column; gap: 36px; width: 100%;}
.directions .map-area .directions-text .text-area .direction-title{color: #214183; font-size: 18px; font-weight: 500; padding: 10px 6px; border-bottom: 1px solid #efefef;}
.directions .map-area .directions-text .text-area span{display: flex; gap: 16px; align-items: center; color: #414141; font-size: 16px;}
.directions .map-area .directions-text .text-area .d-detail{margin-top: 20px; display: flex; flex-direction: column; gap: 16px;}
.directions .map-area .directions-text .text-area .subway::before{content: ''; background: url(./img/subway.png)no-repeat center / cover; width: 20px; height: 20px;}
.directions .map-area .directions-text .text-area .wolk::before{content: ''; background: url(./img/walk.png)no-repeat center / cover; width: 20px; height: 20px;}
.directions .map-area .directions-text .text-area .blue::before{content: ''; background: url(./img/blue.svg)no-repeat center / cover; width: 33px; height: 18px; border-radius: 2px;}
.directions .map-area .directions-text .text-area .green::before{content: ''; background: url(./img/green.svg)no-repeat center / cover; width: 33px; height: 18px; border-radius: 2px;}
.directions .map-area .directions-text .text-area .village::before{content: ''; background: url(./img/village.svg)no-repeat center / cover; width: 33px; height: 18px; border-radius: 2px;}
.directions .map-area .directions-text .text-area .car::before{content: ''; background: url(./img/car.png)no-repeat center / cover; width: 20px; height: 20px;}
/* map */

/* info denteal */
.info-denteal{width: 100%; display: flex; border: 2px solid #214183; border-radius: 20px 20px 0 0; background-color: #fff;}
.info-denteal .box{padding: 40px 60px; width: 50%;}
.info-denteal .box .hour-title span{font-size: 24px; font-weight: 600; color: #373737;}
.info-denteal .operate-hour{border-right: 2px solid #214183; display: flex; justify-content: space-between; align-items: center;}
.info-denteal .operate-hour .hour-wrap{}
.info-denteal .operate-hour .hour-wrap .hour-title strong{font-size: 38px; color: #373737; font-weight: 800; display: block; padding-top: 24px;}
.info-denteal .operate-hour .hour-wrap .hour-list ul{margin-top: 24px;}
.info-denteal .operate-hour .hour-wrap .hour-list ul .list-item{display: flex; align-items: end; gap: 20px; padding: 4px 8px; font-size: 18px; color: #414141; font-weight: 500; background-color: #f5f5f7; border-radius: 6px; margin-top: 8px;}
.info-denteal .operate-hour .hour-wrap .hour-list ul .list-item:first-of-type{margin-top: 0;}
.info-denteal .operate-hour .hour-wrap .hour-list ul .list-item br{display: none;}
.info-denteal .operate-hour .hour-wrap .hour-list ul .list-item::before{content: ''; flex: none; background: url(./img/clock.svg)no-repeat center / cover; width: 20px; height: 20px;}
.info-denteal .operate-hour .connect .connect-list li a{display: flex; align-items: center; gap: 18px; font-size: 18px; margin-top: 24px; color: #414141; font-weight: 500;}
.info-denteal .operate-hour .connect .connect-list li:first-of-type a{margin-top: 0;}
.info-denteal .operate-hour .connect .connect-list li .img-area{width: 46px; height: 46px; border-radius: 8px; padding: 9px;}
.info-denteal .operate-hour .connect .connect-list li .img-area.call{border: 1px solid #214183; background-color: #fff;}
.info-denteal .operate-hour .connect .connect-list li .img-area.naver{border: 1px solid #3A9F47;}
.info-denteal .operate-hour .connect .connect-list li .img-area.kakao{background-color: #FFF200;}

.info-denteal .inquiry .input-area .input-top{display: flex; gap: 20px; align-items: center; justify-content: flex-start; padding-top: 30px;}
.info-denteal .inquiry .input-area .input{background-color: #f5f5f7; border: 0; border-radius: 6px; padding: 8px 12px; width: 100%; height: 36px;}
.info-denteal .inquiry .input-area .input-bottom textarea{margin-top: 16px; height: 92px; width: 100%; background-color: #f5f5f7; border: 0; border-radius: 6px; padding: 8px 12px;}
.info-denteal .inquiry .send-email{width: 100%; text-align: center; background-color: #214183; border-radius: 10px; padding: 10px; display: block; color: #fff; font-weight: 600; font-size: 18px; margin-top: 30px; transition: all .3s;}
.info-denteal .inquiry .send-email:hover{background-color: #3a69c7;}
/* info denteal */

/* footer */
footer{width: 100%; background-color: #f5f5f7;}
footer .footer-wrap{padding: 50px 210px; display: flex; justify-content: space-between; align-items: center;}
footer .footer-wrap .footer-left .logo-area{width: 180px;}
footer .footer-wrap .footer-left .footer-list{margin-top: 24px;}
footer .footer-wrap .footer-left .footer-list li{color: #9E9E9E; line-height: 1.5; display: flex; gap: 10px;}
footer .footer-wrap .footer-left .footer-list li span{display: flex; gap: 10px;}
footer .footer-wrap .footer-left .footer-list li span::after{content: 'ㅣ';}
footer .footer-wrap .footer-left .footer-list li span:last-child::after{content: none;}
footer .footer-wrap .footer-right .icon-wrap{display: flex; gap: 24px;}
footer .footer-wrap .footer-right .icon-wrap a{background-color: #C8DFF9; display: block; padding: 7px; border-radius: 8px;}
footer .footer-wrap .footer-right .info-bottom{text-align: right; margin-top: 14px;}
footer .footer-wrap .footer-right .info-bottom span{display: block; font-size: 16px; font-weight: 500; color: #214183; line-height: 1.5;}
footer .footer-wrap .footer-right .info-bottom strong{color: #214183; font-weight: 800; font-size: 20px;}
footer .copy{width: 100%; padding: 15px 0; text-align: center; color: #214183; background-color: #B6D5F2;}
/* footer */

/* ********************************************** */
/* media query */
/* ********************************************** */

@media screen and (max-width: 1440px) {
    #wrap .sec{padding: 0 20px;}
}

@media screen and (max-width: 768px) {
    #wrap .sec{padding: 0 20px; margin-top: 50px;}
    #wrap .sec .title-wrap{margin-bottom: 36px;}
    #wrap .sec .title-wrap .sec-title{font-size: 20px;}
    #wrap .sec .title-wrap .sub-title{font-size: 15px;}

    header{padding:0 20px;}
    header nav .header-logo{width: 40px; height: 40px;}
    header nav .nav-list{display: none;}
    header nav .right-wrap{display: none;}
    header nav .m-menu{display: block;}

    .hero ul li .txt-area{left: 50%; transform: translateX(-50%); white-space: nowrap; }
    .hero ul li .txt-area .slide-txt{text-align: center;}
    .hero ul li .txt-area .go-naver{padding: 12px 24px;}
    .hero ul li img{object-position: 75% 0;}

    .mdc-special .mdc-wrap{flex-direction: column; gap: 14px; padding: 0 40px;}
    .mdc-special .mdc-wrap .mdc-list .mdc-img{width: 96px; height: 96px;}
    .mdc-special .mdc-wrap .mdc-list .mdc-text strong{font-size: 16px;}
    .mdc-special .mdc-wrap .mdc-list .mdc-text p{font-size: 14px;}
    .mdc-special .mdc-wrap .mdc-list .mdc-text p br{display: none;}

    .doctor-intro .intro-wrap{gap: 24px;}
    .doctor-intro .intro-wrap .img-area{flex: auto;}
    .doctor-intro .intro-wrap .text-area{width: 60%;}
    .doctor-intro .intro-wrap .text-area .doctor-title{margin-bottom: 24px;}
    .doctor-intro .intro-wrap .text-area .doctor-title strong{font-size: 24px;}
    .doctor-intro .intro-wrap .text-area .doctor-title .eng{font-size: 16px;}
    .doctor-intro .intro-wrap .text-area .carrea-list{gap: 6px;}
    .doctor-intro .intro-wrap .text-area .carrea-list li{width: 100%; font-size: 14px;}
    .doctor-intro .intro-wrap .text-area .comment{font-size: 16px; padding: 18px 16px; margin-top: 18px;}
    
    .mdc-subject .subject-area ul{padding: 0;}
    .mdc-subject .subject-area li{width: 30%;}
    .mdc-subject .subject-area li .subject-img{padding: 0; margin-bottom: 18px;}
    .mdc-subject .subject-area li .text-area p br{display: none;}

    .implant .implant-wrap .implant-list{flex-wrap: wrap; align-items: stretch; gap: 20px;}
    .implant .implant-wrap .implant-list li{width: 48%;}
    .implant .implant-wrap .implant-list li:nth-of-type(even) .implant-img{margin-bottom: 18px;}
    .implant .implant-wrap .implant-list li .text-area p{gap: 6px; white-space: nowrap;}
    .implant .implant-wrap .implant-list li .text-area p::before{width: 12px; height: 12px;}

    #wrap .sec.correct{padding-right: 0;}
    .correct .step-list{width: 100%;}
    .correct .step-list li{width: 40%; flex: none;}
    .correct .step-list li .text-area{padding: 12px;}
    .correct .step-list li .text-area strong{font-size: 16px;}
    .correct .step-list li .text-area p{font-size: 14px;}

    .disinfection .disinfection-area .squre-list{align-items: baseline; justify-content: flex-start; flex-wrap: wrap; gap: 15px;}
    .disinfection .disinfection-area .squre-list li{width: calc((100% - 15px)/2); flex: none;}
    .disinfection .disinfection-area .squre-list li .img-area{margin-bottom: 16px;}
    .disinfection .disinfection-area .squre-list li p{font-size: 12px;}
    .disinfection .disinfection-area .circle-list li{border-radius: 8px; padding: 14px;}
    .disinfection .disinfection-area .circle-list li .img-area{width: 60%; height: 60%; margin: 0 auto;}
    .disinfection .disinfection-area .circle-list li p{font-size: 12px; padding-top: 10px;}

    .case-wrap .case-list li p{margin-top: 18px; font-size: 16px;}

    .medical-space .thumb-img{margin-bottom: 24px;}
    .medical-space .mini-slider .mini-list li{flex: none; width: 100px; height: 100px;}
    
    .directions .map-area{flex-direction: column; padding-bottom: 50px;}

    .info-denteal{flex-direction: column;}
    .info-denteal .box{padding: 20px; width: auto;}
    .info-denteal .operate-hour{flex-direction: column; border-bottom: 2px solid #214183; border-right: 0;}
    .info-denteal .box .hour-title span{font-size: 18px;}
    .info-denteal .operate-hour .hour-wrap{width: 100%;}
    .info-denteal .operate-hour .hour-wrap .hour-title strong{font-size: 24px; padding-top: 18px;}
    .info-denteal .operate-hour .hour-wrap .hour-list ul .list-item{font-size: 15px; align-items: center; gap: 10px;}
    .info-denteal .operate-hour .hour-wrap .hour-list ul .list-item br{display: block;}
    .info-denteal .operate-hour .connect .connect-list{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 24px;}
    .info-denteal .operate-hour .connect .connect-list li .img-area{width: 30px; height: 30px; padding: 5px;}
    .info-denteal .operate-hour .connect .connect-list li a{font-size: 14px; margin-top: 0; gap: 12px;}
    .info-denteal .inquiry .input-area .input-top{flex-direction: column; gap: 12px;}

    footer .footer-wrap{padding: 30px 20px;}
    footer .footer-wrap .footer-left .footer-list li{flex-direction: column; gap: 0px;}
    footer .footer-wrap .footer-left .footer-list li span::after{content: none;}
    footer .copy{font-size: 12px; padding: 10px 0;}
}

@media screen and (max-width: 375px) {
    .m-img{display: block;}
    .pc-img{display: none;}

    .m-menu-depth .m-nav .right-wrap .lang-btn{display: flex; justify-content: space-between;}
    .m-menu-depth .m-nav .right-wrap .lang-btn li{margin-right: 0;}
    .m-menu-depth .m-nav .right-wrap{flex-direction: column; gap: 15px;}

    .hero ul li{height: 395px;}
    .hero ul li .txt-area{top: 40%;}
    .hero ul li .txt-area .slide-txt strong{font-size: 30px;}
    .hero ul li .txt-area .slide-txt p{font-size: 18px;}
    .hero ul li .txt-area .slide-txt p br{display: block;}
    .hero ul li .txt-area .go-naver{font-size: 16px; border-radius: 8px; margin-top: 30px;}

    .mdc-special .mdc-wrap{padding: 0;}
    .mdc-special .mdc-wrap .mdc-list{gap: 16px;}
    .mdc-special .mdc-wrap .mdc-list .mdc-text strong{padding-bottom: 6px;}

    .doctor-intro .intro-wrap{flex-direction: column;}
    .doctor-intro .intro-wrap .text-area{width: 100%;}

    .mdc-subject .subject-area ul{gap: 15px;}
    .mdc-subject .subject-area li{width: 47%; padding: 12px;}
    .mdc-subject .subject-area li .text-area strong{font-size: 16px;}
    .mdc-subject .subject-area li .text-area p{display: none;}

    .implant .implant-wrap{margin-bottom: 0;}
    .implant .implant-wrap .implant-list{gap: 15px; align-items: baseline;}
    .implant .implant-wrap .implant-list li{width: 50%;}
    .implant .implant-wrap .implant-list li .text-area strong{font-size: 15px; padding: 8px 0;}
    .implant .implant-wrap .implant-list li .text-area p{display: none;}
    .implant .implant-wrap .implant-list li{padding: 12px; width: calc((100% - 15px)/2);}
    .implant .implant-wrap .implant-list li:nth-of-type(even) .implant-img{margin-bottom: 0;}
    .implant .implant-wrap .implant-list li .implant-img{width: auto; height: auto;}

    .correct .step-list li{width: 70%; height: 100%;}

    .disinfection .disinfection-area .circle-list{gap: 15px; margin-top: 36px;}
    .disinfection .disinfection-area .circle-list li{padding: 10px;}
    .disinfection .disinfection-area .circle-list li .img-area{width: 100%; height: 100%;}
    .disinfection .disinfection-area .circle-list li p{font-size: 8px; padding-top: 6px;}

    .medical-space .mini-slider .mini-list{gap: 6px;}
    .medical-space .mini-slider .mini-list li{width: 60px; height: 60px;}

    #wrap .sec.directions{padding: 0;}
    .directions .map-area .directions-text{padding: 0 20px;}

    footer .footer-wrap{flex-wrap: wrap; gap: 24px;}
    footer .footer-wrap .footer-right .info-bottom{text-align: left;}
}