@charset "UTF-8";
/********************************************************
■ Sub Visual : 서브 비주얼
********************************************************/
#subVisual { position:relative; height:150px; }
#subVisual:before { content:""; position: absolute; left:50%; top:0; bottom:0; width:100vw; transform: translateX(-50%); background:var(--main-bg1); z-index:-1; }
#subVisual .image { overflow:hidden; max-width:30%; width:200px; margin-left:auto; height:100%; }
#subVisual img { width:100%; }
#subVisual .subText { position:absolute; /*left:0;*/ bottom:15px; /*right:0; padding:0 var(--section-gap);*/ font-size:2.5rem; }

@media (max-width: 767px) {
    #subVisual { height:90px; }
    #subVisual .subText { font-size:1.875rem; }
}

/********************************************************
■ Sub Page : 서브 페이지
********************************************************/
.sub-content { margin:70px 0; min-height:50vh; }
.sub-content .header { margin-bottom:40px; }
.sub-content .header h3 { font-size:1.875rem; }
.sub-content .header .desc { margin-top:5px; }


.content-area .category { display:flex; overflow-x:auto; }
.content-area .category a { border:1px solid #333; border-radius: 99px; margin-right:5px; padding:7px 25px; font-size:1.125rem; white-space: nowrap; }
.content-area .category a:hover,
.content-area .category a.on { background:#101010; color:#f8f8f8; border-color:#101010; }

.content-area .list-box { margin-top:50px; }

.content-area table { width:100%; border-spacing: 0; border-collapse: collapse; }


.sub-content > .view .btn-box { margin-top:50px; display: flex; align-items: center; justify-content: center; }
.sub-content > .view .btn-box a { display:block; text-align: center; max-width:50%; padding:15px 5px 19px; border-radius: 99px; font-weight:600; }
.sub-content > .view .btn-box .btn-list { background:#eee; border:1px solid #ddd; width:150px; margin-right:4px; }
.sub-content > .view .btn-box .btn-submit { color:#fff !important; width:300px; }
.sub-content > .view .btn-box .btn-submit.ctg1 { background:var(--main-color1); border:2px solid var(--main-color1); }
.sub-content > .view .btn-box .btn-submit.ctg2 { background:var(--main-color2); border:2px solid var(--main-color2); }
.sub-content > .view .btn-box .btn-submit.ctg3 { background:#f5bf13; border:2px solid #f5bf13; }
.sub-content > .view .btn-box .btn-submit:hover { color:#fff200; }
.sub-content > .view .btn-box a:hover { background:#fff; box-shadow: 5px 5px 15px rgba(0,0,0,.2); }


.content-area .tab-con > div:not(.on) { display:none; }



@media (max-width: 1024px) {
    .sub-content > .view .btn-box { margin-top:30px; }
}
@media (max-width: 767px) {
    .sub-content { margin:40px 0; }
    .sub-content .header { margin-bottom:30px; }
    .sub-content .header h3 { font-size:1.375rem; }

    .content-area .category a { margin-right:3px; padding:5px 15px; font-size:.875rem; }

    .content-area .list-box { margin-top:30px; }

    .sub-content > .view .btn-box a { width:260px; padding:10px 5px 13px; }
}





/* 행사개요 */
#sub01 .content-area { display:grid; grid-template-columns: repeat(2, 1fr); gap:var(--v-gap) var(--h-gap); --v-gap:100px; --h-gap:50px; }
#sub01 .poster { grid-column: 2/3; }
#sub01 .info { grid-column: 1/2; grid-row:1/2; }
#sub01 .info dt { border-radius: 99px; background:#101010; color:#f8f8f8; padding:5px; display:inline-block; width:120px; text-align:center; margin-bottom:10px; }
#sub01 .info dd:not(:last-child) { margin-bottom:40px; }

#sub01 .tab { grid-column: 1/3; }
#sub01 .tab-switch { display:flex; align-items: center; margin-bottom:5px; font-size:1.5rem; font-weight:600; }
/* #sub01 .switch { position: relative; border-radius: 99px; width:48px; height:26px; border:1px solid #666; margin:0 10px; cursor: pointer; }
#sub01 .switch:before { content:""; position:absolute; width:20px; height:20px; border-radius: 99px; background:var(--main-color2); left:3px; top:50%; transform: translateY(-50%); transition-duration: .2s; }

#sub01 .on .switch:before { left:50%; }

#sub01 .tab-con > div:last-child,
#sub01 .on .tab-con > div:first-child { display:none; }
#sub01 .on .tab-con > div:last-child { display:block; } */

#sub01 .tab-con { margin-bottom:50px; }

#sub01 .table-box { overflow-x:auto; margin-top:20px; }
#sub01 caption { text-align:left; padding:5px 0; font-weight: 600; color:var(--main-color2); }
#sub01 tr { min-height:20px; }
#sub01 tr > * { border:1px solid #ddd; text-align:center; white-space: nowrap; }
#sub01 tr > *:first-child { border-left:none; }
#sub01 tr > *:last-child { border-right:none; }

#sub01 thead { background:#f9f9f9; border-top:2px solid var(--main-color2); }
#sub01 thead th { padding:10px; }

#sub01 tbody tr > * { padding:5px 10px; }
#sub01 tbody th { position:relative; white-space: nowrap; font-weight:400; }

#sub01 td.group { padding:0; }
#sub01 td span { display:block; padding:5px; }
#sub01 td span:not(:last-child) { border-bottom:1px solid #ddd; }

#sub01 th p { transform: translateY(-75%); }

#sub01 #modal { position:fixed; left:0; top:0; right:0; bottom:0; display:none; z-index:9999; }
#sub01 #modal:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; background:rgba(0,0,0,.7); }
#sub01 #modal .modal-contnet { position:relative; top:50%; transform: translateY(-50%); }
#sub01 #modal img { display:block; max-width:90vw; width:100%; margin:0 auto; }
#sub01 #modal button { position: absolute; right:4.5%; bottom:100%; font-size:2rem; color:#fff; margin-bottom: 2px; }

#sub01 #modal.on { display:block; }



@media (max-width: 1024px) {
    #sub01 .content-area { grid-template-columns: 1fr 40%; --h-gap:30px; }
}

@media (max-width: 767px) {
    #sub01 .content-area { grid-template-columns: 100%; --v-gap:30px; }

    #sub01 .poster { grid-column: 1/2; }
    #sub01 .poster img { max-width:350px; }

    #sub01 .info dt { margin-bottom:5px; width:100px; }
    #sub01 .info dd:not(:last-child) { margin-bottom:25px; }

    #sub01 .tab { grid-column: 1/2; margin-top:60px; }

    #sub01 .table-box { margin-top:10px; }
    #sub01 table { font-size:.875rem; }
}





/* 참여기업 */
#sub02 .ctg1 { color:var(--main-color1); }
#sub02 .ctg2 { color:var(--main-color2); }
#sub02 .ctg3 { color:#f5bf13; }


#sub02 .a .image { position:relative; padding-bottom:50%; border:1px solid #e5e5e5; }
#sub02 .a .image span { position:absolute; left:0; top:0; font-size:.875rem; padding:5px 20px; background:#eee; }
#sub02 .a .image span.on.ctg1 { background:var(--main-color1); color:#fff; }
#sub02 .a .image span.on.ctg2 { background:var(--main-color2); color:#fff; }
#sub02 .a .image span.on.ctg3 { background:#fff; color:#fff; }

#sub02 .a .content { margin-top:15px; height:auto; }

#sub02 .a .content .head { display:flex; align-items: center; font-weight:600; margin:2px 0 5px; }
#sub02 .a .content .head .title { font-size:1.25rem; line-height:1.3; }

#sub02 .a .content .sub { margin-top:5px; font-weight:600; }
#sub02 .a .content .desc { margin-top:10px; color:#666; font-weight:400; margin-bottom:40px; }



/* 참여기업 view */
#sub02.view .content-area { display:grid; grid-template-columns: repeat(2, 1fr); gap:0 50px; align-items: start; grid-template-rows: auto 1fr; }
#sub02.view .content-area > div:nth-child(n+4) { grid-column: 1/3; }

#sub02.view h5 { font-size:1.45rem; margin-bottom:15px; }

#sub02.view .company { grid-row:1/3; }
#sub02.view .company .head { display: flex; align-items: flex-end; line-height: 1.3; }
#sub02.view .company .head h3 { font-size:1.5rem; margin-bottom:15px; }
#sub02.view .company .head span { font-size:.975rem; margin-top:20px; }
#sub02.view .company .head i { color:#666; }
#sub02.view .ctg { line-height: 1; display: inline-block; margin-bottom:15px; }

#sub02.view .info { margin-top:40px; }

#sub02.view .info .sub { font-weight:600; }
#sub02.view .info .desc { margin-top:10px; white-space:pre-wrap; }


#sub02.view .swiper-box { position: relative; overflow:hidden; border:1px solid #ddd; }
#sub02.view .swiper { padding-bottom:66.66%; }
#sub02.view .swiper-wrapper { position:absolute; left:0; top:0; }
#sub02.view .swiper-slide { height: 100%; }
#sub02.view .swiper-slide img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

/* #sub02.view .more a { display:block; padding:3px 10px 6px; text-align:center; background:#f8f8f8; } */

#sub02.view .links { margin-top:10px; }
#sub02.view .links ul { display:flex; justify-content: flex-end; }
#sub02.view .links li { margin-left:3px; }
#sub02.view .links a { display:flex; align-items: center; justify-content: center; border-radius: 99px; border:1px solid #666; min-width:34px; height:34px; }
#sub02.view .links a img { max-height:100%; padding:8px 12px; }
#sub02.view .links a:hover { background:#333; color:#fff; }
#sub02.view .links a:hover img { filter:invert(1); }


#sub02.view .recruit { margin-top:50px; }
#sub02.view .recruit .tab-btn { margin-bottom:30px; }
#sub02.view .recruit .tab-btn button { border-radius: 5px; padding:7px 25px 9px; font-size:1rem; background:#eee; }
#sub02.view .recruit .tab-btn button.ctg1.on { background:var(--main-color1); color:#fff; }
#sub02.view .recruit .tab-btn button.ctg2.on { background:var(--main-color2); color:#fff; }
#sub02.view .recruit .tab-btn button.ctg3.on { background:#f5bf13; color:#fff; }
#sub02.view .recruit p { white-space:pre-wrap; }



@media (max-width: 1024px) {
    #sub02.view .content-area { display:block; }

    #sub02.view h5 { margin-bottom:7px; }

    #sub02.view .company .head h3 { font-size:1.375rem; }
    #sub02.view .ctg { margin-top:10px; }
    #sub02.view .info { margin-top:20px; }
    #sub02.view .info .desc { margin-top:5px; }

    #sub02.view .swiper-box { margin-top:30px; max-width:500px; }

    #sub02.view .links ul { justify-content: flex-start; }
}





/* 프로그램 */
#sub03 .title { margin-top:40px; display:flex; flex-wrap: wrap; align-items: flex-end; line-height: 1; padding-bottom:15px; border-bottom:2px solid #333; margin-bottom:10px; }
#sub03 .title h3 { font-size:1.5rem; margin-right:15px; }
#sub03 .title i { color:#666; }
#sub03 .point { margin-top:10px; width:100%; line-height:1.4; }


#sub03 .tab-btn { position: relative; display:flex; margin-top:15px;  overflow-x:auto; }
#sub03 .tab-btn:before { content: ""; position: absolute; left:0; bottom:0; right:0; height:1px; background:#666; z-index:-1; }
#sub03 .tab-btn button { border-bottom:4px solid transparent; padding: 7px 15px; font-size:1rem; white-space: nowrap; }
#sub03 .tab-btn button.on { border-color: #101010; }



/* 커리어+존 */
#sub03 .list-date { font-weight:600; padding:10px; }
#sub03 .list-date b { color:var(--main-color1); font-size:1.25rem; }
#sub03 .list-date span { color:#666; margin-left:10px; }

#sub03 .list-table { margin:20px 0 50px; }
#sub03 .list-table[class*=" date"] > ul { display:flex; flex-wrap:wrap; justify-content: space-between; }
#sub03 .list-table[class*=" date"] > ul > li { width:calc(50% - .5px); margin-bottom:1px; display: flex; flex-direction: column; }
#sub03 .list-table:not([class*=" date"]) > ul:last-child { border-bottom:0px solid #666; }

#sub03 .list-table .time { padding:5px 15px; background: #e9e9e9; font-weight:600; font-size:1.125rem;}
#sub03 .list-table[class*=" date"] .time { background:#303030; color:#fff; }


#sub03 .list-table .image { position:relative; padding-bottom:66.66%; }
#sub03 .list-table img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; }
#sub03 .list-table .content { padding:10px 15px; flex:1; display:flex; flex-direction: column; justify-content: center; }
#sub03 .list-table .content .head { font-weight:600; font-size:1.15rem; line-height:1.2; margin-bottom:15px;}
#sub03 .list-table .content .desc span { font-size:.813rem; }

#sub03 .date1 .content { background:var(--main-color1-1); }
#sub03 .date2 .content { background:var(--main-color2-1); }

#sub03 .grid-layout { padding:20px 15px 30px ; /*display:grid; grid-template-columns: 55% 45%;*/ }
#sub03 .grid-layout .head { grid-column: 1/2; font-weight:600; margin-bottom:10px; font-size:1.25rem; }
#sub03 .grid-layout .desc { grid-column: 1/2; }
#sub03 .grid-layout .desc i { color:#666; }
#sub03 .grid-layout ul { grid-column: 2/3; grid-row: 3/4; margin-top:20px;  }
#sub03 .grid-layout li { margin:10px 0 30px; }
#sub03 .grid-layout li span { color:var(--main-color1); font-weight:600; font-size:1.125rem;}
#sub03 .grid-layout .btn-box { grid-column: 1/2; }
#sub03 .grid-layout .btn-box a { border-radius: 99px; display: inline-block; padding:5px 30px; background:var(--main-color1); color:#fff; }


@media (max-width: 767px) {
    #sub03 .title { margin-bottom:10px; }
	#sub03 .time { padding:5px;  font-weight:600; font-size:1.125rem; }

    #sub03 .tab-btn button { margin-right: 3px; padding: 5px 15px; font-size: .975rem; }

    #sub03 .list-date { padding:10px 0; }

    #sub03 .list-table[class*=" date"] > ul { display:block; }
    #sub03 .list-table[class*=" date"] > ul > li { width:100%; margin-bottom:20px; }


    #sub03 .grid-layout { display:block; }
    #sub03 .grid-layout ul { margin-top:15px; }
    #sub03 .grid-layout li { margin-bottom:15px; }
}



/* 오디션+존 */
#sub03 .audition-btn-box { text-align:center; margin-top:25px; }
#sub03 .audition-btn-box a { display:block; text-align: center; width:300px; max-width:100%; padding:15px 5px 19px; background:var(--btn-color); color:#fff; border:2px solid var(--btn-color); font-weight:600; --btn-color:var(--main-color2); }
#sub03 .audition-btn-box a:hover { background:#fff !important; color:var(--btn-color); box-shadow: 5px 5px 15px rgba(0,0,0,.2); }


#sub03 h4 { margin-bottom:10px; }
#sub03 .list-box .a { text-align:center; }
#sub03 .list-box .image { padding:20px 0; border:1px solid #ddd; margin-bottom:5px; }
#sub03 .list-box img { object-fit: contain; max-height:70px; margin:0 auto; }

#sub03 .list-box > p { padding:10px 15px; background:#f5f5f5; border:1px solid #eee; margin-top:15px; font-size:.875rem; text-align: center; }


#sub03 .process { margin-top:70px; }
#sub03 .process ul { display: grid; grid-template-columns: repeat(3, 1fr); gap:10px; text-align:center; }
#sub03 .process li { padding:30px 20px; border:1px solid rgba(var(--main-color1-rgb), .4); }

#sub03 .process .icon { width:50px; height:50px; border-radius: 99px; padding:13px; background:rgba(var(--main-color1-rgb), .8); margin:0 auto; }
#sub03 .process img { filter:invert(1) brightness(10); }
#sub03 .process span { margin-top:5px; display:block; }
#sub03 .process .tit { font-size:1.125rem; color:var(--main-color1); font-weight: 600; margin-top:10px; }


#sub03 .papers { margin-top:50px; }
#sub03 .papers li { position: relative; padding-left:10px; margin:5px 0; }
#sub03 .papers li:before { content: ""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height:4px; border:1px solid #666; border-radius:99px; }


#sub03 .tab-con > div > .timetable { margin-top:70px; }
#sub03 .timetable .table-box caption { border-top:2px solid #666; background:#f8f8f8; text-align: left; padding:15px; }
#sub03 .timetable .table-box tr > * { border-bottom:1px solid #ddd; padding:10px 15px; }
#sub03 .timetable .table-box th { width:170px; text-align: left; }


#sub03 .guidelines { margin-top:50px; }
#sub03 .guidelines li { position: relative; padding-left:20px; margin:5px 0; }
#sub03 .guidelines li:before { content: "※"; position: absolute; left:0; top:-1px; }

#sub03 .guidelines p { padding:30px 15px; background:#f5f5f5; border:1px solid #eee; margin-top:30px; font-size:.875rem; text-align: center; }


@media (max-width: 767px) {
    #sub03 .process ul { display:block; }
    #sub03 .process li { margin:2px 0; }

    #sub03 .timetable { margin-top:50px; }
    #sub03 .timetable .table-box tr > * { padding:10px; }
    #sub03 .timetable .table-box th { width:120px; }
}



/* 코워킹+존 */
#sub03 .tab-con > div > .desc b { color:#ff0000; }
#sub03 .audition-btn-box.pre a { --btn-color:var(--main-color1); }

#sub03 .lab { margin-top:50px; }
#sub03 .lab h4 { font-size:1.375rem; color:#111; }
#sub03 .lab h5 { font-size:1.125rem; margin:30px 0 5px; }

#sub03 .lab > ul > li { margin:5px 0; }
#sub03 .lab > ul ul { padding-left:12px; font-size:.875rem; color:#666; }

#sub03 .tab-con > div > div table { border-top:2px solid #333; }
#sub03 .tab-con > div > div table thead { background:#f8f8f8; }
#sub03 .tab-con > div > div table thead th { text-align:center; }
#sub03 .tab-con > div > div table tbody th { border-right:1px solid #ddd; }

#sub03 .tab-con > div > div table tr > * { padding:10px 15px; border-bottom:1px solid #ddd; }

@media (max-width: 767px) {
    #sub03 .tab-con > div > div table tbody th { width:80px; }
    #sub03 .tab-con > div > div table tr > * { padding:10px; }
}


/* 예술경영대상 */
#sub03 .awards { display:grid; grid-template-columns: repeat(2, 1fr); align-items: start; gap:var(--v-gap) var(--h-gap); --v-gap:50px; --h-gap:50px; margin-top:40px; }
#sub03 .awards .poster { grid-column: 2/3; grid-row: 1/4; }
#sub03 .awards .header { grid-row: 1/2; margin-bottom:0; }
#sub03 .awards .info { grid-column: 1/2; }
#sub03 .awards .info dt { border-radius: 99px; background:#101010; color:#f8f8f8; padding:5px; display:inline-block; width:120px; text-align:center; margin-bottom:10px; }
#sub03 .awards .info dd:not(:last-child) { margin-bottom:40px; }

#sub03 .awards .btn-box a { display:block; text-align: center; width:300px; max-width:100%; padding:15px 5px 19px; background:var(--main-color2); color:#fff; border:2px solid var(--main-color2); font-weight:600; }
#sub03 .awards .btn-box a:hover { background:#fff; color:var(--main-color2); box-shadow: 5px 5px 15px rgba(0,0,0,.2); }


@media (max-width: 767px) {
    #sub03 .awards { grid-template-columns: 100%; }
    #sub03 .awards .poster { grid-column: 1/2; grid-row: 2/3;  }
}


/* 공지사항 */
#sub04 .list-head,
#sub04 li a { display: flex; align-items: center; }

#sub04 ul { border-top:2px solid #333; --h-gap:10px; }
#sub04 li { border-bottom:1px solid #ddd; }
#sub04 li.list-head { font-weight:600; --v-gap:22px; }
#sub04 li a { --v-gap:18px; }
#sub04 li a:hover { font-weight:600; }

#sub04 li .list-num { width:100px; }
#sub04 li .list-subject { flex:1; text-align: left; }
#sub04 li .list-date { width:200px; }

#sub04 li span { padding:var(--v-gap) var(--h-gap); text-align: center; }



/* 공지사항 view */
#sub04.view .title { border-top:2px solid #333; border-bottom:1px solid #333; padding:25px 20px; }
#sub04.view .title h3 { font-size:2rem; line-height: 1.3; }
#sub04.view .title .date { font-size:.875rem; display:block; margin-top:5px; }

#sub04.view .content { padding:40px 20px; border-bottom:1px solid #333; }
#sub04.view .content img { max-width:100%; }

#sub04.view .attachments { padding:20px; background:#f8f8f8; border-bottom:1px solid #ddd; }
#sub04.view .attachment-list { display:flex; flex-direction: column; gap:10px; }
#sub04.view .attachment-item { display:flex; align-items: center; gap:8px; }
#sub04.view .attachment-item i { color:#666; font-size:1rem; }
#sub04.view .attachment-item a { color:#333; text-decoration: none; font-size:.938rem; }
#sub04.view .attachment-item a:hover { color:var(--main-color1); text-decoration: underline; }

#sub04.view .list-btns { position: relative; border-bottom:1px solid #333; }
#sub04.view .list-btns::before { content: ""; position: absolute; left:0; top:50%; right:0; height:1px; background:#ddd; }
#sub04.view .list-btns a { display:flex; align-items: center; padding:15px 20px; }
#sub04.view .list-btns a span { width:80px; color:#777; }
#sub04.view .list-btns a:hover { background:#f8f8f8; }

@media (max-width: 767px) {
    #sub04 li .list-num { width:60px; }
    #sub04 li .list-date { width:100px; }
}