@font-face {font-family: 'GmarketSans'; src: url('/fonts/subset/gmarketsans/GmarketSansBoldSubset.woff2') format('woff2'), url('/fonts/subset/gmarketsans/GmarketSansBoldSubset.woff') format('woff');}/* otf¿ë */

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/subset/notosanskr/NotoSansKR-VariableSubset.woff2') format('woff2'),
    url('/fonts/subset/notosanskr/NotoSansKR-VariableSubset.woff') format('woff');
    font-weight: 100 900;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
strong.red {color: #ea1a18; font-weight: 900;}
strong.fontUp {font-size: 20px;}

.flex_col {display:flex; flex-flow:column wrap;gap:20px;margin:50px 0 40px;}
#result_msg {font-size: 16px;text-align: center;color: #222;display: none;font-weight: 500;}

.receipt_dms_box .receipt_dms_tit {display: flex; align-items: center; justify-content: center; height: 300px; border-radius: 0 0 100px 100px; background: #fff4f5;}
.receipt_dms_box .receipt_dms_tit h1 {position: relative; padding-top: 96px; font-family: "GmarketSans"; font-weight: 900; font-size: 54px; color: #f7313e; letter-spacing: -3px;font-weight:normal;}
.receipt_dms_box .receipt_dms_tit h1:before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 64px; height: 66px; background: url(/donation_receipt/img/dms_icon.svg) no-repeat;}

.receipt_dms_box form {margin: 0 auto; padding: 100px 0 140px; width: 1000px; font-family: "Noto Sans KR";}
.receipt_dms_box .receipt_dms_input .dms_inputTit {border-bottom: 2px solid #ea1a18;}
.receipt_dms_box .receipt_dms_input .dms_inputTit h4 {margin-bottom: 10px; font-size: 24px; font-weight: 900;}

#inamtKr {flex-shrink:0;}
.receipt_dms_box .receipt_dms_input .dms_inputBox {padding: 40px 0 40px 20px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox + .dms_inputBox {border-top:1px solid #d7d7d7;}
.receipt_dms_box .receipt_dms_input .dms_inputBox.box4 {padding-bottom: 100px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box {display: flex; margin-bottom: 25px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box:last-child {margin-bottom: 0;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box p {font-size: 18px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_txt {width: 140px; min-width: 140px; line-height: 46px; font-size: 20px; font-weight: 700; color: #ea1a18; letter-spacing: -1px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_fix {width: 100%; max-width: 800px; height: 46px; line-height: 46px; word-break: keep-all;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input {display: flex; align-items: center; justify-content: right; width: 100%; gap: 10px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input.input_start {justify-content: start;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input.input_idnum > span {width: 100%;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input.input_idnum > span:nth-of-type(2) {width: 20px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input.input_addr {flex-flow: row wrap;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input.input_addr button {flex-shrink:0;padding: 0 20px; height: 46px; border: 1px solid #aeaeae; border-radius: 5px; background: #efefef; font-family: 'Noto Sans KR'; font-size: 15px; font-weight:600; color: #666; cursor: pointer;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input.input_addr span{width:100%;display:flex;gap:10px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input input {width: 100%; max-width: 860px; height: 46px; line-height: 46px; border: 1px solid #aeaeae; border-radius: 5px; padding: 0 20px; box-sizing: border-box; color: #222; font-weight: bold;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input input::placeholder {color: #999; font-weight: bold;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input input[readonly] {background:#f5f5f5;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input #amount {width: 300px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input label {position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;margin:-1px;padding:0;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select {display: flex; gap: 10px; font-size:18px; align-items:center;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select.type2 {width:100%;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select .select_box {display:flex;align-items:center;gap:4px;position:relative;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select .select_box::after {content:'';display:block;width:6px; height:6px;border:2px solid #222;border-left:none;border-top:none;transform:rotate(45deg);transform-origin:center;position:absolute;right:12px;top:50%;margin-top:-6px;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select select {padding: 0 24px 0 20px; width: 110px; height: 46px; border: 1px solid #aeaeae; border-radius: 5px; cursor: pointer; color: #222; font-weight: bold;appearance:none;}
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select.type2 .select_box,
.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select.type2 select { width:100%; }


.receipt_dms_box .dms_info {padding-top: 50px; border-top: 1px solid #ddd;}
.receipt_dms_box .dms_info > div {padding: 0 20px 60px;}
.receipt_dms_box .dms_info > div.consent_choice {padding-bottom: 100px;}
.receipt_dms_box .dms_info .consent_tit {display: flex; align-items: center; justify-content: space-between; margin: 0 20px 60px; padding: 0 20px; height: 80px; border: 1px solid #aeaeae; border-radius: 10px; font-size: 18px; font-weight: 900; word-break: keep-all;}
.receipt_dms_box .dms_info input[type=checkbox],
.receipt_dms_box .dms_info input[type=radio] {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; padding: 0; width: 16px; height: 16px; line-height: 16px; border: 1px solid #999; cursor: pointer;}
.receipt_dms_box .dms_info input[type=checkbox]:checked::after,
.receipt_dms_box .dms_info input[type=radio]:checked::after {content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 14px; background: url(/recovery/img/input_checked.png) no-repeat center / 100%; border: 2px solid #ea1a18;}
.receipt_dms_box .dms_info .consent_subtit {margin-bottom: 20px; font-size: 18px; font-weight: 700;}
.receipt_dms_box .dms_info table {display: block; margin-bottom: 10px; width: 100%; border: 1px solid #c6c6c6; border-radius: 5px; overflow: hidden;}
.receipt_dms_box .dms_info table > * {display: flex; box-sizing: border-box;}
.receipt_dms_box .dms_info table thead {border-bottom: 1px solid #c6c6c6; background: #f7f7f7; font-size: 16px; color: #333;}
.receipt_dms_box .dms_info table tr {display: flex; justify-content: space-between; width: 100%;}
.receipt_dms_box .dms_info table tr > * {width: 100%; border-right: 1px solid #c6c6c6;}
.receipt_dms_box .dms_info table tr > *:last-child {border-right: 0;}
.receipt_dms_box .dms_info table tr th {padding: 10px 0; font-weight: 900;}
.receipt_dms_box .dms_info table tr td {padding: 20px; word-break: keep-all; line-height: 1.3; color: #333;}
.receipt_dms_box .dms_info table tr td.support_period {text-align: center;}
.receipt_dms_box .dms_info table tr td em {text-decoration: underline; text-underline-position: under;}
.receipt_dms_box .dms_info .consent_radiobox {display: flex; justify-content: space-between; align-items: center;}
.receipt_dms_box .dms_info .consent_radiobox p {max-width: 800px; font-size: 14px; color: #888; word-break: keep-all;}
.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist {display: flex; font-size: 18px;}
.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist div:first-child {margin-right: 30px;}
.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist label {display: inline-block; line-height: 40px; color: #666;margin-left:2px;cursor:pointer;}
.receipt_dms_box .dms_info .consent_choice p {margin-bottom: 10px; font-size: 14px; color: #888; word-break: keep-all;}

.submit_btn {margin: 0 auto; padding: 0; width: 270px; height: 58px;}
.submit_btn button {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: none; background: #ea1a18; border:4px solid #ea1a18;color: #fff; font-family: 'GmarketSans'; font-size: 22px; letter-spacing: -1px; cursor: pointer; transition: ease-in 0.1s;}
.submit_btn button:hover {background: #fff; color: #ea1a18;}
.submit_btn button span {height: 21px;}

.box2 .submit_btn {width:160px;height:46px;}
.box2 .submit_btn button {font-weight:700;font-size:18px;font-family:'Noto Sans KR';}
.box2 .submit_btn button span {height:auto;}

.layer_popup { position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; display: flex; padding: 36px 16px; justify-content: safe center; align-items: safe center; box-sizing: border-box; display: none; overflow-y: auto;}
.layer_popup .layer_inner { position: relative; width: 300px; max-width: 100%; background: #fff; border-top: 8px solid #ed3636; text-align: center; letter-spacing: -1px !important; border-radius: 20px; padding: 30px 20px;}
.layer_popup .btn_close {position:absolute;right:-5px;top:-10px;transform:translateY(-100%);color:transparent;background:url(/images/icon/icon_btn_close.svg) no-repeat;background-size:contain;width:30px;height:30px;border:0;cursor:pointer;}
.layer_popup .message p { display:none;font-size:15px; color:#555;padding:0 20px;margin:20px 0;line-height:1.3}
.layer_popup .btn_box {display:block;}
.layer_popup .btn {color:#fff;background:#ed3636;border-radius:5px;border:0;height:auto;width:max-content; margin:18px auto 0;font-size:15px;padding:8px 42px;cursor:pointer;}
.layer_popup #msg {white-space:pre-wrap;}

@media all and (max-width: 1000px) {
	.receipt_dms_box .receipt_dms_tit {height: 200px;}
	.receipt_dms_box .receipt_dms_tit h1 {padding-top: 60px; font-size: 36px;}
	.receipt_dms_box .receipt_dms_tit h1:before {width: 40px; height: 41px;}
	.receipt_dms_box form {padding: 50px 0 70px; width: calc(100% - 60px);}
	.receipt_dms_box .receipt_dms_input .dms_inputBox.box4 {padding-bottom: 50px;}
	.receipt_dms_box .dms_info .consent_radiobox {flex-flow: row wrap;}
	.receipt_dms_box .dms_info .consent_radiobox p {max-width: 100%; width: 100%;}
	.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist {justify-content: flex-end; width: 100%;}
	#inamtKr {display:none;}
}

@media all and (max-width: 640px) {
	strong.fontUp {font-size: 18px !important;}
	strong br {display: none;}
	
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select {font-size:16px;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select select {padding: 0 24px 0 10px;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select .select_box::after { right:9px; }
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input input {padding: 0 10px;}
	.receipt_dms_box .receipt_dms_tit {height: 130px; border-radius: 0 0;}
	.receipt_dms_box .receipt_dms_tit h1 {padding-top: 40px; font-size: 26px;}
	.receipt_dms_box .receipt_dms_tit h1:before {width: 30px; height: 31px;}
	.receipt_dms_box form {padding: 20px 0 70px;}
	.receipt_dms_box .receipt_dms_input .dms_inputTit h4 {margin-bottom: 5px; font-size: 20px;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox {padding: 20px 0;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box {flex-flow: row wrap; margin-bottom: 15px;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_txt {line-height: 40px; font-size: 17px;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_fix {height: auto; line-height: 1.3;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box p {font-size: 16px;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_input #amount {width: 100%;}
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select,
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select > div,
	.receipt_dms_box .receipt_dms_input .dms_inputBox .dms_box .dms_select > div select {width: 100%;}
	
	.receipt_dms_box .dms_info > div {padding: 0 0 30px;}
	.receipt_dms_box .dms_info > div.consent_choice {padding-bottom: 50px;}
	.receipt_dms_box .dms_info .consent_tit {margin: 0 0 30px; font-size: 16px;}
	.receipt_dms_box .dms_info .consent_subtit {margin-bottom: 5px; font-size: 16px;	}
	.receipt_dms_box .dms_info .consent_tit label {width: 100%;}
	.receipt_dms_box .dms_info table * {font-size: 14px;}
	.receipt_dms_box .dms_info table tr td {padding: 10px; word-break: unset;}
	.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist {font-size: 16px;}
	.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist input[type=checkbox] + span,
	.receipt_dms_box .dms_info .consent_radiobox .consent_radiolist input[type=radio]+ span {line-height: 1;}
	
	.submit_btn {width: 100%!important;}
}