@charset "utf-8";

#container{height:100% !important;}

#visual{width:100%; height:100vh; position:relative; -webkit-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s;}
#visual .visualScroll{display:inline-block; width:64px; height:34px; background:url("/html/resource/img/main/visual_arrow.png") no-repeat center center/cover; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); -webkit-animation-name:scroll; animation-name:scroll; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index:10;}
#visual .visualBg{width:100%; height:100%; position:relative; overflow:hidden;}
#visual .visualBg video{position:absolute; display:block; width:100%; -o-object-fit:cover; object-fit:cover; height:100%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}


@-webkit-keyframes scroll {
    0% {bottom:50px;}
    100% {bottom:80px;}
	0% {bottom:50px;}
}

@keyframes scroll {
    0% {bottom:50px;}
    100% {bottom:80px;}
	0% {bottom:50px;}
}

.visualNewsticker{width:100%; height:80px; background:#5472b8; overflow:hidden;}
.visualNewsticker .boxSlide{width:100%; height:100%; -webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; position:relative;}
.visualNewsticker .boxSlide .slideItem{display:inline-flex; align-items:center; width:auto; height:80px; font-size:26px; font-weight:500; letter-spacing:0; line-height:1; color:#fff;}

.mainCategorySection{width:100%; height:auto; padding:150px 0 150px 0;}
.mainCategorySection .mainCategory{width:100%; height:auto;}
.mainCategorySection .inRow{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.mainCategorySection .inRow + .inRow{margin-top:190px;}
.mainCategorySection .inRow .topContent{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.mainCategorySection .inRow .topContent .thumbSlideBg{width:100%; height:auto; position:relative; overflow:hidden;}
.mainCategorySection .inRow .topContent .thumbSlideBg .thumbSlideBox{width:100%; height:auto; overflow:hidden; position:relative; z-index:2;}
.mainCategorySection .inRow .topContent .thumbSlideBg .thumbSlide{width:100%; height:auto;}
.mainCategorySection .inRow .topContent .thumbSlideBg .slideItem{width:100%; height:auto; overflow:hidden;}
.mainCategorySection .inRow .topContent .thumbSlideBg .thumbLine{display:none;}
.mainCategorySection .inRow .topContent .categoryMenu{width:100%; height:auto; padding:0 40px; text-align:center;}
.mainCategorySection .inRow .topContent .categoryMenu .title{width:100%; height:auto; font-size:40px; font-weight:500; letter-spacing:0; line-height:1; color:#333; padding:30px 0;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList{display:flex; width:100%; height:auto;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList .listItem{display:inline-flex; justify-content:center; align-items:center; flex-basis:0; flex-grow:1; width:auto; color:#a3a3a3; border-top:2px solid #ebebeb; padding:30px 0;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList .listItem span{display:none;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList .listItem a{display:flex; justify-content:center; align-items:center; width:100%; font-size:28px; font-weight:500; letter-spacing:0; line-height:1.3; color:inherit;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList .listItem.on{color:#5472b8; border-top-color:#333;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList.type1{flex-wrap:wrap;}
.mainCategorySection .inRow .topContent .categoryMenu .menuList.type1 .listItem{flex-basis:unset; flex-grow:unset; width:25%;}
.mainCategorySection .inRow .bottomContent{width:100%; height:auto; margin-bottom:75px; color:#333; padding:0 40px;}
.mainCategorySection .inRow .bottomContent dt{font-family: 'GmarketSans'; font-size:80px; font-weight:500; letter-spacing:0; line-height:1; margin-bottom:35px;}
.mainCategorySection .inRow .bottomContent dd{font-size:30px; font-weight:400; letter-spacing:-0.025em; line-height:40px;}

.mainDoctorSection{width:100%; height:auto;}
.mainDoctorSection .inBox{display:flex; width:100%; height:auto;}
.mainDoctorSection .inBox .boxItem{display:inline-flex; align-items:flex-start; width:100%; height:auto; background-repeat:no-repeat; background-size:auto 100%; background-image:url("/html/m/resource/img/main/doctor_img2.jpg"); background-position:left center;}
.mainDoctorSection .inBox .boxItem .doctorProfile{width:100%; max-width:630px; height:auto; text-align:left; color:#fff; padding:85px 0;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profileBox{width:100%; height:auto; position:relative; padding:0 40px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profileBox + .profileBox{margin-top:40px; padding:40px 0 0 0; border-top:1px solid rgba(255,255,255,.25);}
.mainDoctorSection .inBox .boxItem .doctorProfile .hospital{font-size:36px; font-weight:500; letter-spacing:-0.025em; line-height:1; margin-bottom:25px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .doctorName{font-size:60px; font-weight:700; letter-spacing:-0.025em; line-height:1; margin-bottom:50px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .doctorName span{display:inline-block; font-family: 'Nautilus Pompilius'; font-size:82px; font-weight:400; letter-spacing:0; color:#adc6ff; margin-right:5px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile1{width:100%; height:auto;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 p{display:flex; flex-wrap:wrap; align-content:flex-start;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 p + p{margin-top:15px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 strong{display:block; width:100%; height:auto; font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#d9e4fd;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 span{display:inline-block; vertical-align:top; margin-top:20px; font-size:30px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#fff;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile2{width:100%; height:auto; padding-left:40px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 .title{font-size:30px; font-weight:700; letter-spacing:-0.025em; line-height:1; margin-bottom:30px;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 ul{width:100%; height:auto;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 ul li{width:100%; height:auto; font-size:26px; font-weight:400; letter-spacing:-0.025em; line-height:1.375;}
.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 ul li + li{margin-top:8px;}

.mainMedicalEnvironment{width:100%; height:auto; padding:120px 0 170px;}
.mainMedicalEnvironment .inBox{width:100%; height:auto; position:relative; overflow:hidden;}
.mainMedicalEnvironment .pictureSlideBox{width:100%; height:auto; margin:0 auto; position:relative; z-index:1;}
.mainMedicalEnvironment .pictureSlideBox .pictureSlide{width:100%; height:auto;}
.mainMedicalEnvironment .pictureSlideBox .slideItem{width:100%; height:auto;}
.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText{width:100%; height:auto; padding:60px 40px 0 40px;}
.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText .name{display:block; font-size:50px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#5472b8;}
.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText .name span{display:inline-block; vertical-align:bottom; font-size:36px; line-height:1;}
.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText .text{display:block; font-size:36px; font-weight:400; letter-spacing:-0.025em; line-height:1.25; color:#333; font-style:normal; margin-top:35px;}
.mainMedicalEnvironment .pictureSlideBox .slideItem img{display:block; width:100%; height:auto;}
.mainMedicalEnvironment .pictureInfo{display:inline-block; position:absolute; top:342px; right:0; z-index:5;}
.mainMedicalEnvironment .pictureInfo .slideBtnBox{display:inline-flex; align-items:center; width:90px; height:90px; color:#fff;}
.mainMedicalEnvironment .pictureInfo .slideBtnBox a{display:inline-flex; justify-content:center; align-items:center; width:90px; height:90px; background:#5472b8; font-size:90px; font-weight:300; letter-spacing:-0.025em; line-height:1; color:#fff;}


.popupBg{position:fixed; width:100%; height:0; top:96px; left:0; z-index:9999;}
.popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:0 !important; transform:translateX(-50%);}
.popupBg .mainPop .popContent{width:100%; height:auto;}
.popupBg .mainPop .popBottom{width:100%; height:50px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.popupBg .mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:24px; height:24px; margin:13px 10px 13px 0;}
.popupBg .mainPop .popBottom .bottomText{display:inline-block; font-size:24px; letter-spacing:-0.05em; line-height:50px;}
.popupBg .mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:50px; color:#fff;}

@media (max-width:750px) {
	#visual .visualScroll{width:8.53333vw; height:4.53333vw; bottom:6.66667vw;}

	@-webkit-keyframes scroll {
		0% {bottom:6.66667vw;}
		100% {bottom:10.66667vw;}
		0% {bottom:6.66667vw;}
	}

	@keyframes scroll {
		0% {bottom:6.66667vw;}
		100% {bottom:10.66667vw;}
		0% {bottom:6.66667vw;}
	}

	.visualNewsticker{height:10.66667vw;}
	.visualNewsticker .boxSlide .slideItem{height:10.66667vw; font-size:3.46667vw;}

	.mainCategorySection{padding:20.00000vw 0 20.00000vw 0;}
	.mainCategorySection .inRow + .inRow{margin-top:25.33333vw;}
	.mainCategorySection .inRow .topContent .categoryMenu{padding:0 5.33333vw;}
	.mainCategorySection .inRow .topContent .categoryMenu .title{font-size:5.33333vw; padding:4.00000vw 0;}
	.mainCategorySection .inRow .topContent .categoryMenu .menuList .listItem{padding:4.00000vw 0;}
	.mainCategorySection .inRow .topContent .categoryMenu .menuList .listItem a{font-size:3.73333vw;}
	.mainCategorySection .inRow .bottomContent{margin-bottom:10.00000vw; padding:0 5.33333vw;}
	.mainCategorySection .inRow .bottomContent dt{font-size:10.66667vw; margin-bottom:4.66667vw;}
	.mainCategorySection .inRow .bottomContent dd{font-size:4.00000vw; line-height:5.33333vw;}

	.mainDoctorSection .inBox .boxItem .doctorProfile{max-width:84.00000vw; padding:11.33333vw 0;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profileBox{padding:0 5.33333vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profileBox + .profileBox{margin-top:5.33333vw; padding:5.33333vw 0 0 0;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .hospital{font-size:4.80000vw; margin-bottom:3.33333vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .doctorName{font-size:8.00000vw; margin-bottom:6.66667vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .doctorName span{font-size:10.93333vw; margin-right:0.66667vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 p + p{margin-top:2.00000vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 strong{font-size:4.80000vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile1 span{margin-top:2.66667vw; font-size:4.00000vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile2{padding-left:5.33333vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 .title{font-size:4.00000vw; margin-bottom:4.00000vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 ul li{font-size:3.46667vw;}
	.mainDoctorSection .inBox .boxItem .doctorProfile .profile2 ul li + li{margin-top:1.06667vw;}

	.mainMedicalEnvironment{padding:16.00000vw 0 22.66667vw;}
	.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText{padding:8.00000vw 5.33333vw 0 5.33333vw;}
	.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText .name{font-size:6.66667vw;}
	.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText .name span{font-size:4.80000vw;}
	.mainMedicalEnvironment .pictureSlideBox .slideItem .infoText .text{font-size:4.80000vw; margin-top:4.66667vw;}
	.mainMedicalEnvironment .pictureInfo{top:45.60000vw;}
	.mainMedicalEnvironment .pictureInfo .slideBtnBox{width:12.00000vw; height:12.00000vw;}
	.mainMedicalEnvironment .pictureInfo .slideBtnBox a{width:12.00000vw; height:12.00000vw; font-size:12.00000vw;}

	.popupBg{top:12.50000vw;}
	.popupBg .mainPop .popContent img{max-width:100%; height:auto !important;}
	.popupBg .mainPop .popBottom{height:6.66667vw; padding:0 1.33333vw;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:3.20000vw; height:3.20000vw; margin:1.73333vw 1.33333vw 1.73333vw 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:3.20000vw; line-height:6.66667vw;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:1.33333vw; line-height:6.66667vw;}
}