@charset "utf-8"; @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); * { font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; } html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; } body{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;color:#191919;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.025em; word-break:keep-all;} html, body {width:100%;/*height:100%;*/;} header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; } table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; } th, td { word-wrap:break-word; word-break:break-all;font-weight:normal } fieldset, iframe { border:0; vertical-align:top; } small { font-size:12px; color:#666; } img { border:0; font-size:0; vertical-align:top; } address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; } li, dd { list-style:none; word-break:keep-all; } hr { display:none; } caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; } legend { overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; } button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;} a {text-decoration:none; color:#191919} select {border-radius:0;} *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .transition { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } /* layout */ #wrap {overflow:hidden;} .inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;} .s-inner {width:1308px; position:relative; margin-left:auto; margin-right:auto;} .s-inner2 {width:88%; max-width:1000px; margin-left:auto; margin-right:auto;} .text_hidden {display:none;} html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;} .clear::after {content: ''; display: block; clear: both;} .tc {text-align:center;} br.pc_br {display:none;} .l-left {float: left;} .l-right {float: right;} .img_mobile{display:none;} .nbox{padding-left:12px;} @media all and (max-width:1320px){ .s-inner {width:88%;} } @media all and (max-width:1199px) { .inner {width:100%;} } @media all and (max-width:1024px) { html, body { font-size: 15px; } } @media all and (max-width:767px) { html, body { font-size: 13px; } .img_pc {display:none;} .img_mobile{display:block;} br.mo_br {display:none;} br.pc_br {display:block;} .nbox{display:none;} } .modoo_btn { display: block; width: 100px; font-size: 1em; color: #a4a4a4; font-weight: 600; text-align: center; text-transform: uppercase; border: 1px solid #a4a4a4; padding:10px 0; position: relative; transition: all 0.4s; transition-property: width, color, border; } .footer_box {height:auto !important; min-height:0 !important;} #modoos_footer {width:100%; background:#3d4246; padding:40px 0 60px;} #modoos_footer .s-inner {position:relative; padding-right:70px;} #modoos_footer .f_util {overflow:hidden;} #modoos_footer .f_util li {float:left;} #modoos_footer .f_util li:before {content:''; display:inline-block; width:1px; height:15px; background:#666; vertical-align:middle; margin:0 20px;} #modoos_footer .f_util li:first-child:before {display:none;} #modoos_footer .f_util li a {display:inline-block; font-size:1em; color:#fff; line-height:1.5em;} #modoos_footer .f_info {margin-top:30px;} #modoos_footer .f_info li {display:inline-block; font-size:1em; color:#929292; line-height:1.8em; margin-right:15px;} #modoos_footer .f_info li strong {font-weight:700;} #modoos_footer .copy {font-size:1em; color:#929292; line-height:1.5em; margin-top:20px;} #modoos_footer .go_top {text-align:center; position:absolute; right:0; top:0} #modoos_footer .go_top:before {content:'\f35b'; font-size:1.875em; color:#929292; font-weight:600; font-family: 'Font Awesome 5 Free';} #modoos_footer .go_top p {font-size:0.72em; color:#929292; line-height:1.3em; font-weight:400; font-family:'Montserrat'; margin-top:15px;} #modoos_footer .f_member {clear:both; display:inline-block; font-size:0.81em; color:#8a8884; letter-spacing:0; margin-right:5px; font-weight:400; border:1px solid #8a8884; padding:2px 5px; margin-top:10px;} @media screen and (max-width:1024px){ #modoos_footer {padding:5vw 0;} #modoos_footer .s-inner {padding-right:40px;} #modoos_footer .f_util li:before {height:10px; margin:0 7px;} #modoos_footer .f_info {margin-top:1.5vw;} #modoos_footer .f_info li {margin-right:10px;} #modoos_footer .copy {margin-top:1vw;} #modoos_footer .go_top:before {font-size:1.5em;} #modoos_footer .go_top p {margin-top:7px;} } @media screen and (max-width:767px){ #modoos_footer .s-inner {padding-right:0;} #modoos_footer .go_top {display:block; width:100%; position:relative; margin-top:2%;} #modoos_footer .go_top p {margin-top:3px;} } #Quick {position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:100;} #Quick a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:85px; height:120px; text-align:center; color:#fff; } #Quick a:last-child {margin-bottom:0;} #Quick a i {font-size:1.25em; line-height:1.2em;font-weight:600;} #Quick a p {font-size:0.81em; line-height:1.2em; font-weight:500; margin-top:5px;} #Quick a.tel {background:#d99803;} #Quick a.online {background:#00bf18;} #Quick a.online i {font-size:1.43em;} #Quick a.kakao {background:#eeda23;} #Quick a.kakao i {color:#391b1b} #Quick a.kakao p {color:#3c1e1e;} #Quick a.goto {background:#222528; height:65px;} #Quick a.history {background:#2f92cc;} @media screen and (max-width:1320px){ #Quick a {width:80px; height:80px;} } @media screen and (max-width:1024px){ #Quick {top:auto; right:0px; bottom:1%; transform:translateY(0)} #Quick a {width:70px; height:65px;} #Quick a i {font-size:1.125em;} #Quick a p {font-size:0.75em;} #Quick a.online i {font-size:1.2em;} #Quick a.kakao {background-size:40% auto;} #Quick a.kakao img {width:50%;} } @media screen and (max-width:767px){ #Quick a {width:60px; right:0px; height:60px;} #Quick a p {display:none;} #Quick a.kakao img {width:50%;} } /* main */ .content_quick {position:fixed; left:60px; top:50%; transform:translateY(-50%); z-index:100;} .content_quick.hide {display:none;} .content_quick a {display:block; position:relative;} .content_quick a:after {content:''; display:block; width:5px; height:5px; background:#666; border-radius:50%; opacity:0.3; position:absolute; left:7px; top:9px; transition:all 0.4s; transition-property:background, opacity;} .content_quick a:before {content:''; display:inline-block; vertical-align:middle; width:19px; height:19px; border-radius:50%; border:1px solid rgba(255,255,255,0); transition:all 0.4s; transition-property:border;} .content_quick a span {display:inline-block; vertical-align:middle; font-size:0.875em; color:#004994; line-height:19px; font-weight:500; margin-left:10px; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;} .content_quick .on a:before {border-color:#004994} .content_quick .on a:after, .content_quick a:hover:after {background:#004994; opacity:1;} .content_quick .on a span, .content_quick a:hover span {opacity:1; visibility:visible;} .content_quick.white a:after {background:#fff; opacity:1;} .content_quick.white a span {color:#fff;} .content_quick.white .on a:before {border-color:#fff;} .content_quick.white .on a:after, .content_quick.white .on a:hover:after {background:#fff;} @media screen and (max-width:1660px){ .content_quick a span {display:none;} } @media screen and (max-width:1460px){ .content_quick {left:10px;} } @media screen and (max-width:1360px){ .content_quick {display:none;} } @media screen and (max-width:1024px){ .content > div {height:auto !important; min-height:100vh;} } @media screen and (max-width:767px){ } .main_title .t1 {font-size:2.13em; color:#035a9d; line-height:2.13em; font-weight:300; /*margin-bottom:40px;*/} .main_title .t2 {font-size:1em; color:#666; line-height:1.8em; margin-top:30px;} .main_title .t3 {font-size:1.2em; color:#666; line-height:1.8em; margin-top:30px;} .main_title h2 {font-size:3.13em; line-height:1.27em; font-weight:700;} .main_title h7 {font-size:2.9em; line-height:1.27em; font-weight:700;} @media screen and (max-width:1024px){ .main_title .t1 {font-size:1.5em; margin-bottom:3.5vw;} .main_title .t2 {margin-top:2.5vw;} .main_title .t3 {margin-top:2.5vw;} .main_title h2 {font-size:1.9em;} .main_title h7 {font-size:2.9em;} .main_title .t3 {margin-top:2.5vw; font-size:1em;} } @media screen and (max-width:767px){ .main_title h2 {font-size:1.3em;} .main_title h7 {font-size:2.4em;} .main_title .t3 {margin-top:2.5vw; font-size:1em;} } #mVisu {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;} #mVisu:before {content:''; display:block; width:100%; height:100%; opacity:0.3; position:absolute; left:0; top:0; z-index:0;} #mVisu .video {width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;} #mVisu .video:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;} #mVisu .video iframe {width:120%; height:120%; min-width:1920px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)} #mVisu .txt_box {position:relative; z-index:10; padding-top:38vh} #mVisu .txt_box .txt1 {font-size:1.375em; color:#fff; line-height:1.5em; margin-top:20px; text-align:center;} #mVisu .scroll_down {width:100%; text-align:center; position:absolute; left:0; bottom:50px; z-index:30; } #mVisu .scroll_down:before {content:'\f8cc'; font-family: 'Font Awesome 5 Free'; display:block; font-size:1.875em; color:#fff; line-height:1em; font-weight:600; } #mVisu .scroll_down p {font-size:0.75em; color:#fff; line-height:1.2em; font-family:'Montserrat'; margin-top:15px;} @media screen and (max-width:1480px){ #mVisu .video iframe {width:90%; height:85%; /*min-width:767px;*/ position:absolute; left:50%; top:54%; transform:translate(-50%, -50%)} .content > div {min-height:30vh;} } @media screen and (max-width:1024px){ #mVisu .video iframe {width:90%; height:85%; /*min-width:767px;*/ position:absolute; left:50%; top:54%; transform:translate(-50%, -50%)} .content > div {min-height:70vh;} #mVisu .txt_box .txt1 {font-size:1.125em; margin-top:2vw;} #mVisu .scroll_down {display:none; bottom:20px;} #mVisu .scroll_down p {margin-top:7px;} } @media screen and (max-width:767px){ #mVisu .video iframe {width:80%; height:70%; /*min-width:767px;*/ position:absolute; left:50%; top:54%; transform:translate(-50%, -50%)} .content > div {min-height:40vh;} } @media screen and (min-height:1080px){ } #mClinic {width:100%; height:100%; position:relative; background-image:url('/base/img/img/pic01_bg.jpg');background-repeat:no-repeat;background-position:left top } #mClinic .txt_box {display:flex; align-items:center; height:100%;} #mClinic .txt_box .main_title {width:100%; padding-right:50%; } #mClinic .img_box {width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; right:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;} #mClinic .img_box.active {opacity:1; visibility:visible;} .mClinic_slide {width:100%;} #mClinic .main_title .t1, #mClinic .main_title .t2, #mClinic .main_title h2, #mClinic .main_title div {opacity:0; transform:translateY(60px)} #mClinic .swiper-slide-active .main_title .t1, #mClinic .swiper-slide-active .main_title .t2, #mClinic .swiper-slide-active .main_title h2, #mClinic .swiper-slide-active .main_title div {opacity:1; transform:translateY(0); transition:all 0.9s; transition-property:opacity, transform;} #mClinic .swiper-slide-active .main_title h2 {transition-delay:0.2s} #mClinic .swiper-slide-active .main_title .t2 {transition-delay:0.4s;} #mClinic .swiper-slide-active .main_title div {transition-delay:0.6s;} @media screen and (max-width:1024px){ #mClinic {min-height:0; padding:11vw 0;} #mClinic .txt_box {z-index:10;} #mClinic .txt_box .main_title {width:50%; padding:7% 2% 7% 0; background:#fff;} #mClinic .txt_box .main_title .t2 br {display:none;} #mClinic .img_box {width:50%; z-index:0;} } @media screen and (max-width:767px){ #mClinic {padding:0;} #mClinic .txt_box {min-height:0; text-align:center;} #mClinic .txt_box .main_title {width:100%; padding:11vw 2% 7vw 0;} #mClinic .txt_box .main_title .theone_btn {margin:0 auto;} #mClinic .img_box_list {height:75vw; position:relative;} #mClinic .img_box {width:100%; height:100%;} } .mService_slide {width:100%; height:100%; position:relative;} .mService_slide .swiper-slide {width:100%; height:100%; position:unset;} .mService_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;} .mService_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:#232b31; opacity:0.7;} .mService_slide .txt_box {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative; z-index:10;} .mService_slide .txt_box .icon_box { overflow: hidden; display: flex; flex-basis: 50%; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap;} .mService_slide .txt_box .icon_box li { width:210px; height:190px; text-align:center; } .mService_slide .txt_box .icon_box li:last-child {margin-right:0;} .mService_slide .txt_box .icon_box li p {font-size:1.025em; color:#fff; line-height:1.55em; margin-top:10px;} .mService_slide .txt_box .main_title .number {font-size:6.25em; color:rgba(51,189,255,0.5); line-height:1em; font-weight:500; margin:0 0 -50px -70px;} .mService_slide .swiper-button-next, .mService_slide .swiper-button-prev {height:auto; right:auto; left:50%; top:calc(50vh + 270px); margin-top:0;} /*.mService_slide .swiper-button-prev {margin-left:180px; } .mService_slide .swiper-button-next {margin-left:270px;}*/ .mService_slide .swiper-button-prev {margin-left:-30px; } .mService_slide .swiper-button-next {margin-left:50px;} .mService_slide .swiper-button-prev:after {content:'\f0d9' } .mService_slide .swiper-button-next:after {content:'\f0da'} .mService_slide .swiper-button-next:after, .mService_slide .swiper-button-prev:after {font-size:0.875em; color:#fff; line-height:20px; font-family: 'Font Awesome 5 Free'; font-weight:600; } #mService .mService_slide .swiper-pagination {width:auto; bottom:auto; top:calc(50vh + 270px); left:50%;/* margin-left:217px;*/ font-size:0.875em; color:rgba(255,255,255,0.5); line-height:20px; font-weight:500; } #mService .mService_slide .swiper-pagination-current {font-size:1.28em; color:#fff;} #mService .mService_slide .swiper-pagination span {margin:0 5px;} .mService_slide .txt_box .icon_box li {opacity:0; transform: rotateY(180deg)} .mService_slide .txt_box .main_title .number, .mService_slide .txt_box .main_title h2, .mService_slide .txt_box .main_title .t2 {opacity:0; transform:translatex(60px)} .mService_slide .swiper-slide-active .txt_box .icon_box li, .mService_slide .swiper-slide-active .txt_box .main_title .number, .mService_slide .swiper-slide-active .txt_box .main_title h2, .mService_slide .swiper-slide-active .txt_box .main_title .t2 {opacity:1; transform:translateY(0); transition:all 0.9s; transition-property:opacity, transform;} .mService_slide .swiper-slide-active .txt_box .icon_box li:nth-child(2) {transition-delay:0.2s} .mService_slide .swiper-slide-active .txt_box .icon_box li:nth-child(3) {transition-delay:0.4s} .mService_slide .swiper-slide-active .txt_box .main_title h2 {transition-delay:0.2s;} .mService_slide .swiper-slide-active .txt_box .main_title .t2 {transition-delay:0.4s;} @media screen and (max-width:1320px){ .mService_slide .txt_box .icon_box li {width:170px; height:170px; margin-right:15px;} .mService_slide .txt_box .icon_box li:first-child {float:none; margin-left:92px;} /*.mService_slide .swiper-button-next, .mService_slide .swiper-button-prev {right:6%; left:auto; margin-left:0;} .mService_slide .swiper-button-next {margin-right:340px;} .mService_slide .swiper-button-prev {margin-right:450px;} #mService .mService_slide .swiper-pagination {left:auto; right:6%; margin-left:0; margin-right:385px;}*/ } @media screen and (max-width:1024px){ .mService_slide .txt_box .main_title .number, .mService_slide .txt_box .main_title h2, .mService_slide .txt_box .main_title .t2 {opacity:0; transform:translatex(0px)} #mService {min-height:0;} .mService_slide .txt_box1 {display:block; padding:20vw 0;} .mService_slide .txt_box1 .icon_box {display:flex; justify-content:center;} .mService_slide .txt_box1 .icon_box li {float:none; width:150px; height:150px;} .mService_slide .txt_box1 .icon_box li:first-child {margin-left:0;} .mService_slide .txt_box1 .icon_box li p {font-size:1em; margin-top:7px;} .mService_slide .txt_box1 .main_title {margin-top:4%;} .mService_slide .txt_box1 .main_title .number {font-size:5em; margin-left:0; margin-bottom:-30px;} .mService_slide .txt_box1 .main_title .t2 {min-height:7.2em;} .mService_slide .swiper-button-next, .mService_slide .swiper-button-prev {top:auto; bottom:7%;} /*.mService_slide .swiper-button-next {right:50%; margin-right:-70px;} .mService_slide .swiper-button-prev {right:auto; left:50%; margin-left:-70px; margin-right:0;} #mService .mService_slide .swiper-pagination {width:100%; top:auto; bottom:7%; right:0; margin-right:0;}*/ } @media screen and (max-width:767px){ .mService_slide .txt_box1 .icon_box li {width:100px; height:100px; border-width:2px; margin-right:5px;} .mService_slide .txt_box1 .icon_box li img {width:50%;} .mService_slide .txt_box1 .icon_box li p {font-size:0.75em; margin-top:3px} } /*2025수정 */ .mService_slide .txt_box1 {display:flex; align-items: center; flex-wrap: nowrap; justify-content: center; flex-direction: column;height:100%; position:relative; z-index:10;} .mService_slide .txt_box1 .icon_box { overflow: hidden; margin-top:70px; display: flex; /*justify-content: flex-start; */ align-items: flex-start; flex-direction: row; flex-wrap: wrap;} .mService_slide .txt_box1 .icon_box li { width:210px; height:190px; text-align:center; } .mService_slide .txt_box1 .icon_box li:last-child {margin-right:0;} .mService_slide .txt_box1 .icon_box li p {font-size:1.025em; color:#fff; line-height:1.55em; margin-top:10px;} .mService_slide .txt_box1 .main_title .number {font-size:6.25em; color:rgba(51,189,255,0.5); line-height:1em; font-weight:500; margin:0 0 -50px -70px;} #mCommunity { background-image:url(/base/img/img/050418_bg.jpg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; left: 0; top: 0; z-index: 0; } /*#mCommunity {display:flex; align-items:center; position:relative;} #mCommunity:after {content:''; display:block; width:50%; height:100%; background-image:url('/base/img/img/4d_r.jpg');background-repeat:no-repeat; background-position:center; background-size: cover; position:absolute; left:0; top:0;} #mCommunity:before {content:''; display:block; width:50%; height:100%;background-image:url('/base/img/img/4d_l.jpg');background-repeat:no-repeat; background-position:center; background-size: cover; position:absolute; right:0; top:0;} */ #mCommunity .s-inner {display:table; position:relative; z-index:10; top:150px;} #mCommunity .s-inner > div {display:table-cell; width:50%;} #mCommunity .s-inner .right_4dse{/*padding-right:180px;*/} #mCommunity .s-inner .right_4dse h2{font-size:3.18em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .right_4dse ul {margin-top:30px;} #mCommunity .s-inner .right_4dse ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:13px 0; text-align:center; overflow:hidden; transition:all 0.3s; } #mCommunity .s-inner .left_4dse{/*padding-left:180px;*/} #mCommunity .s-inner .left_4dse h2{font-size:3.18em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .left_4dse ul {margin-top:30px;} #mCommunity .s-inner .left_4dse ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:13px 0; text-align:center; overflow:hidden; transition:all 0.3s; } #mCommunity .s-inner { width:100%;display:flex; align-items:center; /*flex-direction: column;*/ justify-content: space-around; height:100vh;} /*20250225*/ #mCommunity .s-inner .left_4dse1{background-color:rgba(255, 255, 255, 0.84); padding:25px 25px; width: auto;} #mCommunity .s-inner .left_4dse1 h2{font-size:2.4em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .left_4dse1 ul {margin-top:20px;} #mCommunity .s-inner .left_4dse1 ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:10px 0; text-align:center; overflow:hidden; transition:all 0.3s; } #mCommunity .s-inner .right_4dse1{background-color:rgba(255, 255, 255, 0.84); padding:25px 25px; width: auto;} #mCommunity .s-inner .right_4dse1 h2{font-size:2.4em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .right_4dse1 ul {margin-top:20px;} #mCommunity .s-inner .right_4dse1 ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:10px 0; text-align:center; overflow:hidden; transition:all 0.3s; } @media screen and (max-width:1320px){ #mCommunity .s-inner .right_4dse{padding-right:10px;} #mCommunity .s-inner .left_4dse{padding-left:10px;} } @media screen and (max-width:1024px){ #mCommunity .s-inner .right_4dse{display:none; padding-right:0px; } #mCommunity .s-inner .left_4dse{display:none; padding-left:0px;} #mService .mService_slide .swiper-pagination {bottom:7%; top: auto;} } @media screen and (max-width:767px){ #mCommunity .s-inner {display:table; position:relative; z-index:10; top:80px;} #mCommunity .s-inner .right_4dse ul {margin-top:15px;} #mCommunity .s-inner > div {display:table-cell; width:100%;} #mCommunity .s-inner { width:100%;display:flex; align-items:center; flex-direction: column; justify-content: space-around; height:70vh;} #mCommunity .s-inner .right_4dse h2{font-size:1.8em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .left_4dse h2{font-size:1.8em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .right_4dse{display:none; padding-right:0px; } #mCommunity .s-inner .left_4dse{display:none; padding-left:0px;} #mCommunity .s-inner .right_4dse ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:10px 0; text-align:center; overflow:hidden; transition:all 0.3s; } #mCommunity:after {content:''; display:block; width:100%; height:50%; background-repeat:no-repeat; background-size: cover; } #mCommunity:before {content:''; display:block; width:100%; height:50%;background-repeat:no-repeat; background-size: cover; top:50%;} /*20250225*/ #mCommunity .s-inner .left_4dse1 h2{font-size:1.4em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .left_4dse1 ul {margin-top:20px;} #mCommunity .s-inner .left_4dse1 ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:7px 0; text-align:center; overflow:hidden; transition:all 0.3s; } #mCommunity .s-inner .right_4dse1 h2{font-size:1.4em; line-height:1.2em; font-weight:700; margin-top:5px; text-align:center; color:#202b60;} #mCommunity .s-inner .right_4dse1 ul {margin-top:20px;} #mCommunity .s-inner .right_4dse1 ul li {display:block; font-size:1.125em; color:#666; line-height:0.7em; padding:7px 0; text-align:center; overflow:hidden; transition:all 0.3s; } /*2025수정 */ .mService_slide .txt_box1 .icon_box li { width:150px; height:140px; text-align:center; justify-content: space-around !important;} .mService_slide .txt_box1 .icon_box li:last-child {margin-right:0;} .mService_slide .txt_box1 .icon_box li p {font-size:1.025em; color:#fff; line-height:1.55em; margin-top:10px;} #mService .mService_slide .swiper-pagination {bottom:7%; top: auto;} #mService .mService_slide .bgtf{margin-bottom: 80px;} } #mContact .txt_box {width:100%; position:relative;} #mContact .txt_box .main_title {position:relative; z-index:10; padding-top:1vh;} #mContact .txt_box .info_box {display:flex; justify-content:center; align-items:center; height:330px; background-color: #fff; box-shadow:10px 10px 20px rgba(25,25,25,0.15); left:50%; margin-left:-654px; z-index:30;} #mContact .txt_box .info_box:before {content:''; display:block; width:350px; height:100%; background:#004994; position:absolute; left:0; top:0;} #mContact .txt_box .info_box > div {display:flex; justify-content:center; position:relative; z-index:10;} #mContact .txt_box .info_box .tel {width:350px;} #mContact .txt_box .info_box .tel .t1 {font-size:1.25em; color:#fff; line-height:1.4em; font-weight:500; margin-bottom:10px;} #mContact .txt_box .info_box .tel .number {font-size:2.18em; color:#fff; line-height:1.2em; font-weight:700;} #mContact .txt_box .info_box .tel .number:before{content:'\f879'; font-size:0.68em; font-weight:900; font-family: 'Font Awesome 5 Free'; margin-right:10px;} #mContact .txt_box .info_box .info strong {display:block; font-size:1.25em; line-height:1.3em; font-weight:500; margin-bottom:20px;} #mContact .txt_box .info_box .info strong i {font-family: 'Font Awesome 5 Free'; font-size:0.9em; margin-right:7px;} #mContact .txt_box .info_box .info ul li {font-size:1em; color:#666; line-height:1.8em; position:relative; padding-left:75px;} #mContact .txt_box .info_box .info ul li p {width:75px; color:#191919; font-weight:500; position:absolute; left:0; top:10;} #mContact .txt_box .info_box .info1 .tj {font-size:14px; padding-top:10px;} #mContact .txt_box .info_box .info .t1 {font-size:1em; color:#666; line-height:1.8em;} #mContact .txt_box .info_box .info .subway {font-size:1em; color:#666; line-height:1.56em; /*padding-left:34px;*/ position:relative;} /*#mContact .txt_box .info_box .info .subway:before {content:'2'; display:block; width:24px; line-height:18px; border:3px solid #2ea43b; border-radius:50%; font-size:0.625em; color:#2ea43b; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center;}*/ #mContact .txt_box .info_box .info1 {width:calc(40% - 175px); position:relative;} #mContact .txt_box .info_box .info1:after {content:''; display:block; width:1px; height:120px; background:#d4d4d4; position:absolute; right:0; top:50%; transform:translateY(-50%);} #mContact .txt_box .info_box .info2 {width:calc(60% - 175px)} #mContact .txt_box .info_box .info2 li{padding:5px 0;} #mContact .map {width:100%; height:44vh; background:#f7f8f9; display: flex; justify-content: center;} #mContact .map #map {width:100%; height:100%;} #mContact .map #map1 {width:100%; height:100%;} #mContact .map #map1 img{width:100%; height:100%;} #mContact .map .root_daum_roughmap .wrap_map {height:100% !important;} #mContact .map_btn{position:relative; display: flex; justify-content: flex-end; margin-top: 90px;} #mContact .map_btn li{margin: 20px 5px;} #sub_content_footer .map_btn{position:relative; display: flex; justify-content: flex-end;} #sub_content_footer .map_btn li{margin: 20px 5px;} #sub_content_footer .map {width:100%; height:44vh; background:#f7f8f9; display: flex; justify-content: center;} #sub_content_footer .map #map {width:100%; height:100%;} #sub_content_footer .map #map1 {width:100%; height:100%;} #sub_content_footer .map #map1 img{width:100%; height:100%;} #sub_content_footer .map .root_daum_roughmap .wrap_map {height:100% !important;} @media screen and (max-width:1320px){ #mContact .txt_box .info_box {left:6%; margin-left:0;} #mContact .txt_box .info_box:before {width:290px;} #mContact .txt_box .info_box .tel {width:290px;} #mContact .txt_box .info_box .info1 {width:calc(45% - 145px)} #mContact .txt_box .info_box .info2 {width:calc(55% - 145px)} } @media screen and (max-width:1024px){ #mContact {min-height:0;} #mContact .txt_box {height:auto;} #mContact .txt_box .main_title {padding-top:12vw;} #mContact .txt_box .info_box {height:auto; position:relative; bottom:0; left:0; width: 100%;} #mContact .txt_box .info_box:before {display:none;} #mContact .txt_box .info_box {display:block; overflow:hidden;} #mContact .txt_box .info_box .tel {width:100%; background:#33bdff; padding:2vw 0;} #mContact .txt_box .info_box .tel .t1 {display:inline-block; vertical-align:middle; font-size:1.125em; margin-bottom:7px; margin-right:20px;} #mContact .txt_box .info_box .tel .number {display:inline-block; font-size:1.8em;} #mContact .txt_box .info_box .info {float:left; width:50%; padding:2.5vw 0;} #mContact .txt_box .info_box .info strong {font-size:1.125em; margin-bottom:10px;} #mContact .txt_box .info_box .info ul li {padding-left:65px;} #mContact .txt_box .info_box .info ul li p {width:65px;} #mContact .txt_box .info_box .info1:after {height:60%;} #mContact .map {height:40vw; position:relative; z-index:3;} } @media screen and (max-width:767px){ #mCommunity { background-image:url(/base/img/img/m_050418_bg.jpg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; left: 0; top: 0; z-index: 0; } #mContact .txt_box .info_box .info {float:none; width:100%; } #mContact .txt_box .info_box .info > div {width:70%;} #mContact .txt_box .info_box .info1:after {width:100%; height:1px; right:0; top:auto; bottom:0; transform:translateY(0)} /*2502*/ #mContact .map {width:100%; height:58vh; background:#f7f8f9; display: flex; justify-content: flex-start; flex-direction: column;} #mContact .map_btn li img{width:100%;} } /*서브 인사말 맵 */ .sub_contact {width:100%; position:relative;} .sub_contact .map {width:100%; height:550px;} .sub_contact .map > #map {width:100%; height:100% !important;} .sub_contact .map .root_daum_roughmap .wrap_map {height:100% !important;} .sub_contact .info_box {display:flex; justify-content:center; align-items:center; height:230px; background:#fff; box-shadow:10px 10px 20px rgba(25,25,25,0.15); position:absolute; bottom:70px; left:50%; margin-left:-654px; z-index:30;} .sub_contact .info_box:before {content:''; display:block; width:350px; height:100%; background:#33bdff; position:absolute; left:0; top:0;} .sub_contact .info_box > div {display:flex; justify-content:center; position:relative; z-index:10;} .sub_contact .info_box .tel {width:350px;} .sub_contact .info_box .tel .t1 {font-size:1.25em; color:#fff; line-height:1.4em; font-weight:500; margin-bottom:10px;} .sub_contact .info_box .tel .number {font-size:2.18em; color:#fff; line-height:1.2em; font-weight:700; font-family:'Montserrat'} .sub_contact .info_box .tel .number:before{content:'\f879'; font-size:0.68em; font-weight:900; font-family:'Font Awesome 5 Pro'; margin-right:10px;} .sub_contact .info_box .info strong {display:block; font-size:1.25em; line-height:1.3em; font-weight:500; margin-bottom:20px;} .sub_contact .info_box .info strong i {font-size:0.9em; margin-right:7px;} .sub_contact .info_box .info ul li {font-size:1em; color:#666; line-height:1.8em; position:relative; padding-left:75px;} .sub_contact .info_box .info ul li p {width:75px; color:#191919; font-weight:500; position:absolute; left:0; top:0;} .sub_contact .info_box .info .t1 {font-size:1em; color:#666; line-height:1.8em;} .sub_contact .info_box .info .subway {font-size:1em; color:#666; line-height:1.56em; padding-left:34px; position:relative;} .sub_contact .info_box .info .subway:before {content:'3'; display:block; width:24px; line-height:18px; border:3px solid #ff7100; border-radius:50%; font-size:0.625em; color:#ff7100; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center;} .sub_contact .info_box .info1 {width:calc(45% - 175px); position:relative;} .sub_contact .info_box .info1:after {content:''; display:block; width:1px; height:120px; background:#d4d4d4; position:absolute; right:0; top:50%; transform:translateY(-50%);} .sub_contact .info_box .info2 {width:calc(55% - 175px)} @media screen and (max-width:1320px){ .sub_contact .info_box {left:6%; margin-left:0;} .sub_contact .info_box:before {width:290px;} .sub_contact .info_box .tel {width:290px;} .sub_contact .info_box .info1 {width:calc(45% - 145px)} .sub_contact .info_box .info2 {width:calc(55% - 145px)} } @media screen and (max-width:1024px){ .sub_contact {padding-bottom:7vw;} .sub_contact .map {height:400px;} .sub_contact .info_box {height:auto; position:relative; bottom:0; left:0; margin:-5vw auto 0;} .sub_contact .info_box:before {display:none;} .sub_contact .info_box {display:block; overflow:hidden;} .sub_contact .info_box .tel {width:100%; background:#33bdff; padding:4vw 0;} .sub_contact .info_box .tel .t1 {display:inline-block; vertical-align:middle; font-size:1.125em; margin-bottom:7px; margin-right:20px;} .sub_contact .info_box .tel .number {display:inline-block; font-size:1.8em;} .sub_contact .info_box .info {float:left; width:50%; padding:2.5vw 0;} .sub_contact .info_box .info strong {font-size:1.125em; margin-bottom:10px;} .sub_contact .info_box .info ul li {padding-left:65px;} .sub_contact .info_box .info ul li p {width:65px;} .sub_contact .info_box .info1:after {height:60%;} } @media screen and (max-width:767px){ .sub_contact .map {height:270px;} .sub_contact .info_box .info {float:none; width:100%; padding:4vw 0;} .sub_contact .info_box .info > div {width:88%;} .sub_contact .info_box .info1:after {width:100%; height:1px; right:0; top:auto; bottom:0; transform:translateY(0)} } /* sub */ #sub_content {margin-top:185px; min-height:700px;} #sub_content1 {background:#f3f3f3; padding:30px 30px;} .sub_section {padding:100px 0;} .sub_section.bg1 {background:#f7f7f8} #sub_title {padding-top:65px; text-align:center;} #sub_title .info {overflow:hidden; margin:20px auto; width: max-content;} #sub_title .info li {float:left; font-size:1em; color:#666; line-height:1.5em;} #sub_title .info li a {color:#666;} #sub_title .info li:after {content:'\f053'; font-size:0.625em; font-weight:600; font-family: 'Font Awesome 5 Free'; margin:0 20px; position:relative; top:-3px;} #sub_title .info li:last-child:after {display:none;} #sub_title h2 {font-size:3.125em; line-height:1.3em; font-weight:700;} #sub_title p {font-size:1.25em; color:#33bdff; line-height:1.4em; font-weight:700; font-family:'Montserrat'; margin-top:10px; text-transform:uppercase;} .sub_title {text-align:center;} .sub_title h3 {font-size:3.125em; line-height:1.3em; font-weight:700;} .sub_title p {font-size:1em; color:#666; line-height:1.8em; margin-top:20px;} .s_txt1 {font-size:1em; color:#666; line-height:1.8em; text-align: justify; word-break: break-all;} .s_txt2 {font-size:1.875em; line-height:1.5em; font-weight:700; margin-bottom:20px;} .s_txt3 {font-size:1.125em; line-height:1.5em; font-weight:500;} .s_txt4 {font-size:1.25em; line-height:1.75em; font-weight:500;} .s_txt5 {font-size:1.2em; color:#666; line-height:1.8em; } .line {width:100%; height:1px; background:#dcdcdc; margin:50px 0;} @media screen and (max-width:1024px){ #sub_content {margin-top:60px;} .sub_section {padding:10vw 0;} #sub_title {padding-top:6vw;} #sub_title .info {margin-bottom:2vw;} #sub_title .info li:after {margin:0 10px; top:-1px;} #sub_title h2 {font-size:2.7em;} #sub_title p {font-size:1.125em; margin-top:1vw;} .sub_title h3 {font-size:2.6em;} .sub_title p {line-height:1.7em; margin-top:2vw;} .s_txt1 {line-height:1.7em;} .s_txt2 {font-size:1.5em; margin-bottom:2vw;} .s_txt4 {font-size:1.14em;} .line {margin:5vw 0;} } @media screen and (max-width:767px){ #sub_title h2 {font-size:2.5em;} .sub_title h3 {font-size:2.4em;} } .sub_top_box .txt_box {padding-left:695px;} .sub_top_box .txt_box p {font-size:1em; color:#666; line-height:1.8em; margin-top:20px;} .sub_top_box .txt_box p:first-child {margin-top:0;} .sub_top_box .img_box {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top:50px;} @media screen and (max-width:1320px){ .sub_top_box .txt_box {padding-left:40%;} } @media screen and (max-width:1024px){ .sub_top_box .txt_box {padding-left:20%;} .sub_top_box .txt_box p {line-height:1.7em; margin-top:2vw;} .sub_top_box .img_box {height:35vw; margin-top:4vw;} } @media screen and (max-width:767px){ .sub_top_box .txt_box {padding-left:0; margin-top:5vw;} } /* company */ .img_box11 {width:100%; height:650px; background-repeat:no-repeat; background-position:center center; /*background-size:cover;*/ margin-top:40px;} .sub_contact01 {padding-bottom:100px; margin-top:135px;} .sub_contact01 .txt_box {padding-left:658px; position:relative;} .sub_contact01 .txt_box strong {position:absolute; left:170px; bottom:285px;} .sub_contact01 .txt_box .s_txt0 {margin-top:20px; font-size:1.6em; color:#035a9d; font-weight:600;} .sub_contact01 .txt_box .s_txt1 {margin-top:20px;} .sub_contact01 .txt_box .s_txt1:first-child {margin-top:0;} .sub_contact01 .txt_box .s_txt2 {font-size:1.875em; line-height:1.5em; font-weight:700; margin:20px 0; } .sub_contact01 .txt_box .s_txt4 {font-size:1.375em; line-height:1.5em; font-weight:700; margin:20px 0; } .sub_contact01 .txt_box .s_txt5 {margin-top:30px;} .sub_contact01 .txt_box .name {margin-top:20px; font-size:1.2em; line-height:1.8em; font-weight:700; text-align:left;} .sub_contact02 {display:flex; justify-content: space-around; flex-direction: row; overflow:hidden; position:relative; padding-bottom:100px; margin-top:35px;} .sub_contact02 .txt_box .h_txt {font-size:1.475em; line-height:1.5em; color:#004894; font-weight:700; margin:20px 0; } .sub_contact02 .txt_box .h_txt1 {font-size:3.1em; line-height:1.2em; font-weight:800; margin:20px 0; } .sub_contact02 .txt_box1 p{font-size:1.2em;} .sub_contact02 .txt_box1 .boxt1{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#5c6bc0; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt2{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#3f51b5; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt3{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#3949ab; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt4{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#303f9f; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt5{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#283593; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt6{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#1a237e; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 p{padding:15px;} /**서브지도 **/ #sub_content_footer { /*background:#f4f4f4;*/} #sub_content_footer .txt_box {width:100%; position:relative; padding-bottom: 150px;} #sub_content_footer .txt_box .main_title {position:relative; z-index:10; padding-top:16vh;} #sub_content_footer .txt_box .info_box {display:flex; justify-content:center; align-items:center; height:330px; background:#fff; box-shadow:10px 10px 20px rgba(25,25,25,0.15); left:50%; margin-left:-654px; z-index:30;} #sub_content_footer .txt_box .info_box:before {content:''; display:block; width:350px; height:100%; background:#004994; position:absolute; left:0; top:0;} #sub_content_footer .txt_box .info_box > div {display:flex; justify-content:center; position:relative; z-index:10;} #sub_content_footer .txt_box .info_box .tel {width:350px;} #sub_content_footer .txt_box .info_box .tel .t1 {font-size:1.25em; color:#fff; line-height:1.4em; font-weight:500; margin-bottom:10px;} #sub_content_footer .txt_box .info_box .tel .number {font-size:2.18em; color:#fff; line-height:1.2em; font-weight:700;} #sub_content_footer .txt_box .info_box .tel .number:before{content:'\f879'; font-size:0.68em; font-weight:900; font-family: 'Font Awesome 5 Free'; margin-right:10px;} #sub_content_footer .txt_box .info_box .info strong {display:block; font-size:1.25em; line-height:1.3em; font-weight:500; margin-bottom:20px;} #sub_content_footer .txt_box .info_box .info strong i {font-family: 'Font Awesome 5 Free'; font-size:0.9em; margin-right:7px;} #sub_content_footer .txt_box .info_box .info ul li {font-size:1em; color:#666; line-height:1.8em; position:relative; padding-left:75px;} #sub_content_footer .txt_box .info_box .info ul li p {width:75px; color:#191919; font-weight:500; position:absolute; left:0; top:10;} #sub_content_footer .txt_box .info_box .info1 .tj {font-size:14px; padding-top:10px;} #sub_content_footer .txt_box .info_box .info .t1 {font-size:1em; color:#666; line-height:1.8em;} #sub_content_footer .txt_box .info_box .info .subway {font-size:1em; color:#666; line-height:1.56em; /*padding-left:34px;*/ position:relative;} /*#sub_content_footer .txt_box .info_box .info .subway:before {content:'2'; display:block; width:24px; line-height:18px; border:3px solid #2ea43b; border-radius:50%; font-size:0.625em; color:#2ea43b; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center;}*/ #sub_content_footer .txt_box .info_box .info1 {width:calc(40% - 175px); position:relative;} #sub_content_footer .txt_box .info_box .info1:after {content:''; display:block; width:1px; height:120px; background:#d4d4d4; position:absolute; right:0; top:50%; transform:translateY(-50%);} #sub_content_footer .txt_box .info_box .info2 {width:calc(60% - 155px)} #sub_content_footer .txt_box .info_box .info2 li{padding:5px 0;} #sub_content_footer .map {width:100%; height:51vh; background:#f7f8f9} #sub_content_footer .map #map {width:100%; height:100%;} #sub_content_footer .map .root_daum_roughmap .wrap_map {height:100% !important;} @media screen and (max-width:1320px){ #sub_content_footer .txt_box .info_box {left:6%; margin-left:0;} #sub_content_footer .txt_box .info_box:before {width:290px;} #sub_content_footer .txt_box .info_box .tel {width:290px;} #sub_content_footer .txt_box .info_box .info1 {width:calc(45% - 145px)} #sub_content_footer .txt_box .info_box .info2 {width:calc(55% - 145px)} } @media screen and (max-width:1024px){ #sub_content_footer {min-height:0;} #sub_content_footer .txt_box {height:auto;} #sub_content_footer .txt_box .main_title {padding-top:12vw;} #sub_content_footer .txt_box .info_box {height:auto; position:relative; bottom:0; left:0; width: 100%;} #sub_content_footer .txt_box .info_box:before {display:none;} #sub_content_footer .txt_box .info_box {display:block; overflow:hidden;} #sub_content_footer .txt_box .info_box .tel {width:100%; background:#33bdff; padding:2vw 0;} #sub_content_footer .txt_box .info_box .tel .t1 {display:inline-block; vertical-align:middle; font-size:1.125em; margin-bottom:7px; margin-right:20px;} #sub_content_footer .txt_box .info_box .tel .number {display:inline-block; font-size:1.8em;} #sub_content_footer .txt_box .info_box .info {float:left; width:50%; padding:2.5vw 0;} #sub_content_footer .txt_box .info_box .info strong {font-size:1.125em; margin-bottom:10px;} #sub_content_footer .txt_box .info_box .info ul li {padding-left:65px;} #sub_content_footer .txt_box .info_box .info ul li p {width:65px;} #sub_content_footer .txt_box .info_box .info1:after {height:60%;} #sub_content_footer .map {height:40vw; position:relative; z-index:3;} } @media screen and (max-width:767px){ #sub_content_footer .txt_box .info_box .info {float:none; width:100%; } #sub_content_footer .txt_box .info_box .info > div {width:70%;} #sub_content_footer .txt_box .info_box .info1:after {width:100%; height:1px; right:0; top:auto; bottom:0; transform:translateY(0)} #sub_content_footer .map {height:50vw;} } } .sCompany_case2 {width:100%; overflow:hidden; position:relative;} .sCompany_case2 img {width:100%;} .sCompany_slide {float:right; width:976px; position:relative; overflow:hidden;} .sCompany_slide_thumb {width:calc(100% - 996px); height:100%; position:absolute; left:0; top:0;} .sCompany_slide_thumb .swiper-slide {opacity:0.3; transition:opacity 0.5s} .sCompany_slide_thumb .swiper-slide-thumb-active {opacity:1;} .doctor1 .subject_box2{margin-top:115px; } .doctor1 .dortor1_li li h3{font-size: 1.6em !important; font-weight: 400; letter-spacing: -1.5px; line-height: 1.28em; padding:30px 0 10px 0;} .doctor1 .dortor1_li { display: flex; flex-flow: row wrap; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } .doctor1 .dortor1_li li { position: relative; padding: 0 20px 70px 0; font-size: 1.1em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; max-width: 430px; letter-spacing: -1.0px; } .doctor1 .dortor1_li .txt1{text-align:center; max-width:100%;} @media screen and (max-width:767px){ .doctor1 .dortor1_li {display: flex; flex-flow: row wrap; justify-content: space-around; flex-direction: row; } .doctor1 .dortor1_li li{position: relative; padding:25px 20px; font-size: 1.2em;} } .doctor1 {margin:135px auto 90px;} .doctor1 > div {margin-bottom:120px; overflow:hidden;} .doctor1 > div:last-child {margin-bottom:0;} .doctor1 .img_box {float:left; width:400px; } .doctor1 .img_box img {max-width:100%;} .doctor1 .txt_box {float:left; width:calc(100% - 400px); padding-left:100px;} .doctor1 .txt_box .tit_box {border-bottom:2px solid #191919; padding-bottom:15px; margin-bottom:50px;} .doctor1 .txt_box .tit_box strong {display:inline-block; font-size:1.875em; line-height:1.4em; font-weight:700;} .doctor1 .txt_box .tit_box strong span { font-weight:500; margin-left:10px;} .doctor1 .txt_box .tit_box p {display:inline-block; font-size:1.125em; line-height:1.4em; font-weight:500; margin-bottom:10px;} .doctor1 .txt_box dl {width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc; padding:20px 0;} .doctor1 .txt_box dl:first-of-type {padding-top:0;} .doctor1 .txt_box dl dt {float:left; width:95px; font-size:1.125em; line-height:1.4em; font-weight:500;} .doctor1 .txt_box dl dd {float:right; width:calc(100% - 95px); font-size:1em; color:#666; line-height:1.7em; overflow:hidden; padding-left:110px; position:relative; margin-bottom:3px;} .doctor1 .txt_box dl dd.case2 {padding-left:0;} .doctor1 .txt_box dl dd:last-child {margin-bottom:0;} .doctor1 .txt_box dl dd span {display:block; width:110px; position:absolute; left:0; top:0;} .doctor2 {margin-top:50px;} .doctor2 table {width:100%; border-collapse:collapse;} .doctor2 table thead th {background:#191919; padding:11px 0; font-size:1.125em; color:#fff; font-weight:500; text-align:center; border-left:1px solid #dcdcdc;} .doctor2 table thead th:first-child {border-left:0;} .doctor2 table tbody th, .doctor2 table tbody td {border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;} .doctor2 table tbody th {font-size:1.25em; line-height:1.4em; font-weight:500; text-align:left; padding:20px 20px 20px 50px; background:#fff;} .doctor2 table tbody th:first-of-type {border-left:0; border-right:1px solid #dcdcdc;} .doctor2 table tbody th span {display:block; font-size:0.8em; color:#666; font-weight:400;} .doctor2 table tbody th.time {font-size:1.125em; text-align:center; padding:20px 0;} .doctor2 table tbody td {font-size:1em; color:#666; line-height:1.5em; text-align:center; padding:20px 0; background:#fff;} .doctor2 table tbody td.fw_700 {color:#191919;} .doctor2 .btn_box {width:100%; max-width:550px; margin:70px auto 0; overflow:hidden;} .doctor2 .btn_box a {float:left; display:block; width:calc(50% - 5px); line-height:75px; text-align:center; font-size:1em; font-weight:500; margin-right:10px;} .doctor2 .btn_box a img {width:23px; vertical-align:middle; margin-right:10px;} .doctor2 .btn_box a:first-child {background:#191919; color:#fff;} .doctor2 .btn_box a:last-child {background:#ffdb11; color:#3c1e1e; margin-right:0;} .sProduct_case1 {width:100%; overflow:hidden;} .sProduct_case1 .tab_box {float:left; width:312px;} .sProduct_case1 .tab_box li {display:block; font-size:1em; color:#666; line-height:30px; padding:15px 30px; border-bottom:1px solid #dcdcdc; cursor:pointer; transition:all 0.3s; transition-property:background;} .sProduct_case1 .tab_box li.on {background:#33bdff; font-size:1.125em; color:#fff; font-weight:700; border-bottom-color:#33bdff;} .sProduct_case1 .content_box {float:right; width:810px;} .sProduct_case1 .content_box > div {display:none;} .sProduct_case1 .content_box > div.on {display:block;} .sProduct_case1 .content_box .img_box {width:100%; height:350px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center; margin-bottom:30px;} .sProduct_case1 .content_box .tit {display:block; font-size:1.875em; line-height:1.3em; font-weight:700; margin-bottom:20px;} .sProduct_case1 .content_box .tit span {display:block; font-size:0.533em; color:#666; font-weight:400; line-height:1.2em;} .sProduct_case1 .content_box .img_list1 {width:100%; overflow:hidden;} .sProduct_case1 .content_box .img_list1 > li {float:left; width:calc(50% - 5px); margin-right:10px; text-align:center;} .sProduct_case1 .content_box .img_list1 > li:nth-child(even) {margin-right:0;} .sProduct_case1 .content_box .img_list1 > li:nth-child(2) ~ li {margin-top:50px;} .sProduct_case1 .content_box .img_list1 > li img {width:100%;} .sProduct_case1 .content_box .img_list1 > li p {text-align:center; margin-top:20px;} .sProduct_case1 .content_box .img_list2 {overflow:hidden;} .sProduct_case1 .content_box .img_list2 > li {float:left; margin-right:30px; text-align:center;} .sProduct_case1 .content_box .img_list2 > li:nth-child(even) {margin-right:0;} .sProduct_case1 .content_box .img_list2 > li p {text-align:center; margin-top:20px;} .sProduct_case1 .content_box .img_list3 {overflow:hidden;} .sProduct_case1 .content_box .img_list3 > li {float:left; margin-right:10px;} .sProduct_case1 .content_box .img_list3 > li p {text-align:center; margin-top:20px;} .sProduct_case2 .img {position:relative; padding-left:60px;} .sProduct_case2 .img img {width:100%;} .sProduct_case2 .img ul {width:60px; height:100%; position:absolute; left:0; top:0;} .sProduct_case2 .img ul li {width:100%; height:50%; display:flex; align-items:center; font-size:1.875em; font-weight:700;} .sProduct_case2 > ul {padding-left:95px; overflow:hidden;} .sProduct_case2 > ul > li {float:left; width:33.33%; font-size:1em; color:#666; line-height:1.7em; text-align:center;} .modoo_table {margin: 135px auto 90px;} .sLocation_case1 .map {width:100%; height:750px; background:#f7f7f8;} .sLocation_case1 .map .root_daum_roughmap .wrap_map {height:100% !important;} .modoo_table {margin: 135px auto 90px;} .modoo_table .tt1{font-size:1.3em; color:#666; line-height:1.7em; } .modoo_table h2{font-size:2.4em; line-height:1.4em; padding:14px 0; font-weight:400; } .modoo_table table {width:100%; border-top:2px solid #191919; margin-top:40px;} .modoo_table table th {font-size:2.4em; line-height:2.8em; font-weight:800; padding:30px 0; border-bottom:1px solid #dcdcdc;} .modoo_table table td {font-size:1em; color:#666; line-height:1.7em; padding:18px 21px; border-bottom:1px solid #dcdcdc;} .modoo_table table td p {color:#191919; font-size:1.4em; font-weight:600; padding-bottom:10px; } .modoo_table table td .coutr .c1 {width:70px; text-align:center; font-size:1.275em;line-height:1.8em; color:#fff; font-weight:500; border-radius:6px; background:#283593; } .modoo_table table td .coutr .c2 {width:70px; text-align:center; font-size:1.275em;line-height:1.8em; color:#fff; font-weight:500; border-radius:6px; background:#769328; } /*진단/시술장비 */ .equi {margin:135px auto 90px;} .equi > div {overflow:hidden;} .equi > div:last-child {margin-bottom:0;} /*진단/시술장비 첫째줄 타이틀*/ .equi h2{font-size:2.1em; line-height:1.4em; padding:0 0 35px 0; font-weight:400;text-align: center; } /*진단/시술장비 배너*/ .equi .new_txt_banner li {position: relative;} .equi .new_txt_banner li .txt {position: absolute; top: 90px; left: 60px;} .equi .new_txt_banner li .txt h3 {font-size: 1.8em; font-weight: 600; color: #fff; line-height: 1.48; letter-spacing: -1.3px; padding-bottom: 20px; margin-bottom: 30px; position: relative;} .equi .new_txt_banner li .txt p {font-size:1.1em; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.58;} .equi .new_txt_banner li .txt h3:after {content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background-color: rgba(255, 255, 255.3);} .equi .subject_box {padding: 33px 48px; background-color: #f3f3f3;} /*진단/시술장비 모두의 안과는?*/ .equi .subject_box h2 {font-size: font-size: 1.8em; font-weight: 600; letter-spacing: -1.5px; color: #333333; padding-bottom: 30px; margin-bottom: 20px; position: relative; text-align: left;} .equi .subject_box h2:after {content: ""; width: 26px; height: 1px; background-color: #a1a1a1; position: absolute; left: 0; bottom: 0;} .equi .dot_li {display: flex; flex-flow: row wrap;} .equi .dot_li li {position: relative; font-size: 18px; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; width: 50%; line-height: 2.11; letter-spacing: -1.0px;} .equi .dot_li li:before {content: ""; width: 3px; height: 3px; border-radius: 50%; background: #333; position: absolute; top: 19px; left: 0;} /*진단/시술장비 첨단진단 및 수술장비*/ .equi .introduce__mean {margin-top:100px; padding-bottom: 60px; border-bottom: 1px solid #eeeeee !important;} .equi .introduce__tit {width: 20%; line-height: 42px; font-size: 1.8em; letter-spacing: -1.3px; font-weight:600;} .equi .introduce__mean .mean {font-size:1.1em; font-weight: 400; line-height: 1.58;} /*진단/시술장비 진단/치료장비 */ .equi .equi_pro{margin-top:110px; } .equi .equi_pro h2{font-size: font-size: 1.8em; font-weight: 600; letter-spacing: -1.5px; color: #004994; padding-bottom: 30px; position: relative; text-align: left;} .equi .equi_pro1{display:flex;flex-direction: row; align-items: flex-start; margin-bottom:100px;} .equi .equi_pro1 .img_box{margin-right:40px;} .equi .equi_pro1 .txt_box .tit{font-size:1.4em; line-height:1.4em; padding:0 0 25px 0; font-weight:800;} .equi .equi_pro1 .img_list1 {display:flex; justify-content: space-evenly;} .equi .equi_pro1 .img_list1 .s_txt1{text-align: center; line-height:1.4em; padding-top:15px;} .equi .equi_pro1 .txt_box .s_txt1 .red{color:#c90000; font-weight:600;} .equi .equi_pro1 .img_list2 {display:flex; justify-content: space-evenly; flex-direction: column;} .equi .equi_pro1 .img_list2 .s_txt1{line-height:1.4em; padding-top:10px; padding-bottom:20px;} /*망막클리닉 ****** 왜 모두의망막인가? */ .retina {margin:135px auto 90px;} .retina > div {overflow:hidden;} .retina > div:last-child {margin-bottom:0;} /*망막클리닉 ****** 왜 모두의망막인가? */ .retina1 {margin:0 auto; background-color:#f3f3f3; } .retina1 > div {overflow:hidden;} .retina1 > div:last-child {margin-bottom:0;} /*망막클리닉 ****** 배너*/ .retina .new_txt_banner li {position: relative;} .retina .new_txt_banner li img{} .retina .new_txt_banner li .txt {position: absolute; top: 90px; left: 60px;} .retina .new_txt_banner li .txt h3 {font-size: 3.2em; font-weight: 600; color: #fff; line-height: 1.48; letter-spacing: -1.3px; padding-bottom: 20px; margin-bottom: 30px; position: relative;} .retina .new_txt_banner li .txt span{color:#004994;} .retina .new_txt_banner li .txt p {font-size:1.1em; line-height: 1.18em; font-weight: 400; color:#fff ; padding-bottom:15px; } .retina .new_txt_banner li .txt h3:after {content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background-color: rgba(255, 255, 255.3);} /*망막클리닉 ****** 망막센터 안내*/ .retina .subject_box {padding: 83px 0; } .retina .dot_li li h3{font-size: 1.8em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.28em;} .retina .dot_li {display: flex; flex-flow: row wrap; flex-wrap: nowrap;} .retina .dot_li li {position: relative; text-align: justify; word-break: break-all; padding:0 20px; font-size: 1.1em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; width: 50%; line-height: 1.8; letter-spacing: -1.0px;} .retina .dot_li .txt1{width:370px; } /*망막클리닉 ****** 2단 가로*/ .retina .subject_box1{margin-top:35px; background-color:#e4f3ff; padding:70px 60px;} .retina .dortor_li li h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.28em;} .retina .dortor_li {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;} .retina .dortor_li li{position: relative; padding:0 20px; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina .dortor_li .txt1{text-align:center; } /*망막클리닉 ****** 원장*/ .retina .subject_box2{margin-top:115px; } .retina .dortor1_li li h3{font-size: 1.6em !important; font-weight: 400; letter-spacing: -1.5px; line-height: 1.28em; padding:30px 0 10px 0;} .retina .dortor1_li {display: flex; flex-flow: row wrap; flex-wrap: nowrap; align-items: center;} .retina .dortor1_li .gru{ flex-flow: row wrap; flex-wrap: nowrap;} .retina .dortor1_li li{position: relative; padding:0 20px; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina .dortor1_li .txt1{text-align:center; max-width:100%;} /*망막클리닉 ****** 버튼*/ .btn-sub-01 {background-color: #089892; color: #fff !important;} .btn-lg {font-size: 1em; width: 200px; height: 60px; display: inline-flex; align-items: center; justify-content: center; margin-top:35px;} .btn-sub-01:hover {background-color: #016e83;} /*망막클리닉 ****** 2단 가로*/ .retina1 .subject_box3{ padding:140px 0; position:relative;} .retina1 .dortor5_li li h3{text-align:center; color:#004994; font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor5_li li{text-align:center; margin-bottom:55px; position: relative; padding:0 20px; width: 100%; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor4_li li h3{font-size: 1.8em font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor4_li {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: flex-start;} .retina1 .dortor4_li li{position: relative; padding:0 20px; width: 32%; font-size: 1.0em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor4_li li{ border:1px solid #e8e8e8; padding:25px ; background:#fff; height:380px;} /*외안부클리닉 ****** 2025*/ .retina1 .dortor12_li li h3{font-size: 1.8em font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor12_li {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: flex-start;} .retina1 .dortor12_li li{position: relative; padding:0 20px; width: 48%; font-size: 1.0em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor12_li li{ border:1px solid #e8e8e8; padding:25px ; background:#fff; } .retina1 .dortor9_li li h3{font-size: 1.8em font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor9_li {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: flex-start;} .retina1 .dortor9_li li{position: relative; padding:0 20px; width: 32%; font-size: 1.0em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor9_li li{ border:1px solid #e8e8e8; padding:25px ; background:#fff; } .retina1 .dortor9_li p{text-align: justify; word-break: break-all;} @media screen and (max-width:767px){ .retina1 .dortor4_li li{width: 100%; height:auto; font-size: 1.2em; margin-top:20px;} .retina1 .dortor12_li li{width: 100%; height:auto; font-size: 1.2em; margin-top:20px;} .retina1 .dortor9_li li{width: 100%; height:auto; font-size: 1.2em; margin-top:20px;} .retina1 .dortor5_li li h3 {font-size: 1.4em !important;} .retina1 .dortor4_li li h3 {font-size: 1.2em !important;} } /* ****** 2단 가로*/ .retina1 .subject_box3{ padding:140px 0; position:relative;} .retina1 .dortor2_li li h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor2_li {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;} .retina1 .dortor2_li li{position: relative; padding:0 20px; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor2_li .txt1{text-align:right; } .retina1 .dortor2_li:after{ content: ""; width: 1px; height: 200px; left:53%; background-color: #a7a7a7; position: absolute; } .retina .retina1_1 {display:flex; justify-content: space-around; flex-direction: row; overflow:hidden; position:relative; padding-bottom:100px; margin-top:95px;} .retina .retina1_1 .txt_box .h_txt {font-size:1.475em; line-height:1.5em; color:#004894; font-weight:700; margin:20px 0; } .retina .retina1_1 .txt_box .h_txt1 {font-size:3.1em; line-height:1.2em; font-weight:800; margin:20px 0; } .retina .retina1_1 .txt_box1 p{font-size:1.2em;} .retina .retina1_1 .txt_box1 .boxt1{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#5c6bc0; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt2{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#3f51b5; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt3{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#3949ab; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt4{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#303f9f; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt5{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#283593; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt6{display:inline-block; margin-right:15px; width:50px; height:50px; border-radius:6px; background-color:#1a237e; text-align:center; padding:15px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 p{padding:15px;} /*망막클리닉 ****** 망막치료소개 */ .retinas {margin:135px auto 90px;} .retinas > div {overflow:hidden;} .retinas > div:last-child {margin-bottom:0;} /*망막클리닉 ****** 망막치료소개 ******배너*/ .retinas .new_txt_banner li {position: relative;} .retinas .new_txt_banner li img{} .retinas .new_txt_banner li .txt {position: absolute; top: 90px; left: 60px;} .retinas .new_txt_banner li .txt h3 {font-size: 3.2em; font-weight: 600; color: #fff; line-height: 1.48; letter-spacing: -1.3px; margin-bottom: 10px; position: relative;} .retinas .new_txt_banner li .txt span{color:#004994;} .retinas .new_txt_banner li .txt p {font-size:1.8em; line-height: 1.68em; font-weight: 400; color:#fff ; padding-bottom:15px; } /*망막클리닉 ****** 망막센터 안내*/ .retinas .subject_box {padding: 83px 0; } .grid_55 {width: 100%; float: left;} .grid_2 {width: 50%; float: left;} .grid_4 {width: 20%; float: left;} .grid_12 {width: 40%; float: left;} .grid_13 {width: 60%; float: left;} .grid_75 {width: 80%; float: left;} .grid_99 {width: 0%; float: left;} .retinas .laser_cure1 {padding-right: 25px;} .retinas .laser_cure2 {padding-left: 25px;} .retinas .subject_box h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas .subject_box p{position: relative; text-align: justify; word-break: break-all; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas .subject_box .laser_cure1_1, .retinas .subject_box .laser_cure2_1, .retinas .subject_box .laser_cure3_1{padding-top:50px;} .retinas .subject_box h4{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas .subject_box .laser_cure2_1{text-align:center;} .retinas .subject_box img{width:100%;} .retinas .subject_box4 {padding: 83px 0; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;} .retinas .subject_box4 h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas .subject_box4 p{position: relative; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas .subject_box4 .laser_cure1_1, .retinas .subject_box .laser_cure2_1, .retinas .subject_box .laser_cure3_1{padding-top:50px;} .retinas .subject_box4 h4{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas .subject_box4 .laser_cure2_1{text-align:center;} .retinas .subject_box4 img{width:100%;} .retinas .re_pr {padding-right: 25px;} .retinas .re_pl {padding-left: 25px;} .retinas .retinas_2 .retinas1_2{width: 80%; float: left;} .retinas .retinas_2 .retinas1_2 .mh120{min-height: 120px;} .retinas .retinas_2 .retinas1_2 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas .retinas_2 .retinas1_2 h3 {display: inline-block;font-size: 2.8em ! important; color: #2659d9; padding: 0 15px 0 0px; display: table-cell; vertical-align: top; text-align: center; width: 60px;} .retinas .retinas_2 .retinas1_2 p {display: inline-block; line-height: 1.48em;} .retinas .retinas_2 .retinas1_2 .w33 {width: 33.3%; padding:0 30px 0 0; float: left; text-align: left; display: table;} .retinas1 .retinas_2 .retinas1_2 .w33 {width: 33.3%; padding:0 30px 0 0; float: left; text-align: left; display: table;} .retinas .retinas_4 .retina_grid01 { position: relative; width: 80%; float: left;} .retinas .retinas_4 .retina_grid01 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas .retinas_4 .retina_grid01 .hutme { width: 100%; margin-top:40px;} .retinas .retinas_4 .retina_grid01 .hutme1 { float: left; width: 24%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme2 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme3 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme4 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme7 { float: left; width: 19%; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme5 { float: left; width: 35%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme6 { float: left; width: 64%; padding-left:1%; text-align: center;} @media screen and (max-width:767px){ .retinas .retinas_4 .retina_grid01 .hutme7 { float: left; width: 48%; padding-left:1%; text-align: center;} } /*망막클리닉 ****** 망막질환*/ .retinas1 {margin:135px auto 90px;} .retinas1 > div {overflow:hidden;} .retinas1 > div:last-child {margin-bottom:0;} .retinas1 .new_txt_banner li {position: relative;} .retinas1 .new_txt_banner li img{} .retinas1 .new_txt_banner li .txt {position: absolute; top: 90px; left: 60px;} .retinas1 .new_txt_banner li .txt h3 {font-size: 3.2em; font-weight: 600; color: #fff; line-height: 1.48; letter-spacing: -1.3px; margin-bottom: 10px; position: relative;} .retinas1 .new_txt_banner li .txt span{color:#48b1ff;} .retinas1 .new_txt_banner li .txt p {font-size:1.4em; line-height: 1.68em; font-weight: 400; color:#fff ; padding-bottom:15px; } .retinas1 .subject_box4 img{width:100%;} .retinas1 .re_pr {padding-left: 25px;} .retinas1 .re_pl {} .retinas1 .subject_box {padding: 83px 0 0 0; } .retinas1 .laser_cure1 {padding-right: 25px;} /**황반변성 증상 **/ .retinas1 .laser_cure1 .retin01 {width: 100%; display: flex;} .retinas1 .laser_cure1 .retin01 li:first-child {margin-left: 0;} .retinas1 .laser_cure1 .retin01 li {margin-left: 30px; text-align: center;} .retinas1 .laser_cure1 .retin01 li:first-child .retin01_p4 {background: #333;} .retinas1 .laser_cure1 .retin01 li:last-child .retin01_p4 {background: #bf0d0e;} .retinas1 .laser_cure1 .retin01 .retin01_p4 {text-align: center; font-size: 1.2em; margin: 30px auto 0; color: #fff; width: 170px; height: 40px; line-height: 38px; background: #0d71ab; border-radius: 20px; border: 1px solid #e7e7e7;} /**황반변성 자가진단 **/ .retinas1 .laser_cure1 .retin02 {} .retinas1 .laser_cure1 .retin02_p6 {display:block; font-size: 1.6em; line-height:1.8em; font-weight:800;} .retinas1 .laser_cure1 .retin02_p7 {display:block; padding: 0 0 20px; font-size: 1.2em; color: #272727; font-weight:600;} .retinas1 .laser_cure1 .retin02_box1{width: 100%; display: flex; } .retinas1 .laser_cure1 .retin02_left {padding-right: 60px; position: relative; } .retinas1 .laser_cure1 .retin02_right {padding: 0 0 45px 0;} .retinas1 .laser_cure1 .retin02_p8 {display:block; font-size: 1.1em; line-height: 35px; position: relative; padding-bottom: 5px;} .retinas1 .laser_cure1 .retin02_p9 {font-size: 1.1em; font-weight: 800; padding: 20px 0 10px 0; } .retinas1 .laser_cure1 .retin02_p10 { } .retinas_1 .grid_75 .laser_cure5_1 h6{font-size: 1.5em; line-height: 1.5em; } .retinas_1 .grid_75 .laser_cure5_1 h9{ display: block; font-size: 1.2em; line-height: 1.6em; font-weight:600; margin-bottom:45px; } .retinas_1 .grid_75 .laser_cure5_1 .txt9{padding:15px 0 55px 0;} .retinas_1 .grid_75 .laser_cure5_1 .txt10{padding:1px 0 15px 0;} .retinas_1 .grid_75 .laser_cure5_1 .retin01 {width: 100%; display: flex;} .retinas_1 .grid_75 .laser_cure5_1 .retin01 li:first-child {margin-left: 0;} .retinas_1 .grid_75 .laser_cure5_1 .retin01 li {margin-left: 30px; text-align: center;} .retinas_1 .grid_75 .laser_cure5_1 .retin01_p4 {text-align: center; font-size: 1.2em; margin: 30px auto 0; color: #fff; width: 160px; height: 40px; line-height: 38px; background: #333; border-radius: 20px; border: 1px solid #e7e7e7;} .retinas_1 .grid_75 .laser_cure5_1 .retin01_p7 {text-align: center; font-size: 1.2em; margin: 30px auto 0; color: #fff; width: 160px; height: 40px; line-height: 38px; background: #fff; border-radius: 20px; border: 1px solid #e7e7e7;} .retinas_1 .grid_75 .laser_cure5_1 .retin01_p6 {text-align: center; font-size: 1.2em; margin: 30px auto 0; width: 300px; height: 40px; line-height: 38px; } .retinas_1 .grid_75 .laser_cure5_1 .retin01_p9 {text-align: center; font-size: 1.2em; margin: 30px auto 0; color: #fff; width: 220px; height: 40px; line-height: 38px; background: #333; border-radius: 20px; border: 1px solid #e7e7e7;} .retinas1 .laser_cure2 {padding-left: 25px;} .retinas1 .subject_box h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box p{position: relative; text-align: justify; word-break: break-all; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas1 .subject_box .laser_cure1_1, .retinas1 .subject_box .laser_cure2_1, .retinas1 .subject_box .laser_cure3_1{/*padding-top:50px;*/} .retinas1 .subject_box h4{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box h5{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; } .retinas1 .subject_box h7{display:block; font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-top:20px; text-align:center;} .retinas1 .subject_box .laser_cure2_1{} .retinas1 .subject_box .laser_cure3_1{width:100%;} .retinas1 .subject_box img{width:100%;} .naver{margin:83px 0;} .naverblog { background-color: #01c73c; background-image: url(/base/img/img/naver.jpg); background-position: left 35px center; background-repeat: no-repeat; padding: 35px 0 35px 95px; color: #fff; font-weight: bold; margin: 0 0 20px 0; font-size:1.4em; } /*망막클리닉 ****** 망막질환 ******탭메뉴*/ .retinas1 .tab_icon {margin: 30px 0 0 0;} .retinas1 .tab_icon ul li {float: left; width: 11.1111%;} .retinas1 .tab_icon ul li a {display: block; text-align: center; color: #333; font-size: 1.1em; padding: 90px 0 10px 0; background-repeat: no-repeat; background-position: center top 10px; height: 175px;} .retinas1 .tab_icon ul li.icon01 a {background-image: url(/base/img/img/pro1_off.png);} .retinas1 .tab_icon ul li.icon01 a.active {background-image: url(/base/img/img/pro1_on.png);} .retinas1 .tab_icon ul li.icon02 a {background-image: url(/base/img/img/pro2_off.png);} .retinas1 .tab_icon ul li.icon02 a.active {background-image: url(/base/img/img/pro2_on.png);} .retinas1 .tab_icon ul li.icon03 a {background-image: url(/base/img/img/pro3_off.png);} .retinas1 .tab_icon ul li.icon03 a.active {background-image: url(/base/img/img/pro3_on.png);} .retinas1 .tab_icon ul li.icon04 a {background-image: url(/base/img/img/pro4_off.png);} .retinas1 .tab_icon ul li.icon04 a.active {background-image: url(/base/img/img/pro4_on.png);} .retinas1 .tab_icon ul li.icon05 a {background-image: url(/base/img/img/pro5_off.png);} .retinas1 .tab_icon ul li.icon05 a.active {background-image: url(/base/img/img/pro5_on.png);} .retinas1 .tab_icon ul li.icon06 a {background-image: url(/base/img/img/pro6_off.png);} .retinas1 .tab_icon ul li.icon06 a.active {background-image: url(/base/img/img/pro6_on.png);} .retinas1 .tab_icon ul li.icon07 a {background-image: url(/base/img/img/pro7_off.png);} .retinas1 .tab_icon ul li.icon07 a.active {background-image: url(/base/img/img/pro7_on.png);} .retinas1 .tab_icon ul li.icon08 a {background-image: url(/base/img/img/pro8_off.png);} .retinas1 .tab_icon ul li.icon08 a.active {background-image: url(/base/img/img/pro8_on.png);} .retinas1 .tab_icon ul li.icon09 a {background-image: url(/base/img/img/pro9_off.png);} .retinas1 .tab_icon ul li.icon09 a.active {background-image: url(/base/img/img/pro9_on.png);} .retinas1 .tab_icon ul li.nicon01 a {background-image: url(/base/img/img/wean_btn_01.png);} .retinas1 .tab_icon ul li.nicon01 a.active {background-image: url(/base/img/img/wean_btn_01_over.png);} .retinas1 .tab_icon ul li.nicon02 a {background-image: url(/base/img/img/wean_btn_02.png);} .retinas1 .tab_icon ul li.nicon02 a.active {background-image: url(/base/img/img/wean_btn_02_over.png);} .retinas1 .tab_icon ul li.nicon03 a {background-image: url(/base/img/img/wean_btn_03.png);} .retinas1 .tab_icon ul li.nicon03 a.active {background-image: url(/base/img/img/wean_btn_03_over.png);} .retinas1 .tab_icon ul li.nicon04 a {background-image: url(/base/img/img/wean_btn_04.png);} .retinas1 .tab_icon ul li.nicon04 a.active {background-image: url(/base/img/img/wean_btn_04_over.png);} .retinas1 .tab_icon ul li.nicon05 a {background-image: url(/base/img/img/wean_btn_05.png);} .retinas1 .tab_icon ul li.nicon05 a.active {background-image: url(/base/img/img/wean_btn_05_over.png);} .retinas1 .tab_icon ul li.nicon06 a {background-image: url(/base/img/img/wean_btn_06.png);} .retinas1 .tab_icon ul li.nicon06 a.active {background-image: url(/base/img/img/wean_btn_06_over.png);} .retinas1 .tab_icon ul li.nicon07 a {background-image: url(/base/img/img/wean_btn_07.png);} .retinas1 .tab_icon ul li.nicon07 a.active {background-image: url(/base/img/img/wean_btn_07_over.png);} /**녹내장 **/ .retinas66{margin:135px auto 90px;} .retinas66 .last_section{position:relative; padding:90px 0;} .retinas66 .last_section h7{display: block; font-size: 2.4em; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; text-align:center; margin-bottom:30px;} .last_section .icongt{display: flex;flex-wrap: wrap} .last_section .icongt .mte{width:25%; padding:0 35px; text-align:center; margin-top:25px;} .last_section .icongt img{max-width:100%;} .last_section .icongt .mgt20{font-size: 1.3em; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-top:20px; text-align:center;} .last_section .icongt .mgt10{font-size: 1.1em; font-weight: 400; letter-spacing: -1.5px; line-height: 1.48em; margin:20px 0 20px 0; text-align:center;} /**녹내장 수술 **/ .retinas1 .subject_box99 {width:100%; margin:30px 0 20px 0; padding: 43px 0; border-bottom:1px solid #e8e8e8; background:#f6f9ff; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; } .retinas1 .subject_box99 .line{width:100%; margin:0 0 23px 0; border:1px solid #ced5e5; } .retinas1 .retinas_2 .retinas1_99{width: 100%; display: inline-block; padding:0 40px;} .retinas1 .retinas_2 .retinas1_99 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas1 .retinas_2 .retinas1_99 h3 {display: inline-block;font-size: 1.8em ! important; line-height: 1em; color: #2659d9; padding: 0 2px 0 0px; display: table-cell; vertical-align: top; text-align: center; width: 20px;} .retinas1 .retinas_2 .retinas1_99 p {display: inline-block; line-height: 1.48em;} .retinas1 .retinas_2 .retinas1_99 .w55 {width: 100%; padding:0 0px 0 0; float: left; text-align: left; } .retinas1 .retinas_2 .retinas1_99 .w55 li{display: table; padding:5px 0;} .retinas1 .N_menu{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} .retinas1 .N_menu .N_S_menu{padding:15px 13px; width:33.333%; border:2px solid #004994; margin-left:-2px; margin-top:-2px; text-align:center;} .retinas1 .N_menu li:nth-child(8){width:66.5%!important; } .retinas1 .N_menu a{font-size:1.1em; font-weight:600; color:#004994 ;} .retinas1 .N_menu li:hover{background-color:#83c5e4 ; } .laser_cure5_1 {position:relative;} .laser_cure5_1 .noktitle{font-size:1.7em!important; padding-left:21px;} .laser_cure5_1 .noktitle::before{ content: ""; width: 13px; height: 13px; border-radius: 20%; background: #004994; position: absolute; top: 10px!important; left: 0; } .laser_cure5_1 .noktitle1{font-size:1.3em!important; color:#004994;} /**녹내장 질환소개 **/ .tab_dep2_wrap { margin: 45px 0; } .tab_dep2_wrap > .tab_dep2 { width: 1200px; text-align: center; } .tab_dep2_wrap > .tab_dep2 { font-size: 0; margin: 0 auto; } .tab_dep2_wrap > .tab_dep2 > li { width: 235px; height: 45px; background: #e3e3e3; text-align: center; display: inline-block; margin-right: 5px; position: relative; } .tab_dep2_wrap > ul > li { margin-top: 5px; } .tab_dep2_wrap > ul > li > a { color: #4c4c4c; font-size: 17px; width: 100%; height: 100%; display: inline-block; text-align: center; line-height: 45px; text-decoration: none; } .tab_dep2_wrap > ul > li > a:hover { background-color: #a0a0a0 !important; color: #fff !important; } /*녹내장 질환소개 ******배너*/ .retinas .new_txt_banner99 li {position: relative;} .retinas .new_txt_banner99 li img{} .retinas .new_txt_banner99 li .txt {position: absolute; top: 52px; left: 60px;} .retinas .new_txt_banner99 li .txt h3 {font-size: 2.8em; font-weight: 600; color: #fff; line-height: 1.48; letter-spacing: -1.3px; margin-bottom: 10px; position: relative;} .retinas .new_txt_banner99 li .txt span{color:#004994;} .retinas .new_txt_banner99 li .txt p {font-size:1.4em; line-height: 1.48em; font-weight: 400; color:#fff ; padding-bottom:15px; } .ptt{width:100%; height:9px; background-image: url(/base/img/img/ptt_03.jpg); background-repeat: repeat-x;} @media screen and (max-width:767px){ .laser_cure5_1 .noktitle { font-size: 1.4em!important;} .retinas1 .subject_box99 {margin:30px 0 60px 0; padding: 43px 0; border-bottom:1px solid #e8e8e8; background:#f6f9ff; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap;} .retinas1 .retinas_2 .retinas1_99{width: 100%; display: inline-block; padding:20px 40px;} .retinas1 .N_menu{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex-direction: column!important; } .retinas1 .N_menu .N_S_menu{padding:15px 15px; width:100%!important; border:1px solid #e8e8e8; margin-left:-1px; margin-top:-1px; text-align:center;} .retinas1 .N_menu li:nth-child(8){width:100%!important; } /**녹내장 질환소개 **/ .retinas .new_txt_banner99 li {position: relative;} .retinas .new_txt_banner99 li .txt {position: absolute; top: 50px; left: 60px; padding-right:60px;} .retinas .new_txt_banner99 li .txt h3 {font-size: 1.8em; font-weight: 600; color: #fff; line-height: 1.08; letter-spacing: -1.3px; padding-bottom: 20px; margin-bottom: 10px; position: relative;} .retinas .new_txt_banner99 li .txt p {font-size:1.1em; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.58;} .retinas .new_txt_banner99 img{height:250px;} .tab_dep2_wrap { margin: 45px 0; } .tab_dep2_wrap > .tab_dep2 { width: 100%; text-align: center; } .tab_dep2_wrap > .tab_dep2 { font-size: 0; margin: 0 auto; } .tab_dep2_wrap > .tab_dep2 > li { width: 100%; height: 45px; background: #e3e3e3; text-align: center; display: inline-block; margin-right: 5px; position: relative; } .tab_dep2_wrap > ul > li { margin-top: 5px; } .tab_dep2_wrap > ul > li > a { color: #4c4c4c; font-size: 17px; width: 100%; height: 100%; display: inline-block; text-align: center; line-height: 45px; text-decoration: none; } .tab_dep2_wrap > ul > li > a:hover { background-color: #a0a0a0 !important; color: #fff !important; } } /**노안 **/ .retinas1 .subject_box4 {margin:130px 0 60px 0; padding: 83px 0; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;} .retinas1 .subject_box4 h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box4 p{position: relative; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas1 .subject_box4 .laser_cure1_1, .retinas .subject_box .laser_cure2_1, .retinas .subject_box .laser_cure3_1{padding-top:50px;} .retinas1 .subject_box4 h4{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box4 h9{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:5px;} .retinas1 .subject_box4 .laser_cure2_1{text-align:center;} .retinas1 .subject_box4 img{width:100%;} .retinas1 .re_pr {padding-left: 25px;} .retinas1 .re_pl {padding-right: 25px;} .retinas1 .retinas_2 .retinas1_2{width: 80%; float: left;} .retinas1 .retinas_2 .retinas1_2 .mh120{min-height: 120px;} .retinas1 .retinas_2 .retinas1_2 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas1 .retinas_2 .retinas1_2 h3 {display: inline-block;font-size: 2.8em; color: #2659d9; padding: 0 15px 0 0px; display: table-cell; vertical-align: top; text-align: center; width: 60px;} .retinas1 .retinas_2 .retinas1_2 p {display: inline-block; line-height: 1.48em;} .retinas1 .retinas_2 .retinas1_2 .w33 {width: 33.3%; padding:0 30px 0 0; float: left; text-align: left; display: table;} .retinas1 .retinas_2 .retinas1_2 .w50 {width: 50%; padding:0 30px 0 0; float: left; text-align: left; display: table;} .retinas1 .retinas_4 .retina_grid01 { position: relative; width: 80%; float: left;} .retinas1 .retinas_4 .retina_grid01 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas1 .retinas_4 .retina_grid01 .hutme { width: 100%; margin-top:40px;} .retinas1 .retinas_4 .retina_grid01 .hutme1 { float: left; width: 24%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme2 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme3 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme4 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme5 { float: left; width: 35%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme6 { float: left; width: 64%; padding-left:1%; text-align: center;} @media screen and (max-width:1320px){ .sub_contact01 .txt_box {padding-left:40%;} .sub_contact01 .txt_box strong{position:relative; bottom:85px;} .sCompany_slide {width:75%;} .sCompany_slide_thumb {width:calc(25% - 20px)} .sub_contact01 .txt_box {padding-left:50px;} .doctor2 table tbody th {padding:20px;} .sub_contact01 .tab_box {width:250px;} .sub_contact01 .tab_box li {padding:15px;} .sub_contact01 .content_box {width:calc(100% - 300px)} .modoo_table table td {padding:30px;} } @media screen and (max-width:1024px){ .sub_contact01 {padding-bottom:10vw;} .sub_contact01 .txt_box .s_txt1 {margin-top:2vw;} .sub_contact01 .img_box {height:50vw; margin-top:5vw;} .sCompany_slide_thumb {width:calc(25% - 10px)} .doctor1 .img_box {width:40%;} .doctor1 .txt_box {width:60%; padding-left:30px;} .doctor1 .txt_box .tit_box {padding-bottom:10px; margin-bottom:25px;} .doctor1 .txt_box .tit_box strong {font-size:1.5em;} .doctor1 .txt_box .tit_box strong span {margin-left:5px;} .doctor1 .txt_box .tit_box p {font-size:1em; margin-left:10px;} .doctor1 .txt_box dl {padding:13px 0;} .doctor1 .txt_box dl dt {width:90px; font-size:1em;} .doctor1 .txt_box dl dd {width:calc(100% - 90px); padding-left:100px;} .doctor1 .txt_box dl dd span {width:100px;} .doctor2 {margin-top:5vw;} .doctor2 table thead th {font-size:1em; padding:10px 0;} .doctor2 table tbody th {padding:10px 15px; font-size:1.125em;} .doctor2 table tbody th.time {padding:10px 0; font-size:1em;} .doctor2 table tbody td {font-size:0.93em; padding:10px 0;} .doctor2 .btn_box {max-width:450px; margin-top:7vw;} .doctor2 .btn_box a {line-height:60px;} .sProduct_case1 .tab_box {display:none;} .sProduct_case1 .content_box {float:none; width:100%;} .sProduct_case1 .content_box > div {display:block; margin-bottom:8vw; border-bottom:1px solid #eee; padding-bottom:8vw;} .sProduct_case1 .content_box > div:last-child {margin-bottom:0; border-bottom:0; padding-bottom:0;} .sProduct_case1 .content_box .img_box {height:45vw; background-size:contain; margin-bottom:3vw;} .sProduct_case1 .content_box .tit {margin-bottom:2vw;} .sProduct_case1 .content_box .img_list1 > li {width:calc(50% - 2.5px); margin-right:5px;} .sProduct_case1 .content_box .img_list1 > li p {margin-top:2vw;} .sProduct_case1 .content_box .img_list1 > li:nth-child(2) ~ li {margin-top:5vw;} .sProduct_case1 .content_box .img_list2 > li {max-width:calc(50% - 2.5px); margin-right:5px;} .sProduct_case1 .content_box .img_list2 > li img {max-width:100%;} .sProduct_case1 .content_box .img_list2 > li p {margin-top:2vw;} .sProduct_case1 .content_box .img_list3 > li {width:calc(50% - 2.5px); margin-right:5px;} .sProduct_case1 .content_box .img_list3 > li:nth-child(even) {margin-right:0;} .sProduct_case1 .content_box .img_list3 > li img {width:100%;} .sProduct_case1 .content_box .img_list3 > li p {margin-top:2vw;} .sProduct_case2 > ul {padding-left:calc(4.5% + 60px)} .sLocation_case1 {margin-top:5vw;} .sLocation_case1 .map {height:600px;} .modoo_table table {margin-top:10%;} .modoo_table table th {padding:15px 0; font-size:0.93em;} .modoo_table table td {padding:15px 10px; font-size:0.93em;} .modoo_table table td .time li {padding-left:65px;} .modoo_table table td .bus li {padding-left:50px;} .modoo_table table td .bus li span {width:45px;} .modoo_table table .number {margin-right:5px;} .modoo_table .btn_box {max-width:450px; margin-top:7vw;} .modoo_table .btn_box a {line-height:60px;} .retina1 .subject_box3{margin-top:25px; padding:70px 0; position:relative;} .retina1 .dortor2_li li h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor2_li {display: flex; flex-flow: row wrap; flex-direction: column; align-items: stretch;} .retina1 .dortor2_li li{position: relative; padding:0 20px; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor2_li .txt1{text-align:right; } .retina1 .dortor2_li:after{ content: ""; width: 0px; height: 200px; left:53%; background-color: #a7a7a7; position: absolute; } } @media screen and (max-width:767px){ .sub_contact01 .txt_box {padding-left:0; margin-top:5vw;} .sub_contact01 .txt_box strong { display:block; width:100%; text-align:center; left:0; bottom:40px;} .sub_contact01 .txt_box .s_txt0 {margin-top:20px; font-size:1.2em; color:#035a9d; font-weight:600;} .sub_contact01 .txt_box .s_txt2 {font-size:1.375em; line-height:1.5em; font-weight:700; margin:20px 0; } .img_box11{height:300px; margin-top:0;} .sub_contact02 .txt_box .h_txt {font-size:1.2em; line-height:1.5em; color:#004894; font-weight:700; margin:10px 0; } .sub_contact02 .txt_box .h_txt1 {font-size:1.575em; line-height:1.2em; font-weight:800; margin:10px 0; } .sub_contact02 {display:flex; justify-content: space-around; flex-direction: column; overflow:hidden; position:relative; padding-bottom:100px; margin-top:95px;} .sub_contact02 .txt_box1 p{font-size:1em;} .sub_contact02 .txt_box1 .boxt1{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#5c6bc0; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt2{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#3f51b5; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt3{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#3949ab; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt4{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#303f9f; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt5{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#283593; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 .boxt6{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#1a237e; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .sub_contact02 .txt_box1 p{padding:10px 0; display: flex; align-items: center;} .sCompany_slide {float:none; width:100%;} .sCompany_slide_thumb {width:100%; position:relative; margin-top:5px;} .doctor1 .img_box {float:none; width:100%; text-align:center;} .doctor1 .txt_box {float:none; width:100%; margin-top:20px; padding-left:0;} .doctor1 .txt_box dl dt {width:75px;} .doctor1 .txt_box dl dd {width:calc(100% - 75px); padding-left:90px;} .doctor1 .txt_box dl dd span {width:90px;} .doctor2 table tbody th {padding:10px 3px; text-align:center; font-size:1em;} .doctor2 table tbody th.time {font-size:0.93em; padding:10px 3px;} .doctor2 table tbody td {padding:10px 3px;} .doctor2 .btn_box {max-width:320px;} .doctor2 .btn_box a {line-height:50px; width:calc(50% - 2.5px); margin-right:5px;} .doctor2 .btn_box a img {width:15px; margin-right:5px;} .sProduct_case1 .content_box .img_list2.case2 > li {float:none; margin:0 auto 5vw; text-align:center;} .sProduct_case1 .content_box .img_list2.case2 > li:last-child {margin-bottom:0;} .sProduct_case2 .img {padding-left:30px;} .sProduct_case2 .img ul {width:30px;} .sProduct_case2 .img ul li {font-size:1.4em;} .sProduct_case2 > ul {padding-left:calc(4.5% + 30px)} .sProduct_case2 > ul > li {padding:0 5px;} .modoo_table .tt1{font-size:1.0em; color:#666; line-height:1.7em; } .modoo_table h2{font-size:1.4em; line-height:1.4em; padding:14px 0; font-weight:400; } .modoo_table table, .sLocation_case1 table tbody, .sLocation_case1 table tr, .sLocation_case1 table th, .sLocation_case1 table td {overflow-x:auto; display:block !important; width:100% !important;} .modoo_table table th {text-align:left; background:#fff; border-bottom:0; font-size:1em; border-bottom: 1px solid #dcdcdc;} .modoo_table table td {padding:5px 10px 10px; font-size:1em; } .modoo_table table td .modoo_table table td .bus li span {line-height:23px;} .modoo_table .btn_box {max-width:320px;} .modoo_table .btn_box a {line-height:50px; width:calc(50% - 2.5px); margin-right:5px;} .modoo_table .btn_box a img {width:15px; margin-right:5px;} .modoo_table table td .coutr .c1 {width:30px; text-align:center; font-size:0.875em;line-height:1.9em; color:#fff; font-weight:500; border-radius:6px; background:#283593; } .modoo_table table td .coutr .c2 {width:30px; text-align:center; font-size:0.875em;line-height:1.9em; color:#fff; font-weight:500; border-radius:6px; background:#769328; } .modoo_table table td p {color:#191919; font-size:1.0em; font-weight:600; padding-bottom:2px; } } @media screen and (max-width:767px){ .equi h2{font-size:1.4em; line-height:1.4em; padding:0 0 35px 0; font-weight:600; } .equi .new_txt_banner li {position: relative;} .equi .new_txt_banner li .txt {position: absolute; top: 50px; left: 30px; padding-right:30px;} .equi .new_txt_banner li .txt h3 {font-size: 1.6em; font-weight: 600; color: #fff; line-height: 1.08; letter-spacing: -1.3px; padding-bottom: 20px; margin-bottom: 30px; position: relative;} .equi .new_txt_banner li .txt p {font-size:1.1em; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.58;} .equi .new_txt_banner img{height:300px;} .equi .subject_box { padding: 33px 48px; background-color: #f3f3f3; } .equi .subject_box h2 { font-size: font-size: 1.8em; font-weight: 600; letter-spacing: -1.5px; color: #333333; padding-bottom: 30px; margin-bottom: 20px; position: relative; } .equi .subject_box h2:after { content: ""; width: 26px; height: 1px; background-color: #a1a1a1; position: absolute; left: 0; bottom: 0; } .equi .dot_li li { position: relative; font-size: 1.1em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; width: 100%; line-height: 2.11; letter-spacing: -1.0px; } .equi .dot_li li:before { content: ""; width: 3px; height: 3px; border-radius: 50%; background: #333; position: absolute; top: 19px; left: 0; } .equi .introduce__mean {margin-top:50px; padding-bottom: 40px;} .equi .introduce__tit {flat:none ! important; width: 100%; line-height: 42px; font-size: 1.4em; letter-spacing: -1.3px; font-weight:600;} .equi .equi_pro{margin-top:60px; } .equi .equi_pro h2{font-size: font-size: 1.8em; font-weight: 600; letter-spacing: -1.5px; color: #004994; padding-bottom: 30px; position: relative; text-align: left;} .equi .equi_pro1{display:flex;flex-direction: column; align-items: flex-start;} .equi .equi_pro1 .img_box{margin-right:40px; width:100%;} .equi .equi_pro1 .img_box img{ width:100%;} .equi .equi_pro1 .txt_box{margin-top:20px;} .equi .equi_pro1 .txt_box .tit{font-size:1.2em; line-height:1.4em; padding:0 0 35px 0; font-weight:400;} .equi .equi_pro1 .img_list1 {display:flex; } .equi .equi_pro1 .img_list1 .s_txt1{text-align: center; line-height:1.2em;} .equi .equi_pro1 .img_list1 img{width:90%;} .equi .equi_pro1 .img_list2 img{width:100%;} /*망막클리닉 ****** 왜 모두의망막인가? */ .retina {margin:0 auto; margin-top:95px; margin-bottom:60px;} .retina > div {overflow:hidden;} .retina > div:last-child {margin-bottom:0;} .retina .new_txt_banner li {position: relative;} .retina .new_txt_banner li .txt {position: absolute; top: 50px; left: 40px; padding-right:40px;} .retina .new_txt_banner li .txt h3 {font-size: 1.8em; font-weight: 600; color: #fff; line-height: 1.08; letter-spacing: -1.3px; padding-bottom: 20px; margin-bottom: 30px; position: relative;} .retina .new_txt_banner li .txt p {font-size:1.1em; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.58;} .retina .new_txt_banner img{max-width:100%; } /*망막클리닉 ****** 망막센터 안내*/ .retina .subject_box {padding: 43px 0; } .retina .dot_li li h3{font-size: 1.4em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.28em; padding-bottom:15px;} .retina .dot_li {display: flex; flex-flow: row wrap; flex-direction: column;} .retina .dot_li li {position: relative; padding:0 20px; font-size: 1.1em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; width: 100%; line-height: 1.8; letter-spacing: -1.0px;} .retina .dot_li .txt1{width:100%; } .retina .subject_box1{margin-top:5px; padding:50px 30px;} .retina .dortor_li li h3{font-size: 1.4em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.28em; padding-bottom:20px;} .retina .dortor_li {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;} .retina .dortor_li li{position: relative; padding:0 20px; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina .dortor_li .txt1{text-align:center; } .retina .dortor_li li p{margin-top:15px;} /*망막클리닉 ****** 원장*/ .retina .subject_box2{margin-top:55px; } .retina .dortor1_li li h3{font-size: 1.4em !important; font-weight: 400; letter-spacing: -1.5px; line-height: 1.28em; padding:30px 0 10px 0;} .retina .dortor1_li {display: flex; flex-direction: column;} .retina .dortor1_li li{position: relative; padding:0 0 40px 0; font-size: 1.1em; font-weight: 400; padding-left: 0px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina .dortor1_li .txt1{text-align:center; max-width:100%;} .retina .dortor1_li img{width:100%;} .btn-lg {font-size: 1em; width: 150px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin-top:35px;} .retina1 .subject_box3{margin-top:25px; padding:40px 0; position:relative;} .retina1 .dortor2_li li h3{font-size: 1.4em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retina1 .dortor2_li {display: flex; flex-flow: row wrap; flex-direction: column; align-items: stretch;} .retina1 .dortor2_li li{position: relative; padding:20px 20px; font-size: 1.2em; font-weight: 400; padding-left: 10px; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retina1 .dortor2_li .txt1{text-align:left; } .retina1 .dortor2_li:after{ content: ""; width: 0px; height: 200px; left:53%; background-color: #a7a7a7; position: absolute; } .retina .retina1_1 .txt_box .h_txt {font-size:1.2em; line-height:1.5em; color:#004894; font-weight:700; margin:10px 0; } .retina .retina1_1 .txt_box .h_txt1 {font-size:1.575em; line-height:1.2em; font-weight:800; margin:10px 0; } .retina .retina1_1{display:flex; justify-content: space-around; flex-direction: column; overflow:hidden; position:relative; padding-bottom:20px; margin-top:25px;} .retina .retina1_1 .txt_box1 p{font-size:1em;} .retina .retina1_1 .txt_box1 .boxt1{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#5c6bc0; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt2{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#3f51b5; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt3{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#3949ab; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt4{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#303f9f; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt5{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#283593; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 .boxt6{display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:6px; background-color:#1a237e; text-align:center; padding:7px 0; color:#fff; font-weight:600;} .retina .retina1_1 .txt_box1 p{padding:10px 0; display: flex; align-items: center;} /*망막클리닉 ****** 망막치료소개 */ .retinas {margin:0 auto; margin-top:95px; margin-bottom:60px;} .retinas > div {overflow:hidden;} .retinas > div:last-child {margin-bottom:0;} .retinas .new_txt_banner li {position: relative;} .retinas .new_txt_banner li .txt {position: absolute; top: 50px; left: 40px; padding-right:40px;} .retinas .new_txt_banner li .txt h3 {font-size: 1.8em; font-weight: 600; color: #fff; line-height: 1.08; letter-spacing: -1.3px; margin-bottom: 20px; position: relative;} .retinas .new_txt_banner li .txt p {font-size:1.3em; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.58;} .retinas .new_txt_banner img{max-width:100%; } /*망막클리닉 ****** 망막센터 안내*/ .retinas .subject_box {padding: 43px 0; } .grid_2 {width: 100%; float: none;} .grid_4 {width: 100%; float: none;} .grid_75 {width: 100%; float: none;} .retinas .laser_cure1 {padding-right: 0px;} .retinas .laser_cure2 {padding-left: 0px;} .retinas .subject_box h3{font-size: 1.4em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas .subject_box p{position: relative; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas .subject_box .laser_cure1_1, .retinas .subject_box .laser_cure2_1{padding-top:50px;} .retinas .subject_box h4{font-size: 1.2em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:10px;} .subject_box .laser_cure2_1{} .subject_box .laser_cure3_1{padding-top:20px ! important;} .retinas .re_pr {padding-right: 0px;} .retinas .re_pl {padding-left: 0px;} .retinas .retinas_2 .retinas1_2{width: 80%; float: left;} .retinas .retinas_2 .retinas1_2 .mh120{min-height: 0px;} .retinas .retinas_2 .subject_box4 h3 {display: inline-block;font-size: 1.2em ! important; color: #2659d9; padding: 0 15px 0 0px; display: table-cell; vertical-align: top; text-align: center; width: 40px;} .retinas .retinas_2 .retinas1_2 p {display: inline-block; line-height: 1.8em;} .retinas .retinas_2 .retinas1_2 .w33 {width: 100%; padding:15px 30px 0 0; float: left; text-align: left; display: table;} .retinas .retinas_4 .retina_grid01 { position: relative; width: 100%; float: left;} .retinas .retinas_4 .retina_grid01 .hutme { width: 100%; margin-top:40px;} .retinas .retinas_4 .retina_grid01 .hutme img{ width: 100%; height:150px;} .retinas .retinas_4 .retina_grid01 .hutme1 { float: left; width: 49%; padding-bottom:10px; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme2 { float: left; width: 49%; padding-bottom:10px; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme3 { float: left; width: 49%; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme4 { float: left; width: 49%; padding-left:1%; text-align: center;} .retinas .retinas_4 .retina_grid01 .hutme5 { float: left; width: 100%; text-align: center; height:auto;} .retinas .retinas_4 .retina_grid01 .hutme5 img{ height:auto;} .retinas .retinas_4 .retina_grid01 .hutme6 { float: left; width: 100%; padding-left:0%; text-align: center;} .retinas .retinas_2 .retinas1_2 h2 {display: inline-block;font-size: 1.4em; padding-bottom:20px; display: table-cell; vertical-align: top; } .retinas .retinas_4 .retina_grid01 h2 {display: inline-block;font-size: 1.4em; padding-bottom:20px; display: table-cell; vertical-align: top; } .retinas .tab_icon {margin: 1px 0 0 0;} .retinas .tab_icon ul li {float: left; width: 20%;} .retinas .tab_icon ul li a { background-size: 50%;} .retinas .tab_icon ul li a {display: block; text-align: center; color: #333; font-size: 1.1em; padding: 60px 0 10px 0; background-repeat: no-repeat; background-position: center top 10px; height: 105px;} /*망막클리닉 ****** 망막질환*/ .retinas1 {margin:95px auto 90px;} .retinas1 > div {overflow:hidden;} .retinas1 > div:last-child {margin-bottom:0;} .retinas1 .new_txt_banner li {position: relative;} .retinas1 .new_txt_banner li img{width:140%;} .retinas1 .new_txt_banner li .txt {position: absolute; top: 20px; left: 20px; right:20px;} .retinas1 .new_txt_banner li .txt h3 {font-size: 1.6em; font-weight: 600; color: #fff; line-height: 1.48; letter-spacing: -1.3px; margin-bottom: 10px; position: relative;} .retinas1 .new_txt_banner li .txt span{color:#48b1ff;} .retinas1 .new_txt_banner li .txt p {font-size:1.1em; line-height: 1.38em; font-weight: 400; color:#fff ; padding-bottom:15px; } .retinas1 .subject_box4 img{width:100%;} .retinas1 .re_pr {padding-left: 0px;} .retinas1 .re_pl {} .retinas1 .subject_box {padding: 33px 0; } .retinas1 .laser_cure1 {padding-right: 0px;} /**황반변성 증상 **/ .retinas1 .laser_cure1 .retin01 {width: 100%; display: flex; flex-direction: column; justify-content: center;} .retinas1 .laser_cure1 .retin01 li:first-child {margin-left: 0;} .retinas1 .laser_cure1 .retin01 li {margin-left: 0px; text-align: center;} .retinas1 .laser_cure1 .retin01 li:first-child .retin01_p4 {background: #333;} .retinas1 .laser_cure1 .retin01 li:last-child .retin01_p4 {background: #bf0d0e;} .retinas1 .laser_cure1 .retin01 .retin01_p4 {font-size: 1.1em; margin: 10px auto 20px; color: #fff; width: 120px; height: 40px; line-height: 38px; background: #0d71ab; border-radius: 20px; border: 1px solid #e7e7e7;} .retinas1 .laser_cure1 .retin01 .retin01_img2{text-align:center; width:100%} /**황반변성 자가진단 **/ .retinas1 .laser_cure1 .retin02 {} .retinas1 .laser_cure1 .retin02_p6 {display:block; font-size: 1.6em; line-height:1.8em; font-weight:800;} .retinas1 .laser_cure1 .retin02_p7 {display:block; padding: 0 0 20px; font-size: 1.2em; color: #272727; font-weight:600;} .retinas1 .laser_cure1 .retin02_box1{width: 100%; display: flex; flex-direction: column;} .retinas1 .laser_cure1 .retin02_left {padding-right: 0px; position: relative; } .retinas1 .laser_cure1 .retin02_left img {width:100%; } .retinas1 .laser_cure1 .retin02_right {padding: 25px 0 0px 0;} .retinas1 .laser_cure1 .retin02_p8 {display:block; font-size: 1.1em; line-height: 35px; position: relative; padding-bottom: 5px;} .retinas1 .laser_cure1 .retin02_p9 {font-size: 1.3em; font-weight: 800; padding: 20px 0 10px 0; } .retinas1 .laser_cure1 .retin02_p10 { } .retinas_1 .grid_75 .laser_cure5_1 h6{font-size: 1.3em; line-height: 1.5em; } .retinas_1 .grid_75 .laser_cure5_1 .txt9{padding:15px 0 55px 0;} .retinas_1 .grid_75 .laser_cure5_1 h9{ display: block; font-size: 1.2em; line-height: 1.4em; margin-bottom:35px; } .retinas_1 .grid_75 .laser_cure5_1 .retin01 {width: 100%; display: flex; flex-direction: column;} .retinas_1 .grid_75 .laser_cure5_1 .retin01 li:first-child {margin-left: 0;} .retinas_1 .grid_75 .laser_cure5_1 .retin01 li {margin-left: 0px; text-align: center;} .retinas_1 .grid_75 .laser_cure5_1 .retin01_p4 {font-size: 1.1em; margin: 10px auto 20px; color: #fff; width: 120px; height: 40px; line-height: 38px; background: #333; border-radius: 20px; border: 1px solid #e7e7e7;} .retinas1 .laser_cure2 {padding-left: 0px;} .retinas1 .subject_box h3{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box p{position: relative; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas1 .subject_box .laser_cure1_1, .retinas1 .subject_box .laser_cure2_1, .retinas1 .subject_box .laser_cure3_1{padding-top:50px;} .retinas1 .subject_box h4{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box .laser_cure2_1{} .retinas1 .subject_box .laser_cure3_1{width:100%;} .retinas1 .subject_box img{width:100%;} /*망막클리닉 ****** 망막질환 ******탭메뉴*/ .retinas1 .tab_icon {margin: 1px 0 0 0;} .retinas1 .tab_icon ul li {float: left; width: 20%;} .retinas1 .tab_icon ul li a {display: block; text-align: center; color: #333; font-size: 1.1em; padding: 50px 0 10px 0; background-repeat: no-repeat; background-position: center top 0px; height: 95px;} .retinas1 .tab_icon ul li.icon01 a {background-image: url(/base/img/img/pro1_off.png); background-size:50%;} .retinas1 .tab_icon ul li.icon01 a.active {background-image: url(/base/img/img/pro1_on.png); background-size:50%;} .retinas1 .tab_icon ul li.icon02 a {background-image: url(/base/img/img/pro2_off.png); background-size:50%;} .retinas1 .tab_icon ul li.icon02 a.active {background-image: url(/base/img/img/pro2_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon03 a {background-image: url(/base/img/img/pro3_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon03 a.active {background-image: url(/base/img/img/pro3_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon04 a {background-image: url(/base/img/img/pro4_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon04 a.active {background-image: url(/base/img/img/pro4_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon05 a {background-image: url(/base/img/img/pro5_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon05 a.active {background-image: url(/base/img/img/pro5_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon06 a {background-image: url(/base/img/img/pro6_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon06 a.active {background-image: url(/base/img/img/pro6_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon07 a {background-image: url(/base/img/img/pro7_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon07 a.active {background-image: url(/base/img/img/pro7_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon08 a {background-image: url(/base/img/img/pro8_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon08 a.active {background-image: url(/base/img/img/pro8_on.png);background-size:50%;} .retinas1 .tab_icon ul li.icon09 a {background-image: url(/base/img/img/pro9_off.png);background-size:50%;} .retinas1 .tab_icon ul li.icon09 a.active {background-image: url(/base/img/img/pro9_on.png);background-size:50%;} /**녹내장 **/ .retinas66{margin:35px auto 90px;} .retinas66 .last_section{position:relative; padding:10px 0;} .retinas66 .last_section h7{display: block; font-size: 1.4em; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; text-align:center; margin-bottom:30px;} .last_section .icongt{display: flex;flex-wrap: wrap} .last_section .icongt .mte{width:50%; padding:0 25px; text-align:center; margin-top:25px;} .last_section .icongt img{max-width:70%;} .last_section .icongt .mgt20{font-size: 1.3em; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-top:20px; text-align:center;} .last_section .icongt .mgt10{font-size: 1.1em; font-weight: 400; letter-spacing: -1.5px; line-height: 1.48em; margin:20px 0 20px 0; text-align:center;} /**노안 **/ .retinas1 .subject_box4 {margin:60px 0 60px 0; padding: 83px 0; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;} .retinas1 .subject_box4 h3{font-size: 2.0em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box4 p{position: relative; font-size: 1.1em; font-weight: 400; color: #333; display: inline-block; line-height: 1.8; letter-spacing: -1.0px;} .retinas1 .subject_box4 .laser_cure1_1, .retinas .subject_box .laser_cure2_1, .retinas .subject_box .laser_cure3_1{padding-top:50px;} .retinas1 .subject_box4 h4{font-size: 1.3em !important; font-weight: 600; letter-spacing: -1.5px; line-height: 1.18em; margin-bottom:20px;} .retinas1 .subject_box4 .laser_cure2_1{text-align:center;} .retinas1 .subject_box4 img{width:100%;} .retinas1 .re_pr {padding-right: 25px;} /*.retinas1 .re_pl {padding-left: 25px;}*/ .retinas1 .retinas_2 .retinas1_2{width: 100%; float: left;} .retinas1 .retinas_2 .retinas1_2 .mh120{min-height: 0px;} .retinas1 .retinas_2 .retinas1_2 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas1 .retinas_2 .retinas1_2 h3 {display: inline-block;font-size: 1.6em; color: #2659d9; padding: 0 15px 0 0px; display: table-cell; vertical-align: top; text-align: center; width: 60px;} .retinas1 .retinas_2 .retinas1_2 p {display: inline-block; line-height: 1.48em;} .retinas1 .retinas_2 .retinas1_2 .w33 {width: 50%; padding:30px 30px 0 0; float: left; text-align: left; display: table;} .retinas1 .retinas_2 .retinas1_2 .w50 {width: 100%; padding:30px 30px 0 0; float: left; text-align: left; display: table;} .retinas1 .retinas_4 .retina_grid01 { position: relative; width: 80%; float: left;} .retinas1 .retinas_4 .retina_grid01 h2 {display: inline-block;font-size: 1.6em; padding-bottom:25px; display: table-cell; vertical-align: top; } .retinas1 .retinas_4 .retina_grid01 .hutme { width: 100%; margin-top:40px;} .retinas1 .retinas_4 .retina_grid01 .hutme1 { float: left; width: 24%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme2 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme3 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme4 { float: left; width: 24%; padding-left:1%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme5 { float: left; width: 35%; text-align: center;} .retinas1 .retinas_4 .retina_grid01 .hutme6 { float: left; width: 64%; padding-left:1%; text-align: center;} } .naver{margin:43px 0; max-width:1308px; margin:0 auto;} .naverblog { background-color: #01c73c; background-image: url(/base/img/img/naver.jpg); background-position: left 35px center; background-repeat: no-repeat; padding: 15px 0 15px 85px; color: #fff; font-weight: bold; margin: 0 0 20px 0; font-size:1.4em; } /**서브지도 **/ #map_content{position:relative; margin: 135px auto 90px;} #map_content.txt_box {width:100%; position:relative; padding-bottom: 150px;} #map_content .txt_box .info_box {display:flex; justify-content:center; align-items:center; height:230px; background:#fff; box-shadow:10px 10px 20px rgba(25,25,25,0.15); left:50%; margin-left:-654px; z-index:30;} #map_content .txt_box .info_box:before {content:''; display:block; width:350px; height:100%; background:#004994; position:absolute; left:0; top:0;} #map_content .txt_box .info_box > div {display:flex; justify-content:center; position:relative; z-index:10;} #map_content .txt_box .info_box .tel {width:350px;} #map_content .txt_box .info_box .tel .t1 {font-size:1.25em; color:#fff; line-height:1.4em; font-weight:500; margin-bottom:10px;} #map_content .txt_box .info_box .tel .number {font-size:2.18em; color:#fff; line-height:1.2em; font-weight:700;} #map_content .txt_box .info_box .tel .number:before{content:'\f879'; font-size:0.68em; font-weight:900; font-family: 'Font Awesome 5 Free'; margin-right:10px;} #map_content .txt_box .info_box .info strong {display:block; font-size:1.25em; line-height:1.3em; font-weight:500; margin-bottom:20px;} #map_content .txt_box .info_box .info strong i {font-family: 'Font Awesome 5 Free'; font-size:0.9em; margin-right:7px;} #map_content .txt_box .info_box .info ul li {font-size:1em; color:#666; line-height:1.8em; position:relative; padding-left:75px;} #map_content .txt_box .info_box .info ul li p {width:75px; color:#191919; font-weight:500; position:absolute; left:0; top:10;} #map_content .txt_box .info_box .info1 .tj {font-size:14px; padding-top:10px;} #map_content .txt_box .info_box .info .t1 {font-size:1em; color:#666; line-height:1.8em;} #map_content .txt_box .info_box .info .subway {font-size:1em; color:#666; line-height:1.56em; padding-left:34px; position:relative;} #map_content .txt_box .info_box .info .subway:before {content:'2'; display:block; width:24px; line-height:18px; border:3px solid #2ea43b; border-radius:50%; font-size:0.625em; color:#2ea43b; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center;} #map_content .txt_box .info_box .info1 {width:calc(43% - 175px); position:relative;} #map_content .txt_box .info_box .info1:after {content:''; display:block; width:1px; height:120px; background:#d4d4d4; position:absolute; right:0; top:50%; transform:translateY(-50%);} #map_content .txt_box .info_box .info2 {width:calc(57% - 155px)} #map_content .txt_box .info_box .info2 li{padding:5px 0;} #map_content .map {width:100%; height:78vh; background:#f7f8f9} #map_content .map #map {width:100%; height:100%;} #map_content .map .root_daum_roughmap .wrap_map {height:100% !important;} @media screen and (max-width:1320px){ #map_content .txt_box .info_box {left:6%; margin-left:0;} #map_content .txt_box .info_box:before {width:290px;} #map_content .txt_box .info_box .tel {width:290px;} #map_content .txt_box .info_box .info1 {width:calc(45% - 145px)} #map_content .txt_box .info_box .info2 {width:calc(55% - 145px)} } @media screen and (max-width:1024px){ #map_content{min-height:0;} #map_content .txt_box {height:auto;} #map_content .txt_box .main_title {padding-top:12vw;} #map_content .txt_box .info_box {height:auto; position:relative; bottom:0; left:0; width: 100%;} #map_content .txt_box .info_box:before {display:none;} #map_content .txt_box .info_box {display:block; overflow:hidden;} #map_content .txt_box .info_box .tel {width:100%; background:#33bdff; padding:2vw 0;} #map_content .txt_box .info_box .tel .t1 {display:inline-block; vertical-align:middle; font-size:1.125em; margin-bottom:7px; margin-right:20px;} #map_content .txt_box .info_box .tel .number {display:inline-block; font-size:1.8em;} #map_content .txt_box .info_box .info {float:left; width:50%; padding:2.5vw 0;} #map_content .txt_box .info_box .info strong {font-size:1.125em; margin-bottom:10px;} #map_content .txt_box .info_box .info ul li {padding-left:65px;} #map_content .txt_box .info_box .info ul li p {width:65px;} #map_content .txt_box .info_box .info1:after {height:60%;} #map_content .map {height:40vw; position:relative; z-index:3;} } @media screen and (max-width:767px){ #map_content .txt_box .info_box .info {float:none; width:100%; } #map_content .txt_box .info_box .info > div {width:70%;} #map_content .txt_box .info_box .info1:after {width:100%; height:1px; right:0; top:auto; bottom:0; transform:translateY(0)} #map_content .map {height:50vw;} } } .sRetinal_case1 {display:flex; align-items:center; justify-content:center;} .sRetinal_case1 .img_box {width:290px; height:290px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sRetinal_case1 .txt_box {padding-left:85px;} @media screen and (max-width:1024px){ .sRetinal_case1 .img_box {width:25vw; height:25vw;} .sRetinal_case1 .txt_box {width:calc(100% - 25vw); padding-left:40px;} } @media screen and (max-width:767px){ .sRetinal_case1 {display:block;} .retinas1 .subject_box .dno{display:none;} } /* 병원둘러보기 */ .lSSlideOuter{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;} .lSSlideOuter:after{content:"";display:block;clear:both;} .lightSlider:before,.lightSlider:after{content:" ";display:table;} .lightSlider{height:50.01rem !important;margin:0;overflow:hidden;} .lightSlider li{height:100% !important;position:relative;text-align:center;} .lightSlider li img{width:auto !important; max-width:100% !important;height:auto !important;max-height:100% !important;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform::translate(-50%,-50%);transform:translate(-50%,-50%);padding:0.01rem !important} .lSSlideWrapper{max-width:100%;position:relative;overflow:hidden;} .lSSlideWrapper:after{content:"";display:block;clear:both;} .lSSlideWrapper>.lightSlider:after{clear:both;} .lSSlideWrapper .lSSlide{-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important;} .lSSlideWrapper .lSFade{position:relative;} .lSSlideWrapper .lSFade>*{width:100%;margin-right:0;position:absolute !important;top:0;left:0;z-index:9;} .lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important;} .lSSlideWrapper .lSFade>*.active{z-index:10;} .lSSlideWrapper.usingCss .lSFade>*.active{opacity:1;} /* Pager */ .lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center;} .lSSlideOuter .lSPager.lSpg>li{padding:0 5px;cursor:pointer;display:inline-block;} .lSSlideOuter .lSPager.lSpg>li a{width:8px;height:8px;background-color:#222222;border-radius:30px;display:inline-block;overflow:hidden;text-indent:-999em;position:relative;z-index:99;-webkit-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;} .lSSlideOuter .lSPager.lSpg>li:hover a,.lSSlideOuter .lSPager.lSpg>li.active a{background-color:#428bca;} .lSSlideOuter .media{opacity:0.8;} .lSSlideOuter .media.active{opacity:1;} /* Gallery */ .lSSlideOuter .lSPager.lSGallery{list-style:none outside none;overflow:hidden;transform:translate3d(0px, 0px, 0px);-moz-transform:translate3d(0px, 0px, 0px);-ms-transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);-o-transform:translate3d(0px, 0px, 0px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius 0.12s linear 0s 0.35s linear 0s;transition:border-radius 0.12s linear 0s 0.35s linear 0s;background:#000;} .lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{} .lSSlideOuter .lSPager.lSGallery img{max-width:100%;height:auto;display:block;} .lSSlideOuter .lSPager.lSGallery li.active img,.lSSlideOuter .lSPager.lSGallery li:hover img{opacity:0.5;} .lSSlideOuter .lSPager.lSGallery:before,.lSSlideOuter .lSPager.lSGallery:after{content:" ";display:table;} .lSSlideOuter .lSPager.lSGallery:after{clear:both;} /* slider actions */ .lSAction>a{margin:25px; width:26px;height:46px;margin-top:-16px;display:block;top:50%;cursor:pointer;position:absolute;opacity:0.5;-webkit-transition:opacity 0.35s linear 0s;transition:opacity 0.35s linear 0s;z-index:99;} .lSAction>a:hover{opacity:1;} .lSAction>.lSPrev{background:url(/base/img/img/step_arr.png) 0 0 no-repeat !important;background-size:100% !important;left:0;transform:rotate(180deg);} .lSAction>.lSNext{background:url(/base/img/img/step_arr.png) 0 0 no-repeat !important;background-size:100% !important;right:0;} .lSAction>a.disabled{pointer-events:none;} .cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden;} /* vertical */ .lSSlideOuter.vertical{position:relative;} .lSSlideOuter.vertical.noPager{padding-right:0px !important;} .lSSlideOuter.vertical .lSGallery{position:absolute !important;right:0;top:0;} .lSSlideOuter.vertical .lightSlider>*{width:100% !important;max-width:none !important;} /* vertical controlls */ .lSSlideOuter.vertical .lSAction>a{margin-left:-14px;margin-top:0;left:50%;} .lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto;} .lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px;} /* Rtl */ .lSSlideOuter.lSrtl{direction:rtl;} .lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none;} .lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0;} .lSSlideOuter .lightSlider>*, .lSSlideOuter .lSGallery li{float:left;} .lSSlideOuter.lSrtl .lightSlider>*, .lSSlideOuter.lSrtl .lSGallery li{float:right !important;} @-webkit-keyframes rightEnd{ 0%{left:0;} 50%{left:-15px;} 100%{left:0;} } @keyframes rightEnd{ 0%{left:0;} 50%{left:-15px;} 100%{left:0;} } @-webkit-keyframes topEnd{ 0%{top:0;} 50%{top:-15px;} 100%{top:0;} } @keyframes topEnd{ 0%{top:0;} 50%{top:-15px;} 100%{top:0;} } @-webkit-keyframes leftEnd{ 0%{left:0;} 50%{left:15px;} 100%{left:0;} } @keyframes leftEnd{ 0%{left:0;} 50%{left:15px;} 100%{left:0;} } @-webkit-keyframes bottomEnd{ 0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} } @keyframes bottomEnd{ 0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} } .lSSlideOuter .rightEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;} .lSSlideOuter .leftEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;} .lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd 0.3s;animation:topEnd 0.3s;position:relative;} .lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd 0.3s;animation:bottomEnd 0.3s;position:relative;} .lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;} .lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;} .lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;} .lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing;} @media screen and (max-width:960px) { .lightSlider{height:20rem !important;} } @media screen and (max-width:640px) { .lightSlider{height:16rem !important;} } /**개인정보 **/ #templete_m { width: 100%; margin: 0px auto 0px auto; padding: 0px; } #privacy { width: 100%; margin: 0 auto; } #privacy div > ul > li { padding: 8px 0 8px 10px; } #privacy p { padding: 10px 0; font-size: 1.2em; color: #000 ; margin: 10px 0 0 0; line-height:1.8em; } #privacy h4 { padding: 10px 0; font-size: 1.4em; color: #2a68ce ; margin: 10px 0 0 0; } #privacy h5 { font-size: 1.1em; margin: 10px 0 0 0; font-weight:400; } #privacy ul li { padding: 5px 0 0 10px; line-height:1.6em; } #privacy ul li .dot_2{} #privacy table { border: 1px solid #ccc; margin-top: 15px; } #privacy th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 20px; background-color: #f1f7f5; } #privacy td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 20px; } #templete_m_pd { width: 100%; margin: 0px auto 100px auto; padding: 0px; } #coast_section { margin: 0 auto; text-align: center; } #coast_section h3 { margin: 0; font-size:1.6em; line-height:1.7em; } .text_dpb { display: block; } .tar { text-align: right !important; } #coast_section table { margin-top: 60px; table-layout: fixed; } #coast_section table th { font-size: 16px; text-align: center; padding: 10px; } #coast_section table th { border: 1px solid #ddd; } #coast_section table thead th { border-top: 1px solid #173691; } #coast_section table td { font-size: 14px; text-align: center; padding: 10px; border: 1px solid #ddd; } #time_section table { margin-top: 60px; table-layout: fixed; } #time_section table th { font-size: 16px; text-align: center; padding: 20px 0; font-weight:600; } #time_section table th{ border-right: solid 1px #d6d6d6; border-bottom: solid 1px #e0e0e0; } #time_section table thead th { border-top: 3px solid #173691; } #time_section th:last-child { border-right: solid 0px #d6d6d6; } #time_section table td { font-size: 14px; text-align: center; padding: 17px 0; border-bottom: solid 1px #d6d6d6; border-right: solid 1px #d6d6d6; } #time_section .dr{ font-size: 18px; line-height:28px; } #time_section .time_01{ background-color: #f2f2f2; } #time_section .time_02{ background-color: #ffffff; } #time_section .red{ background-color: #d9d9d9; } #time_section .noe{ background-color: #81b5db; } .accordionbox { width: 100%; } .accordionbox ul { background: #efefef } .accordionbox ul:after { content: ""; display: block; clear: both; overflow: hidden } /*건성안*/ .accordionbox ul li { float: left; overflow: hidden; width: 282px; height: 500px; padding: 70px 0 0 65px; transition: width 1s; border-left: 1px solid #fff; background-color: #efefef; background-repeat: no-repeat; background-position: 100% 100%; cursor: pointer } .accordionbox ul li:first-child { border-left: 0 } .accordionbox ul li span { font-size: 16px } .accordionbox ul li strong { display: block; margin-top: 5px; line-height: 1.33; font-size: 24px } .accordionbox .jot { width: 330px; margin-top: 30px; line-height: 1.6; color: #fff !important; opacity: 0 } .accordionbox ul li.on { width: 460px; background-color: #004994; color: #fff; transition: width 1s } .accordionbox ul li.on p { opacity: 1 } .accordionbox ul li.accordion-1 { background-image: url('/base/img/img/tu01.jpg') } .accordionbox ul li.accordion-2 { background-image: url('/base/img/img/tu02.jpg') } .accordionbox ul li.accordion-3 { background-image: url('/base/img/img/tu03.jpg') } .accordionbox ul li.accordion-4 { background-image: url('/base/img/img/tu04.jpg') } .accordionbox ul li.on.accordion-1 { background-image: url('/base/img/img/tu01_on.jpg') } .accordionbox ul li.on.accordion-2 { background-image: url('/base/img/img/tu02_on.jpg') } .accordionbox ul li.on.accordion-3 { background-image: url('/base/img/img/tu03_on.jpg') } .accordionbox ul li.on.accordion-4 { background-image: url('/base/img/img/tu04_on.jpg') } /* swiper */ /** * Swiper 5.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 11, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}