@CHARSET "UTF-8";

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*이사장인사말*/
.greeting{display: flex;justify-content: space-between;}
.greeting .txt{width: 560px;}
.greeting .txt p{margin-bottom: 20px;line-height: 1.7;}
.greeting .txt p span{font-size: 1.5rem;color: #888;}
.greeting .txt .tit{margin: 10px 0 25px;font-size: 3.2rem;font-weight: 700;line-height: 1.5;}
.greeting .txt .tit span{display: block;font-size: 2.8rem;color: #0f81d9;}
.greeting .txt .greet_num{display: flex;flex-direction: column;gap: 15px;margin: 15px 0;}
.greeting .txt .greet_num dl{display: inline-flex;align-items: center;gap: 15px;}
.greeting .txt .greet_num dl dt{display: flex;width: 40px;height: 40px !important;text-align: center;background: #111;color: #fff;justify-content: center;align-items: center;border-radius: 15px;box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.greeting .txt .greet_num dl dd span{display: block;color: #999;font-size: 1.5rem;}
.greeting .greeting_img .img{display: flex;justify-content: center;align-items: center;width: 340px;height: 420px;background: #f5f5f5;border-radius: 10px;overflow: hidden;box-shadow: 10px 10px 20px rgb(0 0 0 / 15%);}
.greeting .greeting_img .sign{display: flex;gap:10px;justify-content: right;align-items: center;margin-top:15px;font-weight: 700;font-size: 1.5rem;}
.greeting .greeting_img .sign .name{font-size: 2.8rem;}

/*미션비전*/
.mission_wrap{text-align: center;}
.mission_wrap > div{margin-bottom:90px;}
.mission_wrap p.tit{position:relative;margin-bottom: 40px;font-size: 2.5rem;font-weight: 600;}
.mission_wrap p.tit:after{content:'';position:absolute;bottom: -5px;left: 50%;margin-left: -20px;width:40px;height:3px;background: #000;}
.mission_wrap .mission{display: flex;position:relative;padding: 0 30px;}
/*.mission_wrap .mission:after{content: '';position: absolute;top: 25px;left: 0;width: 100%;height: 50px;background:linear-gradient(45deg, #b2cfff, #c2d3ff, #bffff5);border-radius: 10px;z-index: -1;}*/
.mission_wrap .mission dl{display: flex;flex: 1;flex-direction: column;align-items: center;gap: 25px;}
.mission_wrap .mission dl dt{width: 100px;height: 100px;background:#488cfc no-repeat 50% 50%;box-shadow: 10px 10px 20px rgb(0 0 0 / 20%);border: 10px solid #367ef6;border-radius: 30px;}
.mission_wrap .mission dl.icon01 dt{background-image: url(/nanum/site/builder/dir/main/img/menu6221/mission_icon01.png);}
.mission_wrap .mission dl.icon02 dt{border-color: #044ec8;background-color: #0e5cdd;background-image: url(/nanum/site/builder/dir/main/img/menu6221/mission_icon02.png);}
.mission_wrap .mission dl.icon03 dt{border-color: #0b31a9;background-color: #163cb8;background-image: url(/nanum/site/builder/dir/main/img/menu6221/mission_icon03.png);}
.mission_wrap .mission dl.icon04 dt{border-color: #1582b8;background-color: #1d91ca;background-image: url(/nanum/site/builder/dir/main/img/menu6221/mission_icon04.png);}
.mission_wrap .mission dl.icon05 dt{border-color: #07afa0;background-color: #12bdae;background-image: url(/nanum/site/builder/dir/main/img/menu6221/mission_icon05.png);}
.mission_wrap .mission dl dd{padding: 0 15px;font-size: 1.7rem;font-weight: 700;}
.mission_wrap .mission dl dd span{display: block;margin-top: 15px;font-size: 1.5rem;font-weight: 500;color: #999;}

.mission_wrap .vision p{padding-top: 65px;background: url(/nanum/site/builder/dir/main/img/menu6221/vision_icon.png)no-repeat 50% 10px;font-size: 2.2rem;font-weight: 600;}
.mission_wrap .vision p span{position:relative;font-weight: 800;color: #1b61cb;}
.mission_wrap .vision p span:after{content:'';position:absolute;left: 0;bottom: -3px;width: 100%;height: 10px;background: #e8effa;z-index: -1;}

.mission_wrap .value{display: flex;justify-content: space-between;}
.mission_wrap .value div{position:relative;padding: 25px 0;width: 290px;border: 1px solid #d5d5d5;box-shadow: 0 10px 10px rgb(0 0 0 / 5%);border-radius: 40px;}
.mission_wrap .value div:not(:first-child):after{content:'';position:absolute;top: 50%;left: -27px;margin-top: -7.5px;width: 15px;height: 15px;background: url(/nanum/site/builder/dir/main/img/menu6221/icon_plus.png)no-repeat 0 0;}
.mission_wrap .value div p{display:inline-block;padding-left: 45px;height: 27px;background: no-repeat 0 50%;font-size: 1.7rem;font-weight: 700;color: #222;}
.mission_wrap .value div.icon01 p{background-image: url(/nanum/site/builder/dir/main/img/menu6221/value_icon01.png);}
.mission_wrap .value div.icon02 p{background-image: url(/nanum/site/builder/dir/main/img/menu6221/value_icon02.png);}
.mission_wrap .value div.icon03 p{background-image: url(/nanum/site/builder/dir/main/img/menu6221/value_icon03.png);}
.mission_wrap .value div p span{margin-left: 7px;font-size: 1.5rem;font-weight: 500;color: #999;}

/*연혁*/
.history_intro{position:relative;display: inline-block;width: 100%;}
.history_intro:after{content:'';position:absolute;top: 0;left: 0;width: 100%;height: 180px;background: url(/nanum/site/builder/dir/main/img/menu6221/history_bg.jpg)no-repeat 50% 40%;border-radius: 5px;z-index: -1;}
.history_intro p{margin: 50px auto;padding: 40px 0;width: 470px;background: #0544ad;box-shadow: 0 15px 40px rgb(0 0 0 / 25%);border-radius: 15px;font-size: 2rem;font-weight: 500;line-height: 1.4;color: #fff;text-align: center;}
.history_intro p span{display: block;margin-bottom: 5px;font-size: 1.5rem;font-weight: 400;text-transform: uppercase;letter-spacing: 0;opacity: .2;}

.history_wrap{position:relative;}
.history_wrap::before{content:'';position:absolute;top:20px;left:142px;width:1px;height:100%;background:#e5e5e5;}
.history_wrap .bx{position:relative;display:flex;}
.history_wrap .bx:nth-child(n+2){margin-top:80px;}
.history_wrap .bx::after{content:'';position:absolute;top:10px;left:125px;width:35px;height:37px;background:url(/nanum/site/builder/dir/main/img/menu6221/history_dot.png)no-repeat;}
.history_wrap .bx .year{font-size:3rem;font-weight:700;letter-spacing:0.025em;}
.history_wrap .bx .his_list{width:100%;margin-top:15px;padding-left:100px;box-sizing: border-box;}
.history_wrap .bx .his_list dl{display:flex;align-items: baseline;}
.history_wrap .bx .his_list dl:nth-child(n+2){margin-top:15px;}
.history_wrap .bx .his_list dt{flex-shrink:0;width:50px;font-weight:700;font-size:1.5rem;line-height:1.2;color:#1964e0;word-break:keep-all;}
.history_wrap .bx .his_list dd{flex-grow:1;font-size:1.6rem;line-height:1.5;color:#555;}
.history_wrap .bx .his_list dd > ul li:nth-child(n+2){margin-top:8px;}
.history_wrap .bx .year{margin-left: 15px;}
.history_wrap .bx .his_list dt{margin-right:30px;}


/*객실둘러보기 */
.room_wrap{position:relative;height:760px;padding: 45px 0;box-sizing:border-box;background:#f8fbfd;border-radius: 20px;text-align: center;border: 1px solid #c5d1e2;box-shadow: 0 10px 10px rgb(205 218 235 / 40%);/*border:1px solid #cfcfcf;*//*background:url(/nanum/site/builder/dir/funeral/img/menu5986/roomview_bg.png)no-repeat right bottom;/*-webkit-clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);*/}
.room_wrap p{text-align:center;}
.room_wrap p.txt{font-size:1.9rem;color:#777;}
.room_wrap p.tit{display: inline-block;position:relative;font-size:2.5rem;font-weight:700;margin-bottom:40px;z-index: 0;}
.room_wrap p.tit::before{position: absolute;content: '';top: 22px;left: 50%;transform: translateX(-50%);width: 125%;height: 15px;background:#d6e0e7;z-index: -1;}
.room_wrap .ex_swiper{width:800px;height:510px;border-radius: 18px;margin: 0 auto;box-shadow:0 15px 13px rgb(0 0 0 / 10%);}
.room_wrap .swiper-button-prev{top: 52%;left:85px;width: 55px;height: 55px;border-radius:50%;background:rgb(0 0 0 / 50%) url(/nanum/site/builder/dir/main/img/menu6221/prev_btn.png)no-repeat center;}
.room_wrap .swiper-button-next{top: 52%;right:85px;width: 55px;height: 55px;border-radius:50%;background:rgb(0 0 0 / 50%) url(/nanum/site/builder/dir/main/img/menu6221/next_btn.png)no-repeat center;}
.room_wrap .swiper-button-prev:after, 
.room_wrap .swiper-button-next:after{display:none;}
.room_wrap .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:50px;}
.room_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#56778d;}
.room_wrap .ex_swiper .swiper-slide{position: relative;}
.room_wrap .ex_swiper .swiper-slide img{width:100%;min-height: 100%;}
.room_wrap .ex_swiper .swiper-slide p.txt{position: absolute;bottom: 0;padding: 15px 0;width: 100%;;background: rgb(0 0 0 / 70%);font-size: 1.6rem;color: #fff;z-index: 1;}

/*서비스헌장*/
.service_wrap{display: inline-block;position: relative;margin-top: 30px;padding:290px 35px 35px;width: 100%;border: 1px solid #d5d5d5;background: url(/nanum/site/builder/dir/main/img/menu6221/service_img.png)no-repeat 52% 70px;border-radius: 20px;box-shadow: 0 5px 15px rgb(0 0 0 / 5%);box-sizing: border-box;}
.service_wrap .top_tit{position: absolute;top:-30px;left: 50%;margin-left: -12.5%;width: 25%;background: #fff;font-size: 2.7rem;color: #222;text-align: center;line-height: 1.2;font-family: 'SBAggroM';}
.service_wrap .top_tit span{display: block;font-size: 4rem;color: #224191;font-family: 'SBAggroB';}
.service_wrap .service{padding: 40px 10px;background: #f5f5f5;border-radius: 20px;box-sizing: border-box;}
.service_wrap .service .txt{margin-bottom: 40px;font-size: 1.8rem;font-weight: 600;text-align: center;}
.service_wrap .service .txt span{font-weight: 800;color: #224191;}
.service_wrap .service .info{display: flex;}
.service_wrap .service .info dl{display: flex;align-items: center;flex-direction: column;gap: 20px;flex:1;padding: 0 10px;}
.service_wrap .service .info dl:not(:last-child){border-right: 1px dashed #d5d5d5;}
.service_wrap .service .info dl dd br{display:none;}
.service_wrap .service .info dl dt{width: 60px;height: 60px;background: #fff no-repeat 50% 50%;border-radius: 50%;box-shadow: 5px 10px 15px rgb(0 0 0 / 10%);}
.service_wrap .service .info dl.icon01 dt{background-image: url(/nanum/site/builder/dir/main/img/menu6221/service_icon01.png);}
.service_wrap .service .info dl.icon02 dt{background-image: url(/nanum/site/builder/dir/main/img/menu6221/service_icon02.png);}
.service_wrap .service .info dl.icon03 dt{background-image: url(/nanum/site/builder/dir/main/img/menu6221/service_icon03.png);}
.service_wrap .service .info dl.icon04 dt{background-image: url(/nanum/site/builder/dir/main/img/menu6221/service_icon04.png);}
.service_wrap .service .info dl.icon05 dt{background-image: url(/nanum/site/builder/dir/main/img/menu6221/service_icon05.png);}
.service_wrap .service .info dl dd{font-weight: 500;font-size: 1.55rem;color: #666;text-align: center;}


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

/*이사장인사말*/
.greeting .txt{width: 55%;}
.greeting .greeting_img{width:40%}
.greeting .greeting_img .img{width:100%;height: 355px;}
.greeting .greeting_img .img img{width:100%;}

/*미션비전*/
.mission_wrap .mission{padding: 0 15px;}
.mission_wrap .value div{width:30%;}
.mission_wrap .value div:not(:first-child):after{left: -11%;}

/*시설안내*/
.room_wrap{height:710px;}
.room_wrap .ex_swiper{width: 670px;height: 440px;}

/*병원시설안내*/
.room_wrap .swiper-button-next{top: 55%;right: 11px;width: 40px;height: 40px;background-size: 8px;}
.room_wrap .swiper-button-prev{top: 55%;left: 11px;width: 40px;height: 40px;background-size: 8px;}	

/*서비스헌장*/
.service_wrap .top_tit{font-size: 2.5rem;}
.service_wrap .top_tit span{font-size: 3.5rem;}


}


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

/*이사장인사말*/
.greeting{flex-direction: column-reverse;align-items: center;gap: 15px;}
.greeting .txt{width:100%}
.greeting .greeting_img{width: 220px;}
.greeting .greeting_img .img{height: 270px;}
.greeting .greeting_img .sign{justify-content: center;margin-top: 10px;gap:5px;}
.greeting .greeting_img .sign .name{font-size: 2.3rem;}
.greeting .txt .tit{margin-bottom: 20px;font-size: 2.4rem;text-align: center;}
.greeting .txt .tit span{font-size: 2.4rem;line-height: 1.4;}

/*미션비전*/
.mission_wrap > div{margin-bottom: 45px;}
.mission_wrap p.tit{margin-bottom: 25px;font-size: 2.2rem;}
.mission_wrap p.tit:after{margin-left: -10px;width: 20px;}
.mission_wrap .mission{flex-direction: column;gap: 20px;padding:0;}
.mission_wrap .mission:after{display:none;}
.mission_wrap .mission dl{gap: 10px;}
.mission_wrap .mission dl:not(:last-child){padding-bottom: 15px;border-bottom: 1px dashed #d5d5d5;}
.mission_wrap .mission dl dt{width:60px;height:60px;border: 5px solid #367ef6;background-size: 33px;}
.mission_wrap .mission dl dd span{margin-top: 5px;}
.mission_wrap .mission dl dd br,
.mission_wrap .vision p br{display:none;}
.mission_wrap .vision p{padding: 35px 20px 0 20px;background-size: 28px;background-position: 50% 0;font-size: 1.9rem;}
.mission_wrap .value{flex-direction: column;align-items: center;gap: 35px;}
.mission_wrap .value div{padding: 15px 0;width: 80%;}
.mission_wrap .value div:not(:first-child):after{left: 50%;top: -15px;margin-left: -5px;background-size: 10px;}
.mission_wrap .value div p{padding-left: 35px;height: auto;background-size: 28px;}

/*연혁*/
.history_intro p{width:100%;padding: 30px 0;margin: 0 0 30px;border-radius: 0;}
.history_intro:after{display:none;}
.history_wrap .bx{flex-direction: column;}
.history_wrap .bx .year{margin-left: 30px;font-size: 2.5rem;}
.history_wrap .bx .his_list{margin-top: 10px;padding-left: 30px;}
.history_wrap .bx::after{top: 2px;left:-5px;}
.history_wrap::before{left: 12px;}
.history_wrap .bx .his_list dl:nth-child(n+2){margin-top:7px;}
.history_wrap .bx .his_list dt{margin-right:0;}
.history_wrap .bx:nth-child(n+2){margin-top: 45px;}

/*병원시설안내*/
.room_wrap{width:100%;height: 445px;}
.room_wrap p.tit{margin-bottom: 20px;font-size: 2.3rem;}
.room_wrap p.tit::before{top: 45%;}
.room_wrap p.txt{font-size: 1.8rem;}
.room_wrap .ex_swiper{width:75%;height: 240px;}
.room_wrap .ex_swiper .swiper-slide img{object-fit: cover;max-width: 100%; height: 100%;}
.room_wrap .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:40px;}
.room_wrap .swiper-button-next{right: 15px;width: 40px;height: 40px;z-index: 1;}
.room_wrap .swiper-button-prev{left: 15px;width: 40px;height: 40px;z-index: 1;}
.room_wrap .ex_swiper .swiper-slide p.txt{padding:10px 0;}

/*서비스헌장*/
.service_wrap{background-size: 75%;padding:35vw 3vw 3vw;background-position: 52% 35px;}
.service_wrap .top_tit{top: -20px;margin-left: -25%;width: 50%;font-size: 2.1rem;}
.service_wrap .service .info{flex-direction: column;}
.service_wrap .service .info dl{gap: 10px;padding: 15px 0;border-right:0 !important;border-top: 1px dashed #d5d5d5;}
.service_wrap .service .txt{margin-bottom: 20px;font-size: 1.6rem;}
.service_wrap .service{padding: 20px 10px 10px;}
.service_wrap .service .info dl dt{width: 45px;height: 45px;background-size: 28px;}
.service_wrap .top_tit span{font-size: 3rem;}

}


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

/*병원시설안내 */	
.room_wrap{padding: 30px 0 40px;height: 380px;}
.room_wrap .ex_swiper{width: 80%;height:200px;}	

}