/* BASIC css start */
.btnTop {display:none;position:fixed;z-index: 99;right: 15px;bottom:20px;}
.btnTop a {display:block;width: 45px;height: 45px;line-height: 45px;text-align:center;border-radius:50%;background: #2c2c2c;}
.btnTop a:hover { opacity:0.8; }
.btnTop a.pageTop { }


/*
#ftWrap{margin: 100px 0 0 0; font-size:13px;background:#222;color:#9e9e9e; }
#ftWrap a { color:#9e9e9e; font-size:13px;}
#ftWrap a:hover {color:#fff; } 
#ftWrap .footerNavArea .footerNav li i { font-size: 20px; vertical-align: middle; }
#ftWrap .footerNavArea .footerNav a {padding: 0 30px 0 10px;}

#ftWrap .footerInfoWrap {padding: 50px;}
#ftWrap .footerInfoWrap .copy {padding-top: 30px; }
#ftWrap .footerInfoWrap .copy a { margin-top: -4px; display: inline-block;}
#ftWrap .footerInfoWrap .escrow {padding-top: 10px;  }
#ftWrap .footerInfoWrap ul:after{content:"";display:block;clear:both;}
#ftWrap .footerInfoWrap > ul > li:first-child { float: left; }

#ftWrap .footerInfoWrap ul.footerNav li a { display:block; margin:0 0 16px;}

#ftWrap .footerInfoWrap .list{  }
#ftWrap .footerInfoWrap .list.info {float: left;}
#ftWrap .footerInfoWrap .list.info .subTxt .tel { font-size:40px; font-weight:400; color:#fff;}
#ftWrap .footerInfoWrap .list.info .subTxt .csCenter { margin:10px 0 40px; font-size:14px; }
#ftWrap .footerInfoWrap .list.info .subTxt .cpTxt { line-height: 20px;}
#ftWrap .footerInfoWrap .list.info .subTxt .cpTxt a { margin-top: -4px;display: inline-block; }

#ftWrap .footerInfoWrap .ftMenu {float: right;}
#ftWrap .footerInfoWrap .ftMenu > ul > li { float: left; width:22%; }
#ftWrap .footerInfoWrap .ftMenu > ul > li:last-child { width:44%; }
#ftWrap .footerInfoWrap .ftMenu .footerNav {  }
#ftWrap .footerInfoWrap .ftMenu .footerNav li { margin-right:10px;}
#ftWrap .footerInfoWrap .ftMenu .footerNav li:first-child { padding-left:0;}

#ftWrap .footerInfoWrap .ftMenu .snsArea { margin-left: -15px; }
#ftWrap .footerInfoWrap .ftMenu .snsArea li { display:inline-block; margin:0 10px 0 0; }
#ftWrap .footerInfoWrap .ftMenu .snsArea li a { font-size:26px; width:42px; height:42px; display: block; line-height: 42px; text-align:center;}
#ftWrap .footerInfoWrap .ftMenu .snsArea li a:hover { color:#fff;}

#ftWrap .footerInfoWrap .ftMenu .escrow { line-height:20px; }
#ftWrap .footerInfoWrap .ftMenu .escrow a {display:block; color:#fff; margin-top:4px;}
*/


/* BASIC css start */
/* 하단 */
#ftWrap { margin:100px auto 0px; text-align:left; position:relative;}

#ftWrap .inner {width:1220px; margin:0 auto; position:relative;}

#ftWrap .ftMenu { border-top:1px solid #222222; border-bottom:1px solid #e5e5e5; height:48px;}
#ftWrap .ftMenu .inner {background-color:#fff; height:48px;}
#ftWrap .ftMenu .ft_menu_shop ul li {float:left;}
#ftWrap .ftMenu .ft_menu_shop ul li a {line-height:48px; font-size:13px; color:#555555;  letter-spacing:-0.5px; font-weight:300; padding:0px 15px;}
#ftWrap .ftMenu .ft_menu_sns ul li a:hover {color:#000;}
#ftWrap .ftMenu .ft_menu_sns ul li:first-child a {background:none; padding-left:20px;}
#ftWrap .ftMenu .ft_menu_sns ul li a.bt_black {color:#000;}
#ftWrap .ftMenu .ft_menu_sns {padding-right:20px;}
#ftWrap .ftMenu .ft_menu_sns ul li {float:left; padding-left:10px; padding-top:14px;}
.ft_menu_sns i {font-size: 20px; color:#555555;}


#ftWrap .ftInfo{ padding: 30px 0px 35px 0px; }

#ftWrap .ftInfo .inner {background-color:#fff; height:165px;}

#ftWrap .ftInfo .fleft {  padding: 0 20px 0 30px; float:left; position:relative; border-right:1px solid #eee }
#ftWrap .ftInfo .fleft:first-child  { padding:0 20px 0 20px;}
#ftWrap .ftInfo .fleft:last-child  { padding:0 0px 0 20px; border:none; }


#ftWrap .ftInfo .ft_title .text {font-size:19px; font-weight: 600; color:#000; text-align:left; letter-spacing:0.5px; line-height:1;}

#ftWrap .ftInfo .ft_cs {  width:350px; min-height:140px;  text-align:left; }
#ftWrap .ftInfo .ft_bank  { width:200px; min-height:145px;  text-align:left; position: relative; }


#ftWrap .ftInfo .ft_return {text-align:left; }
#ftWrap .ftInfo .ft_favorite  { width:110px;   min-height:145px;  text-align:left; }

#ftWrap .ftInfo .ft_bank .left{width:180px}
#ftWrap .ftInfo .ft_bank .right{width:180px}
#ftWrap .ftInfo .ft_bank select { margin-top:10px; margin-bottom:10px ; border:1px solid #e9e9e9; font-size:13px; width:140px; height:24px; line-height:24px; color:#888; letter-spacing:-0.5px;}

#ftWrap .ftInfo .ft_bank .mark img {width:45px}
#ftWrap .ftInfo .ft_bank .mark1{}
#ftWrap .ftInfo .ft_bank .makr2{}


#ftWrap .ftInfo .cs_tel {font-size:25px;  color:#222; line-height:1; padding-top:15px; letter-spacing:-0.3px;}
#ftWrap .ftInfo .cs_tel_cmt {font-size:14px; font-weight:400; color:#222; line-height:20px; padding-top:13px; color:#555555;}
#ftWrap .ftInfo .cs_tel_cmt span {color:#000;}
#ftWrap .ftInfo .cs_tel_cmt a {display:block; font-size:12px; font-weight:300; color:#222; line-height:25px; color:#555555;}
#ftWrap .ftInfo .cs_tel_cmt a:hover {color:#000;}

#ftWrap .ftInfo .bank_no,
#ftWrap .ftInfo .cs_addr {  font-size:14px; font-weight:500; color:#222; line-height:25px; padding-top:13px; color:#555555;}

#ftWrap .ftCopy { margin-top:20px; }
#ftWrap .ftCopy .inner {background-color:#fff; height:145px; text-align: center;}
#ftWrap .ftCopy { border-top:1px solid #e5e5e5; height:48px;padding-top: 20px}

#ftWrap .ftCopy .ft_company {font-size:13px;  font-family: 'Open Sans', 'Nanum Gothic'; line-height:22px; color:#000;  padding-left:20px;  letter-spacing:-0.2px;}
#ftWrap .ftCopy .ft_company span { padding-right:15px;}

#ftWrap .ftCopy .ft_copy { padding-left:20px; padding-top:10px; line-height:18px; font-size:13px;}
#ftWrap .ftCopy .ft_escrow  { padding-left:20px; padding-top:5px;}
#ftWrap .ftCopy .ft_banner  { padding-top:5px; padding-bottom: 10px;}

#ftWrap .ft_icon {padding-top:20px;}
#ftWrap .ft_icon  ul li {float:left; position:relative; width:70px; height:30px; border: 1px solid rgb(221, 221, 221);
        margin-right:8px; border-radius:5px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-backface-visibility: hidden;}
#ftWrap .ft_icon i {font-size: 22px; vertical-align: middle; display: table-cell;}

#ftWrap .ft_icon  span {font-size:12px; text-align:center; width:70px; line-height:30px; color:#222; font-family: 'Open Sans', 'Nanum Gothic';
     position:absolute; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-backface-visibility: hidden; opacity:1;}

