@charset "utf-8";

.card_mobile_message {
	background: #efefef;
	font-size: 14px;
	text-align: center;
	color: #666;
	padding: 40px 0 0;
}


/*일반신청*/

.tab_contgroup.hide {
	display: none;
}


.card_tab>ul {
	overflow: hidden;
	margin: 30px 15px 20px 15px;
}

.card_tab>ul li {
	width: calc((100% - 10px) / 2);
	height: 74px;
	float: left;
	text-align: center;
	display: table;
}

.card_tab>ul li a {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3em;
	text-decoration: none;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	display: table-cell;
	vertical-align: middle;
}

.card_tab>ul li a span {
	font-size: 14px;
	display: block;
	font-weight: 500;
}

.card_tab>ul li:nth-child(1) {
	background: url("../../images/mobilehome/card/bg_tab01.png") no-repeat 0 0;
	background-size: 100% 100%;
}

.card_tab>ul li:nth-child(2) {
	margin-left: 10px;
	background: url("../../images/mobilehome/card/bg_tab02.png") no-repeat 0 0;
	background-size: 100% 100%;
}

.card_tab>ul li:nth-child(2) a {
	color: #3a94a2;
}

/* 2020-10-12 수정 : S */
.card_tab_2 {
	margin: 0 15px 30px 15px;
}

.card_tab_2 .func_tab li {
	position: relative;
	width: 100%;
	float: left;
}

.card_tab_2 .func_tab li+li {
	margin-top: 20px;
}

.card_tab_2 .func_tab li>img {
	width: 100%;
}

.card_tab_2 .func_tab li>a {
	display: block;
	height: 50px;
	position: absolute;
	top: 78.40909%;
	left: 5.90909%;
	right: 5.90909%;
	background-color: #405347;
	color: #fff;
	font-family: 'Happiness-Sans';
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
}

.card_tab_2 .func_tab li+li>a {
	background-color: #fff;
	color: #405347;
	border: 1px solid #405347;
	box-sizing: border-box;
}

.card_tab_2 .func_tab {
	overflow: hidden;
}

/* 2021-08-25 수정 */
.card_tab_2 .func_tab li>.card_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	position: absolute;
	top: 78.40909%;
	left: 5.90909%;
	right: 5.90909%;

}

.card_tab_2 .func_tab li>.card_btn a {
	width: 100%;
	background-color: #405347;
	color: #fff;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
}

.card_tab_2 .func_tab li>.card_btn a span.select:after {
	transform: rotate(0deg) !important;
}

/* 2021-08-25 수정 */

.card_tab_2 .func_tab {
	overflow: hidden;
}

.card_tab_2 .func_tab li.normal_text {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
}

.card_tab_2 .func_tab li.normal_text p {
	font-size: 19px;
	color: #000;
}

.card_tab_2 .func_tab li.normal_text span {
	display: block;
	width: 100%;
	margin-top: 5px;
}

/* 2020-10-12 수정 : E */

.area_cardimg .tit {
	font-weight: 700;
	font-size: 18px;
}

.area_cardimg .desc {
	font-weight: 500;
}

.cardbox_wrap {
	overflow: hidden;
	margin: 0 10px;
}

.cardbox_by2 {
	width: calc((100% / 2) - 20px);
	float: left;
	margin: 35px 10px;
}

.cardbox_by2 .tit {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
}

.cardbox_by2 .img_card {
	width: 100%;
}

.detail_content {
	text-align: center;
	padding-bottom: 50px;
}

.detail_more {
	width: 32px;
	display: inline-block;
	padding: 30px 0 10px 0;
}

.card_detail {
	padding: 50px 50px 0 50px;
}

.card_detail .tit {
	font-size: 23px;
	margin-bottom: 20px;
	line-height: 1.3;
}

.card_detail img {}

.card_mobile_app {
	text-align: center;
	padding-top: 50px;
	min-height: 400px;
	background: #faedf6;
}

.card_mobile_tit {
	font-size: 21px;
	line-height: 1.5;
	padding-top: 20px;
	color: #333;
	font-weight: 700;
	position: relative;
}

.card_mobile_tit:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 2px;
	background: #48665a;
	display: inline-block;
}

.card_mobile_desc {
	font-size: 14px;
	color: #666;
	display: inline-block;
	padding-top: 20px;
}

