@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * 푸터 css
 * @date:2021-07-08
 * @name:이상아
 */

/* 푸터 공통 */
#footer { width: 100%; position:relative; background:#fff; text-align:center; box-sizing:border-box; border-top:1px solid #dcdcdc;}
#footer .info.down { border-bottom:1px solid #e0e0e0; } /* 20.12.10 pub 수정  */
#footer .info.down dl { padding:25px 10px 15px; } /* 20.12.10 수정 */
#footer .info.down dl dt {margin-bottom: 10px;} /* 20.12.10 추가 */
#footer .info.down dl dt a { padding-right:15px; font-size:14px; color:#000; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_top.png) no-repeat 99% center; background-size:8px auto; } /* 20.12.10 pub 수정 */
#footer .info.down dl dd { display:block; }
#footer .info dl {padding: 20px 0 0px;} /* 20.12.10 pub 수정  */
#footer .info dl dt a { padding-right:15px; font-size:14px; color:#000; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_bottom.png) no-repeat 99% center; background-size:8px auto; } /* 20.12.10 pub 수정 */
#footer .info dl dd { display:none; font-size:12px; color:#6b6b6b; line-height:20px; word-break: break-all; } /* 2017-11-01 */
#footer .bt { padding:22px 0 0; }  /* 20.12.10 pub 수정  */ /* 21.04.07 이상아 수정 */
#footer .bt > p { padding: 0 20px 12px; font-size:11px; color:#808080; word-break: break-all; }  /* 20.12.10 pub 수정 */
#footer .bt .cscenter { display:block; margin:0 0 20px; }  /* 20.12.23 pub 수정  */
#footer .bt .cscenter:after { display:block; content:""; clear:both; }
#footer .bt .cscenter li { display: inline-block; padding: 0 10px;  border:1px solid #ccc; text-align:center; } /* 20.12.10 수정  */
#footer .bt .cscenter li a { display:block; height:28px; box-sizing:border-box; font-size:11px; color:#999; line-height:30px; word-break: break-all; overflow:hidden; } /* 20.10.26 수정  */
#footer .bt .cscenter li .num { padding-left:15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_num.png) no-repeat left center; background-size:11px auto; }  /* 20.10.26 수정  */
#footer .bt .cscenter li .email { padding-left:17px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_email.png) no-repeat left center; background-size:13px auto; }  /* 20.10.26 수정  */
#footer .bt .link { display:inline-block; position:relative; z-index:16;} /* 21.05.17 이상아 수정 */
#footer .bt .link:after { display:block; content:""; clear:both; }
#footer .bt .link li { float:left; margin-right:7px; font-size:13px; } /* 2017-11-01 */
#footer .bt .link li:after { content:'|'; margin-left:7px; color:#ccc; } /* 2017-11-01 */
#footer .bt .link li:last-child {margin-right: 0;} /* 21.03.04 추가 */
#footer .bt .link li:last-child:after { content:''; margin-left:0; } /* 2017-11-01 수정 */
#footer .bt .link li.lnk1 a { font-weight:lighter; color:#666666; } /* 21.03.04 수정 */
#footer .bt .link li.lnk2 a { font-weight: bold; color:#666666; } /* 21.03.04 수정 */
#footer .bt p.copy { padding-bottom: 0; font-size:12px; color:#adadad; text-align:left; position:relative; border-top:1px solid #dcdcdc; line-height:36px; margin-top:10px;} /* 20.12.10 pub 수정 */ /* 21.04.07 이상아 수정 */
#footer .bt p.copy a { font-weight:bold; color:#666; /*text-decoration:underline;*/ } /* 21.04.07 이상아 수정 */
#footer.abs-b { position:absolute !important; bottom:0; width:99% }
#footer .ft-nicepay-area {margin: 20px 0; text-align: center;}
#footer .ft-nicepay-area .inner {display: inline-block; width: 160px; padding-left: 40px; background: url(/assets/shop/img/common/img_nicepay.png) left center no-repeat; background-size: 30px 35px; line-height: 17px; font-size: 12px; color: #000;}
#footer .ft-nicepay-area .inner a {display: inline-block; text-decoration:underline; font-weight: bold;}

/* 에스크로 가입사실 로고 */
#footer .nicepay-area {margin:20px 0; text-align:center;}
#footer .nicepay-area .inner {display:inline-block; width:160px; padding-left:40px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/img_nicepay.png) left center no-repeat; 
background-size:30px 35px; line-height:17px; font-size:12px; color:#000;}
#footer .nicepay-area .inner a {display:inline-block; text-decoration:underline; font-weight:bold;}
#footer .ksnet-area {margin:20px 0; text-align:center;}
#footer .ksnet-area .inner {display:inline-block; width:160px; padding-left:40px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/img_ksnet.png) left center no-repeat; 
background-size:32.5px 32.5px; line-height:17px; font-size:12px; color:#000;}
#footer .ksnet-area .inner a {display:inline-block; text-decoration:underline; font-weight:bold;}

/* 푸터 소호마켓 버튼 추가 */
#footer .bt p.copy .btnSohoSch {position:absolute; right:18px; top:0; font-size:11px; color:#999; padding-right:10px; padding-left:22px;
background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_ico_h26.png) no-repeat 0 center; background-size:16px 16px;}
#footer .bt p.copy .btnSohoSch:after {content:''; position:absolute; right:0; top:13px; width:6px; height:8px; 
background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_arr_h14.png) no-repeat right center; background-size:100%;}

/* 05.28 이슈 관련 css 재정의 */
#footer .bt .cscenter li {position:relative; z-index:12;}

@media screen and (min-width:321px) {
	#footer .bt .cscenter li {margin:0 5px;}
}
@media screen and (max-width:320px) {
	#footer .bt .cscenter li {display:inline-block; float:none; text-align:center;}
	#footer .bt .cscenter li+li {margin-top:0px;}
}

/* 23.02.09 이현진 추가 */
#footer .bt p.copy .btnSohoSch:after {top:15px;}
#footer .bt p.copy span {font-size:13px; color:#878787;}
