/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
html,body {
	font-family:'Noto Sans KR',sans-serif !important;
	font-size:11pt;
	color:#687d88;
	line-height:20pt;
	letter-spacing:-1px;
	width:100%;
	max-width:100%;
}

/* 190512 스크롤 모양 변경 */
/*::-webkit-scrollbar {
	width:3px;
	height:3px;
}
::-webkit-scrollbar-track {
	background-color:#eaeaea;
	border-left:0px solid #a1a1a1;
}
::-webkit-scrollbar-thumb {
	background-color:#a1a1a1;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}*/


/* bootstrap css overwrite */
.popover {
	z-index:1;
	background-color:#26323e;
	border:0;
	width:215px;
	height:140px;
	box-shadow:10px 10px 36px -6px rgba(0,0,0,0.25);
	top:15px !important;
}
.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after {
	border-left-color:#26323e;
	top:-15px !important;
}
.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before {
	border-left-color:transparent;
	top:-15px !important;
}
.form-group {
	margin:0 0 13px 0;
}
.form-group.Register_First {
	margin-bottom:0;
}
.form-control {
	border-color:#dae5ea;
	border-radius:5px;
}
.form-control:focus {
	border-color:#fff;
	outline:0;
	border:1px solid transparent;
	box-shadow:inset 0 0 0 2px #8db7dd;
}
.form-control::-webkit-input-placeholder {
	color:#8ea3ae;
}
.form-control.input-block,
.custom-select.input-block{ display:inline-block; width:160px; vertical-align: middle;}
.btn {
	background-color:#017cc4;
	color:#fff;
	border-radius:5px;
}
.btn.disabled,.btn[disabled] {
	background-color:#8ea3ae;
}
.btn.focus,.btn:focus {
	box-shadow:0 0 0 2px #8db7dd;
}
.dropdown-toggle {
	background-color:#fff;
	border-color:#dae5ea;
	border-radius:5px;
	color:#8ea3ae;
	padding-right:20px;
	text-align:left;
}
.dropdown-toggle:after {
	top:-2px;
	right:0;
	margin-left:4px;
	width:6px;
	height:6px;
	transform:rotate(45deg);
	border:0;
	border-right:1px solid #8ea3ae;
	border-bottom:1px solid #8ea3ae;
	opacity:.7;
	position:absolute;
	right:7px;
	top:35%;
}
.input-group-text.loginformIDName {
	background:transparent;
	border-right:0;
	color:#017cc4;
	font-weight:900;
}
li.page-item a {
	width:16px;
	height:16px;
	font-size:12px !important;
	font-weight:900;
	color:#a9b4ba !important;
	border-radius:3px;
	border-color:#e1f3fc;
	background-color:#e1f3fc;
	padding:0 !important;
	line-height:13px !important;
	margin-top:15px;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
}
li.page-item:nth-child(-n+2) a {
	width:16px;
	height:16px;
	font-size:17px !important;
	font-weight:900;
	color:#96a9b4 !important;
	border-radius:3px;
	border-color:#dae5ea;
	padding:0 !important;
	line-height:9px !important;
	background-color:#fff;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
}
li.page-item:nth-child(-n+2) a:hover {
	border:1px solid #dee2e6;
	color:#017cc4 !important;
	/* top:1px;*/
}
li.page-item:nth-last-child(-n+2) a {
	width:16px;
	height:16px;
	font-size:17px !important;
	font-weight:900;
	color:#96a9b4 !important;
	border-radius:3px;
	border-color:#dae5ea;
	padding:0 !important;
	line-height:9px !important;
	background-color:#fff;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
}
li.page-item:nth-last-child(-n+2) a:hover {
	border:1px solid #dee2e6;
	color:#017cc4 !important;
	/* top:1px;*/
}
.page-item.active .page-link {
	color:#017cc4 !important;
	background-color:#e1f3fc;
	border:#e1f3fc;
	top:1px;
}
.page-link:hover {
	background:transparent;
	border:0;
	/* top:1px;*/
}
/* .modal-dialog {
	max-width:582px;
}*/
.modal-content,.modal-header,.modal-footer {
	border:0;
}
.modal-header {
	padding:40px 0 0 50px;
}
.modal-header .close {
	padding:0;
	position:absolute;
	right:0;
	top:0;
	margin:15px 20px 0 0;
	font-size:25pt;
	color:#017cc4;
	opacity:1;
}
.modal-body {
	padding:15px 50px 15px 50px;
}
.modal-footer {
	padding:0 50px 40px;
}
.modal-title {
	margin-bottom:0;
	line-height:1.5;
	font-size:20pt;
}
.modal-txt {
	margin-bottom:0;
	line-height:1.5;
	font-size:9pt;
	margin-bottom:10px;
}
.modal-backdrop.show {
	opacity:.3;
}
#ui-datepicker-div{ z-index:1050 !important;}
.col-form-label.Register {
	color:#687d88;
	font-weight:900;
	display:inline-block;
	padding:7px 13px 0 0;
	font-size:12pt;
}
.btn.dropdown-toggle.btn-block.Register_Size {
	width:90%;
	left:10px;
	position:relative;
}
.Select_Register_Size {
/*
	width:90%;
	left:7%;
*/
	position:relative;
}
.hidden {
	display:none!important;
	visibility:hidden!important;
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
	color:#8a9aa3;
	background-color:transparent;
}
.nav-link.active:after {
	content:'';
	display:block;
	width:100%;
	height:3px;
	background-color:#018aac;
}
.nav-link.mainMenuact.active {
	font-weight:900;
	color:#000;
}
.nav-link.mainMenuact.active:after {
	content:'';
	display:block;
	width:100%;
	height:3px;
	background-color:#017cc4;
}
.custom-select {
	background:#fff url(../images/dropdownarrow.png) no-repeat right .4rem center;
	border:1px solid #dae5ea;
	width : 120px;
    color: #495057 !important;
}
.custom-select:focus {
	box-shadow: inset 0 0 0 2px #8db7dd;
}
/* bootstrap overwrite end */
/* select */
.combo-select {
	font-family:'Noto Sans KR',sans-serif !important;
	font-size:11pt;
	border:1px #dae5ea solid;
	color:#8ea3ae;
	margin-bottom:0;
	box-shadow:none;
	border-radius:5px;
}
.combo-select_Register_Size {
	margin:0 8px 0 8px;
}
.combo-input {
	border-color:#dae5ea;
	padding:5px 10px;
	color:#8ea3ae;
	border-radius: 5px;
}
.combo-dropdown {
	border:1px solid #dae5ea;
	/* box-shadow:3px 3px 15px 0 rgba(0,0,0,0.15);*/
	box-shadow:none;
	color:#8ea3ae;
	border:#fff;
	border-radius:0 0 5px 5px;
}
input.combo-input::placeholder {
	color:#8ea3ae;
}
.combo-arrow {
	color:#8ea3ae;
	background:#fff url(../images/dropdownarrow.png) no-repeat right .4rem center;
	border-radius:5px;
	width:17px;
}
.combo-arrow:before {
	border:0;
}
.option-hover {
	background-color: #037cc4;
}
.option-item {
	/* border-bottom:1px #dae5ea solid;*/
	border:0;
}
.option-item:hover {
	background-color:#037cc4;
}
.combo-dropdown li {
	padding:8px;
}
.combo-dropdown li.option-disabled {
	display: none !important;
}
/* select end */
a {
	position:relative;
	display:block;
}
h1 {
	font-size:24pt;
	color:#000;
	font-weight:bold;
}
h2 {
	font-size:24pt;
	color:#017cc4;
	font-weight:bold;
}
h2.h3{ font-size:1.3rem; font-weight:600;}
h3 {
	font-size:16pt;
	color:#687d88;
	font-weight:bold;
	margin:10px 0 10px 0;
}
h4 {
	font-size:14pt;
	color:#73797d;
	font-weight:bold;
}
h5 {
	font-size:14pt;
	color:#017cc4;
	font-weight:bold;
}
h6 {
	font-size:12pt;
	color:#8ea3ae;
	font-weight:bold;
}
.bg {
	background:rgba(6,213,245,1);
	background:-moz-linear-gradient(top,rgba(6,213,245,1) 0%,rgba(1,124,196,1) 100%);
	background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(6,213,245,1)),color-stop(100%,rgba(1,124,196,1)));
	background:-webkit-linear-gradient(top,rgba(6,213,245,1) 0%,rgba(1,124,196,1) 100%);
	background:-o-linear-gradient(top,rgba(6,213,245,1) 0%,rgba(1,124,196,1) 100%);
	background:-ms-linear-gradient(top,rgba(6,213,245,1) 0%,rgba(1,124,196,1) 100%);
	background:linear-gradient(to bottom,rgba(6,213,245,1) 0%,rgba(1,124,196,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#06d5f5',endColorstr='#017cc4',GradientType=0 );
	width:100%;
	height:100%;
	position:fixed;
}
.loginpop {
	width:533px;
	height:756px;
	position:relative;
	display:block;
	background-color:#fff;
	border-radius:5px;
	margin:0 auto;
	box-shadow:10px 10px 36px -6px rgba(0,0,0,0.25);
	margin:0 auto;
	padding:100px 70px 53px;
	text-align:center;
}
.loginpop h1 {
	color:#363739;
	padding:18px 0 97px 0;
}
.loginpop h3 {
	font-size:14pt;
}
form.login {
	margin-bottom:70px;
}
.form-group.login {
	margin:15px 0 15px 0
}
#loginformID {
	border-left:0;
}
.top {
	position:relative;
	display:flex;
	width:1240px;
	height:49px;
	margin:0 auto;
    top: 25px;
}
.logo {
	position:relative;
	display:inline-block;
	background:url('../images/logo.png');
	background-size:cover;
	width:140px;
	height:38px; /* 190218 */
}
.logo.login {
	background:url('../images/logo_login.png');
	width:181px;
	height: 82px; /* 190218 */
}
.title {
	position:absolute;
	display:inline-block;
	height:44px;
	margin:0 auto;
	/* margin:18px 0 18px 0;*/
	margin-top:14px;
	margin-left:9px;
	/* margin-bottom:18px;*/
	/* vertical-align:middle;*/
	font-size:16pt;
	font-weight:bold;
	color:#fff;
}
.notification {
	position:absolute;
	width:20px;
	height:49px;
	top:12px;
	cursor:pointer;
	right:0;
	margin-right:205px;
	z-index:500;
}
.notificationNum {
	position:absolute;
	width:17px;
	height:17px;
	border-radius:17px;
	background-color:#ffbf5b;
	color:#fff;
	text-align:center;
	font-size:8pt;
	box-shadow:2px 4px 4px -2px rgba(0,0,0,.25);
	line-height:12pt;
	padding:0;
	left:-6px;
	top:-6px;
	z-index:500;
}
.notificationNum:hover {
	background-color:#f9b540;
}
.profileText {
	position:absolute;
	width:auto;
	height:49px;
	display:block;
	font-size:18px;
	color:#fff;
	top:0;
	right:0;
	margin-top:4px;
	margin-right:105px;
	line-height:40px;
	z-index:500;
}
.profilePic {
	width:49px;
	height:49px;
	position:absolute;
	display:block;
	margin:0 42px 0 0;
	right:0;
	z-index:500;
}
.navbtn {
	position:absolute;
	display:inline-block;
	border:none;
	width:20px;
	height:49px;
	top:0;
	right:0;
	padding-top:15px;
	cursor:pointer;
}
.hambg {
	display:block;
	background:url('../images/nav_hambg.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:block;
}
.hambgClose {
	background:url(../images/nav_close.png);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	right:0;
	margin-right:-28px;
	top:5px;
}
ul.navMenu {
	position:absolute;
	bottom:0;
	text-align:right;
	right:0;
	color:#fff;
	font-size:12pt;
	padding:22px 14px;
	line-height:21pt;
}
ul.navMenu li a{ color:#8a9aa3;} /* 190219 */
ul.navMenu li a:hover {
	color:#f9b540; /* 190219 */
}
#a1 ul li {
	font-size:20pt;
	color:#fff;
}
#a1 ul li.active {
	color: aqua;
}
.frame {
	/* position:relative;display:block;background-color:#e1f3fc;border-radius:5px;width:1240px;height:820px;margin:0 auto;margin-bottom:25px;margin-top:18px;box-shadow:10px 10px 36px -6px rgba(0,0,0,0.25);overflow:hidden;*/
	position:relative;
	display:block;
	background-color:#e1f3fc;
	border-radius:5px;
	width:1240px;
	height:auto;
	margin:0 auto;
	margin-bottom:55px;
	/* top:-90%;*/
	/* top:-100%;*/
	margin-top: 43px;
	box-shadow:10px 10px 36px -6px rgba(0,0,0,0.25);
	overflow:hidden;
}
.frameSidebar_Menu {
	width:72px;
	height:100%;
	background-color:#1b2631;
	color:#7e8388;
	position:absolute;
	top:0;
	border-radius:5px 0 0 5px;
	z-index:100;
}
.frameSidebar_Menu-ul {
	top:50px;
	position:relative;
	font-size:9pt;
	text-align:center;
}
.frameSidebar_png {
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
ul.frameSidebar_Menu-ul li.chkMenu::after {
    background-color:#f9b540;
}
ul.frameSidebar_Menu-ul li.chkMenu {
    color:#fff;
}
.Menu01.chkMenu {
    background-image:url('../images/frameSidebar_Menu01_h.png');
}
.Menu02.chkMenu {
    background-image:url('../images/frameSidebar_Menu07_h.png'); /* 190218 */
}
.Menu03.chkMenu {
    background-image:url('../images/frameSidebar_Menu03_h.png');
}
.Menu04.chkMenu {
    background-image:url('../images/frameSidebar_Menu04_h.png');
}
.Menu05.chkMenu {
    background-image:url('../images/frameSidebar_Menu05_h.png');
}
.Menu06.chkMenu {
    background-image:url('../images/frameSidebar_Menu08_h.png');
}
.Menu07.chkMenu {
    background-image:url('../images/frameSidebar_Menu06_h.png');
}
.Menu08.chkMenu {
    background-image:url('../images/frameSidebar_Menu09_h.png');
}
.Menu09.chkMenu {
    background-image:url('../images/frameSidebar_Menu09_h.png');
}
.Menu01 {
	background-image:url(../images/frameSidebar_Menu01.png);
	width:100%;
	height:30px;
}
.Menu02 {
	background-image:url(../images/frameSidebar_Menu07.png); /* 190218 */
	width:100%;
	height:32px;
}
.Menu03 {
	background-image:url(../images/frameSidebar_Menu03.png);
	width:100%;
	height:30px;
}
.Menu04 {
	background-image:url(../images/frameSidebar_Menu04.png);
	width:100%;
	height:32px;
}
.Menu05 {
	background-image:url(../images/frameSidebar_Menu05.png);
	width:100%;
	height:30px;
}
.Menu06 {
	background-image:url(../images/frameSidebar_Menu08.png);
	width:100%;
	height:23px;
}
.Menu07 {
	background-image:url(../images/frameSidebar_Menu06.png);
	width:100%;
	height:25px;
}
.Menu08 {
	background-image:url(../images/frameSidebar_Menu09.png);
	width:100%;
	height:22px;
}
.Menu09 {
	background-image:url(../images/frameSidebar_Menu09.png);
	width:100%;
	height:30px;
}
ul.frameSidebar_Menu-ul li {
	position:relative;
	padding:12px 0 12px 0;
	cursor:pointer;
	color: #8a9aa3;
}
ul.frameSidebar_Menu-ul li:after {
	content:'';
	position:absolute;
	display:block;
	width:3px;
	height:30px;
	left:0;
	top:15px;
	background-color:#1b2631;
}
ul.frameSidebar_Menu-ul li:hover {
	color:#fff;
}
ul.frameSidebar_Menu-ul li:hover:after {
	background-color:#f9b540;
}
ul.frameSidebar_Menu-ul li:hover>.Menu01 {
	background-image:url('../images/frameSidebar_Menu01_h.png');
}
ul.frameSidebar_Menu-ul li:hover>.Menu02 {
	background-image:url('../images/frameSidebar_Menu07_h.png'); /* 190218 */
}
ul.frameSidebar_Menu-ul li:hover>.Menu03 {
	background-image:url('../images/frameSidebar_Menu03_h.png');
}
ul.frameSidebar_Menu-ul li:hover>.Menu04 {
	background-image:url('../images/frameSidebar_Menu04_h.png');
}
ul.frameSidebar_Menu-ul li:hover>.Menu05 {
	background-image:url('../images/frameSidebar_Menu05_h.png');
}
ul.frameSidebar_Menu-ul li:hover>.Menu06 {
	background-image:url('../images/frameSidebar_Menu08_h.png'); /* 190218 */
}
ul.frameSidebar_Menu-ul li:hover>.Menu07 {
	background-image:url('../images/frameSidebar_Menu06_h.png');
}
ul.frameSidebar_Menu-ul li:hover>.Menu08 {
	background-image:url('../images/frameSidebar_Menu09_h.png'); /* 190218 */
}
ul.frameSidebar_Menu-ul li:hover>.Menu09 {
	background-image: url('../images/frameSidebar_Menu09_h.png');
}
.frameSidebar_02 {
	background:#26323e;
	background-size:auto;
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	left:-85px;
	width:153px;
	height:100%;
	top:0;
	transition:all 300ms ease-out;
	z-index:50;
	/* outline:1px solid #1b2631;*/
	-webkit-box-shadow:-5px 0px 0px 0px #1b2631;
	-moz-box-shadow:-5px 0px 0px 0px #1b2631;
	box-shadow:-5px 0px 0px 0px #1b2631;
}
.frameSidebar_02.M02S {
	background-image:url('../images/sidebar_2_07.png');
}
.frameSidebar_02.M03S {
	background-image:url('../images/sidebar_2_03.png');
}
.frameSidebar_02.M04S {
	background-image:url('../images/sidebar_2_04.png');
}
.frameSidebar_02.M05S {
	background-image:url('../images/sidebar_2_05.png');
}
.frameSidebar_02.M06S {
	background-image:url('../images/sidebar_2_08.png');
}
.frameSidebar_02.M07S {
	background-image:url('../images/sidebar_2_06.png');
}
.frameSidebar_02.M08S {
	background-image:url('../images/sidebar_2_09.png');
}
.frameSidebar_02.M09S {
	background-image:url('../images/sidebar_2_09.png');
}
.frameSidebar_02-dashboard {
	left:71px;
	transition:all 300ms ease-out;
	z-index:51;
}
#eles-dash {
	left:71px;
}
#eles-dash-main {
	/* width:1015px;left:225px;*/
}
.frameSidebar_02 h1 {
	padding:60px 0 70px 10px;
	font-size:18pt;
	font-weight:bold;
	color: #fff;
}
.frameSidebar_02 li {
	padding:5px 0 5px 30px;
	font-size:12pt;
	cursor:pointer;
	color:#fff;
	font-weight:100;
	/* text-indent:30px;*/
	display:block;
	position:relative;
	/* width:120px;*/
	line-height:20pt;
	word-break:keep-all;
}
.frameSidebar_02 li:after {
	content:'-';
	position:absolute;
	display:block;
	left:15px;
	top:3px;
	/* margin-top:-28px;*/
}
.frameSidebar_02 li:hover {
	background:#f9b540;
	color:#000;
	font-weight: 300;
}
.frameSidebar_02 li.active {
    background:#f9b540;
    color:#000;
    font-weight: 300;
}
.main {
	position:relative;
	width:1015px;
	min-height:760px;
	padding:0 30px 80px 30px;
	left:225px;
	color:#8ea3ae;
	/* overflow-y:scroll;*/
	top:0;
	border-radius:0 5px 5px 0;
	transition:all 300ms ease-out;
	width:1168px;
	left:71px;
}
.main-dashboard {
	width:1015px;
	left:225px;
	transition:all 300ms ease-out;
}
.main.eles-dash {
	width:1015px;
	left:225px;
}
.main h1 {
	padding:60px 0 0 0;
	font-size:18pt;
	font-weight:bold;
	color:#000;
}
.main.Register h1 {
	padding:60px 0 30px 0;
}
.mainMenuWrap {
	display:inline-block;
	padding:0;
}
ul.mainMenu {
	float:right;
	margin-right:-10px;
}
ul.mainMenu li {
	position:relative;
	display:inline;
	font-weight:normal;
	cursor:pointer;
	margin:0 10px 0 10px;
	font-size:12pt;
	color:#8f9aa0;
}
ul.mainMenu li a {
	padding:0;
}
.card {
	border-radius:5px;
	background-image:url('../images/') background-color:#fff;
	-webkit-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.25);
	-moz-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.25);
	box-shadow:5px 5px 10px -2px rgba(0,0,0,0.25);
	border:0;
}
.card h1 {
	color:#26323e;
	padding:0;
	white-space:nowrap;
}
.cardmenuWrap {
	display:inline-block;
	top:0;
	right:0;
	padding:0;
	vertical-align:top;
	position:absolute;
}
ul.cardMenu {
	position:absolute;
	right:0;
}
ul.cardMenu li {
	position:relative;
	display:inline;
	font-weight:normal;
	cursor:pointer;
	margin:0 0 0 10px;
	font-size:12pt;
	opacity:.5;
	font-size:10pt;
	font-weight:300;
	color:#8a9aa3;
	opacity:1;
	letter-spacing:0;
}
ul.cardMenu li a {
	padding:0 !important;
	color:#666; /* 190218 */
}
ul.cardMenu li a:hover {
    padding:0 !important;
    color: #000; /* 190218 */
}
ul.cardMenu li a.nav-link.active{
    padding:0 !important;
    color: #000;
	font-weight:600; /* 190218 */
}
li.cardMenu:after {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:3px;
	left:0;
	top:25px;
	background-color:#017cc4;
	opacity:0;
}
.wave {
}
.wave:after {
	content:'~';
	color:#333;
	position:absolute;
	top:0;
	right:-2px;
	line-height: 25pt;
}
.card.first {
	height:108px;
	display:inline-block;
	padding:16px 20px;
	margin-right:1rem !important;
	background-position:bottom right;
	/* background-size:cover;*/
	background-repeat:no-repeat;
}
.card.first h4 {
	color:#8a9aa3;
	font-size:12pt;
	font-weight:300;
	margin-bottom:13px;
}
.card.first h4::after{ content:""; display:inline-block; border:#8a9aa3 1px solid; width:8px; height:8px; border-bottom:none; border-right:none; -webkit-transform:rotate(135deg);transform:rotate(135deg); vertical-align:middle; margin:-3px 0 0 10px;} /* 190218 */
.card.first h2 {
	color:#018aac;
	font-weight:bold;
	font-size:25pt;
}
.card.first.f1 {
	background-image:url('../images/1-1.png');
}
.card.first.f2 {
	background-image:url('../images/1-2.png');
}
.card.first.f3 {
	background-image:url('../images/1-3.png');
}
.card.first.f4 {
	background-image:url('../images/1-4.png');
}
.card.second {
	height:255px;
	padding:20px 20px;
	/* display:table;*/
}
.card.third {
	height:288px;
	padding:20px 20px;
	/* display:table;*/
}
.cardSideFirst {
	display:inline-block;
	top:0;
	vertical-align:top;
	padding-right:55px;
}
.cardSideSecond {
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	margin:47px 0 0 0;
}
.cardSSCf {
	font-size:12pt;
	font-weight:300;
	color:#333;
	line-height:20pt;
	position:absolute;
	top:0;
	right:0;
	padding-top:15px;
}
.cardSSCf h3.blue {
	color:#48c0f0;
}
.cardSSCf h3.yellow {
	color:#ff9829;
}
.cardSSCf h3.gray {
	color:#aeb8be;
}
.cardSSCf img {
	position:relative;
	padding-left:10px;
}
.cardSSCf img.../images {
	top:3px;
}
.cardSSCs {
	font-size:10pt;
	font-weight:900;
	line-height:32pt;
	color:#8a9aa3;
	padding-left:20px;
	top:-10px;
}
.cardSSCs h3.black {
	color:#26323e;
}
.cardSSCs h3.emerald {
	color:#018aac;
}
.searchbox {
	width:100%;
	height:auto;
	padding:19px 25px 15px 25px;
	margin:25px 0 10px 0;
	margin:0 0 10px 0;
	background:#ecf5f9;
	border:1px solid #dae5ea;
}
.searchboxbtn {
	padding: 0 15px 5px 15px;
}
.searchbox.dashboard {
	padding:15px;
	margin:25px 0 0 0;
}
.searchbox.dashboard.first {
	height:165px;
	width:100%;
	padding:15px 15px 0 15px;
}
.searchbox.dashboard.first img {
	top:7px;
}
.searchbox.dashboard.second {
	height:199px;
	padding:0;
}
.searchbox.dashboard.second img {
	top: 7px;
}
.pie-tooltip-btn {
	height:auto;
	background-color:transparent;
	border:0;
	/* margin:0 0 0 -60px;*/
	width:100%;
	height:100%;
	position:static;
}
.pie-tooltip-btn:focus {
	outline:0;
}
.pie-tooltip-btn img {
	width:100%;
}
.pie-tooltip {
	position:absolute;
	width:89px;
	height:35px;
	color:#fff;
	font-size:8pt;
	background:#26323e;
	display:none;
	border-radius:4px;
	top:80px;
	left:150px;
	padding:5px;
	line-height:13px;
	letter-spacing:0;
	box-shadow:3px 3px 4px rgba(0,0,0,0.25);
}
.pie-tooltip:after {
	content:'';
	position:absolute;
	border-style:solid;
	border-width:6px 6px 6px 0;
	border-color:transparent #26323e;
	display:block;
	width:0;
	z-index:1;
	left:-5px;
	top:12px;
}
ul.pie_member {
	font-size:10pt;
	line-height:16pt;
	position:absolute;
	bottom:0;
	right:0;
	margin:0 15px 11px 0;
}
li.pie-member-c1:after {
	content:'';
	width:7px;
	height:7px;
	background:#017cc4;
	border-radius:7px;
	position:absolute;
	display:block;
	top:8px;
	left:-13px;
}
li.pie-member-c2:after {
	content:'';
	width:7px;
	height:7px;
	background:#54efc7;
	border-radius:7px;
	position:absolute;
	display:block;
	top:28px;
	left:-13px;
}
li.pie-member-c3:after {
	content:'';
	width:7px;
	height:7px;
	background:#f9e575;
	border-radius:7px;
	position:absolute;
	display:block;
	top:48px;
	left:-13px;
}
.searchform {
	margin-bottom:2px;
	margin-top:2px;
}
.datepickertxt {
	border-color:#dae5ea;
	border-radius:5px 0 0 5px;
	border-right:0;
	height: 34px;
}
.datepickertxt2 {
	border-color:#dae5ea;
	border-radius:5px;
	height: 34px;
	background:#fff url(../images/datepicker_h.png) 90% 50% no-repeat;
}
.datepickerbtn {
	background-color:#fff;
	border-color:#dae5ea #dae5ea #dae5ea #fff;
	margin:0;
	padding:0;
	padding-right:31px;
}
.datepickerbtn.selected:after,.datepickerbtn:hover:after {
	content:url(../images/datepicker_h.png);
	width:19px;
	height:17px;
	position:absolute;
	top:25%;
	right:6px;
	background-color:#fff;
}
.datepickerbtn img {
	position:absolute;
	right:0;
	top:25%;
	margin-right:6px;
}
.listsort {
	margin:0 auto;
	padding: 0 15px 5px 15px;
}
.contents {
	/* height:633px;overflow-y:scroll;margin:20px 0 35px 0;padding-right:20px;*/
	margin:20px 0 0 0;
}
/*.contents.dashboard{height:669px;}.contents.register{height: 649px;}*/
.tableScrollable {
	height:400px;
	overflow-y:scroll;
	margin:0 1px 10px 0;
}
.tg {
	border-collapse:collapse; table-layout:fixed;
	border-spacing:0;
	width:100%;
	height:50px;
	background-color:#fff;
	color:#75848d;
	margin-bottom:10px;
}
.tg.brdT{ border-top:#017cc4 2px solid;}
.tg td {
	padding:10px 10px 10px 10px;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all;
}
.tg th {
	font-weight:normal;
	padding:10px 5px;
	overflow:hidden;
	word-break:normal;
	line-height:18px;
}
.tg thead th{ border-bottom: 1px solid #dae5ea !important; font-weight:600;}
.tg tbody tr:nth-child(odd) td{ background-color:#ecf5f9;}
.tg tbody tr.noti td{ background-color:#eff4da; border-bottom:#e8e7c3 1px solid;}
.tg .tg-qofq {
	background-color:#fbfdfe;
	border:0;
	vertical-align:top
}
.tg .tg-o1ch {
	background-color:#fbfdfe;
	border:0
}
.tg .tg-ul37 {
	background-color:#ecf5f9;
	border:0;
	vertical-align:top
}
.tg span {
	vertical-align:middle;
}
/* 20190104 그룹 테이블 스타일 추가 */
.tggrp {
    border-collapse:collapse; table-layout:fixed;
    border-spacing:0;
    width:100%;
    height:50px;
    background-color:#fff;
    color:#75848d;
    margin-bottom:10px;
}
.tggrp.brdT{ border-top:#017cc4 2px solid;}
.tggrp td {
    padding:10px 10px 10px 10px;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.tggrp th {
    font-weight:normal;
    padding:10px 5px;
    overflow:hidden;
    word-break:normal;
    line-height:18px;
}
.tggrp thead th{ border-bottom: 1px solid #dae5ea !important; font-weight:600;}
.tggrp tbody tr.noti td{ background-color:#eff4da; border-bottom:#e8e7c3 1px solid;}
.tggrp .tg-qofq {
    background-color:#fbfdfe;
    border:0;
    vertical-align:top
}
.tggrp .tg-sc0m {
    background-color:#ecf5f9;
    border:0
}
.tggrp .tg-o1ch {
    background-color:#fbfdfe;
    border:0
}
.tggrp .tg-ul37 {
    background-color:#ecf5f9;
    border:0;
    vertical-align:top
}
.tggrp span {
    vertical-align:middle;
}
/* 20190104 그룹 테이블 스타일 추가 */
th.subj {
	border-bottom:1px solid #dae5ea !important;
	text-align:center;
	font-weight:700;
	color:#a4b3bb;
}
td.line {
	border-bottom:1px solid #dae5ea !important;
}
tr.line {
	border-bottom:1px solid #dae5ea !important;
}
td.third {
	text-align:center;
}
td.fourth {
	text-align:center;
}
td.middle {
	vertical-align:middle;
}
.tb {
	border-collapse:collapse; table-layout:fixed;
	border-spacing:0;
	background:#fff;
	color:#444f5b;
	margin-bottom:15px;
}
.tb.move {
	margin-top:15px;
}
.tb td {
	padding:10px;
	overflow:hidden;
	word-break:normal;
	border:1px solid #dae5ea !important;
	text-overflow:ellipsis;
	word-break:break-all;
	vertical-align:middle;
}
.tb th {
	padding:10px 27px;
	overflow:hidden;
	word-break:normal;
	border:1px solid #dae5ea !important;
	text-align:center;
}
.tb .tb-nt01 {
	color:#000;
	font-weight:700;
	font-size:16pt;
	padding:15px 25px;
}
.table_label {
	background-color:#017cc4;
	color:#fff;
	padding:2px 22px 2px 18px;
	font-size:12pt;
	text-align:center;
	font-weight:300;
	display:inline-block;
	line-height:13pt;
}
.tb .tb-031e {
	border:1px solid #dae5ea !important;
	vertical-align:middle;
	width:14%;
	color:#a4b3bb;
}
.tb .tb-yw4l {
	vertical-align:top;
	width:38%;
}
.tb .tb-yw4l span {
	vertical-align:middle;
}
.tb-yw4l.message {
	padding:20px;
	font-size:12pt;
}
.tb .tb-rt22 {
	vertical-align:top;
	width:86%;
}
.tb .colored{
	background-color:#ecf5f9;
	color:#a4b3bb;
	font-weight:900;
}
.tb thead th,
.tb tbody th{
	background-color:#ecf5f9; padding:10px; line-height:1.2;
	color:#a4b3bb;
	font-weight:900;
}
.tb .tb-rt22.colored img {
	display:inline-block;
	top:3px;
	position:relative;
	padding-right:5px;
}
.tb .message {

	vertical-align:top;
}
.tb-rt22.message {
	padding:20px;
	font-size:12pt;
}
.adminbtn {
	height:26px;
	border:1px solid #a9b4ba;
	color:#a9b4ba;
	font-size:11pt;
	line-height:20px;
	font-weight:400;
	border-radius:26px;
	display:inline;
	padding:1px 10px 3px 8px;
	letter-spacing:-2px;
	margin:0 2px 0 1px;
	background:none;
	cursor:pointer;
}
.adminbtn.blue {
	border:1px solid #017cc4; display:inline-block; white-space:nowrap;
	color:#017cc4;
	background:none;
}
.adminbtn.red {
	border:1px solid #ff3812;
	color:#ff3812;
	background:none;
}
.btn.gray {
	background-color:#a1a1a1;
	color:#fff;
	border-radius:5px;
}
.btn.blue {
	background-color:#017cc4;
	color:#fff;
	border-radius:5px;
}
.BtnConfilmWrap {
	position:relative;
	display:block;
	min-height:48px;
}
.BtnConfilmWrapinner {
	position:absolute; top:0;
	right:0;
	display: block;
}
.btnConfilm {
	min-width:124px;
	height:48px;
	font-size:15px;
	font-weight:900;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	position:relative;
	border-radius:3px;
	padding:10px;
	margin:0 0 0 8px;
	/* margin-top:10px;*/
	border:none;
	cursor:pointer;
	transition:all,0.2s;
}
.btnConfilm.login {
	background:-moz-linear-gradient(left,#fda000 0%,#ff3213 55%,#ff3213 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(left,#fda000 0%,#ff3213 55%,#ff3213 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,#fda000 0%,#ff3213 55%,#ff3213 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda000',endColorstr='#ff3213',GradientType=1 );
	/* IE6-9 */
	width:100%;
	height:71px;
	color:#fff;
	font-size:18pt;
	margin:0;
	font-weight:700;
}
.btnConfilm.login:hover {
	background:-moz-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda000',endColorstr='#ff1606',GradientType=1 );
	/* IE6-9 */
}
.btnConfilm.login:active {
	background:-moz-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda000',endColorstr='#ff1606',GradientType=1 );
	/* IE6-9 */
}
.btnConfilm.Register {
	color:#fff !important; /* 190218 */
	background:-moz-linear-gradient(left,#fda000 0%,#ff3213 55%,#ff3213 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(left,#fda000 0%,#ff3213 55%,#ff3213 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,#fda000 0%,#ff3213 55%,#ff3213 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda000',endColorstr='#ff3213',GradientType=1 );
	/* IE6-9 */
}
.btnConfilm.Register:hover {
	background:-moz-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda000',endColorstr='#ff1606',GradientType=1 );
	/* IE6-9 */
}
.btnConfilm.Register:active {
	background:-moz-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(left,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,#fda000 0%,#ff1606 55%,#ff1606 100%);
	/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda000',endColorstr='#ff1606',GradientType=1 );
	/* IE6-9 */
}
.btnConfilm.Register.right {
	position:absolute;
	right:0;
	top:0;
}
.btnConfilm.left {
	position:absolute; margin:0;
	left:0;
	top:0;
}
.btnConfilm.Register.small {
	width:122px;
	height:41px;
	position:relative;
	padding:8px;
	margin-top:0;
}
.btnConfilm.Cancle {
	background:transparent;
	border:2px solid #a9b4ba;
	color:#8b979f;
}
.btnConfilm.Cancle:hover {
	border:2px solid #7c868c;
	color:#7c868c;
}
.btnConfilm.Cancle.small {
	width:122px;
	height:41px;
	position:relative;
	padding:6px;
	margin-top:0;
}
.btnConfilm.Preview {
	background:transparent;
	border:2px solid #fe630b;
	color:#fe630b;
}
.btnConfilm.Preview:hover {
	border:2px solid #ff1906;
	color:#ff1906;
}
.btnConfilm.Board {
	background:transparent;
	border:2px solid #748796;
	color:#56636e;
}
.btnConfilm.Board:hover {
	border:2px solid #26323e;
	color:#1b2631;
}
.btnConfilm.Search {
	padding:0 12px 0 11px;
}
.btnConfilmA {
	position:static;
}
.smallLable {
	width:50px;
}
.Register_Period {
	margin: 0 3px 0 3px;
}
/* ----------	Footer-------------*/
.footer {
	position:relative;
    background: transparent;
    padding: 0 0 22px 0;
    z-index:10;
}
.footer.login {
    position: relative;
    bottom:auto;
    width: 100%;
	padding-top:20px;
}
.footer .contentsArea {
    position: relative;
    display: table;
    width: 100%;
	max-width:1240px; /* 190219 */
    margin: 0 auto;
}
.footer.login .contentsArea {
    text-align: center;
}
.footer .footer_logo {
    position: relative;
    display: table-cell;
    width: 87px;
    top: -15px; /* 190218 */
}
.footer .copyright {
	margin:9px 0 0 205px;
    padding-left: 80px;
	display:inline-block;
    margin: 0;
}
.footer.login .copyright {
    padding: 0;
}
.footer .copyright ul {
}
.footer .copyright ul:after {
	content:" ";
	display:block;
	clear:both;
}
.footer .copyright li {
	margin-right:20px;
	float:left;
}
.footer .copyright li a {
	color:#fff;
    letter-spacing: 0;
    font-size: 10pt;
}
.footer .copyright p {
	padding:15px 0 20px;
	color:#fff;
	font-family:'VSb';
	font-size:11px;
    padding: 0;
    opacity: .5;
    letter-spacing: 0;
}
.footer .family_site {
    position: absolute;
    display: table-cell;
    padding: 0 0 0 60px;
    top: 5px; /* 190218 */
    right: 0;
}
.footer .family_site select {
    width: 123px;
    height: 32px;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    border: 1px solid #fff;
    background: transparent url(../../../images/bg_select.png) no-repeat right 50%;
    background-size: 20%;
	-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; /* 190218 */
}
.footer .family_site select optgroup {
	font-style:normal;
}
.footer .family_site select option {
	color: #000;
}
/* switch */
.vs-switch {
}
.vs-switch input[type="checkbox"] {
	display:none;
	visibility:hidden;
}
.vs-switch .switcher {
	display:inline-block;
	border-radius:100px;
	width:61px;
	height:25px;
	background-color:#a9b4ba;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	cursor: pointer;
}
.vs-switch .switcher:before {
	/* ball */
	content:"";
	display:block;
	width:26px;
	height:26px;
	background-color:#fff;
	box-shadow:0 3px 5px rgba(0,0,0,0.25);
	border-radius:50%;
	margin-top:-1px;
	position:absolute;
	top:0;
	right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:-2px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
	content:'No';
	color:#fff;
	text-indent:-53px;
	font-size:10pt;
	line-height:21pt;
}
.vs-switch .switcher:active:before {
	transition:all,0.1s;
}
.vs-switch input[type="checkbox"]:checked+.switcher {
	background-color:#017cc4;
}
.vs-switch input[type="checkbox"]:checked+.switcher:before {
	right:100%;
	margin-right:-20px;
	background-color:#fff;
	content:'Yes';
	color:#fff;
	text-indent:33px;
	font-size:10pt;
	line-height:21pt;
}
.vs-switch [disabled]:not([disabled="false"])+.switcher {
	background:#a9b4ba !important;
}
.vs-switch [disabled]:not([disabled="false"])+.switcher:active:before {
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) !important;
}
.vs-switch [disabled]:not([disabled="false"])+.switcher:before {
	background-color:#e2e2e2 !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) !important;
}
/* radio,check */
/*@keyframes hover-color{from{border-color:#c0c0c0;}to{border-color: #3e97eb;}}*/
.vs-radio,.vs-checkbox {
	position:absolute;
	display:none;
}
.vs-radio[disabled],.vs-checkbox[disabled] {
	cursor:not-allowed;
}
/*.vs-radio+label,.vs-checkbox+label{position:relative;display:inline-block;padding-left:30px;padding-right:40px;cursor:pointer;vertical-align:middle;color:#017cc4;line-height: 20px;}*/
.vs-radio+label {
	position:relative;
	display:inline-block;
	padding-left:30px;
	padding-right:40px;
	cursor:pointer;
	vertical-align:middle;
	min-height:20px;
	color:#017cc4;
	line-height:20px;
	top: -3px;
}
.vs-checkbox+label {
	position:relative;
	display:inline-block;
	/* padding-left:30px;*/
	/* padding-right:40px;*/
	min-height:20px;
	cursor:pointer;
	vertical-align:middle;
	color:#8ea3ae; /* 190219 */
	line-height:20px;
	padding:0 28px 0 23px;
}
.vs-radio+label:hover:before,.vs-checkbox+label:hover:before {
	animation-duration:0.4s;
	animation-fill-mode:both;
	animation-name:hover-color;
}
.vs-radio+label:before,.vs-checkbox+label:before {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:20px;
	height:20px;
	content:'';
	border:1px solid #dae5ea;
	background:#fff;
}
.vs-radio+label:after,.vs-checkbox+label:after {
	position:absolute;
	display:none;
	content:'';
}
.vs-radio[disabled]+label,.vs-checkbox[disabled]+label {
	cursor:not-allowed;
	color:#e4e4e4;
}
.vs-radio[disabled]+label:hover,.vs-radio[disabled]+label:before,.vs-radio[disabled]+label:after,.vs-checkbox[disabled]+label:hover,.vs-checkbox[disabled]+label:before,.vs-checkbox[disabled]+label:after {
	cursor:not-allowed;
}
.vs-radio[disabled]+label:hover:before,.vs-checkbox[disabled]+label:hover:before {
	border:1px solid #e4e4e4;
	animation-name:none;
}
.vs-radio[disabled]+label:before,.vs-checkbox[disabled]+label:before {
	border-color:#e4e4e4;
}
.vs-radio:checked+label:before,.vs-checkbox:checked+label:before {
	animation-name:none;
}
.vs-radio:checked+label:after,.vs-checkbox:checked+label:after {
	display:block;
}
.vs-radio+label:before {
	border-radius: 50%;
}
.vs-radio+label:after {
	/* top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#017cc4;border:1px solid #dae5ea;*/
	top:4px;
	left:4px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#017cc4;
}
.vs-radio:checked+label:before {
	border:1px solid #dae5ea;
}
.vs-radio:checked[disabled]+label:before {
	border:1px solid #c9e2f9;
}
.vs-radio:checked[disabled]+label:after {
	background:#c9e2f9;
}
.vs-checkbox+label:before {
	border-radius:3px;
}
.vs-checkbox+label:after {
	top:-3px;
	left:7px;
	box-sizing:border-box;
	width:12px;
	height:18px;
	transform:rotate(45deg);
	border-width:3px;
	border-style:solid;
	border-color:#ffbf5b;
	border-top:0;
	border-left:0;
}
.vs-checkbox:checked+label:before {
	border:#dae5ea;
	background:#017cc4;
}
.vs-checkbox:checked[disabled]+label:before {
	border:#c9e2f9;
	background:#c9e2f9;
}
.vs-checkbox+label.only{ padding:0; width:20px;}
.pull-left.text {
	margin-right:30px;
	color: #017cc4;
}
/* Defalt */
.view-textwrap {
	width:100%;
	height:50%;
	top:50%;
	position:absolute;
}
.view-textwrap.login-wrap{position:relative ; top:80px ; height:800px ; }
.floatRight {
	float:right;
}
.Flex {
	display:flex;
}
.Inline-block {
	display:inline-block;
	/* position: relative;*/
}
/* Margin */
.noml {
	margin-left:-5px;
}
.mt0{
	margin-top:0px !important;
}
.mt5{
	margin-top:5px;
}
.mr5{
	margin-right:5px;
}
.ml10{
	margin-left:10px;
}
.ml5{
	margin-left:5px;
}
.mb10{
	margin-bottom:10px !important;
}
.mr-10{
	margin-right:-10px;
}
.p0{
	padding:0 !important;
}
.pt15{
	padding-top:15px !important;
}
.pr10 {
	padding-right:10px !important;
}
.pl50 {
	padding-left:50px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb10_0 {
	padding:0 0 10px 0 !important;
}

input.readonly {
	border-color:#dde4ea;
	background-color:#ecf5f9;
}
/* Popup */
body{ min-width:100% !important;}

.pop_container {
}
.pop_contents {
	padding:20px 20px 0 20px;
	font-size:12px;
	position:relative;
	background:#fff;}
.pop_contents h6 {
	margin:30px 0 10px;
	padding-left:6px;
	font-size:14px;
	text-align:left;
	border-left:2px solid #666;
}
.pop_contents h2 {
	font-size:24pt;
	color:#017cc4;
	font-weight:bold;
	padding:20px 0 20px 0;
}
#pop_footer {
    position:relative;
    padding:0;
    margin:0;
    text-align:center;
    margin-top:20px;
}
.btn.ok {
	background-color:#017cc4;
	color:#fff;
	border-radius:5px;
}
.btn.cancel {
	background: transparent;
	border: 2px solid #a9b4ba;
	color: #8b979f;
}
.btitle {
	padding:0;
	margin:0;
	margin-top:15px;
}

.rowdiv {
	width:100%;
	height:auto;
	min-height:200px;
	padding:20px 20px 30px 20px !important;
	margin:25px 0 10px 0;
	margin:0 0 10px 0;
	background:#fff;
	border:1px solid #dae5ea;
}
.btline {
	border:1px solid #dae5ea;
	padding:10px;
}
/* font color */
.blue {
	color:#017cc4;
}

.tab-pane .tab-btn{ float:right; margin-top:-46px;}

.scroll-bx{ overflow-y:auto;}

.calendar-bx{ background-color:#fff; margin-top:20px;}
.calendar-bx table{ width:100%; margin-bottom:15px; border-top:2px solid #017cc4; line-height:1.5em;}
.calendar-bx table span, table p, table div{ line-height:1.35em;}
.calendar-bx table th,
.calendar-bx table td{ padding:12px 0 9px; *padding:9px 0 5px; border-bottom:1px solid #e4e4e4; font-weight:normal; zoom:1;}
.calendar-bx table th	{ color:#017cc4; font-size:14px; border-bottom:1px solid #017cc4; text-align:center;}
.calendar-bx table td	{ height:110px; padding:2px 6px 2px 10px; vertical-align:top; border-left: 1px solid #e4e4e4;}
.calendar-bx table tr td:first-child{ border-left: none;}
.calendar-bx table td.today{ background:#def4f7;}
.calendar-bx table td .day{ padding-bottom:10px; display:block; text-align:left; font-size:11px;}
.calendar-bx table td .holyday{ float:right; font-size:11px; color:#e79393; font-family:dotum;}
.calendar-bx table td div + div{ margin-top:5px;}
.calendar-bx table td .date{ width:100%; padding:3px 0 2px; display:block; font-size:12px; color:#00a8c5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; clear:both;}
.calendar-bx table td .red{ color:#ff0046;}
.calendar-bx table td .nextMonth_day{ color:#b3b3b3 !important;}


/* file */
.filebox{ position:relative; width:100%; padding:0 110px 0 0; z-index: 2;}
.filebox input[type="file"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox label{ position:absolute; top:0; right:0; height:34px; line-height:34px; display:inline-block; padding:0; width:100px; text-align:center; color:#000; vertical-align: middle; cursor: pointer; }
.filebox .upload-name{ width:100%; height:34px; line-height:34px; border-radius:5px; display:inline-block; padding:0 .75rem; vertical-align:middle; background-color:#fff;  -webkit-appearance: none; -moz-appearance: none; appearance:none; }


.div-tab{ position:relative;}
.div-tab .right{ position:absolute; top:0; right:0; }

.l{ text-align:left !important;}
.c{ text-align:center !important;}
.r{ text-align:right !important;}
.fl{ float:left;}
.fr{ float:right;}

.help-tx{ line-height:34px;}

.row-grp{ padding:0 1.5rem;}

table .subject{ text-align:left; display:inline-block; width:75%; white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    vertical-align: middle;}

/* btn-box */
.btn-box{ text-align:center; margin:20px auto 0;}
.btn-box:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}

/* 2018.08.20 ~ 추가 */
table.tg th,td {
	vertical-align: middle;
}
table tr td a.caution {
	text-decoration: none;
	color:#ff0000; /* 190218 */
}

table tr.deleted {
	color:#a9a9a9;
	text-decoration: line-through;
}
.searchTitle {
	padding-top: 4px;
}
.textBold {
	font-weight: bold;
}
.boardTopLabel {
	padding: 4px 22px 4px 18px !important;
	font-size: 11pt !important;
}
/* input type number */
.number {
	text-align:right;
	padding-right:5px;
}
.contents .storeThumb .ulList {
	display: inline-block;
	zoom: 1;
}
.contents .storeThumb .ulList li {
	margin: 0 4px 2px 0;
	position: relative;
	display: inline-block;
	zoom: 1;
}
.contents .storeThumb .ulList li .close {
	position: absolute;
	top: 0px;
	right: 0px;
}
/* 2018.08.20 ~ 추가 */


/* 190218 */

.frameSidebar_02-dashboard > ul > li > a{ color:#fff;}
.frameSidebar_02-dashboard > ul > li > a:hover,
.frameSidebar_02-dashboard  > ul > li.active > a{ color:#000;}

.sb-row{ width:100%;}
.sb-row::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.sb-row + .sb-row{ margin-top:5px;}
.sb-row > *{ display:inline-block; vertical-align:middle; line-height:35px;}
.sb-row > .t-tx{ padding:0 18px 0 0;}
.sb-row > * .vs-checkbox + label{ padding-right:0;}
.sb-row .h-tx{ display:inline-block; vertical-align:middle; padding:0 4px; }
.sb-row .con-tx + .t-tx{ margin-left:28px;}
.sb-row .s-bt{ float:right; width:76px;}
.sb-row .s-bt > .btn{ display:block; width:100%; height:35px;}
.sb-row select + input[type=text]{ margin-left:8px;}
.sb-row select,
.sb-row input[type=text]{ height:35px;}
.sb-row .form-control,
.sb-row .custom-select{ vertical-align:top;}

.privacy-wrap{ padding:1rem; }
.privacy-wrap h3{ font-size:1.5rem; font-weight:600; color:#017cc4; margin:0 0 2rem 0;}
.privacy-wrap h4{ font-size:1.3rem; font-weight:600; color:#000; margin:1.5rem 0 1rem;}
.privacy-wrap dl dt{ color:#333; font-size:1.1rem; font-weight:600; margin:1rem 0 .5rem 0;}
.privacy-wrap dl dd{ padding:0 0 0 1rem; color:#666;}
.privacy-tx ul{ background-color:#eaeaea; border:#a1a1a1 1px solid; padding:1rem; margin:1rem 0;}
.privacy-tx ul::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.privacy-tx ul > li{ width:50%; float:left; }
.privacy-tx ul > li > a{ display:block; padding:3px 0;}
.privacy-wrap table{ width:100%; margin:1rem 0; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:#a1a1a1 2px solid; border-right:#a1a1a1 1px solid;}
.privacy-wrap table th{ border-bottom:#a1a1a1 1px solid;border-left:#a1a1a1 1px solid; padding:8px; color:#111; background-color:#eaeaea;}
.privacy-wrap table td{ border-bottom:#a1a1a1 1px solid;border-left:#a1a1a1 1px solid; padding:8px;}

.frameSidebar_02 > ul > li > a{ color:#fff;}

/* 190420 추가 */
.bx-wrapper{ box-shadow:none !important;}
.laypop{ position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; z-index:9;}
.laypop .popbg{ position: absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
.laypop .item{ padding:0 60px;  }
.laypop .item .inbx{ min-height:480px; padding:30px; background-color:#f1f1f1;}

.calendar-bx td{ position:relative; }
.calendar-bx td p + p{ margin-top:.5rem;}
.calendar-bx .btEdit{ position: absolute; display:inline-block; top:1rem; right:1rem;}

body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}