@charset "euc-kr";
@import url("/inc_common/inc/css/fonts.css");

/* *,td,th{font-family: '¸¼Àº °íµñ',Malgun Gothic !important;} */
/* CSS Document */
*{
	box-sizing: border-box;
	padding:0;
	margin:0;
}
body {
	line-height:1;
	letter-spacing:-1px;
	font-family:'notokr-regular';
    color: #333;
    font-size: 14px;
    position: relative;
}
img{
	vertical-align:middle;
    max-width:100%;
}

html, body  {
    height:100%;
}
body, input, textarea, select, button, table, th, td {
    font-family: 'notokr-regular';
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust:none;
}
fieldset, img {
    border: 0;
}
textarea, input {
    outline: medium none;
}

a:link , a:visited , a:hover , a:active {
    text-decoration: none;
}

ul, ol {
    list-style: none outside none;
}

address {

}

.m_clear {
    clear: both;
}

.none   {
    display: none;
}

.hand   {
    cursor: pointer;
}
a[href^="tel"]{color:inherit;text-decoration:none;}

.mt5{margin-top: 5px !important;}
.mt7{margin-top: 7px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}
.mt145{margin-top: 145px !important;}
.ml20{margin-left: 20px !important;}
.mr20{margin-right: 20px !important;}
.pb100 {padding-bottom: 100px !important;}

.clr_flt {*zoom:1}
.clr_flt:after {display:block;clear:both;content:""}
.fl_l{float:left !important;}
.fl_r{float:right !important;}
.dis_in{display: inline-block !important;}
.dis_ov{overflow: hidden !important;}
.align_c{text-align:center !important;}
.align_l{text-align:left !important;}
.align_r{text-align:right !important;}
.pst_rlt {position: relative !important;}

.f_r {font-family: 'notokr-regular' !important;}
.f_m {font-family: 'notokr-medium' !important;}
.f_b {font-family: 'notokr-bold' !important;}
.f_bk {font-family: 'notokr-black' !important;}

