@charset "UTF-8";
/* 2021 08 03 file writing */

/* common */
html, body{height: 100%;}
body{color: #22252a; background: #f8f9fa; overflow-y: hidden;}
.inner{position: relative; margin: 0 auto; padding: 0 20px; width: 1715px;}
.inner:after{content: ""; display: block; clear: both; }
.row{margin-right: 0; margin-left: 0; }
input[type="checkbox"]{display: none;}
input[type="radio"]{display: none;}
.container.body{min-width: 1480px; font-size: 0;}

/* terms */
.terms{overflow: hidden; padding: 30px 30px; font-size: 14px; text-align: left;}
.terms .title{margin-bottom: 30px; font-size: 24px; font-weight: 600; text-align: center;}
.terms .semi-title{margin-bottom: 26px; font-weight: 600; font-size: 18px; }
.terms .contxt{margin-bottom: 26px;}
.terms .redtxt{color: #ca4139;}
.terms .indent-txt{padding-left: 10px}

/* design element */
.badge{position: absolute; margin: 0; padding: 0; width: 14px; height: 14px; font-size: 10px; border-radius: 2px; background: #FCFDFF;}
.badge.new{color: #FCFDFF; line-height: 14px; background: #f9cb28}
.page-title{margin-bottom: 10px; padding: 0; height: 30px; }
.page-title p{color: #22252a; font-size: 20px; font-weight: 600; line-height: 1.5;}
.dark .page-title p{color: #FCFDFF;}
.primary-txt{color: #0E54C4 !important;}
.wisky-title{color: #22252a; font-size: 14px; font-weight: 600;}

/* input element */
.title-item{margin-top: 20px;}
.wisky-input-label{margin: 0; padding: 0; color: #22252a; font-size: 14px; line-height: 36px; font-weight: 500; }
.dark .wisky-input-label{color: #FCFDFF;}
.wisky-input-label.left-label{text-align: left;}
.wisky-input-label.right-label{text-align: right;}
.wisky-input-label .required{color: #ca4139}
.wisky-input{display: inline-block; vertical-align: middle; padding: 0 10px; width: 100%; height: 36px; font-size: 14px; line-height: 34px; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.dark .wisky-input{border: 1px solid #2A2E37; background: #2A2E37; color: #FCFDFF;}
.wisky-input:disabled{background: #eef1f5}
.wisky-input:focus{border-color: #0E54C4;}
.wisky-input.error-txt{border-color: #ca4139; font-size: 14px;}
.wisky-input-alert-txt{color: #ca4139; line-height: 36px; font-size: 14px;}
.wisky-input-alert-box{color: #ca4139 !important; line-height: 36px !important; font-size: 14px !important;}
.wisky-textarea{width: 100%; height: 240px; border: 1px solid #d0d8e2; font-size: 14px; border-radius: 4px; resize: none; }
.dark .wisky-textarea{border: 1px solid #D3D8E2; background-color: #131517; color: #FCFDFF;}
.wisky-textarea:focus{border-color: #0E54C4;}

/* date-picker */
.wisky-date-picker-box .wisky-input{display: inline-block; vertical-align: middle; width: 196px}
.wisky-date-picker-box p{display: inline-block; vertical-align: middle; margin: 0 8px; font-size: 14px; }
.hasDatepicker{background: #FCFDFF url("/image/wisky_asset/ic-cal.png") no-repeat; background-size: 14px 16px; background-position: 95% center;}

/* input select */
.wisky-select{display: inline-block; vertical-align: middle; position: relative; width: 200px; height: 36px; font-size: 14px; text-align:left; line-height: 36px; border: 1px solid #d0d8d2; border-radius: 4px; background: #FCFDFF;}
.wisky-select:after{content: ""; position: absolute; top: 15px; right: 10px; z-index: 10; width: 10px; height: 5px; transition: transform 0.3s; background: url("/image/wisky_asset/drop_arrow.png") no-repeat; background-size: cover;}
.wisky-select.active:after{transform: rotate(180deg);}
.wisky-select>p{padding-left: 10px; }
.wisky-select-control{display: none; position: absolute; top: 100%; left: -1px; right: -1px; z-index: 100; margin-top: -1px; padding: 0; border: 1px solid #d0d8d2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #FCFDFF;}
.wisky-select-control li{padding-left: 10px;}
.wisky-select.active .wisky-select-control{display: block;}

.wisky-origin-select{display: inline-block; vertical-align: middle; height: 36px; line-height: 36px;}
.wisky-origin-select select{padding-left: 10px; width: 200px; height: 36px; font-size: 14px; text-align:left; line-height: 36px; color:#0E54C4; border: 1px solid #0E54C4; border-radius: 4px; background: #FCFDFF url("/image/wisky_asset/drop_arrow.png") no-repeat; background-size: 10px 5px; background-position: 95% 16px;}
.dark .wisky-origin-select select{color:#FCFDFF; border: 1px solid #2A2E37; background: #2A2E37 url("/image/wisky_asset/drop_arrow_d.png") no-repeat; background-size: 10px 5px; background-position: 95% 16px;}
.wisky-origin-select select:disabled{background-color: #FCFDFF}

.wisky-origin-select-g{display: inline-block; vertical-align: middle; height: 24px; line-height: 24px;}
.wisky-origin-select-g select{padding-left: 10px; width: 100px; height: 24px; font-size: 12px; text-align:left; line-height: 24px; border: 1px solid #d0d8d2; border-radius: 4px; background: #FCFDFF url("/image/wisky_asset/drop_arrow.png") no-repeat; background-size: 10px 5px; background-position: 95% 12px;}
.wisky-origin-select-g select:disabled{background-color: #eef1f5}

/* input chk */
.wisky-chk-box{display: inline-block; vertical-align: middle; line-height: 36px;}
.wisky-chk-box span{position: relative; display: block; padding-left: 24px; color: #22252a; font-size: 14px;}
.wisky-chk-box span:after{content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; transition: background 0.2s; background: url("/image/wisky_asset/chk_frame.png") no-repeat; background-size: contain}
.dark .wisky-chk-box span:after{background: url("/image/wisky_asset/chk_frame_d.png") no-repeat; background-size: contain}
.wisky-chk-box :checked+span:after{background: url("/image/wisky_asset/chk_enabled.png") no-repeat; background-size: contain}
.dark .wisky-chk-box :checked+span:after{background: url("/image/wisky_asset/chk_enabled_d.png") no-repeat; background-size: contain}
.wisky-chk-box :disabled+span:after{background: url("/image/wisky_asset/chk_frame_disabled.png") no-repeat; background-size: contain}
.wisky-chk-box :disabled:checked+span:after{background: url("/image/wisky_asset/chk_enabled_disabled.png") no-repeat; background-size: contain}
.wisky-chk-box+.wisky-chk-box{margin-left: 24px;}
 
/* input radio */
.wisky-radio-box{display: inline-block; vertical-align: middle; line-height: 36px;}
.wisky-radio-box span{position: relative; display: block; padding-left: 24px; color: #22252a; font-size: 14px;}
.dark .wisky-radio-box span{color: #FCFDFF;}
.wisky-radio-box span:after{content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; transition: background 0.2s; background: url("/image/wisky_asset/check_disabled.png") no-repeat; background-size: contain}
.dark .wisky-radio-box span:after{background: url("/image/wisky_asset/chk_frame_d.png") no-repeat;}
.wisky-radio-box :checked+span:after{background: url("/image/wisky_asset/check_enabled.png") no-repeat; background-size: contain}
.dark .wisky-radio-box :checked+span:after{background: url("/image/wisky_asset/chk_enabled_d.png") no-repeat; background-size: contain}
.wisky-radio-box :disabled+span:after{background: url("/image/wisky_asset/radio_frame_disabled.png") no-repeat; background-size: contain}
.wisky-radio-box :disabled:checked+span:after{background: url("/image/wisky_asset/radio_enabled_disabled.png") no-repeat; background-size: contain}
.wisky-radio-box+.wisky-radio-box{margin-left: 24px;}

/* input design switch */
.wisky-switch-box{display: inline-block; vertical-align: middle; line-height: 36px;}
.wisky-switch-box span{position: relative; display: block; padding-left: 40px; color: #22252a; font-size: 14px;}
.dark .wisky-switch-box span{color: #FCFDFF;}
.wisky-switch-box span .switch-track{position: absolute; top: 50%; left: 0; margin-top: -8px; width: 32px; height: 16px; border-radius: 7px; transition: background 0.2s; background: #aeb5bc;}
.wisky-switch-box span .switch-track:before{content: ""; display: block; position: absolute; top: 50%; left: 2px; width: 10px; height: 10px; transition: left 0.2s; transform: translateY(-50%); border-radius: 10px; background: #FCFDFF;}
.wisky-switch-box :checked+span .switch-track{background: #0E54C4;}
.wisky-switch-box :checked+span .switch-track:before{left:20px}
.wisky-switch-box :disabled+span .switch-track{background: #d0d4d9;}
.wisky-switch-box :disabled:checked+span .switch-track{background: #878e95;}
.wisky-switch-box+.wisky-switch-box{margin-left: 24px;}

/* input design Tabmenu */
.wisky-tab-box{font-size: 0;}
.wisky-tab-box .wisky-tab-item{display: inline-block; vertical-align: middle; overflow: hidden; min-width: 120px; height: 36px; text-align: center; line-height: 34px; border: 1px solid #0E54C4;}
.dark .wisky-tab-box .wisky-tab-item{border: 1px solid #D3D8E2;}
.wisky-tab-box .wisky-tab-item:first-of-type{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.wisky-tab-box .wisky-tab-item:last-of-type{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.wisky-tab-box .wisky-tab-item+.wisky-tab-item{border-left: 0;}
.wisky-tab-box .wisky-tab-item span{display: block; width: 100%; height: 100%; color: #0E54C4; font-size: 14px; transition: color 0.2s, background 0.2s; background: #FCFDFF;}
.dark .wisky-tab-box .wisky-tab-item span{color: #FCFDFF; background: #1A1E23;}
.dark .wisky-tab-box .wisky-tab-item.color-primary span.color-primary{background: #383C47;}
.dark .wisky-tab-box .wisky-tab-item.color-secondary span.color-secondary{background: #383C47;}
.wisky-tab-box .wisky-tab-item :checked+span{color: #0E54C4; background: #EAF1FF;}
.dark .wisky-tab-box .wisky-tab-item :checked+span{color: #FCFDFF; background: #383C47;}
 
/* input-btn */
.wisky-btn-box{overflow: hidden; width: 100%; text-align: center;}
.wisky-btn{display: inline-block; vertical-align: middle; width: 120px; height: 36px; color: #22252a; font-size: 14px; font-weight: 600; line-height: 34px; border: 1px solid #0E54C4; border-radius: 4px; background: #FCFDFF;}
.dark .wisky-btn{color: #FCFDFF; border: 1px solid #383C47; background: #383C47;}
.wisky-btn:disabled{color: #878e95 !important; border-color: #d0d8e2 !important; background: #d0d4d9 !important;}
.wisky-btn+.wisky-btn{margin-left: 16px; }
.wisky-btn.btn-primary{color: #0E54C4; border-color: #0E54C4;}
.dark .wisky-btn.btn-primary{color: #FCFDFF; border-color: #383C47 !important; background-color: #383C47 !important;}
.wisky-btn.btn-secondary{color: #ca4139; border-color: #ca4139}
.dark .wisky-btn.btn-secondary{color: #C4240E; border-color: #C4240E; background-color: #2A2E37 !important;}
.dark .wisky-btn.btn-primary:hover{border-color: #383C47; background: #383C47;}
.wisky-btn.btn-primary:hover{border-color: #0E54C4; background: #FCFDFF;}
.wisky-btn.btn-secondary:hover{border-color: #ca4139; background: #FCFDFF;}
.wisky-btn.btn-excel{padding-left: 30px; background: url("/image/wisky_asset/excel.png") no-repeat; background-size: 12px 12px; background-position: 10px center;}
.wisky-btn-g{display: inline-block; vertical-align: middle; width: 120px; height: 24px; color: #22252a; font-size: 12px; font-weight: 600; line-height: 14px; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.dark .wisky-btn.btn-primary.analysis {    border: 1px solid #EEE !important;    width: 180px;    text-align: center;    background-image: url(/image/wisky_asset/chk_btn_d.png) !important;    background: no-repeat;    background-position: 30px 15px; }

/* btn-search */
.wisky-input-search-box{float: none !important; clear: both; display: inline-block; vertical-align: middle; height: 36px; font-size: 0; line-height: 34px; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.wisky-input-search-box .wisky-input{display: inline-block; vertical-align: middle; width: calc(100% - 40px); height: 32px; line-height: 32px; border: 0;}
.wisky-search-btn{display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 40px; height: 36px; border: 0; background: url("/image/wisky_asset/ic-search.png") no-repeat; background-size: 14px 14px; background-position: center center;}

.wisky-file-name-box{width: 100%; padding: 10px 20px; text-align: left; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.wisky-file-name-box .wisky-btn-box{display: inline-block; vertical-align: middle; width: fit-content;}
.wisky-file-name-box .wisky-file-name-list{display: inline-block; vertical-align: middle; margin-left: 20px; text-align: left; }
.wisky-file-name-box .wisky-file-name-list .wisky-file{display: inline-block; vertical-align: middle; position: relative; color: #22252a; font-size: 14px; line-height: 34px; }
.wisky-file-name-box .wisky-file-name-list .wisky-file .file-del{z-index: 10; top: 50%; left: 100%; margin-top: -5px; margin-left: 8px; padding: 0; width: 10px; height: 10px; outline: 0; border: 0; background: url("/image/wisky_asset/file_del.png") no-repeat; background-size: cover}
.wisky-file-name-box .wisky-upload-file{color: #0E54C4; text-decoration: underline;}

/* DatePicker */
.ui-widget.ui-widget-content{padding: 20px; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 0 !important; background: #FCFDFF !important;}
.ui-datepicker .ui-datepicker-title{color: #22252a; font-size: 14px}
.ui-datepicker .ui-datepicker-title span{color: #22252a; font-size: 14px}
.ui-datepicker td span,
.ui-datepicker td a{padding: 0 !important; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 2px;} 
.ui-datepicker .ui-datepicker-header{border: 0; background: #FCFDFF; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display: none !important;}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after{content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 5px; height: 8px; transform: translate(-50%, -50%); background: #fc0;}
.ui-datepicker .ui-datepicker-prev:after{background: url("/image/wisky_asset/ic-prev.png"); background-size: cover;}
.ui-datepicker .ui-datepicker-next:after{background: url("/image/wisky_asset/ic-next.png"); background-size: cover;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{cursor: pointer}
.ui-datepicker-week-end:first-of-type span{color: #ca4139;}
.ui-datepicker-week-end:last-of-type span{color: #0E54C4;}

.ui-datepicker table{}
.ui-datepicker table tr{background: #FCFDFF !important}
.ui-datepicker table tr:hover{background: #FCFDFF !important}
.ui-datepicker table tr a{border: 0 !important;}
.ui-datepicker table tr td:first-child a,
.ui-datepicker table tr td:first-child span{color: #ca4139}
.ui-datepicker table tr td:last-child a,
.ui-datepicker table tr td:last-child span{color: #0E54C4}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 0;
	background: transparent;
	font-weight: bold;
	color: #2b2b2b;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{border: 0 !important; background: #FCFDFF !important;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover { left:2px !important; }
.ui-datepicker .ui-datepicker-next-hover { right:2px !important; }
.ui-datepicker-calendar .ui-state-hover{color: #FCFDFF !important; border: 0 !important; background: #0E54C4 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color: #22252a !important; font-weight: 600 !important; border-radius: 100% !important; background: #d0d8e2 !important;}

[data-handler=selectMonth] a{margin: auto !important; width: 35px !important; line-height: 35px !important}

/* table */
.table{margin-bottom: 0; font-size: 14px; }
.table tr{border-left: 1px solid #d0d8e2; border-right: 1px solid #d0d8e2;}
.table td, .table th{text-align: center; border-top: 0; }
.table thead tr{border-top: 2px solid #878e95; background: #f8f9fa}
.table thead tr th{color: #4a5056; text-align: center; font-weight: 600; border-bottom: 1px solid #dfe2e6;}
.dark .table thead tr th{color: #FCFDFF; border-bottom: none;}
.table tbody tr{border-bottom: 1px solid #dfe2e6; background: #FCFDFF;}
.dark .table tbody tr{border-bottom: 1px solid #dfe2e6; background: #1A1E23; color: #FCFDFF;}
.table tbody tr td.table-title{text-align: left; }
.table-title p{display: inline-block; position: relative; cursor: pointer;}
.table tbody .table-title .badge.new{top: 50%; left: 100%; margin-top: -8px; margin-left: 4px;}
.table tbody tr td.table-title2{text-align: left; }
.table-title2 p{display: inline-block; position: relative; cursor: pointer;}

.table-hover tbody tr:hover{background: #878e95;}
.table-hover tbody tr:hover th,
.table-hover tbody tr:hover td{color: #FCFDFF; }

.table-head-box{margin-bottom: 10px; }
.table-head-box:after{content: ""; display: block; clear: both;}
.table-head-box .table-sub-title{float: left; color: #22252a; font-size: 18px; font-weight: 600; line-height: 34px; }
.dark .table-head-box .table-sub-title{color: #FCFDFF;}
.table-head-box .table-head-input-box{font-size: 0;}
.table-head-box .table-head-input-box.left{float: left;}
.table-head-box .table-head-input-box.right{float: right;}
.table-head-box .table-head-input-box .wisky-btn-box{display: inline-block; vertical-align: middle; margin: 0 10px; width: fit-content;}

/* pagination */
.wisky-pagination{margin-top: 24px; text-align: center;}
.wisky-pagination .page-btn{display: inline-block; vertical-align: middle;}
.wisky-pagination .page-btn a{display: block; color: #4a5056; font-size: 14px; line-height: 20px; }
.wisky-pagination .page-btn+.page-btn{margin-left: 20px; }
.wisky-pagination .page-btn.active a,
.wisky-pagination .page-btn:hover a{color: #0E54C4; text-decoration: underline;}
.wisky-pagination .page-btn.prev a,
.wisky-pagination .page-btn.next a{width: 5px; height: 8px;}
.wisky-pagination .page-btn.prev a{background: url("/image/wisky_asset/ic-prev.png") no-repeat; background-size: contain;}
.wisky-pagination .page-btn.next a{background: url("/image/wisky_asset/ic-next.png") no-repeat; background-size: contain;}
 
/* login */
.wisky-login-container{position: relative; width: 100%; height: 100vh; }
.wisky-login-container .wisky-footer{position: fixed; bottom: 0; left: 0; right: 0; width: 100%;}
.wisky-login-box{position: absolute; top: 50%; left: 50%; width: 460px; transform: translate(-50%, -60%)}
.wisky-login-logo{margin: 0 auto 40px; width: 180px; }
.wisky-login-logo img{display: block; width: 100%;}
.wisky-login-box .btn-login{height: 50px; color: #FCFDFF; border-color: #0E54C4; background: #0E54C4}

/* top nav */
.top_nav{position: relative; z-index: 2000; width: 100%; height: 50px; /* border-bottom: 1px solid #ddd; */ background: #FCFDFF;}
.dark .top_nav{background: #1A1E23; color: #FCFDFF;}
.top_nav *{box-sizing: border-box; }
.top_nav .nav{height: 50px; line-height: 50px;}

.top_nav .nav .top-logo{position: absolute; z-index: 150; top: 12px; left: -5px; margin: 0; width: 120px; height: 28px; font-size: 0; background: url("/image/wisky_asset/wisky-logo-bb.png") no-repeat; background-size: contain;}
.top_nav .nav ul.nav{display: block; width: 100%; text-align: center; }
.top_nav .nav ul.nav li{display: inline-block; position: relative; }
.top_nav .nav ul.nav li+li{margin-left: 60px;}
.top_nav .nav ul.nav li a{padding: 0; color: #aeb5bc; font-size: 20px; }
.top_nav .nav ul.nav li a:hover,
.top_nav .nav ul.nav li.active a{color: #0E54C4;}
.top_nav .nav ul.nav li .badge.new{top: 22px; left: 100%; }

.top_nav .wisky-select{position: absolute; z-index: 150; top: 10px; right: 20px; width: 200px; border-radius: 4px;}
.top_nav .wisky-origin-select{position: absolute; z-index: 150; top: 7px; right: -80px;}

/* right */
body .container.body .right_col{position: relative; z-index: 1500; overflow-y: auto; margin-left: 0; height: calc(100vh - 95px) !important; background: #EAF1FF}
body .container.body.dark .right_col{background: #131517; color: #FCFDFF;}
body .container.body .right_col .inner{padding-top: 7px; }


/* footer */
.wisky-footer{position: relative; z-index: 2000; padding: 0px 0; background: #FCFDFF;}
.dark .wisky-footer{position: relative; z-index: 2000; padding: 0px 0; background: #1A1E23;}
.wisky-footer p{color: #22252a; font-size: 12px; line-height: 1.4; }
.dark .wisky-footer p{color: #22252a; font-size: 12px; line-height: 1.4; }
.wisky-footer p a{color: #22252a;}
.dark .wisky-footer p a{color: #22252a;}
.wisky-footer p a:hover{color: #0E54C4; text-decoration: underline;}

/* popup */
.wisky-popup{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9000; width: 100%; height: 100%; }
.wisky-popup .dim{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9900; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6)}
.wisky-popup-container{position: absolute; top: 50%; left: 50%; z-index: 9999; padding: 20px; min-width: 300px; max-width: 90vw; min-height: 280px; max-height: 80vh; border-radius: 4px; transform: translate(-50%, -50%); background: #FCFDFF;}
.wisky-popup-close{position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; cursor: pointer; transform: rotate(45deg);}
.wisky-popup-close:before,
.wisky-popup-close:after{content: ""; display: block; position: absolute; background: #d0d8e2;}
.wisky-popup-close:before{width: 100%; height: 2px; top: 50%; left: 0; margin-top: -1px; }
.wisky-popup-close:after{width: 2px; height: 100%; top: 0; left: 50%; margin-left: -1px;}

/* Modal popup*/
body .dark .wisky-popup-container{background-color: #131517; color: #FCFDFF;}
.dark .wisky-popup-container .wisky-search-box-title{color: #FCFDFF;}

/* search content box */
.wisky-search-content-box{margin-bottom: 10px; padding: 0; font-size: 0; text-align: left; border-radius: 4px;}
.wisky-search-content-box .wisky-search-box-title,
.wisky-search-content-box .wisky-select,
.wisky-search-content-box .wisky-input-box,
.wisky-search-content-box .wisky-btn-box{display: inline-block; vertical-align: middle; }
.wisky-search-content-box .wisky-input-box-row{display: block; }
.wisky-search-content-box .wisky-input-box-row+.wisky-input-box-row{margin-top: 10px;}
.wisky-search-content-box .wisky-search-box-title{width: 100px; color: #22252a; font-size: 14px; font-weight: 600; text-align: left;}
.wisky-search-content-box .wisky-select{margin-right: 20px; }
.wisky-search-content-box .wisky-input-box{width: 420px;}
.wisky-search-content-box .wisky-btn-box{width: fit-content;}

/* detail view */
.wisky-detail-title-box{margin-bottom: 20px; padding: 20px; width: 100%; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.wisky-detail-title-box .wisky-detail-title{font-size: 16px; font-weight: 600;}
.wisky-detail-title-box .wisky-detail-title .title-accent{color: #ca4139}
.wisky-detail-title-box .wisky-detail-info{font-size: 16px; text-align: right;}
.wisky-detail-title-box .wisky-detail-info>span{display: inline-block; vertical-align: middle; font-weight: 500;}
.wisky-detail-title-box .wisky-detail-info span+span{margin-left: 40px;}
.wisky-detail-title-box .wisky-detail-info .wisky-writter{}
.wisky-detail-title-box .wisky-detail-info .wisky-date{}
.wisky-detail-title-box .wisky-detail-info .wisky-view{font-weight: 400;}
.wisky-detail-title-box .wisky-detail-info .wisky-view b{} 
.wisky-detail-title-box .wisky-detail-info .wisky-category{}
.title-accent{color: #ca4139}

.wisky-detail-txt-box{margin-bottom: 20px;}
.wisky-detail-txt-view{overflow-y: auto; height: 500px; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF; font-size: 12px; padding: 20px;}
.dark .wisky-detail-txt-view{border: 1px solid #d0d8e2; background: #1A1E23; }
.wisky-detail-img-view{overflow: hidden; background: #FCFDFF;}

/* detail view 02 */
.wisky-table-model{}
.wisky-table-model .item{font-size: 0; text-align: left; border-bottom: 1px solid #d0d8e2;}
.wisky-table-model .item:last-of-type{border-bottom: 0px solid #d0d8e2;}
.wisky-table-model .item:after{content: ""; display: block; clear: both;}
.wisky-table-model .wisky-input-label{display: inline-block; vertical-align: middle; padding: 0 10px; width: 100%; height: 36px; line-height: 34px; border-left: 1px solid #d0d8e2; border-right: 1px solid #d0d8e2; background: #FCFDFF;}
.wisky-table-model .left-label{width: 15%; border-right: 0; background: #f8f9fa;}

/* img detail view */
body .container.body.dark .img-detail-view {color: #FCFDFF;}
.img-detail-view{height: calc(100vh - 116px)}
.img-detail-view .img-ctrl-panel{padding: 14px 10px; height: 90px; border-bottom: 1px solid #d0d8e2; background: #FCFDFF;}
.dark .img-detail-view .img-ctrl-panel{border-bottom: 1px solid #D3D8E2; background: #1A1E23;} 
.img-detail-view .img-ctrl-panel .wisky-input-box{float: left; }
.img-detail-view .img-ctrl-panel .wisky-input-label{line-height: 26px;}
.img-detail-view .img-ctrl-panel .gray-scale{border-left: 1px solid #d0d8e2;} 
.img-detail-view .img-view-box{}
.wisky-gauge-box{position: relative; line-height: 36px;}
.dark .wisky-gauge-box {color: #FCFDFF;}
.wisky-gauge-box .gauge-label{display: inline-block; vertical-align: middle; font-size: 14px; }
.wisky-gauge-box .gauge-track-box{display: inline-block; vertical-align: middle; position: relative; margin-left: 20px; width: 200px; height: 6px; border-radius: 3px; background: #ddd;}
.wisky-gauge-box .gauge-track-box .gauge-tracker{position: absolute; z-index: 150; top: 50%; left: 0; margin-top: -8px;  width: 16px; height: 16px; border-radius: 10px; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2); background: #FCFDFF; cursor: pointer;}
.wisky-gauge-box .gauge-track-box .gauge-track{position: relative; z-index: 100;height: 8px; border-radius: 4px; background: #0E54C4; transition: width 0.2s}
.zoom-box{padding-left: 20px; border-left: 1px solid #d0d8e2;}
.zoom-ctrl-box .zoom-label{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 14px; line-height: 36px; }
.zoom-ctrl-box .btn-zoom{display: inline-block; vertical-align: middle; width: 36px; height: 36px; font-size: 20px; line-height: 34px; color: #444; border: 1px solid #d0d8e2; background: #FCFDFF;}
.zoom-ctrl-box .btn-zoom:hover{color: #0E54C4; background: #f1f1f3;}
.zoom-ctrl-box .btn-zoom.zoom-out{border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 24px;}
.zoom-ctrl-box .btn-zoom.zoom-in{border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.zoom-ctrl-box .btn-zoom.zoom-in:disabled,
.zoom-ctrl-box .btn-zoom.zoom-out:disabled{color: #aaa; background: #d0d8e2;}

.img-view-desc-box{height: 40px; border-bottom: 1px solid #d0d8e2; background: #f4f4f4;}
.dark .img-view-desc-box{height: 40px; border-bottom: 1px solid #D3D8E2; background: #1A1E23;}
.img-view-desc-box .page-title{float: left; margin-bottom: 0; width: 50%; height: 40px;}
.img-view-desc-box .page-title p{display: inline-block; vertical-align: bottom; line-height: 40px; }
.img-view-desc-box .page-title .desc{display: inline-block; vertical-align: bottom; margin-left: 10px; font-size: 14px; line-height: 36px; }
.img-view-desc-box .page-whole-desc{float: right; width: 50%; height: 40px; text-align: right}
.img-view-desc-box .page-whole-desc p{font-size: 14px; line-height: 40px;}

/* img-view-box */
.img-view-box{padding: 10px; width: 100%; height: calc(100vh - 144px);}
.img-view-box.h90vh{height: calc(90vh - 144px) !important;}
.img-view-box:after{content: ""; clear: both; display: block;}
.img-view-box .img-viewer{float: left; overflow: hidden; position: relative; width: calc(100% - 280px); height: 100%; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.img-view-box .img-viewer.history{width: calc(50% - 144px); padding-left: 2px; padding-right: 2px;}
.img-view-box .img-viewer.no-memo{width: 100%;}
.img-view-box .img-viewer.history.no-memo{width: calc(50% - 5px); padding-left: 2px; padding-right: 2px;}
.img-view-box #target_img_viewer_history{margin-left: 10px;}

.img-view-box .img-viewer img{position: absolute; top: 50%; left: 50%; height: 100%; transform: translateX(-50%) translateY(-50%);}
.img-view-box .img-viewer.history img{position: absolute; top: 50%; left: 50%; height: 78%; transform: translateX(-50%) translateY(-50%);}
.img-view-box .img-viewer.history.no-memo img{position: absolute; top: 50%; left: 50%; height: 100%; transform: translateX(-50%) translateY(-50%);}
.img-view-box .note-box{float: right; width: 260px; height: 100%;}
.img-view-box .note-box .note-item{padding: 10px; width: 100%; height: calc(50% - 10px); border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.dark .img-view-box .note-box .note-item{border: 1px solid #D3D8E2; background: #131517;}
.img-view-box .note-box .note-item+.note-item{margin-top: 20px; }
.img-view-box .note-box .note-item .note-title{padding-bottom: 10px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #d0d8e2;}
.img-view-box .note-box .note-item .note-detail{padding-top: 10px; height: calc(100% - 40px); font-size: 14px; } 

/* board list */
.wisky-board-list{margin-top: 10px; margin-bottom: 10px; padding: 5px 16px 10px 16px; border-radius: 4px; border: 1px solid #d0d8e2; background: #FCFDFF;}
.wisky-board-list .wisky-board-item{overflow: hidden; cursor: pointer; font-size: 14px; line-height: 32px; border-bottom: 1px solid #d0d8e2;}
.wisky-board-list .wisky-board-item .wisky-notice{float: left; font-weight: 600; margin-left: 20px;}
.wisky-board-list .wisky-board-item .wisky-write-date{float: right; color: #666; margin-right: 20px;}
.wisky-board-list .wisky-board-item:hover .wisky-notice{color: #0E54C4; text-decoration: underline;}

/* main */
.main_inner{margin: 0 auto; width: 1920px;}
.wisky-select-txt{text-align: center; height: 80px; line-height: 80px; }
.wisky-select-txt p{font-size: 26px; letter-spacing: -1px; }
.wisky-tag-title{padding: 0 10px; min-width: 140px; color: #FCFDFF; font-size: 14px; text-align: center; border: 0; border-radius: 10px; background: #0E54C4}

/* main left */
.wisky-left{display: block; position: fixed; top: 60px; left: 0; z-index: 1600; width: 256px; height: calc(100vh - 95px); border-right: 1px solid #ddd; background: #FCFDFF; }
.dark .wisky-left{background: #1A1E23; border-right: none;}
.wisky-left .inner{padding: 10px; width: 100%; height: 100%;}
.wisky-left .wisky-title{margin-bottom: 8px;}
.wisky-multi-input-box{font-size: 0;}
.wisky-multi-input-box .wisky-input{height: 32px; line-height: 30px; }
.wisky-left-btn{display: inline-block; vertical-align: middle; padding: 0; width: 32px; height: 32px; font-size: 0; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF; }
.dark .wisky-left-btn{border: 1px solid #2A2E37; background: #2A2E37; }
.left-flip-btn{position: absolute; z-index: 100; top: 0px; right: 30px; margin-right: -30px; padding: 0; width: 20px; height: 40px; border: 1px solid #ddd;background: #0E54C4;}
.dark .left-flip-btn{border: none !important;}
.left-flip-btn:before{content: ""; display: block; position: absolute; z-index: 10; top: 50%; left: 50%; margin-top: -5px; margin-left: -2.5px; width: 5px; height: 10px; background-size: contain; }

/* main right */
.wisky-right{display: block; position: fixed; top: 50px; right: 0; z-index: 1600; width: 256px; height: calc(100vh - 95px); border-left: 1px solid #ddd; background: #FCFDFF; }
.dark .wisky-right{border-left:none; background: #1A1E23; }
.wisky-right .inner{padding: 10px; width: 100%; height: 100%;}
.wisky-right .wisky-title{margin-bottom: 8px;}
.wisky-multi-input-box{font-size: 0;}
.wisky-multi-input-box .wisky-input{height: 32px; line-height: 30px; }
.wisky-right-btn{display: inline-block; vertical-align: middle; padding: 0; width: 32px; height: 32px; font-size: 0; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF; }
.right-flip-btn{position: absolute; z-index: 100; top: 55px; right: 30px; margin-right: -30px; padding: 0; width: 20px; height: 40px; border: 1px solid #ddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #0E54C4;}
.right-flip-btn:before{content: ""; display: block; position: absolute; z-index: 10; top: 50%; right: 50%; margin-top: -5px; margin-right: -2.5px; width: 5px; height: 10px; background-size: contain;}

/* main left list */
.wisky-left-list{margin-top: 20px; }
/* 20220420 변경
.wisky-left-list .wisky-item{padding: 5px; border: 1px solid #d0d8e2; border-radius: 4px; cursor: pointer; transition: border 0.3s; background: #FCFDFF;}
 */
.wisky-left-list .wisky-item{padding-bottom: 11px; border-bottom: 1px solid #E9EFFB; cursor: pointer; transition: border 0.3s; background: #FCFDFF; margin-top: 20px; margin-bottom: 20px;}
.dark .wisky-left-list .wisky-item{border-bottom: 1px solid #383C47; background: #1A1E23;}
.wisky-left-list .wisky-item+.wisky-item{margin-top: 5px;}
.wisky-left-list .wisky-item .item-txt{color: #878e95; transition: color 0.3s;}
.dark .wisky-left-list .wisky-item .item-txt{color: #FCFDFF; transition: color 0.3s;}
.wisky-left-list .wisky-item .item-txt.left{float: left;}
.wisky-left-list .wisky-item .item-txt.right{float: right}

.wisky-left-list .wisky-item .wisky-item-top{overflow: hidden; margin-bottom: 0px;}
.wisky-left-list .wisky-item .wisky-item-bottom{overflow: hidden; }

.wisky-left-list .wisky-item .wisky-item-top .item-txt{font-size: 12px;}
.wisky-left-list .wisky-item .wisky-item-bottom .item-txt{font-size: 14px; font-weight: 600;} 

.wisky-left-list .wisky-item.active{border-color: #0E54C4}
.dark .wisky-left-list .wisky-item.active{border-color: #0E54C4; background-color: #0E54C4; border-radius: 2px;}
.wisky-left-list .wisky-item.active .wisky-item-top .item-txt{color: #4a5056;}
.wisky-left-list .wisky-item.active .wisky-item-bottom .item-txt{color: #22252a;}
.dark .wisky-left-list .wisky-item.active .wisky-item-top .item-txt{color: #FCFDFF;}
.dark .wisky-left-list .wisky-item.active .wisky-item-bottom .item-txt{color: #FCFDFF;}


.wisky-left-list .wisky-item:hover{border-color: #0E54C4}
.dark .wisky-left-list .wisky-item:hover{border-color: #0E54C4; background-color: #0E54C4; border-radius: 2px;}
.wisky-left-list .wisky-item:hover .wisky-item-top .item-txt{color: #4a5056;}
.wisky-left-list .wisky-item:hover .wisky-item-bottom .item-txt{color: #22252a;}
.dark .wisky-left-list .wisky-item:hover .wisky-item-top .item-txt{color: #FCFDFF;}
.dark .wisky-left-list .wisky-item:hover .wisky-item-bottom .item-txt{color: #FCFDFF;}


/* main-right */
.right_col.wisky-gallery{overflow: hidden; display: inline-block; vertical-align: top; width: 100%; }
.right_col.wisky-gallery .inner{padding: 20px 20px 0 20px; width: 1480px;}

.main-page-title{overflow: hidden; width: 100%; font-size: 18px; letter-spacing: -0.5px; line-height: 28px;}
.main-page-title .title-left{float: left; font-weight: 600}
.main-page-title .title-right{float: right; font-size: 16px; font-weight: 600;}
.main-page-title i{font-size: 16px; font-weight: 400;}
.main-page-title .title-left i{margin-left: 10px;}

.wisky-main-multi-box{}
.wisky-main-multi-box:after{content: ""; clear: both; display: block;}
.wisky-btn.btn-calendar{width: 40px; font-size: 0;}
.wisky-main-desc-box{padding: 3px 5px; width: 100%; height: 75px; font-size: 14px; line-height: 1.6; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF; }
.dark .wisky-main-desc-box{border: none !important; color:#FCFDFF; background: #131517; }

/* filter-setting */
.main-fliter {line-height: 36px;}
.wisky-filter-box{display: inline-block; vertical-align: middle; }
.wisky-filter-box .wisky-main-filter{overflow: hidden; display: inline-block; vertical-align: middle; padding: 0; width: 32px; height: 32px; text-align: center; border: 1px solid #0E54C4; border-radius: 4px; transition: background 0.3s, border 0.3s; background: #EAF1FF; color:#0E54C4; }
.dark .wisky-filter-box .wisky-main-filter{border: 1px solid #D3D8E2; background: #1A1E23; color:#D3D8E2; }
.wisky-filter-box .wisky-main-filter+.wisky-main-filter{margin-left: 6px;}
.wisky-filter-box .wisky-main-filter i{display: inline-block; vertical-align: middle; border: 1px solid #0E54C4; transition: border 0.3s;}
.dark .wisky-filter-box .wisky-main-filter i{border: 1px solid #D3D8E2;}
.wisky-filter-box .wisky-main-filter.filter-one{line-height: 28px;}
.wisky-filter-box .wisky-main-filter.filter-one i{width: 20px; height: 20px; border-radius: 4px;}
.wisky-filter-box .wisky-main-filter.filter-two{line-height: 28px;}
.wisky-filter-box .wisky-main-filter.filter-two i{width: 9px; height: 20px; border-radius: 2px;}
.wisky-filter-box .wisky-main-filter.filter-two i+i{margin-left: 2px;}
.wisky-filter-box .wisky-main-filter.filter-four{display: inline-block; vertical-align: middle; padding: 0 5px; line-height: initial;}
.wisky-filter-box .wisky-main-filter.filter-four i{margin-left: 2px; width: 9px; height: 9px; border-radius: 2px;}
.wisky-filter-box .wisky-main-filter.filter-four i:nth-child(2n+1){margin-left: 0;}
.wisky-filter-box .wisky-main-filter.filter-four i:nth-child(2n)~i{margin-top: 2px;}
.wisky-filter-box .wisky-main-filter.filter-nine{display: inline-block; vertical-align: middle; padding: 0 5px; line-height: initial;}
.wisky-filter-box .wisky-main-filter.filter-nine i{margin-left: 1px; width: 6px; height: 6px; border-radius: 1px;}
.wisky-filter-box .wisky-main-filter.filter-nine i:nth-child(3n+1){margin-left: 0;}
.wisky-filter-box .wisky-main-filter.filter-nine i:nth-child(3)~i{margin-top: 1px;}

.wisky-filter-box .wisky-main-filter:hover{border-color: #0E54C4; background: #0E54C4; color: #FCFDFF;}
.wisky-filter-box .wisky-main-filter:hover i{border-color: #FCFDFF;}

.wisky-filter-box .wisky-main-filter.active{border-color: #0E54C4; background: #0E54C4; color: #FCFDFF;}
.wisky-filter-box .wisky-main-filter.active i{border-color: #FCFDFF;}

/* gallery box */
.wisky-gallery-box{overflow-y: auto; padding: 0px; width: 100%; height: calc(100vh - 245px); border: 1px solid #d0d8e2; border-radius: 4px; }
.wisky-gallery-box .wisky-gallery-item{position: relative; border: 1px solid #aeb5bc;}
.wisky-gallery-box .wisky-gallery-item-checked{position: relative; border: 1px solid #0E54C4; background: #FCFDFF}

.wisky-gallery-box .wisky-gallery-item .img-option-box{overflow: visible; position: absolute; z-index: 200; top: 20px; right: 20px; width: 60px; height: 20px; text-align: right;}
.wisky-gallery-box .wisky-gallery-item .img-option-box .btn-img-opt{display: inline-block; vertical-align: middle; padding: 0; border: 0; outline: 0; background: transparent;}
.wisky-gallery-box .wisky-gallery-item .img-option-box .btn-img-opt+.btn-img-opt{margin-left: 16px}

.wisky-gallery-box .wisky-gallery-item .img-option-box .img-option-content{display: none; position: absolute;}
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-memo{top: 100%; right: 0; margin-top: 10px; padding: 1px 1px; width: 260px; height: calc((100vh - 548px) / 3); font-size: 12px; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-memo:after{content: ""; position: absolute; bottom: 100%; right: 0; margin-right: 40px; width: 12px; height: 10px; transform: rotate(180deg); background: url("/image/wisky_asset/after.png") no-repeat;}
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-memo textarea{overflow: auto; padding: 0; width: 100%; height: 100%; resize: none; border: 0; }
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-opt-content{overflow: hidden; top: 100%; right: 0; margin-top: 2px; width: 110px; text-align: center; border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF; }
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-opt-content .imt-opt-btn{display: block; height: 30px; color: #4a5056; font-size: 12px; line-height: 30px; }
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-opt-content .imt-opt-btn+.imt-opt-btn{border-top: 1px solid #d0d8e2}
.wisky-gallery-box .wisky-gallery-item .img-option-box .wisky-gallery-opt-content .opt-del{color: #ca4139}
.wisky-gallery-box .wisky-gallery-item .img-option-box .img-option-content.wisky-gallery-memo.active{display: block;}
.wisky-gallery-box .wisky-gallery-item .img-option-box .img-option-content.wisky-gallery-opt-content.active{display: block;}

.wisky-gallery-box .wisky-gallery-item .wisky-gallery-label{display: block; position: absolute; z-index: 150; top: 0; left: 0; right: 0; bottom: 0;}
.wisky-gallery-box .wisky-gallery-item .wisky-gallery-label span{display: block; position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; background: url("/image/wisky_asset/gallery-frame.png") no-repeat; background-size: cover;}

.wisky-gallery-box .wisky-gallery-item .wisky-gallery-label :checked+span{background: url("/image/wisky_asset/gallery-chk.png") no-repeat; background-size: cover;}

.wisky-gallery-box .wisky-gallery-item .ai-option{position: absolute; z-index: 200; bottom: 20px; left: 0; right: 0;}

/* gallery box - desc-box*/
.wisky-gallery-box .wisky-gallery-item .wisky-item-desc-box{display: none; position: absolute; z-index: 180; bottom: 0; left: 0; right: 0; padding: 0 30px; height: 40px; font-size: 0; line-height: 40px; background: rgba(255, 255, 255, 0.7);}
.wisky-gallery-box .wisky-gallery-item .wisky-item-desc-box .ai-badge{display: inline-block; vertical-align: middle; width: 90px; height: 25px; color: #FCFDFF; font-size: 20px; font-weight: 600; line-height: 25px; text-align: center; border-radius: 4px; background: #0E54C4;}
.wisky-gallery-box .wisky-gallery-item .wisky-item-desc-box .wisky-item-desc-txt{overflow: hidden; display: inline-block; vertical-align: middle; padding-left: 16px; max-width: calc(100% - 60px); color: #22252a; font-size: 14px; text-align: left; text-overflow: ellipsis; white-space: nowrap}
.wisky-gallery-box .wisky-gallery-item .wisky-item-desc-box .wisky-item-info-txt{overflow: hidden; display: inline-block; vertical-align: middle; padding-left: 16px; max-width: calc(100% - 60px); color: #FCFDFF; font-size: 20px; line-height:25px; text-align: left; text-overflow: ellipsis; white-space: nowrap}

/* ai-test */
.wisky-gallery-box .wisky-gallery-item.used-ai .wisky-item-desc-box{display: block;}

/* gallery img */
.wisky-item-img{overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; border-radius: 4px; }
.wisky-gallery-box .wisky-gallery-item .wisky-item-img img{position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%)}
.wisky-gallery-box .wisky-gallery-item.used-ai .wisky-item-img img{position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); padding-bottom: 40px;}
.wisky-gallery-box .wisky-gallery-item.used-ai.used-memo .wisky-item-img img{position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); padding-bottom: 70px;}

/* filter gallery = obj-one */
.wisky-gallery-box.obj-one .wisky-gallery-item{position: relative; z-index: 100; width: 100%; height: 100%; object-fit: contain}

/* .wisky-gallery-box.obj-one .wisky-gallery-item+.wisky-gallery-item{margin-top: 30px;} */
 
/* filter gallery = obj-two */
.wisky-gallery-box.obj-two .wisky-gallery-item{display: inline-block; vertical-align: top; position: relative; z-index: 100; margin-left: 0px; padding-top: 50%; width: calc(100% / 2); height: 100%; object-fit: contain}

/* filter gallery = obj-four */
.wisky-gallery-box.obj-four .wisky-gallery-item{display: inline-block; vertical-align: top; position: relative; z-index: 100; margin-left: 0px; width: calc(100% / 2); height: calc(100% / 2); object-fit: contain}

/* filter gallery = obj-nine */
.wisky-gallery-box.obj-nine .wisky-gallery-item{display: inline-block; vertical-align: top; position: relative; z-index: 100; margin-left: 0px; padding-top: 32%; width: calc(100% / 3); height: 0; object-fit: contain}

.btn-close{z-index: 10; top: 50%; left: 100%; margin-top: -5px; margin-left: 8px; padding: 0; width: 15px; height: 15px; outline: 0; border: 0; background: url("/image/wisky_asset/close_btn.png") no-repeat; background-size: cover}
.dark .btn-close{background: url("/image/wisky_asset/close_btn_d.png") no-repeat; background-size: cover}
 
/* main-left flip example */
.wisky-left.flip{height: 0;}
.wisky-left.flip .inner{overflow: hidden; padding: 0 !important;}
/* 20210826 Delete */
/* .wisky-left.flip .left-flip-btn{top: -26px; transform: rotate(90deg);} */
.wisky-left.flip .left-flip-btn{left:0px}
.wisky-left.flip~.right_col.wisky-gallery{width: 100%; }

/* etc */
.wisky-search-result-box{border: 1px solid #d0d8e2; border-radius: 4px; background: #FCFDFF;}
.label-category{display: inline-block; vertical-align: top; width: 30%; height: 46px; line-height: 44px; text-align: center; background: #DFE2E6;}
.category-result{padding-left: 10px; color: #555; line-height: 44px;}
.wisky-search-result-box .wisky-btn-box{padding-right: 20px; text-align: right; line-height: 44px; }


/* 210819 수정사항 반영 */
.wisky-tab-box.three-tab .wisky-tab-item{width: 33.3%;}


/* mediaQuery */
/* @media screen and (max-width: 2200px){
	.wisky-left{display: inline-block; vertical-align: top; position: relative; top: 0; left: 0;}
	.right_col.wisky-gallery{display: inline-block; vertical-align: top; width: calc(100% - 336px);}
} */
/* @media screen and (max-width: 1920px){
	.wisky-left{display: inline-block; vertical-align: top; position: relative; top: 0; left: 0;}
	.container.body{min-width: 100%;}
	.main_inner{width: 100%;}
	
	.right_col.wisky-gallery{overflow: hidden; display: inline-block; vertical-align: top; max-width: 1364px;}
	.right_col.wisky-gallery .inner{width: 100%;}
	
	.wisky-left.flip{width: 0; height: calc(100vh - 114px); border: 0;}
	.wisky-left.flip .left-flip-btn{top: 20px; transform: rotate(0deg);}
	.wisky-left.flip~.right_col.wisky-gallery{width: 100%; max-width: 100%;}
	.wisky-left.flip~.right_col.wisky-gallery .inner{margin: 0 auto; padding: 20px 20px 0 40px; width: 1380px;}
} */
/* @media screen and (max-width: 1480px){
	.container.body{min-width: 1440px;}
	.inner{min-width: 1440px; width: 100%;}
	.wisky-left .inner{min-width: 100%;}
	.right_col.wisky-gallery .inner{min-width: inherit}
}
 */
 .wisky-left{display: inline-block; vertical-align: top; position: relative; top: 0; left: 0;}
.right_col.wisky-gallery{display: inline-block; vertical-align: top; width: calc(100% - 520px);}
.container.body{min-width: 100%;    height: 100%;    background: #FCFDFF;}
.container.body.dark{background: #1A1E23;}
.main_inner{width: 100%; }

.right_col.wisky-gallery{overflow: hidden; display: inline-block; vertical-align: top; max-width: 1364px;}
.right_col.wisky-gallery .inner{width: 100%;}

.wisky-left.flip{width: 0; height: calc(100vh - 114px); border: 0;}
.wisky-left.flip .left-flip-btn{top: 20px; transform: rotate(0deg);}
.wisky-left.flip~.right_col.wisky-gallery{width: 100%; max-width: 100%;}
.wisky-left.flip~.right_col.wisky-gallery .inner{margin: 0 auto; padding: 20px 20px 0 40px; width: 100%;}
 
/* 개별 스타일 */

/* float */
.float-l{float: left !important;}
.float-r{float: right !important;}
.overflow-h{overflow: hidden;}

/* text-align */
.txt-l{text-align: left !important}
.txt-r{text-align: right !important}
.txt-c{text-align: center !important}

/* font-weight */
.fw-n{font-weight: 400;}

/* margin setting */

/* margin, padding zero */
.mt0{margin-top: 0 !important;}
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.mzero{margin: 0 !important;}
.pzero{padding: 0 !important;}

/* width - px */
.w5 {width: 5px !important;}
.w10 {width: 10px !important;}
.w15 {width: 15px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w35 {width: 35px !important;}
.w40 {width: 40px !important;}
.w45 {width: 45px !important;}
.w50 {width: 50px !important;}
.w55 {width: 55px !important;}
.w60 {width: 60px !important;}
.w65 {width: 65px !important;}
.w70 {width: 70px !important;}
.w75 {width: 75px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w95 {width: 95px !important;}
.w100{width: 100px !important;}
.w110{width: 110px !important;}
.w115{width: 115px !important;}
.w120{width: 120px !important;}
.w128_5{width: 128.5px !important;}
.w130{width: 130px !important;}
.w140{width: 140px !important;}
.w150{width: 150px !important;}
.w160{width: 160px !important;}
.w165{width: 165px !important;}
.w170{width: 170px !important;}
.w180{width: 180px !important;}
.w190{width: 190px !important;}
.w200{width: 200px !important;}
.w210{width: 210px !important;}
.w220{width: 220px !important;}
.w230{width: 230px !important;}
.w240{width: 240px !important;}
.w250{width: 250px !important;}
.w260{width: 260px !important;}
.w270{width: 270px !important;}
.w280{width: 280px !important;}
.w281{width: 281px !important;}
.w290{width: 290px !important;}
.w300{width: 300px !important;}
.w310{width: 310px !important;}
.w320{width: 310px !important;}
.w328{width: 328px !important;}
.w330{width: 330px !important;}
.w340{width: 340px !important;}
.w350{width: 350px !important;}
.w360{width: 360px !important;}
.w370{width: 370px !important;}
.w380{width: 380px !important;}
.w390{width: 390px !important;}
.w400{width: 400px !important;}
.w440{width: 430px !important;}
.w440{width: 440px !important;}
.w600{width: 600px !important;}

.h100{height: 100px !important;}
.h200{height: 200px !important;}
.h300{height: 300px !important;}
.h350{height: 350px !important;}
.h810{height: 810px !important;}

.h100p{height: 100% !important;}

/* width - percent */
.w1p{width: 1% !important;}
.w2p{width: 2% !important;}
.w3p{width: 3% !important;}
.w4p{width: 4% !important;}
.w5p{width: 5% !important;}
.w6p{width: 6% !important;}
.w7p{width: 7% !important;}
.w8p{width: 8% !important;}
.w9p{width: 9% !important;}
.w10p{width: 10% !important;}
.w11p{width: 11% !important;}
.w12p{width: 12% !important;}
.w13p{width: 13% !important;}
.w14p{width: 14% !important;}
.w15p{width: 15% !important;}
.w16p{width: 16% !important;}
.w17p{width: 17% !important;}
.w18p{width: 18% !important;}
.w19p{width: 19% !important;}
.w20p{width: 20% !important;}
.w21p{width: 21% !important;}
.w22p{width: 22% !important;}
.w23p{width: 23% !important;}
.w24p{width: 24% !important;}
.w25p{width: 25% !important;}
.w26p{width: 26% !important;}
.w27p{width: 27% !important;}
.w28p{width: 28% !important;}
.w29p{width: 29% !important;}
.w30p{width: 30% !important;}
.w31p{width: 31% !important;}
.w32p{width: 32% !important;}
.w33p{width: 33% !important;}
.w34p{width: 34% !important;}
.w35p{width: 35% !important;}
.w36p{width: 36% !important;}
.w37p{width: 37% !important;}
.w38p{width: 38% !important;}
.w39p{width: 39% !important;}
.w40p{width: 40% !important;}
.w41p{width: 41% !important;}
.w42p{width: 42% !important;}
.w43p{width: 43% !important;}
.w44p{width: 44% !important;}
.w45p{width: 45% !important;}
.w46p{width: 46% !important;}
.w47p{width: 47% !important;}
.w48p{width: 48% !important;}
.w49p{width: 49% !important;}
.w50p{width: 50% !important;}
.w51p{width: 51% !important;}
.w52p{width: 52% !important;}
.w53p{width: 53% !important;}
.w54p{width: 54% !important;}
.w55p{width: 55% !important;}
.w56p{width: 56% !important;}
.w57p{width: 57% !important;}
.w58p{width: 58% !important;}
.w59p{width: 59% !important;}
.w60p{width: 60% !important;}
.w61p{width: 61% !important;}
.w62p{width: 62% !important;}
.w63p{width: 63% !important;}
.w64p{width: 64% !important;}
.w65p{width: 65% !important;}
.w66p{width: 66% !important;}
.w67p{width: 67% !important;}
.w68p{width: 68% !important;}
.w69p{width: 69% !important;}
.w70p{width: 70% !important;}
.w71p{width: 71% !important;}
.w72p{width: 72% !important;}
.w73p{width: 73% !important;}
.w74p{width: 74% !important;}
.w75p{width: 75% !important;}
.w76p{width: 76% !important;}
.w77p{width: 77% !important;}
.w78p{width: 78% !important;}
.w79p{width: 79% !important;}
.w80p{width: 80% !important;}
.w81p{width: 81% !important;}
.w82p{width: 82% !important;}
.w83p{width: 83% !important;}
.w84p{width: 84% !important;}
.w85p{width: 85% !important;}
.w86p{width: 86% !important;}
.w87p{width: 87% !important;}
.w88p{width: 88% !important;}
.w89p{width: 89% !important;}
.w90p{width: 90% !important;}
.w91p{width: 91% !important;}
.w92p{width: 92% !important;}
.w93p{width: 93% !important;}
.w94p{width: 94% !important;}
.w95p{width: 95% !important;}
.w96p{width: 96% !important;}
.w97p{width: 97% !important;}
.w98p{width: 98% !important;}
.w99p{width: 99% !important;}
.w100p{width: 100% !important;}

/* margin */
/* margin-top - px */
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt11{margin-top: 11px !important;}
.mt12{margin-top: 12px !important;}
.mt13{margin-top: 13px !important;}
.mt14{margin-top: 14px !important;}
.mt15{margin-top: 15px !important;}
.mt16{margin-top: 16px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt41{margin-top: 41px !important;}
.mt42{margin-top: 42px !important;}
.mt43{margin-top: 43px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt55{margin-top: 55px !important;}
.mt60{margin-top: 60px !important;}
.mt65{margin-top: 65px !important;}
.mt70{margin-top: 70px !important;}
.mt75{margin-top: 75px !important;}
.mt80{margin-top: 80px !important;}
.mt85{margin-top: 85px !important;}
.mt90{margin-top: 90px !important;}
.mt95{margin-top: 95px !important;}
.mt100{margin-top: 100px !important;}
.mt150{margin-top: 150px !important;}
.mt159{margin-top: 159px !important;}
.mt200{margin-top: 200px !important;}

/* margin-bottom - px */
.mb3{margin-bottom: 3px !important;}
.mb5{margin-bottom: 5px !important;}
.mb7{margin-bottom: 7px !important;}
.mb8{margin-bottom: 8px !important;}
.mb10{margin-bottom: 10px !important;}
.mb11{margin-bottom: 11px !important;}
.mb12{margin-bottom: 12px !important;}
.mb13{margin-bottom: 13px !important;}
.mb14{margin-bottom: 14px !important;}
.mb15{margin-bottom: 15px !important;}
.mb16{margin-bottom: 16px !important;}
.mb20{margin-bottom: 20px !important;}
.mb24{margin-bottom: 24px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb41{margin-bottom: 41px !important;}
.mb42{margin-bottom: 42px !important;}
.mb43{margin-bottom: 43px !important;}
.mb44{margin-bottom: 44px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb55{margin-bottom: 55px !important;}
.mb60{margin-bottom: 60px !important;}
.mb65{margin-bottom: 65px !important;}
.mb70{margin-bottom: 70px !important;}
.mb75{margin-bottom: 75px !important;}
.mb80{margin-bottom: 80px !important;}
.mb85{margin-bottom: 85px !important;}
.mb90{margin-bottom: 90px !important;}
.mb95{margin-bottom: 95px !important;}
.mb100{margin-bottom: 100px !important;}

/* margin-left - px */
.ml5{margin-left: 5px !important;}
.ml7{margin-left: 7px !important;}
.ml8{margin-left: 8px !important;}
.ml10{margin-left: 10px !important;}
.ml16{margin-left: 16px !important;}
.ml20{margin-left: 20px !important;}
.ml24{margin-left: 24px !important;}
.ml25{margin-left: 25px !important;}
.ml26{margin-left: 26px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}
.ml55{margin-left: 55px !important;}
.ml60{margin-left: 60px !important;}
.ml65{margin-left: 65px !important;}
.ml70{margin-left: 70px !important;}
.ml75{margin-left: 75px !important;}
.ml80{margin-left: 80px !important;}
.ml85{margin-left: 85px !important;}
.ml90{margin-left: 90px !important;}
.ml95{margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}

/* margin-right - px */
.mr5{margin-right: 5px !important;}
.mr7{margin-right: 7px !important;}
.mr8{margin-right: 8px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr26{margin-right: 26px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}
.mr55{margin-right: 55px !important;}
.mr60{margin-right: 60px !important;}
.mr65{margin-right: 65px !important;}
.mr70{margin-right: 70px !important;}
.mr75{margin-right: 75px !important;}
.mr80{margin-right: 80px !important;}
.mr85{margin-right: 85px !important;}
.mr90{margin-right: 90px !important;}
.mr95{margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

/* margin-top - % */
.mt5p{margin-top: 5% !important;}
.mt10p{margin-top: 10% !important;}
.mt15p{margin-top: 15% !important;}
.mt20p{margin-top: 20% !important;}
.mt25p{margin-top: 25% !important;}
.mt30p{margin-top: 30% !important;}
.mt35p{margin-top: 35% !important;}
.mt40p{margin-top: 40% !important;}
.mt45p{margin-top: 45% !important;}
.mt50p{margin-top: 50% !important;}
.mt55p{margin-top: 55% !important;}
.mt60p{margin-top: 60% !important;}
.mt65p{margin-top: 65% !important;}
.mt70p{margin-top: 70% !important;}
.mt75p{margin-top: 75% !important;}
.mt80p{margin-top: 80% !important;}
.mt85p{margin-top: 85% !important;}
.mt90p{margin-top: 90% !important;}
.mt95p{margin-top: 95% !important;}
.mt100p{margin-top: 100% !important;}

/* margin-bottom - % */
.mb5p{margin-bottom: 5% !important;}
.mb10p{margin-bottom: 10% !important;}
.mb15p{margin-bottom: 15% !important;}
.mb20p{margin-bottom: 20% !important;}
.mb25p{margin-bottom: 25% !important;}
.mb30p{margin-bottom: 30% !important;}
.mb35p{margin-bottom: 35% !important;}
.mb40p{margin-bottom: 40% !important;}
.mb45p{margin-bottom: 45% !important;}
.mb50p{margin-bottom: 50% !important;}
.mb55p{margin-bottom: 55% !important;}
.mb60p{margin-bottom: 60% !important;}
.mb65p{margin-bottom: 65% !important;}
.mb70p{margin-bottom: 70% !important;}
.mb75p{margin-bottom: 75% !important;}
.mb80p{margin-bottom: 80% !important;}
.mb85p{margin-bottom: 85% !important;}
.mb90p{margin-bottom: 90% !important;}
.mb95p{margin-bottom: 95% !important;}
.mb100p{margin-bottom: 100% !important;}

/* margin-left - % */
.ml1p{margin-left: 1% !important;}
.ml2p{margin-left: 2% !important;}
.ml3p{margin-left: 3% !important;}
.ml4p{margin-left: 4% !important;}
.ml5p{margin-left: 5% !important;}
.ml6p{margin-left: 6% !important;}
.ml7p{margin-left: 7% !important;}
.ml8p{margin-left: 8% !important;}
.ml9p{margin-left: 9% !important;}
.ml10p{margin-left: 10% !important;}
.ml10p{margin-left: 10% !important;}
.ml10p{margin-left: 10% !important;}
.ml10p{margin-left: 10% !important;}
.ml10p{margin-left: 10% !important;}
.ml16p{margin-left: 15% !important;}
.ml16p{margin-left: 15% !important;}
.ml15p{margin-left: 15% !important;}
.ml16p{margin-left: 15% !important;}
.ml16p{margin-left: 15% !important;}
.ml20p{margin-left: 20% !important;}
.ml21p{margin-left: 21% !important;}
.ml22p{margin-left: 22% !important;}
.ml23p{margin-left: 23% !important;}
.ml24p{margin-left: 24% !important;}
.ml25p{margin-left: 25% !important;}
.ml26p{margin-left: 26% !important;}
.ml27p{margin-left: 27% !important;}
.ml28p{margin-left: 28% !important;}
.ml29p{margin-left: 29% !important;}
.ml30p{margin-left: 30% !important;}
.ml31p{margin-left: 31% !important;}
.ml32p{margin-left: 32% !important;}
.ml33p{margin-left: 33% !important;}
.ml34p{margin-left: 34% !important;}
.ml35p{margin-left: 35% !important;}
.ml36p{margin-left: 36% !important;}
.ml37p{margin-left: 37% !important;}
.ml38p{margin-left: 38% !important;}
.ml39p{margin-left: 39% !important;}
.ml40p{margin-left: 40% !important;}
.ml41p{margin-left: 41% !important;}
.ml42p{margin-left: 42% !important;}
.ml43p{margin-left: 43% !important;}
.ml44p{margin-left: 44% !important;}
.ml45p{margin-left: 45% !important;}
.ml46p{margin-left: 46% !important;}
.ml47p{margin-left: 47% !important;}
.ml48p{margin-left: 48% !important;}
.ml49p{margin-left: 49% !important;}
.ml50p{margin-left: 50% !important;}
.ml51p{margin-left: 51% !important;}
.ml52p{margin-left: 52% !important;}
.ml53p{margin-left: 53% !important;}
.ml54p{margin-left: 54% !important;}
.ml55p{margin-left: 55% !important;}
.ml56p{margin-left: 56% !important;}
.ml57p{margin-left: 57% !important;}
.ml58p{margin-left: 58% !important;}
.ml59p{margin-left: 59% !important;}
.ml60p{margin-left: 60% !important;}
.ml61p{margin-left: 61% !important;}
.ml62p{margin-left: 62% !important;}
.ml63p{margin-left: 63% !important;}
.ml64p{margin-left: 64% !important;}
.ml65p{margin-left: 65% !important;}
.ml66p{margin-left: 66% !important;}
.ml67p{margin-left: 67% !important;}
.ml68p{margin-left: 68% !important;}
.ml69p{margin-left: 69% !important;}
.ml70p{margin-left: 70% !important;}
.ml71p{margin-left: 71% !important;}
.ml72p{margin-left: 72% !important;}
.ml73p{margin-left: 73% !important;}
.ml74p{margin-left: 74% !important;}
.ml75p{margin-left: 75% !important;}
.ml76p{margin-left: 76% !important;}
.ml77p{margin-left: 77% !important;}
.ml78p{margin-left: 78% !important;}
.ml79p{margin-left: 79% !important;}
.ml80p{margin-left: 80% !important;}
.ml81p{margin-left: 81% !important;}
.ml82p{margin-left: 82% !important;}
.ml83p{margin-left: 83% !important;}
.ml84p{margin-left: 84% !important;}
.ml85p{margin-left: 85% !important;}
.ml86p{margin-left: 86% !important;}
.ml87p{margin-left: 87% !important;}
.ml88p{margin-left: 88% !important;}
.ml89p{margin-left: 89% !important;}
.ml90p{margin-left: 90% !important;}
.ml91p{margin-left: 91% !important;}
.ml92p{margin-left: 92% !important;}
.ml93p{margin-left: 93% !important;}
.ml94p{margin-left: 94% !important;}
.ml95p{margin-left: 95% !important;}
.ml96p{margin-left: 96% !important;}
.ml97p{margin-left: 97% !important;}
.ml98p{margin-left: 98% !important;}
.ml99p{margin-left: 99% !important;}
.ml100p{margin-left: 100% !important;}

/* margin-right - % */
.mr5p{margin-right: 5% !important;}
.mr10p{margin-right: 10% !important;}
.mr15p{margin-right: 15% !important;}
.mr20p{margin-right: 20% !important;}
.mr25p{margin-right: 25% !important;}
.mr30p{margin-right: 30% !important;}
.mr35p{margin-right: 35% !important;}
.mr40p{margin-right: 40% !important;}
.mr45p{margin-right: 45% !important;}
.mr50p{margin-right: 50% !important;}
.mr55p{margin-right: 55% !important;}
.mr60p{margin-right: 60% !important;}
.mr65p{margin-right: 65% !important;}
.mr70p{margin-right: 70% !important;}
.mr75p{margin-right: 75% !important;}
.mr80p{margin-right: 80% !important;}
.mr85p{margin-right: 85% !important;}
.mr90p{margin-right: 90% !important;}
.mr95p{margin-right: 95% !important;}
.mr100p{margin-right: 100% !important;}

/* padding */
/* padding-top - px */
.pt5{padding-top: 5px !important;}
.pt7{padding-top: 7px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt34{padding-top: 34px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt55{padding-top: 55px !important;}
.pt60{padding-top: 60px !important;}
.pt65{padding-top: 65px !important;}
.pt70{padding-top: 70px !important;}
.pt75{padding-top: 75px !important;}
.pt80{padding-top: 80px !important;}
.pt85{padding-top: 85px !important;}
.pt90{padding-top: 90px !important;}
.pt95{padding-top: 95px !important;}
.pt100{padding-top: 100px !important;}

/* padding-bottom - px */
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb55{padding-bottom: 55px !important;}
.pb60{padding-bottom: 60px !important;}
.pb65{padding-bottom: 65px !important;}
.pb70{padding-bottom: 70px !important;}
.pb75{padding-bottom: 75px !important;}
.pb80{padding-bottom: 80px !important;}
.pb85{padding-bottom: 85px !important;}
.pb90{padding-bottom: 90px !important;}
.pb95{padding-bottom: 95px !important;}
.pb100{padding-bottom: 100px !important;}

/* padding-left - px */
.pl5{padding-left: 5px !important;}
.pl7{padding-left: 7px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl26{padding-left: 26px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}
.pl55{padding-left: 55px !important;}
.pl60{padding-left: 60px !important;}
.pl65{padding-left: 65px !important;}
.pl70{padding-left: 70px !important;}
.pl75{padding-left: 75px !important;}
.pl80{padding-left: 80px !important;}
.pl85{padding-left: 85px !important;}
.pl90{padding-left: 90px !important;}
.pl95{padding-left: 95px !important;}
.pl100 {padding-left: 100px !important;}

/* padding-right - px */
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr26{padding-right: 26px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}
.pr55{padding-right: 55px !important;}
.pr60{padding-right: 60px !important;}
.pr65{padding-right: 65px !important;}
.pr70{padding-right: 70px !important;}
.pr75{padding-right: 75px !important;}
.pr80{padding-right: 80px !important;}
.pr85{padding-right: 85px !important;}
.pr90{padding-right: 90px !important;}
.pr95{padding-right: 95px !important;}
.pr100 {padding-right: 100px !important;}

.pd0{padding: 0px !important;}
.pd10{padding: 10px !important;}
.pd20{padding: 20px !important;}
.pd40{padding: 40px !important;}
.pd50{padding: 50px !important;}
.cp{cursor: pointer;}






/* 20210820 Added */
td.disabled{color: #999; cursor: not-allowed; text-decoration: line-through;}

button:focus {outline: initial !important;}