@charset "utf-8";

/* 찾아오시는길 */
.contact_wrap .map_box{width:850px;margin-bottom:20px;}
.contact_wrap .map_box .root_daum_roughmap{width:850px;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:470px;}
.contact_wrap .map_info{overflow:hidden;height:50px;margin-bottom:70px;padding-top:20px;}
.contact_wrap .map_info dl{float:left;font-family:'NotoKrM';font-size:16px;line-height:50px;}
.contact_wrap .map_info dt{float:left;padding:0 30px 0 70px;}
.contact_wrap .map_info dt.addr{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_addr.gif) no-repeat;}
.contact_wrap .map_info dt.tel{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_tel.gif) no-repeat;}
.contact_wrap .map_info dd{float:left;margin-right:40px;color:#555;}
.contact_wrap .map_info dd span{font-family:'Montserrat',sans-serif;font-weight:500;letter-spacing:0.05em;}
.contact_wrap .map_info .map_zoom{display:block;float:right;width:160px;height:50px;background:#238cfa;font-size:16px;line-height:50px;letter-spacing:-0.05em;color:#fff;text-align:center;}
.contact_wrap .map_info .map_zoom span{padding-left:30px;background:url(/nanum/site/builder/dir/main/img/menu3743/btn_map_zoom.png) no-repeat 0 50%;}
.contact_wrap .route_info{border-top:1px solid #000;}
.contact_wrap .route_info dl{display:table;padding:40px 0;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.contact_wrap .route_info dt,
.contact_wrap .route_info dd{display:table-cell;vertical-align:middle;}
.contact_wrap .route_info dt{width:200px;}
.contact_wrap .route_info dt span{display:block;padding-top:45px;font-family:'NotoKrM';font-size:20px;line-height:25px;color:#1f4bb4;text-align:center;}
.contact_wrap .route_info dt span.bus{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_bus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.taxi{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_taxi.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.car{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_car.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.kobus{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_kobus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dd{width:600px;padding-left:50px;}
.contact_wrap .route_info dd ul > li{margin-top:30px;}
.contact_wrap .route_info dd ul > li:first-child{margin-top:0;}
.contact_wrap .route_info dd ul > li p{color:#555 !important;}
.contact_wrap .route_info dd ul.list li{margin-top:0;}
.contact_wrap .route_info dd .route_tit{overflow:hidden;margin-bottom:10px;font-family:'NotoKrB';font-size:17px;color:#222 !important;}
.contact_wrap .route_info dd .route_tit:first-of-type{margin-top:0;}
.contact_wrap .route_info dd .route_tit li{float:left;margin-left:12px;padding-left:34px;background:url(/nanum/site/builder/dir/main/img/menu3743/bg_route_arr.gif) no-repeat 0 50%;}
.contact_wrap .route_info dd .route_tit li:first-child{margin-left:0;padding-left:0;background:none;}

/* 지도건너뛰기_210223추가 */
#map{position:relative;width:850px;height:400px;margin-bottom:20px;}
.skip_api{overflow:hidden;width:100%;height:0;}
.skip_api a{display:block;overflow:hidden;text-align:center;width:0;height:50px;text-indent:-9999px;color:#000;white-space:nowrap;z-index:9999 !important;}
.skip_api a:hover,
.skip_api a:focus,
.skip_api a:active{position:absolute;top:0;left:0;width:100%;height:auto;text-indent:0;padding:5px;background:#e8f6fb;border:1px solid #ddd;z-index:9999;}

/* 층별안내 */
.flplan_wrap .entire{border:1px solid #e5e5e5;font-size:0;line-height:0;}

.flplan_wrap .floor_tab{position:relative;height:618px;}
.flplan_wrap .floor_tab>ul>li:first-child>a{border-top:1px solid #e5e5e5;}
.flplan_wrap .floor_tab>ul>li>a{display:block;width:45px;height:49px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'Roboto',sans-serif;font-weight:500;font-size:16px;letter-spacing:0.05em;text-align:center;line-height:50px;}
.flplan_wrap .floor_tab>ul>li.on>a{border-left:1px solid #697c9b;border-bottom:1px solid #697c9b;background:#697c9b;color:#fff;}
.flplan_wrap .floor_tab>ul>li:first-child.on>a{border-top:1px solid #697c9b;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list{position:absolute;top:0;left:46px;width:130px;height:558px;padding:30px 10px;background:#697c9b;color:#fff;text-align:left;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li{margin-bottom:10px;font-size:14px;line-height:20px;letter-spacing:-0.075em;color:#fff;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li a{color:#fff;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li ul{margin-top:12px;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li ul li{margin-bottom:10px;padding-left:10px;background:url(/nanum/site/builder/dir/main/img/menu3743/icon_roomlist.gif) no-repeat 0 7px;font-size:13px;line-height:1;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li ul li a{color:rgba(255,255,255,0.8);}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont{display:table;position:absolute;top:0;left: 197px;width: 635px;height: 606px;padding:5px;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;font-size:0;line-height:0;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont .vertical{position:relative;display:table-cell;vertical-align:middle;}

.flplan_wrap .floor_icon{text-align:right;padding:15px 30px 0 0;}
.flplan_wrap .floor_icon li{display:inline-block;height:18px;margin-left:20px;padding-left:25px;font-family:'NotoKrM';font-size:13px;line-height:18px;color:#555;}
.flplan_wrap .floor_icon li.stairs{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_stairs.gif) no-repeat;}
.flplan_wrap .floor_icon li.elevator{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_elevator.gif) no-repeat;}
.flplan_wrap .floor_icon li.toilet{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_toilet.gif) no-repeat;}
.flplan_wrap .floor_icon li.receipt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_receipt.gif) no-repeat;}

/* 고객서비스공통 */
.cs_bluebox{padding:40px;border-radius:0 20px;background-color:#1978d0;background-repeat:no-repeat;}
.cs_bluebox .tit{display:inline-block;margin-bottom:30px;padding-bottom:7px;background:url(/nanum/site/builder/skin/main/img/common/line_white.gif) repeat-x bottom;font-family:'NotoKrL';font-size:28px;line-height:1;color:#fff;letter-spacing:-0.075em;}
.cs_bluebox .txt{line-height:24px;color:#fff;}

.cs_ctbox{overflow:hidden;padding:40px 0;}
.cs_ctbox dl{float:left;}

.cs_ctbox.type_v dl{text-align:center;}
.cs_ctbox.type_v dt{margin-bottom:15px;padding-top:80px;font-family:'NotoKrM';font-size:19px;line-height:1;color:#000;}
.cs_ctbox.type_v dd{padding:0 40px;line-height:24px;color:#555;word-breaK:keep-all;}

.cs_ctbox.type_h{padding:0;}
.cs_ctbox.type_h dl{display:flex;align-items:center;gap:20px;width:100%;min-height:60px;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.cs_ctbox.type_h dt{position:relative;flex-shrink:0;width:200px;padding-top:70px;background:none !important;font-family:'NotoKrM';font-size:15px;text-align:center;}
.cs_ctbox.type_h dt::before{content:'';position:absolute;top:0;left:50%;width:60px;height:60px;background-repeat:no-repeat;background-size:cover;transform:translateX(-50%);}
.cs_ctbox.type_h dl.icon1 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs1.gif);}
.cs_ctbox.type_h dl.icon2 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs2.gif);}
.cs_ctbox.type_h dl.icon3 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs3.gif);}
.cs_ctbox.type_h dl.icon4 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs4.gif);}
.cs_ctbox.type_h dl.icon5 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs5.gif);}
.cs_ctbox.type_h dl.icon6 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs6.gif);}
.cs_ctbox.type_h dd{flex-grow:1;}

/* 고객지원팀 */
.customer_wrap .cs_bluebox{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_customer.png);background-position:764px 30px;}
.customer_wrap .cs_ctbox dl.icon1 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs1.gif) no-repeat 50% 0;}
.customer_wrap .cs_ctbox dl.icon2 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs2.gif) no-repeat 50% 0;}
.customer_wrap .cs_ctbox dl.icon3 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_cs3.gif) no-repeat 50% 0;}

