.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top span.red{color:#ec4243; vertical-align: top;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01{display:flex; align-content: center; align-items: center; justify-content: space-around; padding-top:10px; }
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 select,.s_cont_in2 .top .select01 input{width:25%; margin:0 5px; padding:0 1%;  border-radius:5px; border:1px solid #ccc;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 select{height:45px; background:#fff;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 input{height:41px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('../images/bank/bottom_arrow.png') no-repeat center right 10px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input{position:relative;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input{position:relative; display:flex; align-content:center; align-items:center; width:100%; }
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input select{position:absolute; z-index:1; width:20%; margin-left:5%; height:auto; border:none;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input select:focus {outline: none;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input input{ position:relative; width:100%; padding-left:25%;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .warning{padding-right:5px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select_btn ul{display:flex;  align-content: center; align-items: center;  justify-content: center}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select_btn ul a{color:#fff; padding:10px 40px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select_btn ul li{padding:15px 5px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select_btn ul li img{padding-bottom:2px; padding-right:5px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select_btn ul .bg_313daa{background:#313daa;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select_btn ul .bg_2d316c{background:#2d316c;}

.s_cont .s_cont_in .s_cont_r .s_table{text-align:center; width:100%;}
.s_cont .s_cont_in .s_cont_r .s_table .s_table_title{text-align:left;  font-weight:500;}
.s_cont .s_cont_in .s_cont_r .s_table .pd{padding:40px 0 10px 0;}
.s_cont .s_cont_in .s_cont_r .s_table .s_table_title img{padding-right:5px;}
.s_cont .s_cont_in .s_cont_r .s_table .s_table_title_flex{justify-content: space-between}
.s_cont .s_cont_in .s_cont_r .s_table table{font-size:14px;}
.s_cont .s_cont_in .s_cont_r .s_table table thead{border-top:2px solid #333; border-bottom:1px solid #333; background:#f9f9f9;}
.s_cont .s_cont_in .s_cont_r .s_table table .board_line{border-top:1px solid #333; border-bottom:1px solid #333; background:#f9f9f9;}
.s_cont .s_cont_in .s_cont_r .s_table table .board_line_total{border-top:2px solid #333; border-bottom:1px solid #333; background:#f9f9f9;}
.s_cont .s_cont_in .s_cont_r .s_table table thead tr th{ height:60px; font-weight:500;}
.s_cont .s_cont_in .s_cont_r .s_table table tbody tr td{border-bottom:1px solid #ccc; height:45px;}
.s_cont .s_cont_in .s_cont_r .s_table table tbody tr td a{color:#313daa}

.s_cont .s_cont_in .s_cont_r .s_table .popup_table_height{overflow-y: scroll; height:200px;}
.s_cont .s_cont_in .s_cont_r .s_table .popup_table_height tr td{height:30px;}

.s_cont .s_cont_in .s_cont_r .s_table .normal{color:var(--bs-blue);}
.s_cont .s_cont_in .s_cont_r .s_table .non_active{color:var(--bs-gray-400);}
.s_cont .s_cont_in .s_cont_r .s_table .table_active{color:var(--bs-success);}



/* .s_cont .s_cont_in .s_cont_r .s_table table tbody tr td a.btn{color:#fff; padding:5px 0;} */

.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out{background:#fff; margin-top:10px; display:none; border:1px solid #ccc;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out h2{text-align:left; background:#2d316c; color:#fff; font-weight:600; padding:10px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul{ padding:5px 0; }
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out > ul{border-bottom:1px solid #ccc; padding:10px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out > ul:last-child{border-bottom:none;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul li{padding:5px; display:flex; align-content: center; align-items: center; justify-content: flex-start;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul li strong{font-weight:500; width:120px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul li select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('../images/bank/bottom_arrow.png') no-repeat center right 10px; width:200px; margin-right:10px; height:45px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out select,.select_out input{/* width:auto; */ padding:0 1%; font-size:14px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out input{height:41px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out input.select_number{width:80%;}

.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_line{display:flex; align-content: center; align-items: center; justify-content: flex-start;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_line ul{display:flex; align-content: center; align-items: center; justify-content: flex-start;}
/* .s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_line ul li input{width:auto; } */

.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage ul{}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage ul li{ text-align:center; width:100%; margin:1%; }
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage ul li i{font-size:20px; padding-right:5px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage ul li a{border-radius:10px 0 10px 10px; padding:10px; background:#efefef;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage ul li a.active,.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage ul li a:hover{background:#313daa; color:#fff;}

.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage2 ul{background:#f9f9f9;  justify-content: space-evenly; border-top:1px solid #efefef; border-bottom:1px solid #efefef; width:100%; margin:0 auto 0 auto;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage2 ul li{ text-align:center; border-radius:20px; width:15%; padding:10px 0;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage2 ul a.active,.mypage2 ul a:hover{background:#313daa; color:#fff; border-radius:50px; padding:5px 0;}

.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb{}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb .space-evenly{justify-content: space-evenly;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb > ul{margin-top:30px; float:left; }
/* .s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb > ul > li{ width:100%; text-align:center; width:166px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb > ul > li a{padding:15px 0; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; font-weight:600;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb > ul > li a.active{background:#efefef; color:#313daa; } */

.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb .mypage_teb_list2{justify-content: flex-start}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb ul.mypage_teb_list2{ position:relative;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb ul.mypage_teb_list2:after{content:''; position:absolute; bottom:0; border-bottom:1px solid #efefef; width:100%; z-index:-1;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb ul.mypage_teb_list2 li{margin:0 3px; position:relative; z-index:0;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb ul.mypage_teb_list2 li a{padding:10px 20px; border-radius:12px 12px 0 0; background:#efefef;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb ul.mypage_teb_list2 li .dis_tab{padding:10px 20px; border-radius:12px 12px 0 0; background:#efefef;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .mypage_teb ul.mypage_teb_list2 li a.active{color:#313daa; background:#fff; border-left:1px solid #efefef; border-top:1px solid #efefef; border-right:1px solid #efefef; font-weight:600; box-shadow:2px -2px 4px #efefef;}


.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont{padding:10px;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont p{color:#666;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont td:nth-child(6){font-weight:500;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont td.down_link a{display:inline-block; text-align:left; border:1px solid #ccc; margin:2px; padding:5px 10px; border-radius:5px; color:#111; background:#f1f1f1; float:left;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont td.down_link a.paper{background:#f1f1f1;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont td.down_link a.cheack{background:#fff;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont td.down_link a.no{background:#990000; color:#fff;}
.s_cont .s_cont_in .s_cont_r .s_cont_in2 .table_cont td.down_link a.ok{background:#313daa; color:#fff;}

.s_cont .s_cont_in .s_cont_r .s_table_from .pd{padding: 40px 0 10px 0;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_title img{padding-right:5px;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in_top{border-top:2px solid #333;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2{padding:10px 0;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 table{}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 table tr{text-align:center;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 table tr td{padding:5px 0;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 .tit{min-width:100px; width:20%;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 input.s_table_ul_input{border-top:none; border-left:none; border-right:none; text-align:center; width:100%; padding:10px 0;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 input.s_table_ul_input:focus{outline:none; border-bottom:1px solid var(--bs-blue); }
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 input.s_table_ul_input:focus{transition: 0.5s ease-in-out; transition-delay: 0s;}
.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 input.s_table_ul_input::placeholder {color:#ccc; }

ul.list_btn {display:flex; justify-content:center; align-content: center; align-items: center; margin-top:20px;}
ul.list_btn li{border:1px solid #ccc; border-radius:5px; width:30px; height:30px; line-height:30px; text-align:center; margin:0 2px; overflow:hidden; font-weight:400; font-size:14px; }
ul.list_btn li a{color:#777777;}
ul.list_btn li.arrow{border:none; width:20px; line-height:27px; }
ul.list_btn li a:hover,ul.list_btn li a.active{background:#b3b3b3; color:#fff;}
ul.list_btn li.arrow a{background:none; }

ul.list_btn2{display:flex; justify-content:flex-end; padding-top:20px;}
ul.list_btn2 li{padding-left:10px;}
ul.list_btn2 a{background:#2d316c; color:#fff; font-weight:300; padding:10px 20px;}


/* .popup04{z-index:104;}
.popup03{z-index:101;}
.popup02{z-index:102;}
.popup01{z-index:103;} */

#popup01{z-index:110;}

.layer_popup2{display:none;}
.layer_popup2 a{color:#313daa;}
.layer_popup2 .close{background:rgba(0,0,0,0.2); width:100vw; height:100vh; position:fixed; left:0; top:0; z-index:5;}
.layer_popup2 .link_close{position:relative; right:15px; top:15px; z-index:101; font-size:20px; font-weight:700;}
.layer_popup2 .layer_tit{border-bottom:1px solid #efefef; padding:10px; margin-bottom:15px;}
.layer_popup2 .layer_tit img{padding-right:10px;}

.layer_popup{width:100vw; height:100vh; position:fixed; left:0; top:0; display:none; z-index:100;}
.layer_popup a{color:#313daa;}
/* .layer_popup .close{background:rgba(0,0,0,0.7); width:100vw; height:100vh; position:fixed; left:0; top:0; z-index:5;}
.layer_popup .link_close{position:absolute; right:15px; top:15px; z-index:101; font-size:20px; font-weight:700;} */

.layer_conten{position:fixed;top:50%; left:50%;  transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:#fff; border:1px solid #efefef; padding:15px; border-radius:8px; min-width:320px; max-width:1100px; width:80vw; /* height:80vh; */ overflow-y:scroll; max-height:80vh; /* min-height:50vh; */ }

.layer_popup .close{position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%; }
.layer_popup .link_close{position:fixed; right:0; top:0; z-index:101;}
.layer_popup .link_close p{position:fixed; right:10%; top:5%; border:1px solid #efefef;  width:80px; text-align:center; height:80px; line-height:80px; color:#313daa; background:#fff; font-family: 'NEXON-Lv1-Gothic-OTF'; z-index:101;}
.layer_popup .link_close p:hover{background:#313daa; color:#fff;}
.layer_popup .layer_tit{border-bottom:1px solid #efefef; padding:10px 0; margin-bottom:15px;}
.layer_popup .layer_tit img{padding-right:10px;}

.layer_popup > .close p{ }
.layer_popup > .close p:hover{color:#313daa; background:#fff;}
.layer_popup .cursorItem {position: absolute;top: 0;left: 0;z-index: 1000;pointer-events: none;mix-blend-mode: multiply; }
.layer_popup .cursorItem .circle {position: fixed;display: block;width: 50px;height: 50px; margin: -25px 0 0 -25px;background: #313daa; border-radius: 50%;}

.layer_cont { width:100%; font-size:16px; word-break: break-all;}
.layer_cont .layerpop{padding:0 10px;}
.layer_cont .layerpop h4{padding-bottom:5px;}
.layer_cont .layerpop h4:before{content:'\2022'; }
.layer_cont .layerpop .tit{background:#f9f9f9;}
.layer_cont table{width:100%; text-align:center; border:1px solid #efefef;}
.layer_cont table tr{border-bottom:1px solid #efefef;}
.layer_cont table tr td{ padding:10px 0;}
.layer_cont table tr td.br_r{border-right:1px solid #efefef;}
.layer_cont table tr.bor_top{border-top:2px solid #111;}

.layer_popup .layer_cont .upload_danger{border:1px solid #999; background:#f9f9f9; padding:15px; text-align:center;}
.layer_popup .layer_cont .upload_danger input{}
.layer_popup .layer_cont .receipt_upload_section{border:2px solid #d30000; background:#fff; padding:24px; text-align:center; border-radius:8px; margin-top:40px;}
.receipt_upload_section .txt_info{display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; margin-bottom:20px; color:#d30000; font-weight:600; font-size:16px; line-height:1.5;}
.receipt_upload_section .txt_info .ico_warning{display:inline-block; width:24px; height:24px; margin-right:8px; margin-top:2px; background:url("../images/bank/ico_warning.svg") no-repeat center / 100%; flex-shrink:0; vertical-align:top;}
.receipt_upload_section .txt_info .txt_main{display:inline-block; color:#d30000; font-weight:600; font-size:16px; line-height:1.5;}
.receipt_upload_section .txt_info .txt_sub{display:block; width:100%; margin-top:8px; margin-left:32px; color:#d30000; font-weight:500; font-size:14px; line-height:1.4;}
.receipt_upload_section .file_box{display:flex; justify-content:center; align-items:center; gap:8px; margin-bottom:0; flex-wrap:wrap;}
.receipt_upload_section .file_box .upload_name{width:auto; min-width:200px; max-width:300px; padding:8px 12px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#333; font-size:14px;}
.receipt_upload_section .file_box label[for="file_name_recpt"]{cursor:pointer;}
@media (max-width:600px){
	.receipt_upload_section .file_box{flex-direction:column;}
	.receipt_upload_section .file_box .upload_name{width:100%; max-width:100%; margin-bottom:8px;}
	.receipt_upload_section .txt_info{font-size:14px;}
	.receipt_upload_section .txt_info span{font-size:13px;}
}

.s_table_title_more{display:none; text-align:center; background:#f1f1f1; border-radius:10px;}
.s_table_title_more table{padding:15px;}

.layerpop_03{width:100%;}

.box_dist_table{height:987px; overflow:scroll; border:3px solid #efefef; margin:0; font-size:13px;}
.box_recpt_table{height:987px; overflow:scroll; border:3px solid #efefef; margin:0; font-size:13px;}
.box_table{height:200px; overflow:scroll; border:1px solid #efefef; margin:10px 0; font-size:13px;}
.table_btn li a{color:#fff; padding:10px 20px;}

.table_align{display:flex; justify-content: space-between;  align-content: center; align-items: center;}

/* .login{text-align:center; margin:0 auto; width:500px; border-radius:10px; background:#fff; box-shadow:1px 1px 7px 1px #efefef; border:1px solid #efefef; padding:2vw;}
.login a:hover{color:var(--bs-blue);} */
.login h3{}
.login .button_su a:hover{color:#fff;}
.login .login_input{border-top:none; border-left:none; border-right:none; width:100%; height:75px;}
input.login_input:focus{outline:none; border-bottom:1px solid var(--bs-blue);}
input.login_input:focus{transition: 0.5s ease-in-out; transition-delay: 0s;}
input.login_input::placeholder {color:#ccc;}

.su_button_circle{background-color:#313daa; border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none; }
.button_su_inner{display: inline-block; color: #F4F4F4; text-align: center;border-radius: 3px;transition: 400ms;text-decoration: none; padding:10px 0;}
.button_su{overflow: hidden;position: relative;display: inline-block;border-radius: 3px;}
.button_text_container{position:relative; width:100%;  vertical-align:middle;}
.button_text_container span{padding:0;}




/* common 720-1920px resizeing css */
@media (max-width:1400px){

	.select_out ul li{line-height:0;}

	.s_table{width:100%; min-width:320px;}
	.s_table .s_table_in{overflow-x:auto; white-space:wrap; }
	.s_table .s_table_in table{width:100%; min-width:850px;  }
	.layer_popup .link_close p{right:3%;}


}

/* common 720-1920px resizeing css */
@media (max-width:1024px){

	.select_out{font-size:14px;}
	.select_out input{height:30px;}

	.layer_cont{flex-wrap: wrap; width:100%; min-width:320px; overflow:auto; align-content: flex-start}
	.layer_cont .layerpop_02 h4{padding-top:20px;}




}


/* mobile */
@media (max-width:920px){

	.layer_cont{font-size:14px;}
	.layer_cont .layerpop h4{font-size:14px;}

	.layer_cont .layerpop{padding:0; }
	.layer_cont table tr td{font-size:14px;}
	.layerpop_03{width:100%;}
	.layer_popup .link_close p{width:50px;  height:50px; line-height:50px; right:5%; top:3%;}
	.owl-theme .owl-dots .owl-dot span{height:2px; }

	ul.list_btn2{justify-content: center; width:100%;}
	ul.list_btn2 a{ padding:5px 10px; }

	.select_out ul{padding:0;}
	.select_out ul li{line-height:18px; flex-wrap: wrap; }
	.select_out ul li strong{ width:100%; padding-bottom:5px;}
	.select_out ul li > ul{display:block; }
	.select_out ul li > ul > li{display:inline-block; padding:2px 5px;}
	.select_out ul li select{width:40%;}

	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01{}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01{flex-wrap: wrap}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 select,.s_cont_in2 .top .select01 input{margin:2px;}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 select,.s_cont_in2 .top .select01 input{width:100%;}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input select{width:15%; margin-left:1%; }
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .top .select01 .text_input input{  width:100%; }

	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out .select_line ul{ flex-wrap: wrap; width:100%;}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out .select_line ul li{padding:0 5px;}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul li{flex-wrap: wrap}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul li strong{width:100%;}
	.s_cont .s_cont_in .s_cont_r .s_cont_in2 .select_out ul li select{width:100%; margin:5px 0;}

	.s_cont .s_cont_in .s_cont_r .s_table .s_table_title_flex{flex-wrap: wrap;}

	.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 table tr .tit{text-align:left;}
	.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 table tr td{width:100%; display: block; text-align:left;}
	.s_cont .s_cont_in .s_cont_r .s_table_from .s_table_in2 input.s_table_ul_input{text-align:left;}

}

/*
@작업자 :김유진
@코드 추가 :2024.07.02
*/

/* search */
.search_wrap{margin-bottom:40px;padding:24px 32px;border-radius:20px;background:#F8F8F8}
.txt_info{display:flex;margin-bottom:12px;line-height:25px}
.search_wrap input:not(:last-child){margin-right:12px}
.search_wrap select:not(:last-child){margin-right:12px}
.search_wrap .input_search{flex:1;height:48px;margin-right:12px}

.select_open{/* display:none; */margin-top:12px;padding:24px 20px;border:1px solid #C6C6C6;border-radius:8px;background:#fff}
.select_open > ul > li{display:flex;align-items:center}
.select_open > ul > li:not(:last-child){margin-bottom:20px}
.select_open > ul > li strong:first-child{display:inline-block;min-width:80px;font-size:14px;color:#2d2d2d;font-weight:500}
.select_open > ul > li > input{width:calc(100% - 80px);}
.select_open select{color:#747474;font-weight:400}
.check_Wrap{display:flex;align-items:center;flex-wrap:wrap}
.check_Wrap li:not(:last-child){margin-right:20px}
.check_Wrap li label{display:flex;align-items:center}

@media (max-width:1024px){
	.search_wrap{padding:24px 20px;border-radius:12px}
	.search_wrap.detail_search_wrap select{width:calc(50% - 4px);margin-bottom:8px}
	.search_wrap.detail_search_wrap select:not(:last-child){margin-right:0}
	.search_wrap.detail_search_wrap .input_search{flex:none;width:100%;margin-bottom:8px}

	.detail_search_wrap .select_open{margin-top:8px;padding:20px;}
	.detail_search_wrap .select_open > ul > li:not(:last-child){margin-bottom:12px}
	.detail_search_wrap .select_open select{width:100%}
	.detail_search_wrap .select_open select:not(:last-child){margin-right:8px}
}
@media (max-width:600px){
	.search_wrap{padding:20px 16px;}
	.search_wrap select{width:30%;min-width:95px}
	.search_wrap select:not(:last-child){margin-right:6px}
	.search_wrap input:not(:last-child){width:70%;margin-right:0;padding:0 42px 0 16px}
	.search_wrap .btn_p{position:absolute;right:36px;width:48px;height:48px;padding:0;background:none;font-size:0}
	.search_wrap .btn_p::before{margin:0 auto;filter:invert(1)}
	.search_wrap.detail_search_wrap select{margin-right:0}
	.search_wrap.detail_search_wrap input[type="date"]{width:100%;padding:12px 20px}

	.select_open{margin-top:4px;padding:16px;}
	.select_open > ul > li{align-items:flex-start;flex-wrap:wrap}
	.select_open > ul > li strong:first-child{width:100%;margin-bottom:4px}
	.select_open > ul > li > input{width:100%}
	.select_open select:not(:last-child){margin-right:0}
	.select_open > ul > li select{width:100%}
	.detail_search_wrap .select_open select:not(:last-child){margin-right:0}

	.check_Wrap{align-items:center;}
	.check_Wrap li:not(:last-child){margin-right:20px}
	.check_Wrap li label{display:flex;align-items:center}
}
/* //search */

/* table */
.s_table{min-width:100%;margin-bottom:60px}
.s_table .s_table_in table{min-width:100%}
/* basic table */
.table_top{margin-bottom:12px}
.basic_table{width:100%;margin-bottom:20px;border-top:2px solid #0345AA}
.basic_table thead{border-bottom:1px solid #D8D8D8;background:#f8f8f8}
.basic_table thead tr th{padding: 12px 16px;text-align:center;vertical-align:middle;font-weight:500;color:#1d1d1d}
.basic_table tbody tr{border-bottom:1px solid #D8D8D8;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.basic_table tbody tr:hover{background:#F2F7FF}
.basic_table tbody tr td{padding:12px 16px;text-align:center;vertical-align:middle}
.basic_table tbody tr td.no_data{position:unset;width:100% !important}

.basic_table tbody .normal{color:#3078e3;font-weight:500}
.basic_table tbody .non_active{color:#df3131;font-weight:500}
.basic_table tbody .table_active{color:#31b34d;font-weight:500}
.basic_table tbody .down_link{width:20%}

@media (max-width:1024px){
	.basic_table,.basic_table thead,.basic_table tbody,.basic_table th,.basic_table tr,.basic_table td{display:block;width:100%}
	.basic_table thead{display:none}
	.basic_table tr{display:flex;flex-wrap:wrap;position:relative;padding:20px}
	.basic_table tr:nth-child(even){background:#f8f8f8}
	.basic_table tbody tr td{padding:4px}
	.basic_table tr td::before{content: attr(data-txt);display:block;min-width:112px;margin-right:12px;font-weight:500;color:#2d2d2d}
	.basic_table tr td:first-child::before{display:none;}
	.basic_table tr td:first-child{width:auto;position:absolute;top:20px;left:20px}
    /* 데이터없는 테이블 메세지 조정 함 */
    .basic_table tr td.nodata{position: relative;top:0;left:0;}
    .basic_table tr td.error{position: relative;top:0;left:0; color: #dc2626;}
	.basic_table tr td.check:first-child{top:13px}
	.basic_table tr td:not(:first-child){display:flex;width:100%;padding-left:40px;text-align:left}
	.basic_table tr td.tl{font-weight:500;color:#2d2d2d}

	.basic_table.down_table tr td::before{display:none}
	.basic_table.down_table tr td{width:calc(100% - 140px)}
	.basic_table.down_table tr td:first-child{width:60px;left:0}
}
@media (max-width:600px){
	.basic_table{margin-bottom:20px}
	.basic_table tr{padding:20px}
	.basic_table tr td:not(:first-child){display:block}

	.basic_table.down_table tr td{width:100%}
}
/* //basic table */

/* popup table */
.layer_cont .popup_table.tit{background:none}
.popup_table tr th{padding:8px 12px;background: #f9f9f9;color:#1d1d1d}
.popup_table tbody tr td{padding:8px 12px;color:#555}
.popup_table tr th:not(:last-child),.popup_table tr td:not(:last-child){border-right:1px solid #efefef}

.popup_table .table_align{justify-content:left;flex-wrap:wrap}
.popup_table .table_align li:not(:last-child){margin-right:16px}

@media (max-width:1024px){
	.popup_table,.popup_table thead,.popup_table tbody{display:block}
	.popup_table.basic_table thead{display:none}
	.popup_table tr th:not(:last-child),.popup_table tr td:not(:last-child){border-right:0}

	.title_table tr{display:flex;flex-wrap: wrap;border-bottom:0}
	.title_table tr th{border-bottom: 1px solid #efefef}
	.title_table tr td{border-bottom: 1px solid #efefef}
	.title_table tr .tit{width:100%}
	.title_table tr th{width:30%}
	.title_table tr td{width:70%;background:#fff;text-align:left}
}
/* // popup table */

/* form table */
.from_wrap{margin-bottom:-60px;padding:60px 0;background:#f8faff}
.form_table{width:100%;margin-bottom:80px;padding-top:8px;border-top:2px solid #000}
.form_table tr th{width:15%;padding:16px;color:#1d1d1d;font-weight:500;line-height:48px;vertical-align:top}
.form_table tr td{width:35%;padding:16px}
.form_table tr td input{min-height:48px;border:0;border-bottom:1px solid #c6c6c6;border-radius:0px;background:#f8faff}
.form_table tr td input:read-only,
.form_table tr td input[readonly] {
    border-radius:0;
    background-color: #f5f5f5;
    color: #555;
    cursor: not-allowed;
}
.form_table tr td input[type="text"]{width:100%}
.form_table tr td input[type="checkbox"]{min-height:0}
.form_table tr td input[type="date"]{flex:none}

.form_table .form_mail{display:flex;align-items:center}
.form_table .form_date{display:flex;align-items:center}

.form_table .form_addr_wrap{width:70%}
.form_table .form_addr_wrap .postal_code{width:200px;margin-right:16px}
.form_table .form_addr_wrap .btn{margin-right:32px;padding:12px 24px}
.form_table .form_addr_wrap .form_addr{width:calc(100% - 354px)}

@media (max-width:1024px){
	.form_table tr{display:flex;flex-wrap: wrap;border-bottom:0}
	.form_table tr th{width:20%;text-align:left}
	.form_table tr td{width:80%}

	.form_table .form_addr_wrap{width:80%}
	.form_table .form_addr_wrap .postal_code{width:calc(100% - 122px);margin-right:16px}
	.form_table .form_addr_wrap .btn{margin-right:0;margin-bottom:12px;padding:12px 24px}
	.form_table .form_addr_wrap .form_addr{width:100%}
}
@media (max-width:600px){
	.form_table{margin-bottom:40px}
	.form_table tr{flex-direction:column;}
	.form_table tr th{width:100%;padding:16px 16px 0 16px;line-height:18px}
	.form_table tr td{width:100%;padding:0 16px 16px 16px}
	.form_table tr td input{padding:0}
    .form_table tr td input:read-only {border-bottom: 1px solid #c6c6c6;border-radius: 0; background: #f8faff;}


	.form_table .form_mail{flex-wrap:wrap}
	.form_table .form_mail input{width:100%}
	.form_table .form_mail input:last-child{width:calc(100% - 20px)}
	.form_table .form_date{flex-wrap:wrap}
	.form_table .form_date input{width:100%}
	.form_table .form_date input:last-child{width:calc(100% - 16px)}

	.form_table .form_addr_wrap{width:100%}
}
/* // form table */

/* box table */
.box_table{height:auto;max-height:250px;overflow:auto;padding:20px 24px;font-size:16px}

@media (max-width:1024px){
	.box_table{font-size:14px;}
}
/* //box table */
/* //table */

/* pagination */
.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:60px}
.pagination .page_num .page_btn{margin:4px;font-size:0}
.pagination .page_num .page_btn.start a:before{content:"";display:block;width:13px;height:11px;background:url("../images/bank/ico_start.png") no-repeat center}
.pagination .page_num .page_btn.prev a:before{content:"";display:block;width:7px;height:11px;background:url("../images/bank/ico_prev.png") no-repeat center}
.pagination .page_num .page_btn.next a:after{content:"";display:block;width:11px;height:11px;background:url("../images/bank/ico_next.png") no-repeat center}
.pagination .page_num .page_btn.end a:after{content:"";display:block;width:13px;height:11px;background:url("../images/bank/ico_end.png") no-repeat center}
.pagination .page_num .page_btn a{display:flex;justify-content:center;align-items:center;font-size:0}
.pagination .page_num{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 40px}
.pagination .page_num li a{display:block;width:30px;height:30px;margin:4px;border-radius:50%;text-align:center;line-height:30px;font-size:15px;color:#111;font-weight:500}
.pagination .page_num li a.on{background:#F2F7FF;color:#0345AA;font-weight:600}
@media (max-width:600px){
	.pagination .page_num{margin:0}
	.pagination .page_num li a{margin:0}
	.pagination .page_num .page_btn{margin:0}
}
/* //pagination */

/* 마이페이지 팝업 */
.upload_danger .txt_warning:before{content:'';display:block;flex-shrink:0;width:32px;height:32px;margin:1px 4px 0 0;background:url("../images/bank/ico_warning.svg") no-repeat center / 100%}
.upload_danger .txt_warning{display:flex;justify-content:center;margin-bottom:12px;font-size:26px;font-weight:600;color:#111;line-height:36px}
.upload_danger .txt_info:before{content:'';display:block;flex-shrink:0;width:24px;height:24px;margin:1px 4px 0 0;background:url("../images/bank/ico_warning.svg") no-repeat center / 100%}
.upload_danger .txt_info{justify-content:center;flex-wrap:wrap;margin-bottom:24px;color:#111;font-weight:600;text-align:center;line-height:28px}
.upload_danger .txt_info span{width:100%;color:#d30000;font-weight:500}
@media (max-width:920px){
	.upload_danger .txt_warning:before{width:28px;height:28px;margin:2px 2px 0 0}
	.upload_danger .txt_warning{font-size:22px;line-height:32px}
	.upload_danger .txt_info:before{margin:0px 4px 0 0}
	.upload_danger .txt_info{line-height:26px}
}
@media (max-width:600px){
	.upload_danger .txt_warning:before{margin:0 auto 8px}
	.upload_danger .txt_warning{flex-direction:column;margin-bottom:16px;font-size:18px;line-height:28px;text-align:center}
}