.mall {
	padding:0;
	color:#333;
}

.mall .pagetitle {
	padding: 0px 0 0px 0px;
    border-bottom: 0px #d5d5d5 solid;
    font-size: 30px;
    font-weight: bold;
    margin: 40px 0;
}

.mall .topdesc {
	padding:5px;
	line-height:1.5;
}

.mall-body {
	padding:0px 0px;
}

/*하위 분류, 작가명 검색 임시로 보이지 않게 함 */
.top-category {
	display:none;
	border:0px #ccc solid;
	margin-bottom:20px;
}
.top-category .title {
	padding:4px;
	background-color:#eee;
	color:#000;
	border-bottom:1px #ccc solid;
}
.top-category .cat-list {
	padding:4px 4px 4px 8px;
	font-size:16px;
}
.top-category .cat-list label {
	display:inline-block;
	min-width:100px;
	padding:5px 0;
	white-space:nowrap;
}
.top-category .cat-list .num-cat-goods {
	color:#d30;
} 
.top-category .cat-list a,
.top-category .cat-list a:visited {
	color:inherit; text-decoration:none;
}
.top-category .cat-list a:hover {
	color:#f60; text-decoration:underline;
}

.list-helper {
	position:relative;
	border-bottom:1px #d0d0d0 solid;
	padding: 0 0 20px 0px;
	overflow:hidden;
}
.list-helper .type-selecter {
	text-align:right;
	width:auto;
	
	float:right;
	padding-top: 12px;
}

.list-helper .type-selecter .btn-type {
	font-size:26px;
	width:30px; height:30px;
	padding:0;
	color:#fff;
	border-radius:2px;
	background-color:#ccc;
	text-shadow:-1px -1px 1px #999;
}

@media screen and (max-width: 720px){
.list-helper .type-selecter {
	text-align:center;
	width:100%;
	font-size:12px;
	float:right;
	margin-top:20px;
}
}
.list-helper .type-selecter .active {
	font-weight:bold;
	color:#08C;
	text-decoration:underline;
}
.list-helper .searchbox {
	
}
.list-helper .searchbox input[type=text] {
	border:1px #d2d2d2 solid;
	height:34px;
	width: 148px;
	padding: 6px 0 6px 10px;
    border-radius: 6px;
    margin: 0 10px 0 10px;
}
.list-helper .searchbox .btn-search {
	cursor: pointer;
    /* width: 24%; */
    background-color: rgb(95, 158, 255);
    border-radius: 6px;
    border: 1px solid rgb(165, 165, 165);
    display: inline-block;
    color: #949494;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 20px;
    vertical-align: bottom;
}


.toplist-wrap {
	padding:15px 0;
}
.toplist-wrap .topgoods-wrap {
	width:200px;
	height:300px;
	float:left;
	cursor:pointer;
}
.topgoods-wrap .imgbox {
	width:180px;
	height:180px;
	margin:0 auto 5px 0;
	text-align:center;
}
.topgoods-wrap .imgbox img {
	max-width:100%;
	max-height:100%;
	width:auto; height:auto;
	border:1px #fff solid;
}
.topgoods-wrap:hover .imgbox img {
	border-color:#f80;
}
.topgoods-wrap .special {
	padding:3px 0;
	text-align:center;
}
.topgoods-wrap .title {
	padding:3px 0;
	text-align:center;
}
.topgoods-wrap .price {
	padding:3px 0;
	text-align:center;
	line-height:20px;
}
.topgoods-wrap .price span {
	color:#f50;
	font-weight:bold;
}
.topgoods-wrap .price del {
	color:#888;
}

