@charset "utf-8";

/*센터장 인사말*/
.greeting_wrap{padding-right:375px;word-break:keep-all;background:url(/nanum/site/builder/dir/cancer/img/menu3541/center_leader.jpg) no-repeat right top;}
.greeting_wrap .greet_top{font-size:32px;font-family:'NotoKrL', sans-serif;color:#222;line-height:44px;letter-spacing:-0.05em;word-break:keep-all;}
.greeting_wrap .greet_top span{font-family:'NotoKrB', sans-serif;}
.greeting_wrap .greet_txt{margin-top:30px;font-size:16px;font-family:'NotoKrR', sans-serif;color:#555;line-height:30px;}
.greeting_wrap .greet_sign{margin-top:20px;}
.greeting_wrap .greet_sign li{float:left;font-size:24px;font-family:'NotoKrM', sans-serif;color:#333;letter-spacing:-0.05em;}
.greeting_wrap .greet_sign li:first-child{padding-right:15px;margin-right:10px;font-size:16px;font-family:'NotoKrR', sans-serif;color:#111;background:url(/nanum/site/builder/dir/cancer/img/menu3541/line_greet_sign.gif) no-repeat right center;}

/* 찾아오시는길 */
.contact_wrap .map_box{width:850px;margin-bottom:20px;position: relative;z-index: 0;}
.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;}
.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/cancer/img/menu3541/icon_addr.gif) no-repeat;}
.contact_wrap .map_info dt.tel{background:url(/nanum/site/builder/dir/cancer/img/menu3541/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/cancer/img/menu3541/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/cancer/img/menu3541/icon_bus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.taxi{background:url(/nanum/site/builder/dir/cancer/img/menu3541/icon_taxi.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.car{background:url(/nanum/site/builder/dir/cancer/img/menu3541/icon_car.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.kobus{background:url(/nanum/site/builder/dir/cancer/img/menu3541/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/cancer/img/menu3541/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;}
.root_daum_roughmap .wrap_btn_zoom{z-index:1 !important;}

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

/* 층별안내_외래1,2관 */
.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;}
.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_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;
    } 
}

.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;}

/* 층별안내_병동1,2관,교수연구동 */
.fltb_wrap .floor_tit{overflow:hidden;}
.fltb_wrap .floor_tit li{float:right;height:40px;padding-bottom:10px;text-align:center;}
.fltb_wrap .floor_tit li:first-child{float:left;}
.fltb_wrap .floor_tit li span{display:inline-block;width:175px;height:36px;border-radius:40px;border:2px solid #697c9b;font-family:'Montserrat','NotoKrB',sans-serif;font-weight:700;font-size:16px;line-height:36px;color:#2e456b;}
.fltb_wrap dl{position:relative;display:table;vertical-align:middle;}
.fltb_wrap dt,
.fltb_wrap dd{position:relative;display:table-cell;vertical-align:middle;}
.fltb_wrap dt{position:relative;width:60px;border-bottom:2px solid #8796af;background:#697c9b;font-family:'Roboto',sans-serif;font-weight:500;font-size:15px;color:#fff;letter-spacing:0.05em;text-align:center;z-index:10;}
.fltb_wrap dd{padding:15px 20px;border-bottom:2px solid #fff;}
.fltb_wrap dd.dong1{left:-60px;text-align:right;background:#e6f3fd;}
.fltb_wrap dd.dong2{background:#fdf0e6;}
.fltb_wrap dd.dong3{background:#ecf6f0;}
.fltb_wrap dd ul li{margin-top:15px;font-family:'Montserrat','NotoKrB',sans-serif;line-height:23px;font-weight:700;color:#222;}
.fltb_wrap dd ul li:first-child{margin-top:0;}
.fltb_wrap dd ul li span{font-size:13px;}
.fltb_wrap dd ul li ul{margin-top:3px;}
.fltb_wrap dd ul li ul li{font-family:'Montserrat','NotoKrM',sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#555;}
.fltb_wrap dd .pass{position:absolute;top:50%;margin-top:-15px;background-repeat:no-repeat;font-family:'Montserrat','NotoKrB',sans-serif;font-size:13px;line-height:16px;font-weight:700;}
.fltb_wrap dd .pass span{font-size:12px;}
.fltb_wrap dd .pass.blue{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_pass_blue.png);color:#2074ff;}
.fltb_wrap dd .pass.green{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_pass_green.png);color:#04b400;}
.fltb_wrap dd .pass.purple{background-image:url(/nanum/site/builder/dir/main/img/menu3743/bg_pass_purple.png);color:#7d4aff;}
.fltb_wrap dd .pass.line3{margin-top:-25px;}
.fltb_wrap dd.dong1 .pass{width:85px;left:-96px;padding-right:15px;text-align:right;background-position:100% 50%;}
.fltb_wrap dd.dong2 .pass{width:85px;left:291px;padding-left:15px;background-position:0 50%;}
.fltb_wrap dd.dong3 .pass{width:140px;padding-left:20px;right:-156px;background-position:0 50%;}

/* 병동1관 */
.fltb_wrap.block1 .floor_tit{width:650px;margin:0 auto;}
.fltb_wrap.block1 .floor_tit li{width:295px;}
.fltb_wrap.block1 dl{width:650px;padding:0 100px;}
.fltb_wrap.block1 dt{left:295px;}
.fltb_wrap.block1 dd{width:255px;}

/* 병동2관 */
.fltb_wrap.block2 .floor_tit{width:630px;padding-left:60px;}
.fltb_wrap.block2 .floor_tit li{width:630px;}
.fltb_wrap.block2 dl{width:690px;}
.fltb_wrap.block2 dd{width:590px;}
.fltb_wrap.block2 dl.f4 dd{padding:40px 15px;}
.fltb_wrap.block2 dl.f4 dd .pass{margin-top:0;}
.fltb_wrap.block2 dl.f4 dd .pass.purple{top:10px;}
.fltb_wrap.block2 dl.f4 dd .pass.green{top:55px;}

/* 교수연구동 */
.fltb_wrap.block3 dl{width:530px;padding:0 160px;}
.fltb_wrap.block3 dt{left:235px;}
.fltb_wrap.block3 dd{width:195px;}
.fltb_wrap.block3 dd.dong1,
.fltb_wrap.block3 dd.dong2{background:#f5f5f5 !important;}
.fltb_wrap.block3 dd.dong1 .pass,
.fltb_wrap.block3 dd.dong2 .pass{width:140px;}
.fltb_wrap.block3 dd.dong1 .pass{left:-156px;padding-right:20px;}
.fltb_wrap.block3 dd.dong2 .pass{left:auto;right:-156px;padding-left:20px;}


/*암센터 원배배치도*/
.cancer_floor img{display:block;margin:0 auto;}

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



/* 찾아오시는길 */
.contact_wrap .map_box{width:100%;}
.contact_wrap .map_box .root_daum_roughmap{width:100% !important;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:300px !important;}
.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;}

/*센터장 인사말*/
.greeting_wrap .greet_sign{margin-bottom:30px;}

/* 층별안내_외래1,2관 */
.flplan_wrap .floor_tab{height:580px;}
.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;}

/* 층별안내_병동1,2관,교수연구동 */
.fltb_wrap .floor_tit{width:100% !important;padding-bottom:10px;box-sizing:border-box;}
.fltb_wrap .floor_tit li{height:auto;padding:0 50px !important;box-sizing:border-box;}
.fltb_wrap .floor_tit li span{display:inline-block;width:100%;height:auto;padding:8px 0;font-size:15px;line-height:normal;box-sizing:border-box;}

.fltb_wrap dl{width:100% !important;}
.fltb_wrap dt{left:0 !important;width:10% !important;}
.fltb_wrap dd{position:relative;padding:15px !important;box-sizing:border-box;}
.fltb_wrap dd.dong1{left:0;text-align:left;}
.fltb_wrap dd .pass{position:relative;top:auto !important;;left:auto !important;right:auto !important;width:auto !important;margin-top:8px !important;padding:0 !important;background:none !important;font-size:12px;text-align:left !important;}
.fltb_wrap dd .pass br{display:none;}

/* 병동1관 */
.fltb_wrap.block1 .floor_tit{padding-left:10%;}
.fltb_wrap.block1 .floor_tit li{width:50%;}
.fltb_wrap.block1 dl{padding:0;}
.fltb_wrap.block1 dd{width:45%;}

/* 병동2관 */
.fltb_wrap.block2 .floor_tit{padding-left:0;}
.fltb_wrap.block2 .floor_tit li{width:100%;}
.fltb_wrap.block2 dd{width:auto;}

/*암센터 원배배치도*/
.cancer_floor img{width:100%;}

}



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


/*센터장 인사말*/
.greeting_wrap{padding:220px 0 0 0;background-size:145px auto;background-position:center top;}
.greeting_wrap .greet_top{height:auto;padding:10px 0;font-size:20px;line-height:30px;}
.greeting_wrap .greet_top br{display:none;}
.greeting_wrap .greet_txt{margin-top:0;font-size:14px;line-height:26px;}
.greeting_wrap .greet_txt br{display:none;}
.greeting_wrap .greet_sign{margin:10px 0 20px 0;}
.greeting_wrap .greet_sign li{font-size:18px;}
.greeting_wrap .greet_sign li:first-child{font-size:15px;}

/* 찾아오시는길 */
.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:5px;border:1px solid #e5e5e5;border-top:0;}
.flplan_wrap .floor_tab ul li .tab_info .floor_cont .vertical #id_map_pointer img{width:18px;}

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

/* 층별안내_병동1,2관,교수연구동 */
.fltb_wrap .floor_tit{padding-left:0 !important;}
.fltb_wrap .floor_tit li{padding:0 10px !important;}
.fltb_wrap .floor_tit li span{padding:5px 0;font-size:14px;}

.fltb_wrap dl{width:100%;padding:0;}
.fltb_wrap dt{display:table-caption !important;width:100% !important;padding:5px 0;border-bottom:0;}
.fltb_wrap dd{border-bottom:0;word-break:break-all;text-align:center !important;}
.fltb_wrap dd ul li{font-size:13px;line-height:18px;}
.fltb_wrap dd ul li ul li{font-size:12px;line-height:18px;}
.fltb_wrap dd .pass{text-align:center !important;}

/* 병동1관 */
.fltb_wrap.block1 dd{width:50%;}
.fltb_wrap.block1 dd:nth-of-type(odd){border-right:1px solid #fff;}
.fltb_wrap.block1 dd:nth-of-type(even){border-left:1px solid #fff;}


}