@charset "utf-8";

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,.side_cate,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,blockquote{margin:0;padding:0; -webkit-text-size-adjust:none; word-break: keep-all;word-wrap: break-word;}
body,table{font-size: 13px;font-family: 'Noto Sans Korean', sans-serif; color:#333;letter-spacing:0em;vertical-align: middle;}
*{box-sizing: border-box;word-break: keep-all;word-wrap: break-word;}
body{background:#fff;-webkit-text-size-adjust:none;width: 100%; height: 100%;word-spacing: -0.4px;}
fieldset,img,iframe,frame{border:0}

legend,caption{overflow:hidden;position:absolute;font-size:0;line-height:0;visibility:hidden}
h1,h2,h3,h4,h5,h6{font-size:1em}
img{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
img,input,textarea,fieldset{border:0 none;outline:none}
ul,ol,dl,li,dt,dd{list-style:none;margin:0;padding:0;}
em,address{font-style:normal}
a{color:#373e40;text-decoration:none;outline: none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;outline: none;}
strong{font-weight:bold}
legend,hr,caption{display:none}
table{border-spacing:0; text-align: center;}
input,textarea,button,select,option{font-family: inherit; text-decoration: none;letter-spacing:0em; outline: 0;-webkit-tap-highlight-color:transparent;vertical-align: middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
select{text-indent:0;}
ul{text-decoration:none;}
figure{margin:0;padding:0;}
html{width: 100%; height: 100%;}
/*margin, padding*/
.m0{margin: 0!important;}
.mt0{margin-top: 0!important;}
.ml0{margin-left: 0!important;}
.mr0{margin-right: 0!important;}
.mb0{margin-bottom: 0!important;}
.mb4{margin-bottom: 4px!important;}
.mt4{margin-top: 4px!important;}
.mt10{margin-top: 10px!important;}
.ml10{margin-left: 10px!important;}
.mr10{margin-right: 10px!important;}
.mb10{margin-bottom: 10px!important;}
.mt20{margin-top: 20px!important;}
.ml20{margin-left: 20px!important;}
.mr20{margin-right: 20px!important;}
.mb20{margin-bottom: 20px!important;}
.mt30{margin-top: 30px!important;}
.ml30{margin-left: 30px!important;}
.mr30{margin-right: 30px!important;}
.mb30{margin-bottom: 30px!important;}
.mt40{margin-top: 40px!important;}
.ml40{margin-left: 40px!important;}
.mr40{margin-right: 40px!important;}
.mb40{margin-bottom: 40px!important;}
.p0{padding: 0!important;}
.pt0{padding-top: 0px!important;}
.pl0{padding-left: 0px!important;}
.pr0{padding-right: 0px!important;}
.pb0{padding-bottom: 0px!important;}
.pt10{padding-top: 10px!important;}
.pl10{padding-left: 10px!important;}
.pr10{padding-right: 10px!important;}
.pb10{padding-bottom: 10px!important;}
.pt20{padding-top: 20px!important;}
.pl20{padding-left: 20px!important;}
.pr20{padding-right: 20px!important;}
.pb20{padding-bottom: 20px!important;}
.pt30{padding-top: 30px!important;}
.pl30{padding-left: 30px!important;}
.pr30{padding-right: 30px!important;}
.pb30{padding-bottom: 30px!important;}
.pt40{padding-top: 40px!important;}
.pl40{padding-left: 40px!important;}
.pr40{padding-right: 40px!important;}
.pb40{padding-bottom: 40px!important;}
.fs14{font-size: 14px!important;}
/* layout */
.wrapper{width: 100%; min-height: 100%;background-color: #fff;}
.popup_notice{width: 100%;height: 100%;display: none;position: fixed; top: 0;left: 0;}
.popup_notice .dim{background: #888; opacity: 0.94;width: 100%; height: 100%;position: fixed;top: 0;left: 0;vertical-align: middle;z-index: 100;}
.popup_notice .text{padding:0;color: #fff;text-align: center;position: fixed;top: 50%;width: 100%;z-index: 1000;}
.popup_notice p{padding:0 20px;color: #fff;text-align: center;font-size: 30px; width: 100%;font-weight: 500;width: 100%;line-height: 1.3;}
.popup_notice span{padding:0 30px;color: #fff;font-size: 20px;text-align: center;font-weight: normal;line-height: 28px;width: 100%;display: block;}
.pnlink_wrap{width:100%;min-height: 100%;position: relative;}
.con_wrap{padding:40px 20px 60px;max-width: 600px;margin: 0 auto;}
.con_wrap:after{content:"";display:block;clear:both;}
.float_wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.notice{color: #999; font-size: 12px;padding:0px 0px 0px 0px;line-height: 14px;float: left;}
.clear:after{content:"";display:block;clear:both;}
.w100{width: 100%;}
.fl_l{float: left;}
.fl_r{float: right;}
.w_auto{width: auto!important;}
.ta_center{text-align: center;}
.ta_l{text-align: left!important;}
.va_t{vertical-align:top!important;}
a.pos_s{position: static!important;}

/*gnb*/
.gnb{text-align: center;height: 50px;background: #fff;}
.gnb .logo{display: inline-block; height: 24px;width: auto;margin-top: 13px;}
.gnb .logo img{height: 24px;width: auto;}
.gnb .btn_homepage{display: inline-block; width: 60px;height: 50px;position: absolute;right: 0;padding: 15px 20px;}
.gnb .btn_homepage img{width: 20px;height: auto;}
/* form common */
input{width: 100%; height: 36px;padding-left: 12px; line-height: 36px; border:none;-webkit-appearance:none;border-radius:0 3px 3px 0;font-weight: 500;font-size: 13px;vertical-align: baseline;}
::-webkit-input-placeholder{ color: #999;font-weight: normal;}:-moz-placeholder {color: #999;font-weight: normal;}::-moz-placeholder { color: #999;font-weight: normal;}:-ms-input-placeholder {  color: #999;font-weight: normal;}
::-ms-clear {display: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{background: #f4f4f4;}
input[type="number"]{-moz-appearance: textfield;}
input.security{-webkit-text-security:disc;}
.input_type2 input{width: 100%;padding-left: 15px;}
.input_type_split input{height: 30px;padding-left: 15px;}
.input_area .radio_wrap{padding: 8px 0px 0 0;float: left;width: auto;}
.input_area .radio_wrap:first-child{padding: 8px 0 0 0;}
input[type="radio"]+label{-webkit-appearance:none;-webkit-tap-highlight-color:transparent; margin-left: 12px;}
input[type="radio"]:checked+label{ position:relative;  padding-left:28px;  cursor:pointer;  display:inline-block;  height:20px;  line-height:20px;  font-size:14px;  -webkit-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -moz-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -o-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -ms-transition:0.25s cubic-bezier(.39,.71,.56,.98);  transition:0.25s cubic-bezier(.39,.71,.56,.98);  -webkit-user-select:none;  -moz-user-select:none;  -khtml-user-select:none;  -ms-user-select:none;}
input[type="radio"]:not(:checked), input[type="radio"]:checked{ position:absolute;  left:-9999px;  visibility:hidden}
input[type="radio"]+label:before,  input[type="radio"]+label:after{ content:'';  position:absolute;  left:0;  top:0;  width:16px;  height:16px;  z-index:0;  -webkit-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -moz-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -o-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -ms-transition:0.25s cubic-bezier(.39,.71,.56,.98);  transition:0.25s cubic-bezier(.39,.71,.56,.98)}
input[type="radio"]:not(:checked)+label:before{ border-radius:50%;  border:2px solid #d6d6d6}
input[type="radio"]:not(:checked)+label:after{ border-radius:50%;  border:2px solid #d6d6d6;  z-index:-1;  -webkit-transform:scale(0);  -moz-transform:scale(0);  -ms-transform:scale(0);  -o-transform:scale(0);  transform:scale(0)}
input[type="radio"]:checked+label:before{ border-radius:50%;  border:2px solid #189807}
input[type="radio"]:checked+label:after{ border-radius:50%;  border:2px solid #189807;  background-color:#189807;  z-index:0;  -webkit-transform:scale(.53);  -moz-transform:scale(.53);  -ms-transform:scale(.53);  -o-transform:scale(.53);  transform:scale(.53)}
input[type="radio"]:not(:checked)+label{ font-weight: 500; margin-bottom: 0px; position:relative;  padding-left:26px;  cursor:pointer;  display:inline-block;  height:auto;  line-height:20px;  font-size:14px;  -webkit-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -moz-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -o-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -ms-transition:0.25s cubic-bezier(.39,.71,.56,.98);  transition:0.25s cubic-bezier(.39,.71,.56,.98);  -webkit-user-select:none;  -moz-user-select:none;  -khtml-user-select:none;  -ms-user-select:none;  color:#888!important}
input[type="radio"]:checked+label{ font-weight: 500;margin-bottom: 0px; position:relative;  padding-left:26px;  cursor:pointer;  display:inline-block;  height:auto;  line-height:20px;  font-size:14px;  -webkit-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -moz-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -o-transition:0.25s cubic-bezier(.39,.71,.56,.98);  -ms-transition:0.25s cubic-bezier(.39,.71,.56,.98);  transition:0.25s cubic-bezier(.39,.71,.56,.98);  -webkit-user-select:none;  -moz-user-select:none;  -khtml-user-select:none;  -ms-user-select:none;  color:#222!important}
.white input[type="radio"]:not(:checked)+label:before{border:2px solid #fff;opacity:0.5;}
.white input[type="radio"]:not(:checked)+label:after{border:2px solid #fff;opacity:0.5; }
.white input[type="radio"]:checked+label:before{border:2px solid #fff;opacity: 1;}
.white input[type="radio"]:checked+label:after{border:2px solid #fff;  background-color:#fff;opacity: 1;}
.white input[type="radio"]:not(:checked)+label{color: #fff!important;opacity: 0.6;}
.white input[type="radio"]:checked+label{ color:#fff!important}
.text_input.datepick{background: url(../../images/caddieMoney/i_calendar.png) no-repeat 8px 5px;background-size:20px;padding-left: 36px;}
.text_input.datepick:focus{background: url(../../images/caddieMoney/i_calendar_on.png) no-repeat 8px 5px;background-size:20px;padding-left: 36px;}

/*check*/
.checks {line-height: 15px;padding:5px 20px 5px 0;margin-bottom: 6px; float: left;font-weight: 500;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label { color: #888; display: inline-block; position: relative; padding-left: 30px; /* 글자와 체크박스 사이의 간격을 변경 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:after { /* 가짜 체크박스 */ content: ''; position: absolute; left: 0; top: -5px; /* 이 값을 변경해서 글자와의 정렬 */ width: 20px; height: 20px;line-height: 24px; text-align: center; background: #fff; border: 2px solid #ddd; border-radius : 12px;background-image: url('../../images/caddieMoney/unchecked.png'); background-repeat: no-repeat; background-size: 12px 9px; -webkit-background-size: 12px 9px; background-position: center 6px;}
.checks:hover input[type="checkbox"] + label:after { /* 가짜 체크박스 */ border: 2px solid #189807;}
.checks input[type="checkbox"] + label:active:after, .checks input[type="checkbox"]:checked + label:active:after { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label{color: #333;}
.checks input[type="checkbox"]:checked + label:after { /* 체크박스를 체크했을때 */ content: '';background: #189807; border-color: #189807; background-image: url('../../images/caddieMoney/check.png'); background-repeat: no-repeat; background-size: 12px 9px; -webkit-background-size: 12px 9px; background-position: center 6px;} 
.checks.terms_check{float: right;padding: 5px 0;}
.checks.terms_check input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks.terms_check input[type="checkbox"] + label { color: #888; display: inline-block; position: relative; padding-right: 30px; padding-left:0; /* 글자와 체크박스 사이의 간격을 변경 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks.terms_check input[type="checkbox"] + label:after { /* 가짜 체크박스 */ content: ''; position: absolute; left: auto; right: 0; top: -5px; /* 이 값을 변경해서 글자와의 정렬 */ width: 20px; height: 20px;line-height: 24px; text-align: center; background: #fff; border: 2px solid #ddd; border-radius : 12px;background-image: url('../../images/caddieMoney/unchecked.png'); background-repeat: no-repeat; background-size: 12px 9px; -webkit-background-size: 12px 9px; background-position: center 6px;}
.checks.terms_check:hover input[type="checkbox"] + label:after { /* 가짜 체크박스 */ border: 2px solid #189807;}
.checks.terms_check input[type="checkbox"] + label:active:after, .checks.terms_check input[type="checkbox"]:checked + label:active:after { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks.terms_check input[type="checkbox"]:checked + label{color: #333;}
.checks.terms_check input[type="checkbox"]:checked + label:after { /* 체크박스를 체크했을때 */ content: '';background: #189807; border-color: #189807; background-image: url('../../images/caddieMoney/check.png'); background-repeat: no-repeat; background-size: 12px 9px; -webkit-background-size: 12px 9px; background-position: center 6px;} 

/* select */
select::-ms-expand {display: none;}
.select_type1{position:relative;height: 36px;}
.select_type1 select{z-index: 2;position: absolute; top: 0; background-color: rgba(255, 255, 255, 0);font-weight: 500;width:100%;height: 36px;padding: 0px 0 0px 10px;border:none;border-radius:0 3px 3px 0;font-size:13px;color:#222;font-family: 'Noto Sans Korean', sans-serif;-webkit-appearance:none;appearance: none;vertical-align: middle;}
.select_type1:after{z-index: 1; content:"";display:block;position:absolute;right:10px;top:14px;width:14px;height:8px;background: url(../../images/caddieMoney/arrow_b_gray.png) no-repeat 0 0px;background-size:14px 8px;}
.select_type2{position:relative;height: 36px;}
.select_type2 select{z-index: 2;position: absolute; top: 0; background-color: rgba(255, 255, 255, 0);font-weight: 500;width:100%;height: 36px;padding: 0px 0 0px 10px;border:none;border-radius:0 3px 3px 0;font-size:13px;color:#222;font-family: 'Noto Sans Korean', sans-serif;-webkit-appearance:none;appearance: none;vertical-align: middle;}
.select_type2:after{z-index: 1; content:"";display:block;position:absolute;right:10px;top:14px;width:14px;height:8px;background: url(../../images/caddieMoney/arrow_b_gray.png) no-repeat 0 0px;background-size:14px 8px;}

/*color*/
.blue{color: #189807!important;}
.red{color: #ff222e !important;}
.white h2{color: #fff!important;opacity: 0.6;}
.white .ex_text{color: #ccc!important}
.gray_bg{background: #f8f8f8;}

/*btn*/
a.btn{font-size: 16px;height: 50px; line-height: 50px; text-align: center; display: inline-block;border:none;font-weight: 700; -webkit-tap-highlight-color:transparent;color: #fff; width: 100%;vertical-align: middle;}
a.btn_s{position: absolute; top: 6px; right: 0; font-size: 11px;height: 24px; line-height: 24px; text-align: center; display: inline-block;border:none;font-weight: 500; -webkit-tap-highlight-color:transparent;color: #fff; width: auto;vertical-align: middle;padding: 0 8px;margin-right: 6px;}
a.btn_gray_border{background: #fff;border: 1px solid #ddd;color: #666;}
.btn_blue{background-color: #189807;}
.btn_gray{background-color: #9e9fa1;}
.btn_d_gray{background-color: #444;}
.btn_black{background-color: #222;}
a.btn.btn_white{background-color: #fff;color: #189807;}
.btn_blue:hover{background-color: #118601;}
.btn_gray:hover{background-color: #7e7f81;}
.btn_d_gray:hover{background-color: #333;}
.btn_black:hover{background-color: #111;}
a.btn.btn_white:hover{background-color: #eee;}
.btn_blue:active{background-color: #118601;}
.btn_gray:active{background-color: #7e7f81;}
.btn_d_gray:active{background-color: #333;}
.btn_black:active{background-color: #111;}
a.btn.btn_white:active{background-color: #eee;}
.btn_blue:focus{background-color: #118601;}
.btn_gray:focus{background-color: #7e7f81;}
.btn_d_gray:focus{background-color: #333;}
.btn_black:focus{background-color: #111;}
a.btn.btn_white:focus{background-color: #eee;}
.btn_wrap{padding: 0;width: 100%; position: fixed; bottom: 0; right: 0;z-index: 10;}
.btn_wrap:after{content:"";display:block;clear:both;}
.btn_wrap div{margin: 0 auto;}
.btn_wrap_multi{padding: 0;width: 100%; position: fixed; bottom: 0; right: 0;z-index: 10;}
.btn_wrap_multi:after{content:"";display:block;clear:both;}
.btn_wrap_multi div{margin: 0 auto;width: 50%;float: left;}
.btn_wrap_multi.sms div a:first-child{margin-right:0%;}
.btn_wrap_multi.sms div a{width:100%;}
.input_area .btn{line-height: 36px;height: 36px;}
.input_section.btn_section .btn{line-height: 40px;height: 40px;}

/*layer_popup*/
.terms1, .terms2, .terms3, .terms4, .lp1, .lp2, .lp3, .sh1_01{display: none;}
.pop_dim{width: 100%; height: 100%; background-color:#333; opacity: 0; position: fixed; z-index: 100; top: 0; left: 0;}
a.pop_btn_close{ width: 20px; height: 20px; padding: 15px;position: fixed; right: 0; top: 0; z-index: 1000; background: url('../../images/caddieMoney/btn_layer_close.png') no-repeat 15px 15px; background-size: 20px 20px;}
a.btn_close.pop_close{width: 50px; height: 50px; position: absolute;top: 0; right: 0;background:url('../../images/caddieMoney/i_x.png') no-repeat center center;}
a.btn_close.pop_close:hover{background:url('../../images/caddieMoney/i_x_on.png') no-repeat center center;}
a.btn_close.pop_close:active{background:url('../../images/caddieMoney/i_x_on.png') no-repeat center center;}
a.btn_close.pop_close:focus{background:url('../../images/caddieMoney/i_x_on.png') no-repeat center center;}
.popup{width: 90%; height: 90%;position:fixed; z-index: 1000; top:5%; left:5%;margin:0; background-color: #fff; border-radius: 3px; overflow: hidden;max-width: 500px;}
.popup:after{content:"";display:block;clear:both;}
.popup h3.popup_title{font-size: 14px; color: #222; font-weight: 500; line-height: 14px; width: 100%;padding:18px 0 18px 30px;z-index: 1000; background-color:#fff; border-bottom: 1px solid #118601;}
.popup .popup_cont{width: 100%;}
.popup .popup_cont .popup_scroll{width: 100%; height: 439px; overflow: auto;}
.popup.conditions_text .popup_cont .popup_scroll_in{padding: 30px 30px 80px 30px;max-width:640px;margin:0 auto; }
.popup.conditions_text p{font-size: 12px; color: #666; font-weight: normal; line-height: 18px;z-index: 1000; margin-bottom: 20px;}
.popup_btn_wrap{position: absolute; bottom: 0;width: 100%;padding:15px 0; background-color: #fff;padding: 20px 20px;height: 80px; background:url('../../images/caddieMoney/btn_area.png') repeat-x 0 0; background-size: 10px 80px;  }
.popup_btn_wrap .btn{font-size: 14px; line-height: 40px;height: 40px;margin: 0 auto;}
.popup table{border-spacing:0;border-collapse:collapse;min-width:100%;margin-bottom: 30px;}
.popup table th{font-size:12px;color:#666;background:#f4f4f4;border:1px solid #ddd;padding:10px;line-height:1.4;}
.popup table td{font-size:12px;color:#888;background:#fff;border:1px solid #ddd;padding:10px;line-height:1.4;}
.card_frame{ display: none; }

/*popup.inline*/
.popup.inline{padding:0;width: 400px; height: auto;position: fixed;margin: 0;background:#fff;border-radius: 3px;}
.popup.inline .popup_cont{padding:30px 20px 30px 20px;font-size: 14px; font-weight: 500;text-align: center;}
.popup.inline .popup_cont:after{content:"";display:block;clear:both;}
.popup.inline .btn_wrap{padding: 30px 0 0 0;position: static;}
.popup.inline .btn_wrap_multi{padding: 30px 0 0 0;position: static;}
.float_wrap.lp1{}

/*페이지 타이틀*/
.page_title_wrap{background-color: #189807; height: 50px;text-align: center;position: relative;}
.page_title_wrap h1{line-height: 50px; font-size: 16px; font-weight: bold;color: #fff;}
.page_title_wrap a.btn_undo{position: absolute;top: 0;left: 0; display: inline-block;width: 60px;height: 40px;background: url(../../images/caddieMoney/btn_undo.png) no-repeat 0 0; background-size: 60px 40px;}

/*contents*/
h2{font-size: 13px; color: #888;line-height: 26px;padding-bottom: 0;padding-bottom: 7px;}

/*약과동의*/
.terms{float: left; width: 100%;margin-bottom: 40px;}
.terms h2{font-size: 13px; color: #888;line-height: 26px;padding-bottom: 0;float: left;padding-bottom: 0;}
.terms > ul{float: left;width: 100%;padding:16px 0 0 0;background: #fff; border-radius:3px; }
.terms > ul li{float: left; width: 100%;padding-bottom: 12px;}
.terms > ul li:last-child{padding-bottom: 0;}
.terms > ul li > a{float: left;line-height: 15px;font-size: 13px; font-weight: bold; color: #333;padding:5px 15px 0 0px;background: url(../../images/caddieMoney/arrow_r_gray.png) no-repeat right 6px; background-size: 8px 12px;-webkit-tap-highlight-color:transparent;}

/*정보 입력*/
.input_area{float: left; width: 100%;margin-bottom: 40px;}
.input_area > div{float: left;width: 100%;}
.input_area .input_section{width:100%;display: table;margin-bottom: 8px; border:2px solid #eee;background: #fff;position: relative;}
.input_area .input_section:last-child{margin-bottom: 0;}
.input_area .input_section .card_num{color: #999;padding-left: 10px;}
.input_area .input_section .card_num input{width: 40px;padding: 0px;text-align: center;}
.input_area .input_section .card_num input.security{width: 54px;}
.input_area .input_section .btn{font-size: 13px;}
.input_two_row{border-bottom: 1px solid #eee;display: table;width: 100%;position: relative;}
.input_two_row:last-child{border: none;}
.input_area .select_type1{display: table-cell;}
.input_area .input_type1{display: table-cell;position: relative;}
.input_area .input_type1.radio{display: table-cell;position: relative;padding-bottom: 8px;}
.input_area .input_type1 input:-ms-input-placeholder { color: #999; }
.input_area .input_type1 input::-webkit-input-placeholder { color: #999; }
.input_area .input_type1 input::-moz-placeholder { color: #999; }
.input_area .input_type1.email input{width: calc(50% - 15px);float: left;}
.input_area .input_type1.email span{display: inline-block;width: 20px;text-align: center;}
.input_type1.search_form{display:flex;}
.input_type1.search_form input{flex:1 1 auto;}
.input_type1.search_form img{flex:0 0 36px;height:36px;cursor:pointer;}
.input_type1.search_form img:hover{opacity:0.6;}
.input_area #email2{display: none;}
.input_area .email .select_type2{width: 47%;float: left;}
.input_area .email .select_type2 select{height: 36px;}
.input_area .input_section .input_type_split{color: #999;}
.input_area .input_section .input_type_split{padding-left: 10px;}
.input_area .input_section .input_type_split input{width: 42px;padding: 0 5px;text-align: center;}
.input_area .s3{display: none;}
.input_area .s4{display: none;}
.input_area .time_limit{display: table-cell;width: 96px; height: 30px; line-height: 13px; padding: 8px 0 8px 12px; font-size: 13px; border-right: 1px solid #eee;color:#666; }
.input_area .time_limit.on{color: #189807;}
.ex_text{font-size: 12px;color: #666;padding-left:10px;background: url(../../images/caddieMoney/tag_ex.png) no-repeat left 5.5px; background-size: 6px auto;margin-bottom: 12px;}
.input_area .input_section.date{width: 46%;}
.input_area .assistant_text{width: 8%;float: left;text-align: center;font-size: 20px;line-height: 40px;color: #aaa;}
.input_area .info_section{width:100%;display: table;margin-bottom: 8px; border:1px solid #eee;background: #fafafa;}
.input_area .info_row{border-bottom: 1px solid #eee;}
.input_area .info_row:last-child{border: none;}
.input_area .info_title{display: table-cell;width: 74px; height: 14px; line-height: 14px; padding: 11px 0 11px 12px; font-size: 12px; border-right: 1px solid #eee;color:#666;box-sizing:content-box;vertical-align: top;}
.input_area .info_data{display: table-cell;position: relative;font-weight: 500;height: 14px; line-height: 20px; padding: 8px 0 8px 12px;font-size: 13px;vertical-align: baseline;padding-left: 15px;}

/*라벨없는 정보입력*/
a{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.input_area.no_label .input_section{display: table;float: left;}
.input_area.no_label .input_section.p_0{padding:0px;}
.input_area.no_label .input_section.btn_section{display: table;padding:0px;float: left;border: none!important;}
.input_area.no_label .input_section.btn_section .btn{font-size: 13px;}
.input_area.no_label .input_section.w_60p{width: calc(60% - 8px);margin-right: 8px;}
.input_area.no_label .input_section.w_40p{width:40%;}
.input_area .input_title{display: table-cell;width: 84px; height: 14px; line-height: 14px; padding: 11px 0 11px 12px; font-size: 12px; border-right: 1px solid #eee;color:#666;box-sizing:content-box;vertical-align: top;}
.input_title.long{width: 80px}

/*install_notice*/
.install_notice{display: none;}
.install_notice .popup_cont{position: absolute;width: 100%; z-index: 1000; top: 0; left: 0;text-align: center; padding-top: 220px;}
.install_notice .dim_blue{display: block;width: 100%; height: 100%; background-color:#189807; opacity: 0.96; position: absolute; z-index: 100; top: 0; left: 0;}
.install_notice p{font-size: 16px; color: #fff; font-weight: normal; line-height: 24px; text-align: center; padding-top: 26px;word-break: keep-all; word-wrap:normal; }

/*comment_area*/
.comment_area{text-align: center;margin-bottom: 40px;margin-top: 40px;}
.comment_area .img_check{width: 50px;height: 40px;}
.comment_area .img_error{width: auto;height: 60px;}
.comment_area .comment_text{font-size: 16px;font-weight: 500;color: #333;line-height: 24px;margin-top: 16px;}
.comment_area.no_img .comment_text{margin-top: 10px;}

/*icon*/
.icon_wrap{text-align: center;height: 24px;float: left;width: 100%;}
.icon_wrap img{width:24px;height: auto;}

/*box_area*/
.box_area{margin-top: 36px;margin-bottom: 40px;float: left;width: 100%;}
.box_area .blue_border_box{border: 3px solid #bfd8f8;padding: 20px 16px;position: relative;text-align: center;}
.box_area .blue_border_box:after{content:"";display:block;clear:both;}
.box_area .gray_border_box{border: 3px solid #eee;padding: 20px 16px;position: relative;text-align: center;}
.box_area .gray_border_box:after{content:"";display:block;clear:both;}
.box_area .gray_border_box .need_charge{line-height: 30px;padding-left: 42px;font-size:14px;color: #666;background: url('../../images/caddieMoney/point_logo_off.png') left center no-repeat;background-size: 36px 30px;float: left;}
.box_area .btn_charge{display: inline-block;padding-left: 20px;line-height: 30px;font-size: 13px;color: #333;font-weight: bold;background: url('../../images/caddieMoney/i_plus.png') left center no-repeat;background-size: 16px;position: absolute;right: 20px;top: 20px;z-index: 100;}
.bg_box{text-align: center;}
.bg_box:after{content:"";display:block;clear:both;}
.bg_box .data_view .title{color: #fff;opacity: 0.5;}
.bg_box .data_view .data{color:#ffc169;width: auto;}
.bg_box .data_view .data.small{color: #ffc169;}
.bg_box .data_view .won{color: #ffc169;}
.bg_box{padding: 20px 16px;background: #f8f8f8;}
.white_box{padding: 20px 16px;background: #fff;position: relative;}
.box_area.white_bg .bg_box .data_view .title{color: #999;opacity: 1;min-width: 52px;text-align: left;}
.box_area.white_bg .bg_box .data_view .data{color: #189807;}
.box_area.white_bg .bg_box .data_view .won{color: #189807;}
.data_view_wrap{text-align: center;margin: 10px 0 40px}
.data_view{display: inline-flex;}
.data_view.point_input{display: block;}
.data_view:after{content:"";display:block;clear:both;}
.data_view .title{float: left;color: #888;font-size: 14px;font-weight: 500;margin:4px 12px 0 0;line-height: 14px;}
.data_view .data{float: left;font-weight: bold;font-size: 16px;color:#ffc169;line-height: 20px;}
.data_view.white_bg .data{color: #333;}
.data_view.point{line-height: 30px;padding-left: 42px;background: url('../../images/caddieMoney/point_logo_on.png') left center no-repeat;background-size: 36px 30px;}
.data_view.point .data{float: left;font-weight: bold;font-size: 20px;color:#189807;line-height: 30px;height: 30px;padding: 0;}
.data_view.point .won{float: left;color: #189807;font-size: 14px;font-weight: bold;margin:10px 0 0 2px;line-height: 14px;}
.data_view:after{content:"";display:block;clear:both;}
.data_view input.data{float: left;font-weight: bold;font-size: 20px;color:#189807;line-height: 20px;width: 11px;height: 20px;padding: 0;}
.data_view input.data::-webkit-input-placeholder{ color: #189807;font-weight: bold;}:-moz-placeholder {color: #189807;font-weight: bold;}::-moz-placeholder { color: #189807;font-weight: bold;}:-ms-input-placeholder {  color: #189807;font-weight: bold;}::-ms-clear {display: none;}
.data_view .won{float: left;color: #189807;font-size: 14px;font-weight: bold;margin:4px 0 0 2px;line-height: 14px;}
.btn_reset{font-size: 12px;color: #aaa;line-height: 13px;padding-top: 18px;background: url(../../images/caddieMoney/i_reset.png) no-repeat center 0; background-size: 12px;display: inline-block;position: absolute;right: 16px;top: 14px;z-index: 1000;}
.box_btn_wrap:after{content:"";display:block;clear:both;}
.box_btn_wrap .box_btn{width: 25%;float: left;text-align: center;}
.box_btn_wrap .box_btn:first-child{text-align: left;}
.box_btn_wrap .box_btn:nth-child(2){padding-right: 4%;}
.box_btn_wrap .box_btn:last-child{text-align: right;}
.box_btn_wrap .box_btn a{display: inline-block;padding-left: 20px;font-size: 13px;color: #fff;background: url(../../images/caddieMoney/i_plus_w.png) no-repeat 0 center; background-size: 16px;line-height: 36px;}
.box_btn_wrap.white_bg .box_btn a{display: inline-block;padding-left: 20px;font-size: 13px;color: #aaa;background: url(../../images/caddieMoney/i_plus_g.png) no-repeat 0 center; background-size: 16px;line-height: 36px;}

/*login*/
.login_box{padding: 80px 20px 0;}
.login_box .input_section{padding-bottom: 10px;}
.login_box input{line-height: 60px;height:60px;font-size: 16px;font-weight: bold;border-bottom: 2px solid #ddd;background: transparent;padding-left: 24px;position: relative;border-radius: 0;}
.login_box input:focus{border-bottom:2px solid #189807;}
.login_box .user_id{background: url(../../images/caddieMoney/i_id.png) no-repeat 0 center; background-size: 14px 20px;}
.login_box .password{background: url(../../images/caddieMoney/i_pw.png) no-repeat 0 center; background-size: 14px 20px;}
.btn_login{margin-top: 30px;}
.login_btn_wrap{margin-top: 40px;}
.login_btn_wrap:after{content:"";display:block;clear:both;}
.login_btn_wrap a{display: inline-block;line-height: 13px;height: 13px;font-size: 13px;color: #aaa;text-align: center;border-right: 1px solid #ddd;width: 33%;float: left;}
.login_btn_wrap a:last-child{border: none;}

/*payment*/
.pnlink.offline_payment{background-color: #189807;}
.pnlink.offline_payment .con_wrap{padding:30px 20px 60px;}
.pnlink.offline_payment .comment_text{color: #fff;}
.pnlink.offline_payment .page_title_wrap{background-color: #189807; height: 55px;text-align: center;position: relative;padding: 20px 0 5px 0;}
.pnlink.offline_payment .page_title_wrap h1{line-height: 30px; font-size: 20px; font-weight: bold;color: #fff;background: url(../../images/caddieMoney/ti_offline.png) no-repeat 0 0; background-size: 30px;padding-left: 42px;display: inline-block;}
.pnlink.offline_payment .page_title_wrap a.btn_undo{position: absolute;top: 15px;left: 0; display: inline-block;width: 60px;height: 40px;background: url(../../images/caddieMoney/btn_undo.png) no-repeat 0 0; background-size: 60px 40px;}
.pnlink.offline_payment .bg_box{background-color: #118601;padding: 20px 16px;text-align: center;}
.paypw_input input{width: 100%; text-align: center;font-weight: bold;font-size: 20px;padding: 0;}

/*charge*/
.pnlink.charge{background-color: #565f68;}
.pnlink.charge .con_wrap{padding:30px 20px 60px;}
.pnlink.charge .comment_text{color: #fff;}
.pnlink.charge .page_title_wrap{background-color: #565f68; height: 55px;text-align: center;position: relative;padding: 20px 0 5px 0;}
.pnlink.charge .page_title_wrap h1{line-height: 30px; font-size: 20px; font-weight: bold;color: #fff;background: url(../../images/caddieMoney/ti_charge.png) no-repeat 0 0; background-size: 30px;padding-left: 42px;display: inline-block;}
.pnlink.charge .page_title_wrap a.btn_undo{position: absolute;top: 15px;left: 0; display: inline-block;width: 60px;height: 40px;background: url(../../images/caddieMoney/btn_undo.png) no-repeat 0 0; background-size: 60px 40px;}
.pnlink.charge .bg_box{background-color: #454c53;padding: 20px 16px;text-align: center;}

/*gift*/
.pnlink.gift{background-color: #33383e;}
.pnlink.gift .con_wrap{padding:30px 20px 60px;}
.pnlink.gift .comment_text{color: #fff;}
.pnlink.gift .page_title_wrap{background-color: #33383e; height: 55px;text-align: center;position: relative;padding: 20px 0 5px 0;}
.pnlink.gift .page_title_wrap h1{line-height: 30px; font-size: 20px; font-weight: bold;color: #fff;background: url(../../images/caddieMoney/ti_gift.png) no-repeat 0 0; background-size: 30px;padding-left: 42px;display: inline-block;}
.pnlink.gift .page_title_wrap a.btn_undo{position: absolute;top: 15px;left: 0; display: inline-block;width: 60px;height: 40px;background: url(../../images/caddieMoney/btn_undo.png) no-repeat 0 0; background-size: 60px 40px;}
.phonebook{margin: 40px 0;}
.phonebook .search_area{padding-left: 40px;background: url(../../images/caddieMoney/i_search.png) no-repeat 20px center; background-size: 12px;border-top: 1px solid #666;}
.phonebook .search_area input{background-color: transparent;color: #fff;height: 40px;padding: 0;font-weight: 300;}
.phonebook h3{background: #888;color: #33383e;line-height: 20px;font-size: 11px;padding-left: 20px;}
.phonebook li{padding: 14px 20px;border-bottom: 1px solid #444;}
.phonebook li .name{line-height: 13px; font-size: 13px;color: #fff;margin-bottom: 4px;}
.phonebook li .phone_num{line-height: 11px; font-size: 11px;color: #fff;opacity: 0.4}
.pnlink.gift .bg_box{background-color: #292d32;padding: 20px 16px;text-align: center;}
.box_area .recipient_wrap{padding-top: 0px;margin-bottom: 12px;}
#virtual_dom{display: inline-block;font-size: 24px;line-height: 24px;opacity: 0;padding: 0;}

/*거래내역*/
.require_wrap{padding: 24px 20px 30px;background: #f8f8f8;border-bottom: 1px solid #eee;}
.datepicker:nth-child(even).active {left:50%;margin-left: -120px!important;}
.datepicker:nth-child(even) .datepicker--pointer{left: 230px!important;}
.search_sum{border-bottom: 1px solid #ddd;padding: 30px 20px 10px;}
.search_sum span{float: left;font-size: 11px;line-height: 11px;color: #999;padding-top: 1px;}
.search_sum div{float: left;font-size: 14px;line-height: 14px;color: #333;padding: 0 2px 0 6px;font-weight: 900;}
.search_list{margin-bottom: 100px;}
.search_list li{padding: 24px 20px;border-bottom:1px solid #f4f4f4;position: relative;color: #666;}
.search_list li .sort{font-size: 12px;line-height: 13px;padding-left: 16px;float: left;color: #666;}
.search_list li .new_data{width: 12px;height: auto;float: left;margin-left: 8px;}
.search_list li.complete .sort{color: #666;}
.search_list li.complete .sort span{color: #666;}
.search_list li.cancle .sort{color: #666;}
.search_list li.cancle .sort span{color: #ee6a71;}
.search_list li .online{background: url(../../images/caddieMoney/i_online.png) no-repeat 0px center;background-size: 12px; }
.search_list li .offline{background: url(../../images/caddieMoney/i_offline.png) no-repeat 0px center;background-size: 12px; }
.search_list li .credit_card{background: url(../../images/caddieMoney/i_credit_card.png) no-repeat 0px center;background-size: 14px 12px; }
.search_list li .virtual_account{background: url(../../images/caddieMoney/i_virtual_account.png) no-repeat 0px center;background-size: 12px; }
.search_list li .coin{background: url(../../images/caddieMoney/i_coin.png) no-repeat 0px center;background-size: 12px;}
.search_list li .send{background: url(../../images/caddieMoney/i_send.png) no-repeat 0px center;background-size: 12px;color: #ee6a71;}
.search_list li .receive{background: url(../../images/caddieMoney/i_receive.png) no-repeat 0px center;background-size: 12px;color: #189807;}
.search_list li .market{font-size: 13px;line-height: 16px; font-weight: 500;color: #666;width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top: 16px;}
.search_list li .market span{font-size: 12px;line-height: 12px;color: #999;padding: 3px 2px 0 0;font-weight: 300;}
.search_list li .date{font-size: 12px;line-height: 12px;color: #bbb;float: right;}
.search_list li.cancle .market{color: #aaa;}
.search_list li .price{text-align: left;padding-top: 6px;}
.search_list li .price span.num{font-size: 16px;line-height: 16px;color: #333;font-weight: 900;padding: 0px;}
.search_list li.cancle .price span.num{color: #aaa;text-decoration: line-through;}
.search_list li .price span{font-size: 12px;line-height: 12px;color: #999;padding: 3px 0 0 2px;}

.bank_list{background: #fff;text-align: center;margin-bottom: 8px;border: 2px solid #eee;}
.bank_list:after{content:"";display:block;clear:both;}
.bank_list a{position: relative;color:#666;float: left; display: inline-block;height: 50px;border-right:1px solid #f4f4f4;border-top:1px solid #f4f4f4;width: 33%;text-align:center;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.bank_list a:hover{background: #f4f4f4;}
.bank_list a:after{content:"";display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #ff9600;box-sizing:border-box;}
.bank_list a.on:after{display: block;}
.bank_list a:nth-child(3n){border-right: none;width: 34%;}
.bank_list a.on{color:#222;font-weight: 500;background-color: #fff8ea;}
.bank_list a p{padding-left: 20px;background-size: 16px;line-height: 50px; font-size: 11px; background-position: 0 center;background-repeat: no-repeat;margin:0 auto;text-align: left;display: inline-block;}
.bank_list a.bank_more p{padding-left: 16px;background-size: 16px;}
p.bank_more{background-image: url('../../images/caddieMoney/icon_more.png');}

/*은행 로고*/
.bank1{background-image: url('../../images/caddieMoney/bank1.png');}
.bank2{background-image: url('../../images/caddieMoney/bank2.png');}
.bank3{background-image: url('../../images/caddieMoney/bank3.png');}
.bank4{background-image: url('../../images/caddieMoney/bank4.png');}
.bank5{background-image: url('../../images/caddieMoney/bank5.png');}
.bank7{background-image: url('../../images/caddieMoney/bank7.png');}
.bank8{background-image: url('../../images/caddieMoney/bank8.png');}
.bank11{background-image: url('../../images/caddieMoney/bank11.png');}
.bank12{background-image: url('../../images/caddieMoney/bank12.png');}
.bank13{background-image: url('../../images/caddieMoney/bank13.png');}
.bank14{background-image: url('../../images/caddieMoney/bank14.png');}
.bank15{background-image: url('../../images/caddieMoney/bank15.png');}
.bank16{background-image: url('../../images/caddieMoney/bank16.png');}
.bank20{background-image: url('../../images/caddieMoney/bank20.png');}
.bank21{background-image: url('../../images/caddieMoney/bank21.png');}
.bank22{background-image: url('../../images/caddieMoney/bank22.png');}
.bank23{background-image: url('../../images/caddieMoney/bank23.png');}
.bank24{background-image: url('../../images/caddieMoney/bank24.png');}
.bank25{background-image: url('../../images/caddieMoney/bank25.png');}
.bank26{background-image: url('../../images/caddieMoney/bank26.png');}
.bank27{background-image: url('../../images/caddieMoney/bank27.png');}
.bank29{background-image: url('../../images/caddieMoney/bank29.png');}
.bank31{background-image: url('../../images/caddieMoney/bank31.png');}
.bank32{background-image: url('../../images/caddieMoney/bank32.png');}
.bank33{background-image: url('../../images/caddieMoney/bank33.png');}
.bank34{background-image: url('../../images/caddieMoney/bank34.png');}
.bank35{background-image: url('../../images/caddieMoney/bank35.png');}
.bank36{background-image: url('../../images/caddieMoney/bank36.png');}
.bank37{background-image: url('../../images/caddieMoney/bank37.png');}
.bank39{background-image: url('../../images/caddieMoney/bank39.png');}
.bank45{background-image: url('../../images/caddieMoney/bank45.png');}
.bank46{background-image: url('../../images/caddieMoney/bank46.png');}
.bank48{background-image: url('../../images/caddieMoney/bank48.png');}
.bank50{background-image: url('../../images/caddieMoney/bank50.png');}
.bank52{background-image: url('../../images/caddieMoney/bank52.png');}
.bank54{background-image: url('../../images/caddieMoney/bank54.png');}
.bank55{background-image: url('../../images/caddieMoney/bank55.png');}
.bank57{background-image: url('../../images/caddieMoney/bank57.png');}
.bank58{background-image: url('../../images/caddieMoney/bank58.png');}
.bank59{background-image: url('../../images/caddieMoney/bank59.png');}
.bank60{background-image: url('../../images/caddieMoney/bank60.png');}
.bank61{background-image: url('../../images/caddieMoney/bank61.png');}
.bank62{background-image: url('../../images/caddieMoney/bank62.png');}
.bank63{background-image: url('../../images/caddieMoney/bank63.png');}
.bank64{background-image: url('../../images/caddieMoney/bank64.png');}
.bank65{background-image: url('../../images/caddieMoney/bank65.png');}
.bank71{background-image: url('../../images/caddieMoney/bank71.png');}
.bank76{background-image: url('../../images/caddieMoney/bank76.png');}
.bank77{background-image: url('../../images/caddieMoney/bank77.png');}
.bank81{background-image: url('../../images/caddieMoney/bank81.png');}
.bank88{background-image: url('../../images/caddieMoney/bank88.png');}
.bank89{background-image: url('../../images/caddieMoney/bank89.png');}
.bank90{background-image: url('../../images/caddieMoney/bank90.png');}
.bank209{background-image: url('../../images/caddieMoney/bank209.png');}
.bank218{background-image: url('../../images/caddieMoney/bank218.png');}
.bank230{background-image: url('../../images/caddieMoney/bank230.png');}
.bank238{background-image: url('../../images/caddieMoney/bank238.png');}
.bank240{background-image: url('../../images/caddieMoney/bank240.png');}
.bank243{background-image: url('../../images/caddieMoney/bank243.png');}
.bank247{background-image: url('../../images/caddieMoney/bank247.png');}
.bank261{background-image: url('../../images/caddieMoney/bank261.png');}
.bank262{background-image: url('../../images/caddieMoney/bank262.png');}
.bank263{background-image: url('../../images/caddieMoney/bank263.png');}
.bank264{background-image: url('../../images/caddieMoney/bank264.png');}
.bank265{background-image: url('../../images/caddieMoney/bank265.png');}
.bank266{background-image: url('../../images/caddieMoney/bank266.png');}
.bank267{background-image: url('../../images/caddieMoney/bank267.png');}
.bank268{background-image: url('../../images/caddieMoney/bank268.png');}
.bank269{background-image: url('../../images/caddieMoney/bank269.png');}
.bank270{background-image: url('../../images/caddieMoney/bank270.png');}
.bank278{background-image: url('../../images/caddieMoney/bank278.png');}
.bank279{background-image: url('../../images/caddieMoney/bank279.png');}
.bank280{background-image: url('../../images/caddieMoney/bank280.png');}
.bank287{background-image: url('../../images/caddieMoney/bank287.png');}
.bank290{background-image: url('../../images/caddieMoney/bank290.png');}
.bank291{background-image: url('../../images/caddieMoney/bank291.png');}
.bank292{background-image: url('../../images/caddieMoney/bank292.png');}

.payment_input .bank_choice{background: #fff;text-align: center;margin-bottom: 20px;position: relative;padding: 20px;border: 2px solid #eee;}
.payment_input .bank_choice p{font-weight: 500; display: inline-block; font-size: 20px;padding-left: 38px;background-size: 30px;line-height: 30px; background-position: 0 center;background-repeat: no-repeat;margin:0 auto;text-align: left;}
.payment_input .bank_choice .bank_reset{background: url('../../images/caddieMoney/icon_reset_bank.png') 7px center no-repeat;background-size: 16px; display: inline-block;width: 40px;height: 70px;margin-right: 10px;position: absolute;top: 0;right: 0;}

/*기타은행 선택(popup)*/
.bank_frame{display: none;}
.popup.bank_etc{max-width: 500px; height:auto;position:fixed; z-index: 1000; top:50%; left:50%;background-color: transparent;border-radius: 3px;}
.popup.bank_etc .bank_list2{border-top: 1px solid rgba(255,255,255,0.2);width: 100%;margin-bottom: 80px;}
.popup.bank_etc .popup_scroll{height: 439px;background: #fff;}
.bank_pop{background: #fff;text-align: center;margin-bottom:80px;}
.bank_pop:after{content:"";display:block;clear:both;}
.bank_pop a{color:#666;float: left; display: inline-block;height: 50px;border-right:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2;width: 33.3%;text-align:center;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.bank_pop a.on{color:#222;font-weight: 500;background-color: #fff9ed;}
.bank_pop a p{padding-left: 24px;background-size: 20px;line-height: 50px; background-position: 0 center;background-repeat: no-repeat;margin:0 auto;text-align: left;font-size: 11px;display: inline-block;width: auto;}

/*mypage*/
.info_wrap{margin-bottom: 40px;}
.info_wrap .bg_box{padding: 20px;background: #f8f8f8;text-align: left;}
.info_wrap .bg_box:after{content:"";display:block;clear:both;}
.info_wrap .info{position: relative;width: 100%;float: left;}
.info_wrap .title{float: left;font-size: 13px;color: #999;line-height: 18px;width: 70px;padding: 8px 0;}
.info_wrap .data{float: left;font-size: 13px;color: #333;line-height: 18px;padding: 8px 0;width: calc( 100% - 80px );font-weight: bold;}

/*loading*/
.icon_lp{margin: 0 auto 16px auto;width: 60px; height: auto;}

/*document*/
.dc_area{float: left;width: 100%;margin-bottom: 40px;}
.dc_box{margin-bottom: 16px;display: table;border: 1px solid #eee;width: 100%;}
.dc_box:last-child{margin-bottom: 0;}
.dc_title{width: 100px;display: table-cell;padding: 10px;border-right: 1px solid #eee;background: #f8f8f8;text-align: center;vertical-align: middle;}
.dc_list{display: table-cell;padding: 10px;}
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.file_btn{position: absolute; top: 6px; right: 0; font-size: 11px;height: 24px; line-height: 24px; text-align: center; display: inline-block;border:none;font-weight: 500; -webkit-tap-highlight-color:transparent;color: #666; width: auto;vertical-align: middle;padding: 0 8px;margin-right: 6px;background: #eee}

/*step*/
.step_area{margin-bottom: 40px;}
.row{border-bottom: 1px solid #eee;}
.row:last-child{border: none;}
#input10{width:calc( 100% - 70px );}
.comment_area .img_error{width: auto;height: 60px;}
/*1101추가*/
.non_operator{display: none;}