@charset "utf-8";
@import url(../css/pretendard.css);

/* color */
:root{
  --ivory-00: #faf4eb;

  --purple-00: #5c2e91;
  --purple-01: #eedbfc;
  --purple-02: #b4b6cd;
  --purple-03: #eaddf9;
  --purple-04: #efc8e7;
  --purple-05: #d931ac;

  --pink-00: #e444a4;
  --pink-01: #fbccc0;
  --pink-02: #fed2e5;
  --pink-03: #ffc5d7;
  --pink-04: #f40c53;

  --green-00: #00b6ad;
  --green-01: #dff6de;
  --green-02: #cbfbdb;
  --green-03: #38aa3b;

  --blue-00: #c0fbf4;
  --blue-01: #c0edfb;
  --blue-02: #6adcff;
  --blue-03: #d6eff9;
  --blue-04: #5374d2;

  --yellow-00: #f5f4d4;
  --yellow-01: #f1ed92;
  --yellow-02: #fbe4c0;
  --yellow-03: #f2ea30;
  --yellow-04: #f3dbbd;
  --yellow-05: #ff8a00;
  --yellow-06: #f9eba9;
  --yellow-07: #fdd03f;

  --mono-00: #000;
  --mono-01: #fff;
  --mono-02: #b0b0b0;
  --mono-03: #f9f9f9;
  --mono-04: #333;
  --mono-05: #999;
  --mono-06: #f1f1f1;

}
*{box-sizing: border-box; word-break: keep-all;}
html,body{ font-family: 'Pretendard'; font-weight: 400; color: var(--mono-00); box-sizing: border-box;}
@media screen and (max-width:1500px) { .wrap{font-size: 14px;} }
@media screen and (max-width:1200px) { .wrap{font-size: 13px;} }
@media screen and (max-width:540px) { .wrap{font-size: 12px;} }

.guide{ width: 92%; max-width: 1500px;}
.wrap{position: relative; width: 100%; min-width: 280px;}
.point-bg{background-color: var(--purple-00); color: var(--mono-01);}
.flex_cont{display: flex; flex-wrap: wrap;}
.g_icon span{display: block; font-size: 1em;}
.border_r_none{border-right: 0 !important;}
.mob_view{display: none;}
@media screen and (min-width:1201px) {
  .sp_2{letter-spacing: -2px !important;}
  .sp_2_5{letter-spacing: -2.5px !important;}
}
/* color / bg */
.point-color{color: var(--purple-00);}
.point-color02{color: var(--pink-00);}
.yell00{background-color: var(--yellow-00);}
.yell01{background-color: var(--yellow-01);}
.yell02{background-color: var(--yellow-02);}
.pink01{background-color: var(--pink-01);}
.pink02{background-color: var(--pink-02);}
.blue00{background-color: var(--blue-00);}
.blue01{background-color: var(--blue-01);}
.blue02{background-color: var(--blue-02);}
.purple01{background-color: var(--purple-01);}
.purple02{background-color: var(--purple-02);}
.green01{background-color: var(--green-01);}
.mono03{background-color: var(--mono-03);}

/* font style */
.ft_bold{font-weight: 700;}
.ft_sbold{font-weight: 600;}
.ft_medium{font-weight: 500;}

/* button */
.btn_wrap{display: flex; align-items: center; justify-content: center;}
.btn_basic{display: inline-flex; align-items: center; justify-content: center; padding: 0.94em 10px; border-radius: 10px; border: 3px solid transparent; transition: all 0.2s;}
.btn_basic.purple{background-color: var(--purple-00); color: var(--mono-01);}
.content_wrap{position: relative; width: 100%; background: url(../images/bg_main.jpg) repeat center; overflow-y: hidden;}
.btn_basic.purple:hover{background-color: var(--mono-01); color: var(--purple-00);  border-color: var(--purple-00); z-index: 2;}
.contents_bg{background-position: center; background-repeat: no-repeat; background-size: 100%; width: 50%; padding-top: 100%; position: absolute;}
.contents_bg.bg01{ /*top: 48%;*/ top: 104em; left: 0; padding-top: 40%;}
.contents_bg.bg02{/*top: 80%;*/ top: 173.375em; left: 0; padding-top: 85%;}
.contents_bg.bg03{/*top: 39%;*/ top: 84.5em; right: 0; padding-top: 75%;}
.contents_bg.bg04{/*top: 80%;*/ top: 173.375em; right: 0; padding-top: 63%;}

