/* select */
select{width:100%; height:3rem; line-height:3rem; padding:0 1rem; border:0; font-size:1rem; background:transparent; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:"NotoKr_R"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
select::-ms-expand{display:none;}
div.sel-wrap{position:relative; border:1px solid #ccc; background:#fff;}
div.sel-wrap:after{content:""; position:absolute; top:50%; right:1rem; transform:translateY(-50%); display:block; width:12px; height:12px; background:url("/fro_end/img/select_arrow.png") right center no-repeat; background-size:auto 12px;}
select:focus{border:1px solid #333;}

/* input */
input{border:1px solid #ccc; margin:0; outline:none; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; appearance:none; font-family:"NotoKr_R"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-ms-input-placeholder{color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:-moz-input-placeholder{color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::-webkit-input-placeholder{color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input::placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
input:focus{outline:none; border:1px solid #333;}

input[type="text"]{width:100%; height:3rem; line-height:3rem; padding:0 0.5rem;}
input[type="text"]:disabled{background:#ddd; border:#ddd;}

/* input - checkbox, radio */
label.c-input{position:relative; display:inline-block; height:3rem; line-height:3rem; padding-left:1.5rem; cursor:pointer; font-size:1rem;}
label.c-input input{position:absolute; z-index:-1; opacity:0; width:0; height:0; padding:0;}
label.c-input div.ci-show{position:absolute; top:50%; left:0; transform:translateY(-50%); height:1rem; width:1rem; background:#e6e6e6; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
label.c-input div.ci-show:after{content:""; position:absolute; display:none;}
label.c-input.ci-radio div.ci-show{border-radius:50%;}
label.c-input:hover input ~ div.ci-show,
label.c-input input:focus ~ div.ci-show{background:#ccc;}
label.c-input input:checked ~ div.ci-show{background:#0069b7;}
label.c-input:hover input:not([disabled]):checked ~ div.ci-show{background:#0069b7;}
label.c-input input:checked:focus ~ div.ci-show{background:#0069b7;}
label.c-input input:disabled ~ div.ci-show{background:#e6e6e6; opacity:0.6; pointer-events:none;}
label.c-input input:checked ~ div.ci-show:after{display:block;}

label.c-input.ci-check div.ci-show:after{left:6px; top:2px; width:3px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
label.c-input.ci-check input:disabled ~ div.ci-show:after{border-color:#7b7b7b;}

label.c-input.ci-radio div.ci-show:after{left:50%; top:50%; transform:translate(-50%, -50%); height:6px; width:6px; border-radius:50%; background:#fff;}
label.c-input.ci-radio input:disabled ~ div.ci-show:after{background:#7b7b7b;}

/* textarea */
textarea{border:1px solid #ccc; padding:0.3rem; outline:none; font-family:"NotoKr_R"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-ms-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:-moz-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::-webkit-input-placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea::placeholder{opacity:1; color:#888; font-family:"NotoKr_L"; font-size:1rem; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
textarea:focus{outline:none; border:1px solid #333;}

/* margin, padding */
.mt0d5{margin-top:0.5rem !important;}
.mt1{margin-top:1rem !important;}
.mt1d5{margin-top:1.5rem !important;}
.mt2{margin-top:2rem !important;}
.mt3{margin-top:3rem !important;}

/* div */
.w1600{width:1600px; margin:0 auto;}
.w1280{width:1280px; margin:0 auto;}

/* table */
div.table-wrap{width:100%; height:auto;}
div.table-wrap p.t-scroll{display:none;}

table{width:100%; height:auto;}
table th{font-weight:normal; font-family:"NotoKr_B";}
table tr th,
table tr td{padding:1rem; border:1px solid #ddd;}

table.table01 thead{background:#f5f5f5;}
table.table01 thead tr:nth-of-type(1) th{border-top:1px solid #0e4b8c;}

table.table01-hor tbody tr th{background:#f5f5f5;}
table.table01-hor tbody tr:nth-of-type(1) th,
table.table01-hor tbody tr:nth-of-type(1) td{border-top:1px solid #0e4b8c;}

table.in_table tr th,
table.in_table tr td{padding:0.8rem;}

.T_center{text-align:center;}
.T_left{text-align:left;}
.T_right{text-align:right;}

/* button */
div.btn-wrap{text-align:center;}
div.btn-wrap a[class^="btn-"]{display:inline-block; padding:0.7rem 1.3rem; text-align:center; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
div.btn-wrap .btn-ok{background:#0069b7;}
div.btn-wrap .btn-list{background:#00a19c;}
div.btn-wrap .btn-edit{background:#ff9700;}
div.btn-wrap .btn-del{background:#dc3545;}
div.btn-wrap .btn-can{background:#868e96;}
div.btn-wrap a[class^="btn-"]:hover{transform:translateY(-5px); box-shadow:0 5px 15px rgba(0, 0, 0, 0.4);}
div.btn-wrap a.download{font-size:1.25rem;}
div.btn-wrap a.download > img{display:inline-block; width:1rem; height:1rem; margin-left:0.5rem;}


@media screen and (max-width:640px){
	div.table-wrap{overflow-x:auto;}
	div.table-wrap p.t-scroll{position:relative; display:block; margin-bottom:0.5rem; padding-left:2rem; font-size:14px; letter-spacing:-1px;}
	div.table-wrap p.t-scroll:before{position:absolute; top:0; left:0; content:""; display:inline-block; width:16px; height:16px; background:url("/fro_end/img/ic_scroll.png") center no-repeat; background-size:cover; animation:tableScroll 1s infinite;}
	div.table-wrap > table{width:100%; min-width:500px; font-size:14px;}
}