@import url('font.css');

/* 퀵메뉴 */
.quick { position:fixed; top:180px; right:20px; z-index:9;}
.quick ul li a { box-shadow:0 0 10px rgba(0,0,0,0.3); margin:0; }
.quick ul li a img { height:130px; }

@media (min-width:1500px) {

/* 헤더 */
#header_wrap { position:sticky; top:0; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2); width:100%; z-index:9; }
#header_wrap .wrapper { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; min-width:1500px; margin:0 auto; padding:25px 0;}
#header_wrap .wrapper .logo { display:flex; width:60%; align-items:center; text-align:center; }
#header_wrap .wrapper .logo a { margin:0 10px; }
#header_wrap .wrapper .tel { margin:auto 0; align-items:center; width:20%; }
#header_wrap .wrapper .tel .content_wrap { display:flex; }
#header_wrap .wrapper .tel .content_wrap .pic { margin:auto 0; }
#header_wrap .wrapper .tel .content_wrap h1 { margin:auto 10px; font-size:1.0em; color:#666; line-height:1.2em; }
#header_wrap .wrapper .tel .content_wrap ul { margin:auto 0; font-size:1.1em; font-weight:600; color:#333; }
#header_wrap .wrapper .tel .content_wrap ul li span { font-size:1.5em; font-weight:800; color:#222; }

/* gnb */
#header_wrap .wrapper .gnb { display:flex; justify-content:flex-end; align-items:center; flex-direction:column; width:30%; }
#header_wrap .wrapper .gnb ul { margin-left:auto; }
#header_wrap .wrapper .gnb ul li { display:inline-block; border-left:1px #CCC solid; line-height:12px; padding:0 12px 0 15px; text-align:center; }
#header_wrap .wrapper .gnb ul li a { display:block; font-size:0.9em; color:#333; line-height:; }
#header_wrap .wrapper .gnb ul li:first-child { border-left:0;}
#header_wrap .wrapper .gnb ul li:last-child { padding-right:0;}
#header_wrap .wrapper .gnb ul li.blog a { background:#F00; border-radius:30px; padding:10px 15px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:.3s}
#header_wrap .wrapper .gnb ul li.blog a:hover { background:#46b515; }
#header_wrap .wrapper .gnb ul li.blog a img { display:none; height:20px; }

#header_wrap .wrapper .gnb .sns { margin-left:auto; margin-bottom:10px; }


/* 푸터 */
#footer{ background:#111; z-index:9;}
#footer .wrapper{ display:flex; justify-content:space-between; border-top:0px solid #545454; padding:50px 0; margin:0 auto; width:90%; max-width:1500px; }
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { width:; }
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:14px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:1px solid #545454; padding-left:50px; font-size:0.9em !important; color:#afaeae; line-height:1.5em; letter-spacing:0;}


/* 카톡, 블로그 바로가기 */
.bottom_sns { background:url(../images/bottom_sns_bg.gif) center; }
.bottom_sns .content_wrap { display: flex; justify-content: center; flex-wrap: wrap; width:90%; max-width:1500px; margin:0 auto;}
.bottom_sns .content_wrap .kakao, .bottom_sns .content_wrap .blog { width:50%; }
.bottom_sns .content_wrap a { display:flex; justify-content:center; align-items:center; padding:30px 0; }
.bottom_sns .pic { margin:0 20px 0 0; }
.bottom_sns .pic img { width:60px; }
.bottom_sns .kakao h1 { margin:auto 0; font-size:1.2em; font-weight:400; color:#333; line-height:1.4em;}
.bottom_sns .blog h1 { margin:auto 0; font-size:1.2em; font-weight:400; color:#fff; line-height:1.4em;}


/* 네이버예약, 원장블로그, TOP */
.quick_pc { position:fixed; bottom:150px; right:30px; z-index:9; }
.quick_pc .content { margin:10px 0; }
.quick_pc .content a { display:flex; background:#fff; border-radius:30px; border:1px solid #32b44a; padding:10px 25px; transition:0.4s;}
.quick_pc .content a:hover { background:#32b44a; border:1px solid #32b44a; transition:0.4s;}
.quick_pc .content .pic { margin:0 10px 0 0; }
.quick_pc .content span { margin:auto 0; font-size:1.0em; color:#111; }
.quick_pc .content span:hover { color:#fff; }
.quick_pc .content:nth-child(3) a { display:block; background:#999; border-radius:30px; border:0; text-align:center; }
.quick_pc .content:nth-child(3) a span { color:#fff; text-align:center; }

.quick_mob { display:none; }
.bt_cs { display:none; }

}



@media (min-width:768px) and (max-width:1499px){

/* 헤더 */
#header_wrap { position:sticky; top:0; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2); width:100%; z-index:9; }
#header_wrap .wrapper { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; padding:25px 0;}
#header_wrap .wrapper .logo { display:flex; width:50%; align-items:center; text-align:center; }
#header_wrap .wrapper .logo a { margin:0 10px; }
#header_wrap .wrapper .tel { margin:auto 0; align-items:center; width:25%; }
#header_wrap .wrapper .tel .content_wrap { display:flex; }
#header_wrap .wrapper .tel .content_wrap .pic { margin:auto 0; }
#header_wrap .wrapper .tel .content_wrap h1 { margin:auto 10px; font-size:1.0em; color:#666; line-height:1.2em; }
#header_wrap .wrapper .tel .content_wrap ul { margin:auto 0; font-size:1.1em; font-weight:600; color:#333; }
#header_wrap .wrapper .tel .content_wrap ul li span { font-size:1.5em; font-weight:800; color:#222; }

/* gnb */
#header_wrap .wrapper .gnb { display:flex; justify-content:flex-end; align-items:center; flex-direction:column; width:25%; }
#header_wrap .wrapper .gnb ul { margin-left:auto; }
#header_wrap .wrapper .gnb ul li { display:inline-block; border-left:1px #CCC solid; line-height:12px; padding:0 12px 0 15px; text-align:center; }
#header_wrap .wrapper .gnb ul li a { display:block; font-size:0.9em; color:#333; line-height:; }
#header_wrap .wrapper .gnb ul li:first-child { border-left:0;}
#header_wrap .wrapper .gnb ul li:last-child { padding-right:0;}
#header_wrap .wrapper .gnb ul li.blog a { background:#F00; border-radius:30px; padding:10px 15px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s}
#header_wrap .wrapper .gnb ul li.blog a:hover { background:#46b515; }
#header_wrap .wrapper .gnb ul li.blog a img { display:none; height:20px; }

#header_wrap .wrapper .gnb .sns { margin-left:auto; margin-bottom:10px; }


/* 푸터 */
#footer{ background:#111; z-index:9;}
#footer .wrapper{ display:flex; justify-content:space-between; border-top:0px solid #545454; padding:50px 0; margin:0 auto; width:90%; }
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { height:30px; }
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:13px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:1px solid #545454; padding-left:50px; font-size:0.85em !important; color:#afaeae; line-height:1.5em; letter-spacing:0;}


/* 카톡, 블로그 바로가기 */
.bottom_sns { background:url(../images/bottom_sns_bg.gif) center; }
.bottom_sns .content_wrap { display: flex; justify-content: center; flex-wrap: wrap; width:100%; margin:0 auto;}
.bottom_sns .content_wrap .kakao, .bottom_sns .content_wrap .blog { width:50%; }
.bottom_sns .content_wrap a { display:flex; justify-content:center; align-items:center; padding:30px 0; }
.bottom_sns .pic { margin:0 20px 0 0; }
.bottom_sns .pic img { width:50px; }
.bottom_sns .kakao h1 { margin:auto 0; font-size:1.1em; font-weight:400; color:#333; line-height:1.4em;}
.bottom_sns .blog h1 { margin:auto 0; font-size:1.1em; font-weight:400; color:#fff; line-height:1.4em;}	
	
	
/* 네이버예약, 원장블로그, TOP */
.quick_pc { position:fixed; bottom:120px; right:20px; z-index:9; }
.quick_pc .content { margin:10px 0; }
.quick_pc .content a { display:flex; background:#fff; border-radius:30px; border:1px solid #32b44a; padding:10px 25px; transition:0.4s;}
.quick_pc .content a:hover { background:#32b44a; border:1px solid #32b44a; transition:0.4s;}
.quick_pc .content .pic { margin:0 10px 0 0; }
.quick_pc .content span { margin:auto 0; font-size:1.0em; color:#111; }
.quick_pc .content span:hover { color:#fff; }
.quick_pc .content:nth-child(3) a { display:block; background:#999; border-radius:30px; border:0; text-align:center; }
.quick_pc .content:nth-child(3) a span { color:#fff; text-align:center; }
	
.quick_mob { display:none; }	
.bt_cs { display:none; }
	
}





@media (max-width:767px){
	
	
html { background:#fff;
  text-decoration:none; font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic', '맑은 고딕', Helvetica, sans-serif; font-size:13px; font-weight:400; color:#444; letter-spacing:0; line-height:1.4em; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* 퀵메뉴 */
.quick_pc { display:none; }
	
.bt_cs { position:fixed; bottom:0; background:#03a01b; width:100%; height:50px; z-index:9; }
.bt_cs ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.bt_cs ul li { border-left:1px solid #3ac14e; width:50%; height:50px; text-align:center; }
.bt_cs ul li:first-child { border-left:0; }
.bt_cs ul li img { margin:10px 6px 0; height:25px; }
.bt_cs ul li a { display:block; font-size:1.2em; font-weight:600; color:#fff; line-height:50px; }


/* 헤더 */
#header_wrap { position:sticky; top:0; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2); border-bottom:0px solid #dedede; width:100%; height:70px; z-index:9;}
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }
#header_wrap .wrapper .logo { position:absolute; top:14px; z-index:7;}
#header_wrap .wrapper .logo a { margin:0 10px 0 0; }
#header_wrap .wrapper .logo img { height:40px; }
#header_wrap .wrapper .sns { display:none; }
#header_wrap .wrapper .tel { display:none; }

/* gnb */
#header_wrap .wrapper .gnb { display:none; }


/* 푸터 */
#footer{ background:#111; margin:0 0 50px; z-index:9;}
#footer .wrapper{ border-top:0px solid #545454; padding:40px 0; margin:0 auto; width:85%; }
#footer .footer_logo { margin:0; }
#footer .footer_logo img { height:30px; }
#footer .admin { display:none; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:13px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:block; margin:10px 0 0; border-left:0px solid #545454; padding-left:0; font-size:0.85em !important; color:#afaeae; line-height:1.6em; letter-spacing:0;}
	
	
/* 카톡, 블로그 바로가기 */
.bottom_sns { background:url(../images/bottom_sns_bg.gif) center; }
.bottom_sns .content_wrap { display: flex; justify-content: center; flex-wrap: wrap; width:100%; margin:0 auto;}
.bottom_sns .content_wrap .kakao, .bottom_sns .content_wrap .blog { width:50%; }
.bottom_sns .content_wrap a { display:flex; justify-content:center; align-items:center; flex-direction:column; padding:25px 0; }
.bottom_sns .pic { margin:0 auto 10px; }
.bottom_sns .pic img { width:40px; }
.bottom_sns .kakao h1 { width:80%; margin:0 auto; font-size:1.0em; font-weight:400; color:#333; line-height:1.4em; text-align:center; }
.bottom_sns .blog h1 { width:80%; margin:0 auto; font-size:1.0em; font-weight:400; color:#fff; line-height:1.4em; text-align:center; }		
	
/* 퀵메뉴 */
.quick { position:fixed; top:140px; right:10px; z-index:9;}
.quick ul li img { height:60px; }
.quick ul li { margin:10px 0; }	
	
}