@charset "utf-8";

.webzineViewWrap .viewArea section em {font-style:italic !important;}
.webzineViewWrap .viewArea section strong {font-weight:bold !important;}
.webzineViewWrap .viewArea img {height:auto !important;}


.webzineViewWrap .viewArea {float:left;padding:50px 80px;background: #ffffff;line-height: 20px;}
.webzineViewWrap .viewArea .title {font-weight: bold;margin-bottom: 15px;}
.webzineViewWrap .viewImgAll {margin-bottom: 20px;}

.webzineViewWrap section {margin-bottom:10px;}
.webzineViewWrap section.type-a .viewArea section {line-height: 26px;font-size:14px;}
.webzineViewWrap section.type-a .viewImg li.main {width:450px;height:450px;margin-right:1%;float:left;}
.webzineViewWrap section.type-a .viewImg ul.one li.main {width:750px;height:auto;}
.webzineViewWrap section.type-a .viewImg li.main img {width:100%;height:100%;} 
.webzineViewWrap section.type-a .viewImg li.sub {width:290px;height:221px;margin-bottom:1%;float:left;}
.webzineViewWrap section.type-a .viewImg li.sub img {width:100%;height: 100%;}
.webzineViewWrap section.type-a .conArea,
.webzineViewWrap section.type-b .conArea {clear:both;padding:10px 0 25px 0;font-size:14px;line-height: 28px;word-break: keep-all;}

.webzineViewWrap section.type-b .viewImg li {float:left;width:32%;margin-right:2%;margin-bottom:10px;}
.webzineViewWrap section.type-b .viewImg li.last {margin-right:0;}
.webzineViewWrap section.type-b .viewImg img {width:100%;}

.webzineViewWrap section.type-c .viewImg li {margin-right:10px;margin-bottom:10px;float:none;clear: both;}
.webzineViewWrap section.type-c .viewImg li {margin-top:20px;display: inline-block; width: 100%;}
.webzineViewWrap section.type-c .viewImg li.top {margin-top:0;}

.webzineViewWrap section.type-c .viewImg li.left .imgArea, 
.webzineViewWrap section.type-c .viewImg li.left .conArea {width: 49%;float:left;font-size:14px;line-height: 28px;}

.webzineViewWrap section.type-c .viewImg li.right .imgArea, 
.webzineViewWrap section.type-c .viewImg li.right .conArea {width: 49%;float:right;font-size:14px;line-height: 28px;}

.webzineViewWrap section.type-c .viewImg li.left .conArea {margin-left:15px;}
.webzineViewWrap section.type-c .viewImg li.right .conArea {margin-right:15px;}

.webzineViewWrap .viewHarfArea {background: #ffffff;overflow: hidden;margin-bottom: 10px;}
.webzineViewWrap .viewHarfArea .viewImg {float: left;width: 50%;}
.webzineViewWrap .viewHarfArea .viewImg img {width: 100%;}

.webzineViewWrap .viewHarfArea .harfCon {float: left;width: 50%;}
.webzineViewWrap .viewHarfArea .harfCon .titleArea {width: 100%;height:147px;}
.webzineViewWrap .viewHarfArea .harfCon .titleArea td {text-align: center;font-weight: bold;font-size: 14px;line-height: 22px;}

.webzineViewWrap .viewHarfArea .harfCon .titleArea.yellowBg td {background: #f89b1c;}
.webzineViewWrap .viewHarfArea .harfCon .titleArea.blueBg td {background: #006a84;color: #fff}

.webzineViewWrap .viewHarfArea .harfCon .conArea {padding: 25px 30px;line-height: 20px;}
.webzineViewWrap .viewHarfArea .harfCon .conArea p.title {font-weight: bold;padding-bottom: 16px;margin-bottom: 15px;background:url("/assets/images/community/bline.png") no-repeat left bottom;}

.openTxtArea { clear:both; position:relative;top:12px; }
.viewBottomArea { margin-top: 20px;}

@media only screen and (max-width: 850px) {
	.webzineViewWrap .viewArea { padding:30px;}
	
	.webzineViewWrap section.type-a .viewImg li.main,
	.webzineViewWrap section.type-a .viewImg li.sub { float:none;width:100% !important;height: auto;margin-bottom:10px;}
	.webzineViewWrap section.type-a .viewImg li img {width:100%;}
}

@media only screen and (max-width: 640px) {
	.webzineViewWrap section.type-b .viewImg li { float: none;width:100% !important;margin-right:0; }

	.webzineViewWrap section.type-c .viewImg li.left .imgArea, 
	.webzineViewWrap section.type-c .viewImg li.left .conArea, 
	.webzineViewWrap section.type-c .viewImg li.right .imgArea, 
	.webzineViewWrap section.type-c .viewImg li.right .conArea { width:100%;float:none;margin:0;}
	.webzineViewWrap section.type-c .viewImg li.left .conArea, 
	.webzineViewWrap section.type-c .viewImg li.right .conArea { margin-top:10px; }
}