.content video { width: 100%; }
.usm-imp { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }

/* 모바일 및 테블릿 */
@media all and (max-width:1023px){

#tch-template.template01_a1 { width: 96%; padding: 2%; clear: both; float: left; }
#tch-template.template01_a1 .photo { float: left; width: 28%; }
#tch-template.template01_a1 .photo img { width: 100%; border-radius: 10px; }
#tch-template.template01_a1 .photo .imatxt { clear: both; margin: 4px 0 0 0; text-align: center; font-size: 16px; font-weight: bold; }
#tch-template.template01_a1 .contentWrap { float: right; width: 70%; padding: 0 1%; }
#tch-template.template01_a1 .contentWrap .title { border-bottom: 2px dashed #bbb; padding: 2% 0; font-weight: bold; }
#tch-template.template01_a1 .contentWrap .content { margin: 20px 0 0 0; }

#tch-template.template01_a2 { width: 96%; padding: 2%; clear: both; float: left; }
#tch-template.template01_a2 .photo { float: left; width: 28%; }
#tch-template.template01_a2 .photo img { width: 100%; border-radius: 10px; }
#tch-template.template01_a2 .photo .imatxt { display: none; }
#tch-template.template01_a2 .contentWrap { float: right; width: 70%; padding: 0 1%; }
#tch-template.template01_a2 .contentWrap .title { border-bottom: 2px dashed #bbb; padding: 2% 0; font-weight: bold; }
#tch-template.template01_a2 .contentWrap .content { margin: 20px 0 0 0; }

#tch-template.template01_a3 { width: 100%; clear: both; float: left; margin: 0 0 10px 0; }
#tch-template.template01_a3 .photo { display: none; }
#tch-template.template01_a3 .contentWrap { clear: both; float: left; width: 98%; padding: 0 1%; }
#tch-template.template01_a3 .contentWrap .title { background-color: #d7d7d7; border-radius: 15px 15px 0 0 ; padding: 2%; font-weight: bold; background-image:linear-gradient(#4fa6e3, #146399); color: #fff; font-size: 16px; }
#tch-template.template01_a3 .contentWrap .content { margin: 0; border-left: 2px solid #146399; border-right: 2px solid #146399; border-bottom: 2px solid #146399; border-radius: 0 0 15px 15px; padding: 2%; }

#tch-template.template01_a4 { width: 100%; clear: both; float: left; margin: 0 0 10px 0; }
#tch-template.template01_a4 .photo { display: none; }
#tch-template.template01_a4 .contentWrap { clear: both; float: left; width: 98%; padding: 0 1%; }
#tch-template.template01_a4 .contentWrap .title { background-color: #d7d7d7; border-radius: 15px 15px 0 0 ; padding: 2%; font-weight: bold; background-image:linear-gradient(#4fa6e3, #146399); color: #fff; font-size: 16px; }
#tch-template.template01_a4 .contentWrap .content { margin: 0; border-left: 2px solid #146399; border-right: 2px solid #146399; border-bottom: 2px solid #146399; border-radius: 0 0 15px 15px; padding: 2%; }

}

