@charset "utf-8";

@import url('font.css');
@import url('common.css');
@import url('slick.css');

#wrap {overflow-x:hidden;}

header {position:relative; text-align:center; padding:15px 0px;}
header h1 {display:inline-block; width:150px;}
header h1 a {display:block; width:100%; height:100%;}
.head_ico > p {position:absolute; z-index:1; top:15px; width:100%; width:40px;}
.head_ico > p > a {display:block; width:100%; height:100%;}
.head_ico .menu {left:20px; top:17px;}
.head_ico .call {right:20px; width:45px; padding-top:2px;}

.sub_menu {display:none; position:absolute; z-index:2; top:0px; left:0; text-align:left; font-size:20px; font-weight:600; font-family:'nanumS'; width:100%; background:#fff;}
.sub_menu .menu_close {padding:15px 18px; background-color:#fff;}
.sub_menu .menu_close a {display:block; width:45px; height:45px;}
.sub_menu > ul li + li {margin-top:1px;}
.sub_menu > ul > li > a {display:block; width:100%; color:#fff; height:60px; line-height:1; padding:20px 40px; background:#f89828 url(/mpage/images/ico/ico_top_open.png) no-repeat right 30px center; background-size:20px;}
.sub_menu > ul .depth02 {display:none;}
.sub_menu > ul .depth02 li {line-height:1; background:#d8d8d8;}
.sub_menu > ul .depth02 li a {position:relative; display:block; width:100%; padding-left:60px; padding:20px 20px 20px 60px; height:100%; color:#717171;}
.sub_menu > ul .depth02 li a:after {content:''; position:absolute; z-index:1; width:7px; height:2px; left:40px; top:30px; background-color:#717171;}


.visual {position:relative;}
.visual ul li img {width:100%;}
.visual .slick-dots:after {content:''; clear:both; display:block;}
.visual .slick-dots {position:absolute; z-index:1; height:15px; bottom:20px; left:50%; margin-left:-20px; width:100%;} 
.visual .slick-dots li {display:inline-block; text-indent:-999px; width:15px; height:15px; border-radius:15px; background:#6e6e76;} 
.visual .slick-dots li + li {margin-left:5px;}
.visual .slick-dots li.slick-active {background:#f89828;}
.pick ul:after {content:''; clear:both; display:block;}
.pick ul {margin-left:-1px; margin-top:-1px;}
.pick ul li {float:left; width:33.33%; text-align:center; border-left:1px solid #cbcdcf; border-top:1px solid #cbcdcf;}
.pick ul li a {display:block; width:100%; height:100%;}
.pick ul li img {width:100%;}

.banner01 img {width:100%;}

.clinic_info {text-align:center; padding:85px 0px 15px 0px; background-color:#ededed;}
.clinic_info h3 {font-size:30px; color:#282828; font-weight:700;}
.clinic_info p {font-size:17px; font-family:'notosans'; font-weight:500; color:#818181; margin-top:10px; margin-bottom:40px;}
.clinic_info [class^="more0"] {padding:0px 15px;}
.clinic_info [class^="more0"] img {width:100%;}
.clinic_info [class^="more0"] + [class^="more0"] {margin-top:10px;}

.consulting {padding:55px 20px;}
.consulting h3 {font-size:22px; font-weight:500;}
.consulting form {margin-top:20px;}
.consulting form > div:after {content:''; clear:both; display:block;}
.consulting form > div > div {float:left;}
.consulting form .txt {width:calc(70% - 5px);}
.consulting form .txt input {display:block; width:100%; height:42px; font-size:16px; font-family:'notosans';}
.consulting form .txt input::placeholder {font-size:16px; font-family:'notosans';}
.consulting form .txt input + input {margin-top:5px;}
.consulting form .btn {width:calc(30% - 5px); height:89px; font-size:18px; text-align:center; line-height:89px; margin-left:10px; background-color:#000;}
.consulting form .btn button{display:block; width:100%; height:100%; font-family:'notosans'; color:#fff; font-weight:500; letter-spacing:5px;}
.consulting form label {display:inline-block; font-family:'notosans'; font-size:15px; color:#6d6d6d; margin-top:15px;}
.consulting form label input {vertical-align:middle; margin-right:7px; margin-top:-2px; width:12px; height:12px;}
.consulting form label span {vertical-align:middle; margin-right:15px;}
.consulting form label a {display:inline-block; color:#fff; font-weight:500; vertical-align:middle; padding:5px 15px; background-color:#838383}

.quick ul:after {content:''; clear:both; display:block;}
.quick ul li {float:left; width:calc(25% - 1px); background-color:#e97926;}
.quick ul li + li {margin-left:1px;}
.quick ul li a {display:block; width:100%; height:100%;}

.clinical_hours {background-color:#3a3a3a; padding-bottom:27px;}
.clinical_hours > div img {width:100%;}
.clinical_hours .sns {text-align:center;}
.clinical_hours .sns ul {width:100%;}
.clinical_hours .sns ul li {display:inline-block; width:27px; height:30px;}
.clinical_hours .sns ul li + li {margin-left:7px;}

footer {text-align:center; color:#7e7e7e; font-size:13px; font-weight:500; font-family:'nanumS'; border-top:1px solid #6b6b6b; padding:30px 0px; background:#3a3a3a;}
footer a {color:#7e7e7e;}
footer span {display:inline-block; padding:0px 7px;}
footer span + span {position:relative;}
footer span + span:after {content:''; position:absolute; z-index:1; width:1px; height:12px; left:-2px; top:2px; background:#7e7e7e;}
footer p {margin-top:5px;}
footer p:last-child {margin-top:10px;}

/*병원둘러보기 sub01*/
.hospital_roll {position:relative; padding:70px 20px 75px 20px;}
.hospital_roll ul li img {width:100%;}
.hospital_roll .slick-arrow {position:absolute; z-index:1; text-indent:-9999px; width:27px; height:27px; top:50%; margin-top:-14px; background-repeat:no-repeat; background-position:0px 0px; background-size:27px auto;}
.hospital_roll .slick-arrow.slick-prev {left:0px; background-image:url(/mpage/images/ico/ico_arrow01.jpg);}
.hospital_roll .slick-arrow.slick-next {right:0px; background-image:url(/mpage/images/ico/ico_arrow02.jpg);}
.sub_footer {margin-top:1px;}

/*자가치아 뼈이식 sub02*/
/*
#contents img {width:100%;}
*/

@media all and (max-width:320px){
	.menu_tab {font-size:15px;}
	.menu_tab .tab > li > a {line-height:50px; height:50px; padding-left:30px; background-size: auto 15px;}
	.menu_tab .tab .open li {height:52px; line-height:52px;}
	.menu_tab .tab .open li a {padding-left:50px;}
	.menu_tab .tab .open li a:after {top:24px;}

	.visual .slick-dots {bottom:10px; left:50%; margin-left:-15px; width:100%;} 
	.visual .slick-dots li {width:10px; height:10px; border-radius:10px;} 
	.visual .slick-dots li + li {margin-left:3px;}

	.clinic_info {padding-top:65px;}
	.clinic_info h3 {font-size:25px;}
	.clinic_info p {font-size:14px; margin-bottom:30px;}

	.consulting {padding:40px 15px;}
	.consulting h3 {font-size:18px;}
	.consulting form {margin-top:10px;}
	.consulting form .txt input {font-size:13px; height:35px;}
	.consulting form .txt input::placeholder {font-size:13px;}
	.consulting form .btn {height:75px; line-height:75px;}
	.consulting form .btn button {font-size:13px;}
	.consulting form label {font-size:11px; margin-top:10px;}
	.consulting form label input {margin-top:0px;}

	footer {font-size:10px;}
	footer span + span:after {height:8px;}

	/*병원둘러보기*/
	header h1 {width:100px;}
	.head_ico .call {width:30px;}
	.head_ico > p {width:25px;}
	.hospital {padding:40px 15px 45px 15px;}
	.page {margin-top:-10px; padding:0px 15px;}
	.page a {width:20px; height:20px; background-size:20px auto;}
}


/* 커뮤니티 */

.commBox { margin: 50px 0px; }