/* default */
body, h2, h3, h4, h5, h6, img, ul, li, dl, dt, dd, address, table, thead, tbody, tfoot, td, tr, th, p, summary, caption, div {margin:0;padding:0;color:#666;font-size:12px;font-family:'굴림',Gulim,"돋움",Dotum,AppleGothic, sans-serif;}
ul, ol, dl{list-style:none}
h3,h4,h5,h6{font-weight:normal}
select, input, button, textarea{margin:0;padding:0;color:#666;font-size:12px;font-family:'굴림',Gulim,"돋움",Dotum,AppleGothic, sans-serif}
img{border:0}
fieldset {margin:0px;padding:0px;border:none}
caption{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
legend {padding:0; position: absolute;top:-9999px;left:-9999px;font:0/0 Arial}
table{width:100%;border-collapse:separate}
th {text-align:left;color:#333}
th, td{empty-cells:show}
button, input[type="button"], input[type="reset"], input[type="submit"]{border:none;cursor:pointer;vertical-align: middle;-webkit-appearance:none}
button::-moz-focus-inner{margin:0;padding:0;border:0}
hr{display:none}
em{font-style:normal}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}

/* link */
a{border:none}
a, a:link, a:visited, a:active{text-decoration:underline;color:#666}
a:hover{color:#666}

/* common */
.marT0{margin-top:0 !important}
.marT5{margin-top:5px !important}
.marT10{margin-top:10px !important}

.t_center{text-align:center !important}
.t_left{text-align:left !important}
.t_right{text-align:right !important}
.t_s11 {font-size: 11px !important}
.t_s12 {font-size: 12px !important}

.colPoint1{color:#614cc1 !important}
.colPoint2{color:#e44b3a !important}

.bold{color:#333}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;line-height: 0}
.hidden{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}

.wrap_payment {background-color: #fff;position: relative;}
.wrap_payment h1 {height:50px;background-color: #ffde02;position:relative;font-size: 16px;line-height: 50px;padding-left:10px;color:#333;margin:0;}
.wrap_payment h1:after {content: "";display: inline-block;width:82px;height:14px;position: absolute;top:50%;right:15px;background:url("/xacsweb/image/3DSecure/logo.png") left top;margin-top:-7px;}
.wrap_payment h2 {color:#614cc1;padding-top:5px;padding-bottom:8px;}
.wrap_payment p.txt_ask {line-height:18px;margin-top:18px;margin-bottom:5px;}
.wrap_terms {margin:9px 10px 0 10px;border: 1px solid #e1e1e1;position: relative;padding-right:75px;}
.wrap_terms div {height:45px;padding:5px 8px;overflow-x:hidden;overflow-y:auto;line-height:16px;font-size: 11px;}
.wrap_terms ul {width:70px;position: absolute;right:0;top:0;margin-top:6px;}
.wrap_terms ul li {padding:3px 0;font-size: 11px;}
.wrap_terms ul li label {vertical-align: middle}
.info_user {position: relative;padding: 5px 10px; background: #f5f5f5; margin:5px 10px;}
.info_user p.visa, .info_user p.master, .info_user ul {position: absolute;}
.info_user p.visa {width:47px;height:27px;background:url("/xacsweb/image/3DSecure/kind_visa.gif") no-repeat left top;text-indent: -9999px;right:90px;top:12px;}
.info_user p.master {width:53px;height:19px;background:url("/xacsweb/image/3DSecure/kind_master.gif") no-repeat left top;text-indent: -9999px;right:90px;top:18px;}
.info_user ul {right:10px;border-top: 1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;border-left: 1px solid #c2c2c2;top:15px;}
.info_user ul li {display: inline-block;border-right: 1px solid #c2c2c2;color:#666;width:32px;text-align:center;padding-top:6px;height:23px;box-sizing: border-box;}
.info_user ul li.on {color:#000;font-weight:bold;background-color: #f5f5f5}
/* .info_user table {margin-bottom:5px; padding-left:10px; background:#f5f5f5; } */
.info_user table td,  .info_user table th {font-size: 11px;}
.info_user table th {font-weight:normal;height:18px;}
.info_user table td {color:#614cc1}
.select_keypad {padding:0 10px;font-size: 11px;/* margin-top:10px; */}
.select_keypad input, .select_keypad label, .info_card table td input {vertical-align:middle;}
.info_card {padding:3px 10px;}
.info_card table {background-color: #f5f5f5;padding-top:3px;padding-bottom:3px;}
.info_card table th {padding:5px 10px;vertical-align: top}
.info_card table td, .info_card table td a {font-size: 11px;}
.info_card table td.bTerm {padding-bottom:5px;}
.info_card table td input.pass {width:110px;margin-right:5px;}
.info_card table td input[type="radio"] + label {margin-right:8px;vertical-align: middle}
.info_card table td label.t_s12 + input.t_center {margin-left:8px;}
.clist {margin-top:10px;}
.clist li {padding-bottom:5px;}
.wrap_btn {width:100%;margin-top:2px;text-align:center;}
.wrap_btn .Lbtn + .Lbtn {margin-left: 6px}

/*layer*/
.wrap_layer {width:100%;height:100%;position: absolute;top:0;left:0;background-color: #000;filter:Alpha(opacity=40);Opacity:0.40;}
.layer_container {background-color: #f2f2f2;border: 2px solid #6b717f;position: absolute;top:50%;}
.layer_container.phone {width:290px;left:50px;margin-top:-125px;}
.layer_container.card {width:315px;left:40px;margin-top:-148px;}
.layer_container .a_header {height:35px;background-color: #6b717f;position: relative;}
.layer_container .a_header h2 {color:#fff;padding:10px 30px 0 18px;}
.layer_container .a_header button {position: absolute;right:8px;top:5px;width:25px;height:25px;background:url("/xacsweb/image/3DSecure/close.gif") no-repeat center center;}
.layer_container .a_contents {padding:8px 20px;}
.layer_container .a_contents dt {font-size: 14px;color:#333;font-weight: bold;padding-top:15px;}
.layer_container .a_contents dd {padding-top:8px;}
.layer_container .a_contents li h3 {width:100%;font-size: 14px;color:#333;font-weight: bold;padding-top:10px;}
.layer_container .a_contents li div {background-color: #fff;margin-top:8px;}
.layer_container .a_contents li.cordQ {text-align: center;}
.layer_container .a_contents li.cordQ div {width:115px;height:115px;margin:12px auto;padding:15px;box-sizing: border-box;}
.layer_container .a_contents li.cordP {text-align: center;}
.layer_container .a_contents li.cordP div {width:100%;height:75px;box-sizing: border-box;padding:30px 20px;color:#000;font-size: 18px;font-weight:bold;letter-spacing: 1px}
.layer_container .a_contents li.cordP a {margin-top:15px;display: inline-block;}
.layer_container .a_button {margin:10px 20px 20px 20px;padding-top: 10px;border-top: 1px solid #b5b8bf;text-align: center}
.layer_container .txt_info {text-align: center;margin-top:10px;color:#dd3520;}
.layer_container .txt_info span {font-weight:bold;}

/*input*/
.input_radio {appearance:none;-webkit-appearance:none;-moz-appearance:none;display: inline-block;width:16px;height:16px;position: relative;vertical-align: middle;background:url("/xacsweb/image/3DSecure/bg_radio.png") no-repeat left top;}
.input_radio:checked:after {content: "";display: inline-block;width:6px;height:7px;background-color: #e44b3a;position: absolute;top:4px;left:5px;border-radius: 100%}
.input_check {appearance:none;-webkit-appearance:none;-moz-appearance:none;display: inline-block;width:18px;height:18px;position: relative;vertical-align: middle;box-sizing: border-box;background:url("/xacsweb/image/3DSecure/bg_check.gif") no-repeat left top;}
.input_check:checked:after {content: "";display: inline-block;width:12px;height:12px;position: absolute;top:3px;left:3px;background:url("/xacsweb/image/3DSecure/check.gif") #fff left top;background-size: 100%;}
.input_text {border:1px solid #c2c2c2;background-color: #fff;padding-top:4px;padding-bottom:3px;padding-left: 5px;padding-right: 5px;box-sizing: border-box;vertical-align: middle}
.input_select {padding:3px 5px 3px 5px;border: 1px solid #999;box-sizing: border-box;vertical-align: middle}
.input_select {background: url(/xacsweb/image/3DSecure/input_select.png) no-repeat right white; height:23px; -webkit-appearance:none;-moz-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;border-radius:0;padding:2px 15px 1px 5px;border: 1px solid #999;vertical-align: top; background-color: white; }
.input_select::-ms-expand{display:none;}
/*btn*/ 
.Lbtn {min-width:64px;height:30px;vertical-align: middle;text-align:center;font-weight: bold;color:#333;border-radius: 5px; width:calc(100% - 12px); }
.btn_gray {height:23px;background-color: #6b727f;color:#fff;padding-left: 8px;padding-right: 8px;}
.btn_gray span {display: inline-block;padding:0 5px;}
.btn_vitality {background-color: #ffde02}
.btn_inert {background-color: #e8eaef}


.txtInfo{position:relative;margin:0 10px;padding-left:20px;font-size:11px;line-height:17px}
.txtInfo strong{color:#333}
.txtInfo:before{content:'';display:block;position:absolute;top:-1px;left:0;width:16px;height:16px;background:url("/xacsweb/image/3DSecure/bg_icon.png") no-repeat}

.info_header {position: relative; /* height:40px;  */ padding:5px 10px; overflow: auto;}
/* .info_header::after{content:"";display:block;  clear:both;} */
.info_header ul {position: absolute; }
.info_header p.visa {float:right;width:47px;height:27px;background:url("/xacsweb/image/3DSecure/kind_visa.gif") no-repeat left top;text-indent: -9999px;}
.info_header p.master {float:right;width:53px;height:19px;background:url("/xacsweb/image/3DSecure/kind_master.gif") no-repeat left top;text-indent: -9999px;}
.info_header p.visa20 {float:right; width:60px;height:19px;background:url("/xacsweb/image/3DSecure/Visa.png") no-repeat left top;text-indent: -9999px; background-size: 60px;}
.info_header p.master20 {float:right; width:111px;height:22px;background:url("/xacsweb/image/3DSecure/Master.png?v=2") no-repeat left top;text-indent: -9999px; background-size: 111px;}
.info_header p.jcb20 {float:right; width:53px;height:32px;background:url("/xacsweb/image/3DSecure/Jcb.png") no-repeat left top;text-indent: -9999px; background-size: 53px;}
.info_header p.upi20 {float:right; width:40px;height:26px;background:url("/xacsweb/image/3DSecure/Upi.png") no-repeat left top;text-indent: -9999px; background-size: 40px;}

.info_header .kakao {content: "";display: inline-block;width:82px;height:14px;position: absolute;top:50%;background:url("/xacsweb/image/3DSecure/logokakao.png") left top;margin-top:-7px; margin-left:5px;}
.info_header .payco {content: "";display: inline-block;width:82px;height:20px;position: absolute;top:50%;background:url("/xacsweb/image/3DSecure/img-head-payco.png") no-repeat; margin-top:-7px; margin-left:5px; background-size: 82px;}
.info_header .jeonbuk {content: "";display: inline-block;width:90px;height:30px;position: absolute;top:50%;background:url("/xacsweb/image/3DSecure/logojeonbuk.png") no-repeat; margin-top:-8px; margin-left:5px; background-size: 95px;}
.info_header .kona {content: "";display: inline-block;width:82px;height:20px;position: absolute;top:50%;background:url("/xacsweb/image/3DSecure/KONAI_CI.png") no-repeat; margin-top:-7px; margin-left:5px; background-size: 82px;}
.info_header .cancel_area {height:15px;}
.info_header .cancel_area .cancelBtn { position: absolute; right:10px; cursor: pointer; font-weight: bold; }
/* .info_header .logo_area {height:35px;} */
.info_header .logo_area .issuer_logo {content: ''; display: inline-block; width: 89px; height: 16px; position: absolute; background: url(/xacsweb/image/logo_kbcard.png) no-repeat left top; margin-top: 0px; background-size: 89px;}
.title_area {position: relative; height:25px; margin: 0 10px;  padding-top:10px; background:#f5f5f5;}
.title_area .title {display: inline-block; font-weight: bold; position: relative; font-size: 16px; margin-left:10px;}
.title_area ul {display:inline-block; right:10px;border-top: 1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;border-left: 1px solid #c2c2c2; position: absolute; background-color:#fff;top: 5px;}
.title_area ul li {display: inline-block;border-right: 1px solid #c2c2c2;color:#666;width:32px;text-align:center;padding-top:6px;height:23px;box-sizing: border-box;}
.title_area ul li.on {color:#000;font-weight:bold;background-color: #f5f5f5;}

#loading-3ds2 { width: 100%; height: 100%; position: fixed; top:0; background-color:rgba(0,0,0,0.3); display:none; }
#loading-3ds2 .loading-wrap { top: 20%; left: calc((100% - 65px) / 2 ); text-align: center; position:fixed; }
#loading-3ds2 p.visa {width: 65px; height: 38px; display: block; margin-bottom: 10px; background: url(/xacsweb/image/3DSecure/kind_visa.gif) no-repeat; background-size: 65px;}
#loading-3ds2 p.master {width: 65px; height: 24px; display: block; margin-bottom: 10px; background: url(/xacsweb/image/3DSecure/kind_master.gif) no-repeat; background-size: 65px;}
#loading-3ds2 p.visa20 {width: 65px; height: 22px; display: block; margin-bottom: 10px; background: url(/xacsweb/image/3DSecure/Visa.png) no-repeat; background-size: 65px;}
#loading-3ds2 p.master20 {width: 65px; height: 12px; display: block; margin-bottom: 10px; background: url(/xacsweb/image/3DSecure/Master.png?v=2) no-repeat; background-size: 65px;}
#loading-3ds2 p.jcb20 {width: 65px; height: 44px; display: block; margin-bottom: 10px; background: url(/xacsweb/image/3DSecure/Jcb.png) no-repeat; background-size: 65px;}
#loading-3ds2 p.upi20 {width: 65px; height: 44px; display: block; margin-bottom: 10px; background: url(/xacsweb/image/3DSecure/Upi.png) no-repeat; background-size: 65px;}
#loading-3ds2 p.loading{width: 65px; height: 65px; display: block; background: url(/xacsweb/image/3DSecure/loading.gif) no-repeat; background-size: 65px;}