@charset "UTF-8";

/**/
#full_container * {box-sizing: border-box;}
strong, em, h2, h3, h4 {font-weight: normal;}
a:hover {text-decoration: none;}
.inner {position:relative; width:1100px; margin:0 auto;}
/**/

.content_top {width:100%; background: #f8dae1 url("//img1s.mbest.co.kr/Pub_event/20251124c/top_bg.png") no-repeat center 0; overflow:hidden;}
.top_txt {position:absolute;}
.top_txt.txt1 {top:125px;left:0;}
.top_txt.txt2 {top:125px;left:530px;}
.top_txt.txt3 {top:230px;right:270px}
.top_txt.txt4 {top:230px;right:0;}
.top_txt.txt5 {top:330px;right:0;}

.btn_top_vod {position:absolute; bottom:135px; right:10px;}
.btn_top_vod:before,.btn_top_vod:after {content:''; position:absolute; bottom:30px; right:30px; width:61px; height:61px; background:no-repeat 0 0;}
.btn_top_vod:before {background:rgba(0, 0, 0, .9);border-radius: 50%;}
.btn_top_vod:after {background-image:url("//img1s.mbest.co.kr/Pub_event/20251124c/btn_play2.png"); animation: flicker 1.5s 0.6s linear infinite;}

.btn_tch_home {position:absolute; bottom:85px; right:10px;width: 370px; display:flex; font-size:22px; color:#333; font-family: 'notokr-bold'; line-height:1; letter-spacing: -0.5px;}
.btn_tch_home span {color:#eb1d6b;}
.btn_tch_home::before {content:''; display:inline-block; width:29px; height:29px; margin-right: 7px; background:url("//img1s.mbest.co.kr/Pub_event/20251124c/ico_home.png") no-repeat 0 0;margin-top: -2px;}

.content_top .slogan span {position:absolute;}
.content_top .slogan .slogan1 {top:364px; right:300px; z-index: 4;}
.content_top .slogan .slogan2 {top:383px; right:197px; z-index: 3;}
.content_top .slogan .slogan3 {top:364px; right:107px; z-index: 2;}
.content_top .slogan .slogan4 {top:383px; right:0; z-index: 1;}

.con_tit {text-align: center;letter-spacing: -.05em;}
.con_tit span, .con_tit strong {display:block; line-height:1;}
.con_tit span {font-size:38px; color:#222; font-family: 'notokr-bold'; margin-bottom: 15px; letter-spacing: -.05em;}

.sub_txt {font-size:20px; color:#444444; font-family: 'notokr-medium';margin-top: 20px; }
.sub_txt2 {font-size:18px; color:#444444; font-family: 'notokr-medium';margin-top: 20px; }

.abst {position:absolute;}
.stxt {font-size:11px; color:#000; opacity: 0.5; letter-spacing: -0.5px; line-height:1.25; font-family: 'Pretendard-medium';}

/* con1 */
.con1 {position:relative;padding:50px 0 0; background:#f5f5f5; text-align: center;}
.con1 .con_tit span {font-family: 'Pretendard-semibold';}
.con1 .cmt1 {bottom: 440px;right: 0;width: 440px;}
.con1 .cmt2 {bottom: 110px;left: 0;width: 440px;}
.con1 .cmt3 {bottom: 110px;right: 0;width: 440px;}

/* .con1 .con1_list li a {display:inline-flex; align-items: center; justify-content: center; margin-top: 13px; min-width:168px; padding:8px; font-size:20px;} 선생님홈 */
.gif {position:absolute;}
.gif1 {top:90px; left:0;}
.gif2 {top:420px; left:0;}


/* con2 */
.con2 { background:#fff; text-align: center;}
.con2 .inner {padding:100px 0;}
.con2 .con_tit {margin-bottom: 35px;}
.con2 .tch_img {position: absolute;bottom:0;left: -90px;}

.con2_qst_box {position: relative;height: 600px;padding: 60px 0 0 320px;border:1px solid #d1d1d1;border-radius: 20px;background: #fff;box-shadow:0 3px 0 rgba(0, 0, 0, .1);text-align: left;}
.con2_qst_box ul {/**/display: flex;justify-content: center;align-items: center;/**/gap: 50px;flex-wrap: wrap;}
.con2_qst_box ul li {width: 100%;font-family: 'notokr-medium';color: #333;font-size: 18px;line-height: 1.4em;letter-spacing: -.05em;}
.con2_qst_box ul li div {position: relative;display: inline-block;}

.con2_qst_box ul li div:nth-child(1) {font-family: 'Pretendard-bold';font-size: 22px;color:#fff;padding:5px 0 5px 55px;}
.con2_qst_box ul li div:nth-child(1) span {position: relative;z-index: 9;}
.con2_qst_box ul li div:nth-child(1)::before {content: '';position: absolute;top:0;left:0;width: 34px;height: 34px;background:url("//img1s.mbest.co.kr/Pub_event/20251124c/ico_qst.png") no-repeat center;z-index: 9;}
.con2_qst_box ul li div:nth-child(1)::after {content: '';position: absolute;top:0;left:20px;width: 100%;height: 100%;background: #eb1d6b;border-radius: 30px;}
.con2_qst_box ul li div:nth-child(2) {font-family: 'Pretendard-semibold';padding-left: 55px;margin-top: 10px;}
.con2_qst_box ul li strong {color:#eb1d6b;text-decoration: underline;}


/* con3 */
.con3 {background:#fff7ea; text-align: center;}
.con3 .inner {padding:170px 0 80px;background: url("//img1s.mbest.co.kr/Pub_event/20251124c/con3_blt.png") no-repeat center 60px;  }

.con3_lecture_box {position:relative;margin-top: 40px;}
.con3_lecture_box h3 {margin-bottom: 2%;}
.con3_lecture_box ul {display:flex; flex-wrap: wrap; gap:14px;}
.con3_lecture_box ul li {width:calc(50% - 7px); background:#f8f8f8; border:1px solid #ecd9b9; border-radius:15px;  box-shadow:0 3px 0 0 #f5e8d1;overflow: hidden;}
.con3_lecture_box ul li .img {margin: 30px 0;}
.con3_lecture_box ul li .img img {border:1px solid #d1d1d1;}
.con3_lecture_box ul li .txt {padding:30px 36px 25px;background: #fff;}

.con3_lecture_box ul.type2 li .img {padding: 30px 0;margin: 0;background: #fff;}
.con3_lecture_box ul.type2 li .txt {padding:30px 0;margin:0;background: none;}

.con3_lecture_box ul li span {margin:0 auto; width:140px; height:41px; padding-bottom: 8px; margin-bottom: 8px; text-align: center; font-size:24px; color:#000; line-height:1; font-family: 'Pretendard-extrabold'; letter-spacing: -0.4px;}
.con3_lecture_box ul li strong {position:relative; display:inline-block; font-size:24px; color:#e45010; line-height:1; padding: 0 4px; font-family: 'Pretendard-extrabold'; z-index: 1; letter-spacing: -0.2px;margin-top: 5px;}
.con3_lecture_box ul li p {margin-top: 10px; font-size:17px; color:#444; line-height:1.25; letter-spacing: normal; font-family: 'Pretendard-semibold'; letter-spacing: -0.2px;}	
.con3_lecture_box ul.list02 {flex-wrap: nowrap;}
.con3_lecture_box ul.list02 li {width:calc(33.33% - 7px)}
.con3_lecture_box ul.list02 li strong {}
.con3_lecture_box .btn_vod {position:relative; display: block;}
.con3_lecture_box .btn_vod:before,.con3_lecture_box .btn_vod:after {content:''; position:absolute; bottom:27px; right:18px; width:66px; height:66px; background:no-repeat 0 0 / 100%;}
.con3_lecture_box .btn_vod:before {border-radius:50%; background:#2b2825;}
.con3_lecture_box .btn_vod:after {background-image:url("https://img1s.mbest.co.kr/Pub_event/20251022a/btn_play2.png"); animation: flicker 1.5s 0.6s linear infinite;}
.con3_lecture_box ul.list02 li .btn_vod:before, .con3_lecture_box ul.list02 li .btn_vod:after {bottom:20px; right:19px; width:46px; height:46px;}

.con3 .tch_img {position: absolute;bottom:0;right: -250px;}
.con3 .tch_img2 {position: absolute;bottom:0;left: -250px;}

.con3 hr {display: block;border-top: 2px dotted #3d270b;margin:80px 0;width:100%;height: 2px;opacity: .5;}

/* con4 */
.con4 {position:relative;background:#fff; text-align: center;}	
.con4 .inner {padding:170px 0 80px;background: url("//img1s.mbest.co.kr/Pub_event/20251124c/con4_blt.png") no-repeat center 60px; }

.con4 .lec_vBox {position:relative;background: #eaf8ff;border-radius: 30px;padding: 65px 35px;}
.con4 .lec_t {position: absolute;top:25px;left: 40px;}
.con4 .lec_tit {font-size:36px; color:#222; font-family: 'notokr-bold'; letter-spacing: -.07em;line-height: 1.2em;padding-left: 30px;}
.con4 .lec_tit span {color:#0287cc;}
.con4 .lec_sum {font-size:20px; color:#4b4b4b; font-family: 'notokr-medium'; letter-spacing: -.07em;margin-top: 20px; line-height: 1.4em;padding-left: 30px;}
.con4 .sTt {height:40px;background: url("//img1s.mbest.co.kr/Pub_event/20251124c/con4_lectit_bg.png") no-repeat center 0;font-size:22px; color:#fff; font-family: 'notokr-bold'; letter-spacing: -.07em;margin-top: 35px;line-height: 1.8em;}

.con4_lecture_box {position:relative;margin-top: 40px;}
.con4_lecture_box h3 {margin-bottom: 2%;}
.con4_lecture_box ul {display:flex; flex-wrap: wrap; gap:14px;}
.con4_lecture_box ul li {position:relative;width:calc(50% - 7px); background:#fff; border:1px solid #d1e5ef; border-radius:15px; padding-bottom: 45px; overflow: hidden;}
.con4_lecture_box ul li .img {margin: 30px 0 0;}
.con4_lecture_box ul li .txt {padding:30px 0 25px;}
.con4_lecture_box ul li .txt p span {color:#0287cc;font-size:15px; }
.con4_lecture_box ul li .btn {position: absolute;bottom: 0;left: 0;width: 100%;}

.con4_lecture_box ul li span {margin:0 auto; padding-bottom: 8px; margin-bottom: 8px; text-align: center; font-size:20px; color:#000; line-height:1; font-family: 'Pretendard-bold'; letter-spacing: -0.4px;}
.con4_lecture_box ul li strong {position:relative; display:inline-block; font-size:24px; color:#e45010; line-height:1; padding: 0 4px; font-family: 'Pretendard-extrabold'; z-index: 1; letter-spacing: -0.2px;margin-top: 5px;}
.con4_lecture_box ul li p {margin-top: 10px; font-size:15px; color:#666; line-height:1.25; letter-spacing: normal; font-family: 'Pretendard-semibold'; letter-spacing: -0.2px;}

.con4_lecture_box ul li .txt_s1 {margin:0 auto; margin-bottom: -15px; text-align: center; font-size:24px; color:#000; line-height:1; font-family: 'Pretendard-bold'; letter-spacing: -0.4px;}	
.con4_lecture_box ul li .txt_s1 span {color:#0287cc;font-size:24px; }
.con4_lecture_box ul li .txt_s2 {margin-top: 20px; font-size:15px; color:#666; line-height:1.25; letter-spacing: normal; font-family: 'Pretendard-semibold'; letter-spacing: -0.2px;}

.con4_lecture_box ul.list02 {flex-wrap: nowrap;}
.con4_lecture_box ul.list02 li {width:calc(33.33% - 7px)}
.con4_lecture_box ul.list02 li strong {}

.con4_lecture_box ul.list03 {flex-wrap: nowrap;}
.con4_lecture_box ul.list03 li:nth-child(1) {width:calc(33.33% - 7px)}
.con4_lecture_box ul.list03 li:nth-child(2) {width:calc(66.66% - 7px);padding: 30px 0 20px;}
.con4_lecture_box ul.list03 li strong {}

.time_tb {margin: 0 40px 15px;}
.time_tb dl {width:100%;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 10px;overflow: hidden;margin-top: 15px;}
.time_tb dl dt {height: 100%;display: flex;justify-content: center;align-items: center;font-size:18px; color:#fff; font-family: 'Pretendard-bold';background: #0287cc;width: 90px;}
.time_tb dl dd {height: 100%;display: flex;align-items: center;font-size:17px; color:#444; font-family: 'Pretendard-medium';background: #f5f5f5;width: calc(100% - 90px);padding: 0 20px;}

/* con5 */
.con5 {position:relative;background:#ffeff3 url("//img1s.mbest.co.kr/Pub_event/20251124c/con5_bg.jpg") no-repeat center bottom; text-align: center;}	
.con5 .inner {padding:170px 0 80px;background:url("//img1s.mbest.co.kr/Pub_event/20251124c/con5_blt.png") no-repeat center 60px; }

.con5 .lec_vBox {position:relative;background: #fff;padding: 45px 35px;border:1px solid #f6d5dd;border-radius: 20px;background: #fff;box-shadow:0 3px 0 rgba(0, 0, 0, .05);}
.con5 .lec_tit {font-size:36px; color:#222; font-family: 'notokr-bold'; letter-spacing: -.07em;line-height: 1.2em;}
.con5 .lec_tit span {color:#eb1d6b;font-family: 'notokr-black';}

.con5_box_btm {display:flex; border-top:1px solid #e5e5e5; padding: 36px 0 0; margin-top: 45px;}
.con5_box_btm > div {flex:1; padding:0 50px;}
.con5_box_btm > div + div {border-left:1px solid #d9d9d9;}
.con5_box_btm > div em {display: block; font-size:26px; color:#333; line-height:1; margin-bottom: 20px; font-family: 'Pretendard-bold';}

.con5_box .list_arr li {border-radius:10px; background:#e6f7ef; font-family: 'notokr-bold'; text-align: center;}
.con5_box .list_arr li a {position:relative; display: flex; align-items: center; justify-content: center; padding:9px 12px; min-height:44px; font-size:16px; color:#333; line-height: 1.25; letter-spacing: -0.2px;}
.con5_box .list_arr li a:before {content:''; position:absolute; right:16px; top:50%; transform: translateY(-50%); width:21px; height:21px; background: url("//img1s.mbest.co.kr/Pub_event/20251022a/con5_arr2.png") no-repeat 0 0;}
.con5_box .list_arr li + li {margin-top: 10px;}

.con5_box_item {background:#fff; }
.con5_box_item .list_series {display:flex;justify-content: center;align-items: center; }
.con5_box_item .list_series li {position:relative;width: 33.33%;letter-spacing: -.05em;border-right: 1px solid #e2e2e2;}
.con5_box_item .list_series li:last-child {border-right:0;}
.con5_box_item h4 {display:block; line-height:1; margin-bottom: 15px;}
.con5_box_item .list_series li p {font-size:15px; color:#444; line-height:1.3em; font-family: 'Pretendard-semibold'; margin-top: 20px;} 
.con5_box_item .list_series li p strong { font-family: 'Pretendard-extrabold';}

.con5_box_item .list_series2 {display:flex;justify-content: center;align-items: center; gap: 12px; }
.con5_box_item .list_series2 li {width:100%;position:relative;letter-spacing: -.05em;border: 1px solid #d6d5d5;background: #fff7e9;border-radius: 20px;padding: 25px 0;}
.con5_box_item .list_series2 li h6 {font-size:24px; color:#1e1e1e; line-height:1.3em; font-family: 'Pretendard-bold';} 
.con5_box_item .list_series2 li p { font-size:16px; color:#444; line-height:1.3em;font-family: 'Pretendard-semibold';margin-top: 15px;}

.btn_lec {display:inline-flex; align-items: center; justify-content: center; background:#404040; height: 40px; padding:9px 25px; border-radius:25px; line-height:1; font-size:18px; color:#fff !important; font-family: 'Pretendard-bold'; }
.btn_lec:hover {text-decoration: none;}
.btn_lec:after {content:''; display:inline-block; width:7px; height:9px; margin-left: 8px; background:url("//img1s.mbest.co.kr/Pub_event/20251022a/con1_ic_arr.png") no-repeat 0 0;}

.con5 .a_link01 {position: absolute;bottom: 20px;right: 180px;width: 150px;height: 40px;}/* 교재미리보기 */

/* con6 */
.con6 {padding:90px 0 103px; background:#ffe29e; text-align: center;}
.con6_box {position:relative;}
.con6 .memo_list {display:flex; flex-wrap:wrap; gap:12px 1px; margin-top: 45px;}
.con6 .memo_list li {background:no-repeat 0 0; padding:60px 20px 0; font-size:21px; color:#333; line-height:1.2; letter-spacing:-0.3px; font-family:'Maplestory OTF Bold';}
.con6 .memo_list li strong {position:relative; z-index: 1;}
.con6 .memo_list li strong:before {content:''; position:absolute; bottom:2px; left:0; width:100%; height:19px; background:#ffc8dd; z-index: -1;}
.con6 .memo_list li a {display:flex; align-items: center; justify-content: center; background:#404040; padding:9px; border-radius:17px; width:112px; line-height:1; margin: 21px auto 0; font-size:16px; color:#fff; font-family: 'Pretendard-bold'; }
.con6 .memo_list li a:after {content:''; display:inline-block; width:7px; height:9px; margin-left: 8px; background:url("//img1s.mbest.co.kr/Pub_event/20251022a/con1_ic_arr.png") no-repeat 0 0;}
.con6 .memo_list li:nth-child(1),.con6 .memo_list li:nth-child(5) {width:277px; height:212px; background-image:url("//img1s.mbest.co.kr/Pub_event/20251022a/con1_memo1.png");}
.con6 .memo_list li:nth-child(2),.con6 .memo_list li:nth-child(6) {width:270px; height:213px; background-image:url("//img1s.mbest.co.kr/Pub_event/20251022a/con1_memo2.png");}
.con6 .memo_list li:nth-child(3),.con6 .memo_list li:nth-child(7) {width:277px; height:213px; background-image:url("//img1s.mbest.co.kr/Pub_event/20251022a/con1_memo3.png");}
.con6 .memo_list li:nth-child(4),.con6 .memo_list li:nth-child(8) {width:273px; height:209px; background-image:url("//img1s.mbest.co.kr/Pub_event/20251022a/con1_memo4.png");}
.con6 .memo_list li:nth-child(3) {line-height:2.3em;}

/* con7 */
.con7 {position:relative;background:#fff;}	
.con7 .inner {padding:80px 0 80px; }

/* 강좌 리스트 */
.btn_class_list {width:100%; display:flex; border-top: 1px solid #bababa;border-left: 1px solid #bababa;}
.btn_class_list a {position:relative; display:block; width:33.33%; height:100px; background: #ededed; font-family: 'Pretendard-extrabold'; font-size: 26px; color: #7d7d7d; letter-spacing: -0.075em; border-right: 1px solid #bebebe; display: flex; align-items: center; flex-direction: column; line-height:1; justify-content: center; text-decoration: none; border-bottom: 4px solid #392b22;}
.btn_class_list a span {display: block; line-height:1; margin-bottom: 7px; font-size:17px; font-family: 'Pretendard-medium';}
.btn_class_list a:before {content:''; position:absolute; top: -1px; left: -1px; width: calc(100% - 6px); height: calc(100% - -1px); border: 4px solid #000; display: none; z-index: -1; background:#fff; border-bottom:0;}
.btn_class_list a.select,.btn_class_list a:hover {background:#fff; z-index: 1; border-bottom: 4px solid #fff; color:#333;}
.btn_class_list a.select span,.btn_class_list a:hover span {color:#e86045;}
.btn_class_list a.select:before,.btn_class_list a:hover:before {display: block; }

.tab_con {margin-top: 40px; font-size:16px;}

.sub_tab {display:flex; margin-bottom: 40px;}
.sub_tab a {display: flex; align-items: center; justify-content: center; text-decoration: none; flex:1; height:60px; background: #f2f2f2; font-family: 'notokr-bold'; font-size: 22px; color: rgba(51,51,51,0.7); letter-spacing: -0.075em;}
.sub_tab a + a {border-left:1px solid #fff;}
.sub_tab a.select,.sub_tab a:hover {background:#eb1d6b; color:#fff;}

/* 레이어 팝업 */
.layer_pop {position:fixed; display:flex; align-items: center; justify-content: center; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 100;}
.layer_pop .pop_bg {position:absolute; top:0; left:0; width: 100%; height: 100%;}
.layer_pop .pop_con {position:relative; background:#fff; border-radius: 15px;}
.layer_pop .pop_con .pop_close {position:absolute;}
.layer_pop.pop_review .pop_con {padding:50px 30px 55px; text-align: center;}
.layer_pop.pop_review .pop_con .pop_close {top:20px; right:18px;}
.layer_pop.pop_review .pop_con .tit {padding:19px 10px 18px; min-width:501px; border-radius: 43px; background:#eb1d6b; font-size:24px; color:#fff; line-height:1; font-family: 'Pretendard-bold';}
.layer_pop.pop_review .pop_con .tit strong {display: block; font-size:16px; font-family: 'Pretendard-medium'; line-height:1; margin-top: 9px;}
.layer_pop.pop_review .pop_con .txt {margin-top: 17px; font-size:18px; color:#555; font-family: 'Pretendard-medium'; line-height:1.6;}
.layer_pop.pop_review .pop_con .txt span {text-decoration: underline; color:#eb1d6b; text-decoration-thickness: 2px; text-underline-position: from-font;}

.layer_pop .pop_container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:64px; overflow:hidden; min-width:700px; box-shadow:0 5px 0 0 rgba(0,0,0,0.26); display: flex; flex-direction: column; max-height: 75%;}
.layer_pop .pop_container .pop_close {position:absolute; display: block; right:40px; top:27px; z-index: 1;}
.layer_pop .pop_container .pop_tit {text-align:center; background:#e5e1fc; font-family: 'Pretendard-extrabold'; font-size:33px; color:#333; line-height:1;}
.layer_pop .pop_container .pop_tit span {color:#e9654b;}

.pop_book .pop_container {transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px))}
.pop_book .pop_container .pop_tit {padding:56px 0 0; letter-spacing: -0.05em; background: #fff;}
.pop_book .pop_content {position:relative; padding:20px 78px 76px; overflow-y: auto;}
.book_wrap {width:821px; height:464px; border:1px solid rgba(0,0,0,0.6); border-radius:5px; padding-top: 1px; overflow: hidden;}
.btn_book {position:absolute; top:50%; transform:translateY(-50%)}
.btn_book.btn_prev,.btn_book.btn_prev2 {left:25px;}
.btn_book.btn_next,.btn_book.btn_next2 {right:25px;}
.pop_book .paging {display: flex; align-items:center; justify-content: center; position:absolute; top: 5px; right:83px;}
.pop_book .paging span {display:block; width:9px; height:9px; border-radius:50%; background:#cecece;}
.pop_book .paging span + span {margin-left:6px;}
.pop_book .paging span.active {background:#e9654b;}
.bg_layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 100000}
.booklet .b-wrap-left,.booklet .b-wrap-right {background: transparent;}

/* 선생님 프로필 레이어 */
.bg_layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 100000}
.layer_container_f {width: 720px;background: #fff;border-radius: 20px;position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 30px 60px 50px 60px;max-height: 580px; z-index: 100000; box-shadow: 0 3px 0 0 #c4c4c4;}
.layer_container_f .pop_btn_close {display: inline-block;position: absolute;top: 15px;right: 15px}
.profile_box .profile_tit {border-bottom: 2px solid #000;padding-bottom: 10px;display: flex;flex-wrap: wrap;align-items: center}
.profile_box .profile_tit .tch_img {display: inline-block;width: 56px;height: 56px;border-radius: 50%;background: #e9e9e9;overflow: hidden;position: relative}
.profile_box .profile_tit .tch_img img {position: absolute;top: 6px;left: -4px;width: 130%;z-index: 1}
.profile_box .profile_tit .tch_txt {margin-left: 12px;display: flex;align-items: center}
.profile_box .profile_tit .tch_txt span.subject {font-size: 22px;font-family: 'notokr-bold';padding-left: 32px;line-height: 1.7}
.profile_box .profile_tit .tch_txt span.line {display: inline-block;height: 20px;width: 1px;border-left: 1px solid #ccccd3;margin: 0 10px}
.profile_box .profile_tit .tch_txt span.subject.sbj_key_7 {color: #4b60d4; 
    background: url(//img1s.mbest.co.kr/teacherRoom/new2024/ico_sci_sj_5.png) no-repeat 0 center;}
.profile_box .profile_tit .tch_txt span.name {color: #000;font-size: 22px;font-family: 'notokr-bold'}
.profile_box .profile_view {color: #404040;font-size: 15px;line-height: 25px;font-family: 'notokr-regular';padding-top: 20px;max-height: 440px;overflow-y: auto}


/* 스크롤배너 */
.scrollBanner {position:absolute;top:123px; right: 40px; width:246px; z-index:99;}
.scrollBanner a {display:block; height:97px; background:url("//img1s.mbest.co.kr/Pub_event/20251124c/scroll.png") no-repeat; font-size:0; text-indent: -9999em;}
.scrollBanner a.scroll1 {background-position: 0 0; height:101px;}
.scrollBanner a.scroll2 {background-position: 0 -101px;}
.scrollBanner a.scroll3 {background-position: 0 -198px;}
.scrollBanner a.scroll4 {background-position: 0 -295px;}
.scrollBanner a.scroll5 {background-position: 0 -392px; height:99px;}
.scrollBanner a.scroll1.select, .scrollBanner a.scroll1:hover {background-position: 100% 0;}
.scrollBanner a.scroll2.select, .scrollBanner a.scroll2:hover {background-position: 100% -101px;}
.scrollBanner a.scroll3.select, .scrollBanner a.scroll3:hover {background-position: 100% -198px;}
.scrollBanner a.scroll4.select, .scrollBanner a.scroll4:hover {background-position: 100% -295px;}
.scrollBanner a.scroll5.select, .scrollBanner a.scroll5:hover {background-position: 100% -392px;}
.btn_top {display:block; width:37px; height:45px; margin:7px auto 0; background:url("//img1s.mbest.co.kr/Pub_event/20251124c/scroll.png") no-repeat -105px 100%; font-size:0; text-indent: -9999em;}
.jbFixed {position:fixed !important;}

/* TOP */
/* .slogan1 {opacity:0; animation:bounce 0.3s 0.5s forwards ease-in-out;}
.slogan2 {opacity:0; animation:bounce 0.3s 0.9s forwards ease-in-out;}
.slogan3 {opacity:0; animation:bounce 0.3s 1.3s forwards ease-in-out;}
.slogan4 {opacity:0; animation:bounce 0.3s 1.7s forwards ease-in-out;} */
.txt1 {animation:fadeTopDown 0.18s 0.3s both ease-in-out;}
.txt2 {animation:bounceInRight 0.58s 0.55s both ease-in-out;}	
.txt3 {animation:fadeTopDown 0.18s 1.3s both ease-in-out;}
.txt4 {animation:bounceInRight 0.58s 1.7s both ease-in-out;}

/* animation */	
@keyframes flicker {
    0%{opacity:0.4;}
    49%{opacity:0.4;}
    50%{opacity:1;}
    99%{opacity:1;}
    100%{opacity:0.4;}
}
@keyframes bounce {
    0% {
        transform: scale(3) translate(0px, 0);
        opacity: 0;
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}
@keyframes fadeTopDown {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(3);
        transform: translate3d(2000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}