@charset "euc-kr";

.viewstore{width: 100%; height: 695px;background: #f4f4f4; margin-top: 40px; padding-top: 55px; box-sizing: border-box; margin-bottom: 70px; }
#gallery { width:100%; box-sizing: border-box;  font-weight: bold; cursor: pointer; }

#image { width:836px;  margin:0 auto; position: relative}
#image p { display:none;}
#image .left, #image .right {position: absolute;top: 50%;}
#image .left {left: -60px;}
 #image .right {right: -60px;}
#image p img { width:836px;    box-sizing: border-box;}
#thumbnail {position:relative;width: 1100px;height:52px;}
#thumbnail div { float: left; }
#thumbnail .left { position:absolute; left:85px; top:0; width:33px; height:52px; padding-top:26px; text-align:center;  cursor:pointer;}
#thumbnail .right {position:absolute;right:85px;top:0;width: 40px;height: 40px;padding-top:26px;text-align:center;cursor:pointer;}

#thumbnail .container {overflow: hidden;position:relative;left: 135px;width:840px;height:70px;margin-top: 10px;}
#thumbnail .container ul { position: absolute; width:3000px; }
#thumbnail .container .thumb { float: left; width:95px; height:70px; margin-right:10px; list-style: none; cursor: pointer; }
#thumbnail .container .thumb img { width:95px; height:70px; }
#thumbnail .container .thumb.ml0{ margin-left:0px; }


@media (min-width: 1025px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	#gallery {
		width: 100%;
	}
	.viewstore {
		width: 100%;
		height: auto;
		background: #f4f4f4;
		margin: 20px auto 20px;
		padding: 35px 0 35px 0;
		text-align:center;
	}
	#image {
		width: 95%;
		margin: 0 auto;
	}
	#image p img {
		width: 95%;
	}
	#image .left {
		left: 0px;
		top: 40%;
	}
	#image .right {
		right: 0px;
		top: 40%;
	}
	#thumbnail {
		display:none;
		position: relative;
		width: 100%;
		height: 52px;
	}
	#thumbnail .left {
		left: 10px;
		top: 0;
		width: 33px;
		height: 52px;
		padding-top: 26px;
	}
	#thumbnail .container {
		overflow: hidden;
		position: relative;
		left: 20px;
		width: 100%;
		height: 140px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 572px) {

}

@media screen and (max-width: 480px) {

}