.stu_body *{font-family: 'Noto Sans KR', sans-serif; word-spacing: -1px; letter-spacing: -0.5px; box-sizing: border-box;}
.stu_body .inner{width: 1200px; margin: 0 auto;}

@keyframes blink {
    0% {opacity: .3;}
    100% {opacity: 1;}
}

/* .cont_label{background: url('/img/main/211129/label_bg.png') no-repeat center top #FFF7E9; padding: 17px 0 9px; text-align: center} */
.cont_label{background:#EF684F;padding:0;text-align:center;height:104px;overflow:hidden;}
.cont_label .inner{position: relative}
.cont_label .count{position: absolute; top: -5px; right: 0; text-align: right; display: inline-block; width: 70px;}
.cont_label .count span{display: inline-block; font-size: 13px; font-weight: 500; color: #333;}
.cont_label .count strong{display: block; font-size: 18px; font-weight: 900; margin-top: 4px;}
.cont_label ul > li > strong span{white-space: nowrap; font-size: 20px; font-weight: 900; line-height: 20px;}
.cont_label ul > li > strong p{white-space: nowrap; font-size: 11px; line-height: 11px; color: #333; opacity: .3; margin-top: 7px;}
.cont_label > .inner > .bx-wrapper{display: inline-block; width: auto; max-width: min-content !important}

.bsn_ban{text-align: center; position: relative;}
.bsn_ban:before{content: ""; background: #f29ab3; position: absolute; top: 0; left: 0; width: 100%; height: 70px; pointer-events: none;}
.bsn_ban > *{position: relative;}
.bsn_ban a + div{opacity: 0; height: 0; position: absolute; top:99px; left: 50%; transform: translateX(-50%); z-index: 1; pointer-events: none; transition: opacity .4s, height .3s; overflow: hidden;}
.bsn_ban a:hover + div{opacity: 1; height: 281px;}

.wide_ban{background: url('/img/main/20220808/top_wide_ban_bg.jpg') no-repeat center top, linear-gradient(92.74deg, #42b0ff 4.9%, #0029FF 97.96%); padding: 20px 0 15px;}
.wide_ban_new{background: url('/img/main/20220808/top_wide_ban_bg.jpg') no-repeat center top, linear-gradient(92.74deg, #42b0ff 4.9%, #0029FF 97.96%); }
.wide_ban_new .inner{position: relative;}
.wide_ban_new .wide_bx{width: 270px; position: absolute; top:36px; right: 142px;}
.wide_ban_new .wide_bx .bx-viewport{height: 29px !important; }

.contents{padding-bottom: 75px;}
.contents .mt-16{margin-top: 16px;}
/* .contents .tit{font-size: 24px; line-height: 24px; font-weight: 700; color: #111; display: block; margin-bottom: 16px;} */
.contents .tit > span{font-size: 13px; line-height: 13px; margin-left: 20px; color: #111;}
.contents > div:first-child{margin-top: 0;}
.contents > div{margin-top: 40px;}
.contents .red{color: #FF2A70}
.contents .col_box:after{content: ""; display: block; width: 100%; clear: both; float: none5;}
.contents .col_box > div{float: left; position: relative;}
.contents .col_box > div+div{margin-left: 17px;}
.contents .col_box.type2 > div+div{margin-left: 24px;}
.contents .col_box .col_box{margin-top: 16px;}
.contents .col_2\.5{width: 902px;}
.contents .col_1\.5{width: 281px;}
.contents .col_1\.25{width: 442px;}
.contents .col_1{width: 384px;}
.contents .col_2{width: 588px;}
.contents .w-full{width: 100%;}

.border_box{position: relative}
.border_box:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e2e2e2; box-sizing: border-box; pointer-events: none;}

.cont_main{position: relative}
.cont_main .col_1\.5{width: 288px;}
.cont_main .col_box > div+div{margin-left: 16px;}
.cont_main .main_info{position: absolute; left: 0; top: 55px; width: 100%;padding-left:70px}
.cont_main .main_info h4{font-size: 40px; line-height: 40px; font-weight: 900; font-weight: 900; color: #fff}
.cont_main .main_info p{font-size: 18px; font-weight: 500; line-height: 25px; color: #fff; margin-top: 10px;}
.cont_main .main_info span{font-size: 12px; font-weight: 400; line-height: 15px; color: #fff; opacity: .7; margin-top: 13px; display: block;}
.cont_main .main_btns{position:absolute;left:50%;top:218px;width: 783px;transform:translateX(-50%);}
.cont_main .main_btns .serial_link a{color:#fff;}
.cont_main .main_btns ul li{float:left;width: 190px;height: 48px;margin:0 2px;line-height: 48px;background: rgba(255, 255, 255, 0.22);border-radius: 2px;color: #FFFFFF;font-weight: 500;font-size: 16px;}
.cont_main .main_btns ul li a{display:block;text-align:center}
.cont_main .main_btns ul li a:hover{background: #fff;color: #FF1673;border-radius: 2px; font-weight: 700;}
.cont_main .bmSlide .bx-controls .bx-pager-item .active{background: #FFEB34;}
.cont_main .bmSlide2{margin-left:0 !important;}
.cont_main .bmSlide2::after{content:'';display:block;clear:both}
.cont_main .bmSlide2 .l_ban_area{position:relative;float:left;margin-right:16px;}
.cont_main .bmSlide2 .l_ban_area .bans li.multi{width: 258px; overflow: hidden;}
.cont_main .bmSlide2 .l_ban_area .bans li.multi > a{float: left; width: 50%; text-align: left; box-sizing: border-box; padding: 0 14px; position: relative}
.cont_main .bmSlide2 .l_ban_area .bans li.multi > a:first-child{text-align: right;}
.cont_main .bmSlide2 .l_ban_area .bans li.multi > a:first-child:after{content: ""; display: inline-block; width: 1px; height: 13px; background: #121212; position: absolute; right: 0; top: 11px;}
.cont_main .bmSlide2 .bans li:hover{background: #333;}
.cont_main .bmSlide2 .bans li:hover > a{color: #fff}
.cont_main .bmSlide2 .bans li:hover > a:first-child:after{background: #fff !important;}
.cont_main .bmSlide2 .l_ban_area  p{position: absolute; top: 30px; left: 0; font-size: 16px; color: #fff; width: 100%; padding: 0 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cont_main .bmSlide2 .bans{position:absolute;bottom:30px;left:34px}
.cont_main .bmSlide2 .bans li{float:left; width: 125px; line-height: 36px; height: 36px; background: #FFFFFF; border: 1px solid #333333; border-radius: 4px;}
.cont_main .bmSlide2 .bans li+li{margin-left: 8px}
.cont_main .bmSlide2 .bans li a{display:block;line-height: 36px; height: 36px; width: 100%; text-align:center;letter-spacing: -0.05em;font-weight: 500;font-size: 13px;color: #000;}

.cont_main .bmSlide2 .r_ban_area{float:right; position: relative; width:288px;}
.cont_main .bmSlide2 .r_ban_area .bans li{width: 220px;}

/* 소방단기 실시간 핫이슈 */
.cont_main .relative {position:relative;}
.cont_main .hot_issue_wrap {position: absolute; top:0; left:0; bottom:0; right:0;}
.cont_main .hot_issue_box {max-height:340px; overflow: hidden; padding-bottom:30px;transition:max-height .3s linear;border: 1px solid #DADADA; position: relative; background: #fff; z-index: 9;}
.cont_main .hot_issue_box.on {max-height:490px; transition:max-height .3s linear; box-shadow: 0px 14px 13px rgba(0, 0, 0, 0.16);}
.cont_main .hot_issue_box .hot_issue_tit {height:60px;background: linear-gradient(90.91deg, #FF30E7 13.32%, #FF3F50 85.1%);font-weight: 700; font-size: 15px; line-height: 150%; letter-spacing: -0.05em; color: #FFFFFF; text-align: left; line-height: 60px; padding:0 20px;}
.cont_main .hot_issue_box .issue_list {margin:0 20px;}
.cont_main .hot_issue_box .issue_list > li {box-sizing: border-box; height:50px; line-height: 50px;}
.cont_main .hot_issue_box .issue_list > li:after {content: ''; display: block; clear: both;}
.cont_main .hot_issue_box .issue_list > li + li {border-top:1px solid #e8e8e8; }
.cont_main .hot_issue_box .issue_list > li > div {float:left;}
.cont_main .hot_issue_box .issue_list > li > div.rank {font-weight: 900; font-size: 16px; color: #000000; width:14px; margin-right:12px;}
.cont_main .hot_issue_box .issue_list > li > div.txt > a {display:block;font-weight: 400; font-size: 14px; letter-spacing: -0.05em; color: #111111; text-align: left; cursor: pointer; width:190px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cont_main .hot_issue_box .issue_list > li > div.txt > a:hover {text-decoration-line: underline; color: #111111; font-weight: 700;}
.cont_main .hot_issue_box .issue_list > li > div.icon {width:22px; height:100%; background:url('/img/main/240424/icon_main.png') no-repeat center right;}
.cont_main .hot_issue_box .issue_list > li > div.icon.up {background:url('/img/main/240424/icon_up.png') no-repeat center right}
.cont_main .hot_issue_box .issue_list > li > div.icon.down {background:url('/img/main/240424/icon_down.png') no-repeat center right}
.cont_main .hot_issue_box .issue_list > li > div.icon.new {background:url('/img/main/240424/icon_new.png') no-repeat center right; background-size: contain;}
.cont_main .hot_issue_box .openBtn {height:30px; background: #F8F8F8; position:absolute; bottom:0; left:0; right:0;}
.cont_main .hot_issue_box .openBtn a {display:block; height:100%; padding-top:13px; text-align: center;transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all .5s linear;}
.cont_main .hot_issue_box .openBtn a.on{transform: rotate(-180deg);}

/* quick_ban */
.quick_ban{z-index:1;position:absolute;top:31px;left:50%;margin-left:610px;}
.quick_ban ul{border:4px solid;border-image: linear-gradient(100deg, #FF7B01, #7000FF);border-image-slice:1;}


.bx-wrapper{position: relative}
.bx-controls{position:absolute;top:12px;right:12px;font-size: 0; line-height: 0;}
.bx-controls .bx-pager-item{display:inline-block;width: 8px;height: 8px;margin: 0}
.bx-controls .bx-pager-item+.bx-pager-item{margin-left: 8px}
.bx-controls .bx-pager-item a{display:inline-block;width: 8px;height: 8px;background:#C6CBD2;border-radius:50%;text-indent:-999em;overflow:hidden;}
.bx-controls .bx-pager-item .active{background: #333;}

/* .cont_ban{padding-bottom: 50px;} */
.cont_ban .bnr_m .bx-controls .bx-pager-item a{display:inline-block;width: 8px;height: 8px;background:#DDDDDD;border-radius:50%;text-indent:-999em;overflow:hidden;}
.cont_ban .bnr_m .bx-controls .bx-pager-item .active{background: #FF2A70;}
.cont_ban .col_box .col{width: 290px; position: relative; height:148px; overflow: hidden;}
.cont_ban .col_box .col:before{content: attr(rel); display: block; width: 100%; position: absolute; bottom: 100%; left: 0; font-size: 24px; line-height: 24px; font-weight: 700; color: #111; display: block; margin-bottom: 16px;}
/* .cont_ban .col_box .col:first-child{width: 391px;}
.cont_ban .col_box .col:last-child{width: 255px;} */
.cont_ban .col_box .col+.col{margin-left: 13px;}
.cont_ban .intro_link{margin-top:32px;}
.cont_ban .intro_link h3{float: left; font-size: 24px; line-height: 32px; letter-spacing: -1px; word-spacing: -1.5px; font-weight: 700; color: #111;}
.cont_ban .intro_link h3 + div{float:right;width:922px;}
.cont_ban .intro_link ul{font-size:0;}
.cont_ban .intro_link ul li{float:left;width:220px;height:64px;border:1px solid #dbdbdb;}
.cont_ban .intro_link ul li+li{margin-left: 14px;}
.cont_ban .intro_link ul li a{display:block;height:100%;padding:11px 19px;position:relative;color:#111;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.05em;}
.cont_ban .intro_link ul li a::after{content:'';position:absolute;top:50%;right:19px;margin-top:-4.5px;width:7px;height:9px;background:url('/img/main/20220808/ban_arrow.png') 0 0;}


.cont_promo {margin-bottom:50px; margin-top: 40px;}
.cont_promo h3{font-size: 24px;line-height: 33px;height: 33px;color: #121212;font-weight: 700;letter-spacing: -1px; width: 100%; flex-shrink: 1; margin-bottom: 15px;}
.cont_promo .col_box {margin-bottom:-14px; float:left; }
.cont_promo .col_box .col {width:390px; height:140px; position:relative; margin:0 15px 14px 0;}
.cont_promo .col_box .col:nth-child(3n) {margin-right:0;}

.cont_teacher{background: linear-gradient(101.38deg, #F5F5F1 17.3%, rgba(235, 234, 214, 0.48) 83.61%); padding: 45px 0 50px; margin-top: 0 !important}
.cont_teacher .tit{margin-bottom: 24px;}
.cont_teacher .teacherWrap{margin-top: 24px;}
.cont_teacher .stu_professor .pagingWrap {position:relative;}
.cont_teacher .stu_professor .professor_paging {overflow: hidden;border: 1px solid #CCC6BE; box-sizing: border-box; height: 56px;}
.cont_teacher .stu_professor .professor_paging ul {font-size:0; height:56px; width:calc(112px * 27 + 2px);}
.cont_teacher .stu_professor .professor_paging ul li {height: 56px; width: 240px; display:inline-block; vertical-align: top; box-sizing: border-box;border-right:1px solid #CCC6BE;}
.cont_teacher .stu_professor .professor_paging ul li button{padding: 18px 0;width: 100%;height: 56px;font-size: 14px;font-weight: 500;text-align: center; background:none;}
.cont_teacher .stu_professor .professor_paging ul li button.active {color: #fff;font-weight: 900;background: #FF1478;z-index: 10; width:100%}
.cont_teacher .stu_professor .pagingWrap > a {position:absolute; top:13px; width:36px; height:36px;}
.cont_teacher .professor_wrap {height: 292px;}
.cont_teacher .professor_wrap .bx-viewport {height: 292px !important;}
.cont_teacher .professor_list ul {width: 100%;}
.cont_teacher .professor_list ul:after {content: '';display: block;clear: both;}
.cont_teacher .professor_list li {width: 240px !important;float: left;overflow: hidden;}
.cont_teacher .professor_frame {position: relative;width: 100%;}
.cont_teacher .professor_info {position: absolute;left: 0;top: 192px;width: 100%;padding: 16px 19px;height: 100px;background: rgba(0, 0, 0, 0.3);}
.cont_teacher .professor_info dl {position: relative; width: 100%;color: #fff;}
.cont_teacher .professor_info dl dt {color: #fff;font-size: 18px;font-weight: 400;line-height: 130%;letter-spacing: -1px;}
.cont_teacher .professor_info dl .subject {position: absolute;top: 0;left: 0;color: #fff;font-size: 18px;font-weight: 400;line-height: 130%;letter-spacing: -1px;}
.cont_teacher .professor_info dl .say {margin-top: 6px;color: #fff;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -1px;font-size: 18px}
.cont_teacher .professor_info dl dd{color: #fff;font-size: 18px;font-weight: 400;line-height: 130%;letter-spacing: -1px;}
.cont_teacher .professor_wrap .bx-wrapper{position: relative}
.cont_teacher .professor_wrap .bx-controls{top:126px;left:0;width:100%;position: absolute}
.cont_teacher .professor_wrap .bx-controls-direction a{position:absolute;width:36px;height:36px;overflow:hidden;text-indent: -999em;}
.cont_teacher .professor_wrap .bx-controls-direction .bx-prev{left:-18px;background:url('/img/main/211129/btn_prev.png') no-repeat 0 0;}
.cont_teacher .professor_wrap .bx-controls-direction .bx-next{right:-18px;background:url('/img/main/211129/btn_next.png') no-repeat 0 0;}

.tch_area .subj_tab{float:left;width:160px;}
.tch_area .subj_tab li{border-bottom:1px solid #e8e8e8;height:66.5px;line-height: 66.5px;}
.tch_area .subj_tab li:first-child{border-top:1px solid #e8e8e8;}
.tch_area .subj_tab li.on a{padding-right:39px;background:#172C8D url('/img/main/20220808/subj_tab_arrow.png') no-repeat 130px center;color:#fff;font-weight:700;font-size:14px;text-align:right;}
.tch_area .subj_tab li a{display:block;width:100%;height: 100%; padding:0 10px;box-sizing:border-box;font-size:13px;color:#000;font-weight:500;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 > div{float:left;width:810px;}
.tch_area .tch_cont > div.right_bnr{width:190px;margin-left:20px;}
.tch_area .tch_cont .tch_list{height:399px;overflow:hidden;}
.tch_area .tch_cont .tch_list li{float:left;position:relative;width:202px !important;overflow:hidden;}
.tch_area .tch_cont .tch_list li > img{width:100%;height:399px;}
.tch_area .tch_cont .tch_list li .txt{position:absolute;bottom:0;left:0;right:0;padding:0 16px 35px;}
.tch_area .tch_cont .tch_list li .txt a{color:#fff;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word; padding-top:200px; display: block;}
.tch_area .tch_cont .tch_list li .txt strong{display:block;font-size:23px;line-height:30px;font-weight:900; opacity: 0.8;}
.tch_area .tch_cont .tch_list li .txt div{margin-top:15px;font-size:16px;line-height:21px;font-weight:900;opacity: 0.8;}
.tch_area .tch_cont .tch_list li .txt div span{display:block;font-weight:900;line-height: 22px;}
.tch_area .tch_cont .tch_list li .txt.event{background:linear-gradient(180deg, rgba(207, 175, 59, 0) 0% 55%, #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 .right_bnr{border: 1px solid #d7d7d7; position: relative}
.tch_area .tch_cont .right_bnr > ul > li+li:after{content: ""; position: absolute; top: 199px; left: 0; width: 100%; height: 1px; background: #d7d7d7; pointer-events: none;}
.tch_area .tch_cont .right_bnr > ul > li+li{margin-top: -1px}
.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/main/20220808/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);}

.slider_nav{position: relative}
.slider_nav .nav,
.slider_nav > a{position: absolute; top: 50%; right: 0; transform: translateY(-50%); overflow: hidden;}
.slider_nav > a{display: inline-block; color: #333; font-size: 13px; font-weight: 500;}
.slider_nav .nav > a{display: inline-block; color: #BFBFBF; font-size: 13px; font-weight: 500;}
.slider_nav .nav > a.on,
.slider_nav .nav > a.active{color: #000}
.slider_nav .nav > a+a:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #D9D9D9; margin: 0 10px;}
.cont_event .pass_slider > li > a{display: inline-block; width: 100%; height: 176px; box-sizing: border-box; padding: 18px 30px; background: #191919; color: #fff}
.cont_event .pass_slider > li > a > strong{font-weight: 300; font-size: 28px; line-height: 36px;}
.cont_event .pass_slider > li > a > strong > span{font-weight: 700;;}
.cont_event .pass_slider > li > a > p{font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 5px;}
.cont_event .pass_slider > li > a > span{font-size: 12px; opacity: .5; margin-top: 7px; display: block;}

.cont_event .event_box .bx-wrapper{position: relative}
.cont_event .event_box .bx-controls{position:absolute;top:8px;right:15px;}
.cont_event .event_box .bx-controls .bx-pager-item{display:inline-block;width: 8px;height: 8px;margin:0 5px;}
.cont_event .event_box .bx-controls .bx-pager-item a{display:inline-block;width: 8px;height: 8px;background:#fff;border-radius:50%;text-indent:-999em;overflow:hidden;}
.cont_event .event_box .bx-controls .bx-pager-item .active{background: #FF2A70;}
.cont_event .btn_more { position: absolute; top: 8px; right: 0; }

/* 4 */
.best_area{margin-top:40px;}
.inner:after{content: ""; display: block; width: 100%; float: none; clear: both;}
.best_area h4{
	margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #111;
    line-height: 34px;
    letter-spacing: -0.04em;
}*

.best_area h3 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #111;
    line-height: 34px;
    letter-spacing: -0.04em;
}*

/* best_area */
.best_area *{box-sizing: border-box;}
.best_area .inner:after{display: none;}
.best_area .area_wrap{display: flex; gap: 16px;}
.best_area .btn_more{display: flex; gap: 8px; position: absolute; top: 10px; right: 0; color: #333; font-size: 13px; font-weight: 500;}
.best_area .btn_more > a.more_primary{color: #1D5CFF;}
.best_area .cont_box{width:389px;}
.best_area .cont_box .tab_box{position:relative;}
.best_area .cont_box .tab_best_wrap{position:relative;width:333px;height:48px;margin:0 auto;border:1px solid #DADADA;border-width:1px 1px 0 0;overflow:hidden;background:url(//gong.conects.com/img/gong/main_202111/bg_tab.gif) repeat-x 0 1px;}
.best_area .cont_box .tab_best_wrap ul{position:absolute;top:0;left:0;width: calc(86px * 4);}
.best_area .cont_box .tab_best_wrap li{float:left;width:86px;height:47px;margin-left:-1px;border-left: 1px solid #DADADA;line-height: 45px;color:rgba(114, 114, 114, .5);font-size: 11px;font-weight:400;text-align:center;cursor: pointer;}
.best_area .cont_box .tab_best_wrap li:last-child{width:86px;border-right: 1px solid #DADADA;}
.best_area .cont_box .tab_best_wrap li.on{position:relative;color:rgba(114, 114, 114, 1);font-weight: 700;}
.best_area .cont_box .tab_best_wrap li.on:after{content:'';display:block;position:absolute;bottom:0;left:0;width:84px;height:2px;background:#fff;z-index:2;font-weight: 700;}
.best_area .cont_box .leftBtn{position:absolute;top:0;left:0;}
.best_area .cont_box .rightBtn{position:absolute;top:0;right:0;}

.best_area .best5{position:relative;float:left;}
.best_area .best5 .cont_box{width: 389px;height: 452px;padding:6px 20px 0;border: 1px solid #DADADA;overflow:hidden;}
.best_area .best5 .cont_box li{height:88px;padding:14px 0;border-bottom: 1px solid #DADADA;}
.best_area .best5 .cont_box li:nth-child(5){border-bottom:0}
.best_area .best5 .cont_box a:after{content:'';display:block;clear:both}
.best_area .best5 .cont_box .rank{float:left;width:38px;line-height:60px;color: #111111;font-size: 22px;font-weight: 700;}
.best_area .best5 .cont_box .rank_detail{float:left;width:300px;height:73px;font-size: 12px;color: #B3B3B3;}
.best_area .best5 .cont_box .rank_detail strong{font-size: 13px;color: #111111;font-weight: 600;}
.best_area .best5 .cont_box a:hover .rank_detail strong{text-decoration: underline;}
.best_area .best5 .cont_box .rank_detail h5{margin-bottom:7px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color: #888888;font-weight: 500;}

.best_area .best8{position:relative;}
.best_area .best8 .cont_box{width: 389px;height: 452px;}
.best_area .best8 .box{width: 389px;height: 405px;padding:10px 20px 0;border: 1px solid #DADADA;border-width:0 1px 1px 1px}
.best_area .best8 .box li{position:relative;height:56px;padding:12px 0 12px 34px;border-bottom:1px solid #E8E8E8;line-height: 34px;font-weight: bold;font-size: 13px;letter-spacing: -0.05em;font-weight: bold;}
.best_area .best8 .box li:nth-child(7){border-bottom:0;}
.best_area .best8 .box li a{display:block;color: #111111;}
.best_area .best8 .box li a:after{content:'';display:block;clear:both}
.best_area .best8 .box li a:hover p{text-decoration: underline;}
.best_area .best8 .box li .rank{position:absolute;top:12px;left:0;font-weight: 700;font-size: 22px;}
.best_area .best8 .box li .ranking_num{float: left; width: 26px; color: #7E8B9A; text-align: center; font-size: 11px; font-weight: 500;}
.best_area .best8 .box li .ranking_num.up{color: #EE5A5A;}
.best_area .best8 .box li .ranking_num.down{color: #7E8B9A;}
.best_area .best8 .box li .ranking_num.up::before{content: '▲'; font-size: 7px; display: inline-block; vertical-align: 1px; margin-right: 3px; font-weight: 500;}
.best_area .best8 .box li .ranking_num.down::before{content: '▲'; font-size: 7px;display: inline-block; transform: rotate(180deg); color: #7e9b9a; vertical-align: 2px; margin-right: 3px; font-weight: 500;}
.best_area .best8 .box li .ranking_num.new::before{content: 'NEW'; font-size: 10px;display: inline-block; color: #255af6; vertical-align: 1px; margin-right: 3px; font-weight: 700;}
.best_area .best8 .box li .name{float:left;width:60px;;font-weight: bold;font-size: 12px;color: #333333;letter-spacing: -0.05em; text-align: center;}
.best_area .best8 .box li p{float:left;width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 34px;font-weight: bold;font-size: 13px;letter-spacing: -0.05em; font-weight: bold;}

.best_area .best7{position:relative;width: 389px;height: 452px;}
.best_area .best7 .box{width: 389px;height: 405px;padding:9px 20px 0;border: 1px solid #DADADA;border-width:0 1px 1px 1px}
.best_area .best7 .box li{position:relative;height:56px;padding:10px 58px 10px 34px;border-bottom:1px solid #E8E8E8;line-height: 34px;font-weight: bold;font-size: 13px;letter-spacing: -0.05em;font-weight: bold;}
.best_area .best7 .box li:nth-child(7){border-bottom:0;}
.best_area .best7 .box li a{color: #111111;}
.best_area .best7 .box li a:hover{text-decoration: underline;}
.best_area .best7 .box li .rank{position:absolute;top:10px;left:0;font-weight: 700;font-size: 22px;}
.best_area .best7 .box li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 34px;font-weight: bold;font-size: 13px;letter-spacing: -0.05em; font-weight: bold;}
.best_area .best7 .box li .img{position:absolute;top:5px;right:0;}
.best_area .best7 .box li .img img{width:32px;height:44px;}
.best_area .best7 .box li .img:hover img{transform: scale(4); z-index: 1; pointer-events: none; position: relative;}
.best_area .best7 .box li .ranking_num{float: left; width: 26px; text-align: center; margin-right: 10px; font-size: 11px; color: #7E9B9A; font-weight: 500;}
.best_area .best7 .box li .ranking_num.up{color: #EE5A5A;}
.best_area .best7 .box li .ranking_num.down{color: #7E8B9A;}
.best_area .best7 .box li .ranking_num.up::before{content: '▲'; font-size: 7px; display: inline-block; vertical-align: 2px; margin-right: 3px; font-weight: 500;}
.best_area .best7 .box li .ranking_num.down::before{content: '▲'; font-size: 7px;display: inline-block; transform: rotate(180deg); color: #7e9b9a; vertical-align: 2px; margin-right: 3px; font-weight: 500;}
.best_area .best7 .box li .ranking_num.new::before{content: 'NEW'; font-size: 10px;display: inline-block; color: #255af6; vertical-align: 1px; margin-right: 3px; font-weight: 700;}

.best_area .professor{position: relative;}
.best_area .professor h4{color: #727272; font-size: 11px; font-weight: 700; display: block; height: 17px; line-height: 17px; margin-bottom: 8px; letter-spacing: -0.2px;}
.best_area .professor h4 span{opacity: .5; margin-left: 4px; font-weight: 400; word-spacing: -0.5px;}
.best_area .professor .box{border: 1px solid #DADADA; padding: 16px 20px;}
.best_area .professor .professor_items{display: flex; flex-wrap: wrap; gap: 8px;}
.best_area .professor .professor_items .p_item{display: flex; flex-direction: column; gap: 4px; width: 169px; position: relative;}
.best_area .professor .professor_items .p_item > :is(strong, span){display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.5px; word-spacing: -1px;} 
.best_area .professor .professor_items .p_item > img{border-radius: 4px; overflow: hidden;}
.best_area .professor .professor_items .p_item > strong{color: #111; font-size: 12px; font-weight: 700;}
.best_area .professor .professor_items .p_item > span{color: #B3B3B3; font-size: 11px; }
.best_area .professor .professor_items .p_item > .item_label{display: inline-block; background: #E7EFFD; color: #7E8B9A; font-weight: 700; padding: 0 5px; width: auto; height: 18px; line-height: 18px; position: absolute; top: 8px; left: 8px;}
.best_area .professor .professor_items .p_item > .item_label.red{background: #F8E6FE;}
.best_area .professor .professor_items .p_item > .item_label.green{background: #cbf1d5;}
.best_area .professor .professor_items .p_item > .item_label.gray{background: #e5e2e2;}
.best_area .professor .professor_items .p_item:hover > strong{text-decoration: underline;}

.right_banner_new{display: flex; flex-direction: column; gap: 8px; width: 100px; position: absolute; top: 33px; left: 50%; margin-left: 624px; z-index: 1;}

.professor_banner{--professor-time: .6s;}
.professor_banner{width: 100px; border: 2px solid #062FB2; border-radius: 8px; padding: 10px 0; margin-bottom: 15px; box-sizing: border-box; position: relative;}
.professor_banner:after{content: ""; background: #062fb2 url('/img/main/240424/icon_down.png') no-repeat center top 6px; position: absolute; bottom: -9px; left: 50%; transform: translateX(-50%); width: 28px; height: 16px; border-radius: 4px; box-shadow: 0px 4px 4px 0px #00000024; z-index: 1;}
.professor_banner h5{font-size: 11px; font-weight: 700; color: #000; padding: 0 10px;}
.professor_banner .p_label{display: block; background: #F0F6FF; width: 84px; margin: 6px auto 0; border: 1px solid #E8E8E8; border-radius: 4px; height: 24px; text-align: center;}
.professor_banner .p_label img{display: inline-block; vertical-align: middle; animation: blink 1.2s infinite steps(2, jump-none)}
.professor_banner .p_wrap{background: #fff; width: 100%; max-height: 85px; overflow: hidden; transition: var(--professor-time);}
.professor_banner .p_wrap > li:not(:first-child){opacity: 0; transition: opacity var(--professor-time);}
.professor_banner .p_wrap > li:nth-child(even){background: #F2F2F7; border-top: 1px dashed #E3E5EC}
.professor_banner .p_wrap:hover{max-height: 700px;}
.professor_banner .p_wrap:hover > li{opacity: 1;}
.professor_banner .p_item{display: block; padding: 8px;}
.professor_banner .p_item .item_info{display: flex; align-items: center; gap: 3px;}
.professor_banner .p_item .item_info img{border-radius: 50%; border: 1px solid #E3E5EC; overflow: hidden; flex-shrink: 0;}
.professor_banner .p_item .item_info strong{font-size: 11px; font-weight: 600; line-height: 14.3px; color: #121212}
.professor_banner .p_item p{margin-top: 4px; font-size: 11px; line-height: 14.74px; color: #7E8B9A; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.quick_ban{display: none;}
.right_banner{background: #fff; border: 1px solid #E8E8E8; border-radius: 8px; overflow: hidden;}
.right_banner > li + li{border-top: 1px solid #E8E8E8;}


/* gongtube_area */
.gongtube_area{padding-top: 50px;}
.gongtube_area h4 {margin-bottom: 24px;font-size: 24px;font-weight: 700;color: #111;line-height: 34px;letter-spacing: -0.04em;}

.gongtube_area .tube_top{margin-bottom: 24px; overflow: hidden;}
.gongtube_area .tube_top .tit{margin-top: 2px; margin-bottom: 0; float: left;}
.gongtube_area .tube_top .tit > img{display: inline-block; vertical-align: -7px; margin-right: 10px;}
.gongtube_area .tube_top ul{float: right}
.gongtube_area .tube_top ul li{float:left; margin-left: 8px;}
.gongtube_area .tube_list{overflow: hidden;}
.gongtube_area .tube_list li{float:left;width:285px;}
.gongtube_area .tube_list li + li{margin-left: 20px;}
.gongtube_area .tube_list li .img{width:285;height:156px;overflow:hidden;}
.gongtube_area .tube_list li .img img{width:100%;height:100%;}
.gongtube_area .tube_list li span{display:block;padding-top:6px;font-weight:500;font-size:12px;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gongtube_area .tube_list li strong{display:block;padding-top:3px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 6 */
.notice_area {margin: 50px 0 0}
.notice_area h4{margin-bottom:13px;font-size: 24px;line-height: 140%;letter-spacing: -0.04em;color: #111111}
.notice_area .tab_link{position:absolute;top:10px;right:0;padding-right:3px;}
.notice_area .tab_link .cam_link{float:left;margin-right:13px;color: #111111;font-weight: bold;font-size: 13px;}
.notice_area .tab_link ul{float:left}
.notice_area .tab_link li{position:relative;float:left;padding:0 10px;color: #BFBFBF;font-weight: 500;font-size: 13px;}
.notice_area .tab_link li a{color: #BFBFBF;}
.notice_area .tab_link li a:hover,
.notice_area .tab_link li.on a{color: #111111;}
.notice_area .tab_link li:after{position:absolute;top:5px;left:0;content:'';display:block;width:1px;height:10px;background: #D9D9D9;}
.notice_area .tab_link li:first-child:after{width:0}
.notice_area .tab_link li:last-child{padding-right:0;}
.notice_area .notice_box{position:relative;float:left;width: 384px;}
.notice_area .notice_box .box_area{height: 280px;border: 1px solid #DBDBDB;overflow:hidden;}
.notice_area .notice_box .box_area .list_area{height:225px;padding:0 20px;}
.notice_area .notice_box .box_area .list_area li{height:60px;padding:15px 0;border-bottom:1px solid #E8E8E8;}
.notice_area .notice_box .box_area .list_area div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #111111;font-weight: bold;font-size: 14px;}
.notice_area .notice_box .box_area .list_area span{color: #929292;font-size: 12px;}
.notice_area .notice_box .box_area .connect_box{position:relative;top:-1px;height: 54px;padding:16px 0 0 20px;border-top: 1px solid #DBDBDB;background: #F8F8F8;font-weight:bold;}
.notice_area .notice_box .box_area .connect_box span{margin:0 9px;}
.notice_area .notice_box .box_area .connect_box span:first-child{margin:0 30px 0 0;}
.notice_area .notice_box .box_area .connect_box a{font-size:13px;color:#333333;line-height:140%;}
.notice_area .notice_box .box_area .connect_box img{margin-right:7px;vertical-align: middle;}
.notice_area .notice_box .box_area .connect_box .line{position:relative}
.notice_area .notice_box .box_area .connect_box .line:before{position:absolute;top:5px;left:-9px;content:'';display:block;width:1px;height:10px;background: #D9D9D9;}
.notice_area .notice_box .box_area .connect_box .line:after{position:absolute;top:5px;right:-9px;content:'';display:block;width:1px;height:10px;background: #D9D9D9;}
.notice_area .off_area{position:relative;float:right;width: 793px;}
.notice_area .off_slide_area{position:relative;}
.notice_area .off_slide_area .bx-wrapper{max-width: 793px !important;position: relative}
.notice_area .off_slide_area .bx-controls{top:126px;left:0;width:100%;position: absolute}
.notice_area .off_slide_area .bx-controls-direction a{position:absolute;width:36px;height:36px;overflow:hidden;text-indent: -999em;}
.notice_area .off_slide_area .bx-controls-direction .bx-prev{left:-18px;background:url('/img/main/211129/btn_prev.png') no-repeat 0 0;}
.notice_area .off_slide_area .bx-controls-direction .bx-next{right:-18px;background:url('/img/main/211129/btn_next.png') no-repeat 0 0;}
.notice_area .off_slide_area li{position:relative;float:left;width: 254px;height: 280px;margin-right:15px;padding:30px 0 0 24px;font-size: 24px;letter-spacing: -0.03em;line-height: 132%;}
.notice_area .off_slide_area li a{color: #FFFFFF;}
.notice_area .off_slide_area li:last-child{margin-right:0;}
.notice_area .off_slide_area li span{position:absolute;top:205px;left:24px;font-weight:bold;font-size: 14px;letter-spacing: -0.04em;font-weight: bold;line-height: 132%;}

/* 소방단기 필독 공지사항 */
.cont_notice {border: 1px solid #E2E2E2; padding: 24px 26px; text-align: left; margin-top: 40px;}
.cont_notice h3{font-size: 23px; font-weight: 700; line-height: 32px; display: inline-block; margin-right: 54px; vertical-align: top; width: 217px; height: 130px; overflow:hidden;}
.cont_notice .bx-wrapper {display: inline-block; position: relative; overflow: hidden;}
.cont_notice .review_slider1 p {display: inline-block;}
.cont_notice .review_slider1 .title {width: 72px; font-size: 13px; font-weight: 700; line-height: 18px; color: #172CBD;}
.cont_notice .review_slider1 .notice {width: 608px; font-size: 13px; font-weight: 400; line-height: 18px; color: #111;}
.cont_notice .review_slider1 b {font-weight: 700; text-decoration: underline;}
.cont_notice .review_slider1 .teacher {width: 125px; font-size: 13px; font-weight: 400; line-height: 18px; color: #111;}
.cont_notice .review_slider1 .date {width: 64px; font-size: 13px; font-weight: 400; line-height: 18px; color: #8F8F8F;}
.cont_notice .bx-controls {left: 12px; right: 0 !important; top: 72px !important;}
.cont_notice .bx-controls-direction a {width: 28px; height: 28px; position:absolute; top:50%; margin-top:-24px; font-size:0; text-indent: -9999px;}
.cont_notice .bx-controls-direction a.bx-prev {left: -285px;  background: url("/img/main/20221129/notice_prev.png") no-repeat;}
.cont_notice .bx-controls-direction a.bx-next {left: -255px; background: url("/img/main/20221129/notice_next.png") no-repeat;}


/* 우측 지식 재산권 보허 캠페인 */
/* .right_ban{position: absolute; top: 340px; right: 0; z-index: 10;}
.right_ban > li > a{display: inline-block;}
.right_ban > li+li{margin-top: 10px;} */
.right_ban {z-index: 1;position: absolute;top: 411px;left: 50%;margin-left: 624px;}
.right_ban .ban_protect > a {display: inline-block;}

/* 프리패스 상단 교정 배너(스크롤 중간 부터) > 스크롤 애니메이션 */
.freepass_follow.fixed {position: fixed;top: 0;z-index: 100;left: 0;right: 0; z-index:10; display: none;}
.freepass_follow{background: rgba(0, 41, 255, 0.8) url(//s3.ap-northeast-2.amazonaws.com/st.dev.dangidata/gong_dangicokr/img/gong/main/221013/flow_bnr_bg.png) no-repeat 50% 0;backdrop-filter: blur(10px);border-radius: 8px;margin:0 auto; width: 1120px; padding:23px 40px; min-height: 27px; display: none;}
.freepass_follow .inner a:after{display: block; content: ""; clear: both;}
.freepass_follow .inner a > span{font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.05em;color: #FFFFFF; vertical-align: middle;}
.freepass_follow .inner a > span.freepass_benefit{margin-left: 210px;font-size: 24px;}
.freepass_follow .inner a > span.freepass_remain{margin-left: 81px; float: right;}
.freepass_follow .inner a > span.freepass_remain strong{font-weight: 900;font-size: 34px;line-height: 100%; margin: 0 40px 0 43px; letter-spacing: 3px;    vertical-align: -6px;}
.freepass_follow .inner a > span.freepass_remain em{display: inline-block; margin-top: -7px;}
.freepass_follow .inner a > span.freepass_remain span{font-weight: 900;font-size: 34px;}
.freepass_follow .inner a > span.freepass_remain span:not(:first-child) {position: relative; margin-left: -5px;}
.freepass_follow .inner a > span.freepass_remain span:nth-child(2):before,
.freepass_follow .inner a > span.freepass_remain span:nth-child(3):before {content:":"; font-size: 28px;color:#fff; }

.stu_header .left_top_banner { height: 90px; overflow: hidden; }

/* 230317 상단 */
.cont_main_2303{position: relative; }
.cont_main_2303 .col_1_5{width: 288px;}
.cont_main_2303 .col_box > div+div{margin-left: 16px;}
.cont_main_2303 .main_info{position: absolute; left: 0; top: 55px; width: 100%;padding-left:70px}
.cont_main_2303 .main_info h4{font-size: 40px; line-height: 40px; font-weight: 900; font-weight: 900; color: #fff}
.cont_main_2303 .main_info p{font-size: 18px; font-weight: 500; line-height: 25px; color: #fff; margin-top: 10px;}
.cont_main_2303 .main_info span{font-size: 12px; font-weight: 400; line-height: 15px; color: #fff; opacity: .7; margin-top: 13px; display: block;}
.cont_main_2303 .main_btns{position:absolute;left:50%;top:218px;width: 783px;transform:translateX(-50%);}
.cont_main_2303 .main_btns .serial_link a{color:#fff;}
.cont_main_2303 .main_btns ul li{float:left;width: 190px;height: 48px;margin:0 2px;line-height: 48px;background: rgba(255, 255, 255, 0.22);border-radius: 2px;color: #FFFFFF;font-weight: 500;font-size: 16px;}
.cont_main_2303 .main_btns ul li a{display:block;text-align:center}
.cont_main_2303 .main_btns ul li a:hover{background: #fff;color: #FF1673;border-radius: 2px; font-weight: 700;}
.cont_main_2303 .bmSlide .bx-controls .bx-pager-item .active{background: #FFEB34;}
.cont_main_2303 .bmSlide2{margin-left:0 !important;}
.cont_main_2303 .bmSlide2::after{content:'';display:block;clear:both}
.cont_main_2303 .bmSlide2 .l_ban_area{position:relative;float:left;margin-right:16px;}
.cont_main_2303 .bmSlide2 .l_ban_area .bans li.multi{width: 258px; overflow: hidden;}
.cont_main_2303 .bmSlide2 .l_ban_area .bans li.multi > a{float: left; width: 50%; text-align: left; box-sizing: border-box; padding: 0 14px; position: relative}
.cont_main_2303 .bmSlide2 .l_ban_area .bans li.multi > a:first-child{text-align: right;}
.cont_main_2303 .bmSlide2 .l_ban_area .bans li.multi > a:first-child:after{content: ""; display: inline-block; width: 1px; height: 13px; background: #121212; position: absolute; right: 0; top: 11px;}
.cont_main_2303 .bmSlide2 .bans li:hover{background: #333;}
.cont_main_2303 .bmSlide2 .bans li:hover > a{color: #fff}
.cont_main_2303 .bmSlide2 .bans li:hover > a:first-child:after{background: #fff !important;}
.cont_main_2303 .bmSlide2 .l_ban_area  p{position: absolute; top: 30px; left: 0; font-size: 16px; color: #fff; width: 100%; padding: 0 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cont_main_2303 .bmSlide2 .bans{position:absolute;bottom:30px;left:34px}
.cont_main_2303 .bmSlide2 .bans li{float:left; width: 125px; line-height: 36px; height: 36px; background: #FFFFFF; border: 1px solid #333333; border-radius: 4px;}
.cont_main_2303 .bmSlide2 .bans li+li{margin-left: 8px}
.cont_main_2303 .bmSlide2 .bans li a{display:block;line-height: 36px; height: 36px; width: 100%; text-align:center;letter-spacing: -0.05em;font-weight: 500;font-size: 13px;color: #000;}

.cont_main_2303 .bmSlide2 .r_ban_area{float:right; position: relative; width:288px;}
.cont_main_2303 .bmSlide2 .r_ban_area .bans li{width: 220px;}

/* 소방단기 실시간 핫이슈 */
.cont_main_2303 .relative {position:relative;}
.cont_main_2303 .hot_issue_wrap {position: absolute; top:0; left:0; bottom:0; right:0;}
.cont_main_2303 .hot_issue_box {max-height:340px; overflow: hidden; padding-bottom:30px;transition:max-height .3s linear;border: 1px solid #DADADA; position: relative; background: #fff; z-index: 9;}
.cont_main_2303 .hot_issue_box.on {max-height:490px; transition:max-height .3s linear; box-shadow: 0px 14px 13px rgba(0, 0, 0, 0.16);}
.cont_main_2303 .hot_issue_box .hot_issue_tit {height:60px;background: linear-gradient(90.91deg, #FF30E7 13.32%, #FF3F50 85.1%);font-weight: 700; font-size: 15px; line-height: 150%; letter-spacing: -0.05em; color: #FFFFFF; text-align: left; line-height: 60px; padding:0 20px;}
.cont_main_2303 .hot_issue_box .issue_list {margin:0 20px;}
.cont_main_2303 .hot_issue_box .issue_list > li {box-sizing: border-box; height:50px; line-height: 50px;}
.cont_main_2303 .hot_issue_box .issue_list > li:after {content: ''; display: block; clear: both;}
.cont_main_2303 .hot_issue_box .issue_list > li + li {border-top:1px solid #e8e8e8; }
.cont_main_2303 .hot_issue_box .issue_list > li > div {float:left;}
.cont_main_2303 .hot_issue_box .issue_list > li > div.rank {font-weight: 900; font-size: 16px; color: #000000; width:14px; margin-right:12px;}
.cont_main_2303 .hot_issue_box .issue_list > li > div.txt > a {display:block;font-weight: 400; font-size: 14px; letter-spacing: -0.05em; color: #111111; text-align: left; cursor: pointer; width:190px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cont_main_2303 .hot_issue_box .issue_list > li > div.txt > a:hover {text-decoration-line: underline; color: #111111; font-weight: 700;}
.cont_main_2303 .hot_issue_box .issue_list > li > div.icon {width:22px; height:100%; background:url('/img/main/20221129/icon_main.png') no-repeat center right;}
.cont_main_2303 .hot_issue_box .issue_list > li > div.icon.up {background:url('/img/main/20221129/icon_up.png') no-repeat center right}
.cont_main_2303 .hot_issue_box .issue_list > li > div.icon.down {background:url('/img/main/20221129/icon_down.png') no-repeat center right}
.cont_main_2303 .hot_issue_box .issue_list > li > div.icon.new {background:url('/img/main/20221129/icon_new.png') no-repeat center right; background-size: contain;}
.cont_main_2303 .hot_issue_box .openBtn {height:30px; background: #F8F8F8; position:absolute; bottom:0; left:0; right:0;}
.cont_main_2303 .hot_issue_box .openBtn a {display:block; height:100%; padding-top:13px; text-align: center;transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all .5s linear;}
.cont_main_2303 .hot_issue_box .openBtn a.on{transform: rotate(-180deg);}


/* 2023 w시즌 리뉴얼 : 231204 */
/* 왼쪽 고정 배너 */
.left_ban{z-index: 1;position: absolute;top: 542px;left: 50%;margin-left: -774px;width:150px}
.left_ban li,.right_ban li{margin-top: 10px;}
.left_ban li:first-child,.right_ban li:first-child{margin:0}
.right_ban > li {border-radius: 12px;box-shadow: 0px 7px 12px 0px rgba(207, 207, 229, 0.50); }
.right_ban > li + li{ }
/* 라이브 배너 영역 */
.cont_live {background:#ffffff;margin-top:40px !important; display: flex; height:145px; align-items: center; flex-wrap: wrap; justify-content: space-between;padding:20px 39px 20px 19px; border: 1px solid #E3E5EC}
.cont_live .slide_area {width:949px;}
.cont_live .slide_area .bx-controls {top:38px; left:0; right:0;}
.cont_live .slide_area .bx-controls-direction > a {width:30px; height:30px; display:block; position: absolute;}
.cont_live .slide_area .bx-controls-direction .bx-prev {background: url('/img/main/231109/btn_prev.png'); left:-15px;}
.cont_live .slide_area .bx-controls-direction .bx-next {background: url('/img/main/231109/btn_next.png'); right:-15px;}

/* 초시생가이드 / 정규 커리큘럼 기획전 */
.stu_body .inner.goods_box{margin-top:40px; margin-bottom: 40px;}
.stu_body .inner.goods_box::after{display: none;}
.goods_box {margin-top: 40px;display: flex;gap: 16px;}
.goods_box > div{display: flex;overflow: hidden;gap: 16px;flex-wrap: wrap;}
.goods_box h3 {font-size: 24px;line-height: 33px;height: 33px;color: #121212;font-weight: 700;letter-spacing: -1px;width:100%;flex-shrink: 1;}
.goods_box h3 span {font-size: 16px;line-height: 33px;color: #0D009E;font-weight: 900;padding-left: 6px;}
.goods_box .goods_slide {position: relative;height:200px;overflow: hidden;}
.goods_box .goods_slide:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #E8E8E8;pointer-events: none;box-sizing: border-box;}
.goods_box .goods_slide ul li > a {display: inline-block;}
.goods_box .goods_left {width: 390px;}
.goods_box .goods_right {width: 794px;}
.goods_box .goods_right .goods_slide {width: 254px;}

/* 최상단 띠배너 */
.top_bnr{text-align: center;}

/* 겨울시즌 메인 변경 */
.top_area .top_col {padding: 30px 0 40px;background: url('/img/main/231211/top_area_bg.png') no-repeat center top,linear-gradient(90deg, #b035ba 50%,  #f40d0f 50%);}
.top_area .top_col_tit {display: block;margin: 0 auto 8px;}
.top_area .top_col:after {content: ""; display: block; width: 100%; clear: both; float: none;}
.top_area .top_col .col {float: left; width: 592px; height: 280px; box-shadow: 0px 10px 25px 0px rgba(15, 3, 86, 0.40); border-radius: 20px; overflow: hidden; box-sizing: border-box; position: relative;background: #F8F8F8;}
.top_area .top_col .col + .col {margin-left: 16px;}
.top_area .top_col .col .freepass_top {background: linear-gradient(0deg, #0C0C0C 0%, #0C0C0C 100%), linear-gradient(121deg, #333571 31.01%, rgba(75, 28, 121, 0.00) 130.01%); height: 100%; box-sizing: border-box; border-radius: 20px; border: 3px solid #E498FF; overflow: hidden; position: relative;}
.top_area .top_col .col .freepass_top .freepass_txt {display: flex; flex-direction: column; align-items: center; text-align: center; color: #fff; padding: 50px 0; box-sizing: border-box;}
.top_area .top_col .col .freepass_top .freepass_txt p {font-size: 16px; font-weight: 700; color: #fff; line-height: 20.8px; letter-spacing: -0.32px;display: inline-block;padding-left: 22px;background: url('/img/main/231211/ico_coupon.png') no-repeat left center/18px 18px;}
.top_area .top_col .col .freepass_top .freepass_txt strong {display: block; font-size: 36px; font-weight: 900; line-height: 48.24px; letter-spacing: -1.08px; margin: 16px 0px 19px;}
.top_area .top_col .col .freepass_top .freepass_txt span {font-size: 12px; font-weight: 500; line-height: 20.8px; letter-spacing: -0.64px; opacity: 0.4;}
.top_area .top_col .col .freepass_top a > img {width: 100%;}
.top_area .top_col .col .right_bnr {height: 100%;position: relative;}
.top_area .top_col .col .right_bnr_slider .bnr_txt {position: absolute;width:50%; height:100%; top:0; left:0; }
.top_area .top_col .col .right_bnr_slider .bnr_txt a {display:flex; font-size: 34px;font-weight: 900;line-height: 134%;letter-spacing:-1.02px; padding-left:30px; align-items: center; box-sizing: border-box; border-radius: 20px; height:100%;}
.top_area .top_col .col li .bnr_txt a {background: linear-gradient(116deg, #FF3BC8 -10.41%, #F00 103.86%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* .top_area .top_col .col li:nth-of-type(2) .bnr_txt {background: linear-gradient(102deg, #00C2FF -1.02%, #00C981 85.96%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
.top_area .top_col .col .link_list {display: flex;flex-direction: column;gap: 2px;padding: 10px 11px 10px 317px;}
.top_area .top_col .col .link_list > a {padding-left: 20px;display: flex;flex-direction: column;justify-content: center;gap: 2px;height: 63.5px;border-radius: 16px;background-color: #FFF;}
.top_area .top_col .col .link_list > a:hover {background: url('/img/main/231211/link_border.png') no-repeat center/cover;}
.top_area .top_col .col .link_list > a + a {}
.top_area .top_col .col .link_list span {font-size: 12px;font-weight: 700;line-height: 15.6px;letter-spacing: -0.24px;color: #FF3131;}
.top_area .top_col .col .link_list p {font-size: 15px;font-weight: 700;line-height: 21px;letter-spacing: -0.3px;color: #121212;}
.top_area .top_col .col .right_bnr_pager {display: inline-flex;padding: 4px;gap: 4px;border-radius: 100px;background: #0C0C0C;position: absolute;left: 24px;top: 24px;z-index: 100;}
.top_area .top_col .col .right_bnr_pager a {display: flex;height: 28px;padding: 3px 9px;justify-content: center;align-items: center;border-radius: 100px;font-size: 15px;font-weight: 900;line-height: 19.5px;letter-spacing: -0.3px;color: #FFF;}
.top_area .top_col .col .right_bnr_pager a.active {background: #FFF;color: #0E0E1F;}

/* 강사 소개 */
.teacher_area .teacher_tit {font-size: 24px;font-weight: 900;line-height: 34px;letter-spacing: -0.96px;color: #121212;display: flex;justify-content: center;gap: 12px;overflow: hidden;margin-top: 30px;}
.teacher_area .teacher_tit > div {flex-shrink: 0;}
.teacher_area .teacher_tit * { font-weight:900;}
.teacher_area .teacher_tit .sup {font-size: 13px;line-height: 25px;vertical-align: top;padding-left: 2px;font-weight: 400;}
.teacher_area .teacher_tit .slide li {display: flex;align-items: center;gap: 6px;height: 34px;}
.teacher_area .teacher_tit .slide li div {flex-shrink: 0;}
.teacher_area .teacher_tit .slide img {height: 24px;}

.teacher_area .teacher_bnr {display:flex; margin-top:20px;gap: 8px;}
.teacher_area .teacher_bnr .teacher_bnr_slide {flex: 1 0 0; overflow: hidden;}
.teacher_area .teacher_bnr .bx-controls .bx-pager-item a{background:#000;opacity: .2;}
.teacher_area .teacher_bnr .bx-controls .bx-pager-item a.active{opacity: 1;}

.teacher_area .teacher_txt {font-size: 12px;line-height: 15.36px;letter-spacing: -0.24px;color: #121212;opacity: 0.3;margin-top: 8px;}
/* 240130 GONG-14296 메인개편 */
.fl {display: flex; align-items: center; justify-content: center;}
.fl:after {content:""; display: block; clear: both;}
.fl > .right {margin-left: auto;}

.new_2401 .top_cnt {padding-top: 32px; position: relative;}
.new_2401 .top_cnt * {box-sizing: border-box;}
.new_2401 .top_cnt .inner {display: flex; align-items: center; justify-content: center;}
.new_2401 .top_cnt .inner > .left {min-width: 854px; width: 854px; flex-shrink: 0;}
.new_2401 .top_cnt .ban_movie {position: relative; border-radius: 8px; width: 854px;}
.new_2401 .top_cnt .ban_movie img {width: 100%;}
.new_2401 .top_cnt .ban_movie .play {width: 54px; position: absolute; top: 30px; right: 20px;}
.new_2401 .top_cnt .ban_movie .bubble {width: 51px; animation: scrollBottom 1s both infinite alternate; position: absolute; top: -7px; right: 20px;}
.new_2401 .top_cnt .ban_bt > div {height: 230px; border-radius: 8px; border: 1px solid #E8E8E8; overflow: hidden; box-sizing: content-box;}
.new_2401 .top_cnt .ban_bt > div.left {max-width: 600px; width: 600px; box-sizing: border-box; flex-shrink: 0;}
.new_2401 .top_cnt .ban_bt > div.left a {display: block; position: relative; height: 100%;}
.new_2401 .top_cnt .ban_bt > div.left video {width: 110%; height: 110%; position: absolute; top: -5%; left: -5%;}
.new_2401 .top_cnt .ban_btm{background: #f5f5f5; margin-top: 16px; height: 114px; border-radius: 8px;overflow: hidden;}
.new_2401 .top_cnt .ban_btm .right_slide{position: relative;}
.new_2401 .top_cnt .ban_btm .right_slide .bg img{width: 100%;}
.new_2401 .top_cnt .ban_btm .right_slide .bx-wrapper{position: absolute;left: 200px;top: 0;width: 617px;}
.new_2401 .top_cnt .ban_btm .right_slide .bx-wrapper li{height: 112px;}

/* 240211 스타일 수정 */
.new_2401 .top_cnt .ban_bt > div.left .tit {position:relative; z-index: 10;height: 100%; padding: 40px 0; text-align: center;}
.new_2401 .top_cnt .ban_bt > div.left .tit li {color: #000; font-size: 46px; font-weight: 700; line-height: 46px; letter-spacing: -1px; border-radius: 8px; margin-bottom: 16px;}
.new_2401 .top_cnt .ban_bt > div.left .tit li:nth-child(1){font-size: 18px;line-height: 22.8px;}
.new_2401 .top_cnt .ban_bt > div.left .tit li:nth-child(2){font-weight: 900; letter-spacing: -3px;}
.new_2401 .top_cnt .ban_bt > div.left .tit li:nth-child(3){font-size:22px; background: #FF0072; padding:10px 13px; color: #fff; width: fit-content; margin:0 auto; min-height: 44px; line-height: 22px;}
/* .new_2401 .top_cnt .ban_bt > div.left .tit {position: absolute; top: 50%; left: 24px; transform: translateY(-50%);z-index: 10; }
.new_2401 .top_cnt .ban_bt > div.left .tit li {max-width: fit-content; color: #000; background: #FFF; font-size: 28px; font-weight: 700;line-height: 100%;	letter-spacing: -1.04px; display: flex; padding: 12px 16px; border-radius: 8px;}
.new_2401 .top_cnt .ban_bt > div.left .tit li:not(:first-child) {margin-top: 12px;}
.new_2401 .top_cnt .ban_bt > div.left .tit li:nth-child(1) {margin-right: 12px;}
.new_2401 .top_cnt .ban_bt > div.left .tit li:nth-child(1),
.new_2401 .top_cnt .ban_bt > div.left .tit li:nth-child(2) {display: inline-flex; font-size: 16px;} 240211 주석처리*/
.new_2401 .top_cnt .ban_bt > div.left .tit li.white {color: #fff;}
.new_2401 .top_cnt .ban_bt > div.left .img_tit img {width: 100%; height: 100%;}
.new_2401 .top_cnt .ban_bt > div.right {width: 238px; max-width: 238px;}
.new_2401 .top_cnt .ban_bt > div.right img {width: 100%; height: 100%;}
@keyframes scrollBottom {
	0% { transform: translateY(-5px); }
	100% { transform: translateY(2px); }
}
.new_2401 .top_cnt .new_box {width: 330px; height: 360px; padding: 24px 20px; border-radius: 8px; border: 1px solid #E3E5EC; margin-left: 16px;position: relative;}
.new_2401 .top_cnt .new_box h4 {margin-bottom: 22px; color: #121212;	font-size: 14px; 	font-weight: 900; line-height: 130%; 	letter-spacing: -0.28px;}
.new_2401 .top_cnt .new_box li:not(:first-child) {margin-top: 22px;}
.new_2401 .top_cnt .new_box li a {justify-content: flex-start; height: 50px;}
.new_2401 .top_cnt .new_box li img{width: 50px; height: 50px; border-radius: 8px; overflow: hidden;}
.new_2401 .top_cnt .new_box li .tit {margin-left: 12px; color: #B8B8B8; font-size: 12px; font-weight: 500;}
.new_2401 .top_cnt .new_box li .tit strong {width: 225px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #121212;	font-size: 16px; line-height: 143%; letter-spacing: -0.32px; font-weight: 500;}

.new_2401 .teacher_area {margin-top: 16px !important;}
.new_2401 .teacher_area .fl > .left {width: 854px;}
.new_2401 .teacher_area .fl > .right {width: 330px;}
.new_2401 .teacher_area .fl > .right img {width: 100%;}
.new_2401 .teacher_bnr {gap: 0; margin-top: 0; border-radius: 8px;	border: 1px solid #E8E8E8; overflow: hidden;}
.new_2401 .teacher_bnr li {position: relative; width: 171px !important; height: 233px;}
.new_2401 .teacher_bnr a img {width: 100%; height: 100%;}
.new_2401 .teacher_bnr .detail {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 24px 16px; box-sizing: border-box; color: #121212;font-size: 16px;font-weight: 500;line-height: 143%;letter-spacing: -0.64px;}
.new_2401 .teacher_bnr .detail div {display: -webkit-box;	width: 140px;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;overflow: hidden;}
.new_2401 .teacher_bnr .detail strong {position: absolute; bottom: 16px; left: 16px; color: #fff; font-weight: 900;}

.review_area.new_2401 {padding: 30px 0; background: #F0F0F9;}
.review_area.new_2401 .review_box {border:none; height:184px; gap: 16px;}
.review_area.new_2401 .review_box > div {border-radius: 8px;}
.review_area.new_2401 .review_box .review_update {width:158px; padding: 24px 16px 20px 16px; border-radius: 8px; border: 1px solid #FFF; background: #586886;}
.review_area.new_2401 .review_box .review_update .update_txt > li:nth-child(2) {margin-top:60px;}
.review_area.new_2401 .review_box .review_update .update_txt > li i.icon_up {margin-right:3px; }
.review_area.new_2401 .review_box .review_update .update_txt li .big {font-size: 24px; font-weight: 900;}
.review_area.new_2401 .review_box .review_update .update_txt li .num{color: #fff; font-size: 24px; font-weight: 900;}
.review_area.new_2401 .review_box .review_update .update_txt li .big span {margin-left: 3px; font-size: 24px; font-weight: 700; content: #fff;}
.review_area.new_2401 .review_box .review_cnt {padding: 20px 16px; background: #fff;}
.review_area.new_2401 .review_box .review_cnt .review_tit{margin-bottom: 5px;}
.review_area.new_2401 .review_box .review_cnt .review_tit .title{font-size: 18px;}
.review_area.new_2401 .review_box .review_cnt .review_tit .title span {font-size: 12px; line-height: 1; vertical-align: middle;}
.review_area.new_2401 .review_box .review_cnt .review_list > li {padding:15px 0 0;}
.review_area.new_2401 .review_box .review_cnt .review_list > li:first-child {padding-top:0;}

.right_ban_top {z-index: 1;position: absolute;top: 413px;left: 50%;margin-left: 624px;}
.right_ban_top {z-index: 1;position: absolute;top: 32px;left: 50%;margin-left: 624px;}
.right_ban_top .bx-wrapper{min-width: 100px;}

.left_ban_top {z-index: 1;position: absolute;top: 32px;left: 50%;margin-left: -720px;}
.left_ban_top .bx-wrapper{min-width: 100px;}

/* 영상 팝업 */
.mov_pop {display: none;overflow-y: auto;position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 200;text-align: center;}
.mov_pop .bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: #000;opacity: 0.6;}
.mov_pop .pop_in {position: relative;left: 0;top: 50%;z-index: 2;max-width: 1200px;width: 100%;margin: 0 auto;box-sizing: border-box;text-align: center;animation-name: anim-scale;animation-duration: .3s;animation-direction: alternate;animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); border-radius: 12px; overflow: hidden;}
.mov_pop .pop_cont {position: relative;/*max-width: 540px;*/margin: 0 auto;background: #000;}
.mov_pop .dim_movie {position: relative;width: 100%;height: 675px;}
.mov_pop .dim_movie video {position: absolute;left: 0;width: 100%;height: 100%;}
.mov_pop .pop_close {display: inline-block;position: absolute;right: 10px;top: 10px;z-index: 40;}
/* .mov_pop .pop_close a {display: inline-block;width: 35px;height: 24px;background: url(/img/gong/main_2018/closed.png) no-repeat;transition: transform 0.8s;} */
.mov_pop .pop_close a {display: inline-block;width: 40px;height: 40px;background: url(/img/gong/main/240130/pop_close_w.png) no-repeat;transition: transform 0.8s;}