#location { position:absolute; top:684px; width:100%; height:68px; z-index:10; background-image: url(/images/common/location_bg_on.jpg); background-repeat: repeat-y; background-position: center center; background-size: 0% 0%; transition: background ease 1.0s; } #location.tabNum01 { top:464px; } /* 병원소개 */ #location.tabNum05 { top:464px; } /* 수술클리닉 */ #location.tabNum06 { top:464px; } /* 진료안내 */ #location.tabNum07 { top:150px; } #location.tabNum08 { top:464px; } /* MRI 페이지에 나타나는 메뉴바의 상단 위치를 지정 2022.10.10 JK */ #location.active { position:fixed; top:0px; width:100%; height:68px; background-image: url(/images/common/location_bg_on.jpg); background-repeat: repeat-y; background-position: center center; background-size: 100% 100%; transition: background cubic-bezier(.41,.01,.27,1) .3s; } .submenuwrap { position:relative; width:1280px; height:68px; margin:0 auto; } .subdropmenu ul li.subdepth { float:left; position:relative; width:33.33333%; height:68px; box-sizing:border-box; } .subdropmenu ul li.subhome a { display:block; position:relative; width:100%; height:100%; background:#fafafa url('/images/common/home.jpg')no-repeat 60px 50%; } .subdropmenu ul li a.dta { display:block; position:relative; width:100%; height:68px; padding-left:36px; line-height:68px; font-size:19px; color:#fff; font-weight:500; box-sizing:border-box; } .subdropmenu ul li a.dta span { display:block; position:absolute; top:7px; right:16px; width:24px; height:24px; font-size:12px; } .subdropmenu ul li a.dta:hover { color:#fff; } .subdropmenu ul li.sub1depth a { background:#0f72c1; } .subdropmenu ul li.sub2depth a { background:#32424b; } .subdropmenu ul li.sub3depth a { background:#32404b; } .subdropmenu ul li.sub1depth ul.dropview { position:absolute; top:68px; left:0px; width:100%; padding:20px 0; background:#0f72c1; z-index:2; } .subdropmenu ul li.sub2depth ul.dropview { position:absolute; top:68px; left:0px; width:100%; padding:20px 0; background:#32424b; z-index:2; } .subdropmenu ul li.sub3depth ul.dropview { position:absolute; top:68px; left:0px; width:100%; padding:20px 0; background:#32404b; z-index:2; } .subdropmenu ul li ul.dropview li a { display:block; position:relative; width:100%; padding:8px 0 8px 36px; font-size:16px; color:#fff; font-weight:400; text-align:left; box-sizing:border-box; } .subdropmenu ul li ul.dropview li a:hover { color:#fff; } #location.active .subdropmenu ul li.subhome a { animation: fadeeffect 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.4s; } #location.active .subdropmenu ul li.sub1depth a { background:#0f72c1; animation: fadeeffect 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.4s; } #location.active .subdropmenu ul li.sub2depth a { background:#0f72c1; animation: fadeeffect 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.4s; } #location.active .subdropmenu ul li.sub3depth a { background:#0f72c1; animation: fadeeffect 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.4s; } #location.active .subdropmenu ul li.sub1depth ul.dropview { background:#0f72c1; } #location.active .subdropmenu ul li.sub2depth ul.dropview { background:#0f72c1; } #location.active .subdropmenu ul li.sub3depth ul.dropview { background:#0f72c1; } .subsize { position:relative; width:1280px; margin:0 auto; } .submap2 { position:absolute; top:109px; right:0px; width:745px; height:586px; } .subvisual { position:relative; width:100%; height:660px; min-width:1280px; margin:0 auto; } .subvisual ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:center; } .subvisual ul.subtxt li.t1 { padding-top:200px; font-size:60px; font-weight:900; color:#ffffff; letter-spacing:-1px; line-height:1; animation:fadeup 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.5s; } .subvisual ul.subtxt li.t2 { padding-top:30px; font-size:20px; font-weight:400; line-height:160%; color:#ffffff; animation:fadeup 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.8s; } ul.subtxt2 { position:relative; width:1280px; margin:0 auto; text-align:left; } ul.subtxt2 li.t1 { padding-top:150px; font-size:42px; font-weight:700; color:#ffffff; letter-spacing:-1px; line-height:1; animation:fadeup 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.5s; } ul.subtxt2 li.t2 { padding-top:20px; font-size:18px; font-weight:400; line-height:160%; color:#ffffff; animation:fadeup 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.8s; } .sub0201 { background:url('/page_KR0/02_sub/images/0201.jpg')no-repeat 50% 0; background-size:cover; } .sub0201_01 { height:4396px; background:url('/page_KR0/02_sub/images/0201_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0202 { background:url('/page_KR0/02_sub/images/0202.jpg')no-repeat 50% 0; background-size:cover; } .sub0202_01 { height:4740px; background:url('/page_KR0/02_sub/images/0202_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub02bottom { height:2136px; background:url('/page_KR0/02_sub/images/02bottom.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; margin-top:150px; } .sub02top { height:996px; background:url('/page_KR0/02_sub/images/02top.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0203 { background:url('/page_KR0/02_sub/images/0203.jpg')no-repeat 50% 0; background-size:cover; } .sub0203_01 { height:4661px; background:url('/page_KR0/02_sub/images/0203_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0204 { background:url('/page_KR0/02_sub/images/0204.jpg')no-repeat 50% 0; background-size:cover; } .sub0204_01 { height:3891px; background:url('/page_KR0/02_sub/images/0204_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0205 { background:url('/page_KR0/02_sub/images/0205.jpg')no-repeat 50% 0; background-size:cover; } .sub0205_01 { height:4613px; background:url('/page_KR0/02_sub/images/0205_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0206 { background:url('/page_KR0/02_sub/images/0206.jpg')no-repeat 50% 0; background-size:cover; } .sub0206_01 { height:8085px; background:url('/page_KR0/02_sub/images/0206_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0301 { background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; background-size:cover; } .sub0301_01 { height:6042px; background:url('/page_KR0/03_sub/images/0301_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0302 { background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 50% 0; background-size:cover; } .sub0302_01 { height:5397px; background:url('/page_KR0/03_sub/images/0302_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0303 { background:url('/page_KR0/03_sub/images/0303.jpg')no-repeat 50% 0; background-size:cover; } .sub0303_01 { height:5390px; background:url('/page_KR0/03_sub/images/0303_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0304 { background:url('/page_KR0/03_sub/images/0304.jpg')no-repeat 50% 0; background-size:cover; } .sub0304_01 { height:3333px; background:url('/page_KR0/03_sub/images/0304_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0305 { background:url('/page_KR0/03_sub/images/0305.jpg')no-repeat 50% 0; background-size:cover; } .sub0305_01 { height:5415px; background:url('/page_KR0/03_sub/images/0305_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub03bottom { height:2136px; background:url('/page_KR0/03_sub/images/03bottom.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub03top { height:996px; background:url('/page_KR0/03_sub/images/03top.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0401 { background:url('/page_KR0/04_sub/images/0401.jpg')no-repeat 50% 0; background-size:cover; } .sub0401_01 { height:6490px; background:url('/page_KR0/04_sub/images/0401_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0402 { background:url('/page_KR0/04_sub/images/0402.jpg')no-repeat 50% 0; background-size:cover; } .sub0402_01 { height:3333px; background:url('/page_KR0/04_sub/images/0402_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0403 { background:url('/page_KR0/04_sub/images/0403.jpg')no-repeat 50% 0; background-size:cover; } .sub0403_01 { height:3333px; background:url('/page_KR0/04_sub/images/0403_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0404 { background:url('/page_KR0/04_sub/images/0404.jpg')no-repeat 50% 0; background-size:cover; } .sub0404_01 { height:3333px; background:url('/page_KR0/04_sub/images/0404_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub04bottom { height:2136px; background:url('/page_KR0/04_sub/images/04bottom.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub04top { height:996px; background:url('/page_KR0/04_sub/images/04top.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sublink { position:relative; width:1280px; margin:0 auto; text-align:center; } .sublink ul { display:inline-block; width:248px; margin:0 14px; } .sublink ul img { display:block; } .sublink ul li.txt a { display:block; width:100%; height:60px; line-height:60px; font-size:19px; font-weight:500; color:#ffffff; background:#0c7fc4; } .sublink2 { position:relative; width:1280px; margin:0 auto; text-align:center; } .sublink2 ul { display:inline-block; width:306px; margin:0 14px 0 0px; } .sublink2 ul img { display:block; } .sublink2 ul li.txt a { display:block; width:100%; height:60px; line-height:60px; font-size:19px; font-weight:500; color:#ffffff; background:#0c7fc4; } .sublink2 ul:nth-child(4) { margin-right:0px; } .txtcolor1 { color:#000000 !important; } .sub0101 { height:440px; background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0101_01 { height:3136px; background:url('/page_KR0/01_sub/images/0101_01.jpg?20230312')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0102 { height:440px; background:url('/page_KR0/08_sub/images/0801.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0103 { height:440px; background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0104 { height:440px; background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0105 { height:440px; background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0501 { height:440px; background:url('/page_KR0/05_sub/images/0501.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0601 { height:440px; background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0602 { height:440px; background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0603 { height:440px; background:url('/page_KR0/06_sub/images/0603.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0604 { height:440px; background:url('/page_KR0/06_sub/images/0604.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0605 { height:440px; background:url('/page_KR0/06_sub/images/0605.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0606 { height:440px; background:url('/page_KR0/06_sub/images/0606.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0607 { height:440px; background:url('/page_KR0/06_sub/images/0607.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0608 { height:440px; background:url('/page_KR0/06_sub/images/0608.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } .sub0801 { height:440px; background:url('/page_KR0/08_sub/images/0801.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } /* html 파일(최신 MRI 3.0T 검사)에 대한 타이틀 이미지를 백그라운드로 설정 2022.10.06 JK */ .sub0801_01 { height:4728px; background:url('/page_KR0/08_sub/images/0801_01.jpg')no-repeat 50% 0; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; } /* html 파일(최신 MRI 3.0T 검사)에 대한 메인이미지를 백그라운드로 설정 2022.10.06 JK */ .subdr { position:relative; width:100%; margin-bottom:100px; overflow:hidden; } .subdr div.drimgs { float:left; width:453px; } .subdr div.drimgs ul li.imgs { width:453px; height:530px; } .subdr div.drimgs ul li.viewbt a { display:block; float:left; position:relative; width:50%; height:72px; line-height:72px; padding:0 24px; box-sizing:border-box; font-size:19px; font-weight:400; color:#ffffff; } .subdr div.drimgs ul li.viewbt a span { display:block; position:absolute; top:0px; right:24px; } .subdr div.drimgs ul li.viewbt a.viewbt1 { background:#00adef; } .subdr div.drimgs ul li.viewbt a.viewbt2 { background:#253e8d; } .subdr div.drcon { float:right; width:760px; } .subdr div.drcon ul li.t1 { font-size:36px; font-weight:700; color:#000000; line-height:100%; letter-spacing:-1px; } .subdr div.drcon ul li.t1 span { font-size:22px; font-weight:700; } .subdr div.drcon ul li.t2 { padding-top:20px; width:100%; } .subdr div.drcon ul li.t2 span:nth-child(1) { display:block; width:100%; font-size:24px; font-weight:500; color:#000000; line-height:100%; } .subdr div.drcon ul li.t2 span:nth-child(2) { display:block; width:100%; padding-top:12px; font-size:16px; font-weight:400; color:#6a6a6a; line-height:140%; } table.depth02 { font:15px ; clear:both; width:100%; border-collapse:collapse; margin-top:40px; border-top:3px solid #253e8d; border-bottom:1px solid #ddd; text-align:center; line-height:18px; color:#555;} table.depth02 th {width:14.28576%; color:#444; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:16px; background-color:#f6f6f6; text-align:center; font-weight:bold;} table.depth02 td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; font-size:15px; font-weight:700; } table.depth02 td ul {padding-top:10px; padding-left:5px;} table.depth02 th.line {color:#444; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:7px 8px; background-color:#f6f6f6;} table.depth02 td.line {border-bottom:1px solid #ddd; padding:16px; border-left:1px solid #ddd;} table.depth02 th.line2 { } table.depth02 td.line2 {border-bottom:1px solid #ddd; padding:30px 0; border-left:1px solid #ddd;} table.depth02 td.none img { vertical-align:middle; } table.depth02 td.g { color:#193973; background-color:#f6f6f6; } table.depth02 td.txt_l {text-align:left; padding-left:20px;} table.depth02 td.a span { display:inline-block; padding-left:20px; background:url(/images/common/dr_a.jpg)no-repeat 0 0; } table.depth02 td.b span { display:inline-block; padding-left:20px; background:url(/images/common/dr_b.jpg)no-repeat 0 0; } .subinte{ position:relative;width:1280px; margin:0 auto; padding-top:120px; overflow:hidden; padding-bottom:60px; clear:both;} .subinte dl{ position:relative;} .subinteleft{position: absolute; left:0px; top:430px; cursor:pointer; } .subinteright{position: absolute; right:0px; top:430px; cursor:pointer; } .inte_tap{ width:1280px; margin:0 auto; text-align:center; margin-bottom:50px; } .inte_tap li { display:inline-block; margin:0 3px; width:210px; height:72px; line-height:72px; font-size:22px; font-weight:500; } .inte_tap li a{ display:inline-block; width:100%; height:100%; line-height:72px; color:#000000; background-color:#efefef; box-sizing:border-box; } .inte_tap li a:hover{ color:#fff; background-color:#00adef; } .inte_tap li a.on{ color:#fff; background-color:#00adef; } .subinteimg{position:relative;} .inteimg { width:1280px; height:730px; overflow:hidden; } .intetext { background: rgba(0, 0, 0, 0.4); bottom: 0; height: 110px; line-height:110px; font-size:30px; font-weight:700; color:#fff; left: 0; position: absolute; width: 100%; box-sizing:border-box; padding:0 40px; } .imgbtn{ width:1280px; margin:0 auto; margin-top:20px; } .imgbtn li{ float:left; width:248px; cursor:pointer; margin:0 10px 10px 0; } .imgbtnthum{ width:1280px; margin:0 auto; text-align:center;} .imgbtn li:nth-child(5),.imgbtn li:nth-child(10),.imgbtn li:nth-child(15) { margin-right:0px; } .drhistorywrap{position:relative; width:98%; padding-top:50px; border-bottom:1px solid #c8c8c8; clear:both;} .drhistorywrap:after{content:""; display:block; clear:both;} .drhistorywrap li{float:left; font:14px; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-top:1px solid #c8c8c8; margin-right:5px;} .drhistorywrap li a{display:block; padding:15px 23.1px 14px 23px; background-color:#f6f6f6; color:#000; text-decoration:none;cursor:pointer; text-align:center;} .drhistorywrap li a:hover, .drhistorywrap li a:focus, .drhistorywrap li a.on{background-color:#2f2f2f; color:#fff; } .drhistoryview{position:relative; line-height:180%; text-align:left; padding:30px; border-bottom:1px solid #c8c8c8; clear:both;} .sub0102tab { width:1280px; margin:0 auto; padding:30px 0 90px 0; text-align:center; overflow:hidden; } .sub0102tab ul li { float:left; width:172px; height:63px; margin-right:12px; line-height:63px; border:1px solid #151515; font-size:20px; font-weight:500; color:#000000; background:#fff; text-align:center; box-sizing:border-box; cursor:pointer; } .sub0102tab ul li.on,.sub0102tab ul li:hover { display:inline-block; width:172px; height:63px; border:1px solid #0f72c1; color:#fff; background:#0f72c1; } .sub0102tab ul li:last-child { margin-right:0px; }