.navbar.navbar-inverse {
	display: none;
}
.navbar.navbar-inverse { 
	display: none;
}
.mobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.mobile {
		display: block;
	    margin-top: 15px;
	}
	.desktop {
		display: none;
	}
	.login-wrap {
		width: 300px !important;
	}
	.login-wrap .logo {
		width: 100% !important;
	}
	.navbar.navbar-inverse {
		display: block;
		background: linear-gradient(to bottom, #7196bc 1%,#31659e 49%,#2f5c8c 51%,#0b3f72 100%); 
		border: none;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    position: absolute;
	    background: linear-gradient(to bottom, #7196bc 1%,#31659e 49%,#2f5c8c 51%,#0b3f72 100%);
	    z-index: 10;
	    width: 100%;
	}
	.main-menu-bar {
		display: none;
	}
	.navbar-nav {
		margin-top: 0px;
	}
	.nav > li {
		border-bottom: 1px solid white;
	}
	.nav > li:last-child {
		border-bottom: none; 
	}
	.nav > li > a > img {
	    width: 26px;
    	margin-right: 10px;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: white;
	} 
	.navbar-inverse .navbar-nav > li > a:hover {
		color: black;
	}
	.navbar-inverse .navbar-toggle {
		border-color: #f7f7f7;
	}
	.content {
		width: 100%;
	}
	.notice-wrapper {
		margin:0px 10px;
	}
	.header-top-left .logo img {
		width: 200px;
	}
	.header-top-right .dl-wrap.inline {
		font-size: 10px;
	}
	.item-right-2 {
		width: 100% !important;
	}
	.item-right-1 {
		width: 100% !important;
	}

	.mobile.wrapper-items {
        width: 100%;
	}
	.items-label{
		display: inline-flex;
		width: 100%;
		text-align: center;
		padding: 10px;
		background-color: #eaeaea;
	}
	.items-label th {
		text-align: center;
		font-weight: bold;
	}
	.items-with-border td {
		border-bottom: 1px solid #88848487;
    	padding: 4px 0px;
	}
	.items-with-border tr:last-child td {
		border-bottom: none;
	}
	.items-label button {
		margin-left: 0px;
	}
	.items-content th { 
		width: 35%;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
	}
	.items-content td {
		width: 65%;
    	padding: 4px 0px;
	}
	.items-content {
		display: none;
		padding: 10px;
	}
	.open-content {
		display: block;
		text-align: center;
	}
	.wrapper-items .items {
		border-bottom: 1px solid #b0b0b0;
	}
	.view-more-mobile {
		margin-left: 10px;
		height: 30px;
	}
	.btn-wrapper {
		float: none !important;
	}
	.form-wrapper td input, .form-wrapper td select {
		margin: 3px;
	}
	.table-head button {
		width: 130px !important;
		height: 32px !important;
	}
	.comment-box {
		text-align: center !important;
	}
	.order-input{
 	 	width:45px;
	}
	.order-list dt::after {
		content: '' !important;
	}
	.order-item tbody + tbody, .order-item tfoot {
		border-top: 2px solid #b9b9b9 !important;
	}
	.order-item tr.items {
		border-bottom: 2px solid #b9b9b9 !important;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.items-label table {
		width: 80%;
	}
}
@media screen and (max-width: 400px) {

}

@media all and (max-width: 425px){
  .content{
    width:98%;
  }
  .search-btn {
  	width: auto !important;
  	height: auto !important;
  }
  .form-wrapper {
  	font-size: 12px;
  }
  .mobile_ec10 {
  	width: 100px !important;
  }
  .show_maker {
	  top: 4px !important;
	  margin-left: 3px;
  }
  .link_maker {
	  top: 4px !important;
	  margin-left: 3px;
  }
}