/* BASIC css start */ #footer { position:relative;margin:60px auto 0; } #footer #bottom_menu { background:#FFF;border-top:2px solid #000;border-bottom:1px solid #dfdfdf;} #footer #bottom_menu .bm_box { position:relative;width:1230px;margin:0 auto } #footer #bottom_menu .bm_box .utilMenu { overflow:hidden; height:45px; line-height:45px;padding-left:0px; *zoom:1;} #footer #bottom_menu .bm_box .utilMenu li { float:left; padding:0 20px; font-size:11px; /*background:url("/web/upload/djds/bottom/ico_util_footer.gif") no-repeat 0 16px;*/ } #footer #bottom_menu .bm_box .utilMenu li.home { padding-left:0; background:none; } #footer #bottom_menu .bm_box .utilMenu li a { font-family: 'Lato', sans-serif;font-size:11px;color:#797878;font-weight:normal } #footer #bottom_menu .bm_box .utilMenu li strong a { color:#000 } #footer #bottom_customer {background:#FFF;height:220px; } #footer #bottom_customer .bc_box:after {content:""; display:block; clear:both;} #footer #bottom_customer .bc_box { position:relative;width:1230px;margin:0 auto;*zoom1; } /* IE5.5~7 브라우저 대응 Hack */ #footer #bottom_customer .bc_box ul { margin:35px 0; } #footer #bottom_customer .bc_box li { float:left; position:relative; } #footer #bottom_customer .bc_box li.cs_num_line { height:170px;margin:0 52px;border-left:1px solid #e1e1e1 } #footer #bottom_customer .bc_box li p.black_bar { position:absolute;width:30px;height:2px;background:#000;top:0px;left:0px } #footer #bottom_customer .bc_box li dt.cs_title { position:relative;font-family: 'Lato', sans-serif; font-size: 11px;color: #555; font-weight:normal;letter-spacing:0px;padding:13px 0 15px 0; } #footer #bottom_customer .bc_box li.cs_center { } #footer #bottom_customer .bc_box li.cs_center dt.cs_title { padding-bottom:15px; } #footer #bottom_customer .bc_box li.cs_center dd { font-family: 'Nanum Gothic', sans-serif; font-size: 11px;line-height: 14px;color: #333; font-weight:normal;letter-spacing:0px;padding-bottom:5px; } #footer #bottom_customer .bc_box li.cs_center dd.cs_num { position:relative;margin-left:-5px;padding-top:10px;font-family: 'Nanum Gothic', sans-serif; font-size: 25px;line-height: 30px;color: #333; font-weight:bold } #footer #bottom_customer .bc_box li.cs_center dd.time { color: #999;padding-top:10px;padding-left:3px;line-height:18px; } #footer #bottom_customer .bc_box li.cs_center dd.cs_email { padding-left:3px; } #footer #bottom_customer .bc_box li.bank_info { } #footer #bottom_customer .bc_box li.bank_info dd { font-family: dotum, sans-serif; font-size: 11px;color: #999; font-weight:normal;line-height:20px; } #footer #bottom_customer .bc_box li.bank_info dd.bank_list { margin-top:10px; } #footer #bottom_customer .bc_box li.quick_menu {} #footer #bottom_customer .bc_box li.quick_menu dd.qm_box:after {content:""; display:block; clear:both;} #footer #bottom_customer .bc_box li.quick_menu dd.qm_box { max-width:240px;*zoom1; } /* IE5.5~7 브라우저 대응 Hack */ #footer #bottom_customer .bc_box li.quick_menu dd.qm_box ul:after {content:""; display:block; clear:both;} #footer #bottom_customer .bc_box li.quick_menu dd.qm_box ul {margin:0px; *zoom1; } /* IE5.5~7 브라우저 대응 Hack */ #footer #bottom_customer .bc_box li.quick_menu dd.qm_box li { float:left;margin:2px;border:1px solid #D7D7D7;text-align:center; width:45%; } #footer #bottom_customer .bc_box li.quick_menu dd.qm_box li a { font-family: 'Lato', sans-serif; font-size: 11px;display:block;color:#444;padding:5px 0 5px 0; filter: alpha(opacity=60);opacity: .6;-webkit-opacity: .6;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;} #footer #bottom_customer .bc_box li.quick_menu dd.qm_box li a:hover { color:#000;background:#e1e1e1;text-decoration:none;filter: alpha(opacity=100);opacity: 1.0;-webkit-opacity: 1.0; } #footer #bottom_customer .bc_box li.cs_guide { float:right;padding-right:0px;} #footer #bottom_customer .bc_box li.cs_guide dd.notice_box { width:270px;height:100px; } #footer #bottom_customer .bc_box li.cs_guide dd.notice_box p.delivery_info { font-family: 'dotum', sans-serif; font-size: 11px;line-height:15px;margin-bottom:15px;color:#999 } #footer #bottom_customer .bc_box li.cs_guide dd.notice_box p.delivery_btn a{display:block;width:90px; height:20px;border:1px solid #ccc;color:#999;background: #FFF;font:normal 11px "돋움", "굴림"; text-align:center; line-height:23px; text-decoration:none} #footer #bottom_customer .bc_box li.cs_guide dd.notice_box p.delivery_btn a:hover {background:#e1e1e1;} #footer #bottom_info { background:#FFF;} #footer #bottom_info .bi_box { position:relative;width:1230px;margin:0 auto 0px;border-top:1px solid #D7D7D7; } #footer #bottom_info .bi_box .address { padding:30px 0 30px 260px;; color:#797878; font-family: Nanum Gothic, sans-serif;font-size:11px;line-height:18px; } #footer #bottom_info .bi_box .address span { padding:0 25px 0 0; } #footer #bottom_info .bi_box .address span a { color:#797878; } #footer #bottom_info .bi_box .copyright { padding-bottom:20px;color:#797878; } #footer #bottom_info .bi_box .bottom_logo { position:absolute; left:0; top:20px; } #footer #bottom_info .bi_box .hosting { position:absolute; right:0; top:70px; } #footer #bottom_copyright { background:#edeef0;} #footer #bottom_copyright .bc_box { position:relative;width:1230px;margin:0 auto 0px; } #footer #bottom_copyright .bc_box p.copyright { padding:15px 0;color:#999; } /* 상단으로 올라가기 버튼 */ #totop { position:fixed;right:30px;bottom:50px;z-index:100 } #totop #backtotop { display:none; } .katalk { position:fixed;right:30px;bottom:120px;z-index:999999999 } /* BASIC css end */