.mo-block {
display: none;
}
@media screen and (max-width: 991px) {
.pc-block {
display: none;
}
.mo-block {
display: block;
}
} .skin-header {
top: 0;
position: fixed;
width: 100%;
height: 190px;
background: #5F2231;
z-index: 101;
}
.skin-top-section {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
max-width: 1600px;
height: 155px;
}
.skin-top-section .language-btn-box {
position: absolute;
top: 10px;
left: 4px;
display: flex;
gap: 6px;
}
.skin-top-section .language-btn-box a {
display: inline-block;
width: 22px;
height: 22px;
}
.skin-top-section .logo-box {
width: 20%;
}
.skin-top-section .logo-box img {
width: 260px;
height: auto;
margin: 0 auto;
display: block;
}
.skin-top-section .left-btn-box {
display: flex;
width: 40%
}
.skin-top-section .left-btn-box a {
position: relative;
display: block;
width: 142px;
height: 32px;
}
.skin-top-section .left-btn-box a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.skin-top-section .left-btn-box a .hover-img {
display: none;
}
.skin-top-section .left-btn-box a:hover .default-img {
display: none;
}
.skin-top-section .left-btn-box a:hover .hover-img {
display: block;
}
.skin-top-section .right-btn-box {
width: 40%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 10px
}
.skin-top-section .right-btn-box a {
border: 1px solid #fff;
border-radius: 10px;
color: #fff;
padding: 3px 0;
width: 100px;
display: inline-block;
text-align: center;
text-decoration: none;
}
.skin-top-section .right-btn-box .call-button a {
width: 204px;
}
.skin-top-section .right-btn-box .call-button a img {
margin-right: 6px;
}
.skin-nav-section {
height: 35px;
background-color: #fff;
}
.skin-nav-section .flag-wrap {
display: none;
}
.skin-nav-section #skin-menu{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
max-width: 1600px;
height: 35px;
}
.skin-nav-section #skin-menu > li > a{
display: inline-block;
padding: 0 0.3rem;
width: 100%;
height: 35px;
font-size: clamp(10px, 1vw, 15px);
font-weight: 600;
color: #000;
line-height: 35px;
text-decoration: none;
text-shadow: none;
cursor: pointer;
}
.skin-nav-section #skin-menu > li > ul.sub-menu {
display: none;
position: absolute;
padding-top: 35px;
top: 0;
min-width: 100px;
background: #3e3e3e;
z-index: -1;
}
.skin-nav-section #skin-menu > li:hover > ul.sub-menu {
display: block;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu {
margin: 6px;
border: 1px solid #fff;
border-radius: 4px;
background: #5f5f5f;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li {
margin: 8px 0;
text-align: left;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li > a,
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{
display: inline-block;
padding: 0 10px;
width: 100%;
font-size: clamp(10px, 1vw, 14px);
font-weight: 400;
color: #fff;
text-decoration: none;
}
.skin-nav-section #skin-menu > li > a:hover,
.skin-nav-section #skin-menu > li > ul.sub-menu > li > a:hover,
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
color: #ee72aa;
}
.skin-nav-section .nav-menu-expand {
position: relative;
display: none;
background-color: #29040e;
opacity: 0.9;
z-index: -2;
}
.skin-nav-section .nav-menu-expand.active {
display: block;
}
.skin-nav-section .nav-menu-expand #skin-expand-menu {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1vw;
margin: 0 auto;
padding: 1.3rem 0;
max-width: 1590px;
}
.skin-nav-section .nav-menu-expand #skin-expand-menu > li > a {
display: inline-block;
width: 100%;
font-size: clamp(10px, 1vw, 14px);
font-weight: 600;
color: #fff;
padding-bottom: 3px;
border-bottom: 1px solid #8b5b67;
}
.skin-nav-section .nav-menu-expand #skin-expand-menu > li > ul.sub-menu > li > ul.sub-menu {
margin-top: 3px;
padding: 3px;
border: 1px solid #8b5b67;;
border-radius: 4px;
}
.skin-nav-section .nav-menu-expand #skin-expand-menu > li > ul.sub-menu > li > a,
.skin-nav-section .nav-menu-expand #skin-expand-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
font-size: clamp(10px, 1vw, 12px);
font-weight: 400;
color: #fff;
}
@media screen and (max-width: 1630px) {
.skin-top-section,
.skin-nav-section #skin-menu,
.skin-nav-section .nav-menu-expand.active #skin-expand-menu {
width: 98%;
}
}
@media screen and (max-width: 991px) {
.skin-header,
.skin-top-section {
justify-content: center;
height: 60px;
background-color: #5F2231;
}
.skin-nav-section {
width: 100vw;
height: 100vh;
overflow-y: scroll;
display: none;
background-color: #5F2231;
}
.skin-top-section .logo-box {
width: fit-content;
}
.skin-top-section .language-btn-box,
.skin-top-section .left-btn-box,
.skin-top-section .right-btn-box  {
display: none;
}
.skin-nav-section.active {
display: block;
}
.skin-top-section .logo-box img {
width: 160px;
}
.skin-top-section .menu-toggle-button button {
position: absolute;
right: 4px;
top: 50%;
transform: translate(0, -50%);
width: 50px;
height: 24px;
}
.skin-top-section .menu-toggle-button button:hover{border:0;background:none;box-shadow:none;}
.skin-top-section .menu-toggle-button button:focus{border:0;background:none;box-shadow:none;}
.menu-toggle-button .mobile-menu-butto {
position: relative;
width: 30px;
height: 30px;
transition: 0.5s ease-in-out;
}
.menu-toggle-button .hamburger-bar {
position: absolute;
width: 30px;
height: 3px;
background-color: #ff98c5;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.menu-toggle-button .hamburger-bar:nth-child(1) {
top: 0px;
}
.menu-toggle-button .hamburger-bar:nth-child(2),
.menu-toggle-button .hamburger-bar:nth-child(3) {
top: 10px;
}
.menu-toggle-button .hamburger-bar:nth-child(4) {
top: 20px;
}
.menu-toggle-button.active .hamburger-bar:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.menu-toggle-button.active .hamburger-bar:nth-child(2) {
transform: rotate(45deg);
}
.menu-toggle-button.active .hamburger-bar:nth-child(3) {
transform: rotate(-45deg);
}
.menu-toggle-button.active .hamburger-bar:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.skin-top-section .menu-toggle-button button img {
width: auto;
height: 40px;
}
.skin-top-section .menu-toggle-button .mobile-close-button {
display: none;
}
.skin-nav-section .flag-wrap {
display: flex;
gap: 10px;
width: 96%;
margin: 0 auto;
padding: 10px 0;
border-top: 1px solid #8b5b67;
}
.skin-nav-section .flag-wrap a {
width: 30px;
height: 30px;
}
.skin-nav-section #skin-menu {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100vh;
}
.skin-nav-section #skin-menu > li {
position: relative;
width: 100%;
border-top: 1px solid #8b5b67;
}
.skin-nav-section #skin-menu > #menu-item-21292 {
display: none;
}
.skin-nav-section #skin-menu > li a {
font-size: 15px;
color: #fff;
}
.skin-nav-section #skin-menu > li a:hover {
color: #000;
background: #fff;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li:hover {
background: #fff;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li > a {
padding: 0.6rem 1rem;
height: auto;
color: #000;
}
.skin-nav-section #skin-menu > li::after {
color: #ff98c5;
font-weight: bold;
position: absolute;
top: 8px;
right: 1rem;
content: "\50";
font-family: "ElegantIcons";
}
.skin-nav-section #skin-menu > li:hover > ul.sub-menu {
display: none;
}
.skin-nav-section #skin-menu > li > ul.sub-menu {
position: static;
padding-top: 0;
background: #E5CECE;
}
.skin-nav-section #skin-menu > li > ul.sub-menu.active {
display: block;
}
.skin-nav-section #skin-menu > li.active::after {
content: "\4b";
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li,
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu > li {
margin: 0;
padding: 6px 0;
background-color: #E5CECE;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover {
background-color: #fff;
color: #000;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li > a,
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
padding: 0 10px;
font-size: 13px;
color: #000;
}
.skin-nav-section #skin-menu > li > ul.sub-menu > li:hover a,
.skin-nav-section #skin-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover a{
color: #000;
}
} .skin-quick-menu-container {
position: fixed;
bottom: 20%;
right: 10px;
z-index: 100;
}
.skin-quick-menu-wrap {
display: grid;
padding: 0px 6px;
width: 60px;
height: auto;
background: #5F2231;
border-radius: 30px;
}
.skin-quick-menu-wrap .skin-quick-menu {
position: relative;
}
.skin-quick-menu-wrap a {
display: block;
width: 100%;
height: 100%;
padding: 14px 0 10px 0;
border-bottom: 1px dashed #000;
text-decoration: none;
}
.skin-quick-menu-wrap li:last-child a {
border-bottom: none;
}
.skin-quick-menu-wrap a img {
display: block;
margin: 0 auto;
width: 36px;
height: auto;
}
.skin-quick-menu-wrap a .quick-img-box {
position: relative;
width: 48px;
height: 36px;
}
.skin-quick-menu-wrap a img.hover-img {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.skin-quick-menu-wrap .skin-quick-menu p {
margin: 4px 0 0 0;
font-size: 11px;
text-align: center;
color: #fff;
text-decoration: none;
}
.skin-quick-menu .qr-box {
display: none;
position: absolute;
top: -15px;
right: 54px;
width: 120px;
height: 120px;
border: 8px solid #fff;
background: #fff;
}
.skin-quick-menu .qr-box::after {
content: "";
position: absolute;
right: -13px;
margin-top: -57px;
width: 10px;
height: 10px;
display: block;
background-color: white;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.skin-quick-menu:hover .qr-box {
display: block;
}
.skin-quick-menu-container .scroll-top-button {
display: block;
margin: 10px auto;
padding: 0;
width: 30px;
text-align: center;
}
.skin-quick-menu-container .scroll-top-button img {
width: 100%;
height: auto;
}
.mobile-bottom-quick {
display: none;
}
.mobile-bottom-quick a {
text-align: center;
width: 100%;
border-radius: 4px;
height: 40px;
line-height: 40px;
font-weight: 600;
text-decoration: none;
}
.mobile-bottom-quick a:hover {
text-decoration: none;
}
.mobile-bottom-quick a.line {
background-color: #7cc242;
color: #000;
}
.mobile-bottom-quick a.whatsapp {
background-color: #0bb61b;
color: #000;
}
.mobile-bottom-quick a.kakao {
background-color: #ffd112;
color: #000;
}
@media screen and (max-width: 991px) {
.skin-quick-menu-container {
bottom: 10%;
right: 8px;
}
.skin-quick-menu-wrap {
padding: 0;
background: unset;
width: 40px;
}
.skin-quick-menu-wrap a {
padding: 4px 0;
border-bottom: none;
}
.skin-quick-menu-wrap a .quick-img-box {
width: 46px;
height: 46px;
}
.skin-quick-menu-wrap a img {
width: 100%;
}
.skin-quick-menu-container .scroll-top-button {
width: 44px;
height: 44px;
margin: 0;
padding: 6px 0 0 0;
}
.mobile-bottom-quick {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
bottom: 0;
z-index: 100;
background-color: white;
border-top: 1px solid #f2f2f2;
}
} .skin-main-container {
margin: 0 auto;
width: 1600px;
max-width: 100%;
}
.skin-main-container section .inner {
padding: 60px 16px;
margin: 0 auto;
max-width: 1100px;
}
.skin-main-container .swiper-wrap {
margin-top: 0;
height: auto;
}
.skin-main-container
.main-banner-wrap
.swiper-container
.swiper-wrapper
.swiper-slide {
overflow: hidden;
aspect-ratio: 2.2 / 1;
display: grid;
justify-content: center;
}
.skin-main-container
.main-banner-wrap
.swiper-container
.swiper-wrapper
.swiper-slide
img {
height: 100%;
width: auto;
}
.skin-main-container .swiper-slide .text-box {
position: absolute;
}
.skin-main-container .swiper-slide .banner01.text-left {
top: 50%;
left: 8vw;
transform: translate(0, -50%);
}
.skin-main-container .swiper-slide .banner01.text-left p {
margin: 0 0 10px 0;
font-size: clamp(14px, 1.6vw, 28px);
color: #000;
font-weight: 400;
}
.skin-main-container .swiper-slide .banner01.text-left h3,
.skin-main-container .swiper-slide .banner01.text-right h3 {
font-size: clamp(14px, 2.6vw, 44px);
color: #000;
}
.skin-main-container .swiper-slide .banner01.text-right {
right: 18vw;
top: 50%;
transform: translate(0, -20%);
}
.skin-main-container .swiper-slide .banner01.text-right .ulthun_btn {
font-size: clamp(12px, 1.6vw, 28px);
font-weight: 600;
color: #363636;
display: inline-block;
border: 3px solid #be0e6a;
border-radius: 30px;
padding: 6px 30px;
}
.skin-main-container .swiper-slide .banner02 {
left: 8vw;
transform: translate(0, -50%);
}
.skin-main-container .swiper-slide .banner02.text-top {
top: 32%;
}
.skin-main-container .swiper-slide .banner02.text-bottom {
top: 70%;
}
.skin-main-container .swiper-slide .banner02 .txt01 {
font-size: clamp(12px, 3vw, 40px);
color: #fff;
display: inline-block;
background: #ac173c;
line-height: 1;
padding: 10px 16px;
margin-bottom: 30px;
font-weight: bold;
}
.skin-main-container .swiper-slide .banner02.text-top h3 {
font-size: clamp(16px, 5vw, 70px);
color: #000;
line-height: 1.15;
font-weight: bold;
}
.skin-main-container .swiper-slide .banner02.text-bottom h4 {
font-size: clamp(16px, 2.6vw, 38px);
color: #191b18;
margin: 25px 0 35px;
line-height: 1.3;
font-weight: 500;
letter-spacing: -1px;
}
.skin-main-container .swiper-slide .banner02.text-top h3 span,
.skin-main-container .swiper-slide .banner02.text-bottom h4 span {
color: #5a5fe0;
font-weight: bold;
}
.skin-main-container .swiper-slide .banner02 .txt02 {
font-size: clamp(16px, 1.6vw, 20px);
color: #222222;
position: relative;
letter-spacing: -1px;
font-weight: 500;
margin-bottom: 10px;
} .skin-main-container section .title-box {
text-align: center;
margin-bottom: 60px;
}
.skin-main-container section .title-box .sub-title {
margin-bottom: 6px;
font-size: clamp(18px, 3vw, 27px);
color: #878787;
}
.skin-main-container section .title-box .sub-title.white {
color: #fff;
}
.skin-main-container section .title-box .title {
font-size: clamp(31px, 6vw, 48px);
color: #1d1d1d;
font-weight: bold;
} .main_premium {
background: #fff;
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1100px;
overflow: hidden;
}
.main_premium .tit {
margin-bottom: 80px;
text-align: center;
}
.main_premium .tit dt {
margin-bottom: 20px;
font-size: 27px;
color: #878787;
}
.main_premium .tit dd {
font-size: 45px;
color: #1d1d1d;
font-weight: bold;
}
.main_premium .main_premium_inner {
position: relative;
margin: 0 auto;
width: 1100px;
overflow: hidden;
}
.main_premium .premium_slide {
position: relative;
height: auto;
max-height: 512px;
}
.main_premium .premium_slide .main_doctor_bg {
background: url(//image.idskin.co.kr/www/main/renewal/main_doctor_bg.jpg)
no-repeat center;
background-size: cover;
position: relative;
box-sizing: border-box;
}
.main_premium .premium_slide .main_doctor_bg .main_doctor_img {
width: 63%;
position: absolute;
bottom: 8%;
left: 34.8%;
}
.main_premium .premium_slide .txbx {
position: absolute;
top: 0;
left: 0;
width: 33.333%;
height: 100%;
background-color: rgba(90, 90, 90, 1);
}
.main_premium .premium_slide .txbx dl {
position: absolute;
bottom: 65px;
left: 48px;
letter-spacing: -1.4px;
line-height: 1.3;
}
.main_premium .premium_slide .txbx dl:before {
content: "";
display: block;
position: absolute;
top: -120%;
left: 1%;
width: 1px;
height: 173px;
background: #fff;
}
.main_premium .premium_slide .txbx dt {
font-size: clamp(20px, 3vw, 30px);
font-weight: bold;
color: #fff;
}
.main_premium .premium_slide .txbx dd {
margin: 30px 10px 0 0;
min-height: 90px;
font-size: clamp(16px, 2vw, 21px);
font-weight: 200;
color: #fff;
}
.main_premium .premium_btns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main_premium .premium_btns li {
width: 33.333%;
}
.main_premium .premium_btns li a {
display: block;
width: 100%;
height: 60px;
line-height: 60px;
font-size: clamp(16px, 2vw, 24px);
color: #fff;
text-align: center;
background: #222;
text-decoration: none;
}
.main_premium .premium_btns li a.on {
background: #735b57;
}
.main_premium .main_premium_control {
position: absolute;
top: 30px;
left: 49px;
text-align: center;
z-index: 3;
overflow: hidden;
}
.main_premium .main_premium_control > li {
float: left;
}
.main_premium .main_premium_control .main_premium_play img {
cursor: pointer;
}
.main_premium .main_premium_control .main_premium_play img.play {
display: none;
}
.skin-main-container .about-wrap {
position: relative;
}
.skin-main-container .about-wrap .background-box img {
width: 100%;
height: auto;
}
.skin-main-container .about-wrap .text-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.skin-main-container .about-wrap .about-desc {
padding: 0 20px;
font-size: clamp(12px, 2.6vw, 20px);
color: #000;
line-height: 1.3;
text-align: center;
}
.skin-main-container .ultera-wrap {
position: relative;
}
.skin-main-container .ultera-wrap .background-box img {
width: 100%;
height: auto;
}
.skin-main-container .ultera-wrap .text-box {
position: absolute;
left: 50%;
transform: translate(0, -50%);
margin-right: 20px;
width: 27%;
max-width: 460px;
}
.skin-main-container .ultera-wrap .text-box.img-text {
top: 30%;
}
.skin-main-container .ultera-wrap .text-box.font-text {
top: 70%;
transform: translate(0, -50%);
}
.skin-main-container .ultera-wrap .text-box .ulthera-desc {
margin: 40px 0;
font-size: 26px;
color: #fff;
line-height: 1.3;
text-align: center;
}
.skin-main-container .ultera-wrap .text-box .ulthera-desc span {
color: #e8e2c4;
font-size: 30px;
}
.skin-main-container .ultera-wrap .text-box img {
width: 100%;
height: auto;
}
.skin-main-container .ultera-wrap .text-box a {
background: url(//eng.idhospital.com/wp-content/themes/zeein/assets/img/skin/main/ulthera/ulthera-button.png)
no-repeat center;
display: block;
width: 144px;
height: 43px;
line-height: 43px;
font-size: 22px;
color: #f1ecce;
text-align: center;
margin: 0 auto;
letter-spacing: -0.5px;
text-decoration: none;
} .main_program_mo {
display: none;
}
.main_program_pc {
position: relative;
margin: 0 auto;
width: 1030px;
}
.main_program_pc .tit {
margin-bottom: 60px;
text-align: center;
letter-spacing: -1.4px;
}
.main_program_pc .tit dt {
font-size: 27px;
color: #878787;
}
.main_program_pc .tit dd {
margin-top: 20px;
font-size: 45px;
font-weight: bold;
color: #1d1d1d;
}
.main_program_pc .main_program_list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main_program_pc .main_program_list li:nth-child(1) {
margin: 0 8px 0 0;
}
.main_program_pc .main_program_list li:nth-child(3) {
margin: 10px 8px 0 0;
}
.main_program_pc .main_program_list li:nth-child(4) {
margin: 10px 8px 0 0;
}
.main_program_pc .main_program_list li:nth-child(5) {
margin: 10px 0 0 0;
}
.main_program_pc .main_program_list li a {
display: block;
position: relative;
}
.main_program_pc .main_program_list li a .bxx {
position: absolute;
bottom: 35px;
left: 24px;
z-index: 1;
}
.main_program_pc .main_program_list li a dl dt,
.main_program_pc .main_program_list li a dl dd {
color: #1d1d1d;
}
.main_program_pc .main_program_list li a dl dt {
font-size: 27px;
font-weight: bold;
}
.main_program_pc .main_program_list li a dl dd {
margin: 20px 0 0 0;
font-size: 19px;
line-height: 1.3;
}
.main_program_pc .main_program_list li a span {
display: inline-block;
margin: 20px 0;
padding: 6px 16px;
font-size: 14px;
color: #fff;
background: #2f2f2f;
}
.main_program_pc .main_program_list li a span.bg_org {
background: #cf9660;
}
.main_program_pc .main_program_list li a dl.color_white dt,
.main_program_pc .main_program_list li a dl.color_white dd {
color: #fff;
}
.main_program_pc .main_program_list li a .bxx_hv {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
visibility: hidden;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
}
.main_program_pc .main_program_list li a .bxx_hv p {
display: inline-block;
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 15px 30px;
border: 1px solid #fff;
font-size: 19px;
color: #fff;
}
.main_program_pc .main_program_list li a:hover .bxx_hv {
display: block;
visibility: visible;
opacity: 1;
animation: fade 1s;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .tab_common_wrap {
display: none;
}
.main_review_inner {
background: #fff;
padding: 100px 0 0 0;
}
.main_review_inner .tit {
margin-bottom: 60px;
text-align: center;
letter-spacing: -1.4px;
}
.main_review_inner.tit dt {
font-size: 27px;
color: #878787;
}
.main_review_inner .tit dd {
margin-top: 20px;
font-size: 45px;
font-weight: bold;
color: #1d1d1d;
}
.main_review_inner {
padding: 100px 0;
background: #eae5e4;
}
.main_review_cnt {
display: flex;
gap: 30px;
padding: 16px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
}
.main_review_cnt > div {
width: 50%;
max-width: 684px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.main_review_cnt > div > p {
margin-bottom: 15px;
font-size: 30px;
color: #635e5c;
font-weight: 300;
text-transform: uppercase;
letter-spacing: -1.5px;
}
.main_review_left {
float: left;
}
.main_review_left::after {
content: "";
display: block;
width: 40px;
height: 40px;
background: #eae5e4;
position: absolute;
bottom: -20px;
right: -20px;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.main_bna_right {
float: right;
}
.main_bna_right::after {
content: "";
display: block;
width: 40px;
height: 40px;
background: #eae5e4;
position: absolute;
bottom: -20px;
right: -20px;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.main_review_cntwrap {
overflow: hidden;
background: #fff;
}
.main_review_img {
float: left;
width: 100%;
height: 351px;
background-size: cover;
}
.main_review_txt {
float: right;
width: 50.1%;
height: 351px;
background-color: #fff;
}
.main_review_txt > dl {
padding: 50px 16px 0 30px;
letter-spacing: -1px;
}
.main_review_txt > dl > dt {
font-size: 20px;
color: #b28352;
margin: 0;
line-height: 1.2;
}
.main_review_txt > dl > dt > strong {
font-size: 30px;
color: #b28352;
display: block;
font-weight: 500;
margin: 0 0 2px 0;
}
.main_review_txt > dl > dd {
margin: 25px 0 0 0;
font-size: 16px;
color: #3e3a39;
line-height: 1.3;
}
.main_bna_swiper .swiper-wrapper {
height: 351px;
}
.main_bna_cnt {
width: 100%;
height: 351px;
position: relative;
background: #dfd7d4;
}
.main_bna_login {
display: inline-block;
text-align: center;
position: absolute;
font-size: 16px;
color: #686868;
top: 125px;
left: 97px;
width: 175px;
line-height: 23px;
}
.main_bna_before {
position: absolute;
top: 0;
left: 0;
}
.main_bna_after {
position: absolute;
top: 0;
right: 0;
}
.main_bna_arrow {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main_bna_logo {
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -84px;
max-width: 170px;
height: auto;
}
.main_review_inner .nav_area {
position: absolute;
top: 18px;
right: 0;
text-align: center;
}
.main_review_inner .nav_area li {
display: inline-block;
vertical-align: top;
text-align: center;
box-sizing: border-box;
border: 1px solid #85716d;
}
.main_review_inner .nav_area li > a {
display: block;
width: 100%;
height: 33px;
position: relative;
}
.main_review_inner .nav_area li:nth-of-type(2) > a > img {
}
.main_review_inner .nav_area li:not(:nth-of-type(2)) {
width: 35px;
height: 35px;
}
.main_review_inner .nav_area li:not(:nth-of-type(2)) > a > img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main_review_prev > a {
background: url(//eng.idhospital.com/wp-content/themes/zeein/assets/img/skin/main/common/slide_prev.jpg) center
no-repeat;
}
.main_review_next > a {
background: url(//eng.idhospital.com/wp-content/themes/zeein/assets/img/skin/main/common/slide_next.jpg) center
no-repeat;
}
.main_bna_prev > a {
background: url(//eng.idhospital.com/wp-content/themes/zeein/assets/img/skin/main/common/slide_prev.jpg) center
no-repeat;
}
.main_bna_next > a {
background: url(//eng.idhospital.com/wp-content/themes/zeein/assets/img/skin/main/common/slide_next.jpg) center
no-repeat;
} .footer-top {
display: flex;
justify-content: center;
background-color: #3c3c3e;
}
.location-left {
position: relative;
}
.location-left .location-text-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
}
.location-left .location-text-box h5 {
font-size: clamp(16px, 2vw, 35px);
color: #fff;
margin: 0 0 10px 0;
font-weight: 300;
letter-spacing: -1.5px;
}
.location-left .location-text-box .phon_number {
margin: 0;
}
.location-left .location-text-box .phon_number a {
font-size: clamp(16px, 2.3vw, 26px);
color: #c2976a;
font-family: "Montserrat";
margin: 0 0 46px 0;
font-weight: 600;
text-decoration: none;
}
.location-left .location-text-box .operating-box {
display: flex;
align-items: flex-start;
margin-top: 8px;
}
.location-left .location-text-box .operating-box ul {
display: flex;
flex-direction: column;
}
.location-left .location-text-box .operating-box p,
.location-left .location-text-box .operating-box ul li {
font-size: clamp(14px, 1.2vw, 18px);
color: #fff;
float: left;
margin: 0 1rem 0 0;
min-width: 160px;
}
.location-left .location-text-box .button-box {
margin-top: 1rem;
gap: 30px;
}
.location-left .location-text-box .button-box ul {
display: flex;
gap: 16px;
}
.location-left .location-text-box .button-box li a {
display: block;
padding: 8px 18px;
width: 100%;
height: 100%;
border: 1px solid #c2976a;
position: relative;
overflow: hidden;
text-decoration: none;
}
.location-left .location-text-box .button-box li a::after {
content: "";
display: block;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #c2976a;
transition: all 0.3s cubic-bezier(0.96, 0.06, 0, 1.05);
}
.location-left .location-text-box .button-box li:hover > a::after {
left: 0;
transition: all 0.3s cubic-bezier(0.96, 0.06, 0, 1.05);
}
.location-left .location-text-box .button-box li a span {
position: relative;
z-index: 1;
color: #c2976a;
width: 100%;
height: 100%;
display: block;
font-size: 16px;
transition: all 0.3s cubic-bezier(0.96, 0.06, 0, 1.05);
}
.location-left .location-text-box .button-box li:hover a span {
color: #fff;
transition: all 0.3s cubic-bezier(0.96, 0.06, 0, 1.05);
}
.location-right img {
height: 100%;
width: auto;
}
.footer-bottom {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 50px;
width: 80%;
margin: 0 auto;
padding: 50px 0;
max-width: 1440px;
}
.footer-bottom img {
width: 100%;
max-width: 160px;
height: auto;
}
.footer-bottom .footer_links {
display: flex;
gap: 10px;
}
.footer-bottom .footer_links li a {
font-size: clamp(14px, 1.2vw, 16px);
color: #222;
font-weight: 600;
}
.footer-bottom .footer_txt {
font-size: clamp(11px, 1.2vw, 16px);
color: #555;
line-height: 1.6;
}
.footer-bottom .footer_txt span {
font-size: clamp(11px, 1.2vw, 16px);
color: #999;
display: block;
} @media screen and (max-width: 991px) { .skin-main-container {
margin-top: 60px;
}
.skin-main-container
.main-banner-wrap
.swiper-container
.swiper-wrapper
.swiper-slide {
aspect-ratio: 1/1.18;
}
.skin-main-container
.main-banner-wrap
.swiper-container
.swiper-wrapper
.swiper-slide
img {
width: 100%;
height: auto;
} .skin-main-container .swiper-slide .banner01.text-left {
top: 20%;
transform: unset;
}
.skin-main-container .swiper-slide .banner01.text-right {
right: unset;
left: 8vw;
top: unset;
bottom: 10%;
transform: unset;
}
.skin-main-container .swiper-slide .banner01.text-left p {
font-size: clamp(12px, 3vw, 24px);
}
.skin-main-container .swiper-slide .banner01.text-left h3,
.skin-main-container .swiper-slide .banner01.text-right h3 {
font-size: clamp(14px, 4.8vw, 48px);
}
.skin-main-container .swiper-slide .banner01.text-right .ulthun_btn {
padding: 6px 4vw;
}
.skin-main-container .swiper-slide .banner02.text-top {
top: 7%;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
width: 100%;
}
.skin-main-container .swiper-slide .banner02 .txt01 {
margin-bottom: 12px;
}
.skin-main-container .swiper-slide .banner02.text-top h3 {
font-size: clamp(16px, 6vw, 70px);
}
.skin-main-container .swiper-slide .banner02.text-bottom {
top: 60%;
left: 40%;
margin-right: 3rem;
}
.skin-main-container .swiper-slide .banner02.text-bottom h4 {
font-size: clamp(14px, 4vw, 32px);
margin: 14px 0px;
padding-bottom: 14px;
border-bottom: 0.28vw solid #444;
}
.skin-main-container .swiper-slide .banner02 .txt02 {
font-size: clamp(12px, 2vw, 20px);
} .skin-main-container section .title-box {
margin-bottom: 30px;
} .skin-main-container .ultera-wrap .text-box.img-text {
top: 20%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 600px;
}
.skin-main-container .ultera-wrap .text-box.font-text {
top: 50%;
transform: translate(0%, -33%);
width: 46%;
}
.skin-main-container .ultera-wrap .text-box .ulthera-desc {
font-size: clamp(16px, 3vw, 26px);
}
.skin-main-container .ultera-wrap .text-box .ulthera-desc span {
font-size: clamp(18px, 3vw, 30px);
}
.skin-main-container .ultera-wrap .text-box a {
background-size: contain;
width: 117px;
} .main_program_pc {
display: none;
}
.main_program_mo {
display: block;
}
.main_program_mo .tit {
text-align: center;
}
.main_program_mo .tit dt {
font-size: 4vw;
color: #878787;
}
.main_program_mo .tit dd {
margin: 3% 0 5%;
font-size: 6vw;
font-weight: bold;
color: #1d1d1d;
line-height: 1.2;
}
.main_program_mo .cnt {
overflow: hidden;
background: #fff;
}
.main_program_mo .cnt .im {
float: left;
width: 40%;
height: auto;
}
.main_program_mo .cnt .txt {
float: left;
padding: 15% 3.5%;
width: 53%;
}
.main_program_mo .cnt .txt dl {
margin-bottom: 5%;
font-size: 6vw;
line-height: 1.3;
letter-spacing: -0.5vw;
}
.main_program_mo .cnt .txt dt {
font-weight: 100;
color: #1d1d1d;
}
.main_program_mo .cnt .txt dd {
font-weight: bold;
color: #1d1d1d;
margin: 0;
}
.main_program_mo .cnt .txt ul {
margin-top: 5%;
}
.main_program_mo .cnt .txt li,
.main_program_mo .cnt .txt p {
line-height: 1.4;
font-size: 2.5vw;
color: #1d1d1d;
}
.main_program_mo .cnt .txt p span {
font-weight: 600;
}
.main_program_mo .cnt .txt a {
display: inline-block;
position: absolute;
bottom: 8%;
width: 8vw;
height: 8vw;
line-height: 8vw;
text-align: center;
font-size: 2vw;
color: #fff;
text-align: center;
border-radius: 50px;
background: #76645b;
}
.main_program_mo .main_prorgam_control {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 5%;
}
.main_program_mo .main_prorgam_control .main_prorgam_play img {
cursor: pointer;
}
.main_program_mo .main_prorgam_control .main_prorgam_play img.play {
display: none;
}
@media screen and (max-width: 600px) {
.main_program_mo .cnt .txt {
padding: 7% 3.5%;
}
.main_program_mo .cnt .txt a {
bottom: 12%;
}
.main_program_mo .main_prorgam_control li img {
width: 30px;
}
}
@media screen and (max-width: 360px) {
.main_program_mo .cnt .txt {
padding: 10% 3.5%;
}
.main_program_mo .cnt .txt a {
bottom: 7%;
width: 10vw;
height: 10vw;
line-height: 10vw;
}
} .main_review_inner {
display: none;
}
.tab_common_wrap {
display: block;
}
.tab_common_wrap .tab_contents {
position: relative;
overflow: hidden;
}
.tab_common_wrap .tab_contents .tit {
margin-bottom: 3.472vw;
font-family: "GmarketSans";
font-size: 5.556vw;
font-weight: 500;
color: #fff;
letter-spacing: -0.1vw;
} .tab_common_wrap .tab_contents .btn_more {
position: absolute;
right: 5%;
top: 10.417vw;
}
.tab_common_wrap .tab_contents .btn_more span {
display: inline-block;
padding: 0 5px;
font-family: "GmarketSans";
font-weight: 500;
font-size: 2.778vw;
color: #f272ad;
letter-spacing: -0.1vw;
}
.tab_common_wrap .tab_contents .btn_more span::after {
content: "";
display: inline-block;
width: 2.778vw;
height: 1.25vw;
margin: 0.3vw 0 0 1.5vw;
background: url(//image.idhospital.com/m/main/renew2020/main_more_arrow.png)
no-repeat 0 0;
background-size: 100% auto;
vertical-align: top;
}
.sub_common_page.swiper-pagination-progressbar {
top: auto;
bottom: 6.944vw;
left: 5%;
right: 5%;
height: 1.1vw;
background-color: rgba(255, 255, 255, 0.7);
z-index: 5;
overflow: hidden;
}
.sub_common_page.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
background-color: #f172ac;
}
.tab_common_wrap .selfie_box {
padding: 8.333vw 5% 13%;
background: #10182f;
}
.tab_common_wrap .selfie_box .txt_selfie {
position: absolute;
left: 50%;
top: 25.833vw;
width: 42.639vw;
border: 0.694vw solid #fff;
background: rgba(255, 255, 255, 0.5);
box-sizing: border-box;
transform: translate(-50%, 0);
z-index: 3;
}
.tab_common_wrap .selfie_box .txt_selfie span {
display: block;
font-family: "GmarketSans";
font-size: 2.778vw;
color: #10182f;
line-height: 7.639vw;
text-align: center;
letter-spacing: 0;
}
.tab_common_wrap .selfie_box .txt_selfie strong {
font-weight: 500;
font-family: "GmarketSans";
color: #10182f;
}
.tab_common_wrap .selfie_box .selfie_list {
overflow: hidden;
}
.tab_common_wrap .selfie_box .selfie_list li {
width: 100%;
}
.tab_common_wrap .selfie_box .selfie_list li img {
float: left;
width: 33.3334%;
}
.tab_common_wrap .bna_box {
position: relative;
padding: 8.333vw 0 13%;
background: #f4f4f4;
}
.tab_common_wrap .bna_box .tit {
padding: 0 5%;
color: #222;
}
.tab_common_wrap .bna_box .caption {
position: absolute;
right: 3%;
top: 2.5vw;
z-index: 3;
}
.tab_common_wrap .bna_box .caption .txt {
display: inline-block;
font-size: 2.778vw;
color: #222;
}
.tab_common_wrap .bna_box .caption .txt_num {
display: inline-block;
font-size: 2.5vw;
color: #999;
letter-spacing: -0.1vw;
}
.tab_common_wrap .bna_box .bna_slider_wrap {
position: relative;
}
.tab_common_wrap .bna_box .bna_slider_wrap::after {
content: "";
display: block;
clear: both;
}
.tab_common_wrap .bna_box .bna_slider_wrap .swiper-slide {
position: relative;
overflow: hidden;
}
.tab_common_wrap .bna_box .bna_slider_wrap .img_box {
overflow: hidden;
}
.tab_common_wrap .bna_box .bna_slider_wrap .img_box > p {
position: relative;
}
.tab_common_wrap .bna_box .bna_slider_wrap .img_box > p img {
width: 100%;
height: 100%;
}
.tab_common_wrap .bna_box .bna_slider_wrap .bna_slider_left {
width: 100%;
}
.tab_common_wrap .bna_box .instruction {
padding: 0 5%;
background: #fff;
font-size: 2.778vw;
color: #999;
line-height: 9.722vw;
text-align: center;
}
.tab_common_wrap .bna_box .instruction span {
overflow: hidden;
display: block;
height: 9.722vw;
text-overflow: ellipsis;
white-space: nowrap;
}
.tab_common_wrap .bna_box .btn {
position: absolute;
top: 39.889vw;
width: 5.556vw;
height: 6.944vw;
background: #f172ac
url(//image.idhospital.com/m/main/renew2020/main_more_arrow_v3.png)
no-repeat center;
background-size: 2.778vw auto;
text-indent: -9999px;
z-index: 3;
cursor: pointer;
}
.tab_common_wrap .bna_box .btn_prev {
left: 0;
transform: scaleX(-1);
}
.tab_common_wrap .bna_box .btn_next {
right: 0;
}
.tab_common_wrap .bna_box .login_dimd {
background: url(//images.idhospital.com/image/m.idhospital/common/bg_bnaDimd.png)
left top no-repeat;
background-size: cover;
width: 50%;
height: 100%;
position: absolute;
text-align: center;
z-index: 5;
}
.tab_common_wrap .bna_box .login_dimd .txt_login {
margin-top: 30%;
font-size: 2vw;
font-weight: 400;
line-height: 1.7em;
color: #fff;
}
.tab_common_wrap .bna_box .login_dimd .txt_login span {
color: #f272ad;
}
.tab_common_wrap .bna_box .login_dimd a {
margin-top: 12px;
} .footer-wrap {
background-color: #3c3c3e;
padding-bottom: 60px;
}
.footer-wrap .location-left img,
.footer-wrap .location-right {
display: none;
}
.footer-wrap .location-left {
width: 100%;
height: fit-content;
padding: 6vw;
}
.location-left .location-text-box {
position: static;
transform: unset;
width: 100%;
}
.location-left .location-text-box .operating-box {
flex-direction: column;
}
.location-left .location-text-box .footer_links {
margin: 10px 0;
padding: 6px 0;
border: 3px solid #fff;
border-radius: 2.778vw;
text-align: center;
}
.location-left .location-text-box .footer_links p,
.location-left .location-text-box .footer_links a {
color: #fff;
font-size: 16px;
margin: 0;
}
.location-left .location-text-box .footer_links a:hover {
text-decoration: none;
}
.location-left .location-text-box .button-box li {
position: relative;
width: 50%;
}
.location-left .location-text-box .button-box li:nth-child(4)::before {
content: "";
position: absolute;
left: 0;
top: 2.5vw;
bottom: 2.5vw;
width: 1px;
background: #999;
}
.location-left .location-text-box .button-box li a {
padding: 10px 0;
font-weight: 500;
border: none;
}
.location-left .location-text-box .button-box li a span {
transition: unset;
color: #fff;
}
.location-left .location-text-box .button-box li a::after {
transition: unset;
background: unset;
}
.location-left .location-text-box .button-box li:hover > a::after {
transition: unset;
}
.location-left .location-text-box .more-box {
position: absolute;
right: 6vw;
top: 6vw;
}
.location-left .location-text-box .more-box a {
display: inline-block;
padding: 0 5px;
font-family: "GmarketSans";
font-weight: 500;
font-size: clamp(14px, 2vw, 24px);
color: #f272ad;
letter-spacing: -0.1vw;
}
.location-left .location-text-box .more-box a::after {
content: "";
display: inline-block;
width: 13px;
height: 10px;
margin-left: 6px;
background: url(//image.idskin.co.kr/m/common/footer/icon_arrow_more.png)
no-repeat 0 0;
background-size: 100% auto;
vertical-align: middle;
}
.footer-bottom {
width: 96%;
padding-top: 0;
justify-content: center;
}
.footer-bottom img {
display: none;
}
.footer-bottom .footer_links {
justify-content: center;
flex-direction: column;
align-items: center;
gap: 2px;
}
.footer-bottom .footer_links li a {
color: #ccc;
}
.footer-bottom .footer_txt {
color: #ccc;
text-align: center;
}
}
@media screen and (max-width: 767px) {
body.admin-bar #content {
margin-top: 14px;
}
.skin-main-container {
margin-top: 0px;
} .main_premium {
padding-top: 63px;
background: unset;
}
.main_premium .premium_slide {
max-height: unset;
}
.main_premium .premium_slide img {
width: 100%;
height: auto;
}
.main_premium .premium_slide .txbx {
width: 96%;
padding: 1rem;
background-color: #2c2c2c;
text-align: center;
margin: 0;
min-height: 128px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.main_premium .premium_slide .txbx,
.main_premium .premium_slide .txbx dl {
position: static;
margin-bottom: 0;
}
.main_premium .premium_slide .txbx dt {
font-size: clamp(20px, 5vw, 30px);
}
.main_premium .premium_slide .txbx dd {
min-height: unset;
font-size: clamp(14px, 2vw, 23px);
margin: 16px 0 0 0;
font-weight: 400;
}
.main_premium .main_premium_control {
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.main_premium .premium_btns {
display: none;
}
}