@charset "utf-8";.A-btn { position: absolute; text-indent: -99999px; outline: 0px solid red; cursor: pointer !important; background: #ff0000; opacity: 0; filter: alpha(opacity=0.5); } 
.dday { color: #e64046; font-weight: 700; } 
.m_dday { width:130px !important; text-align:center; } 

#mcB { clear:both; width:100%; min-width:100%; } 
#mc { width: 1200px; margin:0 auto; min-height:600px; padding:0 200px; } 
#mc2 { width:1100px; margin:0 auto; } 

/*////////////////////////전체메인 관련/////////////////////////////*/
.am-img { background:linear-gradient(to top, #4a439d 0%, #6d52c1 100%); border-bottom:solid 2px #333; height:500px; } /*background:url(/Public_html/Images/Main/intro_bn_bg_01.png); #68d6ed; */
.am-img > div { width:1100px; margin:0 auto; } 
/*.am-tt { width:1100px; font-weight:500; font-size:24px; color:#fff; margin:0 auto; padding-top:20px; } */

/*전체 좌측 퀵*/
.mm-quick { background:#ccc; padding:1px; position:absolute; left:50px; z-index:9999; } 
.mm-quick > div { background:#0076a8 !important; color:#333; text-align:center; border-bottom:solid 1px #fff; padding:10px 0; margin-bottom:3px; } 
.mm-quick a { text-decoration:none !important; font-size:14px; } 
.mm-quick > div, .mm-quick a div { width:105px; background-image: linear-gradient(120deg, #dbdbdb 0%, #fff 100%); color:#333; text-align:center; border-bottom:solid 1px #fff; padding:10px 0; line-height:1.4em; margin-bottom:3px; } 
.mm-quick a:last-child div { border-bottom:none; } 
.mm-quick a div span { font-size:12px; color:#333; letter-spacing:-0.05em; } 
.mm-quick a div:hover { background-image: linear-gradient(120deg, #f5f5f5 0%, #dbdbdb 100%); color:#333; } 
/*전체 좌측 퀵 - 네이버카페*/
.mm-quick .naver_quick { color:#3eb649 !important; } 

#mvB2 { clear:both; width:100%; min-width:100%; padding-bottom:20px; z-index:-999 } 
#mvB2 #mv2 { width:1100px; margin:0 auto; padding:25px 200px 0 200px; } 
#mvB2.mvBG { background-image: linear-gradient(to top, #47429a 0%, #7053c4 100%); } /*인트로 메뉴 배경색*/

#mvB2 #mv2 > li { background:none !important; } 
#mvB2 #mv2:first-child > li { clear:both; display:block !important; border-bottom:solid 1px #473871; padding:10px 0; } 
#mvB2 #mv2:first-child > li:first-child { border-top:solid 1px #473871; } 
#mvB2 #mv2 li span { float:left; font-size:20px; font-weight:500; color:#fff; border-radius:10px; width:190px; } 
#mvB2 #mv2 li span a { color:#fff; } 
#mvB2 #mv2 li span a:hover { text-decoration:underline; } 
#mvB2 #mv2 li ul { display:table-cell; } 
#mvB2 #mv2 li ul li { float:left; margin:2px 0; font-size:16px !important; font-weight:500; width:210px; height:25px; line-height:25px; background:none; } 
#mvB2 #mv2 li ul li:hover { background:#000; border-radius:5px; } 
/*온라인 학습 과정*/
#mvB2 .li2 li ul li:hover { background-image: linear-gradient(120deg, #0076a8 0%, #19998a 100%) !important; border-radius:5px; } /**/
#mvB2 #mv2 li ul li a { color:#fff !important; } 
#mvB2 #mv2 li ul li a:hover { text-decoration:none; } 

.am-cs { float:left; font-size:34px; font-weight:700; letter-spacing:-0.05em; margin:5px 20px 0 0; } 
.am-tel { font-size:34px; line-height:34px; font-weight:900; color:#d74063; margin:0 !important; } 

.am-tel2 { font-size:15px; font-weight:500; margin:40px 0 0 0; } 
.am-tel2 a { width:300px; height:60px; padding:15px 20px; margin-left:10px; text-align:center; background:#777; border-radius:10px; color:#fff; /*background-image: linear-gradient(-225deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%); border:solid 2px #5753C9; */ } 
.am-tel2 a:hover { text-decoration:none; background:#666; /*background-image: linear-gradient(-225deg, #6E7FF3 0%, #5753C9 48%, #3D4E81 100%); */ } 

.am-tel3 { width:1100px; height:50px; line-height:50px; margin:0 auto; color:#000; } 
.am-tel3 a { float:left; width:545px; height:50px; } 
.am-tel3 a:hover { text-decoration:none; color:#fff; } 


.am-banner { width:1100px; } 
.am-banner div { float:left; margin-right:15px; width:230px; height:65px; line-height:65px; color:#fff; font-size:18px; padding-left:30px; text-align:center; } 
.am-banner a:hover div { color:#ffdb4f; } 

/*메인이벤트 - 슬라이더부분 css는 index.asp 안에있음. (/Common_new/JS/slider/css 공통사용으로 인한 강제스타일 적용.)*/
.mevent { width:1080px !important; margin-top:20px; } 
.mevent ul { text-align:center; } 
.mevent > div { font-weight:500; font-size:18px; margin-bottom:20px; padding:0; } 
.mevent div span { float:right; font-size:13px !important; font-weight:400 !important; } 
.mevent ul li { display:inline-block; } 
.mevent ul li:first-child, .mevent ul li:nth-child(2) { margin-right:35px; } 

/*메인 홍보 동영상*/
.main-vod { display:inline-block; border:solid 2px #ccc; line-height:0; padding:5px; background:#fffbfb; border-radius:5px; margin-left:40px; } 
.main-vod iframe { border:solid 2px #333; } 




/*////////////////////////서브메인 관련/////////////////////////////*/
/* 메인배너 */
#mvB { clear:both; width:100%; min-width:100%; z-index:-999; border-bottom:1px solid #dee3eb; background:#f2f4f7; } /**/
#mvB .mv { height:475px; width:1080px; margin:0 auto; overflow:hidden; } /*padding:0 200px 0 200px; */

/*#mvB { clear:both; width:100%; min-width:100%; z-index:-999 } 
#mvB .mv { width:1080px; height:auto; margin:0 auto; padding:25px 0 0 0; overflow:hidden; } */


.mvBan1 { float:left; width:398px; height:383px; margin:0 20px 0 0; background:#fff; border:1px solid #dee3eb } 
.mvBan1 .mvBan-t { height:44px; margin:0; padding:0; border-bottom:1px solid #d0d4d8 } 
.mvBan1 .mvBan-t .mvBan-t-tt { font-size:15px; color:#000; float:left; margin:12px 0 0 20px; } 
.mvBan1 .mvBan-t .mvBan-t-stt-R { font-size:14px; color:#f91f43; float:right; margin:13px 18px 0 0; } 
.mvBan1 .mvBan-t .mvBan-t-stt-G { font-size:13px; color:#999; float:right; margin:13px 18px 0 0; } 
.mvBan1 .mvBan-i { height:44px; margin:0; padding:0; } 

/*--메인 신간도서 - 슬라이더부분 css는 main.asp 안에있음. (/Common_new/JS/slider/css 공통사용으로 인한 강제스타일 적용.)*/
.mvBan2 { float:left; overflow:hidden; margin:0; background:#fff; width: 100%; } 

.mvBan2 .mvBan-t { padding-bottom:10px; border-bottom:1px solid #d0d4d8; } 
.mvBan2 .mvBan-t span { font-size:18px; font-weight:500; color:#000; text-align:left; margin:5px 0 0 20px; } 
.mvBan-b { margin:25px 0 0 0; } 
.mvBan-b-tt { color:#333; font-size:14px; } /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; */
.mvBan-b-tt a:hover { text-decoration:none; } 
.mvBan-b-num { margin:0; line-height:none; } 
.mvBan-b-num span.before { text-decoration: line-through; font-size:14px; color:#999; margin:0 10px 0 0; } 
.mvBan-b-num span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mvBan-b-i { margin:10px auto; height:160px; overflow:hidden; position:relative; } 
.mvBan-b-i img { position: absolute; margin: auto; height:140px; } /*ì±…*/


/* 메인 배너 간격 조절*/
.pgwSlider.wide .ps-current { margin-right: 20px; } 

/* 공통타이틀 */
.mc-tt { } 
.mc-tt span.mc-tt-icon { float:right; position:relative; top:0; left:0; } 
.mc-tt span:first-child { font-size:22px; color:#000; font-weight:700; } /*타이틀*/
.mc-tt span:nth-child(2) { position:relative; top:8px; } /*더보기*/
ul.mc-tt-list { position:relative; top:-10px; display:inline-block; float:right; margin:0 20px 0 0; padding:0; } 
ul.mc-tt-list li { float:left; font-size:13px; } 
ul.mc-tt-list li a { color:#7f7f7f; } 
ul.mc-tt-list li.bar { color:#dee3eb; margin:0 9px } 
ul.mc-tt-list li:hover { color:#4970ae } 

/* BAR배너 */
#mc .mc-b { margin:0; padding:0; } 

/* 수강신청 */
.m-Title { float:left; width:100%; padding: 5px 10px; margin-bottom:20px; background: #8b96a3; color:#fff !important; border-radius:5px; box-sizing: border-box; font-size: 20px; margin-bottom: 10px; } /*메인 수강신청 타이틀*/
.m-Title2 { float:left; width:100%; margin-bottom:20px; border-bottom:solid 1px #ccc; font-size:1.2em; font-weight:700; } /*메인 수강신청 타이틀-서브*/

#mc .mc-o { margin:50px 0 0 0; padding:0; } 
.mc-o .trans-tab { margin:16px 0 0 0; } 
.mc-o ul.mc-o-tab { margin:16px 0 0 0; border-top:1px solid #dedede; } 
.mc-o ul.mc-o-tab li { padding:15px 40px; float:left; } 
.mc-o ul.mc-o-tab li a { color:#999; font-size:14px; } 
.mc-o ul.mc-o-tab li.active { background:#535353; } 
.mc-o ul.mc-o-tab li.active a { color:#fff; font-size:14px; } 

/*** 수강신청 ***/
.mc-o-list { clear:both; border-top:2px solid #535353; padding:20px 0 0 0; margin:0; } 
.mc-o-area-new { margin: 30px auto; padding: 0; width:100%; height:100%; border-top: 2px solid #000; overflow:hidden; } 
.mc-o-area-new .mc-info { display: flex; padding: 30px; } 
.mc-o-area-new .mc-o-area-l { width: 770px; /* border-right: 1px solid #dadada; */ } 
.mc-o-area-new .mc-o-area-l .tt { color:#333; font-weight:500; font-size: 22px; /* margin:10px 0 0 0; */ } 
.mc-o-area-new .mc-o-area-l .tip { color:#f91f43; margin:5px 0 0 0; } 
.mc-o-area-new .mc-o-area-l .teacher { margin:40px 0 0 0; color:#666; font-size:12px; } 
.mc-o-area-new .mc-o-area-l .line { width:93%; height:1px; margin:8px 0 6px 0; background:#eee; padding:0 20px; } 
.mc-o-area-new .mc-o-area-l .info { color: #A3A3A3; font-size: 13px; letter-spacing: -1px; font-weight: 300; margin-top: 30px; display: flex; } 
.mc-o-area-new .mc-o-area-l .info span { padding-right: 10px; } 
.mc-o-area-new .mc-o-area-l .info i { margin-right: 5px; } 
.mc-o-area-new .mc-o-area-l .info .bar { font-size:12px; color:#dee3eb; top:0 !important; } 
.mc-o-area-new .mc-o-area-r { margin:12px 0 0 20px; width: 350px; } 
.mc-o-area-new .mc-o-area-r .area-r-add { margin:0; padding:0; } 
.mc-o-area-new .mc-o-area-r .area-r-add.check-bx > div { display: flex; flex-wrap: wrap; justify-content: flex-end; } 
.mc-o-area-new .mc-o-area-r .area-r-add.check-bx span:not(.after) { /* padding-right: 10px; */ } 
.mc-o-area-new .mc-o-area-r .area-r-add label { color:#333; font-weight: 500; } 
.mc-o-area-new .mc-o-area-r .area-r-add li span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.mc-o-area-new .mc-o-area-r .area-r-add li span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mc-o-area-new .mc-o-area-r .area-r-add li span.sale { position:relative; top:3px; left:0; } 

.mc-o-area-new .area-r-btn { padding: 15px 30px; background: #F0F2F4; border-top: 2px solid #DADADA; border-bottom: 2px solid #DADADA; box-sizing: border-box; display: flex; justify-content: space-between; } 
.mc-o-area-new .area-r-btn-2 { justify-content: flex-end; } 

.mc-o-area-new .area-r-btn > div { display:flex } 
.mc-o-area-new .area-r-btn > div.class-ty { align-items: center; } 
.mc-o-area-new .area-r-btn > div.class-ty p { font-size: 18px; font-weight: 500; color: #000; } 
.mc-o-area-new .area-r-btn li { float:left; } 
.mc-o-area-new .area-r-btn a { width: 150px; color: #333; background: #fff; margin-left: 10px; border: 2px solid #dadada; box-sizing: border-box; text-align: center; padding: 10px 0; display: flex; justify-content: center; align-items: center; } 
.mc-o-area-new .area-r-btn a div { line-height: 1; font-size: 16px; } 
.mc-o-area-new .area-r-btn a.qk-order { background: #fc5217; border-color: #fc5217; color: #fff; } 
.mc-o-area-new .area-r-btn a:hover .qk-order { background:#e10c30; } 
.mc-o-area-new .area-r-btn li.sample { text-align:center; font-size:14px; width:130px; padding-left:10px; height:33px; line-height:33px; border:1px solid #f91f43; background:#fff; /*padding:8px 0; */ } 
.mc-o-area-new .area-r-btn li.order { height:33px; padding:0 13px 0 14px; border-top:1px solid #f91f43; border-right:1px solid #f91f43; border-bottom:1px solid #f91f43; background:#fff; } 
.mc-o-area-new .area-r-btn li.order .order-img { position:relative; top:7px; } 


/*** 단과과정일 경우 ***/
.mc-o-area2 { margin:0 0 20px 0; padding:0; width:100%; height:133px; border:1px solid #ddd; } 
.mc-o-area2 ul.mc-o-area2-l { margin:12px 0 0 20px; float:left; width:728px; min-height:110px; border-right:1px solid #ddd } 
.mc-o-area2 ul.mc-o-area2-l li.tt { color:#333; font-weight:500; font-size:17px; margin:8px 0 0 0; } 
.mc-o-area2 ul.mc-o-area2-l li.info { clear:both; color:#888; font-size:12px; letter-spacing:0.05em; margin:5px 0 0 0; } 
.mc-o-area2 ul.mc-o-area2-l li.info .bar { font-size:12px; color:#dee3eb; top:0 !important; } 
.mc-o-area2 ul.mc-o-area2-l li.update { color:#9d9c9c; font-size:12px; margin:26px 0 0 0; } 

.mc-o-area2 .mc-o-area2-r { margin:12px 0 0 20px; float:left; width:309px; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add { margin:0; padding:0; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add label { color:#333; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add > li span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add > li span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-add > li span.sale { position:relative; top:3px; left:0; } 

.mc-o-area2 .mc-o-area2-r ul.area2-r-btn { margin:33px 0 0 0; padding:0; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li { float:left; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a li.qk-order { text-align:center; font-size:14px; color:#fff; width:97px; height:33px; line-height:33px; border:1px solid #f91f43; background:#f91f43; /*padding:8px 0; */; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a:hover li.qk-order { background:#e10c30; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li.sample { text-align:center; font-size:14px; width:130px; padding-left:10px; height:33px; line-height:33px; border:1px solid #f91f43; background:#fff; /*padding:8px 0; */ } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a:hover li.sample { background:#fff8f9; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li.order { height:33px; padding:0 13px 0 14px; border-top:1px solid #f91f43; border-right:1px solid #f91f43; border-bottom:1px solid #f91f43; background:#fff; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn a:hover li.order { background:#fff8f9; } 
.mc-o-area2 .mc-o-area2-r ul.area2-r-btn li.order .order-img { position:relative; top:7px; } 


/*테이블 안에 수강료(할인) 있을때*/
.area-r-add { text-align: right; } 
.area-r-add .price { display: flex; } 
.area-r-add label { color:#333; font-size: 16px; } 
.area-r-add span.before { text-decoration: line-through; font-size: 16px; color: #333; font-weight: 500; letter-spacing: -1px; padding-left: 10px; } 
.class-dep-info .area-r-add span.before { padding: 0 10px; } 
.area-r-add span { font-size:16px; } 
.area-r-add span.after { font-size:16px; font-weight:700; color: #FC5217; letter-spacing: -1px; /* padding-left: 10px; */ } 
.area-r-add span.after.td-left { padding: 0 6px; } 
.area-r-add span.after.pd { padding-right: 10px; } 
.area-r-add span.sale { position:relative; top:3px; left:0; } 


/* 동영상 무료강의 */
.mc-l { clear:both; } 
.mc-l .mc-l-list { margin:20px 0 0 0;; } 
.mc-l-area { overflow:hidden; display: flex; flex-wrap: wrap; } 
.mc-l-area > div { width: 285px; margin: 0 20px 20px 0; } 
.mc-l-area div:nth-child(4n) { margin-right:0 !important; } 
.mc-l-area .area-i { z-index:-999; border: solid 1px #dadada; line-height:0; } 
.mc-l-area .area-i img { width: 100%; } 
.mc-l-area .area-l { margin:12px 0 0 0; text-align:center; } 
.mc-l-area .area-l li.tt { color: #000; font-size: 16px; font-weight: 500; } 
.mc-l-area .area-l li.stt { color:#999; font-size: 12px; margin: 8px 0 0 0; } 


/* 리얼후기 */
.mc-r { clear:both; margin:0; padding:0; } 
.basic { clear:both; width: 100%; margin:20px 0 0 0; border-top:1px solid #666; } 
.basic a { cursor:pointer; } 
.basic div.b-review-tt { height:50px; border-bottom:1px solid #dbdbdb; } 
.basic ul.b-tt { margin:17px 0 0 30px; padding:0; float:left; } 
.basic ul.b-tt li { float:left; color:#666; font-weight:normal; font-size:14px; margin-right:103px; } 
.basic ul.b-tt li:last-child { margin-right:0px; } 
.basic ul.b-info { margin:17px 30px 0 0; padding:0; float:right; } 
.basic ul.b-info li { float:left; margin-left:60px; font-weight:normal; } 

.basic ul.b-info li.b-i-star { color:#f91f43; font-size:14px; font-weight:700; width:100px; min-width:100px; height:1px; text-align:right; } 

.basic ul.b-info li.b-i-review { font-size:13px; color:#666; } 
.basic ul.b-info li.b-i-day { font-size:13px; color:#666; } 
.basic div.b-review { clear:both; /*width:100%; *//*border-bottom:1px solid #dbdbdb; */ } 
.basic div.b-review p { margin:0; /*padding:10px 50px 10px 0; */padding:20px 30px; line-height:160%; font-size:13.5px; color:#666; font-weight:normal; } 

/* 공지사항 */
.mc-n { clear:both; } 
.mc-n-area { width:30%; float:left; } 
.mc-n-center { width:35%; float:left; height:220px; overflow:hidden; position:relative; margin-bottom:20px; } /*추천교재 / 신간도서*/
.mc-n-center .bx-wrapper { border:solid 1px #eee; padding:10px 10px 10px 20px; height:165px; margin-top:5px; } /*메인 - 슬라이드 교재시 사용*/
p.n-area-tt { margin:0; padding:0; color:#333; font-size:18px; font-weight:500; } 
p.n-area-tt span { float:right; padding-right:25px; font-size:13px; font-weight:400; line-height:24px; } 
ul.n-area-list { padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; } 
ul.n-area-list li { line-height: 1; padding: 20px 0; } 
ul.n-area-list li:nth-child(odd) { /* float:left; */color:#666; font-size: 20px; width:65%; /* padding-right:15px; */overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight: 500; } 
ul.n-area-list li:nth-child(even) { font-size: 20px; color:#999; width:25%; text-align:right; } 

/*전체메인 Best후기 가로사이즈 관련*/
.mc-n-area2 ul.n-area-list li:nth-child(odd) { width:70% !important; } 


p.n-area-tel { margin:0; padding:0; text-align:center; } 
p.n-area-tel > span { color:#d31f63; font-size:42px; font-weight:700; } 
ul.n-area-clist { margin:0; padding:0; } 
ul.n-area-clist li { font-size:13px; letter-spacing:-0.02em; text-align:center; } 
ul.n-area-btn { margin:12px auto 60px 18px; padding:0; overflow:hidden; } 
ul.n-area-btn a { padding:4px 13px; margin-right:10px; font-size:12px; float:left; border:1px solid #222; color:#222; } 
ul.n-area-btn a:last-child { margin-right:0; } 
ul.n-area-btn a:hover { background:#333; color:#fff; text-decoration:none; } 



/* 패밀리 사이트 */
#footer .footbox .family { position: absolute; top: 60px; right: 10px; width: 290px; z-index: 120; clear: both; } 

.family div { float: left; position: relative; width: 124px; height: 20px; padding: 0px; background-color: #787878; } 
.family div span { position: absolute; top: 5px; right: 7px; } 
.family div ul { position: absolute; bottom: 20px; width: 114px; padding: 5px 0 5px 10px; color: #fff; background: #787878; } 
.family div ul li { margin: 5px 0 0 0; font-size: 0.9em; letter-spacing: -0.05em; } 
.family div ul li a { color: #fff; } 
.family div ul li a:hover { color: #4ae3ff; } 
.family .korbei { display: inline; width: 159px; height: 20px; padding: 0px; margin: 0 0 0 2px; } 
.family .korbei ul { position: absolute; bottom: 20px; width: 149px; color: #FFFFFF; padding: 5px 0 5px 10px; background: #787878; } 

.family div p, .family div p a, .family div p a:visited { height: 20px; padding: 3px 0 5px 5px; color: #fff; } 

#footer img { vertical-align: top; } 


/*main-banner */
.main-banner { position: relative;  display: block; } /*margin: -208px auto 0px;*/
.main-banner:after { clear:both; content:''; display: block; } 
.main-banner .event-slides { overflow: hidden; position: relative; margin: 0 auto; } 
.main-banner a { display: block; width: 100%; max-width: 1100px; margin: 0 auto; padding: 0; } 
.main-banner a img { display:block; } 
.main-banner .banner-area { width: 300px; overflow: hidden; position: relative; } 
.main-banner .event-slides .swiper-pagination { bottom: 84px; } 
.main-banner .event-slides .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; background: #DADADA; opacity: 1; margin: 0 5px; } 
.main-banner .event-slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FC5217; } 
.main-banner .banner .swiper-button-prev,
.main-banner .banner .swiper-rtl .swiper-button-next { left: 50%; right: inherit; margin-left: -600px; } 
.main-banner .banner .swiper-button-next,
.main-banner .banner .swiper-rtl .swiper-button-prev { right: inherit; left: 50%; margin-left: 575px; } 
.main-banner .banner .swiper-button-prev:after,
.main-banner .banner .swiper-rtl .swiper-button-next:after { content: ''; background: url(/Public_html/Images/Main/banner_left.png); width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; } 
.main-banner .banner .swiper-button-next:after,
.main-banner .banner .swiper-rtl .swiper-button-prev:after { content: ''; background: url(/Public_html/Images/Main/banner_right.png); width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; } 


.main-banner .btn-area { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } 
.main-banner .btn-area .link-btn { float: left; width: 50%; background: rgba(0,0,0,0.3); padding: 20px 0; box-sizing: border-box; text-align: center; height: 55px; } 
.main-banner .btn-area .link-btn a { display: block; width: 100%; } 
.main-banner .btn-area .link-btn:hover { background: rgba(0,0,0,0.75); } 
.main-banner .btn-area .link-btn:hover p { color:#f4d502; font-weight:bold; } 
.main-banner .btn-area .link-btn p { line-height: 1; font-size: 14px; color: #fff; } 
.main-banner .banner-area .swiper-pagination { z-index: 11; bottom: unset; top: 0; } 
.main-banner .banner-area .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; } 
.main-banner .banner-area .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } 

/**/

.book-list { margin-top: 5px; margin-bottom: 24px; padding: 10px 10px 10px 20px; border: 1px solid #eee; overflow: hidden; box-shadow: 0 0 5px #ccc; height: 165px; } 
#banner_wrapper { overflow: hidden; } 

/* top-banner */
.top-banner { position: relative; width: 100%; } 
.top-banner .sec-content { width: 1200px; margin: 0 auto; } 
.top-banner .sec-content img { display: block; } 
.top-banner .section { position: relative; } 
.top-banner .sec_00 { background: #1b1b1b url(/Public_html/Images/full_pass/topBanner_220826_01_bg.png); } 
.top-banner .sec_01 { background: #1b1b1b url(/Public_html/Images/full_pass/topBanner_220826_02_bg.png); } 
.top-banner .sec_02 { background: #331135 url(/Public_html/Images/full_pass/topBanner_220826_03_bg.png); } 
.top-banner .sec_03 { background: #000 url(/Public_html/Images/full_pass/topBanner_220826_05_bg.png); background-position: bottom center; } 
.top-banner .sec_04 { background: #000 url(/Public_html/Images/full_pass/topBanner_220826_07_bg.png); background-position: bottom center; } 
.top-banner .sec_05 { background: #231815; } 
.top-banner .sec_05:before { clear:both; content:''; position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background: #ffd038 url(/Public_html/Images/Main/mbanner/top_banner_inside_210803_05_bg.jpg); z-index: -1; } 
.top-banner .sec_05:after { clear:both; content:''; position: absolute; top: 0; right: -50%; width: 100%; height: 100%; background: #ffd038 url(/Public_html/Images/Main/mbanner/top_banner_inside_210803_05_bg1.jpg); z-index: -1; } 
.top-banner .sec_06 { background: #f49601; } 
.top-banner .sec_07 { background: #e63e3e; } 
.top-banner .sec_08 { background: #44231c; } 
.top-banner .sec_02 .video-area { position: absolute; top: 195px; left: 50%; margin-left: -303px; } 
.top-banner .sec_02 .video-area video { width: 606px; } 

.top-banner .youtubeSlide { max-width: 1100px; margin: 0 auto; padding: 20px 0 80px; position: absolute; top: 22%; left: 50%; margin-left: -500px; } 
.top-banner .youtubeSlide img { width: 100%; transition: all ease 0.35s; } 
.top-banner .youtubeSlide .slide.slick-center img { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); } 
.top-banner .youtubeSlide .slide { margin: 0 8px; height:100%; padding: 15px 0; opacity: 0.45; transition: all ease 0.35s; } 
.top-banner .youtubeSlide .slide iframe { width: 100%; height:160px; transition: all ease 0.35s; } 
.top-banner .youtubeSlide .slide.slick-center { /* padding:0; */opacity: 1; } 
.top-banner .youtubeSlide .slide.slick-center iframe { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); } 
.top-banner .youtubeSlide button { position: absolute; top: 38%; z-index: 99; width: 53px; height: 52px; padding: 0; text-indent: -9999px; } 
.top-banner .youtubeSlide button.slick-prev { left: 50%; margin-left: -194px; background: url(/Public_html/Images/full_pass/info_etax_left_arrow.png); } 
.top-banner .youtubeSlide button.slick-next { left: 50%; margin-left: 142px; background: url(/Public_html/Images/full_pass/info_etax_right_arrow.png); } 

.top-banner .topbanner-succ { position: absolute; top: 38%; left: 50%; transform: translateX(-48%); } 
.top-banner .more-btn-aa { } 
.top-banner .more-btn-aa .btn-0 { top: 34%; left: 3%; width: 33.33%; height: 6%; } 
.top-banner .more-btn-aa .btn-1 { top: 34%; left: 38%; width: 33.33%; height: 6%; } 
.top-banner .more-btn-aa .btn-2 { top: 34%; left: 73%; width: 33.33%; height: 6%; } 
.top-banner .more-btn-aa .btn-3 { top: 80%; left: 3%; width: 33.33%; height: 6%; } 
.top-banner .more-btn-aa .btn-4 { top: 80%; left: 38%; width: 33.33%; height: 6%; } 
.top-banner .more-btn-aa .btn-5 { top: 80%; left: 73%; width: 33.33%; height: 6%; } 

.top-banner .succ-video-intro .succ-text { position: relative; left: 0; width: 900px; margin: 0 auto; } 
.top-banner .sec_05 .A-btn { bottom: 64px; left: 50%; margin-left: -196px; width: 395px; height: 82px; } 
.top-banner .sec_07 .A-btn { bottom: 256px; left: 50%; margin-left: -196px; width: 395px; height: 44px; } 

/* campus-area */
.campus-area { position: relative; width: 100%; } 
.campus-area .sec-content { width: 1100px; margin: 0 auto; position: relative; } 
.campus-area .sec-content img { display: block; } 
.campus-area .section { position: relative; } 

/* campus-suwon */
.campus-suwon .sec_00 { background: #202123; } 
.campus-suwon .sec_01 { background: #1b1b1b url(/Public_html/Images/campus/campus_sw_01_bg.jpg); background-size: cover; background-position: center center; } 
.campus-suwon .sec_02 { background: #fff url(/Public_html/Images/campus/campus_sw_02_bg.jpg); } 
.campus-suwon .sec_03 { background: #383232 url(/Public_html/Images/campus/campus_sw_03_bg.jpg); } 
.campus-suwon .sec_04 { background: #fff url(/Public_html/Images/campus/campus_sw_04_bg.jpg); background-size: cover; background-position: center center; } 
.campus-suwon .sec_05 { background: #f49601 url(/Public_html/Images/campus/campus_sw_05_bg.jpg); } 
.campus-suwon .sec_06 { background: #e63e3e url(/Public_html/Images/campus/campus_sw_06_bg.jpg); background-size: cover; background-position: center center; } 

.campus-suwon .A-btn { top: 0; left: 0; width: 100%; height: 100%; } 

/* campus-jongro */
.campus-jongro .sec_00 { background: #1a0f17; } 
.campus-jongro .sec_01 { background: #1b1b1b url(/Public_html/Images/campus/campus_jr_01_bg.jpg); background-size: cover; background-position: center center; } 
.campus-jongro .sec_02 { background: #fff url(/Public_html/Images/campus/campus_jr_02_bg.jpg); background-size: cover; background-position: center center; } 
.campus-jongro .sec_03 { background: #383232 url(/Public_html/Images/campus/campus_jr_03_bg.jpg); } 
.campus-jongro .sec_04 { background: #fff url(/Public_html/Images/campus/campus_jr_04_bg.jpg); background-size: cover; background-position: center center; } 
.campus-jongro .sec_05 { background: #f49601 url(/Public_html/Images/campus/campus_jr_05_bg.jpg); } 

.campus-jongro .A-btn { bottom: 0; left: 0%; width: 100%; height: 100%; } 


/* campus-busan */
.campus-busan .sec_00 { background: #0b0c0e; } 
.campus-busan .sec_01 { background: #1b1b1b url(/Public_html/Images/campus/campus_bs_01_bg.jpg); background-size: cover; background-position: center center; } 
.campus-busan .sec_02 { background: #fff url(/Public_html/Images/campus/campus_bs_02_bg.jpg); } 
.campus-busan .sec_03 { background: #383232 url(/Public_html/Images/campus/campus_bs_03_bg.jpg); background-size: cover; background-position: center center; } 
.campus-busan .sec_04 { background: #fff url(/Public_html/Images/campus/campus_bs_04_bg.jpg); background-size: cover; background-position: center center; } 
.campus-busan .sec_05 { background: #fff } 
.campus-busan .sec_06 { background: #fff url(/Public_html/Images/campus/campus_bs_06_bg.jpg); background-size: cover; background-position: center center; } 
.campus-busan .sec_07 { background: #fff url(/Public_html/Images/campus/campus_bs_07_bg.jpg); } 
.campus-busan .sec_03 .video-area { position: absolute; top: 400px; left: 50%; margin-left: -550px; width: 100%; height: 625px; overflow: hidden; } 
.campus-busan .sec_03 .video-area video { width: 1100px; } 

/* .campus-busan .sec_02 .A-btn { bottom: 0; left: 0; width: 100%; height: 93px; } */
.campus-busan .A-btn { bottom: 0; left: 0; width: 100%; height: 100%; } 

.campus-busan .C-Swiper { width: 100%; height: 625px; margin: 0 auto; text-align: center; } 
.campus-busan .C-Swiper img { margin: 0 auto; } 
.campus-busan .dim-box { z-index: 99; position:absolute; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%; } 


/*sub-banner*/
.t-in-banner-area { display: flex; width: 100%; justify-content: space-between; } 
.t-in-banner { border-radius: 30px; overflow: hidden; position: relative; box-sizing: border-box; } 
.t-in-banner.left { width: 650px; } 
.t-in-banner.right { width: 500px; overflow: hidden; } 
.t-in-banner.last { padding: 00px 0 10px; } 
.t-in-banner ul:after { clear:both; content:''; display: block; } 
.t-in-banner ul li img { display:block; width:100%; } 
.t-in-banner .swiper-pagination { top: 32px; bottom: initial; right: 47px; text-align: right; left: inherit; height: 10%; width: 40%; display: flex; justify-content: flex-end; } 
.t-in-banner .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background: #DADADA; opacity: 1; margin: 0 5px; display: flex; justify-content: space-around; align-items: center; line-height: 1; } 
.t-in-banner .swiper-pagination .swiper-pagination-bullet > span { line-height: 1; margin-bottom: 1px; } 
.t-in-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #464646; color: #fff; } 
.t-in-banner.line { margin: 45px 0 0; } 
.t-in-banner img { display:block; } 

/* 온라인 추천강의 background -color*/
.sc-o .trans-tab .mc-tt span.m-Title.color-0 { background: #003594; } 
.sc-o .trans-tab .mc-tt span.m-Title.color-1 { background: #009a92; } 
.sc-o .trans-tab #tabs-1 > div { /* background: #e6edf8; */ } 
.sc-o .trans-tab #tabs-4 > div { /* background:#e6f5f4; */ } 

/* main-item */
.main-item { position: relative; width: 100%; } 
.main-item .sec-content { width: 1100px; margin: 0 auto; position: relative; } 
.main-item img { display: block; margin: 0 auto; } 

.main-item .section { background-position: center; background-repeat: no-repeat; background-size: cover; } 
.main-item .sec_00 { background-color: #000; } 
.main-item .sec_01 { background-image: url(/Public_html/Images/Event/210913_01_bg.jpg); } 
.main-item .sec_02 { background-color: #252289; } 
.main-item .sec_03 { background-color: #6b5cff; } 
.main-item .sec_04 { background-image: url(/Public_html/Images/Event/210913_04_bg.jpg); } 
.main-item .sec_05 { background-color: #f4f4f4; } 
.main-item .sec_06 { background-image: url(/Public_html/Images/Event/210913_06_bg.jpg); } 
.main-item .sec_07 { background-color: #fff; } 
.main-item .sec_08 { background-image: url(/Public_html/Images/Event/210913_08_bg.jpg); } 
.main-item .sec_09 { background-color: #fff; } 
.main-item .sec_10 { background-color: #6b5cff; } 
.main-item .sec_11 { background-color: #cc0001; } 
.main-item .sec_12 { background-color: #ffffff; } 
.main-item .sec_13 { background-color: #f4f4f4; } 
.main-item .sec_14 { background-color: #ffcb2a; } 
.main-item .sec_15 { background-image: url(/Public_html/Images/Event/210913_15_bg.jpg); background-repeat: round; background-position: top; background-size: cover; } 
.main-item .sec_16 { background-image: url(/Public_html/Images/Event/210913_16_bg.jpg); } 
.main-item .sec_17 { background-color: #f4f4f4; } 
.main-item .sec_18 { background-color: #6b5cff; } 
.main-item .sec_19 { background-color: #000000; } 

.main-item .sec_03 .btn-1 { bottom: 97px; left: 50%; margin-left: -367px; width: 255px; height: 59px; } 
.main-item .sec_03 .btn-2 { bottom: 97px; left: 50%; margin-left: 112px; width: 255px; height: 59px; } 
.main-item .sec_10 .btn-1 { bottom: 84px; left: 50%; margin-left: -367px; width: 255px; height: 59px; } 
.main-item .sec_10 .btn-2 { bottom: 84px; left: 50%; margin-left: 112px; width: 255px; height: 59px; } 
.main-item .sec_18 .btn-1 { bottom: 84px; left: 50%; margin-left: -367px; width: 255px; height: 59px; } 
.main-item .sec_18 .btn-2 { bottom: 84px; left: 50%; margin-left: 112px; width: 255px; height: 59px; } 


/* d-day count */
#dDayCount { /* position: absolute; *//* top: 0px; *//* right: 26px; *//* width: 300px; *//* height: 100%; *//* background: #000; */ } 
#dDayCount #countDay { /* position: absolute; */top: -1px; /* right: -3px; *//* font-size: 24px; *//* letter-spacing: 6.5px; */color: #fff; /* font-weight: bold; *//* padding: 6px 0; *//* box-sizing: border-box; */display: flex; justify-content: space-around; align-items: center; } 
#dDayCount #countDay span { display: block; } 
.dDay-count-area {display: flex;position: relative;justify-content: flex-end;align-items: center;} 

.dDay-count-area #dDayCount { } 
.dDay-count-area #countDay { } 
.dDay-count-area #countDay span { width:30px; height:30px; border:1px solid #fff; border-radius:8px; display:block; text-align:center; font-size:21px; font-weight:900; } 
.dDay-count-area #countDay span:not(:first-child) { margin-left:3px } 
html.main .dDay-count-area > p { color: #fff; } 
html.main .dDay-count-area #countDay span { border:1px solid #fff; } 
html.main #dDayCount #countDay { color: #fff; } 
html .dDay-count-area > p { text-align: right; font-size: 12px; color: #fc5217; letter-spacing: -1px; padding-right: 8px; font-weight: 500; line-height: 1.3; } 
html .dDay-count-area #countDay span { width:30px; height:30px; border:1px solid #CCCCCC; border-radius:8px; display:block; text-align:center; font-size:21px; font-weight:900; } 
html #dDayCount #countDay { top: -1px; /* right: -3px; *//* font-size: 24px; *//* letter-spacing: 6.5px; */color: #fc5217; /* font-weight: bold; *//* padding: 6px 0; *//* box-sizing: border-box; */display: flex; justify-content: space-around; align-items: center; } 




video { width: 100%; height: 100%; } 

/* 상담신청배너 */
.kfs-counseli { position: absolute; top: 5px; right: 0px; z-index: 999; width: 125px; } 
.kfs-counseli a { margin-top:5px; } 
.kfs-counseli img { display: block; } 
.kfs-counseli input { position: absolute; width: 101px; height: 28px; border: 1px solid #b6b6b6; background: #f2f2f2; font-size: 12px; color: #222; padding: 0 0 0 5px; box-sizing: border-box; line-height: 28px; } 
.kfs-counseli::placeholder { font-size: 12px; color: #dbdbdb; } 
.kfs-counseli input.cou-name { top: 0px; left: 12px; } 
.kfs-counseli input.cou-phone { top: 33px; left: 12px; } 
.kfs-counseli input.cou-s { top: 67px; left: 12px; } 

.kfs-counseli .check-input { display: block; position: absolute; top: 0; left: 0; } 
.kfs-counseli .check-input input[type="checkbox"] { display: none; } 
.kfs-counseli .check-input input[type="checkbox"] + label { position: absolute; top: 0; left: 0; width: 86px; height: 28px; cursor: pointer; } 
.kfs-counseli .check-input input[type="checkbox"]:checked + label::after { clear:both; content:''; display: block; position: absolute; top: 12px; left: 12px; background: url(/Public_html/Images/Main/kfs_counseli_02_ch.jpg); width: 7px; height: 7px; } 

.kfs-counseli #moreBtn { position: absolute; top: 0; right: 5px; text-indent: -9999px; width: 36px; height: 100%; } 
.kfs-counseli .info-text-area { position: relative; padding-bottom: 20px; background: #f2f2f2; } 
.kfs-counseli .info-text-area .info-tt { position: absolute; top: 0; left: 12px; width: 113px; height: 97px; overflow-y: scroll; } 
.kfs-counseli .info-text-area .info-tt p { font-size: 10px; color: #666; } 
.kfs-counseli .submit-btn-area { padding: 13px 0 13px 0; box-sizing: border-box; background: #f2f2f2; position: relative; } 
.kfs-counseli .submit-btn-area button { position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: rgba(0,0,0,0); padding: 0; } 

/* rewnew GNB MENU */
header.header-menu { position: relative; box-sizing: border-box; z-index: 9999; height:100px; padding-bottom:10px;  display: flex; justify-content: center; align-items: end;} 
html:not(.main) header.header-menu { border-bottom:1px solid #ccc; } 
header.header-menu .sub-menu-bar { margin: 0 auto; padding: 14px 0; position: relative; } 
header.header-menu .sub-menu-bar ul { display: flex; justify-content: end; align-content: center; margin: 0 auto; /* padding: 0 200px; */box-sizing: border-box; } 
header.header-menu .sub-menu-bar ul li { padding: 0 5px; } 
header.header-menu .sub-menu-bar ul li:not(:first-child) { border-left: 1px solid #4d4d4d; } 
header.header-menu .sub-menu-bar ul li a { font-size: 12px; color: #4D4D4D; line-height: 1; vertical-align: baseline; font-weight: 100; display: block; } 
header.header-menu .gnb-menu-bar { position: relative; /* height: 120px; */width: 1200px; margin: 0 auto; } 
header.header-menu .gnb-menu-bar ul { margin: 0 auto; display: flex; /* background: #d0d0d0; */justify-content:space-between; align-items: center; /* padding: 0 200px; */ } 
html header.header-menu .gnb-menu-bar .wh-logo { display: none; } 
html.main header.header-menu .gnb-menu-bar .wh-logo { display: block; } 
html header.header-menu .gnb-menu-bar .logo { display: block; } 
html.main header.header-menu .gnb-menu-bar .logo { display: none; } 
html header.header-menu .gnb-menu-bar .logo img,
html header.header-menu .gnb-menu-bar .wh-logo img { width: 100%; display: block; } 

/*메인 왼쪽상단 - 온라인/수원학원 메뉴*/
html header.header-menu .gnb-menu-bar .top-left-memu{display: flex;justify-content:flex-start;align-items: center;width: 227.69px;font-size:1.3em;}
html header.header-menu .gnb-menu-bar .top-left-memu span{font-size: 1em;color:#999;margin: 0 20px;}

section .sec-content { max-width: 1200px; margin: 0 auto; } 

.main-sub-banner { width: 100%; } 
.main-sub-banner .sec-content { position: relative; padding: 80px 0;; } 

/*메인 타이틀 */
.sec-content .hd-tt { /*padding-bottom: 60px;*/ } 
.sec-content .hd-tt p { text-align: center; font-size: 2em; font-weight: bold; letter-spacing: -1px; } 
.sec-content .hd-tt p span { color:#007af1;/*display: block; font-size: 36px; font-weight: 300; line-height: 1; */} 

/* 수원학원 개강일정 suwon open day*/
.sw_open_slide{margin-top:30px;}
.sw_open_slide ul{}
.sw_open_slide ul li{border:solid 1px #007af1; border-radius: 1em; height:60px;width:221px !important;padding:20px 10px 20px 35px;background: url(/Public_html/Images/Main/arrow_black.png) no-repeat 90% 50% ;font-size:1.2em;}
.sw_open_slide ul li span{font-weight: bold;font-size: 1.2em;}
.sw_open_slide ul li .btn-01{top:0;left: 0;width: 100%;height:100%}
.sw_open_slide .bx-wrapper{max-width:100% !important;padding:0 35px !important;overflow:hidden !important;margin:0 auto !important;box-shadow:none !important;}
.sw_open_slide .bx-wrapper .bx-prev{ z-index:1;left:0;background: url(/Public_html/Images/Main/arrow_left.png) no-repeat;}
.sw_open_slide .bx-wrapper .bx-next{ z-index:1;right:0;background: url(/Public_html/Images/Main/arrow_right.png) no-repeat;}
.sw_open_slide .bx-wrapper .bx-controls-direction a{width:21px !important;height:36px !important;}
.sw_open_slide .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{background-position: 0 !important;}
.sw_open_slide .bx-viewport{width:100% !important;}
.sw_open_slide .bx-viewport ul{width:100%;}


/* 합격생 영상 */
.video-sec-area { background: #f5f5f5; } 
.video-sec-area .sec-content { max-width: 1200px; margin: 0 auto; padding: 90px 0; box-sizing: border-box; } 
.video-sec-area .video-slide { width: 100%; overflow: hidden; padding: 30px 0; position: relative; } 
.video-sec-area .video-slide li { opacity: 0.8; transition: all ease 0.35s;} 
.video-sec-area .video-slide li.swiper-slide-active { transform: scale(1.6); z-index: 1; opacity: 1; } 
.video-sec-area .video-slide li a { } 
.video-sec-area .video-slide li a img { width: 100%; display: block; } 
.video-sec-area .video-slide li a iframe { width: 100%; height: 210px; display: block; } 

.video-sec-area .video-slide .slide-btn { width: 35px; height: 35px; position: absolute; top: calc(50% - 18px); z-index: 1; } 
.video-sec-area .video-slide .slide-button-next { background: url(/Public_html/Images/main/youtube_arrow_right.png); right: 0; } 
.video-sec-area .video-slide .slide-button-prev { background: url(/Public_html/Images/main/youtube_arrow_left.png); } 

/* 합격 교수진 */
#tch-slide { position: relative; width: 100%; } 
#tch-slide .swiper-wrapper { } 
.teacher-info .sec-content { padding: 100px 0; border-bottom: 1px solid #D4D9DC; } 

.teacher-info .hd-tt { padding-bottom: 60px; } 
.teacher-info .hd-tt p { text-align: center; font-size: 2em; font-weight: bold; letter-spacing: -1px; } 
.teacher-info .hd-tt p span { display: block; font-size: 36px; font-weight: 300; line-height: 1;} 

.teacher-info .tc-info-list { overflow: hidden; } 
.teacher-info .tc-info-list > ul { display: flex; justify-content: space-around; flex-wrap: wrap; } 
.teacher-info .tc-info-list ul li { position: relative; display: flex; height: 50%; justify-content: normal; flex-wrap: wrap; background: #1a183b; } 
.teacher-info .tc-info-list ul li a { display: block; position: relative; width: 25%; } 
.teacher-info .tc-info-list ul li .tc-pic { opacity: 0.5; transition: all ease 0.35s; transform: translateX(30px); } 
.teacher-info .tc-info-list .tc-bx { position: relative; overflow: hidden; height: 400px; } 
.teacher-info .tc-info-list li a:nth-child(even) { background:#201d4a; } 
.teacher-info .tc-info-list li a:nth-child(odd) { background: #321f59; } 
.teacher-info .tc-info-list li a .tc-bx { background: linear-gradient(90deg, rgba(8,7,12,0.2329306722689075) 0%, rgba(8,7,12,1) 100%); } 
.teacher-info .tc-info-list .tc-new { position: absolute; top: -13px; left: 20px; background: #000; color: #FC5217; display: inline-block; border-radius: 20px; padding: 5px 8px; font-size: 12px; font-weight: 500; letter-spacing: -1px; line-height: 1; z-index: 10; } 
.teacher-info .tc-info-list .tc-bx .tc-info { position: absolute; top: 247px; left: 0; /* width: 100%; */padding: 21px; opacity: .85; transform: translateY(30px); transition: all ease-in-out 0.35s; box-sizing: border-box; } 
.teacher-info .tc-info-list .tc-bx .tc-info p { color: #fff; letter-spacing: -0.5px; line-height: 1; font-size: 16px; font-weight: 500; } 
.teacher-info .tc-info-list .tc-bx .tc-info .tc-name { font-size: 25px; font-weight: bold; padding: 15px 0; } 
.teacher-info .tc-info-list .tc-bx .tc-info .tc-tt { line-height: 1.3; opacity: 0; transition: all ease 0.35s; } 

.teacher-info .tc-info-list ul a:hover .tc-pic { opacity: 0.8; transform: translateX(0px); } 
.teacher-info .tc-info-list a:hover .tc-info { opacity: 1; transform: translateY(0px); } 
.teacher-info .tc-info-list a:hover .tc-bx .tc-info .tc-tt { opacity: 1; } 

/* 이벤트 추천도서 */
.mc-eb-area { } 
.mc-eb-area .sec-content { padding: 100px 0; } 
section .sec-content .layout-a { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.mc-eb-area .event-slide-aa { width: 610px; } 
.sub-tt > p { font-size: 28px; font-weight: 500; letter-spacing: -1px; padding-bottom: 24px; } 
.mc-eb-area .event-slide-aa .event-slide { overflow: hidden; position: relative; } 
.mc-eb-area .event-slide-aa .event-slide.event-0 { } 
.mc-eb-area .event-slide-aa .event-slide.event-1 { padding-top: 16px; } 

.mc-eb-area .event-slide-aa .event-slide a { } 
.mc-eb-area .event-slide-aa .event-slide .event-d { position: absolute; top: 16px; right: 15px; width: 55px; height: 50px; background: rgba(0,0,0,0.6); } 
.mc-eb-area .event-slide-aa .event-slide .event-d p { font-size: 17px; color: #fff; text-align: center; line-height: 50px; } 
.mc-eb-area .event-slide-aa .event-slide img { width: 100%; } 

#event_slide_0 .slide-btn,
#event_slide_1 .slide-btn,
#bk_slide .slide-btn { width: 35px; height: 35px; position: absolute; top: calc(50% - 18px); z-index: 1; } 

#bk_slide .slide-button-next,
#event_slide_0 .slide-button-next,
#event_slide_1 .slide-button-next { background: url(/Public_html/Images/main/youtube_arrow_right.png); right: 0; } 
#bk_slide .slide-button-prev,
#event_slide_0 .slide-button-prev,
#event_slide_1 .slide-button-prev { background: url(/Public_html/Images/main/youtube_arrow_left.png); left: 0; } 
.bk-slide-aa { width: 540px; overflow: hidden; } 

.bk-slide-area { padding: 0px 70px; border: 1px solid #dcdcdc; position: relative; box-sizing: border-box; height: 500px; display: flex; flex-wrap: wrap; align-items: center; } 
#bk_slide { overflow: hidden; padding: 130px 0; } 
#bk_slide img { width: 100%; display: block; } 

#bk_slide li { transition: all ease-in-out 0.35s; position: relative; } 
#bk_slide li.swiper-slide-active img { z-index: 1; position: relative; transform: scale(1.1); } 
#bk_slide li .bk-tt { /* display: none; */opacity: 0; transform: scale(0.9) translateY(-100px); z-index: 1; padding-top: 5px; } 
#bk_slide li .bk-tt p { font-size: 10px; letter-spacing: -1px; color: #333; font-weight: 500; } 
#bk_slide li .bk-tt p.bk-name { padding-bottom: 8px; border-bottom: 1px solid #dcdcdc; } 
#bk_slide li .bk-tt p.bk-info { padding-top: 8px; } 
#bk_slide li .bk-tt p.bk-price { } 
#bk_slide li .bk-tt p.bk-price span { color: #fc5217; } 
#bk_slide li .bk-tt p.bk-price span.price { color: #333; padding-left: 5px; } 
#bk_slide li.swiper-slide-active { transform: scale(1.5); z-index: 7; } 
#bk_slide li.swiper-slide-active .bk-tt { /* display: block; */transform: scale(0.9) translateY(0px); opacity: 1; transition: all ease-in-out 0.55s; } 

/* 공지사항 & 학습/기출자료실 */
.notice-area { } 
.notice-area .sec-content { padding: 00px 0 70px; } 
.notice-area .notice-list-aa { position: relative; width: 49%; } 
.notice-area .notice-list-aa > p {} 
.notice-area .notice-list-aa > a { position: absolute; top: 10px; right: 0; font-size: 17px; font-weight: 500; color: #FC5217; line-height: 1.5; border-bottom: 2px solid #FC5217; } 
.notice-area .notice-list-aa > a:hover { text-decoration: none; } 
.notice-area .notice-list-aa .notice-list { border: 1px solid #dcdcdc; padding: 40px 60px; box-sizing: border-box; } 

.notice-area .mock-test-aa { position: relative; width: 49%; } 
.notice-area .mock-test-aa > a { position: absolute; top: 10px; right: 0; font-size: 17px; font-weight: 500; color: #FC5217; line-height: 1.5; border-bottom: 2px solid #FC5217; } 
.notice-area .mock-test-aa > a:hover { text-decoration: none; } 
.notice-area .mock-test-aa .notice-list { border: 1px solid #dcdcdc; padding: 35px 60px; box-sizing: border-box; } 

.notice-area .mock-test-aa ul { } 
.notice-area .mock-test-aa ul li { } 
.notice-area .mock-test-aa ul li:last-child { margin-top: 10px; } 
.notice-area .mock-test-aa ul li a { } 
.notice-area .mock-test-aa ul li a img { width: 100%; } 


.suc-slide-aa { background: #20304D; } 
.suc-slide-aa .sec-content { } 
.suc-slide-aa .suc-banner { background: #0d0c34 top center url(/Public_html/Images/main/mbanner/mid_banner_01.jpg) no-repeat; height: 180px; } 
.suc-slide-aa .suc-slide { padding: 50px 0 80px; margin-bottom: 100px; } 
.suc-slide-aa .suc-slide .tt-slide { /*background: #fff; */padding: 40px 160px; box-sizing: border-box; height: 300px; /* overflow: hidden; */ } 
.suc-slide-aa .suc-slide .tt-slide .succ-list { height: 220px; overflow: hidden; } 

/* quick-menu */
.quick-menu { position: fixed; top: 350px; right: 30px; z-index: 1000; max-width: 130px; } 
.quick-menu img { width: 100%; display: block; } 
.quick-menu .menu-list { } 
.quick-menu .menu-list ul { display: none; } 
.quick-menu .menu-list li { padding: 5px 0; background-color: #bdccd4; } 
.quick-menu .menu-list li { border-top:1px solid #fff; } 
.quick-menu .menu-list li:hover { padding: 5px 0; background-color: #fc5217; } 
.quick-menu .menu-list li a { font-size: 22px; font-weight: 700; color: #fff; text-align: center; display: block; letter-spacing: 0; } 


.quick-menu .menu-list { animation-name: lineWh; animation-duration: 8.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } 
@keyframes lineWh { 
 0% { transform: translateY(00px); } 
 50% { transform: translateY(-30px); } 
 100% { transform: translateY(00px); } 
 }

.float-btn {position: absolute;top: 88px;right: 140px;} 
.float-btn a { } 
.float-btn a img {width: 80%;}