.hidden {
    display: none !important;
}

/**************************
INDEX
**************************/
/*index - common*/
#index section {
	padding:10rem 0;
}
#index section h2 {
	margin-bottom:1.5em;
	font-size:3.6rem;
	font-weight:var(--txt-semibold);
}
#index section h2 small {
	display:block;
	margin-top:1ex;
	font-size:1.8rem;
	line-height:1.6;
	font-weight:var(--txt-light);
}
#index .btns_box {
	padding-top:7.5rem;
}
/*index - main banner*/
#index .mainBnr {
	height:54rem;
}
#index .mainBnr a {
	display:block;
	width:100%;
	height:100%;
}
#index .mainBnr img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
#index .mainBnr .mainBnr__controls {
	position:absolute;
	left:0; right:0;
	bottom:1rem;
	color:#fff;
	font-size:1.8rem;
	z-index:9;
}
#index .mainBnr .controls_prev,
#index .mainBnr .controls_next {
	margin-top:0.3rem;
	padding:0 1ex;
}
#index .mainBnr .controls_pager_wrap  {
	position:relative;
	width:9rem;
}
#index .mainBnr .controls_pager  {
	width:100%;
	height:0.2rem;
	background:rgba(255,255,255,0.5);
}
#index .mainBnr .controls_pager .swiper-pagination-progressbar-fill {
	background:#fff;
}
/*index - status*/
#index .status {
	padding:4.5rem 0;
	background:var(--color-gray-100);
}
#index .status h2 {
	position:relative;
	width:50%;
	font-size:2.4rem;
	font-weight:var(--txt-light);    
	white-space: nowrap;
    overflow: hidden;
}
#index .status h2 b {
	font-weight:var(--txt-medium);
}
#index .status h2:after {
	content:"";
	display:inline-block;
	width:20rem;
	height:1px;
	margin-bottom:0.33em;
	margin-left:1rem;
	background:var(--color-gray-500);
}
#index .status .status__count {
	width:50%;
	gap:7rem;
}
#index .status .status__count dl {
	gap:1rem;
}

#index .status .status__count dl i{position:relative; top:2px;}
#index .status .status__count dt {
	width:7.8rem;
	line-height:7.8rem;
	text-align:center;
	font-size:3.6rem;
	background:#fff;
	border-radius:50em;
	box-shadow:0 0 0.6rem 0 rgba(0,0,0,0.15);
}
#index .status .status__count dd small {
	display:block;
	margin-bottom:0.5ex;
	font-size:1.8rem;
}
#index .status .status__count dd strong {
	font-size:3rem;
	font-weight:var(--txt-semibold);
}
#index .status .status__count dd b {
	font-weight:var(--txt-semibold);
}
/*index - why*/
#index .why ul {
	gap:4rem;
}
#index .why ul li {
	width:calc(100% - 8rem / 3);
	margin-top:3.5rem;
	padding:0 3rem 3rem;
	font-size:1.8rem;
	line-height:1.8em;
	background:#fff;
	box-shadow:0 0 1.5rem 0 rgba(0,0,0,0.10);
	border-radius: 1rem;
}

#index .why ul li:first-child, #index .why ul li:last-child
{
    position:relative;
    top:5rem;
}
#index .why ul li span {
	display:block;
	width:14.2rem;
	margin:-3.5rem auto 0;
	line-height:7rem;
	text-align:center;
	font-size:4rem;
	color:#fff;
	border-radius:0 0 50em 50em;
	background:var(--color-main);
}
	#index .why ul li:nth-child(2) span {
		background:var(--color-point);
	}
	#index .why ul li:nth-child(3) span {
		background:var(--color-sub-point);
	}
#index .why ul li span img {
	height:3.6rem;
    margin-top: -1.8rem;
}
	#index .why ul li:nth-child(1) span img {
		animation: whyIcon-1 3s linear infinite;
	}
		@keyframes whyIcon-1 {
			0% {transform:translateY(-50%); opacity:0}
			12.5% {transform:translateY(0); opacity:1}
			25% {transform:translateY(0)}
			37.5% {transform:translateY(0)}
			50% {transform:translateY(0)}
			62.5% {transform:translateY(0)}
			75% {transform:translateY(0)}
			87.5% {transform:translateY(0)}
			100% {transform:translateY(0)}
		}
	#index .why ul li:nth-child(2) span img {
		animation: whyIcon-2 3s linear infinite;
	}
		@keyframes whyIcon-2 {
			0% {transform:translateY(-50%); opacity:0}
			12.5% {transform:translateY(-50%); opacity:0}
			25% {transform:translateY(-50%); opacity:0}
			37.5% {transform:translateY(0); opacity:1}
			50% {transform:translateY(0)}
			62.5% {transform:translateY(0)}
			75% {transform:translateY(0)}
			87.5% {transform:translateY(0)}
			100% {transform:translateY(0)}
		}
	#index .why ul li:nth-child(3) span img {
		animation: whyIcon-3 3s linear infinite;
	}
		@keyframes whyIcon-3 {
			0% {transform:translateY(-50%);opacity:0}
			12.5% {transform:translateY(-50%);opacity:0}
			25% {transform:translateY(-50%);opacity:0}
			37.5% {transform:translateY(-50%);opacity:0}
			50% {transform:translateY(-50%);opacity:0}
			62.5% {transform:translateY(0)opacity:1}
			75% {transform:translateY(0)}
			87.5% {transform:translateY(0)}
			100% {transform:translateY(0)}
		}
#index .why ul li h3 {
	margin:1em 0 1ex;
	font-size:2.4rem;
	font-weight:var(--txt-semibold);
}
#index .why ul li p b {
	position:relative;
	display:inline-block;
    line-height: 1;
	z-indeX:1;
}
	#index .why ul li p b:after {
		content:"";
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		display:block;
		width:0;
		height:80%;
		background:#fff6a5;
		z-index:-1;
	}
	#index .why ul li:nth-child(1) p b:after {
		animation: whyTxt-1 3s linear infinite;
	}
		@keyframes whyTxt-1 {
			0% {width:0%}
			12.5% {width:0%}
			25% {width:100%}
			37.5% {width:100%}
			50% {width:100%}
			62.5% {width:100%}
			75% {width:100%}
			87.5% {width:100%}
			100% {width:100%}
		}
	#index .why ul li:nth-child(2) p b:after {
		animation: whyTxt-2 3s linear infinite;
	}
		@keyframes whyTxt-2 {
			0% {width:0%}
			12.5% {width:0%}
			25% {width:0%}
			37.5% {width:0%}
			50% {width:100%}
			62.5% {width:100%}
			75% {width:100%}
			87.5% {width:100%}
			100% {width:100%}
		}
	#index .why ul li:nth-child(3) p b:after {
		animation: whyTxt-3 3s linear infinite;
	}
		@keyframes whyTxt-3 {
			0% {width:0%}
			12.5% {width:0%}
			25% {width:0%}
			37.5% {width:0%}
			50% {width:0%}
			62.5% {width:0%}
			75% {width:100%}
			87.5% {width:100%}
			100% {width:100%}
		}
