@CHARSET "UTF-8";

/* 병원장인사말 */
.greeting_wrap{display:flex;flex-direction:row-reverse;gap:50px;}
.greeting_wrap .img_box{flex-shrink:0;width:480px;font-size:0;line-height:0;}
.greeting_wrap .cont_box{flex-grow:1;}
.greeting_wrap .cont_box .headline{margin-bottom:40px;font-size:3.2rem;line-height:1.4;}
.greeting_wrap .cont_box .headline strong{position:relative;color:#001f9a;}
.greeting_wrap .cont_box .headline strong::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:5px;background:#eef1fc;z-index:-1;}
.greeting_wrap .cont_box .paragraph p{font-size:2.4rem;font-weight:700;}
.greeting_wrap .cont_box .paragraph p:nth-child(n+2){margin-top:30px;}
.greeting_wrap .cont_box .name{display:flex;align-items:center;gap:20px;margin-top:80px;font-size:1.9rem;}
.greeting_wrap .cont_box .name dt{font-weight:700;}
.greeting_wrap .cont_box .name dd{position:relative;padding-left:20px;}
.greeting_wrap .cont_box .name dd::before{content:'';position:absolute;top:50%;left:0;width:1px;height:13px;background:#000;transform:translateY(-50%);}

/* 미션비전 */
.ms_vs_wrap .mv_vs_box{position:relative;display:flex;}
.ms_vs_wrap .mv_vs_box::before{content:'';position:absolute;top:123px;left:50%;width:34px;height:34px;background:url(/nanum/site/builder/dir/main/img/menu6194/ms_vs_x.png) no-repeat;background-size:cover;transform:translateX(-50%);}
.ms_vs_wrap .mv_vs_box .box{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 60px;}
.ms_vs_wrap .mv_vs_box .box .cir{width:280px;height:280px;margin-bottom:40px;border-radius:100%;letter-spacing:0.5em;}
.ms_vs_wrap .mv_vs_box .box .cir span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;}
.ms_vs_wrap .mv_vs_box .box .cir strong{font-size:3.5rem;line-height:1.2;font-weight:700;letter-spacing:-0.025em;}
.ms_vs_wrap .mv_vs_box .box:nth-child(1) .cir{background:linear-gradient(to bottom,  #faeafa 0%,#e8f8f6 100%);}
.ms_vs_wrap .mv_vs_box .box:nth-child(2) .cir{background:linear-gradient(to bottom,  #e8f8f6 0%,#faeafa 100%);}
.ms_vs_wrap .mv_vs_box .box dl{text-align:center;}
.ms_vs_wrap .mv_vs_box .box dl dt{font-size:3rem;font-weight:600;}
.ms_vs_wrap .mv_vs_box .box dl dd{margin-top:30px;font-size:1.9rem;}

.ms_vs_wrap .core_value_box{display:flex;flex-wrap:wrap;gap:40px 0;}
.ms_vs_wrap .core_value_box dl{display:flex;flex-direction:column;justify-content:center;position:relative;width:50%;min-height:140px;padding-left:170px;box-sizing:border-box;}
.ms_vs_wrap .core_value_box dl::before{content:'';position:absolute;top:0;left:0;width:140px;height:140px;border-radius:100%;background:linear-gradient(to bottom,  rgba(223,128,201,1) 0%,rgba(56,131,255,1) 100%);}
.ms_vs_wrap .core_value_box dl::after{content:'';position:absolute;top:8px;left:8px;width:124px;height:124px;border-radius:100%;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 48px;}
.ms_vs_wrap .core_value_box dl dt{font-size:2rem;font-weight:700;}
.ms_vs_wrap .core_value_box dl dd{font-size:1.9rem;}
.ms_vs_wrap .core_value_box dl.icon1::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/core_value_icon1.png);}
.ms_vs_wrap .core_value_box dl.icon2::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/core_value_icon2.png);}
.ms_vs_wrap .core_value_box dl.icon3::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/core_value_icon3.png);}
.ms_vs_wrap .core_value_box dl.icon4::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/core_value_icon4.png);}
.ms_vs_wrap .core_value_box dl.icon5::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/core_value_icon5.png);}

