/* BASIC css start */
#ftWrap { position:relative;}

#ftWrap #bottom_menu {background:#fff; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#ftWrap #bottom_menu .bm_box { position:relative;width:1180px;margin:0 auto }
#ftWrap #bottom_menu .bm_box .utilMenu { overflow:hidden; height:47px; line-height:49px;padding-left:0px; *zoom:1;}
#ftWrap #bottom_menu .bm_box .utilMenu li { float:left; padding:0 16px; font-size:12px; background:url("/design/seosanttre/djds/bottom/ico_util_footer.gif") no-repeat 0 50%; }
#ftWrap #bottom_menu .bm_box .utilMenu li:first-child{background:none;}
#ftWrap #bottom_menu .bm_box .utilMenu li.home { padding-left:0; background:none; }
#ftWrap #bottom_menu .bm_box .utilMenu li a { font-family: dotum, sans-serif;font-size:11px;color:#797878;font-weight:normal }

#ftWrap #bottom_menu .bm_box .btop {  position:absolute;top:15px;right:0px }
#ftWrap #bottom_menu .bm_box .btop p a { color:#797878; }
#ftWrap #bottom_menu .bm_box .btop p .tcline { color:#CCCCCC }
#ftWrap #bottom_menu .bm_box .btop p .top_ta { color:#CCCCCC }

#ftWrap #bottom_customer {background:#FFF;height:220px; }
#ftWrap #bottom_customer .bc_box:after {content:""; display:block; clear:both;}
#ftWrap #bottom_customer .bc_box { position:relative;width:1180px;margin:0 auto;*zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#ftWrap #bottom_customer .bc_box ul { margin:35px 0;  }
#ftWrap #bottom_customer .bc_box li { float:left;  }
#ftWrap #bottom_customer .bc_box li.cs_num_line { height:170px;margin:0 49px;border-left:1px solid #e1e1e1 }
#ftWrap #bottom_customer .bc_box li dt.cs_title { position:relative;font-family: 'Nanum Gothic', sans-serif; font-size: 15px;color: #797979; font-weight:normal;letter-spacing:0px;padding-bottom:35px; }
#ftWrap #bottom_customer .bc_box li dt.cs_title a {color: #797979;  }
#ftWrap #bottom_customer .bc_box li dt.cs_title p.black_bar { position:absolute;width:60px;height:2px;background:#000;top:30px;left:0px }
#ftWrap #bottom_customer .bc_box li.cs_center { }
#ftWrap #bottom_customer .bc_box li.cs_center dt.cs_title { padding-bottom:15px; }
#ftWrap #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; }
#ftWrap #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: 30px;line-height: 30px;color: #333; font-weight:bold }
#ftWrap #bottom_customer .bc_box li.cs_center dd.time { padding-top:10px;padding-left:3px;line-height:20px; }
#ftWrap #bottom_customer .bc_box li.cs_center dd.cs_email { padding-left:3px; }
#ftWrap #bottom_customer .bc_box li.bank_info { }
#ftWrap #bottom_customer .bc_box li.bank_info dd { font-family: Nanum Gothic, sans-serif; font-size: 14px;color: #797979; font-weight:normal;line-height:20px; }
#ftWrap #bottom_customer .bc_box li.bank_info dd.bank_name {  font-size: 14px;color: #707070; font-weight:bold;line-height:25px; }
#ftWrap #bottom_customer .bc_box li.bank_info dd.bank_num {  font-size: 21px;color: #444; font-weight:bold;line-height:30px }
#ftWrap #bottom_customer .bc_box li.quick_menu {}
#ftWrap #bottom_customer .bc_box li.quick_menu dd.qm_box:after {content:""; display:block; clear:both;}
#ftWrap #bottom_customer .bc_box li.quick_menu dd.qm_box { *zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#ftWrap #bottom_customer .bc_box li.quick_menu dd.qm_box ul:after {content:""; display:block; clear:both;}
#ftWrap #bottom_customer .bc_box li.quick_menu dd.qm_box ul {margin:0px; *zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#ftWrap #bottom_customer .bc_box li.quick_menu dd.qm_box li {float:left;position:relative;margin:-1px 0 0 -1px;border:1px solid #D7D7D7;text-align:center; width:120px;}
#ftWrap #bottom_customer .bc_box li.quick_menu dd.qm_box li a { 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;}
#ftWrap #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; }
#ftWrap #bottom_customer .bc_box li.notice { float:right;padding-right:0px;  position:relative;}
#ftWrap #bottom_customer .bc_box li.notice dd.notice_box { width:290px;height:100px;border:1px solid #D7D7D7; }
#ftWrap #bottom_customer .bc_box li.notice .latest_area { position:absolute;width:270px;top:62px;left:10px}
#ftWrap #bottom_customer .bc_box li.notice .latest_area .board_title{  font-family: 'Nanum GothicEB', sans-serif; font-size: 15px;color: #767676; font-weight:normal;letter-spacing:-1px;padding-bottom:10px; }
#ftWrap #bottom_customer .bc_box li.notice .latest_area .board_title a { color: #767676;  }

