/********* 신규 리뉴얼 메인페이지 *********/ .newmain .swiper{} .newmain .cursor{background:url(/images/common/maindg.png) no-repeat center / 100%; width:95rem; height:95rem; transition:none;} .newmain .cursor.on{opacity:1;} .newmain .newsmile_wrap.communitys .ytblist.swiper{cursor:auto;} .newmain .newsmile_wrap.communitys .instSwp.swiper{cursor:auto;} .newmain .swiper.cursornone{cursor:auto;} .newsmile_wrap .swiper-button-prev.swiper-button-disabled,.newsmile_wrap .swiper-button-next.swiper-button-disabled{opacity:0;} .newsmile_wrap .doctorArea .swiper-button-prev.swiper-button-disabled,.newsmile_wrap .doctorArea .swiper-button-next.swiper-button-disabled{opacity:0.35;} /* 뉴스마일 라식 */ .newcontainer{padding-left:168rem !important; padding-right:168rem !important;} .newsmile_wrap{margin-bottom:105vh; background:#fff; position:relative; z-index:2;} .newsmile_wrap .imgBx{ cursor:pointer; } .newsmile_wrap .topBanner{color:#fff; padding:0 170rem; width:100%; height:100vh; /* background:url(/images/main/newsmile01-1.png) no-repeat center / cover; */ position:relative;} .newsmile_wrap .topBanner .txtBox{position:relative; top:50%; transform:translateY(-50%);} .newsmile_wrap .topBanner .txtBox .sub_tit {font-weight:500; font-size:25rem; line-height:35rem;} .newsmile_wrap .topBanner .txtBox .tits{font-size:60rem; font-weight:500; margin-bottom:40rem; line-height:110%;} .newsmile_wrap .topBanner .txtBox .txts{font-size:18rem; line-height:140%; margin-bottom:52rem;} .newsmile_wrap .topBanner .txtBox .txts br.mob {display:none;} /* 240104 어워드 이미지추가 */ .newsmile_wrap .topBanner .awardBox {position:absolute; bottom:50rem; left:60rem;} .newsmile_wrap .topBanner .awardBox .img-box{width:130rem;} /* 링크이동 버튼 디자인 */ .newsmile_wrap .linkbt{font-size:14rem; line-height:21rem; position:relative; display:inline-block; color:#fff; pointer-events:none;} .newsmile_wrap .linkbt::after{position:absolute; content:''; top:50%; right:-55rem; transform:translateY(-50%); width:38rem; height:14rem; background:url(/images/main/linkaw.png) no-repeat center / 100%;} .newsmile_wrap .linkbt::before{position:absolute; content:''; top:50%; right:-70rem; transform:translateY(-50%) scale(1); width:44rem; height:44rem; border-radius:50%; background:#ebebeb; opacity:0.3; transition:.5s ease;} .newsmile_wrap .linkbt:hover:before{transform:translateY(-50%) scale(1.2);} /* .newsmile_wrap .linkbt:hover::before{transform:scale(1);} */ .newsmile_wrap .linkbt.bk{color:#1A1A1A;} .newsmile_wrap .linkbt.bk::after{filter:brightness(0) invert(0);} .newsmile_wrap .linkbt.bk::before{opacity:1;} /* 메인 공통 세션바 */ .newsmile_wrap .textArea{border-top:0.7px solid #FFFFFF; color:#fff; margin-bottom:70rem;} .newsmile_wrap .textArea .numbar{display:flex; justify-content:space-between; align-items:center; padding-top:20rem; font-size:15rem; font-weight:200;} .newsmile_wrap .textArea .numbar li.one{width:11rem; height:11rem; border-radius:50%; background:#fff;} .newsmile_wrap .textArea.bk{border-top:0.7px solid #1a1a1a; color:#1a1a1a;} .newsmile_wrap .textArea.bk .numbar li.one{background:#1a1a1a;} .newsmile_wrap .cont1{padding:100rem 0 130rem; background:#F7F7F7;} .newsmile_wrap .cont1 .icon{margin:0 auto 20rem; width:max-content;} .newsmile_wrap .cont1 > .tits{text-align:center; font-size:35rem; font-weight:500; line-height:150%; color:#1a1a1a;} .newsmile_wrap .cont1 > .tits em{color:#0B1EA8;} .newsmile_wrap .topslide{padding:64rem 0 0; position:relative;} .newsmile_wrap .topslide .ccimg{position:absolute; right:45rem; top:-2rem; z-index:2; width:270rem; height:128rem;} .newsmile_wrap .topslide .tits{font-size:23rem; font-weight:500; margin:30rem 0 10rem;} .newsmile_wrap .topslide .txts{font-size:18rem; color:#666; padding-bottom:100rem;} .swiper-scrollbar.type2{opacity:1 !important; left:0; width:100%; background:rgba(217, 217, 217, 0.5)} .swiper-scrollbar.type2 .swiper-scrollbar-drag{background:#0B1EA8; border-radius:0%;} /* 슬라이드 공통 좌우 화살표 */ .newsmile_wrap .swiper-button-next.type2{top:305rem; right:-110rem;} .newsmile_wrap .swiper-button-next.type2::after{content:''; width:20rem; height:40rem; background:url(/images/common/SD_next.svg) no-repeat center / 100%;} .newsmile_wrap .swiper-button-prev.type2{top:305rem; left:-110rem;} .newsmile_wrap .swiper-button-prev.type2::after{content:''; width:20rem; height:40rem; background:url(/images/common/SD_prev.svg) no-repeat center / 100%;} .newsmile_wrap .cont2{background:url(/images/main/gyBg.png) no-repeat center / cover; padding:130rem 0 200rem;} .newsmile_wrap .linkbt.type2::before{background:#3B3B3B; opacity:1;} .newsmile_wrap .cont2 .flx_Box{display:flex; justify-content:space-between; color:#fff; position:relative;} .newsmile_wrap .cont2 .flx_Box .txtBox {padding-top:118rem;} .newsmile_wrap .cont2 .flx_Box .txtBox .tits{font-size:100rem; line-height:100%; margin-bottom:60rem;} .newsmile_wrap .cont2 .flx_Box .txtBox .tits2 {font-weight:700; font-size:60rem; line-height:110%; margin-bottom:40rem;} .newsmile_wrap .cont2 .flx_Box .txtBox .txts{font-size:20rem; margin-bottom:60rem;} .newsmile_wrap .cont2 .flx_Box .imgBox{width:968rem; height:642rem; position:relative;} .newsmile_wrap .cont2 .flx_Box .imgBox img{width:100%;} .newsmile_wrap .cont2 .flx_Box > img{position:absolute;} .newsmile_wrap .cont2 .flx_Box > .deco1{left:400rem; top:226rem; width:68rem; height:72rem;} .newsmile_wrap .cont2 .flx_Box > .deco2{left:496rem; top:415rem; width:187rem; height:188rem; z-index:1;} /* 리뷰게시판 공통 */ .newsmile_wrap .reviewArea{padding:130rem 168rem;} .newsmile_wrap .reviewArea .flex_Box{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:70rem;} .newsmile_wrap .reviewArea .flex_Box .tits{font-size:35rem; font-weight:500;} .newsmile_wrap .reviewArea .flex_Box .linkbt{margin-right:70rem;} .newsmile_wrap .reviewArea .reviewBox{position:relative; } .reviewArea .swiper-button-next.type2{top:134rem;} .reviewArea .swiper-button-prev.type2{top:134rem;} .reviewSd .swiper-slide .imgArea{width:100%; height:268rem; position:relative; overflow:hidden;} .reviewSd .swiper-slide .imgArea a {width:100%; height:100%;} .reviewSd .swiper-slide .imgArea .hovertxt{transition:0.3s; position:absolute; z-index:2; top:50%; left:46%; transform:translate(-50%,-50%); color:#fff; opacity:0;} .reviewSd .swiper-slide .imgArea:hover .hovertxt{opacity:1;} .reviewSd .swiper-slide .imgArea:hover .blurarea{background:linear-gradient(180deg, rgba(131, 137, 182, 0.7) 0%, rgba(217, 217, 217, 0) 100%); backdrop-filter:blur(30px); width:100%; height:100%; z-index:1; position:absolute; top:0; left:0;} .reviewSd .swiper-slide .imgArea img{width:100%; object-fit:cover; height:100%;} .reviewSd .swiper-slide .sbtits{text-align:center; font-size:20rem; margin-top:37rem; position:relative;} .reviewSd .swiper-slide .sbtits::after{position:absolute; content:''; top:-15rem; left:50%; transform:translateX(-50%); width:6rem; height:6rem; background:#0B1EA8; border-radius:50%;} .reviewSd .swiper-wrapper{padding-bottom:50rem;} /* 의료진 공통 */ .newsmile_wrap .doctorArea{padding-bottom:198rem; position:relative;} .newsmile_wrap .doctorArea .topArea{margin-bottom:40rem; display:flex; justify-content:space-between;} .newsmile_wrap .doctorArea .topArea .tits{font-size:45rem;} .newsmile_wrap .doctorArea .topArea .arrowBox{ position:relative;} .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-next{width:49rem; height:26rem; top:25rem;} .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-next::after{content:''; width:49rem; height:26rem; background:url(/images/common/docterSdaw01.svg) no-repeat center / 100%;} .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-prev{width:49rem; height:26rem; top:60rem; right:10rem; left:auto;} .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-prev::after{content:''; width:49rem; height:26rem; background:url(/images/common/docterSdaw02.svg) no-repeat center / 100%;} .newsmile_wrap .doctorArea .doctorSd .tits{font-size:28rem; font-weight:500; margin:20rem 0 10rem;} .newsmile_wrap .doctorArea .doctorSd .txts{font-size:17rem; color:#666;} .newsmile_wrap .doctorArea .go_aw{position:absolute; width:171rem; height:171rem; right:0; bottom:90rem; z-index:1;} .newmain.en .newsmile_wrap .doctorArea .go_aw a{pointer-events: none;} .newsmile_wrap .doctorArea .go_aw p{color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; font-size:10rem;} /*.newsmile_wrap .cont3{padding:0 168rem;}*/ /* 시력교정 */ .newsmile_wrap.visions .sdBanner .topBanner:nth-child(1){background:url(/images/main/newsmile01_1.png) no-repeat top / cover;} .newsmile_wrap.visions .sdBanner .topBanner:nth-child(2){background:url(/images/main/newsmile01-1.png) no-repeat center / cover;} .newsmile_wrap.visions .sdBanner .topBanner .flex{display:flex;} .newsmile_wrap.visions .sdBanner .topBanner .flex li{width:150rem; margin-right:60rem;} .newsmile_wrap.visions .sdBanner .topBanner .txtBox .tits{font-weight:400;} .newsmile_wrap.visions .sdBanner .topBanner .mouseBox{position:absolute; bottom:47rem; left:50%; transform:translateX(-50%);} .newsmile_wrap.visions .sdBanner .topBanner .mouseBox img{width:28rem;} .newsmile_wrap.visions .sdBanner .topBanner .mouseBox img.mouseaw{width:8rem; position:absolute; top:8rem; left:10rem; animation:awaniaw 0.9s linear infinite;} @keyframes awaniaw{ 0%{top:8rem;} 100%{top:20rem;} } .newsmile_wrap.visions .cont1{background:#fff;} .newsmile_wrap.visions .cont1 .topslide .tits{text-align:left;} .newsmile_wrap.visions .cont1 .topslide{padding-top:65rem;} .newsmile_wrap.visions .cont1 .topslide .ccimg{width:163rem; height:163rem; top:auto; bottom:121rem; right:45rem;} .newsmile_wrap .cont1 .topslide .swiper-slide img{width:100%;} .newsmile_wrap .cont1 .topslide .swiper-button-next.type2{top:310rem;} .newsmile_wrap .cont1 .topslide .swiper-button-prev.type2{top:310rem;} .newsmile_wrap.visions .cont2{background:#F7F7F7; padding:100rem 0 0;} .newsmile_wrap.visions .cont2 .listArea .iconOne{font-size:16rem; position:relative; text-align:right; margin-bottom:40rem;} .newsmile_wrap.visions .cont2 .listArea .iconOne::after{position:absolute; content:''; width:16rem; height:16rem; border-radius:50%; background:#1a1a1a; top:50%; right:30rem; transform:translateY(-50%);} .newsmile_wrap.visions .cont2 .listArea li{padding-bottom:231rem; position:relative;} .newsmile_wrap.visions .cont2 .listArea li::after{position:absolute; content:''; top:41rem; right:-60rem; width:213rem; height:213rem; background:url(/images/main/visions_deco01.svg) no-repeat center / 100%;} .newsmile_wrap.visions .cont2 .listArea li::before{position:absolute; content:''; bottom:100rem; right:-100rem; width:841rem; height:363rem; background:url(/images/main/visions_deco02.svg) no-repeat center / 100%;} .newsmile_wrap.visions .cont2 .listArea li:nth-child(4):after{filter:brightness(0) invert(1);} .newsmile_wrap.visions .cont2 .listArea li .flex{display:flex; justify-content:space-between;} .newsmile_wrap.visions .cont2 .listArea li .flex .txtBox .tits{font-size:35rem; font-weight:500; margin-bottom:68rem;} .newsmile_wrap.visions .cont2 .listArea li .flex .txtBox .txts{font-size:23rem; color:#333; margin-bottom:300rem;} .newsmile_wrap.visions .cont2 .listArea li .flex .imgBox{width:70%;} .newsmile_wrap.visions .cont2 .listArea li .flex .imgBox img{width:100%;} /* 노안백내장 */ .newsmile_wrap.presbyopia .topBanner{background:url(/images/main/presbyopia01.png) no-repeat top / cover;} .newsmile_wrap.presbyopia .cont1 .tits{margin-bottom:20rem;} .newsmile_wrap.presbyopia .cont1 .txts{font-size:18rem; text-align:center;} .newsmile_wrap.presbyopia .cont1 .float-clear{margin:40rem 0;} .newsmile_wrap.presbyopia .cont1 ul > * {float:left; width:50%; height:100%; text-align:center; color:#fff;} .newsmile_wrap.presbyopia .cont1 li{height:981rem; background-repeat:no-repeat; background-position:center; background-position:center; background-position:center; position:relative; overflow:hidden;} .newsmile_wrap.presbyopia .cont1 li:nth-child(1){background:url(/images/contents/blurimg01.png) no-repeat center / 101%; transition:250ms ease;} .newsmile_wrap.presbyopia .cont1 li:nth-child(1):hover{background:url(/images/contents/blurimg01_2.png) no-repeat center / 101%;} .newsmile_wrap.presbyopia .cont1 li:nth-child(2){background:url(/images/contents/blurimg02.png) no-repeat center / 101%; transition:250ms ease;} .newsmile_wrap.presbyopia .cont1 li:nth-child(2):hover{background:url(/images/contents/blurimg02_2.png) no-repeat center / 101%;} /* .newsmile_wrap.presbyopia .cont1 li::before{content:attr(data-before); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; transition:250ms ease; } */ /* .newsmile_wrap.presbyopia .cont1 li:hover:before{backdrop-filter:blur(14px);} */ .newsmile_wrap.presbyopia .cont1 li .textbox{z-index:3; position:relative; padding-top:63rem;} .newsmile_wrap.presbyopia .cont1 li .textbox .title{font-size:20rem; font-weight:500; margin-bottom:16rem;} .newsmile_wrap.presbyopia .cont1 li .textbox .sub{font-size:15rem; opacity:0.8;} .newsmile_wrap.presbyopia .cont1 li > .title{position:absolute; z-index:3; left:50%; bottom:60rem; transform:translateX(-50%); border:1px solid #fff; font-size:20rem; border-radius:46rem; padding:12rem 61rem; } .newsmile_wrap.presbyopia .topslide .ccimg{top:-24rem;} .newsmile_wrap.presbyopia .cont1 .linkbt{display:block; width:max-content; margin:0 70rem 0 auto;} .newsmile_wrap.presbyopia .cont2{background:#fff; padding:100rem 0;} .newsmile_wrap.presbyopia .cont2 > .tits{font-size:40rem; font-weight:500;} .newsmile_wrap.presbyopia .topslide{padding-top:40rem;} .newsmile_wrap.presbyopia .ytbSd{width:100%;} .newsmile_wrap.presbyopia .reviewSd .swiper-slide .imgArea{height:303rem;} .newsmile_wrap.presbyopia .cont4{background:#F7F7F7; padding:130rem 0 100rem; display:flex; justify-content:space-between; position:relative;} .newsmile_wrap.presbyopia .cont4 .decoTxt{position:absolute; left:812rem; bottom:214rem; width:243rem; height:142rem; z-index:2;} .newsmile_wrap.presbyopia .cont4 .swiper-slide{display:flex; justify-content:space-between; background:#F7F7F7;} .newsmile_wrap.presbyopia .cont4 .txtArea{border-top:0.7px solid #1A1A1A; padding-top:60rem; width:49%;} .newsmile_wrap.presbyopia .cont4 .txtArea .tits{width:205rem; margin-bottom:38rem;} .newsmile_wrap.presbyopia .cont4 .txtArea .tits img{width:100%;} .newsmile_wrap.presbyopia .cont4 .txtArea .txts{font-size:18rem; margin-bottom:111rem;} .newsmile_wrap.presbyopia .cont4 .vdArea{width:49%;} .newsmile_wrap.presbyopia .cont4 .vdArea .imgarea{width:100%; height:436rem; border:1px solid #E0E0E0;} .newsmile_wrap.presbyopia .cont4 .vdArea .imgarea img{width:100%; height:100%; object-fit:cover;} .newsmile_wrap.presbyopia .cont4 .vdArea .titarea{font-size:20rem; font-weight:500; margin-top:20rem;} .newsmile_wrap.presbyopia .cont4 .swiper-pagination{right:168rem; left:auto; top:80rem; width:max-content;} .newsmile_wrap .swiper-pagination .swiper-pagination-bullet{background:transparent; width:30rem; height:30rem; position:relative;} .newsmile_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #1a1a1a;} .newsmile_wrap .swiper-pagination .swiper-pagination-bullet::after{position:absolute; content:''; width:6rem; height:6rem; border-radius:50%; background:#1A1A1A; top:50%; left:50%; transform:translate(-50%,-50%); } .newsmile_wrap .topBannerSwiper .swiper-pagination-horizontal {height:fit-content; right:169rem; left: auto; top: 50%; transform: translateY(-50%); width: auto; } .newsmile_wrap .topBannerSwiper .swiper-pagination-horizontal .swiper-pagination-bullet {display: block; margin: 6px 0; opacity:1 !important;} .newsmile_wrap .topBannerSwiper .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #fff;} .newsmile_wrap .topBannerSwiper .swiper-pagination-horizontal .swiper-pagination-bullet::after{background:#fff; } /* 강남스마일안과 페이지 */ .newsmile_wrap .sdBanner{height:100vh; overflow:hidden; position:relative;} .newsmile_wrap .sdBanner .topBanner{background:url(/images/main/gnsmile_bg01.png) no-repeat center / cover; overflow:hidden; transition:top 1s;} .newsmile_wrap .sdBanner .topBanner:nth-child(2){background:url(/images/main/gnsmile_bg02.png) no-repeat center / cover; position:absolute; top:100vh; left:0; z-index:2;} .newsmile_wrap .sdBanner .topBanner:nth-child(2) .txtBox{z-index:2;} .newsmile_wrap .sdBanner .topBanner:nth-child(3){background:url(/images/main/gnsmile_bg04_new.png) no-repeat center / cover; position:absolute; top:100vh; left:0; z-index:5;} .newsmile_wrap .sdBanner .topBanner:nth-child(3) .txtBox{z-index:5;} .newsmile_wrap .sdBanner .topBanner .txtBox .tits{font-weight:200;} .newsmile_wrap .sdBanner .pagebar{position:absolute; top:50%; right:168rem; transform:translateY(-50%); z-index:10;} .newsmile_wrap .sdBanner .pagebar > li{width:30rem; height:30rem; border:1px solid #fff; border-radius:50%; opacity:0.7; margin-bottom:6rem; position:relative; transition:0.8s;} .newsmile_wrap .sdBanner .pagebar > li::after{position:absolute; content:''; width:5rem; height:5rem; background:#fff; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid transparent;} .newsmile_wrap .sdBanner .pagebar > li:nth-child(2){border:1px solid transparent;} .newsmile_wrap .sdBanner .pagebar > li:nth-child(3){border:1px solid transparent;} .newsmile_wrap .sdBanner.one .topBanner:nth-child(2){top:0;} .newsmile_wrap .sdBanner .topBanner:nth-child(2) .txtBox .tits{transform:translate3d(-100px,0,0); transition-timing-function:ease; transition-duration:1.5s;} .newsmile_wrap .sdBanner .topBanner:nth-child(2) .txtBox .txts{transform:translate3d(0,100px,0); transition-timing-function:ease; transition-duration:1.5s;} .newsmile_wrap .sdBanner .topBanner:nth-child(2) .txtBox .linkbt{transform:translate3d(0,100px,0); transition-timing-function:ease; transition-duration:1.5s;} .newsmile_wrap .sdBanner.one .topBanner:nth-child(2) .txtBox .tits{transform:translateZ(0);} .newsmile_wrap .sdBanner.one .topBanner:nth-child(2) .txtBox .txts{transform:translateZ(0);} .newsmile_wrap .sdBanner.one .topBanner:nth-child(2) .txtBox .linkbt{transform:translateZ(0);} .newsmile_wrap .sdBanner.two .topBanner:nth-child(3){top:0;} .newsmile_wrap .sdBanner .topBanner:nth-child(3) .txtBox .tits{transform:translate3d(-100px,0,0); transition-timing-function:ease; transition-duration:1.5s;} .newsmile_wrap .sdBanner .topBanner:nth-child(3) .txtBox .txts{transform:translate3d(0,100px,0); transition-timing-function:ease; transition-duration:1.5s;} .newsmile_wrap .sdBanner .topBanner:nth-child(3) .txtBox .linkbt{transform:translate3d(0,100px,0); transition-timing-function:ease; transition-duration:1.5s;} .newsmile_wrap .sdBanner.two .topBanner:nth-child(3) .txtBox .tits{transform:translateZ(0);} .newsmile_wrap .sdBanner.two .topBanner:nth-child(3) .txtBox .txts{transform:translateZ(0);} .newsmile_wrap .sdBanner.two .topBanner:nth-child(3) .txtBox .linkbt{transform:translateZ(0);} .newsmile_wrap .sdBanner.one .pagebar > li:nth-child(1){border:1px solid transparent;} .newsmile_wrap .sdBanner.one .pagebar > li:nth-child(2){border:1px solid #fff;} .newsmile_wrap .sdBanner.two .pagebar > li:nth-child(2){border:1px solid transparent;} .newsmile_wrap .sdBanner.two .pagebar > li:nth-child(3){border:1px solid #fff;} .newsmile_wrap.smilemain .doctorArea{padding-bottom:121rem;} .newsmile_wrap.smilemain .doctorArea .go_aw{bottom:20rem;} /* 강남스마일 안과 리뷰 */ /* .newsmile_wrap.smilemain .reviewArea{padding:0 168rem; position:relative;} .newsmile_wrap.smilemain .reviewArea .tits{font-size:40rem; margin-bottom:40rem;} .newsmile_wrap.smilemain .reviewArea .linkbt{margin-bottom:39rem; font-size:15rem;} .newsmile_wrap.smilemain .reviewArea .swiper-slide:nth-child(1){width:782rem !important; position:relative;} .newsmile_wrap.smilemain .reviewArea .swiper-slide:nth-child(1)::after{position:absolute; content:''; width:178rem; height:104rem; left:410rem; bottom:50rem; background:url(/images/common/gangnam_txt.svg) no-repeat center / 100%;} .newsmile_wrap.smilemain .reviewSd .swiper-slide:nth-child(1) .imgArea{width:50%;} .newsmile_wrap.smilemain .reviewArea .swiper-scrollbar.type2{display:none;} .newsmile_wrap.smilemain .reviewArea .swiper-pagination{width:max-content; left:auto; bottom:auto; top:100rem; right:168rem;} .newsmile_wrap.smilemain .reviewSd .swiper-slide .sbtits::after{display:none;} .newsmile_wrap.smilemain .reviewSd .swiper-slide .sbtits{text-align:left; margin-top:20rem;} */ .newsmile_wrap.smilemain .reviewArea{padding:0 168rem; position:relative;} .newsmile_wrap.smilemain .reviewArea .tits{font-size:40rem; margin-bottom:40rem;} .newsmile_wrap.smilemain .reviewArea .linkbt{margin-bottom:39rem; font-size:15rem;} .newsmile_wrap.smilemain .reviewArea .sdflex{display:flex; justify-content:space-between; position:relative;} .newsmile_wrap.smilemain .sdflex .rvSdArea{width:402rem;} .newsmile_wrap.smilemain .sdflex .rvSdArea.swsd2{width:826rem;} .newsmile_wrap.smilemain .sdflex .rvSdArea .sbtits{margin-top:20rem;} .newsmile_wrap.smilemain .reviewArea .gntxtimg{width:178rem; height:max-content; margin:auto 151rem 46rem 23rem;} .newsmile_wrap.smilemain .reviewArea .swiper-pagination{top:100rem; bottom:auto; left:auto; right:168rem; width:max-content;} .newsmile_wrap.smilemain .cont1{background:#fff; padding:100rem 0 178rem; position:relative;} .newsmile_wrap.smilemain .cont1 .ccimg{position:absolute; top:-30rem; right:44rem; z-index:0; width:293rem;} .newsmile_wrap .tabBar{position:relative; border-top:0.7px solid #1A1A1A; padding:15rem 0 70rem;} .newsmile_wrap .tabBar::after{position:absolute; content:''; width:11rem; height:11rem; border-radius:50%; background:#1A1A1A; right:0; top:15rem;} .newsmile_wrap .tabBar .swiper-pagination{position:relative; text-align:left; bottom:0;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet{width:80rem; opacity:1; color:#1A1A1A; margin-right:40rem;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:not(:last-child)::before{position:absolute; right:-27rem; content:'/';} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:0;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{color:#0B1EA8;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(1){width:60rem;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3){width:76rem;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(4){width:45rem;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet::after{content:'시력교정'; font-weight:500; text-align:left; width:max-content; height:max-content; background:transparent; top:0; left:0; transform:none;} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{content:'노안,백내장';} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3):after{content:'안구건조증';} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(4):after{content:'안성형';} .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(5):after{content:'콘택트렌즈';} .newsmile_wrap.smilemain .cont1{background:#f7f7f7; padding:128rem 168rem 151rem; position:relative;} .newsmile_wrap.smilemain .cont1 .tabBar::after{display:none;} .newsmile_wrap.smilemain .cont1 .clinicArea .tabBar{position:absolute; border:0;} .newsmile_wrap.smilemain .cont1 .clinicArea .left{padding-top:91rem; border-top:0.7px solid #1A1A1A; width:49%;} .newsmile_wrap.smilemain .cont1 .clinicArea .right{width:49%;} .newsmile_wrap.smilemain .cont1 .clinicArea .right img{width:100%;} .newsmile_wrap.smilemain .cont1 .flex_Box{display:flex; justify-content:space-between;} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide{background:#fff;} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide .left .tits{font-size:55rem; margin-bottom:20rem; transform:translateX(100rem); transition:transform 1.5s;} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide .left .txts{font-size:18rem; margin-bottom:98rem; transform:translateY(100rem); transition:transform 1.5s;} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide .left .linkbt{transform:translateY(50rem); transition:transform 0.8s; transition-delay:0.1s;} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide.swiper-slide-active .left .tits{transform:translateX(0);} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide.swiper-slide-active .left .txts{transform:translateY(0);} .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide.swiper-slide-active .left .linkbt{transform:translateY(0);} .newsmile_wrap.smilemain .pagebar li{cursor:pointer;} .newsmile_wrap.smilemain .cont2{padding:128rem 0 151rem; position:relative;} .newsmile_wrap.smilemain .cont2 .tabBar::after{display:none;} .newsmile_wrap.smilemain .cont2 .aboutArea .tabBar{position:absolute; border:0;} .newsmile_wrap.smilemain .cont2 .aboutArea .left{padding-top:91rem; border-top:0.7px solid #1A1A1A; width:49%;} .newsmile_wrap.smilemain .cont2 .aboutArea .right{width:49%;} .newsmile_wrap.smilemain .cont2 .aboutArea .right img{width:100%;} .newsmile_wrap.smilemain .clinicArea .clinicSd{cursor:auto;} .newsmile_wrap.smilemain .aboutsd{cursor:auto;} .newsmile_wrap.smilemain .cont2 .flex_Box{display:flex; justify-content:space-between;} .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide{background:#F7F7F7;} .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide .left .tits{font-size:55rem; margin-bottom:20rem; transform:translateX(100rem); transition:transform 1.5s;} .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide .left .txts{font-size:18rem; margin-bottom:98rem; transform:translateY(100rem); transition:transform 1.5s;} .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide.swiper-slide-active .left .tits{transform:translateX(0);} .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide.swiper-slide-active .left .txts{transform:translateY(0);} .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(2){width:94rem;} .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3){width:63rem;} .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet::after{content:'병원소개'; font-weight:500; text-align:left; width:max-content; height:max-content; background:transparent; top:0; left:0; transform:none;} .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{content:'병원 미리보기';} .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3):after{content:'수술장비';} .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(4):after{content:'검사장비';} .newsmile_wrap.smilemain .cont2 .oceanTxt{position:absolute; left:63rem; bottom:0; width:808rem;} .newsmile_wrap.smilemain .cont2 .dcimg{position:absolute; left:724rem; bottom:190rem; width:162rem; z-index:2;} .newsmile_wrap.smilemain .cont2 .lineimg{position:absolute; right:97rem; bottom:190rem; width:213rem; z-index:2; filter:brightness(0) invert(1);} .newsmile_wrap.smilemain .cont3{padding-top:108rem;} .newsmile_wrap.smilemain .textArea{margin-bottom:50rem;} .newsmile_wrap.smilemain .reviewSd .swiper-wrapper{padding-bottom:0;} .newsmile_wrap.smilemain .cont4{padding:150rem 0 0;} .newsmile_wrap.smilemain .cont4 ul{display:flex; height:544rem;} .newsmile_wrap.smilemain .cont4 ul li{width:50%; position:relative;} .newsmile_wrap.smilemain .cont4 ul li a{width:100%; height:100%; display:block;} .newsmile_wrap.smilemain .cont4 ul li:nth-child(1) a{background:#0B1EA8; position:relative;} .newsmile_wrap.smilemain .cont4 ul li:nth-child(1) a::after{position:absolute; content:''; width:100%; height:100%; top:0; left:0; background:url(/images/common/bgtexture.png) no-repeat center / cover} .newsmile_wrap.smilemain .cont4 ul li:hover .txtBox img{animation:listaw 1s; position:relative;} @keyframes listaw{ 0%{left:-10rem;} 100%{left:0rem;} } .newsmile_wrap.smilemain .cont4 ul li:nth-child(2){background:url(/images/common/bgtexture02.png) no-repeat center / cover;} .newsmile_wrap.smilemain .cont4 ul li .txtBox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center;} .newsmile_wrap.smilemain .cont4 ul li .txtBox p{font-size:50px;} .newsmile_wrap.smilemain .cont4 ul li .txtBox span{font-size:20px;} .newsmile_wrap.smilemain .cont4 ul li .txtBox img{margin:40rem auto 0; width:57rem;} /* 커뮤니티 */ .newsmile_wrap.communitys .topBanner{background:url(/images/main/gnsmile_bg03.png) no-repeat center / cover;} .newsmile_wrap.communitys .cont1{background:transparent;} .newsmile_wrap.communitys .txtBar{display:flex; justify-content:space-between; align-items:flex-end;} .newsmile_wrap.communitys .txtBar li .tits{font-size:70rem; margin-bottom:37rem; font-weight:200;} .newsmile_wrap.communitys .txtBar li .txts{font-size:18rem; color:#333;} .newsmile_wrap.communitys .txtBar .linkbt{margin-right:60rem;} .newsmile_wrap.communitys .cont1 .eventlist{padding-top:50rem; position:relative;} .newsmile_wrap.communitys .cont1 .eventlist .eventSwp{padding-bottom:80rem;} .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .imgBox{height:504rem;} .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .imgBox img{object-fit:cover; width:100%; height:100%;} .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .daytxt{font-size:15rem; color:#666; font-weight:500; margin:15rem 0 10rem;} .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .tite{font-size:20rem; font-weight:500;} .newsmile_wrap.communitys .cont2{padding:100rem 0 150rem;} .newsmile_wrap.communitys .cont2 .txtBar li img{width:205rem;} .newsmile_wrap.communitys .cont2 .txtBar li .txts{color:#fff; margin-top:36rem;} .newsmile_wrap.communitys .cont2 .ytblist{padding-top:50rem; position:relative; margin-bottom:130rem;} .newsmile_wrap.communitys .cont2 .ytblist .ytbDc{width:242rem; position:absolute; right:0; bottom:45rem; z-index:2;} .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp .imgBox{height:435rem; cursor:pointer;} .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp .imgBox img{height:100%; } .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp .tite{color:#fff; font-size:20rem; font-weight:500; margin-top:20rem;} .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp{padding-bottom:100rem; cursor:auto;} .newsmile_wrap.communitys .cont2 .instlist{position:relative; padding-bottom:68rem;} .newsmile_wrap.communitys .cont2 .instlist .instSwp{padding-top:50rem;} .newsmile_wrap.communitys .cont2 .instlist .instSwp .imgBox{height:473rem;} .newsmile_wrap.communitys .cont2 .instlist .instSwp .imgBox img{object-fit:cover; height:100%;} .newsmile_wrap.communitys .cont2 .instlist .swiper-pagination{width:max-content;} .newsmile_wrap.communitys .cont2 .instlist .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #fff;} .newsmile_wrap.communitys .cont2 .instlist .swiper-pagination .swiper-pagination-bullet::after{background:#fff;} /********* 메인풋터 *********/ /********* 메인풋터 *********/ #wrap.newmain{ position:relative;} #footer.main_footer{background:rgba(228,228,228,0.2); position:fixed; bottom:0; z-index:1; height:100%;} #footer.main_footer.scll{ overflow:auto; overflow:scroll; } #footer.main_footer img{width:100%;} #footer.main_footer .flex_Box{display:flex; height:auto; position:relative; justify-content:space-between; padding:125rem 168rem 0; gap:238rem;} #footer.main_footer .flex_Box .footerTxt{position:absolute; bottom:0; width:723rem;} #footer.main_footer .flex_Box .left > ul > li{display:flex; align-items:center; font-size:18rem; margin-bottom:65rem;} #footer.main_footer .flex_Box .left > ul > li:nth-child(3){align-items:flex-start; line-height:120%;} #footer.main_footer .flex_Box .left > ul > li:last-child{margin-bottom:87rem;} #footer.main_footer .flex_Box .left > ul > li > div{margin-left:70rem; font-size:16rem; font-weight:500;} #footer.main_footer .flex_Box .left > ul > li .tel{font-size:25rem;} #footer.main_footer .flex_Box .left > ul > li .txts em{color:#0B1EA8;} #footer.main_footer .flex_Box .left > ul > li .time{line-height:200%;} #footer.main_footer .flex_Box .left > ul > li .time em{width:70rem; display:inline-block;} #footer.main_footer .flex_Box .left > ul > li .time span{display:block; font-size:14rem; opacity:0.4; line-height:150%; padding:0 72rem 5rem;} #footer.main_footer .flex_Box .left > ul > li > span{display:inline-block; margin-right:17rem;} #footer.main_footer .flex_Box .right{min-width:740rem;} #footer.main_footer .ftWrap{padding:73rem 168rem 108rem;} #footer.main_footer .snslist p, #footer.main_footer .langlist p{font-size:23rem; font-weight:500; margin-bottom:21rem;} #footer.main_footer .snslist ul, #footer.main_footer .langlist ul{display:flex;} #footer.main_footer .snslist li{background:#F2F2F2; width:120rem; height:55rem; margin-right:10rem;} #footer.main_footer .snslist li a{width:100%; height:100%; position:relative;} #footer.main_footer .snslist li a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:16rem;} /* 24-01-19 언어 리스트 추가 */ #footer.main_footer .langlist{margin-top:40rem;} #footer.main_footer .langlist li {text-align:center;} #footer.main_footer .langlist li img{width:40rem; } #footer.main_footer .langlist li span{display:block; margin-top:4rem; font-size:16rem;} #footer.main_footer .ft_contact{} #footer.main_footer .ft_contact .inner{padding-left:0;} #footer.main_footer .ft_contact .writeWrap{padding:0;} #footer.main_footer .ft_contact .writeWrap .writeBox .txt1{font-size:28rem; font-weight:700; margin-top:46rem;} #footer.main_footer .ft_contact .writeWrap .writeBox .txt2{font-size:18rem; margin:0 0 22rem; color:#9F9F9F;} #footer.main_footer .ft_contact .writeWrap .writeBox .okBtn > *{padding:14rem 44rem;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox{display:flex; align-items:center; justify-content: space-between; } #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck{font-size:15rem; position:relative;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck label {display:flex; align-items:center; cursor:pointer;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .fakeck{border:1rem solid #CDCDCD; width:16rem; height:16rem; margin-right:10rem; position:relative;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .fakeck::after{position:absolute; content:''; width:6rem; height:6rem; background:#1A1A1A; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck input[type="checkbox"]:checked + label .fakeck::after{opacity:1;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .privacy_policy{display:none; background-color:#fff; border: 0.3px solid #000; margin-top:12rem; position:absolute; top:100%; color: #1A1A1A; line-height: normal; padding:17rem 20rem 20rem; z-index:1;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .privacy_policy strong {display:block; font-size: 15rem; font-weight: 700; margin-bottom:13rem; } #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .privacy_policy p {font-size: 13rem; font-weight: 300; border: 0.3px solid #000; padding:11rem 18rem;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .privacy_policy p span {display:block; font-size: 13rem; font-weight: 700; margin-top:8rem; } #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .privacy_policy p span:nth-of-type(1) {margin-top:0;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck input[type="checkbox"]:checked + label + .privacy_policy{display:block;} /**/ .mainReview .titBx{ padding:130rem 168rem 80rem;} .mainReview .titBx .line{ position:relative; margin-bottom:80rem; padding-top:20rem; border-top:1px solid #1A1A1A; } .mainReview .titBx .line::after{ content:''; position:absolute; right:0; top:20rem; width:11rem; height:11rem; background:#1A1A1A; border-radius:50%; } .mainReview .titBx .line span{ display:inline-block; vertical-align:top; font-size:15rem; line-height:normal; font-weight:200; } .mainReview .titBx .tit{ margin-bottom:60rem; font-size:48rem; line-height:140%; font-weight:700; letter-spacing:-1.92rem;} .mainReview .titBx .btn{ font-size:0; cursor:auto; } .mainReview .titBx .btn li{ display:inline-block; vertical-align:top; margin-right:36rem; cursor:auto; } .mainReview .titBx .btn li:last-child{ margin-right:0; } .mainReview .titBx .btn li a{ display:inline-block; position:relative; margin-right:70rem; font-size:14rem; line-height:21rem; color:#1A1A1A; } .mainReview .titBx .btn li a::after{position:absolute; content:''; top:50%; right:-55rem; transform:translateY(-50%); width:38rem; height:14rem; background:url(/images/main/linkaw.png) no-repeat center / 100%; filter:brightness(0) invert(0); } .mainReview .titBx .btn li a::before{position:absolute; content:''; top:-11rem; right:-70rem; width:44rem; height:44rem; transform:scale(1); border-radius:50%; background:#ebebeb; opacity:0.3; transition:.5s ease;} .mainReview .titBx .btn li a:hover:before{transform:scale(1.2);} .mainReview .linkBx{ position:relative; display:flex; flex-wrap:wrap; height:1080rem; background:url('/images/main/review_bg01_260122.png') no-repeat center; background-size:cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; transition-delay:0.1s; overflow:hidden;} .mainReview .linkBx > div{ width:20%; border-right:2px solid rgba(255, 255, 255, 0.35); } .mainReview .linkBx > div:last-child{ border-right:0; } .mainReview .linkBx a{ position:relative; padding-top:484rem; height:100%; box-sizing:border-box; background:rgba(0, 0, 0, 0.20);} .mainReview .linkBx a::before{ content:''; position:absolute; left:0; top:100%; width:100%; height:100%; background:linear-gradient(180deg, rgba(30, 134, 192, 0.00) 0%, #001FC2 100%); opacity:0; -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s; transition-delay:0.2s; } .mainReview .linkBx a p{ position:relative; z-index:1; padding-top:138rem; text-align:center; } .mainReview .linkBx a p .t1{ display:block; margin-bottom:18rem; font-size:24rem; line-height:66%; font-weight:200; color:#fff; text-align:center; } .mainReview .linkBx a p .t2{ display:block; font-size:35rem; font-weight:700; line-height:120%; color:#fff; } .mainReview .linkBx a p .t2 span{ display:block; font-size:20rem; } .mainReview .linkBx a p .t3 { display:block; font-size:20rem; line-height:24rem; margin:3rem 0 0; color:#fff;} .mainReview .linkBx > div.bg{ position:absolute; left:0; top:0; width:100%; height:100%; } .mainReview .linkBx > div.bg img{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; transition:all 0.8s; transition-delay:0.2s; } .mainReview .linkBx .nametag{ position:absolute; left:0; top:0; width:100%; font-size:25rem; line-height:1; color:#fff; font-weight:700; z-index:2; font-family:'Noto Sans KR', sans-serif; box-sizing:border-box;} .mainReview .linkBx .nametag strong{ opacity:0; position:absolute; left:70rem; top:70rem; display:block; width:100%; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; transition:all 0.8s; transition-delay:0.2s; } .mainReview .linkBx.bg1 .nametag strong:nth-of-type(1){ opacity:1; } .mainReview .linkBx.bg2 .nametag strong:nth-of-type(2){ opacity:1; } .mainReview .linkBx.bg3 .nametag strong:nth-of-type(3){ opacity:1; } .mainReview .linkBx.bg4 .nametag strong:nth-of-type(4){ opacity:1; } .mainReview .linkBx.bg5 .nametag strong:nth-of-type(5){ opacity:1; } .mainReview .linkBx.bg1 > div.bg img:nth-of-type(1){ opacity:1; } .mainReview .linkBx.bg2 > div.bg img:nth-of-type(2){ opacity:1; } .mainReview .linkBx.bg3 > div.bg img:nth-of-type(3){ opacity:1; } .mainReview .linkBx.bg4 > div.bg img:nth-of-type(4){ opacity:1; } .mainReview .linkBx.bg5 > div.bg img:nth-of-type(5){ opacity:1; } .mainReview .linkBx .on a::before{ top:0; opacity:1; } .mainReview .linkBx a .mo_nametab{ display:none; } .mainReview .linkBx .link01 a p{ background:url('/images/main/review_icon01.svg') no-repeat center top; background-size:108rem auto;} .mainReview .linkBx .link02 a p{ background:url('/images/main/review_icon02.svg') no-repeat center top; background-size:108rem auto;} .mainReview .linkBx .link03 a p{ background:url('/images/main/review_icon03.svg') no-repeat center top; background-size:108rem auto;} .mainReview .linkBx .link04 a p{ background:url('/images/main/review_icon04.svg') no-repeat center top; background-size:108rem auto;} .mainReview .linkBx .link05 a p{ background:url('/images/main/review_icon05.svg') no-repeat center top; background-size:108rem auto;} .mainSmile .line{ position:relative; width:100%; margin-bottom:60rem; padding-top:20rem; border-top:1px solid #1A1A1A; } .mainSmile .line::after{ content:''; position:absolute; right:0; top:20rem; width:11rem; height:11rem; background:#1A1A1A; border-radius:50%; } .mainSmile .line span{ display:inline-block; vertical-align:top; font-size:15rem; line-height:normal; font-weight:200; } .mainSmile .titImg{ margin-bottom:70rem; width:100%; } .mainSmile .titImg img{ width:100%; } .mainSmile .titImg img.mo{ display:none; } .mainSmile .conWrap{ display:flex; flex-wrap:wrap; padding:0 160rem 195rem 176rem; } .mainSmile .conWrap .left{ padding-right:100rem; width:calc(100% - 888rem); box-sizing:border-box; } .mainSmile .conWrap .left .titBx{ margin-bottom:31rem; } .mainSmile .conWrap .left .titBx strong{ display:block; margin-bottom:40rem; font-size:48rem; line-height:140%; letter-spacing:-1.92rem; color:#1A1A1A; font-weight:700; } .mainSmile .conWrap .left .titBx p{ margin-bottom:39rem; max-width:542rem; font-size:23rem; line-height:normal; color:#1A1A1A; } .mainSmile .conWrap .left .titBx .btn{ cursor:auto; } .mainSmile .conWrap .left .titBx .btn a{ display:inline-block; position:relative; margin-right:70rem; font-size:15rem; line-height:21rem; color:#1A1A1A; } .mainSmile .conWrap .left .titBx .btn a::after{position:absolute; content:''; top:50%; right:-55rem; transform:translateY(-50%); width:38rem; height:14rem; background:url(/images/main/linkaw.png) no-repeat center / 100%; filter:brightness(0) invert(0); } .mainSmile .conWrap .left .titBx .btn a::before{position:absolute; content:''; top:-11rem; right:-70rem; width:44rem; height:44rem; transform:scale(1); border-radius:50%; background:#ebebeb; opacity:0.3; transition:.5s ease;} .mainSmile .conWrap .left .titBx .btn a:hover:before{transform:scale(1.2);} .mainSmile .conWrap .left .swiper-count{ text-align:right; margin-bottom:25rem; font-size:16rem; font-weight:400; color:#1A1A1A; } .mainSmile .conWrap .left .swiper-count .swiper-pagination-current{ font-weight:700; color:#0B1EA8; } .mainSmile .conWrap .left .listBx{ max-height:342rem; overflow-y:auto; border-top:1px solid #1A1A1A; border-bottom:1px solid #D9D9D9; } .mainSmile .conWrap .left .listBx::-webkit-scrollbar { display:block; width:5px; background-color:#ddd;} .mainSmile .conWrap .left .listBx::-webkit-scrollbar-thumb { background-color:#0B1EA8 !important; } .mainSmile .conWrap .left .listBx li{ padding:24rem 0; border-bottom:1px solid #D9D9D9; } .mainSmile .conWrap .left .listBx li:last-child{ border-bottom:0; } .mainSmile .conWrap .left .listBx li a strong{ display:block; margin-bottom:4rem; font-size:23rem; line-height:normal; letter-spacing:-0.92rem; color:#1A1A1A; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mainSmile .conWrap .left .listBx li a:hover strong{ text-decoration:underline; } .mainSmile .conWrap .left .listBx li a p{ font-size:18rem; line-height:normal; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mainSmile .conWrap .right{ padding-top:42rem; width:888rem; } .mainSmile .conWrap .right .videoSlide{ margin-bottom:26rem; overflow:hidden;} .mainSmile .conWrap .right .thumSlide { overflow:hidden;} .mainSmile .conWrap .right .videoBx{ position:relative; padding-bottom:56.25%; } .mainSmile .conWrap .right .videoBx iframe{ position:absolute; left:0; top:0; width:100%; height:100%; } .mainSmile .conWrap .right .mList{ display:none; } /* 260319 영문 추가 */ .newmain.en {font-family:'Noto Sans KR', 'Futura', sans-serif;} .newmain.en .main03 {padding-top:82.68rem; } .newmain.en .newsmile_wrap .textArea.bk li {font-family:futura, sans-serif; font-size:15rem; font-weight:200;} .newmain.en #footer .ftWrap .inner{min-height:370rem; display:flex; flex-direction:column; justify-content:flex-end;} .newmain.en #footer .ftWrap .ftLogo {margin-bottom:30rem;} .newmain.en #footer .ftWrap .ftInfo {font-size:15rem;} .newmain.en #footer.main_footer .ftWrap .infoCopy{position:unset; text-align:left; margin-top:15rem; } .newmain.en #footer.main_footer .ftWrap .ft_map {width:850rem; height:370rem; position:absolute; right:0; bottom:0;} .newmain.en #footer.main_footer .ftWrap {background:none} .newmain.en .clinic_info .sns_box{} .newmain.en .clinic_info .sns_box ul{display:flex; gap:22rem;} .newmain.en .clinic_info .sns_box ul li a{min-height:19rem; background-repeat:no-repeat; background-position:center; background-size:contain; text-indent: -9999px; overflow:hidden;} .newmain.en .clinic_info .sns_box ul li:nth-of-type(1) a{width:19rem; background-image:url('/en/images/main/sns_facebook.svg');} .newmain.en .clinic_info .sns_box ul li:nth-of-type(2) a{width:16rem; background-image:url('/en/images/main/sns_insta.svg');} .newmain.en .clinic_info .sns_box ul li:nth-of-type(3) a{width:19.9rem; background-image:url('/en/images/main/sns_youtube.svg');} .newmain.en .clinic_info .sns_box ul li:nth-of-type(4) a{width:18.7rem; background-image:url('/en/images/main/sns_kakao.svg');} .newmain.en .clinic_info .sns_box > strong{display:block; margin-top:62rem; margin-bottom:19rem; color: #1A1A1A; font-size: 28rem; font-style: normal; font-weight: 700; line-height: 140%; /* 39.2rem */} .newmain.en .clinic_info > strong {display:block; color:#1A1A1A; font-size:28rem; font-weight:700; line-height:140%; margin-bottom:27rem; margin-top:15rem;} .newmain.en .clinic_info ul.clinic_hours {opacity:0.7; width:484rem; margin-bottom:26rem;} .newmain.en .clinic_info ul.clinic_hours li {color:#1A1A1A; font-kerning:none; font-size:15rem; font-weight:400; line-height:45rem; text-transform:capitalize; display:flex; border-bottom:1rem solid #9a9a9a; display:flex; align-items:center; justify-content:space-between;} .newmain.en .clinic_info ul.clinic_hours li span {padding-right:79rem;} .newmain.en .clinic_info > p {color:#1A1A1A; font-kerning:none; font-size:15rem; font-weight:300; line-height:26rem; text-transform:capitalize; opacity:0.7;} .newmain.en .clinic_info > em {display:block; color:#1A1A1A; font-kerning:none; font-size:15rem; font-weight:700; line-height:26rem; text-transform:capitalize; opacity:0.7;margin-top:22rem;} .newmain.en .clinic_info ul.clinic_contact {display:flex; gap:65rem; margin-top:80rem;} .newmain.en .clinic_info ul.clinic_contact li {} .newmain.en .clinic_info ul.clinic_contact li strong {color:#1A1A1A; font-size:28rem; font-weight:700; line-height:140%; } .newmain.en .clinic_info ul.clinic_contact li p {color:#1A1A1A; font-kerning:none; font-size:15rem; font-weight:400; line-height:26rem; opacity:0.7; margin-bottom:51rem;} .newmain.en .clinic_info ul.clinic_contact li em {color:#1A1A1A; font-size:28rem; font-weight:700; line-height:140%; } .newmain.en .newsmile_wrap .topBanner .txtBox{} .newmain.en .newsmile_wrap .topBanner .txtBox .sub_tit {font-weight:500; font-size:20rem; line-height:140%;} .newmain.en .newsmile_wrap .topBanner .txtBox .tits{font-size:50rem; font-weight:500; margin-bottom:40rem; line-height:140%;} .newmain.en .newsmile_wrap .topBanner .txtBox .txts{font-size:18rem; line-height:140%; margin-bottom:67rem;} .newmain.en .newsmile_wrap .topBanner.main01_03 .txtBox .tits{margin-bottom:69rem; line-height: 110%; font-size:60rem; font-weight: 500; letter-spacing: 3rem;} .newmain.en .newsmile_wrap .topBanner.main01_03 .txtBox .txts{margin-bottom:77rem; } .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .tits{margin-bottom:65rem; font-weight:700; } .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts{margin-bottom:0;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts strong{display:block; font-size:22rem; line-height:140%; margin-top:66rem; font-weight:700;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts strong:nth-of-type(1) {margin-top:0;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts em {display:block; color: #FFF; font-size: 15rem; font-style: normal; line-height: 140%; margin-bottom:24rem; } .newmain.en .taggbox_wrap {padding-bottom:120rem; font-family:'Montserrat', sans-serif !important} .newmain.en .taggbox_wrap .taggbox {width:100%; height:100%; overflow:auto;} .newmain.en .taggbox_wrap .tb_nc_contant_wrapper {padding:28rem 26rem;} .newmain.en .taggbox_wrap .tb_nc_post_container {gap:22rem;} .newmain.en .taggbox_wrap .tb_nc_post_wrapper {width:calc(25% - 16.5rem) !important; position:unset !important; padding:0 !important; background-color:#f6f6f8; border-radius:8rem;} .newmain.en .taggbox_wrap .tit {font-size:62rem; display:block; font-weight:700; background-color:#FFF8FB; padding:34rem 0; text-align:center; color:#383D3B;} .newmain.en .taggbox_wrap .sub_tit {font-size:24rem; text-align:center; font-weight:700; padding:30rem 0;} .newmain.en .taggbox_wrap .tb_nc_post_in {border:none;} .newmain.en .taggbox_wrap .tb_nc_post_wrap_in {border:0 !important; background-color:unset !important; border-radius:0 !important} .newmain.en .taggbox_wrap .tb_nc_rating {justify-content:flex-start;} .newmain.en .taggbox_wrap .tb_rating_ico__ {padding:0; margin-bottom:6rem;} .newmain.en .taggbox_wrap .tb_rating_ico__ {font-size:22rem;} .newmain.en .taggbox_wrap .tb_content_trim {font-family:'Noto Sans KR', sans-serif !important; line-height:normal; font-size:18rem;} .newmain.en .taggbox_wrap .tb_rv_container {border-radius:8rem; background-color:#f6f6f8; padding:0 !important;} .newmain.en .taggbox_wrap .tb_app_wrapper {gap:24rem;} .newmain.en .taggbox_wrap .tb_rv_wrapper {background-color:unset !important;} .newmain.en .taggbox_wrap .tb_rv_banner_btn {background-color:#197BFF !important; border-radius:50rem; padding:12rem 22rem; font-size:16rem !important; font-weight:700; font-family:'Montserrat', sans-serif !important;} .newmain.en .taggbox_wrap .tb_rv_banner_wrap {padding:30rem 26rem;} .newmain.en .taggbox_wrap .tb_nc_authorname {font-size:16rem;} .newmain.en .taggbox_wrap .tb_nc_rating {min-height:auto; margin-bottom:4rem;} .newmain.en .taggbox_wrap .tb_nc_author_wrapper {margin-bottom:14rem;} .newmain.en .taggbox_wrap .tb_nc_username {display:none} .newmain.en .taggbox_wrap .tb_nc_seprator {display:none;} .newmain.en .taggbox_wrap .tb_nc_time {font-family: 'Montserrat', sans-serif !important; font-weight:400; font-size:13rem;} .newmain.en .taggbox_wrap .tb_app_container {display:block;} /* .newmain.en .taggbox_wrap .tb_app_container:before {content:''; background-color:#fff; width:100%; z-index:11; position:absolute;bottom:0; width:200px; right:170rem; bottom:220rem; height:42px} */ .newmain.en #taggbox_main, .taggbox, .taggbox>div, .tagshop, .tagshop-socialwall, .tagshop-socialwall>div, .tagshop>div, .tb_app_container, .tb_theme_container {gap:5rem;} .newmain.en .taggbox_wrap .tb_rv_review_count {font-size:20rem !important;} .newmain.en .taggbox_wrap .tb_avg_rating_ico__ {font-size:16rem !important; } .newmain.en .taggbox_wrap .tb_rv_review_total_post.tb-cTBfont-undefined {font-size:20rem !important;} .newmain.en .taggbox_wrap .tb_rv_head_log_img {height:36rem } .newmain.en .taggbox_wrap .tb_see_more_btn {font-family:'Montserrat', sans-serif !important; font-size:18rem; font-weight:bold; background-color:#F3F3F3; color:#000; border:none; border-radius:100rem; width:260rem; padding:12rem 0; margin-top:50rem; pointer-events: none} .newmain.en .taggbox_wrap .tb_see_more_btn_wrap {display:none;} #footer.main_footer .ft_contact .writeWrap .writeBox ul li > span.contact-country-wrap { display: flex; align-items: center; gap: 4rem;} #footer.main_footer .country-select { position: relative; display: inline-flex; min-width: 168rem; } #footer.main_footer #country_dial_code {position:absolute; right:calc(100% + 2.6rem); } #footer.main_footer .country-select .country-select-trigger { display: flex; align-items: center; justify-content: center; width: 100%; height: 34rem; padding: 0 12rem; background: unset; font-size: 14rem; line-height: 1; cursor: pointer; } #footer.main_footer .country-select .country-select-trigger::after { content: ""; display: inline-block; width: 8rem; height: 5rem; margin-left: 8rem; background: url("/images/common/select_arrow.png") no-repeat center / contain; } #footer.main_footer .country-select.open .country-select-trigger::after { transform: rotate(180deg); } #footer.main_footer .country-select.is-selected .country-select-trigger { width: 52rem; padding: 0; } #footer.main_footer .country-select .country-select-placeholder { display: inline-block; white-space: nowrap; } #footer.main_footer .country-select .country-select-flag { width: 24rem; height: 16rem; object-fit: cover; border: 1px solid #ebebeb; } #footer.main_footer .country-select.is-selected .country-select-placeholder { display: none; } #footer.main_footer .country-select-options { position: absolute; top: calc(100% + 6rem); left: 0; display: none; width: 240rem; max-height: 240rem; overflow-y: auto; border: 1px solid #d4d4d4; background: #fff; z-index: 20; } #footer.main_footer .country-select.open .country-select-options { display: block; } #footer.main_footer .country-select-options .country-option { width: 100%; display: flex; align-items: center; gap: 10rem; padding: 8rem 12rem; border: 0; background: #fff; cursor: pointer; text-align: left; } #footer.main_footer .country-select-options .country-option .country-option-label { display: inline-flex; align-items: center; gap: 6rem; font-size: 12rem; line-height: 1.2; } #footer.main_footer .country-select-options .country-option .country-option-dial { color: #6f6f6f; } #footer.main_footer .country-select-options .country-option:hover { background: #f5f7fb; } @media screen and ( max-width:767px){ .newmain.en .newcontainer{padding-left:20rem !important; padding-right:20rem !important;} .newmain.en .newsmile_wrap .topBanner{padding:0 20rem;width:calc(100% + 4rem);} .newmain.en .newsmile_wrap .topBanner .txtBox {top:180rem; transform:translateY(0)} .newmain.en .newsmile_wrap .topBanner .txtBox .sub_tit {font-size:10rem !important; line-height:140%; margin-bottom:10rem !important;} .newmain.en .newsmile_wrap .topBanner .txtBox .tits{font-size:26rem; margin-bottom:20rem !important; letter-spacing:1rem !important; line-height: 110%;} .newmain.en .newsmile_wrap .topBanner .txtBox .txts{font-size:11rem; margin-bottom:47rem !important; line-height:140%;} .newmain.en .newsmile_wrap .topBanner .txtBox .txts br.mob {display:block;} .newmain.en .newsmile_wrap .linkbt {font-size:11rem; line-height:140%;} .newmain.en .newsmile_wrap .linkbt::after{width:25rem; right:-36rem;} .newmain.en .newsmile_wrap .linkbt::before{width:26rem; height:26rem; right:-47rem;} .newmain.en .newsmile_wrap .topBanner.main01_01 .txtBox .txts {padding-right:50rem;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox {position:unset; height:100%;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .sub_tit {position:absolute; top:calc(50% - 324rem); transform: translateY(-50%); font-size:10rem !important; line-height:140%;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .tits {position:absolute; font-weight:500;; top:calc(50% - 274rem); transform: translateY(-50%); font-size:25rem; line-height:110%; } .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts {position:absolute; top:calc(50% + 194rem); transform: translateY(-50%); font-size:11rem !important; line-height:140%;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts strong {margin-top:20rem; font-weight:500; font-size:14rem; line-height:140%; margin-bottom:4rem;} .newmain.en .newsmile_wrap .topBanner.main01_02 .txtBox .txts em {margin-bottom:12rem; display:none;} .newmain.en .newsmile_wrap .topBanner.main01_03 .txtBox .tits{font-size:26rem;} .newmain.en .newmain .swiper {margin:-2rem 0 0;} .newmain.en .newsmile_wrap .cont1{padding:60rem 0;} .newmain.en .newsmile_wrap .topslide{padding-top:20rem;} .newmain.en .newsmile_wrap .topslide .ccimg{display:none;} .newmain.en .newsmile_wrap .cont1 > .tits{font-size:19rem;} .newmain.en .newsmile_wrap .topslide .txts{padding-bottom:50rem;} .newmain.en .newsmile_wrap .topslide .tits{font-size:17rem; margin-top:15rem;} .newmain.en .newsmile_wrap .topslide .txts{font-size:15rem;} .newmain.en .newsmile_wrap .topslide .swiper-slide{padding:0 20rem;} .newmain.en .newsmile_wrap .cont1 .topslide .swiper-button-next.type2{top:110rem;} .newmain.en .newsmile_wrap .cont1 .topslide .swiper-button-prev.type2{top:110rem;} .newmain.en .newsmile_wrap .cont2{padding:60rem 0 109rem;} .newmain.en .newsmile_wrap .textArea{margin-bottom:17rem;} .newmain.en .newsmile_wrap .textArea .numbar{position:relative; padding-top:15rem;} /* newsmile_wrap .textArea .numbar li.one{position:absolute; right:0; bottom:0;} */ .newmain.en .newsmile_wrap .cont2 .flx_Box{flex-direction:column; align-items:start;} .newmain.en .newsmile_wrap .cont2 .flx_Box .txtBox .tits{font-size:50rem; margin-bottom:30rem;} .newmain.en .newsmile_wrap .cont2 .flx_Box .txtBox .tits2{font-size:40rem; margin-bottom:20rem;} .newmain.en .newsmile_wrap .cont2 .flx_Box .txtBox .txts{font-size:15rem; margin-bottom:50rem;} .newmain.en .newsmile_wrap .cont2 .flx_Box .imgBox{width:100%; margin-top:60rem; height:300rem;} .newmain.en .newsmile_wrap .cont2 .flx_Box > .deco1{width:41rem; height:44rem; left:auto; top:100rem; right:20rem;} .newmain.en .newsmile_wrap .cont2 .flx_Box > .deco2{left:auto; top:auto; right:34rem; bottom:-38rem; width:81rem; height:81rem;} .newmain.en .newsmile_wrap .reviewArea{padding:60rem 20rem;} .newmain.en .newsmile_wrap .reviewArea .flex_Box{flex-direction:column; align-items:flex-start; margin-bottom:36rem;} .newmain.en .newsmile_wrap .reviewArea .flex_Box .tits{font-size:19rem; margin-bottom:40rem;} .newmain.en .reviewSd .swiper-slide{padding:0 20rem;} .newmain.en .newsmile_wrap .swiper-button-prev.type2{left:0; width:10rem; top:120rem; display:none;} .newmain.en .newsmile_wrap .swiper-button-next.type2{right:0; width:10rem; top:120rem; display:none;} .newmain.en .reviewSd .swiper-slide .imgArea{height:auto;} .newmain.en .reviewSd .swiper-slide .imgArea img{object-fit:contain; height:auto;} .newmain.en .reviewSd .swiper-slide .sbtits{font-size:17rem; margin-top:33rem;} /* 240104 어워드 이미지추가 */ .newmain.en .newsmile_wrap .topBanner .awardBox {bottom:90rem; left:24rem;} .newmain.en .newsmile_wrap .topBanner .awardBox .img-box{ width:89rem;} /* 시력교정 */ .newmain.en .newsmile_wrap.visions .sdBanner .topBanner .mouseBox{position:absolute; bottom:auto; top:560px; left:50%; transform:translateX(-50%);} .newmain.en .newsmile_wrap.visions .sdBanner .topBanner .flex{flex-direction:column;} .newmain.en .newsmile_wrap.visions .sdBanner .topBanner:nth-child(2){background:url(/images/main/newsmile01-1_m.png) no-repeat center / cover;} .newmain.en .newsmile_wrap.visions .sdBanner .topBanner .flex li{margin-bottom:20rem;} .newmain.en .newsmile_wrap.visions .topBanner .txtBox{transform:translateY(-10%);} .newmain.en .newsmile_wrap.visions .cont1 .icon{width:52rem; margin:0 auto 15rem;} .newmain.en .newsmile_wrap.visions .cont1 .topslide{padding-top:20rem;} .newmain.en .newsmile_wrap.visions .cont1 .tits{text-align:left;} .newmain.en .newsmile_wrap.visions .visionsBox .swiper-slide{padding:0 20rem;} .newmain.en .newsmile_wrap.visions .cont2{padding:40rem 0 0;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li .flex{flex-direction:column;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li .flex .txtBox .txts{font-size:15rem; margin-bottom:40rem;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li .flex .imgBox{width:100%; margin-top:50rem;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li::before{width:232rem; height:100rem; bottom:75rem; right:0;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li .flex .txtBox .tits{font-size:19rem; margin-bottom:15rem;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li .flex .txtBox .tits br{display:none;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li{padding-bottom:129rem;} .newmain.en .newsmile_wrap.visions .cont2 .listArea .iconOne::after{width:11rem; height:11rem;} .newmain.en .newsmile_wrap.visions .cont2 .listArea .iconOne{font-size:14px; margin-bottom:17rem;} .newmain.en .newsmile_wrap.visions .cont2 .listArea li::after{width:73rem; height:73rem; right:0; top:157rem;} /*노인백네장*/ .newmain.en .newsmile_wrap.presbyopia .topBanner{background:url(/images/main/presbyopia01_m.png) no-repeat top / cover;} .newmain.en .newsmile_wrap.presbyopia .cont1.newcontainer{padding:60rem 0 !important;} .newmain.en .newsmile_wrap.presbyopia .cont1 .icon{width:55rem;} .newmain.en .newsmile_wrap.presbyopia .cont1 .txts{font-size:15rem;} .newmain.en .newsmile_wrap.presbyopia .cont1 ul > *{float:none; width:100%;} .newmain.en .newsmile_wrap.presbyopia .cont1 li{height:330rem;} .newmain.en .newsmile_wrap.presbyopia .cont1 li > .title{font-size:13rem; padding:6rem 24rem; bottom:40rem;} .newmain.en .newsmile_wrap.presbyopia .cont1 li .textbox{padding-top:39rem;} .newmain.en .newsmile_wrap.presbyopia .cont1 li .textbox .title{font-size:16px; margin-bottom:5rem;} .newmain.en .newsmile_wrap.presbyopia .cont1 li .textbox .sub{font-size:14px;} .newmain.en .newsmile_wrap.presbyopia .cont1 li::before{position:absolute; content:''; top:0; left:0; width:100%; height:100%; z-index:1; background:#0000003b;} .newmain.en .newsmile_wrap.presbyopia .cont1 .float-clear{margin:50rem 0 20rem;} .newmain.en .newsmile_wrap.presbyopia .cont2{padding:60rem 0 80rem;} .newmain.en .newsmile_wrap.presbyopia .cont2 > .tits{font-size:19rem;} .newmain.en .newsmile_wrap.presbyopia .topslide{padding-top:20rem;} .newmain.en .newsmile_wrap.presbyopia .topslide .swiper-slide{padding:0 20rem;} .newmain.en .newsmile_wrap.presbyopia .reviewSd .swiper-slide .imgArea{height:auto;} .newmain.en .newsmile_wrap.presbyopia .reviewSd .swiper-slide .imgArea img{object-fit:cover; height:100%;} .newmain.en .newsmile_wrap.presbyopia .swiper-button-next.type2{top:35%;} .newmain.en .newsmile_wrap.presbyopia .swiper-button-prev.type2{top:35%;} .newmain.en .newsmile_wrap.presbyopia .reviewArea .swiper-button-next.type2{top:34%;} .newmain.en .newsmile_wrap.presbyopia .reviewArea .swiper-button-prev.type2{top:34%;} .newmain.en .newsmile_wrap.presbyopia .cont4{display:block; padding:50rem 0 108rem;} .newmain.en .newsmile_wrap.presbyopia .cont4 .txtArea{ padding-top:20rem;} .newmain.en .newsmile_wrap.presbyopia .cont4 .txtArea .tits{width:144rem; margin-bottom:30rem;} .newmain.en .newsmile_wrap.presbyopia .cont4 .swiper-slide{flex-direction:column;} .newmain.en .newsmile_wrap.presbyopia .cont4 .swiper-pagination{height:max-content; top:auto; left:20rem; bottom:60rem;} .newmain.en .newsmile_wrap.presbyopia .cont4 .vdArea .imgarea{height:auto; margin-top:40rem;} .newmain.en .newsmile_wrap.presbyopia .cont4 .txtArea .txts{margin-bottom:30rem; font-size:15rem;} .newmain.en .newsmile_wrap.presbyopia .cont4 .txtArea{width:100%;} .newmain.en .newsmile_wrap.presbyopia .cont4 .vdArea{width:100%;} .newmain.en .newsmile_wrap.presbyopia .cont4 .vdArea .titarea{font-size:17rem; background:#F7F7F7;} .newmain.en .newsmile_wrap.presbyopia .cont4 .decoTxt{left:auto; bottom:auto; width:72rem; height:72rem; top:183rem; right:20rem;} /* 의료진 */ .newmain.en .newsmile_wrap .doctorArea{padding-bottom:219rem;} .newmain.en .newsmile_wrap .doctorArea .topArea{margin-bottom:15rem;} .newmain.en .newsmile_wrap .doctorArea .topArea .tits{font-size:19rem; font-weight:500;} .newmain.en .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-next{width:33rem; height:19rem; top:10rem;} .newmain.en .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-next::after{width:33rem; height:19rem;} .newmain.en .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-prev{width:33rem; height:19rem; top:30rem;} .newmain.en .newsmile_wrap .doctorArea .topArea .arrowBox .swiper-button-prev::after{width:33rem; height:19rem;} .newmain.en .newsmile_wrap .doctorArea .doctorSd .tits{font-size:23rem;} .newmain.en .newsmile_wrap .doctorArea .doctorSd .txts{font-size:15rem;} .newmain.en .newsmile_wrap .doctorArea .doctorSd .txts br{display:none;} .newmain.en .newsmile_wrap .doctorArea .go_aw {width:137rem; height:137rem; right:auto; left:50%; transform:translateX(-50%); bottom:50rem;} .newmain.en .newsmile_wrap .doctorArea .go_aw p{font-size:10rem;} /* 커뮤니티 */ .newmain.en .newsmile_wrap.communitys .topBanner{background:url(/images/main/gnsmile_bg03_m.png) no-repeat bottom / cover;} .newmain.en .newsmile_wrap.communitys .txtBar{flex-direction:column; align-items:flex-start;} .newmain.en .newsmile_wrap.communitys .txtBar li .tits{font-size:40rem; margin-bottom:20rem; line-height:100%;} .newmain.en .newsmile_wrap.communitys .txtBar li .txts.dsnone{display:none;} .newmain.en .newsmile_wrap.communitys .cont1 .eventlist{padding-top:30rem;} .newmain.en .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .imgBox{height:auto;} .newmain.en .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .daytxt{font-size:14rem;} .newmain.en .newsmile_wrap.communitys .cont1 .eventlist .eventSwp .tite{font-size:17rem;} .newmain.en .newsmile_wrap.communitys .cont1 .eventlist .eventSwp{padding-bottom:50rem;} .newmain.en .newsmile_wrap.communitys .cont2{padding:40rem 0 102rem;} .newmain.en .newsmile_wrap.communitys .cont2 .txtBar li img{width:134rem; margin-bottom:20rem;} .newmain.en .newsmile_wrap.communitys .cont2 .ytblist{padding-top:40rem; margin-bottom:50rem;} .newmain.en .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp .tite{font-size:17rem;} .newmain.en .newsmile_wrap.communitys .cont2 .ytblist .ytbDc{width:104rem; bottom:38rem;} .newmain.en .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp{padding-bottom:50rem;} .newmain.en .newsmile_wrap.communitys .cont2 .txtBar li .txts{margin-top:20rem; font-size:14rem; margin-bottom:30rem;} .newmain.en .newsmile_wrap .swiper-pagination .swiper-pagination-bullet{width:22rem; height:22rem;} .newmain.en .newsmile_wrap.communitys .cont2 .instlist{padding-bottom:40rem;} .newmain.en .newsmile_wrap.communitys .cont2 .instlist .swiper-pagination{bottom:0;} .newmain.en .newsmile_wrap.communitys .cont2 .ytblist .youtubeSwp .imgBox{height:auto;} /* 강남스마일안과 */ .newmain.en .newsmile_wrap .sdBanner .pagebar{right:16rem;} /* .newsmile_wrap .sdBanner .topBanner:nth-child(2){background:url(/images/main/gnsmile_bg02_m.png) no-repeat center / cover;} */ .newmain.en .newsmile_wrap.smilemain .cont1 .clinicArea{position:relative;} .newmain.en .newsmile_wrap.smilemain .tabBar .swiper-pagination .swiper-pagination-bullet::after{color:#ADADAD;} .newmain.en .newsmile_wrap.smilemain .tabBar .swiper-pagination .swiper-pagination-bullet::before{color:#ADADAD;} .newmain.en .newsmile_wrap.smilemain .tabBar .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{color:#0B1EA8;} .newmain.en .newsmile_wrap.smilemain .cont1 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3){width:72rem; margin-right:25rem;} .newmain.en .newsmile_wrap.smilemain .cont1 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before{display:none;} .newmain.en .newsmile_wrap.smilemain .cont1{padding:60rem 0;} .newmain.en .newsmile_wrap.smilemain .cont1 .clinicArea .right img{height:100%; object-fit:cover;} .newmain.en .newsmile_wrap.smilemain .cont1 .flex_Box{flex-direction:column;} .newmain.en .newsmile_wrap.smilemain .cont1 .clinicArea .left{width:100%;} .newmain.en .newsmile_wrap.smilemain .cont1 .clinicArea .right{width:100%; height:223rem; margin-top:40rem;} .newmain.en .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide .left .tits{font-size:27rem;} .newmain.en .newsmile_wrap.smilemain .cont1 .clinicSd .swiper-slide .left .txts{font-size:15rem; margin-bottom:30rem; height:42rem;} .newmain.en .newsmile_wrap.smilemain .cont1 .ccimg{left:auto; right:20rem; width:93rem; bottom:36rem;} .newmain.en .newsmile_wrap.smilemain .cont2{padding:60rem 0 79rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .dcimg{left:auto; right:20rem; width:43rem; bottom:12rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .flex_Box{flex-direction:column;} .newmain.en .newsmile_wrap.smilemain .cont2 .aboutArea .left{width:100%;} .newmain.en .newsmile_wrap.smilemain .cont2 .aboutArea .right{width:100%; margin-top:40rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide .left .tits{font-size:23rem; font-weight:500;} .newmain.en .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide .left .txts{font-size:15rem; margin-bottom:30rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .lineimg{width:72rem; bottom:61rem; right:31rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .oceanTxt{left:20rem; width:242rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .aboutsd .swiper-slide .left .txts{height:45rem;} .newmain.en .newsmile_wrap.smilemain .tabBar .swiper-pagination .swiper-pagination-bullet::after{font-size:14rem;} .newmain.en .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet{margin-right:15rem;} .newmain.en .newsmile_wrap .tabBar .swiper-pagination .swiper-pagination-bullet:not(:last-child)::before{top:-2rem; right:-13rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(3){width:56rem;} .newmain.en .newsmile_wrap.smilemain .cont2 .tabBar .swiper-pagination .swiper-pagination-bullet:nth-child(2){width:86rem;} .newsmile_wrap .cont2 .flx_Box .txtBox {padding-top:0} .newmain.en .newsmile_wrap.smilemain .cont3{padding-top:60rem;} /* .newsmile_wrap.smilemain .reviewArea .swiper-scrollbar.type2{display:block;} */ /* .newsmile_wrap.smilemain .reviewArea{padding:0 20rem; position:relative;} .newsmile_wrap.smilemain .reviewArea::after{position:absolute; content:''; width:89rem; height:52rem; right:20rem; top:37rem; background:url(/images/common/gangnam_txt.svg) no-repeat center / 100%;} .newsmile_wrap.smilemain .reviewArea .swiper-slide:nth-child(1)::after{display:none;} .newsmile_wrap.smilemain .reviewArea .swiper-slide:nth-child(1){width:100% !important; padding-bottom:50rem;} .newsmile_wrap.smilemain .reviewSd .swiper-slide:nth-child(1) .imgArea{width:100%;} .newsmile_wrap.smilemain .reviewArea .swiper-pagination{display:none;} .newsmile_wrap.smilemain .doctorArea{padding-bottom:283rem;} .newsmile_wrap.smilemain .doctorArea .go_aw{bottom:100rem;} */ .newmain.en .newsmile_wrap.smilemain .doctorArea{padding-bottom:180rem;} .newmain.en .newsmile_wrap.smilemain .doctorArea .go_aw{bottom:0;} .newmain.en .newsmile_wrap.smilemain .reviewArea{padding:0 20rem; position:relative;} .newmain.en .newsmile_wrap.smilemain .reviewArea .sdflex{display:block;} .newmain.en .newsmile_wrap.smilemain .sdflex .rvSdArea{width:100%; padding:0 20rem 50rem;} .newmain.en .newsmile_wrap.smilemain .reviewArea{position:relative;} .newmain.en .newsmile_wrap.smilemain .reviewArea .gntxtimg{width:89rem; position:absolute; margin:0; top:-15rem; right:40rem;} .newmain.en .newsmile_wrap.smilemain .reviewArea .swiper-scrollbar.type2{height:5rem; position:absolute; bottom:0;} .newmain.en .newsmile_wrap.smilemain .sdflex .rvSdArea .sbtits{font-size:17rem;} .newmain.en .newsmile_wrap.smilemain .reviewArea .tits{font-size:19rem; margin-bottom:20rem; font-weight:500;} .newmain.en .newsmile_wrap.smilemain .cont4 ul{flex-direction:column;} .newmain.en .newsmile_wrap.smilemain .cont4 ul li{width:100%; height:100%;} .newmain.en .newsmile_wrap.smilemain .cont4 ul li .txtBox p{font-size:23rem; margin-bottom:8rem;} .newmain.en .newsmile_wrap.smilemain .cont4 ul li .txtBox span{font-size:15rem;} .newmain.en .newsmile_wrap.smilemain .cont4 ul li .txtBox img{margin:30rem auto 0; width:31rem;} .newmain.en .newsmile_wrap.smilemain .cont4{padding:60rem 0 0;} .newmain.en .newsmile_wrap{margin-bottom:0;} #footer.main_footer{position:relative;} #footer.main_footer .snslist p, #footer.main_footer .langlist p{font-size:14rem;} #footer.main_footer .ft_contact{padding:20rem 0 0 0;} #footer.main_footer .ft_contact .inner{padding:0;} #footer.main_footer .flex_Box{padding:30rem 20rem 40rem; flex-direction:column; height:auto; gap:50rem;} #footer.main_footer .flex_Box .footerTxt{display:none;} #footer.main_footer .ftWrap{padding:38rem 20rem;} #footer.main_footer .flex_Box .left > ul{display:none;} #footer.main_footer .flex_Box .right{min-width:100%;} #footer.main_footer .flex_Box .right > img{display:none;} #footer.main_footer .ft_contact .writeWrap .writeBox .txt1{font-size:14rem;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox{align-items:flex-start; flex-direction:column;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck label{margin-bottom:30rem; font-size:14px;} #footer.main_footer .ft_contact .writeWrap .writeBox .bottomBox .yesck .privacy_policy {margin-top:-20rem;} #footer.main_footer .snslist li{width:100%; height:32rem;} #footer.main_footer .langlist{margin-top:20rem;} #footer.main_footer .langlist li a{display:flex; align-items:center;} #footer.main_footer .langlist li img{width:24rem;} #footer.main_footer .langlist li span{font-size:14rem; margin-left:4rem; margin-top:0;} /**/ .mainReview .titBx{ padding:60rem 20rem 40rem;} .mainReview .titBx .line{ margin-bottom:15rem; padding-top:15rem; } .mainReview .titBx .line::after{ top:19rem; width:11rem; height:11rem; } .mainReview .titBx .line span{ font-size:15rem; } .mainReview .titBx .tit{ margin-bottom:24rem; font-size:19rem; letter-spacing:-0.76rem;} .mainReview .titBx .btn li{ display:block; margin-bottom:16rem; margin-right:0; } .mainReview .titBx .btn li:last-child{ margin-bottom:0; } .mainReview .titBx .btn li a{ margin-right:42rem; width:115rem; font-size:14rem; line-height:21rem; } .mainReview .titBx .btn li a::after{ right:-36rem; width:25rem; height:14rem; } .mainReview .titBx .btn li a::before{ top:-2rem; right:-47rem; width:26rem; height:26rem;} .mainReview .linkBx{ height:auto; background:transparent !important; } .mainReview .linkBx > div{ width:100%; border-right:0; } .mainReview .linkBx a{ padding:24rem 30rem; display:flex; flex-wrap:wrap; align-content:flex-end; height:196rem; } .mainReview .linkBx a::before{ top:0; background:linear-gradient(270deg, rgba(30, 134, 192, 0.00) 0%, #001FC2 100%); } .mainReview .linkBx .on a::before{ opacity:0; } .mainReview .linkBx a:hover::before{ opacity:1; } .mainReview .linkBx a p{ padding-top:60rem; } .mainReview .linkBx a p .t1{ margin-bottom:5rem; font-size:17rem; text-align:left; } .mainReview .linkBx a p .t2{ font-size:24rem; text-align:left; } .mainReview .linkBx a p .t2 span{ display:inline-block; font-size:14rem; } .mainReview .linkBx a p .t3 {font-size:16rem; line-height:20rem;} .mainReview .linkBx > div.bg{ display:none; } .mainReview .linkBx .nametag{ display:none; } .mainReview .linkBx .link01{ background:url('/images/main/review_bg01_260122_2_m.png') no-repeat center; background-size:cover; } .mainReview .linkBx .link02{ background:url('/images/main/review_bg02_260122_2_m.png') no-repeat center; background-size:cover; } .mainReview .linkBx .link03{ background:url('/images/main/review_bg03_m.jpg') no-repeat center; background-size:cover; } .mainReview .linkBx .link04{ background:url('/images/main/review_bg04_m.jpg') no-repeat center; background-size:cover; } .mainReview .linkBx .link05{ background:url('/images/main/review_bg05_m.jpg') no-repeat center; background-size:cover; } .mainReview.add01 .linkBx .link01{ background:url('/images/main/review_bg01_260122_2_m.png') no-repeat center; background-size:cover; } .mainReview.add01 .linkBx .link02{ background:url('/images/main/review_bg02_260122_2_m.png') no-repeat center; background-size:cover; } .mainReview.add01 .linkBx .link03{ background:url('/images/main/review_bg03_new_m.png') no-repeat center; background-size:cover; } .mainReview.add01 .linkBx .link04{ background:url('/images/main/review_bg04_new_m.png') no-repeat center; background-size:cover; } .mainReview.add01 .linkBx .link05{ background:url('/images/main/review_bg05_new_m.png') no-repeat center; background-size:cover; } /* .mainReview .linkBx .on a::before{ opacity:1; } */ .mainReview .linkBx a .mo_nametab{ display:block; position:absolute; left:30rem; top:20rem; font-size:13rem; color:#fff; } .mainReview .linkBx .link01 a p{ background-position:left top; background-size:44rem auto;} .mainReview .linkBx .link02 a p{ background-position:left top; background-size:44rem auto;} .mainReview .linkBx .link03 a p{ background-position:left top; background-size:44rem auto;} .mainReview .linkBx .link04 a p{ background-position:left top; background-size:44rem auto;} .mainReview .linkBx .link05 a p{ background-position:left top; background-size:44rem auto;} .mainSmile .line{ margin-bottom:15rem; padding-top:15rem; } .mainSmile .line::after{ top:19rem; width:11rem; height:11rem; } .mainSmile .line span{ font-size:15rem; } .mainSmile .titImg{ margin-bottom:40rem; height:100rem; object-fit:cover;} .mainSmile .titImg img{height:100%;} .mainSmile .titImg img.pc{ display:none; } .mainSmile .titImg img.mo{ display:block; } .mainSmile .conWrap{ padding:60rem 20rem 0; } .mainSmile .conWrap .left{ padding-right:0; width:100%; } .mainSmile .conWrap .left .titBx{ margin-bottom:6rem; } .mainSmile .conWrap .left .titBx strong{ margin-bottom:20rem; font-size:19rem; letter-spacing:-0.76rem; } .mainSmile .conWrap .left .titBx p{ margin-bottom:40rem; max-width:310rem; font-size:15rem; } .mainSmile .conWrap .left .titBx .btn a{ margin-right:42rem; font-size:14rem; line-height:21rem; } .mainSmile .conWrap .left .titBx .btn a::after{ right:-36rem; width:25rem; height:14rem; } .mainSmile .conWrap .left .titBx .btn a::before{ top:-2rem; right:-47rem; width:26rem; height:26rem; } .mainSmile .conWrap .left .swiper-count{ margin-bottom:12rem; font-size:12rem; } .mainSmile .conWrap .left .listBx{ display:none; } .mainSmile .conWrap .right{ padding-top:0; width:100%; } .mainSmile .conWrap .right .videoSlide{ margin-bottom:0; overflow:visible; cursor:auto; } .mainSmile .conWrap .right .videoSlide .swiper-wrapper{ padding-bottom:26rem; } .mainSmile .conWrap .right .videoBx{ position:relative; padding-bottom:56.25%; } .mainSmile .conWrap .right .videoBx iframe{ position:absolute; left:0; top:0; width:100%; height:100%; } .mainSmile .conWrap .right .mList{ display:block; margin-top:24rem;} .mainSmile .conWrap .right .mList strong{ display:block; font-size:15rem; line-height:normal; letter-spacing:-0.6rem; font-weight:500; color:#1A1A1A; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .mainSmile .conWrap .right .mList p{ font-size:13rem; line-height:normal; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .mainSmile .conWrap .right .thumSlide{ display:none; } .mainSmile .conWrap .scrollbar{ background:#D9D9D9; height:3rem; opacity:1 !important; } .mainSmile .conWrap .scrollbar .swiper-scrollbar-drag{ background:#0B1EA8; height:3rem;} .newmain.en .taggbox_wrap {padding-bottom:30rem;margin-top:50rem;} .newmain.en .taggbox_wrap .tb_nc_contant_wrapper {padding:28rem 26rem;} .newmain.en .taggbox_wrap .tb_nc_post_container {gap:10rem;} .newmain.en .taggbox_wrap .tb_nc_post_wrapper {width:100% !important;} .newmain.en .taggbox_wrap .tit {font-size:36rem; padding:20rem 0;} .newmain.en .taggbox_wrap .sub_tit {font-size:20rem; padding:20rem 0;} .newmain.en .taggbox_wrap .tb_rating_ico__ {margin-bottom:4rem;} .newmain.en .taggbox_wrap .tb_rating_ico__ {font-size:18rem;} .newmain.en .taggbox_wrap .tb_content_trim {font-size:16rem;} .newmain.en .taggbox_wrap .tb_app_wrapper {gap:20rem;} .newmain.en .taggbox_wrap .tb_rv_banner_btn {padding:12rem 22rem; font-size:14rem !important;} .newmain.en .taggbox_wrap .tb_rv_banner_wrap {padding:26rem 20rem 22rem;} .newmain.en .taggbox_wrap .tb_nc_authorname {font-size:14rem;} .newmain.en .taggbox_wrap .tb_nc_rating {margin-bottom:3rem;} .newmain.en .taggbox_wrap .tb_nc_author_wrapper {margin-bottom:10rem;} .newmain.en .taggbox_wrap .tb_nc_time { font-size:12rem;} .newmain.en #taggbox_main, .taggbox, .taggbox>div, .tagshop, .tagshop-socialwall, .tagshop-socialwall>div, .tagshop>div, .tb_app_container, .tb_theme_container {gap:2rem;} .newmain.en .taggbox_wrap .tb_rv_review_count {font-size:18rem !important;} .newmain.en .taggbox_wrap .tb_avg_rating_ico__ {font-size:14rem !important; } .newmain.en .taggbox_wrap .tb_rv_review_total_post.tb-cTBfont-undefined {font-size:18rem !important;} .newmain.en .taggbox_wrap .tb_rv_head_log_img {height:30rem } .newmain.en .taggbox_wrap .tb_see_more_btn {font-size:16rem; width:240rem; padding:10rem 0; margin-top:30rem; pointer-events: none; visibility: hidden;} #footer.main_footer .ft_contact .writeWrap .writeBox ul li > span.contact-country-wrap { gap: 2rem;} #footer.main_footer .country-select { position: relative; display: inline-flex; min-width: 168rem; } #footer.main_footer #country_dial_code { width:auto; } #footer.main_footer .country-select .country-select-trigger { display: flex; align-items: center; justify-content: center; width: 100%; height: 34rem; padding: 0 12rem; background:unset; font-size: 14rem; line-height: 1; cursor: pointer; } #footer.main_footer .country-select .country-select-trigger::after { content: ""; display: inline-block; width: 8rem; height: 5rem; margin-left: 8rem; background: url("/images/common/select_arrow.png") no-repeat center / contain; } #footer.main_footer .country-select.open .country-select-trigger::after { transform: rotate(180deg); } #footer.main_footer .country-select.is-selected .country-select-trigger { width: 52rem; padding: 0; } #footer.main_footer .country-select .country-select-placeholder { display: inline-block; white-space: nowrap; } #footer.main_footer .country-select .country-select-flag { width: 24rem; height: 16rem; object-fit: cover; border: 1px solid #ebebeb; } #footer.main_footer .country-select.is-selected .country-select-placeholder { display: none; } #footer.main_footer .country-select-options { position: absolute; top: calc(100% + 6rem); left: 0; display: none; width: 240rem; max-height: 240rem; overflow-y: auto; border: 1px solid #d4d4d4; background: #fff; z-index: 20; } #footer.main_footer .country-select.open .country-select-options { display: block; } #footer.main_footer .country-select-options .country-option { width: 100%; display: flex; align-items: center; gap: 10rem; padding: 8rem 12rem; border: 0; background: #fff; cursor: pointer; text-align: left; } #footer.main_footer .country-select-options .country-option .country-option-label { display: inline-flex; align-items: center; gap: 6rem; font-size: 12rem; line-height: 1.2; } #footer.main_footer .country-select-options .country-option .country-option-dial { color: #6f6f6f; } #footer.main_footer .country-select-options .country-option:hover { background: #f5f7fb; } .newmain.en .clinic_info ul.clinic_contact {flex-wrap:wrap; gap:20rem; margin-top:20rem;} .newmain.en .clinic_info ul.clinic_contact li p{margin-bottom:20rem;} .newmain.en .clinic_info .sns_box > strong {margin-top:20rem;} .newmain.en .clinic_info ul.clinic_contact li em {font-size:20rem;} .newmain.en .clinic_info ul.clinic_hours {width:100%; } .newmain.en .clinic_info ul.clinic_hours li span {padding-right:0;} .newmain.en #footer.main_footer .ftWrap .ft_map {width:100%; height:auto; position:unset; margin-bottom:30rem;} .newmain.en #footer .ftWrap .inner {margin-bottom:44rem;} }