<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media only screen and (min-width:1px) and (max-width:959px){

.wrap {
    width: 100%;
    margin: 0 auto;
}
.wrap1 {
    width: 90%;
    height: auto;
    margin: 0 auto;
}



/* header */


    
    
.headerbg  {
    
    border-bottom: 2px solid #f5f5f5;
        
    }   
    


    header {
    max-width: 480px;
    margin: 0 auto;
}


    header h1 img {
    display: block;
    margin: 0 auto;
    max-width: 166px;
    padding: 10px 0px;
}

    header ul {
    overflow: hidden;
    
}

    header ul li {
    max-width: 120px;
    width: 25%;
    height: 52px;
    float: left;
    text-align: center;
    
    
}

    
    header .nonactive {
    display: block;
    color: #828282;
    line-height: 50px;
    font-size: 0.9em;
 
    }
    
    header ul li a:hover {
    color:#1e1e1e;
    font-weight: 600;
    border-bottom: 2px solid #348dfb;    
    }
    
    
   header .active {
    display: block;
    line-height: 50px;
    color:#1e1e1e;
    font-weight: 600;
    font-size: 0.9em;
    border-bottom: 2px solid #348dfb;  
    }



    
/* ì˜ë¬¸íŽ˜ì´ì§€ ë²„íŠ¼ */
    
    .topmenu {
        position: relative;
        height: auto;
    }
    
    
    .btn_eng {
        position: absolute;
        top: 31%;
        right: 20px;
    }    


/* submenu */



.submenu {
    max-width: 288px;
    margin: 0 auto;
}


.submenu ul {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 60px;
}

.submenu ul li {
    float: left;
    width: 50%;
}

.submenu li img {
    display: block;

    max-width: 144px;
    width: 100%;

    
}









/* contents */

#content {
    max-width: 480px;
    margin: 0 auto;
}


#content h2 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 25px;
    height: auto;
    
    
}

.line_b {
    display: block;
    margin: auto;
    width: 40px;
    margin-bottom: 35px;
}


.copy {
    display: block;
    line-height: 1.4em;
    margin-bottom: 33px;
    font-size: 1.13em;
    text-align: center;
    letter-spacing: -0.1em;
}

.bathcopy ul span {
    display: block;
    line-height: 1em; 
    margin-bottom: 10px;
    text-align: center;
    color: #969696;
}


.bathinfo {
    max-width: 420px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
        padding: 0 10px;
}

.bathinfo ul li img {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 440px;

}



.image ul li img {
    margin-top: 2px;
    max-width: 480px;
}


/* ì´ìš©ì•ˆë‚´ ì&nbsp;•ë³´ */


.info_bath {
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 40px;
}


.info_bath ul li {
    max-width: 350px;
    width: 100%;
    overflow: hidden;
    padding: 20px 10px;
}


.line {border-bottom: 1px solid #d8d8d8;}

.img_icon {
    display: block;
    width: 49px;
    float: left;
}

.info_text {
    margin-left: 80px;
}

.title_b {
    color: #1e1e1e;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 4px;
}
    
    
    
.image ul li img {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    margin-top: 2px;

}    
    

/* ì˜ˆì•½ */

.reserbg {
        width: 100%;
        margin: 0 auto;
        background: #fafafa;
        padding: 10px 0px;
    }   
    
    
    
    
    
.reser {
    width: 240px;
    margin: 0 auto;
    overflow: hidden;

   /* border-top: 2px solid #f5f5f5; */

    
}





.reser .call {
    display: block;
    text-align: center;
    margin-right: 10px;
    line-height: 50px;

}

.reser .call ul {
    overflow: hidden;
    }
    
    
.reser .call ul li {
    float: left;
    height: 60px;
    }
    
.reser .call ul li p {
    line-height: 60px;
    margin-right: 10px;
 
    }    
.reser .call ul li img {
        margin-top: 10px;
    }    

.bold {
    font-weight: 600;
}

    
    
.reser .mail ul {
    overflow: hidden;
    }
    
    
.reser .mail ul li {
    float: left;
    height: 60px;
    }    
    

    
.reser .mail ul li p {
    line-height: 60px;
    margin-right: 10px;
 
    }    
.reser .mail ul li img {
        margin-top: 10px;
    }        
    
    
    
    
    
    
    
    


/* footer */

footer {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #1e1e1e;
    padding: 5px 0px;

    
    
}




footer ul li {
    max-width: 959px;
    min-width: 210px;
    width:100%;
    height: 10px;
    float: left;
    padding: 5px 0px;
    background-color: #1e1e1e;
    
}
    
footer ul .footer_none {
    display: none;
    }

footer ul li span {
    display: block;
    text-align: center;
    line-height: 10px;
    margin-right: 5px;
    font-size: 0.75em;
    color: #7d7d7d;
}

footer li span:first-child {
    margin-left: 10px;
}

footer li:last-child span{
    line-height: 10px; 
    text-align: center;
        
    }
    
.footer_bg {
    background-color: #1e1e1e;
    
}
      

}






