@charset "utf-8";

body, button, input, select, textarea, th, td, p, div, span, li, dt, dd, a {
	font-size: 15px;
	line-height: 1.5;
	font-family: 'Nanum Gothic', '나눔고딕', 'sans-serif';
}

body {
	padding: 0;
	margin: 0;
}

body.with-modal {
	overflow-y: hidden;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-inline {
	overflow: hidden;
	display: table;
	margin: 0 auto;
}
ul.list-inline>li {
	display: table-cell;
	float: left;
}

a:hover, a:active, a:focus, a { text-decoration: none; }

input,
input:active,
input:focus {
	outline: 0;
	box-shadow: none;
	background-color: transparent;
	border-color: transparent;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-user-modify: read-write-plaintext-only;
}

form>fieldset>legend {
	display: none;
}

.clear {
	clear: both;
}

.ellipsis {
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding:url(ellipsis.xml#ellipsis);
}



::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}
::-webkit-scrollbar-button {
	height: 0;
	width: 0;
}
::-webkit-scrollbar-thumb {
	background-color:transparent;
	border-left:1px solid #E5E5E5;
	border-radius:20%;
}
::-webkit-scrollbar-track {
	background-color:transparent;
	box-shadow: none;
}

.uneditable-input.static {
	border: 0;
	background-color: #fff;
	text-shadow: none;
	box-shadow: none;
	margin-top: 2px;
	color: #333;
}
.uneditable-input.active {
	background-color: #d70000;
	color: #fff;
	border-radius: 2px;
}
.uneditable-input.active:before {
	content: "\2714";
}
select>option {
	min-height: 30px;
}

.form-mobile {
	margin-top:10px;
	padding: 5px;
	position: relative;
	}

	.form-mobile label.control-label {
		font-weight: bold;
		font-color: #999;
	}
	.form-mobile label.control-label>input[type="radio"] {
		margin: 0;
		height: 12px;
	}
	.form-mobile input,
	.form-mobile select,
	.form-mobile select>option,
	.form-mobile textarea {
		border-radius: 0;
		font-size: 14px;
	}
	.form-mobile>fieldset .title {
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #7083e2;
		color: #fff;
		padding: 5px;
		border-radius: 3px;
	}
	.form-mobile>fieldset .title:first-child {
		margin-top: 0;
	}
	.form-mobile>fieldset .title input {
		margin: 0;
	}
	.form-mobile>fieldset .title small {
		font-size: 12px;
	}
	.form-mobile .control-group {
		margin-bottom: 5px;
	}
	.form-mobile .btns {
		margin-top: 18px;
	}

/*
 * Bootstrap Table
 */
.table .text-left { text-align:left !important; }
.table .text-right {
	text-align:right !important;
	padding-right: 8px;
}
.table .text-center,
.table tr.text-center>th,
.table tr.text-center>td { text-align:center !important; vertical-align: middle; }
.table td.small { font-size: 13px; color: #999; font-family: arial; }

.table-condensed thead[class] th {
	padding-top: 9px;
	padding-bottom: 9px;
}
.table-condensed thead[class]>tr:first-child>th:first-child {
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.table-condensed thead[class]>tr:first-child>th:last-child {
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}
.table-condensed thead.warning th { color: #333; text-shadow: 1px 1px #eec; }

.table>thead>tr>th>input[type="checkbox"],
.table>thead>tr>td>input[type="checkbox"],
.table>tbody>tr>th>input[type="checkbox"],
.table>tbody>tr>td>input[type="checkbox"] { margin: 0!important; }

.table.vertical-middle th,
.table.vertical-middle td {
	vertical-align: middle;
}


/*
 * Bootstrap Label
 */
label.radio>input:checked + span,
label.checkbox>input:checked + span {
	display: inline-block;
	padding: 2px 4px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #c67605;
	margin-left: -3px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
label.radio.primary>input:checked + span,
label.checkbox.primary>input:checked + span { background: #0044cc; }
label.radio.important>input:checked + span,
label.checkbox.important>input:checked + span { background: #b94a48; }
label.radio.warning>input:checked + span,
label.checkbox.warning>input:checked + span { background: #f89406; }
label.radio.success>input:checked + span,
label.checkbox.success>input:checked + span { background: #468847; }
label.radio.info>input:checked + span,
label.checkbox.info>input:checked + span { background: #3a87ad; }
label.radio.inverse>input:checked + span,
label.checkbox.inverse>input:checked + span { background: #333333; }



/** Common
 *  Items
 */
ul.item-info-sign {
	list-style: none;
	margin: 0 0 0 12px;
	padding: 0;
}
ul.item-info-sign>li {
	margin: 0;
	padding-left: 14px;
	font-size: 1em;
	text-align: left;
}
ul.item-info-sign>li .sign {
	display: inline-block;
	width: 19px;
	height: 18px;
	background-image: url(../images/iteminfo-icons.png);
	background-repeat: no-repeat;
	margin-left: -24px;
	float: left;
}
ul.item-info-sign>li .sign.sign-name { background-position: 0 0; }
ul.item-info-sign>li .sign.sign-color { background-position: 0 -18px; }
ul.item-info-sign>li .sign.sign-price { background-position: 0 -36px; }

/* input quantity */
.input-quantity {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.input-quantity>input {
	margin: 0;
}
.input-quantity input.readonly,
.input-quantity input[readonly] {
	background-color: #f5f5f5;
}
.input-quantity>a.btn {
	padding: 4px 6px;
}

/* input-quantity renew */
.input-quantity.active {
	margin-top: -1px;
	margin-left: -39px;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0 10px;
	border-radius: 3px;
}
.input-quantity.active>a.btn {
	display: inline-block;
	padding: 4px;
}


/* Pagination */
.paging-wrap .pageinfo {
	margin: 0 auto;
	line-height: 34px;
}

.pagination {
	margin: 10px auto;
}

.pagination>li {
	display: inline-block;
}

.pagination>li>span,
.pagination>li>a {
	color: #428bca;
	position: relative;
	float: left;
	border: 1px solid #ddd;
	margin-left: -1px;
	padding: 4px 7px;
	text-decoration: none;
	border-radius: 4px;
	display: inline-block;
}

.pagination>.active>a {
	z-index: 2;
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
	cursor: default;
}

.pagination>li[disabled] {
	opacity: .5;
}

/* forms */
.form .m-controls {
	padding: 3px;
	text-align: center;
}

/* tooltip */
.tooltip.arrow-left>.tooltip-arrow { left: 20px; }

/* icon-bar */
.icon-bar {
	display: block;
	position: absolute;
	top: 13px;
	width: 22px;
	left: 8px;
	height: 3px;
	background-color: #515151;
	-webkit-box-shadow: inset .5px 1px 0 #424242;
	box-shadow: inset .5px 1px 0 #424242;
}
.icon-bar:after,
.icon-bar:before {
	position: absolute;
	left: 0;
	width: 22px;
	height: 3px;
	background-color: #515151;
	-webkit-box-shadow: inset .5px 1px 0 #424242;
	box-shadow: inset .5px 1px 0 #424242;
	content: '';
}
.icon-bar:before { top: 5px; }
.icon-bar:after { top: 10px; }


/**
 * SIDEBAR MENU
 * See also: http://tympanus.net/Development/SidebarTransitions/
 */
.m-sidebar {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 100%;
	background-color: #fff;
	box-shadow: 2px 0 9px rgba(0,0,0, 0.7);

	visibility: hidden;

	-webkit-transition: all 0.5s;
	transition: all 0.5s;

	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);

	overflow-x: hidden;
	overflow-y: auto;

	-webkit-overflow-scrolling-y: touch;
	-moz-overflow-scrolling-y: touch;
	-ms-overflow-scrolling-y: touch;
	-o-overflow-scrolling-y: touch;
	overflow-scrolling-y: touch;

	border: 0;
	padding: 0;
	margin: 0;
}
.m-sidebar:-webkit-scrollbar {
	width: 0;
	height: 0;
}

.m-sidebar-shadow {
	z-index: 998;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);

	visibility: hidden;
	opacity: 0;
}

.m-sidebar-open {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed!important;
}

	.m-sidebar-open .m-sidebar {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.m-sidebar-open .m-sidebar-shadow {
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	/* authinfo */
	.m-sidebar .auth-info {
		height: 44px;
		line-height: 44px;
		background-color: #ececec;
		padding-left: 10px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
	}
	.m-sidebar .auth-info>.close-block {
		border-left: 1px solid #ddd;
		text-align: center;
	}
	.m-sidebar .auth-info>.close-block>a.close {
		border-left: 1px solid #fff;
		height: 44px;
		line-height: 44px;
		width: 44px;
	}

	/* top button */
	.m-sidebar .side-btns {
		border-top: 1px solid #f0f0f0;
	}
	.m-sidebar .side-btns>ul {
		width: 100%;
		display: table;
		background-color: #501313;
		overflow: hidden;
	}
	.m-sidebar .side-btns>ul>li {
		width: 33.3%;
		display: table-cell;
		float: left;
	}
	.m-sidebar .side-btns>ul>li>a {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 8px 0;
		font-size: 14px;
		color: #fff;
	}


	/* Categories */
	.m-sidebar>.categories>ul {
		overflow: hidden;
		background-color: #dc0000;
	}
	.m-sidebar>.categories>ul>li {
		height: 42px;
		background-color: #dc0000;
		/* background-image: linear-gradient(to bottom, #cc0000, #dc0000); */
		border-bottom: 1px solid #8e8e0f;
		overflow: hidden;
	}
	.m-sidebar>.categories>ul>li>a {
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 5px 0;
		line-height: 32px;
		color: #fff;

		font-weight: 900;
		padding-left: 18px;
	}
	.m-sidebar>.categories>ul>li.active>a {
		background-color: #501313;
		background-image: none;
	}

/**
 * HEADER
 */
header {
	position: relative;
	width: 100%;
	}

	.tnv-wrap {
		background-color: #eff0f4;
		color: #333;
		padding: 24px 8px 12px 85px;
	}
	#tnv { margin: 0 auto; }
	#tnv .btns {
		position: absolute;
		top: 24px;
		left: 6px;
	}
	#tnv .btns>.side-cate {
		width: 15px;
		height: 32px;
		position: relative;
	}
	#tnv .btns>.side-cate>i {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -7px;
		margin-left: -7px;
	}

	#tnv form {
		padding: 0;
		margin: 0;
		display: inline-block;
		width: 100%;
	}
	#tnv form>fieldset {
		position: relative;
		margin: 0 0 0 14px;
	}
	#tnv form>fieldset>legend {
		display: none;
	}

	#tnv .input-box {
		border: 1px solid #006dcc;
		background-color: #fff;
		border-radius: 2px;
		height: 24px;
		padding: 8px 52px 8px 5px;
		overflow: hidden;
	}

	#tnv .input-box>input {
		width: 100%;
		height: 24px;
		border-radius: 4px;
		border: 0 none;
		box-shadow: none;
		margin: 0;
		padding: 0;
		vertical-align: top;
		font-size: 18px;
		font-weight: 500;
		-webkit-appearance: none;
	}
	#tnv .input-box>button {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 41px;
		height: 41px;
		border-radius: 0 3px 3px 0;
	}


	.gnv-wrap {
		position: relative;
		border-top: 1px solid #ddd;
	}

	#gnv {
		overflow: hidden;
		border-top: 1px solid #f0f0f0;
	}

	#gnv>ul.menu {
		display: table;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#gnv>ul.menu>li {
		display: table-cell;
		width: 25%;
		text-align: center;
		float: left; 
	}

	#gnv>ul.menu>li>a {
		display: inline-block;
		width: 100%;
		padding: 10px 0 8px;
		line-height: 32px;
		font-size: .9em;
		font-weight: 900;
		padding-left: 1px;

		border-bottom: 4px solid #501313;
		background-color: #501313;
		color: #fff;
	}
	#gnv>ul.menu>li.active>a {
		color: #f5ea15;
		border-bottom: 4px solid #f5ea15;
	}

	#gnv>ul.menu>li>a:hover {
		color: #eee;
	}


	.small-screen #gnv>ul.menu>li>a>span {
		font-size: 14px;
	}

