/* BASIC css start */
#footer { font-size:11px; line-height:1.5em; color:#1b1b1b;  background:#fff;  font-family: 'AppleGothic','Rubik', sans-serif;  margin-top:50px; border-bottom:0px;}

/*----- ★ 하단 SNS아이콘/게시판아이콘 노출 라인 -----*/
.footersns {width:100%; border-top:1px solid #eee;margin-top:30px;clear:both;}
.footersns ul{display:table; width:100%; font-size:0; line-height:0;}
.footersns ul li{display:inline-block; text-align:center; height:32px; line-height:32px; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
.footersns ul li a{display:block; font-size:10px; font-family: 'Rubik', sans-serif;line-height:32px; color:#333;  font-weight:400;letter-spacing:1px;  }
.footersns img { width:14px; margin:8px 5px 0 0; }
.footersns span { width:15px; height:15px;}
.footersns ul.grid3 li a { font-size:11px;}
.footersns ul.grid2 li{width:50%;}
.footersns ul.grid2 li:nth-child(2n+2){border-right:0;}
.footersns ul.grid3 li{width:33.3%;}
.footersns ul.grid3 li:nth-child(3n+3){border-right:0;}
.footersns ul.grid4 li{width:25%;}
.footersns ul.grid4 li:nth-child(4n+4){border-right:0;}
.footersns ul.grid5 li{width:20%;}
.footersns ul.grid5 li:nth-child(5n+5){border-right:0;}


/*----- ★ 하단 고객센터 라인 -----*/ 
.ft_cs { margin:0px auto 0; padding-top:10px; text-align:center; clear:both; }
.ft_cs h2 { font-size:12px; font-family:'Rubik', sans-serif; font-weight:400; letter-spacing:1px; text-transform:uppercase; padding:10px 0 5px 0;  color:#444;  clear:both;}
.ft_cs .tell {font-size:14px;  letter-spacing:2px; font-weight:500; color:#444;  text-transform:uppercase; padding-bottom:5px; clear:both;}
.ft_cs .tell a {font-weight:500; color:#444;  text-decoration:none; }
.ft_cs .info {font-family: 'AppleGothic','Rubik', sans-serif; font-size:11px; color:#777; letter-spacing:1px; line-height:14px;font-weight:300; text-decoration:none; clear:both; text-align:center;}


/*----- ★ 하단 메뉴 라인 -----*/
#footer .footerMenu .policy { margin-top:20px; padding:10px 0; text-align: center; background-color:#fff; font-size:0; line-height:0; border-top:1px solid #eee;border-bottom:1px solid #eee;}
#footer .footerMenu .policy li { position:relative; display:inline-block; padding:0 6px; line-height:13px; font-size:11px; }
#footer .footerMenu .policy li a {font-family: 'AppleGothic','Rubik', sans-serif; letter-spacing:1px; color:#444;font-size:10px;  }
#footer .footerMenu .policy li:before { display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:11px; background:#fff; }
#footer .footerMenu .policy li:first-child:before { display:none; }


/*----- ★ 하단 상점정보 라인 -----*/
#footer address { padding:20px 0; border-top:0px solid #eee; border-bottom:0px solid #dddddd; background-color:#fff; }
#footer address .footerInfo { display:table; width:100%; line-height:18px; color:#999; text-align:center;font-weight:300;  border-bottom:0px;}
#footer address span { font-weight:300; }
#footer address a { color:#aaa; }
#footer .copyright { text-align:center; line-height:28px; color:#999; font-size:9px; background-color:#f9f9f9; }







/*----- ★  하단 고정영역 -----*/
/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 45px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up { width:33px; height:33px; line-height:33px; display: block; border:1px solid #828282; background-color:#828282; opacity: 0.5;text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:40px; height:40px; line-height:40px; display: block; text-align:center; position: absolute; top:-5px; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter img{width:40px; height:auto;}

.section_fixedFooter .btn_toggle_area .btn_fixedFooter01 {width:40px; height:40px; line-height:40px; display: block; text-align:center; position: absolute; top:-45px; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter01 img{width:40px; height:auto;}

/* //하단 고정 버튼 */


/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 14px; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#ddd; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;font-size: 12px;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 14px; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#ddd; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;font-size: 12px;}
.section_fixedFooter .footerMiddle {background-color:#8fc31f; text-align:center; padding:8px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #709b13; color:#fff; margin-left: -1px;}
/* //하단 고정 메뉴 */



@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:0px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:0px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
/* BASIC css end */