/* cs_center.css */
.cs_center_outer_box {}
.cs_discount_card_image_box {
	position: relative;
	z-index: 50;
	text-align: center;
}
.cs_discount_card_image_box:after {
	position: absolute;
	left: 0;
	top: 60%;
	z-index: 1;
	width: 100%;
	height: 200px;
	margin-top: -100px;
	background: #e0e5e9;
	content: "";
}
.cs_discount_card_image_box > img {
	position: relative;
	z-index: 50;
	max-width: 515px;
	width: 100%;
}
.cs_discount_card_text {
	display: block;
	margin: 15px 0;
	color: #1f1f1f;
	font-size: 16px;
	text-align: center;

}
.cs_discount_card_text > button {
	position: relative;
	left: 0;
	top: -3px;
	height: auto;
	padding-right: 7px;
	border: 0;
	border-radius: 0;
	cursor: pointer;
}
.cs_discount_btn_box {
	text-align: center;
}
.cs_discount_btn {
	display: inline-block;
	max-width: 320px;
	width: 100%;
	padding: 15px 0;
	background: #444;
	color: #fff;
	border-radius: 4px;
	font-size: 20px;
}
.cs_discount_benefit_box {
	margin-top: 40px;
}
.cs_discount_benefit_text {
	color: #333;
	font-size: 30px;
	text-align: center;
}
.cs_discount_benefit_text span {
	display: inline-block;
}

.cs_discount_info_box {
	margin-top: 40px;
}
.cs_discount_info_box > p {
	margin-bottom: 20px;
	color: #333;
	font-size: 20px;
}
.cs_discount_info_service_box {
}
.cs_discount_info_service_list {
	float: left;
	width: 25%;
	padding: 7px;
}
.cs_discount_info_service_inner {
	padding: 30px;
	background: #f8f8f8;
}
.cs_discount_info_service_image {
	text-align: center;
}
.cs_discount_info_service_place {
	min-height: 105px;
	margin: 30px 0;
	text-align: center;
}
.cs_discount_info_service_place > dt {
	margin-bottom: 15px;
	color: #1f1f1f;
	font-size: 18px;
}
.cs_discount_info_service_place > dd {
	color: #999;
	font-size: 14px;
}
.cs_discount_info_service_text {
	min-height: 105px;
	padding-top: 20px;
	border-top: 1px solid #d3d4d8;
	text-align: center;
}
.cs_discount_info_service_text p {
	color: #999;
	font-size: 14px;
}

