@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width: 94%; }
    .hd_pops { left:10px !important; }    

/* header & footer */
#w_header { height: 60px; }
#w_header.on { height: 60px; }
#w_header h1 { padding-top: 15px; padding-left: 0;}
#w_header h1 img { height: 30px; }

#w_header .w_gnb { display: none; }
.blank { height: 60px; }
    
#w_nav { position: fixed; left: auto; right:-101%; top: 0; background:#fff; color:#333; width: 100%; height: 100%; display: block; transition: 0.3s; z-index:105; padding:3vw 60px;  }
#w_nav.on { right:0; display: block; }
#w_nav .w_gnb { width:auto; margin:0 auto; padding-top: 40px; }
#w_nav .w_gnb a { color:inherit; }
#w_nav .w_gnb p { color:inherit; }
#w_nav .w_gnb > li { text-align: center; float:none; margin-right: 0; font:18px stm; width:auto; margin-top: 0; }
#w_nav .w_gnb > li > a { font:24px steb; color:#006072; border-bottom:1px solid rgba(0,96,114,0.3); display: block; line-height:50px;  }
#w_nav .w_gnb > li:last-child > a { border:none; }
#w_nav .w_gnb > li .snb { margin-top: 0; display: none; }
#w_nav .w_gnb > li .snb > li > a { padding:0; line-height:40px; }

#nav_btn { right:3%; top:12px; }

#w_footer { padding:40px 0 0; position: relative; margin-top: 50px; }
#w_footer div.fl { display: block; }
#w_footer div.fl > img { display: none; }
    
#w_footer div.fl div:nth-child(2) { margin-bottom: 20px; float:left; }
#w_footer div.fl div:nth-child(2) strong { margin-bottom: 10px; }
#w_footer div.fl div:nth-child(2) a { font:28px stb; }
#w_footer div.fl div:nth-child(3) { float:right; margin-bottom: 20px; }
    
#w_footer div ul.time { margin-top: 10px; }
#w_footer div ul.time li { font:13px/1.6 str; }
#w_footer div ul.time li span { width:60px; }

#w_footer strong { font:14px stb; }

#w_footer address { margin-top: 24px; clear:both; }
#w_footer address p { font:normal 13px/1.6 str; }
#w_footer .copy { font:13px/60px str; }
#w_footer .jbtn { height: 50px; display:flex; align-items:center; justify-content:center; position: fixed; left: 0; bottom: 0; width: 100%; }
#w_footer .jbtn.fix { position: absolute; bottom:auto; top:-50px; }
#w_footer .jbtn li { width: 50%; text-align: center; }
#w_footer .jbtn li a { width:98%; background:  #006072; color:#fff; display: inline-block; border:2px solid #006072; border-radius: 6px; box-sizing: border-box; font:16px/40px stm; cursor: pointer; }
#w_footer .jbtn li.on a { background: #fff; color:#006072; }

#w_footer .sns { left: auto; right:0; top: auto; bottom:93px; }
#w_footer .sns li { opacity: 1; transition:none; }
#w_footer .sns li:last-child { margin-right: 0; }
#w_footer .sns li img { height: 34px; width:auto;}
#w_footer .sns li img:first-child { opacity: 0; }
#w_footer .sns li img:last-child { opacity: 1; }

#quick { width: calc(100% - 20px); z-index: 999; display: none; overflow-y: auto; padding:40px 20px;  }
#quick.on { display:block; }
#quick .close { font-size:30px; color:#666; padding:0 10px; position: absolute; top: 30px; right:20px;  }

/* index */
#w_main { height: 300px; }
#w_main .ment { bottom: 30px; font:16px/1.8 stm; }
#w_main .ment b:nth-child(1){font:30px/1.5 steb; }
    
.title { font:18px/1.5 steb; position: relative; }
.more { font:14px stm; position: relative; }

