@charset "utf-8";

/*시설개요*/
.placeicon{display:flex;flex-wrap:wrap;gap:20px;}
.placeicon p{flex-grow:0;width:calc(20% - 20px);padding:30px;padding-top:100px;border-radius:10px;background:#f9f9f9 no-repeat center top 30px;text-align:center;font-weight:600;font-size:1.8rem;box-sizing:border-box;}
.placeicon p.n1{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace01.png);}
.placeicon p.n2{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace02.png);}
.placeicon p.n3{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace03.png);}
.placeicon p.n4{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace04.png);}
.placeicon p.n5{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace05.png);}
.placeicon p.n6{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace06.png);}
.placeicon p.n7{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace07.png);}
.placeicon p.n8{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace08.png);}
.placeicon p.n9{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace09.png);}
.placeicon p.n10{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace10.png);}
.placeicon p.n11{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace11.png);}
.placeicon p.n12{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace12.png);}
.placeicon p.n13{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace13.png);}
.placeicon p.n14{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace14.png);}
.placeicon p.n15{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace15.png);}
.placeicon p.n16{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace16.png);}
.placeicon p.n17{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace17.png);}
.placeicon p.n18{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace18.png);}
.placeicon p.n19{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace19.png);}
.placeicon p.n20{background-image:url(/nanum/site/builder/dir/senior/img/menu7490/splace20.png);}

/*병원둘러보기*/
/*.hospital_view{position:relative;height:1000px;}
.hospital_view h2{position:absolute;top:0;left:0;font-size:3.2rem;font-weight:500;}
.hospital_view > ul{display:flex;flex-direction: column;position:relative;width: 100%;box-sizing:border-box;}
.hospital_view > ul > li > a{display:block;width:105px;padding: 10px;font-size:2rem;line-height:1.2;font-weight:600;color:#999;text-align:center;box-sizing:border-box;transition:.1s;}
.hospital_view > ul > li > a.on{position:relative;border-radius:50px;background:#52b459;color: #fff;font-weight: 700;}
.hospital_view > ul > li > div{position: absolute;top: 0;right: 0;width:845px;}
.hospital_view > ul > li > div > .imgflexbx{display:flex;flex-wrap:wrap;gap:30px;}
.hospital_view > ul > li > div > .imgflexbx dl{flex-grow:0;width:calc(50% - 15px);}
.hospital_view > ul > li > div > .imgflexbx dl .img_wrap{width:100%;height:260px;border-radius:10px;overflow:hidden;}
.hospital_view > ul > li > div > .imgflexbx dl .img_wrap img{width:100%;height:100%;object-fit:cover;}
.hospital_view > ul > li > div > .imgflexbx dl dd{margin-top:10px;font-weight:600;font-size:2rem;}*/

