@CHARSET "UTF-8";
@IMPORT "reset.css";
@IMPORT "themes.css";
@IMPORT "design.css";
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');*/

body {
	font-family:Malgun Gothic, Dotum, Meiryo UI, arial, Sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	letter-spacing: -0.5px;
}

button {
	border: 0;
	cursor: pointer;
	font-family:Malgun Gothic, Dotum, Meiryo UI, arial, Sans-serif;
	line-height: 1;
}

.blank {
	display: block;
	position: absolute;
	left: -10000px;
	top: -10000px
}
a:link,
a:active,
a:visited,
a:focus{color:#222222;}
a:hover {text-decoration: none;}
select {
	background: url(/sens-static/images/common/bg_select-339973aaa1341595b30531ee770ec8ba.gif) right center no-repeat #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 0 25px 0 10px;
	font-size: .9em;
	width: auto;
	height: 26px;
	font-family:Malgun Gothic, Dotum, Meiryo UI, arial, Sans-serif;
	cursor: pointer;
	line-height: 1;
}

select::-ms-expand {
	display: none
}
select.select.multi {
	background: none;
	border-radius: 0
}
input {
	margin: 0;
	padding: 0;
	outline: none;
}
input[type="checkbox"],
input[type="radio"]{width: 16px; height: 16px; vertical-align: middle;cursor: pointer; margin-right: 5px}
label {cursor: pointer;}
.w_full{width: 100%}

.wrap {
	min-width: 1280px
}

.contents_area {
	min-width: 1000px
}

footer {
	min-width: 1060px
}

header {
	height: 60px;
	position: relative;
	border-bottom: 1px solid #dddddd;
	background: #ffffff;
	z-index: 2;
}

header .bi {
	width: 200px;
	text-align: center;
	height: 60px;
	position: relative;
}

header .bi img{
	max-height: 30px;
	max-width: 130px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

header .header_menu {
	position: absolute;
	right: 20px;
	top: 16px;
	text-align: right;
	margin-left: 180px
}

header .header_menu ul {
	margin: 1px 150px 0 0
}

header .header_menu ul:after {
	content: "";
	display: block;
	clear: both
}

header .header_menu ul li {
	display: inline-block;
	line-height: 24px;
	color: #dddddd;
	font-size: .86em
}

header .header_menu ul li span {
	color: #999999;
	vertical-align: middle
}

header .header_menu ul li span.icon.user {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/sens-static/images/common/icon_user-5fd6c4383947c1b6347c2f6bc92e5991.gif) no-repeat;
	margin: 0 5px 2px 0;
}

header .header_menu p.language {
	position: absolute;
	right: 0;
	top: 0
}

header .header_menu p.language {
	position: absolute;
	right: 0;
	top: 0
}

header .header_menu p.language select {
	width: 140px;
	height: 30px
}

/* 왼쪽메뉴 시작 */
nav.left_nav {
	position: absolute;
	width: 200px;
	top: 61px;
	left: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 3;
}
nav.left_nav::-webkit-scrollbar {
	width: 6px;
	border-radius: 10px;
}
nav.left_nav::-webkit-scrollbar-thumb {
	background-color: #aaaaaa;
}
nav.left_nav::-webkit-scrollbar-track {
	background-color: transparent;
}
nav.left_nav a span {
	color: #b5b7be;
}
nav.left_nav > ul > li > a {
	width: 170px;
	position: relative;
	margin: 0;
	display: flex;
	padding: 0 15px;
	border-radius: 8px;
	height: 50px;
	align-items: center;
	line-height: 16px;
}
nav.left_nav > ul > li > a:last-child{margin-bottom: 0}
nav.left_nav>ul>li.active>a,
nav.left_nav > ul > li > a:hover span,
nav.left_nav > ul > li.active > a span,
nav.left_nav > ul > li .sub_nav li.active a span,
nav.left_nav > ul > li .sub_nav li a:hover span{color:#ffffff}
nav.left_nav > ul > li > a span.icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 0;
	background: url(/sens-static/images/common/icon_nav-4ec2763bc37e937b78d579337c818034.png) no-repeat;
	vertical-align: middle;
}

nav.left_nav > ul > li > a span.icon.search {
	background-position: 0 0
}

nav.left_nav > ul > li > a span.icon.state {
	background-position:0 -52px
}

nav.left_nav > ul > li > a span.icon.config {
	background-position: 0 -24px
}

nav.left_nav > ul > li.active > a span.icon {background-position-x: -27px}

nav.left_nav > ul > li > a span.text {
	margin-left: 10px;
}

nav.left_nav > ul > li:last-child > a span.border {
	display: none
}

nav.left_nav > ul > li .sub_nav {
	display: none
}

nav.left_nav > ul > li.active .sub_nav {
	display: block
}

nav.left_nav > ul > li .sub_nav li a {
	display: flex;
	padding: 0 10px;
	margin: 0 15px 2px 37px;
	border-radius: 8px;
	height: 36px;
	align-items: center;
	line-height: 16px;
}
nav.left_nav > ul > li .sub_nav li:last-child a{margin-bottom: 0}

/* 왼쪽메뉴 끝 */

.contents_wrap{
	position: absolute;
	left: 200px;
	top: 61px;
	bottom: 31px;
	right: 0;
	overflow-y: scroll;
	overflow-x: auto;
}

h1 {
	font-size: 1.67em;
	font-weight: 700;
	min-height: 30px;
	padding: 22px 24px 20px 24px;
}

h1 span {
	display: inline-block;
	line-height: 30px;
}
h3 {
	z-index: 2;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 17px;
	margin:0 0 10px 0;
}
h3 span {border-bottom: 2px solid;	padding-bottom: 4px;}

.contents_area {
	padding: 0 24px;
}

.contents_area .list_nav {
	position: relative;
	margin-bottom: 20px;
	height: 38px
}

.contents_area .list_nav ul {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 10px
}


.contents_area .list_nav ul:after {
	content: "";
	display: block;
	clear: both
}

.contents_area .list_nav ul li {
	float: left
}

.contents_area .list_nav ul li span.btn {
	background: url(/sens-static/images/common/btn_list_nav-07beb8b3be0c57c72c3cf62dbfb371f1.gif) no-repeat;
	display: block;
	width: 26px;
	height: 26px
}

.contents_area .list_nav ul li span.btn.first {
	background-position: -1px -1px
}

.contents_area .list_nav ul li span.btn.prev {
	background-position: -29px -1px
}

.contents_area .list_nav ul li span.btn.next {
	background-position: -57px -1px
}

.contents_area .list_nav ul li span.btn.end {
	background-position: -85px -1px
}

.contents_area .list_nav ul li a span {
	display: block;
	width: 26px;
	height: 26px;
	margin-right: 5px;
	border: 1px solid #dddddd;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	color: #646464
}

.contents_area .list_nav ul li.active a span {
	border: 0;
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px
}

.contents_area .list_nav ul li a span.number {
	width: auto;
	padding: 0 9px;
	min-width: 8px
}

.contents_area .list_nav ul li.active a span.number {
	min-width: 10px
}

.contents_area .list_nav ul li.none span.btn {
	border-color: #eaeaea
}

.contents_area .list_nav ul li.none span.btn.first {
	background-position: -1px -29px
}

.contents_area .list_nav ul li.none span.btn.prev {
	background-position: -29px -29px
}

.contents_area .list_nav ul li.none span.btn.next {
	background-position: -57px -29px
}

.contents_area .list_nav ul li.none span.btn.end {
	background-position: -85px -29px
}



.contents_area .index_header {
	margin: 20px
}

.contents_area .index_header .connect:after {
	content: "";
	display: block;
	clear: both
}

.contents_area .index_header .connect li {
	float: left;
	margin-right: 30px
}


.contents_area .index_header .connect li.red span.icon {
	background-position: 0 0
}

.contents_area .index_header .connect li.yellow span.icon {
	background-position: -10px 0
}

.contents_area .index_header .connect li.green span.icon {
	background-position: -20px 0
}

.contents_area .index_header .connect li span {
	vertical-align: middle;
	color: #646464
}

.contents_area .index_header .last_connect {
	position: absolute;
	right: 20px;
	top: 21px;
	color: #646464;
	margin-left: 200px
}

.contents_area .server_list {
	margin: 0 20px
}

.contents_area .server_list table {
	border: 1px solid #bababa;
	border-width: 1px 0;
	width: 100%
}

.contents_area .server_list table caption {
	display: none
}

.contents_area .server_list table thead th {
	background: #f7f7f7;
	border-bottom: 1px solid #dddddd;
	height: 40px;
	text-align: left;
	color: #646464;
	font-weight: normal
}

.contents_area .server_list table tbody td {
	border-bottom: 1px solid #eaeaea;
	height: 40px;
	color: #646464;
	font-size: .92em
}

.contents_area .server_list table tbody tr td.end_date span {
	vertical-align: middle
}

.contents_area .server_list table tbody tr.end td.end_date span {
	font-weight: bold
}


.contents_area .server_list table tbody td .end_message_pop1,
	.contents_area .server_list table tbody td .end_message_pop2 {
	display: none
}

.contents_area .server_list table tbody tr.end td.end_date:hover .end_message_pop1
	{
	display: block;
	position: absolute;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	padding: 10px;
	background: #fff;
	margin: 8px 0 0 0;
	z-index: 999;
}

.contents_area .server_list table tbody tr.closed td.end_date:hover .end_message_pop2
	{
	display: block;
	position: absolute;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	padding: 10px;
	background: #fff;
	margin: 8px 0 0 0;
	z-index: 999;
}

.contents_area .server_list table tbody tr:last-child td {
	border-bottom: 0
}

.contents_area .server_list table tbody tr.closed td {
	color: #bababa;
	background: #f0f0f0
}

.contents_area .server_list table .table_start {
	padding-left: 20px
}

.contents_area .server_list .end_message {
	margin: 15px 300px 0 20px
}

.contents_area .server_list .list_nav {
	height: auto
}

.contents_area .server_list .list_nav ul {
	position: absolute;
	right: -5px;
	top: 0;
	margin-top: -22px
}

.contents_area .graph_area {
	margin: 0 0 40px 0;
	position: relative;
	overflow: hidden
}

.contents_area .graph_area h2 {
	margin-bottom: 10px
}

.contents_area .graph_area h2 span {
	font-size: .76em;
	font-weight: 700;
}

.contents_area .graph_area.graph3:after {
	content: "";
	display: block;
	clear: both
}

.contents_area .graph_area.graph3 h2 {
	margin-bottom: 30px
}

.contents_area .graph_area.graph3 .graph3_area {
	float: left;
	width: 33.33%
}

.contents_area .graph_area h3 {
	color: #646464;
	font-weight: normal;
	margin: 0 0 0 10px
}

.contents_area .mody_pass_area {
	width: 320px;
	border: 1px solid #dddddd;
	background: #fafafa;
	padding: 40px
}

.contents_area .mody_pass_area p.icon.user {
	width: 96px;
	height: 96px;
	margin: 20px auto;
	background: url(/sens-static/images/common/icon_user_edit-3ad5c01f213906f1a3173683a3bff973.gif) no-repeat
}

.contents_area .mody_pass_area p.caption {
	text-align: center;
	margin-bottom: 20px
}

.contents_area .mody_pass_area .edit_form p.pass {
	position: relative
}

.contents_area .mody_pass_area .edit_form p.pass input[type=password] {
	width: 276px;
	margin: 0 0 10px 0;
	padding: 0 20px;
	height: 48px;
	line-height: 48px;
	font-size: 1em;
	color: #646464;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.contents_area .mody_pass_area .edit_form p.pass span {
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	line-height: 50px;
	display: block;
	padding: 0 20px;
	color: #999999
}

.contents_area .mody_pass_area .edit_form button {
	width: 320px;
	height: 50px;
	line-height: 48px;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
	border-radius: 4px;
}

.contents_area .mody_pass_area .edit_form p.error {
	font-size: 13px;
	display: none
}

.contents_area .mody_pass_area.step1 .step1 {
	display: block
}

.contents_area .mody_pass_area.step1 .step2 {
	display: none
}

.contents_area .mody_pass_area.step2 .step2 {
	display: block
}

.contents_area .mody_pass_area.step2 .step1 {
	display: none
}

.contents_area .list_area table {
	width: 100%
}

.contents_area .list_area table tr:hover{background-color: rgba(33, 57, 82, 0.02); }


.contents_area .list_search {
	position: absolute;
	margin-top: 10px;
	z-index: 2
}

.contents_area .list_search select {
	height: 28px;
	margin: 0;
	padding: 0 30px 0 10px;
	vertical-align: middle
}

.contents_area .list_search input {
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	margin: 0 5px
}

.contents_area .list_search button {
	height: 28px;
	margin: 0;
	vertical-align: middle;
	color: #323232
}


.contents_area .search_area.disabled .search {
	background: #f7f7f7
}

.contents_area .search_area .search_detail {
	display: none
}

.contents_area .search_area.disabled .search_detail {
	display: block
}

.contents_area .search_area.disabled .search_detail table tbody th {
	height: 40px
}

.contents_area .search_area.disabled .search_detail table tbody td ul:after
	{
	content: "";
	display: block;
	clear: both
}

.contents_area .search_area.disabled .search_detail table tbody td ul li
	{
	float: left;
	height: 26px
}

.contents_area .search_area.disabled .search_detail table tbody td ul li .btn.text
	{
	height: 26px;
	color: #646464;
	margin: 0 5px 0 0
}
/*
.contents_area .search_area.disabled .search_detail table tbody td ul li.date.start
	{
	margin-left: 5px
}
*/
.contents_area .search_area.disabled .search_detail table tbody td input[type=text]
	{
	border: 1px solid #dddddd;
	height: 24px;
	margin: 0;
	padding: 0 0 0 5px;
	vertical-align: middle;
	border-radius: 4px;
}


.contents_area .search_area.disabled .search_detail table tbody td input[type=text].all
	{
	width: 450px
}

.contents_area .search_area.disabled .search_detail table tbody td button.btn
	{
	margin-left: 5px;
}

.contents_area .search_area.disabled .search_detail table tbody td select
	{
	height: 26px;
	margin: 0 5px 0 0;
	vertical-align: middle
}

.contents_area .search_area.disabled .search_detail table tbody .domain td select
	{
	width: 200px
}

.contents_area .search_area.disabled .search_detail table tbody td ul.form_list li {
	display: block;
	clear: both;
	padding: 0 0 8px 0;
	width: 100%
}

.contents_area .search_area.disabled .search_detail table tbody td ul.form_list li:last-child {
	padding: 0;
}

.contents_area .search_area.disabled .search_detail table tbody tr.keyword td input
	{
	width: 200px
}

div.layer_pop {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999;
	min-width: 1024px
}

div.layer_pop .layer_pop_contents_back {
	position: absolute;
	left: 150px;
	right: 150px;
	top: 130px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999999;
	border-radius: 4px;
}

div.layer_pop .layer_pop_contents_bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(32, 41, 47, 0.7);
	z-index: 999999;	
}