.btn_basic.purple_line{background-color: var(--mono-01); color: var(--purple-00);  border-color: var(--purple-00);}
.btn_basic.w520{font-size: 1.875em; font-weight: 600; width: 17.33em; height: 2.83em; padding: 0;}

/* tab_contents */
.tab_contents{position: relative; padding: 5.31em 0;}
.tab_contents .tab_cont_menu{max-width: calc(1310px + 0.88em); margin: -0.44em auto 0; align-items: center; margin-bottom: 2.875em;}
.tab_contents .tab_btn{width: calc(25% - 0.88em); padding: 0.7em 0; margin: 0.44em; font-size: 2.25em; color: var(--ivory-00); background-color: var(--purple-00); text-align: center; border-radius: 5em; cursor: pointer;}
.tab_contents .tab_btn.active{background-color: var(--pink-00);}
.tab_contents .top_banner{width: 82.27%; margin: 0 auto 5.875em; max-width: 1234px;}
.tab_contents .tab_cont{display: none;}
.tab_contents .tab_cont.active{display: block;}

/* inner tab contents */
.inner_tab_contents{position: relative;}
.inner_tab_contents .tab_line_menu{display: flex; align-items: center; justify-content: center;  border-bottom: 1px solid var(--purple-00);}
.inner_tab_contents .tab_inner_btn{ width: 45%; max-width: 280px; text-align: center; padding: 0.6em 0; font-size: 2.25em; font-weight: 600; color: var(--mono-02); border: 1px solid var(--mono-02); border-bottom: 0; border-radius: 10px 10px 0 0; background-color: var(--mono-01); margin: 0 3px; margin-bottom: -1px; border-bottom: 1px solid var(--purple-00); cursor: pointer;}
.inner_tab_contents .tab_inner_btn.active{color: var(--purple-00); border-color: var(--purple-00); border-bottom-color: var(--mono-01);}
.inner_tab_contents .inner_tab_cont{display: none;}
.inner_tab_contents .inner_tab_cont.active{display: block;}
.inner_tab_contents .tab_cont_wrap{margin-top: 3.75em;}

/* container_box */
.container_box{background-color: var(--mono-01); width: 100%; padding: 2.25em 3.125em 2.5em; border-radius: 1.875em;}
.container_box + .container_box{margin-top: 2.25em;}
.container_box .box_head{width: 100%; border-bottom: 1px solid var(--mono-02); display: flex; align-items: center; color: var(--purple-00); font-size: 2.25em; font-weight: 600; padding-bottom: 12px;}
.container_box .box_head .g_icon span{ margin-right: 8px; font-weight: 600;}
.container_box .box_cont{margin-top: 1.5em; width: 100%;}
@media screen and (max-width:1200px) {
  .container_box{padding: 2em 5%;}
  .tab_contents .tab_btn{font-size: 1.5em;}
}
@media screen and (max-width:760px) {
  .container_box .box_head{font-size: 1.875em;}
  .inner_tab_contents .tab_inner_btn{font-size: 1.25em; padding: 1em 0;}
}
@media screen and (max-width:540px) {
  .tab_contents .tab_btn{width: calc(50% - 0.88em);}
}

/* table */
/* .table_wrap table{width: 100%; table-layout: fixed;}
.table_wrap table thead th{background-color: var(--green-00); border-right: 1px solid var(--mono-01); color: var(--mono-01); font-size: 1.875em; font-weight: 700; line-height: 1.08em; padding: 10px 0;}
.table_wrap table thead th.event_zone{font-size: 1.5em}
.table_wrap table tbody td{ position: relative; font-size: 1.375em; font-weight: 600; line-height: 1.36em; border-bottom: 1px solid var(--mono-02); border-right: 1px solid var(--mono-02); color: var(--mono-04); text-align: center; letter-spacing: -1px; padding: 6px 0;}
.table_wrap table tbody td .time{display: block; font-size: 0.82em;}
.table_wrap table tbody .small_td{font-size: 1.25em; letter-spacing: -2px;}
.table_wrap table tbody .small_td .time{font-size: 0.9em;}
.table_wrap table tbody td.empty{height: 2.7em;}
.table_wrap table tbody .sun{border-top: 2px solid var(--green-00);} */