#ftWrap .ft_icon  ul li:hover { background-position:0px 0px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-backface-visibility: hidden; background-color: #222;  color:#fff;}
#ftWrap .ft_icon  ul li:hover span {opacity:1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-backface-visibility: hidden;
vertical-align: middle; display: table-cell; color:#fff;}


#ftWrap .ft_icon  {
    margin: 0px 0px 0px;
}
#ftWrap .ft_icon  li {
    margin: 0px 0px 0px 5px; float: left;
}
#ftWrap .ft_icon  li:first-child {
    margin: 0px 0px 0px -2px;
}
#ftWrap .ft_icon  li a {
    background: rgb(255, 255, 255);  border: 1px solid rgb(221, 221, 221); border-image: none;
    text-align: center; display: table; box-sizing: border-box;
}

#ftWrap .ft_icon  li a i {
    color: rgb(204, 204, 204); padding-left: 1px; font-size: 22px; vertical-align: middle; display: table-cell;
}


#ftWrap .ftInfo .ft_favorite {
    width: 180px; 
}
#ftWrap .ft_icon .return {
    width: 370px; position: relative; float: left; padding-left: 10px;
}


.ft_favorite .favorite {
    width: 160px; margin-top: 8px; border-top-color: rgb(222, 229, 232); border-left-color: rgb(222, 229, 232);
    border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
    position: relative;
}


.ft_favorite .favorite  li{
    line-height: 38px; height:38px; top:3px;
    border-right-color: rgb(222, 229, 232); border-bottom-color: rgb(222, 229, 232);
    border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
    color: rgb(51, 51, 51); text-align: center;  display: block;
}

.ft_favorite .favorite li a {
    text-align: center; width: 100%; font-size: 14px;
}

.ft_favorite .favorite  li:hover { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-backface-visibility: hidden; background-color: rgb(222, 222, 222);   }


/* 하단 관련 미디어쿼리 */
@media screen and (max-width: 1260px){
    #ftWrap .ftMenu .inner {width:1020px;}
    #ftWrap .ftInfo .inner {width:1020px;}
    #ftWrap .ftCopy .inner {width:1020px;}
    #ftWrap .ftInfo .ft_cs {padding:0px 25px 0px 20px; }
    #ftWrap .ftInfo .ft_bank {padding:0px 25px;}
    #ftWrap .ftInfo .ft_return {padding:0px 25px 0px 25px;}
    #ftWrap .ftInfo .ft_favorite {width:auto; padding:0px 25px;}
}
/* BASIC css end */


/* BASIC css end */