@CHARSET "UTF-8";

/* 부속의원 */
.sub_hosp_wrap{position:relative;margin-top:80px;}
.sub_hosp_wrap > p{position:absolute;top:-15px;left:50%;transform:translateX(-50%);padding:0 20px;background:#f7f9fc;font-size:2rem;font-weight: 600;}
.sub_hosp_wrap ul{display:flex;justify-content:center;width:900px;margin:0 auto;padding:40px 80px;border:2px solid #c2c2c2;border-radius:500px;box-sizing:border-box;}
.sub_hosp_wrap ul li{display:flex;justify-content:center;align-items:center;position:relative;width:260px;height:260px;border-radius:100%;background:#fff;font-weight:600;text-align:center;}
.sub_hosp_wrap ul li::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #c2c2c2;border-radius:100%;box-sizing:border-box;}
.sub_hosp_wrap ul li:nth-child(1)::after,
.sub_hosp_wrap ul li:nth-child(2)::after{z-index:1;}
.sub_hosp_wrap ul li:nth-child(1){margin-right:-20px;}
.sub_hosp_wrap ul li:nth-child(3){margin-left:-20px;}
.sub_hosp_wrap ul li p{display:flex;justify-content:center;align-items:center;position:relative;padding:80px 20px 0 20px;}
.sub_hosp_wrap ul li p::before{content:'';position:absolute;top:0;left:50%;width:60px;height:60px;background-size:cover;background-repeat:no-repeat;transform:translateX(-50%);}
.sub_hosp_wrap ul li.ic1 p::before{background-image:url(/nanum/site/builder/dir/main/img/menu20657/reicon01.png);}
.sub_hosp_wrap ul li.ic2 p::before{background-image:url(/nanum/site/builder/dir/main/img/menu20657/reicon02.png);}
.sub_hosp_wrap ul li.ic3 p::before{background-image:url(/nanum/site/builder/dir/main/img/menu20657/reicon03.png);}


/********************태블릿********************/
@media all and (max-width:1024px){
	
.sub_hosp_wrap ul{width:100%;padding:40px;}
.sub_hosp_wrap ul li{width:220px;height:220px;}
.sub_hosp_wrap ul li p{padding-top:60px;}
.sub_hosp_wrap ul li p::before{width:48px;height:48px;}

}

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

.sub_hosp_wrap > p{top:-10px;}
.sub_hosp_wrap ul{flex-direction:column;gap:10px;border-radius:20px;padding:40px 20px 20px 20px;}
.sub_hosp_wrap ul li{margin:0 !important;padding:20px;border:1px solid #c2c2c2;border-radius:10px;background:#fff;box-sizing:border-box;}
.sub_hosp_wrap ul li{width:100%;height:auto;}
.sub_hosp_wrap ul li::after{display:none;}

}

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