@CHARSET "UTF-8";
@import url('skgas-special.css');
@import url('skgas-contents.css');
/* Alopex ui component 에 overwrite 해서 사용할 것만 이곳에 정의합니다.
   새로 class 를 추가하는 것은 cloudzdb-layout.css 에서 정희합니다.
*/
.Accordion, .Accordion *,
.Button, .Button *,
.Carousel, .Carousel *,
.Checkbox, .Checkbox *,
.Dateinput, .Dateinput *,
.Datepicker, .Datepicker *,
.Daterange, .Daterange *,
.Dialog, .Dialog *,
.Divselect, .Divselect *,
.Dropdown, .Dropdown *,
.Dropdownbutton, .Dropdownbutton *,
.Group, .Group *,
.Groupbutton, .Groupbutton *,
.Icon, .Icon *,
.List, .List *,
.Navigationbar, .Navigationbar *,
.Navmenu, .Navmenu *,
.Paging, .Paging *,
.Panel, .Panel *,
.Progressbar, .Progressbar *,
.Radio, .Radio *,
.Searchinput, .Searchinput *,
.Select, .Select *,
.Slider, .Slider *,
.Spinner, .Spinner *,
.Switch, .Switch *,
.Table, .Table *,
.Tabs, .Tabs *,
.Textarea, .Textarea *,
.Textinput, .Textinput *,
.Tooltip, .Tooltip *,
.Tree, .Tree *,
.Label, .Label *,
.Quotation, .Quotation *,
.Cite, .Cite *,
.Mark, .Mark *,
.Code, .Code *,
.Small, .Small *,
.Strong, .Strong *,
.Del, .Del *,
.Alink, .Alink *,
.Splitter, .Splitter *,
.Hierarchical, .Hierarchical *,
.MultiSelect, .MultiSelect * {
	font-family: "Spoqa Han Sans", "맑은 고딕", "Malgun Gothic", "Myriad Pro";
}
.Button, .Button:hover, .Button:active, .Button.Checked,
.Dropdownbutton, .Dropdownbutton:hover, .Dropdownbutton:active, .Dropdownbutton.Checked,
.Dateinput > input, .Daterange .Startdate > input, .Daterange .Enddate > input,
.Dateinput > .Calendar:hover, .Daterange .Calendar:hover, 
.Dateinput > .Calendar:active, .Daterange .Calendar:active,
.Textinput, .Divselect, .Textarea,
.Accordion li.Expandable > a {
	vertical-align: middle;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.Button, .Button:hover, .Button:active, .Button.Checked {
	height: 28px;   /********높이수정 30-> 28   18.8.24*********/
	font-size: 13px;
}
.Dateinput > input, 
.Daterange .Startdate > input, 
.Daterange .Enddate > input {
	width: 120px;
	height: 28px;  /********높이수정 30-> 28   18.8.24*********/
	font-size: 14px;
	color: #333333;
	border: 1px solid #cccccc;
	padding:0px 4px 3px
}
.Dateinput > input:hover, 
.Dateinput > input:focus,
.Daterange .Startdate > input:hover, 
.Daterange .Startdate > input:focus, 
.Daterange .Enddate > input:hover,
.Daterange .Enddate > input:focus {
	border-color: #76726e;
}
.Dateinput > input.Disabled, 
.Daterange .Startdate > input.Disabled, 
.Daterange .Enddate > input.Disabled {
	color: #999999;
	background: #f3f3f3;
	border-color: #cccccc;
}
.Dateinput > .Calendar, .Daterange .Calendar {
	right: 0;
	height: 28px;       /********높이수정 30-> 28   18.8.24*********/
	min-width: 28px;
	padding: 0;
	background: #ffffff url("../images/btn-ico.png") no-repeat -31px 2px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.Dateinput > .Calendar:hover, .Daterange .Calendar:hover {
	background: #ffffff url("../images/btn-ico.png") no-repeat -30px -24px;
}
.Dateinput > .Calendar.Disabled, .Daterange .Calendar.Disabled {
	border-color: #cccccc;
	background: #f3f3f3 url("../images/btn-ico.png") no-repeat -30px -49px;
}
.Dateinput > .Clear, .Daterange .Clear {
	position: absolute;
	right: 40px;
	top: 7px;
	background: transparent url("../images/btn-ico.png") no-repeat -182px 0;
}
.Dateinput > input:hover + .Clear,
.Dateinput > input:focus + .Clear,
.Daterange .Startdate > input:hover + .Clear, 
.Daterange .Startdate > input:focus + .Clear, 
.Daterange .Enddate > input:hover + .Clear,
.Daterange .Enddate > input:focus + .Clear,
.Dateinput > .Clear:hover, .Daterange .Clear:hover {
	background: transparent url("../images/btn-ico.png") no-repeat -182px -24px;
}
.Dateinput > input.Disabled + .Clear,
.Daterange .Startdate > input.Disabled + .Clear, 
.Daterange .Enddate > input.Disabled + .Clear {
	background: transparent url("../images/btn-ico.png") no-repeat -182px -50px;
}
.Textinput, .Divselect, .Textarea, .Spinner {
	font-family: "Spoqa Han Sans","맑은 고딕", "Malgun Gothic", "Myriad Pro";
	font-size: 14px;
	color: #333333;
	border: 1px solid #cccccc;
	background: #ffffff;
}

.Textinput:hover, .Textinput:focus, .Textinput:active,
.Divselect:hover, .Divselect:focus, .Divselect:active,
.Textarea:hover, .Textarea:focus, .Textarea:active,
.Spinner:hover, .Spinner:focus, .Spinner:active {border-color: #76726e;}
.Textinput.Disabled, .Divselect.Disabled, .Textarea.Disabled, .Spinner.Disabled {
	color: #666666;
	border-color: #cccccc;
	background: #f3f3f3;
}
.Textinput{
	height:28px;      /********높이수정 30-> 28   18.8.24*********/
	line-height:14px
}
.Divselect {
	min-width: 140px;
	background: #ffffff url("../images/select.png") no-repeat right 8px;
	/**padding:4px 8px 3px				 ******높이수정 30-> 28  *********/
}
.Divselect:hover, .Divselect:focus, .Divselect:active {
	background: #ffffff url("../images/select.png") no-repeat right -35px;
}
.Divselect.Disabled {background: #ffffff url("../images/select.png") no-repeat right -75px}
.Spinner > .Up, .Spinner > .Down {
	border-left: 0;
}
.Spinner > .Up {
	background: url("../images/ico-form.png") 0 6px;
}
.Spinner > .Up:hover {
	background: transparent url("../images/ico-form.png") 0 -30px;
}
.Spinner > .Up.Disabled {
	background: transparent url("../images/ico-form.png") 0 -66px;
}
.Spinner > .Down {
	background: url("../images/ico-form.png") 0 -8px;
}
.Spinner > .Down:hover {
	background: transparent url("../images/ico-form.png") 0 -44px;
}
.Spinner > .Down.Disabled {
	background: transparent url("../images/ico-form.png") 0 -80px;
}
.Tabs > .Scroller > ul {border-bottom: 1px solid #cfcfcf;}
.Tabs > ul > li, .Tabs > .Scroller > ul > li {
	font-size: 14px;
	color: #999999;
	background: #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
.Tabs > ul > li:hover, .Tabs > .Scroller > ul > li:hover, .Tabs > ul > li:active, .Tabs > .Scroller > ul > li:active,
.Tabs > ul > li.Selected, .Tabs > .Scroller > ul > li.Selected {
	color: #ea002c;
	border-color: #e0042d;
	border-bottom: 2px solid #e0042d;
	background: #ffffff;
}
.Tabs ul > li .RemoveButton {
	top: 15px;
	right: 15px;
	background: url("../images/ico-tabs.png") no-repeat 0 -158px;
}
.Tabs ul > li .RemoveButton:hover,
.Tabs ul > li .RemoveButton:active,
.Tabs > ul > li:hover .RemoveButton, 
.Tabs > .Scroller > ul > li:hover .RemoveButton, 
.Tabs > ul > li:active .RemoveButton, 
.Tabs > .Scroller > ul > li:active .RemoveButton, 
.Tabs > ul > li.Selected .RemoveButton, 
.Tabs > .Scroller > ul > li.Selected .RemoveButton {background: url("../images/ico-tabs.png") no-repeat -33px -158px;}
.Table {
	font-size: 14px;
	color: #333333;
}
.ImageRadio:after {
	vertical-align: middle;
	top: 10px\0/IE8;
	left: 0;
	width: 15px;
	height: 15px;
	background: url("../images/ico-form.png") no-repeat -32px 0;
}
.ImageRadio.Checked:after {
	background: url("../images/ico-form.png") no-repeat -32px -41px;
}
.ImageRadio.Disabled:after {
	background: url("../images/ico-form.png") no-repeat -32px -80px;
}

.ImageRadio.Checked.Disabled:after{
	background: url("../images/ico-form.png") no-repeat -32px -116px;
}


.ImageCheckbox:after {
	width: 15px;
	height: 15px;
	background: url("../images/ico-form.png") no-repeat -68px 0;
}

.ImageCheckbox.Checked:after {
	background: url("../images/ico-form.png") no-repeat -68px -40px;
}

.ImageCheckbox.Disabled:after {
	background: url("../images/ico-form.png") no-repeat -68px -81px;
}

.ImageCheckbox.Checked.Disabled:after{
	background: url("../images/ico-form.png") no-repeat -68px -117px;
}


.ImageCheckbox > .Checkbox {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.Table.Form-type tr:first-child,
.Table.Form-type tr:first-child th {border-top: 1px solid #76726e;}
.Table.Form-type tbody th {
	color: #333333;
	text-align: left;
	background: #e7e9ea;
	border: 1px solid #cccccc;
	padding: 4px 4px 4px 10px;
	min-height:30px
}
.Table.Form-type tbody th:first-child {border-left: 0;}
.Table.Form-type tr {border-top: 1px solid #cccccc;}
.Table.Form-type td {padding: 4px 4px;min-height:36px}
.Table.Form-type td .Textinput, 
.Table.Form-type td .Button,
.Table.Form-type td .Divselect {margin-right: 4px;}
.Table.Form-type td .Button + .Button {margin-right: 4px;} 
.Accordion {border: 0;}
.Accordion ul > li {border-top: 0;}
.Accordion > li {border-bottom: 0;}
.Accordion li > a {
	padding: 0;
	border-bottom: 1px solid #33374c;
}
.Accordion > li.Expandable.Expanded > a {border-bottom: 0;}
.Accordion li.Expandable > a {padding: 25px 0 5px;}
.Accordion li > a:before {content: none;}
.Accordion li > a:after {	
	width: 28px;					/********높이수정 30-> 28   18.8.24*********/
	height: 28px;					/********너비수정 30-> 28   18.8.24*********/
	margin-top: -10px;
}
.Accordion li.Expandable > a {
	font-size: 16px;
	color: #333333;
}
.Accordion > li.Expandable.Expanded > a, 
.Accordion > li.Expandable > a:hover {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	background: #ffffff;
}
.Accordion li.Expandable > a:after,
.Accordion li.Expandable > a:hover:after {
	background: url("../images/ico-form.png") no-repeat 0 -135px;
}
.Accordion > li.Expandable.Expanded > a:after {
	background: url("../images/ico-form.png") no-repeat -56px -135px;
}
.Accordion > li.Expandable.Expanded > a:hover:after {
	background: url("../images/ico-form.png") no-repeat -112px -135px;
}
.Accordion > li.Expandable > ul > li > a, 
.Accordion > li.Expandable > ul > li > a:hover {
	background: #ffffff;
}
.Accordion li > div {
	padding: 0;
	border-top: 0;
	background: #ffffff;
}
.Accordion, .Accordion * {
	font-size: 14px;
	color: #333333;
	line-height: inherit;
}
.Tree li > span.Arrow {
	width: 13px;
	height: 13px;
	background: url("../images/ico-form.png") no-repeat 0 -247px;
}
.Tree li.Expanded > span.Arrow {
	background: url("../images/ico-form.png") no-repeat 0 -206px;
}
.Tree li > a.Selected {
	color: #ea002c;
	border-bottom: 1px solid #ef6676;
}
.Dialog {
	font-size: 14px;
	color: #333333;	
	border: 3px solid #555555;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	max-width: 1300px;
}
.Dialog .Header {
	padding: 10px 0 0 15px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	height:60px;
	text-align: left;
	border-bottom: 0;
	border-bottom: 1px solid #cccccc;
}

.Alert .Header{
	display:none
}



.Dialog .Header .DialogBtn, 
.Dialog .Header .DialogBtn:hover {
	top: 15px;
	right: 15px;
	background: url("../images/ico-form.png") no-repeat -53px -203px;
}
.Panel {
	font-size: 14px;
	color: #333333;
	border-color: #cccccc;
}
.alopexgrid .deleted.bodycell.cell{
	text-decoration:none
}


/**************그리드 내의 버튼 수정***********************/

.alopexgrid .bodycell .btn-typeb {
	padding: 0px 8px;
	color: #333333;
	background: #ffffff;
	border: 1px solid #cccccc;
	height:26px;
	margin-top:-3px
}
.alopexgrid .bodycell .btn-typeb:hover {
	color: #eb113a;
	border-color: #eb113a;
}
.alopexgrid .bodycell .btn-typeb:hover {
	color: #ea002c;
	background: #ffffff;
	border-color: #ea002c;
}


.alopexgrid .bodycell .btn-typey {
	padding: 0px 8px;
	color: #ffffff;
	background: #5577a9;
	border: 1px solid #cccccc;
	height:26px;
	margin-top:-3px
}
.alopexgrid .bodycell .btn-typey:hover {
	color: #eb113a;
	background:#394a63;
}

.alopexgrid .bodycell .btn-typey.Disabled,
.alopexgrid .bodycell .btn-typey.Disabled:hover,
{
	background: #999999;
	border-color: #999999;
	color: #dadada;
}


/*****그리드 텍스트******/

.ui-multiselect.Multiselect, .ui-multiselect.MultiSelect
{
	height:28px
}

.alopexgrid .bodycell{
	line-height:25px
}

.alopexgrid .bodycell > .Dateinput > input, 
.alopexgrid .bodycell > .Daterange .Startdate > input, 
.alopexgrid .bodycell > .Daterange .Enddate > input {
	width: 100px;
	font-size: 14px;
	color: #333333;
	border: 1px solid #7f7a76;
	height:26px;
	margin-right:4px;
	margin-top:-2px
}
.alopexgrid .bodycell  .Dateinput > input:hover, 
.alopexgrid .bodycell  .Daterange .Startdate > input:hover, 
.alopexgrid .bodycell  .Daterange .Enddate > input:hover {
	border: 1px solid #000000;
}

.alopexgrid  .bodycell .Calendar,
.alopexgrid  .bodycell .Calendar {
	right: 0;
	height: 26px;
	min-width: 27px;
	padding: 0;
	background: #ffffff url("../images/btn-ico.png") no-repeat -31px 2px;
	border: 1px solid #7f7a76;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	margin-top:-2px;
	border: 1px solid #7f7a76;
}
.alopexgrid  .bodycell .Calendar:hover, 
.alopexgrid  .bodycell .Calendar:hover {
	background: #ffffff url("../images/btn-ico.png") no-repeat -30px -24px;
	border:1px solid #ea002c
}
.alopexgrid .bodycell  .Dateinput  .Calendar.Disabled, 
.Daterange .Calendar.Disabled {
	border-color: #cccccc;
	background: #f3f3f3 url("../images/btn-ico.png") no-repeat -30px -49px;
}

.alopexgrid .bodycell  select{
	height:26px;
}

.alopexgrid .bodycell .Textinput, 
.alopexgrid .bodycell .Divselect, 
.alopexgrid .bodycell .Spinner{
	height:26px;
	border: 1px solid #7f7a76;
	margin-right:4px;
	margin-top:-2px
}
.alopexgrid .bodycell .Divselect{line-height:15px}



.alopexgrid .bodycell .Textinput:Disabled , 
.alopexgrid .bodycell .Divselect:Disabled , 
.alopexgrid .bodycell .Spinner:Disabled {
	color: #999999;
	background: #f3f3f3;
	border-color: #cccccc;
}


.alopexgrid .bodycell .ico-typea{
	height:26px;
	width:27px;
	border: 1px solid #7f7a76;
	margin-right:4px;
	margin-top:-2px;
	text-indent: -9999px;
	background: #ffffff url("../images/btn-ico.png") no-repeat 5px 2px;
}
.alopexgrid .bodycell .ico-typea:hover{
	border:1px solid #ea002c;
	background: #ffffff url("../images/btn-ico.png") no-repeat 5px -25px;
}

.alopexgrid .bodycell .ico-typea:Disabled{
	border: 1px solid #000000;
	background: #ffffff url("../images/btn-ico.png") no-repeat  5px -51px;
}

/*그리드 내의 인풋*/
.alopexgrid .alopexgrid-input-radio-wrapper.alopexgrid-input-wrapper .alopexgrid-default-renderer, .alopexgrid .alopexgrid-input-radio-wrapper.alopexgrid-input-wrapper .selector-radio
{
	margin-top:12px
	
}

/*그리드 컬러 변경*/
.alopexgrid .row-highlight{background-color:#c7e3f6;font-weight: bold;}

/* login-page */
.wrap.login-outer-wrap {
	position: absolute;
	background-color: #f1f1f1;
	min-width: 100%;
	padding-bottom: 0;
}
.login-wrap {
	position: absolute;
	top: calc(50% - 230px);
	left: calc(50% - 175px);
	width: auto;
	height: auto;
}

.login-logo { margin-top: 0; }
.login-menu { 
	position:relative;
	overflow: visible;
}

.login-outer-wrap .Button.btn-login,
.login-outer-wrap .Button.btn-login:hover { width: 350px; }

.login-menu .sso-check { 
	position: absolute;
	display: inline-block;
	left: 135px;
	top: 0;
	padding: 0 5px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #ffffff;
	text-align: center;
	
}

/* inner excel btn */
.position-r {
	position: relative;
}

.inner-excel-btn {
	position:absolute; top: -30px; right: 0;
}

/* main table css */
.main-contents::after {
	content: "";
	display: table;
	clear: both;
}

.main-contents.sector-first {
	height: auto;
}

.main-contents .main-image {
	display: block;
	width: 1210px; 
	height: 380px;
}

.main-contents .main-temp {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	min-height: 0 !important;
}

.main-contents .main-temp span {
	display: inline-block;
	padding: 2px 4px;
	border-radius: 5px;
	background-color: dodgerBlue;
	color: white;
}

.main-contents.sector-first > div {
	min-height: 380px;
}
.main-layout__left {
	box-sizing: border-box;
	width: 785px;
}

.main-sector__contents table {
	width: 100%;
	border-collapse: collapse;
}

.main-sector__contents table,
.main-sector__contents th,
.main-sector__contents td {
	border: 1px solid #aaa;
}

.main-sector__contents table tr:nth-child(odd) {
	background-color: #f3f3ef;
}

.main-sector__contents th {
	padding: 7px 4px;
	background-color: #e6e6e6;
	
}

.main-sector__contents td {
	padding: 7px 4px;
	text-align: center;
}

.main-sector__title .day-select__wrap {
	position: absolute; left: 170px; top: 20px; margin: 0 0; font-size: 14px;
}

.main-sector__title .day-select__wrap .day {
	width: 90px;
	font-weight: 400;
}

a.go-refresh, a.go-refresh:hover, a.go-refresh:active {
	position: absolute;
	top: 20px;
	right: 100px;
	color: #666666;
	font-size: 12px;
}

/* todo board*/
.status-layout .status-list__wrap {
	cursor: pointer;
}

.status-list__title {
	width: 130px;
	padding: 40px 0 6px;
	margin: 0 auto;
	color: #333333;
	font-size: 17px;
	border-bottom: 2px solid #e5e5e5;
}

.status-list__wrap .trans-count {
	position: absolute;
	width: 100px;
	top: 65%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 1.6em;
}

.status-list__wrap .trans-count span { 
	font-size: 22px;
	font-weight: bold;
	color: rgb(234, 0, 44);
}

/* link */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.banner-menu.second {/* margin-top: 15px; */width: 440px;}
.banner-menu.second li { margin-right: 6px; }
.banner-menu.second li a { width: 130px; }

/* repayment block */
#goto_repay_info10 {
	position: absolute;
    bottom: 40px;
    right: 40px;
    width: 290px;
    padding: 15px;
    background-color: #fff;
    border-radius: 4px;
}
#goto_repay_info10 a { 
	display: inline-block;
    padding: 5px 8px;
    border-radius: 4px;
    background-color: dodgerBlue;
    color: #f3f3ef;
}
#goto_repay_info10 .day-select__wrap {
	left: 140px;
	top: 15px;
}

/* popup input delete button */
.input-deletep-wrap {
	position: relative;
}
.input-deletep-wrap input {
	padding-right: 30px !important;
}
.deletep-button {
	display: block;
	visibility: hidden;
	position: absolute;
	right: 5px;
	top: 5px;
	height:20px;
	width: 20px;
	background-image: url(../images/icon_cancel.png);
	background-size: 100% 100%;
}

/* LNB final update */
/*
.left-nav__wrap {
	position: absolute;
    z-index: 100;
    background-color: #ffffff;
    border-right: 1px solid #cccccc;
    display: block;
    left: 0;
    transition: left .5s;  
}

.left-nav__wrap.close {
    left: -200px;
}

.lnb-open{
	left: auto;
    right: -24px;
    width: 24px;
}

.left-nav__wrap ul {
	padding-bottom: 50px;
	border-bottom: 1px solid #cccccc;
}

.left-nav__wrap ul li {
	border-right: none;
}

.left-nav__wrap.close .lnb-title__wrap {
	display: table;
}

.left-nav__wrap.close .lnb-menu {
	display: block;
}
*/

/* GNB 색상 변경 */
.gnb-menu li.selected a {
    background: #ea002c !important;
}
.gnb-menu li a:hover, .gnb-menu li a:active, .gnb-menu .current {
    background: dodgerBlue;
}

/* 그리드확대시를 위한 z-index 조정 */
.container {
    z-index: 10;
}
.gnb-menu-option {
    z-index: 5;
}

/* 메인화면 버튼색상 번경 */
.banner-menu li a {
	text-indent: 0;
	text-align: center;
	border-radius: 15px;
	background-color: #556B2F;
	line-height: 26px;
	padding-bottom: 2px;
	transition: background-color 0.5s;
}
.banner-menu li a:hover {
	background-color: #33374c;
}
.banner-menu.second li a {
	background-color: #757575;
}
.banner-menu.second li a:hover {
	background-color: #585858;
}

/* input type text&search 삭제버튼 보이게 하기 */
input::-ms-clear {
  display:block;
}
.input-deletep-wrap input::-ms-clear {
  display:none;
}

/* 로그인박스 line-height 수정 */
.Textinput.login-input {
	line-height: 48px;
}

/* 안전관리 table css 수정 */
.dateTable tbody td {
    padding: 10px 10px 10px 10px;
    vertical-align: top;
}
.dateTable tbody td > div {
    text-align: left;
    min-height: 80px;
}
.dateTable .ico_txt {
	position: relative;
	padding-top: 10px;
}

/* 메인 notice title 하단 라인 */
.main-sector__contents {
    margin: 17px 25px;
}
.main-title__wrap .notice-hr {
	border-top: 1px solid #cccccc;
	width: 365px;
	margin: 10px auto 0 auto;
}

/* SMS 발송 UI 수정 */
.Form-type.Table .sms_box td {
    padding: 4px 0px 4px 4px !important;
}

/* back office link */
.top-left__menu .goto-back {
	padding: 2px 15px 4px 15px;
	border-radius: 12px;
	background-color: #556b2f;
	color: #fff;
}


.Autocomplete {
 position: relative;
 display: inline-block;
}

.Autocomplete > .Clear {
 cursor: pointer;
 display: inline-block;
 position: absolute;
 top: 6px;
 right: 6px;
 width: 22px;
 height: 15px;
 text-indent: -99999px;
 background: #ffffff url("./images/component_default.png") no-repeat -173px -293px;
}

.Autocomplete > .Clear:hover, .Autocomplete > .Clear:focus, .Autocomplete > .Clear:active {
 background: #ffffff url("./images/component_default.png") no-repeat -319px -293px;
}

.Autocomplete > .Opener {
 cursor: pointer;
 display: inline-block;
 position: absolute;
 top: 0;
 right: 0;
 width: 22px;
 height: 25px;
 background: url("./images/multi_btn_off_default.png") no-repeat 7px 11px;
}

.Autocomplete > .Opener:hover, .Autocomplete > .Opener:active, .Autocomplete > .Opener.ui-state-active {
 background: url("./images/multi_btn_on_default.png") no-repeat 7px 11px;
}

.Autocomplete-wrapper {
 position: absolute;
 overflow-y: auto;
 border: 1px solid #c3c3c3;
 z-index: 999;
}

.Autocomplete-wrapper,
.Autocomplete-dropdown {
 background: #ffffff;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 border-radius: 2px;
}

.Autocomplete-dropdown,
.Autocomplete-dropdown * {
 list-style: none;
 font-size: 12px;
}

.Autocomplete-dropdown {
 position: fixed;
 margin: 0;
 padding: 6px 0;
}

.Autocomplete-dropdown li {
 position: relative;
 padding: 0 10px;
 color: #303030;
 line-height: 26px;
}

.Autocomplete-dropdown li > a {
 width: 100%;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
}

.Autocomplete-dropdown li > a:hover {
 color: #ffffff;
 text-decoration: none;
}

.Autocomplete-dropdown li.Disabled, .Autocomplete-dropdown li.Disabled * {
 color: #aaaaaa;
}

.Autocomplete-dropdown > li:hover,
.Autocomplete-dropdown > li.Selected,
.Autocomplete-dropdown > li.Focused {
 cursor: pointer;
 background: #fa5a4c;
 color: #ffffff;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}

.Autocomplete-dropdown > li:hover.Disabled,
.Autocomplete-dropdown > li:hover.Disabled > a,
.Autocomplete-dropdown > li:hover.Disabled > a:hover,
.Autocomplete-dropdown > li.Selected.Disabled,
.Autocomplete-dropdown > li.Selected.Disabled > a,
.Autocomplete-dropdown > li.Selected.Disabled > a:hover,
.Autocomplete-dropdown > li.Focused.Disabled,
.Autocomplete-dropdown > li.Focused.Disabled > a,
.Autocomplete-dropdown > li.Focused.Disabled > a:hover {
 background: #ffffff;
 color: #aaaaaa;
}

.Autocomplete-dropdown > li:hover > a,
.Autocomplete-dropdown > li.Selected > a,
.Autocomplete-dropdown > li.Focused > a {
 color: #ffffff;
}

.Autocomplete .Autocomplete-textinput {
 position: relative;
 overflow: hidden;
 height: 26px;
 padding: 0px 8px;
 line-height: 26px;
 vertical-align: middle;
 font-size: 12px;
 color: #303030;
 background: #ffffff;
 border: 1px solid #afb3b8;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 border-radius: 2px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}

.Autocomplete .Autocomplete-textinput:hover, .Autocomplete .Autocomplete-textinput:focus, .Autocomplete .Autocomplete-textinput:active {
 border: 1px solid #fa5a4c;
}

.Autocomplete .Autocomplete-textinput.Disabled {
 color: #cccccc;
 background: #f2f2f2;
 border: 1px solid #d7d9db;
}

.Autocomplete .Autocomplete-textinput.Disabled.Tooltip-pointer {
 pointer-events: none;
}

.Autocomplete .Autocomplete-textinput.Confirm {
 border: 1px solid #006cff;
}

.Autocomplete .Autocomplete-textinput.Confirm:hover, .Autocomplete .Autocomplete-textinput.Confirm:focus, .Autocomplete .Autocomplete-textinput.Confirm:active {
 border: 1px solid #005ad5;
}

.Autocomplete .Autocomplete-textinput.Warning {
 border: 1px solid #ff630e;
}

.Autocomplete .Autocomplete-textinput.Warning:hover, .Autocomplete .Autocomplete-textinput.Warning:focus, .Autocomplete .Autocomplete-textinput.Warning:active {
 border: 1px solid #e65100;
}

.Autocomplete .Autocomplete-textinput.Danger {
 border: 1px solid #c60001;
}

.Autocomplete .Autocomplete-textinput.Danger:hover, .Autocomplete .Autocomplete-textinput.Danger:focus, .Autocomplete .Autocomplete-textinput.Danger:active {
 border: 1px solid #a30000;
}

.Autocomplete .Autocomplete-textinput.Success {
 border: 1px solid #6bc600;
}

.Autocomplete .Autocomplete-textinput.Success:hover, .Autocomplete .Autocomplete-textinput.Success:focus, .Autocomplete .Autocomplete-textinput.Success:active {
 border: 1px solid #61b300;
}
.Textinput2{
	text-align: right;
    color: rgb(51, 51, 51);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    background: rgb(255, 255, 255);
    height: 28px;
    line-height: 14px;
    margin-right: 3px;
    padding: 0 4px;	
}
.Select{
	text-align: left;
}