/**
 * SECTION Common
 */
	section.pad {
		background-color: #ddd;
		padding-bottom: 1px;
	}
	section.pad>.wrap {
		background-color: #fff;
		border-radius: 3px;
		margin: 8px;
	}

	section .menu-path>.breadcrumb { background-color: #000; border-radius: 0; margin-bottom: 0; }
	section .menu-path>.breadcrumb>li,
	section .menu-path>.breadcrumb>li>a { color: #fff; text-shadow: none; line-height: 40px; }

	.small-screen .menu-path { overflow: hidden; }
	.small-screen .menu-path>ul.breadcrumb { width: 1000em; }
	.small-screen .menu-path>ul.breadcrumb>li { font-size: 15px; }
	.small-screen .menu-path>ul.breadcrumb>li>a { font-size: inherit; }
	.small-screen .menu-path>ul.breadcrumb>li>a>i.icon-home { display: none; }

/**
 * SECTION Home
 */
#home {
	}

	#home .slider { overflow: hidden; }
	#home .slider>.bx-wrapper { margin: 1px auto 30px; }
	#home .slider>.bx-wrapper>.bx-viewport { box-shadow: none; border: 0 none; }

	#home .main-items {
		margin-top: 5px;
		border-top: 2px solid #333;
		padding-top: 20px;
		padding-bottom: 30px;
		clear: both;
		overflow: hidden;
	}

	#home .main-items>.title {
		background: url(../images/main_titles.png) no-repeat 0 0;
		width: 242px;
		height: 30px;
	}

	#home .main-items.new>.title {
		background-position: 0 -30px;
	}

	#home .main-items>.title>span { display: none; }
	#home .main-items>ul.items { }
	#home .main-items>ul.items>li {
		width: 106px;
		float: left;
		text-align: center;
		padding-top: 15px;
	}

	#home .bottom-menus { border-top: 2px solid #333; background-color: #eeeff4; }
	#home .bottom-menus>ul { margin: 20px auto; }
	#home .bottom-menus>ul>li { width: 110px; height: 121px; margin: 0 1px; }
	#home .bottom-menus>ul>li>a {
		display: inline-block;
		background: url(../images/main_btns.png) no-repeat 0 0;
		width: 100%;
		height: 100%;
	}
	#home .bottom-menus>ul>li.login>a { background-position: 0 0; }
	#home .bottom-menus>ul>li.mypage>a { background-position: 0 -121px; }
	#home .bottom-menus>ul>li.cart>a { background-position: 0 -242px; }
	#home .bottom-menus>ul>li.inquiry>a { background-position: 0 -363px; }
	#home .bottom-menus>ul>li>a>span { display: none; }

	#home .bottom-menus.small>ul>li { width: 73px; height: 81px; margin: 0 1px; }
	#home .bottom-menus.small>ul>li>a { background: url(../images/main_btns_small.png) no-repeat 0 0; }
	#home .bottom-menus.small>ul>li.login>a { background-position: 0 0; }
	#home .bottom-menus.small>ul>li.mypage>a { background-position: 0 -81px; }
	#home .bottom-menus.small>ul>li.cart>a { background-position: 0 -162px; }
	#home .bottom-menus.small>ul>li.inquiry>a { background-position: 0 -243px; }

	#home ul.item-info-sign {
		margin-top: 4px;
	}

	.small-screen .item-info-sign>li { font-size: .85em; }

