/* reset.css(plan-i standard) */
html{font-size:10px;box-sizing:border-box; /*overflow-x: hidden;*/}
*,*:before,*:after{box-sizing:inherit;}
body {margin:0; padding:0; font-family:'Noto Sans KR'; line-height:1.25;  color:#333; font-weight: 300; font-size:16px;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
a {color:inherit; text-decoration:none;}
img {border: 0;	vertical-align:middle; font-size:0;}
table{border-collapse:collapse; border-spacing:0; width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color: #454545; font-size: 16px;}
select, input {vertical-align: middle;}
b, strong{font-weight:normal;}
address,em,i{font-style:normal;}
button{border:0; background:none; cursor:pointer; padding:0;}
hr{margin: 0; border: none; padding: 0; display:block;}
figure, figcaption{padding:0; margin:0;}
fieldset{border: none; padding: 0; margin: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button,input,optgroup,select,textarea { font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}

/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }
.skip-to:hover,.skip-to:focus,.skip-to:active { display: block; top: 0; }
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.container{margin:0 auto;}
.container::after{content:""; clear:both; display:block;}

/* Align */
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}

.float-left {float:left !important;}
.float-right {float:right !important;}


::selection{background:#8f8774;color:#fefefe}

.clearfix { position: relative; }
.clearfix::after { content: ""; display: block; clear: both; }

.form-control { display: inline-block; width: 100%; height: 42px; padding:6px 10px; font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; background-image: none; border: 1px solid #e0dede; font-family: "Noto Sans KR"; }
textarea.form-control { height: inherit; resize: none; }
.form-control.xs { width: 127px; }
.form-control.sm { width: 230px; }
.form-control.md { width: 260px; }
.form-control.lg { width: 400px; }
.form-control.xl { width: 670px; }
.form-control.xxl { width: 800px; }
.form-control.normal { width: auto; }
.form-control::placeholder{color:#b7b7b7;}
.form-control:disabled {background:#e4e4e4; color:#999;}

.btn{display: inline-block; height:42px; margin-bottom: 0; font-size:16px; font-weight: normal; line-height: 1; text-align:left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; color: #333; background-color: #fff; transition: all .25s ease; border: 1px solid #ddd; padding:6px 10px; font-weight:300; text-align:center;}
.btn:hover, .btn:focus { transition: all .25s ease; -webkit-transition: all .25s ease;}
.btn.xs { width: 70px;}
.btn.sm { width: 100px; }
.btn.md { width: 138px; }
.btn.lg { width: 150px; }
.btn.xl { width: 185px; }
.btn.xxl { width: 230px; }
.btn.normal { width: auto; }


/* 반응형 아이프레임, 오브젝트, 엠베디드 */
.embed-container { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe,.embed-container object,.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-responsive{max-width:100%; display:block; margin:0 auto;}
.mobile {display:none;}


.changeAbtn {
  background: #04B431;
  color: #fff;
  padding: 4px 8px;

 }
.delAbtn {
  background: red;
  color: #fff;
  padding: 4px 8px;
}
.approvebtn {
  background: #5CD1E5;
  color: #fff;
  padding: 4px 8px;
}
.returnbtn{
  background: #FFBB00;
  color: #fff;
  padding: 4px 8px;
}

.basicsbtn {
  background: #000;
  color: #fff;
  padding: 4px 8px;
}