body { background:#fff; padding:0; margin:0; color:black; }
.wrap { width:100%; max-width:800px; margin:0 auto; background:#fff; padding-bottom:100px; word-break:keep-all !important; }

.container-head { }
.container-head div.logo { margin:0; padding:10px; background:#f9f9f9; }
.container-head h2 { font-size:20px; background:#E61C62; color:#fff; font-weight:500; margin:0; padding:20px; line-height:160%; }
.container-head h3 { font-size:20px; font-weight:500; margin:0; padding:20px; }

.container-main { margin-top:30px; padding:0 20px; }
.container-main .gift { padding-bottom:20px; text-align:center; }
.container-main .gift img { width:90%; margin:0 auto; }
.container-main .title { font-size:15px; font-weight:700; margin-bottom:20px; line-height:160%; }
.container-main .title span { font-size:14px; }
.container-main .txtbox { border:1px solid #ddd; padding:20px; line-height:160%; }
.container-main .desc { padding:15px 0; }
.container-main .quebox { padding-top:10px; border-top:1px solid #ddd; }
.container-main .ansbox { padding:10px 0 20px 20px; font-size:15px; }
.container-main .qt { line-height:140%; font-size:15px; }

.container-foot { margin-top:30px; padding-top:30px; border-top:1px solid #ddd; }

.ctable { width:100%; border:1px solid #000; }
.ctable th, .ctable td { border:1px solid #000; font-size:13px; padding:5px 0; text-align:center; }
.ctable tr:first-child td { border-top:2px solid #000; }
.ctable th { font-weight:700; background:#f9f9f9; font-size:12px; }
.ctable td label { height:15px; margin-right:0; padding-left:20px !important; }
.ctable td.left { text-align:left; padding:5px; height:60px; }

.ansbox .m_title { margin-left:-20px; font-size:15px; padding:5px; line-height:160%; font-weight:700; background:#f9f9f9; }
.ansbox .m_ul { list-style:none; padding:0; margin:0; padding-bottom:20px; }
.ansbox .m_ul li { margin-top:10px; }
.ansbox .inner { padding-bottom:20px; }

.sub-hide { margin-top:20px; }
.sub-hide textarea { width:100%; }

.ed { border:1px solid #ccc; font-size:16px; }
.edp { padding:3px; }
.edw { width:calc(80% - 80px); }

.checks { position:relative; }

.checks label { font-size:15px; font-weight:500; margin-right:20px; }

.checks input { background:#fff; }
.checks input:disabled { background:#f2f2f2; }

.checks input[type="checkbox"], .checks input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0 
} 

.checks input[type="checkbox"] + label, .checks input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 26px; /* 글자와 박스 사이의 간격을 변경 */ 
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 

.checks input[type="checkbox"] + label:before, .checks input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 1px; /* 이 값을 변경해서 글자와의 정렬 */ 
	width: 19px; /* 박스의 너비를 지정 */ 
	height: 19px; /* 박스의 높이를 지정 */ 
	line-height: 19px; /* 세로정렬을 위해 높이값과 일치 */ 
	text-align: center; 
	background: #fff; 
	border: 1px solid #b0b0b0; 
	border-radius : 3px; 
} 

.checks input[type="radio"] + label:before { 
	border-radius: 100%;
}

.checks input[type="checkbox"]:checked + label:before { 
	/* 박스를 체크했을때 */ 
	content: '\2714'; /* 표시 유니코드 사용 */ 
	color: #667077; 
	background: #fff; 
	border-color: #b0b0b0; 
}

.checks input[type="radio"]:checked + label:before { 
	background: #fff; border-color: #b0b0b0; 
} 

.checks input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 6px; 
	left: 5px; 
	width: 9px; 
	height: 9px; 
	background: #667077; 
	border-radius: 100%; 
}

.no-transition {
    transition: none !important;
}

.glyphicon { top:2px !important; color:#bbb; }