@charset "utf-8";

.invisible {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    margin: -1px;
    padding: 0;
    border: 0;
}


/* ----------------------------- */
/* award
/* ----------------------------- */
/* 심사평 */
.award-sel {
    padding: 10px 25px;
    margin-bottom: 32px;
    width: 200px;
    height: 52px;
    border: 1px solid #d2d1da;
    border-radius: 3px;
    background: url(/images/common/select_arrow.png) no-repeat center right 20px;
}
.ard-judge {
    padding: 40px;
    background-color: #0055a7;
    color: #ffffff;
}
.ard-judge h2 {
    color: #f14a4a;
    font-weight: 700;
    font-size: 2.2rem;
}
.ard-judge .cont {
    min-height: 130px;
    position: relative;
    padding-right: 180px;
}
.ard-judge .cont .name {
    margin: 2em 0 0.5em;
    font-size: 1.8rem;
    font-weight: 700;
}
.ard-judge .cont p {
    text-align: left;
    line-height: 1.8;
}
.ard-judge .cont p .bold {
    font-weight: 700;
}
.ard-judge .cont figure {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: 0;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.35);
}
.ard-judge-txt {
    padding: 40px;
    border: 2px solid #0055a7;
    line-height: 1.8;
}

/* awd-common */
.awd-com .cate {
    display: flex;
    align-items: center;
    margin-left: -4px;
}
.awd-com .cate span {
    padding: 3px 15px 2px;
    margin-right: 6px;
    border-radius: 100px;
    text-align: center;
}
.awd-com .cate span.award {
    min-width: 94px;
    background-color: #f14a4a;
    border: 2px solid #f14a4a;
    color: #ffffff;
}
.awd-com .cate span.award2 {
    background-color: #0055a7;
    border-color: #0055a7;
}
.awd-com .cate span.award3 {
    background-color: #6d6d6d;
    border-color: #6d6d6d;
}
.awd-com .cate span.part {
    border: 2px solid #d2d1da;
}
.awd-com h3 {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 60px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}
.awd-com h3::before {
    display: none;
}
.awd-com .con-txt span {
    display: inline-block;
    font-size: 1.8rem;
}
.awd-com .by {
    font-weight: 700;
}
.awd-com .line {
    padding: 0 10px;
    font-weight: 700;
}

/* list-common */
.awd-list-txt {
    margin: 20px -20px 0;
    display: flex;
    flex-wrap: wrap;
}
.awd-list-txt .cont {
    position: relative;
    width: calc(50% - 40px);
    padding: 40px 40px 60px;
    margin: 20px;
    border: 2px solid #d2d1da;
}
.awd-list-txt .cont:first-child {
    border-color: #0055a7;
}

.awd-list-txt .cont .more {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.awd-list-txt .cont .more::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 40px solid #d2d1da;
    border-top: 40px solid transparent;
    border-left: 40px solid transparent;
    border-right: 40px solid #d2d1da;
}
.awd-list-txt .cont .more::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 16px;
    right: 16px;
    background: url(/images/community/more.png) no-repeat center / 100%;
}
.awd-list-txt .cont:first-child .more::before {
    border-color: transparent #0055a7 #0055a7 transparent;
}
.awd-com .medal {
    position: absolute;
    width: 67px;
    height: 77px;
    top: 30px;
    right: 30px;
    background: url(/images/community/medal1.svg) no-repeat center / 100%;
}
.awd-com .medal.medal2 {
    background-image: url(/images/community/medal4.svg);
}
.awd-com .medal.medal3 {
    background-image: url(/images/community/medal3.svg);
}
.awd-com .medal.medal4 {
    background-image: url(/images/community/medal2.svg);
}


/* awd-list-pic */
.awd-list-pic .cont {
    padding: 40px;
}
.awd-list-pic .cont figure {
    text-align: center;
}
.awd-list-pic .cont:first-child {
    width: 100%;
    display: flex;
}
.awd-list-pic .cont:first-child figure {
    flex-shrink: 0;
}
.awd-list-pic .cont:first-child .txt {
    order: 2;
    margin-left: 40px;
}
.awd-list-pic .cont:first-child .pic img {
    max-width:650px;
    width:100%;
}
.awd-list-pic .cont .txt p {
    width: 100%;
    margin: 1.2em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.8;
}
.awd-list-pic .cont:first-child .txt p {
    white-space: normal;
}
.awd-list-pic .cont:first-child .medal {
    width: 100px;
    height: 116px;
}

/* ----------------------------- */
/* award-view
/* ----------------------------- */
.awd-viwe-ti {
    padding: 40px 30px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #d2d1da;
}
.awd-com .awd-info {
    display: flex;
    align-items: center;
}
.awd-com .awd-info .cate {
    margin-top: -2px;
    margin-right: 18px;
}

/* awd-view-cont */
.awd-view-cont {
    padding: 40px 30px;
    border-bottom: 1px solid #d2d1da;
    margin-bottom: 30px;
}
.awd-view-cont .view-pic {
    margin: 0 auto 3em;
    text-align: center;
}
.awd-view-cont p {
    line-height: 1.8;
}

