@charset "utf-8";

@font-face{
	font-family: 'SamsungOneKorea';
	src: url('../b2c/skin5/font/SamsungOneKorean-400-v1.2-20190628.eot');
	src: url('../b2c/skin5/font/SamsungOneKorean-400-v1.2-20190628.eot?#iefix') format("embedded-opentype"),
	url('../b2c/skin5/font/SamsungOneKorean-400-v1.2-20190628.woff2') format("woff2"),
	url('../b2c/skin5/font/SamsungOneKorean-400-v1.2-20190628.woff') format("woff"),
	url('../b2c/skin5/font/SamsungOneKorean-400-v1.2-20190628.svg') format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'SamsungOneKorea';
	src: url('../b2c/skin5/font/SamsungOneKorean-700-v1.2-20190628.eot');
	src: url('../b2c/skin5/font/SamsungOneKorean-700-v1.2-20190628.eot?#iefix') format("embedded-opentype"),
	url('../b2c/skin5/font/SamsungOneKorean-700-v1.2-20190628.woff2') format("woff2"),
	url('../b2c/skin5/font/SamsungOneKorean-700-v1.2-20190628.woff') format("woff"),
	url('../b2c/skin5/font/SamsungOneKorean-700-v1.2-20190628.svg') format("svg");
	font-weight: bold;
	font-style: normal;
}

body{margin:0;padding:0;font-family:SamsungOneKorea;font-weight:normal;font-size:12px;}
ul, li, a, p, h1{margin:0;padding:0;list-style:none;}

.header{width:calc(100% - 25px);height:calc(80px - 34px);padding:34px 0 0 25px;background-color:#f7f7f7;}

.booksect{position:absolute;left:0;top:80px;width:100%;height:calc(100% - 80px - 105px);}
.booklist{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.booklist > li{float:left;width:220px;text-align:center;margin-left:40px;font-size:15px;}
.booklist > li:first-child{margin-left:0;}
.booklist > li img{width:100%;max-width:220px;border:1px solid #e0e0e0;box-shadow:2px 2px 4px #dbdbdb;}

.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;border-top:1px solid #ddd;}
.footer > p{width:calc(100% - 30px);100%;height:auto;margin:0 auto;padding:20px 15px 20px 15px;color:#363636;}

@media(max-width:420px){
.booksect{position:static;left:0;top:0;width:100%;height:auto;}
.booklist{position:static;left:0;top:0;transform:none;}
.booklist:after{display:block;content:'';clear:both;}
.booklist > li{float:none;width:100%;text-align:center;margin:40px 0 40px 0;}
.footer{position:static;left:0;bottom:0;width:100%;background-color:#fff;border-top:1px solid #ddd;}
}