.card_mobile_img {
	text-align: center;
	margin-top: -240px;
	padding-bottom: 50px;
}

.card_mobile_img img {
	width: 45%;
}


/*landing*/
.card_reg_tit {
	margin: 54.5px 0 19.5px;
	font-family: 'Happiness-Sans-Title';/* 2022-03-04 수정 */
	font-size: 19px;
	color: #000;
}

/* 2020-10-12 추가 : S */
.card_reg_tit.first {
	margin: 23.5px 0 19.5px;
}

/* 2020-10-12 추가 : E */

/* 2020-07-29 변경 : S */
.card_benefit2 {
	width: 100%;
	/* 2020-10-12 수정 */
	border: 1px solid #ebebeb;
}

/* 2021-04-29 수정 : S */
.card_benefit2 ul {
	position: relative;
	font-size: 0;
}

.card_benefit2 ul::after {
	display: block;
	content: "";
	clear: both;
}

.card_benefit2 ul li {
	float: left;
	width: 50%;
	border: 1px solid #ebebeb;
	margin: -1px;
	color: #515252;
	font-size: 13px;
	font-weight: 700;
	position: relative;
	text-align: center;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
}

/* 2021-04-29 수정 : S */

/* 2021-03-31 수정 : S */
.card_app_download {
	width: 100%;
	/* width:calc(100% - 30px); */
	/* margin: 0px 15px 0 15px; */
	/* border: 1px solid #ebebeb;
	padding: 6.81818181818% 5.68181818182%; */
	box-sizing: border-box;
	text-align: center;
}

.card_app_download .image {
	/* flex: none; */
	/* width: 30.90909090909%;
	margin: 0 auto 15.5px; */
}

.card_app_download .box {
	display: block;
	/* flex-direction: column;
	justify-content: center;
	flex: 1;
	margin-left: 6.81818181818%; */
}

.card_app_download strong {
	display: block;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 16px;
	color: #666;
	/* line-height: 1.2173; */
	margin-bottom: 29.5px;
}

.card_app_download a {
	display: block;
	/* padding: 15px 0; */
	/* margin-top: 7px; */
	/* border-radius: 4px; */
	/* font-family: 'Hyundai_B1012'; */
	/* font-size: 15px; */
	/* color: #fff; */
	/* background-color: #234635; */
	text-align: center;
}

.card_app_download a {
	margin-top: 12.5px;
}

/* 2021-03-31 수정 : E */