.table_wrap table{width: 100%; table-layout: fixed;}
.table_wrap table thead th{background-color: var(--green-00); border-right: 1px solid var(--mono-01); color: var(--mono-01); font-size: 1.875em; font-weight: 700; line-height: 1.08em; padding: 10px 0;}
.table_wrap table thead th.event_zone{font-size: 1.5em}
.table_wrap table tbody td{ position: relative; font-size: 1.375em; font-weight: 600; line-height: 1.36em; border-bottom: 1px solid var(--mono-02); border-right: 1px solid var(--mono-02); color: var(--mono-04); text-align: center; letter-spacing: -1px; word-break: break-all;}
.table_wrap table tbody td > div{padding: 6px 0;}
.table_wrap table tbody td .time{display: block; font-size: 0.82em;}
.table_wrap table tbody .small_td{font-size: 1.25em; letter-spacing: -2px;}
.table_wrap table tbody .small_td .time{font-size: 0.9em;}
.table_wrap table tbody td.empty{height: 3.5em;}
.table_wrap table tbody .sun{border-top: 2px solid var(--green-00); }

.absolute_time{position: absolute; top: 33%; left: 0; width: 100%; border-top: 1px solid var(--mono-02); border-bottom: 1px solid var(--mono-02); z-index: 2; padding: 0 !important;}
.absol_time_bottom{padding-top: 0.9em !important; z-index: 1;}
.td_absol_time_bottom{padding-top: 0.9em !important; border-top: 1px solid var(--mono-02); border-bottom: 1px solid var(--mono-02);}
.corner_td .absol_time_bottom{ position: relative; padding-top: 3.1em !important; padding-bottom: 0; font-size: 0.8em; line-height: 1;}
.corner_td .absol_time_bottom .time{line-height: 1;}
.corner_time{font-size: 0.8em; line-height: 1em; }
.corner_td .absol_time_bottom::after{content: ""; display: block; width: 100%; height: 8px; background-color: var(--blue-00); position: absolute; top: 100%; left: 0; border-bottom: 1px solid var(--mono-02);}
.corner_absol{position: absolute; top: 0px; left: 0; width: 100%; border-bottom: 1px solid var(--mono-02); z-index: 2;}

.absol_half_time{position: absolute; top: 70%; left: 0; width: 100%; border-top: 1px solid var(--mono-02); border-bottom: 1px solid var(--mono-02); z-index: 2;}
.absol_half_time_bottom{padding-top: 1.25em !important; z-index: 1;}

.absol_on_time{position: absolute; bottom: 0; width: 100%; padding: 0 !important; border-top: 1px solid var(--mono-02);}

.end30{position: absolute; top: 10%; left: 0; width: 100%; border-top: 1px solid var(--mono-02); border-bottom: 1px solid var(--mono-02); z-index: 2; padding: 0 !important;}
.end30 .time{line-height: 1; margin-top: -5px;}
.end40{position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid var(--mono-02); z-index: 2; padding: 0 !important;}
.end40_ver02 >div{padding: 0 !important;}
.end40_ver02::after{content: ""; display: block; width: 100%; height: 14px; background-color: var(--mono-01); border-top: 1px solid var(--mono-02); }
.end40_ver03::after{content: ""; display: block; width: 100%; height: 14px; background-color: var(--mono-01); border-top: 1px solid var(--mono-02); position: absolute; bottom: 0; left: 0;}

.start_ontime_end30{position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid var(--mono-02); z-index: 2; padding: 0 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80%;}

.start_30_end_ontime{position: relative; }
.start_30_end_ontime::before{content: ""; display: block; width: 100%; height: 60%; position: absolute; top: -60%; left: 0; background-color: var(--mono-03);}
.start_30_end_ontime > div{position: relative; margin-top: -14px; z-index: 1; padding-bottom: 7% !important;}

