@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);


html,body,form,div,p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,tr,td,button,textarea{font-family:'NanumSquare',"Malgun Gothic", "Dotum", "Helvetica Neue", Helvetica, Arial, sans-serif;}
body {
	background-color:#ffffff;
	margin: 0 auto;
}

.nopadding{ padding-left: 2px !important; padding-right: 2px !important; }
.formControl { padding:10px; }

.page-item.active .page-link{ background-color: #05948f; border-color: #05948f;}
.page-item .page-link  a {color:#05948f;}

p {margin:0}
.row {margin:0}
.nopadding{ padding-left: 2px !important; padding-right: 2px !important; }

.ui-datepicker{ font-size: 11pt; width: 200px; }
.ui-datepicker select.ui-datepicker-month{ width:30%; font-size: 11pt; }
.ui-datepicker select.ui-datepicker-year{ width:40%; font-size: 11pt; }

.btnLogin {
	background-color:#00aaa4;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	width:100%;
	height:60px;
	text-decoration:none;
}
.btnLogin:hover {
	background-color:#05948f;
}
.btnLogin:active {
	position:relative;
	top:1px;
}


.btnMobileLogin {
	background-color:#00aaa4;
	border-radius:32px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	height:40px;
	width:100px;
	text-decoration:none;
}
.btnMobileLogin:hover {
	background-color:#05948f;
}
.btnMobileLogin:active {
	position:relative;
	top:1px;
}

/* 등록/수정/삭제/검색 버튼 */
.btnDefault {
	background-color:#00aaa4;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:7px 30px;
	text-decoration:none;
}
.btnDefault:hover {
	background-color:#05948f;
}
.btnDefault:active {
	position:relative;
	top:1px;
}

/* 로그인 폼 > 아이디, 비밀번호 */
.LoginFormText {
	border:none;
	width:90%;
	/*border-bottom:1px solid black;*/
	padding-left:10px;
	color: #989898;
}

.LoginBgTop { background:linear-gradient( to right, #01bed0, #009b84 );height:55vh }
.LoginBgBottom { position:absolute;bottom:30px;text-align:center;width:100%;color:#848484; }


.loginBox { background-color:white;text-align:center;border-radius:20px;  box-shadow: 1px 1px 10px -5px gray;padding-top:50px; width:400px;display:inline-block} 
.InloginBox { background-color:white;text-align:center;width:270px;display:inline-block } 

#first
{
    z-index     : 30;
}
#second
{
    z-index     : 20;
}
#third
{
    z-index     : 50;
    margin-top  : -300px;
}

.LoginMessageText { position:absolute;bottom:50vh;color:white;padding-left:50px; width:500px; line-height:1.2}

.footerCopyright {text-align:center;padding-top:10px;color:#989898;font-size:10pt;} 


div#select_box {
    position: relative;
    width: 200px;
    height: 40px;
    background: url(/settings/select_box_arrow.png) 180px center no-repeat; /* 화살표 이미지 */
    border-bottom: 2px solid #01bed0;
}
div#select_box label {
    position: absolute;
   
    top: 10px;
    left: 12px;
    letter-spacing: 1px;
}
div#select_box select#color {
    width: 100%;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}