@charset "UTF-8";

/* course common [ cm ] */
button {background: none;border: none;}
.course {padding-top: var(--pt-fixed);margin: 0 auto 12.4rem;}
/* .course {padding-top: var(--pt-fixed);max-width: var(--ly-w1180);margin: 0 auto 6.4rem;} */
/* cm - level */
.level_bar {display: flex;align-items: center;}
.level_bar p {color: #fff;font-size: 1.2rem;padding-left: .4rem;}
.level_bar .level_icon {display: flex;align-items: flex-end;}
.level_icon_step {width: 2px;margin: 0 .1rem;background: #545454;}
.level_icon_step-1 {height: 6px;margin-left: 0;}
.level_icon_step-2 {height: 10px;}
.level_icon_step-3 {height: 14px;margin-right: 0;}
.level_icon_step.active {background: var(--primary01);}
/* cm - review */
.review_bar {display: flex;align-items: center;}
.review_bar i {color: var(--red100);font-size: 1.4rem;}
.review_bar p {color: #fff;font-size: 1.4rem;padding-left: .4rem;}
/* cm - sales */
.sales_bar {display: flex;align-items: center;}
.sales_bar i {color: var(--grey200);font-size: 1.4rem;}
.sales_bar p {color: #fff;font-size: 1.4rem;padding-left: .4rem;}
/* cm - loader */
.loader_wrap-state {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--greyOp300);z-index: 20;}
.loader_wrap-state .state-loading {position: absolute;width: 8px;height: 8px;top: 46%;top: -webkit-calc(50% - 6px);top: calc(50% - 6px);left: 46%;left: -webkit-calc(50% - 6px);left: calc(50% - 6px);border-radius: 8px;background-color: #fff;
	transform-origin: 50% 50%;
	-webkit-transform-origin:  50% 50%;
	animation: stateLoader 1s ease-in-out infinite;
  	-webkit-animation: stateLoader 1s ease-in-out infinite;}
.loader_wrap-state .state-loading:before {content: "";position: absolute;background-color: rgba(255, 255, 255, .5);top: 0px;left: -18px;height: 8px;width: 8px;border-radius: 8px;}
.loader_wrap-state .state-loading:after {content: "";position: absolute;background-color: rgba(255, 255 ,255 ,.5);top: 0px;left: 18px;height: 8px;width: 8px;border-radius: 8px;}


/**********************************/
/****** Malgn - course list *******/
/**********************************/
.main_wrap.course {display: flex;overflow: inherit;width: 140rem;}

.main_wrap .left_area {float: inherit;width: 22rem;padding: 0 1.8rem 0;}
.main_wrap #contet_area {float: inherit;width: 111.3rem;}

.left_area .lnb_list {position: relative;border: none;}
/* .left_area .lnb_list {position: sticky;top: 130px;border: none;} */
.left_area .lnb_list li {border: none;border-radius: .5rem;}
.left_area .lnb_list li:hover:not(.left_area .lnb_list li.on) {background: #242424;}
.left_area .lnb_list li a:hover:not(.left_area .lnb_list li.on a) {color: #d5d5d5;}
.left_area .lnb_list li.on {background: #444;}
.left_area .lnb_list li a {padding: 1.4rem;color: #d5d5d5;font-size: 1.8rem;font-weight: 500;}

.left_area .lnb_list li.on a {color: #fff;font-weight: 600;}
.left_area .lnb_list li.lnb_sub {background: transparent;margin-left: 3rem;border-left: 1px solid var(--grey400);padding-left: 0;border-radius: 0;}
.left_area .lnb_list li.lnb_sub a {font-size: 1.5rem;color: #aaa;}
.left_area .lnb_list li.lnb_sub.on {border-left: 1px solid var(--primary01);}
.left_area .lnb_list li.lnb_sub.on a {color: var(--primary01);background: #0b1b2b url(/common/images/default/blt_lnb.png) no-repeat 95% 45%;}

.kwd_free {display: none;}

/* .left_area .lnb_list li.on a {position: relative;color: #fff;font-weight: 600;box-shadow: 0px 15px 8px -4px rgb(0 0 0 / 50%);z-index: 2;} */

.content_title {margin: 0 0 4.8rem;color: #fff;font-size: 3.6rem;padding: 0 1rem;line-height: 1.2;}
.content_body {padding-top: 0;}

.input_flex_cont {display: flex;}
.btn_sort.type_btn {display: flex;margin-right: 1.2rem;}
.type_btn button {display: block;padding: 1.2rem .6rem;border-radius: .5rem;font-size: 2rem;color: var(--grey300);}
.type_btn button:hover {color: var(--grey200);}
.type_btn button.on {color: var(--primary01);}

.course_type {position: relative;}
.course_type i {position: absolute;top: 17px;right: 12px;font-size: 1.4rem;}

.search_cont {position: relative;}
.search_cont i {position: absolute;top: 17px;right: 12px;font-size: 1.4rem;}

.search_form_wrap1 {margin: 0 auto;padding: 0 1rem;}
.course_search_from {display: flex;align-items: center;justify-content: space-between;}

.course_search_from select {padding: 1.4rem 1.2rem;height: auto;border: 1px solid #444 !important;background: #111 !important;color: #fff !important;border-radius: .5rem;line-height: 1.4;font-size: 1.6rem;}
.course_search_from select[name="scid"] {width: 22rem;}
.course_search_from select:focus-visible {outline: none !important;}
.course_search_from select:hover {border: 1px solid #888 !important;}
.course_search_from input[type=text] {padding: 1.4rem 3.2rem 1.4rem 1.2rem;width: 24rem;height: auto;border: 1px solid #444 !important;background: #111 !important;color: #fff !important;border-radius: .5rem;line-height: 1.4;font-size: 1.6rem;}
.course_search_from input[type=text]:hover {border: 1px solid #888 !important;}
.course_search_from .course_search_cont {position: relative;}
.course_search_from .course_search_cont button {position: absolute;top: 0;right: 0;padding: 1.8rem 1.4rem;font-size: 1.6rem;line-height: 1.4;}
.btn_sort {display: flex;float: inherit;}
.course_search_from span {float: inherit;}

.type_chart {border: none;}
.type_chart .list_li {display: flex;display: -webkit-flex;flex-wrap: wrap;}
.type_chart .list_li span:not(.label) {margin-left: 0;margin-right: .4rem;}
.type_chart .list_li span.lean_txt {color: #fdd835;font-weight: 700;}

.course_gallery li:not(.type_chart .nodata) {float: inherit;width: 25.8rem;height: auto;margin: 1.5rem 1rem;background: #242424;border: none;border-radius: .5rem;box-shadow: 0px 26px 5px -10px rgb(0 0 0 / 50%);transition: all .3s;transform: translateY(0);overflow: hidden;animation: 0.3s ease-in-out 0s 1 course-fade;}
.course_gallery li:not(.type_chart .nodata):hover {box-shadow: 0px 0px 0px 0px rgb(0, 0, 0, 0);transition: all .3s;transform: translateY(-10px);}
.course_gallery li a {display: block;height: 100%;}
.course_gallery .cimg {position: relative;width: 100%;height: auto;border: none;}
.course_gallery .cimg img {display: block;width: 100%;height: auto;}
.course_gallery .cimg .card_ceiling {position: absolute;top: 10px;left: 10px;padding: .6rem .8rem;background: #ec3131;color: #fff;font-size: 1.3rem;line-height: 1.2;font-weight: 600;border-radius: .3rem;box-shadow: 0px 5px 3px -3px rgb(0 0 0 / 60%);}
.course_gallery .cimg .card_ceiling.free {background: #5431ec;}
.course_gallery .ccont {padding: 0;background: #242424;}
.course_gallery .ccont .clabel {padding: 1.4rem 1.2rem 0;}
.course_gallery .ccont .label {margin-left: 0;font-size: 1.2rem;padding: 0 .6rem;border-radius: .3rem;margin-bottom: .4rem;letter-spacing: 0;}
.course_gallery .ccont .ctitle {padding: .4rem 1.2rem 2.4rem;}
.course_gallery .ccont .ctitle p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 4.8rem;font-size: 1.8rem;color: #fff;line-height: 1.4;font-weight: 400;;}
.course_gallery .ccont .clabel {display: block;}
.course_gallery .ccont .cprice {padding: 1.4rem 1.2rem;border-top: 1px solid var(--grey500);margin: 0;}
/* .label.sky {background: var(--grey500);} */
.label.sky {background: #165071;}
.course_gallery .ccont .cprice {font-size: 1.8rem;text-align: left;}


.type_chart .list_li .course_img a {border: none;}
.type_chart span.ori_price {font-size: 1.4rem;color: #aaa;}
span.price {color: #fff;}

.page_box li div {width: 2.8rem;height: 2.8rem;margin: 0 .4rem;border: 1px solid #111;font-size: 1.4rem;color: #aaa;border-radius: .3rem;}
.page_box li .page_number_btn:hover {width: 2.8rem;height: 2.8rem;background: #444;border: 1px solid #444;color: #ccc;line-height: 24px;}
.page_box li .page_number_btn_on {background: var(--primary01);}
.page_box .page_first_btn {background: url(/html/images/icon/ico_btn_first_prev.png) no-repeat center center;border: none;}
.page_box .page_first_btn:hover {background: #444 url(/html/images/icon/ico_btn_first_prev.png) no-repeat center center;}
.page_box .page_prev_btn {background: url(/html/images/icon/ico_btn_prev.png) no-repeat center center;border: none;}
.page_box .page_next_btn {background: url(/html/images/icon/ico_btn_next.png) no-repeat center center;border: none;}
.page_box .page_last_btn {background: url(/html/images/icon/ico_btn_last_next.png) no-repeat center center;border: none;}
.page_box .page_last_btn:hover {background: #444 url(/html/images/icon/ico_btn_last_next.png) no-repeat center center;}

.course_gallery li.nodata {background: transparent !important;border-bottom: none;padding: 0 1rem;}
/* .course_gallery li.type_chart .nodata {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.course_gallery li.type_chart .nodata:hover {} */

.course_tutor {margin: 0 .6rem 0 0;}




/* Search */
.search_wrap {position: relative;width: 100%;margin-bottom: var(--space32);padding: 0 .6rem;}
.search_wrap input[type="text"] {display: block;width: 100%;height: auto;padding: 1.4rem 2rem 1.4rem 5.4rem;background: var(--grey900);color: #fff;font-size: 2.4rem;border: none;border-bottom: 2px solid #444;font-weight: bold;transition: ease .3s;}
.search_wrap input[type="text"]::placeholder {color: var(--grey300);}
.search_wrap button {position: absolute;top: 6px;left: 8px;width: 4.8rem;height: 4.8rem;text-align: center;}
.search_wrap button i {color: var(--grey300);font-size: 1.8rem;font-weight: bold;transition: ease .3s;}
.search_wrap input[type="text"]:hover {border-bottom: 2px solid #555;}
.search_wrap input[type="text"]:focus {border-bottom: 2px solid #fff;transition: ease .3s;}
.search_wrap input[type="text"]:focus ~ button i {color: var(--grey200);transition: ease .3s;}

/* Category */
.category_wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space18);padding: 0 .6rem;}
.category_wrap .category_left {display: flex;}
.category_wrap .category_left ul {display: flex;align-items: center;}
.category_wrap .category_left ul li {position: relative;padding: 0 .5rem;}
.category_wrap .category_left ul li:first-child {padding-left: 0;}
.category_wrap .category_left ul li a {color: var(--grey200);font-size: 1.6rem;font-weight: bold;}
.category_wrap .category_left ul i {padding-right: .5rem;color: var(--grey300);}
.category_wrap .category_left ul li:hover a {text-decoration: underline;}
.category_wrap .category_left ul li:last-child a {color: var(--primary01);}
.category_wrap .category_right {display: flex;}
.category_wrap .category_right .type_btn {display: flex;}
.category_wrap .category_right .type_btn button {display: block;padding: 1.2rem .6rem;border-radius: .5rem;}
.category_wrap .category_right .type_btn button:hover i {color: var(--grey200);}
.category_wrap .category_right .type_btn button i {font-size: 1.6rem;color: var(--grey300);}
.category_wrap .category_right .type_btn button.active i {font-size: 1.6rem;color: var(--primary01);}
.category_wrap .category_right .order_select {position: relative;}
.category_wrap .category_right .order_select select {background: var(--grey800);border: 1px solid #444;border-radius: .5rem;padding: 1.2rem 4.4rem 1.2rem 1.4rem;font-size: 1.4rem;color: #fff;margin-left: 1.2rem;line-height: 1;}
.category_wrap .category_right .order_select select:focus,
.category_wrap .category_right .order_select select:focus-visible {border: 1px solid var(--grey300);outline: none;}
.category_wrap .category_right .order_select select:hover {border: 1px solid #555;}
.category_wrap .category_right .order_select select option {background: var(--grey600);color: #fff;}
.category_wrap .category_right .order_select i {position: absolute;top: 1.2rem;right: 1.4rem;font-size: 1.2rem;}

/* Course */
.course_wrap {width: auto;margin-bottom: var(--space54);min-height: 32rem;margin-top: 1.6rem;}
.course_wrap .course_box {display: flex;flex-wrap: wrap;}
.course_wrap .course_box .course_visually {display: flex;align-items: center;justify-content: space-between;padding: 1.2rem 1.4rem;box-sizing: border-box;}
.course_wrap .course_box .course_visually .wish_bar {position: relative;width: 1.8rem;height: 1.8rem;background: var(--grey500);border-radius: 2rem;}
.course_wrap .course_box .course_visually .wish_bar:before {display: none;content: attr(data-tooltip);position: absolute;top: -2px;right: 28px;width: auto;padding: .6rem 1.2rem;background: #efd168;white-space: nowrap;font-size: 1.2rem;border-radius: .5rem;transition: ease .1s;}
.course_wrap .course_box .course_visually .wish_bar:after {display: none;content: '';position: absolute;top: 4px;right: 16px;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #efd168;transition: ease .1s;}
.course_wrap .course_box .course_visually .wish_bar:hover:before,
.course_wrap .course_box .course_visually .wish_bar:hover:after {display: block;transition: ease .1s;}
.course_wrap .course_box .course_visually .wish_bar:hover {background: var(--grey600);}
.course_wrap .course_box .course_visually .wish_bar i {padding: 2px 0 0 3.6px;color: #fff;font-size: 1.4rem;font-weight: 300;}
.course_wrap .course_box .learning {color: var(--learning-primary);font-size: 1.8rem;font-weight: bold;}
.course_wrap .course_box .learning i {font-size: 1.8rem;}
.course_wrap .course_box .price p.free {color: #fff !important;}
.course_wrap .course_box .content_null {margin: 0 auto;padding: 6.4rem 0 0;line-height: 1.2;}
.course_wrap .course_box .content_null img {display: block;margin: 0 auto;}
.course_wrap .course_box .content_null p {padding: 2.8rem 0 0;color: var(--grey300);font-size: 2.6rem;font-weight: bold;text-align: center;}
.course_wrap .course_box .content_null span {display: block;text-align: center;padding: .6rem 0;color: var(--grey300);font-size: 1.4rem;}
/* Course - card */
.course_wrap .course_box .course_card {flex: none;width: 25%;padding: 1.2rem .6rem;}
.course_wrap .course_box .course_card a.course_item {display: block;position: relative;width: 100%;background: var(--grey700);border-radius: 1rem;cursor: pointer;animation: 0.3s ease-in-out 0s 1 course-fade;} 
.course_wrap .course_box .course_card a.course_item:before {content: '';position: absolute;left: -1px;top: -1px;width: calc(100% + 1px);height: calc(100% + 1px);z-index: 5;} 
.course_wrap .course_box .course_card a.course_item:hover:before {border: 1px solid #444;border-radius: 1rem;}  
.course_wrap .course_box .course_card a.course_item .course_top {position: relative;height: 140px;border-top-left-radius: 1rem;border-top-right-radius: 1rem;overflow: hidden;}
.course_wrap .course_box .course_card a.course_item .course_top figure {position: relative;height: 100%;margin: 0;padding-top: 50%;}
.course_wrap .course_box .course_card a.course_item .course_top figure img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail {display: none;position: absolute;left: 0;top: 0;width: calc(100% - 1px);height: 100%;border-top-left-radius: .5rem;border-top-right-radius: .5rem;background: rgba(22, 22, 22, .9);backdrop-filter: blur(10px);z-index: 6;}
.course_wrap .course_box .course_card a.course_item:hover .course_top .course_detail {display: block;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .course_visually .visual_left {display: flex;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .course_visually .visual_left > div {padding: 0 .4rem;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .course_visually .visual_left > div:first-child {padding-left: 0;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .course_visually .visual_left > div:last-child {padding-right: 0;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually {padding: 1.6rem 1.4rem 0;font-weight: bold;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually > div {padding: .4rem 0;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .category {display: flex;color: #fff;color: #ccc;font-size: 1.2rem;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .category > i {margin-right: .6rem;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .category span i {font-size: 1rem;font-weight: 500;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .teacher {color: var(--primary03);font-size: 1.4rem;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .course_visually .wish_bar i {padding: 2px 0 0 4.2px;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .price {display: flex;align-items: center;padding-top: 0;font-size: 2rem;font-weight: bold;line-height: 1;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .price span {font-size: 1.6rem;padding-right: .6rem;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .price span b {color: var(--red300);}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .price span del {color: var(--grey100);font-weight: 500;}
.course_wrap .course_box .course_card a.course_item .course_top .course_detail .detail_visually .price > p:not(.free) {padding-bottom: .4rem;color: #fff;}
.course_wrap .course_box .course_card a.course_item .course_bottom {height: 7.2rem;padding: 1.4rem .8rem;line-height: 1;}
.course_wrap .course_box .course_card a.course_item .course_bottom p {display: -webkit-box;overflow: hidden;color: #fff;font-size: 1.6rem;font-weight: bold;line-height: 1.3;text-overflow: unset;white-space: initial;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.course_wrap .course_box .course_card a.course_item:hover .course_bottom p {text-decoration: underline;}

/* Course - list */
.course_wrap .course_box .course_list {position: relative;flex: none;width: 100%;margin: 0;border-radius: .5rem;transition: all .3s;}
.course_wrap .course_box .course_list:hover {background: #242424;transition: all .3s;}
.course_wrap .course_box .course_list a.course_item {display: flex;position: relative;height: 100%;padding: 1.4rem 1.8rem;animation: 0.3s ease-in-out 0s 1 course-fade;z-index: 2;}
.course_wrap .course_box .course_list a.course_item .course_horizon_left {width: auto;}
.course_wrap .course_box .course_list a.course_item .course_horizon_left .course_img {width: 24rem;}
.course_wrap .course_box .course_list a.course_item .course_horizon_left .course_img img {display: block;width: 100%;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right {display: flex;justify-content: space-between;width: 100%;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info {padding-left: 1.2rem;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .category {display: flex;margin-left: 0;padding: 0 0 .4rem;color: var(--grey200);}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .category span {display: block;margin-right: .4rem;padding: .3rem .6rem;font-size: 1.3rem;line-height: 1.2;letter-spacing: 0;color: #fff;border-radius: .3rem;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .category span i {font-size: 1rem;font-weight: 500;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_title {padding: .4rem 0;line-height: 1.2;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_title p {display: -webkit-box;overflow: hidden;color: #fff;font-size: 2rem;font-weight: bold;text-overflow: unset;white-space: initial;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually {justify-content: flex-start;padding: 3.6rem 0 0;color: #d5d5d5;font-size: 1.4rem;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually > div:not(:first-child) {margin: 0 0 0 .6rem;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually .course_tc,
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually .course_period {display: flex;display: -webkit-flex;align-items: center;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually span.block {margin-right: .4rem;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price {min-width: 12rem;text-align: right;font-weight: bold;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price .list_price_cont {display: flex;flex-direction: column-reverse;justify-content: right;align-items: flex-end;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price span.price {font-size: 1.8rem;font-weight: 600;color: #fff;margin-bottom: .4rem;line-height: 1.2;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price span.ori_price {font-size: 1.5rem;font-weight: 500;color: var(--grey300);padding-right: 0;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price span.lean_txt {font-size: 1.8rem;font-weight: 600;color: #fdd835;}
.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price p {color: #fff;font-size: 2rem;padding-top: .6rem;}
.list_ceiling {background: #ec3131;}
.list_ceiling.free {background: #5431ec;}




/* paging */
.paging_wrap {position: relative;width: auto;border-top: 1px solid #222;padding: 2.4rem .6rem 0;}
.paging_wrap .paging_btn {display: block;margin: 0 auto;width: 34.8rem;height: 5.4rem;font-size: 1.6rem;color: #fff;border: 1px solid #444;text-align: center;line-height: 5.4rem;border-radius: 5rem;padding-right: 1.2rem;}
.paging_wrap .paging_btn i {margin-left: .6rem;font-size: 1.2rem;color: var(--primary01);transform: translateX(0px);transition: ease-in-out .1s;}
.paging_wrap .paging_btn:hover i {transform: translateX(4px);transition: ease-in-out .1s;}
.paging_wrap .paging_btn.last-btn i {display: none;}
.paging_wrap .paging_search {display: flex;align-items: center;position: absolute;top: 34px;right: 0;}
.paging_wrap .paging_search a {display: block;height: 100%;padding: 1.2rem;font-size: 1.2rem;color: var(--grey200);font-weight: bold;}
.paging_wrap .paging_search a i {color: var(--grey200);}
.paging_wrap .paging_search a.disabled_chk {color: var(--grey300);font-weight: bold;cursor: not-allowed;}
.paging_wrap .paging_search a.disabled_chk:hover,
.paging_wrap .paging_search a.disabled_chk:hover i {color: var(--grey300);}
.paging_wrap .paging_search a.disabled_chk i {color: var(--grey300);}
.paging_wrap .paging_search a.pg_prev i, .paging_wrap .paging_search a.pg_next i {transform: translateX(0px);transition: ease-in-out .1s;}
.paging_wrap .paging_search a.pg_prev:hover i {transform: translateX(-4px);transition: ease-in-out .1s;}
.paging_wrap .paging_search a.pg_next:hover i {transform: translateX(4px);transition: ease-in-out .1s;}
.paging_wrap .paging_search a:hover, .paging_wrap .paging_search a:hover i {color: #fff;}
.paging_wrap .paging_search .paging_total {font-size: 1.4rem;color: var(--grey400);}
.paging_wrap .paging_search .paging_total span {font-size: 1.6rem;font-weight: bold;color: var(--grey100);}
.paging_wrap .paging_search input[type="number"] {background: var(--grey800);width: 4.8rem;height: 2.8rem;padding: .6rem .8rem;border: 1px solid #444;border-radius: .5rem;text-align: right;color: var(--primary01);font-size: 1.6rem;font-weight: bold;}
.paging_wrap .paging_search input[type="number"]:hover {border: 1px solid #555;}
.paging_wrap .paging_search input[type="number"]:focus {border: 1px solid var(--grey300);transition: all .3s;}
.paging_wrap .paging_search input[type="number"]::-webkit-outer-spin-button,
.paging_wrap .paging_search input[type="number"]::-webkit-inner-spin-button {margin: 0;-webkit-appearance: none;}


/* 강의상세 페이지 */
.course_detail {line-height: 1.2;}
.course_write .course_comment {flex: 6;min-height: 14rem;background: var(--grey700);margin-right: 1.2rem;padding: 1.2rem;color: var(--grey200);font-size: 1.6rem;border: none;border-radius: .5rem;line-height: 1.4;}
.course_write .course_comment:focus {outline: none;}
.course_write .course_comment::placeholder {font-weight: bold;}
.course_write .course_comment_btn {flex: 1;height: 14rem;background: var(--primary01);font-size: 2rem;font-weight: bold;border-radius: .5rem;}

.course_dt_tab {position: relative;border-bottom: 1px solid #444;}
.course_dt_tab ul {display: flex;max-width: var(--ly-w1180);margin: 0 auto;padding: 0 2rem;}
.course_dt_tab ul li {position: relative;}
.course_dt_tab ul li.active a {color: #fff;transition: ease-in .3s;}
.course_dt_tab ul li a {display: block;height: 100%;padding: 2rem 2.2rem;color: #aaa;font-size: 2rem;font-weight: bold;line-height: 1.2;transition: ease-in .3s;}
.course_dt_tab .nav_bar {position: absolute;bottom: 0;height: .6rem;background: var(--primary01);border-radius: .6rem;transition: all .4s;}

.container {background-color: #111;width: 100%;height: 100%;}
.container .course_detail_top {position: relative;padding: 14rem 0 8rem;}
.container .course_detail_top .course_dt_box {display: flex;position: relative;max-width: var(--ly-w1180);margin: 0 auto;padding: 0 2rem;z-index: 4;}
.container .course_detail_top .course_dt_box .course_dt_lt {width: 48rem;min-width: 48rem;margin-right: 3.2rem;}
.container .course_detail_top .course_dt_box .course_dt_lt > img {display: block;width: 100%;border-radius: .5rem;box-shadow: 10px 10px 20px rgba(0,0,0,.5);}
/* [ 배경이미지 ] .container .course_detail_top .course_dt_box .course_dt_lt > img {display: block;width: 100%;border-radius: .5rem;box-shadow: -1px -1px 5px rgb(255 255 0 / 50%), 2px 2px 5px rgb(0 128 255 / 50%), 10px 10px 20px rgba(0 0 0 / 50%);} */
.container .course_detail_top .course_dt_box .course_dt_rt > span {display: block;margin-bottom: .6rem;color: var(--primary01);font-size: 1.6rem;font-weight: bold;}
.container .course_detail_top .course_dt_box .course_dt_rt p.dt_tit {min-height: 7.6rem;margin-bottom: 1.2rem;color: #fff;font-size: 3.2rem;font-weight: 700;}

.dt_info_wrap {margin-bottom: 1.8rem;}
.dt_visually {display: flex;margin-bottom: .4rem;}
.dt_visually .level_bar p {font-size: 1.4rem;}
.dt_visually .review_bar {margin-left: 1.2rem;}
.dt_visually .review_bar p {font-weight: bold;}
.dt_visually .sales_bar {margin-left: 1.2rem;}
.dt_visually .sales_bar p {font-weight: bold;}
.dt_article {color: #aaa;font-size: 1.4rem;line-height: 1.6;}
.dt_article span {font-size: 1.6rem;font-weight: 300;}
.dt_article li b {color: #d5d5d5;font-weight: 500;}
/* .dt_article li:last-child b {color: var(--primary01);} */

.dt_price {font-size: 2.4rem;font-weight: bold;margin-bottom: 1.2rem;}
.dt_price span.dcr {color: #f00;}
.dt_price span.price {color: #fff;}
.dt_price del {color: #888;font-size: 1.6rem;}

.set_learn {display: none;}
.learning_btn {display: none;}

.dt_btn {display: flex;}
.dt_btn a {display: block;border-radius: .5rem;color: #fff;font-size: 1.8rem;font-weight: 700;height: 4.8rem;line-height: 4.8rem;text-align: center;}
.dt_btn a:hover {opacity: .9;}
.dt_btn a.price_btn {width: 20.4rem;background-color: var(--primary01);}
.dt_btn a.wish_btn {width: auto;background-color: #444;margin-left: .8rem;padding: 0 2.8rem;}

.container .course_detail_top .dark_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(16,16,16,.8);backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);z-index: 2;}
.container .course_detail_top .bottom_dark_bg {position: absolute;bottom: 0;left: 0;width: 100%;height: 20rem;background: linear-gradient(to bottom,rgba(19, 19, 19, .0) 40%, #111);z-index: 3;}
.container .course_detail_top .course_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}

/* [ 배경이미지 ] .container .course_detail_top .dark_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(34, 34, 34, .95);backdrop-filter: blur(5px);z-index: 2;} */

/* 댓글 수정 창 [후기 ,QnA] */
.user_modify {display: none;margin-top: 2.4rem;padding: 1.4rem 2.4rem;border: 1px solid #444;border-radius: .5rem;} 
.user_modify.q_user_modify {padding: 1.4rem;} 
.user_modify .modify_hearts {display: flex;align-items: center;margin-bottom: 1.2rem;color: #aaa;font-size: 1.6rem;}
.user_modify .modify_hearts p {margin-right: 1.6rem;font-size: 1.4rem;}
.user_modify .modify_hearts .rv_modify_heart_wrap {display: flex;align-items: center;}
.user_modify .modify_hearts .rv_modify_heart_wrap > div {display: flex;align-items: center;margin-right: 1.8rem;font-weight: bold;cursor: pointer;}
.user_modify .modify_hearts .rv_modify_heart_wrap > div:last-child {margin-right: 0;}
.user_modify .modify_hearts .rv_modify_heart_wrap > div i {margin-right: .4rem;font-size: 2.4rem;}
.user_modify .modify_hearts .rv_modify_heart_wrap > div.on i {color: #f00;}
.user_modify .modify_hearts .rv_modify_heart_wrap > div.on span {color: #fff;}
.user_modify .modify_comment {height: 16rem;padding: 1.4rem;background: var(--grey700);color: #fff;font-size: 1.6rem;border: none;outline: none;border-radius: .5rem;resize: vertical;overflow: visible;}
.user_modify .modify_btn {display: flex;justify-content: flex-end;margin-top: 1.2rem;}
.user_modify .modify_btn button {padding: .6rem 1.2rem;font-size: 1.4rem;font-weight: bold;border-radius: .5rem;}
.user_modify .modify_btn .modify_cancel {margin-right: 1.2rem;color: #aaa;}
.user_modify .modify_btn .modify_confirm {background: var(--primary01);color: #fff;}

/* 댓글 더보기 */
.arrow_btn {position: relative;width: 100%;}
.arrow_btn:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: .1rem;background: #444;}
.arrow_btn button {display: block;position: absolute;top: -20px;left: 50%;width: 4rem;height: 4rem;margin-left: -2rem;background: rgba(255, 255, 255, .1);border: 2px solid var(--grey300);border-radius: 4rem;box-shadow: 2px 6px 20px rgba(0 0 0 / 50%);transition: ease .3s;z-index: 10;}
.arrow_btn button:hover {background: rgba(255, 255, 255, .3);border: 2px solid #fff;transition: ease .3s;}
.arrow_btn button img {position: relative;top: 7px;width: 2.4rem;z-index: 5;}
.arrow_btn button span {display: block;position: relative;top: 24px;left: 50%;width: 8rem;margin-left: -4rem;color: #aaa;font-size: 1.2rem;}

.course_con_wrap {display: flex;max-width: var(--ly-w1180);margin: 0 auto;padding: 0 2rem;}
.course_con_wrap .course_sec_wrap {width: calc(100% - 36rem);margin-right: 2rem;}
.sec {padding: 6.2rem 0 0;}
.sec .sec_header {display: flex;align-items: center;margin-bottom: 1.2rem;}
.sec .sec_header h2 {position: relative;color: #fff;font-size: 2.4rem;font-weight: bold;margin-right: 3rem;padding-left: 1.2rem;}
.sec .sec_header h2:before {content: '';position: absolute;top: 4px;left: 0;width: 4px;height: 2.2rem;background: #fff;}
.sec .sec_header span {color: #aaa;font-size: 1.6rem;font-weight: bold;}

/* 오른쪽 고정바 */
.course_con_wrap .ly_right {width: auto;margin-top: 3.4rem;flex: 1;}
.course_con_wrap .ly_right .preview_wrap {position: sticky;top: 170px;height: auto;}
.course_con_wrap .ly_right .preview_wrap h4 {font-size: 1.8rem;font-weight: bold;margin-bottom: .8rem;color: #d5d5d5;}
.course_con_wrap .ly_right .preview_wrap iframe {width: 100%;height: 19rem;margin-bottom: 2.4rem;border-radius: .5rem;}
.course_con_wrap .ly_right .preview_wrap p {color: var(--grey200);font-size: 1.6rem;font-weight: bold;text-align: center;}

.course_con_wrap .ly_right .no_preview {margin-bottom: 1.4rem;border: 1px solid var(--grey600);padding: 6.4rem 0;text-align: center;border-radius: .5rem;}
.course_con_wrap .ly_right .no_preview p {font-size: 1.4rem;color: var(--grey300);}

.course_con_wrap .ly_right .sns_btn {display: flex;justify-content: center;}
.course_con_wrap .ly_right .sns_btn li {position: relative;margin: 0 .8rem;}
.course_con_wrap .ly_right .sns_btn li:before {display: none;content: attr(data-name);position: absolute;top: 44px;right: 50%;margin-right: -5rem;width: 11.5rem;padding: .6rem 1.2rem;background: #efd168;color: #000;text-align: center;white-space: nowrap;font-size: 1.2rem;border-radius: .5rem;transition: ease .1s;}
.course_con_wrap .ly_right .sns_btn li:after {display: none;content: '';position: absolute;top: 32px;right: 50%;margin-right: -3px;border-width: 6px;border-style: solid;border-color: transparent transparent #efd168;transition: ease .1s;}
.course_con_wrap .ly_right .sns_btn li:hover:before,
.course_con_wrap .ly_right .sns_btn li:hover:after {display: block;transition: ease .1s;}

/* 강의상세 - 상세설명 */
.section1 {padding-bottom: 4.8rem;border-bottom: 1px solid var(--grey500);padding: 2.4rem 0 6.2rem;}
.section1 .media_detail_m {display: none;}

.course_shot_tit {font-size: 1.6rem;font-weight: 300;line-height: 1.6;background: var(--grey900);border: 1px solid var(--grey500);border-radius: .5rem;padding: 2.4rem;}

.content_inner img {border-radius: .5rem;}
.content_inner iframe {display: block;width: 100%;}
.content_inner .lean_intro_box {margin-bottom: 2.4rem;}
.content_inner .lean_intro_box h3 {font-size: 2.6rem;font-weight: 600;line-height: 1.4;}
.content_inner .lean_intro_box p {font-size: 1.8rem;font-weight: 200;line-height: 1.5;color: #f1f1f1;}
.content_inner .lean_intro_box p:first-of-type {margin-top: 1.2rem;}

.content_inner .cont_cm_box {padding: 1.8rem 2.4rem;border: 1px solid var(--grey500);border-radius: .5rem;margin-bottom: 1.2rem;}
.content_inner .cont_cm_box h3 {font-size: 2rem;font-weight: bold;}
.content_inner .cont_cm_box ul {margin-top: 1.4rem;font-size: 1.6rem;}
.content_inner .cont_cm_box ul li {padding: .6rem 0;font-size: 1.6rem;font-weight: 300;line-height: 1.5;color: #f1f1f1;}
.content_inner .cont_cm_box ul li i {font-size: 1.2rem;color: var(--primary01);font-weight: 900;}

.content_inner .lean_col_box > h3 {font-size: 2.4rem;font-weight: 700;}
.content_inner .lean_col_box > p {margin-top: .4rem;font-size: 1.6rem;font-weight: 300;}
.content_inner .card_col {display: flex;margin-top: 1.8rem;;}
.content_inner .card_col .col_item {flex: 1;margin-right: .4rem;text-align: center;}
.content_inner .card_col .col_item:last-child {margin-right: 0;}
.content_inner .card_col .col_item .col_img_box {height: 14rem;}
.content_inner .card_col .col_item .col_img_box img {display: block;width: 100%;height: 100%;object-fit: cover;}
.content_inner .card_col .col_item span {display: block;margin-top: .8rem;font-size: 1.5rem;font-weight: 300;}

.content_inner .lean_col2_box > h3 {font-size: 2.4rem;font-weight: 600;line-height: 1.6;}
.content_inner .lean_col2_box > p {margin-top: .4rem;font-size: 1.6rem;font-weight: 300;line-height: 1.8;}
.content_inner .card_col2 {display: flex;flex-wrap: wrap;margin-top: 1.8rem;}
.content_inner .card_col2 .col2_item {width: calc(50% - 1.2rem);margin-right: 1.2rem;text-align: center;margin-bottom: 3.2rem;}
.content_inner .card_col2 .col2_item:nth-child(2n) {margin-right: 0;}
.content_inner .card_col2 .col2_item img {display: block;width: 100%;}
.content_inner .card_col2 .col2_item span {display: block;margin-top: .8rem;font-size: 1.8rem;font-weight: 400;}

.content_inner .lean_chapter_box > h3 {font-size: 4.2rem;font-weight: bold;text-align: center;font-style: italic;margin-bottom: 1.2rem;}
.content_inner .lean_chapter_box > p {font-size: 1.8rem;font-weight: 300;text-align: center;font-style: italic;color: #aaa;}
.content_inner .lean_chapter_box .chapter_cont {margin-top: 2.4rem;}
.content_inner .lean_chapter_box .cp_item {display: flex;align-items: center;margin-bottom: 2.4rem;}
.content_inner .lean_chapter_box .cp_item:last-child {margin-bottom: 0;}
.content_inner .lean_chapter_box .cp_item .cp_img_box {width: 32rem;height: 20rem;margin-right: 2.4rem;}
.content_inner .lean_chapter_box .cp_item .cp_img_box img {display: block;width: 100%;height: 100%;object-fit: cover;}
.content_inner .lean_chapter_box .cp_item .cp_txt_box {width: calc(100% - 32rem);}
.content_inner .lean_chapter_box .cp_item .cp_txt_box p {font-size: 2.8rem;font-weight: bold;margin-bottom: .8rem;}
.content_inner .lean_chapter_box .cp_item .cp_txt_box span {font-size: 1.6rem;font-weight: 300;line-height: 1.6;color: #f1f1f1;}

.content_inner .lean_curri_box > h3 {font-size: 2.2rem;font-weight: 300;margin-bottom: 2.4rem;line-height: 1.4;}
.content_inner .lean_curri_box img {display: block;width: 100%;margin-bottom: .6rem;}
.content_inner .lean_curri_box span {display: block;font-size: 1.5rem;font-weight: 600;text-align: center;}
.content_inner .lean_curri_box p {font-size: 1.8rem;font-weight: 300;}

.content_inner .lean_box_a {border: 1px solid #444;border-radius: .5rem;padding: 5.4rem 2.4rem;}
.content_inner .lean_box_a span {font-size: 2rem;font-weight: 200;}
.content_inner .lean_box_a p.txt_bold {font-size: 3.6rem;font-weight: 700;}

.content_inner .tutor_info_box {margin-bottom: 2.4rem;}
.content_inner .tutor_info_box h3 {font-size: 1.8rem;font-weight: bold;}
.content_inner .tutor_info_box .tutor_info {display: flex;justify-content: flex-start;}
.content_inner .tutor_info_box .tutor_info figure {width: 4.4rem;height: 4.4rem;overflow: hidden;border-radius: 4.4rem;margin-right: .8rem;}
.content_inner .tutor_info_box .tutor_info figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
.content_inner .tutor_info_box p {padding: 1.4rem 0;font-size: 1.6rem;}
.content_inner .tutor_info_box p span {font-size: 2.4rem;font-weight: bold;}
.content_inner .tutor_info_box .tutor_detail {margin-top: .4rem;padding-left: 2.4rem;border-left: 3px solid #aaa;}
.content_inner .tutor_info_box .tutor_detail h4 {font-size: 1.8rem;font-weight: bold;}
.content_inner .tutor_info_box .tutor_detail ul {margin-top: .8rem;font-size: 1.4rem;}
.content_inner .tutor_info_box .tutor_detail ul li {padding: .6rem 0;font-size: 1.6rem;}
.content_inner .tutor_info_box .tutor_detail ul li a {color: var(--primary01);}
.content_inner .tutor_info_box .tutor_detail ul li a:hover {text-decoration: underline;}

.content_inner .tutor_txt_box {background: url('/html/images/details/images/test_bg2.png') no-repeat top right;background-size: 55rem;padding-top: 6.4rem;}
.content_inner .tutor_txt_box h4 {font-size: 3.2rem;font-weight: 700;line-height: 1.4;margin-bottom: 2.4rem;}
.content_inner .tutor_txt_box span {font-size: 1.6rem;font-weight: 300;line-height: 1.6;padding-bottom: 2.4rem;color: #f1f1f1;}

.content_inner .notice_info_box {background: #263238;padding: 1.8rem 2.4rem;border-radius: .5rem;box-shadow: 0 10px 5px -3px rgba(0, 0, 0, .3);}
.content_inner .notice_info_box h3 {font-size: 1.8rem;font-weight: bold;margin-bottom: .8rem;}
.content_inner .notice_info_box ul {font-size: 1.4rem;}
.content_inner .notice_info_box ul li {padding: .6rem 0;font-size: 1.6rem;font-weight: 200;}

/*.section1 .sec_header {margin-bottom: 2.4rem;padding-bottom: 1.8rem;border-bottom: 2px solid var(--grey500);}
 .section1 img {display: block;width: var(--ly-w1180);border-radius: .5rem;}
.section1 .img_wrap {max-width: 900px;margin: 0 auto;} */
/* 강의상세 - 커리큘럼 */
.section2 {margin-bottom: 8rem;}
.section2 .m_preview_wrap {display: none;}
.section2 .curriculum_wrap {display: flex;justify-content: space-between;letter-spacing: .5px;}
.section2 .curriculum_wrap .ly_left {width: 100%;}
.section2 .curriculum_wrap .ly_left .curri_summary {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.2rem;}
.section2 .curriculum_wrap .ly_left .curri_summary p {font-size: 1.4rem;color: var(--grey200);}
.section2 .curriculum_wrap .ly_left .chapter_item_toggle {display: flex;justify-content: flex-end;}
.section2 .curriculum_wrap .ly_left .chapter_item_toggle a {display: block;padding: 1.2rem 2.4rem;border: 1px solid #777;border-radius: .5rem;color: #d5d5d5;font-size: 1.4rem;box-sizing: border-box;transition: ease .5s;}
.section2 .curriculum_wrap .ly_left .chapter_item_toggle a:hover {border: 1px solid #fff;color: #fff;transition: ease .5s;}
.section2 .curriculum_wrap .ly_left .chapter_item_toggle a:last-child {margin-left: .6rem;}
.section2 .curriculum_wrap .ly_left .curriculum-list {border: 1px solid var(--grey600);border-radius: .5rem;}
.section2 .curriculum_wrap .ly_left li {padding: 1.4rem;border-bottom: 1px solid var(--grey600);font-size: 1.5rem;}
.section2 .curriculum_wrap .ly_left .curri_item {padding: 2rem 1.4rem;background: #242424;}
.section2 .curriculum_wrap .ly_left .curri_item:last-child {margin-bottom: 0;}
.section2 .curriculum_wrap .ly_left .curri_item .curri_item_header {display: flex;justify-content: space-between;align-items: center;}
.section2 .curriculum_wrap .ly_left .curri_item .curri_item_header .curri_item_title {font-size: 1.6rem;line-height: 1.4;}
/* .section2 .curriculum_wrap .ly_left .curri_item .curri_item_header:hover .curri_item_left .curri_item_title {text-decoration: underline;} */
.section2 .curriculum_wrap .ly_left .curri_item .curri_item_header .curri_item_left {font-size: 1.6rem;font-weight: bold;}
.section2 .curriculum_wrap .ly_left .curri_item .curri_item_header .curri_item_right {font-size: 1.4rem;}
.section2 .curri_item_units {display: none;padding: 0 1.4rem;border-top: 1px solid #444;}
.section2 .curri_item_units .curri_unit_item:not(:last-child) {border-bottom: 1px solid #444;}
.section2 .curri_item_units .curri_unit_item > a {display: flex;justify-content: space-between;align-items: center;padding: 1.8rem 0;color: #fff;font-size: 1.5rem;}
.section2 .curri_item_units .curri_unit_item > a:hover .curri_unit_left {color: #fff;}
.section2 .curri_item_units .curri_unit_item > a .curri_unit_left,
.section2 .curri_item_units .curri_unit_item > a .curri_unit_right {display: flex;align-items: center;}
.section2 .curri_item_units .curri_unit_item > a .curri_unit_left {color: var(--grey200);}
.section2 .curri_item_units .curri_unit_item > a .curri_unit_left .curri_unit_title {margin-left: .6rem;}
.section2 .curri_item_units .curri_unit_item > a .curri_unit_right .curri_unit_priview {display: block;margin-right: .8rem;padding: .4rem .8rem;color: var(--primary01);font-size: 1.2rem;font-weight: bold;border: 1px solid var(--primary01);border-radius: .5rem;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_left {width: 60%;padding-left: .4rem;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right {width: 40%;justify-content: flex-end;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_progress {position: relative;width: 55%;height: .2rem;background: #888;margin-right: 8%;border-radius: 1rem;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_progress .curri_progress_bar {position: absolute;top: 0;left: 0;height: 100%;background: var(--primary01);border-radius: 1rem;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_progress .curri_rate {position: absolute;top: -22px;font-size: 1.2rem;font-style: italic;color: #3eb3e4;white-space: nowrap;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_progress .curri_rate:before {content: "";position: absolute;bottom: -10px; left: 34px;width: 0;height: 0;box-sizing: border-box;border: .35em solid black;border-color: #3eb3e4 transparent transparent transparent;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_unit_time {width: 37%;}
.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_unit_time .curri_last_time {color: var(--primary01);}

/* 강의상세 - 후기 */
.section4 {margin-bottom: 8rem;}
.section4 .rv_visual {display: flex;align-items: stretch;justify-content: space-between;width: 100%;margin-bottom: 1.6rem;}
.section4 .rv_visual > div {border: 1px solid var(--grey500);border-radius: 1rem;}
.section4 .rv_visual .rv_visual_left {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: .5;margin-right: 1.2rem;}
.section4 .rv_visual .rv_visual_left .rv_visual_info {margin-bottom: 1.8rem;font-size: 3.6rem;font-weight: bold;}
.section4 .rv_visual .rv_visual_left .rv_visual_info i {color: #f00;}
.section4 .rv_visual .rv_visual_left .rv_visual_length {color: #aaa;font-size: 1.4rem;font-weight: bold;}
.section4 .rv_visual .rv_visual_right {flex: 2;position: relative;overflow: hidden;}
.section4 .rv_visual .rv_visual_right .rv_visual_lock {display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(17, 17, 17, .9);z-index: 1;}
.section4 .rv_visual .rv_visual_right .rv_visual_lock > i {margin-bottom: 1.8rem;font-size: 3.6rem;}
.section4 .rv_visual .rv_visual_right .rv_visual_lock p {color: #aaa;font-size: 1.4rem;font-weight: bold;}
.section4 .rv_visual .rv_visual_right .rv_visual_lock p span {color: #fff;}
.section4 .rv_wrap_users {width: 100%;border-top: 2px solid var(--grey200);}
.section4 .rv_wrap_users .rv_user {padding: 3.2rem 0 4.4rem;border-bottom: 1px solid var(--grey500);}
.section4 .rv_wrap_users .rv_user:last-child {border-bottom: none;}
.rv_write {padding: 3rem 2.4rem;}
.rv_write .rv_write_top {display: flex;align-items: center;margin-bottom: 2.4rem;color: #aaa;font-size: 1.6rem;font-weight: bold;}
.rv_write .rv_write_top p {margin-right: 3.6rem;}
.rv_write .rv_write_top .rv_write_hearts {display: flex;align-items: center;}
.rv_write .rv_write_top .rv_write_hearts > div {display: flex;align-items: center;margin-right: 3.6rem;cursor: pointer;}
.rv_write .rv_write_top .rv_write_hearts > div i {margin-right: .6rem;font-size: 2.8rem;}
.rv_write .rv_write_top .rv_write_hearts > div:hover i,
.rv_write .rv_write_top .rv_write_hearts > div:hover span {color: var(--grey200);}
.rv_write .rv_write_top .rv_write_hearts > div:last-child {margin-right: 0;}
.rv_write .rv_write_top .rv_write_hearts > div.on i {color: #f00;}
.rv_write .rv_write_top .rv_write_hearts > div.on i:after {color: #ff3b3b;}
.rv_write .rv_write_top .rv_write_hearts > div.on span {color: #fff;}
.rv_write .rv_write_top .rv_write_hearts img {height: 3rem;margin-right: .6rem;}
.rv_write .rv_write_bottom {display: flex;align-items: flex-start;}
.rv_wrap .rv_user_top {display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 1.8rem;}
.rv_wrap .rv_user_top .rv_user_left {display: flex;justify-content: space-between;align-items: center;}
.rv_wrap .rv_user_top .rv_user_left .rv_user_profile {width: 3.6rem;height: 3.6rem;border-radius: 5rem;overflow: hidden;margin-right: 1.2rem;}
.rv_wrap .rv_user_top .rv_user_left .rv_user_profile img {display: block;width: 100%;height: 100%;object-fit: cover;}
.rv_wrap .rv_user_top .rv_user_left .rv_info {font-size: 1.4rem;font-weight: bold;}
.rv_wrap .rv_user_top .rv_user_left .rv_info .rv_user_heart {display: flex;align-items: center;}
.rv_wrap .rv_user_top .rv_user_left .rv_info .rv_user_heart i {color: #f00;margin-right: .4rem;}
.rv_wrap .rv_user_top .rv_user_left .rv_info .rv_user_state {color: var(--grey200);}
.rv_wrap .rv_user_top .rv_user_left .rv_info .rv_user_state .rv_user_date {color: var(--grey300);}
.rv_wrap .rv_user_top .rv_user_right .rv_user_options {position: relative;}
.rv_wrap .rv_user_top .rv_user_right .rv_user_options i {display: block;padding: .4rem 1.6rem;font-size: 2.6rem;color: #aaa;cursor: pointer;border-radius: 2rem;transition: ease .3s;}
.rv_wrap .rv_user_top .rv_user_right .rv_user_options i:hover {background: var(--grey700);transition: ease .3s;}
.rv_wrap .rv_user_top .rv_user_right .rv_user_options .rv_user_ellipsis {display: none;flex-direction: column;align-items: center;position: absolute;bottom: -74px;right: 0;white-space: nowrap;background: var(--grey900);padding: .3rem;border: 1px solid #444;border-radius: .5rem;}
.rv_wrap .rv_user_top .rv_user_right .rv_user_options .rv_user_ellipsis button {padding: .8rem 1.6rem;color: var(--grey200);font-size: 1.2rem;}
.rv_wrap .rv_user_top .rv_user_right .rv_user_options .rv_user_ellipsis button:hover {background: var(--grey500);color: #fff;border-radius: .5rem;}
.rv_wrap .rv_user_bottom .rv_user_comment {color: #dfdfdf;font-size: 1.6rem;}
.rv_wrap .not_comment {width: 100%;text-align: center;min-height: 12.4rem;padding-top: 2.2rem;}
.rv_wrap .not_comment p {color: var(--grey200);font-size: 1.6rem;}
/* 강의상세 - Q&A */
.section5 {margin-bottom: 8rem;}
.section5 .q_visual {display: flex;align-items: stretch;justify-content: space-between;width: 100%;margin-bottom: 1.6rem;}
.section5 .q_visual > div {border: 1px solid var(--grey500);border-radius: 1rem;}
.section5 .q_visual .q_visual_left {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: .5;margin-right: 1.2rem;}
.section5 .q_visual .q_visual_left .q_visual_info {margin-bottom: 1.8rem;font-size: 3.6rem;font-weight: bold;}
.section5 .q_visual .q_visual_left .q_visual_info i {color: #0080ff;font-size: 6.4rem;}
.section5 .q_visual .q_visual_left .q_visual_length {color: #aaa;font-size: 1.4rem;font-weight: bold;}
.section5 .q_visual .q_visual_right {flex: 2;position: relative;overflow: hidden;}
.section5 .q_visual .q_visual_right .q_visual_lock {display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(17, 17, 17, .9);z-index: 1;}
.section5 .q_visual .q_visual_right .q_visual_lock > i {margin-bottom: 1.8rem;font-size: 3.6rem;}
.section5 .q_visual .q_visual_right .q_visual_lock p {color: #aaa;font-size: 1.4rem;font-weight: bold;}

.section5 .q_wrap_users {width: 100%;border-top: 1px solid var(--grey200);}
.section5 .q_write {padding: 3rem 2.4rem;}
.section5 .q_write .q_write_top {display: flex;align-items: center;margin-bottom: 2.4rem;color: #aaa;font-size: 1.6rem;font-weight: bold;}
.section5 .q_write .q_write_top p {margin-right: 3.6rem;}
.section5 .q_write .q_write_bottom {display: flex;align-items: flex-start;}
.section5 .q_wrap_users {width: 100%;border-top: 2px solid var(--grey200);}
.section5 .q_wrap_users .q_user {padding: 3.2rem 0 4.4rem;border-bottom: 1px solid var(--grey500);}
.section5 .q_wrap_users .q_user:last-child {border-bottom: none;}
.q_wrap .q_user_top {display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 1.8rem;}
.q_wrap .q_user_top .q_user_left {display: flex;justify-content: space-between;align-items: center;}
.q_wrap .q_user_top .q_user_left .q_user_profile {width: 3.6rem;height: 3.6rem;border-radius: 5rem;overflow: hidden;margin-right: 1.2rem;}
.q_wrap .q_user_top .q_user_left .q_user_profile img {display: block;width: 100%;height: 100%;object-fit: cover;}
.q_wrap .q_user_top .q_user_left .q_info {font-size: 1.4rem;font-weight: bold;}
.q_wrap .q_user_top .q_user_left .q_info .q_info_reply_state {width: 6rem;margin-bottom: .4rem;font-size: 1.2rem;text-align: center;}
.q_wrap .q_user_top .q_user_left .q_info .q_info_reply_state span {display: block;padding: .2rem 0;color: var(--primary01);border: 1px solid var(--primary01);}
.q_wrap .q_user_top .q_user_left .q_info .q_info_reply_state button {display: block;margin: 0;padding: .2rem .6rem;background: var(--primary01);color: #fff;}
.q_wrap .q_user_top .q_user_left .q_info .q_user_state {color: var(--grey200);}
.q_wrap .q_user_top .q_user_left .q_info .q_user_state .q_user_date {color: var(--grey300);}
.q_wrap .q_user_top .q_user_right .q_user_options {position: relative;}
.q_wrap .q_user_top .q_user_right .q_user_options i {display: block;padding: .4rem 1.6rem;font-size: 2.6rem;color: #aaa;cursor: pointer;border-radius: 2rem;transition: ease .3s;}
.q_wrap .q_user_top .q_user_right .q_user_options i:hover {background: var(--grey700);transition: ease .3s;}
.q_wrap .q_user_top .q_user_right .q_user_options .q_user_ellipsis {display: none;flex-direction: column;align-items: center;position: absolute;bottom: -74px;right: 0;white-space: nowrap;background: var(--grey900);padding: .3rem;border: 1px solid #444;border-radius: .5rem;}
.q_wrap .q_user_top .q_user_right .q_user_options .q_user_ellipsis button {padding: .8rem 1.6rem;color: var(--grey200);font-size: 1.2rem;}
.q_wrap .q_user_top .q_user_right .q_user_options .q_user_ellipsis button:hover {background: var(--grey500);color: #fff;border-radius: .5rem;}
.q_wrap .q_user_bottom .q_user_comment {color: #dfdfdf;font-size: 1.6rem;}
.q_wrap .q_user_bottom .q_user_reply {display: flex;width: 100%;margin-top: 2.8rem;padding: 2.4rem 3.2rem;background: var(--grey700);border-radius: .5rem;}
.q_wrap .q_user_bottom .q_user_reply .q_reply_title {position: relative;margin-right: 4.2rem;color: var(--primary01);font-size: 5.8rem;font-weight: bold;line-height: .7;}
.q_wrap .q_user_bottom .q_user_reply .q_reply_title:before {content: '';position: absolute;top: 0;right: -20px;width: .1rem;height: 5rem;background: #444;}
.q_wrap .q_user_bottom .q_user_reply .q_reply_comment {color: #dfdfdf;font-size: 1.6rem;}
.q_wrap .not_comment {width: 100%;text-align: center;min-height: 12.4rem;padding-top: 2.2rem;}
.q_wrap .not_comment p {color: var(--grey200);font-size: 1.6rem;}

/* 강의상세 - 상단 고정 바 */
.info_nav_fix {position: fixed;top: -500px;left: 0;width: 100%;background: #111;z-index: 99;}
.info_nav_fix .info_price_wrap {display: flex;align-items: center;max-width: var(--ly-w1180);margin: 0 auto;padding: 1.2rem 2rem;}
.info_nav_fix .info_price_wrap img {display: block;width: 140px;}
.info_nav_fix .info_price_wrap .info_box {display: flex;align-items: center;justify-content: space-between;width: calc(100% - 14rem);}
.info_nav_fix .info_price_wrap .info_box .info_txt p {margin-bottom: .4rem;color: #fff;font-size: 2.4rem;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 강의상세 - 하단 고정 바 */
.m_lean_ticky {display: none;}

/* 강의상세 - 가격정보 */
.info_txt {width: calc(100% - 38rem);line-height: 1.2;margin-left: 1.4rem;text-align: left;}
.info_txt .info_test {margin-top: .6rem;font-size: 1.8rem;font-weight: bold;}
.info_txt .info_test b {color: #f00;}
.info_txt .info_test span {color: #fff;}
.info_txt .info_test span.def {font-size: 1.4rem;color: #888;}
.info_price.dt_price {font-size: 1.8rem;margin: 0;}
.info_price.dt_price del {font-size: 1.4rem;}

/* 학습중 */
.learning_txt {color: #fdd835;}


/*===== Media Screen =====*/
@media screen and (max-width:1024px) {
	.course {padding-top: 9rem;}

	.main_wrap #contet_area {padding: 20px 0px 50px 0px;}
	.content_title {margin: 0 0 -6rem;padding: 0 2rem;text-align: left;}
	
	/* Search */
	.search_wrap {margin-bottom: var(--space24);padding: 0 2rem;}
	.search_wrap input[type="text"] {padding: 1.4rem 1.2rem 1.4rem 4.8rem;font-size: 1.8rem;}
	.search_wrap button {top: 2px;left: 18px;}
	
	/* Category */
	.category_wrap {padding: 0 2rem;}
	.category_wrap .category_left ul {flex-wrap: wrap;line-height: 1.4;}
	
	/* Course */
	.course_wrap {padding: 0 1rem;}
	.course_wrap .course_box .course_card {width: 33.3%;padding: 1rem .4rem;}
	.course_wrap .course_box .course_card a.course_item {background: transparent;}
	.course_wrap .course_box .course_card a.course_item:hover .course_top .course_detail {display: none;}
	.course_wrap .course_box .course_card a.course_item:hover:before {border: none;}

	.course_wrap .course_box .course_card a.course_item .course_top {height: auto;border-radius: .5rem;}
	.course_wrap .course_box .course_card a.course_item .course_bottom {padding: .4rem 0;height: auto;}
	
	/* paging */
	.paging_wrap {width: calc(100% - 4.4rem);margin: 0 auto;padding: 2.4rem 2rem 0;}
	
	/* 강의상세 */
	.container .course_detail_top .course_dt_box .course_dt_lt {width: 36rem;min-width: 36rem;}
	.course_dt_tab ul {padding: 0;}
	.course_dt_tab ul li a {padding: 1.4rem 1.8rem;}

	.course_con_wrap .course_sec_wrap {width: 100%;margin-right: 0;}
	.course_con_wrap .ly_right {display: none;}

	.section2 .m_preview_wrap {display: block;width: 100%;padding: 0 0 2.4rem;}
	.section2 .m_preview_wrap iframe {display: block;width: 50rem;height: 28.5rem;margin: 0 auto;}
	.section2 .curriculum_wrap {flex-direction: column-reverse;align-items: center;}
	.section2 .curriculum_wrap .ly_left {margin-right: 0;}
	.section2 .curriculum_wrap .ly_right .preview_wrap {position: relative;top: 0;margin-bottom: 2.4rem;}
}

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

	.content_title {font-size: 2.4rem;}

	/* Search */
	.search_wrap button {left: 20px;}
	
	/* Category */
	.category_wrap {flex-direction: column;align-items: flex-start;margin-bottom: var(--space10);}
	.category_wrap .category_right {flex-direction: row-reverse;justify-content: space-between;width: 100%;padding-top: 2rem;}
	.category_wrap .category_right .order_select select {margin-left: 0;}
	.category_wrap .category_left ul li a {font-size: 1.6rem;}
	
	/* Course */
	.course_wrap .course_box .course_list:first-child {margin-top: .8rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_left {width: 25%;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_left .course_img {width: auto;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_left .course_img img {height: auto;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .category {font-size: 1rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .category span {display: -webkit-box;overflow: hidden;white-space: initial;word-break: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_title {padding: 0;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_title p {font-size: 1.6rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually {padding: 2rem 0 0;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price {min-width: 9rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price span {font-size: 1.4rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price p {font-size: 1.6rem;}
	.course_wrap .course_box .learning {font-size: 1.6rem;}
	
	/* paging */
	.paging_wrap {width: calc(100% - 2rem);}
	.paging_wrap .paging_btn {display: none;}
	.paging_wrap .paging_search {right: 50%;top: 18px;margin-right: -96px;}
	
	/* 강의상세 */
	.container .course_detail_top {padding: 8rem 2rem;}
	.container .course_detail_top .course_dt_box {padding: 0;}
	.container .course_detail_top .course_dt_box .course_dt_lt {width: 100%;min-width: inherit;margin-right: 0;margin-bottom: 2.8rem;}
	.container .course_detail_top .course_dt_box .course_dt_rt p.dt_tit {min-height: 5.4rem;}

	.course_dt_box {flex-direction: column;}
	.course_dt_tab ul {justify-content: space-around;max-width: 42rem;}
	
	.section1 .media_detail_pc {display: none;}
	.section1 .media_detail_m {display: block;}

	.info_nav_fix .info_price_wrap {display: none;} 
	.dt_btn {width: 100%;}
	.dt_btn a {font-size: 1.5rem;}
	.dt_btn a.price_btn {width: auto;flex: 2;}
	.m_lean_ticky {display: none;align-items: center;position: fixed;bottom: 0;left: 0;width: 100%;background: #111;padding: 1.2rem 2rem;border-top: 1px solid #444;z-index: 999;}
	
	.section1 .sec_header {margin-bottom: 1.2rem;padding-bottom: 0;border-bottom: 0;}
}

@media screen and (max-width:767px) {
	.search_form_wrap1 .course_search_from input[type=text] {border: 1px solid #444 !important;border-bottom: 1px solid #444 !important;}

	.course_wrap .course_box .course_card {width: 50%;}
}

@media screen and (max-width:480px) {
	#container {padding-bottom: 4.4rem;}
	.course {margin: 0 auto;}
	.category_wrap .category_left ul li a {font-size: 1.4rem;}

	.main_wrap #contet_area {padding: 0px 0px 50px 0px;}
	.content_header, .content_body {padding: 0 1rem 0 !important;}
	.content_title {margin: 0 0 1.2rem;padding: 0 1.5rem;}
	.input_flex_cont {width: 100%;justify-content: space-between;}

	/* common */
	.sec {padding: 4.4rem 0 0;}
	.section1 {padding: 2.4rem 0 4.4rem;}
	.section2 {margin-bottom: 4.4rem;}
	
	/* Course */
	.course_con_wrap {padding: 0 1.5rem;}
	.course_wrap .course_box .course_card a.course_item .course_bottom {height: 5.2rem;padding: .6rem .8rem;}
	.course_wrap .course_box .course_card a.course_item .course_bottom p {font-size: 1.4rem;}

	/* Course - List */
	.course_wrap .course_box .course_list a.course_item {padding: 1.4rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually > div {margin: 0 .4rem;}
	.course_wrap .course_box .course_visually p {font-size: 1rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_title p {font-size: 1.4rem;}

	/* 강의상세 */
	.info_nav_fix .info_price_wrap img {display: none;}
	.info_nav_fix .info_price_wrap .info_box .info_txt {display: none;}

	.course_dt_tab ul {justify-content: space-around;max-width: 32rem;}
	.course_dt_tab ul li a {padding: 1.2rem .8rem;font-size: 1.5rem;}
	.course_dt_tab .nav_bar {height: .4rem;}

	.container .course_detail_top .course_dt_box .course_dt_lt {margin-bottom: 1.8rem;}
	.container .course_detail_top .course_dt_box .course_dt_rt p.dt_tit {font-size: 2.6rem;}
	.dt_visually {margin-bottom: 0;}
	.dt_article span {font-size: 1.4rem;}
	.dt_price {font-size: 2.2rem;}
	.container .course_detail_top {padding: 8rem 2rem 4rem;}
	.course_shot_tit {font-size: 1.5rem;line-height: 1.4;padding: 0;border: none;}
	.section2 .curriculum_wrap .ly_left .curri_item {padding: 1.4rem;}
	.section2 .curriculum_wrap .ly_left .curri_item .curri_item_header .curri_item_title {font-size: 1.5rem;}

	.section2 .m_preview_wrap iframe {display: block;width: 100%;height: 22rem;margin: 0 auto;}

	.section2 .curriculum_wrap .ly_left .curri_summary {flex-direction: column;align-items: flex-start;}
	.section2 .curriculum_wrap .ly_left .chapter_item_toggle {width: 100%;}
	.section2 .curriculum_wrap .ly_left .chapter_item_toggle a {width: 50%;padding: 1.6rem 0rem;text-align: center;}
	.section2 .curriculum_wrap .ly_right {width: 100%;}
	.section2 .curriculum_wrap .ly_right .preview_wrap {width: 100%;}
	.section2 .curriculum_wrap .ly_right .preview_wrap p {display: none;}

	.content_inner .card_col {flex-wrap: wrap;}
	.content_inner .card_col .col_item {flex: none;width: calc(50% - .4rem);margin-bottom: 2.4rem;}
	.content_inner .card_col .col_item:nth-child(2n) {width: 50%;margin-right: 0;}

	.content_inner .lean_chapter_box > h3 {font-size: 2.8rem;}
	.content_inner .lean_chapter_box .cp_item {flex-direction: column;margin-bottom: 5.4rem;}
	.content_inner .lean_chapter_box .cp_item .cp_img_box {width: 100%;margin-right: 0;}
	.content_inner .lean_chapter_box .cp_item .cp_txt_box {width: 100%;margin-top: 1.8rem;}
	.content_inner .lean_chapter_box .cp_item .cp_txt_box p {font-size: 2rem;margin-bottom: .8rem;}
	.content_inner .lean_chapter_box .cp_item .cp_txt_box span {font-size: 1.5rem;line-height: 1.4;}
	
	.section2 .curri_item_units .curri_unit_item.active > a {flex-direction: column;}
	.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_left {width: 100%;margin-bottom: 2.4rem;padding-left: 0;}
	.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right {justify-content: space-between;width: 100%;}
	.section2 .curri_item_units .curri_unit_item.active > a .curri_unit_right .curri_unit_time {width: auto;}
	
	.section4 .rv_visual {flex-direction: column;}
	.section4 .rv_visual .rv_visual_left {margin: 0 0 1.2rem;padding: 2.4rem 0;}
	.section4 .rv_write {padding: 3.2rem 1.2rem;}
	.section4 .rv_write .rv_write_bottom {flex-direction: column;align-items: flex-end;}
	.rv_write .rv_write_top {flex-direction: column;}
	.rv_write .rv_write_top p {margin: 0 0 2.4rem;}
	.user_modify .modify_hearts {flex-direction: column;padding: 1.6rem 0;}
	.user_modify .modify_hearts p {font-size: 1.6rem;margin: 0 0 1.2rem;}
	
	.section5 .q_visual {flex-direction: column;}
	.section5 .q_visual .q_visual_left {margin: 0 0 1.2rem;padding: 2.4rem 0;}
	.section5 .q_write {padding: 2.4rem 1.2rem;}
	.section5 .q_write .q_write_bottom {flex-direction: column;align-items: flex-end;}
	.course_write .course_comment {margin: 0 0 .8rem;}
	.course_write .course_comment_btn {padding: 1rem 1.8rem;font-size: 1.8rem;border-radius: .5rem;}
}

@media screen and (max-width: 380px) {
	.course_wrap .course_box .course_card {width: 100%;}
}


@media (max-width: 1299px) {
	.content_header,
	.content_body {padding: 1.5rem 1rem 0;}

	.main_wrap.course,
	.main_wrap #contet_area {width: 100%;}

	.course_wrap .course_box .course_list {background: #242424;border-radius: .3rem !important;margin-bottom: 1.2rem !important;}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.course_gallery li:not(.type_chart .nodata) {width: calc(33.3% - 2rem);}
	.course_gallery .cimg img {width: 100%;height: auto;}
}

@media (max-width: 767px) {
	.search_form_wrap1 {padding: 0;}
	.course_gallery li:not(.type_chart .nodata) {width: calc(50% - 1rem);margin: 1rem .5rem;}
	.course_gallery li:hover {transform: translateY(0px);}
	.course_gallery .cimg img {width: 100%;height: auto;}
	.fa-caret-down {display: none;}
}

@media (max-width: 480px) {
	.course_gallery .ccont .clabel {display: none;}
	.course_search_from input[type=text] {width: 18rem;}
	.course_gallery .cimg img {width: 100%;height: auto;}
	.course_gallery .ccont .ctitle {padding: 1rem;}
	.course_gallery .ccont .ctitle p {height: 4rem;font-size: 1.4rem;}
	.course_gallery .ccont .cprice {font-size: 1.4rem;padding: 1rem;}
	.type_chart span.ori_price {font-size: 1.3rem;}
	.course_gallery .cimg .card_ceiling {top: 6px;left: 6px;font-size: 1.2rem;padding: .4rem .6rem;}

	.course_tc .block {display: none;}
	.course_period .block {display: none;}
}

@media (max-width: 380px) {
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info {flex: 4;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .category span {font-size: 1.1rem;padding: .3rem .5rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_title p {font-size: 1.6rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_info .course_visually {min-width: inherit;font-size: 1.3rem;}

	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price {flex: 1;min-width: auto;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price span.price {font-size: 1.6rem;}
	.course_wrap .course_box .course_list a.course_item .course_horizon_right .course_price span.ori_price {font-size: 1.4rem;}
}




/*===== Animation =====*/
@keyframes stateLoader {
    form {transform: rotate(0deg);}
    50%{transform: rotate(180deg);}
    to{transform: rotate(180deg);}
}

@-webkit-keyframes stateLoader {
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(180deg);}
}

@keyframes course-fade {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes course-fade {
    0% {opacity: 0;}
	100% {opacity: 1;}
}