/* 종합안내데스크 */
.infodesk_wrap .cs_bluebox{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_infodesk.png);background-position:757px 30px;}
.infodesk_wrap .cs_ctbox{margin-left:-10px;}
.infodesk_wrap .cs_ctbox dl{width:420px;margin-left:10px;}
.infodesk_wrap .cs_ctbox dd{font-family:'Montserrat',sans-serif;font-weight:500;font-size:19px;letter-spacing:0.025em;color:#1f4bb4;}
.infodesk_wrap .cs_ctbox dl.icon1 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_desk1.gif) no-repeat 0 0;}
.infodesk_wrap .cs_ctbox dl.icon2 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_desk2.gif) no-repeat 0 0;}
.infodesk_wrap .info_list{overflow:hidden;margin-left:-10px;}
.infodesk_wrap .info_list li{float:left;margin-left:10px;width:418px;height:48px;margin:0 0 10px 10px;border:1px dashed #d5d5d5;font-size:15px;line-height:48px;color:#555;text-align:center;}

/* 연말정산의료비 */
.meditax_wrap .cs_bluebox{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_meditax.png);background-position:764px 30px;}
.meditax_wrap .cs_ctbox dl{width:50%;}
.meditax_wrap .cs_ctbox dl.icon1 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_tax1.gif) no-repeat 50% 0;}
.meditax_wrap .cs_ctbox dl.icon2 dt{background:url(/nanum/site/builder/dir/main/img/menu3743/icon_tax2.gif) no-repeat 50% 0;}

