/* BASIC css start */
/* ÇÏ´Ü */
footer { margin-top:100px; }
#bottom { background:#FFF; border-top:0px solid #f5f5f5 ;  padding-top:100px;  margin:0 0%; }
#bottom > ul{padding:0px 0 50px;width:100%; margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.footer { display: table;width:100%; border-top:1px solid #f5f5f5 ; border-bottom:1px solid #f5f5f5 ;  padding:0 5% ; box-sizing:border-box; }

.footer .ss { float:left; border:0px solid #000; width:100%}
.footer .left {  vertical-align: top;}
.footer .left li { display: inline-block; vertical-align: top; }
.footer .left li a {  color:#333; font-weight:600; font-size:11px; height:50px; line-height:50px; padding-right:60px; }
.footer .left li a:hover { color:#000; text-decoration:underline }
.footer .left li a:before{ content: "";position:absolute;left:11px;top:9px;width:0px;height:11px;background:#aaa;}

.inner { margin-top:50px; margin-bottom:50px; position:relative;    padding:0 5%; box-sizing:border-box; }
.inner:after { content: ""; display: block; clear: both; }


.inner .foot_info {  float:left; margin-top:0px; text-align: left; font-family: "Nanum Gothic"; padding-right:50px;color: #666 }
.inner .foot_info li { height:20px;  }
.inner .foot_info li.rr { padding-bottom:30px; }

.inner .foot_info1 {  float:left;  padding-left:50px;  font-family:  "Nanum Gothic" ; color: #666 ;  border-left:1px solid #ddd; }
.inner .foot_info1 li { padding-bottom:5px; }
.inner .foot_info1 .tit { color:#000; font-weight:bold;  }

.inner .foot_info1 .dleft {  float:left; padding-right:200px; padding-bottom:20px; margin-right:50px;  border-bottom:1px solid #ddd; }
.inner .foot_info1 .dleft li { }
.inner .foot_info1 .dleft li.tel { color: #000; font-size: 15px; font-family: 'Montserrat', "Nanum Gothic"; padding:5px 0 10px; font-weight:700;  }

.inner .foot_info1 .dright {  float:left; padding-bottom:32px; border-bottom:1px solid #ddd;}

.inner .foot_info1 .ret {  clear: both; padding-top:20px; }



/* ½ºÅ©·¦ */
 
.tt_copy_sns {   border:0px solid #fff; margin:0 auto; text-align:left;  }
.tt_copy_sns li { position:relative;display:inline-block; margin:3px 4px;}
.tt_copy_sns li a{ display:block;width:25px; height:25px; line-height:25px; border-radius:100%; background:#000;font-size:14px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}
.tt_copy_sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.tt_copy_sns li a i{ height:25px; line-height:25px; filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}


.tt_copy_sns .Facebook:hover a  {display:block;width:25px;height:25px;  background:#5c84d7 ;border-radius:100%;}
.tt_copy_sns .Twitter:hover a  {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.tt_copy_sns .Instagram:hover a  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.tt_copy_sns .Blog:hover a  {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.tt_copy_sns .Kakao:hover a  {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}

.ft-escrow { max-width: 1200px; padding:0 3% ; box-sizing:border-box;} 

/* ÇÏ´Üsns¿µ¿ª */
@media all and (max-width :640px){ .tt_copy_sns { position:absolute; top:-50px; right:10px;}}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : landscape){.tt_copy_sns { position:absolute; top:-50px; right:10px;}}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : portrait){ .tt_copy_sns { position:absolute; top:-50px; right:10px;}}
@media all and (min-width :1025px){ .tt_copy_sns {position:absolute; top:10px; right:10px; }}



/* BASIC css end */