div.layer_pop .layer_pop_contents {
	position: absolute;
	left: 160px;
	right: 160px;
	top: 120px;
	min-height: 100px;
	max-height: 700px;
	background: #fff;
	z-index: 1000000;
	overflow: auto;
border-radius: 4px;
}

div.layer_pop .btn.icon.close_pop {
	position: absolute;
	right: 149px;
	top: 104px;
	width: 32px;
	height: 32px;
	background: url(/sens-static/images/common/btn_pop_close-70b2a828d6ca90f405734f7c0644b91b.png) no-repeat;
	background-size: 32px 32px;
	z-index: 1000001
}

div.layer_pop .layer_pop_contents .pop_contents {
	padding: 30px
}

div.layer_pop .layer_pop_contents .pop_contents h1 {
	position: relative;
	margin: 0;
	left: 0;
	top: 0;
	border-bottom: 1px solid #dddddd;
	font-size: 13px;
	padding: 0 10px 15px 10px;
	width: auto
}

div.layer_pop .layer_pop_contents .pop_contents h1 span {
	display: block;
	padding: 0;
	font-size: 1.4em;
	border: 0;
	margin-right: 250px;
	height: auto
}

div.layer_pop .layer_pop_contents .pop_contents h1 span.date {
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 2px;
	color: #909090;
	margin: 0
}

