@charset "utf-8";

header {
	margin-bottom: 58px;
}

.contents {
	width: 860px;
	margin: 0 auto 15px auto;
	padding-bottom: 106px;
	padding-top: 20px;
	background: url(../../img/common/dot_line.gif) no-repeat bottom;
}

.contents h2 {
	width: 860px;
	height: 77px;
	padding-bottom: 38px;
	margin-bottom: 42px;
	background: url(../../img/common/dot_line.gif) no-repeat bottom;
	text-align: left;
}

.contents .inner {
	width: 697px;
	margin: 0 auto;
	text-align: left;
}

.img1 {
	margin-bottom: 80px;
}

.text {
	font-size: 20px;
	line-height: 1.8;
}

.pager {
	width: 697px;
	overflow: hidden;
}

/* q1 */
#q1 .img1 {
	margin: 0 0 0 95px;
}

#q1 .ans {
	margin: -65px 0 30px 0;
}

/* q2 */
.contents#q2 h2 {
	margin-bottom: 36px;
}

#q2 .img1 {
	margin-bottom: 55px;
}

/* q3 */
#q3 .img1 {
	width: 708px;
	height: 537px;
	position: relative;
}

#q3 .img1 .img1_2 {
	position: absolute;
	top: 83px;
	left: 16px;
}

#q3 .img1 .img1_3 {
	position: absolute;
	top: 96px;
	left: 255px;
}

#q3 .img1 .img1_4 {
	position: absolute;
	top: 82px;
	left: 507px;
}

/* q4 */
#q4 h2 {
	margin-bottom: 50px;
}

#q4 .img1 {
	margin-bottom: 54px;
}

#q4 .answer {
	width: 670px;
	background: url(../../img/q4/img2.gif) no-repeat right top;
}

#q4 .links li a {
	color: #e03965;
	font-size: 20px;
	padding-left: 22px;
	line-height:1.8;
	background: url(../../img/q4/arw.gif) no-repeat left center;
	text-decoration: none;
}

#q4 .links li a:link,
#q4 .links li a:visited {
	text-decoration: none;
}

#q4 .links li a:hover {
	text-decoration: underline;
	color: #e03965;
}

#q4 .answer .text {
	width: 335px;
}

#q4 .list {
	margin-left: 37px;
}

#q4 .list li {
	margin-bottom: 18px;
	line-height: 1;
}

/* q5 */
#q5 h2 {
	margin-bottom: 55px;
}

#q5 .checkList {
	width: 698px;
	text-align: left;
	position: relative;
	margin: 0 auto 30px auto;
}

#q5 .checkList ul {
	background: url(../../img/q5/dot_line.gif) no-repeat bottom;
	padding-bottom: 6px;
}

#q5  .checkList li {
	width: 698px;
	overflow: hidden;
	position: relative;
	height: 67px;
	background: url(../../img/q5/dot_line.gif) no-repeat;
}

#q5  .checkList li .left {
	width: 290px;
	position: relative;
}

#q5  .checkList li .right {
	width: 408px;
	position: relative;
}

#q5 .checkList li .box {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 14px;
	left: 10px;
	background: url(../../img/q5/box.gif) no-repeat;
	cursor: pointer;
	z-index: 10;
}

#q5  .checkList li .right .box {
	left: -4px;
}

#q5 .checkList li .box img {
	position: absolute;
	top: -9px;
	left: 8px;
	display: none;
	z-index: 10;
}

#q5 .checkList li p {
	position: absolute;
	top: 24px;
	left: 71px;
}

#q5  .checkList li .right p {
	left: 57px;
}

#q5 .checkList li.h p {
	top: 18px;
}

#q5 .click1 {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
}

#q5 .click2 {
	position: absolute;
	top: 358px;
	left: 0;
	z-index: 0;
}

#q5 .img2 {
	position: absolute;
	top: -48px;
	right: 0px;
}

#q5 .img3 {
	position: absolute;
	top: 292px;
	right: 0px;
}

#q5 #fin {
	display: none;
}

.finTop {
	width: 798px;
	padding-top: 37px;
	background: url(../../img/common/thickbox_bg_top.png) no-repeat;
	position: relative;
}

.finBottom {
	padding-bottom: 54px;
	background: url(../../img/common/thickbox_bg_bottom.png) no-repeat bottom;
}

.finMiddle {
	width: 697px;
	padding: 0 50px 0 51px;
	background: url(../../img/common/thickbox_bg_middle.png) repeat-y;
}

.finTop .closeBtn {
	position: absolute;
	bottom: -25px;
	right: 20px;
	cursor: pointer;
}

.finMiddle .inner {
	width: 617px;
	margin: 0 auto;
	padding: 20px 0 5px 0;
}