@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;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}

/*소개*/
.p33{text-align:center;font-family:'notokr-reqular';background:url(/sh_page/img/p33_tit_boxbg.png) no-repeat}
.p33 .p_tit_box{width:820px;height:207px;}
.p33 .p_tit_box .box_tit{position:relative;padding-top:40px;font-size:31px;color:#2b466a;font-family:'notokr-bold';}
.p33 .p_tit_box .box_tit:after{position:absolute;right:320px;content:"";width:13px;height:13px;background:url(/sh_page/img/box_tit_bg.png) no-repeat;}
.p33 .p_tit_box .box_tit>span{color:#486790;font-family: 'notokr-bold';}
.p33 .p_tit_box .box_txt{font-size:15px;color:#545454}
.p33 .p_tit{position:relative;margin:15px 0 35px;padding-top:46px;font-size:20px;font-family: 'notokr-bold';}
.p33 .p_tit:after{position:absolute;left:176px;bottom:-2px;z-index:-1;content:"";width:471px;height:12px;background:#efefef}
.p33 .p_tit:before{position:absolute;left:388px;top:0;content:"";width:47px;height:35px;background:url(/sh_page/img/p33_tit_bg.png) no-repeat}
.p33 .p_tit .blue{color:#074caa;font-family: 'notokr-bold';}
.p33 .p_cont{margin-bottom:50px;font-size:15px;line-height:26px;color:#666}
.p33 .d_blue{color:#2b466a}
.p33 .blue_box{display:inline-block;padding:2px 14px 3px;color:#fff;background:#486790}
.p33 ul li{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}
.p33 ul li p{width:200px;padding:10px 0;border:1px solid #e1e1e1;background-color:#c1d5ed;font-size:20px;font-family:'notokr-bold';z-index:1;}
.p33 ul li span{display:flex;align-items:center;justify-content:center;width:75%;padding:50px 0 30px;border:1px solid #e1e1e1;margin-top:-20px;font-size:15px;line-height:1.7;white-space:pre-line;color:#666}

/*의료진소개*/
.p35 .tit{margin-bottom:10px;padding-left:12px;font-size:18px;color:#333;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-family: 'notokr-medium';}
.p35 .tit_area .tit:after{position:absolute;left:336px;bottom:-2px;z-index:-1;content:"";width:167px;height:16px;background:#efefef}
.p35 img{margin-top:50px}

/*진료과 및 진료시간,입퇴원 절차*/
.p_area{font-family: 'notokr-regular';}
.p_area .tit_area {text-align:center;margin-bottom:30px; }
.p_area .tit_area .tit{position:relative;margin-top:40px;padding-top:43px;font-size:25px;color:#2b466a;font-family: 'notokr-bold';background:url(/sh_page/img/tit_area_bg.jpg) center top no-repeat;}
.p_area .tit_area .tit:after{position:absolute;left:308px;bottom:-2px;z-index:-1;content:"";width:225px;height:16px;background:#efefef}

.p_area .tit_area .txt{margin-top:10px;font-size:15px;color:#b8b8b8;font-family: 'notokr-regular';}
.p_area .tit_area .blue{color:#486790;font-family: 'notokr-bold';}

.p_area .cont_box{margin-bottom:40px;padding:30px;border:1px solid #e8e8e8;border-top:2px solid #2b466a;font-size:15px;color:#666;font-family: 'notokr-regular';}
.p_area .cont_box .tit{margin-bottom:10px;padding-left:12px;font-size:18px;color:#333;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-family: 'notokr-medium';}

.p_area .cont_box .blue_tit{padding-bottom:5px;font-size:16px;color:#2b466a;font-family:'notokr-medium';}
.p_area .cont_box li{position:relative;padding:10px 0 10px 24px;}
.p_area .cont_box li:after{position:absolute;top:25px;left: 5px;content:"";width:4px;height:4px;background:url(/sh_page/img/li_bg.png) no-repeat;}

.p_area .blue_cont{overflow:hidden;padding:30px;background:#f4f8fc}
.p_area .blue_cont .tit{margin-bottom:10px;padding-left:12px;font-size:18px;color:#333;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-family: 'notokr-medium';}

.p_area .blue_cont .img_box{float:left;padding:22px 30px 0px}
.p_area .blue_cont ul{float:left;margin-bottom:10px;}
.p_area .blue_cont ul li{float:left;font-size:15px;line-height:26px;color:#666 }
.p_area .blue_cont .time{padding:0 50px;margin-right:53px;border-right:1px solid #CCC;color:#2b466a;font-family: 'notokr-medium';}
.p_area .blue_cont .txt{margin-left:177px;clear: both;font-size:15px;color:#666}

/*입퇴원절차*/
.p_area .cont_box img{margin-top:15px}
.p_area .box2{margin-top:75px}
.p39 .blue_box{padding:30px;background:#f4f8fc}
.p39 .blue_box .tit{margin-bottom:10px;padding-left:12px;font-size:18px;color:#333;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-family: 'notokr-medium';}
.p39 .blue_box ul{margin-bottom:10px;}
.p39 .blue_box ul li{font-size:15px;line-height:26px;color:#666 }

/*전화번호*/
.p40{text-align:center}
.p40 .tit_area .tit:after{position:absolute;left:343px;bottom:-2px;z-index:-1;content:"";width:144px;height:16px;background:#efefef}
.p40 .cont .h_num{font-size:16px;color:#555;font-family: 'notokr-regular';}
.p40 .cont .h_num span{color:#333;font-family: 'notokr-medium'}
.p40 table{width:66%;margin:30px auto;border-collapse:collapse;border-top:2px solid #2b466a;font-size:16px;color:#555;font-family: 'notokr-regular';}
.p40 table td{border:1px solid #ccc}
.p40 table .blue{background:#f4f8fc;font-family: 'notokr-medium';}

/*증명원발급*/
.p41 .tit{margin-bottom:10px;padding-left:12px;font-size:18px;color:#333;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-family: 'notokr-medium';}
.p41 .tit_area .tit:after{position:absolute;left:292px;bottom:-2px;z-index:-1;content:"";width:244px;height:16px;background:#efefef}
.p41 img{margin:15px 0 0 -15px}
.p41 table{width:100%;margin:30px auto;border-collapse:collapse;border-top:2px solid #2b466a;font-size:16px;color:#555;font-family: 'notokr-regular';text-align:center}
.p41 table th{border:1px solid #ccc}
.p41 table td{border:1px solid #ccc}
.p41 table .blue{background:#f4f8fc;color:#333;font-family:'notokr-medium';}
.p41 table .bold{color:#333;font-family:'notokr-medium';background:#e5ecf3}
.p41 table .gray{background:#f2f2f2}
.p41 .blue_box{padding:30px;background:#f4f8fc}
.p41 .blue_box ul{margin-bottom:10px;}
.p41 .blue_box ul li{padding-left:15px;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-size:16px;line-height:26px;color:#666 }

/*비급여목록*/
.p42 .tit{margin-bottom:10px;padding-left:12px;font-size:18px;color:#333;background: url(/sh_page/img/h5_arr.png) left center no-repeat;font-family: 'notokr-medium';}
.p42 .tit_area .tit:after{position:absolute;left:297px;bottom:-2px;z-index:-1;content:"";width:244px;height:16px;background:#efefef}
.p42 img{margin:15px 0 0 -15px}
.p42 table{width:100%;margin:30px auto;border-collapse:collapse;border-top:2px solid #2b466a;font-size:16px;color:#555;font-family: 'notokr-regular';text-align:center}
.p42 table th{border:1px solid #ccc}
.p42 table td{border:1px solid #ccc}


/*정신과 클리닉*/
.tab{display:table;overflow:hidden;padding:0;margin:0 auto 50px}
.tab > li{float:left;width:139px;margin-right:-1px;border:solid 1px #ddd;font-size:14px;list-style-type:none;box-sizing:border-box}
.tab > li:last-child{margin-right:0}
.tab > li a{display:block;line-height:46px;color:#333;outline:none;text-align:center;font-family:'notokr-medium';transition-duration:300ms;transition-property:color, border-color, background-color;transition-timing-function:ease;}
.tab > li a:hover{color:#fff;background:#3378c1}
.tab > li a.selected{color:#fff;background:#3378c1;text-decoration:none;}
.panel{clear:both;padding:0;margin:0;}
.panel > .tab > li{padding:0;margin:0;color:#333;list-style-type:none;text-indent:1em}
 
#tab1,#tab2 ,#tab3 ,#tab4 ,#tab5 ,#tab6{font-size:15px;color:#666;line-height:26px;letter-spacing:-0.3px;cursor:default;}
.tit{padding-left:15px;font-size:20px;color:#2b466a;font-family:'notokr-medium';background: url(/sh_page/img/h5_arr.png) left center no-repeat;}
.cont .s_tit{margin:30px 0 19px;font-size:18px;color:#333;font-family:'notokr-medium';}
.cont .s_tit2{padding:15px 0}
.cont .s_tit:before{display:inline-block;content:"";width:3px;height:3px;background:#2b466a;margin:0 5px 5px 0}
.cont .s_tit2 span{color:#3378c1;font-family:'notokr-medium';}
.cont p span{color:#3378c1;font-family:'notokr-medium'}
.cont .last{margin-bottom:47px}
.cont .t_box{padding:18px;border:1px solid #ccc;border-top:2px solid #2b466a;background:#f4f8fc}
.cont .t_box .txt{padding:15px 0}
.cont .t_box .txt span{font-size:16px;color:#3378c1;font-family:'notokr-medium';}
.cont table{width:100%;margin-bottom:80px;border-collapse:collapse}
.cont table td{border:1px solid #ccc}
.cont table td.tit01{width:16%;color:#333;text-align:center;background:#f4f8fc;font-family:'notokr-medium'}
.cont table span{color:#3378c1;font-family:'notokr-medium'}