div.layer_pop .layer_pop_contents .pop_contents table {
	border-bottom: 1px solid #dddddd;
	width: 100%
}


div.layer_pop .layer_pop_contents .pop_contents table td {
	padding-left: 10px;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	word-break: break-all
}

div.layer_pop .layer_pop_contents .pop_contents table th {
	text-align: left;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #f0f0f0;
	font-weight: normal;
	height: 40px;
	background: #fafafa;
	color: #646464;
	width: 140px;
}

div.layer_pop .layer_pop_contents .pop_contents table td span.text_tag {
	display: inline-block;
	padding: 4px 10px;
	margin: 5px 5px 5px 0;
	background: #bcdcf9;
	border-radius: 4px;
	height: 18px;
	line-height: 18px
}

div.layer_pop .layer_pop_contents .pop_contents table td span {
	vertical-align: middle
}

div.layer_pop .layer_pop_contents .pop_contents table td button.btn.text
	{
	height: 28px;
	line-height: normal;
	position: absolute;
	right: 10px;
	top: 7px;
	color: #333333
}

div.layer_pop .layer_pop_contents .pop_contents table td button.btn.text span.icon.down
	{
	background: url(/sens-static/images/common/btn_down-be27b3cdcd5d722bbfc0cb29c868b69c.gif) right center no-repeat;
	width: 10px;
	height: 28px;
	display: inline-block;
	vertical-align: middle
}