#about { height: 220px; padding-top: 0; }
#about a { background:#ecebe7 url(/images/n_bnr1.jpg) no-repeat center bottom/180%; transition: none; }
#about:hover a { transform: scale(1); }
#about .title {mqrgin-top:120px;}
#about p { margin-top: 10px; font:14px stm; }    


#bnr ul li { float:none; margin:0 0 10px; width:100%; height:220px; padding-top: 70px; }
#bnr ul li a { transition: none; }
#bnr ul li:hover a { transform: scale(1); }
#bnr ul li:nth-child(5) { justify-content: flex-start; height: 300px; }
#bnr ul li:nth-child(5) a .title { font:18px/1.5 steb; margin-top:70px; }
#bnr ul li:nth-child(5) a p { margin-top:100px; }
#bnr ul li:nth-child(5) a { background-position: right -100px center; }
#bnr ul li a strong { margin-top:20px; }
#bnr ul li a p { margin-top: 60px; font:14px stm; }




/* sub layout */
.cont { padding:60px 0 160px; font-size:14px; }
.cont .left { margin-bottom: 20px; float:none;  width:auto; }
.cont .left h2 { font-size:24px; }
.cont .right { width: auto; float:none; }
    
.sv { height: 140px; }
    
.ready { height:calc(100vh - 200px); background:url(/images/ready.jpg) no-repeat center top/auto 140%; }
.ready img { display: none; }

/* sub1_1 */
#sub1_1 .right { line-height:2.4;}
#sub1_1 .right strong { font-size:14px/1.8; margin-left: 10px; letter-spacing: 4px;  }
#sub1_1 .left img{width: 70%;}
    
/* sub1_1 */
#sub1_1 h2 { font:24px/1.3 steb; margin-bottom: 20px; }
#sub1_1 .doctor img{float:none; width: 70%; margin-left: 100px; margin-bottom: 40px; }
#sub1_1 .d_word{ font:13px/1.6 stm; width: auto; float:none;  }
#sub1_1 .d_word strong { font-size:13px; }
#sub1_1 .d_word span {font:13px/1.6 steb;}
#sub1_1 .sign li img{width:50%;}
    
/* sub1_2 */
#sub1_2.cont { padding-bottom:0px; }
#sub1_2 .cont1 { padding:60px 0; }
#sub1_2 .left h2 { display: inline-block; margin-right: 10px; }
#sub1_2 .left em { font-size:17px; margin-top: 0px; }
#sub1_2 .right { font:14px/1.6 stm; }
#sub1_2 .right strong.title { margin-bottom: 20px; font:18px/1.6 steb; }
#sub1_2 .cont2 { padding:60px 0; }
#sub1_2 .cont3 { padding:60px 0;  }
#sub1_2 .cont3 .right { font:30px steb; text-align: center; }
#sub1_2 .cont4 { padding:80px 0; }
#sub1_2 .cont4 div.fl { margin-top: 0; justify-content: space-between; }
#sub1_2 .cont4 div.fl p { width: 90px; height: 90px; font:14px/1.4 steb; }
#sub1_2 .cont4 div.fl span { margin:0; font-size:20px; }
#sub1_2 .cont5 { padding:60px 0; }    

    
/* sub1_3 */
    /*
#sub1_3 .left p { margin-top: 20px; }
#sub1_3 .right article h3 { font:20px steb; }
#sub1_3 .right > div > a { margin-bottom: 60px; text-align: center; display: block; }
#sub1_3 .right > div > a img { width:100%; }
#sub1_3 .right > div > a p { margin-top: 20px; font:16px/1.6 stb; }
#sub1_3 .right > div > a { font:normal 16px/1.8 stb; text-align: center; }
#sub1_3 .right > div > a .history { display: block; }
#sub1_3 .right > div > a .greeting { display: block; border-top:2px solid #006072; margin-top: 20px; text-align: left; font:13px/1.6 stm; padding-top: 20px;   }
#sub1_3 .right > div > a .greeting b { font-size:16px; }
#sub1_3 .right > div > a .greeting p { font:inherit; }
    
#sub1_3 .right > div { display: block; }
#sub1_3 .right .history ul { padding-top: 20px; text-align: left; }
#sub1_3 .right .history ul.bold { font-family: stb; border-top:1px solid #ddd; margin-top: 20px;  }
#sub1_3 .right .history ul li { position: relative; padding-left: 16px; }
#sub1_3 .right .history ul li:before { content:"-"; position: absolute; left: 0; }    
#sub1_3 .right article img { width:100%; }
#sub1_3 .right article img:first-of-type { margin-bottom: 40px; }
#sub1_3 .right article .doctor { float:none; }
    */