/**
 * SECTION Product
 */
#product {
	}

/*
	#product .list-wrap>ul.items { }
	#product .list-wrap>ul.items>li.item {
		position: relative;
		height: 114px;
		border-bottom: 1px solid #ccc;
		padding-right: 5px;
		background: url(../images/arrow-r.png) no-repeat 100% 50%;
	}
	#product .list-wrap>ul.items>li.item .item-image { }
	#product .list-wrap>ul.items>li.item .item-image>img {
		border: 1px solid #ccc;
		margin-top: 1px;
		width: 100px;
		height: 100px;
	}
	#product .list-wrap>ul.items>li.item .item-info {
		float: left;
		margin-left: 110px;
		margin-top: 8px;
		vertical-align: middle;
		min-height: 100px;
		display: table-cell;
		display: none;
	}
*/

	/* thumbs */
	#product .list-wrap>ul.items.thumbs {
		display: table;
		width: 100%;
	}
	#product .list-wrap>ul.items.thumbs>li.item {
		display: table-cell;
		background-image: none;
		width: 33%;
		float: left;
	}
	#product .list-wrap>ul.items.thumbs>li.item.soldout {
		opacity: .5;
	}
	#product .list-wrap>ul.items.thumbs>li.item:nth-child(3n+1) {
		clear: left;
	}
	#product .list-wrap>ul.items.thumbs>li.item>a {
		display: inline-block;
		width: 100%;
		margin: 0;
	}
	#product .list-wrap>ul.items.thumbs>li.item .item-image {
		text-align: center;
		width: 100%;
	}
	#product .list-wrap>ul.items.thumbs>li.item .item-image>img {
		width: 95%;
		margin: 5px;
	}
	#product .list-wrap>ul.items.thumbs>li.item .item-image>img[src] {
		border: 1px solid #ddd;
	}
	#product .list-wrap>ul.items.thumbs>li.item .item-info {
		margin-top: 8px;
		margin-bottom: 12px;
		text-align: center;
		font-size: 13px;
	}


