/* BASIC css start */
/* =============================================================================
   »ó´Ü header.html
   ========================================================================== */
#header-container { padding: 0px 0 0px; }
#header-container .wrapper { min-height: 23px; }
#header-container h1 { font-size: 1em; margin: 0; padding: 20px 0 0px; }
#header-container #logo { width: 100%; margin:0 auto; text-align:center; border:0px solid #000;}
#header-container #logo img { }


#header-container nav { position: absolute; right: 0; text-align: right; }
#header-container nav li { line-height: 23.5px; display: inline-block;  padding-left: 24px; text-align: left; }
#header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; }
#header-container nav li.cat { background: url(/images/d3/m_01/bull/category@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 70px; }
#header-container nav li.search { background: url(/images/d3/m_01/bull/search@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 40px; }


/* Ȩ|Àå¹Ù±¸´Ï|°ü½É»óÇ°|·Î±×ÀÎ */
#menu-container .menus ul { border-top: 1px solid #181818; border-bottom: 0px solid #181818; background-color: #EF4F99;  }
#menu-container .menus ul li {  color: #F6F6F6; font-weight: bold; font-size: .75em; float: left; background: url(/design/twostory/mobile/top_line1.gif) no-repeat 100% 50%; background-size: 1px 14.5px;  height: 30px; line-height: 30px; text-align: center; width: 20%; }
#menu-container .menus ul li:last-child { background-image: none; }
#menu-container .menus ul li a { color: #F6F6F6; font-weight: bold; font-size: .75em; }
#menu-container .menus ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }

#menu-container .menus ul li.join { color: #000; font-weight: bold; font-size: .75em; }

/*
#menu-container .menus ul li.wish { width: 19.286% }
#menu-container .menus ul li.home,
#menu-container .menus ul li.cart { width: 29.688% }
#menu-container .menus ul li.login { width: 19.286% }
*/


/* Ä«Å×°í¸®1 */
#menu-wiz .menus1 ul { border-top: 2px solid #181818; border-bottom: 1px solid #181818; background-color: #fff; }
#menu-wiz .menus1 ul li { float: left; background: url(/design/twostory/mobile/top_line.gif) no-repeat 100% 50%; background-size: 1px 30px;  height: 30px; line-height: 30px; text-align: center; width: 25%; }
#menu-wiz .menus1 ul li:last-child { background-image: none; }
#menu-wiz .menus1 ul li a { color: #000; font-weight: bold; font-size: .75em; }
#menu-wiz .menus1 ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }



#menu-wiz .menus1 ul li.menu  { background-color: #DDC8B3; }
#menu-wiz .menus1 ul li.menu a { color: #ffffff; background: url(/design/twostory/mobile/menu_icon.png) no-repeat -10px center ; background-size: 23px 23px; ; padding-left: 20px;  }
#menu-wiz .menus1 ul li.bestitem a { color:#B28200; font-weight: bold; }

/* Ä«Å×°í¸®2 */
#menu-wiz .menus2 ul { border-top: 0px solid #181818; border-bottom: 1px solid #181818; background-color: #fff; }
#menu-wiz .menus2 ul li { float: left; background: url(/design/twostory/mobile/top_line.gif) no-repeat 100% 50%; background-size: 1px 30px;  height: 30px; line-height: 30px; text-align: center; width: 25%; }
#menu-wiz .menus2 ul li:last-child { background-image: none; }
#menu-wiz .menus2 ul li a { color: #000; font-weight: bold; font-size: .75em; }
#menu-wiz .menus2 ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }







.search {padding-top:0px; padding-bottom:10px; width:100%; } 
.MS_search_word {width:70%;  height:80%;}
.search input#keyword {height:19px; width:100%; margin:0; padding:0; border:0;}
.search div { margin:0 auto; text-align:center; }
.sea01 { width:56%; margin:0 auto; padding:0; height:19px; border:1px solid #747474; }
.sea01 li {float:left; list-style:none; height:19px;}



/* ȸ¿ø°¡ÀÔ */

@-webkit-keyframes bounce{
  from {top: 0px;}
  to {top: 5px;}
}

.ani {
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
}


#ball {
  background-color: #FF6B6B;
   position:relative; 
  top: 0px;
  left: 50%;
margin-left:-25px;
  text-align:center:
  margin:0 auto;
  height: 15px;
  width: 50px;
  border-radius: 10%;
  z-index:999;

  }

.css-arrow-multicolor {
 border-color: transparent transparent #000 transparent;
 border-style:solid;
border-width:5px;
width:0;
height:0;
position: absolute;
top:-10px;
 left:20px;
		
}


.font { 

font-family:'µ¸¿ò', 'Nanum Gothic'; font-size:.75em; line-height:15px; color:#fff;

}
/* BASIC css end */