﻿/* @Author lee jun */

@charset "utf-8";

div.dev {
	position:fixed; left:0px; top:0px; z-index:100;
	background:white;
}
div.nav {
	width:100%; height:58px;
	background:white;
	border-bottom:2px solid #bde8ee;
	position:absolute; left:0px; top:0px; z-index:50;
}
div.nav div.nav-space {
	display:table;
	width:1200px; height:58px;
	margin:0 auto;
}
div.nav div.nav-space div {
	display:table-cell;
	height:58px;
	vertical-align:middle;
}
div.nav div.nav-space div.nav-home {
	text-align:left;
}
div.nav div.nav-space div.nav-ui {
	text-align:right;
}
div.nav div.nav-space div.nav-ui p {
	display:table;
	float:right;
}
div.nav div.nav-space div.nav-ui a {
	display:table-cell;
	padding-left:40px;
}


div.nav-fix {
	width:100%; height:58px;
	background:white;
	border-bottom:2px solid #bde8ee;
}
div.nav-fix div.nav-space {
	display:table;
	width:1200px; height:58px;
	margin:0 auto;
}
div.nav-fix div.nav-space div {
	display:table-cell;
	height:58px;
	vertical-align:middle;
}
div.nav-fix div.nav-space div.nav-home {
	text-align:left;
}
div.nav-fix div.nav-space div.nav-ui {
	text-align:right;
}
div.nav-fix div.nav-space div.nav-ui p {
	display:table;
	float:right;
}
div.nav-fix div.nav-space div.nav-ui a {
	display:table-cell;
	padding-left:40px;
}

div.in-area {
	width:1200px;
	margin:0 auto;
	text-align:center;
}

/* 서울앤치과 소개 */
div.floor1 {
	height:800px;
	background:url(../images/section/bg_page1_step1.jpg) no-repeat center 0;
}
div.floor1 div.in-area img {
	margin-top:100px;
}
div.floor2 {
	height:670px;
	background:url(../images/section/bg_page1_step2.jpg) no-repeat center 0;
}
div.floor2 div.in-area img {
	margin-top:100px;
}
div.floor3 {
	height:1366px;
	background:url(../images/section/bg_page1_step3.jpg) no-repeat center 0;
}
div.floor3 div.in-area img {
	margin-top:100px;
}
div.floor4 {
	height:1767px;
	background:#f4f4f4;
}
div.floor4 div.in-area img {
	margin-top:100px;
}
div.floor5 {
	height:754px;
	/*background:url(../images/section/bg_page1_step5.jpg) no-repeat center 0;*/
	background:url(../images/section/pattern1.jpg) repeat;
}
div.floor5 div.in-area img {
	margin-top:100px;
}

/* 임플란트, 일반진료 */
div.floor-b1 {
	height:800px;
	background:url(../images/section/bg_page2_step1.jpg) no-repeat center 0;
}
div.floor-b2 {
	height:1059px;
	background:url(../images/section/bg_page2_step2.jpg) no-repeat center 0;
}
div.floor-b3 div.title {
	height:285px;
	background:url(../images/section/pattern2.jpg) repeat;
}
div.floor-b3 div.title img {
	margin-top:100px;
}
div.floor-b3 div.b3-detail {
	height:1110px;
	background:url(../images/section/content2_floor3_detail.png) no-repeat center 0;
}
div.floor-b4 {
	height:780px;
	background:url(../images/section/bg_page2_step4.jpg) no-repeat center 0;
}
div.floor-b4 div.in-area img {
	margin-top:100px;
}
div.floor-b5 {
	height:435px;
	background:url(../images/section/bg_page2_step5.jpg) no-repeat center 0;
}
div.floor-b5 div.in-area {
	text-align:left;
}
div.floor-b5 div.in-area img {
	margin-top:100px; margin-left:40px;
}
div.floor-b6 {
	height:800px;
	background:url(../images/section/bg_page2_step6.png) no-repeat center 0;
}
div.floor-b6 div.in-area img {
	margin-top:100px;
}
div.floor-b7 {
	height:615px;
	background:url(../images/section/bg_page2_step7.jpg) no-repeat center 0;
}
div.floor-b7 div.in-area img {
	margin-top:100px;
}
div.floor-b8 {
	height:640px;
	background:url(../images/section/pattern5.jpg) repeat;
}
div.floor-b8 div.in-area img {
	margin-top:100px;
}

/* 심미보철, 치아미백 */
div.floor-c1 {
	height:800px;
	background:url(../images/section/bg_page3_step1.jpg) no-repeat center 0;
}
div.floor-c1 div.in-area {
	text-align:left;
}
div.floor-c1 div.in-area img {
	margin-top:170px;
}
div.floor-c2 {
	height:1130px;
	background:url(../images/section/bg_page3_step2.jpg) no-repeat center 0;
}
div.floor-c2 div.in-area img {
	margin-top:100px;
}
div.floor-c3 {
	height:843px;
	background:url(../images/section/pattern3.jpg) repeat;
}
div.floor-c3 div.in-area img {
	margin-top:100px;
}
div.floor-c4 {
	height:767px;
	background:url(../images/section/bg_page3_step4.jpg) no-repeat center 0;
}
div.floor-c4 div.in-area img {
	margin-top:100px;
}
div.floor-c5 {
	height:912px;
	background:url(../images/section/bg_page3_step5.jpg) no-repeat center 0;
}
div.floor-c5 div.in-area img {
	margin-top:100px;
}









div.support {
	height:145px;
	background:white;
	border-top:5px solid #bee8ee;
}
div.support div.support-area {
	display:table;
	width:1200px;
	margin:0 auto;
	position: relative;
}
div.support div.support-area div.foot-ci {
	display:table-cell;
	width:350px; height:145px;
	vertical-align:middle; text-align:left;
}
div.support div.support-area div.foot-ci img {
	
}
div.support div.support-area div.about {
	display:table-cell;
	font-family:"dotum","sams-serif"; font-size:12px; color:#8b8b8b; line-height:20px;
	vertical-align:middle; text-align:left;
}
div.support div.support-area div.about p span.color1 {
	color:#3bb3c3;
}
div.support div.support-area div.about p span.color2 {
	color:#cbcbcb;
	margin-left:10px;
}
div.support div.support-area .btn-suga {
	position: absolute; z-index:1;top: 40px; right: 0;
}

div.top-ui {
	position:absolute; right:10%; top:50%; z-index:0;
}
div.top-ui a {
	cursor:pointer;
}