/* product detail */
	#product .item-detail {
		border-bottom: 1px solid #ddd;
	}
	#product .item-detail-picture {
		text-align: center;
	}
	#product .item-detail-picture>img { width: 98%; margin: 5px;}

	#product .item-detail-picture>.slide-navs {
		margin-bottom: 5px;
	}
	#product .item-detail-picture>.slide-navs>.slide-nav-thumb {
		border: 1px solid #ddd;
		width: 50px;
		height: 50px;
		display: inline-block;
		cursor: pointer;
		opacity: .8;
	}
	#product .item-detail-picture>.slide-navs>.slide-nav-thumb.active {
		opacity: 1;
		border: 1px solid #999;
		box-shadow: 1px 1px 3px #ddd;
	}

	#product .item-detail-info {
		min-height: 90px;/* 300 */
	}
	#product .item-detail-info>ul {
		border-top: 1px solid #ebebeb;
	}
	#product .item-detail-info>ul>li {
		padding: 1px 0;
		border-bottom: 1px solid #ebebeb;
		overflow: hidden;
	}
	#product .item-detail-info>ul>li>span {
		display: inline-block;
		height: 40px;
		line-height: 40px;
	}
	#product .item-detail-info>ul>li>.title {
		background-color: #f8f8f8;
		font-weight: bold;
		width: 90px;
		text-align: center;
	}
	#product .item-detail-info>ul>li input,
	#product .item-detail-info>ul>li select {
		margin: 0;
	}
	#product .item-detail-info>ul>li select {
		padding: 5px;
		width: 200px;
	}
	#product .item-sum-price {
		padding: 8px 5px 4px;
		font-weight: 400;
	}
	#product span#itemSumPrice {
		font-weight: 900;
		color: #dc0000;
	}

	#product .cart-btns {
		margin: 20px auto;
		text-align: center;
	}
	#product .cart-btns>.soldout,
	#product .cart-btns>.cart-btn {
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 30%;
		display: inline-block;
		font-weight: bold;
		color: #fcfcfc;
		border: 1px solid #f8cccb;
		border-radius: 4px;
	}
	#product .order-btns>.order-btn {
		line-height: 48px;
		width: auto;
		min-width: 180px;
		font-size: 16px;
		font-weight: bold;
	}
	#product .order-btns>.order-btn.btn-default,
	#product .cart-btns>.cart-btn.btn-default { background-color: #d70000; }
	#product .cart-btns>.cart-btn.add-order { background-color: #d70000; }
	#product .cart-btns>.cart-btn.add-order:hover { background-color: #c80000; }
	#product .cart-btns>.cart-btn.add-order:active { background-color: #b90000; }
	#product .cart-btns>.cart-btn.add-cart { background-color: #767676; }
	#product .cart-btns>.cart-btn.add-cart:hover { background-color: #676767; }
	#product .cart-btns>.cart-btn.add-cart:active { background-color: #585858; }
	#product .cart-btns>.cart-btn.add-wish { background-color: #4D3C34; }
	#product .cart-btns>.cart-btn.add-wish:hover { background-color: #3e2d25; }
	#product .cart-btns>.cart-btn.add-wish:active { background-color: #2f1e16; }
	#product .cart-btns>.soldout {
		width: 99.3%;
		background-color: #ccc;
		border-color: #a8a8a8;
		display: none;
		color: #fff;
	}
	#product .cart-btns>.cart-btn.do-purge,
	#product .cart-btns>.cart-btn.do-delete { background-color: #767676; }
	#product .cart-btns>.cart-btn.do-purge:hover,
	#product .cart-btns>.cart-btn.do-delete:hover { background-color: #676767; }
	#product .cart-btns>.cart-btn.do-mall { background-color: #534741; }
	#product .cart-btns>.cart-btn.do-mall:hover { background-color: #443832; }

	#product .soldout .cart-btns>.cart-btn { display: none; }
	#product .soldout .cart-btns>.soldout { display: block; }

	#product .item-description {
		border-top: 1px solid #efefef;
		padding: 20px;
	}

	#product .tabbable {
		margin-top: 8px;
		margin-left: 5px;
	}
	#product .tab-content {
		padding: 5px;
	}

	#detailTab>ul>li.active>a { color: #666; font-weight: 900; }
	.small-screen #detailTab>ul>li>a { font-size: .85em; padding-left: 4px; padding-right: 4px; }
	.medium-screen #detailTab>ul>li>a { font-size: .90em; padding-left: 4px; padding-right: 4px; }