/* 960 */




@media only screen and (min-width: 960px){
    
    .wrap {
    width: 80%;
    margin: 0 auto;}
    
    
    
 /* header */
    

    
    
.headerbg  {
    
    border-bottom: 2px solid #f5f5f5;
        
    }   
    
    
    
header {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    }    


    header h1 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
        

    }
    
    header ul {
    overflow: hidden;
    
    }  
    
    header ul li {
    float: left;
    width: 25%;
    text-align: center;
    height: 60px;
    
    }
    
    header .nonactive {
    display: block;
    color: #828282;
    line-height: 58px;

    }
    
    header ul li a:hover {
    color:#1e1e1e;
    font-weight: 600;
    border-bottom: 2px solid #348dfb;    
    }
    
    
   header .active {
    display: block;
    line-height: 58px;
    color:#1e1e1e;
    font-weight: 600;
    border-bottom: 2px solid #348dfb;  
    }
    


    
/* ì˜ë¬¸íŽ˜ì´ì§€ ë²„íŠ¼ */
    
    .topmenu {
        position: relative;
        height: auto;
    }
    
    
    .btn_eng {
        position: absolute;
        top: 30%;
        right: 20px;
    }    




/* submenu */


.submenu {
    max-width: 289px;
    margin: 0 auto;
}


.submenu ul {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 60px;
}

.submenu ul li {
    float: left;
}

.submenu li img {
    display: block;

    height: 48px;
    
}

    
    
    
    /* contents */

#content {
    max-width: 960px;
    margin: 0 auto;
}


#content h2 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 25px;
    height: auto;
    
    
}

.line_b {
    display: block;
    margin: auto;
    width: 40px;
    margin-bottom: 35px;
}


.copy {
    display: block;
    line-height: 1.4em;
    margin-bottom: 33px;
    font-size: 1.13em;
    text-align: center;
    letter-spacing: -0.1em;
}

.bathcopy ul span {
    display: block;
    line-height: 1em; 
    margin-bottom: 10px;
    text-align: center;
    color: #969696;
}


.bathinfo {
    max-width: 420px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
}

.bathinfo ul li img {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 440px;
}



.image ul li img {
    margin-top: 2px;
    max-width: 9600px;
}


/* ì´ìš©ì•ˆë‚´ ì&nbsp;•ë³´ */


.info_bath {
    max-width: 430px;
    margin: 0 auto;
    margin-bottom: 60px;
}


.info_bath ul li {
    max-width: 4300px;
    width: 100%;
    overflow: hidden;
    padding: 20px 10px;
}


.line {border-bottom: 1px solid #d8d8d8;}

.img_icon {
    display: block;
    width: 49px;
    float: left;
}

.info_text {
    margin-left: 80px;
}

.title_b {
    color: #1e1e1e;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 4px;
}



    
    
.image ul li img {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    margin-top: 2px;

}
    
        
    
    
/* ì˜ˆì•½ */

.reserbg {
        width: 100%;
        margin: 0 auto;
        background: #fafafa;
        padding: 10px 0px;
    }   
    
    
    
    
    
.reser {
    width: 240px;
    margin: 0 auto;
    overflow: hidden;

   /* border-top: 2px solid #f5f5f5; */

    
}





.reser .call {
    display: block;
    text-align: center;
    margin-right: 10px;
    line-height: 50px;

}

.reser .call ul {
    overflow: hidden;
    }
    
    
.reser .call ul li {
    float: left;
    height: 60px;
    }
    
.reser .call ul li p {
    line-height: 60px;
    margin-right: 10px;
 
    }    
.reser .call ul li img {
        margin-top: 10px;
    }    

.bold {
    font-weight: 600;
}

    
    
.reser .mail ul {
    overflow: hidden;
    }
    
    
.reser .mail ul li {
    float: left;
    height: 60px;
    }    
    

    
.reser .mail ul li p {
    line-height: 60px;
    margin-right: 10px;
 
    }    
.reser .mail ul li img {
        margin-top: 10px;
    }        
    
    
    
/* footer */

footer{
    overflow: hidden;
    background-color: #1e1e1e;
    max-width: 400px;
    margin: 0 auto;
    
}

footer ul li {
    float: left;
    height: 4030nd-color: #1e1e1e;
    

}

footer ul li span {
    display: block;
    line-height: 30px;
    margin-left: 10px;
    color: #7d7d7d;
    font-size: 0.8em;
}
    
footer li:last-child span{
    max-width: 960px;
    min-width: 360px;
    width:100%;
    line-height: 30px; 
    text-align: center;
        
    }

.footer_bg {
    background-color: #1e1e1e;
    
}
  

    
    
    
}</pre></body></html>