@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * 푸터 css
 * @date:2021-07-08
 * @name:이상아
 */

/* 푸터 공통 */
#footer {position:relative; padding:5px 0 20px; border-top:1px solid #ccc;}  /* 21.04.07 이상아 수정 */
#footer .ft-inner {width:1080px; margin:0 auto; min-height:76px;} /* 21.05.13 이상아 수정 */
#footer .lnks {width:100%; position:relative;} /* 21.04.07 이상아 수정 */
#footer .lnks ul {overflow:hidden; height:50px; line-height:50px;}
#footer .lnks li {float:left; margin-right:34px; position:relative;}
#footer .lnks li a {font-size:14px; font-weight:700; color:#000;} /* 21.03.04 수정 */
#footer .lnks li:first-child a, 
#footer .lnks li:last-child a {font-weight:300;} /* 21.03.04 추가 */
#footer .lnks li:nth-child(2) a {font-weight:700;} /* 21.03.04 추가 */
#footer .lnks li:before {display:block; content:''; width:1px; height:14px; background:#d3d3d3; position:absolute; top:19px; left:-15px;}
#footer .lnks li:first-child:before {display:none;}
#footer .lnks li:hover a {color:#00b0ff;}
#footer .address {width:100%; font-size:14px; font-weight:300; color:#666; position:relative;}
/* 에스크로 가입사실 로고 */
#footer .address .nicepay-area {display:inline-block; padding-left:50px; background:url('https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/img_nicepay.png') left 5px no-repeat;position:absolute; top:0; right:0; background-size:38px 44px; line-height:22px; font-size:14px; color:#666;}
#footer .address .nicepay-area a {display:block; color:#999; text-decoration:underline; font-size:12px;}
#footer .address .ksnet-area {display:inline-block; padding-left:50px; background:url('https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/img_ksnet.png') left 5px no-repeat;position:absolute; top:0; right:0; background-size:42px 41px; line-height:22px; font-size:14px; color:#666;}
#footer .address .ksnet-area a {display:block; color:#999; text-decoration:underline; font-size:12px;}
#footer .address p {line-height:26px; position:relative;}
#footer .address p.ft-logo {margin-top:0; text-align:right; float:right;} /* 21.04.07 이상아 수정 */
#footer .address p.ft-logo span {margin-right:5px; font-size:14px; color:#adadad;}
#footer .address p.ft-logo a {display:inline-block; vertical-align:middle;} /* 21.04.07 이상아 수정 */
#footer .address p span {display:inline-block; margin-right:35px;}
#footer .address p span.tell {padding-left:20px; background:url('https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_ft_tell.png') left center no-repeat;}
#footer .address p span.mail {padding-left:20px; background:url('https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_ft_mail.png') left center no-repeat;}
#footer .address ul.sns {position:absolute; top:72px; right:0; overflow:hidden;}
#footer .address ul.sns li {float:left; margin-left:14px;}
#footer .address ul.sns li:first-child {margin-left:0;}
#footer .address ul.sns li a {display:block;}
#footer .btn-top {position:fixed; z-index:99; width:60px; height:60px; box-shadow:0 3px 7.6px 0.4px rgba(0, 0, 0, 0.15); background:url('https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/btn/btn_top_arrow.png') no-repeat; 
background-size:60px auto;  bottom:40px; right:100px; border-radius:50%; transition:all .5s; opacity:0; filter:alpha(opacity=0); border:1px solid #e3e3e3; background-position:center; background-size :24px auto; background-color:#fff;}
#footer .btn-top.on {opacity:1; filter:alpha(opacity=100);}
#footer .address .cmpInfo1 {width:610px;}
#footer .address .cmpInfo1 span {margin-right:15px;}
#footer .address .cmpInfo2 {line-height:26px; position:relative; overflow:hidden;}
#footer .address .cmpInfo2 span {display:inline-block; margin-right:15px;}
#footer .address .cmpInfo2 span.tell {padding-left:20px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_ft_tell.png') left center no-repeat;}
#footer .address .cmpInfo2 span.mail {padding-left:20px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_ft_mail.png') left center no-repeat;}
#footer .address .cmpInfo2 > .ft-logo {margin-top:30px;}
#footer .address .cmpInfo2 span + .ft-logo {margin-top:0;}
#footer .lnks .nicepay-area {float:left; border-radius:100px; margin-left:10px; border:1px solid #e0e0e0; height:58px; padding:0 20px 0 60px; 
background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/img_nicepay.png') left 5px no-repeat; background-position:15px center; background-size:33px 38px;}
#footer .lnks .nicepay-area a {display:block; height:45px; text-decoration:none; font-size:13px; color:#000; line-height:16px; padding-top:13px; padding-right:26px; 
background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/bg_ico_h10.png') no-repeat right 24px;}
#footer .lnks .ksnet-area {float:left; border-radius:100px; margin-left:10px; border:1px solid #e0e0e0; height:58px; padding:0 20px 0 65px; 
background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/img_ksnet.png') left 5px no-repeat; background-position:15px center; background-size:43px 44px;}
#footer .lnks .ksnet-area a {display:block; height:45px; text-decoration:none; font-size:13px; color:#000; line-height:16px; padding-top:13px; padding-right:26px; 
background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/bg_ico_h10.png') no-repeat right 24px;}
.btnFooterR {position:absolute; right:0; top:15px; z-index:4;} /* 21.04.26 이상아 수정 */

/* 21.05.11 이상아 푸터 추가 */
.fsbLogo {border-top:1px solid #f1f1f2; margin-top:15px; margin-bottom:-20px;}
.fsbLogo .ft-logo {margin:0 auto; width:1080px; text-align:right; line-height:40px;}
.fsbLogo .ft-logo span {margin-right:5px; font-size:14px; color:#adadad;}
.fsbLogo .ft-logo a {display:inline-block; vertical-align:middle;}

/* 푸터 미디어 쿼리 */
@media screen and (min-width:321px) {
	#footer .bt .cscenter li {margin:0 5px;}
}
@media screen and (max-width:320px) {
	#footer .bt .cscenter {margin:10px 20px;}
	#footer .bt .cscenter li {float:none; text-align:center;}
	#footer .bt .cscenter li + li {margin-top:5px;}
}

/* 23.02.09 이현진 추가 */
.fsbLogo .ft-logo.text-l {text-align:left;}
.fsbLogo .ft-logo.text-l span {font-size:13px; color:#878787;}