/*index - latest*/
#index .latest {
	position:relative;
	padding-top:0;
	gap:2rem;
	z-index:1;
    /* overflow: hidden; */
}
	#index .latest:after {
		con tent: "";
		position: absolute;
		bottom: 0;
		display: block;
		width: 100%;
		height: 60%;
	    background: var(--color-main-light-100);
		border-radius: 30em 0em 0 0;
		z-index: -1;
	}
#index .latest h2 {
	margin-bottom:1.1em;
	font-size:2.5rem;
	gap:1rem;
}
#index .latest h2 span {
    position: absolute;
    right: 0;
    top: 0;
    width: 8rem;
    padding-bottom: 1rem;
    text-align: center;
    line-height: 7rem;
    font-size: 4rem;
    border-radius: 0 0 0 50em;
    background: var(--color-point);

	box-shadow:0 0 1rem 0 rgba(0,0,0,0.15);
}
#index .latest h2 span i {
    margin-right: -0.4em;
}
#index .latest h2 a i {
	font-size:3rem;
} 
	#index .latest h2 a:hover i {
		transform:translateX(1rem);
		transition:all 0.5s;
	}
	#index .latest h2 a:hover i:before {
		content:"\e907"
	}
#index .latest h2 small {
	display:block;
	margin-top:1ex;
	font-size:1.6rem;
	font-weight:var(--txt-light);
	color: grey;
}
#index .latest ul {
	gap:3px;
}
#index .latest ul li a {
	height:5rem;
	/* padding:0 1em; */
	line-height:1em;
	font-size:1.6rem;
	background:#fff;
	border:1px solid transparent;
}
	#index .latest ul li a:hover {
		/* border-color:var(--color-main);
		box-shadow:0 0 1rem 0 rgba(0,0,0,0.15);
		transition:all 0.5s; */
	}
	#index .latest ul li a:hover h3 {
		color:var(--color-main);;
	}
#index .latest .latest__history {
    position: relative;
	width:calc(60% - 2rem);
    padding:3.5rem 4.5rem ;
	/* background: var(--color-main-light-100); */
	border-radius: 1rem;
    box-shadow: 0 0 1rem 0 rgb(0 0 0 / 10%);
	overflow: hidden;
}
#index .latest .latest__history .swiper {
	height:calc(5rem * 8 + 35px);
}
#index .latest .latest__history ul {
	height:100%;
	gap:0;
}
#index .latest .latest__history ul li.swiper-slide {
	height:auto;
	border-bottom:1px solid #dddddd;
}
#index .latest .latest__history ul li a  > div {
	width:calc(100% - 10rem);
}
#index .latest .latest__history ul li a .history_date {
	width:3em;
	color:var(--color-gray-900);
	text-align:center;
}
#index .latest .latest__history ul li a .history_name {
	width:6em;
	margin:0 1rem;
	padding:0 1rem;
	text-align:center;
	/*border-left:1px solid var(--color-gray-300);*/
	border-right:1px solid var(--color-gray-300);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

	margin-left:0;
	padding-left:0
}
#index .latest .latest__history ul li a .history_name img{
    position:relative;
        bottom:1px;
        width:2.5rem;
        max-width:31px;
        border-radius:50%;
        border:1px solid var(--color-gray-200);
}
#index .latest .latest__history ul li a .history_tit {
	width:calc(100% - 8em);
	gap:0.5rem;
}
#index .latest .latest__history ul li a .history_tit span {
	width:3rem;
	height:3rem;
	border: 1px solid var(--color-gray-300);
	border-radius:1rem;
    overflow: hidden;
}
#index .latest .latest__history ul li a .history_tit span img {
	width:100%;
	height:100%;
	object-fit:contain;
}
#index .latest .latest__history ul li a .history_tit h3 {
    width: calc(100% - 3.5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:var(--txt-regular);
}
#index .latest .latest__history .history_status {
	display:inline-block;
	width:9rem;
	text-align:center;
	line-height:3rem;
	font-size:1.4rem;
	border-radius:50em;
}
	#index .latest .latest__history .history_status.status00 { /*대기중*/
		color: var(--color-gray-900);
		background: #fff;
		border:1px dashed var(--color-gray-900);
	}
	#index .latest .latest__history .history_status.status01 { /*입금대기*/
		color: var(--color-gray-900);
		background: #fff;
		border:1px solid var(--color-gray-900);
	}
	#index .latest .latest__history .history_status.status02 { /*입금완료*/
		color: #fff;
		background: var(--color-main);
		border:1px solid transparent;
	}
    #index .latest .latest__history .history_status.status04 { /*일부입금*/
        color: #fff;
        background: var(--color-point);
        border: 1px solid transparent;
    }	
	#index .latest .latest__history .history_status.status03 { /*처리실패*/
		color: var(--color-red);
		background: #fff;
		border:1px dashed var(--color-red);
	}
#index .latest .latest__notice {
    position: relative;
	width:calc(40% - 2rem);
    padding:3.5rem 4.5rem ;
	/* background: var(--color-gray-100); */
	border-radius: 1rem;
    box-shadow: 0 0 1rem 0 rgb(0 0 0 / 10%);
	overflow: hidden;

}
#index .latest .latest__notice ul li {
	border-bottom:1px solid #dddddd;
}
	#index .latest .latest__notice ul li.important {
		position:relative;
	}
	#index .latest .latest__notice ul li.important:before {
		content:"";
		position:absolute;
		left:1px;
		top:1px;
		width:1.2rem;
		height:1.2rem;
		border-radius:0 0 100em 0;
		background:var(--color-red);
	}