.card_app_download a:after {
	content: none;
	display: inline-block;
	width: 16px;
	height: 15px;
	margin-top: -2px;
	margin-left: 7px;
	background: url(http://www.ehyundai.com/images/mobilehome/card/card_icon_download.png) 0 0/100% 100% no-repeat;
	vertical-align: top;
}

/* 2020-10-12 수정 : E */


.card_benefit {
	width: 100%;
	/* 2020-10-12 수정 */
	border: 1px solid #e0e0e0;
	/* 2020-10-12 수정 */
	box-sizing: border-box;
	padding: 5% 0;
	/* 2020-08-04 변경 */
}

.card_benefit>ul {
	overflow: hidden;
}

.card_benefit>ul+ul {
	margin-top: 8.63636363636%;
}

.card_benefit>ul>li {
	display: inline-block;
	width: 33%;
	float: left;
	color: #515252;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	text-align: center;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
}

.card_benefit>ul>li div {
	position: relative;
	padding-top: 54.79452054795%;
	text-align: center;
}

.card_benefit>ul>li img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.card_benefit>ul>li strong {
	font-size: 13px;
	color: #333;
	line-height: 1.2222;
}

.card_benefit>ul ul li {
	font-size: 13px;
	color: #666;
	line-height: 1.2222;
}

/* 2020-07-29 변경 : E */

/* 2020-10-12 추가 : S */
.card_reservation {
	padding: 30px 5.90909%;
	margin: 54.5px 0 23.5px;
	background: #eef7f3;
	text-align: center;
}

.card_reservation .card_reg_tit {
	margin: 0 auto 15.5px;
}

.card_reservation a {
	display: block;
	height: 50px;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-weight: 700;
	font-size: 17px;
	line-height: 50px;
	background: #234635;
	color: #fff;
}

/* 2020-10-12 추가 : E */

/* 2020-07-29 추가 : S */
.card_link2 {
	display: flex;
	margin: 0 15px;
	/* 2020-08-04 변경 */
}

.card_link2 a {
	flex: 1;
	height: 48px;
	background-color: #333;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 15px;
	color: #fff;
	line-height: 48px;
	text-align: center;
}

.card_link2 .green {
	background-color: #234635;
}

.card_link2 a+a {
	margin-left: 1px;
}

.card_link2 span {
	display: inline;
	font-size: 10px;
	color: #999;
	margin-left: 4px;
	transform: scale(.8);
	transform-origin: 50% 50%;
}

/* 2020-07-29 추가 : E */

.card_link {
	overflow: hidden;
	width: calc(100% - 30px);
	margin: 20px 15px 10px 15px;
}

.card_link:after {
	content: "";
	display: block;
	clear: both;
}

.link_box {
	width: 100%;
	height: 65px;
	display: inline-block;
	text-align: center;
	margin-bottom: 15px;
	display: table;
}

.link_box a {
	display: table-cell;
	vertical-align: middle;
}

.link_box.link_box_type1 {
	background: url("http://www.ehyundai.com/images/mobilehome/card/bg_box01.png");
	background-size: 100% 100%;
}

.link_box.link_box_type2 {
	background: url("http://www.ehyundai.com/images/mobilehome/card/bg_box02.png");
	background-size: 100% 100%;
}

.link_box.link_box_type1_mobile {
	background: url("http://www.ehyundai.com/images/mobilehome/card/pink_button.png");
	background-size: 100% 100%;
	width: 49%;
}

.link_box.link_box_type2_mobile {
	background: url("http://www.ehyundai.com/images/mobilehome/card/green_button.png");
	background-size: 100% 100%;
}

.link_box .card_request {
	margin-right: 5px;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 19px;
	color: #000;
}

.link_box .card_request_download {
	margin-right: 5px;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 19px;
	color: #fff;
}

.link_box .card_request_download img {
	width: auto;
	height: 23px;
	vertical-align: middle;
}

.link_box .card_request img {
	width: auto;
	height: 23px;
	vertical-align: middle;
}

.link_box.link_box_type1 .card_request_desc {
	color: #fff;
}

.link_box.link_box_type2 .card_request_desc {
	color: #3a94a2;
}

.link_box .card_request_desc {
	padding-top: 12px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -1px;
}

.link_box_title {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -1px;
	padding-left: 13px;
}

.wrap_cardboxlist+.link_box_title {
	margin-top: 30px;
}

.wrap_boxlist.wrap_cardboxlist {
	padding: 15px 13px 0
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box {
	height: 100px;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box>p>strong {
	font-size: 15px;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon41 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon41.png');
	background-size: 20px 18px;
	width: 20px;
	height: 18px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon42 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon42.png');
	background-size: 15.5px 27.5px;
	width: 15.5px;
	height: 27.5px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon43 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon43.png');
	background-size: 27px 18px;
	width: 27px;
	height: 18px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon44 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon44.png');
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon45 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon45.png');
	background-size: 26px 19px;
	width: 26px;
	height: 19px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon46 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon46.png');
	background-size: 25px 24px;
	width: 25px;
	height: 24px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon47 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon47.png');
	background-size: 21px 28px;
	width: 21px;
	height: 28px;
	display: inline-block;
}

.wrap_boxlist.wrap_cardboxlist .boxwrap .box .icon48 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-image: url('http://www.ehyundai.com/images/mobilehome/card/card_icon48.png');
	background-size: 26px 21px;
	width: 26px;
	height: 21px;
	display: inline-block;
}

.card_alert {
	padding: 20px 0 40px 0;
}

/* 2020-10-12 수정 */

.card_alert ul li {
	position: relative;
	padding-left: 5px;
	font-size: 14px;
	color: #555;
	font-weight: 700;
}

.card_alert ul li:after {
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}

.card_alert ul li p {
	position: relative;
	padding-left: 10px;
}

.card_alert ul li p:after {
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}

/* 2020-07-29 추가 : S */
.card_alert.type2 {
	padding-top: 15px;
	padding-bottom: 15px
}

.card_alert.type2 li {
	font-weight: 400;
	line-height: 1.4444
}

.card_alert.type2 li strong {
	font-weight: 700
}

.card_alert.type2 li+li {
	margin-top: 6px
}

/* 2020-07-29 추가 : E */

.bllist_type1 {
	padding: 20px 15px;
}

.bllist_type1 li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 5px;
}

.bllist_type1 li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 2px;
	background: #858585;
	display: inline-block;
}

