@CHARSET "UTF-8";

/* 인사말 */
.greeting{display: flex;gap: 50px;}
.greeting .intro_cont{padding-top: 20px;}
.greeting .intro_cont .titbx{color:#333;font-size: 3.5rem;font-weight: 700;line-height: 1.2;}
.greeting .intro_cont .titbx dt{font-weight: 800;}
.greeting .intro_cont .titbx dd{font-weight: 400;}
.greeting .intro_cont p{margin-top: 25px;font-weight: 400;line-height: 1.6;}
.greeting .intro_img{flex-shrink: 0;position:relative;width: 400px;height: 500px;}
.greeting .intro_img:after{content:'';position:absolute;top:10px;left:10px;width:100%;height:100%;border:1px solid #aaa;border-radius:15px;box-sizing:border-box;}
.greeting .intro_img img{border-radius:15px;width: 100%;height: 100%;object-fit: cover;}
.greeting .intro_img .sign{display: flex;gap:10px;justify-content: right;align-items: center;margin-top:15px;font-weight: 700;font-size: 1.5rem;}
.greeting .intro_img .sign .name{font-size: 2.8rem;}

/* 미션비전 */
.mission_wrap .title{display: table;margin: 0 auto 25px;border-bottom: 2px solid #000;font-size: 2.1rem;font-weight: 700;letter-spacing: 0.5rem;}
.mission_wrap .title:not(:first-child){margin-top: 60px;}
.mission_wrap .mission_bx{padding: 10px;background: url(/nanum/site/builder/dir/main/img/menu6223/mission_bg.jpg)no-repeat 50%/cover;border-radius: 20px;box-shadow: 0 10px 10px rgb(0 0 0 / 20%);}
.mission_wrap .mission_bx p{padding: 70px 20px;border: 1px solid rgb(255 255 255 / 30%);border-radius: 15px;font-size: 2.2rem;font-weight: 400;line-height: 1.4;text-align: center;color: #fff;}
.mission_wrap .mission_bx p span{font-weight: 700;}
.mission_wrap .vision_bx{display: flex;gap: 10px;}
.mission_wrap .vision_bx li{flex: 1;position: relative;padding: 40px 10px;border: 1px solid #ddd;border-radius: 20px;text-align: center;font-size: 1.7rem;font-weight: 600;line-height: 1.4;}
.mission_wrap .vision_bx li:nth-child(even){background: #ed8d19;border-color: #ed8d19;color: #fff;}
.mission_wrap .vision_bx li:before{content:'';display: block;margin: 0 auto 20px;width: 40px;height: 40px;background: no-repeat 50%/contain;}
.mission_wrap .vision_bx li.icon1:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/vision_icon1.png);}
.mission_wrap .vision_bx li.icon2:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/vision_icon2.png);}
.mission_wrap .vision_bx li.icon3:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/vision_icon3.png);}
.mission_wrap .vision_bx li.icon4:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/vision_icon4.png);}
.mission_wrap .vision_bx li.icon5:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/vision_icon5.png);}
.mission_wrap .core_bx{display: flex;gap: 10px;}
.mission_wrap .core_bx li{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;padding: 30px 10px;border: 1px solid #ddd;border-radius: 20px;text-align: center;font-size: 1.7rem;font-weight: 600;line-height: 1.4;}
.mission_wrap .core_bx li span{margin-top: 10px;padding: 8px 40px;background: #fef3e5;border: 1px solid #efddc7;border-radius: 50px;font-size: 1.5rem;font-weight: 600;color: #ed8d19;}
.mission_wrap .core_bx li:before{content:'';display: block;margin: 0 auto 10px;width: 40px;height: 40px;background: no-repeat 50%/contain;}
.mission_wrap .core_bx li.icon1:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/core_icon1.png);}
.mission_wrap .core_bx li.icon2:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/core_icon2.png);}
.mission_wrap .core_bx li.icon3:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/core_icon3.png);}
.mission_wrap .core_bx li:not(:last-child):after{content:'';position: absolute;top: 50%;right: -23px;transform: translateY(-50%);width: 35px;height: 35px;background: #000 url(/nanum/site/builder/dir/main/img/menu6223/core_plus.png)no-repeat 50%/13px;border-radius: 50%;box-shadow: 0 10px 15px rgb(0 0 0 / 20%);z-index: 1;}

/* 연혁 */
.history_top{margin-bottom: 60px;padding: 50px;background: url(/nanum/site/builder/dir/main/img/menu6223/history_img.png)no-repeat 50%/cover;border-radius: 20px;color: #fff;text-align: center;box-shadow: 0 10px 10px rgb(0 0 0 / 20%);}
.history_top .stxt{display: inline-block;padding: 10px 30px 8px;border: 1px solid rgb(255 255 255 / 50%);border-radius: 50px;font-size: 1.5rem;font-weight: 600;letter-spacing: 0.3rem;line-height: 1;text-transform: uppercase;}
.history_top .btxt{margin-top: 10px;font-size: 2.2rem;font-weight: 600;}
.history_wrap .box{display: flex;gap: 40px;margin-bottom: 50px;}
.history_wrap .box .year{flex-shrink: 0;display: flex;justify-content: center;align-items: center;width: 150px;height: 150px;background: linear-gradient(135deg, #e2d3bf, #b8b5b1);border-radius: 30px;font-size: 2.7rem;font-weight: 700;color: #fff;letter-spacing: 0;}
.history_wrap .box:first-child .year{background: linear-gradient(135deg, #f4c68c, #ff8c00);}
.history_wrap .box .his_list{flex: 1;padding-top: 30px;border-top: 2px solid #f2f2f2;}
.history_wrap .box .his_list dl{display: flex;align-items: baseline;gap: 25px;}
.history_wrap .box .his_list dl:not(:first-child){margin-top:10px;}
.history_wrap .box .his_list dl dt{font-size: 1.8rem;font-weight: 700;letter-spacing: 0.05rem;}
.history_wrap .box .his_list dl dd{font-size: 1.7rem;font-weight: 400;}

/* 병원시설안내 */
.room_wrap{position:relative;height:760px;padding: 40px 0;box-sizing:border-box;background: #fdfcf8;border-radius: 20px;text-align: center;border: 1px dashed #e2d5c5;box-shadow: 0 10px 10px rgb(235 217 205 / 40%);}
.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: #e7e0d6;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,
.room_wrap .swiper-button-next{top: 52%;right:25px;width: 55px;height: 55px;border-radius:50%;background:rgb(0 0 0 / 50%) url(/nanum/site/builder/dir/main/img/menu6223/next_btn.png)no-repeat center;}
.room_wrap .swiper-button-prev{left:25px;transform: rotate(180deg);}
.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: #8d6f56;}
.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;}

/* 서비스 헌장 */
.serv_wrap{display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;}
.serv_wrap li{position: relative;padding: 220px 30px 30px;width: 31%;background: #000 no-repeat 50%/cover;border-radius: 20px;color: #fff;text-align: center;box-sizing: border-box;}
.serv_wrap li.icon1{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_bg1.jpg);}
.serv_wrap li.icon2{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_bg2.jpg);}
.serv_wrap li.icon3{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_bg3.jpg);}
.serv_wrap li.icon4{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_bg4.jpg);}
.serv_wrap li.icon5{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_bg5.jpg);}
.serv_wrap li:before{content:'';position: absolute;top: 170px;left: 50%;transform: translateX(-50%);width: 35px;height: 35px;background: no-repeat 50%/contain;} 
.serv_wrap li.icon1:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_icon1.png);}
.serv_wrap li.icon2:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_icon2.png);}
.serv_wrap li.icon3:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_icon3.png);}
.serv_wrap li.icon4:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_icon4.png);}
.serv_wrap li.icon5:before{background-image: url(/nanum/site/builder/dir/main/img/menu6223/serv_icon5.png);}


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

