<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#wrap{min-width: 1575px !important}
.stu_wrapper_fixed{padding:0 !important}
*{font-family: Noto Sans KR !important;}
button {background: none;}
.stu_main {position: relative;}
.stu_main .inbox{margin:0 auto; width: 1200px; position: relative;}
.stu_main .inbox:after{content:" "; display:block; clear:both;}
.stu_main h3{margin-bottom: 24px;font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing: -0.03em;color:#000}

/* 리스트 모듈 */
.wrap_list {
    font-size: 0;
    line-height: 0;
}
.wrap_list &gt; .list_item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden;
}
.list_item &gt; .list_item_inner {
    display: block;
    height: 100%;
}

/* 우측 퀵배너 */
.quick_ban {z-index:1;position:absolute;top:102px;left:50%;margin-left:610px;}
.quick_ban * {box-sizing: border-box;}
.quick_ban &gt; div {position:relative;}

.quick_ban .sideTopBan {width: 150px; height: 207px; background: #FFFFFF; border: 3px solid #172C8D;}
.quick_ban .sideTopBan li a { padding: 36px 14px 24px; display: block;}
.quick_ban .sideTopBan li p {font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: -0.04em; color: #172C8D;}
.quick_ban .sideTopBan li strong {display: block; margin: 7px 0 12px; height: 75px; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: -0.05em;     color: #121212;}
.quick_ban .sideTopBan li .txt {font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: -0.05em; color: #746567;}

.quick_ban .sideBan {width: 150px; margin-bottom: 12px; border: 1px solid #172C8D; background: #fff;}
.quick_ban .sideBan strong{display: block; padding:14px 15px;color: #121212;font-size: 14px; font-weight: 700;line-height: 128%;letter-spacing: -0.03em;}
.quick_ban .sideBan &gt; a{position: relative; display: block; padding: 20px 12px;border-top: 1px solid #E6E6E6;}
.quick_ban .sideBan &gt; a:nth-child(even) {background: #FAFAFC;}
.quick_ban .sideBan a img {display: inline-block; vertical-align: middle;}
.quick_ban .sideBan a span{display: inline-block;vertical-align: middle; margin-left: 8px; color: #000000;font-weight: 700;line-height: 140%;;letter-spacing: -0.04em;font-size: 12px;}
.quick_ban .sideBan a span:after{content: '';position: absolute;top: 26px;right: 16px;height: 10px;width: 6px;background: url(/img/gong/main/offline/2020/no_v8/icon_sideArrow.png) 0 0 no-repeat;}
.quick_ban .sideBan .side_event li a{padding:0 !important; border: none;}
.quick_ban .sideBan .side_event li{border: none;}
.quick_ban .sideBan .side_event li + li{margin-top: 0;border: none;}

/* topBanner */
.topBanWrap .bx-pager {right: 50%; margin-right: -600px;}

/* 프리패스 배너 */
.stu_freepass {
    position: relative;
    width: 792px;
    height: 420px;
    float: left;
    overflow: hidden;
}

.stu_freepass * {
    box-sizing: border-box;
}

.stu_freepass .list_item_inner {
    height: 100%;
}

.stu_freepass .list_item_inner .bx-viewport li {height: 360px; background: linear-gradient(102.19deg, #A93DF3 0%, #731AA3 96.42%);}
.stu_freepass .list_item_inner .bx-viewport li:nth-child(2) {background: linear-gradient(148.69deg, #4D87FF 9.46%, #4258FF 94.64%);}
.stu_freepass .list_item_inner .bx-viewport li:nth-child(3) {background: linear-gradient(127.45deg, #6D5BFF -0.56%, #3314BB 91.33%);}
.stu_freepass .list_item_inner .bx-viewport li:nth-child(4) {background: linear-gradient(141.39deg, #7722EA -1.68%, #6F0FD6 100%);}
.stu_freepass .list_item_inner .bx-viewport li:nth-child(5) {background: linear-gradient(148.69deg, #00C8E0 9.46%, #00AFD3 94.64%);}
.stu_freepass .list_item_inner .bx-viewport li:nth-child(6) {background: linear-gradient(148.69deg, #FF6C9D 9.46%, #FF4380 94.64%);}
.stu_freepass .list_item_inner .bx-viewport li:nth-child(7) {background: linear-gradient(108.56deg, #1A2262 1.33%, #0D1341 100%);}

.stu_freepass .freepass_paging {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 10;
}

.stu_freepass .freepass_paging &gt; ul {
    font-size: 0;
}

.stu_freepass .freepass_paging &gt; ul &gt; li {
    display: inline-block;
    width: 25%;
    height: 65px;
    position: relative;
}

.stu_freepass .freepass_paging &gt; ul &gt; li &gt; button:after {
    content:"";
    display: block;
    width: 0.5px;
    height: 10px;
    /* background: #FF8C67; */
    position: absolute;
    top: 50%;
    right: -1px;
    margin-top: -5px;
}

.stu_freepass .freepass_paging &gt; ul &gt; li:last-child &gt; button:after {
    display: none;
}

.stu_freepass .freepass_paging &gt; ul &gt; li &gt; button.active:after {
    display: none;
}

.stu_freepass .freepass_paging &gt; ul &gt; li &gt; button {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 137%;
    letter-spacing: -0.015em;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.stu_freepass .freepass_paging &gt; ul &gt; li &gt; button.active {
    color: #ffffff;
}

.freepass_list ul &gt; li &gt; a {
    display: block;
    height: 360px;
    padding: 34px 0 0 40px;
    color: #fff;
}

.freepass_list ul &gt; li p {color: inherit !important;}

.freepass_list .tiny_title {
    font-weight: 500;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.05em;
color: #6D6D6D;
    margin-bottom: 10px;
    margin-left: 7px;
}
.freepass_list .big_title {
    font-weight: 900;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -3px;
    color: #fff;
    margin-bottom: 20px;
}

.freepass_list .desc {
    font-weight: bold;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.05em;
    color: #010101;
    margin-bottom: 2px;
    margin-left: 7px;
}
.freepass_list .notice {
    font-weight: 500;
    font-size: 8px;
    line-height: 130%;
    /* or 12px */
    margin-left: 7px;
    display: flex;
    align-items: center;

    color: rgba(152, 152, 152, 0.5);
}
.freepass_list &gt; ul &gt; li {
    height: 100%;
}

/* 이벤트 배너 */
.stu_main .liveWrap{padding:44px 0 0}
.stu_main .liveWrap h3{margin-bottom: 8px;letter-spacing: -0.05em;}
.stu_main .liveWrap h3 em{color: #FF0000;}
.stu_main .liveWrap .consult{float: left;}
.stu_main .liveWrap .consult .bx-wrapper{position: relative;}
.stu_main .liveWrap .consult ul li{padding:20px 24px; background: #FFFFFF;font-weight: 700;letter-spacing: -0.04em;color:#FF0000; width: 382px; height: 74px;border:1px solid #E4E4E4}
.stu_main .liveWrap .consult ul li .date{display: block; font-size: 14px;line-height: 150%;margin-bottom: 6px; height: 20px; overflow: hidden;}
.stu_main .liveWrap .consult ul li .banTxt{font-size: 16px; line-height: 150%;letter-spacing: -0.04em;height: 50px; overflow: hidden; color: #000; font-weight: 700;}
.stu_main .liveWrap .consult .bx-pager{position: absolute; top:9px; right:16px;}
.stu_main .liveWrap .consult .bx-pager-item {cursor: pointer;display: inline-block;}
.stu_main .liveWrap .consult .bx-pager-item a{background-color: #D4D4D4;border-radius: 40px;display: inline-block;height: 10px;overflow: hidden;font-size: 0;width: 10px;position: relative;z-index: 99;margin-left:8px;}
.stu_main .liveWrap .consult .bx-pager-item:first-child a{margin-left: 0;}
.stu_main .liveWrap .consult .bx-pager-item .active{background-color: #000;}
/* 이벤트 배너 */
.stu_main .liveWrap{padding:44px 0 0; }
.stu_main .liveWrap h3{margin-bottom: 8px;letter-spacing: -0.05em;}
.stu_main .liveWrap h3 em{color: #FF0000;}
.stu_main .liveWrap .live{float: left;margin-left: 22px;}
.stu_main .liveWrap .live .bx-wrapper{position: relative;}
.stu_main .liveWrap .live ul li{position: relative; padding:20px; ;font-weight: 700;letter-spacing: -0.04em;width: 355px; height: 74px;border:1px solid #E4E4E4}
.stu_main .liveWrap .live ul li a{color: #000000;}
.stu_main .liveWrap .live ul li:after{content:" "; display:block; clear:both;}
.stu_main .liveWrap .live ul li span{display: inline-block; vertical-align: middle; margin-right:20px; font-size: 21px;line-height: 100%; overflow: hidden;text-align: center;font-weight: 900;}
.stu_main .liveWrap .live ul li .banTxt{display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: -0.04em;color: #000; font-weight: 700;}
.stu_main .liveWrap .live ul li .banTxt p {height: 45px; overflow: hidden; line-height: 130%;}
.stu_main .liveWrap .live ul li .banTxt dl {font-size: 13px; margin-top: 7px;}
.stu_main .liveWrap .live ul li .banTxt dt {display: inline-block; vertical-align: middle; margin-right: 5px;}
.stu_main .liveWrap .live ul li .banTxt dd {display: inline-block; vertical-align: middle; color: #FF4E9B;}

.stu_main .liveWrap .live .bx-pager{position: absolute; top:9px; right:16px;}
.stu_main .liveWrap .live .bx-pager-item {cursor: pointer;display: inline-block;}
.stu_main .liveWrap .live .bx-pager-item a{background-color: #D4D4D4;border-radius: 40px;display: inline-block;height: 10px;overflow: hidden;font-size: 0;width: 10px;position: relative;z-index: 99;margin-left:8px;}
.stu_main .liveWrap .live .bx-pager-item:first-child a{margin-left: 0;}
.stu_main .liveWrap .live .bx-pager-item .active{background-color: #000;}
.stu_main .liveWrap .live .onAir:after{content:" "; display:block; clear:both;position: absolute; bottom: 0; left:0; border-bottom: 4px solid #FF0000;width: 396px;}
.stu_main .liveWrap .live_time2{margin-top: 36px;margin-left: -1px;}
.stu_main .liveWrap .live ul li[aria-hidden="false"] + li[aria-hidden="false"] {margin-left: -1px;}
.stu_main .liveWrap .live ul li[aria-hidden="false"] + li[aria-hidden="false"] + li[aria-hidden="true"]{margin-left: -1px;}

.stu_main .liveWrap .live .bx-controls-direction a{width:30px;height: 29px; position: absolute; top: 40%; text-indent: -9999px;}
.stu_main .liveWrap .live .bx-controls-direction a.bx-prev{background:url('/img/gong/main_2021/april/btn_prev.png') no-repeat;left:-16px}
.stu_main .liveWrap .live .bx-controls-direction a.bx-next{background:url('/img/gong/main_2021/april/btn_next.png') no-repeat;right:-16px}
.stu_main .liveWrap .live .more{position: absolute; top:10px; right:0; letter-spacing: -0.06em; color: #A7A7A7;font-weight: 300;font-size: 11px;line-height: 150%;width: 105px;}

.stu_main .dday_bnrWrap {margin-top: 24px;}
.stu_main .dday_bnrWrap .inbox * {box-sizing: border-box;}
.stu_main .dday_bnrWrap .inbox &gt; ul {overflow: hidden;}
.stu_main .dday_bnrWrap .inbox &gt; ul &gt; li {float: left; width: 384px; height: 80px; background: #FFFFFF; border: 1px solid #E6E6E6;}
.stu_main .dday_bnrWrap .inbox &gt; ul &gt; li:not(:first-child) {margin-left: 24px;}
.stu_main .dday_bnrWrap .inbox &gt; ul &gt; li &gt; a {overflow: hidden;}
.stu_main .dday_bnrWrap .inbox &gt; ul &gt; li &gt; a &gt; p {float: left; height: 100%;}
.stu_main .dday_bnrWrap .dday {width: 117px; color: #fff; background: #506192; position: relative; font-weight: 700; font-size: 14px; line-height: 78px; text-align: center; letter-spacing: -0.05em;}
.stu_main .dday_bnrWrap .dday:after {content:""; display: block; position: absolute; top: 0; right: 0; width: 0px; height: 0px; border-top: 78px solid #fff; border-right: 0px solid transparent; border-left: 32px solid transparent;}
.stu_main .dday_bnrWrap .dday span {padding-right: 22px; font-weight:500;}
.stu_main .dday_bnrWrap .tit {width: calc(100% - 117px); padding: 17px 14px 0; box-sizing: border-box; font-weight: 500 !important; font-size: 16px; letter-spacing: -0.05em; color: #121212;}
.stu_main .dday_bnrWrap .tit span {margin-bottom: 5px; font-weight: 500 !important; display: block; font-size: 14px;  color: #7B7B7B;}
.stu_main .dday_bnrWrap .tit strong {font-weight: 500 !important; }
.bx-wrapper {position: relative;}
.bx-pager{position: absolute; top:10px; right:15px;}
.bx-pager-item {cursor: pointer;display: inline-block;}
.bx-pager-item a{background-color: #808080; opacity: 0.2; border-radius: 40px;display: inline-block;height: 8px;overflow: hidden;font-size: 0;width: 8px;position: relative;z-index: 99;margin-left:8px;}
.bx-pager-item:first-child a{margin-left: 0;}
.bx-pager-item .active{opacity: 1;}

.best10 {position: relative;}
.best10 .tab_best10:after{content:'';display:block;clear:both;}
.best10 .tab_best10 li{float:left;padding:15px 10.75px;color:#DCDCDC;cursor: pointer;  border:1px solid #E6E6E6; margin-left:-1px}
.best10 .tab_best10 li.on{color: #727272; font-weight: 700; border: solid #E6E6E6; border-width: 1px 1px 0 1px;}

/* .stu_main .chartWrap .book_cont .tab_box{display: none;position: relative; left:-1px; top:-1px; padding:20px 19px 20px;border:solid #E6E6E6; border-width: 0 1px 1px 1px;width: 342px;}
.stu_main .chartWrap .book_cont .tab_box li{position: relative;padding:10px 0; border-top:1px solid #E6E6E6}
.stu_main .chartWrap .book_cont .tab_box li:first-child{padding:0 0 10px; border-top:none}
.stu_main .chartWrap .book_cont .tab_box li + li span.book_rank{top:15px}

.stu_main .chartWrap .book_cont span.book_img{padding-left:25px;font-weight: 700; color: #1B1D1F;;font-size: 14px;letter-spacing: -0.05em;vertical-align: middle;}
.stu_main .chartWrap .book_cont span.book_img .txt{vertical-align:middle;display: inline-block;margin-top:14px}
.stu_main .chartWrap .book .book_ban{position: relative;}
.stu_main .chartWrap .book .book_ban li{border:none;padding:3px 0 0 0!important; height: 68px !important;width: 344px !important;}
.stu_main .chartWrap .book .bx-pager{position: absolute; top:10px; right:15px;}
.stu_main .chartWrap .book .bx-pager-item {cursor: pointer;display: inline-block;}
.stu_main .chartWrap .book .bx-pager-item a{background-color: #D4D4D4;border-radius: 40px;display: inline-block;height: 10px;overflow: hidden;font-size: 0;width: 10px;position: relative;z-index: 99;margin-left:8px;}
.stu_main .chartWrap .book .bx-pager-item:first-child a{margin-left: 0;}
.stu_main .chartWrap .book .bx-pager-item .active{background-color: #000;} */



.best10 .tabcont_best10 &gt; div{display:none;width:680px;position: relative;left: -1px;top: -1px;padding: 20px 19px 20px;border: solid #E6E6E6;border-width: 0 1px 1px 1px;width: 342px;}
.best10 .tabcont_best10 .on{display:block;}
.best10 .tabcont_best10 .slide_con_box ul li{padding:12px 0;border-bottom:1px solid #E6E6E6}
.best10 .tabcont_best10 .slide_con_box .best10_txt{display: inline-block; width: 305px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-weight: bold; color: #1B1D1F; font-size: 13px;letter-spacing: -0.05em; line-height: 19px;}
.best10 .tabcont_best10 .slide_con_box .best10_rank{display: inline-block; font-size: 22px;width: 28px;font-weight: 900;color: #1B1D1F}
.best10 .tabcont_best10 .slide_con_box .best10_name{width: 58px; display: inline-block;padding-left:15px}
.best10 .tabcont_best10 .slide_con_box .best10_lect{padding-left:6px;}
.best10 .tabcont_best10 .slide_con_box .bx-viewport {height: 372px !important;margin-top: -12px;}
.best10 .bnr_tabSlideBox {margin-top: 20px;}

.best10 .best10_filter {position: absolute; top: 2px; right: 0; z-index: 100;}
.best10 .best10_filter .btn_filter {}
.best10 .best10_filter .btn_filter i {width: 24px; height: 24px; display: inline-block; font-size: 0; font-indent: -9999px; background: url('&lt;?=IMG_DIR?&gt;/gong/main_2021/april/best10_filter.png') no-repeat;}
.best10 .best10_filter.active .btn_filter i {background: url('/img/gong/main_2021/april/best10_filter_on.png') no-repeat;}
.best10 .best10_filter .filterBox {display: none; width: 70px; box-sizing:border-box; position: absolute; top: 28px; right: 0; background: #fff; border: 1px solid #D9D9D9; padding: 12px;}
.best10 .best10_filter.active .filterBox {display: block;}
.best10 .best10_filter .filterBox input[type="radio"] {width: 14px;height: 14px;background: #FFFFFF;border: 1px solid #B3B3B3;box-sizing: border-box;border-radius: 2px;}



/* 교수진영역 */
.tch_area{padding:40px 0 46px; margin: 60px 0; background:linear-gradient(101.38deg, #F6F9F9 17.3%, #ECF3FA 83.61%);}
.tch_area .inner{width:1200px;margin:0 auto;position:relative;}
.tch_area .inner::after{content:'';display:block;clear:both;height:0;}
.tch_area h3 span{padding-left:30px;font-size:13px;font-weight:400;line-height:21px;letter-spacing:-0.05em;vertical-align:text-bottom;}
.tch_area .subj_tab{float:left;width:160px;}
.tch_area .subj_tab li{border-bottom:1px solid #e8e8e8;height:37px;}
.tch_area .subj_tab li:first-child{border-top:1px solid #e8e8e8;}
.tch_area .subj_tab li.on a{padding-right:55px;background:#172C8D url('/img/gong/main/offline/2020/no_v8/subj_tab_arrow.png') no-repeat 140px 15.5px;color:#fff;font-weight:700;font-size:14px;text-align:right;}
.tch_area .subj_tab li a{display:block;width:100%;padding:0 10px;box-sizing:border-box;font-size:13px;color:#000;font-weight:500;line-height:40px;letter-spacing:-0.05em;}
.tch_area .tch_cont{display:none;float:left;margin-left:20px;}
.tch_area .tch_cont.on{display:block;}
.tch_area .tch_cont &gt; div{float:left;width:810px;}
.tch_area .tch_cont &gt; div.right_bnr{width:190px;margin-left:20px;}
.tch_area .tch_cont .tch_list{height:418px;overflow:hidden;}
.tch_area .tch_cont .tch_list li{float:left;position:relative;width:135px !important;overflow:hidden;}
.tch_area .tch_cont .tch_list.fix5 li{width:162px !important;}
.tch_area .tch_cont .tch_list li &gt; img{width:100%;height:418px;}
.tch_area .tch_cont .tch_list li .txt{}
.tch_area .tch_cont .tch_list li .txt a{color:#fff;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;}
.tch_area .tch_cont .tch_list li .txt strong{display:block;font-size:20px;line-height:30px;font-weight:900;letter-spacing: -1.4px;}
.tch_area .tch_cont .tch_list li .txt div{margin-top:4px;font-size:14px;line-height:21px;font-weight:400;letter-spacing: -0.98px;}
.tch_area .tch_cont .tch_list li .txt div span{display:block;font-weight:400;}
.tch_area .tch_cont .tch_list li .txt.event{background:linear-gradient(180deg, rgba(207, 175, 59, 0) 0% 25%, #CFAF3B 100%);}
.tch_area .tch_cont .tch_list li .txt.event div{margin-top:13px;position:relative;}
.tch_area .tch_cont .tch_list li .txt.event div::before{content:'EVENT';display:block;margin-bottom:7px;width:41px;height:16px;background:#FF7A00;border-radius:4px;font-size:10px;font-weight:900;line-height:14px;text-align:center;}
.tch_area .tch_cont .tch_list li a.home{position:absolute;top:8px;right:8px;}
.tch_area .tch_cont .tch_list .txt_wrap {display: flex;flex-direction: column;gap: 4px;position:absolute;bottom:0;left:0;right:0;padding:0 16px 16px;}
.tch_area .tch_cont .tch_list .txt_wrap .lect_list {display: flex;flex-direction: column;align-items: start;gap: 4px;}
.tch_area .tch_cont .tch_list .txt_wrap .lect_item {width: auto !important;}
.tch_area .tch_cont .tch_list .txt_wrap .lect_item span {padding: 0 5px;font-size: 12px;font-weight: 700;line-height: 21px;letter-spacing: -0.84px;color: #F6F9F9;}
.tch_area .tch_cont .tch_list .txt_wrap .lect_item .lect_title {background: #000;}
.tch_area .tch_cont .tch_list .txt_wrap .lect_item .lect_badge {background: #FF0D0D;}
.tch_area .tch_cont .tch_list + .bott_bnr{margin-top:14px;width:100%;height:100px;overflow:hidden;}
.tch_area .tch_cont .right_bnr {}
.tch_area .tch_list .bx-controls{top:0;left:0;right:0;}
.tch_area .tch_list .bx-controls-direction a{position:absolute;top:157px;width:30px;height:50px;font-size:0;background:url('/img/gong/main_202206/tch_ctrl.png') no-repeat 0 0;}
.tch_area .tch_list .bx-controls-direction a.bx-prev{left:5px;}
.tch_area .tch_list .bx-controls-direction a.bx-next{right:5px;transform:rotate(180deg);}
/* //교수진영역 */

@keyframes scrollBottom {
    0% { opacity: 1; transform: translateX(-3px); }
    100% { opacity: 1; transform: translateX(3px); }
}

/* 공지사항 */
.notice_area{margin:80px 0;}
.notice_area .inner{width:1200px;margin:0 auto;position:relative;}
.notice_area .inner::after{content:'';display:block;clear:both;height:0;}
.notice_area .inner * {box-sizing: border-box;}
.notice_area .inner &gt; div {height: 358px;}
.notice_area .notice_wrap {position:relative;float:left;width:588px;}
.notice_area .notice_box {height: 300px; padding: 8px 16px 25px; background: #FFFFFF; border: 1px solid #E6E6E6;}
.notice_area .notice_box .boards {}
.notice_area .notice_box .boards &gt; li {padding: 17px 0;}
.notice_area .notice_box .boards &gt; li:not(:first-child) {border-top: 1px solid #E6E6E6;}
.notice_area .notice_box .boards &gt; li a {font-size: 14px; line-height: 21px; letter-spacing: -0.02em;  color: #111111;}
.notice_area .notice_box .boards &gt; li strong {font-weight: 700; width: 464px; display: inline-block; vertical-align: middle;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice_area .notice_box .boards &gt; li .date {padding-left: 30px; width: 86px; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 12px; line-height: 11px; text-align: center; letter-spacing: -0.03em; color: #929292;}

.notice_area .tit_box {position: relative;}
.notice_area .tit_box h3 {margin-bottom: 24px;}
.notice_area .tit_box a {position: absolute; bottom: 0; right: 0; font-weight: 500; font-size: 13px; line-height: 24px; letter-spacing: -0.05em; color: #333333;}

.notice_area .off_area{position:relative;float:left;width: 282px; margin-left: 24px;}
.notice_area .off_slide_area * {box-sizing:border-box;}
.notice_area .off_slide_area{position:relative; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F9F9F9; border: 1px solid #E6E6E6;}
.notice_area .off_slide_area .bx-wrapper{max-width: 282px !important;}
.notice_area .off_slide_area li{position:relative;width: 282px;height: 300px;padding:19px 19px 19px 24px;}
.notice_area .off_slide_area li:after {content:""; display: block; width: 100%; height: 4px; position: absolute; top: 0; left: 0; background: #5BCAE4;}
.notice_area .off_slide_area li .subject {color: #2E7B8C; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.03em;}
.notice_area .off_slide_area li strong {display: block; height: 110px; margin: 22px 0 30px; font-weight: 600 !important; font-size: 24px; line-height: 36px; letter-spacing: -0.04em; color: #121212;}
.notice_area .off_slide_area li .txt {font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: -0.03em; color: #585858; opacity: 0.8;}
.notice_area .off_slide_area.green li:after {background: #A2CF59; } 
.notice_area .off_slide_area.green li .subject {color: #688C2E; } 

.tickerImg {margin: 60px 0;}
.tickerImg .bx-wrapper {max-width: 100% !important;}

/* cs센터 */
.csWrap {margin: 40px 0 100px;}
.csWrap h5 {margin-bottom: 16px; font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: -0.05em; color: #000000;}
.csWrap h5 em {font-weight: bold; color: #172C8D; font-weight: 700;}
.csWrap .inbox:after {content:""; display: block; clear: both; }
.csWrap .inbox &gt; div {float: left; border: 1px solid #D4D4D4; box-sizing: border-box;}
.csWrap .inbox &gt; div.mapWrap {width: 792px; height: 540px;}
.csWrap .inbox &gt; div.qnaWrap {width: 384px; height: 540px; float: right; padding: 30px 24px;}

.csWrap .mapWrap {position: relative;}
.csWrap .mapWrap .mapTab {position: absolute; top: 34px; right: 24px;}
.csWrap .mapWrap .mapTab li {display: inline-block; vertical-align: middle;}
.csWrap .mapWrap .mapTab li a {font-weight: 500;font-size: 11px;line-height: 150%;letter-spacing: -0.05em;color: #919191;}
.csWrap .mapWrap .mapTab li.active a {color: #000; font-weight: bold;}
.csWrap .mapWrap .mapTab li:after {content:"|"; display: inline-block; padding: 0 5px; }
.csWrap .mapWrap .mapTab li:last-child:after {display: none;}
.csWrap .mapWrap .mapTabCnt {}
.csWrap .mapWrap .mapTabCnt &gt; li {display: none; height: 530px;}
.csWrap .mapWrap .mapTabCnt &gt; li.active {display: block;}
.csWrap .mapWrap .mapTabCnt h5 {padding: 30px 24px 0; margin-bottom: 30px;} 
.csWrap .mapWrap .mapTabCnt .map_location img {width: 100%;}
.csWrap .mapWrap .mapTabCnt .map_info {padding: 24px 0 24px 24px; overflow: hidden; width: 100%; box-sizing: border-box;}
.csWrap .mapWrap .mapTabCnt .map_info &gt; div {float: left; width: 55%;}
.csWrap .mapWrap .mapTabCnt .map_info &gt; div:first-child {float: left; width: 45%;}
.csWrap .mapWrap .mapTabCnt .map_info dl {font-size: 14px; line-height: 26px; letter-spacing: -0.03em; color: #000000;}
.csWrap .mapWrap .mapTabCnt .map_info dt {width: 80px; font-weight: bold; display: inline-block; vertical-align: top;}
.csWrap .mapWrap .mapTabCnt .map_info dd {display: inline-block; vertical-align: top; max-width: 322px;}
.csWrap .mapWrap .mapTabCnt .map_info &gt; div:first-child dd {max-width: 245px;}

.csWrap .qnaWrap h6 {font-size: 16px; font-weight: bold; letter-spacing: -0.03em; color: #000000;}
.csWrap .qnaWrap .qnaBtn {overflow: hidden; display: flex;flex-direction: column;gap: 8px;}
.csWrap .qnaWrap .qnaBtn li {height: 50px; border: 1px solid #E6E6E6; border-radius: 4px; line-height: 50px; text-align: center;box-sizing: border-box;}
.csWrap .qnaWrap .qnaBtn li a {display: block; width: 100%; height: 100%; font-weight: 500; letter-spacing: -0.03em; color: #000000; font-size: 14px;}
.csWrap .qnaWrap .telInfo {margin: 16px 0; border-radius: 4px; border: 1px solid #E6E6E6;box-sizing: border-box;}
.csWrap .qnaWrap .telInfo li {padding: 20px 20px 30px;}
.csWrap .qnaWrap .telInfo p {font-size: 14px; letter-spacing: -0.03em; color: #414141;}
.csWrap .qnaWrap .telInfo strong {margin: 16px 0 24px; display: block; color: #172C8D; font-weight: 900; font-size: 24px;}
.csWrap .qnaWrap .telInfo .time {color: #414141;}
.csWrap .qnaWrap .telInfo .time b {font-weight: 700;}

/* 상단 우측 배너 */
.stu_main .topMiniBan{float: left;margin-left: 21px; font-size: 15px; width: 384px; height: 360px; background: #FFFFFF;letter-spacing: -2.25px;border:1px solid #E4E4E4;}
.stu_main .topMiniBan .tit {padding: 0 20px; height: 63px;}
.stu_main .topMiniBan .tit em {line-height: 63px; padding: 4px 8px 6px; margin-right: 5px; background: #2024E8; font-size: 11px; border-radius: 4px; font-weight: 700; letter-spacing: -0.01em; color: #FFFFFF;}
.stu_main .topMiniBan .tit span {line-height: 65px; font-weight: 700; font-size: 15px; letter-spacing: -0.03em; color: #121212;}
.stu_main .topMiniBan .bm02_slide li {position: relative; padding: 32px 25px; height: 207px; background: linear-gradient(180deg, #FF8B1F 0%, #FF2F2F 100%); box-sizing: border-box;}
.stu_main .topMiniBan .bm02_slide li:after {content:""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: url('/img/gong/main/offline/2020/no_v8/topMini_deco.png') bottom center no-repeat;}
.stu_main .topMiniBan .bm02_slide a {color: #fff; font-weight: 700 !important; font-size: 24px; line-height: 34px; letter-spacing: -0.03em;}
.stu_main .topMiniBan .bx-wrapper{position: relative;}
.stu_main .topMiniBan .bx-viewport{height: 207px !important;}
.stu_main .topMiniBan .bx-pager{position: absolute; top:18px; right:18px;}
.stu_main .topMiniBan .bx-pager-item .active{background-color: #fff;}
.stu_main .topMiniBan .botBnr {padding: 18px 20px; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -0.05em;  color: #7B7B7B;}
.stu_main .topMiniBan .botBnr strong {display: block; margin-bottom: 8px; font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: -0.05em; color: #121212;}

/* 221213 상단 배너 추가 */
.link_area{background: url('/img/gong/main/offline/2022/221213/link_bg.jpg') no-repeat center top / cover; padding: 35px 0;}
.link_area ul{overflow: hidden;}
.link_area ul &gt; li{position:relative;float: left; border-radius: 5px; overflow: hidden;}
.link_area ul &gt; li + li{margin-left: 18px;}
.link_area ul &gt; li &gt; a{display: block;}
.link_area ul &gt; li .slide_area{position:absolute;top:179px;left:117px;width:155px;height:19px;overflow:hidden;text-align:left;}
.link_area ul &gt; li .slide_area li{margin-left:0}

/* 25 메인 시즌배너 */
.season_area{background: #FFF; width: 100%; padding: 30px; margin-top: 30px; border-radius: 16px; box-shadow: 0px 7px 20px 0px rgba(163, 121, 226, 0.13);position: relative;width: 1200px;margin: 0 auto;box-sizing: border-box;}
.season_area::after{content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 16px; border: 2px solid #B1B8D7; pointer-events: none; box-sizing: border-box;}
.season_area * {font-family: 'Pretendard', sans-serif !important;}
.season_area .season_tit{display: flex; align-items:  center; gap: 12px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #E5E5E5; user-select: none;}
.season_area .season_tit .tit_slider{height: 36px; line-height: 36px; margin: 0; flex: 1;}
.season_area .season_tit strong{font-size: 25px; font-weight: 800; letter-spacing: -0.5px;}
.season_area .season_tit strong span{color: #6101D9;}
.season_area .season_tit .tit_label{display: inline-flex; flex-shrink: 0;}
.season_area .season_tit .tit_label &gt; div{display: inline-flex; align-items: center; padding: 0 13px; height: 36px; font-size: 17px; font-weight: 700; letter-spacing: -0.34px; border-radius: 50px;}
.season_area .season_tit .tit_label &gt; div + div{margin-left: -8px;}
.season_area .season_tit .tit_label &gt; .fill{background: #000;}
.season_area .season_tit .tit_label &gt; .fill span{background: linear-gradient(94deg, #C8E4E9 0, #C8E4E9 50%, #F8C7F2 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.season_area .season_tit .tit_label &gt; .outline{background: linear-gradient(110deg, #FFF -40.77%, #C8E4E9 38.67%, #F8C7F2 118.11%); color: #121212; border: 2px solid #000;}
.season_area .season_bnr{display: flex; gap: 20px;}
.season_area .season_bnr &gt; li{flex: 1;}
.season_area .season_bnr &gt; li .bnr_item{display: flex; align-items: center; gap: 12px; background: linear-gradient(105deg, #5F03CE 50.1%, #8025F0 170.43%); width: 100%; height: 80px; border-radius: 12px; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12); position: relative;}
.season_area .season_bnr &gt; li .bnr_item::after{content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 12px; border: 2px solid rgba(255, 255, 255, 0.20); pointer-events: none; box-sizing: border-box;}
.season_area .season_bnr &gt; li .bnr_item:not(:has(&gt; img)){padding: 0 30px;}
.season_area .season_bnr &gt; li &gt; a strong{font-size: 20px; font-weight: 700; letter-spacing: -0.2px; background: linear-gradient(110deg, #FFF -40.77%, #C8E4E9 38.67%, #F8C7F2 118.11%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.season_area .season_bnr &gt; li &gt; a p{font-size: 17px; font-weight: 500; color: #CCC5D9; letter-spacing: -0.34px;}
.season_area .season_bnr &gt; li &gt; a &gt; div:not(.bnr_label){display: flex; align-items: center; gap: 12px;}
.season_area .season_bnr &gt; li .bnr_label{display: flex; align-items: center; flex-shrink: 0; gap: 4px; background: #5003AE; border-radius: 50px; padding: 0 13px; letter-spacing: -0.56px; padding: 7px 13px; text-align: center;}
.season_area .season_bnr &gt; li .bnr_label span{font-size: 14px; font-weight: 700; line-height: 21px; opacity: .8; background: linear-gradient(91deg, #FFF 0.59%, #C2C2C2 104.52%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.season_area .season_bnr &gt; li .bnr_label:has(br){border-radius: 8px;}
.season_area .season_bnr &gt; li .bnr_label.gray{background: #2C2C35;}
.season_area .season_bnr:has(li:nth-child(2)) &gt; li a &gt; div:not(.bnr_label){flex-direction: column; align-items: start; gap: 2px;}
.season_area .season_bnr:has(li:nth-child(2)) &gt; li a p{font-size: 14px; line-height: 21px;}
.season_area .season_bnr:has(li:nth-child(2)) &gt; li a strong{font-size: 17px; line-height: 25.5px; background: transparent; color: #fff; -webkit-background-clip: unset; -webkit-text-fill-color: unset;}

.season_area .season_event_wrap{display: flex; border-radius: 12px;overflow: hidden; position: relative;}
.season_area .season_event_wrap::after{content: ""; display: inline-block; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; border-radius: 12px; border: 2px solid #EDEDF3; pointer-events: none; box-sizing: border-box; z-index: 1;}
.season_area .season_event{display: flex; background: #F5F5F7; width: 940px; height: 190px;}
.season_area .season_event .event_item{display: block; position: relative; min-width: 200px; width: 200px; height: 100%; transition: .3s; overflow: hidden;}
.season_area .season_event .event_item:first-child:not(.active){background: #fff !important;}
.season_area .season_event .event_item strong{display: block;}
.season_area .season_event .event_item .item_cover{display: flex; align-items: center; background: linear-gradient(180deg, #F7F7F8 0%, #EEEEF0 100%), linear-gradient(180deg, #F5F5F7 0%, #F9F9F9 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .3s}
.season_area .season_event .event_item .item_cover .handle{display: flex; flex-direction: column; justify-content: space-between; width: 200px; height: 100%; padding: 20px;box-sizing: border-box;}
.season_area .season_event .event_item .item_cover .handle &gt; div{display: flex; flex-direction: column; gap: 4px;}
.season_area .season_event .event_item .item_cover span{font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: -0.32px; color: #0141B1;}
.season_area .season_event .event_item .item_cover strong{font-size: 22px; font-weight: 800; line-height: 33px; letter-spacing: -0.66px;}
.season_area .season_event .event_item .item_cover p{font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: -0.28px; color: #7E8B9A;}
.season_area .season_event .event_item + .event_item{border-left: 1px solid #EDEDF3;}
.season_area .season_event .event_item .item_content{display: flex; flex-direction: column; justify-content: space-between; gap: 17px; padding: 20px 30px; min-width: 534px; height: 100%;box-sizing: border-box;}
.season_area .season_event .event_item .item_content .item_tit{color: #fff;}
.season_area .season_event .event_item .item_content .item_tit span{font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: -0.28px; opacity: .7;}
.season_area .season_event .event_item .item_content .item_tit strong{font-size: 22px; font-weight: 800; line-height: 30.8px; letter-spacing: -0.22px;}
.season_area .season_event .event_item .item_tit{display: flex; flex-direction: column; gap: 4px;}
.season_area .season_event .event_item .item_content .item_tags{display: flex; align-items: center; gap: 6px;} 
.season_area .season_event .event_item .item_content .item_tags &gt; div{display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.20); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.10); backdrop-filter: blur(13px); padding: 0 8px; height: 27px;} 
.season_area .season_event .event_item .item_content .item_tags &gt; div &gt; span{color: #fff; font-size: 13px; font-weight: 500; letter-spacing: -0.3px; opacity: .7; white-space: nowrap; word-spacing: -1.2px;}
.season_area .season_event .event_item .item_content.dark .item_tit{color: #121212;}
.season_area .season_event .event_item.active{flex: 1;}
.season_area .season_event .event_item.active .item_cover{opacity: 0; pointer-events: none;}
.season_area .season_event:not(:has(a:nth-child(2))){height: 140px;}
.season_area .season_event:not(:has(a:nth-child(2))) .item_cover{display: none;}
.season_area .season_event:not(:has(a:nth-child(2))) .item_content{flex-direction: row; justify-content: center; align-items: center; text-align: center;}
.season_area .season_event:not(:has(a:nth-child(2))) .item_content .item_tit{gap: 6px;}
.season_area .season_event:not(:has(a:nth-child(2))) .item_content .item_tit span{font-size: 17px; color: #121212; line-height: 20px; letter-spacing: -0.34px; letter-spacing: -0.72px;}
.season_area .season_event:not(:has(a:nth-child(2))) .item_content .item_tit strong{font-size: 24px; color: #121212; line-height: 33.6px;}
.season_area .event_video {display: flex;flex-direction: column;width: 200px;height: 190px;}

/* 강좌 순위 롤링 배너 */
.lect_rank {width: 386px;border-radius: 8px;overflow: hidden;position: relative;float: right;border: 1px solid #EDEDF3;}
.lect_rank .rank_title {padding: 20px 22px 16px;background: #000;display: flex;align-items: center;justify-content: space-between;}
.lect_rank .rank_title strong {font-weight: 700;font-size: 18px;line-height: 22px;letter-spacing: -0.36px;color: #FFF;display: flex;align-items: center;gap: 5px;}
.lect_rank .rank_title span {font-weight: 700;font-size: 13px;line-height: 20px;letter-spacing: -0.39px;color: #FFF;opacity: 0.7;}
.lect_rank .rank_title .ico {position: relative;width: 13px;height: 24px;}
.lect_rank .rank_title .ico::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: inline-block;width: 16px;height: 24px;background-color: var(--color-primary);-webkit-mask-size: 100%;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;}
.lect_rank .rank_title .ico.ico_arrow_right::after{-webkit-mask-image: url('https://un-static.conects.com/un_static/img/common/icon/svg/arrow_right_s.svg'); mask-image: url('https://un-static.conects.com/un_static/img/common/icon/svg/arrow_right_s.svg');background: #FFF;}
.lect_rank .rank_slider {padding: 12px 13px 4px;height: 361px;box-sizing: border-box;}
.lect_rank .rank_slider li {height: auto;}
.lect_rank .rank_slider .lect_item {padding: 12px;display: flex;align-items: center;justify-content: space-between;height: 69px;box-sizing: border-box;}
.lect_rank .rank_slider .lect_info {width: 272px;flex-shrink: 0;display: flex;gap: 12px;align-items: center;}
.lect_rank .rank_slider .lect_thumb {width: 40px;height: 40px;flex-shrink: 0;}
.lect_rank .rank_slider .lect_thumb img {width: 100%;height: 100%;object-fit: cover;}
.lect_rank .rank_slider .lect_txt {overflow: hidden;}
.lect_rank .rank_slider .lect_subject {font-weight: 500;font-size: 12px;line-height: 20px;letter-spacing: -0.48px;color: #121212;opacity: 0.5;}
.lect_rank .rank_slider .lect_title {font-weight: 500;font-size: 14px;line-height: 21px;letter-spacing: -0.56px;color: #121212;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lect_rank .rank_slider .lect_badge {display: inline-block;padding: 0 5px;border-radius: 4px;border-width: 1px;border-style: solid;font-size: 12px;font-weight: 700;line-height: 20px;letter-spacing: -0.36px;}
.lect_rank .rank_slider .badge1 {border-color: #B8B8B8;color: #9F9F9F;}
.lect_rank .rank_slider .badge2 {border-color: #FF0000;color: #FF0000;}</pre></body></html>