@charset "UTF-8";

/*common*/
.new_ico{background:#fff;position:absolute;top:-13px;left:15px;width: 50px;height: 24px;line-height: 22px;border:1px solid #df0000;border-radius:30px;font-size: 12px;color:#df0000;text-align:center;z-index:1;}
.lect_info .new_ico{display: inline-block;position: relative;top: -3px;left: 8px;}
/**/
.search_area{width:100%;height: 268px;border:1px solid #c5c5c5;border-radius:10px;box-shadow:0 4px 9px 0 rgba(0, 0, 0, 0.1);}
.search_area *{box-sizing:border-box;}
.search_area > div{height:100%;padding:20px;}
.search_area .search_tit{background:#019ca6;width:234px;}
.search_area .search_tit h2{margin-top: 30px;margin-bottom:20px;font-size:26px;color:#fff;}
.search_area .search_tit .btn{display:block;background:rgba(0, 0, 0, 0.2);height: 40px;line-height: 40px;font-size: 15px;color:#fff;border-radius:10px;}
.search_area .search_tit .btn i{margin-top:-2px}
.search_area .search_cont{width:866px;}
.search_area .search_cont > dl{float:left;width:33.33%;padding:0 20px 20px 5px;}
.search_area .search_cont > dl dt{line-height:35px;border-bottom:1px solid #b2b2b2;font-size: 20px;color:#444;font-weight:600;text-align:center;}
.search_area .search_cont > dl dd{margin-top:10px;height: 118px;overflow:auto;}
.search_area .search_cont > dl dd p{font-size:16px;color:#888;line-height:127px;}
.search_area .search_cont > dl ul li a{display:block;font-size: 15px;color:#888;line-height:30px;}
.search_area .search_cont > dl ul li.active a, .search_area .search_cont > dl ul li:hover a{color:#019ca6;}
/* scroll bar */
.search_area dl dd::-webkit-scrollbar-thumb{background-color:#eaeaea;border-radius:10px;}
.search_area dl dd::-webkit-scrollbar{width:4px;}
/* //scroll bar */
.search_area .search-box{clear: both;padding:0 20px;}
.search_area .search-box .search-ipt{display:block;background:#f4f6f7;border:1px solid #d6d6d6;border-radius: 8px;overflow:hidden;}
.search_area .search-box .search-ipt span{display:inline-block;padding:0 5px;width:140px;border-right:1px solid #d6d6d6;line-height:33px;font-size:16px;color:#444;vertical-align:middle;}
.search_area .search-box .search-ipt input[type="text"]{background:#f4f6f7;padding:0;margin-right:15px;width:578px;height: 40px;border:none;text-indent:10px;font-size: 15px;color:#222;vertical-align:middle;}
.search_area .search-box .search-ipt input[type="text"]::placeholder{color:#a0a0a0;font-size:16px;}
/* 맞춤 필터 설정 */
.lect_count{position:relative;padding-bottom:15px;border-bottom:1px solid #7f7f7f;}
.lect_count p{display:inline-block;font-size:16px;line-height:32px;color:#555;}
.lect_count p .btn_filter{display:inline-block;width:102px;height:34px;line-height:34px;margin-left:10px;color:#555;font-size:15px;text-align:center;border:1px solid #555;border-radius:5px;box-sizing:border-box;}
.lect_count p .btn_filter i{width:11px;height:6px;background-position:-305px -9px;vertical-align:middle;margin-top:-2px;}
.lect_count p .btn_filter.on{color:#fff;background:#019ca6;border-color:#019ca6;}
.lect_count p .btn_filter.on i{background-position:-305px -1px;}
.lect_filter{display:none;width:100%;position:absolute;top:47px;left:0;padding:30px;background:#f0f9fa;border:1px solid #e0e4e4;border-radius:3px;box-sizing:border-box;z-index:100;}
.lect_filter ul{overflow:hidden;padding-bottom:10px;border-bottom:1px solid #e0e4e4;}
.lect_filter ul li{float:left; margin:0 25px 15px 0;}
.lect_filter ul li .input-sp{font-size:16px;color:#444;}
.lect_filter ul li .input-sp input + i{margin-right:7px;background:#f0f9fa;border:1px solid #ccc;border-radius:50%;box-sizing:border-box;}
.lect_filter ul li .input-sp input[type='checkbox']:checked + i{border:none;background:#019ca6 url('https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/lecture_spr.png') no-repeat -233px -25px !important;}
.lect_filter .f_r{padding-top:10px;}
.lect_filter .f_r a{display:inline-block;line-height:1.2;padding:0 10px;font-weight:bold;font-size:16px;color:#888;}
.lect_filter .f_r a:first-child{color:#019ca6;border-right:1px solid #d6d6d6;}
.lect_list > div{padding:40px 0;border-bottom:1px solid #eee;}
.lect_list .img{display:inline-block;background:#f6f6f6;width: 260px;height: 146px;border-radius:10px;vertical-align: top;overflow:hidden;}
.lect_list .img img{width:100%;height:100%;}
.lect_list .img.books img{width:40%;display:block;margin:25px auto;box-shadow:2px 6px 20px 3px rgba(0, 0, 0, 0.4);}
.lect_list .txt{display:inline-block;width:583px;padding:0 40px;vertical-align:middle;}
.lect_list h2{height: auto;max-height: 75px;margin: 2px 0 6px;font-size: 20px;}
.lect_list .txt span{color:#019ca6;font-size:16px;}
.lect_list .txt .price_txt{color:#888;font-weight:400;text-decoration:line-through;margin:0 5px;}
.lect_list .txt .phone .ico{display:none;}
.lect_list .txt em{color:#000;}
.lect_list .txt p span{margin-left:25px;font-size: 15px;}
.lect_list .txt p span:first-child{margin-left:0;}
.lect_list .txt ul{border-top:1px solid #eee;}
.lect_list .txt ul li{font-size: 14px;color:#777;letter-spacing:-1px;}
.lect_list .txt ul li.line{font-size: 14px;padding:0 7px;}
.lect_list .btn_wrap{display:inline-block;width:130px;vertical-align:middle;}
.lect_list .btn_wrap a{height: 40px;line-height: 40px;margin-top:12px;font-size: 15px;border-radius: 5px;}
.lect_list .btn_wrap a:first-child{margin-top:0}
.btn_wrap a.btn_like i{width:17px;height:15px;vertical-align:middle;background-size:contain;}
.btn_wrap a.btn_like i.ico-heart-r{background-image:url("https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/heart_ico_r.png");}
.btn_wrap a.btn_like i.ico-heart-g{background-image:url("https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/heart_ico_g.png");}
.btn_wrap a.btn_like span{margin-left:5px;}
/*lect_list v2*/
.lect_list.v2{overflow:hidden;}
.lect_list.v2 > div{width:322px;float:left;margin-right:65px;border-bottom:0;height:440px;}
.lect_list.v2 > div:nth-child(3n){margin-right:0;}
.lect_list.v2 .img{width:100%;height:180px;}
.lect_list.v2 .txt{width:100%;margin-bottom: 10px;padding:10px 0;}
.lect_list.v2 .txt > div{height:185px;}
.lect_list.v2 .txt p .ico{background:#868686;content:'';width:3px;height:3px;border-radius:50px;}
.lect_list.v2 .txt span{display:block;margin-left:0;}
.lect_list.v2 .txt em{width:60px;display:inline-block;}
.lect_list.v2 .txt .phone span{display:none;}
.lect_list.v2 .txt .phone .ico{display:inline-block;}
.lect_list.v2 .btn_wrap{width:100%;text-align:center;}
.lect_list.v2 .btn_wrap a{display:inline-block;margin-top:0;width:129px;height:44px;line-height:42px;font-size:16px;border-radius:7px;}
.lect_list.v2 .btn_wrap a:nth-child(2){float:right;margin-top:0;margin-left:10px;}
.lect_list.v2 .btn_wrap .btn_like{width:44px;float:right;margin-left:10px;}
.lect_list.v2 .btn_wrap .btn_like span{display:none;}
/*detail lecture*/
.lect_info{background:rgba(1, 156, 166, 0.14) url("https://cdn.hackers.com/b2bchamp-cdn/images/img/lectureInsert/lecture_bg.png") no-repeat center 0;padding-bottom:80px;}
.info_box{background:#fff;padding: 46px 40px;border-radius:20px;box-sizing:border-box;box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.06);}
.info_box .lect_list{width:470px;}
.info_box .txt{width:100%;padding:0;border:0;}
.info_box .txt > span{font-size: 16px;}
.info_box .txt h2{height:auto;max-height: 72px;line-height: 1.2;padding: 5px 0 12px;font-size: 23px;letter-spacing:-1px;}
.info_box .txt ul{padding-top: 15px;border-color:#ccc;}
.info_box .txt ul li{position:relative;padding-left:110px;line-height: 22px;font-size: 17px;color:#000;}
.info_box .txt ul li span{font-size: 20px;}
.info_box .txt ul li em{position:absolute;left:0;color:#777;}
.info_box .txt ul li.price{color:#999;}
.info_box .txt ul li.price i{margin:0 5px;font-style:normal;font-size:12px;position:relative;top:-3px;}
.info_box .img{width: 400px;height: 230px;background: #f6f6f6;border-radius: 10px;overflow: hidden;}
.info_box .img img{width:100%; height:100%;}
.info_box .btn_wrap{display:inline-block;width:100%;vertical-align:middle;}
.info_box .btn_wrap a{width: 156px;height: 60px;line-height: 60px;float:left;font-size: 18px;font-weight:600;margin-top:0;}
.info_box .btn_wrap a.btn_like{width: 60px !important;}
.info_box .btn_wrap a.btn_like i{width:25px;height:22px;}
/*교재*/
.info_box.books .btn_wrap{border:0;padding: 20px 0 0;}
.info_box.books .btn_wrap a{width: 327px;height: 60px;line-height: 60px;}
.info_box.books .img{height:233px;overflow:hidden;}
.info_box.books .img img{width: auto;max-width: 100%;height:100%;display:block;margin:0 auto;box-shadow:2px 6px 20px 3px rgba(0, 0, 0, 0.4);}
/*tab*/
.lect_tab.tab_section{margin-top:-59px;}
.lect_tab.tab_section .js-tab-type1{border:0;}
.lect_tab.tab_section .js-tab-type1 li a{height:55px;line-height:59px;font-size:22px;font-weight:600;color:#777;box-shadow:none;border-radius:0;border-left:0;}
.lect_tab.tab_section .js-tab-type1 li.on a,
.lect_tab.tab_section .js-tab-type1 li a:hover{background:rgba(0, 0, 0, 0);border-bottom:4px solid #019ca6;color:#000;}
.lect_tab.tab_section .js-tab-type1-con{padding:70px 0;}
.lect_tab.tab_section .js-tab-type1-con > ul li{border:1px solid #ccc;text-align:center;box-sizing:border-box;margin-bottom:20px;}
.lect_tab.tab_section .js-tab-type1-con table{border:1px solid #b5b5b5;border-top:1px solid #000;}
.lect_tab.tab_section .js-tab-type1-con table th{font-weight:600;}
.lect_tab.tab_section .js-tab-type1-con table td{font-size:15px;}
.lect_tab.tab_section .js-tab-type1-con > p{color:#555;}
/*payment*/
.pay_wrap .board-wrap tr th{padding:16px 0;border-bottom-color:#d7d7d7;}
.pay_wrap .board-wrap tr td{padding:30px 0;border-color:#d7d7d7;}
.pay_wrap .board-wrap tr:last-child td{background:rgba(1, 156, 166, 0.04);padding:20px 0;font-size:20px;color:#222;}
.pay_wrap .board-wrap tr:last-child td:last-child{color:#019ca6;}
.pay_wrap .board-wrap tr:last-child td strong{font-size:30px;}
.pay_wrap .board-wrap tr td:nth-child(3){border:1px solid #d7d7d7;}
.pay_wrap .board-wrap tr:last-child td:last-child{color:#019ca6;}
.pay_wrap .board-wrap tr:last-child td:last-child strong{font-size:30px;}
.pay_wrap .table-wrap-horizontal tr th{border:0;}
.pay_wrap .table-wrap-horizontal tr:last-child th{border-bottom:1px solid #d7d7d7;}
.pay_wrap .input_t tr:nth-child(2) td{border-bottom:0;}
.pay_wrap .input_t tr:nth-child(2) th, .pay_wrap .input_t tr:nth-child(2) td{padding-bottom:10px;}
.pay_wrap .input_t tr:nth-child(3) th, .pay_wrap .input_t tr:nth-child(3) td{padding-top:10px;}
.pay_wrap .input_t .phone input{width:160px;}
.pay_wrap .input_t .address input{width:920px;}
/**/
.pay_wrap .pay_btn{width:142px;height:40px;line-height:38px;border:1px solid #bbb;border-radius:7px;font-size:16px;font-weight:400;color:#555;text-align:center;}
.pay_wrap .check_box{border-top:1px solid #000;padding:30px;}
.pay_wrap .check_box label{color:#444;margin-right:60px;}
.pay_wrap ul{background:#f9f9f9;padding:20px;border:1px solid #d7d7d7;}
.pay_wrap ul li{line-height:24px;font-size:14px;color:#666;}
.pay_wrap ul li b{margin-right:10px;}
.pay_wrap .btn_wrap{width:440px;margin:0 auto;}
.pay_wrap .btn_wrap a{height:60px;line-height:60px;font-size:20px;}