/* Options */
	table.add-options { width: 100%; border: 0; }
	table.add-options td { padding: 0 5px; font-size: 9pt; }
	table.add-options input.input-mini { width: 45px; }
	table.add-options>tbody>tr:first-child>td { border-top: 1px solid #ccc; }
	table.add-options>tbody>tr.addition>td { color: #666; }

	#addOptionsWrap { margin-top: 15px; margin-bottom: 20px; border: 1px solid #ccc; border-top:0; background-color: #fff; }
	#addOptionsWrap>.sum-price {
		padding: 15px 5px;
		text-align: right;
		border-top: 1px solid #ccc;
		background-color: #f1f1f1;
	}
	#addOptionsWrap>.sum-price .price {
		font-size: 15px;
		font-weight: bold;
		color: red;
	}

	tr.required-add>td {
		border-top: 1px solid #ccc;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.required-add .add-option-name {
		display: inline-block;
		text-align: right;
		padding-right: 8px;
		width: 66px;
	}
	.required-add .input-quantity {
		height: 24px;
		line-height: 24px;
	}
	.required-add .input-quantity input {
		height: 20px;
		margin: 1px;
		padding: 0;
		border-radius: 0;
	}
	.required-add div.title {
		width: 100% !important;
		text-align: center;
		font-size: 18px;
		padding: 8px 0;
	}