.sp-new {display:inline-block; padding:1px 3px; color:#fff; background-color:#e70;}
.sp-hit {display:inline-block; padding:1px 3px; color:#000; background-color:#7e0;}
.sp-best {display:inline-block; padding:1px 3px; color:#fff; background-color:#07f;}
.sp-rcmd {display:inline-block; padding:1px 3px; color:#fff; background-color:#70f;}

.semitrans {opacity:0.3; filter:alpha(opacity=30);}


/*.list-container {
	padding:0;
	  -webkit-column-count: 4;  Chrome, Safari, Opera 
    -moz-column-count: 4;  Firefox 
    column-count:4;

    -webkit-column-gap: 1px;  Chrome, Safari, Opera 
    -moz-column-gap: 1px;  Firefox 
    column-gap: 0px;
}*/


.mall .nolist {
	padding:30px 0;
	text-align:center;
}

/* grid type */
.list-container {margin-top: 8px;}
.list-container .goods-wrap {
	position:relative;
	display:inline-block;
	width: 22.36999999%;
   
    cursor: pointer;
    margin: 1% 1% 1% 1%;
	vertical-align:top;
	border:1px #d7d7d7 solid;	
	border-radius: 6px;

}
.searchformbox2{width:100%;}

@media screen and (max-width: 800px){
.list-container .goods-wrap {
	width: 30.6%;
    margin: 1% 1% 1% 1%;	
}
}
@media screen and (max-width: 530px){
.list-container .goods-wrap {
	width: 47.2999%;
    margin: 1% 1% 1% 1%;	
}
}
@media screen and (max-width: 420px){
.list-container .goods-wrap {
	width: 47%;
    margin: 1% 1% 1% 1%;	
}
	.searchformbox2{width:100%;}
}


.list-container .goods-wrap .goods-photo {
	text-align: center;
    height: 130px;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0 0px;
    background-color: #eee;
    border-radius: 6px 0 0;
    /* width: 100%; */
    padding-top: 100%;
    overflow: hidden;
}
.list-container .goods-wrap .goods-photo img {
	max-width:95%;
	margin-top:9px;
}
.list-container .goods-wrap .goods-info {
	/*position:absolute;*/
	padding:10px 12px;
	bottom:0;
}
.list-container .goods-wrap .goods-info > div {
	background-color:#fff;
	color:#000;
	position:relative;
}
.list-container .goods-wrap .goods-info .flags {
	background-color:transparent;
	opacity:1;
	padding:0 0 3px 5px;
	display:none;
	
}
.list-container .goods-wrap .goods-info .title01{
	text-align:left;
	font-size:1.1rem;
	padding:14px 0 10px 0;
	font-weight: bold;
    color: #000;
    width: 100%;
   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-container .goods-wrap .goods-info .title02{
text-align: left;
    font-size: 0.8rem;
    padding: 1px 0;
    font-weight: bold;
    color: #555;
    width: 100%;   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-container .goods-wrap .goods-info .price {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding:4px 4px 4px 0;
	color:#e635ae;
}
.list-container .goods-wrap .goods-info .name {
	text-align:left;
	font-size:13px;
	padding:4px 0;
	color:#888
}


/* list type */
.goods-listwrap {
}

.goods-listwrap .innerwrap {
	padding:20px 10px;
	border-bottom:1px #d0d0d0 solid;
	text-align:left;
}
.goods-listwrap .innerwrap .right-info {
	width:200px;
	height:120px;
	float:right;
	padding-left:10px;
	border-left:1px #d2d2d2 solid;
}
.goods-listwrap .innerwrap .right-info > div {
	padding:3px;
	line-height:27px;
}
.goods-listwrap .innerwrap .goods-info {
	text-align:left;
}
.goods-listwrap .innerwrap .goods-imgbox {
	width:120px;
	height:120px;
	text-align:center;
	float:left;
	margin-right:20px;
}
.goods-listwrap .innerwrap .goods-imgbox img {
	max-width:120px;
	max-height:120px;
	width:auto; height:auto;
	cursor:pointer;
}
.goods-listwrap .special {
	padding:3px 0;
}
.goods-listwrap .title {
	padding:3px 0;
}
.goods-listwrap .price {
	padding:3px 0;
	line-height:20px;
}
.goods-listwrap .price span {
	color:#f50;
	font-weight:bold;
}
.goods-listwrap .price del {
	color:#888;
}


/* goods detail page */

.imgwrap {
    width: 50%;
    overflow: hidden;
    margin-right: 5%;
    padding-top: 0px;
    text-align: center;
    margin-top: 40px;
	float: left;
	margin-bottom: 50px;

}

.imgwrap .imgbox {height: 400px;
    position: relative;
    border: 0px #d7d7d7 solid;
    padding: 5px;}

.imgwrap .imgbox img {max-width: 100%;
    max-height: 500px; }

.imgwrap .imgbox .magnify {
	position:absolute;
	left:0;
	top:0;
	width:100%; height:100%;
	background-image:url(../image/magnify_trans.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	display:none;
	cursor:pointer;
}
.imgwrap .imgbox:hover .magnify {
	display:block;
}


.imgwrap .thumbs {height:100px; padding-top:5px;}
.imgwrap .thumbs img {width:56px; height:56px; border:1px #d7d7d7 solid;border-radius: 5px; }

.infobox {width:45%; float:right;color:#777;margin: 19px 0 0;}
.infobox h1{font-size:28px;}
.infobox .goodscode {text-align:right;}

.infobox table {border:0; border-spacing:0; border-top:2px solid #8f8f8f; border-bottom:2px solid #8f8f8f;}
.infobox tr {height:40px;}
.infobox th {min-width: 120px;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;    
    vertical-align: middle;
    padding: 21px 0;
    border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
color:#3a89cc; text-align: center;}
.infobox td {padding-left: 5px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc; padding-left:20px;}
.infobox tr:last-child th{border-bottom:0px solid #555;}
.infobox tr:last-child td{border-bottom:0px solid #555;}
.infobox tr:first-child{background-color:#efefef;}


.infobox input[type=text] {border:1px #ccc solid; font-size:11px;}
.infobox select {border:1px #d0d0d0 solid;}
.infobox select option {}
.infobox .qty {width:30px; height:22px; text-align:center; padding:2px 0; border:1px #ccc solid; *height:18px; *padding:2px 0 0 0; margin: 0;}

@media screen and (max-width: 790px){
.imgwrap {
    /* height: 630px; */
    width: 100%;
    overflow: hidden;
   
    padding-top: 0px;
    text-align: center;
    float: left;
	margin:0;
}
.infobox {
    width: 100%;
    float: left;
    color: #777;
    padding: 10px 0 0;
	margin:0;
}
}

.optionbox {padding-top:10px; background-color:#f5f5f5;margin-top:20px; margin-bottom:20px;}

.optitembox {padding:5px 0 5px 10px; border-bottom:1px #cccccc dotted; font-size:11px;}
.optitem_title {display:inline-block; width:200px; margin-right:4px;}
.optitem_amount {display:inline-block; width:80px; color:#ff6600; text-align:right; margin-right:4px; font-size:11px;}

.optqty {width:30px; height:12px; font-size:10px; text-align:center; padding:2px 0; border:1px #d7d7d7 solid !important; *height:14px; *padding:2px 0 0 0; }

.pricebox {border:0px #ccc solid; border-radius:4px; margin-bottom:5px;}
.pricebox .special {padding:4px; display:none;}
.pricebox .price {padding:7px 0 15px; text-align:left;}
.pricebox .price .saleprice {color:#FF5500; font-size:20px; font-weight:bold;}
.pricebox .normalprice {font-size:14px; padding:4px;}
.pricebox .normalprice span {color:#f50;}

.goods-btnbox {clear:both; padding:15px 0;}
.goods-btnbox img {width:32%; margin:0 0px; cursor:pointer;}

.amount {color:#FF5500 !important; font-weight:bold; font-size:14px;}
#amount {font-size:18px; font-weight:bold;}

.mall-tabs {border-bottom:1px #898989 solid; height:41px; display:none; }
.mall-tabs div {
	width:120px;
	padding:10px 0;
	border-radius:5px 5px 0 0;
	text-align:center;
	float:left;
	margin-right:1px;
}
.mall-tabs .tabs-active {background-color:#404040; color:#fff; font-weight:bold; cursor:default;}
.mall-tabs .tabs-normal {background-color:#d0d0d0; color:#000;}

.goods_content {clear:both; width:100%; margin:0 auto 30px; padding-top:1px; padding-bottom:1px;}
.goods_content img {max-width:100%; height:auto;}

.pricebyqty {}
.pricebyqty tr {height:22px;}
.pricebyqty td, .pricebyqty th {
	height:22px;
	padding:0;
	text-align:center;
	border-bottom:0;
}
.pricebyqty th {
	background-color:#eee;
}
.pricebyqty td {
	border-top:1px #ccc dotted;
}

.imp-goodsinfo {
	border:1px #ccc solid; padding:5px;
	line-height:25px;
}
.imp-goodsinfo img {
	width:100px; height:100px; float:left;
	margin-right:20px;
}

.imp-list {
	border-top:1px #bbb solid;
}
.imp-wrap {
	padding:10px;
	border-bottom:1px #aaa dotted;
}
.imp-wrap img {
	width:100px;
	height:100px;
	float:left;
	border:1px #777 solid;
	margin-right:10px;
}
.imp-wrap .goodstitle {
	font-size:14px;
	font-weight:bold;
	margin:3px 0 5px 0;
}
.imp-wrap .subject {
	font-weight:bold;
	margin:3px 0;
}
.imp-wrap .comment {
	line-height:150%;
}

.qnawrap {text-align:left !important; vertical-align:top;}
.qnawrap .goodstitle {padding:5px 0; font-weight:bold; border-bottom:1px #ccc solid;}
.qnawrap .title {padding:3px 0; font-weight:bold;}
.qnawrap .question {padding:3px; border-bottom:1px #ccc dashed;}
.qnawrap .answer {padding:3px 0 3px 20px;}

/* editoption page (popup) */

.optionedit {
	padding:5px;
	min-width:400px;
}
.optionedit .goodsinfo {
	width:100%;
}
.optionedit .goodsinfo .th {border-bottom:1px #ccc solid;}



/* itemstyle table */
.mall-item {width:100%; border-spacing:0; border-bottom:1px #ddd solid; border-collapse:collapse;}
.mall-item th {height:30px; background-color:#efefef; border:1px #ddd solid;}
.mall-item td {min-height:40px; padding:3px 0 3px 10px; text-align:left; border:1px #ddd solid;}

.mall-item a {color:inherit; text-decoration:none;}
.mall-item a:visited {color:inherit;}
.mall-item a:hover {text-decoration:none;}


/* cart, orderlist */
.mall-list {width:100%; border-spacing:0; border-bottom:1px #ddd solid; border-collapse:collapse;}
.mall-list th {height: 40px;
    background-color: #eeeeee;
    border: 1px #ddd solid;
    border-top: 3px #aaa solid;
    border-bottom: 1px #aaa solid;
    color: #555;}

.mall-list td {min-height:40px; height:100px; padding:3px 3px 3px 3px; text-align:center; border:1px #ddd solid;}

.mall-list a {color:inherit; text-decoration:none;}
.mall-list a:visited {color:inherit;}
.mall-list a:hover {text-decoration:none;}

.order-state {padding:3px 0; color:#08f;}

.cart-goodsname {padding:3px 0; font-weight:bold; text-align:left;}
.cart-option {font-size:11px; text-align:left; padding:4px 0 0 10px; color:#0066FF;}
.cart-option .list-option {padding:2px 0;}
#cartForm .qty {border:0px #d7d7d7 solid; ime-mode:disabled; color:#929292; width:30px;  font-size:10px; text-align:center; padding:2px 0; border-left:0 !important; border-right:0 !important; *height:14px; *padding:2px 0 0 0; }
#cartForm .btn_qty {width:20px;height:20px; color:#929292; font-size:10px; background-color:#fff !important; border:1px #d7d7d7 solid !important;  text-align:center; padding:1px 0; *height:18px; *padding:0px !important;}


/* Dialog */
.mall-dlg {position:absolute; padding:5px; border:1px #cccccc solid; background-color:#fff; display:none;}
.mall-dlg .dlgtitle {background-color:#ff8800; text-align:center; color:#fff; padding:5px 0; font-weight:bold; border-radius:4px;}
.mall-dlg .inner {padding:10px;}

/* Buttons */
.btnbox {padding:15px 0; text-align:center;}

.mall-btn {width:auto !important; height:auto !important; font-size: 12px; padding: 5px 5px 7px 5px; background-color: #eeeeee; color: #545454; border: 1px #5e5e5e solid; border-radius: 3px; cursor: pointer; margin-top:5px;}
.mall-btn-small {width: 80px;height: 38px; font-size: 11px;padding: 6px 0 !important; margin: 3px 0; background-color: #eeeeee; color: #000; border: 1px #6a6a6a solid;border-radius: 3px; cursor: pointer;}
.mall-btn-large {width:auto !important; height:auto !important; font-size:12px; font-weight:bold; padding:10px 15px; background-color:#696969; color:#fff; border:0px #ff8800 solid; border-radius:3px; cursor:pointer;}


.flag {
	display:inline-block;
	width:27px;
	padding:1px 0;
	font-family:Tahoma, '맑은 고딕', '굴림';
	font-size:10px;
	vertical-align:top;
	border-width:1px;
	border-style:solid;
	border-radius:2px;
	line-height:100%;
	text-align:center;
}

.flag.new {background-color:#f60; border-color:#f60; color:#fff; display:none;}
.flag.hit {background-color:#f00; border-color:#f00; color:#fff; display:none;}
.flag.best {background-color:#06f; border-color:#06f; color:#fff; display:none;}
.flag.recommend {background-color:#3a0; border-color:#3a0; color:#fff; display:none;}


/* shopping guide page */

.shopping-guide-wrap {
	padding:10px 0;
}

.shopping-guide-wrap h2 {
	font-size:14px;
	margin:30px 0 10px;
	padding:0;
}

.shopping-guide-wrap ul {
	margin:0;
	padding:10px 20px;
	background-color:#f3f3f3;
}
.shopping-guide-wrap ul li {
	margin:3px 0;
}

/*주문하기,찜하기 버튼등.*/
.myButton {
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #ffffff !important;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:14px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	font-size:1rem;
	width:32%;
	text-align:center;
}
.myButton:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}
.goodsdetailtitle{text-align:center; margin-top:40px; font-size:2.5rem; color:#555;}
.guide_block{margin-bottom:30px;color:#8d8d8d;
}
.guide_sub_title{background-color: #555;
    color: white;
    width: 165px;
    padding: 10px 10px;
    text-align: left;
border-radius:6px;}
.guide_block2{
	border: 1px solid #555;
    padding: 30px 30px 0 30px;
    border-radius: 10px;
    margin: 50px 0 0 0;}
.type-title-small {
	width: 100%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 30px;
    color: cornflowerblue;
}
.type-title-small2 {
	width: 100%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 30px;
    color: cornflowerblue;
}
.text001{display:inline-block;
}
.title003{font-size:1.4rem; margin:40px 0 20px 0;}

@media screen and (max-width: 500px){
.type-title-small2 {
	 font-size: 0.8rem;
	
   
    padding-bottom: 15px;
   
}
	.type-title-small {
	 font-size: 0.8rem;
	
   
    padding-bottom: 15px;
   
}
	.text001{display:none;}
	.list-helper .searchbox{font-size:0.8rem; float:right; }
	
	.list-helper .type-selecter {
	font-size:0.8rem;
}
	
	.infobox th{padding: 10px 0;
    min-width: 82px;
    text-align: right;
    padding-right: 10px;}
	.guide_block2{padding: 10px 10px 0 10px;}
	.guide_block{font-size:0.7rem;}
	.title003{font-size:1rem;}
	
	.infobox td {
    padding-left: 5px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
}
	
}
.type-title {
	width:100%;
	display:inline-block;
	margin-top:40px;
	margin-bottom:0px;
	text-align:center;
	font-size:30px;
	font-weight:900;
	padding-bottom:0px;
}