@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.mb0{
	margin-bottom: 0 !important; 
}

@font-face{
    font-family: 'AppleSDGothicNeoL';
    src:url(./../fonts/AppleSDGothicNeoL.eot);
    src:local(※), url(./../fonts/AppleSDGothicNeoL.ttf) format('truetype')
}
@font-face{
    font-family: 'AppleSDGothicNeoM';
    src:url(./../fonts/AppleSDGothicNeoM.eot);
    src:local(※), url(./../fonts/AppleSDGothicNeoM.ttf) format('truetype')
}
@font-face{
    font-family: 'AppleSDGothicNeoB';
    src:url(./../fonts/AppleSDGothicNeoB.eot);
    src:local(※), url(./../fonts/AppleSDGothicNeoB.ttf) format('truetype')
}


html,body,input,button,a,label{
	font-family: AppleSDGothicNeo-Regular,'AppleSDGothicNeoM', sans-serif !important;
}

.txt_blue{color:#0054FF;}
.txt_red{color:#FF0000;}
.wd-15{width:15%}
.wd-25{width:25%}
.wd-35{width:35%}

.wd-20{width:20% !important;}
.wd-30{width:30%}
.wd-35{width:35%}
.wd-372{width:37.2%}
.wd-40{width:40%;}
.wd-47{width:47%;}
.wd-472{width:47.2%;}
.wd-48{width:48%;}
.wd-49{width:49% !important;}
.wd-50{width:50%;}
.wd-60{width:60%;}
.wd-70{width:70% !important;}
.wd-100{width:100%;}
.ht-20{height:20% !important;}
.ht-30{height:30%;}
.ht-100{height:100% !important;}
.mht-100{max-height:100% !important;}
.box-block{display:block !important;}
.inactive{display:none !important;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.in-block{display:inline-block;}
.fl-block{display:flex;}
.fl-block-dir-row{flex-direction:row;}

.wdbk-kpall{word-break:keep-all;}
.noboader th{border:none !important;}
.noboader td{border:none !important;}

.mgt20{margin-top:20px;}
.mgr20{margin-right:20px;}
.mgb20{margin-bottom:20px;}

.border-top-lg{border-top: 1px solid #e1e3e6 !important;}
.border-top-no{border-top: 0 !important;}

.preview-col{display:none;}
.grid-preview {height:calc(1vh);}
.grid-preview img{margin:0 auto; width:100%; margin-bottom:20px;}

.spinner-wrapper{
	display:none;
	position: fixed;
    top: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
}

.spinner-background{
	width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    opacity:0.4;
}

@keyframes spinner-border{
	to { transform: rotate(360deg); }
}
.spinner-border {
	position:absolute;
	z-index: 999999999;
	top:50%;
	left:50%;
	display: block;
	width: 2rem;
	height: 2rem;
	vertical-align: -0.125em;
	border: 0.25rem solid currentcolor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: 0.75s linear infinite spinner-border;
}


.form-control:disabled, .form-control[readonly]{
	background-color: #f1f5f9;
}

.select-control{
	width:188px; 
	height: 40px; 
	border: 0; 
	font-size: .938rem;
	color: #3d3d4e; 
	padding: 0 12px;
	border-radius: 4px;
	appearance:none;
 	background:url('./../../../img/icon/select-arrow.png') no-repeat right 12px center;
 	background-color: #ffffff; 
}
select.form-control{
	appearance:none;
 	background:url('./../../../img/icon/select-arrow.png') no-repeat right 12px center;
 	background-color: #ffffff; 
}
select:focus, input:focus, button:focus{
	box-shadow: none !important;
	outline: none; 
}
.input-file-group{
	display: flex; 
}
.input-file-group input[type="file"]{
	display: none;
}
.input-file-group .file-name{
	flex-grow: 1;
	font-size: 15px; 
	color: #9e9ea7; 
	line-height: 34px;
}
.input-file-group .file-name .placeholder{
	font-size: 15px; 
	color: #9e9ea7; 
}
.input-file-group .btn-grey{
	height: 48px; 
	margin-left: 10px;
	margin-top: 0;
	line-height: 38px;
	margin-bottom: 0 !important;
	width: 120px; 
}
/*buttons*/
.btn-lg{
	width: 220px; 
	height: 60px;
	font-size:22px;
}
.default-btn{
	min-width: 40px;
	height: 40px; 
	border: 0; 
	background-color: #ffffff; 
	color: #0070c0; 
	font-size: .938rem;
	line-height: 41px; 
	border-radius: 4px;
	text-align: center; 
	padding: 0 12px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
	cursor:pointer;
}
.default-btn span{
	padding-left: 7px; 
	color: #3d3d4e;
	font-size: .938rem;
}
.main-btn{
	min-width: 40px;
	height: 40px; 
	border: 0; 
	background-color: #0070c0; 
	color: #ffffff; 
	font-size: .938rem;
	line-height: 40px; 
	border-radius: 4px;
	text-align: center; 
	padding: 0 12px;
	cursor:pointer;
}
.btn-main-lg{
    width: 120px; 
    height: 48px; 
    border-radius: 3px; 
    border: 1px solid #0070c0; 
    background-color: #0070c0; 
    font-size: 16px; 
    font-family: 'AppleSDGothicNeoM';
	color: #ffffff; 
    line-height: 46px;
    margin: 0 5px; 
    padding:0;
	cursor: pointer;
}
.btn-border-lg{
    width: 120px; 
    height: 48px; 
    border-radius: 3px; 
    border: 1px solid #c9c9c9; 
    background-color: #ffffff; 
    font-size: 16px; 
    font-family: 'AppleSDGothicNeoM';
    color: #0d0c22;
    line-height: 46px;
    margin: 0 5px; 
    padding: 0;
}
.btn-grey{
	min-width: 90px;
	background: #aeb5bc;
	color: #fff !important; 
}
.btn-text{
	margin: 0;
	padding: 0; 
	background:transparent;
	border:none; 
	color: #999999; 
	font-size: 14px; 
	text-decoration: underline;
}
.main-btn span{
	padding-left: 5px; 
	font-size: .938rem;
}

.bookmark-btn{
	min-width: 40px;
	height: 40px; 
	border: 0; 
	background-color: #56637e; 
	color: #ffffff; 
	font-size: .938rem;
	line-height: 40px; 
	border-radius: 4px;
	text-align: center; 
	padding: 0 12px;
	cursor:pointer;
}
.bookmark-btn.active{
	color: #ffe033;
}

/*tab*/

.tabs-container{
	width: 100%;
	/* margin-bottom: 35px; 20221024 tab테마*/
	border-radius: 8px;
	background-color: #ffffff; 
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	overflow: hidden;
	position: relative; 
	padding-right: 91px; 
	padding-left: 64px;
}
.tabs-container .tab-prev{
	width: 30px; 
	height: 30px; 
	border: none; 
	border-radius: 50%; 
	position: absolute; 
	right: 84px; /* right: 48px;  20221211 */  
	top: 7px; 
	background: #e8f0f6; 
	color: #2b506a;
	cursor: pointer; 
}
.tabs-container .tab-close{
	width: 30px; 
	height: 30px; 
	border: none; 
	border-radius: 50%; 
	position: absolute; 
	right: 48px; 
	top: 7px; 
	background: #e8f0f6; 
	color: #2b506a;
	cursor: pointer; 
}
.tabs-container .tab-next{
	width: 30px; 
	height: 30px; 
	border: none; 
	border-radius: 50%; 
	position: absolute; 
	right: 10px; 
	top: 7px; 
	background: #e8f0f6; 
	color: #2b506a;
	cursor: pointer; 
}
.tabs-container .tab-prev.disabled,
.tabs-container .tab-next.disabled{
	background: #edf0f5; 
	cursor: auto;
	pointer-events: none;
}

.tabs-container .tab-prev.disabled i,
.tabs-container .tab-next.disabled i{
	color: #c2c7d5 !important;
}
.tabs-container ul{
	height: 45px; 
	display: flex; 
	flex-wrap: nowrap;
	
	
}
.tabs-container ul li{
	border-right: 1px solid #edeff2;
	background: #fdfdfd; 
	flex-shrink: 0;
	padding: 0 18px;
}
.tabs-container ul li a{
	line-height: 45px; 
	color: #9e9ea7; 
	transition: .2s; 
	font-size: .938rem;
}
.tabs-container ul li a:hover{
	text-decoration: none; 
	font-weight: inheit; 
	color: #0087e8; 
}
.tabs-container ul li.current,
.tabs-container ul li:hover{
	background: #ffffff; 
}
.tabs-container ul li.current a{
	color: #0087e8; 
}
.tabs-container ul li.tab-home{
	position: absolute; 
	left: 0; top: 0; 
	height: 45px; 
	line-height: 45px;
	padding: 0 23px;
}
.tabs-container ul li.tab-home a{
	width: 63px; 
	text-align: center; 
}
#tabs li a.remove {margin-left:22px;float:right;}
#tabs { margin:0; padding:0; list-style:none; overflow:hidden; }
/* #tabs li { float:left; display:block; padding:5px; background-color:#bbb; margin-right:5px;}
 */
/*  #tabs li:hover { font-weight: bold; }선택안된
 *//* #tabs li a { color:#fff; text-decoration:none; } */
/* #tabs li.current { background-color:#e1e1e1;}
#tabs li.current:hover { font-weight: bold;} 선택된
#tabs li.current a { color:#000; text-decoration:none; } */
.flex-group{
	display: flex;
}
.flex-group input{
	flex-grow: 1; 
	margin-right: 10px;
}
::placeholder{
	color: #9e9ea7; 
	font-size: 15px; 
}

/*modal*/
.modal{
	font-family: 'AppleSDGothicNeoL';
}
.modal-content.full-content{
	min-height: 100%;
	height: auto;
}
.modal-title{
	line-height: 1.3;
	color: #0d0c22 !important;
	font-size: 22px !important;
	font-family: 'AppleSDGothicNeoM';
}

.modal-title nav {
    width: 100%;
    height: 32px;
    position: relative;
}

.modal-nav .nav-item {
    margin-right: 40px;
}

.modal-nav .nav-link {
    line-height: 38px;
    position: relative;
    cursor: pointer;
}

.modal-nav .nav-link.current::before{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 54px;
    background: #0070c0;
}

.modal-header{
	padding: 1.5rem 24px; 
	border-color: #eef0f3;
}
.modal-header a{
	color: #0d0c22;
	font-size: 1.375rem;
	font-family: 'AppleSDGothicNeoB';
	padding: 0;
}
.modal-header .close {
	color: #0d0c22;
	opacity: 1;
}
.modal-body{
	padding: 0;
}
.modal-body label{
	display: inline-block;
	font-size: 0.938rem; /* 2022-09-08 추가*/
	font-family: 'AppleSDGothicNeoM'; /* 2022-09-08 수정*/
	margin: 6px 0 2px; /* 2022-09-08 수정*/ 
}

.modal-text-container{
	padding: 35px 43px;
    border-bottom: 1px solid #eef0f3;
}

.modal-inbody{
	padding: 1.25rem;
}

.input-btn-group {
    padding-right: 100px;
    position: relative;
}

.input-btn-group button{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 48px;
    color: #ffffff;
    background: #aeb5bc;
}

.form-pwd-noti {
    display: inline-block;
    color: #FF3333;
    font-size: .813rem;
}

.form-noti {
    display: inline-block;
    color: #6e6d7a;
    font-size: .813rem;
}

.form-noti i {
    color: #e76344;
    margin-right: 5px;
}
.flex-row {
	align-items: center;
}
.flex-row > div{
    flex: 1;
}
.card-body .col-md-6{
	padding: 0 20px;
}
.card-body .col-md-6:first-of-type{
	padding-right: 10px; 
}
.card-body .col-md-6:last-of-type{
	padding-left: 10px; 
}
.card-body .deposit-discount{
    padding-left: 5px;
    align-items: center;
    margin-bottom: 1rem;
    display: flex;
}
.card-body .deposit-discount.end{
    margin-bottom: 0rem;
}
.card-body .deposit-discount .number{
    text-align:end;
}
.card-body .deposit-discount .percent{
    text-align:end;
    flex:1;
    margin-left: 10px;
}
.card-body .deposit-discount div{
    padding-right:0;
    padding-left:0;
}
.mb-3.p-05{
	padding: 0 5px;
}
.modal-footer{
	padding-top: 30px;
	padding-bottom: 85px;
	position: relative;
	justify-content: center;
	border-top: 0; 

}
.modal-footer.deposit-discount-footer{
	border-top: 1px solid #e9ecef;
	padding-bottom:30px;
}
.modal-footer .btn-text{
	position: absolute;
	bottom: 60px; 
	left: 50%; 
	transform: translateX(-50%);
}
.modal .form-control{
	font-size: 15px;
	color:#6e6d7a;
	border-color:#dcdedf;
	letter-spacing: -0.03em;
	min-height:48px;
}
.modal .form-control::placeholder{
	color:#9e9ea7;
	opacity: 1 !important;
}
.modal .label{
	width: 100%; 
	display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #242934;
}
.modal .carousel-inner{
	margin: 24px auto;
	width: 800px !important;
	max-width: 80% !important;
}
.modal .carousel-item{
	text-align: right;
}
.modal .carousel-control-prev{
	justify-content: flex-start;
}
.modal .carousel-control-next{
	justify-content: flex-end;
}
.modal .carousel-control-prev > span,
.modal .carousel-control-next > span{
	display: inline-block; 
	width: 80px; 
	height: 80px;
	background: #b2b2b2; 
	color: transparent;
	font-size: 20px;
	line-height: 80px;
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	text-indent: -12px;
}
.modal .carousel-control-prev > span::after{
	content:'\f104';
	color: #ffffff; 
}
.modal .carousel-control-next > span::after{
	content:'\f105';
	color: #ffffff; 
}
.modal .btn-img-upload{

    height: 40px; 
    border-radius: 3px; 
    border: 1px solid #0070c0; 
    background-color: #ffffff; 
    font-size: 16px; 
    font-family: 'AppleSDGothicNeoM';
    color: #0d0c22;
    line-height: 39px;
    margin: 0 5px; 
	padding: 0 15px; 
	margin-top: 24px;

}
.modal .btn-img-upload i{
	margin-right: 8px; 
	color: #0070c0;  
}
.modal .btn-img-delete{
	min-width: 40px;
	height: 40px; 
	border: 0; 
	background-color: #0070c0; 
	color: #ffffff; 
	font-size: 16px;
	line-height: 40px; 
	border-radius: 4px;
	text-align: center; 
	padding: 0 12px;
	cursor:pointer;
	margin-top: 24px;

}
.modal .btn-img-delete i{
	line-height: 40px; 
}
.modal-header .close{
	font-size: 28px;
}
footer{
	font-family: 'AppleSDGothicNeoL';
	color: #727272;
	font-size: 13px;
	letter-spacing: -0.02em;
	position: relative;
}
#mainFooter{
	position: relative;
}
.footer-logo{
	position: absolute;
	right: 0; top: 0;
}
.footer-list{
	display: inline-block;
	width: 100%; 
	margin-bottom: 30px;
}
.footer-list li{
	float: left; 
	font-family: 'AppleSDGothicNeoM';
	font-size: 16px; 
	color: #000000; 
	margin-right: 30px; 
}
.footer-list li a{
	color: inherit;
}
.footer-line{
	margin-bottom: 12px; 	
}
.footer-line span{
	display: inline-block;
}
.footer-line span::after{
	content: '';
	width: 1px; 
	height: 11px; 
	background: #d9d9da;
	display: inline-block;
	margin-left: 14px;
	margin-right: 12px;
	position: relative;
	top: 1px;

}

.footer-line span:last-of-type::after{
	display: none;
}
footer .copyright{
	display: inline-block;
	padding-top: 15px; 
}
footer .copyright em{
	color: #0070c0;
}
.table-custom {
	font-size: 15px;
	min-width: 760px;
}

.table-custom tbody td span{
	background-color:deeppink; 
	color:white;				
	font-weight:700;				  
	font-size: 11px;
    padding: 2.5px 5px;
    padding-bottom: 1.5px;
    border-radius: 10px;
}

.table-custom thead th{
	border-top: 1px solid #d9dde1; 
	border-bottom: 1px solid #acb3b9;
	background: rgb(245,245,245);
	background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(240,240,240,1) 50%, rgba(235,235,235,1) 100%);
	font-family: 'AppleSDGothicNeoM';
	text-align: center;
	padding: .75rem 5px; 
}

.table-custom thead th:nth-child(2){
	width: 35%; 
}

.table-custom tbody td{
	font-family: 'AppleSDGothicNeoL';
	text-align: center;
	color: #666666; 
	border-bottom: 1px solid #e1e3e6;
	
}
.table-custom tbody td:nth-child(2){
	text-align: left; 
}
.table-scroll-container{
	min-width: 100%; 
	overflow-x: auto;
}

.card-inbody{
	margin-bottom:4rem;
}
.idpw-check{
	font-size: 15px;
	color:#FF3333;
	margin-top: 5px;
}