@charset "UTF-8";

body.page .site-content {
margin-top: 169px;
}
.bg-sky {
background: #e3fcfd;
}
.bg-pale-yellow {
background: #fbfbea;
}
.header-top-box {
position: relative;
}
.header-top-box .header-top-text {
position: absolute;
bottom: 6%;
left: 9%;
color: #fff;
z-index:10;
padding-left:10px;
border-left: 7px solid #fff;
}
.header-top-box .header-top-text h2 {
font-size:300%;
letter-spacing:-1px;
font-weight:bold;
margin:0.3em 0;
}
.header-top-box .header-top-text p {
margin: 0;
font-size:100%;
}
.header-top-box .header-top-text .fnt-txt {
font-size:250%;
}
.header-top-box .swiper-container-fade {
width: 100%;
height: 747px;
}
.header-top-box .swiper-container-fade .swiper-slide {
background-position: center;
background-size: cover;
}
.header-top-box .swiper-container-fade .swiper-slide.bg-m-1 {
background-image:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg-visual-01.jpg)
}
.header-top-box .swiper-container-fade .swiper-slide.bg-m-2 {
background-image:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg-visual-02.jpg)
}
.header-top-box .swiper-container-fade .swiper-slide.bg-m-3 {
background-image:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg-visual-03.jpg)
}
.cnt-area-title {
margin-bottom: 0;
color:#f272ad;
font-size: 180%;
font-weight: bold;
text-align: center;
}
.cnt-area-title span {
display: inline-block;
border-bottom:4px solid #f272ad;
padding-bottom: 0.5rem;
}
.video-area {
padding:5%;
}
.know-area {
padding:3% 5%;
}
.video-area {
background: #f4f4f4;
margin: 0 auto;
max-width:1200px;
}
.st-area {
padding:3% 4%;
background: #f4f4f4;
}
.video-area .youtubeWrap {
margin-top:5%;
}
.know-area .know-area-text {
display: table;
padding:3% 6%;
text-align: center;
overflow: hidden;
}
.know-area .know-area-text .t1,
.know-area .know-area-text .t2 {
display: table-cell;
width: 49%;
vertical-align: middle;
}
.know-area .know-area-text .t1 {
font-size: 300%;
}
.know-area .know-area-text .t2 {
font-size: 110%;
text-align: left;
}
.know-area .know-area-img {
text-align: center;
}
.know-area .know-area-img .group {
display: inline-block;
}
.know-area .know-area-img .group .imbx {
display: inline-block;
margin:4px;
}
.st-area .st-area-text {
padding:2% 0;
text-align: center;
font-size: 110%;
}
.st-area .st-area-text p {
margin: 0;
font-size: 250%;
font-weight:bold;
}
.st-area-slider {
position: relative;
}
.st-area-slider .st-area-text {
position: absolute;
top : 40%;
left: 0;
z-index:5;
width: 100%;
color: #fff;
}
.st-area-slider .st-area-text h3 {
font-size: 100%;
letter-spacing: 10px;
}
.st-area-slider .swiper-container-st {
margin:0 auto;
overflow: hidden;
width: 86%;
}
.st-area-slider .swiper-button-next {
background:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/btn_arrow_right.png) 0 0 no-repeat;
width: 30px;
height: 48px;
right:10% !important;
}
.st-area-slider .swiper-button-prev {
background:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/btn_arrow_left.png) 0 0 no-repeat;
width: 30px;
height: 48px;
left:10% !important;
}
.st-area .innerTit p {
letter-spacing:-1.4px;
}
.st-area .recovery_con {
padding:3% 7% 0;
}
.st-area .program_con {
padding:0 7%;
}
.recovery_con .recovery_text {
margin:2% 0;
font-size:250%;
text-align: center;
}
.st-area .recovery_con .program_con {
position: relative;
margin: 0 auto;
max-width:960px;
background:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg_fourdays.jpg) 0 0 no-repeat;
background-size: cover;
}
.st-area .recovery_con .program_con ul {
padding: 5% 0;
}
.st-area .recovery_con .program_con ul li {
margin-bottom: 2%;
overflow: hidden;
}
.st-area .recovery_con .program_con ul li .im {
float:left;
width: 16%;
}
.st-area .recovery_con .program_con ul li .txt {
margin: 1% 2%;
float: left;
width: 80%;
text-align: left;
}
.st-area .recovery_con .program_con ul li .txt strong {
display: block;
margin-bottom:1%;
color: #222222;
font-weight: 500;
}
.st-area .recovery_con .program_con ul li .txt p {
margin: 0;
color: #555;
font-size:95%;
}
.st-area .recovery_con .txt_con {
margin-bottom:0;
font-size:100%;
color:#999;
text-align: center;
}
.homecare-area {
background: #fff;
padding: 3% 0;
}
.homecare-area .homecare-area-text {
padding:2% 0;
text-align: center;
font-size: 110%;
}
.homecare-area .homecare-area-text p {
margin: 0;
font-size: 250%;
font-weight:bold;
}
.homecare-area .bar-txt {
position: relative;
margin: 0 auto 5%;
width: 60%;
text-align: center;
border-bottom: 1px solid #000;
}
.homecare-area .bar-txt-sub {
text-align: center;
margin-bottom: 2.3%;
font-size:110%;
}
.homecare-area .bar-txt .sb {
display: inline-block;
position: relative;
top: 15px;
background: #fff;
padding: 0 4%;
font-size: 180%;
line-height:1.2;
}
.homecare-area .program_con .program_list li {
position: relative;
margin-bottom:5%;
overflow: hidden;
}
.homecare-area .program_con .program_list {
margin: 0 auto;
max-width:1120px;
}
.homecare-area .program_con .program_list li:nth-child(2n-1) .txt {
background: #222222;
opacity: .9;
position: absolute;
top: 0;
left: 0;
width:42%;
height: 100%;
padding:9% 3%;
text-align: center;
}
.homecare-area .program_con .program_list li:nth-child(2n) .txt {
background: #222222;
opacity: .9;
position: absolute;
top: 0;
right: 0;
width:42%;
height: 100%;
padding:9% 0;
text-align: center;
}
.homecare-area .program_con .program_list li .txt h4 {
font-weight: normal;
margin-bottom: 10px;
font-size:200%;
}
.homecare-area .program_con .program_list li .txt p {
margin:0;
}
.homecare-area .program_con .program_list li .txt .des {
margin-bottom: 5%;
color:#d3c7be;
font-size:100%;
letter-spacing:-1px;
}
.homecare-area .program_con .program_list li .txt .fn {
font-size:110%;
}
.homecare-area .breast_con {
position: relative;
margin: 0 auto;
max-width:1120px;
background:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg_breast.jpg) center center no-repeat;
background-size:cover;
overflow: hidden;
}
.homecare-area .breast_con .breast_list {
float:right;
margin:3.4% 3% 0 0;
width: 46.4%;
}
.homecare-area .breast_con .breast_list li {
display: table;
padding: 5% 0;
border-top:1px solid #fff;
}
.homecare-area .breast_con .breast_list li:first-child {
border-top:0;
}
.homecare-area .breast_con .breast_list li .typebx,
.homecare-area .breast_con .breast_list li .txtbx {
display: table-cell;
}
.homecare-area .breast_con .breast_list li .typebx {
padding-right:25px;
width: 25%;
font-size:150%;
font-weight:400;
color:#582d33;
}
.homecare-area .breast_con .breast_list li .typebx span {
display: block;
color:#fff;
font-weight:normal;
font-size:75%;
letter-spacing: 5px;
}
.homecare-area .breast_con .breast_list li .txtbx {
font-size:110%;
font-weight:400;
}
.homecare-area .breast_con .breast_sub {
clear:both;
padding-top:5%;
width: 100%;
color:#fff;
font-size:100%;
text-align: center;
}
.lnb-area {
display: none;
}
.respond-padding-bottom-3rem {
padding-bottom: 0 !important;
}
.respond-margin-top-3rem {
margin-top: 0 !important;
} @media screen and (max-width: 1223px) {
.know-area .know-area-text {
display: block;
}
.know-area .know-area-text .t1,
.know-area .know-area-text .t2 {
display: inline;
text-align: center;
margin-bottom: 3%;
}
}
@media screen and (max-width: 1190px) {
.st-area .recovery_slide01 .care_des01,
.st-area .recovery_slide02 .care_des02{
padding-bottom: 5%;
width: 100%;
height: auto;
}
.st-area .recovery_slide01 .care_img01,
.st-area .recovery_slide02 .care_img02{
width: 100%;
text-align: center;
background: #fcf5f1;
}
.st-area .recovery_slide01 .care_txtTit01,
.st-area .recovery_slide02 .care_txtTit02{
margin:5% 0 0 5%;
float:left;
}
.st-area .recovery_slide01 .care_txt01,
.st-area .recovery_slide02 .care_txt02{
float:left;
}
.st-area .homecare_con .program_con ul li:nth-child(2n-1) .txt,
.st-area .homecare_con .program_con ul li:nth-child(2n) .txt {
position: relative;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.header-top-box .header-top-text {
top:5%;
bottom:0;
left:0;
width: 100%;
padding-left:0;
text-align: center;
border-left:0;
}
.header-top-box .header-top-text h2 {
margin: 0;
}
.header-top-box .swiper-container-fade .swiper-slide.bg-m-1 {
background-image:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg-visual-m-01.jpg)
}
.header-top-box .swiper-container-fade .swiper-slide.bg-m-2 {
background-image:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg-visual-m-02.jpg)
}
.header-top-box .swiper-container-fade .swiper-slide.bg-m-3 {
background-image:url(//vn.idhospital.com/wp-content/themes/zeein/assets/img/carepoint/bg-visual-m-03.jpg)
}
}
@media screen and (max-width: 992px) {
.lnb-area { display: none !important; }
body.page .site-content {
margin-top: 40px;
}
}
@media screen and (max-width: 768px) {
.st-area-slider .st-area-text h3 {
letter-spacing:0;
}
.st-area .recovery_con .program_con ul li .im {
width: 100%;
text-align: center;
}
.st-area .recovery_con .program_con ul li .txt {
width: 96%;
text-align: center;
}
.homecare-area .bar-txt {
width: 90%;
margin:0 auto 8%;
}
.homecare-area .bar-txt.two_sh {
margin:0 auto 10%;
}
.homecare-area .bar-txt.two_sh .sb {
top:22px;
}
.homecare-area .bar-txt.two_sh .sb span {
display: block;
top: 8px;
}
.homecare-area .program_con .program_list li:nth-child(2n-1) .txt,
.homecare-area .program_con .program_list li:nth-child(2n) .txt {
position: relative;
width: 100%;
}
.homecare-area .breast_con .breast_list {
float:inherit;
margin: 3.5% 0 0 0;
padding:0 5%;
width:100%;
}
}
@media screen and (max-width: 617px) {
.know-area .know-area-img .group .imbx { width: 46% ; }
}
@media screen and (max-width: 451px) {
.header-top-box .header-top-text .fnt-txt { font-size: 170%; }
.header-top-box .header-top-text h2 { font-size:175%; }
.header-top-box .header-top-text p { font-size:80%; }
.homecare-area .bar-txt span {
top: 21px;
font-size:140%;
}
.homecare-area .bar-txt.b2 span {
top: 12px;
}
.homecare-area .breast_con .breast_list li .typebx span {
letter-spacing: 3px;
}
.homecare-area .breast_con .breast_sub {
padding:5% 5% 0;
}
}