
#webzineWrap{padding-top:95px;}

.webzine-top{position:fixed; left:0; top:0; right:0; background-color:#fff; border-bottom:1px solid #3c3c34; z-index:99; height:94px;}
.webzine-top .inner{margin:0 auto; max-width:1200px; position:relative;}
.webzine-top .inner:after{display:block; content:''; clear:both;}
.webzine-top .wz-title{float:left; height:94px;box-sizing:border-box; padding-left:20px;}
.webzine-top .wz-nav{float:right; height:94px; padding:30px 20px 30px 0; box-sizing:border-box;}
.webzine-top .wz-nav button{float:left; letter-spacing:-1px; height:34px; font-size:15px; color:#333; font-weight:600;}
.webzine-top .btn-wzAll{background:url(../img/webzine/btn_all.png) right 12px no-repeat; padding-right:30px;  margin-right:20px;}
.webzine-top .btn-wzList{background:url(../img/webzine/btn_select.png) right 12px no-repeat; padding-right:30px; }
.webzine-top .wz-history{float:left; height:34px; position:relative;}
.webzine-top .pastList{position:absolute; right:0; top:34px; background-color:#fff; border:1px solid #3c3c34; padding:5px 15px; white-space:nowrap; font-size:13px; display:none; z-index:99;}
.webzine-top .pastList li a{padding:10px 0; display:block;}
.webzine-top .pastList li a:hover{color:#000;}
.webzine-top .pastList li + li{border-top:1px solid #ddd;}

.wz-nav-all{position:fixed; left:0; right:0; top:94px; padding:40px 20px 30px 20px; background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #3c3c34; display:none;}
.wz-nav-all .all-inner{margin:0 auto; max-width:1200px; position:relative;}
.wz-nav-all .all-inner:after{display:block; content:''; clear:both;}
.wz-nav-all .wz-logo{float:left; width:265px;}
.wz-nav-all .nav-contents{float:left; width:calc(100% - 265px); box-sizing:border-box; position:relative; padding:0 20px; margin-bottom:30px;}
.wz-nav-all .nav-contents:before{display:block; position:absolute; left:0; top:0; bottom:20px; width:1px; content:''; background-color:#a6a6a4; }
.wz-nav-all .nav-contents ul{float:left; padding-left:45px; white-space:nowrap;}
.wz-nav-all .nav-contents ul li{margin-bottom:20px;}
.wz-nav-all .nav-contents .category{font-size:12px; margin-bottom:5px; font-weight:600;}
.wz-nav-all .nav-contents .category .en{font-weight:900;}
.wz-nav-all .nav-contents .category .div{padding:0 5px;}
.wz-nav-all .nav-contents .title{font-size:18px; font-weight:600;}
.wz-nav-all .nav-contents .title2{font-size:16px; font-weight:600; line-height:22px;}
.wz-nav-all .nav-contents .title .div{padding:0 5px;}
.wz-nav-all .all-close{text-align:right; padding-right:20px;}
.wz-nav-all .all-close button{letter-spacing:-1px; height:30px; font-size:15px; color:#333; font-weight:600; background:url(../img/webzine/btn_arr_up.png) right 10px no-repeat; padding-right:30px;}

.webzine-main{margin:0 auto; max-width:1200px; padding:30px 20px 70px;}

.wz-visual{margin-bottom:40px;}

.wz-list{margin:0 -7px 0 -8px; max-width:1230px;}
.wz-list:after{display:block; content:''; clear:both;}
.wz-list .wz-thumnail{float:left; margin:0 7px 0 8px; width:390px; min-height:310px;}
.wz-list .wz-thumnail a{display:block;}
.wz-list .wz-thumnail .photo{margin-bottom:15px;}
.wz-list .wz-thumnail .category{font-size:12px; margin-bottom:5px; font-weight:600;}
.wz-list .wz-thumnail .category .en{font-weight:900;}
.wz-list .wz-thumnail .category .div{padding:0 3px;}
.wz-list .wz-thumnail .title{font-size:20px; font-weight:600;}
.wz-list .wz-thumnail .title2{font-size:20px; font-weight:600; letter-spacing:-0.5px;}

.wz-footer{margin:0 auto; max-width:1200px; position:relative; padding:17px 0 50px; border-top:2px solid #5f5f5f;}
.wz-footer:after{display:block; content:''; clear:both;}
.wz-footer .copyright{text-align:right; font-size:14px;}

.go-top{position:fixed;bottom:140px;right:40px;  z-index:100; display:none;}
.go-top a{display:block;width:45px;height:45px;text-align:left; border:1px solid #aaaaaa; text-indent:-9999px; overflow:hidden; background:url(../img/layout/btn_top.png) 0 0 no-repeat;}


/*
.wz-footer .cover{float:left; width:230px; padding-left:40px; box-sizing:border-box; text-align:center; position:relative;}
.wz-footer .cover{border-right:1px solid #d1d1d1;}
.wz-footer .cover > div{border:1px solid #e3e3e3; padding:3px; width:116px; margin:0 auto;}
.wz-footer .cover img{width:116px;}
.wz-footer .info{float:right; width:calc(100% - 265px); text-align:left; box-sizing:border-box; font-size:12px; font-weight:600;}
.wz-footer .info .row{margin-bottom:7px;}
.wz-footer .info .row span{margin-right:10px;}
*/
.webzine-sub{margin:0 auto; max-width:1200px; padding:40px 20px 70px;}

.wz-sub-top{border-bottom:3px solid #393939; height:140px; margin-bottom:35px; position:relative;}
.wz-sub-top .category{font-size:16px; margin-bottom:10px; font-weight:600;}
.wz-sub-top .category .en{font-weight:900;}
.wz-sub-top .category .div{padding:0 10px;}
.wz-sub-top .title{font-size:42px; font-weight:900; }
.wz-sub-top .title span{font-size:42px; font-weight:500; }
.wz-sub-top .name{position:absolute; right:0; bottom:15px; font-size:16px; color:#333;}

.wz-sub-contents{ font-size:15px; line-height:1.5em;}



@media all and (max-width:1240px){
	.wz-visual{margin-bottom:30px;}
	.wz-list{margin:0 -7px 0 -8px; max-width:1230px;}
	.wz-list .wz-thumnail{width:calc(33% - 15px); min-height: 0; margin-bottom:30px;}

	.wz-footer{margin:0 20px;}
	.wz-footer .copyright{text-align:center;}

	.wz-sub-top{height:auto; padding-bottom:20px;}
	.wz-sub-top .title{font-size:32px;}
	.go-top{position:fixed;bottom:140px;right:10px;  z-index:100; display:none;}

}

@media all and (max-width:1240px){
	.wz-nav-all .wz-logo{float:left; width:200px;}
	.wz-nav-all .wz-logo img{width:180px;}
	.wz-nav-all .nav-contents{float:left; width:calc(100% - 225px); ;}
	.wz-nav-all .nav-contents ul{float:left; padding-left:20px; white-space:nowrap;}
	.go-top{position:fixed;bottom:140px;right:10px;  z-index:100; display:none;}
}

@media all and (min-width:800px) and (max-width:1230px){

	.wz-list .wz-thumnail:nth-child(3n + 1){clear:both; float:left; }

}

@media all and (max-width:800px){

#webzineWrap{padding-top:65px;}

.webzine-top{height:65px;}
.webzine-top .wz-title{height:65px;}
.webzine-top .wz-title img{height:65px;}
.webzine-top .wz-nav{padding:15px 15px 15px 0;}
.webzine-top .wz-nav button{font-size:13px;}
.webzine-top .btn-wzAll{background-size: 22px auto; padding-right:27px;  margin-right:10px;}
.webzine-top .btn-wzList{background-size: 22px auto; padding-right:27px;}

.wz-nav-all{top:65px; padding:30px 20px 10px 20px;}
.wz-nav-all .wz-logo{float:none;width:auto; margin-bottom:20px; display:none;}
.wz-nav-all .wz-logo img{width:30%; margin-left:0;}
.wz-nav-all .nav-contents{float:none; width:auto; margin-bottom:20px; padding:0;}
.wz-nav-all .nav-contents:before{display:none;}
.wz-nav-all .nav-contents ul{float:none; padding-left:0;}
.wz-nav-all .nav-contents ul li{margin-bottom:15px;}
.wz-nav-all .nav-contents .title{font-size:14px;}
.wz-nav-all .all-close{padding-right:0;}
.wz-nav-all .all-close button{background-size: 22px auto; padding-right:27px; font-size:14px;}

.wz-list .wz-thumnail{width:calc(50% - 15px); }
.wz-list .wz-thumnail:nth-child(2n + 1){clear:both; float:left; }
.wz-list .wz-thumnail .title{font-size:16px;}
.wz-list .wz-thumnail .title2{font-size:16px; letter-spacing:-0.5px;}

.wz-sub-top{height:auto;}
.wz-sub-top .category{font-size:14px;}
.wz-sub-top .category .div{padding:0 5px;}
.wz-sub-top .title{font-size:22px;}
.wz-sub-top .title span{font-size:22px;}
.wz-sub-top .name{font-size:14px;}
.go-top{position:fixed;bottom:30px;right:10px;  z-index:100; display:none;}

}

@media all and (max-width:600px){

.btn-wzAll span{display:none;}
.btn-wzAll span{display:none;}

.wz-list .wz-thumnail .title{font-size:15px;}
.wz-list .wz-thumnail .title2{font-size:15px; letter-spacing:-0.5px;}
.webzine-main{padding:20px;}

.webzine-sub{padding:30px 20px;}

.wz-nav-all{position:fixed; left:0; right:0; top:64px; padding:15px 20px 0px 20px; background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #3c3c34; display:none;}
.wz-nav-all .nav-contents{margin-bottom:5px;}
.wz-nav-all .nav-contents ul li{margin-bottom:10px;}
.wz-nav-all .nav-contents .title{font-size:13px; font-weight:600; line-height:15px;}
.wz-nav-all .nav-contents .title2{font-size:13px; font-weight:600; line-height:15px;}

.wz-sub-contents{ font-size:14px;}
.wz-sub-contents .m-txt{ font-size:18px;}


.wz-sub-top .name{position:relative; padding:10px 0 0 0; bottom:inherit; }

.wz-footer .copyright{font-size:12px;}
.go-top{position:fixed;bottom:30px;right:10px;  z-index:2; display:none;}

}