/* ************************************ 서브 ************************************ */ .map_adress ul li a{ -webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } /* 합리적인 선택 */ .greet_wrap{} .greet_title h3{font-family: "Cormorant Garamond", serif; font-size: 27px; font-weight: 700; line-height: 1.3;} .greet_title .gpt_01{font-size: 27px; font-weight: 700; line-height: 1.3; margin-top: 10px;} .greet_title .gpt_02{font-size: 16px; line-height: 1.5; margin-top: 10px;} .greet_img_lays{margin-top: 50px;} .greet_img_lays img{width: 100%; border-radius: 20px;} .greet_img_lays ul{display: flex; align-items: center; margin-top: 200px;} .greet_img_lays ul:first-child{margin-top: 0;} .greet_img_lays ul li{width: 50%;} .greet_img_lays ul li:nth-child(2){padding-left: 80px;} .greet_img_lays ul.reverse_lays{flex-direction: row-reverse;} .greet_img_lays ul.reverse_lays li{padding-right: 30px;} .greet_img_lays .gp_01{font-family: "Cormorant Garamond", serif; font-size: 35px; font-weight: 700; line-height: 1.2;} .greet_img_lays .gp_02{font-size: 21px; font-weight: 700; line-height: 1.4; margin-top: 20px; word-break: keep-all;} .greet_img_lays .gp_03{font-size: 15px; line-height: 1.5; margin-top: 10px;} .greet_bottom{padding: 160px 0; background: url("../imgs/sub/s01/s11_bg.jpg") no-repeat center; background-size: cover; text-align: center;} .greet_bottom img{width: 226px;} .greet_bottom p{font-size: 21px; font-weight: 400; line-height: 1.5; margin-top: 30px; color: #fff; word-break: keep-all;} .greet_bottom p.tp_01{margin-top: 60px;} /* 전문 의료진 */ .staff_wrap{width: 100%;} .staff_wrap .swiper-slide{background: #F4F5F8;} .staff_wrap .swiper-button-next, .staff_wrap .swiper-button-prev{width: 24px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; transform: translateY(calc(-50% - 25px));} .staff_wrap .swiper-button-next:after, .staff_wrap .swiper-button-prev:after{content: ''; display: none;} .staff_wrap .swiper-button-prev{background-image: url("../imgs/icon/arrow_black_prev.svg"); left: 3%;} .staff_wrap .swiper-button-next{background-image: url("../imgs/icon/arrow_black_next.svg"); right: 3%;} .staff_wrap .swiper-horizontal>.swiper-scrollbar, .staff_wrap .swiper-scrollbar.swiper-scrollbar-horizontal{bottom: 30px; width: 100%; max-width: 1400px; left: 50%; transform: translateX(-50%);} .staff_wrap .swiper-scrollbar-drag{background: #229DCC;} .staff_box{position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 60px 0 0;} .staff_box img{width: 100%; max-width: 560px;} .staff_box > ul{} .staff_box > ul > li:nth-child(1){padding-bottom: 150px;} .staff_box > ul > li:nth-child(2){position: absolute; top: 60px; right: 0;} .staff_box .staff_text > div{margin-top: 50px;} .staff_box .staff_text > div:first-child{margin-top: 0;} .staff_box .sbp_01{font-size: 45px; font-weight: 800; line-height: 1.2;} .staff_box .sbp_01 span{display: block; color: #229DCC;} .staff_box .sbp_02{font-size: 17px; line-height: 1.4; color: #89A0B1; margin-bottom: 3px;} .staff_box .sbp_03{font-size: 27px; font-weight: 700; line-height: 1.3;} .staff_box .sbp_04{font-size: 21px; font-weight: 700; line-height: 1.4; margin-bottom: 15px;} .staff_box .sb_ul.sb_ul_01{margin-top: 30px;} .staff_box .sb_ul.sb_ul_02{padding-right: 600px;} .staff_box .sb_ul li{display: flex; font-size: 17px; line-height: 1.4; margin-bottom: 6px;} .staff_box .sb_ul li span{display: block;} .staff_box .sb_ul li span:nth-child(1){width: 15px;} .staff_box .sb_ul li span:nth-child(2){width: calc(100% - 15px);} /* 진료안내 */ .treatment_info{display: flex; flex-wrap: wrap;} .treatment_info li{width: 32%; margin-left: 2%; background: #F4F5F8; border-radius: 10px; padding: 30px 20px;} .treatment_info li:nth-child(3n+1){margin-left: 0;} .treatment_info li:nth-child(n+4){margin-top: 20px;} .treatment_info .tfp_01{font-size: 13px; line-height: 1.6; color: #89A0B1; margin-bottom: 25px;} .treatment_info .tfp_02{font-size: 31px; font-weight: 800; line-height: 1.3; margin-bottom: 25px;} .treatment_info .tfp_03{font-size: 13px; line-height: 1.6; color: #89A0B1;} .treatment_info li div{position: relative;} .treatment_info li div:after{content: ''; position: absolute; top: 0; right: 0; display: block; width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-size: contain;} .treatment_info li.info_clock div:after{content: ''; background-image: url("../imgs/icon/info_clock.svg");} .treatment_info li.info_fork div:after{content: ''; background-image: url("../imgs/icon/info_fork.svg");} .treatment_info li.info_calendar div:after{content: ''; background-image: url("../imgs/icon/info_calendar.svg");} .treatment_info li.info_phone div:after{content: ''; background-image: url("../imgs/icon/info_phone.svg");} /* 병원 둘러보기 */ .tour_wrap{width: 100%; background: #9AA4A4; padding: 80px 0 150px;} .tour_wrap .tour_text{font-size: 45px; font-weight: 250; line-height: 1.2; color: #fff; margin-bottom: 50px;} .tour_wrap .tour_text b{display: block;} .tour_wrap img{border-radius: 20px; width: 100%;} .tour_wrap .swiper{position: relative;} .tour_wrap .swiper-pagination{bottom: 0; color: #fff; font-weight: 300; font-size: 15px;} .tour_wrap .swiper-button-next, .tour_wrap .swiper-button-prev{top: 50%; width: 124px; height: 124px; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-repeat: no-repeat; background-position: center; background-size: 28px; margin: 0;} .tour_wrap .swiper-button-next:after, .tour_wrap .swiper-button-prev:after{content: ''; display: none;} .tour_wrap .swiper-button-prev{background-image: url("../imgs/arrow_left.png"); left: 23%; transform: translate(50%, calc(-50% - 20px));} .tour_wrap .swiper-button-next{background-image: url("../imgs/arrow_right.png"); right: 23%; transform: translate(-50%, calc(-50% - 20px));} /* 의료 장비소개 */ .equipment_lays img{width: 100%;} .equipment_lays ul{display: flex; flex-wrap: wrap;} .equipment_lays ul li{width: 32%; margin-left: 2%; border: 1px solid #DFE8EF; border-radius: 20px; overflow: hidden;} .equipment_lays ul li:nth-child(3n+1){margin-left: 0;} .equipment_lays ul li:nth-child(n+4){margin-top: 20px;} .equipment_lays div{padding: 30px; border-top: 1px solid #DFE8EF;} .equipment_lays div .eqp_01{font-size: 19px; font-weight: 700; line-height: 1.4; margin-bottom: 10px;} .equipment_lays div .eqp_02{font-size: 17px; line-height: 1.5;} /* 오시는 길 */ .sub_map_box{width: 100% !important;} .sub_map_box .wrap_map{min-height: 600px;} .sub_map_box .wrap_controllers{display: none;} .map_adress{margin-top: 100px;} .map_adress .madp_01{font-size: 23px; font-weight: 700; word-break: keep-all;} .map_adress .madp_02{font-size: 15px; color: #89A0B1; margin-top: 5px;} .map_adress ul{display: flex; margin-top: 40px;} .map_adress ul li{margin-left: 20px;} .map_adress ul li:first-child{margin-left: 0;} .map_adress ul li a{display: block; width: 240px; height: 50px; line-height: 50px; border-radius: 100px; font-size: 15px; text-align: center;} .map_adress ul li:nth-child(1) a{background: #03C75A; color: #fff;} .map_adress ul li:nth-child(2) a{background: #FFEA3B; color: #030001;} .map_adress ul li:nth-child(1) a:hover{background: #009B45;} .map_adress ul li:nth-child(2) a:hover{background: #FFD83B;} .map_table_wrap{border-top: 2px solid #000;} .map_table_wrap ul{display: flex; border-bottom: 1px solid #ccc;} .map_table_wrap ul li{padding: 30px 10px; word-break: keep-all;} .map_table_wrap ul li:nth-child(1){font-size: 18px; font-weight: 700; line-height: 1.4; width: 200px;} .map_table_wrap ul li:nth-child(2){font-size: 15px; line-height: 1.5; width: calc(100% - 200px);} /* 클리닉 공통 */ .clinic_wrap{width: 100%; padding: 120px 0 140px; background: #F4F5F8;} .clinic_wrap.pain_31{background: url("../imgs/sub/s03/s31_01_bg.jpg") no-repeat center; background-size: cover;} .clinic_wrap.pain_32{background: url("../imgs/sub/s03/s31_02_bg.jpg") no-repeat center; background-size: cover;} .clinic_wrap.pain_33{background: url("../imgs/sub/s03/s31_03_bg.jpg") no-repeat center; background-size: cover;} .clinic_wrap.pain_34{background: url("../imgs/sub/s03/s31_04_bg.jpg") no-repeat center; background-size: cover;} .top_img_text{display: flex; align-items: flex-end; width: 100%; height: 500px; padding: 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover;} .top_img_text.top_s13{background-image: url("../imgs/sub/top_13.jpg");} .top_img_text.top_s15{background-image: url("../imgs/sub/top_15.jpg");} .top_img_text.top_s24{background-image: url("../imgs/sub/top_24.jpg");} .top_img_text.top_s31{background-image: url("../imgs/sub/top_31.jpg");} .top_img_text.top_s32{background-image: url("../imgs/sub/top_32.jpg");} .top_img_text.top_s33{background-image: url("../imgs/sub/top_33.jpg");} .top_img_text.top_s34{background-image: url("../imgs/sub/top_34.jpg");} .top_img_text.top_s41{background-image: url("../imgs/sub/top_41.jpg");} .top_img_text.top_s42{background-image: url("../imgs/sub/top_42.jpg");} .top_img_text.top_s43{background-image: url("../imgs/sub/top_43.jpg");} .top_img_text.top_s44{background-image: url("../imgs/sub/top_44.jpg");} .top_img_text.top_s45{background-image: url("../imgs/sub/top_45.jpg");} .top_img_text img{width: 180px;} .top_img_text p{font-size: 25px; font-weight: 400; line-height: 1.4; margin-top: 15px; color: #fff; word-break: keep-all;} /* 정맥 통증 클리닉 */ .vein_img_wrap{margin-top: 50px;} .vein_img_wrap ul{display: flex;} .vein_img_wrap li{width: 250px; text-align: center;} .vein_img_wrap img{width: 87px;} .vein_img_wrap p{font-size: 15px; margin-top: 20px;} .vein_symptom img{border-radius: 20px; width: 100%;} .vein_symptom .swiper{position: relative;} .vein_symptom .swiper-slide{position: relative;} .vein_symptom .swiper-slide p{position: absolute; bottom: 30px; width: 100%; text-align: center; color: #fff; font-size: 19px;} .vein_symptom .swiper-pagination{bottom: 0; color: #fff; font-weight: 300; font-size: 15px;} .vein_symptom .swiper-button-next, .vein_symptom .swiper-button-prev{width: 24px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; transform: translateY(calc(-50%));} .vein_symptom .swiper-button-next:after, .vein_symptom .swiper-button-prev:after{content: ''; display: none;} .vein_symptom .swiper-button-prev{background-image: url("../imgs/icon/arrow_prev.svg"); left: 3%;} .vein_symptom .swiper-button-next{background-image: url("../imgs/icon/arrow_next.svg"); right: 3%;} .vein_img_lays{display: flex; align-items: center;} .vein_img_lays li:nth-child(1){width: 360px;} .vein_img_lays li:nth-child(2){width: calc(100% - 360px);} .vein_img_lays img{width: 100%;} /* 난치성 통증 클리닉 */ .flex_box_wrap{display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto;} .flex_box_wrap li{width: 32%; margin-left: 2%; padding: 40px 30px; background: #fff; border-radius: 10px;} .flex_box_wrap li:nth-child(3n+1){margin-left: 0;} .flex_box_wrap li:nth-child(n+4){margin-top: 35px;} .sub_symptom li{text-align: center;} .sub_symptom li span{display: inline-block; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center; background-size: cover;} .sub_symptom.symptom_31 li:nth-child(1) span{background-image: url("../imgs/sub/s03/icon_s31_01.svg");} .sub_symptom.symptom_31 li:nth-child(2) span{background-image: url("../imgs/sub/s03/icon_s31_02.svg");} .sub_symptom.symptom_31 li:nth-child(3) span{background-image: url("../imgs/sub/s03/icon_s31_03.svg");} .sub_symptom.symptom_31 li:nth-child(4) span{background-image: url("../imgs/sub/s03/icon_s31_04.svg");} .sub_symptom.symptom_31 li:nth-child(5) span{background-image: url("../imgs/sub/s03/icon_s31_05.svg");} .sub_symptom.symptom_32 li:nth-child(1) span{background-image: url("../imgs/sub/s03/icon_s32_01.svg");} .sub_symptom.symptom_32 li:nth-child(2) span{background-image: url("../imgs/sub/s03/icon_s32_02.svg");} .sub_symptom.symptom_32 li:nth-child(3) span{background-image: url("../imgs/sub/s03/icon_s32_03.svg");} .sub_symptom.symptom_32 li:nth-child(4) span{background-image: url("../imgs/sub/s03/icon_s32_04.svg");} .sub_symptom.symptom_33 li:nth-child(1) span{background-image: url("../imgs/sub/s03/icon_s33_01.svg");} .sub_symptom.symptom_33 li:nth-child(2) span{background-image: url("../imgs/sub/s03/icon_s33_02.svg");} .sub_symptom.symptom_33 li:nth-child(3) span{background-image: url("../imgs/sub/s03/icon_s33_03.svg");} .sub_symptom.symptom_33 li:nth-child(4) span{background-image: url("../imgs/sub/s03/icon_s33_04.svg");} .sub_symptom.symptom_34 li:nth-child(1) span{background-image: url("../imgs/sub/s03/icon_s34_01.svg");} .sub_symptom.symptom_34 li:nth-child(2) span{background-image: url("../imgs/sub/s03/icon_s34_02.svg");} .sub_symptom.symptom_34 li:nth-child(3) span{background-image: url("../imgs/sub/s03/icon_s34_03.svg");} .sub_symptom.symptom_34 li:nth-child(4) span{background-image: url("../imgs/sub/s03/icon_s34_04.svg");} .sub_symptom li p{font-size: 19px; margin-top: 20px;} .pain_wrap b{display: block; font-size: 14px; font-weight: 700; color: #229DCC; margin-bottom: 10px;} .pain_wrap div span{display: block;} .pain_wrap div span:nth-child(1){font-size: 27px; font-weight: 700;} .pain_wrap div span:nth-child(2){font-size: 14px;} .pain_wrap p{font-size: 16px; line-height: 1.5; margin-top: 40px;} /* 비수술 치료 */ .sub_advantages{width: 100%; padding: 120px 0; background: #F4F5F8;} .sub_advantages.advantages_41{background: url("../imgs/sub/s04/s41_bg.jpg") no-repeat center; background-size: cover;} .sub_advantages.advantages_42{background: url("../imgs/sub/s04/s42_bg.jpg") no-repeat center; background-size: cover;} .sub_advantages.advantages_43{background: url("../imgs/sub/s04/s43_bg.jpg") no-repeat center; background-size: cover;} .sub_advantages.advantages_44{background: url("../imgs/sub/s04/s44_bg.jpg") no-repeat center; background-size: cover;} .sub_advantages.advantages_45{background: url("../imgs/sub/s04/s45_bg.jpg") no-repeat center; background-size: cover;} .advantages_wrap{display: flex; flex-wrap: wrap; padding-top: 40px; justify-content: center;} .advantages_wrap li{width: 23.5%; margin-left: 2%;} .advantages_wrap li:nth-last-child(4n+1){margin-left: 0;} .advantages_wrap li:nth-child(n+5){margin-top: 70px;} .advantages_wrap li{text-align: center;} .advantages_wrap li span{display: inline-block; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center; background-size: cover;} .advantages_41 .advantages_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s04/icon_s41_01.svg");} .advantages_41 .advantages_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s04/icon_s41_02.svg");} .advantages_41 .advantages_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s04/icon_s41_03.svg");} .advantages_41 .advantages_wrap li:nth-child(4) span{background-image: url("../imgs/sub/s04/icon_s41_04.svg");} .advantages_42 .advantages_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s04/icon_s42_01.svg");} .advantages_42 .advantages_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s04/icon_s42_02.svg");} .advantages_42 .advantages_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s04/icon_s42_03.svg");} .advantages_42 .advantages_wrap li:nth-child(4) span{background-image: url("../imgs/sub/s04/icon_s42_04.svg");} .advantages_42 .advantages_wrap li:nth-child(5) span{background-image: url("../imgs/sub/s04/icon_s42_05.svg");} .advantages_42 .advantages_wrap li:nth-child(6) span{background-image: url("../imgs/sub/s04/icon_s42_06.svg");} .advantages_42 .advantages_wrap li:nth-child(7) span{background-image: url("../imgs/sub/s04/icon_s42_07.svg");} .advantages_42 .advantages_wrap li:nth-child(8) span{background-image: url("../imgs/sub/s04/icon_s42_08.svg");} .advantages_43 .advantages_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s04/icon_s41_01.svg");} .advantages_43 .advantages_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s04/icon_s43_02.svg");} .advantages_43 .advantages_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s04/icon_s41_03.svg");} .advantages_43 .advantages_wrap li:nth-child(4) span{background-image: url("../imgs/sub/s04/icon_s41_04.svg");} .advantages_44 .advantages_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s04/icon_s41_01.svg");} .advantages_44 .advantages_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s04/icon_s41_02.svg");} .advantages_44 .advantages_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s04/icon_s41_03.svg");} .advantages_44 .advantages_wrap li:nth-child(4) span{background-image: url("../imgs/sub/s04/icon_s41_04.svg");} .advantages_45 .advantages_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s04/icon_s45_01.svg");} .advantages_45 .advantages_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s04/icon_s43_02.svg");} .advantages_45 .advantages_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s04/icon_s45_03.svg");} .advantages_45 .advantages_wrap li:nth-child(4) span{background-image: url("../imgs/sub/s04/icon_s45_04.svg");} .advantages_wrap li p{font-size: 17px; font-weight: 300; line-height: 1.4; margin-top: 15px; color: #fff;} .subject_wrap{display: flex; flex-wrap: wrap;} .subject_wrap li{width: 49%; margin-left: 2%;} .subject_wrap li:nth-child(2n+1){margin-left: 0;} .subject_wrap li:nth-child(n+3){margin-top: 50px;} .subject_wrap img{width: 100%; border-radius: 10px;} .subject_wrap div{padding: 25px;} .subject_wrap b{display: block; font-size: 21px; line-height: 1.3; word-break: keep-all;} .subject_wrap p{font-size: 17px; line-height: 1.5; margin-top: 3px;} /* Gallery */ .gallery_solo {margin-bottom: 30px;} .gallery_solo .swiper{width: 100%; height: 100%;} .gallery_solo img{display: block; width: 100%; height: 100%; object-fit: cover;} .gallery_solo .swiper-button-next:after, .gallery_solo .swiper-button-prev:after{content: ''; display: none;} .gallery_solo .swiper-button-next, .gallery_solo .swiper-button-prev{top: 50%; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-repeat: no-repeat; background-position: center; background-size: 28px; margin: 0;} .gallery_solo .swiper-button-prev{background-image: url("../imgs/arrow_left.png"); left: 3%; transform: translate(0, -50%);} .gallery_solo .swiper-button-next{background-image: url("../imgs/arrow_right.png"); right: 3%; transform: translate(0, -50%);} .gallery_solo .swiper-pagination-bullet-active{background: #fff;} .gallery_solo .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 5px;} .gallery_solo .swiper-horizontal > .swiper-pagination-bullets{bottom: 20px;} .img_tag{display: block; margin-top: 20px; text-align: center; font-size: 16px; line-height: 1.5;} .scroll_arrow{position: absolute; display: block; bottom: 10%; right: 3%; width: 44px; height: 90px; border-radius: 50px; border: 2px solid #fff; padding: 20px 10px; transform: translateX(-50%); z-index: 2; background-color: rgba(0, 0, 0, 0.2);} .scroll_arrow b{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;} .scroll_arrow b span{position: absolute; display: block; width: 14px; height: 44px; left: 50%; margin-left: -7px; top: 50%; margin-top: -22px; background: url("../imgs/scroll_arrow.png") no-repeat center; background-size: 14px; animation:scroll_arrow_start 1.6s -0.8s forwards infinite linear;} @keyframes scroll_arrow_start{ 0%{transform: translate(0, -100px)} 100%{transform: translate(0, 100px)} } @media (max-width: 1420px){ /* 합리적인 선택 */ .greet_img_lays ul li:nth-child(2){padding-left: 30px;} /* 전문 의료진 */ .staff_box{width: 94%;} .staff_box img{max-width: 460px;} .staff_box > ul{height: 1100px;} .staff_box .sb_ul.sb_ul_02{padding-right: 500px;} .staff_wrap .swiper-horizontal>.swiper-scrollbar, .staff_wrap .swiper-scrollbar.swiper-scrollbar-horizontal{width: 94%;} .staff_wrap .swiper-button-next, .staff_wrap .swiper-button-prev{opacity: 0.3;} /* 진료안내 */ .treatment_info li{width: 49%; margin-left: 2%;} .treatment_info li:nth-child(3n+1){margin-left: 2%;} .treatment_info li:nth-child(2n+1){margin-left: 0;} .treatment_info li:nth-child(n+3){margin-top: 20px;} } @media (max-width: 1023px){ /* 전문 의료진 */ .staff_box img{max-width: 360px;} .staff_box > ul{height: 1200px;} .staff_box .sb_ul.sb_ul_02{padding-right: 400px;} /* 의료 장비소개 */ .equipment_lays ul li{width: 49%; margin-left: 2%;} .equipment_lays ul li:nth-child(3n+1){margin-left: 2%;} .equipment_lays ul li:nth-child(2n+1){margin-left: 0;} .equipment_lays ul li:nth-child(n+3){margin-top: 20px;} /* 정맥 통증 클리닉 */ .vein_img_lays{flex-wrap: wrap;} .vein_img_lays li{width: 100% !important;} .vein_img_lays li:nth-child(1){text-align: center; margin-bottom: 20px;} .vein_img_lays img{max-width: 360px;} /* 난치성 통증 클리닉 */ .flex_box_wrap{width: 100%;} .flex_box_wrap li{width: 49%; margin-left: 2%;} .flex_box_wrap li:nth-child(3n+1){margin-left: 2%;} .flex_box_wrap li:nth-child(2n+1){margin-left: 0;} .flex_box_wrap li:nth-child(n+3){margin-top: 25px;} /* 비수술 치료 */ .advantages_wrap{display: flex; flex-wrap: wrap; padding-top: 40px;} .advantages_wrap li{width: 32%; margin-left: 2%;} .advantages_wrap li:nth-last-child(4n+1){margin-left: 2%;} .advantages_wrap li:nth-last-child(3n+1){margin-left: 0;} .advantages_wrap li:nth-child(n+4){margin-top: 70px;} .subject_wrap div{padding: 30px 25px;} .subject_wrap b{font-size: 19px;} .subject_wrap p{font-size: 16px;} .gallery_solo .swiper-button-next, .gallery_solo .swiper-button-prev{display: none;} } @media screen and (max-width: 767px) { /* 합리적인 선택 */ .greet_title h3{font-size: 23px;} .greet_title .gpt_01{font-size: 21px; margin-top: 10px;} .greet_title .gpt_02{font-size: 14px; margin-top: 5px;} .greet_img_lays{margin-top: 40px;} .greet_img_lays img{border-radius: 10px;} .greet_img_lays ul{flex-wrap: wrap; margin-top: 80px;} .greet_img_lays ul li{width: 100%;} .greet_img_lays ul li:nth-child(2){padding-left: 0; margin-top: 20px;} .greet_img_lays ul.reverse_lays li{padding-right: 0;} .greet_img_lays .gp_01{font-size: 27px;} .greet_img_lays .gp_02{font-size: 19px; margin-top: 15px;} .greet_img_lays .gp_03{font-size: 14px; margin-top: 5px;} .greet_bottom{padding: 90px 0;} .greet_bottom img{width: 160px;} .greet_bottom p{font-size: 17px; margin-top: 20px;} .greet_bottom p.tp_01{margin-top: 30px;} /* 전문 의료진 */ .staff_box{padding: 60px 0 0;} .staff_box img{max-width: 100%;} .staff_box > ul{height: 1150px;} .staff_box > ul > li:nth-child(2){position: absolute; top: 580px; left: 0;} .staff_box .staff_text > div{margin-top: 25px;} .staff_box .sbp_01{font-size: 25px; line-height: 1.3;} .staff_box .sbp_02{font-size: 13px; margin-bottom: 0;} .staff_box .sbp_03{font-size: 19px; } .staff_box .sbp_04{font-size: 17px; margin-bottom: 10px;} .staff_box .sb_ul.sb_ul_01{margin-top: 20px;} .staff_box .sb_ul.sb_ul_02{padding-right: 0;} .staff_box .sb_ul li{font-size: 14px; line-height: 1.3; margin-bottom: 3px;} .staff_wrap .swiper-button-next, .staff_wrap .swiper-button-prev{display: none;} /* 진료안내 */ .treatment_info li{width: 100%; margin-left: 0 !important;} .treatment_info li:nth-child(n+2){margin-top: 20px;} /* 병원 둘러보기 */ .tour_wrap{padding: 60px 0 70px;} .tour_wrap .tour_text{font-size: 25px; margin-bottom: 40px;} .tour_wrap img{border-radius: 10px;} .tour_wrap .swiper-pagination{font-size: 13px;} .tour_wrap .swiper-button-next, .tour_wrap .swiper-button-prev{display: none;} /* 의료 장비소개 */ .equipment_lays div{padding: 25px;} .equipment_lays div .eqp_01{font-size: 18px; margin-bottom: 6px;} .equipment_lays div .eqp_02{font-size: 15px;} /* 오시는 길 */ .sub_map_box {height: 300px !important;} .sub_map_box .wrap_map{min-height: 300px;} .map_adress{margin-top: 60px;} .map_adress .madp_01{font-size: 19px;} .map_adress .madp_02{font-size: 14px;} .map_adress ul{flex-wrap: wrap; margin-top: 40px;} .map_adress ul li{margin-left: 0;} .map_adress ul li:nth-child(2){margin-top: 20px;} .map_adress ul li a{ height: 45px; line-height: 45px; font-size: 14px;} .map_table_wrap ul li{padding: 20px 10px;} .map_table_wrap ul li:nth-child(1){font-size: 16px; width: 140px;} .map_table_wrap ul li:nth-child(2){font-size: 14px; width: calc(100% - 140px);} /* 클리닉 공통 */ .clinic_wrap{padding: 90px 0 110px;} .top_img_text{height: 250px; padding: 50px 0; background-position: center right;} .top_img_text img{width: 120px;} .top_img_text p{font-size: 19px; margin-top: 10px;} /* 정맥 통증 클리닉 */ .vein_img_wrap{margin-top: 50px;} .vein_img_wrap ul{justify-content: center;} .vein_img_wrap li{width: 150px;} .vein_img_wrap img{width: 70px;} .vein_img_wrap p{font-size: 14px;} .vein_symptom img{border-radius: 10px;} .vein_symptom .swiper-button-next, .vein_symptom .swiper-button-prev{display: none;} .vein_symptom .swiper-slide p{bottom: 20px; font-size: 17px;} .vein_img_lays li:nth-child(1){width: 260px;} .vein_img_lays li:nth-child(2){width: calc(100% - 260px);} /* 난치성 통증 클리닉 */ .flex_box_wrap li{padding: 30px 20px;} .sub_symptom li span{width: 60px; height: 60px;} .sub_symptom li p{font-size: 17px; margin-top: 20px;} .pain_wrap b{margin-bottom: 7px;} .pain_wrap div span:nth-child(1){font-size: 21px;} .pain_wrap p{margin-top: 25px;} /* 비수술 치료 */ .subject_wrap li{width: 100% !important; margin-left: 0 !important;} .subject_wrap li:nth-child(n+2){margin-top: 30px;} .subject_wrap div{padding: 20px 15px;} .subject_wrap b{font-size: 17px;} .subject_wrap p{font-size: 15px;} } .img_tag{font-size: 13px; margin-top: 10px;} @media screen and (max-width: 600px) { /* 비수술 치료 */ .advantages_wrap{padding-top: 20px;} .advantages_wrap li{width: 49%; margin-left: 2%;} .advantages_wrap li:nth-last-child(3n+1){margin-left: 2%;} .advantages_wrap li:nth-last-child(2n+1){margin-left: 0;} .advantages_wrap li:nth-child(n+3){margin-top: 70px;} .advantages_wrap li span{width: 60px; height: 60px;} .advantages_wrap li p{font-size: 15px; margin-top: 15px;} } @media screen and (max-width: 480px) { /* 의료 장비소개 */ .equipment_lays ul li{width: 100%; margin-left: 0 !important;} .equipment_lays ul li:nth-child(n+2){margin-top: 20px;} .equipment_lays div .eqp_01{font-size: 17px; margin-bottom: 6px;} .equipment_lays div .eqp_02{font-size: 14px;} /* 오시는 길 */ .sub_map_box {height: 250px !important;} .sub_map_box .wrap_map{min-height: 250px;} /* 클리닉 공통 */ .clinic_wrap{padding: 70px 0 90px;} .top_img_text{height: 200px; padding: 30px 0;} .top_img_text br{display: none;} .top_img_text img{width: 120px;} .top_img_text p{font-size: 17px; margin-top: 10px;} /* 정맥 통증 클리닉 */ .vein_img_wrap{margin-top: 40px;} .vein_img_wrap li{width: 100px;} .vein_img_wrap img{width: 60px;} .vein_symptom .swiper-slide p{bottom: 15px; font-size: 15px;} /* 난치성 통증 클리닉 */ .flex_box_wrap li{width: 100% !important; margin-left: 0 !important;} .flex_box_wrap li:nth-child(n+2){margin-top: 30px;} .sub_symptom li p{font-size: 16px;} }