/* BASIC css start */
#qnb { padding: 5px; border-bottom: 1px solid #ddd; background: #fff; margin-top: 50px; } 
#qnb > ul { text-align: center } 
#qnb > ul > li { padding: 2.5px } 
#qnb > ul > li > a { display: block; width: 100%; height: 100%; padding: 10px 5px; border: 1px solid #ddd; border-radius: 3px; font-size: 11px; color: #444; text-align: center; vertical-align: middle; box-sizing: border-box } 
#qnb > ul > li > a > i { display: block; margin-bottom: 5px; font-size: 24px; color: #555 } 
#qnb > ul > li > a > p { white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }
#qnb > ul > li > a > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
#qnb > ul > li > a > span.kpop { color:#570057; }
#qnb > ul > li > a > span.new { color:#F19300; }
#qnb > ul > li > a > span.unique { color:#612a6f; }
#qnb > ul > li > a > span.non { color:#e20341; }
#customer { padding: 20px 0; border-bottom: 1px solid #ddd; background: #fff } 
#customer > ul { text-align: center } 
#customer > ul > li { border-right: 1px solid #ddd; vertical-align: top } 
#customer > ul > li:last-child { border-right: 0 } 
#customer > ul > li > h3 { padding-bottom: 5px;font-size: 13px; font-weight: bold; color: #222; letter-spacing: .25px } 
#customer > ul > li > ul { padding: 0 8px } 
#customer > ul > li > ul > li { margin-top: 2px; font-size: 11px; color: #444; line-height: 1.5 } 
#customer > ul > li > ul > .tel { margin: -2px 0; font-size: 16px; font-weight: bold }
#qbb { border-bottom: 1px solid #ddd; background: #fff } 
#qbb > ul { padding: 4px } 
#qbb > ul > li { padding: 4px } 
#qbb > ul > li > a { display: block; width: 100%; height: 100%; padding: 11px 0; border: 1px solid #ddd; font-size: 12px;font-weight: 700; color: #444; text-align: center; border-radius: 3px } 
#qbb > ul > li > a > i { margin-right: 1px; font-size: 15px;color: #222; vertical-align: middle } 
#return { padding: 16px 10px; border-bottom: 1px solid #e7e7e7 } 
#return > h3 { padding-bottom: 5px;font-size: 13px; font-weight: bold; color: #222; text-align: center; letter-spacing: .25px } 
#return > p { padding: 2px 0; font-size: 11px; text-align: center } 
#return .addr { color: #444 } 
#return .info { color: #777 } 

.df-fnb { background: #f7f7f7; border-bottom: 1px solid #e7e7e7; text-align: center; font-size: 0 } 
.df-fnb-item { display: inline-block; padding: 0 8px } 
.df-fnb-link { display: block; padding: 11px 0; font-size: 11px } 
    
#shopInfo { padding: 10px 4px; border-bottom: 1px solid #e7e7e7; background: #fff } 
#shopInfo > ul { text-align: center } 
#shopInfo > ul > li { display: inline-block; margin: 0 3px; padding: 2px 0; font-size: 11px; color: #777 } 
#shopInfo > ul > li .email { color: #757575 } 
#shopInfo > ul > li .email > i { font-size: 13px; margin-right: 2px; vertical-align: middle } 
#footer .copyright { font-size: 10px; padding: 11px 0; background: #f7f7f7; text-align: center } 
#footer .copyright .design { text-align: center; padding-top: 5px; font-size: 10px; color: #777; text-align: center } 
#footer .copyright .design > a { color: #777 } 
#footer .copyright .design .blacklabel { margin-left: 3px; background: #575757; color: #fff; font-style: normal; font-size: 8px; padding: 2px 4px 3px 5px; border-radius: 2px; vertical-align: middle } 
#shopInfo .commercial > li > a { color: #333 }
#sp-quick-design-1 .sp-quick-design-1-btn { z-index: 97; width: 40px; position: fixed; bottom: 15px; right:15px; }
#sp-quick-design-1 .sp-quick-design-1-btn.scroll.fixed { bottom: 70px; }
#sp-quick-design-1 .sp-quick-design-1-btn p { position: absolute; bottom: 100%; -moz-transform: translateX(100px) translateY(0); -webkit-transform: translateX(100px) translateY(0); -o-transform: translateX(100px) translateY(0); -ms-transform: translateX(100px) translateY(0); transform: translateX(100px) translateY(0); -webkit-transition: transform 800ms cubic-bezier(0.480,0.465,0.000,1) 300ms; -khtml-transition: transform 800ms cubic-bezier(0.480,0.465,0.000,1) 300ms; -moz-transition: transform 800ms cubic-bezier(0.480,0.465,0.000,1) 300ms; -ms-transition: transform 800ms cubic-bezier(0.480,0.465,0.000,1) 300ms;-o-transition: transform 800ms cubic-bezier(0.480,0.465,0.000,1) 300ms; transition: transform 800ms cubic-bezier(0.480,0.465,0.000,1) 300ms; }
#sp-quick-design-1 .sp-quick-design-1-btn.scroll p { -moz-transform: translateX(0px) translateY(0); -webkit-transform: translateX(0px) translateY(0); -o-transform: translateX(0px) translateY(0); -ms-transform: translateX(0px) translateY(0); transform: translateX(0px) translateY(0); }
#sp-quick-design-1 .sp-quick-design-1-btn a, 
#sp-quick-design-1 .sp-quick-design-1-btn a img { width: 100%; }
#sp-quick-design-1 .sp-quick-design-1-btn button { display: block;font-size: 0; width: 40px;height: 40px; background: transparent url(/design/asmamame/kimchee/image/quick_package.png) no-repeat; background-size: 160px 40px; }
#sp-quick-design-1 .sp-quick-design-1-btn button[theme="up"] { background-position: -40px 0; outline:0; border:1px solid #e4e4e4; }
#sp-quick-design-1 .sp-quick-design-1-btn a, 
#sp-quick-design-1 .sp-quick-design-1-btn button { margin: 4px 0 0 0; border-radius: 50%; display:inline-block; }

/* BASIC css end */