@charset "utf-8";
/*===========================
root
===================================*/
strong {
	font-weight: 800;
}
.blue {
	color: var(--navy03)
}
.blue02 {
	color: #d50000
}
.mb20 {
	margin-bottom: 20px;
}
:root {
--navy01: #0A2A43;   /* 가장 핵심. 공공기관 느낌의 깊은 네이비 */
--navy02: #123A57;   /* 서브 네이비. 헤더/푸터에 잘 어울림 */
--navy03: #1F4F6E;   /* 버튼/강조 라인 */
--navy04: #2F6A8C;   /* 서브 타이틀, 강조 텍스트 */
--navy05: #3D8EBB;   /* 링크/아이콘 포인트 */
--navy06: #61B0D4;   /* 호버/엑센트 */
--navy07: #AFC3D4;   /* 카드 배경, 보조 영역 */
--navy08: #D7E2EB;   /* 밝은 컨테이너 배경 */
--navy09: #F1F5F9;
 --blue01: #0D1E4F;   /* 아주 딥한 네이비블루 */
--blue02: #102C6D;   /* 기준색보다 더 어두운 톤 */
--blue03: #153A91;   /* ★ 기준색 (메인) */
--blue04: #1F56B9;   /* 좀 더 퓨어하고 선명한 블루 */
--blue05: #2D72D9;   /* 강한 포인트 블루 (버튼/CTA) */
--blue06: #5A9EF0;   /* 라이트하고 밝은 블루 */
--blue07: #A9D0F8;   /* 파스텔 블루 (배경/카드) */
--blue08:#E1F7FF;
--blue09:#AEE0F9;
--gray01: #1B1B1B;   /* 제목용 깊은 차콜 */
--gray02: #3A3A3A;   /* 본문 텍스트 */
--gray03: #6A6A6A;   /* 보조 텍스트 */
--gray04: #E5E7EA;   /* 라인/테두리 */
--gray05: #F5F7FA;   /* 페이지 전체 배경 */
--gray06: #ddd;
--gray07: #eee;
--gray08: #888;
}
/*===========================
br
===================================*/
span.br {
	display: block;
}
 @media (min-width: 1024px) {
span.br {
	display: none;
}
}
/*===========================
new_header
===================================*/
.new_header {
	background: #d7003a;
	border-bottom: 1px solid #ddd;
	gap: 0px 3%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding-right: 3%;
	font-weight:bold;
	line-height: 1.2;
	font-size:1.6rem
	
}
.new_header h1 {
	background: #153a91;
	width: 140px;
	padding: 30px 0px;
	height: 100%;
}
.new_header h1 img {
	width: 48%;
	filter: brightness(7);
}
.new_header h2 {
	font-size: clamp(14px, 2.5vw, 21px);
	font-weight: 900;
	line-height: 1.3;
	flex: 1;
}
.new_header ul {
	gap: 20px;
	background: #eee;
	height: 100%;
	padding: 0px 30px;
}
.new_header ul li a {
	display: flex;
	align-items: center;
}
.new_header ul li img {
	height: 30px;
	width: auto;
}
 @media (min-width: 1250px) {
.new_header ul li img {
	height: 36px;
}
}
 @media (max-width: 1249px) {
.new_header ul {
	flex-direction: column;
}
}
 @media (min-width: 1024px) {
.new_header h1 {
	width: 16%;
	max-width: 240px;
}
}
 @media (max-width: 1023px) {
.new_header {
	flex-wrap: wrap;
}
.new_header ul {
	width: 100%;
	height: auto;
	padding: 10px 0px;
	flex-direction: row;
}
}
 @media (max-width: 768px) {
}
/*===========================
sub_wrap
===================================*/

.sub_wrap {
	background: #fff;
	width: 100%;
	padding-top: 160px;
	padding-bottom: 40px;
	min-height: 500px;
	max-width: 1500px;
	width: 90%;
	margin: 0 auto;
}
 @media (max-width: 768px) {
.sub_wrap {
	padding-top: 200px;
	;
}
}
/*===========================
info
===================================*/