#index .latest .latest__notice ul li a {
	line-height:3rem;
}
#index .latest .latest__notice ul li a h3 {
    width: calc(100% - 5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:var(--txt-regular);
}
	#index .latest .latest__notice ul li.important a h3 {
		color:var(--color-red);
	}
#index .latest .latest__notice ul li a span {
	width:4rem;
	font-size:1.4rem;
	color: var(--color-gray-900);
}
/*index - order*/ 
#index .order {
	background:var(--color-gray-100);
}
/*index  - responsive*/
@media screen and (max-width:1500px) {	
	#index .mainBnr {
		height:45rem;
	}
}
@media screen and (max-width:960px) {	
	#index .mainBnr {
		height:40rem;
	}
}
@media screen and (max-width:767px) {
	#index {
		overflow:hidden;
	}
	#index section {
		padding:7rem 0;	
	}
	#index .mainBnr {
		height:auto;
	}
	#index .status > .flex_nml {
		flex-flow:column;
	}
	#index .status h2 {
		width:100%;
		margin-bottom:1em;
		line-height:1.6;
		text-align:center;
	}
	#index .status h2:after {
		display:none;
	}
	#index .status .status__count {
		width:100%;
		gap:0;
	}
	#index .status .status__count dl {
		padding:0 5rem;
		flex-flow:column;
	}
		#index .status .status__count dl:first-child {
			border-right:1px solid var(--color-gray-300);
		}
	#index .status .status__count dd {
		text-align:center;
	}
	#index .why ul {
		flex-flow:column;
		gap:5rem;
	}
    #index .why ul li:first-child, #index .why ul li:last-child
    {
        top:0
    }
	#index .why ul li {
		width:100%;
	}
	#index .latest {
		padding-bottom:7rem;
	}
	#index .latest > .flex_btw {
		flex-flow:column;		
		gap:5vw;
	}
	#index .latest h2 {
		margin-bottom: 3vw;
	}
	#index .latest .latest__history {
		width:100%;
		padding: 6vw;
	}
	#index .latest .latest__history ul li a {
		position:relative;
	}
	#index .latest .latest__history ul li a .history_date,
	#index .latest .latest__history ul li a .history_name {
		display:none;
	}
	#index .latest .latest__history ul li a .history_tit {
		width:100%;
	}
	#index .latest .latest__history .history_status {		
		position: absolute;
		right: 0;
		bottom: 0;
		width: 8rem;
		font-size: 1.5rem;
		line-height: 3.4rem;
		border-radius: 1em 0 0 0;
		border-right: 0 !important;
		border-bottom: 0 !important;
	}
	#index .latest .latest__notice {
		width:100%;
		padding: 5vw;
	}
}






/**************************
ORDER (index,sub 공용)
**************************/
/*ORDER(상품권판매신청)*/
.order .order__step {
	margin-bottom:4rem;
}
.order .order__step dt b {
	font-size:1.8rem;
	font-weight:var(--txt-medium);
	color:var(--color-point);
}
.order .order__step dt h3 {
	font-size:2.4rem;
	font-weight:var(--txt-medium);
}
.order .order__step dd {
	width:83.5%;
	margin-left:auto;
	margin-right:0;
}
.order .order__step dd:not(.step_btns) {
	position:relative;
	padding:5rem 7rem;
	margin-bottom:1.6rem;
	background:#fff;
	border-radius:1rem;
	box-shadow:0 0 1rem 0 rgba(0,0,0,0.1);
}
	.order .order__step dd:not(.step_btns):before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 5.5rem;
		height: 5.5rem;
		background-size:1.8rem;
		background: var(--color-point) no-repeat 1.3rem 1.3rem;
		border-radius: 1rem 0 5em 0;
	}
	.order .order__step dd.step01_01:before {
		background-image:url(/img/icon__check_circle.svg);
	}
    .order .order__step dd.step02_01:before {
        background-image: url(/img/icon__maximize.svg);
    }
    .order .order__step dd.step02_02:before {
        background-image: url(/img/icon__edit.svg);
    }
    .order .order__step dd.step02_03:before {
        background-image: url(/img/icon__number_check.svg);
    }
    .order .order__step dd.step03_01:before {
        background-image: url(/img/icon__user_check.svg);
    }
    .order .order__step dd.step04_01:before {
        background-image: url(/img/icon__alert_circle.svg);
    }
	.order .order__step dd:last-child {
		margin-bottom:0;
	}
.order .order__step dd h4 {
	font-size:2rem;
	font-weight:var(--txt-medium);
}
.order .order__step dd h4 a{
    display:block !important
}
.order .order__step dd .step_input {
	margin-top:2rem;
}
.order .order__step dd .input_notice {
	margin-bottom:2rem;
}
.order .order__step dd .input_notice p {
	position:relative;
    padding-left: 1.2em;
	margin-bottom:0.5rem;
	font-size:1.6rem;
	font-weight:var(--txt-light);
}
	.order .order__step dd .input_notice p:before {
		content:"\e928";
		position:absolute;
		left:0;
        top:1px;
		display:inline-block;
		margin-right:0.5ex;
		color:var(--color-main);
		font-family:'xeicon';
        font-weight:bold;
	}
.order .order__step dd .input_btns {
	margin-top:2rem;
	gap:1rem;
}
.order .order__step dd .input_btns .btn{ border-radius:5px; width:14rem; font-size:13px; padding:1em 0}
.order .order__step dd .input_btns .btn_gray {}
.order .order__step dd .input_btns .btn_comm { background-color:var(--color-point); color:white; border:1px solid var(--color-point)}

.order .order__step dd .input_alert {
	font-size: 1.6rem;
	color:var(--color-red);
}
.order .order__step dd.step01_01 {
	padding:5rem 0;
}
.order .order__step dd.step01_01 h4 {
	padding:0 7rem;
}
.order .order__step dd.step01_01 .input_option {
	padding:0 7rem;
}
.order .order__step dd.step01_01 .slick-slider {
	position:relative;
}
.order .order__step dd.step01_01 .slick-slider .slick-arrow {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--color-gray-900);
	font-size: 4rem;
	z-index: 9;
}
	.order .order__step dd.step01_01 .slick-slider .slick-prev {
		left: -5rem;
	}
	.order .order__step dd.step01_01 .slick-slider .slick-next {
		right:-5rem;
	}
    .order .order__step dd.step01_01 .slick-slider .slick-next i, .order .order__step dd.step01_01 .slick-slider .slick-prev i{
		color: var(--color-main);
    font-weight: bold;
	}
	.order .order__step dd.step01_01 .slick-slider .slick-prev.slick-disabled,
	.order .order__step dd.step01_01 .slick-slider .slick-next.slick-disabled {
		display:none !important;
	}