.hospital_view{position:relative;width:100%;}
.hospital_view h2{position:absolute;top:0;left:0;font-size:3.2rem;font-weight:500;}
.hospital_view > ul{display:flex;flex-direction: column;position:relative;width: 100%;box-sizing:border-box;}
.hospital_view > ul > li > a{position: absolute;top: 0;left: 0;display:block;width:105px;padding: 10px;font-size:2rem;line-height:1.2;font-weight:600;color:#999;text-align:center;box-sizing:border-box;transition:.1s;}
.hospital_view > ul > li > a.on{position:relative;border-radius:50px;background:#52b459;color: #fff;font-weight: 700;}
.hospital_view > ul > li:nth-child(2) > a{top: 44px;}
.hospital_view > ul > li:nth-child(3) > a{top: 88px;}
.hospital_view > ul > li:nth-child(4) > a{top: 132px;}
.hospital_view > ul > li:nth-child(5) > a{top: 176px;}
.hospital_view > ul > li > div{width: 100%;margin-top: -42px;padding-left: 160px;box-sizing: border-box;}
.hospital_view > ul > li > div > .imgflexbx{position:relative; display:flex;flex-wrap:wrap;gap:30px;}
.hospital_view > ul > li > div#nlist1 > .imgflexbx{padding-bottom:100px;}
.hospital_view > ul > li > div#nlist1 > .imgflexbx::after{content:""; position: absolute; right:0; bottom:0; width:100%; max-width:600px; height:100%; background-image: url("/nanum/site/builder/dir/senior/img/menu7490/shospital_linebg.jpg"); background-position:right bottom; background-size:100% auto; background-repeat: no-repeat; opacity: .3; z-index:-1;}
.hospital_view > ul > li > div > .imgflexbx dl{flex-grow:0;width:calc(50% - 15px);}
.hospital_view > ul > li > div > .imgflexbx dl .img_wrap{width:100%;height:260px;border-radius:10px;font-size:0;overflow:hidden;}
.hospital_view > ul > li > div > .imgflexbx dl .img_wrap img{width:100%;height:100%;object-fit:cover;}
.hospital_view > ul > li > div > .imgflexbx dl dd{margin-top:10px;font-weight:600;font-size:2rem;}

/* 층별안내 */
.floor_wrap .floor_mainimg{display:none;}
.floor_wrap .floor_mainimg img{vertical-align: top; max-width:100%;}
.floor_wrap .floor_srch{margin-bottom:50px; padding:30px; background-color:#f9fafc;}
.floor_wrap .floor_srch .srch_box{display:flex; justify-content:center;}
.floor_wrap .floor_srch .srch_box .srch_txt{min-width:350px; height:45px; padding:0 10px; border:1px solid #e5e5e5; font-size:1.5rem; font-weight:500; box-sizing:border-box;}
.floor_wrap .floor_srch .srch_box .btn_srch{padding:0 20px; font-size:1.5rem; font-weight:500; color:#fff; border:0; background-color:#000; cursor: pointer;}

/*층별 탭*/
.floor_wrap .floor_tab{margin-bottom:30px;}
.floor_wrap .floor_tab ul{display:flex; flex-wrap:wrap;}
.floor_wrap .floor_tab ul > li{flex:1;}
.floor_wrap .floor_tab ul > li a{display:block; padding:15px 0; text-align:center; font-size:2.3rem; font-weight:700; color:#999999; border-bottom:1px solid #ccc; box-sizing: border-box;}
.floor_wrap .floor_tab ul > li.on a{color:#000; border-bottom:3px solid #000;}

.floor_wrap .floor_list{margin-bottom:50px; padding:20px; border:1px solid #ddd;}
.floor_wrap .floor_list ul{display:flex; flex-wrap:wrap; gap:10px 30px;}
.floor_wrap .floor_list ul > li{font-size:1.5rem;}
.floor_wrap .floor_list ul > li.on{color:#4d61c7; font-weight:700;}

/*층별 위치*/
.floor_wrap .floor_cont{position: relative;}
.floor_wrap .floor_cont .floor_img img{max-width:100%; vertical-align: top;}
.floor_wrap .floor_cont .map_pin{position: absolute; top:50%; left:50%; min-width:30px; min-height:45px; padding-bottom:10px; transform:translate(-50%, -50%);}
.floor_wrap .floor_cont .map_pin::before, .floor_wrap .floor_cont .map_pin::after{content:""; position: absolute;}
.floor_wrap .floor_cont .map_pin::before{bottom:0; left:0; width:100%; height:10px; border-radius:100%; background:rgba(0,0,0,0.2);}
.floor_wrap .floor_cont .map_pin::after{
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-image:url(/nanum/site/builder/dir/senior/img/menu7490/map_pin.png); 
	background-size: 100% auto; 
	background-repeat: no-repeat;
	animation-name:map_pin;
	animation-fill-mode:forwards;
	animation-iteration-count:infinite;
	animation-duration:1.3s;
}

@keyframes map_pin{
	0%{top:-3px;}
	20%{top:-10px;}
	40%{top:3px;}
	60%{top:-7px;}
	80%{top:0px;}
	100%{top:-3px;}
}




/********************태블릿********************/
@media all and (max-width:1024px){

/*시설개요*/
.placeicon p{width: calc(20% - 16px);padding: 20px;padding-top: 70px;font-size: 1.7rem;background-position:center top 25px;background-size:40px auto;}

/*병원둘러보기*/
.hospital_view > ul > li > div > .imgflexbx dl .img_wrap{height:auto;}

/*층별안내*/
.floor_wrap .floor_cont .map_pin{min-width:20px; min-height:30px;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/*시설개요*/
.placeicon{gap: 10px;}
.placeicon p{width: calc(33.3333% - 7px);}
	
/*병원둘러보기*/
.hospital_view > ul > li > a{display: inline-block;width: auto;padding: 5px 20px;font-size: 1.8rem;}
.hospital_view > ul > li:nth-child(2) > a{top: 0;left:65px;}
.hospital_view > ul > li:nth-child(3) > a{top: 0;left:125px;}
.hospital_view > ul > li:nth-child(4) > a{top: 0;left:187px;}
.hospital_view > ul > li:nth-child(5) > a{top: 0;left:250px;}
.hospital_view > ul > li > div{margin-top:20px;padding:0;}
.hospital_view > ul > li > div > .imgflexbx{gap: 15px;}
.hospital_view > ul > li > div > .imgflexbx dl{width:calc(50% - 8px);}
.hospital_view > ul > li > div > .imgflexbx dl dd{margin-top: 5px;font-size:1.7rem;}

/* 층별안내 */
.floor_wrap .floor_srch{margin-bottom:20px;}

}
/********************모바일********************/
@media all and (max-width:480px){

	.floor_wrap .floor_srch .srch_box .srch_txt{min-width:auto;}

}


/********************웹********************/
@media all and (min-width:1025px) {


	
}