@charset "utf-8";
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;font-style:italic;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}

.p0101_hos .banner:after{display:block;clear:both;content:""}
.p0101_hos .banner li{float:left;width:415px;height:240px;padding:30px;box-sizing:border-box}
.p0101_hos .banner li.dis{background:url('/sh_page/img/p48_banner1.jpg') 0 0 no-repeat}
.p0101_hos .banner li.sur{background:url('/sh_page/img/p48_banner2.jpg') 0 0 no-repeat}
.p0101_hos .banner li > a{display:block;position:relative;margin-top:25px;float:right;width:29px;height:29px;border:1px solid #fff;border-radius:50%;line-height:22px;text-align:center;behavior:url(/js/PIE.htc)}
.p0101_hos .banner li .tit{float:left;font-size:22px;color:#fff;letter-spacing:1px;line-height:27px;font-weight:bold}
.p0101_hos .banner li .tit span{margin-left:-9px;font-size:14px;color:#d5f9f9;letter-spacing:0;font-style:italic;font-weight:normal}
.p0101_hos .banner li .a_wrap{margin-top:130px;text-align:left}
.p0101_hos .banner li .a_wrap:after{display:block;clear:both;content:""}
.p0101_hos .banner li .a_wrap a{display:inline-block;padding:7px 12px;margin-right:10px;font-size:14px;color:#fff;background:#242424}

/* 원장님소개 - 연혁 */
.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 .top_area p.s_txt{width:100% !important;margin:20px 0 0 !important;font-size:18px;color:#515151;background:none !important}
.p0201_hos .box_area {padding:30px;margin-bottom:25px;background-color:#f4f8fc}
.p0201_hos .box_area.white {border:1px solid #ddd;background-color:#fff}
.p0201_hos .tbl_wraper{margin-top:50px}
.p0201_hos .tbl_wraper table{width:100%;border-collapse:collapse;border-top:3px solid #3378c1;border-left:1px solid #e0e0e0;font-size:14px;text-align:center}
.p0201_hos .tbl_wraper table caption{margin-bottom:20px;font-size:20px;color:#333;font-weight:bold}
.p0201_hos .tbl_wraper table thead th{color:#333;border-right:1px solid #e0e0e0;background:#f0f0f0}
.p0201_hos .tbl_wraper table tbody th{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.p0201_hos .tbl_wraper table tbody td{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.p0201_hos .tbl_wraper p{margin-top:20px;font-size:15px;color:#515151;text-align:center}
.p0201_hos .tbl_wraper p span{color:#ff0000}

/* 예약안내 */
.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:100px;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}


/*오시는길*/
.p35 .img_wrap:after{display:block;clear:both;content:""}
.p35 .img_wrap > img{display:block;float:left;margin-right:20px}
.p35 .img_wrap .dl_wrap{float:left}
.p35 .img_wrap .dl_wrap dl{margin-bottom:20px}
.p35 .img_wrap .dl_wrap dl.last{margin-bottom:0}
.p35 .img_wrap .dl_wrap dl dt{width:130px;margin-top:75px;padding:10px 0;font-weight:bold;text-align:center;font-size:15px;color:#fff;background:#06406e;}
.p35 .img_wrap .dl_wrap dl dd{margin-top:10px;font-size:15px;line-height:26px;color:#515151;line-height:24px}
.p35 .img_wrap .dl_wrap dl dd span{letter-spacing:0.6px}
.p35 .call{margin:20px 0;width:100%;height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:800;text-align:center;background:#06406e}


/*page37*/
#p37 {position:relative;font-size:14px;line-height:26px}
#p37:after{display:block;position:absolute;bottom:28px;right:19px;clear:both;content:"두리이비인후과";font-size:50px;color:#d8f8f8;font-weight:bold;font-style:italic}
#p37 .text .name{padding-top:5px;margin-bottom:20px;font-size:20px;color:#333;font-weight:bold;background:url('/sh_page/img/name_bg.png') left top no-repeat}
#p37 .text1 {margin-top:30px;background:url('/sh_page/img/p37_img1.png') right 94px no-repeat}
#p37 .text2 {margin-top:30px;background:url('/sh_page/img/p37_img2.png') right 94px no-repeat}
#p37 .text .u3{margin-top:30px}
#p37 .text img {padding-bottom:25px}
#p37 .text .u2 {padding-top:30px}
#p37 .text .u2 ul li {padding-bottom:15px}
#p37 .text .u2 ul .tt {font-weight:600; font-size:15px}
#p37 .text ul .t1 {font-size:15px; font-weight:600; color:#414141}
#p37 .text ul .t2 {padding-left:20px; padding-top:10px}


/*page39*/
.p39 ul:after{display:block;clear:both;content:""}
.p39 ul li{float:left;width:415px;height:250px;box-sizing:border-box;padding-top:80px}
.p39 ul li p{color:#fff;font-size:15px;line-height:22px;letter-spacing:-0.2px;text-align:center}
.p39 ul li .tit{margin-bottom:15px;font-size:23px;font-weight:bold;line-height:33px}
.p39 ul li.li_01{background:url('/sh_page/img/li_01.jpg') 0 0 no-repeat}
.p39 ul li.li_02{background:url('/sh_page/img/li_02.jpg') 0 0 no-repeat}
.p39 ul li.li_03{background:url('/sh_page/img/li_03.jpg') 0 0 no-repeat}
.p39 ul li.li_04{background:url('/sh_page/img/li_04.jpg') 0 0 no-repeat}
.p39 ul li.li_05{background:url('/sh_page/img/li_05.jpg') 0 0 no-repeat}
.p39 ul li.li_06{background:url('/sh_page/img/li_06.jpg') 0 0 no-repeat}

/*의료진소개*/
#p0201 .content {padding-bottom:59px;background:url(/sh_page/img/p0201_photo.jpg) no-repeat right 3%}
#p0201 .content h3 {padding-left:0;font-size:30px;letter-spacing:-0.3px;color:#333;font-family: 'notokr-bold'}
#p0201 .content h3>b {padding-left:10px;font-size:16px;font-family: 'notokr-regular'}
#p0201 .content span {display:inline-block;margin:30px 0;width:400px;border-bottom:1px solid #555}
#p0201 .content dl{margin-bottom:30px}
#p0201 .content dl dt {padding-left:15px;margin-bottom:15px;font-size:18px;color:#343434;background:url(/sh_page/img/dt_icon.png) no-repeat left center;font-family: 'notokr-bold'}
#p0201 .content dl dd {padding-left:15px;font-size:16px;line-height:28px;color:#656565;background:url(/sh_page/img/dot.png) no-repeat left center;font-family: 'notokr-regular'}
#p0201 .content dl dd.dot2{background:url(/sh_page/img/dot.png) no-repeat left 12px;}