@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
html,body{width:100%; min-width:1400px; background:#253138;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,table,td,tr,textarea{font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:1.4em; color:#494949;}
a{font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:1.4em; color:#ffffff;}
body{*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle;}
input:disabled			{background:#999999;}	
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

/**** 상단영역 ****/
.left						{position:fixed; width:200px; height:100%; background:#fff;}
.left_logo					{width:80px; height:40px; margin:30px auto;}
.left_pic					{width:80px; height:80px; margin:0 auto; border-radius:80px; background:url(../img/com/pic_basic.jpg) no-repeat; background-size:100%;}
.left_name					{width:200px; margin:10px 0; text-align:center;}
.left_icon					{width:200px; height:30px; margin:0 0 0 0; text-align:center;}
.left_icon ul				{width:60px; height:20px; vertical-align:top; clear:both; display:inline-block;}
.left_icon ul li			{float:left; width:20px; height:20px; padding:0 5px;}
.left_menu							{width:200px; border-top:#eeeeee 1px solid;}
.left_menu ul						{vertical-align:top; clear:both; display:inline-block;}
.left_menu ul li.style01			{width:150px; height:18px; padding:11px 15px; border-bottom:#eeeeee 1px solid;}
.left_menu ul li.style01 a:link    	{text-decoration:none; color:#494949;}
.left_menu ul li.style01 a:visited  {text-decoration:none; color:#494949;}
.left_menu ul li.style02			{width:145px; padding:11px 15px 11px 40px; border-bottom:#eeeeee 1px solid; font-size:13px; line-height:2.5em; background:#f4f4f4;}
.left_menu ul li.style02 a:link    	{text-decoration:none; color:#494949;}
.left_menu ul li.style02 a:visited  {text-decoration:none; color:#494949;}

.right					{position:absolute; height:100%; right:0; left:200px; background:#253138;}
.right_con				{position:absolute; top:20px; right:20px; bottom:20px; left:20px;}
.important			{color:red;}

/**** 입력창영역 ****/
.input01			{height:26px; padding:4px; border:1px solid #e3e3e3; border-radius:3px; font-size:14px;}	
.input02			{height:26px; padding:4px; border:none; border-radius:3px; font-size:14px;}	
.input03			{height:20px; padding:4px; border:none; border-radius:3px; font-size:14px;}	

.select01			{height:28px; padding:4px; border:none; border-radius:3px; font-size:14px;}
.select02			{height:28px; padding:4px; border:none; border-radius:3px; font-size:14px;}

.btn_01	{float:left;  width:90px; height:18px; padding:12px 0; margin:0 3px; color:#fff; font-size:16px; line-height:1em; border-radius:3px; text-align:center; cursor:pointer;}

/*****용찬추가*****/
.note-form-label, .sn-checkbox-open-in-new-window{
color:black;
}

.view_form__content--txt,
.view_form__content--txt-small-small,
.view_form__content--txt-small,
.view_form__content--txt-mid,
.view_form__content--txt-small-center,
.view_form__content--edit,
.view_form__datepicker,
.view_form__remark,
.view_form__subject {
  display: flex;
  width: 100%;
  align-items: center;
  color: #bac0d5;
  background: #2f354a;
  border: 1px solid #363b53;
  padding: 5px 13px;
  box-sizing: border-box;
  border-radius: 5px;
  word-break: break-all;
}
.view_form__content--txt-small.select {
  background: #336699;
}
.view_form__content--txt-small.code {
  background: #996633;
}
.view_form__datepicker.small {
  width: 120px;
}
.view_form__content--txt-mid {
  width: 75%;
}
.view_form__content--txt-small {
  width: 120px;
}
.btn_orange,
.btn_red,
.btn_purple,
.btn_grey,
.btn_light_grey,
.btn_light_grey2,
.btn_disable {
  padding: 0 10px;
  min-width: 75px;
  height: 25px;
  font-size: 14px;
  border-radius: 5px;
}

.btn_light_grey {
  background: #666699;
  color: #2a2f42;
}

.btn_light_grey.expense__add--btn,
.btn_light_grey.expense__remove--btn {
  display: block;
  min-width: auto;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.expense__add_remove--box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.expense__add_remove--box > *:not(:first-child) {
  margin-left: 5px;
}

.none {
  display: none;
}