@charset "utf-8"; #s_route { display:none;} #container {max-width:2000px; margin: 80px auto 0;} .slick-next:before, .slick-prev:before {display: none;} #sv {position: relative; overflow: hidden; } #sv .sv_bg {width: 100%; height: 570px; background-size:cover; background-position: 50% 100%; transform:scale(1.3); animation: sv_bg_ani 1s linear forwards;} /*#sv .sv_box {position: absolute; left: 50%; bottom: -50px; width: 600px; background-color: rgba(255,255,255,.8); border-radius:10px 10px 0 0; padding: 90px 85px 135px; opacity: 0; animation: sv_box_move 0.5s 1s linear forwards; }*/ @keyframes sv_bg_ani{ 100% {transform:scale(1); } } @keyframes sv_box_move{ 100% {bottom: 0; opacity: 1; } } #sv .txt_wrap {position: absolute; top: 48%; left: 0; width: 100%; text-align: center; padding: 0 15px; transform:translateY(-50%); color: #fff; z-index: 2;} #sv .txt_wrap .tit:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: 80px; left: 50%; margin-left: -60px;} #sv .txt_wrap .tit {/*font-size: 46px; font-weight:500;*/font-size:55px; font-weight:bold; margin-bottom: 80px;} #sv .txt_wrap .txt {font-size: 18px; font-weight: 300; word-break:keep-all; line-height: 2; margin-bottom:20px;} #sv .sv_btn_wrap a {display: inline-block; width: 100%; height: 65px; line-height: 65px; background-color: #fff; border: 1px solid #363636; border-radius:5px; font-weight: 500; padding-left: 39.75%; margin-bottom: 15px; background-position: 25.3% 50%; background-repeat: no-repeat; transition:.25s; } #sv .sv_btn_wrap .sv_kakao { background-image: url('/img/sub/sv_kakao.png'); } #sv .sv_btn_wrap .sv_promotion { background-image: url('/img/sub/sv_promotion.png'); } #sv .sv_btn_wrap a:hover { padding-left: 40.75%; background-position: 26.3% 50%;} .tabs {text-align: center; z-index: 1; position: relative; margin:0 auto; padding:70px 0 100px;} .tabs .inner { font-size:0; display: flex; justify-content: center; } .tabs a { position:relative; font-weight: 400; align-items: center; justify-content: center; border-bottom: 5px solid transparent; display: inline-flex;/* width:25%;*/ padding:0 40px; height:75px; font-size:20px; color: #787878; transition: all 0.3s ease; } .tabs a::after {content: ''; background: #c8c6c6; position: absolute; bottom: -5px;; left: 0; right: 0; height: 5px; display: block; z-index: -1;} .tabs a.active, .tabs a:hover{ color: #151515; border-bottom: 5px solid #151515; } .tabs.flex { display: flex; justify-content: space-between; margin:0 -10px; } .tabs.flex a { width:auto; margin:0 10px; flex: 1; } .s_tab {width: 100%; margin: 0 auto; text-align: center; font-size: 0; margin-left:0;} .s_tab li {display: inline-block; vertical-align: top; width:25%; margin:0 -1px;} .s_tab li a {display: block; text-align: center; line-height: 60px; font-size: 20px; font-weight: 400; color: #fff; background-color: #787878;border-left: none; transition: .25s; border:1px solid #ddd;} .s_tab li:first-child a {} .s_tab li a.active {background-color: #151515; color: #fff;} .s_tab_con > .con {display: none;} .s_tab_con > .con.active {display: block;} .s_tab_con > .con h4{ position:relative;} .s_tab .col-1 li{width:calc(50% - 2px);} .s_tab .col-2 li{width:calc(50% - 2px);} .s_tab .col-3 li{width:calc(33.33% - 2px);} .s_tab .col-4 li{width:calc(25% - 2px);} .s_tab .col-5 li{width:calc(20% - 2px);} .s_tab .col-6 li{width:calc(16% - 2px);} .s_tab .col-7 li{width:calc(14% - 2px);} .img.pc {display: inline;} .img.mobile {display: none; width: 100%;} .pc {display: inline;} .mobile {display: none; width: 100%;} @media all and (min-width:768px){ .info_05 .map_info{display:none;} } @media all and (max-width:1200px){ #s_route { display:block; background-color: #f4f4f4;position: fixed; top: 80px; left: 0; width: 100%; border-bottom: 1px solid #ddd;z-index: 8;} #s_route .con{float: left;position:relative;display:block;width: 50%;height:40px;line-height:39px;padding:0 40px 0 12px;color:#424242;font-size:15px;font-weight:300; cursor: pointer; transition:.25s; -webkit-transition:.25s;} #s_route .con:first-child {border-right:1px solid #ddd;} #s_route .con:hover, #s_route .con.active{background-color:#f9f9f9;color:#333;} #s_route .con:before{content:"";position:absolute;right:10px;top:50%;display:block;width:21px;height:11px;margin:-5.5px 0 0;background:url('../img/sub/s_arr.png') 0 0 no-repeat;transition:.25s;-webkit-transition:.25s;} #s_route .con.active:before{transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);} #s_route .con .link {font-size: 13px; font-weight: 400; white-space:pre;} #s_route .dep1_wrap, #s_route .dep2_wrap{display:none;position:absolute;left:0;top:100%;width:100%;border:1px solid #e3e3e3;border-bottom:0;z-index:99999;background-color:#fff;} #s_route .dep1_con, #s_route .dep2_con{border-bottom:1px solid #e3e3e3;} #s_route .dep1, #s_route .dep2{display:block;padding:10px;color:#424242;font-size:13px;font-weight: 300;line-height:1.3;transition:.25s; -webkit-transition:.25s;} #s_route .dep1_con.active .dep1, #s_route .dep2_con.active .dep2, #s_route .dep1_con:hover .dep1, #s_route .dep2_con:hover .dep2{background-color:#fff;} #sv .sv_bg {height: 600px;} /*#sv .sv_box {width: 50%; left: auto; right: 15px; padding: 80px 60px 120px; }*/ } @media all and (max-width:980px){ } @media all and (max-width:768px){ #sv {position: relative; overflow: hidden; padding-top:0;} #sv .sv_bg {height: 400px;} #sv .sv_box {width: 400px; padding: 60px 30px;} #sv .sv_btn_wrap a {height: 55px; line-height: 55px;} #sv .txt_wrap .tit {font-size: 32px; font-weight:500; margin-bottom: 50px;} #sv .txt_wrap .txt {font-size: 14px; font-weight: 300; word-break:keep-all; line-height: 1.5; margin-bottom:10px;} #sv .txt_wrap .tit:before { content: ''; display: block; width: 120px; height: 2px; background-color: #fff; position: absolute; top: 50px; left: 50%; margin-left: -60px;} #sv .txt_wrap { position: absolute; top: 55%; left: 0; width: 100%; text-align: center; padding: 0 30px; transform: translateY(-50%); color: #fff; z-index: 2;} .tabs { text-align: center; z-index: 1; position: relative;margin: 0 auto; padding: 50px 0 50px;} .tabs .inner { font-size: 0; display: inline-block; justify-content: center;padding:0 0; width:100%;} .tabs a { position: relative; font-weight: 400; align-items: center; justify-content: center; border-bottom: 5px solid transparent; display: inline-flex; width: 50%; height: 55px; font-size: 14px; padding:0 5px; color: #787878; transition: all 0.3s ease;} .img.pc {display: none;} .img.mobile {display: inline; width: 100%;} .pc {display: none;} .mobile {display: inline; width: 100%;} } @media all and (max-width:486px){ #sv .sv_bg {background-position: 70% 100%;} #sv .sv_box {width: calc(100% - 30px); padding: 50px 30px 30px;} #sv .sv_btn_wrap a {height: 45px; line-height: 45px; background-size:25px auto;} } @media all and (max-width:320px){ .tabs a { position: relative; font-weight: 400; align-items: center; justify-content: center; border-bottom: 5px solid transparent; display: inline-flex; width: 50%; height: 55px; font-size: 13px; padding:0 5px; color: #787878; transition: all 0.3s ease;} } /********************************************************* 병원소개 */ .info {} .info #sv {width: 100%;height: 442px;background-color: #f7f7f7; text-align: center; position: relative;} .info #sv .txt_wrap {position: absolute; top: 50%; left: 15px; width: calc(100% - 30px); z-index: 1;} .info #sv .txt1 {font-size: 20px;color: #999; letter-spacing: 8px; text-transform: uppercase;} .info #sv .tit {font-size: 72px;margin: 25px 0 30px; color: #111;} .info #sv .txt2 {font-size: 22px;color: #888;} .con_bar_tit {margin-bottom: 30px; padding-bottom: 40px; position: relative;} .con_bar_tit:after {content:''; display: block; width: 60px; height: 5px; background-color: #111; position: absolute; bottom: 0; left: 50%; margin-left: -30px;} /* 병원소개 */ .info_01 .con1 {padding: 0 0 160px;} .info_01 .con1 .img_list {font-size: 0;} .info_01 .con1 .img_list li {display: inline-block; vertical-align: top;width: calc(25% - 16px); margin: 0 8px 16px; overflow: hidden;} .info_01 .con1 .img_list li .list_bg {width: 100%; height: 0; padding-bottom: 109.567%; background-repeat: no-repeat; background-position: 50% 50%; background-size:100%;} .info_01 .con2 {padding: 140px 0; background-color: #f7f7f7;} .info_01 .con3 {padding: 120px 0;} .info_01 .con3 .tit_wrap {margin-bottom: 70px;} .info_01 .con3 ul {font-size: 0; text-align: center;} .info_01 .con3 li {display: inline-block; vertical-align: top; width: calc(33.33% - 50px); margin:0 25px 16px;} .info_01 .con3 li > div {width: 100%; height: 0; padding-bottom: 100%; background-color: #373332; border-radius:50%;} .info_01 .con3 li:nth-child(even) > div {background-color: #111;} .info_01 .con3 li .txt_wrap {position: absolute; top: 50%; left: 0; width: 100%;padding: 0 5px; color: #fff; transform:translateY(-50%);} .info_01 .con4 {padding:0px 0 80px 0; /*background: #f2f5fa /*url('/img/sub/symbol_bg.png') 50% 140px no-repeat*/;} .info_01 .con4 li {margin-bottom: 70px;} .info_01 .con4 li > div{display: flex; justify-content:space-between;} .info_01 .con4 li .lt {width: 56%; padding: 20px 20px 0 0;} .info_01 .con4 li .lt h5 {} .info_01 .con4 li .lt h5:before { content: ''; display: block; width: 80px;height: 2px; background-color: #151515; top: 0; position:absolute;} .info_01 .con4 li .rt {width: 43%; } .info_01 .con4 li .rt .img {width: 100%; height: 330px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;} .info_02 #sv .txt2 {color: #151515; margin-bottom: 30px;} .info_02 #sv .txt3 {font-size: 18px; color: #787878; font-weight: 300; line-height: 1.5; } .info_02 .con2 { margin:0 0} .info_02 .con2 ul {/*background: url('/img/sub/symbol_bg.png') 50% 100px no-repeat;*/} .info_02 .con2 li {display: flex; padding: 85px 0; position: relative;} .info_02 .con2 li:after {content:''; display: block; width: 200%; height: 1px; background-color: #e5e5e5; position: absolute; left: -50%; bottom: 0;} .info_02 .con2 li .lt {padding: 0 65px 0 30px; width:48%;} .info_02 .con2 li h3 {position: relative; padding-left: 85px;} .info_02 .con2 li h3 .num {position: absolute; top: 0; left: 0; display: block; width: 65px; text-align: right; border-bottom: 2px solid #719dbd; color:#719dbd;} /* 의료진소개 */ .info_03 .con1 {padding:100px 0 0px;} .info_03 .con3 {padding:100px 0 140px;} .doctors_list_wrap {} .doctors_list_wrap ul {font-size: 0; margin: 0 -54px; text-align: center;} .doctors_list_wrap li {display: inline-block; vertical-align: top; width: calc(50% - 32px); margin: 0 27px; cursor: pointer;} .doctors_list_wrap li .doctor_img {overflow: hidden;} .doctors_list_wrap li .doctor_img img {transition:.5s;} .doctors_list_wrap li .info_box {padding: 25px 0; text-align: left;} .doctors_list_wrap li:hover .doctor_img img { -webkit-transform:scale(1.05); transform:scale(1.05);} .doctors_view_wrap {position: fixed; top: 100%; left: 0; width: 100%; min-width:320px; height: 100vh; background-color: #fff; transition:.5s; z-index: 999;} .doctors_view_wrap.active {top: 0; } .doctors_view_wrap .doctors_view_in {position: relative;width: 100%; height: 100%;} .doctors_view_wrap .doctors_close {position: absolute; top: 60px; right: 95px;cursor: pointer; } .doctors_view_wrap .doctors_close img {transition:.25s;} .doctors_view_wrap .doctors_close:hover img { -webkit-transform:rotate(180deg); transform:rotate(180deg);} .doctors_view_wrap .doctors_view_list_wrap {height: inherit;} .doctors_view_wrap .doctors_view_list_wrap > div {height: inherit;} .doctors_view_wrap .doctors_view_list_wrap .doctors_list {display: none;} .doctors_view_wrap .doctors_view_list_wrap .doctors_list.active {display: block;} .doctors_view_wrap .doctors_view {height: inherit; background-color: #f4f5f9;} .doctors_view_wrap .doctors_view_img, .doctors_view_wrap .doctors_view_txt {float: left; width: 50%; height: 100%;} .doctors_view_wrap .doctors_view_img .doctor_img {width: 100%; height: 100%; background-position: 50% 100%; background-repeat: no-repeat; background-size: contain; background-color: #dadada;} .doctors_view_wrap .doctors_view_txt {float: right;} .doctors_view_wrap .doctors_view_txt_in {display: inline-table; width: 100%; height: 100%;} .doctors_view_wrap .doctors_view_box {display: table-cell; vertical-align: middle;} .doctors_view_wrap .doctors_view_con {width: 630px; margin: 0 65px;} .doctors_view_wrap .doctors_view_tab { max-width:485px; display: flex; justify-content:space-between; margin-bottom: 30px;} .doctors_view_wrap .doctors_view_tab a {display: block; width: 30%;line-height: 45px; background-color: #fff; text-align: center; font-size: 18px; border: 1px solid #111; border-left: none;} .doctors_view_wrap .doctors_view_tab a:first-child {border-left: 1px solid #111;} .doctors_view_wrap .doctors_view_tab a:nth-child(2) {width: 40%;} .doctors_view_wrap .doctors_view_tab a.on {background-color: #000; color: #fff;} .doctors_view_wrap .doctors_list .doctors_con {display: none; overflow: hidden; overflow-y:auto; padding-right: 10px;} .doctors_view_wrap .doctors_list .doctors_con.on {display: block;} .doctors_view_wrap .doctors_tit {} .doctors_view_wrap .doctors_txt > div {height: 100%;} .doctors_view_wrap .doctors_txt > div img {max-width:100%;} .doctors-prev, .doctors-next {width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform:rotate(90deg) translate(-50%,-50%); margin-left: -60px; cursor: pointer; z-index: 999;} .doctors-prev {background-image: url('/img/sub/doctors_prev.jpg'); margin-top: -29px;} .doctors-next {background-image: url('/img/sub/doctors_next.jpg'); margin-top: 30px;} .info_03 .con2 {width: 100%;height:550px; padding:160px 0; background-image:url("/img/sub/hifu_0302_bg.jpg");background-size:cover; background-attachment:fixed; } .info_03 .con2 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .info_03 .con2 h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: -20px; left: 0;} .text_color{color:#fced86; font-weight:500;} /* 진료안내 오시는길 */ .info_05 .con1 {padding: 0 0;} .info_05 .con2 {padding: 160px 0; border-bottom:1px solid #ddd} .info_05 .con2 .btn a {display: inline-block; padding:0 60px; height: 55px; line-height: 55px; color: #212121; background-color: #fae100; margin:0 5px; border-radius:100px; font-size: 18px; font-weight: 400; text-align: center; position: relative; transition:.25s;} .info_05 .con2 .btn a:hover {box-shadow:0 0 5px rgba(0,0,0,.2)} .location_wrap {display: flex; flex-wrap:wrap;} .location_wrap .lt, .location_wrap .rt {width: 50%; background-color: #f7f7f9;} .location_wrap .rt {position: relative; overflow: hidden;} .location_wrap .btn_list {margin: 70px 70px 70px 25px;} .location_wrap .btn_list li {width: 100%; padding: 20px 50px 15px; background-color: #719dbd; color:#fff; text-align:left; position: relative; border: 3px solid transparent; border-radius:50px; transition:.5s;} .location_wrap .btn_list li h4 {transition:.5s;} .location_wrap .btn_list li p {line-height: 1.5;} .location_wrap .btn_list li:hover {border-color: #333; background-color:#333;} .location_wrap .btn_list li:hover h4 {color: #fff; padding-left:10px;} .location_wrap .wonderful_info {padding: 70px 25px 70px 70px;} .location_wrap .wonderful_info .wonderful_address {padding:0 10px 20px; border-bottom: 1px solid #d3d2d3;} .location_wrap .wonderful_info .wonderful_address .tel {font-family: 'Montserrat'; line-height: 1.2;} .location_wrap .wonderful_hours {padding: 30px 10px 0;} .location_wrap .wonderful_hours dl {font-size: 0; margin-bottom: 10px;} .location_wrap .wonderful_hours dt, .location_wrap .wonderful_hours dd {display: inline-block; width: 120px; text-align: left; vertical-align: middle; margin-bottom: 15px;} .location_wrap .wonderful_hours dd {width: calc(100% - 120px); text-align: left; padding-left: 25px;} .location_wrap .rt .map {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .info_05 .map_info { padding:50px 0 0;} .info_05 .map_info ul {padding: 50px 0 20px 30px;} .info_05 .map_info li {padding: 15px 70px; font-size: 0; width: 100%; display: inline-block;} .info_05 .map_info li .icon {display: inline-block; vertical-align:top ; width: 150px;} .info_05 .map_info li dl {display: inline-block; vertical-align: top; width: calc(100% - 150px); padding-left: 20px;} .info_05 .map_info li dd .arr {padding: 0 4px;font-size: 1.45em; font-weight: 500;} .info_05 .map_info .txt {padding: 15px 15px 15px 85px; background-color: #719dbd; color: #fff; vertical-align:middle;} .info_05 .map_info .txt > span {margin-left: 5px; vertical-align: middle;} @media all and (max-width:1800px){ .doctors_view_wrap .doctors_close {top: 40px; right: 15px;} } @media all and (max-width:1400px){ .doctors_view_wrap .doctors_view_img .doctor_img {background-size:cover;} .doctors_view_wrap .doctors_view_con {width: 100%;max-width: 580px; margin: 0 auto; padding: 0 15px;} } @media all and (max-width:1280px){ .info #sv .txt1 {font-size: 17px;} .info #sv .tit {font-size: 58px;} .info #sv .txt2 {font-size: 18px;} .info_02 #sv .txt3 {font-size: 16px;} .doctors_view_wrap .doctors_view_con {padding: 0 50px;} } @media all and (max-width:1024px){ .doctors_view_wrap .doctors_view_img, .doctors_view_wrap .doctors_view_txt {float: none; width: 100%; height: 40%;} .doctors_view_wrap .doctors_view_txt {height: 60%;} .doctors_view_wrap .doctors_view_img .doctor_img {background-size:50%;background-position:45% 10%;} .doctors-prev, .doctors-next { top: 20%; width: 40px; height: 40px;margin: 0;transform:rotate(0) translate(0,-50%); background-size:cover;} .doctors-prev { left: 15px;} .doctors-next { left: auto; right: 15px;} .doctors_view_wrap .doctors_close {width: 30px; top: 15px; right: 15px;} .doctors_view_wrap .doctors_view_tab {margin-bottom: 20px;} .doctors_view_wrap .doctors_view_tab a {line-height: 40px; font-size: 16px;} .doctors_view_wrap .doctors_view_con { padding: 0 15px; } .doctors_view_wrap .doctors_txt {height: auto;} } @media all and (max-width:980px){ .info_01 .con4 {background-size:50% auto;} .info_02 .con1 ul {margin: 0 auto; background-size:50% auto;} .info_02 .con2 li {flex-wrap:wrap; padding:70px 0; } .info_02 .con2 li .lt {padding: 0; width:100%;} .info_02 .con2 li .rt {width: 100%; padding: 30px 0 0 75px;} .location_wrap .btn_list {margin: 20px 20px 70px 20px;} .location_wrap .lt, .location_wrap .rt {width: 100%;} .location_wrap .lt .map_img, .location_wrap .wonderful_info {max-width:600px; margin: 0 auto;} .location_wrap .rt {height: 100%;} .location_wrap .rt .map > div {width: 100% !important;} .root_daum_roughmap .wrap_map {height: 400px !important;} } @media all and (max-width:768px){ .info #sv {/* height: 380px; */ height: 300px;} .info #sv .txt1 {font-size: 16px;} .info #sv .tit {font-size: 48px; line-height: 1.2;} .info #sv .txt2 {font-size: 17px;} .con_bar_tit {margin-bottom: 25px; padding-bottom: 25px;} .con_bar_tit:after {width: 50px; height: 3px; margin-left: -25px;} .info_01 .con1 {padding: 0 0 70px;} .info_01 .con1 .img_list li {width: calc(50% - 8px); margin: 0 4px 8px; } .info_01 .con2 {padding: 70px 0;} .info_01 .con3 {padding: 60px 0;} .info_01 .con3 li {width: calc(33.33% - 16px); margin: 0 8px 16px;} .info_01 .con4 {padding:0px 0px 50px; margin:0 0 30px;} .info_01 .con4 li h4 {margin-bottom: 15px !important;} .info_01 .con4 li > div {flex-wrap:wrap} .info_01 .con4 li .lt, .info_01 .con4 li .rt {width: 100%; padding: 0;} .info_01 .con4 li .lt {margin-bottom: 25px;} .info_01 .con4 li .rt .img {height: 0; padding-bottom: 72.21%;} .info_01 .con4 li .lt h5:before { content: ''; display: block; width: 80px;height: 2px; background-color: #151515; top: -20px; position:absolute;} .info_02 #sv .tit {font-size: 40px;} .info_02 #sv .txt2 {margin-bottom: 15px;} .info_02 #sv .txt3 {font-size: 14px;} .info_02 .con2 li h3 .num {width: 40px;} .info_02 .con2 li h3 {padding-left: 50px;} .info_02 .con2 li .rt {padding: 30px 20px 0 50px;} .info_02 .con2 {margin: -70px 0 70px;} .info_03 .con1 {padding: 0 0 70px;} /*.doctors_list_wrap ul {margin: 0 -7px -20px;} .doctors_list_wrap li {width: calc(50% - 10px); margin: 0 5px 20px;} .doctors_list_wrap li .txt18 {font-size: 14px;} .doctors_view_wrap .doctors_tit {margin: 25px 0 15px;} .doctors_view_wrap .doctors_view_box {display: block;} .doctors_view_wrap .doctors_view_img .doctor_img {background-size:55%;background-position:40% 100%;}*/ .info_03 .con2 { width: 100%; height: 370px; padding: 100px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:440%; background-position: 60% 50%; background-attachment: fixed; background-repeat: no-repeat; margin-bottom:70px;} .info_03 .con2 .img { position: absolute;right: 0; margin-right: 2%; top: 320px; z-index: 0;} .info_04 .con1 {padding: 60px 0;} .location_wrap .bot ul {padding: 40px 10px 25px;} .location_wrap .bot li .icon {width: 80px;} .location_wrap .bot li dl {width: calc(100% - 80px);} .location_wrap .bot li dt {font-size: 21px; line-height: 1 !important; margin-bottom: 0 !important;} .location_wrap .bot ul + .txt {padding: 10px 10px 10px 20px;} .location_wrap .bot ul + .txt img {width: 30px;} .location_wrap .bot ul + .txt > span {margin-left: 15px;} .location_wrap .wonderful_info {padding: 70px 20px 0 20px;} .location_wrap .wonderful_hours dt, .location_wrap .wonderful_hours dd {display: inline-block; width: 80px; text-align: left; vertical-align: middle; margin-bottom: 15px;} .location_wrap .wonderful_hours dd {width: calc(100% - 80px); text-align: left; padding-left: 25px;} .location_wrap .btn_list { margin: 30px 10px 70px 10px;} .location_wrap .btn_list li {width: 100%;padding: 10px 15px; background-color: #719dbd;color:#fff; letter-spacing:-1.5px;text-align:left;position: relative;border: 3px solid transparent;border-radius:50px;transition:.5s;} .location_wrap .btn_list li h4 {transition:.5s;font-size: 13px;} .info_05 .con2 {padding: 70px 0; margin-bottom:70px} .info_05 .con2 .btn a { display: inline-block; padding: 0 60px; height: 45px; line-height: 45px; color: #212121; background-color: #fae100; margin: 5px 5px; border-radius: 100px; font-size: 16px; font-weight: 400; text-align: center; position: relative; transition: .25s;} .info_05 .map_info li { padding: 15px 0px; font-size: 0; width: 100%; display: inline-block;} .info_05 .map_info li .icon {display: inline-block; vertical-align:top ; width: 70px;} .info_05 .map_info li dl {display: inline-block; vertical-align: top; width: calc(100% - 70px); padding-left: 20px;} .info_05 .map_info .txt { padding: 15px 15px 15px 20px; background-color: #719dbd; color: #fff; vertical-align: middle;} .info_05 .map_info .txt > span {margin-left: 10px;vertical-align: middle;position: absolute;margin-top: 7px;margin-right: 20px;} .info_05 .map_wrap { position: relative; width: 100%; height: 230px;overflow: hidden;} } @media all and (max-width:600px){ .info_01 .con3 ul {max-width:400px; margin: 0 auto;} .info_01 .con3 li {width: calc(50% - 16px); } .info_01 .con3 li .txt_wrap h4 {margin-bottom: 10px !important;} .location_wrap .bot ul + .txt {padding: 10px 15px; text-align: center;} .location_wrap .bot ul + .txt img {display: block; margin: 0 auto 5px;} .location_wrap .bot ul + .txt > span {margin: 0;} } @media all and (max-width:486px){ .info #sv .txt1 {font-size: 14px; letter-spacing: 6px;} .info #sv .tit {font-size: 38px;} .info #sv .txt2 {font-size: 15px;} .info_02 #sv .tit {font-size: 28px;} .info_02 #sv .txt3 {font-size: 12px;} .doctors_view_wrap .doctors_view_img .doctor_img {background-size:65%;background-position:45% 100%;} .doctors_view_wrap .doctors_view_tab a {line-height: 35px;font-size: 14px;} .doctors_view_wrap .doctors_txt .txt20 {font-size: 14px;} .info_04 #sv {background-position: 40% 100%;} .info_04 #sv .tit {font-size: 27px;} .location_wrap .bot li .icon {width: 60px;} .location_wrap .bot li dl {width: calc(100% - 60px); padding-left: 15px;} .location_wrap .bot li dt {font-size: 17px;} .location_wrap .rt {height: 100%;} .root_daum_roughmap .wrap_map {height: 250px !important;} } /********************************************************* */ /* 페이지 설명 */ .page_info_wrap {padding: 0 0 70px;text-align: center;font-size: 20px; } .page_info_wrap .txt1 {font-size: 18px; font-weight: 400; color: #787878; line-height: 1.7; word-break:keep-all;} .page_info_wrap .txt2 {font-weight: 500; line-height: 1.5; word-break:keep-all;} .page_info_wrap1 {padding:0 0 0;text-align: center;font-size: 20px; } .page_info_wrap1 .txt1 {font-size: 18px; font-weight: 400; color: #787878; line-height: 1.7; word-break:keep-all;} .page_info_wrap1 .txt2 {font-weight: 500; line-height: 1.5; word-break:keep-all;} .s_tit_wrap {position: relative; margin-bottom: 25px; padding:0 15px; } .s_tit_wrap .page_tit {font-size: 42px; padding-bottom: 30px; color:#151515; font-weight:500;} .s_tit_wrap .s_tit {letter-spacing:15px;} .s_tit_wrap .num {display: inline-block; font-family: 'Montserrat'; width: 60px;height: 60px;background-color: #fe7386; border-radius:50%;text-align: center;line-height: 60px;font-weight:500;color: #fff;font-size: 22px;letter-spacing: 0;position: absolute;top: -5px; left: -60px;margin-left: 0;z-index: 1;} .s_tit_wrap .top_tit {font-size: 18px; letter-spacing:8px; color:#89a6d6; font-weight:400; padding-left:5px; padding-bottom:30px;} .s_tit_wrap .top_tit:before { content: ''; display: block; width: 180px; height: 2px; background-color: #89a6d6; position: absolute; top: -15px;} .s_tit_wrap .top_tit1 {font-size: 18px; letter-spacing:8px; color:#89a6d6; font-weight:400; padding-left:5px; padding-bottom:30px;} .s_tit_wrap .top_tit1:before { content: ''; display: block; width: 230px; height: 2px; background-color: #89a6d6; position: absolute; top: -15px;} .s_tit_wrap .top_tit2 {font-size: 18px; letter-spacing:8px; color:#89a6d6; font-weight:400; padding-left:5px; padding-bottom:30px;} .s_tit_wrap .top_tit2:before { content: ''; width: 180px; height: 2px; background-color: #89a6d6; position: absolute; top: -15px;} .s_tit_wrap .top_tit3 {font-size: 18px; letter-spacing:8px; color:#fe7386; font-weight:400; padding-left:5px; padding-bottom:30px;} .s_tit_wrap .top_tit3:before { content: ''; width: 180px; height: 2px; background-color: #fe7386; position: absolute; top: -15px;} .s_tit_wrap .top_tit4 {font-size: 18px; letter-spacing:8px; color:#fe7386; font-weight:400; padding-left:0px; padding-bottom:30px;} .s_tit_wrap .top_tit4:before { content: ''; width: 180px; height: 2px; background-color: #fe7386; position: absolute; top:-15px; margin-left:-5px;} .video_wrap {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;} .video_wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height:100%;} /* */ .hifu_01 .con1 .tit_wrap {margin-bottom: 65px;} .hifu_01 .con1 .tit_wrap p { font-family: 'Montserrat'; color: #bbb;} .hifu_01 .con1{padding:160px 0; background-color:#e9e8e7;} .hifu_01 .con1 .round_title { background-color: #333; color: #fff; border: none; margin: 0 auto; padding:0 0; font-weight: 400; font-size: 18px; width: 50px; height:50px; line-height:50px; text-align:center; overflow: hidden; border-radius: 60px; word-break:keep-all;} .hifu_01 .con1 .left {width: 15%; margin-right:10px; font-size:22px; padding: 18px 0; border-radius:60px; text-align: center; background-color: #719dbd; display:inline-block;} .hifu_01 .con1 .right {width: 73%; display:inline-block;} .hifu_01 .con1 .btn { width:35%; margin:0 auto; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 18px; font-weight: 400; transition: .25s; text-align:left; padding-left:50px;} .hifu_01 .con1 .btn:hover {background-position: right 12% center; padding-left:45px;} .move_txt {color: #f0f7fd;font-family: 'Montserrat'; opacity: .25;position: absolute; bottom: -7px; right: 0; /*color: transparent; -webkit-text-stroke: 1px #d59f89;*/} .hifu_01 .con2 {width: 100%;height:800px; padding:160px 0; background-image:url("/img/sub/h/hifu_0102_bg.jpg");background-size:cover; background-attachment:fixed; } .hifu_01 .con2 .cont{display:flex; align-items:center;} .hifu_01 .con2 .lt {width: 50%;} .hifu_01 .con2 .rt {width: 50%;padding-left:0;} .hifu_01 .con2 .rt h3{font-weight:300; color:#fff;} .hifu_01 .con2 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: -20px; left: 0;} .hifu_01 .con2 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .hifu_01 .con3 {padding:160px 0; } .hifu_01 .con3 .cont{display:flex;} .hifu_01 .con3 .lt {width: 70%;} .hifu_01 .con3 .rt {width: 30%; padding-top:30px; } .hifu_01 .con3 .rt h3{font-weight:300; color:#151515; } .hifu_01 .con3 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:0; left: 0;} .hifu_01 .con4 {padding-bottom:100px; background: url("/img/sub/h/hifu_0104_bg.jpg") 50% 220px no-repeat; background-size:cover; background-attachment:fixed; } .hifu_01 .con4 .txt_dr {bottom: -100px;} .hifu_01 .con4 .box_wrap {max-width:1200px; margin: 0 auto; padding:80px 0 120px; background-color:#f2f5fa;} .hifu_01 .con4 .box_wrap h1 {display: inline-block;line-height: 1.5; color: #151515; } .hifu_01 .con4 .box_wrap h1:after {content: ''; display: block; width: 1px; height: 45px; background-color: #151515; position: absolute; top: 0; margin-top:240px; left: 50%;} .hifu_01 .con4 .txt_dr {bottom: -100px;} .hifu_01 .con5 {padding:160px 0; background-color:#f2f5fa; z-index:-2;} .hifu_01 .con5 h3{font-weight:300; color:#151515; } .hifu_01 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #151515; position: absolute; bottom: 15px; right: 0;} .box_list {margin: 120px 0 0 80px;} .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .box_list li h4 {font-family: 'Montserrat'; display:inline; } .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#beddf3; border-radius:112px; position: absolute; top:-45px; left: -85px; z-index:-1;} .box_list li p {line-height: 1.5;} .hifu_01 .con6 {padding:160px 0;} .banner_slide_wrap1 {background-image:url(/img/sub/h/hifu_0106_bg.png); width:775px; height:625px; margin:0 auto;} .banner_slide_wrap {width: 692px; overflow: hidden; padding: 50px 0 ; margin-left:42px; } .banner_slide_wrap .slick-dots {bottom: auto;bottom: -30px; text-align:center;} .banner_slide_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px;} .banner_slide_wrap .slick-dots li button {width: 16px; height: 16px; padding: 0; background-color: #e9eaeb; border-radius:50%; transition:.25s;} .banner_slide_wrap .slick-dots li.slick-active button {background-color: #719dbd; width: 36px; height: 16px; border-radius:20px;} .banner_slide_wrap .slick-dots li button:before {display: none;} .hifu_01 .con7 {width: 100%; height:780px; padding:160px 0; background-image:url("/img/sub/h/hifu_0107_bg.jpg");background-size:cover; background-attachment:fixed; } .icon_list {display: flex; flex-wrap:wrap; margin: 0 0 -30px; color:#fff;} .icon_list li {width: calc(25% - 60px); margin: 0 30px 30px; text-align: center;} .icon_list li > div {width: 100%; height: 0; } .icon_list li .num {padding: 65px 0 15px; margin-bottom: 20px;font-family: 'Montserrat'; position: relative; } .icon_list li .num:after {content:''; display: block; width: calc(100% - 20px); height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 10px;} .qna {padding: 160px 0;} .qna .title{text-align:center; font-size:42px; font-weight:500; color:#151515;} .qna .text{text-align:center; font-size:18px; color:#787878;} .qna ul {max-width: 1200px; margin: 0 auto;} .qna ul li {margin-bottom: 0;} .qna ul li .qna_con_q {border-top: 1px solid #151515; margin-bottom:-1px; border-bottom: 1px solid #151515;font-size: 20px; position: relative; padding: 25px 60px 25px 75px; cursor: pointer; position: relative; transition: .25s;} .qna ul li .qna_con_q:after {content:''; display: block; width: 17px; height: 18px; background-image: url('/img/sub/qna_arr.png'); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -4.5px; right: 35px;} .qna ul li .qna_con_q .num {width: 28px; height: 28px; border-radius:3px; text-align: center; line-height: 28px; background-color: #151515; color: #fff;transition:.25s; position: absolute; top: 25px; left: 40px;} .qna ul li .qna_con_q .question {color: #151515; line-height: 30px; transition:.25s; padding-left:8px;} .qna ul li .qna_con_a {display: none;padding: 20px 20px 20px 65px;} .qna ul li .qna_con_a p {font-size: 18px; color: #787878;word-break:keep-all; line-height: 1.7;} .qna ul li.active .qna_con_q {background-color: #212121; border-color: #212121; color:#fff} .qna ul li.active .num {background-color: #e5e5e5; color: #212121;} .qna ul li.active .qna_con_q .question {color: #fff;} .qna ul li.active .qna_con_q:after {background-image: url('/img/sub/qna_arr_up.png');} .tv_wrap {padding: 160px 0; background-color:#f2f5fa;} .tv_more{display: inline-block; padding:0 50px 0 20px; color: #666; background:url('../img/main/arrow.png'); background-repeat: no-repeat; background-position: right 10px center; transition:.25s; float:right; margin-bottom:30px; } .tv_more:hover { color:#151515; background-position: right 0 center; } .bnf_wrap {padding: 160px 0; background: #fff url('/img/sub/bnf_title.png') no-repeat top 20% right 15%;} .bnf_wrap .tv_more{display: inline-block; padding:0 50px 0 0; color: #666; background:url('../img/main/arrow.png'); background-repeat: no-repeat; background-position: right 10px center; transition:.25s; float:left; margin-top:20px } .bnf_wrap .tv_more:hover { color:#151515; background-position: right 0 center; } /* Before & After */ .before_after_wrap {padding: 120px 0 0;} .before_after_wrap .sub_tit_wrap {margin-bottom: 20px; text-align: left;} .before_after_wrap .sub_tit_wrap .tit {display: inline-block; vertical-align: middle; margin-bottom: 0;font-size: 38px; margin-right: 30px;} .before_after_wrap .sub_tit_wrap .more {display: inline-block; vertical-align: middle; } .before_after_slide {margin-bottom: 30px;} .before_after_slide .slick-slide {display: block; -webkit-transform: translate3d(0,0,0);} .before_after_slide .slick-prev, .before_after_slide .slick-next {width: 22px; height: 52px; background-repeat: no-repeat; transition:.25s;} .before_after_slide .slick-prev {background-image: url('/img/sub/slide_prev.png'); left: -50px; } .before_after_slide .slick-next {background-image: url('/img/sub/slide_next.png'); right: -50px; } .before_after_slide .list {font-size: 0; text-align: center; } .before_after_slide .list > div {display: inline-block; vertical-align: top; margin: 0 2px; position: relative; overflow: hidden;} .before_after_slide .list > div > .txt {width: 100%; height: 55px; line-height: 55px; text-align: center; background-color: rgba(62,62,62,.7); color: #fff; font-weight: 300; letter-spacing: -0.5pt; position: absolute; bottom: 0; left: 0; z-index: 1;} .before_after_slide .list img {display: inline-block; } .before_after_slide .after_dim_wrap {display: block; width: 50%; height: 100%; background-color: rgba(0,0,0,.85); color: #fff; padding-top: 20%; text-align: center; position: absolute; top: 0; right: 0; z-index: 2;} .before_after_slide .after_dim_wrap p {line-height: 1.5;} .before_after_slide .after_dim_wrap a {display: inline-block; width: 170px; height: 50px; line-height: 50px; text-align: center; background-color: #9fb9de; border-radius:55px; font-size: 18px; margin-top: 15px;} .before_after_tab {max-width: 725px; margin: 0 auto;} .before_after_tab .list {text-align: center; width: calc(33.33% - 26px); margin: 0 13px; position: relative;} .before_after_tab .list img {max-width:100%;display: inline-block !important;} .before_after_tab .list.slick-current:after {content:''; display: block; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #111; position: absolute; top: 0; left: 0; z-index: 1; } .before_after_type2 {padding: 120px 0; position: relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .before_after_type2 .inner {max-width:930px; margin: 0 auto; padding: 0 15px; overflow: hidden;} .beforeafter_slide {padding: 25px 0 100px; position: relative;} .before_after.twentytwenty-container {width: 555px; margin: 0 auto; overflow: visible !important; } .before_after_type2 .twentytwenty-overlay {} .before_after_type2 .before_after_list:focus {outline: none;} .before_after_type2 .logo {width: 555px; margin: -40px auto 0; text-align: right;} .before_after_type2 .twentytwenty-handle {top: 400px; width: 63px; height: 63px; background: url('/img/sub/tw_handle.png') 0 0 no-repeat !important; border: none !important; margin-left: -29px !important;} .before_after_type2 .twentytwenty-handle span {display: none;} .before_after_type2 .twentytwenty-horizontal .twentytwenty-handle:before{width: 8px; height: 400px; background-color: #560F7B; margin-left: -4px; margin-bottom: 31px; -webkit-box-shadow:0 -3px 0 #f6e794, 0px -3px 12px rgba(51, 51, 51, 0.5); box-shadow:0 -3px 0 #f6e794, 0px -3px 12px rgba(51, 51, 51, 0.5) } .before_after_type2 .twentytwenty-horizontal .twentytwenty-handle:after {display: none;} .before_after_type2 .slick-list.draggable { overflow: visible } .before_after_type2 .slick-dots {width: 18px;bottom: -4px; right: 50%; margin-right: -305px; } .before_after_type2 .slick-dots li {display: block; margin: 4px 0;width: auto; height: auto;} .before_after_type2 .slick-dots li button {width: 18px; height: 18px; background-color: #ccc;} .before_after_type2 .slick-dots li.slick-active button {background-color: #560F7B;} .before_after_type2 .slick-dots li button:before {display: none;} /* 우먼스하이푸 기술력 */ .blue_tb {border-right: 1px solid #ddd;} .blue_tb th, .blue_tb td {padding: 20px 15px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-weight: 400; line-height: 1.5; text-align: center;} .blue_tb th {font-size: 18px; vertical-align: middle; background-color: #89a6d6; color: #fff;} .blue_tb td {font-size: 18px; vertical-align: middle; color: #333; background-color:#fff;} .hifu_02 .con1 {padding:160px 0; background-color:#f9f9f9;} .hifu_02 .con2 {padding:160px 0;} .hifu_02 .con3 {padding:160px 0; background-color:#f7f5ef;} .hifu_02 .con4 {padding:160px 0;} .hifu_02 .con5 {padding:160px 0; background-color:#f7f5ef;} .hifu_02 .con6 {padding:160px 0; } .hifu_02 .con7 {padding:160px 0; background-color:#f7f5ef;} .hifu_process {} .hifu_process ul{overflow:hidden;} .hifu_process li{float:left; width: calc(33.333% - 42px); margin-left:42px; padding-bottom:50px;} .hifu_process li img { width:100%;} .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .img_list li {display: flex;justify-content:space-between; margin-bottom: 20px;} .img_list li:nth-child(even) {flex-direction: row-reverse;} .img_list li > div {width: 50%; } .img_list li .img_box .img {width: 100%; height: 100%; background-size:auto; background-repeat:no-repeat; background-position: 50% 50%;} .img_list li .txt_box {padding: 60px 40px;background-color: transparent; position: relative;} /* 자궁근종 하이푸시술 */ .womb_01 .con10{padding:160px 0; background-color:#f2f5fa;} .womb_01 .con10 .round_title { background-color: #719dbd; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 0; font-size: 18px; width: 35%; text-align:center; overflow: hidden; border-radius: 60px; word-break:keep-all;} .womb_01 .con10 .hifu_process {margin-left:-25px;} .womb_01 .con10 .hifu_process ul{overflow:hidden; } .womb_01 .con10 .hifu_process li{float:left; width: calc(33.33% - 35px); margin-left:30px; padding-bottom:0;} .womb_01 .con10 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .womb_01 .con10 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .womb_01 .con11 {width: 100%; padding:160px 0; background: #fff url(/img/sub/c/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .womb_01 .clinic_list_box {padding: 65px 50px; background-color: #f7f5ef; font-size: 0;} .womb_01 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: calc(50% - 48px); margin:0 24px; display:inline-block;} .womb_01 .clinic_list_box .clinic_list li > p {display: inline-block; } .womb_01 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #719dbd; color:#fff; border-radius:50%; } .womb_01 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .womb_01 .con11 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .womb_01 .con12{padding:160px 0;} .womb_01 .con12 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto ;} .womb_01 .con12 .box_list1 li {width: 30%; margin: 0 15px; text-align: center; } .womb_01 .con12 .box_list1 li > div {width: 100%; padding:0 0; background-color: #ffff; } .womb_01 .con12 .box_list1 li:after {content:'➜';font-size:30px;position: absolute;display: block;top: 0;padding-top: 11%;padding-right: 30px;margin-left: -30px;} .womb_01 .con12 .box_list1 li:first-child::after {content:"";} .womb_01 .con12 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } .womb_01 .con12 .box_list1 li .txt { padding:10px 50px 0; text-align:left; } .womb_01 .con12 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#719dbd; color:#fff; border-radius:0; width:85%; margin:0 auto 20px; font-size:18px; border-radius:100px;} .womb_01 .con12 .box_list1 li .txt2 { padding:15px 15px; text-align:left; background-color:#719dbd; color:#fff; border-radius:0; width:85%; margin:0 auto; font-size:18px; line-height:150%;} .womb_01 .con13 {width: 100%; padding:160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .womb_01 .con13 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .womb_01 .con13 ul {} .womb_01 .con13 li { display:inline-block; align-items:center; width:24%; margin-bottom:50px; } .womb_01 .con13 li .txt_wrap {margin: 30px 0 0; text-align:center;} .womb_01 .con13 li .txt1 { color:white; line-height:150%;} .half_wrap {margin: 0 0 ;} .half_wrap li {} .half_wrap li:after {content:''; display: block; clear: both;} .half_wrap li .lt, .half_wrap li .rt {float: left;width: 50%; position: relative;} .half_wrap li .rt {float: right;} .half_wrap li .img_wrap {background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;} .half_wrap li .txt_wrap {display: table;padding: 20px 50px 70px 10px;} .half_wrap li .txt_wrap .txt_box {display: table-cell; vertical-align: middle;} .half_wrap li .txt_wrap h4 {padding-left: 0; position: relative; padding-bottom:20px;} .half_wrap li .txt_wrap h4 .num {display: inline-block; width: 45px; height: 45px; text-align: center; line-height: 45px; background-color: #00aeb2; border-radius:50px; color: #fff; font-size:26px; font-family: 'Montserrat'; font-weight:500; position: absolute; top: 0; left: 0;} .half_wrap li .txt_wrap .s_txt { font-size:16px; letter-spacing:1px; padding-left:70px; font-family: 'Trebuchet MS', sans-serif; } .womb_01 .con1 .tit_wrap {margin-bottom: 65px;} .womb_01 .con1 .tit_wrap p { font-family: 'Montserrat'; color: #bbb;} .womb_01 .con1{padding:100px 0 0; background: #e9e8e7 url("/img/sub/h/hifu_01_bg.png") no-repeat bottom 40% right 13%;} .womb_01 .con1 .doctor{margin:0 auto; text-align:center;} .womb_01 .con1 .doctor_txt{position:absolute; margin-top:100px;} .womb_01 .con1 .doctor_txt .h3{font-size: 28px;line-height: 1.5;} .womb_01 .con1 .doctor_txt .h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top: -30px; left: 0;} .womb_01 .con2 {width: 100%;height:500px; padding:160px 0; background-image:url("/img/sub/h/hifu_0302_bg.jpg");background-size:cover; background-attachment:fixed; } .womb_01 .con2 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .womb_01 .con3 {padding:160px 0; background-color: #e9e8e7;} .womb_01 .con4 {padding:160px 0; background-color:#fff; } .womb_01 .con4 h3:after {content: '';display: block; width: 50%; height: 2px; background-color: #151515; position: absolute; right: 0;} .womb_01 .con5 {padding:160px 0;} .womb_01 .con6 {padding:160px 0; background-color:#e9e8e7; } .womb_01 .hifu_process {margin-left:-25px;} .womb_01 .hifu_process ul{overflow:hidden; } .womb_01 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .womb_01 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .womb_01 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .womb_01 .con6 .btn { width:80%; margin:0 0; height: 55px; line-height:55px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 12% center; font-size: 16px; font-weight: 400; transition: .25s; text-align:left; padding-left:35px;} .womb_01 .con6 .btn:hover {background-position: right 8% center; padding-left:30px;} .womb_01 .con7 {padding:160px 0; background-color:#f2f5fa; z-index:-2;} .womb_01 .con7 h3{font-weight:300; color:#151515; } .womb_01 .con7 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #151515; position: absolute; bottom: 0px; right: 0;} .womb_01 .con8 {padding:160px 0;} .womb_01 .con9 {width: 100%; height:780px; padding:160px 0; background-image:url("/img/sub/h/hifu_0107_bg.jpg");background-size:cover; background-attachment:fixed; } /* 자궁선근종 하이푸시술 */ .womb_02 .con1 {width: 100%;height:700px; padding:160px 0; background-image:url("/img/sub/h/hifu_0302_bg.jpg");background-size:cover; background-attachment:fixed; } .womb_02 .con1 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .womb_02 .con1 h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: -20px; left: 0;} .womb_02 .con2 {padding:160px 0; background-color:#e9e8e7;} .womb_02 .con3 {padding:160px 0; background-color:#e9e8e7;} .womb_02 .con3 .btn { width:80%; margin:0 0; height: 55px; line-height:55px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 12% center; font-size: 16px; font-weight: 400; transition: .25s; text-align:left; padding-left:35px;} .womb_02 .con3 .btn:hover {background-position: right 8% center; padding-left:30px;} .womb_02 .con4 {padding:160px 0; } .womb_02 .con4 h3:after {content: '';display: block; width:35%; height: 2px; background-color: #151515; position: absolute; right: 0;} .womb_02 .con7 {padding:160px 0; z-index:-2;} .womb_02 .con7 h3{font-weight:300; color:#151515; } .womb_02 .con7 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #151515; position: absolute; bottom: 0px; right: 0;} .womb_02 .con8 {padding:160px 0; background-color:#f2f5fa;} .womb_02 .con9 {width: 100%; height:780px; padding:160px 0; background-image:url("/img/sub/h/hifu_0107_bg.jpg");background-size:cover; background-attachment:fixed; } .womb_02 .con10 {width: 100%; padding:160px 0; background: #fff url(/img/sub/c/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .womb_02 .clinic_list_box {padding: 65px 50px; background-color: #f7f5ef; font-size: 0;} .womb_02 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: calc(50% - 48px); margin:0 24px; display:inline-block;} .womb_02 .clinic_list_box .clinic_list li > p {display: inline-block; } .womb_02 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #719dbd; color:#fff; border-radius:50%; } .womb_02 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .womb_02 .con10 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .womb_02 .con11{padding:160px 0;} .womb_02 .con11 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto ;} .womb_02 .con11 .box_list1 li {width: 30%; margin: 0 15px; text-align: center; } .womb_02 .con11 .box_list1 li > div {width: 100%; padding:0 0; background-color: #ffff; } .womb_02 .con11 .box_list1 li:after {content:'➜';font-size:30px;position: absolute;display: block;top: 0;padding-top: 8%;padding-right: 30px;margin-left: -30px;} .womb_02 .con11 .box_list1 li:first-child::after {content:"";} .womb_02 .con11 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } .womb_02 .con11 .box_list1 li .txt { padding:10px 50px 0; text-align:left; } .womb_02 .con11 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#719dbd; color:#fff; border-radius:0; width:85%; margin:0 auto 20px; font-size:18px; border-radius:100px;} .womb_02 .con11 .box_list1 li .txt2 { padding:15px 15px; text-align:left; background-color:#719dbd; color:#fff; border-radius:0; width:85%; margin:0 auto; font-size:18px; line-height:150%;} .womb_02 .con12{padding:100px 0 0; background: #e9e8e7 url("/img/sub/h/hifu_01_bg.png") no-repeat bottom 40% right 13%;} .womb_02 .con12 .doctor{margin:0 auto; text-align:center;} .womb_02 .con12 .doctor_txt{position:absolute; margin-top:100px;} .womb_02 .con12 .doctor_txt .h3{font-size: 28px;line-height: 1.5;} .womb_02 .con12 .doctor_txt .h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top: -30px; left: 0;} .womb_02 .con13 {width: 100%; padding:160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .womb_02 .con13 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .womb_02 .con13 ul {} .womb_02 .con13 li { display:inline-block; align-items:center; width:24%; margin-bottom:50px; } .womb_02 .con13 li .txt_wrap {margin: 30px 0 0; text-align:center;} .womb_02 .con13 li .txt1 { color:white; line-height:150%;} .womb_02 .con3 .hifu_process {margin-left:-25px;} .womb_02 .con3 .hifu_process ul{overflow:hidden; } .womb_02 .con3 .hifu_process li{float:left; width: calc(33.33% - 35px); margin-left:30px; padding-bottom:0;} .womb_02 .con3 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .womb_02 .con3 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .womb_02 .hifu_process {margin-left:-25px;} .womb_02 .hifu_process ul{overflow:hidden; } .womb_02 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .womb_02 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .womb_02 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } /* 하이푸 전후 상담 */ .care_01 .con1 {padding:0 0 160px;} .care_01 .con1 .w1200 {padding:160px 210px 160px; background-color:#e9e8e7;} .care_process {} .care_process ul{overflow:hidden;} .care_process li{float:left; width: calc(50% - 48px); margin:0 24px;} .care_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .care_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .care_01 .con2 {padding:160px 0; background-color:#f2f5fa; z-index:-2;} .care_01 .con2 h3{font-weight:300; color:#151515; } .care_01 .con2 h3:after { content: ''; display: block; width: 60%; height: 2px; background-color: #151515; position: absolute; bottom: 15px; right: 0;} .care_01 .con3 {width: 100%;height:650px; padding:160px 0; background-image:url("/img/sub/h/hifu_0302_bg.jpg");background-size:cover; background-attachment:fixed; } .care_01 .con3 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} /*.care_01 .con3 h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: -20px; left: 0;}*/ .care_02 .con1 {padding:160px 0; background-color:#f2f5fa;} .care_02 .con2 {padding:160px 0;} .care_02 .con3 {padding:160px 0; background-color:#f2f5fa;} .care_02 .con4 {padding:160px 0; border-bottom:1px solid #ddd; } .care_02 .con4 h3:after {content: '';display: block; width:48%; height: 2px; background-color: #151515; position: absolute; right: 0;} .care_03 .con1 {padding:160px 0; background-color:#f2f5fa;} .care_03 .con2 {width: 100%;height:900px; padding:120px 0; background-image:url("/img/sub/h/hifu_0102_bg.jpg");background-size:cover; background-attachment:fixed; } .care_03 .con2 .cont{display:flex; align-items:center;} .care_03 .con2 .lt {width: 50%;} .care_03 .con2 .rt {width: 50%;padding-left:0;} .care_03 .con2 .rt h3{font-weight:300; color:#fff;} .care_03 .con2 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: -30px; left: 0;} .care_03 .con2 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .clinic_01 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/h/hifu_0302_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; } .clinic_list_box {padding: 65px 70px; background-color: #f7f5ef; font-size: 0;} .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: calc(50% - 48px); margin:0 24px; display:inline-block;} .clinic_list_box .clinic_list li > p {display: inline-block; } .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #89a6d6; color:#fff; border-radius:50%; } .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .clinic_01 .con2 {padding:160px 0;} .clinic_01 .con2 .img_list li {display: flex;justify-content:space-between; margin-bottom: 20px;} .clinic_01 .con2 .img_list li:nth-child(even) {flex-direction: row-reverse;} .clinic_01 .con2 .img_list li > div {width: 38%; height:465px} .clinic_01 .con2 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .clinic_01 .con2 .img_list li .txt_box {padding: 65px 0 0 65px; background-color: transparent; position: relative; width: 62%;} .clinic_01 .con3 {padding:160px 0; background-color:#f2f5fa;} .clinic_01 .con3 .img_list li {display: flex;justify-content:space-between; margin-bottom: 20px;} .clinic_01 .con3 .img_list li:nth-child(even) {flex-direction: row-reverse;} .clinic_01 .con3 .img_list li > div {width: 38%; height:340px; margin-right:30px;} .clinic_01 .con3 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .clinic_01 .con3 .img_list li .txt_box {padding: 35px 65px 0; background-color: transparent; position: relative; width: 62%;} .clinic_01 .con4 {width: 100%;height:700px; padding:160px 0; background-image:url("/img/sub/h/hifu_0102_bg.jpg");background-size:cover; background-attachment:fixed; } .clinic_01 .con4 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .clinic_01 .con5 {padding:160px 0; border-bottom:1px solid #ddd;} .clinic_01 .con5 .cont{display:flex;} .clinic_01 .con5 .lt {width: 70%;} .clinic_01 .con5 .rt {width: 30%; padding-top:30px; } .clinic_01 .con5 .rt h3{font-weight:300; color:#151515; } .clinic_01 .con5 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:0; left: 0;} .clinic_01 .con5 .clinic_list_box {padding:30px 0; background-color: #ffffff; font-size: 0;} .clinic_01 .con5 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: 100%; display:inline-block;} .clinic_01 .con5 .clinic_list_box .clinic_list li > p {display: inline-block; } .clinic_01 .con5 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #89a6d6; color:#fff; border-radius:50%; } .clinic_01 .con5 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .clinic_01 .con5 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .clinic_01 .hifu_process {margin-left:-25px;} .clinic_01 .hifu_process ul{overflow:hidden; } .clinic_01 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .clinic_01 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .clinic_01 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .laparoscopy_01 .con2 {width: 100%; padding:160px 0; background: #fff url(/img/sub/c/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .laparoscopy_01 .con2 .cont{display:flex;} .laparoscopy_01 .con2 .lt {width: 70%;} .laparoscopy_01 .con2 .rt {width: 30%; padding-top:30px; } .laparoscopy_01 .con2 .rt h3{font-weight:300; color:#fff; } .laparoscopy_01 .con2 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top:0; left: 0;} .laparoscopy_01 .con2 .clinic_list_box {padding:50px 20px; background-color: #fff; font-size: 0;} .laparoscopy_01 .con2 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: 47%; margin:0 10px; display:inline-block;} .laparoscopy_01 .con2 .clinic_list_box .clinic_list li > p {display: inline-block; } .laparoscopy_01 .con2 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #719dbd; color:#fff; border-radius:50%; } .laparoscopy_01 .con2 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px; font-weight:500;} .laparoscopy_01 .con2 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .laparoscopy_01 .con3 {padding:160px 0;} .laparoscopy_01 .con3 ul {margin: 15px 0 0 0;display: inline-block;justify-content:space-between;width: 100%;} .laparoscopy_01 .con3 li {width: 24%;margin: 0 auto;overflow: hidden;display: inline-block;padding-bottom: 30px;text-align: center;} .laparoscopy_01 .con3 li h4 {padding: 70px 0 0;text-align:center;background-color:#719dbd;width: 260px;height: 260px;border-radius: 100%;line-height: 150%;margin: 0 auto;} .laparoscopy_01 .con4 {padding:160px 0; background-color:#e9e8e7;} .laparoscopy_01 .con5 {padding:160px 0;} .laparoscopy_01 .con6 {padding:160px 0; background-color:#e9eff8;} .laparoscopy_01 .hifu_process {margin-left:-25px;} .laparoscopy_01 .hifu_process ul{overflow:hidden; } .laparoscopy_01 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .laparoscopy_01 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .laparoscopy_01 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .laparoscopy_01 .con7 {padding:160px 0;} .process_area { display: inline-block; width: 100%;} .process { width: 100%; height: 70px; line-height: 68px; border: 2px solid #cdcdcd; margin-bottom: 20px;} .process > .title { width: 25%; text-align: center; color: #787878; font-weight:400; font-size:16px; position: relative; font-family: 'Montserrat';} .process > span { display: inline-block; font-size:18px; font-weight:500;} .process > .title:after { content: ""; background: url('/img/sub/h/effect_arrow.png'); width: 30px; height: 40px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);} .process > .title1 { width: 25%; text-align: center; color: #787878; font-weight:400; font-size:16px; position: relative; font-family: 'Montserrat';} .laparoscopy_01 .con8 {padding:160px 0; background-color:#e9e8e7;} .laparoscopy_01 .con8 .hifu_process {margin-left:-25px;} .laparoscopy_01 .con8 .hifu_process ul{overflow:hidden; } .laparoscopy_01 .con8 .hifu_process li{float:left; width: calc(33.33% - 35px); margin-left:30px; padding-bottom:50px;;} .laparoscopy_01 .con8 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .laparoscopy_01 .con8 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } /* 질성형 - 비수술케어 */ .img_box_wrap {font-size: 0; margin: 0 auto;} .img_box_wrap .img_box {display: inline-block; vertical-align: top; width: calc(50% - 0px); position: relative;} .img_box_wrap .img_box .tit_wrap {display: block; width: 320px; padding: 8px 0; background-color: #fff; border-radius:100px; color: #151515; border:1px solid #151515; text-align: center; position: absolute; top: -25px; left: 50%; font-family: 'Montserrat'; margin-left: -160px; z-index: 1;} /*.img_box_wrap .img_box:nth-child(2) .tit_wrap {background-color: #fff; color:#151515}*/ .img_box_wrap .txt_wrap { padding:0;} .img_box_wrap .txt_wrap .txt {} .img_box_wrap .text01 { font-size: 22px; font-weight: 500; text-align: center; color: #151515; padding: 25px 0 15px; border-bottom: 2px solid #151515;} .surgery_01 .page_info_wrap ul {display: flex; align-items:center; margin-bottom: 35px; background-color:#f2f2f2; padding:20px 0 20px 50px; text-align:left;} .surgery_01 .page_info_wrap li {display: flex; align-items:center; width:25% } .surgery_01 .page_info_wrap li .txt_wrap {margin: 0 0 0 20px;} .surgery_01 .page_info_wrap li .txt1 {margin-bottom: 10px;} .surgery_01 .con1 {padding:160px 0; background-color:#f2f2f2;} .surgery_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .box_bar { border-bottom:1px solid #ddd; padding-bottom:7px;} .surgery_01 .con1 .round_title { background-color: #719dbd; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 0; font-size: 18px; width: 35%; text-align:center; overflow: hidden; border-radius: 60px; word-break:keep-all;} .surgery_01 .con1 .hifu_process {margin-left:-25px;} .surgery_01 .con1 .hifu_process ul{overflow:hidden; } .surgery_01 .con1 .hifu_process li{float:left; width: calc(33.33% - 35px); margin-left:30px; padding-bottom:0;} .surgery_01 .con1 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .surgery_01 .con1 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .surgery_01 .con1 .hifu_process li .num {display: inline-block; width: 80px; height: 80px; background-color: #67d0cf; border-radius:50%; text-align: center; line-height: 80px; font-weight:400; color: #fff; font-size: 18px; letter-spacing: -1px; position: relative ; bottom: -40px; left: 50%; margin-left: -40px; z-index: 1;} .surgery_01 .con2 {padding:160px 0; background-color: #fffbfc;} .surgery_01 .con2 .hifu_process {margin-left:-25px;} .surgery_01 .con2 .hifu_process ul{overflow:hidden; } .surgery_01 .con2 .hifu_process li{float:left; width: calc(50% - 35px); margin-left:30px; padding-bottom:0;} .surgery_01 .con2 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .surgery_01 .con2 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .surgery_01 .con6 {width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .surgery_01 .con6 h3{font-weight:300; color:#fff; } .surgery_01 .con6 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .surgery_01 .box_list {margin: 120px 0 0 80px; color:#fff;} .surgery_01 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .surgery_01 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .surgery_01 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .surgery_01 .box_list li p {line-height: 1.5;} .top_tit4 {font-size: 18px;letter-spacing:8px;color:#fe7386;font-weight:400;padding-left:0px;padding-bottom:30px;position: relative; margin-top:70px;} .top_tit4:before {content: '';width: 180px;height: 2px;background-color: #fe7386;position: absolute;top: -15px;margin-left:-5px;} /* .surgery_01 .con2 {padding-bottom:160px; background: #f2f2f2 url("/img/sub/s/surgery_0102_bg.jpg") 50% 220px no-repeat; background-size:100%; } .surgery_01 .con2 .txt_dr {bottom: -100px;} .surgery_01 .con2 .box_wrap {max-width:1200px; margin: 0 auto; padding:100px 0 120px; background-color:#fff;} .surgery_01 .con2 .box_wrap h1 {display: inline-block;line-height: 1.5; color: #151515; } .surgery_01 .con2 .box_wrap h1:after {content: ''; display: block; width: 1px; height: 45px; background-color: #151515; position: absolute; top: 0; margin-top:240px; left: 50%;} .surgery_01 .con2 .txt_dr {bottom: -100px;} .surgery_01 .con3 {padding:160px 0 100px;} .surgery_01 .con3 .img_list li {display: flex;justify-content:space-between; margin-bottom: 20px;} .surgery_01 .con3 .img_list li:nth-child(even) {flex-direction: row-reverse;} .surgery_01 .con3 .img_list li > div {width: 48%; height:450px} .surgery_01 .con3 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .surgery_01 .con3 .img_list li .txt_box {padding: 35px 0 0 65px; background-color: transparent; position: relative; width: 62%;}*/ .round_title { background-color: #fe7386; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 30px; font-size: 18px; width: 95%; text-align:left; overflow: hidden; border-radius: 60px; word-break:keep-all;} .gray_box_list {display: flex; flex-wrap:wrap; padding-top:50px;} .gray_box_list li {width: 33.33%; padding: 55px 25px; background-color: #fff; border:1px solid #f6f6f6;} .gray_box_list li:nth-child(odd) {background-color: #f2f2f2;} .gray_box_list li h4 { display: inline-block; position: relative; padding-left: 50px;} .gray_box_list li h4 .num {display: inline-block; vertical-align: middle; font-family: 'Montserrat'; margin-right:10px; width: 40px; height: 40px; font-size:22px; text-align: center; line-height: 40px; background-color: #787878;border-radius:50%; color: #fff; font-weight: 500; -webkit-transform:translateY(-2px); transform:translateY(-2px); position: absolute; top: 0; left: 0} /* .surgery_01 .con4 {padding:160px 0; background-color:#fffbfc;} .surgery_01 .con4 .img_list li {display: flex;justify-content:space-between; margin-bottom: 20px;} .surgery_01 .con4 .img_list li:nth-child(even) {flex-direction: row-reverse;} .surgery_01 .con4 .img_list li > div {width: 48%; height:450px} .surgery_01 .con4 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .surgery_01 .con4 .img_list li .txt_box {padding: 35px 0 0 65px; background-color: transparent; position: relative; width: 62%;} .surgery_01 .con5 {padding:160px 0;}*/ .page_tab {width: 100%; max-width:1200px; margin: 0 auto; text-align: center; font-size: 0; padding-bottom:70px; } .page_tab li {display: inline-block; vertical-align: top;} .page_tab li a {display: block; width: 320px; text-align: center; line-height: 50px; font-size: 20px; font-weight: 500; color: #888; border: 1px solid #232021; background-color: #fff;border-left: none;} .page_tab li:first-child a {border-left: 1px solid #232021;} .page_tab li a.active {background-color: #232021; color: #fff;} .surgery_02 .con1 {padding:160px 0; background-color:#f2f2f2;} .surgery_02 .con1 ul {display: flex; align-items:center; margin-bottom: 35px;} .surgery_02 .con1 li {display: flex; align-items:center; width:25% } .surgery_02 .con1 li .txt_wrap {margin: 0 25px 0 10px;} .surgery_02 .con1 li .txt1 {margin-bottom: 10px;} .surgery_02 .con2 {padding:160px 0; } .surgery_02 .con2 .img_list li {display: flex;justify-content:space-between; margin-bottom: 0;} .surgery_02 .con2 .img_list li:nth-child(even) {flex-direction: row-reverse;} .surgery_02 .con2 .img_list li > div {width: 48%; height:500px} .surgery_02 .con2 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .surgery_02 .con2 .img_list li .txt_box {padding: 55px 0 0 65px; background-color: transparent; position: relative; width: 62%;} .surgery_02 .con3 {padding:160px 0; background-color:#fffbfc;} .circle_list {display: flex; flex-wrap:wrap; margin: 0 auto ;} .circle_list li {width: 340px; margin: 0 15px; text-align: center;} .circle_list li > div {width: 100%; height: 0; padding-bottom: 100%; background-color: #f2f2f2; border-radius:50%; position:relative; } .circle_list li .num {padding: 85px 0 15px; margin-bottom: 20px; /*font-family: 'Montserrat';*/ position: relative; } .circle_list li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;} .circle_list li .txt1 { padding:10px 0; text-align:center; background-color:#fe7386; color:#fff; border-radius:60px; width:65%; margin:0 auto;} .circle_list li .txt2 { padding-top:35%; } .surgery_02 .con4 {padding:160px 0;} .surgery_02 .con4 .hifu_process {margin-left:-25px;} .surgery_02 .con4 .hifu_process ul{overflow:hidden; } .surgery_02 .con4 .hifu_process li{float:left; width: calc(50% - 35px); margin-left:30px; padding-bottom:0;} .surgery_02 .con4 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .surgery_02 .con4 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .surgery_02 .con5 {padding:160px 0;} .surgery_02 .con5 .hifu_process {margin-left:-25px;} .surgery_02 .con5 .hifu_process ul{overflow:hidden; } .surgery_02 .con5 .hifu_process li{float:left; width: calc(33.33% - 35px); margin-left:30px; padding-bottom:0;} .surgery_02 .con5 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .surgery_02 .con5 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .surgery_02 .con6 {padding:160px 0; background-color:#f2f5fa;} .surgery_02 .con6 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_02 .con7 {padding:160px 0;} .surgery_02 .con8 { width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .surgery_02 .con8 h3{font-weight:300; color:#fff; } .surgery_02 .con8 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .surgery_02 .box_list {margin: 120px 0 0 80px; color:#fff;} .surgery_02 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .surgery_02 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .surgery_02 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .surgery_02 .box_list li p {line-height: 1.5;} .surgery_03 .con1 {padding:160px 0; background-color:#f2f2f2;} .surgery_03 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_03 .con2 {width: 100%;height:650px; padding:160px 0; background-image: url(/img/sub/surgery_0102_bg.jpg);background-size:cover; background-attachment:fixed; } .surgery_03 .con2 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .surgery_03 .con2 .txt { border-radius:100%; background-color: #f9e5e8; width:200px; height:200px; display:inline-block; float:left; text-align:center; padding-top:70px; margin-right:10px; } .surgery_03 .con3 {padding:160px 0;} .surgery_03 .con4 { width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .surgery_03 .con4 h3{font-weight:300; color:#fff; } .surgery_03 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .surgery_03 .box_list {margin: 120px 0 0 80px; color:#fff;} .surgery_03 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .surgery_03 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .surgery_03 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .surgery_03 .box_list li p {line-height: 1.5;} .surgery_03 .program { position:relative;} .surgery_03 .program ul{margin: -13px; padding-top:50px;} .surgery_03 .program li {float: left; width: calc(33.333% - 10px); margin: 0 5px; padding: 0; background-color: #fe7386; color:#fff; border-radius:60px;} .surgery_03 .program li .txt_wrap {position: relative; padding: 20px 15px; text-align: center;} .surgery_04 .con1 {width: 100%; padding:160px 0; background: #fff url('/img/sub/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .surgery_04 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_04 .con2 {padding:160px 0;} .surgery_04 .con2 ul {/*background: url('/img/sub/symbol_bg.png') 50% 100px no-repeat;*/} .surgery_04 .con2 li {display: flex; padding: 85px 0; position: relative;} .surgery_04 .con2 li:after {content:''; display: block; width: 200%; height: 1px; background-color: #e5e5e5; position: absolute; left: -50%; bottom: 0;} .surgery_04 .con2 li .lt {padding: 0 35px 0 15px; width:45%;} .surgery_04 .con2 li .rt {padding: 0 0 0 15px; width:55%;} .surgery_04 .con2 li h3 {position: relative; padding-left: 85px;} .surgery_04 .con2 li h3 .num {position: absolute; top: 0; left: 0; display: block; width: 65px; text-align: right; border-bottom: 2px solid #000;} .surgery_04 .con5 .icon_list1 {margin:0 auto; padding:30px 0 0} .surgery_04 .con5 .icon_list1 li {width: calc(45% - 0px); margin: 0 15px 0 0; padding: 25px 0 0; position: relative; transition:.5s; display:inline-block; vertical-align:top; } .surgery_04 .con5 .icon_list1 li p {line-height: 1.5;} .surgery_04 .con5 .icon_list1 li .txt_box {position: relative; z-index: 2; width:100%; height:100px; float:right; background-color:#fff; } .surgery_04 .con5 .icon_list1 li .txt_box h3 {display: inline-block;position: relative; font-weight: 400; padding:0 0 0 105px; width:100%; height:0; } .surgery_04 .con5 .icon_list1 li .txt_box p{ padding-left:35px; padding-right:20px;} .surgery_04 .con5 .icon_list1 li img { position:absolute; z-index:90; top:0; } .surgery_04 .con5 {padding:160px 0;} .surgery_04 .con5 .hifu_process {margin-left:-25px;} .surgery_04 .con5 .hifu_process ul{overflow:hidden; } .surgery_04 .con5 .hifu_process li{float:left; width: calc(33.33% - 35px); margin-left:30px; padding-bottom:0;} .surgery_04 .con5 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .surgery_04 .con5 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .surgery_04 .con5 .hifu_process li .num {display: inline-block; width: 60px; height: 60px; background-color: #67d0cf; border-radius:50%; text-align: center; line-height: 60px; font-weight:400; color: #fff; font-size: 20px; letter-spacing: -1px; position: relative ; bottom: -30px; left: 50%; margin-left: -30px; z-index: 1;} .surgery_04 .con5 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_04 .con6 {padding:160px 0;} .surgery_04 .con6 .img_box_wrap {font-size: 0; margin: 0 auto;} .surgery_04 .con6 .img_box_wrap .img_box {display: inline-block; vertical-align: top; width: calc(35% - 0px); position: relative;} .surgery_04 .con6 .img_box_wrap .txt_box {display: inline-block; vertical-align: top; width: calc(65% - 0px); position: relative;} .surgery_04 .con6 .img_box_wrap .txt_box .tit_wrap {display: block; width: 320px; padding: 8px 0; background-color: #fff; border-radius:100px; color: #151515; border:1px solid #151515; text-align: center; position: absolute; top: -25px; left: 50%; font-family: 'Montserrat'; margin-left: -160px; z-index: 1;} .surgery_04 .con6 .img_box_wrap .txt_wrap { padding:0;} .surgery_04 .con6 .img_box_wrap .txt_wrap .txt {} .surgery_04 .con6 .img_box_wrap .text01 { font-size: 22px; font-weight: 500; text-align: center; color: #151515; padding: 25px 0 15px; border-bottom: 2px solid #151515;} .square_img_wrap2 {} .square_img_list2 {font-size: 0;} .square_img_list2 li {display: inline-block; width: calc(47% - 10px); margin: 0 20px; vertical-align: top; padding-bottom:30px;} .square_img_list2 li .square_img {position: relative; } .square_img_list2 li .num {display: inline-block; width: 60px; height: 60px; background-color: #00aeb2; border-radius:50%; text-align: center; line-height: 60px; font-weight:500; color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;} .square_img_list2 li .num1 {display: inline-block;width: 350px;height: 50px;background-color: #00aeb2;text-align: center;line-height: 50px; border-radius:50px; color: #fff;font-size: 20px; margin: 30px 50px; letter-spacing: 0;z-index: 1;} .square_img_list2 li .square_img img {} .square_img_list2 li .text01 { font-size: 22px; font-weight: 500; text-align: center; color: #151515; padding: 25px 20px 15px; border-bottom: 2px solid #151515;} .square_img_list2 li .text02 { padding:0 20px} .square_img_wrap3 {} .square_img_list3 {} .square_img_list3 li {display: inline-block; width: 31%; margin: 0 9px 50px; vertical-align: top; position:relative;} .square_img_list3 li .square_img {position: relative; text-align:center; } .square_img_list3 li .num {display: inline-block; width: 50%; height: 55px; background-color: #74c5ce; border-radius:55px; text-align: center; line-height: 55px; font-weight:500; color: #fff; font-size: 20px; position: absolute; bottom: -26px; left: 50%; margin-left: -25%; z-index: 1;} .square_img_list3 li .square_img img {} .square_img_list3 li .text01 { font-size: 20px; font-weight: 500; text-align: center; padding: 10px 0 0;} .square_img_list3 li .text02{ font-size: 20px; font-weight: 500; text-align: center; color: #151515; padding: 15px 20px 15px; border-top: 2px solid #151515; border-bottom: 2px solid #151515;} .surgery_04 .con3 {padding:160px 0;} .surgery_04 .con3 ul {/*background: url('/img/sub/symbol_bg.png') 50% 100px no-repeat;*/} .surgery_04 .con3 li {display: flex; padding: 85px 0; position: relative;} .surgery_04 .con3 li:after {content:''; display: block; width: 200%; height: 1px; background-color: #e5e5e5; position: absolute; left: -50%; bottom: 0;} .surgery_04 .con3 li .lt {padding: 0 35px 0 15px; width:45%;} .surgery_04 .con3 li .rt {padding: 0 0 0 15px; width:55%;} .surgery_04 .con3 li h3 {position: relative; padding-left: 85px;} .surgery_04 .con3 li h3 .num {position: absolute; top: 0; left: 0; display: block; width: 65px; text-align: right; border-bottom: 2px solid #000;} .surgery_04 .tit_box_list {display: flex; margin: 0 0;} .surgery_04 .tit_box_list li {width: calc(100% - 60px); margin:0 5px; padding:50px 10px; display: block;} .surgery_04 .tit_box_list li h5 {padding: 0 10px; background-color: #fe7386; color:#fff;text-align: center; border-radius:60px; height:60px; line-height:60px; width:100%;} .surgery_04 .tit_box_list .txt {padding: 0 0 0 5px; } .surgery_04 .con3 {padding:160px 0; background-color:#f2f2f2;} .surgery_04 .con3 .img_list li .img_box .img { width: 100%; height: 500px; background-size: auto; background-repeat: no-repeat; background-position: 50% 50%;} .surgery_04 .con4 {width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .surgery_04 .con4 h3{font-weight:300; color:#fff; } .surgery_04 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .surgery_04 .box_list {margin: 120px 0 0 80px; color:#fff;} .surgery_04 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .surgery_04 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .surgery_04 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .surgery_04 .box_list li p {line-height: 1.5;} .surgery_04 .con7 {width: 100%; padding:160px 0; background: #fff url('/img/sub/h/hifu_0102_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .surgery_04 .con7 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_05 .con1 {padding:50px 0; background-color:#f2f2f2;} .surgery_05 .con1 ul {display: flex; align-items:center; } .surgery_05 .con1 li {display: flex; align-items:center; width:25% } .surgery_05 .con1 li .txt_wrap {margin: 0 25px 0 10px;} .surgery_05 .con1 li .txt1 {margin-bottom: 10px;} .surgery_05 .con2 {padding:160px 0;} .surgery_05 .con3 {padding:160px 0;} .surgery_05 .con3 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_05 .con4 { width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .surgery_05 .con4 h3{font-weight:300; color:#fff; } .surgery_05 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .surgery_05 .box_list {margin: 120px 0 0 80px; color:#fff;} .surgery_05 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .surgery_05 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .surgery_05 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .surgery_05 .box_list li p {line-height: 1.5;} .surgery_05 .con5 {padding:160px 0;} .surgery_05 .con5 .round_title { background-color: #333; color: #fff; border: none; margin: 0 auto; padding:0 0; font-weight: 400; font-size: 18px; width: 50px; height:50px; line-height:50px; text-align:center; overflow: hidden; border-radius: 60px; word-break:keep-all;} .surgery_05 .con5 .hifu_process li .num {display: inline-block; width: 60px; height: 60px; background-color: #67d0cf; border-radius:50%; text-align: center; line-height: 60px; font-weight:400; color: #fff; font-size: 20px; letter-spacing: -1px; position: relative ; bottom: -30px; left: 50%; margin-left: -30px; z-index: 1;} .surgery_05 .con5 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_05 .con6 {width: 100%; padding:160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .surgery_05 .con6 .cont{display:flex;} .surgery_05 .con6 .lt {width: 70%;} .surgery_05 .con6 .rt {width: 30%; padding-top:30px; } .surgery_05 .con6 .rt h3{font-weight:300; color:#fff; } .surgery_05 .con6 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top:0; left: 0;} .surgery_05 .con6 .clinic_list_box {padding:50px 20px; background-color: #fff; font-size: 0;} .surgery_05 .con6 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: 90%; margin:0 10px; display:inline-block;} .surgery_05 .con6 .clinic_list_box .clinic_list li > p {display: inline-block; } .surgery_05 .con6 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #fe7386; color:#fff; border-radius:50%; } .surgery_05 .con6 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px; font-weight:500;} .surgery_05 .con6 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .surgery_05 .con5 .s_tit_wrap {width: 100%; background: #fffbfc url('/img/sub/s/surgery05_06_01.png') 100% 50% no-repeat; } .surgery_05 .con7 {width: 100%;height:580px; padding:160px 0; background: #fff url('/img/sub/s/surgery_0102_bg.jpg') 50% 0% no-repeat; background-size:cover; background-attachment:fixed; } .surgery_05 .con7 .img {position: absolute; right:0; margin-right:2%; bottom:0; z-index: 0;} .surgery_05 .con7 .txt { border-radius:100%; background-color: #f9e5e8; width:200px; height:200px; display:inline-block; float:left; text-align:center; padding-top:70px; margin-right:10px; } .plastic_01 .page_info_wrap ul {margin: 15px 0 0; display: flex; justify-content:space-between;} .plastic_01 .page_info_wrap li {width: calc(20% - 0px); margin: 0 10px; } .plastic_01 .page_info_wrap li h4 { padding-top:33%; text-align:center; background-color:#00aeb2; transition: .25s; cursor:pointer; border-radius:100%; width:200px; height:200px; line-height:150%; } .plastic_01 .page_info_wrap li h4:hover { background-color:#151515; padding-left:10px;} .plastic_01 .page_info_wrap li:after {content:'✚';color:#999;font-size:30px;position: relative;display: block;bottom: 50%;padding-top: 0%;left: -60%; font-family: "Arial Black", Gadget, sans-serif; } .plastic_01 .page_info_wrap li:first-child::after {content:"";} .plastic_01 .page_info_wrap .text01 { font-size: 22px; font-weight: 500; text-align: center; color: #151515; padding: 25px 0 15px; border-bottom: 2px solid #151515;} .plastic_01 .con1 {padding:160px 0 100px; background-color:#f2f2f2; } .plastic_01 .con2 {padding:160px 0 100px; } .plastic_01 .con3 { width: 100%; padding: 205px 0; height:540px; background: #fff url(/img/sub/s/plastic_0101_bg.jpg) 50% 50% no-repeat; } .plastic_01 .con3 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .plastic_01 .con4 {padding:160px 0; background-color:#fffbfc; } .plastic_01 .con4 .hifu_process {margin-left:-25px;} .plastic_01 .con4 .hifu_process ul{overflow:hidden; } .plastic_01 .con4 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .plastic_01 .con4 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .plastic_01 .con4 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .plastic_01 .con4 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .plastic_01 .con5 {padding:100px 0 0; background: #e9e8e7 url("/img/sub/h/hifu_01_bg.png") no-repeat bottom 40% right 13%;} .plastic_01 .con5 .doctor{margin:0 auto; text-align:center;} .plastic_01 .con5 .doctor_txt{position:absolute; margin-top:100px;} .plastic_01 .con5 .doctor_txt .h3{font-size: 28px;line-height: 1.5;} .plastic_01 .con5 .doctor_txt .h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top: -30px; left: 0;} .plastic_01 .con5 .doctor_txt .line{ border-bottom:2px solid #151515;} .plastic_01 .con5 .doctor_txt2{position:absolute; right: 5%;font-size: 20px;line-height: 40px;padding-top: 28%;} .plastic_01 .con5 .doctor_txt2 span{font-size:28px; font-weight:600;} .plastic_02 .con1 {padding:160px 0; background-color:#f2f2f2;} .plastic_02 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .plastic_02 .con2 {padding:160px 0;} .plastic_02 .con2 .hifu_process {margin-left:-25px;} .plastic_02 .con2 .hifu_process ul{overflow:hidden; } .plastic_02 .con2 .hifu_process li{float:left; width: calc(50% - 42px); margin-left:30px; margin-bottom:30px; padding-bottom:0;} .plastic_02 .con2 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .plastic_02 .con2 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .plastic_02 .con2 .hifu_process .text03{font-size:18px; font-weight:400; line-height:170%; text-align:center; background-color:#787878; color:#fff; padding:15px 0; } .plastic_02 .con3 {padding:160px 0; background-color:#fffbfc;} .plastic_02 .con4 {padding:160px 0;} .plastic_02 .con4 .program { position:relative;} .plastic_02 .con4 .program ul{margin: -13px; padding-top:50px;} .plastic_02 .con4 .program li {float: left; width: calc(50% - 10px); margin: 0 5px; padding: 0; background-color: #fe7386; color:#fff; border-radius:60px;} .plastic_02 .con4 .program li .txt_wrap {position: relative; padding: 20px 15px; text-align: center;} .plastic_02 .con5 {width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .plastic_02 .con5 h3{font-weight:300; color:#fff; } .plastic_02 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .plastic_02 .box_list {margin: 120px 0 0 80px; color:#fff;} .plastic_02 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .plastic_02 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .plastic_02 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .plastic_02 .box_list li p {line-height: 1.5;} .plastic_02 .con6 {padding:160px 0; } .plastic_03 .con1 {padding:160px 0; background-color:#f2f2f2;} .plastic_03 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .plastic_03 .con2 {padding:160px 0;} .plastic_03 .con3 {padding:160px 0; background-color:#fffbfc;} .plastic_03 .con4 {width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .plastic_03 .con4 h3{font-weight:300; color:#fff; } .plastic_03 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .plastic_03 .box_list {margin: 120px 0 0 80px; color:#fff;} .plastic_03 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .plastic_03 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .plastic_03 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .plastic_03 .box_list li p {line-height: 1.5;} .plastic_04 .con1 {padding:160px 0; background-color:#fffbfc;} .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto ;} .box_list1 li {width: 440px; margin: 0 15px; text-align: center; } .box_list1 li > div {width: 100%; padding:50px 0; background-color: #f2f2f2; } .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .box_list1 li .txt { padding:10px 50px 0; text-align:left;} .box_list1 li .txt1 { padding:10px 0; text-align:center; background-color:#fe7386; color:#fff; border-radius:60px; width:80%; margin:0 auto;} .plastic_04 .con2 {padding:160px 0; } .plastic_04 .con2 .img_list li {display: flex;justify-content:space-between; margin-bottom: 0;} .plastic_04 .con2 .img_list li:nth-child(even) {flex-direction: row-reverse;} .plastic_04 .con2 .img_list li > div {width: 48%; height:500px} .plastic_04 .con2 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .plastic_04 .con2 .img_list li .txt_box {padding: 55px 0 0 65px; background-color: transparent; position: relative; width: 62%;} .plastic_04 .con3 {padding:160px 0; background-color:#f2f2f2;} .plastic_04 .con3 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .plastic_04 .con4 {width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .plastic_04 .con4 h3{font-weight:300; color:#fff; } .plastic_04 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .plastic_04 .box_list {margin: 120px 0 0 80px; color:#fff;} .plastic_04 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .plastic_04 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .plastic_04 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .plastic_04 .box_list li p {line-height: 1.5;} .plastic_05 .con1 {padding:160px 0; background:url(/img/sub/surgery_0102_bg.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed;} .plastic_05 .con2 {padding:160px 0; background-color:#fff;} .plastic_05 .con2 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .plastic_05 .con3 {padding:160px 0; background-color: #fffbfc; } .plastic_05 .con4 {padding:160px 0;} .plastic_05 .con4 .program { position:relative;} .plastic_05 .con4 .program ul{margin: -13px; padding-top:50px;} .plastic_05 .con4 .program li {float: left; width: calc(33.33% - 10px); margin: 0 5px; padding: 0; background-color: #fe7386; color:#fff; border-radius:60px;} .plastic_05 .con4 .program li .txt_wrap {position: relative; padding: 20px 15px; text-align: center;} .plastic_05 .con5 {padding:160px 0; background-color: #fffbfc; } .plastic_05 .con6 {width: 100%; height: auto; padding: 160px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .plastic_05 .con6 h3{font-weight:300; color:#fff; } .plastic_05 .con6 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .plastic_05 .box_list {margin: 120px 0 0 80px; color:#fff;} .plastic_05 .box_list li {width: calc(33.3% - 25px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .plastic_05 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .plastic_05 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.5; position: absolute; top:-45px; left: -85px; z-index:-1;} .plastic_05 .box_list li p {line-height: 1.5;} /* 여성질환 - 질염 */ .woman_01 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .woman_01 .clinic_list_box {padding: 65px 50px; background-color: #f7f5ef; font-size: 0;} .woman_01 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: calc(50% - 48px); margin:0 24px; display:inline-block;} .woman_01 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_01 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .woman_01 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .woman_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_01 .con2 { padding:160px 0;} .woman_01 .con3 {padding:160px 0; background-color:#f9f5ea;} .round_title_mint { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 30px; font-size: 18px; width: 95%; text-align: left; overflow: hidden; border-radius: 60px; word-break: keep-all;} .woman_01 .con3 .cont{display:flex;} .woman_01 .con3 .lt {width:80%;} .woman_01 .con3 .rt {width:20%; padding-top:0; } .woman_01 .con3 .rt h3{color:#151515; } .woman_01 .con3 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:-30px; left: 0;} .woman_01 .con3 .clinic_list_box {padding:0 0; font-size: 0;} .woman_01 .con3 .clinic_list_box .clinic_list li { padding: 30px 0; width: 170px; vertical-align: top; display: inline-block; height: 170px; border-radius: 50%; background-color: #252525; margin: 0 11px;} .woman_01 .con3 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_01 .con3 .clinic_list_box .clinic_list li .num {width: 50%; margin:0 auto 5px; background-color:transparent; text-align: center; border-bottom:1px solid #ddd; color:#fff; border-radius:0%; display: block; } .woman_01 .con3 .clinic_list_box .clinic_list li .txt {width: calc(100% - 0px); padding-left: 0; text-align:center; padding-top:10px; color:#fff;} .woman_01 .con3 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_01 .con4 {padding:160px 0;} .woman_01 .con6 {padding:50px 0 160px;} .woman_01 .con7 {padding:160px 0; background-color:#f9f5ea;} .woman_01 .con7 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_01 .con8 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2; } .woman_01 .con8 h3{font-weight:300; color:#fff; } .woman_01 .con8 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_01 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_01 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_01 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_01 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_01 .box_list li p {line-height: 1.5;} .woman_02 .circle_list {display: flex; flex-wrap:wrap; margin: 0 auto ;} .woman_02 .circle_list li {width: 27%; margin: 0 15px; text-align: center;} .woman_02 .circle_list li > div {width: 100%; height: 0; padding-bottom: 100%; background-color: #f2f2f2; border-radius:50%; position:relative; } .woman_02 .circle_list li .num {padding: 85px 0 15px; margin-bottom: 20px; /*font-family: 'Montserrat';*/ position: relative; } .woman_02 .circle_list li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;} .woman_02 .circle_list li .txt1 { padding:10px 0; text-align:center; background-color:#fe7386; color:#fff; border-radius:60px; width:65%; margin:0 auto;} .woman_02 .circle_list li .txt2 { padding-top:38%; } .woman_02 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .woman_02 .clinic_list_box {padding: 65px 50px; background-color: #f7f5ef; font-size: 0;} .woman_02 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: calc(50% - 48px); margin:0 24px; display:inline-block;} .woman_02 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_02 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .woman_02 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .woman_02 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_02 .con2 {padding:160px 0; background-color:#f9f5ea;} .woman_02 .con2 .cont{display:flex;} .woman_02 .con2 .lt {width:80%;} .woman_02 .con2 .rt {width:20%; padding-top:0; } .woman_02 .con2 .rt h3{color:#151515; } .woman_02 .con2 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:-30px; left: 0;} .woman_02 .con2 .clinic_list_box {padding:0 0; font-size: 0;} .woman_02 .con2 .clinic_list_box .clinic_list li { padding: 30px 0; width: 200px; vertical-align: top; display: inline-block; height: 200px; border-radius: 50%; background-color: #252525; margin: 0 11px;} .woman_02 .con2 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_02 .con2 .clinic_list_box .clinic_list li .num {width: 50%; margin:0 auto 5px; background-color:transparent; text-align: center; border-bottom:1px solid #ddd; color:#fff; border-radius:0%; display: block; } .woman_02 .con2 .clinic_list_box .clinic_list li .txt {width: calc(100% - 0px); padding-left: 0; text-align:center; padding-top:10px; color:#fff;} .woman_02 .con2 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_02 .con3 {padding:160px 0;} .woman_02 .con3 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_02 .con4 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .woman_02 .con4 h3{font-weight:300; color:#fff; } .woman_02 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_02 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_02 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_02 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_02 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_02 .box_list li p {line-height: 1.5;} .woman_03 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .woman_03 .clinic_list_box {padding: 65px 50px; background-color: #f7f5ef; font-size: 0;} .woman_03 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: calc(50% - 48px); margin:0 24px; display:inline-block;} .woman_03 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_03 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .woman_03 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .woman_03 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_03 .con2 {padding:160px 0; background-color:#f9f5ea;} .woman_03 .con2 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto ;} .woman_03 .con2 .box_list1 li {width: 47%; margin: 0 15px; text-align: center; } .woman_03 .con2 .box_list1 li > div {width: 100%; padding:50px 0; background-color: #ffff; height:550px; } .woman_03 .con2 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .woman_03 .con2 .box_list1 li .txt { padding:10px 50px 0; text-align:left;} .woman_03 .con2 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0; width:85%; margin:0 auto; font-size:20px} .woman_03 .con3 {padding:160px 0;} .woman_03 .con3 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_03 .con4 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .woman_03 .con4 h3{font-weight:300; color:#fff; } .woman_03 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_03 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_03 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_03 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_03 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_03 .box_list li p {line-height: 1.5;} .woman_04 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto; background-color:#f9f5ea; padding:50px 30px;} .woman_04 .box_list1 li {width: 30%; margin: 0 15px; text-align: center; } .woman_04 .box_list1 li > div {width: 100%; padding:50px 0; background-color: #ffff; height:600px; } .woman_04 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .woman_04 .box_list1 li .txt { padding:10px 50px 0; text-align:left;} .woman_04 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0; width:85%; margin:0 auto; font-size:20px} .woman_04 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .woman_04 .con1 .qna_list { position:relative;} .woman_04 .con1 .qna_list ul { margin: 0 auto;} .woman_04 .con1 .qna_list .q{border-top: 1px solid #f9f9f9; margin-bottom:-1px; border-bottom: 1px solid #f9f9f9; position: relative; padding: 25px 50px 25px; position: relative; color:#fff;} .woman_04 .con1 .qna_list .a {padding: 20px 20px 20px 65px; color:#fff;} .woman_04 .con1 .qna_list .num {font-family: 'Montserrat'; padding-right:10px } .woman_04 .con1 .qna_list .a ul {display: flex; padding:10px 30px 50px;} .woman_04 .con1 .qna_list .a li {width: calc(50% - 20px); margin: 0 10px;} .woman_04 .con1 .qna_list .a li dt {padding: 10px 0;text-align: center; margin-bottom: 20px; background-color: #5fc8c7; color: #fff; border-radius:30px; } .woman_04 .con1 .qna_list .a li dd { margin: 0 auto; padding:10px 30px;} .woman_04 .con2 {padding:160px 0;} .woman_04 .con2 ul {display: flex; padding:10px 30px 50px; margin-left:-30px;} .woman_04 .con2 li {width: calc(31% - 20px); margin: 0 10px; text-align: center; margin-bottom: 20px; background-color: #5fc8c7; color: #fff; border-radius:50%; width:250px; height:250px; padding: 55px 30px 0;} .woman_04 .con2 li .txt{ border-bottom:1px solid #fff; padding:15px 0;} .woman_04 .con2 .left, .woman_04 .con2 .right {display: inline-block; vertical-align: middle;} .woman_04 .con2 .left {width:30%; font-size:22px; padding: 15px 0 0; border-radius:60px; text-align: center; background-color: #5fc8c7;} .woman_04 .con2 .right {width: 40%; border: 1px solid #ececec; padding: 15px 20px; background-color: #fff; float: right;} .woman_04 .con2 .left:after { content: '--------------------➤'; display: block; position: relative ; bottom: 20px; right: -260px; z-index: 2; transition: .5s; color:#787878; font-weight:300;} .woman_04 .con3 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .woman_04 .con3 h3{font-weight:300; color:#fff; } .woman_04 .con3 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_04 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_04 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_04 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_04 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_04 .box_list li p {line-height: 1.5;} .woman_05 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .woman_05 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto; padding:50px 30px 0;} .woman_05 .box_list1 li {width: 47%; margin: 0 15px; text-align: center; } .woman_05 .box_list1 li > div {width: 100%; padding:50px 0; background-color: #ffff; height:480px; } .woman_05 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .woman_05 .box_list1 li .txt { padding:10px 80px 0; text-align:left;} .woman_05 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0; width:85%; margin:0 auto; font-size:20px;} .woman_05 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_05 .con2 {padding:160px 0; background-color:#f9f5ea;} .woman_05 .con2 .left, .woman_05 .con2 .right {display: inline-block; vertical-align: middle;} .woman_05 .con2 .left {width:20%; font-size:22px; padding: 15px 0 0; border-radius:60px; text-align: center; background-color: #5fc8c7;} .woman_05 .con2 .right {width: 60%; border: 1px solid #ececec; padding: 15px 20px; background-color: #fff; float: right;} .woman_05 .con2 .left:after { content: '--------------------➤'; display: block; position: relative ; bottom: 20px; right: -230px; z-index: 2; transition: .5s; color:#787878; font-weight:300;} .woman_05 .con3 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .woman_05 .con3 h3{font-weight:300; color:#fff; } .woman_05 .con3 h3:after { content: ''; display: block; width: 45%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_05 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_05 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_05 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_05 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_05 .box_list li p {line-height: 1.5;} .woman_05 .con4 {padding:160px 0; } .woman_05 .con4 .hifu_process {margin-left:-25px;} .woman_05 .con4 .hifu_process ul{overflow:hidden; } .woman_05 .con4 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .woman_05 .con4 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .woman_05 .con4 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .woman_05 .con4 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_06 .con1 {width: 100%; padding:160px 0; background: #fff url(/img/sub/woman_01_bg.jpg) 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .woman_06 .con1 .img_list li {display: flex;justify-content:space-between; margin-bottom: 20px;} .woman_06 .con1 .img_list li:nth-child(even) {flex-direction: row-reverse;} .woman_06 .con1 .img_list li > div {width: 50%; height:465px} .woman_06 .con1 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .woman_06 .con1 .img_list li .txt_box {padding: 35px 0 0 50px; background-color: transparent; position: relative; width: 50%;} .woman_06 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_06 .con1 .btn { width:55%; height: 55px; line-height:55px; border: 1px solid #fff; border-radius:50px; text-align: left; color: #fff; background-image: url('/img/main/arrow_w.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 18px; font-weight: 400; transition: .25s;padding: 0 30px 0; display:inline-block;} .woman_06 .con1 .btn:hover {background-position: right 12% center; } .woman_06 .con2 {padding:160px 0;} .woman_06 .con3 {padding:160px 0; background-color:#f9f5ea;} .woman_06 .con3 .btn { width:45%; margin:0 auto; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 18px; font-weight: 400; transition: .25s; text-align:left; padding-left:50px;} .woman_06 .con3 .btn:hover {background-position: right 12% center; } .woman_06 .con4 {padding:160px 0;} .woman_06 .con4 .cont{display:flex;} .woman_06 .con4 .lt {width: 70%;} .woman_06 .con4 .rt {width: 30%; padding-top:30px; } .woman_06 .con4 .rt h3{font-weight:300; color:#151515; } .woman_06 .con4 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:0; left: 0;} .woman_06 .con4 .clinic_list_box {padding:30px 0; background-color: #ffffff; font-size: 0;} .woman_06 .con4 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: 100%; display:inline-block;} .woman_06 .con4 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_06 .con4 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .woman_06 .con4 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .woman_06 .con4 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .woman_06 .con5 {padding:160px 0; background-color:#f9f9f9;} .woman_06 .con5 .box01 .left, .woman_06 .con5 .box01 .right {display: inline-block; vertical-align: middle;} .woman_06 .con5 .box01 .left {width: 35%; margin-right:10px; font-size:22px; padding: 20px 0; border-radius:60px; text-align: center; background-color: #96dfde; vertical-align: top;} .woman_06 .con5 .box01 .right {width: 63%; padding: 0 10px 25px 30px; } .woman_06 .con5 .box01 .left:after { content: ''; display: block; width: 2px; height: 141px; background-color: #96dfde; position: absolute; z-index: 2; transition: .5s; left: 0; margin-left:18.5%;} .woman_06 .con5 .box02 .left, .woman_06 .con5 .box02 .right {display: inline-block; vertical-align: middle;} .woman_06 .con5 .box02 .left {width: 35%; margin-right:10px; font-size:22px; padding: 18px 0; border-radius:60px; text-align: center; background-color: #5fc8c7; vertical-align: top;} .woman_06 .con5 .box02 .right {width: 63%; padding:0 10px 25px 30px; } .woman_06 .con5 .box02 .left:after { content: ''; display: block; width: 2px; height: 72px; background-color: #5fc8c7; position: absolute; z-index: 2; transition: .5s; left: 0; margin-left:18.5%;} .woman_06 .con5 .box03 .left, .woman_06 .con5 .box03 .right {display: inline-block; vertical-align: middle;} .woman_06 .con5 .box03 .left {width: 35%; margin-right:10px; font-size:22px; padding: 18px 0; border-radius:60px; text-align: center; background-color: #3ba1a0; vertical-align: top;} .woman_06 .con5 .box03 .right {width: 63%; padding: 0 10px 25px 30px;} .woman_06 .con5 .box03 .right .box{width:150px; padding:8px 10px; background-color:#fff; text-align:center; border-radius:30px;} .woman_06 .con6 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .woman_06 .con6 h3{font-weight:300; color:#fff; } .woman_06 .con6 h3:after { content: ''; display: block; width: 45%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_06 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_06 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_06 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_06 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_06 .box_list li p {line-height: 1.5;} .woman_07 .con1 {padding:160px 0; background-color:#f9f9f9;} .woman_07 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .package_list {margin:0 auto 50px; background-color:#fff; padding:50px 30px 30px;} .package_list li {width: 100%; height:220px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .package_list li p {position:relative;} .package_list li .txt_box {position: relative; z-index: 2; width:100%; float:right;} .package_list li .txt_box h3 {display: inline-block;position: relative; font-weight: 500; padding:10px 0 0 27%; } .package_list li .txt_box p{ padding-left:27%; padding-bottom:10px;} .package_list li img { position:absolute; z-index:90; top:0; left:5px; width:23%;} .package_list .square {position: relative;} .package_list .square:after {content:''; display: block; width: 8px; height: 8px; background-color: #787878; position: absolute; top: 8px; margin-left: -15px;} .woman_07 .con2 {padding:160px 0;} .woman_07 .con2 .hifu_process {margin-left:-25px;} .woman_07 .con2 .hifu_process ul{overflow:hidden; } .woman_07 .con2 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:0;} .woman_07 .con2 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .woman_07 .con2 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .woman_07 .con3 {padding:160px 0 100px; background-color:#f9f9f9;} .woman_07 .con3 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .woman_07 .con3 li .list_con {display: flex;} .woman_07 .con3 li .lt {width: 250px; padding: 0 30px 0 0;} .woman_07 .con3 li .lt h3 {position: relative; padding-left: 50px;} .woman_07 .con3 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .woman_07 .con3 li .rt {width: calc(100% - 230px); } .woman_07 .con3 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .woman_07 .con3 li .rt .square {padding-left:50px;} .woman_07 .con3 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .woman_07 .con3 li .rt .list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .woman_07 .con3 li .rt .list li .txt {width: calc(100% - 35px); padding-left: 12px;} .woman_07 .con4 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url('/img/sub/hifu_0302_bg.jpg'); background-size: cover; background-attachment: fixed; z-index:-2;} .woman_07 .con4 h3{font-weight:300; color:#fff; } .woman_07 .con4 h3:after { content: ''; display: block; width: 45%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .woman_07 .con4 .box_list {margin: 120px 0 0 80px; color:#fff;} .woman_07 .con4 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .woman_07 .con4 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .woman_07 .con4 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .woman_07 .con4 .box_list li p {line-height: 1.5;} .checkup_01 .con1 { width: 100%; padding: 175px 0; height:540px; background: #fff url('/img/sub/s/plastic_0101_bg.jpg') 50% 50% no-repeat; margin-top:-50px } .checkup_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_01 .con2 {padding:160px 0; background-color:#f9f9f9;} .checkup_01 .con2 .box_wrap {max-width:1200px; display: flex; margin: 0 auto; border-radius: 40px 0 40px 0; padding:70px 70px; background-color:#fff;} .checkup_01 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_01 .con2 .box_wrap h4 { display: block; background-color: #fff; color: #222; position: relative; font-size:38px; font-weight:500; margin-left: 0; margin-bottom:10px;} .checkup_01 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_01 .con2 .box_wrap .lt {width: 50%; margin:0 0 0 0;} .checkup_01 .con2 .box_wrap .rt {width: 50%; } .checkup_01 .con2 .box_wrap .rt ul {display blocl: ;align-items:center; text-align:center;} .checkup_01 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_01 .con2 .box_wrap .rt li .txt_wrap {margin:20px 50px 0; background-color:#f9f9f9; padding:7px 40px; transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_01 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_01 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_01 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_01 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_01 .con3 {padding:160px 0;} .checkup_01 .con3 .square_img_wrap {} .checkup_01 .con3 .square_img_list {font-size: 0; margin-left: -10px;} .checkup_01 .con3 .square_img_list li {display: inline-block; width:30%; margin: 0 20px 30px; padding:50px 30px; vertical-align: top; border:1px solid #ddd; border-radius: 30px 0 0 0; height:400px; border-bottom:5px solid #151515;} .checkup_01 .con3 .square_img_list li:nth-child(6) {border-radius: 0 0 30px 0;} .checkup_01 .con3 .square_img_list li .square_img {position: relative; } .checkup_01 .con3 .square_img_list li .num {display: inline-block; width: 60px; height: 60px; background-color: #00aeb2; border-radius:50%; text-align: center; line-height: 60px; font-weight:500; color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;} .checkup_01 .con3 .square_img_list li .square_img img {/*width: 100%;*/} .checkup_01 .con3 .square_img_list li .text01 { font-size: 20px; font-weight: 500; text-align: center; color: #151515; line-height:150%; word-break:keep-all;} .checkup_01 .con4 {padding:160px 0; background-color:#f9f5ea;} .checkup_01 .con4 .link {position: relative;} .checkup_01 .con4 .link ul {margin: -170px 0 0; display: flex; flex-wrap: wrap; float: right; width:65%;} .checkup_01 .con4 .link li {width: calc(50% - 6px); margin: 0 3px 6px; background-color:#5fc8c7; overflow: hidden; border-radius:50px;} .checkup_01 .con4 .link li:nth-child(even) {background-color: #81a1dc;} .checkup_01 .con4 .link li h4 {padding:20px 0; text-align:center;} .checkup_01 .con4 .link li{transition:.5s;} .checkup_01 .con4 .link li:hover{ background-color:#001241;} .checkup_01 .con5 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .checkup_01 .con5 h3{font-weight:300; color:#fff; } .checkup_01 .con5 h3:after { content: ''; display: block; width: 45%; height: 2px; background-color: #fff; opacity:.5; position: absolute; bottom: 15px; right: 0;} .checkup_01 .box_list {margin: 120px 0 0 80px; color:#fff;} .checkup_01 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top; } .checkup_01 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .checkup_01 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .checkup_01 .box_list li p {line-height: 1.5;} .checkup_02 .con1 { width: 100%; padding: 175px 0; height:540px; background: #fff url('/img/sub/s/plastic_0101_bg.jpg') 50% 50% no-repeat; margin-top:-50px } .checkup_02 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_02 .con2 {padding:160px 0; background-color:#f9f9f9;} .checkup_02 .con2 .box_wrap {max-width:1200px; display: flex; margin: 0 auto; border-radius: 40px 0 40px 0; padding:70px 70px; background-color:#fff;} .checkup_02 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_02 .con2 .box_wrap h4 { display: block; background-color: #fff; color: #222; position: relative; font-size:38px; font-weight:500; margin-left: 0; margin-bottom:10px;} .checkup_02 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_02 .con2 .box_wrap .lt {width: 50%; margin:0 0 0 0;} .checkup_02 .con2 .box_wrap .rt {width: 50%; } .checkup_02 .con2 .box_wrap .rt ul {display blocl: ;align-items:center; text-align:center;} .checkup_02 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_02 .con2 .box_wrap .rt li .txt_wrap {margin:20px 50px 0; background-color:#f9f9f9; padding:7px 40px; transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_02 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_02 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_02 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_02 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_02 .con3 {padding:160px 0;} .checkup_02 .con3 .qna_list { position:relative;} .checkup_02 .con3 .qna_list ul { margin: 0 auto;} .checkup_02 .con3 .qna_list li { width:48%; display:inline-block; padding:0 15px;} .checkup_02 .con3 .qna_list .q{border-top: 2px solid #151515; margin-bottom:-1px; border-bottom: 1px solid #ddd; position: relative; padding: 25px 10px 25px; position: relative; color:#151515;} .checkup_02 .con3 .qna_list .a {padding: 20px 20px 20px 65px; color:#151515;} .checkup_02 .con3 .qna_list .num {font-family: 'Montserrat'; padding-right:10px } .checkup_02 .con3 .qna_list .a ul {display: flex; padding:10px 30px 50px;} .checkup_02 .con3 .qna_list .a li {width: calc(50% - 20px); margin: 0 10px;} .checkup_02 .con4 {padding:160px 0 70px; background-color:#f9f9f9;} .checkup_02 .con4 ul {margin: 15px 0 0 -20px; display: flex; justify-content:space-between;} .checkup_02 .con4 li {width: calc(33.33% - 0px); margin: 0 10px; overflow: hidden;} .checkup_02 .con4 li h4 {padding:20px 0; text-align:center; background-color:#5fc8c7; border-radius:100px; line-height:220%} .checkup_02 .con5 {padding:0 0 160px; background-color:#f9f9f9;} .checkup_02 .con5 .cont{display:flex;} .checkup_02 .con5 .lt {width: 70%;} .checkup_02 .con5 .rt {width: 30%; padding-top:30px; } .checkup_02 .con5 .rt h3{font-weight:300; color:#151515; } .checkup_02 .con5 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:0; left: 0;} .checkup_02 .con5 .clinic_list_box {padding:0 0; background-color: #f9f9f9; font-size: 0;} .checkup_02 .con5 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #ddd; width: 100%; display:inline-block;} .checkup_02 .con5 .clinic_list_box .clinic_list li > p {display: inline-block; } .checkup_02 .con5 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .checkup_02 .con5 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .checkup_02 .con5 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_02 .con6 {padding:160px 0;} .checkup_02 .con6 .square_img_wrap {} .checkup_02 .con6 .square_img_list {font-size: 0; margin-left: -10px;} .checkup_02 .con6 .square_img_list li {display: inline-block; width:30%; margin: 0 20px 30px; padding:50px 30px; vertical-align: top; border:1px solid #ddd; border-radius: 30px 0 0 0; height:450px; border-bottom:5px solid #151515;} .checkup_02 .con6 .square_img_list li:nth-child(6) {border-radius: 0 0 30px 0;} .checkup_02 .con6 .square_img_list li .square_img {position: relative; } .checkup_02 .con6 .square_img_list li .num {display: inline-block; width: 60px; height: 60px; background-color: #00aeb2; border-radius:50%; text-align: center; line-height: 60px; font-weight:500; color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;} .checkup_02 .con6 .square_img_list li .square_img img {/*width: 100%;*/} .checkup_02 .con6 .square_img_list li .text01 { font-size: 20px; font-weight: 500; text-align: center; color: #151515; line-height:150%; word-break:keep-all;} .checkup_02 .con7 {padding:160px 0 70px; background-color:#f9f9f9;} .checkup_02 .con8 {padding:0 0 160px; background-color:#f9f9f9;} .checkup_02 .con8 ul {display: flex; align-items:center; margin-bottom: 35px;} .checkup_02 .con8 li {width:33.33%; margin:0 0; text-align:center; border-left:1px solid #ddd;} .checkup_02 .con8 li:nth-child(1) { border-left:none;} .checkup_02 .con8 li .icon { display:block;} .checkup_02 .con8 li .txt_wrap {margin: 30px 25px 0;} .checkup_02 .con8 li .txt1 {margin-bottom: 10px;} .checkup_02 .con9 {padding:160px 0; border-bottom:1px solid #ddd;} .checkup_02 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto; background-color:#f9f5ea; padding:50px 30px;} .checkup_02 .box_list1 li {width: 30%; margin: 0 15px; text-align: center; } .checkup_02 .box_list1 li > div {width: 100%; padding:50px 20px; background-color: #ffff; height:450px; } .checkup_02 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .checkup_02 .box_list1 li .txt { padding:10px 50px 0; text-align:left;} .checkup_02 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0; width:100%; border-radius:60px; margin:0 auto; font-size:20px} .checkup_02 .box_list1 li .square {padding-left:50px;} .checkup_02 .box_list1 li .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -15px;} .checkup_03 .con1 { width: 100%; padding: 175px 0; height:540px; background: #fff url('/img/sub/s/plastic_0101_bg.jpg') 50% 50% no-repeat; margin-top:-50px } .checkup_03 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_03 .con2 {padding:160px 0; background-color:#f9f9f9;} .checkup_03 .con2 .box_wrap {max-width:1200px; display: flex; margin: 0 auto; border-radius: 40px 0 40px 0; padding:70px 70px; background-color:#fff;} .checkup_03 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_03 .con2 .box_wrap h4 { display: block; background-color: #fff; color: #222; position: relative; font-size:38px; font-weight:500; margin-left: 0; margin-bottom:10px;} .checkup_03 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_03 .con2 .box_wrap .lt {width: 50%; margin:0 0 0 0;} .checkup_03 .con2 .box_wrap .rt {width: 50%; } .checkup_03 .con2 .box_wrap .rt ul {display blocl: ;align-items:center; text-align:center;} .checkup_03 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_03 .con2 .box_wrap .rt li .txt_wrap {margin:20px 50px 0; background-color:#f9f9f9; padding:7px 40px; transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_03 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_03 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_03 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_03 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_03 .con3 {padding:160px 0 100px; border-bottom:1px solid #ddd;} .checkup_03 .con3 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .checkup_03 .con3 li .list_con {display: flex;} .checkup_03 .con3 li .lt {width: 450px; padding: 0 30px 0 0;} .checkup_03 .con3 li .lt h3 {position: relative; padding-left: 50px;} .checkup_03 .con3 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .checkup_03 .con3 li .rt {width: calc(100% - 430px); } .checkup_03 .con3 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .checkup_03 .con3 li .rt .square {padding-left:50px;} .checkup_03 .con3 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .checkup_04 .con1 { width: 100%; padding: 175px 0; height:540px; background: #fff url('/img/sub/plastic_0101_bg.jpg') 50% 50% no-repeat; margin-top:-50px } .checkup_04 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_04 .con2 {padding:160px 0; background-color:#f9f9f9;} .checkup_04 .con2 .box_wrap {max-width:1200px; display: flex; margin: 0 auto; border-radius: 40px 0 40px 0; padding:70px 70px; background-color:#fff;} .checkup_04 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_04 .con2 .box_wrap h4 { display: block; background-color: #fff; color: #222; position: relative; font-size:38px; font-weight:500; margin-left: 0; margin-bottom:10px;} .checkup_04 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_04 .con2 .box_wrap .lt {width: 50%; margin:0 0 0 0;} .checkup_04 .con2 .box_wrap .rt {width: 50%; } .checkup_04 .con2 .box_wrap .rt ul {display blocl: ;align-items:center; text-align:center;} .checkup_04 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_04 .con2 .box_wrap .rt li .txt_wrap {margin:20px 50px 0; background-color:#f9f9f9; padding:7px 40px; transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_04 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_04 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_04 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_04 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_04 .con3 {width: 100%; padding: 160px 0; background: #fff url('/img/sub/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment: fixed; height: auto; background-size: cover;} .checkup_04 .con3 .cont{display:flex;} .checkup_04 .con3 .lt {width: 70%;} .checkup_04 .con3 .rt {width: 30%; padding-top:30px; } .checkup_04 .con3 .rt h3{font-weight:300; color:#fff; } .checkup_04 .con3 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top:0; left: 0;} .checkup_04 .con3 .clinic_list_box {padding:30px 0; background-color: transparent ; font-size: 0;} .checkup_04 .con3 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #777; width: 100%; display:inline-block;} .checkup_04 .con3 .clinic_list_box .clinic_list li > p {display: inline-block; } .checkup_04 .con3 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .checkup_04 .con3 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px; vertical-align:baseline;} .checkup_04 .con3 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_04 .con4 {padding:160px 0 100px; border-bottom:1px solid #ddd;} .checkup_04 .con4 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .checkup_04 .con4 li .list_con {display: flex;} .checkup_04 .con4 li .lt {width: 450px; padding: 0 30px 0 0;} .checkup_04 .con4 li .lt h3 {position: relative; padding-left: 50px;} .checkup_04 .con4 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .checkup_04 .con4 li .rt {width: calc(100% - 430px); } .checkup_04 .con4 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .checkup_04 .con4 li .rt .square {padding-left:50px;} .checkup_04 .con4 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .checkup_05 .con1 { width: 100%; padding: 175px 0; height:540px; background: #fff url('/img/sub/s/plastic_0101_bg.jpg') 50% 50% no-repeat; margin-top:-50px } .checkup_05 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .35; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_05 .con2 {padding:160px 0; background-color:#f9f9f9;} .checkup_05 .con2 .box_wrap {max-width:1200px; display: flex; margin: 0 auto; border-radius: 40px 0 40px 0; padding:70px 70px; background-color:#fff;} .checkup_05 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_05 .con2 .box_wrap h4 { display: block; background-color: #fff; color: #222; position: relative; font-size:38px; font-weight:500; margin-left: 0; margin-bottom:10px;} .checkup_05 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_05 .con2 .box_wrap .lt {width: 50%; margin:0 0 0 0;} .checkup_05 .con2 .box_wrap .rt {width: 50%; } .checkup_05 .con2 .box_wrap .rt ul {display blocl: ;align-items:center; text-align:center;} .checkup_05 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_05 .con2 .box_wrap .rt li .txt_wrap {margin:20px 50px 0; background-color:#f9f9f9; padding:7px 40px; transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_05 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_05 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_05 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_05 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_05 .con3 {width: 100%; padding: 160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment: fixed; height: auto; background-size: cover;} .checkup_05 .con3 .cont{display:flex;} .checkup_05 .con3 .lt {width: 70%;} .checkup_05 .con3 .rt {width: 30%; padding-top:30px; } .checkup_05 .con3 .rt h3{font-weight:300; color:#fff; } .checkup_05 .con3 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top:0; left: 0;} .checkup_05 .con3 .clinic_list_box {padding:30px 0; background-color: transparent ; font-size: 0;} .checkup_05 .con3 .clinic_list_box .clinic_list li {padding: 12px 15px; border-bottom: 1px solid #777; width: 100%; display:inline-block;} .checkup_05 .con3 .clinic_list_box .clinic_list li > p {display: inline-block; } .checkup_05 .con3 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .checkup_05 .con3 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .checkup_05 .con3 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_05 .con4 {padding:160px 0; background-color:#f9f9f9;} .checkup_05 .con4 ul {display: flex; flex-wrap:wrap; justify-content:space-between; text-align: center; margin: 0 -15px;} .checkup_05 .con4 .green_list { } .checkup_05 .con4 .green_list li {width: calc(50% - 30px); margin: 0 15px; padding: 70px 20px; border:1px solid #ddd; background-color:#fff;} .checkup_05 .con4 .green_list li .icon { padding-bottom:30px;} .checkup_05 .con4 .round_title { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 30px; font-size: 18px; width: 100%; text-align:left; overflow: hidden; border-radius: 60px; word-break:keep-all;} .checkup_05 .con5 {padding:160px 0 100px; border-bottom:1px solid #ddd;} .checkup_05 .con5 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .checkup_05 .con5 li .list_con {display: flex;} .checkup_05 .con5 li .lt {width: 450px; padding: 0 30px 0 0;} .checkup_05 .con5 li .lt h3 {position: relative; padding-left: 50px;} .checkup_05 .con5 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .checkup_05 .con5 li .rt {width: calc(100% - 430px); } .checkup_05 .con5 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .checkup_05 .con5 li .rt .square {padding-left:50px;} .checkup_05 .con5 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .incon_01 .con1 {padding:160px 0; background-color:#f9f5ea;} .incon_01 .hifu_process {margin-left:-25px;} .incon_01 .hifu_process ul{overflow:hidden; } .incon_01 .hifu_process li{float:left; width: calc(25% - 35px); margin-left:30px; padding-bottom:50px; height:480px;} .incon_01 .hifu_process li img { width:100%;} .incon_01 .hifu_process .text01{font-size:22px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .incon_01 .hifu_process .text02{font-size:18px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .incon_01 .con2 {width: 100%; padding:160px 0; /*background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;*/} .incon_01 .con3 {padding:160px 0 100px; background-color:#f9f9f9; } .incon_01 .con3 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .incon_01 .con3 li .list_con {display: flex;} .incon_01 .con3 li .lt {width: 450px; padding: 0 30px 0 0;} .incon_01 .con3 li .lt h3 {position: relative; padding-left: 50px;} .incon_01 .con3 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .incon_01 .con3 li .rt {width: calc(100% - 430px); } .incon_01 .con3 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .incon_01 .con3 li .rt .square {padding-left:30px;} .incon_01 .con3 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .incon_01 .con3 li .round_title { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 10px 30px; font-size: 18px; width: 25%; text-align: center; overflow: hidden; border-radius: 60px; word-break: keep-all;} .incon_01 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto;} .incon_01 .box_list1 li {width: 47%; margin: 0 15px; text-align: center; } .incon_01 .box_list1 li > div {width: 100%; padding:50px 20px; background-color: #ffff; height:700px; } .incon_01 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .incon_01 .box_list1 li .txt { padding:10px 50px 0; text-align:left;} .incon_01 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0; width:90%; border-radius:60px; margin:0 auto; font-size:20px} .incon_01 .box_list1 li .square {padding-left:50px;} .incon_01 .box_list1 li .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -15px;} .incon_01 .con4 {padding:160px 0; border-bottom:1px solid #ddd;} .incon_01 .con4 .btn { width:30%; margin:0 15px; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 18px; font-weight: 400; transition: .25s; text-align:left; padding-left:50px; display:inline-block; } .incon_01 .con4 .btn:hover {background-position: right 12% center; padding-left:45px;} .incon_01 .con5 {width: 100%; height: auto; padding: 160px 0 100px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size: cover; background-attachment: fixed; z-index:-2;} .incon_01 .con5 h3{font-weight:300; color:#fff; } .incon_01 .con5 h3:after { content: ''; display: block; width: 45%; height: 2px; background-color: #fff; opacity:.3; position: absolute; bottom: 15px; right: 0;} .incon_01 .box_list {margin: 120px 0 0 80px; color:#fff;} .incon_01 .box_list li {width: calc(25% - 25px); margin: 0 9px 18px; padding: 25px 0 50px; position: relative; transition:.5s; display:inline-block; vertical-align:top;} .incon_01 .box_list li h4 {font-family: 'Montserrat'; display:inline; } .incon_01 .box_list li h4:before {content:''; display: block; width: 174px; height: 174px; background-color:#999; border-radius:112px; opacity:.2; position: absolute; top:-45px; left: -85px; z-index:-1;} .incon_01 .box_list li p {line-height: 1.5;} .incon_02 .con1 {padding:160px 0; background-color:#f9f5ea;} .incon_02 .con2 {width: 100%; padding:160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .incon_02 .con2 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .incon_02 .con2 ul {} .incon_02 .con2 li { display:inline-block; align-items:center; width:24%; margin-bottom:50px; } .incon_02 .con2 li .txt_wrap {margin: 30px 0 0; text-align:center;} .incon_02 .con2 li .txt1 { color:white; line-height:150%;} .incon_02 .con3 {padding:160px 0;} .incon_02 .con3 .btn { width:55%; margin:0 auto; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 18px; font-weight: 400; transition: .25s; text-align:left; padding-left:50px;} .incon_02 .con3 .btn:hover {background-position: right 12% center; padding-left:45px;} .incon_02 .con4 {padding:160px 0 100px; background-color:#f9f9f9;} .incon_02 .con4 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .incon_02 .con4 li .list_con {display: flex;} .incon_02 .con4 li .lt {width: 450px; padding: 0 30px 0 0;} .incon_02 .con4 li .lt h3 {position: relative; padding-left: 50px;} .incon_02 .con4 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .incon_02 .con4 li .rt {width: calc(100% - 430px); } .incon_02 .con4 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .incon_02 .con4 li .rt .square {padding-left:50px;} .incon_02 .con4 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .incon_03 .con1 {width: 100%; padding:160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .incon_03 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .incon_03 .con1 ul {} .incon_03 .con1 li { display:inline-block; align-items:center; width:19%; margin-bottom:50px; } .incon_03 .con1 li .txt_wrap {margin: 30px 0 0; text-align:center;} .incon_03 .con1 li .txt1 { color:white; line-height:150%;} .incon_03 .con2 {padding:160px 0;} .incon_03 .con2 .btn { width:55%; margin:0 auto; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 18px; font-weight: 400; transition: .25s; text-align:left; padding-left:50px;} .incon_03 .con2 .btn:hover {background-position: right 12% center; padding-left:45px;} .incon_03 .con3 {padding:160px 0; background-color:#f9f9f9;} .incon_03 .con4 {padding:160px 0 100px;} .incon_03 .con4 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .incon_03 .con4 li .list_con {display: flex;} .incon_03 .con4 li .lt {width: 600px; padding: 0 30px 0 0;} .incon_03 .con4 li .lt h3 {position: relative; padding-left: 50px;} .incon_03 .con4 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .incon_03 .con4 li .rt {width: calc(100% - 430px); } .incon_03 .con4 li .rt .half { vertical-align: top; width: 42%; display: inline-block;} .incon_03 .con4 li .rt .square {padding-left:50px;} .incon_03 .con4 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .incon_03 .con5 {width: 100%; padding:160px 0; background: #fff url('/img/sub/c/woman_01_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; height: auto; background-size: cover;} .incon_03 .con5 .qna_list { position:relative;} .incon_03 .con5 .qna_list ul { margin: 0 auto;} .incon_03 .con5 .qna_list .q{border-top: 1px solid #f9f9f9; margin-bottom:-1px; border-bottom: 1px solid #f9f9f9; position: relative; padding: 25px 50px 25px; position: relative; color:#fff;} .incon_03 .con5 .qna_list .a {padding: 20px 20px 20px 65px; color:#fff;} .incon_03 .con5 .qna_list .num {font-family: 'Montserrat'; padding-right:10px } .incon_03 .con5 .qna_list .a ul {display: flex; padding:10px 30px 50px;} .incon_03 .con5 .qna_list .a li {width: calc(50% - 20px); margin: 0 10px;} .incon_03 .con5 .qna_list .a li dt {padding: 10px 0;text-align: center; margin-bottom: 20px; background-color: #5fc8c7; color: #fff; border-radius:30px; } .incon_03 .con5 .qna_list .a li dd { margin: 0 auto; padding:10px 30px;} .incon_04 .con1 {padding:160px 0; background:url('/img/sub/s/surgery_0102_bg.jpg') 50% 50% no-repeat; background-size: cover; background-attachment: fixed;} .incon_04 .circle_list {display: flex; flex-wrap:wrap; margin: 0 auto ;} .incon_04 .circle_list li {width: 280px; margin: 0 10px; text-align: center;} .incon_04 .circle_list li > div {width: 100%; height: 0; padding-bottom: 100%; background-color: #f2f2f2; border-radius:50%; position:relative; } .incon_04 .circle_list li .num {padding: 85px 0 15px; margin-bottom: 20px; /*font-family: 'Montserrat';*/ position: relative; } .incon_04 .circle_list li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;} .incon_04 .circle_list li .txt1 { padding:10px 0; text-align:center; background-color:#fe7386; color:#fff; border-radius:60px; width:65%; margin:0 auto;} .incon_04 .circle_list li .txt2 { padding-top:35%; } .icon_chk_list {} .icon_chk_list li {padding-left: 45px; margin-bottom: 15px; background: url('/img/sub/icon_chk_list.png') 0 0 no-repeat; line-height: 31px; word-break:keep-all;} .pigment_01 .con2 {padding: 105px 0;background-color: #fafafa;} .pigment_01 .con2 .w1200 {display: flex;} .pigment_01 .con2 .lt {width: 27.5%;} .pigment_01 .con2 h3 {font-family: 'Montserrat'; text-align: right; font-weight: 500; letter-spacing: -1px; position: relative;} .pigment_01 .con2 h3:after {content:''; display: block; width: 800px; height: 1px; background-color: #9b9b9b; position: absolute; bottom: -15px; right: 0;} .pigment_01 .con2 .rt {width: 72.5%; padding-left: 50px;} .pigment_01 .con2 .rt ul {display: flex; align-items:center; margin-bottom: 35px;} .pigment_01 .con2 .rt li {display: flex; align-items:center; } .pigment_01 .con2 .rt li .txt_wrap {margin: 0 25px 0 10px;} .pigment_01 .con2 .rt li .txt1 {margin-bottom: 10px;} .pigment_01 .con2 .rt .txt {opacity: .7;} .pigment_01 .con3 {padding: 120px 0;} .pigment_01 .con4 {position: relative; text-align: center;} .pigment_01 .con4 .txt {padding-top: 55px;font-family: 'Montserrat';color: #c2935f; opacity: .2; position: relative; z-index: 1;} .pigment_01 .con4 .circle {width: 230px; height: 230px; background-color: #f4e2da; border-radius:50%; padding-top: 120px; font-family: 'Montserrat'; font-weight: 500; position: absolute; top: 0; left: 50%; margin-left: -115px;} .pigment_01 .con4 .box {padding: 150px 0 120px; background-color: #fafafa;} .pigment_01 .con5 {padding: 120px 0 20px;} .num_list {} .num_list > li {display: flex; position: relative; margin-bottom: 100px; border-bottom: 1px solid #d59f89;} .num_list > li > div {width: 50%;} .num_list > li .lt {padding-right: 20px;} .num_list > li .rt {padding-top: 45px;} .num_list > li .icon_chk_list li {display: inline-block; margin-right: 20px; font-weight: 500;} .num_list > li .num {width: 100px; height: 100px; text-align: center; line-height: 100px; background-color: #d59f89; border-radius:5px;color: #fff;font-family: 'Montserrat'; font-weight: 300; position: absolute; bottom: -50px; right: 0;} .pigment_01 .num_list > li:nth-child(2) .lt ul {display: flex; } .pigment_01 .num_list > li:nth-child(2) .lt li {margin-right: 25px;} .pigment_01 .num_list > li:nth-child(2) .lt .txt_box {margin-top: 15px; padding: 15px 10px 30px; background-color: #f0f2f5; border-top: 3px solid #363636; color: #666;} .process_wrap > .w1200 {padding: 160px 0;} .process_wrap .sub_tit_wrap {text-align: center;} .process_wrap .sub_tit_wrap .txt1 {font-family: 'Montserrat'; color: #bbb;} .process_wrap .sub_tit_wrap .txt2 {letter-spacing: 2px;} .process_wrap ul {max-width:950px;margin: 0 auto 50px;} .process_wrap ul li {display: flex; align-items:center; justify-content:space-between; margin-bottom: 50px;} .process_wrap ul li:nth-child(even) {flex-direction: row-reverse; text-align: right;} .process_wrap ul li > div {width: 50%;} .process_wrap ul li .lt {padding: 0 15px 0 0;} .process_wrap ul li .rt {padding: 0 0 0 15px;} .process_wrap ul li .img_wrap { max-width:475px;height: 280px; border-radius:0 0 50px 0; position: relative; overflow: hidden; } .process_wrap ul li .img_wrap:after {content:''; display: block; width: 100%; height: 100%; background-color: #F0F0F0; position: absolute; top: 0; left: 0; transform:translateX(0); transition:ease-in 0.7s; z-index: 1;} /* .process_wrap ul li.move {opacity: 1; top: 0; } */ .process_wrap ul li.move .img_wrap:after {transform:translateX(100%);} .process_wrap ul li .img {position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0% 50%;} .process_wrap ul li .txt_box {position: relative; z-index: 2;} .process_wrap ul li .txt_box h4 {display: inline-block;position: relative; font-weight: 500; padding-left: 22px; } .process_wrap ul li .txt_box h4:after {content:''; display: block; width: 55px; height: 2px; background-color: #212121; position: absolute; bottom: 15px; left: -75px; z-index: 2; transition:.5s;} .process_wrap ul li .txt_box h4 .num {position: absolute; top: 0; left: 0;} .process_wrap ul li.move h4:after{width: 65px;} .process_wrap ul li:nth-child(even) .txt_box h4:after {left: auto; right: -75px;} .process_wrap ul li .txt_box p {padding-left: 27px;} .tour_con {display: flex; flex-wrap:wrap; padding: 70px 0 0 100px;position: relative; color: #fff;} .tour_con:after {content:''; display: block; width: 150%;height: 455px; background-color: #403b3f; position: absolute; top: 0; left: -25%; z-index: -1;} .tour_con .lt {width: calc(50% - 100px); overflow: hidden;} .tour_con .rt {width: calc(50% + 100px);} .tour_con p {width: 100%;} .tour_con .tour_tab .slick-track { width: auto !important;font-size: 0;display: flex; flex-wrap:wrap;} .tour_con .tour_tab li { width: 155px; float: none; margin: 0 10px 10px 0; cursor: pointer; position: relative;} /* .tour_con .tour_tab li.active:after {content:''; display: block; width: calc(100% - 10px); height: calc(100% - 10px); border: 5px solid #363636; position: absolute; top: 0; left: 0; z-index: 1;} */ .tour_con .tour_tab li.slick-current:after {content:''; display: block; width: calc(100% - 10px); height: calc(100% - 9px); border: 5px solid #d59f89; position: absolute; top: 0; left: 0; z-index: 1;} .tour_con .tour_list .list {border-radius:0 0 60px 0; overflow: hidden; } /* .tour_con .tour_img {border-radius:0 0 60px 0; overflow: hidden;} .tour_con .tour_img img {width: 100%;} */ .tour_con .txt {position: absolute; right: -100px; bottom: -35px; text-align: right; font-family: 'Montserrat'; font-size: 68px; color: #deb7ac; letter-spacing: -8px; opacity: .45; z-index: 1;} .laser_wrap {padding: 115px 0;} .laser_wrap .w1400 {display: flex;} .laser_wrap .lt, .laser_wrap .rt {width: 50%;} .laser_wrap .lt {padding: 75px 0 0 100px;} .laser_wrap .lt .txt {font-family: 'Montserrat';color: #bbb;} .laser_wrap .lt a {margin-top: 125px;display: inline-block; width: 335px; height: 70px; line-height: 70px; text-align: center; border: 1px solid #bbb; transition:.25s;} .laser_wrap .lt a:hover {background-color: #9f7952; color: #fff;} .laser_wrap .laser_list {display: flex; position: relative;} .laser_wrap .laser_list:after {content:''; display: block; width: 5000px; height: 1px; background-color: #eee; position: absolute; bottom: 60px; left: -200%;} .laser_wrap .laser_list li {width: 33.33%; text-align: center;} .laser_wrap .laser_list li .plus { display: inline-block; margin: 25px 0 30px; width: 22px; height: 22px; background-color: #eee; border-radius:50%; transition:.5s; position: relative;} .laser_wrap .laser_list li .plus:after {content:'+'; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #9f7952; border-radius:50%; color: #fff; font-size: 32px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 1; opacity: 0; transition:.5s;} .laser_wrap .laser_list li .img img {display: inline-block;transition:.5s;} .laser_wrap .laser_list li .txt {color: #666; transition:.5s;} .laser_wrap .laser_list li a:hover .plus:after {opacity: 1;} .laser_wrap .laser_list li a:hover .txt {color: #000;} .laser_wrap .laser_list li a:hover .img img {transform:scale(1.05);} .promotion_banner {margin-bottom: 115px; text-align: center; color: #fff;} .promotion_banner a {display: block; padding: 80px 15px; background: url('/img/sub/pigment01_promotion.jpg') 50% 50% no-repeat; background-size:cover;} .promotion_banner h3 {font-family: 'Montserrat'; font-weight: 500; color: #a18c84; } .pl15 { padding-left:15px} .pl30 { padding-left:0px} .pl35 { padding-left:35px} .pl40 { padding-left:40px} @media all and (max-width:1600px){ .tour_con .txt {width: auto; right: 0px; font-size: 58px; bottom: -25px; letter-spacing: -5px;} .promotion_banner .w1600 {padding: 0;} } @media all and (max-width:1200px){ .pigment_01 .con1 .tit_wrap {margin-bottom: 40px;} .pigment_01 .con1_1 {flex-wrap:wrap; } .pigment_01 .con1_1 .lt, .pigment_01 .con1_1 .rt {width: 100%; max-width:700px; margin: 0 auto;} .pigment_01 .con1_1 .lt {margin-bottom: 40px;} .pigment_01 .con1_1 .lt ul {text-align: center;} .pigment_01 .con1_1 .lt li {width: calc(40% - 30px); margin: 0 15px;} .num_list > li .rt {padding-top: 25px;} .process_wrap > .w1200 {padding: 120px 30px 50px;} .tour_con {padding: 70px 0 0;} .tour_con .lt {width: 35%; padding-right: 15px;} .tour_con .rt {width: 65%;} .tour_con .tour_tab {margin: 0 -10px 30px;} .tour_con .tour_tab li {width: calc(33.33% - 10px); margin: 0 5px 20px;} .laser_wrap .lt {width: 40%;padding: 75px 0 0;} .laser_wrap .lt a {margin-top: 70px;} .laser_wrap .rt {width: 60%;} .hifu_03 .hifu_process { margin-right: 0;} } @media all and (max-width:1024px){ .tabs { text-align: center; z-index: 1; position: relative;margin: 0 auto; padding: 50px 15px 70px;} } @media all and (max-width:980px){ .pigment_01 .con1_3 {flex-wrap:wrap;} .pigment_01 .con1_3 .lt, .pigment_01 .con1_3 .rt {width: 100%; max-width:700px; margin: 0 auto;} .pigment_01 .con1_3 .rt {margin-bottom: 40px;} .pigment_01 .con2 .w1200 {flex-wrap:wrap;} .pigment_01 .con2 .lt, .pigment_01 .con2 .rt {width: 100%; max-width:765px; padding: 0; margin: 0 auto;} .pigment_01 .con2 h3 {text-align: center; margin-bottom: 40px;} .pigment_01 .con2 h3:after {display: none;} .circle_list li {width: calc(33.33% - 30px); margin: 0 15px 30px;} .circle_list li .num {padding: 15% 0 15px;} .num_list > li {flex-wrap:wrap;max-width:545px; margin: 0 auto 70px;} .num_list > li > div {width: 100%;} .num_list > li .lt {padding: 0;} .num_list > li .rt {padding-top: 40px;margin-bottom: 40px;} .num_list > li .num {width: 60px; height: 60px; line-height: 60px; bottom: -30px;} .pigment_01 .num_list > li:nth-child(2) .lt li {width: calc(50% - 10px);margin: 0 5px;} .tour_con {max-width:600px; margin: 0 auto;} .tour_con:after {width: 300%; height: 80%; left: -50%;} .tour_con .lt, .tour_con .rt {width: 100%; } .tour_con .lt {padding-right: 0;} .tour_con .tour_tab li img {width: 100%;} .tour_con .txt { font-size: 44px; bottom: -20px; } .laser_wrap .w1400 {flex-wrap:wrap; max-width:700px; margin: 0 auto; } .laser_wrap .lt, .laser_wrap .rt {width: 100%; } .laser_wrap .lt {max-width:400px;margin: 0 auto 40px; text-align: center;} .laser_wrap .lt a {width: 100%; height: 60px; line-height: 60px;} .hifu_process li { float: left; width: calc(50% - 26px); margin-left: 20px; padding-bottom: 50px;} .hifu_process .text01 { font-size: 20px;} .hifu_process .text02 { font-size: 18px;} .hifu_01 .con2 .rt { width: 50%; padding-left: 20px;} } @media all and (max-width:768px){ .mb70 {margin-bottom: 50px !important;} .s_tit_wrap .page_tit {font-size: 24px; padding:0 0 30px; color: #151515; font-weight: 500;} .page_info_wrap .txt1 {font-size: 14px; padding:0 30px;} .page_info_wrap {padding: 0 0 50px; text-align: center; font-size: 16px;} .s_tit_wrap .s_tit {letter-spacing:3px;} .hifu_01 .con1 { padding: 100px 0;} .hifu_01 .con1 .right { width: 73%; display: inline-block; vertical-align: middle;} .hifu_01 .con1 .btn {width: 85%;margin:0 auto;height: 45px;line-height: 45px;border: 1px solid #151515;border-radius:50px;text-align: left;color: #151515;background-image: url('/img/main/arrow.png');background-repeat: no-repeat;background-position: right 17% center;font-size: 14px;font-weight: 400;transition: .25s;text-align:left;padding-left:50px;} .hifu_01 .con2 { width: 100%; height: 1050px; padding: 100px 0; background-image: url(/img/sub/h/hifu_0102_bg.jpg); background-size: cover; background-position: 50% 50%; background-attachment: fixed;} .hifu_01 .con2 .cont { display: block; align-items: center;} .hifu_01 .con2 .lt { width: 100%;} .hifu_01 .con2 .rt { width: 100%; padding-left: 20px; padding-top:30px;} .hifu_01 .con2 .img { position: relative; right: 0;margin-right: 2%; top: 80px; z-index: 0;} .hifu_01 .con3 { padding: 100px 0;} .hifu_01 .con3 .cont { display: block;} .hifu_01 .con3 .rt { width: 100%; padding-top: 20px;} .hifu_01 .con3 .lt { width: 100%;} .hifu_01 .con4 { padding-bottom: 100px;background: url(/img/sub/h/hifu_0104_bg.jpg) 50% 220px no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed;} .hifu_01 .con4 .box_wrap { max-width: 100%; margin: 0 auto; padding: 50px 0 70px; background-color: #f2f5fa;} .hifu_01 .con4 .box_wrap h1:after { content: '';display: block; width: 1px; height: 45px; background-color: #151515; position: absolute; top: 0; margin-top: 170px;left: 50%;} .hifu_01 .con5 { padding: 100px 0 30px;} .hifu_01 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #151515; position: absolute; bottom: -15px; right: 0;} .hifu_01 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #151515; position: absolute; bottom: -15px; right: 0;} .box_list { margin: 100px 0 0 40px;} .box_list li p img {width: 65%;} .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #beddf3; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .hifu_01 .con6 { padding: 100px 0;} .banner_slide_wrap1 { background-image: url(/img/sub/h/hifu_0106_bg.png); width: 100%; height:280px; margin: 0 auto; background-size: 100%; background-repeat: no-repeat;} .banner_slide_wrap { width: 88%; overflow: hidden; padding: 20px 0; margin-left: 22px;} .hifu_01 .con7 { width: 100%; height: 740px; padding: 100px 0;background-image: url(/img/sub/h/hifu_0107_bg.jpg); background-size: cover; background-position: 45% 50%; background-attachment: fixed;} .icon_list { display: block; flex-wrap: wrap; margin: 0 0 50px; color: #fff;} .icon_list li > div { width: 100%; height: auto;} .icon_list li { width: calc(50% - 45px); margin: 0 20px 30px; text-align: center; display: inline-block; height: auto; vertical-align: top; } .icon_list li .num { padding: 15px 15px 15px; margin-bottom: 20px; font-family: 'Montserrat';position: relative;} .icon_list li .num img{ width:55%;} .qna {padding: 100px 20px;} .qna .title { text-align: center; font-size: 28px; font-weight: 500; color: #151515;} .qna .text { text-align: center; font-size: 16px; line-height:150%; color: #787878; } .qna ul li .qna_con_q {border-top: 1px solid #151515; margin-bottom: -1px; border-bottom: 1px solid #151515; font-size: 15px;position: relative; padding: 25px 45px 25px 50px; cursor: pointer; position: relative; transition: .25s;} .qna ul li .qna_con_q .num { width: 28px; height: 28px; border-radius: 3px; text-align: center; line-height: 28px; background-color: #151515; color: #fff; transition: .25s; position: absolute; top: 25px; left: 10px;} .qna ul li .qna_con_q:after {content: '';display: block; width: 17px; height: 18px; background-image: url(/img/sub/qna_arr.png); background-repeat: no-repeat; position: absolute; top: 32%; margin-top: -4.5px; right: 15px;} .qna ul li .qna_con_q .question { color: #151515; line-height: 25px; transition: .25s; padding-left: 20px;} .qna ul li .qna_con_a { display: none; padding: 20px 20px 20px 35px;} .qna ul li .qna_con_a p { font-size: 14px; color: #787878; word-break: keep-all; line-height: 1.5;} .tv_wrap {padding: 100px 0; background-color: #f2f5fa;} .tv_more { margin-top:20px;} .bnf_wrap { padding: 100px 0; background: #fff url(/img/sub/bnf_title.png) no-repeat top 30% right 10%; background-size: 70%;} .hifu_02 .con1 { padding: 100px 0;} .hifu_02 .con2 { padding: 100px 0;} .hifu_02 .con3 { padding: 100px 0 0;} .img_list li {display: block; justify-content: space-between; margin-bottom: 20px;} .img_list li > div { width: 100%; height:100%;} .img_list li .txt_box { padding: 70px 0; background-color: transparent; position: relative; height:100%;} .img_list li .img_box .img { width: 100%; height: 300px; background-size:100%; position:relative;} .img_list li .img_box img { width:100%;} .hifu_02 .con4 { padding: 50px 0 100px;} .hifu_02 .con5 { padding: 100px 0 0;} .hifu_02 .con6 { padding: 100px 0;} .hifu_02 .con7 { padding: 100px 0 50px;} .hifu_process li { float: left; width: calc(50% - 26px); margin-left: 20px; padding-bottom: 50px;} .hifu_process .text01 { font-size: 16px;} .hifu_process .text02 { font-size: 14px;} .scrollx_768 {overflow-x:auto; margin-top: 15px; padding-top: 0; background: url('/img/sub/bg_hand.gif') 100% 0 no-repeat;} .scrollx_768 table {width: 780px; max-width:none;} .blue_tb th {font-size: 14px; vertical-align: middle; background-color: #89a6d6; color: #fff;} .blue_tb td {font-size: 14px;} .womb_01 .con1 { padding: 100px 0 0; background: #e9e8e7 url('/img/sub/h/hifu_01_bg.png') no-repeat bottom 40% right 65%; background-size:80%;} .womb_01 .con1 .doctor_txt .h3 { font-size: 26px; line-height: 1.5;} .womb_01 .con1 .doctor_txt { position: absolute; margin-top: 50px; display:contents;} .womb_01 .con1 .doctor {margin: 55px auto 0; text-align: center;} .womb_01 .con2 { width: 100%; height: 450px; padding: 100px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:360%; background-position: 60% 50%; background-attachment: fixed; background-repeat: no-repeat;} .womb_01 .con2 .img { position: absolute; right: 0; margin-right: 2%; top: 400px; z-index: 0;} .womb_01 .con3 { padding: 100px 0;} .womb_01 .con4 { padding: 100px 0;} .womb_01 .con4 h3:after { content: ''; display: block; width: 100%; height: 2px;background-color: #151515; position: absolute; right: 0;} .womb_01 .con5 { padding: 100px 0;} .womb_01 .con6 { padding: 100px 0 0;} .womb_01 .con6 .btn {width: 100%;margin: 0 auto;height: 50px;line-height: 50px;border: 1px solid #151515;border-radius:50px;text-align: left;color: #151515;background-image: url('/img/main/arrow.png');background-repeat: no-repeat;background-position: right 8% center;font-size: 14px;font-weight: 400;transition: .25s;text-align:left;padding-left: 25px;} .womb_01 .con6 .btn:hover {background-position: right 6% center; padding-left:30px;} .womb_01 .hifu_process { margin-left:0;} .womb_01 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .womb_01 .hifu_process .text01 {font-size: 16px;} .womb_01 .hifu_process .text02 { font-size: 14px;} .womb_01 .con7 { padding: 100px 0 30px;} .womb_01 .con7 h3:after {content: ''; display: block; width: 55%; height: 2px; background-color: #151515; position: absolute; bottom: -15px; right: 0;} .womb_01 .con8 { padding: 100px 0;} .womb_01 .con9 { padding: 100px 0;} .womb_01 .con10 { padding: 100px 0;} .s_tab li a {display: block;text-align: center;line-height: 50px;font-size: 14px;font-weight: 400;color: #fff;background-color: #787878;border-left: none;transition: .25s;border:1px solid #ddd;} .half_wrap {margin: 0 0 ;} .half_wrap li {} .half_wrap li:after {content:''; display: block; clear: both;} .half_wrap li .lt, .half_wrap li .rt {float: left;width: 100%;position: relative;padding-bottom: 30px;} .half_wrap li .rt {float: right;} .half_wrap li .img_wrap {background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;} .half_wrap li .txt_wrap {display: table;padding: 20px 0 0 0;} .half_wrap li .txt_wrap .txt_box {display: table-cell; vertical-align: middle;} .half_wrap li .txt_wrap h4 {padding-left: 0; position: relative; padding-bottom:20px;} .half_wrap li .txt_wrap h4 .num {display: inline-block; width: 45px; height: 45px; text-align: center; line-height: 45px; background-color: #00aeb2; border-radius:50px; color: #fff; font-size:26px; font-family: 'Montserrat'; font-weight:500; position: absolute; top: 0; left: 0;} .half_wrap li .txt_wrap .s_txt { font-size:16px; letter-spacing:1px; padding-left:70px; font-family: 'Trebuchet MS', sans-serif; } .womb_01 .con10 .round_title {background-color: #719dbd;color: #fff;border: none;margin: 10px 0;font-weight: 400;padding: 15px 0;font-size: 14px;width: 35%;text-align:center;overflow: hidden;border-radius: 60px;word-break:keep-all;} .womb_01 .con10 .hifu_process {margin-left:0px;} .womb_01 .con10 .hifu_process ul{overflow:hidden; } .womb_01 .con10 .hifu_process li{float:left; width: calc(100%); margin-left:0; padding-bottom:30px;} .womb_01 .con10 .hifu_process .text01{font-size:16px; font-weight:500; text-align:center; color:#151515; padding:25px 0 15px; border-bottom:2px solid #151515;} .womb_01 .con10 .hifu_process .text02{font-size:14px; font-weight:400; line-height:170%; text-align:center; padding-top:20px; } .womb_01 .con11 { padding: 100px 0;} .womb_01 .clinic_list_box {padding: 25px 20px;background-color: #f7f5ef;font-size: 0;} .womb_01 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: 100%;margin: 0 0;display:inline-block;} .womb_01 .clinic_list_box .clinic_list li > p {display: inline-block; } .womb_01 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #719dbd; color:#fff; border-radius:50%; } .womb_01 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;vertical-align: middle;} .womb_01 .con11 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left:0%; margin-left: 0; text-align: center; letter-spacing: 4px;} .womb_01 .con12 { padding: 100px 0;} .womb_01 .con12 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto ;} .womb_01 .con12 .box_list1 li {width: 100%;margin: 0 0 !important; text-align: center; margin-bottom: 30px;} .womb_01 .con12 .box_list1 li > div {width: 100%; padding:0 0; background-color: #ffff; } .womb_01 .con12 .box_list1 li:after {content:'➜';font-size:30px; position: relative; display: block; top: -10px; padding-top: 0; padding-right: 0; margin-left: 0; margin-bottom: 0;} .womb_01 .con12 .box_list1 li:first-child::after {content:'➜';font-size:30px; position: relative; display: block ; top: -10px; padding-top: 0; padding-right: 0; margin-left: 0; margin-bottom: 0;} .womb_01 .con12 .box_list1 li:last-child::after {content:"";} .womb_01 .con12 .box_list1 li .txt { padding:10px 50px 0; text-align:left; } .womb_01 .con12 .box_list1 li .txt1 {padding:15px 0;text-align:center;background-color:#719dbd;color:#fff;border-radius:0;width: 100%;margin:0 auto 20px;font-size: 14px;border-radius:100px;} .womb_01 .con12 .box_list1 li .txt2 {padding:15px 15px;text-align:left;background-color:#719dbd;color:#fff;border-radius:0;width:85%;margin:0 auto;font-size: 14px;line-height:150%;} .womb_01 .con13 { padding: 100px 0;} .womb_01 .con13 li {display:inline-block;align-items:center;width: 100%;margin-bottom:50px;} .womb_01 .con13 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left:0%; margin-left: 0; text-align: center; letter-spacing: 4px;} .womb_02 .con1 { width: 100%; height: 580px; padding: 100px 0; background-image: url('/img/sub/h/hifu_0302_bg.jpg'); background-size:380%; background-position: 60% 50%; background-attachment: fixed; background-repeat: no-repeat;} .womb_02 .con1 .img { position: absolute;right: 0; margin-right: 2%; top: 530px; z-index: 0;} .womb_02 .con2 { padding: 100px 0;} .womb_02 .con3 { padding: 100px 0;} .womb_02 .con4 { padding: 100px 0;} .womb_02 .con7 { padding: 100px 0 30px;} .womb_02 .con8 { padding: 100px 0;} .womb_02 .con9 { padding: 100px 0;} .womb_02 .con10 { padding: 100px 0;} .womb_02 .con11 { padding: 100px 0;} .womb_02 .hifu_process { margin-left:0;} .womb_02 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .womb_02 .hifu_process .text01 {font-size: 16px;} .womb_02 .hifu_process .text02 { font-size: 14px;} .womb_02 .clinic_list_box {padding: 25px 20px;background-color: #f7f5ef;font-size: 0;} .womb_02 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: 100%;margin: 0 0;display:inline-block;} .womb_02 .clinic_list_box .clinic_list li > p {display: inline-block; } .womb_02 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #719dbd; color:#fff; border-radius:50%; } .womb_02 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;vertical-align: middle;} .womb_02 .con10 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left:0%; margin-left: 0; text-align: center; letter-spacing: 3px;} .womb_02 .con11 .box_list1 {display: flex; flex-wrap:wrap; margin: 0 auto ;} .womb_02 .con11 .box_list1 li {width: 100%;margin: 0 0 !important; text-align: center;} .womb_02 .con11 .box_list1 li > div {width: 100%; padding:0 0; background-color: #ffff; } .womb_02 .con11 .box_list1 li:after {content:'➜';font-size:30px;position: relative ;display: block ;top: -10px;padding-top: 0;padding-right: 0;margin-left: 0;margin-bottom: 0;} .womb_02 .con11 .box_list1 li:first-child::after {content:'➜';font-size:30px;position: relative ;display: block ;top: -10px;padding-top: 0;padding-right: 0;margin-left: 0;margin-bottom: 0;} .womb_02 .con11 .box_list1 li:last-child::after {content:"";} .womb_02 .con11 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } .womb_02 .con11 .box_list1 li .txt { padding:10px 50px 0; text-align:left; } .womb_02 .con11 .box_list1 li .txt1 {padding:15px 0;text-align:center;background-color:#719dbd;color:#fff;border-radius:0;width: 100%;margin:0 auto 20px;font-size: 14px;border-radius:100px;} .womb_02 .con11 .box_list1 li .txt2 {padding:15px 15px;text-align:left;background-color:#719dbd;color:#fff;border-radius:0;width: 100%;margin:0 auto;font-size: 14px;line-height:150%;} .womb_02 .con12 { padding: 100px 0 0; background: #e9e8e7 url('/img/sub/h/hifu_01_bg.png') no-repeat bottom 40% right 65%; background-size:80%;} .womb_02 .con12 .doctor_txt .h3 { font-size: 26px; line-height: 1.5;} .womb_02 .con12 .doctor_txt { position: absolute; margin-top: 50px; display:contents;} .womb_02 .con12 .doctor {margin: 55px auto 0; text-align: center;} .womb_02 .con13 { padding: 100px 0;} .womb_02 .con13 li {display:inline-block;align-items:center;width: 100%;margin-bottom:50px;} .womb_02 .con13 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left:0%; margin-left: 0; text-align: center; letter-spacing: 3px;} .womb_02 .con3 .btn {width: 100%;margin: 0 auto;height: 50px;line-height: 50px;border: 1px solid #151515;border-radius:50px;text-align: left;color: #151515;background-image: url('/img/main/arrow.png');background-repeat: no-repeat;background-position: right 8% center;font-size: 14px;font-weight: 400;transition: .25s;text-align:left;padding-left: 25px;} .womb_02 .con3 .btn:hover {background-position: right 6% center; padding-left:30px;} .womb_02 .con3 .hifu_process { margin-left:0;} .womb_02 .con3 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .womb_02 .con3 .hifu_process .text01 {font-size: 16px;} .womb_02 .con3 .hifu_process .text02 { font-size: 14px;} .box_list1 li > div { height:auto !important; margin-bottom:20px;} .process_wrap ul li .txt_box p { padding-left: 0;} .care_01 .con1 {padding: 0 0 0;} .care_01 .con1 .w1200 { padding: 100px 15px 50px; background-color: #e9e8e7;} .care_process li { float: left; width: 100%; margin: 0 0 30px;} .care_process .text01 { font-size: 16px;} .care_process .text02 {font-size: 14px;} .care_01 .con2 {padding: 100px 0 30px;} .care_01 .con2 h3:after {content: ''; display: block; width: 60%; height: 2px;background-color: #151515; position: absolute; bottom: -15px; right: 0;} .care_01 .con3 { width: 100%; height: 550px; padding: 100px 0; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:380%; background-position: 60% 50%; background-attachment: fixed; background-repeat: no-repeat;} .care_01 .con3 .img { position: absolute;right: 0; margin-right: 2%; top: 500px; z-index: 0;} .care_02 .con1 {padding: 100px 0 0;} .care_02 .con2 {padding: 50px 0 100px;} .care_02 .con3 {padding: 100px 0 50px;} .care_02 .con4 {padding: 100px 0;} .care_03 .con1 {padding: 100px 0;} .care_03 .con2 {width: 100%;height:900px; padding:100px 0; background-image:url('/img/sub/h/hifu_0102_bg.jpg'); background-size:380%; background-position: 60% 50%; background-attachment: fixed; background-repeat: no-repeat;} .care_03 .con2 .cont{display:block; align-items:center;} .care_03 .con2 .lt {width: 100%;} .care_03 .con2 .rt {width: 100%;padding-left:0; padding-top:70px} .care_03 .con2 .rt h3{font-weight:300; color:#fff;} .care_03 .con2 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top: 45px; left: 0;} .care_03 .con2 .img {position: absolute; right:0; margin-right:2%; top:850px; z-index: 0;} .clinic_01 .con1 {width: 100%; padding:100px 0; background: #fff url('/img/sub/h/hifu_0302_bg.jpg') 60% 50% no-repeat; background-size:380%; background-attachment:fixed; background-repeat: no-repeat;} .clinic_list_box {padding: 25px 20px; background-color: #f7f5ef; font-size: 0;} .clinic_list_box .clinic_list li {padding: 12px 0; border-bottom: 1px solid #ddd; width: 100%; margin:0 0; display:inline-block;} .clinic_list_box .clinic_list li > p {display: inline-block; } .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #89a6d6; color:#fff; border-radius:50%; } .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px;} .clinic_01 .con1 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 0; margin-left:0; text-align: center; letter-spacing: 3px;} .clinic_01 .con2 { padding:100px 0;} .clinic_01 .con2 .img_list li {display: block;justify-content:space-between; margin-bottom: 20px;} .clinic_01 .con2 .img_list li:nth-child(even) {flex-direction: row-reverse;} .clinic_01 .con2 .img_list li > div {width:100%; height:300px} .clinic_01 .con2 .img_list li .img_box .img {width: 100%; height: 100%; background-size:100%; background-position: 50% 50%;} .clinic_01 .con2 .img_list li .txt_box {padding: 65px 0 0 0; background-color: transparent; position: relative; width: 100%; display:inline-block} .clinic_01 .con3 { padding:100px 0 50px;} .clinic_01 .con3 .img_list li {display: block;justify-content:space-between; margin-bottom: 20px;} .clinic_01 .con3 .img_list li:nth-child(even) {flex-direction: row-reverse;} .clinic_01 .con3 .img_list li > div {width: 100%; height:340px; margin-right:30px;} .clinic_01 .con3 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .clinic_01 .con3 .img_list li .txt_box {padding: 0 0 50px; background-color: transparent; position: relative; width: 100%;} .clinic_01 .con4 {width: 100%;height:700px; padding:100px 0; background-image:url("/img/sub/h/hifu_0102_bg.jpg"); background-size:380%; background-position: 60% 50%; background-size:cover; background-attachment:fixed; } .clinic_01 .con4 .img {position: absolute; right:0; margin-right:2%; top:650px; z-index: 0;} .clinic_01 .con5 { padding:100px 0;} .clinic_01 .con5 .cont{display:block;} .clinic_01 .con5 .lt {width: 100%;} .clinic_01 .con5 .rt {width: 100%; padding-top:30px; } .clinic_01 .con5 .rt h3{font-weight:300; color:#151515; } .clinic_01 .con5 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #151515; position: absolute; top:0; left: 0;} .clinic_01 .con5 .clinic_list_box {padding:0 0; background-color: #ffffff; font-size: 0;} .clinic_01 .con5 .clinic_list_box .clinic_list li {padding: 12px 0; border-bottom: 1px solid #ddd; width: 100%; display:inline-block;} .clinic_01 .con5 .clinic_list_box .clinic_list li > p {display: inline-block; } .clinic_01 .con5 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #89a6d6; color:#fff; border-radius:50%; } .clinic_01 .con5 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px; vertical-align: middle;} .clinic_01 .hifu_process { margin-left:0;} .clinic_01 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .clinic_01 .hifu_process .text01 {font-size: 16px;} .clinic_01 .hifu_process .text02 { font-size: 14px;} .laparoscopy_01 .con2 {width: 100%;padding: 100px 0;background: #fff url(/img/sub/c/woman_01_bg.jpg) 50% 50% no-repeat;background-attachment:fixed;height: auto;background-size: cover;} .laparoscopy_01 .con2 .cont{display: block;} .laparoscopy_01 .con2 .lt {width: 100%;} .laparoscopy_01 .con2 .rt {width: 100%;padding-top:30px;} .laparoscopy_01 .con2 .rt h3{font-weight:300; color:#fff; } .laparoscopy_01 .con2 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top:0; left: 0;} .laparoscopy_01 .con2 .clinic_list_box {padding: 25px 20px;background-color: #fff;font-size: 0;} .laparoscopy_01 .con2 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: 100%;margin: 0 0;display:inline-block;} .laparoscopy_01 .con2 .clinic_list_box .clinic_list li > p {display: inline-block; } .laparoscopy_01 .con2 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #719dbd; color:#fff; border-radius:50%; } .laparoscopy_01 .con2 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px; font-weight:500;} .laparoscopy_01 .con2 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 0; margin-left:0; text-align: center; letter-spacing: 3px;} .laparoscopy_01 .con3 {padding:100px 0;} .laparoscopy_01 .con3 ul {margin: 15px 0 0 0;display: inline-block;justify-content:space-between;width: 100%;} .laparoscopy_01 .con3 li {width: 49%;margin: 0 auto;overflow: hidden;display: inline-block;padding-bottom: 30px;text-align: center;} .laparoscopy_01 .con3 li h4 {padding: 20px 0 0;text-align:center;background-color:#719dbd;width: 150px;height: 150px;border-radius: 100%;line-height: 150%;margin: 0 auto;} .laparoscopy_01 .con4 {padding:100px 0;} .laparoscopy_01 .con5 {padding:100px 0 50px;} .laparoscopy_01 .con6 {padding:100px 0;} .laparoscopy_01 .con7 {padding:100px 0;} .laparoscopy_01 .con8 {padding:100px 0 50px;} .laparoscopy_01 .con8 .hifu_process { margin-left:0;} .laparoscopy_01 .con8 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .laparoscopy_01 .con8 .hifu_process .text01 {font-size: 16px;} .laparoscopy_01 .con8 .hifu_process .text02 { font-size: 14px;} .process_area { display: inline-block; width: 100%;} .process {width: 100%;height: 68px;line-height: 130%;border: 2px solid #cdcdcd;margin-bottom: 20px;word-break: keep-all;padding: 15px 10px 0 10px;} .process > .title { width: 25%; text-align: center; color: #787878; font-weight:400; font-size:14px; position: relative; font-family: 'Montserrat';} .process > span {display: inline-block;font-size: 14px;font-weight:500;position: absolute;height: 100%;} .process > .title:after { content: ""; background: url('/img/sub/h/effect_arrow.png'); width: 30px; height: 40px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);} .process > .title1 { width: 25%; text-align: center; color: #787878; font-weight:400; font-size:16px; position: relative; font-family: 'Montserrat';} .laparoscopy_01 .hifu_process { margin-left:0;} .laparoscopy_01 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .laparoscopy_01 .hifu_process .text01 {font-size: 16px;} .laparoscopy_01 .hifu_process .text02 { font-size: 14px;} .img_box_wrap .img_box {display: inline-block; vertical-align: top; width: calc(100% - 0px); position: relative; margin-bottom:50px;} .surgery_01 .con3 .img_list li .img_box .img { width: 100%; height: 350px; background-size: 120%; background-position: 50% 100%;} .surgery_01 .con1 { padding: 100px 0 50px; background-color: #f2f2f2;} .surgery_01 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .surgery_01 .con2 .box_wrap { max-width: 1200px; margin: 0 auto; padding: 70px 0 70px; background-color: #fff;} .surgery_01 .con2 .box_wrap h1:after { content: ''; display: block; width: 1px; height: 35px; background-color: #151515; position: absolute; top: 0; margin-top: 160px; left: 50%;} .surgery_01 .con2 { padding-bottom: 100px; padding:100px 0;} .surgery_01 .con3 { padding: 70px 0 100px;} .surgery_01 .con3 .img_list li { display: block; justify-content: space-between; margin-bottom: 20px;} .surgery_01 .con3 .img_list li > div {width: 100%; display: inline-block; height:100%;} .surgery_01 .con3 .img_list li .txt_box { padding: 35px 0 0 0; background-color: transparent; position: relative; width: 100%;} .gray_box_list { display: flex; flex-wrap: wrap; padding-top: 0;} .gray_box_list li { width: 100%; padding: 25px 25px; background-color: #fff; border: 1px solid #f6f6f6;} .gray_box_list li h4 { display: inline-block;position: relative; padding-left: 45px;} .gray_box_list li h4 .num { display: inline-block; vertical-align: middle; font-family: 'Montserrat'; margin-right: 10px; width: 35px; height: 35px; font-size: 18px; text-align: center; line-height: 35px; background-color: #787878; border-radius: 50%; color: #fff; font-weight: 500; -webkit-transform: translateY(-2px); transform: translateY(-2px); position: absolute; top: 0; left: 0;} .surgery_01 .page_info_wrap ul {display: block;align-items:center;margin-bottom: 35px;background-color:#f2f2f2;padding: 40px 20px 20px;text-align:left;} .surgery_01 .page_info_wrap li {display: flex;align-items:center;width: 100%;margin-bottom: 20px;} .surgery_01 .page_info_wrap li .txt_wrap {margin: 0 0 0 20px;} .surgery_01 .page_info_wrap li .txt1 {margin-bottom: 10px; padding:0 0;} .surgery_01 .con1 .hifu_process { margin-left:0;} .surgery_01 .con1 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .surgery_01 .con1 .hifu_process .text01 {font-size: 16px;} .surgery_01 .con1 .hifu_process .text02 { font-size: 14px; padding-left:20px; padding-right:20px;} .s_tit_wrap .num {display: inline-block;font-family: 'Montserrat';width: 60px;height: 60px;background-color: #fe7386;border-radius:50%;text-align: center;line-height: 60px;font-weight:500;color: #fff;font-size: 22px;letter-spacing: 0;position: initial;top: -5px;left: -60px;margin-left: 0;z-index: 1;margin-bottom: 20px;} .surgery_01 .con2 .hifu_process { margin-left:0;} .surgery_01 .con2 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .surgery_01 .con2 .hifu_process .text01 {font-size: 16px;} .surgery_01 .con2 .hifu_process .text02 { font-size: 14px; padding-left:20px; padding-right:20px;} .surgery_01 .con4 { padding: 100px 0; background-color: #fffbfc;} .surgery_01 .con4 .img_list li { display: block; justify-content: space-between; margin-bottom: 20px;} .surgery_01 .con4 .img_list li .txt_box { padding: 35px 0 0 0; background-color: transparent; position: relative; width: 100%;} .surgery_01 .con4 .img_list li > div { width: 100%; height: 350px; padding: 30px 0;} .round_title {background-color: #fe7386; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 12px 25px; font-size: 15px; line-height:150%; width: 100%; text-align: left; overflow: hidden; border-radius: 60px; word-break: keep-all;} .surgery_01 .con5 { padding: 100px 0;} .surgery_01 .con6 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url('/img/sub/h/hifu_0302_bg.jpg'); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .surgery_01 .con6 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .surgery_01 .box_list { margin: 100px 0 0 40px;} .surgery_01 .box_list li p img {width: 65%;} .surgery_01 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .surgery_01 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .pl30 { padding-left:30px} .page_tab li a {display: block; width: 130px; text-align: center; line-height: 50px; font-size: 16px; font-weight: 500; color: #888; border: 1px solid #232021; background-color: #fff; border-left: none;} .surgery_02 .con1 { padding: 100px 0 50px; background-color: #f2f2f2;} .surgery_02 .con1 ul { display: block; align-items: center; margin-bottom: 35px; margin-top: -70px; margin-left:30px;} .surgery_02 .con1 li { display: flex; align-items: center; width: 100%; padding-bottom:20px;} .surgery_02 .con2 { padding: 100px 0;} .surgery_02 .con2 .img_list li { display: block; justify-content: space-between; margin-bottom: 20px;} .surgery_02 .con2 .img_list li > div { width:100%; height: 450px;} .surgery_02 .con2 .img_list li .txt_box { padding: 55px 0 0 0;background-color: transparent; position: relative; width: 100%; height:auto;} .surgery_02 .con3 { padding: 100px 0; background-color: #fffbfc;} .circle_list li {width: calc(80% - 0px); margin: 0 auto 0;} .circle_list li .num {padding: 22% 0 10px; margin-bottom: 10px;} .circle_list span {width: 100%; text-align: center; margin:20px 0; padding-top:0 !important;} .surgery_02 .con4 { padding: 100px 0 50px;} .surgery_02 .con4 .hifu_process { margin-left: 0px;} .surgery_02 .con4 .hifu_process li { float: left; width: calc(100% - 0px); margin-left: 0px; padding-bottom: 30px;} .surgery_02 .con4 .hifu_process .text01 {font-size: 18px;} .surgery_02 .con4 .hifu_process .text02 {font-size: 14px;} .surgery_02 .con5 {padding: 100px 0 50px;} .surgery_02 .con5 .hifu_process { margin-left: 0px;} .surgery_02 .con5 .hifu_process li { float: left; width: calc(100% - 0px); margin-left: 0px; padding-bottom: 30px;} .surgery_02 .con5 .hifu_process .text01 {font-size: 18px;} .surgery_02 .con5 .hifu_process .text02 {font-size: 14px;} .surgery_02 .con6 {padding: 100px 0; background-color: #f2f5fa;} .surgery_02 .con6 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .surgery_02 .con7 {padding: 100px 0;} .surgery_02 .con8 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .surgery_02 .con8 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .surgery_02 .box_list { margin: 100px 0 0 40px;} .surgery_02 .box_list li p img {width: 65%;} .surgery_02 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .surgery_02 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .page_info_wrap1 {padding:0px 0;text-align: center;font-size: 20px; } .page_info_wrap1 .txt1 {font-size: 14px; font-weight: 400; color: #787878; line-height: 1.7; word-break:keep-all;} .top_tit4 {font-size: 18px;letter-spacing:8px;color:#fe7386;font-weight:400;padding-left:0px;padding-bottom:30px; position: relative; margin-top: 20px;} .surgery_03 .con1 { padding: 100px 0; background-color: #f2f2f2;} .surgery_03 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .surgery_03 .con2 { width: 100%; height: 650px; padding: 100px 0; background-image: url(/img/sub/s/surgery_0102_bg.jpg); background-size: cover; background-attachment: fixed;} .surgery_03 .con2 .txt { border-radius: 100%; background-color: #f9e5e8; width: 140px; height: 140px; display: inline-block; float: left; text-align: center; padding-top: 45px; margin-right: 10px; margin-bottom:20px;} .surgery_03 .con2 .img { position: relative; right: 0; margin-right: 2%; bottom: 0; z-index: 0; top:110px;} .surgery_03 .con3 { padding: 100px 0;} .surgery_03 .con3 .img_list li .txt_box { margin-top: 70px;} .surgery_03 .program ul { margin: 0; padding-top: 10px;} .surgery_03 .program li { float: left; width: calc(100% - 10px); margin: 0 5px 10px; padding: 0; background-color: #fe7386; color: #fff; border-radius: 60px;} .surgery_03 .con4 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .surgery_03 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .surgery_03 .box_list { margin: 100px 0 0 40px;} .surgery_03 .box_list li p img {width: 65%;} .surgery_03 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .surgery_03 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .surgery_04 .con1 { padding: 100px 0; background-color: #f2f2f2;} .surgery_04 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .surgery_04 .con3{ padding: 100px 0;} .surgery_04 .con3 li { display:block; padding: 30px 0 30px; position: relative;} .surgery_04 .con3 li .lt { padding: 0 35px 30px 15px;width: 100%;} .surgery_04 .con3 li .rt { padding: 0 0 0 15px; width:100%} .surgery_04 .tit_box_list { display: block;margin: 0 0; padding-bottom: 70px;} .surgery_04 .tit_box_list .img { width:70%; margin:0 auto; } .surgery_04 .tit_box_list li { width: calc(100% - 0px); margin: 0 5px; padding: 20px 10px; display: block;} .surgery_04 .tit_box_list li h5 { padding: 0 10px; background-color: #fe7386; color: #fff; text-align: center; border-radius: 50px; height: 50px; line-height: 50px; width: 100%;} .surgery_04 .con3 { padding: 100px 0 50px; background-color: #f2f2f2;} .surgery_04 .con3 .img_list li .img_box .img { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .surgery_04 .con4 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .surgery_04 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .surgery_04 .con5 {padding: 100px 0;} .surgery_04 .con5 .icon_list1 {margin:0 auto; padding:30px 0 0} .surgery_04 .con5 .icon_list1 li {width: calc(45% - 0px);margin: 0 15px 0 0;padding: 15px 0 0;position: relative;transition:.5s;display:inline-block;vertical-align:top;} .surgery_04 .con5 .icon_list1 li p {line-height: 1.5;} .surgery_04 .con5 .icon_list1 li .txt_box {position: relative;z-index: 2;width:100%;height: 85px;float:right;background-color:#fff;} .surgery_04 .con5 .icon_list1 li .txt_box h3 {display: inline-block;position: relative;font-weight: 400;padding: 0 0 0 85px;width:100%;height:0;} .surgery_04 .con5 .icon_list1 li .txt_box p{ padding-left:35px; padding-right:20px;} .surgery_04 .con5 .icon_list1 li img {position:absolute;z-index:90;top:0;width: 50%;} .surgery_04 .con5 .hifu_process { margin-left: 0px;} .surgery_04 .con5 .hifu_process li { float: left; width: calc(100% - 0px); margin-left: 0px; padding-bottom: 30px;} .surgery_04 .con5 .hifu_process .text01 {font-size: 18px;} .surgery_04 .con5 .hifu_process .text02 {font-size: 14px;} .surgery_04 .con5 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .surgery_04 .con6 {padding: 100px 0;} .surgery_04 .con6 .img_box_wrap .txt_box {display: inline-block;vertical-align: top;width: 100%;position: relative;} .surgery_04 .con7 { padding: 100px 0;} .surgery_04 .con7 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left:0%; margin-left: 0; text-align: center; letter-spacing: 4px;} .square_img_wrap3 {} .square_img_list3 {} .square_img_list3 li {display: inline-block;width: 100%;margin: 0 9px 50px;vertical-align: top;position:relative;} .square_img_list3 li .square_img {position: relative; text-align:center; } .square_img_list3 li .num {display: inline-block;width: 50%;height: 45px;background-color: #74c5ce;border-radius: 45px;text-align: center;line-height: 45px;font-weight:500;color: #fff;font-size: 16px;position: absolute;bottom: -26px;left: 50%;margin-left: -25%;z-index: 1;} .square_img_list3 li .square_img img {} .square_img_list3 li .text01 { font-size: 16px; font-weight: 500; text-align: center; padding: 10px 0 0;} .square_img_list3 li .text02{ font-size: 16px; font-weight: 500; text-align: center; color: #151515; padding: 15px 20px 15px; border-top: 2px solid #151515; border-bottom: 2px solid #151515;} .surgery_04 .box_list { margin: 100px 0 0 40px;} .surgery_04 .box_list li p img {width: 65%;} .surgery_04 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .surgery_04 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .surgery_05 .con1 { padding: 50px 30px; background-color: #f2f2f2;} .surgery_05 .con1 ul { display: block; align-items: center; width: 100%;} .surgery_05 .con1 li { display:inline-block; align-items: center; width: 48%; padding-bottom:20px; vertical-align:top;} .surgery_05 .con1 li .txt_wrap {margin: 20px 25px 0 10px;} .surgery_05 .con2 { padding: 100px 0;} .surgery_05 .con3 { padding: 100px 0;} .surgery_05 .con4 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .surgery_05 .con4 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .surgery_05 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .surgery_05 .box_list { margin: 100px 0 0 40px;} .surgery_05 .box_list li p img {width: 65%;} .surgery_05 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .surgery_05 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .surgery_05 .con5 { padding: 100px 0;} .surgery_05 .con6 { padding: 100px 0;} .surgery_05 .con6 .cont{display: block;} .surgery_05 .con6 .lt {width: 100%;} .surgery_05 .con6 .rt {width: 100%;padding-top:30px;} .surgery_05 .con6 .rt h3{font-weight:300; color:#fff; } .surgery_05 .con6 .rt h3:before { content: ''; display: block; width: 120px;height: 2px; background-color: #fff; position: absolute; top:0; left: 0;} .surgery_05 .con6 .clinic_list_box {padding: 25px 20px;background-color: #fff;font-size: 0;} .surgery_05 .con6 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: 100%;margin: 0 0;display:inline-block;/* vertical-align: middle; */} .surgery_05 .con6 .clinic_list_box .clinic_list li > p {display: inline-block; } .surgery_05 .con6 .clinic_list_box .clinic_list li .num {width: 35px;height: 36px;line-height: 36px;text-align: center;background-color: #fe7386;color:#fff;border-radius:50%;vertical-align: middle;} .surgery_05 .con6 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;font-weight:500;vertical-align: middle;} .surgery_05 .con6 .bot_txt { width: 100%; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left:0%; margin-left: 0; text-align: center; letter-spacing: 4px;} .surgery_05 .con5 .s_tit_wrap {width: 100%;background: #fffbfc url('/img/sub/surgery05_06_01.png') 100% -0% no-repeat;background-size: 28%;} .surgery_05 .con7 {width: 100%;height: 100%;padding: 100px 0;background: #fff url('/img/sub/surgery_0102_bg.jpg') 50% 0% no-repeat;background-size:cover;background-attachment:fixed;} .surgery_05 .con7 .img {position: relative;right:0;margin-right:2%;bottom:0;z-index: 0;top: 90px;} .plastic_01 .page_info_wrap ul { margin: 15px 0 0; display: inline-block; justify-content: space-between;} .plastic_01 .page_info_wrap li {width: calc(100% - 0px); margin: 0 0 20px; overflow: hidden;} .plastic_01 .page_info_wrap li h4 {padding-top: 37%;text-align:center;background-color:#00aeb2;transition: .25s;cursor:pointer;border-radius:100%;width: 180px;height: 180px;line-height:150%;} .plastic_01 .page_info_wrap li:after {content:'✚';color:#999;font-size:30px;position: inherit;display: block;bottom: 50%;padding-top: 10px;left: -60%;font-family: "Arial Black", Gadget, sans-serif;top: 10px;} .plastic_01 .page_info_wrap li:first-child::after {content:'✚';color:#999;font-size:30px;position: inherit;display: block;bottom: 50%;padding-top: 10px;left: -60%;font-family: "Arial Black", Gadget, sans-serif;top: 10px;} .plastic_01 .page_info_wrap li:last-child::after {content:'';} .plastic_01 .con1 {padding: 100px 0 10px; background-color: #f2f2f2;} .plastic_01 .con2 {padding: 100px 0 0;} .plastic_01 .con3 { width: 100%; padding: 33% 0; height: 350px; background: #fff url(/img/sub/s/plastic_0101_bg_m.jpg) 50% 50% no-repeat; background-size:cover;} .plastic_01 .con3 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .plastic_01 .con4 {padding: 100px 0 20px;} .plastic_01 .con4 .hifu_process { margin-left: 0px;} .plastic_01 .con4 .hifu_process li { float: left; width: calc(100% - 0px); margin-left: 0px; padding-bottom: 30px;} .plastic_01 .con4 .hifu_process .text01 {font-size: 18px;} .plastic_01 .con4 .hifu_process .text02 {font-size: 14px; padding-left:20px; padding-right:20px;} .plastic_01 .con4 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .plastic_01 .con5 { padding: 100px 0 0; background: #e9e8e7 url('/img/sub/hifu_01_bg.png') no-repeat bottom 40% right 65%; background-size:80%;} .plastic_01 .con5 .doctor_txt .h3 { font-size: 26px; line-height: 1.5;} .plastic_01 .con5 .doctor_txt { position: absolute; margin-top: 50px; display:contents;} .plastic_01 .con5 .doctor {margin: 55px auto 0; text-align: center;} .plastic_01 .con5 .doctor_txt .line{border-bottom:2px solid #151515;width: 240px;} .plastic_01 .con5 .doctor_txt2{position:absolute;left: 5%;font-size: 20px;line-height: 40px;padding-top: 70%;} .plastic_01 .con5 .doctor_txt2 span{font-size:28px; font-weight:600;} .plastic_02 .con1 { padding: 100px 0;} .plastic_02 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .plastic_02 .con2 { padding: 100px 0;} .plastic_02 .con2 .hifu_process { margin-left: 0;} .plastic_02 .con2 .hifu_process li { float: left; width: calc(100% - 0px); margin-left: 0px; margin-bottom: 30px; padding-bottom: 0;} .plastic_02 .con6 { padding: 100px 0 10px;} .plastic_02 .con3 { padding: 100px 0;} .plastic_02 .con4 { padding: 100px 0;} .plastic_02 .con4 .program ul {margin: 0; padding-top: 0;} .plastic_02 .con4 .program li { float: left; width: calc(100% - 0px); margin: 0 0 20px; padding: 0; background-color: #fe7386; color: #fff; border-radius: 50px;} .plastic_02 .con5 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:38% 40%;} .plastic_02 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .plastic_02 .box_list { margin: 100px 0 0 40px;} .plastic_02 .box_list li p img {width: 65%;} .plastic_02 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .plastic_02 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .plastic_03 .con1 { padding: 100px 0; background-color: #f2f2f2;} .plastic_03 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .plastic_03 .con2 { padding: 100px 0;} .plastic_03 .con3 {padding: 100px 0; background-color: #fffbfc;} .plastic_03 .con4 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .plastic_03 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .plastic_03 .box_list { margin: 100px 0 0 40px;} .plastic_03 .box_list li p img {width: 65%;} .plastic_03 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .plastic_03 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .plastic_04 .con1 { padding: 100px 0; background-color: #fffbfc;} .box_list1 span {width: 100%; text-align: center; margin:20px 0; padding-top:0 !important;} .box_list1 li { width: 100%; margin: 0 0; text-align: center;} .plastic_04 .con2 { padding: 100px 0;} .plastic_04 .con2 .img_list li { display: block; justify-content: space-between; margin-bottom: 0;} .plastic_04 .con2 .img_list li > div { width: 100%; height: 500px;} .plastic_04 .con2 .img_list li .txt_box {padding: 55px 0 0 0; background-color: transparent; position: relative; width: 100%; height:auto;} .plastic_04 .con3 { padding: 100px 0; background-color: #f2f2f2;} .plastic_04 .con3 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .plastic_04 .con4 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .plastic_04 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .plastic_04 .box_list { margin: 100px 0 0 40px;} .plastic_04 .box_list li p img {width: 65%;} .plastic_04 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .plastic_04 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .plastic_05 .con1 { padding: 100px 0; background:url(/img/sub/s/surgery_0102_bg.jpg) 85% 0% no-repeat; background-size: cover; background-attachment: fixed;} .plastic_05 .con2 {padding: 100px 0; background-color: #fff;} .plastic_05 .con2 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .plastic_05 .con3 { padding: 100px 0;} .plastic_05 .con4 { padding: 100px 0;} .plastic_05 .con4 .program ul { margin: 0; padding-top: 0;} .plastic_05 .con4 .program li { float: left; width: calc(100% - 0px); margin: 0 0 20px; padding: 0; background-color: #fe7386; color: #fff; border-radius: 50px;} .plastic_05 .con5 { padding: 100px 0; background-color: #fffbfc;} .plastic_05 .con6 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url(/img/sub/h/hifu_0302_bg.jpg); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .plastic_05 .con6 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .plastic_05 .box_list { margin: 100px 0 0 40px;} .plastic_05 .box_list li p img {width: 65%;} .plastic_05 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .plastic_05 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .woman_01 .con1 {width: 100%; padding: 100px 0;} .woman_01 .clinic_list_box {padding: 35px 20px;background-color: #f7f5ef;font-size: 0;} .woman_01 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: calc(100% - 0px);margin: 0 0; display:inline-block;} .woman_01 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;vertical-align: middle;} .woman_01 .con1 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_01 .con2 {padding: 100px 0;} .woman_01 .con3 {padding: 100px 0 70px;} .woman_01 .con3 .rt {width: 100%; padding-top: 0; display:block} .woman_01 .con3 .lt { width: 100%;} .woman_01 .con3 .cont { display: block;} .woman_01 .con3 .clinic_list_box {padding:0 0;font-size: 0;display: inline-block;margin: 20px 0;} .woman_01 .con3 .clinic_list_box .clinic_list li {padding: 20px 0;width: 130px;vertical-align: top;display: inline-block;height: 130px;border-radius: 50%;background-color: #252525;margin: 0 10px 20px;} .woman_01 .con3 .clinic_list_box .clinic_list li > p {display: inline-block; } .pl35 { padding-left:0;} .pl15 { padding-left:0px} .woman_01 .con4 {padding: 100px 0;} .woman_01 .con7 { padding: 100px 0; background-color: #f9f5ea;} .woman_01 .con7 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_01 .con8 {padding: 100px 0 70px;} .woman_01 .con8 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .woman_01 .box_list { margin: 100px 0 0 40px;} .woman_01 .box_list li p img {width: 65%;} .woman_01 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_01 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .round_title_mint { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 20px; font-size: 14px; width: 100%; text-align: left; overflow: hidden; border-radius: 60px; word-break: keep-all;} .woman_02 .con1 { width: 100%; padding: 100px 0;} .woman_02 .circle_list li { width: 100%; margin: 0 0; text-align: center; padding: 0 50px;} .woman_02 .clinic_list_box {padding: 35px 20px;background-color: #f7f5ef;font-size: 0;} .woman_02 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: calc(100% - 0px);margin: 0 0; display:inline-block;} .woman_02 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;vertical-align: middle;} .woman_02 .con1 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_02 .con2 {padding: 100px 0; background-color: #f9f5ea;} .woman_02 .con2 {padding: 100px 0 70px;} .woman_02 .con2 .rt {width: 100%; padding-top: 0; display:block} .woman_02 .con2 .lt { width: 100%;} .woman_02 .con2 .cont { display: block;} .woman_02 .con2 .clinic_list_box {padding:0 0;font-size: 0;display: inline-block;margin: 20px 0;} .woman_02 .con2 .clinic_list_box .clinic_list li {padding: 20px 0;width: 165px;vertical-align: top; display: inline-block;height: 165px;border-radius: 50%;background-color: #252525;margin: 0 2px 20px;} .woman_02 .con2 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;vertical-align: middle;} .woman_02 .con2 .clinic_list_box .clinic_list li > p {display: inline-block; } .woman_02 .con3 {padding: 100px 0;} .woman_02 .con3 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_02 .con4 {padding: 100px 0 70px;} .woman_02 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .woman_02 .box_list { margin: 100px 0 0 40px;} .woman_02 .box_list li p img {width: 65%;} .woman_02 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_02 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .woman_03 .con1 { width: 100%; padding: 100px 0;} .woman_03 .circle_list li { width: 100%; margin: 0 0; text-align: center; padding: 0 50px;} .woman_03 .clinic_list_box {padding: 35px 20px;background-color: #f7f5ef;font-size: 0;} .woman_03 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: calc(100% - 0px);margin: 0 0; display:inline-block;} .woman_03 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px);padding-left: 12px;vertical-align: middle;} .woman_03 .con1 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_03 .con2 {padding: 100px 0; background-color: #f9f5ea;} .woman_03 .con2 .box_list1 li { width: 100%; margin: 0 0 20px; text-align: center;} .woman_03 .con2 .box_list1 li .txt1 { padding: 15px 0; text-align: center; background-color: #5fc8c7; color: #fff; border-radius: 0; width: 90%; margin: 0 auto; font-size: 18px;} .woman_03 .con2 .box_list1 li .txt { padding: 10px 20px 0; text-align: left;} .woman_03 .con2 .box_list1 li > div { width: 100%; padding: 50px 0;background-color: #ffff; height: auto;} .woman_03 .con3 { padding: 100px 0;} .woman_03 .con3 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_03 .con4 {padding: 100px 0 70px;} .woman_03 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .woman_03 .box_list { margin: 100px 0 0 40px;} .woman_03 .box_list li p img {width: 65%;} .woman_03 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_03 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .woman_07 .con1 {padding: 100px 0;} .woman_07 .con1 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .package_list {margin:0 auto 50px; background-color:#fff; padding:50px 30px 180px;} .package_list li {width: 100%;height: 100%;position: relative;transition:.5s;display: block;vertical-align:top;/* margin-bottom: 10px; *//* padding-bottom: 30px; *//* bottom: -30px; */} .package_list li p {position:relative;} .package_list li .txt_box {position: relative;z-index: 2;width:100%;float:right;padding-bottom: 30px;padding-top: 20px;} .package_list li .txt_box h3 {display: inline-block;position: relative;font-weight: 500;padding: 10px 0 0 0;} .package_list li .txt_box p{padding-left: 15px;padding-bottom:10px;} .package_list li img {display: block;position: relative;z-index:90;top:0;left: 0;width: 100%;} .woman_07 .con2 {padding: 100px 0;} .woman_07 .con2 .hifu_process { margin-left: 0px;} .woman_07 .con2 .hifu_process li { float: left; width: calc(100% - 0px); margin-left: 0px; padding-bottom: 30px;} .woman_07 .con2 .hifu_process .text01 {font-size: 18px;} .woman_07 .con2 .hifu_process .text02 {font-size: 14px;} .woman_07 .con2 .hifu_process li img { width: 100%; padding: 0 30px;} .woman_07 .con3 {padding: 100px 0;} .woman_07 .con3 li {padding: 25px 10px;position: relative;border-top:2px solid #151515;} .woman_07 .con3 li .list_con {display: block;} .woman_07 .con3 li .lt {width: 100%;padding: 0 0 0 0;} .woman_07 .con3 li .lt h3 {position: relative;padding-left: 0;padding-bottom: 10px;} .woman_07 .con3 li .lt h3 .num {width:25px; text-align: right; position: absolute; top: -5px; left: 0; font-family: 'Montserrat'; font-size:42px; /*border-bottom: 1px solid #333;*/} .woman_07 .con3 li .rt {width: 100%;} .woman_07 .con4 { width: 100%; height: auto; padding: 100px 0 30px; background-image: url('/img/sub/h/hifu_0302_bg.jpg'); background-size:420%; background-attachment: fixed; z-index: -2; background-position:60% 50%;} .woman_07 .con4 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; bottom: -15px; right: 0;} .woman_07 .con4 .box_list { margin: 100px 0 0 40px;} .woman_07 .con4 .box_list li p img {width: 65%;} .woman_07 .con4 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_07 .con4 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .woman_04 .con1 {padding: 100px 0 0;} .woman_04 .box_list1 li { width: 100%; margin: 0 0 20px; text-align: center;} .woman_04 .box_list1 li .txt1 { padding: 15px 0; text-align: center; background-color: #5fc8c7; color: #fff; border-radius: 0; width: 90%; margin: 0 auto; font-size: 18px;} .woman_04 .box_list1 li .txt { padding: 10px 20px 0; text-align: left;} .woman_04 .box_list1 li > div { width: 100%; padding: 50px 0;background-color: #ffff; height: auto;} .woman_04 .con1 .qna_list .q {border-top: 1px solid #f9f9f9; margin-bottom: -1px;border-bottom: 1px solid #f9f9f9; position: relative; padding: 25px 20px 25px; position: relative; color: #fff;} .woman_04 .con1 .qna_list .a {padding: 20px 20px 20px 20px; color: #fff;} .woman_04 .con1 .qna_list .a li {width: calc(100% - 0px); margin: 0 0;} .woman_04 .con1 .qna_list .a ul { display: block; padding: 10px 0 50px;} .woman_04 .con2 {padding: 100px 0;} .woman_04 .con2 ul {display: block; padding: 10px 0 50px; margin-left: 0;} .woman_04 .con2 li {margin: 0 auto 20px;} .woman_04 .con2 .left, .woman_04 .con2 .right {display: inline-block; vertical-align: middle;} .woman_04 .con2 .left {width: 100%; font-size:22px;padding: 15px 0 0; border-radius:60px;text-align: center;background-color: #5fc8c7; margin-top:30px} .woman_04 .con2 .right {width: 100%;border: 1px solid #ececec;padding: 15px 20px;background-color: #fff;float: right; margin-top:20px;} .woman_04 .con2 .left:after {content: '--------------------➤';display: block;position: relative;bottom: -30px;right: 20px;z-index: 2;transition: .5s; color:#787878; font-weight:300;} .woman_04 .con3 {padding: 100px 0 70px;} .woman_04 .con3 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .woman_04 .box_list { margin: 100px 0 0 40px;} .woman_04 .box_list li p img {width: 65%;} .woman_04 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_04 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .woman_05 .con1 {padding: 100px 0;} .woman_05 .box_list1 {display: flex; flex-wrap: wrap; margin: 0 auto; padding: 50px 10px 0;} .woman_05 .box_list1 li { width: 100%; margin: 0 0 20px; text-align: center;} .woman_05 .box_list1 li .txt1 { padding: 15px 0; text-align: center; background-color: #5fc8c7; color: #fff; border-radius: 0; width: 90%; margin: 0 auto; font-size: 18px;} .woman_05 .box_list1 li .txt { padding: 10px 20px 0; text-align: left;} .woman_05 .box_list1 li > div { width: 100%; padding: 50px 0;background-color: #ffff; height: auto;} .woman_05 .con1 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_05 .con2 {padding: 100px 0;} .woman_05 .con3 {padding: 100px 0 70px;} .woman_05 .con3 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .woman_05 .box_list { margin: 100px 0 0 40px;} .woman_05 .box_list li p img {width: 65%;} .woman_05 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_05 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .square_img_list2 {font-size: 0;} .square_img_list2 li {display: inline-block;width: 100%;margin: 0 0;vertical-align: top;padding-bottom:30px;} .square_img_list2 li .square_img {position: relative; } .square_img_list2 li .num {display: inline-block; width: 60px; height: 60px; background-color: #00aeb2; border-radius:50%; text-align: center; line-height: 60px; font-weight:500; color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;} .square_img_list2 li .num1 {display: inline-block;width: 350px;height: 50px;background-color: #00aeb2;text-align: center;line-height: 50px; border-radius:50px; color: #fff;font-size: 20px; margin: 30px 50px; letter-spacing: 0;z-index: 1;} .square_img_list2 li .square_img img {} .square_img_list2 li .text01 {font-size: 18px;font-weight: 500;text-align: center;color: #151515;padding: 25px 20px 15px;border-bottom: 2px solid #151515;width: 100%;} .square_img_list2 li .text02 { padding:0 20px} .woman_05 .con4 {padding: 100px 0;} .woman_05 .con4 .hifu_process { margin-left:0;} .woman_05 .con4 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px} .woman_05 .con4 .hifu_process .text01 {font-size: 16px;} .woman_05 .con4 .hifu_process .text02 { font-size: 14px; padding-left:20px; padding-right:20px;} .woman_05 .con2 .left, .woman_05 .con2 .right {display: inline-block; vertical-align: middle;} .woman_05 .con2 .left {width: 100%;font-size:22px;padding: 15px 0 0;border-radius:60px;text-align: center;background-color: #5fc8c7;} .woman_05 .con2 .right {width: 100%;border: 1px solid #ececec;padding: 15px 20px;background-color: #fff;float: right;margin-top: 10px;} .woman_05 .con2 .left:after {content: '--------------------➤';display: block;position: relative;bottom: -20px;right: 0;z-index: 2;transition: .5s;color:#787878;font-weight:300;} .woman_06 .con1 {padding: 100px 0;} .woman_06 .con1 .img_list li {display: block;justify-content:space-between;margin-bottom: 20px;} .woman_06 .con1 .img_list li:nth-child(even) {flex-direction: row-reverse;} .woman_06 .con1 .img_list li > div {width: 100%; height:465px} .woman_06 .con1 .img_list li .img_box .img {width: 100%; height: 100%; background-size:cover; background-position: 50% 50%;} .woman_06 .con1 .img_list li .txt_box {padding: 35px 0 0 0;background-color: transparent;position: relative;width: 100%;} .woman_06 .con1 .bot_txt { width: 100%; font-size: 16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .woman_06 .con1 .btn {width: 100%; height: 55px; line-height: 55px; border: 1px solid #fff; border-radius: 50px; text-align: left; color: #fff; background-image: url(/img/main/arrow_w.png); background-repeat: no-repeat; background-position: right 17% center; font-size: 16px; font-weight: 400; transition: .25s; padding: 0 30px 0; display: inline-block;} .woman_06 .con2 {padding: 100px 0;} .woman_06 .con3 {padding: 100px 0;} .woman_06 .con3 .btn {width: 100%; height: 55px; line-height: 55px; border-radius: 50px; text-align: left; background-image: url(/img/main/arrow.png); background-repeat: no-repeat; background-position: right 17% center; font-size: 16px; font-weight: 400; transition: .25s; padding: 0 30px 0; display: inline-block;} .woman_06 .con4 {padding: 100px 0;} .woman_06 .con4 .cont{display: block;} .woman_06 .con4 .lt {width: 100%;} .woman_06 .con4 .rt {width: 100%; padding-top:30px;} .woman_06 .con4 .clinic_list_box .clinic_list li {padding: 12px 0;border-bottom: 1px solid #ddd;width: 100%;display:inline-block;} .woman_06 .con4 .clinic_list_box { padding: 10px 0; background-color: #ffffff; font-size: 0;} .woman_06 .con5 {padding: 100px 0;} .woman_06 .con5 .box01 .right {display: inline-block; vertical-align: middle;} .woman_06 .con5 .box01 .left {width: 100%; margin-right:10px; font-size:22px;padding: 20px 0; border-radius:60px;text-align: center;background-color: #96dfde;vertical-align: top;} .woman_06 .con5 .box01 .right {width: 100%;padding: 20px 10px 25px 50px;} .woman_06 .con5 .box01 .left:after { content: ''; display: block; width: 2px; height: 272px; background-color: #96dfde; position: absolute; z-index: 2; transition: .5s; left: 0; margin-left:10%;} .woman_06 .con5 .box02 .left, .woman_06 .con5 .box02 .right {display: inline-block; vertical-align: middle;} .woman_06 .con5 .box02 .left {width: 100%; margin-right:10px; font-size:22px; padding: 20px 0; border-radius:60px; text-align: center; background-color: #5fc8c7; vertical-align: top;} .woman_06 .con5 .box02 .right {width: 100%; padding:20px 10px 25px 50px; } .woman_06 .con5 .box02 .left:after { content: ''; display: block; width: 2px; height: 143px; background-color: #5fc8c7; position: absolute; z-index: 2; transition: .5s; left: 0; margin-left:14%;} .woman_06 .con5 .box03 .left, .woman_06 .con5 .box03 .right {display: inline-block; vertical-align: middle;} .woman_06 .con5 .box03 .left {width: 100%; margin-right:10px; font-size:22px; padding: 20px 0; border-radius:60px; text-align: center; background-color: #3ba1a0; vertical-align: top;} .woman_06 .con5 .box03 .right {width: 100%; padding: 20px 20px 25px 50px;} .woman_06 .con5 .box03 .right .box{width:150px; padding:8px 10px; background-color:#fff; text-align:center; border-radius:30px;} .woman_06 .con6 {padding: 100px 0 70px;} .woman_06 .con6 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .woman_06 .box_list { margin: 100px 0 0 40px;} .woman_06 .box_list li p img {width: 65%;} .woman_06 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .woman_06 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .checkup_01 .con1 { width: 100%; padding: 33% 0; height: 350px; background: #fff url('/img/sub/s/plastic_0101_bg_m.jpg') 50% 50% no-repeat; background-size: cover;} .checkup_01 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .checkup_01 .con2 { padding: 100px 0; background-color: #f9f9f9;} .checkup_01 .con2 .box_wrap {max-width: 100%;display: block;margin: 0 auto;border-radius: 40px 0 40px 0;padding: 70px 30px; background-color:#fff;} .checkup_01 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_01 .con2 .box_wrap h4 {display: block;background-color: #fff;color: #222;position: relative;font-size: 32px; font-weight:500;margin-left: 0; margin-bottom:10px;} .checkup_01 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_01 .con2 .box_wrap .lt {width: 100%; margin:0 0 0 0;} .checkup_01 .con2 .box_wrap .rt {width: 100%;} .checkup_01 .con2 .box_wrap .rt ul {display: block: ;align-items:center; text-align:center;} .checkup_01 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_01 .con2 .box_wrap .rt li .txt_wrap {margin: 20px 0 0; background-color:#f9f9f9;padding: 7px 10px;transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_01 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_01 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_01 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_01 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_01 .con3 { padding: 100px 0 70px;} .checkup_01 .con3 .square_img_wrap {} .checkup_01 .con3 .square_img_list {font-size: 0;margin-left: 0;} .checkup_01 .con3 .square_img_list li {display: inline-block;width: 100%;margin: 0 0 30px;padding:50px 30px;vertical-align: top; border:1px solid #ddd;border-radius: 30px 0 0 0;height: auto; border-bottom:5px solid #151515;} .checkup_01 .con3 .square_img_list li:nth-child(6) {border-radius: 0 0 30px 0;} .checkup_01 .con3 .square_img_list li .square_img {position: relative; } .checkup_01 .con3 .square_img_list li .num {display: inline-block; width: 60px; height: 60px; background-color: #00aeb2; border-radius:50%; text-align: center; line-height: 60px; font-weight:500; color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;} .checkup_01 .con3 .square_img_list li .square_img img {/*width: 100%;*/} .checkup_01 .con3 .square_img_list li .text01 { font-size: 16px; font-weight: 500; text-align: center; color: #151515; line-height:150%; word-break:keep-all;} .checkup_01 .con4 {padding:100px 0; background-color:#f9f5ea;} .checkup_01 .con4 .link {position: relative;} .checkup_01 .con4 .link ul {margin: 20px 0 0;display: inline-block;flex-wrap: wrap;float: inherit;width: 100%;} .checkup_01 .con4 .link li {width: calc(100% - 0px);margin: 0 0 6px; background-color:#5fc8c7;overflow: hidden; border-radius:50px;} .checkup_01 .con4 .link li:nth-child(even) {background-color: #81a1dc;} .checkup_01 .con4 .link li h4 {padding:20px 0; text-align:center;} .checkup_01 .con4 .link li{transition:.5s;} .checkup_01 .con4 .link li:hover{ background-color:#001241;} .checkup_01 .con5 {padding: 100px 0 70px;} .checkup_01 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .checkup_01 .box_list { margin: 100px 0 0 40px;} .checkup_01 .box_list li p img {width: 65%;} .checkup_01 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .checkup_01 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .checkup_02 .con1 { width: 100%; padding: 33% 0; height: 350px; background: #fff url('/img/sub/s/plastic_0101_bg_m.jpg') 50% 50% no-repeat; background-size: cover;} .checkup_02 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .checkup_02 .con2 { padding: 100px 0; background-color: #f9f9f9;} .checkup_02 .con2 .box_wrap {max-width: 100%;display: block;margin: 0 auto;border-radius: 40px 0 40px 0;padding: 70px 30px; background-color:#fff;} .checkup_02 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_02 .con2 .box_wrap h4 {display: block;background-color: #fff;color: #222;position: relative;font-size: 32px; font-weight:500;margin-left: 0; margin-bottom:10px;} .checkup_02 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_02 .con2 .box_wrap .lt {width: 100%; margin:0 0 0 0;} .checkup_02 .con2 .box_wrap .rt {width: 100%;} .checkup_02 .con2 .box_wrap .rt ul {display: block: ;align-items:center; text-align:center;} .checkup_02 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_02 .con2 .box_wrap .rt li .txt_wrap {margin: 20px 0 0; background-color:#f9f9f9;padding: 7px 10px;transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_02 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_02 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_02 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_02 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_02 .con3 { padding: 100px 0;} .checkup_02 .con3 .qna_list li { width: 100%; display: inline-block; padding: 0 0;} .checkup_02 .con4 { padding: 100px 0 50px; background-color: #f9f9f9;} .checkup_02 .con4 ul {margin: 15px 0 0 0;display: block; justify-content:space-between;} .checkup_02 .con4 li {width: calc(100% - 0px);margin: 0 0 20px;overflow: hidden;} .checkup_02 .con4 li h4 {padding:15px 0; text-align:center; background-color:#5fc8c7; border-radius:100px; line-height:220%} .checkup_02 .con5 { padding: 10px 0 100px;} .checkup_02 .con5 .cont{display: block;} .checkup_02 .con5 .lt {width: 100%;padding-top: 10px;} .checkup_02 .con5 .rt {width: 100%;padding-top: 20px;} .checkup_02 .con5 .rt h3{font-weight:300; color:#151515; } .checkup_02 .con5 .rt h3:before {content: '';display: block;width: 120px;height: 2px;background-color: #151515;position: absolute;top: 5px;left: 0;} .checkup_02 .con5 .clinic_list_box {padding:0 0; background-color: #f9f9f9; font-size: 0;} .checkup_02 .con5 .clinic_list_box .clinic_list li {padding: 12px 10px;border-bottom: 1px solid #ddd;width: 100%; display:inline-block;} .checkup_02 .con5 .clinic_list_box .clinic_list li > p {display: inline-block; } .checkup_02 .con5 .clinic_list_box .clinic_list li .num {width: 35px; height: 36px; line-height: 36px; text-align: center; background-color: #5fc8c7; color:#fff; border-radius:50%; } .checkup_02 .con5 .clinic_list_box .clinic_list li .txt {width: calc(100% - 35px); padding-left: 12px; vertical-align:middle;} .checkup_02 .con5 .clinic_01 .con1 .bot_txt { width: 1200px; font-family: 'Montserrat'; color: #fff; opacity: .19; position: absolute; bottom: 15px; left: 50%; margin-left: -600px; text-align: center; letter-spacing: 26px;} .checkup_02 .con6 {padding: 100px 0;} .checkup_02 .con6 { padding: 100px 0 70px;} .checkup_02 .con6 .square_img_wrap {} .checkup_02 .con6 .square_img_list {font-size: 0;margin-left: 0;} .checkup_02 .con6 .square_img_list li {display: inline-block;width: 100%;margin: 0 0 30px;padding:50px 30px;vertical-align: top; border:1px solid #ddd;border-radius: 30px 0 0 0;height: auto; border-bottom:5px solid #151515;} .checkup_02 .con6 .square_img_list li:nth-child(6) {border-radius: 0 0 30px 0;} .checkup_02 .con6 .square_img_list li .square_img {position: relative; } .checkup_02 .con6 .square_img_list li .num {display: inline-block; width: 60px; height: 60px; background-color: #00aeb2; border-radius:50%; text-align: center; line-height: 60px; font-weight:500; color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;} .checkup_02 .con6 .square_img_list li .square_img img {/*width: 100%;*/} .checkup_02 .con6 .square_img_list li .text01 { font-size: 16px; font-weight: 500; text-align: center; color: #151515; line-height:150%; word-break:keep-all;} .checkup_02 .con7 {padding: 100px 0 10px; background-color: #f9f9f9;} .checkup_02 .con8 {padding: 10px 0 100px; } .checkup_02 .con8 ul {display: block; align-items:center;margin-bottom: 35px;} .checkup_02 .con8 li {width: 100%;margin: 0 0 30px; text-align:center; border-left:none;} .checkup_02 .con8 li:nth-child(1) { border-left:none;} .checkup_02 .con8 li .icon { display:block;} .checkup_02 .con8 li .icon img { width:45%; } .checkup_02 .con8 li .txt_wrap {margin: 30px 25px 0;} .checkup_02 .con8 li .txt1 {margin-bottom: 10px;} .checkup_02 .con9 { padding: 100px 0;} .checkup_02 .box_list1 li {width: 100%;margin: 0 0 20px;text-align: center;height: auto;} .checkup_02 .box_list1 li > div {width: 100%; padding:50px 20px;background-color: #ffff;height: auto;} .checkup_02 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .checkup_02 .box_list1 li .txt { padding:10px 50px 0; text-align:left;} .checkup_02 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0; width:100%; border-radius:60px; margin:0 auto; font-size:16px} .checkup_02 .box_list1 li .square { padding-left: 20px;} .checkup_03 .con1 { width: 100%; padding: 33% 0; height: 350px; background: #fff url('/img/sub/s/plastic_0101_bg_m.jpg') 50% 50% no-repeat; background-size: cover;} .checkup_03 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .checkup_03 .con2 { padding: 100px 0; background-color: #f9f9f9;} .checkup_03 .con2 .box_wrap {max-width: 100%;display: block;margin: 0 auto;border-radius: 40px 0 40px 0;padding: 70px 30px; background-color:#fff;} .checkup_03 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_03 .con2 .box_wrap h4 {display: block;background-color: #fff;color: #222;position: relative;font-size: 32px; font-weight:500;margin-left: 0; margin-bottom:10px;} .checkup_03 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_03 .con2 .box_wrap .lt {width: 100%; margin:0 0 0 0;} .checkup_03 .con2 .box_wrap .rt {width: 100%;} .checkup_03 .con2 .box_wrap .rt ul {display: block: ;align-items:center; text-align:center;} .checkup_03 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_03 .con2 .box_wrap .rt li .txt_wrap {margin: 20px 0 0; background-color:#f9f9f9;padding: 7px 10px;transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_03 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_03 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_03 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_03 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_03 .con3 { padding: 100px 0 50px;} .checkup_03 .con3 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .checkup_03 .con3 li .list_con {display: block;} .checkup_03 .con3 li .lt {width: 100%;padding: 0 30px 0 0;} .checkup_03 .con3 li .lt h3 {position: relative;padding-left: 35px;} .checkup_03 .con3 li .lt h3 .num {width: 25px;text-align: left;position: absolute;top: -10px;left: 0;font-family: 'Montserrat';font-size: 32px;/*border-bottom: 1px solid #333;*/} .checkup_03 .con3 li .rt {width: calc(100% - 0px); margin-top:10px} .checkup_03 .con3 li .rt .half {vertical-align: top;width: 100%;display: inline-block; text-align:left !important;} .checkup_03 .con3 li .rt .square {padding-left: 20px;} .checkup_03 .con3 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .checkup_03 .con3 .tly-50 {position: relative; margin:20px 0 10px;} .checkup_04 .con1 { width: 100%; padding: 33% 0; height: 350px; background: #fff url('/img/sub/s/plastic_0101_bg_m.jpg') 50% 50% no-repeat; background-size: cover;} .checkup_04 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .checkup_04 .con2 { padding: 100px 0; background-color: #f9f9f9;} .checkup_04 .con2 .box_wrap {max-width: 100%;display: block;margin: 0 auto;border-radius: 40px 0 40px 0;padding: 70px 30px; background-color:#fff;} .checkup_04 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_04 .con2 .box_wrap h4 {display: block;background-color: #fff;color: #222;position: relative;font-size: 32px; font-weight:500;margin-left: 0; margin-bottom:10px;} .checkup_04 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_04 .con2 .box_wrap .lt {width: 100%; margin:0 0 0 0;} .checkup_04 .con2 .box_wrap .rt {width: 100%;} .checkup_04 .con2 .box_wrap .rt ul {display: block: ;align-items:center; text-align:center;} .checkup_04 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_04 .con2 .box_wrap .rt li .txt_wrap {margin: 20px 0 0; background-color:#f9f9f9;padding: 7px 10px;transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_04 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_04 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_04 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_04 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_04 .con3 { padding: 100px 0;} .checkup_04 .con3 .cont{display: block;} .checkup_04 .con3 .lt {width: 100%;} .checkup_04 .con3 .rt {width: 100%; padding-top:20px;} .checkup_04 .con4 { padding: 100px 0 50px;} .checkup_04 .con4 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .checkup_04 .con4 li .list_con {display: block;} .checkup_04 .con4 li .lt {width: 100%;padding: 0 0 0 0;} .checkup_04 .con4 li .lt h3 {position: relative;padding-left: 35px;} .checkup_04 .con4 li .lt h3 .num {width: 25px;text-align: left;position: absolute;top: -10px;left: 0;font-family: 'Montserrat';font-size: 32px;/*border-bottom: 1px solid #333;*/} .checkup_04 .con4 li .rt {width: calc(100% - 0px); margin-top:10px} .checkup_04 .con4 li .rt .half {vertical-align: top;width: 100%;display: inline-block; text-align:left !important;} .checkup_04 .con4 li .rt .square {padding-left: 20px;} .checkup_04 .con4 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 15px; margin-left: -18px;} .checkup_04 .con4 .tly-40 {position: relative; margin:20px 0 10px;} .checkup_05 .con1 { width: 100%; padding: 33% 0; height: 350px; background: #fff url('/img/sub/s/plastic_0101_bg_m.jpg') 50% 50% no-repeat; background-size: cover;} .checkup_05 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .checkup_05 .con2 { padding: 100px 0; background-color: #f9f9f9;} .checkup_05 .con2 .box_wrap {max-width: 100%;display: block;margin: 0 auto;border-radius: 40px 0 40px 0;padding: 70px 30px; background-color:#fff;} .checkup_05 .con2 .box_wrap:before{content:''RHEA WOMAN'S CLINIC'; display: block; color: #000; position: absolute; font-size:58px; font-weight:500; font-family: 'Trebuchet MS', sans-serif; top: -65px; right: 0; opacity:.3} .checkup_05 .con2 .box_wrap h4 {display: block;background-color: #fff;color: #222;position: relative;font-size: 32px; font-weight:500;margin-left: 0; margin-bottom:10px;} .checkup_05 .con2 .box_wrap h1 {display: inline-block; font-family: 'Montserrat'; line-height:1.2; font-size:36px; color:#00aeb2;} .checkup_05 .con2 .box_wrap .lt {width: 100%; margin:0 0 0 0;} .checkup_05 .con2 .box_wrap .rt {width: 100%;} .checkup_05 .con2 .box_wrap .rt ul {display: block: ;align-items:center; text-align:center;} .checkup_05 .con2 .box_wrap .rt li {display: block; width:100%; text-align:left; } .checkup_05 .con2 .box_wrap .rt li .txt_wrap {margin: 20px 0 0; background-color:#f9f9f9;padding: 7px 10px;transition: .25s; border-bottom:3px solid #f9f9f9;} .checkup_05 .con2 .box_wrap .rt li .txt_wrap p {display: inline-block; padding-left: 5px;} .checkup_05 .con2 .box_wrap .rt li .txt_wrap p img{ width:75%;} .checkup_05 .con2 .box_wrap .rt li a {transition: .25s;} .checkup_05 .con2 .box_wrap .rt li .txt_wrap:hover {color:#00aeb2; border-bottom:3px solid #00aeb2;} .checkup_05 .con3 { padding: 100px 0;} .checkup_05 .con3 .cont{display: block;} .checkup_05 .con3 .lt {width: 100%;} .checkup_05 .con3 .rt {width: 100%; padding-top:20px;} .checkup_05 .con4 { padding: 100px 0;} .checkup_05 .con4 ul {display: block; flex-wrap:wrap; justify-content:space-between;text-align: center;margin: 0 0;} .checkup_05 .con4 .green_list { } .checkup_05 .con4 .green_list li {width: calc(100% - 0px);margin: 0 0 20px;padding: 30px 20px; border:1px solid #ddd; background-color:#fff;} .checkup_05 .con4 .green_list li .icon { padding-bottom:30px;} .checkup_05 .con4 .round_title {background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 15px 30px; font-size: 14px; width: 100%; text-align: left; overflow: hidden; border-radius: 60px; word-break: keep-all;} .checkup_05 .con5 { padding: 100px 0 50px;} .checkup_05 .con5 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .checkup_05 .con5 li .list_con {display: block;} .checkup_05 .con5 li .lt {width: 100%;padding: 0 0 0 0;} .checkup_05 .con5 li .lt h3 {position: relative;padding-left: 35px;} .checkup_05 .con5 li .lt h3 .num {width: 25px;text-align: left;position: absolute;top: -10px;left: 0;font-family: 'Montserrat';font-size: 32px;/*border-bottom: 1px solid #333;*/} .checkup_05 .con5 li .rt {width: calc(100% - 0px); margin-top:10px} .checkup_05 .con5 li .rt .half {vertical-align: top;width: 100%;display: inline-block; text-align:left !important;} .checkup_05 .con5 li .rt .square {padding-left: 20px;} .checkup_05 .con5 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .checkup_05 .con5 .tly-40 {position: relative; margin:20px 0 10px;} .incon_01 .con1 {padding: 100px 0;} .incon_01 .con2 {width: 100%; padding: 100px 0; } .incon_01 .hifu_process { margin-left:0;} .incon_01 .hifu_process li { float: left; width: 100%; margin:0 0; padding-bottom:30px; height:100%;} .incon_01 .hifu_process .text01 {font-size: 16px;} .incon_01 .hifu_process .text02 { font-size: 14px; padding-left:30px; padding-right:30px;} .incon_01 .box_list1 li .square {padding-left:50px;padding-right: 20px;} .incon_01 .con2 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .incon_01 .con3 { padding: 100px 0 50px;} .incon_01 .con3 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .incon_01 .con3 li .list_con {display: block;} .incon_01 .con3 li .lt {width: 100%;padding: 0 0 0 0;} .incon_01 .con3 li .lt h3 {position: relative;padding-left: 35px;} .incon_01 .con3 li .lt h3 .num {width: 25px;text-align: left;position: absolute;top: -10px;left: 0;font-family: 'Montserrat';font-size: 32px;/*border-bottom: 1px solid #333;*/} .incon_01 .con3 li .rt {width: calc(100% - 0px); margin-top:10px} .incon_01 .con3 li .rt .half {vertical-align: top;width: 100%;display: inline-block; text-align:left !important;} .incon_01 .con3 li .rt .square {padding-left: 20px;} .incon_01 .con3 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 15px; margin-left: -18px;} .incon_01 .con3 li .round_title { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 10px 30px; font-size: 16px; width: 100%; text-align: center; overflow: hidden; border-radius: 60px; word-break: keep-all;} .incon_01 .box_list1 {display: flex; flex-wrap:wrap;margin: 0 auto;padding: 30px 0 0;} .incon_01 .box_list1 li {width: 100%;margin: 0 0 20px;text-align: center;} .incon_01 .box_list1 li > div {width: 100%; padding:50px 0;background-color: #ffff;height: auto;} .incon_01 .box_list1 li .num {margin-bottom: 10px; /*font-family: 'Montserrat';*/ position: relative; } /*.box_list1 li .num:after {content:''; display: block; width: calc(100% - 140px); height: 1px; background-color: #000; position: absolute; bottom: 0; left: 70px;}*/ .incon_01 .box_list1 li .txt {padding: 10px 30px 0; text-align:left;} .incon_01 .box_list1 li .txt1 { padding:15px 0; text-align:center; background-color:#5fc8c7; color:#fff; border-radius:0;width:85%; margin:0 auto; font-size:16px;} .incon_01 .con4 { padding: 100px 0;} .incon_01 .con4 .btn { width:100%; margin:0 0 20px; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 17% center; font-size: 16px; font-weight: 400; transition: .25s; text-align:left; padding-left:50px; display:inline-block; } .incon_01 .con4 .btn:hover {background-position: right 12% center; padding-left:45px;} .incon_01 .con5 {padding: 100px 0 70px;} .incon_01 .con5 h3:after { content: ''; display: block; width: 55%; height: 2px; background-color: #fff; opacity: .3; position: absolute; bottom: -15px; right: 0;} .incon_01 .box_list { margin: 100px 0 0 40px;} .incon_01 .box_list li p img {width: 65%;} .incon_01 .box_list li h4:before { content: '';display: block; width: 85px; height: 85px;background-color: #999; border-radius: 85px; position: absolute; top: -25px; left: -45px; z-index: -1;} .incon_01 .box_list li { width: calc(50% - 20px); margin: 0 9px 18px; padding: 25px 5px 50px; position: relative;transition: .5s;display: inline-block;vertical-align: top;} .incon_02 .con1 {padding: 100px 0;} .incon_02 .con2 {padding: 100px 0;} .incon_02 .con2 li { display: inline-block; align-items: center; width: 48%; margin-bottom: 50px;vertical-align: top;} .incon_02 .con2 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .incon_02 .con3 {padding: 100px 0;} .incon_02 .con3 .btn { width:100%; margin:0 0 0; height: 65px; line-height:65px; border: 1px solid #151515; border-radius:50px; text-align: left; color: #151515; background-image: url('/img/main/arrow.png'); background-repeat: no-repeat; background-position: right 15% center; font-size: 16px; font-weight: 400; transition: .25s; text-align:left; padding-left:30px; display:inline-block; } .incon_02 .con3 .btn:hover {background-position: right 12% center; padding-left:45px;} .incon_02 .con4 { padding: 100px 0 50px;} .incon_02 .con4 li {padding: 50px 20px; position: relative; border-top:2px solid #151515;} .incon_02 .con4 li .list_con {display: block;} .incon_02 .con4 li .lt {width: 100%;padding: 0 0 0 0;} .incon_02 .con4 li .lt h3 {position: relative;padding-left: 35px;} .incon_02 .con4 li .lt h3 .num {width: 25px;text-align: left;position: absolute;top: -10px;left: 0;font-family: 'Montserrat';font-size: 32px;/*border-bottom: 1px solid #333;*/} .incon_02 .con4 li .rt {width: calc(100% - 0px); margin-top:10px} .incon_02 .con4 li .rt .half {vertical-align: top;width: 100%;display: inline-block; text-align:left !important;} .incon_02 .con4 li .rt .square {padding-left: 20px;} .incon_02 .con4 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .incon_02 .con4 li .round_title { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 10px 30px; font-size: 16px; width: 100%; text-align: center; overflow: hidden; border-radius: 60px; word-break: keep-all;} .incon_03 .con1 {padding: 100px 0;} .incon_03 .con1 li { display: inline-block; align-items: center; width: 48%; margin-bottom: 50px;vertical-align: top;} .incon_03 .con1 .bot_txt { width: 100%; font-size:16px; font-family: 'Montserrat'; color: #999; opacity: .35; position: absolute; bottom: 15px; left: 0; margin-left: 0px; text-align: center; letter-spacing: 6px;} .incon_03 .con2 {padding: 100px 0;} .incon_03 .con3 {padding: 100px 0;} .incon_03 .con4 { padding: 100px 0 50px;} .incon_03 .con4 li {padding: 30px 5px; position: relative; border-top:2px solid #151515;} .incon_03 .con4 li .list_con {display: block;} .incon_03 .con4 li .lt {width: 100%;padding: 0 0 0 0;} .incon_03 .con4 li .lt h3 {position: relative;padding-left: 35px;} .incon_03 .con4 li .lt h3 .num {width: 25px;text-align: left; position: absolute;top: -10px;left: 0;font-family: 'Montserrat';font-size: 32px;/*border-bottom: 1px solid #333;*/} .incon_03 .con4 li .rt {width: calc(100% - 0px); margin-top:10px} .incon_03 .con4 li .rt .half {vertical-align: top;width: 100%;display: inline-block; text-align:left !important;} .incon_03 .con4 li .rt .square {padding-left: 20px;} .incon_03 .con4 li .rt .square:before { content: '';display: block; width: 8px; height: 8px; background-color: #787878; position: relative; top: 17px; margin-left: -18px;} .incon_03 .con4 li .round_title { background-color: #5fc8c7; color: #fff; border: none; margin: 10px 0; font-weight: 400; padding: 10px 30px; font-size: 16px; width: 100%; text-align: center; overflow: hidden; border-radius: 60px; word-break: keep-all;} .incon_03 .con5 {padding: 100px 0;} .incon_03 .con5 .qna_list .q { border-top: 1px solid #f9f9f9; margin-bottom: -1px;border-bottom: 1px solid #f9f9f9; position: relative; padding: 25px 10px 25px; position: relative; color: #fff;} .incon_03 .con5 .qna_list .a { padding: 20px 20px 20px 20px; color: #fff;} .incon_04 .con1 {padding: 100px 0;} .incon_04 .circle_list li > div {width: 80%;height: 0;padding-bottom: 80%;background-color: #f2f2f2;border-radius:50%;position:relative;margin: 0 auto 30px;} .pigment_01 .con1 {padding: 70px 0 0;} .pigment_01 .con1_1 {margin-bottom: 40px;} .pigment_01 .con1_2 {padding: 40px 15px; margin-bottom: 40px;} .pigment_01 .con1_3 .lt .img img {max-width:304px; width: 60%;} .icon_chk_list li {padding-left: 28px; line-height: 21px; background-size:20px auto;} .pigment_01 .con2 {padding: 70px 0;} .pigment_01 .con2 .rt ul {flex-wrap:wrap;} .pigment_01 .con2 .rt li {width: 100%; margin: 0 0 20px;} .pigment_01 .con2 .rt li .txt_wrap {margin: 0 0 0 10px;} .pigment_01 .con3 {padding: 70px 0;} .pigment_01 .con4 .box {padding: 120px 0 70px;} .pigment_01 .con4 .txt {font-size: 44px; letter-spacing: -2px;} .pigment_01 .con4 .circle {width: 180px; height: 180px; margin-left: -90px; padding-top: 100px;} .pigment_01 .con5 {padding: 70px 0 0;} .process_wrap > .w1200 {padding: 70px 15px 10px;} .process_wrap ul li {flex-wrap:wrap;} .process_wrap ul li > div {width: 100%; padding: 0 !important;} .process_wrap ul li .img_wrap .img { background-size:cover; overflow: hidden; border-radius:0 0 50px 0;} .process_wrap ul li .txt_box {padding: 40px 0 !important; text-align: center !important;} .process_wrap ul li .txt_box h4 {padding-left: 15px;} .process_wrap ul li .txt_box h4:after {width: 2px; height:40px; bottom: auto; top: -60px; left: 50%; margin-left: -1px;} .process_wrap ul li:nth-child(even) .txt_box h4:after {right: auto; left: 50%;} .tour_con {padding: 50px 0 0;} .tour_con .txt {font-size: 34px; bottom: -15px; letter-spacing: -2px;} .ezen_tv_wrap {padding: 70px 0;} .promotion_banner {margin-bottom: 70px;} .promotion_banner a {padding: 50px 15px;} .promotion_banner p {margin-bottom: 7px !important;} .promotion_banner h3 {line-height: 1;} .laser_wrap {padding: 70px 0;} } @media all and (max-width:486px){ .pigment_01 .con1_1 .lt li {width:calc(50% - 10px); margin: 0 5px;} .pigment_01 .con2 .rt li .icon img {width: 60px;} .pigment_01 .con4 .txt {font-size: 28px; padding-top: 33px;} .pigment_01 .con4 .circle {width: 120px; height: 120px; margin-left: -60px; padding-top: 60px;} .pigment_01 .num_list > li:nth-child(2) .lt .txt_box p {font-size: 12px;} .process_wrap ul li .img_wrap {height: auto;} .process_wrap ul li .img_wrap .img { height: 0; padding-bottom: 72.91%;} .tour_con .tour_tab {margin: 0 -5px 20px;} .tour_con .tour_tab li {width: calc(33.33% - 10px); margin: 0 5px 5px;} /* .tour_con .tour_tab li.active:after {width: calc(100% - 6px); height: calc(100% - 6px); border-width: 3px;} */ .tour_con .tour_tab li.slick-current:after {width: calc(100% - 6px); height: calc(100% - 6px); border-width: 3px;} .tour_con .txt {font-size: 28px; } .promotion_banner h3 {font-size: 44px;} .laser_wrap .lt a {height: 50px; line-height: 50px; margin-top: 30px;} .laser_wrap .laser_list:after {bottom: 57px;} .hifu_process li { float: left; width: 100%; margin-left: 0; padding-bottom: 50px;} .hifu_process .text01 { font-size: 16px;} .hifu_process .text02 { font-size: 14px; padding-left:20px; padding-right:20px;} .hifu_01 .con2 { width: 100%; height: 880px; padding: 100px 0; background-image: url(/img/sub/h/hifu_0102_bg.jpg); background-size: cover; background-position: 50% 50%; background-attachment: fixed;} .hifu_03 .hifu_process { margin-left:0;} } @media all and (max-width:360px){ .surgery_01 .con2 .box_wrap h1:after { content: ''; display: block; width: 1px; height: 35px; background-color: #151515; position: absolute; top: 0; margin-top: 200px; left: 50%;} }