/* PC용 CSS */
@media all and (min-width:1024px){

	.usm-btn-wrap { display: block; }
	
	/* 학교장 인사말 */
	#tch-template.template01_a1 { width: 100%; min-height: 650px; clear: both; float: left; position: relative; margin: 0 0 5px 0; background:url('../images/tem_a1_bg.jpg') no-repeat; }
	#tch-template.template01_a1 .photo { float: left; width: 215px; height: 307px; padding: 83px 0 0 28px; background:url('../images/tem_a1_photo_bg.png') no-repeat; position: relative; }
	#tch-template.template01_a1 .photo .image { width: 187px; height: 240px; }
	#tch-template.template01_a1 .photo .imatxt { width: 187px; clear: both; margin: 4px 0 0 0; text-align: center; font-size: 16px; font-weight: bold; }
	#tch-template.template01_a1 .photo img { width: 187px; height: 240px; }
	#tch-template.template01_a1 .photo .usm-btn.usm-me label { position: absolute; top: 83px; left: 27px; }
	#tch-template.template01_a1 .photo .delBtn { position: absolute; top: 83px; right: 28px; border: 1px solid #c5c5c5; background-color: #fff; font-size: 1em; margin-left: 1px; color: red; padding: 1px 5px 3px 5px; font-weight: bold; }
	#tch-template.template01_a1 .photo div.fileWrap { width: 187px; margin: 0; padding: 0; }
	#tch-template.template01_a1 .photo div.fileWrap input { width: 183px; height: 25px; margin: 0; padding: 0; }
	#tch-template.template01_a1 .contentWrap { float: left; width: 627px; margin: 0 0 0 30px; }
	#tch-template.template01_a1 .title { float: left; clear: both; width: 627px; height: 220px; background:url('../images/tem_a1_title_bg.png') no-repeat; }
	#tch-template.template01_a1 .title textarea { width: 400px; height: 45px; margin: 40px 0 0 20px; }
	#tch-template.template01_a1 .title span { display: block; margin: 40px 0 0 20px; width: 400px; min-height: 100px; font-size: 20px; font-weight: bold; }
	#tch-template.template01_a1 .content { clear: both; float: left; width: 100%; line-height:150%; padding: 10px 0 0 0; }
	
	#tch-template.template01_a2 { width: 100%; clear: both; float: left; position: relative; margin: 0 0 20px 0; }
	#tch-template.template01_a2 .photoWrap { background:url('../images/tem_a2_bg.jpg') no-repeat; position: relative; width: 900px; height: 330px; }
	#tch-template.template01_a2 .photo { float: left; width: 187px; height: 240px; padding: 33px 0 0 40px; position: relative; }
	#tch-template.template01_a2 .photo .image { width: 187px; height: 240px; }
	#tch-template.template01_a2 .photo img { width: 187px; height: 240px; }
	#tch-template.template01_a2 .photo .usm-btn.usm-me label { position: absolute; top: 33px; left: 39px; }
	#tch-template.template01_a2 .photo .delBtn { position: absolute; top: 33px; right: 0px; border: 1px solid #c5c5c5; background-color: #fff; font-size: 1em; margin-left: 1px; color: red; padding: 1px 5px 3px 5px; font-weight: bold; }
	#tch-template.template01_a2 .photo div.fileWrap { width: 187px; margin: -46px 0 0 0; padding: 0; }
	#tch-template.template01_a2 .photo div.fileWrap input { width: 183px; height: 25px; margin: 0; padding: 0; }
	#tch-template.template01_a2 .contentWrap { clear: both; width: 100%; }
	#tch-template.template01_a2 .title { clear: both; position: absolute; top: 20px; left: 250px; }
	#tch-template.template01_a2 .title textarea { width: 400px; height: 100px; margin: 40px 0 0 20px; }
	#tch-template.template01_a2 .title span { display: block; margin: 40px 0 0 20px; width: 400px; min-height: 100px; font-size: 20px; font-weight: bold; }
	#tch-template.template01_a2 .content { clear: both; float: left; width: 100%; line-height:150%; padding: 10px 0 0 0; }
	
	#tch-template.template01_a3 { width: 100%; margin:0 auto; }
	#tch-template.template01_a3 .photoWrap { display: none; }
	#tch-template.template01_a3 .contentWrap { clear: both; }
	#tch-template.template01_a3 .title { background:url('../images/tem_a3_top_bg.jpg') no-repeat; width: 900px; height: 160px; }
	#tch-template.template01_a3 .title textarea { width: 250px; height: 100px; margin: 15px 0 0 40px; }
	#tch-template.template01_a3 .title span { display: table-cell; padding: 0 0 0 40px; width: 260px; height: 140px; font-size: 20px; font-weight: bold; color: #fff; overflow: hidden; vertical-align: middle; }
	#tch-template.template01_a3 .content { width: 100%; line-height:150%; padding: 10px 0 0 0; margin: 20px 0; }
	
	#tch-template.template01_a4 { width: 100%; margin:0 auto; }
	#tch-template.template01_a4 .photoWrap { display: none; }
	#tch-template.template01_a4 .contentWrap { clear: both; }
	#tch-template.template01_a4 .title { background:url('../images/tem_a4_top_line.jpg') center top no-repeat; width: 900px; min-height: 20px; padding: 20px 0 0 0; text-align: center; }
	#tch-template.template01_a4 .title textarea { width: 295px; min-height: 20px; }
	#tch-template.template01_a4 .title span { display: block; width: 900px; min-height: 20px; font-size: 20px; font-weight: bold; margin: 0 auto 20px auto; }
	#tch-template.template01_a4 .temimg { background:url('../images/tem_a4_top_img.jpg') no-repeat; width: 900px; height: 210px; }
	#tch-template.template01_a4 .content { width: 100%; line-height:150%; margin: 30px 0 20px 0; }

}