.reg-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	table-layout: fixed;
}
.reg-table th, .reg-table td {
	border: 1px solid #cccccc;
	padding: 8px 10px;
	text-align: left;
}
.reg-table thead th {
	background: #00669b;      /* 상단 진파랑 */
	color: #ffffff;
	font-weight: 600;
}
.reg-table .th-sub {
	font-weight: 400;
	font-size: 12px;
}
/* 본문 행 배경 (이미지처럼 은은한 스트라이프) */
.reg-table tbody tr.row-light td:first-child {
	background: #e8f0f4;      /* 연한 블루 */
}
.reg-table tbody tr:not(.row-extra):not(.row-light) td:first-child {
	background: #f4f7f9;      /* 조금 다른 연블루 */
}
/* 추가 옵션 영역 (연한 그린) */
.reg-table tbody tr.row-extra td {
	background: #e7f3df;
}
/* 숫자 오른쪽 정렬하고 싶으면 */
.reg-table td:nth-child(2), .reg-table td:nth-child(3) {
	text-align: right;
}











/*===========================
new_header
===================================*/

@media (min-width: 768px) {
/* tablet */
}
 @media (min-width: 1024px) {
/* desktop */
}
/*===========================
box
===================================*/
.box {
	padding: clamp(20px, 2.5vw, 40px);
	margin-bottom: 30px;
}
.box.st01 {
	background: #F5F7FA;
	border: 1px solid #ddd;
}
.box.st02 {
	border: 1px solid #ddd;
}
/*===========================
tit
===================================*/
h2.tit {
	font-size: clamp(20px, 2.5vw, 30px);
	font-weight: 800;
	line-height: 1.3;
	padding-bottom: 25px;
	padding-top: 40px;
}
h3.tit {
	font-size: clamp(17px, 2.5vw, 23px);
	color: #d50000;
	font-weight: 600;
	line-height: 1.3;
	padding-bottom: 10px;
	padding-top: 10px;
}
h3.tit:before {
	content: '-';
	color: #d50000;
	padding-right: 10px;
}
/*===========================
dept_st01 
===================================*/

.dept_st01 > li {
	position: relative;
	padding-left: 14px;
	color: var(--gray01);
	line-height: 1.6;
	font-size: clamp(15px, 2.5vw, 17px);
}
.dept_st01 > li::before {
	content: "";
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 11px;
	width: 4px;
	height: 4px;
	background: var(--navy04);
}
/* ===========================
   3Depth (dept_st03)
   =========================== */
.dept_st01 li ul {
	padding-left: 16px;
	margin-top: 8px;
	margin-bottom: 20px;
}
.dept_st01 li ul > li {
	position: relative;
	padding-left: 16px;
	margin-bottom: 4px;
	color: var(--gray03);
	font-size: clamp(14px, 2.5vw, 16px);
}
.dept_st01 li ul > li::before {
	content: "–";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--gray03);
}
/* ===========================
   progress-container
   =========================== */

.progress-container {
	width: 100%;
	padding: 20px 0 50px 0px;
	;
}
.progress-bar {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}
.progress-bar::before {
	content: '';
	position: absolute;
	top: 18px;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--gray04);
	z-index: 1;
}
.progress-step {
	flex: 1;
	text-align: center;
	position: relative;
	z-index: 2;
	color: var(--grey04);
}
.step-label {
	background: var(--navy07);
	color: white;
	padding: 10px 0;
	padding-left: clamp(13px, 2.5vw, 25px);
	padding-right: clamp(13px, 2.5vw, 25px);
	border-radius: 999px;
	display: inline-block;
	font-weight: 900;
	line-height: 1.9;
	font-size: clamp(13px, 2.5vw, 16px);
	margin-bottom: 20px;
}
.step-description {
	font-size: clamp(15px, 2.5vw, 20px);
	line-height: 1.4;
	color: var(--navy07);
	font-weight: 600;
}
.progress-step.active .step-label {
	background: #d50000;
	color: #fff;
}
.progress-step.active .step-description {
	color: #d50000;
	font-weight: 900;
}
/*===========================
footer
===================================*/