.order .order__step dd.step01_01 .step_input ul {
	gap:1rem;
    display:grid;
    grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
}
.order .order__step dd.step01_01 .step_input .slick-track {
	display:flex;
	gap:1rem;
}
.order .order__step dd.step01_01 .step_input li
{
    width:100%;
}

/*.order .order__step dd.step01_01 .step_input li:not(.slick-slide) {
	width:100% !important;
    max-width:130px;
}
	.order .order__step dd.step01_01 .step_input li.slick-slide {
		width:auto;
	}*/
.order .order__step dd.step01_01 .step_input li label {
	display:block;
	width:100%;
	padding:2rem 0;
	text-align:center;
	border-radius:1rem;
	background:var(--color-gray-100);
	cursor:pointer;
	transition:all 1s;
}
.order .order__step dd.step01_01 .step_input li label p {
	width:4.8rem;
	height:4.8rem;
	margin:0 auto;
    border-radius: 1rem;
    overflow: hidden;
	box-shadow:0 0 1rem 0 rgba(0,0,0,0.08);
}
.order .order__step dd.step01_01 .step_input li label span {
	display:block;
	margin:2ex 0;
	color:var(--color-gray-900);
	font-size:1.7rem;
	line-height: 2rem;
	font-weight:var(--txt-medium);
}
.order .order__step dd.step01_01 .step_input li label i.xi-check-circle-o {
	display:block;
	font-size:4rem;
	color:var(--color-gray-500);
}


.order .order__step dd.step01_01 .step_input li.checked input:checked + label {
	background:var(--color-main);
	transition:all 1s;
}

.order .order__step dd.step01_01 .step_input li input:checked + label {
	background:var(--color-main);
	transition:all 1s;
}
.order .order__step dd.step01_01 .step_input li input:checked + label span {
	color:#fff;
}
.order .order__step dd.step01_01 .step_input li input:checked + label i.xi-check-circle-o {
	color:#fff;
}
.order .order__step dd.step01_01 .step_input li input:checked + label i.xi-check-circle-o:before {
	content: "\e92b";
}

.order .order__step dd.step01_01 .step_input .input_info {
    margin: 1rem 7rem 0;
	background:var(--color-gray-100);
	border-radius:1rem;
}
.order .order__step dd.step01_01 .step_input .input_info .info_title {
	width:20%;
	padding:2rem 0;
	text-align:center;
	border-right:2px solid #fff;
}
.order .order__step dd.step01_01 .step_input .input_info .info_title p {
	width:4.8rem;
	height:4.8rem;
	margin:0 auto 1rem;
    border-radius: 1rem;
    overflow: hidden;
	box-shadow:0 0 1rem 0 rgba(0,0,0,0.08);
}
.order .order__step dd.step01_01 .step_input .input_info .info_title strong {
	font-size:1.8rem;
	line-height:1.3;
	font-weight:var(--txt-medium);
}
.order .order__step dd.step01_01 .step_input .input_info .info_cont {
	padding:2rem;	
	font-size:1.6rem;
	font-weight:var(--txt-light);
}
.order .order__step dd.step01_01 .step_input .input_info .info_cont .flex_nml {
	gap:0.8rem;
}
.order .order__step dd.step01_01 .step_input .input_info .info_cont p {
	position:relative;
    padding-left: 1.2em;
	font-weight:var(--txt-light);
}
	.order .order__step dd.step01_01 .step_input .input_info .info_cont p:before {
		content:"\e928";
		position:absolute;
		left:0;
		display:inline-block;
		margin-right:0.5ex;
		color:var(--color-main);
		font-family:'xeicon';
        font-weight:bold;
	}
.order .order__step dd.step02_01 h4 i {
	color:var(--color-main);
    padding:3px;
    position: relative;
    top: 1px;
    left: 10px;
    border-radius:10px;
    font-weight:bold;
}
	.order .order__step dd.step02_01 h4.open i {
		transform:rotate(180deg);
	}
.order .order__step dd.step02_01 .step_input {
	display:none;
}
.order .order__step dd.step02_01 .input_paste {
	position:relative;
	height:15rem;
	background: var(--color-gray-100);
}
.order .order__step dd.step02_01  .paste_mall {
	position:absolute;
	right:0;
	width:25.4rem;
	height:4.5rem;
	bottom:-10px;
	background:#fff;
	border-radius:50em;
	border:1px solid var(--color-gray-300);
	overflow:hidden;
}
.order .order__step dd.step02_01  .paste_mall h5 {
	width:11rem;
	text-align:center;
	font-size:1.6rem;
	font-weight:var(--txt-regular);
	line-height:4.5rem;
	color:#fff;
	background:var(--color-sub-point);
	border-radius:0 1.5em 0em 0;
}
.order .order__step dd.step02_01  .paste_mall .swiper {
	width:calc(100% - 12rem);
	text-align:center;
}
.order .order__step dd.step02_01  .paste_mall li img {
	width:100%;
	height:100%;
	object-fit:contain;
}
.order .order__step dd.step02_01 .input_paste textarea {
	width:100%;
	height:100%;
	padding:1em;
	border:0;
	font-size:1.8rem;
	line-height:1.5;
    resize: none;
}
.order .order__step dd.step02_02 .input_pin {
	gap:1rem;
}

