@charset "uft-8";
/* main-banner */
.main-banner { } 
.main-banner .main-banner-btn { position: relative; max-width: 1100px; margin: 0 auto; } 
.main-banner .main-banner-btn img { display: block; width: 100%; } 
.main-banner .main-banner-btn .bn-btn-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
/* .main-banner .main-banner-btn .bn-btn-area.nth-1 { } */
.main-banner .main-banner-btn .bn-btn-area a { display: block; width: 100%; height: 100%; position: absolute; text-indent: -999999px; } 

/* 버튼이 한개 */
.main-banner .main-banner-btn .bn-btn-area.nth-1 a:nth-child(1) { top: 0; left: 0; } 

/* 버튼이 두개 */
.main-banner .main-banner-btn .bn-btn-area.nth-2 a:nth-child(1) { bottom: 0%; left: 0; width: 50%; height: 50%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-2 a:nth-child(2) { bottom: 0%; left: 50%; width: 49%; height: 50%; } 

/* 버튼이 세개 */
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(1) { bottom: 0%; left: 0; width: 32.7%; height: 50; } 
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(2) { bottom: 0%; left: 33.6%; width: 32.7%; height:50%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(3) { bottom: 0%; left: 67.3%; width: 32.7%; height:50%; } 


#mcB { clear:both; width:100%; min-width:100%; } 
#mc { width:1100px; margin:0 auto; /* min-height: 550px; */padding: 0 200px 80px; } 
#mc2 { width:1100px; margin:0 auto; } 

.section .sec-content { position: relative; width:1100px; margin: 0px auto; } 
.section .sec-content img { display:block; margin:0 auto; } 
.youtube-btn:after { clear: both; content:''; display: block; background: url(https://www.epasskorea.com/Typec_Image/info_english/play_btn.png); position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; } 
.fixed-a { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; box-shadow: 0 0 8px rgb(0 0 0 / 30%); transition: visibility .3s ease; box-sizing: border-box; width: 100vw; height: 100vh; /* visibility: hidden; */z-index: 9999999999; display: none; } 
.fixed-a .dim { width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.35); } 
.fixed-a .youtube-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80vw; height: 34.5vw; max-width: calc(100% - 40%); } 
.fixed-a iframe { width:100%; height: 100%; transition-duration: 1s; opacity: 0; transition-property: opacity,transform; transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transform: translate3d(0,100px,0); } 
.fixed-a.open { /* visibility: visible; */display: block; } 
.fixed-a .on iframe { transform: translateZ(0); opacity: 1; } 

/*////////////////////////전체메인 관련/////////////////////////////*/
/*.am-img { height:500px; background:url(/Public_html/Images/Main/mimg.png) no-repeat center #020203; background-size:55%; border-top:solid 4px #000; border-bottom:solid 4px #000 } */
/*.am-img { height:400px; background:url(/Public_html/Images/Main/mimg.jpg) no-repeat center #020203; border-top:solid 4px #000; border-bottom:solid 4px #000 } 전체메인 상단배너_old*/
.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: 120px;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; } 

/*.am-stt { float:left; width:185px; padding:5px 5px 5px 20px; margin-right:50px; font-size:18px; text-align:left; color:#fff; border-radius:30px; background:#020203; } 
.am-sttB { float:left; width:185px; padding:5px 5px 5px 20px; margin-right:50px; font-size:18px; text-align:left; color:#fff; border-radius:30px; background:#0977c9; } 
.am-stt2 { float:left; width:800px; font-size:16px; padding-top:5px; font-weight:700; } 
.am-stt2 div a { float:left; width:200px; height:25px; color:#fff; font-weight:500; color:#fff; } 
.m-bdB { border-bottom: solid 1px #7e899d; padding:20px 0; } 
.m-bdBlast { padding:20px 0; } */

#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 { } 
#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:35px; font-weight:700; letter-spacing:-0.05em; margin:5px 20px 0 0; } 
.am-tel { font-size:60px; line-height:60px; font-weight:900; color:#d74063; margin:0 !important; } 

.am-tel2 { float:right; font-size:15px; font-weight:500; margin:27px 0 0 0; } 
.am-tel2 a { width:300px; height:60px; padding:15px 20px; margin-left:10px; text-align:center; background-image: linear-gradient(-225deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%); border:solid 2px #5753C9; border-radius:10px; color:#fff; } 
.am-tel2 a:hover { text-decoration:none; background-image: linear-gradient(-225deg, #6E7FF3 0%, #5753C9 48%, #3D4E81 100%); } 
/*.am-tel2 > div:last-child { margin-left:5px; margin-top:8px; } 
.am-tel2 { float:right; font-size:15px; font-weight:500; margin:30px 0 0 0; } 
.am-tel2 > a > div { width:300px; height:32px; line-height:32px; text-align:center; border-radius:10px; background:#333; color:#fff; } 
.am-tel2 > a:hover { text-decoration:none; } 
.am-tel2 > div:last-child { margin-left:5px; margin-top:8px; } */

.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; } 

/* 상단 배너 관련 jquery.bxslider.css 강제적용 */
#banner_wrapper .bx-viewport { height:500px; } 
#banner_wrapper .bx-wrapper { border:none; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; margin-bottom:0 !important; } 
#banner_wrapper .bx-wrapper .bx-next { left:50%; margin-left:550px; background: url('/common_new/JS/slider/images/controls_2.png') no-repeat -48px -55px !important; } 
#banner_wrapper .bx-wrapper .bx-prev { left:50%; margin-left:-580px; background: url('/common_new/JS/slider/images/controls_2.png') no-repeat 0 -55px !important; } 
#banner_wrapper .bx-wrapper .bx-controls-direction a { height:58px; top:430px; } 



/*////////////////////////서브메인 관련/////////////////////////////*/



/* 메인배너 */
#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; } 

.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; position: relative; } 

/* 수강신청 */
.m-Title { float:left; width:100%; padding:5px; margin-bottom:20px; background:#0977c9; color:#fff !important; border-radius:5px; } /*메인 수강신청 타이틀*/
.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; } 

/*** 패키지과정일 경우 HEIGHT값으로 구분 ***/
.mc-o-list { clear:both; border-top:2px solid #535353; padding:20px 0 0 0; margin:0; } 
.mc-o-area { margin:0 0 20px 0; padding:0 0 10px 0; width:100%; height:100%; border:1px solid #ddd; overflow:hidden; } 
.mc-o-area ul.mc-o-area-l { margin:12px 0 0 20px; float:left; width:728px; min-height:150px; border-right:1px solid #ddd; } 
.mc-o-area ul.mc-o-area-l li.tt { color:#333; font-weight:500; font-size:17px; margin:10px 0 0 0; } 
.mc-o-area ul.mc-o-area-l li.tip { color:#f91f43; margin:5px 0 0 0; } 
.mc-o-area ul.mc-o-area-l li.teacher { margin:40px 0 0 0; color:#666; font-size:12px; } 
.mc-o-area ul.mc-o-area-l li.line { width:93%; height:1px; margin:8px 0 6px 0; background:#eee; padding:0 20px; } 
.mc-o-area ul.mc-o-area-l li.info { color:#888; font-size:12px; letter-spacing:0.05em; } 
.mc-o-area ul.mc-o-area-l li.info .bar { font-size:12px; color:#dee3eb; top:0 !important; } 
.mc-o-area .mc-o-area-r { margin:12px 0 0 20px; float:left; width:309px; } 
.mc-o-area .mc-o-area-r ul.area-r-add { margin:0; padding:0; } 
.mc-o-area .mc-o-area-r ul.area-r-add label { color:#333; } 
.mc-o-area .mc-o-area-r ul.area-r-add li span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.mc-o-area .mc-o-area-r ul.area-r-add li span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.mc-o-area .mc-o-area-r ul.area-r-add li span.sale { position:relative; top:3px; left:0; } 

.mc-o-area .mc-o-area-r ul.area-r-btn { margin:33px 0 0 0; padding:0; } 
.mc-o-area .mc-o-area-r ul.area-r-btn li { float:left; } 
.mc-o-area .mc-o-area-r ul.area-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-area .mc-o-area-r ul.area-r-btn a:hover li.qk-order { background:#e10c30; } 
.mc-o-area .mc-o-area-r ul.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 .mc-o-area-r ul.area-r-btn a:hover li.sample { background:#fff8f9; } 
.mc-o-area .mc-o-area-r ul.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 .mc-o-area-r ul.area-r-btn a:hover li.order { background:#fff8f9; } 
.mc-o-area .mc-o-area-r ul.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 { } 
.area-r-add label { color:#333; } 
.area-r-add span.before { text-decoration: line-through; font-size:14px; color:#666; margin:0 10px 0 0 } 
.area-r-add span.after { font-size:16px; font-weight:700; color:#f91f43; } 
.area-r-add span.sale { position:relative; top:3px; left:0; } 


/* 강사소개 영역
#mc .mc-t { clear:both; margin:0; padding:0; } 
.mc-t .mc-t-list { margin:20px 0 0 0; } 
.mc-t-area { position:relative; margin:0 0 50px 0; padding:0; width:267px; height:208px; border:1px solid #dee3eb; float:left; } 
.mc-t-area .area-i { z-index:-999; } 
.mc-t-area .area-l { position:absolute; top:0; margin:25px 0 0 25px; } 
.mc-t-area .area-l li.int { color:#f91f43; font-size:13px; } 
.mc-t-area .area-l li.tt { margin:8px 0 0 -2px; color:#333; font-size:25px; font-weight:700; } 
.mc-t-area .area-l li.stt { margin:20px 0 0 0; color:#9d9c9c; font-size:13px; line-height:140%; } 
.mc-t-area .area-l li.btn { margin:35px 0 0 0; padding:6px 12px; font-size:12px;background:#222;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter: alpha(opacity=70);-khtml-opacity: 0.70;-moz-opacity: 0.70;-ms-filter: alpha(opacity=70);opacity: 0.70; } 
.mc-t-area .area-l li.btn a { color:#fff; } */

/* 동영상 무료강의 */
.mc-l { clear:both; } 
.mc-l .mc-l-list { margin:20px 0 0 0;; } 
.mc-l-area { overflow:hidden; } 
.mc-l-area > div { width:253px; float:left; margin:0 16px 50px 0; } 
.mc-l-area div:nth-child(4n) { margin-right:0 !important; } 
.mc-l-area .area-i { z-index:-999; border:solid 1px #ddd; line-height:0; } 
.mc-l-area .area-i img { width:252px; height:141px; } 
.mc-l-area .area-l { margin:12px 0 0 0; text-align:center; } 
.mc-l-area .area-l li.tt { color:#333; font-size:14px; } 
.mc-l-area .area-l li.stt { color:#999; font-size:13px; margin:6px 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 { margin:15px 0 0 0; padding:0; } 
ul.n-area-list li { line-height:200%; } 
ul.n-area-list li:nth-child(odd) { float:left; color:#666; font-size:13.5px; width:65%; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
ul.n-area-list li:nth-child(even) { float:left; font-size:12px; color:#999; width:25%; text-align:right; } 
/*전체메인 Best후기 가로사이즈 관련*/.mc-n-area2 ul.n-area-list li:nth-child(odd) { width:70% !important; } 

/*ul.n-area-list li a { color:#666; } */
/*ul.n-area-list li span { clear:both; float:left; margin:0 30px 0 0; font-size:12px; color:#999 } 
ul.n-area-list li:last-child { margin-bottom:0px; } */
p.n-area-tel { margin:0; padding:0; text-align:center; } 
/*p.n-area-tel > img { position:relative; top:6px; margin:0 10px 0 0; } */
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; } 



/* jjang main

.jm-img { background:url(/Public_html/Images/main_jjang/mbanner_bg.jpg); border-bottom:solid 2px #333; } 
.jm-img > div { width:1100px; height:500px; overflow:hidden; margin:0 auto; } 


.ban_b {padding:20px;border:8px solid rgba(204,204,204,0.3); } 
.jjan_main_area {text-align:center; } 
.jjan_main_area div {display: inline-block;margin: 5px 0; } 

.jjan_main_area div img {margin:0 8px;*/

/* main-banner 220221*/
.event-slides { height: 500px; } 
.event-slides .slick-dots { position: absolute; bottom: 14px; left: 0; width: 100%; display: flex !important; justify-content: center; z-index: 1; } 
.event-slides .slick-dots li { display: block; } 
.event-slides .slick-dots li button:before { clear: both; content: ''; display: block; background: rgba(0,0,0,0.0); position: absolute; top: -4px; left: -4px; width: 18px; height: 18px; border-radius: 12px; z-index: -1; transition: all ease-in-out 0.45s; } 
.event-slides .slick-dots li.slick-active button:before { background: rgba(0,0,0,0.35); } 
.event-slides .slick-dots button { width: 10px; height: 10px; border-radius: 5px; padding: 0 !important; margin: 0px 8px !important; text-indent: -9999px; background: #fff; box-sizing: border-box; position: relative; } 
.event-slides .slick-arrow { position: absolute; bottom: 10px; padding: 0; margin: 0; width: 31px; height: 31px; z-index: 2; text-indent: -9999px; } 
.event-slides .slick-arrow.slick-prev { left: 50%; margin-left: -122px; background: url(/Public_html/Images/main/slide_btn_left.png); } 
.event-slides .slick-arrow.slick-next { left: 50%; margin-left: 100px; background: url(/Public_html/Images/main/slide_btn_right.png); } 

/* 서브메인 서브배너 */
.mc-b .slick-dots button { width: 10px; height: 10px; border-radius: 5px; padding: 0 !important; margin: 0px 8px !important; text-indent: -9999px; background: #fff; box-sizing: border-box; position: relative; } 
.mc-b .slick-arrow { position: absolute; top: 50%; padding: 0; margin: 0; width: 31px; height: 31px; z-index: 2; text-indent: -9999px; } 
.mc-b .slick-arrow.slick-prev { left: 20px; background: url(/Public_html/Images/main/slide_btn_left.png); } 
.mc-b .slick-arrow.slick-next { right: 20px; background: url(/Public_html/Images/main/slide_btn_right.png); } 

/* 메인 신규 css */
@font-face {
    font-family: 'GmarketSansLight';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 

@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } 

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } 

.flex { display: flex; } 
.mc-banner { width: 100%; margin: 0 auto; padding: 50px 0 0px; justify-content: space-between; } 
.mc-banner li a { display: block; } 
.mc-banner li a img { display: block; width: 100%; } 

.main-tch-aa { position: relative; width: 100%; padding: 80px 0; } 
.main-tch-aa.gray { background: #efefef; } 

.main-tch-aa .sec-content { width: 1044px; margin: 0 auto; } 
.main-tch-aa .tt-area { text-align: center; margin: 0 auto; } 
.main-tch-aa .text-tt { font-size: 34px; text-align: center; font-weight: bold; position: relative; display: inline-block; font-family: 'GmarketSansBold'; } 
.main-tch-aa.blue .text-tt span { color: #347afe; } 
.main-tch-aa.voliet .text-tt span { color: #6268f0; } 
.main-tch-aa .text-tt-sub { font-size: 20px; text-align: center; font-weight: 500; font-family: 'GmarketSansMedium'; } 
.pt-rec p.text-tt:before { clear:both; content:''; display: block; position: absolute; top: 5px; left: -22px; width: 18px; height: 18px; } 
.pt-rec.blue p.text-tt:before { background-color: #347afe; } 
.pt-rec.voliet p.text-tt:before { background-color: #6268f0; } 

.main-tea-slide { padding: 17px 0 0; } 
.main-tea-slide .plus-btn { justify-content: end; margin-bottom: 16px; } 
.main-tea-slide .plus-btn a { font-size: 20px; width: 30px; height: 30px; background: #222; color: #fff; text-align: center; } 

.main-tea-slide .slide-tch-aa { } 
.main-tea-slide .tc-slide { position: relative; /* background: #fff; */
 /* border: 1px solid #e4e4e4; */
 /* box-sizing: border-box; */
 height: 345px; display: flex; justify-content: space-around; } 
.main-tea-slide .tc-slide a { width: 250px; background: #fff; border: 1px solid #e4e4e4; box-sizing: border-box; position: relative; } 
.main-tea-slide .tc-slide .tt { font-size: 30px; font-weight: 500; font-family: 'GmarketSansMedium'; padding: 64px 0 0 20px; line-height: 44px; } 
.main-tea-slide .tc-slide .int { font-size: 24px; font-weight: 500; font-family: 'GmarketSansMedium'; color: #347afe; position: absolute; bottom: 277px; left: 20px; word-break: keep-all; } 
.main-tea-slide .tc-slide .tc-img { position: absolute; bottom: 0; right: 0; } 

.main-tea-slide .tc-slide .tc-img { opacity: 0; transition: all ease 0.65s; transform: translateY(50px); } 
.main-tea-slide .tc-slide.swiper-slide-active .tc-img { opacity: 1; transition: all ease 0.65s; transform: translateX(0px); } 
.main-tea-slide .tc-slide.swiper-slide-active a:nth-child(1n) .tc-img { transition-delay: 0.25s; } 
.main-tea-slide .tc-slide.swiper-slide-active a:nth-child(2n) .tc-img { transition-delay: 0.45s; } 
.main-tea-slide .tc-slide.swiper-slide-active a:nth-child(3n) .tc-img { transition-delay: 0.65s; } 
.main-tea-slide .tc-slide.swiper-slide-active a:nth-child(4n) .tc-img { transition-delay: 0.85s; } 

.main-tea-slide .tc-slide .arrow { width: 63px; height:67px; position: absolute; bottom: 0; left: 10px; background: #347afe; border-top-left-radius: 40px; border-top-right-radius: 40px; text-align: center; padding-top: 21px; box-sizing: border-box; } 
.main-tea-slide .tc-slide .arrow i { font-size: 30px; color: #fff; } 
.main-tea-slide .tc-slide .tc-img img { display: block; } 

.slide-lec .swiper-button-prev,.swiper-rtl .swiper-button-next,
.main-tea-slide .swiper-button-prev,.swiper-rtl .swiper-button-next { left: -30px; right: auto}

.slide-lec .swiper-button-next,.swiper-rtl .swiper-button-prev,
.main-tea-slide .swiper-button-next,.swiper-rtl .swiper-button-prev { right: -30px; left: auto}


.slide-lec .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,
.main-tea-slide .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content: ''; background: url(/Public_html/Images/Main/main_slide_left.png); width: 25px; height: 43px; } 



.slide-lec .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,
.main-tea-slide .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: ''; background: url(/Public_html/Images/Main/main_slide_right.png); width: 25px; height: 43px; } 

.slide-lec { margin: 74px 0 0; } 
.slide-lec .slide-lec-aa { } 
.slide-lec .slide-lec-aa .lec-slide { position: relative; box-sizing: border-box; } 
.slide-lec .slide-lec-aa .lec-slide img { display: block; width: 100%; } 
.slide-lec .slide-lec-aa .lec-slide a { position: absolute; bottom: 0; left: 0; text-indent: -999999999px; height: 71px; } 
.slide-lec .slide-lec-aa .lec-slide a:not(.nth) { width: 100%; } 
.slide-lec .slide-lec-aa .lec-slide a.nth { width: 50%; } 
.slide-lec .slide-lec-aa .lec-slide a.nth:first-child { } 
.slide-lec .slide-lec-aa .lec-slide a.nth:last-child { left: 50%; } 

.slide-tch .swiper-horizontal>.swiper-pagination-bullets,
.slide-tch .swiper-pagination-bullets.swiper-pagination-horizontal,
.slide-tch .swiper-pagination-custom,
.slide-tch .swiper-pagination-fraction { bottom: -30px; left: 0; width: 100%}

.slide-lec .swiper-horizontal>.swiper-pagination-bullets,
.slide-lec .swiper-pagination-bullets.swiper-pagination-horizontal,
.slide-lec .swiper-pagination-custom,
.slide-lec .swiper-pagination-fraction { bottom: -30px; left: 0; width: 100%}
.slide-tch .swiper-pagination-bullet-active,
.slide-lec .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: #347afe; }