@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

.nobase {padding-bottom:121px;}
.nobase .nobase_container {width:1024px;  margin:0 auto;}
.nobase .section1{padding:85px 0; background:url(../images/nobase_renew/title_bg.png) center repeat-x;}
.nobase h1 {box-sizing:border-box;width:319px;margin:0 auto;border:2px solid #ebbd03; font-size: 44px; text-align: center; line-height: 89px;}
.nobase h1 .h_top {font-weight:bold; width:calc(100% + 2px); margin-top:-1px;margin-left:-1px; color:#0f0f0f; background-color:#ebbd03;font-size: 44px; letter-spacing: -2px;}
.nobase h1 .h_btm {color:#ebbd03;font-size: 61px; font-weight: bold;letter-spacing: -4px;}
.nobase h2{font-size: 33px; color:#262626; text-align: center; letter-spacing: -1px;}
.nobase .section2 {padding-top:85px;}
.nobase .section2 img {display:block; width:581px; margin:34px auto 80px; }
.nobase .section2 img.img_curri { margin:60px auto; width:782px;}
.nobase .section2 .nobase_y_btn {margin-bottom:80px;}
.nobase .section2 .youtube_box {width:640px; height: 360px; margin:40px auto 65px;}
.nobase .bg_dark {width:100%; background-color: #2d2d2d; color:#fff;}
.nobase .section2 .bg_dark {padding-top:50px;padding-bottom: 35px;}
.nobase .bg_dark .dark_round_box {box-sizing:border-box;width:590px; height: 240px; margin:0 auto; padding-top:50px; border:4px solid #3f3f3f; border-radius: 40px;}
.nobase .bg_dark .dark_round_box p {font-size:24px; text-align: center;  }
.nobase .bg_dark .dark_round_box p em {position:relative; font-weight: bold; font-style: normal;color:#ebbd03;}
.nobase .bg_dark .dark_round_box p em:before {content:'';position: absolute; left:-2px; bottom:3px; width:50px; height: 1px; background-color:#ebbd03; }
.nobase .bg_dark .dark_round_box .down_arrow {padding-bottom:88px; background:url(../images/nobase_renew/y_arrow.png) center 58px no-repeat;}
.nobase .bg_dark .poket {width:477px; height:165px; margin:55px auto 10px; background:url(../images/nobase_renew/poket_bg.png) center no-repeat}
.nobase .bg_dark .poket p{padding-top:35px;font-size:27px; text-align: center;}
.nobase .bg_dark .poket p b {color:#ffcc00 }
.nobase .bg_dark h2 {color:#fff;}
.nobase .section3 {padding-top:85px;}
.nobase .sub_tit {padding-bottom:14px; font-size: 21px; color:#2e42d8; text-align: center;}
.nobase .section3 img.graph {display:block;width:572px; margin:52px auto 85px;}
.nobase .problem_box {box-sizing: border-box;width: 782px;  padding-bottom:60px; margin:0 auto 60px; border:1px solid #dedede; text-align: center;}
.nobase .problem_box .problem_grey {padding-top:50px;padding-bottom:70px; background-color: #f8f8f8;}
.nobase .problem_box .problem_no {box-sizing: border-box; width:113px; height:39px; margin:0 auto 16px; font-size: 17px; color:#4c4c4c; line-height: 34px; border:2px solid #4c4c4c; border-radius: 20px;}
.nobase .problem_box .problem_tit {margin-bottom:38px; font-size: 27px; color:#4c4c4c; line-height: 44px;}
.nobase .problem_box .eg {position:relative; font-family: 'Roboto', sans-serif; font-size: 19px; font-weight:500; color:#4c4c4c; line-height: 27px; letter-spacing: 0.03em;}
.nobase .problem_box .eg .red_line{position: relative;color: #e50000;}
.nobase .problem_box .eg .red_line:before {content: ''; position: absolute; left:0; bottom:-2px; width: 100%; height: 1px; background-color: #e50000}
.nobase .problem_box .eg .ex{position: absolute; top:-20px;left:18px; font-size: 15px;letter-spacing: -2px;}
.nobase .problem_box .eg .rt{position: absolute; top:-20px; left:-3px; width:50px;font-size: 15px;letter-spacing: -2px;}
.nobase .problem_box .trans {padding-top:35px;font-size: 24px; color:#e50000;}
.nobase .problem_box .problem_white {padding-top:60px; background-color: #fff; border-top:2px solid #d2d2d2}
.nobase .problem_box .problem_white .problem_tit {color: #262626;}
.nobase .problem_box .problem_white .problem_tit .blue{color:#2e42d8;}
.nobase .problem_box .training {}
.nobase .problem_box .training ul {width: 556px; margin: 0 auto;}
.nobase .problem_box .training ul:after {content: ''; display: block; clear: both;}
.nobase .problem_box .training li {float: left; width: 33.3333%; text-align: center;}
.nobase .problem_box .training li img {width: 95px;}
.nobase .problem_box .training_p1 {margin-top:18px; font-size: 17px; font-weight: bold;}
.nobase .problem_box .training_p2 {margin-top:7px; font-size: 20px;}
.nobase .problem_box .prb_slash {position:absolute; font-size: 26px; color:#e50000;}
.nobase .problem_box .slash_1 {top:1px;left:422px;}
.nobase .problem_box .slash_2 {top:1px;left:455px;}
.nobase .problem_box .slash_3 {top:28px;left:262px;}
.nobase .problem_box .slash_4 {top:28px;left:477px;}
.nobase .problem_box table {width:370px; margin:36px auto 25px;}
.nobase .problem_box table th {background-color:#2e42d8;border:1px solid #2e42d8; font-size: 17px; color: #fff; text-align: center; line-height: 50px;}
.nobase .problem_box table td {width:50%; border:1px solid #2e42d8; font-size: 17px; font-weight:bold; color:#2e42d8; text-align: center; line-height: 44px;}
.nobase .problem_box .solution {padding-top:47px; background:url(../images/nobase_renew/y_circle_arrow.png) center top no-repeat; font-size: 22px; font-weight: bold;}

.nobase .section4 {padding-top:60px;}
.nobase .section4 img{display:block; width: 486px; margin:60px auto 25px;}
.nobase .nobase_y_btn {display:block; width:230px; margin:0 auto; font-size: 18px; color: #000; text-align: center; line-height: 68px; background-color: #ffcc00; border-radius: 40px;}

.nobase .section5 {padding-top:100px;padding-bottom:100px;border-top: 1px solid #e8e7df;}
.nobase .section5 img {display: block; width: 365px; margin:75px auto 45px; }
.nobase .section5 .consult_box {width:517px; height: 261px; margin:0 auto; border-radius: 30px; background-color:#2e42d8; color:#fff;-webkit-box-shadow: 0px 32px 50px -5px rgba(0,0,0,0.18);box-shadow: 0px 32px 50px -5px rgba(0,0,0,0.18); }
.nobase .section5 .consult_box .consult_small_box {box-sizing: border-box; width: 100%; height: 188px; padding-top:36px; border:2px solid #2e42d8; border-radius:30px; color:#212121;background-color: #fff;}
.nobase .section5 .consult_box .consult_small_box p{font-size: 20px; text-align: center;}
.nobase .section5 .consult_box .consult_small_box p.d_arrow {padding-bottom:68px; background:url(../images/nobase_renew/section5_arrow.png) center 42px no-repeat;}
.nobase .section5 .consult_box .box_btm_txt {padding-top:25px; font-size: 22px; text-align: center}

.nobase .section6 {padding-top:100px; border-top: 1px solid #e8e7df;}
.nobase .goal_container {width:654px; margin:63px auto 35px; }
.nobase .goal_container:after, .nobase .goal:after {content: ''; display: block; clear: both;}
.nobase .goal {float: left; margin-bottom: 50px;}
.nobase .score_goal {padding-bottom:19px; font-size: 19px; font-weight: bold; text-align: center;}
.nobase .goal_box {float: left; box-sizing:border-box;width:170px; height: 145px; padding-top:27px; border-radius: 30px; border:2px solid #2e42d8; background-color: #ffee75;-webkit-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.18);box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.18);}
.nobase .goal_box p {font-size: 24px; font-weight: bold; text-align:center; line-height: 27px; color:#262626;}
.nobase .goal_box p .blue {color:#2e42d8;}
.nobase .goal_box p .pink {color:#c8105e;}
.nobase .goal_box p .puple {color:#8718e4;}
.nobase .goal_box p .green {color:#27afaf;}
.nobase .goal_box p.curri {padding-top:15px; font-size: 17px; font-weight: normal;}
.nobase .goal_327 ,.nobase .goal_387{margin-right:70px;}
.nobase .goal img{float:left; display: inline-block; width: 37px; margin:50px 18px; }
.nobase .pink_box {background-color:#f6dee7; border-color: #c8105e}
.nobase .puple_box {border-color: #8718e4;}
.nobase .green_box {background-color:#d9f8f8; border-color: #27afaf}

.nobase .class_info {width:690px; margin:25px auto 0;}
.nobase .class_info div.left{float: left;}
.nobase .class_info > div {box-sizing: border-box; width: 50%;height:322px; padding-top:25px; padding-left:35px; padding-right:40px; border:4px solid #212121;}
.nobase .class_info > div:first-child {border-right: 2px solid;}
.nobase .class_info > div:nth-child(2){border-left: 2px solid;}
.nobase .info_tit {width:130px; height:46px; margin:0 auto 45px; font-size: 17px; font-weight: bold; line-height: 46px; border-radius: 30px; color: #262626; background-color: #ffcc00; text-align: center;}
.nobase .class_info table {width: 100%;}
.nobase .class_info td {width:50%;font-size:17px;}
.nobase .class_info td.td_2 {position:relative;font-size:20px; text-align: right;}
.nobase .class_info td.grey {height:40px; color:#787878;}
.nobase .class_info td.black {height:50px; padding-bottom:20px;color: #262626;}
.nobase .class_info td.red {height:70px; line-height:30px;color: #ea3636; vertical-align: top;}
.nobase .class_info .yellow_bn {width:690px; margin:0px auto;}
.nobase .discount {position:absolute;top:-15px; left:33px; text-align:left;box-sizing:border-box; padding-left:23px;width:120px; padding-bottom:40px;font-size:17px; font-weight:bold; color:#ea3636;background:url(../images/nobase_renew/score_discount_arrow.png) 0 bottom no-repeat; z-index: 3;}
.nobase .class_info .black_bg {width: 100%; height:130px; padding-left:54px; padding-right:50px; background-color:#212121; clear: both; }
.nobase .class_info .black_bg td.complete_txt {font-size:27px; color:#fff; line-height: 35px; font-weight: 300; }
.nobase .class_info .black_bg td.complete_pay {font-size: 44px; font-weight: bold; color:#ffcc00;text-align: right;}
.nobase .class_info .black_bg td.complete_pay span {font-size: 27px;}
.nobase .class_info .score_change {height: 60px; width: 100%; font-size: 20px; line-height: 52px; padding: 0; text-align: center; background-color: #ffcc00;}
.nobase .yellow_bn {display: block; width:690px; margin:0 auto; font-size: 26px; font-weight: bold; background-color:#ffcc00; color:#212121;text-align: center; line-height: 90px;}

/*노베이스 점수별 탭*/
.score_table {position:relative; width: 784px; height: 518px; margin:50px auto 190px;}
.score_table ul {width: 100%;overflow: hidden;}
.score_table ul:after {content: ''; display: block; clear: both;}
.score_table .goal_score { box-sizing:border-box;float: left; width:25%;height:69px;cursor: pointer;border-top-right-radius: 17px; border-top-left-radius: 17px; line-height: 69px; background:url(../images/nobase_renew/nobase_tab_shadow.png) -15px 8px no-repeat;background-color:#e8e8e8; }
.score_table .goal_score:first-child{background:none;background-color:#e8e8e8; background-color: #e8e8e8;}
.score_table .goal_score .goal_tit {display: none; text-align:center;}
.score_table .goal_score .score_tit {font-size: 26px; font-weight: bold; color:#8e8e8e;text-align:center;}
.score_table .goal_score.selected .score_tit{display: none; }
.score_table .goal_score.selected .goal_tit {display: block;width:223px; margin-left:-13px; position:relative;font-size: 26px; font-weight: bold; color:#262626;text-align:center; background:url(../images/nobase_renew/nobase_tab_select.png) center top no-repeat;/*background-color:#ffcc00;border-top-right-radius: 17px; border-top-left-radius: 17px;*/}
.score_table .selected_score {display: block;}
.score_table .goal_score > div {position: absolute; top:69px; left:0; box-sizing: border-box; width:784px; background-color: #fff; display: none;}
.score_table .goal_score.selected > div {display: block;}
.score_table .goal_score.selected {background:none;/*background-color: #ffcc00;*/}

.score_table .nobase_schedule_curri {box-sizing:border-box; height: 391px; border: 5px solid #ffcc00; cursor: initial;}
.score_table .nobase_schedule_curri .div_2 {}
.score_table .nobase_schedule_curri .div_2:after {content: ''; display: block; clear: both;}
.score_table .nobase_schedule_curri .div_2 > div {float: left; width: 50%;}
.score_table .nobase_schedule_curri .div_3:after {content: ''; display: block; clear: both;}
.score_table .nobase_schedule_curri .div_3 > div {float: left; width: 33.3333%;}
.score_table .nobase_schedule_curri .curri_tit {box-sizing:border-box;position:relative; width:188px; height:114px; margin:50px auto 0; padding-top:17px; font-size: 29px; font-weight: bold; color:#262626; line-height: 35px; text-align: center; border:2px solid #474747; border-radius: 10px; letter-spacing: -2px;}
.score_table .nobase_schedule_curri .div_3 .curri_tit {width: 175px;}
.score_table .nobase_schedule_curri .curri_tit span.small_curri {position:absolute; display:inline-block; padding:0 7px; left:47px; bottom:-19px; background-color:#fff; font-size: 19px; font-weight: normal; letter-spacing: 1px;}
.score_table .nobase_schedule_curri .curri_tit span.c_327 { color:#2e42d8; }
.score_table .nobase_schedule_curri .curri_tit span.c_387 { color:#8b20e5; }
.score_table .nobase_schedule_curri .curri_tit span.c_450 { color:#c8105e; }
.score_table .nobase_schedule_curri .curri_tit span.c_550 { color:#2e42d8; }
.score_table .nobase_schedule_curri a {display: block; width:220px; height:68px; margin:0 auto; line-height: 68px; font-size: 18px; text-align: center; border-radius: 40px; background-color: #ffcc00; color: #000;}
.score_table .nobase_schedule_curri a.schedule_10 {margin-top:60px;}
.score_table .nobase_schedule_curri a.curri_info {margin-top:33px; color: #fff; }
.score_table .nobase_schedule_curri a.schedule_week {margin-top:10px;}
.score_table .score_327 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_327.png) center no-repeat;}
.score_table .score_327 .nobase_schedule_curri a.curri_info {background-color: #314ddb;}
.score_table .week_cont {padding-top:38px; font-size: 32px; color: #262626; line-height: 32px; text-align: center;background:url(../images/nobase_renew/bg_week.png) 0 5px no-repeat;}
.score_table .score_387 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_387.png) center no-repeat;}
.score_table .score_387 .nobase_schedule_curri a.curri_info {background-color: #8b20e5;}
.score_table .score_450 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_450.png) center no-repeat;}
.score_table .score_550 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_550.png) center no-repeat;}
.score_table .nobase_schedule_curri .div_3 a {width: 200px; height: 68px}
.section_book {padding-top:20px;}
.section_book .book_round {box-sizing:border-box; width:610px; margin:63px auto 5px; padding-top:40px;border:1px solid #c8c8c8; border-radius:6px; }
.section_book .book_round img {display:block; width:266px; margin:0 auto 29px;}
.section_book .book_round .yellow_bn {width: 240px;height:68px; line-height:68px;margin:0 auto 50px; font-weight: 500; font-size: 19px; border-radius: 40px;}
.section_book .book_text {margin-bottom:10px; font-size: 22px; color:#3e51b2;text-align: center; letter-spacing: -2px;}
.section_book .book_name {margin-bottom:41px;font-size: 34px; font-weight: bold;text-align: center; letter-spacing: -2px;}
.section_book .book_txt_small {margin-bottom:98px;font-size: 18px; color:#787878;text-align: center;}
.section_book .blue_txt {margin-bottom:18px; font-size: 20px;color:#2f429e;text-align: center;font-family: 'Nanum Barun Gothic', sans-serif;}
.section_review {padding-top:100px; padding-bottom:20px;border-top: 1px solid #e8e7df;}
.section_review .review_slide ul {width:690px; margin:0 auto; padding-bottom: 5px;}
.section_review .review_slide li {box-sizing:border-box; width:420px; /*height:365px;*/ padding:15px 25px 15px; border:1px solid #c9c9c9; border-radius: 6px;}
.section_review .review_slide li a {display: block; width: 100%; height: 100%;}
.section_review .review_slide li .slide_tit{width:100%;margin-bottom:15px;font-size: 17px; font-weight:bold; color:#212121;text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section_review .review_slide li img {display:block;width:290px;height:100px;margin:0 auto 15px;}
.section_review .review_slide li .cont {width:220px;height:35px;margin:0 auto; font-size: 12px; color:#4f4f4f; text-align: center; line-height: 17px; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.section_review .review_slide li .name-date {margin-top:10px;font-size:12px; text-align:center;color: #9b9b9b;}
.section_review .review_slide li .name-date span {}

.section_review .book_txt_small {margin-top:15px; margin-bottom:60px; text-align: center; font-size: 12px; color: #9b9b9b}

.section_review h2 {font-size: 33px;}

.section_review .review_slide .slick-prev {left:-41px;width:21px; height:33px;background:url(../images/nobase_renew/score_review_arrow_left.png);}
.section_review .review_slide .slick-next {right:-41px; width:21px; height:33px; background:url(../images/nobase_renew/score_review_arrow_right.png);}
.section_review .review_slide .slick-prev:before {content: ''}
.section_review .review_slide .slick-next:before {content: ''}

.nobase .section_review .youtube_box {width:840px; height: 475px; margin:20px auto 0px;}
.nobase .section6 h2 {font-size: 48px; margin-bottom:20px;}
.nobase .section6 .curri_img {display:block;width:690px;margin:0 auto;}

.nobase_lecture_title {font-size:31px; font-weight: bold;text-align: center; margin-bottom:30px; padding-top:70px;}
.nobase_lecture_info:after {content: ''; display: block; clear: both;}
.nobase_lecture_info {width:690px; margin:0 auto;}
.nobase_lecture_info > div.left {float: left;}
.nobase_lecture_info > div {box-sizing: border-box; width: 50%; padding:30px 0 35px; border:4px solid #000;}
.nobase_lecture_info > div.first{border-right: 2px solid;}
.nobase_lecture_info > div.left:last-child{border-left: 2px solid;}
.nobase_lecture_info > div .lecture {font-size: 27px; font-weight: bold; text-align: center;}
.nobase_lecture_info .info_tit {margin-bottom:25px;}

.section_review_video {margin-bottom:100px;}
.section_review_video .youtube_box {width: 690px; height: 360px; margin: 0 auto;}

.mobile-con {display: none;}
@media screen and (max-width:750px) {
	.nobase .section2 img.img_curri {margin:45px auto; width: 100%;}
	.nobase .nobase_container {box-sizing:border-box;width: 100%; padding:0 10px;}
	.nobase .section1 {box-sizing:border-box;height: 345px; padding-top:103px; padding-bottom:0; background:url(../images/nobase_renew/m_title_bg.png) 0 0 no-repeat; background-size: 100% 345px;}
	.nobase h1 {width:275px; font-size: 41px; line-height: 71px;}
	.nobase h1 .h_top {font-size:41px;}
	.nobase h1 .h_btm {font-size: 46px; letter-spacing: 3px;}
	.nobase h2 {font-size: 26px; line-height: 36px; letter-spacing: -2px;}
	.nobase .section2 {padding-top:60px;}
	.nobase .section2 img {width: 100%; margin-top:15px;margin-bottom:60px;}
	.nobase .section2 .youtube_box {position:relative;width:100%;height:0;overflow:hidden;margin-top:50px;margin-bottom:0px;padding-bottom:56.25%;}
	.nobase .section2 .youtube_box iframe,
	.nobase .section2 .youtube_box object,
	.nobase .section2 .youtube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0;}
	.nobase .section2 .bg_dark {padding-top:38px;padding-bottom:0px;}
	.nobase .bg_dark .dark_round_box{width: 100%; height: 200px; padding-top:35px; border-width: 2px;}
	.nobase .bg_dark .dark_round_box p {font-size: 19px; line-height: 28px;}
	.nobase .bg_dark .dark_round_box p em:before {bottom:0; width:39px;}
	.nobase .bg_dark .dark_round_box .down_arrow {padding-bottom:45px; background-size:12px 18px; background-position: center 45px;}
	.nobase .bg_dark .poket {width:290px; height: 110px; margin-top:40px; background-size: 100%; background-position: center top;}
	.nobase .bg_dark .poket p{padding-top:18px; font-size: 21px;}
	.nobase .sub_tit {padding-bottom:10px; font-size: 16px;}
	.nobase .section3 img.graph {width: 100%; margin-top:30px; margin-bottom:70px;}

	.nobase .problem_box {width: 100%;margin-bottom:50px;}
	.nobase .problem_box .problem_grey {padding-top:40px;padding-bottom:45px;}
	.nobase .problem_box .problem_no {width:75px; height:26px; font-size: 13px; line-height: 21px;}
	.nobase .problem_box .problem_tit {font-size: 22px; line-height: 33px;margin-bottom:28px; }
	.nobase .problem_box .eg {font-size: 16px;}
	.nobase .problem_box .eg .rt {left:-7px;}
	.nobase .problem_box .trans {padding-top:28px;font-size: 18px;}
	.nobase .problem_box {padding-bottom: 32px;}
	.nobase .problem_box .problem_white {padding-top:45px;}
	.nobase .problem_box .training ul {width:300px;}
	.nobase .problem_box .training li img {width: 64px;}
	.nobase .problem_box .training_p1 {margin-top:15px;font-size: 13px;}
	.nobase .problem_box .training_p2 {margin-top:4px; font-size: 15px;}
	.nobase .problem_box .p_tit_m {margin-bottom:12px;}
	.nobase .problem_box .eg_slash {width: 342px; margin-left:auto; margin-right: auto;letter-spacing: -0.02em;}
	.nobase .problem_box .slash_1 {top:0; left: 199px}
	.nobase .problem_box .slash_2 {top:28px; left:68px;}
	.nobase .problem_box .slash_3 {top:28px;left:95px;}
	.nobase .problem_box .slash_4 {top:28px;left: 240px ;}
	.nobase .problem_box table {width:218px; margin-top:30px;margin-bottom:15px;}
	.nobase .problem_box table th{font-size: 13px;height: 30px;line-height: 30px}
	.nobase .problem_box table td{font-size: 11px;height: 26px;line-height: 26px}
	.nobase .problem_box .solution {padding-top:33px;font-size: 16px; background-size: 23px;}
	.nobase .section4 {padding-top:19px;}
	.nobase .nobase_y_btn {width:134px;height:40px;font-size: 12px;line-height: 40px;}
	.nobase .section4 img {width:100%; margin-top:30px; margin-bottom:25px;}
	.nobase .section5 {padding-top:0px; padding-bottom:55px; border-top:0;}
	.nobase .section5 img {width: 100%; margin-top:40px; margin-bottom:27px;}
	.nobase .section5 .consult_box {width: 100%; height: 190px;}
	.nobase .section5 .consult_box .consult_small_box {height: 139px;padding-top: 28px;}
	.nobase .section5 .consult_box .consult_small_box p {font-size: 16px;}
	.nobase .section5 .consult_box .box_btm_txt {padding-top:15px;font-size: 18px;}
	.nobase .section5 .consult_box .consult_small_box p.d_arrow {padding-bottom: 45px; background-size: 8px 15px;background-position: center 33px;}
	.nobase .section6 {padding-top:0px; border-top:0;}
	.nobase .goal_container {width: 336px;margin-top:40px;}
	.nobase .goal {position: relative; margin-bottom:34px;}
	.nobase .score_goal {font-size: 12px; padding-bottom:10px; font-weight: bold;}
	.nobase .goal_box {width: 100px; height: 85px; padding-top:15px; margin-right:1px;}
	.nobase .goal_box p {font-size: 15px; line-height: 18px;}
	.nobase .goal_box p.curri {padding-top:5px;font-size: 10px;}
	.nobase .goal_327, .nobase .goal_387 {margin-right:32px;}
	.nobase .goal img {position: absolute; top:54px; left:90px;width: 22px; margin:0;}

	.nobase .class_info {width: 100%; margin-top:10px;}
	.nobase .class_info > div {height:220px; padding:25px 14px 15px 10px;border:2px solid #212121;}
	.nobase .class_info > div:first-child {border-right: 1px solid #212121;}
	.nobase .class_info > div:nth-child(2) {border-left: 1px solid #212121;}
	.nobase .info_tit {height:29px; width:85px; margin-bottom:30px; font-size: 15px; line-height: 29px;}
	.nobase .class_info td {width:60%; height:25px; font-size: 12px; }
	.nobase .class_info td.td_2 {font-size: 12px;}
	.nobase .discount {top:-9px; right:-65px; left:auto;padding-bottom:24px;padding-left:10px;font-size: 11px; background-size: 59px 14px;}
	.nobase .class_info td.red {height:25px; line-height: 18px; white-space: nowrap;}
	.nobase .class_info td.grey{height:25px; white-space: nowrap;}
	.nobase .class_info td.black{height:25px;padding-bottom: 10px;}
	.nobase .class_info .black_bg td.complete_txt {width:50%; font-size: 19px; line-height: 25px;}
	.nobase .class_info .black_bg td.complete_pay {font-size: 35px;}
	.nobase .class_info .black_bg {height:110px; /*margin-bottom:100px;*/ padding-top:25px; padding-left:15px; padding-right:20px;}
	.nobase .go_class_apply {position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; border-radius: 0; font-size: 20px; font-weight: bold; height: 70px; line-height: 70px;}
	.nobase .class_info .go_class_apply {position: relative; width: 100%}
	.nobase .section_lecture .go_class_apply {position: relative; width: 100%}
	.nobase .class_info .score_change {height:50px;margin-bottom:100px; font-size: 14px; line-height: 47px;}

	.score_table {width:100%; height:273px;margin-bottom:60px; margin-top: 20px;}
	.score_table .goal_score {height: 35px; line-height: 35px;border-top-left-radius:8px; border-top-right-radius:8px;background-position: -19px 5px;}
	.score_table .goal_score > div {width:100% ;}
	.score_table .goal_score.selected .goal_tit {width: calc(100% + 14px); margin-left:-7px;font-size: 13px;background:url(../images/nobase_renew/nobase_tab_select_m.png) center top no-repeat; background-size: cover;}
	.score_table .goal_score .score_tit {font-size:13px; font-weight: normal;}
	.score_table .nobase_schedule_curri {border-width: 2px; height: 197px;}
	.score_table .goal_score > div {top:35px;}
	.score_table .nobase_schedule_curri .curri_tit {width:100px; height:60px; padding-top:10px; font-size: 17px; line-height: 17px; font-weight: bold;}
	.score_table .nobase_schedule_curri .curri_tit span.small_curri {left:22px; bottom:-10px;font-size: 12px;}
	.score_table .nobase_schedule_curri a {color:#fff; background: none;font-size: 13px; width:100%;height: 42px; line-height: 42px;}
	.score_table .nobase_schedule_curri .curri_2 .curri_tit {margin-top:17px;}
	.score_table .nobase_schedule_curri a.curri_info {margin-top:24px;}
	.score_table .nobase_schedule_curri a.schedule_week {margin-top:6px;}
	.score_table .week_cont {padding-top:16px;font-size: 16px;background:url(../images/nobase_renew/bg_week_m.png) 0 5px no-repeat;background-size: 100% 27px;}

	.score_table .score_327 .nobase_schedule_curri a.curri_info {background:none;}

	.score_table .score_327 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_327_m.png) center no-repeat; background-size: 100% 197px;}
	.score_table .score_387 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_387_m.png) center no-repeat; background-size: 100% 197px;}
	.score_table .score_450 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_450_m.png) center no-repeat; background-size: 100% 197px;}
	.score_table .score_550 .nobase_schedule_curri {background: url(../images/nobase_renew/bg_550_m.png) center no-repeat; background-size: 100% 197px;}
	.score_table .score_387 .nobase_schedule_curri a.curri_info {background:none;}
	.score_table .nobase_schedule_curri a.schedule_10 {margin-top:39px;}

	.score_table .nobase_schedule_curri .div_3 .curri_tit {width: 95px; height:58px;font-size: 17px; line-height: 17px;}
	.score_table .nobase_schedule_curri .curri_3 .curri_tit {margin-top:17px;}
	.score_table .nobase_schedule_curri .div_3 a {width:100%; height:42px; line-height: 42px; background: none !important; }
	.score_table .nobase_schedule_curri .div_3 a.curri_info {margin-left:6px;letter-spacing: -1px;}

	.section_book {padding:50px 36px; border-top:1px solid #e8e7df;}
	.section_book .book_round {width:100%;padding:45px 0px 25px; margin-top:35px;margin-bottom:25px; -webkit-box-shadow: 5px 6px 42px -15px rgb(0 0 0 / 50%);box-shadow: 5px 6px 42px -15px rgb(0 0 0 / 50%); }
	.section_book .book_round img {width: 175px; margin-bottom:20px;}
	.section_book .book_round .yellow_bn {font-size: 12px; width: 135px; height: 41px; margin-bottom:0;line-height: 41px; font-weight: normal;}
	.section_book .book_text {font-size: 16px;}
	.section_book .book_name {font-size: 24px;margin-bottom: 30px;}
	.section_book .book_txt_small {font-size: 13px; margin-bottom: 0px; line-height: 20px;}
	.section_book .blue_txt {font-size: 16px;}

	.section_review {padding-top:47px; padding-bottom:30px; padding-left:36px; padding-right:36px;background-color: #f5f5f5; border-top:0;}
	.section_review .book_txt_small {font-size: 11px; margin-top:5px; margin-bottom: 15px;}
	.section_review .review_slide ul {width: 100%}
	.section_review .review_slide li {background-color: #fff;}
	.section_review .review_slide li a {}
	.section_review .review_slide li .slide_tit{font-size: 15px;}
	.section_review .review_slide li img {width:100%; height:85px;}
	.section_review .review_slide li .cont {font-size: 11px;}
	.section_review .review_slide li .name-date {font-size: 11px;}
	.section_review .review_slide li .name-date span {}

	.section_review .review_slide .slick-prev {left:-26px;width:12px; height: 19px; background-size: cover;}
	.section_review .review_slide .slick-next {right:-26px;width:12px; height: 19px; background-size: cover;}

	
	.section_review_video .youtube_box {position:relative;width:100%;height:0;overflow:hidden;margin-bottom:0px;padding-bottom:56.25%;}
	.section_review_video .youtube_box iframe,
	.section_review_video .youtube_box object,
	.section_review_video .youtube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0;}

	.nobase .section6 h2 {margin-bottom: 15px;font-size: 31px; font-weight: bold; letter-spacing: -2px;}
	.nobase .section6 .sub_tit {font-size: 19px;}
	.nobase .section6 .curri_img {width: 100%;}
	.section_lecture {padding:0 10px}
	.nobase_lecture_info {width: 100%;}
	.nobase_lecture_title {font-size: 21px; margin-bottom: 20px;}
	.nobase_lecture_info > div .lecture {font-size: 16px;}

	.nobase_lecture_info > div {border-width: 2px; padding:23px 0 30px;}
	.nobase_lecture_info > div.left:last-child {border-left: 1px solid;}
	.nobase_lecture_info > div.first {border-right: 1px solid;}

	.nobase_lecture_info  .info_tit {margin-bottom:12px;}
	.mobile-con {display: block;}
}

@media screen and (max-width:320px) {
	.nobase .problem_box .eg {font-size: 14px;}
	.nobase .problem_box .eg_slash {width: 290px}
	.nobase .problem_box .slash_1 {top:0; left: 169px}
	.nobase .problem_box .slash_2 {top:28px; left:55px;}
	.nobase .problem_box .slash_3 {top:28px;left:76px;}
	.nobase .problem_box .slash_4 {top:28px;left: 204px ;}
	.nobase .nobase_goal_con {padding:0 5px;}
	.nobase .goal_container {width: 100%}
	.nobase .goal_327, .nobase .goal_387 {margin-right: 7px;}
	.nobase .class_info .black_bg td.complete_txt {font-size: 17px;}
	.nobase .class_info .black_bg td.complete_pay {font-size: 33px;}



}