/* BASIC css start */
/* 하단 */
footer { margin-top:100px; }
#bottom { background:#FFF; border-top:1px solid #f5f5f5 ;  padding-top:100px;  margin:0 5%; }
#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%;}
.footer > .left{display:table-cell;vertical-align: middle;}
.footer > .left h1 {display: inline-block;vertical-align:bottom;padding-right:20px;}
.footer > .left h1 a {display:block;font-size:18px;letter-spacing:6px;font-weight:800;color:#000;line-height:30px;}
.footer > .left h1 a img{max-height:40px;}
.footer > .left > a {position: relative;display: inline-block;vertical-align:bottom;color:#333; font-weight:600; font-size:10px; padding-left:25px;letter-spacing:0;line-height:18px;margin-top: -2px;line-height:30px;}
.footer > .left > a:hover { color:#000; text-decoration:underline }
.footer > .left > a:before{ content: "";position:absolute;left:11px;top:9px;width:0px;height:11px;background:#aaa;}

.inner { margin-top:50px; position:relative; }
.inner .foot_info1 li { padding-bottom:5px; }
.inner .foot_info1 li.tel { color: #333; font-size: 15px; }
.inner .foot_info1 li a { color: #333; font-size: 13px; line-height: 21px; padding-right: 5px; }
.inner .foot_info1 li span { color: #333; font-size: 11px; line-height: 21px; padding-right: 8px;  font-family: 'Lato','Montserrat', "Nanum Gothic" }
.inner .foot_info1 li.copy {margin-top:8px;}
.inner .btn { padding:4px 10px;  background-color:rgba(0,0,0,0.9); border:1px solid #333;  color:#fff !important; border-radius:3px; font-size: 11px; }
.inner .btn:hover {   background-color:rgba(255,255,255,1); color:#333 !important; border:1px solid #333;   }


.inner .foot_info { margin-top:20px; text-align: left; }
.inner .foot_info li {  }
.inner .foot_info li a,
.inner .foot_info li span{ color: #333; font-size: 11px; padding-right: 5px; display:inline-block; font-family: 'Lato','Montserrat', "Nanum Gothic" }
.inner .foot_info li.copy {margin-top:0px;}
.inner .foot_info li.ft_font1 { color: #a7a7a7; font-size: 10px;}

.inner .copyright {width:100%;padding:20px 0;text-align:left;   }
.inner .copyright p {color:#333; font-weight:600;  font-family: 'Lato',"Nanum Gothic" }
.inner .copyright p a { color:#333;  line-height:1.5;  vertical-align:top;}


/* 스크랩 */
 
.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%;}

 

/* 하단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 */