@charset "utf-8";

/*  웹진 상세 화면 css ios chrome/safari 에서 세로정렬 이슈 : height, line-height 동일하게 설정*/
/*********************************************************************************************************************************************************************
	Common
*********************************************************************************************************************************************************************/

/*
 * 특수문자 폰트 선별적 사용
 * U+3008 - 〈
 * U+3009 - 〉
 * U+300E - 『
 * U+300F - 』
 */

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic010.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic015.woff') format('woff');
    font-weight: 150;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic020.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic025.woff') format('woff');
    font-weight: 250;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic030.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic035.woff') format('woff');
    font-weight: 350;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic040.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic045.woff') format('woff');
    font-weight: 450;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic050.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

@font-face {
    font-family: 'omni-sp';
    src: url('../fonts/omni/210omnigothic055.woff') format('woff');
    font-weight: 550;
    font-style: normal;
    unicode-range: U+3008, U+3009, U+300E, U+300F;
}

/*
 * 옴니고딕 설정
 */

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic010.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic015.woff') format('woff');
    font-weight: 150;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic020.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic025.woff') format('woff');
    font-weight: 250;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic030.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic035.woff') format('woff');
    font-weight: 350;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic040.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic045.woff') format('woff');
    font-weight: 450;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic050.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'omni';
    src: url('../fonts/omni/210omnigothic055.woff') format('woff');
    font-weight: 550;
    font-style: normal;
}
.m0 {
    margin: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb2 {
    margin-bottom: 2px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mb110 {
    margin-bottom: 110px !important
}

.mb120 {
    margin-bottom: 120px !important
}

.mb130 {
    margin-bottom: 130px !important
}

.mb140 {
    margin-bottom: 140px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt110 {
    margin-top: 110px !important
}

.mt120 {
    margin-top: 120px !important
}

.mt130 {
    margin-top: 130px !important
}

.mt140 {
    margin-top: 140px !important
}

.w380 {
    width: 380px !important;
    height: auto;
}

.h300 {
    height: 300px !important;
    width: auto;
}

.w600 {
    width: 600px
}

.slide-margin {
    max-width: 380px;
    margin: 0 auto;
}

.pd0 {
    padding: 0 !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.f12 {
    font-size: 12px !important;
    line-height: 1.4em;
}

.f16 {
    font-size: 16px !important;
    line-height: 1.4em;
}

.f17 {
    font-size: 17px !important;
    line-height: 1.4em;
}

.f18 {
    font-size: 18px !important;
    line-height: 1.4em;
}

.f19 {
    font-size: 19px !important;
    line-height: 1.4em;
}

.f20 {
    font-size: 20px !important;
    line-height: 1.4em;
}

.f24 {
    font-size: 24px !important;
    line-height: 1.4em;
}

.f25 {
    font-size: 25px !important;
    line-height: 1.4em;
}

.f29 {
    font-size: 29px !important;
    line-height: 1.4em;
}

.f31 {
    font-size: 31px !important;
    line-height: 1.4em;
}

.f34 {
    font-size: 34px !important;
    line-height: 1.4em;
}

  span.footnote.foot5:not(.recommend_list span.footnote.foot5){color: #00E0F4;}
  span.footnote.footsub{color: #bbbbbb;}
  span.footnote sup:not(.recommend_list span.footnote sup){display: inline-block;}

.sub-head .footnote{
    color: #bbbbbb !important;
}

.footnote {
    position: relative;
    vertical-align: 0;
    color:#666;
}

.footnote:hover:after {
    content: attr(data-footnote);
    background: #666666;
    color: #fff;
    padding: 3px 15px;
    font-size: 13px;
    font-weight: normal;
    min-width: 30ch;
    line-height: 1.5;
    z-index: 2;
}

span.footnote:not(span.footnote.vol13-sum){
    color: #222;
}
span.footnote.vol13-sum{color: #dddddd}
span.footnote sup{
    display: none;
}


.slick-slide img{
    width: 100%;
    object-fit: contain;
}

.txt-align-c {
    text-align: center !important;
}

.txt-align-l {
    text-align: left !important;
}

.sub-head h2 i.ico-intro {
    width: 23px;
    height: 23px;
    background: url(/asquare/images/common/ico_gnb4on.png) no-repeat 0 0;
    background-size: 23px auto;
    margin-top: -2px
}

.sub-head h2 i.ico-prism {
    width: 23px;
    height: 23px;
    background: url(/asquare/images/common/ico_gnb6on.png) no-repeat 0 0;
    background-size: 23px auto;
    margin-top: -2px
}

.sub-head h2 i.ico-scene {
    width: 23px;
    height: 23px;
    background: url(/asquare/images/common/ico_gnb7on.png) no-repeat 0 0;
    background-size: 23px auto;
    margin-top: -2px
}

.sub-head h2 i.ico-flow {
    width: 23px;
    height: 23px;
    background: url(/asquare/images/common/ico_gnb8on.png) no-repeat 0 0;
    background-size: 23px auto;
    margin-top: -2px
}

.sub-head h2 i.ico-around {
    width: 23px;
    height: 23px;
    background: url(/asquare/images/common/ico_around.png) no-repeat 0 0;
    background-size: 23px auto;
    margin-top: -2px
}

.content {
    display: flex;
    flex-flow: row nowrap;
    padding: 90px 0 80px;
    max-width: 832px;
    margin: 0 auto;
}

.title1 {
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_square.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 40px;
    line-height: 1.8;
}

.title1.intro {
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_gnb4on.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 40px;
    line-height: 1.8;
}

.title1.prism {
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_gnb6on.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 40px;
    line-height: 1.8;
}

.title1.scene {
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_gnb7on.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 40px;
    line-height: 1.8;
}

.title1.flow{
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_gnb8on.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 40px;
    line-height: 1.8;
}

.title1.around{
    background: url(/asquare/images/common/ico_around.png) no-repeat 50% 0;
    background-size: 32px;
}
.title1.around p{color:  #F9A805; font-weight: 200; margin-bottom: 10px;}

.title2 {
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_square.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 20px;
    line-height: 1.8;
}

.title2.flow {
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    font-family: 'omni';
    background: url(/asquare/images/common/ico_gnb8on.png) no-repeat 50% 0;
    background-size: 23px auto;
    margin-bottom: 20px;
    line-height: 1.8;
}

.title1.no-ico {
    background: none;
    background-size: 0;
    /* background-size:23px auto; margin-bottom: 40px; line-height: 1.8;   */
}

.title1 sup {
    font-size: 12.8px;
    font-weight: 300;
}

.sub-writer-nm {
    text-align: center !important;
    color: #818181;
}

.text1.prism {
    font-family: 'omni';
    font-weight: 500;
    color: #F9A805;
    text-align: center;
    font-size: 19px;
    line-height: 40px;
    word-break: break-all;
    letter-spacing: -1px;
}

.text1.prism1 {
    color: #F9A805;
    text-align: center;
    font-size: 17px;
    line-height: 36px;
    word-break: break-all;
    letter-spacing: -1px;
}

.around-writer1{color: #0096ac;}
.around-writer2{color: #007c4f;}
.around-writer3{color: #0d25b2;}
.around-writer4{color: #c66200;}
.around-writer5{color: #ba4dff;}
.around-writer6{color: #b20176;}

.q-text span {
    font-size: 17px;
    line-height: 36px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: -1px;
    font-weight: 500;
    box-shadow: inset 0 -14px 0 rgba(216, 120, 94, 0.3);
}

.content-area .content .inner .txt-box {
    border: 1px solid  #F9A805;
    padding: 20px;
    color: #444444
}

.content-area .content .inner .txt-box .desc {
    text-align: center;
    font-size: 13px;
    color: #484848;
    margin-top: 30px;
    z-index: 2;
    letter-spacing: -0.7px;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.content-area .content .inner .txt-box-flex {
    border: 1px solid #ba4dff;
    color: #444444
}

.content-area .content .inner .txt-box-flex > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.content-area .content .inner .txt-box-flex > div div {
    flex: 1;
    padding: 20px;
    border-right: 1px solid #ba4dff;
}

.content-area .content .inner .txt-box-flex > div div:nth-last-child(1) {
    border-right: 0;
}

.content-area .content .inner .txt-box-flex .desc {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    color: #484848;
    margin-top: 10px;
    z-index: 2;
    letter-spacing: -0.7px;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.bodycopy .txt-box-center {
    border: 1px solid  #F9A805;
    padding: 20px;
    color: #444444;
    text-align: center;
}

.bodycopy .txt-box-center .desc {
    font-size: 13px;
    color: #888;
    text-align: center;
    margin-top: 0;
}

.square1 .img-box2.box3 img:hover {
    transform: scale(1.2);
    z-index: 1000;
}

.square5 .img-box2.box1 img:hover {
    transform: scale(1.2);
    z-index: 1000;
}

.prism .img-box2.box1 img:hover {
    transform: scale(1.2);
    z-index: 1000;
}

.prism .img-box2.box2 img:hover {
    transform: scale(1.2);
    z-index: 1000;
}

.flow .img-box2.box1 img:hover {
    transform: scale(1.2);
    z-index: 1000;
}

.content-area.prism .img-box2 {
    width: 80%;
    margin: 0 auto 80px;
    position: relative;
    text-align: center;
}

.content-area.prism .img-box2 img {
    position: relative;
    z-index: 2;
}

.content-area.prism .img-box2 .desc {
    text-align: center;
    font-size: 13px;
    color: #888;
    margin-top: 20px;
    position: relative;
    z-index: 2;
    letter-spacing: -0.7px;
    white-space: pre-line;
}


.img-box, .img-box3 {
    text-align: center;
    position: relative;
    margin: 0px auto;
}

.img-box img, .img-box3 img{
    position: relative;
    z-index: 2;
    transition: all 0.2s linear;
}

.img-box .desc, .img-box3 .desc {
    text-align: center;
    font-size: 13px;
    color: #484848;
    margin-top: 30px;
    position: relative;
    z-index: 2;
    letter-spacing: -0.7px;
    white-space: pre-line;
    word-break: break-all;
}



.img-box5 {
    width: 373px;
    margin: 0 auto;
    position: relative;
}

.img-box5 img {
    position: relative;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0%);
}

.img-box5 .desc {
    text-align: center;
    font-size: 13px;
    color: #484848;
    z-index: 2;
    letter-spacing: -0.7px;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.img-box5:before {
    content: '';
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 320px;
    height: 320px;
    background: url(/asquare/images/common/ico_square.png) no-repeat 0 0;
}

.img-box5.revert:before {
    transform: scaleX(-1);
    left: -37px;
}

.img-box5.box2 {
    width: 353px;
    margin-bottom: 75px;
}

.img-box5.box3 {
    width: 360px;
}

.img-box5.box3:before {
    left: -35px;
}

.img-box6 {
    width: 373px;
    margin: 0 auto;
    position: relative;
}

.img-box6 img {
    position: relative;
    z-index: 2;
}

.img-box6 .desc {
    text-align: center;
    font-size: 13px;
    color: #888;
    z-index: 2;
    letter-spacing: -0.7px;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.img-box6.revert:before {
    transform: scaleX(-1);
    left: -37px;
}

.img-box6.box0 {
    width: 373px;
}

.img-box6.box2 {
    width: 353px;
    margin-bottom: 75px;
}

.img-box6.box3 {
    width: 360px;
}

.img-box6.box3:before {
    left: -35px;
}

/* .img-box.box1:before {background-size: contain; width:330px; height:330px;}
.img-box.box2:before {background-size: contain; width:266px; height:266px;} */
.square1 .img-box2.box3 {
    width: 641px !important;
}

/* @media all and (max-width:767px) {
	.img-box.box1:before {background-size: 100%; width:auto; height:auto;}
	.img-box.box2:before {background-size: 100%; width:auto; height:auto;}
	.img-box6.box3 {width:100% !important;}
} */


.square2 .img-box.box1 {
    width: 205px;
}

.square2 .img-box.box1:before {
    left: -57px;
}

/* .square5 .img-box.box2:before {background-size: contain; width:263px; height:263px;} */
/* .square5 .img-box.box3:before {background-size: contain; width:314px; height:314px; left:-30px;} */

.square6 .img-box.box2 {
    width: 266px;
}

.square6 .img-box.box3 {
    width: 343px;
}

.content-area sup {
    color: #666
}

span.footnote:not(span.footnote.vol14-sum){
    color: #222;
}
span.footnote.vol14-sum{color: #dddddd}
span.footnote sup{
    display: none;
}

.nowrap{white-space: nowrap;}


.resource {
    padding: 20px;
    background: #e9e9e9;
    border-top: 1px solid #888;
    margin-bottom: 80px;
    word-break: break-all;
}

.resource3{
    padding: 20px;
    line-height: 2;
    margin-bottom: 80px;
    text-align: center;
    border: 1px solid #000000;
}

.resource3.text-left .bold{font-weight: bold}

.resource ul, .resource2 ul, .resource ol, .resource2 ol{padding:0 0 0 15px;}
.resource ul li, .resource2 ul li{list-style:disc;}

.resource .tit {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    word-break: break-all;
}

.resource .txt {
    font-size: 15px;
    line-height: 1.8;
    color: #444444;
    word-break: break-all;
}

.resource2 {
    padding: 20px;
    background: #e9e9e9;
    border-top: 1px solid #888;
    margin-bottom: 80px;
    word-break: break-all;
}

.resource2 .tit {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    word-break: break-all;
}

.resource2 .txt {
    font-size: 15px;
    line-height: 1.8;
    color: #444444;
    word-break: break-all;
}


.resource2 .txt ol li table{border: 1px solid #000000;}
.resource2 .txt ol li table thead tr{text-align: center; background-color: #cccccc;}
.resource2 .txt ol li table td, .resource2 .txt ol li table th{padding: 0 10px;}
.resource2 .txt ol li table tr{border-bottom: 1px solid #000000;}
.resource2 .txt ol li table tr th, .resource2 .txt ol li table tr td{border-right: 1px solid #000000;}

.participants{border: 1px solid #444444; padding: 30px 0;}
.participants ul{display: flex; justify-content: end; align-items: flex-start; margin-bottom: 20px;}
.participants ul:last-child{margin-bottom: 0;}
.participants ul li{display: flex; width: 45%; align-items: center;}
.participants ul li img{width: 80px; height: 78px;}
.participants ul li .info{font-size: 15px; margin-left: 12px; line-height: 1.7;}
.participants ul li .info p{color: #444444; font-weight: 200;}
.participants ul li .info .participants-name{font-weight: 600;}

.scene6{border: 1px solid #444444; padding: 30px 30px 0 30px;}
.scene6 ul li{display: flex; margin-bottom: 30px;}
.scene6 ul li img{width: 94px; margin-right: 30px;}
.scene6 ul li p{font-size: 15px; line-height: 25px; font-weight: 300;}
.scene6 ul li p.bold{font-weight: 600;}

span.bold{font-weight: 600;}
span.spacing_05{letter-spacing: -0.5px;}

@media all and (max-width: 767px) {
    .img-box2 {
        width: auto !important;
        margin-bottom: 60px;
    }

    .img-box3 {
        width: auto !important;
        margin-bottom: 60px;
    }

    /* .img-box2:before { left: -20px; bottom:-20px; right:20px; background-size:100%; width:auto; height: auto; }
    .img-box2.revert:before { left: -20px; } */
    .img-box2 .desc {
        font-size: 13px;
        margin-top: 10px;
    }

    .img-box2.box2 {
        margin-bottom: 40px;
    }

    .img-box2.box3:before {
        left: -20px;
    }

    .img-box3-wrap {
        display: flex;
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
    }

    .img-box3-wrap .box3 {
        width: 100%;
        padding-top: 10px;
    }

    .img-box3-wrap .box2 {
        width: 100%;
        padding-top: 10px;
    }

    .img-box3-wrap .box1 {
        width: 100%;
        padding-top: 10px;
    }

    .img-box3-wrap p {
        width: 100%;
        text-align: center;
        margin: 20px 0 10px;
        font-size: 16px;
        font-weight: 400;
        font-family: 'omni';
    }

    .img-box5 {
        width: auto !important;
    }

    .img-box5:before {
        background-size: 100%;
        width: auto;
        height: auto;
    }

    .img-box6 {
        width: auto !important;
    }

    .content-area .content .inner .txt-box-flex > div {
        flex-direction: column;
        justify-content: space-between;
    }

    .content-area .content .inner .txt-box-flex > div div {
        flex: 1;
        border-bottom: 1px solid #ba4dff;
        border-right: 0;
    }

    .content-area .content .inner .txt-box-flex > div div:nth-last-child(1) {
        border-bottom: 0;
        border-right: 0;
    }

    .content-area .content .inner .txt-box-flex .desc {
        margin-top: 5px;
    }

    .square1 .img-box2.box3 {
        width: 100% !important;
    }

    .square2 .img-box.box1 {
        width: 205px !important;
    }

    .square2 .img-box.box1:before {
        left: -57px;
        width: 320px;
    }

    .scene6 ul li {
        align-items: flex-start;
    }
    .scene6 ul li img{margin-right: 10px;}

    .participants {
        padding: 20px 30px;
        max-width: 300px;
        margin: 0 auto;
    }

    .participants ul:first-child {
        margin: 0;
    }

    .participants ul {
        display: initial;
    }

    .participants ul li {
        width: auto;
        margin-bottom: 10px;
    }
    .participants ul li .info p{
        white-space: nowrap;
    }


    @media all and (max-width: 500px) {
        .sub-head {
            height: auto;
            padding: 0 10px 50px;
            word-break: break-all;
        }
    }
}
@media screen and (min-width: 1024px) {
    .slide-margin {
        max-width: 740px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 767px){

    .footnote:hover:after{
        position: absolute;
        /* top: -200%; 위치 변경*/
        top: -130%;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media (max-width: 960px){
    .img-slider .img-container{
        margin: 0 1px;
    }
}
@media (max-width: 767px){

    .footnote:hover:after {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 5;
        transform: translateX(-50%);
    }

}

/*각주 스타일*/
.footnote sup { 
  font-family: 'Pretendard';
  font-size: .75rem;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: -.02em;
  vertical-align: super !important;
}


/* .board-wrap .bodycopy iframe {
  width: 720px !important;
  height: auto !important;
  aspect-ratio: 16/9;
}

@media (max-width: 1100px){
  .board-wrap .bodycopy iframe {
    width: calc(100vw - 308px - 85px) !important;
  }
}
@media (max-width: 768px){
  .board-wrap .bodycopy iframe {
    width: calc(100vw - 16px - 16px) !important;
  }
} */