.start30_end30{position: relative;}
.start30_end30::before{content: ""; display: block; width: 100%; height: 50%; position: absolute; top: -50%; left: 0; background-color: var(--mono-03); border-top: 1px solid var(--mono-02);}
.start30_end30::after{content: ""; display: block; width: 100%; height: 50%; position: absolute; bottom: -50%; left: 0; background-color: var(--mono-03); border-bottom: 1px solid var(--mono-02);}

.start50_end30{position: absolute; top: -12%; left: 0; width: 100%;  border-top: 1px solid var(--mono-02); padding: 3px 0 !important;}
.start10_end50 > div{border-top: 1px solid var(--mono-02); border-bottom: 1px solid var(--mono-02); padding: 2px 0 !important;}


/* main_program_list */
.main_program_list{flex-direction: column;}
.main_program_list .desc_tit{width: 100%;}
.main_program_list .desc_tit::after{display: none;}
.main_program_list .desc{display: flex; }
.main_program_list .desc .img{width: 42%; display: flex; align-items: center; justify-content: center; background-color: var(--yellow-03); text-align: center;}
.main_program_list .desc .main_program{width: 58%; margin-left: 1.67em; border-top: 4px solid var(--mono-02); border-bottom: 4px solid var(--mono-02);}
.main_program_list .desc .main_program li{display: flex; width: 100%; color: var(--mono-04); font-size: 1em; background-color: var(--purple-03);}
.main_program_list .desc .main_program li + li{border-top: 1px solid var(--mono-02);}
.main_program_list .desc .main_program .program_tit{width: 30%; text-align: center; padding: 4px 0.625em; font-weight: 600;}
.main_program_list .desc .main_program .program_desc{width: 70%; padding: 4px 0.625em; background-color: var(--mono-01); border-left: 1px solid var(--mono-02);}
@media screen and (min-width:1201px) {
  .table_wrap table .date{width: 5.7%;}
  .table_wrap table .all_time{width: 10%;}
  .table_wrap table .event_zone{width: 14%;}
}
@media screen and (min-width:951px) and (max-width:1200px) {
  .table_wrap table .date{width: 10%;}
  .table_wrap table .all_time{width: 10%;}
}
@media screen and (max-width:1300px) and (min-width:1201px) {
  .corner_td .absol_time_bottom{padding-top: 4.3em !important;}
}
@media screen and (max-width:1200px) {
  .main_program_list .desc{flex-wrap: wrap;}
  .main_program_list .desc .img{width: 100%; padding: 1em 0;}
  .main_program_list .desc .img img{display: block; width: 50%;}
  .main_program_list .desc .main_program{width: 100%; margin: 1em 0 0;}

  .corner_td .absol_time_bottom{padding-top: 3.5em !important;}

  .table_wrap{overflow-x: auto;}
  .table_wrap table{min-width: 150%;}
  .table_wrap table th,
  .table_wrap table td{width: 8em;}
  .table_wrap table .date{width: 3em;}
  .table_wrap table .all_time{width: 5em;}
}
@media screen and (max-width:760px) {
  .main_program_list .desc .main_program .program_tit{width: 100%; text-align: left;}
  .main_program_list .desc .main_program .program_desc{width: 100%; border-left: 0;}
  .table_wrap table{font-size: 0.85em;}
}