div.layer_pop .layer_pop_contents .pop_contents table tr:last-child th,
	div.layer_pop .layer_pop_contents .pop_contents table tr:last-child td
	{
	border-bottom: 0
}

div.layer_pop .layer_pop_contents .pop_contents table tr.view_header td
	{
	padding: 15px 0 15px 10px;
	font-size: .85em;
	line-height: 1.3em;
	color: #646464
}

div.layer_pop .layer_pop_contents .pop_contents .contents {
	padding: 30px
}

div.layer_pop .layer_pop_contents .pop_contents .table_list {
	border: 1px solid #dddddd;
	border-width: 0 0 1px 0
}

div.layer_pop .layer_pop_contents .pop_contents .table_list thead th {
	background: #f7f7f7;
	text-align: left;
	padding: 5px 10px;
	border-bottom: 1px solid #dddddd;
	height: 25px;
	width: auto
}

div.layer_pop .layer_pop_contents .pop_contents .table_list thead tr:last-child th
	{
	border-bottom: 1px solid #dddddd
}

div.layer_pop .layer_pop_contents .pop_contents .table_list tbody td {
	border-bottom: 1px solid #f0f0f0;
	text-align: left;
	padding: 5px 10px;
	height: 25px
}

.wrap.popup {
	min-width: 500px
}

