/* BASIC css start */
#footer { clear:both; padding-bottom:80px;}
#footer .footerMiddle {text-align:center;}
#footer .footerMiddle a { display:inline-block; font-size: 10px; color: #9d9d9d;}
#footer .footerMiddle a:after {content:''; display:inline-block; width:1px; height:8px; background:#b3b3b3; float: right; margin-top: 5px;}
#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}

/* ÇÏ´Ü Ãß°¡ CSS */
.fotterInfoline01 {}
.fotterInfoline01 ul li {float:left; width:33.33%;padding: 13px 0; text-align:center;}
.fotterInfoline01 ul li a{  font-size: 30px;  color: #c58876;}
.fotterInfoline01 i { font-size: 22px; vertical-align:bottom; }
.fotterInfoline01  span { display:block; font-size:11px; margin-top: 5px; }

.footerInfoTop .fc-gray { color: #959595; font-size: 11px; }
#footer .footerMiddle .ps-info { color: #525252; font-weight:700;}
#footer .footerMiddle a:nth-child(1) { width: 22%; border: 0 none;}
#footer .footerMiddle a:nth-child(2) { width: 15%; }
#footer .footerMiddle a:nth-child(3) { width: 25%; }
#footer .footerMiddle a:nth-child(4) { width: 19%; }
#footer .footerMiddle a:nth-child(5) { width: 14%; }
#footer .footerMiddle a:nth-child(5):after {display:none;}

.footer-fixed { position: fixed; right: 8px; bottom: 120px; z-index:5; }
.footer-fixed ul li { width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background-color: rgba( 255, 255, 255, 0.8 ); border: 1px solid #ddd; overflow: hidden; margin-bottom: 6px; }
.footer-fixed ul li img {vertical-align:middle;}
.footer-fixed ul li:nth-of-type(1) img {width: 17px;}
.footer-fixed ul li:nth-of-type(2) img {width: 17px;}
.footer-fixed ul li:nth-of-type(3) img {width: 24px;}
.footer-fixed ul li a { display: block; width: 100%; height: 100%; }
.footer-fixed ul li a i { font-size: 19px; vertical-align: middle; }

#footer .footerInfo .footerInfoTop .footerInfoTopLeft dl:nth-child(1) { position:relative; }
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dl:nth-child(1)::after { content: ''; display: block; width: 1px; height: 100px; background-color: #ddd; position: absolute; right: 1px; top: 3px; }

.xi-excg {background:url('/design/petebox/phps2021/m/common/exchange_icon.png') no-repeat center; width: 22px; height: 13px; background-size: contain; margin: 5px 0 4px 0; }


#footer .ftCompanyInfoArea {margin: 0px;padding: 30px 20px 30px;/* border-top: 1px solid #b2b2b2; */}
#footer .ftCompanyInfoArea .ftMidMenu {margin: 0 0%;font-size:0;text-align: center;display: table;width: 100%;}
#footer .ftCompanyInfoArea .ftMidMenu a {display:inline-block;padding: 0 4px;position:relative;font-size: 11px;color:#777;height:30px;line-height:30px;vertical-align:top;}
#footer .ftCompanyInfoArea .ftMidMenu a strong { color:#000; font-weight:600 }
#footer .ftCompanyInfoArea .ftMidMenu a:after { content:''; position:absolute; top:11px; right:0; width:1px; height:9px; background:#777 }
#footer .ftCompanyInfoArea .ftMidMenu a:last-child:after { background:none }

#footer address {padding-top:10px;color: #777;}
#footer address p {font-size: 13px;color:#777;line-height:18px}
#footer address p.copy {padding-top: 30px;color: #000  !important;}
#footer address p span { display:inline-block; margin:5px 2px 0; width:1px; height:8px; background:#777; vertical-align:top }

.footerToggleWrap {/* padding-top:30px *//* padding-bottom: 70px; */}
.dropAreaWrap:first-child {/* border-top:1px solid #ccc */}
.dropAreaWrap span.toggle-sub{margin-right: 14%;position: absolute;right: 0px;margin-top: 10px;transform: translateY(-50%);font-size: 14px;color: #999;font-weight: normal;}
.dropAreaWrap {border-bottom: 1px solid #e1e1e1;}
.dropAreaWrap .ftToggleBtn {position: relative;padding: 20px 20px 20px;margin-bottom: 0;font-size: 16px;font-weight: 500;color: #111;}
.dropAreaWrap .ftToggleBtn:after {float:right;font-family :'xeicon';content:"\e943";font-weight: bold;font-size: 16px;margin-top: 0px;}
.dropAreaWrap .ftToggleBtn.active:after { content:"\e946";}
.dropAreaWrap .ftToggleBtn .tel{position: absolute;    right: 15%;}
.dropAreaWrap .ftToggleBtn .tel a{color:#fa5500;}
.dropAreaWrap .ftToggleBtn .tel img{width:15px;height:15px;margin-right:5px;}
.dropAreaWrap .change{position: relative;padding: 18px 20px;margin-bottom: 0;font-size: 14px;font-weight: bold;color: #111;}
.dropAreaWrap .slideToggleCont {display:none;padding: 0px 20px 18px 20px;text-align: left;line-height: 1.75;font-size: 13px;color: #909090;}
.dropAreaWrap .slideToggleCont .detail-content-list li strong.pcolor{color: #d2202d;}
.dropAreaWrap .slideToggleCont .mt-remove{margin-top: 0 !important;}
.dropAreaWrap .slideToggleCont img { max-width:100% }
.dropAreaWrap .slideToggleCont p{font-size:14px; color:#777}
.dropAreaWrap .slideToggleCont .detail-content-title{font-size: 14px;color: #111;font-weight: bold;line-height: 23px;margin-top: 30px;}
.dropAreaWrap .slideToggleCont .detail-content-list {margin-top: 0px;}
.dropAreaWrap .slideToggleCont .detail-content-list li {line-height:1.75;font-size: 13px;color: #777;margin-left: 1px;}
.dropAreaWrap .slideToggleCont .detail-content-list li a.deco-underline { text-decoration: underline;}
.dropAreaWrap .slideToggleCont .detail-content-list li.banking{color:#000; font-size:15px}
.dropAreaWrap .privacy{ margin-top: 10;  margin-top: 10px;}
.dropAreaWrap .privacy a{padding-right:10px}
.dropAreaWrap .copyright{    font-size: 11px; line-height: 18px; margin-top: 10px;}


.dropAreaWrap .retrunBtn{border: 1px solid #dedede;border-radius: 8px;text-align: center;padding: 7px;margin-top: 15px;}
.dropAreaWrap .retrunBtn a{ text-align: center; font-size: 14px; color: #777; /* padding: 20px 0px; */ display: block;}
.dropAreaWrap .retrunBtn a img {width: 20px; vertical-align: middle;}

.dropAreaWrap .slideToggleCont .tel{font-size:30px; color:#000; font-weight:500}


.dropAreaWrap .callBtn{border-radius: 8px;text-align: center;margin-top: 15px;}
.dropAreaWrap .callBtn a{text-align: center;font-size: 14px;color: #777;/* padding: 20px 0px; */display: inline-block;padding: 7px;margin-right: 2%;border-radius: 7px;width: 43%;border: 1px solid #dedede;}
.dropAreaWrap .callBtn a img {width: 20px; vertical-align: middle;}
/* BASIC css end */