/* 반응형******************************************************************/
@media (max-width:1600px) {
    .pc-gnb .gnb > li{
    padding:0 30px;
    }
    /*sub*/
    .stc-box{
        width:96%;
    }

    .promise-box{
    width:100%;
    }
}

@media (max-width:1280px) {
    .pc-gnb .gnb{
    width:100%;
    box-sizing:border-box;
    }
    .pc-gnb .gnb > li{
    padding:0 20px;
    }

    .header-tnb{
    left:auto;
    margin-left:0;
    right:10px;
    }

    .header-banner{
    left:10px;
    margin-left:0;
    }

    .visual-img-bg img{
    width:100%;
    margin-left:0;
    left:0;
    }

    /*main*/
    #implant-banner img{
    width:550px;
    }

    .treatment-list li a{
    padding:50px 0 100px;
    }
    .tl-tit h3{
    font-size:28px;
    }

    .tl-tit span{
    font-size:17px;
    }

    .tl-txt{
    font-size:16px;
    margin-top:10px;
    }

    .mohw-box{
    padding:20px 0;
    }

    .mohw-box div{
    font-size:20px;
    vertical-align:middle;
    }

    .mohw-box div img{
    width:200px;
    }

    /*sub*/
    .pb-txt{
    top: 50%;
    margin-top:-80px;
    }

}

@media (max-width:1024px) {
    header{height:80px; padding-top:80px;}
    .header-logo{
    top:0px; 
    z-index:9; 
    width:auto;
    box-sizing:border-box; 
    padding:0; 
    line-height:80px;
    height:80px;
    width:240px;
    }
    .header-logo img{
    width:100%;
    }
    .gnb-open-btn{display:block; position:absolute; right:15px; top:100px;  z-index:20; width:36px; height:36px; line-height:38px; text-align:center; font-size:35px; color:#d92c1c;}
    .gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#000; font-size:20px; color:#fff; z-index:999}
    .home-btn{display:block; position:absolute; left:10px; top:50%; margin-top:-19px;  z-index:999; width:38px; height:38px; line-height:38px; text-align:center; background:#006972; font-size:24px; color:#fff;}
    /*sidemenu*/
    #sidebar{position:fixed;top:0;bottom:0; display:none; right:-200px; z-index:99999; -webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible; background:#111;}
    #sidebar .gnb{position:relative; z-index:55; width:280px; left:auto; right:0; overflow-x:hidden; overflow-y:auto; height:100%; margin-top:-61px;}
    #sidebar .gnb > li{display:block; width:100%;}
    #sidebar .gnb > li:first-child{
    padding-top:61px;
    }
    #sidebar .gnb > li > a{line-height:40px;  display:block; box-sizing:border-box; padding:0 20px; color:#fff; border-bottom:1px rgba(255,255,255,0.1) solid;}
    #sidebar ul li li > a{display:block;border-bottom:1px solid rgba(255,255,255,0.05);font-size:15px;color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.03);padding:10px 20px;}
    .sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}
    .mobile-gnb{display:block;}
    .pc-gnb{display:none;}
    .mo-depth2{display:block; background:rgba(255,255,255,0.2)}
    .mo-depth2 a{display:block;color:rgba(255,255,255,0.7); padding:9px 20px; border-top:1px dashed rgba(255,255,255,0.1); font-size:0.875rem;}
    .mo-depth2 a:first-child{border-top-width:0;}
    .depth2-tab li{display:none;}

    .header-tnb{
    z-index:99999999;
    text-align:center;
    width:100%;
    right:0;
    position:relative;
    top:0;
    padding:10px 0;
    border-bottom:1px rgba(255,255,255,0.1) solid;
    background:#111;
    }
    .header-banner{
    width:100%;
    box-sizing:border-box;
    background-color:#1ea558;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    left:0;
    margin-left:0;
    top:0;
    background-image:url(img/header-banner-mo.png);
    }

    /*main*/
    #implant-banner{
    padding:50px 0 50px;
    }
    #implant-banner img{
    width:450px;
    }

    #implant-banner:after{
    display:none;
    }

    .tl-tit h3{
    font-size:24px;
    }

    .tl-tit span{
    font-size:13px;
    }

    .tl-txt{
    font-size:14px;
    }

    .main-board-area{
    padding:30px 0;
    }
    
    /*sub*/
    #sub-top{
    height:330px;
    }
    #snb{
    display:none;
    }
    .sttb-t1{
    padding-bottom:0;
    }

    .sttb-t1{
    font-size:58px;
    }

    .sub-ul6.su6-2{
    width:100%;
    box-sizing:border-box;
    }



/*진료장비 및 시스템*/
.sub15-top{word-break:keep-all; border-radius:0;}
.sub15-top br{display:none;}
.equ-list{width:90%; margin:0 auto;}
.equ-list li{border:0; margin-top:20px;}
.equ-list dt{display:block; width:100%;}
.equ-list dl{padding:0;}
.equ-list dd{display:block; width:100%; padding-left:0;}
.equ-list dd p{font-size:18px;}

}