/* 진료기록열람사본발급안내 */
.medirec_wrap .cs_bluebox .section1{overflow:hidden;}
.medirec_wrap .cs_bluebox .section1 .tit{float:left;width:160px;padding-bottom:80px;background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_medirec.png);background-repeat:no-repeat;background-position:50% 100%;text-align:center;}
.medirec_wrap .cs_bluebox .section1 .tit strong{display:block;margin-bottom:10px;}
.medirec_wrap .cs_bluebox .section1 .txt{float:right;width:570px;}
.medirec_wrap .cs_bluebox .section1 .txt p{margin-top:10px;}
.medirec_wrap .cs_bluebox .section1 .txt strong.yellow{color:#ff0;}
.medirec_wrap .issue_step{display:inline-block;}
.medirec_wrap .issue_step li{position:relative;float:left;text-align:center;}
.medirec_wrap .issue_step li span.num_cir{display:block;position:absolute;top:0;left:50%;width:40px;height:40px;margin-left:-20px;border-radius:100%;box-shadow:5px 5px 10px 0 rgba(31,75,180,0.5);background:#1f4bb4;font-family:'Roboto',sans-serif;font-weight:700;font-size:15px;line-height:40px;color:#fff;}
.medirec_wrap .issue_step li dl{height:100px;margin-top:20px;padding-top:40px;border-radius:10px;background:#f6f7f9;}
.medirec_wrap .issue_step li dt{font-family:'NotoKrM';font-size:18px;line-height:1;}
.medirec_wrap .issue_step li dd{padding-top:20px;font-size:14px;line-height:22px;letter-spacing:-0.05em;color:#555;}
.medirec_wrap .issue_step.no3{margin-left:-35px;}
.medirec_wrap .issue_step.no3 li{width:260px;margin:0 0 35px 35px;}
.medirec_wrap .issue_step.no4{margin-left:-30px;}
.medirec_wrap .issue_step.no4 li{width:190px;margin-left:30px;}
.medirec_wrap .issue_step.no5{margin-left:-10px;}
.medirec_wrap .issue_step.no5 li{width:162px;margin-left:10px;}
.medirec_wrap .issue_step.no5 li dl{height:120px;}
.medirec_wrap .table1 td .con_sbtn.file_down{margin:10px 0 0 0 !important;}
.medirec_wrap .table1 th dl.target{margin-top:20px;text-align:left;}
.medirec_wrap .table1 th dl.target dt{margin-bottom:10px;}
.medirec_wrap .table1 th dl.target dd{margin-bottom:5px;font-family:'NotoKrM';}


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

/* 찾아오시는길 */
.contact_wrap .map_box{width:100%;}
.contact_wrap .map_box .root_daum_roughmap{width:100%;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:300px;}
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:15px;line-height:35px;}
.contact_wrap .map_info dt{padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-right:30px;}
.contact_wrap .map_info .map_zoom{width:auto;height:35px;padding:0 20px;font-size:14px;line-height:35px;}
.contact_wrap .map_info .map_zoom span{padding-left:25px;background-size:15px auto;}
.contact_wrap .route_info dl{width:100%;padding:20px 0;}
.contact_wrap .route_info dt{width:20%;}
.contact_wrap .route_info dt span{padding-top:30px;background-size:auto 20px !important;font-size:17px;line-height:22px;}
.contact_wrap .route_info dd{width:80%;padding-left:0;}
.contact_wrap .route_info dd ul > li{margin-top:15px;}
.contact_wrap .route_info dd .route_tit{margin-bottom:8px;font-size:15px;}
.contact_wrap .route_info dd .route_tit li{padding-left:25px;background-size:auto 5px;}

/* 층별안내  */
.flplan_wrap .floor_tab{height:620px;}
.flplan_wrap .floor_tab>ul>li>a{position:relative;font-size:15px;z-index:10;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li{font-size:14px;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list li ul li{margin-bottom:8px;padding-left:10px;background-size:5px auto;font-size:13px;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont{width:100%;height:500px;left:0;padding-left:220px;border:0;box-sizing:border-box;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont img{max-width:530px;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont .map_pointer{display:none !important;}

/* 고객서비스공통 */
.cs_bluebox{padding:30px 25px;background-position:95% 30px !important;background-size:24px auto !important;}
.cs_bluebox .tit{margin-bottom:20px;padding-bottom:5px;font-size:19px;}
.cs_bluebox .txt{line-height:22px;word-break:keep-all;}
.cs_bluebox .txt br{display:none;}

.cs_ctbox{padding:30px 0;}

.cs_ctbox.type_v dt{margin-bottom:10px;padding-top:50px;background-size:35px auto !important;font-size:17px;}
.cs_ctbox.type_v dd{padding:0 20px;line-height:22px;}

/* 종합안내데스크 */
.infodesk_wrap .cs_ctbox{margin-left:0;}
.infodesk_wrap .cs_ctbox dl{width:50%;margin-left:0;}
.infodesk_wrap .info_list{margin-left:0;}
.infodesk_wrap .info_list li{width:49%;height:auto;margin:0 0 2% 0;padding:10px 0;font-size:13px;line-height:normal;box-sizing:border-box;}
.infodesk_wrap .info_list li:nth-child(odd){float:left;}
.infodesk_wrap .info_list li:nth-child(even){float:right;}

/* 진료기록열람사본발급안내 */
.medirec_wrap .cs_bluebox{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_medirec.png);}
.medirec_wrap .cs_bluebox .section1{margin-bottom:10px;}
.medirec_wrap .cs_bluebox .section1 .tit{float:none;width:auto;padding-bottom:0;background:none;text-align:left;}
.medirec_wrap .cs_bluebox .section1 .tit strong{display:inline-block;margin-bottom:0;}
.medirec_wrap .cs_bluebox .section1 .txt{float:none;width:auto;}

.medirec_wrap .issue_step{width:100% !important;margin-left:0 !important;}
.medirec_wrap .issue_step li{margin-left:0 !important;padding:0 5px;box-sizing:border-box;}
.medirec_wrap .issue_step li span.num_cir{width:30px;height:30px;margin-left:-15px;font-size:13px;line-height:30px;}
.medirec_wrap .issue_step li dl{height:90px;margin-top:15px;padding-top:30px;}
.medirec_wrap .issue_step li dt{font-size:17px;}
.medirec_wrap .issue_step li dd{padding:10px 15px;font-size:13px;line-height:18px;}

.medirec_wrap .issue_step.no3 li{width:33.3333%;}
.medirec_wrap .issue_step.no4 li{width:25%;}

}

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

/* 찾아오시는길 */
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:14px;line-height:35px;}
.contact_wrap .map_info dt{margin-bottom:8px;padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-bottom:8px;}
.contact_wrap .map_info .map_zoom{width:100%;padding:0;margin-top:10px;}
.contact_wrap .route_info dl{display:block;}
.contact_wrap .route_info dt{display:block;width:100%;margin-bottom:15px;}
.contact_wrap .route_info dt span{display:inline-block;padding:0 0 0 35px;background-position:0 50% !important;}
.contact_wrap .route_info dt span br{display:none;}
.contact_wrap .route_info dd{display:block;width:100%;}

/* 층별안내_외래1,2관 */
.flplan_wrap .floor_tab{height:auto;}
.flplan_wrap .floor_tab>ul{overflow:hidden;}
.flplan_wrap .floor_tab>ul::after{content:"";display:block;clear:both;}
.flplan_wrap .floor_tab>ul>li{float:left;}
.flplan_wrap .floor_tab>ul.no4>li{width:25%;}
.flplan_wrap .floor_tab>ul.no5>li{width:20%;}
.flplan_wrap .floor_tab>ul.no6>li{width:16.66%;}
.flplan_wrap .floor_tab>ul.no7>li{width:14.2%;}
.flplan_wrap .floor_tab>ul.no8>li{width:12.5%;}
.flplan_wrap .floor_tab>ul.no9>li{width:11.11%;}
.flplan_wrap .floor_tab>ul.no10>li{width:10%;}
.flplan_wrap .floor_tab>ul>li>a{width:auto !important;height:40px;font-size:14px;line-height:40px;border-top:1px solid #e5e5e5;box-sizing:border-box;}
.flplan_wrap .floor_tab>ul>li.on>a{border-top:1px solid #697c9b;}
.flplan_wrap .floor_tab>ul>li:last-child a{border-right:1px solid #e5e5e5;}
.flplan_wrap .floor_tab>ul>li>.tab_info ul.room_list{display:none;}
.flplan_wrap .floor_tab ul li .tab_info{position:absolute;top:40px;left:0;width:100%;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont{position:relative;height:auto;padding:10px;border:1px solid #e5e5e5;border-top:0;}

.flplan_wrap .floor_icon{display:inline-block;width:100%;padding:20px 0;text-align:center;}
.flplan_wrap .floor_icon li{text-align:left;box-sizing:border-box;}
.flplan_wrap .floor_icon li:first-child{margin-left:0;}

/* 고객서비스공통 */
.cs_bluebox .txt{font-size:13px;line-height:20px;}

.cs_ctbox dl{float:none;}

.cs_ctbox.type_v dl{width:100%;margin-top:20px;text-align:left;}
.cs_ctbox.type_v dl:first-child{margin-top:0;}
.cs_ctbox.type_v dt{height:35px;margin:0;padding:0 0 0 50px;background-position:0 50% !important;font-size:15px;line-height:35px;}
.cs_ctbox.type_v dd{padding:0 0 0 50px;}
.cs_ctbox.type_v dd br{display:none;}

.cs_ctbox.type_h dt{width:20%;}
.cs_ctbox.type_h dt::before{width:48px;height:48px;}

/* 종합안내데스크 */
.infodesk_wrap .cs_ctbox dl{width:100%;}
.infodesk_wrap .cs_ctbox dd{font-size:15px;}
.infodesk_wrap .info_list li{float:none !important;width:100%;padding:10px 15px;line-height:20px;word-break:keep-all;}

/* 진료기록열람사본발급안내 */
.medirec_wrap .issue_step li{width:100% !important;margin-bottom:10px;}
.medirec_wrap .issue_step li dl{height:auto;padding:30px 0 10px;}
.medirec_wrap .issue_step li dd br{display:none;}

}

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

/* 층별안내 */
.flplan_wrap .floor_tab ul li .tab_info .floor_cont .map_pointer{position:absolute;top:0;left:0;width:28px;height:39px;font-size:0;line-height:0;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont .map_pointer img{animation:ball 1s ease-in Infinite Alternate;}

@keyframes ball {
    0% {
        margin-top:0px;
    }

    to {
        margin-top:10px;
    } 
}

}