@charset "UTF-8";

/* 리스트 스타일 (해상도 0px ~ 767px)*/ 
@media all and (min-width:0px) and (max-width:767px) { 

	/*리스트 옆으로 스와이프*/
	.listswipe_tit { position:relative; width:100%; min-width:320px; display:inline-block; margin:6.0rem 0 1rem 0; padding-left:1.6rem; }
	.listswipe_tit .tit { font-size:2.2rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }

	.listswipe_wrap { position:relative; width:100%; min-width:320px; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
    .listswipe_wrap .slick-slide { margin:1rem 15px 1.6rem 15px; }
	.listswipe_item { position:relative; width:27.0rem; margin:0; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listswipe_item .balloon { position:absolute; display:inline-block; top:1rem; left:1rem; z-index:999; }
	.listswipe_item .balloon a { position:relative; height:2.5rem; line-height:2.5rem; display:inline-block; vertical-align:middle; background:#ff6e40; border-radius:0.5rem; font-size:1.3rem; color:#fff; font-weight:300; letter-spacing:-1px; text-align:center; padding:0 1rem; }
	.listswipe_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem 1rem 1rem 1rem; }
	.listswipe_item .thum img { width:100%; height:auto; }
	.listswipe_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.listswipe_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.listswipe_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.listswipe_item .textbox .star { position:relative; width:100%; }
	.listswipe_item .textbox .star img { display:inline-block; }
	.listswipe_item .pricebox { position:relative; width:100%; padding:1.0rem 0; display:inline-block; border-top:#efefef 1px solid; }
	.listswipe_item .pricebox .left { position:relative; float:left; width:100%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.listswipe_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.listswipe_item .pricebox .right { position:relative; float:left; width:100%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }


	/*리스트 아래로 나열*/
	.listdown_tit { position:relative; width:100%; min-width:320px; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.listdown_tit .tit { font-size:3rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }
	.listdown_tit .titbar { width:9.0rem; height:0.1rem; background-color:#333; transform:rotate(45deg); margin:6.5rem 0 2.0rem -0.5rem; }

	.listdown_wrap { position:relative; width:100%; min-width:320px; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.listdown_item { position:relative; width:calc(50% - 3rem); margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listdown_item .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:1; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown_item:hover .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:1; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown_item .balloon .text { position:relative; display:inline-block; font-size:2.0rem; color:#fff; font-weight:200; letter-spacing:-1px; margin-left:2.0rem; margin-top:20%; padding-left:1.5rem; }
	.listdown_item .balloon .text .bold { position:relative; display:block; font-weight:500; margin-bottom:1rem; }
	.listdown_item .balloon .text .bar { position:absolute; display:inline-block; width:0.4rem; height:100%; background:#aecaf2; top:0; left:0; border-radius:1rem; }
	.listdown_item .balloon .more { position:absolute; right:1.5rem; bottom:1.5rem; }	
	.listdown_item .thum { position:relative; width:100%; margin:0 0 0 0; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:0.5rem; float:left; }
	.listdown_item .thum img { width:100%; height:auto; }
	.listdown_item .textbox { position:relative; width:55%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding:0 0 1rem 5%; float:left; }
	.listdown_item .textbox .text { position:relative; width:100%; padding:0.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.listdown_item .textbox .tit { position:relative; width:100%; height:4.5rem; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:0.5rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.listdown_item .textbox .star { position:relative; width:100%; }
	.listdown_item .textbox .star img { display:inline-block; }
	.listdown_item .pricebox { position:absolute; width:55%; padding:1.0rem 0; margin-left:5%; display:inline-block; border-top:#efefef 1px solid; right:0; bottom:0; }
	.listdown_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.listdown_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.listdown_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }

	.listdown_more { position:relative; text-align:right; padding-right:1.6rem; }
	.listdown_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.listdown_more a:hover { color:#fff; }
	.listdown_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }


	/*리스트 아래로 나열2*/
	.listdown2_tit { position:relative; width:100%; min-width:320px; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.listdown2_tit .tit { font-size:3rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }
	.listdown2_tit .titbar { width:9.0rem; height:0.1rem; background-color:#333; transform:rotate(45deg); margin:6.5rem 0 2.0rem -0.5rem; }

	.listdown2_wrap { position:relative; width:100%; min-width:320px; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.listdown2_item { position:relative; width:calc(50% - 3rem); margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listdown2_item .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:0; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item:hover .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:0; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item .balloon .more { position:absolute; width:100%; font-size:2rem; top:30%; color:#fff; text-align:center; }	
	.listdown2_item .balloon .more img { margin-top:2rem; }
	.listdown2_item .thum { position:relative; width:100%; margin:0 0 0 0; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:0.5rem; float:left; }
	.listdown2_item .thum img { width:100%; height:auto; }
	.listdown2_item .tit { position:absolute; width:100%; height:5rem; line-height:5rem; top:70%; display:inline-block; background:rgba(26, 54, 93,0.8); color:#fff; font-size:2rem; font-weight:300; left:0; text-align:center; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item:hover .tit { }
	
	.listdown2_more { position:relative; text-align:right; padding-right:1.6rem; }
	.listdown2_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.listdown2_more a:hover { color:#fff; }
	.listdown2_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }
		
	
	/*서브 리스트 아래로 나열*/
	.sub_listdown_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.sub_listdown_tit .tit { font-size:2.2rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }
	
	.sub_listdown_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.sub_listdown_item { position:relative; width:calc(50% - 10rem); margin:0 5rem 4rem 5rem; display:inline-block; vertical-align:bottom; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	/*.sub_listdown_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); }*/ 	
/*	.sub_listdown_item .balloon { position:absolute; display:inline-block; top:1.5rem; left:1.5rem; z-index:999; }
	.sub_listdown_item .balloon a { position:relative; height:2.5rem; line-height:2.5rem; display:inline-block; vertical-align:middle; background:#ff6e40; border-radius:0.5rem; font-size:1.3rem; color:#fff; font-weight:300; letter-spacing:-1px; text-align:center; padding:0 1rem; }
*/	.sub_listdown_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
	.sub_listdown_item .thum img { position:relative; width:100%; height:auto; border:2px solid #D7D7D7;}
	.sub_listdown_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.sub_listdown_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.sub_listdown_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.sub_listdown_item .textbox .star { position:relative; width:100%; }
	.sub_listdown_item .textbox .star img { display:inline-block;}
	.sub_listdown_item .pricebox { position:relative; width:100%; padding:1.0rem 0; display:inline-block; border-top:#efefef 1px solid; }
	.sub_listdown_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.sub_listdown_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.sub_listdown_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }

	.sub_listdown_more { position:relative; text-align:right; padding-right:1.6rem; }
	.sub_listdown_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.sub_listdown_more a:hover { color:#fff; }
	.sub_listdown_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }


	.sub_listdown_item .check { position:relative; text-align:left; margin-top:-0.5rem; }
	.sub_listdown_item .cart { position:absolute; width:3.5rem; height:3.5rem; /*display:table;*/ background:#ddd; border-radius: 50px; top:1.0rem; right:1.0rem; padding-top:5px; z-index:999; text-align:center; background:rgba(1,1,1,0.3);}
	.sub_listdown_item .cart img { width:18px; }
}



/* 리스트 스타일 (해상도 768px ~ 1199px)*/ 
@media all and (min-width:768px) and (max-width:1199px) { 
	
	/*리스트 옆으로 스와이프*/
	.listswipe_tit { position:relative; width:100%; display:inline-block; margin:6.0rem 0 1rem 0; padding-left:1.6rem; }
	.listswipe_tit .tit { font-size:2.2rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }

	.listswipe_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
    .listswipe_wrap .slick-slide { margin:1rem 15px 1.6rem 15px; }
	.listswipe_item { position:relative; width:27.0rem; margin:0; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listswipe_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	
	.listswipe_item .balloon { position:absolute; display:inline-block; top:1.5rem; left:1.5rem; z-index:999; }
	.listswipe_item .balloon a { position:relative; height:2.5rem; line-height:2.5rem; display:inline-block; vertical-align:middle; background:#ff6e40; border-radius:0.5rem; font-size:1.3rem; color:#fff; font-weight:300; letter-spacing:-1px; text-align:center; padding:0 1rem; }
	.listswipe_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem 1rem 1rem 1rem; }
	.listswipe_item .thum img { width:100%; height:auto; }
	.listswipe_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.listswipe_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.listswipe_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.listswipe_item .textbox .star { position:relative; width:100%; }
	.listswipe_item .textbox .star img { display:inline-block; }
	.listswipe_item .pricebox { position:relative; width:100%; padding:1.0rem 0; display:inline-block; border-top:#efefef 1px solid; }
	.listswipe_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.listswipe_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.listswipe_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }
	
	
	/*리스트 아래로 나열*/
	.listdown_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.listdown_tit .tit { font-size:3rem; color:#000; font-weight:600; text-align:left; letter-spacing:-1px; }
	.listdown_tit .titbar { width:9.0rem; height:0.1rem; background-color:#333; transform:rotate(45deg); margin:6.5rem 0 2.0rem -0.5rem; }

	.listdown_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.listdown_item { position:relative; width:calc(33.3% - 3rem); margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listdown_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	
	.listdown_item .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; opacity:0; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown_item:hover .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:1; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown_item .balloon .text { position:relative; display:inline-block; font-size:2.0rem; color:#fff; font-weight:200; letter-spacing:-1px; margin-left:2.5rem; margin-top:20%; padding-left:1.5rem; }
	.listdown_item .balloon .text .bold { position:relative; display:block; font-weight:500; margin-bottom:1rem; }
	.listdown_item .balloon .text .bar { position:absolute; display:inline-block; width:0.4rem; height:100%; background:#aecaf2; top:0; left:0; border-radius:1rem; }
	.listdown_item .balloon .more { position:absolute; right:2.5rem; bottom:2.5rem; }
	.listdown_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem 1rem 1rem 1rem; }
	.listdown_item .thum img { width:100%; height:auto; }
	.listdown_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.listdown_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.listdown_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.listdown_item .textbox .star { position:relative; width:100%; }
	.listdown_item .textbox .star img { display:inline-block; }
	.listdown_item .pricebox { position:relative; width:100%; padding:1.0rem 0; display:inline-block; border-top:#efefef 1px solid; }
	.listdown_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.listdown_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.listdown_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }

	.listdown_more { position:relative; text-align:right; padding-right:1.6rem; }
	.listdown_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.listdown_more a:hover { color:#fff; }
	.listdown_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }
	
	
	/*리스트 아래로 나열2*/
	.listdown2_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.listdown2_tit .tit { font-size:3rem; color:#000; font-weight:600; text-align:left; letter-spacing:-1px; }
	.listdown2_tit .titbar { width:9.0rem; height:0.1rem; background-color:#333; transform:rotate(45deg); margin:6.5rem 0 2.0rem -0.5rem; }

	.listdown2_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.listdown2_item { position:relative; width:calc(33.3% - 3rem); margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listdown2_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	
	.listdown2_item .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; opacity:0; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item:hover .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:1; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item .balloon .more { position:absolute; width:100%; font-size:2rem; top:30%; color:#fff; text-align:center; }
	.listdown2_item .balloon .more img { margin-top:2rem; }
	.listdown2_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem 1rem 1rem 1rem; }
	.listdown2_item .thum img { width:100%; height:auto; }
	.listdown2_item .tit { position:absolute; width:100%; height:5rem; line-height:5rem; top:70%; display:inline-block; background:rgba(26, 54, 93,0.8); color:#fff; font-size:2rem; font-weight:300; left:0; text-align:center; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item:hover .tit { opacity:0; }

	.listdown2_more { position:relative; text-align:right; padding-right:1.6rem; }
	.listdown2_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.listdown2_more a:hover { color:#fff; }
	.listdown2_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }
	
		
	/*서브 리스트 아래로 나열*/
	.sub_listdown_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.sub_listdown_tit .tit { font-size:2.2rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }
	
	.sub_listdown_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.sub_listdown_item { position:relative; width:calc(33.3% - 10rem); margin:0 5rem 4rem 5rem; display:inline-block; vertical-align:bottom; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	/*.sub_listdown_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	*/
/*	.sub_listdown_item .balloon { position:absolute; display:inline-block; top:1.5rem; left:1.5rem; z-index:999; }
	.sub_listdown_item .balloon a { position:relative; height:2.5rem; line-height:2.5rem; display:inline-block; vertical-align:middle; background:#ff6e40; border-radius:0.5rem; font-size:1.3rem; color:#fff; font-weight:300; letter-spacing:-1px; text-align:center; padding:0 1rem; }
*/	.sub_listdown_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
	.sub_listdown_item .thum img { width:100%; height:auto; border:2px solid #D7D7D7;}
	.sub_listdown_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.sub_listdown_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.sub_listdown_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.sub_listdown_item .textbox .star { position:relative; width:100%; }
	.sub_listdown_item .textbox .star img { display:inline-block; }
	.sub_listdown_item .pricebox { position:relative; width:100%; padding:1.0rem 0 0 0; display:inline-block; border-top:#efefef 1px solid; }
	.sub_listdown_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.sub_listdown_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.sub_listdown_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }

	.sub_listdown_more { position:relative; text-align:right; padding-right:1.6rem; }
	.sub_listdown_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.sub_listdown_more a:hover { color:#fff; }
	.sub_listdown_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }

	.sub_listdown_item .check { position:relative; text-align:left; }
	.sub_listdown_item .cart { position:absolute; width:3.5rem; height:3.5rem; /*display:table;*/ background:#ddd; border-radius: 50px; top:1.0rem; right:1.0rem; padding-top:7px; z-index:999; text-align:center; background:rgba(1,1,1,0.3);}
	.sub_listdown_item .cart img { width:18px; }
	
} 



/* 리스트 스타일 (해상도 1200px ~ )*/ 
@media all and (min-width:1200px) { 
	
	/*리스트 옆으로 스와이프*/
	.listswipe_tit { position:relative; width:100%; display:inline-block; margin:6.0rem 0 1rem 0; padding-left:1.6rem; }
	.listswipe_tit .tit { font-size:2.2rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }

	.listswipe_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
    .listswipe_wrap .slick-slide { margin:1rem 15px 1.6rem 15px; }
	.listswipe_item { position:relative; width:27.0rem; margin:0; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listswipe_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	
	.listswipe_item .balloon { position:absolute; display:inline-block; top:1.5rem; left:1.5rem; z-index:999; }
	.listswipe_item .balloon a { position:relative; height:2.5rem; line-height:2.5rem; display:inline-block; vertical-align:middle; background:#ff6e40; border-radius:0.5rem; font-size:1.3rem; color:#fff; font-weight:300; letter-spacing:-1px; text-align:center; padding:0 1rem; }
	.listswipe_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem 1rem 1rem 1rem; }
	.listswipe_item .thum img { width:100%; height:auto; }
	.listswipe_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.listswipe_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.listswipe_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.listswipe_item .textbox .star { position:relative; width:100%; }
	.listswipe_item .textbox .star img { display:inline-block; }
	.listswipe_item .pricebox { position:relative; width:100%; padding:1.0rem 0; display:inline-block; border-top:#efefef 1px solid; }
	.listswipe_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.listswipe_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.listswipe_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }
	
	
	/*리스트 아래로 나열*/
	.listdown_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 3.0rem 0; padding-left:1.6rem; }
	.listdown_tit .tit { font-size:3.0rem; color:#000; font-weight:600; text-align:left; letter-spacing:-1px; }
	.listdown_tit .titbar { width:9.0rem; height:0.1rem; background-color:#333; transform:rotate(45deg); margin:6.5rem 0 2.0rem -0.5rem; }

	.listdown_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.listdown_item { position:relative; width:27.0rem; margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; top:1.0rem; transition-timing-function:ease-in-out; transition-duration:0.3s;} 
	.listdown_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem);} 	
/*	.listdown_item { position:relative; width:27.0rem; margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listdown_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	*/
	.listdown_item .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; opacity:0; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s;}
	.listdown_item:hover .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:1; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown_item .balloon .text { position:relative; display:inline-block; font-size:2.0rem; color:#fff; font-weight:200; letter-spacing:-1px; margin-left:2.5rem; margin-top:20%; padding-left:1.5rem; }
	.listdown_item .balloon .text .bold { position:relative; display:block; font-weight:500; margin-bottom:1rem; }
	.listdown_item .balloon .text .bar { position:absolute; display:inline-block; width:0.4rem; height:100%; background:#aecaf2; top:0; left:0; border-radius:1rem; }
	.listdown_item .balloon .more { position:absolute; right:2.5rem; bottom:2.5rem; }
	.listdown_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem; }
	.listdown_item .thum img { width:100%; height:auto; }
	.listdown_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.listdown_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.listdown_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.listdown_item .textbox .star { position:relative; width:100%; }
	.listdown_item .textbox .star img { display:inline-block; }
	.listdown_item .pricebox { position:relative; width:100%; padding:1.0rem 0; display:inline-block; border-top:#efefef 1px solid; }
	.listdown_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.listdown_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.listdown_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }

	.listdown_more { position:relative; text-align:right; padding-right:1.6rem; }
	.listdown_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.listdown_more a:hover { color:#fff; }
	.listdown_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }


	/*리스트 아래로 나열2*/
	.listdown2_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 3.0rem 0; padding-left:1.6rem; }
	.listdown2_tit .tit { font-size:3.0rem; color:#000; font-weight:600; text-align:left; letter-spacing:-1px; }
	.listdown2_tit .titbar { width:9.0rem; height:0.1rem; background-color:#333; transform:rotate(45deg); margin:6.5rem 0 2.0rem -0.5rem; }

	.listdown2_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.listdown2_item { position:relative; width:27.0rem; margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; top:1.0rem; transition-timing-function:ease-in-out; transition-duration:0.3s; } 
	.listdown2_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	
/*	.listdown2_item { position:relative; width:27.0rem; margin:0 1.5rem 4rem 1.5rem; display:inline-block; vertical-align:top; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	.listdown2_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); } 	*/
	.listdown2_item .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; opacity:0; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item:hover .balloon { position:absolute; display:inline-block; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0,0.5); opacity:1; border-radius:1rem; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item .balloon .more { position:absolute; width:100%; font-size:2rem; top:30%; color:#fff; text-align:center; }
	.listdown2_item .balloon .more img { margin-top:2rem; }
	.listdown2_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:1rem; }
	.listdown2_item .thum img { width:100%; height:auto; }
	.listdown2_item .tit { position:absolute; width:100%; height:5rem; line-height:5rem; top:70%; display:inline-block; background:rgba(26, 54, 93,0.8); color:#fff; font-size:2rem; font-weight:300; left:0; text-align:center; transition-timing-function:ease-in-out; transition-duration:0.3s; }
	.listdown2_item:hover .tit { opacity:0; }
	
	.listdown2_more { position:relative; text-align:right; padding-right:1.6rem; }
	.listdown2_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.listdown2_more a:hover { color:#fff; }
	.listdown2_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }


	/*서브 리스트 아래로 나열*/
	.sub_listdown_tit { position:relative; width:100%; display:inline-block; margin:2.0rem 0 2.0rem 0; padding-left:1.6rem; }
	.sub_listdown_tit .tit { font-size:2.2rem; color:#000; font-weight:500; text-align:left; letter-spacing:-1px; }
	
	.sub_listdown_wrap { position:relative; width:100%; margin:0 auto; display:inline-block; padding-bottom:2.0rem; font-size:0; }
	.sub_listdown_item { position:relative; width:20.0rem; margin:0 5rem 4rem 5rem; display:inline-block; vertical-align:bottom; transition-timing-function:ease-in-out; transition-duration:0.3s; top:1.0rem; } 
	/*.sub_listdown_item:hover { transform:translate(0,-2rem);-webkit-transform:translate(0,-2rem);-moz-transform:translate(0,-2rem);-ms-transform:translate(0,-2rem);-o-transform:translate(0,-2rem); }*/ 	
/*	.sub_listdown_item .balloon { position:absolute; display:inline-block; top:1.5rem; left:1.5rem; z-index:999; }
	.sub_listdown_item .balloon a { position:relative; height:2.5rem; line-height:2.5rem; display:inline-block; vertical-align:middle; background:#ff6e40; border-radius:0.5rem; font-size:1.3rem; color:#fff; font-weight:300; letter-spacing:-1px; text-align:center; padding:0 1rem; }
*/	.sub_listdown_item .thum { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
	.sub_listdown_item .thum img { width:100%; height:auto; /*height:284px;*/ border:2px solid #D7D7D7;}
	.sub_listdown_item .textbox { position:relative; width:100%; display:inline-block; background:#fff; border-radius:0 0 0 0; padding-bottom:1rem; }
	.sub_listdown_item .textbox .text { position:relative; width:100%; padding:1.5rem 0 0 0; font-size:1.3rem; color:#999; font-weight:300; }
	.sub_listdown_item .textbox .tit { position:relative; width:100%; font-size:1.4rem; line-height:2.0rem; color:#333; font-weight:400; padding:1rem 0 0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
	.sub_listdown_item .textbox .star { position:relative; width:100%; }
	.sub_listdown_item .textbox .star img { display:inline-block; }
	.sub_listdown_item .pricebox { position:relative; width:100%; padding:1.0rem 0 0 0; display:inline-block; border-top:#efefef 1px solid; }
	.sub_listdown_item .pricebox .left { position:relative; float:left; width:50%; text-align:left; font-size:1.4rem; line-height:2.2rem; color:#ff6e40; font-weight:500; }
	.sub_listdown_item .pricebox .left span { color:#555; font-weight:400; padding-right:0.5rem; text-decoration:line-through; }
	.sub_listdown_item .pricebox .right { position:relative; float:left; width:50%; text-align:right; font-size:1.6rem; line-height:2.2rem; color:#000; font-weight:500; }

	.sub_listdown_more { position:relative; text-align:right; padding-right:1.6rem; }
	.sub_listdown_more a { position:relative; display:inline-block; height:3.0rem; line-height:1.8rem; font-size:1.8rem; color:#fff; }
	.sub_listdown_more a:hover { color:#fff; }
	.sub_listdown_more a img { width:3.0rem; margin-left:10px; vertical-align:middle; }
	
	.sub_listdown_item .check { position:relative; text-align:left; margin-top:-1rem; }
	.sub_listdown_item .cart { position:absolute; width:3.5rem; height:3.5rem; /*display:table;*/ background:#000; border-radius: 50px; top:1.0rem; right:1.0rem; padding-top:7px; z-index:999; text-align:center; background:rgba(1,1,1,0.3);}
	.sub_listdown_item .cart img { width:18px; }
} 


@media all and (min-width:0px) and (max-width:379px) { 
	.listdown_item .textbox .star { display:none; 
}








/*
@media all and (min-width:0px) and (max-width:767px) { 
	.list_wrap2 { width:100%; margin:0 auto; }
	.list_wrap2 .slick-slide { margin: 1rem 0.5rem 1rem 0.5rem; padding:0; }
    .list_wrap2 .slick-slide img { margin:0; padding:0; }
}


@media all and (min-width:768px) and (max-width:1199px) { 
	.list_wrap2 { width:100%; margin:0 auto; }
	.list_wrap2 .slick-slide { margin:1rem 2rem 2rem 2rem; }
	.list_wrap2 .slick-slide img { margin:0; padding:0; }
}


@media all and (min-width:1200px) { 
	.list_wrap2 { width:1200px; margin:0 auto; }
	.list_wrap2 section { margin:0; padding:0; }
    .list_wrap2 .slick-slide { margin:1rem 15px 1.6rem 15px; }
	.list_wrap2 a {  }
    .list_wrap2 .slick-slide img { margin:0; padding:0; }
    .list_wrap2 .slick-slide { transition:all ease-in-out .3s; opacity:1; }
    .list_wrap2 .slick-active { opacity:1; }
    .list_wrap2 .slick-current { opacity: 1; }
}
*/