#ftWrap #bottom_info { background:#FFF;}
#ftWrap #bottom_info .bi_box { position:relative;width:1180px;margin:0 auto 0px }
#ftWrap #bottom_info .bi_box  .address { padding:30px 0 30px 280px;; color:#797878; font-family: Nanum Gothic, sans-serif;font-size:11px;line-height:18px; }
#ftWrap #bottom_info .bi_box  .address li {display:block;}
#ftWrap #bottom_info .bi_box  .address .pt10 {padding-top:10px;}
#ftWrap #bottom_info .bi_box  .address span { padding:0 25px 0 0; }
#ftWrap #bottom_info .bi_box  .address span a { color:#797878; }
#ftWrap #bottom_info .bi_box  .copyright { color:#797878; }

#ftWrap #bottom_info .bi_box  .bottom_logo { position:absolute; left:0; top:45px; }
#ftWrap #bottom_info .bi_box  .hosting { position:absolute; right:0; top:70px; }

/* 상단으로 올라가기 버튼 */
#totop { position:fixed;right:30px;bottom:50px;z-index:100 }
#totop #backtotop { display:none; }

/* SNC CSTMZ */
div.bottom_contents{width:1180px; padding:40px 0; margin:0 auto; overflow:hidden;}
div.bottom_contents div.box{width:280px; height:245px; float:left; margin-left:20px; border:1px solid #ddd; box-sizing:border-box;}
div.bottom_contents div.box.cs{padding:25px 15px 0 15px; margin-left:0;}
div.bottom_contents div.box.cs div.contact{padding-left:65px; background:url(/design/seosanttre/djds/bottom/bg_contact.png) no-repeat 0 0;}
div.bottom_contents div.box.cs div.contact p.tel{padding-bottom:5px; font-size:26px; font-weight:800; color:#000; letter-spacing:-1px;}
div.bottom_contents div.box.cs div.contact ul li{line-height:24px; font-size:14px; color:#444; letter-spacing:-1px;}
div.bottom_contents div.box.cs div.bank{margin-top:15px;}
div.bottom_contents div.box.cs div.bank h4{margin-bottom:10px; font-size:16px; font-weight:700; color:#000; letter-spacing:-1px;}
div.bottom_contents div.box.cs div.bank p{font-size:15px; line-height:27px; font-weight:700; color:#000; letter-spacing:-1px;}
div.bottom_contents div.box.cs div.bank p img{padding-right:5px;}
div.bottom_contents div.box.cs div.bank p span{font-size:12px; color:#444; letter-spacing:-1px;}
div.bottom_contents div.box.board{padding:30px 20px; position:relative;}
div.bottom_contents div.box.board h4{font-size:18px; font-weight:800; color:#000; letter-spacing:-1px;}
div.bottom_contents div.box.board a.more{width:20px; height:20px; position:absolute; top:32px; right:20px; text-indent:-9999px; background:url(/design/seosanttre/djds/bottom/bg_board_more.png) no-repeat 50% 50%;}
div.bottom_contents div.box.board ul li{margin-top:13px;}
div.bottom_contents div.box.board ul li:first-child{margin-top:23px;}
div.bottom_contents div.box.board ul li a{font-size:14px; color:#444; letter-spacing:-0.5px;}
div.bottom_contents div.box.movie{border:none; position:relative; background-color:#000; width:350px;}
div.bottom_contents div.box.movie div.movie_slide{padding-top:40px; position:relative;}
div.bottom_contents div.box.movie div.movie_slide iframe{width:100%; height:205px;}
div.bottom_contents div.box.movie div.movie_slide div.bx-controls{position:absolute; top:15px; right:15px;}
div.bottom_contents div.box.movie div.movie_slide div.bx-controls div.bx-pager-item{display:inline-block; margin:0 0 0 7px;}
div.bottom_contents div.box.movie div.movie_slide div.bx-controls div.bx-pager-item a{display:block; width:14px; height:14px; text-indent:-9999px; border-radius:100%; background-color:#a0a0a0;}
div.bottom_contents div.box.movie div.movie_slide div.bx-controls div.bx-pager-item a.active{background-color:#ef501c;}


div.bottom_contents div.box.travel{padding-top:30px; border:none; background-color:#caf0ff;}
div.bottom_contents div.box.travel a{display:block; font-size:18px; letter-spacing:-1px; color:#000; text-align:center;}
div.bottom_contents div.box.travel a:before{display:block; width:148px; height:148px; margin:0 auto 20px auto; content:""; background:url(/design/seosanttre/djds/bottom/bg_travel.png) no-repeat 50% 50%;}

div.bottom_brand_wrap{padding:40px 0; background-color:#f2f2f2; }
div.bottom_brand{width:1180px; margin:0 auto; position:relative;}
div.bottom_brand h4{padding-bottom:20px; font-size:18px; font-weight:800; color:#000; letter-spacing:-1px;}
div.brand_slide_wrap{padding:20px 15px; background-color:#fff;}
div.brand_slide_wrap div.bx-controls{position:absolute; top:0; right:0;}
div.brand_slide_wrap div.bx-controls div.bx-pager-item{display:inline-block; margin:0 3px;}
div.brand_slide_wrap div.bx-controls div.bx-pager-item a{display:block; width:12px; height:12px; border-radius:100%; text-indent:-9999px; border:2px solid #c7c7c7; box-sizing:border-box;}
div.brand_slide_wrap div.bx-controls div.bx-pager-item a.active{border:2px solid #009c72; background-color:#009c72;}
div.brand_slide ul{overflow:hidden;}
div.brand_slide ul li{width:10%; float:left; text-align:center;}
div.brand_slide ul li a{display:block; font-size:12px}
div.brand_slide ul li a span.image{display:block; padding-bottom:10px;}
div.bottom_escrow{position:absolute; right:0; top:22px;}
div.bottom_logo_right{position:absolute; right:0; top:35px;}
 video { width: 350px; height: 245px; display: block;   }

.bottom_contents .csLink {
    padding-top: 25px;
 padding-left: 20px;
}
.fl {
    float: left;
}


.bottom_contents .csLink a {
 vertical-align: middle;
    display: block;
    width: 100px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #e1e1e1;
    transition: all 0.3s;
}

.bottom_contents .csLink a:hover{
    background:#f9f9f9;
}

.bottom_contents  .csLink a:last-child{
    margin-right:0;
}

.bottom_contents  .csLink a img{
    margin-right:7px;
vertical-align: middle;
}





/* BASIC css end */