/****************************************************** ↓ 2019 리뉴얼 기본 서브 설정 ↓ *******************************************************/ #sub {width:100%; min-width:1200px; display:inline-block; } /* 상단 타이틀 설정 */ #sub .subtop {background-color: #ecf8ff; background-position:top center; background-repeat:no-repeat; width:100%; display:inline-block;padding:50px} #sub .subtop#sub1 {background-image:url(images/sub/subtop1.jpg);} #sub .subtop#sub6 {background-image:url(images/sub/subtop6.jpg);} #sub .subtop#sub7 {background-image:url(images/sub/subtop7.jpg);} #sub .subtop#sub8 {background-image:url(images/sub/subtop8.jpg);} #sub .subtop#sub10 {background-image:url(images/sub/subtop10.jpg);} #sub .subtop h1 {font-size:80px;color:#324f65;background:url(images/sub/subtop_title.png) bottom center no-repeat;padding-bottom:20px;width:100%;margin-bottom:33px} #sub .subtop h1.txt_none {background: none;} #sub .subtop.double h1 {margin-bottom:66px;} #sub #sub9 h1 {background:url(images/sub/subtop6_title.png) bottom center no-repeat !important;} /* 하위 카테고리 */ #sub .snb {width:100%; margin-top:-33px; line-height:0; display:inline-block;} #sub .snb.double {margin-top:-66px;} #sub .snb ul {width:100%;display:inline-block;margin-bottom:1px} #sub .snb ul li {float:left;text-align:center;padding-right:1px } #sub .snb ul li a {color:#fff;font-size:22px;font-weight:bold;background:#bfd2de;padding:22px 0;display:block;line-height:1;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);} #sub .snb ul li a:hover {background:#97d6ff;} #sub .snb ul li a.on {background:#0066b3;} #sub #content {width:100%;display:inline-block;margin:70px auto} /* 단락 기본 설정 */ #sub #content .paragraph {width:100%; display:inline-block; position:relative; padding-bottom:70px;} #sub #content .paragraph.pt70 {padding-top:70px;} #sub #content .paragraph .row {width:100%; display:inline-block;position:relative} #sub #content .pl40 {padding-left:40px;} #sub #content .pl80 {padding-left:80px;} #sub #content .pr40 {padding-right:40px;} #sub #content .pr80 {padding-right:80px;} #sub #content h2.subject {color:#333;font-weight:700;text-align:center;margin-bottom:20px;} /* 박스 색 설정 */ #sub #content .paragraph .bluebox {background-color:rgba(50,80,100,0.9);padding:30px;color:#fff;background-repeat:no-repeat} #sub #content .paragraph .skybox {background-color:#97d6ff;padding:30px;color:#183454;background-repeat:no-repeat} #sub #content .paragraph .skybox .c_white {text-shadow:1px 1px 2px rgba(0,0,0,0.2)} #sub #content .paragraph .navybox {background-color:#324f65;padding:30px;color:#97d6ff;background-repeat:no-repeat} #sub #content .paragraph .graybox {background-color:#f0f0f0;padding:30px;} #sub #content .paragraph .greenbox {background-color:#8ec63f;padding:60px;color:#fff;background-repeat:no-repeat; margin: 0 auto;} #sub #content .paragraph .skybox.sub1_5_2 {background-image:url(images/sub/sub1_5_2_skybox.png);background-position:right top} #sub #content .paragraph .navybox.sub1_5_2 {background-image:url(images/sub/sub1_5_2_navybox.png);background-position:left top} #sub #content .paragraph .skybox.sub1_7 {background-image:url(images/sub/sub1_7_skybox.png);background-position:left top} #sub #content .paragraph .navybox.sub1_7 {background-image:url(images/sub/sub1_7_navybox.png);background-position:right top} #sub #content .paragraph .greenbox.sub1_7 {background-image:url(images/sub/sub1_7_greenbox.png);background-position:left top} #sub #content .paragraph .skybox.sub1_11_3 {background-image:url(images/sub/sub1_11_3_skybox.png);background-position:right top} #sub #content .paragraph .skybox.sub8_1_3 {background-image:url(images/sub/sub8_1_3_skybox.png);background-position:right top} /* 연혁 설정 */ #sub #content .paragraph.history {background:url(images/sub/history_bg.jpg) right 50px no-repeat;padding-left:10%;padding-right:10%;} #sub #content .paragraph .year {font-style:italic;} #sub #content .paragraph .historybox {padding-bottom:30px; position:relative; top:-40px} #sub #content .paragraph .historybox > div {margin-top:5px;display:inline-block;width:100%;padding-left:15%;} #sub #content .paragraph .historybox > div > * {float:left; line-height:30px;} #sub #content .paragraph .historybox span {width:10%;font-size:19px;color:#77bb1a;font-weight:500;text-align:right;padding-right:10px} #sub #content .paragraph .historybox p {width:90%;border-bottom:1px #d0d0d0 dotted;padding-bottom:5px; padding-left: 20px;} /* 교차박스 설정 */ #sub #content .paragraph .absolute {position:absolute;} #sub #content .paragraph .absolute.back {z-index:-1} #sub #content .paragraph .table_wrap {display:table;height:100%;} #sub #content .paragraph .tablebox {width:52%;height:100%;display:table-cell;vertical-align:middle} #sub #content .paragraph .not_tablebox {width:52%;display:block;} #sub #content .paragraph .lefttop {left:0;top:-40px;} #sub #content .paragraph .righttop {right:0;top:-40px;} #sub #content .paragraph .rightbottom {right:0;bottom:-40px} #sub #content .paragraph .tablebox.notover {right:0;top:0} #sub #content .paragraph .tablebox .w100 {width:100px} /* 이미지별 위치설정 */ #sub #content .paragraph img.sub1_1_1 {position:absolute;top:10px;right:0;z-index:-1} /* 숫자리스트 */ #sub #content .paragraph .squarebox {width:140px; height:140px; line-height:140px; color:#fff; text-align:center; font-weight:700} #sub #content .paragraph .squarebox.bg_blue {background-color:#0066b3;} #sub #content .paragraph .squarebox.bg_navy {background-color:#324f65;} #sub #content .paragraph h1.bignumber {font-size:80px; font-style:italic;} /* 오시는 길 */ #sub #content .paragraph .location > div {position:relative;padding-left:90px} #sub #content .paragraph .location i {color:#0066b3 !important;font-size:80px !important;position:absolute;left:0;top:0} /* 장비소개 */ #sub #content .paragraph .device {float:left;width:50%;padding:0 40px; position:relative;margin-bottom:70px;min-height:305px} #sub #content .paragraph .device .pic {border:1px #d0d0d0 solid;width:100%;margin-bottom:15px} #sub #content .paragraph .device p {color:#888;font-size:16px} #sub #content .paragraph .device span.more {display:inline-block;background:#fff;border:1px #1f4a6b solid;color:#1f4a6b;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;font-size:15px} #sub #content .paragraph .device span.more:hover {background:#1f4a6b;color:#fff;} #sub #content .paragraph .device span.more a {display:block;padding:6px 12px;} .needpopup .device_info {overflow-y:scroll;height:700px} .needpopup table.basic {border-top:3px #324f65 solid;} .needpopup table.basic th {background-color:#f1faff;padding:8px 15px} .needpopup table.basic th,#sub #content .paragraph table.basic td{border-left:1px #b2c0ca solid;border-bottom:1px #b2c0ca solid;} .needpopup table.basic .bg_darken,#sub #content .paragraph table.basic .bg_darken td {background-color:#f1faff;} .needpopup table.basic .first {border-left:0} .needpopup table.basic.info td {padding:8px 15px;} #sub #content .paragraph .sur_device {float:left;width:25%;padding:0 30px; position:relative;margin-bottom:50px;text-align:center;} #sub #content .paragraph .sur_device .pic {border:1px #d0d0d0 solid;width:100%;margin-bottom:6px} /* 의료진소개 */ #sub #content .paragraph .doctor {float:left;width:50%;position:relative;margin-bottom:70px;padding-left:275px;padding-right:30px;min-height:305px} #sub #content .paragraph .doctor.h330{height: 330px;} #sub #content .paragraph .doctor .pic {position:absolute;left:0;top:0;} #sub #content .paragraph .doctor p {text-indent:-8px;margin-left:8px;color:#888} #sub #content .paragraph .doctor span.more {display:inline-block;background:#fff;border:1px #1f4a6b solid;color:#1f4a6b;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;position:absolute;bottom:0;} #sub #content .paragraph .doctor span.more:hover {background:#1f4a6b;} #sub #content .paragraph .doctor span.more:hover a {color:#fff;} #sub #content .paragraph .doctor span.more a {display:block;padding:8px 15px;} .needpopup .row {width:100%;display:inline-block} /* bullet리스트 설정 */ .bullet li {padding-left:20px;margin-bottom:7px;} .bullet li:before {content:'\00b7'; margin-left:-15px; float:left; color:#0066b3; font-weight:600} /* 페이지별 탭 */ #sub .subtab {width:100%; border-top:1px #d0d0d0 solid; border-bottom:1px #d0d0d0 solid;line-height:70px;display:inline-block;} #sub .subtab ul {float:right;position:relative; left:-50%;} #sub .subtab li {float:left; position:relative; left:50%; text-align:center; font-size:24px; margin:0 18px} #sub .subtab li a {display:block;color:#808080} #sub .subtab li:hover a {line-height:69px;border-bottom:#0066b3 solid 1px;} #sub .subtab li.active a {color:#0066b3;line-height:69px;border-bottom:#0066b3 solid 1px;} /* 테이블 설정 */ #sub #content .paragraph table.basic {border-top:3px #324f65 solid;} #sub #content .paragraph table.basic th {background-color:#f1faff;padding:8px 15px;} #sub #content .paragraph table.basic.non_pay th {padding:8px;} #sub #content .paragraph table.basic th,#sub #content .paragraph table.basic td{border-left:1px #b2c0ca solid;border-bottom:1px #b2c0ca solid;} #sub #content .paragraph table.basic .bg_darken,#sub #content .paragraph table.basic .bg_darken td {background-color:#f1faff;} #sub #content .paragraph table.basic .first {border-left:0} #sub #content .paragraph table.basic.info td {padding:8px 15px;} #sub #content .paragraph table.basic.info.non_pay td {padding:8px;} #sub #content .paragraph .timetable .afternoon td {background:#f5f5f5} #sub #content .paragraph .timetable td.on {background-image:url(images/sub/timetable_on.png);background-position:center;background-repeat: no-repeat} #sub #content .paragraph .timetable td.img {width:10%;} #sub #content .paragraph .timetable td img {width:100%;} /* #sub #content .paragraph .timetable .other td {background-color:#f6fcff;} */ #sub #content .paragraph .timetable .other.afternoon td {background-color:#edf9ff;} /* 테이블 설정 */ #sub .sub_cont_area table.basic {border-top:3px #324f65 solid;} #sub .sub_cont_area table.basic th {background-color:#f1faff;padding:8px 15px;} #sub .sub_cont_area table.basic.non_pay th {padding:8px;} #sub .sub_cont_area table.basic th,#sub .sub_cont_area table.basic td{border-left:1px #b2c0ca solid;border-bottom:1px #b2c0ca solid;} #sub .sub_cont_area table.basic .bg_darken,#sub .sub_cont_area table.basic .bg_darken td {background-color:#f1faff;} #sub .sub_cont_area table.basic .first {border-left:0} #sub .sub_cont_area table.basic.info td {padding:8px 15px;} #sub .sub_cont_area table.basic.info.non_pay td {padding:8px;} #sub .sub_cont_area .timetable .afternoon td {background:#f5f5f5} #sub .sub_cont_area .timetable td.on {background-image:url(images/sub/timetable_on.png);background-position:center;background-repeat: no-repeat} #sub .sub_cont_area .timetable td.img {width:10%;} #sub .sub_cont_area .timetable td img {width:100%;} #sub .sub_cont_area .timetable .other td {background-color:#f6fcff;} #sub .sub_cont_area .timetable .other.afternoon td {background-color:#edf9ff;} /* 큰원 오브젝트 */ #sub #content .paragraph .bigcircle > div {float:left;text-align:center;} #sub #content .paragraph .bigcircle > div i {font-size:90px;} #sub #content .paragraph .bigcircle.part3 > div {width:360px;height:360px;border-radius:360px;margin:0 20px;} #sub #content .paragraph .bigcircle .bg_muted {background-color:#ecf8ff;} /* 다운로드 영역 */ #sub #content .paragraph .download a {float:left;margin-right:2%} #sub #content .paragraph .download a i {font-size:80px !important;float:left;padding:20px;border-radius:15px;background-color:#ecf8ff; margin-right:15px} /* 게시판 */ #sub #content .board_box {width:100%;display:inline-block;font-size:15px;line-height:1.7;min-height:500px} /****************************************************** ↓ 수술명 페이지 설정 ↓ *******************************************************/ /* 상단 타이틀 설정 */ .sub_top2 .surgery_title_wrap {height:269px; padding-top:60px} .sub_top2 .surgery_title_wrap.surgery_spine {background: url(images/surgery/surgery_spine.jpg) center;} .sub_top2 .surgery_title_wrap.surgery_joint {background: url(images/surgery/surgery_joint.jpg) center;} .sub_top2 .surgery_title_wrap #surgery_title {background:#004b84; color:#fff;width:500px;line-height:3.5; margin:0 auto; text-align:center;border-top:4px #0066b3 solid;font-weight:500} /* 음각글씨 */ #sub span.engraved {background:#0066b3;color:#fff;padding:0 8px;border-radius:30px} #sub span.engraved.gray {background:#a0a0a0;} /* 자동넘버링 */ #sub .numbering {counter-reset:ctn 0;} #sub .numbering .nb {margin-top:7px;margin-left:20px;} #sub .numbering .nb.first {margin-top:0} #sub .numbering .nb:before {content:counter(ctn,decimal); counter-increment:ctn 1;width:23px;height:23px;color:#8dc63f;line-height:23px;text-align:center;font-weight:500;font-style:italic; text-decoration:underline; display:inline-block;margin-right:6px;margin-left:-26px;font-size:larger} #sub .numbering.bluenumber .nb:before {color:#0066b3;} #sub .numbering.skynumber .nb:before {color:#97d6ff;} /* 주수별 일정 */ #sub .point_line {width:100%;display:inline-block;height:40px;} #sub .point_line > * {padding:10px;font-size:17px;line-height:1} #sub .point_line span.point {width:20%;background:#f0f0f0;float:left;text-align:center;font-weight:500;} #sub .point_line span.point.w4{width: 4%;} #sub .point_line p {width:80%;float:left;background:#fff;} /* 언론보도 링크 */ #sub a.report_view {width:98%; margin:0 1%; float:left; display:block;border-bottom:1px #c0c0c0 dotted;line-height:45px;padding:0 10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;font-size:18px} #sub a.report_view i {float:right;line-height:45px} #sub a.report_view:hover {color:#004b84} /* 서브 탭 */ #sub ul.tabs {width:100%; margin:-33px auto 0;border-bottom:none;} #sub ul.tabs li {float:left; text-align:center; color:#fff; letter-spacing:-1px; text-transform:uppercase; border-bottom:2px #004b84 solid;font-size:22px;font-weight:bold;background:#c2d4e0;border-top:2px #c2d4e0 solid;line-height:62px;} #sub ul.tabs li a {display:block;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)} #sub ul.tabs li:hover {background:#97d6ff;border-top:2px #97d6ff solid;} #sub ul.tabs li.active {border:2px #004b84 solid;border-bottom:2px #fff solid;background:#fff;color:#303030;} #sub ul.tabs li.active a {text-shadow:none} #sub ul.tabs.t1 li {width:100%;} #sub ul.tabs.t2 li {width:50%;} #sub ul.tabs.t3 li {width:33.333%;} #sub ul.tabs.t4 li {width:25%;} #sub ul.tabs.t5 li {width:20%;} #sub .tab_content {padding: 60px 0 0 0; width:100%;display:inline-block; min-height:280px;} /****************************************************** ↓ 질환 페이지 설정 옮겨옴 ↓ *******************************************************/ /* 질환부위 카테고리 */ .nav_wrap {background:#004b84;width:100%;min-width:1200px;height:80px;} .nav_wrap ul {width:100%;} .nav_wrap li {float:left;text-align:center;border-right:1px solid #004377;box-sizing:border-box;height:80px;} .nav_wrap li:first-child {border-left:1px solid #004377;} .nav_wrap li a {line-height:80px;color:#fff;display:block;font-size:20px} .nav_wrap li:hover, .nav_wrap li .on {background:#0066b3;} .nav_wrap li:hover a, .nav_wrap li a.on {font-size:22px;font-weight:bolder;} ul.p1 li {width:100%;} ul.p2 li {width:50%;} ul.p3 li {width:33.333%;} ul.p4 li {width:25%;} ul.p5 li {width:20%;} ul.p6 li {width:16.666%;} ul.p7 li {width:14.285%;} ul.p8 li {width:10%;} ul.p8 li:nth-child(4) {width:13%;} ul.p8 li:nth-child(5) {width:13%;} ul.p8 li:nth-child(7) {width:17%;} ul.p8 li:nth-child(8) {width:17%;} /* bullet list 설정 */ #sub ul.bullet1, #sub ul.bullet2 {padding-left:0;} #sub ul.bullet1 > li {list-style:none;background:url(images/sub/bullet1.gif) 0 8px no-repeat;padding-left:25px;} #sub ul.bullet2 > li {list-style:none;background:url(images/sub/bullet2.gif) 0 8px no-repeat;padding-left:25px;color:#fff;} /* 개인정보 처리방침 업데이트 221109 */ h3.subject {font-weight: 700; color: #0066b3; margin-bottom: 20px;} h3.subject:before {content: ""; width: 45px; height: 49px; display: block; box-sizing: border-box; float: left; margin-right: 6px;} h3.subject.icon1:before {background: url(/base/img/2019/images/sub/icons_icon1.png) no-repeat center; background-size: cover;} h3.subject.icon2:before {background: url(/base/img/2019/images/sub/icons_icon2.png) no-repeat center; background-size: cover;} h3.subject.icon3:before {background: url(/base/img/2019/images/sub/icons_icon3.png) no-repeat center; background-size: cover;} h3.subject.icon4:before {background: url(/base/img/2019/images/sub/icons_icon4.png) no-repeat center; background-size: cover;} h3.subject.icon5:before {background: url(/base/img/2019/images/sub/icons_icon5.png) no-repeat center; background-size: cover;} h3.subject.icon6:before {background: url(/base/img/2019/images/sub/icons_icon6.png) no-repeat center; background-size: cover;} h3.subject.icon7:before {background: url(/base/img/2019/images/sub/icons_icon7.png) no-repeat center; background-size: cover;} h3.subject.icon8:before {background: url(/base/img/2019/images/sub/icons_icon8.png) no-repeat center; background-size: cover;} h3.subject.icon9:before {background: url(/base/img/2019/images/sub/icons_icon9.png) no-repeat center; background-size: cover;} h3.subject.icon10:before {background: url(/base/img/2019/images/sub/icons_icon10.png) no-repeat center; background-size: cover;} h3.subject.icon11:before {background: url(/base/img/2019/images/sub/icons_icon11.png) no-repeat center; background-size: cover;} #content .paragraph table.table {border-collapse: collapse; width: 100%; border-top: 3px #0066b3 solid;} #content .paragraph table.table th {color:#fff;padding:8px;background-color: #2085d1;vertical-align:middle; border-left: 1px rgba(255,255,255,0.5) solid;} #content .paragraph table.table th.th2 {background-color: #009ea1;} #content .paragraph table.table th.bg_black {background:#303030;} #content .paragraph table.table th.bg_sky {background:#4f7bb9;} #content .paragraph table.table th.bg_blue {background:#004078;} #content .paragraph table.table th h4 {font-weight:500;margin-bottom:0} #content .paragraph table.table td {padding:15px 6px;border-right:1px #d0d0d0 solid;border-bottom:1px #d0d0d0 solid;background:#fff} #content .paragraph table.table td.first {border-left:1px #d0d0d0 solid} #content .paragraph table.table td.price {text-align: right;} /* sub1_11 비디오 재생 */ .videowrap { max-width: 1200px;}