@charset "utf-8";
/*-----------------------------------------------
    secEvent
-----------------------------------------------*/
.secEvent .boxList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem;
}
.secEvent .boxList .item{
    width: calc((100% - 2.999rem) / 2);
}
.secEvent .boxList .link{
    position: relative;
    height: 100%;
    background-color: var(--whiteColor);
    border-radius: 0 2rem 2rem 2rem;
    border: 1px solid var(--gray_lightColor);
    padding: 4rem 3rem 6rem;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
}
.secEvent .item_end .link {
    opacity: 0.6 !important;
    pointer-events: none !important;
    transition: none !important;
}
/* boxImg */
.secEvent .boxImg {
    width: 36.33%;
}
.secEvent .img {
    aspect-ratio: 190 / 119;
    border-radius: 1rem;
    overflow: hidden;
}
/* boxTit */
.secEvent .boxTit {
    width: 59.41%;
}
.secEvent .boxTit,
.secEvent .titTop {
    display: flex;
    flex-direction: column;
}
.secEvent .date {
    order: 2;
    margin-left: -0.2rem;
}
.secEvent .eng {
    font-size: var(--pcFS22);
    font-weight: 900;
}
.secEvent .titLable{
    order: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.secEvent .tit {
    font-size: var(--pcFS18);
    line-height: var(--pcLH18_27);
    letter-spacing: var(--pcLS18_0);
    font-weight: bold;
}
.secEvent .txt {
    order: 3;
}
.secEvent .txt,
.secEvent .tit{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: calc(var(--pcFS12) * var(--pcLH12_21) * 4);
}
.secEvent .tit{
    line-clamp: 2;
    -webkit-line-clamp: 2;
    max-height: calc(var(--pcFS18) * var(--pcLH18_27) * 2);
}
.secEvent .date{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEvent .date,
.secEvent .txt {
    font-size: var(--pcFS12);
    line-height: var(--pcLH12_21);
    letter-spacing: var(--pcLS12_0);
}
.secEvent .icon {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 4.3rem;
    min-height: 2.2rem;
    font-size: var(--pcFS11);
    border: 1px solid var(--whiteColor);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 0.5rem 0.4rem 0.5rem;
}
.secEvent .icon.isOpen {
    background-color: var(--openbgColor);
    border-color: var(--openColor);
    color: var(--openColor);
}
.secEvent .icon.isAccept {
    background-color: var(--acceptbgColor);
    border-color: var(--acceptColor);
    color: var(--acceptColor);
}
.secEvent .icon.isEnd {
    background-color: var(--endbgColor);
    border-color: var(--endColor);
    color: var(--endColor);
}
.secEvent .icon.isEndEvent {
    background-color: var(--endEventbgColor);
    border-color: var(--endEventbgColor);
    color: var(--whiteColor);
}
.secEvent .iconNew {
    width: auto;
    font-size: var(--pcFS11);
    padding: 2px 0.8rem 0 0.8rem;
    background-color: var(--yellowColor);
    order: 4;
}
.secEvent .boxCmnBtn {
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secEvent .boxList{
        gap: 1rem;
    }
    .secEvent .boxList .item{
        width: 100%;
    }
    .secEvent .boxList .link{
        border-radius: 1rem;
        padding: 1.5rem 1.5rem 2rem;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    /* boxImg */
    .secEvent .boxImg {
        width: 33.23%;
        order: 1;
    }
    /* boxTit */
    .secEvent .boxTit {
        display: contents;
        width: 100%;
    }
    .secEvent .boxTit {
        width: 60.41%;
    }
    .secEvent .titTop {
        order: 2;
        width: 63%;
        margin-top: 1rem;
        gap: 0.3rem;
    }
    .secEvent .date {
        margin-left: -0.2rem;
        font-size: var(--spFS10);
        line-height: var(--spLH10_15);
        letter-spacing: var(--spLS10_0);
    }
    .secEvent .eng {
        font-size: var(--spFS14);
    }
    .secEvent .titLable {
        gap: 0.3rem;
    }
    .secEvent .tit {
        font-size: var(--spFS14);
        line-height: var(--spLH14_21);
        letter-spacing: 0;
        max-height: calc(var(--spFS14) * var(--spLH14_21) * 2);
    }
    .secEvent .txt {
        order: 4;
        width: 100%;
        font-size: var(--spFS10);
        line-height: var(--spLH10_15);
        letter-spacing: var(--spLS10_0);
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: calc(var(--spFS10) * var(--spLH10_15) * 3);
        margin-top: 1rem;
    }
    .secEvent .icon {
        left: auto;
        right: 0;
        min-width: 3.7rem;
        min-height: 2rem;
        font-size: var(--spFS10);
        padding: 0.5rem 0.3rem 0.4rem 0.3rem;
    }
    .secEvent .iconNew {
        padding: 2px 0.4rem 0 0.4rem;
        font-size: var(--spFS10);
    }
}

/*-----------------------------------------------
    secDetails
-----------------------------------------------*/
/* secHead */
.secDetails .secHead{
    align-items: center;
}
.secDetails .secHead .secDate{
    max-width: 80%;
}
.secDetails .secHead .txt{
    font-size: var(--pcFS20);
    line-height: var(--pcLH20_30);
    color: var(--gray_darkColor);
    font-weight: bold;
}
/* .secDetailsTopImg */
.secDetails .secDetailsTopImg{
    margin-top: 6rem;
}
.secDetails .secDetailsTopImg .img{
    text-align: center;
}
.secDetails .secDetailsTopImg img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/* .secInfo */
.secDetails .secInfo{
    margin-top: 3rem;
}
/* boxDlTable */
.secDetails .boxDlTable{
    border-top: solid 0.1rem var(--tableborderColor);
}
.secDetails .boxDlTable .tr{
    border: solid 0.1rem var(--tableborderColor);
    border-top: none;
    display: flex;
    font-size: var(--pcFS13);
    line-height: var(--pcLH13_20);
    letter-spacing: var(--pcLS13);
}
.secDetails .boxDlTable .th,
.secDetails .boxDlTable .td{
    display: flex;
    align-items: center;
    justify-content: center;
}
.secDetails .boxDlTable .th{
    background-color: var(--tablebgColor);
    border-right: solid 0.1rem var(--tableborderColor);
    width: 14.057%;
    padding: 2.5rem 1rem;
}
.secDetails .boxDlTable .td{
    background-color: var(--whiteColor);
    flex: 1;
    padding: 1.5rem 2.2rem;
    justify-content: start;
}
.secDetails .boxDlTable .txtLink{
    text-decoration: underline;
    color: var(--linkColor);
}
/* .secEntry */
.secDetails .secEntry{
    margin-top: 3rem;
}
.boxCmnBtn {
    margin-top: 6rem;
}
.secDetails .item + .item{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    /* secHead */
    .secDetails .secHead{
        flex-flow: column;
        align-items: flex-end;
        gap: 2rem;
    }
    .secDetails .secHead .secDate{
        max-width: 100%;
        width: 100%;
    }
    .secDetails .secHead .txt{
        font-size: var(--spFS12);
        line-height: var(--spLH12_24);
    }
    /* .secDetailsTopImg */
    .secDetails .secDetailsTopImg{
        margin-top: 2rem;
    }
    /* .secInfo */
    .secDetails .secInfo{
        margin-top: 4rem;
    }
    .secDetails .boxDlTable{
        width: 100%;
    }
    .secDetails .boxDlTable .tr{
        flex-direction: column;
        font-size: var(--spFS12);
        letter-spacing: var(--spLH12_20);
    }
    .secDetails .boxDlTable .th{
        width: 100%;
        padding: 1rem 1.5rem;
        justify-content: start;
        border-bottom: solid 0.1rem var(--tableborderColor);
        border-right: none;
    }
    .secDetails .boxDlTable .td{
        padding: 1.6rem 2rem;
    }
    /* .secEntry */
    .secDetails .secEntry,
    .secDetails .item + .item{
        margin-top: 4rem;
    }
    .boxCmnBtn {
        margin-top: 2rem;
    }
    .secCmnForm + .boxCmnBtn {
        margin-top: 4rem;
    }
}



/*-----------------------------------------------
    boxCmnTit
-----------------------------------------------*/
.boxCmnTit .tit{
    margin-bottom: 2rem;
}
@media only screen and (max-width:1215px){
    .boxCmnTit .tit{
        margin-bottom: 1.5rem;
    }
}

/*-----------------------------------------------
    boxCmnBtnTop
-----------------------------------------------*/
.boxCmnBtnTop{
    position: absolute;
    top: -8rem;
    right: 0;
    margin: 0;
}
@media only screen and (max-width:1215px){
    .boxCmnBtnTop{
        display: none;
    }
}