.order .order__step dd.step02_02 .input_pin .input-wrap{display:flex; width:85%; gap:5px;}
.order .order__step dd.step02_02 .input_pin .input-content {display:flex; width:100%; gap:5px; text-align:center}
.order .order__step dd.step02_02 .input_pin input{font-size:1.5rem;text-align:center;border-radius:5px;}
.order .order__step dd.step02_02 .input_pin .input18 {width:18%; text-align:center}
.order .order__step dd.step02_02 .input_pin .input20 {width:20%; text-align:center}
.order .order__step dd.step02_02 .input_pin .input24 {width:24%; text-align:center}
.order .order__step dd.step02_02 .input_pin .input25 {width:25%; text-align:center}
.order .order__step dd.step02_02 .input_pin .input28 {width:28%; text-align:center}
.order .order__step dd.step02_02 .input_pin .input33 {width:33.333%; text-align:center}
.order .order__step dd.step02_02 .input_pin .btn-container{width:15%; padding:0}
.order .order__step dd.step02_02 .input_pin .btn-container button{ border-radius:0 ;width:100%; border-radius:5px; font-size:1.5rem; border:1px solid var(--color-point); background-color: var(--color-point); color: white}
.order .order__step dd.step02_02 .input_pin .input-extra-container input{text-align:center !important; height:100%;}

.order .order__step dd.step02_02 .step03_01_row { gap:2rem; margin-top:2rem;}

.order .order__step dd.step02_02 .input_pin .input_number {
	gap:0.5rem;
}
.order .order__step dd.step02_02 .input_pin .input_number .input_cst {
	width:100%;
}
.order .order__step dd.step02_02 .input_pin .input_btns {
	margin-top:0;
}
.order .order__step dd.step02_02 .input_pin .input_btns button {
	border-radius:0;
}
.order .order__step dd.step02_03 .input_pin_list .list_default {
	width:100%;
	padding:2rem;
	font-size:1.6rem;
	font-weight:var(--txt-light);
	color:var(--color-gray-900);
	background:var(--color-gray-100);
}
.order .order__step dd.step02_03 .input_pin_list .list_default  img {
	width:5.35rem;
	margin-bottom:1rem;
}
.order .order__step dd.step02_03 .input_pin_list ol {
	gap:1rem;
}
.order .order__step dd.step02_03 .input_pin_list li {
	position:relative;
	padding:1ex 1em;
	font-size:1.8rem;
		border:1px solid transparent;
	background:var(--color-gray-100);	
	gap:1rem;
}
	.order .order__step dd.step02_03 .input_pin_list li:hover {
		border:1px solid var(--color-main);
		background:#fff;
		transition:all 0.5s;
	}
.order .order__step dd.step02_03 .input_pin_list li .list_num {
	width:1.2em;
	color:var(--color-main);
	font-weight:var(--txt-medium);
}
.order .order__step dd.step02_03 .input_pin_list li .list_icon {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 1rem 0 rgb(0 0 0 / 8%);
}
.order .order__step dd.step02_03 .input_pin_list li .list_icon img {
	width:100%;
	height:100%;
}
.order .order__step dd.step02_03 .input_pin_list li > .flex_nml {
	gap:1rem;
}
.order .order__step dd.step02_03 .input_pin_list li .list_option {	
	color:var(--color-gray-900);
}
.order .order__step dd.step02_03 .input_pin_list li .list_pin {	
	color:var(--color-main);
	font-weight:var(--txt-semibold);    
}
	.order .order__step dd.step02_03 .input_pin_list li:hover .list_pin {
		box-shadow: 0 -0.5em 0 var(--color-main-light-200) inset;
		transition:all 0.3s;
	}
.order .order__step dd.step02_03 .input_pin_list li .list_delete {	
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	padding:1ex 1em;
	color:#fff;
	font-size:1.4rem;
	background:var(--color-gray-500);
	border-radius:0 0 0 1rem;
}
	.order .order__step dd.step02_03 .input_pin_list li .list_delete:hover {
		background:var(--color-main);
	}

.order .order__step dd.step03_01 {
	position:relative;
    padding:5rem;
}
.order .order__step dd.step03_01 > .flex_col {
	gap:1.5rem;
}
.order .order__step dd.step03_01 .step03_01_row {
	gap:2rem;
}
.order .order__step dd.step03_01 .step03_01_row .step_input {
	margin-top:1rem;
}
.order .order__step dd.step03_01 .row_name {
	width:20%;
}
.order .order__step dd.step03_01 .row_bank {
	width:30%;
}
.order .order__step dd.step03_01 .row_bank button {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 1.5ex 1em;
	text-align:left;
    font-size: 1.6rem;
    line-height: 1.55em;
    font-weight: var(--txt-regular);
	color:var(--color-gray-900);
    border: 1px solid transparent;
    background: var(--color-gray-100);
    border-radius: 0;
}
.order .order__step dd.step03_01 .row_bank .bank_selected {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 1.053ex 1em;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.55em;
    font-weight: var(--txt-regular);
    border: 1px solid transparent;
    background: var(--color-gray-100);
    border-radius: 0;
}
.order .order__step dd.step03_01 .row_bank .bank_selected p {
	gap:0.5rem;
}
.order .order__step dd.step03_01 .row_bank .bank_selected p i {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-gray-200);
    overflow: hidden;
}
.order .order__step dd.step03_01 .row_bank .bank_selected a {
	display:block;
	width:3rem;
	line-height:3rem;
	text-align:center;
	font-size:2rem;
	color:var(--color-gray-900);;
	border-radius:100em;
	background:var(--color-gray-200);
}
.order .order__step dd.step03_01 .row_num {
	width:calc(50% - 2rem);
}
.order .order__step dd.step03_01 .row_tel {
	width:calc(20% + 30% + 1rem);
}
.order .order__step dd.step03_01 .input_alert {
	width:100%;
}
.order .order__step dd.step03_01 .step03_01_btns {
	position:absolute;
	bottom:0;
	right:0;
}
.order .order__step dd.step03_01 .step03_01_btns label {
	display:inline-block;
	padding:1em 3em;
	font-size:1.8rem;
	color:var(--color-gray-900);
	background:#fff;
	border-radius:1rem 0 0 0;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,0.15);
} 
	.order .order__step dd.step03_01 .step03_01_btns input:checked + label {
		color:#fff;
		background:var(--color-point);
		transition:all 0.3s;
	}