/* 인사말 */
.greeting .intro_img{width: 300px;height: 400px;}

/* 병원시설안내 */
.room_wrap{height:680px;}
.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;}

/* 미션비전 */
.mission_wrap .title:not(:first-child){margin-top: 50px;}
.mission_wrap .mission_bx p{padding: 50px 20px;font-size: 2rem;}
.mission_wrap .vision_bx{flex-wrap: wrap;}
.mission_wrap .vision_bx li{padding: 30px 10px;font-size: 1.6rem;}
.mission_wrap .vision_bx li:before{margin: 0 auto 10px;width: 35px;height: 35px;}
.mission_wrap .core_bx li{padding: 20px 10px;}
.mission_wrap .core_bx li:before{width: 35px;height: 35px;}

/* 서비스 헌장 */
.serv_wrap{gap: 20px;}
.serv_wrap li br{display:none;}


}

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

/* 인사말 */
.greeting{gap: 20px;flex-direction: column-reverse;align-items: center;}
.greeting .intro_img{width: 250px;height: 310px;}
.greeting .intro_cont{padding-top: 50px;text-align: center;}
.greeting .intro_cont .titbx{font-size: 2.7rem;}
.greeting .intro_cont p{margin-top: 15px;font-size: 1.7rem;}
.greeting .intro_img .sign{justify-content: center;margin-top: 15px;gap:5px;}
.greeting .intro_img .sign .name{font-size: 2.3rem;}

/* 병원시설안내 */
.room_wrap{width:100%;height: 420px;}
.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: 30px;height: 30px;background-size: 6px;z-index: 1;}
.room_wrap .swiper-button-prev{left: 15px;width: 30px;height: 30px;background-size: 6px;z-index: 1;}
.room_wrap .ex_swiper .swiper-slide p.txt{padding:10px 0;}

/* 미션비전 */
.mission_wrap .title{margin: 0 auto 15px;font-size: 2rem;letter-spacing: 0.3rem;}
.mission_wrap .title:not(:first-child){margin-top: 30px;}
.mission_wrap .mission_bx{padding: 5px;}
.mission_wrap .mission_bx p{padding: 20px;}
.mission_wrap .vision_bx{flex-direction: column;}
.mission_wrap .vision_bx li{padding: 20px 10px;font-size: 1.8rem;}
.mission_wrap .vision_bx li br{display:none;}
.mission_wrap .core_bx{flex-direction: column;}
.mission_wrap .core_bx li span{padding: 7px 20px;font-size: 1.6rem;}
.mission_wrap .core_bx li{font-size: 1.8rem;}
.mission_wrap .core_bx li:not(:last-child):after{width: 30px;height: 30px;top: auto;bottom: -22px;right: 50%;transform: translateX(50%);}

/* 연혁 */
.history_top{margin-bottom: 30px;padding: 30px;}
.history_wrap .box{flex-direction: column;gap: 20px;margin-bottom: 30px;}
.history_wrap .box .year{width: 100%;height: 40px;font-size: 2.3rem;}
.history_wrap .box .his_list{padding: 0 0 20px;border-top: 0;border-bottom: 2px solid #f2f2f2;}
.history_wrap .box .his_list dl{padding: 0 10px;}

/* 서비스 헌장 */
.serv_wrap{gap: 10px;}
.serv_wrap li{padding: 180px 30px 30px;flex: 40%;font-size: 1.9rem;}
.serv_wrap li:before{top: 135px;}




}

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

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

/* 서비스 헌장 */
.serv_wrap li{flex: 100%;}


}

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

}