@charset "utf-8";

.ready{padding-top:50px; text-align:center;}
/************센터소개************/
/* 인사말 */
.intro_wrap{display:inline-block;width:100%;}
.intro_wrap .btxt{float:left;width:270px;padding-bottom:400px;font-size:28px;color:#666;line-height:37px;letter-spacing:-0.05em;background:url(/cardio/img/01intro/intro_bg.jpg) no-repeat 0 bottom;}
.intro_wrap .btxt strong{color:#257abf;}
.intro_wrap .btxt strong span{color:#000;}
.intro_wrap .stxt{float:right;width:385px;}
.intro_wrap .stxt p{margin-top:20px;color:#666;line-height:23px;word-break:keep-all;}
.intro_wrap .stxt p:first-child{margin-top:0;}

/* 전화번호안내 */
.call_wrap{width:100%;border-top:1px solid #000;}
.call_wrap .box{display:table;width:100%;padding:30px 0;border-bottom:1px solid #d9d9d9;}
.call_wrap .box .tit{width:240px;padding-top:110px;font-size:17px;font-weight:600;color:#1672bb;text-align:center;letter-spacing:-0.05em;}
.call_wrap .box .icon1{background:url(/cardio/img/01intro/icon_call1.gif) no-repeat 70px 0;}
.call_wrap .box .icon2{background:url(/cardio/img/01intro/icon_call2.gif) no-repeat 70px 0;}
.call_wrap .box .icon3{background:url(/cardio/img/01intro/icon_call3.gif) no-repeat 70px 0;}
.call_wrap .box ul{display:table-cell;vertical-align:middle;width:510px;}
.call_wrap .box ul li{margin:10px 0;padding-left:10px;font-size:16px;color:#222;font-weight:400;letter-spacing:0;background:url(/cardio/img/01intro/bullet_icon.gif) no-repeat 0 50%;}
.call_wrap .box ul li span{display:inline-block;min-width:110px;font-weight:500;letter-spacing:-0.05em;}

/* 진료과별위치안내 */
.place_wrap{display:inline-block;width:100%;}
.place_wrap li{width:33.33%;float:left;text-align:center;}
.place_wrap li .tit{padding-top:140px;font-size:18px;font-weight:600;color:#000;}
.place_wrap li .icon1{background:url(/cardio/img/01intro/icon_place1.gif) no-repeat 50% 0px;}
.place_wrap li .icon2{background:url(/cardio/img/01intro/icon_place2.gif) no-repeat 50% 0px;}
.place_wrap li .icon3{background:url(/cardio/img/01intro/icon_place3.gif) no-repeat 50% 0px;}
.place_wrap li .box{width:190px;height:190px;margin:20px auto 0;padding:20px 0;display:table;border:1px solid #d9d9d9;}
.place_wrap li .box dl{display:table-cell;vertical-align:middle;}
.place_wrap li .box dl dt{padding-bottom:5px;font-size:15px;font-weight:600;color:#333;}
.place_wrap li .box dl dd{padding-bottom:15px;font-size:14px;color:#666;}

/*찾아오시는길*/
.s01_0501 .map2 {display:none;}
.s01_0501 .btn{margin-bottom:15px;}



.s0401 {width:100%; display:inline-block;}
.s0401 .map {margin-bottom:20px;}
.s0401 .map2 {display:none;}
.s0401 .box {width:100%; display:inline-block; margin-bottom:50px;}
.s0401 .box dl.address {display:inline-block; float:left; width:500px;}
.s0401 .box dl.address dt {float:left; font-size:17px; font-weight:600; color:#2567c1; letter-spacing:-1px; padding-right:10px; margin-right:10px; background:url(/cardio/img/05info/s0101bar.gif) no-repeat right 50%;}
.s0401 .box dl.address dd {float:left; font-size:14px; color:#666;}
.s0401 .box .btn {float:right; display:inline-block; font-size:0; line-height:0;}
.s0401 .box .btn a {margin-left:5px;}

.s040102 {width:100%;border-top: 1px solid #d7d7d7;}
.s040102 h4.tit.h4_t{margin-top:50px !important;}
.s040102 .box_wrap{display:inline-block;width: 100%;height: 680px;}
.s040102 .box_wrap.h01{height: 283px;}
.s040102 .box_wrap.h02{height:188px;}
.s040102 .box_wrap.h03{height:424px;margin-top:-1px;}
.s040102 .box_wrap.h04{height:165px;}
.s040102 .bus_num {display: table;width: 145px;height: 100%;float:left;line-height:22px;text-align:center;font-size:22px;font-weight: 600;color:#131212;border-top: 1px solid #252525;border-bottom: 1px solid #252525;margin: -1px 0;box-sizing: border-box;}
.s040102 .bus_num span{display: table-cell;vertical-align: middle;padding-top: 69px;}
.s040102 .bus_num.icon01 span{background: url(/img/02treatment/maps_bus_icon.gif) no-repeat 50% 50%;}
.s040102 .bus_num.icon02 span{background: url(/img/02treatment/maps_subway_icon.gif) no-repeat 50% 45%;}
.s040102 .bus_num.icon03 span{background: url(/img/02treatment/maps_car_icon.gif) no-repeat 50% 45%;}
.s040102 .box {display:inline-block;width: 550px;padding: 33px 0;border-bottom:1px solid #e8e8e8;}



.sidetab {display:none;}

.s040102 .box dl {display:inline-block;width:615px;}
.s040102 .box dl dt {width:100%; line-height:25px; height:25px; font-size:20px; color:#000;font-weight:600; margin-bottom:26px;}
.s040102 .box dl dt.green{color:#3b9c1a;}
.s040102 .box dl dt.blue{color:#4378d0;}
.s040102 .box dl dt.violet{color:#d341ca;}
.s040102 .box dl dt.red{color:#d53535;}
.s040102 .box dl dt a{display: inline-block; width:85px;height: 31px;text-align: center;line-height: 29px;font-family: 'NotoKrB',sans-serif;font-size: 13px;color: #656565;border: 1px solid #cdcdcd;box-sizing: border-box;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.08);}
.s040102 .box dl dt img {vertical-align:middle;}
.s040102 .box dl dt a {margin-left:5px;}
.s040102 .box dl dd {float:left;font-family: 'NotoKrM',sans-serif;color: #555;padding-right:19px;margin-right:6px;background:url(/img/02treatment/s0102arrow.gif) no-repeat right 50%;letter-spacing:-1px;line-height:23px;}
.s040102 .box dl dd.last {padding-right:0; margin-right:0; background:none;}
.s040102 .box dl dd.now {color: #0b71e5;}
.s040102 .box dl dd.now.dnone{background:none;}
.s040102 .box.back dl dd{background:none;}


.mapmap{width: 100% !important;}
.map2 {display:none;}
.map{position: relative;}
.root_daum_roughmap .map {z-index:0;}

.map .maplist {position: absolute;top:20px;right:14px;width:100%; display:inline-block; margin-bottom:10px;z-index: 1;}
.map .maplist ul {display:inline-block; float:right;}
.map .maplist ul li {float:left; width:150px; border:1px solid #dfdfdf; margin-left:3px;text-align:center;background:#fff;}
.map .maplist ul li a {display:block; height:19px; padding:10px 10px; line-height:19px; vertical-align:top;}
.map .maplist ul li a img {vertical-align:middle;}
.box {width:100%;display:inline-block;padding: 25px 0; }
.box dl.address {display:inline-block;float:left;line-height: 36px;}
.box dl.address dt {float:left;font-size: 20px;color: #131212;letter-spacing:-1px;padding-right:10px;margin-right:10px;font-weight: 600;}
.box dl.address dd {float:left;font-size: 18px;font-weight: 600;color: #555;}
.box.maps .btn_w{display:inline-block;float: right;padding:0 !important;}
ul.list.maps{margin: 0;padding: 35px 30px 15px;border-bottom: 1px solid #e0e0e0;border-top: 2px solid #222;box-sizing:border-box;font-weight: 600;}
ul.list.maps li{font-size: 16px; color: #555;margin-bottom:0;background: none;}
ul.list.maps li:first-child{margin-bottom: 20px;}
ul.list.maps li span{color: #000;padding-right: 34px;font-weight: 700;}
ul.list.maps li ul.list2 li{padding-left: 96px;}

.map_img img{width:100%;}


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


/******************************01전문진료팀******************************/

/*각 진료과 소개 틀*/
.medical_intro {width:100%; }
.medical_intro .infobox { position:relative; width:748px; height:415px; border:1px solid #dfdfdf; background:url(/joint/img/01team/medi_bg.gif) no-repeat right top;}
.medical_intro .infobox dl {width:100%; text-align:center; padding-top:30px;}
.medical_intro .infobox dl dt {font-size:22px; color:#222; font-weight:600; letter-spacing:-1px; line-height:30px; height:35px; padding-top:10px; background:url(/img/02treatment/medi_tit_icon.gif) no-repeat center top;}
.medical_intro .infobox dl dd {display:inline;}
.medical_intro .infobox dl dd.photo {position:absolute; bottom:0; left:0; font-size:0; line-height:0; letter-spacing:-1px;}
.medical_intro .infobox .list_btn {position:absolute; top:19px; left:19px; font-size:0; line-height:0;}
.medical_intro .s_tit {font-size:21px; color:#2468c5; font-weight:600; padding:8px 0 17px 0; font-family:nanummyeongjo;}

.medical_intro .major {display:inline-block; width:688px; padding:10px 30px; border:1px solid #dfdfdf; background:url(/joint/img/01team/medi_bg2.gif) repeat left top;}
.medical_intro .major ul li {float:left; width:162px; background:url(/img/02treatment/medi_dot.gif) no-repeat left 50%; line-height:20px; padding:4px 0 4px 10px;}
.medical_intro .major ul li a {color:#666; letter-spacing:-1px;}
.medical_intro .major ul li a:hover {color:#2468c5; font-weight:600;}

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

/*예방관리부 조직도*/
.medical_intro .org_04 {text-align:center; padding:20px 0 20px 0;}

/*각 진료과 안에 클리닉*/
.clinic h3.tit {color:#0579cd;}
.clinic h3 .sub {color:#8b8b8b; }
.clinic .top_cont {text-align:justify; padding-bottom:25px; border-bottom:1px solid #d5d5d5; margin-bottom:40px;  letter-spacing:-1px;}
.clinic .clinic_box1, .clinic_box3 {border:1px solid #d5d5d5; padding:25px; margin-bottom:20px;}
.clinic .clinic_box2 {border:1px solid #d5d5d5; padding:25px 25px 50px 25px; background:url(/joint/img/01team/clinic_box_bg.gif) no-repeat right bottom; margin-bottom:20px;}
.clinic .clinic_box2 p {padding-top:15px; text-align:justify;}

/*각 진료과 안에 클리닉 - 탭*/
.location .clinic h3 {color:#0579cd;}
.location .clinic h3 .sub {color:#8b8b8b; }
.location .clinic .clinic_box1, .clinic_box3 {border:1px solid #d5d5d5; padding:25px; margin-bottom:20px;}
.location .clinic .clinic_box2 {border:1px solid #d5d5d5; padding:25px 25px 50px 25px; background:url(/joint/img/01team/clinic_box_bg.gif) no-repeat right bottom; margin-bottom:20px;}
.location .clinic .clinic_box2 p {padding-top:15px; text-align:justify;}







/******************************02관련의학정보******************************/
/*질병정보*/
.medi_cont p{padding-bottom:25px; text-align:justify; line-height:23px;}
.medi_cont .sub_cont{border:1px solid #d5d5d5; padding:25px 25px 0px 25px; background:url(/joint/img/01team/medi_bg2.gif) repeat left top; margin-bottom:30px;}
.medi_cont .sub_cont.child{padding:0;text-align:center;}
.medi_cont .btn_wrap, .medi_cont .ref{text-align:center;}
.medi_cont .ref{padding-bottom:20px;font-size:13px;color:#666;}


/*의료진소개*/
.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;}



/******************************03진료예약******************************/
/*진료예약*/
.reserv_info_text {padding:20px 20px 20px 170px; background:url(/joint/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;  width:150px; padding:4px 0 4px 8px;}

.visualbox {width:668px; border:1px solid #e2e2e2; padding:40px; display:inline-block;}
.visualbox.bg0102 {background:url(/joint/img/sub/s0201bg.jpg) no-repeat right bottom;}
.visualbox.bg010202 {background:url(/joint/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 p.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 p.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(/joint/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;}

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

/******************************06사이트맵******************************/
/*사이트맵*/
.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(/joint/img/sub/sitemap_bullet.png) no-repeat 50% 100%;}
	.sitemap li{float:left; width:144px;margin-right:6px; }
	.sitemap li.last{margin-right:0; }
	.sitemap li a {padding-left:8px;}
	.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(/joint/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(/joint/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(/joint/img/sub/s0101icon1.gif) no-repeat center 36px;}
.s0601 .logmenu ul li.icon2 {background:url(/joint/img/sub/s0101icon2.gif) no-repeat center 40px;}
.s0601 .logmenu ul li.icon3 {background:url(/joint/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;}