@charset "utf-8";

@import "layout.css";

#wrap {
	background: url("/next/images/mypage/body_bg.gif") repeat-y 0 0;
}

#body {
	padding: 0 0 30px;
	background: url("/next/images/mypage/body_bottom_bg.gif") no-repeat 0 bottom;
}
#sidebar div.login-area {
	padding: 5px 0 0 5px;
	height: 25px;
	overflow: hidden;
	color: #fff;
	background: url("/next/images/mypage/login_area_bg.gif") no-repeat 0 0;
}
#sidebar div.login-area span {
	padding: 0 0 0 10px;
	background: url("/next/images/content/login_area_bul.gif") no-repeat 0 center;
}
#sidebar div.login-area strong {
	color: #c8f179;
}
#sidebar div.login-area img {
	vertical-align: middle;
}
#sidebar h2 {
	padding: 0 0 10px;
	background: #fff;
}
#sidebar div.category ul {
	margin: 10px 0 0 10px;
	width: 158px;
}
#sidebar div.category ul li {
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #85e8ec;
	background: url("/next/images/common/side_category_bul.gif") no-repeat 0 6px;
}
#sidebar div.category ul li.selected {
	padding: 4px 0 0 10px;
}
#sidebar div.category ul li a {
	color: #1a496b;
}
#sidebar div.category ul li ul.submenu {
	margin: 2px 0 0 -10px;
	width: 158px;
}
#sidebar div.category ul li ul.submenu li {
	padding: 4px 0 3px 10px;
	border: 0;
	background: url("/next/images/common/side_category_bul2.gif") no-repeat 0 6px;
}

