header { position:relative; top:0px; left:0px; border-bottom: 0px solid #6eb8c4; } .subinte { position:relative; width:1280px; height:662px; margin:0 auto; overflow:hidden; } .subinte div.inteimg { position:relative; width:100%; } .subinte div.inteimg ul { position:relative; width:100%; } .subinte div.inteimg ul li { position:relative; width:1280px; outline:none; } .subinte div.inteimg ul li span { display:block; } .subinte div.inteimg ul li img { width:100%; display: block !important; } .subinte div.inteimg ul li span.txt { position:absolute; bottom:50px; left:50px; right:50px; font-size:25px; font-weight:700; color:#ffffff; text-align:right; } .inte_prev { position:absolute; top:300px; left:24%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); } .inte_next { position:absolute; top:300px; left:76%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); } .slider-nav { position:relative; width:1280px; margin:0 auto; padding:10px 0 120px 0; overflow:hidden; } .slider-nav ul { position:relative; width:1280px; margin:0 auto; } .slider-nav li { float:left; width:19.9%; margin:0 0.125% 0.125% 0px; cursor:pointer; } .slider-nav li:nth-child(5n){ margin-right:0px; } .slider-nav li img { width:100%; } #rocation { position:relative; width:100%; height:55px; } #rocation.active { position:fixed; top:0px; left:0px; z-index:10; } #rocation .rocationbg1 { position:absolute; top:0px; left:0px; width:40%; height:55px; background:#003488; } #rocation .rocationbg2 { position:absolute; top:0px; right:0px; width:60%; height:55px; background:#002a6d; } .subvis { position:relative; } .subvis div.txt { position:absolute; bottom:10%; left:5%; font-size:34px; font-weight:700; color:#000; } .subvis div.subbgwrap { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none;} .submenuwrap { position:relative; width:1280px; height:55px; margin:0 auto; } .subdropmenu ul li.subhome a { display:block; float:left; position:relative; width:36px; height:55px; border-right:1px solid #124ba6; background:#003488 url('/images/common/home.jpg')no-repeat left 50%; } .subdropmenu ul li.subdepth { float:left; position:relative; width:268px; height:55px; box-sizing:border-box; } .subdropmenu ul li a.dta { display:block; position:relative; width:100%; height:55px; padding-left:22px; line-height:55px; font-size:17px; color:#fff; font-weight:500; box-sizing:border-box; } .subdropmenu ul li a.dta span { display:block; position:absolute; top:0px; right:16px; font-size:14px; } .subdropmenu ul li a.dta:hover { color:#00d2ff; } .subdropmenu ul li.sub1depth.subdepth { background:#003488; } .subdropmenu ul li.sub2depth.subdepth { background:#003488; border-left:1px solid #124ba6; } .subdropmenu ul li.sub3depth.subdepth { background:#003488; border-left:1px solid #124ba6; } .subdropmenu ul li.sub1depth.subdepth ul.dropview { background:#073291; } .subdropmenu ul li.sub2depth.subdepth ul.dropview { background:#073291; } .subdropmenu ul li.sub3depth.subdepth ul.dropview { background:#073291; } .subdropmenu ul li ul.dropview { position:absolute; top:55px; left:0px; width:269px; padding:20px 0; z-index:2; } .subdropmenu ul li ul.dropview li a { display:block; position:relative; width:100%; padding:9px 0 9px 22px; font-size:16px; color:#fff; font-weight:400; text-align:left; box-sizing:border-box; } .subdropmenu ul li ul.dropview li a:hover { color:#00d2ff; } .subvod0101 { position:relative; width:1454px; margin:0 auto; } .subvod0101 #vod1 { position:absolute; top:720px; left:0px; width:710px; } .subvod0101 #vod2 { position:absolute; top:720px; right:0px; width:710px; } .subvod0101 video { width:710px; } /* 병원소개 */ .sub0101 { position:relative; width:100%; height:6415px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; } .sub0102 { position:relative; width:100%; height:10122px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0102.jpg?20260406')no-repeat 50% 0; } .sub0103 { position:relative; width:100%; height:2871px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; } .sub0104 { position:relative; width:100%; height:421px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; } .sub0105 { position:relative; width:100%; height:421px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; } .sub0106 { position:relative; width:100%; height:421px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0106.jpg')no-repeat 50% 0; } .sub0107 { position:relative; width:100%; height:1832px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0107.jpg')no-repeat 50% 0; } .sub0108 { position:relative; width:100%; height:402px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/01_sub/images/0108.jpg')no-repeat 50% 0; } .submapwrap { position:relative; width:1280px; margin:0 auto; } .submapwrap .submap{ position:absolute; top:498px; right:-1px; left:auto; } /* 무지외반증/소건막류 */ .sub02 { position:relative; width:100%; height:17008px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/02_sub/images/02.jpg?20260219')no-repeat 50% 0; } /* 발목인대 */ .sub0301 { position:relative; width:100%; height:5624px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; } .sub0302 { position:relative; width:100%; height:10225px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 50% 0; } /* 발목연골손상 */ .sub04 { position:relative; width:100%; height:14102px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/04_sub/images/04.jpg')no-repeat 50% 0; } /* 발바닥/발목후방 */ .sub0501 { position:relative; width:100%; height:4444px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501.jpg?20260113')no-repeat 50% 0; } /* 족저근막염(수술내용제거) */ .sub0502 { position:relative; width:100%; height:5671px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/05_sub/images/0502.jpg?20260111')no-repeat 50% 0; } /* 지간신경종(수술내용제거) */ .sub0503 { position:relative; width:100%; height:3536px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/05_sub/images/0503.jpg')no-repeat 50% 0; } /* 부주상골 */ .sub0504 { position:relative; width:100%; height:5858px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/05_sub/images/0504.jpg')no-repeat 50% 0; } /* 후방충돌증후군 */ .sub0505 { position:relative; width:100%; height:3476px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/05_sub/images/0505.jpg?20260111')no-repeat 50% 0; } /* 아킬레스건염(수술내용제거) */ /* 척추관절클리닉 */ .sub0601 { position:relative; width:100%; height:4185px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% 0; } /* 척추질환 */ .sub0602 { position:relative; width:100%; height:4329px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/06_sub/images/0602.jpg?20260113')no-repeat 50% 0; } /* 관절질환 */ /* 상담후기 */ .sub0701 { position:relative; width:100%; height:422px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; } /* 온라인상담 */ .sub0702 { position:relative; width:100%; height:422px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; } /* 온라인예약 */ .sub0703 { position:relative; width:100%; height:422px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; } /* 치료/수술후기 */ .sub0704 { position:relative; width:100%; height:4072px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/07_sub/images/0704.jpg?20250612')no-repeat 50% 0; } /* 증명서발급안내 */ /* 비급여메뉴를 메뉴에서 안보이도록(페이지 맨 하단의 링크로만 접근되도록) 회원의 하위 메뉴로 등록하고 08_sub 디렉토리로 해당 파일과 이미지를 이동. 2024.01.29. JK */ .sub0805 { position:relative; width:100%; height:422px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/08_sub/images/0805.jpg')no-repeat 50% 0; } /* 비수술치료클리닉 */ .sub0901 { position:relative; width:100%; height:2567px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/09_sub/images/0901.jpg')no-repeat 50% 0; } /* 신경차단술(C-arm) */ .sub0902 { position:relative; width:100%; height:2522px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/09_sub/images/0902.jpg')no-repeat 50% 0; } /* 초음파주사치료 */ .sub0903 { position:relative; width:100%; height:3016px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/09_sub/images/0903.jpg')no-repeat 50% 0; } /* 체외충격파 */ .sub0904 { position:relative; width:100%; height:3073px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/09_sub/images/0904.jpg?20260113')no-repeat 50% 0; } /* 프롤로/DNA 재생주사 */ .sub0905 { position:relative; width:100%; height:5532px; min-width:1280px; max-width:1920px; margin:0 auto; background:url('/page_KR0/09_sub/images/0905.jpg?20260202')no-repeat 50% 0; } /* 재활치료 */ .subvod { position:absolute; top:5012px; width:100%; } .subvod ul { position:relative; width:1280px; margin:0 auto; } .subvod ul li:nth-child(1) { float:left; width:421px; margin-right:8px; } .subvod ul li:nth-child(2) { float:left; width:421px; margin-right:8px; } .subvod ul li:nth-child(3) { float:left; width:421px; } .subvod3 { position:absolute; top:8354px; left:0px; width:100%; } .subvod3 ul { position:relative; width:1280px; margin:0 auto; } .subvod3 ul li:nth-child(1) { float:left; width:310px; margin-right:10px; } .subvod3 ul li:nth-child(2) { float:left; width:310px; margin-right:10px; } .subvod3 ul li:nth-child(3) { float:left; width:310px; } .subvod2 { position:absolute; top:4930px; width:100%; } .subvod2 .subvodview { position:relative; width:900px; margin:0 auto; } .sublink { position:relative; width:944px; margin:0 auto; } .sublink a { display:block; position:absolute; width:410px; height:48px; } .sublink a.alink1 { top:728px; left:0px; } .sublink a.alink2 { top:783px; left:0px; } .sublink a.alink3 { top:844px; left:0px; } .sublink a.alink4 { top:728px; right:0px; } .sublink a.alink5 { top:783px; right:0px; } .sublink a.alink6 { top:844px; right:0px; } .sublink a.alink7 { top:1032px; left:0px; } .sublink a.alink8 { top:1090px; left:0px; } .sublink a.alink9 { top:1148px; left:0px; } .subcontent { position:relative; width:1280px; margin:0 auto; margin-top:60px; } #paytab { position:relative; width:100%; margin:0 auto; padding-bottom:10px; overflow:hidden; } #paytab ul li a { display:block; float:left; width:24%; margin:0 1% 1% 0; height:50px; line-height:50px; border:1px solid #0e2b63; color:#000; font-size:14px; text-align:center; box-sizing:border-box; } #paytab ul li a.on,#paytab ul li a:hover { color:#fff; background:#0e2b63; } #paytab ul li:nth-child(6) a, #paytab ul li:nth-child(12) a { margin-right:0px; } .paytable { position:relative; width:100%; border-top:3px solid #0e2b63; margin-bottom:100px; } .paytable tr th { line-height:1.4; border-right:1px solid #bccad4; border-bottom:1px solid #bccad4; padding:0.5% 0.5%; font-size:14px; background:#e6f1f9; } .paytable tr th.end { border-right:0px; } .paytable tr td { line-height:1.7; border-right:1px solid #bccad4; border-bottom:1px solid #bccad4; padding:0.5% 0.5%; font-size:13px; background:#fff; text-align:center; } .sub0605_txt { color: #747474;font: 16px 'NanumGothic';line-height: 1.8;letter-spacing: -1px;margin: 30px 0; } .paytable tr td:last-child { border-right:0px; }