/* main */
.m_vis_wrap {position:relative; width:100%; height:680px; box-sizing:border-box; background:#212121; overflow:hidden;}
.m_vis {position:absolute; width:100%; height:680px; top:0px; box-sizing:border-box; padding:0px 50px; background-size:1800px 680px !important; background-position:50% 0px !important; background-repeat:no-repeat !important; cursor:pointer;}
.m_vis_txt {position:absolute; width:468px; height:280px; left:50px; top:180px; box-sizing:border-box; background-size:468px 280px !important; background-position:0px 0px !important; background-repeat:no-repeat !important;}
.m_vis_txt img {width:468px; height:280px;}
.m_vis_dot {position:absolute; width:468px; height:10px; top:518px; left:50px;}
.m_vis_dot ul li {position:relative; float:left; width:10px; height:10px; border-radius:5px; background:#909090; margin-right:5px; cursor:pointer; transition:all 0.5s ease 0s;}
.m_vis_dot ul li.sld_on {background:#39e6eb; width:36px;}
.m_search {position:absolute; width:468px; height:80px; top:542px; left:50px; background:#fff; border-radius:5px; box-sizing:border-box; overflow:hidden;}
.m_search ul li {position:relative; float:left;}

.m_mylec {position:absolute; width:220px; height:80px; left:528px; top:542px; background:rgba(33,33,33,.8) url("/img/svg/l_ic_1.svg") no-repeat calc(100% - 17px) 50%; background-size:22px; box-sizing:border-box; padding-top:31px; padding-left:17px; border:solid 1px rgba(255,255,255,.05); border-radius:5px; cursor:pointer; transition:all 0.2s ease 0s;}
.m_mylec:hover {border:solid 1px rgba(255,255,255,.1);}
.m_mylec_txt {position:relative; width:100%; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; text-align:left; color:rgba(255,255,255,.85); font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:120%; transform:skew(-0.1deg); transition:all 0.2s ease 0s;}
.m_mylec:hover .m_mylec_txt {color:rgba(255,255,255,1);}

.m_cont_wrap {position:relative; width:100%; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.m_cont_wrap_bottom {position:relative; width:100%; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; padding-bottom:60px;}
.m_cont_tit {position:relative; width:100%; box-sizing:border-box; padding:65px 50px 20px 50px; color:#fff; font-size:22px; font-weight:600; letter-spacing:-0.7px;}
.m_cont_tit_2 {position:relative; width:100%; box-sizing:border-box; padding:35px 50px 20px 50px; color:#fff; font-size:22px; font-weight:600; letter-spacing:-0.7px;}
.m_cont_more {position:absolute; width:80px; height:39px; right:50px; top:27px; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:5px; text-align:center; color:rgba(255,255,255,.6); font-size:14px; letter-spacing:-0.5px; font-weight:400; padding-top:11px; cursor:pointer; transition:all 0.2s ease 0s;}
.m_cont_more_txt {display:block; transform:skew(-0.1deg);}
.m_cont_more:hover {border:solid 1px rgba(255,255,255,.15); color:rgba(255,255,255,.8);}

.m_list_wrap_sld {position:relative; width:100%; height:280px; box-sizing:border-box; overflow:hidden;}
.m_list_box_sld {position:absolute; width:224px; height:280px; top:0px; box-sizing:border-box; overflow:hidden;}
.m_list_img {position:relative; width:224px; height:141px; box-sizing:border-box; border-radius:2px; border:solid 1px rgba(255,255,255,.05); cursor:pointer; transition:all 0.3s ease 0s; top:0px; background-size:224px 141px !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.m_list_img:hover {background-size:calc(100% + 8%) calc(100% + 8%) !important;}
.m_list_cate {position:relative; width:100%; box-sizing:border-box; padding-top:14px; padding-bottom:8px; color:rgba(255,255,255,.7); font-size:13px; letter-spacing:-0.5px; font-weight:400; transform:skew(-0.1deg);}
.m_list_line {color:rgba(255,255,255,.4); padding:0px 4px;}
.m_list_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:6px; transform:skew(-0.1deg); overflow:hidden;}
.m_list_tit a {color:rgba(255,255,255,1); font-size:14.5px; letter-spacing:-0.5px; font-weight:400; line-height:140%; word-break:keep-all;}
.m_list_tit a:hover {text-decoration:underline 2px rgba(255,255,255,.2); text-underline-position:under;}
.m_list_time {position:relative; width:100%; box-sizing:border-box; color:#22bcc0; font-size:13px; letter-spacing:-0.3px; font-weight:400; transform:skew(-0.1deg);}
.m_list_topnum {position:absolute; width:42px; height:42px; top:8px; left:8px;}
.m_sld_left {position:absolute; width:40px; height:141px; left:0px; top:0px; box-sizing:border-box; border-radius:1px; background:rgba(0,0,0,.8) url("/img/svg/bt_l.svg") no-repeat 50% 50%; background-size:12px; cursor:pointer; transition:all 0.2s ease 0s; opacity:0;}
.m_sld_right {position:absolute; width:40px; height:141px; right:0px; top:0px; box-sizing:border-box; border-radius:1px; background:rgba(0,0,0,.8) url("/img/svg/bt_r.svg") no-repeat 50% 50%; background-size:12px; cursor:pointer; transition:all 0.2s ease 0s; opacity:0;}
.m_list_wrap_sld:hover .m_sld_left {opacity:1;}
.m_list_wrap_sld:hover .m_sld_right {opacity:1;}


.m_list_wrap {position:relative; width:100%; box-sizing:border-box; padding-left:50px; padding-right:30px; overflow:hidden;}
.m_list_wrap ul li {position:relative; float:left; width:224px; height:280px; box-sizing:border-box; margin-right:20px; overflow:hidden;}
.m_list_progbox {position:absolute; width:202px; height:4px; bottom:10px; left:10px; border-radius:2px; background:rgba(255,255,255,.35); overflow:hidden;}
.prog_bar {position:relative; height:4px; border-radius:2px;}
.prog_col {position:relative; height:4px; width:0%; border-radius:2px; background:#ff3e4c; animation:progbar 1s 0.5s ease-in-out normal forwards;}
@keyframes progbar {
  0% {
    width:0%;
  }
  100% {
     width:100%;
  }
}

.m_list_del {position:absolute; box-sizing:border-box; width:26px; height:26px; top:6px; right:6px; border-radius:5px; background:rgba(0,0,0,.2) url("../img/svg/close_2.svg") no-repeat 50% 50%; background-size:8px; cursor:pointer; transition:all 0.15s ease 0s;}
.m_list_del:hover {background:rgba(0,0,0,.5) url("../img/svg/close_2.svg") no-repeat 50% 50%; background-size:8px;}
.m_list_delwrap {position:absolute; box-sizing:border-box; width:76px; padding-top:141px; top:0px; right:-76px; transition:all 0.3s ease 0s;}
.m_list_delbox {position:absolute; width:100%; box-sizing:border-box; height:100%; left:0px; top:0px;}
.m_list_delbt_1 {position:relative; display:flex !important; box-sizing:border-box; width:100%; height:50%; border-bottom:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,1); font-size:12px; letter-spacing:-0.2px; line-height:100%; fon-weight:400; justify-content:center; align-items:center; cursor:pointer; background:rgba(255,69,83,.98); transition:all 0.1s ease 0s;}
.m_list_delbt_1:hover {background:rgba(249,53,67,.98);}
.m_list_delbt_2 {position:relative; display:flex !important; box-sizing:border-box; width:100%; height:50%; color:rgba(255,255,255,1); font-size:12px; etter-spacing:-0.2px; line-height:100%; fon-weight:400; justify-content:center; align-items:center; cursor:pointer; background:rgba(255,69,83,.98); transition:all 0.1s ease 0s;}
.m_list_delbt_2:hover {background:rgba(249,53,67,.98);}
.m_list_delsp {display:inline-block; transform:skew(-0.1deg);}
.m_list_delon {right:0px;}

.m_cat_sel {position:relative; width:100%; height:60px; box-sizing:border-box; padding-left:50px;}
.m_cat_sel  ul li {position:relative; float:left; width:80px; height:41px; box-sizing:border-box; border-radius:20px; border:solid 1px rgba(255,255,255,.2); margin-right:4px; color:#fff; font-size:14px; font-weight:600; letter-spacing:-0.7px; text-align:center; padding-top:12px; cursor:pointer; transition:all 0.2s ease 0s;}
.m_cat_sel  ul li:hover {border:solid 1px rgba(255,255,255,.3);}
.m_cat_sel  ul li.cat_on {color:#44e8ed; border:solid 2px rgba(28,199,204,.5); padding-top:11px;}
.cat_txt {position:relative; display:inline-block; width:100%; transform:skew(-0.1deg);}

/* lecture */
.l_out_wrap {position:relative; width:100%; box-sizing:border-box; min-height:870px;}
.l_cont_wrap {position:relative; width:100%; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; padding-top:130px;}
.l_cont_wrap_2 {position:relative; width:100%; box-sizing:border-box; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; padding-top:10px;}
.l_search_box_1 {position:absolute; width:380px; height:60px; top:120px; right:50px; box-sizing:border-box; border:solid 1px rgba(255,255,255,.12); border-radius:5px;}
.l_search_box_1 ul li {position:relative; float:left; box-sizing:border-box;}

.l_search_box_ed {position:absolute; width:300px; height:51px; top:5px; left:575px; box-sizing:border-box; border:solid 2px rgba(255,255,255,.45); border-radius:5px;}
.l_search_box_ed ul li {position:relative; float:left; box-sizing:border-box;}

.l_search_box_ed2 {position:absolute; width:300px; height:51px; top:130px; right:50px; box-sizing:border-box; border:solid 2px rgba(255,255,255,.45); border-radius:5px; z-index:1100;}
.l_search_box_ed2 ul li {position:relative; float:left; box-sizing:border-box;}

.l_search_box_2 {position:absolute; width:210px; height:60px; top:120px; right:435px; box-sizing:border-box; border:solid 1px rgba(255,255,255,.12); border-radius:5px; overflow:hidden; background:url("/img/svg/l_ic_1.svg") no-repeat calc(100% - 15px) 50%; background-size:16px; transition:all 0.2s ease 0s;}
.l_search_box_2:hover {border:solid 1px rgba(255,255,255,.2)}
.l_search_box_2 a {display:block; width:100%; height:58px; box-sizing:border-box; padding-top:21px; padding-left:15px; text-align:left; font-size:15px; font-weight:400; letter-spacing:-0.5px; color:rgba(255,255,255,.8); transform:skew(-0.1deg); transition:all 0.2s ease 0s;}
.l_search_box_2 a:hover {color:rgba(255,255,255,1);}
.l_cont_tit {position:relative; width:100%; box-sizing:border-box; padding:15px 50px 20px 50px; color:#fff; font-size:22px; font-weight:600; letter-spacing:-0.7px;}
.l_sel_box {position:absolute; width:150px; height:60px; top:0px; right:50px; box-sizing:border-box; padding-left:15px; padding-top:15px; border:solid 1px rgba(255,255,255,.12); border-radius:5px; cursor:pointer;}
.l_sel_txt {display:inline-block; font-size:14px; color:rgba(255,255,255,.7); font-weight:400; letter-spacing:-0.5px; transform:skew(-0.1deg);}
.l_sel_top_arr {padding-right:14px; background:url("../img/svg/cat_arr_1.svg") no-repeat 100% 1px; background-size:10px;}
.l_sel_bot_arr {padding-right:14px; background:url("../img/svg/cat_arr_2.svg") no-repeat 100% 1px; background-size:10px;}

.l_sel_arr {position:absolute; width:12px; height:12px; top:23px; right:10px; background:url("/img/svg/l_ic_2.svg") no-repeat 50% 50%; background-size:12px; opacity:0.5; transition:all 0.3s ease 0s;}
.l_sel_arr.active_l {transform:rotate(180deg);}
.l_sel_list {position:absolute; width:150px; top:58px; left:-1px; box-sizing:border-box; background:rgba(19,19,19,.9); z-index:500; border:solid 1px rgba(255,255,255,.12); border-radius:5px; display:none;}
.l_sel_list ul li {position:relative; width:100%; box-sizing:border-box; padding:7px 0px 0px 15px; font-size:14px; color:rgba(255,255,255,.7); font-weight:400; letter-spacing:-0.5px; transform:skew(-0.1deg); cursor:pointer;}
.l_sel_list ul li:nth-child(1) {padding-top:13px;}
.l_sel_list ul li:nth-last-child(1) {padding-bottom:13px;}
.l_sel_list ul li:hover {color:rgba(255,255,255,1);}
.l_sel_list ul li.t_arr {background:url("../img/svg/cat_arr_1.svg") no-repeat 68px 14px; background-size:10px;}
.l_sel_list ul li.b_arr {background:url("../img/svg/cat_arr_2.svg") no-repeat 68px 8px; background-size:10px;}

.l_search_reswrap {position:relative; width:100%; box-sizing:border-box;}
.l_search_resbox {position:relative; width:100%; height:240px; box-sizing:border-box; border-radius:10px; padding-top:120px; background:url("/img/svg/ser_1.svg") no-repeat 50% 60px; background-size:50px;}
.l_search_txt {position:relative; width:100%; height:30px; color:rgba(255,255,255,.9); font-size:18px; font-weight:600; letter-spacing:-0.7px; text-align:center; transform:skew(-0.1deg);}
.l_search_txt_2 {position:relative; width:100%; color:rgba(255,255,255,.7); font-size:15px; font-weight:400; line-height:140%; text-align:center; letter-spacing:-0.5px; transform:skew(-0.1deg);}

.l_cat_selwrap {position:relative; width:100%; box-sizing:border-box; padding:0px 50px; margin-top:5px; margin-bottom:15px;}
.l_cat_selwrap ul li {position:relative; float:left; height:30px; box-sizing:border-box; padding-top:6px; padding-right:24px; background:url("/img/svg/l_line.svg") no-repeat calc(100% - 12px) 50%; background-size:1px; margin-bottom:10px;}
.l_cat_selwrap ul li .l_cat_col {display:inline-block; font-size:15px ; color:rgba(255,255,255,.7); font-weight:400; letter-spacing:-0.5px; transform:skew(-0.1deg); cursor:pointer; transition:all 0.15s ease 0s;}
.l_cat_selwrap ul li .l_cat_col:hover {color:rgba(255,255,255,.9);}
.l_cat_selwrap ul li:last-child {padding-right:0px;}
.l_cat_on {color:#39e6eb !important; font-weight:600 !important;}

.l_lis_selbox {position:absolute; width:80px; height:20px; right:220px; top:20px; box-sizing:border-box;}
.l_lis_selbox ul li {position:relative; float:right; width:20px; height:20px; margin-left:12px; opacity:.4; cursor:pointer;}
.l_lis_selbox ul li.l_lis_sel_1 {background:url("../img/svg/list_sel_1.svg") no-repeat 50% 50%; background-size:20px;}
.l_lis_selbox ul li.l_lis_sel_2 {background:url("../img/svg/list_sel_2.svg") no-repeat 50% 50%; background-size:20px;}

.l_lis_selbox2 {position:absolute; width:80px; height:20px; right:370px; top:146px; box-sizing:border-box; z-index:1200;}
.l_lis_selbox2 ul li {position:relative; float:right; width:20px; height:20px; margin-left:12px; opacity:.4; cursor:pointer;}
.l_lis_selbox2 ul li.l_lis_sel_1 {background:url("../img/svg/list_sel_1.svg") no-repeat 50% 50%; background-size:20px;}
.l_lis_selbox2 ul li.l_lis_sel_2 {background:url("../img/svg/list_sel_2.svg") no-repeat 50% 50%; background-size:20px;}
.l_lis_sel_on {opacity:.9 !important;}

.l_edlist_wrap {position:relative; width:100%; box-sizing:border-box; padding-left:50px; padding-right:50px;}
.l_edlist_box {position:relative; width:100%; min-height:118px; box-sizing:border-box; padding:15px 0px 15px 155px; border-bottom:solid 1px rgba(255,255,255,.07);}
.l_edlist_tum {position:absolute; width:140px; height:88px; left:0px; top:15px; box-sizing:border-box; border-radius:3px; overflow:hidden; cursor:pointer; transition:all 0.3s ease 0s; background-size:140px 88px !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.l_edlist_tum:hover {background-size:calc(100% + 8%) calc(100% + 8%) !important;}

/* form */
.inputForm_search
{
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.8px;
	color:#333;
	height:80px;
	width:398px;
	box-sizing:border-box;
	font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	padding-left:20px;
}
input.inputForm_search::-webkit-input-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
input.inputForm_search::-moz-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
input.inputForm_search:-moz-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
input.inputForm_search:-ms-input-placeholder{color:#999; font-size:18px; font-weight:600; letter-spacing:-1px;}
.inputForm_search_bt {width:70px; height:80px; background:url("/img/svg/m_ic_1.svg") no-repeat 50% 50%; cursor:pointer; background-size:32px;}

.inputForm_search_lec
{
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.5px;
	color:rgba(255,255,255,.9);
	height:45px;
	width:252px;
	box-sizing:border-box;
	font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;
	padding-left:12px;
	background-color:transparent;
	transform:skew(-0.1deg);
}
input.inputForm_search_lec::-webkit-input-placeholder{color:rgba(255,255,255,.7); font-size:15px; font-weight:400; letter-spacing:-0.5px;}
input.inputForm_search_lec::-moz-placeholder{color:rgba(255,255,255,.7); font-size:15px; font-weight:400; letter-spacing:-0.5px;}
input.inputForm_search_lec:-moz-placeholder{color:rgba(255,255,255,.7); font-size:15px; font-weight:400; letter-spacing:-0.5px;}
input.inputForm_search_lec:-ms-input-placeholder{color:rgba(255,255,255,.7); font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.inputForm_search_lec_bt {width:44px; height:47px; background:url("../img/svg/m_ic_3.svg") no-repeat 50% 50%; cursor:pointer; background-size:22px; opacity:.7; transition:all 0.2s ease 0s;}
.inputForm_search_lec_bt:hover {opacity:1;}