@charset "UTF-8";    
/* GNB */
.pc-header .logo{width: 138px !important; height: fit-content !important; margin-right: 0 !important;}
.pc-header .logo a{display: flex;}

.header-wrap{position: relative;}
.header-wrap.fix{position: fixed; top: 0;}
.contents-wrap,
.contents{padding-top: 0 !important;}

/* 가로 1200px로 수정 */
/* 
.gnb{margin-left: 45px;} 
.gnb > li{position: relative; float: left; padding: 0 44px; font-weight: 500;} 
*/
.header-wrap .inner{width: 1200px;}
.gnb{margin-left: 35px;} 
.gnb > li{position: relative; float: left; padding: 0 30px; font-weight: 500;}

.gnb:after{display: block; content: ''; clear: both;}
.gnb > li > a{display: block; font-size: 18px; font-weight: 700; text-align: center; height: 55px; padding: 27px 0 0; margin-bottom: 20px;}
.gnb > li:nth-child(6) > a{color: #e91e63;}
.gnb > li .active,
.gnb > li:hover a{border-bottom: 2px solid #000;}
.gnb > li:hover .depth{display: block; width: 158px;}
.gnb > li:hover .depth a{border: 0;}
.gnb .depth{display: none; position: absolute; top: 65px; /* left: -34px; */ background: #fff; border: 1px solid #000; border-radius: 10px; padding: 12px 30px;}
.gnb .depth a{display: block; padding: 12px 0; font-size: 16px; letter-spacing: -1px;}

.gnb .depth a:hover,
.gnb > li .depth.lec li:last-child a:hover,
.gnb > li .depth.book li:last-child a:hover{color: #1670df;}

.gnb > li .depth.lec{width: 576px; padding: 0; left: -34px; min-height: 250px;}
.gnb > li .depth.lec li{float: left; padding: 12px 30px;}
.gnb > li .depth.lec li:first-child{width: 137px;}
.gnb > li .depth.lec li:last-child{background: #fafafa; border-radius: 0 10px 10px 0; width: 437px; border-left: 1px solid #eee; height: 363px;}
.gnb > li .depth.lec a{display: inline-block;}
.gnb > li .depth.lec li:last-child a{width: 90px; margin-left: 5px; font-size: 14px; color: #888;} 
.gnb > li .depth.lec li:last-child a:first-child{margin-left: 0;}
.gnb > li .depth.lec li:last-child a::before{content: '•';  padding-right: 3px;}

.gnb > li .depth.lec li div{display: inline-flex; align-items: center;}
.gnb > li .depth.lec li:last-child div{padding: 1px 0}

/* 교재 뎁스 추가 */
.gnb > li .depth.book{width: 506px; padding: 0; left: -34px;}
.gnb > li .depth.book li{float: left; padding: 12px 30px;}
.gnb > li .depth.book li:first-child{width: 137px;}
.gnb > li .depth.book li:last-child{background: #fafafa; border-radius: 0 10px 10px 0; width: 367px; border-left: 1px solid #eee; height: 362px /*321px;*/}
.gnb > li .depth.book li:last-child div:nth-child(5) a{width: 100px;}
.gnb > li .depth.book li:last-child div:nth-child(5) a:first-child{width: 110px;}
.gnb > li .depth.book a{display: inline-block;}
.gnb > li .depth.book li:last-child a{width: 70px; margin-left: 5px; font-size: 14px; color: #888;} 
.gnb > li .depth.book li:last-child a:first-child{margin-left: 0;}
.gnb > li .depth.book li:last-child a::before{content: '•';  padding-right: 3px;}

.gnb > li .depth.book li div{display: inline-flex; align-items: center;}
.gnb > li .depth.book li:last-child div{padding: 1px 0}


/* .pc-header-top{background: #f5f7fa; border-bottom: 0;} */
.pc-header-top{background: #333;} 
.pc-header-top .link-right .item a{color: #fff;}
.link-left .top_navi a{width: 65px !important; margin-top: 6px;}

.pc-header-top{border-bottom: 0;}

.link-left .top_navi a{display: inline-block; color: #fff; background: #777; border-bottom: 0; padding: 6px 20px; border-radius: 5px 5px 0 0; text-align: center; font-size: 14px; font-weight: 500; width: 35px;}
.link-left .top_navi a:hover,
.link-left .top_navi .active{background: #fff; color: #0d52d0; font-weight: 900;}

.link-left .top_navi a:nth-child(2){background: #fee006; color: #212121; font-weight: 900;}

.link-left .top_navi a:nth-child(2):hover,
.link-left .top_navi a:nth-child(2).active{background: #fff; color: #0d52d0; font-weight: 900;}


.top_img{margin-right: 10px /* 32px */;}
.top_img a{background: #e91e63; border-radius: 20px; padding: 3px 15px 0; display: block;}
.item.dday{display: flex; align-items: center; font-weight: 700;}
.item.dday em{padding-left: 5px;}
.item.dday em,
.item.dday span{color: #e91e63;}

/* top menu 간격 수정 */
.pc-header-top .link-right .item + .item{margin-left: 20px;}
.pc-header-top .link-right .item + .item::before{left: -10px; background: #ccc}; 

.lecture_list{margin-top: 10px; text-align: right;}
.search_img{background: #1b2435; position: absolute; right: 0px; top: -80px;}

.gnb > li:nth-child(2) .depth{left: -5px; width: 140px;}
.gnb > li:nth-child(3) .depth,
.gnb > li:nth-child(5) .depth,
.gnb > li:nth-child(7) .depth{left: -4px;}
.gnb > li:nth-child(6) .depth{left: -10px;}


/* footer isms */
.footerPc {position: relative; background: none; padding: 0;}
.footerPc .company{align-items: flex-start;}
.footerPc .company .footer_pop{position: absolute; right: 248px; bottom: 50px; z-index: 2}
.footerPc .company .footer_pop_wp{position: relative;}
.footerPc .company .footer_pop img{width: 80%;}
.footerPc .company .colosed{position: absolute; top: 0; right: 72px; font-size: 26px; font-weight: 700; display: block; background: #000; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 1.3;}


/* 2024.05.01 임시로 패딩값 조절 - 어윤학*/
.after-target-date{padding-top: 129px;}

/* 모바일 gnb*/
.mo-header.main-header,
.contents.main{padding-top: 0 !important;}
.mo-heder-tag-area,
.mo-header{position: relative;}
.mo-heder-tag-area,
.mo-header.main-header{top: 0;}

/* 서브 페이지 */
.sub_wp{position: relative; width: 100% !important; margin: 30px 0; padding: 0 30px;} 
.lecture_list{position: relative;}
.sub_wp .sub_tit{color: #2D2D2D; font-size: 24px; font-weight: 700; padding: 30px 0;}
.depth_tit{font-size: 24px; font-weight: 500; letter-spacing: -1.01px; padding: 110px 0 20px; border-bottom: 3px solid #333;}

/* sub lnb */
.sub_lnb{position: relative; width: 220px; min-width: 220px;}
.sub_lnb > div:first-child{background: #333; height: 80px; display: grid; align-items: center; color: #fff; font-size: 24px; font-weight: 700; text-align: center;}
.sub_lnb ul{position: relative;}
.sub_lnb ul li{font-size: 18px; color: #111; border-bottom: 1px solid #111;}
.sub_lnb ul li div{padding: 20px 23px; font-weight: 600;}
.sub_lnb ul li .lnb_depth{background: #fafafa; border-top: 1px solid #e8e8e8;}
.sub_lnb ul li .lnb_depth a{display: block; color: #666; font-size: 16px; font-weight: 400; padding-bottom: 18px;}
.sub_lnb ul li .lnb_depth a:last-child{padding-bottom: 0;}

.sub_lnb_mo{padding: 0 ;}
.sub_lnb_mo li{padding: 10px 20px; background-color: #172C8D; color:#fff; font-weight: 500; display:flex; gap: 20px; white-space: nowrap; overflow-x: auto;}
.sub_lnb li span.on{color:#BAC4F0;}
.sub_lnb .child_item{display:none; border-bottom: 1px solid #E5E7EB; background-color: #FAFAFC; padding: 10px 20px; gap: 20px; white-space: nowrap; overflow-x: auto;}
.sub_lnb .child_item span.on{color: #2B43B2; position: relative;}
.sub_lnb .child_item span.on:after{content: ''; position: absolute; left: 0; right: 0; bottom: -11px; display: block; width: 100%; height: 2px; background-color: #2B43B2;}

/* event list */
.tabs-data{overflow: hidden; width: 100%; height: 65px;}
.tabs-data li{cursor: pointer; float: left; height: 100%; display: inline-grid; align-items: center; font-size: 20px; color: #2b3131; text-align: center; border: 1px solid #e1e1e1; border-left: 0;}
.tabs-data li:first-child{border-left: 1px solid #e1e1e1;}
.tab-tit.active{background: #1670df; border: 1px solid #1670df; color :#fff;}
.tab-tit.active:first-child{border-left:0;}

.tabs-data li{width: 25%;}
.tabs-data.v3 li{width: 33.33%;}
.tabs-data.v2 li{width: 50%;}
.tabs-data.v1 li{width: 100%;}

.evt_list{position: relative;}
.evt_zone{margin-top: 30px;}
.evt_zone ul{overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px 67px;}
.evt_zone ul li{position: relative; border: 1px solid #e2e2e3;}
.evt_zone ul li div{color: #2d2d2d; font-size: 18px; letter-spacing: -.5px;}
.evt_zone ul li strong,
.evt_zone ul li span,
.evt_zone ul li i{display: block;}
.evt_zone ul li strong{padding: 20px 0 10px; font-size: 22px;}
.evt_zone ul li span{color: #767676;}
.evt_zone ul li i{padding-top: 24px; color: #2a5dde;}
.evt_zone .evt_info{padding: 30px 32px; text-align: left;}
.evt_zone .evt_bnr img{width: 100%;}
.evt_zone .benefit{border-radius: 20px; width: 100px; padding: 7px 0; color: #fff; font-size: 15px; text-align: center;}
.evt_zone .join{background: #7130be;}
.evt_zone .classify{background: #b7163f;}
.evt_zone .free{background: #0a89be;}

/* 페이징 */
.paging_wp{text-align: center; overflow: hidden; margin-top: 30px;}
.paging{align-items: center;  display: inline-flex; justify-content: center; width: 100%;}
.paging span{position: relative;}
.paging a{background: #eee; color: #959595; border-radius: 3px;  margin: 0 2px; width: 30px; height: 30px; display: grid; align-items: center; text-align: center;}
.paging a:hover{background: #fafafa; border: 1px solid #eee;}
.paging .active:hover,
.paging .active{font-weight: 900; background: #3a8afd; color: #fff; border: 0;}
.paging .arrow-prev::before{content: ''; background: url('/theme/basic/img/btn_first.gif') no-repeat; position: absolute; top: 11px; left: 12px; width: 9px; height: 7px;}
.paging .arrow-next::before{content: ''; background: url('/theme/basic/img/btn_end.gif') no-repeat; position: absolute; top: 11px; left: 12px; width: 9px; height: 7px;}
.paging .arrow.prev::before{content: ''; background: url('/theme/basic/img/btn_first.gif') no-repeat; position: absolute; top: 11px; left: 12px; width: 9px; height: 7px;}
.paging .arrow.next::before{content: ''; background: url('/theme/basic/img/btn_end.gif') no-repeat; position: absolute; top: 11px; left: 12px; width: 9px; height: 7px;}

/* 교재 구매 버튼 */
.btn-apply.top{margin-top: 5px;}
.btn-folder img{margin-right: 10px;}

/* 로그인 추가 */
.pt_10{padding-top: 10px;}
.login_pop{position: absolute; top: 500px; left: 50%; z-index: 1000001; width: 440px; height: auto; background: #fff; border-radius: 10px; margin-left: -220px; box-shadow: 1px 5px 25px 14px rgba(0, 0, 0, 0.2);}
.login_pop .pop_conts{position: relative; width: 100%; height: auto; margin: 0 auto; text-align: center; padding: 25px 20px;}	

.login_pop .pop_conts p{font-size: 16px; font-weight: 600; line-height: 22px;}
.login_pop .pop_conts p span{color: #195CF3; font-weight: 800;}
.login_pop .pop_conts .pop-close{background: #333; width: 140px; text-align: center; font-size: 15px; font-weight: 700; border-radius: 5px; padding: 10px 0; color: #fff; display: inline-block; margin-top: 10px;}
.login_pop .pop_conts .closeX{position: absolute; top: 8px; right: 5px; width: 2rem; line-height: 1rem; font-size: 2.5rem; text-align: center; cursor: pointer; color: #000; text-decoration: none; z-index: 11;}
.login_pop .pop_conts .closeX:hover{color: #ccc;}


/* swiper slide */
.swiper-container {width: 100%; overflow: hidden; position: relative; padding-top: 109px;}
.swiper-slide {text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}

.swiper {position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;} 

.swiper-arrow-next,
.swiper-arrow-prev {position: absolute; top: 50%; margin-top: 0; z-index: 1; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.swiper-arrow-next,
.swiper-rtl .swiper-arrow-prev {right: 10px; left: auto;}
.swiper-button-lock {display: none;}

/* arrow style */
.arrow-more {position: relative; width: 30px; height: 30px;}
.arrow-more::after {position: absolute; left: 2px; top: 4px; content: ''; width: 6px; height: 6px; /* 사이즈 */ border-top: 2px solid #aaa; border-right: 2px solid #aaa; /* 선 굵기 */ transform: rotate(45deg); /* 각도 */}
.arrow-more.red::after {position: absolute; left: 2px; top: 6px; content: ''; width: 6px; height: 6px; border-top: 2px solid #f20945; border-right: 2px solid #f20945; transform: rotate(45deg);}

/* 메인 추천강의 탭4 slide */  
.recommend-tab .swiper-container {padding-top: 0; width:  100%; height:  100%;}
.recommend-tab .swiper-slide {width: 100%; padding-bottom: 0; background:  #fff; /* Center slide text vertically */ display:  -webkit-box; display:  -ms-flexbox;  display:  -webkit-flex; display:  flex; -webkit-box-pack:  center; -ms-flex-pack:  center; -webkit-justify-content:  center; justify-content:  center; -webkit-box-align:  center; -ms-flex-align:  center; -webkit-align-items:  center; align-items:  center;}

.recommend-tab .swiper-button-prev{left: 50%; margin-left: -599px; z-index: 2; background: rgba(0,0,0,0.3); width: 45px; height: 45px; padding-left: 10px;}
.recommend-tab .swiper-button-next{right: 50%; margin-right: -600px; z-index: 2; background: rgba(0,0,0,0.3); width: 45px; height: 45px; padding-right: 10px;} 
.recommend-tab .swiper-button-prev:after{content:  ''; width: 20px; height:  20px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform:  rotate(225deg);}
.recommend-tab .swiper-button-next:after{content:  ''; width:  20px; height: 20px; border-top: 2px solid #fff; border-right: 2px solid #fff; /* 선 굵기 */transform:  rotate(45deg);}

/* 엑싯 인텐트 팝업 */
.exit_popup{display: none; position: fixed; top: 0; right: 0; box-shadow: 0 0 42px rgba(0, 0, 0, 0.35); z-index: 999; animation: slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;}
.exit_popup .close{background: #000;padding: 0 15px; display: flex; align-items: center; margin-top: -5px; height: 41px;}
.exit_popup .close a{color: #fff; font-size: 14px; cursor: pointer;}
.exit_popup .close label a:after{content:'|'; opacity: 0.5; padding: 0 10px;}
.exit_popup input[type=checkbox]{width: 16px; height: 16px; margin-right: 8px; vertical-align: middle;}
@keyframes slide-in-top{0%{transform: translateY(-1000px); opacity:0} 100% {transform: translateY(0); opacity: 1;}}

@media (max-width: 1440px) {
.exit_popup{width:260px; height:396px;top: 53px;}
.exit_popup img{width:260px; height:auto;}
}



/* 수정 */
.eduArea{gap: 13px !important;justify-content: space-between;}

.contents{padding-bottom: 0;}
.campus_intro{margin-bottom: 100px;}
.lab-wrap .about,
.board-wrap,
.academy-wrap,
.map_transport,
.faqArea{padding-bottom: 100px;}


/* 모바일 */
.recommend-mo{display: none;}

/** 수정 **/
.mainTicketBanner span:last-child{border-radius: 16px;}

/* 모바일 gnb */
.m_gnb_subMenu{background: #dce5fb; overflow: hidden; width: 100%; padding: 1rem; text-align: center;}
.m_gnb_subMenu li{display: inline-block; width: 30%;}
.m_gnb_subMenu li img{width: 60%;}

/* 모바일 햄버거 뎁스 */
.left-slideMenu{position: relative; height: 100%; background: #fafafa;}
.left-slideMenu li:first-child .leftMenu.active{border-top: 0;}
.left-slideMenu .leftMenu{display: flex; width: 40%; cursor: pointer; background: #fafafa; height: 3rem; align-items: center; padding: 0 2rem;}
.left-slideMenu .leftMenu.active{background: #fff; border: 1px solid #dadada; border-left: 0; border-right: 0; position: sticky; z-index: 2; width: 40.39%; font-weight: 900; color: #e91e63;}

.left-slideMenu .depth{width: 60%; position: absolute; top: 0; right: 0; background-color: #fff; padding: 0.5rem 2rem 0;  height: 100%; border-left: 1px solid #dadada;}
.left-slideMenu .depth a{display: block; padding: 0.8rem 0;}
.left-slideMenu .depth a::before{content: 'ㆍ';}

.left-slideMenu .left-out{border-radius: 5rem; border: 1px solid #dadada; padding: 8px 15px; font-size: 13px; position: absolute; bottom: 50%; left: 1.5rem; display: block; width: 5rem}

/* popup */
.popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.75); display: inline-flex; align-items: center;  font-size: 15px; z-index: 99999999; word-spacing: 0; overflow: hidden;}

.popup-wrapper .pop_wrap{position: relative; width: 700px; margin: 0 auto 5px;}
.popup-wrapper .pop_conts{width: fit-content; margin: 0 auto; height: fit-content; overflow: hidden;}
.popup-wrapper .pop_conts li{float: left; width: 50%;}
.popup-wrapper .pop_conts li img{width: 100%;}

.popup-wrapper .pop_conts li.one{float: none; width: 100%;}

.popup-wrapper .pop_close_wp{/* background: rgba(0, 0, 0, 0.8); */margin: 0 auto 5px; text-align: left; /* padding: 10px; */}
.popup-wrapper .pop_close_wp a{display: inline-block; color: #fff; text-align: center; padding: 0 10px;}
.popup-wrapper .pop_close_wp a:last-child{border-left: 1px solid rgba(255,255,255,0.5); padding-left: 15px;}
.popup-wrapper .pop_close_wp a:hover{color: #ccc;}

.popup-wrapper .popup{position: relative;}
.popup-wrapper .popup .mouseOver1{position: absolute; right: 80px; bottom: -20px; animation: updown 1s both infinite alternate;}
.popup-wrapper .popup .mouseOver2{position: absolute; right: 325px; bottom: -20px; animation: updown 1s both infinite alternate;}
.popup-wrapper .popup .mouseOver3{position: absolute; right: -16px; bottom: -20px; animation: updown 1s .5s both infinite alternate;}
@keyframes updown{0% {transform: translateY(-5px);} 100% {transform: translateY(5px);}}

/* 결제 방법 */
.course-detail{position: relative;}
.pay-area{border-top: 2px solid #000; background: #f5f5f5; padding: 20px 30px; margin-top: 20px;}
.pay-area .pay-select{width: 100%; border-top: 1px solid #E8E8E8; font-size: 18px; padding: 10px 0;}
.pay-area .pay-select:first-child{border-top: 0; color: #000;}
.pay-area label{cursor: pointer; vertical-align: middle;}
.pay-area input[type="radio"]{width: 15px; height: 15px; vertical-align: middle; cursor: pointer;}
.chk-Box{cursor: pointer; vertical-align: middle; /* height: 30px; display: inline-flex; align-items: center; */}
.tag{background: #E80000; color: #fff; padding: 2px 10px; border-radius: 20px; font-size: 13px;}
.pay-area .pay-benefit{background: #fff; padding: 25px 30px; border-radius: 10px; margin: 0 0 30px; line-height: 18px;}
.pay-area .pay-benefit p{padding: 5px 0 2px 10px;}
.pay-area .pay-benefit p::before{content:'-'; margin-left: -10px;}
.payArea{border-top: 2px solid #000;}
.payArea ul{border: 0;}

.content.order .course-detail .table, 
.content.order .oderTitle+table,
.content.order .payArea{margin-top: 20px;}

.btn_card{margin-left: 5px; padding: 3px 6px; color: #333; font-weight: 600; font-size: 12px; border: 1px solid; border-radius: 5px;}


.pop-arrow{position: absolute; right: 0; top: -80px; background: #e91e63; width: fit-content; min-width: -webkit-fill-available; padding: 10px 8px; border-radius: 5px; color: #fff; text-align: center; font-weight: 700; font-size: 14px;}
.pop-arrow:after {top: 98%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #e91e63; border-width: 10px; margin-left: -10px; 
}
.pop-arrow .discount{color: #eaff00; font-weight: 900; font-size: 14px;}
.pop-arrow.dungdung{animation: updown 1s both infinite alternate;}

@keyframes updown{ 0%{transform:  translateY(-5px);} 100%{transform:  translateY(5px);}}

/* 기존 수정 */
.payArea li{position: relative;}
.info-Tab .tabs-box ul li a{display: inline-flex; align-items: center; justify-content: center;}
h4 .fcRed02.ml10{font-size: 15px;}

/* 기존 추가 */
.course-detail .v-table table th,
.course-detail .v-table table td{word-break: break-word; white-space: normal;}

/* 게시판 하단 배너 추가 */
.board_btm_bnr{position: relative; margin-top: 30px; width: 100%;}
.board_btm_bnr .bnr,
.board_btm_bnr.mo .bnr_m{width: 100%;}
.board_btm_bnr.mo{display: none;}
.board_btm_bnr .btn1{position: absolute; top: 32%; right: 24%; width: 20%;}
.board_btm_bnr .btn2{position: absolute; top: 32%; right: 3%; width: 20%}

/* 모바일 결제 하단 배너 추가 */
.m_btmBnr{display: none;}

/* 서브 상단 탑배너 추가 */
.sub_bnr{width: 100%; margin-bottom: 30px;}
.content.sub_wp .content-tit.class-list{padding-top: 26px;}

/* 환불 팝업 */
.pop_dim_wp{display: flex; background: rgba(0,0,0,0.8); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99; justify-content: center;}    
.div_popup{width: 32%; background: #fff; height: fit-content; border-radius: 10px; padding: 0.5rem 2rem 2rem;}
.div_popup .tit{font-size: 20px; margin-top: 1.5rem; font-weight: 900; border-bottom: 2px solid #000;}
.div_popup .txt-box{margin: 0.5rem 0 1rem; font-size: 17px;}
.div_popup .refund{margin-top: 0.5rem;}
.div_popup .refund .list{padding: 0.5rem 0; font-size: 15px;}
.div_popup .refund .list br{display: none;}
.div_popup .refund ul{position: relative; overflow: hidden; display: flex; align-items: center;}
.div_popup .refund ul li{background: #efefef; float: left; width: 50%; height: 3rem; display: flex; align-items: center; padding: 0 1rem;}
.div_popup .refund .small{font-size: 14px; font-weight: 300;}
.div_popup .refund .small a{font-weight: 500; text-decoration: underline;}
.div_popup .refund .small a:hover{font-weight: 900;}
.div_popup .refund .price{font-weight: 900; font-size: 17px; justify-content: flex-end;}
.div_popup .price strong{margin-left: 0.5rem; color: #e4002b;}
.div_popup .select-box{margin: 0.5rem 0;}
.div_popup .select-box label{padding: 0.3rem 0; display: block; width: fit-content; cursor: pointer;}
.div_popup .select-box input[type="text"]{margin-left: 0.5rem; padding: 0.5rem; width: 25vw;}
.div_popup .btn_wp{width: fit-content; margin: 0 auto 0; display: flex; align-items: flex-end; height: 4rem;}
.div_popup .btn{display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; min-width: 132px; height: 50px; font-size: 16px; font-weight: 500; padding: 0 20px; color: #fff; background-color: rgb(38, 86, 246); order: 1px solid rgb(38, 86, 246);}
.btn.black{background: transparent; color: rgb(38, 86, 246); margin-left: 15px;}

/* 메인 배너 수정 */
.mainSwiperArea{width: 100%;}
.mainSwiperArea .swiper-slide img{width: fit-content; margin: 0 auto;}

/* 학원 강좌 안내 페이지 수정 - 상품 구분 추가 */
.course-list{margin-top: 0;}
.course-list ul{padding: 0; border-top: 2px solid #111;}
.course-list ul:first-child{border-top: 0;}

/*왼쪽배너*/
/*
.mainTicket-left div:nth-child(2){padding-top:44px;}*/


/* 메인 우측 퀵 강사 배너 */

.main_quickRight{position: absolute; top: 102px; right: -111px;}
/*.main_quickRight p:nth-child(2){padding-top:44px;}*/
.main_quickRight .tch_01{position: relative; margin-top: -7px;}
.main_quickRight .tch_02{margin-top: 20px;}
.main_quickRight .swiper-container{padding-top: 0;}
.main_quickRight .swiper-no{width: fit-content; margin: 10px auto 0; text-align: center; font-size: 11px; position: relative;}
.main_quickRight .swiper-pagination{position: relative; color: #777; margin-top: 15px; font-size: 11px; letter-spacing: -1px;}
.main_quickRight .swiper-pagination-current{font-weight: 700; color: #000; width: 8px; display: inline-block;}
.main_quickRight .swiper-button-prev{position: absolute; top: 187px; left: 38px; cursor: pointer; content: ''; width: 6px; height: 6px; border-bottom: 2px solid #000; border-left: 2px solid #000; transform: rotate(45deg);}
.main_quickRight .swiper-button-prev::after{display: none;}
.main_quickRight .swiper-button-next{position: absolute; top: 187px; right: 38px; cursor: pointer; content: ''; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg);}
.main_quickRight .swiper-button-next::after{display: none;}

/* 상단, 중간 띠배너 */
.topbnr_wp{position: relative;}
.topbnr{overflow: hidden;}
.topbnr img{vertical-align: bottom;}         
.topbnr_wp .closeX{position: absolute; top: 5px; left: 50%; margin-left: 620px; color: #fff; background: #000; width: 25px; height: 25px; font-size: 1.5rem; text-align: center; border-radius: 50%; line-height: 0.8;}

@media (max-width: 720px) {      
.topbnr{margin-top: 14vw;}
.barBnr{width: 90% !important;}
.m_barBnr img{width: 100%;}

.course-detail .v-table table th,
.course-detail .v-table table td{
    font-size: 13px !important;}
}

@media (min-width: 721px) and (max-width: 768px) {      
.topbnr{margin-top: 7vw;}
.course-detail .v-table table th,
.course-detail .v-table table td{
font-size: 13px !important;}
}
@media (min-width: 768px) and (max-width: 853px) {      
.topbnr{margin-top: 13vw;}
}
@media (min-width: 853px) and (max-width: 1024px) {      
.topbnr{margin-top: 5vw;}   
.topbnr li{width: 100%; float: unset; text-align: center  !important;}                
.topbnr li img{width: 100%;}
}

.barBnr{width: 1200px; margin:0 auto;}

/* 상단 후기 롤링 */

.top_review{background: #2e3c83; height: 50px; overflow: hidden;}

.top_review .review_box{position: relative; width: 1200px; margin: 0 auto; height: 50px; overflow: hidden;}
.top_review .review_box li{float: left; position: relative; height: auto;}
.top_review li.tit{position: relative; width: 30%; padding: 8px 0; font-size: 20px; color: #eedf77; font-weight: 900; text-align: center; background: rgba(0,0,0,0.3);}
.top_review li.tit strong{font-size: 24px;}
.top_review .review_box li.rollUpTxt{position: relative; width: 50%; height: auto; padding-left: 20px;}
.top_review .review_box .review_btn{width: 20%; height: 100%; display: flex; align-items: center;}
.top_review .rollUpTxt div{width: 100%; position: relative; color: #fff; font-size: 20px; font-weight: 800; height: 50px; display: flex; align-items: center;}
.top_review .rollUpTxt span{font-size: 13px; color: rgba(255,255,255,0.5); font-weight: 300; display: inline-block; margin-left: 20px;}
.top_review .small{font-size: 9px; font-weight: 100; color: rgba(255,255,255,0.7);}

.btn_view{visibility: visible; position: absolute; top: 11px; left: 50%; margin-left: 420px; padding: 5px 28px 5px 20px; color: #fff; border: 1px solid; border-radius: 5px; font-size: 14px;}
.btn_view::after{content: '\25BC'; font-size: 7px; position: absolute; top: 10px; right: 18px;}
.review_detail{visibility: hidden; background: #24295b; margin-top: -1px; height: 395px; position: relative;}
.on .btn_view::after{content: '\25B2'; font-size: 7px; position: absolute; top: 10px; right: 18px;}

.on .review_detail {visibility: visible; color: #fff; width: 100%; position: absolute; top: 50px; left: 0; z-index: 999;}
.review_detail .flowUpTrans{width: 1000px; margin: -20px auto 0; overflow: hidden; height: 290px; transform: perspective(150px) rotateX(17deg); font-size: 18px;}
.review_detail .flowUpTrans li{text-align: center;}
.review_detail .flowUpTrans li div{width: fit-content; margin: 0 auto; font-size: 15px; margin-bottom: 30px; color: rgba(255,255,255,0.3);}

@keyframes flowRollUp {0% {transform: translateY(0);} 100% {transform: translateY(-100%);}}

.top_review .btn_review{width: 600px; position: absolute; bottom: 18px; background: #000; text-align: center; left: 50%; margin-left: -300px; padding: 10px 0; border-radius: 25px; font-size: 16px; font-weight: 300; color: #fff;}
.top_review .btn_review span{font-weight: 900; color: #eedf77;}

/* 학습 자료 */
.btm_barbnr{position: fixed; bottom: -4px; left: 0; width: 100%; z-index: 99;}
.btm_barbnr .bnr{width: 1200px; margin: 0 auto; padding-left: 230px;}      
.btm_barbnr .bnr img{width: 100%; border-radius: 10px 10px 0 0;}                   
.btm_barbnr .bnr .mo{display: none;}              

.info_detail{overflow: hidden;}
.info_detail li{width: 49%; margin: 1% 1% 0 0; display: inline-flex; align-items: center; padding: 15px 30px; border: 1px solid #eee; font-size: 14px; letter-spacing: -0.5px; background: #fff;}
.info_detail li:nth-child(-n+2){margin-top: 0;}
.info_detail li:nth-child(even){margin-right: 0;}
.info_detail li div{display: inline-block;}
.info_detail li div:first-child{width: 30%;}
.info_detail li div:last-child{width: 70%;}
.info_detail li img{border-radius: 50%; margin-right: 20px;}
.info_detail li em{display: block; font-weight: 800; font-size: 16px; padding-bottom: 5px;}
.card-body .small{font-size: 13px; margin-top: 10px; color: rgba(0,0,0,0.5);}

table.study_info{table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%; border-top: 1px solid #555; border-bottom: 1px solid #aaa; margin-bottom: 20px;}
table.study_info thead th{background: #555; color: #fff; padding: 7px 0; border: 1px solid #ccc; border-left: 0; border-bottom: 0;}
table.study_info thead tr:first-child th{border-top: 0;}
table.study_info thead th:last-child,
table.study_info td:last-child{border-right: 0;}
table.study_info td:first-child{border-right: 1px solid #efefef !important;}
table.study_info td{text-align: center; padding: 10px 5px; border-right: 1px solid #efefef; background: #fff; font-size: 14px; border-bottom: 1px solid #efefef;}
table.study_info tr:last-child td{border-bottom: 0; padding: 15px 5px;}
table.study_info tbody.total th,
table.study_info tbody.total td{background: #f9f9f9;}

table.study_pr{width: 100%; border-top: 1px solid #000; margin-bottom: 60px;}
table.study_pr th{background: #f5f5f5;}
table.study_pr th,
table.study_pr td{padding: 10px; border-bottom: 1px solid #eee;}
table.study_pr td p{padding: 3px 10px;}
table.study_pr td p::before{content: '\0387'; margin: 0 3px 0 -5px;}

.tab-box .img{border-radius: 10px; text-align: center; border: 1px solid #eee; padding: 30px; margin: 10px 0 30px;}
.tab-box .img img{width: 90%;}
.tab-box > .inner{width: 100% !important;}
.tab-box > .inner img{width: 100%; margin-bottom: 40px;}

.red{color: #e91e63;}

.card-body strong, 
.desc-box strong{font-weight: 700;}

.map{width: 100%; display: inline-flex; align-items: center; overflow: hidden; justify-content: center;}
.map li{padding: 0 10px;}
.map li div{width: 150px; text-align: center; padding: 10px 0; margin: 2px 0; border-radius: 5px; border: 1px solid #333; line-height: 1;}
.map li div.point{border: 1px solid; color: #e91e63; font-weight: 800;}

.map li.arrow{font-size: 13px; color: #777;}
.map li.arrow_down{display: none; color: #777;}

@media (min-width: 1110px) and (max-width: 1220px){
    .btn_view{margin-left: 360px;}     
}
@media (max-width: 1109px){
    .btn_view{display: none;}     
}
@media (max-width: 930px){ 
    .top_review li.tit{display: none;} 
    .top_review .review_box li.rollUpTxt{padding: 0; margin: 0 auto; float: unset; width: 100%;}
    .top_review .rollUpTxt div{text-align: center; padding: 14px 0; width: 100%; font-size: 18px; justify-content: center; width: 65%; padding-bottom: 27px; padding-top: 25px;}
}
@media (max-width: 720px){ 
    .top_review .rollUpTxt div{font-size: 15px; justify-content: center; width: 32%; padding: 0 0 7px;}
    .top_review .rollUpTxt span{position: absolute; bottom: 8px; margin-left: 0; font-size: 11px;}
    .info-Tab .tabs-box ul li{width: 20%; font-size: 12px;}
    .info-Tab .tabs-box ul li a{padding: 10px 0;}
}

/* 업데이트 중 */
@font-face {font-family: 'GmarketSansBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: bold; font-style: normal;}
.full_barbnr{position: relative; background: #425be3; height: 60px;}
.full_barbnr .inner{display: flex; align-items: center; justify-content: center;}
.full_barbnr *{font-family: 'GmarketSansBold';}
.full_barbnr .inner div{display: inline-flex; align-items: center;}
.full_barbnr .typo{font-size: 26px; color: #fff; font-weight: 900; padding-top: 8px;}
.full_barbnr .typo .point{color: #fff000;}
.full_barbnr .loading{position: relative; width: 200px; height: 30px; margin-left: 20px; padding: 3px; border: 1px solid #fff; border-radius: 20px;}
.full_barbnr .loadingBar{position: relative; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 20px;}
.full_barbnr .loadingBar:before{content: ""; position: absolute; background: #fff; top: 0; left: 0; height: 100%; width: 0px; z-index: 0; opacity: 1; transform-origin:  100% 0%; animation: loading 1.2s ease-in-out infinite; border-radius: 20px;}
.full_barbnr .loadingBar:after{content: "UPDATE"; text-align: center; color: #425be3; font-weight: 200; font-size: 13px; position: absolute; width: 100%; height: 100%; line-height: 20px; left: 0; top: 3px; border-radius: 20px;}

@keyframes loading{0%{width: 0px;} 70%{opacity: 1; width: 100%;} 90%{opacity: 0; width: 100%;} 100%{opacity: 0; width: 0px;}}

/* 플레이어 */
.play_list_arrow{position: relative; display: flex; align-items: center;}
.play_list_arrow span{margin: 0 6px; color: #ccc; width: 1px; height: 18px; border-right: 1px solid;}
.play_list_arrow .arrow_prev,
.play_list_arrow .arrow_next{position: relative; display: inline-block; border-radius: 50%; width: 20px; height: 20px; background: #333;}
.play_list_arrow .arrow_prev i{position: absolute; top: 6px; left: 7px; content: ''; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg);}
.play_list_arrow .arrow_next i{position: absolute; top: 6px; right: 7px; content: ''; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}
.play_list_arrow a{display: inline-flex; align-items: center;}
.play_lec_info{position: relative;}
.play_lec_tit{font-size: 18px; font-weight: 700; color: #000;}
.play_lec_detail{font-size: 14px; color: #777; padding-top: 5px;}
.play_lec_detail span{padding: 0 5px; border-left: 1px solid #ededed;}
.play_lec_detail span:first-child{padding-left: 0; border-left: 0;}

/* 상품 페이지 */
.leclist_txt{overflow: hidden; border: 1px solid #a2a2a2; margin-top: 20px; padding: 20px 30px; font-size: 17px;}
.leclist_txt li:first-child{float: left;}
.leclist_txt li:last-child{float: right; text-align: right; font-size: 13px; color: #555;}
.leclist_txt strong{color: #0055F9;}

/* 메인 팝업 d-day */
.pop_wrap .dday{border-radius: 50%; background: #000; width: 50px; height: 50px; position: absolute; top: 226px; left: 274px; font-size: 16px; letter-spacing: -1px; z-index: 9; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 300;}
.pop_wrap .dday span{color: #fff000; font-weight: 900; font-size: 20px;}

/* footer */
.footerPc .info{display: block;}

/********* screen 사이즈 **********/
@media screen and (max-width: 1140px){ 
    /* 타이틀 */
    .sub_tit{font-size: 1.5rem; letter-spacing: -.4px;}
}

@media (max-width: 1500px){
    .main_quickRight{display: none;}
}

@media (max-width: 1439px){ 
    /*snb */
    .snb{padding-top: 0px;}
    .sub_lnb{display: none;}

    .contents{padding-top: 0; min-height: calc(100vh - 320px); padding-bottom: 0;}
    .sub_wp .sub_tit{padding-top: 0;}    
    .btm_barbnr{bottom: 0;}
    .btm_barbnr .bnr{width: 95%; margin: 0 auto; padding-left: 0;}          
    .btm_barbnr .bnr .mo{display: block;}   
    .btm_barbnr .bnr .pc{display: none;}            
}

@media (max-width: 950px){
.recommend-tab{display: none;}
.recommend-mo{display: block;}
/* 메인 레이어배너 모바일에서 숨김 */
.popup-wrapper{display: none !important;}
}

@media (min-width: 1200px) and (max-width: 1439px){
    .mainSwiperArea .swiper-slide img{padding-left: 250px;}
    .mainBannerTextArea .textSwiperArea{padding-left: 100px !important;}
}

@media (min-width: 900px) and (max-width: 1200px){
    .mainSwiperArea .swiper-slide img{padding-left: 300px;}
    .mainBannerTextArea .textSwiperArea{padding-left: 0;}
}

@media (max-width: 720px){
img{vertical-align: top;}


/* 이벤트 리스트 */ 
.evt_zone ul {grid-template-columns: repeat(1, 1fr);} 
.evt_zone ul{text-align: center;} 
.evt_zone ul li{width: 100% !important; font-size: 1.125rem;} 
.evt_zone .evt_info{padding: 5%;}
.evt_zone ul li strong{padding: 3% 0 2%; font-size: 1.25rem;}
.evt_zone ul li i{padding-top: 2%;}
.tabs-data li{height: 3.125rem; font-size: 1.125rem;}

.popup-wrapper .popup .mouseOver1,
.popup-wrapper .popup .mouseOver2,
.popup-wrapper .popup .mouseOver3{display: none;}

/* 로그인 popup */
.login_pop{position: absolute; top: 25%; left: 50%; z-index: 1000001; width: 24rem; height: auto; background: #fff; border-radius: 10px; margin-left: -12rem; box-shadow: 1px 5px 25px 14px rgba(0, 0, 0, 0.2);}
.login_pop .pop_conts{padding: 1.25rem 0.55rem;}
.login_pop .pop_conts p{padding: 0; letter-spacing: -0.5px;}
.login_pop .pop_conts .pop-close{margin-top: 0.5rem;}

.content.order .order-cart-form {display: block;}
.acard_quick{display: none;}
.course-list ul:first-child{padding-bottom: 30px;}
.course-list ul:last-child{padding: 20px 0;}

/* 업데이트 중 */
.full_barbnr{height: 70px;}
.full_barbnr .inner{display: block; text-align: center;}
.full_barbnr .inner div{display: block; margin: 0 auto;}
.full_barbnr .typo{font-size: 19px;}

/* 플레이어 */
.play_list_arrow em{display: none;}
.play_lec_tit{font-size: 15px; margin-top: 12px;}
.play_lec_detail{font-size: 13px; padding: 0 0 5px;}

/* 상품 페이지 */
.leclist_txt{padding: 15px;}
.leclist_txt li{float: unset !important; text-align: left !important; line-height: 1.2;}
}

/* 모바일 기기 */
@media (max-width: 430px) {     
.paging_wp{margin-bottom: 30px;}
.sub_wp .sub_tit{padding: 20px 0;}
.lecture_list{position: relative;}
.search_img { background: #1b2435; position: absolute; right: 0; top: -55px;}
.sub_tit{padding-top: 1rem;}
}

/**** 기존 css 수정******/
@media (max-width: 1439px){    
    .mo-menu .menu-item.open .title {background-image: url('../img/common/icon-top-arrow-sm2.png');}
    .mo-menu .menu-item .title {background-image: url('../img/common/icon-down-arrow-sm2.png'); background-size: 13px 8px; background-repeat: no-repeat; background-position: right 24px center; border-bottom: 1px solid #ddd;}
    /* .course-list{margin-top: 20px;} */
    .sub_wp{margin: 30px 0; padding: 0 20px;}    
    .prof_list{padding: 0 !important;}
}

@media (min-width: 980px){    
.courseInfoArea .addSelling:nth-child(4){min-height: 75px;}
}

@media (max-width: 999px) {
    .content.order .payArea > ul > li:nth-child(1)::after {right: 7px; top: 17px;}
    /* 퀵계좌 이체 */
    .pay-area{padding: 10px 15px;}
    .pay-area .pay-benefit{padding: 20px;}
    .pop-arrow{top: -25px; left: 20%; padding: 7px 9px 5px; min-width: 50% !important;}
    .pop-arrow,
    .pop-arrow .discount{font-size: 12px;}
    .pop-arrow br{display: none;}
    .pop-arrow:after{border-width: 8px; margin-left: -8px;}
    /* 결제 하단 배너 */
    .m_btmBnr{display: block;}
    .m_btmBnr img{width: 100%;}
    .payArea{padding-bottom: 20px;}

    /* 수험 정보 */
    .info_detail li{width: 100%;}
    .info_detail li:nth-child(-n+2){margin-top: 1%;}
    .info_detail li div:first-child{width: 40%;}
    .info_detail li div:last-child{width: 60%;}
    .map,
    .map li.arrow_down{display: block; text-align: center;}
    .map li div{width: 100%; text-align: center;}    
    .map li.arrow{display: none;}
}
@media (max-width: 767px) {
    /* 게시판 하단 배너 */
    .board_btm_bnr{display: none;}
    .board_btm_bnr.mo{display: block;}
    .board_btm_bnr.mo .btn1{position: absolute; top: unset; right: unset; width: 42%; left: 7%; bottom: 8%;}
    .board_btm_bnr.mo .btn2{position: absolute; top: unset; right: unset; width: 42%; left: 51%; bottom: 8%;}
    
    .popup-wrapper .pop_conts,
    .popup-wrapper .pop_close_wp{width: 90%;}   
        
    /* 서브 상단 탑배너 추가 */
    .sub_wp .sub_bnr{display: none;}
    .m_sub_bnr{width: 100%;}
    .m_sub_bnr img{width: 100%;}

    /* 환불 팝업 */
    .div_popup{width: 90%; background: #fff; height: fit-content; border-radius: 10px; padding: 0.5rem 2rem 2rem;}
    .div_popup .select-box input[type="text"]{margin-left: 0.5rem; padding: 0.5rem; width: 58vw;}
    .div_popup .refund ul{position: relative; overflow: hidden; height: 4rem; background: none; display: block; width: 100%;}
    .div_popup .refund ul li{float: none; width: 100%; background: #efefef; height: 2rem;}
    .div_popup .refund .small{font-size: 14px; font-weight: 300; position: absolute; top: 2rem; right: 0; background: none; width: 100%; justify-content: flex-end; padding: 0;}
}

@media (min-width: 768px) {        
    /* 서브 상단 탑배너 추가 */
    .m_sub_bnr{display: none;}
}

/* 하단 고정 배너 추가 */
.barbnr_btm{width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(0,0,0,0.92); z-index: 12; padding: 10px 0 12px;}
.barbnr_btm .inner{width: 100%; text-align: center;}
.barbnr_btm .inner div{color: #fff; font-size: 24px; vertical-align: middle; letter-spacing: -1px;}
.barbnr_btm .inner a{border-radius: 20px; display: inline-block; background: #fff; color: #000; font-weight: 800; margin: 5px 1px 0; padding: 5px 10px; font-size: 15px;}
.barbnr_btm .inner strong{font-weight: 800; color: #fbf12c; margin-left: 10px;}
.barbnr_btm .inner a:hover{background: #fbf12c;}

@media (min-width: 1200px) {   
.barbnr_btm .inner .btn_go{margin: 0 5px 0 90px;}
.barbnr_btm .inner div{font-size: 32px; letter-spacing: 0; display: inline-block;}
.barbnr_btm .inner a{padding: 10px 35px; font-size: 19px; margin: 0; letter-spacing: 0; margin: 0 5px;}
/* 기존 설정 PC에 적용 - 모바일 챗봇 버튼 조정 안돼서 top을 위로 올림 */
.fixed-btns{bottom: 80px !important;}
.barbnr_btm .inner a{padding: 10px 15px; font-size: 16px; }
}

/* 모바일 챗봇 버튼 조정 안돼서 top을 위로 올림 */
.fixed-btns{bottom: 165px;}

/* 게시판 상단 안내 글 */
.board_top{background: #eef4f6; padding: 30px 50px 35px; border-radius: 5px; margin-bottom: 20px;}
.board_top_txt{position: relative; line-height: 1.35;}
.board_top_txt > strong{font-weight: 800; font-size: 18px; line-height: 30px;}
.board_top_txt li{list-style: normal; padding-left: 2px;  margin-left: 20px;}
.board_top_txt p{padding-left: 10px;}
.board_top_txt p::before{content:  ' \00B7'; margin-left: -10px; margin-right: 3px;}
.board_top_txt em{display: block; width: 100%; margin: 10px 0 5px; padding-top: 20px; border-top: 1px solid #d6e1e5; font-weight: 800; color: #007286;}
.board_top_txt span{display: block; padding-left: 18px;}
.board_top_txt span::before{content: ' \2010'; margin-left: -10px; margin-right: 5px; color: #89989e;}

@media (max-width: 820px) {
    /* 게시판 상단 안내 글 */
    .board_top{padding: 5% 6% 8%;}
    .board_top_txt > strong{font-size: 18px;}
    .board_top_txt{font-size: 14px;}
    /* 메인 교재 */
    /*.mainSection div:nth-child(3){padding-top: 30px;}*/
    /*도현 수정 */
    .mainSection div:nth-child(3){padding-top: 0;}


    .mainTicketBannerMo .swiper{width: 100%; margin-bottom: 20px;}
    .bookBest{width: 100%;}
    .best_detail p {height: fit-content !important;}
    .best_detail p img{width: 100%;}
    .see_more{font-size: 13px !important;padding-right:10px; }
    .bookBest{padding-top: 0 !important;}
    
    /* mo footer */
    .footerMo .content{position: relative;}
    .isms_conts{background: #fff; width: 35%; margin: 1rem auto; display: flex; justify-content: center; align-items: center; height: 2.5rem; border-radius: 0.2rem;}
    .isms_conts img{width: 75%;}
    .footer_pop{width: 80%; bottom: 27% !important; right: 10% !important;}
    .footer_pop_wp .colosed{top: 0 !important; right: -1rem !important; bottom: unset; font-size: 3rem !important; background: #000; color: #fff; height: 2rem; width: 2rem; display: flex; align-items: center; padding: 0 0 0.2rem;}
    .footer_pop img{width: 90%;}
        
    /* 공기업 채용공고 */
    .pub_info > .intro li{float: unset !important; padding-right: unset !important;}
    .pub_jobs .sub_cont .pub_about .tit{padding: 0 !important;}
    .tabs-box{padding: 10% 0;}
    .pub_about{padding-bottom: 10%;}
}

/* 메인 교재 */
.menuList > div{width: 399px !important; padding: 12px 0 !important;}

.main_book{display: flex;position: relative;}   
.see_more{text-align: center;  font-size: 14px; display: block; color:#0051FF; font-weight: 400;}
.bookList{width: 794px;position: relative; }    
.bookList .swiper-container{padding-top: 0; position: relative; padding:20px 0;}
.bookList ul{ display:flex; justify-content: space-evenly; width:100%;padding-top: 22px;}
.bookList ul li{width: 210px; display: flex; justify-content: space-between;}
.book_info {text-align: left;}

.bookImg{width: 210px; height:auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25));}
.bookImg:hover{transform: translateY(-10px); transition: transform 0.3s ease;}
.bookImg img{width: 100%; height: 100%; opacity: 0.95;border-bottom-right-radius: 17px;}

.bookList ul div em{padding-top:10px; width:230px; font-weight: 500; color: #263766; font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; margin: 0 auto;}
.bookList ul div i{display: block; color: #808080; padding: 3px 0; font-size: 14px;font-weight: 300;}
.bookList .book_price{font-size: 14px; display: flex; align-items: flex-end; justify-content: center;}
.book_price s{font-size: 12px; color: #aaa;}
.book_price strong{padding: 0 3px;}
.bookList .book_price span{background: #f60051; color: #fff; text-align: center; border-radius: 3px; font-size: 11px; padding: 2px 5px 0;}

.bookBest{width: 390px;}             
.best_detail{border: 1px solid #dadada; margin-top: 10px;}        
.best_detail p{border-bottom: 1px solid #dadada; height: 110px;} 
.best_detail p:last-child{border-bottom: 0;}

.bookList .swiper-button-prev{top: 50%; left: 0; z-index: 2; background: rgba(0,0,0,0.3); width: 45px; height: 45px; padding-left: 10px; margin-top: -23px;}
.bookList .swiper-button-next{top: 50%; right: 0; z-index: 2; background: rgba(0,0,0,0.3); width: 45px; height: 45px; padding-right: 10px; margin-top: -23px;} 
.bookList .swiper-button-prev:after{content:  ''; width: 20px; height:  20px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform:  rotate(225deg);}
.bookList .swiper-button-next:after{content:  ''; width:  20px; height: 20px; border-top: 2px solid #fff; border-right: 2px solid #fff; /* 선 굵기 */transform:  rotate(45deg);}

.content.pub_jobs{padding-bottom: 100px;}