@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
#comingsoon {width:100%;padding-top:100px;text-align:center}


/* 공통 */
#PageCommon{position:relative;width:100%;margin:50px 0;font-size:15px;line-height:25px;color:#666;letter-spacing:-0.2px}
#PageCommon * {box-sizing:border-box}
#PageCommon .c_blue {color:#3378c1}
#PageCommon .c_green {color:#40c1c2}
#PageCommon .top_area{margin-bottom:25px;text-align:center}
#PageCommon .top_area p {width:50%;margin:0 auto 15px;background:url(/sh_page/img/top_area_line.png) center repeat-x}
#PageCommon .top_area p span {display:inline-block;padding:0 10px;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;color:#b1b1b1;background-color:#fff}
#PageCommon .top_area h3 {padding-top:42px;font-size:22px;font-weight:bold;line-height:1.5;color:#222;background:url(/sh_page/img/top_area_deco.png) top center no-repeat}
#PageCommon .box_area h4 {padding-left:12px;margin-bottom:10px;font-size:17px;font-weight:bold;color:#222;background:url(/sh_page/img/h5_arr.png) left center no-repeat}

/* 인사말 */
.p0101_hos {text-align:center}
.p0101_hos .cont_area ul {overflow:hidden;width:800px;margin:20px auto 40px}
.p0101_hos .cont_area ul li {float:left;position:relative;width:135px;height:135px;margin:55px 0 0 29px;padding-top:35px;border:1px solid #3378c1;border-radius:180px;behavior:url(/js/PIE.htc);color:#3378c1;line-height:21px}
.p0101_hos .cont_area ul li.first {width:254px;height:254px;padding-top:60px;margin:0;font-size:16px;line-height:23px;color:#222;border:39px solid #d6e4f3;background:url(/sh_page/img/p0101_mark.png) center 25px no-repeat}
.p0101_hos .cont_area ul li.first span {font-weight:bold}
.p0101_hos .cont_area ul li:before {display:block;content:"";position:absolute;left:-30px;top:50%;width:30px;height:1px;background-color:#ddd}
.p0101_hos .cont_area ul li.first:before {display:none}
.p0101_hos .cont_area ul li .dot {position:absolute;top:47%;left:-5px;display:block;width:9px;height:9px;background:url(/sh_page/img/p0101_dot.png) no-repeat} 
.p0101_hos .box_area {padding:30px 30px 35px;background-color:#f4f8fc}
.p0101_hos .box_area p {display:inline-block;padding:5px 35px;margin-top:10px;color:#fff;background-color:#3378c1}

/* 원장님소개 - 연혁 */
.p0102_hos .history_area {position:relative;margin:120px 0 50px;padding:50px 0}
.p0102_hos .history_area:before {content:"";display:block;position:absolute;top:0;left:50%;width:5px;height:100%;border-radius:45px;behaior:url(/js/PIE.htc);background-color:#ddd}
.p0102_hos .history_area .present {position:absolute;left:50%;top:-90px;width:70px;height:70px;margin:0 0 0 -33px;border:1px solid #e5e5e5;border-radius:45px;behavior:url(/js/PIE.htc);line-height:70px;text-align:center;color:#07469b}
.p0102_hos .history_area .history {position:relative;margin-bottom:30px}
.p0102_hos .history_area .history:before {content:"";display:block;position:absolute;top:-3px;left:50%;width:11px;height:30px;margin-left:-3px;background:url(/sh_page/img/p0102_dot.png) no-repeat}
.p0102_hos .history_area .history:after {content:"";display:block;visibility:hidden;clear:both}
.p0102_hos .history_area .history .year {width:50%;font-size:18px;font-weight:bold;color:#3378c1}
.p0102_hos .history_area .history .cont {position:relative;width:50%}
.p0102_hos .history_area .history .cont .text {margin-bottom:12px}
.p0102_hos .history_area .history .cont .text li {position:relative;padding-left:30px}
.p0102_hos .history_area .history .cont .text li b {display:block;position:absolute;top:0;left:0;color:#9c9c9c}
.p0102_hos .history_area .history .cont .gall {overflow:hidden}
.p0102_hos .history_area .history .cont .gall li {float:left;margin-right:7px}	
.p0102_hos .history_area .end {position:absolute;left:50%;bottom:0;width:15px;height:15px;margin:0 0 0 -5px;border:2px solid #3378c1;border-radius:45px;behavior:url(/js/PIE.htc);background-color:#fff}
/* 홀수번째연혁 */
.p0102_hos .history_area .history.right .year {float:left;padding-right:25px;text-align:right}
.p0102_hos .history_area .history.right .cont {float:right;padding-left:30px;text-align:left}
.p0102_hos .history_area .history.right .cont .text li {padding-left:30px}
.p0102_hos .history_area .history.right .cont .text li b {left:0}
/* 짝수번째연혁 */
.p0102_hos .history_area .history.left .year {float:right;padding-left:30px;text-align:left}
.p0102_hos .history_area .history.left .cont {float:left;padding-right:25px;text-align:right}
.p0102_hos .history_area .history.left .cont .text li {padding-right:30px}
.p0102_hos .history_area .history.left .cont .text li b {right:0}
.p0102_hos .history_area .history.left .cont .gall li {float:right}	

/* 원장님소개 - 학력  */
.p0102_hos .box_area {padding:30px 30px 35px;background:url(/sh_page/img/p0102_box_bg.png) 95% -110px no-repeat #f4f8fc}
.p0102_hos .box_area h5 {width:20%;padding-left:10px;margin:0 20px 5px 0;line-height:22px;color:#fff;background-color:#3378c1}
.p0102_hos .box_area .cont {overflow:hidden;margin-bottom:20px}
.p0102_hos .box_area .cont h5 {float:left}
.p0102_hos .box_area .cont ul {float:left}

/* 소아건강관리&청소년성장관리 */
.p0201_hos .box_area {padding:30px;margin-bottom:25px;background-color:#f4f8fc}
.p0201_hos .box_area.white {border:1px solid #ddd;background-color:#fff}

/* 예약안내 */
.p0401_hos .box_area {padding:30px 30px 30px 150px;margin-bottom:25px;}
.p0401_hos .box_area.time {background:url(/sh_page/img/p0401_icon01.png) 40px 45px no-repeat #f4f8fc}
.p0401_hos .box_area dl {overflow:hidden}
.p0401_hos .box_area dl dt {float:left;width:70px;margin-right:30px;border-right:1px solid #ddd;font-weight:bold;color:#3378c1}
.p0401_hos .box_area dl dd {float:left}
.p0401_hos .box_area p {margin-top:10px}
.p0401_hos .box_area.resv {border:1px solid #ddd;background:url(/sh_page/img/p0401_icon02.png) 40px 45px no-repeat}
.p0401_hos .box_area.resv dl dt {width:195px}

#p0101 p{margin:20px 0;font-size:15px;letter-spacing:-0.5px;color:#777;text-align:center;line-height:25px}
#p0101 .t_tit{margin-top:50px;font-size:30px;color:#454545;font-family:'Nanum Pen Script'}
#p0101 .s_tit{font-size:20px;font-weight:bold}
#p0101 .s_tit span{color:#1a84c1}

#p0103 div.map_time{margin-bottom:50px}
#p0103 .tit{padding-top:10px;margin-bottom:20px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0103 li,#p0103 .cont{font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px}
#p0103 strong{color:#444}
#p0103 span{font-size:13px;color:#999}

#p0201 .tit{padding-top:10px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0201 div{overflow:hidden;margin-top:20px;}
#p0201 img{float:left}
#p0201 ul{float:left;width:453px;margin-left:20px;padding:40px 30px;border:1px solid #dadada}
#p0201 li{padding-left:10px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;background:url(/sh_page/img/0301_list.png) left center no-repeat}

#p0301 div{overflow:hidden;margin-bottom:30px}
#p0301 .tit{padding-top:10px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0301 .cont{margin-top:20px;padding:30px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;border:1px solid #dadada;background:url(/sh_page/img/0301_bg.png) center right no-repeat}
#p0301 ul{overflow:hidden;height:122px;padding:20px 0 0;border:1px solid #bababa}
#p0301 li{font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px}
#p0301 .s_tit{padding:10px 0;font-size:17px;font-weight:bold;color:#fff;text-align:center;background:#868686}
#p0301 .cont2{float:left;width:355px;margin-right:15px}
#p0301 .cont2 ul{padding-left:20px;padding-right:20px}
#p0301 .cont2 li{float:left;width:145px;padding-left:10px;background:url(/sh_page/img/0301_list.png) 0 center no-repeat}
#p0301 .cont3{float:left;width:430px}
#p0301 .cont3 ul{padding-left:20px}
#p0301 .cont3 span{padding:2px 5px;margin-right:10px;font-weight:bold;color:#fff;background:#86afd5}

#p0302 .tit{padding-top:10px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0302 .cont{margin:20px 0;padding:30px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;border:1px solid #dadada;background:url(/sh_page/img/0302_bg.png) right center no-repeat}

#p0303 div{margin-bottom:50px}
#p0303 .tit{padding-top:10px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0303 .cont{margin-top:20px;padding:30px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;border:1px solid #dadada;background:url(/sh_page/img/0303_bg.png) right bottom no-repeat}
#p0303 ul{overflow:hidden;padding:30px;margin-top:20px;border:1px solid #bababa}
#p0303 li{float:left;width:174px;padding-left:10px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;background:url(/sh_page/img/0301_list.png) 0 center no-repeat}

#p0304 .tit{padding-top:10px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0304 .cont{margin-top:20px;padding:30px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;border:1px solid #dadada;background:url(/sh_page/img/0304_bg.png) right center no-repeat}

#p0305 .tit{padding-top:10px;font-size:20px;letter-spacing:-0.5px;color:#325ab5;font-weight:bold;background:url(/sh_page/img/page_tit.png) no-repeat}
#p0305 .cont{margin:20px 0;padding:30px;font-size:15px;letter-spacing:-0.5px;color:#777;line-height:25px;border:1px solid #dadada;background:url(/sh_page/img/0305_bg.png) right center no-repeat}