/* LAB : DARKMODE >>*/
:root {
	--pagenation-on:#12253f;
  }

html.darkmode:root {
	--pagenation-on:#bfbfbf;
}
/*<< LAB : DARKMODE */

.custom_info {font-size: 15px;color: #6e84a3;margin-bottom: 5px;}
a {cursor: pointer;}

.dataTables_paginate .paginate_button.first {background-image: url("/images/bul_paging2_l.png");}
.dataTables_paginate .paginate_button.previous {background-image: url("/images/bul_paging_l.png");}
.dataTables_paginate .paginate_button.next {background-image: url("/images/bul_paging_r.png");}
.dataTables_paginate .paginate_button.last {background-image: url("/images/bul_paging2_r.png");}
.dataTables_paginate > .paginate_button {display: inline-block;width: 1.5rem;height: 1.5rem;vertical-align: middle;text-indent: -9999px;overflow: hidden;background-position: 50% 50%;background-repeat: no-repeat;background-size: 30px;}

a.current:before,
.paging span.page .paginate_button:hover:before {content: "";position: absolute;bottom: 6px;left: 50%;display: inline-block;width: 8px;height: 2px;margin-left: -4px;background: #76f492;}
.paging span a.current,
.paging span a:hover {color: #12253f;color:var(--pagenation-on);}
:focus {outline: 0;}
.tb_basic th {cursor: pointer;}
.dataTables_empty {vertical-align: middle;}
.pointer_none {pointer-events: none;}

/* LAB : DARKMODE >>*/
.switch {position: relative;display: inline-block;width: 116px;height: 36px;}
.switch input {opacity: 0;width: 0;height: 0;}	
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}	
.slider:after {content:"DAY MODE";position:absolute;right:13px;top:0;height:36px;line-height:36px;color:#262626;font-size:12px;}
.slider:before {position: absolute;content: "";height: 28px;width: 28px;left: 4px;bottom: 4px;background-color: white;background-image:url('/images/ico_daymode.png');background-repeat:no-repeat;background-position:50% 50%;-webkit-transition: .4s;transition: .4s;}	
input:checked + .slider {background-color: #363636;}	
input:focus + .slider {box-shadow: 0 0 1px #363636;}	
input:checked + .slider:before {-webkit-transform: translateX(80px);-ms-transform: translateX(80px);transform: translateX(80px);background-color:#171717;background-image:url('/images/ico_darkmode.png');}
input:checked + .slider:after {content:"DARK MODE";left:10px;right:auto;color:#b3b3b3;}
.slider.round {	  border-radius: 34px;	}	
.slider.round:before {	  border-radius: 50%;	}
/*<< LAB : DARKMODE */

/* Valdation Error >>*/
.error {color: #ff8c8ced;font-size: .7rem;}
.show_error {text-align: left;padding-left: 13px;}
.flex_center {display: flex;justify-content: center;align-items: center;padding: 60px 0;}
.find_id_wrap {width: 360px;}
.find_pw_wrap {width: 360px;}
.header {text-align: center;font-weight: bold;font-size: 24px;}
.guidance {	font-size: 15px;color: #6e84a3;margin: 25px 0;}
.label {font-size: 14px;font-weight: 500;margin: 0 0 0.3rem 0;letter-spacing: -0.5px;display: block;}
.input_wrap {margin: 10px 0;}
.cus_bt {padding: 10px;	font-size: .7rem;border-radius: 2px;border: 1px solid #94abcc;color: #94abcc;width: 110px;margin-left: 15px;flex: none;}
.d_flex {display: flex;}
.m_t_40 {margin-top: 40px;}
.countdown{color: #0c8a4a;font-size:.6rem;}
.link{color: #2b7be5;border-bottom: 1px solid #2b7be5;font-size: .7rem;font-weight: 500;line-height: initial;margin: 0 5px;left: 100px;position: relative;}
.a_bt {height: 50px !important;display: flex;align-items: center;justify-content: center;}
.c_tb{	width: 100%;border: 1px solid #6e84a3;	text-align: center;	font-size: 14px;}
.c_tb td{border: 1px solid #6e84a3;	color: #6e84a3;	padding: 5px;}
.guide{	height: auto;	color: black;}
/*<< Valdation Error */

.tooltip {position: relative;display: inline-block;background: url(/images/ico_information.png) no-repeat 50% 50%;width: 20px;height: 20px;vertical-align: middle;margin: -3px 0 0 0;}
.tooltip .tooltiptext {visibility: hidden;position: absolute;width: 200px;left: -80px;top: 30px;padding: 10px;background: #fff;border-radius: 3px;border: 1px solid #acacac;box-shadow: 0px 0px 3px #ddd;font-size: 12px;line-height: 140%;font-weight: normal;text-align: left;color: #6e84a3;} 
.tooltip:hover .tooltiptext {visibility: visible;}
.tooltiptext:after{content: "";position: absolute;left: 30%;top: -5px;display: inline-block;width: 7px;height: 7px;background: #fff;transform: rotate(45deg);border-top: 1px solid #acacac;border-left: 1px solid #acacac;}
footer .btn_page_top {bottom: 100px;}