.wrap.popup h1 {
	left: 30px;
	top: 36px
}

.wrap.popup .contents_area {
	left: 0;
	top: 70px;
	bottom: 0;
	min-width: 500px
}

.wrap.popup .contents_area .backup {
	text-align: center;
	margin-top: 60px
}


.wrap.popup .contents_area .backup .icon.error {
	background-position: 0 0
}

.wrap.popup .contents_area .backup .icon.download {
	background-position: -64px 0
}

.wrap.popup .contents_area .backup p.caption {
	margin: 25px 0 30px 0;
	font-size: 15px;
	color: #646464
}

.wrap.popup .contents_area .backup button.btn {
	width: 150px;
	height: 40px;
	border-radius: 5px;
	margin: 0 5px
}

.wrap.popup .contents_area .backup button.btn span {
	color: #fff;
	font-size: 1.4em
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
	{
	height: 24px;
	font-size: .92em
}

.wrap.error {
	border-top-width: 5px;
	border-top-style: solid;
	min-width: 10px
}

.wrap.error .bi {
	margin: 20px
}

.wrap.error .error_area {
	width: 200px;
	height: 270px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 50%;
	margin-top: -132.5px;
	text-align: center
}

.wrap.error .error_area span.icon {
	display: block;
	width: 120px;
	height: 120px;
	background: url(/sens-static/images/common/icon_error-062433f73c90f4059481d58b5766b711.png) no-repeat;
	margin: 0 auto 20px auto
}

.wrap.error .error_area span {
	font-size: 15px;
	color: #333333
}

.wrap.error .error_area button {
	display: block;
	width: 200px;
	margin-top: 40px;
	height: 50px;
	border-radius: 4px
}

.wrap.error .error_area button span {
	color: #fff;
	font-size: 1.4em
}

div#ui-datepicker-div {
	border: 1px solid #bababa;
	background: #fff;
	margin-top: -1px;
	border-radius: 0
}