.fc_sky,.font_sky {color:#1e9ddf !important;}
.fc_red {color:#b20109 !important;}
.fc_org {color:#f14908 !important;}

hr {display:block;border:0;border-top:1px solid #e0e0e0;height:1px;margin:20px 0;}



/*****************************************************************************************************************************/



/* layout ********************************/
body {background: #f3f4f6;}
body.ly {background: #fff;}
#sch_container {height:100vh;}
.paymt_inner {padding:0 20px;}



/* top,foot ********************************/
.foot_btn {display: flex;justify-content: center;align-items: center;gap: 10px;}


/* input ********************************/
#sch_container input {border:1px solid #dedede;background:#fff;border-radius:3px;color:#333;width:100%;height:44px;padding:2px 10px;font-size:15px;vertical-align:middle;font-family: 'notokr-medium';}
#sch_container input::placeholder {color:#a9a9a9;font-size:16px;}
#sch_container select {border:1px solid #dedede;background:#fff;border-radius:3px;color:#333;width:100%;height:44px;padding:2px 25px 2px 10px;font-size:15px;background: url(//img2s.mbest.co.kr/mobile/pay/select_arrow.png) right 10px center no-repeat;background-size: 10px auto;vertical-align:middle;appearance:none;}
/* input - ÀÎÁõ */
#sch_container input:read-only {background:#f3f4f6;}/* ºñÈ°¼ºÈ­ */



/* input_checkbox */
.chk_sch{
    font-size:15px;
    display: inline-block;
    vertical-align: middle;
	font-family: 'Pretendard-medium';
}
.chk_sch input{
    display:none;
}
.chk_sch input + label{
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align: middle;margin-right:3px;margin-top: -2px;
}
.chk_sch input + label ~ label{
    vertical-align: middle;cursor: pointer;
}
.chk_sch input:not(:checked) + label{
    border: 1px solid #c0c0c0;border-radius: 3px;
    background: #fff;
	background-size:contain;
}
.chk_sch input:checked + label{
    border: 1px solid #c0c0c0;border-radius: 3px;
    background: url(//img2s.mbest.co.kr/mobile/pay/chk_pay_on.png) no-repeat center;
	background-size:calc(100% + 2px) auto;
}
.chk_sch input:disabled + label{
    opacity: .6;background: #f3f3f3;
}
/* input_radio */
.rdo_sch{
    font-size:15px;
    display: inline-block;
    vertical-align: middle;
	font-family: 'Pretendard-medium';
}
.rdo_sch input{
    display:none;
}
.rdo_sch input + label{
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align: middle;margin-right:1px;
}
.rdo_sch input + label ~ label{
    vertical-align: middle;cursor: pointer;padding-top: 2px;
}
.rdo_sch input:not(:checked) + label{
    border: 1px solid #c0c0c0;border-radius: 50%;
}
.rdo_sch input:checked + label{
    border: 1px solid #c0c0c0;border-radius: 50%;
    background: url(//img2s.mbest.co.kr/mobile/pay/rdo_pay_on.png) no-repeat center;
	background-size:calc(100% + 2px) auto;
}
.rdo_sch input:disabled + label{
    opacity: .6;background: #f3f3f3;
}



/* button ********************************/
/* ±âº» */
#sch_container button {display:inline-block;background:#7d8285;color:#fff;font-size:17px;font-family: 'Pretendard-medium';width:100%;padding:2px 0 0 0;text-align:center;border-radius:3px;line-height:1;height:52px;overflow:hidden;vertical-align:middle;border:0;cursor:pointer;letter-spacing:-.03em;}
/* small */
#sch_container button.btn_s {display:inline-block;background:#7d8285;color:#fff;font-size:14px;font-family: 'Pretendard-medium';width:100%;padding:2px 0 0 0;text-align:center;border-radius:3px;line-height:1;height:44px;overflow:hidden;vertical-align:middle;border:0;cursor:pointer;}
/* color */
#sch_container button.sky,
#sch_container button.on {background:#0091dc;}/* È°¼ºÈ­ */
#sch_container button.navy,
#sch_container button.off {background:#424960;}/* ºñÈ°¼ºÈ­ */
#sch_container button.off {cursor:default;}/* off */
#sch_container button.grey {background:#7d8285;cursor:default;}/* ³³ºÎ¿Ï·á */

/* ±âº» */
#sch_container .foot_btn a {display:inline-flex;justify-content: center;align-items: center;background:#7d8285;color:#fff;font-size:17px;font-family: 'Pretendard-medium';width:100%;padding:2px 0 0 0;text-align:center;border-radius:3px;line-height:1;height:52px;overflow:hidden;vertical-align:middle;border:0;cursor:pointer;letter-spacing:-.03em;}
/* small */
#sch_container .foot_btn a.btn_s {display:inline-block;background:#7d8285;color:#fff;font-size:14px;font-family: 'Pretendard-medium';width:100%;padding:2px 0 0 0;text-align:center;border-radius:3px;line-height:1;height:44px;overflow:hidden;vertical-align:middle;border:0;cursor:pointer;}
/* color */
#sch_container .foot_btn a.sky,
#sch_container .foot_btn a.on {background:#0091dc;}/* È°¼ºÈ­ */
#sch_container .foot_btn a.navy,
#sch_container .foot_btn a.off {background:#424960;}/* ºñÈ°¼ºÈ­ */
#sch_container .foot_btn a.off {cursor:default;}/* off */
#sch_container .foot_btn a.grey {background:#7d8285;cursor:default;}/* ³³ºÎ¿Ï·á */



/*  ********************************/
.payList_box {background:#fff;}
.payList_box.bT {border-top:8px solid #dddfe5;}
.payList_box.bB {border-bottom:8px solid #dddfe5;}
.payList_box .box_inner {padding:20px;}

#sch_container .ly_top {position:relative;background:#fff;border-bottom:1px solid #e6e6e6;padding:16px;height:50px;font-size:18px;font-family: 'Pretendard-bold';text-align: center;overflow:hidden;}
#sch_container .ly_top label {font-family: 'notokr-regular';color:#5b5b5d;}
#sch_container .ly_top .ic {display:inline-block;margin:-2px 5px 0 0px;width:15px;height:17px;background:url('//img2s.mbest.co.kr/mobile/pay/ic_user.png') no-repeat center;background-size: contain;vertical-align: middle;}
#sch_container .ly_top .btnClose {position:absolute;top:0;right:0px;padding:16px;width:50px;height:50px;background:url('//img2s.mbest.co.kr/mobile/pay/ic_close.png') no-repeat center;background-size: 18px auto;vertical-align: middle;}/* ´Ý±â */
#sch_container .ly_top .btnPrev {position:absolute;top:0;left:0px;padding:16px;width:50px;height:50px;background:url('//img2s.mbest.co.kr/mobile/pay/ic_prev.png') no-repeat center;background-size: 18px auto;vertical-align: middle;}/* ÀÌÀü */

#sch_container .f_tit_b {font-size:17px;font-family: 'Pretendard-bold';line-height:18px;letter-spacing: -.03em;}
#sch_container .f_tit_b em {font-size:14px;font-family: 'Pretendard-medium';font-style: normal;}
#sch_container .f_tit_s {display: block;font-size: 12px;font-family: 'Pretendard-medium';line-height: 1.1em;}

.paycard_info_list{width: 100%;border-top: 1px solid #e4e9ec;border-right: 1px solid #e4e9ec;border-spacing: 0;}
.paycard_info_list thead th{text-align: center;color: #676767;font-size: 15px;letter-spacing: -0.025em;line-height: 1.2em;font-weight: normal;font-family: 'Pretendard-medium';border-bottom: 1px solid #e4e9ec;background: #f8f8f8;border-left: 1px solid #e4e9ec;height: 60px;}
.paycard_info_list tbody td{text-align: center;color: #676767;font-size: 15px;letter-spacing: -0.025em;font-family: 'Pretendard-regular';border-bottom: 1px solid #e4e9ec;border-left: 1px solid #e4e9ec;height: 60px;padding: 2% 4%;}
.paycard_info_list tbody th{text-align: center;color: #676767;font-size: 15px;letter-spacing: -0.025em;line-height: 1.2em;font-weight: normal;font-family: 'Pretendard-medium';border-bottom: 1px solid #e4e9ec;background: #f8f8f8;border-left: 1px solid #e4e9ec;height: 60px;}
.paycard_info_list tbody td div{color: #333;line-height: 22px;}
.paycard_info_list tbody td.al_left{text-align: left;padding-left: 4%;}
.btn_payment2{display:block;width: 60%;background: #7b8284;color: #fff;text-align: center;height: 45px;line-height: 45px;border-radius: 3px;font-family: 'notokr-bold';letter-spacing: -0.025em;font-size: 18px;margin:0 auto;margin-top: 5%;}
.paycard_info_list .td_total {font-size: 20px;font-family:'Pretendard-semibold';font-weight: normal;color: #333;}

.paycard_info_list .tblGryD {table-layout:fixed;clear:both;width:100%;border-collapse: collapse;}
.paycard_info_list .tblGryD td {padding: 4%;}
.paycard_info_list .tblGryD tr:last-child td {border-bottom: 0;}
.paycard_info_list .tblGryD .ex_num {background: #e5f4fb;color:#1e9ddf;font-size: 16px;font-family:'Pretendard-semibold';height: 40px;padding: 2% 4%;}
.paycard_info_list .tblGryD .ex_slt {height: 40px;text-align: center;padding: 2% 4%;color: #333;}
.brf_knwRt li {padding:4px 0;}
.brf_knwRt.all .chk_sch{font-size:15px;color:#333;font-family: 'Pretendard-bold';}

.cmt_info {color:#666;font-size:13px;line-height:18px;font-family: 'Pretendard-regular';text-align: left;letter-spacing: -.05em;}/* ¹«ÅëÀå */
.cmt_info li {position:relative;padding:3px 0 3px 7px;}
.cmt_info li label {position:absolute;top:2px;left:0px;font-weight:bold;}

.rdo_box {display: flex;justify-content:flex-start;align-items: center;flex-wrap: wrap;gap: 5px 0;text-align: left;}
.rdo_box .rdo_sch {width: calc(100% / 3);}