@CHARSET "UTF-8";

/* 설립정신 */
.found_wrap{display:flex;justify-content:center;padding:100px 0;}

/* 인사말 */
.greeting_wrap .cont_area.narrow{display:flex;flex-direction:row-reverse;}
.greeting_wrap .cont_area.narrow .img_area{margin-left:50px;font-size:0;line-height:0;}
.greeting_wrap .cont_area.narrow .img_area > img{width:400px;height:600px;object-fit:cover;}
.greeting_wrap .cont_area.narrow .img_area .sign{display:flex;align-items:center;justify-content:end;margin-top:20px;font-size:1.9rem;line-height:1.5;}
.greeting_wrap .cont_area.narrow .img_area .sign strong{margin-left:10px;}
.greeting_wrap .cont_area.narrow .img_area .sign img{margin-left:20px;width:auto;height:72px;object-fit:cover;}
.greeting_wrap .cont_area.narrow .paragraph .headline{font-size:2.8rem;font-weight:700;line-height:1.4;color:#000;letter-spacing:-0.025em;}
.greeting_wrap .cont_area .paragraph p{margin-top:30px;line-height:1.6;color:#555;}

/* 연혁 */
.history_top{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:30px;background:url(/nanum/site/builder/dir/main/img/menu4848/bg_history_top.jpg) no-repeat;}
.history_top .stxt{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.3rem;color:rgba(255,255,255,0.8);letter-spacing:0.8em;text-transform:uppercase;}
.history_top .btxt{margin-top:20px;font-size:2.9rem;line-height:1;color:#fff;}

.history_wrap{position:relative;}
.history_wrap::before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#e5e5e5;}
.history_wrap .box{position:relative;display:flex;width:50%;}
.history_wrap .box:nth-child(n+2){margin-top:80px;}
.history_wrap .box::after{content:'';position:absolute;top:10px;left:50%;margin-left:-15px;width:29px;height:29px;background:url(/nanum/site/builder/dir/main/img/menu4848/icon_year_dot.png);background-size:cover;}
.history_wrap .box .year{position:absolute;top:5px;font-size:3rem;font-weight:700;letter-spacing:0.025em;}
.history_wrap .box .his_list{width:100%;margin-top:12px;}
.history_wrap .box .his_list dl{display:flex;}
.history_wrap .box .his_list dl:nth-child(n+2){margin-top:15px;}
.history_wrap .box .his_list dt{flex-shrink:0;width:50px;font-weight:700;font-size:1.5rem;line-height:1.2;color:#009ef6;word-break:keep-all;}
.history_wrap .box .his_list dd{flex-grow:1;font-size:1.6rem;line-height:1.5;color:#555;}
.history_wrap .box .his_list dd > ul li:nth-child(n+2){margin-top:8px;}
.history_wrap .box:nth-child(odd){padding-left:50%;}
.history_wrap .box:nth-child(odd) .year{left:50%;margin-left:-120px;}
.history_wrap .box:nth-child(odd) .his_list{padding-left:40px;}
.history_wrap .box:nth-child(odd) .his_list dt{margin-right:30px;}
.history_wrap .box:nth-child(even){flex-direction:row-reverse;padding-right:50%;text-align:right;}
.history_wrap .box:nth-child(even) .year{right:50%;margin-right:-120px;}
.history_wrap .box:nth-child(even) .his_list{padding-right:40px;}
.history_wrap .box:nth-child(even) .his_list dl{flex-direction:row-reverse;}
.history_wrap .box:nth-child(even) .his_list dt{margin-left:30px;}

/* 미션비전핵심가치 */
.mission_wrap ul{position:relative;display:flex;gap:115px;}
.mission_wrap ul::after{content:'';position:absolute;top:90px;left:0;width:100%;height:60px;background:#f5f5f5;border-radius:60px;z-index:1;}
.mission_wrap ul li{position:relative;width:33.3333%;max-width:240px;z-index:2;}
.mission_wrap ul li dt{position:relative;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:240px;border-radius:100%;}
.mission_wrap ul li dt strong,
.mission_wrap ul li dt span{position:relative;z-index:5;}
.mission_wrap ul li dt strong{font-size:2.6rem;font-weight:600;}
.mission_wrap ul li dt span{font-family:'Poppins',sans-serif;font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:0.025em;}
.mission_wrap ul li dt::before,
.mission_wrap ul li dt::after{content:'';position:absolute;top:50%;left:50%;border-radius:100%;box-sizing:border-box;}
.mission_wrap ul li dt::before{width:180px;height:180px;margin:-90px 0 0 -90px;background-color:#f9f9f9;z-index:1;}
.mission_wrap ul li dt::after{width:160px;height:160px;margin:-80px 0 0 -80px;background-color:#fff;border:1px solid #d5d5d5;z-index:2;}
.mission_wrap ul li dd{position:relative;padding-top:85px;font-size:2rem;line-height:1.4;font-weight:500;text-align:center;word-break:keep-all;}
.mission_wrap ul li dd::after{content:'';position:absolute;top:30px;left:50%;width:6px;height:24px;margin-left:-3px;background-repeat:no-repeat;background-size:cover;}

.mission_wrap ul li.cir1 dt{background-color:#3ec4c5;}
.mission_wrap ul li.cir1 dt span{color:#3ec4c5;}
.mission_wrap ul li.cir1 dd::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/bg_mission_dot1.png);}
.mission_wrap ul li.cir2 dt{background-color:#487cd0;}
.mission_wrap ul li.cir2 dt span{color:#487cd0;}
.mission_wrap ul li.cir2 dd::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/bg_mission_dot2.png);}
.mission_wrap ul li.cir3 dt{background-color:#3ea2ee;}
.mission_wrap ul li.cir3 dt span{color:#3ea2ee;}
.mission_wrap ul li.cir3 dd::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/bg_mission_dot3.png);}

/* 환자권리장전 */
.rights_bill_wrap ul{display:flex;flex-direction:column;margin-top:20px;}
.rights_bill_wrap ul li{display:inline-flex;align-items:center;width:100%;padding:20px 20px 20px 0;border:1px solid #e5e5e5;color:#555;box-sizing:border-box;}
.rights_bill_wrap ul li:nth-child(n+2){margin-top:10px;}
.rights_bill_wrap ul li span{position:relative;flex-shrink:0;width:80px;margin-right:20px;font-size:1.7rem;font-weight:600;color:#000;text-align:center;}
.rights_bill_wrap ul li span::after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#e5e5e5;}

/* 심볼로고 */
.symbol_wrap .box{padding:55px;border:1px solid #d5d5d5;box-sizing:border-box;}
.symbol_wrap .box ul{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:1px solid #e5e5e5;background:url(/nanum/site/builder/dir/main/img/menu4848/bg_dot.png) repeat;box-sizing:border-box;font-size:0;line-height:0;}
.symbol_wrap .box ul li img{width:auto;object-fit:cover;}
.symbol_wrap .box ul li:nth-child(n+2){margin-top:30px;}
.symbol_wrap .box.symbol ul li img{height:140px;}
.symbol_wrap .box.logo ul li img{height:77px;}
.symbol_wrap .box.emblem ul li img{height:153px;}
.symbol_wrap p:nth-child(n+2){margin-top:20px;}

/* 소셜네트워크 */
.social_wrap{display:flex;flex-wrap:wrap;gap:25px;}
.social_wrap a{position:relative;display:block;width:33.3333%;max-width:300px;height:230px;padding:40px 30px;border:1px solid #e5e5e5;box-sizing:border-box;}
.social_wrap a::after{content:'';position:absolute;bottom:30px;right:30px;width:50px;height:50px;background-repeat:no-repeat;background-size:cover;}
.social_wrap a .tit{font-size:2.4rem;line-height:1;font-weight:600;}
.social_wrap a .txt{margin-top:20px;font-size:1.5rem;line-height:1;color:#555;}
.social_wrap a.facebook::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/icon_sns_facebook.png);}
.social_wrap a.youtube::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/icon_sns_youtube.png);}
.social_wrap a.instagram::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/icon_sns_instagram.png);}
.social_wrap a.blog::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/icon_sns_blog.png);}
.social_wrap a.post::after{background-image:url(/nanum/site/builder/dir/main/img/menu4848/icon_sns_post.png);}

/* 선교활동 */
.missionary_wrap .comm_topbox.missionary .icon{background-image:url(/nanum/site/builder/dir/main/img/menu4848/icon_missionary.png);}

/* 명지의료가족 */
.mjfamily_wrap ul{display:flex;flex-wrap:wrap;gap:30px;}
.mjfamily_wrap ul li{display:inline-flex;justify-content:center;align-items:center;width:25%;max-width:215px;min-height:120px;border:1px solid #e5e5e5;font-weight:700;box-sizing:border-box;}
.mjfamily_wrap ul li a{display:block;padding:30px 15px;text-align:center;}
.mjfamily_wrap ul li a p.tel{font-size:1.4rem;font-weight:500;color:#555;}

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

}

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

}

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

.social_wrap a:hover{border-color:#000;}
.social_wrap a:hover .txt{text-decoration:underline;}

.mjfamily_wrap ul li a[href^='tel:']{pointer-events:none;cursor:default;}

}