@charset "utf-8";

/*병원소개*/
.special_wrap dl{position:relative;margin-bottom:45px;padding:35px;border: 1px solid #ddd;border-radius: 20px;box-sizing:border-box;}
.special_wrap dl:last-child{margin-bottom:0;}
.special_wrap dl dt{position:absolute;left:35px;top:-20px;padding:5px 15px;border-radius:50px;color:#fff;}
.special_wrap dl.gr dt{background:#52b459;}
.special_wrap dl.bl dt{background:#52a5b4;}
.special_wrap dl.pu dt{background:#527cb4;}
.special_wrap dl dd{display:flex;align-items:center;gap:50px;}
.special_wrap dl dd .cont{font-weight:700;font-size:2.3rem;}

/* 미션 및 비전 */
.mission_box{text-align:center;}
.mission_box .title{position: relative; display: inline-block; padding:0 80px; line-height: 1.8; text-align:left; font-size:4rem; font-weight: 200;}
.mission_box .title:before, 
.mission_box .title:after{content: ""; position: absolute; width:46px; height:40px;background: url(/nanum/site/builder/dir/senior/img/menu7493/qu_gray.png)no-repeat center center / 100% auto;}
.mission_box .title:before{left:0; top:0;}
.mission_box .title:after{right:0; bottom:20px;transform:rotate(-180deg);}
.mission_box .title span{display: inline-block; margin-right:10px; color:#666;}
.mission_box .title .gap{margin-left:130px;}

.mission_box dl.mis_dot{margin:50px 0; padding:40px; border:1px dashed #a7a7a7; border-radius:20px;}
.mission_box dl.mis_dot dt{position: relative; padding-bottom:40px; margin-bottom: 10px; font-size:3.5rem; font-family: 'RIDIBatang'; color:#4fb35e;}
.mission_box dl.mis_dot dt::before{content: ""; position: absolute; left:50%; bottom:0; width:1px; height: 20px; background: #000; transform: translateY(-50%);}
.mission_box dl.mis_dot dd{line-height: 1.4; font-size:3.2rem; font-weight: 400;}

/*연혁*/
.s_historybx{display:flex;gap:70px;}
.s_historybx dl{flex-shrink: 0;}
.s_historybx dl dt{font-size:1.5rem;font-weight:400;font-family: 'Poppins';color:#000;line-height:1.3;text-transform: uppercase;letter-spacing: 0;}
.s_historybx dl dd{font-weight:700;font-size:2rem;line-height:1.4;}
.history_wrap > li{position: relative;display:flex;gap: 61px;padding-bottom: 80px;}
.history_wrap > li:before{content:'';position:absolute;left:90px;width:1px;height:100%;background: #e5e5e5;}
.history_wrap > li .year{flex-shrink: 0;width: 60px;font-size:2.5rem;font-weight:700;}
.history_wrap > li .date{padding-top:5px;}
.history_wrap > li .date > li{position: relative;display:flex;gap:20px;}
.history_wrap > li .date > li:after{content:'';position:absolute;top: 10px;left:-35px;width:9px;height:9px;border-radius:50%;background: #52b459;}
.history_wrap > li .date > li > span{font-weight:700;}
.history_wrap > li .date > li > div{color:#222;}

/*찾아오시는 길*/
.intro_wrap .location_box #daumRoughmapContainer1718258869563{width:100%; border-bottom:1px solid #ddd;}
.intro_wrap .location_box .root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap .wrap_btn_zoom{z-index:1 !important;}

.intro_wrap .map_info{position: relative; margin-top:30px; padding-bottom:30px; border-bottom:1px dashed #d6d6d6;}
.intro_wrap .map_info .tit{font-size:2.8rem; font-weight: 700;}
.intro_wrap .map_info > ul{display:flex; gap:30px; margin-top:30px;}
.intro_wrap .map_info > ul > li{padding:10px 0 10px 45px; background-size: 35px auto; background-position: left center; background-repeat: no-repeat;}
.intro_wrap .map_info > ul > li.loc_icon01{background-image: url(/nanum/site/builder/dir/senior/img/menu7489/loc_icon01.png);}
.intro_wrap .map_info > ul > li.loc_icon02{background-image: url(/nanum/site/builder/dir/senior/img/menu7489/loc_icon02.png);}
.intro_wrap .map_info > ul > li.loc_icon03{background-image: url(/nanum/site/builder/dir/senior/img/menu7489/loc_icon03.png);}

.intro_wrap .map_info .loc_map_btn{position: absolute; top:0; right:0;}
.intro_wrap .map_info .loc_map_btn a{position: relative; display:inline-block; padding:10px 25px; border:1px solid #000; border-radius:10px; box-sizing: border-box; transition: .3s; overflow: hidden;}
.intro_wrap .map_info .loc_map_btn a::before{content: ""; position: absolute; left:0; top:0; width:0; height: 100%; background:#4362c9; transition: .5s; z-index:-1;}

.intro_wrap .bus_num {display: flex; gap:30px;}
.intro_wrap .bus_num .tit{min-width: 85px; padding:10px 0; text-align:center; color:#fff; font-weight: 700; border-radius: 50px;}
.intro_wrap .bus_num .org_bg{background:#dc823c;}
.intro_wrap .bus_num > ul{display: flex; gap: 10px;}
.intro_wrap .bus_num > ul > li{min-width: 85px; padding:10px 0; text-align: center; border:1px solid #ddd; box-sizing: border-box; border-radius: 50px;}









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

/*병원소개*/
.special_wrap{margin-top:20px;}
.special_wrap dl{padding: 30px;}
.special_wrap dl dd{gap:30px;}
.special_wrap dl dd .img_wrap{flex-shrink:0;width:70px;height:70px;font-size:0;}
.special_wrap dl dd .img_wrap img{width:100%;height:100%;object-fit:cover;}
.special_wrap dl dd .cont{font-size:2rem;}

/* 미션 및 비전 */
.mission_box dl.mis_dot{margin:5vw 0; padding:4vw;border-radius: 15px;}

/*연혁*/
.s_historybx{flex-direction: column;gap: 30px;}
.history_wrap > li{gap: 41px;padding-bottom: 50px;}
.history_wrap > li:before{left:79px;}
.history_wrap > li .year{font-size: 2.2rem;}
.history_wrap > li .date > li{gap:10px;}
.history_wrap > li .date > li:after{left: -25px;width: 6px;height: 6px;}

/* 찾아오시는 길 */
.root_daum_roughmap{width:100% !important;}
.intro_wrap .map_info > ul{flex-wrap:wrap;}
.intro_wrap .map_info > ul > li{width:100%;}
.intro_wrap .bus_num{flex-direction: column;gap:10px;}
.intro_wrap .bus_num .tit{align-self:flex-start;min-width:auto;padding:5px 20px;}
.intro_wrap .bus_num > ul{flex-wrap:wrap;}
.intro_wrap .bus_num > ul > li{min-width:auto;padding:5px 30px;}



}

/********************모바일********************/
@media all and (max-width:767px){
	
/*병원소개*/
.special_wrap dl{padding: 20px;margin-bottom: 30px;}
.special_wrap dl dt{top: -13px;left: 50%;transform:translateX(-50%);padding: 3px 15px;}
	
/* 미션 및 비전 */
.mission_box .title{padding:0 8vw; line-height: 1.6; font-size:2.5rem;}
.mission_box .title .gap{margin-left:10vw;}
.mission_box .title::before, .mission_box .title::after{width:20px; height:20px;}

.mission_box dl.mis_dot dt{padding-bottom:25px; margin-bottom:5px; font-size:3rem;}
.mission_box dl.mis_dot dt::before{height:15px;}
.mission_box dl.mis_dot dd{font-size:2rem;}

/* 찾아오시는 길 */
.root_daum_roughmap .wrap_map{height:320px !important;}
.intro_wrap .map_info{padding-bottom: 20px;}
.intro_wrap .map_info .tit{font-size: 2.3rem;}
.intro_wrap .map_info .loc_map_btn{position: static;}
.intro_wrap .map_info .loc_map_btn a{width:100%;margin-top: 10px;padding:1vh 2.5vw;text-align:center;}
.intro_wrap .map_info > ul{flex-wrap:wrap; gap:0;margin-top: 10px;}
.intro_wrap .map_info > ul > li{width:100%;padding:8px 0 8px 30px;background-size: 25px auto;}

.intro_wrap .bus_num > ul > li{padding:5px 20px;}

}

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

    .special_wrap dl dd{flex-direction: column;gap:10px;}
    .special_wrap dl dd .cont{align-self:flex-start;}

    /* 찾아오시는 길 */
    .intro_wrap .map_info > ul > li:nth-child(n+2){width:100%;}

}


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

    /* 찾아오시는 길 */
    .intro_wrap .map_info .loc_map_btn a:hover{color:#fff; border:1px solid #4362c9;}
    .intro_wrap .map_info .loc_map_btn a:hover::before{width:100%;}
	
}