.order .order__step dd.step03_01 .step03_01_btns label  i {
	font-size:2rem;
	vertical-align:bottom;
}
.order .order__step dd.step04_01 {
	gap:1rem;
    padding: 3rem 4rem;
    text-align: center;
}
.order .order__step dd.step04_01 p {
	font-size:1.5rem;
	padding-left:1em;
	text-indent:-0.67em;
}
.order .order__step dd.step04_01 p i.xi-error-o {
	font-size:2rem;
	vertical-align: bottom;
}
.order .order__step dd.step04_01 p b {
	color:var(--color-red);
}
.order .order__btns {
	margin-top:6rem;
}
.order .order__info {
	margin-top:6rem;
}
.order .order__info a {
	padding:3rem;
	font-size:2.4rem;
	background:#fff;
	border-radius:1rem;
    box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1);
}
.order .order__info a h3 {
	font-weight:var(--txt-medium);
}
.order .order__info a i {
	color:var(--color-main);
}
	.order .order__info a.open i {
		transform:rotate(180deg);
	}
.order .order__info .cont_toggle {
	display:none;
}
.order .order__info dl {
	position:relative;
	margin-top:1.2rem;
	margin-left:1.5rem;
	padding:3rem;
	background:#fff;
	border-radius:1rem;
	border-left:1rem solid var(--color-gray-900);
}
	.order .order__info dl:nth-of-type(1) {
		border-color: var(--color-main);
	}
	.order .order__info dl:nth-of-type(2) {
		border-color: var(--color-point);
	}
	.order .order__info dl:nth-of-type(3) {
		border-color: var(--color-sub-point);
	}
	.order .order__info dl:before {
		content:"\e928";
		position:absolute;
		left:-2em;
		top:2rem;
		display:block;
		width:4rem;
		line-height:4rem;		
		text-align:center;
		font-size:2.2rem;
		color:#fff;
		font-family:'xeicon';
		background: var(--color-gray-900);
		border-radius:50em;
		transform:translateX(50%);
	}
	.order .order__info dl:nth-of-type(1):before {
		background: var(--color-main);
	}
	.order .order__info dl:nth-of-type(2):before  {
		background: var(--color-point);
	}
	.order .order__info dl:nth-of-type(3):before  {
		background: var(--color-sub-point);
	}
.order .order__info dt {
	margin-bottom:1ex;
	font-size:2rem;
	font-weight:var(--txt-medium);
}
.order .order__info dd {
	font-size:1.6rem;
	line-height:1.6;
}
.order .order__info dd li {
    text-indent: -1.1em;
    padding-left: 1.1em;
}
.order .order__info dd p {
    text-indent: 0;
	gap:0.5ex;
}
.order .order__info dd p b {
	width: max-content;
	font-weight:var(--txt-regular);	
    white-space: nowrap;
}
.order .order__info dd p span {
    width: max-content;
}
/*sub order - responsive */
@media screen and (max-width:1080px) {	
	.order .order__step dt h3,
	.order .order__info a {
		font-size:2.2rem;
	}
}
@media screen and (max-width:767px) {
	.order .order__step {
		flex-flow:column;
	}
	.order .order__step dt {
		margin-bottom:2rem;
		text-align:center;
	}
	.order .order__step dd:not(.step_btns) {
		width:100%;
		padding:3rem 2rem;
	}
		.order .order__step dd:not(.step_btns):before {
			background-size:2rem;
		}
	.order .order__step dd:not(.step03_01) h4 {
		padding-left:4rem;
	}
	.order .order__step dd.step01_01 .input_option {
		padding:0;
	}

    .order .order__step dd.step01_01 .step_input ul {
        display:block;
        grid-template-columns: unset;
    }

	.order .order__step dd.step01_01 .step_input ul:not(.swiper-wrapper) {
		flex-flow:column;
	}
        .order .order__step dd.step01_01 .step_input li:not(.slick-slide) {
            max-width:none !important;
        }
	.order .order__step dd.step01_01 .step_input li label {
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:1rem;
	}
	.order .order__step dd.step01_01 .step_input li label  > div {
		display:flex;	
		align-items:center;
		gap:1rem;
	}
	.order .order__step dd.step01_01 .step_input .input_info {
		flex-flow:column;		
		margin:1rem 0 0;
		border-top:1px dashed var(--color-gray-200);
		border-radius:0;
	}
	.order .order__step dd.step01_01 .step_input .input_info .info_title {
		display:flex;	
		align-items:center;
		gap:1rem;
		width:100%;
		padding:1rem 2rem;
		border-right:0;
		border-top:1rem solid #fff;
		border-bottom:2px solid #fff;
	}
	.order .order__step dd.step01_01 .step_input .input_info .info_title p {
		width:3rem;
		height:3rem;
		margin:0;
	}
	.order .order__step dd.step02_01 .input_notice {
		margin-bottom:3rem;
	}
	.order .order__step dd.step02_01 .input_paste textarea {
		padding:3rem 2rem;
	}
	.order .order__step dd.step02_02 .input_pin {
		flex-flow:column;
	}
	.order .order__step dd.step02_02 .input_number .input_cst {
		font-size:1.6rem;
	}
	.order .order__step dd.step02_03 .input_pin_list li > .flex_nml {
		flex-flow:column;		
		align-items:start;
		gap:0.2rem;
	}
	.order .order__step dd.step02_03 .input_pin_list li .list_option {
		font-size:1.6rem;
	}
	.order .order__step dd.step03_01 {
        padding:3rem 5rem;
		padding-top:5.5rem;
	}
	.order .order__step dd.step03_01 .step03_01_row {
		flex-flow:column;		
	}
	.step03_01_row h4{
		padding-left: 0 !important;
	}
	 
	.order .order__step dd.step03_01 .row_name,
	.order .order__step dd.step03_01 .row_bank,
	.order .order__step dd.step03_01 .row_num,
	.order .order__step dd.step03_01 .row_tel {
		width:100%;
	}	
	.order .order__step dd.step03_01 .step03_01_btns {
		position:static;
		margin-top:1.6rem;
	}
	.order .order__step dd.step03_01 .step03_01_btns label {
		width: 100%;
		padding: 1em 0em;
		text-align: center;
		border-radius: 1rem;
		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
	}
	.order .order__step dd.step04_01 {
		/*padding-left:5.5rem;*/
	}
	.order .order__btns button {
		width:100%;
	}
    .order .order__step dd.step02_01 .paste_mall{    width: 19rem; height: 3.5rem; bottom: -5px;}
    .order .order__step dd.step02_01 .paste_mall h5 { width: 8rem; line-height: 3.5rem; font-size: 1.4rem;}
}
/*ORDER(상품권판매신청) - ver2*/
.order.orderVer2 .boundary > .flex_btw {
	position:relative;
}
.order.orderVer2 .order__left {
	width:calc((100% - 3.2rem) * 0.7);
}
.order.orderVer2 .order__right {
	position:sticky;
	top:9.4rem;
	width:calc((100% - 3.2rem) * 0.3);
}
.order.orderVer2 .order__step dt {
	margin-bottom:1.6rem;
}
.order.orderVer2 .order__step dd {
	width:100%;

}
.order.orderVer2 .order__step dd .fee{
	display:none;
}