@media (max-width:768px) {
    body, th, td, input, select, textarea, button{
    font-size:15px;
    }


    
    /*main*/
    .main-board-area section{
    width:100%;
    height:auto;
    margin-top:10px;
    padding:20px;
    }
    .more{
    right:20px;
    top:20px;
    }

    .main-board-area section#daily{
    background:#18a86b;
    }

    .daily-slick a{
    height:180px;
    }

    .ds-txt{
    padding-left:10px;
    padding-right:10px;
    }

    .mohw-box h2{
    display:block;
    padding-left:0;
    margin:0 auto;
    margin-bottom:5px;
    width:100%;
    text-align:center;
    }

    .mohw-box h2 img{
    height:50px;
    }

    .mohw-box div{
    display:block;
    padding-left:0;
    text-align:center;
    font-size:18px;
    word-break:keep-all;
    padding:0 50px;
    }
   
    .mohw-box div img{
    width:150px;
    }

    .treatment-list li{
    width:50%;
    }

    .tl-tit{
    background-size:45px 45px;
    padding-top:60px;
    }

    .treatment-list li a{
    padding:30px 0 60px;
    }

    .tl-txt{
    margin-top:5px;
    }

    .tl-tit span{
    font-size:10px;
    margin-top:10px;
    letter-spacing:0.2em;
    }

    #implant-banner{
    padding:25px 0;
    }

    #implant-banner img{
    width:300px;
    }

    /*footer*/
    footer{
    padding:0;
    padding-bottom:50px;
    }
    .foot-area{
    display: flex;
    flex-flow:column wrap;
    padding-right:0;
    text-align:center;
    width:100%;
    }
    .foot-logo,.foot-info,.foot-copy{
    order:2;
    }
    .hospital-info{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    order:1;
    padding:20px;
    margin-bottom:20px;
    }
    .foot-info p{
    font-size:1em;
    }

    .foot-copy{
    font-size:0.85em;
    }

    /*sub*/
    .promise-box .slick-slide{
    margin-left:0;
    }

    .pb-txt{
    left:20px;
    margin-top:-35px;
    }

    .pb-txt span{
    width:30px;
    height:30px;
    line-height:30px;
    font-size:15px;
    }

    .pb-txt p{
    font-size:14px;
    }

    .sub-nav{
    display:none;
    }

    #sub-top{
    height:160px;
    }

    .sttb-t1{
    font-size:38px;
    }

    .sub-content-tit{
    margin:30px auto 20px;
    }

    .sub-content-tit p{
    font-size:22px;
    }

    .sub12-img{
    display:block;
    width:100%;
    text-align:center;
    }

    .sub12-txt{
    display:block;
    width:100%;
    padding-left:0;
    margin-top:20px
    }

    .sub12-txt li{
    width:100%;
    display:block;
    }
    
    .sub-basic-box{
    padding-bottom:30px;
    }

    .sub13-box{
    padding:30px 20px;
    }

    .s13-img img{
    width:80%;
    }

    .stc-box{
    margin-top:0;
    }

    .stc-img .eng-name{
    font-size:12px;
    letter-spacing:0.2em;
    margin-top:-10px;
    }

    .stc-tit{
    padding:20px 0px;
    margin-bottom:20px;
    }

    .stc-txt{
    padding:10px 0;
    padding-bottom:0;
    line-height:1.5em;
    font-size:1.15em;
    }

    .stc-txt br{
    display:none;
    }

    .sub-cont-dl1{
    margin-top:15px;
    }

    .sub-cont-dl1 dd{
    padding-top:15px;
    }

    .sub-ul2.su2-min2 li{
    width:180px;
    height:180px;
    }

    .scb1-ma{
    margin-top:30px !important;
    }

    .sub-cont-dl1 dt{
    font-size:20px;
    }

    .sub-ul5{
    width:100%;
    box-sizing:border-box;
    margin-top:0;
    }

    .sb-txt3 br{
    display:none;
    }

    .sub-ul4{
    margin-top:0;
    }

    .sub-ul4 li{
    border-radius:5px;
    }

    .scb1-ul{
    text-align:left;
    }

    .scb1-ul li{
    font-size:1em;
    padding-left:7px;
    }

    .scb1-ul li:after{
    width:3px;
    height:3px;
    }

    .stc-b-p{
    font-size:23px;
    }

    .stct-t1{
    font-size:1.05em;
    }

    .sub-ul2.su2-min li{
    width:150px;
    height:150px;
    }

    .sub-ul2.su2-min li span{
    font-size:15px;
    }

    .sub-ul3 li{
    width:45%;
    margin-bottom:10px;
    }

    .sub-ul3 li{
    padding:20px 1%;
    }

    .sb-txt1{
    margin-bottom:20px;
    }

    .sub-ul2.su2-5 li{
    width:290px;
    height:290px;
    margin-bottom:10px;
    }

    .sub-ul3 li span{
    font-size:28px;
    }

    .sub-step-box li span{
    position:relative;
    width:100%;
    height:auto;
    top:auto;
    margin-top:0;
    border-radius:0;
    display:block;
    padding:10px 0;
    left:0;
    margin-bottom:10px;
    }

    .sub-step-box li em{
    display:inline-block;
    margin-right:5px;
    }

    .sub-step-box li{
    padding:10px;
    padding-left:10px;
    }
    .sub-ul6 li{
    padding-left:0;
    padding:20px;
    }
    .su6-img{
    position:relative;
    left:auto;
    top:auto;
    margin-top:0;
    margin:0 auto;
    }

    .su6-txt{
    width:100%;
    margin-right:0;
    }

}



@media (max-width:480px) {
    /*#treatment-box{
    padding-top:20px;
    }

    .treatment-list li{
    width:100%;
    margin-left:0;
    margin-bottom:20px;
    }*/

    .img21 img{
        width:100%;
        }
}