/**
 * SECTION Cart, Order
 */
	.list-wrap.cart-list table { width: 100%; margin-bottom: 0;}
	.list-wrap.cart-list td {
		border-bottom: 1px solid #ddd;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.list-wrap.cart-list td>a>img {
		border: 1px solid #ddd;
		width: 100px;
		height: 100px;
		max-width: 100px;
	}

	.cart-info span.name {
		color: #fff;
		background-color: #5c6233;
		border-radius: 2px;
		font-size: .75rem;
		padding: .21rem;
	}

	.cart-info>.item-options {
		vertical-align: middle;
	}
	.cart-info>.item-options>dl { display: table; width: 100%; margin: 2px 0 0 0;}
	.cart-info>.item-options>dl>dt {
		display: table-cell;
		float: left;
		clear: left;
		width: 60px;
		height: 20px;
		padding: 10px 10px 10px 0;
		margin: 0;
		text-align: right;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0,0,0, .5);
		vertical-align: middle;
		line-height: 20px;
	}
	.cart-info>.item-options>dl>dd {
		text-align: left;
		overflow: hidden;
		vertical-align: top;
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: #fff;
	}
	.cart-info>.item-options>dl>dd>input,
	.cart-info>.item-options>dl>dd>select {
		margin: 0;
	}
	.cart-info>.item-options>dl>dd>input,
	.cart-info>.item-options>dl>dd>input:active,
	.cart-info>.item-options>dl>dd>input:focus {
		background-color: #fff;
		transition: none;
		transform: none;
	}
	.cart-info>.item-options>dl>dd>span.na {
		display: inline-block;
		font-size: 15px;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0,0,0, .5);
		margin-left: 8px;
	}
	.cart-info>.item-options>.btns {
		position: absolute;
		top: 50%;
		right: 7%;
		margin-top: -40px;
		width: 20%;
	}
	.cart-info>.item-options>.btns>button {
		margin: 5px ;
	}
	.cart-info>.item-options .item-quantity {
		margin: 0;
		padding: 0;
	}

	.price-wrap {
		padding: 1em;
		border-bottom: 1px solid #f0f0f0;
	}
	.price-wrap>.wrap {
		text-align: right;
	}
	.price-wrap>.wrap>.name {
		width: 80px;
	}
	.price-wrap>.wrap>.value {
		display: inline-block;
		width: 11rem;
		text-align: right;
		color: #dc0000;
		font-weight: bold;
	}
	.price-wrap>.wrap>.value:after {
		content: ' 원';
		color: #333;
		font-weight: bold;
	}

	#cart>.btns { padding: 12px 0; }
	#cart>.btns>button { width: 30%; max-width: 120px; }

	.order-form {
		margin-top:10px;
		padding: 5px;
		position: relative;
	}
	.order-form>form {
		margin: 5px;
		padding: 5px;
		background-color: #fff;
	}
	.order-form>form label.control-label {
		font-weight: bold;
		font-color: #999;
		font-size: 12px;
	}
	.order-form>form label.control-label>input[type="radio"] {
		margin: 0;
		height: 12px;
	}
	.order-form>form input,
	.order-form>form select,
	.order-form>form select>option,
	.order-form>form textarea {
		border-radius: 0;
		font-size: 14px;
	}
	.order-form>form>fieldset .title {
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #7083e2;
		color: #fff;
		padding: 5px;
		border-radius: 3px;
	}
	.order-form>form>fieldset .title:first-child {
		margin-top: 0;
	}
	.order-form>form>fieldset .title input {
		margin: 0;
	}
	.order-form>form>fieldset .title small {
		font-size: 12px;
	}
	.order-form .control-group {
		margin-bottom: 5px;
	}

	.order-agreement {
		margin-top: 10px;
		padding: 0 10px 12px;
	}
	.order-agreement>.title {
		background-color: #eee;
		border: 1px solid #ddd;
		border-radius: 5px 5px 0 0;
		padding: 10px 0;
		font-size: 12px;
		text-align: center;
	}
	.order-agreement>pre {
		height: 130px;
		overflow: auto;
		font-family: san-serif;
		font-size: 12px;
		background-color: #fff;
		border-radius: 0 0 5px 5px;
		border: 1px solid #ddd;
		border-top: 0;
	}
	.order-agreement span { font-size: 12px; }

	#orderFormMask {
		position: absolute;
		top: -2px;
		left: 1%;
		width: 98%;
		height: 100%;
		z-index: 9999;

		border-radius: 8px;
		background-color: #EFF0F4;
		opacity: .5;
	}

	/*input[data-toggle="switch-input-select"]+span.btn.add-on[data-toggle] {*/
	span.btn[data-toggle="switch-input-select"] {
		margin-left: -3px;
		padding-left: 6px;
		padding-right: 6px;
		border-radius: 3px;
	}

	/* Order */
	#cartSumWrap>.sum-delivery>.name>.delivery-air { display: none; }
	#cartSumWrap.with-air>.sum-delivery>.name>.delivery-air { display: inline-block; font-size: 11px; color: #999; }

	/* Success */
	.order-success .menu-title>h2 {
		font-size: 15px;
		text-align: center;
		margin: 2em 0;
	}

	.order-success .order-form-block {
		border: 3px solid #eee;
		border-radius: 3px;
		margin: 3px;
		padding: 1em;
	}