/* tab_cont01 */
@media screen and (min-width:1201px) {
  .tab_cont01 .container_box .box_cont{margin-top: 2.5em; }
  .tab_cont01 .container_box{padding-bottom: 3.125em;}
}
/* 행사개요 */
.event_overview .event_info{width: 100%;}
.event_overview .event_info li{display: flex; font-size: 1.5em; line-height: 1.83em;}
.event_overview .event_info .desc_tit{font-weight: 600; position: relative;}
.event_overview .event_info .desc .now_play_btn{line-height: 1em; padding: 0.37em 8px; border-radius: 5px; margin-left: 0.83em; font-size: 0.83em;}
.event_overview .event_info .desc .now_play_btn .icon{margin-right: 8px; position: relative; width: 1em;}
.event_overview .event_info .desc .now_play_btn .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.event_overview .event_info .desc .now_play_btn:hover .icon .off,
.event_overview .event_info .desc .now_play_btn .icon .on{opacity: 0;}
.event_overview .event_info .desc .now_play_btn:hover .icon .on{opacity: 1;}
@media screen and (min-width:951px) {
  .event_overview .event_info .desc_tit::after{content: ":"; padding: 0 7px;}
}
@media screen and (max-width:950px) {
  .event_overview .event_info li{flex-wrap: wrap;}
  .event_overview .event_info .desc_tit{width: 100%;}
  .event_overview .event_info .desc{ width: 100%;}
}
@media screen and (min-width:761px) {
  .event_overview .event_info .desc .now_play_btn{vertical-align: 10px;}
}
@media screen and (max-width:760px) {
  .event_overview .event_info .desc .now_play_btn{display: flex; margin: 1em 0; width: 100%;}
}

/* 오시는 길 */
.location_box .top_info{font-size: 1.5em;}
.location_box .top_info .sub_tit{ display: flex; align-items: center; font-weight: 600;}
.location_box .top_info .sub_tit .g_icon{font-size: 1.42em;}
.location_box .location{margin-top: 0.625em; line-height: 1.5em;}
.location_box .map{margin: 1.875em 0 3.125em; width: 100%; height: 28.75em;}
.location_box .map iframe{display: block; width: 100%; height: 100%;}
.location_box .public_transport .list{display: flex; align-items: flex-start; font-size: 1.5em;}
.location_box .public_transport .list + .list{margin-top: 12px;}
.location_box .public_transport .list .tit{display: flex; align-items: center; width: 4.8em; font-weight: 600;}
.location_box .public_transport .list .g_icon{font-size: 1.5em; margin-right: 10px;}
.location_box .public_transport .list .desc{width: calc(100% - 4.58em); line-height: 1.5em;}
.location_box .public_transport .list .root{display: flex; align-items: flex-start;}
.location_box .public_transport .list .root .num{margin-right: 7px;}
@media screen and (max-width:760px) {
  .location_box .public_transport .list{flex-direction: column;}
  .location_box .public_transport .list .tit{width: 100%;}
  .location_box .public_transport .list .desc{width: 100%;}

}

