@charset "UTF-8";

/* faq 환불 문구 수정 (2024-03-21 이예람) */
.a .top {
	width: calc(100% + 4rem);
	padding: 1.6rem 8rem 1.6rem 4rem;
	margin: -3.5rem 0 2.6rem -4rem;
	background-color: #e23b3b;
	color: #fff;
}


/* 환불페이지 (2025-01-22 홍선기) */
.refundInfo_content .article1 {
	padding: 32px 0 0;
}
.refundInfo_content .article1 .title {
	color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.refundInfo_content .article1 ul {
	margin-top: 12px;
}
.refundInfo_content .article1 ul li {
	padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    background: #fff;
    position: relative;
    margin-top: 10px;
}
.refundInfo_content .article1 ul li:first-child {
	margin-top: 0;
	border-color: #ff3838;
}
.refundInfo_content .article1 li a {
	display: flex;
    align-items: center;
    gap: 12px;
}
.refundInfo_content .article1 li .txt {
	color: #303030;
    font-size: 16px;
    position: relative;
}
.refundInfo_content .article1 li:first-child .txt {
	font-weight: 600;
	position: relative;
}
.refundInfo_content .article1 li .arrow {
	position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.refundInfo_content .accordion,
.refundInfoAuto_content .accordion,
.refundInfoGeneral_content .accordion {
    margin: 0 auto;
    width: calc(100% + 8rem);
 	margin-left: -4rem;
 	padding-bottom: 36px;
    background: #f2f2f2;
}
.refundInfo_content .accordion .accordion_item,
.refundInfoAuto_content .accordion .accordion_item,
.refundInfoGeneral_content .accordion .accordion_item {
	padding: 20px 20px 16px;
	background: #f2f2f2;
}
.refundInfo_content .accordion_depth2,
.refundInfoAuto_content .accordion_depth2,
.refundInfoGeneral_content .accordion_depth2 {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  box-sizing: border-box;
  color: #767676;
  margin-top: 12px;
}
.refundInfoAuto_content .accordion_depth2 h4 {
	font-size: 14px;
	color: #767676;
}
.refundInfo_content .accordion_depth2 p,
.refundInfoAuto_content .accordion_depth2 p,
.refundInfoGeneral_content .accordion_depth2 p {
	display: flex;
}
.refundInfo_content .accordion_depth2 p:not(:last-child),
.refundInfoAuto_content .accordion_depth2 p:not(:last-child),
.refundInfoGeneral_content .accordion_depth2 p:not(:last-child) {
	margin-bottom: 4px;
}
.refundInfo_content .accordion_depth2 span,
.refundInfoAuto_content .accordion_depth2 span,
.refundInfoGeneral_content .accordion_depth2 span {
	color: #767676;
	margin-right: 8px;
}
.refundInfo_content .accordion_btn,
.refundInfoAuto_content .accordion_btn,
.refundInfoGeneral_content .accordion_btn {
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #767676;
  padding: 0;
  font-weight: 600;
  background: #f2f2f2;
}
.refundInfo_content .ani_refund {
	position: absolute;
    bottom: calc(100% - -10px);
    left: -9px;
    z-index: 12;
    padding: 4px 8px;
    background: #ff3838;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    white-space: nowrap;
    animation: up_down_ani_mini 4s linear infinite;
}
.refundInfo_content .ani_refund p {
	font-size: 12px;
    line-height: 1.2;
    color: #fff;
    font-weight: 700;
}
.refundInfo_content .ani_refund:after {
	content: '';
    position: absolute;
    bottom: -5px;
    left: 52%;
    transform: translateX(-50%);
    border-top: 10px solid #ff3838;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
}
.refundInfo_content .fixcontent {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fafafa;
    z-index: 13;
    overflow: scroll;
}
.refundInfo_content .fixcontent .title_top {
	padding: 17px 20px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    background: #fff;
}
.refundInfo_content .fixcontent .title_top h2 {
	color: #303030;
    font-size: 18px;
    font-weight: 500;
}
.refundInfo_content .fixcontent .title_top img {
	position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    margin-top: -1px;
}
.refundInfo_content .fixcontent .pop_article1 {
	margin: 32px 0;
    text-align: center;
}
.refundInfo_content .fixcontent .pop_article1 h3 {
	color: #303030;
    font-size: 20px;
    font-weight: 600;
}
.refundInfo_content .fixcontent .pop_article1 .ps_txt {
	color: #ff3838;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 12px;
}
.refundInfo_content .fixcontent .pop_article1 .ps_txt span {
	font-weight: 600;
}
.refundInfo_content .fixcontent .pop_article2 {
	padding: 0 20px;
}
.refundInfo_content .fixcontent .pop_article2 > div {
	margin-bottom: 28px;
}
.refundInfo_content .fixcontent .pop_article2 > div:last-child {
	margin-bottom: 0;
}
.refundInfo_content .fixcontent .pop_article2 h4 {
	padding-left: 12px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}
.refundInfo_content .fixcontent .pop_article2 h4::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 16px;
	background: #ff3838;
	border-radius: 99px;
}
.refundInfo_content .fixcontent .pop_article2 h4.br_change::before {
	top: 3px;
	transform: translateY(0);
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox {
	border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-top: 12px;
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox p {
	color: #767676;
	font-size: 14px;
	line-height: 1.4;
	display: flex;
    gap: 8px;
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox p.red {
	color: #ff3838;
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox.fir p {
	color: #ff3838;
    font-size: 14px;
    line-height: 1.4;
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox.fir p span {
	font-weight: 600;
}
.refundInfo_content .checkbox input[type="checkbox"],
.refundInfoGeneral_content .checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    margin-right: 8px;
    cursor: pointer;
    outline: none !important;
    background: url(https://image.cultureland.co.kr/upload/web/etc/231011_checkbox_off.svg) no-repeat 0 0 / contain;
}
.refundInfoGeneral_content .checkbox input[type="checkbox"] {
	border-radius: 0 !important;
}
.refundInfo_content .checkbox input[type="checkbox"]:checked,
.refundInfoGeneral_content .checkbox input[type="checkbox"]:checked {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/231011_checkbox_on.svg);
}
.refundInfo_content .fixcontent .pop_article3,
.refundInfoGeneral_content .checkbox_area {
	padding: 0 20px;
    margin-top: 24px;
    font-size: 14px;
    color: #767676;
    line-height: 1.4;
    margin-bottom: 100px;
}
.refundInfoGeneral_content .checkbox_area {
	padding: 0;
	margin-bottom: 0;
}
.refundInfo_content .fixcontent .pop_article3 .checkbox,
.refundInfoGeneral_content .checkbox_area .checkbox {
	padding: 16px 12px;
    background: #f4f4f4;
    border-radius: 8px;
}
.refundInfo_content .fixcontent .pop_article3 .checkbox > div,
.refundInfoGeneral_content .checkbox_area .checkbox > div {
	display: flex;
    align-items: center;
}
.refundInfo_content .fixcontent .fix_bottom,
.refundInfoResult_content .fix_bottom,
.refundMain_content .fix_bottom {
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 2.63%, #FAFAFA 14.21%);
    padding: 16px;
    z-index: 1;
}
.refundMain_content .fix_bottom {
	z-index: 16;
}
.refundInfo_content .fixcontent .fix_bottom button,
.refundInfoResult_content .fix_bottom button,
.refundMain_content .fix_bottom button {
	width: 100%;
    border: none;
    background: #ff3838;
    color: #fff;
    border-radius: 8px;
    padding: 11px 0;
    font-size: 16px;
    font-weight: 600;
}
.refundMain_content .fix_bottom button {
	padding: 12px 0;
}
.refundInfo_content .fixcontent .fix_bottom button:disabled {
	background: #a6a6a6;
}
.refundInfo_content .fixcontent2 .go_link {
	color: #ff3838;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.refundInfoAuto_content {
	background: #fafafa;
}
.refundInfoAuto_content .top_title,
.refundInfoGeneral_content .top_title {
	margin-top: 32px;
}
.refundInfoAuto_content .top_title h2,
.refundInfoGeneral_content .top_title h2 {
	color: #303030;
    font-size: 18px;
    font-weight: 600;
}
.refundInfoAuto_content .top_title p,
.refundInfoGeneral_content .top_title p {
	margin-top: 4px;
    line-height: 1.4;
    font-size: 14px;
    color: #303030;
}
.refundInfoGeneral_content .top_title p {
	color: #ff3838;
}
.refundInfoAuto_content .top_title img {
	margin-top: 28px;
	padding: 0 16px;
    box-sizing: border-box;
}
.refundInfoAuto_content .input_box,
.refundInfoGeneral_content .input_box {
	margin-top: 32px;
}
.refundInfoAuto_content .input_box h4,
.refundInfoGeneral_content .input_box h4 {
	color: #767676;
    font-size: 14px;
    font-weight: 600;
}
.refundInfoAuto_content input,
.refundInfoGeneral_content input {
	height: 46px;
	box-sizing: border-box;
	border-radius: 8px !important;
	color: #303030;
	font-size: 16px;
}
.refundInfoAuto_content input::placeholder,
.refundInfoGeneral_content input::placeholder {
	color: #a6a6a6;
}
.refundInfoAuto_content .basic_info input,
.refundInfoGeneral_content .basic_info input,
.refundInfoGeneral_content .reund_bank_box input.reason_select {
	width: 100%;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 1.85rem 2.5rem;
    box-sizing: border-box;
    margin-top: 4px;
}
.refundInfoGeneral_content .basic_info .input_3type input {
	text-align: center;
}
.refundInfoAuto_content .basic_info input[readonly],
.refundInfoGeneral_content .basic_info input[readonly] {
	background: #ebebeb;
}
.refundInfoAuto_content .input_box input:focus,
.refundInfoGeneral_content .input_box input:focus,
.refundInfoGeneral_content .reund_bank_box input:focus,
.refundInfoGeneral_content .reason_box .txtbox_refund:focus {
	outline: none;
}
.refundInfoAuto_content .input_box .step1,
.refundInfoAuto_content .input_box .step2,
.refundInfoGeneral_content .input_box .step1,
.refundInfoGeneral_content .input_box .step2 {
	margin-top: 12px;
}
.refundInfoAuto_content .input_box .two_type,
.refundInfoGeneral_content .input_box .two_type {
	display: flex;
    gap: 8px;
}
.refundInfoAuto_content .input_box .two_type .add_account,
.refundInfoGeneral_content .input_box .two_type .add_account {
	width: 212px;
    height: 46px;
    margin-top: 4px;
    border: 1px solid #e1e1e1;
    background: #ebebeb;
    border-radius: 8px;
    color: #303030;
    font-size: 16px;
    padding: 1.85rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.refundInfoAuto_content .input_box .change_infotxt,
.refundInfoGeneral_content .input_box .change_infotxt {
	color: #a6a6a6;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 8px;
}
.refundInfoAuto_content .input_box .day_max,
.refundInfoGeneral_content .input_box .day_max {
	margin-top: 8px;
    color: #ff3838;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}
.refundInfoAuto_content .btn_box {
	margin-bottom: 60px;
}
.refundInfoAuto_content .btn_box button {
	background: #ff3838;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    width: 100%;
    color: #fff;
    padding: 13px 0;
    line-height: 1.4;
    margin-top: 32px;
    font-weight: 600;
}
.refundInfoAuto_content .btn_box button:disabled {
	background: #a6a6a6;
}
.refundInfoAuto_content .tooltip_refund,
.refundInfoGeneral_content .tooltip_refund {
	position: absolute;
    top: calc(100% - -12px);
    left: calc(50% + 5px);
    transform: translateX(-50%);
    z-index: 12;
    padding: 16px;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    width: 267px;
    display: none;
}
.refundInfoAuto_content .tooltip_refund:after,
.refundInfoGeneral_content .tooltip_refund:after {
	content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 0px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
}
.refundInfoAuto_content .tooltip_refund h5,
.refundInfoGeneral_content .tooltip_refund h5 {
	color: #303030;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}
.refundInfoAuto_content .tooltip_refund ul,
.refundInfoGeneral_content .tooltip_refund ul {
	margin-top: 12px;
}
.refundInfoAuto_content .tooltip_refund ul li,
.refundInfoGeneral_content .tooltip_refund ul li {
	font-size: 11px;
    color: #a6a6a6;
    display: flex;
    gap: 4px;
}
.refundInfoAuto_content .reund_bank_box {
	margin-top: 4px;
	position: relative;
}
.refundInfoAuto_content .reund_bank_box input,
.refundInfoGeneral_content .reund_bank_box input {
	border: 1px solid #e1e1e1;
    padding: 1.85rem 2.5rem; 
}
.refundInfoAuto_content .reund_bank_box input.select_itembox[readonly],
.refundInfoGeneral_content input.email_select[readonly],
.refundInfoGeneral_content input.select_itembox[readonly] {
	background: #fff;
}
.refundInfoAuto_content .reund_bank_box input {
	padding-right: calc(2.5rem + 15px);
}
.refundInfoAuto_content .reund_bank_box .select_box .open_pop,
.refundInfoGeneral_content .reund_bank_box .select_box .open_pop {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 0 16px;
}
.refundInfoAuto_content .select_pop,
.refundInfoGeneral_content .select_pop {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px 20px 0 0;
	transform: translateY(100%);
	animation: sync_slide_up .5s linear forwards;
	padding: 20px;
	text-align: center;
	z-index: 12;
}
.refundInfoAuto_content .select_pop .title,
.refundInfoGeneral_content .select_pop .title {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.refundInfoAuto_content .select_pop .title h4,
.refundInfoGeneral_content .select_pop .title h4 {
	color: #303030;
    font-size: 2.8rem;
    font-weight: 600;
    padding-left: 4px;
}
.refundInfoAuto_content .select_pop ul,
.refundInfoGeneral_content .select_pop ul {
	margin-top: 16px;
	max-height: 248px;
	overflow-y: scroll;
}
.refundInfoAuto_content .select_pop ul li,
.refundInfoGeneral_content .select_pop ul li {
	padding: 12px 16px;
    color: #767676;
    font-size: 2.5rem;
    border-bottom: 1px solid #ebebeb;
}
.refundInfoAuto_content .select_pop ul li:last-child,
.refundInfoGeneral_content .select_pop ul li:last-child {
	border-bottom: none;
}
.refundInfoAuto_content .section2 .note_info,
.refundInfoResult_content .note_info,
.refundInfoGeneral_content .note_info {
	margin-top: 32px;
    border: 1px dashed #dadada;
    border-radius: 8px;
    background: #f2f2f2;
    padding: 16px 20px 20px;
}
.refundInfoAuto_content .section2 .note_info li,
.refundInfoResult_content .note_info li,
.refundInfoGeneral_content .note_info li {
	color: #767676;
    font-size: 12px;
    margin-bottom: 12px;
    display: flex;
    gap: 4px;
}
.refundInfoAuto_content .section2 .note_info li:last-child,
.refundInfoResult_content .note_info li:last-child,
.refundInfoGeneral_content .note_info li:last-child {
	margin-bottom: 0;
}
.refundInfoAuto_content .fix_btn_2type,
.refundInfoGeneral_content .fix_btn_2type {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 16px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 2.63%, #FAFAFA 14.21%);
}
.refundInfoAuto_content .fix_btn_2type button,
.refundInfoGeneral_content .fix_btn_2type button {
	flex: 1;
    padding: 11px 0;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.refundInfoAuto_content .fix_btn_2type button.cancel,
.refundInfoGeneral_content .fix_btn_2type button.cancel {
	background: #a6a6a6;
}
.refundInfoAuto_content .fix_btn_2type button.confirm,
.refundInfoGeneral_content .fix_btn_2type button.confirm {
	background: #ff3838;
}
.refundInfoResult_content .title {
	padding-top: 32px;
    text-align: center;
}
.refundInfoResult_content .title h2 {
	color: #303030;
    font-size: 18px;
    font-weight: 600;
}
.refundInfoResult_content .title h2 span {
	color: #ff3838;
}
.refundInfoResult_content .title img {
	margin-top: 32px;
    width: calc(100% / 2);
}
.refundInfoResult_content .resultinfo_box {
	margin-top: 28px;
}
.refundInfoResult_content .resultinfo_box h3 {
	color: #303030;
    font-size: 18px;
    font-weight: 600;
}
.refundInfoResult_content .resultinfo_box ul {
	margin-top: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background: #fff;
}
.refundInfoResult_content .resultinfo_box ul li {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #e1e1e1;
}
.refundInfoResult_content .resultinfo_box ul li:last-child {
	border-bottom: 0;
}
.refundInfoResult_content .resultinfo_box ul li span:first-child {
	font-size: 14px;
    color: #767676;
    font-weight: 600;
}
.refundInfoResult_content .resultinfo_box ul li span:last-child {
	color: #303030;
    font-size: 16px;
}
.refundInfoResult_content .resultinfo_box ul li span.red {
	color: #ff3838;
}
.refundInfoResult_content .note_info .red {
	color: #ff3838;
}
.refundInfoResult_content .note_info .bold_title {
	color: #767676;
	font-weight: 600;
}
.refundInfoGeneral_content .email_box {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}
.refundInfoGeneral_content .email_box input {
	border: 1px solid #e1e1e1;
    padding: 1.85rem 2.5rem; 
}
.refundInfoGeneral_content .email_box input {
	padding-right: calc(2.5rem + 15px);
}
.refundInfoGeneral_content .email_box .email_id {
	width: 45%;
}
.refundInfoGeneral_content .email_box span {
	font-size: 2.5rem;
    color: #767676;
    margin: 0 8px;
}
.refundInfoGeneral_content .email_box .select_box {
	width: 45%;
	position: relative;
}
.refundInfoGeneral_content .email_box .email_select {
	width: 100%;
}
.refundInfoGeneral_content .email_box .select_box .open_pop {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 0 16px;
}
.refundInfoGeneral_content .refund_info_txt {
	margin-top: 12px;
    color: #a6a6a6;
    font-size: 12px;
    line-height: 1.4;
    display: flex;
}
.refundInfoGeneral_content .input_3type {
	display: flex;
    color: #767676;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.refundInfoGeneral_content .reason_box {
	margin-top: 12px;
    position: relative;
}
.refundInfoGeneral_content .reason_box textarea {
	padding: 12px 12px 29px;
    background: #f2f2f2;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    color: #303030;
    font-size: 14px;
    min-height: 181px;
}
.refundInfoGeneral_content .reason_box .txt_count {
	color: #a6a6a6;
    font-size: 12px;
    position: absolute;
    bottom: 12px;
    right: 12px;
    line-height: 1;
}
.refundInfoGeneral_content .request_btn {
	font-size: 16px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    margin-top: 32px;
    background: #ff3838;
    padding: 13px 0;
    border-radius: 8px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    margin-bottom: 60px;
}
.refundInfoGeneral_content .request_btn[readonly] {
	background: #a6a6a6;
}
.refundInfoGeneral_content .txtbox_refund {
	resize: none;
}
.refundMain_content .tab_depth-1 {
	display: flex;
	border-bottom: 2px solid #e8e8e8;
    width: calc(100% + 8rem);
    margin-left: -4rem;
    padding: 0 4rem;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.refundMain_content .tab_depth-1 > li {
	width: 50%;
	padding: 3.2rem 3.2rem 2.5rem;
	text-align: center;
	color: #767676;
	font-size: 2.5rem;
	position: relative;
}
.refundMain_content .tab_depth-1 > li.active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 4px;
	background: #303030;
}
.refundMain_content .tab_depth-1 > li.active {
	border-bottom: none;
	font-weight: 600;
	color: #303030;
}
.refundMain_content .item_list_ul {
	margin-top: 24px;
}
.refundMain_content .dateNcancel {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.refundMain_content .dateNcancel .date {
	color: #a6a6a6;
    font-size: 14px;
}
.refundMain_content .dateNcancel .cancel {
	background: #ff3838;
    border-radius: 99px;
    color: #fff;
    padding: 4px 9px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}
.refundMain_content .item_list_ul h3 {
	margin-top: 8px;
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
.refundMain_content .item_list_ul .list_item {
	display: flex;
    gap: 4px;
    color: #303030;
    font-size: 14px;
    margin-top: 4px;
}
.refundMain_content .item_list_ul li {
	padding: 20px 0;
	border-bottom: 1px solid #ebebeb;
}
.refundMain_content .item_list_ul li:first-child {
	padding-top: 0;
}
.refundMain_content .item_list_ul li:last-child {
	border-bottom: 0;
}

.black_bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 11;
}

/* 환불페이지 (2025-02-03 홍선기) */
.exbox_out {
	background: #f3f3f3;
    border: 8px solid #ebebeb;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    padding: 16px 16px 20px;
    margin-top: 28px;
}
.exbox_out h3 {
	color: #a6a6a6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}
.exbox_out .list_out {
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	padding: 12px 20px 12px 12px;
}
.exbox_out .list_out.bottom {
	margin-top: 16px;
}
.exbox_out .list_item {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.exbox_out .list_item .left {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
}
.exbox_out .list_item .left img {
	margin-top: 0;
    padding: 0;
}
.exbox_out .list_item .left p {
	color: #303030;
	font-size: 14px;
	padding: 6px 0;
	margin-top: 0;
}
.exbox_out .list_item .right p {
	margin-top: 0;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.exbox_out .bottom .list_item .right p {
	color: #ff3838;
}
.refundMain_content .noti_area {
    padding: 20px;
    box-sizing: border-box;
    border-top: 1px solid #e3e3e3;
    background: #f2f2f2;
    margin-top: 44px;
}
.refundMain_content .noti_area h4 {
	display: flex;
    align-items: center;
    gap: 4px;
    color: #767676;
    font-size: 14px;
    font-weight: 600;
}
.refundMain_content .noti_area li {
	margin-top: 8px;
    color: #767676;
    display: flex;
    gap: 2px;
    font-size: 12px;
}
.refundMain_content .noti_area li.mini_title {
	margin: 12px 0;
    font-weight: 600;
}
.refundMain_content .periodArea .period_top .period_small_refund>a{
	font-weight: 400; 
	font-size:2rem; 
	line-height:1.2; 
	color: #595959; 
	justify-content: flex-end​;
}
.refundMain_content .periodArea .period_top .period_small_refund>a strong{
	font-weight: 400;
}
.refundMain_content .periodArea .period_top .period_small_refund>a i:after,
.refundMain_content .periodArea .period_top .period_small_refund>a i:before{
	background-color: #bdbdbd;
}
.refundMain_content .receive_tab {
	min-height: 252px;
    width: 100%;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    margin: 3.1rem 0 6.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}
.refundMain_content .no_item {
	text-align: center;
}
.refundMain_content .receive_tab .receive_info {
	color: #767676;
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1.4;
    margin-top: 1.2rem;
}


/* 환불페이지 광고 영역 추가 (2025-02-26 홍선기) */
.refundInfo_ad {
	border-radius: 8px;
	border: 1px solid #e1e1e1;
	overflow: hidden;
}
.refundInfoResult_ad {
	margin-top: 24px;
	border-radius: 8px;
	border: 1px solid #e1e1e1;
	overflow: hidden;
}
.refundInfoResult_content .note_info {
	margin-top: 24px;
}

/* 환불서비스_범죄이용 계좌조회 프로세스 추가 (2025-06-26 정정원)*/
.policePop.modal.alert .contLy{
	padding: 24px 20px;
}
.policePop.modal.alert .contLy h2{
	color: #FF3838;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}
.policePop.modal.alert .contLy .txt-box{
	text-align: center;
	padding-top: 20px;
}
.policePop.modal.alert .contLy .txt-box p{
	color: #303030;
	font-size: 14px;
	line-height: 19px;
}
.policePop.modal.alert .contLy .txt-box strong{
	color: #303030;
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
}
.policePop.modal.alert .contLy .info-box{
	margin-top: 16px;
	padding: 12px 0;
	border-radius: 8px;
	background: rgba(255, 56, 56, 0.05);
	height: 34px;
}
.policePop.modal.alert .contLy .info-box p{
	color: #FF3838;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}
.policePop.modal.alert .btnArea{
	margin-top: 0;
}
.policePop.modal.alert .btnArea a{
	background: #FF3838;
}
/* 환불페이지 (2025-07-07 정정원)*/
.refundInfoAuto_content .fix_btn_2type, 
.refundInfoGeneral_content .fix_btn_2type{
	position: static;
    padding: 25px 0;
}

/* 자주하는 질문 답변 수정 (2025-10-15 정정원) */
.faqArea>li .a .tit_txt{
	font-size: 14px;
	color: #303030;
}
.faqArea>li .a .tit_txt strong{
	font-size: 14px;
}
.faqArea>li .a .faq_txt {
	color: #303030;
	font-size: 13px;
}
.faqArea>li .a .faq_txt  b{
	color: #747774;
}
.faqArea>li .a .faq_txt .red{
	font-size: 14px;
	padding-bottom: 5px;
}
.faqArea>li .a .faq_txt p{
	margin-left: 15px;
}
.faqArea>li .a .faq_txt a{
	color: #303030;
	text-decoration-line: underline;
    text-underline-position: from-font;
}
.faqArea>li .a .faq_txt .txt_indent{
	display: block;
	text-indent: -17px;
    padding-left: 17px;
}
.faqArea>li .a .faq_txt .first_faq{
	padding: 20px 0;
}
.faqArea>li .a .line{
	width: 100%;
	border: 1px dashed #dfe1e5;
	margin: 32px 0;
}
.faqArea>li .a .info_txt{
	color: #747474;
	font-size: 14px;
	padding-bottom: 8px;
}
.faqArea>li .a .info_txt strong{
	color: #303030;
}

/* 환불  수정 (2025-10-27 홍선기) */
.refund-info-pop {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 11;
    padding-top: 32px;
    border-radius: 8px;
    text-align: center;
    width: 320px;
    overflow: hidden;
    display: none;
}
.refund-info-pop .top-area img {
	width: 28px;
}
.refund-info-pop .top-area h4 {
	margin-top: 4px;
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.8px;
}
.refund-info-pop .middle-txt-area {
	margin-top: 24px;
	margin-bottom: 28px;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
}
.refund-info-pop .middle-txt-area .red {
	color: #ff3838;
    font-weight: 600;
}
.refund-info-pop .middle-txt-area p:last-child {
	margin-top: 8px;
}
.refund-info-pop .middle-txt-area p:last-child span {
	font-weight: 600;
}
.refund-info-pop .go-btn {
	padding: 11px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.64px;
    color: #fff;
    background: #ff3838;
    display: block;
}
.refund-info-pop .close-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
}
.refundInfoGeneral_content .mini-info-txt {
	font-size: 12px;
    font-weight: 600;
    color: #a6a6a6;
    line-height: 1.4;
    letter-spacing: -0.48px;
    margin-top: 8px;
}

/* 환불 추가  수정 (2025-10-28 홍선기) */
.refundInfo_content {
	background: #f5f6f8;
}
.refundInfo_content .article1 {
	padding-top: 4px;
}
.refundInfo_content .refund-type-topbox {
	background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
}
.refundInfo_content .refund-type-topbox .title-box {
	padding: 20px;
}
.refundInfo_content .refund-type-topbox h3 {
	color: #303030;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.72px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.refundInfo_content .refund-type-topbox h3 span {
	color: #989898;
    font-size: 12px;
    letter-spacing: -0.48px;
}
.refundInfo_content .refund-type-topbox .type-2-area {
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.refundInfo_content .refund-type-topbox .type-2-area > div {
	flex: 1;
	text-align: center;
	margin-bottom: 24px;
}
.refundInfo_content .refund-type-topbox .type-2-area .left-box {
	border-right: 1px dashed #dfe1e5;
	padding: 0 12px 0 20px;
}
.refundInfo_content .refund-type-topbox .type-2-area .right-box {
	padding: 0 20px 0 12px;
}
.refundInfo_content .refund-type-topbox .type-2-area .fir {
	color: #6f6f6f;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.56px;
}
.refundInfo_content .refund-type-topbox .type-2-area .sec {
	color: #303030;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.refundInfo_content .refund-type-topbox .type-2-area .sec .red {
	color: #da4634;
}
.refundInfo_content .refund-type-topbox .type-2-area .sec .green {
	color: #69b6a4;
}
.refundInfo_content .refund-type-topbox .type-2-area .sec img {
	width: 12px;
}
.refundInfo_content .refund-type-topbox .type-2-area .move-btn {
	margin-top: 12px;
    background: #69b6a4;
    border-radius: 12px;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    display: block;
    text-align: center;
}
.refundInfo_content .refund-type-topbox .tag-area {
	position: relative;
}
.refundInfo_content .refund-type-topbox .tag-area .tag {
	width: 72px;
    position: absolute;
    top: calc(0px - 10px);
    right: 12px;
}
.refundInfo_content .refund-type-topbox .type-2-area .right-box .move-btn {
	background: #da4634;
}
.refundInfo_content .refund-normal-typebox {
	background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 20px 20px 24px;
    margin-top: 20px;
}
.refundInfo_content .refund-normal-typebox h3 {
	color: #303030;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.refundInfo_content .refund-normal-typebox .move-btn {
	border: 1px solid #dfe1e5;
    border-radius: 12px;
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    display: block;
    padding: 10px 0;
    text-align: center;
    margin-top: 20px;
}
.refundInfo_content .accordion, 
.refundInfoAuto_content .accordion, 
.refundInfoGeneral_content .accordion {
	background: #eceef2;
}
.refundInfo_content .accordion .accordion_item, 
.refundInfoAuto_content .accordion .accordion_item, 
.refundInfoGeneral_content .accordion .accordion_item {
	background: #eceef2;
}
.refundInfo_content .accordion_btn, 
.refundInfoAuto_content .accordion_btn, 
.refundInfoGeneral_content .accordion_btn {
	background: #eceef2;
}
.refundInfo_content .fixcontent {
	background: #f5f6f8;
}
.refundInfo_content .fixcontent .fix_bottom button:disabled {
	background: #989898;
}
.refundInfo_content .fixcontent .fix_bottom button, 
.refundInfoResult_content .fix_bottom button, 
.refundMain_content .fix_bottom button {
	background: #da4634;
	border-radius: 12px;
	padding: 10px 0;
}
.refundInfo_content .fixcontent .pop_article3, 
.refundInfoGeneral_content .checkbox_area {
	color: #6f6f6f;
}
.refundInfo_content .fixcontent .pop_article3 .checkbox, 
.refundInfoGeneral_content .checkbox_area .checkbox {
	background: #eceef2;
}
.refundInfo_content .fixcontent .fix_bottom, 
.refundInfoResult_content .fix_bottom, 
.refundMain_content .fix_bottom {
	background: linear-gradient(180deg, rgba(245, 246, 248, 0.00) 2.63%, #F5F6F8 14.21%);
}


/* 환불 추가  수정 (2025-11-05 홍선기) */
.exbox_out h3 {
	margin-bottom: 8px;
}
.refundInfoAuto_content .top_title p.sub-title {
	text-align: center;
    font-size: 12px;
    color: #ff3838;
    margin-bottom: 15px;
    margin-top: 0;
}
.refundInfoGeneral_content .basic_info p.sub-title {
	font-size: 12px;
    color: #ff3838;
    line-height: 1.4;
    margin-bottom: 12px;
}
.exbox_out .list_out {
	padding: 12px 0;
}
.exbox_out .list_item {
	padding: 0 20px 0 12px;
}
.exbox_out .list_out.top {
	margin-bottom: 12px;
	padding: 8px 20px 8px 12px;
}
.exbox_out .list_out.top .list_item {
	padding: 0;
}
.exbox_out .list_item.middle-item {
	padding: 6px 20px 6px 12px;
}
.exbox_out .list_item.bottom-item {
	border-top: 1px solid #ebebeb;
    padding: 9px 20px 5px 12px;
}
.exbox_out .list_item.bottom-item .right p {
	color: #ff3838;
}



/* 환불 추가  수정 (2026-03-23 홍선기) */
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox .many {
	display: flex;
    gap: 8px;
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox .many div {
	color: #767676;
    font-size: 14px;
    line-height: 1.4;
}
.refundInfo_content .fixcontent .pop_article2 .inner_txtbox .many p {
	gap: 4px;
}
.refund-info-pop.general {
	padding-top: 40px;
}
.refund-info-pop.general .top-area h4 {
	font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.72px;
}
.refund-info-pop.general .top-area img {
	width: 20px;
}
.refund-info-pop.general .top-area .fir-span {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-bottom: 1px;
}
.refund-info-pop.general .top-area .sec-span {
	font-weight: 600;
}
.refund-info-pop.general .top-area h4 {
	margin-top: 0;
}
.refund-info-pop.general .middle-txt-area {
	margin-top: 20px;
}
.refund-info-pop.general .middle-txt-area li {
	color: #303030;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.refund-info-pop.general .middle-txt-area li:first-child {
	margin-bottom: 8px;
}
.refund-info-pop.general .middle-txt-area li span {
	font-weight: 600;
}
.refund-info-pop.general .go-btn {
	width: 100%;
    border: none;
}


/* 문의하기 추가 (2026-03-31 홍선기) */
.new-sub-header {
	height: 56px;
}
.cstmInquiryDetail-content .personal_details .title {
	margin-top: 36px;
}
.cstmInquiryDetail-content .title h3 {
	color: #303030;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.cstmInquiryDetail-content .title p {
	margin-top: 4px;
    font-size: 14px;
    color: #da4634;
    line-height: 1.4;
    letter-spacing: -0.56px;
}
.cstmInquiryDetail-content .input_box {
	margin-top: 20px;
}
.cstmInquiryDetail-content .input_box h4 {
	color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmInquiryDetail-content input::placeholder,
.cstmInquiryDetail-content .text-area-box textarea::placeholder {
	color: #989898;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: -0.64px;
}
.cstmInquiryDetail-content .basic_info input {
	width: 100%;
    background: #fff;
    border: 1px solid #dfe1e5;
    padding: 12px 16px;
    margin-top: 4px;
    height: 46px;
	border-radius: 8px;
	color: #303030;
	font-size: 16px;
}
.cstmInquiryDetail-content .basic_info input[disabled] {
	background: #eceef2;
	color: #989898;
}
.cstmInquiryDetail-content .input_box input:focus,
.cstmInquiryDetail-content .text-area-box textarea:focus {
	outline: none;
}
.cstmInquiryDetail-content .input_box .step {
	margin-top: 12px;
}
.cstmInquiryDetail-content .input_box .step-big {
	margin-top: 20px;
}
.cstmInquiryDetail-content .email_box {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}
.cstmInquiryDetail-content .email_box input {
	border: 1px solid #e1e1e1;
    padding: 1.85rem 2.5rem; 
}
.cstmInquiryDetail-content .email_box input {
	padding-right: calc(2.5rem + 15px);
}
.cstmInquiryDetail-content .email_box .email_id {
	width: 45%;
}
.cstmInquiryDetail-content .email_box span {
	font-size: 2.5rem;
    color: #767676;
    margin: 0 8px;
}
.cstmInquiryDetail-content .email_box .select_box {
	width: 45%;
	position: relative;
}
.cstmInquiryDetail-content .email_box .email_select {
	width: 100%;
}
.cstmInquiryDetail-content .email_box .select_box .open_pop {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 0 16px;
	margin-top: 3px;
	display: none;
}
.cstmInquiryDetail-content .select_pop {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 20px 20px 0 0;
	transform: translateY(100%);
	animation: sync_slide_up .5s linear forwards;
	padding: 20px;
	text-align: center;
	z-index: 21;
}
.cstmInquiryDetail-content .select_pop .title {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.cstmInquiryDetail-content .select_pop .title h4 {
	color: #303030;
    font-size: 2.8rem;
    font-weight: 600;
    padding-left: 4px;
}
.cstmInquiryDetail-content .select_pop ul {
	margin-top: 16px;
	max-height: 248px;
	overflow-y: scroll;
}
.cstmInquiryDetail-content .select_pop ul li {
	padding: 12px 16px;
    color: #767676;
    font-size: 2.5rem;
    border-bottom: 1px solid #ebebeb;
}
.cstmInquiryDetail-content .select_pop ul li:last-child {
	border-bottom: none;
}
.cstmInquiryDetail-content .article2 .select_box input {
	width: 100%;
	border: 1px solid #e1e1e1;
    padding: 1.85rem 2.5rem;
}
.cstmInquiryDetail-content .article2 .select_box .open_pop {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 16px;
}
.cstmInquiryDetail-content .edit-go {
	margin-top: 12px;
}
.cstmInquiryDetail-content .edit-go a {
	color: #989898;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-align: right;
    display: block;
    text-decoration: underline;
}
.cstmInquiryDetail-content .text-area-box {
	position: relative;
}
.cstmInquiryDetail-content .text-area-box textarea {
	width: 100%;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 4px;
    height: 241px;
    resize: none;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: -0.64px;
    color: #303030;
}
.cstmInquiryDetail-content .text-area-box .text-count {
	position: absolute;
    bottom: 12px;
    right: 16px;
    color: #989898;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: -0.44px;
}
.cstmInquiryDetail-content .upload-btn {
	margin-top: 4px;
    margin-bottom: 12px;
    border: 1px dashed #dfe1e5;
    border-radius: 8px;
    background: #fff;
    width: 100%;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.cstmInquiryDetail-content .upload-btn.full {
	background: #eceef2;
}
.cstmInquiryDetail-content .upload-btn .file-cur-count {
	color: #da4634;
	font-weight: 600;
}
.cstmInquiryDetail-content .file-list .file-item {
	background: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #303030;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
    margin-bottom: 8px;
}
.cstmInquiryDetail-content .file-list .file-item:last-child {
	margin-bottom: 12px;
}
.cstmInquiryDetail-content .file-list .file-item .name {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
.cstmInquiryDetail-content .file-list .file-item button {
	border: none;
    background: none;
    padding: 0;
}


.cstmInquiryDetail-content .id-file-list .file-item {
	background: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #303030;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
    margin-bottom: 8px;
}
.cstmInquiryDetail-content .id-file-list .file-item:last-child {
	margin-bottom: 12px;
}
.cstmInquiryDetail-content .id-file-list .file-item .name {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
.cstmInquiryDetail-content .id-file-list .file-item button {
	border: none;
    background: none;
    padding: 0;
}
.cstmInquiryDetail-content .input-3type-box {
	display: flex;
    gap: 8px;
    align-items: center;
    color: #6f6f6f;
    font-size: 16px;
}
.cstmInquiryDetail-content .title-flex {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.cstmInquiryDetail-content .title-flex a {
	color: #da4634;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-decoration: underline;
}
.cstmInquiryDetail-content .title-flex p {
	color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmInquiryDetail-content .title-flex p span {
	font-weight: 600;
}
.cstmInquiryDetail-content .file-info-txt li {
	display: flex;
    gap: 4px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    margin-bottom: 2px;
}
.cstmInquiryDetail-content .file-info-txt li:last-child {
	margin-bottom: 0;
}
.cstmInquiryDetail-content .noti-area {
	margin-top: 40px;
    border: 1px solid #dfe1e5;
    background: #eceef2;
    border-radius: 8px;
    padding: 16px 20px 20px 16px;
}
.cstmInquiryDetail-content .noti-area .title {
	color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
    margin-bottom: 8px;
}
.cstmInquiryDetail-content .noti-area li {
	display: flex;
    gap: 4px;
    margin-bottom: 4px;
}
.cstmInquiryDetail-content .noti-area li:last-child {
	margin-bottom: 0;
}
.cstmInquiryDetail-content .check_listbox {
	margin-top: 20px;
}
.cstmInquiryDetail-content .culture_checkbox,
.cstmDonationDetail-content .culture_checkbox {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 4px;
}
.cstmInquiryDetail-content .culture_checkbox .check_culture,
.cstmDonationDetail-content .culture_checkbox .check_culture {
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:middle;
  background: url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check.svg);
}
.cstmInquiryDetail-content input[type="checkbox"],
.cstmDonationDetail-content input[type="checkbox"]{
	display:none;
}
.cstmInquiryDetail-content .culture_checkbox input[type="checkbox"]:checked + span,
.cstmDonationDetail-content .culture_checkbox input[type="checkbox"]:checked + span{
  background:url(https://image.cultureland.co.kr/upload/web/etc/20231025_culture_check_active.svg); 
}
.cstmInquiryDetail-content .culture_checkbox .check-txt,
.cstmDonationDetail-content .check-txt {
	color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.56px;
    flex: 1;
}
.cstmInquiryDetail-content .culture_checkbox .check-txt span,
.cstmDonationDetail-content .check-txt span {
	font-weight: 600;
}
.cstmInquiryDetail-content .check_listbox .sub-info-agree {
	color: #6f6f6f;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    padding-left: 32px;
    display: flex;
    gap: 4px;
}
.cstmInquiryDetail-content .action-btn {
	width: 100%;
    margin-top: 32px;
    background: #da4634;
    border: none;
    padding: 14px 0;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
}
.cstmInquiryDetail-content .action-btn:disabled {
	background: #989898;
}
.cstmInquiryDetail-content .idcard-info-pop,
.cstmInquiryHis-content .inquiry-state-pop {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 85%;
    max-width: 320px;
    border-radius: 8px;
    z-index: 21;
    padding: 32px 23px 0;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}
.cstmInquiryDetail-content .idcard-info-pop .title,
.cstmInquiryHis-content .inquiry-state-pop .title {
	text-align: center;
}
.cstmInquiryDetail-content .idcard-info-pop .title h3,
.cstmInquiryHis-content .inquiry-state-pop .title h3 {
	color: #303030;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.8px;
    font-weight: 400;
}
.cstmInquiryHis-content .inquiry-state-pop .title h3 {
	font-weight: 600;
}
.cstmInquiryDetail-content .idcard-info-pop .title h3 span,
.cstmInquiryHis-content .inquiry-state-pop .title h3 span {
	font-weight: 600;
}
.cstmInquiryHis-content .inquiry-state-pop .title .sub-title {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -0.56px;
	margin-top: 8px;
	color: #303030;
}
.cstmInquiryDetail-content .idcard-info-pop .title span,
.cstmInquiryHis-content .inquiry-state-pop .title .sub-title span {
	font-weight: 600;
}
.cstmInquiryDetail-content .idcard-info-pop .pop-content,
.cstmInquiryHis-content .inquiry-state-pop .pop-content {
	margin-top: 20px;
}
.cstmInquiryDetail-content .idcard-info-pop li {
	margin-bottom: 12px;
}
.cstmInquiryDetail-content .idcard-info-pop li:last-child {
	margin-bottom: 0;
}
.cstmInquiryDetail-content .idcard-info-pop li h4 {
	color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
    display: flex;
    gap: 4px;
}
.cstmInquiryDetail-content .idcard-info-pop li .list-type {
	margin-top: 4px;
    background: #f5f6f8;
    border-radius: 8px;
    padding: 8px 12px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmInquiryDetail-content .idcard-info-pop li .list-type span {
	font-weight: 600;
}
.cstmInquiryDetail-content .idcard-info-pop .keep-upload,
.cstmInquiryHis-content .inquiry-state-pop .confirm-btn {
	width: calc(100% + 46px);
    margin-left: -23px;
    border: none;
    background: #da4634;
    color: #fff;
    margin-top: 28px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cstmInquiryDetail-content .idcard-info-pop .close_btn,
.cstmInquiryHis-content .inquiry-state-pop .close_btn {
	position: absolute;
    top: 16px;
    right: 16px;
}
.cstmInquiryHis-content .black_bg,
.cstmInquiryDetail-content .black_bg,
.cstmDonationDetail-content .black_bg {
	z-index: 21;
}
.cstmInquiryMain-content .list-items {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.cstmInquiryMain-content .list-items li {
	border: 1px solid #dfe1e5;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.cstmInquiryMain-content .list-items img {
	width: 32px;
}
.cstmInquiryMain-content .list-items p {
	margin-top: 12px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.64px;
}
.cstmInquiryMain-content .bottom-tel {
	margin-top: 32px;
    text-align: center;
}
.cstmInquiryMain-content .bottom-tel .main-txt {
	color: #303030;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.cstmInquiryMain-content .bottom-tel .main-txt span {
	font-weight: 600;
}
.cstmInquiryMain-content .bottom-tel .sub-txt {
	color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmInquiryResult-content .complete-box {
	text-align: center;
}
.cstmInquiryResult-content .complete-box img {
	width: 56px;
}
.cstmInquiryResult-content .complete-box h4 {
	margin-top: 12px;
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.8px;
}
.cstmInquiryResult-content .result-table {
	margin-top: 32px;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    background: #fff;
}
.cstmInquiryResult-content .result-table .tr {
	padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dfe1e5;
}
.cstmInquiryResult-content .result-table .tr:last-child {
	border-bottom: 0;
}
.cstmInquiryResult-content .result-table p:first-child {
	color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.56px;
}
.cstmInquiryResult-content .result-table p:last-child {
	color: #303030;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.64px;
}
.cstmInquiryResult-content .info-txt {
	margin-top: 12px;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-align: center;
}
.cstmInquiryHis-content .breakdown_more,
.cstmDonationHis-content .breakdown_more {
	padding: 20px 0 0;
}
.cstmInquiryResult-content .link-btn,
.cstmInquiryHis-content .link-btn,
.cstmDonationHis-content .link-btn {
	display: block;
    margin-top: 44px;
    background: #da4634;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    text-align: center;
    padding: 14px 0;
}
.cstmInquiryHis-content .link-btn,
.cstmDonationHis-content .link-btn {
	margin-top: 32px;
}
.cstmInquiryHis-content .breakdown_list,
.cstmDonationHis-content .breakdown_list {
	padding: 0 20px;
}
.cstmInquiryHis-content .breakdown_list>.list>li,
.cstmDonationHis-content .breakdown_list>.list>li {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.cstmInquiryHis-content .breakdown_list>.list>li:first-child,
.cstmDonationHis-content .breakdown_list>.list>li:first-child {
	padding-top: 0;
}
.cstmInquiryHis-content .periodArea .period_top .period_small>a,
.cstmDonationHis-content .periodArea .period_top .period_small>a {
	padding: 20px 0;
    display: flex;
    gap: 4px;
    align-items: center;
}
.cstmInquiryHis-content .periodArea .period_top .period_small>a strong,
.cstmDonationHis-content .periodArea .period_top .period_small>a strong {
	color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
    height: auto;
    padding: 0;
}
.cstmInquiryHis-content .periodArea .period_top .period_small>a strong i,
.cstmDonationHis-content .periodArea .period_top .period_small>a strong i {
	display: none;
}
.cstmInquiryHis-content .periodArea .period_top .period_small>a img,
.cstmDonationHis-content .periodArea .period_top .period_small>a img {
	transition: all 0.4s;
}
.cstmInquiryHis-content .periodArea .period_top .period_small>a.active img,
.cstmDonationHis-content .periodArea .period_top .period_small>a.active img {
	transform: rotate(-180deg);
}
.cstmInquiryHis-content .periodArea .period_top,
.cstmDonationHis-content .periodArea .period_top {
	border-bottom-color: #dfe1e5;
}
.cstmInquiryHis-content .note.error,
.cstmDonationHis-content .note.error {
	height: 134px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 39px 0 20px;
}
.cstmInquiryHis-content .note.bubble>.title,
.cstmDonationHis-content .note.bubble>.title {
	color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
}
.cstmInquiryHis-content .periodArea .period_btm>.diy>input,
.cstmDonationHis-content .periodArea .period_btm>.diy>input {
	background: #6f6f6f;
	height: 32px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
    margin: 0;
}
.cstmInquiryHis-content .periodArea .period_btm>.basis>a,
.cstmDonationHis-content .periodArea .period_btm>.basis>a {
	height: 32px;
	font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
    color: #6f6f6f;
}
.cstmInquiryHis-content .periodArea .period_btm>.basis>a.active,
.cstmDonationHis-content .periodArea .period_btm>.basis>a.active {
	background-color: #da4634;
	color: #fff;
}
.cstmInquiryHis-content .periodArea .period_btm>.diy select,
.cstmDonationHis-content .periodArea .period_btm>.diy select {
	color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
    height: 32px;
    flex: 1 1 45%;
    margin: 0;
}
.cstmInquiryHis-content .periodArea .period_btm>.diy,
.cstmDonationHis-content .periodArea .period_btm>.diy {
	gap: 8px;
}
.cstmInquiryHis-content .breakdown_list .state-btn {
    border: none;
    border-radius: 99px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
}
.cstmInquiryHis-content .breakdown_list .state-btn.type1 {
	background: #da4634;
	border: 1px solid #da4634;
	color: #fff;
}
.cstmInquiryHis-content .breakdown_list .state-btn.type2 {
	background: #fff;
	border: 1px solid #6f6f6f;
	color: #6f6f6f;
}
.cstmInquiryHis-content .breakdown_list>.list .slider .day,
.cstmDonationHis-content .breakdown_list>.list .slider .day {
	color: #989898;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmInquiryHis-content .breakdown_list>.list .slider>a,
.cstmDonationHis-content .breakdown_list>.list .slider>a {
	padding-top: 8px;
	padding-bottom: 0;
}
.cstmInquiryHis-content .breakdown_list>.list .slider>a .tit,
.cstmDonationHis-content .breakdown_list>.list .slider>a .tit {
	text-decoration: underline;
	color: #303030;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.cstmDonationHis-content .breakdown_list>.list .slider>a .tit {
	text-decoration: unset;
}
.cstmInquiryHis-content .breakdown_list>.list .slider>a .money,
.cstmDonationHis-content .breakdown_list>.list .slider>a .money {
	color: #303030;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
    padding-top: 6px;
}
.cstmInquiryHis-content .table-style {
	border: 1px solid #ebebeb;
    border-radius: 8px;
    overflow: hidden;
}
.cstmInquiryHis-content .table-style .tr {
	display: flex;
	border-bottom: 1px solid #ebebeb;
}
.cstmInquiryHis-content .table-style .tr:last-child {
	border-bottom: 0;
}
.cstmInquiryHis-content .table-style .th {
	padding: 8px;
    background: #fafafa;
    border-right: 1px solid #ebebeb;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-align: center;
    width: 62px;
    box-sizing: border-box;
}
.cstmInquiryHis-content .table-style .td {
	padding: 8px;
    color: #767676;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-align: center;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cstmMain-content .csMain .cs_list {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 12px 24px;
    border-radius: 16px;
}
.cstmMain-content .csMain>.tit {
	text-align: center;
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
    padding: 0;
    margin-bottom: 24px;
}
.cstmMain-content .csTel>dt {
	font-size: 18px;
    color: #303030;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.cstmMain-content .csTel>dd {
	padding: 0;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmMain-content .csMain .cs_list>li>a {
	padding: 16px 0 16px 2px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cstmMain-content .csMain .cs_list>li>a:before {
	content: unset;
}
.cstmMain-content .csTel {
	margin-top: 32px;
}
.cstmMain-content .csMain .cs_list>li+li {
	border-top: 1px solid #dfe1e5;
}


/* 기부하기 추가 (2026-04-06 홍선기) */
.cstmDonationMain-content .article1 {
	min-height: 544px;
    background: url(https://image.cultureland.co.kr/upload/web/etc/20260406_donation_main_bg.png) lightgray 50% / cover no-repeat;
    padding-top: 32px;
    position: relative;
}
.cstmDonationMain-content .article1 .top-inner {
	text-align: center;
	max-width: 300px;
    margin: 0 auto;
}
.cstmDonationMain-content .article1 .txt-img {
	width: 285px;
}
.cstmDonationMain-content .article1 .heart-img {
	width: 100px;
    margin-top: 28px;
    animation: up_down_ani_mini_type2 4s linear infinite;
}
.cstmDonationMain-content .article1 .bottom-inner {
	position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.cstmDonationMain-content .article1 .sub-txt {
	color: #303030;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmDonationMain-content .article1 .count-box {
	width: 266px;
    margin: 20px auto 0;
}
.cstmDonationMain-content .article1 .count-list-box {
	padding: 8px 12px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cstmDonationMain-content .article1 .count-list-box:first-child {
	margin-bottom: 8px;
}
.cstmDonationMain-content .article1 .mini-title {
	color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmDonationMain-content .article1 .count {
	color: #da4634;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.64px;
}
.cstmDonationMain-content .article1 .count span {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.8px;
}
.cstmDonationMain-content .article2 {
	padding: 40px 20px 64px;
    background: #fff;
}
.cstmDonationMain-content .article2 .list-item {
	margin-bottom: 80px;
}
.cstmDonationMain-content .article2 .list-item:last-child {
	margin-bottom: 0;
}
.cstmDonationMain-content .article2 .main-title {
	padding: 0 26px;
    text-align: center;
}
.cstmDonationMain-content .article2 .main-title h4 {
	background: #303030;
    border-radius: 99px;
    color: #fff;
    width: 48px;
    margin: 0 auto;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmDonationMain-content .article2 .main-title h5 {
	margin-top: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
    color: #303030;
}
.cstmDonationMain-content .article2 .sub-title {
	margin-top: 4px;
    text-align: center;
}
.cstmDonationMain-content .article2 .sub-title h6 {
	margin-top: 20px;
    color: #6f6f6f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cstmDonationMain-content .article2 .list-item:first-child .sub-title {
	margin-top: 20px;
}
.cstmDonationMain-content .article2 .list-item:first-child .sub-title h6 {
	margin-top: 12px;
}
.cstmDonationMain-content .article2 .list-item:last-child .sub-title {
	margin-top: 12px;
}
.cstmDonationMain-content .article2 .list-item:last-child .sub-title h6 {
	margin-top: 16px;
}
.cstmDonationMain-content .article2 .sub-title h6 span {
	font-weight: 600;
}
.cstmDonationMain-content .article2 .unicef-list {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 32px;
    margin-top: 28px;
}
.cstmDonationMain-content .article2 .unicef-list li {
	text-align: center;
}
.cstmDonationMain-content .article2 .unicef-list h7 {
	padding-top: 8px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.64px;
    position: relative;
}
.cstmDonationMain-content .article2 .unicef-list h7::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 4px;
	border-radius: 99px;
	background: #da4634;
}
.cstmDonationMain-content .article2 .unicef-list p {
	margin-top: 8px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.56px;
}
.cstmDonationMain-content .article2 .button-flex-box {
	display: flex;
	align-items: center;
    margin-top: 24px;
}
.cstmDonationMain-content .article2 .button-flex-box.center {
	justify-content: center;
}
.cstmDonationMain-content .article2 .button-flex-box.column {
	flex-direction: column;
	gap: 16px;
}
.cstmDonationMain-content .article2 .button-flex-box a {
	border-radius: 12px;
	padding: 10px 0;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
    text-align: center;
    width: 200px;
    font-weight: 600;
}
.cstmDonationMain-content .article2 .button-flex-box a.red-btn {
	background: #da4634;
    border: 1px solid #da4634;
    color: #fff;
}
.cstmDonationMain-content .article2 .button-flex-box a.underline {
	padding: 0;
    border-radius: 0;
    font-size: 14px;
    color: #6f6f6f;
    text-decoration: underline;
}
.cstmDonationDetail-content .top-tab-area h3 {
	color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cstmDonationDetail-content .tab-box {
	margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.cstmDonationDetail-content .tab-box button {
	flex: 1;
    border: 1px solid #dfe1e5;
    background: #fff;
    border-radius: 8px;
    padding: 12px 0;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmDonationDetail-content .tab-box button.active {
	border-color: #da4634;
	color: #da4634;
}
.cstmDonationDetail-content .article-type2 {
	display: none;
}
.cstmDonationDetail-content .tab-content {
	margin-top: 28px;
}
.cstmDonationDetail-content .article .list-area {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.cstmDonationDetail-content .article .list-area:last-child {
	margin-bottom: 0;
}
.cstmDonationDetail-content .article .list-area p {
	color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cstmDonationDetail-content .article .list-area .item:last-child {
	color: #303030;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.cstmDonationDetail-content .article .list-area input {
	background: #fff;
    padding: 12px 16px;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    color: #303030;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.64;
    width: 133px;
    text-align: right;
}
.cstmDonationDetail-content .article .list-area input:focus {
	outline: none;
}
.cstmDonationDetail-content .check-ounter {
	display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}
.cstmDonationDetail-content .check-txt .pop-btn {
	font-weight: 600;
    text-decoration: underline;
}
.cstmDonationDetail-content .article .list-area input:disabled {
	background: #eceef2;
	color: #989898;
}
.cstmDonationDetail-content .donation-go {
	width: 100%;
    background: #da4634;
    border: none;
    color: #fff;
    border-radius: 12px;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-top: 32px;
}
.cstmDonationDetail-content .donation-go:disabled {
	background: #989898;
}
.cstmDonationDetail-content .noti-area {
	margin-top: 40px;
    background: #fff;
    padding: 20px 20px 24px;
    border-radius: 8px;
    border: 1px dashed #e1e1e1;
}
.cstmDonationDetail-content .noti-area h5 {
	color: #767676;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.48px;
    margin-bottom: 12px;
}
.cstmDonationDetail-content .noti-area li {
	display: flex;
    gap: 4px;
    color: #767676;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}
.cstmDonationDetail-content .noti-area div li:last-child {
	margin-bottom: 0;
}
.cstmDonationDetail-content .noti-area .noti-item:last-child {
	margin-top: 12px;
}
.cstmDonationDetail-content .noti-area li span {
	word-break: break-all;
}
.cstmDonationDetail-content .donation-info-pop {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 85%;
    max-width: 320px;
    border-radius: 8px;
    z-index: 21;
    padding: 32px 23px 0;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}
.cstmDonationDetail-content .donation-info-pop .title {
	text-align: center;
}
.cstmDonationDetail-content .donation-info-pop .title h3 {
	color: #303030;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.72px;
    font-weight: 400;
}
.cstmDonationDetail-content .donation-info-pop .title h3 span {
	font-weight: 600;
}
.cstmDonationDetail-content .donation-info-pop .pop-content {
	margin-top: 12px;
}
.cstmDonationDetail-content .donation-info-pop li {
	margin-bottom: 12px;
}
.cstmDonationDetail-content .donation-info-pop li:last-child {
	margin-bottom: 0;
}
.cstmDonationDetail-content .donation-info-pop li h4 {
	color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
    display: flex;
    gap: 4px;
}
.cstmDonationDetail-content .donation-info-pop li .list-type {
	margin-top: 4px;
    background: #f5f6f8;
    border-radius: 8px;
    padding: 4px 12px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.cstmDonationDetail-content .donation-info-pop li .list-type p {
	word-break: break-all;
}
.cstmDonationDetail-content .donation-info-pop .confirm-btn {
	width: calc(100% + 46px);
    margin-left: -23px;
    border: none;
    background: #da4634;
    color: #fff;
    margin-top: 28px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cstmDonationDetail-content .donation-info-pop .close_btn {
	position: absolute;
    top: 16px;
    right: 16px;
}
.cstmDonationDetail-content .donation-info-pop .sub-info {
	margin-top: 12px;
    color: #da4634;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-align: center;
}
.cstmDonationResult-content .title {
	margin-bottom: 145px;
}
.cstmDonationResult-content .title h3 {
	text-align: center;
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.cstmDonationResult-content .title h3 span {
	color: #da4634;
}
.cstmDonationResult-content .result-inner-content {
	background: #fff;
    position: relative;
    border-radius: 24px 24px 0 0;
    padding: 65px 0 14vh;
}
.cstmDonationResult-content .result-inner-content .ab-img {
	position: absolute;
    bottom: calc(100% - 51px);
    width: 264px;
    left: 50%;
    transform: translateX(-50%);
}
.cstmDonationResult-content .result-inner-content .info-txt {
	color: #6f6f6f;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
    text-align: center;
}
.cstmDonationResult-content .result-inner-content .info-txt span {
	font-weight: 600;
    color: #303030;
}
.cstmDonationResult-content .result-inner-content .btn-box {
	margin-top: 32px;
    text-align: center;
}
.cstmDonationResult-content .result-inner-content .btn-box a {
	background: #da4634;
    color: #fff;
    border-radius: 12px;
    width: 200px;
    padding: 14px 0;
    border: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    display: inline-block;
}
.cstmDonationHis-content .regular-donation-box {
	border-radius: 12px;
    background: #fff;
    padding: 16px 16px 12px;
    position: relative;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
    margin-bottom: 24px;
}
.cstmDonationHis-content .regular-donation-box .bage {
	padding: 2px 6px;
    background: #da4634;
    border-radius: 4px;
    display: inline;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
}
.cstmDonationHis-content .regular-donation-box .donation-current {
	margin-top: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #303030;
    letter-spacing: -0.64px;
}
.cstmDonationHis-content .regular-donation-box .donation-current span {
	color: #da4634;
}
.cstmDonationHis-content .regular-donation-box button {
	margin-top: 14px;
    color: #989898;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
    border: none;
    background: none;
    text-decoration: underline;
    padding: 0;
}
.cstmDonationHis-content .regular-donation-box .bg-character {
	position: absolute;
    width: 100px;
    right: 0;
    bottom: 0;
}
.cstmDonationHis-content .total-box {
	margin-bottom: 20px;
}
.cstmDonationHis-content .total-box .title-area {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.cstmDonationHis-content .total-box h3 {
	color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cstmDonationHis-content .total-box .title-link-el {
	color: #989898;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-decoration: underline;
}
.cstmDonationHis-content .total-box .table-style {
	margin-top: 16px;
    border: 1px solid #dfe1e5;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.cstmDonationHis-content .table-style .tr {
	display: flex;
	text-align: center;
}
.cstmDonationHis-content .table-style .th {
	padding: 8px;
    background: #f5f6f8;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    border-right: 1px solid #dfe1e5;
    flex: 1;
}
.cstmDonationHis-content .table-style .td {
	padding: 12px 8px;
    font-size: 14px;
    color: #303030;
    line-height: 1.5;
    letter-spacing: -0.56px;
    border-right: 1px solid #dfe1e5;
    flex: 1;
}
.cstmDonationHis-content .table-style .th:last-child,
.cstmDonationHis-content .table-style .td:last-child {
	border-right: 0;
}
.cstmDonationHis-content .table-style .td span {
	color: #da4634;
}\



/* 반응형 */
@media (min-width: 500px) {
	.cstmDonationMain-content .article1 {
		min-height: 600px;
	}
}





/* 애니메이션 keyframes */
@keyframes up_down_ani_mini {
	0% {transform: translateY(0);}
	25% {transform: translateY(-3px);}
	50% {transform: translateY(0);}
	75% {transform: translateY(-3px);}
	100% {transform: translateY(0);}
}

@keyframes up_down_ani_mini_type2 {
	0% {transform: translateY(0);}
	25% {transform: translateY(-10px);}
	50% {transform: translateY(0);}
	75% {transform: translateY(-10px);}
	100% {transform: translateY(0);}
}