/* common */
.btn-box-wrap {display: flex;margin-left: -10px;margin-right: -10px;}
.btn-box-wrap > [class *= col] {padding-left: 10px;padding-right: 10px;}
.btn-box-wrap .btn-rds {position: relative;display: flex;flex-direction: column;width: 100%;border-radius: 1.25rem;padding: 1.875rem;overflow: hidden;}
.btn-box-wrap .btn-rds > span.txt-wrap {display: inline-flex;flex-direction: column;font-weight: bold;text-align: start;}
.btn-box-wrap .btn-rds > span:last-child {margin-left: auto;font-size: 1rem;font-weight: 500;}

.img-card-box {position: relative;display: flex;flex-direction: column;width: 100%;border-radius: 1.25rem;overflow: hidden;border: 1px solid var(--gray-color-f5);}
.img-card-box > .rect-box {padding-bottom: 71.5%;}
.img-card-box > .rect-box > img {object-fit: cover;}
.img-card-box > .badge {position: absolute;top: 1.125rem;left: 1.125rem;border-radius: 0;}
.img-card-box > .ellipsis {border-top: 1px solid var(--gray-color-c);padding: .75rem 1.25rem;text-align: center;}
/* //common */

/* triangle */
.overlap-triangle-wrap {position: relative;display: block;margin: auto;}
.overlap-triangle-wrap > div {position: absolute;width: 100%;height: 100%;}
.overlap-deco {z-index: 1;}
.overlap-deco > div {position: absolute;display: flex;align-items: center;justify-content: center;background-color: rgba(204,204,204,.2);mix-blend-mode: multiply;}
.overlap-deco > div:nth-child(1) {transform: rotate(30deg);}
.overlap-deco > div:nth-child(2) {transform: rotate(150deg);}
.overlap-deco > div:nth-child(3) {transform: rotate(90deg);transform-origin: bottom left;}
.overlap-deco > div > span {display: block;transform: rotate(-90deg);}
.overlap-deco > div:nth-child(3) > span {transform: rotate(90deg);}
.overlap-text {z-index: 2;}
.overlap-text > div {position: absolute;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
/* //triangle */

/* header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 13;
    background-color: var(--white-color);
}
.header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--gray-color-c);
}
.header .header-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.header .header-wrap .header-gnb {
    display: flex;
    align-items: center;
}
.header .header-wrap .logo > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* //header */