.order.orderVer2 .order__step dd > div{position:relative;}
.order.orderVer2 .order__step dd.step03_01 .row_name,
.order.orderVer2 .order__step dd.step03_01 .row_bank,
.order.orderVer2 .order__step dd.step03_01 .row_num,
.order.orderVer2 .order__step dd.step03_01 .row_tel {
	width:100%;
}
.order.orderVer2 .order__step dd.step03_01 .step03_01_btns {
	position:static;
	margin-top:1.6rem;
}
.order.orderVer2 .order__step dd.step03_01 .step03_01_btns label {
    width: 100%;
    padding: 1em 0em;
    text-align: center;
    border-radius: 1rem;
    border:1px solid var(--color-point);
    color:var(--color-point);
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
}
.order.orderVer2 .order__btns {
	margin:3.2rem 0;
}
.order.orderVer2 .order__btns button {
	width:100%;
    border-radius: 1rem;
    background-color: var(--color-main);
    color:#fff
}
/* order - ver2*- responsive */
@media screen and (max-width:767px) {
	.order.orderVer2 .boundary > .flex_btw {
		flex-flow:column;
	}
	.order.orderVer2 .order__left,
	.order.orderVer2 .order__right {
		width:100%;
	}

    .order .order__step dd.step02_02 .input_pin {gap:0}
    .order .order__step dd.step02_02 .input_pin .input-wrap {display:block; width:100%;}
    .order .order__step dd.step02_02 .input_pin .input-content{width:100% !important;}
    .order .order__step dd.step02_02 .input_pin .input28{margin-top:5px;}
    .order .order__step dd.step02_02 .input_pin .btn-container{width:100%; margin-top:5px;}
    .order .order__step dd.step02_02 .input_pin .btn-container button {padding:0.8em 0}
    .order .order__step dd.step02_02 .input_pin .input-extra-container{width:100% !important; margin-top:5px;}
}

/* order - modal*/
#modal__orderBank .modal_inner, #modal__orderBankEdit .modal_inner {
    max-width: 99rem;
}
#modal__orderBank .modal_hd .hd_search, #modal__orderBankEdit .modal_hd .hd_search {
    gap: 1rem;
}
#modal__orderBank .modal_hd .hd_search label, #modal__orderBankEdit .modal_hd .hd_search label {
	font-size:2rem;
}
#modal__orderBank .modal_hd .hd_search input, #modal__orderBankEdit .modal_hd .hd_search input {
	width:46.5rem;
	height:5rem;
	padding:1ex 1em;
	line-height:5rem;
	font-size:1.8rem;
	border:1px solid var(--color-gray-300);
	border-radius:50em;
}
#modal__orderBank .modal_hd .hd_search button, #modal__orderBankEdit .modal_hd .hd_search button {
	font-size:3rem;
	color:var(--color-main);
}
#modal__orderBank .modal_main, #modal__orderBankEdit .modal_main {
    padding: 2rem;
    height: 46.8rem;
    background: var(--color-main-light-100);
    overflow-y: auto;
}
#modal__orderBank .modal_main::-webkit-scrollbar, #modal__orderBankEdit .modal_main::-webkit-scrollbar {
	width:8px;
}
#modal__orderBank .modal_main::-webkit-scrollbar-track, #modal__orderBankEdit .modal_main::-webkit-scrollbar-track {
	background:transparent;
}
#modal__orderBank .modal_main::-webkit-scrollbar-thumb, #modal__orderBankEdit .modal_main::-webkit-scrollbar-thumb {
	border:2px solid transparent;
	background:var(--color-gray-300);
}
#modal__orderBank .modal_main > .flex_nml, #modal__orderBankEdit .modal_main > .flex_nml {
	gap:1rem;
}
#modal__orderBank .modal_main button, #modal__orderBankEdit .modal_main button {
	width:calc((100% - 3rem) / 4);
	padding:1.5rem;
	font-size:1.8rem;
	background:#fff;
	border-radius:1rem;
	gap:1rem;
}
	#modal__orderBank .modal_main button:hover, #modal__orderBankEdit .modal_main button:hover {
		color:#fff;
		background:var(--color-main);
	}
#modal__orderBank .modal_main button i, #modal__orderBankEdit .modal_main button i {
	width:3.2rem;
	height:3.2rem;
	border-radius:0.5rem;
	border:1px solid var(--color-gray-200);
	overflow:hidden;
}
#modal__orderCheck .modal_inner {
	max-width:51rem;
	padding:6rem 2rem;
}
#modal__orderCheck .modal_main {
	margin:4rem 0;
}
#modal__orderCheck .modal_main .main_dots {
	gap:3rem;
}
#modal__orderCheck .modal_main .main_dots span {
	display:block;
	width:2.2rem;
	height:2.2rem;
	border-radius:100em;
	background:var(--color-main);
}
	#modal__orderCheck .modal_main .main_dots span:nth-child(1) {
		background:var(--color-main);
		animation: dot-ani-1 1.3s infinite linear;
	}
	#modal__orderCheck .modal_main .main_dots span:nth-child(2) {
		background:var(--color-point);
		animation: dot-ani-2 1.3s infinite linear;
	}
	#modal__orderCheck .modal_main .main_dots span:nth-child(3) {
		background:var(--color-sub-point);
		animation: dot-ani-3 1.3s infinite linear;
	}
	@keyframes dot-ani-1 {
		0% {transform:translateY(0);}
		16.667% {transform:translateY(-1rem);}
		33.333% {transform:translateY(0);}
		50% {transform:translateY(0);}
		66.667% {transform:translateY(0);}
		83.333% {transform:translateY(0);}
		100% {transform:translateY(0);}
	}
	@keyframes dot-ani-2 {
		0% {transform:translateY(0);}
		16.667% {transform:translateY(0);}
		33.333% {transform:translateY(0);}
		50% {transform:translateY(-1rem);}
		66.667% {transform:translateY(0);}
		83.333% {transform:translateY(0);}
		100% {transform:translateY(0);}
	}
	@keyframes dot-ani-3 {
		0% {transform:translateY(0);}
		16.667% {transform:translateY(0);}
		33.333% {transform:translateY(0);}
		50% {transform:translateY(0);}
		66.667% {transform:translateY(0);}
		83.333% {transform:translateY(-1rem);}
		100% {transform:translateY(0);}
	}
