@charset "utf-8";

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

:root{
	--header-height:80px;
	--footer-height:112px;
}

*{box-sizing:border-box;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;font-family:SamsungOneKorea, sans-serif;font-weight:normal;font-size:12px;background-color:#fff;}
ul,li,h1,h2,p{margin:0;padding:0;list-style:none;}
button{border:0;background:none;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;}
a{text-decoration:none;color:#000;}
img{vertical-align:middle;}

div#wrapper{width:100%;min-height:100%;background-color:#fff;}

.header{position:fixed;left:0;top:0;z-index:100;width:100%;height:var(--header-height);background-color:#f7f7f7;}
.top{display:flex;align-items:center;width:calc(100% - 30px);height:100%;margin:0 auto;padding:0 15px;}
h1.logo{flex:0 0 120px;width:120px;height:34px;}
h1.logo a{display:flex;align-items:center;justify-content:center;width:120px;height:34px;}
.nav{margin-left:24px;}
.tabs{display:flex;align-items:center;height:34px;}
.tabs > li{font-size:14px;}
.tabs > li a{display:flex;align-items:center;justify-content:center;height:34px;padding:0 12px;text-decoration:none;color:#000;font-weight:bold;}

.tab_content{display:none;}
.tab_content.is-active{display:block;}
.section{position:fixed;left:0;top:var(--header-height);bottom:var(--footer-height);width:100%;padding:20px 15px;overflow:auto;}
.booksect{--book-width:25%;--thumb-width:80%;--thumb-max:173px;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100%;margin:auto;}
h2.title,.booklist{width:100%;max-width:1300px;margin-left:auto;margin-right:auto;}
h2.title{margin-top:40px;font-size:1.5em;font-weight:bold;}
.booklist{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin-top:20px;margin-bottom:20px;}
.booklist > li{flex:0 0 var(--book-width);min-height:1px;text-align:center;font-size:15px;}
.booklist > li img{width:var(--thumb-width);max-width:var(--thumb-max);border:1px solid #e0e0e0;box-shadow:2px 2px 4px #dbdbdb;}
.booklist > li p{margin-top:12px;line-height:1.35;text-align:center;}
.tight-title{letter-spacing:-1px;}

.item1{--book-width:173px;--thumb-width:100%;--thumb-max:173px;}
.item1 .booklist{justify-content:center;}
.item1 h2.title{width:173px;}
.item4{--book-width:25%;--thumb-width:80%;--thumb-max:173px;}
.item4a{--book-width:25%;--thumb-width:80%;--thumb-max:250px;}
.item4a .booklist{row-gap:30px;}
.item4a .booklist > li img{max-height:140px;}
.item5{--book-width:25%;--thumb-width:80%;--thumb-max:173px;}
.item5 .booklist > li{min-height:335px;}
.item5 .booklist > li img{min-height:245px;}
.item6a{--book-width:25%;--thumb-width:80%;--thumb-max:173px;}
.item6a .booklist{row-gap:30px;}
.item6a .booklist > li{padding:20px 0;background-color:#f4f4f4;}
.item6a .booklist > li:nth-child(-n+4){flex-basis:calc(25% - 15px);}
.item6a .booklist > li:nth-child(2){margin-left:30px;}
.item6a .booklist > li:nth-child(3){margin-right:30px;}
.item6a .booklist > li img{min-height:245px;}
.item6a .item-title{width:173px;margin:0 auto 20px auto;text-align:left;font-size:1.5em;}
.item6a .empty-heading .item-title{color:#f4f4f4;}

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

.mmpopbtn5mD657b{display:none;}
.mmpopbtn5mD657b > img{vertical-align:middle;}
.sidenav{height:100%;width:0;position:fixed;z-index:999;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:0.5s;padding-top:40px;font-size:15px;}
.sidenav.is-open{width:250px;}
.sidenav a{padding:5px 5px 5px 40px;text-decoration:none;color:#000;display:block;transition:0.3s;}
.sidenav .closebtn{position:absolute;top:0;right:25px;margin-left:50px;padding:8px 0 0 40px;}
.bbg{z-index:998;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);transition:0.5s;overflow:hidden;display:none;}
.bbg.is-open{display:block;}
.tabsm > li{line-height:30px;}
.tabsm > li:first-child{margin-top:40px;}
.tabsm > li.active > a{font-weight:bold;}

@media(min-width:2400px){
	h2.title,.booklist{max-width:1950px;}
	.booksect{--thumb-max:260px;}
	.item4a{--thumb-max:300px;}
	.item1{--book-width:260px;--thumb-max:260px;}
	.item1 h2.title{width:260px;}
}

@media(max-width:1080px){
	.booksect{justify-content:flex-start;}
}

@media(max-width:900px){
	.booksect{--book-width:calc(100% / 3);}
	.item1{--book-width:173px;}
}

@media(max-width:640px){
	.footer > p{font-size:11px;padding:12px 15px;}
}

@media(max-width:414px){
	.booksect{--book-width:100%;--thumb-width:80%;--thumb-max:173px;}
	.item1{--book-width:100%;--thumb-width:100%;--thumb-max:173px;}
	.item1 h2.title{width:173px;}
	.item4 h2.title{width:173px;}
	.item4a{--thumb-max:250px;}
	.item5 .booklist > li{min-height:auto;}
	.item6a .booklist > li:nth-child(-n+4){flex-basis:100%;}
	.item6a .booklist > li:nth-child(2),
	.item6a .booklist > li:nth-child(3){margin-left:0;margin-right:0;}
	.item6a .booklist > li{background-color:#fff;}
	.item6a .empty-heading .item-title{color:#fff;}
	.mmpopbtn5mD657b{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;z-index:999;width:80px;height:80px;}
	.nav{display:none;}
}

.tabs li a,.tabs li a:visited,.tabs li a:hover,.tabs li a:active{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	position:relative;
	transition:0.5s color ease;
	color:#000;
}
.tabs li a:hover{color:#000;}
.tabs li a.before:before,.tabs li a.after:after{
	content:"";
	transition:0.5s all ease;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	position:absolute;
}
.tabs li a.after:after{bottom:0;}
.tabs li a.before:before,.tabs li a.after:after{height:1px;width:0;background:#000;}
.tabs li a.mbtn:after{
	left:0%;
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}
.tabs li a.before:hover:before,.tabs li a.after:hover:after{width:100%;}
.tabs li.active > a.after:after{width:100%;}