@charset "utf-8";

.contentsSubArea { width: 1250px; margin: auto; margin-top: 58px; }
.contentsSubArea > div.title_txt { font-size: 36px; word-break: keep-all; }
.contentsSubArea > div.subtitle_txt { font-size: 20px; margin-top: 30px; font-weight: 600; word-break: keep-all; }
.contentsSubArea > div.comment_txt { font-size: 16px; word-break: keep-all; margin-top: 49px; }

.pageTab { margin-bottom: 57px; }
.pageTab > li { float: left; width: calc(50% - 2px); margin: 0px 1px; }
.pageTab > li > a { display: inline-block; width: 100%; line-height: 59px; font-size: 16px; color: #fff; background: #dbdbdb; text-align: center; }
.pageTab > li > a.active { background: #23257b; }

.img_viewer { margin-top: 50px; }
.img_viewer > ul { margin-top: 80px; }
.img_viewer > ul > li { float: left; width: 50%; }
.img_viewer img { width: 100%; }
.vmobile { display: none; }
@media all and (max-width: 1250px){
	.contentsSubArea { width: 100%; margin-top: 20px; padding: 10px 20px; }
}

@media all and (max-width: 600px){
	.contentsSubArea > div.title_txt { font-size: 21px; }
	.contentsSubArea > div.subtitle_txt { font-size: 17px; margin-top: 20px; }
	.contentsSubArea > div.comment_txt { font-size: 15px; }
	.img_viewer > ul { margin-top: 50px; }
	.img_viewer > ul > li { float: left; width: 100%; margin-bottom: 5px; }

	.pageTab > li > a { line-height: 45px; font-size: 13px; }

	.vpc { display: none; }
	.vmobile { display: block; }

}