/* BASIC css start */ /*병원로고_로딩*/ #in_hospi {position:relative; width:100%; height:100px; margin-top:100px; border-top:1px solid #e0e0e0; clear: both;} #in_hospi #in_hospi_box { position:relative; width:1240px; height:100px; text-align:center; margin:0 auto; } #bottom {position: relative; display: block; width:100%; height:250px; text-align:center; background:url("/design/histolab/2019/main/bottom_bg.jpg") 0 0 repeat ; clear: both; } #bottom .ftWrap { width:100%; height:40px; margin: 0 auto; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; clear: both;} #bottom .ftWrap ul { width:1240px; height:30px; margin: 0 auto; } #bottom .ftWrap .ldiv {float:left; width:80%; } #bottom .ftWrap .ldiv ul {width:100%; margin: 0 auto; } #bottom .ftWrap .ldiv ul .medi { color:#333; font-family: 'Noto Sans KR', sans-serif; } #bottom .ftWrap .ldiv ul li {float:left; display:block; width:16.5%; text-align:center; line-height:40px;} #bottom .ftWrap .ldiv ul li:last-child {border-right:1px solid #eee; width:15%;} #bottom .ftWrap .ldiv ul li a { width:16.5%; text-align:center;} #bottom .ftWrap .ldiv ul li a:hover { width:16.5%; color: blue; text-align:center;} /* 오른쪽 메뉴 탭 */ #bottom .ftWrap .rdiv {float:right; width:20%; } #bottom .ftWrap .rdiv ul {width:100%; margin: 0 auto;} #bottom .ftWrap .rdiv ul li {float:left; width:50%; line-height:40px; text-align:center;} #bottom .ftWrap .rdiv ul li:last-child {float:left; width:40px;} #bottom .ftWrap .rdiv ul > li.icon {float:left; display: block; width:40px; height:40px; color:#fff; font-weight: bold; font-size: 12px; text-align:center; background-color:#555;} #bottom .ftWrap .rdiv ul > li.icon a {display: block; width:40px; color:#fff; height:40px; line-height:40px; background:#333; text-align:center; transition: all, 0.1s;} #bottom .ftWrap .rdiv ul > li.icon a:hover {font-weight:bold; background:#ee2217; width:40px; text-align:center; transform:transition(background, all, 3s);} /*#bottom .ftWrap .ft-info, #bottom .ftWrap .ft-link, #bottom .ftWrap .ft-escrow { text-align: center; padding-top: 20px; } #bottom .ftWrap .ft-info { font-size: 11px; } #bottom .ftWrap .ft-info p { margin-bottom: 5px; } #bottom .ftWrap .ft-link a { padding: 0 10px; font-size: 12px; } #bottom .ftWrap .ft-link a:hover { color: #7a7a7a; } #bottom .ftWrap .ft-link a:Link { color: #7a7a7a; } #bottom .ftWrap .ft-link a.nbg { background: none; }*/ #bottom .ftWrap_02 { width:100%; height:150px; clear: both; margin-top:30px; } #bottom .ftWrap_02 ul { width:1240px; margin: 0 auto; } #bottom .ftWrap_02 .copy {float:right; width:300px; } #bottom .ftWrap_02 .copy ul { width:100%; margin: 0 auto; } #bottom .ftWrap_02 .box.copy ul li {float:left; } #bottom .ftWrap_02 .addr { float:left; width:940px; } #bottom .ftWrap_02 .addr ul { width:100%; margin: 0 auto; } #bottom .ftWrap_02 .addr ul li { float:left; display:block; width:800px; height:20px; margin-bottom: 20px; text-align:left; } #bottom .ftWrap_02 .addr ul li a { font-size:12px; height:20px; padding-right: 20px; text-align:left; } #bottom .ftWrap_02 .addr ul li a:hover { color: #555; height:20px; text-align:left;} #bottom .ftWrap_02 .addr ul p { float:left; width:800px; text-align:left; height:20px; } #bottom .ftWrap_02 .addr ul p span.line { font-family: 'NotoSansKR-Light' !important; font-size:9px; padding:2px 10px 2px 10px;} #bottom .ftWrap_02 .addr a.nbg { background: none; } /* 패밀리사이트 */ #bottom .ftWrap .gr_fsite { margin-left:0px; width:160px; z-index:200;} #bottom .ftWrap .gr_fsite .bx_fsite {position: relative; width:160px; margin:0 auto; } #bottom .ftWrap .gr_fsite .bx_fsite .scroll_y {/*overflow-y: auto;*/ width:160px; min-height:50px; padding: 0px; } #bottom .ftWrap .gr_fsite .bx_fsite .btns { cursor:pointer; display:block; position: relative;} #bottom .ftWrap .gr_fsite .bx_fsite .btns * { vertical-align:top; } #bottom .ftWrap .gr_fsite .bx_fsite .fsite_list {display:none; position: absolute; width:160px; left:0px; top:40px; /* border: solid 1px #7e7e7e; border-top: none;*/ background: #7e7e7e; } #bottom .ftWrap .gr_fsite .bx_fsite .fsite_list ul { margin:0px auto; width:160px; text-align:center; } #bottom .ftWrap .gr_fsite .bx_fsite .fsite_list ul li { display:block; width:160px; height:30px; } #bottom .ftWrap .gr_fsite .bx_fsite .fsite_list ul li a { display:block; width:160px; text-align:center; color:#fff; font-size: 12px; line-height: 30px; } #bottom .ftWrap .gr_fsite .bx_fsite .fsite_list ul li a:hover { width:160px; text-align:center; color:#fff; background:#4e4e4e; line-height: 30px;} /* BASIC css end */