#modal__orderComplete .modal_inner {
	max-width:51rem;
	padding:6rem 2rem;
}
#modal__orderComplete .modal_main .main_check {
	width:14.6rem;
	height:14.6rem;
	margin:4rem auto 3rem;
	border-radius:100em;
	background:var(--color-main-light-100);
}
#modal__orderComplete .modal_main .main_check span {
	width:8rem;
	height:4rem;
	margin-top: -2rem;
	transform:rotate(-45deg);
}
#modal__orderComplete .modal_main .main_check span:before {
	content:"";
	display:block;
	width:0.7rem;
	height:4rem;
	border-radius:50em 50em 0 0 ;
	background:var(--color-main);
	animation: check-ani-1 1s linear;
}
#modal__orderComplete .modal_main .main_check span:after {
	content:"";
	display:block;
	width:8rem;
	height:0.7rem;
	border-radius:0 50em 50em 0;
	background:var(--color-point);
	animation: check-ani-2 1s linear;
}
@keyframes check-ani-1 {
	0% {height:0}
	20% {height:4rem}
	100% {height:4rem}
}
@keyframes check-ani-2 {
	0% {width:0}
	20% {width:0}
	40% {width:1rem}
	60% {width:4rem}
	100% {width:8rem}
}
#modal__orderComplete .modal_ft p {
	margin-bottom:2rem;
}

#modal__myOrder .modal_inner {
	max-width:51rem;
	padding:6rem 5rem;
}
#modal__myOrder .modal_main .main_check {
	width:14.6rem;
	height:14.6rem;
	margin:4rem auto 3rem;
	border-radius:100em;
	background:var(--color-main-light-100);
}
#modal__myOrder .modal_main .main_check span {
	width:8rem;
	height:4rem;
	margin-top: -2rem;
	transform:rotate(-45deg);
}

#modal__myOrder input{margin-bottom:5px;}

#modal__myOrder .btn{
    width: 100%;
    border-radius: 1rem;
    background-color: var(--color-main);
    color: #fff;
}

#modal__myOrder .modal_ft p {
    margin-bottom: 2rem;
}

#modal__myOrderOne .modal_inner {
	max-width:51rem;
	padding:6rem 5rem;
}
#modal__myOrderOne .modal_main .main_check {
    width: 14.6rem;
    height: 14.6rem;
    margin: 4rem auto 3rem;
    border-radius: 100em;
    background: var(--color-main-light-100);
}
#modal__myOrderOne .modal_main .main_check span {
	width:8rem;
	height:4rem;
	margin-top: -2rem;
	transform:rotate(-45deg);
}

#modal__myOrderOne input{margin-bottom:5px;}

#modal__myOrderOne .btn {
    width: 100%;
    border-radius: 1rem;
    background-color: var(--color-main);
    color: #fff;
}

#modal__myOrder .modal_ft p {
    margin-bottom: 2rem;
}

#modal__editBank .modal_inner {
    max-width: 51rem;
    padding: 6rem 5rem;
}
#modal__editBank .modal_main .main_check {
    width: 14.6rem;
    height: 14.6rem;
    margin: 4rem auto 3rem;
    border-radius: 100em;
    background: var(--color-main-light-100);
}
#modal__editBank .modal_main .main_check span {
	width:8rem;
	height:4rem;
	margin-top: -2rem;
	transform:rotate(-45deg);
}

#modal__editBank input {
    margin-bottom: 5px;
}

#modal__editBank .btn {
    width: 100%;
    border-radius: 1rem;
    background-color: var(--color-main);
    color: #fff;
}


/*sub order - modal - responsive */
@media screen and (max-width:767px) {
	#modal__orderBank .modal_hd .hd_search input {
		width:calc(100% - 10em);
	}
	#modal__orderBank .modal_main {
		height:70vh;
		padding:1rem;
	}
	#modal__orderBank .modal_main button {
		width:calc((100% - 1rem) / 2);
		padding:1.5rem 1rem;
	}
}


/**************************
ORDER (index,sub 공용)
**************************/
.modal-wr {
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    contain: strict;
    inset: 0px;
    opacity: 0;
}

.modal-cont {
    opacity: 0;
    z-index: 10000;
    position: absolute;
    left: 50%;
    top: -50%;
    width: 100%;
    max-width: 400px;
    height: auto !important;
    background: #fff;
    overflow-y: auto;
    overflow-x: inherit;
    transform: translate(-50%, 0%);
    border-radius: 10px;
}

.modal-cont h3 {
    position: relative;
    padding: 0px;
    line-height: 50px;
    margin: 0 0 0px;
    font-size: 16px;
    background: #ffffff;
    color: #000;
    text-align: center;
}

.modal-cont .modal-inner {
    padding: 0px 15px 15px 15px;
}

.modal-cont .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0;
    background: none;
    color: #000;
    font-size: 1.75em;
}

.modal-cont .cont-wr {
    width: 100%;
    margin: 0 0 20px;
    padding: 10px 10px;
    max-height: 350px;
    overflow: auto;
    overflow-x: hidden;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
}



.bank-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.bank-list li {
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 15px;
    cursor: pointer;
    transition: .3s;
    border-radius: 1rem;
    font-family: 'Arita-dotum-Medium';
}

.bank-list li img {
    height: 25px;
}
.bank-selected {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bank-selected > a {
	padding: .5rem 1.2rem;
    border: 1px solid #efefef;
    border-radius: .5rem;
    transition: .3s;
    font-size: 1.6rem;
}

.bank-selected > a:hover {
    background-color: #ff0000;
    color: #fff;
}

.selected-info {
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    letter-spacing: -0.1rem;
}

.bank-img {
    height: 2rem;
}