@charset "utf-8";

/* text align style */
.text_left{text-align:left !important;}
.text_center{text-align:center !important;}
.text_right{text-align:right !important;}

/* float */
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

/*overflow*/
.overflow {overflow:hidden}

/*block*/
.block{display:block}

.w100{width:100%;}

#article .tx_red, #article .tx_red a{color:#c51f1f}
#article .tx_blue, #article .tx_blue a{color:#0074b5}
#article .bold{font-weight:bold}

.txt_22px{font-size:22px;}

/*서브 공통*/
#header.common_top .logobar h2.subtit {display:inline-block;margin:0 auto;padding-top:35px;font-size:2.9em;color:#ffffff; font-weight:bold;font-family:"NanumBarunGothic", "nanumgothic"; position:relative; left:-35px;}
.type02 #header.common_top .logobar{height:130px;background:url("/images/mobile/common/type2_bg.jpg") no-repeat center top ;}
.type02 #footer{background:#157bbd; padding-top:24px; border-top:3px solid #005a94; }

/*서브*/
/*타이틀 영역*/
.title{position:relative;width:100%;height:75px;padding-top:30px;background:#c9e7f6}
.title h3{display:block;padding-left:33px;font-family:"NanumBarunGothic", "nanumgothic";  font-size:42px;color:#005f9d; font-weight:bold;}

#article h3{padding:20px 0 19px 55px; ; background:url("/images/mobile/common/h3_bg.gif") no-repeat 30px center; border-bottom:1px solid #c2c2c2}
#article h3 img{vertical-align:middle}
#article .sub{padding:4%;font-size:1.5em}
#article .sub2{padding:4%;font-size:1.5em;}
#article .sub3{padding:0 30px 50px; width:580px;font-size:1.5em}
#article .sub4{padding:1% 4% 4% 4%;font-size:1.5em}
#article h4{padding:0 0 0 38px; margin-bottom:18px; background:url("/images/mobile/common/h4_bg.gif") no-repeat 0 center;font-family:"nanumgothicbold", "nanumgothic";  font-size:1.4em; line-height:1.4em; font-weight:bold}
#article h4 span{font-size:0.7em;font-weight:600}
#article h4 .float_right{font-size:0.6em;font-weight:normal;margin-top:18px}
#article .sub h4:after{display:block; content:"";clear:both}
#article .indent{width:100%}

#article .centerInfo{padding:22px 30px 25px 20px; margin:20px 0 30px;font-family:"NanumBarunGothic", "nanumgothic"; font-size:23px;font-weight:bold; border:1px solid #639ec5;border-radius: 10px; box-shadow: 0 0 15px #ccc; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ededed+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

 }
#article .centerInfo dt{float:left;width:102px;padding-top:2px;padding-left:52px;background:url("/images/mobile/common/tel_bg1.gif") no-repeat left 0; }
#article .centerInfo dt.tel_bg2{background:url("/images/mobile/common/tel_bg2.gif") no-repeat left 0; }
#article .centerInfo dt.fax_bg{background:url("/images/mobile/common/fax_bg.gif") no-repeat left 0; }
#article .centerInfo dd{float:left;width:355px;padding-top:2px;}
#article .centerInfo.st1{padding:25px 30px 40px 20px; }
#article .centerInfo.st1 dl{padding:20px 0; background-position:right top !important}
/*
.centerInfo.style2 dt{width:auto !important;float:left;}
.centerInfo.style2 dd{width:auto !important;float:left;margin-left:18px;}
.centerInfo.style2 .line{display:table;width:100%;height:1px;}

/* 
#article .centerInfo{padding:22px 30px 25px 20px; margin-bottom:50px;background:url("/images/mobile/common/bg_type01.gif") no-repeat center top;font-family:"NanumBarunGothic", "nanumgothic"; font-size:23px;font-weight:bold}
#article .centerInfo.st2{padding:20px 30px 35px 20px ;  background:url("/images/mobile/common/bg_type02.gif") no-repeat center top;}
#article .centerInfo.st3{padding:20px 30px 35px 20px ;  background:url("/images/mobile/common/bg_type03.gif") no-repeat center top;}*/


#article .centerInfo.st2 dt, #article .centerInfo.st2 dd, #article .centerInfo.st3 dt, #article .centerInfo.st3 dd{float:none; width:490px;padding-left:52px}
#article .centerInfo dl.bg1{background:url("/images/mobile/sub/center_bg1.gif") no-repeat right 3px;}
#article .centerInfo dl.bg2{background:url("/images/mobile/sub/center_bg2.gif") no-repeat right 3px;}
#article .centerInfo dl.bg3{background:url("/images/mobile/sub/center_bg3.gif") no-repeat right 3px;}
#article .centerInfo dl.bg4{background:url("/images/mobile/sub/center_bg4.gif") no-repeat right 3px;}
#article .centerInfo dl.bg5{background:url("/images/mobile/sub/center_bg5.gif") no-repeat right 3px;}
#article .centerInfo dl.bg6{background:url("/images/mobile/sub/center_bg6.gif") no-repeat right 3px;}
#article .centerInfo dl.bg7{background:url("/images/mobile/sub/center_bg7.gif") no-repeat right 3px;}
#article .centerInfo dl.bg8{background:url("/images/mobile/sub/center_bg8.gif") no-repeat right 3px;}
#article .centerInfo dl.bg9{background:url("/images/mobile/sub/center_bg9.gif") no-repeat right 3px;}
#article .centerInfo dl.bg10{background:url("/images/mobile/sub/center_bg10.gif") no-repeat right 3px;}
#article .centerInfo dl.bg11{background:url("/images/mobile/sub/center_bg11.gif") no-repeat right 3px;}
#article .centerInfo dl.bg12{background:url("/images/mobile/sub/center_bg12.gif") no-repeat right 3px;}
#article .centerInfo dl.bg13{background:url("/images/mobile/sub/center_bg13.gif") no-repeat right 3px;}
#article .centerInfo dl.bg14{background:url("/images/mobile/sub/center_bg14.gif") no-repeat right 3px;}
#article .centerInfo dl.bg15{background:url("/images/mobile/sub/center_bg15.gif") no-repeat right 3px;}
#article .centerInfo dl.bg16{background:url("/images/mobile/sub/center_bg16.gif") no-repeat right 3px;}
#article .centerInfo dl.bg17{background:url("/images/mobile/sub/center_bg17.gif") no-repeat right 3px;}
#article .centerInfo dl.bg18{background:url("/images/mobile/sub/center_bg18.gif") no-repeat right 3px;}
#article .centerInfo dl.bg19{background:url("/images/mobile/sub/center_bg19.gif") no-repeat right 3px;}


#article .centerList li a{display:block;height:103px;line-height:103px;padding-left:30px;background:url("/images/mobile/sub/centerlist_bg.gif") no-repeat center;font-family:"nanumgothicbold", "nanumgothic"; font-size:1.4em;font-weight:bold; margin-bottom:10px;}

/*블릿이 있는 리스트*/
#article .bg_list{overflow:hidden; width:96%; margin:0 auto;}
#article .bg_list li{padding:15px 0 0 24px;margin-bottom:16px;letter-spacing:-0.5px;background:url("/images/mobile/sub/bullet_b.gif") no-repeat; padding-top:0;background-position:left 11px;line-height:1.5}
#article .bg_list li:first-child{}

/*※이 있는 리스트*/
#article .bg_giho{overflow:hidden; width:96%; margin:0 auto;}
#article .bg_giho li{padding:0 0 0 22px;margin-bottom:16px;letter-spacing:-0.5px;line-height:1.5}
#article .bg_giho li:before{display:inline-block; position:absolute;content:"※";left:29px;}
#article .bg_giho li:first-child{}

/*라인이 있는 리스트*/
#article .bg_liner{overflow:hidden; width:100%;}
#article .bg_liner li, #article .bg_liner dd{padding-left:0; background:url("/images/mobile/sub/dash.gif") no-repeat 18px 8px; margin-bottom:16px;}
#article .bg_liner li.end, #article .bg_liner dd.end{margin-bottom:26px;}

/*전체메뉴
#article .allmenu h3{padding:31px 0 27px 59px;background:url("/images/mobile/common/h3_bg.gif") no-repeat 33px center}
#article .allmenu ul{overflow:hidden; padding:20px 40px 0;background:#f2f2f2;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#article .allmenu li{display:inline-block;padding:0 30px; border-left:1px solid #999999; margin-bottom:20px}
#article .allmenu li.first{border:0 none; padding-left:0;}
#article .allmenu li.end{padding-right:0;}
#article .allmenu li a{color:#0f8ab8; font-weight:bold}*/

/*공통 테이블*/
.board01{clear: both;width:100%;border-top:5px solid #4287b2;border-bottom:1px solid #a5a5a5; border-right:1px solid #d3d3d3}
.board01 th{padding:15px 0 10px; text-align:center;border-left:1px solid #d3d3d3; background:#f5f5f5;font-weight:bold}
.board01 td{padding:15px 0 10px; text-align:center;border-left:1px solid #d3d3d3;border-top:1px solid #d3d3d3;line-height:1.4em;}
.board01 td.left{text-align:left; padding:15px 10px 10px}
.board01 th.bottomline{border-bottom:1px solid #d3d3d3}
.board01.bg_dot td{background:url("/images/mobile/sub/board_dot.gif") no-repeat left center; border-left:0 none}
.board01.bg_dot td:first-child{background:0 none; border-left:1px solid #d3d3d3}
.board01.bg_dot td.bg_none{background:0 none;}
.board01 .bg_blue{background:#f3f8ff}
.board01 strong{display:block; margin-bottom:5px}
.board01 a:focus{color:#0074b5; text-decoration:underline}
.board01 .nobor{border-left:0 none; border-right:0 none }
.board01 .sub_tit{background:#fcfcfc; border-top:1px solid #d3d3d3; padding:10px 0 5px; color:#444;font-size:0.8em }

.board02{clear: both; border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;}
.board02 th{width:150px; padding:10px; text-align:left;border-bottom:1px solid #d3d3d3;font-weight:bold;height:44px}
.board02 td{width:430px; padding:10px; text-align:left;border-bottom:1px solid #d3d3d3;height:44px}
.board02 td input, .board02 td select{background:#e5e5e5}
.board02 th.topline, .board02 td.topline, .board02 tr:first-child th, .board02 tr:first-child td{border-top:5px solid #4287b2; }
.board02 .bdleft{border-left:1px solid #d3d3d3}
.board02 .center{text-align:center}
.board02 td select{height:46px;padding:5px 10px; color:#8d8d8d; border:1px solid #a6a7a7;}

.st_cont{width:100%; overflow-x:auto; margin-top:30px;}
.st_cont .board01{width:1300px;}
.st_cont .board01 tr:nth-child(n+2) th{border-top:1px solid #d3d3d3; }
.st_cont .board01 .btn{color:#fff; background:#0074b5; padding:5px 10px; }
.st_cont .board01 tbody th{border-top:1px solid #d3d3d3;}

/*공통서식*/
input[type=text], input[type=password], input[type=number], input[type=tel]{font:normal normal 1em/1 dotum, gulim, arial; color:#8d8d8d; border:1px solid #a6a7a7;vertical-align:middle;height:34px;padding:5px 10px;}
input[type=checkbox]{vertical-align:middle;padding:0; margin:0 7px 0 0 ;border:1px solid #c5c5c5;}
input[type=radio]{vertical-align: middle;width:20px;height:20px;}
select{border:1px solid #cbcbcb; padding:15px 0 15px 10px;vertical-align:middle; font-size:1.2em}
label{vertical-align:middle}


/*센터소개*/
.cont01{_padding:15px 10px; overflow:hidden}
.cont01 li{float:left; margin:0 6px 10px 0;}
.cont01 li.last{margin-right:0}

/*주요일정*/
.cont02 {padding:3% 0;  position:relative;font-family:"NanumBarunGothic", "nanumgothic";font-weight:bold}
span.time{display:inline-block;margin-right:10px; font-weight:bold; color:#0074b5;font-family:"nanumgothicbold", "nanumgothic";}

/*진료*/
.cont04_1 {padding:15px;  background:#f7f7f7; margin-bottom:28px;}
.cont04_2{border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;padding:9px; font-size:24px}
.cont04_2 .cont04_2_in{min-height:160px;padding:25px; background:url("/images/mobile/sub/sub04_bg1.png") no-repeat 460px 97px #efefef}
.cont04_2 .cont04_2_in p.tx_blue{font-family:"nanumgothic"; font-size:27px;}
.cont04_2 .cont04_2_in p.tx_blue span{font-family:"nanumgothicbold";}
.cont04_2.last{border-bottom:1px solid #cccccc;}
.cont04_2 .cont04_2_in.bg2{background:url("/images/mobile/sub/sub04_bg2.png") no-repeat 460px 85px #efefef}
.cont04_2 .cont04_2_in.bg3{background:url("/images/mobile/sub/sub04_bg3.png") no-repeat 465px 65px #efefef}

/*의료진 검색*/
.treat_intro_wrap { padding:1px; margin-bottom:30px;background:#f5f5f5; border:1px solid #cbcbcb}
.treat_intro_wrap .treat_intro {padding:20px 17px; border:1px solid #e3e3e3; position:relative;font-family:"NanumBarunGothic", "nanumgothic"; font-size:23px;font-weight:bold}
.treat_intro_wrap .treat_intro span.btn_search{position:absolute;right:10px; top:19px }
.treat_intro_wrap .treat_intro input[type=text]{width:352px;height:40px}


/*전체메뉴*/
.allmenu {border-top:1px solid #a4a4a4;font-family:"NanumBarunGothic", "nanumgothic"; }
.allmenu .accordion { clear: both; width: 100%;}
.allmenu .accordion dl{width:100%;border-top: 1px solid #dddddd;}
.allmenu .accordion dt{background: url("/images/mobile/sub/allmenu_bg.gif") repeat-x left top;}
.allmenu .accordion dt a{padding:18px 30px 17px 89px;font-size:30px;display:block;background: url("/images/mobile/sub/all_bg1.png") no-repeat 41px center;line-height:48px;position:relative}


.allmenu .accordion dt a.all_bg2{background: url("/images/mobile/sub/all_bg2.png") no-repeat 42px center;}
.allmenu .accordion dt a.all_bg3{background: url("/images/mobile/sub/all_bg3.png") no-repeat 40px center;}
.allmenu .accordion dt a.all_bg4{background: url("/images/mobile/sub/all_bg4.png") no-repeat 38px center;}
.allmenu .accordion dt a.all_bg5{background: url("/images/mobile/sub/all_bg5.png") no-repeat 42px center;}
.allmenu .accordion dt a.all_bg6{background: url("/images/mobile/sub/all_bg6.png") no-repeat 46px center;}
.allmenu .accordion dt a.all_bg7{background: url("/images/mobile/sub/all_bg7.png") no-repeat 42px center;}
.allmenu .accordion dt a.all_bg8{background: url("/images/mobile/sub/all_bg8.png") no-repeat 42px center;}
.allmenu .accordion dt a.all_bg9{background: url("/images/mobile/sub/all_bg9.png") no-repeat 40px center;}
.allmenu .accordion dt a span.bg{display:inline-block;width:49px; height:49px;background: url("/images/mobile/sub/allmenu_ico.png") no-repeat left top; position:absolute; right:30px; }

.allmenu .accordion dd ul li{background: url("/images/mobile/sub/allmenu_bg2.gif") repeat-x left top;}
.allmenu .accordion dd ul li a{display: block; padding: 11px 10px 11px 135px; font-size: 25px;background: url("/images/mobile/sub/all_bg1_1.png") no-repeat 90px center;position:relative}
.allmenu .accordion dd ul li a span.bg2{display:inline-block;width:9px; height:15px;background: url("/images/mobile/sub/allmenu_ico2.png") no-repeat left top; position:absolute; right:30px;top:23px }
.allmenu .accordion dd ul li a.all_bg1_2{background: url("/images/mobile/sub/all_bg1_2.png") no-repeat 90px center; }
.allmenu .accordion dd ul li a.all_bg1_3{background: url("/images/mobile/sub/all_bg1_3.png") no-repeat 86px center; }
.allmenu .accordion dd ul li a.all_bg1_4{background: url("/images/mobile/sub/all_bg1_4.png") no-repeat 89px center; }
.allmenu .accordion dd ul li a.all_bg1_5{background: url("/images/mobile/sub/all_bg1_5.png") no-repeat 91px center; }
.allmenu .accordion dd ul li a.all_bg1_6{background: url("/images/mobile/sub/all_bg1_6.png") no-repeat 87px center; }
.allmenu .accordion dd ul li a.all_bg1_7{background: url("/images/mobile/sub/all_bg1_7.png") no-repeat 96px center; }
.allmenu .accordion dd ul li a.all_bg1_8{background: url("/images/mobile/sub/all_bg1_8.png") no-repeat 85px center; }
.allmenu .accordion dd ul li a.all_bg1_9{background: url("/images/mobile/sub/all_bg1_9.png") no-repeat 91px center; }
.allmenu .accordion dd ul li a.all_bg1_10{background: url("/images/mobile/sub/all_bg1_10.png") no-repeat 90px center; }
.allmenu .accordion dd ul li a.all_bg1_11{background: url("/images/mobile/sub/all_bg1_11.png") no-repeat 87px center; }
.allmenu .accordion dd ul li a.all_bg1_12{background: url("/images/mobile/sub/all_bg1_12.png") no-repeat 88px center; }
.allmenu .accordion dd ul li a.all_bg1_13{background: url("/images/mobile/sub/all_bg1_13.png") no-repeat 89px center; }
.allmenu .accordion dd ul li a.all_bg1_14{background: url("/images/mobile/sub/all_bg1_14.png") no-repeat 91px center; }
.allmenu .accordion dd ul li a.all_bg1_15{background: url("/images/mobile/sub/all_bg1_15.png") no-repeat 93px center; }
.allmenu .accordion dd ul li a.all_bg1_16{background: url("/images/mobile/sub/all_bg1_16.png") no-repeat 90px center; }
.allmenu .accordion dd ul li a.all_bg1_17{background: url("/images/mobile/sub/all_bg1_17.png") no-repeat 90px center; }
.allmenu .accordion dd ul li a.all_bg1_18{background: url("/images/mobile/sub/all_bg1_18.png") no-repeat 88px center; }
.allmenu .accordion dd ul li a.all_bg1_19{background: url("/images/mobile/sub/all_bg1_19.png") no-repeat 88px  center; }


/*검색 결과*/
.result_box {border-right: 1px solid #d3d3d3;  border-left: 1px solid #d3d3d3;border-top: 5px solid #4287b2; clear: both;overflow:hidden }
.doc_list{padding:20px 10px 0 20px;border-bottom: 1px solid #a5a5a5; overflow:hidden}
.doc_list .doc_pic{float: left;margin: 0 20px 20px 0;}
.doc_list ul.profile {float: left; margin-bottom:25px;min-height:225px;width:390px;font-size:24px;}
.doc_list ul.profile li {clear: both; }
.doc_list ul.profile li.doc_name {padding:14px 15px 15px 0; font-weight:bold;background:url("../images/sub/doc_name_bg.gif") no-repeat left top; color:#444444}
.doc_list ul.profile li.doc_name span{display:inline-block;float:right;color:#818181; text-decoration:underline; font-weight:normal;}
.doc_list ul.profile li.line{padding:24px 0 0 0; background:url("../images/sub/line.gif") no-repeat 14px 21px;}


 
/* 진료예약 */
.res_first_btn{margin-bottom: 30px; margin-top:10px; width:620px; font-size:0.9em}
.res_first_btn::after{content: ""; display: block; clear: both;}
.res_first_btn a{display: block; width: 305px;  padding-left: 90px; text-align: center; float: left; box-sizing: border-box; background: #006fbb; font-weight: bold; color: #fff;   padding-top: 20px; position: relative; border: 1px solid #015791 }
.res_first_btn a::before{content: ""; display: block; width: 90px; height: 80px; background: url(/images/sub/sub03/res_img.png) 0 0 no-repeat; position: absolute; left: 0px; top: 20px;;}
.res_first_btn a span{display: block; width: 200px;  background: #015791; margin: 10px auto; padding: 10px 0; box-sizing: border-box;}

.res_first_btn a:nth-child(1){ background: #e4672a; border: 1px solid #ba4912 ; margin-right: 10px;}
.res_first_btn a:nth-child(1)::before{background-position: -90px 0}
.res_first_btn a:nth-child(1) span{background: #ba4912;   }
 .res_first_btn a:link , .res_first_btn a:active, .res_first_btn a:focus {color: #fff;}

.res_box_line{border:1px solid #ddd; padding:30px 20px; margin-left:25px;}

input.jumin{width:80px !important;}
.st_table01 th.bg, .st_table01 td.bg{background: #f2f2f2}
h5 + p{margin-top: 10px;} 

.center_sheach {margin-top: 5px;}
.center_sheach input{width: 584px; height: 35px; box-sizing: border-box;}
.center_sheach button{background: #006fbb; color: #fff; height: 35px; box-sizing: border-box; width: 90px; position: relative; padding-left: 20px; text-align: center}
.center_sheach button::before{content: ""; display: inline-block; width: 50px; height: 50px; background: url('/images/sub/sub03/res_img.png') -155px -280px no-repeat; position: absolute; top: 7px; left: 10px; }



/* 스타일 1 */
.center_list{margin: 20px 0; width:340px; float: left;}
.center_list::after{content: ""; display: block; clear: both;}
.center_list li{box-sizing: border-box;width: 50%; border: 1px solid #c3c3c3; float: left; ; padding: 1px; border-left: 0}
.center_list li:nth-child(2n+1){ border-left: 1px solid #c3c3c3}
.center_list li:nth-child(n+3){ border-top: 0}
.center_list li button{box-sizing: border-box;border: 1px solid #e9e9e9;   width: 100%;height: 61px;  text-align: left; padding-left: 12px; letter-spacing: -0.05em; position: relative;}
.center_list li button::after{content: ""; display: block; width: 31px; height: 31px; background: url('/images/sub/sub03/res_img.png') -90px -280px ; position: absolute; left: 14px; top:14px;;}
.center_list li button.no::after{background-position: 0px -160px}
.center_list li button.no2::after{background-position: -40px -160px}
.center_list li button.no3::after{background-position: -90px -160px}
.center_list li button.no4::after{background-position: -130px -160px}
.center_list li button.no5::after{background-position: 0px -200px}
.center_list li button.no6::after{background-position: -40px -200px}
.center_list li button.no7::after{background-position: -90px -200px}
.center_list li button.no8::after{background-position: -130px -200px}
.center_list li button.no9::after{background-position: 0px -240px}
.center_list li button.no10::after{background-position: -40px -240px}
.center_list li button.no11::after{background-position: -90px -240px}
.center_list li button.no12::after{background-position: -130px -240px}
.center_list li button.no13::after{background-position: 0px -280px}
.center_list li button.no14::after{background-position: -40px -280px}
.center_list li button.no15::after{background-position: -170px -240px}
.center_list li button.no16::after{background-position: -170px -160px}

.center_list li button.on{border: 4px solid #e6a133;  padding-left: 9px;}
.center_list li button.on::after{right: 11px; top:11px;}


.center_info{width:320px; height: 500px; float: right;margin: 20px 0; border: 3px solid #ddd ; box-sizing: border-box; overflow-y: auto;  padding: 15px; word-break: keep-all }
.center_info p{text-align: center; margin-bottom: 60px }
.center_info p::before{content: ""; display: block; width: 88px; height: 97px; background: url('/images/sub/sub03/res_img.png') 0px -480px ; margin:30px auto  }
.center_info strong{display: block; margin: 20px 0 5px}
.center_info::after{content: ""; display: block; clear: both;}

.doc_list{ox-sizing: border-box; overflow-y: auto; /*display: none*/}
/*
20220929 모바일 검색 결과 안나오게 되어 있어서 수정 - KSS
>> .doc_list{width:320px; height: 500px; float: right;margin: 20px 0; border: 3px solid #ddd ; box-sizing: border-box; overflow-y: auto; display: none}
*/
.doc_list::after{content: ""; display: block; clear: both;}
.doc_list > li:nth-child(n+2){ border-top: 1px solid #ddd}
.doc_list > li{box-sizing: border-box;width: 100%; min-height: 156px;  float: left; ; padding: 1px; position: relative; padding: 10px  10px 10px 120px; margin-bottom: 10px;word-break: keep-all; }
.doc_list > li img{width: 140px;height: auto;position: absolute;top: 10px;left: 0px;}
.doc_list > li .name{color:#006fbb;font-weight: bold;font-size: 1.8rem !important;margin:5px 0 10px;}
.doc_list > li .name span{color: #444444;font-size: 12px; display: inline-block; margin-right:5px;}
.doc_list > li button.btn{background: #006fbb; width: 100px; height: 35px;font-weight: bold; color: #fff;  margin-top:10px;display: block; text-align: center; padding-top: 10px; box-sizing: border-box}
 


.table_doc{position: relative; padding-left:107px }
.table_doc img{width: 100px; height: 120px; position: absolute; top:5px; left:-5px;}
.table_doc .name{color:#006fbb; font-weight: bold;  margin:5px 0 10px;}
.table_doc .name span{color: #444444; display: inline-block;  margin-bottom: 5px; display: block}


.res_finish{border: 10px solid #ddd;  margin-bottom: 20px; padding:10px 20px; }
.res_finish p{color:#006fbb; font-weight: bold;  text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 15px; height: 140px; position: relative; padding-top: 50px; box-sizing: border-box; padding-left:150px;}
.res_finish p::before{content: ""; width: 230px; height: 140px; display: block; position: absolute; top: 11px; left: 10px; background: url('/images/sub/sub03/res_img.png') 0px -330px ; }
.res_finish li{position:relative;margin-bottom: 14px;padding-left:14px}
.res_finish li::before{position:absolute;content: ""; width: 3px; height: 3px; background: #aaa; display: inline-block; position: relative; top: -7px; left:-6px;}

.res_check::after, .res_check div.res_check_view dl::after{content: ""; display: block; clear: both;}
.res_check div.res_check_view {width: 600px;  }
.res_check div.res_check_viewbox {border: 1px solid #ddd;  margin:0 auto 30px; padding-bottom:10px; border-radius:10px}
.res_check div.res_check_view p{background: #f2f2f2; border-bottom:1px solid #ddd ; font-weight: bold; padding: 15px 20px; border-radius:10px 10px 0 0}
.res_check div.res_check_view p span{display: block; color:#006fbb; margin-top: 5px;}
.res_check div.res_check_view dl{padding: 15px 20px;}
.res_check div.res_check_view dd, .res_check div.res_check_view dt{display: block;border-bottom: 1px dotted #ddd; padding:10px 0 14px 0}
.res_check div.res_check_view dt{float: left; font-weight: bold; width: 35%}
.res_check div.res_check_view dt.last_line, .res_check div.res_check_view dd.last_line{border-bottom:0 !important}
.res_check div.res_check_view dd{ float: right;width: 65%}
.res_check div.res_check_view.no_res{ text-align:center; }
.res_check div.res_check_view.no_res > div:first-child{  padding:50px 0;}

.res_info{border-top:2px solid #006fbb;border-bottom:1px solid #ddd; padding: 10px; margin-bottom: 20px;}
.res_info dt, .res_info dd{ display: block; font-weight:bold; float:left; margin-bottom:10px;} 
.res_info dt{clear:both;margin-right: 20px; font-size:0.9em; width:160px}
.res_info dd{margin-right: 20px}
.res_info input{width:200px ;   text-align:center } 
.res_info input.jumin{width:120px !important}



.layerPop > div{width:1000px; height:760px;  margin:50px auto; background: #fff ; padding:20px 30px ; box-sizing: border-box;}
.layerPop{ position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: url('/images/sub/sub03/res_bg.png'); z-index:10000}

.layerPop h1{font-size:14px; font-weight:bold; color: #396486; margin-bottom:10px;}
.layerPop h2{font-size:12px; font-family: "돋움";}


.no_doc{ position: relative; padding:0 0 10px 0 !important; text-align:center;border-bottom:0  !important ;   }
.no_doc::before{content: ""; display: block; width: 88px; height: 97px; background: url('/images/sub/sub03/res_img.png') 0px -480px ; margin:100px auto 30px;   }

.dept_list .no_doc{padding-top:30px !important ;}
.dept_list .no_doc::before{margin:0px auto 30px; display: inline-block; position:absolute; top:5px ; left:50px;}

.res_wrap h5{color:#000; font-weight:600; margin-bottom:10px;margin-top:30px; clear:both; } 
.check h5{color:#000; font-weight:600; margin-bottom:10px;margin-top:30px; clear:both; } 
.res_wrap > div{  box-sizing: border-box;  } 
.res_wrap > div:nth-child(n+2) {/* margin-left:20px */}
.res_wrap > div > div, .res_wrap > div > ul.doc_list{height:445px; box-sizing: border-box;overflow-y: auto; }
.res_wrap > div > ul{/* height:316px; */box-sizing: border-box;overflow-y: auto;}

.res_wrap > div > ul.dept_list{height:120px;box-sizing: border-box;overflow-y: auto;border:1px solid #ddd;border-top:2px solid #006fbb;margin: 0;width:100%}
.res_wrap .dept_list li{  border-bottom: 1px dotted #ddd  ;   border-left: 0;  padding:0 ; width:50%; float:left}
.res_wrap .dept_list li button{border: 0; height:24px;   padding-left: 9px; background:#fff; font-size:1.2rem}
.res_wrap .center_list + h2{padding-top:10px;clear:both;display: block;}
.res_wrap .dept_list li button.on{border: 0; color:#006fbb;  font-weight: bold ; text-decoration: underline}

.res_text {background:#f7f7f7; padding:14px 16px; border-radius:10px;}
.res_text span{display:inline-block; margin-left:105px}
.res_text li{margin-bottom:10px;}
.res_text li:last-child(){margin-bottom:0}
.res_wrap .center_list:after{content:""; display:block; clear:both;}
.res_wrap .center_list{border:1px solid #ddd;border-top:2px solid #006fbb;margin: 0 0 30px;width:100%}
.res_wrap .center_list li{width:33.5%; border:0; border-bottom: 1px dotted #ddd  ; padding: 0px; border-left: 0;}
.res_wrap .center_list li:nth-child(2n){width:33.5%}
.res_wrap .center_list li:nth-child(3n){width:33%}
.res_wrap .center_list li:last-child{border-bottom: 0  ;}
.res_wrap .center_list li button{border: 0; height: 37px;   padding-left: 38px; background:#fff; font-size:1.2rem; letter-spacing:-1.8px; }
.res_wrap .center_list li button::after{   left: 5px; top:3px;;}
.res_wrap .center_list li button.on{border: 0; color:#006fbb;  font-weight: bold ; text-decoration: underline}
.res_wrap .center_list li button.on::after{right: 7px; top:3px;} 

.res_wrap .doc_list{width: 100%;  margin: 0 0 30px; border:1px solid #ddd;border-top:2px solid #006fbb; box-sizing: border-box; display: block}
.res_wrap .doc_list::after{content: ""; display: block; clear: both;}
.res_wrap .doc_list > li{min-height: 250px; height: auto;margin-bottom:0; border-bottom: 1px solid #ddd; padding:0px 0 10px 160px;}
.res_wrap .doc_list > li:nth-child(n+3):last-child{border-bottom: 0 }
.res_wrap .doc_list > li:nth-child(n+2){border-top:0}
.res_wrap .doc_list > li ul{margin-top: 5px;font-size:0.85em; display:none}
.res_wrap .doc_list > li a{ }
.res_wrap .doc_list  a:nth-of-type(2){background: #006fbb;padding:10px;  font-weight: bold; color: #fff;  display: block; text-align: center;  box-sizing: border-box; position:absolute; top:180px; left:0; width:140px;}
.res_wrap .doc_list > li.on{background: #f2f2f2}
.res_wrap .doc_list > li.on img{border:4px solid #006fbb; box-sizing: border-box }
.res_wrap .doc_list .name span{margin-right: 5px;}
.res_wrap .doc_list p{font-size:0.85em}

.check{margin-top: 20px;  }
.check > div{ border-top:2px solid #006fbb;width:100%; margin-bottom: 10px; padding: 0px; box-sizing: border-box;}
.check ul{display:inline-block;width:100%;}
.check ul li{ display: block; padding:0 10px; font-size:0.9em; line-height:55px ;border-bottom:1px solid #ddd;}
 


.res_wrap .calender{border:1px solid #ddd;border-top:2px solid #006fbb; overflow:hidden}
.res_wrap .calender .control{font-weight: bold; padding: 10px; text-align:center}
.res_wrap .control button{ background: #eee; width: 50px; height: 50px; box-sizing: border-box; border:1px solid #ddd; font-size:2rem  }
.res_wrap .control p{display: inline-block; float: right}
.res_wrap .control p span::before{display: inline-block; width: 10px; height: 10px;content: ""; position: relative; top: 1px; margin-right: 5px; margin-left: 10px}
.res_wrap .control .data_all::before{background:#e4672a;border-radius: 2px}
.res_wrap .control .data_am::before{background:#009944;border-radius: 10px}
.res_wrap .control .data_pm::before{background:#8863b5;}
.res_wrap #cal{border-bottom: 1px solid #ddd;}
.res_wrap .calender table{text-align: center;width: 100%;}
.res_wrap .calender table th{background: #eee;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 40px;}
.res_wrap .calender table td{line-height: 50px;border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;}
.res_wrap .calender table tr td:nth-child(1){ color:#c71414; }
.res_wrap .calender table td:nth-child(7){color: #12477b;border-right:0px }
.res_wrap .calender table tr:last-child td{border-bottom: 0;}


.res_wrap .calender table .hol{color:#c71414; }
.res_wrap .calender table a{display: inline-block;width: 100%;height: 50px;line-height: 50px;color: #fff;font-weight: bold;}
.res_wrap .calender table .all{background:#e4672a; color:#fff}
.res_wrap .calender table .am{background:#009944;border-radius: 20px}
.res_wrap .calender table .pm{background:#8863b5; }
.res_wrap .calender table .on{ background: #0068b7;color: #fff000; }

.res_wrap .time{padding: 10px 0 5px}
.res_wrap .time li{display: inline-block; padding: 3px 10px; text-align: center}
.res_wrap .time li a{display: block;padding: 2px 10px;text-align: center; box-sizing: border-box;} 
.res_wrap .time li a.on{background: #0068b7;color: #ffff00; font-weight: bold}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    }


.btn2{min-width:115px;   text-align:center; color:#fff; font-weight:bold;display:inline-block; padding:7px 10px;box-sizing:border-box;vertical-align:middle; }
.btn2.table{ color:#555; border:1px solid #727272; background:#eee;   padding:5px 5px;min-width:8px;}
.btn2.bule{background:#3171bd; border:1px solid #1055a5; color:#fff }
.btn2.gray{background:#777777; border:1px solid #666666;  color:#fff}
button.btn2{font-size:1.5rem}

.join_box_wrap{height:225px;padding:25px 15px 20px;margin-bottom:10px;border:1px solid #e1e1e1;background:#f5f5f5;line-height:20px;}
.join_box{height:225px;overflow:auto;background:#f5f5f5; font-size:0.9em}
.join_box h5{ font-weight:normal;text-decoration:none;margin-bottom:7px;}
.join_box ul{margin-left:20px;}
.join_box ul li ul{padding-left:10px;}
.join_box li div{line-height:20px;padding-left:5px}
.board02 td input.tel{width:80px}



 .bule_text{color:#0056a5; margin-top:20px}
.blackB{color:#222 !important;; font-weight:  bold;}
.orangB{color:#ff6e0d !important;; font-weight: bold;}

.join02_wrap{padding:0 0px;}
.join02:after{clear:both;display:block;content:""}
.join02{width:620px;}
.join02 strong{display:block;margin-bottom:10px;}
.join02 .mobile{text-align:center;float:left;width:300px;  }
.join02 .ipin{text-align:center;float:left;width:300px; margin-left:20px;}
.join02 .mobile .mobile_in{font-size:0.8em ;width: 280px; padding:167px 10px 20px;border:1px solid #d6d6d6;background:url("/images/sub/join02_mobile.gif") no-repeat center 23px;}
.join02 .ipin .ipin_in{font-size:0.8em; width:280px; padding:167px 10px 20px;border:1px solid #d6d6d6;background:url("/images/sub/join02_ipin.gif") no-repeat center 23px;}

.mobile_in button.btn2 {font-size:1.2rem ;}


/* 탭 */
.tab_list ul{display:table; width:100%; margin-bottom:20px; }
.tab_list li{display:table-cell; border:1px solid #ddd;}
.tab_list a{display:block; margin:0 10px; text-align:center; padding:5px 0; font-size:1.2em ; font-weight:bold }
.tab_list .on{background:#0056a5; border:0}
.tab_list .on a{color:#fff}

dt h5{color:#0056a5; font-size:1.3em; font-weight:bold; }

/* 202411 진료예약 디자인 개선 */
.reserv_info{position:relative;}

.reserv_info .visit{text-align:center;color:#fff;font-size:1em;font-weight:bold;border-radius:20px 20px 0 0;padding:7px 0}
.reserv_info .visit.one{background:#0072bc;}
.reserv_info .visit.two{background:linear-gradient(90deg, #0173bc, #08a47d);}
.reserv_info .guide{background:url('../images/sub/sub03/reserv_guide_bg.png') no-repeat;top:182px;left:335px;width:85px;height:85px;position:absolute;z-index:10;font-size: 0; text-indent:-9999px;}
.reserv_info .online,
.reserv_info .phone{border-radius:0 0 20px 20px}
.reserv_info>div{position:relative;vertical-align:top;display:block;background:#f2f2f2;border-radius:20px;_width:100%;margin-bottom:16px;padding:25px 28px 35px 28px}

.reserv_info>div .tit{display:block;font-size:1.5em;font-weight:bold;margin-bottom:10px;color:#000}

.reserv_info>div .text_blue{color:#0072bc;font-weight:bold;}

.reserv_info>div .info{margin-bottom:20px;font-size:1em;}

.reserv_info>div .phone_area{font-size:1.8em;font-weight:bold;font-weight:bold;margin-top:-10px;}
.reserv_info>div .phone_area *{line-height:1.4}
.reserv_info>div .phone_area span{display:block;}
.reserv_info>div .phone_area i{padding:0 18px;height:35px;line-height:35px;display:inline-block;text-align:center;margin-top:-8px;font-size:0.45em;border-radius:20px;font-style:normal !important;color:#fff;vertical-align:middle;}
.reserv_info>div .phone_area .blue{color:#0072bc;}
.reserv_info>div .phone_area .green{color:#109e5c;}
.reserv_info>div .phone_area .green strong{font-size:0.5em;display:block;color:#333;margin:0 0 0 105px;}
.reserv_info>div .phone_area .blue i{background:#0072bc}
.reserv_info>div .phone_area .green i{background:#109e5c}

.reserv_info .btn_area{display:block;bottom:35px; text-align:center}
.reserv_info .btn_area a{width:100%;}
.reserv_info .btn_area.two a{width:48.5%;display:inline-block;}

.reserv_info .btn_rblue{border:1px solid #0072bb;margin-left:auto;display:inline-block;border-radius:30px;height:50px;line-height:50px;font-size:1.1em;font-weight:bold !important;text-decoration:none;}
.reserv_info .btn_rblue.line{border:1px solid #0072bb;color:#0072bb !important;}
.reserv_info .btn_rblue.line:hover{background:#0072bb;color:#fff !important;text-decoration:none !important;}
.reserv_info .btn_rblue.full{background:#0072bb;color:#fff}
.reserv_info .btn_rblue.full:hover{color:#00fffc;text-decoration:none !important;}
.reserv_info .btn_rblue.yellow{color:#fcff00}

.reserv_step{overflow:hidden;}
.reserv_step ul{height:136px}
.reserv_step li{float:left;position:relative;display:inline-block;height:65px;line-height:65px;text-align:center;border-radius:65px;background-color:rgba(0,114,188,0.2);}
.reserv_step li.step01{width:34.5%}
.reserv_step li.step02{width:37%;margin-left:-3%;}
.reserv_step li.step03{width:34.5%;margin-left:-3%;}
.reserv_step li span.no{position:absolute;top:0;font-weight:bold;line-height:38px;display:inline-block;font-size:18px;background-color:rgb(0,114,188);width:38px;height:38px;text-align:center;color:#fff;border-radius:50px;margin:13px 0 0 16px}
.reserv_step li.step01 .no{left:2px;}
.reserv_step li.step02 .no{left:20px;}
.reserv_step li.step03 .no{left:18px;}
.reserv_step li span.txt{position:absolute;top:18%;left:0;color:#454545;font-size:24px;font-weight:bold}
.reserv_step li.step01 .txt{left:64px;}
.reserv_step li.step02 .txt{left:82px;}
.reserv_step li.step03 .txt{left:78px;}
.reserv_step li p{position:absolute;width:100%;font-size:16px;color:#333;top:70px;text-align:center;font-weight:normal;letter-spacing:-0.5px;}

.list_dot li{padding:0 0 5px 10px;position:relative;line-height:18px;font-size:13px;}
.list_dot li:before{content:'';width:3px;height:3px;background:#ababab;position:absolute;top:7px;left:0;}



.red{color:#fc1a1e !important;}

.text_info{font-size:20px }

.text_info02{font-size:20px;padding-left:28px;position:relative}
.text_info02:before{content:'※';position:absolute;left:5px; }

.lsm1{letter-spacing:-1px}

.btn_wrap .btn{width:100%;display:block;height:70px;line-height:70px;font-size:1.1em;font-weight:600; border-radius:0 10px 10px 10px;text-align:center;margin-bottom:10px;}
.btn_wrap .btn:last-child{margin-bottom:0}
.btn_wrap .btn_bagic{border:1px solid #0173bc; color:#0173bc }
.btn_wrap .btn_point{background:linear-gradient(90deg, #0173bc, #08a47d);color:#fff;}

.input_form input[type=text],
.input_form input[type=tel],
.input_form input[type=number],
.input_form input[type=password],
.input_form select{width:100% !important;border:0;padding:0;color:#333;background:#fff}
.input_form input[type=radio]{vertical-align: middle;width:20px;height:20px;margin-top:5px;}
.input_form select{border-radius:5px;height:50px;}
.input_form dl{margin-bottom:20px;}
.input_form dt{margin-bottom:8px;color:#000;font-weight:500;font-size:1.2em;}
.input_form dt .red{vertical-align:middle;}
.input_form .input_phone input{width:100px;}
.input_form .form_item {overflow:hidden;}
.input_form .form_item.name{border:1px solid #a6a7a7;padding:0 10px;border-radius:8px;height:55px;line-height:48px;}
.input_form .form_item.name input{width:100%;padding:0}
.input_form .form_item.rrn p{float:left;border:1px solid #a6a7a7;padding:0 10px;border-radius:8px;height:55px;line-height:48px;}
.input_form .form_item.rrn span{float:left;display:inline-block;margin:0 11px;height:55px;line-height:50px;}
.input_form .form_item.rrn .rrn1, .input_form .form_item.rrn .rrn2{width:180px;}
.input_form .form_item.rrn .btn2{width:140px;border-radius:8px;height:57px;line-height:42px;margin-left:11px;font-weight:bold}
.input_form .form_item.phone p{float:left;border:1px solid #a6a7a7;padding:0 10px;border-radius:8px;height:55px;line-height:48px;}
.input_form .form_item.phone span{float:left;display:inline-block;margin:0 11px;height:55px;line-height:50px;}
.input_form .form_item.phone .phone1{width:152px;}
.input_form .form_item.phone .phone2{width:153px;}
.input_form .form_item.phone .phone3{width:153px;}



.agree_box{border:1px solid #e1e1e1; background:#f5f5f5;margin-bottom:10px;}
.agree_box h5{padding:12px 0 14px 20px;font-weight:bold;font-size:1.1em;}
.agree_box .join_box_wrap{background:#fff;border:0;margin-bottom:0;padding:0;height:auto;}
.agree_box .join_box{background:#fff;padding:15px 20px;height:249px;font-size:1em;}
.agree_box .join_box h5{padding:0;}
.agree_check{}
.agree_check input[type=radio]{}

#s_center{width:366px !important;}


.btn_pagelink{width:100%;background:#0072bc; color:#fff !important; font-weight:bold; padding:14px 0;display:block;text-align:center;border-radius:10px;}
.btn_pagelink:hover{background:#17a060 !important}

.text_blue{color:#0072bc;}

/* 각 센터 소개 센터장 */
.center_director{position:relative;clear:both;overflow:hidden;margin-bottom:20px;}
.director_photo{display:inline-block;text-align:center;float:right; margin-left:15px;margin-bottom:15px;font-size:1.5rem;}
.director_photo strong{display:block}
.director_photo img{width:200px;margin-bottom:8px;border:5px solid #f2f2f2}
.director_photo .btn_viewDetail img{width:auto;border:0;margin-top:10px;}

.reservation_notice{background:#f2f2f2;font-size:1.3rem;padding:3% 4%;font-weight:bold;}