@charset "utf-8";

.teachon_mvisual {position: relative;display: block;height: 450px; margin-bottom: 30px;}
.teachon_mvisual .swiper-slide {height: 450px;background-position: center top !important}
.teachon_mvisual .swiper-slide a {display: block;height: 450px}

.teachon_mvisual .mvisual_cont {position: relative;width: 1100px;margin: 0 auto;height: 450px;font-family: 'Spoqa Han Sans Neo', 'sans-serif';z-index: 1}
.teachon_mvisual .mvisual_text {position: absolute;top: 50%;left: 0;transform: translateY(-60%)}
.teachon_mvisual .mvisual_text .tit {display: block;font-size: 40px;line-height: 130%;letter-spacing: -0.05em;color: #fff;margin-bottom: 15px}
.teachon_mvisual .mvisual_text .tit p {font-weight: 600;}
.teachon_mvisual .mvisual_text .txt {display: block;font-size: 20px;line-height: 130%;color: rgba(255,255,255,0.8)}
.teachon_mvisual .mvisual_img {position: absolute;top: 0;right: 0;width: 600px;height: 450px;text-align: right;z-index: 1}
.teachon_mvisual .mvisual_img img {max-width: 100%;max-height: 100%;}
.teachon_mvisual .bg {position: absolute;top: 0;left: 50%;width: 2000px;height: 450px; margin-left: -1000px;background: url("/re_images/tv/pc/main/vis_bg.png") no-repeat center;z-index: 0}

.teachon_mvisual .swiper-button-prev {position: absolute;left: auto;top: auto;bottom: 20px;right: 50%;margin-right: -500px;width: 45px;height: 45px;border-radius: 50%;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
.teachon_mvisual .swiper-button-next {position: absolute;left: auto;top: auto;bottom: 20px;right: 50%;margin-right: -550px;width: 45px;height: 45px;border-radius: 50%;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
.teachon_mvisual .swiper-button-prev:after, .teachon_mvisual .swiper-button-next:after {color: #fff;font-size: 21px;line-height: 45px}
.teachon_mvisual .swiper-pagination {position: absolute;left: auto;width: 100px;bottom: 20px;right: 50%;margin-right: -450px;height: 45px;font-size: 18px;line-height: 45px;border-radius: 45px;background: rgba(0,0,0,0.2);color: rgba(255,255,255,0.6)}
.teachon_mvisual .swiper-pagination-current {color: #fff}

.teachon_mvisual .swiper-slide-active .tit {transition-delay: 0.01s;}
.teachon_mvisual .swiper-slide-active .txt {transition-delay: 0.03s;}
.teachon_mvisual .swiper-slide-active .mvisual_img {transition-delay: 0.02s;}
.teachon_mvisual .swiper-slide-active .bg {animation : 1s linear zoominout;}

@keyframes zoominout{
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

/*애니메이션 위치*/
.aniTop {opacity:0;transform:translateY(20%); -webkit-transform:translateY(20%); -moz-transform:translateY(20%); -ms-transform:translateY(20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniBottom {opacity:0;transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniLeft {opacity:0;transform:translateX(-20%); -webkit-transform:translateX(-20%); -moz-transform:translateX(-20%); -ms-transform:translateX(-20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniRight {opacity:0;transform:translateX(20%); -webkit-transform:translateX(20%); -moz-transform:translateX(20%); -ms-transform:translateX(20%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.aniCenter {opacity:0;transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -ms-transform:translateX(0%);transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}

.swiper-slide-active .aniTop {opacity: 1;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.swiper-slide-active .aniBottom {opacity: 1;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.swiper-slide-active .aniLeft {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.swiper-slide-active .aniRight {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}
.swiper-slide-active .aniCenter {opacity: 1;transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);}

.teachon_tv {position: relative;display: block;overflow: hidden;width: 1100px;margin: 50px auto;border: 1px solid #eee;padding: 25px;box-sizing: border-box;border-radius: 5px}
.teachon_tv .mtitle {display: block;font-weight: 600;color: #222;font-size: 20px;line-height: 140%;margin-bottom: 20px}
.teachon_tv .mySwiper2 {}
.teachon_tv .mySwiper2 .swiper-slide {background: #fff}
.teachon_tv .video_box {width: 600px;height: 333px;}
.teachon_tv .video_info {position: absolute;top: 0;right: 20px;width: 400px;}
.teachon_tv .video_info .btit {display: block;overflow: hidden;margin-bottom: 10px;font-weight: 600;font-size: 15px;color: #222}
.teachon_tv .video_info .box {position: relative;display: block;min-height: 100px;overflow: hidden;padding: 0 0 0 160px;box-sizing: border-box;margin-bottom: 10px}
.teachon_tv .video_info .img {position: absolute;top: 0;left: 0;width: 140px}
.teachon_tv .video_info .img img {width: 100%}
.teachon_tv .video_info .tit {display: block;font-size: 15px;color: #222;line-height: 140%;height: 40px;overflow: hidden;margin-bottom: 5px}
.teachon_tv .video_info .tit a {display: inline-block;color: #169e91;font-weight: 600;height: 40px;overflow: hidden}
.teachon_tv .video_info .text {display: block;height: 60px;}
.teachon_tv .video_info .price {display: block;font-weight: 600;color: #222;font-size: 17px;height: 20px;line-height: 20px}
.teachon_tv .video_info .channel {display: inline-block;padding-right: 13px;line-height: 20px;height: 20px;background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}


.teachon_tv .mySwiper {position: absolute;bottom: 25px;right: 25px; width: 420px;overflow: hidden}
.teachon_tv .mySwiper .swiper-slide {position: relative;width: 100px;overflow: hidden;cursor: pointer}
.teachon_tv .mySwiper .swiper-slide:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);content: ""}
.teachon_tv .mySwiper .swiper-slide:after {position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;content: "";background: url("/re_images/books/pc/main/play_btn.png") no-repeat center;transform: translate(-50%,-50%)}
.teachon_tv .mySwiper .swiper-slide img {width: 100%;}
.teachon_tv .mySwiper .swiper-slide-thumb-active:before {background: none;border: 3px solid #6c8c09;box-sizing: border-box}
.teachon_tv .mySwiper .swiper-slide-thumb-active:after {background: url("/re_images/books/pc/main/play_btn2.png") no-repeat center;}

.teachon_tv .as_more {position: absolute;top: 0;right: 10px;color: #888}

.mySwiper2 .swiper-button-prev {position: absolute;top: 50%;left: 0;width: 25px;height: 40px;margin-top: -20px;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
.mySwiper2 .swiper-button-next {position: absolute;top: 50%;right: 0;width: 25px;height: 40px;margin-top: -20px;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
.mySwiper2 .swiper-button-prev:after, .mySwiper2 .swiper-button-next:after {color: #fff;font-size: 17px;line-height: 40px}


.slider-single {}
.slider-single .slick-prev {position: absolute;top: 50%;left: -25px;width: 25px;height: 40px;margin-top: -20px;background: url("/re_images/books/pc/main/prev1.png") no-repeat center;z-index: 500;;
    opacity: 1 !important;border: none;text-indent: -9999px}
.slider-single .slick-next {position: absolute;top: 50%;right: -25px;width: 25px;height: 40px;margin-top: -20px;background: url("/re_images/books/pc/main/next1.png") no-repeat center;z-index: 500;
    opacity: 1 !important;border: none;text-indent: -9999px}

.teachon_tv .slider-nav {position: absolute;bottom: 23px;right: 25px; width: 420px;overflow: hidden}
.teachon_tv .slider-nav .item {position: relative;width: 100px;overflow: hidden;cursor: pointer;border: 3px solid #fff;box-sizing: border-box}
.teachon_tv .slider-nav .item:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);content: ""}
.teachon_tv .slider-nav .item:after {position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;content: "";background: url("/re_images/books/pc/main/play_btn.png") no-repeat center;transform: translate(-50%,-50%)}
.teachon_tv .slider-nav .item img {width: 100%;}
.teachon_tv .slider-nav .item.is-active:before {background: none;border: 3px solid #6c8c09;box-sizing: border-box}
.teachon_tv .slider-nav .item.is-active:after {background: url("/re_images/books/pc/main/play_btn2.png") no-repeat center;}

.recommend_wrap {position: relative;display: block;width: 1100px;margin: 0 auto 0;}
.recommend_wrap .main_btit {width: 1100px;margin: 0 ; display: block;font-weight: 600;line-height: 140%;color: #222;font-size: 20px;}
.mrecommend_slider {width: 1120px;margin: 0 0 0 -10px;overflow: hidden}
.mrecommend_slider .swiper-slide {position: relative;float: left;width: 260px;margin: 0 0 20px 0;border-radius: 5px;border: 1px solid #eee;box-sizing: border-box;}
.mrecommend_slider .swiper-slide.topbox {background: linear-gradient(45deg,#488ed0,#11c5b3);height: 251px;box-sizing: border-box;padding: 25px}
.mrecommend_slider .swiper-slide.topbox:before {position: absolute;bottom: 20px;right: 20px;width: 116px;height: 104px;display: block;background: url("/re_images/tv/pc/main/recommend_img.png") no-repeat 90% 90%;content: ""}
.mrecommend_slider .swiper-slide .btit {display: block;font-size: 22px;color: #fff;line-height: 140%;font-weight: 600}
.mrecommend_slider .swiper-slide .bt {display: block;color: rgba(255,255,255,0.7);font-size: 14px;margin-top: 10px}
.mrecommend_slider .swiper-slide .type {position: absolute;top: 10px;left: -6px;width: 45px;height: 45px;z-index: 10}
.mrecommend_slider .swiper-slide .type span {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);color: #fff;font-size: 12px;text-align: center;letter-spacing: 0;font-weight: 600;line-height: 120%}
.mrecommend_slider .swiper-slide .type.sale {background: #e67316}
.mrecommend_slider .swiper-slide .type.sale:before {position: absolute;bottom: -6px;left: 0;content: "";border-width: 0 6px 6px 0;border-style: solid;border-color: transparent rgb(204, 61, 97) transparent transparent}
.mrecommend_slider .swiper-slide .type.event {background: #eb3535}
.mrecommend_slider .swiper-slide .type.event:before {position: absolute;bottom: -6px;left: 0;content: "";border-width: 0 6px 6px 0;border-style: solid;border-color: transparent rgb(204, 61, 97) transparent transparent}
.mrecommend_slider .zoomImg {width: 100%;height: 145px;overflow: hidden;border-top-right-radius: 5px;border-top-left-radius: 5px}
.mrecommend_slider .zoomImg img {width: 100%;height: 100%;object-fit: cover}
.mrecommend_slider #mrecommend_slider_next, .mrecommend_slider #mrecommend_slider_prev {display: none}

.mrecommend_slider .coupon_sale { position: absolute; top: 6px; left: 5px; padding: 0px 6px; height: 25px; background: #f91100; color: #fff; display: flex; z-index: 10; border-radius: 15px; font-family: "Noto Sans KR"; align-items: center; font-weight: 700; font-size: 16px;}
.mrecommend_slider .coupon_sale em { display: block; margin-top: -1px; font-style: normal; font-weight: 700; letter-spacing: -1px;}


@media only screen and (min-width: 1100px) {
    .mrecommend_slider .swiper-wrapper {width: 1130px;height: auto;display: block;margin: 0 0 0 -10px}
    .mrecommend_slider .swiper-slide {margin: 10px 11px;height: auto;}

}

.mrecommend_slider .txt-box {position: relative;display: block;padding: 15px;}
.mrecommend_slider .txt-box span {display: block;height: 40px;overflow: hidden;font-size: 15px;}
.mrecommend_slider .txt-box span a {color: #222;line-height: 140%;font-weight: 600}
.mrecommend_slider .txt-box b {display: block;margin-top: 15px;font-size: 15px;text-align: right;font-weight: 600}
.mrecommend_slider .txt-box b.free {color: #f44336}

.mrecommend_slider .playLst-info {position: absolute;display: block;overflow: hidden;bottom: 10px;left: 15px;}
.mrecommend_slider .playLst-info .channel {position: relative;display: inline-block;float: left;width: 100px;padding-left: 35px;line-height: 30px;}
.mrecommend_slider .playLst-info .channel i {position: absolute;top: 50%;left: 0;width: 26px;height: 26px;border: 2px solid #fff;margin-top: -15px;overflow: hidden;border-radius: 50%;}
.mrecommend_slider .playLst-info .channel i img {width: 26px;height: 26px;display: block}
.mrecommend_slider .playLst-info .channel span {display: block;width: 100%;color: #777;font-size: 12px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}

.teachon_banner {position: relative;display: block;overflow: hidden;width: 1100px;margin: 60px auto; }
.teachon_banner .ovbox {overflow: hidden;}
.teachon_banner .banner {position: relative;float: left;overflow: hidden;border-radius: 5px;margin: 7px 0}
.teachon_banner .banner .zoomImg {width: 100%;height: 100%;overflow: hidden;border-radius: 0}
.teachon_banner .banner img {width: 100%;height: 100%;object-fit: cover}
.teachon_banner .banner .txtBox {position: absolute;bottom: 0;left: 0;padding: 15px;width: 100%;box-sizing: border-box;background: rgba(0,0,0,0.5);color: #fff}
.teachon_banner .banner .tit {display: block;font-weight: 600;font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 140%}
.teachon_banner .banner .txt {display: block;color: rgba(255,255,255,0.8);}
.teachon_banner .banner:hover .txtBox {background: rgba(22,158,145,0.8)}

.teachon_banner .st01 {width: 460px;height: 310px;}
.teachon_banner .st02 {width: 305px;height: 310px;margin: 7px 15px}
.teachon_banner .st03 {width: 305px;height: 310px;}
.teachon_banner .st04 {width: 280px;height: 230px;}
.teachon_banner .st05 {width: 540px;height: 230px;margin: 7px 15px}
.teachon_banner .st06 {width: 250px;height: 230px;}

.mbanner_cont {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto 30px;}
.mbanner_cont .tit {display: block;font-size: 20px;color: #222;font-weight: 600;line-height: 140%;margin-bottom: 10px}

.mbanner_left {position: relative;display: block;width: 550px;float: left;}
.mbanner_right {position: relative;display: block;width: 540px;float: right;}

.mbanner_box1 {position: relative;display: block;overflow: hidden;margin-bottom: 10px;border-radius: 5px}

.mbanner_box2 {position: relative;display: block;overflow: hidden;margin-right: 10px;float: left;border-radius: 5px}
.mbanner_box3 {position: relative;display: block;overflow: hidden;float: left;border-radius: 5px}

.mbanner_box4 {position: relative;display: block;overflow: hidden;margin-bottom: 10px;border-radius: 5px}
.mbanner_box5 {position: relative;display: block;overflow: hidden;float: left;margin-right: 10px;width: 265px;border-radius: 5px}
.mbanner_box6 {position: relative;display: block;overflow: hidden;width: 265px;border-radius: 5px}


.mbanner_slider {display: block;}
.mbanner_slider .slick-dots {position: absolute;bottom: 10px;left: 0;width: 100%;height: 5px;text-align: center}
.mbanner_slider .slick-dots li {display: inline-block;margin: 0 5px}
.mbanner_slider .slick-dots li button {width: 20px;height: 5px;background: #cacaca;text-indent: -99999px;overflow: hidden;border: none}
.mbanner_slider .slick-dots li.slick-active button {background: #fff;}


.pd_slider_wrap {position: relative;display: block;overflow: hidden;background: linear-gradient(45deg,#488ed0,#11c5b3);padding: 50px 0}
.pd_slider {position: relative;width: 1100px;margin: 0 auto;overflow: hidden}
.pd_slider .tit {display: block;font-weight: 600;line-height: 140%;color: #fff;font-size: 20px;margin-bottom: 10px}
.pd_slider .swiper-slide {background: #fff;height: 40px;padding: 0 15px 0 5px;border-radius: 40px;width: auto;}
.pd_slider .swiper-slide .img {float: left;width: 30px;height: 30px;margin: 4px 0;border-radius: 50%;overflow: hidden;border: 1px solid #eee;}
.pd_slider .swiper-slide .img img {width: 100%;height: 100%}
.pd_slider .swiper-slide .txt {float: left;height: 40px;line-height: 40px;font-size: 14px;margin-left: 5px;}
.pd_slider #pd_slider_prev {position: absolute;top: 0;left: auto;right: 35px;width: 30px;height: 30px;margin-top: 0;border-radius: 50%;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
.pd_slider #pd_slider_next {position: absolute;top: 0;right: 0;width: 30px;height: 30px;margin-top: 0;border-radius: 50%;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
.pd_slider #pd_slider_prev:after, .pd_slider #pd_slider_next:after {color: #fff;font-size: 14px;line-height: 30px}

.mevent_wrap {position: relative;display: block;width: 1100px;margin: 60px auto;}
.mevent_wrap .tit {display: block;font-weight: 600;line-height: 140%;color: #222;font-size: 20px;margin-bottom: 10px}
.mevent_wrap .mevent_more {position: absolute;top: 0;right: 0;display: inline-block;font-size: 14px;color: #888;line-height: 30px;}

.mevent_slider {position: relative;display: block;}
.mevent_slider .swiper-slide {position: relative;display: block;width: 260px;border: 1px solid #eee;box-sizing: border-box;float: left;margin-right: 20px;border-radius: 5px;overflow: hidden}
.mevent_slider .swiper-slide:last-child {margin-right: 0}
.mevent_slider .swiper-slide a {display: block}
.mevent_slider .swiper-slide .img {position: relative;display: block;width: 100%;height: 150px;overflow: hidden;border-bottom: 1px solid #e3e3e3}
.mevent_slider .swiper-slide .img img {width: 100%;height: 100%;object-fit: cover;}
.mevent_slider .swiper-slide .event-txtBox {position: relative;display: block;overflow: hidden;padding: 20px;}
.mevent_slider .swiper-slide .type {display: block;margin-bottom: 5px;}
.mevent_slider .swiper-slide .type span {display: inline-block;padding: 0 8px;line-height: 24px;color: #fff;border-radius: 3px;overflow: hidden;font-size: 12px;}
.mevent_slider .swiper-slide .type .type-ing {background: #7cb342}
.mevent_slider .swiper-slide .type .type-end {background: #999}
.mevent_slider .swiper-slide .btxt {display: block;font-size: 15px;line-height: 150%;letter-spacing: -0.03em;color: #222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;}
.mevent_slider .swiper-slide .stxt {display: block;font-size: 13px;line-height: 160%;overflow: hidden;color: #999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;height: 20px}
.mevent_slider .swiper-slide .discount-price {display: block;margin-top: 5px}
.mevent_slider .swiper-slide .discount-price del {color: #999}
.mevent_slider .swiper-slide .discount-price .price {color: #333;font-size: 18px;font-weight: 600}
.mevent_slider .swiper-slide .discount-price .discount {font-size: 20px;display: inline-block;padding-right: 11px;line-height: 30px;background: url("/images/Board/discount.png") no-repeat right 15px;color: #ed296a}
.mevent_slider .swiper-slide .discount-price .discount em {display: inline-block;font-size: 13px;font-style: normal}
.mevent_slider .swiper-slide .date {color: #888;display: block;margin-top: 5px;font-size: 13px;}
.mevent_slider .swiper-slide .date b {position: relative;display: inline-block;color: #555;padding-right: 10px;margin-right: 10px;}
.mevent_slider .swiper-slide .date b:after {position: absolute;top: 50%;right: 0;display: block;content: "";background: #ccc;width: 1px;height: 10px;margin-top: -5px}
.mevent_slider #event_slider_prev, .mevent_slider #event_slider_next {display: none}


.mepilogue_wrap {position: relative;display: block;overflow: hidden;padding: 60px 0 60px;background: #eff8f7}
.mepilogue_wrap .main_btit {width: 1100px;margin: 0 auto 10px;display: block;font-weight: 600;line-height: 140%;color: #222;font-size: 20px;}
.mepilogue_slider {position: relative;display: block;width: 1100px;margin: 0 auto;}
.mepilogue_slider .item {position: relative;margin: 0 10px;padding: 20px;background: #fff;border-radius: 7px}
.mepilogue_slider .item:before {position: absolute;top: 15px;left: 15px;width: 24px;height: 20px;content: ""}
.mepilogue_slider .item:after {position: absolute;bottom: 15px;right: 15px;width: 24px;height: 20px;content: ""}
.mepilogue_slider .btit {display: block;}
.mepilogue_slider .btit a {display: inline-block;font-size: 16px;color: #151515;font-weight: 600;letter-spacing: -0.07em;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mepilogue_slider .text {display: block;font-size: 14px;line-height: 160%;height: 93px;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.mepilogue_slider .botdiv {display: block;overflow: hidden;margin-bottom: 10px}
.mepilogue_slider .name {position: relative;float: left;color: #11af9f;font-size: 14px;letter-spacing: -0.03em;margin-right: 20px}
.mepilogue_slider .name:before {position: absolute;top: 4px;right: -10px;width: 1px;height: 11px;background: #ccc;content: ""}
.mepilogue_slider .date {float: left;color: #999;font-size: 14px;letter-spacing: -0.03em}
.mepilogue_slider .stext {display: block;margin-bottom: 10px}
.mepilogue_slider .stext a {display: inline-block;font-size: 13px;color: #999;letter-spacing: -0.07em;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.mepilogue_slider .homepi {display: block;}
.mepilogue_slider .homepi a {display: inline-block}
.mepilogue_slider .homepi .img {float: left;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;}
.mepilogue_slider .homepi .img img {width: 100%;height: 100%}
.mepilogue_slider .homepi .txt {float: left;height: 30px;line-height: 30px;font-size: 14px;width: 165px;margin-left: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

.mepilogue_slider .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 55px;height: 55px;display: block;text-indent: -9999px;border: none}
.mepilogue_slider .slick-next {right: -70px;background: url("/re_images/tv/pc/main/btn_next.png") no-repeat center;}
.mepilogue_slider .slick-prev {left: -70px;background: url("/re_images/tv/pc/main/btn_prev.png") no-repeat center;}


.mboard_wrap {position: relative;display: block;overflow: hidden;padding: 40px 0 40px;}
.mboard_cont {position: relative;display: block;width: 1100px;margin: 0 auto;}
.mboard_cont .main_btit {display: block;font-weight: 600;line-height: 140%;color: #222;font-size: 20px;margin-bottom: 10px}

.mboard_left {position: relative;display: block;width: 530px;float: left;}
.mboard_right {position: relative;display: block;width: 530px;float: right;}

.board_qna {position: relative;display: block;overflow: hidden}
.board_qna ul {overflow: hidden}
.board_qna li {display: block;border: 1px solid #e3e3e3;margin-bottom: 7px;border-radius: 4px}
.board_qna li:last-child {margin-bottom: 0}
.board_qna li a {display: block;padding: 15px 15px 15px 40px;background: url("/re_images/tv/pc/main/icon_qna.png") no-repeat 15px center;font-size: 14px}
.board_qna li a:hover {color: #11af9f}

.board_notice {position: relative;display: block;overflow: hidden}
.board_notice ul {overflow: hidden}
.board_notice li {display: block;border: 1px solid #e3e3e3;margin-bottom: 7px;padding: 15px;font-size: 14px;overflow: hidden;border-radius: 4px}
.board_notice li:last-child {margin-bottom: 0}
.board_notice li .txt {float: left;width: 415px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.board_notice li .date {float: right;}
.board_notice li a:hover {color: #11af9f}

/*줌*/
.zoomImg img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s;

}

a:hover .zoomImg img, .zoomImg img:hover {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}


@media only screen and (max-width: 1099px) {
    #doc {min-width: 600px}
}


@media only screen and (max-width: 1099px) {

    .teachon_mvisual {height: 450px;}
    .teachon_mvisual .swiper-slide {height: 450px;background-size: auto 100% !important;width: 100% !important}
    .teachon_mvisual .swiper-slide a {height: 450px}

    .teachon_mvisual .mvisual_cont {width: 100%;}
    .teachon_mvisual .mvisual_text {left:20px;}
    .teachon_mvisual .mvisual_text .tit {display: block;font-size: 40px;line-height: 130%;letter-spacing: -0.05em;color: #fff;margin-bottom: 15px}
    .teachon_mvisual .mvisual_text .tit p {font-weight: 600;}
    .teachon_mvisual .mvisual_text .txt {display: block;font-size: 20px;line-height: 130%;color: rgba(255,255,255,0.8)}
    .teachon_mvisual .mvisual_img {position: absolute;top: 0;right: 0;width: 600px;height: 450px;text-align: right;z-index: 1}
    .teachon_mvisual .mvisual_img img {max-width: 100%;max-height: 100%;}

    .teachon_mvisual .swiper-button-prev {position: absolute;left: auto;top: auto;bottom: 20px;right: 50%;margin-right: -500px;width: 45px;height: 45px;border-radius: 50%;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
    .teachon_mvisual .swiper-button-next {position: absolute;left: auto;top: auto;bottom: 20px;right: 50%;margin-right: -550px;width: 45px;height: 45px;border-radius: 50%;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
    .teachon_mvisual .swiper-button-prev:after, .teachon_mvisual .swiper-button-next:after {color: #fff;font-size: 21px;line-height: 45px}
    .teachon_mvisual .swiper-pagination {position: absolute;left: auto;width: 100px;bottom: 20px;right: 50%;margin-right: -450px;height: 45px;font-size: 18px;line-height: 45px;border-radius: 45px;background: rgba(0,0,0,0.2);color: rgba(255,255,255,0.6)}
    .teachon_mvisual .swiper-pagination-current {color: #fff}

    .teachon_tv {width: 100%;margin: 30px auto;border: none;padding: 0 20px;}
    .teachon_tv .video_box {width: calc(100% - 380px);height: 333px;}
    .teachon_tv .video_box iframe {width: 100%;height: 310px}
    .teachon_tv .video_info {width: 340px;}
    .teachon_tv .slider-nav {width: 357px;}

    .recommend_wrap {width: 100%;padding: 30px 15px;box-sizing: border-box}
    .mrecommend_slider #mrecommend_slider_prev, .mrecommend_slider #mrecommend_slider_next {display: block;text-align: center}
    .mrecommend_slider .swiper-button-prev { position: absolute;top: 50%;left: 0;width: 25px;height: 40px;margin-top: -20px;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
    .mrecommend_slider .swiper-button-next { position: absolute;top: 50%;right: 0;width: 25px;height: 40px;margin-top: -20px;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
    .mrecommend_slider .swiper-button-prev:after, .mrecommend_slider .swiper-button-next:after {color: #fff;font-size: 17px;line-height: 40px}
    .mrecommend_slider .swiper-pagination {color: rgba(255,255,255,0.6)}
    .mrecommend_slider .swiper-pagination-current {color: #fff}

    .teachon_banner {width: 100%;padding: 0 15px;box-sizing: border-box;margin: 0 auto 20px}
    .teachon_banner .ovbox {overflow: initial}
    .teachon_banner .banner {height: 28vw}
    .teachon_banner .banner .tit {font-size: 15px;}

    .teachon_banner .st01 {width: 100%;margin-bottom: 2%;height: 32vw}
    .teachon_banner .st02 {width: 49%;margin: 0 2% 0 0 !important}
    .teachon_banner .st03 {width: 49%;margin: 0}
    .teachon_banner .st04 {width: 49%;margin: 0 2% 0 0 !important}
    .teachon_banner .st05 {width: 49%;margin: 0}
    .teachon_banner .st06 {width: 100%;margin-top: 2%;height: 32vw}

    .mbanner_cont {width: 100%;}

    .mbanner_left {width: 100%;float: none;}
    .mbanner_right {width: 100%;float: none;}

    .mbanner_box1 {width: 100%;float: none;margin-bottom: 2%}
    .mbanner_box1 img {width: 100%;height: auto}

    .mbanner_box2 { float: left;width: 49%;margin-right: 2%;margin-bottom: 2%}
    .mbanner_box2 img {width: 100%;}
    .mbanner_box3 {float: left;width: 49%;;margin-right: 0;margin-left: 0;}
    .mbanner_box3 img {width: 100%;}

    .mbanner_box4 {width: 100%;float: none;margin-bottom: 2%}
    .mbanner_box4 img {width: 100%;height: auto}

    .mbanner_box5 { float: left;width: 49%;margin-right: 2%;margin-bottom: 2%}
    .mbanner_box5 img {width: 100%;}
    .mbanner_box6 {float: left;width: 49%;;margin-right: 0;margin-left: 0;}
    .mbanner_box6 img {width: 100%;}


    .pd_slider_wrap {padding: 30px 15px}
    .pd_slider {width: 100%;}

    .mevent_wrap {width: 100%;margin: 30px auto;box-sizing: border-box;padding: 0 15px}
    .mevent_wrap .mevent_more {right: 15px;}

    .mevent_slider #event_slider_prev, .mevent_slider #event_slider_next {display: block;text-align: center}
    .mevent_slider .swiper-button-prev { position: absolute;top: 50%;left: -15px;width: 25px;height: 40px;margin-top: -20px;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
    .mevent_slider .swiper-button-next { position: absolute;top: 50%;right: -15px;width: 25px;height: 40px;margin-top: -20px;background: rgba(0,0,0,0.2);z-index: 500;opacity: 1 !important}
    .mevent_slider .swiper-button-prev:after, .mevent_slider .swiper-button-next:after {color: #fff;font-size: 17px;line-height: 40px}
    .mevent_slider .swiper-pagination {color: rgba(255,255,255,0.6)}
    .mevent_slider .swiper-pagination-current {color: #fff}

    .mepilogue_wrap {padding: 30px 15px;}
    .mepilogue_wrap .main_btit {width: 100%}
    .mepilogue_slider {width: 100%}

    .mepilogue_slider .slick-arrow {display: none}
    .mepilogue_slider .slick-dots {position: relative;width: 100%;height: 15px;text-align: center;margin-top: 15px}
    .mepilogue_slider .slick-dots li {display: inline-block;margin: 0 5px}
    .mepilogue_slider .slick-dots li button {width: 12px;height: 12px;background: #ccc;text-indent: -99999px;border-radius: 50%;overflow: hidden;border: none}
    .mepilogue_slider .slick-dots li.slick-active button {background: #11af9f;}


    .mboard_wrap {padding: 30px 15px}
    .mboard_cont {width: 100%;}

    .mboard_left {width: 49%;}
    .mboard_right {width: 49%;}

    .board_notice li .txt {width: calc(100% - 100px);}


}


@media only screen and (max-width: 880px) {

    .mboard_left {width: 100%;float: none}
    .mboard_right {width: 100%;float: none;margin-top: 20px}

}


@media only screen and (max-width: 740px) {


    .teachon_tv .video_box {width: 100%;height: auto;}
    .teachon_tv .video_box iframe {width: 100%;height: 280px}
    .teachon_tv .video_info {position: relative;right: 0;width: 100%;padding-top: 15px}
    .teachon_tv .video_info .btit {font-size: 14px;}
    .teachon_tv .video_info .box {overflow: hidden;padding: 0 0 0 130px;min-height: 80px}
    .teachon_tv .video_info .img {width: 120px}
    .teachon_tv .video_info .tit {font-size: 14px;height: auto;margin-bottom: 0}
    .teachon_tv .video_info .tit a {height: auto;}
    .teachon_tv .video_info .text {height: auto;}
    .teachon_tv .video_info .price {font-size: 15px;height: auto;}
    .teachon_tv .video_info .channel {height: auto;}


    .teachon_tv .slider-nav {position: relative;bottom: 0;right: 0;width: 100%;}
    .teachon_tv .slider-nav .item {width: 33.33%;}

}


/*--------------------------------------------
추천인강 
--------------------------------------------*/

.recommend_wrap .conbox { border-bottom: 1px solid #ddd; padding-bottom: 60px; margin-bottom: 60px}


/*--------------------------------------------
모의고사
--------------------------------------------*/
.conbox { position: relative; width: 1100px; margin: 0 auto}
.conbox .m_tit { font-weight: 600; line-height: 140%; color: #222; font-size: 20px; margin-bottom: 10px;}

.tmate_wrap_new { background: #F3F6FB; padding: 50px 0 60px 0; margin-top: 50px}
.tmate_list_new { position: relative; font-family: 'Noto Sans KR', sans-serif;}
.tmate_list_new ul { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 40px}
.tmate_list_new ul::after { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: url("/re_images/tv/pc/main/dot_bg.png") 0 0 repeat-y}
.tmate_list_new ul li { position: relative; width: calc(50% - 20px)}
.tmate_list_new ul li .inner { display: flex; align-items: center; height: 88px; background: #fff; border-radius: 10px; border: 1px solid #eee; padding: 0 20px}

.tmate_list_new ul li .left-con { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.tmate_list_new ul li .subject { display: flex; align-items: center}
.tmate_list_new ul li .subject .type { display: inline-block;font-size: 12px; color: #e91e63; border: 1px solid #e91e63; border-radius: 4px; white-space: nowrap; padding: 0px 5px; margin-right: 10px}
.tmate_list_new ul li .subject a { display: block; font-size: 15px; color: #222; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.tmate_list_new ul li .subject a:hover { color: #e91e63}

.tmate_list_new ul li .info { display: flex; align-items: center; gap: 0 20px; font-size: 14px; margin-top: 10px}
.tmate_list_new ul li .info span { position: relative; display: block; font-weight: 400; color: #999}
.tmate_list_new ul li .info span + span::before { content: ""; position: absolute; left: -10px; top: 50%; width: 1px; height: 16px; background: #ddd; transform: translateY(-50%)}
.tmate_list_new ul li .info span a { color: #fe8b41}

.tmate_list_new ul li .right-con { width: 100px; margin-left: auto}
.tmate_list_new ul li .right-con .price { font-size: 16px; color: #333; font-weight: 500; text-align: right;}

.tmate_wrap_new .paging-wrap { margin-top: 30px}

@media (max-width: 1200px){
	.conbox { width: auto; max-width: 1100px; padding: 0 15px}
}
@media (max-width: 991px){
	.tmate_list_new ul::after { content: none}
	.tmate_list_new ul li { width: 100%}
}
@media (max-width: 575px){
	.tmate_wrap_new { padding: 30px 0 40px 0; margin-top: 30px}	
}


/*--------------------------------------------
도서
--------------------------------------------*/
.book_wrap_new { margin-top: 60px}
.book_wrap_new .conbox { border-bottom: 1px solid #ddd; padding-bottom: 60px; margin-bottom: 60px}
.book_list_new { font-family: 'Noto Sans KR', sans-serif;}
.book_list_new ul { display: flex; justify-content: space-between}
.book_list_new ul li { width: 200px}
.book_list_new ul li .book_img_box a { position: relative; display: flex; align-items: flex-end; justify-content: space-between; padding: 15px}
.book_list_new ul li .book_img_box a::after { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 130px; background: #F6F1EC; border-radius: 20px; z-index: -1}

.book_list_new ul li .book_img_box .price { display: block; font-size: 14px; color: #333; font-weight: 700; margin-bottom: 42px}
.book_list_new ul li .book_img_box .price i { display: block; font-style: normal; font-size: 11px; color: #f22020; font-weight: 500}
.book_list_new ul li .book_img_box .img { position: relative; display: block; width: 94px; height: 136px;}
.book_list_new ul li .book_img_box .img:hover:after { content: ""; position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background: rgba(12,35,57,0.6);z-index: 50}
.book_list_new ul li .book_img_box .img:hover:before { content: "more +"; position: absolute;display: block;top: 50%;left: 50%;width: 70px;height: 28px;line-height: 26px;margin: -14px 0 0 -35px; text-align: center;font-size: 12px;color: #fff;border: 1px solid #fff;border-radius: 30px;z-index: 55}

.book_list_new ul li .book_img_box .img img { display: block; width: 100%; height: 100%}
.book_list_new ul li p a { display: block; font-size: 15px; color: #222; line-height: 1.5}

/*
@media (max-width: 1200px){
	.book_list_new ul { flex-wrap: wrap; justify-content: flex-start; gap: 20px 15px}
	.book_list_new ul li { flex: none; width: calc(100%/4 - 15px)}
}
@media (max-width: 991px){
	.book_list_new ul li { width: calc(100%/3 - 15px)}
}
@media (max-width: 575px){
	.book_wrap_new { margin-top: 30px}
	.book_wrap_new .conbox { padding-bottom: 40px; margin-bottom: 40px}
	.book_list_new ul li { width: calc(100%/2 - 8px)}
}
*/