/* modal */
.awd-viwe-modal {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}
.modal-in {
    width: 1088px;
    height: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.modal-cont {
    width: 100%;
    height: 100%;
    padding: 40px;
    overflow-y: scroll;
}

.modal-cont .close-wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.modal-cont .close-wrap .close {
    position: absolute;
    top: -28px;
    right: -28px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #ffffff url(/images/community/close.svg) no-repeat center / 24% 24%;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.35);
    z-index: 100;
}
/* slide */
.awd-sld-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.awd-sld .slick-slide {
    width: 100%;
    text-align: center;
    transition: all ease 0.2s;
}
.awd-sld figure {
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0 1px;
    /* height: 600px; */
    overflow: hidden;
    vertical-align: top;

}
.awd-sld figure img {
    object-fit: contain;
}
.awd-sld figure .medal {
    top: 20px;
    right: 20px;
}
.awd-sld .sld-txt {
    padding-bottom: 40px;
    text-align: left;
}
.awd-sld .sld-txt .cate {
    margin-left: 0;
}
.awd-sld .sld-txt p {
    margin-top: 1em;
    line-height: 1.8;
}
.awd-sld .sld-txt h3 {
    margin-top: 20px;
}

/* slide-arw */
.awd-sld-wrap .awd-sld-arw {
    position: absolute;
    top: 20px;
    left: 50%;
    display: flex;
    margin-left: -50px;
    width: 100px;
    height: 56px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.5);
}
.awd-sld-wrap .awd-sld-arw button {
    width: 50%;
    height: 100%;
    background: url(/images/community/sld_arw_prev.svg) no-repeat center / 11px 19px;
}
.awd-sld-wrap .awd-sld-arw button.next {
    background-image: url(/images/community/sld_arw_next.svg);
}

/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1248px (1208px)
/* Desktop Size	: 1024px =< Screen <= 1248px
/* Tablet Size : 768px =< Screen <= 1023px
/* Mobile Size : 480px < Screen <= 767 (landscape)
/* Mobile Size : 320px < Screen < 480px (portrait)
/* ----------------------------- */

@media screen and (max-width:1280px) {
    /* awd-list-pic */
    .awd-list-pic .cont:first-child .medal {
        width: 80px;
        height: 92px;
    }
    /* modal */
    .modal-in {
        width: calc(100% - 20px);
        height: calc(100vh - 20px);
    }
    .modal-cont .close-wrap .close {
        top: -10px;
        right: -10px;
        width: 54px;
        height: 54px;
    }
}


@media screen and (max-width:1024px) {
    /* ----------------------------- */
    /* award
    /* ----------------------------- */
    /* awd-common */
    .awd-com h3 {
        font-size: 2.4rem;
    }

    /* list-common */
    .awd-list-txt {
        margin: 10px -10px 0;
    }
    .awd-list-txt .cont {
        width: calc(50% - 20px);
        margin: 10px;
    }

    /* awd-list-pic */
    .awd-list-pic .cont:first-child figure {
        width: 50%;
    }
    .awd-list-pic .cont:first-child .medal {
        width: 80px;
        height: 92px;
    }
}


@media screen and (max-width:768px) {
    /* ----------------------------- */
    /* award
    /* ----------------------------- */
    /* 심사평 */
    .ard-judge,
    .ard-judge-txt {
        padding: 32px 24px;
    }
    .ard-judge .cont {
        padding-right: 0;
        text-align: center;
    }
    .ard-judge .cont .name {
        margin: 1em 0 0.5em;
    }
    .ard-judge .cont p  {
        text-align: center;
    }
    .ard-judge .cont figure {
        width: 96px;
        height: 96px;
        position: static;
        margin: 20px auto 0;
    }
    /* awd-common */
    .awd-com .cate span {
        padding: 3px 12px 2px;
        font-size: 1.6rem;
    }
    .awd-com .cate span.award {
        min-width: 84px;
    }
    .awd-com h3 {
        margin-top: 20px;
        font-size: 2.2rem;
    }
    .awd-com .con-txt span {
        font-size: 1.6rem;
    }

    /* list-common */
    .awd-list-txt {
        margin: 10px 0 0;
    }
    .awd-list-txt .cont {
        width: 100%;
        margin: 10px 0;
        padding: 28px 24px 32px;
    }
    .awd-list-txt .cont .more {
        width: 48px;
        height: 48px;
    }
    .awd-list-txt .cont .more::before {
        border-width: 24px;
    }
    .awd-list-txt .cont .more::after {
        bottom: 9px;
        right: 9px;
    }
    .awd-com .medal {
        width: 40px;
        height: 46px;
        top: 20px;
        right: 20px;
    }

    /* awd-list-pic */
    .awd-list-pic .cont {
        padding: 28px 24px;
    }
    .awd-list-pic .cont:first-child {
        display: block;
    }
    .awd-list-pic .cont:first-child figure {
        width: auto;
    }
    .awd-list-pic .cont:first-child .txt {
        margin-left: 0;
    }
    .awd-list-pic .cont:first-child .medal {
        width: 40px;
        height: 46px;
    }
    /* ----------------------------- */
    /* award-view
    /* ----------------------------- */
    .awd-viwe-ti {
        padding: 28px 24px;
    }
    .awd-com .awd-info {
        display: block;
    }
    .awd-com .awd-info .cate {
        margin-right: 0;
        margin-bottom: 10px;
    }
    /* awd-view-cont */
    .awd-view-cont {
        padding: 28px 24px;
        margin-bottom: 20px;
    }

    /* modal */
    .modal-cont {
        padding: 54px 24px 28px;
    }

    /* slide-arw */
    .awd-sld-wrap .awd-sld-arw {
        position: absolute;
        top: -48px;
        margin-left: -40px;
        width: 80px;
        height: 48px;
    }
}