@charset "UTF-8";

/* 서브 메인 공용 */
#sub_container main{width: 100%; height: 100vh; position: relative; overflow: hidden; margin: 0 auto; background: #000;}
#sub_container main .title{position: absolute; left:50%;	top: 50%;transform:translate(-50%,-50%); text-align: center; z-index: 20;}
#sub_container main .title h1{font-size: clamp(54px, 3.5vw, 100px); color: #fff; font-weight: 600; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);}
#sub_container main .title h1 br{display: none;}
#sub_container main .title h2{margin-bottom:0.15em; font-size: clamp(24px, 1.6vw, 54px); letter-spacing:13px;padding-left:13px;color: #fff; font-weight: 100; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); font-family: 'Playfair Display', serif;}
#sub_container main .title p{color: #fff; font-size: clamp(15px, 1.2vw, 20px);margin-top:0.4em; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); font-weight: 300;}
#sub_container main .bg{width: 100%; height: 100%;}
#sub_container main .bg video{width: 100%; height: 100%; object-fit: cover;}
#sub_container main .bg{animation: bg_ani 15s infinite alternate linear, blur_ani 2s forwards, color_shift 20s infinite alternate; width: 100%;  height: 100%; filter: blur(10px); transition: transform 0.1s;}
@keyframes bg_ani {0% { transform: scale(1); }100% { transform: scale(1.2);}}
@keyframes blur_ani {0% {filter: blur(10px); opacity:0.2;}100% { filter: blur(0px); opacity: 1;}}

.menu01_container01 main .bg{background: url(../image/bg/menu01_0_bg_new.jpg?ver=1) no-repeat center / cover;}
.menu01_container02 main .bg{background: url(../image/bg/menu01_2_bg.jpg) no-repeat center / cover;}
.menu01_container03 main .bg{background: url(../image/bg/menu01_3_bg.jpg) no-repeat center / cover;}
.menu01_container04 main .bg{background: url(../image/bg/menu01_4_bg.jpg) no-repeat center / cover;}

.menu02_container01 main .bg{background: url(../image/bg/menu022_1_bg_new0604.jpg?ver=3) no-repeat center / cover;}
.menu02_container02 main .bg{background: url(../image/bg/menu02_2_bg.jpg?ver=3) no-repeat center / cover;}
.menu02_container03 main .bg{background: url(../image/bg/menu02_3_bg.jpg?ver=3) no-repeat center / cover;}
.menu02_container04 main .bg{background: url(../image/bg/menu02_4_bg.jpg?ver=3) no-repeat center / cover;}
.menu02_container05 main .bg{background: url(../image/bg/menu02_5_bg.jpg?ver=3) no-repeat center / cover;}
/* 추가 */
.menu02_container06 main .bg{background: url(../image/bg/menu02_6_bg.jpg?ver=3) no-repeat center / cover;}

.menu03_container01 main .bg{background: url(../image/bg/menu03_1_bg.jpg?ver=3) no-repeat center / cover;}
.menu03_container02 main .bg{background: url(../image/bg/menu03_2_bg.jpg?ver=3) no-repeat center / cover;}
.menu03_container03 main .bg{background: url(../image/bg/menu03_3_bg.jpg?ver=3) no-repeat center / cover;}
.menu03_container04 main .bg{background: url(../image/bg/menu03_4_bg.jpg?ver=3) no-repeat center / cover;}
.menu03_container05 main .bg{background: url(../image/bg/menu03_5_bg.jpg?ver=3) no-repeat center / cover;}
.menu03_container06 main .bg{background: url(../image/bg/menu03_6_bg.jpg?ver=3) no-repeat center / cover;}
.menu03_container07 main .bg{background: url(../image/bg/menu03_7_bg.jpg?ver=3) no-repeat center / cover;}
/* 추가 */
.menu03_container08 main .bg{background: url(../image/bg/menu03_8_bg.jpg?ver=3) no-repeat center / cover;}




