@CHARSET "UTF-8";

/* 편의시설안내 */
.amen_list_wrap{display:flex;gap:50px;flex-wrap:wrap;}
.amen_list_wrap li{min-width:300px;border-bottom:1px solid #e5e5e5;}
.amen_list_wrap li .img_box{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.26%;font-size:0;line-height:0;background:#f9f9f9;}
.amen_list_wrap li .img_box img{position:absolute;top:0;left:0;width:100%;height:100%;}
.amen_list_wrap li .info_box{display:flex;flex-direction:column;gap:20px;padding:30px 0;}
.amen_list_wrap li .info_box .name{font-size:2.2rem;font-weight:700;}
.amen_list_wrap li .info_box .info{margin-top:auto;}
.amen_list_wrap li .info_box .info dl{display:flex;justify-content:space-between;font-size:1.6rem;}
.amen_list_wrap li .info_box .info dl:nth-child(n+2){margin-top:5px;}
.amen_list_wrap li .info_box .info dl dt{flex-shrink:0;width:80px;font-weight:600;}
.amen_list_wrap li .info_box .info dl dd{flex-grow:1;}

/* 오시는길 */
.direction_wrap .map_box{position:relative;max-width:1000px;}
.direction_wrap .map_box .root_daum_roughmap{width:100%;padding-bottom:50%;}
.direction_wrap .map_box .root_daum_roughmap .wrap_map{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5;box-sizing:border-box;}
.direction_wrap .map_box .root_daum_roughmap .map_border{display:none;}
.direction_wrap .map_box .root_daum_roughmap .wrap_controllers,
.direction_wrap .map_box .root_daum_roughmap .cont{display:none;}
.direction_wrap .map_box .root_daum_roughmap .wrap_btn_zoom{z-index:1;}
.direction_wrap .map_info{display:flex;align-items:center;justify-content:space-between;padding:30px 0;}
.direction_wrap .map_info .info{display:flex;flex-direction:column;gap:10px;}
.direction_wrap .map_info .info dl{display:flex;}
.direction_wrap .map_info .info dl dt{flex-shrink:0;position:relative;width:140px;padding-left:40px;font-weight:700;box-sizing:border-box;}
.direction_wrap .map_info .info dl dt::after{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;background-size:cover;transform:translateY(-50%);}
.direction_wrap .map_info .info dl.adr dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6151/icon_adr.png);}
.direction_wrap .map_info .info dl.tel dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6151/icon_tel.png);}
.direction_wrap .map_info .btn_area{display:flex;gap:10px;}
.direction_wrap .map_info .btn_area a{display:flex;align-items:center;justify-content:center;flex:1;padding:12px 30px;border-radius:10px;box-sizing:border-box;}
.direction_wrap .map_info .btn_area a span{display:flex;align-items:center;position:relative;min-height:24px;padding-left:35px;font-size:1.5rem;font-weight:700;}
.direction_wrap .map_info .btn_area a span::before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;border-radius:5px;background-repeat:no-repeat;background-size:cover;transform:translateY(-50%);box-sizing:border-box;}
.direction_wrap .map_info .btn_area a.naver{background-color:#05c65a;}
.direction_wrap .map_info .btn_area a.naver span{color:#fff;}
.direction_wrap .map_info .btn_area a.naver span::before{background-image:url(/nanum/site/builder/main/main/img/icon_navermap.png);}
.direction_wrap .map_info .btn_area a.kakao{background-color:#fae200;}
.direction_wrap .map_info .btn_area a.kakao span::before{border:1px solid rgba(0,0,0,0.1);background-image:url(/nanum/site/builder/main/main/img/icon_kakaomap.png);}

.direction_wrap .traffic_guide .box{display:flex;gap:40px;align-items:center;}
.direction_wrap .traffic_guide .box:nth-child(n+2){margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5;}
.direction_wrap .traffic_guide .box .tit{flex-shrink:0;position:relative;width:100px;padding-top:115px;font-size:1.9rem;font-weight:600;color:#005bbd;text-align:center;}
.direction_wrap .traffic_guide .box .tit::after{content:'';position:absolute;top:0;left:0;width:100px;height:100px;border-radius:100%;background-color:#005bbd;background-repeat:no-repeat;background-position:50% 50%;background-size:50px;}
.direction_wrap .traffic_guide .box.subway .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6151/icon_subway.png);}
.direction_wrap .traffic_guide .box.bus .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6151/icon_bus.png);}
.direction_wrap .traffic_guide .box .cont{display:flex;flex-grow:1;gap:40px;flex-wrap:wrap;}
.direction_wrap .traffic_guide .box .cont dl{width:260px;}
.direction_wrap .traffic_guide .box .cont dl dt{margin-bottom:5px;font-weight:600;}

/* 층별안내 */
.floor_srch .srch_box{display:flex;justify-content:center;align-items:center;margin-bottom:40px;padding:25px 0;background:#f9fafc;}
.floor_srch .srch_box .srch_area{display:flex;min-width:370px;height:50px;}
.floor_srch .srch_box .srch_area .srch_txt{flex-grow:1;height:100%;padding:0 60px 0 30px;border:1px solid #e5e5e5;border-radius:50px;box-sizing:border-box;font-size:1.6rem;font-weight:700;color:#000;}
.floor_srch .srch_box .srch_area .srch_txt::placeholder{font-weight:500;color:#b5b5b5;}
.floor_srch .srch_box .srch_area .srch_txt::-webkit-input-placeholder{font-weight:500;color:#b5b5b5;}
.floor_srch .srch_box .srch_area .srch_txt:-ms-input-placeholder{font-weight:500;color:#b5b5b5;}
.floor_srch .srch_box .srch_area .srch_btn{flex-shrink:0;width:50px;height:50px;margin-left:-50px;border-radius:100%;border:0;background:url(/nanum/site/medicalpart/img/btn_srch_w.png) no-repeat 50% 50% #005bbd;background-size:20px auto;text-indent:-9999px;cursor:pointer;box-sizing:border-box;}

.floor_srch .result_list{padding:30px;border:1px solid #000;margin-bottom:80px;box-sizing:border-box;}
.floor_srch .result_list ul{display:flex;flex-wrap:wrap;gap:0 20px;}
.floor_srch .result_list ul li{width:calc(50% - 10px);}
.floor_srch .result_list ul li a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border-bottom:1px solid #e5e5e5;}
.floor_srch .result_list ul li a .place{font-size:1.5rem;font-weight:500;}
.floor_srch .result_list ul li a .place strong.find{padding:0 2px;font-weight:700;background:#e8f0f8;color:#305dce;}
.floor_srch .result_list ul li a .btn_loca{padding:5px 15px;background:#005bbd;font-size:1.3rem;font-weight:700;color:#fff;}

.floor_wrap .floor_list{padding:20px;border:1px solid #e5e5e5;}
.floor_wrap .floor_list ul{display:flex;flex-wrap:wrap;gap:10px 15px;}
.floor_wrap .floor_list ul li{font-size:1.6rem;line-height:1.5;}
.floor_wrap .floor_list ul li.on{font-weight:600;color:#224191;text-decoration:underline;}
.floor_wrap .floor_cont{position:relative;display:flex;justify-content:center;align-items:center;padding:50px 0;}
.floor_wrap .floor_cont .floor_img{position:relative;font-size:0;line-height:0;}
.floor_wrap .floor_cont .floor_img img{width:100%;}
.floor_wrap .floor_cont .map_pin{position:absolute;top:50%;left:50%;min-width:30px;min-height:45px;background:url(/nanum/site/builder/dir/main/img/menu4846/bg_map_pin.png) no-repeat 0 100%;background-size:100% auto;transition:left 0.3s ease, top 0.3s ease;-webkit-transition:left 0.3s ease, top 0.3s ease;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.floor_wrap .floor_cont .map_pin::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/nanum/site/builder/dir/main/img/menu4846/icon_map_pin.png) no-repeat;background-size:100% auto;animation-name:map_pin;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-duration:1.3s;}

@keyframes map_pin{
	0%{top:-3px;}
	20%{top:-10px;}
	40%{top:3px;}
	60%{top:-7px;}
	80%{top:0px;}
	100%{top:-3px;}
}

.floor_tb_wrap table{width:100%;}
.floor_tb_wrap table th{text-align:center;font-size:2rem;font-weight:700;}
.floor_tb_wrap table th,
.floor_tb_wrap table td{padding:15px 20px;border:1px solid #fff;box-sizing:border-box;}
.floor_tb_wrap table thead th{color:#fff;}
.floor_tb_wrap table thead th.main_hall{background:#005bbd;}
.floor_tb_wrap table thead th.sub_hall{background:#8349ca;}
.floor_tb_wrap table tbody tr{position:relative;}
.floor_tb_wrap table tbody td{font-weight:500;}
.floor_tb_wrap table tbody td.empty{background:#fff !important;}
.floor_tb_wrap table tbody td:first-of-type{background:#e7f3ff;text-align:left;}
.floor_tb_wrap table tbody td:last-of-type{background:#f4ebff;text-align:right;}
.floor_tb_wrap table tbody td span.bridge{position:absolute;top:50%;left:calc(50% + 5%);padding:5px 18px;border-radius:30px;background:#000;text-align:center;font-size:1.3rem;font-weight:700;color:#fff;transform:translate(-50%,-50%);}
.floor_tb_wrap table tbody td .stxt{font-size:1.6rem;font-weight:400;line-height:1.3;color:#555;}

/* 보강아트홀 */
.arthall_wrap .headline{position:relative;margin-bottom:40px;padding-top:350px;font-size:3rem;line-height:1.3;text-align:center;}
.arthall_wrap .headline::before{content:'';position:absolute;top:0;left:0;width:100%;height:300px;background:url(/nanum/site/builder/dir/main/img/menu6151/arthall_img.jpg) no-repeat;background-size:cover;}
.arthall_wrap .contact_box{display:flex;justify-content:center;gap:30px;margin-bottom:100px;}
.arthall_wrap .contact_box dl{display:flex;align-items:center;gap:20px;}
.arthall_wrap .contact_box dl dt{padding:3px 20px;background:#f9f9f9;font-size:1.6rem;font-weight:600;border-radius:30px;}
.arthall_wrap .contact_box dl dd{font-size:2rem;}
.arthall_wrap .scale_box{display:flex;}
.arthall_wrap .scale_box dl{flex:1;}
.arthall_wrap .scale_box dl dt{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #000;font-weight:700;}
.arthall_wrap .time_box{display:flex;gap:20px;}
.arthall_wrap .time_box dl{flex:1;padding:50px 0;background:#f9f9f9;text-align:center;}
.arthall_wrap .time_box dl dt{margin-bottom:10px;font-weight:700;}
.arthall_wrap .time_box dl dd{font-size:2.4rem;}

/* 제증명및의무기록발급 */
.record_issuance_wrap ol{display:flex;gap:50px;}
.record_issuance_wrap ol li{position:relative;flex:1;text-align:center;}
.record_issuance_wrap ol li:nth-child(n+2)::before{content:'';position:absolute;top:50%;left:-33px;width:16px;height:16px;background:url(/nanum/site/builder/dir/main/img/menu6151/medi_process_arr2.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.record_issuance_wrap ol li dl{display:flex;flex-direction:column;height:100%;}
.record_issuance_wrap ol li dl dt{padding:10px;border:1px solid #005bbd;border-radius:10px 10px 0 0;font-weight:700;color:#005bbd;box-sizing:border-box;}
.record_issuance_wrap ol li dl dd{display:flex;align-items:center;justify-content:center;flex-grow:1;padding:20px;border:1px solid #e5e5e5;border-top:0;border-radius:0 0 10px 10px;box-sizing:border-box;font-size:1.6rem;}

/* 저소득층의료비지원 */
.low_mfa_wrap .headline{position:relative;display:flex;align-items:center;justify-content:center;height:300px;margin-bottom:50px;background-repeat:no-repeat;background-size:cover;}
.low_mfa_wrap .headline::after{content:'';position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.low_mfa_wrap .headline p{position:relative;font-size:2.4rem;font-weight:600;color:#fff;text-align:center;z-index:1;}
.low_mfa_wrap .headline.case1{background-image:url(/nanum/site/builder/dir/main/img/menu6151/img_mfa_case1.jpg);}
.low_mfa_wrap .headline.case2{background-image:url(/nanum/site/builder/dir/main/img/menu6151/img_mfa_case2.jpg);}
.low_mfa_wrap .headline.case3{background-image:url(/nanum/site/builder/dir/main/img/menu6151/img_mfa_case3.jpg);}

/********************태블릿********************/
@media all and (max-width:1024px){
	
/* 보강아트홀 */
.arthall_wrap .headline{padding-top:calc(30% + 40px);}
.arthall_wrap .headline::before{height:0;padding-bottom:30%;}

/* 편의시설안내 */
.amen_list_wrap{gap:30px;}
.amen_list_wrap li{width:calc(33.3333% - 20px);min-width:auto;}
.amen_list_wrap li .info_box{gap:10px;padding:20px 0;}
.amen_list_wrap li .info_box .name{font-size:1.9rem;}
.amen_list_wrap li .info_box .info dl{font-size:1.4rem;}

/* 오시는길 */
.direction_wrap .traffic_guide .box{flex-direction:column;gap:20px;}
.direction_wrap .traffic_guide .box .tit{display:flex;align-items:center;width:100%;min-height:64px;padding-left:80px;padding-top:0;box-sizing:border-box;}
.direction_wrap .traffic_guide .box .tit::after{width:64px;height:64px;background-size:32px;}
.direction_wrap .traffic_guide .box .cont{gap:20px 40px;width:100%;}
.direction_wrap .traffic_guide .box .cont dl{width:calc(50% - 20px);}

/* 층별안내 */
.floor_srch .srch_box{margin-bottom:20px;padding:0;background:none;}
.floor_srch .srch_box .srch_area{width:100%;min-width:auto;}

.floor_srch .result_list{margin-top:10px;padding:10px 20px;margin-bottom:40px;}
.floor_srch .result_list ul{gap:0 10px;justify-content:space-between;}
.floor_srch .result_list ul li{width:calc(50% - 5px);}
.floor_srch .result_list ul li a{border-bottom:0;}
.floor_srch .result_list ul li:nth-child(n+3) a{border-top:1px solid #e5e5e5;}

.floor_wrap .floor_list{padding:2vh 2vw;}
.floor_wrap .floor_cont{padding:5vh 5vw;}
.floor_wrap .floor_cont .map_pin{min-width:20px;min-height:30px;}

/* 저소득층의료비지원 */
.low_mfa_wrap .headline{height:200px;padding:0 30px;box-sizing:border-box;}
.low_mfa_wrap .headline p{font-size:1.9rem;}
.low_mfa_wrap .headline p br{display:none;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/* 보강아트홀 */
.arthall_wrap .headline{margin-bottom:20px;font-size:2.4rem;}
.arthall_wrap .headline br{display:none;}
.arthall_wrap .contact_box{flex-direction:column;align-items:center;gap:10px;margin-bottom:60px;}
.arthall_wrap .scale_box{flex-direction:column;gap:30px;margin-bottom:40px;}

/* 편의시설안내 */
.amen_list_wrap{gap:20px;}
.amen_list_wrap li{width:calc(50% - 10px);}

/* 오시는길 */
.direction_wrap .map_info{flex-direction:column;gap:20px;}
.direction_wrap .map_info .info{width:100%;}
.direction_wrap .map_info .info dl dt{width:90px;padding-left:26px;}
.direction_wrap .map_info .info dl dt::after{width:16px;height:16px;}
.direction_wrap .map_info .btn_area{width:100%;}

/* 층별안내 */
.floor_srch .srch_box .srch_area{height:40px;}
.floor_srch .srch_box .srch_area .srch_txt{padding:0 50px 0 20px;border-radius:40px;}
.floor_srch .srch_box .srch_area .srch_btn{width:40px;height:40px;margin-left:-40px;background-size:auto 16px;}

.floor_srch .result_list ul li a .place{width:100%;}
.floor_srch .result_list ul li a .btn_loca{display:none;}

/* 제증명및의무기록발급 */
.record_issuance_wrap ol{flex-direction:column;}
.record_issuance_wrap ol li:nth-child(n+2)::before{top:-33px;left:50%;transform:translateX(-50%) rotate(90deg);}

}

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

/* 보강아트홀 */
.arthall_wrap .time_box{gap:10px;}
.arthall_wrap .time_box dl{padding:20px 0;}
.arthall_wrap .time_box dl dt{margin-bottom:5px;}
.arthall_wrap .time_box dl dd{font-size:1.9rem;}

/* 편의시설안내 */
.amen_list_wrap li{width:100%;}

/* 오시는길 */
.direction_wrap .map_info{flex-direction:column;gap:20px;}
.direction_wrap .map_info .info{width:100%;}
.direction_wrap .map_info .con_btn{width:100%;}
.direction_wrap .traffic_guide .box .tit{min-height:48px;padding-left:60px;}
.direction_wrap .traffic_guide .box .tit::after{width:48px;height:48px;background-size:24px;}
.direction_wrap .traffic_guide .box .cont{gap:20px;}
.direction_wrap .traffic_guide .box .cont dl{width:100%;}

/* 층별안내 */
.floor_srch .result_list ul{flex-direction:column;}
.floor_srch .result_list ul li{width:100%;}
.floor_srch .result_list ul li:nth-child(n+2) a{border-top:1px solid #e5e5e5;}

.floor_tb_wrap table{table-layout:fixed;}
.floor_tb_wrap table th{font-size:1.7rem;}
.floor_tb_wrap table th,
.floor_tb_wrap table td{padding:10px;font-size:1.5rem;}
.floor_tb_wrap table tr{display:flex;width:calc(100vw - 40px);}
.floor_tb_wrap table thead th,
.floor_tb_wrap table tbody td{width:50%;}
.floor_tb_wrap table thead th:first-of-type{display:none;}
.floor_tb_wrap table tbody tr{position:unset;flex-wrap:wrap;}
.floor_tb_wrap table tbody tr:nth-child(n+2){margin-top:10px;}
.floor_tb_wrap table tbody th{width:100%;text-align:left;}
.floor_tb_wrap table tbody td{position:relative;}
.floor_tb_wrap table tbody td span.bridge{left:0;padding:5px 10px;font-size:1.2rem;}

}