.bllist_type1.bg_gray {
	background: #efefef;
	padding: 20px 15px;
}

.bllist_type2 {
	padding: 15px 0;
}

.bllist_type2 li {
	text-align: left;
	position: relative;
	padding-left: 16px;
	color: #666;
	line-height: 1.5;
	font-size: 17px;
}

.bllist_type2 li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 8px;
	height: 1px;
	background: #666;
	display: inline-block;
}

.essential {
	position: relative;
	padding-right: 25px;
}

.essential:after {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	width: 16px;
	height: 12px;
	background: url("http://www.ehyundai.com/images/mobilehome/card/icon_essential.png") no-repeat 0 0;
	background-size: 16px 12px;

}

.form-item .btn_type1 a {
	display: inline-block;
	background: #666;
	font-size: 14px;
	color: #fff;
	padding: 10px 20px;
	min-width: 100px;
	text-align: center;
	margin-right: 10px;
}

.request_body {
	margin: 20px 15px 0 15px;
}

.indent_section01 {
	margin: 20px 15px 0 15px;
}

.checkbox_section {
	border-bottom: 1px solid #797979;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 10px;
}

.agree_board {
	background: #f1f1f1;
	padding: 15px;
	line-height: 1.5;
	font-size: 12px;
	position: relative;
}

.box_more {
	font-size: 0;
	width: 20px;
	height: 20px;
	position: relative;
	right: 0;
	top: 0;
	display: inline-block;
	float: right;
}

.box_more.close:after {
	content: "▼";
	position: absolute;
	right: 0;
	top: 0;
	color: #333;
	font-size: 14px;

	transform: rotate(0);
}

.box_more.open:after {
	content: "▼";
	position: absolute;
	right: 0;
	top: -30xp;
	color: #333;
	font-size: 14px;
	transform: rotate(180deg);
}

.agree_board.is-close {
	height: 0;
	overflow: hidden;
	padding: 0;
}

.agree_board.is-open {
	height: auto;
	padding: 15px;
}

.card_guideline {
	margin: 20px 15px -10px 15px;
	font-weight: 700;
}

.btn-box {
	width: calc(100% - 30px);
	margin: 0 15px 15px 15px;
}

.btn-box .cell {
	width: 100%;
	display: table;
	vertical-align: middle;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	table-layout: fixed;
}

.btn-box .cell a {
	display: table-cell;
	color: #fff;
	background-color: #383838;
	text-align: center;
	font-size: 16px;
	height: 62px;
	vertical-align: middle;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	background-repeat: no-repeat;
}

.color_modal {
	color: #65738f;
	border-bottom: 1px solid #65738f;
}



/* 2020-10-12 수정 : S */
.card_list {
	position: relative;
	background: #fff;
	border: 1px solid #e0e0e0;
}

.card_list::before {
	content: '';
	position: absolute;
	width: 14px;
	height: 13px;
	top: -7px;
	left: 50%;
	transform: translateX(-50%);
	background: url('http://www.ehyundai.com/images/webhome/icon_tool_tip.png') no-repeat;
	background-size: 100%;
}

.card_list .card_mobile_message {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 16px;
	color: #000;
	background: none;
}

.card_list .area_cardimg {
	padding-top: 0;
	background: none;
}

.card_list .area_cardimg .tit {
	margin-top: 15.5px;
	font-size: 17px;
	line-height: 1.5;
	word-break: keep-all;
}

.card_list .cardbox_by2 {
	position: relative;
}

.card_list .cardbox_by2:nth-child(4),
.card_list .cardbox_by2:nth-child(5) {
	height: 350px;
}

.card_list .cardbox_by2 .img_card {
	height: auto;
	margin-bottom: 0;
}

.card_list .cardbox_by2 .bllist_type2 {
	padding: 0;
	word-break: keep-all;
}

.card_list .cardbox_by2 .bllist_type2 li {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 12.5px;
}

.card_list .cardbox_by2 .bllist_type2 li:after {
	width: 4px;
}

