@charset "utf-8";
/* inus-style */
:root{
    --inus-box-shadow:2px 4px 5px rgba(0,0,0,0.5);
    --inus-padding-top:0em;
    --inus-padding-right:0.5em;
    --inus-padding-bottom:0em;
    --inus-padding-left:0.5em;
    --inus-padding:var(--inus-padding-top) var(--inus-padding-right) var(--inus-padding-bottom) var(--inus-padding-left);
    --inus-margin-top:0.1em;
    --inus-margin-right:0.1em;
    --inus-margin-bottom:0.1em;
    --inus-margin-left:0.1em;
    --inus-margin:var(--inus-margin-top) var(--inus-margin-right) var(--inus-margin-bottom) var(--inus-margin-left);
    --inus-line-height:2em;
    /* --inut-input-min-height: calc(var(--inus-margin-top, 0.1em) + var(--inus-margin-bottom, 0.1em) + var(--inus-padding-top, 0.2em) + var(--inus-padding-bottom, 0.2em) + var(--inus-line-height, inherit)); */

}
.inus-var , .inus-var *{
    box-sizing: border-box;
    font-family: inherit;
    line-height: inherit;
    vertical-align: middle;
}
.inus,
.inus::before,
.inus::after,
.inus *::before,
.inus *::after{
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: var(--inus-line-height,1.2em);
    vertical-align: middle;
}
.inus::placeholder{
    color: var(--inus-placeholder-color, #aaa);
}

a.inus{
    text-decoration: none;
}

.inus-mw100{
    max-width:100%;
}
.inus-w100{
    width:100%;
}
.inus-w75{
    width:75%;
}
.inus-w50{
    width:50%;
}
.inus-w25{
    width:25%;
}

.inus-padding{
    padding:var(--inus-padding, 0.2em 0.5em);
}
.inus-margin{
    margin:var(--inus-margin, 0.1em);
}
.inus-form-control , .inus-btn{
    display: inline-block;
    border-width: var(--inus-border-width, 2px);
    border-style: var(--inus-border-style, solid);
    border-color: var(--inus-border-color, #999);
    background-color:var(--inus-background-color, #fff);
    color:var(--inus-color, #000);
    padding:var(--inus-padding, 0.2em 0.5em);
    margin:var(--inus-margin, 0.1em);
    /* min-height: var(--inut-input-min-height,auto); */
}
.inus-form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.inus-form-control{
    background-image: url("./inus-style/icon-arrow-down-black.svg");
    background-repeat: no-repeat;
    background-position: right  center;
    background-size: 1.5em 1em;
    padding-inline-end: 1.5em;
}

.inus-form-control::-webkit-datetime-edit-fields-wrapper{
    padding:0;
}
/* 크롬 모바일용 아이콘 표기 */
.inus-form-control::-webkit-date-and-time-value{
    background-image: url("./inus-style/icon-calendar.svg");
    background-repeat: no-repeat;
    background-position: right  center;
    background-size: 1.5em 1em;
    padding-inline-end: 1.5em;
    margin:0;
}

/* .inus-form-control::-webkit-calendar-picker-indicator{
    display: none;
} */



.inus-btn{
    background-color:var(--inus-btn-background-color, #eee);
    color:var(--inus-btn-color, #000);
    cursor: pointer;
}

.inus.hover:hover{
    filter: brightness(0.9);
}
.inus.hover:focus{
    filter: brightness(1);
}
.inus-form-control:disabled,.inus-btn:disabled{
    filter: contrast(0.5);
}
.inus.transition-on,
.inus.transition-on::before,
.inus.transition-on::after{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.inus-form-control.inus-input-checkbox,
.inus-form-control.inus-input-radio{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width:1em;
    height:1em;
    min-width: 1em;
    min-height: 1em;
    border-width: 0px;
    border-style: var(--inus-border-style, solid);
    border-color: var(--inus-border-color, #999);
    background-color: transparent;
    padding:0;
    overflow: hidden;
    position: relative;
    border-radius: 0;
}
.inus-form-control.inus-input-radio{
    border-radius: 10em;
}
.inus-form-control.inus-input-checkbox::before ,
.inus-form-control.inus-input-radio::before{
    content: '';
    display: block;
    width:1em;
    height:1em;
    border-width: var(--inus-border-width, 2px);
    border-style: var(--inus-border-style, solid);
    border-color: var(--inus-border-color, #999);
    background-color:var(--inus-unchecked-color, #fff);
    padding:0;
    overflow: hidden;
    border-radius: inherit;
}
.inus-form-control.inus-input-checkbox::after,
.inus-form-control.inus-input-radio::after{
    visibility: visible;
    opacity: 0;
    position: absolute;
    left:var(--inus-border-width, 2px);
    right:var(--inus-border-width, 2px);
    top:var(--inus-border-width, 2px);
    bottom: var(--inus-border-width, 2px);
    content: '';
    display: block;
    border-width: var(--inus-border-width, 2px);
    border-style: var(--inus-border-style, solid);
    border-color: var(--inus-bacground-color, #fff);
    background-color: var(--inus-checked-color, #000);
    border-radius: inherit;
}
.inus-form-control.inus-input-checkbox:checked::after,
.inus-form-control.inus-input-radio:checked::after{
    visibility: visible;
    opacity: 1;
}
.inus-input-file.inus-form-control[type="file"]{
    overflow: hidden;
    position: relative;
    padding-inline-end: 6em;
}
.inus-input-file.inus-form-control[type="file"]::file-selector-button, 
.inus-input-file.inus-form-control[type="file"]::-webkit-file-upload-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 0;
    padding: 0 0.5em;
    margin:0;
    background-color: var(--inus-border-color, #aaa);
    color:var(--inus-btn-color, #333);
    cursor: pointer;
    font-size: 1em;
    position: absolute;
    top:0;right:0;bottom:0;
    width:6em;
    text-overflow:ellipsis;
    overflow: hidden;
    display: block;
}

.inus-label{
    display: inline-block;
    border-width: var(--inus-border-width, 2px);
    border-style: var(--inus-border-style, solid);
    border-color: transparent;
    padding:var(--inus-padding, 0.2em 0.5em);
    margin:var(--inus-margin, 0.1em);;
}

.inus.rounded{
    border-radius: 0.4em;
}
.inus.rounded-pill{
    border-radius: 10em;
}

/* margin-?? */
.inus-margin-left{
    margin-left:0 !important;
    margin-right:auto !important;
}
.inus-margin-right{
    margin-left:auto !important;
    margin-right:0 !important;
}
.inus-margin-center{
    margin-left:auto !important;
    margin-right:auto !important;
}
/* no-?? */
.inus-no-border{
    border-width: 0 !important;
}
.inus-no-bg-color{
    background-color: transparent !important;
}
.inus-no-line-height{
    line-height: 1em !important;
}
.inus-no-padding{
    padding:0 !important;
}
.inus-no-margin{
    margin:0 !important;
}
.inus-no-decoration{
    color:inherit !important;
    text-decoration: none !important;
}


/* 특수 커스텀 */
.inus-btn-custom{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: auto 80%;
    text-indent: -99999px;
    background-color:var(--inus-background-color, #fff);
}
.inus-btn-custom-bg{
    background-image: url("inus-style/btn-bg-text.png");
}
.inus-btn-custom-fb{
    background-image: url("inus-style/btn-fb-text.png");
}
.inus-btn-custom-ig{
    background-image: url("inus-style/btn-ig-text.png");
}
.inus-btn-custom-ks{
    background-image: url("inus-style/btn-ks-text.png");
}
.inus-btn-custom-kt{
    background-image: url("inus-style/btn-kt-text.png");
}
.inus-btn-custom-tw{
    background-image: url("inus-style/btn-tw-text.png");
}

.inus-box-shadow{
    box-shadow: var(--inus-box-shadow, 2px 4px 6px rgba(0,0,0,0.2));
}


/* flex 관련 */

.inus-flex{
    display: flex;
    align-content: center;
    align-items: center;
}
.inus-flex-center-center{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.inus-flex-row{
    flex-direction: row;
}
.inus-flex-column{
    flex-direction: column;
}
.inus-flex-fit{
    flex: 0 0 auto;
}
.inus-flex-stech{
    flex: 1 1 auto;
}

/* text-align */
.inus-text-center{
    text-align: center;
}
.inus-text-start{
    text-align: start;
}
.inus-text-end{
    text-align: end;
}

/* bg-img */
.inus-bg-img{
    background-position: center center;
    background-repeat: no-repeat;
}
.inus-bg-img-contain{
    background-size: contain;
}

/* layer 관련 */
.inus-layer-parent{
    position: relative;
}
.inus-layer{
    position: absolute;
}

/* etc */
.inus-hidden{
    display: none;
}

.inus-pointer{
    cursor: pointer;
}

.inus-bold{
    font-weight: bold;
}

/*
colors / 부트스트랩 호환 4+
*/
.inus.primary{
    --inus-color:var(--primary,#007bff);
    --inus-btn-color:var(--primary,#007bff);
    --inus-checked-color:var(--primary,#007bff);
    color:var(--inus-color);
}
.inus.secondary{
    --inus-color:var(--secondary,#6c757d);
    --inus-btn-color:var(--secondary,#6c757d);
    --inus-checked-color:var(--secondary,#6c757d);
    color:var(--inus-color);
}
.inus.success{
    --inus-color:var(--success,#28a745);
    --inus-btn-color:var(--success,#28a745);
    --inus-checked-color:var(--success,#28a745);
    color:var(--inus-color);
}
.inus.info{
    --inus-color:var(--info,#17a2b8);
    --inus-btn-color:var(--info,#17a2b8);
    --inus-checked-color:var(--info,#17a2b8);
    color:var(--inus-color);
}
.inus.warning{
    --inus-color:var(--warning,#ffc107);
    --inus-btn-color:var(--warning,#ffc107);
    --inus-checked-color:var(--warning,#ffc107);
    color:var(--inus-color);
}
.inus.danger{
    --inus-color:var(--danger,#dc3545);
    --inus-btn-color:var(--danger,#dc3545);
    --inus-checked-color:var(--danger,#dc3545);
    color:var(--inus-color);
}
.inus.light{
    --inus-color:var(--light,#f8f9fa);
    --inus-btn-color:var(--light,#f8f9fa);
    --inus-checked-color:var(--light,#f8f9fa);
    color:var(--inus-color);
}
.inus.dark{
    --inus-color:var(--dark,#343a40);
    --inus-btn-color:var(--dark,#343a40);
    --inus-checked-color:var(--dark,#343a40);
    color:var(--inus-color);
}

.inus.border-primary{
    --inus-border-color:var(--primary,#007bff);
    background-color: var(--inus-background-color);
}
.inus.border-secondary{
    --inus-border-color:var(--secondary,#6c757d);
    background-color: var(--inus-background-color);
}
.inus.border-success{
    --inus-border-color:var(--success,#28a745);
    background-color: var(--inus-background-color);
}
.inus.border-info{
    --inus-border-color:var(--info,#17a2b8);
    background-color: var(--inus-background-color);
}
.inus.border-warning{
    --inus-border-color:var(--warning,#ffc107);
    background-color: var(--inus-background-color);
}
.inus.border-danger{
    --inus-border-color:var(--danger,#dc3545);
    background-color: var(--inus-background-color);
}
.inus.border-light{
    --inus-border-color:var(--light,#f8f9fa);
    background-color: var(--inus-background-color);
}
.inus.border-dark{
    --inus-border-color:var(--dark,#343a40);
    background-color: var(--inus-background-color);
}

.inus.bg-primary{
    --inus-background-color:var(--primary,#007bff);
    --inus-btn-background-color:var(--primary,#007bff);
}
.inus.bg-secondary{
    --inus-background-color:var(--secondary,#6c757d);
    --inus-btn-background-color:var(--secondary,#6c757d);
}
.inus.bg-success{
    --inus-background-color:var(--success,#28a745);
    --inus-btn-background-color:var(--success,#28a745);
}
.inus.bg-info{
    --inus-background-color:var(--info,#17a2b8);
    --inus-btn-background-color:var(--info,#17a2b8);
}
.inus.bg-warning{
    --inus-background-color:var(--warning,#ffc107);
    --inus-btn-background-color:var(--warning,#ffc107);
}
.inus.bg-danger{
    --inus-background-color:var(--danger,#dc3545);
    --inus-btn-background-color:var(--danger,#dc3545);
}
.inus.bg-light{
    --inus-background-color:var(--light,#f8f9fa);
    --inus-btn-background-color:var(--light,#f8f9fa);
}
.inus.bg-dark{
    --inus-background-color:var(--dark,#343a40);
    --inus-btn-background-color:var(--dark,#343a40);
}