@charset "utf-8";

.registerContainer{display:flex;justify-content:space-between;position:relative;width:1080px;margin:0 auto;}
.registerContainer *{box-sizing:border-box;}
.registerContainer p{margin:0;}

/* 필터 */
.registerContainer aside{position:sticky;top:100px;flex-shrink:0;width:180px;height:100%;max-height:calc(-105px + 100vh);border-top:1px solid #d7d7d7;overflow:hidden scroll;scrollbar-width:none;}
.registerContainer aside h3{position:sticky;top:0;margin:0;border-bottom:1px solid #d7d7d7;z-index:1;}
.registerContainer aside h3 button{width:100%;height:60px;padding:0 20px;text-align:left;background:#f6f6f6;}
.registerContainer aside h3 span{font-size:16px;font-weight:600;}
.registerContainer aside h3 span.icon{margin-left:8px;font-size:13px;vertical-align:middle;}
.registerContainer aside h3 span.icon:before{position:absolute;margin-top:2px;transition:all .2s}
.registerContainer aside h3 button.active span.icon:before{transform:rotate(-180deg);}
.registerContainer aside h3 a{position:absolute;top:15px;right:15px;display:inline-block;padding:6px 7px;color:#999;font-size:12px;border:1px solid #d7d7d7;background:#fff;}
.registerContainer aside h3 a:before{content:'';display:inline-block;width:12px;height:12px;margin-right:5px;background:url('/assets/user/images/ico_refresh.png') no-repeat 0 0 / 12px;vertical-align:middle;}

.registerContainer .filter_area{}
.registerContainer .filter_area dl{border-bottom:1px solid #d7d7d7;}
.registerContainer .filter_area dt{}
.registerContainer .filter_area dt button.filter_btn{width:100%;height:75px;padding:0 20px;font-size:16px;font-weight:600;text-align:left;}
.registerContainer .filter_area dt button.filter_btn .icon{float:right;margin-right:5px;color:#d9d9d9;font-size:13px;font-weight:600;vertical-align:middle;}
.registerContainer .filter_area dt button.filter_btn .icon:before{position:absolute;transition:all .2s}
.registerContainer .filter_area dl.filter_list.on .icon:before{transform:rotate(-180deg);}

.registerContainer .filter_area dd{padding:0 20px;}
.registerContainer .filter_area dd ul{margin-bottom:25px;}
.registerContainer .filter_area dd li{position:relative;padding:5px 0;}
.registerContainer .filter_area dd li + li{margin-top:7px;}
.registerContainer .filter_area dd p.sub_type{margin:5px 0 10px;color:#19468e;font-size:15px;}
.registerContainer .filter_area dd li input[type="radio"]{display:none;}
.registerContainer .filter_area dd li input[type="radio"] + label{position:relative;display:block;line-height:20px;padding-left:30px;color:#666;font-size:15px;font-weight:400;}
.registerContainer .filter_area dd li input[type="radio"] + label:before{content:'';position:absolute;left:0;top:-2px;width:20px;height:20px;border:1px solid #d8d8d8;border-radius:30px;}
.registerContainer .filter_area dd li input[type="radio"]:checked + label{color:#292929;font-weight:600;}
.registerContainer .filter_area dd li input[type="radio"]:checked + label:after{content:'';position:absolute;left:4px;top:2px;width:14px;height:14px;border-radius:30px;background:#000;}
.registerContainer .filter_area dd li input[type="checkbox"]{display:none;}
.registerContainer .filter_area dd li input[type="checkbox"] + label{position:relative;display:block;line-height:20px;padding-left:26px;color:#666;font-size:14px;font-weight:400;letter-spacing:-1px;}
.registerContainer .filter_area dd li input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #d8d8d8;background:none;box-sizing:border-box;}
.registerContainer .filter_area dd li input[type="checkbox"]:checked + label{color:#292929;}
.registerContainer .filter_area dd li input[type="checkbox"]:checked + label:after{content:'';position:absolute;left:0;top:0;width:18px;height:18px;background:#000 url('/assets/user/images/btnChk.png') no-repeat center / 12px;box-sizing:border-box;}

/* 목록 */
.registerContainer .reg_cont{width:860px;}

/* 260722 kmh 홍보배너 추가 */
.registerContainer .reg_cont .promo_banner{margin:0 0 40px;}
.registerContainer .reg_cont .promo_banner img{width:100%;}
/* //260722 kmh 홍보배너 추가 */

/* 상세과목 보기*/
.registerContainer .reg_cont .wrap_sub_lect{position:relative;margin-bottom:50px;border-width:1px 0;border-style:solid;border-color:#d31f21;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open{width:100%;height:60px;padding:0 20px;background:#fff;font-size:17px;font-weight:600;color:#d31f21;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open span.icon{margin-left:8px;vertical-align:middle;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open span.icon:before{content:'';position:absolute;width:18px;height:19px;background:url('/assets/user/images/search_register.png') no-repeat 0 0;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open:not(.active):hover{background:#d31f21;color:#fff;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open:not(.active):hover span.icon:before{background-position-y:-19px;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open.active span.icon{font-size:13px;font-weight:600;}
.registerContainer .reg_cont .wrap_sub_lect .btn_open.active span.icon:before{content:'\e902';width:auto;height:auto;transform:rotate(-180deg);margin-top:3px;background:none;}

.registerContainer .reg_cont .sub_lect{display:none;padding:10px 0 20px;margin:0 auto 0 50px;overflow:hidden;}
.registerContainer .reg_cont .sub_lect dl{display:flex;padding:0 0 15px;}
.registerContainer .reg_cont .sub_lect dt{width:80px;color:#121b3f;font-size:17px;font-weight:600;}
.registerContainer .reg_cont .sub_lect dd{}
.registerContainer .reg_cont .sub_lect dd li{position:relative;display:inline-block;padding:0 10px 0 15px;}
.registerContainer .reg_cont .sub_lect dd li + li:before{content:'|';position:absolute;left:0;top:0;font-size:14px;}
.registerContainer .reg_cont .sub_lect dd a{display:inline-block;padding:0 5px;color:#666;font-size:15px;}
.registerContainer .reg_cont .sub_lect dd a:hover{font-weight:600;text-decoration:underline;text-underline-position:under;}
.registerContainer .reg_cont .sub_lect dd a.on{color:#d31f21;font-size:16px;font-weight:600;}

.registerContainer .lect_list{position:relative;width:100%;}
.registerContainer .lect_list .section{}
.registerContainer .lect_list .section + .section{margin-top:100px;}

.registerContainer .lect_list .monthTab{position:relative;margin:20px 0 30px;}
.registerContainer .lect_list .monthTab ul{margin-bottom:10px;}
.registerContainer .lect_list .monthTab li{float:none;display:inline-block;width:180px;padding:0;margin:0;}
.registerContainer .lect_list .monthTab li + li{margin-left:-2px;}
.registerContainer .lect_list .monthTab li a{display:block;height:49px;line-height:49px;color:#666;font-size:20px;text-align:center;border:1px solid #d7d7d7;}
.registerContainer .lect_list .monthTab li.on a{color:#fff;border-color:#121b3f;background:#121b3f;box-shadow:0 3px 10px rgba(18,27,63, 0.6)}
.registerContainer .lect_list .monthTab .listCondition{text-align:right;}

.lect_list .registerListLayout{position:relative;padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #d7d7d7;}
.lect_list .registerListLayout *{box-sizing:border-box;}
.lect_list .registerListLayout .register_grid{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.lect_list .registerListLayout .register_grid > li{position:relative;display:block;width:30.5%;height:525px;margin:0 0 70px 4.25%;}
.lect_list .registerListLayout .register_grid > li:nth-child(3n-2){margin-left:0;}
.register_grid .register_detail{position:relative;height:525px;z-index:1;}
.register_grid .register_detail:before{content:'';transition:all .2s ease;z-index:-1;}
.register_grid .register_detail .img_area{position:relative;width:100%;height:41%;overflow:hidden;}
.register_grid .register_detail .img_area img{position:absolute;bottom:0;width:100%;}
.register_grid .register_detail .img_area .reg_label{position:absolute;top:7px;right:7px;text-align:right;}
.register_grid .register_detail .img_area .reg_label span{display:inline-block;padding:2px 8px;color:#fff;font-size:12px;border-radius:15px;}
.register_grid .register_detail .img_area .reg_label span.type_blue{background:#5e7eb4;}
.register_grid .register_detail .img_area .reg_label span.type_red{background:#d83d3d;}
.register_grid .register_detail .img_area .reg_label span.type_mint{background:#5eb4a3;}/* 250611 kmh 추가 */
.register_grid .register_detail .img_area .reg_label span + span{margin-left:2px;}
.register_grid .register_detail .img_area .hover_area{position:absolute;left:0;bottom:0;width:100%;height:0;background:#4a4f6a;opacity:.8;overflow:hidden;transition:all .3s}
.register_grid .register_detail .img_area .hover_area .label_info{display:flex;align-items:center;height:100%;}
.register_grid .register_detail .img_area .hover_area ul{display:flex;flex-wrap:wrap;align-content:stretch;width:228px;margin:0 auto;}
.register_grid .register_detail .img_area .hover_area ul li{width:110px;height:30px;line-height:30px;margin:2px;color:#fff;font-size:14px;text-align:center;border:1px solid #939ab6;background:rgba(15,21,47,.8);}

.register_detail .applyBtn_area{display:table;width:100%;margin:10px 0;border:1px solid #dcdcdc;overflow:hidden;}
.register_detail .applyBtn_area a{position:relative;display:table-cell;height:40px;line-height:1;text-align:center;vertical-align:middle;}
.register_detail .applyBtn_area a + a{border-left:1px solid #dcdcdc;}
.register_detail .applyBtn_area a.btn_cart{width:56px;}
.register_detail .applyBtn_area a.btn_cart:after{content:'';position:absolute;left:-100%;bottom:0;width:100%;height:100%;background:#000 url('/assets/user/images/ico_cart_on.png') center no-repeat;transition:all .2s ease;}
.register_detail .applyBtn_area a.btn_apply{color:#d31f21;font-size:16px;font-weight:600;}
.register_detail .applyBtn_area a.btn_apply:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background-color:#d31f21;overflow:hidden;z-index:-1;transition:all .4s ease;}

.register_detail .label_tit{display:inline-block;padding:4px 10px;color:#000;font-size:12px;font-weight:600;background:#ffeaea;}
.register_detail .info_sec1{margin:10px 0;}
.register_detail .info_sec1 .lect_name{word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.register_detail .info_sec1 .lect_name a{color:#000;font-size:15px;font-weight:600;}
.register_detail .info_sec1 .teacher_info{margin:10px 0;}
.register_detail .info_sec1 .teacher_info .team_name{margin-bottom:5px;color:#666;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.register_detail .info_sec1 .teacher_info .list_hashtag{margin:5px 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.register_detail .info_sec1 .teacher_info .list_hashtag span{display:inline-block;color:#666;font-size:13px;}
.register_detail .info_sec1 .teacher_info .list_hashtag span + span{margin-left:3px;}
.register_detail .info_sec1 .teacher_info .tc_list{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.register_detail .info_sec1 .teacher_info a{position:relative;display:inline-block;color:#666;font-size:13px;text-decoration:underline;text-underline-position:under;/* border-bottom:1px solid #ccc; */}
.register_detail .info_sec1 .teacher_info a + a{padding-left:10px;margin-left:5px;color:#666;font-size:13px;}
.register_detail .info_sec1 .teacher_info a + a:before{content:'|';position:absolute;left:-1px;top:0;color:#d6d6d6;}

.register_detail .info_sec2{position:absolute;left:0;bottom:0;width:100%;}
.register_detail .info_sec2 .discount_info{margin-bottom:4px;}
.register_detail .info_sec2 .discount_info li{color:#d31f21;font-size:12px;font-weight:600;}

.register_detail .info_sec2 .price_info{cursor:pointer;}
.register_detail .info_sec2 .price_info .box{display:flex;justify-content:space-between;align-items:center;}
.register_detail .info_sec2 .price_info .box + .box{/* margin-top:5px; */}
.register_detail .info_sec2 .price_info .box .prd_tit{color:#666;font-size:13px;}
.register_detail .info_sec2 .price_info .box .prd_price{color:#666;font-size:13px;}
.register_detail .info_sec2 .price_info .box .prd_price del{padding-right:5px;font-size:18px;font-weight:600;}
.register_detail .info_sec2 .price_info .box .prd_price em{color:#666;font-size:13px;}

.register_detail .info_sec2 .price_info .box.discount .prd_tit{color:#000;}
.register_detail .info_sec2 .price_info .box.discount .prd_price{color:#000;font-size:13px;}
.register_detail .info_sec2 .price_info .box.discount .prd_price strong{padding-right:5px;font-size:24px;font-weight:600;}

.registerContainer .regiBtnBox{padding:0;}
.registerContainer .regiBtnBox button{position:relative;padding:0 15px;color:#292929;font-size:17px;border:1px solid #d7d7d7;}
.registerContainer .regiBtnBox button:before{content:'';position:absolute;left:0;top:-1px;width:0;height:0;border:0px;}
.registerContainer .regiBtnBox button:after{content: ''; position:absolute;right:0px;width:0;height:0;bottom:-1px;}
.registerContainer .regiBtnBox button span{font-size:15px;}
.registerContainer .regiBtnBox button .icon{color:#000;font-size:14px;font-weight:600;}

.registerContainer .regiBtnBox button:hover{color:#d31f21;}
.registerContainer .regiBtnBox button:hover:before{width:100%;height:100%;border-top:1px solid;border-right:1px solid;border-color:#d31f21;transition:border-color 0s, width .1s, height .2s;transition-delay:0s, .2s, .3s;}
.registerContainer .regiBtnBox button:hover:after{width:100%;height:100%;border-bottom:1px solid;border-left:1px solid;transition:border-color 0s, width .3s, height .4s;transition-delay:0s, .4s, .6s;border-color:#d31f21;}
.registerContainer .regiBtnBox button:hover .icon{color:#d31f21;}


/* 강의 마우스오버시 */
.register_grid li:hover .register_detail:before{content:'';position:absolute;left:-10px;top:-10px;right:-10px;bottom:-30px;border:1px solid #eee;box-shadow:5px 7px 10px 2px rgba(96, 96, 96, 0.2);transition:all .3s ease;}
.register_grid li:hover .register_detail .img_area .hover_area{height:100%;transform:translate(0,0);}
.register_grid li:hover .register_detail .applyBtn_area a.btn_cart:after{left:0;}
.register_grid li:hover .register_detail .applyBtn_area a.btn_apply{color:#fff;background:#d31f21;}
.register_grid li:hover .register_detail .applyBtn_area a.btn_apply:before{height:100%;}

a.btn_scrollTop{position:absolute;bottom:30px;right:calc(50% - 610px);z-index:999;}
a.btn_scrollTop.fixed{position:fixed;}

/* 250611 kmh 추가 */
.guide_features{margin-left:4px;display:inline-block;vertical-align:middle;line-height:19px;position:relative;top:-1px;overflow:visible;}
.guide_features .icon_question{width:19px;height:19px;vertical-align:middle;background-color:#bbc7dc;border-radius:50%;text-align:center;font-size:12px;font-weight:300;line-height:20px;color:#fff;text-indent:1px;}
.guide_features .guide_layer{padding-left:38px;position:absolute;left:0;top:50%;transform:translate(0, -50%);display:none;}
.guide_features .guide_layer_inner{width:auto;white-space:nowrap;padding:15px 20px;background-color:#121b3f;border-radius:4px;position:relative;}
.guide_features .guide_layer_inner:before{content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid #121b3f;position:absolute;left:-10px;top:calc(50% - 6px);}
.guide_features .guide_layer_inner strong{display:block;margin-bottom:5px;font-size:15px;font-weight:600;color:#fff;}
.guide_features .guide_layer_inner p{font-size:13px;line-height:1.4;color:#a1abc6;}