@charset "utf-8";

@font-face{
	font-family: 'SamsungOneKorea';
	src: url('../b2b/skin5/font/SamsungOneKorean-400-v1.2-20190628.eot');
	src: url('../b2b/skin5/font/SamsungOneKorean-400-v1.2-20190628.eot?#iefix') format("embedded-opentype"),
	url('../b2b/skin5/font/SamsungOneKorean-400-v1.2-20190628.woff2') format("woff2"),
	url('../b2b/skin5/font/SamsungOneKorean-400-v1.2-20190628.woff') format("woff"),
	url('../b2b/skin5/font/SamsungOneKorean-400-v1.2-20190628.svg') format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face{
	font-family: 'SamsungOneKorea';
	src: url('../b2b/skin5/font/SamsungOneKorean-700-v1.2-20190628.eot');
	src: url('../b2b/skin5/font/SamsungOneKorean-700-v1.2-20190628.eot?#iefix') format("embedded-opentype"),
	url('../b2b/skin5/font/SamsungOneKorean-700-v1.2-20190628.woff2') format("woff2"),
	url('../b2b/skin5/font/SamsungOneKorean-700-v1.2-20190628.woff') format("woff"),
	url('../b2b/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;background-color:#f5f5f5;}
ul, li{margin:0;padding:0;list-style:none;}

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

.header{width:100%;height:33px;padding:60px 0 160px 0;text-align:center;}
h1.logo{margin:0;padding:0;}
h2.title{margin:0 0 0 10px;padding:0;font-size:15px;font-weight:bold;}
h2.title2{margin:0 0 0 210px;padding:0;font-size:15px;font-weight:bold;}

.nav{display:inline-block;}

.nav{margin:60px 0 0 0;}
.tabs{width:885px;height:49px;margin:0 auto;border:1px solid #dddddd;}
.tabs > li{float:left;width:calc(100% / 2);font-size:15px;background:url('../b2b/skin5/mm657/topmenuline.png') no-repeat 0 14px;}
.tabs > li a{display:block;width:100%;height:49px;text-align:center;line-height:49px;text-decoration:none;color:#000;}
/*.tabs > li a:hover{color:#273896;transition: 0.5s;}*/
.tabs > li:first-child{background:none;}
ul.tabs li.active, ul.tabs li.active a {color:#273896;font-weight:bold;
	background-image:url('../b2b/skin5/mm657/topmenucolor.png'), url('../b2b/skin5/mm657/topmenuline.png');
	background-repeat:repeat-x, no-repeat;
	background-position:0 46px, 0 14px;}
ul.tabs li.active:first-child, ul.tabs li.active a:first-child {color:#273896;font-weight:bold;
	background-image:url('../b2b/skin5/mm657/topmenucolor.png');
	background-repeat:repeat-x;
	background-position:0 46px;}

.section{width:100%;max-width:1100px;height:auto;margin:0 auto;}
.booklist{width:100%;height:auto;background:url('../b2b/skin5/mm657/bookcaseline.png') repeat-y 0 0;}
.booklist > li{float:left;width:calc(100% / 6);height:255px;text-align:center;margin:40px 0 0 0;}
.booklist > li img{width:95%;max-width:128px;border:1px solid #e0e0e0;box-shadow:2px 2px 4px #dbdbdb;}
.booklist > li p{width:100%;margin:15px 0 0 0;}
.booklist::after{display:block;content:'';clear:both;}

.booklist2{width:600px;height:auto;margin:0 auto;}
.booklist2 > li{float:left;width:calc(100% / 1);height:auto;text-align:center;margin:40px 0 0 0;}
.booklist2 > li img{width:95%;max-width:228px;border:1px solid #e0e0e0;box-shadow:2px 2px 4px #dbdbdb;}
.booklist2 > li p{width:100%;margin:15px 0 0 0;}
.booklist2::after{display:block;content:'';clear:both;}

.booklist3{width:100%;height:auto;background:url('../b2b/skin5/mm657/bookcaseline.png') repeat-y 0 0;margin:0 0 160px 0;}
.booklist3 > li{float:left;width:calc(100% / 4);height:255px;text-align:center;margin:40px 0 0 0;}
.booklist3 > li img{width:95%;max-width:128px;border:1px solid #e0e0e0;box-shadow:2px 2px 4px #dbdbdb;}
.booklist3 > li p{width:100%;margin:15px 0 0 0;}
.booklist3::after{display:block;content:'';clear:both;}

.booklist4{width:100%;height:auto;background:url('../b2b/skin5/mm657/bookcaseline.png') repeat-y 0 0;margin:0 0 160px 0;}
.booklist4 > li{float:left;width:calc(100% / 4);height:255px;text-align:center;margin:40px 0 0 0;}
.booklist4 > li img{width:95%;max-width:248px;border:1px solid #e0e0e0;box-shadow:2px 2px 4px #dbdbdb;}
.booklist4 > li p{width:100%;margin:15px 0 0 0;}
.booklist4::after{display:block;content:'';clear:both;}

.footer{width:100%;margin:100px 0 0 0;border-top:1px solid #d0d0d0;background-color:#f5f5f5;}
.footer > p{width:calc(100% - 20px);100%;max-width:1200px;height:auto;margin:0 auto;padding:40px 10px 40px 10px;color:#363636;}

.noncatalog{width:100%;margin:150px 0 200px 0;font-size:18px;text-align:center;}

@media(max-width:1099px){

h2.title2{margin:0 0 0 20px;}

.nav{width:calc(100% - 20px);padding:0 10px 0 10px;}
.tabs{width:100%;}
.tabs > li a{width:100%;font-size:12px;letter-spacing:-1px;}
/*.tabs > li{width:calc(100% / 5);}
.tabs > li a{width:100%;font-size:12px;letter-spacing:-1px;}*/

.booklist{width:calc(100% - 20px);padding:0 10px 0 10px;}
.booklist > li{width:calc(100% / 2);}
.booklist2{width:calc(100% - 20px);padding:0 10px 0 10px;}
.booklist3{width:calc(100% - 20px);padding:0 10px 0 10px;}
.booklist3 > li{width:calc(100% / 2);}
.booklist4{width:calc(100% - 20px);padding:0 10px 0 10px;}
.booklist4 > li{width:calc(100% / 2);}

.topmenu{width:100%;}
.topmenu > li{width:50%;}
.topmenu > li a{width:50%;}

footer > p{font-size:10px;}
}


/* 마우스오버 효과 */
.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:#1428a0;}
.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:3px;width:0;background:#1428a0;}
.tabs li a.mbtn:after{
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
.tabs li a.before:hover:before, .tabs li a.after:hover:after{width:100%;}