.ms_vs_wrap .symbol_box{display:flex;justify-content:center;align-items:center;gap:40px;position:relative;margin-bottom:50px;}
.ms_vs_wrap .symbol_box .box{flex:1;display:flex;flex-direction:column;gap:30px;padding:40px;border:1px solid #d5d5d5;background:url(/nanum/site/builder/dir/main/img/menu6194/bg_symbol_grid.gif) repeat;box-sizing:border-box;}
.ms_vs_wrap .symbol_box .box span{display:block;position:relative;margin:0 auto;}
.ms_vs_wrap .symbol_box .box span::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.ms_vs_wrap .symbol_box .box span.type1{width:145px;height:145px;}
.ms_vs_wrap .symbol_box .box span.type1::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/symbol_logo_type1.png);}
.ms_vs_wrap .symbol_box .box span.type2{width:389px;height:145px;}
.ms_vs_wrap .symbol_box .box span.type2::after{background-image:url(/nanum/site/builder/dir/main/img/menu6194/symbol_logo_type2.png);}
.ms_vs_wrap .symbol_box .box p{width:fit-content;margin:0 auto;padding:8px 20px;border-radius:40px;background:#000;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:0;}
.ms_vs_wrap .symbol_txt{text-align:center;}
.ms_vs_wrap .symbol_txt .btxt{font-size:2.8rem;font-weight:700;}
.ms_vs_wrap .symbol_txt .stxt{margin-top:30px;font-size:1.9rem;}

/* 연혁 */
.comm_top_box.history{align-items:end;text-align:right;background-image:url(/nanum/site/builder/dir/main/img/menu6194/history_top_box.jpg);color:#fff;}
.history_wrap{display:flex;gap:80px;flex-wrap:wrap;}
.history_wrap .box{width:calc(50% - 40px);scroll-margin-top:140px;}
.history_wrap .box .year{margin-bottom:30px;font-size:5rem;line-height:1.2;font-weight:700;}
.history_wrap .box .his_list dl{display:flex;}
.history_wrap .box .his_list dl:nth-of-type(n+2){margin-top:10px;}
.history_wrap .box .his_list dl dt{flex-shrink:0;width:80px;font-weight:700;color:#202c5c;}
.history_wrap .box .his_list dl dd{flex-grow:1;}

/* 둘러보기 */
.hosp_tour_wrap .hosp_tour .swiper-slide{text-align:center;}
.hosp_tour_wrap .hosp_tour .swiper-slide .place_img{position:relative;width:100%;height:0;padding-bottom:56.26%;overflow:hidden;font-size:0;line-height:0;}
.hosp_tour_wrap .hosp_tour .swiper-slide .place_img img{position:absolute;top:0;left:0;width:100%;height:100%;}
.hosp_tour_wrap .hosp_tour .swiper-slide .place_tit{position:absolute;bottom:0;left:0;width:100%;padding:20px 0;background:rgba(255,255,255,0.5);font-weight:700;text-align:center;}
.hosp_tour_wrap .hosp_tour .btn{position:absolute;top:50%;width:50px;height:50px;background:rgba(0,0,0,0.5);transform:translateY(-50%);cursor:pointer;z-index:1;}
.hosp_tour_wrap .hosp_tour .btn::after{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;background:url(/nanum/site/builder/skin/main/img/common/step_arr.png) no-repeat;background-size:cover;transform:translate(-50%,-50%);filter:invert(100%) sepia(0%) saturate(7443%) hue-rotate(21deg) brightness(119%) contrast(85%);}
.hosp_tour_wrap .hosp_tour .btn.prev{left:0;}
.hosp_tour_wrap .hosp_tour .btn.prev::after{transform:translate(-50%,-50%) rotate(180deg);}
.hosp_tour_wrap .hosp_tour .btn.next{right:0;}
.hosp_tour_wrap .hosp_tour .btn.swiper-button-disabled{opacity:0.2;pointer-events:none;cursor:default;}

/* 장비현황 */
.equip_status_wrap .item{border:1px solid #c3c7cb;}
.equip_status_wrap .item:nth-child(n+2){margin-top:20px;}
.equip_status_wrap .item > a{display:flex;align-items:baseline;gap:20px;position:relative;padding:20px 30px;font-size:2rem;font-weight:700;text-decoration:none;}
.equip_status_wrap .item > a::after{content:'';position:absolute;top:50%;right:30px;width:16px;height:16px;background-image:url(/nanum/site/builder/skin/main/img/common/nav_op.png);background-repeat:no-repeat;background-size:cover;transition:transform 0.2s;transform:translateY(-50%);}
.equip_status_wrap .item > a span.eng{position:relative;padding-left:20px;font-size:1.6rem;font-weight:400;color:#000;letter-spacing:0;}
.equip_status_wrap .item > a span.eng::before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;background:#000;transform:translateY(-50%);}
.equip_status_wrap .cont{display:flex;gap:30px;overflow:hidden;max-height:0;padding:0 30px;transition:max-height 0.3s ease, padding 0.3s ease;}
.equip_status_wrap .cont .txt_area{flex-grow:1;}
.equip_status_wrap .cont .img_area{flex-shrink:0;width:200px;}
.equip_status_wrap .cont .img_area img{width:100%;height:200px;object-fit:contain;}

.equip_status_wrap .item.active > a{background:#f9f9f9;}
.equip_status_wrap .item.active > a::after{background-image:url(/nanum/site/builder/skin/main/img/common/nav_cls.png);}
.equip_status_wrap .item.active .cont{padding:30px;}

/* 병원홍보영상 */
.promo_video_wrap{position:relative;height:0;padding-bottom:56.25%;}
.promo_video_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

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

/* 병원장인사말 */
.greeting_wrap{flex-direction:column;gap:30px;}
.greeting_wrap .img_box{flex:none;width:auto;text-align:center;}
.greeting_wrap .img_box img{width:auto;height:350px;}
.greeting_wrap .cont_box .headline{margin-bottom:20px;font-size:2.8rem;}
.greeting_wrap .cont_box .headline strong::after{display:none;}
.greeting_wrap .cont_box .paragraph p{font-size:2rem;}
.greeting_wrap .cont_box .paragraph p:nth-child(n+2){margin-top:20px;}
.greeting_wrap .cont_box .name{justify-content:center;margin-top:40px;}

/* 미션비전 */
.ms_vs_wrap .mv_vs_box{justify-content:center;gap:50px;}
.ms_vs_wrap .mv_vs_box::before{display:none;}
.ms_vs_wrap .mv_vs_box .box{flex:none;width:40%;padding:0;box-sizing:border-box;}
.ms_vs_wrap .mv_vs_box .box .cir{position:relative;width:100%;height:0;margin-bottom:20px;padding-bottom:100%;}
.ms_vs_wrap .mv_vs_box .box .cir span{gap:5px;position:absolute;top:0;left:0;font-size:1.4rem;}
.ms_vs_wrap .mv_vs_box .box dl dt{font-size:2.4rem;}
.ms_vs_wrap .mv_vs_box .box dl dd{margin-top:10px;font-size:1.7rem;}

.ms_vs_wrap .core_value_box{gap:30px;}
.ms_vs_wrap .core_value_box dl{width:calc(50% - 15px);min-height:100px;padding-left:120px;}
.ms_vs_wrap .core_value_box dl::before{width:100px;height:100px;}
.ms_vs_wrap .core_value_box dl::after{width:84px;height:84px;background-size:auto 32px;}
.ms_vs_wrap .core_value_box dl dt{font-size:1.7rem;}
.ms_vs_wrap .core_value_box dl dd{font-size:1.5rem;}
.ms_vs_wrap .core_value_box dl dd br{display:none;}

.ms_vs_wrap .symbol_box{gap:20px;margin-bottom:30px;}
.ms_vs_wrap .symbol_box .box{gap:20px;width:calc(50% - 10px);padding:20px;}
.ms_vs_wrap .symbol_box .box span.type1{width:75px;height:75px;}
.ms_vs_wrap .symbol_box .box span.type2{width:200px;height:75px;}

.ms_vs_wrap .symbol_txt .btxt{font-size:2.4rem;}
.ms_vs_wrap .symbol_txt .stxt{margin-top:20px;font-size:1.7rem;}
.ms_vs_wrap .symbol_txt .stxt br{display:none;}

/* 연혁 */
.comm_top_box.history{align-items:center;text-align:center;}
.history_wrap{gap:40px;}
.history_wrap .box{width:calc(50% - 20px);}
.history_wrap .box .year{margin-bottom:20px;font-size:3rem;}
.history_wrap .box .his_list dl dt{width:20%;}

/* 둘러보기 */
.hosp_tour_wrap .hosp_tour .btn{width:40px;height:40px;}
.hosp_tour_wrap .hosp_tour .btn::after{width:18px;height:18px;}
.hosp_tour_wrap .hosp_tour .swiper-slide .place_tit{padding:10px 0;}

/* 장비현황 */
.equip_status_wrap .item > a{gap:10px;align-items:center;padding:15px 20px;font-size:1.8rem;}
.equip_status_wrap .item > a::after{right:20px;}
.equip_status_wrap .item > a span.eng{padding-left:10px;font-size:1.4rem;}
.equip_status_wrap .cont{flex-direction:column-reverse;gap:10px;padding:0 20px;}
.equip_status_wrap .cont .img_area{flex:none;width:100%;text-align:center;}
.equip_status_wrap .item.active .cont{padding:20px;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/* 미션비전 */
.ms_vs_wrap .core_value_box dl{min-height:64px;padding-left:84px;}
.ms_vs_wrap .core_value_box dl::before{width:64px;height:64px;}
.ms_vs_wrap .core_value_box dl::after{top:4px;left:4px;width:56px;height:56px;background-size:auto 24px;}
.ms_vs_wrap .symbol_box{flex-wrap:wrap;}
.ms_vs_wrap .symbol_box .box{flex:none;width:100%;}
	
}
	
/********************모바일2********************/
@media all and (max-width:480px){

/* 미션비전 */
.ms_vs_wrap .mv_vs_box{flex-direction:column;}
.ms_vs_wrap .mv_vs_box .box{width:100%;}
.ms_vs_wrap .mv_vs_box .box .cir{width:160px;height:160px;padding-bottom:0;}
.ms_vs_wrap .mv_vs_box .box .cir strong{font-size:2.8rem;}
.ms_vs_wrap .mv_vs_box .box dl dt br{display:none;}
.ms_vs_wrap .core_value_box{flex-direction:column;gap:15px;}
.ms_vs_wrap .core_value_box dl{width:100%;}

/* 연혁 */
.history_wrap{flex-direction:column;gap:20px;}
.history_wrap .box{width:100%;}
.history_wrap .box:nth-child(n+2){padding-top:20px;border-top:1px solid #e5e5e5;}

}

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