@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(33.3333333333333333333% - 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: 30px; }
.img_viewer > ul { margin-top: 80px; }
.img_viewer > ul > li { float: left; width: 50%; }
.img_viewer img { width: 100%; }
.vmobile { display: none; }


.img_viewer2 { margin-top: 50px; text-align: center; }
.img_viewer2 > img {}

.img_viewer3 { border: 1px solid #e0e0e0; padding: 30px 0px; text-align: center; margin-top: 30px; }
.img_viewer3 > img { border: 1px solid #cacaca; padding: 10px 100px; }

.img_viewer4 { margin-top: 10px; }
.img_viewer4 > img {}

.pointTxt { margin-top: 10px;}
.pointTxt > li { float: left; width: 33.3333333333%; border-top: 2px solid #000; border-bottom: 1px solid #000; line-height: 138px; font-size: 27px; font-weight: 700; text-align: center; }

.vidoeUl {}
.vidoeUl > li { float: left; width: 40%; margin-top: 80px;  }
.vidoeUl > li:first-child { padding-right: 20px; }
.vidoeUl > li:last-child { padding-left: 20px; width: 60%; }
.vidoeUl > li > img { width: 100%; }
.vidoeUl > li > iframe { width: 100%; height: 363px; }
@media all and (max-width: 1250px){
	.contentsSubArea { width: 100%; margin-top: 20px; padding: 10px 20px; }
}

@media all and (max-width: 810px){
	.img_viewer4 > img { width: 100%; }
}

@media all and (max-width: 715px){
	.img_viewer3 { border: 0px solid #e0e0e0;}
	.img_viewer3 > img {  padding: 0px 0px; }

	.pointTxt > li { width: 100%; border-top: 2px solid #000; border-bottom: 0px solid #000; line-height: 75px; font-size: 22px; }
	.pointTxt > li:nth-child(2) { border-top: none; border-bottom: none;}
	.pointTxt > li:nth-child(3) { border-top: none; border-bottom: 1px solid #000;}


	.vidoeUl {}
	.vidoeUl > li { float: left; width: 100%; margin-top: 30px;  }
	.vidoeUl > li:first-child { padding-right: 0px; }
	.vidoeUl > li:last-child { padding-left: 0px; width: 100%; }
	.vidoeUl > li > img { width: 100%; }
	.vidoeUl > li > iframe { width: 100%; height: 363px; }

}

@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; }

	.img_viewer2 > img { width: 320px; }
	.img_viewer > div.title_txt { font-size: 15px; margin-top: 50px; }


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

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

	.img_viewer3 { padding: 0px 0px; margin-top: 30px; }
	.img_viewer3 > img { border: 0px solid #cacaca; padding: 0px 0px; width: 100%; }

}