/*base*/

* {
    box-sizing: border-box;
    word-break: keep-all !important;
    font-family: 'Noto Sans KR';
}



/*background*/
.bg_indigo1 {
    background: #7165e5 !important;
}

.bg_indigo2 {
    background: #8b80f8 !important;
}

.bg_indigo3 {
    background: #a07dfd !important;
}

.bg_indigo4 {
    background: #e0daff !important;
}

.bg_indigo5 {
    background: #f0e8ff !important;
}

.bg_indigo6 {
    background: #f5f6fa !important;
}


.bg_gray1 {
    background: #d4d7de !important;
}

.bg_gray2 {
    background: #f5f6fa !important;
}


/*color*/
.indigo1 {
    color: #7165e5 !important;
}


textarea {
    appearance: none;
}

/*input*/
input.input_box1 {
    appearance: none;
    outline: 1px solid #ddd
}


input.input_box1:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    outline: 1px solid #7165e5;
}

/* outline 테두리 속성 수정 */
input::placeholder {
    font-family: 'Noto Sans KR';
    color: #afabab;
    font-weight: 400;

}

input:-moz-placeholder {
    font-family: 'Noto Sans KR';
    color: #afabab;
    font-weight: 400;
}

input::-moz-placeholder {
    font-family: 'Noto Sans KR';
    color: #afabab;
    font-weight: 400;
}


/*input*/

/*btn*/
a.btn {
    display: inline-block;
}


/*img*/
.imgt1 {
    position: relative;
    top: -0.1rem;
}

.imgt2 {
    position: relative;
    top: -0.01rem;
}

.imgt3 {
    position: relative;
    top: 0.075rem;
}


.imgswap img {
    display: inline-block
}

.imgswap img:last-child {
    display: none
}

@media (min-width: 1024px) {
    .imgswap:hover img:first-child {
        display: none
    }

    .imgswap:hover img:last-child {
        display: inline-block
    }
}

/*checkbox-radio*/
.join_check1 {
    position: relative;
    top: 0.5rem;
    appearance: none;
    background: #ebeff8 url('/images/contents/icon_check_g.png') no-repeat center center;
    background-size: 13px;
}


.join_check1:checked,
.join_check2:checked {
    background: #7165e5 url('/images/contents/icon_check_w.png') no-repeat center center;
    background-size: 13px;
}

.join_check1:checked+span,
.join_check2:checked+span {
    color: #000;
}

.join_check2 {
    position: relative;
    top: 0.5rem;
    appearance: none;
    background: #d9dce8 url('/images/contents/icon_check_g.png') no-repeat center center;
    background-size: 10px;
}




/*checkbox-radio*/
/*select*/
select::-ms-expand {
    display: none;
}

select.select1 {
    background: #fff url('/images/contents/select_arrow.png') no-repeat;
    background-position: calc(100% - 13px) center;
    background-size: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

select.select1_1 {
    background: #fff url('/images/contents/select_arrow.png') no-repeat;
    background-position: calc(100% - 13px) center;
    background-size: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}


/*select*/
/*btn*/

/*btn*/

/*font-*/
.text_11 {
    font-size: 0.6rem;
}

.font-hsans {
    font-family: 'Spoqa Han Sans';
}

.font-nanum {
    font-family: 'NanumSquareNeo';
}

.font-gmarket {
    font-family: "GmarketSans";
}

.font-ink {
    font-family: 'InkLipquid';
}


.flex_center {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
}

.grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
}

.grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
}