/* section1 - ¸ÞÀÎ ¹è³Ê */
.section1 {position:relative; width:100%; height:520px;}
.mainSlide .swiper-slide {position:relative; width:100%; height:520px; cursor:pointer;}
.mainSlide .swiper-slide .txtBox {top:65px; left:0; width:615px; height:330px; padding:45px 50px; background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(0,0,0,.3); box-sizing:border-box;}
.mainSlide .swiper-slide .txtAni {width:100%; opacity:0; transform:translateX(50px); transition:all .5s;}
.mainSlide .swiper-slide img {position:absolute; right:0; opacity:0; transform:translateX(-50px); transition:all .5s;}
.mainSlide .swiper-slide-active .txtAni, .mainSlide .swiper-slide-active img {opacity:1; transform:translateX(0);}
.mainSlide h5 {display:inline; position:relative; font-weight:400; font-size:20px; color:var(--cl-1b);}
.mainSlide h5:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--cl-5b);}
.mainSlide h1 {margin:22px 0 20px; font-weight:700; font-size:45px; color:var(--cl-1b); line-height:50px; word-break:keep-all;}
.mainSlide p {font-size:17px; color:var(--cl-5b); line-height:27px;}
.mainSlide p em {margin-right:10px; font-style:normal; font-weight:800; font-size:18px; color:var(--cl-point);}
.mainSlide p.desc {font-size:13px; color:#bbb;}		
.navBack-wrap {position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}
.navBack {width:1920px; height:60px; background:#fff; border-radius:20px 0 0 0; opacity:.9;}
.mainSlide-thumb {left:0; width:1080px; height:60px; margin:0 !important; line-height:60px;}
.mainSlide-thumb .swiper-slide {padding-top:1px; font-weight:400; color:var(--cl-5b); text-align:center; cursor:pointer;}
.mainSlide-thumb .swiper-slide p {display:inline; position:relative;}
.mainSlide-thumb .swiper-slide p:after {content:''; position:absolute; left:0; bottom:-20px; width:0; height:2px; background:var(--cl-1b); transition:all .2s; transition-delay:.2s;}
.mainSlide-thumb .swiper-slide-thumb-active {font-weight:600; color:var(--cl-1v);}
.mainSlide-thumb .swiper-slide-thumb-active p:after {width:100%;}
.swiper-navi {right:0; bottom:20px; z-index:1; width:98px; height:20px; padding-left:70px; border-left:1px solid #ccc;}
.swiper-pagination {position:relative !important; top:0; width:60px; height:20px; font-weight:600; font-size:16px; color:var(--cl-3b); line-height:20px;}
.swiper-pagination .dot {margin:0 -5px;}
.next {width:15px; height:20px; background:url('/images/main/main2023/ico-next.png') no-repeat; cursor:pointer;}
.prev {width:15px; height:20px; background:url('/images/main/main2023/ico-prev.png') no-repeat; cursor:pointer;}
.swiper-play-puase {width:10px; height:20px; margin-left:12px; cursor:pointer;}
.swiper-play-puase img {vertical-align:top;}
.swiper-play-puase .swiper-play {display:none; width:10px; height:20px;}
.swiper-play-puase .swiper-puase {display:block; width:10px; height:20px;}
.slideNav-wrap .next1 {position:absolute; top: 45%; right:50%; margin-right: -700px; width:36px; height:62px; background:url('/images/main/main2023/ico-next3.png') no-repeat; cursor:pointer; transition:all .3s; z-index: 1;}
.slideNav-wrap .prev1 {position:absolute; top: 45%; left:50%; margin-left: -700px; width:36px; height:62px; background:url('/images/main/main2023/ico-prev3.png') no-repeat; cursor:pointer; transition:all .3s; z-index: 1;}
.slideNav-wrap .next1:hover {background:url('/images/main/main2023/ico-next3_on.png') no-repeat;}
.slideNav-wrap .prev1:hover {background:url('/images/main/main2023/ico-prev3_on.png') no-repeat;}

/* section2 - À̺¥Æ® ¹è³Ê, ½Å°£±³Àç, °øÁö»çÇ× */
.section2 {width:1280px; margin:50px auto 74px;}
.section2 .sec2-left .evtBnr {position:relative; width:610px; height:275px; overflow:hidden;}
.section2 .sec2-left .evtBnr .swiper-slide {width:537px; height:235px; border-radius:20px; opacity:.5; transition:all .3s;}
.section2 .sec2-left .evtBnr .swiper-slide-active {opacity:1;}
.section2 .sec2-left .evtBnr .swiper-slide a {display:block; width:537px; border-radius:20px; overflow:hidden;}
.section2 .sec2-left .evtBnr .swiper-nav {margin-bottom:10px;}
.section2 .sec2-left .newBook {position:relative; width:610px; height:228px; overflow:hidden;}	
.section2 .sec2-left .newBook .swiper-slide {width:610px; height:180px;}
.section2 .sec2-left .newBook .swiper-slide a {display:flex; height:180px;}
.section2 .sec2-left .newBook .swiper-slide a .bookInfo {width:420px; margin-left:60px;}
.section2 .sec2-left .newBook .swiper-slide a .bookInfo div {margin-bottom:14px;}
.section2 .sec2-left .newBook .swiper-slide a .bookInfo .price {margin-top:-6px;}
.section2 .sec2-left .newBook .swiper-slide a .bookInfo .txt-sm {font-size:15px; color:var(--cl-5b);}
.section2 .sec2-left .newBook .swiper-slide a .bookInfo .spacing {display:inline-block; width:80px; color:var(--cl-8b);}	
.section2 .sec2-left .newBook .bedge-taxDeduction {display:inline-block; padding:2px 10px; border:1px solid #8b8b8b; font-weight:500; font-size:12px; color:var(--cl-5b);}
.section2 .sec2-left .newBook .bookName {font-weight:700; font-size:20px; color:var(--cl-1b); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section2 .sec2-left .newBook .price .discountedPrice {margin:0 4px 0 0; font-weight:700; font-size:24px; color:var(--cl-point); letter-spacing:-1px;}
.section2 .sec2-left .newBook .price .listPrice {color:var(--cl-8b); text-decoration:line-through;}
.section2 .sec2-right {width:610px;}
.section2 .sec2-right .notice-tit {margin:0; padding:0 0 20px 50px; font-weight:800; font-size:17px; color:var(--cl-1b);}
.section2 .sec2-right .notice {padding:30px 50px; border:1px solid #ddd; border-radius:20px;}
.section2 .sec2-right .notice a {display:inline-block; margin:0px 0 13px 0;}
.section2 .sec2-right .notice a:last-child {margin:0;}
.section2 .sec2-right .notice a span {display:inline-block; position:relative; max-width:440px; padding-left:18px; font-size:17px; color:#7b7b7b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:sub; transition:all .2s;}
.section2 .sec2-right .notice a span:after {content:'¤ý'; position:absolute; top:0; left:0;}
.section2 .sec2-right .notice a:hover span {font-weight:500; color:var(--cl-1b); text-decoration:underline !important;}

/* section3 - »ý»ýÇÑ ÇÕ°Ý ½ºÅ丮, ¼ö°­Èıâ, ½ÃÇèÁ¤º¸, ÇнÀÀÚ·á½Ç, ÇÕ°Ý°¡À̵å */
.section3 {width:100%; padding:60px 0; background:#f9fafd;}
.section3 .row1 {width:190px; word-break:keep-all;}
.section3 .row2 {position:relative; width:416px; }
.section3 .row3 {position:relative; width:416px; }
.section3 .row4 {position:relative; width:416px;}
.section3 .row_wrap{gap: 16px; margin-top: 30px;}
.section3 .row1 h1 {font-weight:700; font-size:40px;}
.section3 .row1 .contour {top:-100px;}

.section3 .passStoryWrap,
.section3 .lecReviewWrap{position: relative;}
.section3 .lecReviewWrap{margin-top: 50px;}
.section3 .passStory {overflow:hidden;}
.section3 .passStory .swiper-slide {width:416px; padding:24px 50px; box-sizing:border-box; background:#fff0dd;  border-radius:20px;}
.section3 .passStory .swiper-nav, .section3 .lecReview .swiper-nav {position:absolute; top:0; right:0;}
.section3 .passStory .info p, .section3 .row2 .passStory p.txtReview {color:#887c6d;}	
.section3 .lecReview {overflow:hidden;}
.section3 .lecReview .swiper-slide {width:416px; padding:24px 50px; box-sizing:border-box; background:#ebedf2; border-radius:20px;}

.section3 .row4 .guideBnr {position:relative; width:416px; border-radius:20px; overflow:hidden;}
.section3 .row4 .guideBnr a {position:absolute; bottom:30px; width:100px; height:74px; border-radius:12px;}
.section3 .row4 .guideBnr a:nth-child(1) {left:178px;}
.section3 .row4 .guideBnr a:nth-child(2) {left:283px;}

.section3 .tabMenu {top: 28px; right: 24px;}
.section3 .tabMenu a {display:inline-block; height:18px; padding:0 10px; border-left:1px solid #aeaeae; font-size:17px; color:var(--cl-8b); line-height:18px;}
.section3 .tabMenu a:first-child {border-left:0;}
.section3 .tabMenu a.on {font-weight:500; font-size:17px; color:var(--cl-point);}
.section3 .tabCont {display:none; margin-top: 20px;}
.section3 .tabCont a {display:inline-block; margin:0px 0 13px 0;}
.section3 .tabCont a:last-child {margin:0;}
.section3 .tabCont a span {display:inline-block; position:relative; max-width:340px; padding-left:14px; font-size:17px; color:#7b7b7b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:sub; transition:all .2s;}
.section3 .tabCont a span:after {content:'¤ý'; position:absolute; top:0; left:-4px;}
.section3 .tabCont a:hover span {font-weight:500; color:var(--cl-1b); text-decoration:underline !important;}

.section3 .thumb {display:inline-block; width:100px; height:100px; background:#fff; border-radius:100%; overflow:hidden;}
.section3 .thumb img {width:100px;}
.section3 .info {display:inline-block; margin-left:20px;}
.section3 .info .bedge-pass {display:inline-block; padding:3px 10px; border:1px solid #cc7e16; font-weight:500; font-size:13px; color:#cb7d17;}
.section3 .info .bedge-subject {display:inline-block; padding:3px 10px; border:1px solid #8b8b8b; font-weight:500; font-size:13px; color:#222;}
.section3 .info h5 {margin:9px 0 6px; font-weight:700; font-size:18px; color:var(--cl-1b);}
.section3 .info p {width:165px; font-weight:300; font-size:15px; color:var(--cl-8b); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section3 h3 {margin:20px 0 5px; font-weight:700; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section3 p.txtReview {font-weight:300; font-size:15px; color:var(--cl-8b); line-height:20px; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden;}

/* section4 - ÇÕ°ÝÀ» Ã¥ÀÓÁö´Â ¹Ì·¡°æ¿µ¾ÆÄ«µ¥¹Ì ±³¼öÁø */
.section4 {position:relative; width:100%; padding:60px 0;}
.section4 .professor {width:1280px; overflow:hidden;}
.section4 .professor .swiper-nav {position:absolute; top:0; right:0;}
.section4 .professor .swiper-slide {width:248px; height:260px; background:#e7e9ed; border-radius:20px; overflow:hidden;}
.section4 .professor .swiper-slide .timg{position: absolute; left: 44%; bottom: 0; width: 178px;}
/* .section4 .professor .gra {top:0; width:248px; height:320px; background:linear-gradient(transparent 50%, rgba(0,0,0,.7));} */
.section4 .professor .profInfo {top:24px; padding-left:25px; color:#3b3b3b;}
.section4 .professor .profInfo .flag{gap: 4px; margin-bottom: 24px;}
.section4 .professor .profInfo .flag span{color: #fff; font-size: 13px; font-weight: 400; border-radius: 4px}
.section4 .professor .profInfo .flag .f_new{padding: 5px 12px; background-color: #6b1ece;}
.section4 .professor .profInfo .flag .f_event{padding: 5px 10px; background-color: #1e69ce;}
.section4 .professor h4 {font-weight:500; font-size:17px; position: absolute; top: 118px; width: 120px;}
.section4 .professor h2 {font-weight:800; font-size:24px; position: absolute; top: 137px;}
.section4 .professor p {font-weight:400; font-size:15px; color:#5b5b5b; line-height:18px;}
.section4 .professor .t_Title {width: 38px; height: 38px; border-radius: 38px; font-weight:600; background-color: #d0d2d6; color: #fff; font-size:14px; text-align: center; position: absolute; top: 170px; display: inline-flex; justify-content: center; align-items: center;}

/* section5 - ´Ü±â ÇÕ°ÝÀ» À§ÇÑ Ã¤³Î */
.section5 {position:relative; width:100%; padding:60px 0; background:#f6f6f6;}
.section5 .flex a {width:248px; text-align:center;}
.section5 .thumbnail {width:248px; height:140px; background:var(--cl-1b);}
.section5 .thumbnail img {width:100%;}
.section5 h4 {margin:25px 0 5px; font-weight:800; font-size:17px; color:var(--cl-1b); text-align: center;}
.section5 p.desc {width:240px; margin:0 auto; font-size:15px; color:var(--cl-8b); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;}	
.popupVideo-wrap {position:fixed; top:0; z-index:11; width:100%; height:100%; background:rgba(0,0,0,.6); visibility:hidden; opacity:0; transition:all .3s;}
.popupVideo {top:50%; left:50%; margin-top:-250px; margin-left:-430px; z-index:11; width:860px; height:500px; background:#000; visibility:hidden; transform:scale(.9); opacity:0; transition:all .3s;}
.popupVideo .video {width:860px; height:500px;}
.popupVideo .video iframe {border:0;}
.popupVideoX {top:0; right:-36px; width:36px; height:36px; background:#000; border-left:0;}
.popupVideoX svg {position:absolute; top:9px; left:9px; stroke:#fff; stroke-width:2;}
.section5 {position:relative; width:100%; padding:60px 0;}
.section5 .youtubeVod {width:1280px; overflow:hidden;}
.section5 .youtubeVod .swiper-nav {position:absolute; top:0; right:0;}
.section5 .youtubeVod .swiper-slide {width:248px; overflow:hidden;}


/* section6 */
.section6 {position:relative; width:100%; padding:50px 0; background:#eef4ff;}
.section6 .flex div {width:100%; padding:50px; background:#fff; border-radius:20px; box-sizing:border-box; display: flex; justify-content: space-around; align-items: center;}
.section6 h3 {font-weight:800; font-size:22px; color:var(--cl-1b);}
.section6 p {font-weight:300; font-size:17px; color:var(--cl-8b); line-height:24px;}
.section6 h1 {font-weight:700; font-size:32px; color:var(--cl-1b); text-align:right; letter-spacing:-1px;}
/* .section6 .flex div:last-child h1 {margin-top:-23px;} */

/* section7 */
.section7 {position:relative; width:100%; padding:70px 0 10px;}
.section7 p {margin-bottom:4px; font-size:17px; color:var(--cl-5b);}
.section7 .a {position:absolute; right:0; font-size:14px; color:#c3c3c3;}
.section7 .sec7-left, .section7 .sec7-right {width:610px;}
.section7 .sec7-left a:last-child, .section7 .sec7-right a:last-child {float:right;}
.section7 h4 {position:relative; margin:15px 0; font-size:20px; color:var(--cl-1b);}
.section7 h4 span {display:inline-block; position:relative; top:3px; width:5px; height:20px; margin-right:10px; border-radius:2.5px; background:#6a1ecd;}
.section7 h4 .bubble{position:absolute; top:-2px; left:85px; padding:5.5px 18px; border-radius:5px; font-size:16px; color:#fff; background-color:#ff7a21; animation:bubbleBlink 1s step-end infinite alternate;}
.section7 h4 .bubble::after{		 
	position: absolute; left: 0; top: 50%; width: 0; height: 0; content: '';
	border: 5px solid transparent; border-left: 0; border-right-color: #ff7a21; border-right-width:6px; margin-top: -5px; margin-left: -5px;
	animation:bubbleBlink2 1s step-end infinite alternate;
}
@keyframes bubbleBlink{ 
	50%{color:#ff9c59; background-color:#000;}	 
}
@keyframes bubbleBlink2{ 
	50%{border-right-color: #000;}	 
}

/* section 8 */
.section9 a{display: block;}

/* ¸ÞÀÎ ¿¬°£Ä¿¸®Å§·³ */
.section__yearly_curriculum{background-color: #eef4ff; padding: 75px 0 70px; margin-top: 60px;}
.curriculum__tabs {}
ul#curriculum__tabs_nav {list-style: none; margin: 0; overflow: auto; position: absolute; top: -1px; left: 208px;}
ul#curriculum__tabs_nav li {float: left; padding: 11px 0px; cursor: pointer; width: 200px; text-align: center; font-size: 20px;}
ul#curriculum__tabs_nav li:hover,
ul#curriculum__tabs_nav li.active {font-weight: bold; border-bottom: 4px solid #6B1ECE;}
#curriculum__tabs_nav li.active a {color: #6B1ECE;}
#curriculum__tabs_nav li a {text-decoration: none; color: #5C5C5C;}
.curriculum__tab_content {background-color: #fff;}
.curriculum__tab_content .curriculum__tabs_btn_wrap{padding: 24px; text-align: right;}
.curriculum__tab_content a.btn_more span{margin-right: 10px; font-size: 16px; font-weight: bold; color: #45484C; text-decoration: underline;}
.curriculum__tab_content a.btn_more i{display: inline-block; width: 7px; height: 11px; background: url('/images/main/btn_more_arrow.png')no-repeat center center;}
.curriculum__tab_content .curriculum__tb{width: 100%; border-collapse: collapse; border-spacing: 0;}  
.curriculum__tab_content .curriculum__tb th{font-size: 18px; text-align: center; font-weight: 600; padding: 20px 0 31px; position: relative; background-color: #FAFBFF; border: 1px solid #F0F0F0; border-top: 1px solid #DEDEDE;}
.curriculum__tab_content .curriculum__tb th.act{background:rgba(107, 30, 206, 10%); color: #6B1ECE;}
.curriculum__tab_content .curriculum__tb th.act:before{content: ''; width: 4px; height: 4px; border-radius: 4px; background-color: #6B1ECE; position: absolute; top: 11px; left: 50%; transform: translateX(-50%);}
.curriculum__tab_content .curriculum__tb th span.session{color: #6B1ECE; font-size: 14px; position: absolute; bottom: 13px; left: 50%; transform: translateX(-50%); width: 100%; font-weight: 400;}
.curriculum__tab_content .curriculum__tb td{border: 1px solid #F0F0F0; position: relative; height: 64px; padding: 0;}
.curriculum__tab_content .curriculum__tb td .start_lable{background: url('/images/main/start_lable.png') no-repeat center center; font-size: 12px; color: #fff; top: 50%; transform: translateY(-50%); width: 67px; height: 24px; left: 8px; display: inline-flex; align-items: center; justify-content: center;}
.curriculum__tab_content .curriculum__tb td .start_lable_v2{background: url('/images/main/start_lable_v2.png') no-repeat center center; font-size: 12px; color: #fff; top: 50%; transform: translateY(-50%); width: 67px; height: 24px; left: 8px; display: inline-flex; align-items: center; justify-content: center;}
.curriculum__tab_content .curriculum__tb td .curri_type_{font-size: 16px; padding: 10px 0px 10px 23px; position: absolute; border-radius: 4px; top: 50%; transform: translateY(-50%); box-sizing: border-box;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_01{color: #5B5B5B; background-color: #F1E6FF;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_02{color: #5B5B5B; background-color: #E2CCFF;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_03{color: #5C5C5C; background-color: #D4B3FF;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_04{color: #fff; background-color: #9E7ACC;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_05{color: #fff; background-color: #9366CC;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_06{color: #fff; background-color: #8752CC;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_07{color: #5B5B5B; background-color: #E6EEFF;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_08{color: #fff; background-color: #93B3E6;}
.curriculum__tab_content .curriculum__tb td .curri_type_.type_09{color: #fff; background-color: #4583E6;}
.curriculum__tab_content .curriculum__tb th:first-child,
.curriculum__tab_content .curriculum__tb td:first-child{border-left: transparent;}
.curriculum__tab_content .curriculum__tb th:last-child,
.curriculum__tab_content .curriculum__tb td:last-child{border-right: transparent;}