@charset "utf-8";
/* CSS Document */

@import url('/css/noto.css');

html, body {margin:0; padding:0; height:100%; overflow-x:hidden} /* height:100% 배경이미지 height 100% 적용을 위해 필요 */

* {font-family:'Apple SD Gothic Neo','Noto Sans Light', 'Malgun Gothic', sans-serif; font-size:13px; color:#696969}

.pc {display:block !important}
.mobile {display:none !important}

.tail_wrapper {
	width:100%;
	background-color:#000;
	padding:20px;
}

.tail {
	text-align:center;
	font-size:12px;
	color:#ddd;
	line-height:24px;
}


.table_sale {width:100%; border-collapse:collapse}
.table_sale th { border-top: 2px solid #aaa; border-bottom: 1px solid #aaa; background-color:#e1e1e1; padding:10px; color:#111; font-size:16px}
.table_sale tr:nth-child(odd) { background-color: #f1f1f1}
.table_sale td { border-bottom: 1px solid #ccc; padding:5px}
.table_sale_tail { border-top: 2px solid #aaa; border-bottom: 1px solid #ccc; padding:10px; background-color:#e1e1e1; color:#111}

.table_addtopsheet {width:100%; border-collapse:collapse}
.table_addtopsheet th { border-top: 2px solid #333; border-bottom: 1px solid #aaa; background-color:#851414; padding:10px; color:#fff; font-size:14px}
.table_addtopsheet td { border-top: 1px solid #ccc; padding:10px 20px 10px 20px; text-align:left; font-weight:bold; font-size:15px; color:#900; background-color:#f7f7f7}
.table_addtopsheet tr:nth-child(odd) > td { border-top:0; background-color:#fff; padding:15px 30px 30px 30px; color:#777; font-size:14px }

.table_compare {width:100%; border-collapse:collapse}
.table_compare th { border-bottom: 2px solid #aaa; background-color:#f1f1f1; padding:10px; color:#fff; font-size:16px}
.table_compare td { border-top: 1px solid #ccc; padding:10px}
.table_compare .top { color:#900 }

.table_compare2 {width:100%; border-collapse:collapse}
.table_compare2 th { border-bottom: 2px solid #aaa; background-color:#f1f1f1; padding:10px; color:#fff; font-size:16px}
.table_compare2 td { border-top: 1px solid #ccc; padding:10px}
.table_compare2 .top { color:#900 }
.table_compare2 tr:nth-child(even) > td:first-child { background-color:#fafafa; text-align:center; font-weight:bold; color:#333}
.table_compare2 tr:nth-child(odd) > td:first-child { background-color:#f3f3f3; text-align:center; font-weight:bold; color:#333}


.youtubeWrap {
  position: absolute;
  top:-200px;
  left:50%;
  margin-left:175px;
  background-color: rgba(0,0,0,.3);
  padding:5px;
}
.youtubeWrap iframe {
  width:300px;
  height:168px;
}


@media all and (max-width: 768px) {
	
	.pc {display:none !important}
	.mobile {display:block !important}
	
	.tail_wrapper {
		width:100%;
		background-color:#000;
		padding:10px;
	}
	
	.tail {
		text-align:center;
		font-size:12px;
		color:#ddd;
		line-height:18px;
	}

	.youtubeWrap2 {
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%;
	}
	.youtubeWrap2 iframe {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	}

}