@charset "utf-8";

/* m_tit */
.m_tit {text-align: center;}
.m_tit h3 {font-size: 4rem; text-align: center; color: #212121; letter-spacing: -0.05em;}
.m_tit span {color: #005aab;}
.m_tit p {font-size: 1.7rem; color: #555555; margin-top: 15px; margin-bottom: 55px;}

@media all and (max-width:1280px){
	.m_tit h3{font-size: 3.6rem;}
	.m_tit p{margin-top: 10px; margin-bottom: 40px;}
}
@media all and (max-width:768px){
	.m_tit h3{font-size: 3.2rem;}
	.m_tit p{margin-bottom: 35px;}
}

/* mVisual */
#mVisual{}
#mVisual .mv{background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 870px; position: relative;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg); background-position: right center;}
#mVisual .mv .inner{height: 100%;}
#mVisual .mv .inner .mv_txt{margin-left: 66px; position: absolute; top: 50%; transform: translateY(-50%);}
#mVisual .mv .inner .mv_txt h3{font-family: 'Noto Serif KR', serif; font-size: 4.4rem; color: #212121; font-weight: 500; letter-spacing: -0.05em; line-height: 1.6em;}
#mVisual .mv .inner .mv_txt h3 span{font-size: 1.3635em; color: #005aab; font-weight: 600;}
#mVisual .mv .inner .mv_txt h4{font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: 700; color: #000; opacity: 0.4; margin: 50px 0 20px; letter-spacing: 0.2em;}
#mVisual .mv .inner .mv_txt p{font-size: 2rem; color: #555555;}
#mVisual .slick-dots{transform: translateX(-50%); bottom: 20px;}
#mVisual .slick-dots li{width: 12px; height: 12px; background-color: rgba(0,0,0,0.5);}
#mVisual .slick-dots li.slick-active{background-color: #005aab;}

@media all and (max-width:1280px){
	#mVisual .mv{height: 85vw; min-height: 560px; max-height: 870px;}
	#mVisual .mv .inner .mv_txt{margin-left: 0;}
	#mVisual .mv .inner .mv_txt h3{font-size: 4rem;}
}
@media all and (max-width:768px){
	#mVisual .mv.mv1{background-position: left -560px center !important;}
	#mVisual .mv.mv1::after{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2); left: 0; top: 0;}
	#mVisual .mv .inner .mv_txt{z-index: 2;}
	#mVisual .mv .inner .mv_txt h3{font-size: 3.2rem;}
	#mVisual .mv .inner .mv_txt h3 span{font-size: 1.25em;}
	#mVisual .mv .inner .mv_txt h4{font-size: 1.7rem; margin: 25px 0 15px;}
	#mVisual .mv .inner .mv_txt p{font-size: 1.7rem;}
}
@media all and (max-width:480px){
	#mVisual .mv .inner .mv_txt h3{font-size: 3rem;}
	#mVisual .mv .inner .mv_txt h4{font-size: 1.6rem;}
	#mVisual .mv .inner .mv_txt p{font-size: 1.6rem;}
}


/* sec1 */
.sec1{position: relative; padding: 100px 0;}
.sec1::after{content: ''; position: absolute; bottom: 0; z-index: -1; width: 100%; height: 38vh; background-color: #f5f5f3; display: block;}
.sec1 ul{display: flex; justify-content: space-between;}
.sec1 ul li{position: relative; max-width: calc(33.3333% - 10px);}
.sec1 ul li .img{width: 100%;}
.sec1 ul li .img img{max-width: 100%; filter: grayscale(0.5); transition: .2s;}
.sec1 ul li:hover .img img{filter: grayscale(0);}
.sec1 ul li .txt{position: absolute; text-align: center; width: 100%; bottom: 0; padding: 40px 30px; color: #fff;}
.sec1 ul li .txt h3{font-size: 3.4rem; margin-bottom: 5px;}
.sec1 ul li .txt p{font-size: 1.7rem; word-break: keep-all;}
.sec1 ul li .txt a{font-weight: 600; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; color: #fff; border: 1px solid rgba(255,255,255,0.5); line-height: 34px; display: inline-block; padding: 0 16px; border-radius: 15px; margin-top: 15px;}
.sec1 ul li:hover .txt a{background-color: #005aab; border:1px solid #005aab;}

@media all and (max-width:1600px){
	.sec1::after{height: 20vw;}
}
@media all and (max-width:1280px){
	.sec1{padding: 80px 0 100px;}
	.sec1 ul li .txt{padding: 30px 20px;}
	.sec1 ul li .txt h3{font-size: 2.8rem;}
	.sec1 ul li .txt p{font-size: 1.6rem;}
}
@media all and (max-width:969px){
	.sec1{padding: 80px 0 60px;}
	.sec1 ul{flex-wrap: wrap;}
	.sec1 ul li .txt{padding: 20px;}
	.sec1 ul li .txt h3{font-size: 2.4rem;}
	.sec1 ul li .txt p{font-size: 1.6rem;}
/*	.sec1 ul li:nth-child(1),*/
/*	.sec1 ul li:nth-child(2){max-width: calc(50% - 5px); width:100%;}*/
/*
	.sec1 ul li:nth-child(3),
	.sec1 ul li:nth-child(4),
	.sec1 ul li:nth-child(5){max-width: calc(33.33333% - 7.5px); width: 100%; margin-top: 10px;}
*/
	.sec1 ul li .img img{width: 100%;}
}
@media all and (max-width:768px){
	
	.sec1 ul li{height: auto; overflow: hidden; margin-bottom: 15px;}
	.sec1 ul li{max-width: calc(100%); width:100%;}
}
@media all and (max-width: 640px){
	.sec1::after{height: 0vw;}
/*	.sec1 ul li{height: 50vw;}*/
/*
	.sec1 ul li:nth-child(3),
	.sec1 ul li:nth-child(4){max-width: calc(50% - 5px); width:100%;}
	.sec1 ul li:nth-child(5){max-width: 100%;}
*/
	.sec1 ul li .img img{filter: grayscale(0);}
}
	

/* sec2 */
.sec2{padding: 60px 0 35px;}
.sec2 .inner{display: flex; align-items: flex-end; justify-content: space-between;}
.sec2 .inner .doctor_box{width: calc(50% - 10px); position: relative;}
.sec2 .inner .doctor_box::after{content: ''; background-color: #edf3f9; position: absolute; width: 100%; height: 306px; bottom: 0; display: block; z-index: -1;}
.sec2 .inner .doctor_box::before{content: 'J HOSPITAL'; position: absolute; right: 0; top: 90px; font-family: 'Montserrat', sans-serif; color: #005aab; opacity: 0.2; font-weight: 900; font-size: 3.6rem; letter-spacing: 0.2em;}
.sec2 .inner .doctor_box .doctor{display: flex;}
.sec2 .inner .doctor_box .doctor .img{}
.sec2 .inner .doctor_box .doctor .img img{max-width: 100%;}
.sec2 .inner .doctor_box .doctor .txt{position: absolute; bottom: 35px; right: 170px; width: 270px;}
.sec2 .inner .doctor_box .doctor .txt h4{color: #005aab; font-size: 1.6rem; font-weight: 700;}
.sec2 .inner .doctor_box .doctor .txt .name{font-size: 3.8rem; color: #333333; font-weight: 700;}
.sec2 .inner .doctor_box .doctor .txt .name span{font-size: 2.4rem; font-weight: 500; color: #444444;}
.sec2 .inner .doctor_box .doctor .txt ol{margin-top: 15px;}
.sec2 .inner .doctor_box .doctor .txt ol li{color: #444444; font-size: 1.7rem; margin: 3px 0;}
.sec2 .inner .doctor_box .slick-prev{display: none !important;}
.sec2 .inner .doctor_box .slick-next{border-radius: 0; text-indent: -99999px; box-shadow: 0px 0px; background: none; background: url(/images/main/doctor_next.png) no-repeat; transform: translateY(100%);}

@media all and (max-width:1600px){
	.sec2 .inner .doctor_box .doctor .txt{right: 13%;}
}
@media all and (max-width:1400px){
	.sec2 .inner .doctor_box .doctor .img img{max-width: 80%;}
	.sec2 .inner .doctor_box::before{top: 0;}
	.sec2 .inner .doctor_box .slick-next{transform: translateY(50%);}
}
@media all and (max-width:1280px){
	.sec2 .inner .doctor_box::before{top: -20px; right: 15px; font-size: 3rem;}
	.sec2 .inner .doctor_box .doctor .img img{max-width: 60%;}
	.sec2 .inner .doctor_box .doctor .txt .name{font-size: 3.4rem;}
	.sec2 .inner .doctor_box .doctor .txt .name span{font-size: 2rem;}
	.sec2 .inner .doctor_box .doctor .txt ol{margin-top: 10px;}
	.sec2 .inner .doctor_box .doctor .txt ol li{font-size: 1.6rem; margin: 2px 0;}
	.sec2 .inner .doctor_box .slick-next{transform: translateY(0%); right: -5px;}
	
}
@media all and (max-width:969px){
	.sec2 .inner{flex-wrap: wrap;}
	.sec2 .inner .doctor_box{width: 100%;}
	.sec2 .inner .doctor_box .doctor .img img{max-width: 100%;}
	.sec2 .inner .doctor_box::before{top: 90px;}
	.sec2 .inner .doctor_box .doctor .txt{right: auto; left: 340px;}
	.sec2 .inner .doctor_box .slick-next{transform: translateY(100%);}
}
@media all and (max-width:768px){
	.sec2 .inner .doctor_box .doctor .img img{max-width: 70%;}
	.sec2 .inner .doctor_box .doctor .txt{left: auto; right: 15%; bottom: 40px;}
	.sec2 .inner .doctor_box .slick-next{transform: translateY(0);}
	.sec2 .inner .doctor_box::before{top: 0;}
	.sec2 .inner .doctor_box::after{height: 265px;}
}
@media all and (max-width:640px){
	.sec2{padding-top: 0;}
	.sec2 .inner .doctor_box .doctor{flex-direction: column;}
	.sec2 .inner .doctor_box .doctor .img{opacity: 0.4; margin-left: auto; text-align: right;}
	.sec2 .inner .doctor_box .doctor .img img{max-width: 60%; margin-left: auto;}
	.sec2 .inner .doctor_box .doctor .txt{right: auto; left: 30px; width: 100%;}
	.sec2 .inner .doctor_box::before{display: none;}
	.sec2 .inner .doctor_box .slick-next{transform: translateY(-50%);}
}


.sec2 .notice{background: #005aab; width: calc(30% - 20px); padding: 40px; height: 306px;}
.sec2 .notice .tit{color: #fff; font-size: 2.8rem; font-weight: 700;}
.sec2 .notice ul{margin-top: 20px;}
.sec2 .notice ul li{margin: 10px 0;}
.sec2 .notice ul li a{display: flex; justify-content: space-between; align-items: center; color: #fff;}
.sec2 .notice ul li a .title{display: block; font-size: 1.7rem; font-weight: 500; width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sec2 .notice ul li a .date{display: block; font-size: 1.7rem; width: 85px; text-align: right;}

.sec2 .gallery{width: calc(20% - 10px); background: url(/images/main/sec2_bg3.jpg) no-repeat center center / cover; height: 306px; text-align: center;}
.sec2 .gallery .txt{padding: 40px; display: inline-flex; flex-direction: column; justify-content: space-between; height: 100%; text-align: center; align-items: center;}
.sec2 .gallery .txt .top{color: #fff;}
.sec2 .gallery .txt .top h3{font-size: 2.8rem; font-weight: 700;}
.sec2 .gallery .txt .top p{font-size: 1.7rem; margin-top: 10px;}
.sec2 .gallery .txt a{font-weight: 600; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; color: #fff; border: 1px solid rgba(255,255,255,0.5); line-height: 34px; display: inline-block; padding: 0 15px; border-radius: 15px; margin-top: 15px;}
.sec2 .gallery .txt a:hover{background-color: #fff; color: #212121;}

@media all and (max-width:1280px){
	.sec2 .notice{padding: 40px 30px;}
	.sec2 .notice .tit{font-size: 2.2rem;}
	.sec2 .notice ul li a .title{font-size: 1.6rem;}
	.sec2 .notice ul li a .date{font-size: 1.6rem;}
	.sec2 .gallery .txt{padding: 40px 25px;}
	.sec2 .gallery .txt .top h3{font-size: 2.2rem;}
	.sec2 .gallery .txt .top p{font-size: 1.6rem; word-break: keep-all;}
	.sec2 .gallery .txt .top p br{display: none;}
	
}
@media all and (max-width:969px){
	.sec2 .notice{width: calc(60% - 10px); margin-top: 20px; height: auto;}
	.sec2 .gallery{width: calc(40% - 10px); height: 290px;}
}
@media all and (max-width:640px){
	.sec2 .notice{width: 100%; padding: 30px;}
	.sec2 .gallery{width: 100%; height: auto; margin-top: 20px; padding: 0px;}
}

.sec3{padding: 35px 0 80px;}
.sec3 .inner{}
.sec3 .inner ul{display: flex; justify-content: space-between;}
.sec3 .inner ul li{width:calc(100% / 3 - 13.33333px); text-align: center; border: 1px solid #dedede;}
.sec3 .inner ul li a{width: 100%; height: 100%; display: block; padding: 40px;}
.sec3 .inner ul li a h3{font-size: 2.8rem; color: #000;}
.sec3 .inner ul li a p{font-size: 1.7rem; color: #666666; margin: 15px 0 20px;}
.sec3 .inner ul li a .img{}
.sec3 .inner ul li a .img img{}

@media all and (max-width:1280px){
	.sec3 .inner ul li a h3{font-size: 2.6rem;}
	.sec3 .inner ul li a p{font-size: 1.6rem;}
	.sec3 .inner ul li a{padding: 30px 20px;}
}
@media all and (max-width:768px){
	.sec3{padding-top: 0; padding-bottom: 60px;}
	.sec3 .inner ul{flex-wrap: wrap;}
	.sec3 .inner ul li{width: 100%; margin-top: -1px;}
	.sec3 .inner ul li a{padding: 20px;}
	.sec3 .inner ul li a p{margin: 10px 0 15px;}
	.sec3 .inner ul li a .img img{max-height: 36px;}
}


/* sec4 */
.sec4{position: relative;}
.sec4 .inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9;}
.sec4 .inner .map_info{width: 420px;}
.sec4 .inner .top{ background-color: rgba(0, 90, 171, 0.9); padding: 30px; color: #fff;}
.sec4 .inner .top h3{font-size: 2.8rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 25px; margin-bottom: 20px;}
.sec4 .inner .top ul{}
.sec4 .inner .top ul li{display: flex; align-items: center; margin: 15px 0;}
.sec4 .inner .top ul li .img{width: 94px; text-align: center;}
.sec4 .inner .top ul li .img img{}
.sec4 .inner .top ul li .time{width: 70%;}
.sec4 .inner .top ul li p{font-size: 1.7rem; font-weight: 500; line-height: 1.4em;}
.sec4 .inner .top ul li .tel{font-size: 3.2rem; color: #fae31b; font-weight: 700; font-family: 'Montserrat', sans-serif;}
.sec4 .inner .top ul li dl{display: flex; font-size: 1.7rem; margin-top: 5px;}
.sec4 .inner .top ul li dl dt{font-weight: 500; width: 70px;}
.sec4 .inner .top ul li dl dd{width: calc(100% - 70px);}
.sec4 .inner .bottom{text-align: center; background-color: rgba(0,132,171,0.9); color: #fff; padding: 25px 20px; font-size: 1.7rem; font-weight: 500;}
.location1 .sec4 .inner,
.location1 .sec4 .inner .map_info,
.location1 .sec4 .inner .top{height: 100%;}
.location1 .sec4 .inner .top{display: flex; flex-direction: column; justify-content: center;}

@media all and (max-width:1280px){
	.sec4 .inner .top{padding: 20px;}
	.sec4 .inner .top h3{font-size: 2.5rem; padding-bottom: 20px; margin-bottom: 15px;}
	.sec4 .inner .top ul li .tel{font-size: 2.8rem;}
	.sec4 .inner .bottom{padding: 15px;}
}
@media all and (max-width:640px){
	.sec4 .inner{position: static; width: 100%; transform: translate(0);}
	.sec4 .inner .map_info{width: 100%; position: relative;}
	.root_daum_roughmap .wrap_map{height: 40vw !important; min-height: 380px !important;}
}