/**************************/
/******** index ***********/
/**************************/
.mainIntroVideo{position:relative;width:100%;height:850px;text-align:center;color:white;background:#000;overflow:hidden;}
.mainIntroVideo video{width:auto;height:auto;opacity:.9;margin:0;padding:0;position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);z-index:100;}

/* 직렬별 사이트 이동 */
.index_siteMove{width:100%;}
.index_siteMove .inner{padding:44px 0 34px;box-sizing:border-box}
.index_siteMove .inner h2{font-size:28px;margin-bottom:16px;font-weight:900;}
.index_siteMove .siteMove_wrap{width:100%;overflow:hidden;padding-bottom:40px;box-sizing:border-box}
.index_siteMove .siteMove_wrap div a{display:block;height:100%;padding:36px 24px;box-sizing:border-box}
.index_siteMove .siteMove_wrap div:hover a h3{color:white}
.index_siteMove .siteMove_wrap div:hover a p{color:white;}
.index_siteMove .siteMove_wrap div:hover a span{color:white}
.index_siteMove .siteMove_wrap div h3{font-size:24px;font-weight:900}
.index_siteMove .siteMove_wrap div p{font-size:12px;margin-bottom:54px;color:#666;font-weight:400;}
.index_siteMove .siteMove_wrap div span{font-size:12px;font-weight:400;color:#888}
.index_siteMove .siteMove_wrap .sm_01{width:244px;height:266px;background:#fff;float:left;overflow:hidden;position:relative}
.index_siteMove .siteMove_wrap .sm_01 img.sm_same{display:block;width:220px;position:absolute;bottom:0;right:0;}
.index_siteMove .siteMove_wrap .sm_01 img.icon_new_image{display:block;position:absolute;top:0;right:18px;}
.index_siteMove .siteMove_wrap .sm_01:hover{background:#3449c9;}
.index_siteMove .siteMove_wrap .sm_02{width:244px;height:266px;background:#fff;float:left;margin-left:6px;overflow:hidden;position:relative}
.index_siteMove .siteMove_wrap .sm_02 img.sm_same{display:block;width:220px;position:absolute;bottom:0;right:0}
.index_siteMove .siteMove_wrap .sm_02 img.icon_new_image{display:block;position:absolute;top:0;right:18px;}
.index_siteMove .siteMove_wrap .sm_02:hover{background:#e8b43d}
.index_siteMove .siteMove_wrap .sm_03{width:244px;height:266px;background:#fff;float:left;margin-left:6px;overflow:hidden;position:relative}
.index_siteMove .siteMove_wrap .sm_03 img.sm_same{display:block;width:220px;position:absolute;bottom:0;right:0}
.index_siteMove .siteMove_wrap .sm_03 img.icon_new_image{display:block;position:absolute;top:0;right:18px;}
.index_siteMove .siteMove_wrap .sm_03:hover{background:#ed3f3f}
.index_siteMove .siteMove_wrap .sm_04{width:244px;height:266px;background:#fff;float:left;margin-left:6px;overflow:hidden;position:relative}
.index_siteMove .siteMove_wrap .sm_04 img.sm_same{display:block;width:220px;position:absolute;bottom:0;right:0}
.index_siteMove .siteMove_wrap .sm_04 img.icon_new_image{display:block;position:absolute;top:0;right:18px;}
.index_siteMove .siteMove_wrap .sm_04:hover{background:#1c1e5f}
.index_siteMove .siteMove_wrap .sm_05{width:494px;height:154px;background:#fff;float:left;margin-top:6px;position:relative;}
.index_siteMove .siteMove_wrap .sm_05 a{padding:24px 24px;}
.index_siteMove .siteMove_wrap .sm_05 img.sm_same{display:block;position:absolute;top:0;right:0}
.index_siteMove .siteMove_wrap .sm_05 p{margin-bottom:20px}
.index_siteMove .siteMove_wrap .sm_05:hover{background:#914002}
.index_siteMove .siteMove_wrap .sm_06{width:494px;height:154px;background:#fff;float:left;margin-left:6px;margin-top:6px;position:relative}
.index_siteMove .siteMove_wrap .sm_06 a{padding:24px 24px;}
.index_siteMove .siteMove_wrap .sm_06 img.sm_same{display:block;position:absolute;top:0;right:20px}
.index_siteMove .siteMove_wrap .sm_06 p{margin-bottom:20px}
.index_siteMove .siteMove_wrap .sm_06:hover{background:#601482}

/* 중간 띠 배너 */
.index_ct_bn{width:100%;height:initial;background:#151936;margin-bottom:64px}
.index_ct_bn .inner a{display:block;height:100%}
.index_ct_bn .inner img{display:block;width:100%}
.index_ct_bn .index_mb{display:none}

/* 직렬별 배너 */
.select_banner{width:100%;margin-bottom:64px}
.select_banner .inner ul{overflow:hidden}
.select_banner .inner ul li{width:328px;height:auto;float:left;background:#eee;margin-right:6px}
.select_banner .inner ul li:last-child{margin-right:0;}
.select_banner .inner ul li a{display:block;height:100%}
.select_banner .inner ul li a img{display:block;width:100%}


/**************************/
/******** Main  ***********/
/**************************/

/*공통*/
.mgt80 {margin-top: 80px;}
.w100vw {width: 100vw;}
.w100p {width: 100%;}
.no_scroll{
    overflow: hidden;
    height: 100vh;
}

#container {background-color: #fff !important;}

/* 메인배너 */
.swiper-container-fade .swiper-slide {overflow: hidden;}
.swiper-slide > img {width: 100%;}
.mySwiper2 .swiper-slide > a > img.disnoneM {border-radius: 10px;}
#container .mo-fnt{font-size: 18px}
#container .mySwiper1 .swiper-slide .s-1000 {max-width: 1000px; margin: 0 auto;}
#container .mySwiper1 .swiper-slide .main_bnr_imgs.right_i {position: absolute; top: 50%; transform: translateY(-50%); /*left: calc((50% - 620px) + 450px);*/ right: calc((50% - 720px) + 225px);}
#container .mySwiper1 .swiper-slide .main_bnr_tit.left_t {position: absolute; top: 47%; transform: translateY(-50%); color: #fff;}
#container .mySwiper1 .swiper-slide .main_bnr_tit.left_t > div { font-size: 32px; line-height: 46px; letter-spacing: -.96px; font-weight: bold; margin-bottom: 20px;}
#container .mySwiper1 .swiper-slide .main_bnr_tit.left_t > p {font-size: 18px; line-height: 30px; letter-spacing: -.54px;}
#container .mySwiper1 .swiper-slide.slide2 .main_bnr_tit.left_t > div {background: linear-gradient(to right top, #ef75be, #d91a69); color: transparent;-webkit-background-clip: text;}
#container .mySwiper1 .swiper-slide.slide2 .main_bnr_tit.left_t > p, #container .mySwiper1 .swiper-slide.slide3 .main_bnr_tit.left_t > p, #container .mySwiper1 .swiper-slide.slide4 .main_bnr_tit.left_t > p, #container .mySwiper1 .swiper-slide.slide6 .main_bnr_tit.left_t > p,
#container .mySwiper1 .swiper-slide.slide7 .main_bnr_tit.left_t > p, #container .mySwiper1 .swiper-slide.slide8 .main_bnr_tit.left_t > p,  #container .mySwiper1 .swiper-slide.slide9 .main_bnr_tit.left_t > p{color: #333;}
.mySwiper2 .swiper-slide.slide2 .main_bnr_tit.left_t > p, .mySwiper2 .swiper-slide.slide3 .main_bnr_tit.left_t > p, .mySwiper2 .swiper-slide.slide4 .main_bnr_tit.left_t > p, .mySwiper2 .swiper-slide.slide6 .main_bnr_tit.left_t > p,
.mySwiper2 .swiper-slide.slide7 .main_bnr_tit.left_t > p, .mySwiper2 .swiper-slide.slide8 .main_bnr_tit.left_t > p, .mySwiper2 .swiper-slide.slide9 .main_bnr_tit.left_t > p{color: #333;}
#container .mySwiper1 .swiper-slide.slide10 .main_bnr_tit.left_t {color: #000000;}
#container .mySwiper1 .swiper-slide.slide11 .main_bnr_tit.left_t {color: #000000;}
#container .mySwiper1 .swiper-slide.slide12 .main_bnr_tit.left_t {color: #000000;}
#container .mySwiper1 .swiper-slide.slide3 .main_bnr_tit.left_t > div{color: #1e74dd;}
#container .mySwiper1 .swiper-slide.slide4 .main_bnr_tit.left_t > div{color: #fe5927;}
#container .mySwiper1 .swiper-slide.slide8 .main_bnr_tit.left_t > div > span, .mySwiper2 .swiper-slide.slide8 .main_bnr_tit.left_t > div > span {color: #10e566 !important;}
#container .mySwiper1 .swiper-slide.slide9 .main_bnr_tit.left_t > div {color: #12b0e9;}
#container .mySwiper1 .swiper-slide.slide6 .main_bnr_tit.left_t > div,#container .mySwiper1 .swiper-slide.slide7 .main_bnr_tit.left_t > div,#container .mySwiper1 .swiper-slide.slide8 .main_bnr_tit.left_t > div {color: #333;}
.mySwiper2 .swiper-slide{border-radius: 10px; overflow: hidden}
.mySwiper2 .swiper-slide.slide6 .main_bnr_tit.left_t > div, .mySwiper2 .swiper-slide.slide7 .main_bnr_tit.left_t > div,  .mySwiper2 .swiper-slide.slide8 .main_bnr_tit.left_t > div {color: #333;}
.mySwiper2 .swiper-slide.slide-1 .right_i {right:0 !important;}

.mySwiper2 .swiper-slide.slide-2 .right_i {right:20px !important;}
.mySwiper2 .swiper-slide.slide-3 .right_i {right:40px !important;}
@media screen and (min-width: 800px) {

}

@media screen and (max-width: 800px) {
    .mySwiper2 .swiper-wrapper .swiper-slide.slide-3 .main_bnr_tit.left_t > div > br , .mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_tit.left_t > div > br:first-child, .mySwiper1 .swiper-wrapper .swiper-slide.slide-4 .main_bnr_tit.left_t > div > br:first-child{display: none;}
    .mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_tit.left_t > p br, .mySwiper1 .swiper-wrapper .swiper-slide.slide-4 .main_bnr_tit.left_t > p br{display: none;}
    .mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_tit {left:16px !important;}
    #container .mySwiper1 .swiper-slide.slide-4 .main_bnr_imgs.right_i{ transform: translateY(-15%)}

}
@media screen and (max-width: 472px) {
    .mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_tit , .mySwiper2 .swiper-wrapper .swiper-slide.slide-3 .main_bnr_tit {top:10%;}
    .mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_tit.left_t > p {font-size:14px !important;}
    /*시간표 배너 slide-4*/
    #container .mySwiper1 .swiper-slide.slide-4 .main_bnr_tit.left_t {top: 30px;}
    #container .mySwiper1 .swiper-slide.slide-4 .main_bnr_tit.left_t > p {font-size: 14px;}

    .mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_imgs {top: 45%;}
    .mySwiper2 .swiper-wrapper .swiper-slide.slide-3 .main_bnr_imgs {top: 50%;}
}
#container .mySwiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("/common/zian/images/banner/index/nxt.png") !important; right: calc((50% - 620px) + 3px); opacity: 1; transition: all .3s;}
#container .mySwiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("/common/zian/images/banner/index/prv.png") !important; left: calc((50% - 620px) + 3px);  opacity: 1; transition: all .3s;}

#container .mySwiper1:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev {opacity: 1;}
#container .mySwiper1:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next {opacity: 1;}
#container .mySwiper1 .swiper-slide .main_bnr_tit.left_t .rund_tit, .mySwiper2 .swiper-slide .main_bnr_tit.left_t .rund_tit {width: 57px; font-size: 13px; letter-spacing: -.39px; font-weight: 400;margin-bottom: 8px; background-color: #11325a; border-radius: 100px; line-height: 23px; text-align: center; padding: 5px 0;}
#container .mySwiper1 .swiper-slide .main_bnr_tit > div, #container .mySwiper1 .swiper-slide .main_bnr_tit > p, #container .mySwiper2 .swiper-slide .main_bnr_tit > div, #container .mySwiper2 .swiper-slide .main_bnr_tit > p {transform:translateX(-50px); opacity: 0; transition:opacity 0s 3s, transform 0s 3s;}
#container .mySwiper1 .swiper-slide.swiper-slide-active .main_bnr_tit > div, #container .mySwiper1 .swiper-slide.swiper-slide-active .main_bnr_tit > p , #container .mySwiper2 .swiper-slide .main_bnr_tit > div, #container .mySwiper2 .swiper-slide .main_bnr_tit > p{ transform:translateX(0);  opacity:1 !important; transition:opacity 2s, transform 2s;}
#container .mySwiper1 .swiper-slide.swiper-slide-active .main_bnr_tit > div, #container  .mySwiper2 .swiper-slide.swiper-slide-active .main_bnr_tit > div {transition-delay:.5s;}
#container .mySwiper1 .swiper-slide.swiper-slide-active .main_bnr_tit > p, #container  .mySwiper2 .swiper-slide.swiper-slide-active .main_bnr_tit > p {transition-delay:.6s;}
#container .mySwiper1 .swiper-slide .main_bnr_imgs > img, .mySwiper2 .swiper-slide .main_bnr_imgs > img {transform:translateY(50px); opacity: 0 !important; transition:opacity 0s 3s, transform 0s 3s;}
#container .mySwiper1 .swiper-slide.swiper-slide-active .main_bnr_imgs > img, .mySwiper2 .swiper-slide.swiper-slide-active .main_bnr_imgs > img {transform:translateY(0);  opacity:1 !important; transition:opacity 2s, transform 2s;}
#container .mySwiper1 .swiper-slide.slide-2.swiper-slide-active .main_bnr_imgs > img, .mySwiper2 .swiper-slide.slide-2.swiper-slide-active .main_bnr_imgs > img.disnonepc {transform:translateY(60px);}
#container .mySwiper1 .swiper-slide.slide-3.swiper-slide-active .main_bnr_imgs > img, .mySwiper2 .swiper-slide.slide-3.swiper-slide-active .main_bnr_imgs > img.disnonepc {transform:translateY(20px);}
.swiper-pagination-bullet-active {background: #fff !important;}
.swiper-pagination-bullet {width: 6px !important; height: 6px !important;}
.swiper-pagination-fraction {color: #fff !important; width: 45px !important; left: calc((50% - 620px) + 120px)!important; bottom: calc((50% - 380px) + 200px)!important;background-color:rgba(0, 0, 0, .3);padding: 5px 14px; border-radius: 100px;}
.swiper-pagination-current {padding-right: 6px !important; position: relative;}
.swiper-pagination-current:before {content: ''; width: 1px; height: 12px; background-color: #fff; opacity: 20%; position: absolute; right: 0; top: 5px;}
.swiper-pagination-total {margin-left: 6px !important;}
.pagination_progress {width: 100px !important;  bottom:calc((50% - 320px) + 200px)!important; left:calc((50% - 620px) + 150px)!important}
.pagination_progress .swiper-pagination-bullet {background: #fff !important; opacity: .4;}
.pagination_progress .swiper-pagination-bullet-active {opacity: 1; }
.mySwiper2 .swiper-pagination-fraction {left: 10.3% !important; bottom: 21px !important;}
.mySwiper2 .pagination_progress {bottom: 44px !important; left: 13.5% !important;}



/*.swiper-pagination-fraction .bar {width: 2px; height: 12px; background-color: #fff; opacity: 20%;}*/

.two_line_height{
    width: 100%;
    line-height: 1.2em;
    height: 2.4em;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.three_line_height{
    line-height: 1.2em;
    height: 3.6em;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*main 강의 목록*/
.orange {background-color: #f67d10;}
.red {background-color: #F20505;}
.red2 {background-color: #b41c1b;}
.yellow {background-color: #F2BB16;}
.mint {background-color: #00B395;}
.purple {background-color: #E80C7A;}
.blue {background-color: #134c97;}
.blue2 {background-color: #0a04bf;}
.back {background-color: #333333;}
.blue3 {background-color: #134c97;}
.pink {background-color: #E80C7A;}
.dark_red {background-color: #310000;}
.gree {background-color:#52952c;}
.purple{background-color: #a040ce;}
.lecture_wrapper .list-title {font-size: 24px; line-height: 46px; letter-spacing: -.72px; color: #333; font-weight: bold; margin-bottom: 20px;}
.lecture_wrapper .list_wrap {margin-bottom: 20px; float: none; z-index: 3;}
.lecture_wrapper .list_wrap .list-modal{width: 160px; height: 40px;}
.lecture_wrapper .list_wrap .list-modal > div  {display: flex; justify-content: space-between; border: 1px solid #e3e3e3; border-radius: 3px; padding: 9px 12px; cursor: pointer; align-items: center;}
.lecture_wrapper .list_wrap .list-modal > div > span, .lecture_wrapper .list_wrap .list-modal > div > i {color: #666;}
.area-wrap {display: flex !important; justify-content: space-between; width: 100% !important;}
.area-good.area {border: 1px solid #e3e3e3; border-radius: 5px; overflow: hidden; position: relative; background-color: #fff;}
.area-good .package {position: absolute; z-index: 5; top: 10px; left: 10px; display: inline-block; width: auto; height: auto; padding: 4px 8px; border-radius: 3px; color: #fff; font-size: 13px; letter-spacing: -.33px;}
.area-good .package .reg-N{position: absolute; left: calc(100% + 10px); color:#fff; background-color: #F67D10;  padding: 2px 5px; border-radius: 50%;font-size: 11px; letter-spacing: -.33px;font-weight: 700;top:50%;transform: translateY(-50%);}
.area-good.area .cart {position: absolute; top: 10px; right: 10px;}
.cart .xi-cart-o {font-size: 24px; color: #fff; text-shadow: 2px 2px 2px #999;}
.area-good.area .content {margin: 12px 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3;}
.area-good.area .category {width: 100%; color: #f67d10; font-weight: 400; font-size: 14px; letter-spacing: -.42px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.area-good.area .category.category2 {font-size: 16px;}
.area-good.area .day {margin: 11px 16px 0; padding-bottom: 7px;}
.short-2 {width: 100%;font-size: 16px; color: #333;  overflow: hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:48px; margin-bottom: 10px; white-space: normal;}
.short-3 {width: 100%;font-size: 16px; color: #333;  overflow: hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.2em; height:3.6em; margin-bottom: 2px; white-space: normal;}
.v_title {font-size: 16px;line-height: 24px; width: 100%; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.area-good.area .content .price span:not(:last-child) {margin-right: 6px;}
.area-good.area .content .price span.pri1{color: #F67D10; font-size: 14px; letter-spacing: -.48px;}
.area-good.area .content .price span.pri2{color: #333; font-weight: 400; font-size: 15px;}
.area-good.area .content .price span.pri3 {color: #999; text-decoration: line-through; font-size: 13px;}
.area-good.area .day {font-size: 13px; color: #999; letter-spacing: -.39px;}
.area-good.area .day > p {width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.sic >div {position: relative;}
.slicks_main.slick-initialized {visibility: visible; margin-top: 0; opacity: 1;}
.sic .slick-slider {margin: 0 -10px;}
.slick-dotted.slick-slider {margin-bottom: 0 !important;}
.menu-btn {position: absolute; top: -27px; display: flex; left: 10px; justify-content: flex-end; align-items: center; width: 100%; margin-left: auto; margin-right: auto; max-width: 1000px;}
.menu-btn li.arrow {height: 20px; margin-top: 3px; position: relative;}
.menu-btn li.arrow i.xi-angle-right-min {position: absolute; top: 1px; left: 72px; z-index: 50;}
.menu-btn li.arrow i {cursor: pointer; font-size: 16px; color: #999;}
.menu-btn li.arrow i:hover {color: #F67D10;}
.menu-btn li a.menu_all {font-size: 16px; color: #f67d10; letter-spacing: -.6px; line-height: 0px}
.menu-btn li a.menu_all:hover {color: #F67D10;}

.menu-btn li.dot .slick-dots {position: sticky;}
.menu-btn li.dot .slick-dots li {display: none; position: relative; margin-right: 30px; margin-left: 3px;}
.menu-btn li.dot .slick-dots li.slick-active {display: block; cursor: default;}
.menu-btn li.dot .slick-dots li p {white-space: nowrap; font-size: 13px; color: #999;}
.menu-btn li.dot .slick-dots li p > span {color: #e3e3e3;}
.slick-slide img {width: 100%;}
.sic .slick-slider .slick-slide {margin-right: 10px; margin-left: 10px;}
.sic.enrol  .slick-slider .slick-slide {margin-left: 12px; margin-right: 12px;}
.sic.enrol .slick-slider {margin: 0 -12px;}
.area-good .img-box {position: relative; border-right: 0; overflow: hidden; height: 0; padding-top: 74%;background-position: center;background-size: 100%;background-repeat: no-repeat}
.teachers-wrap .area-good .img-box {padding-top: 147.23404255%;}
.teachers-wrap .area-good .img-box > a > img {width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;max-height: 100%;}
.area-good .img-box > img {width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.area-good.book-item .img-box > img{height: 90%}
.area-good .img-box.v_palys {border-radius: 5px; padding-top: 57%;}
.area-good .img-box.v_palys:hover{box-shadow: 0px 1px 5px rgba(196, 196, 196, 35%);}
.bg_tea_tits {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(246, 125, 16, 95%); border-radius: 5px;}
.bg_tea_cont {position: absolute; width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.bg_teacher {display: none; transition: all .3s; opacity: 0;}
.main-04 .area-good:hover .bg_teacher, .teacher_imgs:hover .bg_teacher  {display: block; opacity: 1;}
.bg_tea_cont > a, .bg_tea_cont, .go_area > a {color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 16%); }
.bg_tea_cont > a .tea_tit {font-size: 13px; margin-bottom: 6px;}
.bg_tea_cont > a  h5{font-size: 26px; font-weight: bold; margin-bottom: 6px;}
.bg_tea_cont > a p {font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.lecture_wrapper .area-good:hover, .lecture_wrapper .area-good:hover .v_palys, .zian-wrapper .area-good:hover, .area-good .img-box.v_palys:hover {box-shadow: 0px 0px 5px 0px rgba(215, 215, 215 ,35%);}
.lecture_wrapper .area-good.bo-not:hover {box-shadow: none;}


.bo-not {border: none !important;}
.content.bo-not {margin: 12px 0 0 !important;}
.area-good .img-box > .v_play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bottom_banner_area {display: block; width: 100%; height: 100%;}
.bottom_banner {background-color: #fff1dd; padding: 29px 22px 28px 50px; position: relative;}
.bottom_banner .btm_txt  div.bmt_tit {font-size: 20px; line-height: 30px; letter-spacing: -.6px; color: #333; font-weight: bold; margin-bottom: 12px;}
.bottom_banner .btm_txt  p.bmt_sub span{ font-size: 14px; display: inline-block;}
.bottom_banner .btm_txt > p > span:first-child{margin-right: 20px;}
.bottom_banner .btm_txt > p > span.bmt_btn {display: inline-block; padding: 6px 16px; background-color: #fff; border-radius: 5px; font-size: 13px;}
.bottom_banner .btm_txt > p > span.bmt_btn:hover {box-shadow: 0px 1px 5px rgba(196, 196, 196, 35%);}
.bottom_banner .btm_img { position: absolute; bottom: -12px; right: 22px;}
    /*.lecture_wrapper .slick-list {width:100%;}
    .lecture_wrapper .slick-slide {width: 100% !important;}
    .lecture_wrapper .slick-track {width: 100% !important;}*/
.sic .slick-track {min-width: 1027px;}

/*카테고리 모달창*/
.back_more {background-color: #000; opacity: .6; position: absolute; width: 100%; height: 100%; z-index: 99991; left: 0; top: 0; visibility: hidden;}
/*.modal_black {position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background-color: #000;}*/
.modal_box {display: none; background-color: #fff; padding: 30px; width: 420px; position: fixed; border-radius: 8px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99992;}
.modal_box .box-wrap .d-flex {display: flex; justify-content: space-between; align-items: center;}
.modal_box .box-wrap .d-flex .modal_tit, .modal_box2 .box-wrap .d-flex .modal_tit {font-size: 24px; font-weight: 700; color: #333;}
.modal_box .box-wrap .d-flex .xi-close-min, .modal_box2 .box-wrap .d-flex .xi-close-min {font-size: 40px; color: #333; cursor: pointer;}
.modal_box .box-wrap .d-flex:hover .xi-close-min, .modal_box2 .box-wrap .d-flex:hover .xi-close-min  {color: #F67D10;}
.modal_box .box-wrap .modal-conts, .modal_box2 .box-wrap .modal-conts {padding: 30px 0 0;}
.modal_box .box-wrap .modal-conts ul li:not(:first-child){padding-top: 10px;}
.modal_box .box-wrap .modal-conts ul li:not(:last-child){border-bottom: 1px solid #e3e3e3;}
.modal_box .box-wrap .modal-conts ul li {padding-bottom: 15px;}
.modal_box .box-wrap .modal-conts ul li > a {font-size: 15px; font-weight: 400; line-height: 24px; color: #666; position: relative; display: block; width: 100%; height: 100%;}
.modal_box .box-wrap .modal-conts ul li > a > i {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 18px;}
.modal_box .box-wrap .modal-conts ul li:hover > a, .modal_box .box-wrap .modal-conts ul li:hover > a > i {color: #F67D10;}
.pro_modal {display: none; width: 420px; /*height: 461px;*/ padding: 30px; background-color: #fff; position: fixed; border-radius: 8px; top: 0; left: 50%; transform: translateX(-50%); z-index: 99993; }
.pro_modal .modal_conts .modal_title {font-size: 24px; color: #333;}
.pro_modal .modal_conts .modal_title > span {font-weight: 700;}
.pro_modal .modal_conts .modal_title .xi-arrow-left {margin-right: 20px; cursor: pointer;}
.pro_modal .modal_conts .modal_title .xi-close-min {position: absolute; right: 30px; font-size: 32px; cursor: pointer;}
.pro_modal .modal_conts .over_all {padding: 30px 0 0;}
#pro_modal2 .modal_conts {overflow: hidden;}
#pro_modal2 .modal_conts .over_all {height: 600px; overflow-y: scroll;}
.modal_box2 {width: 100%;   background-color: #fff; ; z-index: 99992; position: relative; left: 0%; top: 100vh; }
.modal_box2.on{top:0; display: block !important; }
.modal_box2 .box-wrap{
    width: 450px;
    height: auto ;
    position: fixed;
    bottom:-200vh;
    left: 50%;
    transform: translate(-50%,+50%);
    background-color: #ffff;
    padding: 30px;
    border-radius: 8px;
    transition: all .2s;
}

.modal_box2.on .box-wrap{
    bottom:50%;
}
.modal_box2 .back_more_1{
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .6;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}
.modal_box2.on .back_more_1{
    display: block;
}
.modal_box2.box3{width: 420px;}
.modal_box2.box3 .over_hed {line-height: 24px;}
.modal_box2 .modal-conts .d-flex  a {border: 1px solid #e3e3e3; padding: 5px 0; border-radius: 3px; cursor: pointer;}
.pd-wrap .f14 {padding: 5px 30px !important; margin-top: 20px;}
.pd-wrap .f14 {margin-right: 20px;}
.pd-wrap.pd-wrap2 .f14 {width: 87px; padding: 5px 0 !important; text-align: center;}
/*.pd-wrap .f14:nth-child(4),.pd-wrap .f14:nth-child(7),.pd-wrap .f14:nth-child(11){margin-right: 0 !important;}*/
.modal_box2 .modal-conts .over-conts2 .d-flex  a { padding:5px 20px; text-align: center;}
.modal_box2 .over-conts .d-flex > div:not(:last-child) {margin-right: 20px;}
.modal_box2 .over-conts1 .d-flex > div:hover > a ,.modal_box2 .over-conts2 .d-flex > div > a:hover, .modal_box2 .over-conts .d-flex .select {background-color: #f67d10; color: #fff; border: 1px solid #F67D10;}
.modal_box2 .over_hed {height: 343px; overflow-y: scroll; padding-bottom: 10px;}
.modal_box2 .modal_btns div.c3 {width: 30%;}
.modal_box2 .modal_btns div.cf {width: 66%;}
.modal_box2 .modal_btns div >a.c3 {width: 100%; padding: 12.5px 0; background-color: #f7f7f7;}
.modal_box2 .modal_btns div >a.c3:hover {background-color: #e3e3e3;}
.modal_box2 .modal_btns div >a.cf {width: 100%; padding: 12.5px 0; background-color: #F67D10; border: 1px solid #F67D10;}
.modal_box2 .modal_btns div >a.cf:hover {background-color: #FF9F00; border: 1px solid #FF9F00;}
.modal_box2 .over-conts2 .f-wrap > a {margin-right: 20px;margin-top: 20px;}
.modal_box2 .over-conts2 .min499 > a:nth-child(4),.modal_box2 .over-conts2 .f-wrap > a:nth-child(8),.modal_box2 .over-conts2 .f-wrap > a:nth-child(12){margin-right: 0;}
.max499 {visibility: hidden; position: absolute;}


/* 단과 상세 */

/* 단과패키지 전체 */
.course-wrapper .area-good.area2:first-child {margin-left: 0 !important;}
.list_main .list-area , .list_main .teacher_imgs{width: 25%;}
.total_tea .cont-slicks {width: auto; display: flex; flex-wrap: wrap;}
.total_tea .cont-slicks .area-good {width: 233px; height: 345px; margin-bottom: 30px;}

/* 단과패키지 상세 전체 */
/*.enrol-area{margin-top: 60px;}*/
.enrol-section .area-good:hover{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}
.enrol-img {position: relative; padding-top: 75.15%; margin-bottom: 40px;}
.enrol-img .radio_img {border-radius: 5px; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.quick-area{position: absolute; left: 0; top:0; width: 100%; background-color: #fff;z-index: 100;max-width: 660px;}
.quick-area.fixed {position: fixed; top: 0px; left: calc(50% - 500px); z-index: 100; width: 100%;}
.enrol-quick { max-width: 660px;}
.quick-area.fixed .enrol-quick {padding-top: 14px;}

.enrol-quick li {width: 25%;}
.enrol-quick li > a { padding-bottom: 16px; border-bottom: 1px solid #e3e3e3;}
.enrol-quick li:hover > a ,.quick-area.fixed .enrol-quick li:hover > a {color: #F67D10; border-bottom: 2px solid #F67D10;}
.quick-area.fixed .enrol-quick li > a {border-bottom:1px solid #e3e3e3;}
.quick-area.fixed .enrol-quick li.on > a {border-bottom: 2px solid #F67D10;}
.enrol-quick  li.on > a {color:#F67D10; border-bottom: 2px solid #F67D10;}
.enrol-section .teachers:not(:first-child)  {margin-top: 20px;}
.teacher-cont {width: 235px;}
.teacher-cont > img {width: 100%;}
.snrol-subs {margin-left: 20px;width: calc(100% - 255px);}
.enrol-area p.f16.c6 {line-height: 28px;}
.enrol .menu-btn {left: 3px;}
.enrol .area-good.area .content .price span:not(:last-child){margin-right: 5px;}
.enrol .area-good.area .content .price span.pri1{font-size: 13px;}
.enrol .area-good.area .content .price span.pri2 { font-size: 16px;}
.enrol .area-good.area .content .price span.pri3 {font-size: 12px;}
.detail_table table {width: 100%;border: 1px solid #e3e3e3; border-bottom: none; font-family: inherit;}
.detail_table table thead tr th {font-size: 14px; letter-spacing: -.42px; padding: 12px 0; background-color: #f7f7f7; border-bottom: 1px solid #e3e3e3;}
.detail_table table thead tr th:nth-child(1){width: 12.9%;}
.detail_table table thead tr th:nth-child(2){width: 73.26%;}
.detail_table table tbody tr:hover {background-color: rgba(246, 125, 16, 5%);}
.detail_table table tbody tr td {font-size: 14px; letter-spacing: -.42px; color: #666; padding: 12px 0; border-bottom: 1px solid #e3e3e3; font-weight: 300; position: relative; width: 392px; overflow: hidden; white-space: normal; text-overflow: ellipsis; transition: all .2s;}
.detail_table table tbody tr td .d-flex > a {display: block; width: 70px; height: 34px; line-height: 34px; font-size: 11px; letter-spacing: -.33px; background-color: #F67D10; border-radius: 3px; text-align: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.detail_table table tbody tr td .d-flex > a:hover {background-color: #FB961F;}
.detail_table .show_none , .pepple_rev {display: none;}
.review_none {display: block;}
/*.detail_table .show_none.off{display: block;}*/
.table_more , .review_more {background-color: #f7f7f7; border: 1px solid #e3e3e3; border-radius: 3px; text-align: center; padding: 12px 0;}
.table_more:hover, .review_more:hover  {background-color: #ececec;}
.pepple_rev .xi-profile {font-size: 32px;margin-right: 6px;}
.pepple_rev .class_name .c3 {font-size: 13px; letter-spacing: -.39px;}
.pepple_rev .class_name .c9 {font-size: 9px; letter-spacing: -.27px;}
.pepple_rev .class_cont {margin-top: 12px;}
.pepple_rev .class_cont .b500 {font-size: 14px; letter-spacing: -.42px; line-height: 24px;}
.pepple_rev .class_cont .class_subs {font-size: 14px; line-height: 24px; letter-spacing: -.42px; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}

.tit_bg {padding: 3px 8px; border-radius: 3px; margin-right: 6px;}
.pay_top p{position: relative;}
.pay_top p:not(:last-child):after {content: ""; width: 1px; height: 12px; background-color: #e3e3e3; position: absolute; right: 0; top: 4px;}
.pay_top p:not(:last-child) {padding-right: 6px;}
.pay_top p:not(:first-child){padding-left: 6px;}

.area-right {position: absolute; top: 0; left: calc(50% + 180px);  background-color: #fff; z-index: 20;}
.area-right.bottom{position: fixed !important;}
.area-right .right_top {width: 270px; border: 1px solid #e3e3e3; border-radius: 5px; padding: 24px;}
.area-right .right_top .right_content{/*height: 308px;*/ height: 248px; overflow-y: auto; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.area-right .right_top .right_content::-webkit-scrollbar{display: none; /* Chrome, Safari, Opera*/}
.area-right.active{transition: all .3s;}
.area-right .pay_tit {font-size: 20px; line-height: 28px; letter-spacing: -.6px;}
.area-right .box1 .select {position: relative; width: 100%; border: 1px solid #F67D10; border-radius: 3px; box-sizing: border-box; padding: 14px 12px; font-size: 14px; text-align: left;}
.area-right .box1 .list {display: none;}
.area-right .pay_box.array{justify-content: space-between;padding-right: 20px}
.area-right .pay_box.array:after {content: ""; background-image: url("../images/content/d.png"); width: 16px; height: 16px; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}
.area-right .select_box1.on .pay_box.array:after {content: ""; background-image: url("../images/content/u.png");}
.area-right .pay_modals {margin-left: 10px;}
.area-right .pay_modals  .c9 {text-decoration: line-through;}
.area-right .select_box1 .box1 {position: relative;}
.area-right .select_box1.on .box1 .select {border: 1px solid #e3e3e3; border-radius: 3px 3px 0 0;}
.area-right .select_box1 .list {border: 1px solid #e3e3e3; border-top: none; /*position: absolute;*/ z-index: 1; background-color: #fff; width: 268px;border-radius: 0 0 3px 3px;}
.area-right .select_box1 .list > li {padding: 14px 10px;}
.area-right .select_box1 .list > li:not(:last-child){border-bottom: 1px solid #e3e3e3;}


    /*.signup_modal {position: fixed; bottom: 0; left: 0; width: 100vw; z-index: 100;}*/
.pay_pc, .option_book, .option_box_list {padding: 12px 10px; border-radius: 3px;}
.pay_pc {border: 1px solid #F67D10;}
.option_book {border: 1px solid #e3e3e3;}
.option_box_list {border: 1px solid #e3e3e3; background-color: #fbfbfb; position: relative;}
.option_box_list i {position: absolute; right: 6px; cursor: pointer; font-size: 20px; margin-top: 3px;}
.option_box_list span.option_txt {display: block; width: 217px; line-height: 24px;}
.subs_left {margin-top: 12px; line-height: 22px; letter-spacing: -.39px;}
.area-custom-select {position: relative;/*height: 50px;*/ margin-top: 10px;}
.custom-select, .custom-select1 {display: inline-block;width: 100%; height: 50px; border: 1px solid #e3e3e3; border-radius: 3px; background-color: #ffffff; box-sizing: border-box; font-size: 18px; cursor: pointer;position: relative;outline: 0px;}
/*.custom-select1 .xi-angle-down-min {font-size: 18px;}*/
.select-origin, .select-origin1  {position: absolute;right: 10px;display: none;}
.custom-select-text, .custom-select-text1 {/*width: 250px;*/ width: 92%; position: absolute;top: 14px;left: 10px;font-size: 14px; color: #333; letter-spacing: -.42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.custom-select-text{
    display: block;
    width: 80%;
}
.custom-select-arrow {position: absolute; top: 50%; transform: translateY(-50%); right: 0px; font-size: 16px;}
.custom-select-list {/*position: absolute*/;font-size: 18px;width: 100%;z-index: 15;border: 1px solid #e3e3e3;background-color: #ffffff;text-align: left;margin-top: -5px;box-sizing: border-box;border-radius: 0 0 3px 3px;}
.custom-select-list1 {font-size: 18px;width: 100%;z-index: 15;border: 1px solid #e3e3e3;background-color: #ffffff;text-align: left;margin-top: -5px;box-sizing: border-box; border-radius: 0 0 3px 3px;}
/*.custom-select-list {width: }*/
.custom-select-option, .custom-select-option1 {width: 100%; font-size: 13px;color: #333;padding: 15px 16px;cursor: pointer;box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom-select-option , .custom-select-option1{border-bottom: 1px solid #e3e3e3;}
.custom-select-option:last-child,
.custom-select-option1:last-child{border-bottom: 0}
.custom-select-option:hover, .custom-select-option1:hover {color: #F67D10;box-sizing: border-box;}

.disnoneM .right_box .but .button-confirm-2 {width: 46px; margin-right: 2px; }
.button-confirm-2 {background-color: #fff; border-color: #F67D10; font-weight: 700;}
.button-confirm-2:hover {background-color: #FB961F; border: 1px solid #FB961F;}
.button-confirm-2:hover > i {color: #fff !important;}
.medium-btn {height: 46px; text-align: center; line-height: 52px; border-radius: 3px; border: 1px solid #F67D10; overflow: hidden;}
.button-confirm-1 { width: 168px; line-height: 46px; background-color: #F67D10; color: #fff;}
.button-confirm-1:hover{background-color: #FB961F; border: 1px solid #FB961F;}
.right_bottom {text-align: center;}
.right_bottom .r-con {width: 47%; border: 1px solid #e3e3e3;border-radius: 5px; padding: 13px 0; cursor: pointer;}


.curriculum_btns > a{background-color: #f7f7f7; border: 1px solid #e3e3e3; border-radius: 3px; padding: 13px 0;}
.curriculum_btns > a:hover {background-color: #ececec;}


/* 지안패스 전체 */
.zian-wrap-total .list_main {margin: 0 -10px !important;}
.zian-wrap-total .area-good.area2:first-child {margin-left: 10px !important;}

/* 목록 전체 */
.list_main_wrap .list_main {margin: 0 -10px !important;}
.list_main .list-area {width: 233px; margin-bottom: 40px;}

/* 지안패스 main 리스트 버튼 */
.area-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.area-flex .menu-area{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #e3e3e3;
}
.area-flex .menu-area >div{
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: relative;
}
.area-flex .menu-area >div img{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20.5px;
    height: 20.5px;
}
.area-flex .menu-area >div img.off{
    display: block;
}
.area-flex .menu-area >div img.on{
    display: none;
}
.area-flex .menu-area >div.on img.off{
    display: none;
}
.area-flex .menu-area >div.on img.on{
    display: block;
}
.area-flex .menu-area >div.list{
    border-right:1px solid #e3e3e3 ;
}


/* 지안패스 패스종류 리스트 */
.sic-card .list-title-area{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-bottom: 14px;
    border-bottom: 2px solid #333 ;
    margin-bottom: 10px;
}
.sic-card .list-title{
    color: #333;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.78px;
    margin: 0;
    line-height: 1;
}
.sic-card .list-title-sub{
    margin-left: 10px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.42px;
}

.sic-card .area-card{
    margin: 0 10px;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sic-card .area-card .left-area{
    width: 234px;
    height: 175px;
    position: relative;
    margin-right: 31px;
}
.sic-card .area-card .left-area .img-box{
    height: 100%;
    width: 100%;
}
.sic-card .area-card .left-area .img-box .package{
    position: absolute;
    z-index: 5;
    top: 10px;
    left: 10px;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 4px 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    letter-spacing: -.33px;
}
.sic-card .area-card .left-area .cart{
    position: absolute;
    top: 10px;
    right: 10px;
}
.sic-card .area-card .center-area{
    width: calc(100% - 465px);
    margin-right: 100px;
}
.sic-card .area-card .center-area .content .title-area{

}
.sic-card .area-card .center-area .content .title-area .d-flex-area{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sic-card .area-card .center-area .content .title-area .d-flex-area .title{
    width: auto;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.54px;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2em;
}
.sic-card .icon-area >div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sic-card .icon-area >div .accent-mark{
    display: none;
    width: 40px;
    height: 20px;
    border-radius: 2px;
    color:#fff;
    text-align: center;
    line-height: 18px;
    margin-left: 5px;
}
.sic-card .icon-area >div .accent-mark.on{
    display: block;
}
.sic-card .area-card .center-area .content .title-area .sub-text{
    margin-top: 14px;
}
.sic-card .area-card .center-area .content .title-area .sub-text p{
    color: #333;
    font-family: Noto Sans KR;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.42px;
    margin: 0;
}
.sic-card .area-card .center-area .content .title-area .price{
    margin-top: 14px;
}
.sic-card .area-card .center-area .content .title-area .price .pri1{
    color: #F67D10;
    font-size: 14px;
    letter-spacing: -.48px;
}
.sic-card .area-card .center-area .content .title-area .price .pri2{
    color: #333;
    font-weight: 400;
    font-size: 15px;
}
.sic-card .area-card .center-area .content .title-area .price .pri3{
    color: #999;
    text-decoration: line-through;
    font-size: 13px;
}
.sic-card .area-card .rigth-area{
    width: 100px;
}
.sic-card .area-card .rigth-area .btn-area a{
    display: block;
    cursor: pointer;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    background: #EB7A1E;
    text-align: center;
    color:#fff;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.42px;
}
.sic-card .area-card .rigth-area .day{
    margin-top: 11px;
    font-size: 12px;
    color:#666;
    letter-spacing: -0.36px;
    white-space: nowrap;
    text-align: center;
}


    /* 지안패스 상세 */
.zian-wrapper .area-subs {margin: 20px;}
.zian-wrapper .area-subs .area-top .f30 {letter-spacing: -.9px;}
.zian-wrapper .area-subs .area-top .d-price > div:not(:last-child) {margin-right: 8px;}
.zian-wrapper .area-subs .area-top .d-price{line-height: 30px; margin-top: 5px;}
.zian-wrapper .area-subs .area-top .d-price .c9 {text-decoration:line-through;}
.zian-wrapper .area-subs .area-top .bg-class {padding: 6px 12px; border-radius: 3px;}
.zian-wrapper .area-subs .area-cnt {height: 225px; margin-bottom: 20px;}
.zian-wrapper .area-subs .area-cnt .d-flex:not(:last-child){margin-bottom: 10px;}
.zian-wrapper .area-subs .area-cnt .d-flex > div {position: relative; padding-left: 20px;}
.zian-wrapper .area-subs .area-cnt .d-flex > div:after {content: ""; width: 3px; height: 3px; background-color: #333; border-radius: 50%; position: absolute; left: 9px; top: 9px;}
.zian-wrapper .list2 {border: 1px solid #e3e3e3; border-radius: 3px; width: 48.8%;}
.zian-wrapper .list1 {margin-right: auto; margin-left: auto;}
.zian-wrapper .list1:hover, .zian-wrapper .list2:hover {box-shadow:0px 0px 5px 0px rgba(215, 215, 215, 35%);}
.area-input label {color: #999; font-size: 11px; letter-spacing: -.33px;}
.area-input input[type=checkbox]{ -webkit-appearance:none; -moz-appearance:none;appearance:none;width: 16px; height: 16px;  outline:0;box-shadow:none;border:none;margin-bottom: 2px;margin-right: 4px;}
.area-input label input[type=checkbox]:after{content:'';display: inline-block;width: 14px;height: 14px;border:1px solid #e3e3e3;border-radius:2px;vertical-align:middle;cursor:pointer;}
.area-input label input[type=checkbox]:checked:after{background: url('/common/zian/images/zianpass/ch.png') 0 0 no-repeat;background-size: contain;border:1px #fff;}
.zian-wrapper .noti-f {margin-top: 1px ; letter-spacing: -.33px;}
.zian-wrapper .zian_pay > a.d-b , .zian-wrapper .zian_sale > a.d-b {padding: 10px; border-radius: 3px;}
.zian-wrapper .zian_sale > a.d-b {border: 1px solid #F67D10;}
#noti p.mgt12 {line-height: 26px; letter-spacing: -.42px;}
#noti div.b600 {letter-spacing: -.54px; line-height: 30px;}
.zian-wrapper .slick-list .slick-track {min-width: 1028px;}
.zian-wrapper .slick-slider {margin: 0 -10px;}
.zian-wrapper .area-good .title_name {width:100%; height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:28px;white-space:normal;}
.zian-wrapper .menu-btn {top: 50%; transform: translateY(-50%); left: -56px; justify-content: flex-start;}
.zian-wrapper .area-cnt .d-flex > p  {width: 65%; text-align: right;  white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.zian-wrapper .area-cnt .d-flex > p.sub_Y {color:#EC1C24;}
.zian-wrapper .menu-btn li.arrow {height: auto; margin-top: 0;}
.zian-wrapper .menu-btn li.arrow i {width: 44px; height: 44px; border: 1px solid #e3e3e3; text-align: center; line-height: 44px; border-radius: 50%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 7%); font-size: 24px;}
.zian-wrapper .menu-btn li.arrow i.xi-angle-right-min {left: 1085px;}
.zian-wrapper .area.area-good {margin-left: 10px; margin-right: 10px;}
.zian-wrapper .custom-select-option:not(:last-child){border-bottom: 1px solid #e3e3e3;}
.inner .mgt20 .area-custom-select {height: 46px;}
.inner .mgt20 .area-custom-select .custom-select {width: 210px; height: 46px;}
.custom-select-list {width: 210px;}
.inner .mgt20 .area-custom-select .custom-select .custom-select-text{ top: 12px;}



/* 연간관리반 상세 */
.zian-wrapper.year-wrap .area-subs .area-cnt {height: auto;}
.year-bttom {overflow-y: hidden; overflow-x: auto; white-space: nowrap;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.year-bttom::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.year-bttom table {width: 100%; font-size: 13px; font-family: inherit; border: 1px solid #e3e3e3; border-bottom: none;}
.year-bttom table thead td {background-color: #f2f2f2;}
.year-bttom table thead td:nth-child(1) {width: 211px;}
.year-bttom table td { text-align: center; padding: 10px 0; border-bottom: 1px solid #e3e3e3;}
.year-bttom table thead td:not(:last-child), .year-bttom table tbody td:not(:last-child){border-right: 1px solid #e3e3e3;}



    /* 메인 하단 */
.bottom_wrap {display: flex; justify-content: space-between;}
.bottom_wrap .bottom_conts {display: flex; justify-content: space-between; /*width: 47%;*/}
.bottom_wrap .bottom_conts .conts-area {width: 235px; height: 150px; position: relative;}
.bottom_wrap .bottom_conts .conts-area:hover {box-shadow: 0px 1px 5px rgba(196, 196, 196, 35%);}
.bottom_wrap .bottom_conts .conts-area:not(:last-child),.bottom_wrap .bottom_conts:first-child{margin-right: 20px;}
.bottom_wrap .bottom_conts .conts-area a {display: block; width: 100%; height: 100%; position: relative; border-radius: 5px; border: 1px solid #e3e3e3;}
.bottom_wrap .bottom_conts .conts-area a .bom_txt {padding: 20px 20px 0px; font-size: 18px; letter-spacing: -.54px; color: #333; font-weight: bold;}
.bottom_wrap .bottom_conts .conts-area a .bom_txt > p {margin-top: 12px; font-size: 14px; color: #666; letter-spacing: -.42px; font-weight: 400;}
/*.bottom_wrap .bottom_conts .conts-area a .bom_img {background-image: url("/common/zian/images/banner/index/btm_bg1.png"); background-repeat: no-repeat;!*margin-top:-58px;*!}*/
.bottom_wrap .bottom_conts .conts-area a .bom_img .btm_bg  ,.bottom_wrap .bottom_conts .conts-area a .bom_img .cont-img {position: absolute; right: 0; bottom: 0;}

.tBanner{width: 100%; height:70px;/*background:#F67D10;*/ position: relative;}
.tBanner .bnr_bg {width: 100%; height: 60px; background: linear-gradient(90deg, #071620 0%, #006BB3 100%);}
.tBanner .bnr_bg > a {display: block; max-width: 1000px; margin: 0 auto; position: relative;}
.tBanner .bnr_bg .tBnt_close {position: absolute; left: calc(50% + 500px - 24px); top: 43%; transform: translateY(-50%); cursor: pointer}

/*.tBanner .inner{width: 1000px;margin: 0 auto;position: relative;}*/
.tBanner .inner{width: 24px;margin: 0 auto;position: absolute; right: 450px; top: 42%; transform: translateY(-50%);}
.tBanner .inner img{display:block;width:100%;height:60px}
/*.tBanner .inner .tBnt_close {position: absolute; right: 0; top: 16px; cursor: pointer; z-index: 2;}*/
.tBanner .inner img.tbnr_x {width: 24px; height: 24px; }

.centerBanner{width: 100%;margin-bottom:24px;background:#efefef}


/* 교수홈 */
.slicks_main > .teachers {width: calc((100% - 60px) / 4); border: 0; margin-right: 20px; margin-bottom: 20px;}

#mainVisual{overflow:hidden;margin-bottom:64px;}
.bigBanner{width:745px;height:358px;margin-right:20px;float:left;overflow:hidden;position:relative;}
.bigBanner ul li{width:745px;height:358px;background:#eee;}
.bigBanner ul li a{display:block;height:100%;}
.bigBanner ul li a img{display:block;width:100%;height:100%;}

.bigBanner .swiper-pagination{}
.bigBanner .swiper-button-prev{display:block;position:absolute;left:0;width:42px;height:60px;top:50%;text-indent:-9999em;background:rgba(255,255,255,.4) url(../images/new/main_arrow_l.png) no-repeat center center;}
.bigBanner .swiper-button-prev:hover{display:block;position:absolute;left:0;width:42px;height:60px;top:50%;text-indent:-9999em;background:rgba(255,255,255,.5) url(../images/new/main_arrow_l.png) no-repeat center center;}
.bigBanner .swiper-button-prev:after{display:block;}
.bigBanner .swiper-button-next{display:block;position:absolute;right:0px;top:50%;width:42px;height:60px;text-indent:-9999em;background:rgba(255,255,255,.4) url(../images/new/main_arrow_r.png) no-repeat center center;}
.bigBanner .swiper-button-next:hover{display:block;position:absolute;right:0px;top:50%;width:42px;height:60px;text-indent:-9999em;background:rgba(255,255,255,.5) url(../images/new/main_arrow_r.png) no-repeat center center;}
.bigBanner .swiper-button-next:after{display:block;}
.bigBanner .swiper-pagination-bullet{background:white;opacity:.8}
.bigBanner .swiper-pagination-bullet-active{background:#007aff;opacity:1;}
.bigBanner .swiper-pagination-clickable.swiper-pagination-bullets{bottom:10px}

.mobileBannerL{display:none}

.smallBanner{width:234px;height:358px;float:left;background:#eee;overflow:hidden;position:relative}
.smallBanner ul li{width:234px;height:358px}
.smallBanner ul li a{display:block;height:100%}
.smallBanner ul li a img{display:block;width:100%;height:100%}
.smallBanner .swiper-pagination-bullet{background:white;opacity:.8}
.smallBanner .swiper-pagination-bullet-active{background:#007aff;opacity:1;}
.smallBanner .swiper-pagination-clickable.swiper-pagination-bullets{bottom:10px}

/*** 서브 슬라이드 공통 ***/
.mySwiper2 .swiper-wrapper .swiper-slide .main_bnr_tit {position: absolute; top: 45%; transform: translateY(-50%); color: #fff; left: 104px;}
.mySwiper2 .swiper-wrapper .swiper-slide.slide-2 .main_bnr_tit {left: 50px;}
.mySwiper2 .swiper-wrapper .swiper-slide .main_bnr_imgs {position: absolute; top: 50%; transform: translateY(-50%); right: 102px;}
.mySwiper2 .swiper-wrapper .swiper-slide .main_bnr_imgs div.rund_tit {width: 60px; background-color: #11325a; border-radius: 16px; padding: 5px 0; text-align: center; font-size: 14px; margin-bottom: 12px; line-height: 21px; letter-spacing: -.42px; font-weight: normal;}
.mySwiper2 .swiper-slide .main_bnr_tit.left_t > div {font-size: 28px; line-height: 40px; letter-spacing: -.84px; font-weight: bold; margin-bottom: 12px;}
.mySwiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.mySwiper2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none !important;}
.mySwiper2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 20px;}
.mySwiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 20px;}
/*.mySwiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 20px;}*/
.mySwiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev > i ,.mySwiper2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next > i {color: #fff; font-size: 34px;}
.mySwiper2 .swiper-button-next , .mySwiper2 .swiper-button-prev { opacity: 1; transition: all .3s;}
.mySwiper2:hover .swiper-button-next, .mySwiper2:hover .swiper-button-prev  {opacity: 1;}

/**** 서브페이지 공통 *****/
.cont-box div > a, .cont-box div > i { color: #666;}
.cont-box .modal_scroll {width: 100%; border: none; padding: 0;}
.cont-box div { width: 134px;border: 1px solid #e3e3e3; border-radius: 3px; padding: 9px 12px;}
.cont-box div.d-al-c {cursor: pointer;}
.cont-box div:not(:last-child) {margin-right: 10px;}
.content-list .mgt30 {margin-top: 30px;}
.content-list .lecture_wrapper:nth-child(2) {margin-top: 30px;}
/*.content-list .lecture_wrapper.mgt30:nth-child(1n) {margin-top: 30px;}*/
.teacher_imgs {width: 23%; padding-top: 33.8638297865%; height: 0; border-radius: 5px; margin-right: 10px; position: relative; border: 1px solid #e3e3e3;}
.teacher_imgs > img {width: 100%; height: 100%; top: 50%; left: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.course-wrapper .area-good.area {margin-right: 10px; margin-left: 10px;}
.cont-slicks {width: calc(100% - 235px);}
.cont-slicks .menu-btn {left: -10px;}
.cont-slicks .area-good.area {margin-right: 10px; margin-left: 10px;}
.cont-slicks .area-good.area:nth-child(4n){margin-right: 0 !important;}
.cont-slicks .area-good.area:nth-child(5n){margin-left: 0 !important;}
/*.total_slick {display: flex; flex-wrap: wrap;}*/
.total_slick {display: flex; flex-wrap: wrap; margin: 0 -10px; align-items: flex-start; width: auto;}
/*.total_slick.cont-slicks .area-good.area {margin-right: 10px; margin-left: 10px; margin-bottom: 30px; width: 30.4%;}*/
.total_slick.cont-slicks .area-good.area {width: 233px; margin-right: 10px; margin-left: 10px; margin-bottom: 40px;}
.lecture_wrapper .slick-track {margin-left: 0;}











/* 합겨자 영상 */
.mainVideo{margin-bottom:64px}
.mainVideo h5{text-align:left !important;font-weight:200;}
.mainVideo h5 span{font-weight:800}
.bigMovie{float:left;width:490px !important;height:262px;margin-right:20px;}
.bigMovie a{display:block;width:100%;height:100%;position:relative}
.bigMovie a:hover p.pic:before{background:rgba(0,0,0,.0);transition:.3s all;z-index:3}
.bigMovie a p.pic:before{content:'';position:absolute;left:0;top:0;background:rgba(0,0,0,.2);width:100%;height:100%;transition:.3s all;}
.bigMovie a img{display:block;width: 100%;height:100%;background:#eee;}
.smallMovie1{float:left;width:234px !important;height:262px;margin-right:20px;}
.smWrap a{display:block;height:100%;width: 100%;}
.smWrap a:hover h3{text-decoration:underline}
.smWrap a div.pic{width:234px;height:154px;position:relative}
.smWrap a div.pic img{display:block;width:100%;height:100%;background:#eee;}
.smWrap div.pic:before{content:'';position:absolute;left:0;top:0;background:rgba(0,0,0,.2);width:100%;height:100%;transition:.3s all;}
.smWrap a:hover div.pic:before{display:block;background:rgba(0,0,0,.0);transition:.3s all;z-index: 2}
.smWrap span{display:block;color:#067deb;font-weight:600;margin-top:8px;}
.smWrap h3{color:#000;font-weight:700;font-size:16px;letter-spacing:-.3px;line-height:1.1rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;width:100%}
.smWrap p{position:absolute;bottom:6px;}
.smallMovie2{float:left;width:234px !important;height:262px;}
.smallMovie3{display: none;}

/* 합격자 스토리 */
.mainStory{margin-bottom:64px !important;}
.mainStory .titleBar > h3{text-align:center !important;font-weight:600;font-size:18px}
.mainStory h5{text-align:left !important;font-weight:200;}
.mainStory h5 span{font-weight:800;}

.storyWrap{overflow:hidden;width:100% !important;}
.storyWrap ul{margin-left:0px}
.storyWrap ul li{border:1px solid #eee;transition:ease .3s;box-sizing:border-box;border-collapse:collapse;}
.storyWrap ul li a{position:relative;display:block;padding:20px 20px;box-sizing:border-box;height:100%;}
.storyWrap ul li a h3{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;width:100%;color: black;text-align:left;}
.storyWrap ul li a p.txt{height:62px;font-size:14px;font-weight:300;color:#666;margin-bottom:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;width:100%}
.storyWrap ul li a div.ind{overflow: hidden}
.storyWrap ul li a p.jik{font-size:16px;font-weight:500;float:left}
.storyWrap ul li a p.nm{font-size:14px;color:#666;font-weight:400;float:right}
.storyWrap ul li a:before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);box-sizing:border-box;z-index:5}

.storyWrap .swiper-button-prev{display:block;position:absolute;left:-19px;width:38px;height:38px;top:58%;text-indent:-9999em;background:#fff url(../images/new/b_arrow_l.png) no-repeat -1px center;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.storyWrap .swiper-button-prev:hover{background:#fff url(../images/new/b_arrow_l_h.png) no-repeat -1px center;}
.storyWrap .swiper-button-prev:after{display:none;}
.storyWrap .swiper-button-next{display:block;position:absolute;right:-19px;top:58%;width:38px;height:38px;text-indent:-9999em;background:#fff url(../images/new/b_arrow_r.png) no-repeat 2px center;border:1px #e1e1e1 solid;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.storyWrap .swiper-button-next:hover{background:#fff url(../images/new/b_arrow_r_h.png) no-repeat 2px center;}
.storyWrap .swiper-button-next:after{display:none;}

/* 팝업 롤링 배너*/
.rollingBanner{display: none;}

/* 선생님 */
.mainTeacher{margin-bottom:64px !important}
.mainTeacher h5{text-align:left !important;font-weight:200;}
.mainTeacher h5 span{font-weight:800;}
.teacherWrap{overflow:hidden}
.teacherWrap ul{}
.teacherWrap ul li{width:235px;height:300px;background:#eee;margin-right:20px;padding:40px 20px 60px;position:relative;box-sizing:border-box;overflow:hidden}
.teacherWrap ul li:last-child{margin-right:0}
.teacherWrap ul li:hover a span{color:white}
.teacherWrap ul li:hover a h4{color:white}
.teacherWrap ul li:hover a p.txt{color:white}
.teacherWrap ul li:hover a .tHomeWrap p{color:white}

.teacherWrap ul li span{display:block;font-size:14px;color:#8f8f8f;font-weight:400;text-align:left !important}
.teacherWrap ul li h4{font-size:24px;font-weight:900;color:#333;margin-bottom:6px;text-align:left}
.teacherWrap ul li p.txt{font-size:13px;font-weight:400;margin-bottom:82px;position:relative;z-index:1;text-align:left;width:130px}
.teacherWrap ul li a > img{display:block;position:absolute;right:-54px;bottom:0;width:210px;}
.teacherWrap ul li a .tHomeWrap{text-align:left;position:absolute;bottom:60px;z-index:5}
.teacherWrap ul li a .tHomeWrap img{display: inline-block;width:14px;height:14px;padding-bottom:4px;text-align:left}
.teacherWrap ul li a .tHomeWrap p{display: inline-block;text-align:left}

.historyWrap{position:fixed;left:0;bottom:-240px;background:#363636;width:100%;height:200px;z-index:10;padding:20px 15px;box-sizing:border-box}
.historyWrap .hisDiv h2{color:#ffffff;padding:0 0 8px;font-size:24px}
.historyWrap .hisDiv .hisBox{width:100%;height:126px;color:#b9b9b9;overflow-y:scroll;font-size:14px;font-weight:300}
.historyWrap .historyClose{width:44px;height:34px;background:#363636 url(/common/zian/images/common/gnb_close_btn.png) no-repeat 12px 10px;text-indent:-9999px;position:absolute;right:0px;top:-34px}

.OTdim{display:none;position:fixed;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:20;}
.OTdim > div.OTWrap{width:96%;height:auto;position:absolute;top:24%;left:50%;margin-left:-48%;}
.OTdim > div.OTWrap iframe{width:100%;height:440px;}
.OTdim .otClose{position:absolute;right:15px;top:20%;background:url(/common/zian/images/common/gnb_close_btn.png) no-repeat;width:20px;height:20px;text-indent:-9999px}


.mainTeacher .swiper-button-prev{display:block;position:absolute;left:-19px;width:38px;height:38px;top:58%;text-indent:-9999em;background:#fff url(../images/new/b_arrow_l.png) no-repeat -1px center;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.mainTeacher .swiper-button-prev:hover{background:#fff url(../images/new/b_arrow_l_h.png) no-repeat -1px center;}
.mainTeacher .swiper-button-prev:after{display:none;}
.mainTeacher .swiper-button-next{display:block;position:absolute;right:-19px;top:58%;width:38px;height:38px;text-indent:-9999em;background:#fff url(../images/new/b_arrow_r.png) no-repeat 2px center;border:1px #e1e1e1 solid;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.mainTeacher .swiper-button-next:hover{background:#fff url(../images/new/b_arrow_r_h.png) no-repeat 2px center;}
.mainTeacher .swiper-button-next:after{display:none;}

/* 중간 서비스메뉴 */
.serviceMenu{margin-bottom:64px;}
.serviceMenu ul{overflow:hidden;width:100%;height:74px;box-sizing:border-box;border:1px solid #eeeeee;}
.serviceMenu ul li{float:left;width:199px;margin:auto;}
.serviceMenu ul li a{display:block;width:118px;margin:auto;line-height:74px;font-size:14px;color:#444444;font-weight:500}
.serviceMenu ul li img{display:inline-block;width:28px;height:28px;margin-right:8px;}

/* 게시판 */
.notice{margin-bottom:64px !important;}
.notice .inner{overflow:hidden}
.notice .tab1{border:1px solid #eee;float:left;width:50%;box-sizing:border-box;padding:32px 24px}
.notice .nTab a.active{font-size:20px;font-weight:800;color:#000}
.notice .nTab a{font-size:16px;font-weight:500;color:#c5c5c5;}
.notice .nTab a:first-child{margin-right:12px}

.notice .tWrap{position:relative;width:100%;height:168px}
.notice .nTab .tabWrap{position:absolute;left:0;top:20px;display:none;width:100%}
.notice .nTab div.active{display:block}
.notice .nTab .tabWrap a.btn_more2{display:block;position:absolute;top:-44px;right:0;padding-right:17px;font-size:13px;font-weight:300;color:#000;background:url("../images/common/icon_more.png") no-repeat center right;margin-right:0;}
.notice .nTab .tabWrap ul{width:100%;position:relative}
.notice .nTab .tabWrap ul li{padding:4px 0;width:100%;}
.notice .nTab .tabWrap ul li a{display:block;width:100%;}
.notice .nTab .tabWrap ul li a p{display:inline-block;font-size:14px;font-weight:300;color:#333;text-overflow:ellipsis;white-space:nowrap;width:70%;overflow:hidden;text-align: left}
.notice .nTab .tabWrap ul li a:hover p{text-decoration: underline}
.notice .nTab .tabWrap ul li span{display:inline-block;float:right;font-weight:300;color:#333;font-size:14px;}

.notice .tab2{border:1px solid #eee;float:left;width:50%;box-sizing:border-box;padding:32px 24px;margin-left:-1px;}

/* 중간 띠배너 */
.mainBanner{margin-bottom:64px !important}
/*.mainBanner img{display:block;width:100%;height:80px;background:#464298;}*/
.lineBanner{width:100%;height:80px;background:#464298;}
.lineBanner a{display:block;height:100%;position:relative}
.lineBanner p.bLogo{color:#c1bff3;font-size:14px;position:absolute;left:24px;top:28px;font-weight:bold}
.lineBanner img{display:block;width:200px;position:absolute;bottom:0;left:142px}
.lineBanner p.bTxt{color:#fff;font-size:20px;position:absolute;left:382px;top:24px;font-weight:bold}
.lineBanner p.bTxt span{color:#fff;font-size:14px;font-weight:200;margin-left:12px}
.lineBanner p.bNotice{color:#fff;font-size:14px;position:absolute;right:24px;top:22px;font-weight:bold;border:1px solid #fff;padding:8px 20px;box-sizing:border-box}

/* 온라인서점 */
.mainBook{margin-bottom:64px !important}
.mainBook h5{text-align:left !important;font-weight:200;}
.mainBook h5 span{font-weight:800}
.bookWrap{width:100%;height:280px;border:1px solid #eee;box-sizing:border-box;overflow:hidden}
.bestBook{width:405px;height:280px;background:#eee;float:left;padding:52px 34px;box-sizing:border-box;position: relative}
.bestBook a{display:block;}
.bestBook a:hover .tBookWrap h4{text-decoration:underline}
.bestBook .tBookWrap{width:52%;}
.bestBook .tBookWrap img{display:block;width:72px;height:24px;box-shadow:0 2px 14px 0 rgba(0,0,0,.6);border-radius:10px}
.bestBook .tBookWrap h4{color:#fff;font-weight:900;font-size:20px;padding-bottom:6px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;width:100%}
.bestBook .tBookWrap p.writer{color:#fff;font-weight:400;font-size:12px;margin-bottom:42px}
.bestBook .tBookWrap p.price{color:#fff;font-weight:500;font-size:14px}
.bestBook a > img{width:126px;height: 180px;/*background:white;box-shadow:0px 20px 40px 0 rgba(0,0,0,.4);*/position:absolute;right:34px;top:52px;}

.bookSwipe{float:left;width:593px !important;height:280px;padding-top:42px;box-sizing:border-box}
.bookSlide{width: 100%;overflow:hidden;}
.bookSlide ul{}
.bookSlide ul li{}
.bookSlide ul li:last-child{margin-right:0}
.bookSlide ul li a{display:block;}
.bookSlide ul li a img{display:block;width:90px;height:134px;margin:0 auto 20px;}
.bookSlide ul li a p{width:70%;margin:0 auto;font-size:12px;font-weight:500;color:#333333;text-align:center;line-height:.88rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.bookSlide ul li a:hover p{text-decoration:underline}

.mainBook .swiper-button-prev{display:block;position:absolute;left:388px;width:38px;height:38px;top:58%;text-indent:-9999em;background:#fff url(../images/new/b_arrow_l.png) no-repeat -1px center;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.mainBook .swiper-button-prev:hover{background:#fff url(../images/new/b_arrow_l_h.png) no-repeat -1px center;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.mainBook .swiper-button-prev:after{display:none;}
.mainBook .swiper-button-next{display:block;position:absolute;right:-19px;top:58%;width:38px;height:38px;text-indent:-9999em;background:#fff url(../images/new/b_arrow_r.png) no-repeat 2px center;border:1px #e1e1e1 solid;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.mainBook .swiper-button-next:hover{display:block;position:absolute;right:-19px;top:58%;width:38px;height:38px;text-indent:-9999em;background:#fff url(../images/new/b_arrow_r_h.png) no-repeat 2px center;border:1px #e1e1e1 solid;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.mainBook .swiper-button-next:after{display:none;}


/* 고객센터 */
.customer{margin-bottom:64px !important}
.customerWrap{border:1px solid #eee;overflow:hidden;padding:30px 24px;box-sizing:border-box}
.customer .fl1{float:left;width:33.3%;}
.customer .fl1 h2{font-size:28px;font-weight:900;margin-bottom:44px}
.customer .fl1 a{display:block;width:88%;border:2px solid #000;text-align:center;padding:8px 0;box-sizing:border-box;font-size:14px;font-weight:400;transition:.7s all;}
.customer .fl1 a:hover{background:#000;color:white;transition:.7s all;}
.customer .fl2{float:left;width:33.3%;}
.customer .fl2 p.nk{font-size:16px;font-weight:600;}
.customer .fl2 h3{font-size:32px;font-weight:900;margin-bottom:12px;margin-top:-8px}
.customer .fl2 .sNoticeWrap ul li{font-size:12px;color:#666;font-weight:400}
.customer .fl3{float:left;width:33.3%;}
.customer .fl3 p.nk{font-size:16px;font-weight:600;}
.customer .fl3 h3{font-size:32px;font-weight:900;margin-bottom:12px;margin-top:-8px}
.customer .fl3 .sNoticeWrap ul li{font-size:12px;color:#666;font-weight:400;margin-bottom:8px}

/* 하단 서비스바 */
.bottom_service{width:100%;height:66px;background:#f3f3f3;}
.bottom_service ul{overflow:hidden}
.bottom_service ul li{float:left;width:166px;margin:auto;text-align:center;line-height:66px}
.bottom_service ul li a{display:block;height:100%;font-weight:500}
.bottom_service ul li a img{margin-right:8px}

/* 퀵메뉴 */
#quickBar{width: 98px !important;border:0}
.quick1{width: 98px;height:82px;background:#fff;border:1px solid #eee;box-sizing:border-box;}
.quick1 a{display:block;height:100%;}
.quick1 a p{font-size:12px;font-weight:300;color:#888888;text-align:center;line-height:16px;margin-top:20px}
.quick1 a p span{display:block;font-size:16px;font-weight:bold;color:#2b1557;padding:2px 0}
.quick2{width:98px;height:82px;background:#fff;border:1px solid #eee;margin-top:-1px;box-sizing:border-box}
.quick2 a{display:block;height:100%;}
.quick2 a p{font-size:12px;font-weight:300;color:#888888;text-align:center;line-height:16px;margin-top:22px}
.quick2 a p span{display:block;font-size:16px;font-weight:bold;color:#048978;padding:2px 0}
#quickBar input#todayClose{margin-right:-2px}
#quickBar label{font-size:12px;font-weight:200;margin:0;padding:0;letter-spacing:-.3px}

/* 위로 보내기 */
.top_wrap{display:none;width:64px;height:64px;background:#000;position:fixed;right:20px;bottom:20px;border-radius:80px}
.top_wrap a{display:block;height:100%}


/**************************/
/******** Sub  ***********/
/**************************/


/* 2020.06.15 */
/* 이벤트 폼 */
.eventForm{padding:42px 0 24px}
.eventForm input[type='text']{border:4px solid #000;width:480px;height:54px !important;color:#000;font-weight:bold;font-size:14px}
.eventForm button{width:120px;height:54px;background:#000;color:#fff;font-weight:bold;font-size:14px;border:none;margin-left:-10px}

/* teacherSub */
.teacherSnb{margin:10px 0 32px  !important;border:none !important;}
.teacherSnb ul.deaph1 li{width:initial !important;margin-right:28px !important;}
.teacherSnb ul.deaph1 li a{font-weight:400 !important;font-size:14px !important;}
.teacherSnb ul.deaph1 li.active a{font-weight:bold !important;font-size:16px !important;}

.teacherBg{width:100%;background:#d9cbb2}
.teacherInfo{width:1000px;margin: 0 auto;}

.tab_curriculum{padding:30px 0}

.bb{width:100%;height: auto;background:red;}
.teacherContentsTab > ul.tabBar{width:1000px;margin:0 auto;}

.dim_playDiv{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;left:0;top:0}
.dim_playDiv a{display:block;border-radius:10px;margin:0 auto;width:944px;background:white;color:black;font-weight:800;font-size:20px;padding:16px 0;box-sizing:border-box;text-align:center;margin-top:156px}
.dim_playDiv a span{display:block;color:#666;font-size:12px;font-weight:400;}

/* 2020.06.22 */
.noticeGuideWrap .tabBar.nGiuide_sub{background:white;border:none}
.noticeGuideWrap .tabBar.nGiuide_sub li{border:1px solid #e5e5e5;width:33.3%;box-sizing:border-box;padding:8px 0;margin-left:-1px;}
.noticeGuideWrap .tabBar.nGiuide_sub li:first-child{margin-left:0}
.noticeGuideWrap .tabBar.nGiuide_sub li:nth-child(4){margin-left:0}
.noticeGuideWrap .tabBar.nGiuide_sub li:nth-child(n+4){margin-top:-1px}
.noticeGuideWrap .tabBar.nGiuide_sub li a{text-align: center}

/* 합격자영상 */
.list #dataList{overflow:hidden}
.list #dataList > li{float:left;width:240px;margin:0 5px 32px}
.list a.revieVideoWrap{display:block;width:100%;height:100%;}
.list a.revieVideoWrap:hover{text-decoration:underline}
.list a.revieVideoWrap .fthub{width:100%;height:136px;}
.list a.revieVideoWrap .fthub img{display:block;height:100%;width: 100%;}
.list a.revieVideoWrap span{display:block;width:100%;height:22px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}


/* 복습동영상 안내문구 */
.lessonInfoWrap{padding:14px 20px;border:1px solid #d5d5d5;box-sizing:border-box;}
.lessonInfoWrap h3{color:#000;}
.lessonInfoWrap ul li{font-size:13px;font-weight:300;color:#666;}
.lessonInfoWrap ul li:last-child{color:#3c0ddc;}


.leTotal.active{position:fixed;top:0px;width:1000px;border-bottom:1px solid #000;z-index:99;background:rgba(250,250,250,.8);box-sizing:border-box;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);padding:20px 10px !important;}

/* 2020.06.25 수강후기 */
.le_bookRow{border-bottom:1px solid #d3d3d3}
ul.le_bookList li{display:table-cell;vertical-align:middle;padding:14px 20px;}
ul.le_bookList li:nth-child(1){text-align:center;}
ul.le_bookList li.book_wd{width:67.3%;}

/* 2020.07.02 내강의실 */
.btn_card_wrap{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 25%; min-width: 234px; max-height: 52px;}
.btn_deScription{display:inline-block;width:145px;padding:4px 0;font-size:14px;font-weight: bold;background:#172a99;color:#fff;text-align: center;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;}
.btn_goReview a{padding:3px 44px;box-sizing:border-box;border:1px solid #172a99;border-radius:20px;color:#172a99;font-weight:600;}
.btn_goReview a:hover{background:#172a99;color:#fff;}


/* 수강신청 */
.btn_card_modal{padding:4px 8px;border:1px solid #172a99;color:#172a99;margin-left:8px;border-radius:10px;font-size:12px;transition: all .3s}
.btn_card_modal:hover{background:#172a99;color:white;transition: all .3s}
.lectureModal .txtBox{line-height:initial !important;}

/* 2020.07.08 */
.infoarea {border:1px solid #e5e5e5;padding:30px 20px;margin-top: 25px;color: #666;line-height: 20px;font-size: 12px}
.infoarea .tit {font-size: 16px;font-weight: bold;color: #000;padding-bottom: 15px}
.mileinfo {padding:30px 20px;background: #e5e5e5;line-height: 20px;font-size: 12px;color: #666;}
.mileinfo .tit {font-size: 16px;font-weight: bold;padding-bottom: 15px}

/* 2020.07.10 */
.pb_tit_write{width:100%;background:#f5f5f5;font-size:12px;padding:12px 14px;box-sizing:border-box;border-radius:10px;margin-bottom:12px;}

/* 2020.07.21 */
/** 내강의실 **/
.modalWrap .inner .modalTitle h2{font-size:22px;font-weight:900}
.modalWrap .inner .modalContent .txtBox{font-size:12px;font-weight:400}

ul.typeLecList li{font-size:14px !important;}
ul.typeLecList li.on{background:#f3f3f3;border-radius:10px}
ul.typeLecList li.on a{color:#000 !important;font-weight:700 !important;}

ul.zianLecList li{font-size:14px !important;}
ul.zianLecList li.on{background:#f3f3f3;border-radius:10px}
ul.zianLecList li.on a{color:#000 !important;font-weight:700 !important;}

ul.packLecList li{font-size:14px !important;}
ul.packLecList li.on{background:#f3f3f3;border-radius:10px}
ul.packLecList li.on a{color:#000 !important;font-weight:700 !important;}

ul.acaLecList li{font-size:14px !important;}
ul.acaLecList li.on{background:#f3f3f3;border-radius:10px}
ul.acaLecList li.on a{color:#000 !important;font-weight:700 !important;}

ul.pauseLecList li{font-size:14px !important;}
ul.pauseLecList li.on{background:#f3f3f3;border-radius:10px}
ul.pauseLecList li.on a{color:#000 !important;font-weight:700 !important;}

ul.lecEndList li{font-size:14px !important;}
ul.lecEndList li.on{background:#f3f3f3;border-radius:10px}
ul.lecEndList li.on a{color:#000 !important;font-weight:700 !important;}


/*2020.07.22 */
.Mclass .tab_topContent .tabPage{margin-top:26px;}
.Mclass .tab_topContent .tabPage .btn_info{top:-66px !important;}
.Mclass .tab_large{margin-top:0 !important;}

.tabPage .tbd_01{padding-top:0 !important;}

.Mclass .tab_large .tab_large_2depth .tabBar > li{border:none !important;}
.Mclass .tab_large .tab_large_2depth .tabBar > li > a{border:none !important;background:#f1f1f1 !important;}
.Mclass .tab_large .tab_large_2depth .tabBar > li.active > a{background:#333 !important;}

.tabContent_2depth .Dropmenu .tit{background:#efefef;}
.tabContent_2depth .Dropmenu_down .inner{padding-top:0 !important;}

.tabContent_2depth .Dropmenu li.active > a{background:#f1f1f1 !important;color:#000 !important;border-radius:10px}
.tabContent_2depth .Dropmenu .lfloat li.active > a{font-weight:900;}

.btn_crud{padding:12px 30px !important;background:#efefef !important;}
.btn_crud > span{font-size:16px;font-weight:700;color:#000; background-color: transparent !important;}
.btn_deScription{background:#4e2475;padding:2px 34px;font-size:12px;width:auto}
.btn_goReview a{border:1px solid #4e2475;color:#4e2475;padding:1px 34px;font-size:12px;width:initial;cursor:pointer;}
.btn_goReview a:hover{background:#4e2475 !important;color:#fff !important;}
.btn_link a{border:1px solid #4e2475;color:#4e2475;padding:1px 34px;font-size:12px;width:initial;cursor:pointer;border-radius: 20px;}
.btn_link a:hover {background: #4e2475 !important;color:#fff !important;}
.btn_link2 a{border:1px solid #4e2475;color:#4e2475;padding:1px 34px;font-size:12px;width:initial;cursor:pointer;border-radius: 20px;}
.btn_link2 a:hover {background: #4e2475 !important;color:#fff !important;}

.bdbox_pc{display:inline-block;background:#0b79ea;padding:1px 0px;width:66px;border-radius:10px;font-size:12px;color:white;text-align:center}
.bdbox_m{display:inline-block;background:#00cdb7;padding:1px 0px;width:66px;border-radius:10px;font-size:12px;color:white;text-align:center}
.bdbox_offline{display:inline-block;background:#143c86;padding:1px 0px;width:66px;border-radius:10px;font-size:12px;color:white;text-align:center}
.tabContent_2depth .Dropmenu_down .txt_area .thumb{font-weight:900;}

.tabPage .tbd_02 table th{border-bottom:none !important;}
.tabPage .tbd_02 table td{font-size:14px;padding:6px 2%}
.tabPage .tbd_02 table td:nth-child(2){white-space: normal !important;overflow:initial !important;text-overflow:initial !important}

.tabContent_2depth .title.etccpdt{margin-top:0 !important;}

.lecTitle{width:100%;font-size:18px;margin-bottom:14px;font-weight:900;padding-bottom:2px;border-bottom:1px solid #000;text-align:left;}

.tabContent_2depth .Dropmenu_down .txt_area .total_date{font-size:14px;}

.tabContent_2depth .Dropmenu_down .txt_area_pd{padding:20px 30px 0px 30px !important;}

.tabPage .date{display:inline-block;padding:4px 0;}
.tabPage .date b{color:#666 !important;font-size:14px;font-weight:400 !important;}

.tabPage .guide .play span{color:#666;font-size:14px;font-weight:400;}

.tabPage .prograss_wrap{position:relative;padding:2px 0;}
.tabPage .prograss_wrap h6{display:inline-block;color:#666;font-size:14px;font-weight:400;padding-right:29px;}
.tabPage .prograss_wrap > span{position:absolute;right:0;font-size:14px;font-weight:400;}
.tabPage .prograss_wrap .div_progress_bar{display:inline-block;position:relative;width:87%;height:8px;background:#f1f1f1;border-radius:10px;margin-right:20px;}
.tabPage .prograss_wrap .div_progress_bar .play_progress_bar{position:absolute;left:0;top:0;width:0%;height:8px;background:linear-gradient(45deg, #29f19c, #02a1f9);border-radius:10px;}

.tabPage .learningNotice {position: relative; padding: 2px 0;}
.tabPage .learningNotice h6 {display: inline-block; color:#666;font-size: 14px;font-weight: 400;margin-bottom: 6px;}
.tabPage .learningNotice div {min-height: 80px; font-size: 14px;padding: 2%; box-sizing: border-box; background: #f7f7f7; font-weight: 300; color: #666; border-radius: 4px;}

.tabPage .tbd_02 .timeSt{padding:0 22px !important;color:#666;}
.tabPage .tbd_02 .timeSt p{position:relative;text-align:center;}
.tabPage .tbd_02 .timeSt p:first-child{margin-bottom:6px;}
.tabPage .tbd_02 .timeSt p .timeDv{position:absolute;left:0;width:18px;height:18px;color:#fff;border-radius:20px;text-align:center;margin-right:8px;font-size:10px;font-weight:900;line-height:18px;}
.tabPage .tbd_02 .timeSt p .timeDv.tP{background:#0b79ea;}
.tabPage .tbd_02 .timeSt p .timeDv.tM{background:#00cdb7;}
.tabPage .tbd_02 .timeSt p .realTimePc{color:#0358af;}
.tabPage .tbd_02 .timeSt p .realTimeM{color:#078e7f;}



/* 서브_합격수기 영상 */
.videoWrap{width:100%;overflow:hidden}
.videoWrap ul li a{}
.videoWrap ul li a div{}
.videoWrap ul li:hover a p.desc{text-decoration:underline}
.videoWrap ul li a span{text-align:left !important;color:#000;font-weight:300;padding:12px 8px 0;display:block;font-size:12px}
.videoWrap ul li a p.desc{font-size:15px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:0 8px;text-align:left;color:#000}

.videoWrap .swiper-button-prev{display:block;position:absolute;left:-19px;width:38px;height:38px;top:48%;text-indent:-9999em;background:#fff url(../images/new/b_arrow_l.png) no-repeat -1px center;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.videoWrap .swiper-button-prev:hover{background:#fff url(../images/new/b_arrow_l_h.png) no-repeat -1px center;}
.videoWrap .swiper-button-prev:after{display:none;}
.videoWrap .swiper-button-next{display:block;position:absolute;right:-19px;top:48%;width:38px;height:38px;text-indent:-9999em;background:#fff url(../images/new/b_arrow_r.png) no-repeat 2px center;border:1px #e1e1e1 solid;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.3);border-radius:40px}
.videoWrap .swiper-button-next:hover{background:#fff url(../images/new/b_arrow_r_h.png) no-repeat 2px center;}
.videoWrap .swiper-button-next:after{display:none;}


/* 상단 탭 */
.tabBox{width:100% !important;}
.tabBox li.active a{background:#333 !important;}
.tabBox li.active a{color:#fff !important;}
.tabBox li a{color:#666 !important;}

/* 마이페이지 게시물관리 탭 */
.Mypage .review li{border:1px solid #d5d5d5;background:#f9f9f9;height:42px;line-height:42px;box-sizing:border-box;border-right:none !important;width:25% !important;}
.Mypage .review.coupon li{width:33.3% !important;}
.Mypage .review li:last-child{border-right:1px solid #d5d5d5 !important;}
.Mypage .review li a{display:block;height:100% !important;line-height:inherit !important;border:none !important;font-size:13px !important;}
.Mypage .review li.active{background:#fff !important;border:2px solid #333 !important;border-bottom:none !important;}
.Mypage .review li.active2{background:#fff !important;border:2px solid #333 !important;border-bottom:none !important;}
.Mypage .review li.activeRemove{border:1px solid #d5d5d5 !important;color:#666 !important;background:#f9f9f9 !important;}
.Mypage .review li.active a{background:transparent !important;color:#333 !important;font-size:14px !important;}
.Mypage .review li.active2 a{background:transparent !important;color:#333 !important;font-size:14px !important;}
.Mypage .review li.activeRemove a{background:transparent !important;color:#666 !important;font-size:13px !important;}
.Mypage .review li.active a span{display:none !important;}


/** 학원 수강신청 **/
.lectureWrap .lectureList > li.sing_chk{float:right}


/* 날개 배너 */
.popup_side_banner_wrap{position:fixed;left:50%;margin-left:-776px;top:230px;z-index:10}
.popup_side_banner_wrap .pop_side_right{margin-bottom:8px}
.popup_side_banner_wrap .pop_side_right:last-child{margin-bottom:0px}

.popup_side_banner_wrap_02{position:absolute;left:50%;margin-left:-636px;top:0px;}
.popup_side_banner_wrap_02 .pop_side_02{margin-top:12px}
.popup_side_banner_wrap_02 a{display:block;width:120px;height:100%;}
.popup_side_banner_wrap_02 a img{display:block;width:100%}

.popup_side_banner_wrap_03{position:fixed;right:50%;margin-right:-776px;top:230px;z-index:10}
.popup_side_banner_wrap_03 .pop_side_right{margin-bottom:8px}
.popup_side_banner_wrap_03 .pop_side_right:last-child{margin-bottom:0px}


/* 전체 팝업 */
.pop_dimBanner{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100;padding:80px 0;}
.pop_dimBanner img.pop_dimBannerCn{display:block;margin:0 auto 14px;}
.popDimWrap{width:500px;margin:auto;overflow:hidden;}
.pop_dimBanner .popDimWrap img{display:block;cursor:pointer;float:left}
.pop_dimBanner img.popDimClose{float:right;}


/* 직렬별 이동 팝업 */
.cmLayerWrap{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:99}
.cmLayerWrap .cmLayerDiv{width:1000px;margin:260px auto 0;overflow:hidden}
.cmLayerWrap .cmLayerDiv h2{font-size:28px;color:#a1a1a1;font-weight:900;margin-bottom:12px;text-align:center;}
.cmLayerWrap .cmLayerDiv > div{width:332.5px;float:left;margin-right:1px;height:266px;padding:24px 20px;box-sizing:border-box}
.cmLayerWrap .cmLayerDiv > div h3{color:white;font-size:28px;font-weight:900;padding-bottom:8px}
.cmLayerWrap .cmLayerDiv > div h3 span{font-size:12px;font-weight:500}
.cmLayerWrap .cmLayerDiv > div ul{}
.cmLayerWrap .cmLayerDiv > div ul li{width:100%;height:78px;background:white;margin-bottom:4px;position:relative;}
.cmLayerWrap .cmLayerDiv > div ul li a{display:block;height:100%;}
.cmLayerWrap .cmLayerDiv > div ul li p{position:absolute;top:18px;left:14px;font-size:24px;font-weight:900;}
.cmLayerWrap .cmLayerDiv > div ul li span{position:absolute;top:28px;right:32px;font-size:12px;font-weight:300;}
.cmLayerWrap .cmLayerDiv > div ul li span:before{content:'';width:60px;height:1px;position:absolute;bottom:-4px;background:#000000;}
.cmLayerWrap .cmLayerDiv > div ul li span:after{content:'';position:absolute;right:-23px;top:0px;width:20px;height:20px;background:url("../images/common/move_icon.png") no-repeat;background-position:0 -21px;}
.cmLayerWrap .cmLayerDiv > div ul li:last-child{margin-bottom:0px;}

.cmLayerWrap .cmLayerDiv > div.publicDiv{background:#234687;}
.cmLayerWrap .cmLayerDiv > div.publicDiv h3 span{color:#6d82aa}
.cmLayerWrap .cmLayerDiv > div.publicDiv ul li a:hover{background:#e5eefd;}
.cmLayerWrap .cmLayerDiv > div.publicDiv ul li a:hover p{color:#234687;}
.cmLayerWrap .cmLayerDiv > div.techDiv{background:#baad1b;}
.cmLayerWrap .cmLayerDiv > div.techDiv h3 span{color:#dad6ae}
.cmLayerWrap .cmLayerDiv > div.techDiv ul li a:hover{background:#fefdee;}
.cmLayerWrap .cmLayerDiv > div.techDiv ul li a:hover p{color:#baad1b;}
.cmLayerWrap .cmLayerDiv > div.postDiv{background:#ba1b5b;}
.cmLayerWrap .cmLayerDiv > div.postDiv h3 span{color:#d180a1}
.cmLayerWrap .cmLayerDiv > div.postDiv ul li a:hover{background:#fdf3f7;}
.cmLayerWrap .cmLayerDiv > div.postDiv ul li a:hover p{color:#ba1b5b;}
.cmLayerWrap .cmLayerDiv > div.bookDiv{background:#955624;width:499.5px;height:88px;padding:0 20px;margin-top:2px;box-sizing:border-box;line-height:84px}
.cmLayerWrap .cmLayerDiv > div.bookDiv a{display:block;height:100%;}
.cmLayerWrap .cmLayerDiv > div.bookDiv a:hover h3{color:#482509;text-decoration:underline}
.cmLayerWrap .cmLayerDiv > div.bookDiv h3{display:inline-block;}
.cmLayerWrap .cmLayerDiv > div.bookDiv h3 span{font-size:18px;color:#ac8363;font-weight:900}
.cmLayerWrap .cmLayerDiv > div.bookDiv a > span{display:inline-block;margin-left:136px;color:white;position:relative;}
.cmLayerWrap .cmLayerDiv > div.bookDiv a > span:before{content:'';position:absolute;left:0;bottom:28px;width:80px;height:1px;background:#fff;}
.cmLayerWrap .cmLayerDiv > div.bookDiv a > span:after{content:'';position:absolute;right:-102px;top:31px;width:90px;height:20px;background:url("../images/common/move_icon.png") no-repeat;}
.cmLayerWrap .cmLayerDiv > div.bigDiv{background:#7e389b;width:499.5px;height:88px;padding:0 20px;margin-top:2px;box-sizing:border-box;line-height:84px;margin-right:0px;}
.cmLayerWrap .cmLayerDiv > div.bigDiv a{display:block;height:100%;}
.cmLayerWrap .cmLayerDiv > div.bigDiv a:hover h3{color:#490e62;text-decoration:underline}
.cmLayerWrap .cmLayerDiv > div.bigDiv h3{display:inline-block;}
.cmLayerWrap .cmLayerDiv > div.bigDiv h3 span{font-size:18px;color:#a781b6;font-weight:900}
.cmLayerWrap .cmLayerDiv > div.bigDiv a > span{display:inline-block;margin-left:112px;color:white;position:relative;}
.cmLayerWrap .cmLayerDiv > div.bigDiv a > span:before{content:'';position:absolute;left:0;bottom:28px;width:80px;height:1px;background:#fff;}
.cmLayerWrap .cmLayerDiv > div.bigDiv a > span:after{content:'';position:absolute;right:-102px;top:31px;width:90px;height:20px;background:url("../images/common/move_icon.png") no-repeat;}
.cmLayerWrap .cmLayerDiv > div:nth-child(4){margin-right:0px;}



/******* 2020 . 08 . 04 *******/
/* 수강신청 상세페이지 */
.lectureInfoWrap{margin-bottom:48px}
.lectureInfoWrap h3{margin-bottom:4px}

.lectureCardDetail{border:1px solid #efefef;border-top:1px solid #000;margin-bottom:12px;}

.infoTextWrap{padding:24px 0;}
.infoTextWrap h2{font-size:22px;color:#333;font-weight:800;}
.infoTextWrap p{font-size:14px;color:#333;font-weight:300;}

.infoBtnCrud{padding:8px 30px;background:#efefef;}
.infoBtnCrud span{font-size:16px;font-weight:700;}

.infoTextArea{padding:8px 30px;border-bottom:1px solid #efefef;}
.infoTextArea > p{font-size:20px;font-weight:800;}
.infoTextArea .learnNum{font-size:12px;}
.infoTextArea .saleWrap{overflow:hidden}
.infoTextArea .saleWrap .sale{font-size:12px;display:block;float:left;padding:2px 24px;background:#f69321;color:#fff;border-radius:30px;margin-right:4px;font-weight:600}
.infoTextArea .saleWrap .new{font-size:12px;float:left;color:red;font-weight:600}

/* 수강신청 디테일 */
.infoVideoWrap{padding:8px 30px;border-bottom:1px solid #efefef}
.infoVideoWrap .freeViewCard{font-size:12px;}
.infoVideoWrap .freeViewCard a{display:inline-block;width:80px;padding:2px 0;font-size:12px;font-weight:800;text-align:center;color:white;background:linear-gradient(90deg, #ff077a, #650880);border-radius:5px;}
.infoVideoWrap .freeViewCard a.normalView{background:#6f6f6f;}

/* 수강신청 리스트 */
.infoVideoWrap2{padding:0px;}
.infoVideoWrap2 .freeViewCard{font-size:12px;}
.infoVideoWrap2 .freeViewCard a{display:inline-block;width:80px;padding:0px;font-size:12px;font-weight:800;text-align:center;color:white;background:linear-gradient(90deg, #ff077a, #650880);height:22px;line-height:22px;border-radius:5px;}
.infoVideoWrap2 .freeViewCard a.normalView{background:#6f6f6f;}

.infoCartWrap{padding:4px 30px;}
.infoCartWrap .infoDiv{padding:4px 0px;}
.infoCartWrap .infoPc{display:inline-block;width:36px;text-align:center;border:1px solid #3eaf93;color:#3eaf93;font-size:11px;margin-right:4px}
.infoCartWrap .infoMobile{display:inline-block;width:36px;text-align:center;border:1px solid #27b6d3;color:#27b6d3;font-size:11px;margin-right:4px}
b.cost{margin-right:4px}

/* 수강신청 공통부분 */
.infoDiv{padding:4px 0px;}
.infoPc{display:inline-block;width:36px;text-align:center;border:1px solid #3eaf93;color:#3eaf93;font-size:11px;margin-right:4px;height:18px;line-height:18px;}
.infoMobile{display:inline-block;width:36px;text-align:center;border:1px solid #27b6d3;color:#27b6d3;font-size:11px;margin-right:4px;height:18px;line-height:18px;}
b.cost{margin-right:4px;font-size:16px !important;}

.lectureBookDetail{border:1px solid #efefef;border-top:1px solid #000}
.bookBtnCrud{padding:8px 30px;background:#efefef;}
.bookBtnCrud span{font-size:16px;font-weight:700;color:#333;}
.bookTextArea{padding:8px 30px;border-bottom:1px solid #efefef;}
.bookTextArea > p{font-size:20px;font-weight:800;}
.bookTextArea .learnNum{font-size:12px;}
.bookCartWrap{padding:8px 30px;}

.lectureCartWrap{padding:18px 0 54px;text-align:center;}
.lectureCartWrap a{display:inline-block;padding:12px 32px;background:#ebebeb;border:1px solid #e0e0e0;box-sizing:border-box;font-size:16px;font-weight:600;}
.lectureCartWrap a.lectureBuy{color:white}

.lectureTxtCard{background:#ebebeb;border:1px solid #e0e0e0;padding:20px 30px;font-weight:300;font-size:14px;color:#444;box-sizing:border-box;}
.lectureTxtCard img{display:block;margin:0 auto;}

/*인덱스 메인 배너 슬라이드 css*/
.swiper_area .swiper-container{position: relative;}
.swiper_area .swiper-button-prev{left: -60px; background:#404040 url("../images/new/index_arrow_left.png"); width: 45px; height: 45px; border-radius: 50%; outline: none;}
.swiper_area .swiper-button-next{right: -60px; background:#404040 url("../images/new/index_arrow_right.png"); width: 45px; height: 45px; border-radius: 50%; outline: none;}
.swiper_area .swiper-container .swiper-pagination {position: absolute;bottom: 0;margin: 0;width:100%;}
.swiper_area .swiper-container .swiper-pagination-bullet {border-radius: 0;width:13.83%; margin: 0 !important;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color:white;opacity: 1;background: rgba(0,0,0,0.6); box-sizing: border-box;border-right:1px solid #777;font-weight:400;}
.swiper_area .swiper-container .swiper-pagination-bullet:last-child{width:17%;border-right:none;}
.swiper_area .swiper-container .swiper-pagination-bullet-active {color:white;background:#174aca;}
.swiper_area .swiper-container .m_banner{display: none;}
.swiper_area .swiper-container .swiper-pagination.pagination_mo{display: none;}

/*인덱스 직렬 리스트*/
.index_siteMove .serial_row{overflow: hidden; margin-bottom: 10px; padding: 0 0 30px; color: #ffffff; border-radius: 10px;}
.index_siteMove .serial_row.bg-blue{background:url("/common/zian/images/new/index_bg_mark.png") no-repeat, #4c6bac;}
.index_siteMove .serial_row.bg-blue{background-position: right -41% top 20%; background-size: 65%}
.index_siteMove .serial_row.bg-yellow{background:url("/common/zian/images/new/index_bg_mark2.png") no-repeat, #f0d838;}
.index_siteMove .serial_row.bg-yellow{background-position: right -41% top 20%; background-size: 65%}
.index_siteMove .serial_row.fc_blue{background:url("/common/zian/images/new/index_bg_mark2.png") no-repeat, #f1f1f1;}
.index_siteMove .serial_row.fc_blue{background-position: right -41% top 20%; background-size: 65%}
.index_siteMove .serial_row.bg-blue .serial_title{border-bottom: 1px solid #9ab6ef;}
.index_siteMove .serial_row .serial_title span{vertical-align: top; font-size: 14px}
.index_siteMove .serial_row.bg-blue .serial_title span{color: #ffffff}
.index_siteMove .serial_row.bg-yellow .serial_title span{color: #000000}
.index_siteMove .serial_row.fc_blue .serial_title span{color: #303030}
.index_siteMove .serial_row .serial_title .first_span{font-weight: 400; margin-right: 3px;}
.index_siteMove .serial_row .serial_title .second_span{font-weight: 900;}
.index_siteMove .serial_row.bg-yellow{color: #000000}
.index_siteMove .serial_row.bg-yellow .serial_title{border-bottom: 1px solid #666666;}
.index_siteMove .serial_row.fc_blue{lor:#303030}
.index_siteMove .serial_row.fc_blue .serial_title{border-bottom: 1px solid #666666  ;}
.index_siteMove .serial_row.fc_blue .serial_list .serial_list_item ul li{width: 20%}
.index_siteMove .serial_row:last-child{border: none; margin-bottom: 0;}
.index_siteMove .serial_row .serial_title{width: 90%; margin: 0 0 20px 40px; height: 65px; line-height: 65px;}
.index_siteMove .serial_row .serial_title h2{display:inline-block;margin-right: 10px;font-size:25px;font-weight:900}
.index_siteMove .serial_row.bg-blue h2{color: #ffffff;}
.index_siteMove .serial_row.bg-yellow h2{color: #000000}
.index_siteMove .serial_row.fc_blue h2{color: #303030;}
.index_siteMove .serial_row .serial_list{float: left; width: 100%}
.index_siteMove .serial_row .serial_list .serial_list_item{padding-left: 40px}
.index_siteMove .serial_row .serial_list .serial_list_item ul{overflow: hidden;}
.index_siteMove .serial_row .serial_list .serial_list_item ul li{float: left; width: 16.6666%;height: 45px;line-height: 45px;text-align: left; transition: .3s;}
.index_siteMove .serial_row.bg-blue .serial_list .serial_list_item ul li a{color: #e6e9ef}
.index_siteMove .serial_row.bg-yellow .serial_list .serial_list_item ul li a{color: #000000}
.index_siteMove .serial_row.fc_blue .serial_list .serial_list_item ul li a{color: #111111}
.index_siteMove .serial_row .serial_list .serial_list_item ul li a{display: block;cursor: pointer;font-size:16px;font-weight: 500;}
.index_siteMove .serial_row.bg-blue .serial_list .serial_list_item ul li:hover a{color: #00fffc}
.index_siteMove .serial_row.bg-yellow .serial_list .serial_list_item ul li:hover a{color: #0054fe}
.index_siteMove .serial_row.fc_blue .serial_list .serial_list_item ul li:hover a{color: #636363}

/*직렬별 띠 배너 반응형 레이아웃 영역*/
.line_banner{display: none;}

/*직렬별 서브 배너 슬라이드 이미지 미디어쿼리 css*/
.smallBanner.mo_sub{display: none;}

/* 직렬별 교수소개 selectbox */
.subject_select_area{display: none;}

/* 인덱스 합격수기 & 온라인서점 영역*/
.index_center_section{background: #f1f1f1; padding-bottom:30px; position: relative}
.index_center_section .index_center_line{background:#3775f0; position: absolute;top: 0; left: 0; height: 88px; width: 100%; background-position: top;}
.index_center_section .index_center_acceptance{padding: 40px 0;}
.index_center_section .index_center_acceptance .acceptance_top{padding: 30px 0 30px 30px; background: url("/common/zian/images/new/index_review_bg.jpg") no-repeat center;}
.index_center_section .index_center_acceptance .acceptance_top h2{display: inline-block; color: #ffffff; margin-right: 5px;}
.index_center_section .index_center_acceptance .acceptance_top span{color: #a3a5a4}
.index_center_section .index_center_acceptance .acceptance_group{overflow: hidden}
.index_center_section .index_center_acceptance .acceptance_group .acceptance_list{background: #ffffff; width: 33.3333%; float: left; padding: 35px; box-sizing: border-box; position: relative;}
.index_center_section .index_center_acceptance .acceptance_group .left:after{content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 35px; background: #bababa}
.index_center_section .index_center_acceptance .acceptance_group .left:hover h3{color: #3775f0}
.index_center_section .index_center_acceptance .acceptance_group .center:after{content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 35px; background: #bababa}
.index_center_section .index_center_acceptance .acceptance_group .center:hover h3{color:#f0ca37;}
.index_center_section .index_center_acceptance .acceptance_group .right:hover h3{color: #ef376b}
.index_center_section .index_center_acceptance .acceptance_group .acceptance_list h3{font-size: 18px;}
.index_center_section .index_center_acceptance .acceptance_group .acceptance_list p{color: #818181; font-size: 12px; font-weight: 300;}
.index_center_section .index_center_acceptance .acceptance_group .acceptance_list img{position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
.index_center_section .index_center_acceptance .item_group{padding-top:10px; zoom:1;}
.index_center_section .index_center_acceptance .item_group:after{content: ''; display: block; clear: both;}
.index_center_section .index_center_acceptance .item_group .card{box-shadow: 0 1px 10px rgba(0,0,0,0.12);}
.index_center_section .index_center_acceptance .item_group .item_left{float: left;width: 49.5%;margin-right: 1%; height: 154px; background: #ffffff;position: relative}
.index_center_section .index_center_acceptance .item_group .item_right{float: left;width: 49.5%;height: 154px;background: #ffffff; position: relative;}
.index_center_section .index_center_acceptance .item_group a{padding: 24px; display: block;cursor: pointer}
.index_center_section .index_center_acceptance .item_group a h3{font-size: 24px;font-weight: 900}
.index_center_section .index_center_acceptance .item_group a p{margin-bottom: 20px;font-size: 12px;color: #666666;font-weight: 400;}
.index_center_section .index_center_acceptance .item_group a span{font-size: 12px;font-width: 400; color: #888888}
.index_center_section .index_center_acceptance .item_group a img{display: block;position: absolute;top: 0;right: 20px;}
.index_center_section .index_center_acceptance .item_group .card:nth-child(1):hover{background:#3775f0;background-position: 86%;}
.index_center_section .index_center_acceptance .item_group .card:nth-child(2):hover{background:#FF9800;background-position: 86%;}
.index_center_section .index_center_acceptance .item_group .card:hover a h3{color: #ffffff}
.index_center_section .index_center_acceptance .item_group .card:hover a p{color: #ffffff}
.index_center_section .index_center_acceptance .item_group .card:hover a span{color: #ffffff}

/*빅모의고사 리뉴얼 인덱스*/
.box img{margin: 0;padding: 0;height:auto;width: 1000px;}
.box{position: relative;display: block;width: 1000px;margin: 0 auto;text-align: center;}
.b_01{background:url(/common/zian/images/bigimg/bg_01.jpg) center center;width: 100%;}
.b_02{background:#ffffff;width: 100%;}
.b_02-2{background:#f6f6f6;width: 100%;}
.b_02-3{padding: 100px 0;}
.b_tab{width: 100%; background: rgba(0,0,0,.6);}
.tabFixed{position: fixed; top: 0; left: 0; z-index: 20; box-shadow: 1px -5px 20px rgba(0,0,0,.3)}
.b_tab .tabArea{overflow: hidden; width: 100%}
.b_tab .tabArea .tabArea_item{float: left; width: 20%;}
.b_tab .tabArea .tabArea_item:hover a{color:#f69220 }
.b_tab .tabArea .tabArea_item a.current{color: #f59421}
.b_tab .tabArea .tabArea_item a{padding: 20px 0; display: block; color: #ffffff; font-size: 18px; text-decoration: none}
.b_tab .tabArea .tabArea_item a.active{color: #f69220;}
.b_tab .tabArea .bar{position: absolute; bottom: 0; left: 0; width: 25%; height: 10px; background: #f69220}
.b_03{background: #ffffff;width: 100%;}
.b_03 box{position:relative}
.b_03 img{width:100%;}
.b_03 .tabWrap{width:90%;overflow:hidden;position:absolute;top:258px;left:50%;margin-left:-450px;height:624px;}
.b_03 .tabWrap .tabContainer{width:32.2%;float:left;}
.b_03 .tabWrap .tabContent{width:66.8%;float:left;}
.b_04{background: #f6f6f6;width: 100%;}
.b_04 .box{position:relative;}
.b_04 .box img{width:100%;}
.b_04 .demnodey-swiper{width: 90%;overflow: hidden;position:absolute;top:258px;left:50%;margin-left:-450px;height:680px;}
.b_05{background:#ffffff;width: 100%;}
.b_06{background: #f6f6f6;width: 100%;}
.b_07{background: #f6f6f6;width: 100%;}
.b_07 .box{position:relative;}
.b_07 .box img{width:100%;}
.b_07 .box a{position:absolute;z-index:12;bottom:40px;right:50px;}
.b_07 .box a img{width:inherit;}
.b_07 .demnodey-swiper2{width: 90%;overflow: hidden;position:absolute;top:258px;left:50%;margin-left:-450px;height:630px;}
.b_08{background: #ffffff;width: 100%;}
.demnodey-wrapper{display: table;position: absolute;width:6300px;transition: all .8s ease;}
.demnodey-wrapper2{display: table;position: absolute;width:3600px;transition: all .8s ease;}
.demnodey-wrapper .demnodey-slider,.demnodey-wrapper2 .demnodey-slider {display: table-cell;width: 900px;height: 300px;}
.demnodey-pagination, .demnodey-pagination2 {position: absolute;text-align:center;bottom: 10px;width: 100%}
.demnodey-pagination .bullet,.demnodey-pagination2 .bullet {display: inline-block;width: 10px;height: 10px;background-color: #635f5e;border: 2px solid #635f5e;border-radius: 50%;margin: 0 2px;cursor: pointer;}
.demnodey-pagination .bullet.active, .demnodey-pagination2 .bullet.active {background-color: #ff822e;border:2px solid #ff822e;}
#bigExam_select_gnb{display: none}
#back-to-top{display: inline-block;background-color: #FF9800;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#back-to-top.show{opacity: 1; visibility: visible;}
#back-to-top::after {content: "↑";font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;}
#back-to-top:hover {cursor: pointer;background-color: #333;}
img.moImg{display: none;}
.modal-dialog .close{font-size: 30px; text-shadow: none; opacity: 1; margin-right: 5px; color: #ffffff;}
.modal-dialog iframe{margin-bottom: -4px}

.modal-dialog .modal-content{background: #000000}
.video-wrap{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media(max-width:1000px){
    .sic-card .disnoneM{
        display: none;
    }
    .sic-card .disnonePC{
        display: block;
    }
    .sic-card .list-title-area{
        display: block;
        margin-bottom: 0;
    }
    .sic-card .list-title-area .list-title{
        color: #333;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.6px;
    }
    .sic-card .list-title-area .list-title-sub{
        margin: 0;
        margin-top: 10px;
        color: #666;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.42px;
        white-space: normal;
    }
    .sic-card .area-card{
        margin: 0;
        width: 100%;
        align-items: flex-start;
        padding: 16px 0 ;
    }
    .sic-card .area-card .left-area{
        width: 110px;
        height: 82px;
        margin: 0;
    }
    .sic-card .area-card .left-area .img-box{
        width: 100%;
        height: 100%;
        background-size: 100%;
    }
    .sic-card .area-card .center-area{
        width: calc(100% - 124px);
        margin: 0;
        margin-left: 14px;
    }
    .sic-card .area-card .center-area .content .title-area .d-flex-area .title{
        width: 100%;
        color: #333;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.42px;
        white-space: break-spaces;
    }
    .sic-card .area-card .center-area .content .title-area .sub-text{
        margin-top: 8px;
    }
    .sic-card .area-card .center-area .content .title-area .sub-text p{
        color: #666;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.36px;
    }
    .sic-card .area-card .center-area .content .title-area .day{
        margin-top: 8px;
        color: #666;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 200% */
        letter-spacing: -0.36px;
    }
    .sic-card .area-card .center-area .content .title-area .price{
        margin-top:0;
    }
    .sic-card .area-card .center-area .content .title-area .icon-area{
        margin-top: 10px;
    }
    .sic-card .icon-area >div .accent-mark{
        width: 40px;
        height: 16px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: -0.33px;
        line-height: 14px;
        margin-left: 0;
        margin-right: 3px;
    }
    .sic-card .area-card .left-area .img-box .package{
        display: none;
    }
}
@media(max-width:800px){
    #header #topNav.bigExam_Nav{margin-top: 16px !important;}
    #back-to-top{width: 30px;height: 30px;bottom: 15px;right: 10px;}
    #back-to-top:after{line-height: 30px;}
    img.moImg{display: block;}
    img.pcImg{display: none;}

    .box img{width: 500px}
    .box{width: 500px}
    .b_02-2{padding: 0 !important;}
    .b_02-3{padding: 30px 0 !important;}
    .b_03 img{width:100%;}
    .b_03 .tabWrap{
        width:90%;
        overflow:hidden;
        position:absolute;
        top:124px;
        left:50%;
        margin-left:-45%;
    }

    .b_04 img{width:100% !important}
    .b_04 .demnodey-swiper{
        width:100% !important;
        overflow: hidden;
        position:absolute;
        top:124px;
        left:50%;
        margin-left:-50%;
        height:380px;
    }
    .b_07 .demnodey-swiper2{
        width:100% !important;
        overflow: hidden;
        position:absolute;
        top:124px;
        left:50%;
        margin-left:-50%;
        height:358px;
    }
    .b_07 .box a{bottom:13px;right:24px;}
    .b_07 .box a img{width:150px;}
    .demnodey-wrapper .demnodey-slider, .demnodey-wrapper2 .demnodey-slider {
        display: table-cell;
        width: 500px;
        height: 300px;
    }
    .demnodey-wrapper {
        display: table;
        position: absolute;
        width:3500px;
        transition: all .8s ease;
    }
    .demnodey-wrapper2{
        display: table;
        position: absolute;
        width:2000px;
        transition: all .8s ease;
    }
    #gnb.bigExam{display: none}
    .bigExam_select{padding: 0 2% 10px}
    #bigExam_select_gnb{display: block; font-size: 14px; height: 42px; color: #767676}
    .b_tab .tabArea .tabArea_item{width: 25%}
}
@media(max-width:500px){
    .box img{width: 300px}
    .box{width: 300px}

    .b_03 img{width:100%;}
    .b_03 .tabWrap{
        width:90%;
        overflow:hidden;
        position:absolute;
        top:70px;
        left:50%;
        margin-left:-45%;
    }

    .b_04 img{width:100% !important}
    .b_04 .demnodey-swiper{
        width:100% !important;
        overflow: hidden;
        position:absolute;
        top:70px;
        left:50%;
        margin-left:-50%;
        height:244px;
    }
    .b_07 .demnodey-swiper2{
        width:100% !important;
        overflow: hidden;
        position:absolute;
        top:70px;
        left:50%;
        margin-left:-50%;
        height:234px;
    }
    .demnodey-wrapper .demnodey-slider, .demnodey-wrapper2 .demnodey-slider {
        display: table-cell;
        width: 300px;
        height: 300px;
    }
    .demnodey-wrapper{
        display: table;
        position: absolute;
        width:2100px;
        transition: all .8s ease;
    }
    .demnodey-wrapper2{
        display: table;
        position: absolute;
        width:1200px;
        transition: all .8s ease;
    }
    .b_tab .tabArea{display: flex; justify-content: space-between;}
    .b_tab .tabArea .tabArea_item{flex: 1; flex-grow: 1;}
    .b_tab .tabArea .tabArea_item.fxItm2{flex-grow: 2;}
    .b_tab .tabArea .tabArea_item a{font-size: 14px;}
    .b_07 .box a {
        bottom: 7px;
        right: 15px;
    }
    .b_07 .box a img {
        width: 100px;
    }
    #container .swiper .swiper-button-next {
        display: block !important;
        opacity: 1;
        top: calc(88% - 1px) !important;
        height: 30px;
        right: 0px;
        left: calc(100% - 55px);
        margin-top: 0 !important;
        background-image: url(/common/zian/images/banner/index/nxt_f.png) !important;
    }
    #container .swiper .swiper-button-next i{
        display: none !important;
    }
    #container .swiper .swiper-button-prev{
        display: block !important;
        opacity: 1;
        top: calc(88% - 1px) !important;
        height: 30px;
        left: calc(100% - 159px);
        margin-top: 0 !important;
        background-image: url(/common/zian/images/banner/index/prv_f.png) !important;
    }
    #container .swiper .swiper-button-prev i{
        display: none !important;
    }
    #container .swiper .swiper-pagination-fraction{
        right: 0px !important;
        top: 88% !important;
        left: calc(100% - 130px) !important;
        height: 18px !important;
    }
    .menu-btn li a.menu_all {font-weight: 700}

}
/*빅모의고사 이벤트 팝업창 관련 CSS*/
#popDimBn{display:none;}
.pop_dimBanner.eventPop{padding: 50px 0;}
.pop_dimBanner.eventPop .pop_content{width: 800px; height: 850px; margin: 0 auto; position: relative;}
.pop_dimBanner.eventPop .pop_content .pop_input{position: absolute; bottom: 50px; width: 100%; text-align: center}
.pop_dimBanner.eventPop .pop_content .pop_input .btn-group{width: 100%; margin-bottom: 35px;}
.pop_dimBanner.eventPop .pop_content .pop_input .btn-group .btn-button{color: #000000; font-weight: 500; font-size: 20px; padding: 15px 60px; background: #d9d9db}
.pop_dimBanner.eventPop .pop_content .pop_input .btn-group .apply{margin-right: 20px;}
.pop_dimBanner.eventPop .pop_content .pop_input .input-group{display:block;}
.pop_dimBanner.eventPop .pop_content .pop_input .input-group label{font-weight: 300; color: #000000; font-size: 16px;}
.pop_dimBanner.eventPop .pop_content .pop_close{position: absolute; top: 0; right: 0; display: block;}
@media(max-width:800px){
    .pop_dimBanner.eventPop{padding: 30px; box-sizing: border-box}
    .pop_dimBanner.eventPop .pop_content{width: auto; height: auto}
    .pop_dimBanner.eventPop .pop_content img.pop_dimBannerCn{margin: 0; width: 100%}
    .pop_dimBanner.eventPop .pop_content .pop_input .btn-group .btn-button{padding: 10px 30px; font-size: 12px;}
    .pop_dimBanner.eventPop .pop_content .pop_input .input-group label{font-size: 12px;}

    .smallBanner .swiper-pagination-clickable.swiper-pagination-bullets{bottom:0px}
}
@media(max-width:580px){
    .pop_dimBanner.eventPop .pop_content .pop_input{bottom: 15px;}
}
@media(max-width:480px){
    .pop_dimBanner.eventPop .pop_content .pop_input{bottom: 35px;}
    .pop_dimBanner.eventPop .pop_content .pop_input .btn-group{margin-bottom: 10px;}
    .pop_dimBanner.eventPop .pop_content .pop_input .input-group label{font-size: 10px;}
    .pop_dimBanner.eventPop .pop_content .pop_input .btn-group .btn-button{font-weight: 300; font-size: 10px; padding: 5px 10px}
}
@media(max-width:479px){
    .pop_dimBanner.eventPop .pop_content .pop_input{bottom: 30px;}
}
@media(max-width:400px){
    .pop_dimBanner.eventPop .pop_content .pop_input{bottom: 10px;}
}
.upDownCss{
    transform: translate(0, 0);
    animation: up-down 1.6s linear infinite;
}
@keyframes up-down {
    50%{transform: translate(0, -10px);}
    100%{transform: translate(0, 0);}
}