div#ui-datepicker-div .ui-datepicker-header {
	border-radius: 0;
	background: #f7f7f7;
	border: 1px solid #dddddd
}

div#ui-datepicker-div .ui-datepicker-calendar table thead th span {
	color: #909090
}

@media print {
	header {
		display: none
	}
	nav.left_nav {
		display: none
	}
	h1 {
		left: 20px;
		top: 20px
	}
	.contents_area {
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		margin-top: 60px
	}
	footer {
		position: relative;
		left: auto
	}
}


/* 로그인 시작 */
.wrap.login {
	background: #eef1f6;
	position: absolute;
	height: 100%;
	width: 100%;
	min-width: 600px;
}

.wrap.login .login_area {
	width: 350px;
	margin: 150px auto 0
}

.wrap.login .login_img {
	text-align: center;
}

.wrap.login .input_box {
	margin: 20px 0 0 0;
}

.wrap.login .input_box .id,
.wrap.login .input_box .pass {
	position: relative;
	height: 50px;
	display: block;
}

.login_area .input_otp_box {
	text-align: center;
	height: 430px;
	margin: 10px 0 0 0;
}
.wrap.login .input_otp_box .otp_qr {
	height: 240px;
	position: relative;
	display: block;
}

.wrap.login .input_box .id input {
	border: 1px solid #dddddd;
	height: 50px;
	width: 100%;
	padding: 0 10px 0 46px;
	margin: 0;
	box-sizing: border-box;
	outline: none;
	border-radius: 4px 4px 0 0;
}

.wrap.login .input_otp_box .otp {
	padding: 0 0 10px 0;
}
.wrap.login .input_otp_box .otp input {
	border: 1px solid #dddddd;
	height: 50px;
	width: 100%;
	padding: 0 10px 0 46px;
	margin: 0;
	box-sizing: border-box;
	outline: none;
	border-radius: 4px 4px 0 0;
}

.wrap.login .input_box .pass input {
	border: 1px solid #dddddd;
	height: 50px;
	width: 100%;
	padding: 0 10px 0 46px;
	margin: -1px 0 0 0;
	box-sizing: border-box;
	outline: none;
	border-radius: 0 0 4px 4px;
}

.wrap.login .input_box .id .icon {
	background: url(/sens-static/images/common/icon_login-08271361d555cf210f34df9d47e4d937.png) 3px -1px no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 13px;
	left: 13px;
	z-index: 10;
}

.wrap.login .input_box .pass .icon {
	background: url(/sens-static/images/common/icon_login-08271361d555cf210f34df9d47e4d937.png) 3px -63px no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 13px;
	left: 13px;
	z-index: 10;
}

.wrap.login .input_box .id .login_text:focus + .icon {
	background-position: -19px -1px
}

.wrap.login .input_box .pass .login_text:focus + .icon {
	background-position: -19px -63px
}

.wrap.login .input_box .id input:focus,
.wrap.login .input_box .pass input:focus {
	border-color: #444444;
	z-index: 2;
	position: relative;
}

.wrap.login .option {
	position: relative;
	margin-top: 12px;
}

.wrap.login .option span {
	vertical-align: middle;
}

.wrap.login .option p {
	position: absolute;
	right: 0;
	top: -3px;
}


.wrap.login .option p input:checked + label .btn {
	background-position: 0 -22px
}

.wrap.login .option p input {
	display: none
}

.wrap.login .btn.login {
	color: #ffffff;
	width: 100%;
	height: 50px;
	margin-top: 20px;
	font-size: 18px;
	border-radius: 4px;
}

.wrap.login .footer {
	color: #aaaaaa;
	font-size: 13px;
	font-weight: 200;
	margin-top: 25px;
	text-align: center;
}
.wrap.login .footer li{display: inline-block;}
.wrap.login .footer li.language {
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}

.wrap.login .footer li.language:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #d3d2d2;
	left: -1px;
	top: 5px;
}

.wrap.login .footer select {
	background: url(/sens-static/images/common/icon_subject_arrow01-3f8034c2aa2e85aee72eda92ca526eeb.gif) 0 2px no-repeat;
	border: 0;
	margin: 0;
	padding: 0 3px 0 13px;
	height: auto;
}
/* 로그인 끝 */

