@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: tail.css
 * @Description : tail Style Sheet
 * @Version 	: 1.0.0
 * @Create Date :
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */




#tail { position:relative; display:block; clear:both; z-index:100; border-top:1px #ddd solid; z-index:5; text-transform:uppercase;}
#tail>div { max-width:1200px; margin:0 auto; padding:30px 0 40px; position:relative;}
#tail address { display:block; padding:0px 30px 5px 300px; font-size:14px;}
#tail address .phone_num { display:inline-block; background-color:#6d6d6d; border-radius:3px; color:#fff; font-size:12px; padding:0 5px;}
#tail address .br_no { display:none;}
#tail small {color:#aaa;  padding:10px 0 0 300px; display:inline-block; font-size:12px; line-height:20px;}
#tail small .br_no { display:none;}
#tail img.copyright_logo { position:absolute; left:20px; top:30px;}
#top_btn {position:fixed; bottom:10px; right:10px; width:40px; height:40px; border:1px solid #ddd;font-size:0px; z-index:90; border-radius:3px; z-index:5; background:#fff url('../img/tail/icon_top.png') no-repeat center;}

/* sns */.sns { position:absolute; right:10px; top:15px;}
.sns a { float:left; display:inline-block; width:37px; height:37px; background:url("../img/header/icon_sns.png") no-repeat; font-size:0px; border-radius:50%; margin:4px 1.5px;}
.sns a.facebook { background-position:left;}
.sns a.twitter { background-position:-37px;}
.sns a.kakao { background-position:-74px;}
.sns a.youtube { background-position:right;}

.sns a.blog { background-position:left;}
.sns a.Insta { background-position:-37px;}







@media all and (max-width:1024px) and (min-width:768px){

#tail>div { width:100%; max-width:inherit; padding:15px 20px;}
#tail>div img { display:none;}
#tail address { padding:0px; /*text-align:center;*/}
#tail small {  padding:0px; display:block; /*text-align:center;*/}

/* sns */.sns { top:5px;/* position:absolute; right:10px; */}

}





@media all and (max-width:767px){

#tail { padding-bottom:20px;}
#tail>div { width:100%; max-width:inherit; padding:15px 20px;}
#tail>div img { display:none;}
#tail address { padding:0px; text-align:center; font-size:13px; line-height:22px;}
#tail address .br_no, #tail small .br_no { display:block; height:0px;}
#tail small {  padding:10px 0 0 0; text-align:center; display:block; font-size:10px; line-height:14px;}

/* sns */.sns { display:none;}


}