/*  리스트  */
	*{-webkit-print-color-adjust: exact; print-color-adjust: exact;background-position: center center; background-repeat: no-repeat; letter-spacing: -.8px; word-break: keep-all; background-size: contain; }
	.colorRed{color: #C93232; }
	.colorBlue{color: #0E90D0; }
	.container{width: 95%; margin: 0 auto; padding: 4% 0; }
	.container *{box-sizing: border-box; }
	.container > div{}
	.webzineTop{width: 100%; margin-bottom: 5%; position: relative; }
	.webzineTop:after{content: ''; display: block; clear: both; }
	.webzineTop > .topBox1{height: 50px; float: left; background-color: #fff; }
	.webzineTop > .topBox2{height: 50px; float: right; padding-top: 25px; background-color: #fff; }
	.webzineTop > div > h3{width: 100%; font-weight: bold; color: #707070; margin-bottom: 10px; font-size: 2.167rem; }
	.webzineTop > div > h4{width: 100%;  font-weight: bold; color: #707070; font-size: 1rem; }
	.webzineTop > div > h6{width: auto; display: inline-block; font-weight: normal; color: #707070; margin-bottom: 5px; font-size: .875rem; }
	.webzineTop > div > h6 > span{font-weight: bold; }
	.webzineTop > div > h5{width: auto; display: inline-block; font-weight: bold; color: #707070; padding-top: 10px; font-size: 1.143rem; }
	.webzineTop > form{padding-bottom: 10px; }
	.webzineTop > form input{border: 0; }
	.webzineTop > span{width: 100%; height: 1px; display: block; background-color: #707070; position: absolute; bottom: 0; z-index: -50; }
	.webzineMiddle{}
	.webzineMiddle > a{display: block; }
	.webzineMiddle > a > div{}
	.webzineMiddle > a > div > img{width: 100%; }
	.webzineMiddle > a > h4{display: none; }
	.searchBtn{color: #000;/*position: absolute;*/margin-top: 2px;margin-left: 3px;width: 12px;height: 14px;border: solid 1px currentColor;border-radius: 100%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); float: right; background-color: transparent; }
	.searchBtn > span{width: 0; height: 0; display: block; overflow: hidden; }
	.searchBtn:before {content: '';position: absolute;top: 12px;left: 5px;height: 6px;width: 1px;background-color: currentColor;}
	.webzineBox{width: 100%;}
	.webzineBox > div{border-bottom: 2px solid #333; }
	.webzineBox > div > select{border: 0; font-size: 1.2rem; margin: 0 10px; padding: 5px; }
	.webzineList{}
	.webzineList:after{content: ''; display: block; clear: both; }
	.webzineList > li{width: 48.5%; float: left; margin: 5% 0; margin-left: 3%;}
	.webzineList > li:nth-of-type(2n+1){margin-left: 0;clear: both; }
	/*.webzineList > li:nth-of-type(3n+1){clear: both; }*/
	.webzineList > li > a{width: 100%; height: 100%; display: block; }
	.webzineList > li > a > div{width: 100%; height: 0; display: block; padding-bottom: 70.7%; position: relative; margin-bottom: 10px; /*border: 1px solid #ccc; */}
	.webzineList > li > a > div > img{width: 100%; }
	.webzineList > li > a > ul{margin: 3% 0; }
	.webzineList > li > a > ul > li{font-size: 14px; }
	.webzineList > li > a > ul > li.floatRight{color: #333; font-size: 12px; }
	.webzineList > li > a > h4{font-size: 16px; font-weight: bold; color: #707070; line-height: 1.5;}


	/*  웹진중간단계(페이지)  */
	#webzinePage{max-width: 100%; width: 100%; height: auto; color: #fff; padding: 0; margin: 0; position: relative; padding-top: 50px; }
	.webzineHeader{width: 100%; border-bottom: 1px solid #99D0F2; height: 50px; background-color: #1B1B1B; position: fixed; top: 0; z-index: 1200; }
	.webzineHeader > div{width: 90%; max-width: 940px; margin: 0 auto; }
	.webzineHeader > div:after{content: ''; display: block; clear: both; }
	.webzineHeader > div > div{width: 80%; float: left; }
	.webzineHeader > div > div > h3{display: inline-block; vertical-align: middle; }
	.webzineHeader > div > div > h3 > a{font-size: 18px; display: block; font-weight: lighter; line-height: 50px; color: #fff; }
	.webzineHeader > div > div > h3 > a > span{font-size: 20px; font-weight: 500; }
	.webzineHeader > div > div > span{width: 1px; height: 15px; background-color: #fff; display: inline-block; margin: 1%; vertical-align: middle; }
	.webzineHeader > div > div > a{width: auto; display: inline-block; font-size: 20px; color: rgba(255, 255, 255, 0.5); vertical-align: middle; font-weight: 500; }
	.webzineHeader > div > div > a > img{width: 100%; }
	.webzineHeader > div > div > a > img:hover{fill: #333; }
	.webzineHeader > div > button{float: right; color: #fff; margin-top: 15px; width: 16px;height: 16px; padding: 0; border: solid 3px currentColor;border-radius: 100%;background-color: transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);float: right;}
	.webzineHeader > div > button:before{content: '';position: absolute;top: 12px;left: 4px;height: 8px;width: 3px;background-color: currentColor;}
	.webzineBody{padding: 5% 0; border-bottom: 1px solid #fff; }
	.webzineBody > div{width: 90%; max-width: 940px; margin: 0 auto; }
	.webzineBody > div > a{width: auto; height: auto; vertical-align: middle; color: #C93232; font-size: 14px; display: inline-block; margin-bottom: 2%; font-weight: 500; }
	.webzineBody > div > h4{font-size: 35px; font-weight: 500; color: #333; margin-bottom: 15%; }
	.webzineBody > div > h6{font-size: 14px; color: rgba(0, 0, 0, .5); display: inline-block; margin-left: 3%; margin-bottom: 2%; vertical-align: middle; }
	.webzineBody ul{width: 100%; }
	.webzineBody ul > li{width: 49%; margin-bottom: 10%; }
	.webzineBody ul > li:nth-of-type(2n){margin-left: 2%; }
	.webzineBody ul > li > a{width: 100%; height: 100%; display: block; }
	.webzineBody ul > li > a:hover img{transform: scale(1.143); }
	.webzineTitleBoxImg{width: 112%; height: 0; padding-bottom: 63%; background-color: #ccc; margin-bottom: 10%; margin-left: -6%; }
	.webzineTitleBoxImg > img{width: 100%; }
	.webzineBody .imgBox{width: 100%;	height: 0; padding-bottom: 61%; position: relative; background-color: #fff; overflow: hidden; }
	.webzineBody .addBorder{border: 1px solid #707070; }
	.webzineBody .imgBox > img{width: 100%; position: absolute; left: 0; top: 0; transition: all ease .6s; }
	.webzineBody .inforBox{padding-top: 8px; }
	.webzineBody .inforBox > ul{width: 100%; margin-bottom: 5%; }
	.webzineBody .inforBox > ul > li{width: auto; font-size: 14px; margin: 0; }
	.webzineBody .inforBox > p{color: #919191; font-size: 1rem; line-height: 1.4; margin-bottom: 10px; }
	.webzineBody .inforBox > h5{color: #333; margin-bottom: 10px; font-size: 20px; font-weight: bold; line-height: 30px; }
	.webzine_infore{width: 100%; position: relative; }
	.webzine_infore:after{content: ''; display: block; clear: both; }
	.webzine_infore > a{width: 22px; position: absolute; right: 0; top: -30px; padding: 1px; }
	.webzine_infore > a > img{width: 100%; }
	.webzine_infore > h6{float: left; color: #444; font-size: 1.143rem; }
	.webzine_infore > h6 > p{display: inline-block; }
	.webzine_infore > div{float: right; }
	.webzine_infore > div select{height: 28px; padding: 2px 10px; font-size: 1rem; border: 1px solid #999; background-color: transparent; color: #333; vertical-align: middle; border-radius: 0; }
	.webzine_infore > div select > option{background-color: #1b1b1b; color: #fff; font-size: 14px; }
	.webzine_infore > div input{height: 28px; background-color: #888; color: #fff; border: 0; vertical-align: middle; }
	.webzine_infore > div input:hover{background-color: #C93232; }
	.webzine_infore{margin-bottom: 5%; }
	.webzinefooter{height: 80px; background-color: #1B1B1B;}
	.webzinefooter > p{width: 98%; height: 100%; max-width: 940px; margin: 0 auto; vertical-align: middle; font-weight: 400; line-height: 80px; font-size: 14px; color: #d5d5d5; }

	.searchBox{max-width: 930px; width: 90%; position: fixed; background-color: #fff; left: 5%; top: 25px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2); display: none; z-index: 1500; }
	.searchBox h6{padding-left: 3%;height: 38px; line-height: 38px; font-size: 14px; color: #707070; border-bottom: 1px solid #707070;font-weight: 500; }
	.searchBox div{padding: 2% 3%; }
	.searchBox div > label{display: block; color: #333; font-size: 14px; margin-bottom: 10px; }
	.searchBox div > input{width: 100%; border: 1px solid #999; height: 32px; font-size: 12px; padding-left: 5px; margin-bottom: 5%; font-weight: 500; }
	.searchBox div > ul{width: 100%; }
	.searchBox div > ul > li{display: inline-block; width: auto; height: 26px; line-height: 26px; padding: 0 8px; border-radius: 30px; overflow: hidden; border: 1px solid #999; margin-right: 2%; margin-bottom: 3%; }
	.searchBox div > ul > li > button{width: 100%; height: 100%; display: block; border: 0; background-color: transparent; line-height: 26px; }
	.searchBox div > ul > li > p{width: 100%; height: 100%; font-size: 11px; color: #333; border: 0; background-color: transparent; font-weight: 500; }
	.searchBox .submitBtn{width: 100%; height: 46px; background-color: #f2f2f2; border: 0; color: #0E90D0; font-size: 12px; font-weight: 500; }
	.searchBox .submitBtn:hover{background-color: #ddd; }
	.searchBox .submitBtn > span{color: #0E90D0; height: 12px; float: none; position: absolute; margin-left: -20px; border: solid 2px currentColor; }
	.searchBox .submitBtn > span:before{left: 3px; height: 6px; top: 9px; width: 2px; }
	.searchBox .closeBtn{width: auto; height: auto; color: #d2d2d2; font-weight: 100; font-size: 34px; position: absolute; top: 0; right: 0; background-color: transparent; }

/*  디테일 페이지  */
	.webzineView *{box-sizing: border-box; }
	#viewTop{background-color: #1b1b1b; }
	.webzineView{padding-top: 50px; }
	.webzineView > .titleBox{width: 100%; max-width: 100%; height: 250px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
	.webzineView > .titleBox > div{max-width: 940px; margin: 0 auto; height: 100%; }
	.webzineView > .titleBox > div > img{display: none; }
	.webzineView > .titleBox > div > div{position: relative; }
	.webzineView > .titleBox > div > div > h4{padding-left: 7%; color: rgba(255, 255, 255, .5); font-size: 1rem; font-weight: normal; position: absolute; top: 30px; }
	.webzineView > .titleBox > div > div > div > h3{font-size: 30px; line-height: 1.4; color: #fff; text-align: center; word-break:keep-all; margin-bottom: 25px; font-weight: 500; letter-spacing: -1px; }
	.webzineView > .titleBox > div > div > div > h3 > span{display: block; }
	.webzineView > .titleBox > div > div > div > p{font-size: 16px; color: rgba(255, 255, 255, .5); text-align: center; letter-spacing: -1px; line-height: 28px; }
	.middleBox > span{margin-top: -40px;}
	#viewBody{max-width: 940px; margin: 0 auto; }
	#viewBottom{width: 100%; background-color: #FDFDFD; border-top: 1px solid #99D0F2;position: relative; }
	#viewBottom > ul{margin: 0 auto; }
	#viewBottom > ul > li{width: 100%; height: 0; padding-bottom: 32%; position: relative; vertical-align: middle; background-size: cover; }
	#viewBottom > ul > li.preBtn{background-image: url(/assets/_img/sub/community/webzine/1/nextIMG_01.png);}
	#viewBottom > ul > li.nextBtn{background-image: url(/assets/_img/sub/community/webzine/1/nextIMG_03.png);}
	#viewBottom > ul > li > a{position: absolute; width: 100%; height: 100%; display: block; color: #fff; font-size: 17px; padding: 7%; }
	#viewBottom > ul > li > a > p{display: block; color: rgba(255,255,255,.7);font-size: 13px; margin: 0 0 10px;}
	#viewBottom > ul > li > a > h6{width: 70%; line-height: 1.4; font-size: 17px; color: #fff; }
	#viewBottom > p{height: 42px; line-height: 42px; text-align: center; color: #acacac; border-top: 1px solid #595959;}
	.perforation{max-width: 940px; width: 100%; height: 80px; margin: 0 auto; }
	.perforation > span{width: 100%; height: 50%; border-bottom: 1px solid #cecece; display: block; }
	.perforation > p{height: 80px; line-height: 80px; width: 60px; background-color: #fff; margin: 0 auto; display: block; text-align: center; margin-top: -40px; color: #969696; }
	.tagBox{max-width: 940px; margin: 0 auto; padding: 0 7%; padding-bottom: 40px; }
	.tagBox > li{height: 26px; border-radius: 30px; padding: 0 10px; border: 1px solid #ddd; display: inline-block; margin: 3px 0; margin-right: 8px; }
	.tagBox > li > a{width: 100%; height: 100%; display: block; line-height: 26px; color: #5d5d5d; font-weight: 300; }
	#viewBottom .listBtn{background-color: transparent; height: 60px; width: 100%; padding-top: 16px; }
	#viewBottom .listBtn > a{width: 28px; height: 28px; display: block; margin: 0 auto; }
	#viewBottom .listBtn > a > img{width: 100%; }
.eventBanner{width: 100%; height: 200px; display: block; background-color: #F0EFD6; }
.eventBanner > .imgBox{width: 95%; max-width: 940px; height: 100%; background-size: contain; display: block; margin: 0 auto; background-image: url(/assets/_img/sub/community/webzine/1/eventBanner_m.png); background-position: center center; background-repeat: no-repeat; }
.topBtn{width: 28px; height: 28px; background-image: url(/assets/_img/sub/community/webzine/topBtn.png); background-size: contain; background-repeat: no-repeat; background-position: center center; position: fixed; left: 50%; margin-left: -14px; bottom: 20px; background-color: transparent; border: 0; padding: 0; display: none; }

@media all and (min-width: 480px){
	#viewBottom > ul > li > a > p{margin: 10% 0 10px;}
	#viewBottom > ul > li > a > h6{width: 65%; }
.eventBanner > .imgBox{background-size: auto; }
}
@media all and (max-width: 767px){
	.webzineBody ul > li:nth-of-type(2n+1){clear: both; }
}
@media all and (min-width: 768px){
	.container{width: 100%; max-width: 1080px; }
	.container:after{content: ''; display: block; clear: both; }
	.webzineTop{width: 25%;float: left; }
	.webzineTop > .topBox1{height: auto; float: none; }
	.webzineTop > .topBox2{height: auto; float: none; border-bottom: 0; }
	.webzineTop > div > h3{font-size: 55px; }
	.webzineTop > div > h4{font-size: 26px; }
	.webzineTop > div > h6{font-size: 1.143rem; margin-bottom: 10px; }
	.webzineTop > div > h5{border-top: 1px solid #707070; font-size: 27px; padding-top: 20px; }
	.webzineTop > span{display: none; }
	.webzineTop > form{border-bottom: 2px solid #333; }
	.webzineMiddle .sum_img{margin-bottom: 5px; padding-right: 7%; }
	.webzineMiddle{width: 25%; float: left;}
	.webzineMiddle > a > h4{display: block; font-size: 16px; font-weight: bold; color: #707070; }
	.webzineBox{width: 50%; float: right; }
	.webzineBox > div{width: 100%; text-align: right; border: 0; }
	.webzineList{}
	.webzineList > li{width: 46%; margin: 0 1.5%; margin-bottom: 5%; }
	/*  웹진중간단계(페이지)  */
	#webzinePage{width: 100%; }
	.webzineHeader{}
	.webzineHeader > div{width: 95%; margin: 0 auto; }
	.webzineBody{}
	.webzineBody > div{width: 100%; }
	.webzineBody > div > h4{font-size: 35px; margin-bottom: 2%; }
	.webzineBody ul{}
	.webzineBody ul > li{width: 32%; margin-left: 2%;}
	/*.webzineBody ul > li:nth-of-type(2n){margin-left: 0; }*/
	.webzineBody ul > li:nth-of-type(3n+1){margin-left: 0; clear: both; }
	.webzineBody ul > li > a{}
	.webzineBody .imgBox{}
	.webzineBody .inforBox{}
	.webzineTitleBoxImg{width: 100%; padding-bottom: 56%; margin-left: 0; }
	.webzinefooter{}
	.webzinefooter > p{width: 100%; }
	.searchBox{}
	.searchBox h6{height: 38px; font-size: 14px; color: #707070; }
	/*.searchBox div{height: 200px; }*/
	.searchBox div > label{}
	.searchBox div > input{height: 32px; margin-bottom: 10px; }
	.searchBox div > ul{width: 100%; }
	.searchBox div > ul > li{padding: 0 10px; margin-right: 8px; margin-bottom: 10px; }
	.searchBox div > ul > li > p{width: 100%; height: 100%; font-size: 14px; }
	.searchBox button{width: 100%; height: 46px; }
	.searchBox .closeBtn{}

	/*  디테일 페이지  */
	#viewTop{}
	.topBox > div:after{content: ''; display: block; clear: both; }
	.webzineView > .titleBox{height: 390px; }
	.topBox > div > div{float: left; }
	.webzineView{padding-bottom: 60px; }
	.webzineView > .titleBox > div{position: relative; }
	.webzineView > .titleBox > div > img{position: absolute; display: block; }
	.webzineView > .titleBox > div > div > h4{display: block; padding: 0; padding-left: 5%; }
	.webzineView > .titleBox > div > div > div > h3 > span{display: inline-block; margin-left: 5px; }
	#viewBottom{position: fixed; bottom: 0; z-index: 500; }
	#viewBottom > ul{height: 60px; }
	#viewBottom > ul:after{content: ''; display: block; clear: both; }
	#viewBottom > ul > li{width: auto; height: 100%; padding: 0; background-image: none !important; }
	#viewBottom > ul > li > a{width: auto; position: static; padding: 0; }
	#viewBottom > ul > li > a:after{content: ''; display: block; clear: both; }
	#viewBottom > ul > li > a > p{font-size: 12px; color: #0E90D0; font-weight: 300; margin: 0 10px; }
	#viewBottom > ul > li > a > h6{width: auto; font-size: 14px; color: #333; }
	#viewBottom > ul > li > a > *{display: inline-block; vertical-align: middle; color: #333; line-height: 60px !important; }
	#viewBottom > ul > li.preBtn{float: left; }
	#viewBottom > ul > li.nextBtn{float: right; }
	#viewBottom > ul > li.preBtn > a > p{float: left; }
	#viewBottom > ul > li.preBtn > a > h6{float: left; }
	#viewBottom > ul > li.nextBtn > a > p{float: right; }
	#viewBottom > ul > li.nextBtn > a > h6{float: right; }
	#viewBottom > p{height: 60px; line-height: 59px; }
	#viewBottom .listBtn{width: 28px; height: 28px; position: absolute; top: 16px; padding: 0; left: 50%; margin-left: -14px; }
	.perforation{height: 120px; padding: 0; }
	.tagBox{padding: 0; padding-bottom: 40px; }
	.eventBanner{width: 100%; height: 0; padding-top: 10px; padding-bottom: 25%; position: relative; }
	.eventBanner > .imgBox{width: 100%; height: 90%; background-image: url(/assets/_img/sub/community/webzine/1/eventBanner_p.png); position: absolute; background-size: contain; }
	.topBtn{/*width: 54px; height: 54px; */position: absolute; left: 50%;/* margin-left: -27px;*/ bottom: 80px; }
}
@media all and (min-width: 1080px){
	.container{padding: 160px 0; }
	.webzineHeader > div{width: 100%; }
	.webzineBody{padding-top: 30px; }
	.webzineBody ul > li{margin-bottom: 30px; }
	.webzineTitleBoxImg{margin-bottom: 80px; }
	.webzine_infore{margin-bottom: 16px; }
	.searchBox{max-width: 930px; width: 100%; left: 50%; margin-left: -465px; }
	.eventBanner{width: 100%; height: 260px; padding: 20px; }
	.eventBanner > .imgBox{height: 100%; background-image: url(/assets/_img/sub/community/webzine/1/eventBanner_p.png); position: static; }
	.webzineView > .titleBox > div > div > h4{padding: 0; }
}