#footer {
	background: var(--gray03);
	line-height: 1.3;
	text-align: Center;
	overflow: hidden;
	color: #fff;
	font-size: clamp(12px, 2.5vw, 16px)
}
#footer .inner-f {
	display: Flex;
	width: 100%;
}
#footer .inner-f > div {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	text-align: Center;
	overflow: hidden;
	justify-content: center;
	padding: 50px 40px;
}
#footer .inner-f > div:nth-child(1) {
	background: rgba(0,0,0,0.5)
}
#footer .inner-f > div:nth-child(2) {
	background: rgba(0,0,0,0.4);
}
#footer .inner-f > div h3 {
	width: 100%;
	margin: 0;
	color: #fff;
	font-size: clamp(15px, 2.5vw, 22px);
	font-weight: 600;
}
#footer .inner-f > div h4 {
	width: 100%;
	padding-bottom: 10px;
	margin: 0;
	color: #fff;
	opacity: 0.6;
	font-size: clamp(13px, 2.5vw, 20px);
	font-weight: 500;
}
#footer .inner-f dl {
	display: flex;
	gap: 5px;
	opacity: 0.8;
	flex-wrap: wrap;
	justify-content: center;
}
#footer .inner-f > div:nth-child(2) dl {
	min-width: 35%;
}
#footer .inner-f > div:nth-child(2) dl:last-child {
	max-width: 100%
}
#footer .inner-f dl dt {
	font-weight: 500;
}
#footer .inner-f dl dd {
	font-weight: 300;
}
#footer .copy {
	font-size: 13px;
	line-height: 1.3;
	opacity: 0.6;
	padding: 20px;
	text-align: center;
	width: 100%;
}
 @media (max-width: 1023px) {
#footer .inner-f {
	flex-direction: column;
}
#footer .inner-f > div {
	gap: 6px 20px;
	padding: 20px 20px;
}
}
 @media (min-width: 768px) {
}
/*===========================
section.form_wrap
===================================*/
.form_wrap {
	display: flex;
	border-top: 2px solid var(--gray03);
	border-bottom: 1px solid var(--gray03);
	margin-bottom: 30px;
	margin-top: 30px;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0px 0px;
}
.form_wrap dl {
	width: 100%;
	padding: 25px 0px;
	gap: 20px 10px;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid var(--gray04);
}
.form_wrap dt {
	width: 260px;
	font-weight: 700;
	font-size: clamp(14px, 2.5vw, 20px);
	line-height:1.3
}
.form_wrap .dt_wide dt {
	width: 700px;
}
.form_wrap dt.required::after {
	content: "*";
	margin-left: 11px;
	color: #e11d48;
	font-size: 1rem;
}
.form_wrap dd {
	flex: 1;
}
ul.tiny {
	padding-top: 20px;
}
ul.tiny li {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 5px;
	position: relative;
	padding-left: 15px;
}
ul.tiny li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}
button,  input:not([type="checkbox"]):not([type="radio"]), select, textarea, .form_wrap button, .form_wrap input:not([type="checkbox"]):not([type="radio"]), .form_wrap select, .form_wrap textarea {
	max-width: 400px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	line-height: 40px;
	height: 40px;
	border: 1px solid #d1d5db;
	padding: 0px 14px;
	outline: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
button {
	max-width: auto;
}
.form_wrap .btn {
	background: #d50000;
	border: none !important;
	width: fit-content !important;
	padding: 0px 30px !important;
	font-weight: 800 !important;
	color: #fff;
	font-size: clamp(14px, 2.5vw, 16px);
}
.form_wrap input:not([type="checkbox"]):not([type="radio"]), .form_wrap select {
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 16px 16px;
	font-weight: 600;
}
.form_wrap textarea {
	padding-left: 14px;
	height: 100px;
	line-height: 1.4;
	resize: vertical;
	background-image: none !important;
}
.form_wrap input:not([type="checkbox"]):not([type="radio"]):focus, .form_wrap select:focus, .form_wrap textarea:focus {
	background-color: var(--gray05);
	box-shadow: 0 0 0 1px rgba(21, 58, 145, 0.12);
}
 .form_wrap input::placeholder, .form_wrap textarea::placeholder {
 color:var(--gray08);
}
.checklist {
	gap: 7px 30px;
	flex-wrap: wrap;
	align-items: center;
}
.checklist label {
	font-size: clamp(14px, 2.5vw, 17px);
	line-height: 1.3;
}
.form_wrap select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 40px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: right 17px center;
	background-repeat: no-repeat;
}
/* 체크박스 스타일 */
.form_wrap input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: #153a91;
}
.btn-box {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	flex-direction: column;
	padding: 20px;
	background: var(--navy09);
}
.btn-box .btn-toggle {
	border: none;
	border-top: 1px solid rgba(0,0,0,0.1);
	width: 100% !important;
	cursor: pointer;
	font-weight: 700;
	max-width: 100%;
	text-align: left;
	padding: 10px;
	font-size: 17px;
	line-height: 1.5 !important;
	color: #d50000;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: right 20px center;
}
.btn-box .btn-toggle.on {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2015.75%207.5-7.5%207.5%207.5'%20%2F%3E%3C%2Fsvg%3E");
}
.btn-box .btn-toggle:nth-child(1) {
	border-top: 0;
}
.oneday {
	display: none;
}
.btn-box .terms-box {
	width: 100%;
	background: #fff;
	display: none;
	padding: clamp(10px, 2.5vw, 20px);
}
.terms-box .inner {
	height: 200px;
	padding: 20px 0px;
	background: rgba(100,100,100,0.05);
	padding: 30px;
	width: 100%;
	overflow-y: scroll;
}
.terms-box .inner h3 {
	font-size: 17px;
	line-height: 1.3;
	margin-top: 0;
	padding-top: 10px;
}
.terms-box .inner > * {
	font-size: 14px;
	line-height: 1.5;
}
.terms-box .agree-area {
	display: none;
	margin-top: 20px;
	line-height: 1.3;
	font-size: clamp(14px, 2.5vw, 17px)
}
.terms-box .disabled {
	opacity: 0.4;
	pointer-events: none;
}
.terms-box .btn-box {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
.next_btn {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 30px 0px;
	justify-content: center;
}
.next_btn button, .next_btn a {
	border-radius: 9999px;
	background: #d50000;
	height: auto;
	color: #fff !important;
	width: 45%;
	text-align: Center;
	font-size: clamp(20px, 2.5vw, 25px);
	max-width: 300px;
	line-height: 1.4;
	padding: 15px 0px;
	font-weight: 900;
}
.next_btn .prev {
	background: #c5c5c5;
}
.chk {
	appearance: none;
	-webkit-appearance: none;
	width: 22px;
	border-radius: 50%;
	height: 22px;
	cursor: pointer;
	vertical-align: middle;
	transition: all .3s;
}
.chk {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'4.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2012.75%206%206%209-13.5'%20%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 0px;
}
.chk {
	background-color: #fff;
	border: 1px solid #ccc;
}
.chk:checked {
	background-size: auto 12px;
	background-color: #d50000;
	border: 1px solid #d50000;
}
/* disabled */
.chk:disabled {
	background-color: #e5e5e5;
	border-color: #ccc;
	cursor: not-allowed;
	opacity: .6;
}
 @media (max-width: 768px) {
.progress-container {
	padding-bottom: 0px;
}
.progress-step {
	display: none;
}
.progress-step.active {
	display: block;
}
.form_wrap dl {
	gap: 0px 0px;
	padding: 10px 0px;
}
.form_wrap dl dt {
	width: 100%;
}
.form_wrap .btn {
	width: 100% !important;
}
.terms-box .inner {
	padding: 10px !important;
}
}
/*===========================
step02
===================================*/

#total_display {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	justify-content: right;
	align-items: center;
	font-weight: 500;
	font-size: clamp(20px, 2.5vw, 30px);
	padding: 30px 3%;
	border: 2px solid var(--blue05);
}
#total_display dt {
	font-weight: 800;
	color: #d50000
}
.welcome_msg dt {
	font-weight: 800;
	font-size: clamp(20px, 2.5vw, 30px);
	line-height: 1.5;
}
.welcome_msg dd {
	font-size: clamp(16px, 2.5vw, 17px);
	line-height: 1.5;
	padding-top: 10px;
}
#file_upload_field {
	margin-top: 20px;
	border: 1px solid var(--blue05);
	padding: 15px;
	background-color: var(--gray05)
}
#file_upload_field .int {
	color: #d50000;
	font-weight: 700;
}
.wd12per {
	width: 12%;
}
.wd15per {
	width: 15%;
}
.tbl-registration th, .tbl-registration td {
	text-align: center;
}
.tbl-registration .highlight-rate {
	background-color: #fff4f6;
}
.tbl-registration .hr02 td {
	background-color: var(--blue09);
}
.period-passed {
	color: #ccc;
	background-color: #f9f9f9;
}
.reg-option {
	cursor: pointer;
}
.cate-radio-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 25px;
	align-items: center;
}
.cate-radio-wrap label {
	cursor: pointer;
	font-size: 14px;
	line-height: 1.5;
}
.cate-radio-wrap input[type="radio"] {
	margin-right: 5px;
}
.tb_base {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
	border-top: 2px solid var(--gray03);
	border-bottom: 1px solid var(--gray03);
}
.tb_base thead {
	background: var(--gray05);
}
.tb_base th, .tb_base td {
	border: 1px solid rgba(0,0,0,0.1);
	padding-top: clamp(10px, 2.5vw, 20px);
	padding-bottom: clamp(10px, 2.5vw, 20px);
	padding-left: clamp(5px, 2.5vw, 15px);
	padding-right: clamp(5px, 2.5vw, 15px);
	font-size: clamp(14px, 2.5vw, 18px);
	line-height: 1.3;
}
.inq {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.inq dt, .inq dd {
	font-size: clamp(17px, 2.5vw, 20px);
	font-weight: 700;
	line-height: 1.5;
}
.inq dd a {
	color: #d50000
}
.inq dt svg {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
/*===========================
sectoin reg3
===================================*/

.section-header {
	display: flex;
	padding-top: 30px;
	align-items: center;
	font-size: clamp(18px, 2.5vw, 25px);
	color: #d50000;
	line-height: 1.5;
	font-weight: 700;
	padding-bottom: 10px;
}
/* Edit 버튼 스타일 */
.edit-btn {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%23fff'%20class%3D'size-4'%3E%3Cpath%20d%3D'M13.488%202.513a1.75%201.75%200%200%200-2.475%200L6.75%206.774a2.75%202.75%200%200%200-.596.892l-.848%202.047a.75.75%200%200%200%20.98.98l2.047-.848a2.75%202.75%200%200%200%20.892-.596l4.261-4.262a1.75%201.75%200%200%200%200-2.474Z'%20%2F%3E%3Cpath%20d%3D'M4.75%203.5c-.69%200-1.25.56-1.25%201.25v6.5c0%20.69.56%201.25%201.25%201.25h6.5c.69%200%201.25-.56%201.25-1.25V9A.75.75%200%200%201%2014%209v2.25A2.75%202.75%200%200%201%2011.25%2014h-6.5A2.75%202.75%200%200%201%202%2011.25v-6.5A2.75%202.75%200%200%201%204.75%202H7a.75.75%200%200%201%200%201.5H4.75Z'%20%2F%3E%3C%2Fsvg%3E");
	background-color: #d50000;
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: left 23px center;
	padding: 10px 20px 10px 47px;
	color: #fff !important;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 800;
	margin-left: 10px;
	transition: all 0.2s;
}
.edit-btn:hover {
	background-color: var(--blue02);
}
/* 취소 정책 박스 */
.cancel-policy-box {
	border: 1px solid var(--gray03);
	margin-top: 10px;
}
.cancel-policy-box > div {
	padding: 30px 30px;
}
.cancel-policy-box > div dl {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	font-weight: 600;
}
.cancel-policy-box > div dl dd {
	color: #d50000;
	font-weight: 800
}
.cancel-policy-box .check_area {
	background: var(--gray07);
	padding: 10px 20px;
}
.checkpayment {
	gap: 20px;
}
/* 결제 상세 박스 숨김 처리 (초기값) */
#payment_credit_detail, #payment_wire_detail {
	display: none;
}
#payment_credit_detail {
	padding: 30px 3%;
	background: #d50000
}
#payment_credit_detail ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 10px 0px;
}
#payment_credit_detail ul li {
	font-weight: 600;
	color: #fff;
	position: relative;
	font-size: clamp(14px, 2.5vw, 16px);
	padding-left: 15px;
	line-height: 1.4;
}
#payment_credit_detail ul li:before {
	content: '';
	background: #fff;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 11px;
	left: 0;
	border-radius: 50%;
}
#payment_credit_detail button {
	width: 100%;
	text-align: Center;
	margin-top: 30px;
	border: 0px;
	max-width: 100%;
	color: #fff;
	font-weight: 800;
	font-size: clamp(18px, 2.5vw, 25px);
	line-height: 1.5;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	background: Rgba(0,0,0,0.6)
}
#payment_credit_detail p {
	font-weight: 800;
	color: #fff;
	text-align: Center;
	font-size: 13px;
	padding-top: 15px;
	line-height: 1.3;
	opacity: 0.7;
}
 @media (max-width: 768px) {
.form_wrap {
	margin-top: 10px;
}
.edit-btn {
	padding: 6px 10px 6px 37px;
	background-position: left 13px center;
}
}
 @media (min-width: 1024px) {
/* desktop */
}
.mypage_btnarea {
	gap: 20px 20px;
	flex-wrap: wrap;
	padding-top: clamp(30px, 2.5vw, 70px);
	padding-bottom: clamp(30px, 2.5vw, 70px);
}
.mypage_btnarea dl {
	flex: 1;
	cursor: pointer;
	text-align: Center;
	transition: all 1s;
	border: 1px solid #d50000;
	padding: clamp(10px, 2.5vw, 40px);
}
.mypage_btnarea dl dt svg {
	width: clamp(40px, 2.5vw, 130px);
	height: clamp(40px, 2.5vw, 130px);
}
.mypage_btnarea dl dd {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-weight: 600;
	line-height: 1.4;
	font-size: clamp(17px, 2.5vw, 21px);
}
.mypage_btnarea dl:hover {
	background-color: var(--gray05)
}
 @media (max-width: 768px) {
.mypage_btnarea dl {
	flex-basis: calc(50% - 20px)
}
}



