@charset "utf-8";
.main_event{margin-bottom:28px;}
.event-container{position:relative; text-align:center; overflow:hidden;}
.event-container .swiper-slide{text-align:center;}
.event-container .swiper-slide img{display:block; width:100%; margin:0 auto; max-width:750px; min-width:280px;}
.swiper-pagination_main{background:#f2f2f2; height:30px; line-height:31px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.swiper-pagination_main .swiper-pagination-bullet{width:10px; height:10px; background:#444; vertical-align:middle; margin:0 8px !important; opacity:1;}
.swiper-pagination_main .swiper-pagination-bullet-active{background:#45a6ae;}
.swiper-button-prev_main{width:29px; height:28px; position:absolute; bottom:1px; left:0; z-index:10;}
.swiper-button-next_main{width:29px; height:28px; position:absolute; bottom:1px; right:0; z-index:10;}
.swiper-button-next_main img, .swiper-button-prev_main img{display:block; width:29px;}

.new_wrap{position:relative; overflow:hidden;}
.new_wrap > h5{text-align:center; font-weight:bold; font-size:19pt; padding:3px 0 15px; color:#363636;}
.new_wrap .new-container{background:url(../../img/main/bg_new.jpg) no-repeat center 0; background-size:164px 189px; position:relative;}
.new_wrap .swiper-slide{width:220px; height:320px;}
.new_wrap .bookImg{width:120px; height:170px; background:#fff; margin:0 auto; border:1px solid #bcbcbc;}
.new_wrap .bookImg img{display:block;width:100%; height:100%; opacity:0.6;}
.new_wrap .swiper-slide-active .bookImg img{opacity:1;}
.new_wrap .info{text-align:center; padding:28px 0 0; display:none;}
.new_wrap .swiper-slide-active .info{display:block;}
.new_wrap h6{font-size:1.15em; font-weight:bold; color:#111; line-height:130%; height:41px;}
.new_wrap .del{color:#999; font-size:0.9em; text-decoration:line-through; padding:7px 0 0;}
.new_wrap .price{color:#de5324;}
.new_wrap .price strong{font-size:1.25em;}
.swiper-button-next_new{width:30px; height:110px; position:absolute; top:20%; left:0; z-index:10;}
.swiper-button-prev_new{width:30px; height:110px; position:absolute; top:20%; right:0; z-index:10;}

.mc_wrap{width:100%; height:120px; margin:-15px 0 10px; background:url(../../img/main/bg_mc.gif) repeat-x 0 center; background-size:40%; clear:both;}
.mc_wrap > div{width:320px; height:100%; margin:0 auto; background:url(../../img/main/mc_img.png) no-repeat right center; background-size:42%; position:relative;}
.mc_wrap > div img{display:block; width:180px; position:absolute; top:50%; left:0; margin-top:-16px;}

.best_wrap:after{content:''; display:block; clear:both;}
.best_wrap > h5{text-align:center; font-weight:bold; font-size:19pt; padding:0 0 15px; color:#363636;}
.best_wrap ul{border-top:1px solid #bdbdbd;}
.best_wrap ul li{width:50%;float:left; border-bottom:1px solid #bdbdbd;border-left:1px solid #bdbdbd; box-sizing:border-box;}
.best_wrap ul li:nth-child(1), .best_wrap ul li:nth-child(3){border-left:0;}
.best_wrap ul li a{display:block; width:100%; height:100%;}
.best_wrap ul li h6{text-align:center; font-size:1.10em; color:#444; font-weight:bold; padding:8px 10px 10px; height:39px; overflow:hidden;}
.best_wrap .bookImg{background:#fff; padding:15px 0 0;}
.best_wrap .bookImg img{display:block; margin:0 auto; width:90px; height:128px; border:1px solid #ddd;}
.best_wrap .bg{background:#45a6ae; color:#fff; padding:10px 0; text-align:left; font-size:13px;}
.best_wrap .writer{display:block; color:#fff; width:88%; margin:0 auto;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.best_wrap .price{display:block; color:#fff; width:88%; margin:0 auto;}
.best_wrap .price .del{text-decoration:line-through;}
.best_wrap .price p{color:#fff;}
.best_wrap .price strong{color:#f6ff96; font-size:1.385em;}

.panmun_wrap:after{content:''; display:block; clear:both;}
.panmun_wrap > h5, .panmun_wrap > div{width:50%; height:230px; padding:15px 0 5px; overflow:hidden; float:left;}
.panmun_wrap > h5{display:block; text-align:center; background:#ffe4ca url(../../img/main/pamun.png) no-repeat center; background-size:80%;}
.panmun_wrap > h5 a{display:block; width:100%; height:100%;}
.panmun_wrap > div{background:#f6f0ea; text-align:center; position:relative;}
.panmun_wrap > div:nth-child(4){background:#ffe4ca;}
.panmun_wrap > div a{display:block; width:100%; height:100%;}
.panmun_wrap a > span, .panmun_wrap a > strong{display:block;}
.panmun_wrap .bookImg{display:block; width:77px; height:110px; border:1px solid #999; margin:0 auto;}
.panmun_wrap .bookImg img{display:block; width:100%; height:100%; }
.panmun_wrap > div strong.ellipsis{display:block; font-size:1.10em; color:#444; font-weight:bold; padding:8px 10px 0; height:38px;}
.panmun_wrap .writer{width:80%; margin:0 auto; color:#999; font-size:0.9em; padding-top:8px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.panmun_wrap .del{text-decoration:line-through; color:#999; font-size:0.9em;}
.panmun_wrap .price strong{font-size:1.15em; font-weight:bold; color:#45a6ae;}

@media all and (min-width:639px){
	.mc_wrap{width:100%; height:200px; margin:40px 0; background:url(../../img/main/bg_mc.gif) repeat-x 0 center; background-size:auto;}
	.mc_wrap > div{width:620px; height:100%; margin:0 auto; background:url(../../img/main/mc_img.png) no-repeat right center; background-size:auto; position:relative;}
	.mc_wrap > div img{display:block; width:316px; position:absolute; top:50%; left:0; margin-top:-28px;}

	.panmun_wrap > h5, .panmun_wrap > div{width:50%; height:182px; padding:0; overflow:hidden; float:left;}
	.panmun_wrap > h5{background-size:200px 147px;}
	.panmun_wrap > h5 a{display:block; width:100%; height:100%;}
	.panmun_wrap > div{text-align:left;}
	.panmun_wrap .bookImg{display:block; width:100px; height:142px; position:absolute; right:18px; top:18px;}
	.panmun_wrap .bookImg img{display:block; width:100%; height:100%; }
	.panmun_wrap > div strong.ellipsis{display:block; font-size:1.15em; color:#444; font-weight:bold; margin-top:28px; padding:0 128px 0 15px; height:38px;}
	.panmun_wrap .writer{width:50%; margin:0; color:#999; font-size:0.9em; padding:8px 128px 0 15px; }
	.panmun_wrap .del{text-decoration:line-through; color:#999; font-size:0.9em; padding:0 128px 0 15px;}
	.panmun_wrap .price{padding:0 128px 0 15px;}
}
@media all and (max-width:320px){
	.new_wrap .swiper-slide{width:200px;}
	.mc_wrap > div{width:300px; background-size:40%;}
	.mc_wrap > div img{display:block; width:170px; position:absolute; top:50%; left:0; margin-top:-15px;}
}