.card_list .cardbox_by2>a {
	display: block;
	width: 100%;
	height: 50px;
	margin-top: 23.5px;
	background: #333;
	color: #fff;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 17px;
	line-height: 50px;
	text-align: center;
}

.card_list .cardbox_by2:nth-child(4)>a,
.card_list .cardbox_by2:nth-child(5)>a {
	position: absolute;
	bottom: 0;
}

/* 2020-10-12 수정 : E */

/* 2020-10-12 추가 : S */
#CardPop {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-weight: 700;
}

#CardPop .head h1 {
	padding-bottom: 23.5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 18.5px;
	line-height: 1.6;
}

#CardPop .head em {
	display: block;
	padding: 23.5px 0 5px;
	font-size: 14px;
}

#CardPop .head ul {
	margin-bottom: 31px;
}

#CardPop .head ul li {
	font-size: 14px;
}

#CardPop .input-wrap2 .cell2 .btnText {
	display: block;
	width: 100%;
	height: 50px;
	font-size: 17px;

	line-height: 50px;
}

#CardPop .input-wrap2 .cell2 .btnText:nth-child(1) {
	background: #405347;
	color: #fff;
}

#CardPop .input-wrap2 .cell2 .btnText:nth-child(2) {
	margin-top: 15.5px;
	border: 1px solid #405347;
	box-sizing: border-box;
	background: #fff;
	color: #405347;
}

/* 2022-07-11 수정 [S] */
/* #CardPop .layer-in.type2 .foot .btnClose {
	top: 38px;
	right: 26px;
} */ 

#CardPop .layer-in.type2 .lay_h1{
	font-family: 'Happiness-Sans-Title';
}

/* 2022-07-11 수정 [E] */

a span.apply,
a span.select,
.btnText span.apply {
	position: relative;
}

a span.apply::after,
a span.select::after,
.btnText span.apply::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 10px;
	right: -12px;
	top: 4px;
}

/* 2021-03-31 수정 : S */
/* a span.apply::after,
.btnText span.apply::after {
	background: url('../../images/webhome/bul_btn_arrow_04.png') no-repeat 0 0;
} */
/* 2021-03-31 수정 : E */

a span.select::after {
	transform: rotate(90deg);
	background: url('../../images/webhome/bul_btn_arrow_04.png') no-repeat 0 0;
}

a.on span.select::after {
	transform: rotate(-90deg);
}

/* 2020-10-12 추가 : E */


/* 2021-03-31 카드신청 페이지 추가 */
.hydai_txt {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 16px;
	font-weight: normal;
	color: #666;
}

.accordian_area {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	margin-top: 15px;
	border-bottom: 1px solid #333;
}

.accordian_area .title_area {
	position: relative;
	padding: 15px 0;
	border-top: 1px solid #333;
	background-size: 10px 6px;
}

