@charset "utf-8";

/****************************************/
/*	Name: BNK capital
/*	PART: STYLE
/*	Version: 1.0 (2023.05.03)
/*	Author:
/****************************************/


*{-webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body {margin:0; padding:0;}
html {overflow-y:auto;}
body {color:#333; background-color:#fff; font: 100% '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif!important;}
a {color:#333; text-decoration:none; cursor: pointer;}
a:focus, a:hover, a:active {text-decoration:underline;}
h1, h2, h3, h4, h5, h6{font-weight:700}

/* form 속성 */
caption,legend,.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}
input[type=text],input[type=password],input[type=number],input[type=email]{border-radius:0; background: rgba(255,255,255,0); -webkit-appearance:none;appearance:none}
textarea{width:100%;padding:7px;border:1px solid #bebebe;font-size:16px;border-radius:2px;box-sizing:border-box;-webkit-appearance:none;appearance:none}
table{border-collapse:collapse;border-spacing:0;width:100%; font-size:8pt}
hr{display:none}
strong{font-weight: 700}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none; appearance: none; outline: none; border-radius:0; font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif!important;}
input[placeholder] { }
::placeholder{color:#858585; -webkit-text-fill-color:#ccc; -webkit-opacity: 1; opacity: 1}
::-webkit-input-placeholder {color: #858585 !important; text-align:left!important }
::-moz-placeholder {color: #858585 !important; text-align:left!important }
:-ms-input-placeholder {color: #858585 !important; text-align:left!important }
:-moz-placeholder {color: #858585 !important; text-align:left!important }
::-ms-clear,
::-ms-reveal {display: none;}
select, textarea, button { -webkit-appearance: none;border-radius: 0 }
fieldset, blockquote, iframe, button{border:none}
input[type="text"],input[type="search"],input[type="date"] {-webkit-appearance: none;border-radius: 0}

input[type="text"], input[type="number"], input[type="password"],
input[type="tel"], input[type="email"]{border:1px solid #ccc; border-width:0 0 1px; width:100%; box-sizing:border-box; border-radius:0px; height:48px; line-height:48px; text-indent:0px; padding-right:35px }
input[type="text"], input[type="date"], input[type="number"], input[type="password"],  input[type="tel"]{font-size:16px; color:#212121}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="number"]:focus, select:focus, textarea:focus, .input_box{border:1px solid #cb1b11; border-width: 0 0 1px}
input[type="tel"],  input[type="date"],input[type="number"]{font-family:'NanumSquare','sans-serif' !important; font-weight:400;}
textarea{border:1px solid #dcdcdc; width:100%; box-sizing:border-box; border-radius:4px; }
input.disabled{background:#fff; color:#858585; -webkit-text-fill-color:#858585; -webkit-opacity: 1; opacity: 1}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

input.invalid {border-bottom:1px solid #275cb8}
input:disabled{background:#fff; color:#858585; -webkit-text-fill-color:#858585; -webkit-opacity: 1; opacity: 1}

.radiobtn{position:relative}
input[type='radio'] {position:absolute; top:5px; left:0; width:20px; height:20px; -webkit-appearance:none; background:none; border:none;}
input[type='radio'] + label {font-size:16px; color:#616161; line-height:26px !important; padding-left:30px; cursor:pointer}
input[type='radio'] + label span {display:block; position:absolute; top:3px; left:0; width:20px; height:20px; background:url(../img/btn_radio_off.png) 0 0 no-repeat; cursor:pointer; background-size:100%}
input[type='radio']:checked {background: none}
input[type='radio']:checked + label{color:#212121}
input[type='radio']:checked + label span{background:url(../img/btn_radio_on.png) no-repeat; background-size:100%}
input[type='radio']:checked:after{content:"선택됨"; font-size:0; color:transparent;}
input[type='radio'].disabled + label span {background:url(../img/btn_radio_off.png) 0 0 no-repeat; cursor:pointer; background-size:100%}
input[type='radio'].disabled.check + label span {background:url(../img/btn_radio_off.png) 0 0 no-repeat; cursor:pointer; background-size:100%}

.input-type1{height: 40px!important; padding-right: 0!important;  line-height:40px!important}

.checkbox{position:relative}
input[type='checkbox'] {position:absolute; z-index:1 !important; top:0; left:0; width:20px; height:20px; -webkit-appearance: none;}
input[type='checkbox'] + label {display:inline-block; font-size:16px; color:#212121; line-height:26px !important; padding-left:28px; box-sizing:border-box; cursor:pointer;}
input[type='checkbox'] + label span {display:block; position:absolute; z-index:2; top:3px; left:0; width:20px; height:20px; background:url(../img/btn_radio_off.png) 0 0 no-repeat; cursor:pointer; background-size:100%}
input[type='checkbox']:checked + label span{background:url(../img/btn_radio_on.png) no-repeat; background-size:100%}
input[type='checkbox']:checked + label {font-weight:normal;}
input[type='checkbox']:checked{/* content:"선택됨"; */ font-size:0; color:transparent;}
.direct input[type='checkbox']:checked{background:transparent}
input[type='checkbox'].disabled + label span {background:url(../img/btn_radio_off.png) 0 0 no-repeat; cursor:pointer; background-size:100%}
input[type='checkbox'].disabled.check + label span {background:url(../img/btn_radio_off.png) 0 0 no-repeat; cursor:pointer; background-size:100%}

.blind{overflow: hidden;position: absolute;top: -9999px; left: -9999px;width: 1px;height: 1px;font-size: 1px;}
.wd50{width:50%!important}
.mal16{margin-left: 16px!important}
.mab0 {margin-bottom: 0!important}
.mat20{margin-top:20px!important}
.pdr16{padding-right: 16px!important}
.pd16{padding:16px!important}
.txt_center{text-align: center!important;}
.txt_left{text-align: left!important;}
.txt_right{text-align: right!important;}
.clearfix:after {content:' '; display:block; clear:both;}
.bg_white{background:#fff!important}


.title{position:relative; font-size: 20px; color:#333; font-weight:700; padding-left: 16px}
.title::before{content: '■'; position:absolute; left: 0; top: 6px; font-size: 8px; }

.pointbox{border: 2px solid #cb2b11; padding: 8px}
.pointbox2{border: 1px solid #cb2b11; border-radius: 12px; padding: 16px}

@media all and (min-width:1024px){
 .pconly{float: right}
 .pcfloat_left{float:left}
 .pc_wd50{width:50%!important}
}

.container{width:100%; height: 100%; padding: 0 0 110px; background: linear-gradient(180deg, rgba(232,56,14,1) 0%, rgba(237, 96, 47, 1) 5%, rgba(255,255,255, 1) 35%)}
.container header{ text-align:center; height: 60px; border-bottom: 1px solid #ddd;}
.container header h1{font-size: 18px; margin: 0; padding: 5px 0 0; color: #333; line-height: 50px; font-weight:300}
.container header h1 img{width: 144px}
.container header h1 .subti{width: 260px!important}
@media all and (max-width:425px) {.container header {text-align: left; padding-left: 32px} .container header h1 .subti{width: 230px!important}}
@media all and (max-width:320px) {
.container header {text-align: left; padding-left: 32px}    
.container header h1 .subti{width: 180px!important}
}
.container header .btn_close {position: absolute; top: 14px; right: 16px; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px;}
.container .cmdbox{ position: relative; width: calc(100% - 32px); background:#fff; border-radius: 7px; min-height: 120px; padding: 16px; margin: 0 auto; box-shadow:0 3px 7px rgba(0,0,0,.1);}
.container .cmdbox2{ position: relative; width: calc(100% - 32px); max-width: 800px; background:#fff; border-radius: 7px; min-height: 120px; padding: 16px; margin: 0 auto; border: 1px solid #ddd; box-shadow:0 1px 2px rgba(0,0,0,.1);}
.container .subarea{padding: 16px 32px;}
.tit_sub02{position:relative; color:#212121; font-size: 13px;  font-weight:700; z-index:1}
.robocheck{position: relative; min-height: 35px; font-size: 16px; margin-top: 20px}
.inp_set {position:relative; width: 100%}
.inp_cover:after {content:' '; display:block; clear:both;}
.inp_set .button{position:absolute;top:0;right:0;width:60px;}
.inp_set .button button{width:100%; height:24px; font-size: 14px; line-height:22px; border-radius:24px; letter-spacing:-2px;  vertical-align: middle}

.inp_set input{padding-right:70px;}
.inp_set .button{position:absolute;top:12px;right:0;width:60px;}

.flex{display: flex}
.flex div{flex: 0 0 auto;}

.input_area{position:relative}

.btn_area{text-align:center; width:100%;}
.btn_area button{display:inline-block; padding:0 30px; font-weight:400; cursor: pointer;}
.btn_red{background:#cb2b11; color:#fff; font-size:16px; height:40px; line-height:40px; border-radius:4px;}
.btn_gray{background:#999; color:#fff; font-size:16px; height:40px; line-height:40px; border-radius:4px;}
.btn_request {border:1px solid #cb2b11; background: #fff; color:#cb2b11; height:40px; line-height:40px; border-radius:40px; text-align:center; right: 0;}

button.btn_small  {font-size:14px; line-height:30px; height:30px; padding:0 10px;}

.btn_area.full button, .btn_area.full a{display:block; width:100%; font-weight:400; border-radius:0}
.btn_area.half button, .btn_area.half a{display: inline-block; float: left; width: 50%; font-weight: 400; border-radius: 0}
.btn_position{position:fixed; left:0; bottom:0; width:100%; z-index:2000;}

.btn_logout{position: absolute; top: 16px; right: 16px; width: auto}
.btn_logout button{font-size: 12px;}

/* 버튼 disabled */
button:disabled{background:#919191; color:#fff;  font-size:16px;  font-weight:400; border: 0}

/* 스타일 border 테이블 */
.tit_table{background:#f0f0f0; border:1px solid #ccc; padding:10px; margin-top:10px}
.tit_table p{font-size:14px; color:#111}
.table01_area{border:1px solid #ccc; border-width: 1px 1px 0px 0px}
.table01_area table th{font-size:14px; color:#111; border-left: 1px solid #ccc; border-bottom:1px solid #ccc; background:#f0f0f0; text-align:center; padding:5px 10px}
.table01_area table td{font-size:14px; color:#333; border-left: 1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:5px 10px}

/* 팝업 */
.popup_wrap{display:none; width:100%; min-height:100%; position:fixed; left:0; top:0; bottom:0; z-index:2000; background:#fff}
.popup_wrap.on{display:block}
.black_dim{width:100%; height:100%; background:rgba(0,0,0,0.5); filter:alpha(opacity=60); background-color:#000; display:none; z-index:1002; position:fixed; left:0; top:0;  opacity:0.5}
.black_dim.on{display:block; }
.pop_container{background:#fff; padding:0px 16px 114px 16px; height:calc(100vh - 50px); overflow-y:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.pop_container h2{font-size: 20px; font-weight: 700}
.pop_container h3{font-size: 18px; font-weight: 700}
.popup_wrap header.popup_header {height:50px; padding:  0; background:#fff;  border-bottom: 1px solid #ccc;  position:relative; margin-bottom: 32px; margin-top:0px; text-align:center; color:#212121;}
.popup_wrap header.popup_header h2{font-size:18px; color:#212121; text-align: left; padding-left:16px; padding-top:12px;  padding-right:29px; letter-spacing:-2px; display: block!important;}
.btn_pop_close{color:transparent; font-size:0; width:50px; height:50px; background:url(../img/btn_popup_close.png) no-repeat center center; background-size:17px; position:absolute; right:0; top:0}

@media all and (min-width:1024px){
.popup_wrap{  position: fixed;  top: 80px; left: 50%;  border: 10px solid #f5f5f5;  width: 700px;  height: 586px; min-height:500px; overflow-y: scroll;  background: #fff;  margin-left: -350px;  z-index: 2000;}
.popup_wrap .pop_container{ position:relative;  padding: 0px 16px 50px 16px; height: auto; overflow: hidden;}
.popup_wrap header.popup_header h2{font-weight:bold; font-size: 22px}
.popup_wrap .btn_position{position:sticky; margin-top:4rem}
.popup_wrap .full .btn_red, .popup_wrap .full .btn_line, .popup_wrap .full .btn_disabled{margin:0;height: 50px; line-height:25px;  font-size: 16px}

}

/* 라디오버튼*/
.radio_list{border:none; list-style: none; margin: 0; padding: 0;}
.radio_list li{text-align:center; list-style: none; margin-bottom:16px;}
.radio_list li div.inner{border:1px solid #fff; background:#fff}
.radio_list li.on div.inner{border:1px solid #fff; background:#fff}
.radio_list li div.inner div{position:relative;}
.radio_list li div.inner div input[type='radio'] {position:absolute; top:0; left:0; width:25px; height:25px; border:0;}
.radio_list li div.inner div input[type='radio']:after{content:"선택됨"; font-size:0; color:transparent;}
.radio_list li div.inner div input[type='radio'] + label {font-size:16px; color:#212121;width:100%; display:inline-block;border:1px solid #b9b9b9; padding:6px 0; border-radius:26px; line-height:26px !important; padding-left:0px; cursor:pointer;}
.radio_list li div.inner div input[type='radio']:checked +label, .radio_list li div.inner div input[type='radio']:disabled.check + label {color:#cb2b11;border:1px solid #cb2b11; font-weight:400;}
.radio_list li div.inner div input[type='radio']:disabled +label {color:#b9b9b9}
.radio_list li div.inner div input[type='radio'] + label span {display:block; position:absolute; top:0; left:0; width:0px; height:25px; background:#fff; cursor:pointer; background-size:14px}
.radio_list li div.inner div input[type='radio']:checked + label span{background:#fff url(../img/arrow_check_on.png) no-repeat center center; background-size:14px}
.radio_list li div.inner div input[type='radio']:disabled + label span {color:#b9b9b9; background:#fff url(../img/check_disabled02.png) no-repeat center center; cursor:pointer; background-size:14px}
.radio_list li div.inner div input[type='radio'].disabled.check + label span {background:#fff url(../img/check_disabled.png) no-repeat center center; cursor:pointer; background-size:14px}

.radio_list.col3 li{float:left; width:33.3%; margin-bottom:16px; padding-right:8px; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.radio_list.col3 li:first-of-type{border-left:none}
.radio_list.col3:after{content:""; display:block; clear:both}
.radio_list.col3 li:nth-of-type(3n+0), .radio_list.col4 li:nth-of-type(4n+0){padding-right:0; padding-left:0px;}

/* 닫기버튼 */
.container header .btn_close {position: absolute; top: 14px; right: 16px; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px;}