/* sub1_3 */

#sub1_3 .right div.fl { display: block; }
#sub1_3 .right div.fl > a { float:none; width:100%; display: block;margin-bottom: 40px; text-align: center;  }
#sub1_3 .right div.fl > a img { width:100%; }
#sub1_3 .right article .doctor { float:none; }
#sub1_3 .right article h3 { font:24px steb; margin-bottom: 10px; display: inline-block; margin-right: 10px; }
#sub1_3 .right article strong { font:16px stb; color:#006072; }
#sub1_3 .right article ul { padding-top: 20px; }
#sub1_3 .right article ul.bold { font-family: stb; border-top:2px solid #006072; margin-top: 40px;  }
#sub1_3 .right article ul li { position: relative; padding-left: 16px; }
#sub1_3 .right article ul li:before { content:"-"; position: absolute; left: 0; }
#sub1_3 .right article img { width: 100%; float:none;  margin-top: 20px; margin-bottom: 0; }
#sub1_3 .right article a { width:60px; height:60px; font-size:40px; position: absolute; right:0; top:0;  display:flex; align-items: center; justify-content: center; }
#sub1_3 .right article .greeting {  padding-top: 20px; margin-top: 40px;  }
#sub1_3 .right article .greeting b { font:18px/1.6 stb;  }
#sub1_3 .right article .greeting p { font:13px/1.8 str; margin-top: 20px;}    

    
/* sub1_4 */
#sub1_4 .right h4 { font:16px/2 stm; margin-top: 30px; }
#sub1_4 .right h4 span{font:16px/2 steb;}   
#sub1_4 .right b { font:15px/1.6 steb; margin-bottom: 60px; padding-top: 0;  }
#sub1_4 .right strong { font:16px/1.6 steb; }
#sub1_4 .right p { font:13px/1.6 stm; margin-bottom: 40px; }
#sub1_4 .right .with { height: 300px; }
    