.accordian_area .title_area > button {
	position: absolute;
	top:50%;
	right:10px;
	width:10px;
	height: 6px;;
	background: url(http://www.ehyundai.com/images/mobilehome/card/arrow_down.png) no-repeat 95% center;
	background-size: 100%;
	text-indent: -9999px;
}

.accordian_area .title_area.closed {
	border-top: 2px solid #333;
	
}

.accordian_area .title_area.closed > button {
	background: url(http://www.ehyundai.com/images/mobilehome/card/arrow_up.png) no-repeat 95% center;
	background-size: 100%;
}

.accordian_area .title_area span {
	display: block;
}

.accordian_area .title_area span:nth-child(2) {
	font-size: 17px;
	font-weight: bold;
	color: #333;
}

.accordian_area .title_area span:last-child {
	margin-top: 10px;
	font-size: 14px;
}

.accordian_area .view_area {
	display: none;
	margin-bottom: 15px;
	padding: 15px;
	background: #f5f5f5;
}

.accordian_area .view_area.on {
	display: block;

}

.accordian_area .view_area ul+ul {
	margin-top: 15px;
}

.accordian_area .view_area ul strong {
	color: #333;
	font-weight: 700;
}

.accordian_area .view_area ul li {
	padding-left: 10px;
	text-indent: -10px;
	font-size: 14px;
	line-height: 20px;
}

.img.mt15 {
	margin-top: 15px;
}

.card_reg_tit {
	position: relative;
}

.card_reg_tit .arrow {
	position: absolute;
	left: 150px;
	top: 0;
	display: block;
	width: 25px;
	height: 17px;
	background: url(http://www.ehyundai.com/images/mobilehome/card/arrow_down.png) no-repeat center;
	background-size: 10px 6px;
	text-indent: -9999px;
}

.card_reg_tit .arrow.up {
	background: url(http://www.ehyundai.com/images/mobilehome/card/arrow_up.png) no-repeat center;
	background-size: 10px 6px;
}

.view_txt {
	display: block;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom: 2px solid #333;
}


.view_txt p {
	text-align: justify;
	font-weight: normal;
	line-height: 18px;
	color: #666;
	font-size: 14px;
}

.view_txt ul {
	margin-top: 10px;
}

.view_txt ul li {
	padding-left: 12px;
	text-indent: -14px;
	line-height: 18px;
	font-size: 14px;
}

.card_alert.v2 {
	margin-top: 15px;
	padding: 15px 10px;
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
	font-size: 14px;
	background: #f5f5f5;
}



/* 카드 재발급 추가 2021-08-25 */
.reissuance_area {
	padding: 30px 15px;

}

.reissuance_area>* {
	font-family: 'Happiness-Sans';/* 2022-03-04 수정 */
}

.reissuance_area h3 {
	font-size: 19px;
	color: #000;
}

.reissuance_area .card_select {
	margin-top: 10px;
	border-top: 1px solid #ccc;
	;
}

.reissuance_area .card_select .sub_title {
	display: block;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #000;
}

.reissuance_area .card_select .card_box {
	position: relative;
}

.reissuance_area .card_select .card_box .radio {
	position: relative;
	padding: 15px 10px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
}

.reissuance_area .card_select .card_box:last-child .radio {
	border-bottom: 1px solid #ccc;
}

.reissuance_area .card_select .card_box .radio input[type="radio"]+label:before {
	top: 55%;
	transform: translateY(-50%);
}

.reissuance_area .card_select .card_box .card_img {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 50px;
	transform: translateY(-50%);
}

/*2021-10-29 : S */
.reissuance_area .notice_area {
	margin-top: 20px;
	margin-right:20px;
}
.reissuance_area .card_choice .card_list{
	width:calc(100% - 20px);
}
.reissuance_area + .btn-wrap-2{
	margin-right: 20px;
}
/*2021-10-29 : E */

.reissuance_area .notice_area ul li {
	position: relative;
	line-height: 1.5;
	padding-left: 10px;
}

.reissuance_area .notice_area ul li:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #333;
	border-radius: 50%;
}

.reissuance_area .btn_area {
	display: flex;
	margin-top: 30px;
}

.reissuance_area .btn_area button {
	width: 50%;
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-indent: 0;
}

.reissuance_area .btn_area .normal {
	background: #ccc;

}

.reissuance_area .btn_area .blue {
	background: #51a6b3;
}

.reissuance_area .checking_area {
	margin-top: 20px;
}

.reissuance_area .checking_area .checking_btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.reissuance_area .checking_area .checking_btn button {
	width: 50%;
	;
}

.box-article .body.tgg-cont .text_wrap {
	padding: 5px;
	text-align: center;
	color:#999;
}

.box-article .body.tgg-cont .text_wrap strong {
	color:#333
}

.box-article .body.tgg-cont .text_wrap .center {
	text-align: center;
	margin: 5px 0;
	
}

/* 2021-10-07 수정  */



.card_tab_2 .func_tab.fitcard li>.card_btn {
	top: 47.40909%;
}
/* 2021-11-25 수정 */

.accordian_area .view_area .underline {
	margin:10px 0;
	text-align: center;
	font-size:14px;
	font-weight: bold;
	color:#333;
	text-decoration: underline;
}

.accordian_area p.mt10 {
	margin-top: 10px;
}

.accordian_area .table {
	margin-top: 5px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.accordian_area .table th {
	padding: 10px 5px;
	text-align: center;
	background: #f8f8f8;
	color: #333;
	box-sizing: border-box;
}

.accordian_area .table thead th {
	border-left: 1px solid #999;
}

.accordian_area .table thead th:first-child {
	border-left: 0;
}

.accordian_area .table td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.accordian_area .table tbody th {
	border-top: 1px solid #999;
}