/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean'); */

/* 초기화 */
html {overflow-y:scroll; font-size: 16px;}
body {margin:0;padding:0;font-size:1rem;font-family: 'Noto Sans KR', sans-serif;color:#777;font-weight:300;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
img{max-width:100%; height: auto}
textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;/*word-break:break-all*/}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
a:hover{color:#000;text-decoration: none;}
a, button{
	transition:all .1s linear;
	-o-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-webkit-transition:all .1s linear;
}
a:hover, button:hover{
	transition:all .1s linear;
	-o-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-webkit-transition:all .1s linear;
}

a:hover{cursor:pointer;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea{
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}


*:focus ,*:focus-visible,*:focus-within,.btn{outline:none; border:none;
    box-shadow:none;transition: none;}
.dropdown:focus-visible ,.dropdown-toggle:focus-visible,.dropdown-menu:focus-visible{border:none;
    box-shadow:none;
    outline: none;
    transition: none;
}
.dropdown:focus-visible a ,.dropdown-toggle:focus-visible a,.dropdown-menu:focus-visible a{border:none;
    box-shadow:none;
    outline: none;
    transition: none;
}

img{max-width:100%;display:block;height: auto;}
input::-webkit-input-placeholder {
  color: #333 !important;
  font-weight: 500;
}
input:-ms-input-placeholder {
  color: #333 !important;
  font-weight: 500;
}
textarea::-webkit-input-placeholder {
  color: #333 !important;
  font-weight: 500;
}
textarea:-ms-input-placeholder {
  color: #333 !important;
  font-weight: 500;
}

label{font-size:16px; color:#222; font-weight: 400;}
label .required{background:url('/img/required.png') no-repeat center 0; display:inline-block; width:6px; height:6px; margin-left:2px;}
input::placeholder{font-weight:400; font-size:14px; color: #333;}

textarea{border:1px solid #333; border-radius: 0 !important; min-height:150px;}
textarea::placeholder{font-weight:400; font-size:14px; color: #333 !important;}



.btn-primary {
    background: #D24C20;
    border-color: #D24C20;
	font-size: 1.0em;
	word-break: keep-all;
    font-weight: 500;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus,
.btn-primary:disabled {
    background: #D24C20 !important;
    border-color: #D24C20 !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{ background: #d65023; border-color: #d65023;}

.btn-secondary {
    background: #e5e5e5;
    border-color: #e5e5e5;
    color:#333;
	font-size: 1.0em;
	word-break: keep-all;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited, .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active{ background: #e5e5e5; border-color: #e5e5e5; color:#333;}



.btn-light {
    background: #00C362;
    border-color: #00C362;
	color: #fff;
	font-size: 1.0em;
	word-break: keep-all;
}
.btn-light:hover, .btn-light:active, .btn-light:visited, .btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active{ 
    background: #00C362;border-color: #00C362; color: #fff;}



.btn-info {
    background: transparent;
    border-color: #D24C20;
	color: #D24C20;
	font-size: 1.0em;
	word-break: keep-all;
}
.btn-info:hover, .btn-info:active, .btn-info:visited, .btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active{ background: #fff;border-color: #D24C20; color: #D24C20;}
.btn-info.border{border:1px solid #d24c20 !important;}


.line_h1{line-height:1.0em;}
.line_h1_1{line-height:1.1em;}
.line_h1_2{line-height:1.2em;}
.line_h1_3{line-height:1.3em;}
.line_h1_4{line-height:1.4em;}
.line_h1_5{line-height:1.5em;}
.line_h1_6{line-height:1.6em;}
.line_h1_7{line-height:1.7em;}
.line_h1_8{line-height:1.8em;}
.line_h1_9{line-height:1.9em;}
.line_h2{line-height:2.0em;}


/*폰트커스텀 기본사이즈 16px*/
.font_11{font-size:0.688em;}
.font_12{font-size:0.75rem;}
.font_13{font-size:0.8125rem;}
.font_14{font-size:0.875rem;}
.font_15{font-size: 0.9375rem;}
.font_16{font-size:1rem;}
.font_18{font-size:1.125rem;}
.font_20{font-size:1.25rem;}
.font_22{font-size:1.375rem;}
.font_26{font-size:1.625rem;}
.font_28{font-size:1.75rem;}
.font_30{font-size:1.875rem;}
.font_34{font-size:2.125rem;}
.font_36{font-size:2.375rem;}
.font_40{font-size:2.5rem;}

.font_w_100 {font-weight: 100;}
.font_w_200 {font-weight: 200;}
.font_w_300 {font-weight: 300;}
.font_w_400 {font-weight: 400;}
.font_w_500 {font-weight: 500;}
.font_w_600 {font-weight: 600;}
.font_w_700 {font-weight: 700;}
.font_w_800 {font-weight: 800;}


/*너비 넓이*/
.w-5{width:5%;}
.w-10{width:10%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-35{width:35%;}
.w-40{width:40%;}
.w-45{width:45%;}
.w-55{width:55%;}
.w-60{width:60%;}
.w-65{width:65%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-85{width:85%;}
.w-90{width:90%;}
.w-95{width:95%;}


/*border*/
.border{border-color:#e3e3e3;}
.border-bottom,
.border-top,
.border-left,
.border-right{border-color:#e3e3e3;}


/*text*/
.text_base{font-size:1em; color:#333; word-break: keep-all; white-space: pre-line;}
.t_blue{color:#0000ff;}
.t_red{color:#ff0000;}
.t_gray7{color:#777777;}
.t_gray9{color:#999999;}
.t_black{color:#333;}
.t_main{color:#d24c20;}
.t_cut{word-break: keep-all; white-space: pre-line;}


/*입력폼*/
.form-control{
    font-size:1em;
    /*height:auto !important;*/
    border:1px solid #ccc;
}
.form-control:focus{border-color:#111; box-shadow:0 0 0 0.05rem rgb(0 0 0); color:#333;}
.err{border:1px solid #ff0000 !important; }

/*체크*/
input[type='checkbox']{
    margin-right: 10px;
}
input[type='checkbox']:after{
    width:18px; height:18px;
    border-radius: 2px;
    top:-5px; left: 0px;
    position:relative;
    /* background:url(/img/check_b.png);
    background-size: cover; */
    content: '';
    display: inline-block;
    visibility: visible;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #aaa;
}
input[type='checkbox']:checked:after{
    background: url(/img/check.png);
    border: 1px solid #d24c20;
    background-size: cover;

}

#result_chkpwd {display: none;}

/*라디오*/
input[type='radio']{
    margin-right: 10px;
}
input[type='radio']:after{
    width:20px; height:20px;
    border-radius: 2px;
    top:-2px; left: -2px;
    position:relative;
    background:url(/img/radio_b.png);
    background-size: cover;
    content: '';
    display: inline-block;
    visibility: visible;
}
input[type='radio']:checked:after{
    background:url(/img/radio.png);
}

.form-check-label{padding-left:5px;}
.form-control:disabled, .form-control[readonly]{background-color:#fff;}

/*아코디언*/
.panel-heading{font-size:16px; padding: 1.5rem 1rem; border-top:1px solid #e5e5e5;}
.panel-body{font-size:16px; padding: 0 1rem 1.5rem; word-break: keep-all; white-space: pre-line;}
.panel_li{padding: 0 1rem; white-space:pre-wrap;}
.panel-heading [data-toggle="collapse"]:after{
    /*font-family: 'xeicon';
    content: "";
    float: right;
    color: #aaa;
    font-size: 24px;
    margin-top:-5px;*/
}
.panel-heading [aria-expanded="true"] .xi-angle-down{
    transform: rotate(180deg) !important;
}

.panel-heading2{font-size:16px; padding: 1.5rem 1rem; border-top:1px solid #e5e5e5;}
.panel-heading2 [data-toggle="collapse"]:after{
    /*font-family: 'xeicon' !important;
    content: "";
    float: right;
    color: #aaa;
    font-size: 24px;
    margin-top:-35px;*/
}
.panel-heading2 [aria-expanded="true"] .xi-angle-down{
    transform: rotate(180deg) !important;
}


.btn_pad{padding:0 30px;}
.btn_pad2{padding: 0 15px;}

.modal-header{border-bottom:none; padding: 0.5rem;}
.modal-body{padding:0 1rem; color:#333;}
.modal-footer{border-top:none; justify-content:flex-start;}

.table td, .table th{padding: 0.5rem ; vertical-align: middle; }
.table td p{word-break: keep-all;}
.form-control2{font-size:1em;height:1.6rem !important; 
    border:1px solid #e5e5e5; width:50px; border-radius: 3px; 
    padding: 0.1rem; text-align: center;}

.pagination .page-link{border:none; color:#333; font-weight:500;}
.pagination .page-link:hover{background:none;}
.pagination .page-link.on{color:#0000ff;}

.table-secondary{background:#F6F6F6;}

.nopad{padding:0 !important}
.nomar{margin:0 !important}

.table-striped thead tr{background-color: #f6f6f6;}
.table-striped tbody tr{background-color: #f6f6f6; }
.table-striped tbody tr:nth-of-type(odd){background-color:#fff;}
.table td, .table th{border-top:none;}


::-webkit-scrollbar { width: 8px; /*스크롤바의 너비*/ } 
::-webkit-scrollbar-thumb { background-color: #999; border-radius: 7px;
    background-clip: padding-box;
    border: 1px solid transparent;} 
::-webkit-scrollbar-track { background-color: white;}