@charset "utf-8";
*{margin: 0; padding: 0;}
html{overscroll-behavior: contain; height:100vh; }
body,button,input,select,table,textarea{font-size:1em; line-height:120%; color:#313163; font-family:"GmarketSans", "Nanum Gothic", "Malgun Gothic", "맑은고딕", Dotum, Arial, sans-serif; }
html, body { width:100%;height:100%;letter-spacing:0px; }
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li { list-style-type:none; margin:0; padding:0px; line-height:100%; font-size:1em; color:#313163; letter-spacing:0px; }
form, fieldset, p {margin:0; padding:0; border:0;}
img {border:0; vertical-align:middle; outline:none;}
a,a:link,a:visited,a:active{ letter-spacing:normal; text-decoration:none; letter-spacing:-0.8px;}
ul,li{list-style:none;}
button { background-color: transparent; }
.clearfix::after{content:""; display:block; clear:both;}

.fl {float:left;}
.fr {float:right;}

.mgt5{margin-top: 5px !important;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt30{margin-top: 30px !important;}
.mgt40{margin-top: 40px !important;}
.mgt50{margin-top: 50px !important;}

.mgb5{margin-bottom: 5px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 2px !important;}

.mgr1p{margin-right: 1% !important;}
.mgr2p{margin-right: 2% !important;}
.mgr3p{margin-right: 3% !important;}
.mgr4p{margin-right: 4% !important;}
.mgr5p{margin-right: 5% !important;}

.mgL2p{margin-left: 2% !important;}
.mgL5p{margin-left: 5% !important;}

.mg5p {margin: 5% !important;}

.pdt3 { padding-top:3px !important; }
.pdt5 { padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt20 { padding-top:20px !important; }
.pdt60 { padding-top:60px !important; }

.txt-a-c { text-align:center !important;}

.fc-aqua { color:#0abec8; }
.fc-red { color:#D94D4A; }
.fc-orange { color:#ff6c00; }

.fs-075 { font-size:.75em !important; }

.fw-400 { font-weight:400 !important; }
.fw-700 { font-weight:700 !important; }
.fw-800 { font-weight:800 !important; }

.width_90p { width:90%; }
.width_100p { width:100%; }
hr.height70 {height:70px; width:100%; border:0px;}

/* Common Layout */
#wrap{ width: 100%; height:calc(100vh); overflow-y: auto; background-color:#ececf6; }

header{width:100%; height:65px; background-color:#1f1e46; position: fixed; z-index:90;}
header h1{text-align:center; width:150px; margin:16px auto 0;}
header h1 img{width:100%;}
header .refresh{position: absolute; top: 20px; right: 10px; width:50px; }
header .refresh a { float:left; margin-left:10px; width:20px; }
header .refresh a:nth-child(1) { margin-left:0; }
header .refresh img{width:100%;}

header#navi-gnb {background-color:#fff; height: 55px; position: relative;}
header#navi-gnb h1 { width: 15%; margin: 0; float: left; }
header#navi-gnb h1 img { width:60%; margin:13px auto; }
header#navi-gnb div.title { font-size: 1.125em; font-weight: 700; line-height: 55px; text-align: center; width: 70%; float: left; }
header#navi-gnb div.right-area { float:right; margin-right:0; width:15%; height: 55px; }
header#navi-gnb div.right-area img { height:75%; margin-top: 12%; }


.mobile-nav-button {
	position: absolute; left: 0; top: 0; z-index: 99;
    margin: 24px 24px 24px 15px; width: 24px; height: 20px; cursor: pointer; transition: 1s;
}
.mobile-nav-button-on { top: -10px; left: 190px; }
.mobile-nav-button .mobile-nav-button__line {
	width: 100%; height: 3px; background: #fff; position: relative; transition: 1s ease;
}
.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {
  margin: 5px 0;
}
.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}
.mobile-nav-button .mobile-nav-button__line--2 {
  display: none;
}
.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}

.mobile-menu {
  display: block;
  max-width: 250px;
  width: 100%;
  left: -100%;
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  background: #0abec8;
  position: absolute;
  z-index: 98;
  transition: 0.6s ease;
  top: 0;
  opacity: 0;
}
.mobile-menu .id_name { position: fixed; top: 22px; left: 5%; z-index: 98; font-size:1.063em; font-weight:700; }
.mobile-menu ul {
  position: relative; top: 50px; padding: 0;
  /*transform: translateY(-50%);*/
}
.mobile-menu ul li {
  list-style: none;
  line-height:160%;
}
.mobile-menu ul li a {
  width: 100%; max-width: 83%; margin: 0 auto; padding-left: 7%;
  display: block; text-align: left; text-decoration: none;
  color: #0e0e0e; font-size: 1em; font-weight: 700;
  overflow: hidden; position: relative;
  background-color: #fff; line-height: 46px; border-radius: 12px; margin-top: 10px;
}
.mobile-menu ul li:nth-child(6) a { background-color: #0ba4ad; }
.mobile-menu--open div.barcode { width: 215px; z-index: 99; position: fixed; bottom: 2%; left: 2%; display: inline-block; animation:fadeInLeft 1s; }
.mobile-menu--open div.barcode a {
	width: 100%; margin: 0 auto; padding-left: 7%;
	display: block; text-align: left; text-decoration: none;
	color: #0e0e0e; font-size: 1em; font-weight: 700;
	overflow: hidden; position: relative;
	background-color: #fff; line-height: 46px; border-radius: 12px; margin-top: 10px;
}
.mobile-menu div.barcode a div.icon_barcode { width:24px; height:24px; float:right; margin: 11px 11px 0 0; }
.mobile-menu div.barcode a div.icon_barcode img{ width:100%; vertical-align:top; }

.mobile-menu ul li a div.icon_logout { width:24px; height:24px; float:right; margin: 11px 11px 0 0; }
.mobile-menu ul li a div.icon_logout img{ width:100%; vertical-align:top; }
.mobile-menu ul li a:after {
  content: '';
  background: #0e0e0e;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: -1;
  transition: 0.4s ease;
}
.mobile-menu ul li a:hover {
  /*color: #fff;*/
}
.mobile-menu ul li a:hover:after {
  right: 0;
}
.mobile-menu > img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {
  left: 0;
  opacity: 1;
}
.foot_wrap {
  height: 70px; width: 100%;
  font-family:"Nanum Gothic", Dotum, Arial, sans-serif; background: #1f1e46;
  position: fixed; bottom: 0; left: 0; padding: 0px; display: flex; z-index:80;
  justify-content: space-around; box-sizing: border-box;
}

.menu-item {
  position: relative; cursor: pointer; width:20%;
}
.menu-item__status {
  opacity: 0; position: absolute; top: 0px; left: 0;
  background: #0abec8; width: 100%; height: 70px; z-index:81;
  transition: opacity 500ms ease-out;
}
.menu-item--active .menu-item__status {
  opacity: 1;
}
.menu-item__icon {
  position: absolute; top: 12px; left: 50%; transform: translateX(-50%); margin: auto; z-index:82;
}
.menu-item:nth-child(2) .menu-item__icon { top: 9px; }
.menu-item:nth-child(3) .menu-item__icon { top: 7px; }
.menu-item:nth-child(4) .menu-item__icon { top: 9px; }
.menu-item:nth-child(5) .menu-item__icon { top: 13px; }

.menu-item__icon i.fa-list { 
  background: url('/common/images/common/icon_list_off_48.png') no-repeat; background-size: 100%; width: 24px; height: 24px; display: block;
}
.menu-item__icon i.fa-confirmed {
  background: url('/common/images/common/icon_confirmed_off_48.png') no-repeat; background-size: 100%; width: 26px; height: 26px; display: block;
}
.menu-item__icon i.fa-delivery { 
  background: url('/common/images/common/icon_delivery_off_48.png') no-repeat; background-size: 100%; width: 30px; height: 30px; display: block;
}
.menu-item__icon i.fa-completion { 
   background: url('/common/images/common/icon_completion_off_48.png') no-repeat; background-size: 100%; width: 26px; height: 26px; display: block;
}
.menu-item__icon i.fa-undelivered { 
  background: url('/common/images/common/icon_undelivered_off_48.png') no-repeat; background-size: 100%; width: 22px; height: 22px; display: block;
}
.menu-item--active .menu-item__icon i.fa-list { 
  background: url('/common/images/common/icon_list_48.png') no-repeat; background-size: 100%; width: 24px; height: 24px; display: block;
}
.menu-item--active .menu-item__icon i.fa-confirmed {
  background: url('/common/images/common/icon_confirmed_48.png') no-repeat; background-size: 100%; width: 26px; height: 26px; display: block;
}
.menu-item--active .menu-item__icon i.fa-delivery { 
  background: url('/common/images/common/icon_delivery_48.png') no-repeat; background-size: 100%; width: 30px; height: 30px; display: block;
}
.menu-item--active .menu-item__icon i.fa-completion { 
   background: url('/common/images/common/icon_completion_48.png') no-repeat; background-size: 100%; width: 26px; height: 26px; display: block;
}
.menu-item--active .menu-item__icon i.fa-undelivered {  background: url('/common/images/common/icon_undelivered_48.png') no-repeat; background-size: 100%; width: 22px; height: 22px; display: block; }

.menu-item__text {
  position: absolute; bottom: 12px; left:0; width:100%; text-align:center; font-size: 0.75em; font-weight:800;
  color: #fff; transition: color 500ms ease-out; z-index:82;
}
.menu-item--active .menu-item__text {
  color: #1f1e46;
}
.fa {
    display: inline-block; font-size: inherit; text-rendering: auto;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}

#quick_menu_wrap { position: fixed; bottom: 13%; right: 3%; z-index: 5; }
#quick_menu_wrap li { width:52px; height:52px; margin:15px 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .35); border-radius: 50%; }
#quick_menu_wrap li img {width:100%;}

@keyframes fadeInLeft{
    0%{margin-left:-300px;opacity:0}
}

/* Common Area Style Css */
/* ------------------------------------ Reset Select */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none; outline: 0; box-shadow: none; border: 0 !important; border-radius: 12px;
	background: transparent !important; background-image: none;
	font-family: "Nanum Gothic", Dotum, sans-serif; font-size:1em; font-weight: 700; color:#1e1e46; padding-left: 10%; width: 100%;
}
	/* Custom Select */
.select {
	position: relative;
	display: block;
	width: 100%;
	padding:0px;
	height: 46px;
	line-height: 46px;
	background: #fff;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .07);
}
.select1 {
	position: relative; display: block; font-size:.7em;
	width: 100%; padding:0px; height: 38px; line-height: 38px;
	background: #fff; overflow: hidden; border-radius: 8px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .07);
}
.select2 {
	position: relative; display: block; font-size:.7em;
	width: 100%; padding:0px; height: 36px; line-height: 36px;
	background: #fff; overflow: hidden; border-radius: 8px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .10);
}
select::-ms-expand {
  display: none;
}
	/* Arrow */
.select2::after, .select1::after, .select::after {
	content: '▼';
	position: absolute; top: 0; right: 0; bottom: 0;
	padding: 0 1em; color:#1e1e46;
	pointer-events: none;
}
	/* Transition */
.select:hover::after, .select1:hover::after, .select2:hover::after {color: #f33e3e;}
.select::after, .select1::after, .select2::after {transition: .25s all ease;}

/* -------------------------------------- CheckBox Area Style Css */
.ex-checkbox, .ex-radio { position: relative; margin: 5px 0; font-family: "Nanum Gothic", Dotum, sans-serif; font-size: 0.95em; font-weight: 700; color:#1e1e46; letter-spacing:-0.063em; text-align: left; }
.ex-checkbox label { padding-left: 32px; line-height: 140%; display: inline-block; position: relative; }
.ex-radio label { padding-left: 27px; line-height: 140%; display: inline-block; position: relative; }
.ex-checkbox input[type=checkbox],
.ex-radio input[type=radio] { margin: 0; opacity: 0; cursor: pointer; width: 18px; height: 18px; z-index: 1; position: absolute; }
.ex-checkbox input:focus { outline: 0; border-radius: 0px; border:0 solid transparent; }
/*
	==========================
	checkboxes
	==========================
*/
.ex-checkbox input[type=checkbox] + label::before { content: ''; position: absolute; left: 0; border: 2px solid #1e1e46; width: 18px; height: 18px; border-radius: 3px; }
 .ex-checkbox input[type=checkbox]:focus + label::before {
	outline: none;
}
.ex-checkbox input[type=checkbox]:checked + label::before {
	border: 1px solid transparent;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjMDI4OGQxIiBkPSJNMTguOSA4LjhsLTguNyA4LjdjLS4xLjEtLjIuMS0uMyAwbC00LjktNC45Yy0uMS0uMS0uMS0uMiAwLS4zbDEuMi0xLjJjLjEtLjEuMi0uMS4zIDBsMy42IDMuNiA3LjMtNy4zYy4xLS4xLjItLjEuMyAwbDEuMiAxLjJjLjEgMCAuMS4xIDAgLjJ6IiAvPjwvc3ZnPg==') no-repeat center center;
	background-size: 24px 24px;
	border-radius: 3px; border: 2px solid #0288d1;
}
.ex-checkbox input[type=checkbox]:disabled { cursor: not-allowed; }
.ex-checkbox input[type=checkbox]:disabled + label { color: #1e1e46; cursor: not-allowed; }
.ex-checkbox input[type=checkbox]:disabled:checked + label::before {
	border: 1px solid transparent;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjYmNiY2JjIiBkPSJNMTguOSA4LjhsLTguNyA4LjdjLS4xLjEtLjIuMS0uMyAwbC00LjktNC45Yy0uMS0uMS0uMS0uMiAwLS4zbDEuMi0xLjJjLjEtLjEuMi0uMS4zIDBsMy42IDMuNiA3LjMtNy4zYy4xLS4xLjItLjEuMyAwbDEuMiAxLjJjLjEgMCAuMS4xIDAgLjJ6IiAvPjwvc3ZnPg==') no-repeat center center;
}
.ex-checkbox input[type=checkbox]:disabled + label::before { border: 1px solid #1e1e46; }

/*
	==========================
	radio buttons
	==========================
*/
.ex-radio input[type=radio] + label::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	border: 2px solid #c8c8c8;
	border-radius: 50%;
	transition: border 0.3s ease-in-out;
}
.ex-radio input[type=radio]:hover + label::before {
	border: 2px solid #1e1e46;
}
.ex-radio input[type=radio]:focus + label::before {
	box-shadow: 0 0 1px #1e1e46;
	outline: none;
}
.ex-radio input[type=radio]:checked + label::before,
.ex-radio input[type=radio]:checked:hover + label::before {
	border: 2px solid #1e1e46;
}
.ex-radio input[type=radio] +  label::after {
	position: absolute;
	content: " ";
	width: 12px;
	height: 12px;
	left: 5px;
	top: 5px;
	border-radius: 50%;
	background-color: #ffffff;
	transform: scale(0, 0);
	transition: transform 0.3s ease-in-out;
}
.ex-radio input[type=radio]:checked +  label::after {
	background-color: #1e1e46;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
.ex-radio input[type="radio"]:disabled {
	cursor: not-allowed;
}
.ex-radio input[type="radio"]:disabled + label {
	color: #bcbcbc;
	cursor: not-allowed;
}
.ex-radio input[type=radio]:disabled +  label::before,
.ex-radio input[type=radio]:checked:disabled +  label::before {
	border: 1px solid #bcbcbc;
}
.ex-radio input[type=radio]:checked:disabled +  label::after {
	background-color: #bcbcbc;
}

.S1 {height:35px;}
.S1 input{display: none;}
.S1 input+label{
  font-size: 1em; line-height:35px;
  cursor: pointer;
  padding-left: 28px;
  position: relative;
  padding-top: 5px;
}
.S1 input:checked+label{
  color: #1e1e46;
  font-weight: bolder;
}
.S1 label:before{
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  background: #1e1e46;
  border-radius: 100%;
  transition: all 0.3s ease;
  box-shadow: inset 0 0 0 18px #c8c8c8;
}
.S1 input:checked + label:before{
  border: 2px solid #1e1e46;
  box-shadow: inset 0 0 0 4px #fff;
}


/* ------------------------------------------------------------------ Small Checkbox styles */
label.checkbox {
  position: relative; padding: 0 0 0 20px; cursor: pointer;
}
label.checkbox input[type="checkbox"] {
  display: none;
}
label.checkbox input[type="checkbox"]:checked + span {
  opacity: 1;
}
label.checkbox::before {
  position: absolute; top: 0px; left: 0;
  content: '';
  height: 1em; width: 1em;
  border-radius: 0px; border: 2px solid #1e1e46;
}
label.checkbox span {
  position: absolute; top: 3px; left: 2px; width: 12px; height: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); opacity: 0; transition: opacity 500ms ease;
}
label.checkbox span::before {
  position: absolute;
  content: '';
  left: 11px;
  width: 3px;
  height: 11px;
  background-color: #1e1e46;
}
label.checkbox span::after {
  position: absolute;
  content: '';
  top: 8px;
  left: 7px;
  width: 4px;
  height: 3px;
  background-color: #1e1e46;
}


/* ------------------------------------------------------------------ login Checkbox styles */

.checkbox1 label {
  display: inline-block;
  color: #1f1e46;
  cursor: pointer;
  position: relative;
}
.checkbox1 label span {
  display: inline-block;
  position: relative;
  background-color: #757592;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
.checkbox1 label span:before {
  content: "";
  width: 5px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 9px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
.checkbox1 label span:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  transform: rotate(305deg);
  top: 16px;
  left: 10px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
.checkbox1 label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}
.checkbox1 label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

.checkbox1 input[type=checkbox]:checked + label span {
  background-color: #1e1e46;
  transform: scale(1);
}
.checkbox1 input[type=checkbox]:checked + label span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}
.checkbox1 input[type=checkbox]:checked + label span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}
.checkbox1 input[type=checkbox]:checked + label:hover span {
  background-color: #1e1e46;
  transform: scale(1);
}
.checkbox1 input[type=checkbox]:checked + label:hover span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}
.checkbox1 input[type=checkbox]:checked + label:hover span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

/* ------------------------------------------------------------------ input Box */
input {
	background-color: #fff; border: none; border-radius:0px;
	flex-grow: 1; min-width: 0;
	color: #1e1e46; font-family: "Nanum Gothic", Dotum, sans-serif;
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
input:focus {
	outline: 0; border-radius:0px; border-color: #47aef4;
}
.input {
	padding:0px 5%;
	font-size:.75em; font-weight: 700;
	line-height:36px; letter-spacing:.025em; border-radius:8px;
	box-sizing: border-box; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .10);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.input:focus{ border-radius:8px; }
.input1 {
	padding:0px 5%;
	font-size:.75em; font-weight: 700;
	line-height:36px; letter-spacing:.025em; border-radius:8px;
	border:1px solid #ccc;
}
.input1:focus, input5:focus { border-radius:8px; }
.input2 {
	padding:0px 5%;
	font-size:.75em; font-weight: 400;
	line-height:36px; letter-spacing:.025em; border-radius:0px;
	border:1px solid #ccc;
}
.input2:focus{ border-radius:0px; }
.input3 {
	padding:0px 3%;
	font-size:.75em; font-weight: 700; letter-spacing: -1px;
	line-height:36px;  border-radius:8px; color:#fff;
	border:1px solid #1f1e46; background-color:#1f1e46;
}
.input3:focus{ border-radius:8px; }
.input4 {
	padding:0px 3%;
	font-size:.7em; font-weight: 700; letter-spacing: -1px;
	line-height:36px; border-radius:8px;
	border:1px solid #ccc;;
}
.input4:focus{ border-radius:8px; }
.input5 {
	padding:0px 5%; width:100%; line-height:46px; letter-spacing:.025em; border-radius:8px; font-weight: 700;
	box-sizing: border-box; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .10);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.input6 {padding:0px 5%; width:60%; height:30px; border:1px solid #cecee1; border-radius:0px; margin-left:10%;}
.input6:focus{ border-radius:0px; }
.input7 {padding:0px 5%; width:55%; height:30px; border:1px solid #cecee1; border-radius:0px; margin-left:10%;}
.input7:focus{ border-radius:0px; }

.input_join {
	padding: 0px 1% 0 3%; font-size:1em; font-weight: 700; line-height:28px; letter-spacing:-.025em; box-sizing: border-box; border:1px solid #ececf6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.input_modify {
	padding: 0px 1% 0 3%; font-size:1em; font-weight: 700; line-height:28px; letter-spacing:-.025em; box-sizing: border-box; border:1px solid #ececf6; background-color:#ececf6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.input_modify:focus{ border-radius:0px; border-color:#ececf6; }