@charset "UTF-8";
@counter-style ganada {
  system: fixed;
  symbols: 가 나 다 라 마 바 사 아 자 차 카 타 파 하;
}

.title2{margin:6.4rem 0 2.4rem;color:#1d1d1d;font-size:2.4rem;line-height:1.6;font-weight:600}
.title3{margin:0 0 3rem;color:#151515;font-size:3rem;font-weight:700}

@media screen and (max-width: 1024px){
    .title2{margin:5.4rem 0 1.4rem; font-size:2.2rem;}
}
@media screen and (max-width: 640px){
    .title2{margin:4.4rem 0 1.4rem; font-size:2.2rem;}
}
/*-------------------------------------------------------------------
    상단 검색
-------------------------------------------------------------------*/
[data-content="top_search"]{position: relative; margin-bottom: 6rem; padding: 2.8rem 0;}
[data-content="top_search"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; margin-left: -50vw; background: url(../../../images/site/kor/content/topsearch_img01.png); border-top: 2px solid #011842;}
[data-content="top_search"] .inwrap{display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; gap: 0.8rem; }
[data-content="top_search"] .inwrap select{width: auto; height: 6rem; background-color: transparent; border: 2px solid #fff; color: #fff; border-radius: 10rem; padding: 0 5rem 0 2.4rem; background: url(../../../images/site/kor/content/topsearch_img03.svg) no-repeat center right 1.8rem / 2.8rem auto;}
[data-content="top_search"] .inwrap select option{font-size: 1.6rem; color: #555; padding: 0 2.4rem;}
[data-content="top_search"] .inwrap .insearch{overflow: hidden;position: relative;width: 100%;max-width: 65rem;border: 2px solid #FFF;border-radius: 10rem;}
[data-content="top_search"] .inwrap .insearch input{display: flex;width: 100%;height: 5.6rem;padding: 0 11rem 0 2.4rem;background-color: transparent;border: none;outline: none;color: #fff;font-size: 1.7rem;color: #fff;}
[data-content="top_search"] .inwrap .insearch input::placeholder{color: rgba(255, 255, 255, 0.70);}
[data-content="top_search"] .inwrap .insearch button{display: block;position: absolute;top: 50%;right: 7.8rem;width: 2rem;height: 2rem;margin-top: -1rem;background: url(../../../images/site/kor/content/topsearch_img06.svg) no-repeat center center / 100% auto;text-indent: -9999px;}
[data-content="top_search"] .inwrap .insearch button:before{content: "";position: absolute;right: -1.5rem;top: -100%;width: 1px;height: 300%;background-color: #ffffff50;}
[data-content="top_search"] .inwrap .insearch a{display: block; position: absolute; top: 50%; right: 1.6rem; width: 4rem; height: 4rem; margin-top: -2rem; background: url(../../../images/site/kor/content/topsearch_img02.svg) no-repeat center center / 2.4rem auto; text-indent: -9999px;}

[data-content="top_search"][data-type="2"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem;}
[data-content="top_search"][data-type="2"] >.order{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; gap: 0.4rem 3rem;}
[data-content="top_search"][data-type="2"] >.order >li{position: relative; }
[data-content="top_search"][data-type="2"] >.order >li:not(:last-child){padding-right: 3rem;}
[data-content="top_search"][data-type="2"] >.order >li:not(:last-child):before{content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 1.9rem; margin-top: -0.95rem; background-color: #000; }
[data-content="top_search"][data-type="2"] >.order >li >a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; gap: 1rem; color: #fff; font-size: 2.1rem; font-weight: 400; line-height: 1.2; }
[data-content="top_search"][data-type="2"] >.order >li >a:after{content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(../../../images/site/kor/content/topsearch_img04.svg) no-repeat center center / 100% auto; border-radius: 0.6rem;}
[data-content="top_search"][data-type="2"] >.order >li >a span{
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #fff, #fff, #fff); background-size: 100% 0.1rem, 0 0.1rem !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important;
    -webkit-transition: background-size 0.2s; transition: background-size 0.2s;
}
[data-content="top_search"][data-type="2"] >.order >li >a:hover span{background-size: 0 0.1rem, 100% 0.1rem !important;}
[data-content="top_search"][data-type="2"] >.order >li >a.upOn:after{
    background-color: #fff; background-image: url(../../../images/site/kor/content/topsearch_img05.svg);
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
[data-content="top_search"][data-type="2"] >.order >li >a.downOn:after{
    background-color: #fff; background-image: url(../../../images/site/kor/content/topsearch_img05.svg);
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
[data-content="top_search"][data-type="2"] >.inwrap{margin-left: auto;}
[data-content="top_search"][data-type="2"] >.inwrap .insearch{width: 65rem;}
[data-content="top_search"][data-type="3"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem; padding: 4rem 0;}
[data-content="top_search"][data-type="3"] >div{display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-start; align-items: center;}
[data-content="top_search"][data-type="3"] >.l{align-items: stretch; align-content: space-between; align-content: center; gap: 2rem 5rem;}
[data-content="top_search"][data-type="3"] >.l >div{}
[data-content="top_search"][data-type="3"] >.l >div >strong{display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; gap: 1rem; color: #FFF; font-size: 3rem; font-weight: 600; line-height: 1;}
[data-content="top_search"][data-type="3"] >.l >div >strong >em{color: #DDD; font-size: 2rem; font-weight: 300;}
[data-content="top_search"][data-type="3"] >.l >div >b{display: block; width: 100%; margin-top: 2rem; font-weight: 200; font-size: 1.7rem; color: #fff;}
[data-content="top_search"][data-type="3"] >.l >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.8rem;}
[data-content="top_search"][data-type="3"] >.l >ul >li{}
[data-content="top_search"][data-type="3"] >.l >ul >li >a{
    display: block; width: 3.4rem; height: 3.4rem; background: #011842 url(../../../images/site/kor/content/cont0102_img01.svg) no-repeat center center / 100% auto; border-radius: 50%; text-indent: -9999px;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="top_search"][data-type="3"] >.l >ul >li >a:hover{background-color: #fff; background-image: url(../../../images/site/kor/content/cont0102_img02.svg);}
[data-content="top_search"][data-type="3"] >.l >ul >li.fcb >a{background-image: url(../../../images/site/kor/content/cont0102_img03.svg);}
[data-content="top_search"][data-type="3"] >.l >ul >li.fcb >a:hover{background-image: url(../../../images/site/kor/content/cont0102_img04.svg);}
[data-content="top_search"][data-type="3"] >.l >ul >li.twt >a{background-image: url(../../../images/site/kor/content/cont0102_img05.svg);}
[data-content="top_search"][data-type="3"] >.l >ul >li.twt >a:hover{background-image: url(../../../images/site/kor/content/cont0102_img06.svg);}
[data-content="top_search"][data-type="3"] >.r{justify-content: flex-end; margin-left: auto; }
[data-content="top_search"][data-type="3"] >.r >a{display: inline-flex; flex-wrap: wrap;justify-content: flex-start; align-items: center; gap: 1rem; color: #FFF; font-weight: 400; line-height: 1.2;}
[data-content="top_search"][data-type="3"] >.r >a:hover{text-decoration: underline; text-underline-position: under;}
[data-content="top_search"][data-type="3"] >.r >a:after{content: ""; display: block; width: 1.5rem; height: 1.5rem;
background: url(../../../images/site/kor/content/cont0102_img07.svg) no-repeat center center / 100% auto;}
[data-content="top_search"][data-type="3"] >.r .tags{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; gap: 0.4rem; width: 100%; margin-top: 1.8rem;}
[data-content="top_search"][data-type="3"] >.r .tags >li{padding: 1rem 1.2rem; background-color: #D6E0F2; color: #17469E; font-weight: 400; line-height: 1; border-radius: 10rem;}
[data-content="top_search"][data-type="3"] >.r .tags >li{}

@media screen and (max-width: 1440px){
    [data-content="top_search"][data-type="2"] >.order{gap: 0.4rem 2rem;}
    [data-content="top_search"][data-type="2"] >.order >li:not(:last-child){padding-right: 2rem;}
    [data-content="top_search"][data-type="2"] >.inwrap .insearch{width: 55rem;}
}
@media screen and (max-width: 1200px){
    [data-content="top_search"][data-type="2"] >.inwrap .insearch{width: 45rem;}
    [data-content="top_search"][data-type="3"] >.l{gap: 2rem 3rem;}
}
@media screen and (max-width: 1024px){
    [data-content="top_search"]{margin-bottom: 5rem;}
    [data-content="top_search"][data-type="2"] >.order{gap: 0.4rem 1.6rem;}
    [data-content="top_search"][data-type="2"] >.order >li:not(:last-child){padding-right: 1.6rem;}
    [data-content="top_search"][data-type="2"] >.order >li >a{font-size: 1.9rem;}
    [data-content="top_search"][data-type="2"] >.order >li >a:after{width: 2.2rem; height: 2.2rem;}
    [data-content="top_search"][data-type="2"] >.inwrap .insearch{width: 40rem;}
    [data-content="top_search"][data-type="3"]{display: block; }
    [data-content="top_search"][data-type="3"] >.l{gap: 1.2rem 2rem;}
    [data-content="top_search"][data-type="3"] >.l >div >b{margin-top: 1.4rem;}
    [data-content="top_search"][data-type="3"] >.r{justify-content: flex-start; margin-top: 1.4rem;}
    [data-content="top_search"][data-type="3"] >.r .tags{justify-content: flex-start; margin-top: 1.6rem;}
}
@media screen and (max-width: 840px){
    [data-content="top_search"][data-type="2"]{justify-content: center; gap: 2rem 0;}
    [data-content="top_search"][data-type="2"] >.inwrap{width: 100%;}
    [data-content="top_search"][data-type="2"] >.inwrap .insearch{width: 100%;}
}
@media screen and (max-width: 640px){
    [data-content="top_search"]{margin-bottom: 4rem;}
    [data-content="top_search"] .inwrap{gap: 0.6rem;}
    [data-content="top_search"] .inwrap select{height: 5.4rem;}
    [data-content="top_search"] .inwrap .insearch input{height: 5rem;}
}
@media screen and (max-width: 420px){
    [data-content="top_search"] .inwrap{flex-wrap: wrap; gap: 0.4rem;}
    [data-content="top_search"] .inwrap select{width: 100%; max-width: 100%;}
    [data-content="top_search"] .inwrap .insearch{max-width: 100%;}
}

/*-------------------------------------------------------------------
    4depth
-------------------------------------------------------------------*/
.depth_4{overflow-x: auto; margin-bottom: 3.6rem; text-align: center; }
.depth_4 >ul{display: inline-flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 0.8rem; width: auto;}
.depth_4 >ul >li{}
.depth_4 >ul >li >a{
    display: flex; flex-wrap: wrap; justify-content: center; align-content: center; height: 5rem; padding: 0 3rem; font-size: 1.8rem; font-weight: 600; color: #555; background-color: #fff; white-space: nowrap; border: 1px solid #DDD; border-radius: 10rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.depth_4 >ul >li.on >a{color: #fff; background-color: #17469E; border-color: #17469E;}
.depth_4 >ul >li >a:hover{border-color: #17469E;}

@media screen and (max-width: 1024px){
    .depth_4{margin-bottom: 2.8rem;}
    .depth_4 >ul{gap: 0.6rem;}
    .depth_4 >ul >li >a{height: 4.8rem; padding: 0 2.6rem; font-size: 1.7rem;}
}
@media screen and (max-width: 640px){
    .depth_4{margin-bottom: 2.4rem;}
    .depth_4 >ul{gap: 0.4rem;}
    .depth_4 >ul >li >a{height: 4.6rem; padding: 0 2.4rem;}
}

/*-------------------------------------------------------------------
    일정 정보
-------------------------------------------------------------------*/
[data-content="04_01"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 5.8rem;}
[data-content="04_01"] .cal_wrap{width: calc(100% - 5.8rem - 41rem);}
[data-content="04_01"] .cal_wrap .t{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 3.6rem;}
[data-content="04_01"] .cal_wrap .t a{
    display: block; width: 3.6rem; height: 3.6rem; background: url(../../../images/site/kor/content/cont0401_img01.svg) no-repeat center center / 100% auto; text-indent: -9999px;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="04_01"] .cal_wrap .t a:hover{
    -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem);
}
[data-content="04_01"] .cal_wrap .t a.next{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
[data-content="04_01"] .cal_wrap .t a.next:hover{
    -webkit-transform: rotate(180deg) translateX(-0.5rem); transform: rotate(180deg) translateX(-0.5rem);
}
[data-content="04_01"] .cal_wrap .t strong{color: #151515; font-size: 3.6rem; font-weight: 700; line-height: 1;}
[data-content="04_01"] .cal_wrap .cal_day{position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 1.4rem; margin-top: 4.4rem;}
[data-content="04_01"] .cal_wrap .cal_day .day{display: block; height: 3.6rem; color: #151515; font-size: 2rem; font-weight: 400; letter-spacing: -0.02rem; border-bottom: 1px solid #151515;}
[data-content="04_01"] .cal_wrap .calendar{position: relative; z-index: 0; display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-rows: minmax(12.8rem, auto); gap: 0 1.4rem;}
[data-content="04_01"] .cal_wrap .calendar .date{position: relative; border-bottom: 1px solid #DDD;}
[data-content="04_01"] .cal_wrap .calendar .date >a{display: block; width: 100%; height: 100%;}

[data-content="04_01"] .cal_wrap .calendar .cell{display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 4.2rem 0 2.7rem 0; border-bottom: 1px solid #ddd; font-size: 12px;}
[data-content="04_01"] .cal_wrap .calendar .cell:not(.current-month):before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; }
[data-content="04_01"] .cal_wrap .calendar .cell a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.1rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.2rem; color: #151515; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.017rem; box-sizing: border-box;}
[data-content="04_01"] .cal_wrap .calendar .cell.sun a{color: #FE3016;}
[data-content="04_01"] .cal_wrap .calendar .cell.today a{color: #fff;}
[data-content="04_01"] .cal_wrap .calendar .cell.today >a:before{content: ""; display: block; position: absolute; top: 0.7rem; left: 0.35rem; z-index: -1; width: 3.4rem; height: 3.4rem; background-color: #17469E; border-radius: 50%;}
[data-content="04_01"] .cal_wrap .calendar .cell.sat a{color: #17469E;}
[data-content="04_01"] .cal_wrap .calendar .cell:not(.current-month) a{color: #CCC;}
[data-content="04_01"] .cal_wrap .calendar .cell.today:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*border: 2px solid #17469E;*/}
[data-content="04_01"] .cal_wrap .calendar .cell.today >a > span{text-transform: uppercase; color: #17469E; font-size: 1.4rem; line-height: 1.8; letter-spacing: -0.014rem; font-weight: 800;}
[data-content="04_01"] .cal_wrap .calendar .event-list{display: flex; flex-direction: column; gap: 0.2rem; width: 100%; position: relative; z-index: 3;}

[data-content="04_01"] .cal_wrap .calendar .event-list .event{display: block; position: relative; width: 100%; height: 28px; font-size: 14px; line-height: 1.4; font-weight: 500; text-align: center; letter-spacing: -0.14px; box-sizing: border-box;}
[data-content="04_01"] .cal_wrap .calendar .event-list .event:nth-child(n+2){margin-top: 0 !important;}
[data-content="04_01"] .cal_wrap .calendar .event-list .event span{overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; white-space: nowrap; text-overflow: ellipsis;  padding: 0.5rem 1rem; }
[data-content="04_01"] .cal_wrap .calendar .event-list .event.c_green{background-color: rgba(27, 166, 9, 0.15); color: #1BA609;}
[data-content="04_01"] .cal_wrap .calendar .event-list .event.c_red{background-color: rgba(255, 0, 0, 0.15); color: #F00;}
[data-content="04_01"] .cal_desc{width: 41rem; padding: 3rem; background: url(../../../images/site/kor/content/cont0401_img02.png);}
[data-content="04_01"] .cal_desc .titles{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem; width: 100%; color: rgba(255, 255, 255, 0.60); font-size: 2.6rem; font-weight: 700;}
[data-content="04_01"] .cal_desc .titles strong{color: rgba(255, 255, 255, 0.60); font-size: 2.6rem; font-weight: 600;}
[data-content="04_01"] .cal_desc .titles strong b{color: #fff; font-weight: 600;}
[data-content="04_01"] .cal_desc .titles:before{content: ""; display: block; width: 2.8rem; height: 2.8rem; background: url(../../../images/site/kor/content/cont0401_img03.svg) no-repeat center center / 100% auto;}
[data-content="04_01"] .cal_desc .d_wrap{margin-top: 2.4rem; padding-top: 3rem; border-top: 1px solid #FFF;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-btn]{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 1rem;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-btn] >li{display: block; width: 100%; height: 100%;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-btn] >li >a{
    display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; height: 100%; min-height: 5rem; padding: 1rem; color: #FFF; font-size: 1.8rem; font-weight: 600; border: 1px solid #FFF; border-radius: 10rem; background-color: transparent;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-btn] >li >a:hover,
[data-content="04_01"] .cal_desc .d_wrap [data-tab-btn] >li.active >a{background-color: #fff; color: #555;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-cont]{margin-top: 2rem;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.4rem; width: 100%;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul li{width: 100%; color: #FFF; font-size: 1.6rem; line-height: 1.4;}
[data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul li p{color: rgba(255, 255, 255, 0.60);}

@media screen and (max-width: 1440px){
    [data-content="04_01"]{gap: 4rem;}
    [data-content="04_01"] .cal_wrap{width: calc(100% - 35rem - 4rem);}
    [data-content="04_01"] .cal_desc{width: 35rem; padding: 2.5rem;}
}
@media screen and (max-width: 1200px){
    [data-content="04_01"]{gap: 3rem;}
    [data-content="04_01"] .cal_wrap{width: calc(100% - 35rem - 3rem);}
    [data-content="04_01"] .cal_desc{width: 35rem; padding: 2.5rem;}
}
@media screen and (max-width: 1024px){
    [data-content="04_01"]{gap: 3rem; align-items: flex-start;}
    [data-content="04_01"] .cal_wrap{width: 100%;}
    [data-content="04_01"] .cal_wrap .t strong{font-size: 3.4rem;}
    [data-content="04_01"] .cal_wrap .cal_day{margin-top: 3rem;}
    [data-content="04_01"] .cal_desc{width: 100%; padding: 2.5rem;}
    [data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul{}
    [data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul >li{width: calc((100% - 1.4rem) / 2);}
}
@media screen and (max-width: 640px){
    [data-content="04_01"] .cal_wrap .t strong{font-size: 3rem;}
    [data-content="04_01"] .cal_wrap .cal_day{margin-top: 2rem;}
    [data-content="04_01"] .cal_wrap .cal_day .day{font-size: 1.8rem;}
    [data-content="04_01"] .cal_wrap .calendar{grid-auto-rows: minmax(4rem, auto);}
    [data-content="04_01"] .cal_wrap .calendar .cell.today span{display: none;}
    [data-content="04_01"] .cal_wrap .calendar .event-list .event{font-size: 12px;}
}
@media screen and (max-width: 480px){
    [data-content="04_01"] .cal_desc{padding: 2rem;}
    [data-content="04_01"] .cal_desc .d_wrap{margin-top: 2rem; padding-top: 2rem;}
    [data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul{gap: 1rem;}
    [data-content="04_01"] .cal_desc .d_wrap [data-tab-cont] ul >li{width: 100%;}
}

/*-------------------------------------------------------------------
    행사·프로그램 정보 리스트
-------------------------------------------------------------------*/
[data-content="05_01"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 6rem;}
[data-content="05_01"] >li{width: calc((100% - 6rem) / 2);}
[data-content="05_01"] >li >a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4rem;}
[data-content="05_01"] >li >a >.imgs{overflow: hidden; display: block; position: relative; width: 43.48%; height: 0; padding-top: 57.973%; border-radius: 2rem; background-color: #FAFAFA; background-repeat: no-repeat; background-position: center center; background-size: cover;}
[data-content="05_01"] >li >a >.imgs:before{content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(5px);}
[data-content="05_01"] >li >a >.imgs img{
    display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform-origin: top left;
    -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="05_01"] >li >a:hover >.imgs img{
    -webkit-transform: scale(1.15) translate(-50%,-50%); transform: scale(1.15) translate(-50%,-50%);
}
[data-content="05_01"] >li >a >.desc{width: calc(100% - 43.48% - 4rem); padding-top: 0.8rem;}
[data-content="05_01"] >li >a >.desc >i{display: inline-block; margin-bottom: 0.6rem; padding: 0.5rem 1.4rem; color: #17469E; font-size: 1.3rem; font-weight: 600; background-color: #fff; border: 1px solid #17469E; border-radius: 100rem;}
[data-content="05_01"] >li >a >.desc >strong{display: block; color: #151515; font-size: 2.4rem; font-weight: 700; line-height: 1.4;}
[data-content="05_01"] >li >a >.desc >span{display: block; margin-top: 0.8rem; color: #717171; font-size: 1.7rem; font-weight: 400;}
[data-content="05_01"] >li >a >.desc >em{display: block; margin-top: 0.8rem; color: #555; font-size: 1.7rem; font-weight: 600; }
[data-content="05_01"] >li >a >.desc >ul{margin-top: 1rem; padding-top: 1.6rem; border-top: 1px solid #17469E;}
[data-content="05_01"] >li >a >.desc >ul >li{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; gap: 1.2rem; font-size: 1.7rem;}
[data-content="05_01"] >li >a >.desc >ul >li:not(:first-child){margin-top: 0.4rem;}
[data-content="05_01"] >li >a >.desc >ul >li em{display: block; width: 7.6rem; color: #353535; font-weight: 500; line-height: 1.6;}
[data-content="05_01"] >li >a >.desc >ul >li p{flex: 1; color: #555; font-weight: 400; line-height: 1.6; letter-spacing: -0.02rem;}

@media screen and (max-width: 1200px){
    [data-content="05_01"]{gap: 5rem;}
    [data-content="05_01"] >li >a{gap: 3rem;}
    [data-content="05_01"] >li >a >.desc{width: calc(100% - 43.48% - 3rem);}
    [data-content="05_01"] >li >a >.desc >strong{font-size: 2.2rem;}
    [data-content="05_01"] >li >a >.desc >span{margin-top: 0.6rem; font-size: 1.5rem;}
    [data-content="05_01"] >li >a >.desc >em{margin-top: 0.6rem; font-size: 1.6rem;}
    [data-content="05_01"] >li >a >.desc >ul{margin-top: 0.8rem; padding-top: 1.2rem;}
    [data-content="05_01"] >li >a >.desc >ul >li{gap: 1rem; font-size: 1.5rem;}
}
@media screen and (max-width: 1100px){
    [data-content="05_01"]{gap: 4rem;}
    [data-content="05_01"] >li >a{gap: 2.5rem;}
    [data-content="05_01"] >li >a >.desc{width: calc(100% - 43.48% - 2.5rem);}
}
@media screen and (max-width: 960px){
    [data-content="05_01"]{gap: 2.4rem;}
    [data-content="05_01"] >li{width: 100%;}
    [data-content="05_01"] >li >a >.imgs{width: 26rem; padding-top: 32rem;}
    [data-content="05_01"] >li >a >.desc{width: calc(100% - 26rem - 2.5rem)}
    [data-content="05_01"] >li >a >.desc >strong{font-size: 2.4rem;}
    [data-content="05_01"] >li >a >.desc >span{font-size: 1.6rem;}
    [data-content="05_01"] >li >a >.desc >em{font-size: 1.7rem;}
    [data-content="05_01"] >li >a >.desc >ul >li{font-size: 1.6rem;}
}
@media screen and (max-width: 640px){
    [data-content="05_01"]{gap: 2rem;}
    [data-content="05_01"] >li >a >.imgs{width: calc(43.48% * 0.8); padding-top: calc(57.973% * 0.8);}
    [data-content="05_01"] >li >a >.desc{width: calc(100% - (43.48% * 0.8) - 2.5rem)}
}
@media screen and (max-width: 480px){
    [data-content="05_01"]{gap: 3rem;}
    [data-content="05_01"] >li >a{gap: 1rem;}
    [data-content="05_01"] >li >a >.imgs{width: 100%; padding-top: 100%;}
    [data-content="05_01"] >li >a >.desc{width: 100%;}
    [data-content="05_01"] >li >a >.desc >strong{font-size: 2.2rem;}
    [data-content="05_01"] >li >a >.desc >span{font-size: 1.5rem;}
    [data-content="05_01"] >li >a >.desc >em{font-size: 1.6rem;}
    [data-content="05_01"] >li >a >.desc >ul >li{font-size: 1.5rem;}
}

/*-------------------------------------------------------------------
    행사·프로그램 정보 상세
-------------------------------------------------------------------*/
[data-content="05_02"]{display: flex; flex-wrap: nowrap; position: relative; }
[data-content="05_02"] .imgs{overflow: hidden; display: block; position: relative; width: 45.487%; height: 0; padding-top: 60.695%; border-radius: 2rem; margin-right: 4.7%; margin-bottom: 4.7%; background-color: #fff;}
[data-content="05_02"] .imgs img{
    display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform-origin: top left; object-fit: contain; background-color: #FAFAFA;
    -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
[data-content="05_02"] .imgs .swiper{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
[data-content="05_02"] .imgs .swiper img{
    opacity: 0; visibility: hidden;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="05_02"] .imgs .swiper .swiper-slide-active img{opacity: 1; visibility: visible;}

[data-content="05_02"] .imgs .swiper .prev,
[data-content="05_02"] .imgs .swiper .next{
    display: block; position: absolute; top: 50%; left: 1rem; z-index: 1; width: 4rem; height: 4rem; text-indent: -9999px; background: rgba(0,0,0,0.5) url(../../../images/site/kor/content/cont0502_img07.svg) no-repeat center center / 1.6rem auto; cursor: pointer; border-radius: 50%;
    -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="05_02"] .imgs .swiper .prev.swiper-button-lock,
[data-content="05_02"] .imgs .swiper .next.swiper-button-lock{display: none;}
[data-content="05_02"] .imgs .swiper .next{
    left: auto; right: 1rem;
  -webkit-transform: translate(0,-50%) rotate(180deg); transform: translate(0,-50%) rotate(180deg);
}
[data-content="05_02"] .imgs .swiper .prev:hover,
[data-content="05_02"] .imgs .swiper .next:hover{background-color: rgba(0,0,0,0.8);}
[data-content="05_02"] .desc{flex: 1; padding-top: 2.6rem;}
[data-content="05_02"] .desc >i{display: inline-block; margin-bottom: 0.6rem; padding: 0.5rem 1.4rem; color: #17469E; font-size: 1.4rem; font-weight: 600; background-color: #fff; border: 1px solid #17469E; border-radius: 100rem;}
[data-content="05_02"] .desc >strong{display: block; font-size: 3rem; color: #151515; font-weight: 600; line-height: 1.4;}
[data-content="05_02"] .desc >.links{display: block; width: 100%; margin-top: 1.8rem; padding: 2.4rem 3rem; background-color: #FAFAFA; border-top: 2px solid #2D2D2D;}
[data-content="05_02"] .desc >.links li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.4rem 2.4rem; position: relative; padding-left: 3.2rem; color: #555; font-size: 1.7rem; font-weight: 500; line-height: 1.4;}
[data-content="05_02"] .desc >.links li:not(:first-child){margin-top: 0.5rem;}
[data-content="05_02"] .desc >.links li:before{content: ""; display: block; position: absolute; top: 0.6rem; left: 0; width: 2.4rem; height: 2.4rem; background: url(../../../images/site/kor/content/cont0502_img04.svg) no-repeat center center / 100% auto;}
[data-content="05_02"] .desc >.links li.down:before{background-image: url(../../../images/site/kor/content/cont0502_img01.svg);}
[data-content="05_02"] .desc >.links li:not(.down){min-height: 3.6rem;}
[data-content="05_02"] .desc >.links li:not(.down) a{color: #353535; text-decoration: underline; text-underline-position: under;}
[data-content="05_02"] .desc >.links li.down a{
    display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.6rem; padding: 0.7rem 1rem; color: #555; font-size: 1.6rem; line-height: 1; background-color: #fff; border: 1px solid #DDD; border-radius: 0.8rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="05_02"] .desc >.links li.down a:hover{background-color: #555; border-color: #555; color: #fff;}
[data-content="05_02"] .desc >.links li.down a:before{
    content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/cont0502_img02.svg) no-repeat center center / 100% auto;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="05_02"] .desc >.links li.down a:hover:before{background-image: url(../../../images/site/kor/content/cont0502_img03.svg);}
[data-content="05_02"] .desc >.links li.down a.icon_prev:before{background-image: url(../../../images/site/kor/content/cont0502_img05.svg);}
[data-content="05_02"] .desc >.links li.down a.icon_prev:hover:before{background-image: url(../../../images/site/kor/content/cont0502_img06.svg);}
[data-content="05_02"] .desc >.cons{margin-top: 3rem;}
[data-content="05_02"] .desc >.cons >li{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 1rem;}
[data-content="05_02"] .desc >.cons >li:not(:first-child){margin-top: 2.2rem;}
[data-content="05_02"] .desc >.cons >li >em{display: block; width: 11rem; color: #151515; font-size: 2rem; font-weight: 600;}
[data-content="05_02"] .desc >.cons >li >div{flex: 1; color: #555; font-size: 2rem; font-weight: 400;}
[data-content="05_02"] .desc >.btn_wrap{margin-top: 7rem;}

@media screen and (max-width: 1200px){
    [data-content="05_02"] .imgs{width: calc(45.487% * 0.8); padding-top: calc(60.695% * 0.8); margin-right: calc(4.7% * 0.8); margin-bottom: calc(4.7% * 0.8);}
    [data-content="05_02"] .desc{padding-top: 1.4rem;}
    [data-content="05_02"] .desc >strong{font-size: 2.8rem;}
    [data-content="05_02"] .desc >.links{margin-top: 1.2rem; padding: 1.2rem 2rem;}
    [data-content="05_02"] .desc >.links li{gap: 0.4rem 1.6rem; font-size: 1.5rem; padding-left: 2.8rem;}
    [data-content="05_02"] .desc >.links li:not(:first-child){margin-top: 0.4rem;}
    [data-content="05_02"] .desc >.links li:not(.down){min-height: 3.2rem;}
    [data-content="05_02"] .desc >.links li.down a{padding: 0.6rem 0.8rem; font-size: 1.4rem; gap: 0.4rem;}
    [data-content="05_02"] .desc >.links li.down a:before{width: 1.8rem; height: 1.8rem;}
    [data-content="05_02"] .desc >.cons{margin-top: 2.4rem;}
    [data-content="05_02"] .desc >.cons >li:not(:first-child){margin-top: 1.8rem;}
    [data-content="05_02"] .desc >.cons >li >em{width: 9rem; font-size: 1.8rem;}
    [data-content="05_02"] .desc >.cons >li >div{font-size: 1.8rem;}
}
@media screen and (max-width: 840px){
    [data-content="05_02"] .imgs{width: calc(45.487% * 0.7); padding-top: calc(60.695% * 0.7); margin-right: calc(4.7% * 0.7); margin-bottom: calc(4.7% * 0.7);}
    [data-content="05_02"] .desc >.cons >li{flex-wrap: wrap; gap: 0.4rem;}
    [data-content="05_02"] .desc >.cons >li:not(:first-child){margin-top: 1.4rem;}
    [data-content="05_02"] .desc >.cons >li >em{width: 100%;}
}
@media screen and (max-width: 700px){
    [data-content="05_02"]{flex-wrap: wrap; }
    [data-content="05_02"] .imgs{width: 100%; padding-top: 100%; margin-right: 0; margin-bottom: 0;}
    [data-content="05_02"] .desc{margin-top: 2.4rem; padding-top: 0;}
    [data-content="05_02"] .desc >.links{padding: 1rem;}
    [data-content="05_02"] .desc >.links li{font-size: 1.6rem;}
    [data-content="05_02"] .desc >.cons >li{flex-wrap: nowrap;}
    [data-content="05_02"] .desc >.cons >li >em{width: 8rem;}
}
@media screen and (max-width: 480px){
    [data-content="05_02"] .desc >.cons >li{flex-wrap: wrap;}
    [data-content="05_02"] .desc >.cons >li >em{width: 100%;}
}

/*-------------------------------------------------------------------
    소개 > 예술감독
-------------------------------------------------------------------*/
[data-content="01_01_03"]{position: relative;}
[data-content="01_01_03"]:after{content: ""; display: block; clear: both;}
[data-content="01_01_03"] .imgs{float: left; position: relative; width: 43.056%; height: 0; padding-top: 35.417%; margin-right: 8%; margin-bottom: 3rem; background: url(../../../images/site/kor/content/cont010103_img01.png) no-repeat center / cover; text-indent: -9999px;}
[data-content="01_01_03"] .desc{}
[data-content="01_01_03"] .desc strong{display: block; color: #1D1D1D; font-weight: 700; font-size: 2.4rem; line-height: 1.6; }
[data-content="01_01_03"] .desc strong i{display: block; font-size: 1.7rem; font-weight: 400;}
[data-content="01_01_03"] .desc strong span{color: #AAA; font-weight: 500;}
[data-content="01_01_03"] .desc p{margin-top: 2rem; color: #151515; font-size: 2rem; font-weight: 500; line-height: 1.6;}

@media screen and (max-width: 1440px){
    [data-content="01_01_03"] .imgs{margin-right: 7rem; margin-bottom: 4rem;}
}
@media screen and (max-width: 1200px){
    [data-content="01_01_03"] .imgs{margin-right: 5rem; margin-bottom: 3rem;}
    [data-content="01_01_03"] .desc p{font-size: 1.8rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01_01_03"] .imgs{margin-right: 3rem; margin-bottom: 2rem;}
    [data-content="01_01_03"] .imgs div{padding-right: 6%;}
    [data-content="01_01_03"] .imgs div strong{font-size: 3.6rem;}
    [data-content="01_01_03"] .desc{padding-top: 1.2rem;}
    [data-content="01_01_03"] .desc h4{line-height: 1.4; margin-bottom: 0.7rem;}
    [data-content="01_01_03"] .desc p{font-size: 1.7rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_01_03"] .imgs{float: none; width: 100%; padding-top: 70%; margin-right: 0; margin-bottom: 2rem;}
    [data-content="01_01_03"] .desc{padding-top: 0;}
    [data-content="01_01_03"] .desc p{margin-top: 1rem; font-size: 1.8rem;}
}

/*-------------------------------------------------------------------
    소개 > 개최장소
-------------------------------------------------------------------*/
[data-content="01_01_04"]{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;  position: relative; padding-top: 5.6rem; text-align: center; }
[data-content="01_01_04"]:before{content: ""; position: absolute; top: 0; left: -50vw; width: 100vw; height: calc(100% + 11rem); margin-left: 50%; background-color: #669AFF;}
[data-content="01_01_04"] >*{position: relative;}
[data-content="01_01_04"] >.titles{display: block; position: relative ; z-index: 1; width: 100%; color: #FFF; text-align: center; font-size: 3.6rem;}
[data-content="01_01_04"] .tips{display: inline-flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 0.6rem; z-index: 1; margin: 2rem auto 0; padding: 1rem 1.6rem; color: #17469E; font-size: 2rem; font-weight: 600; line-height: 1.2; white-space: nowrap; background-color: #fff; border-radius: 10rem;}
[data-content="01_01_04"] .tips:after{content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/cont010104_img07.svg) no-repeat center center / 100% auto;}
[data-content="01_01_04"] .box{overflow: hidden; display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; width: 50.695%; margin-right: calc((1614px - 1440px) * -0.5); margin-top: 9.3rem; border-radius: 2rem; box-shadow: 0 6px 40px 0 rgba(23, 70, 158, 0.15)}
[data-content="01_01_04"] .maps{
    position: absolute; top: 0; left: 50%; width: 100vw; max-width: 1920px; height: calc(100% + 11rem);
    -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
[data-content="01_01_04"] .maps .svg{position: relative; width: 100%; height: 100%}
[data-content="01_01_04"] .maps .svg:before{content: "";display: block;position: absolute;top: 0;left: calc(100% - 1px);width: 100%;height: 100%;background-color: #94b8ff;z-index: 1;}
[data-content="01_01_04"] .maps .svg svg{
    position: absolute; top: 0; left: 50%; width: auto; min-width: 100%; height: 100%;
    transform: translateX(-50%);
}
[data-content="01_01_04"] .maps .svg svg *{
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_01_04"] .maps .svg [data-svg]{position: relative; z-index: 1; cursor: pointer; fill: #fff;}
[data-content="01_01_04"][data-svg="1"] .maps .svg svg [data-svg="1"] [data-svg-map],
[data-content="01_01_04"][data-svg="2"] .maps .svg svg [data-svg="2"] [data-svg-map]{fill: #17469E;}
[data-content="01_01_04"] .maps .svg svg [data-svg-border]{fill: #fff;}
[data-content="01_01_04"][data-svg="1"] .maps .svg svg [data-svg="1"] [data-svg-border],
[data-content="01_01_04"][data-svg="2"] .maps .svg svg [data-svg="2"] [data-svg-border]{fill: #022774; }
[data-content="01_01_04"] .maps .svg svg [data-svg-border]{fill: #fff;}
[data-content="01_01_04"][data-svg="1"] .maps .svg svg [data-svg="1"] [data-svg-border],
[data-content="01_01_04"][data-svg="2"] .maps .svg svg [data-svg="2"] [data-svg-border]{fill: #022774;}
[data-content="01_01_04"] .maps .svg svg [data-svg-text]{fill: #2D2D2D;}
[data-content="01_01_04"][data-svg="1"] .maps .svg svg [data-svg="1"] [data-svg-text],
[data-content="01_01_04"][data-svg="2"] .maps .svg svg [data-svg="2"] [data-svg-text]{fill: #fff;}
[data-content="01_01_04"] .maps .svg svg [data-svg-pin]{opacity: 0; visibility: hidden; }
[data-content="01_01_04"][data-svg="1"] .maps .svg svg [data-svg="1"] [data-svg-pin],
[data-content="01_01_04"][data-svg="2"] .maps .svg svg [data-svg="2"] [data-svg-pin]{opacity: 1; visibility: visible; }
[data-content="01_01_04"] .box .links{position: relative; width: 100%; border-radius: 2rem; background-color: #17469E; box-shadow: 0 6px 40px 0 rgba(23, 70, 158, 0.15);}
[data-content="01_01_04"] .box .links [data-svg]{display: none; position: relative; }
[data-content="01_01_04"][data-svg="1"] .box .links [data-svg="1"],
[data-content="01_01_04"][data-svg="2"] .box .links [data-svg="2"]{display: block; }
[data-content="01_01_04"] .box .links [data-svg] .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 3.2rem 4rem;}
[data-content="01_01_04"] .box .links [data-svg] .desc strong{display: block; margin-right: auto; color: #fff; font-size: 2.6rem; font-weight: 700; line-height: 1.2;}
[data-content="01_01_04"] .box .links [data-svg] .desc ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; gap: 0.8rem;}
[data-content="01_01_04"] .box .links [data-svg] .desc ul li{}
[data-content="01_01_04"] .box .links [data-svg] .desc ul li a{
    display: block; width: 4rem; height: 4rem; text-indent: -9999px; border-radius: 1.2rem; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_01_04"] .box .links [data-svg] .desc ul li a:hover{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.40);}
[data-content="01_01_04"] .box .links [data-svg] .desc ul li.ico1 a{background-image: url(../../../images/site/kor/content/cont010104_img04.png);}
[data-content="01_01_04"] .box .links [data-svg] .desc ul li.ico2 a{background-image: url(../../../images/site/kor/content/cont010104_img05.png);}
[data-content="01_01_04"] .box .links [data-svg] .desc ul li.ico3 a{background-image: url(../../../images/site/kor/content/cont010104_img06.png);}
[data-content="01_01_04"] .box .links [data-svg] .imgs{display: block; width: 100%;}
[data-content="01_01_04"] .box .links [data-svg] .imgs img{display: block; width: 100%;}

@media screen and (max-width: 1720px){
    [data-content="01_01_04"] .box{width: 40%; margin-right: 0;}
    [data-content="01_01_04"] .maps .svg svg{left: 55%;}
}
@media screen and (max-width: 1200px){
    [data-content="01_01_04"] .box .links [data-svg] .desc{padding: 3rem 2.5rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc ul li a{width: 3.6rem; height: 3.6rem; border-radius: 0.8rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01_01_04"]{padding-top: 4.4rem;}
    [data-content="01_01_04"] >.titles{font-size: 3.4rem;}
    [data-content="01_01_04"] .maps{height: 80rem}
    [data-content="01_01_04"] .maps .svg svg{
        top: 50%; left: 50%;
        transform: translate(-30%,-60%);
    }
    [data-content="01_01_04"] .box{width: 100%; margin-top: 45rem;}
    [data-content="01_01_04"] .tips{font-size: 1.8rem;}
    [data-content="01_01_04"] .tips:after{width: 1.8rem; height: 1.8rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc{padding: 2rem 2.5rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc strong{font-size: 2.4rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc ul{gap: 0.6rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc ul li a{width: 3.4rem; height: 3.4rem; border-radius: 0.6rem;}
}
@media screen and (max-width: 840px){
    [data-content="01_01_04"] .box .maps{width: 100%; max-width: 60rem; margin: 0 auto 3rem; }
    [data-content="01_01_04"] .box .links{width: 100%;}
    [data-content="01_01_04"] .box .links [data-svg] .desc{padding: 2.75rem 2.5rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc strong{font-size: 2.6rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc ul{gap: 0.8rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc ul li a{width: 3.8rem; height: 3.8rem;}
}
@media screen and (max-width: 740px){
    [data-content="01_01_04"] .maps{height: 66rem;top: 3rem;}
    [data-content="01_01_04"] .box{margin-top: 40rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_01_04"]{padding-top: 3.6rem;}
    [data-content="01_01_04"] >.titles{font-size: 3rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc{padding: 2.25rem 2rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc strong{font-size: 2.4rem;}
    [data-content="01_01_04"] .box .links [data-svg] .desc ul li a{width: 3.6rem; height: 3.6rem;}
}
@media screen and (max-width: 480px){

    [data-content="01_01_04"] .maps{height: 55rem;}
    [data-content="01_01_04"] .maps .svg svg{
        transform: translate(-28%,-50%);
    }
    [data-content="01_01_04"] .box{margin-top: 35rem;}
}

/*-------------------------------------------------------------------
    협찬/후원
-------------------------------------------------------------------*/
[data-content="01_01_06"]{margin-top: 3rem;}
[data-content="01_01_06"] .top_visual{position:relative;left:50%;width:100vw;height:38rem;margin:0 0 5.7rem -50vw;background:url(../../../images/site/kor/content/cont010106_top.jpg) center/cover no-repeat}
[data-content="01_01_06"] .top_visual:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%)}
[data-content="01_01_06"] .top_visual .top_text{display:block;max-width:calc(144rem + 4rem);margin:0 auto;padding:8rem 2rem 0;position:relative;color:#fff;font-size:4.4rem;font-weight:700;z-index:1}
[data-content="01_01_06"] .top_tit{font-size:2rem;line-height:1.5;font-weight:500}
[data-content="01_01_06"] .title2:first-of-type{margin-top:6.4rem}
[data-content="01_01_06"] .box1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
[data-content="01_01_06"] .box1 li{width:calc((100% - 6rem) / 4)}
[data-content="01_01_06"] .box1 li a{
    overflow: hidden; display: block; width: 100%; border: 1px solid #EEE; border-radius: 0.8rem;
    -webkit-transition: all 0.2s linear;transition: all 0.2s linear;
}
[data-content="01_01_06"] .box1 li a:hover{border-color: #17469E;}
[data-content="01_01_06"] .box1 li a img{display: block; max-width: 75%; object-fit: cover;margin:0 auto}
[data-content="01_01_06"] .box2{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: flex-end;padding-bottom: 3rem; border-bottom: 1px solid #DDD;}
[data-content="01_01_06"] .box2 .l{font-size:1.8rem;line-height:2}
[data-content="01_01_06"] .box2 h4{margin-bottom: 0.8rem;}
[data-content="01_01_06"] .box2 h4:not(:first-child){margin-top: 3rem; padding-top: 4rem; border-top: 1px solid #DDD;}
[data-content="01_01_06"] .box2 p{color: #353535; font-size: 1.7rem; font-weight: 400; line-height: 2;}
[data-content="01_01_06"] .box2 .view_btn{height:6.5rem;font-size:2.2rem;border-radius:3.5rem}

@media screen and (max-width: 1200px){
    [data-content="01_01_06"]{margin-top: 2rem;}
    [data-content="01_01_06"] .box1{gap: 1.5rem;}
    [data-content="01_01_06"] .box1 li{width: calc((100% - 4.5rem) / 4); max-width: none;}
    [data-content="01_01_06"] .box2{padding-bottom: 2.6rem;}
    [data-content="01_01_06"] .box2 h4:not(:first-child){margin-top: 2.6rem; padding-top: 3.6rem;}
}
@media screen and (max-width: 1100px){
    [data-content="01_01_06"] .top_visual .top_text{font-size:3.8rem;text-align:center}
}
@media screen and (max-width: 1024px){
    [data-content="01_01_06"]{margin-top: 0;}
    [data-content="01_01_06"] .top_visual .top_text{font-size:3.5rem}
    [data-content="01_01_06"] .box1{gap: 1.5rem;}
    [data-content="01_01_06"] .box1 li{width: calc((100% - 3rem) / 3);}
    [data-content="01_01_06"] .box2{padding-bottom: 2.2rem;}
    [data-content="01_01_06"] .box2 h4:not(:first-child){margin-top: 2.2rem; padding-top: 3.2rem;}
    [data-content="01_01_06"] .box2 h4{margin-bottom: 0.7rem;}
    [data-content="01_01_06"] .box2 p{font-size: 1.7rem; line-height: 1.8;}
    [data-content="01_01_06"] .title2:first-of-type{margin-top: 5.4rem;}
}
@media screen and (max-width:800px){
    [data-content="01_01_06"] .top_visual .top_text{padding-top:5rem;font-size:2.8rem}
}
@media screen and (max-width: 640px){
    [data-content="01_01_06"] .title2:first-of-type{margin-top: 4.4rem;}
    [data-content="01_01_06"] .box1{gap: 1.25rem;}
    [data-content="01_01_06"] .box1 li{width: calc((100% - 1.25rem) / 2);}
    [data-content="01_01_06"] .box1 li a img{max-width:80%}
    [data-content="01_01_06"] .box2{gap:1rem}
    [data-content="01_01_06"] .box2 .l{width:100%}
    [data-content="01_01_06"] .box2 h4:not(:first-child){ padding-top: 2.8rem;}
    [data-content="01_01_06"] .box2 p{font-size: 1.8rem; line-height: 1.7;}
}

/*-------------------------------------------------------------------
    방문 > 관람안내
-------------------------------------------------------------------*/
[data-content="01_03_01"]{}
[data-content="01_03_01"] .box1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;position: relative; height: 60rem;}
[data-content="01_03_01"] .box1 img{position: absolute; top: 0; left: -50vw; display: block; width: 100vw; height: 100%; margin-left: 50%; object-fit: cover;}
[data-content="01_03_01"] .box1 .desc{display: flex; justify-content: flex-start; align-items: stretch; gap: 5rem; position: relative; width: auto; max-width: 100%; padding: 6rem 6rem 0 0;  background-color: #fff;}
[data-content="01_03_01"] .box1 .desc:before{content: ""; display: block; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background-color: #fff;}
[data-content="01_03_01"] .box1 .desc li{position: relative;}
[data-content="01_03_01"] .box1 .desc li strong{display: block; color: #151515; font-size: 2rem; font-weight: 700; line-height: 1.2;}
[data-content="01_03_01"] .box1 .desc li div{margin-top: 2rem; font-size: 1.7rem; font-weight: 400; line-height: 1.2; color: #555;}
[data-content="01_03_01"] .box1 .desc li div em{display: block; margin-bottom: 0.8rem; color: #353535; font-size: 2.4rem; font-weight: 800; line-height: 1.2;}
[data-content="01_03_01"] .box2{margin-top: 4.8rem; border-top: 2px solid #000;}
[data-content="01_03_01"] .box2 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0; border-bottom: 1px solid #EEE;}
[data-content="01_03_01"] .box2 >li h3{width: 35rem; margin-top: 0; margin-bottom: 0; padding: 3.4rem 0;}
[data-content="01_03_01"] .box2 >li >ul{display: flex;flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; width: calc(100% - 35rem); padding: 4rem 0;}
[data-content="01_03_01"] .box2 >li >ul >li{position: relative; width: 100%; padding-left: 2.8rem; font-size: 1.7rem; color: #555; line-height: 1.4;}
[data-content="01_03_01"] .box2 >li >ul >li:not(:first-child){margin-top: 0.8rem;}
[data-content="01_03_01"] .box2 >li >ul >li:before{content: ""; display: block; position: absolute; top: 0.9rem; left: 1.4rem; width: 3px; height: 3px; background-color: #2D2D2D; border-radius: 50%;}
[data-content="01_03_01"] .box2 >li >ul >li span.fw_500{color: #2D2D2D;}
[data-content="01_03_01"] .box3{margin-top: 4rem; padding: 3.6rem 4rem; background: url(../../../images/site/kor/content/cont010301_img02.png);}
[data-content="01_03_01"] .box3 h5{color: #fff;}
[data-content="01_03_01"] .box3 ul{}
[data-content="01_03_01"] .box3 ul li{position: relative; padding-left: 2.4rem; color: rgba(255, 255, 255, 0.80); font-size: 1.7rem; font-weight: 400; line-height: 1.4;}
[data-content="01_03_01"] .box3 ul li:not(:first-child){margin-top: 0.4rem;}
[data-content="01_03_01"] .box3 ul li:before{content: ""; display: block; position: absolute; top: 0.9rem; left: 1rem; width: 3px; height: 3px; background-color: rgba(255, 255, 255, 0.80); border-radius: 50%;}

@media screen and (max-width: 1440px){
    [data-content="01_03_01"] .box1{height: 52rem;}
    [data-content="01_03_01"] .box1 .desc{gap: 5rem; padding: 5rem 5rem 0 0;}
    [data-content="01_03_01"] .box2 >li h3{width: 24rem; font-size: 2.7rem;}
    [data-content="01_03_01"] .box2 >li >ul{width: calc(100% - 24rem);}
}
@media screen and (max-width: 1024px){
    [data-content="01_03_01"] .box1{height: 48rem;}
    [data-content="01_03_01"] .box1 .desc{gap: 4rem; padding: 4rem 4rem 0 0;}
    [data-content="01_03_01"] .box1 .desc li strong{font-size: 1.9rem;}
    [data-content="01_03_01"] .box1 .desc li div{margin-top: 1.6rem;}
    [data-content="01_03_01"] .box1 .desc li div em{margin-bottom: 0.6rem; font-size: 2.2rem;}
    [data-content="01_03_01"] .box2 >li{gap: 0;}
    [data-content="01_03_01"] .box2 >li h3{width: 18rem; padding: 2.4rem 0; font-size: 2.4rem;}
    [data-content="01_03_01"] .box2 >li >ul{width: calc(100% - 18rem); padding: 2.5rem 0;}
    [data-content="01_03_01"] .box3{padding: 3rem;}
}
@media screen and (max-width: 740px){
    [data-content="01_03_01"] .box1{display: block; height: auto; }
    [data-content="01_03_01"] .box1 img{position: relative; top: auto; height: 30rem;}
    [data-content="01_03_01"] .box1 .desc{display: block; padding: 3rem 0 0 0;}
    [data-content="01_03_01"] .box1 .desc:before{display: none;}
    [data-content="01_03_01"] .box1 .desc li:not(:first-child){margin-top: 2rem;}
    [data-content="01_03_01"] .box1 .desc li div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; gap: 0.4rem; margin-top: 1rem;}
    [data-content="01_03_01"] .box1 .desc li div em{display: inline-block; margin-bottom: 0;}
}
@media screen and (max-width: 640px){
    [data-content="01_03_01"] .box2 >li{display: block; padding: 2.2rem 0}
    [data-content="01_03_01"] .box2 >li h3{width: 100%; padding: 0; font-size: 2.2rem;}
    [data-content="01_03_01"] .box2 >li >ul{width: 100%; margin-top: 1rem; padding: 0;}
    [data-content="01_03_01"] .box3{margin-top: 3rem; padding: 2.5rem 2rem;}
    [data-content="01_03_01"] .box3 h5{margin-bottom: 1rem;}
}
@media screen and (max-width: 480px){
    [data-content="01_03_01"] .box1 img{height: 26rem;}
    [data-content="01_03_01"] .box1 .desc li div em{width: 100%;}
}

/*-------------------------------------------------------------------
    방문 > 관람안내
-------------------------------------------------------------------*/
[data-content="01_03_02"]{width: 100%; max-width: 1065px; margin: 0 auto; }

/*-------------------------------------------------------------------
    방문 > 오시는 길
-------------------------------------------------------------------*/
[data-content="01_03_03"]{position: relative;}
[data-content="01_03_03"] [data-tab-btn]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin-bottom: 0; gap: 0.8rem;}
[data-content="01_03_03"] [data-tab-btn] li{}
[data-content="01_03_03"] [data-tab-btn] li *{display: block; line-height: 4.8rem; text-align: center; min-width: 12rem; background-color: #EEE; color: #AAA; font-size: 1.8rem; font-weight: 600; border-radius: 10rem; white-space: nowrap; border: 1px solid #EEE;}
[data-content="01_03_03"] [data-tab-btn] li a{
    color: #555; background-color: #fff; border-color: #2D2D2D;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_03_03"] [data-tab-btn] li.active a{border-color: #17469E; background-color: #17469E; color: #fff;}
[data-content="01_03_03"] [data-tab-btn] li a:hover{border-color: #17469E;}
[data-content="01_03_03"] [data-tab-cont]{margin-top: 3.2rem; }
[data-content="01_03_03"] [data-tab-cont] .map{overflow: hidden; display: grid; position: relative; width: 100%; height: 60rem; background-color: #eee; margin-bottom: 4.8rem; border-radius: 2rem;}
[data-content="01_03_03"] .map{overflow: hidden; width: 100%; height: 60rem; background-color: #eee; border-radius: 2rem;}
[data-content="01_03_03"] .map #map{overflow: hidden; position: relative; width: 100%; height: 100%;}
[data-content="01_03_03"] [data-tab-cont] .map ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;gap: 0.8rem;position: absolute;top: 1rem;right: 6rem;z-index: 3;}
[data-content="01_03_03"] [data-tab-cont] .map ul li{}
[data-content="01_03_03"] [data-tab-cont] .map ul li a{
    display: block; width: 4rem; height: 4rem; text-indent: -9999px; border-radius: 1.2rem; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_03_03"] [data-tab-cont] .map ul li a:hover{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.40);}
[data-content="01_03_03"] [data-tab-cont] .map ul li.ico1 a{background-image: url(../../../images/site/kor/content/cont010303_img01.png);}
[data-content="01_03_03"] [data-tab-cont] .map ul li.ico2 a{background-image: url(../../../images/site/kor/content/cont010303_img02.png);}
[data-content="01_03_03"] [data-tab-cont] .map ul li.ico3 a{background-image: url(../../../images/site/kor/content/cont010303_img03.png);}
[data-content="01_03_03"] [data-tab-cont] .box1{border-top: 2px solid #000;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0; border-bottom: 1px solid #EEE;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li h3{width: 35rem; margin-top: 0; margin-bottom: 0; padding: 3.4rem 0;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc{display: flex;flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; width: calc(100% - 35rem); padding: 4rem 0;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >ul.desc >li{position: relative; width: 100%; padding-left: 2.8rem; font-size: 1.7rem; color: #353535; line-height: 1.4;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >ul.desc >li:not(:first-child){margin-top: 0.8rem;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >ul.desc >li:before{content: ""; display: block; position: absolute; top: 0.9rem; left: 1.4rem; width: 3px; height: 3px; background-color: #2D2D2D; border-radius: 50%;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >div.desc{align-items: flex-start; gap: 2rem;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >div.desc{align-items: flex-start; gap: 2rem;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >div.desc >div{width: calc((100% - 2rem) / 2);}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >div.desc >div h6{color: #151515; font-weight: 600;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >div.desc >div h6 + [data-skin="table"]{margin-top: 1rem;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc >div >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem 2rem; margin-top: 1.2rem;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc >div >ul li{font-size: 1.5rem; font-weight: 400; line-height: 1.6;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc >div >ul li strong{color: #353535; font-weight: 500;}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc >div >ul li a.cal{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.2rem; color: #555; font-size: 1.5rem; font-weight: 400; line-height: 1.6}
[data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc >div >ul li a.cal:before{content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(../../../images/site/kor/content/cont010103_img04.svg) no-repeat center center / 100% auto;}

@media screen and (max-width: 1440px){
    [data-content="01_03_03"] [data-tab-cont] .map,
    [data-content="01_03_03"] .map{height: 53rem;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li h3{width: 24rem; font-size: 2.7rem;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc{width: calc(100% - 24rem);}
}
@media screen and (max-width: 1200px){
    [data-content="01_03_03"] [data-tab-cont] .box1 >li >div.desc >div{width: 100%;}
}
@media screen and (max-width: 1024px){
    [data-content="01_03_03"] [data-tab-btn] li *{min-width: 10rem; line-height: 4.4rem; font-weight: 500;}
    [data-content="01_03_03"] [data-tab-cont]{margin-top: 2.8rem;}
    [data-content="01_03_03"] [data-tab-cont] .map,
    [data-content="01_03_03"] .map{height: 48rem; margin-bottom: 3rem;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li{gap: 0;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li h3{width: 18rem; padding: 2.4rem 0; font-size: 2.4rem;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc{width: calc(100% - 18rem); padding: 2.5rem 0;}
}
@media screen and (max-width: 740px){
    [data-content="01_03_03"] [data-tab-cont]{margin-top: 2.6rem;}
    [data-content="01_03_03"] [data-tab-cont] .map,
    [data-content="01_03_03"] .map{height: 30rem; border-radius: 1rem; margin-bottom: 2.8rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_03_03"] [data-tab-btn]{overflow-x: auto; flex-wrap: nowrap; width: auto;}
    [data-content="01_03_03"] [data-tab-btn] li *{line-height: 4.2rem; font-size: 1.7rem;}
    [data-content="01_03_03"] [data-tab-cont] .map ul{top: 1.4rem; right: 7.4rem;}
    [data-content="01_03_03"] [data-tab-cont] .map ul li a{border-radius: 0.8rem;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li{display: block; padding: 2.2rem 0}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li h3{width: 100%; padding: 0; font-size: 2.2rem;}
    [data-content="01_03_03"] [data-tab-cont] .box1 >li >.desc{width: 100%; margin-top: 1rem; padding: 0;}
}
@media screen and (max-width: 480px){
    [data-content="01_03_03"] [data-tab-btn]{}
    [data-content="01_03_03"] [data-tab-cont]{margin-top: 2.4rem;}
    [data-content="01_03_03"] [data-tab-cont] .map,
    [data-content="01_03_03"] .map{height: 26rem; margin-bottom: 2.4rem;}
}

/*-------------------------------------------------------------------
    방문 > 주변 관광안내
-------------------------------------------------------------------*/
[data-content="01_03_04"]{border-top: 2px solid #000;}
[data-content="01_03_04"] >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0; border-bottom: 1px solid #EEE;}
[data-content="01_03_04"] >li >h3{width: 35rem; margin-top: 0; margin-bottom: 0; padding: 3.4rem 1rem 3.4rem 0;}
[data-content="01_03_04"] >li >h3 span{display: flex;flex-direction: column;align-content: flex-start;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;gap: 0.8rem;margin-top: 5rem;}
[data-content="01_03_04"] >li >h3 span a{display: inline-flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; gap: 0.2rem 0.8rem;width: auto;font-size: 1.7rem;font-weight: 600;color: #17469E;}
[data-content="01_03_04"] >li >h3 span a:after{
    content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/cont010304_img20.svg) no-repeat center center / 100% auto;
    -webkit-transform: translateX(0); transform: translateX(0);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_03_04"] >li >h3 span a:hover:after{
    -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem);
}
[data-content="01_03_04"] >li >div{display: block; width: calc(100% - 35rem); padding: 4rem 0;}
[data-content="01_03_04"] >li >div p{color: #555; font-size: 1.7rem; font-weight: 500; line-height: 1.6;}
[data-content="01_03_04"] >li >div a{display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.4rem; margin-top: 1.6rem; color: #2D2D2D; font-size: 1.7rem; font-weight: 600; line-height: 1.6;}
[data-content="01_03_04"] >li >div a span{
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #2D2D2D, #2D2D2D, #2D2D2D); background-size: 100% 0.1rem, 0 0.1rem !important; background-position: 100% 100%, 0 100% !important; background-repeat: no-repeat !important;
    -webkit-transition: background-size 0.2s; transition: background-size 0.2s;
}
[data-content="01_03_04"] >li >div a:hover span{background-size: 0 0.1rem, 100% 0.1rem !important;}
[data-content="01_03_04"] >li >div a:after{
    content: ""; display: block; width: 1.4rem; height: 1.4rem; background: url(../../../images/site/kor/content/cont010304_img19.svg) no-repeat center center / 100% auto;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_03_04"] >li >div a:hover:after{
    -webkit-transform: translateX(0.4rem); transform: translateX(0.4rem);
}
[data-content="01_03_04"] >li >div .imgs{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.8rem; margin-top: 1.6rem;}
[data-content="01_03_04"] >li >div .imgs img{display: block; max-width: calc((100% - 1.6rem) / 3); border: 1px solid #ddd;  border-radius: 1.2rem; object-fit: cover;}

@media screen and (max-width: 1440px){
    [data-content="01_03_04"] >li >h3{width: 24rem; font-size: 2.7rem;}
    [data-content="01_03_04"] >li >div{width: calc(100% - 24rem);}
}
@media screen and (max-width: 1024px){
    [data-content="01_03_04"] >li{gap: 0;}
    [data-content="01_03_04"] >li >h3{width: 18rem; padding: 2.4rem 1rem 2.4rem 0; font-size: 2.4rem;}
    [data-content="01_03_04"] >li >h3 span{gap: 0.5rem; margin-top: 4rem;}
    [data-content="01_03_04"] >li >div{width: calc(100% - 18rem); padding: 2.5rem 0;}
    [data-content="01_03_04"] >li >div p{font-size: 1.6rem;}
    [data-content="01_03_04"] >li >div a{margin-top: 1rem; font-size: 1.6rem;}
    [data-content="01_03_04"] >li >div .imgs{margin-top: 1.2rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_03_04"] >li{display: block; padding: 2.2rem 0;}
    [data-content="01_03_04"] >li >h3{display: flex;width: 100%;padding: 0;font-size: 2.2rem;align-items: center;}
    [data-content="01_03_04"] >li >h3 span{flex-direction: row; gap: 0.4rem 1.2rem; margin-top: 0; margin-left: auto;}
    [data-content="01_03_04"] >li >h3 span a:hover:after{
        -webkit-transform: translateX(0); transform: translateX(0);
    }
    [data-content="01_03_04"] >li >div{width: 100%; margin-top: 1rem; padding: 0;}
    [data-content="01_03_04"] >li >div a{margin-top: 0.8rem;}
    [data-content="01_03_04"] >li >div .imgs img{border-radius: 0.8rem;}
}
@media screen and (max-width: 480px){
    [data-content="01_03_04"] >li >h3{display: block;}
    [data-content="01_03_04"] >li >h3 span{margin-top: 1rem;}
    [data-content="01_03_04"] >li >div .imgs{gap: 0.4rem;}
    [data-content="01_03_04"] >li >div .imgs img{max-width: calc((100% - 0.8rem) / 3);}
}
@media screen and (max-width: 360px){
    [data-content="01_03_04"] >li >div .imgs{gap: 0.8rem;}
    [data-content="01_03_04"] >li >div .imgs img{width: 100%; max-width: none;}
}

/*-------------------------------------------------------------------
    전시·프로그램 > 장소
-------------------------------------------------------------------*/
.view_btn{display:inline-flex;align-items:center;height:5rem;padding:0 2.5rem;color:#fff;text-align: center; background:#17469E;border-radius:3rem;font-weight:600;font-size:1.8rem;transition:all .2s;border:1px solid transparent}
.view_btn:hover,
.view_btn:focus{border-color:#17469E;background:#fff;color:#17469E}

.detail_view_btn{display:block;width:100%;padding:2rem;border-radius:1.2rem;line-height:1.2}
.detail_view_btn > strong{display:inline-flex;align-items:center;font-size:2.4rem;font-weight:700;color:#1d1d1d}
.detail_view_btn > strong::after{content:"";display:inline-block;width:1.3rem;height:.8rem;margin-left:1.2rem;background:url(../../../images/site/kor/content/icon_bottom_arrow.svg) center/contain no-repeat;transition:all .2s}
.detail_view_btn > p{margin-top:1.6rem;font-size:2.2rem;font-weight:500;color:#555}
.detail_view_btn.active > strong::after{transform:rotate(180deg)}

.ex_location_wrap{/* max-width:119rem;margin:0 auto */}
.ex_loc{display:flex;flex-wrap:wrap;gap:0 6rem}
.ex_loc ~ .ex_loc{margin-top:8rem}
.ex_loc > li{display:flex;width:calc((100% - 6rem) / 2)}
.ex_loc > li:nth-child(1){justify-content:flex-start}
.ex_loc > li:nth-child(2){justify-content:flex-end}
.ex_loc > li > .item{display:flex;flex-direction:column;align-items:center;width:100%}
.ex_loc > li > .item > .img{margin-bottom:2.4rem;overflow: hidden;display:block;position:relative;width:100%;height:0;padding-top:63.769%}
.ex_loc > li > .item > .img::before{content:"";opacity:1;display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../../../images/site/kor/content/cont010202_img09.png) no-repeat center center / 100% 100%}
.ex_loc > li > .item > .img img{position: absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);object-fit:cover}
.ex_loc > li > .item > .img.t2{margin-left:-2rem}
.ex_loc > li > .item > .img img{display:inline;max-width:100%}
.ex_loc > li > .item > .detail_view_btn{max-width:44rem;margin-top:1.6rem}
.ex_loc > li > .item > .detail_view_btn.active{background:#F8F8F8}
.ex_loc > li[data-bg="2"] > .item > .img:before {background-image: url(../../../images/site/kor/content/cont010202_img10.png)}
.ex_loc > li[data-bg="3"] > .item > .img:before {background-image: url(../../../images/site/kor/content/cont010202_img08.png)}
.ex_loc > li[data-bg="4"] > .item > .img:before {background-image: url(../../../images/site/kor/content/cont010202_img07.png)}
.ex_loc > li[data-bg="5"] > .item > .img:before {background-image: url(../../../images/site/kor/content/cont010202_img11.png)}

.detail_wrap{max-width:119rem;margin:0 auto}
.detail_wrap .img{position:relative;overflow:hidden;border-radius:1.2rem;flex-shrink:0}
.detail_wrap .img img{max-width:100%;height:auto}
.detail_wrap .item_detail{display:none;margin-top:2rem;padding:3.2rem;transition:max-height .5s;background:#F8F8F8;border:1px solid #eee;border-radius:1.2rem}
.detail_wrap .item_detail.active{display:block}
.detail_wrap .item_detail > .tit{display:block;margin-bottom:2rem;font-size:2.4rem;color:#17469E;font-weight:800}
.detail_wrap .item_detail > .tit > span{font-size:1.8rem;font-weight:normal;color:#555}
.detail_wrap .item_detail .row_box{display:flex;align-items:flex-start}
.detail_wrap .item_detail .row_box .img{width:42.5rem;flex-shrink:0;overflow:hidden;border-radius:1.2rem}
.detail_wrap .item_detail .row_box .img img{max-width:100%;height:auto}
.detail_wrap .item_detail .row_box .col_item{padding-left:2.4rem;color:#353535;font-weight:500;font-size:1.7rem;line-height:2.7rem}
.detail_wrap .lst_wrap{margin-top:2.4rem;padding-top:2.4rem;border-top:1px solid #d8d8d8}
.detail_lst{display:flex;flex-wrap:wrap;align-items:flex-start;max-height:47.2rem;overflow-y:auto;gap:2.4rem}
.detail_lst > li{display:flex;width:calc((100% - 2.4rem)/2);align-items:flex-start}
.detail_lst > li > .img{width:18rem;height:14rem}
.detail_lst > li > .img img{max-width:inherit;width:100%;height:100%;object-fit:cover}
.detail_lst > li > .item{padding:0 0 0 1.6rem}
.detail_lst > li > .item > .tit{display:block;margin-bottom:1rem;color:#222;font-weight:600;font-size:1.6rem}
.detail_lst > li > .item > .desc{margin-bottom:1.2rem;font-weight:500;font-size:1.5rem;line-height:2.3rem}
.detail_lst > li > .item >a{display: block; position: relative; margin-top: 1.6rem; padding: 1.25rem 4.5rem 1.25rem 3.4rem; font-size: 12px; color: #17469E; font-weight: 600; letter-spacing: -0.012rem; background-color: #fff; border: 1px solid #17469E; box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.10); border-radius: 0.6rem; }
.detail_lst > li > .item >a:before{content: ""; display: block; position: absolute; top: 50%; left: 1rem; width: 1.8rem; height: 1.8rem; margin-top: -0.9rem; background: url(../../../images/site/kor/content/cont0102_img11.svg) no-repeat center center / 100% auto;}
.detail_lst > li > .item >a:after{
    content: ""; display: block; position: absolute; top: 50%; right: 0.9rem; width: 2.8rem; height: 2.8rem; margin-top: -1.4rem; background: #17469E url(../../../images/site/kor/content/cont0102_img12.svg) no-repeat center center / 100% auto; border-radius: 0.4rem; border: 1px solid #17469E;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.detail_lst > li > .item >a:hover:after{background-color: #fff; background-image: url(../../../images/site/kor/content/cont0102_img13.svg);}

@media screen and (max-width:1024px){
    .detail_wrap .item_detail .row_box .img{width:35rem}
    .detail_wrap .img{width:20rem}
    .detail_lst > li > .item{width: 100%; padding:1rem 0 0 1.6rem}
    .ex_loc ~ .ex_loc{margin-top: 6rem;}
    .ex_loc > li > .item > .detail_view_btn{padding: 1.75rem;}
    .detail_view_btn > strong{font-size: 2.2rem;}
    .detail_view_btn > p{margin-top: 1.4rem; font-size: 2rem;}
}
@media screen and (max-width:860px){
    .detail_lst > li{width:100%}
}
@media screen and (max-width:768px){
    .ex_loc{gap:0 3rem}
    .ex_loc > li{width:calc((100% - 3rem) / 2)}
    .detail_wrap .item_detail .row_box .img{width:30rem}
}
@media screen and (max-width:640px){
    .view_btn{padding:0 2rem}
    .detail_view_btn > strong{font-size:2.2rem}
    .detail_view_btn > strong::after{width:calc(1.3rem * 1.4);height:calc(.8rem * 1.4)}
    .detail_view_btn > p{margin-top: 1rem; font-size:1.8rem; line-height: 1.2;}
    .detail_wrap .item_detail{padding:3rem 2rem}
    .detail_wrap .item_detail .row_box{flex-direction:column}
    .detail_wrap .item_detail .row_box .img{width:100%}
    .detail_wrap .item_detail .row_box .img img{width:100%}
    .detail_wrap .item_detail .row_box .col_item{padding:2rem 0 0}
    .ex_loc{gap: 2rem;}
    .ex_loc ~ .ex_loc{margin-top: 4rem;}
    .ex_loc > li{width: calc((100% - 2rem) / 2);}
}
@media screen and (max-width:480px){
    .detail_lst{gap: 3rem;}
    .detail_lst > li{display: block; }
    .detail_lst > li > .img{width: 100%; height: auto; }
    .detail_lst > li > .item{margin-top: 1.4rem; padding: 0;}
    .detail_view_btn > strong{font-size:1.9rem}
    .ex_loc{gap: 1rem;}
    .ex_loc > li{width: calc((100% - 1rem) / 2);}
    .ex_loc > li > .item > .detail_view_btn{padding:1.5rem;}
    .detail_wrap .item_detail{padding: 2rem;}
}
/*-------------------------------------------------------------------
    전시해설
-------------------------------------------------------------------*/
[data-content="02_03"] .top_box {display: flex; align-items: center; justify-content: center; gap: 6rem; width: 100%; background: url(../../../images/site/kor/content/cont0401_img02.png);}
[data-content="02_03"] .top_box::before {content: ""; display: block; width: 37.5rem; height: 27.4rem; background: url(../../../images/site/kor/content/02_03_topbox_icon.png) no-repeat;}
[data-content="02_03"] .top_box p {position: relative; z-index: 5; color: #fff; font-size: 3rem; font-weight: 700;}
[data-content="02_03"] .con {margin-top: 6rem; display: flex; justify-content: space-between; min-height: 48rem;}
[data-content="02_03"] .con .txt { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;  gap: 2rem; width: 64rem; color: #1D1D1D;}
[data-content="02_03"] .con .txt .list {margin-top: 4rem; padding: 0 2rem 0 0; font-size: 2.1rem; font-weight: 600; }
[data-content="02_03"] .con .txt .list li {display: flex; align-items: flex-start;}
[data-content="02_03"] .con .txt .list li + li {margin-top: 2.4rem;}
[data-content="02_03"] .con .txt .list span {display: flex; margin-right: 3rem; color: #555; align-items: center;}
[data-content="02_03"] .con .txt .list span.list1::before{content: ""; display: inline-block; background: url(../../../images/site/kor/content/icon1.svg) no-repeat; width: 1.6rem; height: 2rem; margin-right: 0.8rem; background-size: contain;}
[data-content="02_03"] .con .txt .list span.list2::before{content: ""; display: inline-block; background: url(../../../images/site/kor/content/icon2.svg) no-repeat; width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; background-size: contain;}
[data-content="02_03"] .con .txt .list span.list3::before{content: ""; display: inline-block; background: url(../../../images/site/kor/content/icon3.svg) no-repeat; width: 1.8rem; height: 1.3rem; margin-right: 0.8rem; background-size: contain;}
[data-content="02_03"] .con .txt .list span.list4::before{content: ""; display: inline-block; background: url(../../../images/site/kor/content/icon4.svg) no-repeat; width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; background-size: contain;}
[data-content="02_03"] .con .txt .list p {display: inline-flex;}
[data-content="02_03"] .con .txt .bot_box {background: #F5F5F5; min-height: 14.5rem; padding: 2rem;}
[data-content="02_03"] .con .txt .bot_box ul li {font-weight: 500; display: flex; align-items: center; gap: 1rem; line-height: 2.4rem;}
[data-content="02_03"] .con .txt .bot_box ul li::before {content: ""; display: inline-block; border-radius: 100%; width: 0.4rem; height: 0.4rem; background-color: #1D1D1D;}
[data-content="02_03"] .con .thumb {overflow: hidden;}
[data-content="02_03"] .con .thumb img {display: block; width: auto; height: 100%; max-height: 100%;}

@media screen and (max-width: 1440px){
    [data-content="02_03"] .con .txt .top h3{margin-bottom: 2rem;}
    [data-content="02_03"] .con .txt .list {margin-top: 2rem;}
    [data-content="02_03"] .con .txt {width: 55%;}
    [data-content="02_03"] .con .thumb {width: 45%;position: relative;}
    [data-content="02_03"] .con .thumb img {position: absolute; top: 0; left: -39%;}
}
@media screen and (max-width: 1200px){
    [data-content="02_03"] .top_box {gap: 0; align-items: baseline; padding: 6rem; flex-direction: column-reverse; position: relative; overflow: hidden;}
    [data-content="02_03"] .top_box::before {position: absolute; background-size: 90%; right: -52px; bottom: -59px;}
}
@media screen and (max-width: 1024px){
    [data-content="02_03"] .con {flex-wrap: wrap; flex-direction: column-reverse; margin-top: 4rem;}
    [data-content="02_03"] .con .txt {width: 100%;}
    [data-content="02_03"] .con .txt .top h3 {margin-bottom: 1.8rem; margin-top: 1.8rem;}
    [data-content="02_03"] .con .txt .list li + li {margin-top: 0.4rem;}
    [data-content="02_03"] .con .txt .bot_box {min-height: 0;}
    [data-content="02_03"] .con .thumb {width: 100%;}
    [data-content="02_03"] .con .thumb img {width: 100%;position: relative; left: 0;}
}

/*-------------------------------------------------------------------
    전시 리스트
-------------------------------------------------------------------*/
[data-content="01_02_01"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4rem;}
[data-content="01_02_01"] >li{width: calc((100% - 8rem) / 3);}
[data-content="01_02_01"] >li >a{display: block; }
[data-content="01_02_01"] >li >a >.imgs{overflow: hidden; display: block; position: relative; width: 100%; height: 0; padding-top:88.3%; border-radius: 2rem;}
[data-content="01_02_01"] >li >a >.imgs >img{
    position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: auto; min-height: 100%; transform-origin: top left;
    -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_02_01"] >li >a:hover >.imgs >img{
    -webkit-transform: scale(1.15) translate(-50%,-50%); transform: scale(1.15) translate(-50%,-50%);
}
[data-content="01_02_01"] >li >a >.imgs .author{
    opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; width:37.527%; height: 35%;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_02_01"] >li >a:hover >.imgs .author{opacity: 1; visibility: visible;}
[data-content="01_02_01"] >li >a >.imgs .author:before{content: ""; display: block; position: absolute; top: -13%; right: -12%; width: calc(100% + 26%); height: calc(100% + 32%); background-color: #fff; border-radius: 0 2.4rem 0 0;}
[data-content="01_02_01"] >li >a >.imgs .author >span{overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.6rem;}
[data-content="01_02_01"] >li >a >.imgs .author >span >img{
    position: absolute; top: 50%; left: 50%; width: 100%; height: auto; min-height: 100%;
    -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
[data-content="01_02_01"] >li >a >.desc{display: flex; flex-wrap: wrap;justify-content: flex-start; align-items: stretch; margin-top: 3rem;}
[data-content="01_02_01"] >li >a >.desc >strong{display: block; width: 100%; margin-bottom: 1rem; color: #151515; font-size: 2.4rem; font-weight: 700; line-height: 1.2; }
[data-content="01_02_01"] >li >a >.desc >em{display: block; width: 19rem; margin-top: 0.8rem; padding-right: 1rem;  font-weight: 400; line-height: 1.2; font-size: 1.6rem; letter-spacing: -0.016rem; color: #555; font-weight: 300;}
[data-content="01_02_01"] >li >a >.desc >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: calc(100% - 19rem); padding-left: 2rem; border-left: 1px solid #DDD;}
[data-content="01_02_01"] >li >a >.desc >ul >li{width: 100%; position: relative; padding-left: 1.4rem; color: #555; font-size:
1.8rem; font-weight: 600; line-height: 1.6;}
[data-content="01_02_01"] >li >a >.desc >ul >li:not(:first-child){margin-top: 0.2rem;}
[data-content="01_02_01"] >li >a >.desc >ul >li:before{content: ""; position: absolute; top: 1.2rem; left: 0; width: 3px; height: 3px; background-color: #555; border-radius: 50%; }

@media screen and (max-width: 1440px){
    [data-content="01_02_01"]{gap: 5rem 4rem;}
    [data-content="01_02_01"] >li{width: calc((100% - 4rem) / 2);}
    [data-content="01_02_01"] >li >a >.desc{margin-top: 2.6rem;}
}
@media screen and (max-width: 1200px){
    [data-content="01_02_01"]{gap: 4rem 3rem;}
    [data-content="01_02_01"] >li{width: calc((100% - 3rem) / 2);}
    [data-content="01_02_01"] >li >a >.desc{display: block; }
    [data-content="01_02_01"] >li >a >.desc >em{width: 100%; padding-right: 0;}
    [data-content="01_02_01"] >li >a >.desc >ul{width: 100%; margin-top: 1.5rem; padding-left: 0; padding-top: 1.25rem; border-left: none; border-top: 1px solid #ddd;}
    [data-content="01_02_01"] >li >a >.desc >ul >li{font-size: 1.7rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01_02_01"]{gap: 3rem 2rem;}
    [data-content="01_02_01"] >li{width: calc((100% - 2rem) / 2);}
    [data-content="01_02_01"] >li >a >.desc{margin-top: 2rem;}
    [data-content="01_02_01"] >li >a >.desc >strong{font-size: 2.2rem;}
    [data-content="01_02_01"] >li >a >.desc >em{margin-top: 0.6rem; font-size: 1.5rem;}
    [data-content="01_02_01"] >li >a >.desc >ul{margin-top: 1.2rem; padding-top: 1rem;}
    [data-content="01_02_01"] >li >a >.desc >ul >li{font-size: 1.6rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_02_01"] >li >a >.imgs{border-radius: 1.4rem;}
    [data-content="01_02_01"] >li >a >.imgs .author:before{border-radius: 0 1.4rem 0 0;}
    [data-content="01_02_01"] >li >a >.imgs .author >span{border-radius: 0.8rem;}
    [data-content="01_02_01"] >li >a >.desc{margin-top: 1.2rem;}
}
@media screen and (max-width: 540px){
    [data-content="01_02_01"]{gap: 3rem 0;}
    [data-content="01_02_01"] >li{width: 100%;}
    [data-content="01_02_01"] >li >a >.desc{margin-top: 1.8rem;}
    [data-content="01_02_01"] >li >a >.desc >strong{font-size: 2.4rem;}
    [data-content="01_02_01"] >li >a >.desc >em{font-size: 1.6rem;}
    [data-content="01_02_01"] >li >a >.desc >ul{margin-top: 1.5rem; padding-top: 1.25rem;}
    [data-content="01_02_01"] >li >a >.desc >ul >li{font-size: 1.7rem;}
}

/*-------------------------------------------------------------------
    전시 상세
-------------------------------------------------------------------*/
[data-content="01_02_01_view"] .img_desc{display: block; margin-top: 7rem;padding-bottom:4rem;border-bottom:1px solid #d8d8d8}
[data-content="01_02_01_view"] .img_desc:first-of-type{margin-top: 0;}
[data-content="01_02_01_view"] .img_desc .img_info{display:flex;flex-wrap:wrap}
[data-content="01_02_01_view"] .img_desc .img_info .img{width:59.72%;flex-shrink:0}
[data-content="01_02_01_view"] .img_desc .img_info .img img{max-width:100%}
[data-content="01_02_01_view"] .img_desc .img_info .info{flex:1;padding-left:4rem}
[data-content="01_02_01_view"] .img_desc .img_info .t{display: flex;flex-direction:column; flex-wrap: wrap; justify-content: flex-start; align-items:flex-start;padding-bottom:2rem}
[data-content="01_02_01_view"] .img_desc .img_info .t > strong{display: block; margin-right: auto; color: #151515; font-size: 3rem; font-weight: 700; line-height: 1.4;}
[data-content="01_02_01_view"] .img_desc .img_info .audio_btn{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; gap: 1rem; position: relative; margin-bottom:3.2rem;}
[data-content="01_02_01_view"] .img_desc .img_info .audio_btn >a{
    display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.4rem;padding: 0.721rem 1.4rem; color: #17469E; font-weight: 500; line-height: 1.6; border: 1px solid #17469E; border-radius: 10rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_02_01_view"] .img_desc .img_info .audio_btn.play >a{background-color: #17469E; color: #fff;}
[data-content="01_02_01_view"] .img_desc .img_info .audio_btn >a:before{content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/cont0102_img08.svg) no-repeat center center / 100% auto;}
[data-content="01_02_01_view"] .img_desc .img_info .audio_btn.play >a:before{background-image: url(../../../images/site/kor/content/cont0102_img09.svg);}
[data-content="01_02_01_view"] .img_desc .img_info .audio_btn audio{max-width: 100%; height: 4.2rem; font-size: 1.6rem;}
[data-content="01_02_01_view"] .img_desc .img_info .info .caption{font-size:1.7rem;line-height:1.4;font-weight:500;color:#4f4f4f}
[data-content="01_02_01_view"] .img_desc .img_info .info >ul{padding-top:2rem}
[data-content="01_02_01_view"] .img_desc .img_info .info >ul >li{position: relative; padding-left: 1rem; color: #555; font-size: 1.7rem; font-weight: 500; line-height: 1.4;}
[data-content="01_02_01_view"] .img_desc .img_info .info >ul >li:not(:first-child){margin-top: 0.8rem;}
[data-content="01_02_01_view"] .img_desc .img_info .info >ul >li:before{content: ""; display: block; position: absolute; top: 0.9rem; left: 0; width: 3px; height: 3px; background-color: #555; border-radius: 50%;}
[data-content="01_02_01_view"] .img_desc .desc_box{margin-top:3.2rem;padding-top:3.2rem;border-top:1px solid #eee}
[data-content="01_02_01_view"] .img_desc .desc{width:100%;color: #333; font-size: 1.7rem; font-weight: 500; line-height: 1.4;}
[data-content="01_02_01_view"] .img_desc .desc_box >a{display: block; position: relative; margin-top: 1.6rem; padding: 1.25rem 4.5rem 1.25rem 3.4rem; font-size: 12px; color: #17469E; font-weight: 600; letter-spacing: -0.012rem;  border: 1px solid #17469E; box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.10); border-radius: 0.6rem; }
[data-content="01_02_01_view"] .img_desc .desc_box >a:before{content: ""; display: block; position: absolute; top: 50%; left: 1rem; width: 1.8rem; height: 1.8rem; margin-top: -0.9rem; background: url(../../../images/site/kor/content/cont0102_img11.svg) no-repeat center center / 100% auto;}
[data-content="01_02_01_view"] .img_desc .desc_box >a:after{
    content: ""; display: block; position: absolute; top: 50%; right: 0.9rem; width: 2.8rem; height: 2.8rem; margin-top: -1.4rem; background: #17469E url(../../../images/site/kor/content/cont0102_img12.svg) no-repeat center center / 100% auto; border-radius: 0.4rem; border: 1px solid #17469E;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_02_01_view"] .img_desc .desc_box >a:hover:after{background-color: #fff; background-image: url(../../../images/site/kor/content/cont0102_img13.svg);}
[data-content="01_02_01_view"] .author_desc{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: stretch; margin-top: 7rem; background: url(../../../images/site/kor/content/cont0102_img10.png); border-radius: 1rem;}
[data-content="01_02_01_view"] .author_desc .imgs{overflow: hidden; position: relative; width: 21rem;}
[data-content="01_02_01_view"] .author_desc .imgs img{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: top left;}
[data-content="01_02_01_view"] .author_desc .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: calc(100% - 21rem); padding: 4rem 3rem;}
[data-content="01_02_01_view"] .author_desc .desc >strong{display: block; width: 23.5rem; padding-right: 1rem; color: #FFF; font-size: 3rem; font-weight: 600; line-height: 1.2;}
[data-content="01_02_01_view"] .author_desc .desc >strong em{display: block; margin-top: 0.4rem; color: #DDD; font-size: 2rem; font-weight: 300;}
[data-content="01_02_01_view"] .author_desc .desc >p{width: calc(100% - 23.5rem); color: #FFF; font-weight: 400; font-size: 1.7rem; font-weight: 400; line-height: 1.4;}

@media screen and (max-width: 1200px){
    [data-content="01_02_01_view"] .img_desc{margin-top: 6rem;}
    [data-content="01_02_01_view"] .img_desc >img{margin-bottom: 3rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.l{padding-right: 2rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.r{padding-left: 2rem;}
    [data-content="01_02_01_view"] .author_desc{margin-top: 6rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01_02_01_view"] .img_desc{margin-top: 5rem;}
    [data-content="01_02_01_view"] .img_desc >img{margin-bottom: 2rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.l{width: 100%; padding-right: 0;}
    [data-content="01_02_01_view"] .img_desc .desc >.l .t >strong{font-size: 2.8rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.l >ul{margin-top: 1rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.l >ul >li:not(:first-child){margin-top: 0.6rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.r{width: 100%; margin-top: 2rem; padding-top: 2rem; padding-left: 0; border-left: 0; border-top: 1px solid #DDD;}
    [data-content="01_02_01_view"] .author_desc{margin-top: 5rem;}
    [data-content="01_02_01_view"] .author_desc .desc{display: block; padding: 3rem;}
    [data-content="01_02_01_view"] .author_desc .desc >strong{width: 100%; padding-right: 0; font-size: 2.8rem;}
    [data-content="01_02_01_view"] .author_desc .desc >strong em{font-size: 1.7rem;}
    [data-content="01_02_01_view"] .author_desc .desc >p{width: 100%; margin-top: 1.3rem; padding-left: 0;}

    [data-content="01_02_01_view"] .img_desc .img_info .img{width:100%}
    [data-content="01_02_01_view"] .img_desc .img_info .info{padding-left:0;margin-top:2rem}
    [data-content="01_02_01_view"] .img_desc .img_info .t{flex-direction:row}
    [data-content="01_02_01_view"] .img_desc .img_info .info .caption{margin-bottom:2rem}
    [data-content="01_02_01_view"] .img_desc .img_info .info >ul{padding-top:0;margin-bottom:2rem}
    [data-content="01_02_01_view"] .img_desc .img_info .audio_btn{margin-bottom:2rem}
    [data-content="01_02_01_view"] .img_desc .desc_box{margin-top:0;padding-top:2rem}
}
@media screen and (max-width: 840px){
    [data-content="01_02_01_view"] .author_desc .imgs{width: 19rem;}
    [data-content="01_02_01_view"] .author_desc .desc{width: calc(100% - 19rem); padding: 2.5rem;}
    [data-content="01_02_01_view"] .author_desc .desc >strong{width: 100%; padding-right: 0; font-size: 2.6rem;}
    [data-content="01_02_01_view"] .author_desc .desc >strong em{font-size: 1.6rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_02_01_view"] .img_desc{margin-top: 4rem;}
    [data-content="01_02_01_view"] .img_desc >img{margin-bottom: 1.8rem;}
    [data-content="01_02_01_view"] .img_desc .desc >.l .t >.audio_btn >a{padding: 0.4rem 1.2rem;}
    [data-content="01_02_01_view"] .author_desc{display: block; margin-top: 4rem;}
    [data-content="01_02_01_view"] .author_desc .imgs{width: 100%;}
    [data-content="01_02_01_view"] .author_desc .imgs img{
        position: relative; top: auto; left: auto; min-height: auto;
        -webkit-transform: translate(0,0);transform: translate(0,0);
    }
    [data-content="01_02_01_view"] .author_desc .desc{width: 100%; padding: 2rem;}
}

/*-------------------------------------------------------------------
    전시 상세
-------------------------------------------------------------------*/
[data-content="01_02_02"]{}
[data-content="01_02_02"] >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 6rem;}
[data-content="01_02_02"] >ul >li{width: calc((100% - 6rem) / 2);}
[data-content="01_02_02"] >ul >li >a{display: block;}
[data-content="01_02_02"] >ul >li >a >.imgs{overflow: hidden; display: block; position: relative; width: 100%; height: 0; padding-top: 63.769%;}
[data-content="01_02_02"] >ul >li >a >.imgs:before{content: ""; opacity: 1;display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../../../images/site/kor/content/cont010202_img07.png) no-repeat center center / 100% 100%;}
[data-content="01_02_02"] >ul >li >a:hover >.imgs:before{animation-name:cont01_02_02;
	animation-duration: 0.5s;
	animation-timing-function:linear; opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5);}
[data-content="01_02_02"] >ul >li[data-bg="2"] >a >.imgs:before{background-image: url(../../../images/site/kor/content/cont010202_img09.png);}
[data-content="01_02_02"] >ul >li[data-bg="3"] >a >.imgs:before{background-image: url(../../../images/site/kor/content/cont010202_img10.png);}
[data-content="01_02_02"] >ul >li[data-bg="4"] >a >.imgs:before{background-image: url(../../../images/site/kor/content/cont010202_img08.png);}
[data-content="01_02_02"] >ul >li[data-bg="5"] >a >.imgs:before{background-image: url(../../../images/site/kor/content/cont010202_img11.png);}
[data-content="01_02_02"] >ul >li >a >.imgs >img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
[data-content="01_02_02"] >ul >li >a >strong{display: block; margin-top: 4rem; text-align: center; color: #1D1D1D; font-size: 2.4rem; font-weight: 700; line-height: 1.2;}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol{}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.4rem 1.2rem; position: relative; padding-left: 2.8rem;}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li:not(:first-child){margin-top: 1.2rem;}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li em{display: block; position: absolute; top: 0; left: 0; width: 2rem; text-align: center; color: #000; font-size: 1.8rem; font-weight: 600;}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li strong{display: block; padding: 0 1rem; color: #17469E; font-size: 1.6rem; font-weight: 600; line-height: 3rem; background-color: rgba(23, 70, 158, 0.15); border-radius: 0.6rem;  }
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li strong[data-color="2"]{background-color: #FEF6E1; color: #ED8F29; font-weight: 500;}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li p{flex: 1; color: #2D2D2D; font-size: 1.7rem; font-weight: 500; line-height: 1.2; margin: auto;}
[data-content="01_02_02"] [data-skin="popup"] >.inner >.in >.desc ol li a{display: block; width: 2.4rem; height: 3rem; background: url(../../../images/site/kor/content/cont010202_img12.png) no-repeat center center / 100% auto; text-indent: -9999px;}

@keyframes cont01_02_02{
  0%{
      opacity: 1;
    -webkit-transform: scale(1); transform: scale(1);
  }
  100%{
    -webkit-transform: scale(1.5); transform: scale(1.5);
      opacity: 0;
  }
}

@media screen and (max-width: 1200px){
    [data-content="01_02_02"] >ul{gap: 5rem;}
    [data-content="01_02_02"] >ul >li{width: calc((100% - 5rem) / 2);}
    [data-content="01_02_02"] >ul >li >a >strong{margin-top: 3rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01_02_02"] >ul{gap: 4rem;}
    [data-content="01_02_02"] >ul >li{width: calc((100% - 4rem) / 2);}
    [data-content="01_02_02"] >ul >li >a >strong{margin-top: 2.4rem; font-size: 2.2rem;}
}
@media screen and (max-width: 840px){
    [data-content="01_02_02"] >ul{gap: 3rem 2rem;}
    [data-content="01_02_02"] >ul >li{width: calc((100% - 2rem) / 2);}
    [data-content="01_02_02"] >ul >li >a >strong{margin-top: 2rem; font-size: 2.2rem;}
}
@media screen and (max-width: 640px){
    [data-content="01_02_02"] >ul{gap: 3rem 1rem;}
    [data-content="01_02_02"] >ul >li{width: calc((100% - 1rem) / 2);}
    [data-content="01_02_02"] >ul >li >a >strong{margin-top: 1.4rem; font-size: 2rem;}
}
@media screen and (max-width: 420px){
    [data-content="01_02_02"] >ul{gap: 4rem;}
    [data-content="01_02_02"] >ul >li{width: 100%;}
}

/*-------------------------------------------------------------------
    컨텐츠 준비중
-------------------------------------------------------------------*/
[data-content="nodata"]{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: relative; width: 100%; height: 40rem; padding: 2rem; background: url(../../../images/site/kor/content/nodata_img01.jpg) no-repeat center center / cover;}
[data-content="nodata"]:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 31.3rem; height: 23.4rem; background: url(../../../images/site/kor/content/nodata_img02.svg) no-repeat center center / 100% auto;}
[data-content="nodata"]:after{content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 35.2rem; height: 23.4rem; background: url(../../../images/site/kor/content/nodata_img03.svg) no-repeat center center / 100% auto;}
[data-content="nodata"] >strong{width: 100%; color: #000; font-size: 4.4rem; font-weight: 700; text-align: center; }
[data-content="nodata"] >p{width: 100%; margin-top: 1.2rem; color: #555; font-size: 2rem; font-weight: 500; line-height: 1.55; text-align: center; }

@media screen and (max-width: 1024px){
    [data-content="nodata"]{height: 36rem;}
    [data-content="nodata"]:before{width: calc(31.3rem * 0.8); height: calc(23.4rem * 0.8);}
    [data-content="nodata"]:after{width: calc(35.2rem * 0.8); height: calc(23.4rem * 0.8);}
    [data-content="nodata"] >strong{font-size: 2.8rem;}
    [data-content="nodata"] >p{margin-top: 0.8rem; font-size: 1.7rem;}
}
@media screen and (max-width: 840px){
    [data-content="nodata"]{height: 30rem;}
    [data-content="nodata"]:before{width: calc(31.3rem * 0.6); height: calc(23.4rem * 0.6);}
    [data-content="nodata"]:after{width: calc(35.2rem * 0.6); height: calc(23.4rem * 0.6);}
    [data-content="nodata"] >strong{font-size: 2.6rem;}
    [data-content="nodata"] >p{margin-top: 0.6rem; font-size: 1.6rem;}
}
@media screen and (max-width: 640px){
    [data-content="nodata"]{height: 26rem;}
    [data-content="nodata"]:before{width: calc(31.3rem * 0.4); height: calc(23.4rem * 0.4);}
    [data-content="nodata"]:after{width: calc(35.2rem * 0.4); height: calc(23.4rem * 0.4);}
    [data-content="nodata"] >strong{font-size: 2.4rem;}
    [data-content="nodata"] >p{margin-top: 0.4rem;}
}

/*-------------------------------------------------------------------
    소개
-------------------------------------------------------------------*/
[data-content="01_01_01"]{}
[data-content="01_01_01"] .tt{max-width: 100rem; letter-spacing: -0.03rem;}
[data-content="01_01_01"] .tt + p{margin-top: 2.4rem; color: #151515; font-size: 2rem; font-weight: 500; line-height: 1.4; max-width: 106rem;}
[data-content="01_01_01"] .box1{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; position: relative; height: 60rem; padding: 8rem 0; margin-top: 8rem;}
[data-content="01_01_01"] .box1:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background: url(../../../images/site/kor/content/cont010101_img01.jpg) no-repeat center center / cover;}
[data-content="01_01_01"] .box1 >*{position: relative; }
[data-content="01_01_01"] .box1 strong{display: block; width: 100%; max-width: 95rem; margin: 0 auto; color: #FFF; font-size: 4rem; font-weight: 400; line-height: 1.2; font-family: 'Paperlogy'; text-align: center; }
[data-content="01_01_01"] .box1 strong span{font-weight: 600;}
[data-content="01_01_01"] .box1 strong span b{font-size: 1.25em; font-weight: inherit;}
[data-content="01_01_01"] .box2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; height: 100rem; padding-top: 26rem; /* padding-bottom: 37.6rem;*/}
[data-content="01_01_01"] .box2:before{content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 107.4rem; height: 90.2rem; background: url(../../../images/site/kor/content/cont010101_img02.svg) no-repeat right bottom / 100% auto;}
[data-content="01_01_01"] .box2 ul{}
[data-content="01_01_01"] .box2 ul li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.6rem 5.4rem; position: relative; padding-left: 3rem;}
[data-content="01_01_01"] .box2 ul li:not(:first-child){margin-top: 3rem;}
[data-content="01_01_01"] .box2 ul li:before{content: ""; display: block; position: absolute; top: 1.2rem; left: 1.4rem; width: 5px; height: 5px; background-color: #17469E; border-radius: 50%; }
[data-content="01_01_01"] .box2 ul li em{color: #17469E; font-size: 2rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.02rem;}
[data-content="01_01_01"] .box2 ul li div{flex: 1; color: #151515; font-size: 2rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.02rem;}
[data-content="01_01_01"] .box2 ul li div span{color: #555; font-size: 0.86em; font-weight: 400; letter-spacing: -0.002em;}
[data-content="01_01_01"] .box3{position: relative; padding-bottom: 55.5rem;}
[data-content="01_01_01"] .box3 .tit{display: block; margin-bottom: 2rem; color: #151515; font-size: 3.6rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.036rem;}
[data-content="01_01_01"] .box3 >ul{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; gap: 3rem;  position: absolute; bottom: 0; left: 50%; width: 100vw; height: 55.5rem; margin-left: -50vw;}
[data-content="01_01_01"] .box3 >ul >li{
    overflow: hidden; flex: calc((100% - 12rem) / 5); height: calc(100% - 5.5rem); border-radius: 2rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_01_01"] .box3 >ul >li:after{
    content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="01_01_01"] .box3 >ul >li:first-child{border-radius: 0 2rem 2rem 0;}
[data-content="01_01_01"] .box3 >ul >li:last-child{border-radius: 2rem 0 0 2rem;}
[data-content="01_01_01"] .box3 >ul >li:first-child:after{background-image: url(../../../images/site/kor/content/cont010101_img04.jpg);}
[data-content="01_01_01"] .box3 >ul >li:nth-child(2):after{background-image: url(../../../images/site/kor/content/cont010101_img03.jpg); background-position: right bottom;}
[data-content="01_01_01"] .box3 >ul >li:nth-child(3):after{background-image: url(../../../images/site/kor/content/cont010101_img05.jpg);}
[data-content="01_01_01"] .box3 >ul >li:nth-child(4):after{background-image: url(../../../images/site/kor/content/cont010101_img06.jpg);}
[data-content="01_01_01"] .box3 >ul >li:nth-child(5):after{background-image: url(../../../images/site/kor/content/cont010101_img07.jpg);}
[data-content="01_01_01"] .box3 >ul:hover >li{flex: calc((100% - 12rem) / 5);}
[data-content="01_01_01"] .box3 >ul:not(:hover) >li:first-child,
[data-content="01_01_01"] .box3 >ul:hover >li:hover{flex: 54.808%;}
[data-content="01_01_01"] .box3 >:not(:hover) >li:first-child,
[data-content="01_01_01"] .box3 >ul:hover >li:hover{height: 100%;}
[data-content="01_01_01"] .box3 >ul:hover >li:first-child:not(:hover){height: calc(100% - 5.5rem);}
[data-content="01_01_01"] .box3 >ul >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; position: relative; }
[data-content="01_01_01"] .box3 >ul >li:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.5%, rgba(0, 0, 0, 0.60) 100%);}
[data-content="01_01_01"] .box3 >ul >li >*{position: relative; z-index: 2;}
[data-content="01_01_01"] .box3 >ul >li >strong,
[data-content="01_01_01"] .box3 >ul >li >div{
    opacity: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-end; align-items: flex-end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 3rem 3.4rem;
}
[data-content="01_01_01"] .box3 >ul >li >strong{opacity: 1; justify-content: center; width: 100%; padding: 3rem 5.8rem; font-size: 2.6rem; color: #fff; font-weight: 600; text-align: center; }
[data-content="01_01_01"] .box3 >ul:not(:hover) >li:first-child >strong,
[data-content="01_01_01"] .box3 >ul:hover >li:hover >strong{opacity: 0;}
[data-content="01_01_01"] .box3 >:not(:hover) >li:first-child >div,
[data-content="01_01_01"] .box3 >ul >li:hover >div{
    -webkit-transition: opacity 0.7s ease; transition: opacity 0.7s ease;
}
[data-content="01_01_01"] .box3 >ul:not(:hover) >li:first-child >div,
[data-content="01_01_01"] .box3 >ul:hover >li:hover >div{opacity: 1;}
[data-content="01_01_01"] .box3 >ul >li >div >strong{display: block; width: 100%; color: #FFF; font-size: 3.6rem; font-weight: 600; line-height: 1.2;}
[data-content="01_01_01"] .box3 >ul >li >div >p{display: block; width: 100%; margin-top: 0.8rem; color: rgba(255, 255, 255, 0.8); font-weight: 400; font-size: 1.8rem; line-height: 1.4;}

@media screen and (max-width: 1440px){
    [data-content="01_01_01"] .box1{margin-top: 6rem;}
    [data-content="01_01_01"] .box1{height: 54rem; padding: 6rem 0;}
    [data-content="01_01_01"] .box1 strong{max-width: 87rem; font-size: 3.6rem;}
    [data-content="01_01_01"] .box2{overflow: hidden; height: 80rem; padding-top: calc(26rem * 0.8); }
    [data-content="01_01_01"] .box2:before{width: calc(107.4rem * 0.8); height: calc(90.2rem * 0.8);}
    [data-content="01_01_01"] .box3{padding-bottom: 50rem;}
    [data-content="01_01_01"] .box3 >ul{height: 50rem;}
    [data-content="01_01_01"] .box3 >ul{gap: 2rem;}
    [data-content="01_01_01"] .box3 >ul >li{flex: calc((100% - 8rem) / 5); height: calc(100% - 3rem);}
    [data-content="01_01_01"] .box3 >ul:hover >li{flex: calc((100% - 8rem) / 5);}
    [data-content="01_01_01"] .box3 >ul:hover >li:first-child:not(:hover){height: calc(100% - 3rem);}
    [data-content="01_01_01"] .box3 >ul >li >div >strong{font-size: 3.2rem;}
    [data-content="01_01_01"] .box3 >ul >li >div >p{font-size: 1.7rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01_01_01"] .tt + p{margin-top: 1.8rem; font-size: 1.8rem;}
    [data-content="01_01_01"] .box1{margin-top: 5rem;}
    [data-content="01_01_01"] .box1{height: 50rem; padding: 5rem 0;}
    [data-content="01_01_01"] .box1 strong{max-width: 82rem; font-size: 3.4rem;}
    [data-content="01_01_01"] .box2{height: 70rem; padding-top: calc(26rem * 0.7); }
    [data-content="01_01_01"] .box2:before{width: calc(107.4rem * 0.7); height: calc(90.2rem * 0.7);}
    [data-content="01_01_01"] .box2 ul li{gap: 0.6rem 3rem; padding-left: 2.4rem;}
    [data-content="01_01_01"] .box2 ul li:not(:first-child){margin-top: 2rem;}
    [data-content="01_01_01"] .box2 ul li:before{left: 1rem;}
    [data-content="01_01_01"] .box2 ul li em{font-size: 2rem;}
    [data-content="01_01_01"] .box2 ul li div{font-size: 2rem;}
    [data-content="01_01_01"] .box3{padding-bottom: 0;}
    [data-content="01_01_01"] .box3 >ul{flex-wrap: wrap; position: relative; bottom: auto; left: auto; width: 100%; margin-left: 0; height: auto; }
    [data-content="01_01_01"] .box3 >ul >li{width: calc((100% - 2rem) / 2); flex: none !important; height: auto; border-radius: 1.4rem;}
    [data-content="01_01_01"] .box3 >ul >li:first-child{border-radius: 1.4rem;}
    [data-content="01_01_01"] .box3 >ul >li:first-child{width: 100%; border-radius: 1.4rem;}
    [data-content="01_01_01"] .box3 >ul >li:before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 26.5%, rgba(0, 0, 0, 0.60) 100%);}
    [data-content="01_01_01"] .box3 >ul >li >strong{display: none;}
    [data-content="01_01_01"] .box3 >ul >li >div{opacity: 1; position: relative; top: auto; left: auto; min-height: 36rem; padding: 2.4rem;}
    [data-content="01_01_01"] .box3 >ul >li >div >strong{font-size: 3rem;}
    [data-content="01_01_01"] .box3 >ul >li >div >p{font-size: 1.6rem;}
}
@media screen and (max-width: 840px){
    [data-content="01_01_01"] .box1{height: 44rem; padding: 4rem 0;}
    [data-content="01_01_01"] .box1 strong{max-width: 78rem; font-size: 3.2rem;}
    [data-content="01_01_01"] .box2{height: auto; padding-top: 10rem; padding-bottom: 14rem;}
    [data-content="01_01_01"] .box2:before{bottom: 2rem; width: calc(107.4rem * 0.35); height: calc(90.2rem * 0.35);}
}
@media screen and (max-width: 640px){
    [data-content="01_01_01"] .tt + p{margin-top: 1.5rem; font-size: 1.7rem;}
    [data-content="01_01_01"] .box1{margin-top: 4rem;}
    [data-content="01_01_01"] .box1{height: 40rem; padding: 3rem 0;}
    [data-content="01_01_01"] .box1 strong{max-width: 67rem; font-size: 2.8rem;}
    [data-content="01_01_01"] .box2{padding-top: 8rem; padding-bottom: 10rem;}
    [data-content="01_01_01"] .box2 ul li{gap: 0.6rem 3rem; padding-left: 2.4rem;}
    [data-content="01_01_01"] .box2 ul li:not(:first-child){margin-top: 1.6rem;}
    [data-content="01_01_01"] .box2 ul li:before{left: 1rem; top: 1rem;}
    [data-content="01_01_01"] .box2 ul li em{font-size: 1.9rem;}
    [data-content="01_01_01"] .box2 ul li div{font-size: 1.9rem;}
    [data-content="01_01_01"] .box3 >ul{}
    [data-content="01_01_01"] .box3 >ul >li{width: 100%; }
    [data-content="01_01_01"] .box3 >ul >li >div{padding: 10rem 2rem 2rem; min-height: 32rem;}
    [data-content="01_01_01"] .box3 >ul >li >div >strong{font-size: 2.6rem;}
}
@media screen and (max-width: 480px){
    [data-content="01_01_01"] .box1{margin-top: 3rem;}
    [data-content="01_01_01"] .box1{height: 36rem; padding: 3rem 0;}
    [data-content="01_01_01"] .box1 strong{ font-size: 2.4rem;}
    [data-content="01_01_01"] .box2{padding-top: 6rem; padding-bottom: 6rem;}
    [data-content="01_01_01"] .box2:before{bottom: 1rem; width: calc(107.4rem * 0.2); height: calc(90.2rem * 0.2);}
    [data-content="01_01_01"] .box3 >ul{gap: 1.6rem;}
}

/*-------------------------------------------------------------------
    소개
-------------------------------------------------------------------*/
.top_vis{position:relative;height:103.4rem;margin-bottom:14rem}
.top_vis::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;background-image:linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .8) 100%), url(../../../images/site/kor/content/cont010102_bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translateX(-50%)}
.top_vis > .mask{position: absolute;left: 0;bottom: 0;width:52.7rem;height:43.3rem;background:url(../../../images/site/kor/content/cont010102_mask.png) center/contain no-repeat;mask-image:url(../../../images/site/kor/content/cont010102_mask.png);mask-size:contain;mask-mode:luminance}
.top_vis > .mask_side{position:absolute;left:0;bottom:0;width:52.7rem;height:43.3rem;}
.top_vis > .mask_side::before,
.top_vis > .mask_side::after{content:"";position:absolute;left:100%;width:100vw;height:100%;background:#fff}
.top_vis > .mask_side::before{left:auto;right:100%}
.top_vis > .top_desc{display:flex;flex-wrap:wrap;flex-direction:column;position:relative;height:calc(100% - 43.3rem);align-items:center;flex-direction:row;justify-content:space-between;color:#fff}
.top_vis > .top_desc em{font-size:4.4rem;font-weight:700;letter-spacing:-.05rem}
.top_vis > .top_desc i{font-family:'Poppins';font-size:2.1rem;line-height:1.5;letter-spacing:0.8rem;}
.top_vis > .top_desc::before,
.top_vis > .top_desc::after{content:"";position:absolute;right:100%;top:50%;width:100vw;height:2px;transform:translateY(-50%)}
.top_vis > .top_desc::before{background:linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%)}
.top_vis > .top_desc::after{right:auto;left:100%;background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%)}
.top_vis > .top_text{display:flex;align-items:flex-end;position:relative;width:calc(100% - 64rem);max-width:80rem;height:43.3rem;margin:0 0 0 auto;z-index:1;color:#151515;font-size:2rem;font-weight:400;line-height:1.5;z-index:1}

[data-content="01_01_02"] .box1{position: relative; padding-top: 10rem; padding-bottom: 11.7rem;}
[data-content="01_01_02"] .box1:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background: url(../../../images/site/kor/content/cont010102_img02.jpg) no-repeat center center / cover; background-attachment: fixed; }
[data-content="01_01_02"] .box1 >*{position: relative;}
[data-content="01_01_02"] .box1 .desc{display: inline-flex; justify-content: space-between; align-items: flex-start; gap: 3.4rem; padding-left: 5rem;}
[data-content="01_01_02"] .box1 .desc strong{display: block; color: #FFF; font-size: 5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
[data-content="01_01_02"] .box1 .desc strong >span{display: block; font-size: 2.1rem;font-weight: 300; line-height: 1.5; letter-spacing: -0.021rem; text-align: right;}
[data-content="01_01_02"] .box1 .desc strong:nth-child(2){display: inline-block; padding-top: 2rem; writing-mode: vertical-lr; text-orientation: sideways;}
[data-content="01_01_02"] .box2{position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 11.3rem; padding-bottom: 14rem;}
[data-content="01_01_02"] .box2 .l{width: 52.7rem;}
[data-content="01_01_02"] .box2 .l >img{display: block; width: 100%; margin-top: -11.2rem;}
[data-content="01_01_02"] .box2 .l >strong{display: block; color: #17469E; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.024rem; line-height: 3.4rem; margin-top: -3.4rem;}
[data-content="01_01_02"] .box2 .l >p{width: 100%; margin-top: 3rem; color: #151515; font-size: 3rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.03rem; letter-spacing: -0.03rem; word-break: break-all;}
[data-content="01_01_02"] .box2 .l >p >em{font-weight: 700; letter-spacing: -0.03rem;}
[data-content="01_01_02"] .box2 .l >p >span{color: #888; font-size: 2.4rem; font-weight: 400; word-break: break-all;}
[data-content="01_01_02"] .box2 .r{width: calc(100% - 52.7rem - 11.3rem); padding-top: 10rem; color: #333; font-size: 2.1rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.021rem;}
[data-content="01_01_02"] .box3{position: relative;padding-top:15rem; padding-bottom:7.1rem;text-shadow:.2rem .2rem rgba(0,0,0,.1)}
[data-content="01_01_02"] .box3:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: calc(100% + 11rem); margin-left: -50vw; background: url(../../../images/site/kor/content/cont010102_img04.jpg) no-repeat center right / cover;}
[data-content="01_01_02"] .box3 >*{position: relative; }
[data-content="01_01_02"] .box3 .t{padding-left:60.2rem;}
[data-content="01_01_02"] .box3 .t:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 54rem; height: 100%; }
[data-content="01_01_02"] .box3 h3{color: #fff; margin-bottom:2.4rem;line-height:1.5}
[data-content="01_01_02"] .box3 p{color: #fff; font-size: 2.1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.052rem}
[data-content="01_01_02"] .box3 .b{width: 100%; max-width:56.5rem; margin-top:14rem}
[data-content="01_01_02"] .box3 .l{width: 100%; margin:14rem 0 0 auto;padding-left:26.8rem}
@media screen and (max-width: 1460px){
    .top_vis > .top_desc{flex-direction:column;justify-content:center;gap: 0.4rem;}
    .top_vis > .top_desc::before{right:80%}
    .top_vis > .top_desc::after{left:80%}
    .top_vis > .top_text{width:calc(100% - 58rem)}
}
@media screen and (max-width: 1300px){
    .top_vis{height:80rem}
    .top_vis > .mask,
    .top_vis > .mask_side{width:40rem;height:32.9rem}
    .top_vis > .top_text{width:calc(100% - 46rem);height:32.9rem}
    .top_vis > .top_desc{height:calc(100% - 32.9rem)}
}
@media screen and (max-width: 1200px){
    [data-content="01_01_02"] .box3 .t{padding-left:10rem}
    [data-content="01_01_02"] .box3 .b{width:calc(100% - 10rem);max-width:inherit}
    [data-content="01_01_02"] .box3 .l{padding-left:0}
}
@media screen and (max-width: 1024px){
    .top_vis > .top_desc em{font-size: 3.6rem;}
    .top_vis > .top_desc i{font-size: 1.9rem;}
    .top_vis > .top_text{font-size: 1.9rem;}
    [data-content="01_01_02"] .box3 p{font-size: 1.9rem;}
}
@media screen and (max-width: 900px){
    .top_vis{height:auto;margin-bottom:0;padding:13rem 0}
    .top_vis > .mask, 
    .top_vis > .mask_side{display:none}
    .top_vis > .top_desc{height:auto;padding:0 1rem;text-align:center}
    .top_vis > .top_desc::before{right:90%}
    .top_vis > .top_desc::after{left:90%}
    .top_vis > .top_desc i{letter-spacing:0}
    .top_vis > .top_text{max-width:inherit;width:100%;height:auto;margin:10rem 0 0;color:#fff}
}
@media screen and (max-width: 640px){
    .top_vis > .top_desc em{font-size: 3rem;}
    .top_vis > .top_desc i{font-size: 1.7rem;}
    .top_vis > .top_text{font-size: 1.8rem;}
    [data-content="01_01_02"] .box3 p{font-size: 1.8rem;}
    [data-content="01_01_02"] .box3 .t{padding-left:0}
    [data-content="01_01_02"] .box3 .b{width:100%}
    
}

/*-------------------------------------------------------------------
    조직위원회 소개 > 인사말
-------------------------------------------------------------------*/
[data-content="05_01_intro"]{}
[data-content="05_01_intro"] .box1{}
[data-content="05_01_intro"] .box1 .imgs{display: block; position: relative; left: 50%; top: 0; width: 100vw; height: 38.6rem; margin-left: -50vw; margin-bottom: 8rem;}
[data-content="05_01_intro"] .box1 .imgs img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
[data-content="05_01_intro"] .box1 .desc{}
[data-content="05_01_intro"] .box1 .desc h3{margin-bottom: 4rem;}
[data-content="05_01_intro"] .box1 .desc p{display: block; color: #151515; font-size: 2rem; font-weight: 500; line-height: 1.5;}
[data-content="05_01_intro"] .box2{margin-top: 14rem;}
[data-content="05_01_intro"] .box2 .tit{display: block; position: relative;}
[data-content="05_01_intro"] .box2 .tit:before{content: ""; display: block; position: absolute; bottom: 2.6rem; left: 0; width: 100%; height: 1px; background-color: #555;}
[data-content="05_01_intro"] .box2 .tit h3{display: inline-block; position: relative; z-index: 1; margin-bottom: 0; padding-right: 3rem; background-color: #fff; font-size: 3.6rem;}
[data-content="05_01_intro"] .box2 ul{margin-top: 4rem;}
[data-content="05_01_intro"] .box2 ul li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.8rem 1.2rem; }
[data-content="05_01_intro"] .box2 ul li:not(:first-child){margin-top: 1.6rem;}
[data-content="05_01_intro"] .box2 ul li em{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.4rem 2rem; width: 18.5rem; color: #151515; font-size: 2rem; font-weight: 600; line-height: 1; font-weight: 600}
[data-content="05_01_intro"] .box2 ul li em span{color: #17469E; font-size: 2.4rem; font-weight: 700;}
[data-content="05_01_intro"] .box2 ul li p{flex: 1; font-size: 1.7rem; font-weight: 500; color: #555;}

@media screen and (max-width: 1440px){
    [data-content="05_01_intro"] .box1 .desc h3{margin-bottom: 3rem;}
    [data-content="05_01_intro"] .box1 .desc p{font-size: 2.2rem;}
    [data-content="05_01_intro"] .box2{margin-top: 12rem;}
    [data-content="05_01_intro"] .box2 ul{margin-top: 3.2rem;}
}
@media screen and (max-width: 1200px){
    [data-content="05_01_intro"] .box1 .imgs{margin-bottom: 6rem;}
    [data-content="05_01_intro"] .box1 .desc p{font-size: 2rem;}
}
@media screen and (max-width: 1024px){
    [data-content="05_01_intro"] .box1 .imgs{height: 30rem; margin-bottom: 5rem;}
    [data-content="05_01_intro"] .box1 .desc h3{margin-bottom: 2.4rem;}
    [data-content="05_01_intro"] .box1 .desc p{font-size: 1.8rem;}
    [data-content="05_01_intro"] .box2{margin-top: 8rem;}
    [data-content="05_01_intro"] .box2 .tit h3{font-size: 3.2rem;}
    [data-content="05_01_intro"] .box2 .tit:before{bottom: 2.2rem;}
    [data-content="05_01_intro"] .box2 ul{margin-top: 2.8rem;}
}
@media screen and (max-width: 640px){
    [data-content="05_01_intro"] .box1 .imgs{height: 24rem; margin-bottom: 4rem;}
    [data-content="05_01_intro"] .box2{margin-top: 7rem;}
    [data-content="05_01_intro"] .box2 .tit h3{font-size: 2.8rem;}
    [data-content="05_01_intro"] .box2 .tit:before{bottom: 2rem;}
    [data-content="05_01_intro"] .box2 ul{margin-top: 2rem;}
    [data-content="05_01_intro"] .box2 ul li{display: block;}
    [data-content="05_01_intro"] .box2 ul li em{width: auto; gap: 0.4rem 1rem; font-size: 1.9rem;}
    [data-content="05_01_intro"] .box2 ul li em span{font-size: 2rem;}
    [data-content="05_01_intro"] .box2 ul li p{margin-top: 0.6rem;}
}
@media screen and (max-width: 480px){
    [data-content="05_01_intro"] .box1 .imgs{height: 20rem;}
    [data-content="05_01_intro"] .box2{margin-top: 6rem;}
}
/*-------------------------------------------------------------------
    조직위원회 소개 > 조직구성
-------------------------------------------------------------------*/
[data-content="05_02_organ"]{}
[data-content="05_02_organ"] .organ{padding:7rem 4.7em 4.8rem; text-align: center; background-color: #FAFBFF; font-size: 1rem;}
[data-content="05_02_organ"] .organ .o_0{position:relative;padding-bottom:6rem}
[data-content="05_02_organ"] .organ .o_0::before{content:"";position:absolute;width:1px;height:100%;left:50%;margin-left:-.5px;background:#d8d8d8}
[data-content="05_02_organ"] .organ .o_0 strong,
[data-content="05_02_organ"] .organ .o_1 strong{position:relative;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width:23rem; margin: 0 auto; padding:3.7rem 2rem; font-size: 2.2em; font-weight: 600; color: #fff; background-color: #066543; border-radius:1rem;z-index:1}
[data-content="05_02_organ"] .organ .o_0 strong > span{font-size:1.8rem}
[data-content="05_02_organ"] .organ .o_0 strong{background-color:#17469E}
[data-content="05_02_organ"] .organ .o_0_1{position: relative; width: 100%; max-width: 67.4rem; margin: 0 auto; font-size: 1em;height:0}
[data-content="05_02_organ"] .organ .o_0_1:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; margin-left: -0.5px; background-color: #D8D8D8; }
[data-content="05_02_organ"] .organ .o_0_1:after{content: ""; display: block; position: absolute; top:-3rem; left: 50%; width: 50%; height: 1px; margin-top: -0.5px; margin-left: -0.5px; background-color: #D8D8D8; }
[data-content="05_02_organ"] .organ .o_0_1 strong{position: absolute;left: calc(100% + 1.2rem);top:-3rem;transform: translate(-50%, -50%);display: flex; flex-wrap: wrap; justify-content: center; align-items: center;z-index: 1; width: 15rem; height: 15rem; margin-left: auto; padding: 1em; font-size: 2.2em; font-weight: 600; color: #fff; background-color: #348EC2; border-radius: 50%;}
[data-content="05_02_organ"] .organ .o_2{position: relative; width: 100%; max-width: 67.4rem; margin: 0 auto; padding-top: 1.2em; padding-bottom: 3.6em; font-size: 1em;}
[data-content="05_02_organ"] .organ .o_2:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; margin-left: -0.5px; background-color: #D8D8D8; }
[data-content="05_02_organ"] .organ .o_2:after{content: ""; display: block; position: absolute; top: calc((100% - 0.6em - 1.8em) / 2); left: 0; width: 50%; height: 1px; margin-top: -0.5px; margin-left: -0.5px; background-color: #D8D8D8; }
[data-content="05_02_organ"] .organ .o_2 strong{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; z-index: 1; width: 15rem; height: 15rem; margin-right: auto; padding: 1em; font-size: 2.2em; font-weight: 600; color: #fff; background-color: #B00145; border-radius: 50%;}
[data-content="05_02_organ"] .organ .o_3{display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1em 12em; width: auto; max-width: 100%; margin: 0 auto; padding-top: 2em; font-size: 1em; border-top: 1px solid #D8D8D8;}
[data-content="05_02_organ"] .organ .o_3 div{position: relative; }
[data-content="05_02_organ"] .organ .o_3 div:first-child:after{content: ""; display: block; position: absolute; top: calc(-2em - 1px); left: 0; width: 50%; height: 1px; background-color: #FAFBFF;}
[data-content="05_02_organ"] .organ .o_3 div:last-child:after{content: ""; display: block; position: absolute; top: calc(-2em - 1px); right: 0; width: 50%; height: 1px; background-color: #FAFBFF;}
[data-content="05_02_organ"] .organ .o_3 div strong{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 9.53em; max-width: 100%; height: 3.353em; margin: 0 auto; padding: 1rem; font-size: 1.7em; font-weight: 600; color: #B00145; line-height: 1.2; background-color: #fff; border: 1px solid #B00145; border-radius: 10rem; }
[data-content="05_02_organ"] .organ .o_3 div:nth-child(2) strong{color: #066543; border-color: #066543;}
[data-content="05_02_organ"] .organ .o_3 div strong:before{content: ""; display: block; position: absolute; top: -1.18em; left: 50%; width: 1px; height: 1.18em; margin-left: -0.5px; background-color: #D8D8D8;}
[data-content="05_02_organ"] .organ .o_3 div ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1em 4em; position: relative; margin-top: 2em; padding-top: 2em; border-top: 1px solid #D8D8D8;}
[data-content="05_02_organ"] .organ .o_3 div ul:before{content: ""; display: block; position: absolute; top: -2em; left: 50%; width: 1px; height: 2em; margin-left: -0.5px; background-color: #D8D8D8;}
[data-content="05_02_organ"] .organ .o_3 div ul li{position: relative;}
[data-content="05_02_organ"] .organ .o_3 div ul li:before{content: ""; display: block; position: absolute; top: -2em; left: 50%; width: 1px; height: 2em; margin-left: -0.5px; background-color: #D8D8D8;}
[data-content="05_02_organ"] .organ .o_3 div ul li:first-child:after{content: ""; display: block; position: absolute; top: calc(-2em - 1px); left: 0; width: 50%; height: 1px; margin-left: -0.5px; background-color: #FAFBFF;}
[data-content="05_02_organ"] .organ .o_3 div ul li:last-child:after{content: ""; display: block; position: absolute; top: calc(-2em - 1px); right: 0; width: 50%; height: 1px; margin-left: -0.5px; background-color: #FAFBFF;}
[data-content="05_02_organ"] .organ .o_3 div ul li a{
    display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 9.53em; max-width: 100%; height: 3.353em; padding: 1rem; font-size: 1.7em; font-weight: 600; color: #1D1D1D; line-height: 1.2; background-color: #fff; border: 1px solid #aaa; border-radius: 10rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-content="05_02_organ"] .organ .o_3 div ul li a:hover{background-color: #D8D8D8; border-color: #D8D8D8;}
[data-content="05_02_organ"] .organ_desc{margin-top: 4.2rem;}
[data-content="05_02_organ"] .organ_desc .tits{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-top: 7.4rem; margin-bottom: 1.8rem; }
[data-content="05_02_organ"] .organ_desc .tits.active{margin-bottom: 0;}
[data-content="05_02_organ"] .organ_desc .tits:first-of-type{margin-top: 0;}
[data-content="05_02_organ"] .organ_desc .tits h3{margin-top: 0; margin-bottom: 0; margin-right: auto; }
[data-content="05_02_organ"] .organ_desc .tits a{display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/cont0502organ_img01.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="05_02_organ"] .organ_desc .tits.active a{
    transform: rotate(180deg);
}
[data-content="05_02_organ"] .organ_desc .table_scroll{padding-bottom: 4rem; border-bottom: 1px solid #EEE;}
[data-content="05_02_organ"] .organ_desc .tits.active + .table_scroll table{display: none;}

@media screen and (max-width: 1200px){
    [data-content="05_02_organ"] .organ{padding: 4em; font-size: 0.9rem;}
    [data-content="05_02_organ"] .organ .o_0_1{max-width:50rem}
    [data-content="05_02_organ"] .organ .o_2{max-width: 60rem;}
    [data-content="05_02_organ"] .organ .o_3{gap: 1em 5em;}
    [data-content="05_02_organ"] .organ .o_3 div ul{gap: 1em 1.5em;}
}
@media screen and (max-width: 1024px){
    [data-content="05_02_organ"] .organ .o_0 strong,
    [data-content="05_02_organ"] .organ .o_1 strong{width:20rem;padding:2rem 1rem}
    [data-content="05_02_organ"] .organ .o_0_1 strong,
    [data-content="05_02_organ"] .organ .o_2 strong{width: 6em; height: 6em; font-size: 2em;}
    [data-content="05_02_organ"] .organ .o_2{max-width:50rem;}
    [data-content="05_02_organ"] .organ .o_3 div >strong,
    [data-content="05_02_organ"] .organ .o_3 div ul li a{width: 8.53em; height: 3em;}
    [data-content="05_02_organ"] .organ_desc .tits{margin-top: 5rem; margin-bottom: 1.5rem;}
    [data-content="05_02_organ"] .organ_desc .table_scroll{padding-bottom: 3.5rem;}
}
@media screen and (max-width: 840px){
    [data-content="05_02_organ"] .organ{padding: 4em; font-size: 0.8rem;}
    [data-content="05_02_organ"] .organ .o_0_1{max-width:40rem}
    [data-content="05_02_organ"] .organ .o_2{max-width: 40rem;}
    [data-content="05_02_organ"] .organ .o_3{gap: 1em 3rem;}
    [data-content="05_02_organ"] .organ .o_3 div >strong,
    [data-content="05_02_organ"] .organ .o_3 div ul li a{width: 7.8em;}
}
@media screen and (max-width: 800px){
    [data-content="05_02_organ"] .organ_desc .table_scroll .move [data-skin="table"]{width: 100%;}
}
@media screen and (max-width: 640px){
    [data-content="05_02_organ"] .organ{position: relative; padding: 3rem; font-size: 1rem;}
    [data-content="05_02_organ"] .organ:before{content: ""; display: block; position: absolute; top: 3rem; left: 5rem; width: 1px; height: calc(100% - 6rem); background-color: #D8D8D8;}
    [data-content="05_02_organ"] .organ .o_0{padding-bottom:0}
    [data-content="05_02_organ"] .organ .o_0::before{display:none}
    [data-content="05_02_organ"] .organ .o_0 strong,
    [data-content="05_02_organ"] .organ .o_1 strong{width: 100%; height: auto; position: relative; z-index: 1; margin: 0; padding: 1.5rem; font-size: 2rem; border-radius: 1rem;}
    [data-content="05_02_organ"] .organ .o_0_1{height:auto;max-width:inherit;padding:3rem 0}
    [data-content="05_02_organ"] .organ .o_0_1 strong{position:relative;width:calc(100% - 4rem);height:auto;top:auto;left:auto;padding:1.5rem;border-radius:1rem;transform:none}
    [data-content="05_02_organ"] .organ .o_0_1:before{left:2rem; top: 50%; width: 3rem;height:1px}
    [data-content="05_02_organ"] .organ .o_2{max-width: 100%; padding-top: 3rem; padding-bottom: 3.5rem;}
    [data-content="05_02_organ"] .organ .o_2 strong{width: calc(100% - 4rem); height: auto; margin: 0 0 0 auto; padding: 1.5rem; font-size: 2rem; border-radius: 1rem;}
    [data-content="05_02_organ"] .organ .o_2:before{display: none;}
    [data-content="05_02_organ"] .organ .o_2:after{left: 2rem; top: 50%; width: 3rem;}
    [data-content="05_02_organ"] .organ .o_3{display: block; width: calc(100% - 4rem); margin: 0 0 0 auto; padding-top: 0; padding-left: 2rem; border-top: 0;}
    [data-content="05_02_organ"] .organ .o_3{position: relative; }
    [data-content="05_02_organ"] .organ .o_3:before{content: ""; display: block; position: absolute; top: 2.7rem; left: -2rem; width: 1px; height: 100%; background-color: #FAFBFF;}
    [data-content="05_02_organ"] .organ .o_3 div:not(:first-child){margin-top: 2.5rem;}
    [data-content="05_02_organ"] .organ .o_3 div:first-child:after,
    [data-content="05_02_organ"] .organ .o_3 div:after{content: ""; display: block; position: absolute; top: 2.6rem; left: -2rem; width: 1px; height: calc(100% + 2.5rem); background-color: #d8d8d8; }
    [data-content="05_02_organ"] .organ .o_3 div:last-child:after{display: none;}
    [data-content="05_02_organ"] .organ .o_3 div ul{flex-wrap: wrap; margin-top: 0; padding-top: 1.5rem; padding-left: 4rem; border-top: 0; gap: 1rem;}
    [data-content="05_02_organ"] .organ .o_3 div ul:before{top: 0; left: 2rem; height: 100%;}
    [data-content="05_02_organ"] .organ .o_3 div ul li{width: 100%;}
    [data-content="05_02_organ"] .organ .o_3 div ul li:before{top: 2.6rem; left: -2rem; width: 2rem; height: 1px; margin-left: 0;}
    [data-content="05_02_organ"] .organ .o_3 div ul li:first-child:after{display: none;}
    [data-content="05_02_organ"] .organ .o_3 div ul li:last-child:after{left: -2rem; top: 2.7rem; width: 1px; height: calc(100% - 2.6rem);}
    [data-content="05_02_organ"] .organ .o_3 div strong,
    [data-content="05_02_organ"] .organ .o_3 div ul li a{width: 100%; height: auto; padding: 1.5rem; border-radius: 1rem;}
    [data-content="05_02_organ"] .organ .o_3 div strong{position: relative; }
    [data-content="05_02_organ"] .organ .o_3 div strong:before{
        top: 2.5rem; left: -4.1rem; width: 4rem; height: 1px; margin-left: 0;
    }
    [data-content="05_02_organ"] .organ .o_3 div:not(:first-child) >strong:before{left: -2.1rem; width: 2rem;}

    [data-content="05_02_organ"] .organ_desc .tits{margin-top: 4rem; margin-bottom: 1.2rem;}
    [data-content="05_02_organ"] .organ_desc .table_scroll{padding-bottom: 3rem;}
    [data-content="05_02_organ"] .organ_desc .table_scroll .move [data-skin="table"]{width: 600px;}
}

/*-------------------------------------------------------------------
    조직위원회 소개 > 섬문화예술플랫폼
-------------------------------------------------------------------*/
[data-content="05_03"]{}
[data-content="05_03"] .box1{}
[data-content="05_03"] .box1:after{content: ""; display: block; clear: both;}
[data-content="05_03"] .box1 .imgs{float: right; width: 50%; margin-left: 4rem; margin-bottom: 3rem;}
[data-content="05_03"] .box1 .imgs img{display: block; width: 50vw; height: 48rem; object-fit: cover; }
[data-content="05_03"] .box1 .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding-top: 4%;}
[data-content="05_03"] .box1 p{margin-top: 4rem; color: #151515; font-size: 2rem; font-weight: 400; line-height: 1.6;}
[data-content="05_03"] .box1 .desc h3{width: 25rem; margin-bottom: 0; padding-right: 2rem;}
[data-content="05_03"] .box1 .desc ul{width: calc(100% - 25rem);}
[data-content="05_03"] .box1 .desc ul li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; color: #151515; font-size: 1.7rem; font-weight: 400; line-height: 1.4;}
[data-content="05_03"] .box1 .desc ul li:not(:first-child){margin-top: 0.4rem;}
[data-content="05_03"] .box1 .desc ul li em{width: 7.5rem; padding-right: 1rem; font-weight: 600;}
[data-content="05_03"] .box1 .desc ul li span{flex: 1;}
[data-content="05_03"] .box2{margin-top: 12rem;}
[data-content="05_03"] .box2 .imgs{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; position: relative; left: -50vw; width: 100vw; margin-left: 50%; padding-right: calc((100vw - 1440px) / 2);}
[data-content="05_03"] .box2 .imgs img{display: block; width: 50%; height: 100%; object-fit: cover; object-position: center center;}
[data-content="05_03"] .box2 .desc{margin-top: 5.6rem;}
[data-content="05_03"] .box2 h3{margin-bottom: 0;}
[data-content="05_03"] .box2 p{margin-top: 2.4rem; color: #151515; font-size: 2rem; font-weight: 400; line-height: 1.6;}

@media screen and (max-width: 1440px){
    [data-content="05_03"] .box1 .desc h3{width: 20rem;}
    [data-content="05_03"] .box1 .desc ul{width: calc(100% - 20rem);}
    [data-content="05_03"] .box2 .desc{margin-top: 2.8rem;}
}
@media screen and (max-width: 1200px){
    [data-content="05_03"] .box1 .imgs{margin-left: 2rem; margin-bottom: 2rem;}
    [data-content="05_03"] .box1 .desc{display: block; padding-top: 3%;}
    [data-content="05_03"] .box1 .desc h3{width: 100%; margin-bottom: 2.2rem; padding-right: 0;}
    [data-content="05_03"] .box1 .desc ul{width: 100%;}
}
@media screen and (max-width: 1024px){
    [data-content="05_03"] .box1 .desc{padding-top: 0;}
    [data-content="05_03"] .box1 .desc h3{margin-bottom: 1.2rem;}
    [data-content="05_03"] .box1 .desc ul li{font-size: 1.6rem;}
    [data-content="05_03"] .box1 p{margin-top: 3.2rem; font-size: 1.6rem;}
    [data-content="05_03"] .box2{margin-top: 7rem;}
    [data-content="05_03"] .box2 .desc{margin-top: 2rem;}
    [data-content="05_03"] .box2 p{margin-top: 1.2rem; font-size: 1.6rem;}
}
@media screen and (max-width: 740px){
    [data-content="05_03"] .box1 .imgs{float: none; position: relative; left: -50vw; width: 100vw; height: 30rem; margin-left: 50%; margin-bottom: 2.2rem;}
    [data-content="05_03"] .box1 .imgs img{width: 100%; height: 100%; object-position: top center;}
}
@media screen and (max-width: 640px){
    [data-content="05_03"] .box1 .imgs{height: 24rem;}
    [data-content="05_03"] .box1 p{margin-top: 1.6rem;}
    [data-content="05_03"] .box2{margin-top: 6rem;}
    [data-content="05_03"] .box2 p{margin-top: 1rem;}
}
@media screen and (max-width: 480px){
    [data-content="05_03"] .box1 .imgs{height: 20rem;}
    [data-content="05_03"] .box2{margin-top: 5rem;}
    [data-content="05_03"] .box2 .imgs{width: 100vw;}
    [data-content="05_03"] .box2 .imgs img{width: 100%; height: 20rem; object-position: bottom center}
}

/*-------------------------------------------------------------------
    조직위원회 소개 > BI/브랜드
-------------------------------------------------------------------*/
[data-content="05_04"]{}
[data-content="05_04"] >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0; border-bottom: 1px solid #EEE;}
[data-content="05_04"] >li >h3{width: 35rem; margin-top: 0; margin-bottom: 0; padding: 3.4rem 1rem 3.4rem 0;}
[data-content="05_04"] >li >div{display: block; width: calc(100% - 35rem); padding: 4rem 0;}
[data-content="05_04"] >li >div p{color: #353535; font-size: 1.7rem; font-weight: 500; line-height: 1.6;}
[data-content="05_04"] >li .box1{}
[data-content="05_04"] >li .box1:after{content: ""; display: block; clear: both;}
[data-content="05_04"] >li .box1 .imgs{overflow: hidden; float: right; width: 42.202%; margin-left: 2.7%; margin-bottom: 1rem; border: 1px solid #eee; border-radius: 2rem;}
[data-content="05_04"] >li .box_tit{display: inline-block; padding: 0.621rem 1.6rem; color: #353535; font-size: 1.4rem; font-weight: 500; line-height: 1.4; background-color: #EEE; border-radius: 3rem;}
[data-content="05_04"] >li .box1 .imgs img{display: block; width: 100%;}
[data-content="05_04"] >li .box1 .btns{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; gap: 0.4rem; margin-top: 2.4rem;}
[data-content="05_04"] >li .box2{display: flex; flex-wrap: wrap; justify-content: space-around; align-content: stretch; margin-top: 2rem; padding: 4rem 2rem 2.2rem; border: 1px solid #EEE; border-radius: 2rem;}
[data-content="05_04"] >li .box2 li{width: auto; max-width: calc((100% - 4rem) / 3);}
[data-content="05_04"] >li .box2 li .box_tit{margin-left: 1.6rem;}
[data-content="05_04"] >li .box2 li img{display: block; width: 100%; margin-top: 1.2rem;}
[data-content="05_04"] >li .box3{display: block; margin-top: 2rem; padding: 4rem; border: 1px solid #EEE; border-radius: 2rem;}
[data-content="05_04"] >li .box3 .box_tit:not(:first-of-type){margin-top: 6rem;}
[data-content="05_04"] >li .box3 ul{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch; gap: 2rem; width: 100%; max-width: 860px; margin: 0 auto; margin-top: 2rem;}
[data-content="05_04"] >li .box3 ul li{width: calc((100% - 2rem) / 2);}
[data-content="05_04"] >li .box3 ul li strong{display: block; color: #555; font-size: 1.3rem; font-weight: 500; line-height: 1.4;}
[data-content="05_04"] >li .box3 ul li img{display: block; max-width: 100%; margin: 0.8rem auto 0;}
[data-content="05_04"] >li .box4{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap:  4rem 10%; margin-top: 2rem; padding: 4rem 6rem; border: 1px solid #EEE; border-radius: 2rem;}
[data-content="05_04"] >li .box4 div[class*="box4_"]{}
[data-content="05_04"] >li .box4 .box4_3{width: 100%;}
[data-content="05_04"] >li .box4 div[class*="box4_"] >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4rem; margin-top: 2rem;}
[data-content="05_04"] >li .box4 div[class*="box4_"] >ul li strong{display: block; color: #353535; font-size: 1.3rem; font-weight: 500; line-height: 1.4;}
[data-content="05_04"] >li .box4 div[class*="box4_"] >ul li img{display: block; width: 15rem; margin-top: 1.2rem; }
[data-content="05_04"] >li .box5{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 4rem; margin-top: 2rem; padding: 4rem 5.5rem; border: 1px solid #EEE; border-radius: 2rem;}
[data-content="05_04"] >li .box5 img{display: block; max-width: 100%; margin: 0 auto; }

@media screen and (max-width: 1440px){
    [data-content="05_04"] >li >h3{width: 24rem; font-size: 2.7rem;}
    [data-content="05_04"] >li >div{width: calc(100% - 24rem);}
}
@media screen and (max-width: 1200px){
    [data-content="05_04"] >li .box4 div[class*="box4_"] >ul li img{width: 12rem;}
}
@media screen and (max-width: 1024px){
    [data-content="05_04"] >li{gap: 0;}
    [data-content="05_04"] >li >h3{width: 18rem; padding: 2.4rem 1rem 2.4rem 0; font-size: 2.4rem;}
    [data-content="05_04"] >li >div{width: calc(100% - 18rem); padding: 2.5rem 0;}
    [data-content="05_04"] >li >div p{font-size: 1.6rem;}
    [data-content="05_04"] >li .box2{justify-content: flex-start; gap: 2rem; padding: 2.5rem 2rem;}
    [data-content="05_04"] >li .box2 li .box_tit{margin-left: 0;}
    [data-content="05_04"] >li .box2 li{width: calc((100% - 4rem) / 3); max-width: none;}
    [data-content="05_04"] >li .box3{padding: 2.5rem 2rem;}
    [data-content="05_04"] >li .box3 .box_tit:not(:first-of-type){margin-top: 3.4rem;}
    [data-content="05_04"] >li .box4{padding: 2.5rem; gap: 2rem;}
    [data-content="05_04"] >li .box4 div[class*="box4_"] >ul{gap: 2rem; margin-top: 1.2rem;}
}
@media screen and (max-width: 840px){
    [data-content="05_04"] >li .box4 div[class*="box4_"] >ul li img{width: 10rem;}
}
@media screen and (max-width: 740px){
    [data-content="05_04"] >li .box1 .imgs{border-radius: 1rem; margin-left: 1rem; margin-bottom: 1rem;}
    [data-content="05_04"] >li .box2{gap: 1.5rem; margin-top: 1.2rem; padding: 2rem; border-radius: 1rem;}
    [data-content="05_04"] >li .box2 li .box_tit{margin-left: 0;}
    [data-content="05_04"] >li .box2 li{width: calc((100% - 3rem) / 3); max-width: none;}
    [data-content="05_04"] >li .box2 li img{margin-top: 1rem;}
    [data-content="05_04"] >li .box3{margin-top: 1.2rem; padding: 2rem; border-radius: 1rem;}
    [data-content="05_04"] >li .box3 .box_tit:not(:first-of-type){margin-top: 2.4rem;}
    [data-content="05_04"] >li .box3 ul{margin-top: 1.6rem; gap: 2rem 1.5rem;}
    [data-content="05_04"] >li .box3 ul li{width: calc((100% - 1.5rem) / 2);}
    [data-content="05_04"] >li .box3 ul li img{margin: 0.6rem auto 0;}
    [data-content="05_04"] >li .box4{margin-top: 1.2rem; padding: 2rem; border-radius: 1rem;}
    [data-content="05_04"] >li .box5{margin-top: 1.2rem; padding: 2rem; border-radius: 1rem;}
}
@media screen and (max-width: 640px){
    [data-content="05_04"] >li{display: block; padding: 2.2rem 0;}
    [data-content="05_04"] >li >h3{width: 100%; padding: 0; font-size: 2.2rem;}
    [data-content="05_04"] >li >div{width: 100%; margin-top: 1rem; padding: 0;}
    [data-content="05_04"] >li .box4 div[class*="box4_"] >ul{gap: 1.5rem;}
}
@media screen and (max-width: 480px){
    [data-content="05_04"] >li .box4 div[class*="box4_"]{width: 100%;}
    [data-content="05_04"] >li .box4 div[class*="box4_"] >ul li{max-width: calc((100% - 4.5rem) / 4);}
    [data-content="05_04"] >li .box4 div[class*="box4_"] >ul li img{width: 100%;}
}
@media screen and (max-width: 420px){
    [data-content="05_04"] >li .box2 li{width: 100%;}
    [data-content="05_04"] >li .box2 li img{max-width: 20rem; margin: 1.2rem auto 0;}
}

/*-------------------------------------------------------------------
    이메일무단수집거부·저작권 정책
-------------------------------------------------------------------*/
.privacy_warning{padding:4rem;border-top:2px solid #011842;text-align:center;background:url(../../../images/site/kor/content/cont0102_img10.png) center repeat;color:#fff}
.privacy_warning .icon{display:inline-flex;justify-content:center;align-items:center;width:10rem;height:10rem;background-color:#fff;border-radius:100%}
.privacy_warning .icon img{width:4rem}
.privacy_warning .tit{display:block;margin:2rem 0 0;font-size:3rem;font-weight:700;line-height:1;color:#fff}
.privacy_warning .desc{margin-top:2rem;font-size:1.7rem;font-weight:500}

.copyright_warning{margin-top:6rem;padding-top:6rem;border-top:1px solid #eee}

.num_lst{counter-reset:num 0}
.num_lst > li{position:relative;padding-left:3.4rem;color:#555;font-size:1.7rem;font-weight:500;line-height:1.6}
.num_lst > li::before{counter-increment:num 1;content:counter(num);position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;line-height:2.4rem;border-radius:100%;background:#f3f8ff;text-align:center;font-size:1.4rem;font-weight:700;color:#18469D}
.num_lst > li+li{margin-top:2rem}
.top_minus{margin-top:-1.5rem}
.copy_col{display:flex}
.copy_col .open_box{flex-shrink:0;display:flex;justify-content:center;align-items:center;margin-left:4.8rem;padding:2rem;width:33.7rem;border:1px solid #eee;border-radius:2rem}
i[class="br"]{display:block}

.btn2{display:inline-flex;align-items:center;padding:0 1.8rem;height:5.2rem;border:1px solid #17469E;border-radius:1rem;color:#17469E;font-size:1.7rem;font-weight:500;transition:all .2s}
.btn2[data-icon]::before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin-right:.8rem;background:url(../../../images/site/kor/content/icon_btn2_1.svg) center no-repeat;transition:all .2s}
.btn2:hover,
.btn2:focus{background:#17469E;color:#fff}
.btn2[data-icon]:hover::before,
.btn2[data-icon]:focus::before{background-image:url(../../../images/site/kor/content/icon_btn2_1_white.svg)}

@media screen and (max-width:1024px){
    .copy_col{flex-direction:column}
    .copy_col .open_box{width:100%;margin:4rem 0 0 0}
    .privacy_warning{padding: 3rem;}
}
@media screen and (max-width:900px){
    i[class="br"]{display:none}
}
@media screen and (max-width:640px){
    .privacy_warning{padding: 3rem 2rem;}
}


/*-------------------------------------------------------------------
    개인정보처리방침
-------------------------------------------------------------------*/
.cont_info{}
.cont_info >p{font-size: 1.7rem; color: #2D2D2D;}
.cont_info .privacy_warning{margin-bottom: 6rem; border-top:2px solid #011842;text-align:center;background:url(../../../images/site/kor/content/cont0102_img10.png) center repeat;color:#fff}
.cont_info .privacy_warning h3{margin-top: 0; text-align: left; font-weight: 600;}
.cont_info .privacy_warning ul{margin-top: 2rem;}
.cont_info .privacy_warning ul li{color: #fff; font-weight: 300;}
.cont_info .privacy_warning ul li:not(:first-child){margin-top: 1.6rem;}
.cont_info .privacy_warning ul li:before{background-color: #fff;}

.cont_info a.blank{display: inline-block;}
.cont_info a.blank:hover{text-decoration: underline; text-underline-position: under;}
.cont_info a.blank:after{content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 4px; margin-top: -3px; vertical-align: middle; background: url(../../../images/site/kor/content/contuse_img15.svg) no-repeat center center / 100% auto;}
.cont_info h3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.8rem 1rem;}
.cont_info .tip{display: block; position: relative; margin-left: auto; padding-left: calc(0.4rem + 1.2em); font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
.cont_info .tip:before{content: ""; position: absolute; top: 0.1rem; left: 0; width: 1.2em; height: 1.2em; line-height: 1.2; color: #fff; background: #aaa url(../../../images/site/kor/content/contuse_img18.svg) no-repeat center center / 2px auto; border-radius: 50%;}

.cont_info p + .num_lst{margin-top: 2rem;}
.cont_info .num_lst li{color: #2D2D2D; font-weight: 400;}
.cont_info .num_lst li .block{margin-bottom: 0.5rem;}
.cont_info .num_lst >li{margin-top: 1rem; }
.cont_info .num_lst >li:first-child{margin-top: 0;}
.cont_info .num_lst >li >*{margin-top: 1rem;}
.cont_info .num_lst >li >* >li{margin-top: 0.6rem; font-size: 1.6rem;}
.cont_info .num_lst >li >.num_lst >li{padding-left: 1.8rem;}
.cont_info .num_lst >li >* >li:first-child{margin-top: 0;}
.cont_info .num_lst >li >.num_lst >li:before{content: counter(num) ". "; background: transparent; width: auto; color: #2d2d2d; font-size: 1.5rem;}
.cont_info .num_lst >li >.num_lst.kor >li{padding-left: 2.2rem;}
.cont_info .num_lst >li >.num_lst.kor >li:before{content: counter(num, ganada) ". "; top: 0; background: transparent; width: auto; color: #2d2d2d; font-size: 1.5rem;}
.cont_info .num_lst >li >* >li > ul,
.cont_info .num_lst >li >* >li > ol{margin-top: 0.6rem;}
.cont_info .num_lst >li >* >li > ul >li,
.cont_info .num_lst >li >* >li > ol >li{font-size: 1.5rem;}

.cont_info .b2{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.6rem 6rem; padding: 3rem; background-color: #F8F8F8; border-radius: 10px;}
.cont_info .b2 >li{display: flex; position: relative; width: calc((100% - 6rem - 6rem) / 3);}
.cont_info .b2 >li:nth-child(1):before,
.cont_info .b2 >li:nth-child(2):before{content: ""; display: block; position: absolute; top: -50vh; left: calc(100% + 3rem); width: 1px; height: 200vh; border-left: 1px dashed #DDD;}
.cont_info .b2 >li >a{display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.2rem; position: relative; letter-spacing: -0.016rem; color: #222; font-weight: 600;}
.cont_info .b2 >li >a:hover{text-decoration: underline; text-underline-position: under;}
.cont_info .b2 >li >a b{display: inline-block; font-weight: 700; color: #214687;}


@media screen and (max-width:1200px){
    .cont_info .b2{gap: 1.4rem 4rem; padding: 2.5rem 2rem;}
    .cont_info .b2 >li{width: calc((100% - 4rem - 4rem) / 3);}
    .cont_info .b2 >li:nth-child(1):before,
    .cont_info .b2 >li:nth-child(2):before{left: calc(100% + 2rem);}
}
@media screen and (max-width:1024px){
    .cont_info h3{gap: 0.6rem 1rem;}
    .cont_info a.blank:after{width: 1.5rem; height: 1.5rem;}
    .cont_info .sub-title-2 .tip{font-size: 1.5rem;}
    .cont_info .b2{gap: 1.2rem 4rem; padding: 2rem 2rem;}
    .cont_info .b2 >li{width: calc((100% - 4rem) / 2);}
    .cont_info .b2 >li:nth-child(1):before{left: calc(100% + 2rem);}
    .cont_info .b2 >li:nth-child(2):before{display: none;}
}
@media screen and (max-width:640px){
    .cont_info h3{gap: 0.4rem 1rem;}
    .cont_info a.blank:after{width: 1.4rem; height: 1.4rem;}
    .cont_info .b2{gap: 1rem; padding: 2rem 1.5rem;}
    .cont_info .b2 >li{width: 100%;}
    .cont_info .b2 >li:nth-child(1):before{display: none;}
}

/*-------------------------------------------------------------------
    섬비엔날레 아카이브
-------------------------------------------------------------------*/
.archive_top_menu{display:flex;flex-wrap:wrap;gap:0 4rem;margin-bottom:7rem}
.archive_top_menu [class^="depth"]{display:flex}
.archive_top_menu [class^="depth"] a{position:relative;display:flex;align-items:center;height:5rem;color:#151515;font-size:1.7rem;text-align:center;transition:all .3s}
.archive_top_menu .depth2{flex-shrink:0}
.archive_top_menu .depth2 li{overflow:hidden}
.archive_top_menu .depth2 li:first-child{border-radius:.3rem 0 0 .3rem}
.archive_top_menu .depth2 li:last-child{border-radius:0 .3rem .3rem 0}
.archive_top_menu .depth2 li a{justify-content:center;min-width:12rem;padding:1rem;background:#D8D8D8;font-weight:700;font-size:2.1rem}
.archive_top_menu .depth2 li a:hover{background:#bbb}
.archive_top_menu .depth2 li.on a{background:#17469E;color:#fff}
.archive_top_menu .depth3{flex:auto;flex-wrap:wrap;gap:1rem}
.archive_top_menu .depth3 li{flex: 0 1 calc((100% - 5rem) / 6)}
.archive_top_menu .depth3 li a{justify-content:space-between;padding:.5rem 1.4rem;line-height:1;border-width:1px 0;border-style:solid;border-color:#ddd;font-weight:500}
.archive_top_menu .depth3 li a:hover{border-color:#888}
.archive_top_menu .depth3 li.on a{border-color:#17469E;color:#17469E;font-weight:700}
.archive_top_menu .depth3 li a::after{content:"";width:2.4rem;height:2.4rem;margin-left:.4rem;border:1px solid #ddd;border-radius:50%;background:url(../../../images/site/kor/content/icon_archive_arrow.svg) center no-repeat;transition:all .2s}
.archive_top_menu .depth3 li.on a::after{transform:rotate(90deg);border-color:#17469E;background-image:url(../../../images/site/kor/content/icon_archive_arrow_ov.svg)}
@media screen and (max-width:1160px){
    .archive_top_menu{margin-bottom:5rem;gap:2rem 2rem}
    .archive_top_menu .depth3 li a{padding:.5rem}
}
@media screen and (max-width:1060px){
	.archive_top_menu .depth3 li a{font-size:1.6rem;letter-spacing:-.05rem}
}
@media screen and (max-width:1024px){
    .archive_top_menu .depth3{width:100%}
}
@media screen and (max-width:768px){
    .archive_top_menu .depth3{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
    .archive_top_menu .depth3 li{flex-shrink:0}
    .archive_top_menu .depth3 li a::after{margin-left:1rem}
}
@media screen and (max-width:640px){
    .archive_top_menu .depth2{width:100%}
    .archive_top_menu .depth2 li{flex:1}
}

/*-------------------------------------------------------------------
    공공누리
-------------------------------------------------------------------*/
.ggnuri{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 2rem; margin-bottom: 2rem; padding: 2rem; background-color: #F9F9F9; border: 1px solid #EEE; border-radius: 1rem;}
.ggnuri div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; flex: 1; color: #151515; }
.ggnuri div h5{display: block; width: 100%; margin-bottom: 0; font-weight: 700;}
.ggnuri div p{display: block; width: 100%; font-weight: 500;}

@media screen and (max-width:640px){
    .ggnuri{display: block;}
    .ggnuri div{margin-top: 1.4rem;}
    .ggnuri img{display: block; max-width: 100%;}
}