/* BASIC css start */

	/* 사은품 공통 */
	#giftList {
		width:100%;
		padding:20px 20px 50px 20px;
		
		box-sizing: border-box;
		max-width: 800px;
		margin: 0 auto;
	}
	
	#giftList img{
		width:100%;
		max-width: 150px;
	}
	
	#giftList .title1 {
		font-size: 20px;
		background: #7e8ea0;
		color: #fff;
		display: block;
		padding: 10px 20px;
	}
	

	#giftList .cate-wrap.gift-title {
		
	}

	#giftList .cate-wrap.gift-title .title{
		display:inline-block;
		color:#202020;
		font-size:20px;
		font-weight:bold;
		line-height:1;
		letter-spacing:-0.5px;
		vertical-align:top;
		
	}
	#giftList .cate-wrap.gift-title .sub-title{
		
		font-size:15px;
		font-weight: 500;
		color:#e87c95;
		line-height: 1.6;
		display: block;
		margin-top: 20px;
		
	}

	#giftList .table-gift-list p {
		font-size:15px;
		text-align: center;
		letter-spacing :-0.03em ;
		margin-top:20px;
		padding-top : 20px;
		display: block;
		border-top:1px solid #f4f4f4;


	}

	#giftList .gift-list-wrap li .title{
		font-size: 14px;
		line-height: 1.6;
		padding-top: 15px;
		display: block;
	}
	

	#giftList .gift-list-wrap {
		
		text-align: center;
		vertical-align: center;
		border: 1px solid #e8e8e8;
		margin-top: 50px;
		width: 100%;
		vertical-align: center;
	}
	
	#giftList .table-gift-list .gift-list-wrap:after{content: "";display: block;clear: both;}
	#giftList .table-gift-list .gift-list-wrap li {float: left;padding: 5px;box-sizing: border-box}
	
	#giftList .table-gift-list .gift-list-wrap li {

		width: 32.9%;
		height: 235px;
		border-bottom: 1px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
	}
	
	#giftList .table-gift-list .left li:nth-child(3n+1) {
		border-right: none;
	}
	
	
	#giftList .table-gift-list .bottom li{
		width: 49.8%;
		height: 260px;
	}
	
	#giftList .table-gift-list .bottom li:nth-child(2n+1) {
		border-right: none;
	}
	

