@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/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;}
.nobase h1 .h_btm {color:#ebbd03;}
.nobase h2{font-size: 33px; color:#262626; text-align: center;}
.nobase .section2 {padding-top:85px;}
.nobase .section2 img {display:block; width:581px; margin:34px auto 80px; }
.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: 85px;}
.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/y_arrow.png) center 58px no-repeat;}
.nobase .bg_dark .poket {width:477px; height:165px; margin:55px auto 10px; background:url(../images/nobase/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/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:118px;}
.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/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;}
.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:100px 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:222px; margin:49px auto;}
.nobase .discount {position:absolute;top:-15px; left:39px; 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/curriculum/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;}

@media screen and (max-width:750px) {
	.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/m_title_bg.png) center top no-repeat;}
	.nobase h1 {width:275px; font-size: 41px; line-height: 71px;}
	.nobase h2 {font-size: 26px; line-height: 36px;}
	.nobase .section2 {padding-top:60px;}
	.nobase .section2 img {width: 100%; margin-top:15px;margin-bottom:35px;}
	.nobase .section2 .youtube_box {position:relative;width:100%;height:0;overflow:hidden;margin-top:20px;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:65px;}
	.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:90px;}
	.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:90px;}
	.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:40px;}
	.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 .score_change {height:50px;margin-bottom:100px; font-size: 14px; line-height: 47px;}


}

@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;}

}