/* 행사 생중계 */
.event_live .video{ position: relative; width: 100%; padding-top: 55%; }
.event_live .video iframe{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.event_live .video video{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.event_live .live_link{justify-content: space-between;}
.event_live .live_link .live{width: 47%;}
.event_live .live_link .live a,
.event_live .live_link .live img{display: block; width: 100%;}

@media screen and (max-width:760px) {
  .event_live .live_link{justify-content: center; flex-direction: column;}
  .event_live .live_link .live{width: 100%;}
  .event_live .live_link .live + .live{margin-top: 1.5em;}
}

/* 배치도 */
.layout_drawing .coming_soon{width: 100%; height: 18.75em; background-color: var(--yellow-03); display: flex; align-items: center; justify-content: center;}
.layout_drawing .coming_soon_txt{ position: relative; width: 90%; max-width: 624px; display: flex; justify-content: center; align-items: center; font-size: 2.5em; font-weight: 600; color: var(--mono-01); background-color: var(--mono-00); border-radius: 5em; padding: 0.45em 0; line-height: 1.25em;}
.layout_drawing .coming_soon_txt::before{content: ""; display: block; width: 1em; height: 1em; background: url(../images/star_icon.png) no-repeat center; background-size: cover; margin: 0 0.5em;}
.layout_drawing .coming_soon_txt::after{content: ""; display: block; width: 1em; height: 1em; background: url(../images/star_icon.png) no-repeat center; background-size: cover; margin: 0 0.5em;}
.layout_drawing .box_cont .img{width: 100%;}
.layout_drawing .box_cont .img img{display: block; width: 100%;}

@media screen and (max-width:760px) {
  .layout_drawing .coming_soon_txt{font-size: 1.5em; text-align: center; justify-content: space-around;}
}
@media screen and (max-width:540px) {
  .layout_drawing .coming_soon_txt .mob_view{display: block;}
}


/* 크리에이터 */
.creator .date_list + .date_list{margin-top: 3.94em;}
.creator .day{font-size: 2.25em; font-weight: 600; color: var(--mono-04); margin-bottom: 1em; width: 100%;}
.creator .cate_wrap + .cate_wrap{margin-top: 3.94em;}
.creator .cate_tit{font-size: 1.875em; font-weight: 700; text-align: center; color: var(--mono-01); background-color: var(--purple-00); border-radius: 5em; width: 9em; height: 2em; line-height: 2em; margin-bottom: 1em;}
.creator .creator_list{display: flex; flex-wrap: wrap; margin: -15px;}
.creator .creator_list .list{width: calc(50% - 32px); display: flex; margin: 15px; border: 1px solid var(--mono-02); }
.creator .creator_list .list .img{width: 41%; /*padding-top: 44%;*/ background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: var(--mono-02);}
.creator .creator_list .list .img img{display: block; width: 100%;}
.creator .creator_list .list .txt_box{width: 59%; padding: 1.5em; display: flex; flex-direction: column; justify-content: space-between;}
.creator .creator_list .list .txt_box .keyword{ font-size: 2.25em; font-weight: 600; color: var(--purple-00); margin-bottom: 0.44em;}
.creator .creator_list .list .txt_box .time,
.creator .creator_list .list .txt_box .stage,
.creator .creator_list .list .txt_box .name{font-size: 1.875em; line-height: 1.2em; color: var(--mono-04); font-weight: 500;}
.creator .creator_list .list .txt_box .name{color: var(--purple-00); margin-top: 12px; font-weight: 600;}
.creator .creator_list .list .txt_box .sns{margin: 2em -8px 0; display: flex; align-items: center;}
.creator .creator_list .list .txt_box .sns li{padding: 0 8px;}
.creator .creator_list .list .txt_box .sns li a{display: block; width: 100%;}
/* 참여기업 */
.creator .company_list{display: flex; flex-wrap: wrap; align-items: center; margin: -15px;}
.creator .company_list .list{ width: calc(33.33% - 32px); margin: 15px; border: 1px solid var(--mono-02);}
.creator .company_list .list a{display: block; width: 100%;}
.creator .company_list .list .img{background-color: var(--mono-06); width: 100%; height: 10.625em; background-position: center; background-repeat: no-repeat; background-size: 90%;}
.creator .company_list .list .txt_box{padding: 1.25em; display: flex; align-items: center; justify-content: space-between;}
.creator .company_list .list .txt_box .tit{width: calc(100% - 5em);}
.creator .company_list .list .txt_box .company_tit{font-size: 2.25em; line-height: 1.16em; font-weight: 600; color: var(--purple-00); word-break: break-all;}
.creator .company_list .list .txt_box .cate{font-size: 1.875em; line-height: 1.2em; font-weight: 600; color: var(--mono-04);}
.creator .company_list .list .txt_box .go_btn{font-size: 2.25em; font-weight: 600; width: 2.22em; height: 2.22em; display: flex; align-items: center; justify-content: center; color: var(--mono-01); background-color: var(--purple-00); border-radius: 50%; border: 2px solid var(--purple-00); transition: all 0.2s; padding-bottom: 5px;}
.creator .company_list .list:hover .txt_box .go_btn{background-color: var(--mono-01); color: var(--purple-00);}
@media screen and (min-width:1201px) {
  .tab_cont03 .container_box .box_cont{margin-top: 4.125em;}
}
@media screen and (min-width:541px) {
  .creator .creator_list .list{min-height: 18.625em;}
}
@media screen and (max-width:1200px) {
  /* .creator .creator_list .list{width: calc(100% - 32px);} */
  .creator .creator_list .list .img{width: 13em; }
  .creator .creator_list .list .txt_box{width: calc(100% - 13em); font-size: 0.8em; display: flex; flex-direction: column; justify-content: space-between;}
  .creator .creator_list .list .txt_box .sns li{width: 4em;}
  .creator .company_list .list .txt_box{font-size: 0.85em;}
}
@media screen and (max-width:950px) {
  .creator .company_list .list{width: calc(50% - 32px);}
}
@media screen and (min-width:761px) {
  .creator .cate_tit.long{width: 14em;}
}
@media screen and (max-width:760px) {
  .creator .day{font-size: 1.875em;}
  .creator .cate_tit{font-size: 1.5em; display: inline-flex; justify-content: center; width: auto; min-width: 8em; padding: 0 1em;}
  .creator .company_list {margin: -10px 0;}
  .creator .company_list .list{width: 100%; margin: 10px 0;}
  .creator .creator_list .list{width: calc(100% - 32px);}
}
@media screen and (max-width:540px) {
  .creator .creator_list .list{flex-wrap: wrap;}
  .creator .creator_list .list .img{width: 100%; padding-top: 100%;}
  .creator .creator_list .list .txt_box{width: 100%; font-size: 0.8em;}
}


/* 관람 안내 */
.tab_cont04 .container_box .box_cont{margin-top: 3.125em;}
.view_info .event_info{width: 100%;}
.view_info .main_program_list .desc .main_program li{font-size: 1.5em; align-items: center;}
.view_info .main_program_list .desc .main_program .program_desc{ display: flex; flex-wrap: wrap; align-items: center;}
.view_info .main_program_list .desc .main_program .program_desc span{width: 100%;}

@media screen and (min-width:1201px) {
  .view_info .main_program_list .desc .img{width: 50%;}
  .view_info .main_program_list .desc .main_program{width: 50%; margin-left: 2.5em;}
}
@media screen and (min-width:761px) {
  .view_info .main_program_list .desc .main_program .program_tit{width: 18%; }
  .view_info .main_program_list .desc .main_program .program_desc{width: 82%; min-height: 69px;}
}
@media screen and (max-width:760px) {
  .view_info .main_program_list .desc .main_program li{flex-wrap: wrap; line-height: 1.83em;}
}
/* 입장안내 */
.enter_info .step_txt_box{margin-bottom: 2.19em;}
.enter_info .step_txt_box .tit{font-size: 1.875em; color: var(--mono-04); font-weight: 600;}
.enter_info .step_txt_box .desc{font-size: 1.5em; color: var(--mono-04); line-height: 1.67em;}
.enter_info .step_wrap + .step_wrap{margin-top: 4.375em;}
.enter_info .step_list ul{display: flex; flex-wrap: wrap; margin: -11px;}
.enter_info .step_list ul li{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 11px; width: calc(25% - 22px); background-color: var(--mono-06); text-align: center; padding: 2em 0;}
.enter_info .step_list li .num{font-size: 1.875em; color: var(--purple-00); font-weight: 600;}
.enter_info .step_list li .g_icon{ display: flex; align-items: center; justify-content: center; width: 6em; height: 6em; border-radius: 50%; background-color: var(--purple-00); margin: 1.25em 0;}
.enter_info .step_list li .g_icon span{font-size: 3.125em; color: var(--mono-01); font-weight: 600;}
.enter_info .step_list li .txt{font-size: 1.5em; color: var(--mono-04);}
.enter_info .btn_wrap{margin: 4.875em -1.47em 0; }
.enter_info .btn_wrap .btn_basic{margin: 0 0.78em;}

@media screen and (max-width:760px) {
  .enter_info .step_list ul li{width: calc(50% - 22px);}
}
@media screen and (max-width:760px) and (min-width:541px) {
  .enter_info .btn_wrap{margin: 2.5em -11px 0; }
  .enter_info .btn_wrap .btn_basic{margin: 0 11px; font-size: 1.5em;}
}
@media screen and (max-width:540px) {
  .enter_info .step_list ul li{font-size: 0.85em;}
  .enter_info .btn_wrap{flex-wrap: wrap; margin: 2.5em 0 0;}
  .enter_info .btn_wrap .btn_basic{width: 100%; margin: 5px 0; font-size: 1.5em;}
}
@media screen and (max-width:360px) {
  .enter_info .step_list ul li{width: calc(100% - 22px);}
}