@charset "utf-8";

/******************************01센터소개******************************/
/*인사말*/
.s01_0101{}

/*연혁*/
.s01_0201{}
.s01_0201 dl{width:100%; display:inline-block; }
.s01_0201 dt.history_side{float:left; width:115px;}
.s01_0201 dt.history_side .year{padding-left:30px; font-size:27px; font-weight:600; color:#1577c0; background:url(/cancer/img/common/h3_icon_his.gif) no-repeat left bottom;}
.s01_0201 dd.history_cont{float:right; width:550px; padding:20px 0 20px 50px; border-left:1px solid #dadada;  background:url(/cancer/img/common/underline.gif) no-repeat 50px bottom;}
.s01_0201 dd.history_cont.first{padding-top:0;}
ul.history{}
ul.history li{font-size:14px; padding-left:7px; margin-bottom:6px; color:#444; background:url(/cancer/img/common/li_icon3.gif) no-repeat 0 8px;}

/*조직도*/
.s01_0301{text-align:center;}

/*전화번호안내*/
.s01_0401m{display:none;}
.s01_0401{}
.s01_0401 .top{text-align:right; background:url(/cancer/img/sub/call_img.jpg) no-repeat 0 0;}
.s01_0401 .cont_area{height:145px;padding: 0 0 0 280px; background:url(/cancer/img/sub/call_bg.gif) no-repeat 0 0;}

/******************************02전문진료팀******************************/
.s02_0101{}
.s02_0101 .top_pic{margin-bottom:30px; }

/*의료진 리스트*/
.medical_intro {display:inline-block; width:100%;}
.medical_intro .doctor {display:inline-block; width:100%;}
.medical_intro .doctor .box {position:relative; display:inline-block; width:100%; border-top:1px solid #222; padding:20px 0;}
.medical_intro .doctor .box .doctor_info {padding-left:165px; width:585px;}
.medical_intro .doctor .box .doctor_info .name {font-size:20px; font-weight:600; color:#222; letter-spacing:-1px; line-height:26px; padding-top:5px; height:37px;}
.medical_intro .doctor .box .doctor_info dl {width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:13px 0;}
.medical_intro .doctor .box .doctor_info dl dt {position:absolute; font-weight:600; line-height:24px; color:#222;}
.medical_intro .doctor .box .doctor_info dl dd {line-height:20px; padding:2px 0; padding-left:80px; letter-spacing:-1px;}
.medical_intro .doctor .box .doctor_info .photo {position:absolute; top:20px; left:0; width:133px; height:158px; font-size:0; line-height:0; border:1px solid #dfdfdf;}
.medical_intro .doctor .box .doctor_info .photo img {width:133px; height:158px;}
.medical_intro .doctor .box .btn {margin-top:15px;}
.medical_intro .doctor .box .btn a {margin-left:5px;}

/*의료진소개*/
.doctor_intro {width:100%;}
.doctor_intro .top_btn {display:inline-block; font-size:0; line-height:0; padding-bottom:15px;}
.doctor_intro .top_btn a {margin-right:5px;}
.doctor_intro .doctor_wrap {width:100%;clear:both;}
.doctor_intro .doctor_wrap .doctor {position:relative; width:498px; height:213px; padding:35px 0 0 250px; border:1px solid #dfdfdf; border-bottom:2px solid #2468c5; background:url(/cancer/img/sub/doctor_bg.gif) no-repeat right top;}
.doctor_intro .doctor_wrap .doctor h3 {font-weight:normal; letter-spacing:-1px;}
.doctor_intro .doctor_wrap .doctor h3 .part {font-size:15px; color:#222; padding-bottom:5px;}
.doctor_intro .doctor_wrap .doctor h3 .name {font-size:30px; color:#222; font-weight:600; line-height:36px;}
.doctor_intro .doctor_wrap .doctor h3 .name span {font-size:20px; color:#989898; letter-spacing:0;}
.doctor_intro .doctor_wrap .doctor .info {display:inline-block; margin-top:15px;}
.doctor_intro .doctor_wrap .doctor .info .photo {position:absolute; top:0; left:0; width:209px; height:248px; font-size:0; line-height:0; border-right:1px solid #dfdfdf;}
.doctor_intro .doctor_wrap .doctor .info .photo img {width:209px; height:248px;}
.doctor_intro .doctor_wrap .doctor .info dl dt {float:left; width:70px; font-size:14px; font-weight:600; color:#2468c5; line-height:28px; height:28px;}
.doctor_intro .doctor_wrap .doctor .info dl dd {float:left; width:420px; line-height:28px;  letter-spacing:-1px;}
.doctor_intro .doctor_wrap .doctor .info dl dd img {vertical-align:middle;}
.doctor_intro .doctor_wrap .course {position:relative; width:100%;}
.doctor_intro .doctor_wrap .course ul li {font-size:0; line-height:0;}
.doctor_intro .doctor_wrap .course ul li a {position:absolute; top:-46px;}
.doctor_intro .doctor_wrap .course ul li.tab1 a {right:360px;}
.doctor_intro .doctor_wrap .course ul li.tab2 a {right:180px;}
.doctor_intro .doctor_wrap .course ul li.tab3 a {right:0;}
.doctor_intro .doctor_wrap .course .course_list {width:100%; padding:25px 0; border-bottom:1px solid #dfdfdf;}
.doctor_intro .doctor_wrap .course .course_list ul {display:inline-block; padding-left:20px;}
.doctor_intro .doctor_wrap .course .course_list ul li {padding:2px 0; font-size:13px; line-height:20px; padding-left:13px; background:url(/cancer/img/sub/doctor_dot.gif) no-repeat left 50%;}
.doctor_intro .doctor_wrap .course .course_list {font-size:13px; line-height:20px; border-bottom:1px solid #dfdfdf;}

/*외래진료시간표*/
.meditime_top {position:relative; display:inline-block; width:100%; margin-top:40px;}
.meditime_top h3.tit {float:left;}
.meditime_top .iconlist {float:left; margin-left:20px; }
.meditime_top .iconlist ul li {float:left; font-size:0; line-height:0; padding:5px 5px 0 0;}
.meditime_top .search {float:right; margin-top:5px;}
.meditime_top .search input {float:left; padding:0; margin:0; height:26px; line-height:26px; border:1px solid #dfdfdf; color:#666; padding-left:10px; width:85px;}
.meditime_top .search a.btn {display:inline-block; width:45px; height:28px; line-height:28px; text-align:center; color:#fff; background:#666;}
.meditime_top .search a.btn:hover {background:#777;}

/******************************04호스피스완화의료******************************/
/*호스피스완화의료*/
.s04_0101{}
	.hospis_line_box{padding:30px 0; text-align:center;  border:1px solid #ddd;}

/*후원안내*/
.s04_0201{}
.s04_0201 .bank{padding:25px 0 0 80px; margin-top:20px; border-top:1px dashed #ddd; background:url(/cancer/img/sub/hospis_icon01.gif) no-repeat left 100%;}

/*병동안내*/
.s04_0301{}
.s04_0301 .pic_group3{overflow:hidden;}
.s04_0301 .pic_group3 li{float:left; margin-right:32px;}
.s04_0301 .pic_group3 li.last{margin-right:0px;}
.s04_0301 .pic_group3 .title{display:block; padding:3px 0; color:#fff; text-align:center; background:#757a8b;}
.s04_0301 .pic_group4{overflow:hidden;}
.s04_0301 .pic_group4 li{float:left; margin-right:15px;}
.s04_0301 .pic_group4 li.last{margin-right:0px;}
.s04_0301 .pic_group4 .title{display:block; padding:3px 0; color:#fff; text-align:center; background:#757a8b;}

/*암검진*/
.s04_0401{width:100%;}
.s04_0401 .line_box{width:710px;display:inline-block;background:url(/health/img/03nomal/s0301icon01.gif)30px 50% no-repeat;}
.s04_0401 .line_box .number_box{width:210px;float:left;padding:10px 0 0 140px;}
.s04_0401 .line_box .number_box .title{font-weight:600;font-size:16px;margin-bottom:16px;}
.s04_0401 .line_box .number_box .number{font-size:36px;font-weight:bold;color:#e67613;}
.s04_0401 .line_box .target_box{width:330px;float:right;padding-left:20px;border-left:1px dashed #ddd;}
.s04_0401 .box_wrap{overflow:hidden;}
.s04_0401 .box1,
.s04_0401 .box2{width:190px;height:133px;border:1px solid #e8e8e8;padding:40px 0 0 180px;border-radius:5px;}
.s04_0401 .box1{float:left;background:#f8f8f8 url(/health/img/01intro/s0102icon01.png) no-repeat 10% 50%;}
.s04_0401 .box2{float:right;background:#f8f8f8 url(/health/img/01intro/s0102icon02.png) no-repeat 10% 50%;}
.s04_0401 .title{font-size:18px;font-weight:600;margin-bottom:10px;}
.s04_0401 .box1 .number,
.s04_0401 .box2 .number{font-size:32px;color:#e67613;font-weight:600;letter-spacing:-1px;margin-top:10px;line-height:110%;}


/*사회사업*/
.s04_0501 {width:100%;}
.s04_0501 .box {position:relative; width:100%; height:193px;}
.s04_0501 .box .tel {position:absolute; top:15px; left:0;}
.s04_0501 .box .txtbox {margin-left:82px; width:663px; height:191px; border:1px solid #dfdfdf; border-left:2px solid #126ecc; text-align:center;}
.s04_0501 .box .txtbox .tit {font-size:0; line-height:0; padding-top:40px;}
.s04_0501 .box .txtbox .txt {font-size:0; line-height:0; padding-top:24px;}

.s04_0501 .box2 {display:inline-block; padding-left:83px; width:667px; letter-spacing:-1px; margin-top:20px;}
.s04_0501 .box2 .img {float:left; font-size:0; line-height:0;}
.s04_0501 .box2 .box_r {float:right; width:410px; display:inline-block; letter-spacing:-1px;}



/******************************05상담실******************************/
.s05_0301{}
.s05_0301 .counsel_reserv01{padding:0 0 20px 120px; background:url(/cancer/img/sub/counsel_icon01.png) no-repeat left 0; }
.s05_0301 .counsel_reserv02{padding:20px 0 0 120px; background:url(/cancer/img/sub/counsel_icon02.png) no-repeat left 50%; border-top:1px dashed #ddd; }

.s05_0302{}
	.con_ver01{overflow:hidden; }
	.con_ver01 .pic_area{float:left;}
	.con_ver01 .text{float:right; width:49%;}

/******************************06진료예약******************************/
/*진료절차*/
.s06_0101{}
.cancer_step{padding:20px; text-align:center; border:1px solid #ddd;}

/*진료예약*/
.reserv_info_text {padding:20px 20px 20px 170px; background:url(/cancer/img/sub/reserv_icon01.png) no-repeat 30px 50%; }
.reserv_info_text .icon_select img{vertical-align:middle;}
.reserv_info_select{padding:15px 0; text-align:center; background:#efefef; }
.reserv_info_select .title{display:inline-block; padding:0 15px;  height:25px;  font-size:12px; line-height:25px; color:#fff; font-weight:600; background:#1577c0; }
.reserv_info_select .center_sel{height:30px; font-size:12px; border:1px solid #ddd; }

.visualbox {width:668px; border:1px solid #e2e2e2; padding:40px; display:inline-block;}
.visualbox.bg0102 {background:url(/cancer/img/sub/s0201bg.jpg) no-repeat right bottom;}
.visualbox.bg010202 {background:url(/cancer/img/sub/s0202bg.jpg) no-repeat right bottom;}
.visualbox .tit {font-size:0; line-height:0; padding-bottom:20px;}
.visualbox .txt {font-size:13px; line-height:20px; letter-spacing:-1px;}
.visualbox .txt p {padding-top:13px;}
.visualbox .time {height:46px; width:395px; background:#fafafa; border-top:1px solid #eaeaea; margin-top:20px; border-bottom:1px solid #eaeaea; letter-spacing:-1px; text-align:center; font-size:14px; font-weight:600; color:#2468c5; line-height:46px;}

.listbox {width:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center;}
.listbox .tit {width:100%; height:59px; line-height:59px; text-align:center; margin-top:-5px; letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;}
.listbox .tit span {display:inline-block; border-top:5px solid #2468c5; height:24px; line-height:24px; font-size:20px; padding:16px 0; font-weight:600; color:#2567c1;}
.listbox .boxarea {display:inline-block; width:710px; background:url(/cancer/img/common/dotline.gif) repeat-x left top; text-align:left; padding:30px 0;}
.listbox .boxarea .agree {font-size:14px; color:#444; letter-spacing:-1px; font-weight:600; padding-top:15px;}
.listbox .boxarea .agree input {margin:0; padding:0; vertical-align:middle; margin-right:5px;}

/******************************07사이트가이드******************************/
/*사이트맵*/
.sitemap_wrap{width:100%;}
	.sitemap{width:100%; overflow:hidden;}
	.sitemap h3{height:40px; line-height:40px; letter-spacing:-1px;  text-align:center; color:#fff; font-size:15px; font-weight:600; margin-bottom:15px; background:#124871 url(/cancer/img/sub/sitemap_bullet.png) no-repeat 50% 100%;}
	.sitemap li{float:left; width:120px;margin-right:6px; }
	.sitemap li.last{margin-right:0; }
	.sitemap li a:hover{color:#00ac7e; }
	.sitemap li ul.sitelist01 li{float:none; font-size:13px; font-weight:600; padding-bottom:5px;margin-bottom:5px; color:#444; border-bottom:1px solid #ddd; }
	.sitemap li ul.sitelist02{margin-top:10px;}
	.sitemap li ul.sitelist02 li{float:none; font-size:12px; text-align:left; font-weight:400; padding-left:7px; padding-bottom:0; margin-bottom:0;color:#444; border-bottom:none; background:url(/cancer/img/common/li_icon3.gif) no-repeat 0 10px;}


/*로그인*/
.s0601 {display:inline-block; width:748px; border:1px solid #e2e2e2; border-top:2px solid #2468c5; font-size:0; line-height:0;}
.s0601 .login {display:inline-block; width:100%; height:220px; border-bottom:1px solid #e2e2e2; font-size:13px; line-height:20px;}
.s0601 .login .log_l {display:inline-block; float:left; padding:47px 0 0 50px;}
.s0601 .login .log_l .tit {font-size:0; line-height:0; height:56px;}
.s0601 .login .log_l .tit2 {font-size:15px; color:#222; font-weight:600;}
.s0601 .login .log_l .txt {padding-top:10px; letter-spacing:-1px;}

.s0601 .login .log_r {position:relative; display:inline-block; float:right; width:344px; padding:101px 60px 0 0;}
.s0601 .login .log_r dl {float:left; display:inline-block; height:38px;}
.s0601 .login .log_r dl dt {float:left; height:33px; line-height:33px; width:64px; font-size:14px; font-weight:600; color:#222; letter-spacing:-1px;}
.s0601 .login .log_r dl dd {float:left; height:33px; width:200px;}
.s0601 .login .log_r dl dd input {padding:0 10px; margin:0; border:1px solid #dfdfdf; width:178px; height:31px;}
.s0601 .login .log_r .log_btn {position:absolute; top:101px; right:60px;}
.s0601 .login .log_r .log_btn input {display:inline-block; vertical-align:middle; cursor:pointer; padding:0; margin:0; color:#fff; overflow:visible; font-weight:600; letter-spacing:-1px; font-size:14px; height:71px; padding-top:20px; width:71px; background:#2468c5 url(/cancer/img/sub/s0101icon.gif) no-repeat center 15px; border:none;}

.s0601 .logmenu {width:670px; padding:0 39px; display:inline-block; background:#fbfbfb; padding-bottom:35px; font-size:13px; line-height:20px;}
.s0601 .logmenu ul {display:inline-block; width:100%;}
.s0601 .logmenu ul li {float:left; width:33.3%; text-align:center; letter-spacing:-1px; padding-top:100px;}
.s0601 .logmenu ul li.icon1 {background:url(/cancer/img/sub/s0101icon1.gif) no-repeat center 36px;}
.s0601 .logmenu ul li.icon2 {background:url(/cancer/img/sub/s0101icon2.gif) no-repeat center 40px;}
.s0601 .logmenu ul li.icon3 {background:url(/cancer/img/sub/s0101icon3.gif) no-repeat center 33px;}

.s0601 .logmenu ul li .btn {margin-top:10px;}
.s0601 .logmenu ul li .btn a {display:inline-block; padding:0 15px; height:30px; line-height:30px; background:#7388a5; color:#fff; font-weight:600;}
.s0601 .logmenu ul li .btn a:hover {background:#677b98;}


/*검색결과*/
.resultBox{margin-bottom:20px; line-height:63px; border:1px solid #d9dce4; text-align:center; color:#666; font-size:17px; background:#f6f7f9;}