/* sub2_1 */   
.navbar { position: static; }    
.navbar div { position: relative; }
.navbar select { border-radius: 5px; border:1px solid #006072; height:40px; width: 100%; box-sizing: border-box; margin-top: 20px; padding:0 10px; font:16px stm; outline:none; appearance:none; background: #fff; }
.navbar i { position: absolute; right:10px; top:34px; }
    
#sub2_1 .right { margin-top: 60px; }
#sub2_1 .right .cont1 h2 { margin-top: 60px; font-size:24px; }
#sub2_1 .right .cont1 strong { font:18px steb; }    
#sub2_1 .right .cont1 figure { margin-top: 20px; }
#sub2_1 .right .figure_2 img {padding:0px;}
#sub2_1 .right .cont1 h4 { font:16px/2 stm; margin-top: 30px; }
#sub2_1 .right .cont1 h4 span{font:16px/2 steb;}   
#sub2_1 .right .cont1 p { font:14px/1.6 steb; margin-top: 20px; }
#sub2_1 .right .hover { margin-top: 60px; margin-left: 0px; margin-right: 0px; }
#sub2_1 .right .hover li { float:none; height: auto; }
#sub2_1 .right .hover li:nth-child(1) { width: auto; border:none; border-bottom:2px solid #006072; }
#sub2_1 .right .hover li:nth-child(2) { width: auto; border:none; border-bottom:2px solid #006072; }
#sub2_1 .right .hover li:nth-child(3) { width: auto; border:none; border-bottom:2px solid #006072; }
#sub2_1 .right .hover li:nth-child(4) { width: auto; border:none; border-bottom:2px solid #006072; }
#sub2_1 .right .hover li:nth-child(5) { width: auto; border:none; }
#sub2_1 .right .hover li img { margin-bottom: 20px; height: 50px;  }
#sub2_1 .right .hover li span { line-height:1.6; }
    
/* sub3_1 */
#sub2_1 .right .cont4 { margin-top: 60px; }
#sub2_1 .right .cont4 ul li { width:auto; margin:0 0 10px 0; float:none; }
    
/* sub3_3 */
#sub2_1 .cont5 { margin-top: 60px; }
#sub2_1 .cont5 strong { font-size:18px; }
#sub2_1 .cont6 li { float:none; }
#sub2_1 .cont6 li:first-child { width: auto; margin-right: 0; margin-bottom: 20px;  }
#sub2_1 .cont6 li:last-child { width:auto; }
#sub2_1 .right .cont6 strong { font:16px/1.6 steb;}
#sub2_1 .right .cont6 > ul { margin-top:20px; padding:10px 20px; }
#sub2_1 .right .cont6 > ul > li { width:auto; margin-left:0; float:none; margin-top: 40px;  }
#sub2_1 .right .cont6 > ul > li:first-child { margin-top:0; }
#sub2_1 .right .cont6 ul li p { font:16px; }
#sub2_1 .right .cont6 > ul > li h3 { font:16px/1.6 steb; margin-bottom: 10px; }
#sub2_1 .right .cont6 > ul > li img { width: 100%; margin-bottom: 10px; }
#sub2_1 .right .cont6 > ul > li ul li { padding-left: 12px; } 
    
/* sub3_7 */
#sub2_1 .right .cont7 strong { font:16px/1.6 steb;}
#sub2_1 .right .cont7 > ul { margin-top:20px; padding:10px 20px; }
#sub2_1 .right .cont7 > ul > li { width:auto; margin-left:0; float:none; margin-top: 40px;  }
#sub2_1 .right .cont7 > ul > li:first-child { margin-top:0; }
#sub2_1 .right .cont7 ul li p { font:16px; }
#sub2_1 .right .cont7 > ul > li h3 { font:16px/1.6 steb; margin-bottom: 10px; }
#sub2_1 .right .cont7 > ul > li img { width: 100%; margin-bottom: 10px; }
#sub2_1 .right .cont7 > ul > li ul li { padding-left: 12px; }    
    
/* sub4_1_5 처치실 */
#sub2_1 .right .cont8 { margin-top: 60px; }
    
/* sub4 */
#sub4_0 strong { font:16px/1.6 steb; }
#sub4_0 ul { display: block; }
#sub4_0 ul li { margin-bottom: 40px; }
#sub4_0 ul li a:before { opacity: 0.8; }
#sub4_0 ul li img { height:300px; width: 100%; object-fit:cover; }
#sub4_0 ul li p { font:20px steb; color:#fff; }
#sub4_0 ul li p span{font:13px steb;}
    
/* sub5 */
#sub5_1 .left p { margin-top: 20px; border-top:none; padding-top: 0; word-break: keep-all; margin-bottom: 40px;  }
#sub5_1 figure { margin-top: 20px; }
#sub5_1 figure img { width:100%; }
#sub5_1 .right .cont1 h2 { margin-top: 60px; font-size:24px; }
#sub5_1 .right .cont1 h4 { font:16px/2 stm; margin-top: 30px; }
#sub5_1 .right .cont1 h4 span{font:16px/2 steb;}   
    
/* sub6 */
#sub6_1 ul { margin-top: 60px; margin-bottom: 60px; display:block;}
    
/* sub7_1 */
#sub7_1 .right p { font-size:15px; }
#sub7_1 .right #w_map > div { width: 100% !important; height: 300px; }
#sub7_1 .right #w_map .wrap_map { height: calc(100% - 2px) !important; }
























    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
}