@charset "euc-kr"; 

*, 
*:before, 
*:after { box-sizing:border-box; } 
.mo-view { display:none; } 
#allGcontWrap {font-family: 'Noto Sans KR', sans-serif;}

/* S: ¸ÞÀÎ °øÅë ¿µ¿ª */
.main-wrp { width: 100%; margin: 0 auto; padding: 0 0 50px; position: relative; overflow: hidden; color: #111; font-weight: 500;} 
.main-wrp h3 { position: relative; font-weight: 700; font-size: 16px; } 
.main-wrp section { margin:0 auto; width: 1200px; position: relative; overflow: hidden; color: #333;} 
.main-wrp section > div {padding: 45px 0 0;}
.main-wrp section:nth-of-type(1) {display: flex; justify-content: space-between; gap: 30px;}
.main-wrp .position-left {padding: 0; width: 770px;}
.main-wrp .position-right {padding: 0; width: 400px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px;}
/* E: ¸ÞÀÎ °øÅë ¿µ¿ª */

/* S: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */
.main-tabboard {margin: 50px 0 0;}
.main-tabboard .tab-btn {display:flex; align-items: stretch; justify-content: space-between; gap:4px;} 
.main-tabboard.gong .tab-btn{border-bottom: 2px solid #0C998D;}/*°ø¹«¿ø*/
.main-tabboard.sobang .tab-btn {border-bottom: 2px solid #B85353;}/*¼Ò¹æ*/
.main-tabboard .tab-btn > li {flex: 1; height: 40px;}
.main-tabboard .tab-btn button {border-radius: 10px 10px 0 0; padding: 0 16px; position: relative; display: flex; align-items: center; width: 100%; height: 100%; background-color: #F6F6F6;}
.main-tabboard.gong .tab-btn > li.on button {background-color: #0C998D;}/*°ø¹«¿ø*/
.main-tabboard.sobang .tab-btn > li.on button {background-color: #B85353;}/*¼Ò¹æ*/
.main-tabboard .tab-btn > li .txt {display: block; color:#999; font-weight: 500;}
.main-tabboard .tab-btn > li.on .txt {font-weight: 700; color:#fff;}
.main-tabboard .tab-btn .goto {display: block; width: 12px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right:16px; background-position: center center; background-repeat: no-repeat; background-size: 12px 12px; background-image: url("https://image.megagong.net/m/2025/1030_lab/goto_off.svg"); font-size:0;}
.main-tabboard .tab-btn > li.on .goto {background-image: url("https://image.megagong.net/m/2025/1030_lab/goto_on.svg");}
.main-tabboard .cont-wrap {padding: 10px 0 0;}
.main-tabboard .cont-tbl {font-size: 14px; max-height: 281px; overflow-y: auto;}
.main-tabboard .cont-tbl .col2 {width: auto;}
.main-tabboard .cont-tbl .col3 {width: 77px;}
.main-tabboard .cont-tbl table tr {border-bottom: 1px solid #EAE9E9; height: 40px;}
.main-tabboard .cont-tbl th,
.main-tabboard .cont-tbl td {padding: 0;}
.main-tabboard .cont-tbl td:first-child {padding-left:10px;}
.main-tabboard .cont-tbl td:last-child {padding-right:10px; text-align: right;}
.main-tabboard .cont-tbl .txt {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; max-width: calc(100% - 22px);}
.main-tabboard .cont-tbl .txt b {font-weight: 500 !important;}
.main-tabboard .cont-tbl .txt strong {font-weight: 500 !important;}
.main-tabboard .cont-tbl .new {margin:1px 0 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0 1px 0 0; width: 14px; height: 14px; background-color:#ED3333; color:#fff; line-height: 1; font-size: 8px; font-weight: 900; }
.main-tabboard .cont-tbl .date { color:#999; font-weight: 400;}

.main-tabboard .tbl-type1 .col1 {width:63px;}
.main-tabboard .tbl-type1 .label {border-radius: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 53px; height: 15px; border-radius: 2px; font-size: 11px; line-height: 1; font-weight: 400;}

.main-tabboard.gong .tbl-type1 .label.notice {border:1px solid #0C998D; background-color: #0C998D; color:#fff;}
.main-tabboard.sobang .tbl-type1 .label.notice {border:1px solid #B85353; background-color: #B85353; color:#fff;}
.main-tabboard .tbl-type1 .label.black {border:1px solid #111; background: #111; color:#fff;}
.main-tabboard .tbl-type1 .label.blue {border:1px solid #0082FF; color:#0082FF;}
.main-tabboard .tbl-type1 .label.purple {border:1px solid #7968FF; color:#7968FF;}
.main-tabboard .tbl-type1 .label.green {border:1px solid #2CA953; color:#2CA953;}
.main-tabboard .tbl-type1 .label.red {border:1px solid #E76C6C; color:#E76C6C;}
.main-tabboard .tbl-type1 .label.yellow {border:1px solid #FF9915; color:#FF9915;}
.main-tabboard .tbl-type1 .label.pink {border:1px solid #CB4CEB; color:#CB4CEB;}
.main-tabboard .tbl-type1 .label.orange {border:1px solid #FF7F61; color:#FF7F61;}
.main-tabboard .tbl-type1 .label.skyblue {border:1px solid #2FBEC5; color:#2FBEC5;}
.main-tabboard .tbl-type1 .tit {padding: 0 8px; height: 38px; display: flex; align-items: center; gap: 8px;}
.main-tabboard .tbl-type2 .tit{padding:0 8px 0 0; min-width:0; display:flex; align-items:center; gap:8px;}
.main-tabboard .tbl-type2 .tit .label{flex:0 0 auto; white-space:nowrap;}
.main-tabboard .tbl-type2 .goto{display:flex; align-items:center;flex:1 1 auto;min-width:0;gap:0; }
.main-tabboard .tbl-type2 .txt{flex:1 1 auto; min-width:0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: left;}
.main-tabboard .tbl-type2 .goto .new{flex:0 0 auto; white-space:nowrap;}
.main-tabboard.gong .tbl-type2 .label {color: #0C998D;}
.main-tabboard.sobang .tbl-type2 .label {color: #B85353;}
/* E: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */

/* S: ½ÃÇè ÀÏÁ¤ */
.main-schedule {margin: 50px 0 0;padding: 18px 24px;border: 1px solid #EAE9E9;border-radius: 10px;}
.main-schedule .top-box {padding: 0 0 13px;border-bottom: 1px solid #F0F0F0;display: flex;align-items: center;justify-content: space-between;}
.main-schedule .tit-box {display: flex; align-items: center; gap: 10px;}
.main-schedule .tit-box .goto {border-radius: 2px; border: 1px solid #999; width: 51px; height: 17px; display: flex; align-items: center; justify-content: center; color:#999; font-size: 11px; font-weight: 400;}
.main-schedule .select { padding: 0px 9px; display: block; width: 100px; height: 28px; font-weight: 500; font-size: 13px; background-color: #fff; background-image: url('https://image.megagong.net/m/2025/1030_lab/select_arrow.png'); background-repeat: no-repeat; background-position: calc(100% - 8px) 50%; border-radius: 3px; border: 1px solid #ddd; appearance: none; cursor: pointer; font-family:'Noto Sans KR';}
.main-schedule.gong .bot-box {margin: 14px 0 0;height: 120px;overflow-y: auto;}/*°ø¹«¿ø*/
.main-schedule.sobang .bot-box {margin: 14px 0 0;height: 147px;overflow-y: auto;}/*¼Ò¹æ*/
.main-schedule .info-list {display: flex; flex-direction: column; gap:13px;}
.main-schedule .info-list > li {display: flex; align-items: center; gap: 20px;}
.main-schedule .info-list .label {display: flex; align-items: center; color: #999; gap: 6px;} 
.main-schedule .info-list .label::before {content:""; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: #999;}
/* E: ½ÃÇè ÀÏÁ¤ */

/* S: ½Ç½Ã°£ ¹®Á¦ÀºÇà Ç®ÀÌ ÇöȲ */
.main-stats .stats-wrp > a {position:relative; border-radius: 10px;display: flex;flex-direction: column; align-items: center; justify-content: center; width: 100%;height: 102px; border: 1px solid #EAE9E9; background: #F0FAFA; text-align: center; overflow:hidden;}
.main-stats .stats-wrp .start {position:absolute; top: 0; right: 0;}
.main-stats .txt {line-height: 1.4;}
.main-stats .differ {color: #0C998D; font-weight: 700;}
/* E: ½Ç½Ã°£ ¹®Á¦ÀºÇà Ç®ÀÌ ÇöȲ */

/* S: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */
.main-startfree h3 {margin: 0 0 22px; }
.main-startfree .startFree-list {display: flex; flex-wrap: wrap; text-align: center; }
.main-startfree .startFree-list .item {flex: 1; }		
.main-startfree .startFree-list a { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; justify-content: center; align-items: center; font-size: 13px; font-weight: 600;}		
.main-startfree .startFree-list .txt { flex: 1; line-height: 1.3; }
/* E: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */

/* S: °ø¹«¿ø ±âȹÀü ¹è³Ê */
.main-exhibi-gong .exhibi-slider img { width: 100%; } 
.main-exhibi-gong .exhibi-slider .slick-dots { position: absolute; top: -17px; right: 0; } 
.main-exhibi-gong .exhibi-slider .slick-dots li { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #b1b1b1; margin-right: 3px; } 
.main-exhibi-gong .exhibi-slider .slick-dots li.slick-active { background: #333; } 
.main-exhibi-gong .exhibi-slider .slick-dots li button { font-size:0; } 
/* E: °ø¹«¿ø ±âȹÀü ¹è³Ê */

/* S: ¸ðÁýÁ¤º¸ */
.main-recruit .tit-box {margin: 0 0 16px; display: flex; align-items: center; justify-content: space-between;}
.main-recruit .tit-box .goto {border-radius: 2px; border: 1px solid #999; width: 51px; height: 17px; display: flex; align-items: center; justify-content: center; color:#999; font-size: 11px; font-weight: 400;}
.main-recruit .recruit-tbl th,
.main-recruit .recruit-tbl td {border: 1px solid #E4E4E4; height: 40px; font-size: 14px; text-align: center;}
.main-recruit.gong .recruit-tbl th {background: #E8F5F5;}/*°ø¹«¿ø*/
.main-recruit.sobang .recruit-tbl th {background: #FBF5F5;}/*¼Ò¹æ*/
.main-recruit .recruit-tbl .pc-view {display: table-cell;}
.main-recruit .recruit-tbl th:first-child,
.main-recruit .recruit-tbl td:first-child {border-left: none;}
.main-recruit .recruit-tbl th:last-child,
.main-recruit .recruit-tbl td:last-child {border-right: none;}
/* E: ¸ðÁýÁ¤º¸ */

/* S: ³­°øƼºñ ¿µ»ó */
.main-ngtv .tit-box { margin:0 0 17px; display: flex; align-items: center; justify-content: space-between; } 
.main-ngtv .ngtv-arrows {position:relative; width: 40px; display: flex; border: 1px solid #d0d0d0; background: #fff;} 
.main-ngtv .ngtv-arrows::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 10px; background: #d0d0d0; } 
.main-ngtv .ngtv-arrows a { display: block; width: 50%; text-align: center; padding: 5px 0 1px; } 
.main-ngtv .ngtv-slider .slick-list { margin-right: -28px; } 
.main-ngtv .ngtv-slider .slick-slide { margin-right: 28px; border-radius: 15px; overflow: hidden;} 
.main-ngtv .ngtv-slider .item {height: 163px;}
.main-ngtv .ngtv-slider .item a {display: block; width: 100%; height: 100%;}
.main-ngtv .ngtv-slider img { width: 100%; height: 100%; } 
.main-ngtv .slick-track {margin-left:0; margin-right:0;}
/* E: ³­°øƼºñ ¿µ»ó */

/* S: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
.main-serial .top-box {display: flex; align-items: center; justify-content: space-between;}
.main-serial .tit-box { margin: 0 0 18px; display: flex; align-items: center; gap:10px;} 
.main-serial .btns {display:flex; gap: 6px; align-items: center;} 
.main-serial .btns li a { display: flex; align-items: center; justify-content: center; font-size: 11px; border-radius: 2px; width: 50px; height: 24px; border: 1px solid #999; color: #999; line-height: 1; } 
.main-serial .btns li.on a { border-color: #111; color:#111; } 
.main-serial .serial-slider { display: none; } 
.main-serial .serial-slider-wrp .serial-slider { display: block; } 
.main-serial .serial-slider .slick-list { margin-right: -30px; } 
.main-serial .serial-slider .slick-slide { margin-right: 30px; } 
.main-serial .serial-slider .item > a {display: block; width: 100%; height: 100%;}
.main-serial .serial-slider .item img { display: inline-block; width: 100%; } 
.main-serial .serial-arrows {position:relative; width: 40px; display: flex; border: 1px solid #d0d0d0; background: #fff;} 
.main-serial .serial-arrows::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 10px; background: #d0d0d0; } 
.main-serial .serial-arrows a { display: block; width: 50%; text-align: center; padding: 5px 0 1px; } 
/* E: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */

#footer { border-top: none } 

@media screen and (max-width: 1200px){
    /* S: ¸ÞÀÎ °øÅë ¿µ¿ª */
    .main-wrp {padding: 0 0 40px; width: 100%; } 
    .main-wrp section {width: 100%;}
    .main-wrp section > div {padding: 40px 20px 0;}
    .main-wrp .position-left {width: calc(100% - 430px);}
    .main-wrp section:nth-of-type(1) {padding: 0 20px;}
    /* E: ¸ÞÀÎ °øÅë ¿µ¿ª */

    /* S: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */
    .main-tabboard {margin: 40px 0 0;}
    /* E: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */

    /* S: ½ÃÇè ÀÏÁ¤ */
    .main-schedule {margin: 40px 0 0;}
    /* S: ½ÃÇè ÀÏÁ¤ */

    /* S: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */
    .main-startfree h3 {margin: 0 0 18px;}
    /* E: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */

    /* S: ¸ðÁýÁ¤º¸ */
    .main-recruit .tit-box {margin: 0 0 18px; display: block;}
    .main-recruit .tit-box h3 {display: inline;}
    .main-recruit .tit-box .goto {position:relative;top: -1px;display: inline-flex;padding: 0 6px 1px;margin-left: 8px;}
    /* E: ¸ðÁýÁ¤º¸ */

    /* S: ³­°øƼºñ ¿µ»ó */
    .main-ngtv .ngtv-slider .slick-list { padding: 0 20vw 0 0; } 
    .main-ngtv .ngtv-slider .item {height: 200px;}
    /* E: ³­°øƼºñ ¿µ»ó */

    /* S: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
    .main-serial .serial-slider .slick-list { padding: 0 20vw 0 0; } 
    /* E: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
} 

@media screen and (max-width: 1024px){
    /* S: ¸ÞÀÎ °øÅë ¿µ¿ª */
    .main-wrp .position-left {width: 100%;}
    .main-wrp .position-right {display: none;}
    .main-wrp section:nth-of-type(1) {padding:0;}
    /* E: ¸ÞÀÎ °øÅë ¿µ¿ª */

    /* S: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */
    .main-tabboard .tab-wrap {margin: 0 20px;}
    .main-tabboard.gong .tab-btn {border:none;}/*°ø¹«¿ø*/
    .main-tabboard.sobang .tab-btn {border:none;}/*¼Ò¹æ*/
    .main-tabboard .tab-btn button {border-radius: 10px;}
    .main-tabboard .cont-wrap {padding: 10px 20px 0;}
    /* E: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */

    /* S: °ø¹«¿ø ±âȹÀü ¹è³Ê */
    .main-exhibi-gong {display: none;}
    /* E: °ø¹«¿ø ±âȹÀü ¹è³Ê */

    /* S: ³­°øƼºñ ¿µ»ó */
    .main-ngtv {padding: 40px 0 0 !important;}
    .main-ngtv .tit-box {padding: 0 20px;}
    .main-ngtv .ngtv-slider {padding: 0 0 0 20px;}
    /* E: ³­°øƼºñ ¿µ»ó */
    
    /* S: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
    .main-serial {padding: 40px 0 0 !important;}
    .main-serial .tit-box {padding: 0 20px;}
    .main-serial .serial-slider {padding: 0 0 0 20px;}
    /* E: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
}

@media screen and (max-width: 768px){
    /* S: ¸ÞÀÎ °øÅë ¿µ¿ª */
    .main-wrp h3 {font-size: 15px;}
    .slick-slide .pc-view,
    .pc-view { display:none; } 
    .mo-view { display:block; } 
    img.mo-view,
    .slick-slide .mo-view { display:inline-block; } 
    /* E: ¸ÞÀÎ °øÅë ¿µ¿ª */

    /* S: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */
    .main-tabboard {margin: 0;}
    .main-tabboard .cont-tbl {font-size: 13px;}
    .main-tabboard .tbl-type2 .col1 {width: 66px;}
    /* E: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */

    /* S: ½ÃÇè ÀÏÁ¤ */
    .main-schedule {margin: 0;}
    /* S: ½ÃÇè ÀÏÁ¤ */

    /* S: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */
    .main-wrp .main-startfree .startFree-list {padding: 20px 15px; border-radius: 20px;  border: 1px solid #ECECEC; gap: 18px 0;}
    .main-wrp .main-startfree .startFree-list .item { flex: 1 0 25%; }	
    /* E: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */

    /* S: ¸ðÁýÁ¤º¸ */
    .main-recruit .tit-box h3 {line-height: 1.4;}
    .main-recruit .recruit-tbl .pc-view {display: none;}
    /* E: ¸ðÁýÁ¤º¸ */

    /* S: ³­°øƼºñ ¿µ»ó */
    .main-ngtv .ngtv-arrows {display: none;}
    .main-ngtv .ngtv-slider .slick-slide { margin-right: 23px; } 
    /* E: ³­°øƼºñ ¿µ»ó */

    /* S: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
    .main-serial .serial-arrows { display: none; } 
    .main-serial .serial-slider .slick-slide { margin-right: 23px; } 
    .main-serial .serial-slider .slick-dots { margin-top: 20px; } 
    .main-serial .serial-slider .slick-dots li { display: inline-block; height: 6px; background: #f5f5f5; } 
    .main-serial .serial-slider .slick-dots li.slick-active { background: #777; } 
    .main-serial .serial-slider .slick-dots li button { font-size:0; } 
    /* E: ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ */
} 

@media screen and (max-width: 576px){
    /* S: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */
    .main-tabboard .tab-wrap {overflow-x: auto; margin: 0 0 0 20px; padding: 0 0 10px; }
    .main-tabboard .tab-btn {width: 590px; padding: 0 10px 0 0;}
    .main-tabboard .tab-btn li {width: 142px; flex: unset;}
    .main-tabboard .cont-tbl .col3 {width: 65px;}
    /* E: ÇÕ°ÝÀü·« Ä®·³/Çհݼö±â BEST/¼öÇè´º½º/½ÃÇè°ø°í ÅÇ ¿µ¿ª */

    /* S: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */
    .main-startfree .startFree-list .txt {font-size: 12px;}
    /* E: ÃʽûýÀ» À§ÇÑ ¹«·á ÄÜÅÙÃ÷ */

    /* S: ³­°øƼºñ ¿µ»ó */
    .main-ngtv .ngtv-slider .item {height: 163px;}
    /* E: ³­°øƼºñ ¿µ»ó */
    
}