.menu04_container01 main .bg{background: url(../image/bg/menu04_1_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container02 main .bg{background: url(../image/bg/menu04_2_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container03 main .bg{background: url(../image/bg/menu04_3_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container04 main .bg{background: url(../image/bg/menu04_4_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container05 main .bg{background: url(../image/bg/menu04_5_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container06 main .bg{background: url(../image/bg/menu04_6_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container07 main .bg{background: url(../image/bg/menu04_7_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container08 main .bg{background: url(../image/bg/menu04_8_bg.jpg?ver=3) no-repeat center / cover;}
.menu04_container09 main .bg{background: url(../image/bg/menu04_9_bg.jpg?ver=3) no-repeat center / cover;}

.menu05_container01 main .bg{background: url(../image/bg/menu05_1_bg.jpg?ver=3) no-repeat center / cover;}
.menu05_container02 main .bg{background: url(../image/bg/menu05_2_bg.jpg?ver=3) no-repeat center / cover;}
.menu05_container03 main .bg{background: url(../image/bg/menu05_3_bg.jpg?ver=3) no-repeat center / cover;}

.menu05_container03 main .bg{background: url(../image/bg/menu05_3_bg.jpg?ver=3) no-repeat center / cover;}
.menu08_container01 main .bg{background: url(../image/bg/menu_new_1_bg.jpg?ver=3) no-repeat center / cover;}

/* 추가 */
.menu07_container01 main .bg{background: url(../image/bg/menu_ct07_01.jpg?ver=3) no-repeat center / cover;}
.menu07_container02 main .bg{background: url(../image/bg/menu_ct07_02.jpg?ver=3) no-repeat center / cover;}
.menu07_container03 main .bg{background: url(../image/bg/menu_ct07_03.jpg?ver=3) no-repeat center / cover;}


.common_container01 main .bg{background: url(../image/bg/menu07_1_bg.jpg?ver=3) no-repeat center / cover;}

.event_subvisual main .bg{background: url(../image/bg/menu06_1_bg.jpg?ver=3) no-repeat center / cover;}
.rev_subvisual main .bg{background: url(../image/bg/menu06_2_bg.jpg?ver=3) no-repeat center / cover;}
.beaf_subvisual main .bg{background: url(../image/bg/menu06_3_bg.jpg?ver=3) no-repeat center / cover;}
.insight_subvisual main .bg{background: url(../image/bg/menu06_4_bg.jpg?ver=3) no-repeat center / cover;}
.ba_gallery_subvisual main .bg{background: url(../image/bg/menu09_1_bg.jpg?ver=3) no-repeat center / cover;}

#sub_container.menu06_container01 main{height:40vh;}
#sub_container.menu06_container01 main .bg{background: url(../image/bg/menu06_1_bg.jpg) no-repeat center / cover;}
#sub_container.menu06_container01 .notice_img{max-width:1200px; margin:70px auto 120px;text-align: center;}
#sub_container.menu06_container01 .notice_img img{width:100%;}

.line_bg{position: absolute; display:flex;justify-content: space-evenly;top: 0; left: 0; width:100%; height:100vh; z-index: 10;}
.line_bg span{display: block;background:rgba(255,255,255,0.2);width:1px; height:0; animation:line_ani 2s 0s linear forwards}
.line_bg span:nth-child(2){animation-delay:0.2s !important}
.line_bg span:nth-child(3){animation-delay:0.4s !important}
.line_bg span:nth-child(4){animation-delay:0.6s !important}
.line_bg span:nth-child(5){animation-delay:0.8s !important}
@keyframes line_ani{0%{height: 0;} 100%{height: 100vh;}}

/* 서브 내용 공용*/
#sub_container section{margin: 150px 5vw;}

html{
	--point:#8f1c29;
}

#sub_container section .title{margin-bottom: 40px;}
#sub_container section .title h2{font-size: clamp(15px, 1.2vw, 20px); letter-spacing: 7px; font-weight: 300;}
#sub_container section .title h1{font-size: clamp(40px, 2.8vw, 54px);  margin: 10px 25px; font-weight: 600;}
#sub_container section .title h1 span{color:var(--point);}
#sub_container section .title h3{font-size: clamp(20px, 1.25vw, 24px); line-height: 1.4;}
#sub_container section .title h4{font-size: clamp(23px, 1.6vw, 31px); margin:72px 0 10px; font-weight: 500; line-height: 1.5;}
#sub_container section .title p{font-size: clamp(15px, 0.95vw, 18px); line-height: 1.8;}
#sub_container section .title .title_btn{width: 200px; background: #8f1c29; height: 50px; line-height: 50px; color: #fff; margin: 15px auto 25px;}
#sub_container section .title .logo{width: clamp(250px, 15.625vw, 300px); margin: 0 auto;}
#sub_container section .title .logo img{width: 100%;}

/* 의료진소개 */
#sub_container #human_doctor .title{text-align: center; margin-bottom: 50px;}
#sub_container #human_doctor .title .logo{margin-top: 50px;}
#sub_container #human_doctor .title h4{margin: 15px 0 0; line-height: 1.5;}
#sub_container #human_doctor .list{display: flex; max-width: 1400px; margin: 0 auto; flex-wrap: wrap;}
#sub_container #human_doctor .list li{width: 32.3333%; margin: 0.5%; border: 1px solid rgba(0, 0, 0, 0.2); padding: 2%; box-sizing: border-box;}
#sub_container #human_doctor .list li .img{background: #151515; width: 100%; height: 50vh;}
#sub_container #human_doctor .list li .img img{width: 100%; height: 100%; object-fit: cover;}
#sub_container #human_doctor .list li .text{display: flex; justify-content: space-between; margin-top: 10px; }
#sub_container #human_doctor .list li .text h1{font-size: 24px; font-weight: bold; line-height: 1;}
#sub_container #human_doctor .list li .text h1 span{font-size: 15px; color:var(--point);}
#sub_container #human_doctor .list li .text .more{font-size: 16px; letter-spacing: 1px; font-weight: 600; background: #8f1c29; color: #fff;
												  height: 35px; line-height: 35px; width: 130px; text-align: center; cursor: pointer;}
#sub_container #human_doctor .list li .inner{position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);
display: none; justify-content: center; flex-direction: column;  padding: 0 10%; box-sizing: border-box;
background: url(../image/main/tab_logo.png) no-repeat 100px 100% / contain; background-color: #fff;}
#sub_container #human_doctor .list li .inner .inner_title{margin-bottom: 25px;}
#sub_container #human_doctor .list li .inner .inner_title h1{font-size: clamp(23px, 1.6vw, 31px); font-weight: 600;}
#sub_container #human_doctor .list li .inner .inner_title h1 span{color: #8f1c29;}
#sub_container #human_doctor .list li .inner .inner_title h3{font-size: clamp(15px, 1.2vw, 20px);}
#sub_container #human_doctor .list li .inner .inner_text{}
#sub_container #human_doctor .list li .inner .inner_text p{font-size: 16px;}
#sub_container #human_doctor .list li .inner .inner_text p+p{margin-top: 5px;}
#sub_container #human_doctor .list li .inner .close{position: absolute; top: 4%; right: 6%; cursor: pointer;}

/* 장비소개 */
#sub_container #human_eq{text-align: center;}
#sub_container #human_eq .eq_tab{display: flex; justify-content: center; row-gap:15px; column-gap:25px; margin-bottom: 50px; flex-wrap: wrap;}
#sub_container #human_eq .eq_tab li{cursor: pointer; font-size: 20px;}
#sub_container #human_eq .eq_tab li.on{border-bottom: 3px solid #8f1c29;}
#sub_container #human_eq .list_wrap{width: 90%; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 9999;}
#sub_container #human_eq .list_wrap .eq_list{display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1460px; width: 100%; margin: 0 auto;}
#sub_container #human_eq .list_wrap .eq_list li{background: #fff; width: 32%; padding: 50px; box-sizing: border-box; position: relative;
											 margin: 1% 0; cursor: pointer; overflow: hidden; z-index: 1; border:1px solid #ddd; border-top:2px solid #8e1c29;}
#sub_container #human_eq .list_wrap .eq_list li .img{transition: 0.5s;}
#sub_container #human_eq .list_wrap .eq_list li .img img{width: 50%;}
#sub_container #human_eq .list_wrap .eq_list li:hover .img{transform: scale(1.05);}
#sub_container #human_eq .list_wrap .eq_list li h1{font-size: clamp(16px, 1.2vw, 22px); margin: 10px 0 5px;}
#sub_container #human_eq .list_wrap .eq_list li span{font-size: clamp(13px, 0.8vw, 15px); color:var(--point); line-height: 1.5; display: inline-block; display: none;}
#sub_container #human_eq .list_wrap .eq_list li .inner{position: absolute; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; left: 0;
													border: 1px solid #151515; display: flex; flex-direction: column; transition: 0.5s; justify-content: center;
													align-items: center; box-sizing: border-box; opacity: 0; padding: 50px;}
#sub_container #human_eq .list_wrap .eq_list li .inner.on{opacity: 1;}
#sub_container #human_eq .list_wrap .eq_list li .inner h2{font-size: clamp(20px, 1.7vw, 32px); line-height: 1; font-weight: 500;}
#sub_container #human_eq .list_wrap .eq_list li .inner>span{color: inherit; font-weight: 500; padding: 15px 10px; border-bottom: 1px solid #151515; display: none;}
#sub_container #human_eq .list_wrap .eq_list li .inner p{font-size: clamp(14px, 0.9vw, 16px); text-align: center; line-height: 1.8; margin-top: 25px;}
#sub_container #human_eq .list_wrap .eq_list li .inner p br{display: none;}
#sub_container #human_eq .list_wrap .eq_list li .close{position: absolute; top: 8.5%; right: 10%; cursor: pointer; transform: rotate(45deg); transition: 0.3s;
													width: clamp(20px, 1.3vw, 25px);}
#sub_container #human_eq .list_wrap .eq_list li .close img{width: 100%;}
#sub_container #human_eq .list_wrap .eq_list li .close.on{transform: rotate(0deg); z-index: 2;}

/* 병원 소개 */
#sub_container #human_intro{text-align: center;}
#sub_container #human_intro .title{margin-bottom: 75px;}
#sub_container #human_intro article{display: flex; align-items: center;}
#sub_container #human_intro article:nth-child(odd){flex-direction: row-reverse;}
#sub_container #human_intro article .img{width: 50%;}
#sub_container #human_intro article .img img{object-fit: cover; width: 100%; height: 100%;}
#sub_container #human_intro article .text{width: 50%; text-align: center; box-sizing: border-box;}
#sub_container #human_intro article .text h3{font-size: clamp(36px, 2.5vw, 48px); line-height: 1.4; color: #8e1c29; font-weight: 600;}
#sub_container #human_intro article .text span{font-size: clamp(20px, 1.25vw, 24px); font-weight: 500; margin: 10px 0px;  display: block;}
#sub_container #human_intro article .text p{font-size: clamp(15px, 0.9vw, 16px); line-height: 2;}

/* 오시는길 */
#sub_container #human_map{text-align: center;}
#sub_container #human_map .title{margin-bottom: 100px;}
#sub_container #human_map .info{display: flex; justify-content: center; }
#sub_container #human_map .info li{text-align: left; padding: 0 5%;}
#sub_container #human_map .info li+li{border-left: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box;}
#sub_container #human_map .info li h3{font-size: clamp(23px, 1.3vw, 25px); color:var(--point); font-weight: 500; margin-bottom: 10px;}
#sub_container #human_map .info li h2{font-size: clamp(28px, 1.55vw, 30px); font-weight: 500;}
#sub_container #human_map .info li p{font-size: clamp(15px, 0.9vw, 16px); line-height: 1.8;}
#sub_container #human_map .info li p a{background: #52565a !important;}
#sub_container #human_map .info .time p{display: flex; width: 100%;}
#sub_container #human_map .info .time p span:first-child{font-weight: 600 !important; width: 130px;}
#sub_container #human_map .map_wrap{width: 100%; height: 60vh; margin-top: 75px; position: relative; z-index: 9999;}
#sub_container #human_map .map_wrap .wrap_map{height: 100%;}

/* 글/사진 반반*/
#sub_container #explain .title{text-align: center; margin-bottom: 100px;}
#sub_container #explain .con{display: flex; justify-content: center; align-items: center; max-width: 1280px; width: 100%; margin: 0 auto;}
#sub_container #explain .con:nth-child(even){flex-direction: row-reverse;}
#sub_container #explain .con .img{background: #8f1c29; width: 50%; height: 400px; overflow: hidden;}
#sub_container #explain .con .img img{width: 100%; height: 100%; object-fit: cover;}
#sub_container #explain .con .text{width: 50%; padding-right: 50px; text-align: right; box-sizing: border-box;}
#sub_container #explain .con .text h1{font-size: clamp(25px, 1.6vw, 32px); font-weight: 600; margin-bottom: 12px; line-height: 1.3;}
#sub_container #explain .con .text p{font-size: clamp(15px, 0.95vw, 18px); line-height: 1.8;}
#sub_container #explain .con:nth-child(even) .text{padding-right: 0; padding-left: 50px; text-align: left;}

/* 배경 텍스트 */
#sub_container #bg_text{width: 100%; margin: 0 auto;}
#sub_container #bg_text .title{text-align: center; background:url(../image/sub/ctn_bg_icon.png) #8f1c29;background-repeat:no-repeat; background-position:80% 50%;padding: 100px 5vw; margin-bottom: 0; box-sizing: border-box; color: #fff; animation:bg_icon_img 6s 0s infinite linear alternate}
@keyframes bg_icon_img{
	0%{background-position:80% 40%;}
	40%{background-position:85% 50%;}
	100%{background-position:80% 60%;}
}
#sub_container #bg_text .title h1{color: #fff; margin: 10px 0;}
#sub_container #bg_text .title p{font-weight: 300;}

/* 리스트형 */
#sub_container #check{text-align: center; position: relative; background:#faf3eb ; padding:130px 0; margin: 0;}
#sub_container #check .list{display: flex; justify-content: center; gap: 50px; flex-wrap:wrap; width: 100%;}
#sub_container #check .list li .inner .icon{margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center;box-sizing: border-box;}
#sub_container #check .list li .inner span{font-size: clamp(18px, 1.2vw, 22px); display: inline-block; margin: 20px 0 10px; border-radius: 50px; font-weight: 600;}
#sub_container #check .list li .inner p{font-weight: 400; color: #666;}

/* 추천타입 */
#sub_container #basic .title{text-align: center;}
#sub_container #basic .list{max-width:1300px;display: flex; justify-content: center; width: 100%; margin: 0 auto; flex-wrap:wrap;}
#sub_container #basic .list li{width:calc(100% / 4 - 3%); margin: 1%; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; padding: 50px 0;}
#sub_container #basic .list li .icon{margin-bottom: 20px;}
#sub_container #basic .list li p{font-size: clamp(16px, 0.9vw, 17px);}

/* 장비 슬라이드 */
#sub_container #equip{margin-right: 0; margin-left: 0;}
#sub_container #equip .title{text-align: center;}
#sub_container #equip .equip_swiper{width: 100%; box-sizing: border-box; text-align: center;}
#sub_container #equip .no_swiper .swiper-wrapper{justify-content: center;}
#sub_container #equip .equip_swiper .swiper-wrapper .swiper-slide{padding: 50px; box-sizing: border-box; margin: 1% 0; border: 1px solid #ebeff2; max-height: 100%; height: 100%;}
#sub_container #equip .equip_swiper .swiper-wrapper .swiper-slide .img img{width: 50%;}
#sub_container #equip .equip_swiper .swiper-wrapper .swiper-slide h1{font-size: clamp(20px, 1.25vw, 24px); margin: 10px 0 5px; font-weight: 500;}

/* 주의사항 */
#sub_container #caution{display: flex; justify-content: center; align-items: center; gap:50px; background: #8f1c29; color: #fff;
						padding: 50px 5%; box-sizing: border-box;}
#sub_container #caution h1{font-size: clamp(25px, 1.6vw, 31px); font-weight: 600;}
#sub_container #caution .list li{font-size: clamp(16px, 0.9vw, 17px); padding: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
#sub_container #caution .list li:last-child{border: none;}

/* 로마 이미지 */
#sub_container #roma-section{padding: 0; margin: 0;}
#sub_container #roma-section .roma_img{display: flex; flex-wrap: wrap;}
#sub_container #roma-section .roma_img .img{width: 25%;}





/* 반응형 */
@media all and (min-width:1921px){
/* 서브 내용 공용 */
#sub_container section{margin: 150px 200px;}
}


@media all and (max-width:1280px){
/* 장비소개 */
#sub_container #human_eq .list_wrap .eq_list li{width: 48%; margin: 1%;}
.line_bg span:nth-child(2){animation-delay:0.2s !important}
.line_bg span:nth-child(3){animation-delay:0.4s !important}
.line_bg span:nth-child(4){display: none;}
.line_bg span:nth-child(5){display: none;}
}

@media all and (max-width:1024px){
/* 서브 메인 공용 */
#sub_container main .bg_po{background-position: 65% center;}
#sub_container main .title h1{bottom: 7.5%; right: 10%;}
#sub_container main .title h2{left: 5%; top: 25%;}

/* 서브 내용 공용 */
#sub_container section{margin: 7.5vw 5vw;}

/* 의료진소개 */
#sub_container #human_doctor .list li{width: 49%; padding: 3%;}

/* 병원소개 */
#sub_container #human_intro article{justify-content: center; flex-direction: column-reverse; }
#sub_container #human_intro article:nth-child(odd){flex-direction: column-reverse;}
#sub_container #human_intro article .img{width: 100%; height: 50vh;}
#sub_container #human_intro article .text{padding: 50px 0; width: 100%;}

/* 오시는길 */
#sub_container #human_map .info{padding: 0 5%; flex-wrap: wrap;}
#sub_container #human_map .info li{width: 50%; text-align: center; padding: 5% 0;}
#sub_container #human_map .info li+li{border: none;}
#sub_container #human_map .info li:nth-child(even){border-left: 1px solid rgba(0, 0, 0, 0.2);}
#sub_container #human_map .info li+li+li{border-top: 1px solid rgba(0, 0, 0, 0.2);}

#sub_container #human_map .info .time{display: flex; flex-direction: column;align-items: center;}
#sub_container #human_map .info .time p{text-align: left;}

/* 글/사진 반반 */
#sub_container #explain .con{flex-direction: column-reverse; margin-top: 50px;}
#sub_container #explain .con:nth-child(even){flex-direction: column-reverse;}
#sub_container #explain .con .img{width: 85%; height: 350px;}
#sub_container #explain .con .text{width: 80%; padding-left: 0; padding-right: 0; margin-top: 25px;}
#sub_container #explain .con:nth-child(even) .text{padding-left: 0; padding-right: 0;}
#sub_container #explain .con .text h1{margin-bottom: 5px;}

/* 리스트형 */
#sub_container #check .list{width: 600px; margin: 0 auto;}

/* 추천타입 */
#sub_container #basic .list{flex-wrap: wrap;}
#sub_container #basic .list li{width: 47%; margin: 1%; padding: 50px 0;}

/* 주의사항 */
#sub_container #caution{flex-direction: column; gap:25px;padding: 50px 10%; align-items: flex-start;}
#sub_container #caution br{display: none;}
}

@media all and (max-width:768px){
.line_bg span:nth-child(2){animation-delay:0.2s !important}
.line_bg span:nth-child(3){display: none;}

/* 서브 메인 공용 */
#sub_container main .bg_po{background-position: 75% center;}
#sub_container main .title h1{bottom: 7.5%; right: 10%;}
#sub_container main .title h2{left: 5%; top: 17.5%;}

/* 서브 내용 공용 */
#sub_container section{margin: 12.5vw 5vw;}
#sub_container section .title{margin-bottom: 50px;}

/* 의료진소개 */
#sub_container #human_doctor .list li{width: 100%; padding: 5%; margin: 2%;}

/* 장비소개 */
#sub_container #human_eq .list_wrap .eq_list li .inner{padding: 5%;}

/* 병원소개 */
#sub_container #human_intro article .img{height: 40vh;}

/* 오시는길 */
#sub_container #human_map .info{padding: 0 7.5%;}
#sub_container #human_map .info li{width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;  padding: 7.5% 0;}
#sub_container #human_map .info li+li{border: none;}
#sub_container #human_map .info li+li+li{border: none;}
#sub_container #human_map .info li:nth-child(even){border: none;}
#sub_container #human_map .info li:last-child{border: none !important;}
#sub_container #human_map .info .time p span:first-child{text-align: left; width: 100px; margin-right: 25px;}

/* 글/사진 반반 */
#sub_container #explain .con .img{width: 100%; height: 300px;}
#sub_container #explain .con .text{width: 100%;}

/* 리스트형 */
#sub_container #check .list{width: 425px;}
#sub_container #check .list li .inner .icon{width: 200px; aspect-ratio: 1 / 1;}

/* 추천타입 */
#sub_container #basic .list li{width: 100%; margin: 1%;}
#sub_container #basic .list li .icon{margin-bottom: 15px;}

/* 장비 슬라이드 */
#sub_container #equip .equip_swiper .swiper-wrapper .swiper-slide{border-radius: 25px;}

/* 로마 이미지 */
#sub_container #roma-section .roma_img .img{width: 50%;}
}

@media all and (max-width:500px){
/* 서브 메인 공용 */
#sub_container main .title h1{bottom: 7.5%; right: 7.5%; line-height: 1.3;}
#sub_container main .title h2{left: 7.5%; top: 17.5%;}
#sub_container section .title .title_btn{width: 50%; height: 45px; line-height: 45px;}

/* 서브 내용 공용 */
#sub_container section{margin: 12.5vw 5vw;}

/* 의료진소개 */
#sub_container #human_doctor .list li .inner .inner_text{height: 30vh; overflow-Y: scroll;}

/* 장비소개 */
#sub_container #human_eq .list_wrap .eq_list li{width: 100%; margin: 1%;}

/* 병원소개 */
#sub_container #human_intro article .img{height: 35vh;}

/* 오시는길 */
#sub_container #human_map .map_wrap{height: 50vh;}

/* 글/사진 반반 */
#sub_container #explain .con .img{height: 60vw;}
#sub_container #explain .con .text{margin-top: 20px;}
#sub_container #explain .con .text h1{margin-bottom: 5px;}

/* 배경 텍스트 */
#sub_container #bg_text .title{padding: 20vw 5vw;}

/* 리스트형 */
#sub_container #check .list{justify-content: center; width: 100%;}
#sub_container #check .list li{width: 100%; text-align: center;}
#sub_container #check .list li .inner .icon{width: 43vw; aspect-ratio: 1 / 1; border: 5px solid #52565a; background: rgba(255, 255, 255, 0.9); margin: 0 auto;}
#sub_container #check .list li .inner .icon img{width: 80%;}
}