@charset "utf-8";

.f-l{float: left}
.f-r{float: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-bold{font-weight: bold;}
a.under{text-decoration: underline;}
.f16{font-size: 16px;}
.none{display: none;}
.margin_tp10{margin-top: 10px !important;}
.margin_bt15{margin-bottom: 15px;}
.margin_bt50{margin-bottom: 50px !important;}
.margin_bt30{margin-bottom: 30px;}
.margin_l10{margin-left: 10px;}
.w80, input.w80{width: 80px;}
.w100{width: 100%}
.w50px{width: 50px}
.w100px{width: 100px}
.w150px{width: 150px}
.w200px{width: 200px;}
.w250px{width: 250px;}
.t-gray{color: #888;}
.t-blue{color: #00b5e2;}
.t-blue02{color: #004c98;}
.t-red{color: #004c98;}
.t-black{color: #000 !important;}
.close{opacity: 1 !important;}
.mg-tp5{margin-top: 5px;}
.mg-tp10{margin-top: 10px;}
.mg-tp20{margin-top: 20px;}
.mg-bt5{margin-bottom: 5px;}
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt60{margin-bottom: 60px;}
.mg-r20{margin-right: 20px;}
.mg-l10{margin-left: 10px;}
.m-show{display: none;}
.none{display: none;}
.cursor{cursor: pointer;}
.no-cursor{cursor: default !important;}
.mobile{display: none;}
.clearfix:after{content: ''; display: table; clear: both;}
.m-group{max-width: 1280px;margin: 0 auto;}
.group{max-width: 1140px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.bt{float:none;border-radius: 0;margin-bottom: 0;}
.floating-menu{position: fixed;bottom: 15px;left: 50%;margin-left: 580px;z-index: 5;}
.scroll-top{display: none; cursor: pointer;background: #3e4042 url("/theme/cyberedu/pix/images/icon_top.png") no-repeat center 14px;display: block;width: 60px;height: 60px;color: #fff;padding-top: 35px;text-align: center;box-sizing: border-box;line-height: 1;font-size: 12px;border-radius: 100%;}
.ic-customer{display: inline-block;cursor: pointer;background: #616164  url("/theme/cyberedu/pix/images/icon_customer.png") no-repeat center;background-size: 60px 60px; display: block;width: 60px;height: 60px;color: #fff;text-align: center;box-sizing: border-box;line-height: 1;font-size: 0;border-radius: 100%;margin-top: 7px;}

body.is-banner .floating-menu{bottom: 115px;}
body.is-banner.on-button .floating-menu{bottom: 105px;}
.no-data{padding: 120px 0;text-align: center;background: #f8f8f8; margin-bottom: 30px; width: 90%;}
.no-data.style02{background: #fff;padding: 50px 0;}
.no-data.style03{background: #fff;padding: 90px 0;border-top: 2px solid #555;border-bottom: 1px solid #ddd;}
.no-data div{font-size: 20px;color: #555;margin-bottom: 10px;font-weight: 300;}
.no-data div.f24{font-size: 24px;}
.no-data div.f24 strong{font-weight: 500;}
.no-data p{font-size: 14px;color: #888;}
.no-data.style02 .btns{height: 40px;line-height: 38px;font-size: 16px;padding: 0 20px;border-radius: 50px;}
.no-data.style02 .btns.arrow{background-image: url("/theme/cyberedu/pix/images/icon_arrow_w.png") !important;background-repeat: no-repeat !important;background-position: right 15px center !important;background-size: 12px auto !important;padding-right: 40px;margin-top: 10px;}
.ic-new{display: inline-block;width: 15px;height: 15px;margin-left: 5px;background: #004c98 url(/theme/cyberedu/pix/images/icon_new.png) no-repeat center;text-align: center;font-size: 9px;vertical-align: middle;line-height: 15px;border-radius: 100%;color: #fff;font-size: 0;}
.slick-track{margin: 0 !important;}
.m-ft-link{display: none;}
.loading{font-size: 0;display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5) url(/theme/cyberedu/pix/images/icon_loading.gif) no-repeat center;background-size: 97px auto;z-index: 999999;}
.slick-dots li button{min-width: 0 !important;font-size: 0 !important;display: block !important;}
.m-wrap{text-align: center;height: 100%;width: 100%;position: relative;min-height: 700px;}
.m-wrap>img{max-width: 95%;max-height: 95%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
@media screen and (max-width:768px){
    .m-wrap{min-height: 0;}
}
body #wrap{height: auto;}
body.noScroll #wrap{overflow: hidden;}
:focus{outline: none !important;}

.pagelayout-popup{padding-top: 0 !important;}
.pagelayout-coursenew{line-height: inherit;}
#page-mod-okmedia-viewer-player .floating-menu,#page-mod-okmedia-viewer-mooc .floating-menu, .pagelayout-incourse .floating-menu{display: none !important;}
.pagelayout-print .floating-menu{display: none;}

/*숨김처리*/
/*.login-bx .sns-area{display: none;}*/
/*#######################
##       header
#########################*/
/*모바일메뉴*/
.m-close, .m-tp, .m-bt, .m-prev, .m-crs-out, .m-course-tit{display: none;}
.m-scrl .bt, .m-bt, .m-menu{display: none;}
.vis-hd{height: 80px;position: fixed;background: #fff;overflow: visible;z-index: 999;left: 0;right: 0px;top: 0;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
.is-scroll .vis-hd{box-shadow: 2px 2px 2px rgba(0,0,0,0.04);}
.vis-hd .tp{height: 40px;text-align: right;position: absolute;right: 0;top: 0;width: 100%;padding: 8px 20px;box-sizing: border-box;background: #fff;z-index: 2;}
.vis-hd .tp ul{display: inline-block;font-size: 0;margin-right: 48px;}
.vis-hd .tp ul li{font-size: 14px;color: #888;display: inline-block;}
.vis-hd .tp ul li:not(:last-child):after{content: "";background: #eee;width: 1px;height: 13px;display: inline-block;margin: 0 15px;vertical-align: middle;box-sizing: border-box;}
.vis-hd .tp ul li>a{vertical-align: middle;}
.vis-hd .tp ul li>a.ic-job{font-weight: bold;font-size: 0;background: url(/theme/cyberedu/pix/images/hd_m_logo_job.png) no-repeat center;background-size: auto 15px;width: 80px;height: 20px;display: inline-block;border-radius: 5px;border: 1px solid #ccc;padding: 2px 13px;}
.vis-hd .tp ul li>a.t-blue02:hover{color: #004c98;}
.vis-hd .tp ul li .ic-facebook{background: url("/theme/cyberedu/pix/images/icon_facebook.png") no-repeat center;font-size: 0;width: 20px;height: 20px;background-size: contain;margin-right: 10px;display: inline-block;vertical-align: middle;}
.vis-hd .tp ul li .ic-youtube{background: url("/theme/cyberedu/pix/images/icon_youtube.png") no-repeat center;font-size: 0;width: 20px;height: 20px;background-size: contain;display: inline-block;vertical-align: middle;}
.vis-hd .tp>p{display: inline-block;}
.vis-hd .tp>p>a{color: #888;font-size: 13px;font-weight: 300;}
.vis-hd .tp>p>a.on{color: #000;}
.vis-hd .tp>p>a:not(:last-child):after{content: "";display: inline-block;width: 2px;height: 2px;background: #888;vertical-align: middle;margin: 0 8px;}

.vis-hd .ic-login{display: none;}
.vis-hd>.wp{height: 100%;position: relative;z-index: 1;background: #fff;}
.vis-hd .logo{height: 100%;padding-left: 45px;float: left;margin-right: 25px;z-index: 1;}
.vis-hd .logo img{padding-top: 21px;width: 205px;}
.vis-hd .custom-select{float: left;}
.vis-hd .custom-select {float: left;background: none;width: auto;border: 0;color: inherit;padding: 0;}
.vis-hd .custom-select a{color: inherit;}
.vis-hd .custom-select.no-pc{display: none;}
.vis-hd .custom-select>strong{display: block;line-height: 80px;font-size: 14px;font-weight: 400;min-width: 60px;}
.vis-hd .custom-select>strong:hover, .vis-hd .custom-select.on>strong{color: #004294;}
.vis-hd .custom-select.on>strong{border-bottom: 3px solid #004294;line-height: 77px;}
.vis-hd .custom-select>strong>a{padding: 0 40px;display: block;}
.vis-hd .custom-select>strong>a:hover{text-decoration: none;}
.lang-en .vis-hd .custom-select>strong>a, .lang-vi .vis-hd .custom-select>strong>a{padding: 0 23px;letter-spacing: -0.6px;}
.mk-jobs.lang-vi .vis-hd .custom-select>strong>a{padding: 0 8px !important;}
.vis-hd .custom-select>ul{display: none; bottom: auto;top: 80px;box-shadow: 0px 1px 3px rgba(0,0,0,0.35);min-width: 350px;box-sizing: border-box;padding: 0;border: 0;left: 0;background: transparent;overflow: hidden;background: #fff;}
.vis-hd .custom-select:hover>ul{display: block;}
.vis-hd .custom-select>ul>li{float: left;width: 50%;border: 1px solid #eee;box-sizing: border-box;min-height: 100px;margin-top: -1px;margin-right: -1px;background: #fff;}
.custom-select{position: relative;}
.vis-hd .custom-select>ul>li:nth-child(2n){border-right: 0;}
.custom-select>strong{color: #000;font-size: 14px;font-weight: normal;cursor: pointer;}
.custom-select.no-sub>strong{padding: 0;}
.custom-select>ul{ position: absolute;background: #fff;bottom: 0;left: 0;border: 1px solid #888;min-width: 180px;padding: 10px 0;padding: 10px 0;box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.35);padding: 20px;}
.custom-select>ul>li>a{display: block;cursor: pointer;padding: 0 10px 10px;}
.custom-select>ul>li>a span, .custom-select>ul>li>a strong{display: block;text-align: center;}
.custom-select>ul>li>a strong{font-size: 14px;font-weight: normal;color: #666;margin-top: -10px;}
.custom-select>ul>li:hover>a+ul, .custom-select>ul:not(.hover)>li.selected>a+ul{display: block;height: 100%;box-sizing: border-box;}

.vis-hd .f-r{height: 100%;z-index: 1;}
.vis-hd .f-r>div{float: left;height: 100%;}
.vis-hd .f-r > div.login-area{min-width: 240px;}
.vis-hd .f-r>div>a{display: block;padding: 22px 10px;text-align: center;height: 100%;box-sizing: border-box;}
.vis-hd .f-r>div>a:focus{outline: none;}
.vis-hd .f-r>div>a.btns{border: 0;background: #004c98;color: #fff;}
.vis-hd .f-r>div:first-child img{vertical-align: middle;margin-left: 10px;}
.vis-hd .f-r>div.basket{margin-left: 0px;}

.vis-hd .f-r>div.alram, .vis-hd .f-r>div.basket{position: relative;}
.vis-hd .f-r>div.alram>a>span, .vis-hd .f-r>div.basket>a>span{display: inline-block;background: #004c98;font-size: 12px;color: #fff;height: 20px;line-height: 18px;width: 35px;text-align: center;border-radius: 30px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -2px;font-weight: 500;}
.vis-hd .f-r>div.alram .alram-list{display: none;position:  absolute;right: 0;top: 80px;background: #fff;border-top: 1px solid #ddd;width: 382px;padding: 0 0 64px;box-sizing: border-box;}
.vis-hd .f-r>div.alram .alram-list>ul{height: 100%;max-height: 535px;overflow: auto;}
.vis-hd .f-r>div.alram .alram-list .no-data{padding: 100px 0;margin-bottom: -63px;font-size: 16px;color: #888;position: absolute;left: 0;top: 0;width: 100%;}
.vis-hd .f-r>div.alram .alram-list li{display: block;border-bottom: 1px solid #ddd;position: relative;box-sizing: border-box;padding: 30px 50px 30px 20px;background: #f4f4f4;}
.vis-hd .f-r>div.alram .alram-list li.read{background: #fff;}
.vis-hd .f-r>div.alram .alram-list li.read *{opacity: 0.4;}
.vis-hd .f-r>div.alram .alram-list li:last-of-type{border-bottom: 0;}
.vis-hd .f-r>div.alram .alram-list li .close-al{position: absolute;right: 20px;top: 30px;font-size: 0;background: url("/theme/cyberedu/pix/images/icon_close_gray.png") no-repeat center;width: 21px;height: 21px;cursor: pointer;opacity: 1}
.vis-hd .f-r>div.alram .alram-list li>div{font-size: 17px;font-weight: 500;margin-bottom: 9px;}
.vis-hd .f-r>div.alram .alram-list li>p{font-size: 14px;color: #555;margin-bottom: 7px;}
vis-hd .f-r>div.alram .alram-list li>span{color: #888;font-size: 15px;}
.vis-hd .f-r>div.alram .alram-list .all-btn{position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;background: #f0f0f0;font-size: 18px;padding: 22px 10px;box-sizing: border-box;}

.vis-hd .f-r>.login-area{font-size: 0;display: inline-block;line-height: 80px;}
.vis-hd .f-r>.login-area>li{display: inline-block;font-size: 14px;margin-left: 35px;vertical-align: middle;}

.vis-hd .f-r>div.user-info{position: relative;margin-left: 30px;}
.vis-hd .f-r>div.user-info>p{cursor: pointer;font-size: 14px;text-align: center;height: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.vis-hd .f-r>div.user-info>p>span:after{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_toggle_down.png") no-repeat center;background-size: 10px auto;width: 10px;height: 10px;margin-left: 5px;transition: transform 0.3s;}
.vis-hd .f-r>div.user-info>p.on>span:after{transform: rotate(-180deg);}
.vis-hd .f-r>div.user-info>ul{display: none; position: absolute;right: 0;top: 79px;background: #fff;width: 100%;padding: 20px 25px 20px;box-sizing: border-box;min-width: 240px;border-top: 1px solid #ddd;}
.vis-hd .f-r>div.user-info>ul>li>a{display: block;padding: 15px 10px;border-bottom: 1px solid #eee;color: #222;font-size: 17px;box-sizing: border-box;line-height: 1.2;}
.vis-hd .f-r>div.user-info>ul>li:last-child>a{border-bottom: 0;}
.vis-hd .f-r>div.user-info>ul>li>a img{width: auto;height: auto;border-radius: 0;}
.vis-hd .f-r>div.user-info img{width: 45px;height: 45px;margin-right: 13px;vertical-align: middle;border-radius: 100%;}
.my-wrap{display: none;position: fixed;background: #000;opacity: 0.4;top: 80px;left: 0;bottom: 0;right: 0;z-index: 9999;}


.hd-search-area{opacity: 0;z-index: 0;position: absolute;width: 100%;left: 0;
    top: -300px;background: #fff;border-top: 1px solid #ddd;padding: 100px 10px 20px;box-sizing: border-box;min-height: 300px;transition: 0.4s;}
.hd-search-area.on{top: 79px;opacity: 1;}
.hd-search-area>.close-search{font-size: 0;position: absolute;right: 20px;top: 20px;display: inline-block;background: url("/theme/cyberedu/pix/images/icon_close.png") no-repeat center;width: 40px;height: 40px;}
.hd-search-area .hd-fr{position: relative;padding-right: 65px;border: 2px solid #004c98;box-sizing: border-box;margin: 0 auto;width: 100%;max-width: 815px;height: 60px;}
.hd-search-area .hd-fr{margin-bottom: 20px;}
.hd-search-area .hd-fr input[type=submit], .hd-search-area .hd-fr input[type=submit]:hover{font-size: 0 !important;position:absolute;top:0;right: 0;height: 58px !important;background: url("/theme/cyberedu/pix/images/icon_search_blue.png") no-repeat center;width: 65px;border: 0;min-width: 0 !important;}
.hd-search-area .hd-fr input[type=text]{border: 0;height: 100%;width: 100%; padding: 13px 0 13px 20px;box-sizing: border-box;font-size: 20px;color: #004c98;background-color: transparent;}
.hd-search-area .hd-fr input[type=text]:-ms-input-placeholder{color: #777;}
.hd-search-area .hash-area{width: 100%;max-width: 815px;margin: 0 auto;}
.hd-search-area .hash-area a{color: #555555;font-size: 17px;}
/*#######################
##      main
#########################*/
body.noScroll:not(.mobile){overflow: hidden !important;padding-right: 17px !important;}
/*body.noScroll:not(.mobile) .vis-hd, body[style*='hidden'] .vis-hd{width: auto;right: 17px;}*/
body.is-banner .vis-footer{padding-bottom: 130px;}
/*## main slider ##*/
.main-slider{margin-bottom: 0 !important;}
.main-slider.slick-slider{width: 100%;width: 100%;background: #eee; background-size: 140px auto;height: 300px;}
.main-slider .slick-initialized .slick-slide[width='100px']{width: 100% !important;}
.main-slider .slick-list{position: absolute !important;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;}
.main-slider .slick-list .slick-track{height: 100%;width: 100%;}
.main-slider .slick-slide>div:not(.group){width: 100%;height: 100%;}
.main-slider .sd{width: 100%;position: relative;height: 100%;}
.main-slider .sd img{position: absolute;left: 50%;top: 0;width: 100%;height: 100%;z-index: 0;transform: translate(-50%, 0);max-width: auto;}
.main-slider .sd img.ic-mobile{display: none;}
.main-slider .slick-arrow, .main-slider .slick-arrow:hover{border: 1px solid #fdfdfd !important;border-radius: 100%;width: 60px;height: 60px;font-size: 0 !important;}
.main-slider .slick-prev{left: 50%;z-index: 1;margin-left: -640px;background: url("/theme/cyberedu/pix/images/icon_sd_arrow_l.png") no-repeat center !important;}
.main-slider .slick-next{right: 50%;z-index: 1;margin-right: -640px;background:  url("/theme/cyberedu/pix/images/icon_sd_arrow_r.png") no-repeat center !important;}
.main-slider .slick-arrow:before{display: none;}
.main-slider .slick-dots{width: 100px;position: absolute;left: 50%;top: 0;width: auto;text-align: right;bottom: auto;padding-left: 550px;margin-left: -100px; padding-top: 30px;}
.main-slider .slick-dots li{width: 12px;height: 12px;}
.main-slider .slick-dots li:first-child:last-child{display: none;}
.main-slider .slick-dots li button{display: inline-block;width: 12px;height: 12px;box-sizing: border-box;border: 1px solid #fff;border-radius: 100%;min-width: 0;font-size: 0 !important;}
.main-slider .slick-dots li.slick-active button{background: #fff;border-color: #fff;}
.main-slider .slick-dots li button:before{display: none;}
.main-slider .sd .group{position: relative;z-index: 1;color: #fff;padding: 0 20px;max-width: 1040px;top: 50%;transform: translate(0, -50%);margin-top: -30px;}
.main-slider .sd .group>p{color: #fff;font-size: 40px;margin-bottom: 45px;font-weight: 300;}
.main-slider .sd .group>p strong{font-weight: normal;}
.main-slider .main-search{margin-bottom: 30px;}
.main-search{background: #fff;width: 100%;max-width: 640px;height: 50px;position: relative;padding-right: 60px;box-sizing: border-box;background: rgba(255,255,255,0.2);border: 2px solid #fff;}
.main-search input[type=text]{border: 0;height: 100%;width: 100%;padding: 10px;box-sizing: border-box;font-size: 18px;background: rgba(255,255,255,0.2);}
.main-search input[type=submit]{position: absolute;width: 60px !important;height: 50px !important;right: 0;top: 0;box-sizing: border-box;background: rgba(255,255,255,0.2) url("/theme/cyberedu/pix/images/icon_search_w.png") no-repeat center !important;background-size: 22px !important;border: 0 !important;font-size: 0 !important;}



.hash-group{float: left;width: 100%;margin-top: 7px;}
.hash-area{font-size: 0;}
.hash-area>li{color: #fff;font-size: 14px;display: inline-block;margin-right: 15px;margin-bottom: 10px; font-weight: 300;}
.hash-area>li>a:before{content: "#"}
.hash-group .hash-area>li{color: #666;background: #fafafa;line-height: 34px;margin-right: 4px;padding: 0 10px;}


/*## main contents ##*/
.sub-menu.main .sub-menu-wrap li .sub-menu-cnt{padding-top: 0;padding-bottom: 20px;}
.sub-menu.main .sub-menu-wrap li .sub-menu-cnt img{padding: 0;}
.main-contents .bg-area{background: #f7f7f7;padding: 50px 0;}
.main-contents .bg-area.scd{padding-bottom: 50px;}
.main-contents .pg-tit{font-size: 20px;font-weight: bold;margin-bottom: 5px;}

.pg-tit{font-size: 28px;font-weight: 500;margin-bottom: 23px;/* overflow: hidden; */}
body.lang-vi .pg-tit{line-height: 1.3;}
.pg-tit.f22{font-size: 22px;margin-bottom: 18px;}
h2.pg-tit{font-size: 32px;font-weight: normal;line-height: 1.1;margin-bottom: 30px;}
h2.pg-tit:first-child{margin-top: -3px;}
h4.pg-tit{font-size: 24px;}
h5.pg-tit{font-size: 20px;line-height: 1.2;margin-bottom: 17px;}
.pg-tit a.btns{font-weight: normal;}
.mk-jobs h5.pg-tit strong{font-weight: 500;}
.pg-tit .mr{display: inline-block;float: right;font-size: 0;;background: url("/theme/cyberedu/pix/images/icon_pluse.png") no-repeat center;width: 30px;height: 30px;border: 1px solid #cdcdcd;}
.pg-tit .mr_all{color: #555;font-weight: normal;font-size: 15px;float: right;margin-top: 10px;}
.pg-tit .mr_all:after{content: ">";margin-left: 3px;}
.cmnt-tit{font-size: 26px;font-weight: 500;margin-bottom: 20px;}


.main-contents .white-area .group{padding: 50px 20px;}

.learn-list{white-space: nowrap;overflow: hidden;margin-bottom: 45px;}
.learn-list .ls{display: inline-block;width: 100%;box-sizing: border-box;font-size: 0;text-align: center;padding: 0 50px;box-sizing: border-box;height: auto;}
.learn-list .ls>span{font-size: 25px;color: #222;vertical-align: middle;margin-right: 3px;font-weight: 200;}
.learn-list .ls>strong{font-size: 25px;margin-right: 15px;vertical-align: middle;display: inline-block;font-weight: 200;display: inline-block;max-width: calc(100% - 255px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.learn-list .ls .btns{position: relative;padding: 0 35px 0 20px;font-size: 16px;font-weight: 500;color: #1f8ecd;background: #fff;border-color: #1f8ecd;line-height: 38px;height: 40px;min-width: 145px;vertical-align: middle;}
.learn-list .ls .btns:after{content: ">";position: absolute;right: 12px;font-family: '궁서';}
.learn-list .slick-arrow{width: 15px !important;height: 30px !important;}
.learn-list .slick-arrow:before{display: none;}
.learn-list .slick-prev{left: 10px;background: url("/theme/cyberedu/pix/images/icon_arrow_big_l.png") no-repeat center !important;width: 13px;height: 24px;z-index: 2;}
.learn-list .slick-next{right: 10px;background: url("/theme/cyberedu/pix/images/icon_arrow_big_r.png") no-repeat center !important;width: 13px;height: 24px;}

.main-menu-link{display: flex;justify-content: space-between;margin-bottom: 30px;}
.main-menu-link>div{border: 1px solid #d6d6d6;height: 160px;width: calc(33.33% - 10px);padding: 25px 0;box-sizing: border-box;}
.main-menu-link>div a{display: flex;justify-content: center;align-items: center;flex-direction: column;color: #000;font-size: 20px;font-weight: 700;height: 100%;position: relative;padding-left: 50%;}
.main-menu-link>div a:before{content: "";display: block;position: absolute;left: 0;top: 0;width: 50%;height: 100%;border-right: 1px solid #d6d6d6;}
.main-menu-link div.ic-program a:before{background: url("/theme/cyberedu/pix/images/ic_main_program.png") no-repeat center;}
.main-menu-link div.ic-mooc a:before{background: url("/theme/cyberedu/pix/images/ic_main_mooc.png") no-repeat center;}
.main-menu-link div.ic-bridge a:before{background: url("/theme/cyberedu/pix/images/ic_main_bridge.png") no-repeat center;}
.main-menu-link>div a span{display: block;min-width: 100px;margin-right: -20px;}

.main-noti-area{display: flex;justify-content: space-between;}
.main-noti-area .left{width: calc(66.67% - 7.5px);position: relative;}
.main-noti-area .left h6{font-size: 24px;color: #222;margin-bottom: 10px;padding-right: 30px;}
.main-noti-area .left ul li{font-size: 17px;font-weight: 300;color: #222;margin-bottom: 7px;}
.main-noti-area .left ul li:last-child{margin-bottom: 0;}
.main-noti-area .left ul li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-noti-area .left ul li a em{font-style: normal;color: #1f8fce;}
.main-noti-area .left .ic-more{display: inline-block;position: absolute;right: 0;top: 0;font-size: 0;background: url("/theme/cyberedu/pix/images/ic_plus.png") no-repeat center;height: 35px;width: 30px;}
.main-noti-area .right{display: flex;justify-content: space-between;width: calc(33.33% - 10px);}
.main-noti-area .right p{width: calc(50% - 5px);color: #fff;font-size: 22px;font-weight: 700;}
.main-noti-area .right p.link-faq{background-color: #1155a7;}
.main-noti-area .right p.link-help{background-color: #34b6ff;}
.main-noti-area .right p a{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;box-sizing: border-box;}


/*#######################
##       contents
#########################*/
body.bgblue{background: #edf0f5;}
@media screen and (min-width:1025px){
    .cont:not(.search-wrap){min-height: calc(100vh - 215px);}
}
.cont .group{padding-top: 70px;padding-bottom: 40px;}
.cont .group:after{content: "";display: block;clear: both;}
.page-nav{font-size: 0;margin-bottom: 17px;}
.page-nav.tit{margin-bottom: 10px;position: relative;padding-right: 30px;box-sizing: border-box;}
.page-nav.tit .mr{display: inline-block;float: right;font-size: 0;background: url(/theme/cyberedu/pix/images/icon_pluse.png) no-repeat center;width: 30px;height: 30px;border: 1px solid #cdcdcd;position: absolute;right: 0;top: 0;box-sizing: border-box;}
.page-nav.has-icon{position: relative;padding-right: 80px;}
.page-nav.has-icon .f-r{position: absolute;right: 0;top: 0;}
.page-nav.has-icon .f-r>a{display: inline-block;width: 34px;height: 35px;margin-left: 10px;}

.page-nav.has-icon .f-r>a.ic-heart{background: url("/theme/cyberedu/pix/images/icon_heart02.png") no-repeat center;}
.page-nav.has-icon .f-r>a.ic-heart.on{background: url("/theme/cyberedu/pix/images/icon_heart02_on.png") no-repeat center;}
.page-nav.has-icon .f-r>a.ic-share{background: url("/theme/cyberedu/pix/images/icon_facebook_big.png") no-repeat center;background-size: 29px 29px;}
.page-nav>p{font-size: 18px;line-height: 1.2;display: inline-block; color: #999; }
.page-nav>p:not(:last-of-type):after{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_arrow_big_r.png") no-repeat center;width: 15px;height: 15px;background-size: contain;margin: 0 5px;opacity: 0.8;}
.page-nav.tit>p:not(:first-child):before{background-size: 8px auto;margin: 0 5px;height: 15px;vertical-align: baseline;}
.page-nav>.sub-mn{display: inline-block;vertical-align: top;position: relative;margin-left: 15px;z-index: 3;}


.page-nav>.sub-mn>span{display: inline-block;font-size: 0;background: url("/theme/cyberedu/pix/images/icon_menu.png")no-repeat center;width: 35px;height: 35px;cursor: pointer;}
.page-nav>.sub-mn>ul{display: none;position: absolute;top: 38px;left: 7px; background: #fff; min-width: 410px;border: 1px solid #888;    box-shadow: 1px 0px 5px 4px rgba(0,0,0,0.08);padding: 20px 210px 20px 25px;box-sizing: border-box;}
.page-nav>.sub-mn.no-bt-pd>ul{padding-bottom: 40px;}
.page-nav>.sub-mn.depth1>ul{padding-right: 40px;}
.page-nav>.sub-mn>ul>li>a{font-size: 17px;font-weight: 500;color: #555;border-top: 1px solid #eee;padding: 13px 16px 13px 5px;display: block;}
.page-nav>.sub-mn>ul>li:first-child>a{border-top: 0;}
.page-nav>.sub-mn>ul>li>ul{display: none;position: absolute;right: 0;top: 0;padding: 25px 0 25px;width: 210px;height: 100%;box-sizing: border-box;}
.page-nav>.sub-mn>ul>li:not(.bt):hover>a, .page-nav>.sub-mn>ul:not(.hover)>li.selected>a{color: #004c98;background: url("/theme/cyberedu/pix/images/icon_arrow_r.png") no-repeat right center;}
.page-nav>.sub-mn.depth1>ul>li:hover>a, .page-nav>.sub-mn.depth1>ul:not(.hover)>li.selected>a{background: none;}
.page-nav>.sub-mn>ul>li:hover>ul, .page-nav>.sub-mn>ul:not(.hover)>li.selected>ul{display: block;}
.page-nav>.sub-mn>ul>li>ul>li>a{display: block;padding: 9px 10px 9px 10px;font-size: 15px;text-align: center;font-weight: 500;}
.page-nav>.sub-mn>ul>li>ul>li>a:hover, .page-nav>.sub-mn>ul:not(.hover)>li>ul>li.selected>a{color: #004c98;}

.page-nav>.sub-mn .bt{height: 75px;position: absolute;left: 0;bottom: 0;width: 100%;display: none;}
.page-nav>.sub-mn .bt a{background: #004c98;text-align: center;display: block;height: 100%;font-size: 20px;font-weight: 300;color: #fff;box-sizing: border-box;padding: 19px 10px;}
.page-nav>.sub-mn .bt a:after{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_arrow_w.png") no-repeat center;background-size: auto 14px;height: 14px;width: 10px;margin-left: 10px;}

.t-point{display: inline-block;padding-left: 20px;}
.t-point:before{content: "※";margin-left: -20px;}

.ft-dot:before{content: "";display: inline-block;width: 6px;height: 6px;background: #76cb00;border-radius: 100%;vertical-align: middle;margin-right: 5px;margin-top: -6px;}

.target-area>*{display: none;}
.target-area>.on{display: block;}
.bar-tab-grp .target-area>*{display: block;visibility: hidden;height: 0;}
.bar-tab-grp .target-area>.on{visibility: visible;height: auto;}


ul.dash-list li{padding-left: 10px;}
ul.dash-list li:before{content: "-";vertical-align: top;margin-left: -10px;margin-right: 4px;}

.mk-c-tab{clear: both;overflow: hidden;margin-bottom: 20px;}
.mk-c-tab>li{float: left;width: 50%;text-align: center;font-size: 17px;color: #888;box-sizing: border-box;}
.mk-c-tab.col3>li{width: 25%;}
.mk-c-tab.col8{border: 1px solid #eee;border-bottom: 0;border-right: 0;}
.mk-c-tab.col8>li{width: 25%;border-bottom: 1px solid #eee;}
.mk-c-tab.col8>li:last-child>a{border-right: 1px solid #eee;}
.mk-c-tab>li>a{display: block;padding: 12px 10px;background: #f8f8f8;border-right: 1px solid #eee;font-weight: 300;height: 50px;box-sizing: border-box;color: inherit;}
.mk-c-tab>li>a:hover{text-decoration: none;}
.lang-vi .mk-c-tab>li{font-size: 14px;letter-spacing: -0.4px;}
.lang-vi .mk-c-tab>li>a{padding-left: 5px;padding-right: 5px;}
.mk-c-tab>li:last-child>a{border-right: 0;}
.mk-c-tab>li.on>a{border: 1px solid #222;background: #fff;color: #000;font-weight: normal;line-height: 25px;}
.lang-en#page-local-management-term-personalinfo .mk-c-tab>li>a{font-size: 15px;letter-spacing: -0.4px;padding-top: 14px;}

#page-local-management-term-personalinfo .floating-menu .ic-customer{display: none;}


.m-select>strong{display: none;}


.mk-paging{font-size: 0;text-align: center;}
.mk-paging>li{margin: 1.5px;display: inline-block;vertical-align: middle;}
.mk-paging>li>a{display: block;border: 1px solid #ccc;color: #888;font-size: 13px;line-height: 32px;text-align: center;width: 34px;height: 34px;box-sizing: border-box;}
.mk-paging>li.on>a, .mk-paging>li:hover>a{color: #000;border-color: #666;}
.mk-paging>li.first>a{font-size: 0;background: url("/theme/cyberedu/pix/images/icon_pg_first.png") no-repeat center;border: 1px solid #ddd;}
.mk-paging>li.prev>a{font-size: 0;background: url("/theme/cyberedu/pix/images/icon_pg_prev.png") no-repeat center;border: 1px solid #ddd;}
.mk-paging>li.next>a{font-size: 0;background: url("/theme/cyberedu/pix/images/icon_pg_next.png") no-repeat center;border: 1px solid #ddd;}
.mk-paging>li.end>a{font-size: 0;background: url("/theme/cyberedu/pix/images/icon_pg_end.png") no-repeat center;border: 1px solid #ddd;}

/*## form style ##*/
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
}
input[type=text],input[type=password],input[type=number]{border: 1px solid #ccc;font-size: 15px;color: #555;height: 35px;box-sizing: border-box;padding: 10px;line-height: 1;margin-bottom: 0;}
select{border: 1px solid #ccc;font-size: 15px;color: #555;height: 35px;box-sizing: border-box;padding: 5px 10px;line-height: 1;margin-bottom: 0;}
select.under{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background: url("/theme/cyberedu/pix/images/icon_custom_select.png") no-repeat right center;border: 0;border-bottom: 1px solid #ccc;padding-right: 20px;box-sizing: border-box;min-width: 70px;line-height: 1;}
select.under::-ms-expand{display:none;}

.custom-ck{display: inline-block;vertical-align: middle; cursor: pointer;}
.custom-ck input[type=checkbox]{display: none;}
.custom-ck span{vertical-align: middle;color: #555;font-size: 16px;}
.custom-ck span:before{content: "";display: inline-block;width: 22px;height: 22px;background: url("/theme/cyberedu/pix/images/check.png") no-repeat center;margin-right: 8px;vertical-align: middle;margin-top: -2px;cursor: pointer;}
.custom-ck input:checked+span:before{background: url("/theme/cyberedu/pix/images/check_on.png") no-repeat center;}

.btns, input.btns{cursor: pointer;display: inline-block;height: 35px;line-height: 33px;border: 1px solid #ccc;text-align: center;font-size: 15px;min-width: 60px;padding: 0 10px;box-sizing: border-box;border-radius: 0;background: #fff;}
.btns.point{background: #004c98 !important;border-color: #004c98;color: #fff !important;}
.btns.gray{background: #707070 !important;color: #fff !important;border-color: #707070 !important;}
.btns.gray02{background: #bbb !important;color: #fff !important;border-color: #bbb !important;}
.btns.br_blue{color: #004c98;border-color: #004c98;background: #fff;}
.btns.br_blue.w100{min-width: 100%;}
.btns.h40{height: 40px;line-height: 38px;padding: 0 15px;font-size: 16px;}
.btns.h50{height: 50px;line-height: 48px;padding: 0 15px;font-size: 16px;}
.btns.h60{height: 60px;line-height: 58px;padding: 0 15px;font-size: 20px;min-width: 150px;}
.btns.big{font-size: 20px;min-width: 118px;height: 50px;line-height: 48px;}
.btns.big02{min-width: 140px;height: 55px;line-height: 53px;font-size: 20px !important;}
.btns.ic-plus{border-color: #004c98;color: #004c98;min-width: 90px;box-sizing: border-box;font-size: 16px;}
.btns.ic-plus:before{content: "";display: inline-block;width: 15px;height: 15px;background: url("/theme/cyberedu/pix/images/icon_btn_plus.png") no-repeat center;margin-right: 3px;vertical-align: middle;margin-top: -2px}
.btns.point.ic-down{background-image: url("/theme/cyberedu/pix/images/icon_down_w.png") !important;background-repeat: no-repeat !important;background-position: left 15px center !important;padding-left: 35px;padding-right: 15px;}
.btns.br.ic-down{background: url("/theme/cyberedu/pix/images/icon_down.png") no-repeat left 15px center;background-size: 14px auto;padding-left: 35px;padding-right: 15px;}

table .btns{height: 28px;line-height: 26px;font-size: 13px;min-width: 52px;}
.shopping-table .btns{font-size: 13px !important;}

.btn-area{font-size: 0;}
.btn-area>.btns{margin-right: 5px;}
.btn-area.text-right>.btns{margin-left: 5px;}
.btn-area.text-center>.btns{margin: 2.5px 2.5px;}
.btn-area.text-center>.btns.big02{margin: 5px 5px;}



/*## 썸네일 ##*/
.thumb-list{margin: 0 -13px;}
.thumb-list:after{content: "";display: block;clear: both;}
.thumb-list li{float: left;position: relative;padding: 0 13px 0;width: 33%;box-sizing: border-box;}
@media screen and (max-width:1357px){.thumb-list.style01.slider{margin: 0;}}
.thumb-list.style01 li{padding-top: 18px}
.thumb-list.style01.slider{margin-bottom: 0;}
.thumb-list.style01.slider .slick-dots {bottom: auto;top: -33px;left: auto;right: 8px;width: auto;margin: 0;}
.thumb-list.style01.slider .slick-dots li{padding: 0;margin: 0 3px;width: 12px;height: 12px;}
.thumb-list.style01.slider .slick-dots li button {width: 100%;height: 100%;background: #fff;border-radius: 100%;border: 1px solid #ddd;box-sizing: border-box;margin: 0;font-size: 0 !important;}
.thumb-list.style01.slider .slick-dots li.slick-active button {background: #aaa;border-color: #aaa;}
.thumb-list.style01.slider .slick-dots li button:before{display: none;}

.thumb-list.style01.slider .slick-arrow {background-color: rgba(0,0,0,0.5) !important;width: 35px;height: 35px;z-index: 2;top: 35%;margin-top: -17.5px;min-width: 0;}

.thumb-list.style01.slider .slick-prev {left: 3px;transform: translate(0,0);background: #fff url(/theme/cyberedu/pix/images/icon_arrow_w_sm_l.png) no-repeat center;background-size: 12px 21px;}
.thumb-list.style01.slider .slick-next {right: -0;transform: translate(0,0);background: #fff url(/theme/cyberedu/pix/images/icon_arrow_w_sm_r.png) no-repeat center;background-size: 12px 21px;}
.thumb-list.style01.slider .slick-arrow:before{display: none;}
.thumb-list.style01 li .wp{background: #fff;border: 1px solid #f2f3f5;box-sizing: border-box;}
.thumb-list.style01 li .ic-like{cursor: pointer;display: inline-block;width: 50px;height: 50px;box-sizing: border-box;border: 1px solid #f2f2f2;background: #fff url("/theme/cyberedu/pix/images/icon_like_off.png") no-repeat center;background-size: auto 16px;border-radius: 100%;font-size: 0;position: absolute;right: -12px;top: -25px;}
.thumb-list.style01 li .ic-like.on{background: #fff url("/theme/cyberedu/pix/images/icon_like_on.png") no-repeat center;background-size: auto 16px;}
.thumb-list.style01 li .tp{padding: 25px 25px 25px;box-sizing: border-box;position: relative;}
.thumb-list.style01 li .tp .tit{font-size: 20px;font-weight: 500;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 7px;letter-spacing: -0.7px;}
.thumb-list.style01 li .tp>p{color: #888;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 20px;}
.main-contents .thumb-list.slider .slick-dots{bottom: auto;top: -33px;left: auto;right: 8px;width: auto;margin: 0;}
.main-contents .thumb-list.slider .slick-dots li{margin: 0 3px;width: 12px;height: 12px;padding: 0;}
.main-contents .thumb-list.slider .slick-dots li button{width: 100%;height: 100%; background: #fff;border-radius: 100%;border: 1px solid #ddd;box-sizing: border-box;margin: 0;font-size: 0 !important;}
.main-contents .thumb-list.slider .slick-dots{display: none !important;}
.main-contents .thumb-list.slider .slick-arrow~.slick-dots{display: block !important;}
.main-contents .thumb-list.slider .slick-dots li.slick-active button{background: #aaa;border-color: #aaa;}
.main-contents .thumb-list.slider .slick-dots li button:before{display: none;}
.main-contents .thumb-list.slider .slick-arrow:before{display: none;}
.main-contents .thumb-list.slider .slick-arrow{background-color: rgba(0,0,0,0.5) !important;width: 35px;height: 35px;z-index: 2;top: 35%;margin-top: -17.5px;min-width: 0;}
.main-contents .thumb-list.slider .slick-disabled{cursor: default;opacity: 0.6 !important;}
.main-contents .thumb-list.slider .slick-prev{left: 3px;transform: translate(0,0);background: #fff url("/theme/cyberedu/pix/images/icon_arrow_w_sm_l.png") no-repeat center;background-size: 12px 21px;}
.main-contents .thumb-list.slider .slick-next{right: -0;transform: translate(0,0);background: #fff url("/theme/cyberedu/pix/images/icon_arrow_w_sm_r.png") no-repeat center;background-size: 12px 21px;}

.thumb-list li .star-area{display: inline-block;vertical-align: baseline;}
.thumb-list li .star-area>span{font-size: 12px;color: #888;}
.thumb-list li .star-event{display: inline-block;vertical-align: middle;}
.star-event>span{background: url("/theme/cyberedu/pix/images/icon_star.png") no-repeat center;background-size: 13px auto;width: 13px;height: 13px;display: inline-block;padding-right: 5px;}
.star-event>span.on{background: url("/theme/cyberedu/pix/images/icon_star_on.png") no-repeat center;background-size: 13px auto;}
.star-event.hover>span{cursor: pointer;transition: 0.3s;}
/*.star-event.red>span.on{background: url("/theme/cyberedu/pix/images/icon_star_red_on.png") no-repeat center;}*/
.star-event.big>span{width: 26px;height: 26px;background-size: 26px 26px !important;}
.thumb-list li .ic-heart{display: inline-block;font-size: 13px;color: #888;background: url("/theme/cyberedu/pix/images/icon_heart_gray.png") no-repeat left 10px top;background-size:13px auto;padding-left: 30px;border-left: 1px solid #ddd;margin-left: 10px;height: 13px;line-height: 13px;}
.thumb-list li .price{font-size: 18px;font-weight: 500;display: block;text-align: right;line-height: 1;padding-top: 18px;box-sizing: border-box;position: relative;}
.thumb-list li .price>span{color: #888;font-size: 12px;margin-left: 5px;}
.thumb-list li .price .p-down{font-size: 15px;position: absolute;left: 0;top: 18px;width: 100%;text-align: left;}
.thumb-list li .price .p-down>span:first-child{font-size: 14px;background-position: top 7px center;}
.thumb-list li .price .p-down>span:before, .thumb-list li .price .p-down>span:after{display: none;}
.thumb-list li .img{position: relative;height: 0;padding-top: 57%;border-bottom: 1px solid #eee;}
.thumb-list li .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.thumb-list.style02 li{position: relative;margin-bottom: 10px;}
.thumb-list.style02 li .wp{border: 1px solid #eee;background: #fff;}
.thumb-list li .wp .best{display: inline-block;font-size: 0;background: url("/theme/cyberedu/pix/images/icon_badge.png") no-repeat center;width: 63px;height: 74px;position: absolute;top: 0;right: 0;z-index: 1;}
.thumb-list.style02 li .wp .img .bg-tit{position: absolute;left: 0;bottom: 0; width: 100%;background: rgba(0,0,0,0.4);padding: 23px 20px 10px;color: #fff;box-sizing: border-box;}
.thumb-list.style02 li .wp .img .bg-tit strong{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 17px;}
.thumb-list li .wp .img .dw{display: inline-block;line-height: 35px;width: 70px;text-align: center;position: absolute;bottom: 7px;left: 10px;background: rgb(234,51,64);border-radius: 5px;font-size: 15px;font-weight: 500;color: #fff;}
.thumb-list li .wp .img .dw:after{content: "% off";font-size: 13px;font-weight: normal;}
.thumb-list.style02 li .wp .img .bg-tit strong{font-weight: normal;}
.thumb-list.style02 li .wp .txt{padding: 20px 20px 20px;margin-bottom: 0;}
.thumb-list.style02 li .wp .txt .tit{font-size: 14px;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;min-height: 20px;}
.thumb-list.style02 li .price{padding-top: 5px;font-size: 26px;letter-spacing: -0.8px;}
.thumb-list.style02 li .price>span{font-size: 16px;color: #000;font-weight: 500;}
.thumb-list.style02 li .price .p-down{top: 13px;}
.thumb-list.style02 li .bt{display: block;border: 1px solid #ccc;text-align: center;padding: 0 10px;box-sizing: border-box;color: #666;text-align: center
;line-height: 38px;margin-top: 20px;}



.thumb-list.slider:not(.style02):not(.style01):not(.style04){margin: 0 !important;}
.thumb-list.style03.slider{padding: 0 60px 0 40px;}
.thumb-list.style03.slider li{width: 265px !important;padding-left: 20px;}
.thumb-list.style03 li .wp{width: 100%;}
.thumb-list.style03 li .img{position: relative;height: 0;padding-top: 58%;}
.thumb-list.style03 li .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.thumb-list.style03 li .img .ic-label{position: absolute;top: 0;right: 0;padding: 10px;color: #fff;text-align: center;background: rgba(33,60,73,0.8);font-weight: 300;font-size: 14px;box-shadow: -3px 4px 3px rgba(0,0,0,0.1);}
.thumb-list.style03 li .img .ic-label.e-close{background: rgba(158,130,105,0.8);}
.thumb-list.style03 li .img .info{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.4);height: 40px;padding: 10px 20px;box-sizing: border-box;}
.thumb-list.style03 li .img .info .ic-heart{cursor: pointer;border: 0;margin: 0;background: url("/theme/cyberedu/pix/images/icon_heart.png") no-repeat left center;background-size: 20px auto !important;color: #fff;padding-left: 25px;font-size: 14px;}
.thumb-list.style03 li .img .info .ic-heart.on{background-image: url("/theme/cyberedu/pix/images/icon_heart02_on.png");}
.thumb-list.style03 li .img .info .dt{color: #fff;float: right;}
.thumb-list.style03 li .bt{padding: 20px 0;background: #fff;}
.thumb-list.style03 li .bt>div{font-size: 17px;line-height: 20px;max-height: 40px;overflow: hidden;margin-bottom: 12px;}
.thumb-list.style03 li .bt>p{color: #555;font-weight: 300;}
.thumb-list.style03 li .bt>p>span:first-child:after{content: "·";}
.main-contents .bg-area .thumb-list.style03 li .bt{padding: 20px;}

.thumb-list.style03 .slick-arrow{width: 40px;height: 40px;border: 1px solid #d8d8d8;border-radius: 100%;top: 50%;margin-top: -52px;min-width: 0;}
.thumb-list.style03 .slick-arrow:before{display: none;}
.thumb-list.style03 .slick-prev{background: url("/theme/cyberedu/pix/images/icon_arrow_l.png") no-repeat center;left: 0;}
.thumb-list.style03 .slick-next{background: url("/theme/cyberedu/pix/images/icon_arrow_r.png") no-repeat center;right: 0;}
.thumb-list.style03.brd>li{margin-bottom: 25px;}
.thumb-list.style03.brd>li>.wp{border: 1px solid #f2f3f5;}
.thumb-list.style03.brd>li>.wp .txt{padding: 5px 0;min-height: 65px;box-sizing: border-box;}
.thumb-list.style03.brd>li>.wp .txt .tit{word-break: break-all;font-size: 17px;font-weight: normal;text-align: left;letter-spacing: -0.5px;padding: 0 10px;line-height: 25px;height: 50px;overflow: hidden;}

.thumb-list.style04{font-size: 0;}
.thumb-list.style04 li{display: inline-block;float: none;vertical-align: top;cursor: pointer;}
.thumb-list.style04 li{margin-bottom: 30px;}
.thumb-list.style04 li .wp{border: 1px solid #eee;position: relative;}
.thumb-list.style04 li .wp .txt{padding: 18px;}
.thumb-list.style04 li .wp .txt div, .thumb-list.style04 li .wp .txt p{padding: 0 10px;margin-bottom: 7px;}


.thumb-list.style04.slider .slick-dots {bottom: auto;top: -33px;left: auto;right: 8px;width: auto;margin: 0;}
.thumb-list.style04.slider .slick-dots li{padding: 0;margin: 0 3px;width: 12px;height: 12px;}
.thumb-list.style04.slider .slick-dots li button {width: 100%;height: 100%;background: #fff;border-radius: 100%;border: 1px solid #ddd;box-sizing: border-box;margin: 0;font-size: 0 !important;}
.thumb-list.style04.slider .slick-dots li.slick-active button {background: #aaa;border-color: #aaa;}
.thumb-list.style04.slider .slick-dots li button:before{display: none;}

.thumb-list.style04.slider .slick-arrow {
    background-color: rgba(0,0,0,0.5) !important;
    width: 35px;
    height: 35px;
    z-index: 2;
    top: 35%;
    margin-top: -17.5px;
    min-width: 0;
}

.thumb-list.style04.slider .slick-prev {left: 3px;transform: translate(0,0);background: #fff url(/theme/cyberedu/pix/images/icon_arrow_w_sm_l.png) no-repeat center;background-size: 12px 21px;}
.thumb-list.style04.slider .slick-next {right: -0;transform: translate(0,0);background: #fff url(/theme/cyberedu/pix/images/icon_arrow_w_sm_r.png) no-repeat center;background-size: 12px 21px;}
.thumb-list.style04.slider .slick-arrow:before{display: none;}
.thumb-list.style04 li .wp{background: #fff;border: 1px solid #f2f3f5;box-sizing: border-box;position: relative;}





.thumb-list.style04 li .ic-heart{cursor: pointer;border: 1px solid #efefef;display: inline-block;width: 50px;height: 50px;font-size: 0;background: #fff url("/theme/cyberedu/pix/images/icon_like_off.png") no-repeat center;padding: 0;border-radius: 100%;position: absolute;right: -12px;bottom: -14px;;z-index: 1;}
.thumb-list.style04 li .ic-heart.on{background: #fff url("/theme/cyberedu/pix/images/icon_like_on.png") no-repeat center;}
.thumb-list.style04 li .wp .txt .tit{font-size: 16px;font-weight: 500;line-height: 23px;height: 46px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.thumb-list.style04 li .wp .txt p{color: #333;margin-bottom: 5px;font-size: 14px;letter-spacing: -0.5px;line-height: 19px; font-weight: 700;}
.lang-vi .thumb-list.style04 li .wp .txt p{font-size: 14px;}
.thumb-list.style04 li .wp .txt p>span:first-child:after{content: "";display: inline-block;height: 14px;width: 1px;background: #ddd;margin: 0 8px;vertical-align: middle;}
.thumb-list.style04 li .wp .txt p.t-gray{font-size: 13px;font-weight: 300;color: #888;margin-bottom: 40px;min-height: 0;letter-spacing: -0.5px;}
.lang-en .thumb-list.style04 li .wp .txt p.t-gray{font-size: 13px;letter-spacing: -0.8px;}
.lang-vi .thumb-list.style04 li .wp .txt p.t-gray{font-size: 13px;letter-spacing: -0.5px;}
.thumb-list.style04 li .wp .txt>.bt{display: block;border: 1px solid #aaa;line-height: 38px;text-align: center;color: #888;float: none; font-weight: 700;}
.thumb-list.style04 li .wp .txt>.bt.gray, .thumb-list.style02 li .wp .txt>.bt.gray{background: #707070;border-color: #707070;color: #fff;}
.thumb-list.style04 li .wp .txt>.bt.blue{display: block;border: 1px solid #aaa;line-height: 38px;text-align: center;background:#014284;color: #fff;float: none; font-weight: 700;}

/*## 강좌 서브메인 ##*/
.thumb-list.style04 li .ic-badge{position: absolute;top: 10px;right: 10px;display: inline-block;font-size: 0;z-index: 1;background-repeat: no-repeat;background-position: center; background-size: 30px auto;height: 35px;width: 30px;}
.thumb-list.style04 li .ic-badge.yellow{background-image: url("/theme/cyberedu/pix/images/badge_yellow04.png");}
.thumb-list.style04 li .ic-badge.green{background-image: url("/theme/cyberedu/pix/images/badge_green04.png");}
.thumb-list.style04 li .ic-badge.blue{background-image: url("/theme/cyberedu/pix/images/badge_blue04.png");}
.thumb-list.style04 li .badge-area{position: absolute;right: 10px;top: 10px;z-index: 1;font-size: 0;}
.thumb-list.style04 li .badge-area img{position: static;width: 40px;margin-left: 5px;cursor: default;}
.thumb-list.style04 li .badge-area .ic-badge{position: static;margin-left: 5px;}

/*## 강좌 상세 ##*/
.course-info{margin-bottom: 35px;}
.crs-img{width: 540px;height: 305px;position: relative;margin-right: 50px;float: left;}
.crs-img>div{height: 100%;}
.course-info .crs-img img, .course-info .crs-img iframe, .course-info .crs-img video{width: 100%;height: 100%;max-width: 100%;max-height: 100%;}
.course-info .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;text-align: center;}
.course-info .play>span{cursor: pointer;background: #c5160c url(/theme/cyberedu/pix/images/icon_play.png) no-repeat left 27px center;display: inline-block;width: 80px;height: 80px;border-radius: 100%;font-size: 0;;}
.course-info .play>a{text-decoration: underline;font-size: 16px;color: #fff;margin-top: 15px;display: block;}
.course-info .bg{content:"";display: block;background: rgba(0,0,0,0.4);z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.course-info .m-tit{display: none;}
.course-info .crs-txt{float: left;padding-top: 0;width: calc(100% - 590px);}
.course-info .crs-txt .tit{font-size: 26px;font-weight: 500;margin-bottom: 10px;}
.course-info .crs-txt .star-area{margin-bottom: 26px;}
.course-info .crs-txt .star-event{display: inline-block;}
.course-info .crs-txt .star-event>span{background-size: 18px auto !important;width: 18px;height: 18px;vertical-align: middle;}
.course-info .crs-txt .star-area>span{font-size: 14px;font-weight: 300;vertical-align: middle;}
.course-info .crs-txt .star-area>span .gray{color: #888;}
.course-info .crs-txt>ul>li{margin-bottom: 8px;overflow: hidden;font-size: 0;}
.course-info .crs-txt>ul>li>*{vertical-align: top;display: inline-block;}
.course-info .crs-txt>ul>li>span{width: 100px;font-size: 15px;color: #888;line-height: 28px;font-size: 14px;}
.lang-en .course-info .crs-txt>ul>li>span{width: 100px;letter-spacing: -0.3px;}
.lang-vi .course-info .crs-txt>ul>li>span{width: 125px;letter-spacing: -0.3px;}
.course-info .crs-txt>ul>li>strong{width: calc(100% - 130px);color: #333;font-size: 17px;line-height: 28px;font-weight: 500;}
.lang-en .course-info .crs-txt>ul>li>strong{width: calc(100% - 100px);}
.lang-vi .course-info .crs-txt>ul>li>strong{width: calc(100% - 125px);}
.course-info .crs-txt>ul>li em{font-weight: 500;font-size: 28px;margin-right: 3px;font-style: normal;font-weight: 500;}
.course-info .btns.blue{display: block;height: 55px;line-height: 55px;text-align: center;color: #fff;font-size: 18px;font-weight: 500;margin-top: 2px;}

.crs-tab{clear: both;overflow: hidden;border-top: 2px solid #000000;border-left: 1px solid #e6e7e8;border-right: 1px solid #e6e7e8;}
.crs-tab.li-num5>li{max-width: 20%;}
.crs-tab.li-num4>li{max-width: 25%;}
.crs-tab.li-num3>li{max-width: 33.33333%;}
.crs-tab li{width: 25%;float: left;margin-left: -1px;border-left: 1px solid #e6e7e8;border-bottom: 1px solid #e6e7e8;text-align: center;font-size: 16px;color: #666;box-sizing: border-box;}
.crs-tab li.on{border-bottom: 0;color: #000;font-weight: 500;}
.crs-tab li a{display: block;padding: 18px 10px;}
.crs-tab li a:focus{outline: none;}
.crs-tab-cont{}
.crs-tab-cont>div{padding: 40px 35px;width: 100%;box-sizing: border-box;border: 1px solid #e6e7e8;margin-bottom: 30px;}
.crs-tab-cont>div img{max-width: 100%;height: auto !important;}
.fixed-tab .crs-tab-cont>div.on{padding-top: 70px;z-index: 2;}
.crs-tab-cont>div:first-child{border-top: 0;}
.crs-tab-cont>div h6{font-size: 28px;font-weight: 500;color: #000;margin-bottom: 37px;}
.crs-tab-cont>div .bx{margin-bottom: 30px;}
.crs-tab-cont>div .bx:last-child{margin-bottom: 0;}
.crs-tab-cont>div>*:last-child{margin-bottom: 0;}
.crs-tab-cont>div .bx .tit{font-size: 19px;font-weight: 500;margin-bottom: 7px;}
.crs-tab-cont>div .bx p{color: #555;font-weight: 400;margin-bottom: 7px;}
.crs-tab-cont>div .bx p:last-child{margin-bottom: 0;}
.crs-tab-cont .teacher-bx .grp{padding: 50px 0;border-top: 1px solid #eee;}
.crs-tab-cont .teacher-bx .grp:first-child{padding-top: 0;border-top: 0;}
.crs-tab-cont .teacher-bx .f-l{width: 240px;margin-right: 40px;}
.crs-tab-cont .teacher-bx .f-l img{width: 100%;height: 240px;border: 2px solid #f6f6f6;border-radius: 2px;box-sizing: border-box;margin-bottom: 24px;}
.crs-tab-cont .teacher-bx .f-l p{font-size: 22px;line-height: 1;font-weight: 300;}
.crs-tab-cont .teacher-bx .f-l p strong{font-size: 22px; color: #000;font-weight: normal;}
.crs-tab-cont .teacher-bx .f-l p.small{font-size: 16px;margin-top: 16px;font-weight: normal;}
.crs-tab-cont .teacher-bx .f-r{width: calc(100% - 280px);}
.crs-tab-cont .teacher-bx .f-r .bx .tit{font-size: 20px;}
.crs-tab-cont .book-bx{overflow: hidden;}
.crs-tab-cont .book-bx .bk{width: 240px;margin-right: 40px;float: left;}
.crs-tab-cont .book-bx .bk img{height: 330px;width: 100%;}
.crs-tab-cont .book-bx .bk-info{width: calc(100% - 280px);float: left;}
.crs-tab-cont .book-bx .bk-info .tit{font-size: 30px;margin-bottom: 13px;}
.crs-tab-cont .book-bx .bk-info .t-gray{font-size: 14px;color: #888;margin-bottom: 10px;}
.crs-tab-cont .book-bx .bk-info .t-gray>span:not(:last-child):after{content: "";width: 1px;background: #eee;height: 13px;display: inline-block;vertical-align: middle;margin: 0 10px;}
.crs-tab-cont .book-bx .bk-info p{margin-bottom: 7px;overflow: hidden;font-size: 18px;}
.crs-tab-cont .book-bx .bk-info p span{display: inline-block;color: #555;min-width: 80px;float: left;}
.crs-tab-cont .book-bx .bk-info p strong{color: #000;width: calc(100% - 80px);font-weight: normal;}
.crs-tab-cont .book-bx .bk-info .txt{border-top: 1px solid #eee;margin-top: 30px;padding-top: 35px;color: #222;line-height: 1.7;}
.crs-tab-cont .dt-crs-list>li{padding: 18px 0;border-bottom: 1px solid #eee;overflow: hidden;}
.crs-tab-cont .dt-crs-list>li:first-child{padding-top: 0;}
.crs-tab-cont .dt-crs-list>li .tit{width: calc(100% - 80px);float: left;font-size: 18px;color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;}
.lang-vi .crs-tab-cont .dt-crs-list>li .tit{line-height: 2;}
.crs-tab-cont .dt-crs-list>li .tm{color: #888;display: inline-block;width: 80px;text-align: right;line-height: 1.4;}
.crs-tab-cont h6.has-star{overflow: hidden;}
.crs-tab-cont h6.has-star .f-r{font-size: 18px;margin-top: 5px;}
.crs-tab-cont h6.has-star .f-r .t-gray{color: #888;}
.crs-tab-cont h6.has-star .star-event{margin-right: 5px;display: inline-block;vertical-align: middle;}
.fixed-tab .crs-tab{position: fixed;top: 80px;background: #fff;width: calc(100% - 40px);max-width: 1280px;z-index: 2;}

.review-list>li{margin-bottom: 40px;overflow: hidden;}
.review-list>li:last-child{margin-bottom: 0;}
.review-list>li .tp{margin-bottom: 10px;line-height: 1;}
.review-list>li .tp strong{font-size: 16px;color: #222;margin-right: 5px;font-weight: normal;vertical-align: middle;}
.review-list>li .tp span{color: #aaa;font-size: 13px;vertical-align: middle;}
.review-list>li .tp .star-event{float: right;}
.review-list>li .txt{background: #f1f3f5;padding: 20px;box-sizing: border-box;font-size: 15px;font-weight: 300;color: #222;border-radius: 5px;}
.review-list>li .btn-area{margin-top: 10px;}
.review-list>li .edit-area{display: none;}
.review-list>li .edit-area textarea{background: #f1f3f5;padding: 20px;box-sizing: border-box;font-size: 15px;font-weight: 300;color: #222;border-radius: 5px;border: 0;width: 100%;box-shadow: none;margin-bottom: 0;border: 1px solid #eee;}
.review-list>li.edit .edit-area{display: block;}
.review-list>li.edit .txt-area{display: none;}

.sel-crs-list{position: relative;clear: both;float: left;width: 100%; width: 100%;background: #f8f8f8;margin-top: 20px;padding: 27px 40px;box-sizing: border-box;}
.sel-crs-list .group{padding: 0 !important;}
.sel-crs-list .info{font-size: 13px;color: #004c98;margin-bottom: 16px;}
.sel-crs-list ul{float: left;width: calc(100% - 420px);box-sizing: border-box;padding-right: 20px;height: 85px;display: flex;flex-direction: column;justify-content: center;}
.sel-crs-list ul li{font-size: 16px;margin-bottom: 5px;}
.sel-crs-list ul li:after{content: "";display: block;clear: both;}
.sel-crs-list ul li:last-of-type{margin-bottom: 0;}
.sel-crs-list ul li span{color: #888;min-width: 70px;float: left;}
.lang-en .sel-crs-list ul li span{min-width: 80px;}
.lang-vi .sel-crs-list ul li span{min-width: 90px;}
.sel-crs-list ul li strong{font-weight: 400;width: calc(100% - 70px);float: left;}
.lang-en .sel-crs-list ul li strong{width: calc(100% - 80px);}
.lang-vi .sel-crs-list ul li strong{width: calc(100% - 90px);}
.sel-crs-list .bt, .sel-crs-list .bt:hover, .sel-crs-list .bt:focus{cursor: pointer;display: inline-block;vertical-align: middle;height: 85px;line-height: 83px;width: 185px;font-size: 24px;color: #fff;background: #004c98;border: 0;margin-left: 40px;border-radius: 0;padding: 0;}
.sel-crs-list .bt.br, .sel-crs-list .bt.br:hover, .sel-crs-list .bt.br:focus{background: #fff;color: #004c98;border: 1px solid #004c98;}
.sel-crs-list .bt.gray, .sel-crs-list .bt.gray:hover, .sel-crs-list .bt.gray:focus{background:#aaa;line-height: 1.2;text-align: center;padding: 5px 10px;box-sizing: border-box;display: inline-flex;justify-content: center;align-items: center;}

.sel-crs-list .bt-grp{vertical-align: middle;display: inline-block;width: 185px;margin-left: 40px;}
.sel-crs-list .bt-grp .bt, .sel-crs-list .bt-grp .bt:hover, .sel-crs-list .bt-grp .bt:focus{margin-left: 0;height: 40px;line-height: 39px;font-size: 21px;}
.sel-crs-list .bt-grp .bt:first-child{margin-bottom: 5px;}


.sel-crs-list .price{display: inline-block;text-align: right;font-weight: 500; font-size: 36px;color: #1e88ca;width: 180px;padding-bottom: 13px;line-height: 1;vertical-align: middle;letter-spacing: -1px;}
.p-down{color: #888;font-size: 15px;font-weight: normal;margin-bottom: 5px;display: block;white-space: nowrap;}
.p-down span{vertical-align: middle;}
.p-down span:first-child{font-size: 17px;display: inline-block;padding: 0 10px 0 3px; background: url(/theme/cyberedu/pix/images/tx_line.png) no-repeat top 8px left;background-size: 100% auto;margin-right: 3px;}
.p-down span:last-child:before{content: "(";}
.p-down span:last-child:after{content: "↓)";}
.p-down.no-after span:last-child:before, .p-down.no-after span:last-child:after{display: none;}
.thumb-list.style02 li .wp .bt .p-down.no-after span:first-child{background: none;}
.price > span{color: #000;font-weight: normal;font-size: 20px;margin-left: 5px;vertical-align: middle;}
@media screen and (max-width: 769px){
    body[style*=hidden]{padding-right: 0 !important;}
}
@media screen and (min-width: 1300px){
    body[style*=hidden] .floating-menu{margin-left: 571.5px;}
}
@media screen and (min-width: 1024px){
    body[style*=hidden].fixed-pay-info .sel-crs-list{padding-right: 17px;}
    body[style*=hidden] .vis-hd{padding-right: 17px}
    body[style*=hidden] .floating-menu{margin-right: 17px}
    body[style*=hidden] .sel-crs-list .m-arrow{margin-left: -8.5px;}
}
@media screen and (min-width: 769px){
    /*.fixed-pay-info>#wrap{padding-bottom: 180px;}*/
    .fixed-pay-info .floating-menu{bottom: 160px;}
    .sel-crs-list.all-fixed{display: none;}
    .fixed-pay-info .sel-crs-list{display: block;position: fixed;bottom: 0;left: 0;border-top: 1px solid #787878;z-index: 9;padding: 15px 0;}
    .fixed-pay-info .sel-crs-list ul{width: calc(100% - 587px);height: 70px;}
    .fixed-pay-info .sel-crs-list.on ul{height: 50px;}
    .fixed-pay-info .sel-crs-list ul li{font-size: 15px;}
    .fixed-pay-info .sel-crs-list.on ul li{font-size: 20px;}
    .fixed-pay-info .sel-crs-list.on ul li{margin-bottom: 0;}
    .fixed-pay-info .sel-crs-list .price{font-size: 37px;width: 350px;text-align: right;padding-bottom: 7px; letter-spacing: -0.8px;}
    .fixed-pay-info .sel-crs-list .price .p-down{display: inline-block;vertical-align: middle;}
    .fixed-pay-info .sel-crs-list.on .price{padding-bottom: 0;line-height: 50px;}
    .fixed-pay-info .sel-crs-list .bt{height: 50px;line-height: 50px;font-size: 20px;width: 180px;padding: 0;}
    .fixed-pay-info .sel-crs-list .bt.gray{line-height: 1.2;font-size: 16px;padding-top: 5px}
    .fixed-pay-info .sel-crs-list .bt-grp{width: auto;margin-left: 10px;}
    .fixed-pay-info .sel-crs-list .bt-grp .bt{width: 110px;font-size: 18px;vertical-align: middle;margin-bottom: 0;height: 50px;line-height: 48px;}
    .fixed-pay-info .sel-crs-list .m-arrow{display: block;cursor: pointer;background: url("/theme/cyberedu/pix/images/icon_pay_arrow_down.png") no-repeat center;width: 135px;height: 33px; position: absolute;left: 50%;top: -32px;transform: translate(-50%, 0);}
    .fixed-pay-info .sel-crs-list.on .m-arrow{background: url("/theme/cyberedu/pix/images/icon_pay_arrow_up.png") no-repeat center;}
    .fixed-pay-info .sel-crs-list.on ul li strong{line-height: 50px;position: relative;bottom: -7px;}
    .fixed-pay-info .sel-crs-list.on .info{display: none;}
    .fixed-pay-info .sel-crs-list.on ul li span{display: none;}
    .fixed-pay-info .sel-crs-list.on .p-down{display: none;}
    .fixed-pay-info .sel-crs-list.on ul li strong{display: none;}
    .fixed-pay-info .sel-crs-list.on ul li:first-child strong{display: inline-block;}
    .fixed-pay-info .sel-crs-list .price>span{color: #004c98;}
    .fixed-pay-info .sel-crs-list .info {font-size: 13px;color: #004c98;margin-bottom: 16px;width: 230px;text-align: center;border: 1px solid #004c98;padding: 5px 10px;border-radius: 20px;font-weight: 200;}
}

.search-wrap > .group{padding-top: 0;}
.search-wrap > .group .search-area{padding-top: 0;}
.crs-bx{border: 1px solid #e6e7e8;border-top: 2px solid #000;padding: 35px 40px;margin-bottom: 40px;background: #fff;}
.crs-bx.no-mg{margin-bottom: 0;}
.crs-bx.no-mg+.bar-tab-grp{margin-top: 60px;}
.crs-bx.no-mg+.pg-tit{margin-top: 60px;}
.crs-bx:last-of-type{margin-bottom: 0;}
.crs-list{overflow: hidden;}
.crs-list>li{padding: 30px 0;border-bottom: 1px solid #ddd;overflow: hidden;cursor: pointer;position: relative;}
.crs-bx .crs-list>li:first-child{padding-top: 0;}
.crs-list>li:last-child{border-bottom: 0;padding-bottom: 0;}
.crs-list>li .img{float: left;margin-right: 40px;width: 240px;height: 140px;position: relative;}
.crs-list>li .img .ic-heart{background: url("/theme/cyberedu/pix/images/icon_heart.png") no-repeat center;position: absolute;z-index: 1;right: -7px;top: -7px;cursor: pointer;font-size: 0;width: 40px;height: 40px;background-color: #fff;border-radius: 100%;border: 1px solid #f2f2f2;box-sizing: border-box;}
.crs-list>li .img .ic-heart.on{background-image: url("/theme/cyberedu/pix/images/icon_heart_on.png");}
.crs-list>li .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.crs-list>li .txt{float: left;width: calc(100% - 425px);padding-right: 10px;box-sizing: border-box;}
.crs-list>li .txt>div{font-size: 20px;line-height: 1.2;overflow: hidden;font-weight: 500;margin-bottom: 23px;}
.lang-vi .crs-list>li .txt>div{line-height: 1.6;}
.crs-list>li .txt>p{font-size: 16px;color: #333;margin-bottom: 5px;}
.crs-list>li .txt>p>span:not(:last-of-type):after, .crs-list>li .txt>p>a>span:not(:last-of-type):after{content: "";background: #e0e0e0;width: 1px;height: 14px;display: inline-block;vertical-align: middle;margin: 0 10px;}
.crs-list>li .txt>p.f16{color: #000;font-size: 16px;}
.crs-list>li .txt>p.t-gray{font-size: 14px;color: #888;}
.crs-list>li .txt>p .p-down{margin-bottom: 0;}
.crs-list>li .txt>p .p-down span{font-size: 13px;}
.crs-list>li .txt>p .p-down span:first-child{font-size: 14px;}
.crs-list>li .bt-area{width: 145px;height: 140px;float: left;font-size: 0;}
.crs-list>li .bt-area:before{content: "";display: inline-block;height: 100%;width: 1px;vertical-align: middle;}
.crs-list>li .bt-area .btns{width: 144px;height: 45px;line-height: 43px;border-radius: 50px;font-size: 18px;vertical-align: middle;}
.lang-vi .crs-list>li .bt-area .btns, .lang-en .crs-list>li .bt-area .btns{font-size: 14px; }
.crs-list>li .bt-area .btns.blue{border-color: #004c98 ;color: #004c98;}
.crs-list>li .bt-area .btns.gray{background: #bbb;color: #fff;border-color: #bbb;}

.crs-list.book>li .img{width: 120px;height: 160px;}
.crs-list.book>li .txt{width: calc(100% - 305px);}
.crs-list.book>li .bt-area{height: 160px;}
.badge-alarm{font-size: 16px;}
.badge-alarm>img{width: 20px;margin-right: 5px;vertical-align: middle;cursor: pointer;}
.badge-alarm .ic-badge{cursor: pointer;display: inline-block;font-size: 0;width: 20px;height: 25px;background-size: 20px 25px;background-repeat: no-repeat;background-position: center;vertical-align: middle;margin-right: 5px;}
.badge-alarm .ic-badge.yellow{background-image: url("/theme/cyberedu/pix/images/badge_yellow04.png");}
.badge-alarm .ic-badge.blue{background-image: url("/theme/cyberedu/pix/images/badge_blue04.png");}
.badge-alarm .ic-badge.green{background-image: url("/theme/cyberedu/pix/images/badge_green04.png");}
.badge-alarm .t-blue{cursor: pointer;}
.badge-alarm .t-yellow{color: #f9b220;cursor: pointer;}
.badge-alarm .t-green{color: #6cd40f;cursor: pointer}

.badge-info .bdg-img{padding: 0 17px;margin-right: 20px;float: left;}
.badge-info .bdg-img img{width: 65px;}
.badge-info .bdg-txt{width: calc(100% - 120px);float: left;}
.badge-info .bdg-txt>div{font-size: 20px;font-weight: 500;margin-bottom: 10px;}
.badge-info .bdg-txt>p{font-weight: 200;font-size: 16px;color: #555;}
.badge-course{clear: both;padding-top: 23px;}
.badge-course>p{font-size: 15px;font-weight: 200;}
.badge-course>p.hd{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.badge-course>div{font-weight: 500;font-size: 15px;}
.badge-course a{text-decoration: underline;}
.badge-course .lb{display: inline-block;background: #e10098;font-size: 13px;font-weight: 200;color: #fff;margin-left: 10px;padding: 0 7px;line-height: 22px;vertical-align: middle;border-radius: 3px;}

/*## 강좌 상세 - 배송정보입력 ##*/
.addr-info .rw{margin-bottom: 40px;}
.addr-info .rw.mg-bt30{margin-bottom: 30px;}
.addr-info .rw:last-child{margin-bottom: 10px;}
.addr-info .rw .tit{font-size: 16px;font-weight: 500;line-height: 1;margin-bottom: 10px;}
.addr-info .rw input[type=text]{height: 40px;width: 100%;margin-bottom: 8px;font-size: 15px;}
.addr-info .rw .t-gray{color: #aaa;font-size: 13px;}
.layerpop .addr-info .rw select{margin-right: 20px;width: 80px;font-size: 16px;margin-bottom: 8px;}
.layerpop .addr-info .rw.phone input[type=text]{width: 80px;font-size: 16px;margin-bottom: 8px;}
.layerpop .addr-info .rw.phone input[type=text].w-auto{width: 100%;}


/*## 강좌 상세 - 배지 전체보기 팝업 ##*/
.bdg-tit{font-size: 22px;font-weight: 500;margin-bottom: 23px;}
.bdg-list{overflow: hidden;margin-bottom: 30px;}
.bdg-list:last-child{margin-bottom: 0;}
.bdg-list>li{width: 25%;float: left;padding: 0 5px;box-sizing: border-box;}
.bdg-list>li>p{font-size: 16px;text-align: center;font-weight: 200;overflow: hidden;line-height: 17px;height: 34px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bdg-list>li.on>p{color: #888;}
.bdg-list>li.on .ic-badge{position: relative;}
.bdg-list>li.on .ic-badge:before, .bdg-list>li.on .badge-img:before{content: "획득";position: absolute;top: 22px;left: 0;width: 100%;font-size: 12px;text-align: center;color: #f43c0b;font-weight: bolder;transform: rotate(-15deg);    z-index: 1;height: 20px;line-height: 20px;}
.bdg-list>li.on .ic-badge.level03:before{top: 27px;}
.lang-en .bdg-list>li.on .ic-badge:before, .lang-en .bdg-list>li.on .badge-img:before{content: "acheive"}
.lang-vi .bdg-list>li.on .ic-badge:before, .lang-vi .bdg-list>li.on .badge-img:before{content: "Mua lại"}
.bdg-list .ic-badge{display: block;background-position: top center;background-repeat: no-repeat;margin-bottom: 25px;height: 80px;font-size: 0;}
.bdg-list .ic-badge.blue.level01{background-image: url("/theme/cyberedu/pix/images/badge_blue01.png");}
.bdg-list .ic-badge.blue.level02{background-image: url("/theme/cyberedu/pix/images/badge_blue02.png");}
.bdg-list .ic-badge.blue.level03{background-image: url("/theme/cyberedu/pix/images/badge_blue03.png");}
.bdg-list .ic-badge.blue.level04{background-image: url("/theme/cyberedu/pix/images/badge_blue04.png");}
.bdg-list .ic-badge.yellow.level01{background-image: url("/theme/cyberedu/pix/images/badge_yellow01.png");}
.bdg-list .ic-badge.yellow.level02{background-image: url("/theme/cyberedu/pix/images/badge_yellow02.png");}
.bdg-list .ic-badge.yellow.level03{background-image: url("/theme/cyberedu/pix/images/badge_yellow03.png");}
.bdg-list .ic-badge.yellow.level04{background-image: url("/theme/cyberedu/pix/images/badge_yellow04.png");}
.bdg-list .ic-badge.green.level01{background-image: url("/theme/cyberedu/pix/images/badge_green01.png");}
.bdg-list .ic-badge.green.level02{background-image: url("/theme/cyberedu/pix/images/badge_green02.png");}
.bdg-list .ic-badge.green.level03{background-image: url("/theme/cyberedu/pix/images/badge_green03.png");}
.bdg-list .ic-badge.green.level04{background-image: url("/theme/cyberedu/pix/images/badge_green04.png");}
.bdg-list .on .ic-badge.level01{background-image: url("/theme/cyberedu/pix/images/badge_acquire01.png");}
.bdg-list .on .ic-badge.level02{background-image: url("/theme/cyberedu/pix/images/badge_acquire02.png");}
.bdg-list .on .ic-badge.level03{background-image: url("/theme/cyberedu/pix/images/badge_acquire03.png");}
.bdg-list .on .ic-badge.level04{background-image: url("/theme/cyberedu/pix/images/badge_acquire04.png");}
.bdg-list>li .badge-img{margin-bottom: 25px;height: 80px;display: block;text-align: center;position: relative;}
.bdg-list>li .badge-img{}
.bdg-list>li .badge-img img{max-width: 63px;max-height: 100%;}
.bdg-list>li.on .badge-img img{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: grayscale(1);opacity: 0.5;filter: url(/theme/cyberedu/javascript/filters.svg#grayscale);}
.bdg-list>li.on .badge-img:after{content: "";position: absolute;top: 15px;left: 0;width: 100%;background: url(/theme/cyberedu/pix/images/icon_badge_on.png) no-repeat center;height: 35px;}

/*## 내정보 ##*/
.my-box.half{position: relative;padding-right: 340px;margin-bottom: 50px;}
.my-box.half .rw{margin-bottom: 8px;position: relative;}
.my-box.half.num5 .rw{margin-bottom: 15px;}
.my-box.half .rw>strong{width: 140px;}
.my-box.half .rw>p{width: calc(100% - 140px);}
.my-box.half .rw .btns{position: absolute;right: 0;top: 0;}
.my-box.half .rw.tp-line{border-top: 1px solid #eee;padding-top: 16px;}
.my-box.half .my-crs-list{position: absolute;right: 0;top: 0;border-left: 1px solid #ddd;height: 100%;width: 310px;box-sizing: border-box;}
.my-box.half .my-crs-list .bg-tit{background: #f8f8f8;padding: 18px 40px;font-size: 20px;font-weight: 500;line-height: 1;}
.my-box.half .my-crs-list>.num>ul{padding: 10px 40px 20px;}
.my-box.half .my-crs-list>.num>ul>li{padding: 8px 0;overflow: hidden;display: block;border-bottom: 1px solid #eee;}

.my-box.half .my-crs-list>.num>ul>li>strong{color: #222;font-size: 15px;font-weight: normal;line-height: 1;}
.my-box.half .my-crs-list>.num>ul>li>span{float: right;}
.my-box.half .my-crs-list>.num>ul>li>span em{font-style: normal;font-size: 18px;line-height: 1;margin-right: 2px;}
.thumb-list.style04.course.slider{margin: 0 -7.5px 50px !important}
.thumb-list.style04.course.slider li{padding: 0 7.5px;box-sizing: border-box;width: 25%;}
.thumb-list.style04.course.slider li img{width: 100%;height: 100%;}

.thumb-list.style04.course.slider .slick-arrow{background-color: rgba(0,0,0,0.6) !important;width: 35px;height: 35px;z-index: 2;top: 16%;margin-top: -17px;min-width: 0;}
.thumb-list.style04.course.slider .slick-arrow:before{display: none;}
.thumb-list.style04.course.slider .slick-disabled{cursor: default;opacity: 0.6 !important;}
.thumb-list.style04.course.slider .slick-prev{left: 9px;transform: translate(0,0);background: url("/theme/cyberedu/pix/images/icon_arrow_w_sm_l.png") no-repeat center;background-size: 12px 21px;}
.thumb-list.style04.course.slider .slick-next{right: 4px;transform: translate(0,0);background: url("/theme/cyberedu/pix/images/icon_arrow_w_sm_r.png") no-repeat center;background-size: 12px 21px;}


/*## 나의강좌 ##*/
.thumb-list.style04.course{margin: 0 -8px;}
.thumb-list.style04.course li{margin-bottom: 20px;padding: 0 8px;}
.thumb-list.style04.course li .wp .txt{padding: 20px 10px;box-sizing: border-box;}
.thumb-list.style04.course li .wp .txt .tit{font-size: 18px;margin-bottom: 15px;}
.thumb-list.style04.course li .wp .txt .tit a{}
.thumb-list.style04.course li .wp .txt p{font-size: 14px;}
.thumb-list.style04.course li .wp .txt p.t-gray{margin-bottom: 0;}
.thumb-list.style04.course li .wp .txt p.num{margin-bottom: 2px;}
.thumb-list.style04.course li .wp .txt p:last-of-type{margin-bottom: 0;}
.thumb-list.style04.course li .wp .txt p.num em{font-style: normal;}
.thumb-list.style04.course li .wp .txt p.num em:after{content: ":";margin: 0 5px 0 6px;}
.thumb-list.style04.course li .wp .txt .bt{margin-top: 20px;}
.thumb-list.style04.course li .bar-area{padding: 15px 0 15px;border-top: 1px solid #eee;overflow: hidden;margin: 0 20px;}
.thumb-list.style04.course li .bar-area span{float: left;font-size: 12px;display: block;letter-spacing: -1px;color: #666;}
.thumb-list.style04.course li .bar-area .bar-event{width: calc(100% - 74px);float: right;}
.lang-vi .thumb-list.style04.course li .bar-area .bar-event{width: calc(100% - 80px);}
.thumb-list.style04.course li .bar-area .bar-event{height: 6px;margin-top: 6px;border-radius: 6px;}
.thumb-list.style04.course li .bar-area .bar-event>span{border-radius: 0;background: #004c98;border-radius: 6px;}

.thumb-list.style04.course li .wp .img{padding-top: 56.4%;height: 0;position: relative;}
.thumb-list.style04.course:not(.no-bg) li.hastp .wp .img:after{content: "";display: block;background: #000;position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0.4;z-index: 1;}
.thumb-list.style04.course li .wp .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.thumb-list.style04.course li .wp .img .lb{position: absolute;left: 0;top: 0;bottom: 0;padding: 5px 10px 0;box-sizing: border-box;font-size: 13px;width: 100%;color: #fff;font-weight: 300;z-index: 2;padding: 31px 8px 0;box-sizing: border-box;}
.thumb-list.style04.course.no-bg li .wp .img .lb{background: rgba(0,0,0,0.3)}
body .thumb-list.style04.course li .wp .img .cate{z-index: 3;}
.thumb-list.style04.course li .wp .img .lb>span{display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;margin-right: 5px;background: rgba(191, 14, 20, 0.8);;color: #fff;font-size: 13px;min-width: 50px;box-sizing: border-box;text-align: center;position: absolute;top: 0;left: 0;}
.thumb-list.style04.course li.closed{cursor: default;}
.thumb-list.style04.course li.closed .wp .img .lb>span{background: rgba(29, 30, 30, 0.8);}

.thumb-list.style04.course li.closed .bar-area>.bar-event>span{background: #ccc;}
.thumb-list.style04.course li.closed .bar-area span{color: #888;}

.thumb-list.style04.course li .ic-heart{width: 35px;height: 35px;right: -10px;background-size: 15px auto;}
.thumb-list.style04.course.hasbg li .wp .img .lb{display: none;}
.thumb-list.style04.course.hasbg li .wp .img .ic-badge{display: none;}
.thumb-list.style04.course li .bt{display: block;border: 1px solid #aaa;line-height: 38px;text-align: center;color: #888;float: none;font-weight: 700;}

.thumb-list.style04.course .img .ic-badge{left: auto;top: auto;bottom: 5px;right: 5px;z-index: 2;cursor: pointer;font-size: 14px;background-color: rgba(0,0,0,0.3);background-size: 15px auto;background-position: left 10px center;padding: 0 10px 0 10px; width: auto;height: 27px;line-height: 25px;border: 1px solid #ddd;box-sizing: border-box;color: #fff;border-radius: 5px;}

body .thumb-list.style04.course .img .ic-badge img{position: absolute;width: 15px; left: -30px; bottom: 0; height: auto;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
body .thumb-list.style04.course .img .ic-badge img{
    width: 20px;
    margin: 0;
}
.cplt-bx{min-height: 700px;}



/*## 알림 ##*/
.bar-list{font-size: 0;}
.bar-list>li{display: inline-block;font-size: 17px;color: #777;font-weight: 300;}
.bar-list>li>a{vertical-align: middle;display: inline-block;line-height: 1;}
.bar-list>li.on{color: #004c98;font-weight: normal;}
.bar-list>li:not(:last-child):after{content: "";display: inline-block;background: #aaa;width: 1px;height: 16px;vertical-align: middle;margin: 0 14px;}
.alram-right{text-align: right;margin-bottom: 20px;}
.alram-right>p{color: #555;margin-right: 15px;display: inline-block;vertical-align: text-bottom;font-size: 14px;}
.alram-right>.btns{vertical-align: text-bottom;min-width: 100px;height: 40px;line-height: 38px;font-size: 16px;}

.alram-list{padding-left: 41px;position: relative;}
.alram-list:before{content: "";display:block;position: absolute;top: 0;bottom: 0;left: 0;border-left: 1px solid #eee;}
.alram-list>li{border-bottom: 1px solid #ddd;padding: 27px 40px 27px 0;position: relative;}
.alram-list>li.read>*:not(.al-close){opacity: 0.4;}
.alram-list>li:first-child{padding-top: 0;}
.alram-list>li:before{content: "";display: block;background: #004c98;position: absolute;width: 9px;height: 9px;border-radius: 100%;left: -45.5px;top: 50%;margin-top: -4.5px;}
.alram-list>li>.al-close{font-size: 0;display: inline-block;background: url("/theme/cyberedu/pix/images/icon_close_gray.png") no-repeat center;width: 21px;height: 21px;position: absolute;top: 50%;right: 12px;margin-top: -10px;}
.alram-list>li .tit{font-size: 20px;font-weight: 500;margin-bottom: 12px;}
.alram-list>li>p{font-size: 16px;color: #555;margin-bottom: 5px;}
.alram-list>li>p.tm{color: #888;margin-bottom: 0;font-weight: 300;}


/*## 1:1상담내역 ##*/
.tp-tb-area{margin-bottom: 20px;}
.tp-tb-area .pg-tit{margin-bottom: 0 !important;line-height: 35px;}
.tb-reply{content: "";background: url("/theme/cyberedu/pix/images/icon_reply.png") no-repeat left center;display: inline-block;width: 36px;height: 22px;position: relative;padding-right: 23px;font-size: 0;box-sizing: border-box;vertical-align: middle;margin-right: 7px;margin-top: -7px;}
.tb-reply:after{content: "re";display: inline-block;color: #fff;background: #004c98;display: inline-block;height: 14px;line-height: 14px;font-size: 11px;width: 17px;text-align: center;font-family: "굴림";vertical-align: middle;position: absolute;right: 0;top: 7px;}
table + span.tb-info{display: block;margin-top: -15px;font-size: 14px;}
.tp-tb-area .search{max-width: calc(100% - 70px);}
.tp-tb-area .search input{vertical-align: middle;margin-bottom: 0 !important}
.tp-tb-area .search input[type=text]{max-width: calc(100% - 65px);}
.tp-tb-area .search.fr{float: right;margin-left: 10px;white-space: nowrap;}
/*## 1:1상담내역 - 상세 ##*/
.tb-detail-tit{background: #f0f0f0;text-align: center;font-size: 18px;padding: 22px 10px;margin-bottom: 35px;}
.tb-detail-tit .tb-reply{margin-top: -10px;}
.tb-info{padding-bottom: 19px;font-size: 16px;line-height: 1.2;overflow: hidden;}
.tb-info strong{color: #000;font-weight: normal;}
.tb-info span{color: #888;}
.tb-cont{border-top: 1px solid #555;border-bottom: 1px solid #eaeaea;padding: 27px 30px;font-size: 16px;color: #555;margin-bottom: 27px;}
.tb-cont img{max-width: 100%;height: auto !important;}
/*.tb-cont *{font-size: 16px;color: #555;}*/
.tb-file-area{border-bottom: 1px solid #555;padding-bottom: 20px;margin-bottom: 30px;}
.tb-file-area .tit{font-size: 18px;margin-bottom: 17px;}
.tb-file-area ul li{margin-bottom: 10px;}
.tb-file-area ul li a{display: inline-block;font-size: 16px;color: #004c98;background: url("/theme/cyberedu/pix/images/icon_file.png") no-repeat left top 5px;padding-left: 28px;line-height:28px;max-width: calc(100% - 45px);overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.tb-file-area ul li a.ic-close{font-size: 0;background: url(/theme/cyberedu/pix/images/icon_close.png) no-repeat center;width: 15px;height: 15px;padding: 0;background-size: contain;vertical-align: middle;margin-left: 10px;}
.tb-btns-area{font-size: 0;}
.tb-btns-area>div{font-size: 0;}
.tb-btns-area .btns{min-width: 95px;}
.tb-btns-area .btns + .btns{margin-left: 6px;}


/*## 결제내역 ##*/
.mk-c-tab>li>a .nm{margin-right: 2px;font-size: 20px;}
.mk-c-tab>li>a .nm:after{content: "."}
.mk-c-tab>li.on>a .nm{font-weight: 500;}
.bar-tab{display: inline-block;font-size: 0;}
.bar-tab>li{display: inline-block;vertical-align: middle;}
.bar-tab>li:not(:first-child):before{content: "";display: inline-block;background: #ddd;height: 16px;width: 1px;margin: 0 18px;}
.bar-tab>li>a{font-size: 18px;color: #555;}
.bar-tab>li.on>a, .bar-tab>li:hover>a{color: #004c98;}
.addr-info .rw .tit.mg-tp{margin-top: 30px;}
.mk-c-tab>li

    /*## 수강신청팝업 ##*/
.addr-info.style02 .rw{overflow: hidden;margin-bottom: 10px;}
.rw .grp.hlf{width: calc(50% - 5px);float: left;}
.rw .grp.hlf:last-child{margin-left: 10px;}
.rw .grp>span, .rw .gr{display: block;color: #888;font-weight: 300;margin-bottom: 5px;font-size: 13px;}
.rw .bx{border: 1px solid #ddd;padding: 20px;color: #555;word-break: break-all;}
.pay-type{overflow: hidden;}
.pay-type>li{padding: 15px 10px;font-size: 15px;border-bottom: 1px solid #eee;cursor: pointer;}
.pay-type>li img{width: 25px;vertical-align: middle;}
.pay-type>li.on{background: #eee;}
.pay-type>li:hover{background: #f4f4f4;}

/*## 개인정보수정 ##*/
.bx-tit{font-size: 24px;font-weight: 500;margin-bottom: 17px;}
.bx-tit>span{font-size: 14px;color: #555;margin-left: 15px;font-weight: normal;}
.my-box{border: 1px solid #ddd;border-top-color: #888;padding: 20px 30px 10px;margin-bottom: 33px;}
.my-box:after{content: "";display: block;clear: both;}
.my-box .sub-tit{font-size: 22px;margin-bottom: 27px;}
.my-box.imprt{border-top: 2px solid #555;}
.my-box .rw{float: left;width: 100%;margin-bottom: 10px;}
.my-box .rw>strong{display: inline-block;line-height: 35px;width: 120px;vertical-align: middle;font-size: 16px;color: #888;font-weight: normal;float: left;}
.my-box .rw>strong.t-black{font-size: 18px;width: auto;margin-right: 10px;}
.my-box .rw>p{float: left;width: calc(100% - 120px);font-size: 16px;line-height: 35px;}
.my-box .rw>p.e-mail input[type=text]{border: 0;border-bottom: 1px solid #ccc;width: 372px;max-width: 100%;}
.my-box .rw>strong.t-black + p{width: auto;float: none;display: block;clear: both;}
.my-box .rw>p>strong{font-weight: 400;}
.my-box .rw>p img{vertical-align: middle;float: none;margin-right: 3px;max-width: 22px;}
.my-box .rw>p img+span{float: none;width: calc(100% - 36px);display: inline-block;vertical-align: middle;letter-spacing: -0.5px;}
.my-box .rw>p>*{vertical-align: middle;margin-right: 8px;float: left;}
.my-box .rw>p>*:disabled{opacity: 0.6;background-color: transparent;}
.my-box .rw>p>*:last-child{margin-right: 0;}
.my-box .rw>p>span.t-gray{width: 140px;margin-right: 0;}
.my-box .rw>p.phone>span{line-height: 35px;color: #000;}
.my-box .rw>p.phone select, .my-box .rw>p.phone input{width: calc(33.33% - 10.5px);max-width: 70px;}
.my-box .rw>p.phone input{border: 0;border-bottom: 1px solid #ccc;}
.my-box .rw>p.phone input.w-auto{width:130px;max-width: none;}
.my-box .rw>p.addr input{margin-bottom: 10px;}
.my-box .rw>p>.txt{color: #aaa;line-height: 1.2;font-size: 14px;}
.my-box .rw>p>select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background: url("/theme/cyberedu/pix/images/icon_custom_select.png") no-repeat right center;border: 0;border-bottom: 1px solid #ccc;padding-right: 20px;box-sizing: border-box;min-width: 70px;line-height: 1;}
.my-box .rw>p>select::-ms-expand{display:none;}



/*## 개인정보 - 비밀번호변경 팝업 ##*/
.layerpop.chng-pw .rw{margin-bottom: 10px;}
.layerpop.chng-pw .rw .input-tit{font-size: 16px;margin-bottom: 5px;font-weight: 500;}
.layerpop.chng-pw .rw .warning{font-size: 16px;color: #00b5e5;font-weight: normal;margin-bottom: 20px;margin-top: 7px;}
.layerpop.chng-pw .rw:last-child .warning{margin-bottom: 0;}
.layerpop.chng-pw .btn-area .btns.point{height: 45px;line-height: 43px;font-size: 16px;width: 100%;margin: 0;}


/*## 회원가입 - 약관동의 ##*/
.pagelayout-join .cont{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: calc(100vh - 215px);}
.login-bx{background: #fff;width: 600px;box-sizing: border-box;padding: 26px 40px;margin: 30px auto 50px;}
.login-tab{height: 57px;margin: -26px -40px 35px;}
.login-tab>li{height: 100%;width: 50%;float: left;}
.login-tab>li>a{display: block;height: 100%;font-size: 18px;background: #fff;text-align: center;color: #555;line-height: 55px;border-bottom: 2px solid #004c98;font-weight: 300;transition:background 0.4s;}
.login-tab>li:hover>a{text-decoration: none;}
.login-tab>li.on>a{background: #004c98;color: #fff;font-weight: 500;}
.login-tit{font-size: 22px;margin-bottom: 17px;}
.scrl-box{border: 1px solid #ddd;height: 220px;overflow: auto;margin-bottom: 15px;padding: 15px;box-sizing: border-box;color: #555;word-break: break-all;line-height: 1.5;}
.scrl-box ul,.scrl-box ol{padding-left: 17px;margin: 5px 0;}
.scrl-box ul li,.scrl-box ol li{display: list-item;}
.scrl-box ol{list-style: decimal;}
.scrl-box ul{list-style: disc;}
.scrl-box table{ width: 100% !important;}
.login-bx .label-area{text-align: right;margin-bottom: 40px;}
.login-bx .info{font-size: 15px;color: #555;margin-bottom: 30px;padding-left: 20px;}
.login-bx .info:before{content: "※";margin-left: -20px;}
.login-bx .custom-ck strong{font-size: 15px;font-weight: normal;vertical-align: middle;color: #777;}

/*## 회원가입 - 회원가입 유형 선택 ##*/
.email-bx p{margin-bottom: 38px;overflow: hidden;}
.email-bx p input, .email-bx>p .btns{font-size: 17px;height: 55px;}
.email-bx p input{font-size: 18px;}
.email-bx p input[type=text]{width: calc(100% - 105px);float: left;}

.email-bx p input[type=text].w100{min-width: 100%;}
.email-bx #loginbtn1{width: 100%;}

.email-bx p .btns.gray{background: #707070;border-color: #707070;font-size: 16px;line-height: 48px;width: 105px;color: #fff;margin: 0;}
.lang-vi .email-bx p .btns.gray{line-height: 1.2;word-break: keep-all;white-space: normal;}
.email-bx p .warning, .warning{clear: both;display: block;color: #00b5e5;font-size: 14px;margin-top: 13px;font-weight: normal;float: left;width: 100%;letter-spacing: -0.4px;}
.email-bx p input[type=password]{width: 100%;}

.email-bx .btns.br{height: 50px;line-height: 48px;padding: 0 40px 0 20px;font-size: 20px;color: #222;background: url("/theme/cyberedu/pix/images/icon_arrow_r.png") no-repeat center right 20px;background-size: auto 13px;letter-spacing: -1px;}
.email-bx .btns-area{margin-bottom: 40px;}
.login-bx .sns-area{border-top: 1px solid #ddd;padding-top: 40px;margin-top: 38px;}
.login-bx .sns-area>a{display: block;margin-bottom: 13px;border: 1px solid #aaa;position: relative;padding-left: 108px;box-sizing: border-box;border-radius: 5px;height: 65px;overflow: hidden;}
.login-bx .sns-area>a:last-child{margin-bottom: 0;}
.login-bx .sns-area>a .ic{display: block;height: 100%;width: 108px;position: absolute;left: 0;top: 0;text-align: center;background: #fff;}
.login-bx .sns-area>a .ic:before{content: "";height: 100%;display: inline-block;vertical-align: middle;width: 1px;}
.login-bx .sns-area>a .ic img{vertical-align: middle;}
.login-bx .sns-area>a>span:not(.ic){display: block;height: 100%;padding: 15px 10px 15px 60px;color: #555;font-size: 19px;box-sizing: border-box;line-height: 30px;}
.login-bx .btn-area .btns.point{width: 100%;height: 54px;}

/*## 회원가입 - 필수입력정보 ##*/
.login-bx .ft-dot{text-align: right;color: #666;font-size: 16px;margin-bottom: 15px;}
.login-bx .email-bx>p>strong{display: block;font-size: 20px;font-weight: normal;line-height: 1;margin-bottom: 20px;}
.login-bx .email-bx>p>strong:after{content: "";width: 6px;height: 6px;display: inline-block;background: #76cb00;border-radius: 100%;margin-left: 5px;vertical-align: text-top;margin-top: 7px;}
.login-bx .email-bx.join>p input[type=text]{width: 100%;float: none;}
.login-bx .email-bx.join>p select, .login-bx .email-bx.join>p.phone input[type=text]{height: 55px;font-size: 18px;float: left;width: calc(33.33% - 12px);}
.login-bx .email-bx.join>p.phone input[type=text].w-auto{width: 100%;}
.login-bx .email-bx.join>p select+select{margin-left: 17px;}
.login-bx .email-bx.join>p select ~ input[type=text]{float: left;width: calc(33.33% - 12px);}
.login-bx .email-bx.join>p .dash{float: left;line-height: 55px;margin: 0 5px;font-size: 18px;}

/*## 회원가입 - 로그인인증 완료 ##*/
.mail-end-bx{text-align: center;padding-top: 112px;}
.mail-end-bx.center{position: absolute;width: 100%;top: 50%;transform: translate(0,-50%);padding-top: 0;}
.cont .group .mail-end-bx{padding-top: 20px;}
.mail-end-bx>div{font-size: 30px;line-height: 1;font-weight: 500;margin-bottom: 48px;}
.mail-end-bx>p{font-weight: 300;font-size: 36px;margin-bottom: 13px;line-height: 1.3;padding: 0 15px;}
.mail-end-bx.style02>p{font-size: 27px;margin-bottom: 18px;}
.mail-end-bx>p.small{font-size: 20px;margin-bottom: 35px;}
.mail-end-bx.style02>p.small{font-size: 17px;}
.mail-end-bx .btns{height: 60px;font-size: 22px;line-height: 58px;min-width: 165px;}
.mail-end-bx .btns+.btns{margin-left: 5px;}

/*## 로그인 ##*/
#page-login-index #wrap{display: flex;flex-direction: column;}
.email-bx.login p{margin-bottom: 12px;}
.email-bx.login .btns.point{width: 100%;font-size: 24px;height: 65px;background: #004c98 !important;border-color: #004c98;margin: 0;margin-top: 30px;}
.email-bx.login .btns-area{margin-bottom: 25px;}
.email-bx.login .find-id{text-align: right;}
.email-bx.login .find-id>a{text-decoration: underline;font-size: 16px;color: #222;line-height: 1;}
.email-bx.login .find-id>a:after{content: "";background: url("/theme/cyberedu/pix/images/icon_arrow_r.png") no-repeat center;background-size: 7px auto;width: 7px;height: 14px;display: inline-block;vertical-align: middle;vertical-align: middle;margin-left: 7px;margin-top: -3px;}
.login-bx .custom-ck strong{white-space: nowrap;}

/*## 로그인 - 나의계정찾기 ##*/
.login-bx .bg{background: #edf0f5;margin: -26px -40px 0;padding-bottom: 20px;padding-top: 35px;margin-bottom: 26px;}
.center-tit{text-align: center;font-size: 30px;margin-top: 50px; margin-bottom: 30px;padding: 0 10px;}
.pagelayout-edu .cont .center-tit{margin-top: 0;}
.pagelayout-edu .cont .dhboard-list + .center-tit{margin-top: 50px;}
.login-bx .center-tit{text-align: center;font-size: 30px;margin-bottom: 30px;margin-top: 0;padding: 0 5%;}
.login-bx .center-txt{font-size: 18px;text-align: center;padding: 0 5%;}
.fd-u-info>div{margin-bottom: 55px;}
.fd-u-info>div>strong{display: block;font-size: 20px;font-weight: normal;line-height: 1;margin-bottom: 35px;}
.fd-u-info>div>span{font-size: 18px;}
.fd-u-info>div img{vertical-align: middle;margin-right: 7px;}
.fd-u-info>div>.btns.br{margin-top: -20px;display: block;font-size: 16px;height: 50px;line-height: 48px;}
.fd-u-info>div>strong+.warning{margin-top: -18px;}


/*## 교재목록 ##*/
.crs-list.book.big>li .img{width: 180px;height: 244px;}
.crs-list.book.big>li .txt {width: calc(100% - 365px);}
.crs-list.book.big>li .txt>div{font-size: 22px;}
.crs-list.book.big>li .txt p>span, .crs-list.book.big>li .txt p>a>span{color: #333;}
.crs-list>li .txt>p.t-blue{color: #1e88ca;}
.crs-list>li .txt p.f18{font-size: 18px;color: #333;margin-top: 25px;margin-bottom: 7px;}
.crs-list>li .txt ul li{font-size: 14px;color: #555;margin-bottom: 5px;}

/*## 교재상세 ##*/
.bk-detail{overflow:hidden;margin-bottom: 50px;}
.bk-detail .bk-img{width: 370px;height: 500px;margin-right: 50px;float: left;}
.bk-detail .bk-img img{width: 100%;height: 100%;}
.bk-detail .bk-txt{float: left;width: calc(100% - 420px);position: relative;}
.bk-detail .bk-txt .tit{font-size: 34px;margin-bottom: 3px;}
.bk-detail .bk-txt .t-gray{color: #555;font-size: 14px;margin-bottom: 28px;}
.bk-detail .bk-txt .t-gray>span{vertical-align: middle;}
.bk-detail .bk-txt .t-gray>span:not(:last-child):after{content: "";display: inline-block;background: #f1f3f5;width: 1px;height: 15px;margin: 0 10px;vertical-align: middle;}
.bk-detail .bk-txt>p{float: left;width: calc(100% - 145px)}
.bk-detail .bk-txt>.btns{float: right;border-radius: 50px;margin-top: -5px;width: 145px;font-size: 18px;}
.bk-detail .bk-txt>.btns.br_blue{margin-top: 5px;}
.lang-en .bk-detail .bk-txt>.btns.point, .lang-vi .bk-detail .bk-txt>.btns.point{font-size: 14px;}
.lang-vi .bk-detail .bk-txt>.btns.point{font-size: 12px;}
.bk-detail .bk-txt>p>span{color: #888;display: inline-block;min-width: 80px;font-size: 15px;vertical-align: middle;float: left;}
.bk-detail .bk-txt>p>span.m-show{display: none;}
.bk-detail .bk-txt>p>strong{font-weight: normal;color: #333;font-size: 17px;vertical-align: middle;width: calc(100% - 80px);float: left;}
.bk-detail .bk-txt>p>strong .p-down{margin-bottom: 5px;margin-top: -2px;}
.bk-detail .bk-txt>p>strong .p-down span{font-size: 16px;background-position: top 13px center !important;}
.bk-detail .bk-txt>p>strong .p-down span:first-child{font-size: 18px;}
.bk-detail .bk-txt>p>strong>em{font-style: normal;font-weight: normal;font-size: 30px;color: #1e88ca;font-weight: 500;margin-right: 3px;line-height: 20px;;}
.bk-detail .bk-txt .t-gray + .txt{margin-top: 0;}
.bk-detail .bk-txt .txt{margin-top: 48px;float: left;width: 100%;}
.bk-detail .bk-txt .txt>div{font-size: 20px;margin-bottom: 17px;}
.bk-detail .bk-txt .txt>p{font-size: 14px;color: #555;margin-bottom: 30px;}
.bk-detail .bk-txt .txt>p:last-child{margin-bottom: 0;}

.bk-detail .bk-txt .hash-area{float: left;width: 100%;margin-top: 20px;background: #f4f4f4;padding: 15px 15px 5px;border-radius: 3px;box-sizing: border-box;}
.bk-detail .bk-txt .hash-area>li{color: #333;}


/*## 전체검색 ##*/
.cont[style*='relative']{padding-top: 143px;}
.tp-search-area{background: #edf0f5;position: absolute;left: 0;top: 0;width: 100%;padding: 63px 20px 50px;box-sizing: border-box;}
.tp-search-area .input-div{position: relative;max-width: 830px;margin: 0 auto;height: 60px;background: #fff;padding-right: 65px;box-sizing: border-box;}
.tp-search-area .input-div input[type=text]{width: 100%;height: 100%;font-size: 20px;color: #000;border: 0;padding: 10px 20px;}
.tp-search-area .input-div .btn-search{cursor: pointer;background: url("/theme/cyberedu/pix/images/icon_search.png") no-repeat right 20px center;font-size: 0;display: block;border: 0;width: 65px;height: 60px;position: absolute;right: 0;top: 0;}
.btn-more{background: #f8f8f8;display: block;text-align: center;font-size: 16px;color: #555;height: 55px;line-height: 55px;margin-top: 10px;}
.btn-more:before{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_pluse.png") no-repeat;background-size: 12px 12px;width: 12px;height: 12px;margin-right: 5px;}

.crs-list>li .img .badge-area{position: absolute;right: 40px;top: 10px;z-index: 1;font-size: 0;}
.crs-list>li .img .badge-area>img{position: static;width: 28px;margin-left: 5px;}
.crs-list>li .img .ic-badge{position: absolute;top: 10px;right: 40px;display: inline-block;font-size: 0;z-index: 1;background-repeat: no-repeat;background-position: center; background-size: 30px auto;height: 35px;width: 30px;}
.crs-list>li .img .ic-badge.yellow{background-image: url("/theme/cyberedu/pix/images/badge_yellow04.png");}
.crs-list>li .img .ic-badge.green{background-image: url("/theme/cyberedu/pix/images/badge_green04.png");}
.crs-list>li .img .ic-badge.blue{background-image: url("/theme/cyberedu/pix/images/badge_blue04.png");}

.search-wrap .search-area input[type=search], .search-wrap .search-area input[type=text]{margin-bottom: 0 !important;text-align: left;}


/*## 관심정보 설정 팝업 ##*/
.layerpop.choose .pop-title .sub{color: #888;font-size: 15px;vertical-align: middle;}
.ch-btns-area{text-align: center;padding: 50px 0;font-size: 0;}
.ch-btns-area .btns{height: 50px;line-height: 48px;min-width: 150px;margin: 2px 5px;border-color: #004c98;color: #004c98;font-size: 18px;border-radius: 50px;letter-spacing: -0.4px;padding: 0 15px;}
.ch-btns-area .btns.on{background: #004c98;color: #fff;}

/*## 게시판 - 이미지 게시판 목록 ##*/
.thumb-board{border-top: 2px solid #555;margin-bottom: 30px;}
.thumb-board>li{padding: 20px 0;border-bottom: 1px solid #ddd;overflow: hidden;}
.thumb-board>li .img{width: 160px;height: 138px;float: left;margin-right: 20px;}
.thumb-board>li .img img{width: 100%;height: 100%;}
.thumb-board>li .img + .txt{width: calc(100% - 180px);float: left;}
.thumb-board>li .txt .tit{font-size: 18px;margin-bottom: 9px;}
.thumb-board>li .txt .tit a{position: relative;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 100%;box-sizing: border-box;line-height: 1.3;}
.thumb-board>li .txt .tit a.has-new{padding-right: 17px;}
.thumb-board>li .txt .tit a .ic-new{position: absolute;right: 0;top: 2px;}
.thumb-board>li .txt .t-gray{color: #555;font-size: 16px;margin-bottom: 9px;line-height: 20px;max-height: 40px;overflow: hidden;}
.thumb-board>li .txt p>span{color: #888;font-weight: 300;}
.thumb-board>li .txt p>span:not(:last-child):after{content: "";background: #ccc;width: 1px;height: 14px;display: inline-block;vertical-align: middle;margin: 0 10px;}


/*## 게시판 - FAQ ##*/
.mk-c-tab.col4>li{width: 25%;}
.faq-list{border-top: 1px solid #555;margin-bottom: 30px;}
.faq-list li .hd{cursor: pointer;background: #fff;position: relative;padding: 20px 70px 20px 75px;border-bottom: 1px solid #eaeaea;font-size: 18px;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url("/theme/cyberedu/pix/images/icon_toggle_down.png") no-repeat right 20px center;;}
.faq-list li.on .hd{overflow: visible;white-space: normal;background: url("/theme/cyberedu/pix/images/icon_toggle_up.png") no-repeat right 20px center;}
.faq-list li .hd:before{content: "";display: block;width: 75px;height: 100%; background: url("/theme/cyberedu/pix/images/icon_question.png") no-repeat top 20px center;position: absolute;left: 0;top: 0;}
.faq-list li .cn{display: none;border-bottom: 1px solid #eaeaea;padding: 25px 30px 25px 75px;background: #f8f8f8;font-size: 14px;color: #555;position: relative;}
.faq-list li .cn:before{content: "";display: block;width: 75px;height: 60px; background: url("/theme/cyberedu/pix/images/icon_answer.png") no-repeat center top 29px;position: absolute;left: 0;top: 0;}
.faq-list li .cn img{max-width: 100%;height: auto !important;}
.faq-list li .cn p, .faq-list li .cn div, .faq-list li li{font-size: 14px;color: #555;}
.faq-list li.on .cn{display: block;}


/*## 정보 공유 동의 팝업 ##*/
.info_confirm .pop-title{padding-right: 20px;}
.info_confirm .logo-area{text-align: center;margin-bottom: 20px;}
.info_confirm .logo-area img{ height: 45px;}
.info_confirm .logo-area img:first-child{margin-right: 10px;}
.info_confirm.layerpop .pop-contents{padding-bottom: 0;}
.info_confirm .pop-contents div.text-center{font-size: 16px;margin-bottom: 15px;font-weight: 500;color: #000;}
.info_confirm .table{margin-bottom: 15px;}
.info_confirm .table th{background: #f4f4f4;color: #000;}
.info_confirm .btn-area .t-red{margin-top: 10px;font-size: 15px;}
.info_confirm .btn-area .t-red .t-info{display: inline-block;}
.info_confirm .btn-area .btns.big{font-size: 16px;background: #004c98;color: #fff;border-color: #004c98;}
.info_confirm .table tr td{vertical-align: middle;}

/*## 강사소개 목록 ##*/
.thumb-list.style03.teacher>li>.wp .txt{padding: 10px;}
.thumb-list.style03.teacher>li>.wp .txt .t-nm{font-size: 15px;margin-bottom: 7px;}
.thumb-list.style03.teacher>li>.wp .txt .t-info{color: #777;line-height: 18px;height: 36px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding: 0;}
.thumb-list.style03.teacher>li>.wp .txt .t-info:before{display: none;}

/*## 강사소개 상세 ##*/
.teacher-info{margin-bottom: 40px;}
.teacher-info .t-img{width: 540px;height: 305px;float: left;margin-right: 50px;position: relative;}
.teacher-info .t-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.teacher-info .t-txt{width: calc(100% - 590px);float: left;}
.teacher-info .t-txt>p{font-size: 16px;margin-bottom: 12px;}
.teacher-info .t-txt .t-nm{font-size: 15px;margin-bottom: 5px;line-height: 18px;height: 36px;overflow: hidden;}
.teacher-info .t-txt .t-nm strong{font-size: 25px;font-weight: 500;color: #004c98;}
.teacher-info .t-txt .scrl-bx{background: #f2f2f3;box-sizing: border-box;margin-top: 15px;padding: 15px;height: 216px;overflow: auto;}
.teacher-info .t-txt .scrl-bx>p{color: #333;margin-bottom: 10px;}
.teacher-info .t-txt .scrl-bx>p:before{content: "";display: inline-block;width: 2px;height: 2px;background: #333;vertical-align: text-top;margin-right: 5px;margin-top: 11px;border-radius: 100%;}
.txt-area .tit{font-size: 20px;margin-bottom: 13px;}
.txt-area .t-gray{font-size: 16px;}


/*## 수강신청 팝업 ##*/
.bg-box{background: #f8f8f8;padding: 20px;margin-bottom: 20px;}
.bg-box .crs-tit{font-weight: 500;font-size: 18px;margin-bottom: 10px;}
.bg-box .crs-txt{overflow: hidden;margin-bottom: 10px;}
.bg-box .crs-txt>li{margin-bottom: 5px;font-size: 0;}
.bg-box .crs-txt>li>strong{font-size: 14px;font-weight: normal;color: #888; display: inline-block;vertical-align: text-top;min-width: 60px;float: left;}
.bg-box .crs-txt>li>span{font-size: 14px;display: inline-block;vertical-align: text-top;width: calc(100% - 60px);}
.bg-box .price{text-align: right;background: #fff;padding: 7px 10px 10px;}
.bg-box .price .p-down{display: inline-block;vertical-align: middle;margin-bottom: 0;vertical-align: text-top;}
.bg-box .price .p-down span{font-size: 13px;vertical-align: text-top;}
.bg-box .price .p-down span:first-child{font-size: 14px;}
.bg-box .price em{font-style: normal;font-size: 18px;margin: 0 3px 0 5px;}
h5.pg-tit .btns.small{height: 30px;line-height: 28px;}
h5.pg-tit .t-small{font-weight: normal;font-size: 14px;vertical-align: middle;}
.bg-box>.rw{margin-bottom: 5px;}
.bg-box>.rw:last-child{margin-bottom: 0;}
.bg-box>.rw>strong{display: block;margin-bottom: 5px;font-weight: normal;font-size: 15px;}
.bg-box>.rw>strong.dot:after{content: "";width: 6px;height: 6px;display: inline-block;background: #76cb00;border-radius: 100%;margin-left: 5px;vertical-align: text-top;margin-top: 5px;}
.bg-box>.rw>input[type=text]{margin-bottom: 5px;width: 100%;font-size: 14px;}
.bg-box>.rd-rw{margin-bottom: 10px;font-size: 0;}
.bg-box>.rd-rw:last-child{margin-bottom: 0;}
.bg-box>.rd-rw>label{font-size: 14px;vertical-align: text-top;display: inline-block;max-width: calc(100% - 20px);word-break: break-all;padding: 0;}
.bg-box>.rd-rw>input[type=radio]{width: 16px;height: 16px;vertical-align: text-top;margin-right: 4px;margin-top: 3px;}
.bg-box>.rd-rw .rd-info{display: none;background: #fff;padding: 15px 15px 12px;margin-top: 10px;}
.bg-box>.rd-rw input:checked ~ .rd-info{display: block;}
.bg-box>.rd-rw .dash-list{margin-bottom: 10px;}
.bg-box>.rd-rw .dash-list>li{color: #666;font-size: 14px;}
.bg-box>.rd-rw .t-info{font-size: 14px;color: #666;margin-bottom: 3px;}
.pop-contents .bg-box:last-child{margin-bottom: 0;}

/*## 결제완료 팝업 ##*/
.table.detail{border: 1px solid #e9ebf0;}
.table.detail>tbody>tr>th{background: #f8f8f8;color: #777;border: 1px solid #e9ebf0;}
.table.detail>tbody>tr>td{border: 1px solid #e9ebf0;}
.table.detail>tbody>tr>td p{color: #555;}
.pop-contents table.detail:last-child{margin-bottom: 0;}
td .rd-info{background: #f9f9f9;padding: 10px;margin-top: 10px;}
td .rd-info>ul{margin-bottom: 10px;}
td .rd-info>ul>li{color: #555;}
td .rd-info *{font-size: 13px;}
.t-end{font-size: 18px;text-align: center;padding: 10px 10px 30px;}
.table.detail>tbody>tr>th{word-break: keep-all;}
.table.detail>tbody>tr>td{text-align: left;}
/*## 이벤트페이지 ##*/
.img-grp{max-width: 1500px;margin: 0 auto;}
.img-grp .wrp{position: relative;}
.img-grp .wrp img.bg{width: 100%;height: auto;margin: 0;display: block;}
.img-grp .wrp img.bg.m-show{display: none;}
.img-grp .wrp .link-tp{position: absolute;right: 2%;top: 3%;font-size: 0;}
.img-grp .wrp .link-tp>li{display: inline-block;cursor: pointer;position: relative;font-weight: bold;}
.img-grp .wrp .link-tp>li:last-child:before{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_cursor.png") no-repeat center;width: 46px;height: 52px;position: absolute;bottom: -52px;left: 50%;margin-left: -23px;}
.img-grp .wrp .link-tp>li:not(:last-child):after{content: "";display: inline-block;width: 4px;height: 28px;background: #fff;border-radius: 2px;margin: 0 5px;}
.img-grp .wrp .link-tp>li a{display: inline-block;color: #fff;padding: 10px 20px;font-size: 0;width: 162px;height: 57px;vertical-align: text-bottom;box-sizing: content-box;}
.img-grp .wrp .link-tp>li:first-child a{background: url("/theme/cyberedu/pix/images/evt_tab01.png") no-repeat center;}
.img-grp .wrp .link-tp>li.on:first-child a, .img-grp .wrp .link-tp>li:hover:first-child a{background: #fff url("/theme/cyberedu/pix/images/evt_tab01_on.png") no-repeat center;}
.img-grp .wrp .link-tp>li:last-child a{background: url("/theme/cyberedu/pix/images/evt_tab02.png") no-repeat center;width: 202px;}
.img-grp .wrp .link-tp>li.on:last-child a, .img-grp .wrp .link-tp>li:hover:last-child a{background: #fff url("/theme/cyberedu/pix/images/evt_tab02_on.png") no-repeat center;}
.img-grp .wrp .link-tp>li.on a, .img-grp .wrp .link-tp>li:hover a{background: #fff;border-radius: 10px;color: #4f5cc3;}
.img-grp .wrp .link-tp>li.on:first-child a{margin-right: 10px}
.img-grp .wrp .link-tp>li.on:last-child a{margin-left: 15px}
.img-grp .wrp.video{padding-top: 31.6%;background: #000;}
.img-grp .wrp.video iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.img-grp .wrp.video .v-thumb{display: block;font-size: 0;position: absolute;left: 0;top: 0;background: url("/theme/cyberedu/pix/images/img_youtube_thumb.png") no-repeat;background-size: 100% 100%;z-index: 1;width: 100%;height: 100%;cursor: pointer;}

/*#######################
##       구인구직
#########################*/
.jobs-site.mk-jobs .m-menu-area .bs-disabled.custom-select{border: 0;padding: 0;background: none;}
.jobs-site.mk-jobs .contain-image{flex-shrink: 0;}
.d-md-flex>.align-self-center{width: 100%;justify-content: center!important;text-align: center;}
/*## 채용공고 ##*/
.jb-bx{border: 1px solid #ddd;border-top: 2px solid #555;margin-bottom: 50px;}
.jb-bx:after{content: "";display: block;clear: both;}
.jb-bx .left-bx{width: 255px;float: left;border-right: 1px solid #ddd;}
.jb-bx .left-bx .logo-area{text-align: center;height: 143px;}
.jb-bx .left-bx .logo-area:before{content: "";display: inline-block;width: 1px;height: 100%;vertical-align: middle;}
.jb-bx .left-bx .logo-area img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.jb-bx .left-bx .jb-bg{background: #f2f4f7;padding: 35px 20px;}
.jb-bx .left-bx .jb-bg .jb-tit{text-align: center;font-size: 18px;font-weight: 600;margin-bottom: 17px;}
.jb-bx .left-bx .jb-bg>p{color: #555;font-size: 14px;padding-left: 10px;margin-bottom: 5px;}
.jb-bx .left-bx .jb-bg .ic-info01{background: url("/theme/cyberedu/pix/images/icon_left01.png") no-repeat left 10px center;padding-left: 35px;}
.jb-bx .left-bx .jb-bg .ic-info02{background: url("/theme/cyberedu/pix/images/icon_left02.png") no-repeat left 10px center;padding-left: 35px;}
.jb-bx .left-bx .jb-bg>p img{width: 20px;margin-right: 5px;vertical-align: middle;}
.jb-bx .left-bx .jb-bg>p.jb-link{padding: 0;margin-top: 25px;letter-spacing: -1px;font-size: 12px;}
.jb-bx .left-bx .jb-bg>p.jb-link>a{text-decoration: underline;}
.jb-bx .left-bx .jb-bg>p.jb-link>a:first-child{margin-right: 10px;}
.jb-bx .left-bx .jb-clk{overflow: hidden;border-bottom: 1px solid #ddd;}
.jb-bx .left-bx .jb-clk>li{float: left;width: 50%;}
.jb-bx .left-bx .jb-clk>li>a{display: block;text-align: center;color: #222;font-size: 13px;letter-spacing: -1.5px;padding: 0 20px 20px;min-height: 147px;box-sizing: border-box;}
.jb-bx .left-bx .jb-clk>li.ic-heart>a{background: url("/theme/cyberedu/pix/images/icon_heart03.png") no-repeat top 25px center;padding-top: 72px;padding-right: 10px;}
.jb-bx .left-bx .jb-clk>li.ic-bell>a{background: url("/theme/cyberedu/pix/images/icon_bell02.png") no-repeat top 25px center;padding-top: 72px;padding-right: 10px;}
.jb-bx .left-bx .jb-clk>li>a>span{color: #888;display: block;font-size: 12px;}

.jb-bx .right-bx{width: calc(100% - 255px);float: left;border-left: 1px solid #ddd;margin-left: -1px;box-sizing: border-box;padding: 40px 45px;}

.jb-bx .right-bx .cp-tit{font-size: 32px;line-height: 1.2;margin-bottom: 20px;}
.jb-bx .right-bx .cate-list{text-align: left;margin-bottom: 22px;}
.jb-bx .right-bx>p{color: #222;font-size: 14px;margin-bottom: 10px;}
.jb-bx .right-bx>p.ic-r01{background: url("/theme/cyberedu/pix/images/icon_work01.png") no-repeat;padding-left: 28px;}
.jb-bx .right-bx>p.ic-r02{background: url("/theme/cyberedu/pix/images/icon_work02.png") no-repeat;padding-left: 28px;}
.jb-bx .right-bx>p.ic-r03{background: url("/theme/cyberedu/pix/images/icon_work03.png") no-repeat;padding-left: 28px;}
.jb-bx .right-bx>p.ic-r04{background: url("/theme/cyberedu/pix/images/icon_work04.png") no-repeat;padding-left: 28px;}
.jb-bx .right-bx>p.ic-r05{background: url("/theme/cyberedu/pix/images/icon_work05.png") no-repeat;padding-left: 28px;}
.jb-bx .right-bx .btns.point{width: 100%;height: 55px;line-height: 53px;margin: 20px 0;}
.jb-bx .right-bx .cp-txt{border-top: 1px solid #ddd;padding-top: 28px;}
.jb-bx .right-bx .cp-txt div.bx{margin-bottom: 37px;letter-spacing: -0.4px}
.jb-bx .right-bx .cp-txt div.bx:last-child{margin-bottom: 0;}
.jb-bx .right-bx .cp-txt div.bx>*:last-child{margin-bottom: 0;}
.jb-bx .right-bx .cp-txt div.bx .pg-tit{font-size: 18px;margin-bottom: 13px;}
.jb-bx .right-bx .cp-txt div.bx ul{margin-bottom: 12px;}
.jb-bx .right-bx .cp-txt div.bx ul li{font-size: 15px;color: #555;margin-bottom: 3px;}
.jb-bx .right-bx .cp-txt div.bx p{font-size: 15px;color: #222;margin-bottom: 15px;}



.cp-thb-list>li{border: 1px solid #ddd;margin-bottom: 10px;overflow: hidden;}
.cp-thb-list>li .cp-img{float: left;width: 290px;height: 185px;text-align: center;display: table;}
.cp-thb-list>li .cp-img>div{display: table-cell;vertical-align: middle;}
.cp-thb-list>li .cp-img img{max-width: 100%;max-height: 75px;margin-bottom: 10px;display: block;margin: 0 auto;}
.cp-thb-list>li .cp-img .ic-heart{display: inline-block;cursor: pointer;background: url("/theme/cyberedu/pix/images/icon_heart.png") no-repeat center;width: 30px;height: 30px;font-size: 0;}
.cp-thb-list>li .cp-img .ic-heart.on{background: url("/theme/cyberedu/pix/images/icon_heart_on.png") no-repeat center;}
.cp-thb-list>li .cp-txt{width: calc(100% - 290px);float: left;padding: 20px;box-sizing: border-box;}
.cp-thb-list>li .cp-txt>p{position: relative;box-sizing: border-box;font-size: 13px;color: #555;}
.cp-thb-list>li .cp-txt .tit{font-size: 16px;margin-bottom: 12px;padding-right: 80px;position: relative;}
.cp-thb-list>li .cp-txt>.tit>span, .cp-thb-list>li .cp-txt>p>span{position: absolute;right: 0;top: 0;text-align: right;}
.cp-thb-list>li .cp-txt .ic-price{background: url("/theme/cyberedu/pix/images/icon_work02.png") no-repeat left center;padding-left: 20px;font-size: 15px;color: #222;margin-bottom: 5px;}
.cp-thb-list>li .cp-txt .desc{padding-right: 80px;}
.cp-thb-list>li .cp-txt .cate-area{position: relative;padding-right: 80px;margin-top: 13px;}
.cp-thb-list>li .cp-txt .cate-area .cate-list{text-align: left;}
.cp-thb-list>li .cp-txt .cate-area>span{position: absolute;right: 0;top: 0;color: #aaa;line-height: 35px;}

/*## 이력서제출하기팝업 ##*/
.cp-info{font-size: 0;margin-bottom: 20px;}
.cp-info li{font-size: 16px;display: inline-block;}
.cp-info li strong{font-weight: 500;}
.cp-info li:not(:last-child):after{content: "";display: inline-block;background: #aaa;width: 1px;height: 13px;margin: 0 10px;}
.cp-info li .cp-logo{width: 50px;height: 50px;display: inline-block;border: 1px solid #ddd;border-radius: 100%;position: relative;vertical-align: middle;margin-right: 10px;}
.cp-info li .cp-logo img{max-width: 98%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.custom-file-box{overflow: hidden;}
.custom-file-box input[type=file]{display: none;}
.custom-file-box input[type=text]{background: #eee;font-size: 16px;color: #888;border-right: 0;width: calc(100% - 98px);float: left;}
.addr-info .rw.mg-bt20{margin-bottom: 15px;}
.addr-info .rw .custom-file-box input[type=text]{width: calc(100% - 98px);}
.custom-file-box label{background: #707070;min-width: 98px;height: 40px;line-height: 38px;border: 1px solid #ccc;}
.addr-info .rw .tit.f-l{line-height: 35px;width: 100px;}
.addr-info .rw .tit.f-l + select, .addr-info .rw .tit.f-l + input[type=text]{width: calc(100% - 100px);margin: 0;}


/*## 관심정보 ##*/
.ck-my-info{margin-top: 30px;margin-bottom: 33px;overflow: hidden;}
.ck-my-info .rw{margin-bottom: 30px;float: left;width: 100%;}
.ck-my-info .rw:last-child{margin-bottom: 15px;}
.ck-my-info .rw strong{display: inline-block;width: 150px;float: left;font-size: 16px;font-weight: 500;line-height: 1.6;letter-spacing: -0.7px;}
.ck-my-info .rw strong em{display: block;font-size: 14px;font-style: normal;color: #777;font-weight: normal;}
.ck-my-info .rw p{width: calc(100% - 150px);float: left;font-size: 0;}
.ck-my-info .rw p .btns{vertical-align: middle;margin: 3px 0;}
.ck-my-info .rw p select{height: 40px;font-size: 16px;}
.ck-my-info .rw p .btns.ic-plus{height: 40px;line-height: 38px;}

.txt-bx{font-size: 14px; display: inline-block;border: 1px solid #ccc;padding: 0 10px;height: 40px;line-height: 38px;vertical-align: middle;box-sizing: border-box;font-weight: 300;margin: 3px 10px 3px 0;}
.txt-bx .ic-close{font-size: 0;display: inline-block;background: url("/theme/cyberedu/pix/images/icon_close_small.png") no-repeat center;background-size: 12px auto;width: 15px;height: 15px;vertical-align: middle;margin-left: 10px;margin-top: -1px;}

.cont-tit{margin-top: -10px;margin-bottom: 30px;text-align: center;}
.cont-tit.no-mg{margin: 30px 0 15px;}
.cont-tit strong{display: block;font-weight: 500;font-size: 27px;margin-bottom: 2px;}
.cont-tit.no-mg strong{margin: 80px 0 70px;}
.cont-tit span{font-size: 14px;font-weight: 300;color: #888;}
.chk-label-group{font-size: 0;text-align: center;}
.chk-label-group input[type=checkbox]{display: none;}
.chk-label-group>label span{cursor: pointer;display: inline-block;font-size: 14px;padding: 0 13px;height: 40px;line-height: 38px;color: #555;border: 1px solid #ddd;border-radius: 5px;margin:5px 10px 5px 0;}
.chk-label-group>label:hover span{border-color: #004c98;color: #004c98;}
.chk-label-group>label input:checked+span{color: #fff;border-color: #004c98;background: #004c98;}


/*## 이력서 관리 ##*/
.ck-tab{margin-bottom: 25px;}
.ck-tab .custom-ck{line-height: 35px;margin-right: 20px;}
.info-txt{margin-bottom: 25px;}
.info-txt>p{padding-left: 20px;box-sizing: border-box;margin-bottom: 7px;font-size: 15px;}
.info-txt>p:before{content: "※";margin-left: -20px;}
.block-bx{margin: 0 -12px;}
.block-bx:after{content: "";display: block;clear: both;}
.block-bx>li{border: 1px solid #f2f3f5;width: calc(25% - 24px);float: left;margin: 0 12px 12px;box-sizing: border-box;padding: 27px 30px 10px;}
.block-bx>li .bk-txt{min-height: 160px;border-bottom: 1px solid #eee;}
.block-bx>li .tit{font-size: 18px;font-weight: 500;line-height: 22px;height: 44px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom: 16px;}
.block-bx>li .tit.no-h{height: auto;margin-bottom: 20px}
.block-bx>li .t-gray{font-weight: 200;margin-bottom: 27px;}
.block-bx>li .t-blue02{font-size: 16px;}
.block-bx>li .btns.ic-plus{height: 45px;line-height: 43px;border: 1px solid #ccc;border-radius: 50px;padding: 0 30px;color: #555;font-size: 16px;margin-bottom: 25px;margin-top: 5px;}
.block-bx>li .btns.ic-plus:before{content: "";background: url("/theme/cyberedu/pix/images/icon_pluse.png") no-repeat center;margin-right: 5px;}
.block-bx>li .t-small{font-size: 12px;font-weight: 200;color: #888;letter-spacing: -0.8px;}
.block-bx>li a.t-blue02{font-size: 14px;word-break: break-all;font-weight: 200;}
.block-bx>li .bk-ic{position: relative;padding: 15px 0 12px;}
.block-bx>li .bk-ic .ic-write{background: url("/theme/cyberedu/pix/images/icon_write.png") no-repeat left center;padding-left: 25px;}
.block-bx>li .bk-ic .ic-doc{background: url("/theme/cyberedu/pix/images/icon_document.png") no-repeat left center;padding-left: 25px;}
.block-bx>li .bk-ic .ic-file{background: url("/theme/cyberedu/pix/images/icon_file.png") no-repeat left center;padding-left: 25px;}
.block-bx>li .bk-ic .ic-video{background: url("/theme/cyberedu/pix/images/icon_video.png") no-repeat left center;padding-left: 26px;}
.block-bx>li .bk-ic .ic-view{font-size: 0;display: inline-block;background: url("/theme/cyberedu/pix/images/icon_eye.png") no-repeat center;background-size: auto 19px;height: 19px;width: 22px;vertical-align: middle;margin-left: 5px;}
.block-bx>li .bk-ic .ic-view.none{background-image: url("/theme/cyberedu/pix/images/icon_eye_none.png")}

.block-bx>li .bk-ic .bk-mr-area{position: absolute;right: 0;top: 14px;}
.block-bx>li .bk-ic .bk-mr-area .ic-sub{font-size: 0;background: url("/theme/cyberedu/pix/images/icon_more02.png") no-repeat center;display: block;width: 10px;height: 20px;}
.block-bx>li .bk-ic .bk-mr-area>ul{position: absolute;top: 100%;right: 0;white-space: nowrap;margin-top: 5px;background: #fff;padding: 10px 20px;border: 1px solid #eee;min-width: 165px;box-sizing: border-box;z-index: 1;display: none;}
.block-bx>li .bk-ic .bk-mr-area.on>ul{display: block;}
.block-bx>li .bk-ic .bk-mr-area>ul>li{padding: 14px 0;border-bottom: 1px solid #eee;font-size: 15px;color: #555;font-weight: 500;}
.block-bx>li .bk-ic .bk-mr-area>ul>li:last-child{border-bottom: 0;}



/*## 이력서 관리 상세 ##*/
.resume-tit{margin-bottom: 20px;}
.resume-tit input[type=text]{height: 45px;width: calc(100% - 350px);font-size:18px;font-weight: 500;}
.resume-tit input[type=text]::placeholder{color: #ccc;font-weight: 400;}
.resume-tit input[type=text]:-ms-input-placeholder{color: #ccc;font-weight: 400;}

.resume-tit .btns{height: 45px;min-width: 100px;font-size: 15px;}
.my-box.resume input[type=text]{border: 0;border-bottom: 1px solid #ddd;}
.my-box.imprt.resume{}
.my-box.imprt.resume .profile-img{width: 135px;height: 135px;position: relative;margin-top: 10px;float: left;}
.my-box.imprt.resume .profile-img img{width: 100%;height: 100%;border-radius: 100%;}
.my-box.imprt.resume .profile-img .u-btn{display: inline-block;width: 50px;height: 50px;position: absolute;right: -10px;bottom: -10px; background: #fff url("/theme/cyberedu/pix/images/icon_profile.png") no-repeat center;border: 1px solid #e0e0e0;border-radius: 100%;box-sizing: border-box;box-shadow: 2px 0px 6px rgba(0,0,0,0.12);cursor: pointer;}
.my-box.imprt.resume .profile-img .u-btn input[type=file]{display: none;}
.my-box.imprt.resume .f-l{width: calc(100% - 190px);margin-left: 55px}
.my-box.imprt.resume .f-l .rw{width: calc(50% - 15px);}
.my-box.imprt.resume .f-l .rw:nth-child(2n){margin-left: 30px;}
.my-box.imprt.resume .f-l .rw.full{width: 100%;}

.my-box.bx-inline.resume .rw{width: auto;float: left;}
.my-box.bx-inline.resume .rw:first-child select{
    min-width: 160px;
}
.my-box.bx-inline.resume .rw:nth-child(2n){margin-left: 30px;}

.pg-tit .btns.f-r{min-width: 75px;font-weight: normal;}

.my-box.move.resume{padding: 30px 35px 20px 80px;position: relative;margin-bottom: 13px;background: #fff;}
.my-box.move.resume .ic-mv, .my-box.move.resume .ic-mv-sub{cursor: move;display: inline-block;background: url("/theme/cyberedu/pix/images/icon_resum_bx.png") no-repeat center;width: 21px;height: 14px;font-size: 0;position: absolute;left: 30px;top: 30px;}
.my-box.move.resume .ic-close{cursor: pointer;display: inline-block;background: #ccc url("/theme/cyberedu/pix/images/icon_close_w.png") no-repeat center;background-size: 17px auto;width: 36px;height: 36px;font-size: 0;position: absolute;right: 0;top: 0;}
.sortable-area{position: relative;}
.my-box.move.resume>div{font-size: 0;}
.my-box.move.resume>div>p, .my-box.move.resume>div>div{display: inline-block;vertical-align: text-top;}
.my-box.move.resume>div>*:not(:last-child){margin-right: 30px;width: 20%;}
.my-box.move.resume>div>p.w200px{width: 250px;}
.my-box.move.resume>div>p.w150px{width: 200px;}
.my-box.move.resume>div>p span{display: block;margin-bottom: 5px;}
.my-box.move.resume.edu-history>div>*:nth-child(1){width: 20%;}
.my-box.move.resume.edu-history>div>p:nth-child(2){width: 150px;}
.my-box.move.resume.edu-history>div>p:nth-child(3){width: calc(80% - 210px);}
.my-box.move.resume>div>p input[type=text]:not(:last-child){margin-bottom: 10px;}
.my-box.move.resume>div>p input[type=text]{width: 100%;}
.my-box.move.resume+.pg-tit, .sortable-area+.pg-tit{margin-top: 33px;}
.my-box.move.resume>div .dt-grp{border-bottom: 1px solid #ddd;width: 100%;}
.my-box.move.resume>div .dt-grp input{border: 0;padding-left: 2px;padding-right: 2px;margin-bottom: 0 !important;}
.my-box.move.resume>div .dt-grp input.year{width: 42px;}
.my-box.move.resume>div .dt-grp input.month{width: 30px;}


.my-box.move.resume.cp-history>div>p:nth-child(1){width: 20%;}
.my-box.move.resume.cp-history>div>*:nth-child(2) {width: calc(80% - 30px);}
.my-box.move.resume.cp-history>div>p input[type=text].f-l{width: calc(100% - 180px);}
.my-box.move.resume.cp-history>div>p input[type=text].f-l + select{width: 150px;margin-left: 30px;}
.my-box.move.resume.cp-history>div>p .btns{clear: both;}
.my-box.move.resume>div.add-bx-wrap{width: calc(80% - 30px);float: right;box-sizing: border-box;position: relative;}
.my-box.move.resume>div.add-bx-wrap .btns{margin-bottom: 20px;margin-top: 5px;margin-left: 0;min-width: 150px;}
.my-box.move.resume>div.add-bx-wrap .add-bx{background: #f8f8f8;position: relative;width: 100%;padding: 30px 30px 20px 80px;box-sizing: border-box;}
.my-box.move.resume>div.add-bx-wrap .add-bx:not(:last-child){margin-bottom: 13px;}
.my-box.move.resume>div.add-bx-wrap .add-bx input[type=text]{margin-bottom: 10px;background-color: transparent;}
.my-box.move.resume>div.add-bx-wrap .add-bx textarea{border: 0;padding: 15px;box-sizing: border-box;height: 100px;font-size: 16px;}
.my-box.move.resume>div.add-bx-wrap .add-bx .ic-close{background: url("/theme/cyberedu/pix/images/icon_close.png") no-repeat center;background-size: 17px auto;}
.my-box.move.resume>div.add-bx-wrap .add-bx .dt-grp{display: inline-block;margin-bottom: 10px;width: auto;}
.my-box.move.resume>div>p textarea{width: 100%;padding: 15px;font-size: 16px;height: 100px;box-sizing: border-box;border: 1px solid #ddd;}
.my-box.move.resume>div>div .table{border: 1px solid #e9ebf0;;margin-bottom: 0;}
.my-box.move.resume>div>div .table tr:first-child td{border-top-color: #555;}
.tb-file-area.bx{margin-bottom: 35px;border: 1px solid #ddd;border-top-color: #888;padding: 30px 30px 20px;}


/*## 기업회원 가입 동의 ##*/
.login-bx.company{position: static;margin: 0 auto 50px;width: 650px;max-width: 90%;}
.nav-rd{font-size: 0;text-align: center;margin: 50px 0 45px;}
.nav-rd li{display: inline-block;width: 40px;height: 40px;margin-right: 20px;position: relative;}
.nav-rd li:not(:last-child):after{content: "";display: block;width: 20px;height: 1px;background: #004c98;position: absolute;left: 100%;top: 50%;}
.nav-rd li:last-child{margin-right: 0;}
.nav-rd li a{display: block;height: 100%;border-radius: 100%;border: 1px solid #004c98;box-sizing: border-box;line-height: 38px;background: #fff;font-size: 16px;color: #004c98;}
.nav-rd li.on a{background: #004c98;color: #fff;}
.join-tit{text-align: center;font-size: 30px;font-weight: 500;margin-bottom: 30px;margin-top: 50px;}
.nav-rd + .join-tit{margin-top: 0;}

/*## 기업회원 가입 아이디/비밀번호 등록 ##*/
.login-bx.company .email-bx{margin-top: 24px;}
.login-bx.company .email-bx p{margin-bottom: 28px;}
.login-bx.company .email-bx .btns-area .btns.br{border-color: #aaa;height: 70px;background: #fff;padding: 0 15px;width: 230px;max-width: 100%;margin-top: 10px;}
.login-bx .email-bx.join>p input[type=text]:-ms-input-placeholder{color: #aaa;}
.login-bx .email-bx.join>p input[type=text]::placeholder{color: #aaa;}


/*## 기업회원 기업정보 입력 ##*/
.email-bx .half{width: calc(50% - 13px);float: left;}
.email-bx .half.mg{margin-left: 26px;}
.email-bx .half select{width: 100% !important;}
.email-bx .half.mg + *{clear: both;}
.login-bx.company .email-bx>div{margin-bottom: 28px;}
.login-bx.company .email-bx>div>strong{display: block;font-size: 20px;font-weight: normal;line-height: 1;margin-bottom: 20px;}
.login-bx.company .email-bx>div>strong:after{content: "";width: 6px;height: 6px;display: inline-block;background: #76cb00;border-radius: 100%;margin-left: 5px;vertical-align: text-top;margin-top: 7px;}
.login-bx.company .email-bx>p>strong.no-dot:after{display: none;}
.email-bx .custom-file-box input[type=text]{height: 55px;font-size: 18px;background: #fff;}
.email-bx .custom-file-box label.btns.gray{height: 55px;line-height: 53px;font-size: 17px;}
.login-bx.company .email-bx>div.no-mg{margin-bottom: 0;}



/*## 대시보드 ##*/
.dhboard-list{font-size: 0;max-width: 1060px;width: 100%;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}
.dhboard-list:last-of-type{margin-bottom: 30px;}
.group .dhboard-list{padding: 0;}
.dhboard-list li{display: inline-block;width: calc(25% - 15px);text-align: center;background: #fff;border: 1px solid #ddd;box-sizing: border-box;}
.dhboard-list li:not(:first-child){margin-left: 20px;}
.dhboard-list li .dash-num{line-height: 170px;font-size: 60px;font-weight: 300;color: #004c98;}
.dhboard-list.style02 li .dash-num{color: #004c98;}
.dhboard-list li .dash-num a{display: inline-block;border-bottom: 1px solid #004c98;line-height: 1.2;}
.dhboard-list.style02 li .dash-num a{border-color: #004c98;}
.dhboard-list li>p{font-size: 20px;font-weight: 200;padding: 20px 0;line-height: 1;border-top: 1px solid #ddd;letter-spacing: -0.5px;}



/*## 채용공고 목록 ##*/
.tab-btn{margin-bottom: 20px;}
.tab-btn .btn-area, .tab-btn .btn-area:hover{background: transparent;}
.tab-btn .btn-area>.btns{margin: 0 0 0 10px;}
.tab-btn .tp-tb-area{margin-bottom: 0;}
.tab-btn .tp-tb-area li{line-height: 50px;}
.tb-tp{margin-bottom: 20px;font-size: 0;}
.tb-tp .num{font-size: 14px;margin-right: 10px;vertical-align: middle;}
.tb-tp select{height: 40px;}
.tb-tp input[type=text]{height: 40px;}
.tb-tp .btns{height: 40px;font-size: 16px;line-height: 38px;}
.tb-tp .btns .f-r{font-size: 0;}
.tb-tp .f-r input,.tb-tp .f-r .btns{margin-left: 10px;margin-bottom:0;}
input.has-datepicker, .tb-tp .srch-area input[type=date]{background:url("/theme/cyberedu/pix/images/icon_work05.png") no-repeat right 10px center;width: 130px;box-sizing: border-box;padding-right: 30px;border-radius: 0 !important;border: 1px solid #ccc !important;}
.tb-tp .srch-area input[type=date]{padding: 8px 30px 8px 10px;}
.tb-tp .f-r .btns{min-width: 70px;}
.tb-tp .f-r .btns.br{border-color: #707070;color: #707070;background: #fff;text-shadow: none;}
table thead tr th.th-sort{white-space: nowrap;cursor: pointer;}
table thead tr th .ic-sort{display: inline-block;font-size: 0;position: relative;width: 10px;height: 10px;margin-left: 5px;vertical-align: middle;}
table thead tr th .ic-sort:after{content: "";display: inline-block;vertical-align: middle;border-style: solid;border-width: 6px;border-color: transparent transparent #333 transparent;position: absolute;left: 0;top: -6px;}
table thead tr th .ic-sort.down:after{border-color: #333 transparent transparent transparent;top: 0px;vertical-align: middle;}



/*## 채용공고 등록 ##*/
.group .center-tit{margin-top: 0;}
.center-tit.hasbtn .btns{vertical-align: text-top;margin-top: 3px;}
.w-bx-tp{width: 100%;max-width: 1030px;padding: 45px 40px;box-sizing: border-box;background: #fff;margin: 0 auto 30px;border-top: 2px solid #555;}
.bgblue .w-bx-tp + .btn-area.text-center{background-color: #edf0f5 !important;padding-bottom: 30px;}
.w-bx-tp .imprt-txt{text-align: right;margin-bottom: 23px;text-align: right;color: #888;font-size: 16px;}
.w-bx-tp .imprt-txt:before{content: "";display: inline-block;background: #76cb00;width: 6px;height: 6px;border-radius: 100%;vertical-align: text-top;margin-top: 4px;margin-right: 5px;}
.w-bx-tp .rw{margin-bottom: 20px;font-size: 0;}
.w-bx-tp .rw span{font-size: 16px;}
.w-bx-tp .rw .tit{font-size: 20px;margin-bottom: 14px;}
.w-bx-tp .rw .tit.hasdot:after{content: "";display: inline-block;background: #76cb00;width: 6px;height: 6px;border-radius: 100%;vertical-align: text-top;margin-top: 5px;margin-left: 5px;}
.w-bx-tp .rw input[type=text], .w-bx-tp .rw input[type=date]{border: 1px solid #ddd;height: 50px;box-sizing: border-box;font-size: 15px;}
.w-bx-tp .rw input[type=date]{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;border-radius: 0;box-shadow: none;}
.w-bx-tp .rw input[type=text]:-ms-input-placeholder{color: #ccc;}
.w-bx-tp .rw textarea::placeholder{color: #ccc;}
.w-bx-tp .rw textarea:-ms-input-placeholder{color: #ccc;}
.w-bx-tp .rw textarea{height: 190px;width: 100%;border: 1px solid #ddd;box-sizing: border-box;padding: 10px;font-size: 15px;letter-spacing: -0.6px;font-weight: 500;}
.w-bx-tp .rw select{height: 50px;border-color: #ddd;border-radius: 0;box-shadow: none;}
.w-bx-tp .sub-tit{font-size: 22px;margin-bottom: 25px;}
.w-bx-tp .select-rw{margin-bottom: 10px;}
.w-bx-tp .select-rw span{vertical-align: middle;margin-right: 5px;}
.w-bx-tp .select-rw span.f16{min-width: 70px;display: inline-block;}
.w-bx-tp .select-rw input, .w-bx-tp .select-rw select{margin-right: 3px;}
.w-bx-tp .btns.ic-plus{margin: 3px 0;vertical-align: middle;}
.w-bx-tp .rw .max-txt{width: calc(100% - 50px);}
.w-bx-tp .rw .byte{display: inline-block;vertical-align: top;width: 50px;text-align: right;font-size: 16px;color: #888;line-height: 50px;}
.w-bx-tp .rw .byte em{font-style: normal;color: #000;}
.w-bx-tp .rw .rd-group label{display: inline-block;margin: 0 50px 10px 0; cursor: pointer;position: relative;}
.w-bx-tp .rw .rd-group label input[type=radio]{width: 18px;height: 18px;margin-right: 5px;vertical-align: middle;margin-top: 2px;display: inline-block;}
.w-bx-tp .rw .rd-group label span{vertical-align: middle;font-size: 16px;}
.w-bx-tp .rw .ck-group label{display: inline-block;margin: 0 50px 10px 0; cursor: pointer;}
.w-bx-tp .rw .ck-group label span{font-size: 16px;}
.w-bx-tp .rw .pay input[type=text]{border: 0;border-bottom: 1px solid #ddd;width: 120px;}
.w-bx-tp .rw .pay>span{vertical-align: middle;margin: 0 10px;}
.w-bx-tp .rw .pay select{margin:0 10px;}
.w-bx-tp .rw select.f-l{width: 130px;margin-right: 10px;}
.w-bx-tp .rw select.f-l + input[type=text]{width: calc(100% - 140px);}
.w-bx-tp .rw .has-datepicker{width: 200px;}
.w-bx-tp .rw .dash{margin: 0 10px;}

/*## 내정보 ##*/
.my-box.jobs{overflow: hidden;padding: 0;margin-bottom: 25px;}
.my-box.jobs .half{float: left;width: 50%;box-sizing: border-box;padding: 30px;}
.my-box.jobs .half:last-child{border-left: 1px solid #ddd;}
.my-box.jobs .rw>p{line-height: 1.3;}
.my-box.jobs .rw>strong{line-height: 1.3;}
.my-box.jobs .half:first-child .rw:not(:last-child){margin-bottom: 25px;}
.my-box.jobs .half:last-child .rw:not(:last-child){margin-bottom: 17px;}
.my-c-info-num{margin-bottom: 25px;text-align: center;font-size: 0;padding: 32px 15px 37px;border: 1px solid #ddd;}
.my-c-info-num>li{display: inline-block;margin: 0 50px;font-size: 48px;font-weight: 500;}
.my-c-info-num>li a{display: inline-block;border-bottom: 1px solid #000;line-height: 1;padding-bottom: 5px;}
.my-c-info-num>li>span{font-weight: 200;font-size: 16px;display: block;}
.resume-bx{border: 1px solid #ddd;padding: 30px 30px 28px;}
.resume-bx .tit{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.resume-bx>ul{overflow: hidden;background: url("/theme/cyberedu/pix/images/icon_resume.png") no-repeat left 18px top 15px;padding-left: 130px;font-size: 0;}
.resume-bx>ul>li{font-size: 0;display: inline-block;width: 50%;margin-bottom: 10px;padding-left: 10px;box-sizing: border-box;vertical-align: text-top}
.resume-bx>ul>li>span{font-size: 16px;color: #999;display: inline-block;width: 90px;box-sizing: border-box;vertical-align: text-top;}
.resume-bx>ul>li .dt:before{content: "";display: inline-block;width: 2px;height: 2px;border-radius: 100%;background: #888;vertical-align: middle;margin-right: 4px;}
.resume-bx>ul>li span[class*=ic]{width: 135px;}
.resume-bx>ul>li .ic-file{background: url("/theme/cyberedu/pix/images/icon_file.png") no-repeat left top 3px;padding-left: 32px;line-height: 25px;}
.resume-bx>ul>li .ic-video{background: url("/theme/cyberedu/pix/images/icon_video.png") no-repeat left center;padding-left: 32px;}
.resume-bx>ul>li>strong{font-weight: 500;font-size: 16px;display: inline-block;width: calc(100% - 90px);vertical-align: text-top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.resume-bx>ul>li span[class*=ic]+strong{width: calc(100% - 135px)}
.radio-grp label{font-size: 16px;margin-right: 20px;}
.radio-grp input[type=radio]{width: 17px;height: 17px;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.addr-info .rw.mg-bt0{margin-bottom: 0;}


/*## 기업정보 ##*/
.w-bx-tp.style02{padding: 0 30px 30px;border-top: 0;max-width: 650px;}
.w-bx-tp.style02 .login-tab{margin: 0 -30px 30px;list-style: none;}
.company-info-area{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 20px;overflow: hidden;}
.company-info-area .ci-img{width: 180px;height: 180px;border-radius: 100%;text-align: center;background: #f8f8f8;margin-right: 60px;float: left;position: relative;}
.company-info-area .ci-img .info-txt{position: absolute;width: 100%;top: 50%;transform: translate(0, -50%);}
.company-info-area .ci-img .info-txt span{display: block;color: #888;font-size: 14px;font-weight: 200;}
.company-info-area .ci-img .logo-img{background: #f8f8f8;width: 100%;height: 100%;border-radius: 100%;position: relative;z-index: 1;text-align: center;}
.company-info-area .ci-img .logo-img:before{content: "";height: 100%;display: inline-block;vertical-align: middle;}
.company-info-area .ci-img .logo-img img{max-width: 95%;max-height: 100%;vertical-align: middle;}
.company-info-area .ci-img>label{cursor: pointer;display: inline-block;width: 50px;height: 50px;background: #fff url("/theme/cyberedu/pix/images/icon_profile.png") no-repeat center;border: 1px solid #f5f5f5;box-sizing: border-box;border-radius: 100%;position: absolute;bottom: -3px;right: -3px;z-index: 2;}
.company-info-area .ci-img>label input[type=file]{display: none;}
.company-info-area .ci-txt{float: left;width: calc(100% - 240px);}
.company-info-area .ci-txt>p{margin-top: 25px;font-size: 0;}
.company-info-area .ci-txt>p>*{font-size: 16px;display: inline-block;vertical-align: top;}
.company-info-area .ci-txt>p>span{color: #888;width: 80px;}
.company-info-area .ci-txt>p>strong{font-weight: normal;width: calc(100% - 80px);}
.w-bx-tp .rw .num{display: inline-block;width: 35px;}
.w-bx-tp .rw .num + input[type=text]{width: calc(100% - 35px);}

/*## 지원자 목록 ##*/
.search-form{background: #f8f8f8;margin-bottom: 30px;padding: 35px 30px 15px;}
.search-form .rw{margin-bottom: 20px;font-size: 0;}
.search-form .rw>*{vertical-align: middle;}
.search-form .rw select{margin-right: 15px;font-size: 16px;}
.search-form .rw .btns{margin-left: 5px;margin-bottom: 0;}
.search-form .rw .custom-ck{margin-right: 38px;}
.search-form .rw input[type=text]{font-size: 16px;}
.search-form .rw input[type=reset]{text-shadow: none;background: transparent;color: #555;}
.list-num .ck-btns{margin-bottom: 0;font-size: 0;}
.list-num .ck-btns select{margin-left: 10px;}
.sort-list{display: inline-block;}
.sort-list>li{display: inline-block;margin-left: 10px;}
.sort-list>li>a{display: inline-block;font-size: 14px;border-bottom: 1px solid #eee;padding: 0 25px 0 10px;line-height: 35px;color: #aaa;position: relative;}
.sort-list>li>a:after{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_custom_select.png") no-repeat;width: 9px;height: 5px;position: absolute;right: 5px;top: 15px;}
.sort-list>li.up>a:after{transform: rotate(180deg);}
.sort-list>li.on>a{color: #000;border-bottom-color: #ccc;}
.sort-list>li.on>a:after{background-image: url("/theme/cyberedu/pix/images/icon_custom_select_on.png") !important;}
.talent-list.has-check>li{position: relative;padding-left: 60px;}
.talent-list.has-check>li .custom-ck{position: absolute;left: 20px;top: 50%;transform: translate(0, -50%);}
.talent-list>li .t-right.no-pd{padding-top: 0px;}
.talent-list>li .t-right.no-pd select{margin-top: 5px;font-size: 14px;letter-spacing: -0.6px;padding-right: 17px;padding-left: 4px;}
.bt-ck-list{margin-top: -10px;margin-bottom: 30px;font-size: 0;overflow: hidden;}
.bt-ck-list>.btns{margin: 10px 0 0;}
.bt-ck-list>*{margin-top: 10px;}
.bt-ck-list .btns{height: 40px;line-height: 38px;vertical-align: middle;}
.bt-ck-list .btns + label{margin-left: 10px;}
.bt-ck-list label{font-size: 14px;vertical-align: middle;;margin-right: 5px;}
.bt-ck-list select{height: 40px;box-sizing: border-box;vertical-align: middle;}
.bt-ck-list .f-r{margin-top: 10px;}
.bt-ck-list .f-r .btns{margin-left: 5px;}


/*## 이력서 상세 ##*/
.resume-inf-bx{border: 1px solid #e6e7e8;margin-bottom: 10px;padding: 33px 38px;}
.resume-inf-bx:after{content: "";display: block;clear: both;}
.resume-inf-bx.first{border-top: 2px solid #000;}
.resume-inf-bx .tit{border-bottom: 1px solid #e6e7e8;font-size: 20px;font-weight: 500;padding-bottom: 18px;margin-bottom: 21px;}
.resume-inf-bx .txt{overflow: hidden;}
.resume-inf-bx .txt>.rw{font-size: 0;margin-bottom: 13px;}
.resume-inf-bx .txt>.rw.bt-br:not(:last-child){border-bottom: 1px dashed #eee;padding-bottom: 20px;margin-bottom: 20px;}
.resume-inf-bx .txt>.rw span{color: #888;display: inline-block;font-weight: 200;font-size: 16px;vertical-align: text-top}
.resume-inf-bx .txt>.rw strong{font-weight: 400;font-size: 16px;display: inline-block;vertical-align: text-top;}
.resume-inf-bx .rw em{font-style: normal;}
.resume-inf-bx .rw .inline-b{display: inline-block;vertical-align: text-top;font-size: 0;}
.resume-inf-bx .rw .inline-b>span{color: #000;font-weight: 200;font-size: 16px;}
.resume-inf-bx .rw .inline-b>span:not(:last-child):after{content: "";display: inline-block;background: #ddd; height: 14px;width: 1px;margin: 0 10px;vertical-align: middle;margin-top: -2px;}

.resume-inf-bx.first .tit{font-size: 28px;padding-bottom: 25px;margin-bottom: 30px;}
.resume-inf-bx.first .tit .btns{height: 43px;line-height: 41px;min-width: 140px;font-weight: normal;font-size: 16px;background-image: none;}
.resume-inf-bx.first .tit .btns.ic-print:before{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_print.png") no-repeat center;width: 17px;height: 15px;vertical-align: middle;margin-right: 7px;}
.resume-inf-bx.first .tit .btns.ic-down:before{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_down.png") no-repeat center;background-size: 16px auto; width: 17px;height: 15px;vertical-align: middle;margin-right: 7px;}
.resume-inf-bx.first .u-img{width: 130px;height: 130px;margin-right: 35px;float: left;}
.resume-inf-bx.first .u-img img{width: 100%;height: 100%;border-radius: 100%;}
.resume-inf-bx.first .txt>.rw{width: 50%;float: left;}
.resume-inf-bx.first .txt>.rw.w100{width: 100%;}
.resume-inf-bx.first .txt>.rw span{width: 80px;}
.resume-inf-bx.first .txt>.rw strong{width:calc(100% - 80px);word-break: break-all;}

.resume-inf-bx div.rw{overflow: hidden;}
.resume-inf-bx div.rw>p, .resume-inf-bx div.rw>div{float: left;}
.resume-inf-bx div.rw>p:first-child{width: 30%;}
.resume-inf-bx div.rw>p:last-child, .resume-inf-bx div.rw>div:last-child{width: 70%;}
.resume-inf-bx div.rw>div>p{font-size: 16px;}
.resume-inf-bx div.rw>p strong{margin-left: 15px;}
.resume-inf-bx .rw .history>strong{min-width: 90px;margin-right: 10px;}
.resume-inf-bx .rw *{word-break: break-all;}
.resume-inf-bx .rw .f18{font-size: 18px;}
.resume-inf-bx .rw .t-dot{font-size: 15px;padding-left: 13px;box-sizing: border-box;}
.resume-inf-bx .rw .t-dot:before{content: "";display: inline-block;background: #333;width: 2px;height: 2px;border-radius: 100%;vertical-align: text-top;margin: 10px 5px 0 0;margin-left: -13px;}
.resume-inf-bx .rw .w-txt{padding-left: 9px;}
.resume-inf-bx .rw .w-txt .t-dot{margin-left: -9px;}
.resume-inf-bx .rw .t-gray{color: #555;font-weight: 200;font-size: 13px;}

.resume-inf-bx .bdg-area{clear: both;background: #f8f8f8;padding: 37px 30px;}
.resume-inf-bx .bdg-area>.t-blue02{font-size: 17px;font-weight: 500;margin-bottom: 10px;}
.resume-inf-bx .bdg-area>table{background: #fff;margin-bottom: 0 !important;border: 1px solid #eee;}
.resume-inf-bx .bdg-area>table td{border-color: #eee;font-size: 16px;font-weight: 200;}
.resume-inf-bx .bdg-area>table td p{font-size: 16px;}
.resume-inf-bx .bdg-area>table td .t-gray{font-size: 13px;color: #555;margin-top: 3px;}

.resume-inf-bx .rw div.w100{width: 100%;font-size: 0;}
.resume-inf-bx .rw div.w100 p:not(:last-child){margin-bottom: 10px;}
.resume-inf-bx .rw p.w100.t-dot span{color: #000;font-weight: 200;display: inline-block;}
.resume-inf-bx .rw p.w100.t-dot span:not(:last-child):after{content: "";display: inline-block;height: 14px;background: #ddd;width: 1px;margin: 0 10px;}

.file-list>li{font-size: 16px;font-weight: 200;margin-bottom: 10px;color: #000;}
.file-list>li>a{background: url("/theme/cyberedu/pix/images/icon_file.png") no-repeat left center;padding-left: 28px;line-height: 28px;}

.my-box.bg{border: 0;background: #f8f8f8;margin-bottom: 10px;}

.pop-contents.no-pd{padding: 0 !important;;}
.y-video-area{position: relative;width: 100%;height: 0;padding-top: 56.25%;}
.y-video-area>iframe{width: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;}

/*## 강좌수료현황 팝업 ##*/
.u-info{margin-bottom: 20px;background: #f8f8f8;padding: 15px;box-sizing: border-box;}
.u-info>img{width: 70px;height: 70px;border-radius: 100%;vertical-align: middle;margin-right: 20px;}
.u-info>strong{font-weight: 400;font-size: 18px;}
.table.bdg-tb{border: 1px solid #ddd;}
.table.bdg-tb td{border-color: #ddd;}

/*## 인재검색 ##*/
.ck-scrl-bx{font-size: 0;margin-bottom: 40px;}
.ck-scrl-bx .bx{display: inline-block;width: 20%;vertical-align: text-top;border-top: 1px solid #555;}
.ck-scrl-bx .bx .bx-th{border-bottom: 1px solid #aeafb2;border-right: 1px solid #f4f5f7;padding: 14px 14px;}
.ck-scrl-bx .bx .bx-th label span{font-size: 15px;color: #888;}
.ck-scrl-bx .bx:last-child .bx-th{border-right: 0;}
.ck-scrl-bx .bx .bx-scrl{height: 274px;overflow: auto;border-bottom: 1px solid #e9ebf0;border-right: 1px solid #f4f5f7;}
_:-ms-fullscreen, :root .ck-scrl-bx .bx .bx-scrl{height: 280px;}
.ck-scrl-bx .bx:last-child .bx-scrl{border-right: 0;}
.ck-scrl-bx .bx .bx-scrl>p{padding: 14px 14px;border-bottom: 1px solid #e9ebf0;letter-spacing: -0.6px;}
.ck-scrl-bx .bx .bx-scrl>p label span{font-size: 14px;color: #555;}
.ck-btns{margin-bottom: 25px;}
.ck-btns input[type=reset]{color: #555;text-shadow: none;}
.list-num{margin-bottom: 20px;}
.ck-btns .f-r + .custom-ck{line-height: 30px;}

.talent-list>li{border: 1px solid #ddd;margin-bottom: 10px;padding: 30px;overflow: hidden;}
.talent-list>li .t-img{width: 120px;height: 120px;position: relative;float: left;margin-right: 20px;}
.talent-list>li .t-img img{width: 100%;height: 100%;border-radius: 100%;}
.talent-list>li .t-img .ic-heart{cursor: pointer;display: inline-block;position: absolute;top: 7px;left: 4px;font-size: 0;background: url("/theme/cyberedu/pix/images/icon_heart04.png") no-repeat center;width: 26px;height: 24px;}
.talent-list>li .t-img .ic-heart.on{background: url("/theme/cyberedu/pix/images/icon_heart02_on.png") no-repeat center;background-size: 26px auto;}
.talent-list>li .t-img .ic-play{cursor: pointer;display: inline-block;font-size: 0;position: absolute;left: 50%;top: 50%;width: 36px;height: 36px;background: #004c98 url("/theme/cyberedu/pix/images/icon_play.png") no-repeat left 12px center;background-size: 15px auto;border-radius: 100%;margin: -13px 0 0 -13px;}
.talent-list>li .t-u-info{float: left;width: 100px;margin-right: 20px;min-height: 120px;}
.talent-list>li .t-u-info>*{display: block;}
.talent-list>li .t-u-info>strong{font-size: 16px;margin-top: 12px;margin-bottom: 2px;font-weight: 500;}
.talent-list>li .t-u-info .t-blue02{font-weight: 200;font-size: 16px;}
.talent-list>li .t-u-info .ic-badge{cursor: pointer;background: url("/theme/cyberedu/pix/images/ic_badge.png") no-repeat left top;padding-left: 30px;height: 36px;color: #e10098;font-weight: 500;padding-top: 6px;margin-top: 15px;}
.talent-list>li .t-c-info{float: left;width: calc(100% - 360px);padding-right: 20px;box-sizing: border-box;}
.talent-list>li .t-c-info .tit{font-size: 18px;margin-bottom: 17px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.talent-list>li .t-c-info>p{margin-bottom: 5px;color: #555;font-size: 13px;}
.talent-list>li .t-c-info>p:last-child{margin-bottom: 0;}
.talent-list>li .t-c-info>p>span{font-size: 15px;color: #555;}
.talent-list>li .t-c-info>p>span:not(:last-child):after{content: "";display: inline-block;margin: 0 10px;background: #ccc;height: 13px;width: 1px;}
.talent-list>li .t-right{float: right;width: 100px;text-align: right;padding-top: 27px;}
.talent-list>li .t-right>span{display: block;font-size: 13px;letter-spacing: -0.4px;margin-bottom: 10px;color: #555;}
.talent-list>li .t-right .btns{height: 30px;line-height: 28px;font-size: 13px;color: #555;}


/*## 커뮤니티 ##*/
.move-community{text-align: center;padding-top: 20px;}
.move-community>p{margin-bottom: 60px;margin-top: 30px;font-size: 20px;font-weight: normal;}
.move-community>a{display: inline-block;font-size: 24px;text-align: center;color: #fff;height: 60px;line-height: 59px;background: #004c98;padding: 0 10px;min-width: 400px;max-width: 100%;}
.move-community>a:after{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_link.png") no-repeat center;width: 25px;height: 20px;margin-left: 10px;}

/*## 개인정보수정 ##*/
.my-box.company{margin-bottom: 10px;}
.my-box.company .ft-dot{text-align: right;font-size: 16px;margin-bottom: 10px;}
.my-box.company .rw>strong{width: 135px;}
.my-box.company .rw>p{width: calc(100% - 135px);}

.my-box.company .rw>strong.dot:after{content: "";display: inline-block;width: 6px;height: 6px;background: #76cb00;border-radius: 100%;vertical-align: text-top;margin-right: 5px;margin-top: 5px;margin-left: 3px;}
.t-info{font-size: 16px;padding-left: 20px;color: #666;}
.t-info:before{content: "※";display: inline-block;margin-left: -20px;}

/*## 추천로직 ##*/
.jobs-cmpny-list{margin: 0 -10px !important;width: auto;}
.jobs-cmpny-list .slick-dots{bottom: auto;top: -53px;left: auto;right: 6px;width: auto;margin: 0;}
.main-contents .jobs-cmpny-list .slick-dots{top: -45px;}
.jobs-cmpny-list .slick-dots li{margin: 0 3px;width: 12px;height: 12px;padding: 0;}
.jobs-cmpny-list .slick-dots li button{width: 100%;height: 100%; background: #fff;border-radius: 100%;border: 1px solid #ddd;box-sizing: border-box;margin: 0;font-size: 0 !important;}
.jobs-cmpny-list .slick-dots li.slick-active button{background: #aaa;border-color: #aaa;}
.jobs-cmpny-list .slick-dots{display: none !important;}
.jobs-cmpny-list .slick-arrow~.slick-dots{display: block !important;}
.jobs-cmpny-list .slick-dots li button:before{display: none;}

.jobs-cmpny-list .slick-arrow:before{display: none;}
.jobs-cmpny-list .slick-arrow{background-color: rgba(0,0,0,0.5) !important;width: 35px;height: 35px;z-index: 2;top: 33%;min-width: 0;margin-top: -17.5px;}
.jobs-cmpny-list .slick-prev, .jobs-cmpny-list .slick-prev:hover{left: -2px;transform: translate(0,0);background: url("/theme/cyberedu/pix/images/icon_arrow_w_sm_l.png") no-repeat center;background-size: 12px 21px;}
.jobs-cmpny-list .slick-next, .jobs-cmpny-list .slick-next:hover{right: -2px;transform: translate(0,0);background: url("/theme/cyberedu/pix/images/icon_arrow_w_sm_r.png") no-repeat center;background-size: 12px 21px;}
.jobs-cmpny-list .slick-disabled {cursor: default;opacity: 0.6 !important;}
.jobs-cmpny-list .video-card{padding-top: 0;}


/*## 변경작업 ##*/
.mk-jobs.jobs-site .video-card .video-time{background-color: rgba(0, 0, 0, 0.3);}
.mk-jobs.jobs-site .main-contents .video-card{padding-top: 0;}
.mk-jobs.jobs-site .video-card .video-card-img .justify-content-center{padding-bottom: 35px;max-height: 190px;}
.mk-jobs.jobs-site .video-card .video-card-img .justify-content-center .contain-image{max-width: calc(100% - 40px);}
.mk-jobs.jobs-site .compa-card{min-height: 354px;}
.mk-jobs.jobs-site .compa-card.border .tit-jbox{height: 44px;line-height: 22px;}
.mk-jobs.jobs-site .compa-card.border .t-gray.text-truncate{line-height: 18px;height: 36px;word-break: break-all;}
.mk-jobs.jobs-site .compa-card .compa-card-img{padding: 0 10px;}
.mk-jobs.jobs-site .compa-card.border .border-top{min-height: 163px;}
.mk-jobs.jobs-site.pagelayout-edu02 .compa-card.border .border-top{min-height: 191px;}
.mk-jobs.jobs-site .compa-card.border div.d-flex.justify-content-between{flex-direction: column;}
.mk-jobs.jobs-site .ic.ic-bell02-on{background-image: url(/theme/cyberedu/pix/images/icon_bell02_on.png);}
.mk-jobs.jobs-site .video-card .video-thub h6{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;}
.mk-jobs.jobs-site .video-card .video-thub p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 18px;height: 36px;overflow: hidden;}
.mk-jobs.jobs-site .ic.ic-map-marker{width: 18px;height: 20px;vertical-align: middle;}

.mk-jobs.jobs-site .main-contents .pg-tit + .row{margin: 0 -10px !important;}
.mk-jobs.jobs-site .ic.ic-map-signs{vertical-align: middle;}
body ul.wysihtml5-toolbar{padding: 10px 8px 0;border: 1px solid #bbb;background: #f2f2f2;margin-bottom: -1px;}
body .wysihtml5-sandbox{border-radius: 0 !important;border: 1px solid #bbb !important;box-shadow: none !important;min-width: 100%;box-sizing: border-box;}
body .w-bx-tp .rw .wysihtml5-sandbox + .byte{width: 100%;text-align: right;}
@media screen and (min-width: 769px){
    .crs-bx .py-jbox .align-self-center .contain-image{padding-right: 30px;}
}

/*#######################
##       layerpop
#########################*/
/*.popbg {position: fixed;z-index: 99998; background: black;left: 0;right: 0;bottom: 0;top: 50px;overflow: auto;padding-bottom: 10px;box-sizing: border-box; width: 100%;opacity: 0.5 !important;}*/
.popbg {z-index: 99998; background: black;left: 0;right: 0;bottom: 0;top: 50px;overflow: auto;padding-bottom: 10px;box-sizing: border-box; width: 100%;}
.crs-left-block-mobile{transition: right 0.4s;right: -100%; overflow: auto;z-index: 99999;opacity: 1 !important; background: white; max-width: 375px; width: 90%; top: 50px; position: fixed;height: 100%;}
.crs-left-block-mobile.on {right:0; overflow-y: scroll;}
.crs-left-block-mobile ul li > a{    font-size: 15px; font-weight: 400; color: inherit; display: block; padding: 16px 30px 16px 15px; border-bottom: 1px solid #e6e7e8; word-break: break-all; letter-spacing: -.2px;}
.crs-left-block-mobile ul li > h5{   font-size: 15px; font-weight: 400; color: inherit; display: block; padding: 16px 30px 16px 15px; border-bottom: 1px solid #e6e7e8; word-break: break-all; letter-spacing: -.2px; background-color: #eee;}
.crs-left-block-mobile ul li.on > a{color: #fff; background: #004c98 url(/theme/cyberedu/pix/images/course_on_w.png) no-repeat right 15px center;}

.layerpop{position: fixed;border: 1px solid #000;background: #fff;width: 100%;overflow: hidden;box-sizing: border-box;z-index: 999999;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}

.layerpop.window{position: relative !important;width: 100% !important;min-height: 100% !important;max-height: none;top: 0 !important;left: 0 !important;}

.pop-title{position: relative;padding: 17px 60px 17px 30px;border-bottom: 1px solid #ccc;font-size: 20px;font-weight: 500;box-sizing: border-box;min-height: 58px;color: #6E6E6B;text-align: center;background-color: #fff;}
.layerpop .pop-title{font-size: 24px;font-weight: normal;text-align: left;color: #000;background-color: transparent;}
.pop-title .pop-close{text-indent: -9999999px;width: 17px;height: 20px;overflow: hidden;background: url("/theme/cyberedu/pix/images/icon_close.png") no-repeat center;background-size: 24px auto;cursor: pointer;position: absolute;right: 0px;top: 0px;height: 70px;width: 70px;}
.layerpop .pop-contents{padding: 30px;box-sizing: border-box;overflow: auto;max-height: calc(100% - 54px);}
.layerpop .btn-area{padding: 0 30px 30px;background: #fff !important;}
.layerpop .btn-area .btns.w100{height: 55px;line-height: 53px;font-size: 18px;display: block;width: 100%;min-width: 100%; margin: 0;}
.layerpop.window .pop-contents{padding: 15px;}

.layerpop.style02{border: 0;}
.layerpop.style02 .pop-title{background: #3399fe;border: 0;color: #fff;padding: 10px;min-height: 45px;}
.layerpop.style02 .pop-title .pop-close{background: url("/theme/cyberedu/pix/images/icon_close_w.png") no-repeat center;background-size: 23px auto;height: 45px;width: 45px;}

@media screen and (min-width:769px){
    #page-local-package-detail .popbg .layerpop:not(.main-pop):not(.window),
    #page-local-mypage-mycourse .popbg .layerpop:not(.main-pop):not(.window){top: 50% !important;
        transform: translate(0, -50%) !important;}
}

@media screen and (min-width:1200px){
    .layerpop:not(.main-pop):not(.window){position: fixed !important;max-height: 97% !important;}
    .layerpop .pop-contents{max-height: calc(97vh - 150px);}
    .layerpop .btn-area{padding-top: 10px;}
}

/*## 메인공지팝업 ##*/
.layerpop.main-pop{position: absolute !important;left: 30px;top: 150px;border: 1px solid #ccc;padding-bottom: 45px;z-index: 100000;}
.layerpop.main-pop .pop-title{border-color: #ccc;font-size: 18px;padding: 17px 55px 17px 15px;}
.layerpop.main-pop .pop-title .pop-close{height: 100%;width: 55px;}
.layerpop.main-pop  .pop-contents{padding: 15px;max-height: calc(100% - 69px);}
.layerpop.main-pop  .pop-contents img{max-width: 100%;height: auto !important;}
.layerpop.main-pop .ft{position: absolute;left: 0;bottom: 0;width: 100%;padding: 10px;box-sizing: border-box;border-top: 1px solid #ddd;background: #fff;}
.layerpop.main-pop .ft .custom-ck span{font-size: 14px;}
.layerpop.main-pop .ft .custom-ck span:before{width: 19px;height: 19px;background-size: 19px 19px;}
.layerpop.main-pop .ft .pop-close{font-size: 15px;float: right;color: #000;}


#id_title:-webkit-autofill,
#id_title:-webkit-autofill:hover,
#id_title:-webkit-autofill:focus,
#id_titleut:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 1000px white inset !important;}


/*## 헤더 없는 팝업 스타일 ##*/
.layerpop.no-header{border: 0;}
.layerpop.no-header .pop-close{background: url("/theme/cyberedu/pix/images/icon_close_small.png") no-repeat center;font-size: 0;width: 55px;height: 55px;display: inline-block;float: right;}
.layerpop.no-header .pop-contents{clear: both;padding-top: 10px;}


body .video_buttons .prev, body .video_buttons .next{background: #444;}
body#page-mod-okmedia-viewer-player .pop_content{overflow: auto;padding-bottom: 90px;}
.video_buttons{background: #fff;z-index: 2;text-align: right;}
.video_buttons .prev{margin-right: 5px;}

body#page-mod-okmedia-viewer-player .pop_content{padding: 0 0 55px !important;}
body .pop_content>.video_area{padding: 0 !important;height: 100% !important;width: 100% !important;margin: 0 !important;}

/*#######################
##       footer
#########################*/
#page-local-signup-successsignup .vis-footer, #page-local-signup-confirm_success .vis-footer{position: absolute;left: 0;bottom: 0;right: 0;}
@media screen and (max-width:1024px){
    #page-local-signup-successsignup .vis-footer, #page-local-signup-confirm_success .vis-footer{bottom: 50px;}
}

.vis-footer{clear: both;background: #fff;padding: 30px 0 35px;border-top: 1px solid #eaeaea;}
.vis-footer>*{line-height: 1.5;}
.vis-footer .group{position: relative;padding-top: 0;padding-bottom: 0;text-align: center;}
.vis-footer .lnk{font-size: 0;}
.vis-footer .lnk>li{font-size: 17px;color: #555;margin: 0 0 3px 0;display: inline-block;line-height: 35px;}
.vis-footer .lnk>li.t-blue{color: #1f8fce;}
.vis-footer .lnk>li:not(:last-child):after{content: "";display: inline-block;border-right: 1px solid #ddd;height: 15px;margin: -2px 15px 0;vertical-align: middle;}
.vis-footer p{font-size: 15px;color: #555;margin-bottom: 0;}
.vis-footer p.copy{font-size: 13px;margin-top: 3px;color: #bbb;}


/* 모바일 하단 고정 푸터 */
.m-fixed-menu{display: none;position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;padding: 0 15px;box-sizing: border-box;height: 50px;box-shadow: 1px -1px 3px rgba(0,0,0,0.08);z-index: 9;}
.m-fixed-menu ul li{float: left;width: 25%;}
.m-fixed-menu ul li a{display: block;line-height: 50px;text-align: center;font-size: 0;height: 50px;}
.m-fixed-menu ul li.ic-menu a{background: url("/theme/cyberedu/pix/images/icon_m_ft_menu.png") no-repeat center;background-size: 24px auto;}
.m-fixed-menu ul li.ic-alram a{background: url("/theme/cyberedu/pix/images/icon_m_ft_alram.png") no-repeat center;background-size: 24px auto;}
.m-fixed-menu ul li.is-alram{position: relative;}
.m-fixed-menu ul li.is-alram a:before{content: "";display: block;position: absolute;left: 50%;top: 12px;width: 9px;height: 9px;background: #ed1c24;border-radius: 100%;}
.m-fixed-menu.no-login ul li.ic-alram.is-alram a:before{display: none;}
.m-fixed-menu ul li.ic-alram a{background: url("/theme/cyberedu/pix/images/icon_m_ft_alram.png") no-repeat center;background-size: 24px auto;}
.m-fixed-menu ul li.ic-home{background: url("/theme/cyberedu/pix/images/icon_m_ft_home.png") no-repeat center;background-size: 24px auto;}
.m-fixed-menu ul li.ic-like{background: url("/theme/cyberedu/pix/images/icon_m_ft_heart.png") no-repeat center;background-size: 24px auto;}
.m-fixed-menu ul li.ic-cart{background: url("/theme/cyberedu/pix/images/icon_m_ft_cart.png") no-repeat center;background-size: 24px auto;}
.m-fixed-menu ul li.ic-cart.is-alram a:before{margin-left: 4px;}
.m-fixed-menu ul li.ic-my{background: url("/theme/cyberedu/pix/images/icon_m_ft_my.png") no-repeat center;background-size: 24px auto;}

.m-fixed-menu.no-login li:nth-child(2), .m-fixed-menu.no-login li:nth-child(4), .m-fixed-menu.no-login li:nth-child(5){opacity: 0.5;}


/*#######################
##     table style
#########################*/
table{border-spacing: 0; border-collapse: collapse;}
.table{margin-bottom: 30px;margin-top: 0;border-top: 1px solid #555;border-bottom: 1px solid #e9ebf0;width: 100%;table-layout: fixed;}
.table.mg-bt50{margin-bottom: 50px;}

thead {display: table-header-group;vertical-align: middle;border-color: inherit;}
tr {display: table-row;vertical-align: inherit;border-color: inherit;}

.table > thead > tr > th {text-align: center;border: 1px solid #f4f5f7;border-bottom: 1px solid #aeafb2;background-color: #fff;vertical-align: middle;color: #888;font-size: 15px;word-break: keep-all;word-wrap: break-word;font-weight: normal;padding: 15px 10px;line-height: 17px;}
.table > thead > tr:first-child > th{border-top-color: #555;}

.table > thead > tr > th:first-child
, .table > tbody > tr > td:first-child{border-left-width: 0;}
.table > thead > tr > th:last-child
, .table > tbody > tr > td:last-child{border-right-width: 0;}
tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
.table > tbody > tr > th {text-align: center;border: 1px solid #f4f5f7;border-bottom: 1px solid #e9ebf0;background-color: #fff;vertical-align: middle;color: #888;font-size: 15px;word-break: keep-all;word-wrap: break-word;font-weight: normal;}
.table > tbody > tr > td{font-size: 14px;color: #555;font-weight: normal;border: 1px solid #f4f5f7;border-bottom: 1px solid #e9ebf0;text-align: center;color: #555;font-size: 14px;padding: 10px 10px;letter-spacing: -0.5px;}
.table > thead > tr > td:first-child
, .table > tbody > tr > td:first-child
, .table > tfoot > tr > td:first-child {border-left-width: 0;}
.table > thead > tr > td:last-child
, .table > tbody > tr > td:last-child
, .table > tfoot > tr > td:first-child {border-right-width: 0;}
.table > tbody > tr > td.text-left{text-align: left;}
.table > tbody > tr > td.overflow a{display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.table > tbody > tr > td.hasnew a{max-width: calc(100% - 23px);vertical-align: middle;}
.table > tbody > tr > td.overflow.hasnew .ic-new{vertical-align: middle;}
.table tr.bg{background: #f4f6ff;}
.table tr.bg td{background: #f4f6ff;}
.ic-file{display: inline-block;font-size: 0;background: url("/theme/cyberedu/pix/images/icon_file.png") no-repeat center;width: 15px;height: 15px;background-size: contain;margin: 0 2px;vertical-align: middle;}
.ic-lock{display: inline-block;font-size: 0;background: url("/theme/cyberedu/pix/images/icon_lock.png") no-repeat center;width: 15px;height: 15px;background-size: contain;margin: 0 2px;vertical-align: middle;}
.table > tbody > tr > td.overflow.hasfile a, .table > tbody > tr > td.overflow.haslock a{max-width: calc(100% - 28px)}
.table > tbody > tr > td.overflow.hasfile.haslock a, .table > tbody > tr > td.overflow.hasfile.hasnew a, .table > tbody > tr > td.overflow.haslock.hasnew a{max-width: calc(100% - 45px)}
.table > tbody > tr > td.overflow.hasfile.haslock.hasnew a{max-width: calc(100% - 60px)}
/*#######################
##       강의실
#########################*/
#id_lastview{white-space: nowrap;}
#page-mod-assign-grading table td a[href*="user/"],
#page-mod-quiz-report table td a[href*="user/"]{cursor: default;pointer-events: none;}
#page-mod-assign-grading table.generaltable tbody td.c2{pointer-events: none;}

#page-mod-feedback-show_entries .dataformatselector label,
#page-mod-quiz-report .dataformatselector label{display: none;}
#page-mod-feedback-show_entries #showentryanontable .iconsort{display: none;}
#showentryanontable th .commands{margin-top: -5px;}

.crs-left-block{width: 230px;margin-right: 30px;float: left;}
@media screen and (min-width:769px){
    .crs-left-block .slick-track{min-width: 100%;}
    .crs-left-block>ul.slick-slider .slick-arrow{display: none !important;}
}
.crs-left-block ul+ul {border-top: 0;}
.crs-left-block>ul{border: 1px solid #e6e7e8;border-bottom: 0;box-sizing: border-box;}
.crs-left-block .btns-area{margin-bottom: 20px;}
.crs-left-block ul li{min-width: 100%;}
.crs-left-block ul li>a{font-size: 15px;font-weight: 400;color: inherit;display: block;padding: 16px 30px 16px 15px;border-bottom: 1px solid #e6e7e8;word-break: break-all;letter-spacing: -0.2px;}
.lang-vi .crs-left-block ul li>a{word-break: keep-all;}
.crs-left-block ul li>a .ic-new{margin-top: -3px;}
.crs-left-block ul li.on>a{color: #fff;background: #004c98 url("/theme/cyberedu/pix/images/course_on_w.png") no-repeat right 15px center;}
.crs-left-block ul li:hover>a{background-color: #004c98;color: #fff;text-decoration: none;}
.crs-left-block ul li:hover>a .ic-new, .crs-left-block ul li.on>a .ic-new{color: #004c98;background: #fff url(/theme/cyberedu/pix/images/icon_new_blue.png) no-repeat center;}
.crs-left-block .if-bx{border: 1px solid #3399fe;padding: 5px 20px;margin-top: 20px;}
.crs-left-block .if-bx>li{line-height: 1.6;}
.crs-left-block .if-bx>li>a{padding: 20px 0 20px 47px;border-color: #d6ebff;}
.crs-left-block .if-bx>li:last-child>a{border-bottom: 0;}
.crs-left-block .if-bx>li.ic-phone>a{background: url("/theme/cyberedu/pix/images/icon_phone.png") no-repeat left center;}
.crs-left-block .if-bx>li.ic-talk>a{background: url("/theme/cyberedu/pix/images/icon_talk.png") no-repeat left center;}
.crs-left-block .if-bx>li>a strong{font-weight: 500;font-size: 16px;display: block;color: #000;letter-spacing: -1px;margin-bottom: 5px;}
.crs-left-block .if-bx>li>a span{color: #555;font-size: 13px;}
.crs-left-block .if-bx>li>a strong.t-blue{font-size: 16px;color: #4ba5fe;font-weight: normal;}
.crs-left-block .m-btn-area{display: none;text-align: center;margin: 20px 0;}

.crs-right-block{width: calc(100% - 260px);float: left;}
.navbutton{float: right;margin-top: -50px;}
.navbutton .singlebutton div{margin: 0;}


.crs-right-block{width: calc(100% - 260px);float: left;}
.tp-crs-info{padding-bottom: 20px;border-bottom: 2px solid #555;margin-bottom: 30px;}
.tp-crs-info .tp h3{font-size: 32px;margin: 0;margin-bottom: 15px;font-weight: normal;}
.tp-crs-info .tp h3>span{display: block;font-size: 18px;line-height: 1.6;margin-bottom: 2px;}
.tp-crs-info .tp .dt{font-size: 15px;color: #888;line-height: 1.6;margin-bottom: 22px;}
.tp-crs-info .bt{overflow: hidden;position: relative;padding-right: 460px;}
.tp-crs-info .tp .dt>span:not(:last-child):after{content: "";display: inline-block;width: 1px;background: #ccc;height: 15px;vertical-align: middle;margin: 0 15px;}
.tp-crs-info .bt .btns{margin-top: 12px;display: inline-block;line-height: 40px;background: #004c98;color: #fff;font-size: 15px;padding: 0 10px;border-radius: 30px;margin-right: 15px;height: auto;border: 0;width: 170px;}
.tp-crs-info .bt .btns
.lang-vi .tp-crs-info .bt .btns{font-size: 13px;padding: 0 10px;letter-spacing: -0.5px;}
.lang-en .tp-crs-info .bt .btns{padding: 0 20px;line-height: 37px;height: 40px;}
.tp-crs-info .bt .btns:after{content: "";display: inline-block;background: url("/theme/cyberedu/pix/images/icon_arrow_w.png") no-repeat center;background-size: 15px auto; vertical-align: middle;width: 15px;height: 20px;margin-left: 5px;margin-top: -3px;}
.tp-crs-info .bt>span{line-height: 38px;font-size: 16px;max-width: calc(50% - 97px);display: inline-block;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: -7px;margin-right: 3px;}
.tp-crs-info .bt>span.t-blue{color: #004c98;display: inline-block;line-height: 1;}
/* .lang-vi .tp-crs-info .bt .btns{letter-spacing: -1px;font-size: 13px;} */
.tp-crs-info .bt .f-r{width: 450px;position:absolute;right: 0;top: -2px;}
.tp-crs-info .bt .f-r p{color: #004c98;font-size: 14px;line-height: 1;margin-bottom: 5px;}
.tp-crs-info .bt .f-r p strong{font-size: 30px;font-weight: normal;margin-left: 5px;}
.bar-event{height: 17px;background: #eee;position: relative;border-radius: 20px;width: 100%;}
.bar-event>span{display: inline-block;background: #004c98;position: absolute;left: 0;top: 0;height: 100%;transition: width 0.7s;width: 0;border-radius: 20px;}



.newweeks > li.main{border: 1px solid #dddddd;margin-bottom: 12px;}
.newweeks > li.main h3.sectionname{float: left;width: 100%;padding: 20px 20px;min-height: 75px;height: auto;border-bottom: 1px solid #ddd;font-size: 20px;font-weight: normal;color: #000;}
.newweeks > li.main h3.sectionname>span{float: left;width: calc(100% - 175px);}
.lang-vi .newweeks > li.main h3.sectionname>span{float: left;width: calc(100% - 190px);}
.newweeks > li.main h3.sectionname>a{display: inline-block;width: calc(100% - 165px);}
.newweeks > li.main h3.sectionname .f-r .dt{font-size: 15px;color: #888;}
.newweeks > li.main h3.sectionname .f-r .btns{cursor: default;min-width: 60px;display: inline-block;text-align: center;border-radius: 30px;height: 25px;line-height: 23px;font-size: 13px;margin-left: 16px;border: 1px solid #00b5e2;color: #00b5e2;padding: 0 10px;box-sizing: border-box;}
.newweeks > li.main h3.sectionname .f-r .btns.complete{background: #75787b;color: #fff;border-color: #75787b;}
.newweeks > li.main .section.img-text{clear: both;padding: 20px 20px 10px;}
.newweeks > li.main .section.img-text .activity{background: #f8f8f8;padding: 15px 20px;margin-bottom: 10px;}
.newweeks > li.main .section.img-text .activity a{color: #888;font-size: 14px;}
.newweeks > li.main .section.img-text .activity a img.activityicon{width: 25px;height:25px;margin-right: 10px;}
.newweeks > li.main .section.img-text .activity a img.activityicon[src*=core]{display: none;}
.newweeks > li.main .section.img-text .activity a img.activityicon[src*=core]+span:before{content: "";display:inline-block;vertical-align: middle;width: 25px;height: 25px;background: url("/theme/cyberedu/pix/images/icon_textbook02.png") no-repeat center;margin-right: 10px;}
.newweeks > li.main .section.img-text .activity a img.activityicon[src*=ppt]+span:before{background-image: url("/theme/cyberedu/pix/images/icon_pdf.png");}
@media screen and (max-width:768px){
    body .newweeks > li.main .section.img-text .activity a img.activityicon[src*=core]+span:before{background-size: 19px auto !important;}
    body .newweeks > li.main .section.img-text .activity a img.activityicon[src*=ppt]+span:before{background-size: 15px auto !important;}
}
.newweeks > li.main .section.img-text .activity .f-r{float: right;}
.newweeks li.main .section.img-text .activity .dt{font-size: 16px;color: #555;margin-right: 5px;vertical-align: middle;}
.newweeks > li.main .section.img-text .activity .crs-progress{display:inline-block;font-size: 18px;color: #004c98;font-weight: 500;line-height: 23px;min-width: 50px;text-align: right;vertical-align: middle;}
.newweeks > li.main .section .activity .mod-indent-outer{width: 100%;box-sizing: border-box;table-layout: fixed;}
.mod-indent:empty{display: none;}
/*.newweeks > li.main .activity .activityinstance{min-width: calc(100% - 145px);float:left;box-sizing: border-box;padding-right: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}*/
.newweeks > li.main .activity .activityinstance{min-width: 100%;float:left;box-sizing: border-box;padding-right: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}

#page-mod-assign-grader .floating-menu{display: none;}
body[id *= page-grade-report] input[name=silast]{height: 35px !important;margin-bottom: 10px;}

#page-mod-okmedia-video_player .floating-menu{display: none;}

/*퀴즈 등록 수정*/
.path-question-type{padding-top: 0;}
.path-question-type .vis-hd, .path-question-type .vis-footer{display: none;}
.path-question-type .cont .group{padding-top: 20px;}
.path-question-type .floating-menu{display: none;}
.path-question-type .crs-left-block{display: none;}
.path-question-type .crs-right-block{width: 100%;}
#fgroup_id_updatebuttonar .felement #id_updatebutton+a{margin-bottom: 0;height: 35px;border-radius: 0;}

#page-question-preview{padding: 20px !important;}
#page-question-preview .floating-menu{display: none;}f
                                                     #page-mod-textbook-mod .m-fixed-menu, #page-mod-textbook-mod .floating-menu{display: none !important;}

.popup_page #wrap{padding-bottom: 0;}
.popup_page .vis-hd, .popup_page .floating-menu, .popup_page .vis-footer{display: none !important;}
.popup_page .cont .group{padding-top: 20px;}
.popup_page .crs-left-block{display: none;}
.popup_page .crs-right-block{width: 100%;}
.popup_page .m-fixed-menu{display: none !important;}


/*편집모드*/
.editing-tp{font-size: 32px;color: #000;margin-bottom: 20px;padding-bottom: 20px;font-weight: 400;line-height: 1.2;border-bottom: 1px solid #777;}
.editing .editing-tp{clear: both;display: block;}
.editing-tp span{display: block;font-size: 18px;font-weight: normal;margin-bottom: 3px;}
/* .pagelayout-course #block-region-side-pre, .pagelayout-incourse #block-region-side-pre{display: none;} 
.pagelayout-course.editing #block-region-side-pre, .pagelayout-incourse.editing #block-region-side-pre{display: block;} */
.pagelayout-course #block-region-side-pre .block_settings, .pagelayout-incourse #block-region-side-pre .block_settings{display: none;}
.pagelayout-course.editing #block-region-side-pre .block_settings, .pagelayout-incourse.editing #block-region-side-pre .block_settings{display: block;}
.add-activity-actions{padding: 0 20px 10px;}
.add-activity-actions select{min-width: 190px;margin-right: 10px;}
.add-activity-actions button{margin-bottom: 0;background: #004c98 !important;color: #fff !important;}
.editing .newweeks > li.section.main .activity .activityinstance{padding-right: 0px;display: block;box-sizing: border-box;}
.section-0 .activities{text-align: center;clear: both;padding: 25px 0;}
.section-0 .activities .activityinstance{display:inline-block;margin: 0 5px;}
.section-0 .activities .activityinstance .instancename{box-sizing: border-box;border: 1px solid #eadada;width: 100px;height: 100px;display: inline-block;margin-bottom: 5px;text-align: center;font-size: 15px;border-radius: 3px;display: table;}
.section-0 .activities .activityinstance .instancename a{display: table-cell;vertical-align: middle;}
.section-0 .activities .activityinstance  .action-hide{float: left; margin-left: 3px; width: 45px;background: #bebebe;color: #fff;border-radius: 3px;line-height: 30px;}
.section-0 .activities .activityinstance  .action-mody{width: 45px;background: #bebebe;color: #fff;border-radius: 3px;line-height: 30px;}
.section-0 .activities .activityinstance  .action-show{width: 100px;background: #707070;color: #fff;border-radius: 3px;line-height: 30px;}
.section-0 .activities .activityinstance  .action-hide a{display: block;}
.section-0 .activities .activityinstance  .action-show a{display: block;}
.section-0 .activities .activityinstance  .action-mody a{display: block;}
.block .header .block_action .block-hider-hide ~ .block-hider-hide{display: none;}
.block .header .block_action .block-hider-show ~ .block-hider-show{display: none;}
.editing .newweeks > li.main .section.img-text .activity .activityinstance>span>a:not(.quickeditlink){display: inline-block;max-width: calc(100% - 17px);overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}


/*## 수강후기 ##*/
.pg-tit.has-star {line-height: 30px;overflow: hidden;}
.pg-tit.has-star .f-r{font-size: 16px;}
.pg-tit.has-star .f-r .star-event {display: inline-block;vertical-align: middle;}
.input-review{border: 1px solid #ddd;margin-bottom: 30px;}
.input-review .tp{padding: 10px;border-bottom: 1px solid #ddd;font-size: 15px;overflow: hidden;}
.input-review .tp .star-event{float: right;}
.input-review .bt{position: relative;height: 100px;background: #f9f9f9;padding-bottom: 40px;box-sizing: border-box;}
.input-review .bt textarea{background: #f9f9f9;position: absolute;left: 0;right: 0;top: 0;bottom: 40px;width: 100%;box-sizing: border-box;border: 0;margin-bottom: 0;border-radius: 0;box-shadow: none;padding: 10px;resize: none;}
.input-review .bt .btns{position: absolute;right: 10px;bottom: 7px;margin: 0;height: 27px;line-height: 25px;}
.review-list li .btn-area .btns{margin: 0 0 0 5px;height: 27px;line-height: 25px;min-width: 50px;font-size: 13px;border-radius: 2px;}


.toggle-tit{cursor: pointer;background: url(/theme/cyberedu/pix/images/icon_toggle_down.png) no-repeat right 10px center;background-size: 13px auto;margin: -10px -10px 0;padding: 10px 30px 10px 10px;border: 1px solid #eee;border-top: 0;text-align: left;}
.toggle-tit.on{background: url(/theme/cyberedu/pix/images/icon_toggle_up.png) no-repeat right 10px center;background-size: 13px auto;}
.toggle-cont{margin: 0 -10px -10px;padding: 10px;border: 1px solid #eee;border-top: 0;background: #f8f8f8;text-align: left;}
.toggle-cont p{line-height: 20px;max-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;color: #777;}
.toggle-tit.on ~.toggle-cont{background: #f4f4f4;}
.toggle-tit.on ~.toggle-cont p{max-height: none;display: block;color: #333;}

/*## 쿠폰관리 ##*/
.code-wrap{text-align: right;height: 45px;margin-bottom: 20px;font-size: 0;}
.code-wrap input[type="text"]{width: calc(100% - 80px);height: 100%;max-width: 250px; margin-bottom: 10px;}
.code-wrap .btns{height: 100%;margin-left: 0 !important;}
.info-txt{background: #f9f9f9;padding: 20px;overflow: hidden;}
.info-txt>li:not(:last-child){margin-bottom: 7px;overflow: hidden;}
.info-txt>li>span{display: inline-block;width: 80px;color: #666;float: left;}
.info-txt>li>strong{font-weight: normal;color: #222;width: calc(100% - 80px);float: left;}
.info-txt>li>strong.t-red{color: #004c98}
.info-txt>li a{text-decoration: underline;}

/* 1280 작업*/
.vis-hd .logo{padding-left: 0;}
.vis-hd .tp{max-width: 1320px;left: 50%;transform: translate(-50%, 0);}
.vis-hd .mx{max-width: 1320px;margin: 0 auto;height: 100%;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
.group{max-width: 1320px;}
@media screen and (max-width:1360px){
    .vis-hd .tp{left: 0;transform: translate(0,0);}
}
/**이용약관 팝업**/
#page-local-management-term-personalinfo{padding-top: 0 !important;}
#page-local-management-term-personalinfo table{width: 100% !important;}
#pop_head{width:100%;height:60px;background:#004c98;color:#fff;padding:20px;box-sizing:border-box;font-size:20px}
#pop_head h1{float:left;padding:16px 0 0 20px;font-weight:700;font-size:16px;color:#fff;margin:0}
.tab-area{margin-bottom:0}
.tab-area ul{overflow:hidden}
.tab-area ul li{float:left;padding:2px}
.tab-area ul li a{display:block;padding:10px 15px;border:1px solid #e7e7e7;text-align:center;font-size:12px;font-weight:500;background-color:#fff;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:bold}
.tab-area ul li a:hover{background:#f6f6f6}
.tab-area ul li.active a{color:#004c98;border-color:#004c98}
.tab-cont-area > div{display:none}
.tab-cont-area > div.active{display:block}
#page-local-management-term-personalinfo #pop_head .pop_close a{background:url(/theme/cyberedu/pix/images/icon_close_w.png) no-repeat center;background-size:22px auto;display:block;margin-top:2px;font-size:0;position:absolute;right:0;top:0;width:60px;height:60px}
#pop_content1{width:auto;padding:15px}
.policy_Wrap{min-height:100px}
.policy_Wrap ul,.policy_Wrap ol{padding-left:20px}
.policy_Wrap ul li,.policy_Wrap ol li{list-style:inherit;display:list-item}
.policy_Wrap ul{list-style-type:disc}
.policy_Wrap ol{list-style:decimal}
.mk-jobs.jobs-site .ic{width:100%}
.policy_Wrap{min-height:100px}
.mk-jobs.jobs-site .ic{width:100%}
.board-breadcrumbs{margin:0 auto 20px;width:100%;float:left;text-align:center;font-size:0}
.board-breadcrumbs ul{list-style:none;float:none;display:inline-block;position:relative;margin:0;vertical-align:middle;font-size:0}
.board-breadcrumbs ul li{display:inline-block;margin:0!important}
.board-breadcrumbs ul li a{display:block;border:1px solid #2e3436;color:#000;font-size:13px;line-height:32px;text-align:center;width:34px;height:34px;box-sizing:border-box;padding:0;margin:1.5px}
.fp-loading-rounded-fill{display:none!important}
.pointer{cursor:pointer}


body .pop_title .c-nm {background: #004c98;}
body .media_menu>ul>li.on>h3 {color: #004c98;}


/* 이수증 - 조성원 */
.isu-wrap{box-sizing:border-box;margin:0 auto;padding:80px 40px 0;width:21cm;height:29.7cm;background-image:url(/theme/cyberedu/pix/images/ic-bg.png);text-align:center;position:relative;print-color-adjust:exact;webkit-print-color-adjust:exact}
.isu-wrap .btns{position:absolute;top:20px;right:20px}
.isu-wrap .logo img{width:245px}
.isu-title p:nth-child(1){font-size:40px;font-weight:700;padding-top:40px;margin-bottom:10px}
.isu-title p:nth-child(2){font-size:30px;padding-bottom:55px}
.isu-cmt p{font-size:16px;text-align:left;padding-bottom:14px}
.print-tbl{margin-bottom:190px;text-align:left;border-spacing:0;border-collapse:collapse;width:100%;table-layout:fixed}
.print-tbl thead th{border-bottom:4px solid #fff;border-right:1px solid #fff;color:#fff;background-color:#5b9bd5;font-size:14px;padding:5px}
.print-tbl tbody td{border-right:1px solid #fff;background-color:#d2deef;font-size:14px;padding:5px}
.law-text{font-size:20px;margin-bottom:50px;text-align:right}
.law-text strong{font-weight:500}
.position-bt{position:absolute;bottom:100px;right:40px}
.sign-name p{text-align:right;font-size:22px;margin-right:60px}
.sign-name p:last-child{text-align:right;font-size:20px;margin-right:110px}
@media print {
    *{-webkit-print-color-adjust:exact;printer-colors:exact;color-adjust:exact}
    .isu-wrap{box-sizing:border-box;padding:80px 40px 0;width:21cm;height:29.7cm;background-image:url(/theme/cyberedu/pix/images/ic-bg.png)!important;text-align:center!important;position:relative!important;print-color-adjust:exact;webkit-print-color-adjust:exact}
    .isu-wrap .btns{visibility:hidden}
    .print-tbl thead th{border-bottom:4px solid #fff;border-right:1px solid #fff;color:#fff;background-color:#5b9bd5!important;font-size:16px;padding:5px;print-color-adjust:exact;-webkit-print-color-adjust:exact;color-adjust:exact}
    .print-tbl tbody td{border-right:1px solid #fff;background-color:#d2deef!important;font-size:18px;padding:5px;print-color-adjust:exact;-webkit-print-color-adjust:exact;color-adjust:exact}
}


.plan-down{background:#2777A0;width:170px;color:#fff;padding:5px;text-align:center}



/* 210712 추가 */
.qnaList {border-top: solid 1px #ddd;}
.qnaTitle {position: relative; background: #f5f5f5; position: relative; border-bottom: solid 1px #ddd; padding: 15px 40px 15px 15px; font-size: 12pt; font-weight: 500; cursor: pointer;}
.qnaTitle:before,
.qnaTitle:after {content: ''; background: #000; position: absolute; top: 50%; right: 20px;}
.qnaTitle:before {width: 14px; height: 2px; margin-top: -1px;}
.qnaTitle:after {width: 2px; height: 14px; margin-right: 6px; margin-top: -7px;}
.qnaTitle.on:after {display: none;}
.qnaCont {display: none;}
.qnaTxt {padding: 15px; border-bottom: solid 1px #ddd;}
.qnaTxt a {}
.qnaTxt p {margin-bottom: 0;}
@media (max-width:1024px) {
    .qnaTitle {padding: 10px 40px 10px 10px; font-size: 10pt;}
    .qnaTxt {padding: 10px;}
    .qnaTxt p {font-size: 10pt;}
}



.scrTbLft th,
.scrTbLft td,
.scrTbRht th,
.scrTbRht td {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px !important;}
.scrTbLft th.header {height: 91px !important;}
.scrTbRht th.header {height: 40px !important;}
.scrTbRht th.modname {height: 51px !important; padding: 3px !important;}
@media (max-width:1024px) {
    .scrTbLft {}
    .scrTbLft colgroup {display: none;}
    .scrTbLft th,
    .scrTbLft td,
    .scrTbRht th,
    .scrTbRht td {padding: 3px !important;}
    .scrTbLft td {font-size: 9pt !important;}
    .scrTbLft th.header {height: 75px !important; font-size: 9pt;}
    .scrTbRht th.header {height: 30px !important; font-size: 9pt;}
    .scrTbRht th.modname {height: 45px !important; padding: 0 !important;}
    .progress_user {min-width: 50%;}
    .progress_user table .ellipsis {width: auto;}
    .progress_user_status {min-width: 50%;}
    .progress_status .tabs .excel {top: 4px; right: 4px;}
}


.lnb_depth2__list {}
.lnb_depth2__list > li {}
.lnb_depth2__list > li > a {border-top: solid 1px #e6e7e8; background: #fff url(/theme/cyberedu/pix/images/course_on.png) no-repeat right 15px center !important;}
.lnb_depth2__list > li:first-child > a {border-top: none;}
.lnb_depth2__list > li.on > a {margin: 0 -1px; color: #fff; background: #455669 url(/theme/cyberedu/pix/images/course_on_w.png) no-repeat right 15px center !important;}
.lnb_depth2__list > li.on:hover > a > span {color: #fff;}
.lnb_depth2__list > li:hover > a,
.lnb_depth2__list > li > a:hover {background: none; color: inherit !important;}
.lnb_depth2__list > li > ul {padding: 15px; background: #f7f8fa;}
.lnb_depth2__list > li > ul > li {margin-bottom: 5px;}
.lnb_depth2__list > li > ul > li:last-child {margin-bottom: 0;}
.lnb_depth2__list > li > ul > li > a {padding: 0; border-bottom: none; position: relative; padding-left: 8px; font-size: 11pt;}
.lnb_depth2__list > li > ul > li > a:before {content: ''; display: block; width: 2px; height: 2px; background: #000; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.lnb_depth2__list > li > ul > li > a:hover {background: none; color: inherit;}
.lnb_depth2__list > li > ul > li.on > a,
.lnb_depth2__list > li > ul > li > a.on {color: #014284; font-weight: 700;}
@media (max-width:1024px) {
    .crs-left-block {}
}

/*수강신청 팝업*/
#page-local-course-detail .layerpop{overflow:auto;}
#popPaymentInfo{height:auto;}
#popPaymentInfo #paymentForm .pop-contents{padding-top:0;}
#popPaymentInfo #paymentForm .pop-contents .my-box{margin-top: 10px;margin-bottom:10px;}
#popPaymentInfo #paymentForm .pop-contents .my-box .rw>strong{width:150px;}
#popPaymentInfo #paymentForm .pop-contents .my-box .rw>p{width:70%;}
#popPaymentInfo #paymentForm .pop-contents .my-box .rw .rw-msg{padding-left:22%;}
#popPaymentInfo #paymentForm .pop-contents .my-box .rw .rw-strong-msg{font-size:13px;text-align:left;margin-top:-10px;}
#popPaymentInfo #paymentForm .bt-grp{text-align:center;}
#popPaymentInfo .file-label {
    border: 1px solid #ccc;
    display: inline-block;
    height: 33px;
    padding: 0 10px;
    line-height: 34px;
    background: #f2f2f2;
    font-size: 14px;
    margin-left: -1px;
    vertical-align: middle;
}
#popPaymentInfo .input-file input[type=file] {
    display: none;
}
@media screen and (max-width: 768px){
    #popPaymentInfo #paymentForm .pop-contents .my-box .rw .rw-msg{clear:both;padding-top:5px;padding-left:0;}
}