@charset "utf-8";

/*==========================================================================
Layout Style
==========================================================================*/
.s_visual {position:relative; float:left; width:100%; height:400px; }
.s_visual:after { clear:both;}
.s_bg1 { background:url(../images/sub/s_visual1.jpg) no-repeat center; background-size:cover;}
.s_bg2 { background:url(/images/sub/s_visual2.jpg) no-repeat center; background-size:cover;}
.s_bg3 { background:url(/images/sub/s_visual3.jpg) no-repeat center; background-size:cover;}
.s_bg4 { background:url(/images/sub/s_visual4.jpg) no-repeat center; background-size:cover;}
.s_bg5 { background:url(/images/sub/s_visual5.jpg) no-repeat center; background-size:cover;}





/* 페이지 인식을 위한 부분 */
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2,
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6,
#page07 #sub_menu a.menu7,
#page08 #sub_menu a.menu8,
#page09 #sub_menu a.menu9,
#page10 #sub_menu a.menu10 { color:#fff;background:#0071bc;opacity:1; }

#sub_menu {position:relative;float:left;clear:both; width:100%; text-align:center;  margin:70px 0 0;font-family: 'NanumBarunGothic'; }

#sub_menu li {display:inline-block;float:left; border-left:1px solid #5d5d5d;border-bottom:1px solid #5d5d5d; width:20%; text-align:center;padding:0;margin-left:0px; list-style:none;
               margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
#sub_menu li:first-child {border-left:0}
#sub_menu li a {display:block;  line-height: 45px; font-size:14px;color:#fff; background:#444; letter-spacing:-.04em;  }
#sub_menu li a:hover{ color:#fff; background:#0071bc; opacity:1;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;		}




.container { position:relative; float:left; width:94%; margin:20px 3%;letter-spacing:-.07em;}

@media screen and (max-width:667px) {
#sub_menu li a { font-size:16px;  }

}
@media screen and (max-width:500px) {
#sub_menu li a { font-size:14px;  }

}


/* Title */
.cont-tit { position:relative; float:left; width:100%; font-size:27px; line-height:27px; color:#444; margin:10px 0 20px}
.cont-tit span {display:block; height:2px; width:41px;margin:13px 0 0px 1px; background:#555;}

.cont-tit2 { position:relative; float:left; width:100%; font-size:23px; line-height:37px; color:#555; margin:10px 0;  }
.cont-tit2 img {margin-right:5px; vertical-align:middle; height:37px;}

.slide-inside {position:relative; float:left; width:100%; margin:10px 0 120px}

.cont {position:relative; float:left; width:100%; }
.cont li {display:block; float:left; width:100%; margin-bottom:10px;font-size:16px; line-height:22px; color:#666; }
.cont img {width:100%;}

.greeting {position:relative; float:left; width:100%;}
.greeting li { display:block; float:left; width:100%; font-size:17px; line-height:24px; color:#777; margin-bottom:10px;}
.greeting li span {color:#444; font-size:120%;}
.greeting li:first-child {font-family: 'yoon320'; font-size:35px; line-height:40px; font-weight:bold; color:#8f775e;}

/* doctor */
#doctor { position:relative; float:left; width:100%; }
#doctor p {float:left; width:100%; margin-bottom:10px; font-size:14px; color:#666; color:#888 }
#doctor img {float:left; width:40%; margin-top:5px;}
#doctor ul {float:right; width:55%;}
#doctor ul h3 {float:left;  width:100%; font-size:21px; line-height:27px; color:#444; padding-bottom:12px; border-bottom:1px solid #ddd; margin-bottom:15px;}
#doctor ul h3 span { font-size:80%; color:#777;}
#doctor ul li {position:relative;display:block; float:left; width:100%; font-size:15px;color:#666; line-height:20px; margin-bottom:10px; padding-left:12px;
                -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
#doctor ul li:before {content:"";top:8px; left:4px;position:absolute; width:3px; height:3px; background:#666;  display:inline-block;   }


#doctor2 { position:relative; float:left; width:92%; background:#f8f8f8; padding:4%;margin-top:-15px; margin-bottom:20px; border-top:1px dotted #999; border-bottom:0px solid #fff }
#doctor2 img {float:left; width:100%; margin-bottom:10px;}
#doctor2 ul {float:left; width:100%;}
#doctor2 ul li {position:relative;display:block; float:left; width:100%; font-size:15px;color:#666; line-height:20px; margin-bottom:10px; padding-left:12px;
                -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
#doctor2 ul li:before {content:"";top:8px; left:4px;position:absolute; width:3px; height:3px; background:#666;  display:inline-block;   }



.draw_map {width:100%; border:1px solid #ddd; padding-bottom:10px;}

.address {position:relative; float:left; width:100%; margin:15px 0;}
.address li {display:block; float:left; width:100%; font-size:15px; line-height:21px; border-bottom:1px solid #ddd; padding:10px 0}

.exp-box {position:relative; float:left; width:100%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;  border-radius:5px;
           background:#f0eeec; padding:15px; font-size:18px; line-height:25px; text-align:center;}



.order-list1 {position:relative; float:left; width:100%; margin:15px 0;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;  border-radius:5px;}
.order-list1 li {position:relative; float:left; width:90%; padding-left:30px;counter-increment: number; font-size:15px; line-height:20px; margin-bottom:12px; color:#555}
.order-list1 li:before {content: counter(number, decimal) ;position:absolute; top:-2px; left:0px; width:25px; height:25px;line-height:25px; text-align:center; color:#fff;
            background:#0071bc; border-radius:100px;transform:rotate(0deg); }
.order-list1 p {position:relative; float:left; width:100%; padding-left:0px; margin:15px 0 0; padding-top:12px; border-top:1px dotted #999;font-size:15px; line-height:22px;color:#777;}

.order-list2 {position:relative; float:left; width:100%;}
.order-list2 dt {position:relative; float:left; width:auto; background:#0071bc;padding:5px 20px 6px; color:#fff; font-size:16px;letter-spacing:-.10em; margin-bottom:10px; border-radius:30px;}
.order-list2 li {position:relative; float:left; width:96%;padding-left:15px; font-size:16px; color:#666; line-height:22px; margin-bottom:5px; }
.order-list2 dd {position:relative; float:left; width:96%;padding-left:10px; font-size:16px; color:#666; line-height:22px; margin-bottom:5px; }
.order-list2 li:before {content:"" ;position:absolute; top:8px; left:7px; width:5px; height:5px;
            background:#555; border-radius:100px;transform:rotate(0deg); }


/* 임플란트 보증제 */
.guarantee {position:relative; float:left; width:90%;  background:#f8f8f8;padding:5%;}
.guarantee .inner { position:absolute;left:2%; top:2%; width:96%; height:96%; border:1px solid #e1be98;}

/* 논문 */
.paper {position:relative; float:left; width:100%; }
.paper li {display:inline-block;float:left; text-align:center; width:50%; margin-bottom:10px;}
.paper li img {width:90%; border:1px solid #ddd;}


.imp-dr {position:relative;}