@charset "utf-8";

/*+++++++++++++++++++++++ tablet +++++++++++++++++++++++++++++++++++++++++*/
@media (min-width: 992px){
    #gMenu_outer nav #menu-default_menu .menu-item a{ color: #494949; }
    #gMenu_outer nav #menu-default_menu .menu-item ul.sub-menu li.menu-item a,
    #gMenu_outer nav #menu-default_menu .menu-item .sub-menu.acc-child-open a{ color: white; }
    
    #businessInner p.busAttnTxt{
        padding-left: 0;
        padding-right: 0;
    }
    
    html body #indexSec3.notFront.oth2 div.section.siteContent{
        background-position-y: -3vh;
    }
}
/*+++++++++++++++++++++++ //tablet +++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 392px) and  (max-width: 1024px) and (orientation: portrait) {
    
    html body.category-diary, html body#diary, 
    html body#contact, html body#service_point, 
    html body.category-news, html body#news, html body.category-blog, 
    html body#blog, html body#company, html body#faq, 
    html body.category.category-gallery_all, 
    html body#gallery, html body#education, 
    html body#staff, html body#paramedic, 
    html body#relife, html body#attend{
        background-position-y: -0.85rem;
    }
    #indexS1Catch{
        position: relative;
        font-size: 1.2rem;
    }
    #footMenuContainer{ margin-top: 2rem; }
    p#cpLogoWrap{    }

    #businessInfoWrap #bussinessTitle{ margin-top:5rem; margin-bottom: 2rem; }
    
    #covidInfoWrap div.col-sm-4:first-child{
        display: block;
    }
    div#earthBack{ margin: 2rem auto; }
    #covidInfoWrap a.viewMore, #businessInner a.bisViewMore{
    }
    
    #footMenulist1{
        margin-top: 10vh;
    }
    
    #mobFootContact{
        display: none;
    }
    
    html body #covidMenuSec{
        background-size: 100% !important;
    }
    #galleryWrap div.foogallery.foogallery-container{
        padding-left: 0;
    }
        #businessInfoWrap p.busAttnTxt,
        #greenBizWrap #businessInner p.busAttnTxt{
            max-width: 50vw;
        }
        
        #covid2ndWrap .stepArrowWrap{ bottom:  inherit; }
        #stepArw1{ top:16rem; }
        #stepArw2{ top:14rem; }
        #stepArw3{ top:14rem; }
        #stepArw4{ top:16rem; }
        
        #customerWrap #cstmVoiceTipUL  div.cstmTipRight{
            margin:1rem  auto auto auto;
        }
         
}

/* +++++++++++++++++++++++ ipad pro ++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 819px) and  (max-width: 1024px) and (orientation: portrait) {
    #footMenulist2,
    #footMenulist1,
    #footInfoWrap{
        width: 100%;
        max-width: 100%;
        flex: auto;
    }
    .stepWrap h4.numberH4 + p.defText{
        text-align: center;
    }
    #covid2nd div.col-lg-4.offset-md-2{
        margin-left: auto;
    }
    
    #covid2nd div.col-lg-4{
        width: 100%;
        max-width: 100%;
        flex: auto;
    }
    .flowSubtitle p.subsubTitle+p.subsubLine{ width: 86%; }
    
    .row.attnTipMain img, #centerMainWrap .covidMain div.col-sm-6 > img, #covidMainWrap .covidMain div.col-sm-6 > img{
        width: auto;
        padding-right: 0.75rem;
    }
    
    #covidInfoWrap div.col-sm-4,
    #othCovTitle{
        margin-left: -1.3%;
        max-width: 40%;
    }
}


@media screen and (min-width: 769px) and  (max-width: 1024px) and (orientation: portrait) {

    #otherContentContainer #covidInfoWrap {
        min-height: 30vh;
    }
    
    #covidInfoWrap #covidInfoSubtitle {
        padding-top: 6vh;
        font-size: 2rem;
    }
}