/*@font-face {
	font-family:'noto';
	font-style:normal;
	font-weight:400;
	src:local('Noto Sans Regular'), local('NotoSans-Regular');
	src:url(https://cdn.hackersut.com/common/font/notokr-regular.eot);
	src:url(https://cdn.hackersut.com/common/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
	url(https://cdn.hackersut.com/common/font/notokr-regular.woff2) format('woff2'),
	url(https://cdn.hackersut.com/common/font/notokr-regular.woff) format('woff'),
	url(https://cdn.hackersut.com/common/font/notokr-regular.ttf) format('truetype')
}


@font-face {
	font-family:'noto';
	font-style:bold;
	font-weight:700;
	src:local('Noto Sans bold'), local('notokr-bold');
	src:url(https://cdn.hackersut.com/common/font/notokr-bold.eot);
	src:url(https://cdn.hackersut.com/common/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
	url(https://cdn.hackersut.com/common/font/notokr-bold.woff2) format('woff2'),
	url(https://cdn.hackersut.com/common/font/notokr-bold.woff) format('woff'),
	url(https://cdn.hackersut.com/common/font/notokr-bold.ttf) format('truetype')
}*/

/* Noto- */
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url('/common/font/NotoSansKR-Light.eot');src:url('/common/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
url('/common/font/NotoSansKR-Light.woff2') format('woff2'),
url('/common/font/NotoSansKR-Light.woff') format('woff'),
url('/common/font/NotoSansKR-Light.otf') format('opentype');} 

@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url('/common/font/NotoSansKR-Regular.eot');src:url('/common/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('/common/font/NotoSansKR-Regular.woff2') format('woff2'),
url('/common/font/NotoSansKR-Regular.woff') format('woff'),
url('/common/font/NotoSansKR-Regular.otf') format('opentype');} 