div.C-384-4-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.list_array {height:40px; border-bottom:1px solid #4a4a4a; padding:0 8px; margin-top:3px; margin-bottom:0px;}
.list_array .list_arrayLeft {float:left; margin-top:0px;margin-bottom:10px;margin-left:5px;}
.list_array .list_arrayLeft select {height:28px;background:#fff;}
.list_array .list_arrayRight {float:right; margin-top:0px;margin-right:10px;margin-bottom:10px;}
.list_array .list_arrayRight img {margin-left:5px;}


.shopbrand .list_group { margin:0 15px; padding:25px 0 20px; border-bottom:1px solid #e4e4e4 }
.shopbrand .list_group h3 { padding-bottom:10px; font-size:16px; font-weight:bold; color:#474747 }
.shopbrand .list_group select {width:50%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.list_array .list_arrayRight img {width: 23px; height: auto;}


.product-list1 { padding:10px 15px 0px 0px; position:relative }
.list_shopping1x {text-align:center;padding:0px 0px 0 0px;}
.list_shopping1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left;}
.list_shopping1x li {width:100%; display:inline-block; vertical-align: top;padding:0px 0px 20px 5px;}


.list_shopping1x li:last-child{padding-bottom:0}

.list_shopping1x li a {display: block; padding:0 0px; position:relative; overflow:hidden; zoom:1;border:1px solid #ddd;}
.list_shopping1x li dl {}
.list_shopping1x li img.listPic {width:50%; float:left;}
.list_shopping1x .list_shoppingInfo {width:46%; float:right; padding-left:3%;}


.list_shopping1x .list_shoppingInfo li { width:auto; display:block }
.list_shopping1x .list_shoppingInfo .listBrand { height:17px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px }
.list_shopping1x .list_shoppingInfo .listName {display:-webkit-box; height:60px; font-size:0.90em; color:#666; line-height:120%; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis;overflow: hidden;padding:10px 10px 10px 10px; }
.list_shopping1x .list_shoppingInfo .listPrice {position: absolute;bottom:10px; right:0px; height:32px;padding:50px 20px 0 0;  *zoom:1 }
.list_shopping1x .list_shoppingInfo .listPrice:after { display:block; clear:both; content:'' }
.list_shopping1x .price-discount { position:absolute;top:0px; left:0px;float:left; background-color:rgba(52, 90, 136, 0.8); padding:8px 6px 10px 6px;font-size:0.95em; color:#fff; font-weight:600;}
.list_shopping1x .price-discount p{ line-height:0.95em;}
.list_shopping1x .price-discount sp {font-size:0.65em; font-weight:normal; color:#fff;}

.list_shopping1x .price-discount span { font-size:0.75em; font-weight:normal; color:#fff; }

.list_shopping1x .list_shoppingInfo .listPrice .price-info { float:right; text-align:right; vertical-align:bottom;}
.list_shopping1x .list_shoppingInfo .listPrice .price-info .strike { height:18px }
.list_shopping1x .list_shoppingInfo .listPrice .price-info strike { font-size:0.85em; color:#aaa }
.list_shopping1x .list_shoppingInfo .listPrice .price-info span { color:#152f4e;}
.list_shopping1x .list_shoppingInfo .listPrice .price-info .won { font-size:0.85em; }
.list_shopping1x .list_shoppingInfo .listPrice .price-info .price { font-size:1.05em; font-weight:bold; color:#152f4e;letter-spacing:-1px }
.list_shopping1x .list_shoppingBtm {width:100%;height:auto;   }
.list_shopping1x .list_shoppingBtm .prd-ico { padding-left:1px; width:auto }
.list_shopping1x .list_shoppingBtm .prd-ico span { line-height:30px }
.list_shopping1x .list_shoppingBtm .prd-ico img { vertical-align:middle }


.product-list { padding:20px 0px 0px 5px; position:relative }

.list_shopping2x {text-align:center;padding-bottom:10px;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left;}
.list_shopping2x li {width:49%; padding:0 0px 0 0px;display:inline-block; vertical-align: top; text-align:left;box-sizing: border-box;}
.list_shopping2x li a {display: block; padding:10px 4px 0 4px;}
.list_shopping2x li dl { border:1px solid #ddd }
.list_shopping2x li img.listPic {width: 100%;}
.list_shopping2x .list_shoppingInfo { padding:12px 12px 0 12px; border-top:1px solid #ddd }
.list_shopping2x .list_shoppingInfo li { width:auto; display:block }
.list_shopping2x .list_shoppingInfo .listBrand { height:17px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px }
.list_shopping2x .list_shoppingInfo .listName { display:-webkit-box; height:34px; font-size:0.85em; color:#666; line-height:120%; letter-spacing:-1px; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;overflow: hidden; }
.list_shopping2x .list_shoppingInfo .listPrice { padding-top:5px;padding-bottom:10px; height:32px; *zoom:1 }
.list_shopping2x .list_shoppingInfo .listPrice:after { display:block; clear:both; content:'' }
.list_shopping2x .price-discount { position: absolute;top:0px; left:0px;margin: 0 0 0;float:left; background-color:rgba(52, 90, 136, 0.8); padding:8px 6px 10px 6px;font-size:0.95em; color:#fff; font-weight:600; z-index:0; }
.list_shopping2x .price-discount p{ line-height:0.95em;}
.list_shopping2x .price-discount sp {font-size:0.65em; font-weight:normal; color:#fff;}
.list_shopping2x .price-discount span { font-size:0.75em; font-weight:normal; color:#fff; }

.list_shopping2x .thumb{ position: relative;}


.list_shopping2x .list_shoppingInfo .listPrice .price-info { float:right; text-align:right; vertical-align:bottom }
.list_shopping2x .list_shoppingInfo .listPrice .price-info .strike { height:18px }
.list_shopping2x .list_shoppingInfo .listPrice .price-info strike { font-size:0.85em; color:#aaa }
.list_shopping2x .list_shoppingInfo .listPrice .price-info span { color:#152f4e;}
.list_shopping2x .list_shoppingInfo .listPrice .price-info .won { font-size:0.85em; }
.list_shopping2x .list_shoppingInfo .listPrice .price-info .price { font-size:1.05em; font-weight:bold; color:#152f4e;letter-spacing:-1px }
.list_shopping2x .list_shoppingInfo .listPrice .price-info .reserve { font-size:0.85em; font-weight:normal; color:#152f4e;letter-spacing:-1px }


.list_shopping2x .list_shoppingBtm { height:26px; border-top:1px solid #ddd }
.list_shopping2x .list_shoppingBtm .prd-ico { padding-left:1px; width:auto }
.list_shopping2x .list_shoppingBtm .prd-ico span { line-height:26px }
.list_shopping2x .list_shoppingBtm .prd-ico img { vertical-align:middle }

.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}

.listName {color:#3b3b3b; word-break: break-all;}
.listDiscount {color:#b5b5b5;}
.listPrice {color:#1b1b1b; margin:4px 0;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d; font-size:0.917em;}
.listPoint {color:#7d7d7d; font-size:0.917em;}
/* //상품진열 */

.pa {text-align:center; margin:0px 0;}


.pa { padding:20px 0 20px 0; text-align: center; vertical-align: top; }
.pa li { display:inline-block }
.pa li a { display:block; width:24px; height:24px; font-size:1.00em; color: #999; text-align:center; line-height:24px; border:1px solid #ddd; cursor: pointer; overflow: hidden }
.pa li a:hover,
.pa li.now a { color:#152f4e; border:1px solid #152f4e; }
.pa li.first a,
.pa li.prev a,
.pa li.next a,
.pa li.last a {  }
.pa li.prev { margin-right:5px; }
.pa li.next { margin-left:5px; }


@media screen and (max-width:319px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping1x li {width:49%;}
    .list_shopping1x li a {padding:0px;}
    .list_shopping1x li:first-child a {padding:0px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x li {width:33%;}
    .list_shopping3x li {width:25%;}
    /* //상품진열 */
    
    /* 더보기 버튼 */
    .btn_moreGray {width:335px;}
    /* //더보기 버튼 */
    /* .layer .layer-pop .txt {max-height: 150px;} G패드에서 사이즈가 작게 나와서 제거함 */
    .layer .layer-pop {margin:20px auto;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping1x li {width:49%;}
    .list_shopping1x li a {padding:10px;}
    .list_shopping1x li:first-child a {padding:10px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:33%;}
    .list_shopping2x li a {padding:5px;}
    .list_shopping3x ul {padding:0 5px;}
    .list_shopping3x li {width:25%;}
    .list_shopping3x li a {padding:5px;}
    /* //상품진열 */


div.C-384-4-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.C-384-4-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */