/* 서브 */ #sub {width:100%; display:inline-block; overflow: hidden;} #sub .subtop {width:100%; border-bottom: 1px #e0e0e0 solid; display: inline-block; } #sub .subtop * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;} #sub .subtop .inner {padding: 10em 0 6em;} #sub .subtop .inner p {display: none;} #sub .subtop.sub3 {border: 0 !important; position: relative !important; background-size: cover; background-position: center;} #sub .subtop.sub3.jbFixed {z-index: 1;} #sub .subtop.sub3 .inner * {color: #fff !important;} #sub .subtop.sub3 .inner {padding: 10em 0 8em !important;} #sub .subtop.sub3#sub3_1 {background-image: url(images/subtop3_1.jpg);} #sub .subtop.sub3#sub3_2 {background-image: url(images/subtop3_2.jpg);} #sub .subtop.sub3#sub3_3 {background-image: url(images/subtop3_3.jpg);} #sub .subtop.sub3#sub3_4 {background-image: url(images/subtop3_4.jpg);} #sub .subtop.sub3#sub3_5 {background-image: url(images/subtop3_5.jpg);} #sub .subtop.sub3#sub3_6 {background-image: url(images/subtop3_6.jpg);} #sub .subtop.sub3#sub3_7 {background-image: url(images/subtop3_7.jpg);} #sub .subtop.sub3#sub3_8 {background-image: url(images/subtop3_8.jpg);} #sub #content {width:100%; display:inline-block; float: left;} #sub #content h1.bigtitle {font-size: 3.3rem; margin: 8rem 0 6rem; text-align: center;} #sub .paragraph {width: 100%; display: inline-block; padding-bottom: 5em;} #sub .paragraph#sub1_1_1 {margin-top: 100px;} #sub .paragraph#sub1_1_1 {position: relative; min-height: 500px;} #sub .paragraph#sub1_1_1 .inner {padding: 0;} #sub .paragraph#sub1_1_1 > .frame {margin: auto; background: url(images/sub1_1.png) top center no-repeat; background-size: contain; width: 100%; height: 440px; position: absolute; padding: 20px;} #sub .paragraph#sub1_1_1 > .frame .heart {background: url(images/sub1_1_top.png) center bottom no-repeat; position: absolute; left: 0; bottom: 0; height: 300px; width: 100%;} #sub .paragraph#sub1_1_1 > .frame span {width: 60px; height: 60px; background: url(images/sub1_1_playbtn.png); position: absolute; right: 30px; top: -10px; animation: motion 0.3s linear 0s infinite alternate;} @keyframes motion { 0% {transform: scale(1);} 100% {transform: scale(1.2);} } #sub .paragraph#sub1_1_1 > .frame iframe {margin: 20px auto 0; display: inline-block;} #sub .paragraph .inner .video {margin: auto; width: 100%; } #sub .paragraph .inner .video span {width: 60px; height: 60px; background: url(images/sub1_1_playbtn.png); position: absolute; right: 30px; top:-30px; animation: motion 0.3s linear 0s infinite alternate;} @keyframes motion { 0% {transform: scale(1);} 100% {transform: scale(1.2);} } #sub .paragraph .inner .video iframe {margin: 20px auto 0; display: inline-block;} #sub .paragraph#sub1_3_1 .inner {background: url(images/sub1_3_mission_bg.png) center 70% no-repeat; background-size: contain;} #sub .paragraph#sub1_3_2 .box {border-radius: 100px; background-color: #47c3d4; border: 15px #ecf9fb solid; padding: 30px; display: block;} #sub .paragraph #facility {padding: 0 1em;} #sub .paragraph #facility .swiper-slide {position: relative;} #sub .paragraph #facility .swiper-slide a {cursor: pointer;} #sub .paragraph #facility .swiper-slide p {position: absolute; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%; line-height: 2; text-align: center;} .facility_arrow {position: absolute; left: 0; right: 0; top: 50%;} .facility_arrow > div {color: #000;} .facility_arrow .prev {left: 0;} .facility_arrow .next {right: 0; } .floorbox {width: 100%; border-top: 1px #e0e0e0 solid; padding: 0.5em 0;} .floorbox.first {border-top: 1px #3e3a5f solid;} .floorbox > div {padding: 1em 1.5em;} .floorbox .floor {background-color: #ecf9fb; vertical-align: middle;} .floorbox .room {} .floorbox .col5 {flex: 3;} /* 의료진 소개 */ .doctor_wrap {width: 100%;} .gra_title {background: linear-gradient(0deg, #6ed0dd 20%, #4ba4b0 90%); color: transparent; -webkit-background-clip: text; font-weight: bold; margin-bottom: 5px;} .watermark {position: absolute; right: 20px; font-size: 90px; opacity: 0.1; line-height: 1; text-align: right; text-transform: uppercase;} .doctor_wrap .picturebox {width: 100%; height: 320px; padding: 0 ; position: relative;} .doctor_wrap .picturebox .picture {position: absolute; right: -20px; z-index: 1; top: 0; height: 320px;} .doctor_wrap .picturebox .watermark {top: 30px; display: none;} .doctor_wrap .picturebox .attributes {zoom: 90%;} .doctor_wrap .statbox {width: 100%; border: 1px solid; border-image: linear-gradient(20deg, #a0e3ed 10%, #effafb 30%, #a0e3ed 60%, #37bed1 100%); border-image-slice: 1; position: relative;} .doctor_wrap .statbox .flex {padding: 40px 30px 0;} .doctor_wrap .statbox .txt::before {width: 2px; height: 22px; background-color: #47c3d4; content: ""; float: left; margin-top: 5px; margin-right: 10px; margin-left: -10px;} .doctor_wrap .statbox .txt {padding-left: 10px;} .doctor_wrap .statbox .iconbox {background-color: #f0fbfc; padding-top: 90px; padding-bottom: 30px; position: relative; } .doctor_wrap .statbox .iconbox .gra_title {position: absolute; top: 50px;} .doctor_wrap .statbox .iconbox .col1 .icon { margin-bottom: 5px; } .doctor_wrap .statbox .iconbox .col1 h4 {} .doctor_wrap .statbox a.profile_open {width: 61px; height: 61px; display: block; background: url(images/profile_open.png) center no-repeat; text-indent: -3333px; position: absolute; right: 0; top: 0; border-left:1px #37bed1 solid;border-bottom:1px #37bed1 solid;} .doctor_wrap .statbox a.profile_open:hover {background: url(images/profile_open_on.png) center no-repeat #37bed1;} .needpopup {position: relative; border: 1px solid; border-image: linear-gradient(20deg, #a0e3ed 10%, #effafb 30%, #a0e3ed 60%, #37bed1 100%); border-image-slice: 1; } .needpopup .profile {position: relative; padding:30px; min-height:440px; padding-bottom: 290px;} .needpopup .profile .picture {position: absolute; right: -20px; z-index: 1; bottom: 0; width: 320px;} .needpopup .profile .watermark {bottom: 20px; text-align: justify; left: 30px;} #sub .paragraph .timebox {width: 100%; border: 1px #d0d0d0 solid; border-top: 1px #3e3a5f solid; padding: 1.5em 0; text-align: center;} #sub .paragraph .timebox .col1 {border-left: 1px #e0e0e0 solid; background-position: center 15px ; background-repeat: no-repeat; background-size: 30%; padding-top: 90px;} #sub .paragraph .timebox .weekday {background-image: url(images/time_weekday.png); border-left: 0;} #sub .paragraph .timebox .night {background-image: url(images/time_night.png);} #sub .paragraph .timebox .saturday {background-image: url(images/time_sat.png);} #sub .paragraph .timebox .lunchtime {background-image: url(images/time_lunch.png);} #sub .paragraph .slogan > span {float: left; background-position: center; background-repeat: no-repeat; text-indent: -3333px; display: block;} #sub .paragraph#sub1_3_1 .slogan {width: 528px; left: 50%; margin-left: -264px; position: relative;} #sub .paragraph#sub1_3_1 .slogan > span {height: 60px;} #sub .paragraph#sub1_3_1 .slogan .txt1 {background: url(images/sub1_3_mission_txt1.png); width: 41px;} #sub .paragraph#sub1_3_1 .slogan .txt2 {background: url(images/sub1_3_mission_txt2.png); width: 37px;} #sub .paragraph#sub1_3_1 .slogan .txt3 {background: url(images/sub1_3_mission_txt3.png); width: 52px;} #sub .paragraph#sub1_3_1 .slogan .txt4 {background: url(images/sub1_3_mission_txt4.png); width: 35px;} #sub .paragraph#sub1_3_1 .slogan .txt5 {background: url(images/sub1_3_mission_txt5.png); width: 68px;} #sub .paragraph#sub1_3_1 .slogan .txt6 {background: url(images/sub1_3_mission_txt6.png); width: 54px;} #sub .paragraph#sub1_3_1 .slogan .txt7 {background: url(images/sub1_3_mission_txt7.png); width: 45px;} #sub .paragraph#sub1_3_1 .slogan .txt8 {background: url(images/sub1_3_mission_txt8.png); width: 52px;} #sub .paragraph#sub1_3_1 .slogan .txt9 {background: url(images/sub1_3_mission_txt9.png); width: 49px;} #sub .paragraph#sub1_3_1 .slogan .txt10 {background: url(images/sub1_3_mission_txt10.png); width: 38px;} #sub .paragraph#sub1_3_1 .slogan .txt11 {background: url(images/sub1_3_mission_txt11.png); width: 48px;} #sub .paragraph#sub1_3_1 .slogan .txt12 {background: url(images/sub1_3_mission_txt12.png); width: 9px;} #sub .paragraph#sub3_1_1 .slogan > span {height: 71px;} #sub .paragraph#sub3_1_1 .slogan .txt1 {background: url(images/sub3_1_title1.png); width: 63px;} #sub .paragraph#sub3_1_1 .slogan .txt2 {background: url(images/sub3_1_title2.png); width: 52px;} #sub .paragraph#sub3_1_1 .slogan .txt3 {background: url(images/sub3_1_title3.png); width: 69px;} #sub .paragraph#sub3_1_1 .slogan .txt4 {background: url(images/sub3_1_title4.png); width: 71px;} #sub .paragraph#sub3_1_1 .slogan .txt5 {background: url(images/sub3_1_title5.png); width: 48px;} #sub .paragraph#sub3_1_1 .slogan .txt6 {background: url(images/sub3_1_title6.png); width: 62px;} #sub .paragraph#sub3_1_1 .slogan .txt7 {background: url(images/sub3_1_title7.png); width: 59px;} #sub .paragraph#sub3_1_1 .slogan .txt8 {background: url(images/sub3_1_title8.png); width: 46px;} #sub .paragraph#sub3_1_1 .slogan .txt9 {background: url(images/sub3_1_title9.png); width: 61px;} #sub .paragraph#sub3_2_1 .slogan > span {height: 80px;} #sub .paragraph#sub3_2_1 .slogan .txt1 {background: url(images/sub3_2_title1.png); width: 68px;} #sub .paragraph#sub3_2_1 .slogan .txt2 {background: url(images/sub3_2_title2.png); width: 65px;} #sub .paragraph#sub3_2_1 .slogan .txt3 {background: url(images/sub3_2_title3.png); width: 69px;} #sub .paragraph#sub3_2_1 .slogan .txt4 {background: url(images/sub3_2_title4.png); width: 46px;} #sub .paragraph#sub3_2_1 .slogan .txt5 {background: url(images/sub3_2_title5.png); width: 44px;} #sub .paragraph#sub3_3_1 .slogan > span {height: 86px;} #sub .paragraph#sub3_3_1 .slogan .txt1 {background: url(images/sub3_3_title1.png); width: 73px;} #sub .paragraph#sub3_3_1 .slogan .txt2 {background: url(images/sub3_3_title2.png); width: 46px;} #sub .paragraph#sub3_3_1 .slogan .txt3 {background: url(images/sub3_3_title3.png); width: 77px;} #sub .paragraph#sub3_3_1 .slogan .txt4 {background: url(images/sub3_3_title4.png); width: 52px;} #sub .paragraph#sub3_3_1 .slogan .txt5 {background: url(images/sub3_3_title5.png); width: 47px;} #sub .paragraph#sub3_4_1 .slogan > span {height: 85px;} #sub .paragraph#sub3_4_1 .slogan .txt1 {background: url(images/sub3_4_title1.png); width: 37px;} #sub .paragraph#sub3_4_1 .slogan .txt2 {background: url(images/sub3_4_title2.png); width: 48px;} #sub .paragraph#sub3_4_1 .slogan .txt3 {background: url(images/sub3_4_title3.png); width: 55px;} #sub .paragraph#sub3_4_1 .slogan .txt4 {background: url(images/sub3_4_title4.png); width: 77px;} #sub .paragraph#sub3_4_1 .slogan .txt5 {background: url(images/sub3_4_title5.png); width: 47px;} #sub .paragraph#sub3_4_1 .slogan .txt6 {background: url(images/sub3_4_title6.png); width: 55px;} #sub .paragraph#sub3_5_1 .slogan > span {height: 88px;} #sub .paragraph#sub3_5_1 .slogan .txt1 {background: url(images/sub3_5_title1.png); width: 56px;} #sub .paragraph#sub3_5_1 .slogan .txt2 {background: url(images/sub3_5_title2.png); width: 50px;} #sub .paragraph#sub3_5_1 .slogan .txt3 {background: url(images/sub3_5_title3.png); width: 51px;} #sub .paragraph#sub3_5_1 .slogan .txt4 {background: url(images/sub3_5_title4.png); width: 52px;} #sub .paragraph#sub3_6_1 .slogan > span {height: 88px;} #sub .paragraph#sub3_6_1 .slogan .txt1 {background: url(images/sub3_6_title1.png); width: 69px;} #sub .paragraph#sub3_6_1 .slogan .txt2 {background: url(images/sub3_6_title2.png); width: 52px;} #sub .paragraph#sub3_6_1 .slogan .txt3 {background: url(images/sub3_6_title3.png); width: 59px;} #sub .paragraph#sub3_6_1 .slogan .txt4 {background: url(images/sub3_6_title4.png); width: 44px;} #sub .paragraph#sub3_6_1 .slogan .txt5 {background: url(images/sub3_6_title5.png); width: 44px;} #sub .paragraph#sub3_7_1 .slogan {float: right; position: relative; left: -50%;} #sub .paragraph#sub3_7_1 .slogan > span {height: 88px; position: relative; left: 50%;} #sub .paragraph#sub3_7_1 .slogan .txt1 {background: url(images/sub3_7_title1.png); width: 47px;} #sub .paragraph#sub3_7_1 .slogan .txt2 {background: url(images/sub3_7_title2.png); width: 84px;} #sub .paragraph#sub3_7_1 .slogan .txt3 {background: url(images/sub3_7_title3.png); width: 56px;} #sub .paragraph#sub3_7_1 .slogan .txt4 {background: url(images/sub3_7_title4.png); width: 62px;} #sub .paragraph#sub3_7_1 .slogan .txt5 {background: url(images/sub3_7_title5.png); width: 83px;} #sub .paragraph#sub3_7_1 .slogan .txt6 {background: url(images/sub3_7_title6.png); width: 56px;} #sub .paragraph#sub3_7_1 .slogan .txt7 {background: url(images/sub3_7_title7.png); width: 66px;} #sub .paragraph#sub3_7_1 .slogan .txt8 {background: url(images/sub3_7_title8.png); width: 58px;} #sub .paragraph#sub3_7_1 .slogan .txt9 {background: url(images/sub3_7_title9.png); width: 54px;} #sub .paragraph#sub3_7_1 .slogan .txt10 {background: url(images/sub3_7_title10.png); width: 44px;} #sub .paragraph.review .inner {position: relative;} #sub .paragraph.review .txtbox .watermark {font-size: 90px; position: absolute; top: -40px; left: -30px; right: 0; text-align: justify;} #sub .paragraph.review .txtbox {float: left; width: 100%; position: relative;} #sub .paragraph.review a.play { } #sub .paragraph#sub3_8_1 .slogan > span {height: 80px;} #sub .paragraph#sub3_8_1 .slogan .txt1 {background: url(images/sub3_8_title1.png); width: 60px;} #sub .paragraph#sub3_8_1 .slogan .txt2 {background: url(images/sub3_8_title2.png); width: 45px;} #sub .paragraph#sub3_8_1 .slogan .txt3 {background: url(images/sub3_8_title3.png); width: 64px;} #sub .paragraph#sub3_8_1 .slogan .txt4 {background: url(images/sub3_8_title4.png); width: 71px;} #sub .paragraph#sub3_8_1 .slogan .txt5 {background: url(images/sub3_8_title5.png); width: 49px;} #sub .paragraph#sub3_8_1 .slogan .txt6 {background: url(images/sub3_8_title6.png); width: 48px;} #sub .paragraph .stepbox {} #sub .paragraph .stepbox > div { min-height: 240px;} #sub .paragraph .stepbox .arrow {width: 4.3333%; background-image: url(images/step_arrow.png); background-repeat: no-repeat; background-position: center; float: left;} #sub .paragraph .stepbox .box {width:29%; padding: 50px 0 0; margin-bottom: 30px; position: relative; border: 1px #47c3d4 solid; text-align: center; float: left;} #sub .paragraph .stepbox .box .holder {width:120px; height:35px; line-height:35px; font-size: 1.3rem; font-weight: bold; position: absolute; z-index: 1; top: -17px; left: -1px; border-radius: 17px 17px 17px 0; background-color: /*#a8ce4e*/#47c3d4; color: #fff;} #sub .paragraph .stepbox .box span {width: 100%; height: 89px; background-repeat: no-repeat; background-position: center; display: block; margin-bottom: 20px;} #sub .paragraph#sub5_1_1 .stepbox .box.step1 span {background-image: url(images/sub5_1_step1.png);} #sub .paragraph#sub5_1_1 .stepbox .box.step2 span {background-image: url(images/sub5_1_step2.png);} #sub .paragraph#sub5_1_1 .stepbox .box.step3 span {background-image: url(images/sub5_1_step3.png);} #sub .paragraph#sub5_1_1 .stepbox .box.step4 span {background-image: url(images/sub5_1_step4.png); margin-left: ;} #sub .paragraph#sub5_1_1 .stepbox .box.step5 span {background-image: url(images/sub5_1_step5.png);} #sub .paragraph#sub5_2_1 .stepbox .box.step1 span {background-image: url(images/sub5_2_1_step1.png);} #sub .paragraph#sub5_2_1 .stepbox .box.step2 span {background-image: url(images/sub5_2_1_step2.png);} #sub .paragraph#sub5_2_1 .stepbox .box.step3 span {background-image: url(images/sub5_2_1_step3.png);} #sub .paragraph#sub5_2_1 .stepbox .box.step4 span {background-image: url(images/sub5_2_1_step4.png);} #sub .paragraph#sub5_2_1 .stepbox .box.step5 span {background-image: url(images/sub5_2_1_step5.png);} #sub .paragraph#sub5_2_2 .stepbox .box.step1 span {background-image: url(images/sub5_2_2_step1.png);} #sub .paragraph#sub5_2_2 .stepbox .box.step2 span {background-image: url(images/sub5_2_2_step2.png);} #sub .paragraph#sub5_2_2 .stepbox .box.step3 span {background-image: url(images/sub5_2_2_step3.png);} #sub .paragraph#sub5_2_2 .stepbox .box.step4 span {background-image: url(images/sub5_2_2_step4.png);} #sub .paragraph#sub5_2_2 .stepbox .box.step5 span {background-image: url(images/sub5_2_2_step5.png);} #sub .paragraph .stepbox .box.step4 {margin-left: 15.3333%;} #sub .paragraph .stepbox .box.last {border: 1px #47c3d4 solid;} #sub .paragraph .stepbox .box.last .holder {background-color: #47c3d4;} #sub .paragraph .stepbox .arrow.last {background-image: url(images/step_arrow_last.png);} #sub .paragraph .maintelbox {width: 100%; border: 1px #d0d0d0 solid; border-top: 1px #3e3a5f solid; text-align: center;} #sub .paragraph .maintelbox > div {} #sub .paragraph .maintelbox .flex.top .col1 {padding: 3em 0; border-left: ;} #sub .paragraph .maintelbox i {display: inline-block; vertical-align: middle; margin-right: 20px;} #sub .paragraph .maintelbox .tel {display: inline-block; vertical-align: middle; text-align: left;} #sub .paragraph .maintelbox .col1 {padding: 1em 0;} #sub .paragraph .maintelbox .col1 h5 span {display: inline-block; width: 30%; } .bullet {padding-left: 20px; margin: 3px 0;} .bullet:before {content:"\e93f"; font-family: xeicon; margin-right: 5px; margin-left: -15px; color: #003775; font-size: 0.8rem;} .c_white p.bullet:before {color: #fff;} .row_subject {display: inline-block; font-weight: bold; position: relative;} .row_subject .spin {background: url(images/row_subject.png); width: 30px; height: 30px; position: absolute; margin-left: 5px; top: -15px; right:-35px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} .flex:hover .spin, .row_subject:hover .spin {transform: rotate( 360deg );} #sub .paragraph .mapbox > * {float: left;} #sub .paragraph .mapbox .root_daum_roughmap { height: 400px; overflow: hidden;} #sub .paragraph .mapbox .tel {background-color: #a8ce4e; color: #fff; width: 100%; padding: 1.5em 0; text-align: center;} #sub .paragraph .mapbox .tel h4 {background: url(images/mapbox_tel.png) left center no-repeat; padding-left: 40px;display: inline-block;} span.download {border: 1px #d0d0d0 solid; border-top: 1px #3e3a5f solid; color: #3e3a5f; display: block; font-size: 1.4rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; width: 100%; margin: 10px 0;} span.download a {width:100%; display: block; padding: 0.8em 1em;} span.download a i {font-size: 1.7rem; position: relative; top:0; float: right; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;} span.download:hover {box-shadow: 3px 3px 0 rgba(0,0,0,0.1); background-color: #3e3a5f; color: #fff; font-weight: bold;} span.download:hover i { top: 3px;} table#basic { border-collapse: collapse; border-top: 1px #3e3a5f solid; } table#basic td,table#basic th { padding: 0.5em 0; border-bottom: 1px #e0e0e0 solid; vertical-align: middle; } table#basic th {background-color: #f5f5f7; font-weight: bold;} table#basic th > * {font-weight: bold;} table#basic td { } table#basic.border td {border-left: 1px #e0e0e0 solid;} table#basic.border td.head {border-left: 0;} table#basic td i {font-size: 30px; position: relative; top: 3px;} table#basic td.on { color: #47c3d4; } table#basic td.off { color: #b0b0b0; } table#basic td.biweek { color: #b0d366; } table#basic.step { border-top: 1px #47c3d4 solid !important; } table#basic.step th {background-color: #ecf9fb !important; color: #47c3d4;} table#basic.step th.last {background-color: #ecf9fb !important; color: #47c3d4;} table#basic.step td {border-left: 1px #e0e0e0 solid; padding: 15px 30px;} table#basic.step td.bold h5 {font-weight: inherit;} #accordion {text-align: justify;} #accordion > h3,#accordion > h4 {border-top: 3px #404040 solid; padding: 0.5em; position: relative; cursor: pointer;} .ui-state-default:after,.ui-widget-content .ui-state-default:after,.ui-widget-header .ui-state-default:after {content: "\e941"; font-family: "xeicon"; font-size:20px; position: absolute; right: 10px;} .ui-state-active:after,.ui-widget-content .ui-state-active:after,.ui-widget-header .ui-state-active:after {content: "\e944"; font-family: "xeicon"; font-size:20px; position: absolute; right: 10px;} #accordion > div {padding: 1em 1em 2em 1em; border-top: 1px #d0d0d0 solid; } #accordion > div p {font-family:'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; font-weight: 300; color:#808080;} /* 서브페이지 탭 */ #sub ul.tabs.doctors {height: 150px; line-height: 1.2;} #sub ul.tabs.doctors li a {background-position: center bottom; background-size: auto 110px; background-repeat: no-repeat; padding-top: 0.5em; text-align: center; font-size: 1.5rem; height: 150px; color: #3e3a5f;} #sub ul.tabs.doctors li.abh a {background-image: url(images/doctor_abh_thumb.png); } #sub ul.tabs.doctors li.ljy a {background-image: url(images/doctor_ljy_thumb.png); } #sub ul.tabs.doctors li.jkj a {background-image: url(images/doctor_jkj_thumb.png); } #sub ul.tabs.doctors li.kjy a {background-image: url(images/doctor_kjy_thumb.png); } #sub ul.tabs.doctors li.ykh a {background-image: url(images/doctor_ykh_thumb.png); } #sub ul.tabs.doctors li.ljh a {background-image: url(images/doctor_ljh_thumb.png); } #sub ul.tabs.doctors li.jko a {background-image: url(images/doctor_jko_thumb.png); } #sub ul.tabs.doctors li:hover a {background-color: #fff; border: 1px #70d3e1 solid; color: #3e3a5f;} #sub ul.tabs.doctors li.active a {background-color: #fff; border: 1px #70d3e1 solid; color: #3e3a5f;} #sub ul.tabs {width:100%;height:60px;line-height:60px; display: flex; background-color: #f0fbfc;} #sub ul.tabs li { text-align:center; font-size:22px; flex: 1;} #sub ul.tabs li a {display:block; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out; font-weight: 600;} #sub ul.tabs li:hover a {background-color: #47c3d4; color: #fff;} #sub ul.tabs li.active a {background-color: #47c3d4; color: #fff;} #sub .tab_container {width:100%;display:inline-block; } #sub .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;} #sub .paragraph .board_box {font-size:1.2rem !important;} #sub .paragraph .board_box .board_bgcolor > span,#sub .paragraph .board_box .board_bgcolor > font,#sub .paragraph .board_box .att_title > font {font-size:1.2rem !important;} #sub .paragraph .board_box .ext_search {text-align: justify !important;} .privacybox {background: #ecf9fb; padding: 1.5em 2em;} /* 231219 신경차단주사 카테고리 추가 */ #sub .paragraph .target_area {position: relative; min-height: 500px; margin-top: 50px;} #sub .paragraph .target_area .targetbox > img {width: 70%;} #sub .paragraph .target_area .targetbox {width:100%; padding: 2em 2.5em 0; border-radius: 5em; background-color: #f0fbfc; } #sub .paragraph .target_area .targetbox h5 {text-align: left; margin: 0.8em; background: url(images/target.png) left center no-repeat; padding-left: 50px;} #sub .paragraph .merit .col1 {border: 1px #47c3d4 solid; border-radius: 100em; margin: 0.5em; display: flex; height: 200px; text-align: center; flex-direction: column; justify-content: center; align-items: center;} /* 240214 비급여 추가 */ div.pricewrap {width: 100%; overflow-x:scroll;} table#basic.pricebox { border-top: 2px #00b2bf solid !important; } table#basic.pricebox th {background-color: #47c3d4 !important; color: #fff; border-bottom: 1px #00b2bf solid; border-left: 1px #00b2bf solid;} table#basic.pricebox th:first-child {border-left: 0;} table#basic.pricebox th, table#basic.pricebox td {padding: 0.5rem 0.1rem !important;} table#basic.pricebox td {border-left: 1px #f0f0f0 solid;} table#basic.pricebox td.head {border-left: 0; background-color: #ecf9fb !important; color: #00b2bf;} table#basic.pricebox td.head p {font-weight: 600;} table#basic.pricebox h5 {font-size:1.15rem !important;} table#basic.pricebox p {font-size:1rem !important;} /* 240522 비급여 대리처방관련안내 추가 */ .bgbox {background-color: #f0fbfc; padding: 1.2rem 1rem;} /* 241231 간호간병통합서비스 카테고리 추가 */ #sub .paragraph .featurebox {width: 100%; display: flex; justify-content: space-between;} #sub .paragraph .featurebox > div {background-color: #ecf9fb; border-radius: 1.5rem; text-align: center; padding: 2rem 0; flex: 1; margin: 0 0.7rem;} #sub .paragraph .featurebox > div img {margin-bottom: 0.7rem; filter: drop-shadow(1px 1px 0 rgba(255,255,255,1));} @media only screen and (max-width:640px) { #sub .subtop .inner {padding: 25vw 0 12vw;} #sub .paragraph#sub1_1_1 {min-height: 85vw; margin-top: 15.625vw;} #sub .paragraph#sub1_1_1 > .frame {padding: 3.1vw; height: 74vw; } #sub .paragraph#sub1_1_1 > .frame .heart {background-size: 125%;} #sub .paragraph#sub1_1_1 > .frame span {width: 9.375vw; height: 9.375vw; background-size: contain; top: 0;} iframe {width: 93.75vw; height: 52.8125vw;} #sub .paragraph .video {} #sub .paragraph .video span {width: 9.375vw; height: 9.375vw; background-size: contain; top: -4.6vw;} #sub .paragraph#sub1_3_2 .box {border: 2.34375vw #ecf9fb solid; padding: 4.6875vw; display: block;} .watermark {font-size: 14.0625vw;} .doctor_wrap .picturebox {height: 50vw;} .doctor_wrap .picturebox .picture {height: 50vw;} .doctor_wrap .picturebox .attributes {zoom: 50%;} .doctor_wrap .statbox .flex {padding: 6.25vw 4.6875vw 0;} .doctor_wrap .statbox .txt {padding-left: 1.5625vw;} .doctor_wrap .statbox .txt::before {width: 0.3125vw; height: 3.4375vw; margin-right: 1.5625vw; margin-left: -1.5625vw;} .doctor_wrap .statbox .iconbox {padding-top: 14.0625vw; padding-bottom: 4.6875vw;} .doctor_wrap .statbox .iconbox .gra_title {top: 7.8125vw;} .doctor_wrap .statbox .iconbox .col1 .icon {width: 9.375vw; margin-bottom: 0.7812vw;} .doctor_wrap .statbox a.profile_open {width: 9.5312vw; height: 9.5312vw; background-size: contain;} .doctor_wrap .statbox a.profile_open:hover {background-size: contain;} .needpopup .profile {padding: 4.6875vw; padding-bottom: 46vw;} .needpopup .profile .picture {width: 50vw; right: -4vw;} .needpopup .profile .watermark {bottom: 3.1vw; left: 4.6875vw;} #sub ul.tabs.doctors {height: 25vw !important; line-height: 1.2 !important;} #sub ul.tabs.doctors li a {background-position: center bottom; background-size: 70%; background-repeat: no-repeat; padding-top: 2vw; text-align: center; font-size: 4vw; height: 25vw; color: #3e3a5f;} #sub .paragraph .timebox .col1 {background-position: center 2.3vw; padding-top: 14.0625vw;} #sub .paragraph .slogan {zoom: 60%;} #sub .paragraph.review .txtbox .watermark {font-size: 14.0625vw; top: -6.25vw; left: -4.6875vw;} #sub .paragraph .stepbox > div { min-height: 37.5vw;} #sub .paragraph .stepbox .box {padding: 7.8125vw 0 0; margin-bottom: 4.6875vw; } #sub .paragraph .stepbox .box .holder {width:18.75vw; height:5.46875vw; line-height:5.46875vw; font-size: 3.6vw; top: -2.65625vw; left: -1px; border-radius: 3vw 3vw 3vw 0;} #sub .paragraph .stepbox .box span {height: 13.90625vw; margin-bottom: 3.125vw; background-size: contain;} #sub .paragraph .stepbox .arrow {background-size: 68%;} table#basic.step td {border-left: 1px #e0e0e0 solid; padding: 2.34375vw 4.6875vw;} .row_subject .spin {zoom: 70%;} span.download {font-size: 3.8vw; margin: 1.5625vw 0;} span.download a i {font-size: 4.2vw;} #sub .paragraph .maintelbox i {margin-right: 3.125vw;} #sub .paragraph .maintelbox i img {width: 14.0625vw;} table#basic td i {font-size: 4.6875vw; top: 0.46875vw;} #sub .paragraph .mapbox .tel h4 {background-size: contain; padding-left: 7.5vw;} #sub #content .paragraph table.basic th {font-size: 3.5vw !important; padding: 1.5vw !important;} #sub #content .paragraph table.basic td {font-size: 3vw !important; padding: 1.5vw !important;} #sub ul.tabs {height: 8vw !important; line-height: 8vw !important;} #sub ul.tabs li {font-size: 3.4vw !important;} #sub .paragraph .board_box {font-size: 3.4vw !important;} div.nneditor-container div.SE_TOOLBAR ul {zoom: 85%;} #sub .paragraph .board_box #post_area img {width: 100% !important;} #sub .paragraph .board_box .board_bgcolor > span,#sub .paragraph .board_box .board_bgcolor > font,#sub .paragraph .board_box .att_title > font {font-size:3.125vw !important;} .privacybox {padding: 3vw 4.5vw;} /* 231219 신경차단주사 카테고리 추가 */ #sub .paragraph .target_area .targetbox {padding: 1rem 1.5rem 0; border-radius: 3rem; } #sub .paragraph .target_area .targetbox h5 {margin: 0.8rem;; background-size: 4.6875vw; padding-left: 7.8125vw;} #sub .paragraph .merit .col1 {height: 35vw;} /* 240214 비급여 추가 */ table#basic.pricebox th, table#basic.pricebox td {padding: 0.5vw !important;} table#basic.pricebox h5 {font-size:3.2vw !important;} table#basic.pricebox p {font-size:2.8vw !important;} #sub ul.tabs.doctors li a {background-size: auto 17.1875vw;} }