@charset "utf-8";

/******************** contents ********************/
/***** contents *****/
/* contents */


/******** 행사소개 ********/
.introduction {
    overflow:hidden; 
    display: grid; 
    grid-template-columns: 38% auto; 
    gap:80px;
}
.introduction h2 {
    font-family: 'PyeongChangPeace-Light';
    margin-bottom:30px;
    font-size:40px;
}
.introduction h3 {
    font-family: 'PyeongChang-Bold';
}
.introduction .pic {
    overflow: hidden;
    line-height: 0;
}
.introduction .pic img {
    width:100%;
    border-radius: 12px;
}
.introduction div.info {
    padding:40px 0 20px;
    border-top:4px solid #000;
    border-bottom:4px solid #000;
}
.introduction div.info ul, .introduction div.info p {
    margin-bottom:30px;
}
.digital_badge {
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.digital_badge h3 {
    padding: 0 10px;
}
.digital_badge .pic {
    text-align: center;
    padding:20px 0;
    background-color: #f7f7f7;
    border-radius: 6px;
    line-height: 0;
}
.digital_badge img {
    width:50%;
}

.course {
    margin-top:12px;
}
.course > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
}
.course > ul > li {
    padding: 40px;
    border: 1px solid #ddd;
    border-radius: 12px;
}
.course h4 {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom:24px;
}
.course h4 span {
    background-color: #a48636;
    border-radius: 6px;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
}
.course h4 span.zone01 {
    background-color: #222f87;
}
.course h4 span.zone02 {
    background-color: #3c82be;
}
.course h4 span.zone03 {
    background-color: #625daa;
}
.course h4 span.zone04 {
    background-color: #289397;
}
.course h4 span.zone05 {
    background-color: #e36e20;
}
.course h4 span.zone06 {
    background-color: #d7a818;
}
.course h4 span.zone07 {
    background-color: #a661a3;
}
.course > ul ul {
    margin-left:10px;
}
.course > ul ul li {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}
.course > ul ul li:last-child {
    margin-bottom:0;
}
.course > ul ul li span {
    width:30px;
    height:30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #eee;
    text-align: center;
    font-size: 15px;
    font-family: 'PyeongChang-bold';
    color: #000;
}

/******** 전시작품소개 ********/
.exhibition_list .pic img {
    width:100%;
}
.exhibition_list .pic  {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:12px;
    height: 340px;
    border-radius: 12px;
}
.exhibition_list h2 {
    display: flex;
    gap: 12px;
    align-items: center;
    margin:80px 0 30px;
}
.exhibition_list h2 span {
    background-color: #a48636;
    border-radius: 6px;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
}
.exhibition_info_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:24px;
}
.exhibition_info {
    padding:32px;
    border:1px solid #ddd;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 6px;
}
.exhibition_info h3 {
     margin:0;
     font-size: 24px;;
}
.exhibition_info p {
     margin:0;
}
.exhibition_info dl.info01 {
    display: grid;
    grid-template-columns: 20% auto;
    gap:3px 20px;
    padding: 24px;
    background-color: #e9e5de;
    border-radius: 6px;
    color: #1d1d1d;
}
.exhibition_info dl.info02 {
    display: grid;
    grid-template-columns: 1fr;
    gap:10px;
}
.exhibition_info dl.info02 dt {
    width:fit-content;
    background-color: #e9e5de;
    padding:3px 15px;
    border-radius: 30px;
    color:#1d1d1d;
    font-size: 19px;
}
.exhibition_info dl.info02 dd {
    text-align: justify;
}
.exhibition_info dl dt {
    font-family: 'PyeongChang-bold';
}
.exhibition_info dl dd strong {
    color:#1d1d1d;
}

/******** 국가유산정보 ********/
.national_heritage {
    display: grid;
    grid-template-columns: 43% auto;
    gap:40px;
    padding:40px;
    background-color: #f7f7f7;
    border-radius: 6px;
}
.national_heritage div {
}
.national_heritage .pic {
    overflow: hidden;
    line-height: 0;
    border-radius: 12px;

    display: flex;
    justify-content: center;
    align-items: center;
    max-height:450px;
}
.national_heritage .pic img {
    height:100%;
}
.national_heritage .con p {
}
.national_heritage h2 {
}


/******************** 반응형 (콘텐츠) ********************/

/** 가로 1200px **/
@media screen and (max-width:1200px) {
    /***** 행사소개 *****/
    .introduction {
        gap:60px !important;
    }
}

/** 가로 1024px **/
@media screen and (max-width:1024px) {
    /***** 행사소개 *****/
    .introduction {
        grid-template-columns: 1fr !important;
        gap:50px !important;
    }
    .introduction div:nth-child(2) {
        order:1;
    }
    .introduction div:nth-child(1) {
        order:2;
    }

    /***** 전시작품소개 *****/
    .tabmenu_basic02 ul {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .exhibition_info_wrap {
        grid-template-columns: 1fr !important;
    }
    .exhibition_list .pic {
        height:auto !important;
    }

    /***** 국가유산정보 *****/
    .national_heritage {
        grid-template-columns: 1fr !important;
        padding:0 !important;
        background-color: #fff !important;
    }
    .national_heritage .pic {
        max-height: 100% !important;
    }
    .national_heritage .pic img {
        width:100%;
    }
    .tamra {
        width:100% !important;
    }
}

/** 가로 820px **/
@media screen and (max-width:940px) {
    /***** 행사소개 *****/
    .introduction {
        grid-template-columns: 1fr !important;
    }
}