/* 하단 영역 시작 */
footer {
	position: absolute;
	height: 30px;
	left: 180px;
	right: 0;
	bottom: 0;
	border-top: 1px solid #dddddd;
	text-align: right;
	line-height: 28px;
	padding: 0 20px;
	background: #ffffff;
	z-index: 2;
}

footer .footer_text {
	color: #aaaaaa;
	font-size: 0.78em;
	font-weight: 300;
}
/* 하단 영역 끝 */

/* 검색및복원_메일업로드팝업 */
.wrap.popup #emlUploadForm .header {
	height: 45px;
	background: #fff;
	border-bottom: 1px solid #dddddd;
}

.wrap.popup #emlUploadForm h1 {
	font-size: 14px;
	font-weight: bold;
	left: 20px;
	top: 12px;
}

.blind {
	position: absolute;
	left: -10000px;
}

.wrap.popup #emlUploadForm .top_input_area {
	top: 42px;
	left: 0;
	right: 0;
	height: 40px;
	background: #f3f3f3;
}

.wrap.popup #emlUploadForm .top_input_area ul {
	margin: 0 0 0 10px;
	padding-top: 7px;
}

.wrap.popup #emlUploadForm .top_input_area select {
	height: 26px;
}

.popup .popup_area.scroll {
	position: absolute;
	top: 86px;
	left: 0;
	bottom: 51px;
	right: 0;
	overflow: auto;
	border-top: 1px solid #dddddd;
}

.popup .footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 11px;
	z-index: 10;
	background: #f5f5f5;
	border-top: 1px solid #dddddd;
	text-align: right;
	height: 50px;
}

.popup .footer p.btn_area {
	margin: 15px 20px 0 0;
}

button.btn_bgtxt {
	color: #646464;
	border: 1px solid #bababa;
	background: #f7f7f7;
	height: 22px;
	font-weight: normal;
	font-size: 12px;
	padding: 0 10px;
	line-height: 20px;
}

.password_error {color:red;font-weight: bold;}
/* 리스트 상단 테이블 삽입 시 */
.modal_view {background:#f5f5f5;padding:20px;border-bottom:1px solid #dddddd;color:#4b4b4b;}
.modal_view table {width:100%;border:1px solid #ddd;}
.modal_view table thead th {height:40px;background:#f7f7f7;border-bottom:1px solid #dddddd;width:50%;font-weight:bold;}
.modal_view table tbody th {height:40px;background:#f7f7f7;border-bottom:1px solid #dddddd;font-weight:bold;padding-left:10px;text-align:left;}
.modal_view table tbody td {height:40px;background:#fff;border-bottom:1px solid #dddddd;padding-left:10px;}
.modal_view table tbody .bd_rdd {border-right:1px solid #ddd;}
.modal_view table input {
	border: 1px solid #dddddd;
	padding: 0 5px;
	margin: 0;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	font-size: 13px
}


/* 리스트 형식 시작 */
.s_help {margin: 5px 0 0 0;}
.s_help li{text-indent: -13px; padding: 0 0 0 14px; margin-bottom: 5px; line-height: 18px; height: auto !important;}
.s_help li:last-child{margin-bottom: 0;}
.s_help li:before{content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 5px 4px 5px;
	background-color: #999999;
	vertical-align: -1px;
	border-radius: 50px;}
/* 리스트 형식 끝 */

/* 플로그인 커스텀 시작*/
.ui-widget.ui-datepicker th {padding: 0.2em 0.3em 0.5em 0.3em;}
.ui-widget.ui-datepicker td span,
.ui-widget.ui-datepicker td a{text-align: center; border-radius: 4px; border-color: #dddddd; line-height: 1.5;}
.ui-widget.ui-datepicker .ui-datepicker-prev {top: 3px; left: 1px; border: 1px solid transparent; cursor: pointer}
.ui-widget.ui-datepicker .ui-datepicker-next {top: 3px; right: 1px; border: 1px solid transparent; cursor: pointer}
.ui-widget.ui-widget-content .ui-state-active {border: 1px solid #666;}
.ui-widget.ui-datepicker select.ui-datepicker-month {width: 45%;}
.ui-widget.ui-datepicker select.ui-datepicker-year{width: 45%; margin-left: 2%;}
.ui-datepicker#ui-datepicker-div .ui-datepicker-header {background: #ffffff;border: 1px solid #ffffff;}