/*===========================
new_header
===================================*/





@media (min-width: 768px) {
/* tablet */
}
 @media (min-width: 1024px) {
/* desktop */
}
/*===========================
inner_login_wrap
===================================*/
.inner_login_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 20px;
	justify-content: center;
	align-items: center;
	padding: 30px 30px;
	background: #666;
	margin-top: 20px;
}
.inner_login_wrap div {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
}
.inner_login_wrap dl dt {
	color: #fff;
}
.inner_login_wrap dl {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 20px;
}
.inner_login_wrap dd input {
	width: 100%;
	max-width: 350px;
	border: none
}
.inner_login_wrap .reg_btn input {
	color: #fff;
	background: #d50000;
	border: none;
	padding: 0px 40px;
	font-weight: 700;
	font-size: 17px;
}
 @media (max-width: 767px) {
.inner_login_wrap {
	gap: 20px 10px;
	padding: 20px 20px;
}
.inner_login_wrap dl dt {
	width: 70px;
	font-size: 15px;
}
.inner_login_wrap div {
	gap: 10px 3px;
}
.inner_login_wrap dl dd {
	flex: 1
}
.inner_login_wrap dd input {
	max-width: 100%;
}
.inner_login_wrap .reg_btn {
	width: 100%
}
.inner_login_wrap .reg_btn input {
	width: 100%;
}
}