/* BASIC css start */
#footer { margin-top:50px; }
#footer .footerNav { position:relative; overflow:hidden; padding-top:10px;}
#footer .footerNav nav { width:100%; font-size:0; text-align:center;}
#footer .footerNav nav a { display:inline-block; width:25%; font-size:12px; color:#acacac; background:#494a4c; line-height:30px; text-align:center; box-sizing:border-box; border:solid 5px #323335; }
#footer .footerNav nav a.bigW { width:30% }
#footer .footerNav nav a.smallW { width:15% }

#footer .footInner { overflow:hidden; position:relative; width:100%;  border-bottom:solid 10px #f5f5f5;}

#footer .foot_tit { padding-bottom:10px; position:relative }
#footer .foot_tit h2 { font-size:18px; color:#666; letter-spacing:-1px }
#footer .foot_tit h2 span { font-weight:bold }

#footer .footAccount .bank_lst {  padding-top:10px;}
#footer .footAccount .bank_lst li {text-align:left; padding-left:20px;}
#footer .footAccount .bank_lst li .ico { }

#footer .footAccount .bank_lst li.holder { text-align:center; background:#f0f0f0 }
#footer .footAccount .bank_lst li.holder span { font-weight:bold }

#footer .footAccount { width:50%; float:left; background:#fff;  position:relative; box-sizing:border-box; border:solid 1px #f5f5f5;}
#footer .footCustomer { width:50%; float:left; background:#fff;  position:relative; box-sizing:border-box; border:solid 1px #f5f5f5;}
.foot_callbtn {position:absolute; display:block; width:70%; left:10px; height:40px; line-height:40px; border:solid 1px #777777; text-align:center; font-size:14px; font-weight:600; bottom:20px;}
#footer .tx1 { text-align:center; font-size:20px; color:#202020; letter-spacing:0px; padding-top:30px; }
#footer .tx2 { text-align:center;  font-size:12px; color:#777777; line-height:18px; letter-spacing:0px }
#footer .tx3 {font-size:12px; color:#202020;  padding-top:5px; }
#footer .footCopy { padding:25px 0; position:relative; width:100% }
#footer .footCopy p { position:relative; font-size:11px; color:#acacac; }
#footer .footCopy p a { font-size:11px; color:#acacac; }
#footer .footCopy p.take_back { color:#eb1c23; text-decoration:underline }
.call_point {font-size:14px; line-height:20px;}
#footer .footMade { width:90px; height:12px; text-indent:-9999em; background:url(/design/monodee/10276/m/common/footer_made.jpg) 0 0 no-repeat; background-size:90px auto }

/* 하단 고정 버튼 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0; z-index:300 }
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
/* //하단 고정 버튼 */
.f_toplist {width:100%; background:#f5f5f5;}
.f_toplist ul {padding:10px 0; overflow:hidden;}
.f_toplist ul li {width:25%; float:left; background:#fff; padding:15px 0; box-sizing:border-box; border:solid 1px #f5f5f5;}
.f_toplist ul li img {display:block; width:45%; margin:0 auto; height:auto; max-width:100px;}
.f_toplist ul li p {text-align:center; padding-top:4px; color:#acacac;}
.foot_btn {background:#323335;}
.foot_icon04 {text-align:center; font-size:36px; color:#c6b9d5;}


/* Topmodule_01 */
.SMS_Topmodule_01 .container_Box { height: 60px; position: fixed; bottom: 0; width: 100%; z-index: 500; border-top: 1px solid #e0dad4; }
.SMS_Topmodule_01 .container_Box ul li { position: relative; float: left; width: 16.666%; color: #000; font-size: 11px; text-align: center; height: 60px; background: #fff; }
.SMS_Topmodule_01 .container_Box ul li a { display: block; }
.SMS_Topmodule_01 .container_Box ul li:last-child { border-right: none; }
.SMS_Topmodule_01 .container_Box ul li:last-child span { }
.SMS_Topmodule_01 .container_Box ul li span.text { margin-top: 4px; display: block; }
.SMS_Topmodule_01 .container_Box ul li a img { height: 25px; display: block; margin: 8px auto 0; }
.SMS_Topmodule_01 .container_Box ul li b.count { position: absolute; display: inline-block; min-width: 17px !important; height: 17px !important; line-height: 17px; top: 24px; left: 50%; color: #fff; font-size: 8px; font-weight: bold; text-align: center; border-radius: 18px; background: #282828; margin-left: -10px; z-index: 23; display: none; }
.SMS_Topmodule_01 .container_Box ul li span.count a { color: #fff; }
.SMS_Topmodule_01 .container_Box ul li .joinAnimation { position: absolute; top: -18px; left: 50%; margin-left: -25px; width: 50px; height: 20px; line-height: 20px; text-align: center; border-radius: 20px; color: #fff; background: #cad2e5; font-size: 10px; }
.SMS_Topmodule_01 .container_Box ul li .joinAnimation p b { font-weight: normal; }
.SMS_Topmodule_01 .container_Box ul li .joinAnimation:before { content: ""; position: absolute; bottom: -4px; left: 50%; margin: 0 0 0 -3px; border-style: solid; border-width: 5px 4px 0; display: block; width: 0; z-index: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); border-color: #cad2e5 transparent; }
@-webkit-keyframes joinAnimation {
    0% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    5% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg);
    }

    10% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    15% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg);
    }

    20% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
}

.joinAnimation {
    display: inline-block;
    -webkit-animation: joinAnimation 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

.footInner_in {padding:16px 10px 0; height:250px;}
.footInner_in h3 {font-size:16px; font-weight:600; padding-bottom:10px;}

#back-to-top a { font-weight:bold;
  line-height:50px;  color: #fff; font-size: 25px;
 
}



#back-to-top {

 
 
  display: block;

  position: fixed;
  right: 20px;
  background:#ccc;
  bottom: 20px;
  text-align: center;
  text-decoration: none;
  width: 50px;
  height: 50px;
 border-radius:25px;
  
  z-index: 1040;
  
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

  
}


#back-to-top.on {
    opacity: 1 !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
  -webkit-transform:rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform:rotateY(0deg);
}

#back-to-top.off {
  opacity: 0;
}




/* BASIC css end */