﻿/* 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:5rem;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.8rem;letter-spacing:-0.05em;}
.main_visual_wrap .mv_txt .mv_title span{display:block;margin-bottom:0.8rem;font-size:1.5rem;font-weight:400;letter-spacing:-0.03em;line-height:2rem;}
.main_visual_wrap .mv_txt .more{display:block;margin-top:3rem;width:9rem;height:3rem;line-height:2.8rem;font-size:1.3rem;color:#fff;text-align:center;font-weight:700;letter-spacing:0.5px;border:1px solid #fff;border-radius:30px;}
.main_visual_wrap .slick-dots{position:absolute;bottom:9rem;left:1.5rem;text-align:left;z-index:1;}
.main_visual_wrap .slick-dots li{width:3rem;height:0.15rem;display:inline-block;font-size:1.2rem;margin:0;cursor:pointer;}
.main_visual_wrap .slick-dots li + li{margin-left:0.6rem;}
.main_visual_wrap .slick-dots li button{display:block;width:100%;height:100%;background-color:#fff;font-size:0;line-height:0;border:none;opacity:0.8;}
.main_visual_wrap .slick-dots li.slick-active button{background-color:#ff5d4e;opacity:1;}

.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_visual_wrap .main_notice_area{position:absolute;bottom:-1px;width:100%;height:5rem;background:url("../img/main_notice_bg.png") no-repeat center;background-size:100% 100%;}
.main_visual_wrap .main_notice_area a{display:flex;padding:0 1.6rem;width:100%;height:100%;align-items:center;}
.main_visual_wrap .main_notice_area .cate{position:relative;margin-right:1rem;color:#ff5d4e;font-size:1.3rem;}
.main_visual_wrap .main_notice_area span{flex:auto;display:flex;overflow:hidden;color:#111;font-size:1.4rem;}
.main_visual_wrap .main_notice_area span em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/************ main 공통 ************/
.main_title{margin-bottom:3rem;padding:0 1.5rem;text-align:center;}
.main_title span{display:block;margin-bottom:1.5rem;font-size:2.3rem;color:#111;font-weight:800;}
.main_title p{font-size:1.4rem;color:#ff5d4e;}
.main_guide{padding:0 1.5rem;}

/* 진료과별 의료진 */
.cha_medical_wrap{padding:4rem 0;background:url("../img/medical_team_bg.jpg") no-repeat center;background-size:cover;}
.team_list{font-size:0;}
.team_list .list{display:inline-block;margin-bottom:3.5rem;padding:0 0.7rem;width:50%;text-align:center;vertical-align: top;}
.team_list .list a{display:block;}
.team_list .list .img{position:relative;max-width:9.6rem;margin:0 auto;}
.team_list .list .img:before{position:absolute;left:-0.5rem;top:1rem;z-index:1;width:11rem;height:11rem;background:url("../img/img_circle_g.png") no-repeat center center;overflow:hidden;content:"";clear:both;display:block;background-size:100% auto;transition:all 0.1s ease-in-out;}
.team_list .list .img img{position:relative;width:100%;display:block;z-index:2;}
.team_list .list .intro{margin-top:1.5rem;}
.team_list .list .intro .name{display:block;margin-bottom:0.5rem;font-size:1.4rem;font-weight:800;}
.team_list .list .intro p{font-size:1.2rem;line-height:1.8rem;}
.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:#ff776a;}

/* 난임 치료기술 */
.cha_skill_wrap{padding:4rem 0 1rem;background:url("../img/cha_skill_bg.jpg") no-repeat center;background-size:cover;}
.article_thum{width:100%;}
.article_thum ul{font-size:0;}
.article_thum ul li{display:inline-block;margin-bottom:3rem;width:48%;vertical-align:top;}
.article_thum ul li:nth-child(2n+1){margin-left:4%;}
.article_thum ul li a{position:relative;display: block;width:100%;}
.article_thum ul li .img{border-top-left-radius:3rem;border-bottom-right-radius:3rem;overflow:hidden;}
.article_thum ul li .img img{width:100%;display:block;}
.article_thum ul li .txt{padding-top:1.2rem;}
.article_thum ul li .txt p{font-size:1.5rem;line-height:1.8rem;color:#111;font-weight:700;text-align:center;}
.article_thum ul li.w100{width:100%;margin-left:0;}
.article_thum ul li.w100 .txt{position:absolute;bottom:0;left:0;padding:1.3rem 1rem;min-width:16.5rem;box-sizing:border-box;background-color:#fff;}




/* CHA NEWS */
.cha_news_wrap{padding:4.5rem 0 6rem;background-color:#fffaee;}
.cha_news_wrap .news_guide{padding-left:1.5rem;}
.cha_news_slider{overflow:hidden;padding-bottom:4rem;}
.cha_news_slider .box{float:left;padding:0 1.5rem 3rem 0;width:50%;}
.cha_news_slider .box a{display:block;box-shadow:4px 4px 10px rgb(0 0 0 / 15%);}
.cha_news_slider .box .thum{width:100%;height:100%;max-height:11rem;overflow:hidden;}
.cha_news_slider .box .thum img{width:100%;}
.cha_news_slider .box .roundbox{position:relative;padding:1.6rem 1rem;height:7rem;box-sizing:border-box;background-color:#fff;}
.cha_news_slider .box .roundbox .text{font-size:1.4rem;line-height:2.1rem;color:#111;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.cha_news_slider .box .roundbox:before{position:absolute;left:1rem;top:-1rem;width:3.5rem;height:1.8rem;background:no-repeat center;background-size:100% auto;content:"";clear:both;display:block;}
.cha_news_slider .box.blog .roundbox:before{background-image:url("../img/icon_s4_blog.png");}
.cha_news_slider .box.ytb .roundbox:before{background-image:url("../img/icon_s4_ytb.png");}

.cha_news_slider .slick-dots{text-align:center;}
.cha_news_slider .slick-dots li{display:inline-block;margin:0 0.3rem;vertical-align:middle;}
.cha_news_slider .slick-dots li button{display:block;width:1rem;height:1rem;padding:0;border-radius:50%;background-color:#929292;border:none;font-size:0;cursor:pointer;}
.cha_news_slider .slick-dots li.slick-active button{width:2.5rem;border-radius:6px;background-color:#ff776a;}


/* 병원소식 */
.m_board_wrap{position:relative;margin-bottom:2rem;padding:2rem 1.5rem;border:1px solid #ffd7a2;background-color:#fffde1;}
.m_board_wrap .bd_tit{display:inline-block;margin-bottom:1.5rem;font-size:1.6rem;color:#111;font-weight:800;}
.m_board_wrap .bd_btn{position:absolute;right:1rem;top:1.5rem;}
.m_board_wrap .bd_btn a{position:relative;display:block;padding:0 1rem;min-width:6.5rem;height:2.5rem;font-size:1.3rem;line-height:2.5rem;font-weight:700;color:#ff5d4e;border:1px solid #ff5d4e;border-radius:1.5rem;box-sizing:border-box;}
.m_board_wrap .bd_btn a:after{position:absolute;right:0.5rem;top:50%;margin-top:-0.5rem;width:1rem;height:1rem;content:'';display:block;background:url("../img/notice_plus.png") no-repeat center;}
.m_board_wrap .bd_list{}
.m_board_wrap .bd_list .list{}
.m_board_wrap .bd_list .list a{position:relative;display:block;padding-right:6.5rem;font-size:0;}
.m_board_wrap .bd_list .list .icon{display:inline-block;width:5rem;vertical-align:middle;}
.m_board_wrap .bd_list .list .icon img{display:block;max-width:2.5rem;margin:0 auto;}
.m_board_wrap .bd_list .list .info{padding:0.8rem 0;}
.m_board_wrap .bd_list .list .info p{width:95%;display:inline-block;font-size:1.4rem;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.m_board_wrap .bd_list .list .info p .new{display:inline-block;width:1.3rem;}
.m_board_wrap .bd_list .list .info p .new img{display:inline-block;vertical-align:top;}
.m_board_wrap .bd_list .list .date{position:absolute;right:0.8rem;top:50%;margin-top:-0.5rem;font-size:1.4rem;color:#111;}



/* 배너 */
.m_banner_wrap{position:relative;}
.m_banner_wrap .ban_slider{margin-top:1.5rem;}
.m_banner_wrap .ban_slider .slick-dots{position:absolute;bottom:2.2rem;left:1.2rem;margin-top:1.5rem;text-align:center;}
.m_banner_wrap .ban_slider .slick-dots li{margin:0 0.3rem;display:inline-block;vertical-align:middle;}
.m_banner_wrap .ban_slider .slick-dots li button{width:1rem;height:1rem;font-size:0;padding:0;border:none;background-color:#333;border-radius:30px;opacity:0.3;}
.m_banner_wrap .ban_slider .slick-dots li.slick-active button{background-color:#ff776a;opacity:1;}