/**
 * SECTION Mypage
 */
	#mypage .content>.trade-info {
		padding: 8px 5px;
		background-color: #7083e2;
		text-align: left;
		height: 26px;
		line-height: 26px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	#mypage .table.highoptic>tbody>tr>td.order-number {
		background-color: #ddd;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	#mypage .table.highoptic>tbody>tr.order-info1>td { border-top: 1px solid #ddd; }
	#mypage .table.highoptic>tbody>tr.order-info2>td { border-bottom: 1px solid #eee; }
	#mypage .table.highoptic>tbody>tr>td.order-info {
		padding-bottom: 26px;
	}
	#mypage .table.highoptic>tbody>tr>td.order-info>div>span.label {
		width: 50px;
		text-align: center;
	}

	/* stats */
	ul.mypage-stats { width: 100%; margin: 0; }
	ul.mypage-stats>li {
		width: 25%;
		max-height: 100px;
		padding: 0;
		background-color: #eee;
		position: relative;
		/*border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;*/
	}
	ul.mypage-stats>li>.box {
		width: 100%;
		display: inline-block;
		border-right: 1px solid #ccc;
		padding: 20px 0;
		text-align: center;
	}
	ul.mypage-stats>li>.box>div {
		font-size: 13px;
		padding: 2px 0;
	}

	.label.stat-step0 { background-color: #eee; color: #000; }
	.label.stat-step1 { background-color: #f89406; }
	.label.stat-step2 { background-color: #2f96b4; }
	.label.stat-step3 { background-color: #0044cc; }
	.label.stat-step5 { background-color: #222222; }

	/* count */
	ul.mypage-stats>li>.box>div.count { color: red; font-weight: 800; font-size: 24px; }

	/* flow */
	ul.mypage-stats>li>.box>.flow {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -50px;
		margin-right: -7px;

		width: 24px;
		height: 100px;

		display: inline-block;
		background: url(../images/flow-arrow-r.png) no-repeat 0 0;
		z-index: 2;

		opacity: .7;
	}

	/* inverse */
	ul.mypage-stats>li.active>.box>div {
		font-weight: bold;
		text-shadow: 1px 1px 0 #ccc;
		color: orange;
	}
	#mypage select[name="period"] {
		border-radius: 0;
		width: 39%;
		margin: 0;
	}
	#mypage select[name="stat"] {
		border-radius: 0;
		width: 59%;
		margin: 0;
	}
	#mypage .search-wrap>form {
		margin-bottom: 0;
	}
	#mypage .search-wrap>form>fieldset {
		text-align: center;
		padding: 5px;
	}


/**
 * SECTION Login
 */
#login {
	}

	#login .form-wrap { margin-top: 20px; }
	#login .form-wrap .input-prepend { width: 95%; }
	#login .form-wrap .input-prepend>.add-on { padding: 6px 8px; border-radius: 2px 0 0 2px; }
	#login .form-wrap .input-prepend>input { padding: 6px 5px; border-radius: 0 2px 2px 0; width: 80%; }
	#login .form-wrap .btns { margin-top: 15px; text-align: center; }

/**
 * Postcode
 */
#postcodeWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow-y: auto;
	}

	/*
	#postcodeWrap>a {
		opacity: 1;
		top: 3px;
		right: 3px;
		padding: 5px 12px 13px 6px;
		position: absolute;
		background-color: #fff;
		border-radius: 100%;
		width: 8px;
		height: 8px;
		border: 1px solid #eee;
		z-index: 9999;
	}
	*/
	#postcodeWrap a.close {
		margin-top: 10px;
		margin-right: 10px;
		font-size: 28px;
	}

	#postcodeWrap>form {
		margin: 5px;
		padding: 5px;
		min-height: 150%;
	}
	#postcodeWrap>form>fieldset>legend {
		display: block;
	}
	#postcodeWrap .alert h4 { font-size: 13px; }
	#postcodeWrap .alert div { font-size: 12px; }
	#postcodeWrap .control-group>label.control-label { font-size: 12px; color: #999; }
	#postcodeWrap .control-group>.controls { padding-left: 1em; }
	#postcodeWrap .control-group>.controls input[type="text"] { min-width: 200px; }


	#postcodeResult p.no-result {
		padding-top: 5px;
		margin-bottom: 5px;
		line-height: 20px;
		font-size: 14px;
		text-align: left;
	}

	#postcodeResult .uneditable-input {
		border: none;
		background-color: #fff;
		color: #333;
		box-shadow: none;
	}

	#postcodeResult .head {
		margin-bottom: 8px;
		border-radius: 3px;
		background-color: #7083e2;
		color: #fff;
		text-shadow: 1px 1px 2px #666;
		font-weight: 800;
		padding: 5px;
	}
	#postcodeResult .head>span {
		font-size: 13px;
	}

	#postcodeResult ul.items>li {
		padding: 3px 2px;
		border-bottom: 1px dotted #999;
	}
	#postcodeResult .head>span,
	#postcodeResult ul.items>li>span {
		font-size: 13px;
		float: none;
		display: block;
		width: auto;
	}

	#postcodeResult ul.items>li.even {
		background-color: #f9f9f9;
	}

	#postcodeResult ul.items>li>[item-name="jibun"] { color: #999; }
	#postcodeResult ul.items>li>[item-name="jibun"]:before { content: "("; display: inline-block; }
	#postcodeResult ul.items>li>[item-name="jibun"]:after { content: ")"; display: inline-block; }

/**
 * Board
 */
.board-wrapper {
	}

	.board-wrapper tr[data-aid]>td {
		width: 100%;
	}

	.board-wrapper tr[data-aid]>td>.subject {
		width: 90%;
		font-size: 14px;
		color: #333;
		padding: 4px 8px;
	}

	.board-wrapper tr[data-aid]>td>.date {
		color: #999;
		font-size: 13px;
		padding: 2px 8px;
	}

	.board-wrapper .article {
		background-color: #fcfcfc;
		padding: 10px 5px;
		border: 1px solid #eee;
		min-height: 80px;
		margin-bottom: 8px;
	}

