@charset "utf-8";


/*************************************************
*					LAYOUT						*
*************************************************/

.wrap{width:100%;margin:0;padding:0;position:relative;}
.header_wrap{width:100%;height:55px;margin:0 auto;padding:0;position:fixed;top:0;display:block;z-index:1000;}
.mcontainer{margin:0;padding:55px 0 0;position:relative;}
.fcontainer{margin:0;padding:55px 0 120px;position:relative;}
.footer{width:100%;margin:0;padding:0;position:fixed;bottom:0;z-index:1000;}






/************************************************
*		HEADER									*
************************************************/

/*** 메뉴 : MENU ***/
.header{width:100%;height:55px;margin:0 auto;background-color:#fff;border-bottom:1px solid #f4f4f4;position:relative;}
/** 토글버튼 **/
.header .main .nav{
	width:20px;
	height:20px;
	margin:5px 0 0;
	background:url(../images/icon/h_menu.png) no-repeat 0 0;
	background-size:20px;
	line-height:55px;
	display:block;
}
/** 뒤로가기 **/
.header .back{
	width:20px;
	height:55px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
.header .back a{
	width:100%;
	height:55px;
	background:url(../images/icon/h_back.png) no-repeat 5px 50%;
	background-size:20px;
	line-height:55px;
	display:block;
}

/** 뒤로가기 **/
.header .close2{
	width:30px;
	height:55px;
	position:absolute;
	right:0;
	top:0;
	z-index:100;
}
.header .close2 a{
	width:100%;
	height:55px;
	background:url(../images/icon/ic_close.png) no-repeat 0px 50%;
	background-size:25px;
	line-height:55px;
	display:block;
}

/** 타이틀 **/
.header .htit{
	width:100%;
	height:50px;
	padding:0;
	text-align:center;
	font-size:16px;
	font-weight:800;
	color:#222;
	line-height:50px;
	letter-spacing:0;
	position:absolute;
	left:0;
	top:0;
}






/*************************************************
*					MAIN						*
*************************************************/
.menu_wrap{margin:0;padding:15px 20px;background-color:#fff;position:relative;}
.menu_wrap .mw_tit{margin:0 0 20px;padding:0;font-size:16px;font-weight:800;display:block;}
.menu_wrap .mw_txt{margin:0 0 20px;padding:0 0 10px;font-size:12px;font-weight:600;color:#808080;line-height:20px;display:block;}
.menu_wrap .mw_sxt{margin:15px 0 0;padding:0;font-size:12px;font-weight:600;color:#808080;line-height:18px;display:block;}
.menu_wrap .mw_tit img,
.menu_wrap .mw_txt img{width:auto;height:24px;}
.menu_wrap .mw_list{margin:0;padding:0;position:relative;}
.menu_wrap .mw_list li{padding:15px 0;border-bottom:1px solid #f4f4f4;font-weight:500;position:relative;display:block;}
.menu_wrap .mw_list li .ml_name{width:40%;padding:5px 0;text-align:left;font-size:18px;font-weight:600;line-height:24px;float:left;}
.menu_wrap .mw_list li .ml_cash{width:30%;text-align:left;font-size:15px;font-weight:500;line-height:30px;float:left;}
.menu_wrap .mw_list li .ml_cash input{width:60%;height:30px;padding:0;text-align:right;line-height:30px;display:inline-table;}
.menu_wrap .mw_list li .ml_amount{width:30%;text-align:right;font-size:18px;font-weight:500;line-height:30px;float:left;}
.menu_wrap .mw_list li .ml_amount .amtot{width:40%;height:30px;padding:0;line-height:30px;float:left;}
.menu_wrap .mw_list li .ml_amount .amtot input{width:100%;height:30px;padding:0;text-align:center;line-height:30px;display:inline-table;}
.menu_wrap .mw_list li .ml_amount .amud{height:30px;padding:0;line-height:30px;position:relative;float:right;}
.menu_wrap .mw_list li .ml_amount .amud .amup,
.menu_wrap .mw_list li .ml_amount .amud .amdn{
	width:30px;
	height:32px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:20px;
	font-weight:700;
	line-height:32px;
	display:block;
	float:right;
}

.menu_wrap .mw_total{
	width:100%;
	height:40px;
	padding:20px 0 0;
	background-color:#fff;
	text-align:right;
	position:fixed;
	left:0;
	bottom:70px;
}
.menu_wrap .mw_total .mtxt{margin:0 10px;height:40px;font-size:18px;font-weight:700;line-height:40px;float:right;}
.menu_wrap .mw_total input{width:100px;height:36px;margin:2px 20px 2px 0;padding:0 10px;text-align:right;line-height:36px;float:right;}

.menu_wrap .mw_btn{width:100%;height:50px;background-color:#fff;position:fixed;left:0;bottom:0;}
.menu_wrap .mw_btn2{width:100%;height:45px;background-color:#fff;position:fixed;left:0;bottom:30px; padding-bottom: 30px;}
.menu_wrap .mw_btn a,
.menu_wrap .mw_btn button{
	width:100%;
	height:50px;
	margin:0 auto;
	background-image: linear-gradient(98deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);
	text-align:center;
	font-size:16px;
	font-weight:600;
	color:#fff;
	line-height:50px;
	position:relative;
	display:block;
}

.menu_wrap .mw_btn a:active,
.menu_wrap .mw_btn a:hover{
	color:#fff !important;
}





/*************************************************
*					FOOT						*
*************************************************/

.footer{height:50px;line-height:50px;}
.footer a.f_kbtn{width:100%;height:50px;background-color:#333;text-align:center;font-size:16px;color:#fff !important;line-height:50px;display:block;}
.footer a:hover.f_kbtn,
.footer a:active.f_kbtn{background-color:#000;colo:#fff !important;}

.footer{height:50px;line-height:50px;}
.footer a.f_bbtn{width:100%;height:50px;background-color:#69a4e6;text-align:center;font-size:16px;color:#fff !important;line-height:50px;display:block;}
.footer a:hover.f_bbtn,
.footer a:active.f_bbtn{background-color:#2e83e0;colo:#fff !important;}

.footer a.f_gbtn{width:100%;height:50px;background-color:#bcbcbc;text-align:center;font-size:16px;color:#fff !important;line-height:50px;display:block;}
.footer a:hover.f_gbtn,
.footer a:active.f_gbtn{background-color:#adadad;color:#fff !important;}






/*************************************************
*					POPUP						*
*************************************************/


.pcxtit{margin:0 0 25px;text-align:center;font-size:30px;line-height:35px;font-weight:400;color:#333;position:relative;display:block;z-index:100;}
.pctit{margin:0 0 10px;text-align:center;font-size:20px;line-height:26px;font-weight:600;color:#333;position:relative;display:block;z-index:100;}



/***************** NORMAL POP *******************/
.mw_popup1{width:100%;height:100%;position:fixed;_position:fixed;right:10px;bottom:10px;display:none;z-index:10000;}
.mw_popup1.open{display:block}
.mw_popup1 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:10px;left:10px;}
#popup1{width:100%;margin:0 auto;position:absolute;right:10px;bottom:10px;}
#popup1.g_popup1 .g_popup1{display:block}
#popup1 .close{
	width:20px;
	height:20px;
	padding:0;
	border:0;
	background:url(../images/icon/p_close.png) no-repeat center 50%;text-decoration:none !important;
	background-size:20px;
	line-height:20px;
	cursor:pointer;
	opacity:1;
	overflow:visible;
	position:absolute;
	top:20px;
	right:20px;
}
#popup1 ul{width:36px;margin:0;padding:0;position:absolute;right:0;bottom:45px;}
#popup1 ul li{width:36px;height:36px;margin:0 0 8px;padding:0;display:block;}

.pop_footer{width:55px;height:55px;line-height:55px;position:absolute;right:-10px;bottom:-8px;}
.pop_footer .pop_close{width:55px;height:55px;display:block;}
.pop_footer .pop_close img{width:55px;height:55px;}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_wrap{margin:0;position:relative;}
.agr_wrap .agr_xtit{margin:0;padding:15px 0 20px;text-align:center;font-size:22px;font-weight:700;color:#1c1c1c;line-height:30px;display:block;}
.agr_wrap .agr_btit{margin:0;padding:0 0 10px;text-align:left;font-size:17px;font-weight:600;color:#1c1c1c;line-height:26px;display:block;}
.agr_wrap .agr_tit{margin:0;padding:0 0 5px;text-align:left;font-size:15px;font-weight:600;color:#1c1c1c;line-height:26px;display:block;}
.agr_wrap .agr_txt{margin:0;padding:0 0 20px;text-align:left;font-size:13px;font-weight:400;color:#1c1c1c;line-height:20px;display:block;}

.agr_wrap .aw_table{width:100%;margin:0 0 40px;padding:0;position:relative;}
.agr_wrap .aw_table th{padding:5px;background-color:#efefef;border:1px solid #ddd;font-size:12px;font-weight:600;color:#1c1c1c;line-height:16px;}
.agr_wrap .aw_table td{padding:5px;background-color:#fff;border:1px solid #ddd;font-size:12px;font-weight:400;color:#1c1c1c;line-height:16px;}

.stb_xbti{margin:20px 0;text-align:center;font-size:40px;font-weight:800;color:#666;line-height:50px;display:block;}
.stb_xti{margin-bottom:40px;text-align:center;font-size:18px;font-weight:600;color:#666;line-height:25px;display:block;}
.stb_bti{margin-bottom:5px;text-align:left;font-size:16px;font-weight:600;color:#333;line-height:22px;display:block;}
.stb_ti{margin-bottom:5px;text-align:left;font-size:14px;font-weight:400;color:#666;line-height:20px;display:block;}
.stb_copy{margin-bottom:25px;text-align:left;font-size:13px;color:#666;font-weight:400;line-height:18px;display:block;}
.stb_txt{margin-bottom:5px;padding-left:15px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:18px;display:block;}






/************************************************
*				회원가입 : Join					*
************************************************/
.jn_wrap{margin:10px 0;padding:0;position:relative;}
.jn_wrap ul{margin:0;padding:0;border-top:1px solid #d9d9d9;}
.jn_wrap li:first-child{border-bottom:10px solid #f1f1f1;}
.jn_wrap li{padding:12px 10px;border-bottom:1px solid #e4e4e4;background-color:#fff;position:relative;}
.jn_wrap li .jw_l{width:82%;float:left;}
.jn_wrap li .jw_l input[type="checkbox"] + label,
.jn_wrap li input[type="checkbox"] + label{
	margin:0;
	padding:0 0 0 30px;
	font-size:15px;
	font-weight:400;
	line-height:45px;
	letter-spacing:-1px;
	display:block;
}
.jn_wrap li .jw_l input[type="checkbox"] + label:before,
.jn_wrap li input[type="checkbox"] + label:before{
	width:23px;
	height:23px;
	background:url(../images/icon/edit_uncheck.png) right 50% no-repeat;
	background-size:23px;
	line-height:23px;
	left:0;
	top:25%;
}
.jn_wrap li .jw_l input[type="checkbox"]:checked + label:before,
.jn_wrap li input[type="checkbox"]:checked + label:before{
	color:#2e82e0;
	background:url(../images/icon/edit_checked.png) right 50% no-repeat;
	background-size:23px;
}
.jn_wrap li .jw_r{width:18%;float:right;}
.jn_wrap li .jw_r .jr_link{
	width:100%;
	height:40px;
	background:url(../images/icon/set_next.png) no-repeat right 65%;
	background-size:9px;
	display:block;
}
.jn_wrap li .jw_r label{margin:6px 0 0;}
.jn_wrap .jw_tit{margin:5px 0 0;padding:5px 10px;text-align:left;font-size:16px;color:#2e83e0;}






/************************************************
*				회원가입 : Join					*
************************************************/
.wal_wrap{margin:0 0 40px;padding:0 10px 80px;background-color:#fff;position:relative;}
.wal_wrap .ww_txt{
	margin:0 0 5px;
	padding:0;
	text-align:center;
	font-size:15px;
	font-weight:300;
	line-height:20px;
	position:relative;
}
.wal_wrap .ww_install{
	height:45px;
	margin:0 0 20px;
	background:#2f82e0 url(../images/login/app_download.png) no-repeat 15px 50%;
	background-size:25px;
	position:relative;
}
.wal_wrap .ww_linkage{
	height:45px;
	margin:0 0 20px;
	background:#2f82e0 url(../images/login/app_link.png) no-repeat 15px 50%;
	background-size:25px;
	position:relative;
}
.wal_wrap .ww_install a,
.wal_wrap .ww_linkage a{
	width:100%;
	height:45px;
	text-align:center;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:45px;
	display:block;
}






/************************************************
*		ETC										*
************************************************/

.iw_lbxt{margin:0;padding:0;text-align:left;font-size:16px;line-height:22px;position:relative;display:block;}

.sctxt{margin:0 0 15px;padding:0;text-align:center;font-size:17px;font-weight:400;color:#222;line-height:24px;letter-spacing:-1px;display:block;}

.sltxt{margin:0 0 10px;padding:0;text-align:left;font-size:17px;font-weight:400;color:#222;line-height:24px;letter-spacing:-1px;display:block;}
.slcop{margin:0 0 10px;padding:0;text-align:left;font-size:14px;font-weight:400;color:#999;line-height:20px;letter-spacing:-1px;display:block;}
.slcop img{width:18px;height:18px;margin-bottom:5px;}

.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}

.ft_l{float:left !important;}
.ft_r{float:right !important;}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1{width:100%;margin:0;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:7px 50px;border-bottom:1px solid #d8d8d8;font-size:15px;font-weight:500;color:#333;line-height:20px;}
.table_type1 tbody th,
.table_type1 tbody td{padding:7px 50px;border-bottom:1px solid #d8d8d8;font-size:13px;font-weight:400;color:#999;line-height:20px;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}


/* 20230307 payment.htm*/
.line{border:1px solid #f4f4f4; display: block; margin:20px auto;}
.line2{border:2px solid #f7f7f7; display: block; margin:0px auto}
.menu_wrap2{margin:0;padding:20px;position:relative;}
.menu_wrap3{margin:0;padding:0 10px;position:relative;}
.menu_wrap2 .mw_tit{margin:0 0 10px;padding:0;font-size:16px;font-weight:bold;display:block;}
.menu_wrap2 .mw_tit2{margin:0 0 10px;padding:0;font-size:14px;font-weight:600;display:flex; justify-content: space-between; color:#787878;}

.menu_wrap .mw_txt2{margin:0 0 30px;font-size:16px;font-weight:600;color:#000;line-height:20px;display:block; text-align: center;}

.menu_wrap .mw_list2{margin:0 0 30px;padding:0;position:relative; display: flex; justify-content: center;width: 100%;}
.menu_wrap2 .mw_list2{margin:20px 0 0;}
.mw_list2 textarea{box-sizing: border-box; line-height: 100%; padding:15px;}
.switch-field{width: 100%;display: flex; justify-content: center;}
.switch-field2 {width: 100%;display: flex;	justify-content: center;}
.switch-field input, .switch-field2 input {	position: absolute !important; }
.switch-field label{text-align: center;	width: 200px;height: 40px;	line-height: 40px;	padding: 0;	border: 1px solid #c4c4c4;	transition: all 0.1s ease-in-out;	border-radius: 4px;
	margin:0 3px; 	padding-left: 0; text-align: center; }
.switch-field2 label{text-align: center;line-height: 100px;	padding: 0;	
	transition: all 0.1s ease-in-out;	border-radius: 4px;
	margin:0 3px; 	padding-left: 0; text-align: center; }
.switch-field input[type="radio"] + label,
.switch-field2 input[type="radio"] + label{padding-left: 0;padding-right: 0;	font-weight: 500; }
.switch-field2 input[type="radio"] + label{margin-right:30px;}
.switch-field label:hover,.switch-field2 label:hover {	cursor: pointer;}



.switch-field input:checked + label {background-color: #DF514E;	border: 1px solid #DF514E;	color:#fff;font-weight: 500;}
.switch-field2 input#radio-one:checked + label { width: 64px;height: 70px;background: url(../images/payment_icon1_on.png)no-repeat;	}
.switch-field2 input#radio-one + label {	background-color: none; background: url(../images/payment_icon1.png)no-repeat; width: 64px;height: 70px;}

.switch-field2 input#radio-two:checked + label { background: url(../images/payment_icon2_on.png)no-repeat;	width: 64px;height: 70px;}
.switch-field2 input#radio-two + label {	background-color: none; background: url(../images/payment_icon2.png)no-repeat; width: 64px;height: 70px; margin-right: 0;}

.switch-field2 input:checked + label div{color:#fff; font-weight: 500;}

.mw_list2 input[type="number"]{
	width:100%;height:40px;padding:0 0 0 10px;text-align:left;line-height:40px;display:inline-table; border:0.5px solid #5d5d5d;}

.mw_conts{display:flex; justify-content: space-between; border-bottom:1px solid #eee;padding: 0;}
.mw_conts:last-child{	border-bottom: none;}
.mw_conts .mw_conts_detail{display: flex;flex-direction: column; }
.mw_conts .mw_conts_detail h4{font-size: 1.1em; font-weight: bold; margin:0;}
.mw_conts .mw_conts_detail p{color:#999999; margin: 2px 0;}
.mw_conts .mw_conts_detail ul{color:#999999; }
.mw_conts .bold{font-weight: 600;}

.menu_wrap .mw_btn{z-index:100;}


.header__title {
	font-size: 1.25em;
	color: #eee;
	border-bottom: 1px solid;
	margin-left: 1rem;
	cursor: default;
}

.header__button {
	font-size: 1em;
	color: #eee;
	padding: 0.75rem 1rem;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.1);
}





/*modal style*/
#mw_modal{	top: 300px;	overflow-y:scroll;}
#mw_modal .modal-content{	text-align: center; max-width: 300px; margin:0 auto;}
#mw_modal .modal-dialog{margin:0 auto;}
#mw_modal .modal-body{padding:74px 0 40px; font-size: 18px; color:#000; font-weight: 600; position:relative;}
#mw_modal .modal-body .ic_close{position:absolute; top: 10px; right:10px;}
#mw_modal .modal-footer{	border-top:none;	padding:0;	}
#mw_modal_close{width: 100%; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);	height: 45px; padding:11px 0;color:#fff;	border-radius: 100px; margin:0px auto 20px; max-width: 272px; text-align: center; display: block; font-size: 16px;} 

#mw_payment_modal{	top: 300px;	overflow-y:scroll;}
#mw_payment_modal .modal-content{	text-align: center; max-width: 300px; margin:0 auto;}
#mw_payment_modal .modal-dialog{margin:0 auto;}
#mw_payment_modal .modal-body{padding:74px 0 40px; font-size: 18px; color:#000; font-weight: 600; position:relative;}
#mw_payment_modal .modal-body .ic_close{position:absolute; top: 10px; right:10px;}
#mw_payment_modal .modal-footer{	border-top:none;	padding:0;	}
#mw_modal_close{width: 100%; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);	height: 45px; padding:11px 0;color:#fff;	border-radius: 100px; margin:0px auto 20px; max-width: 272px; text-align: center; display: block; font-size: 16px;} 
 
#mw_card_modal{top: 100px;}
#mw_card_modal .modal-content {max-width: 300px; margin:0 auto; font-size: 16px; border-radius: 15px; text-align: center; height: 400px; overflow-y:scroll;}
#mw_card_modal .modal-content ul{margin-bottom: 0; }
#mw_card_modal .modal-content ul li{cursor: pointer;	padding:16px 0; border-bottom:1px solid #d5d5d5;}
#mw_card_modal .modal-content ul li:last-child{border-bottom: none;}
#mw_card_modal .modal-content .modal-body{padding: 0;}
#mw_card_modal .modal-footer{	border-top:none; margin-top: 0;padding:0;	}

#mw_delete_modal,#mw_delete_modal2,#mw_delete_modal3,#mw_delete_modal4,#mw_delete_modal5{	top: 300px;	overflow-y:hidden;}
#mw_delete_modal .modal-content,
#mw_delete_modal2 .modal-content,
#mw_delete_modal3 .modal-content,
#mw_delete_modal4 .modal-content,
#mw_delete_modal5 .modal-content{	text-align: center; max-width: 300px; margin:0 auto;}
#mw_delete_modal .modal-dialog,
#mw_delete_modal2 .modal-dialog,
#mw_delete_modal3 .modal-dialog,
#mw_delete_modal4 .modal-dialog,
#mw_delete_modal5 .modal-dialog{margin:0 auto;}
#mw_delete_modal .modal-body,
#mw_delete_modal2 .modal-body,
#mw_delete_modal3 .modal-body,
#mw_delete_modal4 .modal-body,
#mw_delete_modal5 .modal-body{padding:74px 0 40px; font-size: 18px; color:#000; font-weight: 600; position:relative;}
#mw_delete_modal .modal-body .ic_close,
#mw_delete_modal2 .modal-body .ic_close,
#mw_delete_modal3 .modal-body .ic_close,
#mw_delete_modal4 .modal-body .ic_close,
#mw_delete_modal5 .modal-body .ic_close{position:absolute; top: 10px; right:10px;}
#mw_delete_modal .modal-footer,
#mw_delete_modal2 .modal-footer,
#mw_delete_modal3 .modal-footer,
#mw_delete_modal4 .modal-footer,
#mw_delete_modal5 .modal-footer{	border-top:none;	padding:0;	}

#mw_modal_close,#mw_modal_close22,#mw_modal_close3,#mw_modal_close4,#mw_modal_close5{width: 100%; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);	height: 45px; padding:11px 0;color:#fff;	border-radius: 100px; margin:0px auto 20px; max-width: 272px; text-align: center; display: block; font-size: 16px;} 

#mw_info_modal{	top: 300px;	overflow-y:hidden;}
#mw_info_modal .modal-content{	text-align: center; max-width: 300px; margin:0 auto;}
#mw_info_modal .modal-dialog{margin:0 auto;}
#mw_info_modal .modal-body{padding:74px 0 40px; font-size: 18px; color:#000; font-weight: 600; position:relative;}
#mw_info_modal .modal-body .ic_close{position:absolute; top: 10px; right:10px;}
#mw_info_modal .modal-footer{	border-top:none;	padding:0;	}
#mw_modal_close2{width: 100%; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);	height: 45px; padding:11px 0;color:#fff;	border-radius: 100px; margin:0px auto 20px; max-width: 272px; text-align: center; display: block; font-size: 16px;} 




#mw_number_modal{	top: 300px;	overflow-y:hidden;}
#mw_number_modal .modal-content{	text-align: center; max-width: 300px; margin:0 auto;}
#mw_number_modal .modal-dialog{margin:0 auto;}
#mw_number_modal .modal-body{padding:74px 0 40px; font-size: 16px; color:#000; font-weight: 600; position:relative;}
#mw_number_modal .modal-body .ic_close{position:absolute; top: 10px; right:10px;}
#mw_number_modal .modal-footer{	display: flex;border-top:none;	padding:0;margin-top: 0; max-width: 268px; height: 45px; line-height: 45px; justify-content: center;	margin:0 auto 20px;	}
#mw_number_modal .modal-footer #mnm_c{	border-top-left-radius: 100px;	border-bottom-left-radius: 100px; border:1px solid #df514e;color:#df514e;	text-align: center;}
#mw_number_modal .modal-footer a#mnm_o:active,
#mw_number_modal .modal-footer a#mnm_o:hover{color:#fff !important;}
#mw_number_modal .modal-footer #mnm_o{
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px; background: #df514e;
	color:#fff;
	line-height: 45px;
	height: 45px;
	text-align: center;
}

#mw_modal_close2{width: 100%; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);	height: 45px; padding:11px 0;color:#fff;	border-radius: 100px; margin:0px auto 20px; max-width: 272px; text-align: center; display: block; font-size: 16px;} 






#mw_modal::-webkit-scrollbar,
#mw_card_modal .modal-content::-webkit-scrollbar,
#mw_delete_modal::-webkit-scrollbar{
    display: none; /* Chrome, Safari, Opera*/
}


/*payment_default.htm*/
.mw_card{	width: 100% ;margin: 0 auto ;	height: 100%; }
.mw_card img{max-width: 240px; width: 100%; margin:25px auto; display: block;}
.mw_card .swiper-container {
	width: 100%;
	height: 100%;
	margin-bottom: 35px;
}
.mw_card .swiper-slide {
	text-align: center;
	font-size: 18px;
	height: 230px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/*payment_card.htm*/
.mw_card .swiper-slide.pc_card{
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.mw_card .swiper-slide.pc_card .card_on{
	display: block;
	width: 240px;
	height: 170px;
	border-radius: 15px;
	text-align: center;
	line-height: 170px;
	font-size: 18px;
	position:relative;
}

.mw_card .swiper-slide.pc_card .card_close img{
	position: absolute;
	max-width: 24px;
	max-height: 24px;
	right:-10px;
	top: -10px;
	z-index: 100;
}
.mw_card .swiper-slide.pc_card .card_on img{
	width: 240px;
	height: 140px;
	position:absolute;
	
}
.mw_card .swiper-slide.pc_card .card_on .card_x_btn{
	position:absolute;
	right:3%;
	top: 0%;
	background-color: #fff;
	width: 30px;
	height: 30px;
	display: inline-block;
}
.mw_card .swiper-slide.pc_card .card_txt{
	position:relative;
	z-index: 100000;
	width: 100%;
	max-width: 240px;
	text-align: left;
	margin-top: 20px;
}
.mw_card .swiper-slide.pc_card .card_txt input[type="checkbox"]+ label{
	padding-left: 30px;
}
.mw_card .swiper-slide.pc_card .card_txt input[type="checkbox"]:checked + label:after{
	content: url(../images/icon/ps_che_on.png);
    position: absolute;
    left: 0.5rem;
}
.mw_card .swiper-slide.pc_card .card_txt input[type="checkbox"]+ label:after{
	content: url(../images/icon/ps_che_off.png);
    position: absolute;
    left: 0.5rem;
}


/*accordian*/
  .accordian-title {
	font-size: 15px;
	font-weight: bold;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	transition: all 0.1s linear;
	width: 100%;
	border-bottom: 1px solid #f4f4f4;
  }
  .accordian-title span {
	transform-origin: center center;
	transition: all 0.3s linear;
	height: 24px;
  }
  .accordian-title.active span {
	transform: rotate(180deg);
	transform-origin: center center;
	transition: all 0.3s linear;
  }

.accordian-content {	display: none;	padding: 20px 16px;	width: 100%;	max-height: 150px;
	border-bottom: 1px solid #f4f4f4;	overflow-y: scroll;  }
.accordian-content h4{font-size: 13px;color:#777;font-weight: 600;margin:0 auto 8px;}
.accordian-content p{font-size: 12px;color:#888;font-weight: normal; margin-bottom: 0;}

/*card_registration.htm*/
.mw_card_img {max-width: 100px;margin:0 auto; width: 100%;display: block;}
.menu_wrap .mw_card_info_list{width: 100%;}
.menu_wrap .mw_card_info_list li {margin-bottom: 30px;}
.menu_wrap .mw_card_info_list li input{
	border-bottom:2px solid #000;
	width: 100%;
	padding:5px 10px;
	letter-spacing: 2px;
}
.menu_wrap .mw_card_info_list li input[type="password"]{
	border-bottom:2px solid #000;
	border-top:none;
	border-left:none;
	border-right:none;
}
.menu_wrap .mw_card_info_list li input[type="number"]::placeholder,
.menu_wrap .mw_card_info_list li input[type="password"]::placeholder{
	letter-spacing: -0.1px;
	font-size: 14px;
}
.menu_wrap .buttonLogin{
	width:100%;
	max-width: 328px;
	height:45px;
	margin:0 auto;
	background: rgb(212, 212, 212);
	border-radius:100px;
	text-align:center;
	font-size:16px !important;
	font-weight:600 !important;
	color:#a5a5a5;
	line-height:45px;
	cursor: default;
	position:relative;
	display:block;
	font-size: 14px;
	font-weight: 500;
}
.menu_wrap .buttonLoginDisabled{
	background-image: linear-gradient(98deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);
	cursor: pointer;
	color:#fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#memo{	display: none;	text-align: center;	margin-bottom: 0;	width: 100%;}/*20230413수정*/
#memo a{
	text-decoration: underline !important;
}
/* 키패드화면 */  
.device {
	margin: 0 auto;
	display: inline-block;
	transform: scale(1);
	width: 100%;
  }

  .device .device-viewport {
	contain: strict;
	width: 100%;
	margin:0 auto;
	height: 500px;
	transform: scale(1);
  }  
  .body-content {
	padding: 16px;
  }
  .body-content h3 {
	margin-bottom: 16px;
  }
  .body-content p {
	line-height: 1.5em;
	margin-bottom: 8px;
  }
  .body-content button {
	width: 100%;
	height: 48px;
	margin-top: 24px;
	cursor: pointer;
  }
  
  .pin-info {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	background: #EAEAEA;
  }
  
  .pin-display {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: white;
  }
  
  .keypad {
	width: 100%;
	margin:0 auto;
	padding: 0;
	background: #292a2f;
  }
  
  .keypad--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding:34px 0;
  }
  
  .keypad--button {
	color:#fff;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 400;
	cursor: pointer;
	transition: all 100ms ease-out;
  }
  .keypad--button:active {
	color:#000;
  }
  
  .confirmation-dots {
	margin-bottom: 48px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
  }
  .confirmation-dots.error {
	animation-name: shake;
	animation-duration: 300ms;
  }
  .confirmation-dots svg {
	height: 24px;
	max-height: 24px;
	width: 220px;
  }
  .confirmation-dots .pin-circle {
	transition: all 100ms ease-out;
	fill: lightgray;
	stroke-width: 2px;
	stroke: lightgray;
	outline-offset: -2px;
	outline-width: 2px;
  }
  .confirmation-dots .pin-circle.entered {
	fill: #ff6662;
	stroke:#ff6662;
  }
  .confirmation-dots .pin-circle.success {
	fill: rgb(111, 221, 111);
	stroke: rgb(111, 221, 111);
  }
  .confirmation-dots .pin-circle.error {
	fill: red;
	stroke: red;
  }
  
  .circle-lock--container {
	height: 72px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: row;
  }
  
  .circle-lock {
	width: 80px;
	height: 80px;
	background: white;
	border-radius: 1000px;
	position: relative;
	top: -40px;
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
  }
  .circle-lock .lock-icon {
	color: #333;
  }
  
  .page-title {
	font-size: 28px;
	line-height: 32px;
	text-align: center;
	font-weight: 700;
  }
  
  .pin-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }
  
  @keyframes shake {
	10%, 90% {
	  transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
	  transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
	  transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
	  transform: translate3d(4px, 0, 0);
	}
}


#alert_error{	display: block;}

/*payment.ok.htm*/
.mw_ok_img{	width: 100%;	max-width: 145px;	margin:0 auto 25px;
display: block;}
.mw_ok_tit{	text-align: center;	font-size: 1.2em;	color:#DF514E;	font-weight: 800;}
.mw_ok_list{	padding-left: 13px; margin-bottom: 40px;}
.mw_ok_list li{font-size: 13px; color:#222; line-height: 1.7em;}

.mw_conts2{display: flex; flex-direction: column; margin-bottom: 20px;}
.mw_conts2 .mw_conts_detail2{display: flex;flex-direction: row; margin-bottom: 10px;align-items: center; justify-content: flex-start; width: 100%;  }

.mw_conts2 .mw_conts_detail2 h4{margin: 0; font-size: 1em;font-weight: 600; width: 20%;	margin-right: 60px;}
.mw_conts2 .mw_conts_detail2 p{color:#3b3b3b; margin: 0;}

.po_mw .mw_conts{width: 100%;border-bottom: none; margin-bottom: 40px;}
.po_mw .mw_conts .mw_conts_detail{width: 40%;}




/*20230330 스타일추가*/
/**card_regisstration.htm**/
.menu_wrap .mw_card_info_list li input{border-left:none; border-right:none; border-top:none; }
.menu_wrap .mw_card_info_list li input[type="text"]{letter-spacing: 0px; font-weight: bold;}
.menu_wrap .mw_txt2{margin: 0 0 ;}

/**payment_card.htm**/
.card_on > .card_style{	color:#fff; width: 240px;	height: 140px;	position:absolute;	background: #eb2aa9;	left: 0;	top: 25px;	border-radius: 13px; z-index:10;}
.card_on > .card_style .cs_name{position:absolute;	left: 0;	top: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none; z-index:1000; color:#fff; }
.card_on > .card_style .cs_num{ z-index:1000;	position:absolute;	color:#fff !important;	right: 0;bottom: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none; text-align: right;}

.card_on > .card_style2{color:#fff;	width: 240px;	height: 140px;	position:absolute;	background: #11a3f5;	left: 0;	top: 25px;	border-radius: 13px;}
.card_on > .card_style2 .cs_name{ z-index:1000;	position:absolute;	color:#fff !important;left: 0;	top: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none;}
.card_on > .card_style2 .cs_num{ z-index:1000;	position:absolute;	color:#fff !important;	right: 0;bottom: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none; text-align: right;}

.card_on > .card_style3{color:#fff;	width: 240px;	height: 140px;	position:absolute;	background: #3ba23f;	left: 0;	top: 25px;	border-radius: 13px;}
.card_on > .card_style3 .cs_name{ z-index:1000;	position:absolute;	color:#fff !important;left: 0;	top: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none;}
.card_on > .card_style3 .cs_num{ z-index:1000;	position:absolute;	color:#fff !important;	right: 0;bottom: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none; text-align: right;}

.card_on > .card_style4{color:#fff;	width: 240px;	height: 140px;	position:absolute;	background: #2f2f2f;	left: 0;	top: 25px;	border-radius: 13px;}
.card_on > .card_style4 .cs_name{ z-index:1000;	position:absolute;	color:#fff !important;left: 0;	top: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none;}
.card_on > .card_style4 .cs_num{ z-index:1000;	position:absolute;	color:#fff !important;	right: 0;bottom: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none; text-align: right;}

.card_on > .card_style5{color:#fff;	width: 240px;	height: 140px;	position:absolute;	background: #6f3cc2;	left: 0;	top: 25px;	border-radius: 13px;}
.card_on > .card_style5 .cs_name{ z-index:1000; position:absolute;	color:#fff !important;left: 0;	top: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none;}
.card_on > .card_style5 .cs_num{ z-index:1000;	position:absolute;	color:#fff !important;	right: 0;bottom: 0px;	font-size: 13px;	font-weight: bold;	letter-spacing: 1px; border:none; text-align: right;}

.card_on input[type="text"]{-webkit-appearance: none;}

.card_style input[type="text"], .card_style2 input[type="text"], .card_style3 input[type="text"], .card_style4 input[type="text"], .card_style5 input[type="text"]{
	-webkit-appearance: none;}
#card_add{display: none; margin-top: 6px;}


/*20230330 스타일추가 끝*/



/*20230413 스타일추가*/
.switch-field input[type="radio"]:disabled + label {background-color: #e0e0e0;	border: 1px solid #e0e0e0;	color:#000;font-weight: 500;}
.add_form {display: flex; margin-bottom: 10px;}
.add_form input{width: 100%; font-size: 13px;height: 40px;    padding: 0 0 0 10px;text-align: left; line-height: 40px; display: inline-table;    border: 0.5px solid #5d5d5d;}
.add_form button{background: #5c5b5b; color:#fff; width: 100px; margin-left: 10px;}

.pmcalc{display: flex; justify-content: space-between;align-items: flex-start;}
.pmcalc .mw_tit .mtit_sm{font-size: 11px; display: block;}
.pmcalc .mw_list3 .count{display: flex; align-items: center;}
.pmcalc .mw_list3 .count .btn{	width: 44px;    height: 44px;    background-color: #f7f7f7;
    border-radius: 50%;    border: 1px solid #c4c4c4;    display: flex;    align-items: center;  justify-content: center;    font-size: 20px;    color: #222222;    font-weight: bold;}

.pmcalc .mw_list3 .count p{margin:0 15px; font-weight: bold; font-size: 16px;} 
#mw_modal{top:50%; transform: translateY(-50%); font-size: 14px; }
#mw_modal .modal-dialog{ overflow-y: initial !important}
#mw_modal .modal-cont{    height: 250px;    overflow-y: auto;}
#mw_modal .modal-body{padding:35px 0;}
#mw_modal .modal-cont::-webkit-scrollbar{display: none;}
#mw_modal .modal-cont .ic_close{position: fixed;}

.cs_name, .cs_num{cursor: default !important;}
.header_wrap{z-index:1040;}

.menu_wrap{overflow-y:scroll;}

.mw_card_info_list li input[type="email"]::placeholder,.mw_card_info_list li input[type="email"]:valid{letter-spacing: -0.2px;}
.menu_wrap .mw_btn2{height: 85px; padding:20px 0; bottom:0;}