@charset "utf-8";
/*목록(공통)*/
.lectureList .topBanner .tab li{width:12.5%}
.lectureList .listData{padding-top:0!important}
.lectureList .listData ul.area{width:103%;display:inline-block}
.lectureList .listData ul.area > li{width:30.3333%;float:left;margin-right:4%;margin-bottom:3%;border:1px solid #e9e9e9;background:#fff}
.lectureList .listData ul.area > li:nth-child(3n){margin-right:0}
.lectureList .listData ul.area > li a{display:block;color:#3c3a39}
.lectureList .listData .thumb{height:260px;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover}
.lectureList .listData .thumb i{position:absolute;right:10px;top:0}
.lectureList .listData .tit{min-height:52px;padding:0 20px;margin:17px 0;font-size:18px;line-height:26px;letter-spacing:-1px;overflow:hidden;display:block;display:-webkit-box;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lectureList .listData .info{color:#52504f;padding:0 20px 20px 20px;height: 100px;}
.lectureList .listData .info > div{padding-top:20px;border-top:1px solid #e9e9e9;}
.lectureList .listData .info p{font-size:16px;line-height:20px}
.lectureList .listData .info i{margin-right:5px;display:inline-block;vertical-align:text-top}
/*목록-전체보기(공통)*/
.lectureList .listData.allView{display:none!important}
.lectureList .listData.allView .forPC th{text-align:center;font-size:16px;height:40px;background:#ffae3e;color:#fff;border-right:1px solid #fac580}
.lectureList .listData.allView .forPC th.last{border-bottom:1px solid #fac580;border-right:none}
.lectureList .listData.allView .forPC tr.month th:last-child{border-right:none}
.lectureList .listData.allView .forPC td{padding:15px 10px;vertical-align:middle;text-align:center;border-bottom:1px solid #e7e2db;border-left:1px solid #e7e2db}
.lectureList .listData.allView .forPC p.name{font-weight:500;color:#000}
.lectureList .listData.allView .forPC p.text{line-height:20px}
.lectureList .listData.allView .forPC tr td:first-child{text-align:left;border-left:none}
.lectureList .listData.allView .forPC p.end a{color:#9e9e9e;font-size:16px}
.lectureList .listData.allView .forPC p.ing a{color:#ffae3e;font-size:16px;font-weight:500}
.lectureList .listData.allView .forMobile{display:none}
/*상세(공통)*/
.lectureDetails.sub{padding-bottom:0}
.lectureDetails h4.comTitle{font-size:40px;line-height:1;text-align:center;font-weight:500;color:#000;margin-bottom:25px}
.lectureDetails .topCampaign{height:859px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.lectureDetails .intro{padding:40px 0 45px 0}
.lectureDetails .intro article{position:relative}
.lectureDetails .intro .tit{width:100%}
.lectureDetails .intro .tit h3{display:block;line-height:43px;font-size:30px;font-weight:500;color:#000;padding-right:70px}
.lectureDetails .intro p{font-size:16px;line-height:24px;color:#52504f;margin:10px 0 15px 0}
.lectureDetails .intro .tags span{display:inline-block;padding:5px 4px;border:1px solid #e9e9e9;border-radius:4px;margin-bottom:5px}
.lectureDetails .intro .sns{position:absolute;right:0;top:7px}
.lectureDetails .intro .sns a{line-height:0;margin-left:5px}
.lectureDetails .intro .sns a img.for_mo{display:none}
.lectureDetails .apply{background:#f5f5f5}
.lectureDetails .apply article{position:relative}
.lectureDetails .apply .tb{padding:30px 0;width:748px;display:inline-block}
.lectureDetails .apply th{width:90px;min-height:43px;padding:9px 0;text-align:left;font-size:16px;font-weight:500;border-bottom:1px solid #e9e9e9}
.lectureDetails .apply td{min-height:43px;border-bottom:1px solid #e9e9e9;font-size:16px;font-weight:500;color:#9e9e9e;padding:9px 0}
.lectureDetails .apply td pre{font-family: 'Noto Sans KR',Sans-serif;font-size:16px;font-weight:500;color:#9e9e9e;white-space: pre-wrap;}
.lectureDetails .apply td #file_get > a{ display: inline-block; width: auto; height: 30px; padding: 6px 16px 6px 36px; line-height: 16px; text-align: left; font-size: 12px; color: #545454; font-weight: 400; border-radius: 8px; border: 1px solid #e9e9e9; background: url(/images/hracademy/images/btn_file_down.png) no-repeat 16px 50% #fff; box-sizing: border-box;}
.lectureDetails .apply a.map{width:115px;background:#434343;color:#fff;font-size:12px;display:inline-block;padding:0 8px;border-radius:8px;text-align:center;line-height:30px;margin-left:5px}
.lectureDetails .apply form{width:422px;height:100%;position:absolute;right:0;background:#e7e2db;top:0}
.lectureDetails .apply fieldset{width:300px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.lectureDetails .apply dl{margin-bottom:60px;width:100%;display:inline-block}
.lectureDetails .apply dt{font-size:16px;line-height:23px;font-weight:500;color:#000;margin-bottom:10px;width:100%;display:inline-block}
.lectureDetails .apply dd{margin-bottom:25px;width:100%;display:inline-block}
.lectureDetails .apply button.btn{width:100%;border-radius:8px;color:#fff;text-align:center;background:#f8ac49;font-size:16px;font-weight:700;outline:0;border:0;height:40px;line-height:40px;}
.lectureDetails .detailImg{padding:50px 0 130px 0}
.lectureDetails .detailImg article.for_mobile{display:none}
.lectureDetails .average{text-align:center;line-height:0;margin-bottom:45px}
.lectureDetails .average .star{width:36px;height:36px;display:inline-block;vertical-align:middle;background:url(/images/hracademy/images/icon_star_line_36.png) no-repeat}
.lectureDetails .average .star.on{background:url(/images/hracademy/images/icon_star_fill_36.png) no-repeat}
.lectureDetails .average p{display:inline-block;font-size:20px;color:#000;font-weight:700;line-height:29px;vertical-align:middle}
.lectureDetails .review{padding:130px 0}
.lectureDetails .review table{border-top:2px solid #ffae3e}
.lectureDetails .review th{width:146px;vertical-align:middle;text-align:center;padding:15px 0;border-bottom:1px solid #e9e9e9}
.lectureDetails .review p.score .star{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(/images/hracademy/images/icon_star_line_20.png) no-repeat}
.lectureDetails .review p.score .star.on{vertical-align:middle;background:url(/images/hracademy/images/icon_star_fill_20.png) no-repeat}
.lectureDetails .review p.name{font-size:16px;color:#000;font-weight:500;line-height:23px;margin:10px 0}
.lectureDetails .review p.date{font-size:16px;font-weight:normal;color:#9e9e9e;line-height:23px}
.lectureDetails .review td{vertical-align:middle;padding:15px;border-bottom:1px solid #e9e9e9}
.lectureDetails .review p.class_name{font-size:20px;font-weight:500;color:#000;line-height:29px;margin-bottom:10px}
.lectureDetails .review p.text{font-size:16px;line-height:23px;color:#9e9e9e}
.lectureDetails .review pre.text{font-size: 16px;line-height: 23px;color: #9e9e9e;text-align: left;width: 100%;display: inline-block;white-space: pre-line;font-family: 'Noto Sans KR',Sans-serif;}
.lectureDetails .review .review_btn{margin-top:45px;text-align:center}
.lectureDetails .review .review_btn a{width:330px;line-height:40px;border-radius:8px;background:#000;color:#fff;font-size:16px;color:#fff;font-weight:700;display:inline-block}
.lectureDetails .reviewWrite{padding:130px 0;text-align:center}
.lectureDetails .reviewWrite article{margin:0 auto;display:inline-block}
.lectureDetails .reviewWrite h4.comTitle{margin-bottom:40px}
.lectureDetails .reviewWrite form{border-top:1px solid #ffae3e}
.lectureDetails .reviewWrite th{padding:10px 20px;font-size:16px;font-weight:500;color:#3c3a39;text-align:left;border-bottom:1px solid #e9e9e9}
.lectureDetails .reviewWrite td{padding:10px;border-bottom:1px solid #e9e9e9}
.lectureDetails .reviewWrite .titEnter{width:100%;border:1px solid #d5d5db;height:35px;padding:0 10px}
.lectureDetails .reviewWrite td textarea.userReview{width:100%;height:260px;resize:none;border:1px solid #d5d5d5;padding:10px}
.lectureDetails .reviewWrite .bottom_btn{text-align:center;margin-top:20px}
.lectureDetails .reviewWrite .bottom_btn a{font-size:16px;display:inline-block;background:#4f4d4c;border-radius:5px;height:40px;line-height:40px;width:120px;color:#fff;margin:0 2px;text-align:center;font-weight:500}
.lectureDetails .reviewWrite .bottom_btn a.save{background:#ffae3e}
.lectureDetails .reviewWrite p.score .star{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(/images/hracademy/images/icon_star_line_20.png) no-repeat;float:left;cursor:pointer}
.lectureDetails .reviewWrite p.score .star.on{vertical-align:middle;background:url(/images/hracademy/images/icon_star_fill_20.png) no-repeat}
.lectureDetails .btmApply{height:355px;background:url(/images/hracademy/images/view_bottom_banner_bg.png) no-repeat center center;background-size:cover;position:relative}
.lectureDetails .btmApply form{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.lectureDetails .btmApply legend{display:block;font-size:40px;line-height:54px;font-weight:700;color:#fff;margin-bottom:20px}
.lectureDetails .btmApply form > div{width:300px;margin:0 auto}
.lectureDetails .btmApply .comSelect{max-width:300px}  
.lectureDetails .btmApply .comSelect:first-child{border-bottom:none}
.lectureDetails .btmApply button{width:300px;height:40px;background:#ffae3e;border-radius:8px;color:#fff;font-size:16px;margin-top:30px;border:none;font-weight:700}

/*신청(공통)*/
.lectureApply form{width:640px;margin:0 auto;line-height:1}
.lectureApply .className{font-size:30px;line-height:43px;font-weight:700;color:#000;text-align:center}
.lectureApply .className .date{display:block;font-size:20px;line-height:29px;color:#373737;font-weight:400;margin-bottom:30px}
.lectureApply .top_text{padding-top:30px;font-size:16px;line-height:23px;color:#52504f;border-top:1px solid #e9e9e9;margin-bottom:60px}
.lectureApply fieldset{border-radius:10px;border:1px solid #e9e9e9;overflow:hidden}
.lectureApply h5.boxTitle{padding:0 20px;font-size:18px;font-weight:700;line-height:50px;background:#f5f5f5;color:#ffae3e;text-align:left}
.lectureApply .box{padding:10px 20px;text-align:left}
.lectureApply input[type="text"].u_enter{border:1px solid #e9e9e9;height:35px;padding:4px 10px;font-size:16px}
.lectureApply input[type="password"].u_enter{border:1px solid #e9e9e9;height:35px;padding:4px 10px;font-size:16px}
.lectureApply .checkBox label{color:#787776}
.lectureApply .memInfo{margin-bottom:28px}
.lectureApply .memInfo .box{padding:15px 20px}
.lectureApply .memInfo th{padding:5px 0;text-align:left;font-size:16px;font-weight:700;color:#3c3a39;position:relative}
.lectureApply .memInfo td{padding:5px 0;}
.lectureApply .memInfo .u_enter{width:318px}
.lectureApply .memInfo a.overlap{width:105px;line-height:35px;background:#4f4d4c;color:#fff;font-size:15px;margin-left:10px;border-radius:6px;border:none;display:inline-block;text-align:center}
.lectureApply .memInfo a.overlap:before{content:'';width:19px;height:18px;display:inline-block;background:url(/images/hracademy/images/task_alt_black_24dp.png) no-repeat center center;vertical-align:middle;margin-right:5px}
.lectureApply .userInfo{margin-bottom:28px}
.lectureApply .userInfo .box{padding:15px 20px}
.lectureApply .userInfo th{padding:5px 0 5px 70px;text-align:left;font-size:16px;font-weight:700;color:#3c3a39;position:relative}
.lectureApply .userInfo th b{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:16px;font-weight:700;color:#ffae3e}
.lectureApply .userInfo td{padding:5px 0;}
.lectureApply .userInfo .same{float:right;margin-top:9px}
.lectureApply .userInfo .checkBox label{font-size:16px}
.lectureApply .userInfo .u_enter{width:318px}
.lectureApply .addInfo .box{padding:14px 20px 13px 20px}
.lectureApply .addInfo p.text{font-size:14px;line-height:34px;color:#3c3a39}
.lectureApply .addInfo ul{width:100%;display:inline-block}
.lectureApply .addInfo li{width:33.33%;float:left;padding:7px 0}
.lectureApply .addInfo li.other{width:100%}
.lectureApply .addInfo li.other .u_enter{float:right;width:400px;font-size:14px;height:30px}
.lectureApply ul.terms{text-align:left;margin-top:25px}
.lectureApply ul.terms li{width:100%;display:inline-block;margin:5px 0}
.lectureApply ul.terms li .checkBox label{color:#52504f;font-size:14px;line-height:20px}
.lectureApply ul.terms li .checkBox a{font-size:12px;color:#ffae3e;border-bottom:1px solid #ffae3e;padding-bottom:3px;display:inline-block}
.lectureApply ul.terms li p{font-size:12px;color:#9e9e9e;margin-top:4px;line-height:17px;padding-left:25px}
.lectureApply .submit_btn{margin-top:45px}
.lectureApply .submit_btn button{width:330px;height:55px;background:#ffae3e;border-radius:4px;color:#fff;font-size:20px;font-weight:700;border:none}
.lectureApply .applyInfo{margin-bottom:28px}
.lectureApply .applyInfo .box{padding:20px}
.lectureApply .applyInfo th{font-size:16px;font-weight:700;color:#3c3a39;padding:10px 0}
.lectureApply .applyInfo td{font-size:16px;color:#787776;padding:10px 0}
.lectureApply .payInfo{border-radius:10px;margin-bottom:28px}
.lectureApply .payInfo .box{padding:0 20px 20px 20px}
.lectureApply .payInfo th{font-size:16px;font-weight:700;color:#3c3a39;padding:30px 0;vertical-align:top;border-bottom:1px dashed #e9e9e9}
.lectureApply .payInfo td{padding:20px 0;border-bottom:1px dashed #e9e9e9}
.lectureApply .payInfo .u_enter{width:133px}
.lectureApply .payInfo .use{width:95px;height:35px;background:#434343;color:#fff;border-radius:6px;font-size:15px;border:none;margin-left:5px}
.lectureApply .payInfo p.text{font-size:15px;line-height:1;color:#787776;margin-top:10px}
.lectureApply .payInfo ul li label{font-size:16px;color:#787776}
.lectureApply .payInfo ul li:first-child{margin-bottom:15px}
.lectureApply .payInfo ul li p.end_day{display:inline-block;font-size:16px;color:#787776;margin-left:25px}
.lectureApply .payInfo ul li div.info{margin-top:10px;display: none;}
.lectureApply .payInfo ul li div.info p{font-size:16px;color:#787776;line-height: 20px;}
.lectureApply .payInfo td.bill{padding:0;border-bottom:none}
.lectureApply .payInfo td.bill .billDiv{padding-top:5px}
.lectureApply .payInfo td.bill .billDiv th{height:40px;padding:0;vertical-align:middle;border-bottom:none}
.lectureApply .payInfo td.bill .billDiv td{height:40px;padding:0;border-bottom:none}
.lectureApply .payInfo td.bill .billDiv td label{font-size:16px}
.lectureApply .payInfo td.bill .billDiv th{height:55px;padding:0;vertical-align:middle;border-bottom:none}
.lectureApply .payInfo td.bill .billDiv th br.mo{display:none}
.lectureApply .payInfo td.bill .billDiv td{height:55px;padding:0;border-bottom:none}
.lectureApply .payInfo td.bill .billDiv input[type="text"]{width:320px;border:1px solid #e9e9e9;height:35px;padding:4px 10px;font-size:16px}
.lectureApply .payInfo .addFile{width:100%;position:relative}
.lectureApply .payInfo .addFile .fileName{width:320px;border:1px solid #e9e9e9;height:35px;padding:4px 10px;font-size:16px}
.lectureApply .payInfo .addFile button{width:95px;height:35px;color:#fff;font-size:15px;background:#434343;border-radius:6px;border:none;margin-left:20px}
.lectureApply .payInfo .addFile .hidden_btn{width:95px;height:35px;position:absolute;right:10px;opacity:0;top:0}
.lectureApply .textInfo{border-radius:10px;margin-bottom:30px}
.lectureApply .textInfo .box{padding:33px 20px}
.lectureApply .textInfo ul:first-child{margin-bottom:30px}
.lectureApply .textInfo li{font-size:16px;line-height:24px}
.lectureApply .textInfo li.tit{font-weight:700;color:#3c3a39;margin-bottom:15px}
.lectureApply .textInfo li.txt{color:#787776;padding-left:15px;position:relative}
.lectureApply .textInfo li.txt:before{content:'';width:4px;height:4px;position:absolute;left:0;top:11px;background:#787776;border-radius:100%}
.lectureApply .pay_agree label{font-size:16px;line-height:18px;color:#787776}
/*결제(팝업-공통)*/
.payment .popData{width:420px;background:#fff;padding:15px;padding-bottom:40px}
.payment .tab{width:100%;display:inline-block}
.payment .tab li{width:50%;float:left}
.payment .tab li a{display:block;text-align:center;font-size:14px;padding:12px 0;border:2px solid #e9e9e9}
.payment .tab li a.on{border-color:#ffae3e;color:#ffae3e;font-weight:700}
.payment .tab li:nth-child(2) a{border-left:none}
.payment .tab li:nth-child(2) a.on{border-left:2px solid #ffae3e}
.payment .tabData h5{font-size:18px;line-height:20px;font-weight:700;padding:20px 0 15px 0;border-bottom:1px solid #000}
.payment .tabData h5 > span{ display: inline-block; float: right; width: 20px; height: 20px; background: url(/images/hracademy/images/icon_popup_close.png) no-repeat 50% 50%; background-size: 20px; cursor: pointer;}
.payment .tabData th{padding:10px 0;text-align:left;font-weight:500;font-size:14px;color:#52504f;border-bottom:1px solid #eee}
.payment .tabData td{padding:10px 0;text-align:left;font-size:14px;color:#52504f;border-bottom:1px solid #eee}
.payment .tabData input[type="text"]{width:100%;height:32px;border:1px solid #e9e9e9;padding:5px 10px;color:#787776}
.payment .tabData textarea{width:100%;height:160px;padding:10px;border:1px solid #e9e9e9;resize:none}
.payment .tabData .btn_area{margin-top:20px}
.payment .tabData .btn_area a{background:#f4851f;color:#fff;line-height:40px;font-size:14px;font-weight:700;display:block;text-align:center}
.payment .tabData .step1 td.text{padding:20px 0;line-height:23px;font-size:16px;}
.payment .tabData .step1 td.text span{font-weight:500}
.payment .tabData .step1 td.text i{background:#ffae3e;color:#fff;font-size:12px;display:inline-block;border-radius:2px;line-height:1;padding:3px 10px 5px 10px;vertical-align:bottom}
.payment .tabData .step2 td.text{text-align:center;padding:35px 0}
.payment .tabData .step2 td.text span{display:block;font-size:16px;font-weight:500;line-height:20px}
.payment .tabData .step2 td.text span br{display:none}
.payment .tabData .step2 td.info span{display:block;font-weight:700}
.payment .tabData .step2 .btn_area a{background:#fff;color:#f4851f;border:1px solid #f4851f;line-height:38px}
.payment .tabData .step2 .warning{background:#f8f8f8 url(/images/hracademy/images/icon_pay_caution.png) no-repeat 10px 13px;padding:10px 10px 10px 36px;font-size:13px;line-height:18px;color:#666}

/*신청(완료)*/
.lectureApplyComplete .applyInfo tr:first-child td{line-height:45px}
.lectureApplyComplete .applyInfo td span.date{display:block;line-height:0px}
.lectureApplyComplete .box{position:relative}
.lectureApplyComplete .attendeesInfo {margin-bottom:28px}
.lectureApplyComplete .attendeesInfo span.num{position:absolute;color:#FFAE3E;font-weight:bold;padding-top:10px;font-size:16px}
.lectureApplyComplete .attendeesInfo table{margin-left:59px}
.lectureApplyComplete .attendeesInfo th{font-size: 16px;font-weight: 700;color: #3c3a39;padding:10px 0}
.lectureApplyComplete .attendeesInfo td{font-size: 16px;color: #787776;padding:10px 0}
.lectureApplyComplete .payInfo .box{padding-top:10px}
.lectureApplyComplete .payInfo th{border-bottom:none;padding:0;line-height:35px}
.lectureApplyComplete .payInfo td{border-bottom:none;color:#787776;padding:0;line-height:35px}
.lectureApplyComplete .payInfo th.line,.lectureApplyComplete .payInfo td.line{border-bottom:1px dashed #e9e9e9;padding-bottom:10px}
.lectureApplyComplete .payInfo th.pd,.lectureApplyComplete .payInfo td.pd{padding-top:10px}
.lectureApplyComplete .payInfo ul li span{font-weight:bold;}
.lectureApplyComplete .payInfo ul li:first-child{margin-bottom:0}
@media all and (max-width:1024px) {
    /*목록(공통)*/
    .lectureList .listData .thumb{height:331px}
    .lectureList .listData{padding:0 20px}
    .lectureList .listData ul.area{width:100%}
    .lectureList .listData ul.area > li{width:47%}
    .lectureList .listData ul.area > li:nth-child(3n){margin-right:auto}
    .lectureList .listData ul.area > li:nth-child(odd){margin-right:3%}
    .lectureList .listData ul.area > li:nth-child(even){margin-right:0}
    .lectureList .listData .tit{font-size:16px;line-height:23px}
    .lectureList .noneData{padding:0 20px}
    /*목록-전체보기(공통)*/
    .lectureList .listData.allView .forPC{display:none}
    .lectureList .listData.allView .forMobile{display:block}
    .lectureList .listData.allView .forMobile th{font-size:16px;height:40px;background:#ffae3e;border-right:1px solid #fac580;color:#fff;font-weight:700;text-align:center}
    .lectureList .listData.allView .forMobile th:last-child{border-right:none}
    .lectureList .listData.allView .forMobile td{padding:10px;border-bottom:1px solid #e7e2db;text-align:center;font-size:16px}
    .lectureList .listData.allView .forMobile td:first-child{padding:10px 10px 10px 0;border-right:1px solid #e7e2db;text-align:left}
    .lectureList .listData.allView .forMobile td:last-child{padding:10px 0}
    .lectureList .listData.allView .forMobile p.name{font-weight:500;color:#000}
    .lectureList .listData.allView .forMobile p.text{line-height:20px}
    .lectureList .listData.allView .forMobile p.end a{color:#9e9e9e;font-size:16px}
    .lectureList .listData.allView .forMobile p.ing a{color:#ffae3e;font-size:16px;font-weight:500}
    /*상세(공통)*/
    .lectureDetails h4.comTitle{font-size:30px}
    .lectureDetails .topCampaign{height:733px}
    .lectureDetails .intro{padding:40px 20px}
    .lectureDetails .apply .tb{width:70%;padding:30px 45px 30px 20px}
    .lectureDetails .apply th{width:100px}
    .lectureDetails .apply form{width:30%}
    .lectureDetails .apply fieldset{width:100%;padding:0 30px}
    .lectureDetails .apply dl{margin-bottom:125px}
    .lectureDetails .detailImg{padding:40px 20px 130px 20px}
    .lectureDetails .detailImg img{width:100%}
    .lectureDetails .withClass{padding:50px 20px}
    .lectureDetails .recommand div.th{width:236px}
    .lectureDetails .review{padding:130px 20px}
    .lectureDetails .reviewWrite{padding:130px 20px}
}
@media all and (max-width:768px) {
    /*목록(공통)*/
    .lectureList .listData .thumb{height:504px}
    .lectureList .topBanner .tab li{width:100%}
    .lectureList .listData ul.area > li{width:100%;margin-bottom:15px}
    .lectureList .listData ul.area > li:nth-child(odd){margin-right:0}
    .lectureList .listData ul.area > li:nth-child(even){margin-right:0}
    /*목록-전체보기(공통)*/
    .lectureList .listData.allView .forMobile th{font-size:14px;font-weight:500}
    .lectureList .listData.allView .forMobile td{font-size:14px}
    .lectureList .listData.allView .forMobile p.text{line-height:18px}
    .lectureList .listData.allView .forMobile p.end a{font-size:14px}
    .lectureList .listData.allView .forMobile p.ing a{font-size:14px}
    /*상세(공통)*/
    .lectureDetails .topCampaign{height:550px}
    .lectureDetails .intro .tit h3{font-size:24px;line-height:35px;padding-right:0}
    .lectureDetails .intro p{font-size:15px;line-height:22px}
    .lectureDetails .intro .sns{width:100%;position:static;margin-top:15px}
    .lectureDetails .intro .sns a{margin-left:0px;margin-right:5px}
    .lectureDetails .intro .sns a img.for_mo{display:inline}
    .lectureDetails .intro .sns a img.for_pc{display:none}
    .lectureDetails .apply .tb{padding:20px;width:100%}
    .lectureDetails .apply th{width:90px}
    .lectureDetails .apply tr:last-child th{border-bottom:none}
    .lectureDetails .apply tr:last-child td{border-bottom:none}
    .lectureDetails .apply form{width:100%;position:static}
    .lectureDetails .apply fieldset{position:static;transform:none;padding:20px}
    .lectureDetails .apply dl{margin-bottom:0}
    .lectureDetails .detailImg article.for_pc{display:none}
    .lectureDetails .detailImg article.for_mobile{display:block}
    .lectureDetails .average .star{background:url(/images/hracademy/images/svg/icon_star_line_36.svg) no-repeat}
    .lectureDetails .average .star.on{background:url(/images/hracademy/images/svg/icon_star_fill_36.svg) no-repeat}
    .lectureDetails .review{padding:50px 20px}
    .lectureDetails .review p.score .star{background:url(/images/hracademy/images/svg/icon_star_line_20.svg) no-repeat}
    .lectureDetails .review p.score .star.on{background:url(/images/hracademy/images/svg/icon_star_fill_20.svg) no-repeat}
    .lectureDetails .review p.name{font-size:15px}
    .lectureDetails .review p.class_name{font-size:16px;line-height:23px}
    .lectureDetails .review p.text{font-size:14px;line-height:20px}
    .lectureDetails .review pre.text{font-size:14px;line-height:20px}
    .lectureDetails .reviewWrite{padding:50px 20px}
    .lectureDetails .reviewWrite colgroup{display:none}
    .lectureDetails .reviewWrite th{width:150px}
    .lectureDetails .reviewWrite p.score .star{background:url(/images/hracademy/images/svg/icon_star_line_20.svg) no-repeat}
    .lectureDetails .reviewWrite p.score .star.on{background:url(/images/hracademy/images/svg/icon_star_fill_20.svg) no-repeat}
    .lectureDetails .btmApply{height:343px}
    .lectureDetails .btmApply legend{font-size:22px;line-height:30px}
@media all and (max-width:640px) {
    .lectureApply form{width:90%}
}
@media all and (max-width:520px) {
    /*목록(공통)*/
    .lectureList .listData .thumb{height:231px}
    .lectureList .listData .thumb i img{width:52px}
    .lectureList .listData .tit{min-height: 45px; height:44px;font-size:15px;line-height:22px}
    .lectureList .listData .info p{font-size:14px}
    /*상세(공통)*/
    .lectureDetails .topCampaign{height:268px}
    .lectureDetails .intro{padding:20px}
    .lectureDetails .intro .tit h3{font-size:20px;line-height:28px}
    .lectureDetails .intro .tags span{font-size:12px;padding:4px}
    .lectureDetails .apply th{font-size:15px}
    .lectureDetails .apply td{font-size:15px;line-height:22px}
    .lectureDetails .apply td.place{position:relative;padding-right:110px}
    .lectureDetails .apply a.map{width:103px;position:absolute;top:50%;transform:translateY(-50%);right:0}
    .lectureDetails .review th{width:45%}
    .lectureDetails .reviewWrite th{font-size:14px;width:100px}
    .lectureDetails .reviewWrite .bottom_btn a{width:120px;height:40px;line-height:40px;font-size:16px}
    .lectureDetails .btmApply{height:422px}
    .lectureDetails .btmApply form{width:80%}
    .lectureDetails .btmApply form > div{width:100%}
    .lectureDetails .btmApply .comSelect{max-width:100%}
    .lectureDetails .btmApply .comSelect:first-child{border-bottom:1px solid #9e9e9e;margin:20px 0 40px 0}
    .lectureDetails .btmApply button{width:100%;margin-top:35px}
    /*신청(공통)*/
    .lectureApply form{width:100%;padding:0 40px}
    .lectureApply .className{font-size:24px;line-height:34px;margin-top:30px}
    .lectureApply .className .date{font-size:16px;line-height:23px}
    .lectureApply .top_text{font-size:15px;line-height:21px}
    .lectureApply h5.boxTitle{padding:0 16px;font-size:16px;line-height:45px}
    .lectureApply input[type="text"].u_enter{font-size:12px}
    .lectureApply input[type="password"].u_enter{font-size:12px}
    .lectureApply .memInfo .box{padding:28px 16px 0 16px}
    .lectureApply .memInfo table colgroup{display:none}
    .lectureApply .memInfo table th{display:block;padding:5px 0;font-size:14px}
    .lectureApply .memInfo table td{display:block;padding:5px 0 15px 0}
    .lectureApply .memInfo table td input[type="text"].u_id{width:calc(100% - 93px);}
    .lectureApply .memInfo a.overlap{width:83px;font-size:12px;float:right}
    .lectureApply .memInfo a.overlap:before{width:16px;height:16px;background:url(/images/hracademy/images/svg/task_alt_black_24dp.svg) no-repeat center center;margin-right:3px;vertical-align:sub;background-size:cover}
    .lectureApply .userInfo .box{padding:28px 16px 0 16px}
    .lectureApply .userInfo table colgroup{display:none}
    .lectureApply .userInfo table tr:first-child th{padding:5px 0 5px 25px}
    .lectureApply .userInfo table tr:first-child td{padding:5px 0 20px 0}
    .lectureApply .userInfo table th{display:block;padding:5px 0;font-size:14px}
    .lectureApply .userInfo th b{font-size:14px}
    .lectureApply .userInfo table td{display:block;padding:5px 0 15px 0}
    .lectureApply .userInfo .same{width:100%;float:none;margin-top:10px}
    .lectureApply .userInfo .checkBox label{font-size:12px}
    .lectureApply .userInfo .u_enter{width:100%}
    .lectureApply .addInfo .box{padding:15px 15px 0 15px}
    .lectureApply .addInfo p.text{line-height:20px;margin-bottom:7px}
    .lectureApply .addInfo li{width:50%;float:left}
    .lectureApply .addInfo li.other .u_enter{float:right;width:calc(100% - 60px);font-size:12px}
    .lectureApply ul.terms li .checkBox label{font-size:12px;line-height:16px}
    .lectureApply ul.terms li .checkBox a{font-size:10px}
    .lectureApply ul.terms li p{font-size:10px;padding-left:22px}
    .lectureApply .submit_btn button{width:88%;height:45px;font-size:16px}
    .lectureApply .applyInfo .box{padding:16px}
    .lectureApply .applyInfo table colgroup{display:none}
    .lectureApply .applyInfo th{font-size:14px;display:block;line-height:30px;padding:0}
    .lectureApply .applyInfo td{font-size:14px;display:block;line-height:20px;padding:0 0 8px 0}
    .lectureApply .applyInfo td .date{display:block}
    .lectureApply .payInfo .box{padding:10px 16px 50px 16px}
    .lectureApply .payInfo table colgroup{display:none}
    .lectureApply .payInfo th{font-size:14px;line-height:35px;padding:0;border-bottom:none;display:block}
    .lectureApply .payInfo td{padding:0 0 10px 0;border-bottom:1px dashed #e9e9e9;display:block}
    .lectureApply .payInfo tr:last-child th{padding:10px 0}
    .lectureApply .payInfo tr:last-child td{padding:0 0 15px 0}
    .lectureApply .payInfo .u_enter{width:92px}
    .lectureApply .payInfo .use{width:80px;font-size:14px}
    .lectureApply .payInfo p.text{font-size:14px;line-height:28px;margin-top:0}
    .lectureApply .payInfo ul li label{font-size:14px}
    .lectureApply .payInfo ul li p.end_day{font-size:14px;margin-left:5px}
    .lectureApply .payInfo td.bill .billDiv span.checkBox{float:right;line-height:55px}
    .lectureApply .payInfo td.bill .billDiv th{display:table-cell;width:24.8%;line-height: normal}
    .lectureApply .payInfo td.bill .billDiv td{vertical-align:middle;line-height:55px}
    .lectureApply .payInfo td.bill .billDiv input[type="text"]{width:100%}
    .lectureApply .payInfo .addFile button{margin-left:0;margin-top:-20px}
    .lectureApply .textInfo .box{padding:20px 16px}
    .lectureApply .textInfo ul:first-child{margin-bottom:18px}
    .lectureApply .textInfo li{font-size:15px;line-height:22px}
    .lectureApply .textInfo li.txt{font-size:14px}
    .lectureApply .pay_agree{text-align:left}
    .lectureApply .pay_agree label{font-size:14px}
    .lectureApply .pay_agree label:before{margin-top:0;top:4px}
    /*결제(팝업-공통)*/
    .payment .popData{width:80%}
    .payment .tab li a{padding:7px 0}
    .payment .tabData td{font-size:12px}
    .payment .tabData input[type="text"]{font-size:12px}
    .payment .tabData .step1 td.text{font-size:14px}
    .payment .tabData .step1 td.text span{display:block}
    .payment .tabData .step1 td.text i{font-size:10px}
    .payment .tabData .step2 td.text{padding:24px 0}
    .payment .tabData .step2 td.text span{font-size:14px}
    .payment .tabData .step2 td.text span br{display:inline}
    .payment .tabData .step2 .warning{font-size:12px;line-height:17px}
    /*신청(완료)*/
    .lectureApplyComplete .applyInfo .box{padding-top:20px;padding-bottom:10px}
    .lectureApplyComplete .applyInfo tr:first-child td{line-height:20px}
    .lectureApplyComplete .applyInfo td{line-height:30px;padding:0 0 10px}
    .lectureApplyComplete .applyInfo td span.date{line-height:20px}
    .lectureApplyComplete .attendeesInfo span.num{padding-top:0;line-height:31px;font-size:14px}
    .lectureApplyComplete .attendeesInfo table{margin-left:0}
    .lectureApplyComplete .attendeesInfo table colgroup{display:none}
    .lectureApplyComplete .attendeesInfo th,.lectureApplyComplete .attendeesInfo td{display:block;width:100%;font-size:14px;padding:0;line-height:31px}
    .lectureApplyComplete .attendeesInfo th.name{padding-left:30px}
    .lectureApplyComplete .attendeesInfo td{padding-bottom:10px}
    .lectureApplyComplete .payInfo .box{padding-bottom:15px;padding-top:20px}
    .lectureApplyComplete .payInfo th.pd, .lectureApplyComplete .payInfo td.pd{padding:0}
    .lectureApplyComplete .payInfo th.line, .lectureApplyComplete .payInfo td.line{padding:0}
    .lectureApplyComplete .payInfo th{line-height:35px}
    .lectureApplyComplete .payInfo tr:last-child th{padding:0}
    .lectureApplyComplete .payInfo th.pd{padding-top:10px}
    .lectureApplyComplete .payInfo th.line{padding-bottom:0;border-bottom:none;padding-top:0}
    .lectureApplyComplete .payInfo td{border-bottom:none;padding:0;line-height:35px}
    .lectureApplyComplete .payInfo td.line{padding-bottom:10px}
    .lectureApplyComplete .payInfo ul li:first-child{line-height:35px}
    .lectureApplyComplete .payInfo ul li:last-child{line-height:20px}
    .lectureApplyComplete .payInfo ul li .accountHolder{display:block}
}
@media all and (max-width:414px) {
    .lectureApply .payInfo td.bill .billDiv th br.mo{display:block}
    .lectureApply .payInfo td.bill .billDiv input[type="text"]{font-size:14px}
}
@media all and (max-width:360px) {
    .lectureApplyComplete .payInfo ul li:first-child{line-height:21px}
}