/* Number input */
.number-step-wrap {
	visibility: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 13px;
	padding:0; margin: 0 0 4px 0;
	}

.number-step-wrap>.number-step {
	float: left;
	display: inline-block;
	background: url(../images/number-step.png) 0 0 no-repeat;
	width: 13px;
	height: 13px;
	line-height: 13px;
	margin: 1px 0;
	padding: 0;
}
.number-step-wrap>.number-step.up { background-position: 0 0; }
.number-step-wrap>.number-step.dn { background-position: 0 -14px; }
.ie .number-step-wrap, input[readonly]+.number-step-wrap {
	visibility: visible!important;
}

.number-step-wrap2 {
	visibility: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 15px;
	padding:0; margin: 0 0 2px 0;
}
.number-step-wrap2>.number-step {
	float: left;
	display: inline-block;
	background: url(../images/number-step2.png) 0 0 no-repeat;
	width: 15px;
	height: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}
.number-step-wrap2>.number-step.up { background-position: 0 0; }
.number-step-wrap2>.number-step.dn { background-position: 0 -10px; }
.number-step-wrap2>.number-step.up:hover { background-position: -17px 0; }
.number-step-wrap2>.number-step.dn:hover { background-position: -17px -10px; }
.ie .number-step-wrap2, input[readonly]+.number-step-wrap {
	visibility: visible!important;
}

.number-step-wrap2 {
	visibility: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 15px;
	padding:0; margin: 0 0 2px 0;
}
.number-step-wrap2>.number-step {
	float: left;
	display: inline-block;
	background: url(../images/number-step2.png) 0 0 no-repeat;
	width: 15px;
	height: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}
.number-step-wrap2>.number-step.up { background-position: 0 0; }
.number-step-wrap2>.number-step.dn { background-position: 0 -10px; }
.number-step-wrap2>.number-step.up:hover { background-position: -17px 0; }
.number-step-wrap2>.number-step.dn:hover { background-position: -17px -10px; }
.ie .number-step-wrap2, input[readonly]+.number-step-wrap {
	visibility: visible!important;
}

/**
 * FOOTER
 */
footer {
	border-top: 1px solid #d5d5d5;
	background-color: #eee;
	padding-top: 12px;
	font-size: .7em;
	}

	footer>.footer-menu {
		text-align: center;
		border-bottom: 1px solid #ddd;
		padding-bottom: 12px;
	}
	footer>.footer-menu>a {
		padding: 2px 5px;
		font-weight: 800;
	}
	footer>.footer {
		padding: 5px;
	}

	.footer>dl { display: table; width: 100%; }
	.footer>dl>dt {
		display: table-cell;
		float: left;
		clear: left;
		text-align: right;
		width: 120px;
		overflow: hidden;
		vertical-align: top;
		font-size: 12px;
		margin: 1px 12px 0 0;
		color: #999;
		white-space: nowrap;
	}
	.footer>dl>dd {
		text-align: left;
		overflow: hidden;
		vertical-align: top;
		margin: 0;
		font-size: 13px;
	}
	.footer>dl>dd>a {
		font-size: 13px;
	}

	.footer>.copyright {
		font-size: 13px;
		text-align: center;
		color: #666;
		margin-bottom: 20px;
	}


/**
 * Screen
 */
@media only screen and (min-width: 768px) {
	#product .item-detail {
		position: relative;
	}

	#product .item-detail>.item-detail-inner {
		display: table;
		width: 100%;
	}

	#product .item-detail-picture {
		display: table-cell;
		float: left;
		width: 50%;
		padding: 8px 0;
	}
	#product .item-detail-picture>img {
		border: 1px solid #ebebeb;
		width: 95%;
	}
	#product .item-detail-info {
		float: left;
		width: 50%;
	}
	#product .item-detail-info:after {
		clear: left;
	}
	#product .item-detail-info>ul {
		border-top: 0;
	}

	.footer>dl>dt { font-size: 15px; width: 230px; margin-top: 0; }
	.footer>dl>dd,
	.footer>dl>dd>a { font-size: 15px; }
}

@media only screen and (min-width: 645px) {
	.cart-info>.item-options>.btns {
		margin-top: -20px;
	}
}


/* iPhone 3Gs, ... */
@media only screen and (max-width: 320px) {
	.pagination>li>span,
	.pagination>li>a { padding: 4px 5px; }
	.footer>dl>dt { width: 90px; }
}

@media only screen and (max-width: 480px) {
/*
	.order-form .controls>select,
	.order-form .controls>.uneditable-input {
		width: 90%;
		margin-left: 10%;
	}
*/

	.order-success dl.dl-horizontal>dd {
		margin-left: 5%;
		margin-bottom: .5em;
	}
	.order-success dl.dl-horizontal>dt,
	.order-success dl.dl-horizontal>dd {
		font-size: 13px;
	}
}