/* BASIC css start */
/* layout */
.footer_wrap { margin-top:60px; }
.footer_wrap .footer_top { border-top:1px solid #efefef; }
.footer_wrap .footer_bottom { background:#111; }

/* footer_top */
.footer_top .foot_info { width:1200px; margin:0 auto; font:normal 12px dotum, 'µ¸¿ò', Malgun Gothic, '¸¼Àº °íµñ'; color:#666; line-height:22px; }
.footer_top .foot_info .inner { *zoom:1; padding:40px 0; margin-bottom:0px; }
.footer_top .foot_info .inner:after { content:""; display:block; clear:both; }
.footer_top .foot_info .inner > li { float:left; width:230px; padding-left:80px; text-align:center; }
.footer_top .foot_info .inner > li:first-child { padding-left:0; }
.footer_top .foot_info .inner > li > dl {  }
.footer_top .foot_info .inner > li > dl dt { font:bold 16px Arial, dotum, 'µ¸¿ò', Malgun Gothic, '¸¼Àº °íµñ'; color:#444; padding:60px 0px 20px; margin-bottom:15px; border-bottom:1px #444 solid; }
.footer_top .foot_info .inner > li > dl dd { color:#444; }
.footer_top .foot_info .inner .delivery_info .input_delivery { width:230px; height:22px; border: 1px solid #cccccc; }
.footer_top .foot_info .inner .delivery_info .btn_delivery { height:24px; background-color:#475574; color:#fff; border:1px #444 solid; }
.footer_top .foot_info .inner .fLogo { width:285px; margin-top:14px; border-left:0;text-align:center; }
.footer_top .foot_info .inner .fLogo img { width:220px; }
.footer_top .foot_info .inner .fLogo .footer_middle { margin-top:4px; }
.footer_top .foot_info .inner .fLogo .footer_middle > ul { width:1200px; *zoom:1; margin:0 auto; padding:10px 0; }
.footer_top .foot_info .inner .fLogo .footer_middle > ul:after { content:""; display:block; clear:both; }
.footer_top .foot_info .inner .fLogo .footer_middle > ul > li { float:left; background:url(/design/toptopia/images/bg_footer01.jpg) no-repeat 0 center; padding-left:10px; }
.footer_top .foot_info .inner .fLogo .footer_middle > ul > li:first-child { padding-left:0px; background:none; }
.footer_top .foot_info .inner .fLogo .footer_middle > ul > li > a { font:normal 12px Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò'; color:#666; letter-spacing:-1px; }
.footer_top .foot_info .inner .fLogo .footer_middle > ul .right_box { float:right; background:none; }
.footer_top .foot_info .inner .bank_info .bankNum { font-size:16px; font-weight:bold; margin:5px 0px; }
.footer_top .foot_info .inner .delivery .bold { font-weight:bold; margin:5px 0px; }
.footer_top .foot_info .inner .customer_center .customerNum { font-size:16px; font-weight:bold; margin:5px 0px; }
.footer_top .foot_info .inner .bank_info dt { background:url('//toptopia.img17.kr/img/main/footer_icon1.png') no-repeat center top; }
.footer_top .foot_info .inner .delivery dt { background:url('//toptopia.img17.kr/img/main/footer_icon2.png') no-repeat center top; }
.footer_top .foot_info .inner .customer_center dt { background:url('//toptopia.img17.kr/img/main/footer_icon3.png') no-repeat center top; }
.footer_top .foot_info .inner .employment dt { background:url('//toptopia.img17.kr/img/main/footer_icon4.png') no-repeat center top; }

/* footer_bottom */
.footer_bottom .addr_wrap { overflow:hidden; width:1200px; margin:0 auto; }
.footer_bottom .addr_wrap .address { float:left; width:700px; }
.footer_bottom .addr_wrap .address > dt { margin-top:5px; }
.footer_bottom .addr_wrap .address > dd { font:normal 12px Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò' ; color:#aaaaaa; line-height:22px; }
.footer_bottom .addr_wrap .address > dd.sns a { width:37px; }

.footer_bottom .addr_wrap .escro { float:right; width:480px; }
.footer_bottom .addr_wrap .escro #MK_BottomPromotion { width:480px; }
.footer_bottom .addr_wrap .upper { position:relative; overflow:hidden; padding:15px 0; color:#aaa; border-bottom:1px solid #373737; }
.footer_bottom .addr_wrap .upper ul li { float:left; }
.footer_bottom .addr_wrap .upper .link { float:left; overflow:hidden; }
.footer_bottom .addr_wrap .upper .link a { margin-left:15px; padding-left:15px; border-left:1px solid #5c5c5c; font-size:13px; color:#aaa; vertical-align:-webkit-baseline-middle; }
.footer_bottom .addr_wrap .upper .link a b { color:#fff; }
.footer_bottom .addr_wrap .upper .link li:first-child > a { margin-left:0; border-left:0; }
.footer_bottom .addr_wrap .upper .sns { float:right; }

.footer_bottom .address .address_inner .bold { font-weight:bold; }
.footer_bottom .address .address_inner .address_tit { font-weight:600; }
.footer_bottom .address .address_inner .copy { margin:15px 0 10px; color:#777; }
.footer_bottom .bottom { padding:50px 0; }

.notice{ padding:15px 0 30px 15px; font-size:11px;color:#fffed5;line-height:1.8;clear:both; border-top:1px solid #373737;}

/* ½Ç½Ã°£ »ó´ã ar.jo */
#tocplusWindow {position:fixed !important;left:auto !important;right:10% !important;top:52% !important;z-index:1000 !important;}

/* ¿òÁ÷ÀÌ´Â ÆË¾÷ */
#movingPopup {
    position: fixed;
    display: none;
    width: 320px;
    height: 290px;
    right: 220px;
    top: 300px;
    z-index: 9999;
    animation: movingPop 1.7s infinite;
}
#movingPopup a{color:white;}
#movingPopup .mov-pop-close {
    position: absolute;
    right: 23px;
    bottom: -24px;
    width: 25px;
    height: 26px;
    background-color: #aaa;
    z-index: 100;
    padding: 6px;
}
#movingPopup .mov-pop-close img{display:block;width:100%;}

@keyframes movingPop{
  
  0% {
    top: 300px;
  }
  50% {
    top: 315px;
  }
  100% {
    top: 300px;
  }
}


/* »ç¾÷ÀÚÁ¤º¸ Åä±Û¹öÆ° */
.body{background-color:#111; height:135px; display:block; color:#777777; float:left; width:700px; padding-left:15px;}
.input:checked ~ .body{display:block;}
.input{display:none;}

/* BASIC css end */