div.notice-list {
	margin: 0 0 0 10px;
	padding: 0 0 20px;
	width: 652px;
}
div.notice-list h3 {
	padding: 20px 0 20px 36px;
	color: #494949;
	background: #fff url("/next/images/content/h3_category_bul.gif") no-repeat 20px center;
}
div.notice-list div.notice-list-board {
	width: 652px;
}
div.notice-list div.notice-list-board table {
	width: 100%;
	background: url("/next/images/mypage/my_archive_board_bg.gif") no-repeat 0 0;
	border-bottom: 1px solid #9ebaed;
}
div.notice-list div.notice-list-board table caption {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.notice-list div.notice-list-board table thead th {
	height: 25px;
	color: #fff;
}
div.notice-list div.notice-list-board table tbody td {
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px dotted #a1a1a1;
}
div.notice-list div.notice-list-board table tbody td.number {
	width: 50px;
}
div.notice-list div.notice-list-board table tbody td.subject {
	text-align: left;
}
div.notice-list div.notice-list-board table tbody td.date {
	width: 80px;
}
div.notice-list div.notice-list-board table tbody td.count {
	width: 50px;
}
div.notice-list div.notice-view-board {
	width: 652px;
}
div.notice-list div.notice-view-board dl {
	float: left;
	width: 652px;
	border-top: 2px solid #9ebaed;
	border-bottom: 1px solid #9ebaed;
}
div.notice-list div.notice-view-board dl dt {
	float: left;
	width: 130px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-weight: bold;
	background: #f6f6f6;
}
div.notice-list div.notice-view-board dl dd {
	float: left;
	height: 27px;
	line-height: 27px;
}
div.notice-list div.notice-view-board dl dt.subject {
	border-top: 1px solid #e2e2e2;
}
div.notice-list div.notice-view-board dl dt.content {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.notice-list div.notice-view-board dl dd.reg-date {
	width: 196px;
	text-indent: 10px;
}
div.notice-list div.notice-view-board dl dd.count {
	width: 196px;
	text-indent: 10px;
}
div.notice-list div.notice-view-board dl dd.subject {
	width: 522px;
	text-indent: 10px;
	border-top: 1px solid #e2e2e2;
}
div.notice-list div.notice-view-board dl dd.content {
	padding: 20px;
	width: 612px;
	min-height: 200px;
	height: auto;
	border-top: 1px solid #e2e2e2;
}
div.notice-list div.notice-view-board div.button {
	clear: both;
	margin: 0 0 -20px;
	padding: 20px 0 0;
	text-align: right;
}
div.notice-list div.notice-search {
	text-align: center;
}
div.notice-list div.notice-search fieldset legend {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.notice-list div.notice-search fieldset label {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	vertical-align: middle;
}
div.notice-list div.notice-search fieldset input {
	vertical-align: middle;
}
div.notice-list div.notice-search fieldset input.textbox {
	width: 188px;
	height: 18px;
	border: 1px solid #afafaf;
}

div.faq-list {
	margin: 0 0 0 10px;
	padding: 0 0 20px;
	width: 652px;
}
div.faq-list h3 {
	padding: 20px 0 20px 36px;
	color: #494949;
	background: #fff url("/next/images/content/h3_category_bul.gif") no-repeat 20px center;
}
div.faq-list ul {
	border-top: 2px solid #9ebaed;
	border-bottom: 1px solid #9ebaed;
}
div.faq-list ul li {
	padding: 8px 10px;
	border-bottom: 1px solid #e2e2e2;
}
div.faq-list ul li p.question {
	padding: 0 0 5px;
	font-weight: bold;
}
div.faq-list ul li p.question a {
	color: #224e90;
}
div.faq-list ul li p.question a:hover {
	color: #1861cf;
}
div.faq-list ul li p.question img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
div.faq-list ul li p.answer {
	padding: 0 0 0 31px;
	text-indent: -31px;
}
div.faq-list ul li p.answer img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

div.qna-form {
	margin: 0 0 0 10px;
	padding: 0 0 20px;
	width: 652px;
}
div.qna-form h3 {
	padding: 20px 0 20px 36px;
	color: #494949;
	background: #fff url("/next/images/content/h3_category_bul.gif") no-repeat 20px center;
}
div.qna-form div.question-process {
	padding: 0 0 0 5px;
}
div.qna-form div.question-process h4 {
	padding: 0 0 10px;
}
div.qna-form div.question-process ul {
	width: 652px;
}
div.qna-form div.question-process ul li {
	display: inline;
	padding: 0 0 0 35px;
	background: url("/next/images/cs/question_process_arrow.gif") no-repeat 8px center;
}
div.qna-form div.question-process ul li:first-child,
div.qna-form div.question-process ul li.first-child {
	padding: 0;
	background: none;
}
div.qna-form div.question-write {
	float: left;
	margin: 25px 0 0;
	width: 652px;
	border-top: 1px dotted #a1a1a1;
	border-bottom: 1px dotted #a1a1a1;
}
div.qna-form div.question-write p.info {
	float: left;
	padding: 14px 0 12px 20px;
	width: 500px;
	line-height: 1.5em;
}
div.qna-form div.question-write p.button {
	float: left;
	padding: 14px 0;
}
div.qna-form div.question-write p.button img {
	vertical-align: top;
}
div.qna-form div.my-board-view {
	display: inline;
	float: left;
	margin: 15px 0 0 20px;
	padding: 0 0 20px;
	width: 612px;
	background: url("/next/images/cs/my_board_view_bg.gif") no-repeat 0 40px;
}
div.qna-form div.my-board-view p.info {
	width: 380px;
	height: 40px;
}
div.qna-form div.my-board-view h4 {
	float: left;
	width: 185px;
	height: 110px;
	background: url("/next/images/cs/my_board_view_bar.gif") no-repeat 154px center;
}
div.qna-form div.my-board-view h4 img {
	margin: 45px 0 0 30px;
}
div.qna-form div.my-board-view dl {
	float: left;
	padding: 10px 0 0;
	width: 275px;
}
div.qna-form div.my-board-view dl dt {
	float: left;
	padding: 4px 0 0 6px;
	width: 60px;
	font-weight: bold;
	background: url("/next/images/cs/icon_dot.gif") no-repeat 0 9px;
}
div.qna-form div.my-board-view dl dd {
	float: left;
	padding: 0 0 5px;
	width: 209px;
}
div.qna-form div.my-board-view dl dd input {
	width: 148px;
	height: 18px;
	border: 1px solid #cdcdcd;
}
div.qna-form div.my-board-view input.registry-reply-view {
	float: left;
	margin: 35px 0 0;
}
div.qna-form p.qna-form-info {
	clear: both;
	margin: 20px 0 0;
	padding: 10px 100px 0 20px;
	line-height: 1.5em;
	border-top: 1px dotted #a1a1a1;
}
div.qna-form p.qna-form-info a {
	text-decoration: underline;
}

div.survey-list {
	margin: 0 0 0 10px;
	padding: 0 0 20px;
	width: 652px;
}
div.survey-list h3 {
	padding: 20px 0 20px 36px;
	color: #494949;
	background: #fff url("/next/images/content/h3_category_bul.gif") no-repeat 20px center;
}
div.survey-list div.survey-list-board {
	width: 652px;
}
div.survey-list div.survey-list-board p.info {
	padding: 0 0 10px;
}
div.survey-list div.survey-list-board table {
	width: 100%;
	background: url("/next/images/mypage/my_archive_board_bg.gif") no-repeat 0 0;
	border-bottom: 1px solid #9ebaed;
}
div.survey-list div.survey-list-board table caption {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.survey-list div.survey-list-board table thead th {
	height: 25px;
	color: #fff;
}
div.survey-list div.survey-list-board table tbody td {
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px dotted #a1a1a1;
}
div.survey-list div.survey-list-board table tbody td.number {
	width: 50px;
}
div.survey-list div.survey-list-board table tbody td.subject {
	text-align: left;
}
div.survey-list div.survey-list-board table tbody td.period {
	width: 170px;
}
div.survey-list div.survey-list-board table tbody td.participation {
	width: 60px;
}
div.survey-list div.survey-list-board table tbody td.stat {
	width: 54px;
}
div.survey-list div.survey-search {
	text-align: center;
}
div.survey-list div.survey-search fieldset legend {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.survey-list div.survey-search fieldset label {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	vertical-align: middle;
}
div.survey-list div.survey-search fieldset input {
	vertical-align: middle;
}
div.survey-list div.survey-search fieldset input.textbox {
	width: 188px;
	height: 18px;
	border: 1px solid #afafaf;
}
div.survey-list div.survey-list-view p.info {
	padding: 0 0 10px;
}
div.survey-list div.survey-list-view table {
	width: 652px;
	border-top: 2px solid #9ebaed;
	border-bottom: 1px solid #9ebaed;
}
div.survey-list div.survey-list-view table caption {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.survey-list div.survey-list-view table tbody tr th {
	width: 130px;
	background: #f6f6f6;
	border-bottom: 1px solid #e2e2e2;
}
div.survey-list div.survey-list-view table tbody tr td {
	padding: 5px 10px;
	border-bottom: 1px solid #e2e2e2;
}
div.survey-list div.survey-list-view table tbody tr td.subject {
	padding-left: 10px;
	font-weight: bold;
}
div.survey-list div.survey-list-view table tbody tr td.start-date,
div.survey-list div.survey-list-view table tbody tr td.end-date,
div.survey-list div.survey-list-view table tbody tr td.position,
div.survey-list div.survey-list-view table tbody tr td.participation {
	padding-left: 10px;
	width: 186px;
}

div.survey-list div.survey-list-view ul.poll-view {
	margin: 40px 0 0 10px;
	width: 635px;
}
div.survey-list div.survey-list-view ul.poll-view li.poll-list p.title {
	padding: 10px 0 5px;
	font-weight: bold;
}
div.survey-list div.survey-list-view ul.poll-view li.poll-list ul {
	padding: 5px;
	border: 1px solid #e5e5e5;
}
div.survey-list div.survey-list-view div.button-join {
	padding: 20px 0 0;
	text-align: center;
}

div.survey-list div.survey-list-view ul.poll-vote {
	margin: 40px 0 0 10px;
	width: 635px;
}
div.survey-list div.survey-list-view ul.poll-vote li.poll-list p.title {
	clear: both;
	padding: 10px 0 5px;
	font-weight: bold;
}
div.survey-list div.survey-list-view ul.poll-vote li.poll-list ul {
	float: left;
	width: 633px;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
}
div.survey-list div.survey-list-view ul.poll-vote li.poll-list ul li {
	float: left;
	padding: 5px 10px 3px;
	width: 613px;
	border-bottom: 1px solid #e5e5e5;
}
div.survey-list div.survey-list-view ul.poll-vote li.poll-list ul li span.question {
	float: left;
	width: 290px;
}
div.survey-list div.survey-list-view ul.poll-vote li.poll-list ul li span.graph {
	float: left;
	width: 180px;
}
div.survey-list div.survey-list-view ul.poll-vote li.poll-list ul li span.personnel {
	float: left;
	width: 120px;
}
div.survey-list div.survey-list-view div.button-list {
	clear: both;
	padding: 20px 0 0;
	text-align: center;
}

div.customer-survey {
	margin: 0 0 0 10px;
	padding: 0 0 20px;
	width: 652px;
}
div.customer-survey h3 {
	padding: 20px 0 20px 36px;
	color: #494949;
	background: #fff url("/next/images/content/h3_category_bul.gif") no-repeat 20px center;
}
div.customer-survey div.customer-survey-form {
	background: url("/next/images/cs/customer_survey_bg.gif") no-repeat 0 bottom;
}
div.customer-survey div.customer-survey-form p.info {
	padding: 30px 20px 20px;
	background: url("/next/images/cs/customer_survey_top.gif") no-repeat 0 0;
}
div.customer-survey div.customer-survey-form fieldset {
	margin: 0 0 0 20px;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form1 {
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form2 {
	padding: 20px 0 10px;
	width: 615px;
	border-top: 1px dotted #afaf8b;
	border-bottom: 1px dotted #afaf8b;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form3 {
	padding: 20px 0;
	width: 615px;
	border-bottom: 1px dotted #afaf8b;
}
div.customer-survey div.customer-survey-form fieldset legend {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.customer-survey div.customer-survey-form fieldset ul li {
	padding: 0 0 10px 15px;
	background: url("/next/images/common/icon_arrow2.gif") no-repeat 0 3px;
}
div.customer-survey div.customer-survey-form fieldset ul li p.title {
	padding: 0 0 5px 0;
}
div.customer-survey div.customer-survey-form fieldset ul li ul.sub li {
	background: none;
}
div.customer-survey div.customer-survey-form fieldset ul li label.question06-1,
div.customer-survey div.customer-survey-form fieldset ul li label.question06-2,
div.customer-survey div.customer-survey-form fieldset ul li label.question06-3 {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form3 p {
	clear: both;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form3 label {
	float: left;
	width: 60px;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form3 p.name input {
	padding: 2px 0 0;
	width: 100px;
	height: 16px;
	line-height: 1.2em;
	border: 1px solid #ddd;
}
div.customer-survey div.customer-survey-form fieldset.customer-survey-form3 p.phone input {
	padding: 2px 0 0;
	width: 200px;
	height: 16px;
	line-height: 1.2em;
	border: 1px solid #ddd;
}
div.customer-survey div.customer-survey-form p.button {
	padding: 20px 0;
	text-align: center;
}