/* 해더 */
.top_wp{width:1170px; margin:0 auto; overflow:hidden; padding:10px 0; height:63px; box-sizing:border-box}
.top_wp .top_logo{width:82; float:left; text-align: center; max-width:82px;}
.top_wp .top_logo img{width:82px;}


.top_wp .top_rg_icon{ float:right; padding: 16px 0;}
.top_wp .top_rg_icon ul li{float:left; padding:0 5px 0 20px; text-align: center;}
.top_wp .top_rg_icon ul li img{float:left; margin:0 8px 0 0}
.top_wp .top_rg_icon ul li span{display:inline-block;font-size: 13px; color:#000}
.top_wp .top_rg_icon ul li span b{font-weight:normal; color:#2873ff}




.TopMenu{  width: 100%;  height: 53px;  margin: 0 0; padding:10px 0;  background-color: #000; box-sizing:border-box}



.navbar {   position:relative; margin-left:0px;   margin-bottom:0px;border:0px solid transparent}
/* .navbar:before,
.navbar:after {display: table;content: ""}
.navbar:after {clear: both}
.navbar:before,
.navbar:after {display: table;content: ""}
.navbar:after {clear: both} */




.ub .nav,.ub .collapse,.ub .dropup,.ub .dropdown {  position: inherit;} 



.ub .container {   position: relative;}
.ub .ub-content {padding: 20px 30px;}
.ub .dropdown.ub-fw .dropdown-menu {left: 0;right: 0;}
.ub .dropdown.ub-hw .dropdown-menu {left: auto;right: 0;width: 550px;}
.ub .ub-content .col-md-4, .ub .ub-content .col-md-8{padding-right: 5px;padding-left: 5px;}





/*하위메뉴*/
.dropdown {  position: relative}
.dropdown-toggle:focus {outline: 0}
.dropdown-menu {  position: absolute;top:100%;left:0px; z-index: 1000;display: none; margin: -10px 0 0; float: left; min-width: 159px; height:384px; font-size: 13px;list-style: none;
					 background-color: #fff;border: 1px solid #eee; border-width:0px 1px 1px 1px;  border-radius: 0px;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
					background-clip: padding-box; width: 1170px;   height:328px;   box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);   border: solid 1px #000;  background-color: #fff; box-sizing:border-box} 


.dropdown-menu li.list-num{float:left; width:182px; padding:35px 0 0 20px; box-sizing:border-box}
.dropdown-menu li.cate{float:left; width:calc(100% - 610px) ; padding:35px 0 0 20px; }
.dropdown-menu li.pic-list{float:right;  width: 428px;  height: 100%;  padding: 35px 0 38px 29px;  background-color: #fafafa; box-sizing:border-box;display:none;}
.dropdown-menu li.pic-list dt{font-size:14px; color: #000; font-weight:bold}
.dropdown-menu li.pic-list li{float:left;  width: 33.3%;  height: 100%;  padding: 15px 1.5% 0 0 ;   box-sizing:border-box}
.dropdown-menu li.pic-list li .pic-img{width:110px; height:110px; border:1px solid  #d9d9d9; }
.dropdown-menu li.pic-list li .pic-img img{width:100%}
.dropdown-menu li.pic-list li .pic-info {position:relative; height:135px; padding:15px 0 0 0}
.dropdown-menu li.pic-list li .pic-info span {display:block; color:#909090;font-size: 12px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: normal;}
.dropdown-menu li.pic-list li .pic-info span.name {font-size:14px; color:#000; padding-bottom:5px}
.dropdown-menu li.pic-list li .pic-info span.price {position:absolute; bottom:39px; font-size:14px; font-weight:bold; color:#da0b0b;}



.dropdown-menu.pull-right {  right: 0;   left: auto}
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5}


.dropdown-menu>li>a { display: block; padding: 3px 10px;clear: both;font-weight: normal;line-height: 110%;white-space: nowrap;border-bottom: 0px solid #e0e0e0; color:#888;}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {  font-weight:bold;  border-bottom: 0px solid #e0e0e0; letter-spacing:-1px; color: #333;   text-decoration: none;   background-color:none;	-webkit-transition: background-color .3s, -webkit-transform .3s;transition: background-color .3s, transform .3s;	}
.dropdown-menu>li:last-child>a { padding: 4px 10px 4px 10px; border-bottom: 0px solid #ccc;}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus { color: #fff; text-decoration: none;   background-color: #428bca;outline: 0}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus { color: #999}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus { text-decoration: none; cursor: not-allowed;  background-color: transparent;  background-image: none;  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu { display: block}
.open>a { outline: 0}
.dropdown-header { display: block;  padding: 3px 20px;   font-size: 12px;   line-height:140%;color: #999}
.dropdown-backdrop {  position: fixed;   top: 0;   right: 0;   bottom: 0;   left: 0;   z-index: 990}
.pull-right>.dropdown-menu {  right: 0; left: auto}
.nav {  padding-left: 0; margin-bottom: 0; list-style: none}

.nav>li {position: relative;display: block}
.nav>li>a {position: relative;display: block;padding: 10px 28px; line-height:32px; font-family:"SpoqaHanSansbold"}
.nav>li.fix>a {font-family:"SpoqaHanSans"}
.nav>li>a:hover,
.nav>li>a:focus {text-decoration: none;background: transparent;}
.nav>li.disabled>a {color: #999}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {color: #999;text-decoration: none;cursor:not-allowed;background-color: transparent}

.nav>li:last-child{display: block; right:0;margin-left:-40px;}
.nav>li:last-child > a{width: 100px; box-sizing: border-box; padding: 0; text-align: center;}







.navbar-default { margin-right:0px;}
.navbar-default .navbar-nav{ height:52px;display: flex; flex-direction: row; justify-content: space-between;}
.navbar-default .navbar-nav>li>a { color:#fff; letter-spacing:-1px; padding:0 5px; font-size:16px}
.navbar-toggle {position: relative;float: none;padding: 12px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 0;background-color: transparent;   
								border: 0px solid transparent;border-radius: 0;margin-left: 15px;background: #272727;	cursor: pointer;}
.navbar-toggle > span {Color:#888;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #272727;}
.navbar-collapse {border-top: 0;}


 .dropdown-submenu:hover>.dropdown-menu{-webkit-animation-duration: 0.5s;-webkit-animation-name: fadeInFromNone; -webkit-animation-fill-mode: forwards;animation-duration: 0.5s;
											animation-name: fadeInFromNone;animation-fill-mode: forwards;  -ms-animation-duration: 0.5s;-ms-animation-name: fadeInFromNoneIE; -ms-animation-fill-mode: forwards; }

.ub ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;  /*-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;*/animation-duration: 0.5s;animation-name: fadeInFromNone;
												animation-fill-mode: forwards;-webkit-animation-duration: 0.5s;-webkit-animation-name: fadeInFromNone; -webkit-animation-fill-mode: forwards;-ms-animation-duration: 5s;
												-ms-animation-name: fadeInFromNoneIE;-ms-animation-fill-mode: forwards;}





.dropdown-submenu {position: relative;}
.dropdown-submenu:hover>.dropdown-menu {display:block;}
.dropdown-submenu:hover>.dropdown-nonmenu {display:none;}

.dropdown-submenu>a { display: block; padding:3px 0 17px 0;clear: both;font-weight: bold;color: #000;white-space: nowrap;border-bottom: 0px solid #e0e0e0; }
.dropdown-submenu>li>a:hover,
.dropdown-submenu>li>a:focus {  font-weight:bold;  border-bottom: 0px solid #e0e0e0; letter-spacing:-1px; color: #333;   text-decoration: none;   background-color:none;	-webkit-transition: background-color .3s, -webkit-transform .3s;transition: background-color .3s, transform .3s;	}

.dropdown-submenu.menu {position: relative; float:left; width:33%; min-width:170px}

.dropdown-submenu.menu .nomenu {display:none}

.dropdown-submenu.menu li a {line-height:28px}
.dropdown-submenu.nonmenu{clear:both;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {padding: 0px 10px;}

.navbar-toggle > button {background: none;border: 0;float: right;}
.navbar-default .navbar-toggle i {	color: #fff;	font-size: 21px;}
.ub ul.nav li.dropdown:hover  b{  border-top-color: #ddd;border-bottom-color: #ddd;}

.container>.navbar-collapse {margin-right: 0px;}
.navbar-brand, .navbar-nav>li>a {text-shadow: 0 0px 0 rgba(255, 255, 255, 0.25);}
 button.navbar-toggle { clear: right;}

.navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret {border-top-color: #ddd;border-bottom-color: #ddd;}
	
.top_search input[type="text"]{border:0 solid black; background:none;  width:133px; height:30px; color:#d9d9d9; font-size:14px}
.top_search input::placeholder { color:#d9d9d9}
.top_search input:focus,.top_search input:active  {outline:none;}
.top_search input:-internal-autofill-selected{background-color:#da0b0b !important; color:#d9d9d9}
.cartNO{margin:0 0 0 10px; font-weight:200; color:#fff}
.cartNO .cart-i{margin-left:25px}