* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: 100%;
	font-size: 12px;
	font-family: "Poppins","Noto Sans KR","AppleSDGothicNeo", sans-serif;
	color: #000;
	font-weight: 400;
	line-height: 1.5;
	overflow-y: auto;
}

a {
	text-decoration: none;
	color: inherit;
}
#wrapper {
	height: 100%;
	background-color: #f5f5f8;
}

#container {
	clear: both;
	margin-left: 220px;
	background-color: #f5f5f8;
	padding: 30px 40px 40px;
}

footer {
	padding-top: 40px;
	font-size: 12px;
	color: #999;
	font-weight: 300;
}

/*스크롤바*/
*::-webkit-scrollbar {width: 4px; height: 8px;}
*::-webkit-scrollbar-track {background-color:#fff; }
*::-webkit-scrollbar-thumb {background: #d8d8d8; border-radius: 4px;}
*::-webkit-scrollbar-thumb:hover {background: #d8d8d8; }
*::-webkit-scrollbar-thumb:active {background: #d8d8d8; }
*::-webkit-scrollbar-button {display: none; }

.custom::-webkit-scrollbar {height: 8px;}
.custom::-webkit-scrollbar-track { background-color:#fff; }
.custom::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius: 4px;}
.custom::-webkit-scrollbar-thumb:hover { background: #d8d8d8; }
.custom::-webkit-scrollbar-thumb:active { background: #d8d8d8; }
.custom::-webkit-scrollbar-button { display: none; }

.tbl_wrap::-webkit-scrollbar {height: 8px;}
.tbl_wrap::-webkit-scrollbar-track { background-color:#fff; }
.tbl_wrap::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius: 4px;}
.tbl_wrap::-webkit-scrollbar-thumb:hover { background: #d8d8d8; }
.tbl_wrap::-webkit-scrollbar-thumb:active { background: #d8d8d8; }
.tbl_wrap::-webkit-scrollbar-button { display: none; }

/* width */
.w-xs {width: 70px !important;}
.w-s-sm {width: 100px !important;}
.w-sm {width: 150px !important;}
.w-s-md {width: 160px !important;}
.w-md {width: 200px !important;}
.w-m-lg {width: 320px !important;}
.w-lg {width: 400px !important;}
.t-td5 {width: 20% !important}

/* padding */
.pd0 {padding: 0px !important;}
.pd5 {padding: 5px !important;}
.pdt40 {padding-top: 40px !important;}
.pdb0 {padding-bottom: 0px !important;}
.pdr8 {padding-right: 8px !important;}
.pdr10 {padding-right: 10px !important;}
.pdr20 {padding-right: 20px !important;}
.pdr16 {padding-right: 16px !important;}
.pdr25 {padding-right: 25px !important;}
.pdl0 {padding-left: 0px !important;}
/* 20240513 퍼블리싱 */
.pdl10 {padding-left: 10px !important;}

/* margin */
.mgt0 {margin-top: 0px !important;}
.mgt5 {margin-top: 5px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt30 {margin-top: 30px !important;}
.mgl5 {margin-left: 5px !important;}
.mgl10 {margin-left: 10px !important;}
.mgl20 {margin-left: 20px !important;}
.mgl30 {margin-left: 30px !important;}
.mbl130 {margin-left: 130px !important;}
.mgr0 {margin-right: 0px !important;}
.mgr5 {margin-right: 5px !important;}
.mgr10 {margin-right: 10px !important;}
.mgr20 {margin-right: 20px !important;}
.mgr50 {margin-right: 50px !important;}
.mgr100 {margin-right: 100px !important;}
.mgb0 {margin-bottom: 0px !important;}
.mgb5 {margin-bottom: 5px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb30 {margin-bottom: 30px !important;}
.mgb50 {margin-bottom: 50px !important;}
.mgb70 {margin-bottom: 70px !important;}
.mgb80 {margin-bottom: 80px !important;}

/*버튼*/

.btn-b-blue {
	border: 1px solid #3167ff !important;
	background-color: #3167ff !important;
	color: #fff !important;
	border-radius: 4px;
}
.btn-b-white{
	border: 1px solid #3167ff !important;
	background-color: #fff !important;
	color: #3167ff !important;
	border-radius: 4px;
}
.btn-b-white:hover{
	background-color: #f5f5f8 !important;
}
.btn-white{
	border: 1px solid #ddd !important;
	background-color: #fff !important;
	color: #292929 !important;
	border-radius: 4px;
}
/* 20240513 퍼블리싱 */
.btn-gray{
	border: 1px solid #999999 !important;
	background-color: #999999 !important;
	color: #fff !important;
	border-radius: 4px;
}
.btn-l-gray{
	border: 1px solid #f5f5f8 !important;
	background-color: #f5f5f8 !important;
	color: #c8c8c8 !important;
	border-radius: 4px;
}

.btn-web {
	font-size: 12px;
    color: #fff;
    border: none;
    background: #3167ff url(../images/icons-openpage.svg) right 16px center no-repeat;
    margin-left: 12px;
    background-size: 16px;
	height: 32px;
	border-radius: 4px;
    padding: 0 44px 0 12px;
}
/* 20240513 퍼블리싱 */

.btn-logout {
	font-size: 13px;
    color: #292929;
    border: none;
    background: url(../images/icons-logout.svg) 0 center no-repeat;
    background-size: 16px;
    padding-left: 20px;
    padding-right: 0;
    text-align: right;
}
/* 20240513 퍼블리싱 */
.btn-login{
	width: 80px;
	height: 45px;
	font-size: 13px;
	border: 1px solid #eeeeee !important;
	background-color: #fff !important;
	color: #292929 !important;
	border-radius: 4px;
}
.btn-md{
	width:110px;
	height: 45px;
	font-size: 14px;
}
.btn-forget{
	border:none;
	background: none;
	color: #fff !important;
	
}
.btn_submit {
	height: 50px;
	background: #f5f5f8 ;
	border: 1px solid #f5f5f8;
	color: #c8c8c8;
	border-radius: 4px;
	transition: all 0.05s;
}

.btn_submit.on {
	background: #3167ff;
	color: #fff !important;
	border: 1px solid #3167ff ;
}

.fl{float:left}
.fr{float:right}

.ver_top {vertical-align: top !important;}
.tx_left {text-align: left !important;} 
.tx_center {text-align: center !important;} 
.tx_right {text-align: right !important;} 
/* 20240513 퍼블리싱 */

/*상단 로그인 정보*/

#container .admin-box {
	width: 100%;
    margin-bottom: 25px;
}
/* 20240513 퍼블리싱 */

#container .admin-box ul{
	height: 32px;
	display: flex;
	justify-content: end;
	align-items: center;
	/* 20240513 퍼블리싱 */
}
#container .admin-box ul li{
	display: inline-block;
	color: #292929;
	font-size: 14px;
	position: relative;
	padding: 0 12px;
}
#container .admin-box ul li:after{
	content: "|";
	display: block;
	position: absolute;
    top:0;
    right: -3px;
	font-weight: 100;
	color: #cdcdcd;
}
#container .admin-box ul li:has(.btn-web)::after{top: 6px;}
/* 20240513 퍼블리싱 */

#container .admin-box ul li:first-child:after, #container .admin-box ul li:last-child:after{
	display: none;
}
#container .admin-box ul li.box_country_img{
	background: url(../images/icon-global.png) 0 center no-repeat;
    width: 24px;
    height: 24px;
	vertical-align: middle;
	border: 1px solid #c8c8c8;
    border-radius: 15px;
}
#container .admin-box ul li.box_brand span{
	color: #999;
	font-size: 12px;
}
.content section {
	background-color: #fff;
	padding: 25px 30px;
}
.content h5 {
	margin-bottom: 15px;
}

/* 상단 타이틀, 네비 */
.top_title {
	position: relative;
	margin-bottom: 16px;
}
.top_title p {
	color: #999;
	font-size: 14px;
}
.top_title ul{
	position: absolute;
	top:0;
	right: 0;
}
.top_title ul li{
	display: inline-block;
	position: relative;
	padding-right: 22px;
	color: #999;
}
.top_title ul li:last-child{
	padding-right:0;
}
.top_title ul li:after{
	display: block;
	content: ">";
	position: absolute;
	top:0;
	right:5px;
}
.top_title ul li:last-child:after{
	display: none;
}
.top_title ul li:last-child:after{
	display: none;
}

/* 사이드메뉴 */
#header .side_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    min-height: calc(100vh - 85px);
    height: 100%;
    z-index: 9;
    overflow: auto;
	padding: 20px 12px 0;
	border-right: 1px solid #eee;
	background-color: #fff;
}

.side_menu h1 img {
	display: block;
	margin: 0 auto 20px;
}
.side_menu li {
	position: relative;
	font-size: 14px;
	color: #292929;
	padding-bottom: 17px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 8px;
}
.side_menu li a{
	display: block;
	padding-left: 43px;
	font-weight: 300;
}
.side_menu li a:hover{
	background: #f5f5f8;
	border-radius: 4px;
}
.side_menu li.clicked_menu a:hover{
	background: #3167ff;
	border-radius: 4px;
}
.side_menu li a::after {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	padding-left: 43px;
	position: absolute;
	top: 10px;
	left: 12px;
}
.side_menu .icon_home a::after{
	background: url(../images/icons-home.svg) no-repeat;
	background-size: 20px 20px;
}
.side_menu .icon_point a::after {
	background: url(../images/icons-point-history.png) no-repeat;
	background-size: 20px 20px;
}
.side_menu .icon_product a::after{
	background: url(../images/icons-product.svg) no-repeat;
	background-size: 20px 20px;
}
.side_menu .icon_status a::after{
	background: url(../images/icons-status.svg) no-repeat;
	background-size: 20px 20px;
}
.side_menu .icon_issue a::after{
	background: url(../images/icons-issue.svg) no-repeat;
	background-size: 20px 20px;
}
.side_menu .icon_usage a::after{
	background: url(../images/icons-usage.svg) no-repeat;
	background-size: 20px 20px;
}
.side_menu .icon_account a::after{
	background: url(../images/icons-account.svg) no-repeat;
	background-size: 20px 20px;
}

.clicked_menu{
	background: #3167ff;
	border-radius: 4px;
}
.clicked_menu a{
	color: #fff;
}
.clicked_menu.icon_home a::after{
	background: url(../images/icons-home_on.svg) no-repeat;
	background-size: 20px 20px;
}
.clicked_menu.icon_point a::after {
	background: url(../images/icons-point-history_on.png) no-repeat;
	background-size: 20px 20px;
}
.clicked_menu.icon_product a::after{
	background: url(../images/icons-product_on.svg) no-repeat;
	background-size: 20px 20px;
}
.clicked_menu.icon_status a::after{
	background: url(../images/icons-status_on.svg) no-repeat;
	background-size: 20px 20px;
}
.clicked_menu.icon_issue a::after{
	background: url(../images/icons-issue_on.svg) no-repeat;
	background-size: 20px 20px;
}
.clicked_menu.icon_usage a::after{
	background: url(../images/icons-usage_on.svg) no-repeat;
	background-size: 20px 20px;
}
.clicked_menu.icon_account a::after{
	background: url(../images/icons-account_on.svg) no-repeat;
	background-size: 20px 20px;
}

/* table */
table {
	position: relative;
	width: 100%;
/*	margin-top: 10px;*/
}
table.auto {width: auto;}
table.auto input {min-width: 200px;}
table.auto .nice-select {min-width: 200px;}

table thead th {
	background: none;
	color: #999;
	vertical-align: middle;

}
table thead td {
	padding: 12px;
}
table>thead>tr>th {
	min-width: auto;
	width: auto;
	padding: 12px;
	text-align: center;
}

table tbody th {
	min-width: 130px;
	width: 140px;
	padding: 0 6px 0 14px;
/*	background-color: #f5f5f5;*/
	color: #000;
	text-align: left;
	vertical-align: middle;
}
table tbody:first-child {
	border-top: 1px solid #999999;
}
table tbody td {
	padding: 8px 10px;
	vertical-align: middle;
}
table tbody td a {
	border-bottom: 1px solid #3399FF;
	color: #3399FF;
}
table tbody td p {
	margin-bottom: 10px;
	color: #999;
}
table tbody td p:last-child {
	margin-bottom: 0px;
}

table th {
	word-break: keep-all;
}
table th>span {
	font-weight: normal;
	color: #3167ff;
	padding-left: 4px;
}
table th, td {
	position: relative;
	height: 40px;
	padding: 4px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
}

table input[type="text"] {
	height: 44px;
}

/* .sch_result_wrap */
.sch_wrap {margin-bottom: 20px;}
.sch_wrap .down {display: none}

.sch_wrap table {
	border-top:none;
	margin-top: 20px;
}
.sch_wrap table th, .sch_wrap table td{border:none}
.sch_wrap table td {padding: 0 4px 0 0}
.sch_wrap table td:last-child {padding-right: 0}

.sch_wrap dt {position: relative;}
.sch_wrap dt button {
	border:none; 
	background: url("../images/icons-fold-on.png") 100% 0 no-repeat;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
	padding-right:30px;

}
.sch_wrap dt button.on {
	border:none; 
	background: url("../images/icons-fold-off.png") 100% 0 no-repeat;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
	padding-right: 30px;

}

.sch_wrap .date_wrap div{
	float: left;
	line-height: 44px;
}
.sch_wrap .date_wrap div.btn_wrap {float:right; font-size: 0; line-height: 0;}
.sch_wrap .date_wrap div.btn_wrap button {margin-left: 8px;}
.sch_wrap .date_wrap div.date_ch {line-height: 45px;}

.radio_wrap div{
	display: inline-block;
	margin-right: 4px;
}

.datepicker_box {position: relative;}
.datepicker_box input {
	font-size: 13px;
	color: #292929;
}
.datepicker_box img {
	position: absolute; 
	top: 15px;
    right: 16px;
}

.ui-datepicker table th>span {
    padding-left: 0;
	color: #999;
	font-size: 10px;
}
.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
	background-color: #fff !important; 
	border:none !important
}

.date_wrap input[type="radio"]{
	display:none;
}
.date_wrap input[type="radio"] + label{
	display:inline-block;
	border:1px solid #ddd;	 
	padding:0px 7px;
	border-radius: 22px;
	text-align:center;
	width: 75px;
	height:32px;
	line-height:28px;
	cursor:pointer;
}
.date_wrap input[type="radio"]:hover + label{
	border:1px solid #eee;
	background:#f5f5f8;
}
.date_wrap input[type="radio"]:checked + label{
	border:1px solid #3167ff;
	background:#f5f5f8;
	color: #3167ff
}

/* 검색 결과 영역 */
.list_wrap .list_info {
	margin-bottom: 16px;
	line-height: 34px;
	display: flex;
	align-items: center;
}
.list_wrap .list_info .select_wrap {
	height: 32px;
	padding-left: 12px;
	/* 20240513 퍼블리싱 */
}
.list_wrap .list_info h5{
	margin-right: 24px;
	margin-bottom: 0;
}

.list_wrap .list_info dl dt{
	margin-right: 17px;
}
.list_wrap .list_info dl span{
	color: #3167ff;
}
.list_wrap .list_info dl dt,.list_wrap .list_info dl dd{
	display: inline-block
}

.list_wrap .list_info > div {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.list_wrap .list_info > div > div{
	display: inline-block;
	float: none;
	line-height: 32px;
	margin-left: 8px;
}
.list_wrap .list_info > div > select{
	display: inline-block;
}

.list_wrap .list_info button {
	font-size: 12px;
	height: 32px;
    background: url(../images/icon-download.png) right 12px center no-repeat;
    background-size: 13px 15px;
    text-align: left;
    padding: 0 35px 0 12px;
}
.list_wrap .list_info button.btn-white:hover {
	background-color: #f5f5f8 !important;
}
.list_wrap .list_info button:focus {
	outline: none;
}

.list_wrap .tbl_wrap {
	width:100%;
	overflow-x: auto;
}
.list_wrap .tbl_wrap table {
	margin-top: 0 !important;
	border-collapse: collapse;
}
.list_wrap .tbl_wrap table th,
.list_wrap .tbl_wrap table td{
	word-break: keep-all;
	text-align: left;
}
.list_wrap .tbl_wrap table th.used_d{
	width: 100px !important;
}
.list_wrap .tbl_wrap .tc_blue {
	color: #3167ff;
}
.list_wrap .tbl_wrap .tc_gray {color: #666;}

/* 페이징 */
.paging_area {
	margin-top: 24px;
	text-align: center;
	vertical-align: baseline;
}
.paging_area a {
	display: inline-block;
	font-size: 12px;
	color: #999;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.paging_area a:hover {
	background-color: #f5f5f8;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.paging_area a.on {
	background-color: #f5f5f8;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	line-height: 24px;
}

.paging_area .page {
	width: 14px;
	height: 20px;
	padding: 0;
	border: none;
	text-indent: -9999px;
}
.paging_area .page.prev {
	background: url(../images/icon_prev.png) center no-repeat;
}
.paging_area .page.next {
	background: url(../images/icon_next.png) center no-repeat;
}
.paging_area .page.first {
	background: url(../images/icon_prev2.png) center no-repeat;
}
.paging_area .page.last {
	background: url(../images/icon_next2.png) center no-repeat;
}
.paging_area .page:disabled {
	opacity: 0.5;
	border: none !important;
	background-color: #fff !important;
}

/* 계정 정보 */
.account_info_wrap .tbl_wrap{
	margin-bottom: 70px;
}
.account_info_wrap .tbl_wrap th {
	padding-left: 0;
	border:none;
}
.account_info_wrap .tbl_wrap td {
	border:none;
	font-size: 14px;
}
.account_info_wrap .tbl_wrap td li{
	display: inline-block;
}

.account_info_wrap .tbl_wrap .sales_ac li:first-child{
	position: relative;
	padding-right: 25px;
}
.account_info_wrap .tbl_wrap .sales_ac li:first-child:after{
	content: "|";
	display: block;
	position: absolute;
	top:0;
	right:10px;
	color: #cdcdcd;
}

.account_info_wrap .tbl_wrap input {
	margin-right: 8px;
}

.account_info_wrap .tbl_wrap button {
	width: 120px;
	height: 44px;
	font-size:14px;
	font-weight: 400;
}
.account_info_wrap .btn_wrap button{
	float: right;
    width: 120px;
    height: 44px;
    font-size: 14px;
}

/* 로그인페이지 */
.login_wrap {
	background: url("../images/bg.jpg") no-repeat center center fixed;
	width: 100%; 
    height: 100%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login_wrap > p {
	text-align: center;
	color: #999;
	position: fixed;
	bottom: 80px;
	left: calc(50% - 145px);
	
}

.content_login {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-100px; 
	margin-left:-450px; 
	color: #fff;
}
.content_login .btn-b-blue{
	height: 45px;
	font-size: 13px;
	border-radius: 4px;
	color: #fff !important;
}
.content_login .logo_pays {
	display: table-cell;
	color: #fff;
	vertical-align: middle;
	padding-right: 310px;
}

.content_login ul {
	display: table-cell;
	width: 360px;
	vertical-align: top;
}
.content_login ul li {
	margin-bottom: 10px;
}
.content_login ul li.font-w {
	color: #fff;
	line-height: 20px;
}

.content_login input[type="text"],.content_login input[type="password"]{
	height: 52px;
	line-height: 52px;
	color: #292929;
}
.content_login input[type="checkbox"]{
	width: 20px;
	height: 20px;
	display: none;
}
.content_login input[type="checkbox"]+label {
	display: block;
	background-size: 20px 20px;
	height: 20px;
	padding-left: 28px;
	background: url(../images/btns-check-check-off.png) 0 0 no-repeat;
}
.content_login input[type="checkbox"]:checked+label {
	background: url(../images/btns-check-check-on.svg) 0 0 no-repeat;
	background-size: 20px;
}

.content_login button{
	width: 100%;
	color: #c8c8c8 !important;
}
.content_login .nice-select{
	display: none;
}

.customSelect{
	width: 100% !important;
}
.customSelect .custom {
    display: none !important;
}

i.fa-eye {
	width:20px;
	height:14px;
	background:url("../images/eye_off.svg") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
    top: 20px;
    right:20px;
}
i.fa-eye-slash{
	width:20px;
	height:14px;
	background:url("../images/eye_on.png") 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
    top: 20px;
    right: 20px;
}

.select-open {
	position: relative;
}
.content_login ul li+li+li {
	position:relative;
}

/* 로그인 팝업 */
body.pop_open {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.popup_wrap {
	color:#000;
	display: none;
/*
	max-height: 100vh;
	max-width: 100%;
*/
	padding: 60px 80px;
	background-color: #fff;
	overflow-y: auto;
	z-index: 99;
	position: relative;
	border-radius: 8px;
}
.popup_wrap h3{
	font-weight: 400;
	padding-bottom: 30px;
	text-align: center;
}
.popup_wrap .pop_close {
	width: 20px;
	height: 20px;
	border: none;
	background: none;
	background-image: url(../images/icons-close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	text-indent: -9999px;
	position: absolute;
	top:30px;
	right:30px;
}
.popup_wrap.login_wrap {
	position: relative;
	transform: none;
}
.popup_wrap.md {
	width: 520px;
}

.popup_wrap.detail {width: 1200px; margin: 60px 0; height: calc(100vh - 120px); overflow-y: auto; padding: 64px; border-radius: 0px; border: 1px solid #ddd;}
.popup_wrap.detail h3 {text-align: left; padding-bottom: 20px;}
.popup_wrap.detail article {border: 1px solid #eee; padding: 30px; margin-bottom: 20px;}
.popup_wrap.detail article .list_wrap .list_info {margin-bottom: 10px; line-height: normal;}
.popup_wrap.detail article .tbl_wrap.f_s th {font-size: 14px;}
.popup_wrap.detail article .tbl_wrap th,
.popup_wrap.detail article .tbl_wrap td {padding: 8px;}
.popup_wrap.detail article .tbl_wrap.no_line th,
.popup_wrap.detail article .tbl_wrap.no_line td {border-bottom: 0;}
.popup_wrap.detail article .tbl_wrap.f_s th:first-child,
.popup_wrap.detail article .tbl_wrap.f_s td:first-child {padding-left: 0;}
.popup_wrap.detail article .tbl_wrap td {vertical-align: middle;}
.popup_wrap.detail article .tbl_wrap td b {font-weight: 700; display: block;}
.popup_wrap.detail article .tbl_wrap.s_tbl {padding: 0;}
.popup_wrap.detail article .tbl_wrap.s_tbl th {font-size: 12px; padding: 12px 0 8px 0; height: auto;}
.popup_wrap.detail article .tbl_wrap.s_tbl td {font-size: 14px; padding: 8px 0 12px 0; border: 0; height: auto;}
.popup_wrap.detail article:has(.padding-box) {padding: 0; border: 0;}
.popup_wrap.detail article .padding-box {border: 1px solid #eee; padding: 16px 30px; display: flex;}
.popup_wrap.detail article .padding-box h6 {font-size: 14px; color: #999; width: 135.39px;}
.popup_wrap.detail article .padding-box p {font-size: 14px; color: #292929;}

.popup_wrap.detail .btn_wrap {text-align: right; padding-top: 12px;}
.popup_wrap.detail .btn_wrap button {width: auto; height: 44px; padding: 0 20px; font-size: 13px;}

.popup_wrap.image {width: 488px;}
.popup_wrap.image .tit, .popup_wrap.image .pop_header p {text-align: left;}
.popup_wrap.image .image-box {width: 100%; height: 248px; margin-bottom: 16px; background: #dee1e5 url('../images/icons-image.svg') center no-repeat;}
.popup_wrap.image .pop_header p {padding-bottom: 16px;}
.popup_wrap.image .btn_wrap ul {display: flex; justify-content: space-between;}
.popup_wrap.image .btn_wrap ul li {padding: 0 !important; margin: 0;}
.popup_wrap.image .btn_wrap ul li button {height: 52px;}

.detail_popup_image {
	width: 100%;
	height: 248px;
}

.tab_list, .target_list {
	display: table;
	width: 100%;
	margin-bottom: 24px;
}

ul.tab_list:after, ul.target_list:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	clear: both !important;
}

.tab_list>li{
	width: 50%;
	font-size: 14px;
	display: table-cell;
	height: 40px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	clear: both;
}
.tab_list>li:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: none;
}
.tab_list>li:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tab_list>li.on, .target_list>li.on {
	background-color: #3167ff;
	color: #fff;
	border: none;
}

.tab_content>li {
	position: relative;
	display: none;
}
.tab_content>li.on {
	display: block;
}

.tab_content input{
	height: 44px;
	line-height: 44px;
	border:1px solid #eee;
	font-size: 13px;
	color: #292929;
}
.tab_content input[type="email"]{
	width: 240px;
	margin-right: 8px;

}

.tab_content button{
	height: 44px;
}
.tab_content .btn_wrap button{
	width: 100%;
	font-size: 14px;
}

.tab_content .email_wrap {
	display: table;
}
.tab_content .email_wrap li {display: table-cell}
.tab_content .email_wrap button{
	width: 112px;
	font-size: 13px;
}
.tab_content .email_wrap button.btn-resend{
	color: #292929 !important;
}

.find_idpw div > p {
	padding-bottom: 24px;
}
.find_idpw div ul li {
	margin-bottom: 10px;
}
.find_idpw div ul li:last-child {
	margin-bottom: 20px;
}
.find_idpw div ul li p {
	color: #999;
	font-size: 12px !important;
}
.find_idpw div.new_password p {
	font-size: 14px;
	padding-bottom: 4px;
}
.find_idpw div.new_password p+p{
	padding-bottom: 24px;
}
.find_idpw div.new_password span {
	font-weight: 700;
}

.find_idpw .verifi_code {
	position: relative;
}
.find_idpw .verifi_code em {
	position: absolute;
	right: 16px;
    top: 12px;
	color: #3167ff;
	font-size: 14px;
}
.find_idpw .guide_info {
	background: url("../images/icons-warning.png") 0 0 no-repeat;;
	padding-left: 20px;
	margin-top:8px;
	background-size: 16px
}

.findid_result div{
	padding: 76px 0 96px;
	text-align: center;
}
.findid_result div p{
	font-size: 13px;
}
.findid_result div p.result_id{
	font-size: 16px;
	font-weight: 700;
}
.findid_result div span{
	color: #999;
}
.findid_result div.btn_wrap{
	padding:0;
}

.change_pw_header h3{
	padding-bottom: 12px;
}
.change_pw_header p{
	padding-bottom: 40px;
	text-align: center;
}
.change_pw .btn_wrap ul {
	display: table;
    width: 100%;
}
.change_pw .btn_wrap ul  li{
	display: table-cell;
	width: calc(50% - 4px);
	
}
.change_pw .btn_wrap ul  li:first-child{
	padding-right: 8px;
}
.change_pw .findid_input ul li{
	position: relative;
}
.change_pw i.fa-eye {
	top:17px
}
.change_pw i.fa-eye-slash {
	top:17px
}

.pop_header h3 {
	padding-bottom: 12px;
	line-height: 1;
}

.dwn_ex_header > P {
	padding-bottom: 30px;
	text-align: center;
	font-size: 13px;
}
.dwn_ex .btn_wrap ul  li{
	display: table-cell;
	width: 50%;
	
}

.alert_wrap {
	width: 440px;
	padding: 20px; 
}
.alert_wrap .pop_close{
	width: 12px;
	height: 12px;
	top:20px;
	right: 20px;
}
.alert_header > p{
	text-align: left;
	font-size: 14px;
	padding-bottom: 24px;
}

.p_alert {
	float: right;
}
.p_alert .btn_wrap {
	display: table;
}
.p_alert .btn_wrap li {
	display: table-cell;
}
.p_alert .btn_wrap li:first-child {
	padding-right:8px;
}
.p_alert .btn_wrap button {
	height: 32px;
	font-size: 12px;
	font-weight: 300;
}

/*날짜*/
.dash_cal_wrap {
	position: relative !important;
	margin-bottom: 15px;
}
.dash_cal_wrap .cal_open{
	position: relative;
	width: 230px;
	float: right;
}
.dash_cal_wrap .cal_open input {
	width: 100%;
	height: 44px;
	font-size: 13px;
}
.dash_cal_wrap .cal_open input::placeholder {
	color: #292929;
}
.dash_cal_wrap .cal_open input:focus {
	outline:none;
	box-shadow: 0 0 0 1px #3167ff;
}

.cal_wrap .tab_list {
	margin-bottom: 12px;
}
.cal_wrap .tab_list>li {
	background: url(../images/btns-radio-radio-small-off.png) 0 center no-repeat;
    background-size: 16px;
    color: #000;
    text-align: left;
    padding: 0 0 0 20px;
	border:none;
	width: 65px;
	height: auto;
}
.cal_wrap .tab_list>li.on{
    background: url("../images/btns-radio-radio-small-on.png") 0 center no-repeat;
}

.cal_wrap .tab_content li div.radio_wrap {
	float:right;
}
.cal_wrap .tab_content li div {
	float: left;
}
.cal_wrap .tab_content .datepicker, .cal_wrap .tab_content .datepicker_m{
	border: none;
    border-bottom: 1px solid #999;
    border-radius: 0;
    height: 25px;
	line-height: 25px;
    width: 100px !important;
	padding: 0;
    text-align: center;
}

.cal_wrap input.datepicker:focus,.cal_wrap input.datepicker_m:focus{
	outline: 2px solid #fff !important;
}

.ui-datepicker .ui-datepicker-title select {
	border:none !important;
	width: auto;
	height: auto;
}

.datepicker_m .ui-datepicker-calendar{
	display: none
	
}

.cal_wrap .tab_content .datepicker_box img{
	display: none
}
.cal_wrap input[type="radio"]{
	display: none;
}
.cal_wrap input[type="radio"] + label {
    display: inline-block;
    border: 1px solid #eee;
    padding: 0px 7px;
    border-radius: 22px;
    text-align: center;
    width: 70px;
    height: 30px;
    line-height: 28px;
    cursor: pointer;
}
.cal_wrap input[type="radio"]:hover + label {
    border: 1px solid #eee;
    background: #f5f5f8;
}

.cal_wrap .btn_wrap {
	position: absolute;
    bottom: 20px;
    right: 20px;
}
.cal_wrap .btn_wrap li{display: inline-block}
.cal_wrap .btn_wrap button{
	width: 72px;
	height: 32px;
	font-size: 12px;
}

.cal_wrap{
    width:438px;
	height:150px;
	border-radius: 4px;
	padding: 20px;
	background:#fff;
	color:#000; 
    position:absolute !important; 
	top:48px; 
	right:0px; 
	text-align:center; 
    border:1px solid #eee;
	z-index: 1000;
	display: none;
   }
.cal_wrap.active{
	display: block;
   }

.pop_bt{
	background: url("../images/icons-day.svg") center center no-repeat;
    background-size: 100%;
	width: 16px;
    height: 16px;   
	border:none;
	text-indent: -9999px;
	position: absolute;
	top: 14px;
    right: 16px;
   }
 
.cal_close{
    background: url("../images/icons-close.png") 0 0 no-repeat;
	background-size: 100%;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin:auto; 
	cursor:pointer;
   	position: absolute;
    top: 20px;
    right: 20px;
   }

/* 카드 */
.board_account > div {
	width: 100%;
	height: 210px;
	background-color: #3167ff;
	border-radius: 8px;
	position: relative;
	padding: 32px 60px;
	font-size: 32px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 16px;
}
.board_account > div:after {
	content: "";
    display: block;
    background: url(../images/group-14.png) 45px -104px no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    height: 100%;
}

.board_account .account_title {
	line-height: 1
}

.board_account ul li {
	display: inline-block;
}

.board_account .total_period {
	font-size: 20px;
	padding: 17px 0 12px;
}
.board_account .total_period li:first-child:after {
	content: "-";
    display: inline-block;
	padding-left: 5px;
}
.board_account .total_value {
	font-size: 16px;
	font-weight: 400;
}
.board_account .total_value li:first-child {
	padding-right: 20px;
}
.board_account .total_value span{
	font-weight: 700;
}

.board_today ul{
	display: table;
	width: 100%;
	margin-bottom: 16px;
}
.board_today ul li {
	width: 25%;
	display: table-cell;
}
.board_today ul li div{
	margin-right: 16px;
    border: 1px solid #eee;
    background-color: #fff;
	border-radius: 8px;
	text-align: center;
    padding: 40px 0;
}
.board_today ul li:last-child div{
	margin-right: 0;
}

.board_today div p:first-child{
	font-size: 16px;
	color: #999;
	padding-bottom: 4px;
}
.board_today div p+p{
	font-size: 36px;
	font-weight: 700;
	color: #292929;
}

.today_sales div p+p {
	color: #3167ff;
}

.today_redemption2 div p+p {
	color: #20bca7;
}

.dashboard_n .total_period {
	padding-top: 40px;
}

/* 그래프 */
.popup_cal {
	position: relative !important;
}
.popup_cal #layer_popup {
	position: absolute;
	top:0 !important;
	left: 0 !important;
}

.board_graph {border-radius: 8px}

.chart_wrap{
	width: 100%;
	margin-bottom: 16px;
}
.chart_wrap > div{
	float: left;
    width: calc(50% - 8px);
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px;
    box-sizing: border-box;
}
.chart_wrap > div:first-child{
	margin-bottom: 16px;
}
.chart_wrap > div:first-child+div{
	margin-bottom: 16px;
}
.chart_wrap > div:nth-child(2n+1){
	margin-right: 16px;
}
.chart_wrap > div > p{
	padding-bottom: 20px;
	position: relative;
	font-size: 16px;
}
.chart_wrap > div > p em{
	color: #999;
	position: absolute;
	top:0;
	right: 0;
	font-size: 12px;
}

.chart_top5 > div {
	float: left;
    width: calc(33.33% - 11px);
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
	margin-right: 16px;
}
.chart_top5 > div:last-child {
	margin-right: 0;
}
.chart_top5 > div > p {
	padding-bottom: 20px;
	position: relative;
	font-size: 16px;
}
.chart_top5 > div > p em {
	color: #999;
	position: absolute;
	top:0;
	right: 0;
	font-size: 12px;
}
.chart_top5 > div.top5_sales {
	float:none;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px;
    box-sizing: border-box;
	margin-right: 16px;
}

.sales_product .chartjs-legend span {
    cursor: pointer;
    margin-right: 0.75rem;
    border-radius: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
}

.currencyUnitSpan {
	font-size: 12px;
	color: #999;
	margin: 0;
	padding: 0;
}

/* 에러 페이지 */

.error_wrap {
	display: table;
	height: 100%;
	margin-left: 260px;
}
.error_wrap .error_content{
	display: table-cell;
	vertical-align: middle;
}

.error_content h3 {
	margin: 40px 0 20px;
	font-family: 'AppleSDGothicNeo'
}
.error_content > ul > li{
	font-size: 14px;
}
.error_content > ul > li:first-child+li {
	margin-bottom: 20px;
}
.error_content > ul > li:last-child {
	margin-top: 5px;
	font-size: 12px;
}
.error_content button {
	width: 110px;
	height: 44px;
	font-size: 14px;
	margin-top: 63px;
}

@media all and (max-width:1460px){
	.date_wrap .btn_wrap{
		margin-top: 20px
	}
}

@media all and (max-width:1235px){
	table tbody td p {
		height: 35px;
	}
}

/* 신규 국가 분기 처리 필요 */
#container .admin-box ul li.box_country_img.MY {
    background: url(../images/icon-malaysia.png) 0 center no-repeat;
    background-size: 100%;
}

#container .admin-box ul li.box_country_img.ID {
    background: url(../images/icon-indonesia.png) 0 center no-repeat;
    background-size: 100%;
}

#container .admin-box ul li.box_country_img.HK {
    background: url(../images/icon-hongkong.png) 0 center no-repeat;
    background-size: 100%;
}

#container .admin-box ul li.box_country_img.SG {
    background: url(../images/icon-singapore.png) 0 center no-repeat;
    background-size: 100%;
}

#container .admin-box ul li.box_country_img.TH {
    background: url(../images/icon-thailand.png) 0 center no-repeat;
    background-size: 100%;
}

#container .admin-box ul li.box_country_img.PH {
    background: url(../images/icon-philippines.png) 0 center no-repeat;
    background-size: 100%;
}

/* nice select */
.nice-select .list {
	max-height: 400px;
	overflow-y: scroll
}