.cs_discount_info_condition_list {
}
.cs_discount_info_condition_list > li {
	position: relative;
    margin-bottom: 7px;
    padding-left: 10px;
    color: #666;
    font-size: 14px;
}
.cs_discount_info_condition_list > li:before {
	position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 4px;
    background: #767676;
    content: "";
}
.cs_discount_info_condition_list > li > ul {
	margin-top: 5px;
}
.cs_discount_info_condition_list > li > ul > li {
	color: #999999;
	font-size: 13px;
}
.cs_discount_info_method {
	display: block;
	margin-top: 7px;
    color: #1f1f1f;
    font-size: 14px;
}
.cs_discount_info_method > button {
	position: relative;
    left: 0;
    top: -2px;
    height: auto;
    padding-right: 7px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

.cs_faq_outer_box {
}
.cs_table {
	table-layout: fixed;
	width: 100%;
	border-top: 2px solid #578fcb;
}
.cs_table th,
.cs_table td {
	border-bottom: 1px solid #e3e3e3;
}
.cs_table th {
	font-weight: normal;
}
.cs_table td {
}
.cs_table.faq th,
.cs_table.faq td {
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.cs_table.faq th {
	width: 100px;
	font-size: 20px;
	font-weight: normal;
}
.cs_table.faq td {
	width: auto;
	font-size: 14px;
}
.cs_table.faq .cs_faq_question {
	cursor: pointer;
}
.cs_table.faq .cs_faq_answer {
	display: none;
	background: #f4f5f7;
}
.cs_table.faq .cs_faq_answer.active {
	display: table-row;
}
.cs_table.faq .cs_faq_question th {
	color: #437fe1;
}
.cs_table.faq .cs_faq_question td {
	color: #2c3139;
}
.cs_table.faq .cs_faq_answer th {
	color: #4a4a4a;
}
.cs_table.faq .cs_faq_answer td {
	color: #2d2d2d;
}

.cs_search_box {
	position: relative;
	margin-top: 25px;
	text-align: right;
}
.cs_search_box select {
}
.cs_search_box input {
	padding-right: 51px;
}
.cs_search_box button {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.cs_table.notice {
	margin-top: 20px;
}
.cs_table.notice th,
.cs_table.notice td {
	font-size: 14px;
	padding: 20px;
	text-align: center;
}
.cs_table.notice tr.highlight {
	background: #f4f5f7;
}
.cs_table.notice thead {
}
.cs_table.notice th {
	width: 10%;
}
.cs_table.notice th.notice_header_title {
	width: auto;
}
.cs_table.notice td {
}
.cs_table.notice td.notice_title {
	width: auto;
	text-align: left;
}
.cs_table.notice td.notice_title > a {
	display: inline-block;
	cursor: pointer;
}
.cs_table.notice td.notice_title .notice_title_highlight {
	display: inline-block;
	margin-right: 7px;
	padding: 5px 10px;
	background: #5299d2;
	color: #fff;
	border-radius: 30px;
}
.cs_table.notice td {
	width: 10%;
}

.cs_table.view {
}
.cs_table.view thead {
	background: #f4f5f7
}
.cs_table.view th,
.cs_table.view td {
	color: #2c3139;
}
.cs_table.view th {
	width: 15%;
	padding: 20px;
	text-align: center;
}
.cs_table.view th.view_title {
	width: auto;
	text-align: left;
}
.cs_table.view td {
	padding: 60px;
}

.cs_table.view td.view_contents_img img {
	width:100%;
}

.cs_table.view .file {padding:15px 5px;font-size:15px;}
.cs_table.view .file span {display:inline-block;}
.cs_table.view .file .file_name01 {padding:0 10px 0;font-weight:400;}
.cs_table.view .file .file_name02 a {color:#64a3d8;}
.cs_table.view .file .file_name02 a:hover {text-decoration:underline;}

.cs_table_page_move {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
}
.cs_table_page_move > span {
	display: inline-block;
	padding: 10px;
	color: #bbb;
	font-size: 14px;
	cursor: pointer;
}
.cs_table_page_move > span:hover {
	color: #6397cf;
}
.cs_table_page_move .page_first {
}
.cs_table_page_move .page_prev {
	border: 1px solid #578fcb;
    border-radius: 50%;
    padding: 10px 13px;
}
.cs_table_page_move .page_current {
	color: #6397cf;
}
.cs_table_page_move .page_number {
}
.cs_table_page_move .page_next {
	border: 1px solid #578fcb;
    border-radius: 50%;
    padding: 10px 13px;
}
.cs_table_page_move .page_last {
}

.cs_view_back_btn_box {
	margin-top: 40px;
	text-align: center;
}
.cs_view_back_btn {
	display: inline-block;
	max-width: 140px;
	width: 100%;
	padding: 11px 0;
	background: #444;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
}

/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.privacy_container {padding:22px 15px;font-size:14px;font-weight:300;border:1px solid #d7d7d7;}
.privacy_container .privacy_article {padding:8px 0;font-size:14px;}
.privacy_container .privacy_link_list {padding:8px 0;}
.privacy_container .privacy_link_list>li {padding:5px 0;}
.privacy_container .privacy_link_list>li a {color:#036fb5;}
.privacy_container .privacy_link_list>li a:hover {text-decoration:underline;}
.privacy_container .privacy_ar_title {font-size:16px;font-weight:400;}
.privacy_container .privacy_small_list {padding:5px 5px;}
.privacy_container .privacy_small_list li {padding:4px 0;}
.privacy_container .privacy_tb {margin:5px 0;font-size:13px;}
.privacy_container .privacy_tb th {padding:7px 5px;background:#e8f0f3;}
.privacy_container .privacy_tb td {padding:7px 5px;}
.privacy_container strong {font-weight:400;}

@media only screen and (max-width: 1200px) {
	.cs_discount_benefit_box {
		max-width: 768px;
	}
	.cs_discount_info_box {
		max-width: 768px;
	}
	.cs_discount_info_service_box {
		max-width: 768px;
	}
	.cs_discount_info_service_box > li {
		width: 50%;
	}
}

@media only screen and (max-width: 1200px) {
	.cs_table th,
	.cs_table td {
		font-size: 12px;
	}

	.cs_table.view th {
		width: 15%;
	}
}

@media only screen and (max-width: 768px) {
	.cs_discount_card_text {
		font-size: 14px;
	}
	.cs_discount_card_text > button {
		top: -2px;
	}
	.cs_discount_btn {
		font-size: 16px;
	}
	.cs_discount_benefit_text {
		font-size: 18px;
	}
	.cs_discount_info_service_box {
		max-width: 460px;
		margin: 0 auto;
	}
	.cs_discount_info_service_box > li {
		width: 100%;
	}
	.cs_discount_info_condition_list > li {
		font-size: 12px;
	}
	.cs_discount_info_condition_list > li > ul > li {
		font-size: 11px;
	}
	.cs_discount_info_method {
		font-size: 12px;
	}

	.cs_table.faq th,
	.cs_table.faq td {
		padding: 20px 10px;
	}
	.cs_table.faq th {
		width: 50px;
		font-size: 16px;
	}
	.cs_table.faq td {
		font-size: 12px;
	}
	
	.cs_table.notice thead {
		display: none;
	}
	.cs_table.notice td {
		display: none;
	}
	.cs_table.notice td.notice_title {
		display: block;
		position: relative;
		width: 100%;
		padding: 15px 10px;
		padding-right: 83px;
		font-size: 12px;
	}
	.cs_table.notice td.notice_title:after {
		position: absolute;
		right: 15px;
		top: 15px;
		content: attr(data-date);
	}

	.cs_table.view th {
		display: none;
	}
	.cs_table.view th.view_title {
		display: block;
		position: relative;
		width: 100%;
	}
	.cs_table.view th.view_title:after {
		display: block;
		text-align: right;
		content: attr(data-date);
	}
	.cs_table.view td {
		padding: 20px;
	}
}