/* ===== 패키지 ====== */
#package_lecture_wrap { width: 100%; background: #f2f3f6;}
/* 너비 */
.wd_740 { width: 740px;  margin: 0 auto;}
.wd_1080 { width: 1080px;  margin: 0 auto;}

/* ===== 패키지 강의 상세 페이지 ===== */
.package_lecture_detail { min-width: 1080px;  overflow: hidden;}
.package_lecture_detail section { width: 100%;}

/* CONTENTS */
.con_wrap { width: 100%;}
.con_wrap .wd_1080>section { margin-bottom: 30px;}
.con_wrap .wd_1080>section:first-child { margin-top: 20px;}
.con_wrap .wd_1080>section:last-child { margin-bottom: 200px;}
.bg_white { background: #fff;  border: 1px solid #ddd; box-sizing: border-box;}
.center { text-align: center;}
.mt_30 { margin-top: 30px;}
.mt_60 { margin-top: 60px;}
.mb_60 { margin-bottom: 60px;}

/* 커리큘럼 */
.curriculum { position: relative;}
.grade_wrap { position: absolute;  left: 100px;  bottom: 173px;}
.grade_wrap>div { width: 280px; margin-right: 20px; float: left;}
.grade_wrap>div:last-child { margin: 0;}
.grade_wrap>div>ul { margin-bottom: 20px;}
.grade_wrap>div>ul>li { width: 100%; padding: 7px 45px;  font-size: 18px;  font-weight: 600;  letter-spacing: -2px;}
.grade_wrap>div>button { width: 280px;  height: 70px;}

/* 무료 재수강 서비스 */
.again_wrap { margin: 0 auto;}
.again_wrap table { margin: 50px auto;}
.again_wrap table.coupon tr { border-bottom: 10px solid #fff;}
.again_wrap table.coupon th { width: 150px;  padding-right: 20px;}
.again_wrap table.coupon td { padding: 15px; background: #ebf1f3;  font-size: 18px;  font-weight: 700;}
.again_wrap table.coupon td.left { padding-left: 30px; border-radius: 60px 0 0 60px;  color: #640adf;}
.again_wrap table.coupon td.right { padding-right: 40px;  border-radius: 0 60px 60px 0;}

/* 무료 재수강 서비스 제공 */
.again_wrap { margin: 0 auto;}
.again_wrap table { margin: 50px auto;}
.again_wrap table.offer tr { border-bottom: 10px solid #fff; text-align: center;}
.again_wrap table.offer th { width: 150px;  font-size: 24px; font-weight: 700;}
.again_wrap table.offer td {padding: 9px; font-size: 16px;  font-weight: 600; letter-spacing: -1.5px;}
.again_wrap table.offer td h1 {  font-size: 28px;  font-weight: 700; letter-spacing: -2.3px;}
.again_wrap table.offer td.left { padding-left: 9px; color: #640adf;}
.again_wrap table.offer td.right { padding-right: 9px; }

/* 멘토링 서비스 */
.enrolment_wrap { margin-bottom: 50px;}
.enrolment_wrap>h1 { margin: 50px 0 10px 20px;  font-size:24px;}
.enrolment_wrap table { width:100%;  border-top: 1px solid #000000;}
.enrolment_wrap table.instructor th { width: 180px;}
.enrolment_wrap table.instructor th, td { padding: 20px; border-bottom: 1px solid #dddddd;}
.enrolment_wrap table.instructor img { border: 1px solid #dcddde;}
.enrolment_wrap table.instructor td h1 { font-size: 24px;  color:#000000; }
.enrolment_wrap table.instructor td h1 label { font-size: 16px;  color: #6d6e71;}
.enrolment_wrap table.instructor td p { font-size: 16px;  color: #6d6e71;  margin-top: 10px;  line-height: 24px;}

/* summary */
.summary { position: relative;  width: 100%;  height: 200px;}
.summary .top { position: absolute;  top: 0;  padding-top: 30px;}
.summary .bottom { position: absolute;  bottom: 0;  padding-bottom: 30px;}
.summary .context { position: absolute;  left: 30px;}
.summary .context>h1 { font-size: 30px;  letter-spacing: -3px;}
.summary .context>h2 { font-size: 17px;  letter-spacing: -2px;  color: #0070ff;  padding-top: 3px;}
.summary .context>p { font-size: 16px;  letter-spacing: -1.5px;  color: #6d6e71;  line-height: 18px; padding-top: 5px;}

.summary .detail_cost { position: absolute;  right: 0;  width: 400px;  padding-right: 40px;  box-sizing: border-box;  text-align: right;}
.summary .detail_cost>p { margin-right: 3px;  font-size: 16px;  font-weight: 700;  letter-spacing: -1.5px;  color: #333;}
.summary .detail_cost p.cost { margin-right: 0;  display: inline-block;  font-size: 34px;  font-weight: 400;  letter-spacing: -1px;  color: #ff4949;}
.summary .detail_cost>span { font-size: 14px;  display: inline-block;  margin-top: 5px;  color: #6d6e71;}
.summary .detail_cost p.cost span { font-size: 40px;  font-weight: 700;}
.summary .detail_cost label { display: inline-block;  padding: 2px 10px;  border: 1px solid #ff4949;  border-radius: 30px;  font-size: 13px;  font-weight: 700;  color:#ff4949;  margin-right: 15px;  vertical-align: super;}

/*guide*/
.guide_wrap {width: 100%; background: #ffffff; border: 1px solid #ddd; box-sizing: border-box; letter-spacing: -1.5px;}
.guide .top { margin: 40px 0 0 40px;}
.guide .bottom {
    margin: 18px 0 40px 40px;
    font-size: 16px;    color: #6d6e71;  line-height: 28px; font-weight: 400;
}
.guide .bottom>p {letter-spacing: -1px;}