@charset "utf-8";

.left{float:left;}
.right{float:right;}

#login_header{ border-bottom: 5px solid #1e1e1e; }
#login_header .logo a{ display: inline-block; width:173px; height: 50px; background: url("../images/common/gpos_logo_black.png") no-repeat center center; background-size: contain; }
.page-login{background: url("../images/common/gadmin_login_bg.png") no-repeat; background-position: 90% 150%;}
.page-login .login-wrap .box-login .box-head h1, 
.page-login .login-wrap .box-login .box-head p,
.page-login .login-wrap .box-login .check-group .lbl{ color:#1e1e1e;}

#header .logo{ padding:0.7em;}
#header .logo a{ display: inline-block; width:173px; height: 50px; background: url("../images/common/gpos_logo_black.png") no-repeat center center; background-size: contain; }

/* snb */
#snb{position: fixed;top: 70px;left: 0;bottom: 0;z-index: 10;width: 270px;background: #32353b;}
#snb .link-depth-1{width:60px;height:60px;border-bottom:1px solid rgba(0,0,0,0.5);color:rgba(182,201,240,.47);font-size:20px;outline:none;}
#snb .link-depth-1:hover{color:#fff;background:#32353b;}
#snb .link-depth-1.on{color:#fff;background:#111213;}
#snb .menu-wrap{display:none;position:absolute;top:0;left:60px;right:0;bottom:0;background:#111213;}
#snb .menu-title{padding:18px;color:#fff;font-size:22px;font-weight:500;letter-spacing:.15em;text-align:center;}
#snb .depth-2{padding:0 25px 0 32px;}
#snb .depth-2 > li + li{margin-top:8px;}
#snb .link-depth-2{display:inline-block;position:relative;padding-left:15px;color:rgba(212,225,248,.9);font-size:14px;font-weight:300;word-break:keep-all;}
#snb .link-depth-2:before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:#c3d7f9;}
#snb .link-depth-2:hover,
#snb .link-depth-2.on{color:rgba(129, 152, 255, 0.9);}
#snb .link-depth-2:hover:before,
#snb .link-depth-2.on:before{background:#e3e161;}
#snb .depth-3{display:none;margin-top:5px;}
#snb .depth-3.active{}
#snb .link-depth-2.on + .depth-3{display:block;}
#snb .depth-3 > li{position:relative;padding-left:30px;}
#snb .depth-3 > li a:hover{color:rgba(255,239,135,.9);}
#snb .depth-3 > li + li{margin-top:5px;}
#snb .depth-3 a{color:#fff;font-weight:400;}
#snb .depth-3 a:before{content:"";position:absolute;top:9px;left:20px;width:5px;height:2px;background-color:#fff;}
#snb .link-depth-3.on,
#snb .link-depth-3:hover{color:rgba(255,239,135,.9);}
#snb .link-depth-3.on:before,
#snb .link-depth-3:hover:before{background:#e3e161;}

/* contents */
#container{/*height: calc(100vh - 40px);*/ padding-top:70px;padding-left:270px;}
#contents{padding:30px 30px 0;}
#contents .contents-wrap{min-height:790px;padding:25px 30px;background:#fff;border-radius:15px;position:relative;}

/* title */
h2.contents-title{margin-bottom:15px;color:#232323;font-size:22px;font-weight:600;}
h3.contents-name{text-align:center;font-size:16px;color:#4a4a4a;font-weight:500;line-height:1;}

/* TEXT */
a.text-link{color:#f2800f;text-decoration:underline;}
.text-required{color:#ee5e57;}
.text-required:after{content:'*';margin-left:5px;}
.text-option{position:absolute;top:4px;right:0;color:#ee5e57;}
.text-info{color:#ee5e57;}

/**
 *	폼요소
 */
.bul{font-size:14px;font-weight:500;margin:0 2px;vertical-align:middle;}
div.form-control{width:100%;max-width:100%;}
div.form-control+div.form-control{margin-top:5px;}
div.form-control .lbl{vertical-align:top;}
div.form-control input.inp-text{width:100%;}
div.form-control input.inp-file{width:100%;}
div.form-control select.sel{width:100%;}
span.form-control{display:inline-block;min-width:210px;max-width:100%;margin:2px 17px 2px 0;vertical-align:middle;}
span.form-control:last-child{margin-right:0;}
span.form-control.check-control{margin-right:10px;min-width:0;}
span.form-control.check-control:last-child{margin-right:0;}
span.form-control.min{min-width:100px;}
.date-control{position:relative;display:inline-block;}
.date-control .datepicker + i{position:absolute;top:7px;right:10px;font-size:14px;color:#1868ba;}

/* focus color */
input.inp-text:focus,
input.inp-file:focus,
textarea.txtarea:focus,
select.sel:focus{border-color:#438de2;outline:none;box-shadow:0 0 2px rgba(0,0,0,.1);}
input.inp-text[readonly]:focus,
input.inp-text[disabled]:focus,
select.sel[readonly]:focus,
select.sel[disabled]:focus{border-color:#ccc;outline:none;}

/* form 공통 */
input.inp-text,
input.inp-file,
select.sel{width:210px;height:28px;color:#515151;font-size:12px;background-color:#fff;border:1px solid #ccc;border-radius:3px;vertical-align:middle;}
input.inp-text.num,
input.inp-file.num,
select.sel.num{width:60px;text-align:center;}
input.inp-text.num + input.inp-text{width:146px;}
input.inp-text.large,
input.inp-file.large,
select.sel.large{width:540px;}
input.inp-text.small{width:70px;}

/* input (type=text, password) */
input.inp-text{padding:0 10px;}
input.inp-text[readonly]{color:#bababa;cursor:default;}
input.inp-file + input.inp-text[readonly]{color:#515151;}
input.inp-text[disabled]{background:#efefef !important;cursor:default;}
input.inp-text.datepicker{cursor:pointer;color:#515151;}
input.inp-file + input.inp-text.large{width:457px;}
input.inp-info[readonly]{color:#515151;border:0;}

/* input (type=file) */
input.inp-file{padding:2px 10px;}

/* input (type=checkbox,radio) */
input.chk,
input.rdo{vertical-align:middle;}

/* textarea */
textarea.txtarea{resize: vertical; width: calc(100% - 100px);min-height:100px;padding: 5px 10px;color:#515151;font-size:12px;background-color:#fff;border:1px solid #ccc;border-radius:3px;vertical-align:middle;}

/* select box */
select.sel{padding:0 6px;}

/* label */
label.lbl {
	display: inline-block;
	min-width: 90px;
	height: 28px;
	margin-right: 6px;
	color: #fff;
	border-radius: 3px;
	background: #5478b7;
	vertical-align: middle;
	text-align: center;
	line-height: 28px;
	letter-spacing: -.035em;
}
label.rdo-lbl,
label.chk-lbl{color:#515151;font-size:12px;vertical-align:middle;margin-left:4px;}
label.lbl.small{font-size:10px;}
.list-lbl{font-size:16px;color:#4a4a4a;font-weight:500;}


/* datepicker */
.ui-datepicker{width:210px;}

/** 
 *  버튼
 */
.btn {
	display: inline-block;
	min-width: 76px;
	height: 28px;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	border-radius: 5px !important;
	text-align: center;
	line-height: 28px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.29);
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
}
.btn i{float:left;font-size:13px;line-height:28px;margin-top:1px;margin-left:5px;}
.btn.search{background:linear-gradient(to bottom, #1a71ca 0%, #165fa9 100%);} /* 조회 */
.btn.excel{background:linear-gradient(to bottom, #008f4a 0%, #00793e 100%);} /* 엑셀 */
.btn.print{background:linear-gradient(to bottom, #2f54bd 0%, #28469f 100%);} /* 출력 */
.btn.reset{background:linear-gradient(to bottom, #218fd4 0%, #1c7ab4 100%);} /* 초기화 */
.btn.save{background:linear-gradient(to bottom, #005292 0%, #00457b 100%);} /* 등록 */

/** 
 *  버튼 그룹
 *	.btn-group: 버튼 그룹 기본 클래스
 *	.btn-group .left-group: 왼쪽 정렬 버튼 그룹
 *	.btn-group .right-group: 오른쪽 정렬 버튼 그룹
 *	.btn-group .center-group: 중앙 정렬 버튼 그룹
 */
.btn-group{display:table;width:100%;/*table-layout:fixed;*/margin-top:24px;}
.btn-group.top{margin-top:0;margin-bottom:10px;}

.btn-group [class$="group"]{display:table-cell;vertical-align:middle;}
.btn-group .left-group{text-align:left;}
.btn-group .right-group{text-align:right;}
.btn-group .center-group{text-align:center;}
.btn-group .left-group a,
.btn-group .left-group .btn{margin-right:4px;}
.btn-group .right-group a,
.btn-group .right-group .btn{margin-left:4px;}
.btn-group .center-group a,
.btn-group .center-group .btn{margin:0 2px;}

.btn-group.group-more{position:relative;}
.btn-group.group-more [class$="group"]:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px dashed #e7dfeb}
.btn-group.group-more .btn{position:relative;z-index:1;}

.btn-row-group{margin-top:30px;padding:0 30px;}
.btn-row-group .btn{width:100%;height:30px;}
.btn-top-group{margin-bottom:8px;}
.btn-top-group .btn{width:calc(49.5% - 11px);box-shadow:none;} 
.btn-top-group .btn + .btn{margin-left:20px;}


/** 
 *  탭메뉴
 */
.tab-menu {margin-bottom: 10px;} 
.tab-menu {border-bottom: 1px solid #cdcfd4; }
.tab-menu:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.tab-menu li {float: left; min-width: 20%; height: 34px; box-sizing: border-box; line-height: 30px; text-align: center; cursor: pointer; }
.tab-menu li.current {border-bottom: 2px solid #616161; font-weight: 500; }
.tab-menu li a {display: block; padding: 10px 0; font-size: 13px; }

.tab-content {display: none; }
.tab-content.current {display: inherit; }



@media (max-width:800px) {
	.btn-group{margin-top:15px;}
	.btn-group.top{margin-bottom:5px;}
}

/** 
 *  테이블
 */
.table-container{position:relative;border:1px solid #e4e4e4;background:#fff;}
.table-container ~ .table-container{margin-top:10px;}
.table-wrapper{height:506px;overflow-y:auto;overflow-x:hidden;}
.table-wrapper.wrapper-xlarge{height:535px;}
.table-wrapper.wrapper-large{height:355px;}
.table-wrapper.wrapper-medium{height:290px;}
.table-wrapper.wrapper-small{height:160px;}
.table-wrapper.wrapper-xsmall{height:110px;}
.table-header{position:absolute;top:0;left:0;right:0;}

table{width:100%;/* table-layout:fixed; */}
table.text-left th,
table.text-left td{text-align:left;}
table.text-left th{padding-left:30px;}
table.text-center th,
table.text-center td{text-align:center;}
table th.text-left,
table td.text-left{text-align:left;}
table td.text-left{padding-left:12px;}
table th.text-right,
table td.text-right{text-align:right;}
table td.text-right{padding-right:12px;}

.table-basic{border-top:2px solid #616161;}
.table-basic th,
.table-basic td{height:36px;padding-top:5px;padding-bottom:5px;border:1px solid #e4e4e4;font-size:12px;text-align:center;}
.table-basic th{background:#f3f6f9;color:#515151;font-weight:600;}
.table-basic td{background:#fff;color:#616161;}
.table-basic tr.strong td{color:#006edf;}
.table-basic tr:hover td{background:rgba(85, 129, 208, .08);}
.table-basic tr.on td{background:#5581d0;color:#fff;}
.table-basic th:first-of-type,
.table-basic td:first-of-type{border-left:0;}
.table-basic th:last-of-type,
.table-basic td:last-of-type{border-right:0;}
/* table상단 추가영역 */
.table-util{display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:flex-end;margin-bottom:15px;}
.table-util .check-group{min-width:90px;}
.table-util .check-group .lbl{font-size:14px;font-weight:500;}
.table-util .check-group .lbl span{top:-2px;}
.table-util .table-util-text{display:inline-block;margin-right:20px;font-size:14px;font-weight:500;letter-spacing:-0.5px;}


/* preloader */
.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	border-radius: 50%;
	border-top: 8px solid #e7edf8;
	border-right: 8px solid #e7edf8;
	border-bottom: 8px solid #e7edf8;
	border-left: 8px solid #5478b7;
	-webkit-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* box */
.box-title{margin-bottom:5px;color:#4d72b3;font-size:16px;font-weight:600;}
.box-title ~ .box-title,
.table-container + .box-row{margin-top:10px;}
/* .box-row{white-space:nowrap;} */
.box-row + .box-row{margin-top:2px;}
.box-button{position:absolute;top:10px;right:10px;}
.box-button.button-bottom{top:auto;bottom:10px;}
.box-button .btn{margin-left:2px;}
.white-box{position:relative;background-color:#fff;border-radius:15px;padding:20px 25px;}
/* search box */
.search-box{position:relative;margin-bottom:10px;border:1px solid #438de2;background:#eef5fd;padding:6px 10px;}
.search-box .box-row:first-of-type{padding-right:250px;}
/* data box */
.data-box{margin-bottom:10px;border:1px solid #bcbec0;background:#fdfbef;padding:6px 10px;}
.data-box label.lbl{background:#687fa8;}
.data-box input.inp-text{background:transparent;border:0;border-bottom:2px solid #4065a7;text-align:right;color:#000;font-weight:600;border-radius:0;}
/* setting box */
.setting-box{position:relative;background:#ecf0f9;border:1px solid #d0d1d2;padding:10px;}
.setting-box .table-wrapper.wrapper-large{height:371px;}



/** 
 *  페이지네이션
 */
.pagination-wrapper {margin-top: 20px; padding: 0 15px; box-sizing: border-box; text-align: center; }
.pagination-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.pagination-arrow,
.pagination-page li {display: inline; }
.pagination-page {display: inline-block; margin: 0 10px; }
.pagination-page .btn-prev {display: inline-block; width: 35px; height: 35px; background-color: #fff; background: url("../images/common/arrow_prev.png") no-repeat center center; border: 1px solid #eaeaea;}
.pagination-page .btn-next {display: inline-block; width: 35px; height: 35px; background-color: #fff; background: url("../images/common/arrow_next.png") no-repeat center center; border: 1px solid #eaeaea; }

.pagination-arrow a,
.pagination-page li a {display: inline-block; min-width: 30px; height: 30px; padding: 0 4px; box-sizing: border-box; font-size: 12px; color: #333; letter-spacing: -0.5px; text-align: center; text-decoration: none; vertical-align: middle; line-height: 30px; font-weight: 700; }
.pagination-page li:first-child a {border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pagination-page li:last-child a {border-right: 1px solid #eaeaea; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.pagination-arrow a {width: 30px; height: 30px; border-radius: 5px; border: 1px solid #eaeaea; }
.pagination-page li a.current {background-color: #4b628b; border-radius: 50%; color: #fff; }



/* chart */
.chart-wrap{margin-top:20px;height:190px;}

/* 환경설정 > 영업장 정보관리, 메뉴관리 */
.info-setting{height:560px;}
.info-setting.large{height:630px;}
.info-setting:after{content:'';display:block;clear:both;}
.info-setting .setting-box{float:left;height:100%;}
.info-setting .setting-box.box-left{width:calc(100% - 673px);margin-right:10px;}
.info-setting .setting-box.box-right{width:663px;}
.info-setting .setting-box .box-button{position:absolute;bottom:10px;right:10px;}

/* 환경설정 > 메뉴분류관리 */
.menu-setting{}
.menu-setting:after{content:'';display:block;clear:both;}
.menu-setting .box-left,
.menu-setting .box-right{float:left;width:calc(50% - 5px);}
.menu-setting .box-left{margin-right:10px;}
.menu-setting .setting-box.box-right{width:657px;}
.menu-setting .setting-box .box-button{position:absolute;bottom:10px;right:10px;}


/* 대시보드 현황 */
.clock-wrap{position:absolute;top:-82px;left:0;z-index:40;}
.clock-wrap .clock{color:#417ed0;font-size:22px;font-weight:600;}

.dashboard-wrap{position:absolute;top:0;left:0;width:100%;min-height:100%;background:#e7edf8;}
.dashboard-row{margin-bottom:30px;}
.dashboard-row:last-of-type{margin-bottom:0;}
.dashboard-row::after{content:"";display:block;clear:both;}
.dashboard-row.section-flex{display:flex;width:100%;}
.dashboard-row.section-flex > * .dashboard-row{display:flex;}
.dashboard-row.section-flex .left{width:calc((100% - 37.5%) - 30px);margin-right:30px;}
.dashboard-row.section-flex .left .dashboard-section{width:100%;}
.dashboard-row.section-flex .right{width:40%;}
.dashboard-row.section-flex .right .dashboard-section{width:100%;height:100%;}
.dashboard-section{position:relative;float:left;width:calc((100% - 30px) / 2);height:380px;margin-right:30px;border-radius:15px;background:#fff;padding:20px 25px;}
.dashboard-section.section-half{width:calc((50% - 45px) / 2);}
.dashboard-section.full{float:none;width:100%;height:auto;min-height:280px;margin-top:30px;margin-right:0;border:1px solid #e4e4e4;border-radius:0;}
.dashboard-section.col-5{width:calc((100% - 120px) / 5);height:150px;padding-top:40px;}
.dashboard-section.col-4{width:calc((100% - 90px) / 4);}
.dashboard-section:last-of-type{margin-right:0;}


/* 회원전체현황 */
.dashboard-section .stats{padding-left:50px;margin-bottom:30px;font-size:30px;font-weight:500;line-height:1;}
.stats .fa-users{color:#ffc203;} /*전체회원*/
.stats .fa-user-check{color:#25cd94;} /*신규등록회원*/
.stats .fa-user-plus{color:#4f88ff;} /*이번달 신규 등록회원*/
.stats .fa-user-clock{color:#fc7d87;} /*만기도래회원*/
.stats .fa-user-tie{color:#b700de;} /*방문 및 상담 접수고객*/
.stats .data-num{padding-left:30px;color:#4a4a4a;}

.dashboard-wrap .chart-wrap{display:flex;justify-content:center;height:280px;}
.dashboard-wrap .chart-wrap > div{width:100%;height:260px;}
.chart-legend{text-align:center;margin-top:15px;}
.chart-legend.legend-top{position:absolute;top:10px;right:30px;}
.chart-legend li{display:inline-block;color:#4a4a4a;font-size:14px;font-weight:500;letter-spacing:-.04em;}
.chart-legend li + li{margin-left:14px;}
.chart-legend span{vertical-align:middle;}
.chart-legend .box{display:inline-block;margin-right:2px;width:9px;height:9px;border-radius:50%;}


/* 락카리스트 */
.locker-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;overflow-y:auto;height:630px;}
.locker-list li{width:calc(20% - 20px);height:150px;padding:25px 0 0;border:1px solid #438de2;border-radius:20px;box-sizing:border-box;cursor:pointer;text-align:center;color:#4a4a4a;}
.locker-list li.bg-blue{background-color:#ebf2ff;}
.locker-list li .locker-num{display:block;padding-bottom:10px;font-weight:600;font-size:30px;line-height:1;}
.locker-list li .locker-info{font-size:16px;font-weight:500;}
.locker-list li .locker-info.unused{display:inline-block;width:50px;height:40px;background:url("../images/common/icon_plus.png") no-repeat center bottom;}


/* 탭메뉴 */
.tabmenu{display: -webkit-box; display: -ms-flexbox; display: flex;border-bottom:1px solid #d8d8d8;}
.tabmenu li{padding-left:40px;text-align:center;}
.tabmenu li:first-child{padding-left:0;}
.tabmenu li:first-child a{text-align:left;}
.tabmenu li a{display:block;position:relative;padding-bottom:20px;font-size:18px;color:#7d7d7d;font-weight:500;}
.tabmenu li.active a{font-weight:600;color:#232323;}
.tabmenu li.active a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#438de2;}

.content-box{display:none;}
.content-box.on{display:block;}

@media (max-width:1800px) {
	.dashboard-wrap .chart-wrap.doughnut{height:220px;}
}

/* print */
@media print {
	body{background:transparent;}
	#wrap{min-width:initial;}
	#header,
	#footer,
	#snb,
	h2.contents-title,
	.search-box,
	.data-box,
	.table-container ~ .table-container,
	.table-header{display:none;}
	#container{padding-top:0;padding-left:0;}
	#contents{padding:0;}
	#contents .contents-wrap{border-radius:0;padding:0;}
	.table-wrapper{overflow:visible;height:auto !important;}
}


/* 회원관리 */
.member-manage{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;flex-wrap:wrap;}
.member-manage .member-manage-top{width:100%;margin-bottom:10px;}
.member-wrap{width:calc(50% - 15px);}
.member-wrap:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.member-wrap .depth-list{padding-top:15px;}
.member-wrap .depth-list li{padding: 5px 20px;font-size:14px;}
.member-wrap .depth-list li:hover{background-color:#f2f5fb;border-radius:10px;}
/* .member-wrap .depth-list li + li{margin-top:10px;} */
.member-wrap .depth-list li a {display:block;font-weight:500;color:#4a4a4a;}
.member-wrap .depth-list li.active{border-radius:10px;background-color:#4b628a;}
.member-wrap .depth-list li.active a{color:#fff;}
.member-wrap:nth-child(3){display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.member-wrap:nth-child(3) .profile-box{width:calc(60% - 15px);}
.member-wrap:nth-child(3) > div:nth-child(2){width:calc(40% - 15px);}
.member-wrap:nth-child(3) > div:last-child{width:100%;height:550px;margin-top:30px;}
.member-manage .member-wrap.row-2 > .white-box{width:100%;height:calc(50% - 20px);}

.profile-wrap{display:flex;}
.profile-wrap .profile-img{width:100px;height:100px;overflow:hidden;border-radius:50%;background-color:#d2dbec;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.profile-wrap .profile-info{margin-top:-20px;margin-left:46px;line-height:1.8;}
.profile-wrap .profile-info .name{font-size:16px;color:#232323;font-weight:500;}
.profile-wrap .profile-info .name .age{color:#4a4a4a;}
.profile-wrap .profile-info .info{font-size:14px;letter-spacing:-0.5px;font-weight:500;}
.profile-wrap .profile-info .lange{font-size:12px;font-weight:400;}
.profile-wrap .profile-info .condition{font-size:12px;color:#da4a50;}
.white-box .point{font-size:16px;font-weight:500;}


/* 문자발송 */
.btn-sendsms{font-size:14px;font-weight:500;}
.btn-sendsms i{margin-right:5px;color:#4b628a;font-size:17px;}
.table-util .btn-sendsms{margin-right:20px;}


/* 팝업 */
.popup {display:none;position:absolute;top:30%;left:40%;width:400px;min-height:400px;background-color:#fff;border:1px solid #c3c3c3;box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1); }
.popup .popup-header{position:relative;padding: 15px 40px 15px;background-color:#5478b7;text-align:center;}
.popup .popup-header .popup-title{color:#fff;font-size:16px;font-weight:500;}
.popup .popup-close{display:inline-block;position:absolute;top:20px;right:20px;width:20px;height:20px;background:url("../images/common/btn_popup_close.png") no-repeat center right;}
.popup .popup-content{text-align:center;}
.popup .popup-body{padding:30px 30px;box-sizing:border-box;}
.popup .info-list li{display: -webkit-box; display: -ms-flexbox; display: flex;}
.popup .info-list li + li{margin-top:10px;}
.popup .info-list li .list-lbl{width:70px;margin-right:20px;text-align:right;}
.popup input.inp-text,
.popup input.inp-file,
.popup select.sel{width:calc(100% - 105px);}
.popup .info-list .datepicker{width:110px;}
.popup .btn{font-weight:500;font-size:14px;}
.popup .btn-delete{background-color:#f96767;color:#fff;}
.popup .btn-delete > span{padding-left:30px;background:url("../images/common/icon_trash.png") no-repeat left center;}
.popup .btn-edit{background-color:#417ed0;}
.popup .btn-cancel{box-shadow:none;border:1px solid #ccc;color:#555;}