﻿/* main_visual */
.main_visual_wrap{ width:100%;z-index:1;height:100%;}
.main_visual_wrap .main_visual_area{width:100%;height:100%;position:relative;}
.main_visual_wrap .main_visual_inner{width:100%;position:relative;}
.main_visual_wrap .slick-slide{position:relative;}
.main_visual_wrap .slick-slide img{width:100%;}
.main_visual_wrap .slick-list{height:100%;}
.main_visual_wrap .slick-list .slick-track{height:100%;z-index:10;}
.main_visual_wrap .mv_txt{position:absolute;top:4rem;width:100%;height:auto;text-align:left;display:block;line-height:3.25rem;padding:0 1.5rem;box-sizing:border-box;}
.main_visual_wrap .mv_txt .mv_title{color:#fff;font-size:2.6rem;font-weight:700;line-height:3.2rem;letter-spacing:-0.05em;}
.main_visual_wrap .mv_txt .mv_title strong{display:block;margin-bottom:0.8rem;font-size:2.3rem;font-weight:700;line-height:3.1rem;letter-spacing:-0.03em;}
.main_visual_wrap .mv_txt .mv_title span{display:block;font-size:1.2rem;line-height:2rem;letter-spacing:-0.03em;}
.main_visual_wrap .mv_txt .more{display:block;margin-top:1rem;width:9rem;height:2.5rem;line-height:2.5rem;font-size:1.1rem;color:#fff;text-align:center;font-weight:700;letter-spacing:0.5px;border:1px solid #fff;}
.main_visual_wrap .slick-dots{position:absolute;bottom:2rem;left:1.5rem;text-align:left;font-size:0;z-index:1;}
.main_visual_wrap .slick-dots li{width:4rem;height:0.15rem;display:inline-block;font-size:1.2rem;margin:0;cursor:pointer;}
.main_visual_wrap .slick-dots li button{display:block;width:100%;height:100%;background-color:#fff;font-size:0;line-height:0;border:none;}
.main_visual_wrap .slick-dots li.slick-active button{background-color:#ffa800;}
.main_visual_wrap .slick-arrow{position:absolute;bottom:3.5rem;width:0.8rem;height:1.3rem;font-size:0;padding:0;border:none;background:no-repeat center;background-size:cover;cursor:pointer;z-index:2;}
.main_visual_wrap .slick-arrow.slick-prev{left:1.5rem;background-image:url('../img/controls_prev.png');}
.main_visual_wrap .slick-arrow.slick-next{left:5.5rem;background-image:url('../img/controls_next.png');}
.main_visual_wrap .main_util{position:absolute;bottom:3.5rem;left:3.5rem;z-index:2;}
.main_visual_wrap .main_util .btn{display:block;text-align:center;width:0.8rem;height:1.2rem;cursor:pointer;}
.main_visual_wrap .main_util .btn.play .stop{display:none;}
.main_visual_wrap .main_util .btn.play .play{display:inline;}
.main_visual_wrap .main_util .btn img{vertical-align:middle;height:100%;}
.main_visual_wrap .main_util .btn .stop{display:inline;}
.main_visual_wrap .main_util .btn .play{display:none;}
.main_visual_wrap .main_count{position:absolute;bottom:3.5rem;left:7rem;color:#fff;font-weight:700;font-size:1.2rem;z-index:2;}
.main_visual_wrap .main_count .num{padding:0 0.3rem;}


.main_visual_wrap .bg_vid{width:100%;height:100%;}
.main_visual_wrap video{width:100%;height:100%;display:block;position:absolute;z-index:20;top:0;left:0;}
.main_visual_wrap img.vid_img{transform:none;width:100%;height:100%;}

/************ main 공통 ************/
.main_title{margin-bottom:3rem;padding:0 1.5rem;text-align:center;}
.main_title span{display:block;font-size:2.3rem;color:#111;font-weight:800;}
.main_title p{margin-top:1rem;font-size:1.3rem;line-height:2rem;color:#111;}
.main_title .more{margin-bottom:-1rem;padding-top:0.5rem;text-align:right;}
.main_title .more a{position:relative;display:inline-block;padding-right:1.8rem;font-size:1.4rem;color:#111;font-weight:700;}
.main_title .more a:after{position:absolute;content:'';display:block;right:0;top:50%;margin-top:-0.5rem;width:1.1rem;height:1.1rem;background:url("../img/main_more_btn.png") no-repeat center;background-size:100% auto;}
.main_guide{padding:0 1.5rem;}

/* 진료과별 의료진 */
.cha_medical_wrap{padding:4rem 0 2.5rem;background:url("../img/medical_team_bg.jpg") no-repeat center;background-size:cover;}
.team_list{margin-top:1rem;font-size:0;}
.team_list .list{display:inline-block;margin-bottom:3.5rem;width:33%;text-align:center;}
.team_list .list a{display:block;width:10rem;margin:0 auto;}
.team_list .list img{width:100%;}
.team_list .list .name{margin-top:1.5rem;font-size:1.4rem;font-weight:800;}
.team_list .slick-dots{text-align:center;}
.team_list .slick-dots li{margin:0 0.4rem;display:inline-block;vertical-align:middle;}
.team_list .slick-dots li button{width:1rem;height:1rem;font-size:0;padding:0;border:none;background-color:#d8d8d8;border-radius:30px;}
.team_list .slick-dots li.slick-active button{width:2rem;background-color:#833d88;}

/* 난임 치료기술 */
.cha_skill_wrap{padding:4.5rem 0 5rem;background:url("../img/cha_skill_bg.jpg") no-repeat center;background-size:cover;}
.cha_skill_wrap .skill_slider{width:100%;}
.cha_skill_wrap .skill_slider .item{width:100%;}
.cha_skill_wrap .skill_slider .item .part_cnt{margin-bottom:2rem;text-align:center;}
.cha_skill_wrap .skill_slider .item .part_cnt .tit{display:block;margin-bottom:1.2rem;font-size:2.3rem;line-height:3rem;color:#111;font-weight:800;}
.cha_skill_wrap .skill_slider .item .part_cnt p{margin-bottom:1rem;font-size:1.3rem;line-height:2rem;color:#111;}
.cha_skill_wrap .skill_slider .item .part_cnt .more{display:block;text-align:center;}
.cha_skill_wrap .skill_slider .item .part_cnt .more a{display:inline-block;padding-right:3.5rem;background:url("../img/skill_text_arrow.png") no-repeat center right;background-size:2.7rem auto;font-size:1.3rem;line-height:3rem;color:#111;font-weight:800;}
.cha_skill_wrap .skill_slider .item .img_cnt{padding:0 5rem;}
.cha_skill_wrap .skill_slider .item .img_cnt .img{border-top-left-radius:4rem;border-bottom-right-radius:4rem;overflow:hidden;}
.cha_skill_wrap .skill_slider .slick-arrow{position:absolute;top:50%;margin-top:5rem;width:3rem;height:3rem;border:0;font-size:0;line-height:0;cursor:pointer;background:no-repeat center center;background-size:100% auto;z-index:2;}
.cha_skill_wrap .skill_slider .slick-arrow.slick-prev{left:0;background-image:url("../img/skill_prev_off.png");}
.cha_skill_wrap .skill_slider .slick-arrow.slick-next{right:0;background-image:url("../img/skill_next_off.png");}




/* CHA NEWS */
.cha_news_wrap{padding:4rem 0;background-color:#fff;}
.cha_news_wrap .sns_wrap{width:100%;}
.cha_news_wrap .sns_wrap:after{clear:both;content:'';display:block;}
.cha_news_wrap .sns_wrap > div{float:left;margin-bottom:1.5rem;width:calc(50% - 0.5rem);height:20rem;border-radius:1rem;overflow:hidden;background-color:#fff;
  box-shadow:2px 4px 10px rgba(205,148,148,0.2);
  -webkit-box-shadow:2px 4px 10px rgba(205,148,148,0.2);
  -moz-box-shadow:2px 4px 10px rgba(205,148,148,0.2);
}
.cha_news_wrap .sns_wrap > div:nth-child(2n){margin-left:1rem;}
.cha_news_wrap .sns_wrap a{display:block;width:100%;height:100%;}
.cha_news_wrap .sns_wrap > div .img_wrap{width:100%;height:12rem;overflow:hidden;}
.cha_news_wrap .sns_wrap > div .img_wrap img{width:100%;height:100%;}
.cha_news_wrap .sns_wrap .txt{display:block;width:100%;height:7.5rem;padding:1.2rem 1.5rem;box-sizing:border-box;}
.cha_news_wrap .sns_wrap .txt .subtit{display:block;margin-bottom:0.5rem;height:1.5rem;font-size:0;background:no-repeat center left;background-size:auto 100%;}
.cha_news_wrap .sns_wrap .blog .subtit{background-image:url("../img/icon_s4_blog.png");}
.cha_news_wrap .sns_wrap .youtube .subtit{background-image:url("../img/icon_s4_youtube.png");}
.cha_news_wrap .sns_wrap .news .subtit{background-image:url("../img/icon_s4_news.png");}
.cha_news_wrap .sns_wrap .txt .text{font-size:1.3rem;line-height:1.8rem;font-weight:700;color:#151515;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}



/* 병원소식 */
.cha_notice_wrap{padding-bottom:3rem;background-color:#fff;}
.cha_notice_wrap .hospital_news{border:solid #111;border-width:2px 0;}
.cha_notice_wrap .hospital_news .list{border-top:1px solid #111;}
.cha_notice_wrap .hospital_news .list:first-child{border-top:none;}
.cha_notice_wrap .hospital_news .list a{position:relative;display:block;padding-right:6.5rem;font-size:0;}
.cha_notice_wrap .hospital_news .list .icon{display:inline-block;width:5rem;vertical-align:middle;}
.cha_notice_wrap .hospital_news .list .icon img{display:block;max-width:2.5rem;margin:0 auto;}
.cha_notice_wrap .hospital_news .list .info{padding:1.8rem 0;}
.cha_notice_wrap .hospital_news .list .info p{width:calc(100% - 5rem);display:inline-block;font-size:1.4rem;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.cha_notice_wrap .hospital_news .list .info p .new{display:inline-block;width:1.3rem;}
.cha_notice_wrap .hospital_news .list .info p .new img{display:inline-block;vertical-align:top;}
.cha_notice_wrap .hospital_news .list .date{position:absolute;right:0.8rem;top:50%;margin-top:-0.5rem;font-size:1.3rem;color:#111;}
.cha_notice_wrap .hospital_banner{position:relative;margin-top:2rem;}
.cha_notice_wrap .hospital_banner .item{position:relative;width:100%;height:8rem;overflow:hidden;}
.cha_notice_wrap .hospital_banner .item a{display:block;width:100%;height:100%;}
.cha_notice_wrap .hospital_banner .item a img{display:block;width:100%;height:100%;}
.cha_notice_wrap .hospital_banner .slick-dots{position:absolute;bottom:0.8rem;right:1rem;font-size:0;}
.cha_notice_wrap .hospital_banner .slick-dots li{margin:0 0.2rem;display:inline-block;vertical-align:middle;}
.cha_notice_wrap .hospital_banner .slick-dots li button{width:0.5rem;height:0.5rem;font-size:0;padding:0;border:none;background-color:#c5b28e;border-radius:1rem;}
.cha_notice_wrap .hospital_banner .slick-dots li.slick-active button{width:1.2rem;background-color:#ffa800;}