@font-face {font-family:'Noto Sans KR';font-style:bold;font-weight:700;src:url('/common/font/NotoSansKR-Bold.eot');src:url('/common/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('/common/font/NotoSansKR-Bold.woff2') format('woff2'),
url('/common/font/NotoSansKR-Bold.woff') format('woff'),
url('/common/font/NotoSansKR-Bold.otf') format('opentype');} 
 

.point_color{color:#d6065b !important;}
.title_wrap{position:relative;padding:10px 0;font-size:14px;font-weight:bold;color:#6c6c6c;text-align:center;border-top:1px solid #d4d5da;border-bottom:1px solid #d4d5da;background:#e9eaee;letter-spacing:-1px;}
.title_wrap .btn_back{width:30px;height:20px;padding-top:10px;position:absolute;left:15px;top:0;text-align:left;}
.title_wrap .btn_txt{width:auto !important;height:auto !important;font-size:13px;color:#6c6c6c;}
.title_wrap .btn_mypage{padding-top:10px;position:absolute;right:15px;top:0;text-align:right;}
.title_wrap .btn_mypage .ico_cancel{width:15px;height:15px;background-size:275px 280px;}
.sub_inner_type2{padding:3% 2%;}
.sub_inner{}
.tbl_row{width:100%;margin:0 auto;display:table;}
.tbl_cell{display:table-cell;vertical-align:top;}

/* title 공통 */
.title_type{height:30px;background:#f8f8f8;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;padding:0 2%;font-weight:bold;line-height:30px;position:relative;}
.title_type2{position:relative;padding-bottom:10px;}
.title_type3{position:relative;padding:3% 2%;font-weight:bold;}
.title_type3 span{color:#a9a9a9;font-weight:normal;}

/* 배경컬러 */
.bgf8{background:#f8f8f8;} 
.bgf2{background:#f2f2f2;}

/* 아이콘 공통 */
.ico_com{display:inline-block;width:9px;height:9px;vertical-align:top;margin:0 auto;background-size:250px 250px;background-image:url("//cdn.hackersut.com/m/img/renew/common/common_bg.png");background-repeat:no-repeat}
.ico_back{background-position:0 -15px;height:10px;}
.ico_bak{background-position:-11px -12px;height:20px;}
.ico_cancel{background-position:0 -30px;width:10px;height:10px;}
.ico_find{background-position:0 -45px;width:40px;height:40px;}
.ico_order{background-position:0 -90px;width:60px;height:40px;}
.ico_arrow{background-position:0 -165px;width:17.5px;height:17.5px;}
.ico_arrow.on{background-position:0 -135px;}
.ico_more{background-position:-75px -30px;width:7px;height:10px;}
.ico_cart{background-position:-75px -90px;width:13.5px;height:11.5px;text-indent:-9999px;font-size:0;}
.ico_file{background-position:-102px 0;width:22px;height:23px;}
.ico_toggle{background-position:-38px -15px;width:16px;height:16px;}
.ico_toggle.active{background-position:-23px -15px;}

/* 버튼 공통 */
.btn_area {padding:10px 0;overflow:hidden}
.btn_area .tbl_row{margin-top:10px;}
.btn_area .tbl_row:first-child{margin-top:0;}
.btn_area .tbl_row .tbl_cell {padding:0 5px}
.btn_area .tbl_row .tbl_cell:first-child {padding-left:0}
.btn_area .tbl_row .tbl_cell:last-child {padding-right:0}

.btn_s{background:#fff;color:#000;border:1px solid #000;height:25px;line-height:25px;padding:0 9px;display:inline-block;text-align:center;box-sizing:border-box;}
.btn_l{background:#fff;color:#6c6c6c;border:1px solid #bbb;text-align:center;padding:9px 0px;display:inline-block;box-sizing:border-box;}
.btn_xl{background:#d50057;color:#fff;border:1px solid #d50057;width:100%;display:inline-block;text-align:center;font-weight:bold;padding:10px 0;box-sizing:border-box;}

.btn_line{border-color:#b6b6b7;border-radius:3px;}
.btn_line.v2{color:#dd0463;}
.btn_grey2{background:#555;color:#fff;border-color:#555}
.btn_red2{background:#d50057;color:#fff;border-color:#d50057;border-radius:5px;}

/* tab */
.tab_type1{}
.tab_type1 > ul,.tab_type2 > ul,.tab_type3 > ul , .tab_type4 > ul{overflow:hidden;}
.tab_type1 > ul > li,.tab_type2 > ul > li,.tab_type3 > ul > li{float:left;width:50%;}
.tab_type1 > ul > li > a{display:block;color:#777;background:#d6d6d6;padding:10px 0;text-align:center;font-weight:bold;}
.tab_type1 > ul > li.on > a{background:#555;color:#fff;}

.tab_type2 > ul > li > a, .tab_type4 > ul > li > a{display:block;height:50px;line-height:50px;background:#fff;font-size:16px;color:#000;text-align:center;border-bottom:1px solid #999;box-sizing:border-box;}

.tab_type2 > ul > li.on > a,.tab_type4 > ul > li.on > a{border-bottom:3px solid #d50057;color:#000;font-weight:bold;}

.tab_type3 > ul > li{height:28px;line-height:28px;background:#000;}
.tab_type3 > ul > li > a{display:block;color:#929292;text-align:center;border-left:1px solid #444;}
.tab_type3 > ul > li:first-child > a{border-left:0;}
.tab_type3 > ul > li.on > a{color:#fff;font-weight:bold;}


.tab_type4 > ul > li{line-height:28px;padding:10px 0;background:#fff;width:25%;float:left;}
.tab_type4 > ul.col5 > li{width: 20%;}
.tab_type4 > ul > li:nth-child(1), .tab_type4 > ul > li:nth-child(2), .tab_type4 > ul > li:nth-child(3), .tab_type4 > ul > li:nth-child(4){border-bottom:1px solid #ebebeb}
.tab_type4.ingang_table > ul > li:nth-child(5), .tab_type4.ingang_table > ul > li:nth-child(6), .tab_type4.ingang_table > ul > li:nth-child(7){width:33.33333%}
.tab_type4 > ul > li > a{display:block;color:#454545;text-align:center;border-left:1px solid #cfcfcf;letter-spacing:-1px;font-size:12px;}
.tab_type4 > ul > li:first-child > a{border-left:0;}
.tab_type4 > ul > li.on > a{color:#d50057;font-weight:bold;letter-spacing:-1px;font-size:13px;}

/* Layer Popup */
.lypop {display:none}
.lypop .bg {width:100%;height:100%;position:fixed;top:0;left:0;z-index:9997;background-color:#000;opacity:.5;filter:alpha(opacity=50)}
.lypop .wrap {position:fixed;top:50%;left:50%;margin-top:-215px;z-index:9998;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lypop .wrap:before {height:100%;content:'';display:inline-block;vertical-align:middle}
.lypop .wrap .element {width:95%;position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;background-color:#fff}
.lypop .top {height:30px;background-color:#efefef;padding:0 10px;position:relative}
.lypop .top .lytit {line-height:30px}
.lypop .top .ico_cancel{position:absolute;right:10px;top:10px;}
.lypop .cont {padding:20px}
.lypop #Coupon { margin: 0 !important; width: 92%; transform: translate(-50%,-50%); } 
.lypop .coupon_cont {padding:10px;border:1px solid #e9e9e9;overflow-y: auto;height: 40vh;}

/* Layer Popup Full */
.lypop_full{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:1;display:none}
.lypop_full .top{position:relative;padding:15px;background-color:#383838;color:#fff;z-index:1;}
.lypop_full .top .lytit{letter-spacing:-1px;}
.lypop_full .top .ico_cancel{position:absolute;right:15px;top:50%;margin-top:-10px;width:20px;height:20px;background-position:-28px -135px}
.lypop_full .cont{padding:20px 15px;}
.lypop_full .cont .lytit{font-size:20px;color:#000;text-align:center;letter-spacing:-1px;}

/* list_tbl */
.list_tbl table{border-top:2px solid #6c6c6c;margin-top:10px;}
.list_tbl table:first-child{margin-top:0;}
.list_tbl table thead{background:#f8f8f8;font-weight:bold;}
.list_tbl table th{padding:5px;}
.list_tbl table td{text-align:center;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;padding:5px;}
.list_tbl table td:first-child{border-left:0;}
.list_tbl table tr:last-child td{border-bottom:1px solid #e9e9e9;}
.list_tbl table td .view{color:#6c6c6c;font-size:0.8rem;display:block;}
.list_tbl table td .bar{display:inline-block;padding:0 5px;margin-right:2px;border-right:1px solid #e9e9e9;box-sizing:border-box;}
.list_tbl table td .btn_choice{top:3px;right:5px;}

/* 장바구니 주문결제 */
.title_type2 .chk_wrap label{position:relative;padding-left:22px}
.title_type2 .chk_wrap input[type="checkbox"]{width:1px;height:1px;border:0;overflow:hidden;position:absolute;clip:rect(0,0,0,0);}
.checkbox input[type="checkbox"] + label {padding-right:30px;display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}

.title_type2 .chk_wrap input[type="checkbox"] + label:before{content:'';width:15px;height:15px;background:url("//cdn.hackersut.com/m/img/renew/common/checkbox.png") no-repeat 0 0;background-size:15px auto;margin-top:-8px;text-align:center;line-height:15px;display:inline-block;position:absolute;left:0;top:50%}
.title_type2 .chk_wrap input[type="checkbox"]:checked + label:before {background-position:0 -15px}

.sub_inner_type2 .order_list table input[type="checkbox"],.order_agree input[type="checkbox"]{width:15px;height:15px;background:url("//cdn.hackersut.com/m/img/renew/common/checkbox.png") no-repeat 0 0;background-size:15px auto;text-align:center;line-height:15px;display:inline-block;}
.sub_inner_type2 .order_list table input[type="checkbox"]:checked ,.order_agree input[type="checkbox"]:checked {background-position:0 bottom;}

.btn_choice{position:absolute;right:0;top:-2px;}
.order_list{border:1px solid #e9e9e9;padding:10px;margin-bottom:10px;}

.order_list .tit table td{border-top:1px solid #e9e9e9;padding:10px 0;vertical-align:bottom;}
.order_list .tit table p.desc_tx{color:#666;font-size:12px;margin-top:13px;}
.order_list .tit table p.desc_tx em{padding-right:9px;border-right:1px solid #666;}
.order_list .tit table p.desc_tx span{margin-left:9px;}



.order_list .tit table tr:first-child td{padding-top:0;border-top:none;}
.order_list .tit table tr:last-child td{}
.order_list .tit table td .lec_term{display:block;margin-top:2px;}
.order_list .tit table tr.sec_inner td{color:#6c6c6c;}
.pay_wrap{border:1px solid #e9e9e9;padding:10px}
.pay_wrap dl{width:100%;display:table;font-size:0.85rem;margin-bottom:3px;}
.pay_wrap dl:last-child{margin-bottom:0;}
.pay_wrap dl dt,.order_list .pay_wrap dl dd{display:table-cell;}
.pay_wrap dl dd{text-align:right;}
.addtxt{color:#6c6c6c;font-size:0.8rem;}

.empty_pdt{padding:50px 30px;text-align:center;}
.empty_pdt p{color:#6c6c6c;}

/* 주문 결제 */
.order_box{padding:10px}
.delivery_list{padding:10px;}
.delivery_list table tr th{text-align:left;}
.delivery_list table tr td{padding:5px 0;}
.delivery_list table tr td .btn_s {padding:0;width:100%;}
.delivery_list table tr td .hyphen{display:table-cell;width:5%;text-align:center;}
.delivery_list table tr td .zip_code{width:45%;padding-left:5px;}
.delivery_list input[type="text"],.delivery_list input[type="number"],.delivery_list input[type="tel"]{width:100%;}

/* 쿠폰적용 */
.coupon_state{border:1px solid #e9e9e9;background:#fff;}
.coupon_state ul{overflow:hidden;padding:7px 0;}
.coupon_state ul li{float:left;width:50%;font-size:0.8rem;text-align:center;border-left:1px solid #e9e9e9;box-sizing:border-box;font-weight:bold;}
.coupon_state ul li:first-child{border-left:none;}
.coupon_state  input[type="text"]{width:100%;}
.coupon_state .tbl_cell{padding:0 5px}
.coupon_state .tbl_cell:first-child{padding:0}
.coupon_state .tbl_cell:last-child{padding:0}

.coupon_list .tit{position:relative;padding:10px 8px;}
.coupon_list .tit .btn_s{position:absolute;right:8px;}
.coupon_list ul li{padding:10px 15px;border-top:1px solid #e9e9e9}
.coupon_list ul li .detail{margin-top:5px;}

.order_pay{border:0;padding:0 10px;}
.order_pay ul li{overflow:hidden;border-top:1px solid #e9e9e9;padding:5px;}
.order_pay ul li:first-child{border-top:0;}
.order_pay ul li.total{padding:10px 5px;}
.order_pay ul li .ico{width:17.5px;height:17.5px;margin:1px 0 0 5px;}
.order_pay .detail{clear:both;color:#6c6c6c;font-size:0.8rem;}
.order_pay .detail li{border:0;padding:1px 5px;}
.order_pay.typ{border-bottom:1px solid #e9e9e9}
.order_pay  input[type="radio"]{margin:2px 3px 0 0;}

.order_agree{border:1px solid #e9e9e9;padding:10px 5px;margin:10px ;font-size:0.75rem;}
.order_agree:focus{outline-offset: 2px;outline: 1px solid;}
.order_agree label{color:#6c6c6c;/*font-size:0.85rem;vertical-align:middle;*/}
.order_agree label input[type="checkbox"]{margin:1px 0px 0 3px;vertical-align:bottom;}

.sec_info{padding:10px;}
.sec_info dt{color:#000;font-weight:bold;}
.sec_info dd{padding-left:12px;margin-top:5px;background-size:9px 9px;background-image:url("//cdn.hackersut.com/m/img/renew/common/ico_warning.png");background-repeat:no-repeat;background-position:0 5px;}

/* 우편번호 */
.cont_box{padding:15px 10px;}
.cont_box .zip_fnd{border-bottom:1px solid #e9e9e9;padding-bottom:15px;}
.zip_fnd .ico_cancel{position:absolute;right:11px;top:8px;}
.cont_box .zip_fnd .tbl_row .tbl_cell{padding:0 5px 0 0;}
.cont_box .zip_fnd .tbl_row .tbl_cell:last-child{padding-right:0;}
.postcode_list {overflow-y:scroll;height:300px;}
.postcode_list li{border:1px solid #e9e9e9;padding:10px 7.5px;margin-bottom:10px;}
.postcode_list li strong{display:inline-block;width:60px;color:#6c6c6c;}

/* 결제 완료 */
.order_payed{border-top:2px solid #6c6c6c;}
.order_payed .tit{padding:7px 10px;display:inline-block;}
.order_payed table tr:first-child th,.order_payed table tr:first-child  td{border-top:1px solid #6c6c6c;}
.order_payed table th,.order_payed table td{border-bottom:1px solid #e9e9e9;padding:10px 5px;}
.order_payed table th{background:#f8f8f8;color:#6c6c6c;text-align:center;border-right:1px solid #e9e9e9;}
.order_payed table td{text-align:left;}

/* 마이페이지 */
.user_nm strong{text-decoration:underline;}
/*.list_menu ul li{border-top:1px solid #e9e9e9;}
.list_menu ul li:last-child{border-bottom:1px solid #e9e9e9;}
.list_menu ul li a{display:block;background:url("/img/renew/common/common_bg.png") no-repeat 20px -186px;background-size:250px 250px;position:relative;padding:7px 10px 7px 50px;}
.list_menu ul li:nth-child(2) a{background-position:20px -217px }
.list_menu ul li:nth-child(3) a{background-position:-56px -54px }
.list_menu ul li:nth-child(4) a{background-position:-55px 11px}
.list_menu ul li a .ico_more{position:absolute;right:10px;top:50%;margin-top:-6px;}*/

/* 결제내역 */
.payed ul.addtxt li{padding-left:10px;margin-bottom:5px;}
.payed ul.addtxt li:last-child{margin-bottom:0;}
.payed ul.addtxt li:before{content:'-';margin:0 5px 0 -10px;display:inline-block;}

/* 베스트 강의 */
.best_lec li{border:1px solid #e9e9e9;background:#fff;margin-bottom:10px;}
.best_lec li .tbl_row{padding:10px 0;}
.best_lec li .tbl_cell{padding:0px 10px;}
.best_lec li .price{font-size:1.6rem;color:#d50057;text-align:center;border-right:1px solid #e9e9e9;vertical-align:middle;}
.best_lec li .price .icon_best{color:#fff;background:#d50057;border-radius:5px;display:block;width:45px;padding:0 2px;text-align:center;margin:0 auto;}
.best_lec li .price .sale_per{letter-spacing:-5px;}
.best_lec li .tit .tit_type1,.best_lec li .tit .tit_type2,.best_lec li .tit .tit_type3{display:block;}
.best_lec li .tit .tit_type1{color:#d50057;}
.best_lec li .tit .tit_type3 .ori_price{display:inline-block;width:60px;background:url("//cdn.hackersut.com/m/img/renew/common/arr_price.png") no-repeat 8px 6px;background-size:50px;}

/*자세히보기 내용 */
.content_list_wr{height:70px;overflow-y:scroll;}

.btn_wish a{display:inline-block;width:49%;}

/* 관심상품 */
.wish_tbl tr td:first-child{padding-right:5px;}
.wish_tbl tr td .pro_nm_box{margin-top:5px;}

/* 무료영상 */
.select_box{padding:3% 2%;background:#f8f8f8;border-bottom:1px solid #e9e9e9}
.select_box select{width:100%;border:1px solid #bdbdbd;height:35px;background:#fff url('//cdn.hackersut.com/m/img/join/sel_arr.png') 97% 50% no-repeat;-webkit-background-size:11px 7px;}
.btn_more_view{text-align:center;background:#f8f8f8;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;font-size:0.8rem;font-weight:bold;padding:5px 0;margin-bottom:30px;}
.btn_more_view span{color:#d01715;font-weight:normal;}
.btn_more_view::after{content:" ";background-size:8px 4px;background-image:url("//cdn.hackersut.com/m/img/common/btn_more.png");width:8px;height:4px;display:inline-block;vertical-align:middle;}
.banner_box{padding:3% 2%;}
.banner_box li{margin-bottom:7px;}




/****************************************
프로 젝트 :편입 모바일 - 수강페이지
작성자 :해커스 LMS 개발팀 이태희
파일명 :academy.css (편입인강 수강페이지)
최초작성일 :2017.09.05
최종수정일 :
*****************************************/

/*  ingang_apply_a*/

/* 메인 롤링 배너 */ 
.ingang_apply_a .acdm_bn{ background-color:#f2f2f2;}
.ingang_apply_a .acdm_bn .slid_bn{padding:10px;} 
.ingang_apply_a .bx-pager.bx-default-pager{top:0px;right:0px;left:auto;width:auto;}


/* 탭 메뉴 */ 
.ingang_apply_a .stp_ctn{ width:100%;background-color:#ffffff;border-top:1px solid #e8e6e9;border-bottom:1px solid #e8e6e9;padding-bottom:12px;}
.ingang_apply_a .tbl_cell{padding:12px 0px 0 7px;display:table-cell;vertical-align:top;}
.ingang_apply_a .tbl_cell select {width:100%;background-color:#fff;height:40px;font-size:12px;padding-left:5px;border:1px solid #e4e4e4;-webkit-border-radius:0;}
.ingang_apply_a .tbl_cell p{text-align:center;padding-bottom:7px;font-size:12px;}
.ingang_apply_a .tbl_cell.selcBox{width:34%;}


.ingang_apply_a .first_cell{padding-left:15px;}
.ingang_apply_a .last_cell{padding-right:15px;}
.ingang_apply_a .selc_area{width:100%;padding:3px 0 3px 5px;-webkit-appearance:none;-webkit-border-radius:0px;font-size:12px;border:1px solid #b5b5b6;background:#fff url(//cdn.hackersut.com/m/img/common/arrowDown.png) 95% 14px no-repeat;background-size:10px auto;}

/* 강의 리스트 container */ 
.ingang_apply_a .cont_ctn{width:100%;background:#fff;}
.ingang_apply_a .cont_box{padding:15px;}

/* 교수님 사진과 타이틀 */ 
.ingang_apply_a .tit_type9{height:auto;display:flex;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;}
.ingang_apply_a .tit_type9 img{display:block;}
.ingang_apply_a .tit_type9 .txt{display:table;width:70%;margin-left:10px;margin-bottom:19px;padding-right:0;word-break:keep-all}
.ingang_apply_a .tit_type9 .txt > span{display:table-cell;vertical-align:middle;font-weight:bold;font-size:12px;}

/* 확대 축소 버튼 */ 
.ingang_apply_a .expand_btn{background:#333333;padding:9px 13px;display:block}
.ingang_apply_a .expand_btn em{color:#b4b4b4;padding-right:8px;border-right:1px solid #5e5e5e;}
.ingang_apply_a .expand_btn .name_tx{color:#ffffff;border:none;padding:0px 0px 0px 7px;}
.ingang_apply_a .expand_btn i{margin-top:2px;width:13px;height:12px;background:url('//cdn.hackersut.com/m/img/ingang/arrowUI.png') -1px -19px no-repeat;background-size:16px auto;display:inline-block;float:right;}
.ingang_apply_a .expand_btn i.on{background-position:-1px -6px;}

/* 강의 리스트 */ 
.ingang_apply_a .list_ctn{background-color:#ffffff;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.ingang_apply_a .list_box{position:relative;background-color:#ffffff;border-bottom:1px solid #e9e9e9;padding:12px 12px;}  

/* 입문, 기본, 기초*/ 
.ingang_apply_a .sort_tx{background-color:#f3a52a;color:#ffffff;padding:4px 10px;font-size:11px;float:left;}
.ingang_apply_a .sort_tx.rankA{background-color:#f3a52a;}
.ingang_apply_a .sort_tx.rankB{background-color:#60c3cc;}
.ingang_apply_a .sort_tx.rankC{background-color:#3ebd89;}
.ingang_apply_a .sort_tx.rankD{background-color:#FF3921;}
.ingang_apply_a .sort_tx.rankE{background-color:#002F5A;}
.ingang_apply_a .sort_tx.rankF{background-color:#111111;}

.ingang_apply_a .detail_box{margin-top:12px;width:70%;}
.ingang_apply_a .lec_title{margin-left:48px;padding:2px 0px;color:#000000;font-weight:bold;font-size:13px;}
.ingang_apply_a .regist_btn{position:absolute;background-color:#cc0000;width:13%;max-width:100px;right:12px;bottom:15px;padding:10px 4%;color:#ffffff;font-weight:bold;text-align:center;display:inline-block;}
.ingang_apply_a .title_tx{color:#999999;font-size:13px;}
.ingang_apply_a .date_tx{margin-top:5px;color:#999999;font-size:13px;}
.ingang_apply_a .money_tx{margin-top:14px;margin-right:20px;color:#999999;font-size:11px;text-decoration:line-through;float:left}
.ingang_apply_a .pay_tx{display:inline-block;margin-top:10px;color:#cc0000;font-size:16px;font-weight:bold;}

/* 입문, 기본, 기초 수정 */ 
.ingang_apply_a.type1 .sort_tx{background-color:#f3a52a;color:#ffffff;padding:4px 10px;font-size:11px;width:24px;display:block;float:none;}
.ingang_apply_a.type1 .lec_title{margin-left:0;padding:2px 0px;color:#000000;font-weight:bold;font-size:13px;text-align:left;}
.ingang_apply_a.type1 .detail_box{margin-top:12px;width:70%;text-align:left;}




/*  ingang_apply_b  */
/*  apply_b_cnt01  */
.ingang_apply_b_cnt01{width:100%;font-size:12px;text-align:center;color:#fff;font-weight:bold;background-color:#6c6c6c;padding:9px 0px;}
/*  apply_b_cnt02  */
.ingang_apply_b_cnt02 li{border-bottom:1px solid #e6e6e6;} 
.ingang_apply_b_cnt02 li dl{padding:10px 12px 8px 12px;font-weight:bold;font-size:12px;min-height:4vw;}
.ingang_apply_b_cnt02 li dl i{width:12px;height:12px;background:url('//cdn.hackersut.com/m/img/ingang/ingang_apply_B_UI.png') no-repeat;background-size:220px auto;display:inline-block;}
.ingang_apply_b_cnt02 .ico_name{background-position:-3px -3px;}
.ingang_apply_b_cnt02 .ico_totl{background-position:-19px -3px;}
.ingang_apply_b_cnt02 .ico_stim{background-position:-34px -3px;}
.ingang_apply_b_cnt02 .ico_step{background-position:-50px -3px;}
.ingang_apply_b_cnt02 .ico_aver{background-position:-65px -3px;}
.ingang_apply_b_cnt02 .ico_cash{background-position:-81px -3px;}
.ingang_apply_b_cnt02 .ico_poin{background-position:-96px -3px;}
.ingang_apply_b_cnt02 .ico_book{background-position:-112px -3px;}
.ingang_apply_b_cnt02 li dl dt{display:inline;margin-left:7px;} 
.ingang_apply_b_cnt02 li dl dd{margin-top:-14px;margin-left:110px;color:#666;font-weight:normal;text-align:left;} 
.ingang_apply_b_cnt02 li dl dd span{color:#999999;text-decoration:line-through;}


/*  apply_b_cnt03  */
.ingang_apply_b_cnt03{background-color:#f2f2f2;padding:12px 12px;}
.ingang_apply_b_cnt03 input{width:15px;height:15px;background:url(//cdn.hackersut.com/m/img/ingang/ingang_apply_B_UI.png) -127px -3px no-repeat;background-size:220px auto;}
.ingang_apply_b_cnt03 input:checked[type="checkbox"] {width:15px;height:15px;background:url(//cdn.hackersut.com/m/img/ingang/ingang_apply_B_UI.png) -145px -3px no-repeat;background-size:220px auto;}
.ingang_apply_b_cnt03 em{font-size:12px;display:inline-block;vertical-align:top;margin-top:1px;margin-left:7px;}
.ingang_apply_b_cnt03 .list_box{margin-top:12px;padding:0 12px;background-color:#fff;border:1px solid #e6e6e6;}
.ingang_apply_b_cnt03 ul li{padding:12px 0;border-bottom:1px solid #e6e6e6;}
.ingang_apply_b_cnt03 ul li dl{font-size:12px;}
.ingang_apply_b_cnt03 ul li dt{display:inline-block;vertical-align:top;width:67%;margin-top:1px;color:#666;}
.ingang_apply_b_cnt03 ul li dd{float:right;width:25%;display:inline-block;vertical-align:top;text-align:right;}
.ingang_apply_b_cnt03 li dl:after{content:"";display:block;clear:both;}
.ingang_apply_b_cnt03 .pay_total{margin-top:13px;padding-bottom:14px;color:#cc0000;font-weight:bold;font-size:12px;}
.ingang_apply_b_cnt03 .pay_total dt{display:inline-block;}
.ingang_apply_b_cnt03 .pay_total dd{float:right;width:80%;display:inline-block;text-align:right;}
.ingang_apply_b_cnt03 .pay_total:after{content:"";display:block;clear:both;}
.ingang_apply_b_cnt03 .addBtn_box{margin:12px 0 0 0;}
.ingang_apply_b_cnt03 .addBtn_box a{padding:10px 0%;display:inline-block;width:47%;border:2px solid #cc0000;color:#cc0000;text-align:center;font-weight:bold;}
.ingang_apply_b_cnt03 .addBtn_box .lastBtn{float:right;}
/*  즉시 결제하기 버튼 :고정 */
.ingang_apply_b .buynow_btn{width:100%;position:fixed;left:0;bottom:0;z-index:100;}
.ingang_apply_b .buynow_btn div{background-color:#333;padding:12px;}
.ingang_apply_b .buynow_btn a{display:block;widht:100%;background-color:#c61e2d;height:40px;}
.ingang_apply_b .buynow_btn a em{display:block;text-align:center;padding:12px;font-weight:bold;color:#fff;}



/*  apply_b_cnt04  */
.ingang_apply_b_cnt04 nav{border:1px solid #e6e6e6;padding:14px 12px 0px 12px;z-index:1;background: #fff;}
.ingang_apply_b_cnt04 nav.fix{position:fixed;top:0;background-color:#fff;width:-webkit-fill-available;}
.ingang_apply_b_cnt04 nav ul {width:100%;overflow:hidden;}
.ingang_apply_b_cnt04 nav ul li{width:20%;display:inline-block;float:left;text-align:center;}
.ingang_apply_b_cnt04 nav ul li a{display:inline-block;height:32px;font-size:16px;color:#000;font-weight:normal;}
.ingang_apply_b_cnt04 nav ul li.lbtn{width:37%;float:right;}
.ingang_apply_b_cnt04 nav ul li a.on{color:#dd0463;font-weight:bold;border-bottom:2px solid #dd0463;}

.ingang_apply_b_cnt04 ul.desc_ctn li p{padding:14px 12px;background-color:#f2f2f2;font-weight:bold;font-size:12px;margin-bottom:12px;}
.ingang_apply_b_cnt04 ul.desc_ctn li .detail_ctn{padding:12px 12px 0 12px;}
/*  desc_a  */
.ingang_apply_b_cnt04 li.desc_a .detail_ctn dl{margin-bottom:12px;font-size:11px;color:#666;}
.ingang_apply_b_cnt04 li.desc_a .detail_ctn dl dt{font-weight:bold;}
.ingang_apply_b_cnt04 li.desc_a .detail_ctn dl dd{margin-top:12px;background-color:#f2f2f2;padding:12px 11px;line-height:15px;}

/*  desc_b  */
.ingang_apply_b_cnt04 table, .ingang_apply_b_cnt04 th, .ingang_apply_b_cnt04 td{border:1px solid #e6e6e6;color:#666;font-size:11px;text-align:center;} 
.ingang_apply_b_cnt04 li.desc_b table{margin-bottom:12px;}
.ingang_apply_b_cnt04 li.desc_b th{padding:11px 0;background-color:#f2f2f2;}
.ingang_apply_b_cnt04 li.desc_b td{padding:11px 0;}

/*  desc_c,d  */
.ingang_apply_b_cnt04 li .only_cd:before{content:"";display:block;border-top:2px solid #ccc;}
.ingang_apply_b_cnt04 li .detail_ctn{padding-top:13px;border-bottom:1px solid #e6e6e6;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn a{display: block;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li{padding-top:13px;border-bottom:1px solid #e6e6e6;font-weight:bold;font-size:12px;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li em{width:20%;text-align:center;display:block;float:left;font-size: 15px;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li dl{width:78%;display:inline-block;}
/* .ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li dl dt{margin-bottom:11px;} */
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li dl dd{margin-bottom:11px;font-weight:normal;color:#333;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li dl dd.date_tx{color:#000;font-size:11px;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li dl dd span{border-right:1px solid;padding-right:5px;display:inline;margin-right:5px;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li:after{content:"";display:block;clear:both;}

.question_icon{display: inline-block;border: 1px solid #df126c;color:#df126c;padding:2px 0;width: 60px;text-align: center;margin-left: 5px;vertical-align: middle;}
.ingang_apply_b_cnt04 li .detail_ctn .list_ctn.v2 li{padding:2% 0;}
.ingang_apply_b_cnt04 li .detail_ctn .list_ctn.v2 li dl dd{margin-bottom:0;}
.question_t{width: calc(100% - 70px) !important;box-sizing: border-box;padding-left: 10px;vertical-align: middle;}
.question_t.v2{width: calc(100% - 105px) !important;}


/*  desc_c,d .num_ctn  */
.ingang_apply_b_cnt04 .num_ctn{width:100%;margin:12px 0;}
.ingang_apply_b_cnt04 .num_ctn a.leftArrow, .ingang_apply_b_cnt04 .num_ctn a.rightArrow{display:inline-block;width:10px;height:8px;margin-top:6px;background:url(//cdn.hackersut.com/m/img/ingang/ingang_apply_B_UI.png) no-repeat;background-size:220px auto;float:left;}
.ingang_apply_b_cnt04 .num_ctn a.leftA, .ingang_apply_b_cnt04 .num_ctn a.rightA{display:inline-block;width:8px;height:8px;margin-top:6px;background:url(//cdn.hackersut.com/m/img/ingang/ingang_apply_B_UI.png) no-repeat;background-size:220px auto;float:left;}
.ingang_apply_b_cnt04 .num_ctn a.leftA{background-position:-170px -3px;}
.ingang_apply_b_cnt04 .num_ctn a.leftArrow{background-position:-163px -3px;}
.ingang_apply_b_cnt04 .num_ctn a.rightA{background-position:-180px -3px;}
.ingang_apply_b_cnt04 .num_ctn a.rightArrow{background-position:-186px -3px;}

.ingang_apply_b_cnt04 .num_ctn .num_box{margin:0 auto;width:181px;}
.ingang_apply_b_cnt04 .num_ctn .num_box .dummy_ctn{display:inline-block;width:123px;float:left;margin:0 7px;}
.ingang_apply_b_cnt04 .num_ctn:after{content:"";display:block;clear:both;}
.ingang_apply_b_cnt04 .dummy_ctn ul{display:table;margin:0 auto;}
.ingang_apply_b_cnt04 .dummy_ctn ul li{display:inline-block;width:20px;margin:0 auto;}
.ingang_apply_b_cnt04 .dummy_ctn ul li a{display:inline-block;padding:4px 5px;color:#000;font-size:11px;margin:0 1px;}
.ingang_apply_b_cnt04 .dummy_ctn ul li a.on{background-color:#cc0000;color:#fff;}

/*  선생님 질문하기 답변  */
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li div:after{content:"";display:block;clear:both;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li .answer{background-color:#f3f3f3;padding-top:8px;margin-top: 5px;}
.ingang_apply_b_cnt04 li .detail_ctn ul.list_ctn li .answer em{margin-left:20px;width:13px;height:16px;background:url(//cdn.hackersut.com/m/img/ingang/ingang_apply_B_UI.png) -199px -3px no-repeat;background-size:220px auto;}

.ingang_apply_b_cnt04 ul.desc_ctn .desc_a{display:block;}
.ingang_apply_b_cnt04 ul.desc_ctn .desc_b{display:none;}
.ingang_apply_b_cnt04 ul.desc_ctn .desc_c{display:none;}
.ingang_apply_b_cnt04 ul.desc_ctn .desc_d{display:none;}

/* 마이페이지 추가 */
.mypageIdName{background-color:#f2f2f2;padding:6% 4% 4% 4%;font-size:12px;position:relative;}
.storyBtn{border:1px solid #666;padding:2% 2%;text-align:center;position:absolute;top:10%;right:4%;}
.mypageIdName strong{text-decoration:underline;}
.mypageIdName div{background-color:#fff;margin-top:13px;padding:7px 0;border:1px solid #e9e9e9;}
.mypageIdName div dl{display:inline-block;padding:5px 12px;width:41%;text-align:center;}
.mypageIdName div dl.point{border-right:1px solid #e9e9e9;}
.mypageIdName div dl.coupon{padding:5px 7px 5px 12px;}
.mypageIdName div dl dd{display:inline-block;padding-left:7px;text-align:center;color:#d50057;}
.mypageIdName div dt{float:left;}

.mypageList_w li{background-color:#fff;padding:13px 12px 10px 12px;font-size:12px;font-weight:bold;border-bottom:1px solid #e6e6e6;}
.mypageList_w li i{display:inline-block;width:15px;height:14px;background:url('//cdn.hackersut.com/m/img/img_20170914/UI_20170914_03.png') no-repeat;background-size:120px auto;}
.mypageList_w li i.icon01{background-position:-3px -3px;}
.mypageList_w li i.icon02{background-position:-19px -3px;}
.mypageList_w li i.icon03{background-position:-36px -3px;}
.mypageList_w li i.icon04{background-position:-53px -3px;}
.mypageList_w li i.icon05{background-position:-69px -3px;}
.mypageList_w li i.icon06{background-position:-99px -3px;}
.mypageList_w li em{vertical-align:top;}
.mypageList_w li a{display:block;}
.mypageList_w li span{display:inline-block;width:8px;height:14px;background:url('//cdn.hackersut.com/m/img/img_20170914/UI_20170914_01.png') -93px -3px no-repeat;background-size:110px auto;float:right;}
.mypageList_w li:after{content:"";display:block;clear:both;}


/*이용약관*/
.member_wrap .term_anchor {background:#f8f8f8;padding:20px 20px 0px;margin:20px 0 40px;overflow:hidden;}
.member_wrap .term_anchor ol {float:left;}
.member_wrap .term_anchor ol.left {margin:0 40px 0 0;_margin:0 10px 0 0; }
.member_wrap .term_anchor ol li {margin:0 0 20px 0;}
.member_wrap .term_anchor ol li.etc {padding:0 0 0 3.6em;}
.member_wrap .term_anchor ol li ol{float:none;margin:10px 0 0;}
.member_wrap .term_anchor ol li ol li{margin:0 0 10px;}
.member_wrap .term_anchor ol li a{color:#666;font-size:12px;}
.member_wrap .term_anchor ol li ol li a {color:#8b8b8b;}
.member_wrap h3.term {padding-bottom:10px;margin:0 0 20px;border-bottom:1px solid #e0e0e0;}
.member_wrap h4.term_red {color:#cc0000;font-size:14px;margin:0 0 12px;}

.member_wrap .term_list li {margin:0 0 40px;font-size:12px;}
.member_wrap .term_list li p {margin:10px 0 0;}
.member_wrap .term_list li span{display:block;margin-left:1.35em;}
.member_wrap .term_list li ol {padding:0;margin:10px 0 0;}
.member_wrap .term_list li ol li{margin:0 0 20px;}
.member_wrap .term_list li ol li ol {padding:0 0 0 20px;margin:10px 0 0;}
.member_wrap .term_list li ol li ol li {margin:0 0 10px;list-style:outside decimal;margin-left:1.4em;}
.member_wrap .term_list li ol.etc_list li {margin:0 0 7px 0;}
.member_wrap .term_list li ol.etc_list li span.red {display:inline;background:url('/images/member/blit_redArrow.gif') no-repeat;padding:0 0 0 10px;color:#cc0000;margin:0;}

.member_wrap .brn{margin-bottom:30px;}

/*개인정보처리방침*/
.member_wrap table{border:1px solid #ccc;}
.member_wrap table tr{text-align:center;border-top:1px solid #ccc;}
.member_wrap table tr td{border-right:1px solid #ccc;}
.member_wrap table tr td.font_big{font-weight:bold;text-decoration:underline;}

.policy_box .b {font-weight:bold}
.policy_box .cc0000 {color:#cc0000}
.policy_box h3.title {width:100%;margin:0;padding-bottom:20px;border-bottom:1px solid #e0e0e0;}
.policy_box .sorting { margin:30px 0 40px;padding:15px 20px;background-color:#f8f8f8;overflow:hidden;}
.policy_box .sorting ul { float:left;width:280px;_width:300px; }
.policy_box .sorting ul.right {width:380px; }
.policy_box .sorting ul li {line-height:22px;cursor:pointer;color:#8b8b8b;font-size:12px;}
.policy_box .sorting ul li a {color:#8b8b8b;}
.policy_box .sorting ul li:hover {/*color:#cc0000*/;}
.policy_box .policy_top {margin:0 0 35px 0;}

.policy_box .policy_content {line-height:18px;font-size:12px;}
.policy_box .policy_content h4 {font-size:15px;margin:0 0 10px;}
.policy_box .policy_content h5 {margin-left:15px;margin-bottom:5px;}
.policy_box .policy_content h6 {margin-left:20px;margin-bottom:5px;}
.policy_box .policy_content .h4_text {margin-left:20px;margin-bottom:10px;}
.policy_box .policy_content .h5_text {margin-left:34px;margin-bottom:10px;}

.policy_box .policy_content .dep1 li {margin:5px 0 8px 30px;}
.policy_box .policy_content .dep1 li span.first_letter {margin:0 5px 0 -20px;}
.policy_box .policy_content .dep1_1 {margin:10px 0 15px -10px;letter-spacing:-1px;}
.policy_box .policy_content .dep1_1 li span.first_letter {font-weight:bold;}

.policy_box .policy_content .deps {margin-left:22px;margin-bottom:20px;}
.policy_box .policy_content .deps li {line-height:18px;}
.policy_box .policy_content .dep0 li {margin-left:10px;}
.policy_box .policy_content .dep4 li {margin:5px 0 8px 75px;}
.policy_box .policy_content .dep4 li span.first_letter {margin:0 5px 0 -65px;}
.policy_box .policy_content .dep6 li {margin:5px 0 8px 98px;}
.policy_box .policy_content .dep6 li span.first_letter {margin:0 5px 0 -88px;}*/

.policy_box .policy_content .policy_list {margin:0 0 35px 1.5em;}
.policy_box .policy_content .policy_list li {margin:0 0 20px;}
.policy_box .policy_content .policy_list li em.red {color:#cc0000;}
.policy_box .policy_content .policy_list li .indent1 {display:block;margin-left:1.5em;}
.policy_box .policy_content .policy_list li .indent1_1 {display:block;margin-left:1.0em;}
.policy_box .policy_content .policy_list li .indent2 {display:block;margin-left:1.8em;}
.policy_box .policy_content .policy_list li ul li {margin:10px 0 0;}
.policy_box .policy_content .policy_list li ol {}
.policy_box .policy_content .policy_list li ol li {margin:10px 0 0}
.policy_box .policy_content .policy_list li ol li em.left {float:left;height:30px;margin-right:3px;}
.policy_box .policy_content .policy_list li ol li ul li {margin:0;}
.policy_box .policy_content .policy_list li em.before {display:inline;background:url('/images/member/blit_redArrow.gif') no-repeat;padding:0 0 0 10px;color:#cc0000;margin:0;}

.policy_box .policy_content .notify{margin:10px 0 0 20px;width:670px;border-top:1px #9d9d9d solid;}
.policy_box .policy_content .notify th {border-bottom:1px #dedede solid;border-right:1px #dedede solid;text-align:left;padding:6px 18px 3px;}
.policy_box .policy_content .notify td {border-bottom:1px #dedede solid;border-right:1px #dedede solid;text-align:center;}
.policy_box .policy_content .notify td.noRight {text-align:left;padding:0 18px;border-right:none;}
.policy_box .policy_content .notify tr.end th, .policy_box .policy_content .notify tr.end td {border-bottom:1px #9d9d9d solid;}

.policy_box .policy_content .policy_admin {width:650px;display:inline-block;background:#f8f8f8;padding:15px 20px;margin:10px 0 0 20px;}
.policy_box .policy_content .policy_admin h5 {margin:0 0 10px 0;}
.policy_box .policy_content .policy_admin .box_line {/*border-right:1px #dedede solid;*/ float:left;width:300px;padding-right:15px;}
.policy_box .policy_content .policy_admin .box_right {float:left;width:295px; padding-left:15px;}
.policy_box .policy_content .policy_admin p {display:inline-block;zoom:1;*display:inline;}
.policy_box .policy_content .policy_admin p.name {width:120px;}

/*cs_wrap*/
.cs_wrap{padding:10px 15px 25px !important;color:#666;}
.cs_wrap hr{margin:15px 0;border:0;border-top:1px solid #ededed;}
.cs_wrap .input_box{}
.cs_wrap .input_box p{margin-bottom:15px;font-size:12px;color:#777;}
.cs_wrap .input_box input[type=text],
.cs_wrap .input_box textarea{margin-bottom:5px;padding:10px 15px 13px;width:100%;height:auto;font-size:13px;border-radius:5px;border:0;background:#f2f3f6;box-sizing:border-box;}
.cs_wrap .input_box input:focus{outline:none;}
.cs_wrap .input_box input:focus::placeholder,.cs_wrap .input_box textarea:focus::placeholder{color:transparent}
.cs_wrap .input_box select{margin-bottom:5px;padding:8px 15px 12px;width:100%;font-size:13px;background:#fff url('//cdn.hackersut.com/m/img/common/arrowDown.png') right 15px top 14px no-repeat;background-size:12px auto;box-sizing:border-box;}
.cs_wrap .sub_title{font-size:16px;color:#454545;letter-spacing:-1px;}
.cs_wrap .text_area{padding:15px 15px 10px;background:#f2f3f6;color:#777;}
.cs_wrap .input_box .filetype {position:relative;display:block;margin-bottom:10px;padding:8px 15px 9px;font-size:13px;background-color:#f2f3f6;border-radius:5px;}
.cs_wrap .input_box .filetype .file-text {position:relative;width:85%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;height:20px;margin:0;line-height:20px;z-index:0;}
.cs_wrap .input_box .filetype .file-select {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:1;}
.cs_wrap .input_box .filetype .file-select .input-file {width:100%;height:100%;filter:alpha(opacity=0);opacity:0;}
.cs_wrap .input_box .filetype .file-select .file-btn {position:absolute;left:0;top:0;width:100%;height:100%;line-height:40px;color:#777;text-indent:15px;z-index:-1;}
.cs_wrap .input_box .filetype .file-select .ico_file{position:absolute;right:15px;top:10px;}
.cs_wrap .pop_csList{padding:0;}
.cs_wrap .pop_csList .lytit{padding:15px;border-bottom:5px solid #dbdbdd;}
.cs_wrap .pop_csList .inner{padding:15px;width:100%;height:95%;border-top:1px solid #cccccc;box-sizing:border-box;overflow:hidden;overflow-y:auto;}
.cs_wrap .pop_csList .cs_list{}
.cs_wrap .pop_csList .cs_list li{border-bottom:1px solid #e5e5e5;}
.cs_wrap .pop_csList .cs_list li:last-child{border:0;}
.cs_wrap .pop_csList .cs_list li a{display:block;position:relative;padding:15px 100px 15px 0;font-size:16px;color:#000;}
.cs_wrap .pop_csList .cs_list li a i{position:absolute;right:0;display:inline-block;padding:2px 10px;width:82px;font-size:12px;font-style:normal;color:#e90160;border:1px solid #e90160;border-radius:3px;box-sizing:border-box;text-align:center;}
.cs_wrap .pop_csList .cs_list li.finish a{color:#8b8b8b;}
.cs_wrap .pop_csList .cs_list li.finish i{color:#8b8b8b;border-color:#8b8b8b;}
.cs_wrap .pop_csList .list,
.cs_wrap .pop_csList .view{position:absolute;left:0;top:0;padding-top:114px;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;}
.cs_wrap .pop_csList .btn_wrap{position:fixed;left:0;bottom:0;width:100%;}
.cs_wrap .pop_csList .title{display:block;margin-bottom:10px;padding-bottom:10px;font-size:15px;color:#000;border-bottom:1px solid #ccc;}
.cs_wrap .pop_csList .text{display:block;padding-right:15px;line-height:1.5;height:85%;font-size:12px;overflow-y:auto;}

/* 1:1문의 - 나의 문의 내역 */
.cs_wrap .csList .lytit{padding:15px;font-size:20px;color:#000;text-align:center;letter-spacing:-1px;border-bottom:5px solid #dbdbdd;}
.cs_wrap .csList .list,
.cs_wrap .csList .view{position:static;padding-top:0;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;}
.cs_wrap .csList .btn_wrap{position:static; width: 92%; padding: 0 4%;}
.cs_wrap .csList .cs_list li a{display: flex;justify-content: space-between; align-items: center; padding: 15px 0;}
.cs_wrap .csList .cs_list li a .num{width: 10%; text-align: center; font-size: 14px; color: #8e8e8e;}
.cs_wrap .csList .cs_list li a .flex_wrap{width: 85%;}
.cs_wrap .csList .cs_list li a .flex_wrap .category{font-size: 12px;}
.cs_wrap .csList .cs_list li a .flex_wrap .list_tit{margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cs_wrap .csList .cs_list li a i{position: static; font-size: 11px;}
.cs_wrap .csList .cs_list li a .reg_date{margin-left: 10px; padding-left: 10px; position: relative; font-size: 13px; color: #8d8d8d;}
.cs_wrap .csList .cs_list li a .reg_date::after{content: ''; width: 1px; height: 95%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #d4d4d4;}

/*합격생이야기*/
.story_wrap{}
.story_wrap img{width:100%;}
.story_wrap .story_list{}
.story_wrap .story_list li{margin-top:15px;}
.story_wrap .story_list li img{border-radius:6px;}
.story_wrap .btn_more{position:relative;display:block;margin-top:25px;padding:17px 0 25px;font-size:14px;color:#545454;text-align:center;border-top:1px solid #e5e5e5;}
.story_wrap .btn_more:before{position:absolute;left:50%;bottom:9px;margin-left:-8px;width:20px;height:11px;background:url('//cdn.hackersut.com/m/img/academyPage/sp_icon.png') no-repeat -61px 0;background-size:600% auto;content:'';}

/*schedule_wrap*/
.schedule_wrap .calendar_list{position:relative;width:100%;height:100%;}
.schedule_wrap .calendar_list .calendar_btn{padding:20px 0;text-align:center;}
.schedule_wrap .calendar_list .calendar_btn a{padding:0 15px;font-family:'dotum';font-size:20px;color:#b4b4b4;}
.schedule_wrap .calendar_list .calendar_btn strong{font-size:16px;color:#474747;vertical-align:top;}
.schedule_wrap .calendar_list .col_sun{color:#f64e60;}
.schedule_wrap .calendar_list .col_sat{color:#3298f8;}
.schedule_wrap .calendar_list table{margin:0 auto;}
.schedule_wrap .calendar_list th{height:30px;font-size:14px;color:#333;border-bottom:1px solid #e7e7e7;}
.schedule_wrap .calendar_list tr:first-child td{padding-top:10px;}
.schedule_wrap .calendar_list td{position:relative;height:43px;font-size:15px;text-align:center;}
.schedule_wrap .calendar_list td a{display:inline-block;width:14px;color:#000;}
.schedule_wrap .calendar_list td a.on{border-radius:40px;padding:7px 8px;background:#fbe5ee;color:#333 !important;}
.schedule_wrap .calendar_list td a.old{color:#a3a3a3;}
.schedule_wrap .calendar_list .ico_guide {position:absolute;right:0;top:3%;}
.schedule_wrap .calendar_list .ico_guide li{font-size:11px;}
.schedule_wrap .calendar_list .ico_guide li i{margin-right:5px;}
.schedule_wrap .calendar_list .ico_box{}
.schedule_wrap .calendar_list td .ico_box{position:absolute;left:0;bottom:-15px;width:100%;text-align:center;}
.schedule_wrap .calendar_list .ico{display:inline-block;margin-left:3px;width:6px;height:6px;border-radius:50%;text-indent:-999em;background:#ddd;}
.schedule_wrap .calendar_list .ico.v1{background:#17a936;}
.schedule_wrap .calendar_list .ico.v3{background:#1463d9;}
.schedule_wrap .calendar_list .ico.v2{background:#ff670b;}
.schedule_wrap .calendar_active{display:block;position:relative;margin:0 -15px;height:30px;text-align:center;border-radius:0 0 15px 15px;box-shadow:0px 7px 5px rgba(0,0,0,0.2);}
.schedule_wrap .calendar_active i{vertical-align:bottom}
.schedule_wrap .list li{border-bottom:1px solid #e5e5e5;font-size:12px;}
.schedule_wrap .list li a{display:block;padding:15px 0;}
.schedule_wrap .list li .fc1{color:#17a936;}
.schedule_wrap .list li .fc3{color:#1463d9;}
.schedule_wrap .list li .fc2{color:#ff670b;}
.schedule_wrap .list li .info{display:table;width:100%;}
.schedule_wrap .list li .info h3{display:table-cell;width:50%;font-size:14px;color:#000;vertical-align:middle;}
.schedule_wrap .list li .info span{display:table-cell;width:25%;font-size:14px;text-align:center;vertical-align:middle;}
.schedule_wrap .list li .info span:last-child{text-align:right;}
.schedule_wrap .list li .ico{display:inline-block;min-width:50px;padding:3px 5px 7px;font-size:12px;font-weight:600;font-style:normal;color:#e90160;text-align:center;border:1px solid #e90160;border-radius:3px;letter-spacing:-1px;vertical-align:middle;}
.schedule_wrap .list li .ico.disabled{border-color:#555;color:#555;}
.schedule_wrap .list li .ico.v2{border-color:#000;color:#000;}

/*교수소개*/
.sub-wrap .teacher_wrap{background:#ddd;}
.sub-wrap .teacher_wrap .lect_selecBox{padding:10px 4%;overflow:hidden;background:#fff;margin-bottom:5px;border-bottom:1px solid #ccc;}
.sub-wrap .teacher_wrap .lect_selecBox li{width:32%;float:left;text-align:center;margin-left:2%;}
.sub-wrap .teacher_wrap .lect_selecBox li:first-child{margin:0;}
.sub-wrap .teacher_wrap .lect_selecBox li select{width:100%;height:42px;font-size:13px;letter-spacing:-1px;padding:0 0 0 6px;color:#666;border:1px solid #e4e4e4;border-radius:5px 5px 5px 5px;-webkit-appearance:none;background:#fff url(//cdn.hackersut.com/m/img/common/arrowDown.png) 95% 14px no-repeat;background-size:10px auto;}
.sub-wrap .teacher_wrap .teacher_tit{background:#fff;}
.sub-wrap .teacher_wrap .teacher_tit *{letter-spacing:-2px;}
.sub-wrap .teacher_wrap .teacher_tit .box{position:relative;max-width:640px;margin:0 auto;}
.sub-wrap .teacher_wrap .teacher_tit .box .sub{position:absolute;top:40px;left:4.3%;color:#383838;font-size:1em;}
.sub-wrap .teacher_wrap .teacher_tit .box .tit{position:absolute;top:67px;left:4.3%;color:#000;font-size:1.563em;text-align:left;}
.sub-wrap .teacher_wrap .teacher_tit .box .tit span{display:block;color:#d50057;}
.sub-wrap .teacher_wrap .teacher_tit .box .btn{position:absolute;top:140px;left:4%;display:inline-block;width:135px;height:47px;background:url("//cdn.hackersut.com/m/img/teacher/btn.png") no-repeat 0 0 / 100% 100%;font-size:0;text-indent:-99999999em;}
.sub-wrap .teacher_wrap .tab-type4{margin-bottom:5px;}
.sub-wrap .teacher_wrap .tab-type4 > ul{display:table;width:100%;}
.sub-wrap .teacher_wrap .tab-type4 > ul li{display:table-cell;text-align:center;border-top:1px solid #ccc;border-bottom:0;}
.sub-wrap .teacher_wrap .tab-type4 > ul li.on{background:#383838;border-top:3px solid #dd0463;}
.sub-wrap .teacher_wrap .tab-type4 > ul li.on a{font-weight:bold;color:#fff;}
.sub-wrap .teacher_wrap .tab-type4 > ul li a{color:#767676;}
.sub-wrap .teacher_wrap .tab-type4 .video_box{height:165px;text-align:center;background:#000;}
.sub-wrap .teacher_wrap .tab-type4 .profile{height:105px;padding:30px 15px;overflow-y:auto;background:#e9eaee;}
.sub-wrap .teacher_wrap .tab-type4 .profile *{letter-spacing:-1px;}
.sub-wrap .teacher_wrap .tab-type4 .profile li{position:relative;padding-left:8px;color:#383838;font-size:16px;}
.sub-wrap .teacher_wrap .tab-type4 .profile li:before{content:'';width:3px;height:3px;position:absolute;top:50%;left:0;border-radius:50%;background:#8d8d8e;}
.sub-wrap .teacher_wrap .tab-type4 .profile li:first-child{margin-bottom:17px;}
.sub-wrap .teacher_wrap .tab-type4 .shadow{position:relative;}
.sub-wrap .teacher_wrap .tab-type4 .shadow:before{content:'';width:100%;height:35px;position:absolute;bottom:0;left:0;background:url("//cdn.hackersut.com/m/img/teacher/shadow.png") no-repeat bottom left;background-size:100% 100%;z-index:1;}
.sub-wrap .teacher_wrap .nav_type2{width:100%;overflow:hidden;background:#fff;}
.sub-wrap .teacher_wrap .nav_type2 li{width:25%;float:left;position:relative;border-bottom:1px solid #999;text-align:center;}
.sub-wrap .teacher_wrap .nav_type2 li a{line-height:40px;font-size:14px;color:#474747;}
.sub-wrap .teacher_wrap .nav_type2 li.active a{color:#d50057;font-weight:bold;}
.sub-wrap .teacher_wrap .nav_type2 li.active:after{position:absolute;left:5%;bottom:-1px;width:90%;height:3px;border-radius:2px;content:'';background:#d50057;}
.sub-wrap .teacher_wrap .bx-wrapper .bx-pager{bottom:20px;}
.sub-wrap .teacher_wrap .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:0.5;}
.sub-wrap .teacher_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{width:23px;opacity:1;}
.sub-wrap .teacher_wrap .cont_qa{margin-bottom:5px;}
.sub-wrap .teacher_wrap .cont_qa img{vertical-align:top;}
.sub-wrap .teacher_wrap .cont_qa .nav_type1{height:60px;background:#fff;}
.sub-wrap .teacher_wrap .cont_qa .nav_type1 ul li{width:33.333%;height:60px;line-height:60px;}
.sub-wrap .teacher_wrap .cont_qa .nav_type1 ul li.active a{color:#a9a9a9;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap{border-top:1px solid #ccc;background:#fff;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap table{font-size:16px;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap table tr{border-bottom:1px solid #e6e6e6;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap table tr td{padding:20px 0;border-bottom:0;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap table tr td.title{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;white-space:nowrap;text-align:left;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap table tr.notice td.title a{font-weight:bold;color:#dd0463;}
.sub-wrap .teacher_wrap .cont_qa .board-wrap table tr.notice .ico_speak{display:inline-block;width:26.5px;height:20px;background:url("//cdn.hackersut.com/m/img/teacher/icon_speak.png") no-repeat 0 0;background-size:100% 100%;vertical-align:middle;}
.sub-wrap .teacher_wrap .cont_lect{border-top:1px solid #ccc;}
.sub-wrap .teacher_wrap .cont_lect .title{text-align:center;padding:30px 0;background:#fff;color:#1f1f1f;}
.sub-wrap .teacher_wrap .cont_lect .title *{letter-spacing:-2px;}
.sub-wrap .teacher_wrap .cont_lect .title p{font-size:17px;}
.sub-wrap .teacher_wrap .cont_lect .title h3{font-size:27px;}
.sub-wrap .teacher_wrap .cont_lect .title h3 > strong{color:#dd015b;}
.sub-wrap .teacher_wrap .cont_lect .nav_type1 ul{white-space:nowrap;overflow-x:scroll;}
.sub-wrap .teacher_wrap .cont_lect .nav_type1 ul li{float:none;display:inline-block;width:auto;padding:0 20px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2{padding:0;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .lecture-item{position:relative;padding:25px 4% 15px;overflow:hidden;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .lecture-item:after{content:'';position:absolute;bottom:0;left:5%;width:90%;height:1px;background:#c0c1c4;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectSubTitle strong{display:block;font-size:18px;letter-spacing:-1.5px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectSubTitle strong em.gn{color:#f4374d;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectSubTitle strong em.jk{color:#4670c6;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectSubTitle strong em.sw{color:#8d4acb;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectInfo{margin-top:15px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectInfo li{margin:0 0 6px 5px;letter-spacing:-1px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectInfo li.time span{position:relative;margin-left:10px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectInfo li.time span:before{content:'';position:absolute;top:50%;left:-8px;margin-top:-5px;width:1px;height:14px;background:#a2a2a4;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectPrice{position:relative;margin-top:15px;padding:20px;background:#fff;color:#010101;border:1px solid #dbdbdb;border-radius:15px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectPrice .tit{float:left;font-size:15px;color:#383838;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectPrice .tit>strong{font-size:18px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectPrice .won{font-size:22px;font-weight:bold;text-align:right;letter-spacing:-1px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectPrice .won del{font-size:15px;color:#717171;font-weight:normal;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .selectPrice .won .discount_rate{display:inline-block;margin-right:8px;padding:5px 15px;font-size:12px;background:#d50057;color:#fff;border-radius:15px;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .book-info{display:table;table-layout:fixed;width:100%;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .book-info .txt-box{display:table-cell;width:68%;padding-right:3%;vertical-align:middle;}
.sub-wrap .teacher_wrap .cont_lect .cont_toggle2 .book-info .img-box{display:table-cell;width:20%;vertical-align:middle;}




/****************************************
프로 젝트 :편입 모바일 - 수강페이지
작성자 :해커스 개발2팀 임옥하
최초작성일 :2021.11.
*****************************************/
.hidden_txt {text-indent:-999em;font-size:0;line-height:0;white-space:nowrap;overflow:hidden;caption-side:top;display:none;}
.lec_ingang_div > *,
.lec_ingang_div div, .lec_ingang_div p, .lec_ingang_div span, .lec_ingang_div label, .lec_ingang_div button, .lec_ingang_div a,
.lec_ingang_div dt, .lec_ingang_div dd, .lec_ingang_div li {font-family:"Noto Sans KR" !important;}
.lec_ingang_div{position:relative;}
.lec_ingang_div .txt_icon1 {display:inline-block;height:13px;width:14px;background:url("//cdn.hackersut.com/m/img/teacher/icon_chartbar.png") no-repeat 0 0;background-size:contain;margin-right:5px;}
.lec_ingang_div .txt_icon2 {display:inline-block;height:14px;width:14px;background:url("//cdn.hackersut.com/m/img/teacher/icon_date.png") no-repeat 0 0;background-size:contain;margin-right:5px;}
.lec_ingang_div .txt_icon3 {display:inline-block;height:16px;width:29px;background:url("//cdn.hackersut.com/m/img/teacher/ico_arr_up.png") no-repeat 0 0;background-size:contain;margin-right:5px;}
.lec_ingang_div .txt_icon4 {display:inline-block;height:16px;width:29px;background:url("//cdn.hackersut.com/m/img/teacher/ico_arr_down.png") no-repeat 0 0;background-size:contain;margin-right:5px;}
.lec_ingang_div .sync {display:inline-block;height:18px;width:21px;background:url("//cdn.hackersut.com/m/img/teacher/icon_sync_s.png") no-repeat 0 -18px;font-size:0}
.lec_ingang_div .sync.on {background-position:0 0;}

.btn_area {clear:both;position:relative;text-align:center;padding:0 !important;}
.btn_area .link_ot {display:inline-block;width:90%;margin:0 auto;height:35px;line-height:35px;border:1px solid #888;border-radius:5px;background:#fff;text-align:center;font-size:14px;color:#000;}
.btn_area a.btn {display:inline-block;width:47%;margin:0 auto;height:43px;line-height:43px;vertical-align:top;border-radius:5px;background:#383838;border:1px solid #383838;text-align:center;font-size:16px;color:#fff;}
.btn_area button.btn {display:inline-block;width:44%;margin:0 auto;height:45px;line-height:45px;vertical-align:top;border-radius:5px;background:#383838;border:1px solid #383838;text-align:center;font-size:16px;color:#fff;}
.btn_area .btn.line,.btn_area .btn.basket {background:#fff;border:1px solid #888;color:#000}
.btn_area .btn.regist {background:#d50057;border:1px solid #d50057;}

/* 하단 고정 */
.btn_area.fix_foot {position:fixed;bottom:0;left:0;right:0;padding:0;}
.btn_area.fix_foot .btn {float:left;width:50%;border-radius:0;}

.shadow {
    -webkit-box-shadow:0px -2px 13px 3px rgba(188,190,195,1);
    -moz-box-shadow:0px -2px 13px 3px rgba(188,190,195,1);
    box-shadow:0px -2px 13px 3px rgba(188,190,195,1);
}

.lec_ingang_div.v2 {background: #d2d2d4;}
.content_box {background:#fff;}

.tab_type2{padding:0 4%;}

/* 검색영역 */
.lec_search_box {width:94%;margin:25px auto;overflow:hidden;}
.lec_search_box .lec_category {color: #666;width:100%;height:42px;font-size:13px;padding:0 0 0 6px;border:1px solid #e4e4e4;-webkit-border-radius:0;background:#fff url("//cdn.hackersut.com/m/img/common/arrowDown.png") 95% 14px no-repeat;background-size:10px auto;border-radius: 5px 5px 5px 5px;}
.lec_search_box .btn_area {margin-top:10px;}
.lec_search_box button.btn {width:86%;position:relative}
.lec_search_box button.btn_reset {width:12%;background:#e9eaee;border-color:#e9eaee;}
.lec_search_box button.btn_reset .ico_box {width:44px;height:17px;overflow: hidden;display:block;}
.lec_search_box button.btn_reset .sync {position:absolute;top:0;left:0;right:0;margin:12px auto 0;}
.lec_search_box .sch_total {color:#999;font-size:14px;text-align:center;letter-spacing:-2px;}
.lec_search_box .sch_total strong {color:#000;}
.lec_category_list {border-bottom:1px solid #ddd;padding-bottom:10px;}
.lec_category_list dl {clear:both;width:100%;overflow:hidden;margin-top: 2%;border-bottom: 1px solid #e5e5e5;padding-bottom: 2%;}
.lec_category_list dl:last-child {border-bottom: 0}
.lec_category_list dl dt {padding:5px;font-weight:bold;}
.lec_category_list dl dd {padding:5px 5px 5px 10px;float:left;}
.lec_category_list dd input[type="checkbox"] {position:absolute;opacity:0;}
.lec_category_list dd input[type="checkbox"]:checked + label {color:#d50057;background:#fff0f7;box-sizing:border-box;}
.lec_category_list .teacher_chk label.item-lbl,
.lec_category_list dd label {display:inline-block;height:27px;line-height:25px;padding:0 10px !important;margin:0;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:5px;box-sizing:border-box;text-align:center;letter-spacing:-1px;color:#808080;font-size:14px;cursor:pointer;}

/* 강의리스트 */
.tch_top {position:relative;display:block;background:url("//cdn.hackersut.com/m/img/teacher/tch_top_bg.jpg") no-repeat top center;background-size:cover;height:64px;width:100%;}
.tch_top.fixed{position: fixed;top:24px;left:0;width:100%;z-index: 10;}
.tch_top .tch_img {position:absolute;bottom:-2px;left:0;overflow:hidden;float:left;}
.tch_top .tch_img img {max-width:144px;height:88px;display: block;}
.tch_top ul {float:left;margin-left:115px;margin-top:20px;}
.tch_top ul li {float:left;padding:0 12px;font-size:16px;font-weight:bold;position:relative;}
.tch_top ul li:first-child:before {content:'';display:inline-block;width:2px;height:18px;position:absolute;top:1px;right:0;background:#c9a0af;border-radius:15px;}
.tch_top ul li.color_txt {color:#6e2e48;}

/* 과목리스트 */
.tch_lec_nav {position:relative;height:50px;border-bottom:1px solid #ccc;}
.tch_lec_nav .lec_nav_list {width:100%;overflow:hidden;background: #f0f1f5;}
.tch_lec_nav .lec_nav_list li {float:left;position:relative;}
.tch_lec_nav .lec_nav_list li:first-child:before {content:'';display:inline-block;width:0;height:0}
.tch_lec_nav .lec_nav_list li:before {content:'';display:inline-block;width:2px;height:18px;position:absolute;top:20px;left:0;background:#d4d4d4;border-radius:15px;}
.tch_lec_nav .lec_nav_list li a {display:inline-block;padding:0 15px;font-size:16px;color:#000;line-height:50px;}
.tch_lec_nav .toggle_btn {padding:10px 15px;position:absolute;top:0;right:0;}

.tch_lec_nav .opt{display:block;height:30px;line-height:30px;padding:0 0 0 10px;color:#545454;text-align:left;}
.tch_lec_nav .opt:before{position:absolute;top:15px;right:25px;display:inline-block;content:'';width:20px;height:20px;border-left:2px solid #ea7fab;border-bottom:2px solid #ea7fab;transform:rotate(135deg);}
.tch_lec_nav .opt.on:before{top:5px;transform:rotate(-45deg);}
.tch_lec_nav .opt:after{display:block;width:34px;height:30px;float:right;content:'';-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.tch_lec_list {}
.list_thumb {overflow:hidden;width:92%;margin:0 auto;}
.list_thumb .btn_area {margin:15px 0;display: flex;justify-content: space-between;align-items: center;}
.list_thumb .btn.regist {width:44%;}
.list_thumb .btn.line {width:27%;}
.list_thumb .btn.basket {width:27%;}
.list_thumb li {float:left;width:100%;padding:12px 0;border-bottom:1px solid #ccc;position:relative}
.list_thumb li.line_off:last-child{border-bottom: 0;}
.list_thumb a.link_thumb{display:block;overflow:hidden;text-decoration:none;color:#000;letter-spacing:-1px;padding:10px 10px 0 10px;}
.list_thumb .thumb_book_img {float:left;width:85px;margin-right:12px;}
.list_thumb .thumb_book_img img {display:block;width:100%;height:100%}
.list_thumb .thumb_cont_info {overflow:hidden;margin-left:90px;}
.list_thumb .cont_info {overflow:hidden;padding-top:2px;margin-bottom:15px;}
.list_thumb .icon_box {margin-bottom:9px;}
.list_thumb .tit_subject {display:block;width:100%;font-size:16px;line-height:1.5;color:#333;text-align:left;}
.list_thumb .txt_desc {display:block;margin-top:8px;font-size:13px;line-height:13px;font-weight:bold;}
.list_thumb .txt_date {display:block;margin-top:8px;font-size:13px;line-height:13px;color:#333;font-weight:bold;}
.list_thumb .txt_date > em {color:#dcdcdc;}
.list_thumb .txt_append {display:block;margin-top:10px;font-size:12px;line-height:12px;}
.list_thumb .red {color:#db1b34;}
.append_box {padding:12px 20px;background:#f0f1f5;border-radius:6px;}
.append_box dl:first-child{margin:0 auto;}
.append_box dl{clear:both;display:block;width:100%;margin:13px auto 0;overflow:hidden;}
.append_box dl dt{float:left;line-height:100%;}
.append_box dl dd{float:right;line-height:100%;margin-top: 5px;}
.append_box .txt_title {width:42%;font-size:15px;font-weight:bold;text-align:left;}
.append_box .txt_price {margin-right:8px;color:#999999;font-size:14px;text-decoration:line-through;}
.append_box .txt_discount {width:40px;margin-right:8px;padding:3px 6px;border-radius:50px;background:#dd0463;color:#fff;font-size:11px;text-align:center;}
.append_box .txt_pay {display:inline-block;font-size:16px;font-weight:bold;}

.append_box .txt_title input[type="checkbox"]{display: none;}
.append_box .txt_title input[type="checkbox"] + label{padding-left: 40px;background: url("//cdn.hackersut.com/m/img/teacher/check_off.png") 0 50% no-repeat;background-size:30px;height: 30px;display: inline-block;line-height: 30px;font-size: 14px;}
.append_box .txt_title input[type="checkbox"]:checked + label{background: url("//cdn.hackersut.com/m/img/teacher/check_on.png") 0 50% no-repeat;background-size:30px;}

/* 강의상세 */
.lec_ingang_div .tab_type2.col4 > ul > li{width:25%;text-align:center;}
.lec_ingang_div .tab_type2.col4 > ul > li.on a {color:#d50057;}
.lec_ingang_div .tc_tab_cont {padding:0 25px;background:#fff;}
.lec_ingang_div .hr {border-bottom:1px solid #ccc;display:block;width:100%;margin:25px 0;font-size:0}

.tch_info{width:100%;min-height:269px;padding-top:40px;position:relative;background:url("//cdn.hackersut.com/m/img/teacher/list_bg.jpg") no-repeat 100% bottom #fff;background-size:100% 100%;box-sizing:border-box;}
.tch_info .tch_img {}
.tch_info .tch_img img {max-width:224px;position:absolute;right:-24px;bottom:0;}
.tch_info .tch_info_text {position:relative;padding-left:30px;width: 55%;}
.tch_info .tch_info_text .title {font-weight:bold;font-size:19px;margin-bottom:30px}
.tch_info .tch_info_text ul{overflow:hidden;margin-top:30px;}
.tch_info .tch_info_text ul li{margin-bottom:14px;font-size:13px;}
.tch_info .tch_info_text ul li i {margin-bottom:-2px;}
.tch_info .tch_info_text ul li span{display:inline-block;margin-left:8px;color:#d50057;font-weight:bold;}

.price_list_div{position:relative;top:-12px;width:100%;margin:0 auto;padding:25px 0;border-top-left-radius:15px;border-top-right-radius:15px;background:#fff;}
.price_list_div .btn_area {margin-top:15px;}
.price_list_div ul li {padding:3% 0;position: relative;}
.price_list_div ul li:first-child:before {content: ""; width: 80%;position: absolute;bottom: 0;left: 14%;height: 1px;background: #eee;display: block;}
.price_list_div dl:first-child{border-top:0;}
.price_list_div dl{clear:both;display:block;width:88%;margin:0 auto;overflow:hidden;border-top:1px solid #d4d4d4;}
.price_list_div dl dt,
.price_list_div dl dd{float:left;line-height:100%;}
.price_list_div dl .price_title{display:inline-block;width:81%;line-height:19px;}
.price_list_div dl .lec_price_title{width:59%;font-size:14px;font-weight:bold;text-align:left;}
.price_list_div dl .lec_price_point{width:13%;padding-top:1%;color:#888;font-size:12px;font-weight:bold;text-align:right;position:relative;}
.price_list_div dl .lec_price_point:after{display:block;content:"";width:1px;height:20px;background:#d4d4d4;position:absolute;top:1%;right:0;margin-right:-11px;}
.price_list_div dl .lec_price_won{width:28%;font-size:16px;font-weight:bold;text-align:right;}
.price_list_div dl.on .lec_price_title,
.price_list_div dl.on .lec_price_won {color:#d50057;}
.price_list_div dl.pay_total dt,.price_list_div dl.pay_total dd {font-size:16px;font-weight:bold;padding:3% 0;}
.price_list_div dl.pay_total dt {width:40%;text-align:left;}
.price_list_div dl.pay_total dd.total {width:60%;text-align:right;}

/* 체크박스2 */
.price_list_div .chkBox {display:inline-block;vertical-align:top;width:16%}
.price_list_div .chkBox input[type='checkbox']{position:absolute;width:18px;height:18px;margin:0;opacity:0;}
.price_list_div .chkBox label{display:inline-block;width:95%;word-break:break-all;min-height:18px;color:#333;font-size:14px;line-height:14px;vertical-align:top;letter-spacing:-1px;}
.price_list_div .chkBox label:before{margin-right:10px;display:inline-block;width:24px;height:24px;vertical-align:middle;background:url("//cdn.hackersut.com/m/img/teacher/check_off.png") center no-repeat;background-size:100% 100%;cursor:pointer;content:'';}
.price_list_div .chkBox input[type='checkbox']:checked + label:before {background:url("//cdn.hackersut.com/m/img/teacher/check_on.png") center no-repeat;background-size:100% 100%;color:#0068e8;}
.price_list_div .chkBox input[type='checkbox']:disabled + label{opacity:0.4;}

/* 정보내용 상세 */
.lec_list_box {margin-bottom:25px;padding-top:25px;}
.lec_list_box .let_title {position:relative;font-size:20px;font-weight:bold;padding-left:13px;margin-bottom:17px;}
.lec_list_box .let_title:before {content:'';display:inline-block;width:4px;height:20px;position:absolute;top:4px;left:0;background:#dd0463;border-radius:15px;}
.lec_list_box .ul_lec_list li {position:relative;margin-bottom:15px;}
.lec_list_box .ul_lec_list li {border-bottom:1px solid #ccc;padding-bottom:25px;margin-bottom:25px;}
.lec_list_box .ul_lec_list li:last-child {border-bottom:0;}

.lec_list_box .lec_sub_txt {margin-bottom:13px;}
.ul_notice {}
.ul_notice li{margin-bottom:10px;list-style:disc;color:#545454;}
.ul_notice li::marker{font-size:12px;}

.lec_icon span{border:1px solid;border-radius: 30px;padding: 2px 10px;font-size: 12px;display: inline-block;margin-right: 5px;}
.lec_icon .ic1-1{border-color: #187cec;color:#187cec}
.lec_icon .ic1-2{border-color: #03c1ff;color:#03c1ff}
.lec_icon .ic2-1{border-color: #8d4acb;color:#8d4acb}
.lec_icon .ic2-2{border-color: #ec1374;color:#ec1374}
.lec_icon .ic2-3{border-color: #f2990c;color:#f2990c}
.lec_icon .ic3-1{border-color: #1fcea3;color:#1fcea3}
.lec_icon .ic3-2{border-color: #10c05a;color:#10c05a}